#page{overflow: hidden;}
/* header */
.header{position: fixed;left: 0;top: 0;width: 100%;z-index: 9;border-bottom: 1px solid rgba(255, 255, 255, 0.2);line-height: 3.33rem;color: #fff;}
.header .logo img{max-height: 1.8rem;}
.header .logo .logo2{display: none;}
.header .nav .nLi{padding: 0 0.8rem;}
.header .nav .nLi h2 a{display: block;font-family: "DDinProMed";font-weight: normal;}
.header .nav .nLi h2 a::first-letter{text-transform: uppercase;}
.header .nav .nLi.on h2 a,
.header .nav .nLi:hover h2 a{color: var(--primary-color);}
.header .nav .nLi.nLi5,
.header .nav .nLi.nLi6{position: relative;}
.header .nav .navSub{position: absolute;left: 0;top: 100%;width: 100%;background: #f7f7f7;border-bottom: 1px solid rgba(0,0,0, .10);display: none;}
.header .nav .navSub .list{justify-content: center;padding: 1.4rem 0;}
.header .nav .navSub .list dl{padding: 0 1.4em;border-right: 1px solid rgba(0,0,0, .10);color: #666;line-height: 0.8rem;}
.header .nav .navSub .list dl:first-child{border-left: 1px solid rgba(0,0,0, .10);}
.header .nav .navSub .list dl dt{margin-bottom: 0.5rem;color: #333;}
.header .nav .navSub .list dl dd{margin-bottom: 0.2rem;}
.header .nav .navSub .list dl dd a{display: block;padding-left: 0.5rem;position: relative;}
.header .nav .navSub .list dl dd a::before{content: "";width: 4px;height: 4px;position: absolute;left: 0;top: calc((0.8rem - 4px) / 2);background: #aaa;}
.header .nav .navSub .list dl a:hover{color: var(--primary-color);text-decoration: underline;}
.header .nav .navSub .list dl a:hover::before{background: var(--primary-color);}
.header .nav .navSub .list1{justify-content: center;padding: 1rem 0;text-align: center;}
.header .nav .navSub .list1 li{padding: 0 0.6rem;position: relative;}
.header .nav .navSub .list1 li::after,
.header .nav .navSub .list1 li:first-child::before{content: "";width: 1px;height: 0.5rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: rgba(0,0,0, .10);}
.header .nav .navSub .list1 li:first-child::before{right: auto;left: 0;}
.header .nav .navSub .list1 li a{display: block;line-height: 1.2;color: #666;}
.header .nav .navSub .list1 li a:hover{color: var(--primary-color);text-decoration: underline;}
.header .nav .navSub1{width: 1200px;left: 50%;transform: translateX(-50%);background: none;border: none;}
.header .nav .navSub1 .bg{position: absolute;width: 5000px;top: 0;left: 50%;transform: translateX(-50%);height: 100%;background: #f7f7f7;border-bottom: 1px solid rgba(0,0,0, .10); }
.header .language{margin: 0 1.6rem 0 0.8rem;font-family: "DDinProMed";text-transform: uppercase;}
.header .language span{margin: 0 6px;}
.header .language .icon{height: 0.73rem;}
.header .searchBtn{width: 0.6rem;cursor: pointer;}
.header.fixed{background: rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);line-height: 2.6rem;backdrop-filter: blur(10px);}
.header:hover{background: rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);backdrop-filter: blur(10px);}

/* 切换按钮 */
.btnStyle{width: 1.67rem;height: 1.67rem;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;cursor: pointer;}
.btnStyle img{height: 28%;filter: brightness(0) invert(1);}
.btnStyle:hover{border-color: var(--primary-color);background: var(--primary-color);}
.btnStyle.swiper-button-disabled{pointer-events: none;opacity: 0.5;}
.btnStyle.blue{border-color: var(--primary-color);}
.btnStyle.blue img{filter: brightness(1) invert(0);}
.btnStyle.blue:hover img{filter: brightness(0) invert(1);}

/* 更多按钮 */
.moreBtnStyle{padding: 0 0.67rem;border: 1px solid var(--primary-color);border-radius: 1rem;color: var(--primary-color);line-height: 1.4rem;text-transform: uppercase;display: inline-flex;}
.moreBtnStyle span{margin: 0 0.33rem;}
.moreBtnStyle.readMore{padding: 0 1.17rem;line-height: 1.67rem;}
.moreBtnStyle.readMore span{margin: 0 0.67rem 0 0;}
.moreBtnStyle.readMore:hover img{transform: rotateZ(45deg);}
.moreBtnStyle.white{border-color: #fff;color: #fff;}
.moreBtnStyle.white img{filter: brightness(0) invert(1);}


/* footer */
.footer{padding: 2.33rem 0;background: #022F4C;color: rgba(255, 255, 255, 0.8);line-height: 0.73rem;}
.footer > .w1600{justify-content: space-between;}
.footer .left{width: 24.125%;}
.footer .left .logo img{height: 2rem;}
.footer .left .text{margin-top: 3.33rem;}
.footer .nav li{margin-bottom: 1.33rem;font-family: "DDinProMed";line-height: 1.07rem;}
.footer .nav li:last-child{margin-bottom: 0;}
.footer .nav li a:hover{color: #009944;}
.footer .right{width: 28.375%;}
.footer .right dl{margin-bottom: 0.67rem;}
.footer .right dl:last-child{margin-bottom: 0;}
.footer .right dl dt{line-height: 1.07rem;color: #009944;margin-bottom: 0.33rem;font-family: "DDinProMed";}

/* 飘窗 */
.float{position: fixed;right: 0.67rem;top: 50%;transform: translateY(-80%);z-index: 10;opacity: 0;visibility: hidden;}
.float.show{opacity: 1;visibility: visible;}
.float li{margin: 0.3rem 0;position: relative;}
.float li .icon{width: 2rem;height: 2rem;background: #FFFFFF;border-radius: 50%;box-shadow: 0px 0px 10.67px 0px rgba(2, 64, 85, 0.18);position: relative;z-index: 3;}
.float li .text{position: absolute;right: 0;transform: translateY(-50%);top: 50%;color: var(--primary-color);white-space: nowrap;padding: 0 2.4rem 0 0.5rem;transition: 0.3s;visibility: hidden;opacity: 0;background: #fff;border-radius: 1rem;box-shadow: 0px 0px 10.67px 0px rgba(2, 64, 85, 0.18);line-height: 2rem;}
.float li:hover .text{visibility: visible;opacity: 1;}

/* 弹窗 */
.popWrap{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 20;display: none;}
.popWrap .bgLayer{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3)}
.popWrap .content{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;box-sizing: border-box;padding: 2rem 1rem 2rem 2rem;background: #FFFFFF;border-radius: 0.8rem;align-items: flex-start;}
.popWrap .content .close{width: 1.6rem;position: absolute;right: 0;top: -1.67rem;cursor: pointer;}
.popWrap .content .pic{width: 10rem;flex-shrink: 0;margin-right: 2rem;}
.popWrap .content .pic img{width: 100%;border-radius: 0.33rem;}
.popWrap .content .pic::before{content: "";width: 3.07rem;height: 3.07rem;background: var(--primary-color);border-radius: 0.4rem;position: absolute;right: -0.57rem;bottom: -1rem;}
.popWrap .content .right{flex: 1;overflow: hidden;padding-right: 1rem;}
.popWrap .content .right .box{max-height: calc(75vh - 4rem);overflow: auto;width: 100%;padding-right: 1rem;}
.popWrap .content .top{padding-bottom: 1rem;border-bottom: 1px solid #EEEEEE;margin-bottom: 1rem;line-height: 1.73rem;color: var(--primary-color);align-items: flex-start;}
.popWrap .content .top .name{flex-shrink: 0;}
.popWrap .content .top dl{justify-content: flex-end;flex: 1;overflow: hidden;}
.popWrap .content .top dd{padding: 0 1rem;margin-left: 1rem;border: 1px solid var(--primary-color);border-radius: 1rem;margin-bottom: 0.5rem;}

/* 弹窗 */
.msgPopWrap .content .cont{margin: 1rem 0 1.5rem;}
.msgPopWrap .form{justify-content: space-between;}
.msgPopWrap .form dl{width: 49%;margin-bottom: 2%;box-sizing: border-box;border: 1px solid #DDDDDD;display: flex;align-items: center;padding: 0.6rem;line-height: 0.8rem;align-items: flex-start;}
.msgPopWrap .form dl.w100p{width: 100%;}
.msgPopWrap .form dl dt{flex-shrink: 0;color: #222;padding-right: 0.5rem;border-right: 1px solid #999999;margin-right: 0.5rem;}
.msgPopWrap .form dl dt span{color: red;}
.msgPopWrap .form dl dd{flex: 1;overflow: hidden;position: relative;}
.msgPopWrap .form dl dd .text,
.msgPopWrap .form dl dd textarea{width: 100%;height: 0.8rem;border: none;background: none;color: #222;}
.msgPopWrap .form dl dd .text::placeholder,
.msgPopWrap .form dl dd textarea::placeholder{color: #999;}
.msgPopWrap .form dl dd textarea{height: 2rem;line-height: 0.8rem;}
.msgPopWrap .form dl dd .cPic{width: 4rem;height: 1.6rem;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);cursor: pointer;}
.msgPopWrap .form dl dd .cPic img{width: 100%;height: 100%;}
.msgPopWrap .subm{padding: 0 1.2rem;line-height: 1.6rem;border-radius: 1rem;background: var(--primary-color);color: #fff;border: none;height: 1.6rem;}


/* 视频弹窗 */
/* 去掉 layer 外壳阴影、边框 */
.no-shadow {box-shadow: none !important;-webkit-box-shadow: none !important;border: none !important;}

/* 去掉 iOS 视频控件自带阴影 */
.no-shadow video {-webkit-appearance: none !important;box-shadow: none !important;}
/* ② 把视频变成“块级+等比缩放” */
.m-video-wrap {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;   /* 16:9 固定比例 */background: #000;}
.m-video-wrap video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;      /* 防止拉伸变形 */}



@media screen and (max-width: 1620px){

}
@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1300px){
}


@media screen and (max-width: 1024px){
.header .nav{display: none;}
.header .language{margin: 0 0.5rem 0 0;}
.header .menuIcon{display: block;}
}

@media screen and (max-width: 760px){
.header,
.header.fixed{line-height: 1.8rem;}
.header .logo img{max-height: 1.2rem;}

.btnStyle{width: 1.4rem;height: 1.4rem;}
.btnStyle img{height: 30%;}

.moreBtnStyle{padding: 0 0.5rem;}
.moreBtnStyle img{height: 0.4rem;}
.moreBtnStyle span{margin: 0 0.2rem;}
.moreBtnStyle.readMore{padding: 0 0.8rem;line-height: 1.5rem;}
.moreBtnStyle.readMore span{margin-right: 0.4rem;}

.footer{padding: 1.6rem 0;}
.footer > .w1600{flex-direction: column-reverse;}
.footer .left .logo,
.footer .nav{display: none;}
.footer .right,
.footer .left{width: 100%;}
.footer .right dl{margin-bottom: 0.4rem;}
.footer .right dl dt{margin-bottom: 0.2rem;}
.footer .left .text{margin-top: 0.8rem;}

.popWrap .content{padding: 1rem;display: block;max-height:90vh;overflow: auto;box-sizing: border-box;}
.popWrap .content .pic{width: 6.67rem;margin-bottom: 1rem;margin-right: 0;}
.popWrap .content .pic::before{width: 1.5rem;height: 1.5rem;bottom: -0.5rem;}
.popWrap .content .right{padding-right: 0;overflow: inherit;}
.popWrap .content .right .box{max-height: none;overflow: inherit;padding: 0;}
.popWrap .content .close{width: 1rem;right: 10px;top: 10px;filter: brightness(0) invert(0.4);}
.popWrap .content .top{display: block;line-height: 1.4rem;padding-bottom: 0.5rem;}
.popWrap .content .top dl{justify-content: flex-start;}
.popWrap .content .top dd{padding: 0.3rem 0.5rem;margin: 0 0.5rem 0.5rem 0;line-height: 1.1;}

.msgPopWrap .content .cont{margin: 0.5rem 0 0.8rem;}
.msgPopWrap .form dl{width: 100%;}
.msgPopWrap .form dl{padding: 0.4rem;}
.msgPopWrap .form dl dt{margin-right: 0.2rem;padding-right: 0.2rem;}
.msgPopWrap .form dl dd .cPic{width: 2.4rem;height: 1rem;right: 0;}
}

@media screen and (max-width: 468px){
}