@import url("https://www.jiaodong.net/inc/millia/millia.css");
@import url("https://www.jiaodong.net/inc/millia/swiper3.4.2.css");
.millia{width:1200px;margin:0 auto;}
.topic{background:url(topic.jpg) no-repeat top center;background-size:auto 100%;height:665px;}
.nav{display:flex;justify-content:center;align-items:center;background:#225cac;}
.nav li{padding:0 50px;font-size:28px;line-height:78px;}
.nav a{color:#fff;}

.nav a:hover,.ls01 li h6 a:hover,.ls02 a:hover{text-decoration:none;}

.nav::-webkit-scrollbar{width:0;height:0;}


.SwiperFocusBox .swiper-slide img,.SwiperSwitchBox .swiper-slide img,#scrollPic .swiper-slide img{width:100%;height:100%;}


.bg01{background:url(bg01.jpg) no-repeat bottom center,linear-gradient(to bottom,#78bef5,transparent 15%);background-size:100% auto;padding:50px 0;}

.SwiperFocusBox{height:400px;position:relative;}
.SwiperFocusBox .swiper-slide{position:relative;}
.SwiperFocusBox .swiper-slide span,.SwiperSwitchBox .swiper-slide span{display:block;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.5);color:#fff;width:100%;font-size:22px;line-height:54px;padding:0 30% 0 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;}
.SwiperSwitchBox .swiper-slide{height:250px;}
.SwiperFocusBox .swiper-pagination{bottom:18px;right:10px;}
.SwiperFocusBox .swiper-pagination-bullet{margin:0 3px;opacity:1;background:#fff;}
.SwiperFocusBox .swiper-pagination-bullet-active{background:#0f5db2;}

.ls01 li{border-top:1px dashed #999;padding:22px 0;position:relative;color:#666;}
.ls01 li:before,.ls01 li:after{content:"";display:block;position:absolute;width:9px;height:3px;background:#999;top:-2px;}
.ls01 li:before{left:0;}
.ls01 li:after{right:0;}
.ls01 li:nth-child(1){border:none;}
.ls01 li:nth-child(1):before,.ls01 li:nth-child(1):after{display:none;}
.ls01 li h6{font-size:24px;color:#461106;font-weight:bold;padding-bottom:10px;}


.ht{background:url(htbg.png) no-repeat center center;display:flex;align-items:center;justify-content:center;}

.SwiperSwitchBox .swiper-slide span{background:linear-gradient(to right,#2252a3,#3b78c5);text-align:center;padding:0;font-size:16px;line-height:46px;}

#scrollPic{position:relative;overflow:hidden;}
#scrollPic .rightMark{width:50%;height:100%;position:absolute;right:0;top:0;margin-right:-500px;background:rgba(15,93,178,0.5);z-index:1;}
#scrollPic .leftMark{width:50%;height:100%;position:absolute;left:0;top:0;margin-left:-500px;background:rgba(15,93,178,0.5);z-index:1;}
#scrollPic .swiper-slide{width:1000px;position:relative;height:720px;}
#scrollPic .swiper-slide.swiper-slide-active b{position:absolute;left:0;bottom:-1000px;color:#fff;background:rgba(15,93,178,0.7);font-size:28px;width:100%;box-sizing:border-box;font-weight:normal;text-align:center;padding:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#scrollPic .swiper-slide.swiper-slide-active b{bottom:0;}
#scrollPic .swiper-slide a{color:#fff;}
#scrollPic .swiper-pagination{left:52%;bottom:15px;width:auto;z-index:9;}
#scrollPic .swiper-pagination-bullet{background:#fff;opacity:1;margin:0 5px !important;width:10px;height:10px;border-radius:5px;}
#scrollPic .swiper-pagination-bullet-active{background:#fcb100;width:30px;}
#scrollPic .swiper-button-next{width:45px;height:100px;right:50%;margin-right:-645px;}
#scrollPic .swiper-button-prev{width:45px;height:100px;left:50%;margin-left:-645px;}


.bg02{background:url(bg02.jpg) no-repeat bottom center;padding:110px 0 80px 0;background-size:100% auto;}

.ls02{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:-2% 0 0 -5%;}
.ls02 li{margin:2% 0 0 5%;width:45%;background:#f0fcff;padding:20px 30px;box-sizing:border-box;display:flex;align-items:center;}
.ls02 li:before{content:"";display:block;width:10px;height:10px;margin-right:10px;background:#2150a1;}
.ls02 li a{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.ender{background:#0f5db2;padding:50px 0;color:#fff;}


@media screen and (max-width:860px){
.millia{width:96%;}

.SwiperFocusBox .swiper-slide span,.SwiperSwitchBox .swiper-slide span{font-size:1.2rem;}
.SwiperSwitchBox .swiper-slide{height:13rem;}
.nav li,.ls01,#scrollPic .swiper-slide.swiper-slide-active b,.ls02{font-size:1.4rem;}
.ls01 li h6{font-size:1.6rem;}


.ls01{line-height:2.2rem;}
.nav li,.SwiperSwitchBox .swiper-slide span{line-height:3.2rem;}
.SwiperFocusBox .swiper-slide span{line-height:3.4rem;}



.SwiperFocusBox .swiper-pagination{display:none;}



.topic{height:18rem;}
.nav{display:block;white-space:nowrap;overflow-x:auto;}
.nav li{display:inline-block;padding:0 2rem;}

.bg01{padding:1rem 0 2rem 0;}

.SwiperFocusBox{height:auto;}
.SwiperFocusBox .swiper-slide span{padding:0 1rem;text-align:center;}

.ht img{height:2.6rem;width:auto;}

#scrollPic .swiper-slide{width:100%;height:auto;}
#scrollPic .swiper-slide.swiper-slide-active b{padding:0.5rem 0;}

.bg02{padding:3rem 0;}

.ls02{margin:0;}
.ls02 li{width:100%;margin:0 0 1rem 0;padding:1rem 1.5rem;}
.ls02 li:before{width:0.5rem;height:0.5rem;}

}<!--ecms sync check [sync_thread_id="a68f6e271be0d23e820cf6e61402aa0b" sync_date="2024-10-21 11:09:51" check_sum="a68f6e271be0d23e820cf6e61402aa0b  signature="#$enorth_signature_value$#"]-->