.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
html{color:#333333;margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);color:#333333}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-family: "SF UI Display", ".PingFang SC", "PingFang SC", "Neue Haas Grotesk Text Pro", "Arial Nova", "Segoe UI", "Microsoft YaHei", "Microsoft JhengHei", "Helvetica Neue", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "Helvetica", "Hiragino Sans GB", sans-serif;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:block;}
ul, dl { list-style: none; }
body{color:#333;background:#fff;}
img{border:0;vertical-align:bottom;}
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#ccc;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;}
input:focus,textarea:focus,button:focus,select:focus{outline:none;}
input::-ms-clear{display:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background:transparent;}
a:active,a:hover{outline:0;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
mark{color:#000;background:#ff0;}
small{font-size:80%;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}
button,input,optgroup,select,textarea{margin:0;font:inherit;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0;}
legend{padding:0;border:0;}
optgroup{font-weight:bold;}
table{border-spacing:0;border-collapse:collapse;}
td,th{padding:0;}

div .swiper-pagination-bullet {
	width: 0.1rem;
	height: 0.1rem;
}
div .swiper-pagination-bullet {
	background: #fff;
	opacity: 0.9;
}
div .swiper-pagination-bullet-active {
	background: #007aff;
}

      html, body {
          height: 100%;
      }
      .swiper-container {
          position: relative;
          padding-top: 60px;
          width: 100%;
          height: 100%;
      }
      header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 60px;
        background: #000 url(../img/logo.png) 13% center no-repeat;
        background-size: auto 50% ;
        padding: 0 12%;
        z-index: 999;
      }
      .swiper-slide1 {
        background: url(../img/pc_index_1.jpg) center center no-repeat;
        background-size: cover;
      }
      .swiper-slide2 {
        background: url(../img/pc_index_2.jpg) center center no-repeat;
        background-size: cover;
      }
      .swiper-slide3 {
        background: url(../img/pc_index_3.jpg) center center no-repeat;
        background-size: cover;
      }
      .swiper-slide4 {
        background: url(../img/pc_index_4.jpg) center center no-repeat;
        background-size: cover;
      }
      .swiper-slide5 {
        background: url(../img/pc_index_5.jpg) center center no-repeat;
        background-size: cover;
      }
      .swiper-slide8 {
        background: url(../img/pc_index_7.jpg) center center no-repeat;
        background-size: cover;
      }
      header>ul {
        float: right;
        width: 70%;
        height: 100%;
        background: #000;
      }
      header>ul li:first-child {
        margin-right: 0;
      }
      header>ul li {
        float: right;
        text-align: center;
        font-size: 16px;
        height: 60px;
        line-height: 60px;
        color: #adadb6;
        margin-right: 13%;
      }
      header>ul li a:hover, header>ul .act {
        color: #ffbe3c;
      }
      header>ul em {
        position: absolute;
        top: -0.14rem;
        right: 0.24rem;
        width: 0.28rem;
        height: 0.14rem;
        background: url(../img/top.png) no-repeat;
        background-size: cover;
      }
      .swiper-slide7 {
        position: relative;
        background-color: #333;
      }
      span.more {
          position: absolute;
          left: 50%;
          margin-left: -120px;
          bottom: 10%;
          width: 240px;
          height: 80px;
          line-height: 80px;
          text-align: center;
          color: #FFBE3C;
          border: 2px solid #FFBE3C;
          border-radius: 4px;
          font-size: 36px;
          cursor: pointer;
      }
      span.more:active {
          background-color: #FFBE3C;
          color: #333;
      }
      a {
        color: #adadb6;
        text-decoration: none;
      }


.footer {
    width: 960px;
    height: 140px;
    margin: 0 auto;
    padding-top: 29px;
    background-color: #333;
}
.footer a:hover {
  text-decoration: underline;
}

.footer-banner h4,
.footer-banner p {
    font-size: 12px;
    color: #ccc;
}

.footer-banner h4 {
    margin-bottom: 4px;
}

.footer-banner a {
    color: #fff;
}

.footer-img {
    opacity: 0.6;
}
.foot-hr {
    margin-bottom: 0;
}

.footer-wechat {
    width: 84px !important;
    height: auto;
}

.foot-hr-p {
    margin-top: 1.2em;
    color: #8d9196;
    font-size: 0.8em;
}

.footer-no-padding {
    margin-right: 0;
}

.footer-no-margin-right {
    margin-right: 0;
    width: 5.4em;
}
.footer .tit {
    width: 240px;
}
.footer .codeTit {
    width: 72px;
    text-align: center;
    margin-bottom: 16px;
    color: #ccc;
    font-size: 10px;
}
.box {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #262626;
}
.codeBox {
    position: absolute;
    top: -16px;
    right: 0px;
}
.about {
    height: 32px;
    color: #808080;
    font-size: 10px;
    line-height: 24px;
}
.contit > div {
  float: left;
  width: 240px;
}
.copyRight {
  position: absolute;
  bottom: 0;
}
.blend {
    overflow: hidden;
    background-color: #fff;
}
.swiper-slide6 {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #333;
}
.brand {
    display: block;
    width: 960px;
    margin: 0 auto;
}