body {
	background-color:#fff;
	padding:0;
	margin:0;
	color:#333;
	font-size:12px;
	font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft YaHei", STHeiti;
}
.wrapper {
	width:1280px;
    margin:0 auto;
}
.banner{
	width:100%;
    margin:10px auto;
    text-align:right;  	
}
.top-logo-bsjz{
    width:1280px;
    height:260px;
    margin:0 auto;
    text-align: center;
	background-image:url("/images/bsjz-pc.jpg");
	background-size: cover;
}
.top-logo-bsjz img{
    height:60px;
	float: left;
	padding-left: 20px;
	padding-top: 20px;
}
.logo{
    width:1280px;
    height:260px;
    margin:0 auto;
    text-align: center;
	background-image:url("/images/top-pc.jpg");
	background-size: cover;
}
.logo img{
    height:60px;
	float: left;
	padding-left: 20px;
	padding-top: 20px;
}
.main {
	background-color:#fff;
	border-top: 0px solid #e9c746;
	padding-bottom:25px;	
}
.title {
	text-align:center;
	font-size:26px;
	color:#2a8c2a;
}
.title p{
    font-size:14px;
}
.content {
	
}
.content .item{    
  	padding: 20px 0;
	height:60px;
	border-bottom:0px solid #eee;
	overflow: hidden;
}
.content .item a{
	display: block;
	width:100%;
	height:60px;
}
.content .item .zi{
	width:30px;
	height:30px;
	font-size:20px;
	line-height: 30px;
	text-align: center;
	color: #FFFFFF;
	padding:15px;
}
.content .item .img{	
	width:30%;
	max-width:60px;
	float: left;
	height:60px;
	background-color: #ff663b;
	border-radius:30px;
}
.content .item img{
  	width:30px;
	padding:15px;
}
.content .item .title{
	height:60px;
	float:left;	
    font-size:14px;    
	color:#000000;
	line-height: 60px;
	padding-left: 30px;
}
.content .item .desc{
    font-size:14px;
}
.gap{
	width:100%;
	height:60px;	
}
.footer {
	border-top:0px solid #ddd;
	padding-top:20px;
	font-size:14px;
	font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB";
	text-align: center;
	color: #999;
}
@media screen and (min-width:801px){
  	.main{
    	border:1px solid #e9e9e9;	
      	border-top: 0px solid #e9c746;
		padding:40px;
  	}
    .wrapper{
      padding:10px;
    }
  	.content {
      display: grid;
      grid-template-columns: auto auto auto auto;
      grid-gap:20px;
    }
}
@media screen and (max-width:800px){
  .wrapper {
      margin:0 auto;
      max-width:728px;      
      padding:10px;
  }
  .banner img{
  		width:100%;
   }
  	.content {      
      display: grid;
      grid-template-columns: 1;  	
	}
  	.content .item{    
  		padding: 10px 0;		
	}
}
a, a:hover, a:active {color:#999; text-decoration:none;}
a:hover {text-decoration:underline;}