a {
      color: #fff;
      text-decoration: none
}

a:hover {
      text-decoration: none;
}

body {
      font: 14px/1.6 "Microsoft Yahei";
      background: url(../img/bg.jpg) no-repeat center top;
      background-size: cover;
}

ul li {
      list-style: none
}

.clearfix:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden
}

* html .clearfix {
      zoom: 1;
}

/* IE6 */
*+html .clearfix {
      zoom: 1;
}

/* IE7 */
.fL {
      float: left !important;
}

.fR {
      float: right !important;
}

img {
      vertical-align: top;
}

/*---------------index--------------*/
html,
body {
      height: 100%;
      overflow: hidden;
}

#container {
      min-width: 1200px;
      height: 100%;
      position: relative;
}

.imgTxt {
      margin: 0 auto;
      padding: 0 20px 188px;
      max-width: 1640px;
      height: 100%;
      box-sizing: border-box;
}

.imgTxt div {
      height: 100%;
      position: relative;
}

.imgTxt div img {
      margin-top: -138px;
      position: absolute;
      left: 7px;
      top: 50%;
}

.btmBox {
      width: 100%;
      height: 120px;
      position: absolute;
      left: 0;
      bottom: 0;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(0, 0, 0, 0.6);
}

.btmBox .wrap {
      margin: 0 auto;
      padding: 0 20px;
      max-width: 1600px;
}

.btmBox .logo {
      width: 19.875%;
      float: left;
}

.btmBox .logo a {
      padding-top: 20px;
      display: block;
      height: 100px;
}

.btmBox .navi {
      width: 80.125%;
      float: right;
      box-sizing: border-box;
      border-left: 1px solid #292929;
}

.btmBox .navi>li {
      width: 25%;
      float: left;
      position: relative;
}

.btmBox .navi>li>a {
      padding-top: 30px;
      height: 120px;
      display: block;
      color: #787878;
      font-size: 14px;
      line-height: 1.75;
      text-align: center;
      box-sizing: border-box;
}

.btmBox .navi>li:hover>a {
      border-bottom: 3px solid #FFD7B8;
}

.btmBox .navi>li>a img {
      margin: 0 10px;
      display: inline-block;
      vertical-align: middle;
}

.btmBox .navi>li>a>span {
      margin: 0 10px;
      display: inline-block;
      vertical-align: middle;
      text-align: left;
}

.btmBox .navi>li>a span span {
      display: block;
      color: #fff;
      font-size: 20px;
}

.btmBox .navi .jsBox {
      margin-left: -288px;
      padding-bottom: 2px;
      width: 578px;
      position: absolute;
      left: 50%;
      top: 0;
      box-sizing: border-box;
      display: none;
      transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
}

.btmBox .navi>li:hover .jsBox {
      display: block;
}

.btmBox .navi>li .jsBox .arrow {
      margin-left: -8px;
      position: absolute;
      left: 50%;
      bottom: -6px;
}

.btmBox .navi .jsBox ul {
      padding: 25px 25px 15px;
      border: 1px solid #FFD7B8;
      background: rgba(0, 0, 0, 0.8);
}

.btmBox .navi .jsBox li {
      margin-bottom: 10px;
      overflow: hidden;
      zoom: 1;
      color: #414755;
      font-size: 16px;
      line-height: 40px;
      text-align: center;
}

.btmBox .navi .jsBox li .ms {
      margin-right: 11px;
      width: 72px;
      display: block;
      float: left;
      border: 1px solid #fff;
      background: #fff;
}

.btmBox .navi .jsBox li>img {
      margin: 13px 10px 0 0;
      display: block;
      float: left;
}

.btmBox .navi .jsBox li .url {
      width: 253px;
      float: left;
      display: block;
      box-sizing: border-box;
      border: 1px solid #C8C8C8;
      background: #F0F0F0;
}

.btmBox .navi .jsBox li a {
      width: 136px;
      display: block;
      float: right;
      color: #000;
      font-size: 17px;
      line-height: 42px;
      text-align: center;
      background: #FFD7B8;
}

.btmBox .navi .jsBox li a:hover {
      -webkit-filter: brightness(110%);
      filter: brightness(110%);
}