body{
	font-size:12px;
	text-align:center;
	background:#f5f5f5;
	padding:0px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
}
a {
    text-decoration:none;
	color:#333;
}
a:hover {
	color:#FF3300;
	text-decoration:none;
}
h6 {
    font-weight:normal;
}
.head {
    width:100%;
	padding:0px; 
}
.logo {
    width:100%;
	background:#69983A;
	margin:0 auto;
	padding:0;
	border-bottom:solid 1px;
	border-bottom-color:#4B6D29;
	height:120px;
}
.logo img {
float:left;
margin-top:30px;
}

/* 导航条 */
.topnav {
  overflow: hidden;
  background-color:#F90;
  font-size:1.5em;
}

/* 导航链接 */
.topnav a {
  float: left;
  display: block;
  color: #fff;
  text-align: center;
  padding: 14px 20px;
  text-decoration: none;
}

/* 链接 - 修改颜色 */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}
.topnav p {
  width:1200px;
  margin:0 auto;
}
.navbg {
background-image:url(/css/images/navbg.gif);
height:15px;
}
.box {
  width:1200px;
  margin:10px auto;
  padding:5px 5px;
}
.left {
  width:75%;
  background-color:#FFF;
  float:left;
  border: 1px solid #ccc;
}
.container {
width:98%;
padding:0px;
margin:0 auto;
text-align:left;
}
.container img {
  width:100%;
  height:auto;
}
.pagination{
    display: inline-block;
    padding: 30px 0px;
    margin: 0;
}
.pagination li{
    display: inline;
	float:left;
	margin:0em 0.3em 0.3em 0em;
	font-size:1.2em;
	line-height:2em;
}
.pagination  li a{
	float:left;
	padding:0em 0.9em 0em 0.9em;
	color:#000;
	display:block;
	border:1px solid #333;
}
.pagination li a:hover{
	color:#fff;
	text-decoration:none;
	background:#f90;
	border:1px solid #f90;
}
.right {
  width:24%;
  float:right;
  border: 1px solid #ccc;
   background-color:#FFF;
}

.right ul{
}
.right ul li{
   line-height:24px;
   text-align:left;
   font-size:1.2em;
   list-style-type:none;
}
.title {
   width:98%;
   padding:10px 0;
}


.img {
    border: 1px solid #ccc;
	margin:0 auto;
	padding:0px;
	}

.img:hover {
    border: 1px solid #777;
}

.img img {
    width: 100%;
    height: auto;
}

.desc {
    padding: 0px;
    text-align: center;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
	display: block;
}
@media only screen and (max-width: 1180px){
.right {
   width:100%;

}
.left {
   width:100%;
}
.responsive {
   padding:0;
}
.box {
  width:100%;
  }
  }
@media only screen and (max-width: 700px){
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}
.clear {
     clear:both;
	 }
.bg {
       background-image:url(/css/images/footer.gif);
	   height:30px;
	   margin:10px 0px;
}
.footer {
	   height:50px;
	   width:100%;
}
.footer p {
    line-height:30px;
    width:300px;
    margin:0 auto;

}