*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
.clearfix:after{
	display:block;clear:both;content:"";visibility:hidden;height:0
}
.clearfix{
	zoom:1
}
body{
    width: 100%;
	background:#f5f5f5 url(../images/banner.jpg) no-repeat top center;
}
.spec_top{width:1200px; height:300px; margin:0 auto}
.spec_top img{ margin:30px 15px}
.container{width:1120px; padding:60px 40px; margin:0 auto; background:#fff}
.picList{ margin-left:-20px;}
.picList li{height:112px;float:left;width:235px;padding:5px 15px;margin-left:20px; margin-bottom:20px;border-bottom: 3px solid #e2767c;background:#f7f7f7; border-radius:10px; transition:all ease 0.3s}
.picList li:hover{ margin-top:-10px; box-shadow:0 10px 10px rgba(0,0,0,0.21)}

.box02gd-title{width:100%; padding-top:15px; height:35px;float:left;font-size:20px;line-height:35px;color:#333;}
.box02gd-title span{float:left}
.box02gd-title img{float:right;margin-right:25px;margin-top:10px}
.box02gd-link{float:left;height:40px;line-height:35px;padding-top:5px;width:100%}
 .box02gd-link span{float:left;font-size:15px;color:#999}
 .box02gd-link b{width:65px;display:block;line-height:30px;background:#c44e4e;color:#fff;float:right;margin-top:10px;height:30px;font-size:13px;text-align:center}
 .sxblul li a, .sxblul li a p{width:77px!important;} 
 
 .footer{width:1200px}
 .mobile_footer{ display:none}
 
@media (max-width:800px){
*{ box-sizing:border-box}
.spec_top{width:100%; height:21vh;}
.spec_top img{ margin:1rem;width:45%}
body{background:#f5f5f5 url(../images/banner.jpg) no-repeat top center; background-size:auto 30vh}
.container{width:96%; padding:1rem; margin:0 auto; border-radius:0.5rem}
.picList{ margin-left:0;}
.picList li{float:none;width:100%;padding:5px 15px;margin-left:0; margin-bottom:20px; transition:none}
.picList li:hover{margin-top:0}
.footer{ display:none}
.mobile_footer{ display:block}
	}