/*------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*/
#head{position: fixed; top: -150px;z-index: 100; width: 100%; background: #fff;}
#head1{ background: none; position: fixed;top: 0px; z-index: 99; width: 100%; }
.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;margin-top:4px;}
.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:1200px;margin:auto;}
.navul li{float:left;text-align:center;width:133.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: 133.3333px;font-size: 14px;background: #FFF;animation: fromBottomFade .6s ease both;-webkit-animation: fromBottomFade .6s ease both;}
.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{ 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;}
.home_bd li{/*background-size: 100% 100% !important;*/}





#indexproduct{margin-top:60px;}
.product .tit{text-align:center; width: 1200px;}
.product .tit p{font-size:24px;color:#00a0e9;margin-bottom:12px;margin-top: 22px;}
.product .tit span{color:#bfbfbf;font-size: 30px; }
.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; width: 1200px;}
.product .cat a{padding:0 20px;float:left;width:246px;height:54px;text-align:center;color:#fff;background:#00a0ea;border-radius:10px;margin-right:18px;margin-bottom:14px;}
.product .cat a div{display:table-cell;vertical-align: middle; width:246px; height: 54px; font-size: 16px;line-height: 24px;}

.product .cat a:hover{background:#55b9e6;box-shadow:0 0 3px #7fcbee;}
.product .cp{margin-top:18px;overflow: hidden; width:1200px;}
.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:581px;background:#f5f5f5;margin-top:43px;}
.about .tit{text-align:center;}
.about .tit p{font-size:24px;color:#00a0e9;margin-top:22px;margin-bottom:12px;}
.about .tit span{color:#bfbfbf;font-size: 30px;}
.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:0px;}
.about .con .content{width:600px;float:right; padding-top: 65px;}
.about .con .content .des{line-height:36px;height:280px;color:#666; margin-top: 26px;}
.about .con .more{float:right;width:169px;height:40px;display:block;line-height:40px;text-align:center;color:#00a0e9; border: 1px solid #00a0e9; border-radius: 5px;}
.about .con .more:hover{border-radius:8px;background:#37b4ed;}



#banner{width:100%;height:200px; margin-top: 60px;}





#indexequipment{height:646px;}
.equipment .tit{text-align:center;}
.equipment .tit p{font-size:24px;color:#00a0e9;margin-bottom:12px;margin-top: 22px;}
.equipment .tit span{color:#bfbfbf;font-size: 30px;}
.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:583px;}
.certain .left{width:1200px;margin-top:60px; text-align: center;}
.certain .tit{text-align: center;}
.certain .tit p{font-size:24px;color:#00a0e9;margin-bottom:12px;margin-top: 22px;}
.certain .tit span{color:#bfbfbf;font-size: 30px;}
.certain .tit .line{width:327px;border-top:1px solid #e1e1e1;margin:auto;margin-top:20px;position:relative;}
.certain .tit .line:after{content:"";position:absolute;width:36px;height:3px;background:#00a0e9;left:145px;top:-2px;}
.certain .left .con{width:1200px;margin-top:10px;position:relative; overflow: hidden; margin-top: 43px;}
/*.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:276px;height:380px;float:left; margin-right: 32px;}
.certain .left .con ul li .pic{width:276px;height:380px;margin:auto;
    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:left;width:570px;}
.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:416px;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 */}
.rightpic{float: right; width: 580px; height: 357px; margin-top: 43px;}


    
    

    
#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:230px;height:45px;line-height:45px;background:#00a0e9; text-align: center;}
#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{display:block;margin-bottom:1px;background:#eee;color:#333; text-align: left; padding-left:10px;}
#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:400px;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:80px;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:226px;height:35px;color:#fff;cursor:pointer;background:#00a0e9;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(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/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:520px;background:url(../images/6.jpg) no-repeat center; border-top: 1px solid #00a0e9;}
.footer_top .address{width:1200px;margin:auto; background: rgba(255,255,255,0.5);height: 484px; margin-top: 18px; position: relative;}
.footer_top .address .logo{float:left;margin-top:73px;margin-right:57px;}
.footer_top .con{margin-top:24px;line-height:36px;float:left;font-size:18px;color:#333; margin-left: 60px;}
.footer_top .weixin{width:33.3333%;background:url(../images/bak.png) center no-repeat;float:right;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; text-align: center; width: 133.3px;}
.footer_nav ul li a{color:#fff;}
.footer_top .comy{font-size: 30px; color: #333; font-weight: bold; margin-bottom: 14px;}
.weixinbox{position: absolute; width: 774px; right: 0; top: 135px;}
.footer_top .weixin p{font-size: 18px; color: #333;}


.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;
}