@charset "utf-8";
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 { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.hide{ display:none; }
.show{ display:block; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.noMg { margin: 0!important; }
.mr0{ margin-right:0 !important; float:right !important;}
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#555; }
area {  anything:expression(this.onfocus=this.blur);  }
a {  color: #555; transition: all 0.5s ease 0s; }
a:hover { color: #b0020c; }
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }

.header{ width:1400px; height:74px; background:#fff; position:absolute; left:50%; margin-left:-700px; z-index:99; top:30px; border-radius:5px;}
.header .h_1{ width:100%; box-sizing:border-box; padding:0 20px; height:100%}
.header .h_1 .nr{ height:100%}
.header .h_1 .logo{ float:left; height:100%}
.header .h_1 .logo img{ height:100%}
.header .h_1 .nav{ margin-left:150px; float:left}
.header .h_1 .nav ul li{ float:left; margin-right:60px}
.header .h_1 .nav ul li a{ display:block; line-height:74px; position:relative; font-size:15px; color:#000000;}
.header .h_1 .nav ul li.on a:after,.header .h_1 .nav ul li:hover a:after{ content:""; display:block; width:100%; height:3px; background:#0078c8; position:absolute; left:0; bottom:0; z-index:2}
.header .h_1 .rt{ float:right}
.header .h_1 .rt .sea{ background:url(g_01.jpg) center center no-repeat; width:20px; height:74px; float:left; cursor:pointer}
.header .h_1 .rt .tel{ width:20px; height:74px; background:url(g_02.jpg) center center no-repeat; margin-left:20px; float:left; position:relative; cursor:pointer}
.header .h_1 .rt .tel span{ padding:15px 40px; border-radius:5px; background:#fff; position:absolute; right:-20px; top:75px; z-index:9; display:none;}
.header .h_1 .rt .tel span i{ display:inline-block; vertical-align:top; padding-left:30px; line-height:30px; font-size:20px; color:#000; background:url(g_02.jpg) left center no-repeat; width:138px}
.header .h_1 .rt .tel:hover span{ display:block}
/* 菜单显示 */
.u-menu { position:absolute; right:0; top:50%; margin-top:-21px; display:block; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99; display:none }
.u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#000; }
.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}
.snav{ width:100%; height:100%; background:rgba(00,00,00,0.5); position:fixed; z-index:99; left:0; top:0; display:none;}
.snav .lt{ width:calc(100% - 200px); float:left; height:100%}
.snav .rt{ width:200px; height:100%; float:right; background:#fff}
.snav .rt h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
.snav .rt li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
.snav .rt li a { display:block; }
.snav .rt li a:hover,.m-nav .current a { color:#f9b655; }
.snav .rt .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #f9b655; content:"" }
@media (max-width:1600px) {
	.header{ width:1200px; margin-left:-600px}
}
@media (max-width:1200px) {
	.header{ width:100%; position:relative; left:0; margin-left:0; top:0; height:60px}
	.header .h_1{ padding:0 4%}
	.header .h_1 .nav{ display:none}
	.header .h_1 .rt .sea{ height:60px; margin-right:36px}
	.header .h_1 .rt .tel{ display:none}
	.u-menu{ display:block}
}

/*搜索*/
.sea_on{ width:100%; height:100%; left:0; top:0; background:rgba(00,00,00,0.5); position:fixed; z-index:99; display:none}
.sea_on .s1{ width:400px; height:68px; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-34px; background:#fff}
.sea_on .s1 .inp1{ width:200px; height:68px; border:0; position:absolute; left:10px; top:0; font-size:14px;}
.sea_on .s1 .inp2{ width:76px; height:68px; background:url(g_01x.jpg) center center no-repeat; position:absolute; right:0; top:0; cursor:pointer} 
.sea_on .s1 .gb{ width:30px; height:30px; background:url(gb.png) center center no-repeat; background-size:30px; position:absolute; right:0; top:-50px; cursor:pointer}

@media (max-width:1200px) {
.sea_on .s1{ width:300px; height:48px;margin-left:-150px;margin-top:-24px;}
	.sea_on .s1 .inp1{ width:180px; height:48px;}
	.sea_on .s1 .inp2{ width:76px; height:48px;} 
	.sea_on .s1 .gb{ width:24px; height:24px; background:url(gb.png) center center no-repeat; background-size:24px; position:absolute; right:0; top:-30px; cursor:pointer}
}

.footer{ width:100%; background:#0078c8; padding:15px 0; font-size:15px; color:#fff}
.footer a{ color:#fff}
.footer .nr{ width:1400px; margin:0 auto}
.footer .nr .lt{ float:left}
.footer .nr .rt{ float:right}
.footer .nr .rt a{ display:inline-block; vertical-align:top; background:url(g_21.png) left center no-repeat; padding-left:25px}
@media (max-width:1600px) {
	.footer .nr{ width:1200px;}
}
@media (max-width:1200px) {
	.footer .nr{ width:92%}
	.footer .nr .lt{ width:100%; text-align:center}
	.footer .nr .rt{ width:100%; text-align:center}
}