:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {overflow-x: hidden;-webkit-text-size-adjust: none;/*cursor: url(../images/hand_ico.ico),auto;*/}
body {font-size: 14px;color: #666;font-family: "Microsoft Yahei", -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, Tahoma, Simsun, sans-serif;
	-webkit-overflow-scrolling: touch;min-width:1220px;}
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select {margin: 0;padding: 0;}
ul, ol, li, dl {list-style: none;}
/*RESET A*/
* {text-decoration: none!important;}
a, a:visited, a:active, a:hover, a:focus {text-decoration: none!important;outline: none;star: expression_r(this.onFocus=this.blur());}
a {color: #666;}
/* HTML5 RESET THE OLD BROWERS*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/*CLEAR the FLOAT*/
.clear {clear: both}
.clearfix {*zoom:1;}
.clearfix:after {clear: both;display: block;height: 0;visibility: hidden;line-height: 0;content: '\20';}
.transition {-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;-o-transition: all ease .4s;transition: all ease .4s;}
.b-shadow {-o-box-shadow: 0 0 25px rgba(0,0,0,.08);-ms-box-shadow: 0 0 25px rgba(0,0,0,.08);-moz-box-shadow: 0 0 25px rgba(0,0,0,.08);
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,.08);box-shadow: 0 0 25px rgba(0,0,0,.08);}
/*RESET the FORM*/
fieldset {border: 0!important;}
input, button, textarea, select {font-size: 100%;outline: none;resize: none;font-family: "Microsoft Yahei"}
input[type="button"] {cursor: pointer;border: 0}
input[type="submit"] {cursor: pointer;border: 0}
input[type="reset"] {cursor: pointer;border: 0}
input, textarea {-webkit-appearance: none;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999999;
}
input:-moz-placeholder, textarea:-moz-placeholder {color: #999999;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999999;}
/*RESET IMAGES*/
img {display: block;max-width: 100%;border: 0;margin: 0 auto;}
/*IMAGE CENTER*/
.vertical-center {display: block;max-width: 100%;max-height: 100%;position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0;}
em{font-style: normal;}
/*LAYOUT*/
.wrap {width:100%;max-width:1220px;margin: 0 auto;position: relative;}
/* ========== */
/* =HEADER = */
/* ========== */
.page-wrap {margin-top: 140px;}
.header {position: fixed;top: 0;left: 0;width: 100%;background: rgba(16,18,40,.9);color: #999999;z-index: 999;}
.header .top {position: relative;z-index: 3; padding:8px 0px}
.header .top .logo {float: left;display: block;}
.header .top .logo img {float: left;}
.header .top .logo div {margin-top: 22px;float: left;margin-left: 15px;padding-left: 15px;border-left: 1px solid rgba(238,238,238,.2);font-size: 12px;}
.header .top .logo div p {margin-top: 4px;font-size: 14px;color: #b48b62;}
.header .right {float: right;padding-top: 25px;}
.header .tel {float: left;padding-right: 20px;line-height: 32px;font-size: 12px;position: relative;}
.header .tel:after {content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 16px;margin-top: -8px;background: rgba(238,238,238,.3);}
.header .tel span {margin-left: 5px;font-size: 24px;color: #b48b62;font-weight: bold;}
.header .search-box {float: left;margin-left: 25px;width: 145px;border: 1px solid #b48b62;height: 32px;border-radius: 16px;}
.header .search-box .in {float: left;width: 113px;line-height: 24px;padding: 3px 15px;height: 30px;background: none;border: none;color: #FFFFFF;font-size: 12px;}
.header .search-box .bt {float: right;width: 30px;height: 30px;background: url(../images/search_bt.png);}
.header .erwiema {float: left;margin-left: 20px;position: relative;cursor: pointer;}
.header .erwiema div {display: none;position: absolute;left: 50%;margin-left: -60px;top: 42px;right: 0;width: 120px;}
.header .erwiema:hover div {display: block;}

.menu{ width:100%;height:57px; border-top:1px solid #313c46;}
.nav{ width:1220px; margin:auto; height:57px; line-height:57px; position:relative; z-index:1;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left; width:135px; text-align:center; color:#ffffff}
.nav .nLi h3 a{ display:block; padding:0 10px; font-size:16px; font-weight:normal;color:#ffffff; }
.nav .sub{ display:none; width:150px; left:0; top:57px;  position:absolute; background:#27293d;  line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1; line-height:30px;}
.nav .sub a{ display:block; padding:0 10px; color:#ffffff }
.nav .sub a:hover{ background:#3e3e3e; color:#fdff6f;}
.nav .on h3 a{ background:#212339; color:#fbf812;}
/*foot*/
.footer {background: #343434;padding:35px 0;}
.fot_left{float:left;width: 320px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right:70px;}
.fot_left a,.fot_mid p{font-size: 15px;color: #999999;margin-bottom: 16px;-webkit-transition: 350ms 0s all ease;-moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;-o-transition: 350ms 0s all ease;transition: 350ms 0s all ease;}
.fot_left a{float:left;margin-right:13px;}
.fot_left a:hover{color: #fff;}
.fot_mid{float:left;width: 468px;border-left:1px solid #5d5d5d;border-right:1px solid #5d5d5d;-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;box-sizing: border-box;padding-left:52px;margin-right:70px;}
.footer h3{color: #fff;font-size: 16px;position: relative;padding-bottom: 15px;margin-bottom: 38px;padding-top: 10px;line-height: 19px;}
.footer h3:after{position: absolute;left:0;display:block;content: '';bottom:0;background: #b30808;width: 30px;height: 2px;}
.fot_right{float:left;width: 220px;}
.fot_right div span{font-size: 16px;color: #ffffff;font-weight: bold;}
.fot_right div h5{font-size: 24px;color: #fff;}
.fot_right div a{color: #fff;display: block;font-size: 16px;width: 163px; line-height: 40px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  box-sizing: border-box; padding-left: 62px;margin-top: 14px;border-radius: 20px;background: #b30808 url("/images/msgicon.png") no-repeat 32px center;
  -webkit-transition: 350ms 0s all ease;-moz-transition: 350ms 0s all ease;-ms-transition: 350ms 0s all ease;-o-transition: 350ms 0s all ease;transition: 350ms 0s all ease;}
.fot_right div a:hover{background-color:#1655bc;}
.fot_code{float:right;width: 130px;text-align: center;padding-top: 56px;}
.fot_code img{width: 110px; margin:0 auto;}
.fot_code>p{font-size: 15px;color: #999999;margin-top: 10px;}
.foot {background: #282828;height: 62px;line-height: 62px;text-align: center;color: #999999;font-size: 14px;}
.foot a{color: #999999;font-size: 14px;-webkit-transition: 350ms 0s all ease; -moz-transition: 350ms 0s all ease;-ms-transition: 350ms 0s all ease;-o-transition: 350ms 0s all ease;transition: 350ms 0s all ease;}
.foot a:hover{color: #fff;}