@import url("https://www.jiaodong.net/inc/millia/millia.css");
@import url("https://www.jiaodong.net/inc/millia/swiper3.4.2.css");
body{background:#fffef5;}
.millia,.nav ul{width:1200px;margin:0 auto;}
.topic{background:url(topic.jpg) no-repeat top center;height:730px;background-size:auto 100%;}
.nav{background:#880e0c;}
.nav ul{display:flex;justify-content:space-around;}
.nav li{font-size:28px;line-height:94px;font-weight:bold;text-align:center;}
.nav a{color:#fff;}

.hot{background:url(hot.png) no-repeat 10px center;padding:20px 20px 20px 170px;border:1px solid #bb0404;color:#bb0404;}
.hot h1{font-size:36px;font-weight:bold;padding-bottom:15px;}
.hot a{color:#bb0404;}

.focusBg{position:relative;padding-right:40px;}
.focusBg:after{content:"";display:block;background:#fff;position:absolute;left:0;bottom:0;top:30px;width:100%;box-shadow:0 0 5px #ccc;}
.clear{clear:both;}
.focusSwiper{height:400px;position:relative;box-shadow:0 0 5px #ccc;}
.focusSwiper:after{content:"";display:block;position:absolute;width:0;height:0;border-color:transparent transparent transparent #660202;border-width:30px 0 0 30px;border-style:solid;top:0;right:-30px;}
.focusSwiper .swiper-slide{position:relative;}
.focusSwiper .swiper-slide img,.tabs li img,.swiperBoxStacking .swiper-slide img,.tagSwiperBoxImg .swiper-slide img,.SwiperSwitchBox .swiper-slide img{width:100%;height:100%;}
.focusSwiper .swiper-slide b{position:absolute;left:0;bottom:0;display:block;background:rgba(0,0,0,0.6);color:#fff;width:100%;padding:20px 30% 20px 20px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.focusSwiper .swiper-pagination{bottom:18px;right:10px;}
.focusSwiper .swiper-pagination-bullet{margin:0 3px;opacity:1;background:#fff;}
.focusSwiper .swiper-pagination-bullet-active{background:#911101;width:17px;border-radius:8px;}

.focuse{position:relative;z-index:2;padding-top:50px;}
.ht02{display:flex;align-items:center;border-bottom:1px solid #bb0404;justify-content:space-between;}
.ht02 b{border-bottom:2px solid #bb0404;padding-bottom:10px;}

.ls01 li{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 0;border-top:1px dashed #bb0404;}
.ls01 li:nth-child(1){border:none;padding-top:30px;}
.ls01 li:before{content:'';display:block;width:6px;height:6px;border-radius:6px;background:#bb0404;margin:10px 10px 0 0;}
.ls01 li a{flex:1;}

.ht01{position:relative;text-align:center;background:url(line.png) no-repeat bottom center;padding-bottom:15px;}
.ht01 .amore{display:block;position:absolute;right:260px;bottom:15px;}

.tagSwiperBox{display:flex;justify-content:space-between;align-items:center;}
.tagSwiperBoxImg{width:850px;height:460px;}
.tagSwiperBoxImg .swiper-slide{position:relative;}
.tagSwiperBoxImg .swiper-slide b,.swiperBoxStacking .swiper-slide b,.tabs li b,.SwiperSwitchBox .swiper-slide b{display:block;background:rgba(0,0,0,0.6);color:#fff;position:absolute;left:0;bottom:0;width:100%;padding:0 40px;box-sizing:border-box;font-size:18px;line-height:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tabs{/*overflow-y:auto;margin:0 25px;*/height:460px;margin-left:25px;flex:1;overflow:hidden;}
.tabs::-webkit-scrollbar{width:7px;}
.tabs::-webkit-scrollbar-track{background:#cd3d29;border-radius:10px;overflow:hidden;}
.tabs::-webkit-scrollbar-thumb{background:#ffaf00;border-radius:10px;box-shadow:inset 0 0 3px #cd3d29;}
.tabs li{margin-top:10px;color:#fff;position:relative;height:147px;}
.tabs li:first-child{margin:0;}
.tabs li img{display:block;}
.tabs li b{font-size:14px;line-height:34px;}

.swiperBoxStacking,.SwiperSwitchBox{position:relative;padding:0 85px;}
.swiperBoxStacking .swiper-container{padding:5px 0;}
.swiperBoxStacking .swiper-slide{transition:transform 1.0s;transform:scale(0.6);z-index:0;}
.swiperBoxStacking .swiper-slide b{font-size:16px;line-height:36px;padding:0 20px;}
.swiperBoxStacking .swiper-slide-prev,.swiperBoxStacking .swiper-slide-next{transform:scale(0.8);z-index:1;}
.swiperBoxStacking .swiper-slide-active{transform:scale(1);z-index:2;box-shadow:0 0 5px #000;}
.swiperBoxStacking .swiper-button-next,.SwiperSwitchBox .swiper-button-next{background:url(right.png) no-repeat;background-size:100%  100%;}
.swiperBoxStacking .swiper-button-prev,.SwiperSwitchBox .swiper-button-prev{background:url(left.png) no-repeat;background-size:100%  100%;}
.stackingYellow .swiper-slide-active{box-shadow:none;}
.stackingYellow .swiper-slide b{background:#bf944c;left:-30px;overflow:visible;box-sizing: content-box;padding:0 30px;text-align:center;}
.stackingYellow .swiper-slide b:before,.stackingYellow .swiper-slide b:after{content:"";width:0;height:0;position:absolute;display:block;border-color:transparent transparent #6b4400 transparent;border-width:0 30px 30px 0;border-style:solid;right:0;bottom:36px;}
.stackingYellow .swiper-slide b:after{border-color:transparent #6b4400 transparent transparent;border-width:30px 30px 0 0;border-style:solid;right:auto;left:0;}
.SwiperSwitchBox .swiper-slide b{font-size:14px;line-height:30px;padding:0 10px;text-align:center;}

.footer{background:#911101;padding:5px 0;color:#fff;}
.footer a{color:#fff;}

.list li{display:flex;align-items:center;justify-content:space-between;padding:20px 0;color:#999;border-top:1px dashed #d5d5db}
.list li:first-child{border:none;}
.list li:before{content:"";display:block;width:6px;height:6px;border-radius:6px;background:#22a9a2;}
.list li a{flex:1;margin:0 20px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list li span{font-size:14px;}


@media screen and (max-width:1200px){
.millia{width:96%;}
.topic{height:22rem;}
.nav ul{display:block;overflow-x:auto;width:100%;white-space:nowrap;}
.nav li{display:inline-block;padding:0 1rem;}

.focusBg:after,.focusSwiper:after,.focusSwiper .swiper-pagination,.ht01 .amore,.swiperBoxStacking .swiper-button-next,.swiperBoxStacking .swiper-button-prev,.stackingYellow .swiper-slide b:before,.stackingYellow .swiper-slide b:after,.SwiperSwitchBox .swiper-button-next,.SwiperSwitchBox .swiper-button-prev{display:none;}

.tabs li b,.SwiperSwitchBox .swiper-slide b{font-size:1.2rem;}
.hot,.focusSwiper .swiper-slide b,.ls01 li,.swiperBoxStacking .swiper-slide b,.tagSwiperBoxImg .swiper-slide b{font-size:1.4rem;}
.nav li{font-size:1.6rem;}

.hot h1{font-size:1.8rem;}

.nav,.ls01 li{line-height:2.4rem;}
.hot,.tabs li b,.SwiperSwitchBox .swiper-slide b{line-height:2.6rem;}
.tagSwiperBoxImg .swiper-slide b,.swiperBoxStacking .swiper-slide b{line-height:3.2rem;}
.nav li{line-height:4.6rem;}


.hot{background:none;padding:2rem;}
.hot h1{padding-bottom:1rem;}

.focusBg,.SwiperSwitchBox,.swiperBoxStacking{padding:0;}
.focusSwiper{height:auto;}
.focusSwiper .swiper-slide b{padding:1rem;font-weight:normal;}
.focuse{padding-top:3rem;}

.ht02 img{height:100%;width:auto;}
.ht02 b{height:2rem;}

.ls01 li{padding:1.5rem 0;}
.ls01 li:nth-child(1){padding-top:2rem;}

.ht01{background-size:100% auto;}
.ht01 img{width:60%;height:auto;}

.tagSwiperBox{flex-direction:column;overflow:hidden;}
.tagSwiperBoxImg{width:100%;height:auto;}
.tagSwiperBoxImg .swiper-slide b,.swiperBoxStacking .swiper-slide b{font-weight:normal;}
.tabs{margin:0;width:100%;overflow:hidden;/*overflow-x:auto;*/white-space:nowrap;padding:1rem 0 0 0;box-sizing:border-box;}
.tabs li{width:33%;display:inline-block;margin:0;height:auto;}
.tabs li b{padding:0 0.5rem;font-weight:normal;}
.tabs::-webkit-scrollbar{width:auto;height:0.8rem;}
.tabs::-webkit-scrollbar-track{background:#cd3d29;border-radius:10px;overflow:hidden;}
.tabs::-webkit-scrollbar-thumb{background:#ffaf00;border-radius:10px;box-shadow:inset 0 0 3px #cd3d29;}

.stackingYellow .swiper-slide b{padding:0 1rem;box-sizing:border-box;left:0;}







.list li{padding:1.5rem 0;}
}<!--ecms sync check [sync_thread_id="a68f6e271be0d23e820cf6e61402aa0b" sync_date="2024-12-09 09:54:29" check_sum="a68f6e271be0d23e820cf6e61402aa0b  signature="#$enorth_signature_value$#"]-->