/*首页*/
body{margin: 0 auto;}
.banner{width:100%;position: relative; overflow: hidden;}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide .v_box,.banner .swiper-slide .v_box img{width: 100%;}
.banner .swiper-slide .v_box video{width: 100%; height: 100%; object-fit:cover;}
.banner .swiper-slide .v_box{position: relative;}
.banner .swiper-slide .v_box .playbtn{color: #fff; display: none; width: 40px; height: 40px; line-height: 40px; text-align: center; z-index: 10;}
.banner .txt{color: #fff; z-index: 2;}
.banner .txt.mid_up{position: absolute; left:0; top:22%; width: 100%;}
.banner .txt.mid_up p{ text-align: center;}
.banner .txt.left_down{position: absolute; left:16%; top:30%;}
.banner .txt.left_down p{text-align: left;}
.banner .txt p>img{ max-width:463px;}
.banner .swiper-pagination{bottom:30px;}
.banner .swiper-pagination-bullet{width: 12px; height: 12px; margin:0 4px!important;background: rgba(255,255,255,0.5);}
.banner .swiper-pagination-bullet-active{ background: #D1D1D0;}


.index-part01{padding:7% 0 6%;}
.index-part01 h2{ text-align: center;color: #0B6DDA;}
.index-part01 h3{text-align: center; color: #8D8D8D; margin-top: 2%;}
.index-part01 ul{margin: 6% 10% 0;}

.index-part02{padding: 5% 0 4%;position: relative;}
.index-part02 h2{color: #0B6DDA; position: relative; z-index: 2;}
.index-part02 .swiper-bg{position: absolute;z-index: 1; lefT:0; top:0; width: 100%; height: 100%;}
.index-part02 .swiper-content{ margin-top:2%; margin-left: 12.5%;position: relative; z-index:3;}
.index-part02 .swiper-content .swiper-slide .r{ float: right; width:71.42%; border-top-left-radius: 30px; border-bottom-left-radius: 30px; overflow: hidden;}
.index-part02 .swiper-content .swiper-slide .l{float: left; width: 26%; padding-top: 10%;}
.index-part02 .swiper-content .swiper-slide .l h3{color:#636364;}
.index-part02 .swiper-content .swiper-slide .l p{color: #8D8D8D; margin-top: 2%;}
.index-part02 .swiper-content .swiper-slide .l a.more{margin-top: 15%;}
.index-part02 .swiper-content .swiper-button-prev,.index-part02 .swiper-content .swiper-button-next{ color: #303030; background: none;position: absolute; left:auto; right:12.5%; top:-12.5%;}
.index-part02 .swiper-content .swiper-button-prev{right:calc(12.5% + 75px);}

.index-part02 .swiper-box{margin-top:4%; position: relative; z-index: 3;}
.index-part02 .swiper-box .swiper-container{ margin: 0 10%;}
.index-part02 .swiper-box .swiper-slide{text-align: center; color: #8D8D8D; cursor: pointer;}
.index-part02 .swiper-box .swiper-slide.on{color:#0B6DDA}
.index-part02 .swiper-box .swiper-slide span{ display: block; text-align: center; margin-bottom:5%;}
.index-part02 .swiper-box .swiper-slide span img{ display: inline-block; width: auto; max-width:82px; max-height: 48px;}
.index-part02 .swiper-box .swiper-slide span img+img{ display: none;}
.index-part02 .swiper-box .swiper-slide.on span img{ display: none;}
.index-part02 .swiper-box .swiper-slide.on span img+img{ display: inline-block;}


.index-part03,.index-part04{position: relative;padding:7% 0; background: #fff;}
.index-part03 dt,.index-part04 dt{float: left; width: 59.0277%; border-radius:30px; overflow: hidden;}
.index-part03 dd,.index-part04 dd{ float: right; width: 40%;}
.index-part03 dd .inner,.index-part04 dd .inner{ padding: 8% 20%;}
.index-part03 dd h3,.index-part04 dd h3{color:#585858}
.index-part03 dd h2,.index-part04 dd h2{color: #0B6DDA; margin-top: 1%;}
.index-part03 dd p,.index-part04 dd p{ color: #8D8D8D; margin-top: 7%;}
.index-part03 dd .more,.index-part04 dd .more{margin-top:4em}

.index-part04{ background: #F1F4F7;}
.index-part04 dt{float: right; width: 59.0277%; border-radius:30px; overflow: hidden;}
.index-part04 dd{ float: left;}

.index-part05{ padding: 5% 0 6%; background: #fff;}
.index-part05 h2{color: #0B6DDA;}
.index-part05 .list01{ background: #F1F4F7; margin-top: 3%; padding:5% 3.5%; border-radius: 30px;}
.index-part05 .list01 ul{padding-bottom: 4%; border-bottom: 1px solid #D9D9D9;}
.index-part05 .list01 li{ float: left; width: 35%; padding-right:7%;}
.index-part05 .list01 li:last-child{width: 30%; padding-right: 0;}
.index-part05 .list01 li span{ display: block; color: #8D8D8D;}
.index-part05 .list01 li p{margin-top: 2%;}
.index-part05 .list01 li p a{color:#585858;}

.index-part05 .list02{margin-top: 4%;}
.index-part05 .list02 li{ float: left; width: 48.5%; border-radius: 30px; border:1px solid #D9DFE5}
.index-part05 .list02 li:nth-child(2n){ float: right;}
.index-part05 .list02 li .img{border-top-left-radius: 30px; border-top-right-radius: 30px; overflow: hidden;}
.index-part05 .list02 li .con{padding:4% 8% 5%;}
.index-part05 .list02 li .con h3,.index-part05 .list02 li .con h3 a{color:#585858;}
.index-part05 .list02 li .con p{color: #8D8D8D; margin-top: 3%; height: 3em; overflow: hidden;}

.index-part06,.index-part06 .video-box{position: relative;}
.index-part06 .video-box video{width:100%; height: 100%; object-fit: fill;}
.index-part06 .txt{top:auto; bottom:8%;}
.index-part06 .txt h2{color: #fff;}
.index-part06 .txt .more{background: #EFF2F7; color: #000;}


@media only screen and (max-width: 1799px) {
.index-part02 .swiper-content .swiper-button-prev, .index-part02 .swiper-content .swiper-button-next{top:-10%;}
.banner .txt p>img{ max-width:380px;}
}
@media only screen and (max-width: 1599px) {
.index-part02 .swiper-content{margin-left: 7.5%;}
.index-part02 .swiper-content .swiper-button-next{right:7.5%;}
.index-part02 .swiper-content .swiper-button-prev{right:calc(7.5% + 50px);}
.index-part02 .swiper-box{margin-top: 3%;}
.banner .txt p>img{ max-width:340px;}
}
@media only screen and (max-width: 1399px){
.index-part02 .swiper-content{margin-left: 5%;}
.index-part02 .swiper-content .swiper-button-next{right:5%;}
.index-part02 .swiper-content .swiper-button-prev{right:calc(5% + 50px);}
.index-part02 .swiper-content .swiper-button-prev, .index-part02 .swiper-content .swiper-button-next{top:-5%;}
.banner .txt p>img{ max-width:300px;}
}
@media only screen and (max-width: 1279px){
.banner .txt p>img{ max-width:260px;}
}
@media only screen and (max-width: 1023px) {
.index-part01 ul{margin: 5% 0 0;}
.index-part02{padding: 2% 0 0;}
.index-part02 .swiper-box{margin-top: 15px;}
.index-part02 .swiper-box .swiper-container{margin: 0;}
.index-part03 dd .inner, .index-part04 dd .inner{padding: 5% 10%;}
.index-part03 dd .more, .index-part04 dd .more{margin-top: 5%;}
.banner .txt p>img{ max-width:200px;}
}
@media only screen and (max-width:767px) { 
/*.banner,.banner .swiper-container{ height: 240px!important;}
.banner .swiper-slide>img{ display: none;}*/
.banner .swiper-pagination{bottom:10px;}
.banner .swiper-pagination-bullet{ width: 8px; height: 8px;}
.banner .txt p>img{ max-width:120px;}
.banner .txt.left_down{left:10%;}
.banner .swiper-slide .v_box .playbtn{display: block;}
.index-part02{height: auto!important; padding-bottom: 5%; background: #F1F5F8;}
.index-part02 .swiper-box{ display: none;}
.index-part02 .swiper-content .swiper-slide .l,.index-part02 .swiper-content .swiper-slide .r{width: 100%;}
.index-part02 .swiper-content{margin-left:5%; margin-right: 5%;}
.index-part02 .swiper-content .swiper-button-prev, .index-part02 .swiper-content .swiper-button-next{top:-3%;}
.index-part02 .swiper-content .swiper-slide .r{border-radius: 10px;}
.index-part02 .swiper-content .swiper-slide .l{padding-top: 5%;}
.index-part02 .swiper-content .swiper-slide .l a.more{margin-top: 5%;}
.index-part03 dt, .index-part04 dt,.index-part03 dd, .index-part04 dd{width: 100%;}
.index-part03 dt, .index-part04 dt,.index-part05 .list01{border-radius: 10px;}
.index-part03 dd .inner, .index-part04 dd .inner{padding: 5% 0 0;}
.index-part03 dd p, .index-part04 dd p{margin-top: 5%;}
.index-part05 .list01{padding: 5%;}
.index-part05 .list01 li{width: 100%; padding-right: 0; margin-bottom: 5%;}
.index-part05 .list01 li:last-child{width: 100%;}
.index-part05 .list01 li p{max-height: unset; height: auto;-webkit-line-clamp:none;}
.index-part05 .list02 li{width: 100%; margin-bottom: 5%;border-radius: 20px;}
.index-part05 .list02 li .img{border-top-left-radius:20px;border-top-right-radius:20px;}
.index-part05 .list02 li .con{padding: 5%;}
.index-part06 .txt{bottom:0;}
}


.xx{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
@media only screen and (min-width: 1025px) {

}
/*首页end*/