#box-1 {padding-bottom: 20px;}
#box-1 .box1{padding-top: 100px;}
#box-1 li{padding-bottom: 150px;}
#box-1 .box{display: flex;justify-content: space-between;flex-wrap: wrap;}
#box-1 li:nth-child(2n) .box{flex-direction: row-reverse;}
#box-1 .box .img_img{width: 53.8%;}
#box-1 li:nth-child(2n) .img_img{margin-right: -3%;}
#box-1 .box .content{width: 45%;position: relative;}
#box-1 .box .content::after{content: '';width: 100%;height: 100%;position: absolute;background: url(../img/pro_tb_bj.png)no-repeat right bottom;background-size: 93%;right: -70px;bottom: -160px;pointer-events: none;}
#box-1 .box .content *{color: #5C3819;}
#box-1 .content .title p{font-size: 80px;display: inline-block;position: relative;line-height: 1;}
#box-1 .content .title p::after{content: '';width: 66px;height: 65px;position: absolute;right: -15px;top: -20px;background: url(../img/title_tb_quan.png)no-repeat center center;background-size: contain;z-index: -1;}
#box-1 .content .desc{margin-top: 50px;}
#box-1 .content .desc p{font-size: 24px;font-weight: bold;line-height: 2;}
#box-1 .content .desc p span{color: #CE3927;}
#box-1 .content .desc p,#box-1 .content .time{font-size: 24px;padding-left: 10px;}
#box-1 .content .time{padding-top: 60px;}

#box-2{padding-top: 20px;}
#box-2 .box1{margin-top: 50px;position: relative;overflow: hidden;}
#box-2 .box1 ul{justify-content: center;display: flex;flex-wrap: wrap;}
#box-2 .box1 li{width: auto;text-align: center;}
#box-2 .box1 li>div{padding: 15px 23px;}
#box-2 .box1 li a{font-size: 24px;color: #2F542B;border: 2px solid #2F542B;padding: 15px 38px;border-radius: 10px;transition:background 0.2s;position: relative;background: none;font-weight: bold;display: block;}
#box-2 .box1 li.active a,#box-2 .box1 li a:hover{background: #2F542B;color: #fff;border: 2px solid #2F542B;}

#box-2 .box2{position: relative;padding: 50px 0;}
#box-2 .box2 ul{display: flex;flex-wrap: wrap;}
#box-2 .box2 li{width: 33.333%;padding:4.5% 3.5%;}


@media (min-width:767px) and (max-width:1199px){
	#box-1 {padding-bottom: 0px;}
	#box-1 .box1 {padding-top: 90px;}
	#box-1 li {padding-bottom: 110px;}
	#box-1 .box .content::after{right: -20px;bottom: -100px;background-size: 87%;}
	#box-1 .content .desc {margin-top: 30px;}
	#box-1 .content .title p {font-size: 54px;}
	#box-1 .content .title p::after {width: 52px;height: 55px;right: -13px;top: -20px;}
	#box-1 .content .desc p, #box-1 .content .time {font-size: 20px;padding-left: 7px;}
	#box-1 .content .time{padding-top: 40px;}
	
	#box-2 .box1 li>div{padding: 18px;}
	#box-2 .box1 li a{font-size: 20px;padding: 13px 38px;border-radius: 10px;}
	#box-2 .box2{padding: 40px 0 20px 1.6%;}
	#box-2 .box2 li{padding:3.5% 3.2%;}
	
}
@media (max-width:850px){
	#box-1 .content .title p {font-size: 48px;}
	#box-1 .content .title p::after {width: 43px;height: 55px;right: -12px;top: -20px;}
	#box-1 .content .desc p, #box-1 .content .time {font-size: 16px;}
	
	#box-2 .box1 li>div{padding: 13px;}
	#box-2 .box1 li a{padding: 13px 30px;}
	#box-2 .box2{padding: 40px 0 20px 2.6%;margin: 0 -5%;}
}
@media (max-width:767px){
	#box-1 {padding-bottom: 5px;}
	#box-1 .box1{padding-top: 50px;}
	#box-1 li {padding-bottom: 70px;}
	#box-1 li:nth-child(2n) .box{flex-direction: row;}
	#box-1 .box .img_img,#box-1 .box .content{width: 100%;}
	#box-1 li:nth-child(2n) .img_img{margin-right: 0%;}
	#box-1 .box .img{padding-left: 8%;margin-right: -13%;}
	#box-1 .box .content{text-align: center;justify-content: center}
	#box-1 .box .content::after{right: -20px;bottom: -50px;background-size: 65%;}
	#box-1 .content .desc {margin-top: 20px;}
	#box-1 .content .title p {font-size: 38px;margin-top: 15px;}
	#box-1 .content .title p::after {width: 32px;height: 55px;right: -7px;top: -20px;}
	#box-1 .content .desc p, #box-1 .content .time {font-size: 15px;padding-left: 0px;}
	#box-1 .content .time{padding-top: 25px;}
	
	
	#box-2 {padding-bottom: 50px;}
	#box-2 .tab {padding: 0 35px;}
	#box-2 .tab .swiper-button-prev, #box-2 .tab .swiper-button-next {width: 32px;height: 20px;top: calc(50% + 16px);}
	#box-2 .box1 {margin-top: 30px;}
	#box-2 .box1 li{width: 48%;}
	#box-2 .box1 li>div{padding: 10px;}
	#box-2 .box1 li a{padding: 10px;}
	#box-2 .box1 li a{font-size: 16px;padding: 12px;border-radius: 6px;}
	#box-2 .box2{padding: 30px 0 0px 3%;margin: 0 -4% 0 -3%;}
	#box-2 .box2 li{padding:5.5% 2.5%;width: 50%;}
	
	
}