/* CSS Document By Millia 2019-05-10*/
@import url("http://www.jiaodong.net/inc/millia/millia.css");
@import url("http://www.jiaodong.net/inc/millia/swiper3.4.2.css");
.millia{width:72%;height:70%;position:absolute;left:14%;top:15%;/*overflow-y:auto;*/overflow:hidden;}
.per20{width:20%;}
.per30{width:30%;}
.per32{width:32%;}
.per35{width:35%;}
.per42{width:42%;}
.per55{width:55%;}
.per60{width:60%;}
.per65{width:65%;}
.per68{width:68%;}
.per70{width:70%;}
.per80{width:80%;}
.page01,.page02,.page03,.page04,.page05,.page06,.page07,.page08{overflow:hidden;position:relative;}
.page01{background:url(images/page01.jpg) no-repeat bottom center;background-size:100% 100%;}
.page02{background:url(images/page02.jpg) no-repeat top center;background-size:100% 100%;}
.page03{background:url(images/page03.jpg) no-repeat top center;background-size:100% 100%;}
.page04{background:url(images/page04.jpg) no-repeat center center;background-size:100% 100%;}
.page05{background:url(images/page05.jpg) no-repeat center center;background-size:100% 100%;}
.page06{background:url(images/page06.jpg) no-repeat center center;background-size:100% 100%;}
.page07{background:url(images/page07.jpg) no-repeat center center;background-size:100% 100%;}
.page08{background:url(images/page08.jpg) no-repeat center bottom;background-size:100% 100%;}
.year,.txt01,.txt02,.logo{position:absolute;text-align:center;}
.logo{left:4%;width:15%;top:4%;}
.year{bottom:-77%;transition:all .5s ease;width:10%;left:45%;}
.txt01{bottom:-63%;transition:all .5s ease .2s;width:50%;left:25%;}
.txt02{bottom:-56%;transition:all .5s ease .5s;width:36%;left:35%;}
.year img,.txt01 img,.txt02 img,.logo img{max-width:100%;height:auto;}
.pageintro{background:url(images/intro.png) rgba(0,0,0,.8) no-repeat 10px 15px;color:#9e9e9e;padding:15px 15px 60px 100px;position:absolute;bottom:-110%;width:880px;box-sizing:border-box;left:50%;margin-left:-440px;transition:all 1.5s;}
.pageinfo .swiper-container{height:130px;overflow:hidden;}
.active .year{bottom:75%;}
.active .txt01{bottom:63%;}
.active .txt02{bottom:56%;}
.active .pageintro{bottom:0;}
.down{width:100%;position:absolute;left:0%;bottom:10%;background:url(images/next.png) no-repeat top center;background-size:contain;height:18px;animation:down 1s infinite;z-index:2;}
@keyframes down{0%{bottom:3%;opacity:1;}100%{bottom:1%;opacity:0;}}

.leftan{position:relative;left:-2000px;transition:all .5s ease .5s;}
.rightan{position:relative;right:-2000px;transition:all .5s ease .5s;}
.topan{position:relative;top:-2000px;transition:all .5s ease .5s;}
.bottoman{position:relative;bottom:-2000px;transition:all .5s ease .5s;}
.intro{padding-left:240px;position:relative;}
.intro h1{font-size:46px;font-weight:bold;color:#d02a02;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.intro h1 a{color:#d02a02;}
.intro h1 a:hover{text-decoration:none;}
.intro b{display:block;position:absolute;left:0;top:0;background:#d61d1a;color:#fff;font-size:44px;line-height:90px;padding:0 16px;}
.intro b:after{border:16px solid #d61d1a;content:"";display:block;left:0;top:90px;position:absolute;border-right-color:transparent;border-bottom-color:transparent;}


.focus{background:rgba(117,96,82,.5);padding:13px;border:1px solid #a18a74;height:450px;position:relative;}
.focus,.focus .swiper-slide{height:450px;}
.focus .swiper-slide b{display:block;position:absolute;left:0;bottom:0;width:100%;padding-left:20px;box-sizing:border-box;background:rgba(0,0,0,.8);color:#fff;font-weight:normal;font-size:24px;line-height:58px;}
.focus .swiper-pagination{left:auto;bottom:20px;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-button-prev,.focus .swiper-button-next{background-color:rgba(0,0,0,.5);padding:10px;background-size:17px 32px;}
.focus .swiper-button-prev{left:13px;}
.focus .swiper-button-next{right:13px;}
.focus .swiper-pagination-bullet-active{background:#b30405;}
.focus .swiper-slide img,.ls02 li img,.ls03 li span img,.perList li img,.imgList li img,.mbList li img,.tagBox li span img,.focusList .swiper-slide img{width:100%;height:100%;transition:all .5s;}
.focus .swiper-slide:hover img,.ls02 li:hover img,.ls03 li:hover span img,.perList li:hover img,.imgList li:hover img,.tagBox li:hover span img,.focusList .swiper-slide:hover img{transform:scale(1.2,1.2);}

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


.active .topan{top:0;}
.active .leftan{left:0;}
.active .rightan{right:0;}
.active .bottoman{bottom:0;}

.ht01 a.amore{display:inline-block;color:#fff;background:#ce0f00;font-size:16px;line-height:24px;padding:0 10px;margin-left:10px;vertical-align:bottom;}

.ls02{width:100%;font-size:0;overflow:hidden;}
.ls02 ul{width:105%;}
.ls02 li{width:45%;display:inline-block;margin:0 5% 2% 0;overflow:hidden;position:relative;}
.ls02 li a{display:block;position:relative;}
.ls02 li a:after{content:url(images/icon01.png);display:block;position:absolute;left:45%;top:38%;}
.ls02 li b{display:block;background:rgba(0,0,0,.5);color:#fff;position:absolute;left:0;bottom:0;width:100%;font-size:18px;line-height:42px;text-align:center;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.ls03 li{width:100%;float:left;margin-bottom:23px;overflow:hidden;}
.ls03 li span{width:40%;margin-right:20px;overflow:hidden;float:left;}
.ls03 li b{display:block;font-size:24px;margin-bottom:5px;}

.pageht img{width:100%;height:auto;}

.perList,.imgList,.mbList{font-size:0;overflow:hidden;width:100%;}
.perList li{display:inline-block;width:25%;overflow:hidden;}
.imgList ul{width:103%;}
.imgList li{width:30.3%;display:inline-block;margin:0 3% 0 0;background:#fff;padding:10px;box-sizing:border-box;}
.imgList li a{display:block;overflow:hidden;}
.mbList ul{width:107%;}
.mbList li{width:18%;display:inline-block;margin:0 7% 0 0;position:relative;top:1000px;}
.ht img{max-width:100%;height:auto;}
.active .mbList li:nth-child(1){transition:all .5s ease 1s;top:0;}
.active .mbList li:nth-child(2){transition:all .5s ease 1.2s;top:0;}
.active .mbList li:nth-child(3){transition:all .5s ease 1.4s;top:0;}
.active .mbList li:nth-child(4){transition:all .5s ease 1.6s;top:0;}

.tag{background:url(images/ht07.png) no-repeat left top;background-size:contain;height:80px;padding:40px 0 0 290px;}
.tag li{display:inline-block;font-size:28px;line-height:66px;color:#fff;background:#6e5342;padding:0 20px;border-radius:20px;cursor:pointer;margin-right:30px;}
.tag li.active{background:#c20102;}
.tag a{color:#fff;}

.boxBg{background:rgba(224,220,210,.6);padding:15px;border:1px solid #998a83;overflow:hidden;}
.tagBox .swiper-slide{overflow:hidden;}
.tagBox ul{width:102.5%;font-size:0;}
.tagBox li{display:inline-block;width:31.8%;overflow:hidden;margin-right:1.5%;}
.tagBox li span{display:block;position:relative;overflow:hidden;margin-bottom:10px;}
.tagBox li span b{display:block;position:absolute;left:0;bottom:0;font-size:18px;line-height:54px;width:100%;text-align:center;color:#fff;font-weight:normal;text-align:center;background:rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tagBox li p{font-size:20px;line-height:22px;color:#333;padding:9px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.end{padding:0 3% 0 27%;}

.focusList{position:relative;}
.focusList .swiper-slide{overflow:hidden;border:1px solid #ccc;padding:4px;background:#fff;box-sizing:border-box;}
.focusList .swiper-slide a{display:block;overflow:hidden;position:relative;}
.focusList .swiper-slide b{display:block;width:100%;position:absolute;bottom:0;left:0;background:rgba(0,0,0,.6);color:#fff;white-space:nowrap;overflow:hidden;font-size:18px;font-weight:normal;line-height:32px;text-align:center;}
.focusList .swiper-button-next,.focusList .swiper-button-prev{background:url(images/sleft.png) no-repeat center center;width:35px;height:64px;left:-35px;}
.focusList .swiper-button-prev{background-image:url(images/sright.png);left:auto;right:-35px;}