/* CSS Document By Millia 2018-01-29*/
@import url("http://www.jiaodong.net/inc/v2017/millia.css");
@import url("http://www.jiaodong.net/inc/v2017/swiper.css");
body{background:url(images/bg.jpg) repeat-y center;}
#millia{background:url(images/bg01.jpg) no-repeat top center;padding-top:30px;}
.millia{width:1200px;margin:0 auto;position:relative;}
.topic{background:url(images/topic.jpg) no-repeat top center;}
.scrollbg{background:url(images/tagbg.jpg) #4d4746 no-repeat center 18px;padding:35px 0;}
.scroll{height:22px;overflow:hidden;width:755px;padding:0 200px 0 245px;margin:0 auto;font-size:16px;color:#ebc286;}
.scroll a{color:#ebc286;}

.ls01 li{color:#666;border-top:1px dotted #c6c6c6;padding:15px 0;}
.ls01 li:first-child{border:none;padding-top:0;}
.ls01 li h5{font-size:26px;padding-bottom:10px;}

.focus .swiper-slide{width:620px;height:390px;overflow:hidden;position:relative;}
.focus .swiper-slide b{display:block;width:100%;font-size:18px;line-height:44px;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:15px;width:auto;}
.focus .swiper-pagination-bullet,#scrollPic .swiper-pagination-bullet{background:#fff;opacity:1;margin:0 3px !important;width:8px;height:8px;border-radius:4px;}
.focus .swiper-pagination-bullet-active,#scrollPic .swiper-pagination-bullet-active{background:#eac386;}
.focus .swiper-slide img,.ls03 li img,.ls04 li img,.bg01 .swiper-slide img,.by .swiper-slide img,.vodlist .swiper-slide *,.ls05 li span *{width:100%;height:100%;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
.focus .swiper-slide:hover img,.ls03 li:hover img,.ls04 li:hover img,.bg01 .swiper-slide:hover img,.by .swiper-slide:hover img,.vodlist .swiper-slide:hover *,.ls05 li:hover span *{transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);}

.ht{background:url(images/htbg.png) repeat-x top;position:relative;}
.ht a.amore{display:block;position:absolute;top:0;right:50%;margin-right:-600px;}

.ls02 li{background:url(images/list01.png) no-repeat left 18px;padding:11px 0 10px 25px;border-top:1px dotted #ccc;}
.ls02 li:first-child{border:none;}

.ls03,.ls04,.ls05{width:100%;overflow:hidden;}
.ls03 ul,.ls04 ul,.ls05 ul{float:left;width:103%;}
.ls04 ul{width:101%;}
.ls03 li,.ls04 li{width:47%;float:left;margin:0 3% 3% 0;overflow:hidden;position:relative;height:170px;}
.ls04 li{width:19%;margin:0 1% 1% 0;}
.ls03 li b,.ls04 li b{display:block;position:absolute;left:0;bottom:0;width:100%;text-align:center;font-size:18px;line-height:36px;background:rgba(0,0,0,.8);font-weight:normal;color:#fff;white-space:nowrap;overflow:hidden;}

.ls05 li{width:42.2%;float:left;margin:0 3% 3% 0;overflow:hidden;padding:2%;background:#fff;border:1px solid #f2efef;box-shadow:0 0 4px #f2efef;color:#999;font:14px/24px "宋体";}
.ls05 li span{float:left;width:195px;height:160px;overflow:hidden;border:1px solid #e5e5e5;margin-right:20px;}
.ls05 li b{display:block;font-size:20px;padding-bottom:15px;font-weight:normal;font-family:"微软雅黑","黑体";}
.ls05 li i{display:block;font-family:"微软雅黑","黑体";font-style:normal;margin-top:20px;}
.ls05 li i a{display:inline-block;color:#d6a86a;border:1px solid #d6a86a;padding:0 10px;}


.bg01{background:url(images/bg02.jpg) #eeedee no-repeat bottom center;padding:30px 0;position:relative;}


.bg01 .swiper-slide,.by .swiper-slide{box-shadow:0 0 5px #e2e1e2;border:1px solid #ccc;background:#fff;box-sizing:border-box;}
.bg01 .swiper-slide a,.by .swiper-slide a{position:relative;display:block;margin:5px;overflow:hidden;}
.bg01 .swiper-slide a b,.by .swiper-slide a b{display:block;position:absolute;left:0;bottom:0;width:100%;text-align:center;font-size:18px;line-height:36px;background:rgba(0,0,0,.8);font-weight:normal;color:#fff;white-space:nowrap;overflow:hidden;}
.bg01 .swiper-button-next,.by .swiper-button-next{right:50%;margin-right:-650px;width:25px;height:47px;background:url(images/right.png) no-repeat top right;}
.bg01 .swiper-button-prev,.by .swiper-button-prev{left:50%;margin-left:-650px;width:25px;height:47px;background:url(images/left.png) no-repeat top left;}

.vodbg{background:url(images/vodbg.jpg) no-repeat top center;padding:80px 170px 115px 170px;height:335px;}
.ht01{background:url(images/icon01.png) no-repeat left center;padding-left:110px;color:#fff;height:93px;margin-bottom:80px;}
.ht01 h1{font-size:32px;font-weight:bold;padding:10px 0 15px 0;}
.ht01 h1 a{color:#fff;}

.vodlist .swiper-slide{border:3px solid #fff;box-sizing:border-box;overflow:hidden;}
.vodlist .swiper-button-next{right:50%;margin:30px -480px 0 0;}
.vodlist .swiper-button-prev{left:50%;margin:30px 0 0 -480px;}

#scrollPic{position:relative;overflow:hidden;}
#scrollPic .rightMark{width:50%;height:100%;position:absolute;right:0;top:0;margin-right:-600px;background:url(images/markbg.png) repeat;z-index:1;}
#scrollPic .leftMark{width:50%;height:100%;position:absolute;left:0;top:0;margin-left:-600px;background:url(images/markbg.png) repeat;z-index:1;}
#scrollPic .swiper-slide{width:1200px;position:relative;}
#scrollPic .swiper-slide p{position:absolute;left:23%;top:-100%;background:url(images/icon02.png) no-repeat left top;padding-left:110px;color:#fff;text-shadow:1px 1px 2px #333;}
#scrollPic .swiper-slide p b{font-size:32px;font-weight:bold;padding:10px 0 15px 0;display:block;}
#scrollPic .swiper-slide img{width:100%;height:auto;}
#scrollPic .swiper-slide a{color:#fff;}
#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:640px){
.millia,.ht{width:96%;overflow:hidden;}
.sysmt20{margin-top:2rem;}

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

.ht a.amore{display:none;}
.ht img{max-width:100%;height:auto;}
.ls03 li b,.ls04 li b{font-size:1.4rem;}
.ls04 li{width:49%;}

.vodbg{padding:0;background:none;height:auto;}
.ht01{background:none;padding:0;color:#333;height:auto;margin-bottom:2rem;}
.ht01 h1{font-size:2.4rem;padding:10px 0 15px 0;}
.ht01 h1 a{color:#333;}
#scrollPic .swiper-slide,#scrollPic img,.ls05 li span img{width:100% !important;height:auto !important;}
#scrollPic .swiper-slide p,#scrollPic .swiper-pagination,#topic .swiper-button-next,#scrollPic .swiper-button-prev,.bg01 .swiper-button-next,.by .swiper-button-next,
.bg01 .swiper-button-prev,.by .swiper-button-prev{display:none !important;}
#scrollPic .swiper-slide span{font-size:1.4rem;}

.ls05 li{box-sizing:border-box;width:97%;margin:0 0 2rem 0;}
.ls05 li i{text-align:right;}
.ls05 li span{width:50%;height:auto;}

}