#box-1{background: #F8F8F8;padding: 150px 0px 100px 0;}
#box-1 .xqDH{font-size: 18px;color:#666;}
#box-1 .xqDH a:hover{color: #003870;}
#box-1 .xqDH img{width: 18px;margin-right: 8px;}

#box-1 .box2{background: url(../img/cyxqbj.png)no-repeat center center;background-size: cover;padding: 80px;margin: 50px 0;border-radius: 20px;}
#box-1 .box2>.img{width: 50%;}
#box-1 .box2>.img img{width: 100%;height:100%;object-fit: cover;}
#box-1 .box2 .imgD{overflow: hidden;position: relative;height: 400px;}
#box-1 .box2 .imgD li{display: flex;}
#box-1 .box2 .swiper-pagination{width: 100%;bottom: 35px;}
#box-1 .box2 .swiper-pagination span{margin: 0 13px;background-color: #fff!important;opacity: 1!important;position: relative;width: 10px;height: 10px;}
#box-1 .box2 .swiper-pagination span::after{content: '';width: 100%;height: 100%;display: block;border: 1px solid #fff;position: absolute;top: -5px;left: -5px;border-radius: 50%;width: 20px;height: 20px;transition: 0.5s;transform: scale(0);}
#box-1 .box2 .swiper-pagination span.swiper-pagination-bullet-active::after{transform: scale(1);}
#box-1 .box2 .content{width: 50%;padding-left: 80px;}
#box-1 .box2 .content>div{font-size: 30px;color:#003870;font-weight: bold;}
#box-1 .box2 .content hr{border-color: rgba(0, 0, 0, 0.12);margin: 50px 0 20px 0;}
#box-1 .box2 .content li{font-size: 22px;color:#000;padding-top: 30px;line-height: 1.8;display: flex;}
#box-1 .box2 .content li img{width: 42px;transition: 0.5s;}
#box-1 .box2 .content li .img{display: flex;position: relative;overflow: hidden;height: 42px;margin-bottom: 8px;margin-right: 8px;}
#box-1 .box2 .content li img:nth-child(2){position: absolute;bottom: -100%;}
#box-1 .box2 .content li:hover img:nth-child(1){transform: translateY(-84px);}
#box-1 .box2 .content li:hover img:nth-child(2){transform: translateY(-42px);}
#box-1 .box2 .content li .content_text{width: calc(100% - 60px);}
#box-1 .box2 .content li .title{font-size: 24px;color:#003870;font-weight: bold;}

#box-1 .box3 .content{background: #fff;border-radius: 20px;padding: 80px;margin-top: 50px;}
#box-1 .box3 .content .title{font-size: 36px;color:#003870;font-weight: bold;margin-bottom: 35px;}
#box-1 .box3 .content .des{font-size: 18px;color:#333;text-indent: 2em;text-align: justify;line-height: 1.8;}
#box-1 .box3 .content .des p{margin-bottom: 20px;}
#box-1 .box3 .button{background: #003870;border-radius: 26px;display: inline-flex;align-items: center;font-size: 16px;color: #fff;padding: 10px 25px;margin-top: 40px;}
#box-1 .box3 .button img{width: 6px;margin-left: 10px;transition: 0.5s;}
#box-1 .box3 .button:hover img{transform: translateX(10px);}


@media (min-width:1199px) and (max-width:1600px){
	#box-1 .box2{padding: 60px;}
	#box-1 .box2 .content{padding-left: 60px;}
	/* #box-1 .box2 .content>div {font-size: 38px;} */
	#box-1 .box2 .content li{font-size: 20px;padding-top: 25px;}
	#box-1 .box2 .content li .title{font-size: 22px;}
	#box-1 .box3 .content{padding: 60px;}
}
@media (min-width:767px) and (max-width:1199px){
	#box-1 .box2{padding: 50px;border-radius: 15px;}
	#box-1 .box2 .imgD{height: 320px;}
	#box-1 .box2 .content{padding-left: 50px;}
	#box-1 .box2 .content>div {font-size: 28px;}
	#box-1 .box2 .content li{font-size: 15px;padding-top: 25px;}
	#box-1 .box2 .content li img{width: 30px;transition: 0.5s;}
	#box-1 .box2 .content li .img{height: 30px;margin-bottom: 5px;}
	#box-1 .box2 .content li:hover img:nth-child(1){transform: translateY(-60px);}
	#box-1 .box2 .content li:hover img:nth-child(2){transform: translateY(-30px);}
	#box-1 .box2 .content li .title{font-size: 18px;}
	
	#box-1 .box3 .content{border-radius: 15px;padding: 50px;}
	#box-1 .box3 .content .title{font-size: 28px;margin-bottom: 30px;}
	#box-1 .box3 .content .des{font-size: 16px;}
	#box-1 .box3 .content .des p{margin-bottom: 20px;}
}

@media (max-width:767px){
	#box-1{padding: 100px 0px 60px 0;}
	#box-1 .xqDH {font-size: 15px;line-height: 2;}
	#box-1 .xqDH img{width: 15px;margin-right: 5px;margin-bottom: 2px;}
	#box-1 .box2{padding:30px 25px;border-radius: 15px;margin: 25px 0;}
	#box-1 .box2>.img{width: 100%;}
	#box-1 .box2 .imgD{height: 220px;}
	#box-1 .box2 .swiper-pagination{bottom: 20px;}
	#box-1 .box2 .swiper-pagination span{margin: 0 7px;width: 7px;height: 7px;}
	#box-1 .box2 .swiper-pagination span::after{top: -4.5px;left: -4.5px;width: 16px;height: 16px;}
	#box-1 .box2 .content{width: 100%;padding-left: 0px;}
	#box-1 .box2 .content>div {font-size: 26px;margin-top: 30px;}
	#box-1 .box2 .content hr {margin: 15px 0 0px 0;}
	#box-1 .box2 .content li{font-size: 14px;padding-top: 25px;}
	#box-1 .box2 .content li img{width: 30px;transition: 0.5s;}
	#box-1 .box2 .content li .img{height: 30px;margin-bottom: 5px;}
	#box-1 .box2 .content li:hover img:nth-child(1){transform: translateY(-60px);}
	#box-1 .box2 .content li:hover img:nth-child(2){transform: translateY(-30px);}
	#box-1 .box2 .content li .title{font-size: 16px;}
	
	#box-1 .box3 .content{border-radius: 15px;padding: 35px 25px;}
	#box-1 .box3 .content .title{font-size: 22px;margin-bottom: 15px;}
	#box-1 .box3 .content .des{font-size: 15px;}
	#box-1 .box3 .content .des p{margin-bottom: 20px;}
	#box-1 .box3 .button{margin-top: 20px;margin-bottom: 20px;}
	
}