

@media screen and (max-width: 1420px) {
	.prodet-slide{height: 656px;}
	.index10 .img{padding: 0 80px;}
}

@media screen and (max-width: 1280px) {
	.prodet-slide .swiper-container.gallery-thumbs{width: 94%;}
	.prodet-slide .gallery-thumbs .swiper-slide:first-child{padding-right: 0;}
	.prodet-slide .gallery-thumbs .swiper-slide:last-child {padding-left: 0;}
	.container{width: 94%;}
	.index6 .box {margin-right: 60px;width: calc(33.33% - 40px);}
	.index6 .box .muimg{max-width: 100%;margin-left: 0;}
	.coating_bespoke .coating-con{width: 94%;}
	.index1 .container{width: 94%;margin-left: -47%;}
	.index1 a{margin: 20px 0 0 20px;}
	
	
}

@media screen and (max-width: 1200px) {
	.index2 .joins-form form{padding-right: 60px;}
	.in9-con .img{width: 50%;}
	.in9-con .txt{width: 50%;margin-left: 0px;padding-top: 40px;padding-left: 40px;}
	
}

@media screen and (max-width: 1130px) {
	.coating_bespoke .mspan{display: none;}
	.coating_bespoke .layform {margin-left: 0px;width: 100%;}
	.coating_bespoke .main .con .bespoke_text{width: 19%;margin-right: 1%;}
	.bespoke_select{width: 19%;margin-right: 1%;}
	.coating_bespoke .main .con .bespoke_btn{width: 19%;margin-left: 0;;}
}


@media screen and (max-width: 1000px) {
	.index5-con .box .img{height: 230px;}
	.in9-con .txt .box{width: 33.3%;margin-right: 0;}
	.in9-con .txt .boxs {margin-top: 20px;}
	.in9-con .txt p{font-size: 15px;line-height: 26px;}
	.in9-con .txt .box img {width: 70px;}
	.index9{padding: 90px 0 180px;}
	.index2 .joins-form .form-box{padding: 50px 0px 40px 35px;}
	.index2 .joins-form form{padding-right: 35px;}
	
}

@media screen and (max-width: 750px) {
	.index2 {width: 94%;padding: 0.8rem 0;}
	.index2-line{margin: 0rem auto 0.4rem auto;}
	.index2-tit{font-size: 0.44rem;margin-bottom: 0.5rem;}
	.index2 .joins-form .pic{ width:100%; height:auto; }
	.index2 .joins-form .pic img{ width:100%;display: block;}
	.index2 .joins-form .form-box{ width:100%; height:auto; border-left:1px solid #dedede; }
	.index2 .joins-form .form-box{ padding:0.3rem; }
	.index2 .joins-form .form-box .base-row { width: 100%;}
	.index2 .joins-form .form-box #joins {width: 100%;}
	.index2 .joins-form .form-box .text{width: 100%;}
	.city-picker-selector .selector-item {width: 48%;}
	.index2 .joins-form .form-box .type-row {width: 100%;}
	.index2 .joins-form .form-box .base-row .text{ width: 5.5rem; font-size: 0.28rem;border-radius: 0;}
	.index2 .joins-form .form-box .row .row-sel{width: 5.5rem;}
	.index2 .joins-form .form-box #joins .text{ width: 5.5rem; font-size: 0.28rem;}
	.once_select{width: 48%;float: left;margin-right: 0;}
	.once_select:nth-child(2){float: right;}
	.once_select p{font-size: 0.28rem;line-height: 0.72rem;}
	.index2 .joins-form .form-box .joins-btn{width: 3rem;}
	
	.prodet-slide{margin-top: 0.6rem;height: 4.3rem;}
	.prodet-slide .swiper-container.gallery-thumbs{width: 100%;margin-top: -1.3rem;}
	.prodet-slide .gallery-thumbs .swiper-slide{width: 2rem;}
	.prodet-slide .gallery-thumbs .swiper-slide:first-child{width: 2rem;padding-right: 0;}
	.prodet-slide .gallery-thumbs .swiper-slide:last-child{width: 2rem;padding-left: 0;}
	.prodet-slide .gallery-thumbs .swiper-slide .img img{height: 0.4rem;}
	.prodet-slide .gallery-thumbs .swiper-slide span{font-size: 0.24rem;line-height: 0.4rem;}
	.prodet-slide .gallery-thumbs .swiper-slide .img {height: 0.7rem;line-height: 0.7rem;}
	
	.index1{height: 4rem;}
	.in1-img{display: block;}
	.index1 .img{display: none;}
	.index1 a img{width: 1.2rem;}
	.index1 a{margin: 0.2rem 0 0 0.2rem;}
	.index2-line{width: 1.4rem;margin: 0 auto 0.6rem auto;}
	.index2 h1{font-size: 0.46rem;margin-bottom: 0.2rem;}
	.index2 .desc{font-size: 0.28rem;line-height: 0.46rem;width: 100%;margin: 0 auto 0.4rem;}
	.index2 .joins-form form{padding-right: 0;}
	.index2 .joins-form .form-box .text{height: 0.8rem;}
	.joins-form .form-box .row label {font-size: 0.28rem;line-height: 0.8rem;}
	
	.index3 .container{padding-top: 1rem;padding-bottom: 0.8rem;}
	.index3 .en {font-size: 0.34rem;margin-bottom: 0.1rem;}
	.index3 .tit {font-size: 0.46rem;margin-bottom: 0.3rem;}
	.index3 p {font-size: 0.28rem;line-height: 0.46rem;}
	.index3 .bot{height: auto;padding: 0.5rem 0.3rem;line-height: initial;margin-top: 0.5rem;}
	.index3{height: auto;margin-bottom: 1rem;}
	
	.index4{padding-top: 0rem;}
	.index4 .topbox{width: 100%;padding: 0.4rem 0;}
	.index4 .topbox p {font-size: 0.42rem;margin-bottom: 0.1rem;}
	.index4 .topbox span {font-size: 0.32rem;}
	.uparr img {width: 0.35rem;}
	.uparr {margin: 0.4rem auto 0.7rem;}
	.index4 .en {font-size: 0.34rem;margin-bottom: 0.1rem;}
	.index4 .tit{font-size: 0.46rem;margin-bottom: 0.3rem;}
	.index4 .line{width: 1.4rem;margin: 0 auto 0.6rem auto;}
	.index4 p {font-size: 0.28rem; line-height: 0.46rem;}
	.index4 .swiper-button-next, .index4 .swiper-button-prev{width: 0.7rem;height: 0.7rem;background-size: 0.7rem;margin-top: -0.35rem;}
	
	.index5{padding: 1rem 0 0.5rem;}
	.index5 .en {font-size: 0.34rem;margin-bottom: 0.1rem;}
	.index5 .tit{font-size: 0.46rem;margin-bottom: 0.3rem;}
	.index5 .line{width: 1.4rem;margin: 0 auto 0.6rem auto;}
	.index5-con {margin-top: 0.6rem;}
	.index5-con .box {margin-right: 0;width: 100%;margin-bottom: 0.4rem;}
	.index5-con .box .img {height: 4.4rem;}
	.index5-con .box .txt{padding: 0.3rem;}
	.index5-con .box .txt .wenzi .p1 { font-size: 0.36rem;margin-bottom: 0.1rem;line-height: 0.4rem; padding-left: 0.2rem;}
	.index5-con .box .txt .wenzi .p2 img{height: 0.26rem;}
	.index5-con .box .txt .pic {width: 0.9rem;}
	
	.index6 .topbox{width: 100%;padding: 0.4rem 0;margin-top: 0;}
	.index6 .topbox p {font-size: 0.42rem;margin-bottom: 0.1rem;}
	.index6 .topbox span {font-size: 0.32rem;}
	.index6 .en {font-size: 0.34rem;margin-bottom: 0.1rem;}
	.index6 .tit{font-size: 0.46rem;margin-bottom: 0.3rem;}
	.index6 .line{width: 1.4rem;margin: 0 auto 0.3rem auto;}
	.index6 .tit1{font-size: 0.34rem;}
	.index6 .con {margin-top: 0.6rem;margin-bottom: 0;}
	.index6 .box {margin-right: 0;width: 100%;margin-bottom: 0.8rem;}
	.index6 .box .title{margin: 0.2rem 0 0.1rem;font-size: 0.34rem;}
	.index6 .box p.p1, .index6 .box p.p2{min-height: auto;}
	.index6 .box p {line-height: 0.46rem;font-size: 0.28rem;}
	.index6 .box .title2 {font-size: 0.32rem; margin: 0.2rem 0 0.1rem;}
	.index6 .box .title2 b{font-size: 0.6rem;}
	.index6 .box .muimg{margin-top: 0.3rem;width: 5rem;}
	.index6 .desc{font-size: 0.3rem;}
	
	.index7{padding: 1rem 0 0.6rem;}
	.index7 .en {font-size: 0.34rem;margin-bottom: 0.1rem;}
	.index7 .tit{font-size: 0.46rem;margin-bottom: 0.3rem;}
	.index7 .line{width: 1.4rem;margin: 0 auto 0.3rem auto;}
	.index7 .tit1{font-size: 0.34rem;}
	.index7 .desc{font-size: 0.3rem;margin: 0.1rem 0 0;padding: 0 3%;}
	.index7 .slider-pot{-webkit-filter: blur(0px);filter: blur(0px);}
	.index7 .slider-pot img{width: 1rem;}
	.index7 .slider-pot .sp2{font-size: 0.24rem;}
	.index7 .slider-pot .sp1{font-size: 0.28rem;}
	.index7 .slider-pot p{height: 0.7rem;padding-right: 2.2rem;line-height: 0.7rem;}
	.index7 .swiper-slide{margin-top: 0.7rem;margin-bottom: 1.2rem;}
	.index7 .swiper-pagination-bullet{width: 8px;height: 8px;}
	
	.index8{padding: 1rem 0;}
	.index8 .en {font-size: 0.34rem;margin-bottom: 0.1rem;}
	.index8 .tit{font-size: 0.46rem;margin-bottom: 0.3rem;}
	.index8 .line{width: 1.4rem;margin: 0 auto 0.3rem auto;}
	.index8 .desc{font-size: 0.3rem;margin: 0.1rem 0 0;padding: 0 3%;width: 100%;}
	.index8 img{display: block;margin: 0.8rem 0 0;}
	
	.index9{padding: 1rem 0 1.5rem;}
	.index9 .en {font-size: 0.34rem;margin-bottom: 0.1rem;}
	.index9 .tit{font-size: 0.46rem;margin-bottom: 0.3rem;}
	.index9 .line{width: 1.4rem;margin: 0 auto 0.3rem auto;}
	.in9-con {margin-top: 0.6rem;}
	.in9-con .img {width: 100%;}
	.in9-con .txt{width: 100%;padding-top: 1rem;padding-left: 0;}
	.in9-con .txt p {font-size: 0.28rem;line-height: 0.46rem;}
	.in9-con .txt p:before{width: 1rem;top: -0.3rem;}
	.in9-con .txt .boxs {margin-top: 0.4rem;}
	.in9-con .txt .box img {width: 1.2rem;}
	.in9-con .txt .box span{font-size: 0.3rem;margin-top: 0.2rem;}
	
	.index10{padding: 0px 0 0.7rem;}
	.index10 .container{top: 0;margin-bottom: 0;}
	.index10 .topbox{width: 100%;padding: 0.4rem 0;margin-top: 0;}
	.index10 .topbox p {font-size: 0.42rem;margin-bottom: 0.1rem;margin-top: 0;}
	.index10 .topbox span {font-size: 0.32rem;}
	.index10 .uparr{margin: 0.4rem auto;}
	.index10 .img {padding: 0 0.6rem;}
	.index10 p{font-size: 0.32rem;margin-top: 1rem;}
	
	.coating_bespoke{height: auto;position: relative;padding-bottom: 0.5rem;}
	.coating_bespoke .coating-con{width: 100%;padding: 0 3%;}
	.coating_bespoke .mspan{width: 100%;font-size: 0.36rem;}
	.coating_bespoke .layform{margin-left: 0;margin-top: 0.3rem;}
	.coating_bespoke .main .con .bespoke_text{width: 49%;margin-right: 0;margin-bottom: 0.2rem;height: 0.66rem;border-radius: 0;}
	.coating_bespoke .main .con .bespoke_phone{width: 49%;margin-left: 2%;margin-bottom: 0.2rem;height: 0.66rem;}
	.bespoke_select{width: 49%;margin-right: 0;margin-bottom: 0.4rem;height: 0.66rem;padding: 0 12px;}
	.bespoke_select ul{bottom: 0.66rem;}
	.bespoke_select.bespoke_city{margin-left: 2%;}
	.coating_bespoke .main .con .bespoke_btn{width: 2rem;height: 0.6rem;margin-left: 0;font-size: 0.3rem;}
	.coating_bespoke .main .con .bespoke_btn:hover{font-size: 0.3rem;}
	.coating_bespoke .main{padding-top: 0.2rem;}
	
	.yz-body{overflow: hidden;}
	.xs-hidden{display: none !important;}
	.xs-show{display: block !important;}
	.aply-box{padding: .37rem 0 .5rem;}
	.aply-box h4{font-size: .36rem;line-height: .56rem;text-align: center;color: #505050;font-weight: bold;margin-bottom: .22rem;}
	.aply-form{width: 6.54rem;margin: 0 auto;height: 5.36rem;padding: .4rem .6rem 0;}
	.aply-form .form-box{float: none;width: 100%;}
	.aply-form .pic{width: 3.95rem;left: 1.28rem;top: auto;bottom: -.3rem;}
	.aply-form .form-box .row{margin-bottom: .15rem;}
	.aply-form .form-box .row label{font-size: .22rem;line-height: .48rem;}
	.aply-form .form-box .text{width: 4.56rem;height: .48rem;font-size: .22rem;padding: 0 .15rem;}
	.aply-form .form-box .row .row-sel{width: 4.56rem;}
	.aply-form .form-box .once_select{height: .48rem;}
	.aply-form .form-box .once_select p{font-size: .22rem;line-height: .46rem;background-size: .16rem .11rem;padding: 0 .15rem;}
	.aply-form .form-box .once_select ul{bottom: .48rem;}
	.aply-form .form-box .joins-btn{width: 2rem;height: .5rem;margin: .05rem 0 0 1.65rem;border-radius: .25rem;font-size: .24rem;}
	.aply-box .tips{font-size: .2rem;line-height: .3rem;margin: .45rem 0 0;text-align: center;}
	.culture-box{padding-top: .27rem;}
	.culture-box .container{width: 7.06rem;height: 9.06rem;background-size: cover;padding-top: .65rem;background-image: url('../images/yz_20221110_m_pic3.png');}
	.culture-box .title{font-size: .4rem;line-height: .56rem;text-align: center;margin-left: 0;}
	.culture-box .title span{font-size: .4rem;}
	.culture-box .list{display: flex;justify-content: space-between;margin: .5rem .3rem 0;}
	.culture-box .list .item{display: block;margin: 0 !important;}
	.culture-box .list .img{width: .66rem;margin: 0 auto .28rem;}
	.culture-box .list .txt{margin-left: 0;padding-left: 0;font-size: .18rem;line-height: .28rem;text-align: center;}
	.culture-box .list .txt span{font-size: .18rem;}
	.culture-box .list .txt::before{display: none;}
	.life-box{padding: .73rem 0;}
	.yz-title{padding-bottom: .18rem;}
	.yz-title .title{font-size: .4rem;line-height: .6rem;}
	.yz-title .title span{font-size: .4rem;}
	.yz-title::before{width: .6rem;height: .03rem;margin-left: -.39rem;}
	.yz-title::after{width: .16rem;height: .03rem;margin-left: .24rem;}
	.yz-title .en{font-size: .18rem;line-height: .3rem;}
	.life-box .main{flex-direction: column-reverse;margin-top: .36rem;}
	.life-box .info{margin: 0;font-size: .22rem;line-height: .42rem;text-align: center;}
	.life-box .pic{width: 6.57rem;margin: .45rem auto 0;}
	.space-box{padding: .8rem 0;}
	.space-box .main{padding-bottom: 3.8rem;margin-top: .48rem;}
	.space-box .info{font-size: .22rem;line-height: .42rem;margin-left: .48rem;}
	.space-box .pic{left: .48rem;width: 6.92rem;bottom: .44rem;}
	.space-box .list{flex-wrap: wrap;width: 6.72rem;margin: 0 auto;}
	.space-box .list .item{width: 1.61rem;height: 2.1rem;margin-bottom: .1rem;padding-top: .45rem;}
	.space-box .list .item:nth-child(5){margin-left: .84rem;}
	.space-box .list .item:last-child{margin-right: .84rem;}
	.space-box .list .item img{height: .64rem;}
	.space-box .list .item p{font-size: .22rem;line-height: .42rem;margin-top: .15rem;}
	.easy-box{padding: .75rem 0 .35rem;}
	.easy-box .info{font-size: .22rem;line-height: .42rem;margin-top: .25rem;}
	.easy-box .list{margin: .4rem auto 0;display: block;width: 6.8rem;}
	.easy-box .list .item{width: 100%;margin-bottom: .55rem;display: flex;justify-content: space-between;position: relative;}
	.easy-box .list .item .pic{width: 2.29rem;}
	.easy-box .list .item .main{width: 4.3rem;display: flex;flex-direction: column-reverse;justify-content:flex-end;}
	.easy-box .list .item .name{font-size: .2rem;width: 2.29rem;bottom: 0;left: 0;line-height: .36rem;color: #fff;background: rgba(0, 0, 0, 0.2);position: absolute;text-align: center;margin-top: 0;}
	.easy-box .list .item .txt{font-size: .2rem;line-height: .32rem;padding-top: .15rem;border-top: 1px solid #d9d9d9;margin-top: .1rem;min-height: auto;}
	.easy-box .list .item .sn{font-size: .2rem;line-height: .5rem;margin-top: -.1rem;}
	.easy-box .list .item .num{font-size: .2rem;margin-right: .18rem;}
	.easy-box .list .item .num span{font-size: .4rem;margin-right: .05rem;}
	.easy-box .list .item .content{display: none;}
	.swiper-system{height: 13.08rem;}
	.swiper-system .xs-show{height: 13.08rem;background-repeat: no-repeat;background-size: cover;background-position: center center;}
	.system-box .main{width: 5.14rem;left: .6rem;top: 1.02rem;margin-left: 0;}
	.system-box .title{font-size: .44rem;line-height: .64rem;}
	.system-box .info{font-size: .22rem;line-height: .34rem;margin-top: .2rem;}
	.system-box .more{margin-top: .28rem;width: 2.18rem;height: .54rem;border-radius: .27rem;font-size: .18rem;}
	.system-box .more i{width: .34rem;height: .33rem;}
	.system-box .list{margin-top: .52rem;}
	.system-box .list .item{width: 1.23rem;height: 1.5rem;margin-bottom: .08rem;padding-top: .42rem;}
	.system-box .list .item .name{font-size: .22rem;line-height: .32rem;}
	.system-box .list .item .en{font-size: .16rem;line-height: .22rem;}
	.system-box .list .item p{font-size: .18rem;line-height: .28rem;margin-top: .2rem;}
	.swiper-system .swiper-button-prev,
	.swiper-system .swiper-button-next{display: block;width: .45rem;height: .45rem;background: url('../images/yz_arrow_sl.png') no-repeat center center rgba(255,255,255,0.4);background-size: .19rem .26rem;left: .15rem;top: 9.56rem;margin: 0;border-radius: 50%;}
	.swiper-system .swiper-button-next{left: auto;right: .15rem;transform: rotate(180deg);}
	.system-box .tips{display: flex !important;justify-content: center;align-items: center;height: .2rem;font-size: .2rem;color: #fff;position: absolute;left: 0;bottom: .48rem;width: 100%;z-index: 10;}
	.system-box .tips i{display: block;width: .24rem;height: .18rem;background: url('../images/yz_arrow_l.png') no-repeat;background-size: cover;margin-right: .2rem;}
	.system-box .tips i:last-child{transform: rotate(180deg);margin: 0 0 0 .2rem;}
	.process-box{padding: .9rem 0 .8rem;}
	.process-box .info{font-size: .22rem;line-height: .36rem;margin-top: .26rem;}
	.process-box .pic{width: 6.52rem;margin: .32rem auto 0;}
	.install-box{padding: .78rem 0 .9rem;}
	.install-box .main{display: block;margin-top: .4rem;}
	.install-box .left{margin-left: 0;}
	.install-box .name{font-size: .36rem;line-height: .58rem;text-align: center;}
	.install-box .name span{font-size: .36rem;}
	.install-box .txt{font-size: .22rem;line-height: .38rem;text-align: center;margin-top: .16rem;}
	.install-box .pic{width: 6.38rem;margin: .35rem auto 0;}
	.service-box{padding: .72rem 0 4.2rem;}
	.service-box .main{margin-top: .5rem;display: block;width: 6.37rem;margin: .45rem auto 0;}
	.service-box .left{margin-left: 0;display: flex;align-items: center;justify-content: space-between;}
	.service-box .name{font-size: .32rem;line-height: .44rem;}
	.service-box .name span{font-size: .32rem;}
	.service-box i{display: none;}
	.service-box .img{margin-top: 0;width: 3.18rem;}
	.service-box .pic{width: 100%;margin: .27rem 0 0;}
	.yz-bespoke{position: fixed;}
}
