.pc-only{display:block!important}
.pc-global{display:flex!important}
.pad-only{display:none!important}
.mb-only{display:none!important}
.pc-pad{display:block!important}
.pc-m{display:block!important}
.mb-pad{display:none!important}
.pt100{padding-top:1rem}
.sh-after .font-text-18pt{text-align: center;}
.bgf1f1f1{background-color:#f1f1f1}
.bl-title{line-height:1;font-weight:700;text-align:center}
.bl-title span{position:relative;padding-bottom:.22rem;display:block}
.bl-title span::after{width:.54rem;height:.08rem;background-color:#005cb9;content:'';position:absolute;left:50%;margin-left:-.27rem;bottom:0}
.bl-title-desc{line-height:1;text-align:center;padding-top:.2rem}
.en-desc{color:#999;padding-top:.15rem;text-align:center;line-height:1}
.bl-will-height{padding-bottom:35.7%;position:relative;margin-top:.5rem; margin-bottom: 4.375rem;}
.bl-will{position:absolute;width:100%;top:0;left:0;height:100%;display:flex}
.bl-will>section{margin-right:.2rem;width:13%;position:relative;height:100%;transition:all .3s linear}
.bl-will>section:last-child{margin-right:0}
.will-before{position:absolute;width:100%;left:0;top:0;height:100%;}
.will-before>.will-img-view{position:relative;height:100%;overflow:hidden}
.will-before img{width:100%;position:absolute;left:0;top:0;transition:all .3s linear;opacity:1}
.will-after{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:all .3s linear}
.will-after>.will-img-view{position:relative;height:100%;overflow:hidden}
.will-after img{position:absolute;width:100%;left:0;top:0}
.will-after dl{text-align:center;position:absolute;top:100%;width:100%; padding-top:1.25rem;}
.will-after dt{color:#005cb9;font-weight:700;padding:.1em 0}
.will-after dd{line-height:1.66;padding:0 1em}
.bl-will>section.active{width:61%;flex-shrink:0}
.will-after::after{width:92.8%;content:'';height:90%;position:absolute;left:3.6%;top:5%; border:1px solid rgba(255,255,255,0.4)}
.bl-will>section.active .will-before{opacity:0}
.bl-will>section.active .will-after{opacity:1}
.bl-share{position:relative}
.bl-share-left{width:70%}
.bl-img{padding-bottom:57%;position:relative}
.bl-share-left img{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;transition:all .3s linear}
.bl-share-left img.active{opacity:1}
.bl-share-right{width:29.2%;position:absolute;right:0;top:0;height:100%;display:flex;overflow:hidden;flex-direction:column}
.bl-share-right>section{position:relative;border:1px solid #ecbec2;margin-bottom:.1rem;height:16.6%;transition:all .3s linear;cursor:pointer;overflow:hidden;  background-color: rgba(255,255,255,0.2);}
.sh-before{text-align:center;color:#333;font-weight:700;width:100%;position:absolute;left:0;top:0;top:50%;transform:translateY(-50%)}
.bl-share-right>section:last-child{margin-bottom:0}
.sh-after{position:absolute;width:100%;top:50%;transform:translateY(-50%);left:0;color:#fff;padding:0 .2rem;opacity:0}
.sh-after .sh-title{text-align:center}
.sh-after>p{padding-top:.1rem;color:#fff;line-height:1.6}
.bl-share-right>section.active{background-color:#e50012;height:35.7%;flex-shrink:0}
.bl-share-right>section.active .sh-before{opacity:0}
.bl-share-right>section.active .sh-after{opacity:1}
.img-view{position:relative}
.img-view img{width:100%}
.img-view .txt{position:absolute;width:100%;text-align:center;position:absolute;top:.85rem;color:#444;font-weight:700}

.video-block{padding-bottom:56.25%;position:relative}
.b-share-block{padding-bottom:1rem}
.v-parent{width:72.9%;margin:0 auto;position:relative}
#vPlayer{position:absolute;left:0;top:0;width:100%;background-color:#000;height:100%}
@media (max-width:1440px)
{.will-after,.will-before{height:89%}
.bl-will-height{margin-bottom:1.5rem}}
@media (max-width:767px)
{.en-desc{padding-left:.5rem;padding-right:.5rem;line-height:1.5}
.will-after dd{font-size:14px;text-align:left}
.w-center-1400{width:100%;padding-left:.25rem;padding-right:.25rem}
.img-view .txt{font-size:.26rem}
.img-view .txt p{padding-bottom:.5em}
.v-parent{width:100%;padding-left:.25rem;padding-right:.25rem}
.bl-share-left{display:none}
.bl-share-right{position:relative;width:100%;height:16rem}
/* .bl-share-right>section.active{height:68%} */
.sh-after .after-img img{width:100%}
.sh-after .sh-title{font-size:14px;font-weight:700;padding-top:.25rem}
.sh-after>p{font-size:12px;padding-left:.15rem;padding-right:.15rem}
.sh-after{padding:0 .1rem}
.sh-after .after-img{padding-top:.1rem}
.sh-before{font-size:14px}
.bl-will-height{width:100%;padding-left:0;padding-right:0;height:8.6rem;margin-bottom:0;padding-bottom:0}
.mb-will-swiper{overflow:hidden;height:100%;position:relative}
.will-after dl{position:relative;top:0}
/* .will-after::after{height:0;padding-bottom:89.5%;top:2.5%} */
.will-swiper{width:250%;left:50%;position:absolute;top:0;margin-left:-125%}
.mb-will-swiper .will-after>.will-img-view{height:0;padding-bottom:89.2%}
.will-img-view img{position:absolute;left:0;top:0;width:100%; }
.mb-will-swiper .will-after{position:relative;opacity:1;height:9rem}
.swiper-slide .will-after dl{opacity:0;transition:all .3s linear}
.swiper-slide-next .will-after dl{opacity:1}}
.hxlg{padding:2rem 0;}
.bl-title-desc{font-size:16px; line-height: 40px; font-weight: normal;}
.en-desc{font-size: 20px; color: #333333; margin-bottom: 2.5rem;}
.will-before .font-text-30pt,.will-after .font-text-30pt{width:100px; height:60%; border:1px solid rgba(255,255,255,0.4); background-color: rgba(229,0,18,0.4); margin: 0 auto; position: absolute; top:20%; left:calc(50% - 50px); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 40px;}
.will-after .font-text-30pt{z-index: 999; }
.plr5{padding:3.125rem 0 6.125rem  0; }
/*手机兼容*/
@media only screen and (max-width: 576px){
	.will-before .font-text-30pt,.will-after .font-text-30pt{height: 60px;width:20px; font-size: 12px; line-height: 14px; left:calc(50% - 10px);}

	.will-img-view img{ height:100%;}
	
	
}
/*ipad兼容*/
@media only screen and (min-device-width : 768px)and (max-device-width : 1024px){
		.will-before .font-text-30pt,.will-after .font-text-30pt{width:40px; font-size: 12px; line-height: 14px; left:calc(50% - 20px);}
		.hxsn{ height:600px;}
		.hxsn .hxsnkh{width: 600px; height: 366px;}
		.plr5{padding:3.125rem 0 4.125rem  0; }
}