#box-1{position: relative;}
#box-1 .box1 ul{display: flex;flex-wrap: wrap;margin: 0 -20px;}
#box-1 .box1 ul li{width: 33.3%;padding: 20px;}
#box-1 .box1 ul li>div{background: #F8F8F8;padding: 60px;border-radius: 20px;overflow: hidden;text-align: center;height: 100%;}
#box-1 .box1 ul li>div .img{width: 42%;max-width:140px;margin: auto;}
#box-1 .box1 ul li>div .title{font-size: 22px;font-weight: bold;color: #000;display: inline-block;position: relative;padding: 0 10px;margin: 15px 0 10px 0;}
#box-1 .box1 ul li>div .title::after{content: '';width: 100%;height: 13px;background: #d03233;position: absolute;left: 0;bottom: 0;z-index: 0;}
#box-1 .box1 ul li>div .title p {z-index: 2;position: relative;}
#box-1 .box1 ul li>div .ftitle p{font-size: 22px;color: #000;word-wrap: break-word;}

#box-1 .box2{border-radius: 20px;overflow: hidden;border: 4px solid #FAC423;margin-top: 25px;-webkit-transform: translate3d(0, 0, 0);}
#box-1 .box2>div{display: flex;flex-wrap: wrap;}
#box-1 .box2 .left{width: 100%;}
#box-1 .box2 .left a{display: block;height: 100%;}
#box-1 .box2 .left a img{height: 100%;object-fit: cover;}
#box-1 .box2 .right{padding: 4.5% 5%;width: 50%;background: url(../image/lxwm_box1_box2_bj.png) no-repeat bottom right;background-size: cover;}
#box-1 .box2 .right ul{display: flex;flex-wrap: wrap;}
#box-1 .box2 .right ul li{width: 33.3%;}
#box-1 .box2 .right ul li>div{padding: 20px;text-align: center;}
#box-1 .box2 .right ul li .img{transition: 0.5s;}
#box-1 .box2 .right ul li>div:hover .img{transform: translateY(-10px);}
#box-1 .box2 .right ul li .title{font-size:18px;color: #000;padding-top: 10px;}

#box-1 .box_img{position: absolute;bottom: -50px;right: -2.5%;width: 26%;max-width: 520px;transition: 0.5s;}
#box-1 .box_img:hover{transform: rotate(5deg);}


@media (max-width:800px){
	#box-1 .box2 .left a img{transform: scale(2);}
}

@media (min-width:1199px) and (max-width:1700px){
	#box-1 .box_img{width: 22.5%;bottom: 100px;right: -2%;}
}


@media (min-width:767px) and (max-width:1199px){
	#box-1 .box1 ul{margin: 0 -15px;}
	#box-1 .box1 ul li{padding: 15px;}
	#box-1 .box1 ul li>div{padding: 40px 25px;border-radius: 15px;}
	#box-1 .box1 ul li>div .title{font-size: 20px;}
	#box-1 .box1 ul li>div .title::after{height: 10px;}
	#box-1 .box1 ul li>div .ftitle p{font-size: 18px;}
	#box-1 .box2 .right{padding: 4.5%;}
	#box-1 .box2 .right ul li>div {padding: 15px}
	#box-1 .box2 .right ul li .title{font-size: 15px;}
	#box-1 .box_img{width: 22%;bottom: 85px;right: -1.5%;}
	
}
@media (max-width:850px){
	#box-1 .box2 .left,#box-1 .box2 .right{width: 100%;}
	#box-1 .box2 .left{height: 450px;width: 100%;}
	#box-1 .box2 .right{padding: 50px;}
	#box-1 .box2 .right ul li>div {padding: 20px}
	#box-1 .box_img{width: 32%;bottom: 9%;}
}
@media (max-width:767px){
	#box-1 .box1 ul{margin: 0 -10px;}
	#box-1 .box1 ul li{padding: 10px;width: 100%;}
	#box-1 .box1 ul li>div{padding: 40px 25px;border-radius: 15px;}
	#box-1 .box1 ul li>div .img{width: 32%;}
	#box-1 .box1 ul li>div .title{font-size: 20px;}
	#box-1 .box1 ul li>div .title::after{height: 10px;}
	#box-1 .box1 ul li>div .ftitle p{font-size: 17px;}
	
	#box-1 .box2{border: 3px solid #FAC423;border-radius: 15px;margin-top: 10px;}
	#box-1 .box2 .left{height: 260px;width: 100%;}
	#box-1 .box2 .right{padding: 30px 15px;}
	#box-1 .box2 .right ul li>div {padding: 10px}
	#box-1 .box2 .right ul li .title{font-size: 14px;}
	
	#box-1 .box_img{width: 32%;bottom: 5%;}
	
}