ul::-webkit-scrollbar { width: 8px; }
ul::-webkit-scrollbar-track { -webkit-box-shadow: inset006pxrgba(0,0,0,.3); border-radius: 10px; }
ul::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0,0,0,.1); -webkit-box-shadow: inset006pxrgba(0,0,0,.5); }
ul::-webkit-scrollbar-thumb:window-inactive { background: #eee; }
@media screen and (min-width:1200px) {
  body { position: relative; width: 100%; min-height: 100vh; background-color: #fff; }
  body .head-menu { width: 100%; height: 96px; border: 1px solid #ededed; }
  body .head-menu .head-tabber { margin: 0 auto; width: 1200px; height: 100%; }
  body .head-menu .head-tabber>img { float: left; display: inline-block; margin: 15px 0 0; width: 139px; height: 72px; }
  body .head-menu .head-tabber>.nav-box { float: right; }
  body .head-menu .head-tabber>.nav-box>div { display: inline-block; margin: 38px 37px 0; font-size: 20px; color: #6f6f6f; }
  body .head-menu .head-tabber>.nav-box>div:hover { color: hsla(0,0%,43.5%,.68); }
  body .head-menu .head-tabber>.nav-box>div.net { position: relative; }
  body .head-menu .head-tabber>.nav-box>div.net:hover>.ul-box { height: 330px; opacity: 1; }
  body .head-menu .head-tabber>.nav-box>div.net .ul-box { opacity: 0; padding-top: 37px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 228px; height: 0; -webkit-transition: all .5s; transition: all .5s; overflow: hidden; border-radius: 0 0 12px 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  body .head-menu .head-tabber>.nav-box>div.net ul { padding-top: 6px; width: 214px; height: 278px; overflow-y: auto; background: #fff; -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); border-radius: 12px; }
  body .head-menu .head-tabber>.nav-box>div.net ul li { height: 38px; text-align: center; list-style: none; }
  body .head-menu .head-tabber>.nav-box>div.net ul li a { font-size: 16px; font-family: Noto Sans S Chinese; font-weight: 500; color: #6f6f6f; line-height: 38px; }
  body .head-menu .head-tabber>.nav-box>div.net ul li a:hover { color: #cf58ff; cursor: pointer; }
  body .home { margin: 0 auto; width: 864px; }
  body .home .home-taber>span { display: inline-block; padding: 44px 0 14px; font-size: 20px; color: #6f6f6f; line-height: 20px; }
  body .home .home-taber>span:nth-child(2) { margin: 0 0 0 78px; }
  body .home .taber-active { border-bottom: 3px solid #ac37ff; }
  body .home .home-box .about-box>h3 { margin: 116px 0 0; font-size: 24px; color: #5a5959; text-align: center; }
  body .home .home-box .about-box>span { margin: 0; display: block; font-size: 16px; color: #5a5959; text-align: center; line-height: 34px; }
  body .home .home-box .about-box>span:nth-child(4) { margin: 38px 0 0; }
  body .home .home-box .agree-box { display: none; padding: 0 0 46px; }
  body .home .home-box .agree-box>h3 { margin: 36px 0 0; font-size: 26px; color: #5a5959; text-align: center; }
  body .home .home-box .agree-box>h4 { margin: 18px 0 0; font-size: 22px; color: #5a5959; text-align: center; }
  body .home .home-box .agree-box>div { margin: 12px 0 0; font-size: 16px; color: #5a5959; text-indent: 2em; line-height: 32px; }
  body .home .home-box .agree-box>div>strong { font-weight: 400; }
  body .foot { padding: 48px 0 34px; clear: left; }
  body .foot>span { display: block; margin: 5px 0 0; }
  body .foot .footInfo,body .foot>span { font-size: 12px; color: #828282; text-align: center; }
  body .foot .footInfo { margin-top: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  body .foot .footInfo .infoleft { margin-right: 10px; }
  body .foot .footInfo .inforight { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  body .foot .footInfo .inforight img { width: 18px; height: 20px; } }
@media screen and (min-width:980px)and (max-width:1199px) {
  body { position: relative; width: 100%; min-height: 100vh; background-color: #fff; }
  body .head-menu { width: 100%; height: 60px; border: 1px solid #ededed; }
  body .head-menu .head-tabber { margin: 0 auto; width: 720px; height: 100%; }
  body .head-menu .head-tabber>img { float: left; display: inline-block; margin: 10px 0 0; width: 84px; height: auto; }
  body .head-menu .head-tabber>.nav-box { float: right; }
  body .head-menu .head-tabber>.nav-box>div { display: inline-block; margin: 22px 24px 0 34px; font-size: 16px; color: #6f6f6f; }
  body .head-menu .head-tabber>.nav-box>div:hover { color: hsla(0,0%,43.5%,.68); }
  body .head-menu .head-tabber>.nav-box>div.net { position: relative; }
  body .head-menu .head-tabber>.nav-box>div.net:hover>.ul-box { height: 330px; opacity: 1; }
  body .head-menu .head-tabber>.nav-box>div.net .ul-box { opacity: 0; padding-top: 37px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 228px; height: 0; -webkit-transition: all .5s; transition: all .5s; overflow: hidden; border-radius: 0 0 12px 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  body .head-menu .head-tabber>.nav-box>div.net ul { padding-top: 6px; width: 214px; height: 278px; overflow-y: auto; background: #fff; -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); border-radius: 12px; }
  body .head-menu .head-tabber>.nav-box>div.net ul li { height: 38px; text-align: center; list-style: none; }
  body .head-menu .head-tabber>.nav-box>div.net ul li a { font-size: 16px; font-family: Noto Sans S Chinese; font-weight: 500; color: #6f6f6f; line-height: 38px; }
  body .head-menu .head-tabber>.nav-box>div.net ul li a:hover { color: #cf58ff; cursor: pointer; }
  body .home { margin: 0 auto; width: 710px; }
  body .home .home-taber>span { display: inline-block; padding: 28px 0 7px; font-size: 18px; color: #6f6f6f; line-height: 20px; }
  body .home .home-taber>span:nth-child(2) { margin: 0 0 0 38px; }
  body .home .taber-active { border-bottom: 3px solid #ac37ff; }
  body .home .home-box .about-box>h3 { margin: 66px 0 0; font-size: 20px; color: #5a5959; text-align: center; }
  body .home .home-box .about-box>span { display: block; font-size: 16px; color: #5a5959; text-align: center; line-height: 34px; }
  body .home .home-box .about-box>span:nth-child(4) { margin: 38px 0 0; }
  body .home .home-box .agree-box { display: none; padding: 0 0 28px; }
  body .home .home-box .agree-box>h3 { margin: 28px 0 0; font-size: 22px; color: #5a5959; text-align: center; }
  body .home .home-box .agree-box>h4 { margin: 12px 0 0; font-size: 18px; color: #5a5959; text-align: center; }
  body .home .home-box .agree-box>div { margin: 8px 0 0; font-size: 12px; color: #5a5959; text-indent: 2em; line-height: 32px; }
  body .foot { padding: 48px 0 34px; clear: left; }
  body .foot>span { display: block; margin: 5px 0 0; }
  body .foot .footInfo,body .foot>span { font-size: 12px; color: #828282; text-align: center; }
  body .foot .footInfo { margin-top: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  body .foot .footInfo .infoleft { margin-right: 10px; }
  body .foot .footInfo .inforight { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  body .foot .footInfo .inforight img { width: 18px; height: 20px; } }
@media only screen and (max-width:979px) {
  body { position: relative; width: 100%; min-height: 100vh; background-color: #fff; }
  body .head-menu { width: 100%; height: 49px; border: 1px solid #ededed; }
  body .head-menu .head-tabber { margin: 0 auto; width: 680px; height: 100%; }
  body .head-menu .head-tabber>img { float: left; display: inline-block; margin: 9px 0 0; width: 68px; height: auto; }
  body .head-menu .head-tabber>.nav-box { float: right; }
  body .head-menu .head-tabber>.nav-box>div { display: inline-block; margin: 17px 27px 0; font-size: 13px; color: #6f6f6f; }
  body .head-menu .head-tabber>.nav-box>div:hover { color: hsla(0,0%,43.5%,.68); }
  body .head-menu .head-tabber>.nav-box>div.net { position: relative; }
  body .head-menu .head-tabber>.nav-box>div.net:hover>.ul-box { height: 330px; opacity: 1; }
  body .head-menu .head-tabber>.nav-box>div.net .ul-box { opacity: 0; padding-top: 37px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 228px; height: 0; -webkit-transition: all .5s; transition: all .5s; overflow: hidden; border-radius: 0 0 12px 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  body .head-menu .head-tabber>.nav-box>div.net ul { padding-top: 6px; width: 214px; height: 278px; overflow-y: auto; background: #fff; -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); border-radius: 12px; }
  body .head-menu .head-tabber>.nav-box>div.net ul li { height: 38px; text-align: center; list-style: none; }
  body .head-menu .head-tabber>.nav-box>div.net ul li a { font-size: 13px; font-family: Noto Sans S Chinese; font-weight: 500; color: #6f6f6f; line-height: 38px; }
  body .head-menu .head-tabber>.nav-box>div.net ul li a:hover { color: #cf58ff; cursor: pointer; }
  body .home { margin: 0 auto; width: 620px; }
  body .home .home-taber>span { display: inline-block; padding: 28px 0 7px; font-size: 18px; color: #6f6f6f; line-height: 20px; }
  body .home .home-taber>span:nth-child(2) { margin: 0 0 0 38px; }
  body .home .taber-active { border-bottom: 3px solid #ac37ff; }
  body .home .home-box .about-box>h3 { margin: 66px 0 0; font-size: 20px; color: #5a5959; text-align: center; }
  body .home .home-box .about-box>span { display: block; font-size: 16px; color: #5a5959; text-align: center; line-height: 34px; }
  body .home .home-box .about-box>span:nth-child(4) { margin: 38px 0 0; }
  body .home .home-box .agree-box { display: none; padding: 0 0 28px; }
  body .home .home-box .agree-box>h3 { margin: 28px 0 0; font-size: 22px; color: #5a5959; text-align: center; }
  body .home .home-box .agree-box>h4 { margin: 12px 0 0; font-size: 18px; color: #5a5959; text-align: center; }
  body .home .home-box .agree-box>div { margin: 8px 0 0; font-size: 14px; color: #5a5959; text-indent: 2em; line-height: 32px; }
  body .foot { padding: 48px 0 34px; clear: left; }
  body .foot>span { display: block; text-align: center; }
  body .foot .footInfo,body .foot>span { margin: 5px 0 0; font-size: 12px; color: #828282; }
  body .foot .footInfo { line-height: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  body .foot .footInfo .infoleft { margin-right: 10px; font-size: 12px; }
  body .foot .footInfo .inforight { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 12px; }
  body .foot .footInfo .inforight img { width: 16px; height: 18px; } }
@media only screen and (max-width:750px) {
  body { position: relative; width: 100%; min-height: 100vh; background-color: #fff; }
  body .head-menu { width: 100%; height: 49px; border: 1px solid #ededed; }
  body .head-menu .head-tabber { margin: 0 auto; width: 100%; height: 100%; }
  body .head-menu .head-tabber>img { float: left; display: inline-block; margin: 9px 0 0 12px; width: 68px; height: auto; }
  body .head-menu .head-tabber>.nav-box { float: right; margin: 0 12px 0 0; }
  body .head-menu .head-tabber>.nav-box>div { display: inline-block; margin: 17px 10px 0 12px; font-size: 13px; color: #6f6f6f; }
  body .head-menu .head-tabber>.nav-box>div:hover { color: hsla(0,0%,43.5%,.68); }
  body .head-menu .head-tabber>.nav-box>div.net { position: relative; }
  body .head-menu .head-tabber>.nav-box>div.net:hover>.ul-box { height: 330px; opacity: 1; }
  body .head-menu .head-tabber>.nav-box>div.net .ul-box { opacity: 0; padding-top: 37px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 228px; height: 0; -webkit-transition: all .5s; transition: all .5s; overflow: hidden; border-radius: 0 0 12px 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  body .head-menu .head-tabber>.nav-box>div.net ul { padding-top: 6px; width: 214px; height: 278px; overflow-y: auto; background: #fff; -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); border-radius: 12px; }
  body .head-menu .head-tabber>.nav-box>div.net ul li { height: 38px; text-align: center; list-style: none; }
  body .head-menu .head-tabber>.nav-box>div.net ul li a { font-size: 13px; font-family: Noto Sans S Chinese; font-weight: 500; color: #6f6f6f; line-height: 38px; }
  body .head-menu .head-tabber>.nav-box>div.net ul li a:hover { color: #cf58ff; cursor: pointer; }
  body .home { margin: 0 auto; width: 100%; }
  body .home .home-taber { margin: 0 0 0 16px; }
  body .home .home-taber>span { display: inline-block; padding: 14px 0 3px; font-size: 13px; color: #6f6f6f; line-height: 20px; }
  body .home .home-taber>span:nth-child(2) { margin: 0 0 0 14px; }
  body .home .taber-active { border-bottom: 3px solid #ac37ff; }
  body .home .home-box .about-box { margin: 0 auto; width: 88%; }
  body .home .home-box .about-box>h3 { margin: 22px 0 0; font-size: 17px; color: #5a5959; text-align: center; }
  body .home .home-box .about-box>span { display: block; font-size: 13px; color: #5a5959; text-align: center; line-height: 28px; }
  body .home .home-box .about-box>span:nth-child(4) { margin: 18px 0 0; }
  body .home .home-box .agree-box { margin: 0 auto; display: none; padding: 0 0 28px; width: 88%; }
  body .home .home-box .agree-box>h3 { margin: 18px 0 0; font-size: 17px; color: #5a5959; text-align: center; }
  body .home .home-box .agree-box>h4 { margin: 9px 0 0; font-size: 16px; color: #5a5959; text-align: center; }
  body .home .home-box .agree-box>div { margin: 8px 0 0; font-size: 14px; color: #5a5959; text-indent: 2em; line-height: 32px; }
  body .foot { padding: 48px 0 34px; clear: left; }
  body .foot>span { display: block; text-align: center; }
  body .foot .footInfo,body .foot>span { margin: 5px 0 0; font-size: 12px; color: #828282; }
  body .foot .footInfo { line-height: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  body .foot .footInfo .infoleft { margin-right: 10px; font-size: 12px; }
  body .foot .footInfo .inforight { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 12px; }
  body .foot .footInfo .inforight img { width: 16px; height: 18px; } }