/* CSS Document By Millia 2017-08-28*/
@import url("http://www.jiaodong.net/inc/v2017/millia.css");
@import url("http://www.jiaodong.net/inc/v2017/swiper.css");
.millia{width:1000px;margin:0 auto;position:relative;}
#topic{background:url(images/topic.jpg) no-repeat top center;padding-top:115px;}

.pb300{padding-bottom:300px;}

.focus .swiper-slide{width:490px;height:305px;overflow:hidden;position:relative;}
.focus .swiper-slide img,.info img{width:100%;height:100%;transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;}

.focus .swiper-slide:hover img,.info span:hover img{transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-ms-tarnsform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);-o-transform:(1.3,1.3);}

.focus .swiper-slide b{display:block;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.5);width:100%;text-indent:2rem;color:#fff;font-size:16px;line-height:32px;font-weight:normal;}
.focus .swiper-pagination{left:auto;bottom:12px;right:1rem;width:auto;}
.focus .swiper-pagination-bullet{background:#3763d6;opacity:1;border-radius:0;margin:0 3px !important;}
.focus .swiper-pagination-bullet-active{background:#fff;}

.ht02{border-bottom:3px solid #3763d6;padding-bottom:1px;position:relative;}
.ht02 b{display:inline-block;border-bottom:5px solid #3763d6;font-size:24px;padding-bottom:8px;color:#3763d6;}
.ht02 b i{font-size:14px;color:#3763d6;font-style:normal;font-weight:normal;margin-left:2px;}
.ht02 a.amore{display:block;position:absolute;bottom:11px;right:0;color:#3763d6;}

.ls01 li{border-top:1px dashed #aaa;color:#888;padding:15px 0;}
.ls01 li:first-child{border:none;}
.ls01 li h2{font-size:20px;padding-bottom:15px;color:#3763d6;}
.ls01 li h2 a{color:#3763d6;}
.ls01 li a{color:#888;}

.ht_blue,.ht_white{background:url(images/ht_blue.png) no-repeat top center;padding:18px 0 2px 0;text-align:center;}
.ht_white{background:url(images/ht_white.png) no-repeat top center;}
.ht_blue{background:url(images/ht_blue.png) no-repeat top center;}

.bluebg{background:url(images/bg_blue.png) no-repeat top left;padding:10px 3px 3px 11px;}
.whitebg{background:url(images/bg_white.png) no-repeat top left;padding:10px 3px 3px 11px;}

.bluebg h3,.whitebg h3{color:#fff;text-align:center;font-size:26px;padding:18px 0;font-weight:bold;}
.bluebg h3 a{color:#fff;}
.whitebg h3,.whitebg h3 a{color:#3664d6;}
h3 a:hover{text-decoration:none;}

.bluebg .info{background:#fff;color:#555;}
.bluebg .info a{color:#555;}
.bluebg .info b{color:#3664d6;}
.whitebg .info{background:#3379dc;color:#fff;}
.whitebg .info a{color:#fff;}
.whitebg .info b{color:#fff000;}

.whitebg .info{background:#3378dc;}


.info{padding:5px;}
.info span{display:block;width:480px;height:235px;float:left;margin-right:25px;overflow:hidden;}
.info p{padding-top:10px;}
.info b{display:block;font-size:16px;font-weight:normal;}

#bg02{background:url(images/bg02.jpg) no-repeat top center;padding:45px 0;}
#bg03{background:url(images/bg03.jpg) no-repeat top center;padding:30px 0;}
#bg04{background:url(images/bg04.jpg) #fff no-repeat top center;padding:30px 0;}

.htbg{background:#3664d6;padding:30px 0;}


@media screen and (max-width:640px){
.millia{padding:0 1rem;width:100%;box-sizing:border-box;}
#topic{background-size:220% 30%;padding-top:2rem;}
#bg02,#bg03,#bg04{background-size:cover;padding:2rem 0;}

.pb300{padding-bottom:2rem;}

.focus .swiper-slide,.focus .swiper-slide img{width:100%;height:auto;}
.focus .swiper-slide b{white-space:nowrap;font-size:1.2rem;line-height:2.6rem;text-align:center;text-indent:0;}
.focus .swiper-pagination{display:none;}

.ht02{margin-top:2rem;}

.ht_blue,.ht_white{background:none;}
.ht_blue img,.ht_white img{width:70%;height:auto;}

.bluebg h3,.whitebg h3{text-shadow:0 -2px 0 #000;font-size:2rem;}
.whitebg h3{text-shadow:0 -2px 0 #fff;}
.info span{width:100%;height:auto;margin-bottom:1rem;}
}