@charset "utf-8";
/* CSS Document */

body{ background:#f6f6f6;color:#333;font-size:14px; font-family:Verdana ,"微软雅黑"; margin:0; padding:0}
ul,li ,dl, dt{ margin:0px; padding:0px; list-style-type: none; }
h1,h2,h3,h4,h5, p{ margin:0; padding:0; font-weight:normal;}
button{ border:none; background:none; vertical-align:middle;}
input{ background:none; vertical-align:middle; }
table{border-collapse: collapse;border-spacing: 0;}
select{ vertical-align:middle;}
button{ cursor:pointer;}
img{ border:none;}
a, a:hover{ text-decoration:none; outline:0; blr:expression(this.onFocus=this.blur()); cursor:pointer; color:#333;}
a:hover{ cursor:pointer; }
.clear{ clear:both; overflow:hidden;}
em{ color:#f00; font-style:normal;}


*, *:before, *:after {box-sizing: border-box;}



/***** 内容 *****/
.main {  height:auto; }
.banner img { width:100%;}

.class_list { width:100%; margin-top:10px; background:#fff; border-top:1px #e4e4e4 solid; float:left;}
.class_list .class_tit { font-size:16px; margin-top:10px;}
.class_list .tit_icon { background:url(../images/tit_icon.png) no-repeat; background-size:100% 100%; width:5px; height:14px; display:inline-block; margin:-3px 10px 0 20px; vertical-align:middle;}
.class_list ul li a { background:#fff; width:33.3%; height:110px; color:#4a4a4a; display:inline-block; float:left;}
.class_list ul li h1 { width:100%; height:48px; width:48px;margin:0 auto; margin-top:10px;}
.class_list ul li p { width:100%; font-size:14px; text-align:center; margin-top:8px;}
.class_list ul li .icon_size img{ width:48px; height:48px; display:block;}

/***** 查看详情结束 *****/

@media screen and (min-width: 320px) and (max-width : 359px) {
.class_list .class_tit { font-size:14px; margin-top:10px;}
.class_list .tit_icon { background:url(../images/tit_icon.png) no-repeat; background-size:100% 100%; width:4px; height:12px; display:inline-block; margin:-2px 10px 0 20px; vertical-align:middle;}
.class_list ul li a { background:#fff; width:33.3%; height:80px; display:inline-block; float:left;}
.class_list ul li h1 { width:100%; height:42px; width:42px;margin:0 auto; margin-top:10px !important; }
.class_list ul li p { width:100%; font-size:12px; text-align:center; margin-top:6px;}
.class_list ul li .icon_size img{ width:42px; height:42px; display:block;}

}
@media screen and (min-width: 360px) and (max-width : 479px) {


}
@media screen and (min-width: 480px) and (max-width: 539px) {

}

@media screen and (min-width: 540px) and (max-width: 639px) {

}
@media screen and (min-width: 640px) and (max-width: 767px) {

}

@media screen and (min-width: 768px) and (max-width: 1023px) {

}

@media screen and (min-width: 1024px) and (max-width: 1135px) {

}
@media screen and (min-width: 1136px) and (max-width: 1280px) {

}