/* CSS Document */
*{margin:0;padding:0;}
body{font:14px/1.5 Arial, Helvetica, sans-serif,'微软雅黑';font-family:arial,'微软雅黑';min-width:320px;color:#666;*min-width:1200px;}
body.donghua{overflow-x:hidden;}
a{color:#333;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;}
a:hover{color:#c00; text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;margin:0;}
button, input, select, textarea{font-size:100%;font-family:arial,'微软雅黑';outline:none;vertical-align:middle;resize:none;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
button{cursor:pointer;}
ul,dl{list-style:none;}
p{margin-bottom:0;}
img{display:inline-block;vertical-align:middle;border:0;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;font-size:0;line-height:0;}
.warper{max-width:1400px;margin:0 auto;}
.fl{float:left}
.fr{float:right}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;	width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.none{display:none;}
.pages{padding:30px 0 0;text-align:center;}
.pages a{display:inline-block;border:1px solid #ededed;padding:3px 8px;margin-left:-1px;}
.pages a.prev{margin:0 10px 0 0;}
.pages a.next{margin:0 0 0 9px;}
.pages a.hover{background:#c00;color:#fff;}
.color_f00{color:#f00;}
.bottom{background:#e60819;font-family:arial,'宋体';color:#fff;font-size:12px;padding:20px 0;line-height:1.6667;}
.bottom a{color:#fff;}
.bottom a:hover{text-decoration:underline;}
.bottom .fr a,.bottom .fr{color:#e60819;}
.nav{background:#c00;position:relative;z-index:99;}
.nav .nav01,.nav .nav01 li .nav_box ul{max-width:1400px;margin:0 auto;}
.nav .nav01 li{float:left;width:14.2857%;}
.nav .nav01 li h3{height:38px;line-height:38px;text-align:center;font-size:16px;}
.nav .nav01 li a{color:#fff;display:block;}
.nav .nav01 li a:hover,.nav .nav01 li.hover a,.nav .nav01 li.hover1 a{background:#ee3c3c;}
.nav .nav01 li .nav_box{background:url(../images/nav_bg01.png);width:100%;top:100%;lefT:0px;position:absolute;display:none;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;transition:all 0s ease-in-out;}
.nav .nav01 li .nav_box ul{padding:35px 0;}
.nav .nav01 li .nav_box li{width:auto; border-right:1px solid #333;padding:0 1.5%;margin:5px 0;}
.nav .nav01 li .nav_box li a{background:none;color:#868686;}
.nav .nav01 li.nav_02 .nav_box li{float:left;width:14.5%;margin-right:2.16666%;text-align:center;border:0px;padding:0;}
.nav .nav01 li.nav_02 .nav_box li img{width:100%;}
.nav .nav01 li.nav_02 .nav_box li .img{background:url(../images/pro_bg01.gif) repeat-x; background-size: auto 100%;margin-bottom:8px;}
.nav .nav01 li.nav_02 .nav_box li a{color:#fff;}
.nav .nav01 li .nav_box li a:hover{color:#ee3c3c;}
.nav .nav01 li .nav_box li.no_border{border:0px;}
.nav .language{display:none;}
.header{padding:18px 0 16px;}
.top_01{height:39px;line-height:28px;font-family:'宋体';font-size:12px;*float:right;}
.top_01 a{color:#666;}
.top_01 a:hover{color:#c00;}
.top_01 a.but01{border:1px solid #ccc;background:#e8e8e8;padding:0 15px; border-radius:3px;display:inline-block;line-height:26px;}
.top_01 a.but01 span{background:url(../images/icon_01.png) no-repeat;padding-lefT:20px;line-height:26px;}
.search{background:url(../images/search_bg01.gif) no-repeat;width:167px;*width:127px;height:25px;float:right;position:relative;padding:0 30px 0 10px;*clear:both;}
.search input{width:100%;height:25px;line-height:25px;background:none;border:0px;}
.search a{background:url(../images/icon_02.png) no-repeat;width:15px;height:17px;position:absolute;right:8px;top:4px;}
.ny_main.warper{position:relative;z-index:9;}
.ny_banner{background:no-repeat center center;height:360px;background-size:cover}
.ny_nav{background:rgba(51,51,51,0.8);background:none\9;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc333333,endColorstr=#cc333333)\9;position:absolute;width:100%;bottom:100%;lefT:0;}
.ny_nav li{float:left;min-width:11.1111111%;}
.ny_nav li a{display:block;border-right:1px solid #666;text-align:center;color:#fff;padding:0 5px;line-height:50px;font-size:14px;}
.ny_nav li a:hover,.ny_nav li.hover a{background:#c00;}
.ny_title{display:none;}
.loca{padding:20px 0 10px;text-align:right;color:#999;}
.loca a{color:#999;}
.loca a:hover{color:#c00;}
.loca span{color:#555}
.delay100 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.delay200 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.delay300 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.delay400 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay500 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.delay600 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay700 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.delay800 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay900 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.delay1000 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay1200 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay1400 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.delay1600 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.delay1800 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s;}
.delay2000 { -webkit-animation-delay: 2s; animation-delay: 2s;}
.delay2400 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s;}
.delay3000 { -webkit-animation-delay: 3s; animation-delay: 3s;}
.tansDelay00{transition-delay: 0s;-webkit-transition-delay: 0s;}
.tansDelay200{transition-delay: .2s;-webkit-transition-delay: .2s;}
.tansDelay400{transition-delay:.4s;-webkit-transition-delay: .4s;}
.tansDelay600{transition-delay: .6s;-webkit-transition-delay: .6s;}


@media screen and (max-width:1440px) {
.warper{padding:0 20px;}
.header{padding:18px 20px 16px;}
.nav .nav01 li .nav_box ul{padding:40px 20px;}
.ny_banner{height:320px;}

}
@media screen and (max-width:1080px) {
.ny_banner{height:280px;}
}
@media screen and (max-width:1000px) {
.nav .nav01 li h3{font-size:14px;}
}
@media screen and (max-width:880px) {
.header.warper{padding:10px 20px;position:relative;}
.header .logo img{height:55px;}
.header .top_01{display:none;}
.header .top_r a.nav_icon{background:url(../images/nav_icon01.gif) no-repeat;width:28px;height:25px;float:right;background-size:cover;margin-left:15px;}
.header .top_r{position:absolute;right:20px;top:50%;margin-top:-13px;}
.nav{position:fixed;height:100%;width:240px;top:0;background:#333;overflow:auto;right:-240px;}
.nav .nav01 li{float:none;width:100%;text-align:left;border-bottom:1px solid #4d4d4d;}
.nav .nav01{border-top:1px solid #4d4d4d;}
.nav .nav01 li h3{text-align:left;height:44px;line-height:44px;padding:0 20px;}
.nav .nav01 li h3 a{display:inline-block;color:#999;}
.nav .nav01 li a:hover, .nav .nav01 li.hover a, .nav .nav01 li.hover1 a{background:none;}
.nav .language{text-align:center;color:#f00;height:70px;line-height:70px;display:block;}
.nav .language a{color:#f00;display:inline-block;margin:0 5px; text-decoration:underline;}
.nav .nav01 li .nav_box{position:relative;background:#1c1c1c;}
.nav .nav01 li .nav_box li,.nav .nav01 li.nav_02 .nav_box li{float:none;width:100%;border:0px;border-top:1px solid #333;padding:10px 20px;text-align:left;}
.nav .nav01 li .nav_box ul{padding:0 20px;}
.nav .nav01 li.nav_02 .nav_box li .img{display:none;}
.nav .nav01 li.nav_02 .nav_box li a,.nav .nav01 li .nav_box li a{color:#777;}
.nav .nav01 li.nav_02 .nav_box li.no_border{border:0;}
.ny_banner{display:none;}
.ny_nav{display:none;}
.ny_title{display:block;font-size:20px;height:50px;line-height:50px;padding:0 20px;background:#c00;color:#fff;text-align:center;}
.loca{display:none;}
}
@media screen and (max-width:768px) {
.bottom .fl,.bottom .fr{float:none;text-align:center;}
.bottom .fl div{display:inline-block;}
}
@media screen and (max-width:640px) {
.header.warper{padding:10px 15px;}
.header .top_r{right:15px;}
.warper{padding:0 15px;}
.header .logo img{height:45px;}

}
@media screen and (max-width:480px) {
.search{width:118px;background-image:url(../images/search_bg02.gif);}
}