@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;}
.top{position:relative;}
.topic{overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0;background:url(images/topic.jpg) no-repeat left top;background-size:100% 100%;}
.topic .topTxt{position:absolute;left:0;top:12%;width:100%;text-align:center;z-index:2;}
.topic .topVod{position:absolute;left:0;top:0;right:0;bottom:0;}
.topic .topVod *{width:100% !important;height:100% !important;}

.focusSwiper .swiper-slide img,.tagBlue .swiper-slide img,.tagRed .swiper-slide img,.imgTxtSwiper .swiper-slide span img,.imgList li img,.imgOne img,.ls03 li span img,.tagList li img,.tagList li p,.heartTag li img{width:100%;height:100%;}
.topic img{display:block;margin:0 auto;}
.navbg{position:absolute;left:0;bottom:0;width:100%;background:#257dec;display:flex;justify-content:center;align-items:center;z-index:999;}
.navFixed{position:fixed;bottom:auto;top:0;}
.nav{position:relative;margin-left:30px;}
.nav:after,.nav:before{content:"";display:block;position:absolute;}
.nav:before{background:#003577;width:30px;height:15px;transform: skewX(-30deg);left:-30px;top:-15px;}
.nav:after{background:#1367d1;width:100%;height:95px;transform: skewX(30deg);left:0;top:-15px;z-index:1;}
.nav ul{display:flex;padding:25px 30px 32px 35px;font-size:20px;line-height:24px;position:relative;z-index:2;font-weight:bold;}
.nav ul li{padding:0 20px;border-left:2px solid #fff;}
.nav ul li:first-child{border:none;}
.nav a{color:#fff;}

.bg01{background:url(images/bg01.jpg) no-repeat bottom center;background-size:100% auto;padding:75px 0;}
.firstContent{display:flex;align-items:center;justify-content:space-between;}
h1{font-size:26px;line-height:42px;padding-bottom:10px;font-weight:bold;color:#1367d1;}
h1 a{color:#1367d1;}
hr.line{height:1px;border:none;border-top:1px dashed #cbcbcb;margin:15px 0 8px 0;float:none;display:block;}
.ls01 li{padding-left:15px;transition:all .5s;border-left:4px solid transparent;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ls01 li:hover{background:#ededed;border-color:#537ec5;}
.ls01 li a:hover{text-decoration:none;}

.focusSwiper,.focusSwiper .swiper-container,.focusSwiper .swiper-slide{height:440px;position:relative;}

.focusSwiper .swiper-slide span{display:block;position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;background:#1367d1;color:#fff;text-align:center;padding:0 50px;font-size:20px;line-height:48px;white-space:nowrap;}
.focusSwiper .swiper-button-white{top:auto;bottom:0;background-size:auto 25px;}

.tagList{display:flex;justify-content:space-between;}
.tagList li{width:30%;position:relative;overflow:hidden;border-radius:10px;}
.tagList li img{transform:rotateY(0);position:relative;z-index:2;transition:all 0.5s;}
.tagList li p{position:absolute;left:0;top:0;background:linear-gradient(to bottom,#66ccff,#1165cf);color:#fff;transform:rotateY(-180deg);z-index:1;transition:all 0.5s;display:flex;flex-wrap:wrap;box-sizing:border-box;padding:40px;font-size:18px;line-height:40px;align-content:center;}
.tagList li p b{display:block;font-size:30px;width:100%;text-align:center;padding-bottom:20px;}
.tagList li:hover img{transform:rotateY(-180deg);z-index:1;}
.tagList li:hover p{transform:rotateY(0deg);z-index:2;}

.tagBlue,.tagRed{background:#fff;overflow:hidden;position:relative;padding:10px 10px 10px 80px;}
.tagBlue h6,.tagRed h6{writing-mode:vertical-lr;display:flex;justify-content:center;align-items:center;white-space:nowrap;background:#2885e7;color:#fff;font-size:20px;font-weight:bold;padding:0 15px;position:relative;letter-spacing:2px;position:absolute;left:0;top:0;height:100%;}
.tagBlue h6:after,.tagRed h6:after{content:"";display:block;position:absolute;bottom:0;right:-15px;height:1px;width:1px;border:15px solid transparent;border-bottom-color:#2885e7}
.tagRed h6{background:#e96359;}
.tagRed h6:after{border-bottom-color:#e96359;}
.tagBlue .tagBlueBox,.tagRed .tagRedBox{width:100%;overflow:hidden;}
.tagBlue .swiper-slide,.tagRed .swiper-slide{position:relative;}
.tagBlue .swiper-slide span,.tagRed .swiper-slide span,.imgOne span,.imgList li span{background:linear-gradient(to bottom,transparent,#000);font-size:14px;line-height:42px;position:absolute;left:0;bottom:0;width:100%;color:#fff;text-align:center;}

.ht01{background:url(images/htbg.png) repeat-x center;text-align:center;position:relative;}
.ht01 a.more{position:absolute;right:30px;font-weight:bold;top:40px;color:#0775d1;display:block;padding:20px 15px;background:#fff;font-size:18px;}

.imgTxtSwiper{position:relative;font-size:14px;line-height:26px;}
.imgTxtSwipe a{color:#fff;}
.imgTxtSwiper .swiper-button-prev{left:-50px;}
.imgTxtSwiper .swiper-button-next{right:-50px;}
.imgTxtSwiper .swiper-slide{background:linear-gradient(to bottom,#66ccff,#1065cf);padding:15px;border-radius:10px;box-sizing:border-box;color:#fff;}
.imgTxtSwiper .swiper-slide span{width:100%;height:200px;display:block;overflow:hidden;}
.imgTxtSwiper .swiper-slide h6{font-size:18px;line-height:32px;font-weight:bold;padding:10px 0;border-bottom:1px solid #fff;}
.imgTxtSwiper .swiper-slide p{padding-top:10px;}

.tagThree{display:flex;justify-content:space-between;}
.tagThree .tagThreeItem{width:32%;}
.ht02{display:flex;align-items:center;justify-content:space-between;position:relative;}
.ht02:after{content:"";display:block;width:100%;height:58%;border-bottom:1px solid #999;position:absolute;left:0;top:0;box-sizing:border-box;}
.ht02 b{font-size:24px;color:#1064cf;background:#fff;padding-right:10px;position:relative;z-index:1;}
.ht02 a.amore{border:1px solid #1064cf;color:#1064cf;background:#fff;padding:3px 10px;position:relative;z-index:1;font-size:12px;}
.ht02 a.amore:before{display:block;position:absolute;left:-11px;top:0;height:100%;width:10px;background:#fff;content:"";}
.imgTxt{background:#efefef;display:flex;align-items:center;font-weight:bold;margin:25px 0;}
.imgTxt img{width:150px;height:100px;margin-right:20px;}

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

.bg02{background:url(images/bg02.jpg) no-repeat left top;background-size:100% 100%;margin:50px 0 30px 0;padding:40px 0 10px 0;}


.vodBg{display:flex;justify-content:space-between;align-items:center;}
.vodInfo{margin:0 35px 0 0;}
.vod{display:flex;justify-content:center;padding-bottom:10px;}

.vodList{display:flex;justify-content:space-between;flex-wrap:wrap;}
.vodList li{padding-left:25px;width:48%;box-sizing:border-box;margin-top:20px;position:relative;}
.vodList li:before{content:"";display:block;position:absolute;left:0;top:50%;background:url(images/icon01.png) no-repeat left top;background-size:100% 100%;width:48px;height:48px;margin-top:-24px;}
.vodList li a{display:block;background:linear-gradient(to bottom,#fff,#f7f5fb);border:1px solid #bfbfbf;border-radius:10px;padding:25px 10px 25px 35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.panInfo{background:url(images/pan_shadow.png) no-repeat right bottom;position:relative;padding:0 40px 30px 0;background-size:100% 100%;margin-top:20px;}
.pan{animation:trunRound 10s linear infinite;}
.panTan{position:absolute;right:0;bottom:0;}
@keyframes trunRound{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

.imgListBg{display:flex;justify-content:space-between;}
.imgOne,.imgList li{position:relative;overflow:hidden;}
.imgOne{margin-right:30px;width:590px;}
.imgOne span,.imgList li span{font-size:16px;}
.imgList{display:flex;justify-content:space-between;flex-wrap:wrap;flex:1;}
.imgList li{width:48%;margin:25px 0 0 0;}
.imgList li:nth-child(1),.imgList li:nth-child(2){margin-top:0;}


#scrollPic{position:relative;overflow:hidden;padding-bottom:40px;margin:20px 0;}
#scrollPic .rightMark{width:50%;height:100%;position:absolute;right:0;top:0;margin-right:-600px;z-index:1;background:rgba(0,0,0,0.6);}
#scrollPic .leftMark{width:50%;height:100%;position:absolute;left:0;top:0;margin-left:-600px;background:rgba(0,0,0,0.6);z-index:1;}
#scrollPic .swiper-slide{width:1200px;position:relative;}
#scrollPic .swiper-slide img{width:100%;height:auto;}
#scrollPic .swiper-pagination{width:100%;bottom:0;}
#scrollPic .swiper-pagination .swiper-pagination-bullet{width:70px;height:7px;border-radius:0;margin:0 3px;}
#scrollPic .swiper-button-next,#scrollPic .swiper-button-prev{background-color:#53b4ff;}
#scrollPic .swiper-button-next{width:45px;height:100px;right:50%;margin:-100px -645px 0 0;}
#scrollPic .swiper-button-prev{width:45px;height:100px;left:50%;margin:-100px 0 0 -645px;}

.ls03{display:flex;justify-content:space-between;flex-wrap:wrap;}
.ls03 li{width:32%;margin-top:20px;background:#f4f4f4;overflow:hidden;}
.ls03 li span{height:200px;display:block;overflow:hidden;}

.ls03 li p{padding:20px;}
.ls03 li p b{display:block;font-size:18px;border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:10px;color:#333;}
.ls03 a:hover{text-decoration:none;}

.erBg{position:relative;margin-top:80px;}
.erBg:before,.erBg:after{content:"";display:block;position:absolute;}
.erBg:before{background:#1064cf;left:0;top:50px;right:0;bottom:50px;z-index:1;}
.erBg:after{background:#e5f3fe;left:0;bottom:0;right:0;top:55px;}
.erBg .millia{z-index:2;}
.erList{display:flex;justify-content:space-between;align-items:center;color:#fff;text-align:center;}
.erList li:first-child{margin-right:60px;}
.erList li img{display:block;margin:0 auto 10px auto;}
.erList a{color:#fff;}

.bg03{background:#e5f3fe;padding:25px 0 50px 0;}

.heartTag{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px;}
.heartTag li img{display:block;}
.heartTag li b{display:block;background:#f5f5f5;margin-top:10px;text-align:center;font-weight:normal;}

.dmbg{background:url(images/bg03.jpg) no-repeat left top;background-size:100% 100%;position:relative;padding:50px 0 30px 0;box-sizing:border-box;overflow:hidden;}
.dmHt{text-align:center;}
.dmHt span{display:block;font-size:30px;padding-top:10px;}
.dmHt span b{color:#cc0000;font-size:36px;display:inline-block;padding:0 20px;}
.itemBg{background:url(images/icon03.png) no-repeat 10px center;padding:10px 20px 10px 65px;border-radius:40px;background-size:40px 40px;font-size:18px;line-height:36px;color:#fff;position:absolute;left:0;top:0;white-space:nowrap;box-sizing:border-box;}
.dmShow{position:relative;height:640px;}
.dmSend{width:100%;display:flex;justify-content:center;align-items:center;margin-top:50px;}
.dmInt{border:2px solid #1064cf;font-size:16px;line-height:38px;width:500px;padding-left:10px;border-radius:5px 0 0 5px;}
.dmSub{background:#1064cf;color:#fff;font-size:16px;border:none;line-height:44px;height:44px;padding:0 20px;border-radius:0 5px 5px 0;}




@media screen and (max-width:780px){
.millia{width:96%;}
.topic{position:relative;}
.navbg{overflow-x:auto;display:block;}
.navbg img{display:none;}
.nav{margin:0;}
.nav:after,.nav:before{display:none;}
.nav ul{padding:1rem;font-size:1.3rem;font-weight:normal;}
.nav ul li{white-space:nowrap;border-width:0.1rem;}
.bg01{padding:1rem 0 8rem 0;}
.firstContent{display:block;}
.focusSwiper,.focusSwiper .swiper-container,.focusSwiper .swiper-slide{height:auto;}
.focusSwiper .swiper-slide span{font-size:1.3rem;line-height:4.2rem;white-space:nowrap;padding:0;text-overflow:ellipsis;overflow:hidden;}
.focusSwiper .swiper-button-white,.tagBlue h6:after,.tagRed h6:after,.imgTxtSwiper .swiper-button-prev,.imgTxtSwiper .swiper-button-next,#scrollPic .swiper-pagination,#scrollPic .swiper-button-next,#scrollPic .swiper-button-prev,.ht01 a.more{display:none;}

h1{font-size:1.8rem;line-height:2.6rem;padding-bottom:2rem;}
hr.line{margin:2rem 0;}
.ls01{font-size:1.5rem;line-height:3.6rem;}

.tagList{flex-wrap:wrap;}
.tagList li{width:100%;margin-bottom:2rem;}
.tagList li:last-child{margin-bottom:0;}

.tagBlue,.tagRed{padding:5.5rem 0 0 0;}
.tagBlue h6,.tagRed h6{width:100%;writing-mode:horizontal-tb;font-size:1.8rem;padding:1rem 0;font-weight:normal;height:auto;}
/*.tagBlue dd,.tagRed dd{flex-direction:column;padding:0 0 1rem 0;width:100%;}
.tagBlue dd a,.tagRed dd a{width:100%;margin:1rem 0 0 0;}*/

.ht01 img{width:80%;height:auto;}
.imgTxtSwiper .swiper-slide{padding:1rem;}
.imgTxtSwiper .swiper-slide span{height:auto;}
.imgTxtSwiper .swiper-slide h6{font-size:1.4rem;line-height:2.2rem;font-weight:normal;}

.tagThree{flex-wrap:wrap;}
.tagThree .tagThreeItem{width:100%;margin-bottom:2rem;}
.ht02 b{font-size:2rem;}
.ht02 a.amore{padding:0.2rem 0.5rem}
.imgTxt{font-size:1.4rem;font-weight:normal;margin:2rem 0 1rem 0;}
.ls02{font-size:1.4rem;line-height:3.8rem;}

.bg02{margin:2rem 0;background-size:auto 100%;}
.vodBg,.imgListBg{display:block;}
.vodInfo{margin:0;}
.vod *,#scrollPic .swiper-slide,#scrollPic img{width:100% !important;height:auto !important;}
.vodList{font-size:1.4rem;}
.vodList li{width:100%;padding-left:2rem;}
.vodList li:before{width:4rem;height:4rem;margin-top:-2rem;}
.vodList li a{padding:1.5rem 1rem 1.5rem 3rem;}

.panInfo{overflow:hidden;margin-top:2rem;}
.panHt img{width:80%;height:auto;display:block;margin:0 auto;}
.pan img{width:100%;height:100%;}
.panTan img{width:90%;height:auto;}

.imgOne{width:100%;margin:0 0 1rem 0;}
.imgList li{margin:0 0 1rem 0;}

.tagBlue dd span, .tagRed dd span, .imgOne span, .imgList li span{font-size:1.4rem;line-height:3.6rem;}

#scrollPic{padding:0;}
.ls03 li{width:100%;}
.ls03 li p b{font-size:1.6rem;}
.erBg{padding-bottom:2rem;}
.erBg:before{top:20rem;bottom:0;}
.erBg:after{top:21rem;}
.erList{flex-wrap:wrap;}
.erList li,.erList li:first-child{width:100%;text-align:center;margin:0 0 1rem 0;}
.erList li{width:49%;font-size:1.4rem;}
.erList li img{max-width:90%;}

.bg03{padding:1rem 0;}
.heartTag{flex-wrap:wrap;padding-bottom:0;}
.heartTag li{width:49%;margin-bottom:1rem;}
.heartTag li:first-child{background:#1064cf;width:100%;}
.heartTag li:first-child img{width:50%;margin:0 auto;}
.heartTag li b{margin:0;font-size:1.4rem;}

.dmbg{background-size:auto 100%;}
.dmHt img{max-width:40%;height:auto;}
.dmHt span{font-size:1.3rem;}
.dmHt span b{font-size:1.6rem;}
.dmShow{height:40rem;}
.itemBg{font-size:1.3rem;line-height:2.2rem;background-size:2rem 2rem;padding-left:4rem;}
.dmInt{width:60%;}
}