/* 下拉 */
.selectStyle dt{padding: 0 0.67rem;cursor: pointer;height: 2rem;}
.selectStyle dt img{width: 0.93rem;margin-right: 0.27rem;}
.selectStyle dt i{display: block;width: 0;height: 0;border: 4px solid transparent;border-top-color: #fff;}
.selectStyle dd{width: 5rem;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);background: #fff;display: none;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.selectStyle dd ul{padding: 0.3rem 0;}
.selectStyle dd ul li a{display: block;color: #727171;text-align: center;line-height: 0.8rem;padding: 0.15rem 0;}
.selectStyle dd ul li a:hover{background: var(--primary-color);color: #fff;}

/* 分享 */
.shareStyle{padding: 0 0.27rem;border-left: 1px solid rgba(255, 255, 255, 0.2);border-right: 1px solid rgba(255, 255, 255, 0.2);}
.shareStyle li{margin: 0 0.4rem;}

/* header */
.header{z-index: 9999;}
.header .logo{height: 2.4rem;}
.header .logo img{max-height: 69%;}
.header .dl{margin-right: 1rem;color: #727171;line-height: 0.67rem;display: none;}
.header .dl dt{margin-right: 0.4rem;}
.header .dl dt img{width: 0.8rem;}
.header .dl:hover dt img{animation: swing 0.5s linear;}
.header .btn{padding: 0 0.27rem;background: var(--primary-color);line-height: 1.33rem;color: #fff;}
.header .btn .icon{margin-right: 0.2rem;}
.header .btn:hover{background: var(--active-color);}
.header .searchBtn{display: none;}
@keyframes swing {
	20% { -webkit-transform: rotate3d(0, 0, 1, 30deg); -ms-transform: rotate3d(0, 0, 1, 30deg); transform: rotate3d(0, 0, 1, 30deg) }
	40% { -webkit-transform: rotate3d(0, 0, 1, -20deg); -ms-transform: rotate3d(0, 0, 1, -20deg); transform: rotate3d(0, 0, 1, -20deg) }
	60% { -webkit-transform: rotate3d(0, 0, 1, 10deg); -ms-transform: rotate3d(0, 0, 1, 10deg); transform: rotate3d(0, 0, 1, 10deg) }
	80% { -webkit-transform: rotate3d(0, 0, 1, -10deg); -ms-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) }
	100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); -ms-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) }
}
.header .selectStyle dt{padding: 0;}
.header .selectStyle dt i{border-top-color: #555555;}
.header .shareStyle{padding-right: 0.5rem;}
.header .shareStyle li img{filter: brightness(0) invert(0.5);}
.header .shareStyle li img:hover{filter: brightness(1) invert(0);}
.header .form{border: 1px solid #AAAAAA;}
.header .form .text{width: 4.76rem;height: 1.26rem;border: none;background: none;box-sizing: border-box;padding: 0 0.33rem;color: #555;}
.header .form .subm{width: 1.33rem;height: 1.26rem;border: none;background: url(../images/icon_search2.svg) no-repeat center;background-size: 0.66rem;filter: brightness(0) invert(0.5);cursor: pointer;}
.header .form .subm:hover{filter: brightness(1) invert(0);}
.header .list li{margin-left: 1rem;position: relative;}
.header .list li:first-child{margin-left: 0;}
.header .list a{width: 1.33rem;height: 1.33rem;box-sizing: border-box;border: 1px solid var(--primary-color);border-radius: 50%;position: relative;}
.header .list a img{height: 50%;}
.header .list a:hover{background: var(--primary-color);}
.header .list a:hover img{filter: brightness(0) invert(1);}

.header .list li .ma {position: absolute;top: 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;}
.header .list li .ma::before {content: "";position: absolute;top: -0.38rem;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 0.47rem solid transparent;border-right: 0.47rem solid transparent;border-bottom: 0.4rem solid #fff;}
.header .list li .ma img {width: 100%;}
.header .list li:hover .ma {visibility: initial;opacity: 1;top: calc(100% + 0.38rem);}

/* 切换按钮 */
.btnStyle{width: 2.2rem;height: 2.2rem;box-sizing: border-box;border: 1px solid #FFFFFF;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);cursor: pointer;position: absolute;top: 50%;z-index: 2;transform: translateY(-50%);}
.btnStyle img{filter: brightness(0) invert(1);height: 33.33%;}
.btnStyle:hover{border-color: var(--primary-color);background: var(--primary-color);}
.btnStyle.prev{left: 2rem;}
.btnStyle.next{right: 2rem;}
.btnStyle.swiper-button-disabled{pointer-events: none;opacity: 0.5;}


/* 导航 */
.navWrap{background: rgba(26, 26, 26, 0.8);line-height: 2rem;color: #FFFFFF;position: absolute;left: 0;top: 0;width: 100%;z-index: 99;}
.navWrap.fixed{position: fixed;}
.navWrap .nav{display: flex;}
.navWrap .nav .nLi{/*position: relative;margin-right: 1.17rem;*/}
.navWrap .nav .nLi h2 a{display: block;position: relative;text-transform: uppercase;font-weight: normal;}
.navWrap .nav .nLi h2 a::before{content: "";width: 100%;height: 2px;background: currentColor;position: absolute;left: 0;bottom: 0;transform: scale(0, 1);}
/* .navWrap .nav .nLi .navSub{position: absolute;left: -0.67rem;top: 100%;width: 6rem;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 10px 0;display: none;}
.navWrap .nav .nLi .navSub ul li{padding: 12px 0;}
.navWrap .nav .nLi .navSub a{display: block;line-height: 24px;color: #333;padding: 0 0.67rem;position: relative;text-transform: uppercase;}
.navWrap .nav .nLi .navSub a:hover{color: var(--primary-color);}
.navWrap .nav .nLi .navSub a:before{content: "";width: 2px;height: 100%;background: var(--primary-color);position: absolute;left: 0;top:0;-webkit-transform: scale(1,0);transform: scale(1,0);}
.navWrap .nav .nLi .navSub a:hover:before{-webkit-transform: scale(1);transform: scale(1);} */
.navWrap .nav .nLi .navSub{position: absolute;left: 0;top: 100%;width: 100%;backdrop-filter: blur(10px);display: none;background: rgba(255, 255, 255, 0.8);}
.navWrap .nav .nLi .navSub .bg{background: url(../images/nav_bg.png) no-repeat center top;background-size: cover;}
.navWrap .nav .nLi .navSub .w1400{display: flex;padding: 2.66rem 0;}
.navWrap .nav .nLi .navSub .contLeft{width: 40%;box-sizing: border-box;border-right: 1px solid rgba(0, 0, 0, 0.1);min-height: 12.7rem;margin-right: 5.7%;box-sizing: border-box;padding-right: 4.28%;}
.navWrap .nav .nLi .navSub .contLeft .tit{line-height: 1.4;text-transform: uppercase;color: #1A1A1A;margin-bottom: 1rem;}
.navWrap .nav .nLi .navSub .contLeft .desc{color: #555555;line-height: 1.77;}
.navWrap .nav .nLi .navSub .secNav{width: 10.1rem;}
.navWrap .nav .nLi .navSub .secNav a{display: block;padding: 0.4rem 12px 0.4rem 0;position: relative;color: #333333;line-height: 0.93rem;text-transform: uppercase;}
.navWrap .nav .nLi .navSub .secNav a::before{content: "";width: 0.66rem;height: 0.66rem;position: absolute;right: 0;top: 0.535rem;background: url(../images/icon_arr1.svg) no-repeat center;background-size: 100%;filter: brightness(0) invert(0.5);}
.navWrap .nav .nLi .navSub .secNav a:hover{color: var(--primary-color);}
.navWrap .nav .nLi .navSub .secNav a:hover::before{filter: brightness(1) invert(0);}

.navWrap .nav .nLi.on h2 a,
.navWrap .nav .nLi:hover h2 a{color: var(--primary-color);}
.navWrap .nav .nLi.on h2 a::before,
.navWrap .nav .nLi:hover h2 a::before{transform: scale(1);}


.topFormStyle .text{width: 5.77rem;box-sizing: border-box;padding: 0 0.67rem;color: #fff;border: none;background: none;}
.topFormStyle .text::placeholder{color: #727171;}
.topFormStyle .subm{width: 20px;height: 20px;background: url(../images/icon_search.svg) no-repeat center;background-size: 100%;cursor: pointer;border: none;}

.mm-menu .mm-listview,
.mm-navbar .mm-title{text-transform: uppercase;}

/* 更多按钮 */
.moreBtnStyle{width: 4.7rem;height: 1.33rem;border: 1px solid var(--primary-color);color: var(--primary-color);box-sizing: border-box;padding: 0 0.67rem;white-space: nowrap;}
.moreBtnStyle img{margin-left: 0.4rem;}
.moreBtnStyle:hover img{filter: brightness(0) invert(1);}

/* 更多 */
.more{align-items: center;color: var(--primary-color);}
.more img{margin-left: 0.33rem;}

/* 日期 */
.dateStyle{padding: 0 0.67rem;position: absolute;left: 1rem;top: -0.73rem;background: #EEEEEE;color: #555555;line-height: 1.47rem;}
.dateStyle img{width: 0.67rem;margin-right: 0.33rem;filter: brightness(0) invert(0.5);}
a:hover .dateStyle{background: var(--primary-color);color: #fff;}
a:hover .dateStyle img{filter: brightness(0) invert(1);}

/* 新闻 */
.newsWrap{display: block;background: #FFFFFF;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3);}
.newsWrap::before{content: "";width: 6.67rem;height: 6.67rem;position: absolute;left: -0.67rem;top: -0.67rem;background: #EEEEEE;}
.newsWrap .pic{padding-bottom: 65.9%;}
.newsWrap .text{padding: 1.33rem 1rem;}
.newsWrap .text .label{color: var(--primary-color);line-height: 0.53rem;}
.newsWrap .text .tit{line-height: 1.13rem;color: #231815;height: 4.53rem;margin: 0.53rem auto 1rem;}
.newsWrap:hover::before{background: var(--primary-color);}

/* footer */
.footer{background: url(../images/footer_bg.jpg) no-repeat center top;background-size: cover;color: #1C1C1C;line-height: 0.67rem;}
.footer .top{padding: 2rem 0 1.33rem;}
.footer .logo img{height: 1.8rem;}
.footer .share{margin-top: 2.67rem;}
.footer .share li{position: relative;}
.footer .share li a{width: 1.6rem;height: 1.6rem;box-sizing: border-box;border: 1px solid #D8D8D8;border-radius: 50%;margin-right: 0.8rem;}
.footer .share li a:hover{border-color: var(--primary-color);background: var(--primary-color);}
.footer .share li a:hover img{filter: brightness(0) invert(1);}
.footer .share li .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;}
.footer .share li .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 .share li .ma img {width: 100%;}
.footer .share li:hover .ma {visibility: initial;opacity: 1;bottom: calc(100% + 0.38rem);}
.footer .nav li{margin-bottom: 0.67rem;}
.footer .nav li:last-child{margin-bottom: 0;}
.footer .nav li a{display: block;padding-left: 0.6rem;position: relative;text-transform: uppercase;line-height: 0.87rem;}
.footer .nav li a::before{content: "";width: 5px;height: 5px;border-left: 1px solid #AAAAAA;border-bottom: 1px solid #AAAAAA;position: absolute;left: 0;top: 50%;margin-top: -3px;transform: rotateZ(-135deg);}
.footer .nav li a:hover{color: var(--primary-color);}
.footer .nav li a:hover::before{border-color: var(--primary-color);}
.footer .contRight .item{margin-right: 2.67rem;max-width: 11.87rem;}
.footer .contRight .item:last-child{margin-right: 0;}
.footer .contRight dl{margin-bottom: 1rem;}
.footer .contRight dl:last-child{margin-bottom: 0;}
.footer .contRight dl dt{flex-shrink: 0;height: 0.67rem;margin-right: 0.33rem;}
.footer .contRight dl dt img{filter: brightness(0) invert(0.5);}
.footer .contRight dl dd{flex: 1;overflow: hidden;}
.footer .contRight dl dd .tit{margin-bottom: 4px;}
.footer .contRight dl:hover dt img{filter: brightness(1) invert(0);}
.footer .btm{padding: 0.67rem 0;text-align: center;line-height: 0.67rem;background: rgba(249, 249, 249, 0.6);}

/* 飘窗 */
.idxFloat{width: 3.66rem;position: fixed;z-index: 9;right: 0;bottom: 20px;right: -3.8rem;}
.idxFloat.show{right: 0;}
.idxFloat li{margin-top: 2px;}
.idxFloat li a{display: block;padding: 0.5rem 0;background: #e71f19;line-height: 1.2;color: #ffffff;text-align: center;
    background: rgba(231, 31, 25, 0.7);}
.idxFloat li a .icon{line-height: 1.33rem;font-size: 0;margin-bottom: 0.5rem;height: 1.33rem;line-height: 1;}
.idxFloat li a .icon img{filter: brightness(0) invert(1);height: 100%;}
.idxFloat li a:hover{background: #e3e3e3;color: #e71210;}
.idxFloat li a:hover .icon img{filter: brightness(1) invert(0);}

/* 弹窗 */
.popUp{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 99999;display: none;}
.popUp .bgLayer{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}
.popUp .wrap{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);box-sizing: border-box;padding: 1.66rem;background: #FFFFFF;z-index: 2;margin-top: -2rem;}
.popUp .wrap .close{position: absolute;left: 50%;top: calc(100% + 2rem);transform: translateX(-50%);width: 2rem;cursor: pointer;}
.popUp .content{max-height: 70vh;overflow: auto;width: 100%;padding-right: 1rem;}
.popUp .title{line-height: 1.2;color: #231815;text-align: center;margin-bottom: 1.66rem;}
.popUp .formItem{width: 48%;margin-bottom: 1rem;}
.popUp .formItem.w100p{width: 100%;}
.popUp .formItem dt{color: #3D3D3D;line-height: 0.8rem;margin-bottom: 0.4rem;}
.popUp .formItem dt em{color: #D6000F;}
.popUp .formItem dd{border: 1px solid #D8D8D8;border-radius: 4px;padding: 0 0.66rem;}
.popUp .formItem dd .text,
.popUp .formItem dd textarea{width: 100%;height: 1.73rem;color: #3D3D3D;border: none;background: none;line-height: 1.73rem;}
.popUp .formItem dd .text::placeholder,
.popUp .formItem dd textarea::placeholder{color: #999999;}
.popUp .formItem dd textarea{height: 5.46rem;}
.popUp .formItem.codeItem dd{padding-right: 4rem;position: relative;}
.popUp .formItem.codeItem dd .pic{width: 4rem;height: 100%;position: absolute;right: 0;top: 0;border-radius: 0 4px 4px 0;cursor: pointer;overflow: hidden;}
.popUp .formItem.codeItem dd .pic img{width: 100%;height: 100%;}
.popUp .btnWrap{width: 48%;padding-top: 1.2rem;}
.popUp .btnWrap .btn{width: 46%;height: 1.73rem;border: none;background: #EEEEEE;border-radius: 4px;color: #666666;cursor: pointer;border: 1px solid #EEEEEE;}
.popUp .btnWrap .btn.submit{background: #D6000F;color: #fff;border-color: #D6000F;}
.popUp .btnWrap .btn:hover{border-color: #D6000F;color: #D6000F;background: #fff;}

/* 按钮 */
.showPopBtnStyle{width: 1.5rem;height: 1.5rem;box-sizing: border-box;border: 1px solid var(--primary-color);border-radius: 50%;cursor: pointer;position: absolute;right: 1rem;bottom: 1.3rem;z-index: 2;}
.showPopBtnStyle img{height: 48%;}
.showPopBtnStyle:hover{background: var(--primary-color);}
.showPopBtnStyle:hover img{filter: brightness(0) invert(1);}

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

}
@media screen and (max-width: 1480px){
.header .dl{margin-right: 0.5rem;}
.header .dl dt{margin-right: 0.2rem;}
.header .list li{margin-left: 0.4rem;}
}

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


@media screen and (max-width: 1024px){
.navWrap{display: none;}
.header .dl{display: none;}
.header .searchBtn{display: block;}
.header .menuIcon{display: block;}

.footer .top .contLeft,
.footer .nav{display: none;}
}

@media screen and (max-width: 760px){
.header .logo{height: 2.2rem;}
.header .logo img{max-height: 60%;}
.header .selectStyle,
.header .shareStyle,
.header .form{display: none;}
.header .list li{display: none;}
.header .list li:nth-child(n+5) {display: block;}

.btnStyle{width: 1.4rem;height: 1.4rem;}
.btnStyle.prev{left: 1rem;}
.btnStyle.next{right: 1rem;}

.dateStyle{left: 0.8rem;line-height: 1.3rem;top: -0.65rem;}

.newsWrap .text{padding: 0.8rem;}
.newsWrap .text .tit{line-height: 0.8rem;height: 3.2rem;margin: 0.3rem 0 0.6rem;}

.footer{background-position: left top;}
.footer .top{padding: 1.2rem 0 0.6rem;}
.footer .contRight{flex-wrap: wrap;}
.footer .contRight .item{width: 100%;margin: 0;}
.footer .contRight dl,
.footer .contRight dl:last-child{margin-bottom: 0.5rem;}

.popUp .wrap{padding: 0.8rem;margin-top: -0.6rem;}
.popUp .title{margin-bottom: 0.6rem;}
.popUp .formItem{width: 100%;margin-bottom: 0.5rem;}
.popUp .formItem dt{margin-bottom: 0.2rem;}
.popUp .btnWrap{width: 100%;padding-top: 0.6rem;}
.popUp .wrap .close{width: 1.5rem;top: calc(100% + 0.6rem);}
.popUp .content{padding-right: 0.8rem;}
}

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