.present-box{padding:60px 0 30px 0; overflow:hidden;} 
.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:48%;}
.present-image video,
.present-image img{display:block; width:100%; border-radius:3px; object-fit:cover;}
.present-text{float:right; width:48%; padding-top:10px;}
.present-text h2{font-size:30px;}
.present-text div{font-size:18px; line-height:1; margin-bottom:40px; color:#686868;}
.present-text aside{font-size:15px; color:#686868;}
.present-text aside p+p{margin-top:12px;}
.present-text aside a[button]{background:none; padding:3px 28px; color:#181818; border:1px solid #181818;}
.present-text aside a[button]:hover{color:#fff; border-color:#2b7ffe; background:#2b7ffe;}
.present-content:nth-child(2n+1){flex-direction:row-reverse;}
.present-content:nth-child(2n+1) .present-image{float:right;}
.present-content:nth-child(2n+1) .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:#2b7ffe;}
}
@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:#fff url('../../upload/photo/202506/figure.png') top center no-repeat;}
.figure ul{display:block;}
.figure ul:after{display:block; content:''; clear:both;}
.figure ul>li{float:left; width:20%; margin:30px 0; text-align:center;}
.figure ul>li>span{display:block;}
.figure ul>li>span>h3{line-height:42px; color:;} 
.figure ul>li>span>h3>b{font-size:42px; margin-right:2px;}
.figure ul>li>span>h3>i{font-size:22px; position:relative; top:-4px; font-style:normal;}
.figure ul>li>span>p{font-size:16px; color:#686868;}
@media(max-width:1200px){
.figure{padding:20px 0;}
.figure ul>li{margin:20px 0;} 
.figure ul>li>span>p{font-size:15px;}
}
@media(max-width:992px){
.figure ul>li{width:33.3333%;}
}
@media(max-width:767px){
.figure ul>li{margin:15px 0;}
.figure ul>li>span>h3{line-height:32px;}
.figure ul>li>span>h3>b{font-size:32px; margin-right:2px;}
.figure ul>li>span>h3>i{font-size:18px; top:-2px;}
.figure ul>li>span>p{font-size:14px;}
}


.culture{padding:60px 0; background:#eef2f8;}
.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:20px; border-radius:10px; position:relative; overflow:hidden; background:#fff;}
.culture-list>ul>li>a>em{float:left; width:50px; height:50px; line-height:50px; margin-right:20px; font-size:26px; border-radius:10px; text-align:center; font-style:normal; color:#fff; background:#2b7ffe;}
.culture-list>ul>li>a>h3{line-height:1.3; font-size:20px; position:relative; z-index:3;}
.culture-list>ul>li>a>h3>i{display:none;}
.culture-list>ul>li>a>p{margin-top:10px; font-size:15px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; position:relative; z-index:2; color:#686868;}
.culture-list>ul>li>a:hover{transform:translateY(-2px);}
@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;} 
}



.education{padding:60px 0; background:#fff;}
.education .title{margin-bottom:40px;}
.education-box{overflow:hidden; margin:0 -10px; position:relative;}
.education-box>ul{display:block; width:10000%;}
.education-box>ul:after{display:block; content:''; clear:both;}
.education-box>ul>li{float:left; width:.25%; padding:0 10px;}
.education-box>ul>li ins{display:block; overflow:hidden; border-radius:5px;}
.education-box>ul>li ins>img{display:block; width:100%; transition:.3s; cursor:zoom-in;}
.education-box>ul>li:hover ins>img{transform:scale(1.05);}
.education-box>ul>li h3{font-size:18px; margin-top:10px; text-align:center;}
.education-pager{text-align:center; font-size:0; margin-top:10px;}
.education-pager>span{display:inline-block; width:12px; height:12px; margin:0 6px; border-radius:50px; background:#eee;}
.education-pager>span.on{background:#2b7ffe;}
.education-button{position:absolute; top:48%; left:2%; right:2%; visibility:hidden; opacity:0; transition:.3s;}
.education-box:hover .education-button{ visibility:visible; opacity:1;}
.education-button>i{width:44px; height:44px; margin-top:-22px; line-height:40px; color:#fff; border:2px solid #fff; text-align:center; cursor:pointer; font-size:34px; border-radius:50px; transition:.3s;}
.education-button>i.ri-arrow-left-s-line{float:left;}
.education-button>i.ri-arrow-left-s-line:before{padding-right:3px;}
.education-button>i.ri-arrow-right-s-line{float:right;}
.education-button>i.ri-arrow-right-s-line:before{padding-left:3px;}
.education-button>i:hover{color:#fff; background:#2b7ffe; border-color:#2b7ffe;}
@media(max-width:1200px){
.education{padding:40px 0;}
.education .title{margin-bottom:30px;}
.education-box{margin:0 -9px;}
.education-box>ul>li{padding:0 9px; width:.333%;}
.education-pager>span{width:10px; height:10px; margin:0 5px;}
}
@media(max-width:992px){
.education-box>ul>li{width:.5%;}
}
@media(max-width:767px){
.education{padding:20px 0;}
.education .title{margin-bottom:10px;}
.education-box{margin:0 -4px;}
.education-box>ul>li{padding:0 4px; width:1%;}
.education-box>ul>li h3{font-size:16px; margin-top:5px;}
.education-pager>span{width:8px; height:8px; margin:0 4px;}
}


.certificate{background:#eef2f8;}


.patent{padding:60px 0; background:#fff;}
.patent .title{margin-bottom:40px;}
.patent-box{overflow:hidden; margin:0 -15px; position:relative;}
.patent-box>ul{display:block; width:10000%;}
.patent-box>ul:after{display:block; content:''; clear:both;}
.patent-box>ul>li{float:left; width:.25%; padding:0 15px;}
.patent-box>ul>li ins{display:block; overflow:hidden; border-radius:5px; box-shadow:0 0 8px rgba(0,0,0,.08); transition:.3s; border:2px solid #181818;}
.patent-box>ul>li ins>img{display:block; width:100%; transition:.3s; cursor:zoom-in;}
.patent-box>ul>li:hover ins{box-shadow:0 0 8px rgba(0,0,0,.3); border-color:#2b7ffe;}
.patent-box>ul>li h3{margin-top:10px; text-align:center;}
.patent-pager{text-align:center; font-size:0; margin-top:10px;}
.patent-pager>span{display:inline-block; width:12px; height:12px; margin:0 6px; border-radius:50px; background:#eee;}
.patent-pager>span.on{background:#2b7ffe;}
.patent-button{position:absolute; top:48%; left:2%; right:2%; visibility:hidden; opacity:0; transition:.3s;}
.patent-box:hover .patent-button{ visibility:visible; opacity:1;}
.patent-button>i{width:44px; height:44px; margin-top:-22px; line-height:40px; text-align:center; cursor:pointer; font-size:34px; border-radius:50px; transition:.3s; 
color:#181818; border:2px solid #181818;}
.patent-button>i.ri-arrow-left-s-line{float:left;}
.patent-button>i.ri-arrow-left-s-line:before{padding-right:3px;}
.patent-button>i.ri-arrow-right-s-line{float:right;}
.patent-button>i.ri-arrow-right-s-line:before{padding-left:3px;}
.patent-button>i:hover{color:#fff; background:#2b7ffe; border-color:#2b7ffe;}
@media(max-width:1200px){
.patent{padding:40px 0;}
.patent .title{margin-bottom:30px;}
.patent-box{margin:0 -9px;}
.patent-box>ul>li{padding:0 9px; width:.333%;}
.patent-pager>span{width:10px; height:10px; margin:0 5px;}
}
@media(max-width:992px){
.patent-box>ul>li{width:.5%;}
}
@media(max-width:767px){
.patent{padding:20px 0;}
.patent .title{margin-bottom:10px;}
.patent-box{margin:0 -4px;}
.patent-box>ul>li{padding:0 4px;}
.patent-box>ul>li h3{font-size:14px; margin-top:5px;}
.patent-pager>span{width:8px; height:8px; margin:0 4px;}
}