@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{ word-spacing:-1.5px;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";}

.link .lk2{display:block!important;}

.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit span{display:block;font-size: 32px;color: #272d36;line-height: 32px;position: relative;position: relative;}
.tit i{display:block;font-size: 13px;color: #666666;line-height: 13px;padding-top: 15px;}

.banner{height:auto;max-width:1920px;margin:0px auto 0;position:relative;overflow: hidden;}
.banner .bd li{float:left;width:100%;line-height:0}
.banner .bd li img{width:100%}
.banner .bd li a{display:block}
.banner .hd{z-index:1;margin:0 auto;text-align:center;position:absolute;left:0;width:100%;bottom:8%;cursor:pointer}
.banner .hd li{width:40px;height:10px;background:#fff;display:inline-block;margin:0 10px;border-radius:13px}
.banner .hd li.on{background:#1f9191;}
.banner .prev{position:absolute;top:calc(45% - 35px);left:0;z-index:10;cursor:pointer;opacity:0;transition:all .5s linear}
.banner .next{position:absolute;top:calc(45% - 35px);right:0;z-index:10;cursor:pointer;opacity:0;transition:all .5s linear}
.banner:hover .prev{opacity:1;left:6%}
.banner:hover .next{opacity:1;right:6%}




.proColumn{height: 836px;overflow: hidden; padding-top:80px;padding-bottom:60px;}


 .proColumn .tit1 {
    text-align: center;
    font: 32px "Microsoft Yahei";
    color: #333;
}

.proColumn .tit1 a {
    color: #333;
}

.proColumn .tit1 em {
    display: block;
    font: 16px "Microsoft Yahei";
    padding-top: 5px;
    color: #666;
}



.yz h2{font-size: 32px;line-height:32px ;padding-top: 75px;color: #272d36;text-align: center;padding-bottom: 32px;font-weight: normal;}
.yz h3{font-size:13px ;line-height:28px ;color:#666666 ;text-align: center;font-weight: normal;}
.yz ul{ margin-top: 60px;}
.yz li{float: left;width: 200px;margin-right: 52px;transition: 0.3s linear;padding:0 30px;height:200px;}
.yz li:hover{background: rgba(31,145,145,0.65);}
.yz li.last{margin-right: 0;}
.yz li .line{ width:100%;margin: 20px 0;}
.yz li .line div{ transition: all 0.3s ease 0s;
width: 25%;height: 1px;background: #b5b5b5; }
.yz li:hover .line{ display:none;}
.yz li:hover i,.yz li:hover em{ display:none;}
.yz li:hover p{ color: #fff;height:80%; padding-top:20%;-webkit-transition: height .5s;
    transition: height .5s;font-size:16px;line-height:26px;}
.yz li i{width: 42px;height: 42px;display: inline-block;vertical-align: bottom;}
.yz li em{display: inline-block;font-size:22px ;height:42px ;line-height:42px ;color: #272d36;margin-left: 10px; }
.yz li p{font-size: 14px;line-height:24px ;color: #272d36;height:48px;overflow:hidden;}
.yz li:nth-child(1) i{background:url(../images/yz_ic1.png) no-repeat center;}
.yz li:nth-child(2) i{background:url(../images/yz_ic2.png) no-repeat center;}
.yz li:nth-child(3) i{background:url(../images/yz_ic3.png) no-repeat center;}
.yz li:nth-child(4) i{background:url(../images/yz_ic4.png) no-repeat center;}
.yz li:nth-child(1):hover i{background:url(../images/yz_ic1h.png) no-repeat center;}
.yz li:nth-child(2):hover i{background:url(../images/yz_ic2h.png) no-repeat center;}
.yz li:nth-child(3):hover i{background:url(../images/yz_ic3h.png) no-repeat center;}
.yz li:nth-child(4):hover i{background:url(../images/yz_ic4h.png) no-repeat center;}

.pro{padding-top: 80px;height:746px;background:url(../images/pro_bg.jpg) no-repeat center ;margin-top: 30px;}
.pro .tit{ margin-bottom: 45px;}
.pro_l{float: left;width: 288px;}
.pro_l li{height: 92px;background:#f1f5f6;margin-bottom: 2px;}
.pro_l li a{display: block;padding-left: 60px;height: 90px;}
.pro_l li span{display:block;font-size: 16px;line-height: 16px;color: #272d36;padding:32px 0 0;}
.pro_l li i{display:block;font-size: 12px;color: #000000;line-height: 26px;opacity: 0.3;}
.pro_l li.cur{background:url(../images/pro_li.jpg) no-repeat;position: relative;z-index: 10;}
.pro_l li.cur span,.pro_l li.cur i{color: #1f9191;font-weight: bold;}
.pro_l p {float: right;margin-top: 11px;background:url(../images/dh.png) no-repeat 30px 55px #fff; padding-left: 86px;width: 202px;height: 96px;padding-top: 54px;}
.pro_l span{ font-size: 14px;color: #000000; display: block;  line-height: 20px;}
.pro_l p b{display:block; font-size: 20px; color: #000000;line-height: 24px;font-weight: normal; }

.pro_r{float: right;width: 900px;height: 537px;}
.pro_r dl{width:388px;height: 537px;float: left;background: #fff;}
.pro_r dt{display:block;width:260px;height: 260px;overflow:hidden;margin: 54px auto 0;border: 1px solid #eeeeee;}
.pro_r dt img{display:block;width:260px;height: 260px;transition:all 0.5s;}
.pro_r dt:hover img{ transform: scale(1.1);}
.pro_r dd{width: 278px;padding:0 50px 0 60px;}
.pro_r dd h3 a{display:block;font-size: 24px;color: #000000;line-height: 60px;height: 60px;}
.pro_r dd p{font-size: 13px;color: #666666;line-height: 22px;}
.pro_r dd .more{display: block;width: 75px;height: 32px;margin-top: 24px;}
.pro_r .pro_s{float: right;width: 512px;height:537px ;position: relative;}
.pro_r .pro_s em{ width: 512px;height:537px ;display:block;overflow:hidden;}
.pro_r .pro_s em img{width: 512px;height:537px ;transition:all 0.5s;}
.pro_r .pro_s:hover em img{ transform: scale(1.1);}
.pro_r .pro_s i{position: absolute;right: 35px;bottom: 85px; display: block;width: 24px;border-bottom: 1px solid #000;}
.pro_r .pro_s span{position: absolute;right: 35px;bottom: 55px;display: block;font-size:12px ;line-height:12px ;color: #000000;}

.case{padding: 80px 0;}
.case .case_con{ margin-top: 42px;position: relative;}
.case li{float: left;width: 395px;margin-right: 7px;transition: all 0.3s;background: #fff;height:317px;}
.case li i{width: 395px; height: 197px;display:block;overflow:hidden;}
.case li img{width: 395px; height: 197px;transition:all 0.5s;}
.case li:hover img{ transform: scale(1.1);}
.case li span{display: block;height: 120px;width: 395px;position: relative;}
.case li span:after{position: absolute;left: 50%;top: 59px;width:20px ;height: 1px;background: #1f9191;content: "";margin-left: -10px;}
.case li:hover{ box-shadow: 0 14px 50px -8px rgba(0,0,0,.12); }
.case li span em{display: block;font-size:18px ;line-height:18px ;padding-top: 28px;padding-bottom:26px ;text-align: center;color: #000000;}
.case li span i{display: block;font-size:14px ;line-height:14px ;text-align: center;color: #999999;}
.case .prev{ position:absolute; left:-22px; top:70px; width:44px;height:44px; background:url(../images/prev.png) no-repeat;z-index: 100;}
.case .next{ position:absolute; right:-22px; top:70px;  width:44px;height:44px; background:url(../images/next.png) no-repeat;z-index: 100;}
.case .prev:hover{background:url(../images/prevh.png) no-repeat; }
.case .next:hover{background:url(../images/nexth.png) no-repeat; }

.cus{padding-top: 80px;background:url(../images/cus_bg.jpg) no-repeat center 0;}

.cus_con{width: 1200px;height: 490px;background: #fff;margin-top: 42px;box-shadow: 0 14px 50px -8px rgba(0,0,0,.12);position: relative; }
.cus_con dl{padding-top: 45px;padding-left: 45px;}
.cus_con dt{display:block;width:705px;height:397px;}
.cus_con dt img{display:block;width:705px;height:397px;transition:all 0.5s;}
.cus_con dd{width: 274px;padding:48px 0 0 48px;float: left;}
.cus_con dd h3 a{display:block;font-size: 20px;color: #000000;line-height: 30px;font-weight: normal;}
.cus_con dd p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 40px;}
.cus_con dd .more{display: block;width: 75px;height: 32px;margin-top: 90px;}
.cus .prev{ position:absolute; left:-22px; top:222px; width:44px;height:44px; background:url(../images/prev.png) no-repeat;z-index: 100;}
.cus .next{ position:absolute; right:-22px; top:226px;  width:44px;height:44px; background:url(../images/next.png) no-repeat;z-index: 100;}
.cus .prev:hover{background:url(../images/prevh.png) no-repeat; }
.cus .next:hover{background:url(../images/nexth.png) no-repeat; }
.cus .pageState{position:absolute;left:95px;bottom:86px;line-height: 14px;font-size: 14px;color: #fff;}
.cus .pageState span{font-size: 32px;color: #fff; font-weight: bold;}

.ys{padding: 80px 0;}
.al_on{margin-top: 42px;position: relative;}
.al_on .tempWrap{margin-left: -1080px !important;}
.al_on ul{overflow: hidden;}
.al_on ul li{width: 970px; float: left;margin-left: 120px;}
.al_on ul li img{display:block; width:970px; height:547px;}
.al_on ul li p{position: relative;height: 124px;width: 970px;background: #edf1f4;display: inline-block;padding-top: 48px;}
.al_on ul li p:after{position: absolute;left: 0;top: 0;background: #1f9191;width:15px ;height:60px ;content: "";}
.al_on ul li p i{color: #000000;font-size: 24px;display: block;line-height: 30px;padding-left: 132px;background: url(../images/ysg1.png) no-repeat 66px 3px;float: left;font-weight: bold;padding-right: 48px;border-right: 1px solid #dddfdf;}
.al_on ul li p span{width: 638px;font-size:14px ;color:#808080 ;display: block;line-height: 24px;padding-left: 38px;float: left;}
.al_on li:last-child{padding-right:0px;}
.al_on .prev{ position:absolute; left:-13px; top:250px; width:44px;height:44px; background:url(../images/prev.png) no-repeat;z-index: 100;}
.al_on .next{ position:absolute; right:-42px; top:250px;  width:44px;height:44px; background:url(../images/next.png) no-repeat;z-index: 100;}
.al_on .prev:hover{background:url(../images/prevh.png) no-repeat; }
.al_on .next:hover{background:url(../images/nexth.png) no-repeat; }

/*news*/
.new1{float: left;width:580px;margin-top: 40px;}
.new1 h2{height: 40px;font-weight: normal;border-bottom: 1px solid #d1d1d1;padding-top: 5px; }
.new1 h2 em{font-size: 28px;color: #333333;font-weight: normal;line-height: 100%;}
.new1 h2 em a{font-size: 24px;color: #333333;font-weight: normal;}
.new1 h2 b{float: right;font-weight: normal;}
.new1 h2 b a{font-size: 14px; color: #808080;line-height: 100%;text-transform: uppercase;padding-top: 13px;display: block;}
.new1 dt{height:200px;margin-top: 30px;}
.new1 dt img {height:200px; width:580px;display: block;}
.new1 dd{height: 81px;width:580px;padding-top: 23px;}
.new1 dd b{ border-radius: 4px;font-size: 16px;color: #1f9191;border: 1px solid #1f9191;width: 48px;height: 24px;display: block;text-align: center;float: left;line-height: 24px;font-weight: normal;}
.new1 dd span{padding-left: 60px;display: block;}
.new1 dd span a{font-size: 20px;color: #1a1a1a;}
.new1 dd p{ font-size: 14px;color: #666666;line-height: 24px;padding-top: 15px;}
.new1 dd p a{font-size: 14px;color: #1a1a1a;}
.nsw1:hover{border-bottom: 5px solid #0ea7d5;}
.new_list{height: 120px;margin-top: 20px;}
.new_list li{height: 35px;line-height: 35px;}
.new_list li span{float: right;}
.new_list li a{font-size: 14px;color: #333333;}
.new_list li a:hover{color: #1f9191; border-bottom: 1px solid #1f9191;}
.new_list li:hover{color: #1f9191;}
.new1 dd span a:hover{color: #1f9191;}

.new2{float:right;width:560px;margin-top: 40px;}
.new2 h2{height: 40px;font-weight: normal;border-bottom: 1px solid #d1d1d1;padding-top: 5px; }
.new2 h2 em{font-size: 28px;color: #333333;font-weight: normal;line-height: 100%;}
.new2 h2 em a{font-size: 24px;color: #333333;font-weight: normal;}
.new2 h2 b{float: right;font-weight: normal;}
.new2 h2 b a{font-size: 14px; color: #808080;line-height: 100%;text-transform: uppercase;padding-top: 13px;display: block;}
.new2 dd{height: 106px;width: 580px;border-bottom: 1px solid #e2e3e4;padding-top: 38px;}
.new2 dd span{line-height: 100%;display: block;}
.new2 dd span a{font-size: 20px;color: #1a1a1a;display: block;}
.new2 dd span a:hover{color:#1f9191; }
.new2 dd p{width: 557px;font-size: 14px;color: #666666;line-height: 24px;padding-top:15px;}
.new2 dd p a{font-size: 14px; color: #1a1a1a;}
.new_list2{height: 190px;padding-top: 15px;}
.new_list2 li{height: 35px;line-height: 35px;}
.new_list2 li a{font-size: 14px;color: #333333;}
.new_list2 li a:hover{color:#1f9191;border-bottom: 1px solid #1f9191; }
.new_list2 li:hover{color:#1f9191;}
.new2 .btom{height: 112px;width: 580px;}
.new2 .btom img{height: 112px;width: 430px;float: left;display: block;}
.new2 .btom a{height: 76px;width: 130px;float: left;background: #1f9191;text-align: center;font-size: 22px;color: #ffffff;padding-top: 36px;}
.new2 .btom a i{font-size: 22px;color: #ffffff;display: block;}

.abt{ background:url(../images/abt_bg.jpg) no-repeat  center;height: 487px; margin-top: 90px;}
.abt_con{ width: 625px;height:274px;float: left;padding-left: 75px;background: rgba(31,145,145,0.9);margin-top: 212px;}
.abt_con h3{display: block;font-size: 32px;color: #fff;line-height:32px ;font-weight: normal;padding-top: 50px;}
.abt_con h4{display: block;font-size: 14px;color: #fff;line-height:14px ;font-weight: normal;padding-top: 15px;position: relative;}
.abt_con h4:after{position: absolute;left: 0;top: 54px;width:70px ;height: 1px;background: #b2c7e6;content: "";}
.abt_con p{font-size: 14px;color: #f1f5f6;line-height:32px ;width: 500px;padding-top: 50px;}
.abt_con p a{color: #fff;}
.abt .shi{float: right;width: 588px;height:324px ;border: 8px solid #fff;margin-top: -410px;z-index: 100;position: relative;}
.abt .shi img{ width: 588px;height:324px ;}

 
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;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}