.btnStyle .btn{width: 30px;height: 30px;box-sizing: border-box;border: 1px solid #FFFFFF;border-radius: 50%;cursor: pointer;margin-left: 5px;}
.btnStyle .btn:hover{border-color: #D7000F;background: #D7000F;}
.btnStyle .btn:hover img{filter: brightness(0) invert(1);}
.btnStyle .btn.swiper-button-disabled,
.btnStyle .btn.disable{pointer-events: none;opacity: 0.4;}
.btnStyle.big{width: 115px;}
.btnStyle.big .btn{width: 50px;height: 50px;margin-left: 0;}
.btnStyle.blue .btn:hover{border-color: #004275;background: #004275;}




.header{position: absolute;left: 0;top: 0;z-index: 9;width: 100%;border-bottom: 1px solid #004275;color: #333333;font-family: "DINMed";box-sizing: border-box;padding: 0 5.7%;background: #fff;}
.header .logo{line-height: 99px;}
.header .top{line-height: 40px;display: flex;align-items: center;justify-content: flex-end;}
.header .top dd{margin-left: 1.66rem;}
.header .top .red{color: #D7000F;}
.header .top .stock span{margin: 0 10px 0 5px;font-family: "DINBold";}
.header .top .language img{margin-right: 5px;filter: brightness(0) invert(0.05);}
.header .top .tel span{color: #004275;font-family: "DINBold";}

.nav{padding-left: 4rem;position: relative;padding-left: 3rem;}
.nav::before{content: "";width: 1920px;height: 100%;position: absolute;left: 0;top: 0;background: url(../image/navBg.png) no-repeat left center;}
.nav .nLi{position: relative;z-index: 2;margin-left: 52px;margin-left: 1.4rem;}
.nav .nLi h3 a{display: block;line-height: 60px;color: #FFFFFF;font-weight: normal;}
.nav .nLi .navSub{position: absolute;left:0;top: 60px;width: 247px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);display: none;}
.nav .nLi .navSub ul li{padding: 12px 0;}
.nav .nLi .navSub a{display: block;line-height: 18px;text-align: left;padding: 0 4px 0 15px;position: relative;color: #333;}
.nav .nLi .navSub a:hover{color: #D7000F;}
.nav .nLi .navSub a:before{content: "";width: 2px;height: 100%;background: #D7000F;position: absolute;left: 0;top:0;-webkit-transform: scale(1,0);transform: scale(1,0);}
.nav .nLi .navSub a:hover:before{-webkit-transform: scale(1);transform: scale(1);}
.nav .nLi:last-child{margin-left: 27px;width: 47px;}
.nav .nLi:last-child::before{content: "";width: 1px;height: 20px;background: #FFFFFF;position: absolute;left: 0;top: 50%;margin-top: -10px;opacity: 0.4;}
.nav .nLi:last-child i{display: block;width: 100%;height: 60px;cursor: pointer;background: url(../image/icon-search.svg) no-repeat right center;}

.header.white{border-color: rgba(255, 255, 255, 0.2);background: rgba(255, 255, 255, 0);}
.header.white,
.header.white .top .tel span{color: #fff;}
.header.white .logo img,
.header.white .top .language img{filter: brightness(0) invert(1);}
.header.white .nav::before{background-image: url(../image/navBg1.png);}


.moreBtn{width: 4.86rem;height: 35px;box-sizing: border-box;border: 1px solid #BBBBBB;border-radius: 25px;color: #666666;}
.moreBtn > .flexCenter{width: 100%;height: 100%;color: inherit;}
.moreBtn img{margin-left: 12px;filter: brightness(0) invert(0.7);}
.moreBtn:hover img{filter: brightness(0) invert(1);}
.moreBtn.white img{filter: brightness(0) invert(1);}
.moreBtn.white{border-color: #FFFFFF;color: #FFFFFF;}
.moreBtn.white:after{background: #fff;}
.moreBtn.white:hover{color: #D7000F !important;}
.moreBtn.white:hover img{filter: brightness(1) invert(0);}

.footer{background-image: linear-gradient(to right, #004C72 , #003251);width: 100%;color: #FFFFFF;overflow: hidden;}
.footer .fTop{padding: 2rem 0 2.16rem;background: url(../image/footerBg.png) no-repeat center bottom;}
.footer .fTop > .w1600{align-items: flex-start;}
.footer .fTop .left{width: 45.12%;}
.footer .fTop .left .logo img{filter: brightness(0) invert(1);height: 2rem;}
.footer .fTop .left .text{padding: 1.4rem 0 1rem;color: rgba(255, 255, 255, 0.8);line-height: 0.8rem;font-family: "DINReg";}
.footer .fTop .left .text span{font-family: "DINBold";}
/* .footer .fTop .left .share{display: none;} */
.footer .fTop .left .share li{margin-right: 10px;position: relative;}
.footer .fTop .left .share li > a > img{height: 32px;}
.footer .fTop .left .share li .codeImg{position: absolute;left: 50%;margin-left: -75px;bottom: 100%;z-index: 8;display: none;}
.footer .fTop .left .share li .codeImg .pic{width: 130px;height: 130px;background: #fff;padding: 5px;}
.footer .fTop .left .share li .codeImg .pic img{width: 100%;height: 100%;}
.footer .fTop .left .share li .codeImg i{display: block;margin: 0 auto;width: 0;height: 0;border: 8px solid transparent;border-top: 8px solid #fff;}
.footer .fNav{width: 35%;padding-top: 1rem;line-height: 0.8rem;align-items: flex-start;}
.footer .fNav a{display: inline-block;}
.footer .fNav dl{max-width: 210px;}
.footer .fNav dt{margin-bottom: 0.66rem;text-transform: uppercase;}
.footer .fNav dd{color: rgba(255, 255, 255, 0.7);font-family: "DINReg";margin: 4px 0;}
.footer .fNav a:hover{color: #fff;text-decoration: underline;}
.footer .fBtm{background: rgba(0, 0, 0, 0.21);padding: 1rem 0;line-height: 0.8rem;color: rgba(255, 255, 255, 0.7);text-align: center;font-family: "DINReg";}


@media screen and (max-width: 1700px){
.header .logo{line-height: 3.3rem;}
.header .logo img{height: 2rem;}
.header .top{line-height: 1.3rem;}
.nav .nLi h3 a{line-height: 2rem;}
.nav .nLi .navSub{top: 2rem;}
.nav .nLi:last-child i{height: 2rem;}
}

@media screen and (max-width: 1600px){
.header .logo{line-height: 2.9rem;}
.header .logo img{height: 1.6rem;}
.nav{padding-left: 3rem;}
.nav .nLi{margin-left: 1.5rem;}
.nav .nLi h3 a{line-height: 1.6rem;}
.nav .nLi:last-child i{height: 1.6rem;}
.nav .nLi .navSub{top: 1.6rem;}
}

@media screen and (max-width: 1480px){
.header .logo img{height: 1.6rem;}
.header .top dd{margin-left: 1rem;}
.nav{padding-left: 2.6rem;}
.nav .nLi{margin-left: 0.8rem;}
.nav .nLi:last-child{width: 38px;margin-left: 18px;}
.nav .nLi h3 a{font-size: 0.58rem;}
.footer .fTop .left .logo img{height: 1.6rem;}
.footer .fNav{width: 45%;}
}

@media screen and (max-width: 1280px){
.footer .fTop .left{width: 54%;}
.footer .fBtm{padding: 0.5rem 0;}
.nav .nLi .navSub{width: 220px;}
}

@media screen and (max-width: 1200px){
.header .right{display: none;}
.header .menuIcon{display: block;}
.header .logo{line-height: 2.2rem;}
}

@media screen and (max-width: 1024px){
.footer .fNav{display: none;}
.footer .fTop .left{width: 100%;}
}

@media screen and (max-width: 760px){
.header{border: none;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.header.white .logo img, .header.white .top .language img,.header .logo img{filter: brightness(1) invert(0);height: 1.3rem !important;}
.banner{margin-top: 2.2rem;}
.footer .fTop{padding: 1rem 0;}
.footer .fTop .left .logo{display: none;}
.footer .fTop .left .logo img{height: auto;max-width: 100%;}
.footer .fTop .left .text{padding: 0 0 0.5rem;}
}

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

}