#box-1{padding-bottom: 0;z-index: 2;position: relative;overflow: initial;}
#box-1 .content{box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.1);padding: 50px;display: flex;flex-wrap: wrap;align-items: center;position: relative;margin-top: 43px;margin-bottom: 70px;background: #fff;overflow: hidden;}
#box-1 .content::after{content: '';width: 1px;height: 64%;background: #EEEEEE;position: absolute;left: 60%;top: 18%;display: block;}
#box-1 .content ul{display: flex;flex-wrap: wrap;}
#box-1 .left{width: 57%;}
#box-1 .left li{text-align: center;width: 33.3%;}
#box-1 .left .title{font-size: 24px;font-weight: bold;color: #000000;padding: 8px 0;}
#box-1 .left .des{font-size: 16px;color: #626262;}
#box-1 .left li img{width: 45px;transition: 0.8s;}
#box-1 .left li:hover img{transform: rotateY(360deg);}


#box-1 .right{width: 43%;padding-left: 8%;}
#box-1 .right li{text-align: center;width: 33.33%;}
#box-1 .right li img{width: 80%;border: 1px solid #EEEEEE;}
#box-1 .right p{font-size: 16px;color: #333;padding-top: 5px;}


#box-2{position: relative;width: 100%;padding: 0;}
#box-2 .img{font-size: 0px;}


@media (min-width:767px) and (max-width:1199px){
	#box-1 .content{padding: 40px 25px;}
	#box-1 .left li img{width: 40px;}
	#box-1 .left .title{font-size: 20px;padding: 5px 0;}
	#box-1 .left .des{font-size: 14px;}
	#box-1 .right p{font-size: 14px;}
	
	#box-2 .img img{min-height: 345px!important;}
}

@media (max-width:767px){
	#box-1{padding-bottom: 20px;}
	#box-1 .content{padding: 30px 15px 40px 15px;margin-bottom: 0px;}
	#box-1 .content::after{display: none;}
	#box-1 .left{width: 100%;}
	#box-1 .left li {width: 100%;padding: 15px 0;}
	#box-1 .left li img{width: 40px;}
	#box-1 .left .title{padding: 5px 0;}
	
	#box-1 .right{width: 100%;padding-left: 0%;padding-top: 40px;}
	#box-1 .right li img {width: 88%;}
	#box-1 .right p {font-size: 14px;}
	
}