@charset "utf-8";
@font-face { font-family: 'iconfont'; src: url('../fonts/iconfont/techIcon.eot'); src: url('../fonts/iconfont/techIcon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/iconfont/techIcon.woff') format('woff'), /* chrome、firefox */
	url('../fonts/iconfont/techIcon.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('../fonts/iconfont/techIcon.svg#iconfont') format('svg'); }

/* 公共样式表 */

/*global*/
* { box-sizing: border-box; -moz-box-sizing: border-box; }
body, ul, li, ol, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, iframe { margin: 0; padding: 0; }
body, input, button, textarea, select { font: 14px/24px "microsoft yahei", Tahoma, Arial; color: #333; }
ul, li, ol { list-style: none; }
img, a img, iframe { border: none; }
a { color: #43648b; cursor: pointer; text-decoration: none; }
a:hover { text-decoration: none; }
body{font-size: 16px}
/*basic*/
.hide { display: none; }
.show { display: block; }
.fl { float: left !important; }
.fr { float: right !important; }
.fn { float: none !important; }
.ver-t { vertical-align: top !important; }
.ver-m { vertical-align: middle !important; }
.ver-b { vertical-align: bottom !important; }
.tl { text-align: left !important; }
.tc { text-align: center !important; }
.tr { text-align: right !important; }
.cf, .wrap { *zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; clear: both; }
.iconfont { font-family: 'iconfont' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-user-select: none; user-select: none; }
.over-h { overflow: hidden !important; }
.over-a { overflow: auto !important; }
.over-v { overflow: visible !important; }
.rel-body { position: relative; height: 100%; }
.rel { position: relative; }
.cur-p { cursor: pointer; }
.nop { white-space: nowrap; }

/*font*/
.fs-xs { font-size: 12px !important; }
.fs-s { font-size: 14px !important; }
.fs-m { font-size: 16px !important; }
.fs-l { font-size: 18px !important; }
.fs-xl { font-size: 22px !important; }
.fs-xxl { font-size: 28px !important; }
.fw-l { font-weight: 300 !important; }
.fw-n { font-weight: normal !important; }
.fw-b { font-weight: bold !important; }

/*line-height*/
.lh-xs { line-height: 10px !important; }
.lh-s { line-height: 20px !important; }
.lh-m { line-height: 30px !important; }
.lh-l { line-height: 40px !important; }
.lh-xl { line-height: 50px !important; }

/*padding*/
.pd-0 { padding: 0 !important; }
.pd-xs { padding: 5px !important; }
.pd-s { padding: 10px !important; }
.pd-m { padding: 15px !important; }
.pd-l { padding: 20px !important; }
.pd-xl { padding: 30px !important; }
.pd-xxl { padding: 50px !important; }
.pdlr-s { padding-left: 10px !important; padding-right: 10px !important; }
.pdlr-l { padding-left: 20px !important; padding-right: 20px !important; }
.pdlr-xl { padding-left: 30px !important; padding-right: 30px !important; }
.pdtb-s { padding-top: 10px !important; padding-bottom: 10px !important; }
.pdtb-l { padding-top: 20px !important; padding-bottom: 20px !important; }
.pdtb-xl { padding-top: 30px !important; padding-bottom: 30px !important; }
.pdl-xs { padding-left: 5px !important; }
.pdl-s { padding-left: 10px !important; }
.pdl-m { padding-left: 15px !important; }
.pdl-l { padding-left: 20px !important; }
.pdl-xl { padding-left: 30px !important; }
.pdl-xxl { padding-left: 50px !important; }
.pdr-xs { padding-right: 5px !important; }
.pdr-s { padding-right: 10px !important; }
.pdr-m { padding-right: 15px !important; }
.pdr-l { padding-right: 20px !important; }
.pdr-xl { padding-right: 30px !important; }
.pdr-xxl { padding-right: 50px !important; }
.pdt-xs { padding-top: 5px !important; }
.pdt-s { padding-top: 10px !important; }
.pdt-m { padding-top: 15px !important; }
.pdt-l { padding-top: 20px !important; }
.pdt-xl { padding-top: 30px !important; }
.pdt-xxl { padding-top: 50px !important; }
.pdb-xs { padding-bottom: 5px !important; }
.pdb-s { padding-bottom: 10px !important; }
.pdb-m { padding-bottom: 15px !important; }
.pdb-l { padding-bottom: 20px !important; }
.pdb-xl { padding-bottom: 30px !important; }
.pdb-xxl { padding-bottom: 50px !important; }

/*margin*/
.mg-auto { margin-left: auto !important; margin-right: auto !important; }
.mg-0 { margin: 0 !important; }
.mg-xs { margin: 5px !important; }
.mg-s { margin: 10px !important; }
.mg-m { margin: 15px !important; }
.mg-l { margin: 20px !important; }
.mg-xl { margin: 30px !important; }
.mg-xxl { margin: 50px !important; }
.mglr-s { margin-left: 10px !important; margin-right: 10px !important; }
.mglr-l { margin-left: 20px !important; margin-right: 20px !important; }
.mglr-xl { margin-left: 30px !important; margin-right: 30px !important; }
.mgtb-s { margin-top: 10px !important; margin-bottom: 10px !important; }
.mgtb-l { margin-top: 20px !important; margin-bottom: 20px !important; }
.mgtb-xl { margin-top: 30px !important; margin-bottom: 30px !important; }
.mgl-xs { margin-left: 5px !important; }
.mgl-s { margin-left: 10px !important; }
.mgl-m { margin-left: 15px !important; }
.mgl-l { margin-left: 20px !important; }
.mgl-xl { margin-left: 30px !important; }
.mgl-xxl { margin-left: 50px !important; }
.mgr-xs { margin-right: 5px !important; }
.mgr-s { margin-right: 10px !important; }
.mgr-m { margin-right: 15px !important; }
.mgr-l { margin-right: 20px !important; }
.mgr-xl { margin-right: 30px !important; }
.mgr-xxl { margin-right: 50px !important; }
.mgt-xs { margin-top: 5px !important; }
.mgt-s { margin-top: 10px !important; }
.mgt-m { margin-top: 15px !important; }
.mgt-l { margin-top: 20px !important; }
.mgt-xl { margin-top: 30px !important; }
.mgt-xxl { margin-top: 50px !important; }
.mgb-xs { margin-bottom: 5px !important; }
.mgb-s { margin-bottom: 10px !important; }
.mgb-m { margin-bottom: 15px !important; }
.mgb-l { margin-bottom: 20px !important; }
.mgb-xl { margin-bottom: 30px !important; }
.mgb-xxl { margin-bottom: 50px !important; }

/*border*/
.bd-1 { border: 1px solid #eee !important; }
.bdt-1 { border-top: 1px solid #eee !important; }
.bdb-1 { border-bottom: 1px solid #eee !important; }
.bdl-1 { border-left: 1px solid #eee !important; }
.bdr-1 { border-right: 1px solid #eee !important; }
.bd-dashed { border-style: dashed !important; }
.bd-0 { border: none !important; }
.bdt-0 { border-top: none !important; }
.bdb-0 { border-bottom: none !important; }
.bdl-0 { border-left: none !important; }
.bdr-0 { border-right: none !important; }

/*color*/
.color-c { color: #ccc !important; }
.color-red { color: #d9534f !important; }
.color-green { color: #25AB5E !important; }
.color-blue { color: #00aeff !important; }
.color-orange { color: #F98612 !important; }
.color-white { color: #fff !important; }
.color-black { color: #111 !important; }
.color-gray { color: #666 !important; }
.color-purple { color: #F248A7 !important; }

/*background-color*/
.bgc-light { background-color: #F8F8F7 !important; }
.bgc-red { background-color: #d9534f !important; }
.bgc-green { background-color: #99C831 !important; }
.bgc-blue { background-color: #00aeff !important; }
.bgc-orange { background-color: #F98612 !important; }
.bgc-white { background-color: #fff !important; }
.bgc-black { background-color: #111 !important; }
.bgc-gray { background-color: #666 !important; }
.bgc-purple { background-color: #F248A7 !important; }

/*ui-row 删格化布局*/
.ui-row:after { display: table; content: ""; clear: both; }
.col-1 { float: left; min-height: 1px; width: 8.33333333%; }
.col-2 { float: left; min-height: 1px; width: 16.66666667%; }
.col-3 { float: left; min-height: 1px; width: 25%; }
.col-4 { float: left; min-height: 1px; width: 33.33333333%; }
.col-5 { float: left; min-height: 1px; width: 41.66666667%; }
.col-6 { float: left; min-height: 1px; width: 50%; }
.col-7 { float: left; min-height: 1px; width: 58.33333333%; }
.col-8 { float: left; min-height: 1px; width: 66.66666667%; }
.col-9 { float: left; min-height: 1px; width: 75%; }
.col-10 { float: left; min-height: 1px; width: 83.33333333%; }
.col-11 { float: left; min-height: 1px; width: 91.66666667%; }
.col-12 { float: left; min-height: 1px; width: 100%; }

/* global */
.layout { width: 1200px; margin-left: auto; margin-right: auto; }
.wrap { min-width: 1200px; display: block; }

/*header*/
.pub-header { overflow: hidden; border-bottom: 1px solid #ccc;height: 88px; }
.pub-header>.header-fixed{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #fff;
    background-color: rgba(255,255,255,0.95);
    border-bottom: 1px solid #ccc;
}
.pub-header .logo { float: left; width: 170px; margin-top: 12px; background: url("../images/bg/logo.png") no-repeat 0 0; }
.pub-header .logo a { display: block; height: 62px; text-indent: -999em; }
.pub-nav { float: right; overflow: hidden; }
.pub-nav li { float: left; }
.pub-nav li a { display: block; *float: left; height: 88px; margin-right: 5px; width: 110px; text-align: center; font-size: 16px; line-height: 88px; color: #333; }
.pub-nav li a:hover { background-color: #f8f8f8; transition: all .5s ease; }
.pub-nav li.active a{background-color: #f8f8f8;  color:#F98612;}
.pub-login { color: #ddd; float: right; text-align: right; white-space: nowrap; padding: 25px 0 0 20px; font-size: 16px; }
.pub-login a { margin-left: 10px; }
.pub-login a.lg-link { line-height: 40px; color: #999; }
.pub-login a.lg-link:hover { color: #F98612; text-decoration: underline; }
.wrap-main { padding-top: 30px; padding-bottom: 20px; }

/* btn */
.pub-btn { transition: background-color .5s ease; cursor: pointer; border: 1px solid #F98612; display: inline-block; height: 40px; font-size: 16px; line-height: 20px; padding: 8px 20px; text-align: center; border-radius: 4px; color: #fff; background-color: #F98612; }
.pub-btn:hover, .pub-btn:focus { color: #fff; background-color: #FC8D1C; text-decoration: none; }
.btn-warn { border-color: #F98612; color: #fff; background-color: #F98612; }
.btn-warn:hover { background-color: #FC8D1C; color: #fff; }
.btn-warn-outline { border-color: #F98612; color: #F98612; background-color: #fff; }
.btn-warn-outline:hover { color: #fff; }
.pub-btn.disable { cursor: not-allowed; opacity: .6; filter: alpha(opacity=60); }

/* pub-footer */
.pub-footer { height: 580px; background: #717173 url("../images/bg/pub-foot-bg-od.jpg") no-repeat center top; padding-top: 60px; line-height: 2; color: #fff; }
.foot-info { float: left; }
.foot-info h3 { font-size: 48px; text-align: right; font-weight: normal; letter-spacing: 5px; }
.foot-info-tit { font-size: 24px; border-bottom: 4px solid #eee; position: relative; }
.foot-info-tit:before { content: ""; display: block; position: absolute; height: 4px; left: 0; bottom: -4px; width: 90px; background-color: #F98612; }
.foot-call { background: url(../images/icon/icon-home.png) no-repeat 0 -90px; font-size: 48px; padding-left: 90px; text-align: left; margin: 30px 0 20px 0; letter-spacing:3px;}
.foot-wx { float: right; text-align: center; margin-top: 30px; }
.foot-wx-btn { display: inline-block; height: 48px; line-height: 46px; border: 2px solid #fff; border-radius: 4px; padding: 0 20px 0 60px; background: url(../images/icon/icon-home.png) no-repeat 20px -198px; margin-bottom: 20px; }
.foot-cpright { text-align: center; clear: both; padding-top: 50px; }
.foot-links>a:first-child { margin-left: 0; }
.foot-links>a { color: #fff; display: inline-block; margin-right: 5px; margin-left: 4px; }
.foot-links>a:hover { text-decoration: underline; }

/* ui-page */
.ui-page { display: inline-block; padding-left: 0; border-radius: 4px; }
.ui-page>li { display: inline; }
.ui-page>li>a, .ui-page>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #317ee7; text-decoration: none; background-color: #fff; border: 1px solid #eee; }
.ui-page>li>span { color: #666; }
.ui-page>li>span input { border: none; outline: none; text-align: center; width: 36px; padding: 0 4px; margin: -2px 0; }
.ui-page>li>a:hover { z-index: 3; color: #333; background-color: #eee; border-color: #ddd; }
.ui-page>li.active>a { color: #fff; background-color: #317ee7; border-color: #317ee7; }
.ui-page>li:first-child a { border-radius: 4px 0 0 4px; }
.ui-page>li:last-child a { border-radius: 0 4px 4px 0; }