@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;}

.bg01{background:#2c2c2e;color:#fff;padding:30px 0;}
.bg02{background:#5f4ee3;padding:45px 0 35px 0;color:#fff;}
.bg03{background:#ff804c;color:#fff;}
.bg01 a,.bg02 a,.bg03 a,#tabox .swiper-slide a{color:#fff;}

.intro p{position:relative;padding:15px 0 25px 205px;}
.intro p b{display:block;position:absolute;left:0;top:0;background:url(images/htbg.png) no-repeat left top;background-size:contain;font-size:22px;line-height:54px;text-align:100% 100%;color:#fff;padding:0 40px 0 60px;}

.tabs{font-size:0;}
.tabs li{display:inline-block;width:25%;text-align:center;font-size:34px;line-height:130px;}
.tabs li.active,.tabs li.active a{color:#5f4ee3;}
.tabs li.active a:hover{text-decoration:none;}
#tabox .swiper-slide{overflow:hidden;width:100%;font-size:0;}

#tabox .swiper-slide ul{width:101%;}
#tabox .swiper-slide li{width:24%;display:inline-block;overflow:hidden;background:#2d343a;color:#fff;padding-bottom:20px;margin:0 1% 1% 0;}
#tabox .swiper-slide li span{display:block;overflow:hidden;}
#tabox .swiper-slide li span img{width:100%;height:100%;transition:all .5s;}
#tabox .swiper-slide li span:hover img{transform:scale(1.2,1.2);}
#tabox .swiper-slide li h6{font-size:18px;font-weight:bold;padding:20px 20px 5px 20px;}
#tabox .swiper-slide li p{padding:0 20px 10px 20px;font-size:14px;}
#tabox .swiper-slide li h5{position:relative;padding:0 20px;font-size:14px;color:#ff7f4c;}
.bt01{position:absolute;top:0;right:20px;border:none;background:linear-gradient(to right,#ff8944,#ff4a6f);color:#fff;font-size:14px;line-height:24px;padding:0 10px;border-radius:5px;}

@media screen and (max-width:640px){
.millia{width:94%;overflow:hidden;}
.bg01{font-size:1.6rem;line-height:2.4rem;}
.intro p{padding:0 0 1rem 0;font-size:1.6rem;}
.intro p b{position:static;font-size:1.8rem;margin-bottom:.5rem;}

.tabs li{font-size:1.5rem;line-height:3rem;white-space:nowrap;;}
#tabox{padding:1rem 0 0 0;}
#tabox .swiper-slide li{width:49%;padding-bottom:.8rem;}
#tabox .swiper-slide li h6{padding:1rem .5rem .5rem .5rem;font-size:1.6rem;}
#tabox .swiper-slide li p{padding:0 .5rem .5rem .5rem;font-size:1.3rem;}
#tabox .swiper-slide li h5{padding:0 .5rem .5rem .5rem;}
.bt01{right:.5rem;padding:0 .5rem;}




}