@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;-webkit-box-sizing:border-box;box-sizing:border-box;}
body{width: 100%;color: #333333;font: normal 100% Microsoft YaHei,Helvetica, Arial, sans-serif;}
html{width: 100%;}
input{font-size: 14px;font-family: "Microsoft YaHei";}
a{text-decoration: none;color:#333333;}
a:active,a:hover{outline:0;}
a:hover{text-decoration: underline}
ul li{list-style: none;}
img{width:100%; -ms-interpolation-mode: bicubic;border:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-callout:none}
table{border-spacing:0;border-collapse:collapse}
.visible{visibility:visible;}
.invisible{visibility:hidden;}
:focus{outline:0;}
:link,:visited{text-decoration:none;}

.clearfix:after{display:block;clear:both;height:0;font-size:0;content:'';}
.fl{float: left;}
.fr{float: right;}
.show{display:block!important;}
.hide{display:none!important;}

/*  -- flex弹性布局 -- */
.flex {display: flex;}
.flex-sub {flex: 1;}
.flex-direction {flex-direction: column;}
.flex-wrap {flex-wrap: wrap;}
.align-start {align-items: flex-start;}
.align-end {align-items: flex-end;}
.align-center {align-items: center;}
.align-stretch {align-items: stretch;}
.self-start {align-self: flex-start;}
.self-center {align-self: center;}
.self-end {align-self: flex-end;}
.self-stretch {align-self: stretch;}
.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}
.align-con-center{align-content: center;}

/* 垂直滚动条样式 *//* 宽度 */
::-webkit-scrollbar {
    width: 12px;
}
/* 背景色 */
::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}
/* 滑块颜色 */
::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}
/* 水平滚动条样式 *//* 高度 */
::-webkit-scrollbar {
    height: 5px;
}
/* 背景色 */
::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}
/* 滑块颜色 */
::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

/*public*/
.mwidth{
	max-width: 1445px;
	width: 75%;
	margin: 0 auto;
}
.mHidden{display: none !important;}
.mob_hidden{display: block !important;}
.BlockImg img{display: block;}






/*banner*/
.Banner{position:relative;width: 100%;height: auto;overflow:hidden;}
.Banner .bd{ position:relative; height:auto; z-index:0;}
.Banner .bd ul{width: 100%;height: 100%;}
.Banner .bd li{ width: 100%;height: 100%;zoom:1; vertical-align:middle;background-position: center center;background-repeat: no-repeat;background-size: cover; }
.Banner .bd li a{display: block;width: 100%;height: 100%;}
.Banner .bd li img{display: block;}
.Banner .hd{position:absolute;width:100%;z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.Banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px;background-color: #000;border-radius: 100%; overflow:hidden;line-height:9999px; filter:alpha(opacity=40);opacity:0.4;}
.Banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;}

/*xpages*/
nav{}
.page {clear:both;overflow:hidden;margin:0px auto 0px auto;text-align: center;list-style: none;padding: 10px 0px;}
.page li {display:inline}
.page li a,.page li span {display: inline-block;padding: 4px 10px;background-color: #fff;border: 1px solid #ddd;border-radius:3px;}
.page li a:hover,
.page li a:focus {text-decoration: none;background-color: #89161d;color: #fff;}
.page .next a,.page .next span {float: right;}
.page .previous a,.page .previous span {float: left;}
.page .disabled a,
.page .disabled a:hover,
.page .disabled a:focus,
.page .disabled span {color: #777;cursor: not-allowed;background-color: #fff;}
.page .active a,
.page .active span,
.page .active a:hover,
.page .active span:hover,
.page .active a:focus,
.page .active span:focus {z-index: 2;color: #fff;cursor: default;background-color: #89161d;border-color: #89161d;}
.page .pgCurrent{display: inline-block;padding: 4px 10px;background-color: #89161d;border: 1px solid #89161d;border-radius:3px;cursor: default;z-index: 2;color: #fff; }
.page .pgEmpty{display: inline-block;padding: 4px 10px;background-color: #fff;border: 1px solid #ddd;border-radius:3px;}



/*Head*/
.Head{
	padding-top: 30px;
	background-color: #fff;
}
.head_fl{
	float: left;
	width: 45%;
}
.logo_img{
	max-width: 630px;
	margin: 0 auto;
}
.logo_head{
	max-width: 246px;
}
.logo_name{
	width: inherit;
	max-width: 390px;
}
.head_fr{
	float: right;
	width: 55%;
	text-align: right;
}

.head_search form{
	width: 38%;
	max-width: 300px;
	border: 1px #d2d2d2 solid;
	border-radius: 40px;
	padding-right: 20px;
	background-color: #fff;
	overflow: hidden;
	float: right;
	display: flex;
	align-content: center;
    justify-content: space-between;
    align-items: center;
}
.head_search input[type="text"]{
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	padding: 0 20px;
	width: calc(100% - 40px - 20px);
	outline: none;
	border: none;
	color: #999;
}
.head_search input[type="submit"]{
	width: 40px;
	height: 40px;
	background-image: url(../images/icon_search.jpg);
	background-position: center center;
	background-size: 40px 40px;
	outline: none;
	border: none;
}

.head_nav{
	text-align: right;
}
.head_nav li{
	display: inline-block;
	padding-bottom: 20px;
	padding-top: 20px;
}
.head_nav li a{
	display: block;
	width: 100%;
	padding-left: 40px;
	color: #999;
	font-size: 16px;
	line-height: 30px;
	font-weight: 600;
	text-decoration: none;
}
.head_nav li.active a,
.head_nav li:hover a{
	color: #333;
}

/*foot*/
.Foot{
	padding-top: 35px;
	padding-bottom: 35px;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	line-height: 1.75;
}
.Foot .mwidth{
    max-width:inherit;
    width:90%;
}
.logo_foot{
	display: block;
	max-width: 246px;
	margin-bottom: 5px;
}
.Foot a{
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}
.Foot_fr{
    max-width:70%;
	color: #fff;
	font-size: 14px;
	line-height: 1.75;
}
.Foot_fr h1{
	font-size: 20px;
	font-weight: 400;
	line-height: 40px;
}
.Foot_fr p>span{
    color:#e30f1b;
}
.Foot_fr div>p{
    margin-right:15px;
}
.Foot_contact{
	margin: 0 3% 0 20px;
	 text-align:center;
}
.contact_wx{
	display: block;
	width: 120px;
	height: auto;
	margin: 5px auto;
}
/*Content*/
.Content{
	background-color: #333333;
}
.ContentIpage{
	min-height: 500px;
	padding-bottom: 50px;
}

/*media*/
@media screen and (min-width:1201px) and (max-width: 1660px){
	.mwidth{
		width: 100%;
		padding: 0 10px;
	}
	.mHidden{display: none !important;}
	.mShow{display: block;}
	
}
@media screen and (min-width:991px) and (max-width: 1200px){
	.mwidth{
		width: 100%;
		padding: 0 10px;
	}
	.mHidden{display: none !important;}
	.mShow{display: block;}
	/*Head*/
	.Head{
		padding-top: 30px;
		background-color: #fff;
	}
	.head_fl{
		float: none;
		width: 100%;
		text-align: center;
	}
	.head_fl img{
		float: none;
	}
	.head_fr{
		float: none;
		width: 100%;
		text-align: justify;
		margin-top: 15px;
	}
	.head_search form{
		width: 80%;
	    max-width: inherit;
	    margin-left: auto;
	    margin-right: auto;
	    float: none;
	}
	.head_nav{
		text-align: center;
	}
	.head_nav li{
		display: block;
		float: left;
		width: calc(100% / 6);
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.head_nav li a{
		padding-left: 0;
	}
	.head_search form{
		width: 50%;
	}

}
@media screen and (min-width: 601px) and (max-width:990px){
	.mwidth{
		width: 100%;
		padding: 0 10px;
	}
	.mHidden{display: none !important;}
	.mShow{display: block;}
	/*Head*/
	.Head{
		padding-top: 20px;
	}
	.head_fl{
		float: none;
		width: 100%;
		text-align: center;
	}
	.head_fl img{
		display: inline-block;
		float: none;
	}
	.head_fr{
		float: none;
		width: 100%;
		text-align: justify;
		margin-top: 15px;
	}
	.head_search form{
		width: 80%;
	    max-width: inherit;
	    margin-left: auto;
	    margin-right: auto;
	    float: none;
	}
	.head_nav{
		text-align: center;
	}
	.head_nav li{
		display: block;
		float: left;
		width: calc(100% / 6);
	}
	.head_nav li a{
		padding-left: 0;
	}

}
@media screen and (min-width: 300px) and (max-width:600px){
	.mwidth{
		width: 100%;
		padding: 0 10px;
	}
	.mHidden{display: block !important;}
	.mob_hidden{display: none !important;}
	.Head{
		padding-top: 10px;
	}
	.head_fl{
		float: none;
		width: 100%;
	}
	.head_fl img{
		float: none;
		margin: 0 auto;
	}
	.head_fr{
		float: none;
		width: 100%;
		text-align: right;
	}
	.head_search form{
		width: 100%;
		max-width: inherit;
		margin-top: 20px;
	}

	.head_nav{
		margin-top: 10px;
		margin-bottom: 20px;
		text-align: center;
		overflow: hidden;
	}
	.head_nav li{
		display: block;
		float: left;
		padding-bottom: 0;
		padding-top: 10px;
		width: calc(100% / 3);
	}
	.head_nav li a{
		padding-left: 0;
	}

	/*foot*/
	.Foot{
		padding-top: 20px;
		padding-bottom: 35px;
	}
	.Foot .mwidth{
		flex-direction: column;
	}
	.Foot_fr h1,
	.Foot_fr a{
		display: block;
		text-align: center;
	}
    .Foot_fr{
		max-width: 100%;
	}
	
}