@charset "utf-8";

/* CSS Document */



/*基本信息*/

body {font-size:14px; margin:0px; font-family:"微软雅黑"; padding:0px;}



/*页面层容器*/

h1,h2,h3,h4,h5,h6,div,p,span,td,tr,table,ul,li,ol,input,dl,dt,dd{ margin:0px;padding:0px;list-style:none;}



a:link{color: #555; text-decoration: none;}



a:visited{color:#555; text-decoration: none;}



a:hover{color:#710000; text-decoration:none;}



a:active{color:#555; text-decoration:none}



img{border:0px;}



.fr{ float:right;}



.fl{ float:left;}



.fc{ margin:0 auto;}



.clear{clear:both}



/*head*/

#qiehuan{ border-bottom:1px #ddd solid;}

.qiehuan{width:1200px; height:40px; line-height:40px; text-align:right; margin:0 auto; padding-right:50px; text-align:right;}

.qiehuan span a{ background:#ddd; padding:10px 25px;}

.qiehuan em a{ background:#730000;padding:10px 25px; font-style:normal; color:#fff;}

.yq_top{width:1200px; height:100px;}

.tel{background:url(images/index_05.jpg) no-repeat; padding-left:65px; height:63px; font-size:18px; margin-top:16px;}

.tel p{font-size:30px;}

.logo{height:119px;}

.yq_menu{background:url(images/index_08.jpg) repeat-x; height:50px; width:100%;}

#menu{	height:50px; line-height:50px;}

#menu a {color: #2A679F;}





#menu, #menu ul {

	margin: 0;

	padding: 0;

	list-style: none;



}

#menu {

	width: 1200px;

	margin:0px auto;	

}

#menu:before, #menu:after {

	display: table;

}

#menu:after {

	clear: both;

}

#menu {

	zoom: 1;

}

#menu li {

	float: left;

	border-right: 1px solid #aa0000;

	position: relative;

	font-size:16px;

}

#menu a {

	float: left;

	padding:0px 34px;

	text-decoration: none;

	color:#fff;

}

#menu li:hover > a {

	color: #fafafa;

}

*html #menu li a:hover {

	color: #fafafa;

}

#menu ul {

	margin:20px 0 0 0;

	_margin: 0;

	opacity: 0;

	visibility: hidden;

	position: absolute;

	top: 50px;

	left: 0;

	z-index: 1;

	background: #444;

	background: -moz-linear-gradient(#444, #111);

	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));

	background: -webkit-linear-gradient(#444, #111);

	background: -o-linear-gradient(#444, #111);

	background: -ms-linear-gradient(#444, #111);

	background: linear-gradient(#444, #111);

	-moz-box-shadow: 0 -1px rgba(255,255,255,.3);

	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);

	box-shadow: 0 -1px 0 rgba(255,255,255,.3);

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

#menu li:hover > ul {

	opacity: 1;

	visibility: visible;

	margin: 0;

}

#menu ul ul {

	top: 0;

	left: 178px;

	_margin: 0;

	-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);

	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);

	box-shadow: -1px 0 0 rgba(255,255,255,.3);

}

#menu ul li {

	float: none;

	display: block;

	border: 0;

	_line-height: 0;

	-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;

	-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;

	box-shadow: 0 1px 0 #111, 0 2px 0 #666;

			height:40px; line-height:40px; font-size:14px;	





}

#menu ul li:last-child {

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;

}

#menu ul a {

	width: 110px;

	_height: 10px;

	display: block;

	white-space: nowrap;

	float: none;

	text-transform: none;

}

#menu ul a:hover {

	background-color:#aa0000;

height:40px; line-height:40px; font-size:14px;

}

#menu ul li:first-child > a {

	-moz-border-radius: 3px 3px 0 0;

	-webkit-border-radius: 3px 3px 0 0;

	border-radius: 3px 3px 0 0;

	   font-size:14px;

}

#menu ul li:first-child > a:after {

	content: '';

	position: absolute;

	left:20px;

	top: -6px;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 6px solid #444;

}

#menu ul ul li:first-child a:after {

	left:-6px;

	top: 50%;

	margin-top: -6px;

	border-left: 0;

	border-bottom: 6px solid transparent;

	border-top: 6px solid transparent;

	border-right: 6px solid #3b3b3b;



}

#menu ul li:first-child a:hover:after {

	border-bottom-color: #aa0000;

}

#menu ul ul li:first-child a:hover:after {

	border-right-color: #aa0000;

	border-bottom-color: transparent;

}

#menu ul li:last-child > a {

	-moz-border-radius: 0 0 3px 3px;

	-webkit-border-radius: 0 0 3px 3px;

	border-radius: 0 0 3px 3px;

}

/* Mobile */

#menu-trigger {

	display: none;

}

@media screen and (max-width: 600px) {

	/* nav-wrap */

	#menu-wrap {

		position: relative;

	}

	#menu-wrap * {

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		box-sizing: border-box;

	}

	/* menu icon */

	#menu-trigger {

		display: block;

		height: 40px;

		line-height: 40px;

		cursor: pointer;

		padding: 0 0 0 35px;

		border: 1px solid #222;

		color: #fafafa;

		font-weight: bold;

		background-color: #111;

		-moz-border-radius: 6px;

		-webkit-border-radius: 6px;

		border-radius: 6px;

		-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;

		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;

		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;

	}

	/* main nav */

	#menu {

		margin: 0;

		padding: 10px;

		position: absolute;

		top: 40px;

		width: 100%;

		z-index: 1;

		background-color: #444;

		display: none;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}

	#menu:after {

		content: '';

		position: absolute;

		left: 25px;

		top: -8px;

		border-left: 8px solid transparent;

		border-right: 8px solid transparent;

		border-bottom: 8px solid #444;

	}

	#menu ul {

		position: static;

		visibility: visible;

		opacity: 1;

		margin: 0;

		background: none;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}

	#menu ul ul {

		margin: 0 0 0 20px !important;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}

	#menu li {

		position: static;

		display: block;

		float: none;

		border: 0;

		margin: 5px;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}

	#menu ul li {

		margin-left: 20px;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}

	#menu a {

		display: block;

		float: none;

		padding: 0;

		color: #999;

	}

	#menu a:hover {

		color: #fafafa;

	}

	#menu ul a {

		padding: 0;

		width: auto;

	}

	#menu ul a:hover {

		background: none;

	}

	#menu ul li:first-child a:after, #menu ul ul li:first-child a:after {

		border: 0;

	}

}

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

	#menu {

		display: block !important;

	}

}

/* iPad */

.no-transition {

	-webkit-transition: none;

	-moz-transition: none;

	-ms-transition: none;

	-o-transition: none;

	transition: none;

	opacity: 1;

	visibility: visible;

	display: none;

}

#menu li:hover > .no-transition {

	display: block;

}





/*英文*/



#menus{	height:50px; line-height:50px;}

#menus a {color: #2A679F;}





#menus, #menus ul {

	margin: 0;

	padding: 0;

	list-style: none;



}

#menus {

	width: 1200px;

	margin:0px auto;	

}

#menus:before, #menus:after {

	display: table;

}

#menus:after {

	clear: both;

}

#menus {

	zoom: 1;

}

#menus li {

	float: left;

	border-right: 1px solid #aa0000;

	position: relative;

	font-size:16px;

}

#menus a {

	float: left;

	padding:0px 34px;

	text-decoration: none;

	color:#fff;

}

#menus li:hover > a {

	color: #fafafa;

}

*html #menus li a:hover {

	color: #fafafa;

}

#menus ul {

	margin:20px 0 0 0;

	_margin: 0;

	opacity: 0;

	visibility: hidden;

	position: absolute;

	top: 50px;

	left: 0;

	z-index: 1;

	background: #444;

	background: -moz-linear-gradient(#444, #111);

	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));

	background: -webkit-linear-gradient(#444, #111);

	background: -o-linear-gradient(#444, #111);

	background: -ms-linear-gradient(#444, #111);

	background: linear-gradient(#444, #111);

	-moz-box-shadow: 0 -1px rgba(255,255,255,.3);

	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);

	box-shadow: 0 -1px 0 rgba(255,255,255,.3);

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

#menus li:hover > ul {

	opacity: 1;

	visibility: visible;

	margin: 0;

}

#menus ul ul {

	top: 0;

	left: 308px;

	_margin: 0;

	-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);

	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);

	box-shadow: -1px 0 0 rgba(255,255,255,.3);

}

#menus ul li {

	float: none;

	display: block;

	border: 0;

	_line-height: 0;

	-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;

	-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;

	box-shadow: 0 1px 0 #111, 0 2px 0 #666;

			height:40px; line-height:40px; font-size:14px;	





}

#menus ul li:last-child {

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;

}

#menus ul a {

	_height: 10px;

	display: block;

	white-space: nowrap;

	float: none;

	text-transform: none;

}

#menus ul a:hover {

	background-color:#aa0000;

height:40px; line-height:40px; font-size:14px;

}

#menus ul li:first-child > a {

	-moz-border-radius: 3px 3px 0 0;

	-webkit-border-radius: 3px 3px 0 0;

	border-radius: 3px 3px 0 0;

	   font-size:14px;

}

#menus ul li:first-child > a:after {

	content: '';

	position: absolute;

	left:20px;

	top: -6px;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 6px solid #444;

}

#menus ul ul li:first-child a:after {

	left:-6px;

	top: 50%;

	margin-top: -6px;

	border-left: 0;

	border-bottom: 6px solid transparent;

	border-top: 6px solid transparent;

	border-right: 6px solid #3b3b3b;



}

#menus ul li:first-child a:hover:after {

	border-bottom-color: #aa0000;

}

#menus ul ul li:first-child a:hover:after {

	border-right-color: #aa0000;

	border-bottom-color: transparent;

}

#menus ul li:last-child > a {

	-moz-border-radius: 0 0 3px 3px;

	-webkit-border-radius: 0 0 3px 3px;

	border-radius: 0 0 3px 3px;

}

/* Mobile */

#menus-trigger {

	display: none;

}

@media screen and (max-width: 600px) {

	/* nav-wrap */

	#menus-wrap {

		position: relative;

	}

	#menus-wrap * {

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		box-sizing: border-box;

	}

	/* menus icon */

	#menus-trigger {

		display: block;

		height: 40px;

		line-height: 40px;

		cursor: pointer;

		padding: 0 0 0 35px;

		border: 1px solid #222;

		color: #fafafa;

		font-weight: bold;

		background-color: #111;

		-moz-border-radius: 6px;

		-webkit-border-radius: 6px;

		border-radius: 6px;

		-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;

		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;

		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;

	}

	/* main nav */

	#menus {

		margin: 0;

		padding: 10px;

		position: absolute;

		top: 40px;

		width: 100%;

		z-index: 1;

		background-color: #444;

		display: none;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}

	#menus:after {

		content: '';

		position: absolute;

		left: 25px;

		top: -8px;

		border-left: 8px solid transparent;

		border-right: 8px solid transparent;

		border-bottom: 8px solid #444;

	}

	#menus ul {

		position: static;

		visibility: visible;

		opacity: 1;

		margin: 0;

		background: none;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}

	#menus ul ul {

		margin: 0 0 0 20px !important;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}

	#menus li {

		position: static;

		display: block;

		float: none;

		border: 0;

		margin: 5px;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}

	#menus ul li {

		margin-left: 20px;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}

	#menus a {

		display: block;

		float: none;

		padding: 0;

		color: #999;

	}

	#menus a:hover {

		color: #fafafa;

	}

	#menus ul a {

		padding: 0;

		width: auto;

	}

	#menus ul a:hover {

		background: none;

	}

	#menus ul li:first-child a:after, #menus ul ul li:first-child a:after {

		border: 0;

	}

}

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

	#menus {

		display: block !important;

	}

}

/* iPad */

.no-transition {

	-webkit-transition: none;

	-moz-transition: none;

	-ms-transition: none;

	-o-transition: none;

	transition: none;

	opacity: 1;

	visibility: visible;

	display: none;

}

#menus li:hover > .no-transition {

	display: block;

}











/*footer*/

.yq_footer{background:#710000; height:205px;}

.footer{width:1200px;}

.footl{padding-top:45px;}

.foot{padding-top:35px; color:#fff; padding-left:38px; width:630px; line-height:28px;}

.foot span{padding:0 5px;}

.foot a{color:#fff;}

.foot a:hover{text-decoration:underline; color:#fff;}

.erweima{padding-top:32px;}

.erweima span{ width:128px; float:left; display:block; margin:0px 8px;}

.erweima em{ display:block; font-size:12px; color:#fff; text-align:center;margin-top:10px;}



.foots{padding-top:48px; color:#fff; padding-left:18px; width:930px; line-height:28px; font-size:13px;}

.foots span{padding:0 5px;}

.foots a{color:#fff;}

.foots a:hover{text-decoration:underline; color:#fff;}