@charset "utf-8";

BODY {
      padding: 0px;
      margin: 0px auto;
      color: #333333;
      font-size: 14px;
      background: #ffffff;
}

* {
      padding: 0px;
      margin: 0px;
      font-family: "Microsoft Yahei", "微软雅黑", Arial;
}

/*reset*/
.clear:after {
      content: '';
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
}

.clear {
      /*兼容 IE*/
      zoom: 1;
}

/*清除浮动*/
.clearfix:after {
      content: '';
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
}

.clearfix {
      /*兼容 IE*/
      zoom: 1;
}

em,
cite,
i {
      font-style: normal;
      /*display: block;*/
}

A:link {
      color: #666666;
      font-size: 14px;
      font-weight: normal;
      text-decoration: none;
}

A:visited {
      color: #fe6b01;
      font-size: 14px;
      font-weight: normal;
      text-decoration: none;
}

A:hover {
      color: #fe6b01;
      font-size: 14px;
      font-weight: normal;
}

.fl {
      float: left;
}

.fr {
      float: right;
}

.lf {
      float: left;
      display: inline
}

.left {
      float: left;
}

.right {
      float: right;
}

/* font */
.fB {
      font-weight: bold
}

.txtLft {
      text-align: left
}

.txtCtr {
      text-align: center
}

.txtRgt {
      text-align: right
}

li {
      list-style-type: none;
}

ul li {
      list-style-type: none;
}

button,
input,
select,
textarea {
      font-family: inherit;
      font-size: 100%;
      margin: 0;
      outline: none;
}

textarea {
      overflow: auto;
      vertical-align: top;
      resize: none;
      -webkit-appearance: none;
}

.content {
      width: 1200px;
      margin: auto;
      position: relative;
}

.phcolor {
      color: #999;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
      margin: 0;
      padding: 0;
}

/*reset*/
.headertop,
.content,
.container {
      margin-left: auto;
      margin-right: auto;
      width: 1200px;
      display: table;
      position: relative;
}

.wrap-header {
      height: 35px;
      background: #f5f5f5;
      border-bottom: 1px solid #f3f3f3;
}

.headertop p {
      float: left;
      height: 35px;
      line-height: 35px;
      color: #333;
}

.headertop .hdu1 {
      float: right;
      margin-right: -30px;
}

.headertop .hdu1 li {
      float: left;
}

.headertop .hdu1 li a {
      height: 35px;
      line-height: 35px;
      padding-left: 20px;
      margin-right: 30px;
}

.headertop .hdu1 li a.h_li01 {
      background: url(../img/lxfs.png) no-repeat left center;
}

.headertop .hdu1 li a.h_li02 {
      background: url(../img/liuyan.png) no-repeat left center;
}

.headertop .hdu1 li a.h_li03 {
      background: url(../img/diqiu.png) no-repeat left center;
}

.headertop .h_bj {
      position: absolute;
      right: -20px;
      top: 0;
}

/* logo部分 */
.wrap-logo {
      background: #fff;
}

.logo {
      width: 1200px;
      height: 100px;
      margin: 0 auto;
      position: relative;
}

.logo .logo_h1 {
      position: absolute;
      left: 0;
      top: 26px;
}

.logo .logo_h1 img {
      height: 52px;
}

.trait {
      width: 465px;
      height: 47px;
      position: absolute;
      left: 90px;
      top: 27px;
      color: #333;
      border-left: 1px solid #f1f1f1;
      padding-left: 16px;
}

.trait .trait01 {
      font-size: 25px;
      position: relative;
      color: #fe6b01;
}

.trait .trait01 b {
      color: #fe6b01;
      font-weight: normal;
}

.trait .trait02 {
      font-size: 15px;
      position: relative;
      color: #666;
      margin-top: 5px;
}

.trait .trait02 span {
      color: #666;
      font-weight: normal;
}

.toptel {
      width: 220px;
      height: 50px;
      position: absolute;
      right: 0;
      top: 26px;
      padding-left: 35px;
      background: url(../img/h_tel.png) no-repeat left 7px;
}

.toptel .tel_p1 {
      font-size: 14px;
      color: #333;
      height: 18px;
      line-height: 18px;
}

.toptel .tel_p2 {
      font-size: 28px;
      color: #fe6b01;
      height: 30px;
      line-height: 30px;
}

.nav {
      height: 53px;
      width: 1200px;
      background: #fff;
      filter: alpha(opacity=95);
      opacity: 0.95;
      position: absolute;
      z-index: 1000;
}

.nav ul {
      float: left;
      width: 100%;
}

.nav ul li {
      float: left;
      height: 53px;
      width: calc(100% / 10);
      position: relative;
      background: url(../img/span2.jpg) no-repeat right center;
}

.nav ul li:last-child {
      background: none;
}

.nav ul li>a {
      display: block;
      height: 53px;
      line-height: 53px;
      width: 100%;
      text-align: center;
      color: #000;
      font-size: 15px;
}

.nav ul li:hover,
.nav ul li.on {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      transition: all 0.5s ease;
}

.nav ul li:hover>a,
.nav ul li.on>a {
      color: #fe6b01;
      border-top: 1px solid #fe6b01;
}

.nav ul li a.active {
      color: #FFF;
      border-top: 1px solid #fe6b01;
      background: #fe6b01;
}

.navmenu {
      position: absolute;
      left: 50%;
      margin-left: -98px;
      top: 53px;
      z-index: 1000;
      display: none;
      width: 201px;
      background: url(../img/navmenubg.png) repeat 0 0;
      padding: 7px 0 21px;
}

.navmenu a {
      display: block;
      height: 41px;
      line-height: 41px;
      color: #6d6d6d;
      font-size: 14px;
}

.navmenu a i {
      width: 75px;
      height: 100%;
      display: inline-block;
}

.navmenu a:hover,
.navmenu a.on {
      color: #171717;
      font-size: 18px;
}

.navmenu a:hover i,
.navmenu a.on i {
      background: url(../img/icon5.png) no-repeat 52px center;
}

.web_page {
      width: 100%;
      text-align: center;
      float: left;
      margin: 0 auto;
}

.main_page {
      width: 1200px;
      margin: 0 auto;
}

.main_page .webtitle {
      position: relative;
      margin-top: 50px;
      margin-bottom: 46px;
      color: #333;
      font-size: 26px;
      line-height: inherit;
      text-align: center;
      padding-bottom: 22px;
      background: url(../img/top_enline.jpg) no-repeat bottom;
      ;
}

.main_page .webtitle span {
      border-bottom: 1px solid #b6b9bf;
      padding-bottom: 12px;
      color: #222;
      font-weight: bold;
      font-size: 30px;
}

/*top*/
.top {
      width: 100%;
      /*position:fixed;*/
      z-index: 999;
      top: 0px;
      height: 30px;
      padding-top: 5px;
      min-width: 1200px;
      float: left;
      margin: 0 auto;
      background: #f5f5f5;
      border-bottom: 1px solid #ededed;
}

.top_tant {
      width: 1200px;
      min-width: 1200px;
      line-height: 20px;
      font-size: 12px;
      color: #666;
      font-weight: normal;
      padding-top: 0px;
      height: 20px;
      margin: 0 auto;
}

.top_left {
      width: 500px;
      line-height: 24px;
      font-size: 12px;
      color: #333;
      font-weight: normal;
      padding-top: 0px;
      height: 20px;
      text-align: left;
      float: left;
}

.top_rihgt {
      width: 500px;
      float: right;
}

.top_rihgt UL {
      list-style-type: none;
      margin: 0px auto;
}

.top_rihgt LI {
      float: right;
      margin-right: 10px;
      display: block;
      margin-top: 5px;
}

.top_rihgt LI.cn {
      background: url(../img/us_reg.png) no-repeat;
      padding-left: 20px;
      height: 20px;
      background-size: 16px 16px;
}

.top_rihgt LI.en {
      background: url(../img/us_lo.png) no-repeat;
      padding-left: 20px;
      background-size: 18px 18px;
}

.top_rihgt LI.tq {
      background: url(../img/tq.png) no-repeat;
      padding-left: 20px;
}

.top_rihgt LI.mobile {
      background: url(../img/mobile.png) no-repeat;
      padding-left: 15px;
}

.top_rihgt A:link {
      line-height: 18px;
      font-size: 12px;
      color: #e84554;
      font-weight: normal;
      margin-right: 20px;
}

.top_rihgt A:visited {
      line-height: 18px;
      font-size: 12px;
      color: #e84554;
      font-weight: normal;
      margin-right: 20px;
}

.top_rihgt A:hover {
      line-height: 18px;
      font-size: 12px;
      color: #e84554;
      font-weight: normal;
      margin-right: 20px;
}

.content,
.footer,
.container {
      width: 1200px;
      margin: 0 auto;
      clear: both;
}

.heartop {
      padding: 0px 0;
}

#header {
      z-index: 999;
      border-top: 1px solid #d2aaa9;
      width: 100%;
      top: 0px;
      height: 53px;
      background-color: #fff;
      z-index: 2;
      transition: all .36s ease;
      box-shadow: 0 4px 4px rgba(0, 0, 0, .1)
}

#header.navbg {
      height: 53px;
      box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
      position: fixed;
      top: 0;
      width: 100%;
      background-color: #FFF;
      z-index: 1000;
      transition: all .36s ease
}

#header.navbg .nav {
      background: #fff;
      filter: alpha(opacity=95);
      opacity: 0.95;
      z-index: 1000;
      transition: all .36s ease
}
.navbg img{
      opacity: 1!important;
}
/*banner*/
.headtop {
      width: 100%;
      height: 80px;
      margin: 0 auto;
}

.banner {
      width: 100%;
      height: 240px;
      margin-top: 0px;
      line-height: 1;
      text-align: center;
}

.banner_title {
      font-size: 30px;
      color: #e8f1f0;
      padding-top: 80px;
      text-align: left;
      padding-left: 400px;
      width: 800px;
      margin: 0 auto;
}

/*bottom*/
.links {
      line-height: 60px;
      width: 100%;
      border-top: 1px solid #eee;
      background: #fafafa;
}

.inkp {
      width: 1200px;
      margin: 0 auto;
      line-height: 60px;
}

.inkp h4 {
      display: inline-block;
}

.inkp a {
      color: #333;
      margin-right: 20px;
}

.inkp a:hover {
      text-decoration: underline;
}

footer {
      background: #fe6b01;
      color: #999;
      line-height: 24px;
}

footer a {
      color: #ddd;
}

footer .qrcode li {
      width: 30%;
      float: left;
      text-align: center;
      margin-right: 10%;
      padding: 20px 0;
      color: #ddd;
}

footer .qrcode li img {
      width: 100%;
}

.copyright {
      background: #d85f07;
      display: block;
      border-top: 0px solid #bb2a23;
}

.copyright a {
      color: #ddd;
}

.copyright p {
      width: 1200px;
      margin: 0 auto;
      color: #ddd;
      height: 40px;
      line-height: 40px;
}

footer .cont .left_40 {
      width: 40%;
      padding-right: 30px;
      box-sizing: border-box;
}

footer .cont .left_30 {
      width: 30%;
}

footer .cont {
      padding: 20px 0;
}

footer .cont h3 {
      font-weight: normal;
      color: #ddd;
}

footer .cont h3::after {
      content: "";
      display: block;
      width: 80px;
      height: 1px;
      background: #981912;
      margin: 10px 0;
}

footer .cont p {
      color: #ddd;
}

footer .footer_top {
      background: #d85f07;
      text-align: center;
      padding: 30px 0;
      color: #FFF;
}

footer .footer_top h2 {
      font-weight: normal;
}

.footer_nav li {
      width: 40%;
      float: left;
}

.footer_nav li a {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      color: #ddd;
}

#sendemail {
      display: inline-block;
      margin: auto;
      margin-bottom: 10px;
}

#sendemail input {
      display: block;
      line-height: 36px;
      height: 36px;
      box-sizing: border-box;
      margin: 0;
      float: left;
      border: 0;
      outline: none;
}

#sendemail input[type=text] {
      background: #e8b7b5;
      padding: 0 20px;
      margin-left: 3px;
}

#sendemail input[type=text]:focus {
      background: #ddd;
      color: #000;
}

#sendemail input[type=submit] {
      padding: 0 20px;
      background: #981912;
      color: #fff;
      cursor: pointer;
}

#sendemail:hover {
      box-shadow: 0 2px 8px #111;
}

.bottom {
      width: 100%;
      background: #f8f8f8;
      border-top: 1px solid #ddd;
      height: 130px;
      margin-top: 50px;
}

.footnav {
      width: 1200px;
      height: 30px;
      margin: 0 auto;
      text-align: center;
      margin-top: 20px;
}

.footnav .bmenu a {
      color: #333;
      font-size: 14px;
      height: 30px;
      line-height: 30px;
      padding: 0 16px;
      text-align: center;
      text-decoration: none;
      background: url(../img/line.jpg) no-repeat right center;
}

.footnav .bmenu a:hover {
      color: #4481eb;
}

.footnav .bmenu a:last-child {
      background: none;
}

.footcon {
      width: 1200px;
      margin: 0 auto;
      margin-top: 10px;
}

.footcon p {
      font-size: 12px;
      height: 30px;
      line-height: 30px;
      color: #666;
}

.footcon p a {
      font-size: 12px;
      height: 30px;
      line-height: 30px;
      color: #666;
      padding: 0;
}