@import url("http://www.jiaodong.net/inc/millia/millia.css");
.millia{width:1200px;margin:0 auto;}
.topic{background:url(images/topic.jpg) no-repeat top center;}
.ht01,.ht02{background:url(images/ht01.png) no-repeat center center;padding:20px 0;text-align:center;font-size:38px;line-height:40px;color:#3c57a8;font-weight:bold;}
.ht02{background:url(images/ht02.png) no-repeat center center;color:#fff;}
.intro p,.intro a{color:#3c57a8;}
.intro p{padding-top:30px;}

.bg01{background:#4897e4;padding:80px 0;}

.perList{width:100%;overflow:hidden;font-size:0;}
.perList ul{width:102%;}
.perList li{width:18%;display:inline-block;box-sizing:border-box;margin:2% 2% 0 0;border:1px solid #88abdf;background:#fff;padding:2px;}
.perList li span{display:block;overflow:hidden;width:100%;height:220px;}
.perList li span img{width:100%;height:100%;transition:all .5s;}
.perList li:hover span img{transform:scale(1.2,1.2);}
.perList li h6{text-align:center;font-size:24px;padding:10px 0;color:#333;}
.perList li p{color:#9c9c9e;padding:0 20px 20px 20px;font-size:14px;line-height:20px;}


@media screen and (max-width:640px){
.millia{width:92%;overflow:hidden;}
.ht01,.ht02{font-size:2.3rem;line-height:3rem;background:#3c57a8;color:#fff;padding:1rem;}
.ht02{background:#fff;color:#3c57a8;}
.intro p{font-size:1.6rem;line-height:2.8rem;padding-top:1rem;}
.bg01{padding:2rem 0;}
.perList li{width:48%;}
.perList li span{height:auto;}
.perList li p{padding:0 1rem 1rem 1rem}
}