.aboutCon{ padding:100px 0 150px 0;}
.aboutConL{width:50%; font-size:clamp(16px,1vw,21px); line-height:1.75em;color:#555; padding:0 5% 0 0; text-align:justify;display:inline-block; vertical-align:middle}

.aboutConVideo{ position:relative; width:50%;  overflow:hidden; background:#000;display:inline-block; vertical-align:middle}
.aboutConVideo span{display:block; width:100%; height:22.5vw; max-height:360px;transition:transform 1s;}
.aboutConVideo i{ display:block;position:absolute; top:50%; left:50%; margin:-35px 0 0 -35px; width:70px; height:70px; background:url(/static/home/images/icoVideo.png) no-repeat center/cover; z-index:1; border-radius:50%;}
.aboutConVideo a:hover span{transform:scale(1.2); opacity:0.9}
.aboutConVideo a:hover i{background: url(/static/home/images/icoVideo.png) no-repeat center/80% 80%;}

.qiywh {
    width: 100%;box-sizing: border-box;
    overflow: hidden;position:relative;background: #f8f8f8;
}
.qiywhbox{display: flex;padding: 10px 0;}
.qiywhbox .item{flex: 1;color: #fff;text-align: center;position: relative;padding: 10px;}
.qiywhbox .item::after {content: ''; position: absolute;top: 20%; height: 60%; width: 1px;right: 0; background-color: #e7e6e6; }
.qiywhbox .item:last-child::after{display: none;}
.qiywhbox .item h3{font-size:clamp(16px,1.5vw,18px);line-height:1.5em; font-weight:500;color: #194d97;margin-bottom: 6px;}
.qiywhbox .item p{font-size:clamp(12px,0.8vw,14px);line-height:1em;color: #000;}


.boxPic{width:calc(90% + 40px); max-width:1480px; margin:-20px auto 100px auto; display:block;position:relative;}
.picList{width:100%; padding:20px; position:relative; margin:0 0 40px 0; overflow:hidden}
.picList .swiper-slide{width:calc((100% - 90px)/4); margin:0; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); padding:20px 20px 0 20px; }
.picList .swiper-slide:last-child{ margin-right:0}
.picList .swiper-slide div{width:100%; height:calc((90vw - 250px)/4*0.667); max-height:200px; overflow:hidden;text-align: center;}
.picList .swiper-slide div img{width:auto;max-width:100%; height:auto;max-height:100%;transition:transform 0.5s;}
.picList .swiper-slide i{font-size:clamp(16px,1vw,18px)/*font-size:clamp(15px,0.9vw,17px)*/;line-height:1.5em; text-align:center; height:90px;display:flex; align-items:center;justify-content:center;}
.picList .swiper-slide:hover img{transform:scale(1.2);}

.swiperBtn{ text-align:center;}
.swiperBtn a{width:31px; height:31px; display:inline-block; vertical-align:middle; border:1px solid #777; border-radius:50%; overflow:hidden}
.swiperBtn .btnPre{background:url(/static/home/images/icoJtL.png) no-repeat center}
.swiperBtn .btnPre:hover{background:#194d97 url(../images/icoJtLHover.png) no-repeat center; border:1px solid #194d97}
.swiperBtn .btnNext{background:url(/static/home/images/icoJtR.png) no-repeat center}
.swiperBtn .btnNext:hover{background:#194d97 url(../images/icoJtRHover.png) no-repeat center; border:1px solid #194d97}
.swiperBtn .swiperNum{display:inline-block; width:auto; padding:0 20px; font-size:12px; line-height:31px; vertical-align:middle}


.rypicList{width:100%; padding:20px; position:relative; margin:0 0 40px 0; overflow:hidden}
.rypicList .item{width:calc((100% - 90px)/4); margin:10px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); 
	padding:20px; float: left;
}
.rylst_ten .item:nth-child(9){margin-left: calc((100% - 90px)/4);}
.rylst_sev .item:nth-child(9){margin-left: calc((100% - 90px)/7);}
.rypicList .item:last-child{ margin-right:0}
.rypicList .item div{width:100%; height:calc((90vw - 250px)/4*0.667); max-height:200px; overflow:hidden;text-align: center;}
.rypicList .item div img{width:auto;max-width:100%; height:auto;max-height:100%;transition:transform 0.5s;}
.rypicList .item:hover img{transform:scale(1.2);}

@media screen and (max-width: 769px){
	.abjjM .navTitle{text-align: center;padding: 40px 0 30px 0;}
	.aboutCon{padding:40px 0;}
	.aboutConL{width:100%; font-size:16px; line-height:26px;padding:0 0 20px 0;}
	.aboutConVideo{width:100%;}
	.aboutConVideo span{width:100%; height:45vw; }
	.aboutConVideo i{margin:-20px 0 0 -20px; width:40px; height:40px;}

	.qiywhbox .item p {font-size: 12px; line-height: 1.5; }

	.boxPic{width:100%; margin:0 auto; }
	.picList{width:100%; padding:20px; position:relative; margin:-20px 0 20px 0; overflow:hidden}
	.picList .swiper-slide{width:100%; margin:0;  padding:10px 10px 0 10px; }
	.picList .swiper-slide div{width:100%; height:calc((90vw - 20px)*0.667);}
	.picList .swiper-slide i{font-size:16px;height:100px;}
	.picList .swiper-slide:hover img{transform:scale(1.0);}
	.rylst_ten .item:nth-child(9) {margin-left: calc((100%) / 4); }
	.rylst_sev .item:nth-child(9) {margin-left: calc((100%) / 7); }
}<!--0.00017285346984863-->