@charset "utf-8";
.main-content{text-align: center;}

.pic_list{padding:30px;float: left;}
.pic_list li{float:left; width:251px; height: 251px; margin:17px 17px 20px 17px;}
.pic_list li:hover img{transform: scale(1.2);transition: all .6s;}
.pic_list li p{background: #921313; width:auto; float: right; color:#fff; font-size:23px; padding:5px 15px; line-height: 1.7; height: 40px; margin-top:-50px; z-index: 111;position: relative;}

/*切换*/
.red{background:#d85b5b; float: left; padding:50px 0; width:100%; margin:0 0 30px 0;}
.outBox{ width:1057px;padding:30px;}
.outBox .hd{position:relative;  }
.outBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.outBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.outBox .hd ul li.on{ height:30px;  background:#fff;}

.outBox .arrow{  position:absolute; right:0px; top:0; }
.outBox .arrow a{ display:block;  width:48px; height:48px; float:right; /*! margin-right:5px; */ margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
.outBox .arrow .next{ background-position:0 -48px; margin-left:10px; }
.outBox .arrow .prevStop{ background-position:-48px 0; }
.outBox .arrow .nextStop{ background-position:-48px -48px; }
		
.inBox{}
.inBox .inHd{ width:315px; float:right; overflow: hidden;   }
.inBox .inHd ul{ overflow:hidden; zoom:1; }
.inBox .inHd ul li{ height:49px; width:calc(100% - 60px); color:#000; text-align:left; padding-left:60px; float:left; cursor:pointer; background: #fff; margin:0 0 21px; font-size:20px; line-height:2.4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.inBox .inHd ul li.on{ background:url(../images/inbox_bg.jpg); color:#fff;}
.inBox .inBd ul{ padding:0;  height: 470px;   }
.inBox .inBd li{ height:auto; line-height:24px; width:727px;}
.inBox .inBd li p{background:rgba(146,19,19,.85); width:100%; text-align: center; float: right; color:#fff; font-size:20px; padding:5px 15px; line-height: 1.7; height: 40px; margin-top:-50px; z-index: 111;position: relative;}
.inBox .inBd li a{color:#fff;}
.inBox .inBd li img{width:100%;height: 470px;}


@media screen and (max-width: 820px){
	body{overflow-x: hidden;}
	.main-content > .clearfix img{width:200%; margin-left:-50%;}
	.outBox{ width:100%;padding: 0;}
	.outBox .arrow{right:10px;}
	.outBox .arrow a{width:26px; height:30px; margin:0; background-position: -10px -9px;}
	.outBox .arrow .next{ background-position:-10px -57px; margin-left:10px; }
  .outBox .arrow .prevStop{ background-position:-57px -9px; }
  .outBox .arrow .nextStop{ background-position:-60px -57px; }
	.inBox .inHd{ width:100%; float:none; overflow: hidden; margin-top:20px;}
	.inBox .inHd ul li{ height:30px; width:calc(50% - 4px); color:#000; text-align:center; padding-left:0; float:left; cursor:pointer; background: #fff; margin:2px; font-size:1rem; line-height:2; overflow: hidden; white-space: nowrap;   }
	.inBox .inHd ul li.on{background: #921313;}
	.inBox img{width:100% !important;height: auto !important; margin:0!important;}
	.inBox .inBd ul{height:70vw;}
	.inBox .inBd li{width:100%;}
	.inBox .inBd li p{font-size:1rem; height: auto;}
	
	.pic_list{padding:0;}
	.pic_list li{width:48%;height: 48vw;margin: 1%;overflow: hidden;}
	.pic_list li img{height: 100%;}
	.pic_list li p{font-size:1rem; height: auto;}
	
	
	
	
}