@charset "utf-8";


.brand-tt{margin-bottom: 0.23rem;}
.brand-tt .bt{font-size: var(--fz43);font-family: var(--font-montserrat-extraBold);text-transform: uppercase;line-height: 1.3;}


.brand-wel{padding:0.65rem 0;}
.brand-wel .desc{font-size: var(--fz23);font-family: var(--font-montserrat-medium);margin-bottom: 0.35rem;}
.brand-wel .txt{font-size: var(--fz21);font-family: var(--font-montserrat-light);}


.brand-nums{padding:0.7rem 0;background:#0e4e92;margin-bottom: 0.65rem;}
.brand-nums .list{display: flex;flex-wrap: wrap;justify-content: space-around;text-align: center;color:#fff;}
.brand-nums .list li{}
.brand-nums .list .num{font-size: 0.66rem;font-family: var(--font-montserrat-bold);line-height: 1;}
.brand-nums .list .num i{}
.brand-nums .list .font{font-size: var(--fz20);margin-top:0.12rem;}


.brand-kc{margin-bottom: 0.65rem;}
.brand-kc .desc{font-size: var(--fz22);font-family: var(--font-montserrat-light);}
.brand-kc .list{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap:0.6rem 0.45rem;margin-top: 0.5rem;}
.brand-kc .list .txt{font-size: var(--fz21);font-family: var(--font-montserrat-light);padding-right: 0.5rem;line-height: 1.6;}
.brand-kc .list .imgbox{/* height: 4rem; */margin-top: 0.3rem;aspect-ratio: 1.76; }

.brand-choose{margin-bottom: 1.1rem;}
.brand-choose .detail{display: flex;align-items: flex-start;justify-content: space-between;}
.brand-choose .info{width: 51%;padding-top: 0.4rem;}
.brand-choose .txt{font-size: var(--fz23);font-family: var(--font-montserrat-light);}
.brand-choose .imgbox{width:44%;/* height: 5.3rem; */aspect-ratio: 1.2; }
.brand-choose .desc{font-size: var(--fz21);font-family: var(--font-montserrat-light);margin-top: 0.55rem;}


.brand-album{display: flex;}
.brand-album .bigitem{min-height: 8.55rem;width:calc(50% + 10px);}
.brand-album .item{position: relative;color:#fff;}
.brand-album .item .imgbox{height: 100%;}

.brand-album .box{position: absolute;width: 100%;left:0;bottom:0.26rem;padding:0 0.45rem;}
.brand-album .title{font-size: var(--fz34);font-family: var(--font-montserrat-extraBold);text-transform: uppercase;margin-bottom: 0.08rem;}
.brand-album .txt{font-size: var(--fz19);max-width:7.3rem;}

.brand-album .box1{padding:0 1.1rem;position: absolute;width: 100%;left:0;top: 50%;transform: translate(0,-50%);}
.brand-album .box1 .title{font-size: var(--fz39);margin-bottom: 0.35rem;}
.brand-album .box1 .txt{max-width:7.1rem;}

.brand-album .more{margin-top:0.5rem;display: inline-flex;padding:0 0.4rem;border:1px solid #fff;border-radius:0.08rem;height: 0.6rem;gap:0.3rem;font-size: var(--fz20);}
.brand-album .more::after{content:'\e70a';font-family: 'iconfont';}
.brand-album .more:hover{background:var(--theme-color);border-color:var(--theme-color);}


/* gallery */
.gallery-main{padding:0.4rem 0 1.1rem;}

.gallery-list{display: grid;gap:0.3rem 0.3rem;grid-template-columns: repeat(4, minmax(0, 1fr));text-align: center;}
.gallery-list .item{}
.gallery-list .imgbox{/* height: 2.2rem; */margin-bottom:0.14rem;aspect-ratio: 1.5;}
.gallery-list .title{font-size: var(--fz18);font-family: var(--font-roboto-medium);}

.gallery-lm{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap:0.4rem;margin-bottom: 1.4rem;}
.gallery-lm .item .imgbox{/* height: 4.05rem; */margin-bottom: 0.35rem;aspect-ratio: 1.7; }
.gallery-lm .item .title{font-size: var(--fz32);font-family: var(--font-montserrat-extraBold);text-transform: uppercase;}
.gallery-lm .item .txt{font-family: var(--font-montserrat-light);margin-top: 0.1rem;}




/* about */
.us-intro{padding:0.7rem 0 0.6rem;}
.us-intro .detail{display: flex;align-items: flex-start;justify-content: space-between;}
.us-intro .lbox{width: 41%;}
.us-intro .fz{font-size: var(--fz18);color:var(--theme-color);font-family: var(--font-roboto-regular);text-transform: uppercase;}
.us-intro .title{font-size: var(--fz44);font-family: var(--font-roboto-bold);text-transform: uppercase;margin-top: 0.2rem;}
.us-intro .txt{font-size: var(--fz20);color:#494949;font-family: var(--font-roboto-light);-webkit-line-clamp: 7;margin-top: 0.45rem;}
.us-intro .more{margin-top: 0.3rem;border-radius:0.25rem;font-size: var(--fz21);height: 0.5rem;width: 2.3rem;}

.us-intro .rbox{width: 53%;padding-right: 0.25rem;position: relative;margin-top: 0.08rem;}
.us-intro .rbox::after{content:'';position: absolute;top: 0.45rem;right: 0;bottom: -0.25rem;left: 1.2rem;border:0.04rem solid var(--theme-color);}
.us-intro .imgbox{position: relative;z-index:5;cursor: pointer;}
.us-intro .playicon{width: 0.64rem;height: 0.64rem;background:url(../images/service_13.png) no-repeat center;background-size:contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.us-intro .list{display: flex;flex-wrap: wrap;justify-content: space-around;text-align: center;margin-top: 0.9rem;}
.us-intro .list li{max-width: 23%;}
.us-intro .list .icon{height: 1.5rem;width: auto;display: block;margin:0 auto;}
.us-intro .list .tit{font-size: var(--fz32);color:var(--theme-color);font-family: var(--font-roboto-medium);margin-top: 0.13rem;}
.us-intro .list .font{font-size: var(--fz19);color:#666666;font-family: var(--font-roboto-regular);margin-top: 0.06rem;}



.us-miles{height: 8.85rem;background:url(../images/us_07.jpg) no-repeat center;background-size:cover;margin-bottom: 1.1rem;padding:0.55rem 0 0.75rem;color:#fff;}
.us-miles .titbox{margin-bottom: 0.8rem;}
.us-miles .titbox .bt{font-family: var(--font-roboto-bold);font-size: var(--fz47);}
.us-miles .titbox .smwz{font-family: var(--font-roboto-regular);margin:0.1rem auto 0;font-size: var(--fz20);}
.us-miles .detail{}
.us-miles .swiper-wrapper{align-items: stretch;}
.us-miles .item{padding-right: 0.05rem;height: auto;}
.us-miles .item .box{padding-right: 0.6rem;position: relative;height: 100%;display: flex;flex-direction: column;}

.us-miles .item .line{position: absolute;width:1px;right:0;top:0.35rem;bottom:0.8rem;border-right:1px dashed #fff;}
.us-miles .item .line:before{content:'';width:0.08rem;height:0.08rem;background:#fff;border-radius:50%;position: absolute;right:-0.05rem;bottom:0;}

.us-miles .item .year{font-size:0.5rem;font-family: var(--font-poppins-semiBold);line-height: 1;}
.us-miles .item .txt{font-size: var(--fz16);font-family: var(--font-roboto-regular);margin-top: 0.2rem;flex: 1;}
.us-miles .item .imgbox{height: auto;margin-top: 0.1rem;}

.us-miles .btngrp{display: flex;justify-content: center;margin-top: .3rem;gap:0.25rem;}
.us-miles .swiper-button{position: static;width:0.54rem;height:0.54rem;border:0.03rem solid #fff;display: flex;align-items: center;justify-content: center;color:#fff;font-size:var(--fz24);;background:none;border-radius:50%;font-weight: bold;margin:0;}
.us-miles .swiper-button::after{content:'\e70a';font-family: 'iconfont';}
.us-miles .swiper-button-prev{transform: rotate(180deg);}
.us-miles .swiper-button:hover{color:var(--theme-color);background:#fff;}


.us-partner{margin-bottom: 1.2rem;}
.us-partner .titbox{text-align: center;margin-bottom: 0.8rem;}
.us-partner .titbox .bt{font-family: var(--font-roboto-bold);font-size: var(--fz36);}
.us-partner .titbox .smwz{font-family: var(--font-roboto-regular);max-width:12rem;margin:0.15rem auto 0;font-size: var(--fz22);color:#666666;}

.us-partner .list{height: 1.6rem;margin-bottom: 0.2rem;}
.us-partner .list .item{width:1.9rem;height: 1.6rem;background:#f6f7f9;display: flex;align-items: center;justify-content: center;padding: 0.1rem;margin:0 0.2rem 0 0;}
.us-partner .list .img{width: 100%;height: 100%;object-fit: contain;}







.us-factory{margin-bottom: 1rem;}
.us-factory .titbox{text-align: center;margin-bottom: 0.9rem;}
.us-factory .titbox .bt{font-family: var(--font-roboto-bold);font-size: var(--fz39);}
.us-factory .titbox .smwz{font-family: var(--font-poppins-regular);max-width:11.6rem;margin:0.15rem auto 0;}

.us-factory .detail{position: relative;}
.us-factory .swiper-container{overflow: hidden;padding-bottom: 0.1rem;}
.us-factory .swiper-wrapper{align-items: center;}
.us-factory .item{width: 7.2rem;transition: transform .45s;}
.us-factory .item .imgbox{aspect-ratio: 1.625; /* height: 4.4rem; */border-radius: 0.2rem;overflow: hidden;transform: scale(0.8);transition: transform .45s, box-shadow .45s;box-shadow: none;}
.us-factory .swiper-slide-active .imgbox{transform: scale(1);box-shadow: 0 0.12rem 0.36rem rgba(0,0,0,.18);}
.us-factory .item .name{font-size: var(--fz23);font-family: var(--font-roboto-medium);text-align: center;margin-top: 0.28rem;opacity: 0;visibility: hidden;transition: opacity .35s;}
.us-factory .swiper-slide-active .name{opacity: 1;visibility: visible;}


.us-factory .swiper-button{width: 0.78rem;height: 0.78rem;margin: 0;top: 1.8rem;display: flex;align-items: center;justify-content: center;    background: transparent;}
.us-factory .swiper-button span{width:0.5rem;height:0.5rem;border-radius: 50%;background: var(--theme-color);display: flex;align-items: center;justify-content: center;color:#fff;font-size: var(--fz15);}
.us-factory .swiper-button-next span:before{content:'\e60d';font-family: 'iconfont';}
.us-factory .swiper-button-prev{/* background:url(../images/us_35.png) no-repeat center;background-size:cover; */left: calc(50% - 4.57rem);}
.us-factory .swiper-button-next{/* background:url(../images/us_36.png) no-repeat center;background-size:cover; */right: calc(50% - 4.57rem);}
.us-factory .swiper-button:hover{opacity: .88;}
.us-factory .swiper-button-prev span:before{content:'\ecb2';font-family: 'iconfont';}



.us-choose{min-height:6.6rem;padding:1rem 0;color:#fff;}
.us-choose .t-tit{font-size: var(--fz38);font-family: var(--font-roboto-black);text-transform: uppercase;}
.us-choose .line{width: 0.74rem;height: 0.05rem;background:#fff;display: block;margin:0.2rem 0 0.35rem;}
.us-choose .desc{font-size: var(--fz22);font-family: var(--font-roboto-regular);max-width:7.15rem;line-height: 1.8;}
.us-choose .list{display: flex;gap:0.65rem;margin-top: 0.6rem;text-align: center;}
.us-choose .list .icon{height: 1.3rem;width: auto;display: block;margin:0 auto;border:1px solid transparent;border-radius:50%;transition: all 0.3s;}
.us-choose .list .font{font-size: var(--fz20);font-family: var(--font-roboto-bold);margin-top: 0.05rem;}
.us-choose .list li:hover .icon{border-color:#fff;}

@media (max-width:991px){
	
	/* brand */
	.brand-nums .list{flex-wrap: wrap;gap:0.5rem 0;}
	.brand-nums .list li{width: 46%;}
	
	.brand-choose .detail{padding-top: 0.2rem;}
	.brand-choose .info{padding-top:0;}
	
	.brand-album .bigitem{min-height: 7rem;}
	.brand-album .box1{padding:0.4rem;}
	
	
	/* gallery */
	.gallery-list{grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.gallery-list .title{font-size: var(--fz21);}
	
	
	/* about */
	.us-intro .detail{display: block;}
	.us-intro .lbox{width: 100%;}
	.us-intro .rbox{width: 100%;margin-top: 0.5rem;padding:0;}
	.us-intro .rbox::after{display: none;}
	.us-intro .playicon{width: 0.8rem;height: 0.8rem;}
	
	
	.us-intro .list{justify-content: space-between;flex-wrap: wrap;gap:0.5rem 0;}
	.us-intro .list li{width: 46%;max-width: 100%;}
	.us-intro .list .icon{height: 0.9rem;}
	
	.us-miles .item .box{padding-right:0.4rem;}
	
	
	
	
	.us-factory .item{width: 5.4rem;}
	
	.us-factory .swiper-button{width: 0.6rem;height: 0.6rem;top: 1.35rem;}
	.us-factory .swiper-button-prev{left:calc(50% - 3.5rem);}
	.us-factory .swiper-button-next{right:calc(50% - 3.5rem);}
	
	
	.us-choose .list{gap:0.4rem;}
	.us-choose .list .icon{height: 1rem;}
	
	
	
	
}


@media (max-width:767px){
	
	/* brand */
	.brand-nums .list .num{font-size: 0.48rem;}
	
	.brand-kc .list{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.brand-kc .list .txt{padding:0;}
	.brand-kc .list .imgbox{margin-top: 0.2rem;}
	
	
	.brand-choose{margin-bottom: 0.7rem;}
	.brand-choose .detail{padding-top: 0;display: block;}
	.brand-choose .info{width: 100%;}
	.brand-choose .imgbox{width: 100%;margin-top: 0.25rem;}
	.brand-choose .desc{margin-top: 0.3rem;}
	
	.brand-album{display: block;}
	.brand-album .item{height: 4rem;flex:initial;}
	.brand-album .bigitem{height: 5.5rem;width: 100%;min-height:auto;}
	.brand-album .box1{padding:0.3rem;}
	.brand-album .box{padding:0 0.3rem;bottom: 0.3rem;}
	
	
	
	/* gallery */
	.gallery-list{grid-template-columns: repeat(1, minmax(0, 1fr)); }
	.gallery-list .title{font-size: var(--fz23);}
	
	.gallery-lm{grid-template-columns: repeat(1, minmax(0, 1fr)); gap:0.6rem 0;margin-bottom: 1rem;}
	.gallery-lm .item .txt{font-size: var(--fz20);}
	
	
	
	/* about */
	.us-intro .title{font-size: var(--fz36);}
	.us-intro .txt{font-size: var(--fz22);margin-top: 0.25rem;}
	.us-intro .playicon{width: 0.6rem;height: 0.6rem;}
	
	.us-intro .list{margin-top: 0.5rem;gap:0.4rem 0;}
	.us-intro .list .icon{height: 0.8rem;}
	
	.us-miles{height: auto;margin-bottom: 0.7rem;}
	.us-miles .item .box{padding-right:0;}
	.us-miles .item .line{display: none;}
	.us-miles .item .year{font-size: 0.45rem;}
	.us-miles .item .txt{margin-top: 0.15rem;}

	
	.us-miles .btngrp{margin-top: 0.6rem;}
	.us-miles .swiper-button{width: 0.44rem;height: 0.44rem;}
	
	
	.us-factory{margin-bottom: 0.7rem;}
	.us-factory .titbox{margin-bottom: 0.5rem;}
	.us-factory .detail{padding:0 4%;}
	.us-factory .item{width: auto;}
	.us-factory .item .imgbox{transform: scale(1);}
	.us-factory .item .name{margin-top: 0.2rem;}
	
	.us-factory .swiper-slide-active .imgbox{transform: scale(1);}
	
	.us-factory .swiper-button{width: 0.4rem;height: 0.4rem;top: 1.2rem;background:none!important;border-radius:50%;}
	.us-factory .swiper-button span{width: 0.4rem;height: 0.4rem;border-radius:50%;overflow: hidden;}
	.us-factory .swiper-button-prev{left:0.15rem;}
	.us-factory .swiper-button-next{right:0.15rem;}
	
	
	.us-choose{min-height: auto;padding:0.5rem 0;}
	.us-choose .line{width: 0.64rem;height: 0.03rem;}
	.us-choose .desc{line-height: 1.6;}
	.us-choose .list{gap:0.3rem 0;flex-wrap: wrap;justify-content: space-between;margin-top:0.4rem;}
	.us-choose .list li{width: 46%;}
	.us-choose .list .icon{height: 0.84rem;}
	
	
	
	
	
	
	
	
	
	
}