.present-box{padding:80px 0; background-size:cover; overflow:hidden;}
.present-box .title{margin-bottom:50px;}
.present-content{float:left; width:100%; max-width:100%; display:flex; justify-content:space-between;}
.present-content+.present-content{margin-top:40px;}
.present-image{float:left; width:47%;}
.present-image video,
.present-image img{display:block; width:100%; height:100%; box-shadow:0 0 12px rgba(0,0,0,0.12); border-radius:3px; object-fit:cover;}
.present-text{float:right; width:48%; padding:30px 0;}
.present-text h2{font-size:30px; line-height:1.3; margin-bottom:5px; color:#004098;}
.present-text div{font-size:17px; line-height:1.3; margin-bottom:25px;}
.present-text aside{font-size:16px; color:#686868;}
.present-text aside p+p{margin-top:15px;}
.present-content:nth-child(2n){flex-direction:row-reverse;}
.present-content:nth-child(2n) .present-image{float:right;}
.present-content:nth-child(2n) .present-text{float:left;}
@media(max-width:1200px){
.present-box{padding:50px 0;}
.present-box .title{margin-bottom:30px;}
.present-content+.present-content{margin-top:50px;}
.present-image{width:48%;}
.present-text{width:49%;}
}
@media(min-width:993px){
.present-box article{transform:none !important;}
}
@media(max-width:992px){
.present-box article{width:10000%; padding:0; max-width:none; display:flex; align-items:flex-start;}
.present-content{width:1%; float:left; padding:0 20px; display:block;}
.present-content+.present-content{margin-top:0;}
.present-text h2{font-size:28px; margin-bottom:5px;}
.present-image{float:left; width:100%;}
.present-text{float:right; width:100%;}
.present-text>a{margin-top:5px;}
.present-pager{text-align:center; font-size:0; margin-top:10px;}
.present-pager>span{display:inline-block; width:8px; height:8px; border-radius:8px; margin:0 4px; background:#686868;}
.present-pager>span.on{background:#004098;}
}
@media(max-width:767px){
.present-box{padding:20px 5px;}
.present-box .title{margin-bottom:15px;}
.present-content{padding:0 5px;}
.present-text{padding:15px 0 5px 0;}
.present-text h2{font-size:22px;}
.present-text div{font-size:14px; margin-bottom:10px;}
.present-text aside{font-size:14px;}
.present-text ul{margin:5px 0;}
.present-text ul>li{font-size:14px; margin-bottom:5px;}
}



.figure{padding:40px 0; background:#f8fafe;}
.figure ul{display:block;}
.figure ul:after{display:block; content:''; clear:both;}
.figure ul>li{float:left; width:25%; margin:40px 0; text-align:center;}
.figure ul>li>span{display:block;}
.figure ul>li>span>h3{line-height:48px; color:;}
.figure ul>li>span>h3:after{display:block; content:''; clear:both;}
.figure ul>li>span>h3>b{font-size:48px; margin-right:4px;}
.figure ul>li>span>h3>i{font-size:38px; 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:20px 0;}
.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:15px 0; 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;}
}


.culture{padding:58px 0; background:#181818 center top url('../../upload/photo/202505/261139319.jpg');}
.culture-list{display:block; margin-top:20px;}
.culture-list>ul{margin:0 -10px;}
.culture-list>ul:after{display:block; content:''; clear:both;}
.culture-list>ul>li{float:left; width:33.333%; margin-top:25px; padding:0 10px;}
.culture-list>ul>li>a{display:block; padding:25px; border-radius:5px; position:relative; overflow:hidden; background:#fff;}
.culture-list>ul>li>a>em{float:left; width:60px; height:60px; line-height:60px; margin-right:20px; font-size:32px; border-radius:50%; text-align:center; font-style:normal; color:#fff; background:#004098; box-shadow:0 0 6px #2b85ff66;}
.culture-list>ul>li>a>h3{margin-left:70px; font-size:20px; position:relative; z-index:3; margin-bottom:8px;}
.culture-list>ul>li>a>h3>i{display:none;}
.culture-list>ul>li>a>p{margin-left:70px; margin-bottom:10px; font-size:15px; height:50px; overflow:hidden; position:relative; z-index:2; color:#686868;}
.culture-list>ul>li>a>i{position:absolute; font-size:100px; top:100%; right:20px; font-style:normal; font-weight:bold; opacity:0.02; color:#2b85ff; transform:translateY(-55%);}
.culture-list>ul>li>a:hover{transform:translateY(-2px); box-shadow:0 0 10px rgba(0,0,0,.08);}
@media(max-width:1200px){
.culture{padding:38px 0;} 
.culture-list>ul>li>a{padding:15px;}
.culture-list>ul>li>a>em{width:50px; height:50px; line-height:50px; margin-right:15px; font-size:28px;}
.culture-list>ul>li>a>h3{margin-left:50px; font-size:16px; margin-bottom:3px;}
.culture-list>ul>li>a>p{margin-left:50px; font-size:14px; height:75px;}
}
@media(max-width:992px){
.culture-list>ul>li{width:50%;}
}
@media(max-width:767px){
.culture{padding:18px 0;}
.culture-list{margin-top:10px;}
.culture-list>ul{margin:0 -5px;}
.culture-list>ul>li{margin-top:10px; padding:0 5px; float:none; width:100%;}
.culture-list>ul>li>a{padding:10px;}
.culture-list>ul>li>a>em{margin-right:10px;}
.culture-list>ul>li>a>h3{margin-left:40px;}
.culture-list>ul>li>a>h3>i{display:block; float:right; line-height:inherit;}
.culture-list>ul>li>a>p{margin-left:40px; height:auto;} 
}


.certificate{padding:80px 0; background:#f8fafe;}
.certificate:after{display:block; content:''; clear:both;}
.certificate-text{float:left; width:35%; padding-right:10%;}
.certificate-text .title{text-align:left;}
.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:#004098;}
.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.33333%; padding:10px; float:left;}
.certificate-slide>span{display:block; background:#fff; border-radius:5px; box-shadow:0 0 8px rgba(0,0,0,.08); transition:.3s;}
.certificate-slide>span:hover{box-shadow:0 0 8px rgba(0,0,0,.2);}
.certificate-slide>span>img{display:block; width:100%; cursor:zoom-in;}
@media(max-width:1600px){
.certificate-slide{width:0.5%;}
}
@media(max-width:1440px){
.certificate-text{padding-left:28px;}
}
@media(max-width:1200px){
.certificate{padding:40px 0;}
.certificate-text{padding-left:18px;}
.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; text-align:center;}
.certificate-text .title{text-align:center;}
.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);}
}




.showcase{position:fixed; z-index:8888888; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.9);}
.showcase-close{position:absolute; top:30px; right:30px; width:50px; height:50px; text-align:center; line-height:50px; background:rgba(0,0,0,0.5); cursor:pointer; transition:0.3s; border-radius:50%;}
.showcase-close i{color:#fff; font-size:30px;}
.showcase-swiper{width:100%; height:100%; overflow:hidden; position:relative;}
.showcase-outer{width:10000%; height:100%;}
.showcase-item{float:left; width:1%; height:100%; position:relative; display: flex; align-items: center;}
.showcase-item i{display:block; width:100%; max-height:100%; padding:40px; overflow:auto;}
.showcase-item i>img{display:block; max-width:100%; margin:0 auto;}
.showcase-outer[style*="transition-duration:300ms;"] .showcase-item i,
.showcase-outer[style*="transition-duration: 300ms;"] .showcase-item i{overflow:hidden;}
.showcase-item b{display:block; text-align:center; position:absolute; left:0; right:0; bottom:0; line-height:40px; font-size:15px; font-weight:normal; background:rgba(0,0,0,.5); color:#fff;}
.showcase-prev,
.showcase-next{position:absolute; z-index:8; top:50%; width:50px; height:50px; line-height:50px; text-align:center; margin-top:-25px; background:rgba(0,0,0,0.5); cursor:pointer; transition:0.3s;}
.showcase-prev i,
.showcase-next i{color:#fff; font-size:30px;}
.showcase-close:hover,
.showcase-prev:hover,
.showcase-next:hover{background:#004098;}
.showcase-prev{left:0;}
.showcase-next{right:0;}
@media(max-width:1200px){
.showcase-close{top:20px; right:20px; width:40px; height:40px; line-height:40px;}
.showcase-close i{font-size:25px;}
.showcase-item i{padding:20px;}
.showcase-prev,
.showcase-next{width:40px; height:40px; line-height:40px; margin-top:-20px;}
.showcase-prev i,
.showcase-next i{font-size:25px;}
}
@media(max-width:767px){
.showcase-close{top:10px; right:10px; width:30px; height:30px; line-height:30px;}
.showcase-close i{font-size:20px;}
.showcase-item i{padding:10px;}
.showcase-prev,
.showcase-next{width:30px; height:30px; line-height:30px; margin-top:-15px;}
.showcase-prev i,
.showcase-next i{font-size:20px;}
.showcase-item b{line-height:30px; font-size:14px;}
}