body, html, p, div, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd { margin: 0 auto; padding: 0; }

body { color: #333333; font-family: "Microsoft YaHei", "Arial";background:#ffe4ad; overflow-x: hidden;  }

img { border: 0 none; }

li { list-style: none outside none; }

a { text-decoration: none; color: #115AA0 }

a:hover { color: #cc0000 }

h1, h2, h3, h4, h5, h6 { font-family: "Microsoft YaHei", "Arial"; }

.main { width: 100%; margin: 0 auto; padding: 0;  height: auto; display:table }

.h_30px { height: 30px; clear: both; overflow: hidden; font-size: 0 }

.h_10px, .hr10 { height: 10px; clear: both; overflow: hidden; font-size: 0 }

.h_20px { height: 20px; clear: both; overflow: hidden; font-size: 0 }

.container {margin: 0 auto; padding: 0; max-width:1000px; min-width:320px;}



.bg{ background:url(../images/bg_top.jpg) no-repeat top center; width:100%; height:auto; }

.title h3{ width:100%; text-align:center}

.title{ padding:20px 0 0 0; text-align:center}

.title span{ color:#c00; font-size:30px}

.list{ width:100%; clear:both; margin-top:15px}

.list span{text-align:center; float:left; color:#fff;background:url(../images/libg.png) no-repeat;  font-size:24px; width:197px; height:47px; line-height:47px; }

.list p{ line-height:35px; color:#2c2c2c; font-size:20px}

.list p a{ padding:0 17px; display: inline-block; background:none; color:#333}

.list p a:hover{ background:#e42a06; color:#fff}

.footer{ text-align:center; padding:20px 0; line-height:25px; font-size:16px}

@media screen and (min-width:1200px){

.list span{  font-size:24px;  height:47px; line-height:47px;}

.list p{ line-height:47px; color:#2c2c2c; }

}



@media screen and (min-width: 960px) and (max-width: 1199px) {

.list span{   font-size:24px;  height:47px; line-height:47px;margin-left:10px}

}



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

.title h3 img{ width:550px;}

.title span{  font-size:18px;margin-left:10px}

.list span{  background-size:160px 40px;  font-size:20px; width:160px; height:40px; line-height:39px;}

}



@media only screen and (min-width: 480px) and (max-width: 767px){

.title h3 img{ width:400px;}

.title span{  font-size:18px}

.list span{  background-size:160px 40px;  font-size:20px; width:160px; height:40px; line-height:40px;margin-left:10px}

.list p a{ padding:0 10px; font-size:17px }

.list p a:hover{ background:none; color:#c00 }

}





@media only screen and (max-width: 479px) {

.list span{ background-size:140px 35px;  font-size:17px; width:140px; height:35px; line-height:35px;margin-left:10px}

.title h3 img{ width:320px;}

.title span{  font-size:18px}

.list p a{ padding:0 10px; font-size:17px}

.list p a:hover{ background:none; color:#c00 }

	

}