@import url("millia.css");
@import url("swiper3.4.2.css");
.millia,.nav ul{width:1200px;margin:0 auto;}
.top{background:#f8f8f8;padding:8px 0;}
.top .millia{display:flex;align-items:center;justify-content:space-between;}
.search{display:flex;align-items:center;}
.search > *{display:flex;align-items:center;}
.search .icon{height:18px;width:18px;margin-right:10px;}
.search .int01{background:#fff;border:1px solid #e4e4e4;border-radius:10px;padding-left:10px;line-height:24px;}
.search .bt01{border:none;background:none;padding:0 10px;}

.topic{background:url(logoBg.jpg) no-repeat top center;background-size:auto 100%;}
.topic .millia{height:197px;display:flex;align-items:center;}

.nav{scrollbar-width:none;background:#9a0e0e;color:#fff;position:relative;z-index:999}
.nav::-webkit-scrollbar{display:none;}
.nav a{color:#fff;display:block;}
.nav a:hover{text-decoration:none;text-shadow:1px 1px 0 #000;}
.nav ul{display:flex;justify-content:space-between;}
.nav ul li{position:relative;flex:1;text-align:center;}
.nav ul li:hover{background:#ce0404;}
.nav ul li div{position:absolute;left:0;right:0;background:#ce0404;overflow:hidden;height:0;}
/*.nav ul li:hover div{height:auto;}*/
.nav ul li div a{white-space:nowrap;font-size:16px;padding:5px 10px;}
.nav ul li div a:hover{background:#9a0e0e;}

.bg01{background:url(bg01.jpg) no-repeat bottom center;background-size:100% auto;padding:30px 0 40px 0;}

.focusSwiper{height:390px;position:relative;}
.focusSwiper .swiper-slide img,.imgTag li img,.fourList li img,.threeList li img{width:100%;height:100%;}
.focusSwiper .swiper-slide span{display:block;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);color:#fff;padding:10px 0 40px 0;width:100%;box-sizing:border-box;font-size:20px;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
.focusSwiper .swiper-pagination{bottom:10px;width:100%;}
.focusSwiper .swiper-pagination .swiper-pagination-bullet{margin:0 5px;background:#fff;opacity:1;width:10px;height:10px;}
.focusSwiper .swiper-pagination .swiper-pagination-bullet-active{background:#e60019;}
.focusSwiper,.focusSwiper .swiper-container{height:390px;position:relative;overflow:hidden;}

.tabs{display:flex;align-items:center;background:url(icon01.png) no-repeat left center;justify-content:space-between;padding-left:35px;}
.tabs a{color:#999;}
.tabs a:hover{text-decoration:none;}
.tabs ul{display:flex;font-size:24px;font-weight:bold;color:#999;}
.tabs ul li{padding:0 15px;border-left:2px solid #999;cursor:pointer;}
.tabs ul li:first-child{border:none;}
.tabs ul li.active,.tabs ul li.active a{color:#9a0e0e;}
.tabs .amore{flex:1;color:#999;display:flex;justify-content:space-between;align-items:center;white-space:nowrap;}
.tabs .amore:before{content:'';display:block;height:1px;background:#999;flex:1;margin-right:15px;}

.ls01 li{color:#666;padding:10px 0;border-top:1px dashed #ccc;}
.ls01 li:first-child{border:none;}
.ls01 li:last-child{padding-bottom:0;}
.ls01 li a{color:#9a0e0e;}
.ls01 li h6{font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:15px;}
.ls01 li h6 a{color:#333;}

.tag01{display:flex;flex-wrap:wrap;margin:0 0 0 -15px;overflow:hidden;width:100%;align-items:center;}
.tag01 li{background:linear-gradient(to bottom,#fff,#f8f8f8);border:1px solid #d1d1d1;padding:10px 25px;border-radius:10px;font-size:24px;font-weight:bold;margin:15px 0 0 15px;box-sizing:border-box}
.tag01 li,.tag01 li a{display:flex;align-items:center;}
.tag01 li img{margin-right:10px;}
.tag01 li:nth-child(1),.tag01 li:nth-child(4){width:320px;}
.tag01 li:nth-child(2),.tag01 li:nth-child(5){width:390px;}
.tag01 li:nth-child(3),.tag01 li:nth-child(6){width:445px;}


/*地图相关*/
.area{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.area dt{position:relative;background:#9a0e0e;color:#fff;padding:5px 20px;border-radius:5px;}
.area dt:after{content:'';display:block;width:0;height:0;border:10px solid transparent;border-top-color:#9a0e0e;position:absolute;left:50%;bottom:-20px;margin-left:-10px;}
.area dd{display:flex;flex-wrap:wrap;flex:1;}
.area dd span{margin:0 0 20px 35px;cursor:pointer;padding:5px 10px;border-radius:5px;}
.area dd span.hover{background:#9a0e0e;color:#fff;}
.maps{height:700px;position:relative;border-radius:10px;overflow:hidden;}
#container{height:700px;}
.mapContent{position:absolute;width:380px;left:20px;top:30px;bottom:120px;z-index:999;background:#fff;padding:20px 15px;box-sizing:border-box;overflow:hidden;}
.mapContent dt{display:flex;align-items:center;background:#fff5ed;color:#9a0e0e;font-size:18px;font-weight:bold;padding:10px 15px;margin-bottom:20px;}
.mapContent dt .icon{fill:#9a0e0e;width:26px;height:auto;margin-right:10px;}
.mapContent dd{overflow-y:auto;height:87%;}
.mapContent dd::-webkit-scrollbar{width:5px;height:5px;background-color:rgba(0,0,0,.2);}
.mapContent dd::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F5F5;}
.mapContent dd::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#b3b3b3;}
.mapContent dd a{display:flex;align-items:center;justify-content:space-between;padding:20px 10px;border-top:1px dashed #ccc;cursor:pointer;}
.mapContent dd a:first-child{border:none;padding-top:0;}
.mapContent dd a span{flex:1;color:#999;margin-right:10px;}
.mapContent dd a span b{display:block;color:#333;font-size:16px;font-weight:normal;padding-bottom:10px;}
.mapContent dd a img{width:130px;height:80px;}
.mapContent dd a:hover{text-decoration:none;}
.mapContent dd .sortNone{height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#999;}

.mapsTag{position:absolute;left:0;bottom:0;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,0.7);width:100%;}
.mapsTag li{flex:1;display:flex;flex-direction:column;align-items:center;padding:15px 0;cursor:pointer;}
.mapsTag li .icon{width:30px;height:30px;fill:#9a0e0e;margin-bottom:7px;}
.mapsTag li.hover{background:#9a0e0e;color:#fff;}
.mapsTag li.hover .icon{fill:#fff;}

.mapSearch{position:absolute;z-index:9;right:20px;top:20px;display:flex;align-items:center;}
.mapSearch span{display:flex;align-items:center;background:#fff;border-radius:5px;padding:5px 10px;box-shadow:0 0 5px #ccc;margin-right:20px;height:34px;box-sizing:border-box;}
.mapSearch span .icon{width:20px;height:20px;margin-right:10px;fill:#9a0e0e;}
.mapSearch p{box-shadow:0 0 5px #ccc;display:flex;align-items:center;}
.mapSearch .mapSearchValue{border:none;background:#fff;line-height:32px;padding-left:10px;border-radius:5px 0 0 5px;}
.mapSearch .mapSearchButton{border:none;line-height:34px;background:#ff9b4e;color:#fff;padding:0 20px;border-radius:0 5px 5px 0;}
/*地图相关*/



.bg02{background:url(bg02.jpg) no-repeat bottom center;padding:60px 0 110px 0;background-size:100% auto;}
.ls02 li,.list li{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ls02 li:before,.list li:before{content:"";display:block;width:6px;height:6px;background:#9a0e0e;border-radius:10px;margin-right:15px;}
.ls02 li a,.list li a{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ls02 li span{color:#999;font-size:14px;margin-left:20px;}

.imgSwiper .swiper-slide{position:relative;}
.imgSwiper .swiper-slide span{display:block;position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.6);font-size:20px;line-height:36px;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.imgSwiper .swiper-slide img{width:100%;height:200px;}

.imgTag{position:relative;height:415px;}
.imgTag li{position:absolute;border:1px solid #cdcdcd;padding:1px;background:#fff;box-sizing:border-box;}
.imgTag li span,.fourList li span,.threeList li span{color:#fff;position:absolute;display:block;left:1px;bottom:1px;right:1px;background:rgba(0,0,0,0.6);text-align:center;}
.imgTag li:nth-child(1){left:0;top:0;width:196px;height:411px;}
.imgTag li:nth-child(2){left:215px;top:0;width:341px;height:196px;}
.imgTag li:nth-child(3){left:215px;bottom:0;width:231px;height:196px;}
.imgTag li:nth-child(4){right:355px;top:0;width:265px;height:196px;}
.imgTag li:nth-child(5){right:355px;bottom:0;width:376px;height:196px;}
.imgTag li:nth-child(6){right:0;top:0;width:336px;height:411px;}


.friendBg{background:#f0f0f0;padding:30px 0;}
.friendList{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.friendList li{width:14.2%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.ender{background:#9a0e0e;padding:70px 0;}
.ender .millia{display:flex;justify-content:center;align-items:center;}
.ender img{margin-right:30px;}

.fixer{position:fixed;right:5%;bottom:10%;text-align:center;z-index:999;}
.fixer img{width:150px;height:auto;display:block;margin:30px 0 10px 0;}
.fb{font-weight:bold;}

.leftNavHt{background:#9a0e0e;padding:20px 0;}
.leftNav li{background:#f4f4f4;margin-bottom:1px;display:flex;align-items:center;padding:15px 0;flex-wrap:wrap;}
.leftNav li div{width:100%;padding:15px 0 0 50px;}
.leftNav li div a{font-size:16px;display:block;line-height:36px;}
.leftNav li:before{content:"";display:block;width:6px;height:6px;margin:auto 20px;background:#9a0e0e;}
/*.leftNav li:hover{font-weight:bold;}*/
.leftNav li a:hover{color:#9a0e0e;}
.leftNav li:hover div a{font-weight:normal;}

.posi{background:#f4f4f4;padding:10px 0 10px 50px;}

.list{padding:20px 0 50px 30px;}
.list li{border-bottom:1px dashed #d5d5d5;}

.page a{display:inline-block;padding:5px 10px;color:#999;background:#f2f2f2;}
.page span a,.page a:hover{background:#9a0e0e;color:#fff;text-decoration:none;}

.fourList,.threeList{display:flex;margin:0 0 0 -3%;overflow:hidden;flex-wrap:wrap;}
.fourList li,.threeList li{position:relative;overflow:hidden;margin:0 0 3% 3%;width:22%;height:190px;}
.threeList li{width:30%;height:210px;}
.fourList li span{line-height:26px;padding:10px 0;}
.fourList li span b{display:block;font-weight:normal;}

.topic01{background:url(topic01.jpg) no-repeat top center;background-size:auto 100%;height:452px;}


h1{font-size:38px;text-align:center;font-weight:bold;}

.source{padding:45px 0 30px 0;display:flex;justify-content:space-between;background:url(contentLine.png) repeat-x bottom;color:#999;align-items:center;position:relative}

.sourceCtrl{padding-right:40px;position:relative;color:#ddd;}
.sizeAdd,.sizeSub,.Report,.Aerror{display:inline-block;}
.sizeAdd,.sizeSub{padding:0 10px;font-size:22px;line-height:24px;color:#979797;margin-right:5px;cursor:pointer;}
.sizeAdd a,.sizeSub a{color:#979797;}

.bdsharebuttonbox{position:absolute;background:url(shareIcon.png) no-repeat center center;width:26px;height:26px;right:0;top:5px;cursor:pointer;overflow:hidden;background-size:100% auto;}
.bdsharebuttonbox a{display:block;width:100%;height:100%;padding:0;text-indent:-9999px;background:none !important;}
.bdsharebuttonbox a:hover{background:none;}

#content,.aboutContent{padding:40px 0;}
#content p{padding-bottom:10px;}
#content img{max-width:100% !important;height:auto !important;display:block;margin:0 auto;}

.editer{display:flex;justify-content:flex-end;}
.editer p span{display:flex;}

.about{border-top:1px solid #e0dedf;padding-top:40px;}
.aboutList li,.aboutList li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.aboutList li{display:flex;align-items:center;}
.aboutList li a{flex:1;}
.aboutList li:before{content:"";display:block;width:5px;height:5px;margin-right:10px;background:#9a0e0e;}

.topic02{background:url(topic02.jpg) no-repeat top center;background-size:auto 100%;height:452px;}
.aboutBg{position:relative;padding:0 50px;box-sizing:border-box;}
.aboutBg:before{content:"";display:block;width:100%;height:40px;position:absolute;left:0;top:-40px;background:#fff;}

.aboutContent{display:flex;flex-direction:column;width:80%;margin:0 auto;}
.aboutContent p{padding-left:280px;}

.imgListSwiper{display:flex;margin:0 0 0 -3%;flex-wrap:wrap;}
.imgListSwiper li{width:30.3%;margin:0 0 3% 3%;cursor:pointer;}
.imgListSwiper li img{width:100%;height:100%;}
.imgSwiperContent{position:fixed;left:0;top:0;width:100%;height:0;z-index:999;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.imgSwiperContent .swiperClose{position:absolute;right:1%;top:1%;}
.imgSwiperContent .swiperClose .icon{width:45px;height:45px;fill:#fff;}
.imgSwiperContent .SwiperFocusBox{width:1200px;height:50vh;}
.imgSwiperContent .swiper-slide{position:relative}
.imgSwiperContent .swiper-slide span{display:block;position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.6);color:#fff;width:100%;text-align:center;padding:20px 10px;font-size:16px;}
.imgSwiperContent .SwiperFocusBox .swiper-container{width:100%;height:100%;}
.imgSwiperContent .swiper-button-next{right:50%;margin-right:-650px;}
.imgSwiperContent .swiper-button-prev{left:50%;margin-left:-650px;}


@media screen and (max-width:860px) {
body{overflow-x:hidden;}
.millia{width:94%;}
.top .millia{justify-content:center;}
.topic{background-position:left top;}
.topic .millia{height:9rem;justify-content:center;}
.topic img{height:5rem;width:auto;}

.nav{overflow-x:auto;background:none;right:0;left:0;}
.nav ul{white-space:nowrap;width:100%;}
.nav ul li{padding:0 1rem;background:#9a0e0e;}
.nav ul li div a{font-size:1.2rem;padding:0.5rem;line-height:2rem;white-space:normal;}
.nav ul li div a:last-child{padding-bottom:1rem;}

.aboutList{line-height:2.6rem;}
.ls02 li{line-height:3.8rem;}
.nav ul li{line-height:4.2rem;}
.focusSwiper .swiper-slide span,.ls01 li,.posi,.contentPosi,.editer,.source{font-size:1.2rem;}
.nav ul li,.mapContent,.imgSwiper .swiper-slide span,.imgTag,.enderTxt,.fourList li,.threeList li,#content,.aboutList{font-size:1.4rem;}
.ls02 li{font-size:1.5rem;}
.ls01 li h6,.tag01 li,.mapContent dd a span b,.list,.about{font-size:1.6rem;}
.tabs ul,.mapContent dt{font-size:1.8rem;}
h1{font-size:2rem;}


.focusSwiper .swiper-pagination,.tabs .amore,.ls02 li span{display:none;}
.focusSwiper,.focusSwiper .swiper-container{height:auto;}
.focusSwiper .swiper-slide span{padding:1rem 0;}

.tabs{background:none;padding:0;}
.tabs ul,.tabs ul li{flex:1;}
.tabs ul li{text-align:center;padding:0;}

.ls01 li{padding:2rem 0;}
.ls01 li h6{padding-bottom:1rem;}

.tag01 li:nth-child(1),.tag01 li:nth-child(4),.tag01 li:nth-child(2),.tag01 li:nth-child(5),.tag01 li:nth-child(3),.tag01 li:nth-child(6){width:100%;}
.tag01 li img{width:3rem;height:3rem;}

.mapContent{left:0;top:0;right:0;bottom:0;padding:0;}

.bg02{padding:4rem 0 6rem 0;}

.imgSwiper .swiper-slide img{height:auto;}

.imgTag{height:97rem;}
.imgTag li:nth-child(1){width:49%;height:38rem;left:0;top:0;}
.imgTag li:nth-child(2){width:49%;height:11rem;left:auto;right:0;top:0;}
.imgTag li:nth-child(3){width:49%;height:14rem;left:auto;right:0;bottom:auto;top:12rem}
.imgTag li:nth-child(4){width:49%;height:11rem;left:auto;right:0;bottom:auto;top:27rem;}
.imgTag li:nth-child(5){width:100%;left:0;right:auto;top:39rem;bottom:auto;height:15rem;}
.imgTag li:nth-child(6){width:100%;top:auto;bottom:0;height:42rem;}

.ender{padding:3rem 0;}
.ender img{width:auto;height:4rem;margin-right:1rem;}
.enderTxt{line-height:2rem;}

.posi{padding:1rem 0 1rem 1rem;}

.list{padding:2rem 0 3rem 0;line-height:4.6rem;}
.list li:before{margin-right:1rem;}

.fourList li,.threeList li{width:47%;height:13rem;}
.fourList li span{padding:0.5rem 0;line-height:2rem;}
.topic01,.topic02{height:12rem;}

.source{padding:3rem 0 2rem 0;text-align:center;display:block;}
#content{line-height:2.8rem;}
#content *{max-width:100%;height:auto;}
#container{height:24rem;}
.aboutContent{padding:3rem 0;width:100%;}
.aboutContent p{padding-left:0;}
.aboutBg{padding:2rem 0;}

.imgSwiperContent .SwiperFocusBox{width:100%;height:auto;}
.imgSwiperContent .swiper-slide span{padding:1rem;}

}