@charset "UTF-8";
body{}
.bgcolor{width:100%;background-color: #fff;padding-bottom: 20px;}
.clearfix {
    +height: 1%;
}
.title{font-size: 18px;color: #666;text-align: center;line-height: 40px;height: auto;opacity: 0;padding:40px 0 30px 0; position:relative; top:-50px;}
.title h2{font-size: 34px;color: #333;}
.title h2 span{color: #ff9c00;letter-spacing: 2px;margin-left: 10px;display: inline-block;}
.title.current{top:0px; opacity:1;}
div.title1{padding:60px 0 30px 0;}
div.title1.current{top:0px; opacity:1;}
/*热点*/
.hotspot{width: 1300px;height: 145px;margin:30px auto 15px; position: relative;}
.hotspot form{ margin-top:10px; padding:0;}
.hotspot .seatxt{ width:200px; height:36px; border:1px #ddd solid; padding:0 10px;}
.hotspot .srasub{ background:#fb9b09; padding:0 15px; border:0;color: #fff; height:38px;position: relative;top:0px;}
.hotspot img{display: block;}
.hotbox1{width: 358px;float: left;margin-left: -30px;opacity: 0;}
.hotbox1 span{font-size: 20px;color: #333;margin: 10px 0;display: block;}
.hotbox1 p{font-size: 14px;color: #3757a7;margin-top: 5px;}
.hotbox2{width: 255px;float: left;padding:0 70px;font-size: 22px;color: #3757a7;margin-left: -30px;opacity: 0;}
.hotbox2 h2,.hotbox3 h2{font-size: 24px;color: #b1b1b1;margin: 10px 0;}
.hotbox2 span{font-size: 14px;color: #333;margin: 10px 0;display: block;}
.hotbox2 h3 img{display: inline-block;margin-right: 9px;}
.hotbox3{width: 490px;float: right;font-size: 14px;color: #666;margin-right: -80px;opacity: 0;}
.hotspot.current .hotbox1,.hotspot.current .hotbox2{ margin-left:0; opacity:1;}
.hotspot.current .hotbox3{margin-right: 0;opacity: 1;}


/*产品中心*/
.hproduct,.npage{width: 100%;margin:0px auto;min-width: 1300px;background:url(../images/probg.jpg) top center no-repeat;}
.hproduct .fc{display: block;}
.hproduct .container{opacity:0; margin-top:60px;}
.hproduct .container.current{ margin-top:0; opacity:1;}
.hproduct .ybtn{display: block;margin:0 auto 30px;}
.hproleft{width: 246px;height: auto;float: left;position: relative;}
.productNav{width: 100%;height: 742px;background: url(../images/pnav.jpg) no-repeat;}
.productNav span{display: block;width: 100%;height: 112px;text-align: center;font-size: 16px;color: #fff;line-height: 30px;}
.productNav span em{font-size: 24px;display: block;padding-top: 25px;}
.productNav a,a.pro_more{display: block;text-align: center;width: 217px;height: 50px;line-height: 50px;background: url(../images/pn1.png) no-repeat;font-size: 18px;color: #3757a7;transition: 0.5s;margin:17px auto 0;}
.productNav a:hover,.productNav .producton,a.pro_more:hover{color: #fff;background:url(../images/pn2.png) no-repeat;}
.productNav a i{width:16px;height: 1px;display: inline-block;background-color: #fff;position: relative;top:-5px;opacity: 0;}
.productNav a:hover i,.productNav .producton i{opacity: 1;}
.hphone{width: 100%;height: 85px;background-color: #3757a7;padding-top: 25px;margin-top: 10px;}
.hphone span{font-size: 18px;color: #f5f5f5;text-align: center;display: block;}
.hphone em{color: #ffbb51;font-size: 28px;line-height: 35px;display: block;}
.hpltop{width: 100%;padding-top: 30px;text-align: center;}
.hpltop h2{font-size: 36px;color: #3757a7;}
.hpltop h3{font-size: 24px;color: #333;margin-top: 10px;}
.hpltop h3 span{display: block;margin-top: 5px;font-size: 16px;color: #3757a7;}
.hproright{width:1020px;float: right;}
.hprtop{width: 100%;height: 56px;background: url(../images/line0.png) bottom center no-repeat;}
.hprtop span{display: block;font-size: 18px;color: #fff;width: 160px;height: 46px;line-height: 46px;text-align: center;background: url(../images/btn1.jpg) no-repeat;}
a.hpromore{display: block;width: 60px;height:36px;line-height: 36px;font-size: 14px;text-align: center;color: #fff;background-color:#ff9c00;float: right;margin-top: 10px;}
a.hpromore:hover{background-color: #3b5eb6;}
.pro_more{position: absolute;top:650px;left:15px;}
.productCon{width: 1032px;position: relative;clear: both;margin-top: 24px;}
.productCon a{width: 330px;height: 320px;text-align: center;position: relative;display: block;overflow: hidden;float: left;margin-right:14px;margin-bottom: 14px;background-color: #f5f5f5;}
.productCon a em{display: block;width: 330px;height: 320px;overflow: hidden;position: relative;}	
.productCon a img{width: auto;min-height: 180px;max-height:320px;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;}
.productCon a span{width: 100%;height: 40px;z-index: 1;display: block;background:url(../images/tou1.png) repeat;
	position: absolute;bottom: 0;left: 0;font-size: 16px;text-align: center;line-height: 40px;color: #fff;transition: all 0.4s;}
.productCon a em i{display: block;width:40px;height: 40px;background: url(../images/ico1.png) no-repeat;position: relative;margin: 100px auto 0;opacity: 0;transition:0.5s;z-index: 20;}
.productCon a em b{display: block;width:139px;height: 32px;background: url(../images/fu.png) no-repeat;position: absolute;top:22px;left: 25px;}
.productCon a:hover img{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;}	
.productCon a:hover span{height: 320px;line-height: 595px;background:url(../images/tou.png) repeat;}
.productCon a:hover i{opacity: 1;}
/*设备展示*/
.hshebei{width: 100%;height: 782px;background:url(../images/zbg.jpg) top center no-repeat;min-width: 1300px;}
.hshebei{opacity:0; position:relative; top:60px;}
.hshebei .container{height: 560px;}
.hshebei.current{ top:0; opacity:1;}
.hsbleft{width: 490px;float: left;}
.hsbright{width: 732px;float: right;}
.hsbtit{font-size: 14px;color: #cecece;width: 100%;height: 30px;border-bottom: 1px solid #e6e6e6;padding-bottom: 10px;}
.hsbtit i{display: inline-block;width: 26px;height: 28px;background: url(../images/ico4.png) no-repeat;position: relative; top: 5px;}
.hsbtit span{font-size: 24px;color: #666;display: inline-block;margin:0 10px;}
.video{width: 490px;height: 345px;margin-top: 30px;background: url(../images/video.jpg) no-repeat;}
.hsbright a{width: 350px;height: 220px;border:1px solid #cccccc;position: relative;background-color: #fff;float: left;margin-right: 14px;margin-top: 14px;display: block;}
.hsbright a em{width: 350px;height: 200px;position: relative;padding-top: 20px;display: block;}
.hsbright a img{height: 200px;width: auto;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;}
.hsbright a span{background:url(../images/tou.png) repeat;width: 100%;height: 40px;z-index: 1;display: block;
	position: absolute;bottom: 0;left: 0;font-size: 16px;text-align: center;line-height: 40px;color: #fff;transition: all 0.4s;}
.hsbright a:hover{border-color: #3757a7;box-shadow:0px 0px 20px #888;}
a.hsbmore{display: block;width:180px;height:51px;line-height: 51px;background:url(../images/btn2.png) no-repeat;transition: 0.5s;position: absolute;bottom: 0;right: 273px;}
a.hsbmore:hover{background-position: -181px 0;}
/*优势*/
.hyoushi{width: 100%;opacity:0; margin-top:60px;}
.hyoushi.current{ margin-top:0; opacity:1;}
.youbox{width: 1300px;height:392px;margin:0px auto;}
.youbox span{width: 650px;height: 392px;display: block;transition: 0.5s;}
.yico1{background: url(../images/yico1.jpg) -650px 0 no-repeat;}
.yico1:hover{background-position: -2px 0;}
.yico2{background: url(../images/yico2.jpg) 0 0 no-repeat;}
.yico2:hover{background-position: -650px 0;}
.yico3{background: url(../images/yico3.jpg) -650px 0 no-repeat;}
.yico3:hover{background-position: 0px 0;}
.yico4{background: url(../images/yico4.jpg) 0 0 no-repeat;}
.yico4:hover{background-position: -650px 0;}

/*关于我们*/
.habout{width: 100%;min-width: 1300px;height:auto;background:#f5f5f5 url(../images/hbg.jpg) top center no-repeat;}
.habout{opacity:0; margin-top:60px;}
.habout .title h2,.habout .title{color: #fff;}
.habout.current{ margin-top:0; opacity:1;}
.haboutbox{width: 723px;}
#featureContainer{width:1300px; margin:0px auto;}
#featureContainer a{ position:relative;}
#feature{position: relative;height: 303px;width: 100%;}
#block {z-index: 0; position: relative; overflow: hidden; width:1300px; height:303px; margin:0 auto;}
#botton-scroll{z-index: 0; margin: 0px auto; width:1300px; height:303px;}
#feature .featurebtn{text-indent: -9999px;width:30px;height:50px;display: block;position: absolute;top:50%; transition:0.5s;}
#feature .prev{background: url(../images/l.jpg) 0 0 no-repeat;left:-50px;}
#feature .next{background: url(../images/r.jpg) 0 0 no-repeat;right:-50px;}
.featureUL{ position: relative; list-style-type: none; margin: 0px; padding-left: 0px; width: 2900px; float: left; left: 0px;}
.featureUL li{width:310px;float: left;height:303px;overflow: hidden;
margin-top:10px;margin-right: 20px; position: relative;transition:0.5s;cursor: pointer;}
.li_img{ width:310px; height:263px; text-align:center;overflow:hidden;position: relative;display: block;}
.li_img img{ width:auto; height:100%;overflow:hidden;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;}
.featureUL li:hover .li_img img{-webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;}
.featureUL li span{display: block;font-size: 16px;color: #333;text-align: center;width: 100%;height: 40px;line-height: 40px;position: absolute;bottom: 0;left: 0;}
.habinfo{width: 585px;padding:30px 0;position: relative;}
.habinfo em{display: block;font-size: 18px;color: #666;}
.habinfo h2{font-size: 30px;color: #0357d3;}
.habinfo p{text-indent: 35px;font-size: 16px;color: #333;line-height: 30px;margin: 30px 0 10px 0;}
.habinfo span{display: block;font-size: 14px;color: #0357d3;}
a.habmore{width: 146px;height: 46px;background: url(../images/btn3.png) no-repeat;display: block;text-indent: -999em;margin-top: 30px;transition: 0.5s;}
a.habmore:hover{margin-left: 10px;}
i.habi{background: url(../images/abico.png) no-repeat;width: 300px;height: 228px;display: block;position:absolute;bottom: -50px;right: -123px;}

/*新闻*/
.hnews{width: 1300px;opacity:0;margin: 0px auto; margin-top:120px;position: relative;}
.hnews.current{ margin-top:0; opacity:1;}
.hnewsleft{float: left;width: 555px;}
.hnewsright{float: right;width: 620px;}
.nlefttit{width: 100%;height: 40px;background: url(../images/line1.png) bottom left no-repeat;line-height: 35px;}
.nlefttit span{float: left;font-size: 20px;color: #333;display: inline-block;}
.nlefttit span em{font-size: 14px;color: #999;display: inline-block;margin-left: 10px;}
.nlefttit a.nl_more{float: right;font-size: 14px;color: #ff9c00;transition:0.5s;}
a.nl_more:hover{color: #3757a7;}
.hninfo{margin-top: 25px;height: 460px;width: 100%;box-shadow:0px 0px 5px #666;}
.hnimg{display: block;width: 555px;height: 256px;overflow: hidden;}
.hnimg img{width: 555px;height: auto;}
.hninfo_txt{width: 100%;margin-top:5px;}
.hninfo_txt div{display: block;font-size: 18px;color: #0357d3;line-height: 40px;border-bottom: 1px solid #ccc;}
.hninfo_txt div i{width: 26px;height: 19px;position: relative;top: 3px;background: url(../images/ico0.png) no-repeat;margin-right:10px;display: inline-block;}
.hninfo_txt div span{font-size: 14px;color: #666;display: inline-block;float: right;margin-right: 10px;}
.hninfo_txt p{font-size: 14px;color: #666;line-height: 30px;padding:10px 30px;}
a.hnbtn{margin-left:30px;font-size: 16px;color: #0357d3;width: 100px;display: block;}
a.hnbtn:hover{color: #ff9c00;}
.hnl_list{width: 100%;height: 460px;overflow: hidden;margin:20px auto 0;clear: both;}
.hnl_list li{width: 100%;height:50px;line-height: 50px;position: relative;border-bottom: 1px dashed #ccc;}
.hnl_list li a{font-size: 15px;color: #333;display: block;float: left;transition:0.5s;width: 340px;height: 50px;overflow: hidden;text-indent: 45px;}
.hnl_list li span{font-size: 14px;color: #b2b2b2;display: block;float: right;}
.hnl_list li i{width: 34px;height: 28px;background: url(../images/ico2.png) no-repeat;display: block;float: left;position: absolute;top:10px;}
.hnl_list li em{width: 200px;height: 35px;line-height: 35px;float: left;background: url(../images/xian3.png) center repeat-x;display: block;}
.hnl_list li a:hover{color: #0357d3;text-indent: 50px;}
.hnl_list li:hover span{color: #0357d3;}
.hnl_list li:hover i{background: url(../images/ico3.png) no-repeat;}



@media screen and (max-width: 1440px) { 
i.habi{bottom: -80px;right: -50px;}
}
@media screen and (max-width: 1280px) { 
#featureContainer,#block{width: 1200px;}
.featureUL li{margin:0px 5px 0 5px;}
}