#box-1 {padding-top: 100px;background: url(../img/about_box1_bj.png)no-repeat bottom 9% left -9%;background-size: 32.5%;padding-bottom: 0;}
#box-1 .box1 .left{width: 33%;}
#box-1 .box1 .right{width: 66%;}
#box-1 .box1 .desc{padding-top: 115px;}
#box-1 .box1 .desc p{font-size: 18px;color: #5C3819;font-weight: bold;line-height: 2;}
#box-1 .box1 .desc span{color: #CE3927;}
#box-1 .content_video{width:100%;position: relative;}
#box-1 .video_img{overflow: hidden;border-radius: 50px;}
#box-1 .content_video .video_img img{height: 100%;}
.video_btn{position: absolute;left: calc(50% - 42px);top:calc(50% - 42px);}
.video_btn img{width: 84px;cursor: pointer;transition: all .5s;}
.video_btn img:hover{transform: scale(0.9);}
.fix_video {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: none;}
.fix_video .fix_bg {background: rgba(0, 0, 0, .7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;}
.fix_video .fix_text {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;overflow: hidden;height: 100%;}
.fix_video .fix_text .video {width: 100%;max-width: 55%;margin: 0 auto;position: relative;margin-top: 50px;}
.fix_video .fix_text .video video {width: 100%;position: relative;z-index: 100;}
.fix_video i img{width: 45px;height: 45px;position: absolute;z-index: 999;cursor: pointer;top: -60px;right: -60px;filter: invert(1);}


.box-2_pub_title{margin-top: 135px;}
#box-2{padding-top: 65px;}
#box-2 .box1{position: relative;overflow: hidden;margin: 0 -42px;}
#box-2 .box1 li{padding: 0 42px;}
#box-2 .box1 li .title_img{width: 60%;max-width: 228px;margin:0 auto -50px auto;position: relative;z-index: 2;}
#box-2 .box1 li .title_img img{transform: scale(1)!important;}
#box-2 .box1 li .img_img{border: 3px solid rgba(47, 84, 43, 0.5);box-shadow: 0px 1px 12px 0px rgba(0,0,0,0.17);border-radius: 20px;overflow: hidden;}
#box-2 .box1 li .desc{margin-top: 23px;}
#box-2 .box1 li .desc p{font-size: 18px;color: #6A3906;font-weight: bold;text-align: center;}


#slide{margin-left: -7vw;}
#slide li{width: 70%;margin: 0 7vw;}
#box-2_bottom .textCenter{margin-top: 30px;}
#box-2_bottom .textCenter p{color: #5C3819;font-size: 16px;}


#box-3 {padding-top: 145px;}
#box-3 .block{align-items: flex-start;}
#box-3 .left{width: 17.5%;}
#box-3 .right{width: 81%;position: relative;overflow: hidden;}
#box-3 .box1{margin: 0 -23px;}
#box-3 .box1 li{padding: 23px;height: auto;}
#box-3 .box1 li>div{background: url(../img/about_box3_bj.jpg) repeat-y center center;background-size: auto;border-radius: 20px;border: 3px solid rgba(47, 84, 43, 0.3);box-shadow: 2px 0 18px rgba(4, 0, 0, 0.18);overflow: hidden;padding: 10px;-webkit-transform: translate3d(0, 0, 0);height: 100%;position: relative;}
#box-3 .box1 li>div::after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../img/about_box3_tb_bj.png)no-repeat bottom 20px right 40px;background-size: 35%;pointer-events: none;}
#box-3 .box1 .img{border-radius: 20px;overflow: hidden;}
#box-3 .box1 .content{padding:30px 25px 40px 25px;}
#box-3 .box1 .TextSpan{animation: none;color: #5C3819;font-size: 60px;line-height: 1.2;}
#box-3 .box1 .TextSpan:nth-child(1),#box-3 .box1 .TextSpan:nth-child(2){color: #2F542B;}
#box-3 .box1 .desc p{font-size: 18px;color: rgba(92, 56, 25, 0.9);font-weight: bold;}
#box-3 .swiper-pagination-progressbar{height: 4px;background: rgba(48, 84, 43, 0.1);}
#box-3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #2F542B;opacity: 1;border-radius: 0;margin: 0;}


#box-4{padding-top: 40px;}
#box-4 .box1{margin-top: 30px;}
#box-4 .box1 ul{justify-content: center}
#box-4 .box1 li{width: auto;cursor: pointer;margin:15px 23px;}
#box-4 .box1 li>div{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;}
#box-4 .box1 li.swiper-slide-thumb-active>div,#box-4 .box1 li:hover>div{background: #2F542B;color: #fff;border: 2px solid #2F542B;}

#box-4 .box2{margin-top: 60px;}
#box-4 .box2>ul>li{opacity: 0!important;transition: 0.5s;}
#box-4 .box2>ul>li.swiper-slide-active{opacity: 1!important;z-index: 2;}

#box-4 .box3{position: relative;overflow: hidden;margin: 0px -23%;padding-bottom: 50px;}
#box-4 .box3 li{padding: 0 2.3%;}
#box-4 .box3 li>div{transform: scale(0.80);transform-origin: center;transition: 0.5s;}
#box-4 .box3 li.swiper-slide-next>div{transform: scale(1);}
#box-4 .box3 .img{border: 3px solid rgba(47, 84, 43, 0.8);box-shadow: 0px 1px 12px 0px rgba(0,0,0,0.17);border-radius: 20px;overflow: hidden;}
#box-4 .box3 .img img{width: 100%;}
#box-4 .swiper-button-prev,#box-4 .swiper-button-next{top:42%;height: 30px;}
#box-4 .swiper-button-prev {left:30.5%;}
#box-4 .swiper-button-next{right:30.5%;}



@media (min-width: 1500px){
	#box-3 .right{width: calc(81% + 19vw);margin-right: -19vw;}
	#box-2_bottom .textCenter{padding-right: 90px;}
}
@media (min-width: 850px){
	#box-3 .block .pub_title{writing-mode: vertical-lr;display: inline-block;margin-left: -7px;margin-top: 13px;}
	#box-3 .block .pub_title .TextSpan{-webkit-animation-name:fadeUp;animation-name:fadeUp;}
	#box-3 .block .pub_title .title span{margin-top: 0;letter-spacing: -30px;line-height: 0.5;}
	#box-3 .block .pub_title .ftitle p{padding-top: 18px;}
	#box-3 .block .pub_title .title span:nth-child(3)::after{opacity: 1;top: -25%;}
	
	
}
@media (min-width:1199px) and (max-width:1500px){
	#box-1 {background-position:bottom 5% left -9%;background-size: 37%;}
	#box-1 .box1 .right {width: 64%;}
	#box-2 .box1{margin: 0 -35px;}
	#box-2 .box1 li{padding: 0 35px;}
	#box-2 .box1 li .title_img { margin: 0 auto -40px auto;}
	
	#box-3 .right{width: calc(81% + 13vw);margin-right: -13vw;}
	
}
@media (min-width:767px) and (max-width:1199px){
	#box-1 {padding-top: 80px;background-position:bottom 5% left -9%;background-size: 40%;}
	#box-1 .box1 .right {width: 62%;}
	#box-1 .box1 .desc {padding-top: 50px;}
	#box-1 .box1 .desc p{font-size: 16px;}
	#box-1 .video_img {border-radius: 40px;}
	#box-1 .fix_video .fix_text .video {max-width: 77%;margin-top: 5px;}
	.video_btn {left: calc(50% - 35px);top: calc(50% - 35px);}
	.video_btn img {width: 70px;}
	
	.box-2_pub_title { margin-top: 90px;}
	#box-2 {padding-top: 50px;}
	#box-2 .box1{margin: 0 -25px;}
	#box-2 .box1 li{padding: 0 25px;}
	#box-2 .box1 li .title_img { margin: 0 auto -35px auto;}
	#box-2 .box1 li .desc p {font-size: 15px;}
	
	#slide li{width: 85%;}
	#box-2_bottom .textCenter p{font-size: 15px;}
	
	#box-3 {padding-top: 110px;}
	#box-3 .block .pub_title{margin-top: 15px;}
	#box-3 .block .pub_title .title{margin-top: -10px;}
	#box-3 .block .pub_title .title span {letter-spacing: -30px;}
	#box-3 .block .pub_title .ftitle p {padding-top: 3px;}
	#box-3 .right{width: calc(81% + 16vw);margin-right: -16vw;}
	#box-3 .box1{margin:0 -15px;}
	#box-3 .box1 li{padding: 15px;height: auto;}
	#box-3 .box1 .content{padding: 30px 15px 30px 15px;}
	#box-3 .box1 .TextSpan{font-size: 48px;}
	#box-3 .box1 .desc p {font-size: 15px;}
	#box-3 .swiper-pagination-progressbar{height: 3px;}
	
	#box-4 {padding-top: 20px;}
	#box-4 .box1 li{margin:15px 18px;}
	#box-4 .box1 li>div{font-size: 20px;padding: 13px 38px;border-radius: 10px;}
	#box-4 .box2 {margin-top: 50px;}
	#box-4 .box3{margin: 0px -33%;padding-bottom: 10px;}
	#box-4 .box3 li{padding: 0 2.1%;}
	#box-4 .box3 .img{border-radius: 15px;}
	
}
@media (min-width:767px) and (max-width:850px){
	#box-3 .pub_title .title span::after {left: 63%;}
}
@media (max-width: 850px){
	#box-1 .box1 .left {width: 40%;}
	#box-1 .box1 .right {width: 57%;}
	#box-1 .box1 .desc {padding-top: 40px;}
	#box-1 .box1 .desc p {font-size: 14px;}
	#box-1 .video_img {border-radius: 20px;}
	
	#box-3 .pub_title.SJBlock{display: block!important;text-align: center;}
	#box-3 .left{display: none;}
	#box-3 .right {width: calc(100% + 20px);margin: 0 -10px;}
	#box-3 .box1 {margin: 40px -15px 0 -15px;padding: 0 10px;}
	#box-3 .box1 li>div{box-shadow: 2px 0 8px rgba(4, 0, 0, 0.18);}
	
	#box-4 .box2 {margin-top: 15px;}
	#box-4 .box3{margin: 40px 20px 0 20px;padding-bottom: 50px;}
	#box-4 .box3 li{padding: 0 15px;}
	#box-4 .box3 li>div{transform: scale(1);}
	#box-4 .swiper-button-prev,#box-4 .swiper-button-next{display: none;}
	
}
@media (max-width: 767px){
	#box-1 {padding-top: 60px;background-position:top 28% right 0;background-size: 53%;}
	#box-1 .box1 *{text-align: left;}
	#box-1 .box1 .left,#box-1 .box1 .right{width: 100%;}
	#box-1 .box1 .desc p {font-size: 15px;}
	#box-1 .box1 .right{margin-top: 50px;}
	#box-1 .box2 .video_img {border-radius: 15px;}
	#box-1 .box2 .video_img img{min-height: 330px;}
	.video_btn {left: calc(50% - 29px);top: calc(50% - 29px);}
	.video_btn img {width: 58px;}
	.fix_video .fix_text .video {max-width: 88%;margin-top: -80px;}
	.fix_video i img{top: auto;bottom: -80px;left: calc(50% - 22px);}
	
	.box-2_pub_title { margin-top: 75px;}
	#box-2 {padding-top: 45px;}
	#box-2 .box1{margin: 0 -15px;}
	#box-2 .box1 li{padding: 0 15px;}
	#box-2 .box1 li .title_img {width: 58%;margin: 0 auto -40px auto;max-width: 213px;}
	#box-2 .box1 li .desc p {font-size: 15px;}
	
	#slide li{width: 140%;}
	#box-2_bottom .textCenter{margin-top: 20px;}
	#box-2_bottom .textCenter p{font-size: 12px;}
	
	#box-3 {padding-top: 60px;}
	#box-3 .pub_title .span2 span:nth-child(2)::after {margin-left: 1px;margin-top: -2px;}
	#box-3 .box1{margin-top: 30px;}
	#box-3 .box1 ul{flex-wrap: wrap;}
	#box-3 .box1 li{padding:15px;}
	#box-3 .box1 li>div,#box-3 .box1 .img{border-radius: 15px;}
	#box-3 .box1 li>div::after{background-position: bottom 28px right 40px;}
	#box-3 .box1 .content{padding: 30px 15px 20px 15px;}
	#box-3 .box1 .TextSpan{font-size: 46px;}
	#box-3 .box1 .desc p {font-size: 15px;}
	#box-3 .swiper-pagination{display: none;}
	
	#box-4{padding-top: 10px;}
	#box-4 .box2 {margin-top: 10px;}
	#box-4 .box1 li{margin: 10px 15px;}
	#box-4 .box1 li>div{font-size: 16px;padding: 10px 28px;border-radius: 6px;}
	#box-4 .box3{margin: 30px 10px 0 10px;padding-bottom: 10px;}
	#box-4 .box3 li{padding: 0 10px;}
	#box-4 .box3 .img{border-radius: 15px;border-width: 2px;}
}