*{

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}

em{
	font-style: normal;
}

h1,h2,h3,h4,h5,h6{

	margin: 0;

}

img{

	vertical-align: middle;

	cursor: pointer;

}

ul,ol{

	margin: 0;

	padding: 0;

}

li{

	list-style: none;

}

a{

	color: #000;

}



body,html{

	width: 100%;

	height: 100%;

	line-height: 1.5;

	font-family: SiYuan;

}

.header{

	text-align: center;

	position: relative;

	height: 70px;

	line-height: 70px;

	box-shadow: inset 0px -5px 25px -15px  #aaa;

}

.header_logo img{

	width: 253px;

}

.header_btn{

	position: absolute;

	right: 27px;

}



.public_menu{

	width: 305px;

	padding: 30px;

	position: fixed;

	top:0;

	right: -305px;

	height: 100%;

	background: #3C3C3B;

	z-index: 99;

	transition: all 1s ease;

}
.modal_mask{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
	z-index: 98;
	display: none;
}


.public_menu_btn{

	display: block;

	width: 26px;

	height: 22px;



}

.public_menu_btn span{

	display: block;

	width: 100%;

	height: 2px;

	background: #FAFAFA;

}

.public_menu_btn span:nth-child(2){

	margin: 8px 0;

}



.public_ul{

	color: #fff;

	margin-top:70px;

}

.public_menu_caption{

	font-size: 18px;

	border-bottom: 1px solid #fff;

	padding-bottom: 15px;

}

.public_ul li{

	padding-bottom: 15px;

	border-bottom: 1px solid #fff;

	margin-bottom: 30px;

	width: 245px;

}

.public_ul li a{

	font-size: 20px;

	display: block;

	color: #fff;

}

.public_ul li a span:last-child{

	display: none;

}
.public_ul li a em{
	display: none;
}
.public_ul li:hover a span:last-child{

	display: block;

}

.public_ul li:hover a span:first-child{

	display: none;

}



.pagination{

	text-align: center;

	display: block;

}

.pagination a , .pagination span{

	margin: 0 10px;

	color: #333;

	font-size: 14px;

	display: inline-block;

	padding: 5px 15px;

	border: 1px solid #747474;

	cursor: pointer;

	margin-bottom:  10px;

}

.pagination a:hover{

	color: #fff;

	background: #C90300;

}

.pagination .cur{

	background: #C90300;

	color: #fff;

}

.to_top{

	width: 60px;height: 60px;

	background: #575756;

	position: fixed;

	text-align: center;

	right:0;

	bottom:110px;z-index: 999;

	cursor: pointer;

	display: none;

}

.to_top img{

	margin-top: 12px;

	margin-bottom: 6px;



}

.to_top p{

	margin-bottom: 0;

	color: #9C9B9B;

	

}



@font-face {

	font-family:GothamBook;

	src: url('../fonts/gothambook.otf');

}

@font-face {

	font-family:SiYuan;

	src: url('../fonts/SourceHanSansCN-Regular.otf');

}











@media (min-width:992px ) {

	.main{

		width: 992px;

		margin: auto;

	}

	.header_btn img{

		width: 27px;

	}

}



@media (min-width:1200px ) {

	.main{

		width: 1200px;

		margin: auto;

	}

}



@media (min-width:1600px ) {

	.main{

		width: 1600px;

		margin: auto;

	}

}





@media (min-width: 1600px){

	.container {

		width: calc(100% - 170px);

	}

	

}





@media screen and (min-width:2100px ) {

	

} 





@media screen and (min-width:992px ) and (max-width:1200px) {

	

}

@media screen and (min-width:769px ) and (max-width:991px) {

	

}

@media screen and (max-width:768px) {

	.header_logo img {

	    width: 160px;

	}

	.header_btn img{

		width: 20px;

	}

	.public_menu{

		padding: 15px;

		width: 175px;

	}

	.public_ul li a{

		font-size: 14px;

	}
	.public_ul li a em{
		display: inline-block;
	}
	.public_ul li a span:last-child{
		display: inline-block;
	}
	

}