@charset "GB2312";

html {font-size:62.5%}
@media only screen and (min-width:321px) and (max-width:360px) {
    html {font-size:68.75%!important}
}
@media only screen and (min-width:361px) and (max-width:375px){
    html {font-size:73.24%!important}
}
@media only screen and (min-width:376px) and (max-width:500px){
    html {font-size:80.85%!important}
}
@media only screen and (min-width:501px) and (max-width:640px){
    html {font-size:109%!important}
}
@media only screen and (min-width:641px) {
    html {font-size:120%!important}
}

body{max-width:640px !important;margin:0 auto;line-height:1.6;color:#333;font-family:'PingFang SC','Microsoft YaHei',Helvetica,simsun,arial,sans-serif;}
ul,li,a{margin:0;padding:0;}

.top{border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:linear-gradient(#fff,#f2f2f2);background:-webkit-linear-gradient(#fff,#f2f2f2);}
.top ul li{display:inline-block;height:1.5rem;line-height:1.5rem;font-size:1rem;}

footer{border-top:1px solid #ccc;}

.menu ul li{display:inline-block;text-align:center;list-style:none;float:left;}
.menu ul li a{display:block;background:linear-gradient(#199cb7,#055aa5);background:-webkit-linear-gradient(#199cb7,#055aa5);color:#fff;}
.menu ul li:first-child,.menu ul li:nth-child(2),.menu ul li:nth-child(3),.menu ul li:nth-child(4){width:25%;}
.menu ul li:nth-child(5),.menu ul li:nth-child(6),.menu ul li:nth-child(7),.menu ul li:nth-child(8),.menu ul li:last-child{width:20%;}

.wrap .media img{width:10rem;}


.list h4{border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:linear-gradient(#fff,#f2f2f2);background:-webkit-linear-gradient(#fff,#f2f2f2);text-indent:1rem;}
.list ul{border-bottom:1px solid #ccc;}
.list ul li img{width:8rem;}
.list_page{display:inline-block;border:1px solid #ccc;}


.art_intro{background:#f5fcee;border:1px solid #ccc;}