@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;position:relative;}
.topic{background:url(images/topic.jpg) no-repeat top center;}
.topicImg{padding:165px 0 174px 0;text-align:center;}

.nav{background:#0064b7;height:80px;position:relative;}
.nav ul{width:1200px;margin:0 auto;z-index:9;background:#2582d0;text-align:center;top:-20px;position:absolute;left:50%;margin-left:-600px;}
.nav li{font-size:28px;line-height:80px;font-weight:bold;display:inline-block;position:relative;z-index:9;}
.nav li a{padding:0 30px;display:block;color:#fff;}
.nav li a:hover{text-decoration:none;}
.nav:before,.nav:after{content:"";display:block;position:absolute;top:00px;z-index:1;}
.nav:before{margin-left:-600px;left:50%;border-left:80px solid #005092;border-bottom:80px solid #fff;width:600px;}
.nav:after{margin-right:-600px;right:50%;border-right:80px solid #005092;border-bottom:80px solid #fff;width:600px;}

.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{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;padding-bottom:30px;}
.perFocus .swiper-slide{width:300px;height:460px;overflow:hidden;position:relative;}
.perFocus .swiper-pagination{bottom:0 !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{background:url(images/list01.png) no-repeat left center;padding-left:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.er{background:#2582d0;color:#fff;}
.ht01{font-size:20px;text-align:center;padding:28px 0 20px 0;font-weight:bold;}
.ht01 img{margin-right:10px;display:inline-block;vertical-align:top;}
.erbg{background:#004883;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.png) no-repeat top center;padding:110px 0  160px 0;color:#fff;}
.ht02 b{display:block;font-size:48px;}

.dataList{position:relative;padding-left:180px;font-size:0;text-align:right;}
.dataList:after{content:"";display:block;position:absolute;left:0;top:88px;width:100%;background:#add9ff;height:5px;}
.dataList dt{background:#add9ff;font-weight:bold;font-size:24px;text-align:center;border-radius:10px;padding:10px 0 0 0;overflow:hidden;position:absolute;left:0;top:43px;z-index:2;color:#2582d0;}
.dataList dt b{font-size:36px;color:#fff;display:block;background:#0064b7;padding:5px 10px 10px 10px;margin-top:5px;}
.dataList dd{display:inline-block;width:19%;font-size:16px;text-align:center;position:relative;z-index:2;vertical-align:top;margin-left:6%;}
.dataList dd b{display:block;overflow:hidden;border:8px solid #fff;border-radius:50%;}
.dataList dd span{border:1px solid #add9ff;display:block;margin:0 auto 20px auto;position:relative;border-radius:50%;width:180px;height:180px;}
.dataList dd span:before,.dataList dd span:after{content:"";display:block;width:8px;height:8px;border-radius:4px;background:#add9ff;position:absolute;top:85px;}
.dataList dd span:before{left:-8px;}
.dataList dd span:after{right:-8px;}
.dataList dd i{font-style:normal;}

.ht03{position:relative;text-align:center;width:100%;overflow:hidden;}
.ht03:before{content:url(images/ht02.png);display:inline-block;vertical-align:bottom;}
.ht03 span{display:inline-block;margin-left:10px;font-style:italic;font-size:40px;color:#000;font-weight:bold;padding-bottom:15px;}
.ht03 span b{color:#cb000a;font-size:57px;}
.ht03 p{display:inline-block;color:#888;font-size:14px;text-align:left;margin-left:10px;padding-bottom:15px;}
.ht03 p i{display:block;font-style:normal;}
.ht03:after{content:"";display:block;position:absolute;border-bottom:4px solid #c6c6c6;width:2000px;right:50%;top:83px;margin-right:-1850px;}

.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,.vod 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;}

.bg02{background:#d6ebfd;padding:40px 0;}
.w415{width:415px;}

.vod{overflow:hidden;height:auto;position:relative;}
.vod:before{content:url(images/vod.png);display:block;position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-65px 0 0 -35px;}
.vod b{font-size:18px;line-height:48px;}

.end{background:url(images/bg03.png) #16619f 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:96%;overflow:hidden;}
.topic{background-size:cover;}
.topicImg{padding:4rem 2rem 5rem 2rem;}

h1{font-size:2rem;text-align:left;}

.ls01 li,.dataList dt{font-size:1.6rem;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;}
.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}

.ht03:before,.ht03:after{display:none;}
.ht03 p{display:block;text-align:center;padding:0;}


.ls02 ul,.ls02 li{width:100%;margin:0 0 1rem 0;}
.ls02 li b{bottom:0;}

.enda{font-size:1.4rem;line-height:2.2rem;}
.ender{margin-top:2rem;}
.ender li{width:100%;margin:0 0 2rem 0;}



}