.stage{padding:80px 0 40px 0;}
.stage-list{display: block;}
.stage-list>h2{font-size:44px; text-align: center;}
.stage-list>ul{display: block; text-align: center; margin: 0 -30px;}
.stage-list>ul:after{display:block; content:''; clear:both;}
.stage-list>ul>li{float: left; width: 33.33333%; padding:20px 30px 0 30px;}
.stage-list>ul>li>b{display: block; font-size:18px;}
.stage-list>ul>li>p{font-size: 15px; margin-top:5px; color:#686868;}
@media(max-width:1200px){
.stage{padding:40px 0 20px 0;} 
.stage-list>h2{font-size:32px; }
.stage-list>ul{margin: 0 -10px;}
.stage-list>ul>li{padding:20px 10px 0 10px;}
.stage-list>ul>li>b{font-size:16px;}
.stage-list>ul>li>p{font-size: 14px;}
}
@media(max-width:767px){
.stage{padding:20px 0 10px 0;} 
.stage-list>h2{font-size:24px;} 
.stage-list>ul{margin: 0;}
.stage-list>ul>li{padding:5px 0; width: 100%;} 
.stage-list>ul>li>p{margin-top:0;}
}
.company{padding:60px 0;}
.company-content{float:left; width:50%; padding-right:10%;}
.company-content>h2{font-size:42px; margin:30px 0 50px 0;}
.company-content>aside{font-size:16px; color:#686868;}
.company-content>aside iframe,
.company-content>aside img{max-width:100%;}
.company-content>aside p+p{margin-top:10px;}
.company-image{float:left; width:50%;}
.company-swiper{overflow:hidden;}
.company-wrapper{width:10000%; display:flex; align-items:start;}
.company-wrapper:after{display:block; content:''; clear:both;}
.company-slide{width:1%; float:left; overflow:hidden; position:relative; transition:.5s;}
.company-slide img{display:block; width:100%; transition:1s;}
.company-slide span{display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:8; 
visibility:hidden; opacity:0; transform:scale(1.1); transition:.3s;
background:rgba(0,0,0,.68); color:#fff; font-size:28px; display:flex; align-items:center; justify-content:center;}
.company-slide:hover span{visibility:visible; opacity:1; transform:scale(1);}
.company-pager{text-align:center; margin-top:10px;}
.company-pager span{display:inline-block; width:8px; height:8px; border-radius:50px; margin:0 4px; background:rgba(0,0,0,.68);}
.company-pager span.on{width:24px; background:#768047;}
@media(max-width:1200px){
.company{padding:40px 0;}
.company-content{padding-right:20px;}
.company-content>h2{font-size:32px; margin:0 0 15px 0;}
.company-content>aside{font-size:15px;}
}
@media(max-width:992px){
.company-content>h2{font-size:22px; margin:0 0 10px 0;}
.company-content>aside{font-size:14px;}
.company-content>aside p+p{margin-top:5px;}
.company-image{margin-top:20px;}
.company-slide span{font-size:18px;}
.company-pager{margin-top:5px;}
.company-pager span{width:6px; height:6px; margin:0 3px;}
.company-pager span.on{width:18px;}
}
@media(max-width:767px){
.company{padding:20px 0;}
.company-content{float:none; width:100%; padding-right:0;}
.company-content>h2{margin:0 0 5px 0;}
.company-image{float:none; margin-top:10px; width:100%;}
.company-pager{margin-top:0;}
}

.figure{padding:60px 0; background:url('../box/figure.png') top center no-repeat; background-size:contain;}
.figure ul{display:block;}
.figure ul:after{display:block; content:''; clear:both;}
.figure ul>li{float:left; width:25%; margin-bottom:60px;}
.figure ul>li>span{display:block;}
.figure ul>li>span>h3{line-height:48px; color:#768047;}
.figure ul>li>span>h3:after{display:block; content:''; clear:both;}
.figure ul>li>span>h3>b{font-size:48px; float:left; margin-right:4px;}
.figure ul>li>span>h3>i{font-size:38px; float:left; font-style:normal;}
.figure ul>li>span>p{font-size:16px; margin-top:5px;}
@media(max-width:1200px){
.figure{padding:20px 0;}
.figure ul>li{margin-bottom:20px;}
.figure ul>li>span>h3{line-height:38px;}
.figure ul>li>span>h3>b{font-size:38px; margin-right:4px;}
.figure ul>li>span>h3>i{font-size:30px; }
.figure ul>li>span>p{font-size:15px; margin-top:5px;}
}
@media(max-width:992px){
.figure ul>li{width:33.3333%;}
}
@media(max-width:767px){
.figure ul>li{margin-bottom:15px; text-align:center;}
.figure ul>li>span>h3{line-height:28px; display:flex; justify-content:center;}
.figure ul>li>span>h3>b{font-size:28px; margin-right:2px;}
.figure ul>li>span>h3>i{font-size:20px; }
.figure ul>li>span>p{font-size:14px; margin-top:0;}
}

.history{padding:80px 0; overflow:hidden; background:#768047;}
.history-list{position:relative;}
.history-list:before{position:absolute; z-index:1; width:10%; width:calc(50vw - 450px); left:0; top:0; bottom:0; content:''; background:linear-gradient(to right,#768047 15%,transparent);}
.history-list:after{position:absolute; z-index:1; width:10%; width:calc(50vw - 450px); right:0; top:0; bottom:0; content:''; background:linear-gradient(to left,#768047 15%,transparent);}
.history-swiper{width:900px; max-width:100%; margin:0 auto;}
.history-wrapper{width:10000%; display:flex; align-items:start;}
.history-wrapper:after{display:block; content:''; clear:both;}
.history-slide{float:left; width:1%; padding:30px;}
.history-slide>aside{width:100%; background:#fff; padding:30px; display:block;}
.history-slide>aside:after{display:block; content:''; clear:both;}
.history-slide>aside>span{display:block; float:left; width:54%; padding-right:30px;}
.history-slide>aside>span>b{display:block; font-size:28px; margin-top:40px;}
.history-slide>aside>span>p{margin-top:30px; font-size:16px; color:#686868;}
.history-slide>aside>img{float:right; width:46%; height:420px; object-fit:cover; box-shadow:0 0 8px rgba(0,0,0,.18);}
.history-pager{height:2px; background:#fff; margin-top:40px;}
.history-pager span{float:left; width:72px; cursor:pointer; text-align:center; margin-right:100px; position:relative;}
.history-pager span:before{display:block; content:''; width:12px; height:12px; border-radius:50%; left:30px; top:-5px; background:#fff; position:absolute;}
.history-pager span:after{display:block; content:''; width:72px; height:72px; border-radius:50%; left:0; top:-36px; border:1px solid rgba(255,255,255,.8); 
position:absolute; transition:.3s; visibility:hidden; opacity:0; transform:scale(0);}
.history-pager span.on:after{visibility:visible; opacity:1; transform:scale(1);}
.history-pager span b{display:block; color:#fff; font-size:28px; white-space:nowrap; margin-top:40px; font-weight:normal;}
@media(max-width:1200px){
.history{padding:30px 0;}
.history-pager{display:none;}
.history-swiper{overflow:hidden;}
.history-slide>aside{padding:20px;}
.history-slide{padding:0;}
.history-slide>aside>span{padding-right:20px;}
}
@media(max-width:992px){
.history-slide>aside>span>b{font-size:24px; margin-top:20px;}
.history-slide>aside>span>p{margin-top:20px; font-size:15px;}
.history-slide>aside>img{height:340px;}
}
@media(max-width:767px){
.history-slide>aside{padding:8px;}
.history-slide>aside>span{float:none; width:100%; padding-right:0;}
.history-slide>aside>span>b{font-size:18px; margin-top:0;}
.history-slide>aside>span>p{margin-top:10px; font-size:14px;}
.history-slide>aside>img{float:none; width:100%; height:auto;}
}

.factory{padding:100px 0;}
.factory-img{display:flex;}
.factory-img:after{display:block; content:''; clear:both;}
.factory-img>ins{float:left; width:50%; overflow: hidden; display:block; order:0;}
.factory-img.ri>ins{float:right; order:2;}
.factory-img>ins>img{display:block; width:100%; object-fit:cover;}
.factory-img>div{float:left; width:50%; padding:30px 5%; order:1; display:flex; justify-content:center; flex-direction:column;}
.factory-img>div>h2{font-size:36px; margin-bottom:20px;}
.factory-img>div>aside{font-size:16px; color:#686868;}
.factory-list{padding-top:60px;}
.factory-list>ul{display:block; margin:0 -15px;}
.factory-list>ul:after{display:block; content:''; clear:both;}
.factory-list>ul>li{float:left; width:50%; padding:0 15px;}
.factory-list>ul>li>ins{display: block; overflow: hidden;}
.factory-list>ul>li>img{display:block; width:100%; object-fit:cover;}
.factory-list>ul>li>div{padding-top:30px;}
.factory-list>ul>li>div>h2{font-size:36px; margin-bottom:20px;}
.factory-list>ul>li>div>aside{font-size:16px; color:#686868;}
@media(max-width:1200px){
.factory{padding:50px 0;}
.factory-img>div{padding:20px;}
.factory-img:not(.ri)>div{padding-right:0;}
.factory-img.ri>div{padding-left:0;}
.factory-img>div>h2{font-size:26px; margin-bottom:10px;}
.factory-img>div>aside{font-size:15px;}
.factory-list{padding-top:40px;}
.factory-list>ul{margin:0 -10px;}
.factory-list>ul>li{padding:0 10px;}
.factory-list>ul>li>div{padding-top:20px;}
.factory-list>ul>li>div>h2{font-size:26px; margin-bottom:10px;}
.factory-list>ul>li>div>aside{font-size:15px;}
}
@media(max-width:992px){
.factory-img>div>aside{font-size:14px;}
.factory-img>div>h2{font-size:22px; margin-bottom:5px;}
.factory-list>ul>li>div{padding-top:10px;}
.factory-list>ul>li>div>h2{font-size:22px; margin-bottom:5px;}
.factory-list>ul>li>div>aside{font-size:14px;}
}
@media(max-width:767px){
.factory{padding:20px 0;}
.factory-img{display:block;}
.factory-img>ins{float:none; width:100%;}
.factory-img>div{padding:10px 0 20px 0 !important; width:100%;}
.factory-img>div>h2{margin-bottom:0;}
.factory-list{padding-top:0;}
.factory-list>ul{margin:0 -4px;}
.factory-list>ul>li{padding:20px 4px 0 4px; width:100%;}
.factory-list>ul>li:first-child{padding-top:0;}
}

.certificate{padding:80px 0; background:#f8f9fa;}
.certificate:after{display:block; content:''; clear:both;}
.certificate-text{float:left; width:35%; padding:0 5% 0 10%; padding-left:calc(50vw - 692px);}
.certificate-text>h2{font-size:38px; margin-top:50px;}
.certificate-text>p{font-size:16px; margin-top:30px; color:#686868;}
.certificate-text>span{display:block; font-size:24px; margin-top:50px;}
.certificate-text>span>a{cursor:pointer; outline:none;}
.certificate-text>span>a:last-child{margin-left:20px;}
.certificate-text>span>a:hover{color:#768047;}
.certificate-swiper{float:left; width:65%; overflow:hidden;}
.certificate-wrapper{width:10000%; display:flex; align-items:start;}
.certificate-wrapper:after{display:block; content:''; clear:both;}
.certificate-slide{width:0.25%; padding:10px; float:left;}
.certificate-slide>span{display:block; background:#fff; padding:20px;}
.certificate-slide>span>img{display:block; width:100%;}
@media(max-width:1600px){
.certificate-slide{width:0.33333%;}
}
@media(max-width:1440px){
.certificate-text{padding-left:28px;}
}
@media(max-width:1200px){
.certificate{padding:40px 0;}
.certificate-text{padding-left:18px;}
.certificate-text>h2{font-size:32px; margin-top:50px;}
.certificate-text>p{font-size:15px; margin-top:30px;}
.certificate-slide{width:0.5%;}
}
@media(max-width:992px){
.certificate-text{width:55%; padding-right:18px;}
.certificate-swiper{width:45%;}
.certificate-slide{width:1%;}
}
@media(max-width:767px){
.certificate{padding:10px 0;}
.certificate-text{width:100%; float:none; padding:8px;}
.certificate-text>h2{font-size:22px; margin-top:0;}
.certificate-text>p{font-size:14px; margin-top:10px;}
.certificate-text>span{display:none;}
.certificate-swiper{width:100%; float:none; padding:6px;}
.certificate-slide{width:0.5%; padding:4px;}
.certificate-slide>span{padding:8px; box-shadow:0 0 4px rgba(0,0,0,.08);}
}

.partner{padding:80px 0;}
.partner-title{text-align: center;}
.partner-title>h2{font-size:38px;}
.partner-list{display: block; margin-top:40px;}
.partner-list>ul{display: block; margin: 0 -20px;}
.partner-list>ul:after{display: block; content: ''; clear: both;}
.partner-list>ul>li{float: left; width: 20%; padding: 20px;}
.partner-list>ul>li>a{display: block; height:88px; display: flex; align-items: center; justify-content: center;}
.partner-list>ul>li>a>img{display: block; margin:0 auto; transition: .3s; max-width: 100%; max-height: 100%;}
.partner-list>ul>li>a:hover>img{transform: scale(1.05);}
@media(max-width:1200px){
.partner{padding:40px 0;}
.partner-title>h2{font-size:32px;}
.partner-list{margin-top:20px;}
.partner-list>ul{margin: 0 -10px;}
.partner-list>ul>li{padding:10px;}
.partner-list>ul>li>a{height:78px;}
}
@media(max-width:992px){
.partner-list>ul>li{width:25%;}
}
@media(max-width:767px){
.partner{padding:20px 0;}
.partner-title>h2{font-size:22px;}
.partner-list{margin-top:10px;}
.partner-list>ul{margin: 0 -4px;}
.partner-list>ul>li{padding:4px; width:50%;}
.partner-list>ul>li>a{height:68px;}
}