@charset "utf-8";

html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}


.container{
    width: 100%;
    max-width: 640px;margin: 0 auto;
    min-width: 320px;
    overflow:hidden;
    position:relative;
}



/**/
.wgsbbj{height:51.7rem;}
.wgsb{padding:5rem 3% 0;}
.wgsb h3{text-align: center; margin-bottom: 2.45rem;}
.wgsb h3 em{display:block;font-size: 2rem; line-height: 2rem; color:#008190; margin-bottom: 0.75rem;}
.wgsb h3 i{display:block;font-size: 1.2rem; line-height: 1.2rem; color:#7D7D7D;}
.wgsb dl dt{height:16.9rem; }
.wgsb dl dt img{width:100%; height:100%;}
.wgsb dl dd{padding-left:2.1rem;padding-top:2.7rem; height:12.5rem;border-left:1px solid #eeeeee; border-right:1px solid #eeeeee;width: 92.5%;}
.wgsb dl dd span{display:block; margin-bottom: 2rem; height:1.5rem;}
.wgsb dl dd span em{display:block;float:left;font-size: 1.5rem; color:#1b1b1b; line-height: 1.5rem;}
.wgsb dl dd span a i{display:block; width:13.3%; height:1.55rem; text-align: center; line-height: 1.55rem; background:#7D7D7D; border-radius: 3px; float:left; font-size: 1.2rem; color:#FFFFFF;margin-left: 0.1rem;}
.wgsb dl dd p{font-size: 1.2rem; color:#707070; line-height: 1.2rem;padding-left:3%; background:url(../images/yd.png) no-repeat left; background-size:1.5%;margin-bottom:1.3rem; }
.wgsb .m-cnt{height:4.25rem;}
.wgsb .m-cnt li{float:left; width:50%; height:4.25rem; text-align: center; line-height: 4.25rem; background:#E5E5E5; font-size: 1.3rem; position:relative;}
.wgsb .m-cnt li.z-on{background:#008190; color:#FFF;}
.wgsb .m-cnt li.z-on::before{width:6.3%; height:0.65rem; background:url(../images/dbx.png) no-repeat center; content:""; position:absolute; left:45%; top:-0.65rem;background-size: 100%;}
/**/
.wsclbj{height:51.9rem; background:url(../images/wsbj.jpg) no-repeat center;background-size:100%;}
.wscl{padding:6.05rem 3% 0;}
.wscl h3{text-align: center; height:4rem; margin-bottom: 2.45rem;}
.wscl h3 em{display:block; font-size: 2rem; color:#FFF; line-height: 2rem; margin-bottom: 0.75rem;}
.wscl h3 i{display:block; font-size: 1.2rem; color:#FFF; line-height: 1.2rem;}
.wscl dl dt{height:16.9rem;}
.wscl dl dt img{width:100%;}
.wscl dl dd{padding-top:2.65rem;padding-left:2.2rem; height:12.5rem; background:#FFF;}
.wscl dl dd span{display:block; height:4.35rem; line-height: 1.5rem; margin-bottom: 1.4rem;}
.wscl dl dd span a{ font-size: 1.5rem; color:#1b1b1b;}
.wscl dl dd span i{display:block; width:31%;height:1.55rem; background:#7D7D7D; font-size: 1.2rem; color:#FFFFFF;margin-top: 1rem; text-align: center; border-radius: 3px;}
.wscl dl dd p{width:92%;font-size: 1.2rem; color:#707070; line-height: 2.1rem;}
.wscl .swiper-pagination{margin-top: 0.85rem;}
.wscl .swiper-pagination span{width: 0.5rem;height:0.5rem; background:#73D8E4;margin: 0 0.4rem;}
.wscl .swiper-pagination  .swiper-pagination-bullet-active{background:#FFF;}
/**/
.fqclbj{height:48.05rem; }
.fqcl{padding:3.9rem 3% 0;}
.fqcl h3{text-align: center; height:4rem; margin-bottom: 2.45rem;}
.fqcl h3 em{display:block; font-size: 2rem; color:#008190; line-height: 2rem; margin-bottom: 0.75rem;}
.fqcl h3 i{display:block; font-size: 1.2rem; color:#7d7d7d; line-height: 1.2rem;}
.fqcl dl dt{height:16.9rem;}
.fqcl dl dt img{width:100%;}
.fqcl dl dd{padding-top:2.65rem;padding-left:2.2rem; height:12.5rem; background:#FFF; border:2px solid #eeeeee; border-top:0; width:91.8%;}
.fqcl dl dd span{display:block; height:4.35rem; line-height: 1.5rem; margin-bottom: 1.4rem;}
.fqcl dl dd span a{ font-size: 1.5rem; color:#1b1b1b;}
.fqcl dl dd span i{display:block; width:29%;height:1.55rem; background:#7D7D7D; font-size: 1.2rem; color:#FFFFFF;margin-top: 1rem; text-align: center; border-radius: 3px;}
.fqcl dl dd p{width:92%;font-size: 1.2rem; color:#707070; line-height: 2.1rem;}
.fqcl .swiper-pagination{margin-top: 0.85rem;}
.fqcl .swiper-pagination span{width:0.5rem; height:0.5rem; background:#707070;margin-right: 0.75rem;border-radius: 50%;}
.fqcl .swiper-pagination  .swiper-pagination-bullet-active{background:#008190;}
/**/
.product{height:51.9rem; background:url(../images/wsbj.jpg) no-repeat center;background-size:100%;}
.pro{padding:5.15rem 3% 0;}
.pro h3{text-align: center; height:4rem; margin-bottom: 2.45rem;}
.pro h3 em{display:block; font-size: 2rem; color:#FFF; line-height: 2rem; margin-bottom: 0.75rem;}
.pro h3 i{display:block; font-size: 1.2rem; color:#FFF; line-height: 1.2rem;}
.pro ul{height:31.85rem;}
.pro ul li{float:left; width:48.3%; height:14.05rem; margin-bottom: 1.1rem;}
.pro ul li span{display: block; width:100%; height:10.85rem;}
.pro ul li span img{width:100%; height:100%;}
.pro ul li i{display:block; height:3.2rem; text-align: center; line-height: 3.2rem; font-size: 1.2rem; color:#707070;background:#FFF;}
.pro ul li:nth-child(2n){float:right;}
.pro  strong{display:block; width:28%; height:2.9rem; text-align: center; line-height: 2.9rem; margin:0 auto; background:#FFF; border-radius: 29px;}
.pro  strong a{display:block; font-size: 1rem; color:#008190; font-weight: normal;}
/**/
.hxbj{height:65.8rem;}
.hx{padding:3.9rem 3% 0;}
.hx h3{height:82px; margin-bottom: 2.5rem; text-align: center;}
.hx h3 em{display:block; font-size: 2rem; color:#008190; line-height: 2rem; margin-bottom: 0.75rem;}
.hx h3 i{display:block; font-size: 1.2rem; color:#7D7D7D;line-height: 1.2rem;}
.hxbj .zsbj{height:14.25rem; background:url(../images/zsbj.jpg) no-repeat center;background-size:100%; margin-bottom: 2.5rem; padding-top:3.85rem;}
.hxbj .zsbj .zs{padding:0 3%;}
.hxbj .zsbj .zs li:nth-child(2n){float:right;}
.hxbj .zsbj li{float:left; width:48% !important; height:10.4rem;padding-top:0.45rem; border:1px solid #FFF; margin:0  0.25rem;}
.hxbj .zsbj li span{display:block; width:62%; height:10.0rem;margin:0 auto;}
.hxbj .zsbj li span img{width:100%; height:100%;}
.hxbj .hxsm{padding:0 3%;}
.hxbj .hxsm ul li{border-bottom:1px solid #e5e5e5; height:10.2rem;}
.hxbj .hxsm ul li span{display: block; height:1.35rem; margin-bottom: 1.3rem; padding-top:1.75rem;}
.hxbj .hxsm ul li span i{display: block; width:7.3%; height:1.35rem; float:left;margin-top: 0.1rem;}
.hxbj .hxsm ul li span i img{width:100%; height:100%;}
.hxbj .hxsm ul li span em{display: block;float:left;font-size: 1.5rem; line-height: 1.5rem; color:#1b1b1b; font-weight: bold;margin-left: 0.5rem;}
.hxbj .hxsm ul li p{font-size: 1.2rem; color:#898989;line-height: 2.2rem;}
.hxbj .hxsm ul li.first{height:11rem;}
.hxbj .hxsm ul li.first p{line-height:2rem;}
.hxbj .hxsm ul li:last-child{border-bottom:0;}
.hxbj .hxsm ul li.first span{display: block;padding-top:0;}
.hxbj .hxsm ul li.first span i{margin-top: 0;}
.hxbj .hxsm ul li.first em{margin-left:0;}
/**/
.about{height:44.5rem;}
.ab{padding:0 3%;}
.ab h3{text-align: center; height:6.3rem;}
.ab h3 em{display: block; font-size: 2rem; line-height: 2rem; color:#008190;}
.ab h3 i{display: block; font-size: 1.2rem; line-height: 1.2rem; color:#7d7d7d; margin-top: 0.6rem;}
.ab dl dt{height:16.9rem;}
.ab dl dt img{width:100%;height:16.9rem;}
.ab dl dd{height:14.2rem; background:#3fa0ab; padding-top:2.9rem;}
.ab dl dd p{font-size: 1.2rem; color:#FFF; width:83%; margin:0 auto; height:6rem; margin-bottom: 2.5rem; line-height: 2rem;}
.ab dl dd a{display: block; width:28%; height:2.9rem; text-align: center; line-height: 2.9rem; background:#FFF; font-size: 1rem; color:#008190; border-radius: 50px;margin:0 auto;}











  @-webkit-keyframes fade {
    from 
    {
     opacity:1;
     display:block;
    }
    to {
      opacity: 0;
      display:none;
      height:0;
    }
  }
  @keyframes fade {
    from{
      opacity: 1;
     display:block;
    }
    to 
    {
      display:none;
      opacity: 0;
      height:0;
    }
  }
  .fade {
    -webkit-animation-name: fade;
    animation-name: fade;
  }