@charset "UTF-8";
/* CSS Document */
*{margin:0; padding:0;}
/* html{
	font-size: 12px;
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(1);
}*/
html,body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {font-size: 12px; margin:0; padding:0; font-family: "思源黑体"; font-style:normal;}
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var, b, i { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }

.fl{float:left}
.fr{float:right}
.overflow{overflow:hidden}
.hide{display:none}
.block{display:block}
.inline{display:inline}
.clearfix:after{content:'';display:block;height:0;clear:both;}
.clearfix{zoom:1;}
.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}

*, ::after, ::before {
	    box-sizing:content-box;
	}
a:hover{text-decoration:none;}


body{
	color: #333;
	background: #fff;
}
.container{
  	/*padding-left: 15px;
	padding-right: 15px;*/
	margin-right: auto;
	margin-left: auto;
}
.container-fluid {
  	padding-right: 15px;
  	padding-left: 15px;
  	margin-right: auto;
  	margin-left: auto;
}
.row {
  	margin-right: -15px;
  	margin-left: -15px;
}
.row:before,
.row:after{
	display: table;
  	content: " ";
  	clear: both;
}
@media (min-width: 768px) {
  	.container {
    	max-width: 768px;
  	}
}
@media (min-width: 992px) {
  	.container {
    	max-width: 992px;
  	}
}
@media (min-width: 1200px) {
  	.container {
    	max-width: 1200px;
  	}
}


.visible-xs,
.visible-sm,
.visible-md{
  display: none !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px){
  .hidden-pc {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  	position: relative;
  	min-height: 1px;
  	padding-right: 15px;
  	padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  	float: left;
}
.col-xs-12 {
  	width: 100%;
}
.col-xs-11 {
  	width: 91.66666667%;
}
.col-xs-10 {
  	width: 83.33333333%;
}
.col-xs-9 {
  	width: 75%;
}
.col-xs-8 {
  	width: 66.66666667%;
}
.col-xs-7 {
  	width: 58.33333333%;
}
.col-xs-6 {
  	width: 50%;
}
.col-xs-5 {
  	width: 41.66666667%;
}
.col-xs-4 {
  	width: 33.33333333%;
}
.col-xs-3 {
  	width: 25%;
}
.col-xs-2 {
  	width: 16.66666667%;
}
.col-xs-1 {
  	width: 8.33333333%;
}

@media (min-width: 768px) {
  	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    	float: left;
  	}
  	.col-sm-12 {
    	width: 100%;
  	}
  	.col-sm-11 {
    	width: 91.66666667%;
  	}
  	.col-sm-10 {
    	width: 83.33333333%;
  	}
  	.col-sm-9 {
    	width: 75%;
  	}
  	.col-sm-8 {
    	width: 66.66666667%;
  	}
  	.col-sm-7 {
    	width: 58.33333333%;
  	}
  	.col-sm-6 {
    	width: 50%;
  	}
  	.col-sm-5 {
    	width: 41.66666667%;
  	}
  	.col-sm-4 {
    	width: 33.33333333%;
  	}
  	.col-sm-3 {
    	width: 25%;
  	}
  	.col-sm-2 {
    	width: 16.66666667%;
  	}
  	.col-sm-1 {
    	width: 8.33333333%;
  	}
}
@media (min-width: 992px) {
  	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    	float: left;
  	}
  	.col-md-12 {
    	width: 100%;
  	}
  	.col-md-11 {
    	width: 91.66666667%;
  	}
  	.col-md-10 {
    	width: 83.33333333%;
  	}
  	.col-md-9 {
    	width: 75%;
  	}
  	.col-md-8 {
    	width: 66.66666667%;
  	}
  	.col-md-7 {
    	width: 58.33333333%;
  	}
  	.col-md-6 {
    	width: 50%;
  	}
  	.col-md-5 {
    	width: 41.66666667%;
  	}
  	.col-md-4 {
    	width: 33.33333333%;
  	}
  	.col-md-3 {
    	width: 25%;
  	}
  	.col-md-2 {
    	width: 16.66666667%;
  	}
  	.col-md-1 {
    	width: 8.33333333%;
  	}
}





/*PC端头部*/
.pc_header{
	font-size: 0;
	position: relative;
}
.pc_header .header1{
	padding: 15px 0;
}
.pc_header .list{
	
}
.pc_header .list li{
	padding: 0 10px;
	position: relative;
}
.pc_header .list li:after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 15px;
	background: #333333;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.pc_header .list li:last-child{
	padding-right: 0;
}
.pc_header .list li:last-child:after{
	display: none;
}
.pc_header .list li a{
	display: block;
	font-size: 1.4rem;
	color: #333333;
	line-height: 20px;
}
.pc_header .nav{
	width: 90%;
	margin: 0 auto;
	background: #227bbf;
	position: absolute;
	top: 8%;
	left: 5%;
}
.pc_header .nav .yiji{
	
}
.pc_header .nav .yiji>li{
	width: 12.5%;
	text-align: center;
	position: relative;
}
.pc_header .nav .yiji>li>a{
	display: block;
	font-weight: none;
	font-size: 1.6rem;
	padding: 15px 0;
	color: #ffffff;
	line-height: 20px;
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.pc_header .nav .yiji>li:hover>a,
.pc_header .nav .yiji>li.active>a{
	color: #ffffff;
	background: #f40949;
}

.pc_header .nav .yiji>li>ul.erji{
	display: none;
	position: absolute;
	width: 100%;
	z-index: 20;
	left: 50%;
	top: 50px;
	transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	background: #f40949;
}
.pc_header .nav .yiji>li>ul.erji>li{
	
}
.pc_header .nav .yiji>li>ul.erji>li>a{
	display: block;
	font-size: 1.6rem;
	text-align: center;
	line-height: 45px;
	color: #ffffff;
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.pc_header .nav .yiji>li>ul.erji>li>a:hover{
	background:#FFF;
	color:#f40949;
}
/*PC端头部*/


/*手机端头部*/
.m_header{
	height: auto;
	position: relative;
}
.m_header .header_top{
	background:rgba(34,123,191,0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 10;
	width: 90%;
	height:35px;
	top: 3%;
	left: 5%;
	
}
.m_header .header_top .menu{
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	width: 55px;
	height: 35px;
	background: url(../images/menu.png) no-repeat center;
	background-size: 20px 16px;
	outline: none;
}
.m_header .header_top .title{
	font-size: 2rem;
	color: #ffffff;
}
/*手机端头部*/
/*手机端侧边菜单*/
.m_gai{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.75);
	z-index: 99;
}
.mNav{
	position: fixed;
	top: 0;
	right: -180px;
	bottom: 0;
	width: 180px;
	background: #227bbf;
	z-index: 100;
}
.mNav .yiji{
	
}
.mNav .yiji>li{
	
}
.mNav .yiji>li>a{
	display: block;
	background: #227bbf;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    border-bottom: 1px solid #f8cadf;
    padding: 6% 0;
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.mNav .yiji>li>.erji{
	width: 100%;
	background: #f40949;
	display: none;
}
.mNav .yiji>li>.erji>li{
	
}
.mNav .yiji>li>.erji>li>a{
	border: 1px solid #f40949;
	border-bottom: 1px solid #e899ad;
	display: block;
	font-size: 14px;
	text-align: center;
	line-height: 35px;
	color: #ffffff;
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

.mNav .yiji>li.active>a{
	background: #f40949;
}
/*手机端侧边菜单*/

/*pc底部开始*/
.pc_footer{
	width: 100%;
	min-height: 15em;
	background: #227bbf;
	color: #FFFFFF;
	text-align: center;
	padding: 2em 1em;
	box-sizing: border-box;
}
.pc_footer p{
	width: 100%;	
	font-size: 1.5em;
	line-height: 3.5em;
}
.pc_footer p a{
	color: #FFFFFF;
	font-size: 1em;
}
@font-face {
  font-family: "思源黑体";
  src: url("../font/SourceHanSansCN-Medium.otf") format("truetype");
  font-weight: 400;
}
@media screen and (max-width:800px){
	/*移动端底部开始*/
	.pc_footer{
		width: 100%;
		height: 10em;
		background: #227bbf;
		color: #FFFFFF;
		text-align: center;
		padding: 2em 1em;
		box-sizing: border-box;
	}
	.pc_footer p{
		width: 100%;	
		font-size: 1em;
		line-height: 1.5em;
	}
	.pc_footer p a{
		color: #FFFFFF;
		font-size: 1em;
	}
}



/* 分页CSS */
.pg {
    margin: 20px 0;
    text-align: center;
    width: 100%;
	color:#595555;
}
.pg span {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0 10px;
    text-align: center;
}
.pg a {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #000 !important;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0 10px;
    text-decoration: none;
}