.dn{display:none}
.society-box{background:url(../images/society-bg.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:170px 0;overflow:hidden}
.society-box .wp{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:16px;line-height:30px}
.society-box .left{width:600px;flex-shrink:0;padding-right:10px}
.society-box .right{overflow:hidden;flex-grow:1}
.society-tab1{position:relative}
.society-tab1::before{content:"";position:absolute;left:0;top:-999px;bottom:-999px;width:1px;background-color:rgba(255,255,255,.5)}
.society-tab1 li{cursor:pointer;padding:25px 0 25px 32px}
.society-tab1 li em{font-size:18px;line-height:28px;position:relative;color:rgba(255,255,255,.3)}
.society-tab1 li.on em::after{content:"";position:absolute;left:-52px;width:40px;height:40px;border-radius:40px;border:8px solid #fff;margin-top:-20px;top:50%}
.society-tab1 li.on em{font-size:24px;font-weight:700;line-height:34px;color:#fff}
.society-tab1 li.on p{display:block;font-size:16px;color:rgba(255,255,255,.3)}
.society-tab1 li p{display:none}
.cxtc-content h4{font-size:24px;color:#fff;line-height:34px;margin-bottom:5px}
.cxtc-content span{display:block;font-size:16px;color:#fff;line-height:26px;margin-bottom:64px}
.cxtc-content p{font-size:16px;line-height:30px}
.society-box h3{font-size:36px;color:#fff;line-height:46px;padding-left:28px;margin-bottom:38px}
@media only screen and (max-width:1279px){
.society-box{padding:70px 0}
.society-box .left{width:300px}
}
@media only screen and (max-width:1199px){
.society-box{padding:70px 0}
}
@media only screen and (max-width:767px){
.society-box{padding:30px 0}
.society-box .left{width:100%}
.society-box .wp{display:block}
.society-tab1{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid #fff;padding-bottom:10px;flex-wrap:wrap}
.society-tab1 li{padding:0 10px;text-align:center;width:33.33%;flex-shrink:0}
.society-tab1 li.on em{font-size:14px;line-height:26px;padding-left:0}
.society-tab1 li.on em::after,.society-tab1::before{display:none}
.society-tab1 li p{font-size:12px;line-height:20px;display:none}
.society-tab1 li.on p{display:none}
.society-tab1 li em{font-size:14px;line-height:26px}
.cxtc-content h4{font-size:16px;margin-bottom:5px}
.cxtc-content span{font-size:12px;line-height:22px;margin-bottom:22px}
.cxtc-content p{font-size:12px;line-height:22px}
.society-box h3{font-size:28px;line-height:38px;padding-left:0}
}
@media only screen and (max-width:479px){
.society-tab1 li{width:50%}
}