@charset "utf-8";
.caijing{margin-top: 40px;}
.caijing .banner-wrap .left{width: 890px;}
.caijing .banner img{width: 100%; height: 500px; object-fit: cover; display: block;}
.caijing .banner .swiper-slide{position: relative;}
.caijing .banner .swiper-button-next, .swiper-button-prev{background-color: rgba(0, 0, 0, .5); color: white}
.caijing .banner .swiper-button-next:after, .swiper-button-prev:after{font-size: 28px}
.caijing .banner h4{font-size: 25px; left: 0; width: 100%; bottom: 0; color: #fff; padding: 0 15px; position: absolute; height: 70px; line-height: 70px; background: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));}
.caijing .banner-wrap .right{width: 355px;}
.caijing .banner-wrap .right .common-list2 .img{width: 165px; height: 102px;}

.box .common-title1.mt30{margin-top: 30px;}
.box .common-list1{margin-top: 23px;}
.box .common-list1 li{width: 302px; margin-right: 23px;}
.box .common-list1 li:nth-child(4n){margin-right: 0}
.box .common-list1 .img{height: 171px;}
.box .common-list2{width: 627px;}
.box .common-list2 li{margin-bottom: 20px;}
.box .common-list2 li:last-child{margin-bottom: 0;}
.box .common-list2 .img{width: 294px; height: 183px;}
.box .common-list2 .tit{margin-top: 8px; margin-bottom: 18px;}
.box.box2 .common-list3 li{height: 386px;}
.box.box3 .common-list1 li{width: 407px; margin-right: 27px; margin-bottom: 0}
.box.box3 .common-list1 li:nth-child(3n){margin-right: 0}
.box.box3 .common-list1 .img{height: 229px;}
.box.box4 .common-list1 li{width: 627px; margin-right: 25px; margin-bottom: 0}
.box.box4 .common-list1 li:nth-child(2n){margin-right: 0}
.box.box4 .common-list1 .img{height: 353px;}

@media (max-width: 1299px) {
	.caijing .banner-wrap .left{width: 600px;}
	.caijing .banner-wrap .right{width: 345px;}
	.caijing .banner img{height: 450px;}
	.caijing .banner-wrap .right .common-list2 .img{width: 140px; height: 90px;}
	.box .common-list3 li{width: 475px; height: 260px}
	.box .common-list1 li{width: 225px}
	.box .common-list1 .img{height: 150px}
	.box.box2 .common-list3 li{height: 260px; width: 475px;}
	.box .common-list2{width: 475px}
	.box .common-list2 .img{width: 200px; height: 120px;}
	.box .common-list2 .tit{margin-top: 0; margin-bottom: 5px; height: 40px; line-height: 20px; font-size: 16px;}
	.box .common-list2 .desc{margin-bottom: 5px}
	.box.box3 .common-list1 li{width: 305px;}
	.box.box3 .common-list1 .img{height: 190px;}
	.box.box4 .common-list1 li{width: 472px;}
}
@media (max-width: 991px) {
	.caijing .banner-wrap{flex-wrap: wrap;}
	.caijing .banner-wrap .left{width: 100%;}
	.caijing .banner{padding-bottom: 10px}
	.caijing .banner-wrap{width: 100%;}
	.caijing .banner img{height: 40vw;}
	.caijing .banner-wrap .right{width: 100%; margin-top: 20px;}
	.box .common-list3 li{width: 370px; height: 220px}
	.box .common-list1 li{width: 172px;}
	.box .common-list1 .img{height: 110px;}
	.box.box2 .common-list3 li{width: 370px; height: 242px}
	.box .common-list2{width: 370px;}
	.box .common-list2 .img{width: 190px; height: 111px;}
	.box.box3 .common-list1 li{width: 235px}
	.box.box3 .common-list1 .img{height: 140px;}
	.box.box4 .common-list1 li{width: 367px;}
	.box.box4 .common-list1 .img{height: 230px;}
}
@media (max-width: 767px) {
	.caijing{margin-top: 20px}
	.box .common-list3 li{width: 48%; margin-right: 4%; height: 30vw}
	.box .common-list3 li:last-child{margin-right: 0}
	.box .common-list3 .tit{font-size: 16px; margin-bottom: 10px;}
	.box .common-list3 .absolute{padding: 5px}
	.box .common-list1 li{width: 48%; margin-right: 4%;}
	.box .common-list1 li:nth-child(2n){margin-right: 0}
	.box.box2 .common-list3{width: 100%; margin-bottom: 20px;}
	.box.box2 .common-list3 li{width: 100%; height: 50vw}
	.box .common-list2{width:100%}
	.box .common-list2 .img{width: 150px;}
	.box.box3 .common-list1 li{width: 100%; margin-right: 0; margin-bottom: 20px;}
	.box.box3 .common-list1 li:last-child{margin-bottom: 0;}
	.box.box3 .common-list1 .img{height: 50vw;}
	.box.box3 .common-list1 .tit{height: auto}
	.box.box4 .common-list1 li{width: 100%; margin-right: 0; margin-bottom: 20px;}
	.box.box4 .common-list1 li:last-child{margin-bottom: 0;}
	.box.box4 .common-list1 .img{height: 50vw;}
	.box.box4 .common-list1 .tit{height: auto}
	.box.box5 .common-list1 li{margin-bottom: 20px;}
	.box.box6 .common-title1.mt30{margin-top: 10px;}
}
@media (max-width: 400px) {

}