@import url("http://www.jiaodong.net/inc/millia/millia.css");
@import url("http://www.jiaodong.net/inc/millia/swiper3.4.2.css");
.millia{width:1200px;margin:0 auto;}
.topic{background:url(images/topic.jpg) no-repeat top center;}
.nav{background:#0026b0;font-size:24px;line-height:80px;}
.nav ul{display:flex;justify-content:space-around;width:1200px;margin:0 auto;}
.nav a{color:#fff;}

.focus .swiper-slide{width:560px;height:320px;overflow:hidden;position:relative;}
.focus .swiper-slide b{display:block;width:100%;font-size:16px;font-weight:normal;color:#fff;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.6);text-align:center;padding:10px 0 30px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.focus .swiper-pagination{bottom:5px !important;}
.focus .swiper-pagination-bullet,.perFocus .swiper-pagination-bullet{background:#fff;opacity:1;margin:0 5px !important;width:10px;height:10px;border-radius:5px;}
.focus .swiper-pagination-bullet-active,.perFocus .swiper-pagination-bullet-active{background:#2067b1 !important;width:30px !important;}
.focus .swiper-slide img,.dataList dd span img,.ls02 li img,.perFocus .swiper-slide img,.vod li img{width:100%;height:100%;transition:all .5s;}
.focus .swiper-slide:hover img,.dataList dd span:hover img,.ls02 li:hover img,.perFocus .swiper-slide:hover img{transform:scale(1.2,1.2);}
.perFocus{position:relative;}
.perFocus .swiper-slide{width:300px;height:370px;overflow:hidden;position:relative;}
.perFocus .swiper-pagination{bottom:10px !important;width:100%;}
.perFocus .swiper-pagination-bullet{background:#888;width:6px;height:6px;margin:0 3px !important;}
.perFocus .swiper-pagination-bullet-active{width:15px !important;}

h1{font-size:22px;font-weight:bold;padding-bottom:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.ls01 li{padding-left:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;}
.ls01 li:before{content:"";width:4px;height:4px;display:block;position:absolute;left:0;top:50%;margin-top:-2px;background:#ccc;}

.er{background:#0026b0;color:#fff;}
.ht01{font-size:20px;text-align:center;padding:28px 0 20px 0;font-weight:bold;}
.erbg{background:#006cff;padding:20px 10px;}
.erbg img{max-width:100%;height:auto;}

.tag{background:#eef7ff;border:1px solid #cae0f6;padding:25px 25px 25px 180px;position:relative;}
.tag dt{position:absolute;left:25px;top:25px;}
.tag dd{display:inline-block;width:32%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.bg01{background:url(images/bg01.jpg) no-repeat bottom center;padding:30px 0  60px 0;color:#fff;}
.ht02{background:url(images/ht02.png) no-repeat center center;}
.ht02 img{max-width:100%;height:auto;}
.dataList{position:relative;padding-left:180px;font-size:0;text-align:right;width:1080px;margin:0 auto;box-sizing:border-box;}
.dataList:after{content:"";display:block;position:absolute;left:0;top:97px;width:100%;background:#bfd3ff;height:5px;}
.dataList dt{background:#bfd3ff;font-weight:bold;font-size:24px;text-align:center;border-radius:10px;padding:10px 0 0 0;overflow:hidden;position:absolute;left:0;top:56px;z-index:2;color:#053acb;}
.dataList dt b{font-size:36px;color:#fff;display:block;background:#0940a8;padding:5px 10px 10px 10px;margin-top:5px;}
.dataList dd{display:inline-block;width:23.3%;font-size:16px;text-align:center;position:relative;z-index:2;vertical-align:top;margin-left:10%;}
.dataList dd b{display:block;overflow:hidden;border:8px solid #fff;border-radius:50%;}
.dataList dd span{display:block;margin:0 auto 20px auto;position:relative;border-radius:50%;width:200px;height:200px;}
.dataList dd span:before,.dataList dd span:after{content:"";display:block;width:8px;height:8px;border-radius:4px;background:#add9ff;position:absolute;top:95px;}
.dataList dd span:before{left:-8px;}
.dataList dd span:after{right:-8px;}
.dataList dd i{font-style:normal;}

.ls02{width:100%;overflow:hidden;font-size:0;}
.ls02 ul{width:103%;}
.ls02 li{width:22%;margin:35px 3% 0 0;display:inline-block;overflow:hidden;position:relative;}
.ls02 li b{display:block;position:absolute;background:rgba(0,0,0,.6);width:100%;text-align:center;color:#fff;font-size:16px;line-height:40px;left:0;bottom:10px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.vod{width:100%;overflow:hidden;font-size:0;}
.vod ul{width:104%;}
.vod li{width:46%;position:relative;display:inline-block;margin:0 4% 4% 0;font-size:18px;line-height:48px;background:#0026b0;text-align:center;color:#fff;}
.vod li:before{content:url(images/vod.png);display:block;position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-65px 0 0 -35px;}
.vod li span{display:block;overflow:hidden;width:100%;height:322px;}
.vod a{color:#fff;}



.end{background:url(images/bg03.png) #001e89 no-repeat top center;color:#fff;padding-bottom:30px;}
.end a{color:#fff;}
.enda a{display:inline-block;margin-right:15px;}

.ender{font-size:0;}
.ender li{display:inline-block;font-size:14px;width:45%;margin-left:5%;text-align:center;}
.ender li img{display:block;margin:0 auto 10px auto;}


@media screen and (max-width:640px){
.millia{width:94%;}
h1{font-size:2rem;text-align:left;}
.ls01 li,.dataList dt{font-size:1.5rem;line-height:2.6rem;}
.focus .swiper-slide,.perFocus .swiper-slide{width:100% !important;height:auto !important;}
.focus .swiper-slide b{padding:1rem 0;font-size:1.5rem;}
.focus .swiper-pagination{display:none;}
.tag{padding:1rem;}
.tag dt{position:static;text-align:center;margin-bottom:2rem;}
.tag dd{width:100%;}

.bg01{padding:5rem 0 2rem 0;}
.ht02{font-size:1.4rem;}
.ht02 b{font-size:3rem;padding-bottom:1rem;}

.dataList{padding:0 0 1rem 0;width:100%;}
.dataList:after{width:.5rem;height:100%;left:49%;top:0;}
.dataList dt{position:relative;top:0;}
.dataList dd{width:100%;margin:2rem 0 0 0;}
.dataList dd i{background:#2582d0;padding:1rem;border-radius:.5rem;}
.dataList dt b{font-size:2.2rem}

.ls02 ul,.ls02 li{width:100%;margin:0 0 1rem 0;}
.ls02 li b{bottom:0;}
.vod li span{height:auto;margin-bottom:1rem;}
.vod li{font-size:1.5rem;line-height:2rem;padding-bottom:1rem;width:100%;}
.enda{font-size:1.4rem;line-height:2.2rem;}
.ender{margin-top:2rem;}
.ender li{margin:2rem 2%;}

}