@charset "utf-8";html{overflow-x:hidden}
body{color:#333;font:14px "Microsoft Yahei"}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none}
a:focus{outline:0}
img{border:none}
.vam{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
p{word-spacing:0}
em,i{font-style:normal}
.tr{text-align:right}
.tl{text-align:left}
.center{text-align:center}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute}
.pr{position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{zoom:1}


.content22{width:1400px;margin: 0 auto;position: relative;}
@media screen and  (max-width:1440px){
        .content22{width:1200px;margin:0 auto;}    
      
           }


.pic{width:100%;overflow: hidden;}
.pic img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pic:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}

.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden}
em,i{font-style:normal}

input::-webkit-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input::-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-ms-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
@keyframes myfirst{0%{background-position:0 bottom}
100%{background-position:100% bottom}
}
.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}




.banner{height:auto;max-width:1920px;margin:0 auto!important;position:relative;margin-top:-34px}
.banner .bd li{float:left;width:100%;line-height:0}
.banner .bd li img{width:100%}
.banner .bd li a{display:block}
.banner .hd{position:absolute;bottom:50px;width:100%;height:16px;cursor:pointer;text-align:center;z-index:9;font-size:0}
.banner .hd li{display:inline-block;width:16px;height:16px;background:#fff;margin:0 10px;opacity:1;-o-transition:all .5s ease;transition:all .5s ease;border-radius: 8px;}
.banner .hd li.on{background:#f6b500;}
.banner p{position: absolute;font-size: 0;top: 50%;z-index: 9; width: 36px; height: 70px; margin-top: -35px;border: 0; outline: none;cursor: pointer;transition:.5s;}
.banner .prev {left: 3%; background:url(../images/prev1.png) no-repeat center center;opacity: 0;}
.banner .next {right: 3%;background:url(../images/next1.png) no-repeat center center;opacity: 0;}   
.banner:hover .prev { left: 5%; opacity: 1; }
.banner:hover .next { right: 5%; opacity: 1; }

.tit{font-size: 0;line-height: 0;text-align: center;}
.tit span{ display: block;font-size: 48px;line-height: 48px;  color: #333333;font-weight: bold;}
.tit i{ display: block;font-size: 20px;line-height: 20px;  color: #333333;font-weight:normal;margin-top: 14px;position: relative;text-transform: uppercase;}
.tit i:after{position: absolute;width: 187px;height: 14px;content: "";background: url(../images/tit.png) no-repeat center;left: 50%;top: 36px;margin-left: -94px;}



.yz{ background: url(../images/yz_bg.jpg) no-repeat center bottom #f6f6f6;padding: 120px 0;}
.yz dt{width:856px;height: 380px;line-height: 0;overflow: hidden;float: right;}
.yz dt img{width:856px;height: 380px;display:block;}
.yz dd{width: 475px;float: left;height: 380px;}
.yz dd h4{font-size: 48px;color: #333333;display: block;line-height: 62px;font-weight: bold;padding-bottom: 24px;margin-top: -10px;}
.yz dd p{font-size: 16px;color: #333333;line-height: 30px;height: 150px;overflow: hidden;}
.yz dd .more{width: 180px;height: 52px;line-height: 50px;border-radius: 50px;display:block;font-size: 18px;color: #008894;position:relative;border: 1px solid #008894;box-sizing: border-box;margin: 15px 0 0;padding-left:40px;background: url(../images/yz_jt.png) no-repeat 120px 21px;transition: all 0.5s;}
.yz dd .more:hover{color: #fff;border-color: #008894;background: url(../images/yz_jth.png) no-repeat 120px 21px #008894;transform: translateY(-8px);}
.yz ul{margin-top: 52px;}
.yz ul li{float: left;width: 25%;height: 412px;background: #fff;padding-top: 48px;box-sizing: border-box;border-right: 1px solid #f3f3f3;box-sizing: border-box;}
.yz ul li:last-child{ border-right: 0;}
.yz ul li em{ display: block;width: 100px;height: 100px;overflow: hidden;margin: 0 auto;transition: all 0.5s;}
.yz ul li em img{ display: block;width: 100px;height: 100px;}
.yz ul li span{ font-size: 24px;color: #333333;display: block;line-height: 32px;font-weight: bold;padding-bottom: 24px;text-align: center;margin-top: 30px;}
.yz ul li i{display: block;width: 84%;margin: 0 auto;font-size: 16px;color: #333333;line-height: 30px;text-align: center;height: 90px;overflow: hidden;}
.yz ul li.cur em{margin: -25px auto 0;}
.yz ul li.cur em img:nth-child(1){ margin-top: -100px;}
.yz ul li.cur span{ margin-top: 0px;}
.yz ul li.cur i{ height: 210px;}

@media screen and  (max-width:1440px){

    .yz dt{ display: block;width: 733px;height: 325px;}
    .yz dt img{ display: block;width: 733px;height: 325px;}
    .yz dd{width: 420px;height: 325px;}
    .yz dd p{height: 120px;overflow: hidden;}
    .yz ul li.cur em{margin: -45px auto 0;}
       }



.pro{padding: 120px 0;}
.pro_t{margin-top: 75px;}
.pro_t li a{width: 13.72%;height: 60px;line-height: 58px;display:block;font-size: 20px;color: #333;position:relative;border: 1px solid #dedede;box-sizing: border-box;transition: all 0.5s;float: left;margin-right: 0.66%;text-align: center;position: relative;}
.pro_t li a:after{ width: 21px;height: 21px;background: url(../images/pro_ic1.png) no-repeat center;position: absolute;right: -18px;top: 20px;content: "";z-index: 20;}
.pro_t li:last-child a{margin-right: 0;}
.pro_t li:last-child a:after{ background: 0;}
.pro_t li.cur a{ background: #0093a1;border-color:#0093a1 ;color: #fff;}

.pro_con{margin-top: 22px;}
.pro_con dt{ width: 855px;height: 640px;overflow: hidden;float: left;}
.pro_con dt img{ width:855px;height: 640px;}
.pro_con dd{float: right;width:545px ;height: 640px;padding: 70px 70px 0;background: #f6f6f6;box-sizing: border-box;}
.pro_con dd h4 a{display: block;font-size:30px;color: #333333;line-height:32px;position: relative;font-weight: bold;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;margin-bottom:24px;}
.pro_con dd p{display: block;font-size:16px;color: #333333;line-height:30px }
.pro_con dd ul{height: 175px;overflow: hidden;padding-top: 32px;box-sizing: border-box;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;margin-top: 32px;}
.pro_con dd ul li a{display: block;float: left;width: 50%;font-size: 16px;line-height: 30px;color: #333333;padding-left: 16px;background: url(../images/pro_ic2.png) no-repeat left;box-sizing: border-box;}
.pro_s{margin-top: 64px;}
.pro_s .more1{width: 192px;height: 54px;line-height: 54px;border-radius: 50px;background: #0093a1;display:block;font-size: 18px;color: #fff;position:relative;text-align: center;float:left;transition:all 0.5s;}
.pro_s .more2{width: 192px;height: 54px;line-height: 54px;border-radius: 50px;background: #0093a1;display:block;font-size: 18px;color: #fff;position:relative;text-align: center;float:right;box-sizing:border-box;transition:all 0.5s;background: #f6b500;}
.pro_s .more1:hover,.pro_s .more2:hover{transform: translateY(-8px);}
.pro_z{margin-top: 60px;}
.pro_qie h3 a{ display: block;font-size:28px;color: #333333;line-height: 28px;position: relative;padding-left: 12px;background: url(../images/line.png) no-repeat left 2px;font-weight: bold;float: left;height: 45px;}
.pro_qie .qh{float: right;width: 70px;}
.pro_qie .qh .sprev{ display: block;width: 32px;height: 32px;cursor: pointer;float: left;}
.pro_qie .qh .snext{ display: block;width: 32px;height: 32px;cursor: pointer;float: right;}
.pro_qie li{float: left;width: 334px;margin-right: 23px;}
.pro_qie li img{ display: block;width: 334px;height: 250px;}
.pro_qie li span{display: block;height: 60px;border-bottom: 1px solid #f3f3f3;line-height: 60px;font-size: 16px;color: #333333;} 
.pro_qie li span>img{ display: block;float: right;width: 18px;height: 10px;padding: 25px 0 0;}
.pro_hd{margin-top: 30px;}
.pro_hd h3 a{float: left;width: 150px;height: 150px;padding: 24px 0 0 30px;box-sizing: border-box;background: #0093a1;font-size: 24px;line-height: 32px;font-weight: bold;color: #fff;font-weight: bold;}
.pro_hd h3 img{display: block;width: 22px;height: 22px;margin-top: 18px;}
.pro_hd ul{float: right;width: 1250px;padding: 20px 0 0 18px;background: #f6f6f6;box-sizing: border-box;height: 150px;}
.pro_hd ul li a{display: block;float: left;font-size: 16px;line-height: 36px;color: #333333;padding-left: 12px;background: url(../images/pro_ic2.png) no-repeat left;box-sizing: border-box;width: 14.28%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


    @media screen and  (max-width:1440px){
        .pro_con dt{ width: 732px;height: 548px;overflow: hidden;float: left;}
        .pro_con dt img{ width:732px;height: 548px;}
        .pro_con dd{float: right;width:468px ;height: 548px;padding: 40px 40px 0;background: #f6f6f6;box-sizing: border-box;}
        .pro_con dd ul{margin-top: 20px;}
        .pro_s{margin-top: 34px;}
        .pro_hd ul{float: right;width: 1050px;padding: 20px 0 0 18px;background: #f6f6f6;box-sizing: border-box;height: 150px;}
           .pro_qie li{float: left;width: 286px;margin-right: 20px;}
           .pro_qie li img{ display: block;width: 286px;height: 214px;}
              }


.pj{ background: url(../images/pj_bg.jpg) no-repeat center;padding: 120px 0;box-sizing: border-box;}
.pj_con{margin-top: 75px;}
.pj_con dl{float: left;width: 23.72%;background: #fff;margin-right:1.7% ;}
.pj_con dl:last-child{margin-right: 0;}
.pj_con dd{padding: 42px 10% 30px;background: #fff;}
.pj_con dd h4 a{display: block;font-size:24px;color: #333333;line-height:26px;position: relative;font-weight: bold;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;margin-bottom:18px;text-align: center;}
.pj_con dd p{display: block;font-size:16px;color: #333333;line-height:30px;text-align: center; }
.pj_con dd .more{width:72px;height: 26px;line-height: 24px;border-radius: 50px;display:block;font-size: 16px;color: #008894;position:relative;border: 1px solid #008894;box-sizing: border-box;transition: all 0.5s;margin: 24px auto 0;text-align: center;}
.pj_con dd .more:hover{color: #fff;border-color: #008894;background:#008894;transform: translateY(-8px);}
.pj_con dt img{ display: block;width: 100%;}
.pj_s{margin: 40px auto 0;width: 408px;}
.pj_s .more1{width: 192px;height: 54px;line-height: 54px;border-radius: 50px;background: #0093a1;display:block;font-size: 18px;color: #fff;position:relative;text-align: center;float:left;transition:all 0.5s;}
.pj_s .more2{width: 192px;height: 54px;line-height: 54px;border-radius: 50px;background: #0093a1;display:block;font-size: 18px;color: #fff;position:relative;text-align: center;float:right;box-sizing:border-box;transition:all 0.5s;background: #f6b500;}
.pj_s .more1:hover,.pj_s .more2:hover{transform: translateY(-8px);}


.gc{ background: url(../images/gc_bg.jpg) no-repeat center;padding: 120px 0 100px;box-sizing: border-box;}
.gc_l{float: left;width: 31.2%;}
.gc_l h3{display: block;font-size:48px;color: #fff;line-height:60px;position: relative;font-weight: bold;margin-bottom:110px;position: relative;margin-top: -8px;}
.gc_l h3:after{position: absolute;width: 90px;height: 2px;content: "";background: #99d3dc;left: 0%;top: 170px;}
.gc_l h4{display: block;font-size:24px;color: #fff;line-height:36px;position: relative;font-weight: normal;position: relative;}
.gc_l p{display: block;font-size:16px;color: #ffffff;line-height:36px;position: relative;font-weight: normal;position: relative;margin-top: 30px;height: 300px;}
.gc_l .more1{width: 210px;height: 60px;line-height: 60px;border-radius: 50px;background: #ffffff;display:block;font-size: 18px;color: #008894;position:relative;text-align: center;float:left;transition:all 0.5s;}
.gc_l .more2{width: 210px;height: 60px;line-height: 60px;border-radius: 50px;display:block;font-size: 18px;color: #fff;position:relative;text-align: center;float:right;box-sizing:border-box;transition:all 0.5s;background: #f6b500;}
.gc_l .more1:hover,.gc_l .more2:hover{transform: translateY(-8px);}
.gc_r{float: right;width: 61.1%;}
.gc_r ul li{float: left;width: 48.88%;height: 328px;background: #fff;padding-top: 30px;box-sizing: border-box;box-sizing: border-box;margin-bottom: 22px;}
.gc_r ul li:nth-child(2n){ float: right;}
.gc_r ul li em{ display: block;width: 94px;height: 94px;overflow: hidden;margin: 0 auto;transition: all 0.5s;}
.gc_r ul li em img{ display: block;width: 94px;height: 94px;}
.gc_r ul li span{ font-size: 26px;color: #333333;display: block;line-height: 26px;font-weight: bold;padding-bottom: 20px;text-align: center;margin-top: 25px;}
.gc_r ul li i{display: block;width: 76%;margin: 0 auto;font-size: 16px;color: #333333;line-height: 30px;text-align: center;height: 90px;overflow: hidden;letter-spacing: 1px;}
.gc_r ul li.cur em{margin: -25px auto 0;}
.gc_r ul li.cur em img:nth-child(1){ margin-top: -94px;}
.gc_r ul li.cur span{ margin-top: 0px;}
.gc_r ul li.cur i{ height: 210px;}



@media screen and  (max-width:1440px){
    .gc_l .more1{width: 178px;}
    .gc_l .more2{width: 178px;}
          }



.ys{padding: 120px 0 0;}
.ys h2{font-size: 0;line-height: 0;text-align: center;}
.ys h2 span{ display: block;font-size: 48px;line-height: 48px;  color: #333333;font-weight: bold;}
.ys h2 i{ display: block;font-size: 20px;line-height: 30px;  color: #333333;font-weight: normal;margin-top: 16px;position: relative;text-transform: uppercase;}
.ys h2 i:after{position: absolute;width: 187px;height: 14px;content: "";background: url(../images/tit.png) no-repeat center;left: 50%;top: 84px;margin-left: -94px;}
.ys_con{margin-top: 75px;position: relative;}  
.ys_bd li img{display: block;width: 100%;}
.ys_t{ position: absolute;left: 0;bottom: 0;z-index: 20;width: 100%;}
.ys_t li{float: left;width:15% ;height: 11.2rem;border-top:1px solid rgba(255,255,255,.2);border-left: 1px solid rgba(255,255,255,.2);box-sizing: border-box;background: rgba(0,0,0,0.6);  position: relative;box-sizing: border-box; transition: 0.5s;z-index: 1;}
.ys_t li .default {width: 100%;height: 100%;padding: 1.8rem 0 0 0;transition: 0.5s;box-sizing: border-box;}
.ys_t li .default img{ display: block;width: 2.5rem;height: 2.5rem;margin: 0 auto 1.2rem;}
.ys_t li .default span { display: block;font-size: 0.7rem;line-height: 1rem;color: #fff;font-weight: normal;text-align: center;opacity: 0.3;margin-top: 0.6rem;}
.ys_t li .default i { display: block;font-size: 1.4rem;line-height: 1.4rem;color: #fff;font-weight: bold;text-transform: uppercase;text-align: center;}
.ys_t li .hover {width: 0; height: 100%; position: absolute;left: 0;
        top: 0;transition: 0.5s;transform: scale(0);overflow: hidden;padding-top: 2.8rem;box-sizing: border-box;}
.ys_t li .hover  h3{ float: left;width: 27%;float: left;height: 5.5rem;box-sizing: border-box;font-size:1.6rem;line-height: 1.8rem;font-weight: bold;border-right: 1px solid rgba(255,255,255,0.5);box-sizing: border-box;color: #fff;text-align: center;}
.ys_t li .hover  img{ display: block;width: 2.5rem;height: 2.5rem;margin: 0 auto 1.2rem;}


.ys_t li .hover p{display: block;width: 73%;padding: 0 4.5%;box-sizing: border-box;font-size: 0.8rem;line-height: 1.5rem;color: #fff;float: left;margin-top: -0.3rem;}
.ys_t li.cur{ width: 55%;background:#008894;}      
.ys_t li.cur .default {transform: scale(0);}
.ys_t li.cur .hover{ transform: scale(1);width: 100%;}


.case{padding: 120px 0;background: #f2f2f2;}
.case_con{position: relative;margin-top: 75px;}
.case_con dl{float: left;width:670px;margin-right: 60px;}
.case_con dt{ width: 670px;height: 502px;overflow: hidden;}
.case_con dt img{ width:670px;height: 502px;}
.case_con dd{width:100% ;height: 238px;padding: 32px 50px 0;background: #fff;box-sizing: border-box;}
.case_con dd h4 a{display: block;font-size:22px;color: #333333;line-height:24px;position: relative;font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;margin-bottom:16px;}
.case_con dd p{display: block;font-size:16px;color: #333333;line-height:30px;height: 110px }
.case_con dd .more{height: 56px;border-top: 1px solid #eeeeee;box-sizing: border-box;font-size: 16px;color: #008894;line-height: 56px;display: block;}
.case_con dd .more img{ display: block;float: right;width: 18px;height: 10px;padding-top: 22px;}
.case_con .zprev{ display: block;width: 70px;height: 70px;position: absolute;left: -120px;top: 210px;cursor: pointer;z-index: 50;}
.case_con .znext{ display: block;width: 70px;height: 70px;position: absolute;right: -120px;top: 210px;cursor: pointer;z-index: 50;}

@media screen and  (max-width:1440px){
    .case_con dl{float: left;width:580px;margin-right: 40px;}
    .case_con dt{ width: 580px;height: 435px;overflow: hidden;}
    .case_con dt img{ width:580px;height: 435px;}
          }



.news{padding: 120px 0;}
.news_con{margin-top: 75px;}
.news h3{height: 45px;}
.news h3 em{ display: block;float: right;font-size: 16px;color: #018085;font-weight: normal;}
.news h3 em img{ display: inline-block;width: 18px;height: 10px;vertical-align: 1px;margin-left: 6px;}
.news h3 a{ display: block;font-size:28px;color: #333333;line-height: 28px;position: relative;padding-left: 18px;background: url(../images/line.png) no-repeat left 2px;font-weight: bold;height: 45px;}
.news_l{float: left;width:855px;}
.news_l dt{ display: block;width:437px;height: 327px;float: left;}
.news_l dt img{ display: block;width:437px;height: 327px;}
.news_l dd{height: 327px;float: right;width: 372px;}
.news_l dd em{ display: block;font-size: 14px;line-height: 16px;color: #999999;margin-top: 10px;}
.news_l dd h4 a{ display: block;font-size: 22px;line-height: 30px;font-weight: normal;color: #333333;padding-top: 20px;}
.news_l dd p{ display: block;font-size: 16px;line-height:30px;font-weight: normal;color: #666666;margin-top: 32px;overflow: hidden;}
.news_l dd h4 a:hover{ color: #018085;}
.news_l dd .more{display: block;position: relative;font-size: 16px;line-height: 18px;color: #018085;font-weight:normal;position: relative;z-index: 20;margin-top: 20px;}
.news_l dd .more img{display: inline-block;width: 18px;height: 10px;vertical-align: 1px;margin-left: 8px;}
.news_r{float: right;width: 460px;position: relative;}
.news_r li{height: 108px;border-top: 1px solid #e5e5e5;box-sizing: border-box;padding-top: 25px;}
.news_r li:last-child{ border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.news_r li h4{ display: block;font-size:18px ;color: #333333;line-height: 22px;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left: 36px;background: url(../images/news_ic1.png) no-repeat center left;}
.news_r li p{  display: block;font-size:16px ;color: #999999;line-height: 22px;margin-top: 10px;padding-left: 36px;background: url(../images/news_ic2.png) no-repeat center left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sp{margin-top: 56px;}
.sp dl{float: left;width: 32.14%;margin-right: 1.79%;}
.sp dl:last-child{margin-right: 0;}
.sp dt img{ display: block;width: 100%;}
.sp dd{height: 70px;border-bottom: 1px solid #f3f3f3;padding-top: 20px;box-sizing: border-box; }
.sp dd h4 a{display: block;line-height: 24px;font-size: 20px;color: #333333;font-weight: normal;} 
.sp dd h4 img{ display: block;float: right;width: 18px;height: 10px;padding: 12px 0 0;}
.sp dd p{display: block;line-height: 18px;font-size: 16px;color: #666666;font-weight: normal;margin-top: 12px;}


@media screen and  (max-width:1440px){
    .news_l{float: left;width:740px;}
    .news_l dt{ display: block;width:374px;height: 281px;float: left;}
    .news_l dt img{ display: block;width:374px;height: 281px;}
    .news_l dd{height: 281px;float: right;width: 342px;}
    .news_l dd h4 a{padding-top: 0;}
    .news_r{float: right;width: 420px;position: relative;}
        }

.abt_con{padding-top: 120px;box-sizing: border-box;height: 876px;background: url(../images/abt_bg.jpg) no-repeat center;}
.abt h2{line-height: 0;font-size: 0;text-align: center;}
.abt h2 span{ display: block;font-size: 48px;line-height: 50px;  color: #fff;font-weight: bold;}
.abt h2 i{ display: block;font-size: 20px;line-height: 20px;  color: #fff;font-weight: normal;position: relative;margin-top: 12px;}
.abt_con p{ display: block;font-size: 16px;line-height: 30px;  color: #fff;font-weight: normal;position: relative;padding: 30px 70px 0;text-align: center;}
.abt_con .more{width: 156px;height: 40px;line-height: 38px;border-radius: 50px;display:block;font-size: 16px;color: #fff;position:relative;border: 1px solid #fff;box-sizing: border-box;padding-left:32px;background: url(../images/yz_jth.png) no-repeat 102px 14px;transition: all 0.5s;margin: 30px auto 0;}
.abt_con .more:hover{color: #fff;border-color: #008894;background: url(../images/yz_jth.png) no-repeat 102px 14px #008894;transform: translateY(-8px);}
.zs{padding-bottom: 120px;}
.zs_z{margin-top: 60px;}
.zs h3 a{ display: block;font-size:28px;color: #333333;line-height: 28px;position: relative;padding-left: 12px;background: url(../images/line.png) no-repeat left 2px;font-weight: bold;float: left;height: 45px;}
.zs .qh{float: right;width: 70px;}
.zs_qie .qh .cprev{ display: block;width: 32px;height: 32px;cursor: pointer;float: left;}
.zs_qie .qh .cnext{ display: block;width: 32px;height: 32px;cursor: pointer;float: right;}
.zs_qie li{float: left;width: 219px;margin-right: 17px;}
.zs_qie li img{ display: block;width: 219px;height: 306px;}

@media screen and  (max-width:1440px){
    .zs_qie li{float: left;width: 186px;margin-right: 17px;}
.zs_qie li img{ display: block;width: 186px;height: 248px;}
        }

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }