@import url("http://www.jiaodong.net/inc/millia/millia.css");
@import url("http://www.jiaodong.net/inc/millia/swiper3.4.2.css");
.topic{background:url(images/topic.jpg) no-repeat top center;height:850px;}
.millia{width:1200px;margin:0 auto;}
.nav{border-top:3px solid #fcb100;background:#790000;font-size:20px;line-height:56px;}
.nav ul{width:1200px;margin:0 auto;display:flex;justify-content:space-between;color:#fffca2;}
.nav ul li{padding:0 15px;flex:1;text-align:center;white-space:nowrap;box-sizing:border-box;}
.nav ul li.active{background:#a20101;}
.nav ul li a{display:flex;align-items:center;justify-content:center;}
.nav ul li .icon{width:25px;height:25px;margin-right:10px;}
.nav a{color:#fffca2;}

.bg01{background:url(images/bg01.jpg) repeat-y left top;background-size:100% auto;padding:40px 0;}

h1{font-size:30px;text-align:center;font-weight:bold;}
h1 a{color:#c10000;}

.intro{color:#6d5225;padding:15px 0;border-bottom:1px dotted #988565;}
.intro a{color:#6d5225;}

.ls01 li{padding-left:40px;background:url(images/list01.png) no-repeat left center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.SwiperFocusBox{width:100%;height:400px;position:relative;}
.focus:before{content:"";display:block;position:absolute;width:100%;height:100%;background:#e8ddc7;transform: rotate(-4deg);}
.SwiperFocusBox .swiper-slide{position:relative;z-index:2;height:400px;}
.SwiperFocusBox .swiper-slide b{display:block;width:100%;font-size:16px;font-weight:normal;color:#fff;position:absolute;left:0;bottom:0;background:#790000;text-indent:20px;padding:10px;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.SwiperFocusBox .swiper-pagination{left:auto;bottom:10px;right:10px;width:auto;}
.SwiperFocusBox .swiper-pagination-bullet{background:#fff;opacity:1;margin:0 5px !important;width:10px;height:10px;border-radius:5px;}
.SwiperFocusBox .swiper-pagination-bullet-active{background:#fcb100;width:30px;}
.SwiperFocusBox .swiper-slide img{width:100%;height:100%;transition:all .5s;}
.SwiperFocusBox .swiper-slide:hover img{transform:scale(1.2,1.2);}
.sfocus,.sfocus .swiper-slide{height:350px;}

.bg02{background:url(images/bg02.jpg) no-repeat top center;padding:70px 0 40px 0;background-size:auto 100%;}
.ht01{background:url(images/ht01.png) no-repeat top center;height:163px;}

.SwiperBox{background:url(images/linebg.png) no-repeat left 35px;background-size:100% auto;padding:0 45px 45px 45px;box-sizing:border-box;}
.SwiperTabs{display:flex;justify-content:space-between;}
.SwiperTabs li{width:124px;height:272px;cursor:pointer;background:url(images/tabBg01.png) no-repeat left top;background-size:100% 100%;padding:190px 20px 40px 20px;box-sizing:border-box;position:relative;}
.SwiperTabs li span{color:#fed574;font-size:14px;display:block;text-align:center;}
.SwiperTabs li:before{content:"";display:block;position:absolute;width:100%;height:77px;top:40px;left:0;}
.SwiperTabs li:nth-child(1):before{background:url(images/tab01_0.png) no-repeat top center;}
.SwiperTabs li:nth-child(2):before{background:url(images/tab02_0.png) no-repeat top center;}
.SwiperTabs li:nth-child(3):before{background:url(images/tab03_0.png) no-repeat top center;}
.SwiperTabs li:nth-child(4):before{background:url(images/tab04_0.png) no-repeat top center;}
.SwiperTabs li:nth-child(5):before{background:url(images/tab05_0.png) no-repeat top center;}
.SwiperTabs li:nth-child(6):before{background:url(images/tab06_0.png) no-repeat top center;}
.SwiperTabs li:nth-child(7):before{background:url(images/tab07_0.png) no-repeat top center;}
.SwiperTabs li:nth-child(8):before{background:url(images/tab08_0.png) no-repeat top center;}
.SwiperTabs li.active{background:url(images/tabBg02.png) no-repeat left top;margin-top:-10px;}
.SwiperTabs li.active span{color:#fff;}
.SwiperTabs a:hover{text-decoration:none;}
.SwiperTabs li:nth-child(1).active:before{background:url(images/tab01_1.png) no-repeat top center;}
.SwiperTabs li:nth-child(2).active:before{background:url(images/tab02_1.png) no-repeat top center;}
.SwiperTabs li:nth-child(3).active:before{background:url(images/tab03_1.png) no-repeat top center;}
.SwiperTabs li:nth-child(4).active:before{background:url(images/tab04_1.png) no-repeat top center;}
.SwiperTabs li:nth-child(5).active:before{background:url(images/tab05_1.png) no-repeat top center;}
.SwiperTabs li:nth-child(6).active:before{background:url(images/tab06_1.png) no-repeat top center;}
.SwiperTabs li:nth-child(7).active:before{background:url(images/tab07_1.png) no-repeat top center;}
.SwiperTabs li:nth-child(8).active:before{background:url(images/tab08_1.png) no-repeat top center;}

.SwiperTabBox{min-height:290px;}
.SwiperContent{display:flex;justify-content:space-between;align-items:center;font-size:16px;line-height:24px;}
.SwiperContent p{width:540px;height:290px;overflow:hidden;position:relative;margin-right:25px;}
.SwiperContent p img{width:100%;height:100%;}
.SwiperContent p b{display:block;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);color:#fff;padding:10px;font-weight:normal;width:100%;text-align:center;box-sizing:border-box;}
.SwiperContent ul{flex:1;color:#fed574;}
.SwiperContent ul li{padding:30px 0;border-top:1px dashed #fed574;}
.SwiperContent ul li:first-child{border:none;}
.SwiperContent ul li h6{font-size:24px;font-weight:bold;padding-bottom:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.SwiperContent a{color:#fed574;}
.SwiperContent a:hover{text-decoration:none;}


.bg03{background:url(images/bg03.jpg) #fefffa no-repeat top center;position:relative;padding:30px 0 60px 0;}
.bg03:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:324px;background:url(images/bg04.jpg) no-repeat center bottom;}
.bg03 .millia{position:relative;z-index:2;}
.ht02{background:url(images/htbg01.png) no-repeat top center;text-align:center;}

.bg04{background:url(images/bg05.jpg) no-repeat top center;padding:50px 0 0 0;}
.ls02{width:100%;height:505px;position:relative;overflow:hidden;}
.ls02 li{position:absolute;overflow:hidden;height:250px;}
.ls02 li img{width:100%;height:100%;}
.ls02 li b{width:100%;position:absolute;left:0;bottom:-1000px;transition:all 0.5s;background:#790000;color:#fff;padding:0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:20px;line-height:50px;font-weight:normal;}
.ls02 li:hover b{bottom:0;}
.ls02 li:nth-child(1){width:440px;height:505px;left:0;top:0;}
.ls02 li:nth-child(2){width:440px;left:445px;top:0;}
.ls02 li:nth-child(3){width:310px;right:0;top:0;}
.ls02 li:nth-child(4){width:310px;left:445px;bottom:0;}
.ls02 li:nth-child(5){width:440px;right:0;bottom:0;}

#scrollPic{position:relative;overflow:hidden;}
#scrollPic .rightMark{width:50%;height:100%;position:absolute;right:0;top:0;margin-right:-500px;background:rgba(0,0,0,0.5);z-index:1;}
#scrollPic .leftMark{width:50%;height:100%;position:absolute;left:0;top:0;margin-left:-500px;background:rgba(0,0,0,0.5);z-index:1;}
#scrollPic .swiper-slide{width:1000px;position:relative;}
#scrollPic .swiper-slide b{position:absolute;left:0;bottom:0;color:#fff;background:rgba(0,0,0,0.5);font-size:16px;width:100%;box-sizing:border-box;font-weight:normal;text-align:center;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#scrollPic .swiper-slide img{width:100%;height:100%;}
#scrollPic .swiper-slide a{color:#fff;}
#scrollPic .swiper-pagination{left:52%;bottom:15px;width:auto;z-index:9;}
#scrollPic .swiper-pagination-bullet{background:#fff;opacity:1;margin:0 5px !important;width:10px;height:10px;border-radius:5px;}
#scrollPic .swiper-pagination-bullet-active{background:#fcb100;width:30px;}
#scrollPic .swiper-button-next{width:45px;height:100px;right:50%;margin-right:-645px;}
#scrollPic .swiper-button-prev{width:45px;height:100px;left:50%;margin-left:-645px;}








@media screen and (max-width:980px){
.millia{width:96%;}
.topic{background-size:cover;height:18rem;}
.nav{overflow-x:auto;font-size:1.6rem;}
.nav ul{width:auto;}
.nav ul li{padding:0 2rem;}
.nav ul li .icon{width:2rem;height:2rem;}
h1{font-size:2rem;}
.intro{font-size:1.4rem;line-height:2.4rem;}
.ls01 li{font-size:1.4rem;line-height:3.4rem;padding-left:3rem;}
.SwiperFocusBox,.SwiperFocusBox .swiper-slide,#scrollPic .swiper-slide{width:100% !important;height:auto !important;}
.SwiperFocusBox .swiper-slide b,#scrollPic .swiper-slide b{white-space:nowrap;overflow:hidden;text-indent:0;font-size:1.4rem;text-align:center;}
.SwiperFocusBox .swiper-pagination,.focus:before,#scrollPic .swiper-pagination,#scrollPic .swiper-button-prev{display:none;}
.bg01{padding:3rem 0 0 0;}
.bg02{padding:8rem 0 0 0;}
.bg03{padding:2rem 0 3rem 0;}
.ht01{background-size:auto 7rem;height:7rem;}
.ht02 img{width:90%;height:auto;}

.ls02{height:auto;}
.ls02 li{position:static;margin-bottom:2rem;}
.ls02 li:nth-child(1),.ls02 li:nth-child(2),.ls02 li:nth-child(3),.ls02 li:nth-child(4),.ls02 li:nth-child(5){width:100%;height:auto;}

.SwiperBox{background:none;padding:0;}

.SwiperTabs{display:block;overflow-x:auto;white-space:nowrap;padding:3rem 0 2rem 0;}
.SwiperTabs li{display:inline-block;background:none;padding:5rem 1rem 1rem 1rem;width:auto;height:auto;}
.SwiperTabs li.active{background:none;}
.SwiperTabs li:before{background-size:4rem auto !important;top:0;}
.SwiperTabBox{min-height:52rem;}
.SwiperContent{flex-wrap:wrap;font-size:1.4rem;}
.SwiperContent p{margin:0 0 1rem 0;width:100%;height:auto;}
.SwiperContent ul{flex:auto;width:100%;}
.SwiperContent ul li h6{font-size:1.8rem;padding-bottom:1rem;}




}