@import url("http://www.jiaodong.net/inc/millia/millia.css");
@import url("http://www.jiaodong.net/inc/millia/swiper3.4.2.css");
.millia{width:1200px;margin:0 auto;}
.topicbg{background:url(images/topicbg.jpg) no-repeat top center;}
.topic{width:1310px;margin:0 auto;position:relative;/* background:url(images/topic.png) no-repeat top center;background-size:100% 100%; */}
.join{position:absolute;left:500px;top:425px;text-align:center;color:#fff;font-size:22px;line-height:30px;}
.joinbt{background:url(images/bt01.png) no-repeat left top;width:364px;height:91px;border:none;background-size:100% 100%;}
.join b{font-size:30px;display:inline-block;margin:0 5px;vertical-align:top;}
.intro{position:absolute;left:330px;bottom:15px;width:810px;color:#fff;background:url(images/ht01.png) no-repeat left center;padding-left:50px;box-sizing:border-box;}

#nav{background:#d7000e;position:relative;}
#nav ul{display:flex;text-align:center;justify-content:center;width:1200px;margin:0 auto;}
#nav ul li{font-size:20px;line-height:54px;position:relative;flex:1;}
#nav ul li:hover,#nav ul li.hover{background:#9f050f;}
#nav ul a{color:#fff;display:inline-block;}
#nav ul li div{position:absolute;left:0;top:50px;z-index:9999;background:#e0e0e0;display:none;padding:10px 0;width:100%;}
#nav ul li div a{color:#404040;display:block;}
#nav a:hover{text-decoration:none;}
#markbg{display:none;}

.focus .swiper-slide{height:390px;overflow:hidden;position:relative;}
.focus .swiper-slide b{display:block;width:100%;font-size:16px;line-height:46px;font-weight:normal;color:#fff;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.8);text-indent:20px;}
.focus .swiper-pagination{left:auto;bottom:15px;right:10px;width:auto;}
.focus .swiper-pagination-bullet{background:#fff;opacity:1;margin:0 5px !important;width:10px;height:10px;border-radius:5px;}
.focus .swiper-pagination-bullet-active{background:#980d10;width:30px;}
.focus .swiper-slide img,.picList ul li img,.perList ul li span img{width:100%;height:100%;transition:all .5s;}
.focus .swiper-slide:hover img,.picList ul li:hover img,.perList ul li span:hover img{transform:scale(1.2,1.2);}

.ls01 li{border-top:1px dotted #aeaeae;padding:20px 0;color:#666;}
.ls01 li:first-child{border:none;padding-top:0;}
.ls01 li h6{font-size:24px;color:#a20a17;margin-bottom:15px;}
.ls01 li h6 b{display:inline-block;font-weight:normal;background:#a20a17;color:#fff;font-size:14px;margin-right:10px;line-height:24px;vertical-align:middle;padding:0 5px;}
.ls01 li h6 a{color:#a20a17;}

.bg01{background:#ebeaea;padding:30px 0;}
.ht01,.ht02{position:relative;}
.ht01:before,.ht01:after,.ht02:before,.ht02:after{content:"";display:block;position:absolute;width:400px;left:0;top:27px;height:1px;background:#cfcfcf;}
.ht01:after,.ht02:after{left:auto;right:0;}
.ht02:before,.ht02:after{height:10px;background:#f4e1e3;top:50%;margin-top:-5px;width:350px;}
.ht02 a.amore{display:block;position:absolute;right:0;top:50%;margin-top:-13px;background:#a20a17;color:#fff;padding:0 10px;z-index:1;font-size:14px;line-height:26px;}

.picList,.perList{width:100%;overflow:hidden;font-size:0;}
.picList ul,.perList ul{width:103%;}
.picList ul li,.perList ul li{display:inline-block;overflow:hidden;margin:2% 2% 0 0;width:23%;position:relative;}
.picList ul li b{display:block;position:absolute;left:0;bottom:0;right:0;font-size:16px;line-height:42px;text-align:center;color:#fff;font-weight:normal;background:rgba(0,0,0,.5);}
.perList ul li span{display:block;overflow:hidden;margin-bottom:15px;}
.perList ul li b{display:block;background:#a20a17;color:#fff;text-align:center;font-size:18px;line-height:44px;font-weight:normal;}
.perList a{color:#fff;}
.chackmore a{display:block;border:1px solid #c4c3c3;font-size:14px;line-height:30px;color:#8f8f8f;}

h1{font-size:32px;text-align:center;padding:50px 0 30px 0;font-weight:bold;}
.content img{max-width:100% !important;height:auto !important;display:block;margin:10px auto;}
.content p{padding-bottom:20px;}
.source{position:relative;}
.sharebg{position:relative;border-top:1px solid #ccc;}
.bdsharebuttonbox{position:absolute;background:url(images/share.png) #fff no-repeat center center;width:36px;height:36px;left:50%;top:-33px;cursor:pointer;overflow:hidden;padding:10px;margin-left:-23px;}
.bdsharebuttonbox a{display:block;width:100%;height:100%;padding:0;text-indent:-9999px;background:none !important;}
.bdsharebuttonbox a:hover{background:none;}

.page a{display:inline-block;background:#a20a17;color:#fff;font-size:16px;line-height:32px;margin:0 5px;padding:0 20px;}

.list li{width:48%;display:inline-block;margin:0 2% 0 0;font-size:18px;line-height:36px;position:relative;}
.list li{width:100%;margin:0;font-size:16px;line-height:36px;}
.list li:before{content:"";display:inline-block;width:6px;height:6px;margin-right:10px;background:#ad392c;vertical-align:middle;}
.list li span{display:block;position:absolute;right:0;top:0;}


@media screen and (max-width:640px){
.millia{width:94%;overflow:hidden;}
.topicbg{background-size:auto 100%;}
.topic{width:100%;}
.join{font-size:1.5rem;width:100%;padding-left:5%;box-sizing:border-box;position:static;margin:-8rem 0 .5rem 0;}
.joinbt{width:16rem;height:4rem;margin-bottom:0;}
.join b{font-size:1.6rem;}
.intro{position:static;width:100%;box-sizing:border-box;padding:1rem 1rem 1rem 6rem;background-color:#a20a17;background-position:1.5rem center;font-size:1.3rem;line-height:2rem;}

#nav{position:fixed;top:1%;right:1%;box-sizing:border-box;z-index:999;display:block;padding-top:50px;}
#nav span{background:url(images/navbg.png) rgba(215,0,14,1) no-repeat center center;width:46px;height:46px;border-radius:50%;display:block;position:absolute;right:0;top:0;}
#nav ul{background:rgba(215,0,14,.8);display:none;position:absolute;right:0;top:50px;width:auto;}
#nav ul li{font-size:1.6rem;line-height:2.4rem;width:100%;text-align:center;border:none;}
#nav ul li div{left:auto;top:0;right:12.1rem;padding:.5rem .5rem 0 .5rem;}
#nav ul li a{padding:.5rem 1rem;display:block;white-space:nowrap;}
#markbg{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;left:0;top:0;z-index:998;display:none;}

.focus .swiper-slide{width:100% !important;height:auto !important;}
.focus .swiper-slide b{white-space:nowrap;overflow:hidden;text-indent:0;font-size:1.4rem;line-height:2.6rem;text-align:center;}
.focus .swiper-pagination{display:none;}

.ls01 li h6{font-size:1.7rem;margin-bottom:.5rem;}
.ls01 li{font-size:1.4rem;line-height:2.2rem;}

.ht01:before,.ht01:after,.ht02:before,.ht02:after,.ht02 a.amore{display:none;}

.picList,.perList{padding-top:1rem;}
.picList ul li,.perList ul li{width:48%;}
.perList ul li span{margin-bottom:0;}
.picList ul li b,.perList ul li b{font-size:1.4rem;line-height:2.4rem;}

h1{font-size:2.4rem;padding:4rem 0 1rem 0;}


.list li span{display:none;}
.list li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

}