.section1{width:100%; height:100vh; position: relative; }
.section1 .container{width:100%; height:100%;}
.section1 .main_slide{width:100%; height:100%;}
.section1 .main_slide .swiper-wrapper{position: relative;}
.section1 .main_slide .swiper-slide .text_box{max-width:1400px; width:100%; margin:250px auto 0;  }
.section1 .main_slide .swiper-slide .text_box h2{font-size:50px; color:#fff; font-weight: 900; width:50%; margin-bottom:40px;}
.section1 .main_slide .swiper-slide .text_box p{font-size:24px; color:#fff; font-weight: 500; width:50%; opacity: .8;}
.section1 .main_slide .button_group{position: absolute; left:50%; bottom:300px; transform: translateX(-50%); max-width:1400px; width:100%; margin:0 auto; z-index: 10;}
.section1 .main_slide .swiper-pagination{position: relative;}
.section1 .main_slide .play{margin:0 10px; cursor: pointer; align-items: center; justify-content: center; color:#fff;}
.section1 .main_slide .page{color:#fff; font-size:14px; font-weight: 300;  align-items: center;}
.section1 .main_slide .page span{margin-right:5px;}
.section1 .main_slide .page span:last-child{margin:0;}
.section1 .main_slide .swiper-pagination span{margin:0; width:50px; height:3px; border-radius: 0; transition: all .3s ease; background:#fff;}
.section1 .main_slide .swiper-pagination span.swiper-pagination-bullet-active{height:5px;}
.section1 .main_slide .nomber_group{position: absolute; transform: translateX(-50%);  max-width:1400px; width:100%; left:50%; bottom:285px; z-index: 1; padding-left:160px;}
.section1 .main_slide .nomber_group .play_button{align-items: center; justify-content: center; margin:0 10px; position: relative; z-index: 11; cursor: pointer;}
.section1 .main_slide .nomber_group .nomber{font-size:14px; align-items: center;}
.section1 .main_slide .slide1{background:url(../images/main/section1_slide_bg1.jpg)no-repeat center / cover;}
.section1 .main_slide .slide2{background:url(../images/main/section1_slide_bg2.jpg)no-repeat center / cover;}
.section1 .main_slide .slide3{background:url(../images/main/section1_slide_bg3.jpg)no-repeat center / cover;}
.section1 .new_box{position: absolute; width:100%; height:165px; backdrop-filter: blur(10px); background:rgba(0, 0, 0, .5); z-index: 1; bottom:0; left:0;}
.section1 .content{max-width:1400px; width:100%; height:100%; margin:0 auto;}
.section1 .new_box .title_box{width:25%;}
.section1 .new_box .title_box{align-items: center; justify-content: center;}
.section1 .new_box .title_box a{font-size:35px; color:#fff; font-weight: 300; display: block;}
.section1 .new_box .title_box a .desc1{font-weight: 700;}
.section1 .new_box .title_box a .desc2{margin-right:10px;}
.section1 .new_box .slide_box{width:75%; position: relative; padding:0 100px; box-sizing: border-box;}
.section1 .new_box .next, .section1 .new_box .prev{width:50px; height:50px; border:1px solid #fff; transition: .3s ease;}
.section1 .new_box .next:hover, .section1 .new_box .prev:hover{background:rgba(255, 255, 255, 0.5);}
.section1 .new_box .swiper-button-next:after, .section1 .new_box .swiper-rtl .swiper-button-prev:after,
.section1 .new_box .swiper-button-prev:after, .section1 .new_box .swiper-rtl .swiper-button-next:after{font-size:15px; color:#fff;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:none;}
.section1 .new_box .slide_box .swiper-slide a{display: block; padding:40px 20px; box-sizing: border-box; color:#fff;}
.section1 .new_box .slide_box .swiper-slide a h5{font-size:20px; font-weight: 500; margin-bottom:10px; height:25px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.section1 .new_box .slide_box .swiper-slide a p{font-size:14px; font-weight: 300; margin-bottom:10px; opacity: .8; height:18px; overflow: hidden; white-space:nowrap;  text-overflow: ellipsis;}
.section1 .new_box .slide_box .swiper-slide a p:last-child{margin:0;}
.section1 .new_box .slide_box .swiper-slide-active::after{position: absolute; content:''; right:0; top:50%; width:1px; height:60%; transform: translateY(-50%); background:#fff; opacity: .5;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev,
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;}
@media(max-width:1440px){
    .section1 .main_slide .button_group{padding: 0 40px; bottom:245px;}
    .section1 .main_slide .swiper-slide .text_box{ padding:0 40px; margin:200px auto 0;}
    .section1 .main_slide .swiper-slide .text_box h2{font-size:40px; width:50%;}
    .section1 .main_slide .swiper-slide .text_box p{width:50%; font-size:22px;}
    .section1 .new_box{height:130px;}
    .section1 .new_box .title_box a{font-size:28px;}
    .section1 .new_box .slide_box .swiper-slide a{padding:24px 20px; overflow: hidden;}
    .section1 .new_box .slide_box .swiper-slide a h5{font-size:18px;}
    .section1 .new_box .slide_box .swiper-slide a p{font-size:13px;}
    .section1 .content{padding:0 40px; box-sizing: border-box;}
    .section1 .new_box .title_box{justify-content: flex-start;}
    
}

@media(max-width:1024px){
    .section1 .main_slide .swiper-slide .text_box{margin:140px auto 0;}
    .section1 .new_box .title_box{min-width:250px;}
    .section1 .new_box .slide_box{width:calc(100% - 250px);}
    .section1 .new_box .slide_box .swiper-slide-active::after{display: none;}
}

@media(max-width:768px){
    .section1 .main_slide .swiper-slide .text_box h2{font-size:36px; width:70%;}
    .section1 .main_slide .swiper-slide .text_box p{font-size:22px; width:70%;}
    .section1 .new_box .title_box{min-width:185px;}
    .section1 .new_box .slide_box{width:calc(100% - 185px); padding:0 60px;}
    .section1 .new_box .next, .section1 .new_box .prev{width:40px; height:40px;}
    .section1 .new_box .title_box a{line-height: 1;}
}

@media(max-width:600px){
    .section1 .main_slide .swiper-slide .text_box h2{font-size:30px; width:70%;}
    .section1 .main_slide .swiper-slide .text_box p{font-size:18px; width:70%;}
    .section1 .new_box{height:auto;}
    .section1 .content{flex-wrap: wrap; padding:20px 40px;}
    .section1 .content .title_box{width:100%; justify-content: center;}
    .section1 .new_box .slide_box{width:100%;}
}

@media(max-width:425px){
    .section1{height:90vh;}
    .section1 .main_slide .swiper-slide .text_box h2{font-size:30px; width:100%;}
    .section1 .main_slide .swiper-slide .text_box p{font-size:18px; width:100%;}
    .section1 .content{padding:20px 20px 0;}


}

.section2{background:url(../images/main/section2_bg.png)no-repeat center / 100%;}
.section2 .container{max-width:1400px; width:100%; margin:0 auto; padding:120px 0; box-sizing: border-box;}
.section2 .container h2{margin-bottom:40px; display: flex; display: -ms-flex; display: -webkit-flex; align-items: flex-end;}
.section2 .container h2 span{vertical-align: sub;}
.section2 .container h2 .desc1{font-size:55px; font-weight: 900; margin-right:35px; color:#222;}
.section2 .container h2 .desc2{font-size:24px; font-weight: 500; color:#666;}
.section2 .container .content{height:500px;}
.section2 .container .item{flex-grow: 1; width:100%; transition: all .3s ease; overflow: hidden; background:#ddd;}
.section2 .container .item a{align-items: flex-end; width:100%; height:100%;}
.section2 .container .item:hover{width:250%;}
.section2 .container .item .text_box{width:100%; padding:20px; box-sizing: border-box; transition: all .3s ease;}
.section2 .container .item:hover .text_box{padding:20px; box-sizing: border-box;}
.section2 .container .item .text_box h4{font-size:30px; font-weight: 900; justify-content: space-between; align-items: center; position: relative;}
.section2 .container .item .text_box h4 .desc1{opacity: 0; transition: all .3s ease;}
.section2 .container .item .text_box h4 .desc2{position: absolute; right:0; top:50%; transform: translateY(-50%);}
.section2 .container .item1 .text_box h4, .section2 .container .item2 .text_box h4, .section2 .container .item3 .text_box h4, .section2 .container .item6 .text_box h4, .section2{color:#fff;}
.section2 .container .item:hover .text_box h4 .desc1{opacity: 1;}
.section2 .container .item1{background: url(../images/main/section2_item1_bg.jpg)no-repeat right center / cover;}
.section2 .container .item2{background: url(../images/main/section2_item2_bg.jpg)no-repeat right center / cover;}
.section2 .container .item3{background: url(../images/main/section2_item3_bg.jpg)no-repeat right center / cover;}
.section2 .container .item4{background: url(../images/main/section2_item4_bg.jpg)no-repeat right center / cover;}
.section2 .container .item5{background: url(../images/main/section2_item5_bg.jpg)no-repeat right center / cover;}
.section2 .container .item6{background: url(../images/main/section2_item6_bg.jpg)no-repeat right center / cover;}

@media(max-width:1400px){
    .section2 .container h2{padding: 0 40px;}
    .section2 .container h2 .desc1{font-size:45px;}
    .section2 .container h2 .desc2{font-size:20px;}
    .section2 .container .item .text_box h4{font-size:26px;}
    .section2 .container .content{padding:0 40px; flex-wrap: wrap; height:800px;}
    .section2 .container .item{width:50%; background-size:100%; background-position: center; background-size:100%;}
    .section2 .container .item6{background-position: top;}
    .section2 .container .item:hover{width:50%; opacity: 1;}
    .section2 .container .item .text_box h4 .desc1{opacity: 1;}
 }

@media(max-width:768px){
    .section2 .container{padding:80px 0;}
    .section2 .container h2 .desc1{font-size:35px;}
    .section2 .container h2 .desc2{font-size:18px;}
    .section2 .container .item .text_box h4{font-size:24px;}
}

@media(max-width:610px){
    .section2 .container h2{flex-wrap: wrap;}
    .section2 .container h2 .desc1{width:100%;}
    .section2 .container h2 .desc2{width:100%;}
    .section2 .container .item{width:50%; background-size:100%; background-position: center; background-size:150%;}
}

@media(max-width:425px){
    .section2 .container h2{padding: 0 20px;}
    .section2 .container h2 .desc1{font-size:30px;}
    .section2 .container h2 .desc2{font-size:14px;}
    .section2 .container .item .text_box h4{font-size:20px;}
    .section2 .container .content{padding:0; height:1200px;}
    .section2 .container .item{width:100%;}
    .section2 .container .item:hover{width:100%;}
    .section2 .container .item1 .text_box h4 .desc1,
    .section2 .container .item2 .text_box h4 .desc1{color:#666;}    
    .section2 .container .item3 .text_box h4 .desc1,
    .section2 .container .item5 .text_box h4 .desc2{color:#fff;}
    
}

.section3 .container{max-width:1400px; width:100%; height:500px; margin:0 auto; }
.section3 .content_group{ height:100% ;}
.section3 .content{width:50%; position: relative; z-index: 2; flex-wrap: wrap; align-content: space-between;}
.section3 .content_left::before{position: absolute; content: ''; right:0; top:0; height:100%; width:960px; background:url(../images/main/section3_content_left_bg.jpg)no-repeat right center / cover; z-index: -1;}
.section3 .content_right::before{position: absolute; content: ''; left:0; top:0; height:calc(100% - 1px); width:960px; background:url(../images/main/section3_content_right_bg.jpg)no-repeat right center / cover; z-index: -1;}
.section3 .content_left::after{position: absolute; content: ''; right:0; top:0; height:100%; width:960px; background:rgba(0, 0, 0, .5); z-index: 1; opacity: 1; transition: all .3s ease;}
.section3 .content_right::after{position: absolute; content: ''; left:0; top:0; height:100%; width:960px; background:rgba(0, 0, 0, .5); z-index: 1; opacity: 1; transition: all .3s ease;}
.section3 .content_left.on::after{opacity: 0; z-index: -1;}
.section3 .content_right.on::after{opacity: 0; z-index: -1;}
.section3 .content h4{width:100%; margin:40px 30px 0; font-size:45px; line-height: 1.2; flex-wrap: wrap; position: relative; z-index: 5; color:#fff;}
.section3 .content h4 .desc1{font-weight: 700;}
.section3 .content h4 .desc2{font-weight: 400;}
.section3 .content_left h4 span{width:100%;}
.section3 .item_group{width:100%; position: relative; z-index: 10;}
.section3 .item{width:50%; padding:30px; box-sizing: border-box; transition: all .3s ease; position: relative;}
.section3 .item a{flex-wrap: wrap; align-content: space-between;}
.section3 .item a i{position: absolute; content:''; right:30px; top:20px; width: 50px; height:50px;}
.section3 .item1 a i{background:url(../images/main/section3-_item1_icon1.png)no-repeat center / 100%;}
.section3 .item1:hover a i{background:url(../images/main/section3-_item1_icon2.png)no-repeat center / 100%;}
.section3 .item2 a i{background:url(../images/main/section3-_item2_icon1.png)no-repeat center / 100%;}
.section3 .item2:hover a i{background:url(../images/main/section3-_item2_icon2.png)no-repeat center / 100%;}
.section3 .item3 a i{background:url(../images/main/section3-_item3_icon1.png)no-repeat center / 100%;}
.section3 .item3:hover a i{background:url(../images/main/section3-_item3_icon2.png)no-repeat center / 100%;}
.section3 .item4 a i{background:url(../images/main/section3-_item4_icon1.png)no-repeat center / 100%;}
.section3 .item4:hover a i{background:url(../images/main/section3-_item4_icon2.png)no-repeat center / 100%;}
.section3 .item:nth-child(1){background:rgba(255, 255, 255, 0.95); }
.section3 .item:nth-child(2){background:rgba(255, 255, 255, 0.85); }
.section3 .item:hover{background:rgba(48, 39, 131, .8);}
.section3 .item:hover a{color:#fff;}
.section3 .item a .desc1{width:100%; margin-bottom:60px; font-size:26px; font-weight: 700;}
.section3 .item a .desc2{width:100%; font-size:17px; font-weight: 500;}
.section3 .content_right h4{text-align: right;}
@media(max-width:1440px){
    .section3 .content h4{font-size:35px;}
    .section3 .item a .desc1{font-size:24px;}
    .section3 .item a .desc2{font-size:16px;}
    .section3 .content_left::after{display: none;}
    .section3 .content_right::after{display: none;}
}

@media(max-width:1024px){
    .section3{height:100vh;}
    .section3 .container{height:100%;}
    .section3 .content_group{flex-wrap: wrap;}
    .section3 .content{width:100%;}
    .section3 .content_left::before{content:''; left:50%; top:50%; transform: translate(-50%,-50%); width:100%;}
    .section3 .content_right::before{content:''; left:50%; top:50%; transform: translate(-50%,-50%); width:100%;}
}

@media(max-width:768px){
    .section3 .content h4{font-size:30px;}
    .section3 .item a .desc1{font-size:24px;}
    .section3 .item a .desc2{font-size:16px;}
    .section3 .item a .desc1{margin-bottom:30px;}
}

@media(max-width:620px){
    .section3{height:150vh;}
    .section3 .item_group{flex-wrap: wrap;}
    .section3 .item{width:100%;}
    .section3 .content_left::before{background-position: center;}
}

@media(max-width:425px){
    .section3 .content h4{font-size:26px;}
    .section3 .item a .desc1{font-size:20px;}
    .section3 .item a .desc2{font-size:14px;}
}


.section4 {background:url(../images/main/section4_bg.png)no-repeat center bottom / 100%; padding:120px 0;}
.section4 .container{height:640px;}
.section4 .content_group{max-width:1400px; width:100%; height:100%; margin:0 auto; }
.section4 .content{width:50%; }
.section4 .content_left{background:url(../images/main/section4_content_left_bg.jpg)no-repeat center / cover; padding:40px; box-sizing: border-box;}
.section4 .content_left h2{font-size:45px; color:#fff; margin-bottom:20px;}
.section4 .content_left .desc1{font-weight: 900;}
.section4 .content_left .desc2{font-weight: 400;}
.section4 .content_left p{font-size:24px; font-weight: 300; color:#fff; }
.section4 .item_group{height:50%;}
.section4 .item{width:50%; height:100%; overflow: hidden;}
.section4 .item1{background:#302783;}
.section4 .item2{background:#f5f5f5;}
.section4 .item3{background:#2d3038;}
.section4 .item4{background:#373b3f;}
.section4 .item a{flex-wrap: wrap; align-content: space-between; width:100%; height:100%; padding:40px; box-sizing: border-box;}
.section4 .item a .top{width:100%; justify-content: space-between; align-items: center;}
.section4 .item a .top .en_title{font-size:17px; color:#fff; opacity: .5; font-weight: 700;}
.section4 .item a .top i{font-size:30px; color:#fff;}
.section4 .item a .bottom{width:100%; transform: translateY(84px); transition: all .3s ease;}
.section4 .item a .bottom h5{font-size:26px; color:#fff; font-weight: 700; justify-content: space-between; align-items: flex-end; margin-bottom:30px;}
.section4 .item a .bottom h5 i{width:50px; height:50px;}
.section4 .item1 a .bottom h5 i{background:url(../images/main/section4_item1_icon.png)no-repeat center / 100%;}
.section4 .item2 a .bottom h5 i{background:url(../images/main/section4_item2_icon.png)no-repeat center / 100%;}
.section4 .item3 a .bottom h5 i{background:url(../images/main/section4_item3_icon.png)no-repeat center / 100%;}
.section4 .item4 a .bottom h5 i{background:url(../images/main/section4_item4_icon.png)no-repeat center / 100%;}
.section4 .item a .bottom p{font-size:17px; color:#fff; opacity: .7;}
.section4 .item a:hover .bottom{transform: translateY(0);}
.section4 .item2 a .top .en_title{color:#222;}
.section4 .item2 a .top i{color:#222;}
.section4 .item2 a .bottom h5{color:#222;}
.section4 .item2 a .bottom p{color:#222;}
@media(max-width:1440px){
    .section4 .content_left h2{font-size:35px;}
    .section4 .content_left p{font-size:24px;}
    .section4 .item a .top .en_title{font-size:16px;}
    .section4 .item a .bottom h5{font-size:24px; margin:0;}
    .section4 .item a .bottom p{display: none;}
    .section4 .item a .top i{font-size:26px;}
    .section4 .item a .bottom{transform: translateY(0);}
}

@media(max-width:1024px){
    .section4 .item a{padding:30px;}
}

@media(max-width:768px){
    .section4 .content_group{flex-wrap: wrap;}
    .section4 .content{width:100%;}
    .section4 .content_left h2{font-size:30px;}
    .section4 .content_left p{font-size:20px;}
    .section4 .item a .top .en_title{font-size:16px;}
    .section4 .item a .bottom h5{font-size:20px; margin:0;}
}

@media(max-width:425px){
    .section4{padding:80px 0;}
    .section4 .container{height:auto;}
    .section4 .item_group{flex-wrap: wrap; height:auto;}
    .section4 .item{width:100%;}
    .section4 .item1 a .bottom h5 i{width:35px; height:35px;}
    .section4 .item a .bottom h5{margin:40px 0 0;}
    
}


.section5 .container{width:100%; height:600px; position: relative;}
.section5 .map_box{width:100%; height:100%; background:#f90;}
.section5 .info_box{position: absolute; content:''; left:50%; top:50%; transform: translate(0,-50%); max-width:1400px; justify-content: flex-end; align-items: center;  z-index: 1;}
.section5 .info{width:100%; background:rgba(255, 255, 255, 0.85); padding:40px; box-sizing: border-box; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);}
.section5 .info h2{font-size:40px; font-weight: 900; color:#222; margin-bottom:20px;}
.section5 .info ul li{align-items: center; margin-bottom:20px; font-size: 20px; font-weight: 500;}
.section5 .info ul li:last-child{margin:0;}
.section5 .info ul li .desc1{color:#302783; font-weight: 700; width:35px;}

@media(max-width:1440px){
    .section5 .container{height:auto;}
    .section5 .map_box{height:600px;}
    .section5 .info h2{font-size:35px;}
    .section5 .info ul li{font-size:18px;}
}

@media(max-width:768px){
    .section5 .info_box{position: relative; transform: translate(0,0); padding:0; left:0; top:0; margin:0;}
    .section5 .info{width:100%; margin:0; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.0);}
    .section5 .info h2{font-size:30px;}
    .section5 .info ul li{font-size:16px;}
}

@media(max-width:425px){
    .section5 .map_box{height:400px;}
    .section5 .info{padding:20px;}
    .section5 .info h2{font-size:26px;}
    .section5 .info ul li{font-size:14px; margin-bottom:10px;}
}