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%; min-width: 1066px; 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: cover; }
.home__wrapper { position: absolute; top: 224px; left: 50%; transform: translate(-50%); text-align: center; }
.home__slogan { width: 800px; height: 120px; margin-bottom: 30px;}
.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: 250px; background: url(img/android.png) no-repeat top/100% 100%; }
.download--ios { width: 250px; background: url(img/ios.png) no-repeat top/100% 100%; }
.download--weixin { width: 250px; 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; margin: 0 auto; width: 460px; gap:20px; 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; width: 180px; height: 180px; border-radius: 5px; left: 50%; transform: translateX(-50%);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); }
.pxt {font-size:28px; color:#fff; margin-bottom: 50px; }
.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: 66px; }
.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; }