.index1{width: 100%;position: relative;background-image: none !important;}
.index1 .img{width: 100%;}
.index1 .container{position: absolute;top: 0;width: 1185px;left: 50%;margin-left: -592px;}
.index1 a{display: block;margin: 40px 0 0 70px;}
.index1 a img{width: 120px;}
.in1-img{width: 100%;height: 100%;display: none;}

.index2{padding: 140px 0 130px 0;position: relative;}
.index2-line{width: 84px;height: 2px;background: #C9AE8C;margin: 0 auto 30px auto;}
.index2-tit{font-weight: bold;font-size: 34px;color: #232323;text-align: center;margin-bottom: 55px;}
.index2 .joins-form form{padding-right: 100px;}
.index2 .joins-form .pic{ width:50%; height: 294px; position:relative; overflow:hidden; float:left; }
.index2 .joins-form .pic img{ -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; 
	display: none;}
.index2 .joins-form .pic .layer{ width:100%; height:100px; position:absolute; bottom:0; left:0; right:0; padding:0px 40px; }
.index2 .joins-form .pic .layer h2{ font-size:24px; color:#fff; line-height:1.833; position:relative; z-index:40; }
.index2 .joins-form .pic .layer p{ font-size:14px; color:#fff; line-height:1.929; position:relative; z-index:40; }
.product-main .joins-form .pic .layer:before { width:100%; height:100%; position:absolute; top:0; left:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; background-color:rgba(0, 0, 0, 0); background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000); background:-ms-linear-gradient(top, rgba(0, 0, 0, 0), #000); opacity:0.4; content:" "; z-index:30; }
.index2 .joins-form .pic .layer:hover:before{ opacity:1; }
.index2 .joins-form .form-box{ width:50%; height:294px; border:1px solid #dedede; border-left:0; border-radius:0px 2px 2px 0px; float:right; padding:50px 0px 40px 70px; }
.index2 .joins-form .form-box .row{ margin-bottom:15px; }
.index2 .joins-form .form-box .text{  height:38px; border:1px solid #dedede; background:none; font-size:14px; color:#666; line-height:38px; padding-left:10px; }
.index2 .joins-form .form-box .text::-webkit-input-placeholder { color:#666; }
.index2 .joins-form .form-box .text:-moz-placeholder { color:#666; }
.index2 .joins-form .form-box .text::-moz-placeholder { color:#666; }
.index2 .joins-form .form-box .text:-ms-input-placeholder { color:#666; }
.index2 .joins-form .form-box #joins{  }
.index2 .joins-form .form-box #joins .text{ }
.index2 .joins-form .form-box #joins .text:last-child{ float:right; }
.index2 .joins-form .form-box .type-row{ }
.index2 .joins-form .form-box .type-row .layui-form-select .layui-input{ color:#666; border-radius:0; }
.index2 .joins-form .form-box .joins-btn{ width:157px; height:40px; border-radius:20px; background:#C2A47D; border:1px solid #C2A47D; font-size:14px; color:#fff; margin-top:8px;  cursor:pointer; }
.index2 .joins-form .form-box .joins-btn:hover{ background:none; color:#C2A47D; }
.index2 .joins-form .form-box .row{ }
.index2 .joins-form .form-box .base-row .text{ width: calc(100% - 60px); }
.index2 .joins-form .form-box .base-row .text:last-child{ float:right; }
.index2 .city-picker-selector li.caller.active, .index2 .city-picker-selector li.caller.active:hover {background: #C2A47D;color: #fff;}
.index2 .layui-form-select dl dd.layui-this {background-color: #C2A47D;color: #fff;}
.once_select{position: relative;z-index: 3;width: calc(50% - 4px);height: 38px;background: #fff;float: left;margin-right: 8px;border: 1px solid #dedede;}
.once_select:nth-child(2){margin-right: 0;}
.once_select p{padding: 0 12px;font-size: 14px;color: #232323;line-height: 38px;white-space: nowrap;overflow: hidden;padding-right: 20px;text-overflow: ellipsis;
	background: url('../images/coating_arrow.png') no-repeat right 10px center;cursor: pointer;background-size: 13px;}
.once_select ul{position: absolute;left: 0;bottom: 38px;background: #fff;z-index: 20;display: none;width: 100%;overflow-y: scroll;
	max-height: 215px;white-space: nowrap;border: 1px solid #dedede;}
.once_select ul li{padding: 0 12px;font-size: 14px;color: #232323;line-height: 38px;cursor: pointer;}
.joins-form .form-box .row label {font-size: 19px;color: #5f5f5f;line-height: 38px;}
.index2 .joins-form .form-box .row .row-sel{width: calc(100% - 60px);}
.bottom-text{display: block;font-size: 13px;color: #5d5d5d;text-align: center;margin-top: 18px;}
.index2 h1{font-size:35px;color:#232323;font-weight:400;text-align:center;position:relative;margin-bottom:20px}
.index2 h1 em{color: #c2a47d;font-size:inherit;}
.index2 .desc{font-size: 19px;color: #3E3E3E;line-height: 30px;width: 610px;margin: 0 auto 20px;text-align: center;}

.index3{width: 100%;height: 782px;background: url(../images/index3-bg.jpg) no-repeat center;margin-bottom: 200px;}
.index3 .index3-dia{width: 100%;height: 100%;background: rgba(0,0,0,0.6);}
.index3 .container{padding-top: 120px;text-align: center;}
.index3 .en{font-size: 20px;color: #fff;margin-bottom: 8px;}
.index3 .tit{font-size: 34px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.index3 .line{width: 84px;height: 2px;background: #C9AE8C;margin: 0 auto 30px auto;}
.index3 p{font-size: 19px;color: #fff;line-height: 35px;}
.index3 .bot{width: 100%;height: 526px;background: url(../images/index3-bot-bg.jpg) no-repeat center;text-align: center;line-height: 526px;margin-top: 64px;
	background-size: cover;
	-webkit-box-shadow: 0 0 8px 2px rgba(191,191,191,.34);
    box-shadow: 0 0 8px 2px rgba(191,191,191,.34);
}
.index3 .bot img{max-width: 100%;}


.index4{width: 100%;padding-top: 134px;}
.index4 .container{text-align: center;}
.index4 .topbox{width: 660px;margin: 0 auto;padding: 28px 0;background: #C2A47D;text-align: center;}
.index4 .topbox p{font-size: 34px;color: #fff;font-weight: bold;margin-bottom: 12px;}
.index4 .topbox span{font-size: 28px;color: #fff;}
.index4 .en{font-size: 20px;color: #707070;margin-bottom: 8px;}
.index4 .tit{font-size: 34px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.index4 .tit span{font-size: inherit;font-weight: normal;}
.index4 .line{width: 84px;height: 2px;background: #C9AE8C;margin: 0 auto 30px auto;}
.index4 p{font-size: 19px;color: #222;line-height: 35px;padding: 0 10px;}
.index4 .pic{padding:50px 0 64px;}
.index4 .pic img{display: block;max-width: 100%;margin: 0 auto;}
.uparr{margin: 35px auto 65px;}
.uparr img{}
.index4 .swiper-button-next, .index4 .swiper-button-prev{width: 72px;height: 72px;margin-top: -36px;background-size: 72px;background-repeat: no-repeat;background-position: center;}
.index4 .swiper-button-prev{background-image: url(../images/index4-left.png);left: 10%;}
.index4 .swiper-button-next{background-image: url(../images/index4-right.png);right: 10%;}

.prodet-slide{width: 100%;height: 897px;position: relative;margin-top: 36px;}
.prodet-slide .gallery-top.swiper-container, .prodet-slide .gallery-top .swiper-slide{height: 100%;}
.prodet-slide .swiper-container.gallery-thumbs{width: 1280px;margin: 0 auto;margin-top: -145px;}
.prodet-slide .gallery-thumbs .swiper-slide{width: 16%;text-align: center;cursor: pointer;position: relative;}
.prodet-slide .gallery-thumbs .swiper-slide:after{width: 1px;height: 75px;background: rgba(255,255,255,0.8);content: '';position: absolute;right: 0;top: 7px;}
.prodet-slide .gallery-thumbs .swiper-slide .img{width: 100%;height: 60px;line-height: 60px;}
.prodet-slide .gallery-thumbs .swiper-slide span{font-size: 16px;color: #fff;display: block;line-height: 36px;} 
.prodet-slide .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{color: #D7B455;} 
.prodet-slide .gallery-thumbs .swiper-slide .slide-img-on{display: none;} 
.prodet-slide .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .slide-img-off{display: none;} 
.prodet-slide .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .slide-img-on{display: inline;} 
.prodet-slide .gallery-thumbs .swiper-slide:first-child{width: 10%;padding-right: 55px;}
.prodet-slide .gallery-thumbs .swiper-slide:last-child{width: 10%;padding-left: 55px;}
.prodet-slide .gallery-thumbs .swiper-slide:last-child:after{display: none;}

.index5{width: 100%;padding: 100px 0 230px;background: #F7F7F7;}
.index5 .container{text-align: center;}
.index5 .en{font-size: 20px;color: #707070;margin-bottom: 8px;}
.index5 .tit{font-size: 34px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.index5 .tit span{font-size: inherit;font-weight: normal;}
.index5 .line{width: 84px;height: 2px;background: #C9AE8C;margin: 0 auto;}
.index5-con{margin-top: 60px;}
.index5-con .box{margin-right: 32px;width: calc(33.33% - 22px);}
.index5-con .box:nth-child(3){margin-right: 0;}
.index5-con .box .img{width: 100%;height: 292px;}
.index5-con .box .txt{padding: 22px 18px 22px 22px;background: #E5E5E5;text-align: left;}
.index5-con .box .txt .wenzi{width: calc(100% - 100px);}
.index5-con .box .txt .wenzi .p1{font-size: 24px;color: #004029;font-weight: bold;margin-bottom: 10px;line-height: 24px;border-left: 3px solid #004029;
	padding-left: 16px;}
.index5-con .box .txt .wenzi .p2 img{max-width: 100%;}
.index5-con .box .txt .pic{width: 66px;}
.index5-con .box .txt .pic img{max-width: 100%;}


.index6{text-align: center;}
.index6 img{max-width: 100%;}
.index6 .topbox{width: 660px;margin: 0 auto;padding: 28px 0;background: #C2A47D;text-align: center;margin-top: -78px;}
.index6 .topbox p{font-size: 34px;color: #fff;font-weight: bold;margin-bottom: 12px;}
.index6 .topbox span{font-size: 28px;color: #fff;}
.index6 .en{font-size: 20px;color: #707070;margin-bottom: 8px;}
.index6 .tit{font-size: 34px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.index6 .tit span{font-size: inherit;font-weight: normal;}
.index6 .line{width: 84px;height: 2px;background: #C9AE8C;margin: 0 auto 30px auto;}
.index6 .name{font-size: 22px;color: #303030;line-height: 38px;text-align: center;}
.index6 .tit1{font-size: 26px;color: #222222;font-weight: bold;}
.index6 .con{margin-top: 38px;margin-bottom: 70px;}
.index6 .box{margin-right: 48px;width: calc(25% - 36px);text-align: left;}
.index6 .box:nth-child(4){margin-right: 0;}
.index6 .box img{max-width: 100%;}
.index6 .box .title{font-size: 18px;color: #222222;font-weight: bold;margin: 20px 0 5px;}
.index6 .box p{line-height: 23px;color: #222;font-size: 14px;}
.index6 .box p.p1{min-height: 118px;}
.index6 .box p.p2{min-height: 78px;}
.index6 .box .title2{font-size: 14px;color: #222222;margin: 20px 0 10px;}
.index6 .box .title2 b{color: #006E47;font-size: 42px;}
.index6 .box .title2 span{color: #006E47;font-size: inherit;}
.index6 .box .muimg{display: block;margin-top: 32px;margin-left: -8px;max-width: none;}
.index6 .desc{color: #303030;font-size: 18px;margin: 6px 0 20px;}

.index7{width: 100%;text-align: center;padding: 46px 0 70px;}
.index7 .en{font-size: 20px;color: #707070;margin-bottom: 8px;}
.index7 .tit{font-size: 34px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.index7 .tit span{font-size: inherit;font-weight: normal;}
.index7 .line{width: 84px;height: 2px;background: #C9AE8C;margin: 0 auto 30px auto;}
.index7 .tit1{font-size: 24px;color: #222222;}
.index7 .desc{color: #303030;font-size: 18px;margin: 6px 0 20px;}
.index7 .swiper-slide {
    width: 62%;
    height: 540px;
    transition: all 0.3s;
    transform: scale(0.91);
	margin-top: 70px;
	margin-bottom: 95px;
	overflow: hidden;
}
.index7 .swiper-slide-active {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 2;
    
}
.index7 .slider-pot{width: 100%;height: 100%;position: relative;-webkit-filter: blur(18px);filter: blur(18px);}
.index7 .swiper-slide-active .slider-pot{-webkit-filter: blur(0px);filter: blur(0px);}
.index7 .slider-pot p{width: 100%;height: 44px;background: #C2A47D;position: absolute;bottom: 0;color: #fff;text-align: right;padding-right: 154px;line-height: 50px;}
.index7 .slider-pot .sp1{font-size: 18px;font-weight: bold;}
.index7 .slider-pot .sp2{font-size: 14px;font-weight: 300;}
.index7 .slider-pot img{width: 92px;position: absolute;bottom: 6px;right: 42px;}
.index7 .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: #fff;border: 1px solid #C2A47D;}
.index7 .swiper-pagination-bullet-active{background: #C2A47D;}


.index8{width: 100%;text-align: center;padding: 95px 0 117px;background: url(../images/index8-bg.jpg) no-repeat center;background-size: cover;}
.index8 .en{font-size: 20px;color: #707070;margin-bottom: 8px;}
.index8 .tit{font-size: 34px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.index8 .tit span{font-size: inherit;font-weight: normal;}
.index8 .line{width: 84px;height: 2px;background: #C9AE8C;margin: 0 auto 30px auto;}
.index8 .desc{color: #303030;font-size: 18px;margin: 6px auto 70px;width: 800px;}
.index8 img{max-width: 100%;}

.index9{padding: 90px 0 270px;text-align: center;}
.index9 .en{font-size: 20px;color: #707070;margin-bottom: 8px;}
.index9 .tit{font-size: 34px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.index9 .line{width: 84px;height: 2px;background: #C9AE8C;margin: 0 auto;}
.in9-con{margin-top: 52px;}
.in9-con .img{width: 58%;}
.in9-con .img img{max-width: 100%;}
.in9-con .txt{width: 415px;margin-left: 40px;padding-top: 90px;}
.in9-con .txt p{color: #303030;font-size: 18px;line-height: 35px;position: relative;text-align: left;}
.in9-con .txt p:before{position: absolute;width: 60px;height: 2px;top: -25px;left: 0;background: #C9AE8C;content: '';}
.in9-con .txt .boxs{margin-top: 40px;}
.in9-con .txt .box{text-align: center;width: 120px;margin-right: 26px;}
.in9-con .txt .box:nth-child(3){margin-right: 0;}
.in9-con .txt .box img{}
.in9-con .txt .box span{color: #333;font-size: 18px;font-weight: bold;display: block;margin-top: 15px;}

.index10{padding: 0px 0 130px;text-align: center;/* background: #F7F7F7; */}
.index10 .container{top: -78px;margin-bottom: -78px;position: relative;}
.index10 .topbox{width: 660px;margin: 0 auto;padding: 28px 0;background: #C2A47D;text-align: center;}
.index10 .topbox p{font-size: 34px;color: #fff;font-weight: bold;margin-bottom: 12px;}
.index10 .topbox span{font-size: 28px;color: #fff;}
.index10 .img{text-align: center;}
.index10 .img img{max-width: 100%;}
.index10 .uparr{margin: 35px auto;}
.index10 p{font-size: 20px;/* margin-top: 100px; */}

.coating_bespoke{left: 0;bottom: 0;width: 100%;height: 94px;z-index: 3;background: #C2A47D;position: fixed;}
.coating_bespoke .coating-con{width: 1140px;margin: 0 auto;}
.coating_bespoke .main{width: 100%;padding-top: 28px;}
.coating_bespoke .layform{margin-left: 40px;}
.coating_bespoke .mspan{font-size: 26px;color: #fff;}
.coating_bespoke .main .name{font-size: 16px;line-height: 36px;margin-bottom: 12px;color: #fff;display: none;}
.coating_bespoke .main .con {position: relative;z-index: 0;}
.coating_bespoke .main .con .bespoke_text{display: block;float: left;width: 190px;height: 38px;background: #fff;border:none;
	margin-right: 6px;padding: 0 20px;font-size: 14px;color: #232323;position: relative;z-index: 10;}
.coating_bespoke .main .con .bespoke_phone{width: 190px;}
.bespoke_select{position: relative;z-index: 10;width: 150px;height: 38px;background: #fff;float: left;margin-right: 6px;}
.bespoke_select p{padding: 0 20px 0 12px;font-size: 14px;color: #232323;line-height: 38px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
	background: url('../images/coating_arrow.png') no-repeat right 10px center;cursor: pointer;}
.bespoke_select ul{position: absolute;left: 0;bottom: 38px;background: #fff;z-index: 20;display: none;width: 100%;overflow-y: scroll;
	max-height: 215px;white-space: nowrap;}
.bespoke_select ul li{padding: 0 12px;font-size: 14px;color: #232323;line-height: 38px;cursor: pointer;}
/*2018.10.31*/
.coating_bespoke .main .con .bespoke_btn{width: 140px;border-radius: 40px;margin-left: 32px;
	height: 40px;background: #fff;font-size: 20px;color: #C2A47D;border:none;transition: all 0.3s;font-weight: bold;}
.coating_bespoke .main .con .bespoke_btn:hover{font-size: 16px;}

.msg_pop_main {
    background: rgba(0,0,0,0.7);
    max-width: 250px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1001;
    display: none;
    border-radius: 3px;
    font-size: 12px;
    padding: 10px;
    color: #fff;
}


.pic img{display: block;width: 100%;}
.xs-hidden{display: block !important;}
.xs-show{display: none !important;}
.aply-box{padding: 90px 0 70px;}
.aply-form{border:1px solid #e2e2e2;position: relative;padding: 48px 99px 0 0;height: 294px;}
.aply-form .pic{width: 498px;position: absolute;left: 95px; top: -6px;}
.aply-form .form-box{float: right;width: 424px;}
.aply-form .form-box .row{margin-bottom: 15px;}
.aply-form .form-box .row label{font-size: 18px;line-height: 38px;color: #5f5f5f;}
.aply-form .form-box .text{width: 365px;height: 38px;border:1px solid #e1e1e1;font-size: 14px;padding: 0 10px;color: #666;}
.aply-form .form-box .row .row-sel{width: 365px;}
.once_select ul{bottom: 36px;left: -1px;width: calc(100% + 2px);}
.aply-form .form-box .joins-btn{ width:157px; height:40px; border-radius:20px; background:#206647; border:1px solid #206647; font-size:14px; color:#fff; margin-top:8px;  cursor:pointer; }
.aply-box .tips{font-size: 12px;line-height: 22px;color: #5d5d5d;margin: 13px 0 0 660px;}
.culture-box{background: #f7f7f7;padding-top: 27px;}
.culture-box .container{height: 518px;background: url('../images/yz_20221110_pic3.png') no-repeat;padding-top: 58px;}
.culture-box .title{font-size: 35px;line-height: 48px;color: #272727;margin-left: 90px;}
.culture-box .title span{color: #05744b;font-size: 35px;}
.culture-box .list{margin: 42px 0 0 90px;}
.culture-box .list .item{margin-bottom: 28px;display: flex;align-items: center;}
.culture-box .list .item:nth-child(2){margin-left: 70px;}
.culture-box .list .item:nth-child(3){margin-left: 140px;}
.culture-box .list .img{width: 45px;}
.culture-box .list .img img{display: block;width: 100%;}
.culture-box .list .txt{position: relative;padding-left: 30px;margin-left: 30px;font-size: 14px;line-height: 24px;color: #212121;}
.culture-box .list .txt span{font-weight: bold;font-size: 14px;}
.culture-box .list .txt::before{content: '';position: absolute;left: 0;top: 50%;width: 1px;height: 50px;border-left: 1px dashed #878787;margin-top: -25px;}
.life-box{background: #f7f7f7;padding: 67px 0 80px;}
.yz-title{position: relative;text-align: center;padding-bottom: 16px;}
.yz-title::before{content: '';width: 60px;height: 3px;background: #05744b;border-radius: 3px;position: absolute;left: 50%;bottom: 0;margin-left: -39px;}
.yz-title::after{content: '';width: 16px;height: 3px;background: #bfbfbf;border-radius: 3px;position: absolute;left: 50%;bottom: 0;margin-left: 24px;}
.yz-title .title{font-size: 33px;line-height: 52px;color: #272727;}
.yz-title .title span{color: #05744b;font-size: 33px;}
.yz-title .en{font-size: 16px;color: #aaa;line-height: 25px;text-transform: uppercase;font-weight: 300;}
.life-box .main{display: flex;justify-content: center;margin-top: 42px;}
.life-box .pic{width: 526px;}
.life-box .info{font-size: 16px;color: #15100e;line-height: 34px;margin:-8px 0 0 113px;}
.space-box{padding: 72px 0 108px;}
.space-box .main{position: relative;padding-bottom: 200px;margin-top: 54px;}
.space-box .info{font-size: 16px;color: #15100e;line-height: 34px;margin-left: 92px;}
.space-box .pic{width: 1047px;position: absolute;left: 92px;bottom: 19px;}
.space-box .list{display: flex;justify-content: space-between;}
.space-box .list .item{width: 161px;height: 304px;position: relative;border-radius: 2px;overflow: hidden;padding-top: 58px;background: #f7f7f7;}
.space-box .list .item img{display: block;height: 64px;margin: 0 auto;}
.space-box .list .item p{font-size: 20px;line-height: 30px;color: #272727;text-align: center;margin-top: 75px;}
/* .space-box .list .item::after{content: '';width: 100%;height: 100%;position: absolute;opacity: 0;left: 0;top: 0;z-index: 10;background-repeat: no-repeat;background-size: cover;background-position: center center;transition: all .5s ease-in-out;}
.space-box .list .item:first-child::after{background-image: url('../images/space_pic1.png');}
.space-box .list .item:nth-child(2)::after{background-image: url('../images/space_pic2.png');}
.space-box .list .item:nth-child(3)::after{background-image: url('../images/space_pic3.png');}
.space-box .list .item:nth-child(4)::after{background-image: url('../images/space_pic4.png');}
.space-box .list .item:nth-child(5)::after{background-image: url('../images/space_pic5.png');}
.space-box .list .item:nth-child(6)::after{background-image: url('../images/space_pic6.png');}
.space-box .list .item:nth-child(7)::after{background-image: url('../images/space_pic7.png');}
.space-box .list .item:hover::after{opacity: 1;} */
.easy-box{background: #f7f7f7;padding: 80px 0 98px;}
.easy-box .info{text-align: center;font-size: 16px;line-height: 29px;color: #282828;margin-top: 30px;}
.easy-box .list{display: flex;justify-content: space-between;margin-top: 32px;}
.easy-box .list .item{width: 261px;}
.easy-box .list .item .name{font-size: 20px;font-weight: bold;color: #222;margin-top: 20px;}
.easy-box .list .item .txt{font-size: 14px;line-height: 24px;color: #222;min-height: 144px;margin-top: 5px;}
.easy-box .list .item .sn{display: flex;font-size: 14px;color: #222;line-height: 44px;margin-top: 14px;align-items: flex-end;}
.easy-box .list .item .num{font-size: 14px;color: #006e47;margin-right: 10px;}
.easy-box .list .item .num span{font-size: 42px;font-weight: bold;margin-right: 5px;}
.easy-box .list .item .content{font-size: 14px;line-height: 24px;color: #222;}
.system-box{position: relative;}
.swiper-system{height: 724px;}
.swiper-system .xs-hidden{height: 724px;background-repeat: no-repeat;background-position: center center;}
.swiper-system .swiper-button-prev,
.swiper-system .swiper-button-next{display: none;}
.system-box .main{position: absolute;left: 50%;top: 140px;width: 364px;margin-left: 226px;z-index: 10;}
.system-box .title{font-size: 32px;line-height: 52px;color: #fff;}
.system-box .info{font-size: 14px;line-height: 22px;color: #fff;margin-top: 10px;}
.system-box .more{display: flex;align-items: center;height: 37px;background: #fff;width: 154px;justify-content: center;font-size: 12px;color: #206647;margin-top: 20px;border-radius: 19px;}
.system-box .more i{display: block;width: 24px;height: 23px;background: url('../images/yz_arrow.png') no-repeat;background-size: cover;margin-left: 5px;}
.system-box .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 50px;}
.system-box .list .item{width: 87px;height: 106px;margin-bottom: 5px;text-align: center;padding-top: 30px;background: rgba(255,255,255,0.3);cursor: pointer;}
.system-box .list .item .name{font-size: 14px;line-height: 20px;color: #206647;font-weight: bold;}
.system-box .list .item .en{font-size: 10px;color: #545454;text-transform: uppercase;line-height: 12px;font-weight: 300;}
.system-box .list .item p{font-size: 10px;line-height: 1;color: #292929;margin-top: 18px;}
.system-box .list .active{background: #fff;}

.process-box{padding: 80px 0 40px;}
.process-box .info{text-align: center;font-size: 16px;line-height: 29px;color: #282828;margin-top: 30px;}
.process-box .pic{margin: 25px 0 0 25px;width: 1159px;}
.install-box{background: #f7f7f7;padding: 85px 0 95px;}
.install-box .main{margin-top: 43px;display: flex;justify-content: space-between;}
.install-box .left{margin-left: 86px;}
.install-box .name{font-size: 35px;line-height: 48px;color: #272727;}
.install-box .name span{color: #05744b;font-size: 35px;}
.install-box .txt{font-size: 16px;line-height: 30px;color: #282828;margin-top: 30px;}
.install-box .pic{width: 638px;margin-top: 5px;}
.service-box{padding: 80px 0 180px;}
.service-box .main{display: flex;justify-content: space-between;margin-top: 50px;}
.service-box .left{margin-left: 86px;}
.service-box .name{font-size: 35px;line-height: 48px;color: #272727;}
.service-box .name span{color: #05744b;font-size: 35px;}
.service-box i{display: block; width: 28px;height: 27px;background: url('../images/yz_arrow.png') no-repeat;margin-top: 32px;}
.service-box .img{margin-top: 36px;width: 353px;}
.service-box .img img{display: block;width: 100%;}
.service-box .pic{width: 567px;margin-right: 45px;}
.yz-bespoke{background: #206647;}
.yz-bespoke .main .con .bespoke_btn{color: #206647;}