@charset "utf-8";

/*banner*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block; position: relative; width:100%; height: auto; }


.tit{ display: block;text-align: center;color: #333333; display: block; font-size: 2rem; line-height:2rem;padding-top: 3.2rem; padding-bottom: 2.2rem; font-weight: bold; }

.wen ul{ margin: 4.27rem 5.3%;}
.wen li{float: left;width:48.35% ;margin-bottom: 1rem;position: relative;}
.wen li:nth-child(even){float: right;}
.wen li span{ display: block; position: absolute;left: 0;top: 0;width: 100%;height: 100%; color: #1d6a5a;font-size: 1rem;line-height: 1.3rem; text-align: center;margin-top: 2.22rem;}
.wen li:nth-child(4) span,.wen li:nth-child(5) span,.wen li:nth-child(6) span{margin-top: 1.7rem;}

.xgg{height: 9.6rem; background:url(../skins/default/Img/Index/xgg.jpg) no-repeat  center; background-size: 100% 9.6rem;}
.xgg a{display: block; padding-top: 7.35rem; padding-left: 6rem;font-size:0.7rem ; color: #fff; line-height:0.7rem ;}

.pinp{ height:37.1rem; background:url(../skins/default/Img/Index/pinp_bg.jpg) no-repeat  center; background-size: 100% 37.1rem;}
.pinp h2{ display: block; text-align: center;font-size: 2rem; color: #1d6a5a;line-height: 2.4rem; padding-top: 9.4rem; font-weight: lighter;}
.pinp h3{ display: block; text-align: center;font-size:1.54rem; color: #1d6a5a;line-height: 1.54rem; padding-top: 2.5rem; font-weight: lighter;}
.pinp li{ float: left; width: 33.333%; margin-top: 4.85rem;}
.pinp li img{width: 100%; display: block;} 


.qiang{ height:48.3rem; background:url(../skins/default/Img/Index/qiang_bg.jpg) no-repeat  center; background-size: 100% 48.3rem;}
.qiang h2{ display: block; text-align: center;font-size: 2rem; color: #1d6a5a;line-height: 2.4rem; padding-top: 12.9rem; font-weight: lighter;}
.qiang h3{ display: block; text-align: center;font-size:1.28rem; color: #1d6a5a;line-height: 1.28rem; padding-top: 1.8rem;font-weight: lighter;}
.qiang ul{ width: 46%; margin: 0 auto;}
.qiang ul li{text-align: center; height: 8.64rem; line-height: 8.64rem;font-size:1.28rem ; color: #2e342b; font-weight: bold;}
.qiang .swiper-pagination{position: relative; margin-top: 3.1rem;}
.qiang .swiper-pagination .swiper-pagination-bullet{opacity: 1;background:url(../skins/default/Img/Index/qie.png) no-repeat; width: 0.85rem; height: 0.85rem; margin: 0 0.2rem;background-size: 0.85rem 0.85rem; }
.qiang .swiper-pagination .swiper-pagination-bullet-active{background:url(../skins/default/Img/Index/qieh.png) no-repeat;width: 0.85rem; height: 0.85rem; background-size: 0.85rem 0.85rem; }
.qiang_con{ position:relative;}
.qiang  .sprev{position: absolute;left:37.3%;bottom:0.38rem;width:0.77rem;height: 1.45rem;background:url(../skins/default/Img/Index/sprev.png) no-repeat center;z-index: 10;background-size: 0.77rem 1.45rem;}
.qiang .snext{position: absolute;right:37.3%;bottom:0.38rem;width:0.77rem;height: 1.45rem;background:url(../skins/default/Img/Index/snext.png) no-repeat center;z-index: 10; background-size: 0.8rem 1.45rem;}

.dm{background:url(../skins/default/Img/Index/dm_bg.jpg) no-repeat  top center; background-size: 100% 100%; padding-bottom: 2.5rem;}
.dm h3{ display: block; text-align: center;font-size:1.28rem; color: #1d6a5a;line-height: 1.28rem; padding-top: 4.6rem; font-weight:normal;}
.dm ul{ margin:3rem 8.6% 0;}
.dm a{float: left;width:29.9% ;margin-bottom: 1rem;position: relative;margin-right: 1rem;}

.dm a:nth-child(3n){margin-right: 0;}
.dm a span{ display: flex; position: absolute;left: 0;top: 0;width: 100%;height: 100%; color: #fff;font-size: 1rem;line-height: 1.3rem; text-align: center; align-items: center; justify-content: center;}



.jiam{ height:47.1rem; background:url(../skins/default/Img/Index/jiam_bg.jpg) no-repeat  center; background-size: 100% 47.1rem;}
.jiam h2{ display: block; text-align: center;font-size:1.54rem; color: #fff;line-height: 1.54rem; padding-top: 2.6rem;}
.jiam h2 span{ display: block; padding-top: 1.1rem; color:#fff;}
.jiam h2 span b{font-size: 3.33rem; line-height: 3.33rem;vertical-align: middle; margin-right: 0.5rem; color:#fff;}
.jiam dl{ width:74.2% ; margin: 1.7rem auto; background:url(../skins/default/Img/Index/jm_dl.png) no-repeat  center;background-size: 100% 5.55rem;height: 5.55rem;display: flex;justify-content: flex-start;}
.jiam dl dd{ margin:0;}
.jiam dt{ display: block; width: 16.7%; padding-left:1.7rem; padding-top: 1.2rem; padding-right: 0.42rem;}
.jiam dt img{ display: block; width: 100%; }
.jiam dd h3{ display: block;font-size:1rem;line-height: 1rem; padding-bottom:0.42rem;color: #fff; padding-top: 1.2rem;}
.jiam dd p{display: block;font-size:0.7rem;line-height: 1rem; color: #fff;}
.jiam ul{margin: 0 4%;}
.jiam li{ float: left; width: 33.3%;height:9.85rem;}
.jiam li img{ display: block; width: 61%; margin: 0 auto;}
.jiam li span{ display: block; text-align: center;font-size:1rem;line-height: 1rem; padding:0.42rem 0;color: #fff;}
.jiam li p{display: block; text-align: center;font-size:0.7rem;line-height: 1rem; color: #fff;}

.bz{ height:45.7rem; background:url(../skins/default/Img/Index/bz_bg.jpg) no-repeat  center; background-size: 100% 45.7rem;}
.bz h3{ display: block; padding-top: 4.9rem; text-align: center;color: #1d6a5a;font-size: 2.05rem; line-height: 2.05rem;letter-spacing: 1px;}
.bz h3 b{font-size: 3.33rem; line-height: 3.33rem;margin-right: 0.5rem;}
.bz ul{margin: 3.5rem 10.6% 0;}
.bz li { float: left;width: 50%; margin-bottom: 1.3rem;}
.bz li img{width: 30.5%;float: left;}
.bz li span{ float: left; display: block;color: #fff; margin-left: 0.7rem; line-height: 1.71rem; font-size: 1rem;}
.zheng_s{ margin:1.2rem 3% 0;}
.zheng_s .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 14.1rem;
        height:20.1rem;
    }
.zheng_s .swiper-slide-prev{ transform: translate3d(5.7rem, 0px, -5.575rem) rotateX(0deg) rotateY(28.7575deg)!important;}
.zheng_s .swiper-slide-next{ transform: translate3d(-5.7rem, 0px, -5.575rem) rotateX(0deg) rotateY(-28.7575deg)!important;}    

.zs{ height: 23.8rem;background:url(../skins/default/Img/Index/zs_bg.jpg) no-repeat center 0;background-size: 100% 23.8rem; pading: 0 3%; overflow:hidden;}
.zs h2{ font-size:2.05rem ; color: #1d6a5a; line-height: 2.05rem; text-align: center; display: block; padding-top: 4.48rem; padding-bottom: 3.41rem;}
.zs .zs_con{ width:100%; overflow: hidden; padding: 1rem 0;}
.zs .zs_con_box{ overflow:visible;}
.zs .zs_con dt{ display:block; width:100%;}
.zs .zs_con dt img{display:block;width:100%;}
.zs .zs_con dd{ display:block; text-align: center; font-size: 0.9rem; line-height: 0.9rem;color:#404040; width:auto; padding-top: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; background:#fff;  padding:0.5rem; opacity:0.7; }
.zs .zs_con .swiper-slide-active dd{ opacity:1;}
.zs .zs_con .swiper-slide {
      text-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      transition: 300ms;
     
    }

.zs .zs_con .swiper-slide:not(.swiper-slide-active) dt img{ width:100%;}
.zs .zs_con .swiper-slide-prev{}
.zs .zs_con .swiper-slide-active{z-index:999; padding-top: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transform: scale(1.3);}


.liuy{height: 42.5rem;background:url(../skins/default/Img/Index/liuy_bg.jpg) no-repeat center 0;background-size: 100% 42.5rem;}
.ly_box{float: left;width:46.6%;padding:0 1rem;height: 17rem;background: #818d99;border-radius: 0.5rem;margin-top:15.72rem; margin-left: 2.56rem;}
.ly_box h3{font-size:1rem;color: #fff;line-height:3.2rem;font-weight: normal;}
.ly_box li{height: 2.4rem;border-radius: 0.25rem;margin-bottom: 1rem;background: #747d86;}
.ly_box li label{float: left;font-size: 0.77rem;color: #fff;line-height: 2.4rem;padding-left: 0.9rem;}
.ly_box li input{float: left;width: 9rem;height: 2.4rem;line-height: 2.4rem;font-size: 0.6rem;color: #fff;outline: 0;border: 0;background: none;}
.ly_box .submit{float: left;width:7.26rem;height:1.96rem;line-height: 1.96rem;font-size: 0.77rem;color: #1d6a5a;background: #9fcec4;border-radius: 0.25rem;border: 0;outline: 0;}
.ly_box .jl{float: right;width: 7.26rem;height:1.96rem;line-height: 1.96rem;font-size:0.77rem;color: #fff;background: #1d6a5a;border-radius: 0.25rem;border: 0;outline: 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:384px) {html { font-size: 12px;}}
@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;}}
@media screen and (min-width:750px) {html { font-size: 23.4px;}}