.pageWrap{padding-top: 3.33rem;}
.overHide{overflow: hidden;}

.header{position: fixed;left: 0;top: 0;width: 100%;z-index: 99;line-height: 3rem;border-bottom: 1px solid rgba(255, 255, 255, 0);}
.header > .w1440{position: relative;}
.header .logo img{height: 1rem;}
.header .logo img,
.header .searchBtn{filter: brightness(0) invert(1);}
.header .searchBtn{width: 20px;height: 20px;background: url(../images/icon_search.svg) no-repeat center;background-size: 100%;cursor: pointer;margin-left: 0.66rem;}
.header .nav .nLi{padding: 0 0.66rem;}
.header .nav .nLi h2 a{display: block;color: #FFFFFF;font-weight: normal;position: relative;}
.header .nav .nLi h2 a::before{content: "";width: 100%;height: 2px;background: #E50011;position: absolute;left: 0;bottom: 0;transform: scale(0,1);opacity: 0;}
.header .nav .nLi.on h2 a::before,
.header .nav .nLi:hover h2 a::before{transform: scale(1);opacity: 1;}
.header .nav .navSub{position: absolute;right: 0;top: 100%;display: none;border-top: 1px solid #D8D8D8;}
.header .nav .navSub1{width: 31.3rem;box-shadow: 0 6px 10px rgb(0 0 0 / 0.1);}
.header .nav .navSub1 .wrap{padding: 2rem 2rem 2rem 3.33rem;background: #FFFFFF;}
.header .nav .navSub .picWrap{width: 38.4%;}
.header .nav .navSub .picWrap .pic{height: 0;padding-bottom: 46.66%;position: relative;overflow: hidden;margin-bottom: 8px;}
.header .nav .navSub .picWrap .pic h2{color: #FFFFFF;text-align: center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;width: 100%;}
.header .nav .navSub .picWrap p{color: #666666;line-height: 0.93rem;}
.header .nav .navSub1 ul{width: 61.6%;}
.header .nav .navSub1 ul li{width: 41.66%;margin: 1rem 8.34% 0 0;display: flex;}
.header .nav .navSub1 ul li:first-child,
.header .nav .navSub1 ul li:nth-child(2){margin-top: 0;}
.header .nav .navSub1 ul li a{display: block;color: #222222;line-height: 0.93rem;position: relative;padding-right: 0.5rem;min-width: 4rem;box-sizing: border-box;}
.header .nav .navSub1 ul li a:before{content: "";width: 8px;height: 12px;position: absolute;right: 0;top: 50%;margin-top: -6px;background: url(../images/right_arr2.svg) no-repeat center;filter: brightness(0) invert(0.5);opacity: 0.5;}
.header .nav .navSub1 ul li a:hover{color: #E50011;}
.header .nav .navSub1 ul li a:hover::before{filter: brightness(1) invert(0);opacity: 1;}
.header .nav .navSub2{background: #FFFFFF;width: 100%;box-shadow: 0 6px 10px rgb(0 0 0 / 0.1);}
.header .nav .navSub2 .wrap{align-items: flex-start;}
.header .nav .navSub2 .tabs{flex-shrink: 0;width: 8.4rem;min-height: 15.5em;background: url(../images/navBg.png) no-repeat center;background-size: cover;box-sizing: border-box;padding: 2rem 0 2rem 2rem;min-height: 19rem;position: relative;}
.header .nav .navSub2 .tabs li{margin-top: 0.66rem;position: relative;}
.header .nav .navSub2 .tabs li:first-child{margin-top: 0;}
.header .nav .navSub2 .tabs li:before{content: "";width: 1.33rem;height: 2px;background: #E50011;position: absolute;transform-origin:left center;transform: scale(0,1);position: absolute;left: 0;top: 50%;margin-top: -1px;}
.header .nav .navSub2 .tabs li a{display: block;color: #222222;line-height: 0.93rem;}
.header .nav .navSub2 .tabs li.active a{color: #E50011;transform: translateX(1.6rem);}
.header .nav .navSub2 .tabs li.active:before{transform: scale(1);}
.header .nav .navSub2 .tabs .more{display: flex;align-items: center;color: #222;font-weight: bold;position: absolute;left: 2rem;bottom: 2rem;}
.header .nav .navSub2 .tabs .more img{filter: brightness(0) invert(0.1);}
.header .nav .navSub2 .tabs .more:hover{color: #E50011;}
.header .nav .navSub2 .tabs .more:hover img{filter: brightness(1) invert(0);}
.header .nav .navSub2 .right{flex: 1;overflow: hidden;box-sizing: border-box;padding: 2rem 2rem 2rem 1.33rem;}
.header .nav .navSub2 .picWrap{width: 27.57%;}
.header .nav .container{position: relative;overflow: hidden;}      
.header .nav .container ul{height: 10.93rem;overflow: auto;width: 70.6%;height: 15rem;}
.header .nav .container li{width: 47.6%;margin: 0.66rem 2.4% 0 0;}
.header .nav .container li:first-child,
.header .nav .container li:nth-child(2){margin-top: 0;}
.header .nav .container li a{display: flex;width: 100%;height: 3.2rem;box-sizing: border-box;padding: 0.66rem;background: url(../images/navBg1.png) no-repeat right bottom;background-size: cover;}
.header .nav .container li:nth-child(2n) a{background-image: url(../images/navBg2.png);}
.header .nav .container li:nth-child(3n) a{background-image: url(../images/navBg3.png);}
.header .nav .container li .icon{flex-shrink: 0;margin-right: 0.4rem;margin-top: 4px;height: 0.66rem;}
.header .nav .container li .text{flex: 1;overflow: hidden;line-height: 0.93rem;}
.header .nav .container li .text h3{color: #222222;font-weight: normal;}
.header .nav .container li .text p{color: #999999;}
.header .nav .container li:hover .text h3{color: #E50011;}
.header.fixed,
.header:hover{background: #fff;border-color: #D8D8D8;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.header.fixed .logo img,
.header:hover .logo img{filter: brightness(1) invert(0);}
.header.fixed .nav .nLi h2 a,
.header:hover .nav .nLi h2 a{color: #222222;}
.header.fixed .searchBtn,
.header:hover .searchBtn{filter: brightness(0) invert(0.1);}
.header.fixed .menuIcon span,
.header:hover .menuIcon span{background: #E50011;}

/* btnStyle */
.btnStyle{display: block;width: 5.4rem;height: 2rem;margin-right: 0.66rem;position: relative;color: #FFFFFF;box-sizing: border-box;padding-right: 0.7rem;}
.btnStyle:last-child{margin-right: 0;}
.btnStyle:before,
.btnStyle:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.btnStyle:before{background: url(../images/box1.svg) no-repeat left center;background-size: 100%;}
.btnStyle:after{background: url(../images/box2.svg) no-repeat left center;background-size: 100%;clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);}
.btnStyle .flexCenter{position: relative;z-index: 2;height: 100%;}
.btnStyle .flexCenter img{margin: 0 8px;}
.btnStyle:hover:after{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
.btnStyle.gray::before{background-image: url(../images/box3.svg);}
.btnStyle.gray{color: #999999;}
.btnStyle.gray img{filter: brightness(0) invert(0.5);opacity: 0.7;}
.btnStyle.gray:hover{color: #fff;}
.btnStyle.gray:hover img{filter: brightness(1) invert(0);opacity: 1;}

/* btnStyle1 */
.btnStyle1 .btn{width: 40px;height: 40px;box-sizing: border-box;border: 2px solid rgba(255, 255, 255, 0.4);border-radius: 50%;position: relative;text-align: center;line-height: 36px;font-size: 0;margin-right: 0.66rem;cursor: pointer;}
.btnStyle1 .btn:last-child{margin-right: 0;}
.btnStyle1 .btn svg{position: absolute;left: -3px;top: -2px;bottom: 0;fill: transparent;stroke-width: 2px;stroke: #fff;stroke-dasharray: 114;stroke-dashoffset: -114;width: 40px;height: 40px;}
.btnStyle1 .btn:hover{border-color: rgba(255, 255, 255, 0);}
.btnStyle1 .btn:hover svg{animation: svgAni  1s linear forwards;}
@keyframes svgAni{to{stroke-dashoffset: 0;}}
.btnStyle1.gray .btn{border-color: #CCCCCC;}
.btnStyle1.gray .btn img{filter: brightness(0) invert(0.5);opacity: 0.4;}
.btnStyle1.gray .btn svg{stroke: #E50011;}
.btnStyle1.gray .btn:hover{border-color: rgba(255, 255, 255, 0);}
.btnStyle1.gray .btn:hover img{filter: brightness(1) invert(0);opacity: 1;}
.btnStyle1 .btn.swiper-button-disabled{pointer-events: none;opacity: 0.6;}

/* paginationStyle */
.paginationStyle{display: flex;align-items: center;z-index: 2;bottom: 0 !important;}
.paginationStyle .swiper-pagination-bullet{display: block;width: 0.66rem;height: 4px;background: #D8D8D8;border-radius: 0;opacity: 1;margin: 0 8px 0 0;transition:all 0.3s linear;}
.paginationStyle .swiper-pagination-bullet:last-child{margin-right: 0;}
.paginationStyle .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 1.33rem;background: #E50011;}
.paginationStyle.white .swiper-pagination-bullet{background: #FFFFFF;opacity: 0.5;}
.paginationStyle.white .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;opacity: 1;}
.paginationStyle.center{justify-content: center;}

/* titleStyle */
.titleStyle{margin-bottom: 1rem;text-align: center;color: #666666;line-height: 0.93rem;}
.titleStyle h3{color: #222222;line-height: 1.38;}


/* btnStyle2 */
.btnStyle2{position: absolute;bottom: 0;right: 11.86rem;}
.btnStyle2 .btn{width: 1.73rem;height: 1.73rem;text-align: center;line-height: 1.73rem;position: relative;cursor: pointer;margin-left: 10px;}
.btnStyle2 .btn:first-child{margin-left: 0;}
.btnStyle2 .btn::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #222222;cursor: pointer;transform: skew(-20deg);}
.btnStyle2 .btn img{position: relative;z-index: 2;}
.btnStyle2 .btn:hover::before{background: #E50011;}
.btnStyle2 .btn.swiper-button-disabled{pointer-events: none;opacity: 0.6;}
.btnStyle2.white .btn::before{background: #fff;}
.btnStyle2.white .btn img{filter: brightness(0) invert(0.1);}
.btnStyle2.white .btn:hover::before{background: #E50011;}
.btnStyle2.white .btn:hover img{filter: brightness(1) invert(0);}


/* more */
.more{color: #222222;line-height: 1;}
.more img{margin-left: 8px;}
.more:hover{color: #E50011;}


/* footer */
.footer{background: #111111;color: #FFFFFF;line-height: 0.93rem;}
.footer .top{padding: 1.83rem 0;}
.footer .top .logo img:first-child{filter: brightness(0) invert(1);margin-right: 0.5rem;}
.footer .select{width: 10.66rem;position: relative;}
.footer .select dt{height: 1.53rem;border: 1px solid rgba(255, 255, 255, 0.3);position: relative;padding: 0 0.5rem;color: #fff;line-height: 1.53rem;cursor: pointer;}
.footer .select dt::before{content: "";width: 1px;height: 0.5rem;background: #FFFFFF;opacity: 0.24;position: absolute;right: 1.5rem;top: 50%;transform: translateY(-50%);}
.footer .select dt::after{content: "";border: 8px solid transparent;border-top-color: #FFFFFF;position: absolute;right: 0.5rem;top: 50%;margin-top: -2px;}
.footer .select dd{position: absolute;left: 0;bottom: 100%;width: 100%;background: rgba(255, 255, 255, 0.9);display: none;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.footer .select dd a{display: block;padding: 0.4rem 1rem;line-height: 1rem;color: #666;}
.footer .select dd a:hover{color: #E50011;}
.footer .med{padding: 1.6rem 0 1.33rem;border-top: 1px solid rgba(255, 255, 255, 0.24);border-bottom: 1px solid rgba(255, 255, 255, 0.24);}
.footer .med .left{width: 32%;}
.footer .med .tel{color: #FFFFFF;font-family: "DINBold";margin-bottom: 1rem;padding-left: 1.2rem;background: url(../images/icon_tel1.svg) no-repeat left center;background-size: 0.8rem auto;}
.footer .med .text{color: rgba(255, 255, 255, 0.8);}
.footer .med .text p{margin-bottom: 0.4rem;}
.footer .share li{position: relative;margin-right: 0.5rem;}
.footer .share .icon{width: 1.33rem;height: 1.33rem;border-radius: 50%;background: rgba(255, 255, 255, 0.1);cursor: pointer;}
.footer .share .codeImg{position: absolute;left: 50%;margin-left: -53px;bottom: 100%;z-index: 8;display: none;}
.footer .share .codeImg .pic{width: 100px;height: 100px;background: #fff;padding: 2px;border-radius:8px;}
.footer .share .codeImg .pic img{width: 100%;height: 100%;}
.footer .share .codeImg i{display: block;margin: 0 auto;width: 0;height: 0;border: 8px solid transparent;border-top: 8px solid #fff;}
.footer .nav dl{margin-left: 1.4rem;}
.footer .nav dl:first-child{margin-left: 0;}
.footer .nav dl dt{margin-bottom: 0.5rem;line-height: 1.06rem;}
.footer .nav dl dd{line-height: 0.93rem;color: rgba(255, 255, 255, .7);}
.footer .nav dl a:hover{color: #fff;text-decoration: underline;}
.footer .btm{padding: 0.5rem 0;line-height: 1.06rem;color: rgba(255, 255, 255, 0.7);}
.footer .btm span{margin-right: 0.4rem;}
.footer .btm span:last-child{margin-right: 0;}
.footer .btm a:hover{color: #fff;text-decoration: underline;}


/* float */
.float{position: fixed;right: 0.66rem;top: 50%;transform: translateY(-50%);z-index: 8;width: 2.66rem;background: #FFFFFF;box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);right: -3rem;border-radius: 8px;}
.float.show{right: 0;}
.float .nLi{height: 2.66rem;position: relative;}
.float .nLi::before{content: "";width: 1.33rem;height: 1px;position: absolute;left: 50%;top: 0;transform: translateY(-50%);background: #D8D8D8;}
.float .nLi:first-child::before{display: none;}
.float .nLi a{width: 100%;height: 100%;color: #666666;line-height: 20px;text-align: center;}
.float .nLi .icon{filter: brightness(0) invert(0.2);margin-bottom: 8px;}
.float .nLi .hide{display: none;}
.float .tel{height: 1.5rem;position: absolute;right: calc(100% + 5px);top: 50%;transform: translateY(-50%);background: #fff;box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);padding: 0 1rem;color: #222;font-family: "DINBold";white-space: nowrap;line-height: 1.5rem;border-radius: 4px;display: flex;align-items: center;}
.float .tel img{filter: brightness(0) invert(0.1);margin-right: 0.5rem;}
.float .qrcode{width: 86px;padding: 5px;background: #fff;box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);position: absolute;right: calc(100% + 5px);top: 50%;transform: translateY(-50%);border-radius: 8px;}
.float .qrcode img{width: 100%;}
.float .qrcode p{color: #666666;margin-bottom: 10px;text-align: center;}
.float .nLi:hover a{color: #E50011;}
.float .nLi:hover .icon{filter: brightness(1) invert(0);}


/* adForm */
.adForm{padding: 2.66rem 0;background: url(../images/formBg.jpg) no-repeat center;background-size: cover;}
.adForm .formItem{box-sizing: border-box;border: 1px solid #CCCCCC;background: #fff;height: 1.8rem;border-radius: 4px;width:21%;}
.adForm .formItem dt{flex-shrink: 0;width: 1.6rem;position: relative;text-align: center;}
.adForm .formItem dt::before{display:none; content: "";width: 1px;height: 0.5rem;background: #D8D8D8;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.adForm .formItem dd{flex: 1;overflow: hidden;}
.adForm .formItem dd .text{width: 100%;height: 100%;color: #222;border: none;background: none;height: 2rem;line-height: 2rem;}
.adForm .btn{width: 11.11%;height: 1.8rem;background: #E50011;position: relative;color: #fff;line-height: 1.8rem;cursor: pointer;border-radius: 4px;}
.adForm .btn > div{width: 100%;height: 100%;}
.adForm .btn input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;border: none;background: none;opacity: 0;}
.adForm .btn img{margin-right: 8px;}
.adForm .btn.down{background: #222222;}
.adForm .btn:hover{background: #C4000F;}
.adForm .formItem.codeItem{padding-right: 3.2rem;position: relative;box-sizing: border-box;padding-left: 12px;}
.adForm .formItem.codeItem dd .pic{width: 3.2rem;height: 100%;position: absolute;right: 0;top: 0;cursor: pointer;}


/* m_nav */
.m_nav{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;background: #ffffff;display: none;}
.m_nav .close{position: absolute;right: 1%;top: 1%;z-index: 3;}
.m_nav .close img{width: 24px;}
.m_nav .tabs{width: 40%;height: 100vh;overflow: auto;background: #f7f8fa;box-sizing: border-box;padding: 1rem 0;}
.m_nav .tabs .nLi h2 a{display: block;position: relative;color: #333;line-height: 0.8rem;padding: 0.6rem;font-weight: normal;}
.m_nav .tabs .nLi h2 a::before{content: "";width: 2px;height: 40%;position: absolute;left: 0;top: 50%;transform: translateY(-50%) scale(1,0);background: #E50011;opacity: 0;}
.m_nav .tabs .nLi.on h2 a{background: #fff;color: #E50011;}
.m_nav .tabs .nLi.on h2 a::before{transform: scale(1) translateY(-50%);opacity: 1;}
.m_nav .tabs .navSub{width: 60%;position: absolute;right: 0;top: 0;height: 100vh;box-sizing: border-box;padding: 1rem 0.5rem;display: none;}
.m_nav .tabs .innerLi{border-bottom: 1px dashed #cacaca;}
.m_nav .tabs .innerLi h3 a{display: block;line-height: 0.8rem;padding: 0.6rem 0;font-weight: normal;position: relative;}
.m_nav .tabs .innerLi h3 a.arr::before{content: "";width: 7px;height: 7px;border-left: 1px solid #b3b3b3;border-bottom: 1px solid #b3b3b3;position: absolute;right: 0;top: 50%;;transform: rotateZ(-45deg) translateY(-50%);margin-top: -4px;}
.m_nav .tabs .innerLi .innerNav{display: none;}
.m_nav .tabs .innerLi ul{padding: 0 0 0.5rem 0.5rem;}
.m_nav .tabs .innerLi ul li a{display: block;color: #555;line-height: 0.8rem;padding: 0.2rem 0;}
.m_nav .tabs .innerLi.on h3 a{font-weight: bold;}
.m_nav .tabs .innerLi.on h3 a::before{transform: rotateZ(135deg) translateY(-50%);}
@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1280px){
.float.show{width: 2.4rem;}
.float .nLi .icon{margin-bottom: 2px;}
.float .qrcode{top: 29%;}
.header{line-height: 2.6rem;}
.header .nav .nLi{padding: 0 0.5rem;}
.btnStyle{width: 5.4rem;}
}


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

.btnStyle{width: 5rem;}
.btnStyle .flexCenter img{max-height: 16px;}

.titleStyle{margin-bottom: 1rem;}
.titleStyle h3{font-size: 0.8rem;}
.titleStyle p{font-size: 14px;}

.footer .top{padding: 1rem 0;justify-content: center;}
.footer .top .logo{display: none;}
.footer .nav{display: none;}
.footer .med .left{width: 100%;}

.adForm .formItem dt{width: 1rem;}
.adForm .formItem dt img{height: 0.5rem;}
.adForm .formItem{width: 24%;}
.adForm .btn{flex-shrink: 0;width: 96px;}
.adForm .btn img{margin-right: 4px;height: 15px;}
}

@media screen and (max-width: 760px){
.titleStyle p{margin: 0 20px;}
.header{position: relative;line-height: 66px;}
.header .logo img{filter: brightness(1) invert(0);height: 20px;}
.header .nav .nLi h2 a{color: #222222;}
.header .searchBtn{filter: brightness(0) invert(0.1);}
.header .menuIcon span{background: #E50011;}
.btnStyle{width: 4rem;font-size: 12px;}
.btnStyle:last-child{padding-right: 0.3rem;}
.float{display: none;}

.adForm{padding: 1rem 0;}
.adForm .form form{display: block;overflow: hidden;}
.adForm .formItem{width: 49%;margin-bottom: 10px;float: left;height: 1.4rem;}
.adForm .formItem:nth-child(2n){float: right;}
.adForm .btn{float: left;margin-right: 0.5rem;height: 1.5rem;}
.adForm .formItem dd .text{height: 1.4rem;line-height: 1.4rem;}

.footer .btm{display: block;font-size: 12px;line-height: 24px}
.footer .btm span{display: block;margin-right: 0;}

}

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

}