/* =====头部===== */ 
/* box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); */
#c-placeholder {height: 1.1rem; min-height: 75px;}
.header {position: fixed; z-index: 999; width: 100%; left: 0; top: 0;z-index: 99; transition: .5s;}
.headerBox { box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.03);}
.headerBox .box {display: flex; justify-content: space-between; height: 1.1rem;  min-height: 75px; align-items: center;}
.headlogo {    margin-right: 9%;}
.headlogo img {
	max-width: 2.5rem;
	transition: .5s;
}
.headre {display: flex; width: 23%; justify-content: space-between;}
.headre .item a {display: flex; align-items: center;}
.headre .item {display: flex;align-items:center;}
.headre .item .icBox {margin-right: .1rem;}
.headre .item span {color: #fff;}
.headSearch {cursor: pointer;}
/* 头部导航 */
.headle {height: 100%;}
nav {height: 100%;}
nav ul {display: flex; justify-content: space-between;height: 100%;}
nav ul li {position: relative; text-align: center; padding: 0 .25rem; height: 100%; display: flex; align-items: center;}
nav ul li a {color: #fff; font-size: var(--font18); position: relative; line-height: initial;}
nav ul li a::after {content: ""; width: 0; position: absolute; bottom: -2px; left: 50%; height: 1px; background: #a62a17; transition: .5s;}
nav ul li:hover > a , nav ul li.on > a {color: #a62a17 !important;}
nav ul li:hover > a::after , nav ul li.on > a::after  {width: 80%; left: 10%;} 
nav ul li.on2 > a {color: #a62a17 !important;}
nav ul li.on2 > a::after  {width: 80%; left: 10%;} 

/* 下拉菜单 */
.navDownBox {position: absolute; left: 0; width: 100%; overflow: hidden;  background: hsla(0,0%,100%,.9);     height: 0; opacity: 0;}
.navDownBox .item {display: none;  box-sizing: border-box; }
.navDownBox .item .box {padding: .8rem 0;width: 55%; padding-right: 5%; box-sizing: border-box; margin: auto; display: flex; justify-content: space-between;}
.navDownBox .item .navle {width: 40%;}
.navDownBox .item .navre {width: 45%;}
.navDownBox .item .box .tit {color: #f1a4b4; font-size: var(--font18); margin-bottom: .2rem;}
.navDownBox .item .navle ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.navDownBox .item .navle li {width: 48%; margin: .07rem 0;}
.navDownBox .item .navle li a {color: #737373; font-size: var(--font15); transition: .3s;}
.navDownBox .item .navle li a:hover {color: #f1a4b4;}
.navDownSwiper {position: static;}
.navDownSwiper .imgBox {display: flex; max-width: 40%; align-items: center; justify-content: center; margin: auto;}
.navDownSwiper .imgBox img {width: 100%; height: 100%; object-fit: contain;}
.navDownSwiper .swiper-pagination {bottom: -.3rem;}
.navDownSwiper .swiper-pagination span {background: none; border: 1px solid #737373; opacity: .5;}
.navDownSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #333; border-color: #333; opacity: 1;}
.navDownBox .swiperBox {position: relative;}
/* 搜索下拉 */
.hadbox-sec4 {background-color: #fff;position: absolute;left: 0;top: 100%;width: 100%;padding: 0.9rem 0 1.06rem; display: none; border-top: 1px solid #eee; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font36);}
.hadbox-sec4 .form {display: flex; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem;font-size: 0.2rem; color: #333333;}
.hadbox-sec4 .form .f_sub {width: 1.8rem; height: 0.56rem; min-height: 45px; background: #a62a17;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}

/* 下滑头部 */
.header.fh {background: #fff;}
.header.fh nav ul li a {color: #333;}
.header.fh .headlogo img {filter: brightness(0); -webkit-filter:brightness(0);}
.header.fh .headre .item span {color: #333;}
.header.fh .headre .item .icBox svg path {fill: #f1a4b4;}
.header.fh .headSearch i svg path {fill: #f1a4b4;}
.header.fh .mobmenu h4 {color: #333;}
.header.fh .mobmenu dl dd {background: #333;}

/* =====首页===== */
/* 公用css */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#a62a17 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #a62a17; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* 了解更多 */
.more1 {display: inline-flex; padding: .13rem .3rem;  border-radius: 30px; background: #a62a17; color: #fff; transition: .5s;}
.more1 span {margin-right: .1rem;}
.more2 i {width: 0.5rem;height: 0.01rem; background: #000000; position: relative;}
.more2 i::after {width: 0; height: 100%; content: ""; position: absolute; left: 0; top: 0; background: #a62a17;transition: .5s;}
.more2 span {color: #333333;font-weight: 500;  margin-left: .15rem; transition: .5s;}

@media (any-hover: hover) {
    .more1:hover {box-shadow: 0 0 .1rem #a62a17;}
    .more2:hover i::after {width: 100%;}
    .more2:hover span {color: #a62a17;}
}

/* banner */
.indexBanner {overflow: hidden; position: relative; z-index: 2; background: #fff;}
.bannerSwiper .swiper-slide {overflow: hidden;}
.bannerSwiper .bjBox {position: relative;}
.bannerSwiper .bjBox img {width: 100%; height: 100%; object-fit: cover; transition: 1s linear 2s;transform: scale(1.1,1.1);}
.bannerSwiper .swiper-slide-active .bjBox img, .bannerSwiper .swiper-slide-duplicate-active .bjBox img {transition: 6s linear; transform: scale(1,1);}
.bannerSwiper .slideBox {padding-left: 1rem;}
.bannerSwiper .slideTit {display: flex; align-items: center; line-height: 1;}
.bannerSwiper .slideTit img {max-width: 1rem;}
.bannerSwiper .slideTit i {width: 1px;height: 0.24rem;background: #ffffff; margin: 0 .25rem;}
.bannerSwiper .slideTit span {font-size: var(--font26);font-weight: 500;;color: #ffffff;}
.bannerSwiper .slidecon strong {font-size: 0.6rem; color: #fff;margin-top: .25rem; font-weight: 100; display: block;	font-family: 'alimafyti';}
.bannerSwiper .more {margin-top: 1rem;}
.bannerSwiper .swiper-button-prev.swjt {transform: rotate(180deg);}
.bannerSwiper .swiper-pagination span {width: 0.33rem;height: 3px; background: #c0c0c0; border-radius: 0; opacity: 1;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #a62a17;}
.bannerSwiper .swjt {width: 40px;height: 40px;background: rgba(255, 255, 255,.2); border-radius: 50%;}

.indexTle h3 {font-size: 0.56rem;font-weight: 700; color: #ffffff;}

.indexOne {position: relative; padding: 1rem 0 1.5rem 0;}
.indexOne .box {display: flex; justify-content: space-between;padding-left: 5%; box-sizing: border-box;}
.indexOne .box .le {width: 25%;}
.indexOne .le {margin-top: .6rem;}
.indexOne .le .tit {
	color: #333333;
	font-size: 0.36rem;
	font-weight: 700;
}
.indexOne .le .tit2 {color: #333333; font-size: var(--font20); margin-top: .5rem; display: block;}
.indexOne .le .more {margin-top: .7rem;}
.indexOne .le .swiperPagBox {position: relative; display: flex; align-items:center ; margin-top: 2rem;}
.indexOne .le .swiper-pagination {position: relative; width: auto; bottom: 0; margin: 0 .1rem;}
.indexOne .le .swjt {position: relative; margin: 0; width: auto; height: auto;left: 0; right: 0;}
.indexOne .le .swjt.swiper-button-prev {transform: rotate(180deg);}
.indexOne .swiperBox {width: 70%; position: relative;}
.inOneSwiper .imgBox {position: relative;height:4rem; padding: .6rem .2rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; z-index: 1;}
.inOneSwiper .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; image-rendering: auto; }
.inOneSwiper .imgBox::after {content: ""; background: #a62a17; width: 100%; position: absolute; left: 0; height: 100%; z-index: -1;  transition: .5s; opacity: 0;}
.inOneSwiper h5 {color: #262626; font-size: .21rem;margin-top: .3rem; text-align: center;	font-family: 'alimafyti';font-weight: 100;}
.inOneSwiper span {color: #262626; font-size: .15rem; text-align: center; display: block;}
.inOneSwiper .swiper-slide:hover .imgBox::after {border-radius: 1.5rem; opacity: 1;}
.inOneSwiper .more {color: #E48B9D; display: flex; justify-content: center; margin-top: .4rem; transition: .5s; opacity: 0; }
.inOneSwiper .more i {margin-left: .05rem;}
.inOneSwiper .swiper-slide:active {opacity: 1;}

@media screen and (min-width: 1200px) and (max-width: 1580px) {
    .inOneSwiper .imgBox {height: 5.2rem;} 
}
@media (any-hover:hover) {
    .inOneSwiper .swiper-slide:hover .more {opacity: 1;}
}







.indexTwo {position: relative; padding-top: 42%; z-index: 222;}

.indexTwo .bjBox {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: url(../imag1111es/indexTwo-bj.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

.indexTwo .play_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}

.indexTwo .play_overlay .play_btn { position: absolute;display: block;top: 50%;left: 50%;width: 1rem;height: 1rem;min-width: 60px;min-height: 60px;transform: translate(-50%, -50%);}

.indexTwo .play_overlay .play_btn::before {animation: playbtnscale 2s ease-out infinite; background: #c20813; opacity: 0.5; animation-delay: 0;}

.indexTwo .play_overlay .play_btn::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; border-radius: 50%; content: ''; z-index: -1;}

.indexTwo .play_overlay .play_btn::after { animation: playbtnscal2 2s ease-out infinite; background: #c20813;opacity: 0.3;animation-delay: 0;}

.indexTwo .play_overlay .play_btn::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 24px;height: 24px; border-radius: 50%; content: ''; z-index: -1;}

.indexTwo .play_overlay .play_btn .icon {width: 100%; height: 100%; background: url(../images/play_button2.png) center/contain no-repeat;}

@keyframes playbtnscale { 0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(7); opacity: 0; }}

@keyframes playbtnscal2 {0% { transform: translate(-50%, -50%) scale(1); opacity: .9;} 100% {transform: translate(-50%, -50%) scale(10); opacity: 0; }}









.indexThre {overflow: hidden; position: relative; padding: 1rem 0 1.3rem;}
.indexThre .box {padding-left: 5%; box-sizing: border-box;}
.indexThre .swiperBox1 {width: 100%; position: relative;}
.inThSwiper .sildeBox {display: flex; justify-content: space-between;}
.inThSwiper .slideInfo {width:26%; height: 5.75rem;}
.inThSwiper .slideInfo .imgBox {width: 100%; height: 100%;background: #f2f2f4;}
.inThSwiper .slideInfo .imgBox img {width: 100%;height: 100%; object-fit: cover;}
.inThSwiper .slide2Box {width:71.25%;}
.inThSwiper2 .imgBox {padding: .4rem; background: #f2f2f4; height:4.45rem; display: flex; align-items: center; justify-content: center;}
.inThSwiper2 .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}
.inThSwiper2 .swiper-slide span {display: block; text-align: center; color: #262626; margin-top: .2rem; font-size: .2rem;}
.inThSwiper2 .swiper-slide:hover .imgBox img {transform: scale(1.03);} 
.indexThre .swiperPagBox {position: relative; display: flex; align-items:center ; margin-top: 2rem;}
.indexThre .swiper-pagination {position: relative; width: auto; bottom: 0; margin: 0 .1rem;}
.indexThre .swjt {position: relative; margin: 0; width: auto; height: auto;left: 0; right: 0;}
.indexThre .swjt.swiper-button-prev {transform: rotate(180deg);}
.indexThre .swiperPagBox {margin-top: .5rem; margin-right: .5rem; justify-content: flex-end;}

.indexFour {background: #1e1e1e;padding: 1rem 0;}
.indexFour .box {display: flex; justify-content: space-between; position: relative;padding-left: 5%;}
.indexFour .le {width: 35%;}
.indexFour .le .tit2 {font-size: var(--font18);font-weight: 500;color: #ffffff; margin-top: .4rem;} 
.indexFour .le .more {margin-top: 1rem;}
.indexFour .le .more i { background: #fff;}
.indexFour .le .more span {color: #fff;}
.indexFour .swiperPagBox {position: relative; display: flex; align-items:center ; margin-top: 2rem;}
.indexFour .swiper-pagination {position: relative; width: auto; bottom: 0; margin: 0 .1rem; color: #fff;}
.indexFour .swjt {position: relative; margin: 0; width: auto; height: auto;left: 0; right: 0;}
.indexFour .swjt.swiper-button-prev {transform: rotate(180deg);}    
.indexFour .re {width: 60%;}
.indexFour .re .swiperBox {height: 100%;}
.inFoSwiper {height: 100%;}
.inFoSwiper .imgBox {height: 100%;}
.inFoSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover;}

.indexFive {padding: 1.5rem 0; padding-bottom: 0; overflow: hidden;}
.indexFive .indexTle h3 {color: #333;}
.indexFive .box {margin-top: 1rem;}
.indexFive ul {display: flex;}
.indexFive ul li { position: relative; margin: .1rem; width: 20%; z-index: 1;}
.indexFive ul li .imgBox {position: relative;}
.indexFive ul li .imgBox2 {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: .5s;display: none;}  
.indexFive ul li img {width: 100%; height: 100%; object-fit: cover;transition: all .5s;}
.indexFive ul li .imgBox:hover img{transform: scale(1.1);}
.indexFive ul li .liTop {position: relative;}
.indexFive ul li .liBom {margin-top: .2rem; position: relative;}
.indexFive ul li.li4 {width: 38%; margin-top: .6rem;}
.indexFive ul li.li4 .liTop {display: flex; align-items: flex-end;}
.indexFive ul li.li4 .img1-1 {position: relative; left: .2rem;}
.indexFive ul li.li4 .liBom {width: 85%;}
.indexFive ul li:nth-child(1) .liBom {left: .6rem; top: -1.3rem; z-index: -1;}
.indexFive ul li:nth-child(2) {top: -1rem;}
.indexFive ul li:nth-child(3) {top: -1.7rem;}
.indexFive ul li:nth-child(3) .liTop {left: .65rem;}
.indexFive ul li:nth-child(3) .liBom {top: -1.8rem;}
/* .indexFive ul li:active {z-index: 2;}
.indexFive ul li > div:active {z-index: 2 !important;}
.indexFive ul li > div:active .imgBox2 {opacity: 1; visibility: visible; z-index: 2;} */
/* .indexFive ul li:hover {z-index: 2;}
.indexFive ul li > div:hover {z-index: 2 !important;}
.indexFive ul li > div:hover .imgBox2 {opacity: 1; visibility: visible; z-index: 2;} */
/* @media (any-hover:hover) {
    .indexFive ul li:hover {z-index: 2;}
    .indexFive ul li > div:hover {z-index: 2 !important;}
    .indexFive ul li > div:hover .imgBox2 {opacity: 1; visibility: visible; z-index: 2;}
} */

.indexSix {background: #f3f3f3;padding: 1.8rem 0;}
.indexSix .indexTle h3 {color: #333;}
.indexSix .box {display: flex; justify-content: space-between;}
.indexSix .le .tit2 {color: #333333; font-size: var(--font20); margin-top: .4rem;}
.indexSix .le {width: 20%;}
.indexSix .re {width: 72%;}
.indexSix .le .more {margin-top: 1rem;}
.inSixSwiper .imgBox {overflow: hidden;}
.inSixSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.inSixSwiper .swiper-slide h5 {font-size: var(--font22);font-weight: 700;color: #333333; margin-top: .3rem; display: block;}
.inSixSwiper .swiper-slide p {color: #333333; margin-top: .2rem;}
.inSixSwiper .swiper-slide:hover .imgBox img {transform: scale(1.1);}

.indexSeven {position: relative; background: url(../images/indexSeven-bj.jpg) no-repeat center; background-size: cover; padding: 1.8rem 0;}
.indexSeven .box {display: flex; justify-content: flex-end;}
.indexSeven .con {width: 45%;}
.indexSeven .con .text {margin-top: .4rem; width: 80%;}
.indexSeven .con .text p {color: #fff; line-height: 1.7; font-size: var(--font18); text-align: justify;}
.indexSeven .con .more {margin-top: 1rem;}

/* =====底部===== */
.footer {margin-bottom: .2rem; border-top: 1px solid rgba(185, 185, 185,.68);}
.foternav {display: flex;justify-content: space-between; padding: .7rem 0; border-bottom: 1px solid rgba(115, 115, 115,.2);}
.foternav dl {margin-right: .3rem;}
.foternav dl:last-child {margin-right: 0;}
.foternav dl dt {margin-bottom: .3rem;}
.foternav dl dt a {color: #333333; font-size: var(--font20);font-weight: 700;}
.foternav dd {margin: .1rem 0;}
.foternav dd a {color: #737373; font-size: var(--font15);}
.foternav dd a:hover {color: #E48B9D;}
.foterus {max-width: 30%;}
.foterus .tit {color: #333333; font-size: var(--font20);font-weight: 700;}
.foterus .links {margin-top: .3rem;}
.foterus .links ul {display: flex; }
.foterus .links ul li {margin-right: .11rem; position: relative;}
.foterus .links ul li:last-child {margin-right: 0;}
.foterus .links ul li a {
	width: 40px;
	height: 40px;
	background: #f2f1f1;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.foterus .links ul li a svg {max-width: 80%;}
.foterus .links ul li .codeBox {position: absolute; top: 120%; opacity: 0; visibility: hidden; transition: .5s; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: .1rem; border-radius: 5px;}
.foterus .links ul li .codeBox img {max-width: 1.2rem;}
.foterus .links ul li:hover .codeBox {top: 100%; opacity: 1; visibility: visible;}
.foterus .copyRight {margin-top: .6rem;}
.foterus .copyRight p {color: #737373;font-size: var(--font15); margin: .1rem 0;}


/* ===================================================================================内页================================================================================== */
.ny-banner {position: relative; z-index: 1; overflow: hidden;}
.ny-banner .imgBox {width: 100%; top: 0; height: 100%;} 
.ny-banner .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.ny-banner .bancon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%;}
.ny-banner .banTit {text-align: center; position: relative;}
.ny-banner .banTit h2 {font-size: 0.7rem;font-weight: 700; color: #ffffff; text-transform: uppercase;}
.ny-banner .banTit .titbj {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width: 50%;}
.ny-banner .banTit .titbj img {max-width: 100%;}
.bannnav {position: absolute; left: 50%; top: auto; bottom: 0; transform: translate(-50%, -50%);}
.bannnav ul {display: flex; justify-content: center;}
.bannnav li {margin: 0 .2rem;}
.bannnav li a {color: #ffffff; font-size: var(--font18); display: block; padding: .13rem .32rem; border-radius: 50px; transition: .5s;}
.bannnav li:hover a , .bannnav li.on a {background: #a62a17;}

/* 内页导航 */
.nywrapnav {display: none;}
.nywrapnav ul {display: flex; flex-wrap: wrap; justify-content: center;}
.nywrapnav ul li {margin-left: -1px; margin-top: -1px; width: 33%; text-align: center;}
.nywrapnav ul li a {padding: .2rem .2rem; display: block; border: 1px solid #eee;}
.nywrapnav ul li:active a , .nywrapnav ul li.on a {background: #E48B9D; color: #fff;}

/* 关于我们 */
.aboutTle {text-align: center;}
.aboutTle h3 {font-size: var(--font48); color: #000000;font-weight: 700;} 
.aboutTle i {display: inline-block;width: 0.45rem; height: 0.04rem;  background: #a62a17;}

.aboutOne {padding: 1rem 0 1rem;}
.aboutOne .text {width: 60%; margin: auto; padding-top: .4rem;}
.aboutOne .text p {color: #333333; font-size: var(--font18); text-indent: 2em; line-height: 1.8;}
.aboutOne ul {margin: -.1rem; margin-top: 1.5rem; display: flex; width: 106%; position: relative; left: -3%;   height: 25vw;}
.aboutOne li {flex: 1;margin: 0 .1rem;   transition: -ms-flex .6s,-ms-flex .6s,flex .6s; position: relative;}
.aboutOne li a {position: absolute; left: 0; width: 100%; height: 100%; top: 0; z-index: 1;}
.aboutOne li:nth-child(even) {transform: translateY(-.5rem);}
.aboutOne li .imgBox {filter: grayscale();border-radius: .2rem;width: 100%; height: 100%; transition: filter .5s ease-in-out; position: absolute; top: 0; right: 0; overflow: hidden;}
.aboutOne li .imgBox::after {content: "";background: linear-gradient(transparent 55%,rgba(0,0,0,.8) 100%); width: 100%; height: 100%; position: absolute; bottom: 0; left: 0;}
.aboutOne li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutOne li .con { max-width: 90%; position: absolute; bottom: .4rem; left: 5%; text-align: center; width: 100%; transition: .5s;}
.aboutOne li .con .showTit {color: #fff; font-size: .2rem; transition: .4s;}
.aboutOne li .hideCon {position: absolute;width: 100%; bottom: .4rem; opacity: 0; transition: .4s;}
.aboutOne li .hideCon .tit2 {font-size: .25rem;color: #ffffff; font-weight: 700;}
.aboutOne li .hideCon p {color: #ffffff; margin-top: .2rem;font-size: .16rem;}
.aboutOne li .more {position: absolute; left: 50%; top: 100%; transform: translate(-50%, -50%);width: 1rem;height: 1rem; background: #a62a17; border-radius: 50%; opacity: 0; visibility: hidden; transition: .5s;}
.aboutOne li .more span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;    padding: .1rem;box-sizing: border-box;}
.aboutOne li .more span img {max-width: 100%;}
.aboutOne li .more b {color: #ffffff; font-size: .16rem;}
.morelist {width: 1rem;height: 1rem; min-width: 65px; min-height: 65px; background: #a62a17; border-radius: 50%; margin: auto; margin-top: 1.2rem; transition: .5s; position: relative;}
.morelist a {height: 100%;}
.morelist span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;    padding: .1rem;box-sizing: border-box;}
.morelist span img {max-width: 100%;animation: myfirst 10s linear infinite;}
.morelist b {color: #ffffff; font-size: .16rem;}
@media screen and (min-width: 768px)  {
.aboutOne li.on {flex: 2.5;}
.aboutOne li.on .imgBox {filter: grayscale(0);}
.aboutOne li.on .showTit {opacity: 0;}
.aboutOne li.on .hideCon {opacity: 1; bottom: .8rem; transition-delay: .5s;}
.aboutOne li.on .more {opacity: 1; visibility: visible;transition-delay: .3s; }
}

.aboutTwo {background: #f9f9f9; padding: .8rem 0 2rem;}
.aboutTwo .box {display: flex; justify-content: center; margin-top: .7rem;}
.aboutTwo .box .con {width: 5.69rem; height: 5.69rem; border: 1px solid rgba(181, 181, 181,.5); border-radius: 50%; margin: auto; justify-content: center; position: relative;}
.aboutTwo .box .con .pic {width: 65%; height: 65%; border-radius: 50%; position: relative; z-index: 1;}
.aboutTwo .box .con .pic::after {content: ""; width: 100%; height: 100%;background: #b5b5b5; position: absolute; opacity: 0; left: 0%; top: 0%; border-radius: 50%; z-index: 0;}
.aboutTwo .box .con .pic img { max-width: 100%; max-height: 100%; object-fit: cover; position: relative; z-index: 1;}
.aboutTwo .box .con .pic .img2 {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 60%;}
.aboutTwo .box .con .pic::after {animation: scalemap2 2s linear infinite;}
@keyframes scalemap2 {
 0% {transform: scale(1); opacity: 0.9;}
 100% {transform:scale(1.3); opacity: 0;}
}

.aboutTwo ul {overflow: hidden;}
.aboutTwo ul li {position: absolute; padding-right: .5rem; box-sizing: border-box;z-index: 2;}
.aboutTwo ul li span {color: #a62a17;font-weight: 500; font-size: .18rem;}
.aboutTwo ul li p {color: #333333;font-size: 0.3rem;}
.aboutTwo ul li i {position: absolute; left: 100%; top: 50%; transform: translate(-50%, -50%);}
.aboutTwo ul li i {margin-right: .1rem; flex-shrink: 0; position: absolute; z-index: 1;}
.aboutTwo ul li i::before {content: "";width: .14rem; height: .14rem;background: #a62a17; border-radius: 50%; display: block; flex-shrink: 0; position: relative; z-index: 2;}
.aboutTwo ul li i::after {content: ""; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background: #a62a17; border-radius: 50%; z-index: -1; animation: shubiao3 1s infinite linear .65s;}
@keyframes shubiao3 {0% {transform: scale(1); opacity: 0;}33% {transform: scale(2);opacity: .5;}66% {transform: scale(2.5);opacity: .5;} 100% {transform: scale(1);opacity: 1;}}
.aboutTwo ul li.le {text-align: right;}
.aboutTwo ul li.re { right: 0; left: auto; padding-right: 0; padding: 0;}
.aboutTwo ul li.re .rotate180 {transform: rotateX(180deg); padding-left: .5rem;}
.aboutTwo ul li.re .info {transform: rotateX(180deg); }
.aboutTwo ul li.re i {left: 0;}
.aboutTwo ul li:nth-child(1) {top: 10%;left: -80%;}
.aboutTwo ul li:nth-child(2) {top: 60%;left: -43%;}
.aboutTwo ul li:nth-child(3) {top: 10%;right: -54%;}
.aboutTwo ul li:nth-child(4) {top: 60%;right: -85.5%;}
.aboutTwo ul li.last {left: 0;top: 100%;text-align: center; width: 100%; padding: 0; padding-top: .3rem;}
.aboutTwo ul li.last i {left: 50%; top: 0;}

.aboutThre {background: url(../images/aboutThre-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0 1.2rem; overflow: hidden;}
.aboutThre .aboutTle h3 {color: #fff;}
.aboutThre .aboutTle i {background: #fff;}
.aboutThre .swiperBoxAll {position: relative; overflow: hidden;}
.aboutThre .swiperBox1 {position: absolute;left: 0;width: 100%; top: 1.5rem; z-index: 10;}
.aboutThre .swiperBox1 .svgBox {height: 100%;position: relative; width: 100%;left: 0; bottom: 0;}
.aboutThre .swiperBox1 .svgBox svg {width: 100%; height: 100%;display: block}
/* .abThSwiper1 {overflow: initial;background: url(../images/meco-line.png) no-repeat center bottom; background-size: 100%; height: 2.4rem;} */
.abThSwiper1 {position: absolute; height: 100%;  width: 100%; top: 0; overflow: visible;}
.abThSwiper1 .vCon {cursor: pointer;position: absolute;width: 100%;transition: .5s all;}
.abThSwiper1 h5{font-size: .3rem;color: #a62a17;font-weight: 700;text-align: center;transition: .5s all;}
.abThSwiper1 .dian {position: relative; width: .1rem;height: .1rem;border-radius: 50%;transition: .5s all; margin: auto;background: #ffffff; margin-top: .1rem;}
.abThSwiper1 .dian::after {opacity: 0; content: ""; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0);width: .3rem; height: .3rem; border: 1px solid #a62a17; transition: .5s;}
.abThSwiper1 .dian::before {content: ""; width: .5rem; height: .5rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: #a62a17; opacity: 0; z-index: -1;}
.abThSwiper1 .swiper-slide{transition: .5s all;}
.abThSwiper1 .swiper-slide-thumb-active h5 {opacity: 0;}
.abThSwiper1 .swiper-slide-thumb-active .dian {background: #a62a17;}
.abThSwiper1 .swiper-slide-thumb-active .dian::after {opacity: 1;transform: translate(-50%, -50%) scale(1);transition-delay: .3s;}
.abThSwiper1 .swiper-slide-thumb-active .dian::before {animation: scalemap 2s linear infinite;}
.abThSwiper1 .swiper-slide-active .vCon {bottom: 52%;} 
.abThSwiper1 .swiper-slide-next .vCon {bottom: 18%;}
.abThSwiper1 .item-1 .vCon{bottom: 26%;}
.abThSwiper1 .item-2 .vCon{bottom: 57%;}
.abThSwiper1 .item-3 .vCon{bottom: 59%;}
.abThSwiper1 .item-4 .vCon{bottom: 26%;}
.abThSwiper2 .v1 {font-size: 3.76rem;font-weight: 700;color: rgba(255, 255, 255,.06); text-align: center;}
.abThSwiper2 .vc {}
.abThSwiper2 .v2 {color: #a62a17;font-size: 0.3rem; }
.abThSwiper2 .v3 {color: #ffffff;font-size: 0.42rem;font-weight: 500;margin-top: .15rem;}
.abThSwiper2 .v3 span {display: block;}
.abThSwiper2 .swjt {left: auto; right: 1rem; bottom: 0; top: auto; border-radius: 50%; width: 0.62rem; height: 0.62rem; min-height: 42px; min-width: 42px; border: 1px solid rgba(255, 255, 255,.32); transition: .5s;}
.abThSwiper2 .swiper-button-prev {transform: rotate(180deg) translateX(150%);}
.abThSwiper2 .swjt svg {max-width: 50%;}
.abThSwiper2 .swjt:active {background: #a62a17; border-color: #a62a17;}
@media (any-hover:hover) {
    .abThSwiper2 .swjt:hover {background: #a62a17;border-color: #a62a17;}
}
.aboutFour {background: #fff;z-index: 1; position: relative;}
.aboutFour .box {display: flex; justify-content: space-between; align-items: center;}
.aboutFour .aboutTle {text-align: left;}
.aboutFour .text {margin-top: .6rem; max-height: 6rem; overflow-y: auto; padding-right: .2rem;}

.aboutFour .text p {color: #333333;font-weight: 500; font-size: var(--font18); line-height: 1.8; margin-top: .3rem;}
.aboutFour .le {width: 45%;}
.aboutFour .re {display: flex;width: 44%; justify-content: space-between; position: relative;}
.aboutFour .re::before {content: ""; position: absolute; left: 0; top: 0; height: 30%; width: 100%; background: linear-gradient(0deg, transparent, #fff); z-index: 1;}
.aboutFour .re::after {content: ""; position: absolute; left: 0; bottom: 0; height: 30%; width: 100%; background: linear-gradient(180deg, transparent, #fff); z-index: 1;}
.picMarquee-top {width: 48%;}
.picMarquee-top .picList li {margin-top: .4rem;background: #a62a17; border-radius: 0.2rem; overflow: hidden;}
.picMarquee-top .picList li img {width: 100%; height: 100%; object-fit: cover; min-height: 4.7rem;}


/* =====品牌专区===== */
.brandlist li {position: sticky; top: 1rem;}
.brandlist li .con {position: absolute; width: 100%; bottom: .7rem; text-align: center; z-index: 1;}
.brandlist li .bjBox img {width: 100%; object-fit: cover;}
.brandlist li .more1 {padding: .13rem .45rem;}
.brandlist li .more1 span {margin-right: 0; }
.brandlist li .con h5 {font-size: var(--font48); font-weight: 700; color: #ffffff;}
.brandlist li .con p {display: block;font-size: var(--font30); color: #ffffff;  letter-spacing: 0.03rem;}
.brandlist li .more {margin-top: .2rem;}

/* =====品牌故事===== */
.bstoryMain {overflow: hidden;}
.bstoryMain .container {width: 1500px;}
.bstoryTit strong {display: block; font-weight: normal;font-size: 0.56rem;color: #ffffff; line-height: 1.2;}
.bstoryTit i {width: 0.55rem; height: 0.05rem;background: #a62a17; display: inline-block; margin-top: .3rem;}
.bstoryOne {background: #181818; position: relative; z-index: 1;}
.bstoryOne .container {height: 100%;}
.bstoryOne .box {display: flex; justify-content: space-between; height: 100%;}
.bstoryOne .le { width: 42%; height: 100%;}
.bstoryOne .le .imgBox {width: 42%; height: 100%;position: absolute; left: 0; top: 0; z-index: -1;}
.bstoryOne .le .imgBox img {width: 100%; height: 100%; object-fit: cover; }
.bstoryOne .le .tit {margin-top: 1rem;}
.bstoryOne .le .tit strong {font-size: 0.62rem;color: #ffffff;font-weight: 700; display: block;}
.bstoryOne .le .tit i {display: inline-block; width: 0.55rem; height: 0.05rem;background: #a62a17; margin-top: .3rem;}
.bstoryOne .re {width: 56%; padding: 1.2rem 0 2.2rem;}
.bstoryOne .re .text {margin-top: .6rem;}
.bstoryOne .re .text p {color: #ffffff; line-height: 1.8;opacity: 0.71;font-size: var(--font18);}

.bstoryTwo {position: relative;z-index: 2;}
.bstoryTwo .bstoryTit strong {color: #333;}
.bstoryTwo .box {display: flex; justify-content: space-between;padding: 1.2rem 0; position: relative;}
.bstoryTwo .box .le {width: 40%;}
.bstoryTwo .text {margin-top: 1rem;}
.bstoryTwo .text p {color: #333333; font-size: var(--font18); margin-top: .3rem; line-height: 1.8;}
.bstoryTwo .re {width: 45%; position: relative;}
.bstoryTwo ul {display: flex; justify-content: space-between;}
.bstoryTwo li {width: 48%;}
.bstoryTwo li img {width: 100%;}
.bstoryTwo li:nth-child(1) {margin-top: 1rem;}
.bstoryTwo .logo {position: absolute; left: 40%; top: 0%; transform: translate(-50%, -120%);width: 140%;}
.bstoryTwo .logo img {max-width: 100%;}

.bstoryThre {margin-bottom: 2rem;}
.bstoryThre .win1920 {position: relative;}
.bstoryThre .box {position: relative; padding: 2rem 0 2.5rem; display: flex; justify-content: flex-end; z-index: 1;}
.bstoryThre .box::after {content: ""; background: #181818; left: 0; top: 0; height: 100%; position: absolute; width: 200%; z-index: -1;}
.bstoryThre .le {position: absolute; left: 0; z-index: 2; height: 100%;width: 50%; margin-top: .6rem; overflow: hidden;}
.bstoryThre .le img {width: 100%; height: 100%; object-fit: cover;}
.bstoryThre .re {width: 45%;}
.bstoryThre .re .text {}
.bstoryThre .re .text p {color: #fff; line-height: 1.8; font-size: var(--font18) ; margin-top: .3rem;}

/* =====加盟合作===== */
.joinOne {padding: 1rem 0 1.4rem;}
.joinOne .box {margin-top: 1rem;}
.joinOne ul {display: flex; justify-content: space-between;}
.joinOne li {width: calc(100% / 3); text-align: center; padding: 0 .7rem; box-sizing: border-box; border-right: 1px solid #ECECEC; box-sizing: border-box;}
.joinOne li .icBox {max-width: 1rem; margin: auto;}
.joinOne li .icBox img {max-width: 100%;}
.joinOne li:last-child {border: 0;}
.joinOne li h5 {margin-top: .3rem;color: #333333;font-size: var(--font36);font-weight: 700;}
.joinOne li .text {margin-top: .3rem;}
.joinOne li .text p {color: #666666; line-height: 1.7;}

.joinTwo {background: url(../images/joinTwo-bj.jpg) no-repeat center; background-size: cover; }
.joinTwo .box .con .pic {background: #a62a17;}
.joinTwo .box .con .pic::after {background: #a62a17;}
.joinTwo ul li i::before {width: .1rem; height: .1rem;}
.joinTwo ul li span {color: #333333; font-size: .24rem;font-weight: 800;}
.joinTwo ul li p {color: #666666; font-size: .16rem;}
.joinTwo ul li:nth-child(1) {top: 3%; left: -45%;}
.joinTwo ul li:nth-child(2) {top: 46%; left: -62.5%;}
.joinTwo ul li:nth-child(3) {top: 88%; left: -30%; right: auto;}
.joinTwo ul li:nth-child(4) {top: 3%; right: -45.5%;}
.joinTwo ul li:nth-child(5) {top: 46%; right: -62.5%; left: auto;}
.joinTwo ul li:nth-child(6) {top: 88%; right: -55.5%; left: auto;}
@media screen and (min-width: 200px) and (max-width: 1580px) {
    .joinTwo ul li:nth-child(1) {left: -55%;}
    .joinTwo ul li:nth-child(2) {left: -70%;}
    .joinTwo ul li:nth-child(3) {left: -35.5%;}
    .joinTwo ul li:nth-child(4) {right: -54.5%;}
    .joinTwo ul li:nth-child(5) {right: -70%;}
    .joinTwo ul li:nth-child(6) {right: -64.5%;}
}

.joinThre {padding: .8rem 0 1rem;}
.joinThre .box {margin-top: .6rem;}
.joinThre ul {display: grid; grid-template-columns: repeat(5,1fr);gap: .3rem;}
.joinThre li {background: #f6f6f6;border-radius: 0.08rem; padding: .5rem .3rem .6rem .3rem; transition: .5s;}
.joinThre li b {color: #333333; font-size: var(--font24); transition: .5s;}
.joinThre li p {margin-top: .15rem;color: #545454; font-size: var(--font18); transition: .5s;}
.joinThre li:hover {background: #a62a17;box-shadow: 0.06rem 0.1rem 0.27rem 0rem rgba(3,0,0,0.04); }
.joinThre li:hover b , .joinThre li:hover p {color: #fff;}

.joinFour {background: url(../images/joinFour-bj.jpg) no-repeat center; background-size: cover; padding-top: .8rem;}
.joinFour .box {padding: 2rem 0; display: flex; justify-content: center;}
.joinFour .aboutTle h3 {color: #fff;}
.joinFour .box .con {display: inline-block; position: relative;}
.joinFour .box .con .xian img {max-width: 100%;}
.joinFour li {position: absolute; text-align: center;}
.joinFour li .icBox {width: 1.11rem;height: 1.11rem;  padding: .14rem; box-sizing: border-box; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative;}
.joinFour li .icBox::before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; border: 1px dashed #a62a17;animation: myfirst 10s linear infinite; box-sizing: border-box;}
.joinFour li .icBox i {background: #a62a17;width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.joinFour li .icBox i img {max-width: 50%;}
.joinFour li span {color: #ffffff;font-weight: 700; font-size: .24rem; display: block; margin-top: .25rem;}
.joinFour li:nth-child(even) span {margin-bottom: .25rem; margin-top: 0;}
.joinFour li:nth-child(1) {top: -20%; left: -3%;}
.joinFour li:nth-child(2) {left: 24%;top: -18%;}
.joinFour li:nth-child(3) {left: 46%;top: 15%;}
.joinFour li:nth-child(4) {left: 70%;top: -30%;}
.joinFour li:nth-child(5) {left: 98%;top: 36%;}

.joinFive {padding: 1rem 0;}
.joinFive .box {margin-top: .5rem; display: flex; justify-content: space-between;background: #f6f6f6;}
.joinFive .le {width: 50%;}
.joinFive .le img {width: 100%; height: 100%; object-fit: cover;}
.joinFive .re {width: 50%;padding: 1rem; box-sizing: border-box;}
.joinFive .re p {color: #333333; font-size: var(--font20);margin: .3rem 0;}

.joinSix .box {margin-top: .6rem;padding: 1rem; background: #ffffff;box-shadow: 0.06rem 0.1rem 0.27rem 0rem rgba(3,0,0,0.04); }
.joinSix .link {margin-top: .8rem;}
.joinSix .link .tit {color: #333333;font-weight: 700; font-size: var(--font26);}
.joinSix .link ul {display: flex; margin-top: .4rem;}
.joinSix .link li {margin-right: .12rem;}
.joinSix .link li a {width: 0.65rem; height: 0.65rem;background: #f9f9f9; border-radius: 50%;transition: .5s;}
.joinSix .link li a svg {max-width: 50%;}
.joinSix .link li:nth-child(2)  a svg {max-width: 80%;}
.joinSix .link li a svg path {fill: #CACACA;}
.joinSix .link li:hover a {background: #E48B9D;}
.joinSix .link li:hover a svg path {fill: #fff;}

/* 表单提交 */
.joinformBox {}
.joinformBox form {display: grid; grid-template-columns: repeat(4,1fr); gap: .35rem; row-gap: .5rem; justify-content: space-between;}
.joinformBox form .col1 {position: relative;border-bottom: 1px solid #CCCCCC;}
.joinformBox form .col2 {display: flex; align-items: center; justify-content: space-between;}
.joinformBox form input {background: none; border: none; color: #333;width: 100%;outline: none;padding: 0.12rem 0; position: relative; z-index: 1;}
.joinformBox form label {font-weight: 400;color: #666;position: absolute;top: .12rem; z-index: 0;transition: .5s;left: 0;}
.joinformBox form label em {color: #CA0000;}
.joinformBox form select { appearance: none; /*< 箭头移除 */ color: #fff; background-color: transparent;border: none;padding: .12rem 1em .12rem 0;margin: 0;width: 100%;font-family: inherit;font-size: inherit;cursor: inherit;line-height: inherit; position: relative; z-index: 1;}
.joinformBox form select::-ms-expand { display: none;/* 箭头移除  */}
.joinformBox form .col2::after {content: "";width: 9px;height: 5px;background: #555555;clip-path: polygon(100% 0%, 0 0%, 50% 100%);}
.joinformBox form select option { background: #333;}
.joinformBox form .hideInput {position: absolute; background: none; }
.joinformBox form input:focus + label {top: -.15rem; font-size: var(--font14);}
.joinformBox form input.filled + label {top: -.15rem; font-size: var(--font14);}
.joinformBox form select:focus + label {top: -.15rem; font-size: var(--font14);}
.joinformBox form select.filled + label {top: -.15rem; font-size: var(--font14);}
.joinformBox form .col3 {justify-content: flex-end;}
.joinformBox form .col3 input {position: absolute;}
.joinformBox form .subinput {grid-column: 1 / 5; display: flex; justify-content: center;}
.joinformBox form .subinput button { padding: .15rem 1.1rem; background: #a62a17; border-radius: 30px; color: #fff; cursor: pointer; font-size: var(--font18);}
.joinformBox form .subinput button:active {box-shadow: 0 0 10px #a62a17;}
.joinformBox form .erro {display: none;position: absolute;left: 50%;top: 150%;transform: translate(-50%, -50%);width: 100%;height: 100%;box-sizing: border-box;border-top: 1px solid red;color: red;font-size: var(--font14);}
.joinformBox form .colText {grid-column: 1 / 5;}
.joinformBox form .colcode img {position: absolute; top:0; width: 25%; height: 100%; right: 0; object-fit: contain;}
.joinformBox form .colcode input {width: calc(100% - 30%);}
.joinformBox form select {color: #666;}
.joinformBox form .col1.on .erro {display: none;}

@media screen and (min-width: 200px) and (max-width: 1028px) {
  /* 表单提交 */
  .joinformBox form {grid-template-columns: repeat(2,1fr);}
  .joinformBox form .colText ,.joinformBox form .subinput {grid-column: 1 / 3;}
}
@media screen and (min-width: 200px) and (max-width: 767px) {
.joinformBox form {grid-template-columns: repeat(1,1fr);  row-gap: .8rem;}
.joinformBox form .colText ,.joinformBox form .subinput {grid-column: 1 / 2;}
.joinformBox form input:focus + label {top: -.3rem;}
.joinformBox form input.filled + label {top: -.3rem;}
.joinformBox form select:focus + label {top: -.3rem;}
.joinformBox form select.filled + label {top: -.3rem;}
}

/* 省市区联动 */
.docs-methods {position: relative;width: 100%;bottom: 0;}
.docs-methods .city-picker-input {opacity: 0 !important;top: -9999px;left: -9999px; position: absolute;}
.city-picker-span {position: relative;display: block;outline: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: none; color: #333; cursor: pointer;}
.city-picker-span > .placeholder {color: #333;}
.city-picker-span > .arrow {position: absolute;top: 50%;right: 8px;width: 10px;margin-top: -3px;height: 5px;background: url(../images/drop-arrow.png) -10px -25px no-repeat;}
.city-picker-span.focus,
.city-picker-span.open {border-bottom-color: #46A4FF;}
.city-picker-span.open > .arrow {background-position: -10px -10px;}
.city-picker-span > .title {white-space: nowrap; overflow-x: auto; display: inline-block; max-width: 95%; padding-right: 10px;}
.city-picker-span > .title > span {color: #333;padding: 5px;border-radius: 3px;}
.city-picker-span > .title > span:hover {background-color: #f1f8ff;color: #138ABD;}
.city-picker-dropdown {position: absolute; width: 315px;left: -9999px;top: -9999px;outline: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);z-index: 999999;display: none;min-width: 300px;margin-bottom: 20px;}
.city-select-wrap {box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);}
.city-select-tab {  border-bottom: 1px solid #ccc; background: #f0f0f0;font-size: 13px;}
.city-select-tab > a {display: inline-block;padding: 8px 22px;border-left: 1px solid #ccc;border-bottom: 1px solid transparent;color: #4D4D4D;text-align: center; outline: 0; text-decoration: none; cursor: pointer;font-size: 14px;margin-bottom: -1px;}
.city-select-tab > a.active { background: #fff;border-bottom: 1px solid #fff;color: #46A4FF;}
.city-select-tab > a:first-child {border-left: none;}
.city-select-tab > a:last-child.active {border-right: 1px solid #ccc;}
.city-select-content {width: 100%;min-height: 10px;background-color: #fff;padding: 10px 15px;}
.city-select {font-size: 13px;}
.city-select dl {line-height: 2;clear: both;padding: 3px 0;margin: 0;}
.city-select dt {position: absolute;width: 2.5em;font-weight: 500;text-align: right;line-height: 2;}
.city-select dd {margin-left: 0;line-height: 2;}
.city-select.province dd {margin-left: 3em;}
.city-select a {display: inline-block;padding: 0 10px;outline: 0;text-decoration: none;white-space: nowrap;margin-right: 2px;text-decoration: none;color: #333; cursor: pointer;}
.city-select a:hover,
.city-select a:focus {background-color: #f1f8ff;border-radius: 2px;color: #46A4FF;}
.city-select a.active {background-color: #46A4FF;color: #fff;border-radius: 2px;}

.joinSeven {margin-top: 2.5rem; background: url(../images/joinSeven-bj.jpg) no-repeat center; background-size: cover; padding-top: 1rem; padding-bottom: 5.5rem;}
.joinSeven .imgBox {display: none;}
.joinSeven .imgBox img {width: 100%;}
.joinSeven .aboutTle h3 {color: #fff;}
.joinSeven .text {margin-top: .3rem;}
.joinSeven .text p {color: #fff; width: 50%; text-align: center; margin: auto;}

/* =====产品列表===== */
.mbxBox {padding: .5rem 0 .25rem;}
.mbxBox .mbx a {color: #737373;display: inline-flex;align-items: center; transition: .5s;}
.mbxBox .mbx a::after {display: inline-block; content: ""; width: 0.06rem; height: 0.06rem; border-radius: 50%;background: #d1d1d1; margin: 0 .1rem;}
.mbxBox .mbx a:last-child::after {display: none;}
.mbxBox .mbx a:hover {color: #a62a17;}

.proInfo .win1920 {position: relative;}
.proInfo .container {width: 1600px;}
.proInfo .box {display: flex; justify-content: space-between;}
.proInfo .le {padding: 1rem 0; width: 40%;}
.proInfo .re {height: 6.62rem; width: 50%;position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%);border-radius: 3.5rem 0rem 0rem 3.5rem; overflow: hidden;}
.proInfo .le .tit1 {color: #f08fa3;font-size: var(--font26);}
.proInfo .le .tit2 {color: #333333;font-size: 0.7rem;font-weight: 700;}
.proInfo .le .text {margin-top: .8rem;}
.proInfo .le .text span {display: block;color: #666666;font-size: var(--font20);line-height: 1.8;}
.proInfoSwiper {width: 100%; height: 100%;}
.proInfoSwiper .imgBox {height: 100%;}
.proInfoSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.proInfoSwiper .swiper-pagination {right: 0;width: auto;text-align: right; left: auto;  top: 50%;}
.proInfoSwiper .swiper-pagination span {display: block; margin: .15rem !important; background: #fff; opacity: 1;}
.proInfoSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #E48B9D;}

.prolist {padding: 1rem 0;}
.prolist .container {width: 1600px;}
.prolist ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .6rem; margin-top: .6rem;}
.prolist li {border-radius: 0.1rem;box-shadow: 0rem 0rem 0.73rem 0rem rgba(3,0,0,0.06); padding: .6rem .2rem;}
.prolist li .imgBox {text-align: center; height: 3rem;}
.prolist li .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}
.prolist li .con {text-align: center; margin-top: .3rem;}
.prolist li h6 {color: #222222;font-size: var(--font22);font-weight: 700;}
.prolist li p {color: #666666;margin-top: .05rem; display: none;}
.prolist li .more {margin-top: .6rem;}
.prolist li .more1 {padding: .13rem .35rem;}
.prolist li .more1 span {margin-right: 0;}
.prolist li:hover .imgBox img {transform: scale(1.03);}

/* 产品详情 */
.proDateMain .container {width: 1600px;}
.mbxBox .container {width: 172  0px;}

.proDateOne {padding: 1rem 0;}
.proDateOne .box {display: flex; justify-content: space-between; align-items: center;}
.proDateOne .le {width: 45%; display: flex;justify-content: space-between; align-items: flex-start;}
.proDateOne .swiperBox2 {width: 80%;}
.proDateOne .swiperBox1 {width: 20%;}
.proDateSwiper2 .imgBox {display: flex;align-items: center; justify-content: center;}
.proDateSwiper2 .imgBox img {max-width: 60%;}
.proDateOne .proDateSwiper2 .swiper-pagination {left: auto; right: 0; background: rgba(130, 130, 130,.28);width: 2px;}
.proDateOne .proDateSwiper2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000000;}
.proDateSwiper1 {height: 60%;}
.proDateSwiper1 .imgBox {height: 100%;display: flex;align-items: center; justify-content: center; opacity: .4; transition: .5s; cursor: pointer;}
.proDateSwiper1 .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.proDateSwiper1 .swiper-slide-thumb-active .imgBox {opacity: 1;}
.proDateOne .re {width: 50%; padding-right: 10%; box-sizing: border-box;}
.proDateOne .re .tit h5 {color: #333333;font-size: .48rem;font-weight: 800;}
.proDateOne .re .tit .money {color: #040404;font-weight: 500; font-size: var(--font30);}
.proDateOne .re .con {margin-top: .5rem; line-height: 1.8;     color: #737373;}
.proDateOne .re .con p {font-size: var(--font18);color: #737373;margin: .05rem 0;}
.proDateOne .re .more {margin-top: .8rem;}
.proDateOne .re .more a {display: flex; align-items: center; justify-content: center; padding: .16rem 0; color: #fff; transition: .5s;}
.proDateOne .re .more a.go1 {background: #a62a17;}
.proDateOne .re .more span {margin-left: .2rem;}
.proDateOne .re .more a.go2 {border: 1px solid #2f2f2f; color: #333; margin-top: .2rem;}
.proDateOne .re .more a.go2 .icBox {transform: rotateY(180deg);}
.proDateOne .re .more a.go1:hover {box-shadow: 0 0 10px #a62a17;}
.proDateOne .re .more a.go2:hover {background: #a62a17; color: #fff; border-color: #a62a17;}
.proDateOne .re .more a.go2:hover svg path {fill: #fff;}

.proDateTwo {background: #f2f2f2; padding: 1rem 0;}
.proDateTwo .aboutTle {text-align: left;}
.proDateTwo .box {display: flex; justify-content: space-between;}
.proDateTwo .le {width: 35%;}
.proDateTwo .re {width: 50%;}
.proDateTwo .le .text p {color: #666666;line-height: 1.7;}
.proDateTwo .le .videoMore {display: inline-flex; align-items: center; margin-top: 1rem; cursor: pointer;}
.proDateTwo .le .videoMore span {margin-left: .25rem;color: #0a0a0a;}
.proDateTwo ul li {margin-top: .4rem;}
.proDateTwo ul li .f_tit {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(47, 47, 47,.2); padding-bottom: .15rem; cursor: pointer;}
.proDateTwo ul li .f_tit .tit {color: #333333; font-size: var(--font26);font-weight: 800;width: 80%;}
.proDateTwo ul li .f_tit .but {flex-shrink: 0; transition: .5s; max-width: .5rem;}
.proDateTwo ul li .f_tit .but svg {max-width: 100%;}
.proDateTwo ul li .jut {padding: .2rem 0; display: none;}
.proDateTwo ul li.on .f_tit .but {transform: rotate(180deg);}

.proDateThre img {width: 100%;}

.proDateFour {background: #f5f5f5; padding: 1rem 0;}
.proDateFour .box {margin-top: .7rem;}
.proDateFour .listTop ul {display: flex; justify-content: space-between;} 
.proDateFour .listTop li {text-align: center; padding-bottom: .4rem; width: calc(100% / 6); position: relative;}
.proDateFour .listTop li .icBox {width: 0.8rem;height: 0.8rem;min-width: 50px;min-height: 50px; margin: auto; background: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.proDateFour .listTop li .icBox img {max-width: 40%;}
.proDateFour .listTop li span {color: #333333; font-size: var(--font20); margin-top: .1rem; display: block; transition: .5s;}
.proDateFour .listTop li::after {position: absolute;bottom: 0;left: 50%;display: block;width: 0;height: 0;margin-left: -.1rem;content: "";-webkit-transition: .5s;transition: .5s;border: 0 solid transparent; border-right-width: .1rem; border-bottom-width: .16rem; border-bottom-color: #fff;border-left-width: .1rem; opacity: 0;}
.proDateFour .listTop li.on::after {opacity: 1;}
.proDateFour .listTop li.on .icBox {background: #ededed; }
.proDateFour .listTop li.on span {color: #a62a17;}
.proDateFour .listBom {height: 0; opacity: 0;background: #ffffff;border-radius: 0.2rem;}
.proDateFour .listBom ul {box-sizing: border-box; text-align: center; font-size: .20rem; line-height: 1.8;}
.proDateFour .listBom li {display: none;; }
.proDateFour .listBom li .text { padding: .6rem .2rem;box-sizing: border-box;}

.proDateFive {padding: 1rem 0;}
.proDateFive .tle {display: flex; justify-content: space-between; align-items: center;}
.proDateFive .aboutTle {text-align: left;}
.proDateFive .swiperjtBox {display: flex; }
.proDateFive .swjt {position: relative; margin: 0;width: 0.66rem; height: 0.66rem;border: 1px solid #000000; border-radius: 50%; left: 0; transition: .5s;}
.proDateFive .swjt.swiper-button-prev {transform: rotate(180deg); margin-right: .2rem;}
.proDateFive .swjt svg {max-width: 50%;}
.proDateFive .swjt:hover {background: #000000;}
.proDateFive .swjt:hover svg path {fill: #fff;}
.proDateFive .swiperBox {margin-top: 1rem;}
.proDateSwiper5 .imgBox {display: flex; align-items: center; justify-content: center; height: 3rem;}
.proDateSwiper5 .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}
.proDateSwiper5 span {text-align: center;color: #262626; font-size: var(--font20); display: block; text-align: center; margin-top: .3rem;}
.proDateSwiper5 .swiper-slide a:hover .imgBox img {transform: scale(1.02)}

/* ======专属服务===== */
.serviceMain .container {width: 1600px;}

.serviceOne {background: #333333;}
.serviceOne .aboutTle h3 {color: #fff;}
.serviceOne .listTop li span {color: #fff !important;}
.serviceOne .listTop li {width: calc(100% / 5);}
.serviceOne .listTop li .icBox img {filter: invert(99%) sepia(7%) saturate(257%) hue-rotate(275deg) brightness(116%) contrast(100%); -webkit-filter:invert(99%) sepia(7%) saturate(257%) hue-rotate(275deg) brightness(116%) contrast(100%);}
.serviceOne .listTop li.on .icBox {background: #a62a17;}
.serviceOne .listTop li.on .icBox img {}

.contact {padding: 1.3rem 0; position: relative; overflow: hidden; background: #f6f6f6;}
.contact .aboutTle {text-align: left;}
.contact .aboutTle h3 {font-size: var(--font36);}
.contact .box {display: flex;justify-content: space-between;}
.contact .box h3 {font-size: var(--font30);color: #333333;}
.contact .box .le {margin-right: 1rem;}
.contact .box .le dl {margin-top: .6rem;}
.contact .box dl dd {display: flex; align-items: center; margin: .25rem 0;}
.contact .box dl dd .icBox {width: 25px;display: flex; align-items: center; justify-content: center;}
.contact .box dl dd span {font-size: var(--font18);color: #333333;margin-left: 10px;}
.contact .box dl dd a {font-size: var(--font18);color: #333333;}
.contact .box dl dd a:hover {color: #a62a17;}
.contact .box .mapNav {margin-top: .7rem;}
.contact .box .mapNav a {display: flex;width: 2rem;height: 0.65rem;     min-width: 135px; min-height: 40px; border: 2px solid #232323; font-size: var(--font18); border-radius: 35px; align-items: center; justify-content: center; color: #333333; transition: .5s;}
.contact .box .mapNav a:hover img {filter: brightness(100); -webkit-filter:brightness(100);}
.contact .box .mapNav a:hover {background: #a62a17; border-color: #a62a17; color: #fff;}

.contact .moreCode {margin-top: .5rem;}
.contact .moreCode .tit {color: #565656; font-size: var(--font18);}
.contact .moreCode .codeBox {display: flex;}
.contact .moreCode .codeBox .imgBox {max-width: 1.5rem; margin: auto;}
.contact .moreCode .codeBox .imgBox img {max-width: 100%;}
.contact .moreCode .codeBox .item {margin-top: .2rem; text-align: center; margin-right: .4rem;}
.contact .moreCode .codeBox .item:last-child {margin-right: 0;}
.contact .moreCode .codeBox .item span {color: #565656; display: block; margin-top: .1rem; font-size: var(--font15);} 

.contact .box .re {width: 53.5%; position: relative; z-index: 1;}
.contact .box .re form {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: .6rem;}
.contact .box .re .col2 {position: relative;width: 48%; margin-bottom:0.5rem;}
.contact .box .re .col2 input {background: none; border: none; border-bottom: 1px solid #dddddd; color: #333; width: 100%; outline: none; padding:.1rem 0 0.15rem 0;}
.contact .box .re .col2 input::placeholder {color: #9fa19f;}
.contact .box .re .col2 input:-moz-placeholder {color: #9fa19f;}
.contact .box .re .col2 input:-ms-input-placeholder {color: #9fa19f;}

.contact .box .re .colcode {display: flex;}
.contact .box .re .colcode input {width: auto;    display: inline-block;}
.contact .box .re .colcode img {width: 1.25rem;}


.contact .box .re .col3 {width: 100%; position: relative;margin-bottom:0.5rem;}
.contact .re .chose {border-bottom: 1px solid #dddddd; padding-bottom: .5rem;}
.contact .re .chose ol {margin-top: .1rem; display: flex; align-items: center; flex-wrap: wrap;}
.contact .re .chose li {margin-top: .1rem; margin-right: .5rem; display: flex; align-items: center;}
.contact .re .chose li input {width: 20px; height: 20px; margin-right: .1rem; opacity: .6;}
.contact .box .re .subinput {margin-top:.2rem; cursor: pointer; width: 100%;}
.contact .box .re .subinput button {width: 1.72rem;height: .55rem; border-radius: 28px; min-width: 110px;min-height: 35px;   border: 2px solid #232323; z-index: -1; color: #333;font-weight: 700;outline: none;cursor: pointer; }
.contact .box .re .subinput button:active { background: #a62a17; border-color: #E48B9D; color: #fff;}