﻿
* {
	padding: 0;
	margin: 0
}
html, div, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, img, form, embed, label, ol {
	margin: 0;
	padding: 0;
	border: 0;

	font-weight: normal
}
img {
	border: none
}
object, .dis {
	display: block
}
ul, ul li, ol, ol li, menu li {
	list-style: none
}
.cls {
	clear: both;
	line-height: 0px!important;
	height: 0px!important;
	font-size: 0px!important
}
select, input {
	vertical-align: middle;
	font-size: 12px
}
a {
	color: #333;
	text-decoration: none
}

a:active {
	color: #444
}
.undis, .hidden, .play {
	display: none
}
/*basic*/
html {
	height: 100%;
	width: 100%
}
body {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #333;
	font-family: "微软雅黑";
	_background-image: url(about:blank);
	_background-attachment: fixed
}
.wrap {
	max-width: 1300px;
	margin: 0 auto;
	position: relative
}

 @media only screen and (max-width:1366px) {
 .wrap {
	max-width: 1200px;
	margin: 0 auto;
	position: relative
}
 }
.mobile_nav_wrap {
	width: 100%;
	position: relative; height:auto;

}

/*头部*/

.headerTop {
overflow:hidden;
	position: relative;
	z-index: 111
}
.headerTop h1 {
	color: #555;
	font-size: 14px; line-height:30px;
	font-weight: bold;
	white-space: nowrap; margin:0px; padding:0px; float:right;
}


.m_cd{ width:80px; color:#FFFFFF; line-height:40px; font-size:16px; display:none; float:left; position: absolute;
	left: 0px;
	top:0px}
 @media screen and (max-width:1200px) {
 .m_cd{ display:block; float:left}
 }

.headerTop menu {
	position: absolute;
	right: 0px;
	top: 26px;
	float: right;

}
.headerTop menu li {
	float: left;
	color: #828282
}

.headerTop menu li a:hover {
	color: #f03333
}


/*导航*/
.nav {width: 100%;position: relative;z-index: 1111}
.nav_bg {width: 100%; background:#d53024; height:auto;padding:0px 0px;}
.navlist li {float: left;width:11%;text-align: center; position: relative}
.navlist li:nth-child(12){ background: none;}

.navlist { margin:0px;  height:auto}
.navlist li a {font-size: 16px;color: #fff;display: block;height:50px; line-height:50px}
.navlist li a span {display: block;font-size: 12px;color: #a9a9a9}
.navlist li a:hover, .navlist li.hover a, .navlist li.current a {}

.navlist li a:hover{color: #FFE400}
.navlist li a:hover span, .navlist li.hover a span, .navlist li.current a span {color: #fff}
.navlist li.no_bor {border-right: none}
.navlist li menu {position: absolute;left: 0px;display: none; z-index:999; background:url(../images/menu_arr.png) no-repeat center top; padding-top:8px;	left:-17px;}
.navlist li menu a {display: block;height: 36px;_height: 36px;width: 131px;padding-top: 0px;margin: 0px;overflow: hidden;line-height: 36px; font-size:14px	}

@media screen and (max-width:1200px) {
.nav_bg {width: 100%; height:auto;padding:0px 0px;}
.navlist li menu {position: absolute;left: 0px;display: none; z-index:999; background: none;}
.navlist li{ background: none;}
}

.navlist li menu a {background:#f03333; color:#FFFFFF; line-height:36px;}
.navlist li menu a:hover { color:#fff;background:#19770C}


.navlist li .top_sub{ overflow:hidden; padding:0px; margin:0px; display:none}
.navlist li .top_sub ul{ overflow:hidden; padding:0px; margin:0px; float:left;}
.navlist li .top_sub ul li{ overflow:hidden; padding:0px; margin:0px; width:100%;}
.navlist li .top_sub ul li a{ font-size:12px; background:#f03333}
.navlist li .top_sub ul li a:hover{ color:#FFDE00}

/*导航跟随*/
.fixed_nav {
	position: fixed;
	top: 0px;
	left: 0px;
	height:auto;
	display: none;
	_position: absolute;
	background: #f03333;
	_padding: 0px;
	_height:auto;
	box-shadow:0 0 10px 1px rgba(0,0,0,.2)
}
.fixed_nav .nav_bg {
	background: none !important;
	_height: auto
}
.fixed_nav .navlist li {
	height: auto;
}
.fixed_nav .navlist li a {

}
.fixed_nav .navlist li menu a {
	display: block;
	height: 39px;
	_height: 38px;
	width: 141px;
	padding-top: 0px;
	margin: 0px;
	overflow: hidden;
	line-height: 39px;
	color: #fff !important;
	background:#f03333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.fixed_nav .navlist li menu a:hover {
color: #FFC600; background:#0a4a7c
}

@media screen and (max-width:1366px) {
.fixed_nav .navlist li menu a {
	display: block;
	height: 39px;
	_height: 38px;
	width:131px;
	padding-top: 0px;
	margin: 0px;
	overflow: hidden;
	line-height: 39px;
	color: #fff !important;
	background:#f03333 
}
}



/*首页模块*/

.title menu {
	position: absolute;
	right: 0px;
	top: 0px
}
.title menu a {
	font-size: 14px;
	margin-left: 16px
}
.title .moreA {
	display: block;
	position: absolute;
	right: -30px;
	top: 0px;
	font-size: 14px;
	color: #f2f2f2 !important
}
.title .moreA span {
	width: 8px;
	height: 8px;
	background-position: -125px -22px;
	overflow: hidden;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px
}
.title .moreA:hover {
	color: #F60521 !important
}
.title .border {
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 23px;
	background: #c7c7c7;
	bottom: -1px;
	left: 0px
}




.navlist li dd{ float:right; margin:0px; padding:0px; margin-right:4%; height:40px; display: none}
/*1024宽度*/
/* for 1024px or less */
@media screen and (max-width: 1200px) {
.indexbanner .Btnwrap {
	width: 100%;
	height: auto
}
.wrap {
	width:94%;
	overflow: hidden; margin:0 auto
}
.nav .wrap {
	overflow: visible
}

.navlist li {
	width:54px
}

/**************************************************************** leo *****************************************************************/
.navlist li a:hover, .navlist li.hover a, .navlist li.current a {
	background: #ACACAC;
	color: #222;
}

.navlist li dd{ float:right; margin:0px; padding:0px; margin-right:4%; height:40px; display:block}
.navlist li dd img{ width:20px; height:20px; vertical-align:middle; margin-top:10px}
.wrap {
	width: 96%;
	overflow: hidden
}
.headerTop menu {
	width: auto
}
.nav .wrap {
	overflow: visible;
	width: 100%
}
.mobile_nav_wrap {
	width: 96%;
	position: relative;
	padding-top:10px;
	margin: 0 auto;
}
.navlist {
	padding-left: 0px;
	margin-top: 0px;
	background: #E8E8E8;
	width: 100%;
	float: left;
	display: none;
	min-width: 100%
}
.navlist li {
	width: 100%;
	border-bottom: 1px solid #bbb;
	float: left;
	height: auto;
}

.navlist li a {
	padding: 0px;
	height: 42px;
	line-height: 42px;
	background: #F6F6F6;
	text-align: left;
	text-indent: 20px;
	color: #333;
}
.navlist li a span {
	display: inline-block;
	display: inline-block;
	text-indent: -999px;
	overflow: hidden;
	vertical-align: middle;
	width: 8px;
	height: 6px;
	margin-left: 5px
}
.navlist li menu {
	position: relative;
}
.navlist li menu a {
	width: auto;
	margin-left: 8px;
	background: #E8E8E8 !important; font-size:14px; color:#222
}
.navlist li menu a:hover {
	background: #E8E8E8 !important;
	color:#444
}







.navlist li menu .top_sub{ overflow:hidden; padding:0px; margin:0px; display:block}
.navlist li menu .top_sub ul{ overflow:hidden; padding:0px; margin:0px; float:left; width:100%;border-bottom:#ccc 1px  dotted;border-top:#ccc 1px  dotted; padding-left:10px}
.navlist li menu .top_sub ul li{ overflow:hidden; padding:0px; margin:0px; width:100%; border-bottom:#ccc 0px solid;}
.navlist li menu .top_sub ul li a{ font-size:13px;}







.fixed_nav {
	position: relative
}
.fixed_nav .navlist li {
	height: auto
}
.fixed_nav .navlist li a {
	height: 42px;
	padding: 0px;
	line-height: 42px
}
.fixed_nav .navlist li menu a {
	width: auto;
	background: #E8E8E8 !important;
	text-align: left;
	text-indent: 20px;
	color: #333
}
.fixed_nav .navlist li a span {
	display: inline-block;
	display: inline-block;
	text-indent: -999px;
	overflow: hidden;
	vertical-align: middle;
	width: 8px;
	height: 6px;
	margin-left: 5px
}
.fixed_nav .navlist li menu a:hover {
	background: #E8E8E8 !important
}
.fwfc_box td p {
	line-height: 18px
}
.pl_block_last {
	position: inherit;
	right: inherit;
	padding-right: 20px
}

.nav_bg, .nav {
	height: auto;
	min-height:40px;
	_height: 40px
}

.menu_moblie_icon {
	background: url(../images/m_moblie_icon.png) no-repeat; background-size:33px 33px;
	width: 40px;
	height:33px;
	position: absolute;
	top:4px;
	right:1px;
	cursor: pointer
}


.title menu a {
	margin-left: 0px;
	margin-right: 10px;
	font-size: 13px
}
}

/*720宽度 手机Mobile*/
/* for 720px or less 640width*/
@media screen and (max-width: 979px) {

.wrap {
	width:96%;
	overflow: hidden;
}
.headerTop menu { 
	width: auto
}
.nav .wrap {
	overflow: visible;
	width: 100%;
}
.mobile_nav_wrap {
	width:96%;
	position: relative;
	padding-top:40px;
	 height:auto;
	margin: 0 auto;

}
.navlist {
	padding-left:0px;
	margin-top: 0px;
	background: #E8E8E8;
	width: 100%;
	float: left;
	display: none;
	min-width: 100%
}
.navlist li {
	width: 100%;
	border-bottom: 1px solid #bbb;
	float: left;
	height: auto;
}
.navlist li a {
	padding: 0px;
	height: 42px;
	line-height: 42px;
	background: #F6F6F6;
	text-align: left;
	 font-size:16px;
	text-indent: 20px;
	color: #333
}
.navlist li a span {
	display: inline-block;
	display: inline-block;
	text-indent: -999px;
	overflow: hidden;
	vertical-align: middle;
	width: 8px;
	height: 6px;
	margin-left: 5px
}
.navlist li menu {
	position: relative
}
.navlist li menu a {
	width: auto;
	margin-left: 8px; color:#333;
	background: #E8E8E8 !important
}
.navlist li menu a:hover {
	background: #E8E8E8 !important
}


}

/*屏幕小于450px时*/
@media screen and (min-width: 400px) and (max-width:450px) {
.mcur h1 span {
	font-size: 26px;
}
.mcur h1 {
	font-size: 27px;
}
}
@media screen and (max-width:400px) {
.mcur h1 span {
	font-size: 18px;
}
.mcur h1 {
	font-size: 21px;
}
}
/*end*/
/*720宽度 手机Mobile*/
/* for 720px or less 640width*/
@media screen and (max-width: 720px) {
.wrap {

	overflow: hidden
}

.nav .wrap {
	width: 100%;
	overflow: hidden
}
.mobile_nav_wrap {
	width: 85%;
	margin: 0 auto;
	position: relative
}

.search_moblie_icon {
	right: 0px
}
.menu_moblie_icon {
	right: 5px
}
.title {
	height: auto;
	padding-bottom: 10px;
	clear: both;
	margin-bottom: 15px
}
.title h1 {
	float: left;
	font-weight: bold
}
.title menu {
	float: right;
	position: relative;
	height: auto;
	padding-top: 8px;
	line-height: 26px
}

.logo img {
	height: 40px; width:auto
}

}

/* for 720px or less 640width*/
@media screen and (max-width: 480px) {

.mobile_nav_wrap {
	width: 96%;
}

}

