@charset "UTF-8";
body{ background-color: #eef6fc;}

.swiper-pagination { bottom: 0;}
.swiper-pagination .swiper-pagination-bullet { width:0.1rem; height: 0.1rem; margin: 0 0.04rem; background-color: #8ab0ea; border-radius: 0.05rem; opacity: 1;}
.swiper-pagination .swiper-pagination-bullet-active { width:0.32rem; background: #5892ec;}

.box{ display: block; position: relative;}
.box .img{ overflow: hidden;}
.box .img img{ height: 100%; border-radius: 0.05rem; object-fit: cover;}
.box .font{ width:100%; height: 0; position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(136, 187, 182, 0.8); transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.box .font span{ width:100%; height: 0.52rem; padding: 0 0.2rem; color: #fff; line-height: 0.26rem; text-align:center; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; position: absolute; top:50%; transform: translate(0,-50%); box-sizing: border-box; display: none;}
.box:hover .font{ height: 100%; border-radius: 0.05rem;}
.box:hover .font span{ display: -webkit-box;}

.footer{ margin-top: 0; background-color:#50a49d;}
.footer .con{ background-image: url("../images/yjtc_whbh_footercon_bg.png");}
.footer .link ul li .span{ background-image: url("../images/y_whbh_foot_line.png");}
.footer .link ul li:nth-of-type(1) .span{ background: url("../images/y_whbh_foot_line.png") no-repeat left center, url("../images/y_whbh_foot_line.png") no-repeat right center;}
.footer .link ul li .span,.footer .con .lf .kj-nav a,.footer .con .lf .jbxx p,.footer .con .rf .ewm .boxs span,.footer .con .lf .jbxx p a{ color: #a8d8d4;}
.footer .con .lf .kj-nav a{ background: url(../images/y_whbh_foot_line.png) no-repeat center right;}

.zt-Pic01{ padding-bottom: 0.4rem; background: url(../images/y_whst_bg01.png) no-repeat top center; background-size: cover;}
.zt-Pic01 .whlogo{ margin: 0 auto; display: block; /* width:100%; */}
.zt-Pic02{ background: url(../images/y_whst_bg02.png) no-repeat bottom center; background-size: cover;}

.jcjj .tit{ width:2.78rem; height: 0.84rem; margin: 0 auto; display: block; position: relative; z-index: 1;}
.jcjj .bd{ margin-top: -0.41rem; padding: 0.5rem 0.35rem 0.25rem 0.35rem; text-align: center; border-radius: 0.05rem; box-shadow: 0 0 0.13rem #88c8c3; background-color: #fff;}
.jcjj .bd p{ line-height: 0.38rem; text-align: left; letter-spacing: 0.01rem; text-indent: 0.42rem; display: block;}
.jcjj .bd a{ margin-top: 0.2rem; font-size: 0.16rem; color: #4a9f97; display: inline-block;}

.lm{ margin: 0.36rem 0 0.3rem 0; height: 0.6rem;}
.lm .font{ width:1.86rem;}
.lm .font.cs{ width:2.64rem;}
.lm .font img{ width:100%;}
.lm .line{ width: calc((100% - 1.86rem) / 2); height: 0.6rem;}
.lm .line.cs{ width: calc((100% - 2.64rem) / 2);}
.lm .line.fl{ background: url(../images/y_whst_lml.png) no-repeat right center;}
.lm .line.fr{ background: url(../images/y_whst_lmr.png) no-repeat left center;}
.xwdt-hd{ margin: 0 0 0.3rem 0;}

.lm01{ margin: 0.36rem 0 0.3rem 0; height: 0.4rem;}
.lm01 .font{ width:2.75rem;}

.xwdt{ /* padding-bottom: 0.5rem; */ position: relative;}
.xwdt .swiper-container{ position: static;}
.xwdt .box .img{ height: 2.28rem;}

.ctcs{}
.ctcs .swiper-container{ position: static;}
.ctcs .box .img{ height: 2.28rem;}

.ctcl{}
.ctcl .swiper-container{ position: static;}
.ctcl .box .img{ height: 2.28rem;}

.spzs{ padding-bottom: 0.3rem;}
.spzs .swiper-container{ position: static;}
.spzs .box .img{ height: 3.31rem;}

.fyxx{ width: calc(50% - 0.16rem);}
.fyxx .Box .box .img{ height: 3.71rem;}

.fyms{ width: calc(50% - 0.16rem);}
.fyms ul{ margin:-0.22rem -0.22rem 0 0;}
.fyms ul li{ float: left;}
.fyms ul li:nth-of-type(1){ width:3.97rem; height: 3.93rem;}
.fyms ul li:nth-of-type(2),.fyms ul li:nth-of-type(3){ width: calc(100% - 3.97rem); height: 1.96rem;}
.fyms ul li a{ height: calc(100% - 0.22rem); margin: 0.22rem 0.22rem 0 0;}
.fyms ul li .img{ height: 100%;}
.fyms ul li .img img{ width:100%;}