/* CSS Document */
body{margin:0;padding:0; font-size:16px; font-family:Microsoft Yahei}
p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
ul,ol,li{
	list-style-type:none;
}
select,input,img,select{
	vertical-align:middle;
}
a img{border:0}
a{ text-decoration:none;}

/*首页*/
.indextop{width:100%; height:40px; background-color:#2e292f; text-align:center; margin:auto;}
.search{width:100px; background-color:#FFF;border:0;border-radius:30px;margin-top:7px;padding:4px 20px;}
.indexlogo{width:100%;text-align:center; margin:10px auto;}
.bottom{width:100%;height:30px; background-color:#2e292f;bottom:0; color:#FFF;padding:30px 0; line-height:30px;}
.bottom .left{margin-left:60px; float:left;}
.bottom .right{margin-right:60px; float:right;}
.bottom a{ color:#FFF; margin-right:20px}
.box{
	width: 1600px;
	margin:auto;
	overflow: hidden;
}
.box li{
	width: 355px;
	height: 596px;
	overflow: hidden;
	margin: 0 20px;
	float: left;
	position: relative;
	cursor: pointer;
}
.box .top{
	position: absolute;
	z-index:1;
	height: 5px;
	width: 0px;
	top: 0px;
	width: 0px;
}
.box .bottom{
	position: absolute;
	z-index:1;
	height: 5px;
	width: 0%;
	bottom: 0px;
	right: 0px;
}
.box .left{
	height: 0;
	position: absolute;
	left: 0px;
	width: 5px;
}
.box .right{
	height: 0;
	position: absolute;
	right: 0px;
	width: 5px;
	bottom: 0px;
}
.box li img{
	width: 345px;
	height: 586px;
	position: absolute;
	z-index: 1;
	top: 5px;
	left: 5px;
}

@media screen and (max-width: 1920px) {
   .box{
	width: 1600px;
	margin: 50px auto 0px;
	overflow: hidden;
}
}
@media screen and (max-width: 1680px) {
   .box{
	width: 1400px;
	margin: 80px auto 0px;
	overflow: hidden;
}
.box li{
	width: 310px;
	height: 527px;
	overflow: hidden;
	margin: 0 20px;
	float: left;
	position: relative;
	cursor: pointer;
}
.box li img{
	width: 300px;
	height: 517px;
	position: absolute;
	z-index: 1;
	top: 5px;
	left: 5px;
}
}
@media screen and (max-width: 1440px) {
   .box{
	width: 1200px;
	margin: 70px auto 0px;
	overflow: hidden;
}
.box li{
	width: 260px;
	height: 442px;
	overflow: hidden;
	margin: 0 20px;
	float: left;
	position: relative;
	cursor: pointer;
}
.box li img{
	width: 250px;
	height: 432px;
	position: absolute;
	z-index: 1;
	top: 5px;
	left: 5px;
}
}

@media screen and (max-width: 1280px) {
   .box{
	width: 1000px;
	margin: 70px auto 0px;
	overflow: hidden;
}
.box li{
	width: 210px;
	height: 357px;
	overflow: hidden;
	margin: 0 20px;
	float: left;
	position: relative;
	cursor: pointer;
}
.box li img{
	width: 200px;
	height: 367px;
	position: absolute;
	z-index: 1;
	top: 5px;
	left: 5px;
}
}