.banner .swiper-slide{background-color: #efefef; overflow: hidden;}

.banner .swiper-slide>img{height: 100%;object-fit: cover;width: 100%;}

.banner .swiper-slide video{object-fit: cover; width: 100%; height: 100%;}

.banner .swiper-container{height: 100vh;position: relative ;}

.banner .swiper-slide.active{z-index:100;pointer-events: auto;}

.banner .images{height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}

.banner-txt{position: absolute; top: 3rem; left: 6vw;width: 5.4rem;}

.banner-txt1{color: #FFFFFF; font-size: .6rem; line-height: 0.82rem;font-weight: 500;}

.banner-txt2{color: #FFFFFF; font-size: 0.2rem; line-height: 0.36rem; margin-top: .22rem;margin-bottom: .4rem;}

.banner-info {display: flex; position: absolute; color: #ffffff; align-items: center; z-index: 5; left: 0;justify-content: center;right: 0;top: 90vh; flex-wrap: wrap;}

.banner-info .mouse {

  width: 20px;

  height: 30px;

  border: 1px solid #fff;

  border-radius: 40px;

  margin-left: 0.1rem; margin-right: 0.1rem;

  position: relative;

}

.banner-info .mouse:after {

  content: "";

  position: absolute;

  width: 2px;

  height: 8px;

  top: 8px;

  left: 50%;

  margin-left: -1px;

  background: #fff;

  -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

  animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

}

@keyframes updown {

	0% {

	  -webkit-transform: translateY(0);

	  -moz-transform: translateY(0);

	  -ms-transform: translateY(0);

	  -o-transform: translateY(0);

	  transform: translateY(0);

	}

	100% {

	  -webkit-transform: translateY(-3px);

	  -moz-transform: translateY(-3px);

	  -ms-transform: translateY(-3px);

	  -o-transform: translateY(-3px);

	  transform: translateY(-3px);

	}

  }

.banner-info p{width: 100%; text-align: center; margin-top: .12rem;font-size: 14px;color: #FFFFFF;line-height: 20px;}

.banner-page-num{position: absolute; z-index: 6; left:6%; top: 91.8vh; height: .3rem;  width: 2.64rem; display: flex; justify-content: space-between;}

.banner-page-num span{ display: inline-block; color: #fff;  transition: all .3s;font-size: 18px;line-height: 25px;}



.my-swiper-scrollbar{position: absolute;left: calc(6% + .36rem); top: 93vh;  height: 1px; background: rgba(255,255,255,0.4); width: 1.92rem;z-index: 6;}

.my-swiper-scrollbar .my-swiper-scrollbar-drag{position: absolute; left: 0;  height: 1px; background: #fff;z-index: 7; top: -0.5px; transition-duration: 300ms; transition: all .3s; transform: translate3d(0,0,0);}

/* 鏉烆喗鎸卞锕€褰搁崚鍥ㄥ床闁匡拷 */

.banner .swiper-button-next,.banner .swiper-button-prev{top: 93vh;  width: .48rem; height: .48rem;  }



.banner .swiper-button-next{background: none;right: 6%; }

.banner .swiper-button-prev{background: none;right:calc(6% + .8rem) ; left: auto; }

.banner .swiper-button-next:hover img:nth-child(1){opacity: 0;}

.banner .swiper-button-next:hover img:nth-child(2){opacity: 1;}

.banner .swiper-button-prev:hover img:nth-child(1){opacity: 0;}

.banner .swiper-button-prev:hover img:nth-child(2){opacity: 1;}

.idxtitle .h1{font-size: .16rem;color:#E4202C;line-height: 1.375;margin-bottom: .12rem;}

.idxtitle .h2{font-size: .36rem;line-height: .5rem;color: #333;font-weight: bold;text-transform: uppercase;}

.idxbtn{width: 1.6rem;line-height:.54rem;border: 1px solid #E7E7E7;text-align: center;font-size: .16rem;color: #333;transition: all .3s;display: block;}

.idxbtn.on{background:#E4202C;color: #fff;border-color: #E4202C;}

.idxbox{margin: 0 6vw;}



.index1{padding: 6.8vw 6vw;display: flex;align-items: center;background: #F6F6F6;padding-right: 8.5vw;}

.idx1-1 p{font-size: .16rem;color: #333;line-height: 1.875;margin:2vw 0 4.3vw;}

.idx1-2{max-width: 45%;margin: 0 9vw 0 4.5vw;position: relative;z-index: 0;}

.idx1-2:after{content:'';width:25vw;height: 25vw;background: #E4202C;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);z-index: -1;border-radius: 50%;}

.idx1-3 .item{display: flex;align-items: center;margin-bottom: 5vw;}

.idx1-3 .item:last-child{margin-bottom: 0;}

.idx1-3 .item img{width: .64rem;margin-right: .12rem;}

.idx1-3 .item .h1{display: flex;align-items:flex-end;}

.idx1-3 .item p{font-size: .14rem;line-height: .2rem;color: #333;margin-top: -.04rem;}

.idx1-3 .item .num{font-size: .4rem;line-height: .58rem;color: #E4202C;}

.idx1-3 .item .txt{font-size: .14rem;line-height:.2rem;margin: 0 0 .09rem 2px;color: #333;}

.index2{padding: 4.7vw 0 5.7vw;}

.index2 .probox .item .h1{margin-top: 3.9vw;}

.idx2top{display: flex;align-items: center;margin-bottom: 3vw;}

.index3{position: relative;}
.index3 > img{width: 100% !important;}

.idx3box{position: absolute;top:.8vw;left: 0;width: 100%;height:100%;padding: 0 6vw 0 3vw;display: flex;align-items: center;}

.idx3box .mapbox{max-width: 61.5vw;}

.idx3right{padding-left: 1.6vw;text-align: right;}

.idx3right .idxbtn{display: inline-block;}

.idx3right .h2{text-align: left;}

.idx3right p{font-size: .18rem;color: #222;line-height: 1.666;padding-left: 2.4vw;margin:2.7vw 0 4vw;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:8; text-align: left;}



.index4{padding: 5.2vw 0 6.2vw;}

.idx4top{display: flex;align-items: flex-start;margin-bottom: 3.2vw;}

.idx4top .idxtitle{margin-right: 6.3vw;}

.idx4top p{font-size: .16rem;line-height: 1.875;color: #333;flex: 1;}

.idxbtn2{background: #E7E7E7;}

.index4 .idxbtn{margin-bottom: .07rem;}

.index4 .imgbox{display: flex;align-items:flex-start;justify-content: space-between;}

.index4 .imgbox img{width: 48.57%;}

.index4 .imgbox img:nth-child(1){margin-top: 6.6vw;}

.banner .swiper-slide .banner-txt{transform: translateY(40%); transition: all 1s ease; transition-delay: 0.3s; opacity: 0;}

.banner .swiper-slide.active .banner-txt{transform: translateY(0); opacity: 1;}

.idx3box .mapbox{position: relative;}

.dotbox div{animation: bigsmall 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;position: absolute;background: #E4202C;border-radius: 50%;z-index: 0;}

.dotbox div:after{content:'';top:-40%;bottom:-40%;left: -40%;right: -40%;background: #E4202C;opacity: .29;border-radius: 50%;position: absolute;z-index: -1;}

.dotbox div:nth-child(1){width: .8%;top: 18%;left:16%; }

.dotbox div:nth-child(2){width: .8%;top:18%;left:41%;}

.dotbox div:nth-child(3){width: .8%;top:22%;left:44%;}

.dotbox div:nth-child(4){width: .8%;top:23%;left:42%;}

.dotbox div:nth-child(5){width: .8%;top:27%;left:40.5%;}

.dotbox div:nth-child(6){width: .8%;top:46%;left:14%;}

.dotbox div:nth-child(7){width: .8%;top:40%;left:59%;}

.dotbox div:nth-child(8){width: .8%;top:31%;left:84.5%;}

.dotbox div:nth-child(9){width: 1.5%;top:28%;left:15%;}

.dotbox div:nth-child(10){width: 1.5%;top:66%;left:25.5%;}

.dotbox div:nth-child(11){width: 1.5%;top:41%;left:67%;}

.dotbox div:nth-child(12){width: 1.5%;top:76%;left:84.5%;}

.dotbox div:nth-child(13){width: 2.45%;top:32%;left:75%;}


.idx3box .dotbox div:nth-child(1),.idx3box .dotbox div:nth-child(2),.idx3box .dotbox div:nth-child(3),.idx3box .dotbox div:nth-child(4),.idx3box .dotbox div:nth-child(5),.idx3box .dotbox div:nth-child(6),.idx3box .dotbox div:nth-child(7),.idx3box .dotbox div:nth-child(8){width: 8.67px;height: 8.67px;}
.idx3box .dotbox div:nth-child(9),.idx3box .dotbox div:nth-child(10),.idx3box .dotbox div:nth-child(11),.idx3box .dotbox div:nth-child(12){width: 16.27px;height: 16.27px;}
.idx3box .dotbox div:nth-child(10){width: 25.57px;height: 25.57px;}
@keyframes bigsmall {

	0% {

transform: scale(1);

	}

	100% {

		transform: scale(.7);

	}

  }

@media(min-width:1950px){
		.idx3right{padding-left: 16.6vw;}
	}

@media(min-width:1000px){

	.idxbtn:hover{background:#E4202C;color: #fff;border-color: #E4202C;}

	.idxbtn.on:hover{transform: translateX(5px);}

	.swiper-cbox .iconhover:hover img:nth-child(1){opacity: 0;}

	.swiper-cbox .iconhover:hover img:nth-child(2){opacity: 1;}

	.idx2box .item:hover .before{width: 15.625vw;}

	.idx2box .item:hover{margin: 0 1.5vw 0 3.5vw;}

	.idx2box .item:hover .after{right: .85vw;bottom: 1vw;opacity: 1;}

}



@media (max-width:1400px){

	.index1{padding-right: 6vw;}

	.idx1-2{margin: 0 4.5vw;}

}

@media (max-width:1000px){

	.index1{display: block;}

	.idx1-2{margin: 4.5vw auto;}

	.idx1-3{overflow: hidden;}

	.idx1-3 .item{float: left;width: 50%;}

}



@media (max-width:767px){

	.idxbtn{font-size: 12px;}

	.idxtitle .h2{font-size: 18px;line-height: 28px;}

	.idxtitle .h1{font-size: 12px;}

	.index1{padding: 25px 15px;}

	.idx1-1 p{margin:10px 0 15px;font-size: 12px;}

	.idx1-2{display: none;}

	.idx1-3{margin-top: 10px;}

	.idx1-3 .item{padding: 10px 0;margin-bottom: 0;width: 100%;}

	.idx1-3 .item p{font-size: 12px;line-height: 18px;}

	.idx1-3 .item .txt{font-size: 12px;line-height: 14px;margin-left: 5px;}

	.idx1-3 .item img{margin-right: 10px;}

	.index2{padding: 30px 0;}

	.idx2top{margin-bottom: 15px;}

	.idxbox{margin: 0 15px;}

	.index4{padding: 25px 0;}

	.idx4top{display: block;margin-bottom: 15px;}

	.idx4top p{font-size: 12px;margin-top: 10px;}

	.idx4top{margin-bottom: 20px;}

	.index3>img{display: none;}

	.index3{background: #333;}

	.idx3box{position: static;display: block;padding: 30px 15px;}

	.idx3box .mapbox{max-width: 100%;margin-bottom: 20px;}

	.idx3right{text-align: left;background: rgba(255, 255, 255, .8);margin: 0 -15px -30px;padding: 20px 15px 30px;}

	.idx3right p{-webkit-line-clamp:20;font-size: 12px;margin:15px 0;padding-left: 0;}

	.banner .swiper-container{height: 60vh;}

	.banner-txt1{font-size: 20px;line-height: 1.5;}

	.banner-txt2{font-size: 13px;}

	.banner-txt{top: 17vh;}

	.banner-info{display: none;}

	.banner-page-num span{font-size: 14px;}

	.banner-page-num{top:53vh}

	.my-swiper-scrollbar{top: 55vh;}

	.banner .swiper-button-next, .banner .swiper-button-prev{top:55vh}
	.idx3box .dotbox div:nth-child(1),.idx3box .dotbox div:nth-child(2),.idx3box .dotbox div:nth-child(3),.idx3box .dotbox div:nth-child(4),.idx3box .dotbox div:nth-child(5),.idx3box .dotbox div:nth-child(6),.idx3box .dotbox div:nth-child(7),.idx3box .dotbox div:nth-child(8){width: 2.07px;height: 2.07px;}
.idx3box .dotbox div:nth-child(9),.idx3box .dotbox div:nth-child(10),.idx3box .dotbox div:nth-child(11),.idx3box .dotbox div:nth-child(12){width: 3.90px;height: 3.90px;}
.idx3box .dotbox div:nth-child(10){width: 6.37px;height: 6.37px;}

}





.banner2{overflow: hidden;position: relative;}

.banner2 .container{position: absolute;bottom: 5vw;left: 0;right: 0;}

.banner2-tit{font-size: 2.5vw;line-height: 3.5vw;color: #fff;text-transform: uppercase;}



.newscon{padding: .6rem 0 1.2rem;}

.newsbox .item{display: flex;align-items: flex-start;padding: 4vw 0;border-bottom: 1px solid #E5E5E5;position: relative;}

.newsbox .item:after{content:'';width:0;bottom: 0;height: .03rem;background:#E4202C;position: absolute;left: 0;transition: all .3s;}

.newsbox .item .h1{font-size: .24rem;line-height:.33rem;height: .99rem;margin-bottom: .29rem;color: #222222;margin-top:.07rem}

.newsbox .item .iconbox{width: .48rem;height: .48rem;}

.newsbox .item .img1{width: 3.52rem;height: 2.26rem;object-fit: cover;}

.newsbox .item .month{font-size: .64rem;line-height: 1;color:#232323;font-family: "DIN";letter-spacing: -.06rem;transition: all .3s;}

.newsbox .item .date{font-size: .24rem;color: #999;margin-left: .12rem;font-family: "DIN";}

.newsbox .item .mid{padding: 0 6.6vw 0 7vw;}



.newsdtl{padding: .6rem 0 4.6vw;}

.news2box{max-width: 10.2rem;margin: 0 auto;}

.news2box .h1{font-size: .36rem;color: #222;line-height: .6rem;}

.news2box .h2{font-size: .15rem;line-height: 2;color:#585858;margin:.29rem 0 .35rem;}

.news2content{padding: .4rem 0;border-top: 1px solid #E7E7E7;}

.news2nav .item{display: flex;align-items: center;padding: .27rem 7vw .27rem 0;}

.news2nav .item .btn1{width: 1.2rem;height: .5rem;background: #FFFFFF;border-radius: 25px;border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;margin-right: .42rem;font-size: .14rem;color: #333;transition: all .3s;}

.news2nav .item .line1{font-size: .18rem;color: #585858;transition: all .3s}

.news2nav .item:nth-child(1){border-bottom: 1px solid #bbb;}



.infocon{padding: .6rem 0 .92rem;}

.infocon .item{display: flex;align-items: center;height: 1rem;padding: 0 5vw 0 2vw;background: #F8F8F8;margin-bottom: .28rem;}

.infocon .item .img1{width:.24rem;margin-right: 2.3vw;}

.infocon .item .h1{font-size: .18rem;color: #333;transition: all .3s;}

.infocon .item .h2{font-size: .16rem;color: #999;margin-right: 6.3vw;}

.infocon .item .btn1{width: 1.2rem;height: .4rem;border: 1px solid #DBDBDB;display: flex;align-items: center;justify-content: center;font-size: 12px;color: #616161;transition: all .3s;}

.infocon .item .btn1 .iconhover{width: 10px;height:10px;margin-right: .1rem;}

.rctcon{padding: 2vw 0 8vw;}

.rctcon .item .before{display: flex;align-items: center;font-size: .24rem;color: #222222;height: 1.1rem;transition: all .3s;border-bottom: 1px solid #E5E5E5;cursor: pointer;}

.rctcon .item img{width: .48rem;}

.rctcon .item .after{padding: .2rem .4rem;display: none;border-bottom: 1px solid #E5E5E5;}

.rctcon .item .after .h1{font-size: .18rem;color: #333;line-height: 2;}

.rctcon .item .after p{font-size: .14rem;line-height: 1.875;color: #333;}

.rctcon .item .after .mt40{margin-top: 2vw;}

.rctcon .item.on .before{color: #E4202C;}

.anchorBL{display: none;}

.cta1{height: 6.3rem;}

.cta2{display: flex;align-items: center;justify-content:space-between;margin:2.5vw -.1rem;}

.ctacon{padding: 4vw 0 8vw;}

.cta2 .item{display: flex;align-items: center;padding: 0 .1rem;min-width: 2.66rem;}

.cta2 .item img{max-width:3.4vw;margin-right:.9vw;}

.cta2 .item .h1{font-size: .18rem;color: #888;line-height: .25rem;}

.cta2 .item p{font-size: .18rem;color: #212121;line-height: .25rem;margin-top:.7vw}


.recruitment-ctacon .cta2 {border-bottom: 1px solid #E5E5E5;padding-bottom: 2.5vw;}



@media(max-width:1000px){

	.cta2{overflow: hidden;display: block;}

	.cta2 .item{float: left;width: 50%;padding: .1rem;}

}



@media(min-width:1000px){

	.newsbox .item:hover .iconhover img:nth-child(1){opacity: 0;}

	.newsbox .item:hover .iconhover img:nth-child(2){opacity: 1;}

	.newsbox .item:hover:after{width: 100%;}

	.newsbox .item:hover .month{color: #E4202C;}

	.news2nav .item:hover .btn1{color: #E4202C;border-color: #E4202C;}

	.news2nav .item:hover .line1{color:#E4202C;}

	.infocon .item:hover .h1{color: #E4202C;}

	.infocon .item:hover .btn1{border-color:#E4202C;background: #E4202C;color: #fff;}

	.infocon .item:hover .iconhover img:nth-child(1){opacity: 0;}

	.infocon .item:hover .iconhover img:nth-child(2){opacity: 1;}



}



@media(max-width:767px){

	.newscon{padding: 15px 0 30px;}

	.newsbox .item{padding: 20px 0;}

	.newsbox .item .img1{display: none;}

	.newsbox .item .h1{font-size: 14px;height: auto;line-height: 1.375;}

	.newsbox .item .mid{padding: 0 0 0 10vw;}

	.newsbox .item .month{font-size: 30px;}

	.newsbox .item .iconbox{width: 28px;height: 28px;}

	.news2box .h1{font-size: 16px;line-height: 1.875;}

	.newsdtl{padding: 30px 0;}

	.news2box .h2{margin: .2rem 0 .3rem;}

	.news2nav .item .btn1{font-size: 12px;margin-right: 15px;}

	.news2nav .item .line1{font-size: 14px;}

	.news2nav .item{padding-right: 20px;}

	.infocon .item{padding: 0 15px;}

	.infocon .item .img1{display: none;}

	.infocon .item .h2{display: none;}

	.infocon{padding: 30px 0;}

	.infocon .item .h1{font-size: 13px;line-height: 1.5;}

	.infocon .item .btn1{width: 96px;height: 30px;margin-left: 10px;}

	.rctcon{padding:15px 0 30px;}

	.rctcon .item .before{height: 60px;font-size: 14px;}

	.rctcon .item .after .h1{font-size: 13px;}

	.rctcon .item .after p{font-size: 12px;}

	.rctcon .item .after{padding:10px 15px;}

	.ctacon{padding: 25px 0 30px;}

	.cta1{height: 48vh;}

	.cta2 .item{width:100%;padding: 10px .1rem;}

	.cta2 .item .h1{font-size: 13px;}

	.cta2 .item p{font-size: 13px;margin-top: 10px;}

	.cta2 .item img{max-width: 40px;margin-right: 15px;}

	.cta2{margin-top: 20px;}

}



.about1{padding: 4vw 0 5.3vw;}

.about1 .container{display: flex;align-items: flex-start;}

/* .about1 img{max-width: 34%;margin-right: 14vw;} */
.about1_video{margin-top: .6rem; position: relative;  height: 6.8rem; overflow: hidden;}
.about1_video video{object-fit: cover; width: 100%; height: 100%;}
.audio-img-play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0.8rem !important;
	height: 0.8rem !important;
	margin-top: -0.4rem;
	margin-left: -0.4rem;
	cursor: pointer;
	z-index: 5;
}
.audio-img-play .circle-play {
	object-fit: cover;
	width: 100%;
	height: 100%;
	animation: myrotate 1s linear infinite;
	cursor: pointer;
}
.audio-img-play .icon-play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0.26rem !important;
	margin-top: -0.12rem;
	margin-left: -0.13rem;
}
@keyframes myrotate{
	0%{-webkit-transform: rotate(0deg);}
	25%{-webkit-transform: rotate(90deg);}
	50%{-webkit-transform: rotate(180deg);}
	75%{-webkit-transform: rotate(270deg);}
	100%{-webkit-transform: rotate(360deg);}
}
.about1 .h1{font-size: .36rem;line-height: .5rem;color: #222;margin-bottom: 1.5vw;;text-transform: uppercase;font-weight: 600;}

.about1 p{font-size: .16rem;color: #333;line-height: 1.875;margin-top: .8vw;}



.about2{background: url(../images/ab2bg.jpg);background-size: cover;background-position: center;}

.about2 .container{display: flex;height: 3.5rem;align-items: center;}

.about2 .item{display: flex;align-items: center;flex: 1;}

.about2 .item img{width: .64rem;margin-right: .12rem;}

.about2 .item .h1{display: flex;align-items:flex-end;}

.about2 .item p{font-size: .14rem;line-height: .2rem;color: #fff;margin-top: -.04rem;}

.about2 .item .num{font-size: .4rem;line-height: .58rem;color: #E4202C;}

.about2 .item .txt{font-size: .14rem;line-height:.2rem;margin: 0 0 .09rem 2px;color: #fff;}

.about3{padding: 4.5vw 0;}

.about3 .h1{font-size: .36rem;line-height: .5rem;color: #222;margin-bottom: 3.7vw;;text-transform: uppercase;font-weight: 600;text-align: center;}

.about3 .row{margin: -1.1vw;}

.about3 .col-sm-4{padding: 1.1vw;}

.about3 p{font-size: .16rem;height: .6rem;color: #333;line-height: .3rem;text-align: center;margin-top: .2rem;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }

.abtitle{font-size: 1.8vw;line-height:1.3888;color: #222;text-transform: uppercase;font-weight: 600;}

.cul1{padding: 4vw 0 5.5vw;}

.cul1box{display: flex;align-items: flex-start;margin-bottom: 4.1vw;}

.cul1box .abtitle{width: 41%;margin-right: 8vw;}

.cul1box p{font-size: .16rem;color: #333;line-height: 1.875;margin-bottom: .8vw;}

.cul1box p:last-child{margin-bottom: 0;}

.cul2con{background: #F6F6F6;}

.cul2 .img1{max-width: 26%;margin-left: 6.6vw;}

.cul2{padding-top: 4.5vw;}

.cul2box{display: flex;align-items: flex-start;}

.cul2left{border-top: 2px solid #999;}

.cul2 .abtitle{margin-bottom: 1.6vw;}

.cul2box .item{border-bottom: 2px solid #999;}

.cul2box .item .before{display: flex;align-items: center;font-size: .24rem;color: #333;height: 1.12rem;transition: all .3s;cursor: pointer;}

.cul2box .item .iconhover{width: .48rem;height: .48rem;}

.cul2box .item .after{padding-bottom: .4rem;margin-top: -.2rem;padding-right: 13.2vw;display: none;}

.cul2box .item .after .h1{font-size: .18rem;color: #333;line-height: 2;}

.cul2box .item .after p{font-size: .14rem;line-height: 1.875;color: #333;}

.cul2box .item.on .iconhover img:nth-child(1){opacity: 0;}

.cul2box .item.on .iconhover img:nth-child(2){opacity: 1;}

.cul3{padding: 3vw 0;}

.cul3box{display: flex;align-items: flex-start;padding: 3vw 0;}

.cul3box .abtitle{width: 41%;margin-right: 8vw;}

.cul3box p{font-size: .16rem;color: #333;line-height: 1.875;margin-bottom: .8vw;}

.cul3box p:last-child{margin-bottom: 0;}

.cul3box .h2{font-size: .18rem;line-height: 2;color: #333;margin-bottom:1.6vw;}
.cul4{padding-bottom: 2vw;}
.cul4 .res2 a{padding: 22px; width: 25%;}

.procon{padding: .6rem 0 6vw;}

.protab{display: flex;align-items: center;justify-content: center;margin-bottom: .6rem;}

.protab a{display: flex;align-items: center;border: 1px solid #E7E7E7;padding: 0 1.5vw;font-size: .18rem;color: #333;height: .64rem;margin: 0 .5vw;transition: all .3s;}

.protab a.on{background: #E4202C;color: #fff;border-color: #E4202C;}



.probox .item{padding: 2vw 1vw 1.5vw;display: block;}

.probox .item img{object-fit: cover;transition: all .3s;}

.probox .col-md-3{padding: 0;}

.probox .item .h1{font-size: .22rem;line-height: .3rem;color: #333;text-align: center;margin: 2.9vw 0 .19rem;}

.probox .item .btn1{width: 1.24rem;height: .4rem;border: 1px solid #DBDBDB;font-size: .14rem;color: #333;display: flex;align-items: center;justify-content: center;margin: 0 auto;transition: all .3s;}

.probox .item .imgbox{overflow: hidden;}



.pdtl1{background: #F6F6F6;padding: .6rem 0 .8rem;}

.pdtl1 .imgbox{width: 42.85%;margin-right: 6.6vw;}

.pdtl1 .swiper1{background: #fff;margin-bottom: .2rem;}

.pdtl1 .swiper1 .before{position: relative;width: 100%;height: 100%;}

.pdtl1 .swiper1 .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}

.pdtl1 .swiper1 .before .img1{width: 1.36rem;position: absolute;top:50%;left:50%;margin: -.68rem 0 0 -.68rem;height: 1.36rem;cursor: pointer;}

.pdtl1 .swiper1 video{display: none;width: 100%;height:100%;object-fit: contain;}

.pdtl1 .swiper2 .swiper-slide{background: #fff;position: relative;cursor: pointer;}

.pdtl1 .swiper2 .swiper-slide .img1{width: .28rem;position: absolute;top:50%;left:50%;margin: -.14rem 0 0 -.14rem;height: .28rem;}

.pdtl1 .swiper2 .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}

.pdtl1 .swiper2 .swiper-slide:after{content:'';width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 1px solid #E4202C;transform: scale(.9);opacity: 0;transition: all .3s;}

.pdtl1 .swiper2 .swiper-slide-thumb-active:after{transform: scale(1);opacity: 1;}

.pdtl1 .abtitle{padding: .6vw 0 1.7vw;border-bottom: .04rem solid #D8D8D8;;}



.pdtl1 .container{display: flex;align-items: flex-start;}

.pdtl1 .h1{font-size: .18rem;color: #333;font-weight: 600;text-transform: uppercase;margin: 2vw 0 1.4vw;}

.pdtl1 .h2{font-size: .16rem;color: #333;line-height: .41rem;margin-bottom:1.9vw;text-transform: uppercase;}

.pdtl1 p{font-size: .16rem;line-height: 1.75;color: #333;}

.pdtl1 .btn1{width: 2.2rem;line-height: .54rem;text-align: center;cursor: pointer;background: #E4202C;color: #fff;font-size: .16rem;color: #fff;transition: all .3s;}

.pdtl2{padding: 3.6vw 0 4vw;}

.pdtl2 .title{font-size:.28rem;line-height: .5rem;color: #222;margin-bottom: 2.4vw;text-transform:uppercase;}

.resbox{padding: 4vw 0;}
.brand_video{margin-top: 0; margin-bottom: 3.2vw;}

.resbox{display: flex;align-items: flex-start;}

.resbox .abtitle{width: 41%;margin-right: 8vw;}

.resbox p{font-size: .16rem;color: #333;line-height: 1.875;margin-bottom: .8vw;}

.resbox p:last-child{margin-bottom: 0;}
.resbox .weui-cell__bd{font-size: 16px;}

.res2{margin: 0 -1.5px;margin-top: .2rem;}

.res2 a{display: block;float: left;padding: 1.5px;width: 33.33%;}

.res4{padding-bottom: 8vw;}

.res4 .item{background: #FEF2F0;display: flex;align-items: center;}

.res4 .item .txtbox{width: 50%;font-size: .18rem;color: #333;line-height: .32rem;padding: 0 4.5vw;}

.res4 .item img{width: 50%;}

.res4 .item:first-child{background: #EBF6FE;flex-direction: row-reverse;}



.manage1{padding-bottom: 5vw;}

.manage2{background: #F6F6F6;padding: 4.2vw 0;}

.manage2 .abtitle{margin-bottom:.48rem;}

.manage2 .imgbox{padding: .12rem;display: block;}

.manage2 .item p{font-size: .14rem;line-height: 1.43;text-align: center;margin-top: .15rem;color: #333;}

.manage2 .swiper-ctl{margin-top: .42rem;display: flex;align-items: center;}

.manage2 .swiper-ctl .line{height: 2px;background: #D8D8D8;}

.manage2 .swiper-ctl1{position: relative;width: .7rem;}

.manage2 .swiper-ctl1 .prev{position: absolute;width: 50%;top: 0;left: 0;bottom: 0;cursor: pointer;}

.manage2 .swiper-ctl1 .next{position: absolute;width: 50%;top: 0;right: 0;bottom: 0;cursor: pointer;}

.manage2 .swipernum{font-size: .18rem;color: #666;margin-left: 1.3vw;letter-spacing: .05rem;}

.manage3{padding: .6rem 0 7vw;}

.manage3 .abtitle{text-align: center;margin-bottom: .5rem;}

.mage3box .before{position: relative;}

.mage3box .before .img1{width: 1.2rem;position: absolute;top:50%;left:50%;margin: -.6rem 0 0 -.6rem;height: 1.2rem;cursor: pointer;animation: playbtn 2s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;}

.mage3box video{width:100%;display: none;}

.mage3box video.on{display: block!important;}

@keyframes playbtn {

	0% {

		transform:scale(.9);

	}

	50% {

		transform:scale(1);

	}

	100% {

		transform:scale(.9);

	}

  }

.mescon{padding: 4vw 16vw 8vw;}

.mescon .abtitle{text-align: center;}

.mescon .h1{font-size: .16rem;color: #222;text-align: center;margin: .25rem 0 3.2vw;line-height: 1.375;} 

.mesbox .row{margin: -.12rem;}

.mesbox .col-sm-6{padding: .12rem;}

.mesbox .col-sm-12{padding: .12rem;}

.mesbox .item{display: flex;align-items: center;}

.mesbox .item .label{width:10.2vw;font-size: .16rem;color: #333;padding-right: .28rem;text-align: right;font-weight: 500;min-width: 120px;}

.mesbox .item .label em{color:#E4202C;margin-right: -.12rem;margin-left: .04rem;}

.mesbox{margin-left: -.56rem;}

.mesbox .item input{flex: 1;border: 1px solid #D1D6E5;font-size: .16rem;color: #333;height: .64rem;border-radius: .04rem;padding: 0 .19rem;}

.mesbox .item input::placeholder{color:#BBBBBB;}

.mesbox .item select{flex: 1;border: 1px solid #D1D6E5;font-size: .16rem;color: #333;height: .64rem;border-radius: .04rem;padding: 0 .19rem;appearance: none;

-webkit-appearance: none;-moz-appearance: none;background: url(../images/angle-down.png) no-repeat 95%;background-size: .1rem;}

.mesbox .item textarea{font-size: .16rem;color: #333;padding: .22rem .19rem;border-radius: .04rem;border: 1px solid #D1D6E5;height: 2.8rem;width: 100%;flex: 1;}

.mesbox .item textarea::placeholder{color:#BBBBBB;}

.mesbox .item2{align-items: flex-start;}

.mesbox .item2 .label{margin-top: .22rem;}

.mesbox .btn1{width: 1.6rem;line-height: .54rem;background: #E4202C;text-align: center;font-size: .16rem;color: #fff;margin: .28rem auto 0;transition: all .3s;display: block;}



.brand1 .resbox .abtitle{width: 42%;}

.brand2 .item .txtbox{width: 34.3vw;min-height:33vw;background: #fff;box-shadow: 0px .16rem .6rem 0px rgba(78, 78, 78, 0.1);position: relative;padding: 4.4vw 2.5vw 4.4vw;}

.brand2 .item .txtbox .logo{margin-left: 2vw;margin-bottom: 3.1vw;}

.brand2 .item:nth-child(1) .logo{max-width: 16vw;}

.brand2 .item:nth-child(2) .logo{max-width: 17vw;}

.brand2 .item:nth-child(3) .logo{max-width: 15.5vw;}

.brand2 .item:nth-child(4) .logo{max-width: 18vw;}

.brand2 .item:nth-child(5) .logo{max-width: 16vw;}

.brand2 .item .txtbox p{font-size: .16rem;color: #333;line-height: 1.875;margin-bottom: .8vw;}

.brand2 .item .txtbox .btn1{width: 2.32rem;line-height: .38rem;background: #FFFFFF;border: 1px solid #DBDBDB;text-align: center;font-size: .14rem;color: #333;transition: all .3s;margin-top: 2vw;display: block;min-width: 220px;}

.brand2 .item .txtbox:before{content:'';width: 100%;left: 0;top: 0;height: .03rem;background: #E4202C;position: absolute;}

.brand2 .item .img1{width: 60.4%;z-index: -1;}

.brand2 .item{display: flex;position: relative;}

.brand2 .item:nth-child(odd){justify-content: flex-end;margin-top: 13vw;}

.brand2 .item:nth-child(odd) .img1{position: absolute;top: -4vw;left: 0;}

.brand2 .item:first-child{margin-top: 0;}

.brand2 .container{padding:8vw 0;border-top: 2px solid #999;}

.brand2 .item:nth-child(even){margin-top: 5vw;}

.brand2 .item:nth-child(even) .img1{position: absolute;bottom: -4vw;right: 0;}



@media(max-width:1000px){

	.about1 img{margin-right: 7vw;}

	.mescon{padding-left: 13vw;padding-right: 13vw;}

    .brand2 .item .txtbox{width: 45vw;}

}





@media(min-width:1000px){

	.protab a:hover{background: #E4202C;color: #fff;border-color: #E4202C;}

	.probox .item:hover .btn1{background: #E4202C;color: #fff;border-color: #E4202C;}

	.probox .item:hover .imgbox img{transform: scale(1.05);}

	.pdtl1 .btn1:hover{transform: translateY(-5px);}

	.mesbox .btn1:hover{transform: translateY(-5px);}

	.brand2 .item .txtbox .btn1:hover{background: #E4202C;color: #fff;border-color: #E4202C;}

}



@media(max-width:767px){

	.about1 .container{display: block;}

	.about1{padding: 25px 0;}

	.about1 img{max-width: 50%;margin-bottom: 20px;}

	.about1 .h1{font-size: 16px;}

	.about1 p{font-size: 12px;margin-top: 2vw;}

	.about3 .h1{font-size: 16px;margin-bottom: 20px;}

	.about3{padding: 25px 0 10px;}

	.about3 .col-sm-4{padding: 7.5px;}

	.about3 .row{margin: -7.5px;}

	.about3 p{-webkit-line-clamp:4;font-size: 12px;height: 72px;}

	.about2 .container{display: block;}

	.about2 .container{height:auto;padding: 15px 0;}

	.about2 .item{padding: 10px 0;}

	.about2 .item p{font-size: 12px;line-height: 18px;}

	.about2 .item .txt{font-size: 12px;line-height: 14px;margin-left: 5px;}

	.about2 .item img{margin-right: 10px;}

	.cul1{padding: 30px 0;}

	.cul1box{display: block;margin-bottom: 15px;}

	.cul1box .abtitle{width: 100%;font-size: 16px;margin: 0;margin-bottom: 15px;}

	.cul1box p{font-size: 12px;margin-bottom: 2vw;}

	.cul2{padding: 30px 0;}

	.abtitle{font-size: 16px;}

	.cul2box{display: block;}

	.cul2left{border-width: 1px;}

	.cul2box .item{border-width: 1px;}

	.cul2box .item .before{height: 60px;font-size: 13px;}

	.cul2 .abtitle{margin-bottom: 15px;}

	.cul2box .item .after .h1{font-size: 13px;}

	.cul2box .item .after p{font-size: 12px;}

	.cul2box .item .after{padding-right: 0;margin-top: 0;padding-bottom: 15px;}

	.cul2 .img1{display: none;}

	.cul1{padding: 30px 0;}

	.cul3{padding: 0;padding-bottom: 30px;}

	.cul3box{display: block;}

	.cul3box .abtitle{width: 100%;font-size: 16px;margin: 0;margin-bottom: 15px;}

	.cul3box p{font-size: 12px;margin-bottom: 2vw;}

	.cul3box .h2{font-size: 13px;}

	.cul2box .item .iconhover{width: 26px;height: 26px;}

	.procon{padding: 30px 0;}

	.protab{display: block;overflow: hidden;margin-bottom: 15px;}

	.protab a{float: left;font-size: 12px;padding: 0 15px;margin-right: 10px;margin-bottom: 10px;}

	.probox .item{padding: 15px 5px;}

	.probox .item .h1{font-size: 12px;margin: 12px 0 10px;}

	.probox .item .btn1{font-size: 12px;height: 28px;width: 86px;}

	.pdtl1{padding: 15px 0 25px;}

	.pdtl1 .container{display: block;}

	.pdtl1 .imgbox{width: 100%;}

	.pdtl1 .abtitle{padding: 20px 0 15px;}

	.pdtl1 .h1{font-size: 13px;margin:15px 0;}

	.pdtl1 .h2{font-size: 13px;line-height: 28px;margin-bottom: 15px;/*padding: 0 10px;*/}

	.pdtl1 p{font-size: 12px;margin-bottom: 10px;}

	.pdtl1 .btn1{font-size: 13px;margin-top: 15px;}

	.pdtl2 .title{font-size: 16px;}

	.pdtl2{padding:25px 0;}

	.resbox{padding: 25px 0;display: block;}

	.resbox .abtitle{width: 100%;font-size: 16px;margin: 0;margin-bottom: 15px;}

	.resbox p{font-size: 12px;margin-bottom: 2vw;}

	.res2{margin-top: 0;}

	.res2 a,	.cul4 .res2 a{width: 50%; padding: 1.5px;}

	.res4{padding-bottom: 25px;}

	.res4 .item:first-child{flex-direction: row;}

	.res4 .item{display: block;}

	.res4 .item .txtbox{width: 100%;font-size: 12px;line-height: 1.875;padding: 20px;}

	.res4 .item img{width: 100%;}

	.manage1{padding-bottom: 25px;}

	.manage2 .abtitle{margin-bottom: 15px;}

	.manage2{padding:30px 0;}

	.manage2 .swipernum{font-size: 13px;margin-left: 10px;}

	.manage2 .swiper-ctl1{width: 40px;}

	.manage2 .item p{font-size: 12px;}

	.manage3{padding:25px 0 30px;}

	.manage3 .abtitle{margin-bottom: 15px;}

	.mage3box .before .img1{width: 1rem;height: 1rem;}

	.mescon{padding: 25px 15px;}

	.mescon .h1{font-size: 12px;margin: 10px 0 15px;}

	.mesbox{margin-left: 0;}

	.mesbox .item .label{font-size: 12px;}

	.mesbox .item textarea{font-size: 12px;}

	.mesbox .item select{font-size: 12px;}

	.mesbox .item input{font-size: 12px;}

	.mesbox .btn1{font-size: 12px;}

	.brand1 .resbox .abtitle{width: 100%;}

	.brand2 .container{border-width: 1px;padding: 5px 0 30px;}

	.brand2 .item{margin-top: 20px!important;display: block;}

	.brand2 .item .txtbox{width: 100%;padding: 20px;}

	.brand2 .item .img1{position: static!important;width: 100%;}

	.brand2 .item .txtbox p{font-size: 12px;margin-bottom: 2vw;}

	.brand2 .item .txtbox .btn1{font-size: 12px;line-height: 30px;margin-top: 15px;}

	.brand2 .item .txtbox .logo{max-width: 40vw!important;margin-bottom: 15px;}

	.banner2>img{height: 240px;object-fit: cover;}

	.banner2-tit{font-size: 7vw;line-height: auto;}

	.banner2 .container{bottom: 10vw;}

	.contact_banh{height:auto}

	.index4 .imgbox{display:block;}

	.index4 .imgbox img{width:100%}

	.index4 .imgbox img{margin-top:10px;}

	.foot1-3{display: block;}

}

a.bshareDiv{display:none!important}



.pro-subnav{height:.8rem;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);margin-top:-.8rem;position:relative;z-index:10}

.pro-subnav .item{display:flex;align-items:center;justify-content:center;width:25%;font-size:.2rem;color:#fff;overflow:hidden;position:relative;transition:all .3s;height:100%}

.pro-subnav .item .img1{height:.3rem;margin-right:.1rem}

.pro-subnav .item.on{box-shadow: 0px .1rem .4rem 0px rgba(144, 142, 142, 0.24);}

.pro-subnav .item .img2{position:absolute;right:0;top:0;opacity:0;transition:all .3s;transform:translateX(-.7vw);bottom:0}

.pro-subnav .item.on .img2{opacity: 1;transform:translateX(0)}

.pro-subnav .item:hover{box-shadow: 0px .1rem .4rem 0px rgba(144, 142, 142, 0.24);}

.pro-subnav .item:hover .img2{opacity: 1;transform:translateX(0)}

.pro-subnav .item:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background: linear-gradient(270deg, #FF3542 0%, #DB111E 100%);opacity:0;transition:all .3s;transform:translateX(-.7vw);z-index:-1}

.pro-subnav .item.on:after{opacity: 1;transform:translateX(0)}

.pro-subnav .item:hover:after{opacity: 1;transform:translateX(0)}

.probanner2 .container{bottom:1.6rem}
.manage3.procon .imgbox img{margin: auto;}
.manage3.procon .quality_p1{text-align: center; font-size: 18px;font-weight: 600;color: #333333; transition: all .3s;}
.manage3.procon .quality_p2{font-size: 14px;font-weight: 500;text-align: center;color: #333333;}
.manage3.procon .item:hover .quality_p1{color: #E4202C;}
@media (max-width:767px){

    .pro-subnav .item{width:50%;font-size:13px;}

		.probanner2 .container{bottom:1.4rem}


}