/*banner*/
#banner{height: 100vh;overflow: hidden;width: 100%;position: relative;}
#banner ul{height: 100%;}
#banner li{position: relative;}
#banner li .bannerimg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#banner li .bannerimg img{width: 100%;height: 100%;object-fit: cover;}
#banner li .content{height: 100%;width: 100%;position: absolute;top: 0;align-content: center;}
#banner li .content .img{width: 61%;margin-top: 30px;}
#banner li.swiper-slide-active .bannerimg{animation: banner_bj 4s forwards cubic-bezier(.23,1,.32,1);}
#banner li.swiper-slide-active .content .img{animation: banner_text 4s forwards cubic-bezier(.23,1,.32,1);}
#banner .swiper-pagination {width: 100%;position: absolute;bottom: 65px;margin: 0;}

#box-1 {padding-top: 195px;padding-bottom: 0;}
#box-1 .left{width: 44%;padding-top: 20px;}
#box-1 .title{margin: 0;width: 19.5vw;max-width: 320px;}
#box-1 .ftitle{margin-top: 20px;}
#box-1 .ftitle p{font-size: 36px;color: #921D22;font-weight: bold;line-height: 1.4;letter-spacing: 1px;}
#box-1 .desc{color: #383838;font-size: 18px;text-align: justify;margin-top: 10px;line-height: 1.65;}
#box-1 .desc p{padding: 5px 0;}
#box-1 .desc span{color: #921D22;}
#box-1 .pub_btn{margin-top: 25px;}
#box-1 .right{width: 48.5%;padding:0 1.3%;}
#box-1 #slide{margin-left: -4.5vw;margin-top: 130px;}
#box-1 #slide li{width: 38%;margin: 0 4.5vw;}

#box-2 {padding-bottom: 20px;}
#box-2 .title_box{width: 37%;max-width: 522px;margin:0px auto -5.2% auto;z-index: 2;position: relative;}
#box-2 .box1{position: relative;padding: 9.35% 75px 80px 75px;}
#box-2 .box1::before{content:'';width: 50%;height: 100%;background: url(../img/inde_box2_bjL.png) no-repeat left center;background-size: cover;position: absolute;left: 0;top: 0;pointer-events: none;}
#box-2 .box1::after{content:'';width: 50%;height: 100%;background: url(../img/inde_box2_bjR.png) no-repeat right center;background-size: cover;position: absolute;right: 0;top: 0;pointer-events: none;}
#box-2 .box1 .left{width: 49%;}
#box-2 .box1 .right{width: 43%;padding-bottom: 3%;}
#box-2 .box1 .right .title{width: 42.5%;}
#box-2 .box1 .right .ftitle{font-size: 46px;color: #2D2675;font-weight: bold;border-bottom: 5px solid #2D2675;display: inline-block;padding: 7px 15px 16px 0px;}
#box-2 .box1 .right .desc{margin-top: 38px;}
#box-2 .box1 .right .desc p{font-size: 23px;color: #921D22;padding: 6px 0 6px 25px;position: relative;}
#box-2 .box1 .right .desc p::after{content: '';width: 16px;height: 18px;background: url(../img/inde_box2_tb.png) center center / contain no-repeat;position: absolute;left: 0;top: 14px;}

#box-3 .box1{margin-top: 98px;}
#box-3 .box1 .left{width: 54.5%;margin-left: -15%;}
#box-3 .box1 .right{width: 61.5%;margin:-50px;}
#box-3 .box1 .right ul{display: flex;flex-wrap: wrap;}
#box-3 .box1 .right li{width: 50%;padding:50px;}
#box-3 .box1 .right .title{width: 53%;margin: auto;max-width: 185px;}
#box-3 .box1 .right .desc{margin-top: 10px;}
#box-3 .box1 .right .desc p{font-size: 18px;color: #921D22;text-align: center;line-height: 1.35;}

#box-4{background: url(../img/index_box4_bj.jpg) top center / cover no-repeat;padding-top: 150px;padding-bottom: 180px;}
#box-4 .box1 {position: relative;margin-top: 85px;}
#box-4 .pub_btn{margin-top: 50px;}
#box-4 .pub_btn a{margin: auto;}

#box-5{background: url(../img/index_box5_bj.png) top center / cover no-repeat;padding-top: 200px;margin-top: -120px;padding-bottom: 245px;}
#box-5 .box1{position: relative;overflow: hidden;margin: 100px -70px 0 -70px;}
#box-5 .box1 li>div{padding: 0 70px;}
#box-5 .box1 .tb{width: 34%;margin: auto;max-width: 130px;}
#box-5 .box1 .tb img{transition: 0.5s;}
#box-5 .box1 li>div:hover .tb img{transform: rotateY(180deg);}
#box-5 .box1 .title{width: 80%;margin:53px auto 30px auto;max-width: 295px;}
#box-5 .box1 .desc p{font-size: 18px;color: #F3E9DA;text-align: center;line-height: 1.35;}

#box-6{background: url(../img/pub_bj2.png) top center / cover no-repeat;margin-top: -100px;padding-top: 190px;}
#box-6 .ftitle{font-size: 24px;color: #921D22;text-align: center;font-weight: bold;margin-top: 10px;}
#box-6 .box1{margin-top: 78px;}
#box-6 .box1 .left{width: 40.5%;}
#box-6 .box1 .left li{padding: 31px 0;}
#box-6 .box1 .item_content{position: relative;padding:25px 28px;opacity: 0.5;transition: 0.5s;}
#box-6 .box1 .item_content::before{content:'';width: 50%;height: 100%;background: url(../img/inde_box6_kuang.png) no-repeat left center;background-size: cover;position: absolute;left: 0;top: 0;pointer-events: none;}
#box-6 .box1 .item_content::after{content:'';width: 50%;height: 100%;background: url(../img/inde_box6_kuang.png) no-repeat right center;background-size: cover;position: absolute;right: 0;top: 0;pointer-events: none;}
#box-6 .box1 .item_content .title{width: 63%;}
#box-6 .box1 .item_content .desc{margin-top: 5px;}
#box-6 .box1 .item_content .desc p{font-size: 24px;color: #921D22;}
#box-6 .box1 .item_content .tb{position: absolute;top: 20px;right: 30px;width: 15%;}
#box-6 .box1 .item_content .logo{position: absolute;top: 37%;right: -4.5%;width: 9.5%;z-index: 2;}
#box-6 .box1 li>.item_content.on{opacity: 1;transform: translateX(25px);}
#box-6 .box1 .right{width: 50.5%;position: relative;overflow: hidden;}
#box-6 .box1 .right .img{border-radius: 10px;overflow: hidden;}

#box-7 {padding-top: 85px;}
#box-7 .box1 {display: flex;justify-content: space-between;flex-wrap: wrap;}
#box-7 .box1 .left{width: 48.3%;}
#box-7 .box1 .img_img{padding-left: 22px;background: url(../img/index_box7_left_bj.png) top right 6% / 73% no-repeat;margin-top: 50px;}
#box-7 .box1 .img_img .img{animation: tb 1.5s infinite ease-in-out;}
#box-7 .box1 .right{width: 46.7%;}
#box-7 .box1 .right .content{padding: 0 5px;}
#box-7 .box1 .right .desc{margin-right: -45px;margin-top: -8px;}
#box-7 .box1 .right .desc p{font-size: 24px;color: #921D22;font-weight: bold;letter-spacing: 1px;line-height: 1.45;}
#box-7 .box1 .right .ftitle{margin-top: -10px;}
#box-7 .box1 .img_box{background: #921D22;border-radius: 10px;padding: 13px 13px 8px 13px;margin-top: -15px;}
#box-7 .box1 .img_box>div{position: relative;overflow: hidden;}
#box-7 .swiper-pagination{padding: 0;margin: 8px 0 0 0;bottom: 0;}
#box-7 .swiper-pagination span{width: 10px;height: 10px;margin:0 4px!important;}

#box-8{padding: 50px 0 153px 0;}
#news{margin-top: 55px;}
#news .box1 ul {flex-wrap: nowrap!important;}
#box-8 .pub_btn{margin-top: 50px;}
#box-8 .pub_btn a{margin: auto;}


@media (min-width: 1500px){
	#news .box1 {margin: 0 -45px;}
	#news .box1 li{padding:0 45px;}
}
@media (min-width: 850px){
	#box-4 .box1 ul{flex-wrap: wrap;justify-content: space-between;}
	#box-4 .box1 li{width: 33.3333%;}
	#box-4 .box1 li>div{width: 58%;}
	#box-4 .box1 li:nth-child(4),#box-4 .box1 li:nth-child(5),#box-4 .box1 li:nth-child(6){margin-top: -125px;}
	#box-4 .box1 li:nth-child(2)>div,#box-4 .box1 li:nth-child(5)>div{margin: auto;}
	#box-4 .box1 li:nth-child(3)>div,#box-4 .box1 li:nth-child(6)>div{margin-left: auto;}
	#box-4 .box1 li:nth-child(1)>div{width: 61%;transform: rotate(-15deg) translate(54.5%,35px);}
	#box-4 .box1 li:nth-child(2)>div{width: 56%;transform: rotate(0deg) translate(35%,0px);}
	#box-4 .box1 li:nth-child(3)>div{transform: rotate(-9.3deg) translate(-10%,0px);}
	#box-4 .box1 li:nth-child(4)>div{transform: rotate(4.8deg) translate(20px,0px);}
	#box-4 .box1 li:nth-child(5)>div{width: 55%;transform: rotate(10.4deg) translate(-53.5%,5px);}
	#box-4 .box1 li:nth-child(6)>div{transform: rotate(-15deg) translate(-77%,-70px);}
	
}
@media (min-width: 1199px) and (max-width: 1500px){
	#box-1 {padding-top: 150px;}
	#box-1 .left{width: 48%;}
	#box-1 .ftitle p {font-size: 30px;}
	#box-1 #slide{margin-top: 100px;}
	#box-2 .box1 .right {width: 44%;padding-bottom: 0%;}
	#box-2 .box1 .right .title {width: 40.5%;}
	#box-2 .box1 .right .ftitle {font-size: 40px;padding: 14px 12px 15px 0px;}
	#box-3 .box1 .left {width: 51%;margin-left: -8%;}
	#box-3 .box1 .right{width: 56%;margin:-35px;}
	#box-3 .box1 .right li{padding:35px;}
	#box-3 .box1 .right .desc p {font-size: 16px;}
	#box-5{padding-bottom: 230px;}
	#box-5 .box1{margin: 100px -50px 0 -50px;}
	#box-5 .box1 li>div{padding: 0 50px;}
	#box-6{padding-top: 175px;}
	#box-6 .box1 .left li {padding: 28px 0;}
	#box-6 .box1 .left {width: 41.5%;}
	#box-6 .box1 .item_content .title {width: 60%;}
	#box-6 .box1 .item_content .desc p {font-size: 21px;}
	#box-6 .box1 .item_content .logo{right: -5.5%;width: 11.5%;}
	#box-7 {padding-top: 60px;}
	#box-7 .box1 .right .desc {margin-right: -15px;margin-top: -3px;}
	#box-7 .box1 .right .desc p {font-size: 23px;letter-spacing: 0px;}
	#box-7 .box1 .img_box{margin-top: -10px;}
	#box-8{padding: 30px 0 133px 0;}
}
@media (min-width: 1199px) and (max-width: 1380px){
	#box-2 .box1 .right .ftitle {font-size: 36px;}
	#box-2 .box1 .right .desc{margin-top: 35px;}
	#box-2 .box1 .right .desc p {font-size: 19px;padding-left: 23px;}
	#box-2 .box1 .right .desc p::after {width: 14px;top: 10px;}
	#box-3 .box1 .right{margin:-25px;}
	#box-3 .box1 .right li{padding:25px;}
}
@media (min-width: 768px) and (max-width: 1199px){
	#banner{height: 750px;}
	#banner li .content .img {width: 58%;margin-top: 15px;}
	
	#box-1 {padding-top: 100px;}
	#box-1 .left{width: 48%;}
	#box-1 .ftitle p {font-size: 24px;letter-spacing: 0px;}
	#box-1 .desc {font-size: 15px;}
	#box-1 .right{padding: 0;width: 48%;}
	#box-1 #slide{margin-top: 65px;margin-left: -4vw;}
	#box-1 #slide li{width: 41%;margin: 0 4vw;}
	
	#box-2 .box1 {padding: 9.35% 60px 70px 60px;}
	#box-2 .box1 .right {padding-bottom: 0%;}
	#box-2 .box1 .right .title {width: 38.5%;}
	#box-2 .box1 .right .ftitle {font-size: 28px;border-width: 3px;padding: 11px 10px 12px 0px;}
	#box-2 .box1 .right .desc{margin-top: 30px;}
	#box-2 .box1 .right .desc p {font-size: 15px;padding-left: 18px;}
	#box-2 .box1 .right .desc p::after {width: 11px;top: 8px;}
	
	#box-3 .box1 {margin-top: 80px;}
	#box-3 .box1 .left {width: 56%;margin-left: -13%;}
	#box-3 .box1 .right{width: 55%;margin:-18px -15px;}
	#box-3 .box1 .right li{padding:18px 15px;}
	#box-3 .box1 .right .desc p {font-size: 14px;}
	
	#box-4{padding-top: 125px;padding-bottom: 115px;}
	#box-4 .box1 li:nth-child(4),#box-4 .box1 li:nth-child(5),#box-4 .box1 li:nth-child(6){margin-top: -90px;}
	
	#box-5{padding-bottom: 200px;padding-top: 155px;margin-top: -90px;}
	#box-5 .box1{margin: 80px -30px 0 -30px;}
	#box-5 .box1 li>div{padding: 0 30px;}
	#box-5 .box1 .title {margin: 35px auto 20px auto;}
	#box-5 .box1 .desc p {font-size: 16px;}
	
	#box-6{padding-top: 135px;}
	#box-6 .ftitle {font-size: 19px;}
	#box-6 .box1 {margin-top: 65px;}
	#box-6 .box1 .left li {padding: 18px 0;}
	#box-6 .box1 .left {width: 41.5%;}
	#box-6 .box1 .item_content {padding: 20px 22px;}
	#box-6 .box1 .item_content .title {width: 55%;}
	#box-6 .box1 .item_content .desc p {font-size: 16px;}
	#box-6 .box1 .item_content .tb{width: 14%;top: 16px;}
	#box-6 .box1 .item_content .logo{right: -5.5%;width: 11.5%;top: 35%;}
	
	#box-7 {padding-top: 40px;}
	#box-7 .box1 .left{width: 47.7%;}
	#box-7 .box1 .img_img{padding-left: 0px;margin-top: 40px;}
	#box-7 .box1 .right .desc {margin-right: -15px;margin-top: 0px;}
	#box-7 .box1 .right .desc p {font-size: 18px;letter-spacing: 0px;}
	#box-7 .box1 .right .ftitle {margin-top: -5px;}
	#box-7 .box1 .img_box{margin-top: 0px;border-radius: 8px;padding: 10px 10px 6px 10px;}
	
	#box-8{padding: 30px 0 90px 0;}
	#news .box1{position: relative;overflow: hidden;}
	#news {margin-top: 40px;}
	#box-8 .pub_btn {margin-top: 40px;}
}

@media (max-width: 850px){
	#banner li .content .img {width: 75%;max-width: 500px;margin-top: 0px;margin-bottom: 40px;}
	
	#box-1 .title {width: 22.5vw;}
	#box-1 .ftitle p {font-size: 20px;letter-spacing: 0px;}
	#box-1 .desc {font-size: 15px;}
	
	#box-2 .box1 {padding: 9.35% 40px 50px 40px;}
	#box-2 .box1 .right .ftitle {font-size: 22px;}
	#box-2 .box1 .right .desc {margin-top: 20px;}
	
	#box-3 .box1 {margin-top: 70px;}
	#box-3 .box1 .left {width: 67%;margin-left: -24%;}
	#box-3 .box1 .right{width: 55%;margin:-10px;}
	#box-3 .box1 .right li{padding:10px;}
	#box-3 .box1 .right .title {width: 55%;}
	#box-3 .box1 .right .desc p {font-size: 13px;}
	
	#box-4 {padding-top: 90px;}
	#box-4 .box1{position: relative;overflow: hidden;margin: 50px -16px 0 -16px;}
	#box-4 .box1 li{animation-delay: 0s!important;}
	#box-4 .box1 li:nth-child(4),#box-4 .box1 li:nth-child(5),#box-4 .box1 li:nth-child(6){margin-top: 0;}
	#box-4 .box1 li>div{padding: 0 16px;}
	
	#box-5{padding-bottom: 170px;}
	#box-5 .box1 .tb {width: 30%;}
	#box-5 .box1 .title {width: 68%;}
	
	#box-6 {padding-top: 115px;padding-bottom: 50px;}
	#box-6 .box1 {margin-top: 50px;}
	#box-6 .box1 .left li {padding: 13px 0;}
	#box-6 .box1 .item_content {padding: 18px 10px;}
	#box-6 .box1 .item_content .title {width: 52%;}
	#box-6 .box1 .item_content .desc p {font-size: 13px;}
	#box-6 .box1 li>.item_content.on {transform: translateX(18px);}
	
	#box-8 .swiper-pagination{display: block!important;margin-top: 30px;}
	#box-8 .swiper-pagination span{background: #921D22;}
}

@media (max-width: 767px){
	#banner {height: 50vh;}
	
	#box-1 {padding-top: 60px;}
	#box-1 .title{width: 45%;}
	#box-1 .left,#box-1 .right{width: 100%;}
	#box-1 .right{margin-top: 35px;}
	#box-1 #slide{margin-top: 50px;margin-left: -4vw;}
	#box-1 #slide li{width: 70%;margin: 0 4vw;}
	
	#box-2 .title_box {width: 60%;margin: 0px auto -9.2% auto;}
	#box-2 .box1 {padding: 65px 30px 50px 30px;}
	#box-2 .box1 .left,#box-2 .box1 .right{width: 100%;}
	#box-2 .box1 .right .title {width: 36%;margin-top: 30px;}
	#box-2 .box1 .right .ftitle {font-size: 24px;border-width: 3px;padding: 11px 10px 12px 0px;}
	#box-2 .box1 .right .desc{margin-top: 25px;}
	#box-2 .box1 .right .desc p {font-size: 15px;padding-left: 18px;}
	#box-2 .box1 .right .desc p::after {width: 11px;top: 8px;}
	#box-2 .box1::before{background: url(../img/inde_box2_bjLsj.png) no-repeat left center;background-size: cover;}
	#box-2 .box1::after{background: url(../img/inde_box2_bjLsj.png) no-repeat right center;background-size: cover;}
	
	#box-3 .box1 {margin-top: 45px;}
	#box-3 .box1 .left {width: 100%;margin-left: 0;}
	#box-3 .box1 .right{width: 100%;margin:45px 0 0 0;}
	#box-3 .box1 .right ul{margin: -15px -10px;}
	#box-3 .box1 .right li{padding: 15px 10px;}
	#box-3 .box1 .right .title {width: 62%;}
	#box-3 .box1 .right .desc p {font-size: 14px;}
	
	#box-4 {padding-top: 85px;padding-bottom: 105px;}
	#box-4 .box1{margin: 45px -10px 0 -10px;}
	#box-4 .box1 li>div{padding: 0 10px;}
	#box-4 .pub_btn {margin-top: 45px;}
	
	#box-5{padding-top: 130px;margin-top: -90px;padding-bottom: 135px;}
	#box-5 .box1{margin: 70px -30px 0 -30px;}
	#box-5 .box1 li>div{padding: 0 30px;}
	#box-5 .box1 .tb{width: 27%;}
	#box-5 .box1 .title {margin: 35px auto 20px auto;width: 65%;}
	#box-5 .box1 .desc p {font-size: 15px;line-height: 1.5;}
	#box-5 .swiper-pagination {margin-top: 60px;}
	
	#box-6 .ftitle {font-size: 16px;margin-top: 7px;}
	#box-6 .box1 .item_content{margin-right: 5%;opacity: 1;}
	#box-6 .box1 .left{display: none;}
	#box-6 .box1{margin: 45px -10px 0 -10px;}
	#box-6 .box1 .right li{padding: 0 10px;}
	#box-6 .box1 .right{width: 100%;}
	#box-6 .box1 .item_content .desc p {font-size: 14px;}
	#box-6 .box1 .item_content .tb {top: 14px;right: 25px;width: 15%;display: none;}
	#box-6 .box1 .item_content .logo {top: 32%;right: -6.5%;width: 12.5%;}
	#box-6 .box1 .right .img_img{margin-top: 20px;}
	#box-6 .box1 .right .img{border-radius: 5px;}
	#box-6 .swiper-pagination span{background: #921D22;}
	
	#box-7 {padding-top: 20px;}
	#box-7 .box1 .img_img{margin-top: 0px;padding: 30px 0;background: url(../img/index_box7_left_bj.png) top 12% right 6% / 67% no-repeat;}
	#box-7 .box1 .right{width: 100%;}
	#box-7 .box1 .right .desc {margin-right: 0px;margin-top: 10px;}
	#box-7 .box1 .right .desc p {font-size: 16px;letter-spacing: 0px;}
	#box-7 .box1 .right .ftitle {margin-top: 0px;padding: 0 8px;}
	#box-7 .box1 .img_box{margin-top: 0px;border-radius: 8px;padding: 8px 8px 5px 8px;}
	#box-7 .swiper-pagination span {width: 9px;height: 9px;margin: 0 3px !important;}
	
	#box-8{padding: 27px 0 60px 0;}
	#news {margin-top: 25px;}
	#box-8 .swiper-pagination {margin-top: 25px;}
	#box-8 .pub_btn {margin-top: 40px;}
}