/* 棰滆壊 */
:root {
    --primary-color: #027CDF;
    --active-color: #EAA22A;
}

/* header */
.header{position: fixed;left: 0;top: 0;z-index: 99;width: 100%;box-sizing: border-box;padding: 0 1.83rem 0 1.33rem;line-height: 4.13rem;color: #FFFFFF;}
.header .logo img{height: 2.4rem;}
.header .logo img.o{position: absolute;left: 0;top: 50%;transform: translateY(-50%);opacity: 0;}
.header .nav{padding-right: 0.67rem;}
.header .nav .nLi{margin: 0 0.4rem;position: relative;}
.header .nav .nLi .navSub{position: absolute;left: 50%;top: 100%;width: 140px;margin-left: -70px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 10px 0;display: none;}
.header .nav .nLi .navSub ul li{padding: 12px 0;padding: 0;}
.header .nav .nLi .navSub a{display: block;line-height: 24px;text-align: center;color: #333;padding: 12px 4px;position: relative;border-bottom: 1px solid #efefef;}
.header .nav .nLi .navSub li:last-child a{border: none;}
.header .nav .nLi .navSub a:hover{color: var(--active-color);border-color: var(--active-color);}
.header .nav .nLi .navSub a:before{content: "";width: 2px;height: 0.6rem;background: var(--active-color);position: absolute;left: 0;top:50%;-webkit-transform: scale(1,0);transform: scale(1,0);margin-top: -0.3rem;}
.header .nav .nLi .navSub a:hover:before{-webkit-transform: scale(1);transform: scale(1);}
.header .form{border: 1px solid currentColor;border-radius: 0.67rem;}
.header .form .text{width: 2.8rem;box-sizing: border-box;padding-left: 12px;height: 1.27rem;border: none;background: none;}
.header .form .subm{width: 1.53rem;height: 1.27rem;border: none;background: url(../images/icon_search.svg) no-repeat center;background-size: 0.6rem;cursor: pointer;filter: brightness(0) invert(1);}
.header .searchBtn{filter: brightness(0) invert(1);display: none;}
.header.fixed,
.header:hover{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);color: #3D3D3D;line-height: 3.3rem;}
.header.fixed .logo img,
.header:hover .logo img{height: 1.8rem;}
.header.fixed .logo img.d,
.header:hover .logo img.d{opacity: 0;}
.header.fixed .logo img.o,
.header:hover .logo img.o{opacity: 1;}
.header.fixed .form .subm,
.header:hover .form .subm,
.header.fixed .searchBtn,
.header:hover .searchBtn{filter: brightness(0) invert(0.3);}

/* 鏃ユ湡 */
.dateStyle{align-items: center;color: #78726E;line-height: 0.8rem;}
.dateStyle .icon{margin-right: 6px;}

/* 浜嗚В鏇村 */
.moreStyle{align-items: center;color: #333333;line-height: 0.6rem;}
.moreStyle .icon{margin-right: 6px;filter: brightness(0) invert(0.5);}
a:hover .moreStyle,
.moreStyle:hover{color: var(--active-color);}
a:hover .moreStyle .icon,
.moreStyle:hover .icon{filter: brightness(1) invert(0);transform: rotateZ(-45deg);}

/* 鏌ョ湅鏇村 */
.moreBtn{width: 5.33rem;height: 1.47rem;color: var(--primary-color);}
.moreBtn::before,
.moreBtn::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.moreBtn::before{background: url(../images/more_bg1.svg) no-repeat center;background-size: 100% 100%;}
.moreBtn::after{background: url(../images/more_bg2.svg) no-repeat center;background-size: 100% 100%;opacity: 0;}
.moreBtn .icon{height: 0.53rem;margin-right: 0.23rem;}
.moreBtn .icon,
.moreBtn span{z-index: 2;}
.moreBtn:hover::before{opacity: 0;}
.moreBtn:hover::after{opacity: 1;}
.moreBtn:hover{color: #fff;}
.moreBtn:hover .icon{filter: brightness(0) invert(1);}
.moreBtn.white{color: #fff;}
.moreBtn.white .icon,
.moreBtn.white::before,
.moreBtn.white::after{filter: brightness(0) invert(1);}
.moreBtn.white:hover{color: var(--primary-color);}
.moreBtn.white:hover .icon{filter: brightness(1) invert(0);}

/* 浜嗚В鏇村 */
.learnMore{width: 3.67rem;height: 1.2rem;box-sizing: border-box;border: 1px solid #fff;color: #3D3D3D;border-radius: 0.67rem;}
.learnMore img{margin-right: 6px;transition: 0.3s;}
a:hover .learnMore img,
.learnMore:hover img{transform: rotateZ(-45deg);}
.learnMore.white{border-color: #fff;color: #fff;}
.learnMore.white img{filter: brightness(0) invert(1);}


/* 鍒囨崲鎸夐挳 */
.btnStyle{width: 1.73rem;height: 1.73rem;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;margin-right: 0.47rem;cursor: pointer;}
.btnStyle img{height: 27%;}
.btnStyle:hover{border-color: var(--active-color);}
.btnStyle.swiper-button-disabled{pointer-events: none;opacity: 0.4;}
/* footer */
.footer{background: url(../images/footer_bg.jpg) no-repeat center;background-size: cover;}
.footer .top{padding: 3.23rem 0 2.9rem;}
.footer .top .logo img{max-width: 13.73rem;max-height: 2.33rem;}
.footer .top dl{margin-right: 1.43rem;color: #666666;line-height: 1.5;}
.footer .top dl dt{padding-right: 0.6rem;border-right: 1px solid #DDDDDD;margin-right: 0.53rem;}
.footer .top dl .tit{line-height: 0.83rem;color: var(--primary-color);margin-bottom: 0.4rem;transform: translateX(-0.5em);}
.footer .top .wechat .icon{width: 1.9rem;}
.footer .top .wechat .ma {position: absolute;bottom: calc(100% + 1rem);left: 50%;transform: translateX(-50%);width: 130px;border-radius: 4px;padding: 6px;background: #fff;box-sizing: border-box;box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);visibility: hidden;opacity: 0;transition: 0.3s;text-align: center;}
.footer .top .wechat .ma::before {content: "";position: absolute;bottom: -0.38rem;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 0.47rem solid transparent;border-right: 0.47rem solid transparent;border-top: 0.4rem solid #fff;}
.footer .top .wechat .ma img {width: 100%;}
.footer .top .wechat:hover .ma {visibility: initial;opacity: 1;bottom: calc(100% + 0.38rem);}
.footer .btm{background: var(--primary-color);color: #FFFFFF;padding: 0.63rem 0;}
.footer .btm .left p{margin-right: 1.07rem;}
.footer .btm .left em{margin: 0 0.77rem;opacity: 0.36;}
.footer .select{width: 7.47rem;}
.footer .select dt{padding: 0 0.43rem;background: rgba(255, 255, 255, 0.2);cursor: pointer;line-height: 1.2rem;}
.footer .select dt .icon{position: absolute;right: 0.47rem;top: 50%;transform: translateY(-50%);}
.footer .select dd{position: absolute;left: 0;bottom: 100%;width: 100%;background: #fff;display: none;}
.footer .select dd ul{padding: 10px 0;}
.footer .select dd ul a{display: block;padding: 6px 0.43rem;color: #333;}
.footer .select dd ul a:hover{background: #efefef;color: var(--primary-color);}

@media screen and (max-width: 1550px){
.header .logo img{height: 1.8rem;}
}
@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1360px){
.header .logo img{height: 1.5rem;}
.header.fixed .logo img, .header:hover .logo img{height: 1.2rem;}
}

@media screen and (max-width: 1200px){
.header .nav,
.header .form{display: none;}
.header .menuIcon,
.header .searchBtn{display: block;}
.header .searchBtn{margin-left: 0.5rem;}



.footer .top .logo img{max-width: 11rem;}
.footer .top dl{margin-right: 1rem;}
.footer .top dl dt img{max-height: 0.9rem;}
}
@media screen and (max-width: 1024px){
.footer .top{padding: 1rem 0;display: block;}
.footer .top  .logo{display: none;}
.footer .top .right{display: block;margin-top: 0.5rem;position: relative;}
.footer .top dl{padding: 0.5rem 0;margin: 0;}
.footer .top dl dt img{max-height: none;width: 1rem;}
.footer .top dl .tit{margin-bottom: 0.2rem;}
.footer .top .wechat{margin-top: 0.6rem;margin-left: 2.13rem;}
.footer .top .wechat .icon{display: none;}
.footer .top .wechat .ma{position: relative;left: 0;bottom: 0;transform: translate(0);opacity: 1;visibility: visible;width: 160px;}
.footer .top .wechat .ma::before{display: none;}

}

@media screen and (max-width: 760px){
.header{line-height: 2.2rem;padding: 0 5%;}
.header.fixed, .header:hover{line-height: 1.8rem;}
.header .logo img{height: 1.2rem;}
.header.fixed .logo img, 
.header:hover .logo img{height: 1rem;}


.footer .top dl:first-child{padding-top: 0;}
.footer .btm{padding: 0.5rem 0;}
.footer .btm > .w1600{display: block;}
.footer .btm .left{justify-content: flex-start;}
.footer .btm .left p{width: 100%;margin-bottom: 0.3rem;}
.footer .btm .left em{margin: 0 0.4rem;}
.footer .select{margin-top: 0.5rem;}


.moreBtn{width: 4.3rem;height: 1.1rem;font-size: 13px;}
.moreBtn .icon{height: 0.4rem;}

.btnStyle{width: 1.4rem;height: 1.4rem;}

.learnMore{width: 3rem;height: 1rem;}

}

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