/*millia  2026-01-28 15:46:08*/
@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;overflow:hidden;background:url(../images/bg01.jpg) no-repeat left top;background-size:cover;}
#millia .swiper-slide{display:flex;justify-content:center;align-items:center;}
.index{background:url(../images/indexBg.jpg) no-repeat center center;background-size:cover;}
.index img{width:44vw;height:auto;}
.millia{width:1200px;}

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


.mouseBox{position:absolute;left:0;bottom:10vh;width:100%;display:flex;justify-content:center;align-items:center;flex-flow:column wrap;z-index:2;color:#33a6bb;}
.mouse{display:flex;align-items:center;padding-bottom:15px;}
.mouse .icon{height:20px;width:auto;fill:#33a6bb;}
.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:#00899d;}

.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:linear-gradient(to right,#26a3ba,#2cd3d8);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;}

.gridImg{display:grid;grid-template-columns:600px 1fr 1fr;grid-template-rows:185px;justify-content:space-between;gap:15px;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 span,.twoRows li span,.threeClos li span{display:block;position:absolute;left:0;bottom:0;width:100%;background:rgba(38,163,186,0.7);color:#fff;padding:10px;box-sizing:border-box;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
.gridImg li:first-child{grid-row:span 2;}
.gridImg li:first-child span{font-size:24px;display:flex;align-items:center;}
.gridImg li:first-child span .icon{fill:#fff;height:30px;width:auto;margin-right:10px;flex-shrink:0;}
.gridImg li:first-child span b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;}

.perList{display:flex;justify-content:space-between;flex-flow:wrap;}
.perList li a{display:flex;justify-content:center;align-items:center;flex-flow:column wrap;width:100%;text-align:center;}
.perList li span{width:160px;height:160px;border-radius:200px;overflow:hidden;border:10px solid #fff;display:flex;align-items:center;justify-content:center;margin-bottom:15px;}

.booth{background:url(../images/sp01.png) no-repeat left bottom;background-size:100% auto;width:1300px;box-sizing:border-box;padding:0 95px 65px 40px;display:flex;align-items:center;justify-content:space-between;}

.stackMain{width:780px;position:relative;padding:0 50px;box-sizing:border-box;}
.stackMain .swiper-container{padding:0 5px;}
.stackMain .swiper-wrapper{display:flex;align-items:center;}
.stackMain .swiper-slide{transition:transform 1.0s;transform:scale(0.7);z-index:0;}
.stackMain .swiper-slide img{height:100%;width:auto;border:2px solid #fff;box-sizing:border-box;}
.stackMain .swiper-slide-prev,.stackMain .swiper-slide-next{transform:scale(0.85);z-index:1;}
.stackMain .swiper-slide-active{transform:scale(1);z-index:2;}

.twoRows{margin-left:20px;flex:1;}
.twoRows li{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;height:200px;margin-top:25px;}
.twoRows li:first-child{margin:0;}
.twoRows li a,.threeClos li a{width:100%;height:100%;}

.threeClos{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:30px;}
.threeClos li{overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;}
.threeClos li span{font-weight:normal}






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

.hot img,.focusBox:after{display:none;}


.perList{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;}
.gridImg li:first-child{grid-column:span 2;}

.perList li{width:18%;}
.perList li span{width:100%;padding-top:100%;height:0;border:1px solid #fff;position:relative;flex-shrink:0;}
.perList li span img{position:absolute;left:0;top:0;}

.booth{flex-flow:column wrap;padding:0 0 3rem 0;width:100%;}
.stackMain{width:100%;padding:0;}
.twoRows{display:flex;justify-content:space-between;margin:3rem 0 0 0;width:100%;}
.twoRows li{width:48%;margin:0;}

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

}<!--ecms sync check [sync_thread_id="a68f6e271be0d23e820cf6e61402aa0b" sync_date="2026-02-09 09:08:08" check_sum="a68f6e271be0d23e820cf6e61402aa0b  signature="#$enorth_signature_value$#"]-->