@charset "UTF-8";

/* 黑白灰 
html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
*/

/* 版心 */
.container { position: relative; width: 1200px; margin: 0 auto; }

/* 浮动 */
.fl { float: left; }

.fr { float: right; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; overflow: hidden; }

.clearfix { zoom: 1; }

/* 内外边距 */
.mar { margin: 15px; }

.mar-xs { margin: 5px; }

.mar-sm { margin: 10px; }

.mar-lg { margin: 20px; }

.mar-xl { margin: 30px; }

.mar-xxl { margin: 50px; }

.mt { margin-top: 15px; }

.mt-xs { margin-top: 5px; }

.mt-sm { margin-top: 10px; }

.mt-lg { margin-top: 20px; }

.mt-xl { margin-top: 30px; }

.mt-xxl { margin-top: 50px; }

.mr { margin-right: 15px; }

.mr-xs { margin-right: 5px; }

.mr-sm { margin-right: 10px; }

.mr-lg { margin-right: 20px; }

.mr-xl { margin-right: 30px; }

.mr-xxl { margin-right: 50px; }

.mb { margin-bottom: 15px; }

.mb-xs { margin-bottom: 5px; }

.mb-sm { margin-bottom: 10px; }

.mb-lg { margin-bottom: 20px; }

.mb-xl { margin-bottom: 30px; }

.mb-xxl { margin-bottom: 50px; }

.ml { margin-left: 15px; }

.ml-xs { margin-left: 5px; }

.ml-sm { margin-left: 10px; }

.ml-lg { margin-left: 20px; }

.ml-xl { margin-left: 30px; }

.ml-xxl { margin-left: 50px; }

.mlr-sm { margin-left: 10px; margin-right: 10px; }

.mtb-sm { margin-top: 10px; margin-bottom: 10px; }

.pd0 { padding: 0 !important; }

.pd { padding: 15px; }

.pd-xs { padding: 5px; }

.pd-sm { padding: 10px; }

.pd-lg { padding: 20px; }

.pd-xl { padding: 30px; }

.pd-xxl { padding: 50px; }

.pt { padding-top: 15px; }

.pt-xs { padding-top: 5px; }

.pt-sm { padding-top: 10px; }

.pt-lg { padding-top: 20px; }

.pt-xl { padding-top: 30px; }

.pt-xxl { padding-top: 50px; }

.pr { padding-right: 15px; }

.pr-xs { padding-right: 5px; }

.pr-sm { padding-right: 10px; }

.pr-lg { padding-right: 20px; }

.pr-xl { padding-right: 30px; }

.pr-xxl { padding-right: 50px; }

.pb { padding-bottom: 15px; }

.pb-xs { padding-bottom: 5px; }

.pb-sm { padding-bottom: 10px; }

.pb-lg { padding-bottom: 20px; }

.pb-xl { padding-bottom: 30px; }

.pb-xxl { padding-bottom: 50px; }

.pl { padding-left: 15px; }

.pl-xs { padding-left: 5px; }

.pl-sm { padding-left: 10px; }

.pl-lg { padding-left: 20px; }

.pl-xl { padding-left: 30px; }

.pl-xxl { padding-left: 50px; }

.plr { padding-left: 15px; padding-right: 15px; }

.plr-sm { padding-left: 10px; padding-right: 10px; }

.plr-lg { padding-left: 20px; padding-right: 20px; }

.ptb { padding-top: 15px; padding-bottom: 15px; }

.ptb-sm { padding-top: 10px; padding-bottom: 10px; }

.ptb-lg { padding-top: 20px; padding-bottom: 20px; }

/* 文本颜色 */
.text-primary { color: #14579a; }

.text-danger { color: #ff3b30; }

.text-dark { color: #333 !important; }

.text-gray { color: #666; }

.text-gray-light { color: #999; }

.text-white { color: #fff !important; }

.text-link { color: #0088cc; }

/* display */
.dib { display: inline-block !important; }

.db { display: block !important; }

.hide { display: none; }

/* 文本对齐 */
.tal { text-align: left; }

.tar { text-align: right; }

.tac { text-align: center; }

/* 文字大小 */
.fs-xs { font-size: 12px; }

.fs-md { font-size: 16px; }

.fs-lg { font-size: 18px; }

.fs-xl { font-size: 24px; }

.fs-xxl { font-size: 32px; }

.fs-xxxl { font-size: 42px; }

/* 背景 */
.bg-white { background: #fff; }

/* 垂直对齐 */
.vam { vertical-align: middle; }

/* 溢出 */
.ovh { overflow: hidden; }

/* 定位 */
.pos-r { position: relative; }

.banner-tle h3, .art-list li a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

body { overflow-x: hidden; font-size: 13px; }

a { transition: .3s; }
a:focus, a:active { outline: 0; }
a:hover { text-decoration: underline; }

input[type=checkbox], input[type=radio] { vertical-align: -1px; }

.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; overflow: hidden; overflow-y: auto; background: url(../images/bg.png) no-repeat center top; background-size: cover; }

.bg { width: 100%; background: url(../images/bg.png) no-repeat center top; background-size: cover; }

.bg-2 { background: url(../images/bg-2.png) no-repeat center top; background-size: cover; }

.icon { display: inline-block; background: url(../images/icon-sprites.png) no-repeat; vertical-align: middle; }
.icon-home { width: 29px; height: 26px; }
.icon-sound { width: 28px; height: 25px; background-position: 0 -36px; }
.icon-map { width: 23px; height: 26px; background-position: 0 -71px; }
.icon-news { width: 28px; height: 26px; background-position: 0 -107px; }
.icon-fly { width: 31px; height: 26px; background-position: 0 -143px; }
.icon-file { width: 21px; height: 26px; background-position: 0 -179px; }
.icon-fly-lg { width: 55px; height: 47px; background-position: 0 -215px; }
.icon-map-lg { width: 42px; height: 47px; background-position: 0 -272px; }
.icon-earth { width: 48px; height: 48px; background-position: 0 -329px; }
.icon-news-lg { width: 52px; height: 49px; background-position: 0 -387px; }
.icon-qizhi { width: 58px; height: 50px; background-position: 0 -446px; }
.icon-circle { width: 51px; height: 50px; background-position: 0 -506px; }
.icon-desktop { width: 52px; height: 50px; background-position: 0 -566px; }
.icon-plus { width: 46px; height: 47px; background-position: 0 -626px; }

.icon-arrow { display: block; width: 38px; height: 38px; background: url(../images/arrow-sprites.png) no-repeat; }
.icon-arrow--right { background-position: 0 -48px; }

/* header */
.header { padding-top: 34px; height: 208px; box-sizing: border-box; }

.logo { position: relative; width: 540px; }
.logo-img { position: absolute; top: 0; left: 0; }
.logo-txt { position: absolute; top: 27px; right: 0; width: 360px; height: 28px; background: url(../images/logo-txt.png) no-repeat; text-indent: -9999px; }

.search { position: absolute; top: 35px; right: 139px; }
.search-input { width: 175px; height: 28px; padding: 0 10px; line-height: 28px; border: 1px solid #14579a; background: #fff; box-sizing: border-box; }
.search-btn { width: 38px; height: 28px; border: 0; background: url(../images/icon-search.png) no-repeat center center #14579a; }

.header-link { position: absolute; top: 40px; right: 26px; }
.header-link a { color: #14579a; }
.header-link img { width: 20px; height: 20px; margin-left: 5px; }

/* nav */
.nav { position: absolute; top: 106px; left: 217px; height: 30px; }

.nav-list > li { position: relative; float: left; margin-left: 67px; }
.nav-list > li:first-child { margin-left: 0; }
.nav-list > li:hover .nav-sub { display: block; }
.nav-list > li a { display: block; height: 30px; line-height: 30px; font-size: 0; color: #14579a; }
.nav-list > li a:hover { color: #ff7f00; }
.nav-list > li span { display: inline-block; margin-left: 5px; font-size: 16px; vertical-align: middle; }

.nav-sub { position: absolute; top: 100%; left: 0; z-index: 10; display: none; }
.nav-sub li { position: relative; border-top: 1px solid #444; }
.nav-sub li:first-child { border-top: 0; }
.nav-sub li:hover .nav-sub-sub { display: block; }
.nav-sub li a { display: block; width: 130px; height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px; color: #fff; background: #333; }
.nav-sub li a:hover { background: #222; text-decoration: none; }

.nav-sub-sub { position: absolute; top: 0; left: 100%; display: none; }

.banner { position: relative; width: 500px; height: 342px; overflow: hidden; }
.banner .banner-hd { position: absolute; bottom: 0; right: 0; left: 0; z-index: 1; height: 40px; }
.banner .banner-hd ul { position: absolute; top: 50%; right: 20px; margin-top: -4px; }
.banner .banner-hd ul li { float: left; width: 8px; height: 8px; margin-left: 7px; background: #fff; cursor: pointer; border-radius: 50%; }
.banner .banner-hd ul li:first-child { margin-left: 0; }
.banner .banner-hd ul li.on { background: #4d9ccd; }
.banner .banner-bd li { position: relative; vertical-align: middle; }
.banner .banner-bd img { width: 560px; height: 383px; }

.banner-tle { position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px; padding: 0 106px 0 10px; background: url(../images/opa-5.png); background: rgba(0, 0, 0, 0.5); }
.banner-tle h3 { font-size: 13px; color: #fff; }

.banner-btn { position: absolute; top: 50%; z-index: 10; display: block; width: 38px; height: 38px; margin-top: -19px; background: url(../images/arrow-sprites.png) no-repeat; }
.banner-btn:focus { outline: none; }

.banner-btn-prev { left: 10px; }

.banner-btn-next { right: 10px; background-position: 0 -48px; }

/* main */
.main { position: relative; padding: 40px 35px 60px; min-height: 400px; margin: 10px 0 0 0; background: #fff; }
.main:after { position: absolute; top: -40px; left: 50%; right: 0; z-index: -1; width: 1309px; height: 313px; margin-left: -654px; background: url(../images/bg-blue-sd.png) no-repeat center top; content: ""; }

/* 文章列表 */
.art-list li { position: relative; padding-left: 22px; overflow: hidden; border-bottom: 1px dashed #a4a4a4; }
.art-list li:after { position: absolute; top: 50%; left: 10px; width: 6px; height: 6px; margin-top: -3px; background: #333; content: ""; border-radius: 50%; }
.art-list li a { height: 40px; line-height: 40px; color: #333; }
.art-list li a.art-item__tag { float: left; margin: 0 5px 0 0; }
.art-list li a.art-item__tle { display: block; overflow: hidden; padding-right: 100px; }
.art-list li.list-important a { font-weight: 700; color: #14579a; }
.art-list li span { position: absolute; top: 7px; right: 0; color: #999; }

/* 分页 */
.paging { height: 50px; line-height: 50px; background: #eee; }
.paging a { font-size: 14px; color: #333; }

/* 文章正文 */
.article { padding: 20px 50px 0; }
.article .article-hd { text-align: center; }
.article .article-hd > h1 { padding: 15px 0 25px; font-size: 18px; line-height: 1.5; }
.article .article-hd .hd-meta { height: 60px; line-height: 60px; border-top: 1px dashed #a4a4a4; border-bottom: 1px dashed #a4a4a4; color: #545454; }
.article .article-bd { font-size: 14px; }
.article .article-bd h4 { font-size: 14px; }
/*.article .article-bd p { margin-top: 40px; text-indent: 2em; line-height: 2.4; }*/
.article .article-bd p { line-height:150%; }
.article .article-bd p.no-indent { text-indent: 0; }
.article .article-bd p img { display: block; margin: 0 auto; display:inline-block; padding-right:5px;}

/* footer */
.footer { position: relative; z-index: -1; padding: 70px 0 130px; line-height: 2.2; }
.footer-info { width: 420px; }
.footer-contact, .footer-copyright { padding-left: 35px; margin-left: 45px; border-left: 1px dashed #999; }
.footer-contact { width: 214px; }
.footer-copyright { width: 404px; }

/* 2020改版 */
.mb-40 { margin-bottom: 40px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-10 { margin-bottom: 10px !important; }

.nav { left: 277px; }

.banner { width: 560px; height: 383px; }

.icon2 { background: url("../images/icon-sprites2.png") no-repeat top left; width: 48px; height: 48px; }
.icon-qlwm { background-position: 0 0; width: 52px; height: 46px; }
.icon-hljy { background-position: 0 -56px; width: 52px; height: 49px; }
.icon-xhdt { background-position: 0 -115px; width: 55px; height: 47px; }
.icon-sthb { background-position: 0 -172px; }
.icon-tpgj { background-position: 0 -230px; }
.icon-gzjb { background-position: 0 -288px; width: 58px; height: 50px; }

.footer { padding: 50px 0; }
.footer-info { width: 560px; padding: 10px 40px 10px 0; }
.footer-copyright { width: 559px; margin: 0; padding: 10px 0 10px 40px; }


/* 浮标 */
.floatWei{ position:fixed;left:0px; top:30%; z-index:300;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+150));}
.floatWei_close{ width:28px; height:28px; background:url(../Images/ico.png) no-repeat -89px -129px; cursor:pointer;-webkit-transition: all 0.2s ease-in 0s;-moz-transition: all 0.2s ease-in 0s;-o-transition: all 0.2s ease-in 0s;transition: all 0.2s ease-in 0s; position:absolute; top:0px; left:0px;}
.floatWei_close:hover{ opacity:0.9;}
.floatWei_weibo{ position:absolute; top:30px; left:0px;}
.floatWei_weixin{ position:absolute; top:90px; left:0px;}
.floatWei_weiboBtn{ width:58px; height:58px; background:url(../Images/ico.png) no-repeat -1px -160px; cursor:pointer; position:absolute; top:0px; left:0px;}
.floatWei_weiboBtn:hover{ background-position:-60px -160px;}
.floatWei_weixinBtn{ width:58px; height:58px; background:url(../Images/ico.png) no-repeat -60px -220px; cursor:pointer; position:absolute; top:0px; left:0px;}
.floatWei_weixinBtn:hover{ background-position:-1px -220px;}
.floatWei_cont{ width:170px; background:#ffed00; padding:14px; text-align:center; position:absolute; left:70px; display:none;}
.floatWei_cont s{ content:""; display:block; width:0px; height:0px; border-style: dashed solid dashed dashed;border-width:10px;
	border-color: transparent #ffed00 transparent transparent; overflow: hidden; position:absolute; left:-20px; top:20px;}
.floatWei_pic{ padding-bottom:15px;}
.floatWei_text{ padding-top:12px; border-top:1px solid #8a853a; margin:0 10px; line-height:20px; color:#555554}

/* start 登记 */
.float-icon {
  display: inline-block;
  vertical-align: middle;
  background: url(../Images/ico.png) no-repeat;
}

.float-icon-edit {
  width: 36px;
  height: 36px;
  background-position: 0 -287px;
}

.float-icon-edit--lg {
  width: 44px;
  height: 51px;
  background-position: 0 -333px;
}

.floatWei_dengji,
.floatWei_dengji--lg {
  position: absolute;
  top: 150px;
  left: 0;
  text-align: center;
  background: #ffed00;
  cursor: pointer;
}

.floatWei_dengji {
  width: 58px;
  height: 58px;
  line-height: 58px;
  font-size: 0;
}

a.floatWei_dengji--lg {
  z-index: 1;
  width: 110px;
  height: 98px;
  padding-top: 12px;
  color: #333;
  text-decoration: none;
  display: none;
}

a.floatWei_dengji--lg:focus {
  outline: 0;
}

.floatWei_dengji__tle {
  font-size: 14px;
  margin: 3px 0 0;
}
/* end 登记 */