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


	.moblie_head {

		display: none

	}

}



.footer-bar {

	display: table;

}



.footer-bar img {

	height: 24px;

	margin: 5px

}



.footer-bar {

	position: fixed;

	z-index: 999;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 66px;

	padding-bottom: 6px;

	font-size: 0;

	text-align: center;

	border-top: 1px solid #ddd;

	color: #666;

	background: #fff;

	table-layout: fixed;

}



.footer-bar .fb-item {

	width: 25%;

	display: table-cell;

	height: 50px;

	font-size: 16px;

	vertical-align: middle;

}



.footer-bar a {
 text-align: center;
	display: block;

	color: #666;

	text-decoration: none;

}



.footer-bar .fb-item span {
    text-align: center;
	display: block;

	font-size: 12px;

	line-height: 12px;

}



.header .arrow {

	display: inline-block;

	width: 7px;

	height: 4px;

	margin-left: 8px;

	vertical-align: 4px;

	

	transition: all .3s ease;

}



.flow .arrow {

	display: inline-block;

	width: 7px;

	height: 4px;

	margin-left: 8px;

	vertical-align: 4px;

	

	transition: all .3s ease;

}



a {

	text-decoration: none;

	cursor: pointer;

	transition: all .3s;

	outline: none

}



li {

	list-style: none

}



ul {

	list-style: none

}



.lf {

	float: left

}



.rg {

	float: right

}



.clear {

	clear: both;

	height: 0px;

	line-height: 0px;

	font-size: 0px

}



.head {

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	min-width: 1000px;

	z-index: 9999;

	background: #fff;

	border-bottom: 0px solid #ddd;

	height: 80px;

	transition: all .3s;

	opacity: 0.9;

}



.header .logo {

	width: 249px;

	height: 80px;

	background: url(/menu/logo.png) 20% no-repeat;

	padding-top: 2px;

	float: left

}



.flow .logo {

	width: 249px;

	height: 80px;

	background: url(/menu/logo2.png) 20% no-repeat;

	padding-top: 2px;

	float: left

}



.logo a {

	display: block;

	position: relative;

	overflow: hidden

}



.logo .p1 {

	position: absolute;

	top: 0%;

	left: 0px;

	width: 100%;

	height: 80%;

}



.nav {

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	transition: all .3s

}



.nav ul li {

	float: left;

	transition: all .3s

}



.nav ul li .a1 {

	line-height: 80px;

	display: block;

	text-align: center;

	font-size: 16px;

	color: #333;

	transition: all .3s

}



.nav ul li:hover .a1 {

	color: #f08519;

	transition: all .3s

}



.nav ul li .div1 {

	display: none;

	background: #fff;

	width: 100%;

	left: 0px;

	position: absolute;

	top: 81px;

	z-index: 100

}



.nav ul li .div1 .p1 {

	width: 57.4%;

	float: right;

	height: 45px;

	line-height: 45px

}



.nav ul li .div1 .p1 a {

	color: #999;

	font-size: 14px;

	text-transform: uppercase;

	background: url(/menu/1_26.jpg) center bottom no-repeat;

	display: inline-block;

	height: 45px;

	line-height: 45px;

	margin-right: 2%;

	transition: all .5s

}



.nav ul li .div1 .p1 a:hover {

	background: url(../images/1_27.jpg) center bottom no-repeat;

	color: #1a1a1a

}



.nav ul li .mad3 .p1 .pad {

	margin-left: 30%

}



.nav ul li .mad4 .p1 .pad {

	margin-left: 44%

}



.nav ul li .mad5 .p1 .pad {

	margin-left: 45%

}



.nav ul li .mad6 .p1 {

	text-align: right

}



.a_txt {

	display: none

}























/*小于1600大于1200稍微调整下字体*/







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







	.nav ul li .a1 {

		font-size: 16px

	}



	.nav ul li .div1 .p1 a {

		font-size: 14px

	}



	.foot_top ul {

		margin-left: 60px

	}



	.nav ul li .div1 .p1 {

		width: 80%

	}

}























/*移动端导航*/







@media screen and (max-width:900px) and (min-width: 0px) {







	.head {

		display: none

	}



	.moblie_head {
display: block;
    height: 81px;
    background: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    padding-top: 12px;
    z-index: 9999;
    border-bottom: 1px solid #ddd;

	}



	.moblie_head .rg {

		padding-top: 8px;

		padding-left: 12px

	}



	.moblie_head .rg img {

	    height: 46px;
    padding-right: 12px;
    padding-top: 2px;

	}



	.moblie_head .lf {

		padding-left: 6%;

		padding-top: 11px

	}



	.moblie_head .lf a img {

		height: 35px;

		vertical-align: top

	}



	.a_txt {

		display: block;

		position: fixed;

		top: 0px;

		left: 0px;

		width: 0px;

		height: 0px;

		overflow: hidden;

		z-index: 10000

	}



	.a_txt .div1 {

		position: absolute;

		width: 100%;

		height: 100%;

		background: #0b0d19;

		filter: alpha(opacity=0);

		opacity: 0;

		left: 0px;

		top: 0px;

		z-index: 1

	}



	.a_txt .div2 {

		position: absolute;

		width: 10%;

		left: 0px;

		top: 2%;

		z-index: 100;

		text-align: center;

		filter: alpha(opacity=0);

		opacity: 0

	}



	.a_txt .div3 {

		position: absolute;

		width: 80%;

		right: 0px;

		top: 0px;

		background: #0b0d19;

		height: 100%;

		z-index: 100;

		right: -80%

	}



	.a_txt .div3 ul {

		padding-left: 5%;

		padding-right: 5%

	}



	.a_txt .div3 ul li {

		border-bottom: 1px solid #232530

	}



	.a_txt .div3 ul li a {

		display: block;

		height: 45px;

		color: #fff;

		line-height: 45px;

		padding-left: 5%;

		font-size: 16px

	}



	.a_txt .div3 ul li .a_js2 {

		background: url(/menu/plus.png) 95% center no-repeat;

		-webkit-transition: all 0s;

		-moz-transition: all 0s;

		transition: all 0s

	}



	.a_txt .div3 ul li .a_js2_on {

		background: url(/menu/reduce.png) 95% center no-repeat;

		-webkit-transition: all 0s;

		-moz-transition: all 0s;

		transition: all 0s

	}



	.a_txt .div3 ul li .a_txt2 {

		display: none

	}



	.a_txt .div3 ul li .a_txt2 a {

		height: 30px;

		line-height: 30px;

		font-size: 14px

	}

}