/* 新页面样式 */
.img-box {
    min-height: 750px;
	background-color: #E9E9E9;
	min-width: 320px;
	max-width: 1920px; 
	margin: 64px auto 0; 
	overflow: hidden;
}
.img-box img{max-width: 100%;}
.img-box *{box-sizing: border-box;}
.img-box .font-f{font-family: Arial, Helvetica, sans-serif; font-style: normal;}
.img-box .flex{display: flex; align-items: center; justify-content: center; width: 100%;}
.img-box .flex-wrap{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%;}
.img-box .flex-wrap>*{width: 100%;}
.img-box .l-btn{transition: all .3s;}
@media (min-width:480px) {
	.img-box .l-btn:hover{transform: scale(0.9)}
}
.img-box .rel{position: relative;}
.img-box .abl{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.img-box>*{width: 100%;}
.img-box .box-wrap{max-width: 1200px; margin: 0 auto; height: 100%;}
.img-box .f20 .font-f,
.img-box .f20{font-size: 20px; line-height: 1.3;}
.img-box .APP{display: none;}

@media (max-width:1600px) {
	.img-box .f20 .font-f,
	.img-box .f20{font-size: 18px;}
}
@media (max-width:1500px) {
	.img-box .f20 .font-f,
	.img-box .f20{font-size: 16px;}
}
@media (max-width:1380px) {
	.img-box .box-wrap{width: 100%; padding: 0 4%;}
	.img-box .f20 .font-f,
	.img-box .f20{font-size: 14px;}
}
@media (max-width:1230px) {
	.img-box{width: 100%;}
	.img-box>*{width: 100%;}
	.img-box .box-wrap{padding: 0 3%;}
}
@media (max-width:768px) {
	.img-box {margin-top: 54px;}
}
@media (max-width:751px) {
	.img-box .PC{display: none;}
	.img-box .APP{display: block;}
	.img-box .f20 .font-f,
	.img-box .f20{font-size: 20px;}
}	
@media (max-width:720px) {
	.img-box .f20 .font-f,
	.img-box .f20{font-size: 16px;}
}
@media (max-width:530px) {
	.img-box .f20 .font-f,
	.img-box .f20{font-size: 14px;}
}
@media (max-width:420px) {
	.img-box .f20 .font-f,
	.img-box .f20{font-size: 12px;}
}


/* 顶部新闻 */
/* .img-box .top-news{background:#e9e9e9; width:100%; display: flex; justify-content: center; align-items: center; color: #000000; font-size: 15px; padding: 0.7% 0;}
.img-box .top-news a{color: #0a1464; font-weight: bold; text-decoration: underline;}
.img-box .top-news img{margin-right: 10px;}
@media (min-width:751px) {
	.img-box .top-news a:hover{text-decoration: none;}
}
@media (max-width:1750px) {
	.img-box .top-news{font-size: 14px; padding: 1.2% 0;}
}
@media (max-width:1500px) {
	.img-box .top-news{font-size: 14px; padding: 0.9% 2%;}
}
@media (max-width:750px) {
	.img-box .top-news{font-size: 12px; }
} */


/* 顶部横幅 */
.img-box .top-banners{background:#ffffff; font-size: 0;}
.img-box .top-banners a{display: inline-block;}

/*  */
.img-box .banner.swiper-container {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 2em;
}
.img-box .banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	overflow: hidden;
}
.img-box .banner .swiper-slide>*{width: 100%;color:#fff;}
.img-box .banner .swiper-slide img{max-width: 100%;}
.img-box .banner .swiper-pagination-bullet {
    width: 1.2em;
    height: 1.2em;
}
.img-box .banner .swiper-pagination-bullet-active{
	background: #0a1464;
}
.img-box .banner.swiper-container-horizontal>.swiper-pagination-bullets,
.img-box .banner .swiper-pagination-custom,
.img-box .banner .swiper-pagination-fraction{
	bottom: 3em!important;
}
@media (max-width:1600px) {
	.img-box .banner .swiper-pagination-bullet {
	    width: 1em;
	    height: 1em;
	}
}
@media (max-width:1400px) {
	.img-box .banner .swiper-pagination-bullet {
	    width: 0.8em;
	    height: 0.8em;
	}
}
@media (max-width:750px) {
	.img-box .banner.swiper-container-horizontal>.swiper-pagination-bullets,
	.img-box .banner .swiper-pagination-custom,
	.img-box .banner .swiper-pagination-fraction{
		bottom: 2em!important;
	}
}

.img-box .banner .banner-abl{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.img-box .banner .banner-rel{position: relative;}
.img-box .banner .swiper-slide .ban-A{
	
	padding-top: 4%;
	font-size: 70px;
	/* 修改1 */
	
	letter-spacing: 0.5px;
	transform:translateY(300px);
	opacity:0;
	font-weight: bold;
	transition:all .5s;
	line-height: 1.2;
}
.img-box .banner .ani-slide .ban-A{
	transform:translateY(0);
	opacity:1;
}
.img-box .banner .swiper-slide .ban-A span{margin-left: 2%;}
.img-box .banner .swiper-slide .ban-B{
	padding-top: 1.2%;
	letter-spacing: 2px;
	font-size: 50px;
	/* 修改2 */
	
	line-height: 1.2;
	transform:translateY(500px);
	opacity:0;
	transition:all .5s;
	display: flex;
	justify-content: center;
	align-items: center;
}
.img-box .banner .swiper-slide .ban-B i{
	padding-top: 0.6%;
	
	font-size: 66px;
	/* 修改3 */
}
.img-box .banner .ani-slide .ban-B{transform:translateY(0); opacity:1;}
.img-box .banner .swiper-slide .ban-B span{margin-left: 2%; display: flex; align-items: center; justify-content: center;}
.img-box .banner .swiper-slide .ban-B span i{padding-top: 3%;}
.img-box .banner .swiper-slide .ban-C{
	margin-top: 1.2%;
	font-size: 40px;
	/* 修改1 */
	
	letter-spacing: 0.5px;
	transform:translateY(300px);
	opacity:0;
	font-weight: bold;
	transition:all .5s;
	line-height: 1.2;
}
.img-box .banner .swiper-slide .ban-C p{
	display: inline-block;
	padding: 0.1em 0.8em;
	border: 1px solid #ffffff;
	border-radius: 1em;
}
.img-box .banner .ani-slide .ban-C{
	transform:translateY(0);
	opacity:1;
}
.img-box .banner .swiper-slide .ban-D{
	position: relative;
	
	/* margin: 4.6% auto 0; */
	margin: 3% auto 0;
	/* 修改4 */
	
	transform:translateY(900px);
	opacity:0;
	transition:all .4s;
	z-index: 999;
	width: 22%;
}
.img-box .banner .ani-slide .ban-D{
	transform:translateY(0);
	opacity:1;
}
.img-box .banner .ani-slide .ban-D .tv{width: 100%;}
.img-box .banner .ani-slide .ban-D .tv img{width: 100%;}

.img-box .banner .swiper-slide .spare-01{width: 10.5%;}
.img-box .banner .swiper-slide .spare-02{width:9%;}
.img-box .banner .swiper-slide .spare-03{width: 8.3%;}
.img-box .banner .swiper-slide .spare-04{width: 6.8%;}
/* 修改5 */


.img-box .banner .swiper-slide .spare-01,
.img-box .banner .swiper-slide .spare-03{
	position: absolute;
	left: 50%;
	transform: scale(0.4);
	z-index: 99;
	opacity: 0;
	margin: 0;
	transition: all .6s ease-in .3s;
}
.img-box .banner .swiper-slide .spare-02,
.img-box .banner .swiper-slide .spare-04{
	position: absolute; 
	right: 50%;
	transform: scale(0.4);
	z-index: 99;
	opacity: 0;
	margin: 0;
	transition: all .6s ease-in .35s;
}
.img-box .banner .ani-slide .spare-01,
.img-box .banner .ani-slide .spare-02,
.img-box .banner .ani-slide .spare-03,
.img-box .banner .ani-slide .spare-04{
	transform: scale(1);
	opacity: 1;
	z-index: 99;
}
.img-box .banner .ani-slide .spare-01 img,
.img-box .banner .ani-slide .spare-02 img,
.img-box .banner .ani-slide .spare-03 img,
.img-box .banner .ani-slide .spare-04 img{width: 100%;}

.img-box .banner .swiper-slide .spare-01{
	top: 65%; 
	margin-left: -5%;
}
.img-box .banner .ani-slide .spare-01{
	top: 33.5%;
	margin-left: -30.3%;
	/* 修改6 */
}
.img-box .banner .swiper-slide .spare-02{
	top: 65%; 
	margin-right: -5%;
}
.img-box .banner .ani-slide .spare-02{
	top: 30%;
	margin-right: -30.4%;
	/* 修改7 */
}
.img-box .banner .swiper-slide .spare-03{
	top: 70%; 
}
.img-box .banner .ani-slide .spare-03{
	top: 66.5%;
	margin-left: -24.3%;
	/* 修改8 */
}
.img-box .banner .swiper-slide .spare-04{
	top: 86%; 
}
.img-box .banner .ani-slide .spare-04{
	top: 68.3%;
	margin-right: -22.3%;
	/* 修改9 */
} 
@media (max-width:1850px) {
	.img-box .banner .swiper-slide .ban-A{font-size: 66px;}
	.img-box .banner .swiper-slide .ban-B{font-size: 50px; letter-spacing: 1px;}
	.img-box .banner .swiper-slide .ban-B i,
	.img-box .banner .swiper-slide .ban-B span i{font-size: 60px;}
	.img-box .banner .swiper-slide .ban-C{font-size: 38px;}
}
@media (max-width:1800px) {
	.img-box .banner .swiper-slide .ban-A{font-size: 64px;}
	.img-box .banner .swiper-slide .ban-B{font-size: 44px;}
	.img-box .banner .swiper-slide .ban-C{font-size: 36px;}
}
@media (max-width:1650px) {
	.img-box .banner .swiper-slide .ban-A{font-size: 60px;}
	.img-box .banner .swiper-slide .ban-B{font-size: 42px;}
	.img-box .banner .swiper-slide .ban-B i,
	.img-box .banner .swiper-slide .ban-B span i{font-size: 56px;}
	.img-box .banner .swiper-slide .ban-C{font-size: 33px;}
}
@media (max-width:1500px) {
	.img-box .banner .swiper-slide .ban-A{font-size: 54px;}
	.img-box .banner .swiper-slide .ban-B{font-size: 38px;}
	.img-box .banner .swiper-slide .ban-B i,
	.img-box .banner .swiper-slide .ban-B span i{font-size: 44px;}
	.img-box .banner .swiper-slide .ban-C{font-size: 31px;}
}
@media (max-width:1400px) {
	.img-box .banner .swiper-slide .ban-A{font-size: 46px;}
	.img-box .banner .swiper-slide .ban-B{font-size: 34px;}
	.img-box .banner .swiper-slide .ban-B i,
	.img-box .banner .swiper-slide .ban-B span i{font-size: 40px;}
	.img-box .banner .swiper-slide .ban-B span i{padding-top: 2%;}
	.img-box .banner .swiper-slide .ban-C{font-size: 26px;}
}
@media (max-width:1300px) {
	.img-box .banner .swiper-slide .ban-A{font-size: 42px;}
	.img-box .banner .swiper-slide .ban-B{font-size: 30px;}
	.img-box .banner .swiper-slide .ban-B i,
	.img-box .banner .swiper-slide .ban-B span i{font-size: 38px;}
	.img-box .banner .swiper-slide .ban-C{font-size: 24px;}
}
@media (max-width:1100px) {
	.img-box .banner .swiper-slide .ban-A{font-size: 34px;}
	.img-box .banner .swiper-slide .ban-B{font-size: 24px;}
	.img-box .banner .swiper-slide .ban-B i,
	.img-box .banner .swiper-slide .ban-B span i{font-size: 30px;}
	.img-box .banner .swiper-slide .ban-C{font-size: 21px;}
}
@media (max-width:850px) {
	.img-box .banner .swiper-slide .ban-D{margin: 2% auto 0;}
	.img-box .banner .ani-slide .spare-01,
	.img-box .banner .ani-slide .spare-02,
	.img-box .banner .ani-slide .spare-03,
	.img-box .banner .ani-slide .spare-04{
		transform: translateY(25%);
	}
}
@media (max-width:750px) {
	.img-box .banner.swiper-container{height: auto;}
	.img-box .banner .swiper-slide .banner-abl{margin-top: 0;}
	.img-box .banner .swiper-slide .ban-A{font-size: 74px; padding-top: 7.5%; line-height: 1.3; letter-spacing: 0.5px;}
	.img-box .banner .swiper-slide .ban-A span{display: block; margin-left: 0;}
	.img-box .banner .swiper-slide .ban-B{font-size: 54px; margin-top: 2%; letter-spacing: 1px; display: block;}
	.img-box .banner .swiper-slide .ban-B p,
	.img-box .banner .swiper-slide .ban-B span{margin-left: 0; display: flex; justify-content: center; align-items: center;}
	.img-box .banner .swiper-slide .ban-B i,
	.img-box .banner .swiper-slide .ban-B span i{font-size: 64px; padding-top: 1%;}
	.img-box .banner .swiper-slide .ban-C{font-size: 42px;}
	.img-box .banner .swiper-slide .ban-C p{border-radius: 1em;font-size: 0.7em;}
	.img-box .banner .swiper-slide .ban-C span{display: block; margin-left: 0;}
	.img-box .banner .swiper-slide .ban-D{margin: 7.5% auto 0; width: 40.5%;}
	.img-box .banner .swiper-slide .spare-01{width: 21.5%;}
	.img-box .banner .swiper-slide .spare-02{width: 16.5%;}
	.img-box .banner .swiper-slide .spare-03{width: 16.7%;}
	.img-box .banner .swiper-slide .spare-04{width: 17%;}
	.img-box .banner .ani-slide .spare-01{
		top: 43%;
		margin-left: -47.5%;
	}
	.img-box .banner .ani-slide .spare-02{
		top: 39.7%; 
		margin-right: -47.5%;
	}
	.img-box .banner .ani-slide .spare-03{
		top: 70.2%;
		margin-left: -39%;
	}
	.img-box .banner .ani-slide .spare-04{
		top: 71.2%;
		margin-right: -39.6%;
	} 
} 
@media (max-width:700px) {
	.img-box .banner .swiper-slide .ban-A{font-size: 66px;}
	.img-box .banner .swiper-slide .ban-B{font-size: 46px;}
	.img-box .banner .swiper-slide .ban-B i,
	.img-box .banner .swiper-slide .ban-B span i{font-size: 56px;}
	.img-box .banner .swiper-slide .ban-C{font-size: 38px;}
}
@media (max-width:650px) {
	.img-box .banner .swiper-slide .ban-A{font-size: 62px; line-height: 1.4;}
	.img-box .banner .swiper-slide .ban-B{font-size: 42px; line-height: 1.1;}
	.img-box .banner .swiper-slide .ban-B i,
	.img-box .banner .swiper-slide .ban-B span i{font-size: 50px;}
	.img-box .banner .swiper-slide .ban-C{font-size: 36px;}
}
@media (max-width:600px) {
	.img-box .banner .swiper-slide .ban-A{font-size: 58px;}
	.img-box .banner .swiper-slide .ban-B{font-size: 38px;}
	.img-box .banner .swiper-slide .ban-B i,
	.img-box .banner .swiper-slide .ban-B span i{font-size: 46px;}
	.img-box .banner .swiper-slide .ban-C{font-size: 30px;}
}
@media (max-width:550px) {
	.img-box .banner .swiper-slide .ban-A{font-size: 54px;}
	.img-box .banner .swiper-slide .ban-B{font-size: 34px;}
	.img-box .banner .swiper-slide .ban-B i,
	.img-box .banner .swiper-slide .ban-B span i{font-size: 42px;}
	.img-box .banner .swiper-slide .ban-C{font-size: 28px;}
	
}
@media (max-width:500px) {
	.img-box .banner .swiper-slide .ban-A{font-size: 48px;}
	.img-box .banner .swiper-slide .ban-B{font-size: 30px;}
	.img-box .banner .swiper-slide .ban-B i,
	.img-box .banner .swiper-slide .ban-B span i{font-size: 38px;}
	.img-box .banner .swiper-slide .ban-C{font-size: 25px;}
}
@media (max-width:450px) {
	.img-box .banner .swiper-slide .ban-A{font-size: 40px;}
	.img-box .banner .swiper-slide .ban-B{font-size: 28px;}
	.img-box .banner .swiper-slide .ban-B i,
	.img-box .banner .swiper-slide .ban-B span i{font-size: 34px;}
	.img-box .banner .swiper-slide .ban-C{font-size: 22px;}
	.img-box .banner .swiper-slide .ban-D {
	    margin: 10% auto 0;
	}
}
@media (max-width:420px) {
	.img-box .banner .swiper-slide .ban-A{font-size: 36px;}
	.img-box .banner .swiper-slide .ban-B{font-size: 25px;}
	.img-box .banner .swiper-slide .ban-B p i{font-size: 26px; padding: 0;}
	.img-box .banner .swiper-slide .ban-B span i{font-size: 26px; padding: 0;}
	.img-box .banner .swiper-slide .ban-C{font-size: 18px;}
	.img-box .banner .swiper-slide .ban-D {
	    margin: 15% auto 0;
	}
}
@media (max-width:380px) {
	.img-box .banner .swiper-slide .ban-D {
	    margin: 12% auto 0;
	}
}

@media (max-width:360px) {
	.img-box .banner .swiper-slide .ban-A{font-size: 32px;}
	.img-box .banner .swiper-slide .ban-B{font-size: 22px;}
	.img-box .banner .swiper-slide .ban-B i,
	.img-box .banner .swiper-slide .ban-B span i{font-size: 24px;}
	.img-box .banner .swiper-slide .ban-C{font-size: 16px;}
	
}

 
 /* 修改10 */
.img-box .baojia-box{width: 50%; margin: 0 auto;}
.img-box .baojia{justify-content: space-between;}
.img-box .baojia .more-start{width: 45.8%; overflow: hidden; position: relative;}
.img-box .baojia .more-start p{
	position: absolute;
	right: 0;
	top: 0;
	width: 70.4%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.img-box .baojia .more-start a{
	display: inline-block; 
	overflow: hidden; 
	position: relative; 
	height: 78.2%; 
	margin-top: 0.5%;
	width: 100%; 
	border-radius: 0 5px 5px 0;
}
.img-box .baojia .more-start a span{width: 100%;}
.img-box .baojia .more-start {transition: all .3s;}
.img-box .baojia .more-start.on{transform: scale(0.9); transition: all .3s;}

.img-box .baojia .l-more span {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	display: block;
 	background: rgba(255,255,255,0.1);
 	background: linear-gradient(-55deg, rgba(255,255,255,0) 55%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0) 65%);
 	background-size: 600% 100%;
 	-webkit-animation: shine 10s infinite;
 	animation: shine 10s infinite;
 	-webkit-animation-delay: 0s;
 	animation-delay: 0s;
 	-webkit-animation-timing-function: linear;
 	animation-timing-function: linear;
 }
@-webkit-keyframes shine {
 	0% {background-position-x: 300%;}
 	50% {background-position-x: 0%;}
 	100% {background-position-x: -300%;}
 }
@keyframes shine {
 	0% {background-position-x: 300%;}
  	50% {background-position-x: 0%;}
  	100% {background-position-x: -300%;}
  }
 
.img-box .baojia-box .more-text {display: flex; width: 100%; justify-content: flex-start; align-items: center; font-size: 16px; margin-top: 2%; color: #595757;}
.img-box .baojia-box .more-text span{margin-right: 6px; padding-bottom: 2px;}

@media (max-width: 1380px) {
	.img-box .baojia-box .more-text{font-size: 14px;}
	.img-box .baojia-box .more-text img{width: 80%;}
} 
@media (max-width: 750px) {
	.img-box .baojia-box{width: 65%;}
	.img-box .baojia{flex-wrap: wrap;}
	.img-box .baojia .more-start{width: 100%;margin-bottom: 7%;}
	.img-box .baojia .more-start img{margin: 0 auto;}
	.img-box .baojia .more-start p{width: 67%;}
	
	.img-box .baojia-box .more-text{font-size: 20px; margin: 0; padding: 0 1%;}
	.img-box .baojia-box .more-text img{width: 100%;}
} 
@media (max-width: 650px) {
	.img-box .baojia-box .more-text{font-size: 18px;}
	.img-box .baojia-box .more-text img{width: 90%;}
} 
@media (max-width: 550px) {
	.img-box .baojia-box .more-text{font-size: 16px;}
	.img-box .baojia-box .more-text img{width: 80%;}
} 
@media (max-width: 500px) {
	.img-box .baojia-box .more-text{font-size: 14px;}
	.img-box .baojia-box .more-text span{margin-right: 3px;}
	.img-box .baojia-box .more-text img{width: 70%;}
} 
@media (max-width: 450px) {
	.img-box .baojia .more-start {margin-bottom: 5%;}
	.img-box .baojia-box .more-text{font-size: 12px; padding: 0;}
	.img-box .baojia-box .more-text span{margin-right: 0;}
	.img-box .baojia-box .more-text img{width: 60%;}
} 

/*  */
.img-box .title{font-size: 48px; color: #000000; text-align: center; margin-bottom: 3%;}
.img-box .title i{font-size: 1.1em;}
.img-box .title strong{color: #0a1464;}
.img-box .title p{display: inline;}
.img-box .title span{color: #0a1464;}

@media (max-width:1600px) {
	.img-box .title{font-size: 44px;}
	.img-box .title span{font-size: 38px;}
	.img-box .title i{font-size: 48px;}
}
@media (max-width:1500px) {
	.img-box .title{font-size: 40px;}
	.img-box .title span{font-size: 34px;}
	.img-box .title i{font-size: 44px;}
}
@media (max-width:1380px) {
	.img-box .title{font-size: 36px;}
	.img-box .title span{font-size: 30px;}
	.img-box .title i{font-size: 40px;}
}
@media (max-width:1250px) {
	.img-box .title{font-size: 32px; padding: 0 2%;}
	.img-box .title span{font-size: 26px;}
	.img-box .title i{font-size: 34px;}
}
@media (max-width: 750px) {
	.img-box .title{margin-bottom: 7.5%; padding: 0; font-size: 36px;}
	.img-box .title span{font-size: 30px; line-height: 1.2;}
}
@media (max-width: 700px) {
	.img-box .title{font-size: 28px;}
	.img-box .title span{font-size: 22px;}
	.img-box .title i{font-size: 26px;}
}
@media (max-width: 550px) {
	.img-box .title{font-size: 24px;}
	.img-box .title span{font-size: 18px;}
	.img-box .title i{font-size: 22px;}
}
@media (max-width: 480px) {
	.img-box .title{font-size: 20px;}
	.img-box .title span{font-size: 16px;}
	.img-box .title i{font-size: 18px;}
}
@media (max-width:400px) {
	.img-box .title{font-size: 18px;}
	.img-box .title span{font-size: 14px;}
	.img-box .title i{font-size: 16px;}
}
@media (max-width: 350px) {
	.img-box .title p{display: block; margin-top: 2%;}
}


/*  */
.img-box .l-service{padding: 5% 0 4.5%; background-color: #e9e9e9;}
.img-box .l-service-con {align-items: flex-end; align-items: stretch;}
.img-box .l-service-con .l-service-txt-title{font-weight: bold; font-size: 35px; line-height: 1.3;}
.img-box .l-service-left,
.img-box .l-service-right{width: 50%; transition: all 0.3s; padding: 3.7% 0 3.6%; font-size: 20px; align-items: flex-start;}
.img-box .l-service-left{background-image: linear-gradient(to right, #0092b4 , #71c2d5); justify-content: flex-end;}
.img-box .l-service-right{background-image: linear-gradient(to right, #48a593 , #008069); justify-content: flex-start;}
.img-box .l-service-pic{width: 34.5%;}
.img-box .l-service-pic img{margin-top: 18%;}
.img-box .l-service-txt{
	color: #FFFFFF;
	
}
.img-box .l-service-left .l-service-txt{margin-right: 3.2%; margin-left: 6.5%; width: 30%;}
.img-box .l-service-right .l-service-txt{margin-left: 3.8%; margin-right: 5.5%; width: 30%;}
.img-box .l-service-txt strong{width: 100%; height: 1px; background-color: #FFFFFF; display: block; margin: 10% 0 7.5%;}
.img-box .l-service-txt ul{min-height: 290px;}
.img-box .l-service-txt li{margin: 0 0 5%; display: flex; font-size: 20px; line-height: 1.8;}
.img-box .l-service-txt li span{width: 8px; margin-right: 2%;}
.img-box .l-service-txt li span img{padding-bottom: 6px;}
.img-box .l-service-txt li p{flex: 1;}
.img-box .l-service-txt a{
	display: inline-block; 
	color: #FFFFFF; 
	font-weight: normal; 
	width: 100%;
}
.img-box .l-service .title span{font-size: 0.9em; font-weight: normal; display: inline-block; padding-top: 0.65em;}
.img-box .l-service .title span i{font-size: 1.1em;}
.img-box .l-service ul{
	position: relative;
	display: flex;
	width: 100%;
	padding: 0 18.75%;
	justify-content: space-between;
}
.img-box .l-service li{position: relative; width: 30.83%;}
.img-box .l-service li img{width: 110.28%; transform: translate(-4%, -4%);max-width: 111%;}
.img-box .l-service .video-more{margin-top: 2.2%;}
@media (max-width:1850px) {
	/* .img-box .l-service-txt ul{min-height: 220px;} */
}
@media (max-width:1680px) {
	.img-box .l-service-txt ul{min-height: 220px;}
	.img-box .l-service-txt strong{margin: 8% 0;}
	.img-box .l-service-txt li{font-size: 16px; line-height: 1.5;}
}
@media (max-width:1600px) {
	.img-box .l-service-con .l-service-txt-title{font-size: 32px;}
	.img-box .l-service-txt a{width: 80%;}
}
@media (max-width:1573px) {
	.img-box .l-service-con .l-service-txt-title{font-size: 30px;}
}
@media (max-width:1280px) {
	.img-box .l-service-con .l-service-txt-title{font-size: 28px;}
	.img-box .l-service-left .l-service-txt,
	.img-box .l-service-right .l-service-txt{width: 40%;}
}

@media (max-width:750px) {
	.img-box .l-service{padding: 12% 0;}
	.img-box .l-service-con{flex-direction: column;}
	.img-box .l-service-left,
	.img-box .l-service-right{width: 100%; justify-content: center; padding: 10% 2% 8.5%;}
	.img-box .l-service-right{flex-direction: row-reverse;}
	.img-box .l-service-txt ul{min-height: auto;}
	.img-box .l-service-txt li{font-size: 20px; line-height: 1.5;}
	.img-box .l-service-pic {width: 41%;}
	.img-box .l-service-pic img{margin-top: 22%;}
	.img-box .l-service-left .l-service-txt,
	.img-box .l-service-right .l-service-txt{margin-left: 8%; margin-right: 0; width: 43%;}
	.img-box .l-service-txt a{width: 100%; margin-top: 11%;}
	.img-box .l-service ul{padding: 0 5.2%;display: block;}
	.img-box .l-service li{width: 100%;padding-bottom: 1%;}
	.img-box .l-service li img{width: 107%; transform: translate(-3%, -5.5%);}
}
@media (max-width:700px) {
	.img-box .l-service-txt li{font-size: 18px;}
	.img-box .l-service-con .l-service-txt-title{font-size: 24px;}
	.img-box .l-service-pic{width: 38%;}
	.img-box .l-service-txt a{width: 80%;}
}
@media (max-width:550px) {
	.img-box .l-service-txt li{font-size: 16px;}
	.img-box .l-service-con .l-service-txt-title{font-size: 22px;}
	.img-box .l-service-pic{width: 36%;}
	.img-box .l-service-left .l-service-txt,
	.img-box .l-service-right .l-service-txt{width:50%;}
}
@media (max-width:420px) {
	.img-box .l-service-txt li{font-size: 12px;}
	.img-box .l-service-txt li span img{width: 4px; padding-bottom: 3px;}
	.img-box .l-service-con .l-service-txt-title{font-size: 16px;}
}

/*  */
.img-box .advantage{padding: 5.5% 0 4%; background-color: #f7f8f8; display: none;}
.img-box .advantage .title{margin-bottom: 2.2%;}
.img-box .advantage .title span{font-weight: normal; margin-top: 1.1%;}
.img-box .advantage .title span i{padding-top: 0.5%;}

.img-box .advantage .advantage-arrow{padding-top: 2%;}
.img-box .advantage .advantage-arrow img{width: 30%; margin: 0 0%;}
.img-box .advantage .advantage-01{animation: act1 6s infinite linear; width: 25%;}
.img-box .advantage .advantage-02{animation: act2 6s infinite linear; width: 25%;}
.img-box .advantage .advantage-03{animation: act3 6s infinite linear; width: 25%;}
.img-box .advantage .advantage-arrow01{animation: act4 6s infinite linear;}
.img-box .advantage .advantage-arrow02{animation: act5 6s infinite linear;}
.img-box .advantage .advantage-arrow03{animation: act6 6s infinite linear;}
.img-box .advantage .advantage-arrow04{animation: act7 6s infinite linear;}
.img-box .advantage .advantage-arrow05{animation: act8 6s infinite linear;}
.img-box .advantage .advantage-arrow06{animation: act9 6s infinite linear;}
.img-box .advantage .advantage-more{margin: 1.8% auto 0; text-align: center;}
.img-box .advantage .advantage-more .l-light{width: 17%; position: relative; display: inline-block;}
.img-box .advantage .advantage-more img{width: 100%;}
@keyframes act1 {
	0% {transform: scale(1);}
	8.44% {transform: scale(1.1);}
	16.66%,100% {transform: scale(1);}
}
@keyframes act2 {
	0%,33.33% {transform: scale(1);}
	41.6% {transform: scale(1.1);}
	50%,100% {transform: scale(1);}
}
@keyframes act3 {
	0%,66.66%  {transform: scale(1);}
	75.10%  {transform: scale(1.1);}
	83.33% {transform: scale(1);}
}
@keyframes act4 {
	0%,16.66%  {transform: scale(1);}
	21%  {transform: scale(1.2);}
	24.6%,100% {transform: scale(1);}
}
@keyframes act5 {
	0%,20%  {transform: scale(1);}
	24.4%  {transform: scale(1.2);}
	28%,100% {transform: scale(1);}
}
@keyframes act6 {
	0%,24.6%  {transform: scale(1);}
	29%  {transform: scale(1.2);}
	33.33%,100% {transform: scale(1);}
}
@keyframes act7 {
	0%,50.01%  {transform: scale(1);}
	54.5%  {transform: scale(1.2);}
	58%,100% {transform: scale(1);}
}
@keyframes act8 {
	0%,53.5%  {transform: scale(1);}
	56%  {transform: scale(1.2);}
	60%,100% {transform: scale(1);}
}
@keyframes act9 {
	0%,57%  {transform: scale(1);}
	62%  {transform: scale(1.2);}
	66.5%,100% {transform: scale(1);}
}

@media (max-width:1680px) {
	.img-box .advantage{padding: 4.8% 10% 4%;}
	.img-box .advantage .advantage-01,
	.img-box .advantage .advantage-02,
	.img-box .advantage .advantage-03{width: 21%;}
	.img-box .advantage-con{margin-top: 4%;}
	.img-box .advantage .advantage-more .l-light{width: 23.8%;}
	.img-box .advantage .advantage-arrow img{width: 28%;}
	.img-box .advantage .advantage-more{margin: 2.5% auto 0; }
}
@media (max-width:1200px) {
	.img-box .advantage .advantage-01,
	.img-box .advantage .advantage-02,
	.img-box .advantage .advantage-03{width: 26%;}
}
@media (max-width:750px) {
	.img-box .advantage{padding: 13% 0 10%;}
	.img-box .advantage-con{margin-top: 7%; padding: 0 3.5%;}
	.img-box .advantage .advantage-more{margin: 6% auto 0;}
	.img-box .advantage .advantage-01,
	.img-box .advantage .advantage-02,
	.img-box .advantage .advantage-03{width: 40%;}
	.img-box .advantage-arrow{display: flex; justify-content: center;}
	.img-box .advantage .advantage-arrow img{width: 26%;}
	.img-box .advantage .advantage-more .l-light{width: 36%;}
}
@media (max-width:700px) {
	.img-box .advantage .advantage-more .l-light{width: 38%;}
}
@media (max-width:650px) {
	.img-box .advantage .advantage-01,
	.img-box .advantage .advantage-02,
	.img-box .advantage .advantage-03{width: 60%;}
}
@media (max-width:420px) {
	.img-box .advantage .advantage-01,
	.img-box .advantage .advantage-02,
	.img-box .advantage .advantage-03{width: 70%;}
	.img-box .advantage .advantage-arrow img{width: 24%;}
	.img-box .advantage .title span i{font-size: 16px;padding-top: 0.3%;}
}


/*  */
.img-box .annoyance{background-color: #f8f8f8; overflow: hidden;position: relative;}
.img-box .annoyance .title {margin-bottom: 3.8%;}
.img-box .annoyance .ann-cont {position: absolute;padding: 4.2% 0 0; width: 100%;top: 0;left: 0;flex-direction: column;}
.img-box .annoyance .ann-bg {position: relative;padding: 0 0 4.5%;width: 100%;flex-direction: column;}
.img-box .annoyance .ann-bg img{width: 100%;}
.img-box .annoyance .ann-bg .video-con{position: relative;}
.img-box .annoyance .ann-bg .video-con>img{position: absolute;width: 55.625%;left: 22.1875%;bottom: -26.5%;}
.img-box .annoyance .video-more{margin-top: 3.2%;}
.img-box .annoyance .video-pic{overflow: hidden; width: 39%;}
.img-box .annoyance .ann-part {text-align: center;position: relative;flex-direction: column;}
.img-box .annoyance .ann-part>div{width: 100%;}
.img-box .annoyance .ann-part>div:last-child{position: absolute;top: 0;left: 0;}
.img-box .annoyance .ann-why {flex-direction: column;}
.img-box .annoyance .ann-why>img{transform: translateY(-1em);width: 2.865%;}
.img-box .annoyance .ann-why p{font-size: 2em; color: #0A1464;font-weight: bold;}
.img-box .annoyance .ann-why p i{font-size: 1.1em;}
.img-box .annoyance .ann-why p img{display: inline-block; width: 1em; margin-right: 0.4em;}
.img-box .annoyance-part ul li{width: 20%; display: flex; justify-content: center;}
.img-box .annoyance-part .annoyance-more{margin: 2% auto 0;}


/* @media (max-width: 1700px) {
	.img-box .annoyance{padding: 5.2% 12% 4.5%;}
}
@media (max-width: 1600px) {
	.img-box .annoyance{padding: 5.2% 11.5% 4.5%;}
}
@media (max-width: 1500px) {
	.img-box .annoyance{padding: 5.2% 9% 4.5%;}
}
@media (max-width: 1450px) {
	.img-box .annoyance{padding: 5.2% 8.5% 4.5%;}
} */
@media (max-width: 1400px) {
	/* .img-box .annoyance{padding: 5.2% 8% 4.5%;}
	.img-box .annoyance-part .annoyance-more img{width: 40%;} */
	.img-box .annoyance .ann-why p{font-size: 1.4em;}
}
/* @media (max-width: 1350px) {
	.img-box .annoyance{padding: 5.2% 7.5% 4.5%;}
}
@media (max-width: 1300px) {
	.img-box .annoyance{padding: 5.2% 7% 4.5%;}
}
@media (max-width: 1200px) {
	.img-box .annoyance{padding: 5.2% 6.5% 4.5%;}
}
@media (max-width: 1000px) {
.img-box .annoyance .ann-why p{font-size: 1.2em;}
} */

@media (max-width: 750px) {
	.img-box .annoyance{padding: 12% 0;}
	.img-box .annoyance .ann-bg {padding: 0;}
	.img-box .annoyance .video-pic{width: 90%;position: relative;}
	.img-box .annoyance .ann-bg .video-con>img{width: 100%;left: 0;bottom: -26.5%;}
	.img-box .annoyance .video-more{margin-top: 7.2%;}
	.img-box .m-annoyance-part-swiper{margin-top: 5%; padding: 0 4%;}
	.img-box .m-annoyance-part-swiper .swiper-slide img{width: 94%;}
	.img-box .m-annoyance-part-swiper .m-annoyance-part-ps{ margin: 4% 0 7%;}
	.img-box .m-annoyance-part-swiper .m-annoyance-part-ps span{display: block; margin: 0 10%; font-size: 20px;}
	.img-box .m-annoyance-part-swiper .annoyance-more img{width: 70%;}
	.img-box .m-annoyance-part-swiper .m-annoyance-part-ps img{width: 2.7%;}
	.img-box .annoyance .ann-cont {padding: 10% 0 0;}
	.img-box .annoyance .video-cont>p{font-size: 1em;margin-top: 0.5em}
	.img-box .annoyance .title {margin-bottom: 6%;}
	.img-box .annoyance .ann-part img:first-child{width: 63.65%;}
	.img-box .annoyance .ann-part img:last-child{width: 90%;left: 5%;}
	.img-box .annoyance .ann-part-a{position: relative;width: 100%;text-align: right;}
	.img-box .annoyance .ann-part-a img{width: 100%;}
	.img-box .annoyance .ann-part-a>div:last-child{position: absolute;bottom: 0;right: 0;}
	.img-box .annoyance .ann-why>img{transform: translateY(0);width: 8%;margin: 5% 0 2.6%;}
	.img-box .annoyance .ann-why p{font-size: 1em;margin: 0.6em 0;}
}
@media (max-width: 700px) {
	.img-box .m-annoyance-part-swiper .swiper-slide img{width: 90%;}
	.img-box .m-annoyance-part-swiper .m-annoyance-part-ps span{margin: 0 8%; font-size: 18px;}
}
@media (max-width: 550px) {
	.img-box .m-annoyance-part-swiper .m-annoyance-part-ps span{margin: 0 6%; font-size: 16px;}
}
@media (max-width: 420px) {
	.img-box .m-annoyance-part-swiper .m-annoyance-part-ps span{margin: 0 4%; font-size: 14px;}
}
@media (max-width: 350px) {
	.img-box .m-annoyance-part-swiper .m-annoyance-part-ps span{margin: 0 3%; font-size: 12px;}
}


/*  */
.img-box .video{background-color: #e9e9e9; padding: 4.2% 0 4.5%;}
.img-box .video .title span{font-size: 0.9em; font-weight: normal; display: inline-block; padding-top: 0.65em;}
.img-box .video .title span i{font-size: 1.1em;}
.img-box .video-cont{ width: 62.5%; margin: 0 auto; position: relative;}
.img-box .video-cont .video-cbg{position: relative;}
.img-box .video-cont .video-cbg>img{ width: 113.25%; max-width: 113.25%;}
.img-box .video-cont>.video-con{ position: absolute; width: 62.5%; top: 9%; right: 0;}
.img-box .video-cont .video-3d{ position: absolute; width: 17.4%; top: 20%; left: 13.8%;}
.img-box .video-cont>p{ position: absolute; width: 62.5%; top: 0; right: 0; text-align: center;}
.img-box .video-cont>p{font-size: 2em; color: #0A1464;font-weight: bold;}
.img-box .video-cont>p i{font-size: 1.1em;}
.img-box .video-cont>p img{display: inline-block; width: 1em; margin-right: 0.4em;}
.img-box .video .video-con .video-pic{overflow: hidden; width: 100%;}
.img-box .video-con .video-pic video{width: 100%;}
.img-box .video-ps{
	color: #231815; 
	font-size: 24px; 
	margin-top: 2.7%; 
	margin-bottom: 0; 
	text-align: left; 
	font-weight: bold;
	position: relative;
	padding-left: 6%;
}
.img-box .video-ps::before{
	position: absolute;
	top: 32%;
	left: 0;
	content: '';
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 18px solid #231815;
	border-radius: 3px;
}
.img-box .video-more a{width: 17%;}
.img-box .video-more a img{width: 100%;}
@media (max-width: 1680px){
	.img-box .video{padding: 4.1% 0% 4.4%;}
	.img-box .video-more a {width: 23.8%;}
}
@media (max-width: 1400px) {
	.img-box .video-con {width: 100%;}
	.img-box .video-cont>p{font-size: 1.4em;}
	.img-box .video-ps{
		font-size: 20px; 
		margin-top: 2%; 
		padding-left: 4%;
	}
	.img-box .video-ps::before{
		top: 30%;
		left: 0;
		content: '';
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 12px solid #231815;
	}
}
/* @media (max-width:1230px) {
	.img-box .video .video-con .video-pic{width: 49%;}
} */
@media (max-width:750px) {
	.img-box .video{padding: 12% 0;}
	.img-box .video-cont{ width: 100%; margin: 0 auto; position: relative;margin-top: -3%;text-align: center;}
	.img-box .video .video-cont>p{font-size: 1em; margin: -0.5em 0 1.2em;position: relative; width: 100%;}
	.img-box .video .video-more{margin-top: 7.2%;}
	.img-box .video-cont .video-cbg>img.APP{ width: 94.13%;display: inline-block;}
	.img-box .video-cont>.video-con{ position: relative; width: 100%;}
	.img-box .video-cont>.video-con>.video-pic{width: 90%;display: inline-block;position: relative;}
	.img-box .video-cont>.video-con>img{width: 100%;left: 0;bottom: -26.5%;position: absolute;}
	.img-box .video-cont .video-3d{width: 27.87%; top: auto; left: 7.3%; bottom: 23.5%;}
	.img-box .video-more a{width: 42%;}
	.img-box .video-ps{font-size: 28px; margin-top: 3%; padding-left: 6%;}
	.img-box .video-ps::before{
		top: 32%;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 18px solid #231815;
	}
}
@media (max-width:700px) {
	.img-box .video-more a{width: 38%;}
	.img-box .video-ps{font-size: 20px; margin-top: 2%; padding-left: 4%;}
	.img-box .video-ps::before{
		top: 30%;
		left: 0;
		content: '';
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 12px solid #231815;
	}
}
@media (max-width:550px) {
	.img-box .video-ps{font-size: 16px; margin-top: 2%; padding-left: 4%;}
	.img-box .video-ps::before{
		top: 26%;
		left: 0;
		content: '';
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 10px solid #231815;
	}
}
@media (max-width:420px) {
	.img-box .video-ps{font-size: 14px; margin-top: 1%; padding-left: 5%;}
	.img-box .video-ps::before{
		top: 32%;
		left: 0;
		content: '';
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 8px solid #231815;
	}
}

/*  */
.img-box .evaluate{background:#e9e9e9 url(https://meviy-content-prd.s3.cn-north-1.amazonaws.com.cn/static/img/evaluate_bg.png) no-repeat top 7.5% center; padding: 5% 0 3.7%;}
.img-box .evaluate .title span{font-weight: normal; margin-top: 1.8%; display: block;}
.img-box .evaluate .title span b{font-weight: normal;}
.img-box .evaluate .evaluate-con{padding: 0.2% 7% 0;}
.img-box .evaluate-list{width: 100%; justify-content: space-between;}
.img-box .evaluate-list li{width: 33.33%; text-align: center; margin: 0;}
.img-box .evaluate-list li .evaluate-txt div{font-size: 45px; font-family: Arial, Helvetica, sans-serif; color: rgb(10,20,100); line-height: 1.3;margin-top: 5%;}
.img-box .evaluate-list li .evaluate-txt div i{font-style: normal; font-size: 22px;}
.img-box .evaluate-list li .evaluate-txt b{display: block; height: 1px; width: 26%; background-color: #323232; margin: 0 auto;}
.img-box .evaluate-list li .evaluate-txt p{color: #666666; line-height: 1.7; margin-top: 5%; font-size: 20px;}
.img-box .evaluate-list li .evaluate-txt span{display: block; color: #0a1464; font-weight: bold; font-size: 30px;}

.img-box #canvas{display: flex; justify-content: space-between; color: #000000; width: 100%;}
.img-box #canvas>div{font-size: 20px; font-family: Arial, Helvetica, sans-serif; width: 33.33%; text-align: center;}
.img-box #canvas>div span{font-size: 45px; font-family: Arial, Helvetica, sans-serif; color: #0a1464; display: none;}
.img-box #canvas>div:first-of-type{background: url(https://meviy-content-prd.s3.cn-north-1.amazonaws.com.cn/static/img/ico_01.png) no-repeat top 40% center;}
.img-box #canvas>div:nth-of-type(2){background: url(https://meviy-content-prd.s3.cn-north-1.amazonaws.com.cn/static/img/ico_02.png) no-repeat top 43% center;}
.img-box #canvas>div:last-of-type{background: url(https://meviy-content-prd.s3.cn-north-1.amazonaws.com.cn/static/img/ico_03.png) no-repeat top 42% center;}
.img-box .circles-text{margin-top: -25%;}

.img-box .evaluate-ps{margin-top: 2.2%; font-size: 12px; color: #727171;}
.img-box .evaluate-ps span{margin-left: 2%;}

@media (max-width:1680px) {
	.img-box .evaluate .evaluate-con {padding: 0.2% 10% 0;}
	.img-box #canvas{zoom: 0.9;}
}

@media (max-width:750px) {
	.img-box .evaluate{padding: 13% 0 4%; background:#e9e9e9 url(https://meviy-content-prd.s3.cn-north-1.amazonaws.com.cn/static/img/evaluate_bg.png) no-repeat top center;}
	.img-box .evaluate .title{padding: 0 3%;}
	.img-box .evaluate .title span{margin-top: 4.5%; font-size: 24px;}
	.img-box .evaluate .evaluate-con{padding: 1% 5% 0;}
	.img-box .evaluate-ps{margin-top: 4.7%; font-size: 18px; padding: 0 5%;}
	.img-box .evaluate-ps span{margin-left: 0%; display: block;}
	.img-box #canvas>div span{font-size: 36px;}
	.img-box #canvas>div{background-size: 50%!important;}
	.img-box .evaluate-list li .evaluate-txt div{font-size: 34px;}
	.img-box .evaluate-list li .evaluate-txt div i{font-size: 17px;}
	.img-box .evaluate-list li .evaluate-txt p{line-height: 1.5; font-size: 15px;}
	.img-box .evaluate-list li .evaluate-txt span{font-size: 20px;}
}
@media (max-width:700px) {
	.img-box .evaluate .title span{font-size: 20px;}
	.img-box #canvas>div span{font-size: 28px;}
	.img-box .evaluate-ps{font-size: 16px;}
}
@media (max-width:650px) {
	.img-box .evaluate .title span{font-size: 18px;}
	.img-box #canvas>div span{font-size: 28px;}
	.img-box .evaluate-list li .evaluate-txt div{font-size: 25px;}
	.img-box .evaluate-list li .evaluate-txt div i{font-size: 12px; padding-top: 5%;}
	.img-box .evaluate-list li .evaluate-txt p{line-height: 1.3; font-size: 12px; margin-top: 3%;}
	.img-box .evaluate-list li .evaluate-txt span{font-size: 15px;}
	.img-box .evaluate-ps{font-size: 14px;}
}
@media (max-width:550px) {
	.img-box .evaluate .title span{font-size: 16px;}
	.img-box .evaluate-ps{font-size: 12px;}
}
@media (max-width:480px) {
	.img-box .evaluate .title span{font-size: 14px; margin-top: 2%;}
	.img-box .evaluate .title span b{display: block; }
}
@media (max-width:420px) {
	.img-box .circles-text{margin-top: -28%;}
	.img-box #canvas>div span{font-size: 22px;}
	.img-box .evaluate-list li .evaluate-txt div{font-size: 20px;}
	.img-box .evaluate-list li .evaluate-txt div i{font-size: 10px;}
	.img-box .evaluate-list li .evaluate-txt p{line-height: 1.2; font-size: 10px;}
	.img-box .evaluate-list li .evaluate-txt span{font-size: 12px;}
	.img-box .evaluate-ps{margin-top: 5%;}
}

/*  */
.img-box .idea{padding: 4.4% 1% 3.2%;}
.img-box .idea-con{position: relative; padding: 0 3%;}
.img-box .idea .swiper-wrapper {display: flex; align-items: stretch; height: 100%;}
.img-box .idea .swiper-slide {
	background-color: #FFFFFF;
	border-radius: 10px;
	overflow: hidden;
	width: 25%;
	height: auto;
	display: block;
}
.img-box .idea .swiper-slide a{font-weight: normal; display: block; height: 100%;}

/* 25.05.27 修改1开始 */
/* .img-box .idea .swiper-slide .idea-tit{
	font-size: 19px; 
	color: #000000; 
	font-weight: bold; 
	margin-bottom: 2%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;  
} */

.img-box .idea .swiper-slide .idea-tit{
	font-size: 19px; 
	color: #000000; 
	font-weight: bold; 
	margin-bottom: 2%;
	line-height: 1.25;
}
@media (min-width:769px) {
	.img-box .idea .swiper-slide .idea-tit{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;  
	}
}

/* 25.05.27 修改1结束 */


.img-box .idea .swiper-slide .idea-con{padding: 3.3% 3% 3.5% 4.2%; font-size: 14px;}
.img-box .idea .swiper-slide .idea-con p i,
.img-box .idea .swiper-slide .idea-con p{line-height: 1.66;}
.img-box .idea .swiper-slide a:hover .idea-con p{color: #7c7c7c;}
@media (min-width:480px) {
	.img-box .idea .swiper-slide a:hover .idea-con .idea-tit{color: #0F218B;}
}
.img-box .idea .swiper-slide img{display:block;}
.img-box .idea .swiper-slide .idea-pic img{width: 100%; transition: all .2s;}
.img-box .idea .swiper-button-next,
.img-box .idea .swiper-button-prev{position: absolute; background: none; display: flex; justify-content: center; align-items: center; outline: none;}
.img-box .idea .swiper-button-next img,
.img-box .idea .swiper-button-prev img{transition: all .2s;}

.img-box .idea .idea-ico01{margin: 4% 0 1.5%;}
.img-box .idea .idea-ico02{display: flex; justify-content: flex-end; margin: 0.5% 0 0;}

@media (min-width:480px) {
	.img-box .idea .swiper-button-next img:hover,
	.img-box .idea .swiper-button-prev img:hover{transform: scale(1.2);}
}
@media (max-width:1680px) {
	.img-box .idea{padding: 4.4% 5% 3.2%;}
	.img-box .idea-con{position: relative; padding: 0 3%;}
}
@media (max-width:1380px) {
	.img-box .idea .swiper-button-prev,
	.img-box .idea .swiper-container-rtl .swiper-button-next{left: -5px!important;}
	.img-box .idea .swiper-button-next,
	.img-box .idea .swiper-container-rtl .swiper-button-prev{right: -5px!important;}
}
@media (max-width: 750px) {
	.img-box .idea{padding: 7.5% 1% 6%;}
	.img-box .idea .swiper-slide .idea-con{font-size: 20px; padding: 3.5% 2.5% 5.5% 4.2%;}
	.img-box .idea .swiper-slide .idea-tit{font-size: 24px; }
	
	/* 25.05.27 修改 2 开始 */
	.img-box .idea .swiper-slide .idea-tit{
		height: 60px;
	}
	/* 25.05.27 修改 2 结束 */
	
	.img-box .idea .swiper-slide .idea-con p i,
	.img-box .idea .swiper-slide .idea-con p{line-height: 1.5;}
	.img-box .idea .swiper-slide {border-radius: 4px;}
}
@media (max-width: 700px) {
	.img-box .idea .swiper-slide .idea-con{font-size: 16px;}
	.img-box .idea .swiper-slide .idea-tit{font-size: 20px; }
	
	/* 25.05.27 修改 3 开始 */
	.img-box .idea .swiper-slide .idea-tit{
		height: 50px;
	}
	/* 25.05.27 修改 3 结束 */
	
	.img-box .idea .swiper-slide .idea-con p i,
	.img-box .idea .swiper-slide .idea-con p{line-height: 1.5;}
}
@media (max-width: 600px) {
	.img-box .idea .swiper-slide .idea-con{font-size: 14px;}
	.img-box .idea .swiper-slide .idea-tit{font-size: 16px;}
	
	/* 25.05.27 修改 4 开始 */
	.img-box .idea .swiper-slide .idea-tit{
		height: 40px;
	}
	/* 25.05.27 修改 4 结束 */
	
}
@media (max-width:420px) {
	.img-box .idea .swiper-slide .idea-con{font-size: 12px;}
	.img-box .idea .swiper-slide .idea-tit{font-size: 14px;}
	
	/* 25.05.27 修改 5 开始 */
	.img-box .idea .swiper-slide .idea-tit{
		height: 30px;
	}
	/* 25.05.27 修改 5 结束 */
	
	.img-box .idea .swiper-button-next img,
	.img-box .idea .swiper-button-prev img{width: 40%;}
	.img-box .idea .idea-ico01 img,
	.img-box .idea .idea-ico02 img{width: 5%;}
	.img-box .idea .swiper-slide {height: auto;}
	.img-box .idea .swiper-slide .idea-con p{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		height: 73px;
	}
}

/* 25.05.27 修改 6 开始 */
@media (max-width:360px) {
	.img-box .idea .swiper-slide .idea-tit{
		letter-spacing: -1px;
	}
}
/* 25.05.27 修改 6 结束 */
	
	
/*  */
.img-box .award{padding: 0.3% 15.2% 5%;}
.img-box .award-tit{text-align: center; line-height: 1.5; font-size: 28px; color: #666666;}
.img-box .award-tit p{ display: flex; justify-content: center; align-items: center; }
.img-box .award-tit span{color: #00207A; font-size: 44px!important; font-weight: bold; display: flex; justify-content: center; align-items: center;}
.img-box .award-tit b{font-size: 54px; padding-bottom: 10px;}
.img-box .award-tit i{padding-bottom: 7px; font-style: normal;}
.img-box .award-tit sup{font-size: 16px; vertical-align: super;}

.img-box .award-con{
	background-color: #FFFFFF; 
	border-radius: 10px; 
	box-shadow: 2px 2px 10px rgba(100,100,100,.2);
	overflow: hidden; 
	margin-top: 4%;
}
.img-box .award-pic{width: 347px;}
.img-box .award-con-list{justify-content:space-between;}
.img-box .award-con-list>.PC{flex:1;}
.img-box .award-list {height: 100%; align-items: flex-start; padding: 1% 0 2% 1%;}
.img-box .award-list li{
	width: 20%; 
	padding: 1.8% 0.2%;
	color: #666666;
}
.img-box .award-list li>div{
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center; 
	align-items: center; 
	font-size: 14px;
	text-align: center;
}
.img-box .award-list li>div img{width: 82%;}
.img-box .award-list li>div span{margin-top: 7%;}
.img-box .award-ps{display: flex; align-items: center; padding-right: 15px; margin-top: 1.5%; color: #727171;}

@media (max-width:1800px) {
	.img-box .award-tit span{font-size: 44px!important; }
	.img-box .award-tit b{font-size: 50px;}
}
@media (max-width:1680px) {
	.img-box .award-tit span{font-size: 44px!important; }
	.img-box .award-tit b{font-size: 48px;}
	.img-box .award-pic{width: 32%;}
}
@media (max-width:1600px) {
	.img-box .award-tit span{font-size: 44px!important; }
	.img-box .award-tit b{font-size: 46px;}
}
@media (max-width:1500px) {
	.img-box .award-tit span{font-size: 42px!important;}
	.img-box .award-tit b{font-size: 44px;}
}
@media (max-width:1380px) {
	.img-box .award{padding: 1% 8% 0%;}
	.img-box .award-tit{line-height: 1.5; font-size: 26px;}
	.img-box .award-tit span{font-size: 38px!important;}	
	.img-box .award-tit b{font-size: 42px;}
	.img-box .award-list li{padding: 0.5%;}
	.img-box .award-list li>div{font-size: 12px;}
	.img-box .award-list li>div span{margin-top: 5%;}
}
@media (max-width:1260px) {
	.img-box .award-tit{font-size: 22px; line-height: 1.3;}
	.img-box .award-tit span{font-size: 34px!important;}
	.img-box .award-tit b{font-size: 36px!important;}	
	.img-box .award-pic{width: 45%;}
}
@media (max-width: 750px) {
	.img-box .award{padding: 1% 0 5.5%;}
	.img-box .award-tit{font-size: 28px;}
	.img-box .award-tit span{font-size: 44px!important;}
	.img-box .award-tit b{font-size: 54px!important;}
	.img-box .award-con{flex-direction: column;background-color: #e9e9e9;border-radius: 0;box-shadow: none;margin-top: 5%;}
	.img-box .award-con>*{width: 100%;}
	.img-box .award-pic{width: 100%; margin: 6% 0 1%;}
	.img-box .award-con-list{display: block;}
	.img-box .award-list {height: auto; padding: 5% 5% 0; position: relative; }
	.img-box .award-list .swiper-slide{padding: 0.5% 0% 1%;}
	.img-box .award-list .swiper-slide>div{
		display: flex;
		flex-direction: column;
		justify-content: center; 
		align-items: center; 
		font-size: 18px;
		text-align: center;
		color: #666666;
	}
	.img-box .award-list .swiper-slide>div span{margin-top: 5%;}
	.img-box .award-ps{font-size: 16px; padding: 0 5%; margin-top: 1%;}
	.img-box .award-list .award-list-ps{ margin: 4% 0 7%;}
	.img-box .award-list .award-list-ps span{display: block; margin: 0 10% ; font-size: 20px;}
	.img-box .award-list .award-list-ps img {width: 2.7%;}
}
@media (max-width: 700px) {
	.img-box .award-tit{line-height: 1.5; font-size: 24px;}
	.img-box .award-tit span{font-size: 40px!important;}
	.img-box .award-tit b{font-size: 48px!important;}
	.img-box .award-list .swiper-slide>div{font-size: 16px;}
	.img-box .award-list .award-list-ps span{margin: 0 8%; font-size: 18px;}
}
@media (max-width: 650px) {
	.img-box .award-tit{font-size: 22px;}
	.img-box .award-tit span{font-size: 34px!important;}
	.img-box .award-tit b{font-size:44px!important;}
	.img-box .award-tit sup{font-size: 14px;}
	.img-box .award-list .swiper-slide>div{font-size: 14px;}
	.img-box .award-ps{font-size: 16px;}
	.img-box .award-ps .APP p{display: flex; align-items: center; justify-content: flex-start;}
}
@media (max-width: 550px) {
	.img-box .award-tit{font-size: 18px;}
	.img-box .award-tit span{font-size: 30px!important;}
	.img-box .award-tit b{font-size:40px!important;}
	.img-box .award-tit sup{font-size: 12px;}
	.img-box .award-ps{font-size: 14px;}
	.img-box .award-list .award-list-ps span{margin: 0 6%; font-size: 16px;}
}
@media (max-width: 420px) {
	.img-box .award-tit{font-size: 15px;}
	.img-box .award-tit span{font-size:24px!important;}
	.img-box .award-tit b{font-size:32px!important;}
	.img-box .award-list .swiper-slide>div{font-size: 13px;}
	.img-box .award-list2 .swiper-slide>div img{width: 66%;}
	.img-box .award-ps{font-size: 12px;}
	.img-box .award-list .award-list-ps span{margin: 0 4%; font-size: 14px;}
	.img-box .award-list { padding: 5% 3% 0; }
}
@media (max-width: 350px) {
	.img-box .award-tit{font-size: 14px;}
	.img-box .award-tit span{font-size:22px!important;}
	.img-box .award-tit b{font-size:30px!important;}
	.img-box .award-tit i{padding-bottom: 6px;}
	.img-box .award-list .award-list-ps span{margin: 0 3%; font-size: 12px;}
}


.img-box .award_prize01{
	padding: 3.5% 3% 1%;
}

.img-box .award_prize01 h4{
	font-size: 32px;
	color: #0A1464;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2%;
}

.img-box .award_prize01 h4{
	font-size: 32px;
	color: #0A1464;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2%;
	position: relative;
}

.img-box .award_prize01 h4::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	height: 2px;
	width: 100%;
	margin-top: -1px;
	background-color: #0A1464;
	z-index: -1;
}

.img-box .award_prize01 h4 span{
	background-color: #ffffff;
	display: inline-block;
	padding: 0 2%;
}

@media (max-width:1600px) {
	.img-box .award_prize01 h4{
		font-size: 30px;
	}
}

@media (max-width:1400px) {
	.img-box .award_prize01 h4{
		font-size: 28px;
	}
}
@media (max-width:750px) {
	.img-box .award_prize01 h4 span{
		background-color: #e9e9e9;
	}
}


.img-box .award_prize02{
	padding: 3.5% 3% 2%;
}

.img-box .award_prize02 h4{
	font-size: 32px;
	color: #0A1464;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2%;
}

.img-box .award_prize02 h4{
	font-size: 32px;
	color: #0A1464;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2%;
	position: relative;
}

.img-box .award_prize02 h4::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	height: 2px;
	width: 100%;
	margin-top: -1px;
	background-color: #0A1464;
	z-index: -1;
}

.img-box .award_prize02 h4 span{
	background-color: #ffffff;
	display: inline-block;
	padding: 0 2%;
}

@media (max-width:1600px) {
	.img-box .award_prize02 h4{
		font-size: 30px;
	}
}

@media (max-width:1400px) {
	.img-box .award_prize02 h4{
		font-size: 28px;
	}
}
@media (max-width:750px) {
	.img-box .award_prize02 h4 span{
		background-color: #e9e9e9;
	}
}


/* 25.03.27 修改 7 开始 */
.img-box .award_prize03{width: 100%;}

.img-box .award_prize03 .award-list3 {
	height: 100%; 
	align-items: flex-start; 
	padding: 0 1% 0% 0;
}
.img-box .award_prize03 .award-list3 li{
	width: 33.33%; 
	display: flex;
	justify-content: center; 
	align-items: center; 
	text-align: center;
}

.img-box .award_prize03 .award-list3 .award-txt1{
	color: #727171;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}

.img-box .award_prize03 .award-list3 .award-txt2{
	color: #727171;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
}

.img-box .award_prize03 .award-list3 .award-mar{
	margin-top: 10px;
}
.img-box .award_prize03 .award-list3 .award-list3-text{
	width: 242px;
}
.img-box .award_prize03 .award-list3 .award-mar img{
	width: 228px;
	height: 80px;
}

.img-box .award_prize03 .award-list3 .award-txt3{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 15px;
	font-weight: bold;
	font-size: 19px;
	color: #595757;
	line-height: 1.25;
}

@media (max-width:1800px) {
	.img-box .award_prize03 .award-list3 .award-txt1,
	.img-box .award_prize03 .award-list3 .award-txt3{font-size: 16px;}
}

@media (max-width:1600px) {
	.img-box .award_prize03 .award-list3{
		padding: 0;
	}
	.img-box .award_prize03 .award-list3 .award-txt1,
	.img-box .award_prize03 .award-list3 .award-txt3{font-size: 14px;}
	.img-box .award_prize03 .award-list3 li .award-list3-pic{
		padding-right: 8px;
		padding-left: 15px;
	}
}

@media (max-width:1450px) {
	/* .img-box .award_prize03 .award-list4 li{
		width: 45%; 
		padding: 0 1%;
	} */
	.img-box .award_prize03 .award-list3 .award-mar img{
		width: 200px;
		height: 70px;
	}
}

@media (max-width:1360px) {
	.img-box .award_prize03 .award-list3 .award-mar img{
		width: 170px;
		height: 60px;
	}
}

@media (max-width:1200px) {
	.img-box .award_prize03 {
		padding: 3.5% 3% 3%;
	}
	.img-box .award_prize03 .award-list3{
		padding: 1% 1% 1% 0;
	}
	.img-box .award_prize03 .award-list3 .award-txt3 p{padding: 0 5%;}
}

/* 25.03.27 修改 7 结束 */


/*  */
.img-box .security{padding: 4.3% 0 3.5%; background-color: #f8f8f8;}
.img-box .security .title{line-height: 1.5;}
.img-box .security .title span{font-weight: normal; }
.img-box .security-con ul{width: 100%; justify-content: space-between; align-items: flex-start; padding: 1.2% 14.5% 2%;}
.img-box .security-con li{text-align: center; width: 33.33%; color: #323232;}
.img-box .security-con li .security-pic img{max-width: 100%;}
.img-box .security-con li .security-txt{margin-top: 8.2%;}
.img-box .security-con li .security-txt span{display: block; font-size: 18px; line-height: 1.2;}
.img-box .security-con li .security-txt .security-txt-super{font-size: 12px; font-style: normal; vertical-align:super;}
.img-box .security-intro{margin-top: 1.7%; border-top: 1px solid #323232; padding: 0.5% 0;}
.img-box .security-intro strong{line-height: 1.7; color: #323232; margin: 1% 0 0.5%; display: block;}
.img-box .security-intro p{color: #323232; line-height: 1.8;}
.img-box .security-ps{
	position: absolute;
	top: 30%;
	right: 0;
	color: #666666;
}
.img-box .security-ps span{
	font-size: 12px; 
	display: flex; 
	align-items: center; 
	justify-content: flex-end;
}
@media (max-width: 1000px) {
	.img-box .security-con ul{zoom: 0.9;}
}
@media (max-width: 750px) {
	.img-box .security{padding: 12% 0;}
	.img-box .security .title span{font-size: 24px;}
	.img-box .security-con ul{zoom: 1; padding: 0% 2% 2%; margin-top: -1.5%;}
	.img-box .security-con li .security-txt span{font-size: 19px; line-height: 1.5;}
	.img-box .security-con li .security-txt{margin-top: 9%;}
	.img-box .security-intro{padding: 1.5% 2.5%;}
	.img-box .security-ps{position: inherit; margin-top: 1%;}
	.img-box .security-ps span{justify-content: flex-start; font-size: 18px; padding-left: 3%;}
}
@media (max-width: 700px) {
	.img-box .security .title span{font-size: 22px;}
	.img-box .security-con li .security-txt span{font-size: 16px;}
	.img-box .security-ps span{font-size: 16px;}
}
@media (max-width: 650px) {
	.img-box .security .title span{font-size: 20px;}
	.img-box .security-con ul{padding: 0 0 2%;}
	.img-box .security-con li .security-txt span{font-size: 14px;}
}
@media (max-width:550px) {
	.img-box .security-pic img{width: 80%;}
	.img-box .security .title span{font-size: 18px;}
	.img-box .security-con li .security-txt span{font-size: 12px;}
	.img-box .security-ps span{font-size: 14px;}
}
@media (max-width:420px) {
	.img-box .security .title span{font-size: 16px;}
	.img-box .security .box-wrap{padding: 0 2%;}
	.img-box .security-con li{padding: 0 0.5%;}
	.img-box .security-con li .security-pic img{width: 80%;}
	.img-box .security-ps span{font-size: 12px;}
} 



/*  */
.img-box .img-box-news{padding: 4.5% 0 4.5%; background-color: #f8f8f8;}
.img-box .img-box-news .title{line-height: 1.5;}

.img-box .img-box-news-con ul{
	width: 100%; 
	padding: 0.5% 1.5%; 
	height: 400px; 
	overflow-x: hidden; 
	overflow-y: auto;

	scrollbar-base-color: #0F218B;
	scrollbar-track-color: #cccccc;
	scrollbar-arrow-color: #0F218B;
	
	scrollbar-face-color:#0F218B; 
	scrollbar-track-color:#cccccc;
	
	padding-right: 1.3%;
}
.img-box .img-box-news-con ul.on{
	padding: 0.5% 1.5% 5.5%; 
	height: auto; 
}
.img-box .img-box-news-con ul::-webkit-scrollbar{
	background-color: #cccccc;
	width:5px;
	border-radius: 3px;
}
.img-box .img-box-news-con ul::-webkit-scrollbar-thumb{background: #0F218B;	border-radius: 3px;}
.img-box .img-box-news-con ul::-webkit-scrollbar-track{
	background-color: #cccccc;
	border-radius: 10px;
}
.img-box .img-box-news-con li:first-child{border-top: 1px dashed #aaaaaa;}
.img-box .img-box-news-con li:first-child::before{
	content: '';
	position: absolute;
	top: -2px;
	left: 0;
	width: 12%;
	height: 3px;
	background: #aaaaaa;
}
.img-box .img-box-news-con li{
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	width: 100%; 
	color: #494949; 
	padding: 4% 0;
	border-bottom: 1px dashed #aaaaaa;
	position: relative;
	font-size: 22px;
}
.img-box .img-box-news-con li::after{
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 12%;
	height: 3px;
	background: #aaaaaa;
}
.img-box .img-box-news-con li .img-box-news-new{
	position: absolute;
	top: 1px;
	left: 0.5%;
}
.img-box .img-box-news-con li .img-box-news-new img{display: block;}
.img-box .img-box-news-con li .img-box-news-txt{
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	width:83%;
	padding-right: 2%;
}
.img-box .img-box-news-con li .img-box-news-date{
	display: block; 
	line-height: 1.3; 
	font-family: Arial, Helvetica, sans-serif;
	width: 12%;
	text-align: center;
}
.img-box .img-box-news-con li .img-box-news-txt a{color: #494949; font-weight: normal;}
@media (min-width:480px) {
	.img-box .img-box-news-con li.on{border-bottom-color: #0F218B;}
	.img-box .img-box-news-con li.on::after{
		background: #0F218B;
	}
	.img-box .img-box-news-con li.on .img-box-news-date,
	.img-box .img-box-news-con li.on .img-box-news-txt a{color: #0F218B;}
}
@media (max-width:1600px) {
	.img-box .img-box-news-con li{font-size: 20px;}
}
@media (max-width:1400px) {
	.img-box .img-box-news-con li{font-size: 18px; padding: 3% 0;}
}
@media (max-width:1200px) {
	.img-box .img-box-news-con li{font-size: 16px; padding: 2% 0;}
	.img-box .img-box-news-con li::after { bottom: -1px; height: 1px;}
	.img-box .img-box-news-con li .img-box-news-new{top: 0;}
	.img-box .img-box-news-con li .img-box-news-new img{width: 80%;}
}
@media (max-width:750px) {
	.img-box .img-box-news{padding: 12% 0;}
	.img-box .img-box-news-con ul{height: 330px; padding: 0.5% 2.5% 0.5% 0;}
	.img-box .img-box-news-con ul.on{padding: 1% 2% 7%;}
	.img-box .img-box-news-con ul::-webkit-scrollbar{width:3px;}
	.img-box .img-box-news-con li{flex-direction: column; align-items: flex-start; padding: 6% 1%;}
	.img-box .img-box-news-con li .img-box-news-date{font-size: 20px; line-height: 1.5; width: auto;}
	.img-box .img-box-news-con li .img-box-news-txt{margin-top: 2%; font-size: 22px; width: 100%;}
	.img-box .img-box-news-con li:first-child::before{content: none;}
	.img-box .img-box-news-con li::after{width: 18%;}
}
@media (max-width:650px) {
	.img-box .img-box-news-con li .img-box-news-date{font-size: 16px;}
	.img-box .img-box-news-con li .img-box-news-txt{font-size: 18px;}
}
@media (max-width:550px) {
	.img-box .img-box-news-con li .img-box-news-date{font-size: 14px;}
	.img-box .img-box-news-con li .img-box-news-txt{font-size: 16px; margin-top: 0;}
}
@media (max-width:420px) {
	.img-box .img-box-news-con li .img-box-news-date{font-size: 12px;}
	.img-box .img-box-news-con li .img-box-news-txt{font-size: 14px;}
} 


.img-box-free{
	position: fixed;
	left: 0;
	bottom: 18%;
	z-index: 999;
	width: 8%;
}
.img-box-free>div{margin-bottom: 12%; width: 100%;}
.img-box-free a{display: block; width: 100%;}
.img-box-free a img{
	display: block; 
	border-radius: 0 12px 12px 0; 
	box-shadow: -7px 7px 10px rgba(0,0,0,0.2); 
	transition: all .3s;
	transform: translateX(-4px);
	width: 90%;
}
@media (min-width: 750px) {
	.img-box-free a img{transform: translateX(-10px); }
	.img-box-free a:hover img{ transform: translateX(0px);}
}
@media (max-width:1400px) {
	.img-box-free{width: 10%;}
} 
@media (max-width:1000px) {
	.img-box-free{width: 12%;}
} 
@media (max-width: 750px) {
	.img-box-free{width: 14%;}
} 
@media (max-width:640px) {
	.img-box-free{display: none;}
} 