/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoom:1;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
}
.none{
	display: none;
}
/*container*/
.container{
	width:1200px;
	margin:0 auto;
	clear:both;
}

/*header*/
.top{width:100%;height:100px;}
.top .logo{font-size:0;margin-top:15px;}
.top .phone{float:right;color:#00a1e9;margin-top:30px;}
.top .phone .tel{float:left;margin-left:7px;}
.top .phone span{font-size:24px;font-weight:bold;display:block;}
.top .title{float:left;margin-top:32px;margin-left:5px;}
.top .title .line{height:41px;border-left:1px solid #ececec;float:left;}
.top .title p{float:left;line-height:39px;color:#333;font-size:21px;font-weight:bold;margin-left:18px;}
.nav{width:100%;background:#2e98d4;height:50px;}
.navul{width:1302px;margin:auto;}
.navul li{float:left;text-align:center;width:118.3333px;line-height:50px;height:50px;position:relative;}
.navul li>a{color:#fff;width:100%;height:50px;display:block;}
.navul li.cur>a{background:#61aeda;}
.navul li:hover{background:#61aeda;}
.navul li .nav_son{display: none;position: absolute;left: 0;top: 50px;z-index:100;box-shadow: 0 2px 28px 2px rgba(0,0,0,.1);width: 233.3333px;font-size: 14px;background: #FFF;animation: fromBottomFade .6s ease both;-webkit-animation: fromBottomFade .6s ease both;}
.navul li .nav_son span {float: left;width: 50%;}
.navul li .nav_son a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#222;display:block;padding:10px 10px;text-align:center;border-bottom:1px solid #ebebeb;line-height:25px;}
.navul li .nav_son a:hover{color:#61aeda;background:#f5f5f5;}
.navul li:hover .nav_son{display:block;}


@-webkit-keyframes fromBottomFade { from {
-webkit-transform: translateY(20%);
opacity:0;
}
}
@keyframes fromBottomFade { from {
transform: translateY(20%);
opacity:0;
}
}




	
	/*banner*/
#indexbanner{ height: 500px; overflow: hidden; position: relative;}
.bx-controls{ position: absolute; left: 0; bottom: 20px; z-index: 999; width: 100%; color: rgba(0,0,0,0);}
.bx-controls .bx-pager{ text-align: center;}
.bx-controls .bx-pager div{ display: inline-block; margin: 0 2px;}
.bx-controls .bx-pager div a{ display: block; width: 45px; height: 4px; overflow: hidden; line-height: 50px; background-color: rgba(255,255,255,0.3);}
.bx-controls .bx-pager div a.active{ background-color: rgba(255,255,255,1);}
.bx-controls .bx-controls-direction{ display: none;}





#indexproduct{margin-top:60px;}
.product .tit{text-align:center;}
.product .tit p{font-size:30px;color:#00a0e9;font-weight:bold;margin-bottom:12px;}
.product .tit span{color:#999;}
.product .tit .line{width:327px;border-top:1px solid #e1e1e1;margin:auto;margin-top:20px;position:relative;}
.product .tit .line:after{content:"";position:absolute;width:36px;height:3px;background:#00a0e9;left:145px;top:-2px;}
.product .cat{overflow:hidden;margin-top:30px;}
.product .cat .cur{background-color: #0d5373;}
.product .cat a{float:left;width:216px;height:46px;line-height:46px;text-align:center;color:#fff;background:#00a0ea;border-radius:10px;margin:0px 12px;margin-bottom:13px;}
.product .cat a:hover{background:#0d5373;box-shadow:0 0 3px #0d5373;}
.product .cp{margin-top:18px;}
.product .cp li{float:left;width:293px;margin-right:9px;}
.product .cp li:nth-child(4n){margin-right:0;}
.product .cp li .pic{width:100%;height:218px;display:block;position:relative;}
.product .cp li .pic span{width:100%;height:100%;display:none;position:absolute;top:0;left:0;background:rgba(0,0,0,0.1);z-index:1;}
.product .cp li .pic div{width:0;height:0;position:absolute;left:146.5px;top:109px;border-radius:50%;background:rgba(52,132,155,0.4);z-index:2;opacity:0;
	transition:all 0.2s ease 0s;
	-ms-transition:all 0.2s ease 0s; 	/* IE 9 */
	-moz-transition:all 0.2s ease 0s; 	/* Firefox */
	-webkit-transition:all 0.2s ease 0s; /* Safari 和 Chrome */
	-o-transition:all 0.2s ease 0s; 	/* Opera */}
.product .cp li .pic .sea{display:none;position:absolute;left:136.5px;top:99px;z-index:3;}
.product .cp li p{line-height:75px;text-align:center;}
.product .cp li .pic:hover span,.product .cp li .pic:hover .sea{display:block;}
.product .cp li .pic:hover div{width:60px;height:60px;left:116.5px;top:79px;opacity:1;}




#indexabout{width:100%;height:465px;background:#f5f5f5;margin-top:43px;}
.about .tit{text-align:center;}
.about .tit p{font-size:30px;color:#00a0e9;font-weight:bold;padding-top:70px;margin-bottom:12px;}
.about .tit span{color:#999;}
.about .tit .line{width:327px;border-top:1px solid #e1e1e1;margin:auto;margin-top:20px;position:relative;}
.about .tit .line:after{content:"";position:absolute;width:36px;height:3px;background:#00a0e9;left:145px;top:-2px;}
.about .con{margin-top:37px;width:100%;}
.about .con img{float:left;margin-top:25px;}
.about .con .content{width:853px;float:right;}
.about .con .content .des{line-height:36px;height:162px;color:#999;}
.about .con .more{width:133px;height:40px;display:block;line-height:40px;text-align:center;color:#fff;background:#00a0e9;}
.about .con .more:hover{border-radius:8px;background:#37b4ed;}



#banner{width:100%;height:114px;}





#indexequipment{height:808px;background:#f5f5f5;}
.equipment .tit{text-align:center;}
.equipment .tit p{font-size:30px;color:#00a0e9;font-weight:bold;padding-top:60px;margin-bottom:12px;}
.equipment .tit span{color:#999;}
.equipment .tit .line{width:327px;border-top:1px solid #e1e1e1;margin:auto;margin-top:20px;position:relative;}
.equipment .tit .line:after{content:"";position:absolute;width:36px;height:3px;background:#00a0e9;left:145px;top:-2px;}
.equipment .con{margin-top:43px;overflow:hidden;}
.equipment ul li{width:230px;height:227px;margin-right:12px;float:left;}
.equipment ul li:nth-child(5n){margin-right:0;}
.equipment ul li .pic{width:100%;height:172px;display:block;position:relative;}
.equipment ul li p{width:100%;height:55px;line-height:55px;text-align:center;}
.equipment ul li p a{color:#999;}
.equipment ul li .pic:hover{box-shadow:0 0 8px #c0bfbf;}
.equipment ul li .pic span{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,0.3);}
.equipment ul li .pic span:after{content:"+";position:absolute;top:10px;left:95px;width:40px;height:40px;line-height:40px;color:#fff;border-radius:50%;text-align:center;background:#0095d9;font-size:22px;transition: all 0.6s ease 0s;}
.equipment ul li .pic:hover span{opacity:1;}
.equipment ul li .pic:hover span:after{top:66px;}





#indexcertain{height:600px;}
.certain .left{width:518px;float:left;margin-top:60px;margin-left:32px;}
.certain .left .tit p{font-size:30px;color:#c9c9c9;margin-bottom:6px;}
.certain .left .tit span{font-size:30px;font-weight:bold;color:#00a0e9;}
.certain .left .con{width:490px;height:380px;margin-top:10px;position:relative;}
.certain .left .con:before{content:"";width:490px;border-top:1px solid #f5f5f5;position:absolute;left:0;top:190px;}
.certain .left .con:after{content:"";height:380px;border-left:1px solid #f5f5f5;position:absolute;left:245px;top:0;}
.certain .left .con ul li{width:245px;height:190px;float:left;}
.certain .left .con ul li .pic{width:240px;height:130px;margin:auto;margin-top:22px;
	display:flex;
	align-items:center;
	display:-webkit-flex; 
    -webkit-align-items:center;
	display:-ms-flex; 
    -ms-align-items:center;}
.certain .left .con ul li .pic img{max-width:100%;max-height:100%;margin:auto;}
.certain .left .con ul li span{display:block;text-align:center;font-size:18px;margin-top:12px;}
.certain .left .con ul li p{text-align:center;font-size:12px;color:#999;margin-top:13px;}
.certain .left .con ul li:hover span{color:#00a0e9;}
.certain .left .con ul li:hover .pic{
	transform:rotateY(360deg);
	-ms-transform:rotateY(360deg); 	/* IE 9 */
	-moz-transform:rotateY(360deg); 	/* Firefox */
	-webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
	-o-transform:rotateY(360deg); 	/* Opera */}
.certain .right{float:right;width:618px;margin-top:60px;}
.certain .right .tit p{font-size:30px;color:#c9c9c9;margin-bottom:6px;}
.certain .right .tit span{font-size:30px;font-weight:bold;color:#00a0e9;}
.certain .right .con{margin-top:40px;}
.certain .right .con ul li{width:100%;height:105px;overflow:hidden;margin-bottom:20px;}
.certain .right .con ul li a{display:block;width:100%;height:100%;}
.certain .right .con ul li .pic{float:left;width:140px;height:105px;overflow:hidden;}
.certain .right .con ul li .des{float:right;width:456px;height:105px;}
.certain .right .con ul li .des span{margin-top:20px;color:#333;display:block;}
.certain .right .con ul li .des p{line-height:20px;color:#999;font-size:12px;height:40px;overflow:hidden;margin-top:8px;}
.certain .right .con ul li:hover .des span{color:#00a0e9;}
.certain .right .con ul li:hover img{transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); 	/* IE 9 */
-moz-transform:scale(1.1,1.1); 	/* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1,1.1); 	/* Opera */}


	
	

	
#ne_nav{width:920px;height:65px;border-bottom:1px solid #e4e4e4;float:right;margin-top:30px;}
#ne_nav span{padding-left:25px;float:right;margin-top:37px;}
#ne_nav p{float:left;margin-top:35px;font-size:16px;color:#333;}




.col{width:920px;min-height:450px;line-height:220%;margin-top:40px;margin-bottom:50px;float:right;}
.col h2{text-align:center;font-weight:normal;color:#000;margin-bottom:20px;}
.col h3{text-align:center;font-weight:normal;font-size:12px;}




.pxxm{width:920px;min-height:450px;margin-bottom:50px;float:right;margin-top:30px;}
.pxxm ul li{width:280px;height:225px;border:1px solid #efefef;box-shadow:1px 1px 6px #666;float:left;margin-right:36px;margin-bottom:30px;overflow:hidden;position:relative;}
.pxxm ul li:nth-child(3n){margin-right:0px;}
.pxxm ul li a{width:100%;height:100%;display:block;}
.pxxm ul li .pic{width:100%;height:190px;display:block;overflow:hidden;position:relative;
	display:flex;
	align-items:center;
	display:-webkit-flex; 
    -webkit-align-items:center;
	display:-ms-flex; 
    -ms-align-items:center;}
.pxxm ul li .pic img{max-width:100%;max-height:100%;margin:auto;}
.pxxm ul li p{width:100%;height:35px;line-height:35px;text-align:center;}
.pxxm ul li:hover p{color:#00a0e9;}
.pxxm ul li .light{cursor:pointer;position: absolute;left: -308px;top: 0;width: 280px;height: 225px;/* 根据图像高度自行修改 */
background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);}
.pxxm ul li:hover .light{left:260px;/* 根据图像宽度自行修改 */-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;}
	




.xwzx{width:920px;min-height:350px;margin-bottom:50px;float:right;margin-top:20px;}
.xwzx ul{width:100%;}
.xwzx ul li{width:100%;height:100px;border-bottom:1px solid #e4e4e4;padding:15px 0px;position:relative;}
.xwzx ul li:after{content:"";position:absolute;width:0;border-top:1px solid #00a0e9;left:0;bottom:-1px;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;}
.xwzx ul li .tit{font-size:16px;line-height:20px;color:#000;margin-top:10px;}
.xwzx ul li .date{color:#ef6641;margin-top:12px;}
.xwzx ul li .con{line-height:20px;margin-top:10px;padding-right:30px;}
.xwzx ul li:hover .tit{color:#00a0e9;}
.xwzx ul li:hover:after{width:100%;}




#sidenav{width:230px;margin-bottom:50px;float:left;margin-top:50px;}
#sidenav h2{font-size:18px;font-weight:normal;color:#fff;width:210px;height:45px;line-height:45px;padding-left:20px;background:#00a0e9;}
#sidenav h2 span{font-size:20px;float:right;margin-right:10px;}
#sidenav ul{width:230px;}
#sidenav ul li{width:230px;line-height:40px;}
#sidenav ul li>a{padding-left:20px;width:210px;display:block;margin-bottom:1px;background:#eee;color:#333;}
#sidenav ul li .navson a{padding-left:40px;width:190px;height:35px;line-height:35px;background:#f7f8fc;margin-bottom:1px;display:block;position:relative;}
#sidenav ul li .navson a:before{content:"";width:8px;height:8px;position:absolute;left:20px;top:13.5px;background:#00a0e9;}
#sidenav ul li a.cur{color:#00a0e9;}
#sidenav ul li a:hover{color:#00a0e9;}
#sidenav .about{margin-bottom:15px;}
#sidenav .con{border:1px solid #dcdcdc;border-top:none;padding:20px;line-height:200%;}




.online{width:100%;margin:auto;margin-bottom:20px;overflow:hidden;}
.online form{width:100%;}
.online .text{width:381px;height:38px;float:left;margin-bottom:20px;margin-right:25px;}
.online .text input{width:268px;height:36px;border:1px solid #c9c9c9;padding-left:20px;}
.online .text p{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}
.online .text p span{color:#eb0000;position:relative;top:2px;}
.online .con{width:927px;height:205px;float:left;margin-bottom:20px;}
.online .con textarea{padding:20px;border:1px solid #c9c9c9;height:163px;width:760px;}
.online .con p{float:left;width:81px;padding-right:5px;line-height:38px;padding-left:5px;}
.online .con p span{color:#eb0000;position:relative;top:2px;}
.online .verify{height:38px;margin-bottom:20px;}
.online .verify p{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}
.online .verify p span{color:#eb0000;position:relative;top:2px;}
.online .verify input{width:154px;height:36px;border:1px solid #c9c9c9;float:left;padding-left:20px;margin-right:10px;}
.online .verify img{cursor:pointer;}
.online .submit{width:107px;height:35px;color:#fff;cursor:pointer;background:#be252e;margin-left:91px;float:left;border:none;margin-right:47px;}
.online .reset{width:107px;height:35px;color:#fff;cursor:pointer;background:#00a0e9;float:left;border:none;}





.orientation{margin-top:30px;}
.orientation .previous{float:left;}
.orientation .next{float:right;}



/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:250px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../png/fixcont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../png/fixcont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../png/fixcont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../png/fixcont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}





/*footer*/
.footer_top{width:100%;height:238px;background:#00a0e9;}
.footer_top .address{width:1200px;margin:auto;}
.footer_top .address .logo{float:left;margin-top:73px;margin-right:57px;}
.footer_top .con{height:190px;margin-top:32px;line-height:30px;float:left;font-size:12px;color:#fff;}
.footer_top .weixin{width:162px;height:164px;background:url(../png/bak.png) center no-repeat;float:right;margin-top:29px;margin-left:15px;text-align:center;font-size:12px;}	
.footer_bottom{width:100%;height:50px;background:#00577e;line-height:50px;color:#f5fcff;}
.footer_bottom .fter{width:1200px;margin:auto;font-size:12px;text-align: center;}
.footer_bottom .fter a{color:#f5fcff;}
.footer_nav{width:100%;height:58px;line-height:58px;background:#00a0e9;border-bottom:1px solid #0ab2ff;}
.footer_nav ul{width:1200px;height:100%;margin:auto;}
.footer_nav ul li{float:left;margin-right:10px;}
.footer_nav ul li a{color:#fff;}


.mypage{
    text-align: center;
	float:left;
	width:100%;
	margin-top:20px;
}	
.mypage	span,.mypage a{
	display: inline-block;
	vertical-align: top;
	color: #d35b52;
	border: 1px solid #d35b52;
	padding: 5px 10px;
	margin: 5px;
}		
.mypage	span.current,.mypage a.current{
	background: #d35b52;
	color: #fff;
}
	

.marketing_advantage_content{margin-left:-15px}
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.span3{width:25%}
.span1,.span10,.span11,.span12,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9{float:left}
.marketing_advantage_list{position:relative;margin:0 0 15px 15px;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transition:.3s all;-webkit-transition:.3s all;overflow:hidden}
.marketing_advantage_list .marketing_bg{width:300px;height:185px;}
.span12{width:100%}
.marketing_advantage_brief{/*position:absolute;top:30%;padding:0 40px*/margin-top: 30px;}
.marketing_advantage_brief .brief_title{font-size:16px;color:#5e5454;margin-bottom:10px}
.marketing_advantage_brief .brief_text{font-size:12px;color:#999;line-height:1.6;transition:.3s all;-webkit-transition:.3s all}
.marketing_advantage_brief .brief_text span{color:#f00;}
.marketing_advantage_brief .brief_title span{margin-left:15px}
.rowFluid img{border:0;vertical-align:middle;max-width:100%}


.new_bt{margin: 30px auto 22px;width:254px;height:48px;line-height:38px;text-align:center;color:#fff;font-size:24px;background:url(../p2.html) no-repeat}
.news{overflow:hidden;font-family:"微软雅黑"}
.news1{width:1200px;margin:0 auto}
.news1 .news_left,.news_mid,.news_right{width:370px;float:left;margin:0 13px}
.news_left img,.news_mid img,.news_right img{width:370px;height:130px}
.news1 ul li{line-height:35px;border-bottom:1px #ccc dotted;font-size:14px}
.news1 ul li{line-height:35px;font-size:14px}
.news ul li em{float:right}
.news1 .news_left,.news_mid,.news_right{width:370px;float:left;margin:0 13px}
.news_right{margin-right:0}
.news1 .news_left,.news_mid,.news_right{width:370px;float:left;margin:0 13px;margin-right:13px}


.indexpanter{height:364px;clear:both}
.panter_bt{margin:30px auto 22px;width:254px;height:48px;line-height:38px;text-align:center;color:#fff;font-size:24px;background:url(../p2.html) no-repeat}
.pans ul li{float:left;margin:0 3px 3px 3px}
.pans ul li a img{border:1px solid #dedede}