/* CSS Document By Millia 2018-01-31 */
@import url("http://www.jiaodong.net/inc/v2017/millia.css");
@import url("http://www.jiaodong.net/inc/v2017/swiper.css");
.millia{width:1000px;margin:0 auto;}

.topic{background:url(images/topic.jpg) no-repeat top center;}
.bg01{background:#f5e9db;}
.nav{background:url(images/navbg.jpg) repeat-x top;text-align:center;border-top:2px solid #99190c;font-size:0;}
.nav li{display:inline-block;background:url(images/nav.jpg) no-repeat top center;padding:16px 39px 47px 39px;font-size:20px;margin:0 15px;}
.nav li a{color:#fff;}

.focus{width:570px;height:340px;overflow:hidden;position:relative;border:5px solid #e5685a;}
.focus .swiper-slide{width:100%;height:340px;}
.focus .swiper-slide b{display:block;width:100%;font-size:18px;padding:15px 0 30px 0;line-height:20px;font-weight:normal;color:#fff;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.8);text-align:center;}
.focus .swiper-pagination-bullet,.sfocus .swiper-pagination-bullet{background:#fff;opacity:1;margin:0 3px !important;width:8px;height:8px;border-radius:4px;}
.focus .swiper-pagination-bullet-active,.sfocus .swiper-pagination-bullet-active{background:#c40703;}
.focus .swiper-slide img,.scroll01 .swiper-slide img,.ls02 li span img,.sfocus .swiper-slide img,#spic li img,#sul li img,.bg06 span img,.imgtxt span img,.happy li img{width:100%;height:100%;box-sizing:border-box;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
.focus .swiper-slide:hover img,.scroll01 .swiper-slide:hover img,.ls02 li:hover span img,.sfocus .swiper-slide:hover img,.bg06 span:hover img,.imgtxt span:hover img{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);}
.focus .swiper-button-next,.focus .swiper-button-prev{top:90%;}

.ls01 li{background:url(images/list01.png) no-repeat left 10px;padding:5px 0 5px 45px;}

hr{height:1px;border:none;border-top:1px dashed #cbcbcb;margin:13px 0 10px 0;float:none;display:block;}

.ht01{background:url(images/ht02.png) #cc222c no-repeat top center;}
.ht02{background:url(images/ht03.png) #ffcc6d no-repeat top center;}

.bg02{background:url(images/bg01.jpg) no-repeat top center;height:195px;padding:95px 0 110px 0;}


.scroll01{width:940px;margin:0 auto;position:relative;}
.scroll01 .swiper-slide{position:relative;width:300px;height:195px;overflow:hidden;}
.scroll01 .swiper-slide b{display:block;position:absolute;left:0;bottom:0;width:100%;text-align:center;font-size:14px;line-height:34px;background:rgba(228,41,52,.8);font-weight:normal;color:#fff;white-space:nowrap;overflow:hidden;}
.scroll01 .swiper-button-next{right:-20px;width:43px;height:61px;background:url(images/right.png) no-repeat top right;}
.scroll01 .swiper-button-prev{left:-20px;width:43px;height:61px;background:url(images/left.png) no-repeat top left;}

.bg03{background:url(images/bg02.png) #fed488 no-repeat bottom center;padding:30px 0 50px 0;}
.ls02{overflow:hidden;width:100%;}
.ls02 ul{float:left;width:1020px;}
.ls02 li{width:260px;float:left;background:url(images/img01.png) no-repeat left top;padding:45px 30px 47px 30px;height:255px;overflow:hidden;margin:20px 20px 0 0;}
.ls02 li b{display:block;}
.ls02 li b a{display:inline-block;font-size:16px;line-height:20px;background:#ca2723;color:#fff;font-weight:normal;padding:0 10px;}
.ls02 li span{display:block;margin:15px 0 5px 0;width:260px;height:160px;overflow:hidden;}

.bg04{background:url(images/bg03.png) #e42934 repeat-x bottom;padding:50px 0;}

.vodbg{background:url(images/vodbg.jpg) #cc222c no-repeat left top;color:#fff;}
.vodbg .vod{padding:20px 28px 60px 36px;}
.vodbg h5{font-size:20px;text-align:center;padding:20px 0 0 0;line-height:28px;}
.vodbg a{color:#fff;}


.sfocus .swiper-slide{width:580px;height:430px;overflow:hidden;position:relative;}
.sfocus .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;white-space:nowrap;overflow:hidden;}
.sfocus .swiper-pagination{left:auto;bottom:15px;right:15px;width:auto;}

.bg05{background:url(images/bg04.png) repeat-y top center;padding:50px 0 0 0;}

.out{position:relative;padding-left:160px;width:520px;height:335px;}
#spic{overflow:hidden;position:relative;width:100%;height:100%;}
#spic li{position:relative;width:100%;height:335px;}
#spic li b{display:block;width:100%;font-size:18px;line-height:46px;font-weight:normal;color:#fff;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.8);text-align:center;}
#spic li a{color:#fff;}
#btnPrev,#btnNext{display:none;}
.small{width:160px;height:335px;overflow:hidden;position:absolute;left:0;top:0;z-index:11;}
#sul li{position:relative;width:160px;height:83px;border-top:1px solid #fff;float:none !important;}
#sul li:first-child{border:none;}
#sul li img{cursor:pointer;background:#000;display:block;opacity:0.8;filter:alpha(opacity=80);}
#sul img.active{opacity:100;filter:alpha(opacity=100);}

.bg06{background:#d5ac52;padding:10px;color:#fff;height:315px;overflow:hidden;}
.bg06 a{color:#fff;}
.bg06 span{display:block;overflow:hidden;width:280px;height:185px;}
.bg06 b{display:block;font-size:20px;padding:20px 0 10px 0;text-align:center;}

.ht03{background:url(images/ht04.png) no-repeat top center;height:47px;}

#scrollPic{position:relative;overflow:hidden;}
#scrollPic .rightMark{width:50%;height:91%;position:absolute;right:0;top:0;margin-right:-400px;background:url(images/markbg.png) repeat;z-index:1;}
#scrollPic .leftMark{width:50%;height:91%;position:absolute;left:0;top:0;margin-left:-400px;background:url(images/markbg.png) repeat;z-index:1;}
#scrollPic .swiper-slide{width:800px;position:relative;padding-bottom:35px;}
#scrollPic .swiper-slide p{position:absolute;background:#fff;left:10%;padding:15px 40px 15px 60px;bottom:-1000px;width:65%;}
#scrollPic .swiper-slide p b{display:block;font-size:28px;padding-bottom:15px;color:#333;}
#scrollPic .swiper-slide p span{display:block;background:url(images/tag01.png) #f41421 no-repeat center center;position:absolute;left:-28px;top:50%;margin-top:-30px;font-size:26px;height:50px;width:40px;color:#fff;padding:10px 15px;}
#scrollPic .swiper-slide p span i{display:block;font-style:normal;position:absolute;right:15px;bottom:10px;}
#scrollPic .swiper-slide img{width:100%;height:auto;}
#scrollPic .swiper-button-next{background:url(images/right.png) no-repeat top left;width:45px;height:100px;right:50%;margin-right:-445px;}
#scrollPic .swiper-button-prev{background:url(images/left.png) no-repeat top left;width:45px;height:100px;left:50%;margin-left:-445px;}

.bg07{background:url(images/bg05.png) repeat top left;padding:50px 0;}
.imgtxt span{background:#d33b3a;padding:15px;display:block;margin-bottom:30px;width:455px;height:220px;overflow:hidden;}
.imgtxt span img{border:4px solid #fee5c8;}
.imgtxt h5 b{background:url(images/h5.png) no-repeat left top;padding-left:60px;display:inline-block;margin-bottom:20px;}
.imgtxt h5 b i{display:inline-block;background:url(images/h5.png) no-repeat right top;padding-right:35px;font-size:24px;line-height:40px;font-weight:normal;font-style:normal;color:#e3ae99}
.imgtxt h5 a{color:#e3ae99;}
.imgtxt p{padding:10px;border-top:1px solid #ffd3a2;border-bottom:1px solid #ffd3a2;color:#ffd3a2;}
.imgtxt p a{color:#ffd3a2;}

.bg08{background:url(images/bg06.jpg) repeat;padding:40px 0;}
.tag li{background:url(images/list02.png) #bb0b0d no-repeat 15px center;font-size:24px;line-height:56px;float:left;width:86px;padding-left:55px;color:#e8ba97;border-left:1px solid #e8ba97;cursor:pointer;}
.tag li:first-child{border:none;}
.tag li.hover{background-color:#ffc761;color:#bb0b0d;}

.ls03 li{background:url(images/list03.png) no-repeat left 16px;padding:15px 0 15px 55px;border-top:1px solid #bbb;}
.ls03 li:first-child{border:none;}

.happy{width:100%;overflow:hidden;}
.happy ul{float:left;width:103%;}
.happy li{width:30.3%;height:auto;float:left;margin:0 3% 3% 0;position:relative;overflow:hidden;}
.happy li span{display:block;background:rgba(0,0,0,.8);position:absolute;text-align:center;left:0;bottom:0;color:#fff;font:16px/42px "微软雅黑","黑体";width:100%;}

.mblist{display:none;}

#rightnav{background:url(images/rightnav.png) no-repeat top left;width:161px;height:483px;padding:102px 0 0 0;position:fixed;right:10px;top:20px;text-align:center;z-index:99999;}
#rightnav li{font:16px/37px "微软雅黑","黑体";color:#fff100;}
#rightnav li:last-child a{overflow:hidden;text-indent:-9999px;display:block;height:56px;}
#rightnav a{color:#fff100;}

.ht04{background:#cc222c;text-align:center;}
.bg09{background:#e42934;padding-bottom:50px;}
.ls04 li{padding:8px 0 8px 70px;position:relative;color:#ffdeb8;}
.ls04 li b{display:block;position:absolute;left:0;top:10px;background:#ffdeb8;color:#e42934;padding:0 10px;font-weight:normal;}
.ls04 li a{display:inline-block;margin-left:8px;color:#ffdeb8;}

@media screen and (max-width:640px){
.millia{width:96%;}
.sysmt20{margin-top:2rem;}
.sysmt10{margin-top:1rem;}
.focus,.focus .swiper-slide,.scroll01,.scroll01 .swiper-slide,.sfocus .swiper-slide,.bg06,.bg06 span,#scrollPic .swiper-slide,#scrollPic img,.imgtxt span,.imgtxt span img{width:100%;height:auto;box-sizing:border-box;}
{white-space:nowrap;overflow:hidden;text-indent:0;font-size:1.2rem;line-height:2.6rem;text-align:center;}
.focus .swiper-slide b,.focus .swiper-pagination,.focus .swiper-button-next,.focus .swiper-button-prev,.nav,#rightnav,.scroll01 .swiper-button-next,.scroll01 .swiper-button-prev,#scrollPic .swiper-pagination,#topic .swiper-button-next,#scrollPic .swiper-button-prev,#scrollPic .swiper-slide p{display:none;}

.bg02{background:#f9e3d8;padding:1rem 0;height:auto;}

.ls02 ul{float:left;width:103%;}
.ls02 li{width:30.3%;background:#fffae8;height:auto;margin:3% 3% 0 0;padding:.2rem;box-sizing:border-box;font-size:1.2rem;line-height:1.8rem;}
.ls02 li b a{font-size:1.6rem;line-height:2rem;padding:.5rem;}
.ls02 li span{display:block;margin:15px 0 5px 0;width:100%;height:auto;}
.bg03{padding:.5rem 0 1rem 0;}
.bg06{padding-bottom:2rem;}
.vodbg{background-size:contain;}
.vod *{width:100%;height:auto;}
#scrollPic .swiper-slide{padding:0;}
.mblist{display:block;}
.happy,.happy ul,.happy ul li{width:100%;}

}