#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.3);line-height: 3.37rem;color: #FFFFFF;}
.header .logo{position: relative;}
.header .logo img{height: 2.17rem;}
.header .logo .o{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;opacity: 0;}
.header .nav{padding-left: 3.4rem;position: relative;}
.header .nav .nLi{margin: 0 0.4rem;}
.header .nav .nLi h2 a{display: block;font-weight: normal;}
.header .nav .nLi.on h2 a,
.header .nav .nLi:hover h2 a{text-decoration: underline;}   
.header .nav .navSub{position: absolute;left: 3.8rem;top: 100%;width: 46.93rem;background: #FFFFFF;display: none;}
.header .nav .navSub .wrap{display: flex;}
.header .nav .navSub .contLeft{width: 46.2%;box-sizing: border-box;padding: 1.67rem 5%;background: #F6FBFD;}
.header .nav .navSub .contLeft .tit{color: #1A1F35;line-height: 0.8rem;font-weight: normal;margin-bottom: 0.73rem;}
.header .nav .navSub .contLeft .pic{padding-bottom: 49%;}
.header .nav .navSub .contLeft .pic:hover .bgStyle{transform: scale(1.1);}
.header .nav .navSub .contRight{width: 32.3%;padding: 1.67rem 0 1.67rem 6.4%;}
.header .nav .navSub .contRight li{border-bottom: 1px solid #DFDFDF;}
.header .nav .navSub .contRight li a{color: #767676;line-height: 0.93rem;padding: 0.5rem 0;}
.header .nav .navSub .contRight li a:hover{color: #D81F37;}

.header .searchBtn{width: 1.33rem;height: 1.33rem;background: #FFFFFF;border-radius: 50%;margin-right: 0.87rem;cursor: pointer;}
.header .searchBtn img{height: 50%;}
.header .searchBtn:hover{background: #D81F37 !important;}
.header .searchBtn:hover img{filter: brightness(0) invert(1);}
.header .right i{margin: 0 0.43rem;}
.header a:hover{color: #D81F37;}
.header.fixed,
.header:hover{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);color: #333;}
.header.fixed .searchBtn,
.header:hover .searchBtn{background: #efefef;}
.header.fixed .logo .d,
.header:hover .logo .d{opacity: 0;}
.header.fixed .logo .o,
.header:hover .logo .o{opacity: 1;}

/* 按钮 */
.btnStyle{width: 1.87rem;height: 1.87rem;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;cursor: pointer;}
.btnStyle img{height: 9%;filter: brightness(0) invert(1);}
.btnStyle:hover{border-color: #D81F37 !important;background: #D81F37 !important;}
.btnStyle.grey{border-color: #DFDFDF;background: #F8F9FB;}
.btnStyle.grey img{filter: brightness(0) invert(0.5);}
.btnStyle.grey:hover img{filter: brightness(0) invert(1);}


/* 查看更多 */
.moreStyle{width: 5.33rem;height: 1.67rem;box-sizing: border-box;padding: 0 0.8rem;background: #2E3760;color: #FFFFFF;position: relative;}
.moreStyle .icon{position: relative;z-index: 2;filter: brightness(0) invert(1);}
.moreStyle span{position: relative;z-index: 2;}
.moreStyle::before{content: "";width: 100%;height: 100%;position: absolute;right: 0;top: 0;background: #D81F37;clip-path: polygon(70% 0%, 1000% 0%, 100% 100%, 60% 100%);}
.moreStyle:hover::before{clip-path: polygon(0% 0%, 1000% 0%, 100% 100%, 0% 100%);}

/* 产品 */
.prodWrap{height: 0;padding-bottom: 114.89%;display: block;}
.prodWrap .tit{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;background: url(../images/prod_bg1.png) no-repeat center;background-size: 100% 100%;box-sizing: border-box;padding: 0 3rem 0 1rem;line-height: 3.67rem;color: #FFFFFF;border-bottom: 4px solid #D81F37;}
.prodWrap .text{position: absolute;left: 0;bottom: -8rem;z-index: 3;width: 100%;background: url(../images/prod_bg2.jpg) no-repeat center;background-size: cover;box-sizing: border-box;padding: 0.9rem 0.9rem 1.1rem;color: #FFFFFF;text-align: center;line-height: 0.93rem;}
.prodWrap .text .name{line-height: 1.07rem;}
.prodWrap .text .desc{height: 1.87rem;margin: 4px 0 0.8rem;}
.prodWrap .text .moreStyle{margin: 0 auto;}
.prodWrap .text .moreStyle::before{background: #E74157;}
.prodWrap:hover .bgStyle{transform: scale(1.1);}
.prodWrap:hover .tit{transform: translateY(100%);}
.prodWrap:hover .text{bottom: 0;}

/* 联系我们 */
.contactUs{background: #D81F37;color: #fff;line-height: 0.8rem;}
.contactUs ul{display: flex;border-right: 1px solid rgba(255, 255, 255, 0.2);}
.contactUs ul li{flex: 1;box-sizing: border-box;padding: 2rem 0;display: flex;align-items: center;border-left: 1px solid rgba(255, 255, 255, 0.2);}
.contactUs ul li .icon{margin-right: 0.7rem;flex-shrink: 0;}
.contactUs ul li .text{flex: 1;overflow: hidden;}
.contactUs ul li .cont{line-height: 1.12rem;margin-top: 4px;}
.contactUs ul li .cont.font{font-family: "Poppins-Medium";}

/* 底部 */
.footer{background: #1A1F35;color: #fff;}
.footer .top{padding: 2rem 0 1rem;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.footer .logo img{height: 2.2rem;}
.footer .share .item{margin-left: 0.4rem;position: relative;}
.footer .share .item .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 .item .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 .item .ma img {width: 100%;}
.footer .share .item:hover .ma {visibility: initial;opacity: 1;bottom: calc(100% + 0.38rem);}
.footer .med{padding: 1rem 0 1.4rem;}
.footer .nav{display: flex;line-height: 1rem;}
.footer .nav dl{max-width: 5.87rem;margin-right: 2.67rem;}
.footer .nav dl:last-child{margin-right: 0;}
.footer .nav dl dt{margin-bottom: 7px;}
.footer .nav dl dd a{opacity: 0.9;}
.footer .nav dl a:hover{opacity: 1;text-decoration: underline;}
.footer .qrcode{width: 4.47rem;text-align: center;}
.footer .qrcode img{width: 100%;margin-bottom: 0.33rem;}
.footer .btm{background: #2E3760;padding: 0.87rem 0;color: #8287A0;}
.footer .btm i{margin: 0 0.5em;}
.footer .btm span img{margin-right: 5px;}
.footer .btm a:hover{color: #fff;text-decoration: underline;}


@keyframes svgAni{to{stroke-dashoffset: 0;}}


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

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

}

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

@media screen and (max-width: 1200px){
.header .nav{padding-left: 1rem;}
.header .nav .nLi{margin: 0 0.3rem;}
.header .searchBtn{margin-right: 0.4rem;}

.footer .nav dl{margin-right: 1.5rem;}
}

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

.footer .top,
.footer .nav{display: none;}
.footer .qrcode{margin: 0 auto;}
.footer .btm > .w1500{display: block;}
.footer .btm .left{flex-wrap: wrap;text-align: center;}
.footer .btm .left span{display: block;width: 100%;}
.footer .btm .left i{display: none;}

}

@media screen and (max-width: 760px){
.header{line-height: 2rem;}
.header .logo img{height: 1.2rem;}
.header .right a{font-size: 12px;}
.header .searchBtn{width: 1rem;height: 1rem;}

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

.contactUs ul{flex-wrap: wrap;padding: 0.5rem 0;}
.contactUs ul li{padding: 0.5rem 0;width: 100%;flex: 100%;}
.contactUs ul li .icon{margin-right: 0.4rem;width: 2rem;}
.contactUs ul li .cont{margin-top: 0;}

.moreStyle{width: 4.5rem;height: 1.4rem;padding: 0 0.3rem;}

.prodWrap .tit{line-height: 2rem;padding: 0 2rem 0 0.5rem;}
.prodWrap .text{padding: 0.5rem;}
.prodWrap .text .desc{margin: 0 0 0.4rem;}

}

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