@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/topicbg.jpg) #c6000b no-repeat top center;height:890px;position:relative;}
.topInfo{width:770px;margin:15px auto 0 auto;color:#d71518;}
.nav{width:1200px;position:absolute;left:50%;margin-left:-600px;bottom:0;font-size:0;}
.nav li{display:inline-block;background:url(images/nav.png) no-repeat left top;width:222px;height:163px;box-sizing:border-box;text-align:center;padding-top:50px;font-size:20px;font-weight:bold;text-shadow:0 0 12px #830315;margin-left:20px;}
.nav li:first-child{margin:0;}
.nav li a{color:#ffdeb5;}
.nav li a:hover,.ht01 a:hover{text-decoration:none;}

.bg01{background:#c6000b;padding:40px 0;}

.ht01{background:url(images/icon01.png) no-repeat left center;padding-left:120px;color:#ffdeb5;}
.ht01 h1{font-weight:bold;font-size:42px;padding-bottom:10px;}
.ht01 a{color:#ffdeb5;}

.ht01 h1,.ht01 p,.img560_310 b,h2,.ls01 li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.img560_310{position:relative;width:560px;height:310px;overflow:hidden;}
.img560_310 b{display:block;position:absolute;left:0;bottom:0;width:100%;text-align:center;background:rgba(0,0,0,.5);color:#fff;font-size:20px;line-height:56px;font-weight:normal;}

.img560_310 img{width:100%;height:auto;transition:all .5s;}
.img560_310:hover img{transform:scale(1.2,1.2);}

.ht02{border-top:2px solid #8e0004;position:relative;}
.ht02 a.amore{display:block;position:absolute;right:40px;top:0;background:#8e0004;font-size:14px;color:#ec303b;line-height:20px;padding:0 6px;}
.ht02 a.amore i{font-style:normal;position:relative;z-index:1;}
.ht02 a.amore:before,.ht02 a.amore:after{content:"";display:block;position:absolute;border:20px solid #8e0004;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;top:0;}
.ht02 a.amore:before{left:-20px;}
.ht02 a.amore:after{right:-20px;}
.ht02 b{display:inline-block;font-size:22px;font-weight:normal;background:#8e0004;line-height:58px;padding:0 20px;color:#ffdeb5;margin-left:20px;}

.cffdeb5,.cffdeb5 a,h2 a{color:#ffdeb5;}
.cf9f4f1,.cf9f4f1 a{color:#f9f4f1;}
h2{font-size:22px;padding:45px 0 30px 0;border-bottom:1px solid #aa0007;}

.bg02{background:#b00005;}

.ls01 li{padding-left:30px;position:relative;}
.ls01 li:before,.ls02 li:before{content:"";display:block;width:5px;height:5px;border-radius:3px;background:#8e0004;position:absolute;left:10px;top:50%;margin-top:-2px;}

.ht03,.ht04{position:relative;text-align:center;width:100%;overflow:hidden;}
.ht03:before,.ht03:after,.ht04:before,.ht04:after{content:"";display:block;position:absolute;height:28px;top:0;border-bottom:1px solid #ca1301;width:50%;}
.ht04:before,.ht04:after{border-bottom:1px solid #fff6ee;}
.ht03:before,.ht04:before{left:0;right:50%;margin-left:-127px;}
.ht03:after,.ht04:after{left:50%;right:0;margin-left:127px;}
.ht03 span,.ht04 span{display:inline-block;position:relative;}
.ht03 span:before,.ht03 span:after,.ht04 span:before,.ht04 span:after{content:"";display:block;position:absolute;width:10px;height:10px;background:#ca1301;border-radius:5px;top:23px;}
.ht04 span:before,.ht04 span:after{background:#fff6ee;}
.ht03 span:after,.ht04 span:after{right:0;}
.amore01,.amore02,.amore03{position:absolute;display:block;top:18px;left:50%;color:#ca1301;font-size:14px;margin-left:545px;background:#fff;padding:0 10px;z-index:9;}
.amore02{background:#f9f6f6;}
.amore03{background:#b01508;color:#fff6ee;}

.picList{width:100%;overflow:hidden;font-size:0;}
.picList ul{width:103%;}
.picList li{display:inline-block;width:22%;margin:0 3% 3% 0;padding-top:110px;position:relative;}
.picList li div{font-size:14px;line-height:26px;padding:150px 45px 20px 45px;color:#fff;position:relative;}
.picList li div h6{font-weight:bold;font-size:20px;text-align:center;padding:0 0 10px 0;}
.picList li div h6 i{font-style:normal;font-size:14px;}
.picList li span{display:block;position:absolute;left:15px;top:0;width:240px;height:240px;border-radius:50%;overflow:hidden;z-index:9;}
.picList li span img{width:230px;height:230px;border-radius:50%;border:5px solid #fff;}
.picList li div:before,.picList li div:after{content:"";position:absolute;width:100%;height:21px;left:0;}
.picList li div:before{top:-20px;}
.picList li div:after{bottom:-20px;}
.picList li:nth-child(1) span{border:1px solid #5ca33f;}
.picList li:nth-child(1) div{background:url(images/green.png) repeat-y;background-size:contain;}
.picList li:nth-child(1) div:before{background:url(images/greenTop.png) no-repeat left top;background-size:100% 100%;}
.picList li:nth-child(1) div:after{background:url(images/greenBottom.png) no-repeat left top;background-size:100% 100%;}

.picList li:nth-child(2) span{border:1px solid #ca1301;}
.picList li:nth-child(2) div{background:url(images/red.png) repeat-y;background-size:contain;}
.picList li:nth-child(2) div:before{background:url(images/redTop.png) no-repeat left top;background-size:100% 100%;}
.picList li:nth-child(2) div:after{background:url(images/redBottom.png) no-repeat left top;background-size:100% 100%;}

.picList li:nth-child(3) span{border:1px solid #eb7c2c;}
.picList li:nth-child(3) div{background:url(images/yellow.png) repeat-y;background-size:contain;}
.picList li:nth-child(3) div:before{background:url(images/yellowTop.png) no-repeat left top;background-size:100% 100%;}
.picList li:nth-child(3) div:after{background:url(images/yellowBottom.png) no-repeat left top;background-size:100% 100%;}

.picList li:nth-child(4) span{border:1px solid #5690b9;}
.picList li:nth-child(4) div{background:url(images/blue.png) repeat-y;background-size:contain;}
.picList li:nth-child(4) div:before{background:url(images/blueTop.png) no-repeat left top;background-size:100% 100%;}
.picList li:nth-child(4) div:after{background:url(images/blueBottom.png) no-repeat left top;background-size:100% 100%;}

.bg03{background:url(images/bg01.jpg) #f9f4f1 no-repeat top center;padding:50px 0;}

.ls02{width:100%;overflow:hidden;font-size:0;}
.ls02 ul{width:105%;}
.ls02 li{width:45%;margin:0 5% 0 0;display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-left:20px;box-sizing:border-box;font-size:18px;line-height:36px;position:relative;}
.ls02 li:before{left:0;}

.tabs{font-size:0;}
.tabs li{display:inline-block;width:25%;text-align:center;font-size:22px;line-height:58px;background:#ca1301;border-top:3px solid #ca1301;font-weight:bold;}
.tabs li a{color:#fff;}
.tabs li.active{border-top:3px solid #f7a529;background:#fff;}
.tabs li.active,.tabs li.active a{color:#ca1301;}
.tabs li.active a:hover{text-decoration:none;}

#tabox .swiper-slide{overflow:hidden;width:100%;padding:50px 20px 20px 20px;background:#fff;box-sizing:border-box;font-size:0;}
#tabox .swiper-slide ul{width:109%;}
#tabox .swiper-slide li{width:43%;display:inline-block;font-size:20px;line-height:34px;border:1px solid #e5e5e5;margin:0 5% 20px 0;padding:5px 90px 5px 115px;position:relative;box-sizing:border-box;background:url(images/icon02.png) no-repeat right center;vertical-align:top;}
#tabox .swiper-slide li span{display:block;width:90px;line-height:80px;text-align:center;color:#fff;font-size:40px;position:absolute;left:0;top:0;height:100%;}
#tabox .swiper-slide li p{display:flex;height:80px;flex-direction:column;justify-content:center;}



#tabox .swiper-slide li:nth-child(1) span,#tabox .swiper-slide li:nth-child(2) span{background:#ef8b5a;}
#tabox .swiper-slide li:nth-child(3) span,#tabox .swiper-slide li:nth-child(4) span{background:#ef5a61;}
#tabox .swiper-slide li:nth-child(5) span,#tabox .swiper-slide li:nth-child(6) span{background:#4886ec;}
#tabox .swiper-slide li:nth-child(7) span,#tabox .swiper-slide li:nth-child(8) span{background:#54c8b1;}
#tabox .swiper-slide li:nth-child(9) span,#tabox .swiper-slide li:nth-child(10) span{background:#bb8ccf;}
#tabox .swiper-slide li:nth-child(11) span,#tabox .swiper-slide li:nth-child(12) span{background:#d64f0d;}
#tabox .swiper-slide li:nth-child(13) span,#tabox .swiper-slide li:nth-child(14) span{background:#b30d15;}
#tabox .swiper-slide li:nth-child(15) span,#tabox .swiper-slide li:nth-child(16) span{background:#0843a3;}
#tabox .swiper-slide li:nth-child(17) span,#tabox .swiper-slide li:nth-child(18) span{background:#018168;}
#tabox .swiper-slide li:nth-child(19) span,#tabox .swiper-slide li:nth-child(20) span{background:#5f0486;}

.bg04{background:url(images/bg02.jpg) #b01609 no-repeat bottom center;padding:50px 0;}




@media screen and (max-width:640px){
.millia,.topInfo{width:94%;}
.topic{height:auto;padding-bottom:2rem;}
.topInfo{font-size:1.3rem;line-height:2rem;}
.ht01{background:none;padding:0;font-size:1.4rem;}
.ht01 h1,h2{font-size:2rem;}
.ht01 h1,.ht01 p,h2{white-space:normal;}
.img560_310{width:100%;height:auto;}
.img560_310 b{font-size:1.4rem;line-height:3rem;}
.f16{font-size:1.4rem;}
.lh36{line-height:2.4rem;}
.ht02 b{font-size:1.8rem;line-height:3.6rem;margin-left:0;}
.ht02 a.amore{right:20px;font-size:1.2rem;}
.ls01{margin:1rem;}
.ls01 li{padding-left:2rem;font-size:1.4rem;line-height:2.6rem;}
.ls01 li:before{left:.5rem;}

.picList{overflow:visible;}
.picList ul,.picList li{width:100%;}
.picList li{margin-top:30px;}
.picList li div h6{font-size:1.8rem;}
.picList li div:before,.picList li div:after{height:2.2rem;}
.picList li span{left:50%;margin-left:-120px;}

.ls02 ul,.ls02 li{width:100%;}
.ls02 li{font-size:1.5rem;line-height:2.8rem;}

.tabs li{font-size:1.4rem;line-height:2rem;height:5rem;vertical-align:top;padding:.5rem;box-sizing:border-box;}

#tabox .swiper-slide{padding:2rem 1rem 0 1rem;}
#tabox .swiper-slide ul{width:100%;}
#tabox .swiper-slide li{width:100%;font-size:1.4rem;line-height:2rem;margin-bottom:1rem;padding:0 1rem 0 5rem;height:7rem;background:none;}
#tabox .swiper-slide li p{height:7rem;}
#tabox .swiper-slide li span{width:4rem;font-size:1.6rem;line-height:7rem;box-sizing:border-box;}


}