@charset "UTF-8";
/* CSS Document */
*{margin:0; padding:0;}
html{font-size: 12px;}
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;
  	}
}
@media screen and (max-width: 550px){
	.fl{float:none}
	.fr{float:none;margin-top: 5px;}
	.footer .footer2 .left-box {
		float: none;
	}
	.footer .footer2 .right-box {
		float: none;
		margin-top: 5px;
	}
}

.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%;
		box-sizing: border-box;
}
.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%;
		display: inline-table;
		box-sizing: border-box;
  	}
  	.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: #5691ef;
	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: bold; */
	font-size: 1.4rem;
	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: #f8a012;
}

.pc_header .nav .yiji>li>ul.PCerji{
	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: #f8a012;
}
.pc_header .nav .yiji>li>ul.PCerji>li{
	
}
.pc_header .nav .yiji>li>ul.PCerji>li>a{
	display: block;
	font-size: 1.4rem;
	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.PCerji>li>a:hover{
	background:#FFF;
	color:#f8a012;
}
/*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: #424240;
	z-index: 100;
}
.mNav .yiji{
	
}
.mNav .yiji>li{
	
}
.mNav .yiji>li>a{
	display: block;
	background: #424240;
    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: #f8a012;
	display: none;
}
.mNav .yiji>li>.erji>li{
	
}
.mNav .yiji>li>.erji>li>a{
	border: 1px solid #f8a012;
	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: #f8a012;
}
/*手机端侧边菜单*/

/*pc底部开始*/
.pc_footer{
	width: 100%;
	float: left;
	/* height: 15em; */
	background: #666666;
	color: #ffffff;
	/* padding: 2em 1em; */
	box-sizing: border-box;
}
.pc_footer p{
	/* width: 80%;	
	margin-left: 10%; */
	font-size: 1em;
	line-height: 2em;
}
.pc_footer p a{
	color: #898989;
	font-size: 1em;
}
.footer_top{
	width: 78%;
	float: left;
	margin-left: 11%;
	margin-top:3em;
}
.footer_top h3 {
    font-size: 1em;
    color: #fdfdfd;
    font-weight: normal;
    margin-bottom: 1.5em;
}
.contact_top{
	width: 90%;
	float: left;
	margin-top:2em;
	background: #fff;
	padding: 10px 5%;
}
.top_left,.contactTop_left{
	float: left;
	text-align: left;
}
.contactTop_left{
	width: 50%;
	border-right: 1px solid #eee;
}
.top_left h3{
	font-size: 1.3em;
	color: #fdfdfd;
	font-weight: normal;
	margin-bottom: 1.5em;
}
.top_content {
    text-align: center;
}
.contactTop_left p{
	color: #000;
}
.contactTop_left font{
	color: #a1a2a4;
}
.top_right,.contactTop_right{
	float: right;
	text-align: right;
}
.top_right img,.contactTop_right img{
	width: 80%;
}
.top_right p {
    border: 1px solid #fff;
    padding: 2px 10px;
    border-radius: 20px;
    margin-bottom: 20px;
}
.footer_bottom{
	float: left;
	width: 100%;
	margin-top: 3em;
	padding-top: 1em;
	margin-bottom: 1em;
	border-top:1px solid #898989;
}
.footer_bottom a {
    color: #fff;
}
.bottom_right{
	float: right;
}
.bottom_right a{
	color: #ffffff;
}
@media screen and (max-width:800px){
	/*移动端底部开始*/
	.pc_footer{
		width: 100%;
		float: left;
		/* height: 10em; */
		background: #424240;
		color: #898989;
		/* padding: 2em 1em; */
		box-sizing: border-box;
	}
	.pc_footer p{
		/* width: 80%;	
		margin-left: 10%; */
		font-size: 1em;
		line-height: 1.5em;
	}
	.pc_footer p a{
		color: #898989;
		font-size: 1em;
	}
	.top_right{
		float: left;
		margin-top: 20px;
	}
	.bottom_right{
		width:100%;
		margin-top: 20px;
	}
	.contactTop_left{
		width: 100%;
		border: 0;
	}
}