@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{font-weight: normal;text-align: center;font-size: 0;line-height: 0;position: relative;}
.tit b{display: block;font-size: 36px;color: #333;line-height: 40px;padding: 10px 0 20px;}
.tit span{display: inline-block;font-size: 16px;color: #666;height: 16px;line-height: 16px;position: relative;}
.tit span:before{position: absolute;width: 15px;height: 2px;background: #89d1e0;content: "";left: -38px;top: 7px;}
.tit span:after{position: absolute;width: 15px;height: 2px;background: #89d1e0;content: "";right: -38px;top: 7px;}
/*banner*/
.banner{position: relative;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;width: 15%;left: 0;bottom: 3rem;text-align: center;height: 14px;z-index: 200;}
.ban_pg i{display: inline-block;width: 8px;height: 8px;background: #333;border-radius: 100%;margin: 3px 10px;vertical-align: top;}
.ban_pg i.on{background: #89d1e0;margin: 0 10px;width: 14px;height: 14px;}
.sea{position: absolute;width: 26px;height: 26px;z-index: 100;right: 4%;top: 20px;}
.sea_icon{width: 26px;height: 26px;background: url(../images/sou_ic.png) no-repeat center;background-size: 100%;cursor: pointer;}
.sea_box{position: absolute;width: 315px;right: 0;top: 30px;z-index: 10;display: none;}
.sea_box input {float: left;border: 2px solid #89d1e0;font-size: 14px;}
.sea_box input.txt {width: 200px;padding: 0 20px;line-height: 34px;height: 34px;}
.sea_box input.btn {width: 70px;background-color: #89d1e0;color: #fff;cursor: pointer;height: 38px;}
/*search*/
.search{height: 0;position: relative;}
.sou_con{position: absolute;width: 62%;padding: 0 19%;left: 0;top: -7.5rem;height: 7.5rem;background: #89d1e0;z-index: 10;}
.sou_ct{position: relative;height: 100%;}
.sou_con h2{position: absolute;width: 54%;left: 0;top: 50%;transform: translateY(-50%);}
.sou_con h2 img{display: block;width: 100%;}
.sou_con .tel{position: absolute;right: -182px;top: 50%;transform: translateY(-50%);padding-left: 65px;background: url(../images/tel.png) no-repeat left center;}
.sou_con .tel i{display: block;padding-left: 20px;border-left: 1px solid #addfe9;}
.sou_con .tel span{display: block;font-size: 22px;color: #fff;line-height: 40px;font-family: Arial;}

/*yz*/
.yz{height: 300px;background: #f6fbfd;margin-top: 60px;}
.yz_l{float: left;width: 600px;}
.yz_l h2{font-weight: normal;margin: 38px 0 60px;height: 70px;padding-left: 20px;border-left: 8px solid #89d1e0;}
.yz_l h2 b{display: block;font-size: 36px;color: #404040;line-height: 36px;}
.yz_l h2 span{display: block;font-size: 16px;color: #666;line-height: 16px;padding-top: 18px;}
.yz_l h2 i{padding: 0 14px;}
.yz_l li{float: left;margin: 0 30px;}
.yz_l li span{display: block;height: 52px;line-height: 52px;font-size: 16px;color: #333;font-weight: bold;}
.yz_l li span i{display: inline-block;font-size: 48px;vertical-align: top;position: relative;height: 52px;font-weight: normal;padding-right: 7px;}
.yz_l li span i:after{position: absolute;width: 23px;height: 23px;content: "";background: url(../images/jia1.png) no-repeat;right: 0;top: 0;}
.yz_l li p{font-size: 16px;color: #333;line-height: 46px;}
.yz_r{float: right;width: 580px;}
.yz_r h3{height: 16px;line-height: 16px;font-size: 16px;color: #333;padding-left: 200px;background: url(../images/yz_line.png) no-repeat right center;margin: 62px 0 40px;}
.yz_r li{float: left;width: 179px;position: relative;margin-right: 21px;overflow:hidden;}
.yz_r li img{display: block;width: 179px;height: 130px;transition:all 0.5s;}
.yz_r li span{position: absolute;left: 0;bottom: 0;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #333;font-weight: bold;background:rgba(137,209,224,1);}
.yz_r li:last-child{margin-right: 0;}
.yz_r li:hover img{transform:scale(1.05);}

/*pro*/
.pro{padding: 100px 0 80px;background: url(../images/pro_y.jpg) no-repeat bottom center;}
.pro h2{margin-bottom: 40px;}
.pro h2 b{background: url(../images/pro_t.png) no-repeat center 0;}
.pro1{position: relative;}
.pro1:after{position: absolute;left: -360px;top: 0;width: 360px;height: 500px;content: "";background: url(../images/01.jpg) no-repeat;}
.pro_ctg{float: left;width: 235px;padding-left: 40px;background: #89d1e0;height: 500px;}
.pro_ctg h3{height: 64px;padding-left: 20px;border-left: 5px solid #fff;margin: 70px 0 36px;}
.pro_ctg h3 b{display: block;font-size: 35px;line-height: 34px;color: #fff;}
.pro_ctg h3 i{display: block;font-size: 20px;line-height: 16px;color: #fff;opacity: 0.2;padding-top: 14px;letter-spacing: 2px;}
.pro_erji a{display: block;padding-left: 25px;height: 68px;line-height: 68px;font-size: 20px;color: #fff;position: relative;}
.pro_erji a:after{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 10px;height: 10px;content: "";border: 2px solid #fff;border-radius: 100%;box-sizing: border-box;opacity: 0.5;}
.pro_erji a:hover:after,.pro_erji a.on:after{opacity: 1;background: #fff;}
.pro1_tj{float: right;width: 892px;height: 500px;position: relative;overflow: hidden;}
.pro1_tj img{display: block;width: 892px;height: 500px;transition: all 0.5s;}
.pro1_tj span{position: absolute;right: 0;bottom: 30px;width: 197px;padding-left: 20px;height: 46px;line-height: 46px;font-size: 18px;color: #fff;background: url(../images/pro_jt.png) no-repeat 143px center #333;border-radius: 20px 0 0 0;}
.pro1_tj span a{color: #fff;display:block;}
.pro1_tj:hover img{transform: scale(1.05);}
.pro1 ul{margin-top: 30px;}
.pro1 li{float: left;width: 275px;height: 367px;margin-right: 32px;overflow: hidden;position: relative;}
.pro1 li:last-child{margin-right: 0;}
.pro1 li img{width: 275px;height: 367px;transition: all 0.5s;}
.pro1 li:hover img{transform: scale(1.05);}
.pro1 li h4{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,0.5);}
.pro1 li h4 a{display: block;padding: 0 30px;height: 50px;line-height: 50px;font-size: 16px;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro1 li:hover h4{background: url(../images/jia2.png) no-repeat 230px center #89d1e0;}

.pro2{height: 367px;margin-top: 100px;}
.pro2 .pro_ctg{float: right;height: 367px;}
.pro2 .pro_ctg h3{margin: 30px 0 24px;}
.pro2 .pro_erji a{height: 54px;line-height: 54px;}
.pro2_jt{float: left;width: 892px;height: 367px;overflow: hidden;}
.pro2_jt img{width: 892px;height: 367px;transition: all 0.5s;}
.pro2_jt:hover img{transform: scale(1.05);}

.pro3{height: 367px;margin-top: 100px;}
.pro3 .pro_ctg{height: 367px;}
.pro3 .pro_ctg h3{margin: 60px 0 18px;}
.pro3 .pro_ctg h3 i{letter-spacing: 1px;}
.pro3 .pro_erji a{height: 60px;line-height: 60px;}
.pro3_jt{float: right;width: 892px;height: 367px;overflow: hidden;}
.pro3_jt img{width: 892px;height: 367px;transition: all 0.5s;}
.pro3_jt:hover img{transform: scale(1.05);}
.pros{height: 150px;margin-top: 50px;background: #f2f2f2;}
.pros h3{float: left;width: 164px;padding-left: 36px;height: 150px;color: #fff;font-weight: normal;background: #89d1e0;}
.pros h3 b{display: block;font-size: 16px;line-height: 20px;padding: 45px 0 18px;}
.pros h3 i{display: block;font-size: 20px;line-height: 20px;}
.pros_con{float: left;width: 950px;height: 88px;padding: 31px 0 31px 50px;}
.pros_con a{float: left;font-size: 15px;color: #666;line-height: 44px;padding-left: 16px;position: relative;width: 146px;}
.pros_con a:after{position: absolute;width: 4px;height: 4px;content: "";border: 1px solid #9f9f9f;border-radius: 100%;left: 0;top: 19px;}
.pros_con a:nth-child(6n){width: 124px;}
.pros_con a:hover{color: #89d1e0;}
.pros_con a:hover:after{border-color: #89d1e0;}
.pro1_pic p,.pro2_pic p,.pro3_pic p{width:100%;overflow:hidden;}

/*fea*/
.fea{padding: 20px 0 65px;}
.fea h2{margin-bottom: 40px;}
.fea h2 b{background: url(../images/fea_t.jpg) no-repeat center 0;}
.fea .vd{height: 512px;position: relative;z-index: 1;}
.fea .vd:after{position: absolute;width: 1165px;height: 532px;border: 5px solid #89d1e0;content: "";left: 44px;top: -15px;z-index: -1;}
.fea .vd video{width:1200px;height:512px;}
.fea_list{padding-top: 50px;height: 155px;}
.fea_list li{width: 12.5%;text-align: center;float: left;position: relative;}
.fea_list li:after{position: absolute;width: 1px;height: 66px;content: "";background: #f1f1f1;right: -1px;top: 22px;}
.fea_list li:last-child{overflow: hidden;}
.fea_list li i{display: block;width: 52px;height: 52px;margin: 0 auto 22px;overflow: hidden;}
.fea_list li i img{position: relative;top: 0;transition: all 0.5s;}
.fea_list li span{display: block;font-size: 16px;color: #333;line-height: 16px;}
.fea_list li em{display: block;font-size: 10px;color: #aaa;line-height: 26px;font-family: Arial;text-transform: uppercase;}
.fea_list li:hover i img{top: -52px;}
.fea_list li:hover span,.fea_list li:hover em{color: #89d1e0;}
.mianl li{float: left;width: 559px;padding: 10px;border: 2px solid #89d1e0;position: relative;}
.mianl li h3{position: absolute;width: 100%;left: 0;top: 60px;text-align: center;font-weight: normal;}
.mianl li h3 b{display: block;font-size: 24px;color: #333;line-height: 24px;}
.mianl li h3 em{display: block;width: 90px;padding-right: 14px;height: 30px;line-height: 30px;font-size: 14px;color: #fff;background: url(../images/more1.png) no-repeat;margin: 20px auto 0;}
.mianl li:last-child{float: right;}
.mianl li h3 em:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
/*cus*/
.cus{background: url(../images/cus_bg.jpg) repeat-x;padding: 35px 0 0;}
.cus h2{height: 123px;}
.cus h2 b{background: url(../images/cus_t.png) no-repeat center 0;}
.cus h2 span{color: #333;}
.cus h2 span:before,.cus h2 span:after{background: #fff;}
.cus li{float: left;width: 352px;margin-right: 24px;height: 372px;padding: 18px 16px 0;box-shadow: 0 0 20px rgba(0,0,0,0.1);background: #fff;}
.cus li:last-child{margin-right: 0;}
.cus li i{display: block;height: 264px;overflow: hidden;}
.cus li i img{width: 352px;height: 264px;transition: all 0.5s;}
.cus li i:hover img{transform: scale(1.05);}
.cus li h4{font-size: 16px;color: #040000;font-weight: normal;line-height: 28px;background: url(../images/vd_ic.png) no-repeat right 5px;margin-top: 18px;}
.cus li h4 a{display: block;color: #040000;height: 56px;padding-right: 55px;}
.cus li h4:hover a{color: #89d1e0;}

/*coop*/
.coop h2{height: 90px;line-height: 90px;text-align: center;}
.coop h2 b{display: inline-block;font-size: 30px;color: #333;position: relative;}
.coop h2 b:before{position: absolute;width: 63px;height: 5px;background: url(../images/coop_t1.png) no-repeat;content: "";left: -84px;top: 43px;}
.coop h2 b:after{position: absolute;width: 63px;height: 5px;background: url(../images/coop_t2.png) no-repeat;content: "";right: -84px;top: 43px;}
.coop li{float: left;width: 20%;border: 1px solid #dfdfdf;box-sizing: border-box;margin-right: -1px;margin-bottom: -1px;}
.coop li img{display: block;width: 100%;filter: grayscale(100%);}
.coop li:hover img{filter: grayscale(0);}
.coop li:hover{box-shadow:0px 0px 21px 0px rgba(5,5,5,0.11);z-index: 2;position: relative;}

/*ys*/
.ys{padding: 100px 0 0;}
.ys h2{margin-bottom: 40px;}
.ys h2 b{background: url(../images/ys_t.png) no-repeat center 0;}
.ys dl{height: 550px;}
.ys dt{width: 960px;height: 460px;position: relative;z-index: 2;}
.ys dt.fl{margin-left: -360px;padding-top: 90px;}
.ys dt p{float: left;margin-right: 11px;overflow:hidden;}
.ys dt p:last-child{margin-right: 0;}
.ys dt p img{display:block;transition:all 0.5s;}
.ys dt p:hover img{transform:scale(1.05);}
.ys dd.fr{float: right;width: 570px;padding-left: 30px;padding-top: 50px;height: 450px;position: relative;z-index: 1;}
.ys dd.fr:after{position: absolute;width: 1000px;height: 500px;content: "";background: #f2f2f2;left: -40px;top: 0;z-index: -1;}
.ys dd li{height: 147px;}
.ys dd li i{float: left;font-size: 55px;color: #89d1e0;line-height: 40px;height: 147px;width: 75px;font-family: Arial;}
.ys dd li h3{font-size: 28px;color: #333;line-height: 28px;padding-top: 12px;margin-bottom: 14px;}
.ys dd li p{font-size: 14px;color: #666;line-height: 25px;}
.ys dt.fr{margin-right: -360px;}
.ys dd.fl{float: right;width: 570px;padding-right: 30px;padding-top: 50px;height: 450px;position: relative;z-index: 1;margin-top: 50px;}
.ys dd.fl:after{position: absolute;width: 1000px;height: 500px;content: "";background: #f2f2f2;right: -40px;top: 0;z-index: -1;}
.ys_con{position: relative;}
.ys_t1{position: absolute;left: 0;top: 40px;font-size: 14px;color: #e3e3e3;padding-left: 30px;line-height: 20px;width: 570px;z-index: 10;}
.ys_t1:before{position: absolute;width: 20px;height: 3px;content: "";background: #89d1e0;left: 0;top: 8.5px;}
.ys_t1:after{position: absolute;width: 208px;height: 1px;content: "";background: #eaeaea;right: 0;top: 10px;}
.ys_t2{position: absolute;right: 0;bottom: 36px;font-size: 14px;color: #e3e3e3;padding-right: 30px;line-height: 20px;z-index: 10;}
.ys_t2:before{position: absolute;width: 20px;height: 3px;content: "";background: #89d1e0;right: 0;top: 8.5px;}


/*hn*/
.hn{padding: 50px 0 0;}
.hn h2{font-size:24px;color:#ffffff;line-height:46px;background:url(../images/cus_1.png)no-repeat center 0;width:100%;text-align:center;}
.hn_list{margin-top:40px;}
.hn_list li{float:left;margin-right:40px;width:160px;}
.hn_list li img{display: block;width: 160px;height: 200px;}
.hn_list li span{display: block;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

/*news*/
.news{padding-top:80px;}
.news h2{height: 90px;}
.news h2 b{background: url(../images/news_t.png) no-repeat center 0;}
.new_con{height:428px;}
.new_l{float:left;width:378px;}
.new_l img{display:block;transition:all 0.5s;}
.new_l:hover img{transform:scale(1.05);}
.new_r{float:right;width:822px;box-shadow:0 0 24px rgba(5,5,5,0.12);height:400px;margin-top:28px;}
.newtb span{display:block;width:80px;height:61px;float:left;}
.newtb{position:relative;width:100%;height:61px;}
.newtb:after{content:"";width:762px;height:1px;background:#ebebeb;position:absolute;right:0;bottom:0;}
.newtb ul{width:250px;float:left;height:61px;}
.newtb ul li{width:50%;text-align:center;float:left;position:relative;font-size:20px;line-height:61px;height:61px;overflow:hidden;}
.newtb ul li a{color:#272727;display:block;}
.newtb ul li:after{content:"";width:1px;height:13px;background:#e5e5e5;position:absolute;right:0;top:26px;}
.newtb ul li:last-child:after{width:0;}
.newtb ul li.on{font-weight:bold;}
.newtb ul li.on a{color:#89d1e0;}
.newtb .more{font-size:16px;line-height:61px;color:#89d1e0;position:relative;float:right;margin-right:29px;font-weight:bold;font-style:italic;}
.newtb .more:before{content:"";width:1px;height:24px;background:#dddddd;position:absolute;top:19px;left:-20px;}
.ntxnrl{width:100%;padding-left:28px;box-sizing:border-box;padding-top:28px;height:313px;overflow:hidden;}
.ntxnrl dl{width:364px;float:left;}
.ntxnrl dl:nth-child(2){float:right;}
.ntxnrl dl dt{width:184px;height:127px;overflow:hidden;float:left;}
.ntxnrl dl dt img{transition:all 0.5s;width:184px;height:127px;}
.ntxnrl dl dt:hover img{transform: scale(1.05);}
.ntxnrl dl dd{float:right;width:150px;height:127px;overflow:hidden;}
.ntxnrl dl dd i{font-size:36px;line-height:42px;color:#89d1e0;}
.ntxnrl dl dd h3{font-size:15px;line-height:32px;margin-top:7px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.ntxnrl dl dd p{font-size:13px;line-height:18px;color:#040000;margin-top:10px;}
.ntxnrl div{clear:both;padding-top:23px;}
.ntxnrl div p{font-size:13px;line-height:45px;padding-left:25px;position:relative;height:45px;}
.ntxnrl div p a{color:#040000;display:block;}
.ntxnrl div p:hover a,.ntxnrl dl dd h3:hover a{color: #89d1e0;}
.ntxnrl div p i{float:right;}
.ntxnrl div p:before{content:"";width:3px;height:3px;background:#89d1e0;position:absolute;left:0;top:23px;}
.ntxnrl div p:after{content:"";width:758px;height:1px;background:#dfdfdf;position:absolute;top:0;right:0;}
.ntxnrr{margin-left:28px;}

/*abt*/
.abt_con{padding:100px 0 50px;position:relative;}
.abt_con dl{width:100%;position:relative;height: 475px;}
.abt_con dl dt{width:1060px;height:475px;top:0;left:-360px;position:absolute;overflow:hidden;}
.abt_con dl dt img{display:block;transition:all 0.5s;}
.abt_con dl dt:hover img{transform:scale(1.05);}
.abt_con dl dd{width:432px;float:right;padding-top:40px;}
.abt_con dl dd h2{font-size:36px;line-height:50px;color:#333333;position:relative;background:url(../images/abt_2.png)no-repeat left top;height:50px;margin-bottom:66px;}
.abt_con dl dd h2 i{font-size:16px;color:#666666;display:block;line-height:40px;font-weight: normal;}
.abt_con dl dd h2:before{content:"";width:10px;height:80px;background:#89d1e0;position:absolute;left:-30px;top:0;}
.abt_con dl dd p{font-size:14px;line-height:30px;color:#666666;letter-spacing:2px;}
.abt_con dl dd p a{color:#89d1e0;}
.abt_con .fc{font-size:18px;line-height:51px;display:block;width:157px;height:51px;background:url(../images/abt_fc.png)no-repeat;font-weight:bold;color:#ffffff;padding-left:65px;box-sizing:border-box;margin-top:27px;float:right;}
.abt_con .fc:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}




html {font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
    .sou_con .tel{right: -110px;}
    .h_nav li{height:50px;line-height:50px;}

}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
    .sou_con .tel{right: 0;}
}