﻿.toper{
	height: 50px;
	background-color: #0069d2;
}
.toper-l{
	float: left;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
}
.zyw{ float:right; margin-top:17px; width:190px;}
.zyw a{ margin-left:10px;}
.toper-r{
	float: right;
	
}
.toper-r li{
	float: left;
	margin-left: 22px;
}

.toper-r li a{
	font-size: 16px;
	color: #fff;
	line-height: 50px;
}
.toper-r li.h-qr{
	position: relative;
}

.toper-r li.h-qr .qr-img{
	display: none;
	position: absolute;
	z-index: 99;
	right: 0;
	top: 50px;
	width: 110px;
	height: 110px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #EEEEEE;
}
.toper-r li.h-qr:hover .qr-img{
	display: block;
}
.toper-r li.h-qr .qr-img img{
	margin-top: 3px;
	width: 104px;
	height: 104px;
}
.toper-r li i img{
	position: relative;
	top: 3px;
}
.toper-r li span{
	margin-left: 7px;
}
.header{
	position: relative;
	z-index: 9;
	height: 125px;
	background-color: #fff;
	-moz-box-shadow:0px 1px 4px #f3f3f3;
	-webkit-box-shadow:0px 1px 4px #f3f3f3;
	box-shadow:0px 1px 4px #f3f3f3;
}
.header .logo{
	float: left;
	margin-top:33px;
}
.header .subnav{
	float: right;
	margin-top: 34px;
}


@charset "utf-8";
/* CSS Document */
article, aside, audio, body, canvas, caption, details, div, figure, footer, header, hgroup, html, iframe, img, mark, menu, nav, object, section, span, summary, table, tbody, td, tfoot, thead, tr, video {
	margin: 0;
	padding: 0;
	border: 0
}

a, abbr, address, b, blockquote, cit, code, dd, del, dfn, dl, dt, em, fieldset, h1, h2, h3, h4, h5, h6, hr, i, ins, label, legend, li, ol, p, pre, q, samp, small, strong, sub, sup, ul {
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}

.fl{float:left;}
.fr{float:right;}

ol, ul {
	list-style: none
}
/*a, a:active, a:visited {*/
a, a:active{
	color: inherit;
	text-decoration: none;
	cursor:pointer;
}

.w1200 { max-width:1200px; margin:0 auto; position:relative;}



.nav ul li { float: left; height:60px; line-height:60px; font-size: 16px; position: relative;}
.nav ul li a { padding: 0 30px; display: block; }
.nav ul li a span{ display: block; height:60px; border-bottom: solid 3px #fff; }
.nav ul li:hover a span{ border-color: #ff4800; }
.nav ul li:hover a { color: #ff4800; }
.nav ul li.cur a span{ border-color: #ff4800; }
.nav ul li.cur a { color: #ff4800; }
.nav ul li.search { width: 28px; background:url(../images/search.png) center center no-repeat; cursor: pointer; position: relative; }
.nav ul li.search a { width: 100%; height: 100%; display: block; }
.nav ul li.search .form { background-color: rgba(28, 39, 57, 0.9); position: absolute; right: 0; top: 60px; width: 300px; height: 60px; z-index: 999; padding: 13px; display: none; }
.nav ul li.search.cur .form { display: block !important; }
.nav ul li.search .form .txt { width: 240px; padding: 0 10px; height: 34px; line-height: 34px; background: #fff; border: none; border:none; float: left; }
.nav ul li.search .form .btn { height: 34px; width: 34px; background:url(../images/search.png) center center no-repeat #fff; float: left; }


.nav ul li .nav-down { display: none; width: 185px; background-color: rgba(28, 39, 57, 0.9); position: absolute; left: -30px; top:60px; z-index: 99; font-size: 16px; }
.nav ul li .nav-down ul li { height: 65px; line-height: 65px; text-align: center; color: #fff; width: 100%; border-bottom: solid 1px rgba(255,255,255, .1); }
.nav ul li:hover .nav-down { display: block; } 
.nav ul li .nav-down ul li:hover { background-color: #fff; color: #ff4800; }
.nav ul li:hover .nav-down ul li a { color: #fff; }
.nav ul li:hover .nav-down ul li:hover a{  color: #ff4800; }
.nav li { transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }

.nav ul li .yw-down { display: none; }
.nav ul li .yw-down ul li { text-align: left; position: relative; }
.nav ul li .yw-down ul li i { display: inline-block; vertical-align: middle; padding-right: 18px; }
.nav ul li .yw-down ul li i img.df { display: block; }
.nav ul li .yw-down ul li i img.cur { display: none; }
.nav ul li .yw-down ul li:hover i img.df { display: none; }
.nav ul li .yw-down ul li:hover i img.cur { display: block; }

.nav ul li .yw-down ul li .nav-second { display: none; width: 180px; height: 390px; background-color: #fff; border:solid 1px #1c2739; border-left: none; position: absolute; left: 185px; top: 0; padding-top: 10px; font-size: 14px !important; } 
.nav ul li .yw-down ul li .nav-second.second2 {
	width: 440px; display: none;
}
.nav ul li .yw-down ul li .nav-second.second2 ul li { font-size: 16px; line-height: 45px; }
.nav ul li .yw-down ul li .nav-second.second2 ul li.three { height: auto; overflow: hidden; background: none; font-size: 14px;  margin: 0 30px; width: calc(100% - 60px); line-height: 32px; border-bottom: dashed 1px #d3d3d3; color: #666; padding-bottom: 10px; }
.nav ul li .yw-down ul li .nav-second.second2 ul li.three a { display: inline-block; width: auto; background: none !important; padding: 0 12px !important; }
.nav ul li .yw-down ul li .nav-second.second2 ul li.three:last-child { border-bottom: none;}

.nav ul li .yw-down ul li:nth-child(2) .nav-second { top: -65px;}
.nav ul li .yw-down ul li:nth-child(3) .nav-second { top: -130px;}
.nav ul li .yw-down ul li:nth-child(4) .nav-second { top: -195px;}
.nav ul li .yw-down ul li:nth-child(5) .nav-second { top: -260px;}
.nav ul li .yw-down ul li:nth-child(6) .nav-second { top: -325px;}
.nav ul li .yw-down ul li:nth-child(7) .nav-second { top: -440px;}

.nav ul li .yw-down ul li:hover .nav-second { display: block; }
.nav ul li .yw-down ul li .nav-second ul li { color: #333; height:45px; line-height:21px; }  
.nav ul li:hover .nav-down ul li:hover .nav-second ul li a {  color: #333; background: url(../images/tb1.png) 30px center no-repeat; padding-left: 50px; }
.nav ul li:hover .nav-down ul li:hover .nav-second ul li { background-color: none; }
.nav ul li:hover .nav-down ul li:hover .nav-second ul li a:hover {  color: #ff4800; background-image: url(../images/tb1-cur.png);}  




.clear{ clear:both;}
.h-head h2{
	position: relative;
	padding-top: 72px;
	text-align: center;
	font-size: 36px;
	color: #222222;
}
.h-head h2:after{
	content: "";
	position: absolute;
	bottom: -22px;
	left: 50%;
	margin-left: -16px;
	display: inline-block;
	width: 33px;
	height: 7px;
	background: url(../images/zys27.png) no-repeat center bottom;
}

.red{
	color: #ff0000;
}
.middle{
	width: 1200px;
	margin: 0 auto;
}
h2{
	font-size: 30px;
	color: #666;
	text-align: center;
}
h2 span{
	display: block;
	font-size: 16px;
	font-weight: 400;
	margin-top: 5px;
}
h2 .border{
	width: 50px;
	margin: 0 auto;
	margin-top: 4px;
	border-bottom: 2px solid #FF5256;
}


