@charset "utf-8";
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dt,dd,ul,ol,li,form,input,textarea,th,tr,td,select,figure,figcaption{margin:0;padding:0;}
body{font-size:12px;font-family:Arial,微软雅黑;color:#000;overflow-x: hidden;}
h1,h2,h3,h4,h5{font-weight:normal;}
em,i{font-style:normal;}
li {list-style:none;}
a {text-decoration:none;color:inherit;}
a:focus{text-decoration: none;outline: none;}
a:hover{color:inherit;}
img {border:none;max-width:100%;max-height:100%;}
table{border-collapse:collapse;}
input,textarea{outline:none;background:#fff;border:none;font-family: '微软雅黑';}
textarea{resize:none;overflow:auto;}

/* public */
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}
.pic_box{width:100%;height:100%;overflow:hidden;}
.pic_box img{width: 100%;height: 100%;object-fit: cover;}
.img_box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;}
.img_box img{-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.img_box:hover img{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);}
.btn,.submit{font-family: '微软雅黑';cursor:pointer;display:inline-block;text-align:center;}
.main{max-width:1500px;}
@media (max-width:1500px){
	.main{padding-left:15px;padding-right:15px;box-sizing: border-box;}
}

/* @font-face{
	font-family: 'myfont'; 
	src:url('../fonts/myfont.ttf');
} */

.page {
	text-align: center;
	padding-top:40px;
}
.page .pagination {
	display: inline-block;
}
.page .pagination li{
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	margin:0 5px;
	border: 1px solid #cdcdcd;
	background-color: #fff;
}
.page .pagination li span,
.page .pagination li a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding:0 3px;
}
.page .pagination li.active,
.page .pagination li:hover {
	color: #fff;
	background-color: #333;
	border: 1px solid #333;
}
.page .pagination li.disabled,
.page .pagination li.disabled:hover{
	color:#ddd;
	display:none;
}

.page .pagination .prev{
	background-image: url(../images/page_prev.png);
}

.page .pagination .next{
	background-image: url(../images/page_next.png);
}

.page .pagination .prev,.page .pagination .next{
	background-position: center;
	background-repeat: no-repeat;
	background-size: 9px 14px;
}

@media (max-width:991px) {
	.page .pagination li{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
}
@media (max-width:768px) {
	.page{
		padding-top: 20px;
	}
	.page .pagination li{
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}
}