footer{background-color: #F5F5F5;}

#box-1 .desc{margin:50px auto 0 auto;max-width: 972px;width: 90%;}
#box-1 .desc p{font-size: 18px;color: #333;line-height: 2;padding: 5px 0;}
#box-1 .box1{position: relative;margin-top: 80px;}
#box-1 .box1 ul{display: flex;}
#box-1 .box1 ul li:nth-child(1){margin-top: 17%;}
#box-1 .box1 ul li:nth-child(2){margin-left: -1%;margin-right: 1%;animation-delay: 0.2s;}
#box-1 .box1 ul li:nth-child(3){margin-left: 1%;margin-right: -10%;margin-top: 17.8%;animation-delay: 0.4s;}
#box-1 .box1 ul li:nth-child(4){margin-left: -2.5%;margin-top: 1.8%;animation-delay: 0.6s;}
#box-1 .box1 ul li .img{transition: 0.5s;}
#box-1 .box1 ul li .img:hover{transform: scale(0.95);}
#box-1 .box1 .xian{background: url(../img/about_box1_xian.png)no-repeat center center;background-size: contain;width: 80%;height: 100%;position: absolute;left: 10%;top: 2.5%;z-index: -1;animation-delay: 1s;}

#box-2 {padding: 40px 0 0 0;}
#box-2 .box1{display: flex;flex-wrap: wrap;}
#box-2 .box1 .left{background: #E5002D;width: 50%;padding: 90px 0 78px 0;display: flex;align-items: center;}
#box-2 .box1 .left .img{width: 60.5%;margin: auto;}
#box-2 .box1 .right{width: 50%;display: flex;align-items: center;padding: 60px 0 50px 0;}
#box-2 .box1 .right>div{width: 71%;max-width: 550px;margin-left: 14.3%;}
#box-2 .box1 .xian{width: 44px;height: 4px;background: #E5002D;border-radius: 2px;}
#box-2 .box1 .title{font-size: 48px;color: #E5002D;margin: 25px 0 10px 0;}
#box-2 .box1 .ftitle{font-size: 24px;color: #E5002D;}
#box-2 .box1 .desc{margin-top: 80px;}
#box-2 .box1 .desc p{font-size: 18px;color: #333;line-height: 2.43;}
#box-2 .box2 ul{display: flex;flex-wrap: wrap;}
#box-2 .box2 li{width: 16.666%;font-size: 0;}
#box-2 .box2 li .img{overflow: hidden;height: 100%;}
#box-2 .box2 li .img img{height: 100%;}

#box-3{background: #F5F5F5;}
#box-3 .box1,#box-3 .box2{position: relative;overflow: hidden;}
#box-3 .box1{padding-top: 55px;margin: 50px -6px 0 -6px;}
#box-3 .box1 li{height: auto;padding: 0 6px;}
#box-3 .box1 li>div{border-radius: 20px;background: #fff;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);height: 100%;transition:transform 0.5s;}
#box-3 .box1 li .img{position: relative;padding-top: 73%;}
#box-3 .box1 li .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
#box-3 .box1 .content{padding: 23px 30px 27px 30px;}
#box-3 .box1 .content p{font-size: 18px;color: #333;padding: 2px 0;line-height: 1.35;}
#box-3 .box1 .content p::before{content: '·';color: #E5002D;font-size: 22px;padding-right: 4px;}
#box-3 .box1 .swiper-slide-active>div,#box-3 .box1 li>div:hover{transform: translateY(-30px);box-shadow: 0px -3px 8px 0px rgba(229, 0, 45, 0.25);background: #E5002D;}
#box-3 .box1 .swiper-slide-active>div *,#box-3 .box1 .swiper-slide-active .content p::before,#box-3 .box1 li>div:hover *,#box-3 .box1 li>div:hover .content p::before{color: #fff;}

#box-3 .block{position: relative;margin-top: 75px;}
#box-3 .box2{padding-top:20px;margin: 0 80px;}
#box-3 .box2::after{content:'';width:97%;height:2px;background:#E5002D;position:absolute;top:17px;left: 1.5%;}
#box-3 .box2 li::after{content:'';width: 17px;height: 17px;background: #fff;border-radius: 50%;position:absolute;top:-10px;left: 48%;z-index:2;transition: 0.5s;border: 3px solid #E5002D;}
#box-3 .box2 li.swiper-slide-thumb-active::after,#box-3 .box2 li:hover::after{background: #E5002D;}
#box-3 .box2 li .title{text-align: center;color:#E5002D;font-size: 30px;padding-top: 15px;cursor: pointer;line-height: 1.3;}
#box-3 .swiper-button-prev, #box-3 .swiper-button-next{top: 0;}
#box-3 .swiper-button-prev{left: 0;}
#box-3 .swiper-button-next{right: 0;}


#box-4{background: #E5002D;}
#box-4 .pub_title .title p{color: #fff;}
#box-4 .box1{position: relative;overflow: hidden;margin: 70px -20px 0 -20px;}
#box-4 li{height: auto;padding:0 20px;}
#box-4 li>div{background: #FAFAFA;height: 100%;text-align: center;border-radius: 20px;overflow: hidden;padding: 50px 20px 70px 20px;}
#box-4 li .img{width: 80px;margin: auto;}
#box-4 li .img img{transition: 0.5s;}
#box-4 li>div:hover .img img{transform: scale(1.1);}
#box-4 li .title{font-size: 30px;color: #E5002D;padding: 20px 0 10px 0;}
#box-4 li .desc p{font-size: 24px;color: #333;}
#box-4 .swiper-pagination{margin-top: 50px;}
#box-4 .swiper-pagination span {background: url(../img/lunbodianB.png) no-repeat bottom center;background-size: contain;}

#box-5{background: #F5F5F5;padding-bottom: 45px;}
#box-5 .box1{margin-top: 18px;}

#box-6 .block{position: relative;}
#box-6 .box1{margin: 85px 6% 0 -6%;padding-top: 4%;}
#box-6 .box1 li>div{transform: scale(0.85);transform-origin: left bottom;filter: blur(4px);transition: 0.5s;}
#box-6 .box1 li.swiper-slide-active~li>div{transform-origin: right bottom;}
#box-6 .box1 li.swiper-slide-active{margin: 0 6%;}
#box-6 .box1 li.swiper-slide-active>div{transform: scale(1.37);transform-origin: center bottom;filter: blur(0px);}
#box-6 .swiper-pagination{margin-top: 40px;}
#box-6 .swiper-button-prev-6{pointer-events: inherit!important;opacity: 1;left: 30.5%;cursor: pointer;}
#box-6 .swiper-button-next-6{pointer-events: inherit!important;opacity: 1;right: 30.5%;cursor: pointer;}

#box-7{background: #F5F5F5;}
#box-7 .box1{text-align: center;width: 65%;max-width: 835px;margin: 70px auto 0 auto;position: relative;}
#box-7 .box1::after{content:'';width: 98%;height: 2px;position: absolute;bottom: 0;left: 1%;background: url(../img/about_box7_xian.png)no-repeat center center;background-size: contain;}
#box-7 .box1 ul{justify-content: space-between;}
#box-7 .box1 li{width: auto;max-width: 33.3%;padding-bottom: 20px;position: relative;}
#box-7 .box1 li>div{opacity: 0.1;transition: 0.5s;cursor: pointer;}
#box-7 .box1 li>div:hover{opacity: 1;}
#box-7 .box1 .num{font-size: 162px;color: #E5002D;line-height: 1;opacity: 0.13;letter-spacing: -5px;}
#box-7 .box1 .content{width: 100%;height: 100%;position: absolute;top: 0px;left: 0;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;}
#box-7 .box1 .img{width: 70px;margin: auto;}
#box-7 .box1 .title{font-size: 24px;color: #333;width: 100%;padding-top: 3px;}
#box-7 .box1 li::after{content: '';width: 90%;height: 100%;position: absolute;bottom: -8px;left: 5%;background: url(../img/about_box7_xz.png) no-repeat center bottom;background-size: contain;pointer-events: none;opacity: 0;transition: 0.5s;}
#box-7 .box1 li.swiper-slide-thumb-active>div,#box-7 .box1 li.swiper-slide-thumb-active::after{opacity: 1;}

#box-7 .box2{margin-top: 60px;}
#box-7 .box2>ul>li{opacity: 0!important;transition: 0.5s;}
#box-7 .box2>ul>li.swiper-slide-active{opacity: 1!important;z-index: 2;}
#box-7 .box2 li>div{border-radius: 30px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);background: #fff;justify-content: space-between;display: flex;flex-wrap: wrap;}
#box-7 .box2 li .content{width: 48.5%;padding:95px 70px;}
#box-7 .box2 li .title{font-size: 36px;color: #333;}
#box-7 .box2 li .xian{width: 40px;height: 3px;background: #E5002D;border-radius: 2px;margin: 8px 0 65px 0;}
#box-7 .box2 li .desc{text-align: justify;height: 255px;overflow-y: auto;padding-right: 35px;margin-right: 20px;}
#box-7 .box2 li .desc p{font-size: 16px;line-height: 1.8;}
#box-7 .box2 li .desc p:not(:last-child){padding-bottom: 32px;}
#box-7 .box2 li .desc::-webkit-scrollbar {width : 3px;  height: 1px;}
#box-7 .box2 li .desc::-webkit-scrollbar-thumb,#box-7 .box2 li .desc::-webkit-scrollbar-thumb:hover,#box-7 .box2 li .desc::-webkit-scrollbar-thumb:active {background: #E5002D!important;}
#box-7 .box2 li .desc::-webkit-scrollbar-track {background: rgba(229, 0, 45, 0.1)!important;}
#box-7 .box2 li .img{width: 51.5%;overflow: hidden;}
#box-7 .box2 li .img img{height: 100%;}

@media (min-width:1500px){
	#box-7 .box2{margin-right: -3.5%;}
}
@media (min-width:1199px){
	#box-3,#box-4,#box-7{padding-bottom: 80px;}
	#box-6{padding-bottom: 100px;}
}
@media (max-width:1500px){
	#box-2 .box1 .right{justify-content: center;}
	#box-2 .box1 .right>div{width: calc(100% - 80px);margin-left: 0px;}
	
}
@media (min-width:1199px) and (max-width:1500px){
	#box-2 .box1 .title{font-size: 42px;}
	#box-2 .box1 .desc {margin-top: 60px;}
	#box-3 .box1 {padding-top: 45px;}
	#box-3 .swiper-button-prev, #box-3 .swiper-button-next {top: 15%;}
	#box-7 .box2 li .content {padding: 85px 65px;}
	#box-7 .box2 li .desc{margin-right: 10px;}
}
@media (min-width:767px) and (max-width:1199px){
	#box-1 .desc p{font-size: 16px;}
	#box-1 .box1{margin-top: 60px;}
	#box-2{padding-top: 20px;}
	#box-2 .box1 .xian {width: 35px;height: 3px;}
	#box-2 .box1 .title{font-size: 38px;}
	#box-2 .box1 .ftitle {font-size: 19px;}
	#box-2 .box1 .desc {margin-top: 40px;}
	#box-2 .box1 .desc p {font-size: 15px;line-height: 2.3;}
	#box-3 .box1 {padding-top: 40px;}
	#box-3 .box1 li>div {border-radius: 15px;}
	#box-3 .box1 .content {padding: 20px;}
	#box-3 .box1 .content p {font-size: 15px;}
	#box-3 .box1 .content p::before {font-size: 17px;}
	#box-3 .block {margin-top: 65px;}
	#box-3 .box2 {margin: 0 60px;}
	#box-3 .box2 li .title{font-size: 26px;}
	#box-3 .swiper-button-prev, #box-3 .swiper-button-next {top: 17%;}
	#box-4 .box1 {margin: 60px -13px 0 -13px;}
	#box-4 li {padding: 0 13px;}
	#box-4 li>div{padding: 40px 15px 50px 15px;}
	#box-4 li .img{width: 73px;}
	#box-4 li .title{font-size: 24px;padding: 15px 0 8px 0;}
	#box-4 li .desc p {font-size: 18px;}
	#box-6 .box1{margin: 60px 3% 0 -9%;}
	#box-6 .swiper-button-prev-6{left: 29.5%;}
	#box-6 .swiper-button-next-6{right: 29%;}
	#box-7 .box1{margin-top: 40px;}
	#box-7 .box1 .num {font-size: 126px;}
	#box-7 .box1 .img {width: 56px;}
	#box-7 .box1 .title {font-size: 18px;}
	#box-7 .box1 li::after{bottom: -6px;}
	#box-7 .box2 li>div {border-radius: 25px;}
	#box-7 .box2 li .content {padding: 55px 45px;}
	#box-7 .box2 li .title {font-size: 32px;}
	#box-7 .box2 li .xian {margin: 8px 0 40px 0;width: 37px;}
	#box-7 .box2 li .desc{margin-right: 0px;padding-right: 25px;}
	#box-7 .box2 li .desc p {font-size: 15px;line-height: 1.7;}
	#box-7 .box2 li .desc p:not(:last-child) {padding-bottom: 28px;}
}
@media (max-width:850px){
	#box-2 .box2 li{width: 25%;}
	#box-4 .box1 {margin: 55px -9px 0 -9px;}
	#box-4 li {padding: 0 9px;}
	#box-4 li>div{padding: 30px 15px 35px 15px;}
	#box-4 li .img{width: 68px;}
	#box-4 li .title{font-size: 20px;padding: 13px 0 5px 0;}
	#box-4 li .desc p {font-size: 16px;}
	#box-6 .box1 {margin: 75px -15% 0 -35%;}
	#box-6 .swiper-button-prev-6{left: 20%;}
	#box-6 .swiper-button-next-6{right: 22%;}
	#box-7 .box1{width: 80%;}
}
@media (max-width:767px){
	#box-1 .desc{width: 100%;margin-top: 35px;text-align: justify;}
	#box-1 .desc p{font-size: 15px;line-height: 1.8;}
	#box-1 .box1{margin-top: 40px;}
	#box-2{padding-top: 0px;}
	#box-2 .box1 .left,#box-2 .box1 .right{width: 100%;}
	#box-2 .box1 .left{padding: 40px 0;}
	#box-2 .box1 .right>div{width: calc(100% - 40px);margin-left: 0px;}
	#box-2 .box1 .xian {width: 30px;height: 3px;}
	#box-2 .box1 .title{font-size: 28px;}
	#box-2 .box1 .ftitle {font-size: 17px;}
	#box-2 .box1 .desc {margin-top: 40px;}
	#box-2 .box1 .desc p {font-size: 15px;line-height: 2.2;}
	#box-3{background: #fff;}
	#box-3 .box1{padding-top: 0;margin-top: 45px;}
	#box-3 .box1 li>div{background: #E5002D;}
	#box-3 .box1 .swiper-slide-active>div{transform: none;}
	#box-3 .box1 .content {padding: 20px;}
	#box-3 .box1 .content p {font-size: 16px;color: #fff;}
	#box-3 .box1 .content p::before {font-size: 18px;color: #fff;}
	#box-3 .block{margin-top: 45px;}
	#box-3 .box2 {margin: 0 40px;}
	#box-3 .box2 li::after{width: 10px;height: 10px;border-width: 2px;top: -7px;}
	#box-3 .box2 li .title{font-size: 18px;padding-top: 10px;}
	#box-3 .swiper-button-prev, #box-3 .swiper-button-next {top: 45%;}
	#box-4 .box1 {margin: 40px -7px 0 -7px;}
	#box-4 li {padding: 0 7px;}
	#box-4 li>div{padding: 28px 5px 33px 5px;border-radius: 15px;}
	#box-4 li .img{width: 55px;}
	#box-4 li .title{font-size: 18px;padding: 10px 0 5px 0;}
	#box-4 li .desc p {font-size: 14px;}
	#box-4 .swiper-pagination {margin-top: 40px;margin-bottom: -10px;}
	#box-6 .box1{margin: 45px 0 0 0;padding-top: 0;}
	#box-6 .box1 li{margin: 0px!important;}
	#box-6 .box1 li>div{transform: none!important;filter: none!important;padding: 0 20px;}
	#box-6 .swiper-button-prev-6,#box-6 .swiper-button-next-6{display: none;}
	#box-7 .box1{margin-top: 30px;width: 92%;}
	#box-7 .box1 .num {font-size: 88px;}
	#box-7 .box1 .img {width: 46px;}
	#box-7 .box1 .title {font-size: 13px;}
	#box-7 .box1 li::after{bottom: -4px;width: 94%;left: 3%;}
	#box-7 .box2 {margin-top: 50px;}
	#box-7 .box2 li>div {border-radius: 20px;}
	#box-7 .box2 li .content {padding: 35px 30px;width: 100%;}
	#box-7 .box2 li .title {font-size: 26px;}
	#box-7 .box2 li .xian {margin: 8px 0 30px 0;width: 33px;height: 2px;}
	#box-7 .box2 li .desc{margin-right: -10px;padding-right: 15px;height: 130px;}
	#box-7 .box2 li .desc p {font-size: 15px;line-height: 1.7;}
	#box-7 .box2 li .desc p:not(:last-child) {padding-bottom: 25px;}
	#box-7 .box2 li .desc::-webkit-scrollbar{width: 2px;}
	#box-7 .box2 li .img{width: 100%;}
}