body,html { margin: 0; padding: 0; width: 100%; height: 100%; font-family: Microsoft YaHei; }
p { margin: 0; }
a:hover,a:link,a:visited { text-decoration: none; }
ul { margin: 0; padding: 0; }
ul>li { list-style: none; }
.root { position: relative; width: 100%;overflow: hidden; }
.nav { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 120px; }
.nav--home { background: linear-gradient(0,transparent,rgba(0,0,0,.5)); }
.nav--common { background: #fff; }
.nav--common:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg,#ffba00,#ff5c1c); }
.content { overflow: hidden; position: relative; z-index: 1; max-width: 1366px; }
.content--home { margin: 0 auto; height: 100%; }
.content--common { margin: 120px auto; }
.busi-title-layout { width: 100%; text-align: center; }
.busi-title-layout .title { font-size: 24px; font-weight: 700; color: #6f6f6f; line-height: 36px; position: relative; padding-left: 12px; }
.busi-title-layout .title:before { content: " "; width: 4px; height: 23px; position: absolute; left: 0; top: 5px; background: linear-gradient(0deg,#ffba00,#ff5c1c); }
.busi-title-layout .title span { font-size: 10px; }
.paragraph { position: relative; padding-left: 12px; margin-bottom: 36px; }
.paragraph:before { content: " "; width: 8px; height: 8px; position: absolute; top: 6px; left: 0; background: #ff8400; border-radius: 50%; line-height: 36px; }
.business-system-main { padding-top: 103px; padding-bottom: 150px; }
.business-system-banner { width: 100%; height: 552px; background: url(img/businessSystem-05.jpg) no-repeat 50%; position: relative; }
.business-system-banner .business-system-logo { position: absolute; width: 1075px; height: 672px; top: 286px; left: 50%; transform: translateX(-50%); background: url(img/businessSystem-06.b64e2517.png) no-repeat 50%; }
.business-system-content { width: 900px; padding-top: 486px; margin: 0 auto; font-size: 14px; font-weight: 400; color: #6f6f6f; }
.business-system-content .business-system-text { padding: 0 60px; }
.business-system-content .busi-title-layout { margin-bottom: 49px; }
.business-system-content .business-system-header { margin-bottom: 30px; line-height: 36px; }
.business-system-content .business-system-header2 { margin-bottom: 90px; line-height: 36px; }
.title-90 { line-height: 36px; font-size: 16px; font-weight: 700; }
.mt-90,.title-90 { margin-top: 90px; }
.mt-60 { margin-top: 60px; }
.mt-30 { margin-top: 30px; }
.footer { position: absolute; bottom: 16px; left: 0; z-index: 2; width: 100%; }
.keepOnRecord { font-size: 14px; line-height: 14px; color: #949494; text-align: center; margin: 0 auto; }
.keepOnRecord a { color: #949494; margin: 0 5px; }
.companyName { margin: 18px 0 15px; }
.companyName a { color: #949494; margin: 0 5px; }
.networks { margin: 15px 0 12px; cursor: pointer; line-height: 26px; }
.networks a { color: #949494; margin: 0 5px; }
.whscReport img { height: 18px; width: auto; vertical-align: text-bottom; }
.root--home { height: 100%; }
.home__bg { position: absolute; top: 0; left: 0; z-index: 0; min-width: 1066px; -o-object-fit: cover; object-fit: inherit;}
.home__wrapper { position: absolute; top: 224px; right: 76px; width: 352px; text-align: center; }
.home__slogan { width: 344px; height: auto; }
.home__download { width: 100%; height: 50px; margin-top: 30px; display: flex; justify-content: space-between; align-items: center; }
.home__tip { width: 750px; position: absolute; left: 0; bottom: 200px; font-size: 14px; padding-left: 20px; line-height: 20px; color: #fff; text-align: justify; }
.download { height: 50px; border-radius: 10px; }
.download:hover { background-color: #fff; }
.download--android { width: 130px; background: url(img/android.png) no-repeat top/100% 100%; }
.download--ios { width: 130px; background: url(img/ios.png) no-repeat top/100% 100%; }
.download--device__icon { width: 22px; height: auto; vertical-align: text-bottom; }
.download--qrcode { position: relative; width: 50px; line-height: 50px; text-align: center; font-size: 0; }
.download--qrcode__icon { width: 100%; height: 100%; vertical-align: middle; }
.qrcode__float { display: none; position: absolute; left: 50%; width: 180px; height: 180px; margin-left: -95px; border-radius: 5px; padding: 5px; font-size: 0; line-height: 180px; background-color: hsla(0,0%,100%,.5); }
.qrcode__float--up { display: inline-block; bottom: 60px; }
.qrcode__float--down { display: inline-block; top: 60px; }
.qrcode__img { width: 180px; height: 180px; vertical-align: middle; }
.nav--home .nav__item { color: #bfbfbf; }
.nav--home .nav__item.active { color: #fff; font-weight: 700; }
.nav--home .nav__item:before { background-color: #6f6f6f; }
.nav--common .nav__item { color: #6f6f6f; }
.nav--common .nav__item.active { color: #ff8400; font-weight: 700; }
.nav--common .nav__item.active span:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg,#ffba00,#ff5c1c); }
.nav--common .nav__item:before { background-color: #ededed; }
.nav__content { max-width: 1366px; height: 120px; margin: 0 auto; padding-left: 66px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; line-height: 1.2; }
.nav__logo { width: auto; height: 46px; }
.nav__items { display: flex; align-items: center; height: 100%; font-size: 14px; }
.nav__item { position: relative; padding: 0 30px; height: 100%; cursor: pointer; }
.nav__item:not(:last-child):before { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 16px; margin-top: -8px; }
.nav__item span { position: relative; height: 100%; }
.commonTitle,.nav__item span { display: flex; align-items: center; }
.commonTitle { margin: 0 auto; font-size: 24px; line-height: 36px; color: #6f6f6f; }
.aboutJuLun { width: 115px; margin-top: 112px; }
.commonVerticalLine { width: 4px; height: 23px; background: linear-gradient(0deg,#ffba00,#ff5c1c); margin-right: 12px; }
.companyProfile { font-size: 14px; line-height: 36px; color: #6f6f6f; width: 58%; margin: 32px auto 205px; }
.futurePlanning { width: 160px; }
#planningContent { width: 80%; margin: 100px auto 108px; display: flex; justify-content: space-between; }
.planningList { max-width: 200px; padding: 45px 21px 0; height: 328px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPIAAAF1CAMAAADldEdCAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADhUExURQAAAP/////////////////////////////////////////////y8P/y7//y7//y7//z8P/z8f/z8f/08f/z8P/////////////////////////////////////////y7//y7//y7//y8P/y8P/y7//08f/08v/z8P/08v/z8f/z8P/08f/z8P/z8P/z8f/////+/v/6+f/7+v/29P/8+//39f/9/P/9/f/49v/18//5+P/z8P/+/f/8/P/49//59//18v/08v/08f/z8f///v/7+//6+P/28//39v/y8P/y7wdUz84AAAAvdFJOUwCJ+dvkA1ysBlRV4OMGq1sD2wbfifPXpgeKW99S+pTy2eBVVPis+ZP6VlGmU4pbLqXcjgAAAjhJREFUeNrtzwdWGgEUAMCvKEXErunRdPuaQgcbpt7/QFnQ5xnUP3ODiZjaODja/Hx1ednv939/L7Xb7T+9Xu/8/OJiMBj8+lr6Vvr5ozQedzqdbrc7Gp3N3BSPwvbOs6V63Dtcn1xfXz3t8lTl9V14bWs4yVEuirnFWXlrmKdczE3HH4aZykUjorWcq7xQj9W/ucpFNVaylWvxLlu5GR+zlefjX7ZyoaysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrPyAyrvZyvOxl63cjJVs5VqsZitXo7Wcq7zwPOJ9rvJSlE4ylV9Mx7H2JU/57WLcOl7PUa404t7G6afN/addfvOq9rI+y/4HaTyMrPCUWSsAAAAASUVORK5CYII=) no-repeat 0 100%; background-size: 100% 100%; box-shadow: 0 6px 12px 0 rgba(219,212,202,.5); border-radius: 10px; }
.planningIcon { height: 38px; width: auto; }
.planningTitle { font-size: 18px; font-weight: 700; color: #333; line-height: 36px; margin: 10px 0 4px; }
.planningText { line-height: 24px; font-size: 12px; color: #949494; }
.pageFooter { width: 100%; min-width: 1170px; height: 180px; padding-top: 56px; background: #383838; }
.pageFooter .pageFooterNav { width: 1170px; display: flex; height: 0px; }
.pageFooterUl { width: 831px; display: flex; justify-content: space-between; margin: 24px 0 0 127px; padding: 0; }
.pageFooterUl .pageFooterLi { list-style-type: none; }
.pageFooterUl .pageFooterLi a { text-decoration: none; color: #949494; font-size: 16px; line-height: 36px; }

.home_1{
    /*background: url(img/index_bg_img2@2x.png) no-repeat;*/
    background-size: 100% 500px;
}

.home_2{
    /*background: url(img/index_bg_img3@2x.png) no-repeat;*/
    background-size: 100% 500px;
}

.home_3{
    /*background: url(img/index_bg_img4@2x.png) no-repeat;*/
    background-size: 100% 500px;
}

.home_4{
    /*background: url(img/index_bg_img6@2x.png) no-repeat;*/
    background-size: 100% 500px;
}

.container {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

.content_commone {
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    
    bottom: 0;
    position: absolute;
    top: 130px;
    padding-bottom: 10px;
}
.tabs {
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0,0,0,.85);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.tabs-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tabs-nav {
    margin: 0 auto;
    min-width: 1380px;
    width: 1600px
}

.tabs-nav-box {
    background-color: #fbfbfb
}

.tabs-nav-box-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.tabs-tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    margin: 0 60px 0 0;
    outline: none;
    padding: 12px 0;
    position: relative;
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

.color_0 {
    color: #000000
}

.tabs-tab-btn {
    outline: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.tabs-tab:hover {
    color: #0095df
}

.tabs-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1600px;
    min-width: 1380px;
    overflow: hidden
}

.tabs-content-holder {
    -webkit-box-flex: 1;
    background-color: #fff;
    -ms-flex: auto;
    flex: auto;
    min-height: 0;
    min-width: 0
}

.tabs-content-animated {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: margin-left .3s cubic-bezier(.645,.045,.355,1);
    transition: margin-left .3s cubic-bezier(.645,.045,.355,1);
    will-change: margin-left
}

.tabs-ink-bar {
    background: #0095df;
    pointer-events: none;
    position: absolute
}

@media screen and (max-width: 1600px) {
    .tabs-content,.tabs-nav {
        max-width:1380px
    }
}

@media screen and (max-width: 1380px) {
    .tabs-content,.tabs-nav {
        max-width:1200px;
        min-width: 1000px
    }
}

@media screen and (max-width: 1200px) {
    .tabs-content,.tabs-nav {
        max-width:1100px;
        min-width: 1050px
    }
}

@media screen and (max-width: 1100px) {
    .tabs-content,.tabs-nav {
        max-width:1000px;
        min-width: 980px
    }
}

.tabs>.tabs-nav,.tabs>div>.tabs-nav {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    position: relative
}

.tabs-bottom>.tabs-nav:before,.tabs-bottom>div>.tabs-nav:before,.tabs-top>.tabs-nav:before,.tabs-top>div>.tabs-nav:before {
    border-bottom: 1px solid #f0f0f0;
    content: "";
    left: 0;
    position: absolute;
    right: 0
}

.tabs-top>.tabs-nav .tabs-ink-bar,.tabs-top>.tabs-nav:before,.tabs-top>div>.tabs-nav .tabs-ink-bar,.tabs-top>div>.tabs-nav:before {
    bottom: 0
}

.tabs>.tabs-nav .tabs-nav-wrap,.tabs>div>.tabs-nav .tabs-nav-wrap {
    -webkit-box-flex: 1;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto;
    flex: auto;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    -webkit-transform: translate(0);
    transform: translate(0);
    white-space: nowrap
}

.tabs-bottom>.tabs-nav .tabs-nav-wrap:before,.tabs-bottom>div>.tabs-nav .tabs-nav-wrap:before,.tabs-top>.tabs-nav .tabs-nav-wrap:before,.tabs-top>div>.tabs-nav .tabs-nav-wrap:before {
    -webkit-box-shadow: inset 10px 0 8px -8px rgba(0,0,0,.08);
    box-shadow: inset 10px 0 8px -8px rgba(0,0,0,.08);
    left: 0
}

.tabs>.tabs-nav .tabs-nav-wrap:after,.tabs>.tabs-nav .tabs-nav-wrap:before,.tabs>div>.tabs-nav .tabs-nav-wrap:after,.tabs>div>.tabs-nav .tabs-nav-wrap:before {
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 1
}

.tabs>.tabs-nav .tabs-nav-list,.tabs>div>.tabs-nav .tabs-nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.tabs-tab.tabs-tab-active .tabs-tab-btn {
    font-weight: 700
}

.tabs-bottom>.tabs-nav .tabs-ink-bar-animated,.tabs-bottom>div>.tabs-nav .tabs-ink-bar-animated,.tabs-top>.tabs-nav .tabs-ink-bar-animated,.tabs-top>div>.tabs-nav .tabs-ink-bar-animated {
    -webkit-transition: width .3s,left .3s,right .3s;
    transition: width .3s,left .3s,right .3s
}

.tabs-bottom>.tabs-nav .tabs-ink-bar,.tabs-bottom>div>.tabs-nav .tabs-ink-bar,.tabs-top>.tabs-nav .tabs-ink-bar,.tabs-top>div>.tabs-nav .tabs-ink-bar {
    height: 2px
}

.wk-button {
    background-color: #fff000;
    border: none;
    border-radius: 25px;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    outline: none;
    padding: 8px 35px;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.wk-button-link {
    padding: 0
}

.wk-button-link a {
    display: block;
    padding: 8px 35px
}

.wk-button:hover {
    background-color: #ffe400
}

.tabs-content-animated {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: margin-left .3s cubic-bezier(.645,.045,.355,1);
    transition: margin-left .3s cubic-bezier(.645,.045,.355,1);
    will-change: margin-left
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

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 {
    border: 0;
    padding: 0
}


.rlatedContainer-_f0dd {
  padding-top: 300px;
}
.rlatedContainer-_f0dd .bg-_aad9 {
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  height: 440px;
  z-index: -1;
  background-color: #000000;
}
.rlatedContainer-_f0dd .line-_f388 {
  position: relative;
  top: -160px;
  min-width: 1380px;
  max-width: 1600px;
  margin: 0 auto;
  color: #fff;
}
@media screen and (max-width: 1600px) {
  .rlatedContainer-_f0dd .line-_f388 {
    max-width: 1380px;
  }
}
@media screen and (max-width: 1380px) {
  .rlatedContainer-_f0dd .line-_f388 {
    min-width: 1000px;
    max-width: 1200px;
  }
}
@media screen and (max-width: 1200px) {
  .rlatedContainer-_f0dd .line-_f388 {
    min-width: 1050px;
    max-width: 1100px;
  }
}
@media screen and (max-width: 1100px) {
  .rlatedContainer-_f0dd .line-_f388 {
    min-width: 980px;
    max-width: 1000px;
  }
}
.box-_6ccf {
  position: relative;
  display: flex;
  margin-top: 80px;
  padding: 65px;
}
.box-_6ccf .bg_img-_7485 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.box-_6ccf .left-_1812 {
  position: relative;
  padding: 0 100px 0 70px;
}
.box-_6ccf .left-_1812 div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.box-_6ccf .left-_1812 div .line1-_e933 {
  font-size: 36px;
  font-weight: bold;
}
.box-_6ccf .left-_1812 div .line2-c664b {
  color: #5a5a5a;
  font-size: 26px;
}
.box-_6ccf .left-_1812 .logo-e4fa7 {
  width: 161px;
  height: 161px;
  margin-bottom: 15px;
}
.box-_6ccf .right-e7158 {
  flex: 1;
  z-index: 2;
}
.box-_6ccf .right-e7158 ul {
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.box-_6ccf .right-e7158 ul img {
  width: 100%;
  height: 100%;
}
.btn-ff463 {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 43px;
}
.btn-ff463 img {
  margin-top: 1px;
  margin-left: 5px;
}
@media screen and (max-width: 1380px) {
  .btn-ff463 {
    bottom: 43px;
  }
}
@media screen and (max-width: 1200px) {
  .btn-ff463 {
    bottom: -32px;
  }
}
@media screen and (max-width: 1100px) {
  .btn-ff463 {
    bottom: -32px;
  }
}
.btn2-e6880 {
  display: flex;
  align-items: center;
}
.btn2-e6880 img {
  margin-top: 2px;
  margin-left: 5px;
}
.yyLiveContainer-_30cf li {
  width: 30%;
}
.otherContainer-f80f0 {
  display: flex;
  justify-content: space-between;
  padding: 120px 0;
}
.otherContainer-f80f0 .boxItem-ae841 {
  display: flex;
  flex: 1;
  padding: 50px 60px;
  background-color: #fbfbfb;
  border-radius: 20px;
}
.otherContainer-f80f0 .boxItem-ae841 .left-_1812 {
  width: 164px;
  height: 164px;
  margin-right: 20px;
}
.otherContainer-f80f0 .boxItem-ae841 .title-_182a {
  font-size: 26px;
  font-weight: bold;
}
.otherContainer-f80f0 .boxItem-ae841 .subTitle-_9db6 {
  color: #656565;
  font-size: 22px;
}
.otherContainer-f80f0 .boxItem-ae841 .right-e7158 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.otherContainer-f80f0 .boxItem-ae841:first-child {
  margin-right: 80px;
}
.otherContainer-f80f0 .wk-button {
  width: 165px;
}

.footer-home{
    margin-top: 45px;
    bottom: 16px;
    left: 0;
    z-index: 2;
    width: 100%;
    position: unset;
}