@font-face{font-family:'HarmonyOS_Sans_Medium';src:url(../fonts/HarmonyOS_Sans_Medium.eot);src:url(../fonts/HarmonyOS_Sans_Medium.eot) format('embedded-opentype'),url(../fonts/HarmonyOS_Sans_Medium.woff2) format('woff2'),url(../fonts/HarmonyOS_Sans_Medium.woff) format('woff'),url(../fonts/HarmonyOS_Sans_Medium.ttf) format('truetype'),url(../fonts/HarmonyOS_Sans_Medium.svg) format('svg')}
@font-face{font-family:'din';src:url(../fonts/DIN-Medium.eot);src:url(../fonts/DIN-Medium.eot) format('embedded-opentype'),url(../fonts/DIN-Medium.woff2) format('woff2'),url(../fonts/DIN-Medium.woff) format('woff'),url(../fonts/DIN-Medium.ttf) format('truetype'),url(../fonts/DIN-Medium.svg) format('svg')}
@font-face{font-family:'dincond';src:url(../fonts/DINCond-Black.eot);src:url(../fonts/DINCond-Black.eot) format('embedded-opentype'),url(../fonts/DINCond-Black.woff2) format('woff2'),url(../fonts/DINCond-Black.woff) format('woff'),url(../fonts/DINCond-Black.ttf) format('truetype'),url(../fonts/DINCond-Black.svg) format('svg')}
@font-face{font-family:'you';src:url(../fonts/YouSheBiaoTiHei.eot);src:url(../fonts/YouSheBiaoTiHei.eot) format('embedded-opentype'),url(../fonts/YouSheBiaoTiHei.woff2) format('woff2'),url(../fonts/YouSheBiaoTiHei.woff) format('woff'),url(../fonts/YouSheBiaoTiHei.ttf) format('truetype'),url(../fonts/YouSheBiaoTiHei.svg) format('svg')}

/*<<<<<<<<<<<<<<<<<<<<<< 公共样式 >>>>>>>>>>>>>>>>>>>>>>>*/
*,html,body{line-height: 1.5; font-family: Helvetica Neue, Helvetica, Arial, sans-serif , "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",MingLiu;}
/* font-family:'HarmonyOS_Sans_Medium','Msyh(Microsoft YaHei)',Verdana,Arial,Helvetica,sans-serif,ui-sans-serif,PingFangSC-Regular; */
.wrap128{width: 1280px;}
.imgwauto{width: 100%; height: auto;}
.imghauto{width: auto; height: 100%;}
.imgcontain{width: 100%; height: 100%; object-fit: contain;}
.imgcover{width: 100%; height: 100%; object-fit: cover;}

.get-detail{border: 1px solid #2F4DA0; display: inline-block; font-size: 14px; text-transform: uppercase; line-height: 30px; padding: 5px 40px 5px 20px; border-radius: 6px; color: #FFF; background: #2F4DA0 url(../images/icon3.svg) no-repeat 90% center; background-size: auto 30%;}
.get-box{text-align: center;}
.get-box .get-list{display: inline-block; font-size: 16px; line-height: 30px; color: #6182DE; text-transform: uppercase; padding: 5px 50px 5px 15px; border-radius: 6px; border: 2px solid #6182DE; background: transparent url(../images/icon4.svg) no-repeat 90% center; background-size: auto 30%;}
.public-title{text-align: center;}
.public-title h1{font-size: 0.42rem; font-family: "dincond"; text-transform: uppercase;}
.public-title::after{content: ""; display: block; width: 0.6rem; height: 2px; background: #4A4A4A; margin: 0.25rem auto 0;}
.public-title.public-title2::after{background: #7594E8;}
.nbanner{position: relative; overflow: hidden;}
.nbanner .text{position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; padding: 0 4% 0 13.02083333333333%; background: linear-gradient(90deg,rgba(0,0,0,0.6),rgba(0,0,0,0));}
.nbanner .text h1{font-size: 1.5rem; line-height: 1; font-family: 'dincond'; color: rgba(255, 255, 255, 0.8); text-transform: uppercase;}
.nbanner>img.img{width: 100%; height: auto;}
.nations{text-align: center;}
.nations>b,
.nations>a{display: inline-block; text-align: center; font-size: 15px; min-width: 40px; padding: 0 16px; border: #E4E4E4 solid 1px; line-height: 40px; margin: 10px; color: #666; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s;}
.nations>b{background: #2F4DA0; text-align: center; color: #FFF; border: transparent solid 1px;}

@media (any-hover: hover){
	.get-detail:hover{padding-right: 50px; background: transparent url(../images/icon3.svg) no-repeat 92% center; background-size: auto 30%; backdrop-filter: blur(2px);}
	.get-box .get-list:hover{padding-right: 60px; -webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); box-shadow:0 0 10px 2px rgba(0, 0, 0, .2);}
	.nations>a:hover{color: #2F4DA0; border: #2F4DA0 solid 1px;}
}
@media (any-hover: hover){}
@media only screen and (min-width:1366px) and (max-width:1600px){
	.public-title h1{font-size: 0.48rem}
	.get-box .get-list{font-size: 14px; line-height: 28px;}
	.get-detail{font-size: 14px; line-height: 28px;}
}
@media only screen and (min-width:1080px) and (max-width:1366px){
	.public-title h1{font-size: 0.52rem;}
	.get-box .get-list{font-size: 14px; line-height: 28px;}
	.get-detail{font-size: 12px; line-height: 24px;}
}
@media only screen and (min-width:1280px) and (max-width:1366px){
	.wrap128{width: 1080px;}
}
@media only screen and (min-width:1080px) and (max-width:1280px){
	.wrap128{width: 960px;}
}
@media only screen and (min-width:1080px){
	.div_m{display: none !important;}
}
@media only screen and (max-width:1080px){
	.wrap128{width: 100%;}
	.div_pc{display: none !important;}
	html{max-width: 750px; margin-left: auto !important; margin-right: auto !important;}
	body,html{-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	.nations b, .nations a{font-size: .24rem; min-width: .6rem; padding: 0 .22rem; line-height: .6rem; margin: .1rem;}
	.get-detail{font-size: 0.28rem; line-height: 150%; padding: 0.1rem 0.6rem 0.1rem 0.2rem;}
	.nbanner .text{padding: 1% 4% 1% 15%;}
	.nbanner .text h1{font-size: 0.8rem;}
}


/*<<<<<<<<<<<<<<<<<<<<<< 头部+底部 >>>>>>>>>>>>>>>>>>>>>>>*/
.head{display: block; position: sticky; position: -webkit-sticky; left: 0; top: 0; z-index: 999999999; width: 100%;}
.head .head-box{padding: 0.16rem 50px; background: #FFF; border-top: 0.14rem solid #2F4DA0; border-bottom:1px solid #CECECE;}
.head .head-logo{display: inline-block; height: 0.6rem;}
.head .nav{margin-left: 1.15rem;}
.head .nav>li{position: relative;}
.head .nav>li:nth-child(n+2){margin-left: 0.5rem;}
.head .nav>li .nav-top a{display: block; font-size: 0.16rem; color: #333;}
.head .nav>li.li-ing .nav-top a{color: #6182DE;}
.head .nav>li.li-menus .nav-top{position: relative; padding-right: 0.2rem;}
.head .nav>li.li-menus .nav-top::after{content: ""; font-size: 0; position: absolute; right: 0; top: calc(50% - 0.05rem); display: block; width: 0.1rem; height: 0.1rem; background: url(../images/icon1.svg) no-repeat center; background-size: contain; transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.head .nav>li .nav_two{padding-top: 0.15rem; min-width: 130%; position: absolute; left: 50%; transform: translate(-50%,0); top: 100%; z-index: 1;}
@-webkit-keyframes tsy1 {
  from {opacity: 0;-webkit-transform: translate3d(0, 10%, 0);transform: translate3d(0, 10%, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes tsy1 {
  from {opacity: 0;-webkit-transform: translate3d(0, 10%, 0);transform: translate3d(0, 10%, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
.head .nav>li .nav_two ul{display: block; text-align: center; padding: .05rem .2rem; background: rgba(0, 0, 0, .8); border-radius: 0.1rem; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.head .nav>li.menu2-ing .nav_two ul{-webkit-animation-name: tsy1; animation-name: tsy1;}
.head .nav>li .nav_two ul li{margin: .1rem auto;}
.head .nav>li .nav_two ul li a{display: block; font-size: .16rem; line-height: 200%; color: #FFF; white-space: nowrap; transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.head .nav>li .nav_two ul li a::after{content: ""; display: block; font-size: 0; width: 100%; transform: scaleX(0); height: 1px; background: #6182DE; transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.head .nav>li .nav_two ul li.li-ing a{color: #6182DE; transform: scale(1.1); font-weight: bold;}
.head .nav>li .nav_two ul li.li-ing a::after{transform: scaleX(1);}
.head .head-r .li{display: block; margin-left: 0.2rem;}
.head .head-r .li.qrcode{position: relative; cursor: pointer;}
.head .head-r .li.qrcode .code{position: absolute; left: 50%; opacity: 0; transform: scale3d(0.5,0.5,0.5); top: 0; z-index: 1; width: 0; height: auto; padding-top: 0.1rem; overflow: hidden;}
.head .head-r .li.qrcode .code>img{width: 100%; height: auto; border-radius: 6px; border: 1px solid #F5F5F5;}
.head .head-r .li.qrcode.qrcode-ing .code{opacity: 1; width: 100px; transform: scale3d(1,1,1); position: absolute; left: calc(50% - 50px); top: 100%;}
.head .head-r.off-qrcode::after{content: ""; display: block;width: 100%; height: 100vh; position: absolute; left: 0; top: 0; z-index: -1; background: rgba(47, 77, 160, 0.1);}

@media (any-hover: hover){
	.head .nav>li:hover .nav-top a{color: #6182DE;}
	.head .nav>li.li-menus:hover .nav-top::after{transform: rotate(180deg); background: url(../images/icon2.svg) no-repeat center; background-size: contain;}
	.head .nav>li .nav_two ul li a:hover{color: #6182DE;}
	.head .nav>li .nav_two ul li a:hover::after{transform: scaleX(1);}
	.head .head-r .li.qrcode:hover .code{opacity: 1; width: 100px; transform: scale3d(1,1,1); position: absolute; left: calc(50% - 50px); top: 100%;}
}

.footer{padding: 0.7rem 0.2rem 0.1rem; background: url(../images/foot-bg.jpg) no-repeat center; background-size: cover;}
.foot .foot1 .icon-hr{width: 1px; margin: 0 0.3rem; background: #5871B6;}
.foot .foot1 .footl{max-width: 5.2rem;}
.foot .foot1 .footl .foot-logo{display: inline-block; height: 0.82rem;}
.foot .foot1 .footl .info{margin-top: .4rem;}
.foot .foot1 .footl .info h2{font-size: 0.18rem; color: #FFF;}
.foot .foot1 .footl .info .txt{margin-top: 0.2rem;}
.foot .foot1 .footl .info .txt .p:nth-child(n+2){margin-top: 0.15rem;}
.foot .foot1 .footl .info .txt .p .pt.lable{flex-shrink: 0;}
.foot .foot1 .footl .info .txt .p .pt{display: inline-block; font-size: .16rem; color: #BFBFBF !important; line-height: 150%;}
.foot .foot1 .footl .info .txt .p a{color: #BFBFBF;}
.foot .foot1 .foot-uls{display: flex; flex-shrink: 0;}
.foot .foot1 .foot-uls ul:nth-child(n+2){margin-left: .8rem;}
.foot .foot1 .foot-uls ul li.ul-top{margin-bottom: 0.3rem;}
.foot .foot1 .foot-uls ul li.ul-top a{font-size: 0.18rem; color: #FFFFFF;}
.foot .foot1 .foot-uls ul li a{display: block; font-size: 0.14rem; line-height: 150%; margin-bottom: 0.15rem; color: #C8C8C8;}

.foot .foot2{margin-top: .6rem; border-top: #5871B6 solid 1px; padding: .1rem 0;}
.foot .foot2 .sp{display: inline-block; font-size: 12px; line-height: 200%; color: #969696;}
.foot .foot2 .sp:nth-child(n+2){margin-left: .3rem;}

@media (any-hover: hover){
	.foot .foot1 .foot-uls ul li a:hover,
	.foot .foot2 a.sp:hover,
	.foot .foot1 .footl .info .txt .p a.pt:hover{color: #FFF;}
}
@media only screen and (min-width:1366px) and (max-width:1600px){
	.head .nav>li .nav-top a{font-size: 0.2rem; line-height: 0.6rem;}
	.head .nav>li .nav_two ul li a{font-size: 0.18rem;}
	.foot .foot1 .foot-uls ul li.ul-top a{font-size: 0.22rem;}
	.foot .foot1 .foot-uls ul li a{font-size: 0.2rem;}
}
@media only screen and (min-width:1080px) and (max-width:1366px){
	.head .nav>li .nav-top a{font-size: 0.24rem; line-height: 0.65rem;}
	.head .nav>li .nav_two ul li a{font-size: 0.2rem;}
	.foot .foot1 .foot-uls ul li.ul-top a{font-size: 0.24rem;}
	.foot .foot1 .foot-uls ul li a{font-size: 0.22rem;}
}
@media only screen and (max-width:1080px){
	.head .head-box{padding: 0.1rem 0.3rem; position: relative;}
	.head .head-l{position: static; display: block; font-size: 0;}
	.head .head-logo{height: 0.74rem;}
	.head .nav{background: #FFF; display: none; position: absolute; left: 0; top: 100%; z-index: 1; width: 7.5rem; height: calc(100vh - 1.08rem - 1px); margin: auto; padding: 0.4rem 0.3rem;}
	.head .head-r .li img{width: 0.4rem; height: auto;}
	.head .head-r .li:nth-child(n+2){margin-left: 0.15rem;}
	.navBox{display: inline-block; margin-left: 0.3rem; cursor: pointer;}
	.navBox .menu{display: block; width: 0.4rem; height: 0.4rem; position: relative; z-index: 99; transition-duration: 0.3s;}
	.burger_lin .icon{height: 2px; width: 75%; top: calc(50% - 1px); background-color: #3D3D3D; border-radius: 20px; position: absolute; transition-duration: 0.3s;transition-delay: 0.5s;}
	.burger_lin .icon:before {content: ""; width: 125%; height: 100%; position: absolute; left: 0; top: calc(-0.15rem + 1px); background-color: #3D3D3D; border-radius: 50px; transition: transform 0.3s, top 0.3s 0.3s; transition-delay: 0.5s;}
	.burger_lin .icon:after {content: ""; width: 75%; height: 100%; position: absolute; left: 0; top: calc(0.15rem - 1px); background-color: #3D3D3D; border-radius: 50px; transition: transform 0.3s, top 0.3s 0.3s; transition-delay: 0.5s;}
	.burger_lin.open .icon {transition-duration: 0.1s; transition-delay: 0.3s; background: transparent; width: 0;}
	.burger_lin.open .icon::before {width: 0.4rem; transition: top 0.3s, transform 0.3s 0.3s; top: 0; transform: rotateZ(-45deg);}
	.burger_lin.open .icon::after {width: 0.4rem; transition: top 0.3s, transform 0.3s 0.3s; top: 0; transform: rotateZ(45deg);}
	.head>.nav>li:nth-child(n+2){margin-top: 0.3rem;}
	.head .nav>li .nav-top a{font-size: 0.32rem;}
	.head .nav>li.li-menus .nav-top a{display: inline-block;}
	.head .nav>li.li-menus .nav-top::after{width: 0.2rem; height: 0.2rem;}
	.head .nav>li .nav-top{padding: 0.1rem 0.2rem 0.1rem 0;}
	.head .nav>li .nav_two{position: static; transform: translate(0,0); width: 100%; min-width: 100%; padding: 0;}
	.head .nav>li .nav_two ul{text-align: left; padding: 0.2rem 0.3rem; background: #F5F5F5; border-radius: 0;}
	.head .nav>li .nav_two ul li a{font-size: 0.3rem; color: #666;}
	.head .nav>li:nth-child(n+2){margin-left: 0;}
	.head .nav>li.li-menus.li-open .nav-top::after{transform: rotate(180deg); background: url(../images/icon2.svg) no-repeat center; background-size: contain;}
	.head .nav>li .nav_two ul li.li-ing a{transform: scale(1);}
}


/*<<<<<<<<<<<<<<<<<<<<<< 首页内容 >>>>>>>>>>>>>>>>>>>>>>>*/
.banner{position: relative; overflow: hidden;}
.banner .h-banner{width: 100%; height: 8.42rem;}
.banner .h-banner .swiper-slide img,
.banner .h-banner .swiper-slide video{width: 100%; height: 100%; object-fit: cover;}
.banner .txt{position: absolute; width: 100%; left: 0; top: 25%; z-index: 1;}
.banner .txt h1{font-size: .6rem; font-family: 'dincond'; text-transform: uppercase; color: #FFF; text-align: center;}
.banner .navs{position: absolute; bottom: 0.5rem; z-index: 1; text-align: center;}
.banner .navs .swiper-pagination-bullet{width: 0.14rem; height: 0.14rem; margin: 0; cursor: pointer; border-radius: 100%; background: #D0D0D0; opacity: 1; transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.banner .navs .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #85A6FF;}
.banner .navs .swiper-pagination-bullet:nth-child(n+2){margin-left: .24rem;}
.banner .h-banner .swiper-slide .img{width: 100%; height: 100%;}
.banner .h-banner .swiper-slide img{transition: 1s linear 2s; transform: scale(1.1);}
.banner .h-banner .swiper-slide-active img,.banner .h-banner .swiper-slide-duplicate-active img{ transition: 6s linear; transform: scale(1);}

/* 首页-产品分类列表 */
.hom1-content{margin: 1rem auto 0; padding: 0 0.3rem;}
.hom1-swiper{padding: 0.2rem 0.7rem; margin-top: 0.7rem;}
.hom1-swiper::before,.hom1-swiper::after{content: ""; position: absolute; top: 0; z-index: 2; display: block; width: 0.6rem; height: 100%; background: #FFF;}
.hom1-swiper::before{left: 0;}
.hom1-swiper::after{right: 0;}
.hom1-swiper .swiper-slide{padding: 0.26rem 0.5rem; cursor: pointer; border: 1px solid #CECECE; transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.hom1-swiper .swiper-slide .img{height: 0; padding-bottom: 88.50174216027875%; position: relative; overflow: hidden;}
.hom1-swiper .swiper-slide .img img{position: absolute; left: 0; top: 0; z-index: 1;}
.hom1-swiper .swiper-slide .get_list{position: absolute; left: 0; top: 0; z-index: 2; display: block; font-size: 0; width: 100%; height: 100%;}
.hom1-swiper .tab-but{position: absolute; top: calc(50% - 0.18rem); z-index: 3; cursor: pointer; width: 0.36rem; height: 0.36rem;}
.hom1-swiper .tab-but.hom1-prev{left: 0; background: url(../images/prev-off.svg) no-repeat center; background-size: contain;}
.hom1-swiper .tab-but.hom1-next{right: 0; background: url(../images/next-off.svg) no-repeat center; background-size: contain;}
@media (any-hover: hover){
	.hom1-swiper .swiper-slide:hover{border-radius: 0.1rem; -webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); box-shadow:0 0 10px 2px rgba(0, 0, 0, .2);}
	.hom1-swiper .swiper-slide:hover img{transform: scale(1.1);}
	.hom1-swiper .tab-but.hom1-prev:hover{background: url(../images/prev-on.svg) no-repeat center; background-size: contain;}
	.hom1-swiper .tab-but.hom1-next:hover{background: url(../images/next-on.svg) no-repeat center; background-size: contain;}
}	

.hom2{padding: 0 .3rem; margin-top: 0.6rem;}
.hom2 .car-ul .li{width: calc((100% - 0.2rem) / 2); margin-right: 0.2rem; cursor: pointer; position: relative;}
.hom2 .car-ul .li:nth-child(2n){margin-right: 0;}
.hom2 .car-ul .li:nth-child(n+3){margin-top: 0.4rem;}
.hom2 .car-ul .li .img{width: 100%; height: 0; padding-bottom: 57.17391304347826%; position: relative; overflow: hidden;}
.hom2 .car-ul .li .img img{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}
.hom2 .car-ul .li .img::after{content: ""; display: block; font-size: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); position: absolute; left: 0; top: 0; z-index: 2;transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.hom2 .car-ul .li .nameplate{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; padding: 0.4rem;}
.hom2 .car-ul .li .nameplate .car-logo{width: 1rem; height: 1rem;}
.hom2 .car-ul .li .nameplate .info{margin-left: 0.2rem; color: #FFF;}
.hom2 .car-ul .li .nameplate .info h1{font-size: 0.5rem; font-family: 'dincond'; text-transform: uppercase;}
.hom2 .car-ul .li .nameplate .info h2{font-size: 0.2rem; text-transform: uppercase;}
.hom2 .car-ul .li .detail-box{position: absolute; left: 0; top: 0; z-index: 3; font-size: 0; width: 100%; height: 100%;}
.hom2 .car-ul .li .get-detail{position: absolute; left: 0.4rem; bottom: 0.4rem; z-index: 4;}
.hom2 .get-box{margin-top: 0.65rem;}
@media (any-hover: hover){
	.hom2 .car-ul .li:hover{-webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); box-shadow:0 0 10px 2px rgba(0, 0, 0, .2);}
	.hom2 .car-ul .li:hover .img::after{background: rgba(255, 255, 255, 0);}
	.hom2 .car-ul .li:hover .img img{transform: scale(1.05);}
}

.hom3-content{margin-top: 1.2rem; position: relative;}
.hom3-content .hom3{position: absolute; left: 7.8125%; top: 0.6rem; z-index: 1; width: 37.8125%; color: #FFF;}
.hom3 .public-title{text-align: left;}
.hom3 .public-title::after{margin-left: 0; background: #FFF;}
.hom3 h3{font-size: 0.22rem; margin-top: 0.7rem; text-transform: uppercase;}
.hom3 p{font-size: 0.18rem; line-height: 200%; margin-top: 0.45rem; text-align: justify;}
.hom3-content .get-detail{position: absolute; z-index: 2; left: 7.8125%; bottom: 0.6rem;}

.hom4-content{margin-top: 0.7rem;}
.hom4-swiper{padding: 0.2rem 0.95rem; margin-top: 0.2rem;}
.hom4-swiper::before,.hom4-swiper::after{content: ""; position: absolute; top: 0; z-index: 2; display: block; width: 0.9rem; height: 100%; background: #FFF;}
.hom4-swiper::before{left: 0;}
.hom4-swiper::after{right: 0;}
.hom4-swiper .swiper-slide{transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.hom4-swiper .swiper-slide .img{height: 0; padding-bottom: 71.92982456140351%; position: relative; overflow: hidden;}
.hom4-swiper .swiper-slide .img img{position: absolute; left: 0; top: 0; z-index: 1;}
.hom4-swiper .swiper-slide .get_list{position: absolute; left: 0; top: 0; z-index: 2; display: block; font-size: 0; width: 100%; height: 100%;}
.hom4-swiper .swiper-slide .infos{padding: 0.3rem 0.2rem 0.2rem;}
.hom4-swiper .swiper-slide .infos h2{font-size: 0.22rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hom4-swiper .swiper-slide .infos .p{font-size: 18px; height: 81px; margin-top: 0.1rem; color: #4D4D4D; text-align: justify;
	overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.hom4-swiper .swiper-slide .infos .time{margin-top: 0.4rem; font-size: 0.18rem; color: #4D4D4D;}
.hom4-content .get-box{margin-top: 0.4rem;}
.hom4-swiper .tab-but{position: absolute; top: calc(50% - 0.18rem); z-index: 3; cursor: pointer; width: 0.36rem; height: 0.36rem;}
.hom4-swiper .tab-but.hom4-prev{left: 0.3rem; background: url(../images/prev-off.svg) no-repeat center; background-size: contain;}
.hom4-swiper .tab-but.hom4-next{right: 0.3rem; background: url(../images/next-off.svg) no-repeat center; background-size: contain;}

@media (any-hover: hover){
	.hom4-swiper .swiper-slide:hover{border-radius: 0.1rem; -webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); box-shadow:0 0 10px 2px rgba(0, 0, 0, .2);}
	.hom4-swiper .swiper-slide:hover img{transform: scale(1.1);}
	.hom4-swiper .tab-but.hom4-prev:hover{background: url(../images/prev-on.svg) no-repeat center; background-size: contain;}
	.hom4-swiper .tab-but.hom4-next:hover{background: url(../images/next-on.svg) no-repeat center; background-size: contain;}
}

.hom5-content{margin-top: 0.8rem; color: #FFF; padding: 0.7rem 1rem; background: url(../images/hom5-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.hom5-content .public-title::after{background: #FFF;}
.hom5-content .ps{font-size: 0.16rem; margin-top: 0.5rem; text-align: center; line-height: 1.5;}
.hom5-content .maps{margin-top: 0.4rem; width: 15.25rem;}
.hom5-content .maps img	{max-width: 100%; height: auto; margin: auto;}
.hom5-content .maps .icon{width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}
.hom5-content .maps .icon span{display: inline-block; width: 18px; height: 18px; background: url(../images/maps-icon.svg) no-repeat center; background-size: contain; position: absolute; z-index: 2;}
.hom5-content .maps .icon span::before{content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1; box-sizing: border-box; border-radius: 50%; animation: loaders 2s infinite linear backwards; animation-delay: calc(var(--i) * 0.1s);}
.hom5-content .maps .icon span::after{content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -2; box-sizing: border-box; border-radius: 50%; animation: loaders 2s infinite linear backwards; animation-delay: calc(var(--i) * 0.1s + 0.6s); }
@keyframes loaders {
	0%{width: 0; height: 0; border: 2px solid rgba(255, 255, 255, 1); box-shadow: 0 0 0.1rem rgba(47, 77, 160, 1);}
	30%{border: 2px solid rgba(255, 255, 255, 0.6)}
	60%{border: 2px solid rgba(255, 255, 255, 0.4)}
	90%{border: 2px solid rgba(255, 255, 255, 0.2)}
	100%{width: 200%; height: 200%; border: 2px solid rgba(255, 255, 255, 0); box-shadow: 0 0 0.1rem rgba(47, 77, 160, 0);}
}
.hom5-content .maps .icon span.address1{left: 70%; top: 20%;}
.hom5-content .maps .icon span.address2{left: 68%; top: 29.5%;}
.hom5-content .maps .icon span.address3{left: 78%; top: 62%;}
.hom5-content .maps .icon span.address4{left: 81%; top: 73%;}
.hom5-content .maps .icon span.address5{left: 46.2%; top: 57.5%;}
.hom5-content .maps .icon span.address6{left: 43.7%; top: 39%;}
.hom5-content .maps .icon span.address7{left: 42.1%; top: 48%;}
.hom5-content .maps .icon span.address8{left: 16%; top: 66%;}
.hom5-content .maps .icon span.address9{left: 16%; top: 49%;}
.hom5-content .maps .icon span.address10{left: 15%; top: 39.7%;}
.hom5-content .maps .icon span.address11{left: 9.5%; top: 37%;}
.hom5-content .maps .icon span.address12{left: 18%; top: 31%;}
.hom5-content .maps .icon span.address13{left: 12%; top: 27.8%;}
.hom5-content .maps .icon span.address14{left: 9%; top: 23%;}
.hom5-content .maps .icon span.address15{left: 26.5%; top: 21.5%;}
.hom5-content .get-box{margin-top: 0.1rem;}
.hom5-content .get-box .get-list{border: 2px solid #A8BFFF; color: #A8BFFF; background: transparent url(../images/icon5.svg) no-repeat 90% center; background-size: auto 30%;}

.hom6-content .img{flex-shrink: 0; width: 38.54166666666667%;}
.hom6-content .forms{flex: 1; padding: 0.5rem 1.1rem 0.5rem 0.8rem;}
.hom6-content .forms h1{font-size: 0.22rem; color: #3B3B3B; text-transform: uppercase;}
.hom6-content .forms .inps{margin-top: 0.3rem; flex-wrap: wrap;}
.hom6-content .forms .inps .input-box{width: 49%; margin-bottom: 0.2rem;}
.hom6-content .forms .inps .form-control,
.hom6-content .forms .inps .input-box .message{border-radius: 0; width: 100%; font-size: 0.18rem; line-height: 2.1; border: none; outline: none; border-bottom: 1px solid #A4A4A4;}
.hom6-content .forms .inps .form-control:focus,
.hom6-content .forms .inps .input-box .message:focus{background: rgba(47, 77, 160, .1); padding-left: 0.1rem; padding-right: 0.1rem; border-bottom: 1px solid #2F4DA0;}
.hom6-content .forms .inps .input-box.input-box-prev{position: relative;}
.hom6-content .forms .inps .input-box.input-box-prev canvas{height: 100%; position: absolute; right: 0; bottom: 1px; z-index: 1; background: #FFF;}
.hom6-content .forms .inps .input-box.input-box-message{width: 100%;}
.hom6-content .forms .inps .input-box .message{ line-height: 2; resize:none; padding-top: 0.1rem; margin-top: 0.1rem;}
.hom6-content .forms .bbtn{margin-top: 0.3rem;}
.hom6-content .forms .bbtn .butt{display: inline-block; color: #FFF; cursor: pointer; border-radius: 6px; font-size: 14px; height: 35px; text-transform: uppercase; padding: 0 45px 0 20px; border: none; outline: none; background: #2F4DA0 url(../images/icon3.svg) no-repeat 90% center; background-size: auto 30%;}
@media (any-hover: hover){
	.hom6-content .forms .bbtn .butt:hover{padding-right: 60px; -webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); box-shadow:0 0 10px 2px rgba(0, 0, 0, .2);}
}
@media only screen and (min-width:1366px) and (max-width:1600px){
	.hom3 p{font-size: 0.2rem; margin-top: 0.4rem;}
	.hom3 h3{font-size: 0.24rem; margin-top: 0.5rem;}
	.hom4-swiper .swiper-slide .infos h2{font-size: 0.26rem;}
	.hom4-swiper .swiper-slide .infos .p{font-size: 16px; height: 72px;}
	.hom4-swiper .swiper-slide .infos .time{font-size: 0.2rem;}
	.hom4-swiper .tab-but,
	.hom1-swiper .tab-but{width: 0.4rem; height: 0.4rem;}
	.hom5-content .ps{font-size: 0.2rem;}
	.hom6-content .forms h1{font-size: 0.24rem;}
	.hom6-content .forms .inps .form-control,
	.hom6-content .forms .inps .input-box .message{font-size: 0.20rem;}
}
@media only screen and (min-width:1080px) and (max-width:1366px){
	.hom3 p{font-size: 0.22rem; margin-top: 0.3rem;}
	.hom3 h3{font-size: 0.26rem; margin-top: 0.3rem;}
	.hom4-swiper .swiper-slide .infos h2{font-size: 0.3rem;}
	.hom4-swiper .swiper-slide .infos .p{font-size: 14px; height: 63px;}
	.hom4-swiper .swiper-slide .infos .time{font-size: 0.22rem;}
	.hom4-swiper .tab-but,
	.hom1-swiper .tab-but{width: 0.5rem; height: 0.5rem;}
	.hom5-content .ps{font-size: 0.24rem;}
	.hom6-content .forms h1{font-size: 0.28rem;}
	.hom6-content .forms .inps .form-control,
	.hom6-content .forms .inps .input-box .message{font-size: 0.24rem;}
}
@media only screen and (max-width:1080px){
	.banner .h-banner{height: 5.3rem;}
	.hom1-content{margin-top: 0.6rem;}
	.hom1-swiper{margin-top: 0.5rem;}
	.hom1-swiper{padding: 0 0.4rem;}
	.hom1-swiper::before, .hom1-swiper::after{width: 0.36rem;}
	.hom1-swiper .swiper-slide{padding: 0 0.1rem;}
	.hom2 .car-ul .li{width: 100%; margin-right: 0;}
	.hom2 .car-ul .li:nth-child(n+2){margin-top: 0.2rem;}
	.hom2 .car-ul .li .nameplate{padding: 0.15rem;}
	.hom2 .car-ul .li .img::after{background: rgba(0, 0, 0, .2);}
	.hom2 .car-ul .li .nameplate .car-logo{width: 1.2rem; height: 1.2rem;}
	.hom2 .car-ul .li .get-detail{position: absolute; left: 0; top: 0; z-index: 9; border: none; font-size: 0; background: none; width: 100%; height: 100%;}
	.hom2 .get-box{margin-top: 0.5rem;}
	.get-box .get-list{font-size: 0.26rem; line-height: 150%; padding: 0.1rem 0.6rem 0.1rem 0.2rem;}
	.hom3-content{margin-top: 1rem;}
	.hom3-content .hom3{width: 100%; padding: 0.6rem 0.4rem; left: 0; top: 0;}
	.hom3 h3{font-size: 0.28rem; margin-top: 1.2rem;}
	.hom3 p{font-size: 0.26rem;}
	.hom4-swiper{padding: 0 0.4rem;}
	.hom4-swiper::before, .hom4-swiper::after{width: 0.3rem;}
	.hom4-swiper .tab-but{width: 0.6rem; height: 0.6rem; top: 2rem;}
	.hom4-swiper .tab-but.hom4-prev{left: 0.5rem; background: url(../images/prev-off-m.svg) no-repeat center; background-size: contain;}
	.hom4-swiper .tab-but.hom4-next{right: 0.5rem; background: url(../images/next-off-m.svg) no-repeat center; background-size: contain;}
	.hom4-swiper .swiper-slide .infos h2{font-size: 0.28rem; color: #000;}
	.hom4-swiper .swiper-slide .infos .p{font-size: 0.24rem; height: auto;}
	.hom4-swiper .swiper-slide .infos .time{font-size: 0.22rem;}
	.hom5-content{margin-top: 0.7rem; padding: 0.5rem 0.4rem 0.6rem;}
	.hom5-content .ps{font-size: 0.24rem;}
	.hom5-content .maps{width: 100%;}
	.hom5-content .maps .icon span{width: 0.1rem; height: 0.1rem;}
	.hom6-content{flex-direction: column;}
	.hom6-content .img{width: 100%;}
	.hom6-content .forms{padding: 0.6rem 0.4rem 0.6rem;}
	.hom6-content .forms h1{font-size: 0.26rem;}
	.hom6-content .forms .inps .input-box{width: 100%; margin-bottom: 0.3rem;}
	.hom6-content .forms .inps .form-control, .hom6-content .forms .inps .input-box .message{font-size: 0.24rem; padding: 0.1rem 0;}
	.hom6-content .forms .bbtn .butt{font-size: 0.24rem; height: 0.7rem; padding: 0; display: block; width: 100%; background: #2F4DA0;}
	.footer{padding: 0.6rem 0.4rem 0.1rem;}
	.foot .foot1 .footl{max-width: 100%; width: 100%;}
	.foot .foot1 .footl .foot-logo{height: 0.9rem;}
	.foot .foot1 .footl .info h2{font-size: 0.26rem; font-weight: bold;}
	.foot .foot1 .footl .info .txt{margin-top: 0.3rem;}
	.foot .foot1 .footl .info .txt .p .pt{font-size: 0.22rem;}
	.foot .foot2{flex-direction: column; justify-content: center;}
	.foot .foot2 .sp{font-size: 0.22rem;}
}
/*<<<<<<<<<<<<<<<<<<<<<< 关于我们 about us >>>>>>>>>>>>>>>>>>>>>>>*/
.abo1-content{margin-top: 0.8rem; margin-bottom: 1rem;}
.abo1-content .abo1-1{margin-top: 0.6rem;}
.abo1-content .abo1-1>img{width: 43.359375%; height: 100%; flex-shrink: 0;}
.abo1-content .abo1-1 .text{flex: 1; margin-left: 4%;}
.abo1-content .abo1-1 .text h2{font-size: 0.24rem; color: #373737;}
.abo1-content .abo1-1 .text .ps{font-size: 0.18rem; color: #4D4D4D; text-align: justify; margin-top: 0.3rem; line-height: 150%}

.abo2-content{background: #F5F5F5; padding: 1rem 0;}
.abo2{position: relative; margin-top: 0.8rem;}
.abo2-swiper .swiper-slide .img{height: 0; padding-bottom: 74.35897435897436%; position: relative; overflow: hidden;}
.abo2-swiper .swiper-slide .img img{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: contain;}
.abo2-swiper .swiper-slide .tit{text-align: center; font-size: 0.18rem; margin-top: 0.1rem; color: #373737;}
.abo2 .tab-but{position: absolute; top: calc(50% - 0.18rem); z-index: 3; cursor: pointer; width: 0.36rem; height: 0.36rem;}
.abo2 .tab-but.abo2-prev{right: calc(100% + 0.3rem); background: url(../images/prev-off.svg) no-repeat center; background-size: contain;}
.abo2 .tab-but.abo2-next{left: calc(100% + 0.3rem); background: url(../images/next-off.svg) no-repeat center; background-size: contain;}

.abo3{margin-top: 0.8rem; margin-bottom: 1.8rem;}
.abo3 .abo3-cont{margin-top: 0.7rem;}
@media (any-hover: hover){
	.abo2 .tab-but.abo2-prev:hover{background: url(../images/prev-on.svg) no-repeat center; background-size: contain;}
	.abo2 .tab-but.abo2-next:hover{background: url(../images/next-on.svg) no-repeat center; background-size: contain;}
}
@media only screen and (min-width:1366px) and (max-width:1600px){
	.abo1-content .abo1-1 .text h2{font-size: 0.26rem;}
	.abo1-content .abo1-1 .text .ps{font-size: 0.20rem;}
	.abo2-swiper .swiper-slide .tit{font-size: 0.22rem;}
	.abo2 .tab-but{width: 0.4rem; height: 0.4rem;}
}
@media only screen and (min-width:1080px) and (max-width:1366px){
	.abo1-content .abo1-1 .text h2{font-size: 0.28rem;}
	.abo1-content .abo1-1 .text .ps{font-size: 0.22rem;}
	.abo2-swiper .swiper-slide .tit{font-size: 0.24rem;}
	.abo2 .tab-but{width: 0.5rem; height: 0.5rem;}
}
@media only screen and (max-width:1080px){
	.abo1-content .abo1-1{padding: 0 0.4rem; flex-direction: column;}
	.abo1-content .abo1-1>img{width: 100%; height: auto;}
	.abo1-content .abo1-1 .text{margin-left: 0; margin-top: 0.8rem;}
	.abo1-content .abo1-1 .text h2{font-size: 0.32rem;}
	.abo1-content .abo1-1 .text .ps{font-size: 0.26rem;}
	.abo2-content{padding: 0.6rem 0.7rem;}
	.abo2{margin-top: 0.5rem;}
	.abo2 .tab-but{width: 0.5rem; height: 0.5rem;}
	.abo2 .tab-but.abo2-prev{right: 100%;}
	.abo2 .tab-but.abo2-next{left: 100%;}
	.abo2-swiper .swiper-slide .tit{font-size: 0.24rem;}
	.abo3{margin-top: 0.6rem; padding: 0 0.4rem;}
}
/*<<<<<<<<<<<<<<<<<<<<<< 新闻中心 Company news >>>>>>>>>>>>>>>>>>>>>>>*/
.news{margin-top: 0.8rem; margin-bottom: 1.5rem;}
.news .news-ul{margin-top: 0.8rem; margin-bottom: 0.5rem; flex-wrap: wrap;}
.news .news-ul .li{width: calc((100% - 0.5rem) / 3); margin-right: 0.25rem; position: relative; padding: 0.1rem 0.1rem 0.2rem; border: 1px solid #CDCDCD;}
.news .news-ul .li:nth-child(3n){margin-right: 0;}
.news .news-ul .li:nth-child(n+4){margin-top: 0.5rem;}
.news .news-ul .li .img{width: 100%; height: 0; padding-bottom: 63.63636363636364%; position: relative; overflow: hidden;}
.news .news-ul .li .img img{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}
.news .news-ul .li .infos{margin-top: 0.2rem;}
.news .news-ul .li .infos h1{font-size: 0.18rem; text-align: justify; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.news .news-ul .li .infos .time{margin-top: 0.05rem; font-size: 0.14rem; color: #797979;}
.news .news-ul .li .infos .time span{display: block; padding-left: 0.2rem; background: url(../images/icon6.svg) no-repeat left center; background-size: auto 75%;}
.news .news-ul .li .infos .time::after{content: ""; display: block; font-size: 0; width: 0.25rem; height: 2px; background: #2F4DA0; margin-top: 0.05rem;}
.news .news-ul .li .infos p{font-size: 0.16rem; text-align: justify; color: #696969; margin-top: 0.15rem; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.news .news-ul .li .go-detail{font-size: 0; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;}
.Art-detail{padding-top: 0.6rem; padding-bottom: 1rem;}
.Art-detail .art-title{padding-bottom: 0.2rem; border-bottom: #E5E5E5 dashed 1px;}
.Art-detail .art-title .tit{font-size: 0.32rem; line-height: 150%; color: #333;}
.Art-detail .art-title .infos{margin-top: 0.2rem;}
.Art-detail .art-title .infos span{display: inline-block;color: #666; padding: 0 0.2rem;}
.Art-detail .detail-content{margin-top: 0.3rem; text-align: justify; padding-bottom: 0.2rem; border-bottom: #E5E5E5 solid 1px; line-height: 200%; font-size: .18rem; color: #666;}
.Art-detail .detail-content span{display: inline-block;}
.Art-detail .detail-content img{max-width: 750px; height: auto; display: inline-block; margin: 0.1rem auto 0.05rem;}

@media (any-hover: hover){
	.news .news-ul .li:hover{border: 1px solid #2F4DA0; -webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); box-shadow:0 0 10px 2px rgba(0, 0, 0, .2);}
	.news .news-ul .li:hover .img img{transform: scale(1.05);}
}
@media only screen and (min-width:1366px) and (max-width:1600px){
	.news .news-ul .li .infos h1{font-size: 0.22rem;}
	.news .news-ul .li .infos .time{font-size: 0.18rem;}
	.news .news-ul .li .infos p{font-size: 0.2rem;}
	.Art-detail .detail-content{font-size: .22rem;}
	
}
@media only screen and (min-width:1080px) and (max-width:1366px){
	.news .news-ul .li .infos h1{font-size: 0.24rem;}
	.news .news-ul .li .infos .time{font-size: 0.2rem;}
	.news .news-ul .li .infos p{font-size: 0.26rem;}
	.Art-detail .detail-content{font-size: .24rem;}
}

/* 新闻中心-移动端样式代码 */
@media only screen and (max-width:1080px){
	.news .news-ul{flex-direction: column; padding: 0 0.4rem;}
	.news .news-ul .li{width: 100%; margin-right: 0; padding: 0.2rem 0.25rem;}
	.news .news-ul .li .infos h1{font-size: 0.28rem; font-weight: bold;}
	.news .news-ul .li:nth-child(n+2){margin-top: 0.5rem;}
	.news .news-ul .li .infos .time{font-size: 0.22rem;}
	.news .news-ul .li .infos .time span{padding-left: 0.4rem;}
	.news .news-ul .li .infos .time::after{display: none;}
	.news .news-ul .li .infos p{font-size: 0.24rem; margin-top: 0.3rem;}
	.Art-detail{padding-left: 0.4rem; padding-right: 0.4rem;}
	.Art-detail .art-title .infos span{font-size: .26rem;}
	.Art-detail .detail-content{font-size: .28rem;}
	.Art-detail .detail-content img{width: 100%;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 产品中心 Product center >>>>>>>>>>>>>>>>>>>>>>>*/
.products{margin-top: 0.8rem; margin-bottom: 1.5rem;}
.products .brands{margin-top: 0.6rem; flex-wrap: wrap;}
.products .brands .li{width: calc((100% - (0.2rem * 3)) / 4); border: 1px solid #CECECE; margin-right: 0.2rem; margin-bottom: 0.6rem; position: relative;}
.products .brands .li:nth-child(4n){margin-right: 0;}
.products .brands .li .img{margin: 0.3rem 16.66666666666667%;}
.products .brands .li .get_list{position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 100%; height: 100%; font-size: 0;}
.product{margin-top: 0.8rem; margin-bottom: 1.5rem;}
.product .brand{border-bottom: 1px solid #D8D8D8;}
.product .brand img{width: 2rem; height: auto; margin: 0 auto;}
.product .hom2{padding: 0;}
.product .hom2 .car-ul .li .nameplate{padding: 0.2rem;}
.product .hom2 .car-ul .li .nameplate .info h1{font-size: 0.34rem;}
.product .hom2 .car-ul .li .nameplate .info h2{font-size: 0.14rem;}
.product .hom2 .car-ul .li .get-detail{font-size: 12px; line-height: 2;}

.product-detail{margin-top: 0.8rem; margin-bottom: 2rem;}
.product-detail .detail-title{margin-top: 0.6rem;}
.product-detail .detail-title h1{font-size: 0.5rem; font-family: 'dincond'; text-transform: uppercase; color: #5A5A5A;}
.product-detail .imgstore{margin-top: 0.4rem; position: relative;}
.product-detail .gallery-top .swiper-slide .img{background: rgba(0, 0, 0, .9); width: 100%; height: 0; padding-bottom: 56.25%; position: relative;}
.product-detail .gallery-top .swiper-slide .img img{object-fit: contain !important; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; object-fit: cover;}
.product-detail .nav-swiper{position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; padding:0.2rem 30%; background: rgba(0, 0, 0, .5);}
.product-detail .nav-swiper .swiper-slide{cursor: pointer;}
.product-detail .nav-swiper .swiper-slide .img{width: 100%; height: 0; padding-bottom: 74.54545454545455%; position: relative;}
.product-detail .nav-swiper .swiper-slide .img::after{content: ""; position: absolute; left: 0; top: 0; z-index: 2; display: block; font-size: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4);transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.product-detail .nav-swiper .swiper-slide.swiper-slide-thumb-active .img::after{background: rgba(0,0,0,0);}
.product-detail .nav-swiper .swiper-slide .img img{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}
.product-detail .swiper{
	--swiper-theme-color: #2F4DA0;/* 设置Swiper风格 */
	--swiper-preloader-color: #6182DE;/* 单独设置预加载圆圈的颜色 */
}
.product-detail .car-table{margin-top: 0.9rem;}
.product-detail .car-table .table-title{font-size: 0.2rem; text-transform: uppercase;}
.product-detail .car-table table{margin-top: 0.2rem; width: 100%;}
.product-detail .car-table table tr td{background: #F7F8F9; border: 2px solid #FFF; color: #5A5A5A; font-size: 0.16rem; line-height: 150%; padding: 0.15rem 0.2rem;}
.product-detail .car-table table tr td:nth-child(n+2){text-align: center;}
@media (any-hover: hover){
	.products .brands .li:hover{border-radius: 0.1rem; -webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); box-shadow:0 0 10px 2px rgba(0, 0, 0, .2);}
	.products .brands .li:hover img{transform: scale(1.1);}
}
@media only screen and (min-width:1366px) and (max-width:1600px){
	.hom2 .car-ul .li .nameplate .car-logo{width: 1.1rem; height: 1.1rem;}
	.product .brand img{width: 2.25rem;}
	.product .hom2 .car-ul .li .nameplate .info h1{font-size: 0.36rem;}
	.product .hom2 .car-ul .li .nameplate .info h2{font-size: 0.18rem;}
	.product-detail .car-table .table-title{font-size: 0.24rem;}
	.product-detail .car-table table tr td{font-size: 0.2rem;}
}
@media only screen and (min-width:1080px) and (max-width:1366px){
	.hom2 .car-ul .li .nameplate .car-logo{width: 1.2rem; height: 1.2rem;}
	.product .brand img{width: 2.5rem;}
	.product .hom2 .car-ul .li .nameplate .info h1{font-size: 0.4rem;}
	.product .hom2 .car-ul .li .nameplate .info h2{font-size: 0.22rem;}
	.product-detail .car-table .table-title{font-size: 0.28rem;}
	.product-detail .car-table table tr td{font-size: 0.24rem;}
}
@media only screen and (max-width:1080px){
	.products .brands{padding: 0 0.4rem;}
	.products .brands .li{width: calc((100% - 0.2rem) / 3); margin-right: 0.1rem; margin-bottom: 0.3rem;}
	.products .brands .li:nth-child(4n){margin-right: 0.1rem;}
	.products .brands .li:nth-child(3n){margin-right: 0;}
	.products .brands .li .img{margin: 0 10%;}
	.product{padding: 0 0.4rem;}
	.product .brand img{width: 2.5rem;}
	.product .brand{border: none;}
	.product .hom2{margin-top: 0;}
	.product .hom2 .car-ul .li .get-detail{font-size: 0;}
	.product .hom2 .car-ul .li .nameplate .info h1{font-size: 0.5rem;}
	.product .hom2 .car-ul .li .nameplate .info h2{font-size: 0.24rem;}
	.product-detail{padding: 0 0.4rem;}
	.product-detail .nav-swiper{display: none;}
	.product-detail .swiper-button-prev, .product-detail .swiper-button-next{width: 0.6rem; height: 0.6rem; color: transparent;}
	.product-detail .swiper-button-prev{background: url(../images/prev-off-m.svg) no-repeat center; background-size: contain;}
	.product-detail .swiper-button-next{background: url(../images/next-off-m.svg) no-repeat center; background-size: contain;}
	.product-detail .car-table .table-title{font-size: 0.28rem;}
	.product-detail .car-table .table-box{width: 100%; overflow: auto; overflow:scroll;}
	.product-detail .car-table table tr td{border: 1px solid #FFF; font-size: 0.22rem; padding: 0.1rem;}
}
/*<<<<<<<<<<<<<<<<<<<<<< 客户服务 Customer service >>>>>>>>>>>>>>>>>>>>>>>*/
.service-content{margin-top: 0.8rem;}
.ser1 .ser1-tit{margin-top: 0.4rem;}
.ser1 .ser1-tit h2{font-size: 0.18rem; color: #525252; }
.ser1 .network{margin-top: 0.3rem; padding: 0.7rem 0 0.8rem; background: url(../images/network-bg.jpg) no-repeat center; background-size: cover;}

.ser2{margin-bottom: 2.5rem;}
.ser2 .uls:nth-child(1){margin-top: 1rem;}
.ser2 .uls .li{flex: 1; margin-right: 0.9rem; background: #2F4DA0; border-radius: 0.16rem; overflow: hidden;}
.ser2 .uls .li:nth-child(5n){margin-right: 0;}
.ser2 .uls .li .img{margin: 0.2rem 0 0.1rem; transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.ser2 .uls .li .txt{width: 100%; height: 100%; position: relative; z-index: 1; padding: 0.15rem 0.1rem 0.1rem;}
.ser2 .uls .li .txt::after{content: ""; display: block; font-size: 0; width: 145%; height: 150%; border-radius: 50%; background: #D8D8D8; position: absolute; left: 50%; top: 0; z-index: -1; transform: translateX(-50%);}
.ser2 .uls .li .txt span{display: block; width: 100%; text-align: center; font-size: 0.18rem; color: #2F4DA0;}
.ser2 .timeline{position: relative; margin: 0.05rem 0;}
.ser2 .timeline .line-tit{font-size: 0.3rem; color: #304FB5; text-transform: uppercase; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate3d(-50%,-50%,0);}
@media (any-hover: hover){
	.ser2 .uls .li:hover .img{transform: rotateY(180deg);}
}
@media only screen and (min-width:1366px) and (max-width:1600px){
	.ser1 .ser1-tit h2,
	.ser2 .uls .li .txt span{font-size: 0.22rem;}
}
@media only screen and (min-width:1080px) and (max-width:1366px){
	.ser1 .ser1-tit h2,
	.ser2 .uls .li .txt span{font-size: 0.24rem;}
}
@media only screen and (max-width:1080px){
	.ser1 .ser1-tit h2{font-size: 0.26rem;}
	.ser2.div_m{width: calc(100% - 0.25rem); margin: 0.8rem auto 1.5rem; position: relative;}
	.ser2.div_m>img{width: 100%; height: auto;}
	.ser2.div_m .ul-box{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
	.ser2 .uls:nth-child(1){margin-top: 0;}
	.ser2 .uls:nth-child(n+2){margin-top: 1.12rem;}
	.ser2 .uls .li{flex: none; flex-shrink: 0; width: calc((100% - 0.6rem) / 3); height: 2rem; margin: 0 0.15rem;}
	.ser2 .uls:nth-child(3n){padding-left: 0.5rem;}
	.ser2 .uls .li .img{height: 0.6rem;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 联系我们 Contact Us >>>>>>>>>>>>>>>>>>>>>>>*/
.contact-content{margin-top: 0.8rem; margin-bottom: 1rem;}
.contact-content .contact{margin-top: 0.6rem;}
.contact .infos h3{font-size: 0.26rem; color: #2C2C2C; margin-bottom: 0.3rem;}
.contact .infos .li{margin-top: 0.1rem;}
.contact .infos .li .sp{font-size: 0.2rem; color: #444;}
.contact .infos .li .lable{display: block; flex-shrink: 0; height: 100%; padding-left: 0.3rem;}
.contact .infos .li.li1 .lable{background: url(../images/tel.svg) no-repeat left center; background-size: auto 80%;}
.contact .infos .li.li2 .lable{background: url(../images/mail.svg) no-repeat left center; background-size: auto 80%;}
.contact .infos .li.li3 .lable{background: url(../images/address.svg) no-repeat left center; background-size: auto 80%;}
.contact .infos .li.li3_20240418 .lable{ no-repeat left center; background-size: auto 80%;}
.contact .maps{margin-top: 1rem; height: 482px;}
@media only screen and (min-width:1366px) and (max-width:1600px){
	.contact .infos h3{font-size: 0.28rem;}
	.contact .infos .li .lable{padding-left: 0.35rem;}
	.contact .infos .li .sp{font-size: 0.22rem;}
}
@media only screen and (min-width:1080px) and (max-width:1366px){
	.contact .infos h3{font-size: 0.3rem;}
	.contact .infos .li .lable{padding-left: 0.4rem;}
	.contact .infos .li .sp{font-size: 0.26rem;}
}
@media only screen and (max-width:1080px){
	.contact-content{margin-top: 0.7rem;}
	.contact-content .contact{padding: 0 0.4rem;}
	.contact .infos h3{font-weight: bold; font-size: 0.28rem;}
	.contact .infos .li .sp{font-size: 0.24rem;}
	.contact .infos .li .lable{padding-left: 0.4rem;}
	.contact .infos .li{margin-top: 0.2rem;}
	.contact .maps{height: 240px; margin-top: 0.5rem;}
}

@media (any-hover: hover){}
@media only screen and (min-width:1366px) and (max-width:1600px){}
@media only screen and (min-width:1080px) and (max-width:1366px){}
@media only screen and (min-width:1080px){}