body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0px;
  padding: 0px;
  outline: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

fieldset,
img {
  border: none
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: normal;
  font-weight: inherit
}

del,
ins {
  text-decoration: none
}

li {
  list-style: none;
  *vertical-align: top
}

caption,
th {
  text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal
}

q:before,
q:after {
  content: ""
}

abbr,
acronym {
  border: none;
  font-variant: normal
}

sup,
sub {
  vertical-align: baseline
}

legend {
  color: #000
}

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit
}

input,
button,
textarea,
select {
  *font-size: 100%
}

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none
}

img,
img:focus {
  outline: none
}

body,
html,
a {
  color: #2e2b2b
}

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

.zpr {
  z-index: 99;
  position: relative
}

a.a-block {
  display: block;
  width: 100%;
  height: 100%
}

a.a-inline-block {
  display: block
}

.wsn {
  white-space: nowrap
}

.hr {
  line-height: 0;
  font-size: 0;
  overflow: hidden
}

.w-1200 {
  width: 1200px
}

.w-h-full {
  width: 100%;
  height: 100%
}

.w-auto {
  width: auto
}

.w-full {
  width: 100%
}

.h-full {
  height: 100%
}

.h-auto {
  height: auto
}

.cp {
  cursor: pointer
}

.zoom {
  zoom: 1
}

.oh {
  overflow: hidden
}

.text-one-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.fl {
  float: left
}

.fr {
  float: right
}

.ff {
  _display: inline
}

.cc {
  clear: both
}

.clear-left {
  clear: left
}

.clear-right {
  clear: right
}

.pa {
  position: absolute
}

.pr {
  position: relative
}

.pf {
  position: fixed
}

.pa-lt {
  position: absolute;
  left: 0;
  top: 0
}

.pr-lt {
  position: relative;
  left: 0;
  top: 0
}

.pa-tr {
  position: absolute;
  top: 0;
  right: 0
}

.pa-rb {
  position: absolute;
  right: 0;
  bottom: 0
}

.pr-tr {
  position: relative;
  top: 0;
  right: 0
}

.pf-lt {
  position: fixed;
  left: 0;
  top: 0
}

.pf-lb {
  position: fixed;
  left: 0;
  bottom: 0
}

.pf-rt {
  position: fixed;
  right: 0;
  top: 0
}

.pf-rb {
  position: fixed;
  right: 0;
  bottom: 0
}

.vt {
  vertical-align: top
}

.vm {
  vertical-align: middle
}

.vb {
  vertical-align: bottom
}

.fwb {
  font-weight: bold
}

.fwl {
  font-weight: lighter
}

.fwn {
  font-weight: normal
}

.tc {
  text-align: center
}

.tl {
  text-align: left
}

.tr {
  text-align: right
}

.br3 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.br5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.br6 {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px
}

.br8 {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px
}

.br10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px
}

.br15 {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px
}

.br-50 {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.z-max {
  z-index: 999999
}

.z-second {
  z-index: 99999
}

.z-thrid {
  z-index: 99998
}

.z-forth {
  z-index: 99997
}

.z-fifth {
  z-index: 99996
}

.z-sixth {
  z-index: 99995
}

.z-min {
  z-index: -999999
}

.dn {
  display: none
}

.db {
  display: block
}

.d-inline {
  display: inline-block
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

.text-center {
  text-align: center
}

* {
  box-sizing: border-box
}

body {
  font-size: 100%
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0px;
  padding: 0px;
  outline: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

fieldset,
img {
  border: none
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: normal;
  font-weight: inherit
}

del,
ins {
  text-decoration: none
}

li {
  list-style: none;
  *vertical-align: top
}

caption,
th {
  text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal
}

q:before,
q:after {
  content: ""
}

abbr,
acronym {
  border: none;
  font-variant: normal
}

sup,
sub {
  vertical-align: baseline
}

legend {
  color: #000
}

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit
}

input,
button,
textarea,
select {
  *font-size: 100%
}

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none
}

img,
img:focus {
  outline: none
}

body,
html,
a {
  color: #2e2b2b
}

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

.zpr {
  z-index: 99;
  position: relative
}

a.a-block {
  display: block;
  width: 100%;
  height: 100%
}

a.a-inline-block {
  display: block
}

.wsn {
  white-space: nowrap
}

.hr {
  line-height: 0;
  font-size: 0;
  overflow: hidden
}

.w-1200 {
  width: 1200px
}

.w-h-full {
  width: 100%;
  height: 100%
}

.w-auto {
  width: auto
}

.w-full {
  width: 100%
}

.h-full {
  height: 100%
}

.h-auto {
  height: auto
}

.cp {
  cursor: pointer
}

.zoom {
  zoom: 1
}

.oh {
  overflow: hidden
}

.text-one-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.fl {
  float: left
}

.fr {
  float: right
}

.ff {
  _display: inline
}

.cc {
  clear: both
}

.clear-left {
  clear: left
}

.clear-right {
  clear: right
}

.pa {
  position: absolute
}

.pr {
  position: relative
}

.pf {
  position: fixed
}

.pa-lt {
  position: absolute;
  left: 0;
  top: 0
}

.pr-lt {
  position: relative;
  left: 0;
  top: 0
}

.pa-tr {
  position: absolute;
  top: 0;
  right: 0
}

.pa-rb {
  position: absolute;
  right: 0;
  bottom: 0
}

.pr-tr {
  position: relative;
  top: 0;
  right: 0
}

.pf-lt {
  position: fixed;
  left: 0;
  top: 0
}

.pf-lb {
  position: fixed;
  left: 0;
  bottom: 0
}

.pf-rt {
  position: fixed;
  right: 0;
  top: 0
}

.pf-rb {
  position: fixed;
  right: 0;
  bottom: 0
}

.vt {
  vertical-align: top
}

.vm {
  vertical-align: middle
}

.vb {
  vertical-align: bottom
}

.fwb {
  font-weight: bold
}

.fwl {
  font-weight: lighter
}

.fwn {
  font-weight: normal
}

.tc {
  text-align: center
}

.tl {
  text-align: left
}

.tr {
  text-align: right
}

.br3 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.br5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.br6 {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px
}

.br8 {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px
}

.br10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px
}

.br15 {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px
}

.br-50 {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.z-max {
  z-index: 999999
}

.z-second {
  z-index: 99999
}

.z-thrid {
  z-index: 99998
}

.z-forth {
  z-index: 99997
}

.z-fifth {
  z-index: 99996
}

.z-sixth {
  z-index: 99995
}

.z-min {
  z-index: -999999
}

.dn {
  display: none
}

.db {
  display: block
}

.d-inline {
  display: inline-block
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

.text-center {
  text-align: center
}

* {
  box-sizing: border-box
}

body {
  font-size: 100%
}

@keyframes drifting {
  0% {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px)
  }

  100% {
    opacity: .2;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
  }
}

::-webkit-scrollbar {
  width: 7px
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, .1);
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5)
}

body {
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif
}

a:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s
}

button {
  border: 0;
  cursor: pointer
}

input {
  border: 0
}

input:disabled {
  background: none
}

input::-webkit-input-placeholder {
  color: #ccc
}

.container {
  height: 100%
}

.container>* {
  min-width: 1200px
}

.container .xd-container {
  width: 1200px;
  margin: 0 auto
}

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

.container .xd-left {
  float: left
}

.container .xd-right {
  float: right
}

.header {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, .05);
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s
}

.header .logo {
  float: left;
  width: 270px;
  height: 36px;
  line-height: 36px;
  display: flex;
  align-items: center;
  margin-top: 18px;
  /* background: url("../images/icon-sn.png") no-repeat -10px -4px */
}

.header .logo img {
  display: block;
  width: 40px;
  height: 40px;
}

.header .logo div {
  color: #fff;
  padding-left: 10px;
  font-weight: bold;
}

.header-white .logo div {
  color: #333;
}

.header .nav-wrap {
  position: relative;
  float: right
}

.header .nav-menu {
  height: 70px
}

.header .nav-menu a {
  float: left;
  color: #fff;
  height: 70px;
  line-height: 70px;
  margin: 0 20px
}

.header .nav-menu a:hover {
  color: #00bbb4
}

.header .nav-menu a.current {
  color: #00bbb4
}

.header .nav-current {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #00bbb4
}

.header .nav-enterprise-wrap {
  visibility: hidden;
  float: right;
  margin-top: 20px
}

.header .nav-enterprise-wrap.show {
  visibility: visible
}

.header .nav-enterprise-wrap a {
  float: left;
  width: 76px;
  height: 34px;
  line-height: 32px;
  text-align: center;
  display: block;
  margin-left: 16px;
  font-size: 14px;
  color: #fff;
  border-radius: 2px
}

.header .nav-enterprise-wrap .login-btn {
  border: 1px solid #fff
}

.header .nav-enterprise-wrap .sign-btn {
  border: 1px solid #1e78e0;
  background-color: #1e78e0
}

.header-white {
  background-color: #fff;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s
}

.header-white .logo {
  background-position: -10px -53px
}

.header-white .nav-menu a {
  color: #333
}

.header-white .nav-enterprise-wrap .login-btn {
  color: #1e78e0;
  border: 1px solid #1e78e0
}

.footer {
  color: #999
}

.footer .footer-main {
  padding: 44px 0 46px;
  background-color: #252d45
}

.footer .footer-main .menu-wrap {
  float: left;
  font-size: 14px;
  overflow: hidden;
  border-right: 1px solid #41435a
}

.footer .footer-main .app-wrap {
  float: right;
  font-size: 12px
}

.footer .footer-main .app-wrap .list:last-child {
  margin: 0
}

.footer .footer-main .app-wrap .app li {
  position: relative;
  width: 120px;
  height: 32px;
  line-height: 30px;
  padding-left: 10px;
  cursor: pointer;
  border: 1px solid #41435a;
  border-radius: 2px
}

.footer .footer-main .app-wrap .app li:hover {
  color: #252d45;
  background-color: #fff
}

.footer .footer-main .app-wrap .app li:hover .qrcode {
  display: block
}

.footer .footer-main .app-wrap .app li .qrcode-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  opacity: .8;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.footer .footer-main .app-wrap .app li .qrcode-icon img {
  width: 100%
}

.footer .footer-main .app-wrap .app li .qrcode {
  position: absolute;
  bottom: 0;
  right: -170px;
  display: none;
  width: 200px;
  height: 200px;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 46, 103, .15)
}

.footer .footer-main .app-wrap .social ul {
  margin-bottom: 20px
}

.footer .footer-main .app-wrap .social li {
  position: relative;
  display: inline-block;
  margin: 0 12px 0 0
}

.footer .footer-main .app-wrap .social li:hover .qrcode {
  display: block
}

.footer .footer-main .app-wrap .social .social-icon {
  width: 36px;
  height: 36px;
  cursor: pointer
}

.footer .footer-main .app-wrap .social .social-icon.weixin {
  background: url("../images/footer_icon.png") no-repeat -10px -138px
}

.footer .footer-main .app-wrap .social .social-icon.weixin:hover {
  background-position: -10px -82px
}

.footer .footer-main .app-wrap .social .social-icon.weibo {
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  background: url("../images/footer_icon.png") no-repeat -10px -250px
}

.footer .footer-main .app-wrap .social .social-icon.weibo:hover {
  background-position: -10px -194px
}

.footer .footer-main .app-wrap .social .qrcode {
  position: absolute;
  bottom: 45px;
  left: -70px;
  display: none;
  padding: 5px 5px 10px;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 46, 103, .15)
}

.footer .footer-main .app-wrap .social .qrcode p {
  text-align: center;
  line-height: 1
}

.footer .footer-main .app-wrap .email {
  color: #fff;
  font-size: 20px
}

.footer .footer-main .title {
  color: #fff;
  font-size: 16px;
  margin-bottom: 18px
}

.footer .footer-main .title span {
  color: #9ea3b2;
  font-size: 12px
}

.footer .footer-main .list {
  float: left;
  margin-right: 90px
}

.footer .footer-main .list li {
  margin-top: 10px
}

.footer .footer-main .list a {
  color: #b2b2b2;
  display: inline-block
}

.footer .footer-main .list a:hover {
  color: #e5e5e5
}

.footer .footer-main .list .tel {
  margin-bottom: 14px
}

.footer .footer-main .list .tel span {
  color: #fff;
  font-size: 20px
}

.footer .footer-main .list .tel:last-child {
  margin-bottom: 0
}

.footer .footer-copyright {
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #1d2437
}

.footer .footer-copyright span {
  margin: 0 20px
}

.footer .footer-copyright a {
  color: #999
}

.mask-layer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: none;
  background-color: rgba(0, 0, 0, .5)
}

.block-title {
  text-align: center;
  margin-bottom: 10px
}

.block-title h2 {
  position: relative;
  font-size: 30px;
  display: inline-block;
  padding: 0 45px
}

.block-title h2::before,
.block-title h2::after {
  content: "";
  position: absolute;
  top: 19px;
  display: block;
  width: 29px;
  height: 11px
}

.block-title h2::before {
  left: 0;
  background: url("../images/title_icon.png") no-repeat -10px -10px
}

.block-title h2::after {
  right: 0;
  background: url("../images/title_icon.png") no-repeat -10px -41px
}

.block-title h2.ent::before {
  left: 0;
  background: url("../images/title_ent_icon.png") no-repeat -10px -10px
}

.block-title h2.ent::after {
  right: 0;
  background: url("../images/title_ent_icon.png") no-repeat -10px -41px
}

.block-intro {
  color: #666;
  text-align: center
}

.float-bar {
  opacity: 0;
  cursor: default;
  border-radius: 4px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s
}

.float-bar-show {
  opacity: 1;
  cursor: pointer;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s
}

.saic-float-bar {
  position: fixed;
  top: 100px;
  left: 50%;
  min-width: 60px;
  margin-left: 620px;
  z-index: 100;
  box-shadow: 0 2px 10px #d0d9e6
}

.saic-float-bar ul li {
  position: relative;
  width: 60px;
  height: 60px;
  text-align: center;
  background-color: #fff;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.saic-float-bar ul li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.saic-float-bar ul li:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.saic-float-bar ul li>img {
  display: none
}

.saic-float-bar ul li>img:first-child {
  display: block
}

.saic-float-bar ul li.app .content {
  width: 120px;
  height: 120px
}

.saic-float-bar ul li.join .content {
  width: 196px;
  font-size: 14px;
  padding: 8px 14px 0 20px;
  text-align: left
}

.saic-float-bar ul li.join .content .item {
  margin-bottom: 8px
}

.saic-float-bar ul li.join .content p {
  color: #505e6c;
  line-height: 1.6
}

.saic-float-bar ul li.join .content a {
  font-size: 14px;
  line-height: 1.8
}

.saic-float-bar ul li.join .content a:hover {
  color: #333
}

.saic-float-bar ul li.tel .content {
  width: 205px;
  height: 60px
}

.saic-float-bar ul li:hover {
  background-color: #00bbb4
}

.saic-float-bar ul li:hover>img {
  display: block
}

.saic-float-bar ul li:hover>img:first-child {
  display: none
}

.saic-float-bar ul li:hover .content {
  display: block
}

.saic-float-bar ul li .content {
  position: absolute;
  top: 0;
  right: 60px;
  display: none;
  background-color: #fff;
  box-shadow: 0 2px 10px #d0d9e6
}

.saic-float-bar ul li .content .phone {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  margin-top: 6px
}

.saic-float-bar ul li .content p {
  color: #505e6c;
  font-size: 12px
}

.toast {
  position: fixed;
  top: 44%;
  left: 50%;
  z-index: 999;
  min-width: 80px;
  max-width: 320px;
  min-height: 18px;
  padding: 15px 20px;
  line-height: 18px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background-color: rgba(0, 0, 0, .8);
  border-radius: 5px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%)
}

.index-banner {
  background: url("../images/banner_bg.jpg") no-repeat top center;
  background-size: cover;
  height: 700px
}

.index-banner .xd-container {
  overflow: hidden
}

.index-banner h1 {
  color: #fff;
  font-size: 54px;
  margin: 224px 0 10px
}

.index-banner h2 {
  color: #fff;
  font-size: 54px
}

.index-banner .xd-block-btn {
  margin-top: 36px;
  position: relative;
  color: #fff;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #b2b2b2;
  border-radius: 2px
}

.index-banner .xd-block-btn::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -10px -10px
}

.index-banner .xd-block-btn:hover::after {
  animation: drifting .6s infinite
}

.strip {
  width: 84px;
  height: 3px;
  margin: 24px 0;
  background: url("../images/strip_style_index.png") no-repeat
}

.index-intro {
  color: #666;
  line-height: 1.6
}

.block-index-content-one {
  width: 100%
}

.block-index-content-one .xd-container {
  padding: 128px 0
}

.block-index-content-one .xd-left {
  position: relative
}

.block-index-content-one .xd-left::before {
  content: "";
  position: absolute;
  left: -32px;
  bottom: -32px;
  width: 142px;
  height: 143px;
  background: url("../images/slice_style_one.png") no-repeat
}

.block-index-content-one .xd-left::after {
  content: "";
  position: absolute;
  top: -32px;
  right: -32px;
  width: 117px;
  height: 133px;
  background: url("../images/slice_style_two.png") no-repeat
}

.block-index-content-one .xd-right {
  width: 576px
}

.block-index-content-one .video {
  position: relative;
  z-index: 10;
  width: 544px;
  height: 306px
}

.block-index-content-one .video img {
  position: absolute;
  z-index: 100
}

.block-index-content-one .video video {
  width: 544px;
  height: 306px
}

.block-index-content-one .video .play-btn {
  position: absolute;
  top: 124px;
  left: 243px;
  z-index: 101;
  width: 58px;
  height: 58px;
  display: block;
  cursor: pointer;
  background: url("../images/play_btn.png") no-repeat
}

.block-index-content-one h2 {
  color: #333;
  font-size: 30px;
  line-height: 1.6
}

.block-index-content-two {
  width: 100%;
  text-align: center;
  background: url(../images/block_index_two_bg.jpg) no-repeat top center;
  background-size: cover
}

.block-index-content-two .xd-container {
  padding: 68px 0 58px
}

.block-index-content-two h2 {
  color: #fff;
  font-size: 30px;
  line-height: 50px
}

.block-index-content-two .card-wrap {
  margin-top: 48px
}

.block-index-content-two .card {
  position: relative;
  float: left;
  width: 282px;
  height: 200px;
  overflow: hidden;
  margin-right: 24px;
  cursor: pointer
}

.block-index-content-two .card:last-child {
  margin: 0
}

.block-index-content-two .card:hover h4 {
  bottom: -48px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.block-index-content-two .card:hover .hide {
  bottom: 0;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s
}

.block-index-content-two .card h4 {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: rgba(0, 0, 0, .7);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.block-index-content-two .card .hide {
  position: absolute;
  left: 0;
  bottom: -200px;
  right: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, .7);
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s
}

.block-index-content-two .card .hide em {
  width: 50px;
  margin: 40px 0 14px;
  display: inline-block
}

.block-index-content-two .card .hide em img {
  width: 100%
}

.block-index-content-two .card .hide h5 {
  font-size: 20px;
  font-weight: normal
}

.block-index-content-two .card .hide .rail {
  width: 48px;
  height: 3px;
  margin: 14px 0;
  display: inline-block;
  background-color: #00bbb4
}

.block-index-content-two .card .hide p {
  font-size: 16px
}

.block-index-content-two .xd-block-btn {
  margin-top: 42px;
  position: relative;
  color: #fff;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #b2b2b2;
  border-radius: 2px
}

.block-index-content-two .xd-block-btn::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -10px -10px
}

.block-index-content-two .xd-block-btn:hover::after {
  animation: drifting .6s infinite
}

.block-index-content-three {
  width: 100%
}

.block-index-content-three .xd-container {
  padding: 128px 0
}

.block-index-content-three .xd-left {
  width: 490px
}

.block-index-content-three .xd-right {
  position: relative;
  width: 580px
}

.block-index-content-three .xd-right::before {
  content: "";
  position: absolute;
  right: -32px;
  bottom: -32px;
  width: 142px;
  height: 143px;
  background: url("../images/slice_style_one.png") no-repeat
}

.block-index-content-three .xd-right::after {
  content: "";
  position: absolute;
  top: -32px;
  left: -32px;
  width: 117px;
  height: 133px;
  background: url("../images/slice_style_two.png") no-repeat
}

.block-index-content-three h2 {
  color: #333;
  font-size: 30px;
  line-height: 1.6
}

.block-index-content-three .xd-block-btn {
  margin-top: 34px;
  position: relative;
  color: #333;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #515151;
  border-radius: 2px
}

.block-index-content-three .xd-block-btn::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -39px -10px
}

.block-index-content-three .xd-block-btn:hover::after {
  animation: drifting .6s infinite
}

.block-index-content-three .ent-pic {
  position: relative;
  z-index: 10;
  width: 580px;
  height: 326px
}

.block-index-content-four {
  background-color: #f5f7f9
}

.block-index-content-four .xd-container {
  padding: 38px 0 13px
}

.block-index-content-four .xd-right {
  width: 580px
}

.block-index-content-four h2 {
  color: #333;
  font-size: 30px;
  line-height: 1.6;
  margin-top: 102px
}

.block-index-content-four .index-intro {
  margin-top: 8px
}

.block-index-content-four .xd-block-btn {
  margin-top: 34px;
  position: relative;
  color: #333;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #515151;
  border-radius: 2px
}

.block-index-content-four .xd-block-btn::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -39px -10px
}

.block-index-content-four .xd-block-btn:hover::after {
  animation: drifting .6s infinite
}

.saic-banner {
  background: url("../images/banner_bg_1.jpg") no-repeat top center;
  background-size: cover;
  height: 700px
}

.saic-banner .xd-container {
  overflow: hidden
}

.saic-banner h1 {
  color: #fff;
  font-size: 54px;
  margin: 224px 0 10px
}

.saic-banner h4 {
  color: #fff;
  font-size: 18px
}

.saic-banner .xd-block-btn {
  margin-top: 36px;
  position: relative;
  color: #fff;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #b2b2b2;
  border-radius: 2px
}

.saic-banner .xd-block-btn::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -10px -10px
}

.saic-banner .xd-block-btn:hover::after {
  animation: drifting .6s infinite
}

.saic-card-wrap {
  margin-top: 62px
}

.saic-card-wrap .card {
  position: relative;
  float: left;
  width: 336px;
  height: 313px;
  margin-right: 80px;
  overflow: hidden;
  background: url("../images/polygon_bg.png") no-repeat center right
}

.saic-card-wrap .card:last-child {
  margin: 0
}

.saic-card-wrap .card:hover .car {
  left: 276px
}

.saic-card-wrap .card:hover .intro {
  opacity: 1
}

.saic-card-wrap .card .tag {
  top: 10px;
  left: 56px
}

.saic-card-wrap .card .tag.sx-tag {
  position: absolute;
  width: 118px;
  height: 52px;
  background: url("../images/saic_car_tag.png") no-repeat -10px -10px
}

.saic-card-wrap .card .tag.zx-tag {
  position: absolute;
  width: 118px;
  height: 52px;
  background: url("../images/saic_car_tag.png") no-repeat -10px -82px
}

.saic-card-wrap .card .tag.sw-tag {
  position: absolute;
  width: 138px;
  height: 52px;
  background: url("../images/saic_car_tag.png") no-repeat -10px -154px
}

.saic-card-wrap .card .car {
  position: absolute;
  bottom: 94px;
  left: 0;
  width: 300px;
  height: 150px;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s
}

.saic-card-wrap .card .car.sx-type {
  width: 311px;
  height: 103px;
  background: url("../images/saic_car_icon.png") no-repeat -10px -10px
}

.saic-card-wrap .card .car.zx-type {
  width: 312px;
  height: 129px;
  background: url("../images/saic_car_icon.png") no-repeat -10px -273px
}

.saic-card-wrap .card .car.sw-type {
  width: 341px;
  height: 120px;
  background: url("../images/saic_car_icon.png") no-repeat -10px -133px
}

.saic-card-wrap .card .intro {
  position: absolute;
  top: 110px;
  right: 58px;
  width: 190px;
  color: #344a65;
  opacity: 0;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s;
  -webkit-transition-delay: .3s;
  -moz-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s
}

.saic-card-wrap .card .intro h5 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px
}

.saic-card-wrap .card .intro p {
  font-size: 14px
}

.block-saic-content-one .xd-container {
  padding: 80px 0
}

.block-saic-content-one .card-wrap {
  margin-top: 60px;
  overflow: hidden
}

.block-saic-content-one .card {
  position: relative;
  float: left;
  width: 580px;
  height: 340px;
  overflow: hidden;
  margin-right: 40px;
  cursor: pointer;
  background-color: #ccc
}

.block-saic-content-one .card:last-child {
  margin: 0
}

.block-saic-content-one .card:hover h4 {
  bottom: -62px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.block-saic-content-one .card:hover .hide {
  bottom: 0;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s
}

.block-saic-content-one .card h4 {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  width: 100%;
  font-size: 22px;
  height: 62px;
  line-height: 62px;
  padding-left: 48px;
  background-color: rgba(0, 0, 0, .7);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.block-saic-content-one .card h4 span {
  font-size: 16px;
  margin-left: 16px;
  padding-left: 16px;
  border-left: 3px solid #00bbb4
}

.block-saic-content-one .card .hide {
  position: absolute;
  left: 0;
  bottom: -340px;
  right: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, .7);
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s
}

.block-saic-content-one .card .hide h5 {
  font-size: 22px;
  margin: 100px 0 0 48px
}

.block-saic-content-one .card .hide h5 span {
  font-size: 16px;
  margin-left: 16px;
  padding-left: 16px;
  border-left: 3px solid #00bbb4
}

.block-saic-content-one .card .hide ul {
  margin: 28px 0 0 112px;
  line-height: 2
}

.block-saic-content-two {
  background-color: #f5f7f9
}

.block-saic-content-two .xd-container {
  padding: 80px 0
}

.block-saic-content-three .xd-container {
  padding: 80px 0
}

.block-saic-content-three .multi-element-wrap {
  margin-top: 70px
}

.block-saic-content-three .multi-element-wrap .item {
  float: left;
  width: 216px;
  text-align: center;
  margin-right: 86px
}

.block-saic-content-three .multi-element-wrap .item:nth-child(3) {
  width: 294px
}

.block-saic-content-three .multi-element-wrap .item:last-child {
  margin-right: 0
}

.block-saic-content-three .multi-element-wrap .item em {
  width: 98px;
  height: 103px;
  display: block;
  margin: 0 auto
}

.block-saic-content-three .multi-element-wrap .item h5 {
  color: #333;
  font-size: 22px;
  margin: 20px 0 10px
}

.block-saic-content-three .multi-element-wrap .item p {
  color: #666;
  line-height: 1.6
}

.block-saic-content-three .multi-element-wrap .item-one em {
  background: url("../images/saic_element_icon.png") no-repeat -10px -10px
}

.block-saic-content-three .multi-element-wrap .item-two em {
  background: url("../images/saic_element_icon.png") no-repeat -10px -133px
}

.block-saic-content-three .multi-element-wrap .item-three em {
  background: url("../images/saic_element_icon.png") no-repeat -10px -256px
}

.block-saic-content-three .multi-element-wrap .item-four em {
  background: url("../images/saic_element_icon.png") no-repeat -10px -379px
}

.block-saic-content-four {
  background-color: #f5f7f9
}

.block-saic-content-four .xd-container {
  padding: 38px 0 13px
}

.block-saic-content-four .xd-right {
  width: 580px
}

.block-saic-content-four h2 {
  color: #333;
  font-size: 30px;
  line-height: 1.6;
  margin-top: 102px
}

.block-saic-content-four .index-intro {
  margin-top: 8px
}

.block-saic-content-four .xd-block-btn {
  margin-top: 34px;
  position: relative;
  color: #333;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #515151;
  border-radius: 2px
}

.block-saic-content-four .xd-block-btn::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -39px -10px
}

.block-saic-content-four .xd-block-btn:hover::after {
  animation: drifting .6s infinite
}

.enterprise-banner {
  background: url("../images/banner_bg_2.jpg") no-repeat top center;
  background-size: cover;
  height: 700px
}

.enterprise-banner .xd-container {
  overflow: hidden
}

.enterprise-banner h1 {
  width: 524px;
  height: 40px;
  margin-top: 274px;
  color: #fff;
  font-size: 34px;
}

.enterprise-banner p {
  color: #fff;
  width: 520px;
  margin-top: 22px;
  line-height: 2.8
}

.enterprise-banner .info {
  float: left
}

.enterprise-banner .video {
  position: relative;
  float: right;
  width: 630px;
  height: 355px;
  margin: 204px 0 0 0
}

.enterprise-banner .video img {
  position: absolute
}

.enterprise-banner .video video {
  width: 640px;
  height: 364px
}

.enterprise-banner .video .play-btn {
  position: absolute;
  top: 148px;
  left: 286px;
  z-index: 1;
  width: 58px;
  height: 58px;
  display: block;
  cursor: pointer;
  background: url("../images/play_btn.png") no-repeat
}

.enterprise-banner .xd-block-btn {
  margin-top: 36px;
  position: relative;
  color: #fff;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #b2b2b2;
  border-radius: 2px
}

.enterprise-banner .xd-block-btn::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -10px -10px
}

.enterprise-banner .xd-block-btn:hover::after {
  animation: drifting .6s infinite
}

.enterprise-register-banner {
  background: url("../images/banner_register_bg.jpg") no-repeat top center;
  background-size: cover;
  text-align: center;
  height: 270px
}

.enterprise-register-banner .xd-container {
  overflow: hidden
}

.enterprise-register-banner h1 {
  color: #b2b2b2;
  font-size: 38px;
  margin-top: 142px
}

.enterprise-product-banner {
  background: url("../images/banner_product_bg.jpg") no-repeat top center;
  background-size: cover;
  text-align: center;
  height: 270px
}

.enterprise-product-banner .xd-container {
  overflow: hidden
}

.enterprise-product-banner h1 {
  color: #b2b2b2;
  font-size: 38px;
  margin-top: 142px
}

.enterprise-service-banner {
  background: url("../images/banner_service_bg.jpg") no-repeat top center;
  background-size: cover;
  text-align: center;
  height: 270px
}

.enterprise-service-banner .xd-container {
  overflow: hidden
}

.enterprise-service-banner h1 {
  color: #b2b2b2;
  font-size: 38px;
  margin-top: 142px
}

.saic-ent-card-wrap {
  margin-top: 62px
}

.saic-ent-card-wrap .card {
  position: relative;
  float: left;
  width: 276px;
  height: 269px;
  margin-right: 32px;
  overflow: hidden;
  background: url("../images/polygon_small_bg.png") no-repeat center right
}

.saic-ent-card-wrap .card:last-child {
  margin: 0
}

.saic-ent-card-wrap .card:hover .car {
  left: 210px
}

.saic-ent-card-wrap .card:hover .intro {
  opacity: 1
}

.saic-ent-card-wrap .card .tag {
  top: 4px;
  left: 22px;
  position: absolute;
  width: 118px;
  height: 52px
}

.saic-ent-card-wrap .card .tag.sx-tag {
  background: url("../images/ent_car_tag.png") no-repeat -10px -10px
}

.saic-ent-card-wrap .card .tag.zx-tag {
  background: url("../images/ent_car_tag.png") no-repeat -10px -82px
}

.saic-ent-card-wrap .card .tag.sw-tag {
  background: url("../images/ent_car_tag.png") no-repeat -10px -154px
}

.saic-ent-card-wrap .card .tag.hh-tag {
  background: url("../images/ent_car_tag.png") no-repeat -10px -226px
}

.saic-ent-card-wrap .card .car {
  position: absolute;
  bottom: 84px;
  left: 0;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s
}

.saic-ent-card-wrap .card .car.sx-type {
  width: 265px;
  height: 88px;
  background: url("../images/ent_car_icon.png") no-repeat -10px -216px
}

.saic-ent-card-wrap .card .car.zx-type {
  width: 272px;
  height: 80px;
  background: url("../images/ent_car_icon.png") no-repeat -10px -10px
}

.saic-ent-card-wrap .card .car.sw-type {
  width: 279px;
  height: 98px;
  background: url("../images/ent_car_icon.png") no-repeat -10px -324px
}

.saic-ent-card-wrap .card .car.hh-type {
  width: 273px;
  height: 86px;
  background: url("../images/ent_car_icon.png") no-repeat -10px -110px
}

.saic-ent-card-wrap .card .intro {
  position: absolute;
  top: 88px;
  right: 64px;
  width: 148px;
  color: #344a65;
  opacity: 0;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s;
  -webkit-transition-delay: .3s;
  -moz-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s
}

.saic-ent-card-wrap .card .intro p {
  font-size: 20px;
  line-height: 1.6
}

.tab-content .nav {
  font-size: 0;
  text-align: center;
  margin-top: 40px
}

.tab-content .nav a {
  width: 122px;
  height: 46px;
  color: #333;
  font-size: 16px;
  line-height: 44px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px
}

.tab-content .nav a.active {
  color: #fff;
  background-color: #0055b8;
  border-color: #0055b8;
  box-shadow: 0 4px 10px #8988df
}

.tab-content .main {
  position: relative
}

.tab-content .each {
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden
}

.tab-content .each.show {
  display: block
}

.block-ent-content-one .xd-container {
  padding: 80px 0
}

.block-ent-content-one .card-wrap {
  margin-top: 60px;
  overflow: hidden
}

.block-ent-content-one .card {
  position: relative;
  float: left;
  width: 580px;
  height: 340px;
  overflow: hidden;
  cursor: pointer
}

.block-ent-content-one .card:nth-child(2) .hide .main {
  width: 390px
}

.block-ent-content-one .card:nth-child(odd) {
  margin: 0 40px 40px 0
}

.block-ent-content-one .card:hover h4 {
  bottom: -62px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.block-ent-content-one .card:hover .hide {
  bottom: 0;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s
}

.block-ent-content-one .card h4 {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  width: 100%;
  font-size: 22px;
  height: 62px;
  line-height: 62px;
  padding-left: 48px;
  background-color: rgba(0, 0, 0, .7);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.block-ent-content-one .card h4 span {
  font-size: 16px;
  margin-left: 16px;
  padding-left: 16px;
  border-left: 3px solid #0055b8
}

.block-ent-content-one .card .hide {
  position: absolute;
  left: 0;
  bottom: -340px;
  right: 0;
  width: 100%;
  height: 100%;
  padding-top: 126px;
  color: #fff;
  background-color: rgba(0, 0, 0, .7);
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s
}

.block-ent-content-one .card .hide h5 {
  float: left;
  font-size: 22px;
  margin-left: 48px
}

.block-ent-content-one .card .hide .main {
  float: left;
  width: 360px;
  padding-top: 4px
}

.block-ent-content-one .card .hide .main span {
  font-size: 16px;
  margin-left: 16px;
  padding-left: 16px;
  border-left: 3px solid #0055b8
}

.block-ent-content-one .card .hide .intro {
  margin-top: 28px;
  font-size: 14px;
  padding-left: 35px;
  line-height: 1.8
}

.block-ent-content-one .more {
  text-align: center
}

.block-ent-content-one .xd-block-btn {
  position: relative;
  color: #333;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #515151;
  border-radius: 2px;
  margin-top: 20px
}

.block-ent-content-one .xd-block-btn::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -39px -10px
}

.block-ent-content-one .xd-block-btn:hover::after {
  animation: drifting .6s infinite
}

.block-ent-content-two {
  background-color: #f5f7f9
}

.block-ent-content-two .xd-container {
  padding-top: 80px
}

.block-ent-content-two .scene {
  margin-top: 70px;
  overflow: hidden
}

.block-ent-content-two .scene li {
  float: left;
  width: 240px;
  text-align: center;
  margin: 0 75px 75px 0
}

.block-ent-content-two .scene li:nth-child(4),
.block-ent-content-two .scene li:nth-child(8) {
  margin: 0
}

.block-ent-content-two .scene li:nth-child(1) em {
  background-position: -10px -10px
}

.block-ent-content-two .scene li:nth-child(2) em {
  background-position: -10px -183px
}

.block-ent-content-two .scene li:nth-child(3) em {
  background-position: -10px -356px
}

.block-ent-content-two .scene li:nth-child(4) em {
  background-position: -10px -529px
}

.block-ent-content-two .scene li:nth-child(5) em {
  background-position: -10px -702px
}

.block-ent-content-two .scene li:nth-child(6) em {
  background-position: -10px -875px
}

.block-ent-content-two .scene li:nth-child(7) em {
  background-position: -10px -1048px
}

.block-ent-content-two .scene li:nth-child(8) em {
  background-position: -10px -1221px
}

.block-ent-content-two .scene em {
  width: 240px;
  height: 158px;
  display: block;
  background: url("../images/ent_scene_icon.png") no-repeat
}

.block-ent-content-two .scene h4 {
  color: #333;
  font-size: 22px;
  margin-top: -6px
}

.block-ent-content-two .scene p {
  margin-top: 8px;
  line-height: 1.6;
  color: #666
}

.block-ent-content-three {
  text-align: center
}

.block-ent-content-three .xd-container {
  padding: 80px 0
}

.block-ent-content-three .fifthG-swiper-wrapper {
  position: relative;
  margin: 60px 0 0 0
}

.block-ent-content-three .fifthG-swiper-wrapper .arrow-icon {
  position: absolute;
  top: 129px;
  z-index: 10;
  width: 76px;
  height: 76px;
  display: block;
  background: url("../images/5g_swiper_arrow_icon.png") no-repeat
}

.block-ent-content-three .fifthG-swiper-wrapper .arrow-left {
  left: -11px;
  background-position: -10px -10px
}

.block-ent-content-three .fifthG-swiper-wrapper .arrow-right {
  right: -11px;
  background-position: -10px -106px
}

.block-ent-content-three .fifthG-swiper-wrapper .fifthG-swiper-container {
  width: 1200px;
  height: 330px;
  overflow: hidden
}

.block-ent-content-three .fifthG-swiper-wrapper .fifthG-swiper-container .item {
  position: relative;
  font-size: 0
}

.block-ent-content-three .fifthG-swiper-wrapper .fifthG-swiper-container .item .title {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 16px;
  width: 100%;
  height: 62px;
  line-height: 62px;
  color: #fff;
  text-align: left;
  background-color: rgba(0, 0, 0, .5)
}

.block-ent-content-three .fifthG-swiper-wrapper .fifthG-swiper-container .item h5 {
  position: relative;
  z-index: 1;
  font-size: 22px;
  padding: 0 20px;
  margin-right: 25px;
  display: inline-block;
  background-color: #0055b8
}

.block-ent-content-three .fifthG-swiper-wrapper .fifthG-swiper-container .item h5::after {
  content: "";
  position: absolute;
  top: -4px;
  z-index: -1;
  width: 42px;
  height: 72px;
  background-color: #0055b8;
  transform: rotate(-18deg);
  transform-origin: right bottom;
  border-radius: 0
}

.block-ent-content-three .fifthG-swiper-wrapper .swiper-pagination {
  position: absolute;
  left: 50%;
  bottom: -30px;
  margin-left: -54px;
  height: 6px
}

.block-ent-content-three .fifthG-swiper-wrapper .swiper-pagination .swiper-pagination-switch {
  float: left;
  width: 12px;
  height: 6px;
  margin: 0 3px;
  display: block;
  background-color: #d4d4d4
}

.block-ent-content-three .fifthG-swiper-wrapper .swiper-pagination .swiper-active-switch {
  width: 30px;
  background-color: #0055b8
}

.block-ent-content-three .card-wrap {
  margin-top: 60px;
  overflow: hidden
}

.block-ent-content-three .card {
  position: relative;
  float: left;
  width: 384px;
  height: 240px;
  overflow: hidden;
  margin-right: 24px;
  cursor: pointer
}

.block-ent-content-three .card:last-child {
  margin: 0
}

.block-ent-content-three .card:hover h4 {
  bottom: -48px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.block-ent-content-three .card:hover .hide {
  bottom: 0;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s
}

.block-ent-content-three .card h4 {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: rgba(0, 0, 0, .7);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.block-ent-content-three .card .hide {
  position: absolute;
  bottom: -240px;
  right: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, .7);
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s
}

.block-ent-content-three .card .hide em {
  width: 50px;
  height: 38px;
  margin: 42px 0 16px;
  background-color: #eaeaae;
  display: inline-block
}

.block-ent-content-three .card .hide .icon-one {
  width: 51px;
  height: 38px;
  background: url("../images/block_index_icon.png") no-repeat -10px -10px
}

.block-ent-content-three .card .hide .icon-two {
  width: 43px;
  height: 40px;
  background: url("../images/block_index_icon.png") no-repeat -10px -68px
}

.block-ent-content-three .card .hide .icon-three {
  width: 43px;
  height: 40px;
  background: url("../images/block_index_icon.png") no-repeat -10px -128px
}

.block-ent-content-three .card .hide .icon-four {
  width: 45px;
  height: 40px;
  background: url("../images/block_index_icon.png") no-repeat -10px -188px
}

.block-ent-content-three .card .hide h5 {
  font-size: 20px;
  font-weight: normal
}

.block-ent-content-three .card .hide .rail {
  width: 48px;
  height: 3px;
  margin: 14px 0;
  display: inline-block;
  background-color: #0055b8
}

.block-ent-content-three .card .hide p {
  font-size: 16px;
  line-height: 1.6;
  padding: 0 30px
}

.enterprise-register-main {
  margin: 60px auto 60px
}

.form-register-main form {
  width: 322px;
  margin: 0 auto
}

.form-register-main form .form-item-control {
  position: relative;
  display: block;
  min-height: 1px;
  margin-bottom: 20px
}

.form-register-main form .form-item-control p {
  font-size: 14px;
  margin: 10px 0 6px
}

.form-register-main form .form-item-control a {
  color: #0055b8
}

.form-register-main form .form-item-input {
  position: relative;
  width: 320px;
  height: 44px;
  padding: 10px 0;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s
}

.form-register-main form .form-item-input:hover {
  border-color: #1e78e0
}

.form-register-main form .form-item-input .short-select {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-right: 1px solid #ddd
}

.form-register-main form .form-item-input .short-select .select-selection {
  margin: 0 24px 0 10px
}

.form-register-main form .form-item-input .short-select .select-selection.selected+.short-select-list {
  display: block
}

.form-register-main form .form-item-input .short-select .select-selection.selected .select-arrow {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.form-register-main form .form-item-input .short-select .select-arrow {
  top: 8px;
  right: 6px
}

.form-register-main form .form-item-input .short-select .short-select-list {
  position: absolute;
  top: 38px;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 218px;
  display: none;
  overflow-y: scroll;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15);
  border-radius: 2px
}

.form-register-main form .form-item-input .short-select .short-select-list .select-item-option {
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  padding: 0 8px;
  font-size: 14px
}

.form-register-main form .form-item-input .short-select .short-select-list .select-item-option:hover {
  color: #439aff;
  background-color: #ddedff
}

.form-register-main form .form-item-input .auth-code {
  display: inline-block;
  width: 100px;
  padding-left: 10px;
  text-align: center;
  border-left: 1px solid #ddd
}

.form-register-main form .form-item-input .auth-code .send-ent-auth-code-btn {
  color: #ddd;
  cursor: no-drop
}

.form-register-main form .form-item-input .auth-code .send-ent-auth-code-btn.bright-btn {
  color: #0055b8;
  cursor: default
}

.form-register-main form .form-item-has-error>.form-item {
  border-color: red !important
}

.form-register-main form .form-item-has-error .form-item-explain {
  display: block
}

.form-register-main form .form-item-explain {
  color: red;
  font-size: 12px;
  margin-top: 4px;
  display: none
}

.form-register-main form .item-input {
  width: 100%;
  color: #333;
  font-size: 16px;
  padding: 0 10px;
  display: inline-block
}

.form-register-main form .select-control-input {
  width: 210px
}

.form-register-main form .auth-code-input {
  width: 210px
}

.form-register-main form .auth-code-do-drop {
  cursor: no-drop
}

.form-register-main form .input-checkbox {
  float: left;
  margin: 4px 4px 0 0
}

.form-register-main form .form-item-selector {
  position: relative;
  width: 320px;
  height: 44px;
  padding: 10px 0;
  border: 1px solid #ddd;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s
}

.form-register-main form .form-item-selector:hover {
  border-color: #1e78e0
}

.form-register-main form .form-item-selector.selected+.form-select-list {
  display: block
}

.form-register-main form .form-item-selector.selected .select-arrow {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.form-register-main form .item-select {
  width: 100%;
  color: #333;
  font-size: 16px;
  padding: 0 10px;
  display: inline-block;
  cursor: pointer
}

.form-register-main form .select-span {
  color: #ccc;
  padding: 0 10px
}

.form-register-main form .select-span.fill {
  color: #333
}

.form-register-main form .select-arrow {
  position: absolute;
  top: 19px;
  right: 11px;
  width: 13px;
  height: 7px;
  display: block;
  background: url("../images/select_arrow_icon.png") no-repeat 100%/100%;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.form-register-main form .form-select-list {
  display: none;
  position: absolute;
  left: 0;
  top: 44px;
  z-index: 10;
  width: 320px;
  min-height: 0;
  max-height: 182px;
  margin: 4px 0 0 0;
  overflow-y: scroll;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15);
  border-radius: 2px
}

.form-register-main form .form-select-list .select-item-option {
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  font-size: 14px
}

.form-register-main form .form-select-list .select-item-option:hover {
  color: #439aff;
  background-color: #ddedff
}

.form-register-main form .btn {
  width: 320px;
  height: 50px;
  color: #fff;
  margin-top: 10px;
  text-align: center;
  line-height: 50px;
  background-color: #0055b8;
  border-radius: 2px
}

.ent-float-bar {
  position: fixed;
  top: 100px;
  left: 50%;
  min-width: 60px;
  margin-left: 620px;
  z-index: 100;
  box-shadow: 0 2px 10px #d0d9e6
}

.ent-float-bar ul li {
  position: relative;
  width: 60px;
  height: 60px;
  text-align: center;
  background-color: #fff;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.ent-float-bar ul li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.ent-float-bar ul li:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.ent-float-bar ul li>img {
  display: none
}

.ent-float-bar ul li>img:first-child {
  display: block
}

.ent-float-bar ul li.tel .content {
  width: 205px;
  height: 60px
}

.ent-float-bar ul li.join .content {
  width: 283px;
  font-size: 14px;
  padding: 14px 14px 8px 20px;
  text-align: left
}

.ent-float-bar ul li.join .content .item {
  margin-bottom: 8px
}

.ent-float-bar ul li.join .content p {
  color: #505e6c;
  line-height: 1.6
}

.ent-float-bar ul li.join .content a {
  font-size: 14px;
  line-height: 1.8
}

.ent-float-bar ul li.join .content a:hover {
  color: #333
}

.ent-float-bar ul li.app .content {
  width: 120px;
  height: 120px
}

.ent-float-bar ul li.wechat .content {
  width: 120px;
  height: 120px
}

.ent-float-bar ul li:hover {
  background-color: #0055b8
}

.ent-float-bar ul li:hover>img {
  display: block
}

.ent-float-bar ul li:hover>img:first-child {
  display: none
}

.ent-float-bar ul li:hover .content {
  display: block
}

.ent-float-bar ul li .content {
  position: absolute;
  top: 0;
  right: 60px;
  display: none;
  background-color: #fff;
  box-shadow: 0 2px 10px #d0d9e6
}

.ent-float-bar ul li .content .phone {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  margin-top: 6px
}

.ent-float-bar ul li .content p {
  color: #505e6c;
  font-size: 12px
}

.block-ent-content-four {
  background-color: #f5f7f9
}

.block-ent-content-four .xd-container {
  padding: 80px 0
}

.block-ent-content-four .nav {
  font-size: 0;
  text-align: center;
  margin-top: 40px
}

.block-ent-content-four .nav a {
  width: 122px;
  height: 46px;
  color: #333;
  font-size: 16px;
  line-height: 44px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px
}

.block-ent-content-four .nav a.active {
  color: #fff;
  background-color: #0055b8;
  border-color: #0055b8;
  box-shadow: 0 4px 10px #8988df
}

.block-ent-content-four .main {
  position: relative
}

.block-ent-content-four .each {
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden
}

.block-ent-content-four .each.show {
  display: block
}

.block-ent-content-four .city-info {
  margin-top: 60px;
  overflow: hidden
}

.block-ent-content-four .city-info .info {
  float: left;
  margin-right: 52px
}

.block-ent-content-four .city-info .info h4 {
  font-size: 30px;
  color: #293035;
  margin-top: 60px;
  padding-left: 50px;
  background: url("../images/city_info_icon.png") no-repeat
}

.block-ent-content-four .city-info .info h4.location {
  background-position: -10px -7px
}

.block-ent-content-four .city-info .info h4.cover {
  background-position: -8px -60px
}

.block-ent-content-four .city-info .info .list {
  width: 230px;
  margin: 25px 0 24px 50px;
  overflow: hidden
}

.block-ent-content-four .city-info .info .list li {
  float: left;
  color: #333;
  font-size: 18px;
  line-height: 2;
  margin: 0 5px
}

.block-ent-content-four .city-info .info p {
  color: #666;
  line-height: 1.8;
  margin-left: 46px
}

.block-ent-content-four .city-info .map {
  float: left
}

.block-ent-content-five .xd-container {
  padding: 80px 0
}

.block-ent-content-five .block-service-main {
  position: relative;
  z-index: 1;
  margin: 60px 0
}

.block-ent-content-five .block-service-main::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -60px;
  left: -60px;
  width: 234px;
  height: 269px;
  display: block;
  opacity: .5;
  background: url("../images/polygon_small_bg.png") no-repeat
}

.block-ent-content-five .block-service-main::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -32px;
  right: -32px;
  width: 142px;
  height: 143px;
  display: block;
  opacity: .5;
  background: url("../images/slice_style_one.png") no-repeat
}

.block-ent-content-five .block-service-main h4 {
  color: #333;
  font-size: 30px
}

.block-ent-content-five .block-service-main p {
  color: #666;
  font-size: 16px;
  line-height: 1.8
}

.block-ent-content-five .block-service-main .info {
  padding: 60px 0 0 60px
}

.block-ent-content-five .block-one {
  overflow: hidden;
  margin-bottom: 40px;
  background-color: #fff
}

.block-ent-content-five .block-one .info {
  width: 570px;
  float: left
}

.block-ent-content-five .block-one img {
  float: left
}

.block-ent-content-five .block-two {
  overflow: hidden;
  background-color: #fff
}

.block-ent-content-five .block-two .info {
  width: 570px;
  float: right
}

.block-ent-content-five .block-two img {
  float: left
}

.block-ent-content-five .more {
  text-align: center
}

.block-ent-content-five .xd-block-btn {
  position: relative;
  color: #333;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #515151;
  border-radius: 2px
}

.block-ent-content-five .xd-block-btn::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -39px -10px
}

.block-ent-content-five .xd-block-btn:hover::after {
  animation: drifting .6s infinite
}

.enterprise-cooperation-main {
  padding: 80px 0;
  overflow: hidden
}

.advantage-list {
  float: left;
  width: 492px
}

.advantage-list h2 {
  font-size: 26px;
  color: #333;
  margin-top: 40px;
  height: 50px;
  line-height: 50px
}

.advantage-list .card {
  position: relative;
  width: 492px;
  height: 238px;
  margin-bottom: 20px;
  overflow: hidden
}

.advantage-list .card:last-child {
  margin: 0
}

.advantage-list .card h4 {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  width: 100%;
  height: 70px;
  line-height: 70px;
  padding-left: 30px;
  background-color: rgba(0, 0, 0, .7)
}

.advantage-list .card h4 span {
  font-size: 22px;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 3px solid #0055b8
}

.advantage-list .card h4 p {
  float: right;
  width: 300px;
  line-height: 1.6;
  padding-top: 10px;
  margin-right: 30px
}

.cooperation-main {
  float: right;
  width: 658px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 16px 0 #d6d6d6
}

.cooperation-main .block-title {
  margin-top: 20px
}

.cooperation-main .intro {
  margin: 0 36px 30px;
  color: #666;
  text-align: center;
  line-height: 1.8
}

.cooperation-main .contact-us {
  margin-top: 110px;
  padding: 30px;
  color: #666;
  background-color: #f7f8f9
}

.cooperation-main .contact-us a {
  color: #666
}

.cooperation-main .contact-us h5 {
  font-size: 22px;
  color: #333;
  text-align: center;
  margin-bottom: 20px
}

.cooperation-main .contact-us>div {
  padding: 6px 0 6px 40px;
  margin-left: 90px
}

.cooperation-main .contact-us .tel {
  background: url("../images/contact_leagueus_icon.png") no-repeat -10px -6px
}

.cooperation-main .contact-us .email {
  background: url("../images/contact_leagueus_icon.png") no-repeat -10px -48px
}

.block-ent-product-content-one .xd-container {
  padding: 80px 0
}

.block-ent-product-content-one .intro {
  color: #666;
  margin: 0 150px;
  padding-top: 10px;
  text-align: center;
  line-height: 1.8
}

.block-ent-product-content-one .card-wrap {
  margin-top: 40px
}

.block-ent-product-content-one .card {
  position: relative;
  float: left;
  width: 580px;
  height: 340px;
  overflow: hidden;
  margin-right: 40px
}

.block-ent-product-content-one .card:last-child {
  margin: 0
}

.block-ent-product-content-one .card h4 {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 22px;
  width: 100%;
  height: 62px;
  line-height: 62px;
  text-align: center;
  background-color: rgba(0, 0, 0, .7)
}

.block-ent-product-content-two {
  background-color: #f5f7f9
}

.block-ent-product-content-two .xd-container {
  padding: 80px 0 50px 0
}

.block-ent-product-content-two .intro {
  color: #666;
  margin: 0 150px;
  padding-top: 10px;
  text-align: center;
  line-height: 1.8
}

.block-ent-product-content-two .card-wrap {
  margin-top: 40px
}

.block-ent-product-content-two .card {
  position: relative;
  float: left;
  width: 384px;
  height: 240px;
  margin: 0 24px 24px 0;
  overflow: hidden
}

.block-ent-product-content-two .card:nth-child(3),
.block-ent-product-content-two .card:nth-child(6) {
  margin: 0
}

.block-ent-product-content-two .card h4 {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 22px;
  width: 100%;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background-color: rgba(0, 0, 0, .7)
}

.block-ent-product-content-two .each:last-child .card:nth-child(4) {
  margin-left: 210px
}

.block-ent-product-content-three .xd-container {
  padding: 80px 0
}

.block-ent-product-content-three .solution-item {
  position: relative;
  margin-top: 40px;
  padding: 30px 40px 40px 40px;
  border: 1px solid #f0f0f0
}

.block-ent-product-content-three .solution-item h3 {
  font-size: 26px;
  color: #333
}

.block-ent-product-content-three .solution-item .vs {
  overflow: hidden
}

.block-ent-product-content-three .solution-item .vs .item {
  float: left;
  width: 548px;
  height: 192px;
  padding: 21px;
  color: #fff;
  font-size: 22px;
  margin-right: 22px;
  margin-bottom: 22px;
  background: #f5f7f9 url("../images/ent_vs_bg.png") no-repeat
}

.block-ent-product-content-three .solution-item .vs .item:nth-child(even) {
  margin: 0
}

.block-ent-product-content-three .solution-item .vs .item:nth-child(3),
.block-ent-product-content-three .solution-item .vs .item:nth-child(4) {
  margin-bottom: 0
}

.block-ent-product-content-three .solution-item .vs .item:nth-child(1) {
  background-position: 2px 2px
}

.block-ent-product-content-three .solution-item .vs .item:nth-child(2) {
  background-position: 2px -188px
}

.block-ent-product-content-three .solution-item .vs .item:nth-child(2) .right {
  margin-top: 70px
}

.block-ent-product-content-three .solution-item .vs .item:nth-child(3) {
  background-position: 2px -378px
}

.block-ent-product-content-three .solution-item .vs .item:nth-child(4) {
  background-position: 2px -570px
}

.block-ent-product-content-three .solution-item .vs .item:nth-child(4) .right {
  margin-top: 70px
}

.block-ent-product-content-three .solution-item .vs .item .left {
  float: left;
  width: 262px;
  margin-top: 40px;
  text-align: center
}

.block-ent-product-content-three .solution-item .vs .item .right {
  float: right;
  width: 222px;
  margin-top: 60px;
  text-align: center
}

.block-ent-product-content-three .solution-item .scheme {
  overflow: hidden
}

.block-ent-product-content-three .solution-item .scheme .intro {
  width: 466px;
  color: #666;
  line-height: 1.8;
  margin-bottom: 80px
}

.block-ent-product-content-three .solution-item .scheme .list-icon {
  position: absolute;
  top: 24px;
  right: 88px;
  width: 500px;
  overflow: hidden
}

.block-ent-product-content-three .solution-item .scheme .list-icon em {
  width: 70px;
  height: 90px;
  text-align: center;
  display: block;
  margin: 0 auto;
  background: url("../images/ent_scheme_icon.png") no-repeat
}

.block-ent-product-content-three .solution-item .scheme .list-icon div {
  float: left;
  margin: 0 44px 30px;
  text-align: center
}

.block-ent-product-content-three .solution-item .scheme .list-icon div:nth-child(1) em {
  background-position: -10px -10px
}

.block-ent-product-content-three .solution-item .scheme .list-icon div:nth-child(2) em {
  background-position: -100px -10px
}

.block-ent-product-content-three .solution-item .scheme .list-icon div:nth-child(3) em {
  background-position: -190px -10px
}

.block-ent-product-content-three .solution-item .scheme .list-icon div:nth-child(4) em {
  background-position: -10px -120px
}

.block-ent-product-content-three .solution-item .scheme .list-icon div:nth-child(5) em {
  background-position: -100px -120px
}

.block-ent-product-content-three .solution-item .scheme .list-icon div:nth-child(6) em {
  background-position: -190px -120px
}

.block-ent-product-content-three .solution-item .application .diagram-icon {
  margin: 40px 0 10px 100px
}

.block-ent-product-content-three .solution-item .application .step {
  margin-left: 60px;
  overflow: hidden
}

.block-ent-product-content-three .solution-item .application .step li {
  float: left;
  width: 164px;
  font-size: 18px;
  color: #293035;
  margin-right: 114px;
  text-align: center
}

.block-ent-product-content-three .solution-item .application .step li:last-child {
  margin: 0
}

.block-ent-product-content-three .solution-item .application .step li .link {
  width: 100px;
  height: 36px;
  margin-top: 10px;
  line-height: 36px;
  font-size: 16px;
  color: #fff;
  display: inline-block;
  border-radius: 2px;
  background-color: #0055b8
}

.block-ent-product-content-four {
  background-color: #f5f7f9
}

.block-ent-product-content-four .xd-container {
  padding: 80px 0
}

.block-ent-product-content-four .intro {
  color: #666;
  text-align: center;
  margin-top: 20px
}

.block-ent-product-content-four .coop-item {
  margin-top: 40px;
  padding: 30px 40px 40px;
  overflow: hidden;
  background-color: #fff
}

.block-ent-product-content-four .coop-item h3 {
  font-size: 26px;
  color: #333
}

.block-ent-product-content-four .coop-item:nth-child(3) {
  font-size: 0;
  padding: 0
}

.block-ent-product-content-four .coop-item:nth-child(3) .main {
  float: left;
  width: 660px;
  font-size: 18px;
  color: #293035;
  padding: 30px 0 30px 40px
}

.block-ent-product-content-four .coop-item:nth-child(3) .list-icon {
  padding-top: 18px;
  overflow: hidden
}

.block-ent-product-content-four .coop-item:nth-child(3) .list-icon em {
  width: 39px;
  height: 47px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px
}

.block-ent-product-content-four .coop-item:nth-child(3) .list-icon em img {
  width: 100%
}

.block-ent-product-content-four .coop-item:nth-child(3) .list-icon div {
  float: left;
  width: 310px;
  height: 47px;
  line-height: 47px;
  display: block;
  margin-bottom: 48px
}

.block-ent-product-content-four .coop-item:nth-child(3) .pic {
  float: right
}

.block-ent-product-content-four .product>div {
  float: left;
  width: 208px;
  height: 180px;
  color: #333;
  text-align: center;
  padding-top: 104px;
  margin-right: 20px;
  font-size: 18px;
  background: url("../images/ent_product_intro_bg.png") no-repeat
}

.block-ent-product-content-four .product>div:last-child {
  margin: 0
}

.block-ent-product-content-four .product>div:nth-child(1) {
  background-position: -10px -10px
}

.block-ent-product-content-four .product>div:nth-child(2) {
  background-position: -238px -10px
}

.block-ent-product-content-four .product>div:nth-child(3) {
  background-position: -466px -10px
}

.block-ent-product-content-four .product>div:nth-child(4) {
  background-position: -694px -10px
}

.block-ent-product-content-four .product>div:nth-child(5) {
  background-position: -922px -10px
}

.block-ent-service-content-one .xd-container {
  padding: 80px 0
}

.block-ent-service-content-one .service-item {
  margin-top: 40px;
  padding: 30px 40px;
  border: 1px solid #f0f0f0
}

.block-ent-service-content-one .service-item h3 {
  font-size: 26px;
  color: #333
}

.block-ent-service-content-one .long-rent-service {
  padding-top: 16px;
  overflow: hidden
}

.block-ent-service-content-one .long-rent-service .item {
  float: left;
  width: 190px;
  margin-right: 42px;
  text-align: center
}

.block-ent-service-content-one .long-rent-service .item img {
  width: 100%
}

.block-ent-service-content-one .long-rent-service .item:last-child {
  margin: 0
}

.block-ent-service-content-one .long-rent-service .item em {
  width: 70px;
  height: 80px;
  display: block;
  margin: 0 auto
}

.block-ent-service-content-one .long-rent-service .item h4 {
  font-size: 20px;
  color: #333;
  margin: 18px 0 8px
}

.block-ent-service-content-one .long-rent-service .item p {
  font-size: 14px;
  color: #666;
  line-height: 1.6
}

.block-ent-service-content-one .special-service {
  padding-top: 16px;
  overflow: hidden
}

.block-ent-service-content-one .special-service .item {
  float: left;
  width: 305px;
  margin-right: 101px
}

.block-ent-service-content-one .special-service .item img {
  width: 100%
}

.block-ent-service-content-one .special-service .item:last-child {
  margin: 0
}

.block-ent-service-content-one .special-service .item em {
  float: left;
  width: 70px;
  height: 80px;
  display: block;
  margin-right: 25px
}

.block-ent-service-content-one .special-service .item h4 {
  font-size: 20px;
  color: #333;
  margin: 8px 0 8px
}

.block-ent-service-content-one .special-service .item p {
  font-size: 14px;
  color: #666;
  line-height: 1.6
}

.block-ent-service-content-two {
  background-color: #f5f7f9
}

.block-ent-service-content-two .xd-container {
  padding: 80px 0 40px
}

.block-ent-service-content-two .card-wrap {
  margin-top: 60px;
  overflow: hidden
}

.block-ent-service-content-two .card {
  position: relative;
  float: left;
  width: 580px;
  height: 340px;
  overflow: hidden;
  cursor: pointer
}

.block-ent-service-content-two .card:nth-child(odd) {
  margin: 0 40px 40px 0
}

.block-ent-service-content-two .card:hover h4 {
  bottom: -62px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.block-ent-service-content-two .card:hover .hide {
  bottom: 0;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s
}

.block-ent-service-content-two h4 {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  width: 100%;
  font-size: 22px;
  height: 62px;
  line-height: 62px;
  padding-left: 48px;
  background-color: rgba(0, 0, 0, .7);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.block-ent-service-content-two h4 span {
  font-size: 16px;
  margin-left: 16px;
  padding-left: 16px;
  border-left: 3px solid #0055b8
}

.block-ent-service-content-two .hide {
  position: absolute;
  left: 0;
  bottom: -340px;
  right: 0;
  width: 100%;
  height: 100%;
  padding-top: 126px;
  color: #fff;
  background-color: rgba(0, 0, 0, .7);
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s
}

.block-ent-service-content-two .hide h5 {
  float: left;
  font-size: 22px;
  margin-left: 26px
}

.block-ent-service-content-two .hide .main {
  float: left;
  width: 336px;
  padding-top: 4px
}

.block-ent-service-content-two .hide .main span {
  font-size: 16px;
  margin-left: 16px;
  padding-left: 16px;
  border-left: 3px solid #0055b8
}

.block-ent-service-content-two .hide .intro {
  margin-top: 28px;
  font-size: 14px;
  padding-left: 35px;
  line-height: 1.8
}

.modal-main.ent-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 101;
  width: 600px;
  min-width: auto;
  height: 228px;
  padding: 20px;
  text-align: center;
  margin: -114px 0 0 -300px;
  display: none;
  background-color: #fff
}

.modal-main.ent-modal .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 18px;
  height: 18px;
  display: block;
  cursor: pointer;
  background: url("../images/close-icon-btn.png") no-repeat
}

.modal-main.ent-modal h3 {
  color: #333;
  font-size: 22px;
  font-weight: bold;
  margin: 20px 0
}

.modal-main.ent-modal p {
  color: #3c3935;
  font-size: 16px;
  line-height: 22px;
  margin: 20px 0
}

.modal-main.ent-modal button {
  width: 160px;
  height: 46px;
  color: #fff;
  line-height: 46px;
  text-align: center;
  margin-top: 10px;
  background-color: #0055b8;
  border-radius: 2px
}

.ent-strip {
  width: 84px;
  height: 3px;
  margin: 24px 0;
  background: url("../images/strip_style_ent.png") no-repeat
}

.driver-banner {
  background: url("../images/banner_bg_3.jpg") no-repeat top center;
  background-size: cover;
  height: 700px
}

.driver-banner .xd-container {
  overflow: hidden
}

.driver-banner h1 {
  color: #fff;
  font-size: 38px;
  margin-top: 250px
}

.driver-banner p {
  color: #fff;
  width: 630px;
  margin-top: 22px;
  line-height: 1.8
}

.driver-banner .xd-block-btn {
  margin-top: 36px;
  position: relative;
  color: #fff;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #b2b2b2;
  border-radius: 2px
}

.driver-banner .xd-block-btn::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -10px -10px
}

.driver-banner .xd-block-btn:hover::after {
  animation: drifting .6s infinite
}

.block-driver-content-one .xd-container {
  padding: 80px 0
}

.block-driver-content-one .block-advantage-main {
  margin-top: 40px
}

.block-driver-content-one .block-advantage-main .top {
  overflow: hidden
}

.block-driver-content-one .block-advantage-main .top .item {
  position: relative;
  float: left;
  width: 570px;
  font-size: 0;
  margin-right: 18px
}

.block-driver-content-one .block-advantage-main .top .item:last-child {
  margin: 0
}

.block-driver-content-one .block-advantage-main .top .item .title {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 16px;
  width: 100%;
  height: 62px;
  line-height: 62px;
  background-color: rgba(0, 0, 0, .5)
}

.block-driver-content-one .block-advantage-main .top .item h5 {
  position: relative;
  z-index: 1;
  font-size: 22px;
  padding: 0 20px;
  margin-right: 25px;
  display: inline-block;
  background-color: #0055b8
}

.block-driver-content-one .block-advantage-main .top .item h5::after {
  content: "";
  position: absolute;
  top: -4px;
  z-index: -1;
  width: 42px;
  height: 72px;
  background-color: #0055b8;
  transform: rotate(-18deg);
  transform-origin: right bottom;
  border-radius: 0
}

.block-driver-content-one .block-advantage-main .bottom {
  overflow: hidden
}

.block-driver-content-one .block-advantage-main .bottom .item {
  float: left;
  width: 320px;
  margin: 36px 0 0 54px
}

.block-driver-content-one .block-advantage-main .bottom .item em {
  float: left;
  width: 59px;
  height: 68px;
  display: block;
  margin-right: 25px
}

.block-driver-content-one .block-advantage-main .bottom .item em img {
  width: 100%
}

.block-driver-content-one .block-advantage-main .bottom .item h5 {
  color: #333;
  font-size: 22px;
  padding: 5px 0 15px
}

.block-driver-content-one .block-advantage-main .bottom .item p {
  color: #666;
  font-size: 14px;
  margin-left: 83px
}

.block-driver-content-one .block-one {
  padding: 20px;
  border: 1px solid #f0f0f0
}

.block-driver-content-one .block-two {
  margin-top: 40px;
  border: 1px solid #f0f0f0
}

.block-driver-content-one .block-two .top .item {
  width: 100%
}

.block-driver-content-one .block-two .top .item h5 {
  background-color: #00bbb4
}

.block-driver-content-one .block-two .top .item h5::after {
  background-color: #00bbb4
}

.block-driver-content-one .block-two .bottom {
  padding: 0 20px 20px
}

.block-driver-content-one .block-two .item em {
  width: 58px;
  height: 68px
}

.block-driver-content-one .block-two .item:nth-child(1) em {
  background-position: -10px -98px
}

.block-driver-content-one .block-two .item:nth-child(2) em {
  background-position: -89px -98px
}

.block-driver-content-one .block-two .item:nth-child(3) em {
  background-position: -168px -98px
}

.block-driver-content-two {
  background-color: #f5f7f9
}

.block-driver-content-two .xd-container {
  padding: 80px 0
}

.block-driver-content-two .block-ask-main {
  height: 370px;
  margin-top: 40px
}

.block-driver-content-two .block-ask-main .content {
  padding: 26px 0 0 46px
}

.block-driver-content-two .block-ask-main .content ul li {
  position: relative;
  padding: 10px 0
}

.block-driver-content-two .block-ask-main .content ul li::before {
  content: "";
  position: absolute;
  top: 18px;
  left: -14px;
  width: 6px;
  height: 6px;
  display: block;
  border-radius: 50%
}

.block-driver-content-two .left {
  float: left;
  width: 800px;
  height: 370px;
  background-color: #fff;
  box-shadow: 0 6px 20px #dbded9
}

.block-driver-content-two .left .nav {
  overflow: hidden
}

.block-driver-content-two .left .nav a {
  position: relative;
  float: left;
  width: 400px;
  height: 56px;
  color: #333;
  display: block;
  font-size: 22px;
  line-height: 56px;
  text-align: center;
  background-color: #e3e5ea
}

.block-driver-content-two .left .nav a:hover {
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s
}

.block-driver-content-two .left .nav a.active span {
  padding-left: 36px;
  background: url("../images/ask_title_icon.png") no-repeat 0 8px
}

.block-driver-content-two .left .nav a:first-child.active {
  color: #fff;
  background-color: #0055b8
}

.block-driver-content-two .left .nav a:first-child.active::before {
  background-color: #0055b8
}

.block-driver-content-two .left .nav a:first-child::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 56px;
  height: 56px;
  display: block;
  background-color: #e3e5ea;
  border-right: 3px solid #fff;
  -webkit-transform: skew(-25deg);
  -moz-transform: skew(-25deg);
  -o-transform: skew(-25deg);
  transform: skew(-25deg)
}

.block-driver-content-two .left .nav a:last-child.active {
  color: #fff;
  background-color: #00bbb4
}

.block-driver-content-two .left .nav a:last-child.active::after {
  background-color: #00bbb4
}

.block-driver-content-two .left .nav a:last-child::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 56px;
  display: block;
  background-color: #e3e5ea;
  -webkit-transform: skew(-25deg);
  -moz-transform: skew(-25deg);
  -o-transform: skew(-25deg);
  transform: skew(-25deg)
}

.block-driver-content-two .left .main {
  position: relative
}

.block-driver-content-two .left .each {
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden
}

.block-driver-content-two .left .each:first-child li::before {
  background-color: #0055b8
}

.block-driver-content-two .left .each:last-child li::before {
  background-color: #00bbb4
}

.block-driver-content-two .left .each.show {
  display: block
}

.block-driver-content-two .right {
  float: right;
  width: 380px;
  height: 370px;
  background-color: #fff;
  box-shadow: 0 6px 20px #dbded9
}

.block-driver-content-two .right .title {
  color: #fff;
  width: 100%;
  height: 56px;
  font-size: 22px;
  line-height: 56px;
  padding-left: 30px;
  background-color: #93a7c2
}

.block-driver-content-two .right li::before {
  background-color: #7992ae
}

.block-driver-content-three {
  text-align: center
}

.block-driver-content-three .xd-container {
  padding: 80px 0
}

.block-driver-content-three .subhead {
  color: #333;
  text-align: center;
  margin-top: 10px
}

.block-driver-content-three .driver-join-form-main {
  width: 800px;
  margin: 40px auto 0;
  padding-bottom: 40px;
  text-align: left;
  border: 1px solid #f0f0f0
}

.block-driver-content-three .driver-join-form-main form .select-arrow {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 13px;
  height: 7px;
  display: block;
  background: url("../images/select_arrow_icon.png") no-repeat 100%/100%;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.block-driver-content-three .driver-join-form-main .form-main {
  margin: 40px 0 0 80px
}

.block-driver-content-three .driver-join-form-main .form-item {
  margin-bottom: 16px
}

.block-driver-content-three .driver-join-form-main .form-item::before,
.block-driver-content-three .driver-join-form-main .form-item::after {
  content: "";
  display: table;
  clear: both
}

.block-driver-content-three .driver-join-form-main .btn {
  width: 160px;
  height: 50px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  border-radius: 2px;
  background-color: #00bbb4
}

.block-driver-content-three .driver-join-form-main .form-item-label {
  float: left;
  display: block;
  width: 220px;
  height: 44px;
  line-height: 44px;
  padding-right: 10px;
  overflow: hidden;
  text-align: right;
  white-space: nowrap
}

.block-driver-content-three .driver-join-form-main .form-item-textarea {
  width: 356px;
  height: 120px;
  padding: 10px;
  border-radius: 2px;
  border: 1px solid #ddd
}

.block-driver-content-three .driver-join-form-main .form-item-textarea .item-textarea {
  resize: none;
  outline: none;
  border: none;
  width: 100%;
  height: 100%
}

.block-driver-content-three .driver-join-form-main .form-item-textarea .item-textarea::-webkit-input-placeholder {
  color: #ccc
}

.block-driver-content-three .driver-join-form-main .form-item-control-wrapper,
.block-driver-content-three .driver-join-form-main .form-item-radio-wrapper {
  float: left
}

.block-driver-content-three .driver-join-form-main .form-item-control-wrapper+.form-item-explain {
  margin-left: 220px
}

.block-driver-content-three .driver-join-form-main .form-item-control-wrapper.form-item-has-error {
  border-width: 1px;
  border-style: solid;
  border-color: red
}

.block-driver-content-three .driver-join-form-main .form-item-control-wrapper.form-item-has-error+.form-item-explain {
  display: block
}

.block-driver-content-three .driver-join-form-main .form-item-control-wrapper .verifi-container {
  width: 200px;
  height: 50px
}

.block-driver-content-three .driver-join-form-main .form-item-control-wrapper .verifi-input {
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ddd
}

.block-driver-content-three .driver-join-form-main .form-item-control-wrapper .verifi-btn {
  width: 60px;
  height: 40px;
  line-height: 40px
}

.block-driver-content-three .driver-join-form-main .form-item-control {
  position: relative;
  width: 356px;
  height: 44px;
  padding: 10px 0;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s
}

.block-driver-content-three .driver-join-form-main .form-item-control.short-item-control {
  float: left;
  width: 174px
}

.block-driver-content-three .driver-join-form-main .form-item-control.short-item-control:first-child {
  margin-right: 8px;
  margin-bottom: 4px
}

.block-driver-content-three .driver-join-form-main .form-item-control.short-item-control .form-item-selector .select-span {
  width: 150px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.block-driver-content-three .driver-join-form-main .form-item-control:hover {
  border-color: #00bbb4
}

.block-driver-content-three .driver-join-form-main .form-item-control input {
  width: 100%;
  color: #333;
  font-size: 16px;
  padding: 0 10px;
  display: inline-block
}

.block-driver-content-three .driver-join-form-main .form-item-control.form-item-has-error {
  border-color: red
}

.block-driver-content-three .driver-join-form-main .form-item-control.form-item-has-error+.form-item-explain {
  display: block
}

.block-driver-content-three .driver-join-form-main .form-item-control .auth-code-input {
  width: 240px
}

.block-driver-content-three .driver-join-form-main .form-item-control .auth-code-do-drop {
  cursor: no-drop
}

.block-driver-content-three .driver-join-form-main .form-item-control .auth-code {
  display: inline-block;
  width: 100px;
  padding-left: 10px;
  text-align: center;
  border-left: 1px solid #ddd
}

.block-driver-content-three .driver-join-form-main .form-item-control .auth-code .send-driver-auth-code-btn {
  color: #ddd;
  cursor: no-drop
}

.block-driver-content-three .driver-join-form-main .form-item-control .auth-code .send-driver-auth-code-btn.bright-btn {
  color: #00bbb4;
  cursor: default
}

.block-driver-content-three .driver-join-form-main .form-item-selector {
  position: relative;
  cursor: pointer
}

.block-driver-content-three .driver-join-form-main .form-item-selector .select-span {
  color: #ccc;
  padding: 0 10px
}

.block-driver-content-three .driver-join-form-main .form-item-selector .select-span.fill {
  color: #333
}

.block-driver-content-three .driver-join-form-main .form-item-selector.selected+.form-select-list {
  display: block
}

.block-driver-content-three .driver-join-form-main .form-item-selector.selected .select-arrow {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.block-driver-content-three .driver-join-form-main .not-allowed {
  cursor: not-allowed
}

.block-driver-content-three .driver-join-form-main .form-select-list {
  display: none;
  position: absolute;
  left: 0;
  top: 44px;
  z-index: 10;
  width: 100%;
  min-height: 36px;
  max-height: 182px;
  margin: 4px 0 0 0;
  overflow-y: scroll;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15);
  border-radius: 2px
}

.block-driver-content-three .driver-join-form-main .form-select-list .select-item-option {
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  font-size: 14px
}

.block-driver-content-three .driver-join-form-main .form-select-list .select-item-option:hover {
  color: #00bbb4;
  background-color: #e4fffe
}

.block-driver-content-three .driver-join-form-main .radio-group {
  line-height: 40px
}

.block-driver-content-three .driver-join-form-main .radio-group.form-item-has-error+.form-item-explain {
  display: block
}

.block-driver-content-three .driver-join-form-main .radio-wrapper {
  line-height: 1.5;
  white-space: nowrap;
  margin: 0 8px 0 6px;
  cursor: pointer
}

.block-driver-content-three .driver-join-form-main .radio-wrapper.checked .radio .radio-inner {
  border-color: #00bbb4
}

.block-driver-content-three .driver-join-form-main .radio-wrapper.checked .radio .radio-inner::after {
  -webkit-transition: all .3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -moz-transition: all .3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all .3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all .3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.block-driver-content-three .driver-join-form-main .radio-wrapper .radio {
  position: relative;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: sub;
  outline: none;
  cursor: pointer
}

.block-driver-content-three .driver-join-form-main .radio-wrapper .radio+span {
  padding: 0 4px;
  vertical-align: middle
}

.block-driver-content-three .driver-join-form-main .radio-wrapper .radio .radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0
}

.block-driver-content-three .driver-join-form-main .radio-wrapper .radio .radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.block-driver-content-three .driver-join-form-main .radio-wrapper .radio .radio-inner::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #00bbb4;
  border-radius: 8px;
  -webkit-transition: all .3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -moz-transition: all .3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all .3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all .3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}

.block-driver-content-three .driver-join-form-main .form-item-explain {
  color: red;
  font-size: 12px;
  margin-top: 4px;
  clear: both;
  display: none
}

.block-ent-content-four {
  background-color: #f5f7f9
}

.block-ent-content-four .xd-container {
  padding: 80px 0
}

.block-ent-content-four .nav {
  font-size: 0;
  text-align: center;
  margin-top: 40px
}

.block-ent-content-four .nav a {
  width: 122px;
  height: 46px;
  color: #333;
  font-size: 16px;
  line-height: 44px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px
}

.block-ent-content-four .nav a.active {
  color: #fff;
  background-color: #0055b8;
  border-color: #0055b8;
  box-shadow: 0 4px 10px #8988df
}

.block-ent-content-four .main {
  position: relative
}

.block-ent-content-four .each {
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden
}

.block-ent-content-four .each.show {
  display: block
}

.block-ent-content-four .city-info {
  margin-top: 60px;
  overflow: hidden
}

.block-ent-content-four .city-info .info {
  float: left;
  margin-right: 52px
}

.block-ent-content-four .city-info .info h4 {
  font-size: 30px;
  color: #293035;
  margin-top: 60px;
  padding-left: 50px;
  background: url("../images/city_info_icon.png") no-repeat
}

.block-ent-content-four .city-info .info h4.location {
  background-position: -10px -7px
}

.block-ent-content-four .city-info .info h4.cover {
  background-position: -8px -60px
}

.block-ent-content-four .city-info .info .list {
  width: 230px;
  margin: 25px 0 24px 50px;
  overflow: hidden
}

.block-ent-content-four .city-info .info .list li {
  float: left;
  color: #333;
  font-size: 18px;
  line-height: 2;
  margin: 0 5px
}

.block-ent-content-four .city-info .info p {
  color: #666;
  line-height: 1.8;
  margin-left: 46px
}

.block-ent-content-four .city-info .map {
  float: left
}

.block-ent-content-five .xd-container {
  padding: 80px 0
}

.block-ent-content-five .block-service-main {
  position: relative;
  z-index: 1;
  margin: 60px 0
}

.block-ent-content-five .block-service-main::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -60px;
  left: -60px;
  width: 234px;
  height: 269px;
  display: block;
  opacity: .5;
  background: url("../images/polygon_small_bg.png") no-repeat
}

.block-ent-content-five .block-service-main::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -32px;
  right: -32px;
  width: 142px;
  height: 143px;
  display: block;
  opacity: .5;
  background: url("../images/slice_style_one.png") no-repeat
}

.block-ent-content-five .block-service-main h4 {
  color: #333;
  font-size: 30px
}

.block-ent-content-five .block-service-main p {
  color: #666;
  font-size: 16px;
  line-height: 1.8
}

.block-ent-content-five .block-service-main .info {
  padding: 60px 0 0 60px
}

.block-ent-content-five .block-one {
  overflow: hidden;
  background-color: #fff
}

.block-ent-content-five .block-one .info {
  width: 570px;
  float: left
}

.block-ent-content-five .block-one img {
  float: left
}

.block-ent-content-five .block-two {
  overflow: hidden;
  background-color: #fff
}

.block-ent-content-five .block-two .info {
  width: 570px;
  float: right
}

.block-ent-content-five .block-two img {
  float: left
}

.block-ent-content-five .more {
  text-align: center
}

.block-ent-content-five .xd-block-btn {
  position: relative;
  color: #333;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #515151;
  border-radius: 2px
}

.block-ent-content-five .xd-block-btn::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -39px -10px
}

.block-ent-content-five .xd-block-btn:hover::after {
  animation: drifting .6s infinite
}

.modal-main.saic-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 101;
  width: 600px;
  min-width: auto;
  height: 228px;
  padding: 20px;
  text-align: center;
  margin: -114px 0 0 -300px;
  display: none;
  background-color: #fff
}

.modal-main.saic-modal .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 18px;
  height: 18px;
  display: block;
  cursor: pointer;
  background: url("../images/close-icon-btn.png") no-repeat
}

.modal-main.saic-modal h3 {
  color: #333;
  font-size: 22px;
  font-weight: bold;
  margin: 20px 0
}

.modal-main.saic-modal p {
  color: #3c3935;
  font-size: 16px;
  line-height: 22px;
  margin: 20px 0
}

.modal-main.saic-modal button {
  width: 160px;
  height: 46px;
  color: #fff;
  line-height: 46px;
  text-align: center;
  margin-top: 10px;
  background-color: #00bbb4;
  border-radius: 2px
}

.ent-strip {
  width: 84px;
  height: 3px;
  margin: 24px 0;
  background: url("../images/strip_style_ent.png") no-repeat
}

.aboutus-banner {
  background: url("../images/banner_bg_4.jpg") no-repeat top center;
  background-size: cover;
  height: 700px
}

.aboutus-banner .xd-container {
  overflow: hidden
}

.aboutus-banner h1 {
  color: #fff;
  font-size: 54px;
  margin-top: 274px
}

.aboutus-banner p {
  color: #fff;
  width: 630px;
  margin-top: 22px;
  line-height: 1.8
}

.aboutus-banner .xd-block-btn {
  margin-top: 36px;
  position: relative;
  color: #fff;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #b2b2b2;
  border-radius: 2px
}

.aboutus-banner .xd-block-btn::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -10px -10px
}

.aboutus-banner .xd-block-btn:hover::after {
  animation: drifting .6s infinite
}

.aboutus-milestone-banner {
  background: url("../images/milestone_banner_bg.jpg") no-repeat top center;
  background-size: cover;
  text-align: center;
  height: 270px
}

.aboutus-milestone-banner .xd-container {
  overflow: hidden
}

.aboutus-milestone-banner h1 {
  color: #fff;
  font-size: 38px;
  margin-top: 112px
}

.aboutus-milestone-banner p {
  color: #fff;
  width: 960px;
  margin: 0 auto;
  margin-top: 12px;
  line-height: 2
}

.course-swiper-wrapper {
  position: relative
}

.course-swiper-wrapper .arrow-icon {
  position: absolute;
  top: 62px;
  z-index: 10;
  width: 76px;
  height: 76px;
  display: block;
  background: url("../images/course_swiper_arrow_icon.png") no-repeat
}

.course-swiper-wrapper .arrow-left {
  left: -26px;
  background-position: -10px -10px
}

.course-swiper-wrapper .arrow-right {
  right: -18px;
  background-position: -10px -106px
}

.course-swiper-container {
  width: 100%;
  height: 100%;
  margin-top: 55px;
  overflow: hidden
}

.course-swiper-container .swiper-wrapper {
  height: 380px !important
}

.course-swiper-container .swiper-slide {
  position: relative;
  height: 380px !important;
  background: url("../images/course_swiper_slide_bg.png") no-repeat left 260px
}

.course-swiper-container .swiper-slide:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 49px;
  width: 20px;
  height: 3px;
  display: block;
  background: -webkit-linear-gradient(left, #fff, transparent)
}

.course-swiper-container .swiper-slide:last-child::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 49px;
  width: 100px;
  height: 3px;
  display: block;
  background: -webkit-linear-gradient(right, #fff, transparent)
}

.course-swiper-container .swiper-slide .item {
  width: 270px;
  height: 230px;
  margin: 10px;
  padding: 5px;
  box-shadow: 0 0 10px 1px #ccc
}

.course-swiper-container .swiper-slide .pic {
  width: 260px;
  height: 170px
}

.course-swiper-container .swiper-slide .title {
  margin-top: 10px
}

.course-swiper-container .swiper-slide .title .date-wrap {
  float: left;
  margin-right: 5px;
  overflow: hidden
}

.course-swiper-container .swiper-slide .title .date {
  position: relative;
  z-index: 1;
  padding: 4px 0;
  text-align: center;
  width: 70px;
  color: #fff;
  display: inline-block;
  margin-right: 10px;
  background-color: #00bbb4
}

.course-swiper-container .swiper-slide .title .date::after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  z-index: -1;
  width: 14px;
  height: 32px;
  display: block;
  background-color: #00bbb4;
  -webkit-transform: rotate(-18deg);
  -moz-transform: rotate(-18deg);
  -o-transform: rotate(-18deg);
  transform: rotate(-18deg);
  transform-origin: right bottom;
  border-radius: 0
}

.course-swiper-container .swiper-slide .title p {
  line-height: 30px
}

.course-swiper-container .swiper-slide .title p.two-line {
  float: left;
  width: 175px;
  font-size: 15px;
  margin-top: -4px;
  line-height: 20px
}

.course-swiper-container .swiper-slide .link {
  position: relative;
  color: #333;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #515151;
  border-radius: 2px;
  margin: 30px 0 0 64px
}

.course-swiper-container .swiper-slide .link::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -39px -10px
}

.course-swiper-container .swiper-slide .link:hover::after {
  animation: drifting .6s infinite
}

.course-swiper-container .swiper-slide .year {
  position: absolute;
  left: 0;
  bottom: -3px;
  color: #00bbb4;
  font-size: 30px
}

.news-swiper-wrapper {
  position: relative
}

.news-swiper-wrapper .arrow-icon {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 28px;
  height: 28px;
  display: block;
  border: 1px solid #f0f0f0;
  border-radius: 1px;
  background: url("../images/news_swiper_arrow_icon.png") no-repeat
}

.news-swiper-wrapper .arrow-left {
  right: 48px;
  background-position: -12px -12px
}

.news-swiper-wrapper .arrow-left:hover {
  opacity: .6
}

.news-swiper-wrapper .arrow-right {
  right: 10px;
  background-position: -60px -12px
}

.news-swiper-wrapper .arrow-right:hover {
  opacity: .6
}

.news-swiper-container {
  width: 100%;
  height: 100%;
  margin-top: 40px;
  overflow: hidden
}

.news-swiper-container .swiper-wrapper {
  height: 385px !important
}

.news-swiper-container .swiper-slide {
  position: relative;
  width: 380px !important;
  height: 335px !important;
  margin: 0 10px
}

.news-swiper-container .swiper-slide .item {
  height: 335px;
  margin: 0;
  padding: 10px;
  display: block;
  background-color: #fff;
  border: 1px solid #f0f0f0
}

.news-swiper-container .swiper-slide .pic {
  width: 100%;
  height: 240px
}

.news-swiper-container .swiper-slide .pic img {
  width: 100%;
  height: 100%
}

.news-swiper-container .swiper-slide h5 {
  font-size: 18px;
  color: #333;
  margin: 14px 0 6px 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.news-swiper-container .swiper-slide .date {
  color: #666;
  margin-left: 6px
}

.block-aboutus-content-one .xd-container {
  padding: 80px 0
}

.block-aboutus-content-two {
  background-color: #f5f7f9
}

.block-aboutus-content-two .xd-container {
  padding: 80px 0
}

.block-aboutus-content-two .enterprise-culture .slogan {
  color: #666;
  font-size: 16px;
  text-align: center;
  margin: 14px auto 54px
}

.block-aboutus-content-two .enterprise-culture .slogan span {
  margin: 0 12px
}

.block-aboutus-content-two .enterprise-culture img {
  width: 100%
}

.block-aboutus-content-three .xd-container {
  padding: 80px 0
}

.block-aboutus-content-four {
  background-color: #f5f7f9
}

.block-aboutus-content-four .xd-container {
  padding: 80px 0
}

.block-aboutus-content-four .block-title {
  margin-bottom: 73px
}

.block-aboutus-content-four .xd-block-btn {
  position: relative;
  color: #333;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #515151;
  border-radius: 2px;
  margin-top: 32px
}

.block-aboutus-content-four .xd-block-btn::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -39px -10px
}

.block-aboutus-content-four .xd-block-btn:hover::after {
  animation: drifting .6s infinite
}

.block-aboutus-content-four .xd-left h2 {
  color: #333;
  font-size: 30px;
  line-height: 1.6;
  margin-top: 56px
}

.block-aboutus-content-four .xd-left .job-intro {
  color: #666
}

.block-aboutus-content-four .xd-right {
  position: relative
}

.block-aboutus-content-four .xd-right::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -32px;
  bottom: -32px;
  width: 142px;
  height: 143px;
  background: url("../images/slice_style_one.png") no-repeat
}

.block-aboutus-content-four .xd-right::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -32px;
  left: -32px;
  width: 117px;
  height: 133px;
  background: url("../images/slice_style_two.png") no-repeat
}

.block-aboutus-content-four .job-pic {
  position: relative;
  width: 630px;
  height: 326px
}

.block-time-line {
  position: relative;
  margin-top: 45px;
  padding-top: 61px
}

.block-time-line.show {
  height: 100% !important
}

.block-time-line.show::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 2px;
  height: 78px;
  border-left: 2px dashed #ffc18e
}

.block-time-line.show::after {
  background: transparent
}

.block-time-line.show .axes {
  height: calc(100% - 78px)
}

.block-time-line::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 38px;
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%)
}

.block-time-line .axes {
  position: absolute;
  left: 50%;
  top: 6px;
  height: 100%;
  border-left: 2px solid #ffc18e
}

.block-time-line .item {
  position: relative;
  margin-top: -10px;
  width: 601px
}

.block-time-line .item:nth-child(odd) {
  float: right
}

.block-time-line .item:nth-child(odd) .year {
  left: 60px
}

.block-time-line .item:nth-child(odd) .year::before {
  top: 12px;
  left: -68px;
  background-position: -10px -10px
}

.block-time-line .item:nth-child(odd) .main,
.block-time-line .item:nth-child(odd) .card {
  margin-left: 60px
}

.block-time-line .item:nth-child(odd) .main::before,
.block-time-line .item:nth-child(odd) .card::before {
  left: 20px
}

.block-time-line .item:nth-child(even) {
  float: left
}

.block-time-line .item:nth-child(even) .year {
  right: 60px
}

.block-time-line .item:nth-child(even) .year::before {
  top: 12px;
  right: -70px;
  background-position: -10px -48px
}

.block-time-line .item:nth-child(even) .main::before,
.block-time-line .item:nth-child(even) .card::before {
  right: 20px
}

.block-time-line .item:nth-child(even) .card {
  margin-left: 20px
}

.block-time-line .item .year {
  position: absolute;
  top: -60px;
  font-size: 30px;
  color: #333
}

.block-time-line .item .year::before {
  content: "";
  position: absolute;
  z-index: 10;
  width: 64px;
  height: 18px;
  display: block;
  background: url("../images/axes_icon.png") no-repeat
}

.block-time-line .item .main {
  position: relative;
  width: 540px;
  height: 128px;
  padding: 40px 30px;
  background-color: #f5f7f9
}

.block-time-line .item .main::before {
  content: "";
  position: absolute;
  top: -15px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #f5f7f9
}

.block-time-line .item .main .text {
  display: table;
  overflow: hidden
}

.block-time-line .item .main .tag {
  position: relative;
  z-index: 1;
  float: left;
  color: #fff;
  font-size: 22px;
  width: 70px;
  height: 48px;
  line-height: 48px;
  margin-right: 40px;
  padding-left: 16px;
  background-color: #0055b8
}

.block-time-line .item .main .tag::after {
  content: "";
  position: absolute;
  top: -2px;
  right: -17px;
  z-index: -1;
  width: 22px;
  height: 50px;
  background-color: #0055b8;
  -webkit-transform: rotate(-18deg);
  -moz-transform: rotate(-18deg);
  -o-transform: rotate(-18deg);
  transform: rotate(-18deg);
  transform-origin: right bottom;
  border-radius: 0
}

.block-time-line .item .main .icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 85px;
  height: 85px;
  background: url("../images/course_time_line_icon.png") no-repeat
}

.block-time-line .item .main .icon.face-icon {
  background-position: -10px -10px
}

.block-time-line .item .main .icon.earth-icon {
  background-position: -10px -115px
}

.block-time-line .item .main .icon.tick-icon {
  background-position: -10px -220px
}

.block-time-line .item .main .icon.trophy-icon {
  background-position: -10px -325px
}

.block-time-line .item .main .icon.ally-icon {
  background-position: -10px -430px
}

.block-time-line .item .main .icon.workbox-icon {
  background-position: -10px -535px
}

.block-time-line .item .main .icon.home-icon {
  background-position: -10px -640px
}

.block-time-line .item .main .icon.thirty-icon {
  background-position: -10px -745px
}

.block-time-line .item .main .icon.shop-icon {
  background-position: -10px -850px
}

.block-time-line .item .main .icon.planet-icon {
  background-position: -10px -955px
}

.block-time-line .item .main p {
  width: 265px;
  display: table-cell;
  vertical-align: middle
}

.block-time-line .item .card {
  width: 540px;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 6px 20px #dbded9
}

.block-time-line .item .card .text {
  display: table;
  padding-top: 14px
}

.block-time-line .item .card h5 {
  position: relative;
  float: left;
  font-size: 22px;
  color: #333;
  line-height: 36px;
  display: block;
  white-space: nowrap;
  margin-right: 20px;
  padding-right: 20px
}

.block-time-line .item .card h5::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  display: block;
  width: 3px;
  height: 18px;
  background-color: #0055b8
}

.block-time-line .item .card p {
  display: table-cell;
  vertical-align: middle
}

.block-aboutus-milestone-content-one .xd-container {
  padding: 80px 0
}

.block-aboutus-milestone-content-one .course-time-line {
  width: 100%;
  height: 768px;
  overflow: hidden
}

.block-aboutus-milestone-content-one .more {
  margin-top: 32px;
  text-align: center
}

.block-aboutus-milestone-content-one .more a {
  position: relative;
  color: #333;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #515151;
  border-radius: 2px
}

.block-aboutus-milestone-content-one .more a::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -39px -10px
}

.block-aboutus-milestone-content-one .more a:hover::after {
  animation: drifting .6s infinite
}

.block-aboutus-milestone-content-one .more a::after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.block-aboutus-milestone-content-one .more a:hover::after {
  animation: none;
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
  transform: rotate(-270deg)
}

.block-aboutus-milestone-content-two {
  background-color: #f7fafa
}

.block-aboutus-milestone-content-two .xd-container {
  padding: 80px 0;
  width: 1240px
}

.block-aboutus-milestone-content-two .honor-time-line {
  width: 100%;
  height: 768px;
  padding-top: 182px;
  padding-bottom: 20px;
  overflow: hidden
}

.block-aboutus-milestone-content-two .honor-time-line .item {
  margin-top: -130px;
  width: 621px
}

.block-aboutus-milestone-content-two .more {
  margin-top: 32px;
  text-align: center
}

.block-aboutus-milestone-content-two .more a {
  position: relative;
  color: #333;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  display: inline-block;
  padding: 0 32px 0 16px;
  border: 1px solid #515151;
  border-radius: 2px
}

.block-aboutus-milestone-content-two .more a::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 9px;
  height: 8px;
  display: block;
  background: url("../images/btn_arrow.png") no-repeat -39px -10px
}

.block-aboutus-milestone-content-two .more a:hover::after {
  animation: drifting .6s infinite
}

.block-aboutus-milestone-content-two .more a::after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.block-aboutus-milestone-content-two .more a:hover::after {
  animation: none;
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
  transform: rotate(-270deg)
}

.joinus-banner {
  background: url("../images/banner_bg_5.jpg") no-repeat top center;
  background-size: cover;
  text-align: center;
  height: 270px
}

.joinus-banner .xd-container {
  overflow: hidden
}

.joinus-banner h1 {
  color: #b2b2b2;
  font-size: 38px;
  margin-top: 142px
}

.block-joinus-main {
  background-color: #f5f7f9
}

.block-joinus-main .xd-container {
  padding: 80px 0
}

.block-joinus-main .xd-container>div {
  padding: 40px;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 4px 16px 0 #d6d6d6
}

.block-joinus-main h2 {
  color: #333;
  font-size: 26px;
  padding: 16px 0;
  border-bottom: 1px solid #e5e5e5
}

.block-joinus-main .left {
  float: left;
  width: 380px
}

.block-joinus-main .left li {
  padding: 18px 0 16px;
  border-bottom: 1px solid #e5e5e5
}

.block-joinus-main .left li.active {
  border-bottom: 2px solid #00bbb4
}

.block-joinus-main .left li.active h5 {
  font-weight: bold;
  color: #00bbb4
}

.block-joinus-main .left li.active h5 a {
  color: #00bbb4
}

.block-joinus-main .left li.active .date {
  color: #00bbb4
}

.block-joinus-main .left li a {
  display: block
}

.block-joinus-main .left li a:hover {
  color: #000
}

.block-joinus-main .left li h5 {
  color: #333;
  font-size: 18px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.block-joinus-main .left li .date {
  color: #666;
  font-size: 14px
}

.block-joinus-main .right {
  float: right;
  width: 800px
}

.block-joinus-main .right .job-base-info {
  color: #999;
  width: 100%;
  margin-top: 24px;
  padding: 12px 24px;
  background-color: #f4f6f8;
  overflow: hidden
}

.block-joinus-main .right .job-base-info h5 {
  font-size: 16px;
  font-weight: bold;
  display: inline-block
}

.block-joinus-main .right .job-base-info .job-city {
  font-size: 0;
  margin-bottom: 12px
}

.block-joinus-main .right .job-base-info .job-city span {
  font-size: 16px;
  margin-right: 10px
}

.block-joinus-main .right .job-base-info .job-category,
.block-joinus-main .right .job-base-info .job-department {
  float: left
}

.block-joinus-main .right .job-base-info .job-category {
  margin-right: 100px
}

.block-joinus-main .right .job-list-info {
  margin-top: 30px
}

.block-joinus-main .right .job-list-info h3 {
  color: #333;
  font-size: 22px;
  margin-bottom: 16px
}

.block-joinus-main .right .job-list-info li {
  color: #666;
  margin-bottom: 14px
}

.leagueus-banner {
  background: url("../images/banner_bg_6.jpg") no-repeat top center;
  background-size: cover;
  text-align: center;
  height: 270px
}

.leagueus-banner .xd-container {
  overflow: hidden
}

.leagueus-banner h1 {
  color: #b2b2b2;
  font-size: 38px;
  margin-top: 142px
}

.block-leagueus-centent-one .xd-container {
  padding: 80px 0
}

.block-leagueus-centent-one .block-leagueus-main {
  position: relative
}

.block-leagueus-centent-one .block-leagueus-main::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -32px;
  left: -32px;
  width: 117px;
  height: 133px;
  background: url("../images/slice_style_two.png") no-repeat
}

.block-leagueus-centent-one .block-leagueus-main::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -32px;
  bottom: -32px;
  width: 142px;
  height: 143px;
  background: url("../images/slice_style_one.png") no-repeat
}

.block-leagueus-centent-one .block-leagueus-main h4 {
  color: #333;
  font-size: 30px
}

.block-leagueus-centent-one .block-leagueus-main p {
  color: #666;
  line-height: 1.8
}

.block-leagueus-centent-one .block-leagueus-main .info {
  padding: 48px 0 0 40px
}

.block-leagueus-centent-one .block-leagueus-main .contact-us {
  font-size: 18px;
  color: #333;
  margin-top: 40px
}

.block-leagueus-centent-one .block-leagueus-main .contact-us>div {
  padding: 8px 0 8px 40px
}

.block-leagueus-centent-one .block-leagueus-main .contact-us .tel {
  background: url("../images/contact_leagueus_icon.png") no-repeat -10px -1px
}

.block-leagueus-centent-one .block-leagueus-main .contact-us .email {
  background: url("../images/contact_leagueus_icon.png") no-repeat -10px -46px
}

.block-leagueus-centent-one .block-leagueus-main .list li {
  font-size: 16px;
  padding: 10px 0 10px 54px;
  margin: 5px 0;
  background: url("../images/contact_leagueus_icon.png") no-repeat
}

.block-leagueus-centent-one .block-leagueus-main .list li:nth-child(1) {
  background-position: -10px -96px
}

.block-leagueus-centent-one .block-leagueus-main .list li:nth-child(2) {
  background-position: -10px -144px
}

.block-leagueus-centent-one .block-leagueus-main .list li:nth-child(3) {
  background-position: -10px -212px
}

.block-leagueus-centent-one .block-leagueus-main .list li:nth-child(4) {
  background-position: -10px -260px
}

.block-leagueus-centent-one .block-one,
.block-leagueus-centent-one .block-two {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #f0f0f0
}

.block-leagueus-centent-one .block-one {
  margin-bottom: 40px
}

.block-leagueus-centent-one .block-one .info {
  width: 600px;
  float: left
}

.block-leagueus-centent-one .block-one img {
  float: right
}

.block-leagueus-centent-one .block-two .info {
  width: 626px;
  margin-right: 16px;
  float: right
}

.block-leagueus-centent-one .block-two img {
  float: left
}

.block-news-main {
  width: 100%;
  min-height: 700px;
  margin-top: 152px
}

.block-news-main .list {
  float: left;
  width: 300px;
  margin-bottom: 60px
}

.block-news-main .list h2 {
  color: #333;
  font-size: 26px;
  padding: 46px 0 16px;
  border-bottom: 1px solid #e5e5e5
}

.block-news-main .list li {
  padding: 18px 0 16px;
  border-bottom: 1px solid #e5e5e5
}

.block-news-main .list li.active {
  border-bottom: 2px solid #00bbb4
}

.block-news-main .list li.active h5 {
  font-weight: bold;
  color: #00bbb4
}

.block-news-main .list li.active span {
  color: #00bbb4
}

.block-news-main .list li.active .date {
  color: #00bbb4
}

.block-news-main .list li a {
  display: block
}

.block-news-main .list li h5 {
  color: #333;
  font-size: 18px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.block-news-main .list li .date {
  color: #666;
  font-size: 14px
}

.block-news-main .list .recent-news {
  max-height: 680px;
  overflow-y: auto
}

.block-news-main .news-content {
  width: 788px;
  float: right
}

.block-news-main .news-content .title {
  padding: 0 0 16px 0;
  border-bottom: 1px solid #e5e5e5
}

.block-news-main .news-content .title h1 {
  color: #333;
  font-size: 34px;
  padding: 0 0 16px 0
}

.block-news-main .news-content .title .date {
  color: #666;
  font-size: 14px
}

.block-news-main .news-content .body {
  color: #666;
  padding: 46px 0
}

.block-news-main .news-content .body p,
.block-news-main .news-content .body img {
  margin-bottom: 16px
}

.block-news-main .news-content .body strong {
  font-weight: bold
}

.block-news-main .news-content .body p {
  text-indent: 2em;
  line-height: 2
}

.block-news-main .news-content .body .image-wrap {
  text-align: center
}

.block-news-main .news-content .body img {
  max-width: 680px
}

.block-news-center .xd-container {
  padding-bottom: 80px
}

.block-download-content {
  width: 100%;
  height: 100%;
  text-align: center
}

.block-download-content.all-app-download {
  background: url("../images/all_app_bg.jpg") no-repeat 100%/100%;
  background-size: cover
}

.block-download-content.saic-app-download {
  background: url("../images/saic_app_bg.jpg") no-repeat 100%/100%;
  background-size: cover
}

.block-download-content h1 {
  color: #fff;
  font-size: 30px;
  line-height: 2;
  text-align: center;
  padding-top: 200px
}

.block-download-content .app-wrap {
  font-size: 0;
  margin-top: 80px
}

.block-download-content .app-wrap.saic-wrap .item {
  margin: 0 200px 30px
}

.block-download-content .app-wrap .item {
  color: #fff;
  font-size: 22px;
  margin: 0 100px 30px;
  display: inline-block
}

.block-download-content .app-wrap .qrcode {
  width: 200px;
  height: 200px;
  margin-bottom: 20px;
  background-color: #ccc
}

.block-download-content .go-back-btn {
  position: relative;
  color: #fff;
  font-size: 22px;
  margin-top: 80px;
  padding-left: 26px;
  display: inline-block
}

.block-download-content .go-back-btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 16px;
  height: 14px;
  display: block;
  background: url("../images/back_arrow.png") no-repeat
}

.agreement-main {
  width: 1000px;
  margin: 50px auto 50px;
  border: 1px solid #cbcbcb;
  font-size: 16px;
  padding: 30px 50px;
  border-radius: 5px
}

.agreement-main h2 {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 50px;
  text-align: center
}

.agreement-main h3 {
  font-weight: 700;
  line-height: 38px
}

.agreement-main h4 {
  padding: 20px 0
}

.agreement-main p {
  line-height: 32px;
  text-indent: 28px;
  margin-bottom: 10px
}

.agreement-main .bold {
  font-weight: bold;
  margin-bottom: 0
}

.bgc_fff {
  background-color: #fff;
}

.bgc_f5f7f9 {
  background-color: #f5f7f9;
}

.block-ent-wrap {
  padding: 60px 0;
  width: 100%;
}

.block-ent-box {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.block-ent-img {
  width: 340px;
  height: 120px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.block-icon-one {
  width: 120px;
  height: 120px;
}

.block-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 30px;
}


.block-ent-title {
  font-size: 38px;
  font-weight: 500;
  margin-bottom: 6px;
}

.block-ten-right p {
  columns: #5d5d5d;
  line-height: 22px;
}