.control-box {
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
	min-height:300px;
}
.control-box ul {
  list-style: none;
  position: relative;
}
.control-box ul li {
  position: absolute;
  top: 80px;
  cursor: pointer;
}
.prev {
  left: 0;
}
.next {
  right: 0;
}
.bigbox {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  min-height:300px;
}
#switcher {
  min-height: 220px;
  left: 0px;
}
#switcher2 {
  min-height: 220px;
  left: 0px;
}
.content_1.content_2 {
  width: 100%;
  float: left;
}
.box {
  transition:all .7s ease 0s;
  width: 360px;
  height: 240px;
  float: left;
  margin:0 20px;
   /*border: 20px white solid;*/
  display:block
}
.box:hover{width:360px; height:240px; opacity:0.8; box-shadow: 0px 0px 10px rgba(126,18,9,0.8);}
.shadow {
  width: 100%;
  margin-top: 240px;
  text-align:center;
 
}
.shadow a {
  display: inline-block;
  height: 50px;
  color: #5a5a5a;  font-size: 16px;
  text-decoration: none;
  padding-top:10px;font-family: 'Microsoft YaHei' !important; 
}


@media screen and (min-width: 1000px) and (max-width:1300px) {
.control-box {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
	min-height:260px;
}	
.bigbox {
  overflow: hidden;
  width: 900px;
  margin: 0 auto;
  min-height:260px;
}	
.box {
  transition:all .7s ease 0s;
  width: 280px;
  height: 188px;
  float: left;
  margin:0 10px;
  /*border: 20px white solid;*/
  display:block
}
.box:hover{width:280px; height:188px; opacity:0.8; box-shadow: 0px 0px 10px rgba(126,18,9,0.8);}
.shadow {
  width: 100%;
  margin-top: 188px;
  text-align:center;
 
}
.shadow a {
  display: inline-block;
  line-height: 30px;
  color: #5a5a5a;  font-size: 16px;
  text-decoration: none;
}
	
}
@media screen and (min-width: 800px) and (max-width:1000px) {
.control-box {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
	min-height:200px;
}	
.bigbox {
  overflow: hidden;
  width: 699px;
  margin: 0 auto;
  min-height:200px;
}
.box {
  transition:all .7s ease 0s;
  width: 225px;
  height: 150px;
   margin:0 4px;display:block}
 .box:hover{width:225px; height: 150px;} 	
 .shadow {
  width: 100%;
  margin-top: 150px;
  text-align:center;
 
}
}
@media screen and (max-width:800px) {
	#switcher {
  min-height: 120px;
  left: 0px;
}
#switcher2 {
  min-height: 120px;
  left: 0px;
}
.control-box ul li {
  position: absolute;
  top: 30px;
  cursor: pointer;
  
}
.prev {
  left: 0;
}
.next {
	text-align:right;}
.prev img{width:50%;}
.next img{width:50%;}
.control-box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	min-height:100px;
}	
.bigbox {
  overflow: hidden;
  width: 88%;
  margin: 0 auto;
  min-height:100px;
}
.box {
  transition:all .7s ease 0s;
  width: 6.9%;
  height: 80px;
  margin:0 4px; display:block}
 .box:hover{width:6.9%; height:80px;} 	
 .shadow {
  width: 100%;
  margin-top: 80px;
  text-align:center;
 
}
.shadow a {
  display: inline-block;
  height:40px;
  color: #5a5a5a;  font-size: 15px;
  text-decoration: none;
   padding-top:5px;
}
}
@media screen and (max-width:420px) {
.box {
  transition:all .7s ease 0s;
  width: 6.6%;
  height: 80px;
  margin:0 4px; display:block}
 .box:hover{width:6.6%; height:80px;} 		
}