﻿@charset "utf-8";

/*
@font-face { font-family: 'impact';
	src: url('../fonts/impact.eot');
	src: url('../fonts/impact.eot?#iefix') format('embedded-opentype'),
		url('../fonts/impact.woff') format('woff'),
		url('../fonts/impact.ttf') format('truetype'),
		url('../fonts/impact.svg#impact') format('svg');
}

@font-face { font-family: 'avian';
	src: url('../fonts/AvianRegular.eot');
	src: url('../fonts/AvianRegular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvianRegular.woff') format('woff'),
		url('../fonts/AvianRegular.ttf') format('truetype'),
		url('../fonts/AvianRegular.svg#AvianRegular') format('svg');
}

@font-face {
	font-family: 'avignon';
	src: url('../fonts/avignonbold.eot');
	src: url('../fonts/avignonbold.eot') format('embedded-opentype'),
		url('../fonts/avignonbold.woff') format('woff'),
		url('../fonts/avignonbold.ttf') format('truetype'),
		url('../fonts/avignonbold.svg#avignonbold') format('svg');
}
*/
@font-face { font-family: "xfont";
	src: url('../fonts/iconfont.eot'); /* IE9*/
	src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
		url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
		url('../fonts/iconfont.svg#xfont') format('svg'); /* iOS 4.1- */
}

/* css reset */
/*html{ background: #000; }*/
html, body, h1, h2, h3, h4, h5, h6, div, ol, ul, li, dl, dt, dd, table, caption, tr, th, td, span, p, a, b, u, i, em, img, iframe, fieldset, form, label, legend, input, button, select, textarea { margin: 0; padding: 0;}
body { font: 14px/1.5 "微软雅黑", Arial, Tahoma, Helvetica, sans-serif; color: #474747; background-color: #002c56; margin: auto; min-width: 1340px;}
/*input, button, textarea, select { font: inherit; outline: 0; border: 0; background: none; color: inherit;}
input:focus, textarea:focus { color: inherit;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0;}
*/
ol, ul, li { list-style: none;}

/*input, select { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
textarea { overflow: auto; resize: none;}*/

table { border-collapse: collapse; border: 0;}
img { border: 0; outline: 0; vertical-align: middle;}
a { text-decoration: none; color: inherit;}
a:focus { outline: 0;}
svg:not(:root){ overflow: hidden;}

/*input[type=date]{ background-color:transparent; border: 0; filter: alpha(opacity=0);}*/

i, b, strong {
    font-style: normal;
    font-weight: normal;
}
.c{ text-align: center}

::-ms-clear, ::-ms-reveal{ display: none;}
/* WebKit browsers */
::-webkit-input-placeholder{ color: #909090;}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder{ color: #909090; opacity: 1;}
/* Mozilla Firefox 19+ */
::-moz-placeholder{ color: #909090; opacity: 1;}
/* Internet Explorer 10+ */
:-ms-input-placeholder{ color: #909090;}

.placeholder{ color: #909090;}

.xfont{
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.h30, .h28, .h26, .h24, .h22, .h20, .h18,  .h16{ line-height: 1.2;} 
.h30{ font-size: 30px;}
.h28{ font-size: 28px;}
.h26{ font-size: 26px;}
.h24{ font-size: 24px;}
.h22{ font-size: 22px;}
.h20{ font-size: 20px;}
.h18{ font-size: 18px;}
.h16{ font-size: 16px;}



/*span blank*/
.blankW { clear:both; height:1px; overflow:hidden; display:block; font-size:1px;}
.blank1  {clear:both; height:1px; overflow:hidden; display:block; font-size:1px; }
.blank2  {clear:both; height:2px; overflow:hidden; display:block; font-size:2px; }
.blank3 { clear:both; height:3px; overflow:hidden; display:block; font-size:1px; }
.blank6 { clear:both; height:6px; overflow:hidden; display:block; font-size:1px; }
.blank7 { clear:both; height:7px; overflow:hidden; display:block; font-size:1px; }
.blank8 { clear:both; height:8px; overflow:hidden; display:block; font-size:1px; }
.blank9 { clear:both; height:9px; overflow:hidden; display:block; font-size:1px; }
.blank10{ clear:both; height:10px; overflow:hidden; display:block; font-size:1px; }
.blank9w { background:#ffffff; clear:both; height:9px; overflow:hidden; display:block; font-size:1px; }
.blank12 { clear:both; height:12px; overflow:hidden; display:block; }
.blank15 { clear:both; height:15px; overflow:hidden; display:block; }
.blank20 { clear:both; height:20px; overflow:hidden; display:block; }
.blankx  {clear:both; height:1px; overflow:hidden; display:block; font-size:1px; background: url(xian.jpg) repeat-x; }


/* 通用 */
.clear:after, .x-wrap:after{ content: ''; display: table; clear: both;}
.middle{ font-size: 0; letter-spacing: -1.5em;}
.middle:after{ content: ''; display: inline-block; vertical-align: middle; height: 100%;}
.middle-cont{ display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 0;}
.justify{ word-break: break-all; text-align: justify; text-justify: inter-ideograph;}
.justify:after{ content: ''; display: inline-block; padding-left: 100%; font-size: 0; vertical-align: top;}
.pos-fix{ position: fixed !important; left: 0; top: 0;}
.pos-abs{ position: absolute !important; left: 0; top: 0;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.x-wrap{ position: relative; width: 1300px; margin: auto;}

.x-header, .x-footer, .x-container{ position: relative; width: 100%; min-width: 1250px; margin: auto; z-index: 1;}
.x-container,.x-footer{ overflow: hidden; }
.x-header{ z-index: 2; background:#fff; }
.x-header .logo{ position: absolute; left: 0; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); overflow: hidden;}
.x-header .logo a{ display: block; width: 275px; }
.x-header .logo img{ display: block; width: 100%;}
.x-header .tools a{}
.nav-mod{}
.x-footer{}
.x-container{ background: #F7F7F7; }

.head_bot .x-wrap{ height:170px; position: relative; z-index: 1; }
.head_top{ height:40px; line-height: 40px; background:#2d6cc0; color:#fff; position: relative; z-index: 5; }
.head_top .imaA{ float: left; }
.head_top .r{ position: absolute; right: 0; top:0; }
.head_top .head_a{ float: left; }
.head_top .head_a a,.head_top .head_a span{ display: inline-block; vertical-align: middle;  padding:0 0 0 20px;  }
.head_top .head_a span{ font-size: 12px; line-height: 1; position: relative; top:-2px; }
.head_top .tools{ float: left; }
.head_top .dl{ float: left; padding:0 0 0 20px; position: relative; width: 90px; }
.head_top .dl2{width:80px; }
.head_top .dt{ position: relative; cursor: pointer; }
.head_top .dl a{ display: block; line-height: 40px; }
.head_top .dt span{ position: absolute; right: 0; top:0; height:40px; line-height: 40px; color:#fff; font-family: "xfont"; font-size:20px;  transition:all 0.3s; -webkit-transition:all 0.3s; }
.head_top .dd{ position: absolute; top:105%; left: 0px; width: 200px;  background:#f7f7f7;border: 1px solid #d4d4d4; opacity: 0; visibility: hidden; transition:all 0.1s; -webkit-transition:all 0.1s; }
.head_top .dd a{ color: #918d91; padding:10px 20px; line-height: 1.5; }
.head_top .dl:hover .dt span{ transform:rotateX(180deg); -webkit-transform:rotateX(180deg); -ms-transform:rotateX(180deg); }
.head_top .dl:hover .dd{ opacity: 1; visibility: visible; }
.head_top .dd a:hover{ background:#d4d4d4; }

.head_top .login{ float: left; padding:0 20px; margin-left:10px; background:#f05f19; overflow: hidden; }
.head_top .login a{ float: left; padding:0 10px; }
.head_top .login span{ font-size: 12px; float: left; }
.head_top .share-box a.share-item{ background:#0079c1; margin-left: 1px; }


.footer_top{ padding:50px 0 70px; background:#2a5899; color:#fff; }
.footer_top .titb{ text-align:center;font-family: arial; font-size:26px; line-height:50px;text-transform:uppercase;}
.footer_top .tits{ text-align:center;font-family: arial; font-size:24px; line-height:40px;}

.footer_top .dcon{ width:100%; margin-top:50px;}
.footer_top .dcon .dh{ width:23%; float:left; padding-left:6%; margin-left:3%; background:url(tel.png) no-repeat;}
.footer_top .dcon .yx{ width:23%; float:left; padding-left:6%; background:url(email.png) no-repeat; }
.footer_top .dcon .dz{ width:28%; float:right; padding-left:6%; background:url(dz.png) no-repeat; }

.footer_top .dcon span{ font-size:24px;}
.footer_top .dcon p{ font-size:16px; line-height:40px;}

.footer_bot{ padding:35px 0; background:#1e3052; color:#fff; }
.footer_bot .l{ float: left; width:48%; }
.footer_bot .r{ margin:0 auto;background:url(flogo.png) 0 10px no-repeat; width:48%; margin-top:20px; text-align: right;color:#878e96;  }

.footer_bot .l .copy{ padding-bottom: 10px; font-family: arial,微软雅黑; line-height:35px;}
.footer_bot .add{ padding-bottom:10px; line-height:35px; text-align:center;}

.ie8 .gotop,.ie8 .x-header,.ie8 .header_nav,.ie8 .x-container ,.ie8 .x-footer{ display: none; }
.ie8 body{ overflow: hidden; }
.ie8 .bbts{ background:#fff; position: fixed; width: 100%; height:100%; top:0; left: 0; z-index: 10000; }
.ie8 .bbts span{ font-size:60px; position: absolute; width: 100%; left: 0; top:50%; line-height: 60px; margin-top: -30px; color:#474747; text-align: center; }

/****/


	.m-show{ display: none;}
	.x-header .logo.hplogo a{ width: 383px; }
	.x-header .logo.clogo a{ width: 290px; }
	.x-header, .x-footer, .x-container{ min-width: 1300px;}
	.nav-mod{ position: absolute; right:0; top: 0;}
	.nav-mod .nav-link{ display: block; white-space: nowrap;}
	.nav-mod .nav-lv1 > .nav-item{ position: relative; float: left;}
	.nav-mod .nav-lv1 > .nav-item:last-child .oneChild{ padding-right: 0; }
	.nav-mod .nav-lv1 > .nav-item:last-child .nav-lv2{ left: auto; margin-left: 0; right: 0; }
	.nav-mod .nav-lv1 > .nav-item:last-child .nav-lv2:after,.nav-mod .nav-lv1 > .nav-item:last-child .nav-lv2:before{ left: auto; right: 20%; }
	.nav-mod .nav-lv2{ position: absolute; left: 50%; width: 160px; margin-left: -80px; top:75%; padding: 10px 0; }
	.nav-mod .nav-lv2 .nav-link{ padding:15px 10px; line-height: 1.5; font-size:14px;color: #fff; -webkit-transition: padding 0.2s; transition: padding 0.2s; text-align: center;}
	.nav-mod .nav-lv2 .nav-link:hover{ background:#fff; color:#2d6cc0;}
	.nav-mod .nav-lv2{  opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s, visibility 0.2s; transition: opacity 0.2s, visibility 0.2s; }
	.nav-mod .one.on .nav-lv2{ opacity: 1; visibility: visible;}
	.nav-mod .one .oneChild{ height: 170px; line-height: 170px; font-size:18px; padding:0 8px; color: #003768; }
	.nav-mod .nav-lv1 > .nav-item + .nav-item > .nav-tit{ position: relative; }
	.nav-mod .nav-lv1 > .nav-item + .nav-item > .nav-tit:after{ content:""; left: 0; top:50%; margin-top: -10px; height: 20px; position: absolute; background:#abddc7; width: 1px;  }
	.nav-mod .nav-lv2{ background:#2d6cc0; text-align: left; border-radius:10px; }
	.nav-mod .nav-lv2:after{ content:""; position: absolute;  }


	.nav-mod .one .oneChild .nav-link{ display: inline-block; line-height: 1.2; padding:10px 12px; border-radius:8px; }
	.nav-mod .one.on .oneChild .nav-link{ background:#2d6cc0; color:#fff;  }


	.nav-mod .nav-lv2:before, .nav-mod .nav-lv2:after{position: absolute; left: 0; right: 0;top:-8px; margin: auto; width:12px; height:12px; border:3px solid #2d6cc0; font-size: 0; border-radius:10px; background:#fff;}





