/*millia  2026-04-30 09:44:20*/
@import url("https://www.jiaodong.net/inc/millia/millia.css");
@import url("https://www.jiaodong.net/inc/millia/swiper3.4.2.css");
#millia{height:100vh;overflow:hidden;background:url(../images/bg.jpg) no-repeat left top;background-size:cover;}
#millia .swiper-slide{display:flex;justify-content:center;align-items:center;}
.index{background:url(../images/index.jpg) no-repeat center center;background-size:cover;}
.index img{width:62vw;height:auto;}
.millia{width:1200px;}


.focusImg .swiper-slide img,.manySwiper .swiper-slide img,.gridImg li img,.threeClos li img,.bigSmall .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.hot p b a:hover{text-decoration:none;}

.manySwiper .swiper-slide span,.gridImg li span,.threeClos li span{display:block;position:absolute;left:0;bottom:0;width:100%;background:rgba(12,122,206,0.7);color:#fff;padding:10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}





.mouseBox{position:absolute;left:0;bottom:5vh;width:100%;display:flex;justify-content:center;align-items:center;flex-flow:column wrap;z-index:2;color:#0974ca;}
.mouse{display:flex;align-items:center;padding-bottom:15px;}
.mouse .icon{height:20px;width:auto;fill:#0974ca;}
.mouse .icon:nth-child(2){height:40px;}
.hot{display:flex;align-items:center;justify-content:center;}
.hot img{margin-right:35px;height:100%;width:auto;}
.hot p{flex:1;}
.hot p b{font-size:36px;padding-bottom:20px;display:block;}
.hot p a{color:#0974ca;}

.focusBox{padding:30px 40px 30px 0;position:relative;display:flex;align-items:center;justify-content:space-between;}
.focusBox:after{content:"";display:block;position:absolute;right:0;top:0;width:55%;background:#fff;height:100%;box-shadow:0 0 20px #d3d3d3;}
.focusImg{width:660px;height:430px;overflow:hidden;flex-shrink:0;margin-right:40px;}
.focusImg .swiper-slide{position:relative;}
.focusImg .swiper-slide a{display:block;width:100%;height:100%;}
.focusImg .swiper-slide span{display:block;position:absolute;left:0;bottom:0;background:#0974ca;color:#fff;width:100%;padding:15px 50px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.focusImg .swiper-button-prev,.focusImg .swiper-button-next{top:auto;bottom:15px;width:30px;height:20px;}
.focusImg .swiper-button-prev{left:20px;}
.focusImg .swiper-button-next{right:20px;}
.focusTxt{flex:1;position:relative;z-index:2;overflow:hidden;width:100%;}
.focusTxt li{padding:20px 0;position:relative;border-top:1px dashed #9d9d9d;}
.focusTxt li h6{font-size:26px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:10px;color:#333;}
.focusTxt li h6 a{color:#333;}
.focusTxt li:before,.focusTxt li:after{content:"";display:block;position:absolute;top:-2px;width:8px;height:3px;background:#9d9d9d;}
.focusTxt li:before{left:0;}
.focusTxt li:after{right:0;}
.focusTxt li:first-child{border:none;}
.focusTxt li:first-child:before,.focusTxt li:first-child:after{display:none;}


.ht{display:flex;align-items:center;justify-content:center;}


.booth{background:url(../images/sp01.png) no-repeat left bottom;background-size:100% auto;width:1300px;box-sizing:border-box;padding:0 75px 65px 75px;position:relative;}
.manySwiper .swiper-slide{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}


.gridImg{display:grid;grid-template-columns:380px 1fr 1fr;grid-template-rows:250px;justify-content:space-between;gap:30px;width:100%;}
.gridImg li{position:relative;overflow:hidden;height:100%;}
.gridImg li a{display:flex;align-items:center;justify-content:center;height:100%;}
.gridImg li:first-child{grid-row:span 2;}


.threeClos{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:30px;}
.threeClos li,.bigSmall .swiper-slide,.bigSmall .swiper-slide a{overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;}
.threeClos li a,.bigSmall .swiper-slide a{width:100%;height:100%;}

.bigSmall{display:flex;justify-content:space-between;position:relative;}
.bigSmall .leftBig{width:890px;}
.bigSmall .rightSmall{background:#fff;flex:1;padding:20px;box-sizing:border-box;}
.leftBig .swiper-container{height:530px;}
.leftBig .swiper-slide{position:relative;height:100%;}
.leftBig .swiper-slide span{background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.7));padding:80px 20px 20px 20px;position:absolute;left:0;bottom:0;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;color:#fff;}
.rightSmall .swiper-container{height:490px;}
.rightSmall .swiper-slide{height:150px !important;}
.bigSmall .swiper-button-prev{left:-50px;}
.bigSmall .swiper-button-next{right:-50px;}

.leftFixed,.leftFixedShow{position:fixed;left:0;bottom:10vh;background:#0974ca;padding:30px 20px;text-align:center;color:#fff;z-index:99;display:none;}
.leftFixed li{padding:20px 0;border-top:1px dashed #fff;cursor:pointer;}
.leftFixed li:first-child{border:none;padding-top:10px;}
.leftFixed a{color:#fff;}
.leftHide{display:flex;align-items:center;justify-content:center;font-size:14px;background:#1587e2;padding:10px 0;}
.leftHide .icon,.leftFixedShow .icon{fill:#fff;width:20px;height:auto;margin-left:10px;}
.leftFixedShow{left:-100vw;bottom:20vh;}
.leftFixedShow{display:flex;flex-flow:column wrap;width:20px;border-radius:0 10px 10px 0;padding:30px 20px 10px 20px;}
.leftFixedShow .icon{margin:10px 0 0 0;}

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

.hot img,.focusBox:after,.booth .swiper-button-prev,.booth .swiper-button-next,.bigSmall .swiper-button-prev,.bigSmall .swiper-button-next,.leftFixed,.leftFixedShow{display:none !important;}

.leftBig .swiper-slide span{font-size:1.4rem;}
.gridImg li:first-child span b{font-size:1.6rem;}
.hot p b,.focusTxt li h6{font-size:2rem;}

.index{padding:9rem 0 17rem 0 !important;}
.index img{width:55vw;}
.hot{padding-top:3rem;}
.hot p b{text-align:center;padding-bottom:1rem;}
.focusBox{flex-flow:column wrap;padding:0;}
.focusImg{width:100%;height:37rem;margin:0 0 2rem 0;}
.focusImg .swiper-slide{padding:0 !important;height:37rem !important;}
.focusTxt li{padding:2.5rem 0;}
.focusTxt li h6{padding-bottom:1rem;}

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

.gridImg{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1rem;}
.gridImg li:first-child{grid-column:span 2;}

.booth{background:none;padding:0;width:100%;}

.threeClos{gap:1rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);}

.bigSmall .leftBig{width:65vw;}
.bigSmall .rightSmall{padding:0.5rem;}
.leftBig .swiper-container{height:22rem;}
.rightSmall .swiper-container{height:21rem;}
.rightSmall .swiper-slide{height:6.66rem !important;}
.leftBig .swiper-slide span{padding:1rem;}
}<!--ecms sync check [sync_thread_id="a68f6e271be0d23e820cf6e61402aa0b" sync_date="2026-05-08 09:18:23" check_sum="a68f6e271be0d23e820cf6e61402aa0b  signature="#$enorth_signature_value$#"]-->