/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2023-05-15 09:33:48
*/
/*banner*/

.wrap{width: 17rem !important;}

#bg1{width: 100%;height: 7.5rem;background:url(/statics/images/yjy/bg1.jpg)no-repeat center;background-size: cover;overflow: hidden;}
#bg2{width: 100%;height: 11.1rem;background:url(/statics/images/yjy/bg2.jpg)no-repeat center;background-size: cover;overflow: hidden;}
#bg3{width: 100%;height: 11.45rem;background:url(/statics/images/yjy/bg3.jpg)no-repeat center;background-size: cover;overflow: hidden;}
#bg4{width: 100%;height: 10.37rem;background:url(/statics/images/yjy/bg4.jpg)no-repeat center;background-size: cover;overflow: hidden;}




#bps{position:relative;;z-index:1;width:60%;margin-top:-2rem;height:0.88rem;margin-bottom:1.12rem;padding:0 20%;}
#bps a{display:block;color:#fff;width:33.3%;float:left;text-align:center;font-size:0.18rem;height:1.45rem;}
#bps a p{padding-top:0.22rem;}
#bps a img{width:0.4rem;display:block;margin:0 auto;height:0.4rem;margin-top:0.2rem;}
#bps a.active img,#bps a:hover img{width:0.8rem;display:block;height:0.8rem;}
#bps a.active,#bps a:hover{height:1.67rem;font-size:0.2rem;}
#bps a.active p,#bps a:hover p{padding-top:0;}
#bps .line{width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:0rem;}


.title{text-align: center;padding-top: 0.7rem;}
.title span{color: #01cdd7;font-size: 0.18rem;}
.title p{font-size: 0.64rem;color: #333333;padding-top: 0.2rem;font-weight: bold;}

#bg1 .fl{width: 7rem;padding-top: 1.15rem;}
#bg1 .fl p{font-size: 0.6rem;color: #333333;font-weight: bold;}
#bg1 .fl .wen{font-size: 0.3rem;color: #6c7589;padding-top: 0.8rem;}
#bg1 .fl .wen span{color: #01cdd7;border-bottom: 2px solid #01cdd7;}
#bg1 .fr{width: 9.58rem;overflow: hidden;margin-top: 0.8rem;}
#bg1 .fr img{width: 100%;display: block;}


.shang .fl{font-size: 0.64rem;color: #333333;font-weight: bold;}
.shang .fr{font-size: 0.18rem;color: #666666;line-height: 0.3rem;padding-top: 0.1rem;}
.shang{padding-bottom: 0.7rem;border-bottom:1px solid #dad6d3;padding-top: 1.2rem;height: 0.8rem;}


#banquan .shang{border-bottom:none;}


.tab-menu{width: 3.5rem;padding-top: 1.3rem;padding-left: 1rem;float: left;}

.tab-menu ul li{ 
cursor: pointer;
color: #333;
width: 2.4rem;
height: 0.8rem;
line-height: 0.8rem;
text-align: center;
background: #f5f7f9;
border-radius: 0.8rem;
margin-right: 0.28rem;
font-size: 0.2rem;
display: block;float: left;
border:2px solid #fff;
margin-bottom: 0.8rem;
box-shadow: 0px 0px 50px 0px rgba(121, 121, 121, 0.15);
}
.tab-menu ul li.active{color: #fff;background:-webkit-linear-gradient(top,#04cfd9,#7fe1e7);}

.tab-menu ul li:last-child{margin-right: 0;}




.tab-con .lll{display: none;width:9.9rem;float: right;border-radius: 0.2rem;overflow: hidden;margin-top: 0.7rem;height: 7.4rem;background: #fff;box-shadow: 0px 0px 50px 0px rgba(121, 121, 121, 0.15);margin-right: 1rem;padding:0 0.7rem;position: relative;}
.tab-con .lll:first-child{display: block;}

.tab-con .lll p{font-size: 0.3rem;color: #01cdd7;padding-top: 0.6rem;}
.tab-con .lll p span{border-bottom: 2px solid #01cdd7;}
.tab-con .lll .wen{padding-top: 0.3rem;font-size: 0.18rem;color:#6c7589;line-height: 0.25rem;}
.tab-con .lll ol{font-size: 0.18rem;color: #6c7589;margin: 0.4rem 0 0.1rem;}
.tab-con .lll ol i{color: #fff;width: 1.1rem;height: 0.4rem;line-height: 0.4rem;display: inline-block;background:#6c7589;padding:0 0.1rem;margin-right: 0.1rem;text-align:center;}
.tab-con .lll .wen span{color: #01cdd7;font-size: 0.18rem;border-bottom: 2px solid #01cdd7;margin-right: 0.2rem;}
.tab-con .lll .tu{margin-top: 0.3rem;width: 6.3rem;}
.tab-con .lll .tu img{width: 100%;display: block;}
.tab-con .lll .fr{width: 2.2rem;position: absolute;right: 0.7rem;bottom:0.7rem;font-size: 0.16rem;line-height: 0.35rem;color:#6c7589;}
.tab-con .lll .fr p{font-size: 0.2rem;color: #333;}





#tab-menu2{width: 3.5rem;padding-top: 1.3rem;padding-right: 0rem;float: right;}

#tab-menu2 ul li{ 
cursor: pointer;
color: #333;
width: 2.4rem;
height: 0.8rem;
line-height: 0.8rem;
text-align: center;
background: #f5f7f9;
border-radius: 0.8rem;
margin-right: 0.28rem;
font-size: 0.2rem;
display: block;float: left;
border:2px solid #fff;
margin-bottom: 0.8rem;
box-shadow: 0px 0px 50px 0px rgba(121, 121, 121, 0.15);
}
#tab-menu2 ul li.active{color: #fff;background:-webkit-linear-gradient(top,#04cfd9,#7fe1e7);}

#tab-menu2 ul li:last-child{margin-right: 0;}




#tab-con2 .lll{display: none;width:9.9rem;float: left;border-radius: 0.2rem;overflow: hidden;margin-top: 0.7rem;height: 7.4rem;background: #fff;box-shadow: 0px 0px 50px 0px rgba(121, 121, 121, 0.15);margin-left: 1rem;padding:0 0.7rem;position: relative;}
#tab-con2 .lll:first-child{display: block;}

#tab-con2 .lll p{font-size: 0.3rem;color: #01cdd7;padding-top: 0.6rem;}
#tab-con2 .lll p span{border-bottom: 2px solid #01cdd7;}
#tab-con2 .lll .wen{padding-top: 0.3rem;font-size: 0.18rem;color:#6c7589;line-height: 0.25rem;}

#bg4 .title{padding-bottom: 1rem;}
#bg4 .fl{width: 6.7rem;padding-top: 0.4rem;}
#bg4 .fl .yin{color: #01cdd7;font-size: 0.36rem;text-transform: uppercase;font-weight: bold;}
#bg4 .fl p{font-size: 0.36rem;color: #6c7589;margin: 0.5rem 0;}
#bg4 .fl p span{border-bottom: 2px solid #6c7589;}
#bg4 .fl .wen{font-size: 0.18rem;line-height: 0.28rem;color: #6c7589;}
#bg4 .fr{width: 6.46rem;}
#bg4 .fr img{width: 100%;display: block;}