@import url("http://www.jiaodong.net/inc/millia/millia.css");
@import url("http://www.jiaodong.net/inc/millia/swiper3.4.2.css");

.millia,.nav dl{width:1200px;margin:0 auto;position:relative;z-index:1;}
.topic{background:url(topicbg.jpg) no-repeat top center;display:flex;align-items:center;justify-content:center;background-size:auto 100%;}

.nav{background:#1057c2;padding:25px 0 10px 0;color:#fff}
.nav a{color:#fff;}
.nav dl{display:flex;align-items:center;font-size:20px;}
.nav dl dt{padding-right:40px;}
.nav dl dd{background:url(nav_line.png) no-repeat right center;padding:0 20px;line-height:66px;background-size:1px 90%;}
.nav dl dd:last-child{background:none;}

.bg01{background:linear-gradient(to bottom,#3aa1f0,#fff 710px);position:relative;padding-top:90px;}
.bg01:before{content:"";display:block;position:absolute;left:0;top:60px;background:url(body01.png) no-repeat top center;width:100%;height:645px;}


.focusSwiper{height:580px;position:relative;overflow:hidden;}
.focusSwiper .swiper-slide span{display:block;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);color:#fff;padding:10px 25% 10px 10px;width:100%;box-sizing:border-box;font-size:20px;white-space:nowrap;text-overflow:ellipsis;text-align:center;overflow:hidden;}
.focusSwiper .swiper-pagination{bottom:10px;width:20%;left:auto;right:0;}
.focusSwiper .swiper-pagination .swiper-pagination-bullet{margin:0 5px;background:none;opacity:1;width:10px;height:10px;border:1px solid #fff;box-sizing:border-box;}
.focusSwiper .swiper-pagination .swiper-pagination-bullet-active{background:#ffff;}

.unit dt{font-weight:bold;display:inline-block;color:#fff;background:#1057c2;border-right:8px solid #00b461;font-size:20px;padding:3px 20px;}
.unit dd{padding:8px 0;}

.lineList{background:url(linebg.png) no-repeat top center;position:relative;height:470px;}
.lineList li{position:absolute;cursor:pointer;}
.lineList li:nth-child(1){left:30px;top:75px;}
.lineList li:nth-child(2){left:330px;top:40px;}
.lineList li:nth-child(3){right:350px;top:70px;}
.lineList li:nth-child(4){right:30px;top:100px;}
.lineList li img{width:205px;height:205px;border-radius:205px;transition:all 0.5s;border:1px dashed #fff;border-radius:50%;padding:2px;}
.lineList li:hover img{transform:scale(1.1);}


.dl01 dt{font-size:24px;font-weight:bold;padding-bottom:15px;}
.dl01 dd{display:flex;align-items:center;}
.dl01 dd:before{content:"";width:5px;height:5px;background:#1057c2;margin-right:10px;}
.dl01 dd a{flex:1;}

.verticalSwiper{height:770px;position:relative}
.verticalSwiper .swiper-slide{display:flex;align-items:center;justify-content:center;position:relative;}
.verticalSwiper .swiper-slide p{position:absolute;width:600px;height:190px;background:rgba(16,87,194,.8);color:#fff;padding:35px 45px 0 45px;box-sizing:border-box;font-size:18px;line-height:36px;bottom:85px;right:50%;margin-right:-600px;}
.verticalSwiper .swiper-slide p b{display:block;font-size:24px;padding-bottom:10px;}
.verticalSwiper .swiper-pagination{width:25px;left:auto;right:50%;margin-right:-660px;top:auto;bottom:100px;}
.verticalSwiper .swiper-pagination .swiper-pagination-bullet{margin:10px 0;background:none;opacity:1;width:25px;height:25px;border:1px solid #fff;box-sizing:border-box;}
.verticalSwiper .swiper-pagination .swiper-pagination-bullet-active{background:#ffff;}

.bg02{background:url(body02.jpg) no-repeat top center;background-size:100% auto;padding:60px 0;}

.columnSwiper{position:relative;}
.columnSwiper .swiper-button-next,.columnSwiper .swiper-button-prev{width:70px;height:120px;background-size:100% 100%;margin-top:-60px;}
.columnSwiper .swiper-button-next{background:url(icon_right.png) no-repeat left top;right:-100px;}
.columnSwiper .swiper-button-prev{background:url(icon_left.png) no-repeat left top;left:-100px;}

.bg03{background:#f7f7f7;padding-top:25px;}

.SwiperTabs{background:url(icon01.png) no-repeat top center;width:1200px;height:240px;margin:0 auto;position:relative;background-size:100% auto;}
.SwiperTabs li{position:absolute;width:70px;height:170px;background:url(icon03.png) no-repeat center top;top:42px;background-size:51px auto;}
.SwiperTabs li:nth-child(1){left:43px;}
.SwiperTabs li:nth-child(2){left:302px;}
.SwiperTabs li:nth-child(3){left:542px;}
.SwiperTabs li:nth-child(4){right:298px;}
.SwiperTabs li:nth-child(5){right:46px;}
.SwiperTabs li.active{background-image:url(icon02.png);}

.SwiperTabBox .swiper-slide{padding:80px 0;}
.SwiperTabBox .swiper-slide:nth-child(1){background:url(bg01.jpg) no-repeat left top;background-size:100% 100%;}
.SwiperTabBox .swiper-slide:nth-child(2){background:url(bg02.jpg) no-repeat left top;background-size:100% 100%;}
.SwiperTabBox .swiper-slide:nth-child(3){background:url(bg03.jpg) no-repeat left top;background-size:100% 100%;}
.SwiperTabBox .swiper-slide:nth-child(4){background:url(bg01.jpg) no-repeat left top;background-size:100% 100%;}
.SwiperTabBox .swiper-slide:nth-child(5){background:url(bg04.jpg) no-repeat left top;background-size:100% 100%;}
.lineContent{display:flex;justify-content:space-between;align-items:center;}
.lineContent dl{width:640px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.lineContent ul{width:520px;}
.lineContent dt{margin-bottom:15px;width:100%;}
.lineContent dt img{width:100%;height:350px;}
.lineContent dd{width:49%;display:flex;flex-direction:column;}
.lineContent dd a{overflow:hidden;margin-bottom:20px;}
.lineContent dd a img{width:100%;height:175px;}
.lineContent li{padding:20px 0 17px 0;border-top:1px dashed #fff;position:relative;}
.lineContent li:before,.lineContent li:after{content:"";display:block;width:10px;height:3px;background:#fff;top:-2px;position:absolute;}
.lineContent li:before{left:0;}
.lineContent li:after{right:0;}
.lineContent li:first-child{padding-top:0;border:none;}
.lineContent li:first-child:before,.lineContent li:first-child:after{display:none;}
.lineContent h6{font-size:24px;font-weight:bold;padding-bottom:15px;display:flex;align-items:center;}
.lineContent h6  a:first-child{flex:1;}
.lineContent h6 .amore{background:url(amore.png) no-repeat left top;width:65px;height:26px;}
.lineContent p{display:flex;align-items:center;}
.lineContent p:before{content:"";width:5px;height:5px;background:#fff;margin-right:10px;}

.bg04{background:url(body03.png) no-repeat bottom center;padding:180px 0 50px 0;background-size:100% 100%;}

.mediaSwiper{padding-bottom:90px;}
.mediaSwiper .swiper-pagination .swiper-pagination-bullet{margin:0 10px;background:#fff;opacity:1;width:60px;height:15px;border-radius:10px;}
.mediaSwiper .swiper-pagination .swiper-pagination-bullet-active{width:15px;height:15px;border-radius:15px;}


.logoList{display:flex;margin-left:-1%;flex-wrap:wrap;}
.logoList li{width:15.6%;margin:0 0 10px 1%;overflow:hidden;}

.dl01 dt,.dl01 dd a,.lineContent dd a,.lineContent h6 a,.lineContent p a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.focusSwiper .swiper-slide img,.verticalSwiper .swiper-slide img,.columnSwiper .swiper-slide img,.lineContent dl dt img,.lineContent dl dd a img,.mediaSwiper .swiper-slide img,.logoList li img{width:100%;height:100%;}



@media screen and (max-width:860px){
.millia{width:96%;}
.topic img{width:90%;height:auto;}
.nav{overflow-x:auto;padding:1.5rem 0 1rem 2rem;}
.nav::-webkit-scrollbar{width:0;height:0;}
.nav dl{width:auto;}
.nav dl dt{padding-right:2rem;}
.nav dl dt img{height:2rem;width:auto;}
.nav dl dd{white-space:nowrap;font-size:1.5rem;line-height:2.5rem;}
.bg01{background:none;padding-top:2rem;}
.focusSwiper .swiper-pagination,.verticalSwiper .swiper-pagination,.columnSwiper .swiper-button-next,.columnSwiper .swiper-button-prev,.mediaSwiper .swiper-pagination{display:none;}

.focusSwiper .swiper-slide span,.unit,.dl01,.verticalSwiper .swiper-slide p,.lineContent{font-size:1.4rem;}

.unit dt,.dl01 dt,.verticalSwiper .swiper-slide p b,.lineContent h6{font-size:1.6rem;}

.unit,.dl01,.lineContent{line-height:2.6rem;}
.verticalSwiper .swiper-slide p{line-height:2.2rem;}

.focusSwiper{height:auto;}
.focusSwiper .swiper-slide span{padding:1rem;}

.ht img{height:auto;width:45%;}

.lineList{background-size:100% auto;display:flex;justify-content:space-evenly;height:auto;padding:1rem 0 5.5rem 0;}
.lineList li{position:static;display:inline-block;width:20%;}
.lineList li img{width:100%;height:auto;}

.dl01 dt{padding-bottom:0.5rem;}

.verticalSwiper{height:16rem;}
.verticalSwiper .swiper-slide p{right:1rem;bottom:1rem;width:70%;height:auto;padding:1rem;margin-right:0;height:auto;overflow:hidden;}
.verticalSwiper .swiper-slide p b{padding-bottom:0.5rem;}

.bg02,.bg04{background:none;padding:3rem 0 2rem 0;}

.SwiperTabs{width:100%;height:9rem;display:flex;justify-content:space-between;padding:1.2rem 1.5rem 0 1.5rem;box-sizing:border-box;}
.SwiperTabs li{position:static;display:inline-block;width:2rem;height:auto;background-size:100% auto;}
.SwiperTabBox .swiper-slide{padding:2rem 0;}
.lineContent{flex-wrap:wrap;}
.lineContent dl,.lineContent ul{width:100%;}
.lineContent h6{padding-bottom:1rem;}

.mediaSwiper{padding:0;}

.logoList li{width:32.3%;margin-bottom:1%;}
}<!--ecms sync check [sync_thread_id="a68f6e271be0d23e820cf6e61402aa0b" sync_date="2024-06-24 17:23:02" check_sum="a68f6e271be0d23e820cf6e61402aa0b  signature="#$enorth_signature_value$#"]-->