@font-face {
    font-family: rzzy;
    src: url("/statics/res/zbtaodu/rzzy.ttf");
  }

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

  .main-content button:hover {
    cursor: pointer;
  }

  .main-content {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
  }

  .main-content>* {
    width: 100%;
  }

  .main-content * {
    color: #333;
  }

  .main-content a:hover {
    text-decoration: none;
  }

  .onebox {
    width: 100%;
    height: 280px;
    margin-bottom: 60px;
    background: url(/statics/res/zbtaodu/img/onebox-bg.png) no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .onebox p {
    flex: 1;
    font-family: rzzy;
    line-height: 80px;
    font-size: 65px;
    color: #fff;
    display: flex;
    align-items: center;
  }

  .one-tle {
    width: 100%;
    display: flex;
    justify-content: space-around;
  }

  .one-tle li {
    font-size: 18px;
    color: #fff;
    line-height: 48px;
  }

  .one-tle li:hover {
    font-weight: bold;
    color: #fff951;
  }

  .twobox {
    height: 408px;
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
  }

  .twobox>div {
    width: 540px;
    height: 100%;
  }

  .twobox-son {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .videobox {
    display: flex;
    background-color: #000;
  }

  .videobox video {
    width: 100%;
  }

  .two-txt {
    height: 182px;
    background-color: #f7faff;
    box-sizing: border-box;
    padding: 20px;
  }

  .two-txt p {
    font-size: 18px;
    color: #258ceb;
    line-height: 18px;
    font-weight: bold;
  }

  .two-txt p::after {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    margin: 14px 0 10px;
    background-color: #258ceb;
  }

  .two-txt span {
    font-size: 16px;
    line-height: 26px;
  }

  .twobox table {
    width: 100%;
    height: 215px;
  }

  .twobox tr * {
    border: 1px solid #8ca1b4;
    text-align: center;
    font-size: 14px;
  }

  .twobox tr th {
    font-weight: initial;
    font-size: 16px;
    background-color: #eef7ff;
  }

  .twobox td:first-child {
    color: #35658b;
  }

  .boxtle * {
    text-align: center;
  }

  .boxtle p {
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
  }

  .boxtle p::after {
    content: "";
    display: block;
    width: 100px;
    height: 4px;
    border-radius: 2px;
    margin: 20px auto;
    background-color: #478eea;
  }

  .boxtle p * {
    color: #468de9;
  }

  .boxtle>span {
    display: block;
    font-size: 15px;
    line-height: 15px;
  }

  .threebox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 56px;
    height: 240px;
  }

  .threeleft {
    width: 620px;
    height: 100%;
  }

  .threeright {
    width: 460px;
    height: 100%;
  }

  .tl-tle {
    font-size: 18px;
    font-weight: bold;
    text-indent: 12px;
    line-height: 18px;
    padding-bottom: 13px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
  }

  .tl-tle::before {
    content: "";
    display: block;
    width: 2px;
    height: 13px;
    background-color: #468de9;
  }

  .tl-btn {
    display: flex;
    justify-content: space-between;
  }

  .tl-btn a {
    display: block;
    width: 140px;
    height: 40px;
    margin: 14px 0;
    background: url(/statics/res/zbtaodu/img/tl-btnbg.png) no-repeat;
    background-size: 100%;
    text-decoration: none;
    color: #216ad0;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    transition: margin .26s;
  }

  .tl-btn a:hover{
    margin-top: 8px;
  }

  .tl-txt {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .tl-txt li {
    font-size: 16px;
    line-height: 28px;
    width: 285px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .tl-txt a:nth-child(odd) {
    margin-right: 33px;
  }

  .tl-txt a:hover {
    text-decoration: underline;
  }

  .threeright {
    width: 458px;
    height: 226px;
    background: url(/statics/res/zbtaodu/img/tr-boxbg.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
  }

  .threeright * {
    color: #fff;
  }

  .threeright p {
    margin-top: 40px;
    line-height: 18px;
    font-size: 18px;
  }

  .threeright span {
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 14px;
  }

  .threeright hr {
    display: inline-block;
    border: 0;
    padding: 0;
    width: 100px;
    height: 1px;
    margin: 14px 0;
    background-color: #fff;
  }

  .threeright a {
    display: inline-block;
    width: 140px;
    height: 32px;
    border-radius: 3px;
    background-color: #d93536;
    text-align: center;
    line-height: 32px;
    font-size: 15px;
    color: #fff;
    margin-top: 15px;
  }

  .threeright a:hover {
    background-color: #ca3131;
  }

  .fourbox {
    width: 880px;
    height: 220px;
    display: flex;
    justify-content: space-between;
    margin: 40px 0 60px;
  }

  .fourbox>div {
    width: 400px;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 10px -3px #00000030;
  }

  .fourbox p {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }

  .fourleft p {
    background-image: linear-gradient(90deg, #468de9, #76b1ff);
  }

  .fourright p {
    background-image: linear-gradient(90deg, #ff9000, #ffa800);
  }

  .fourbox span {
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    margin: 16px;
  }

  .fourbox a {
    display: inline-block;
    width: 180px;
    height: 36px;
    border-radius: 36px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    font-weight: bold;
    margin-left: -90px;
  }

  .fourleft a {
    color: #1c68c8;
    background-color: #e5f1ff;
  }

  .fourleft a:hover {
    background-color: #d9e9fc;
  }

  .fourright a {
    color: #d37a02;
    background-color: #fff5e9;
  }

  .fourright a:hover {
    background-color: #ffebd3;
  }

  .fivebox {
    width: 100%;
    height: 344px;
    margin: 30px 0 60px;
    background: url(/statics/res/zbtaodu/img/fivebox-bg.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }

  .fivebox-son {
    width: 250px;
    height: 284px;
    background-color: #fff;
    border-radius: 6px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 40px;
  }

  .fivebox-son img {
    height: 48px;
  }

  .fivebox-son p {
    font-size: 18px;
    line-height: 18px;
    margin: 20px 0 15px;
    font-weight: bold;

  }

  .fivebox-son span {
    font-size: 14px;
    line-height: 24px;
  }

  .sixbox {
    height: 756px;
    background: url(/statics/res/zbtaodu/img/sixbox-bg.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 40px 38px;
    margin-bottom: 60px;
  }

  .sixbox-son {
    width: 1023px;
    height: 537px;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
  }

  .sixbox-item {
    width: 320px;
    height: 220px;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    padding: 8px 18px 0;
    background: #fff url(/statics/res/zbtaodu/img/sixbox-itembg.png) no-repeat;
    background-position: 220px 20px;
    background-size: 62px 46px;
    box-shadow: 0 0 10px -4px #00000040;
  }

  .sixbox-item:nth-child(odd) {
    margin-right: 320px;
  }

  .sixbox-item p {
    font-size: 15px;
    line-height: 26px;
  }

  .sixbox-item p:first-child {
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    color: #468de9;
  }

  .sixbox-item span {
    color: #999;
  }

  .sixbox-item a {
    display: block;
    width: 280px;
    height: 36px;
    border-radius: 3px;
    font-size: 15px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -140px;
    bottom: 20px;
    background-image: linear-gradient(90deg, #468de9, #73b0ff);
  }

  .sevenbox {
    height: 332px;
    background: url(/statics/res/zbtaodu/img/sevenbox-bg.png) no-repeat;
    background-size: 1119px 352px;
    background-position: center;
    border-radius: 10px;
    margin: 30px 0 60px;
    box-shadow: 0 0 12px -2px #00000020;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sevenbox-son {
    width: 1060px;
    height: 292px;
    box-sizing: border-box;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .sevenbox-son hr {
    height: 1px;
    margin: 30px 0;
    background-color: #f2f2f2;
  }

  .sevenbox-item {
    display: flex;
    align-items: center;
  }

  .sevenbox-item img {
    width: 89px;
    height: 89px;
    margin: 0 28px;
  }

  .sevenbox-item div {
    box-sizing: border-box;
    padding-right: 30px;
  }

  .sevenbox-item:last-child div {
    padding-right: initial;
    padding-left: 30px;
  }

  .sevenbox-item p {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    padding-bottom: 12px;
    margin-bottom: 7px;
    border-bottom: 1px dashed #e3ecfd;
  }

  .sevenbox-item:last-child p {
    text-align: right;
  }

  .sevenbox-item span {
    font-size: 14px;
    line-height: 24px;
    color: #676767;
  }

  .eightbox {
    margin: 40px 0 60px;

  }

  .etbox-one {
    height: 140px;
    background: url(/statics/res/zbtaodu/img/eightbox-bg.png) no-repeat;
    background-size: 100%;
    background-size: 936px auto;
    background-position: center;
    display: flex;
    justify-content: space-between;
  }

  .etonebox-item,
  .etonebox-item a {
    display: block;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
  }

  .etonebox-item a {
    position: relative;
    transition: all .26s;
    box-shadow: 0 0 10px -2px #00000020;
  }

  .etonebox-item a:hover{
    transform: scale(1.08);
    box-shadow: 0 0 14px -4px #00000030;
  }

  .etonebox-item:nth-child(even) {
    margin-top: 40px;
  }

  .etonebox-item img {
    height: 40px;
    margin-top: 30px;
  }

  .etonebox-item p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 14px;
  }

  .etbox-two {
    margin: 54px 0 20px;
  }

  .etbox-two p {
    height: 36px;
    margin-bottom: 16px;
    border-radius: 36px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
  }

  .etbox-two p span {
    width: 100%;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 16px;
    background-color: #8abdff;
  }

  .etbox-two p span:nth-child(2) {
    background-color: #559fff;
  }

  .etbox-two p span:nth-child(3) {
    background-color: #468de9;
  }

  .etbox-two>span {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: #989898;
  }

  .etbox-three {
    height: 220px;
    display: flex;
    justify-content: space-between;
  }

  .ettwobox-item {
    width: 175px;
    height: 100%;
    position: relative;
    text-align: center;
    background: url(/statics/res/zbtaodu/img/24.png) no-repeat;
    background-size: 100%;
  }

  .ettwobox-item:nth-child(2) {
    background: url(/statics/res/zbtaodu/img/25.png) no-repeat;
  }

  .ettwobox-item:nth-child(3) {
    background: url(/statics/res/zbtaodu/img/26.png) no-repeat;
  }

  .ettwobox-item:nth-child(4) {
    background: url(/statics/res/zbtaodu/img/27.png) no-repeat;
  }

  .ettwobox-item:nth-child(5) {
    background: url(/statics/res/zbtaodu/img/28.png) no-repeat;
  }

  .ettwobox-item:nth-child(6) {
    background: url(/statics/res/zbtaodu/img/29.png) no-repeat;
  }

  .ettwobox-item:first-child p {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    margin: 27px 0 13px;
  }

  .ettwobox-item:first-child a {
    display: inline-block;
    width: 90px;
    height: 30px;
    border-radius: 3px;
    background-color: #ffc410;
    font-size: 14px;
    line-height: 30px;
    color: #71560f;
  }

  .ettwobox-item:nth-child(n+2) p {
    width: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    position: absolute;
    bottom: 0;
  }

  .eightbox>a {
    display: block;
    width: 260px;
    height: 48px;
    font-size: 16px;
    font-weight: bold;
    line-height: 48px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin: 40px auto 0;
    background-color: #d93536;
  }

  .ninebox {
    margin: 30px 0 60px;
  }

  .neonebox {
    display: flex;
    justify-content: space-between;
  }

  .neonebox div {
    width: 260px;
    height: 320px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
  }

  .neonebox div img {
    width: 100%;
    height: 200px;
    margin-bottom: 17px;
  }

  .neonebox div p {
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 14px;
  }

  .neonebox div span {
    font-size: 15px;
    line-height: 15px;
  }

  .neonebox div a {
    display: block;
    width: 120px;
    height: 32px;
    margin-top: 12px;
    border-radius: 3px;
    background-color: #d93536;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    line-height: 32px;
    text-align: center;
  }

  .netwobox {
    height: 260px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    margin: 22px 0;
  }

  .netwobox-item {
    width: 175px;
    height: 120px;
    text-align: center;
    border-radius: 5px;
    background-color: #eff6ff;
  }

  .netwobox-item:hover{
    background-color: #d7e9ff;
  }

  .netwobox-item img {
    height: 36px;
    margin: 30px 0 20px;
  }

  .netwobox-item p {
    font-size: 17px;
    line-height: 17px;
  }

  .ninebox>p,
  .ninebox>p * {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #d93533;
    text-align: center;
  }

  .tenbox {
    height: 500px;
    box-sizing: border-box;
    padding-top: 38px;
    background: url(/statics/res/zbtaodu/img/47.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 60px;
  }

  .tenbox .boxtle *,
  .twelvebox .boxtle * {
    color: #fff;
  }

  .tenbox .boxtle p::after,
  .twelvebox .boxtle p::after {
    background-color: #fff;
  }

  .tenbox .boxtle span * {
    color: #f95307;
  }

  .tenbox-son {
    margin-top: 58px;
    display: flex;
    justify-content: center;
  }

  .tenbox-son img {
    width: 410px;
    height: 263px;
    margin-right: 38px;
  }

  .tenbox-son div {
    width: 566px;
  }

  .tenbox-son div p {
    color: #fff;
    font-size: 15px;
    line-height: 27px;
  }

  .tenbox-son div a {
    display: inline-block;
    width: 220px;
    height: 48px;
    background-color: #fa5209;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 48px;
    border-radius: 5px;
    margin-right: 23px;
    margin-top: 52px;
  }

  .elevenbox {
    height: 192px;
    margin-top: 34px;
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
  }

  .eleven-item {
    width: 340px;
    text-align: center;
  }

  .eleven-item img {
    width: 100%;
    height: 120px;
    margin-bottom: 28px;
  }

  .eleven-item a {
    display: inline-block;
    width: 160px;
    height: 44px;
    background-color: #d93536;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
    line-height: 44px;
    text-align: center;
  }

  .twelvebox {
    height: 420px;
    background: url(/statics/res/zbtaodu/img/52.png) no-repeat;
    background-size: contain;
    box-sizing: border-box;
    padding-top: 40px;
    margin-bottom: 60px;
  }

  .formbox {
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
  }

  .twelvebox-son {
    width: 800px;
    height: 274px;
    border-radius: 3px;
    background-color: #fff;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 12px 20px;
  }

  .twelvebox-son>p {
    font-size: 15px;
    line-height: 25px;
    text-align: center;
  }

  .twelvebox-son hr {
    height: 1px;
    margin: 14px 0 20px;
    background-color: #ececec;
  }

  .formbox label {
    font-size: 17px;
  }

  .formbox label strong {
    color: #f00;
  }

  .formbox input {
    font-size: 14px;
    width: 260px;
    height: 44px;
    margin-left: 20px;
    border: 1px solid #e4e4e4;
    background-color: #f6f6f6;
    outline: none;
    box-sizing: border-box;
    padding-left: 20px;
  }

  .twelvebox-son button {
    display: block;
    width: 240px;
    height: 40px;
    border-radius: 3px;
    background-color: #d93536;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    border: 0;
    color: #fff;
    margin: 20px auto 14px;
  }

  .agree {
    width: 245px;
    height: 15px;
    font-size: 15px;
    color: #b5b5b5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }

  .agree input {
    margin-right: 5px;
  }

  .agree a {
    color: #d73437;
  }

  .iw_poi_title {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap
  }

  .iw_poi_content {
    font: 12px arial, sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
  }

  .ditubox {
    width: 560px;
    height: 160px;
  }

  .ditubox>div:nth-child(2){
    display: none;
  }

  .BMap_Marker img {
    display: none !important;
  }

  span.BMap_noprint {
    background: url(/statics/res/zbtaodu/img/us_cursor.gif) !important;
    background-position: 0px -21px !important;
    height: 25px !important;
  }

  .thirteenbox {
    margin-top: 12px;
    height: 200px;
    background-color: #f6f6f6;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    justify-content: space-between;
  }

  .ttbox-txt p {
    font-size: 14px;
    line-height: 30px;
  }

  .ttbox-txt p:first-child {
    font-size: 18px;
    font-weight: bold;
    line-height: 35px;
  }

  .ttkfbtn {
    display: block;
    width: 160px;
    height: 40px;
    margin-top: 12px;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    background-color: #d93536;
    text-align: center;
    line-height: 40px;
  }

  .ttkfbtn:hover{
    color: #fff;
  }

  label.BMapLabel{
    left: 20px !important;
    top: -2px !important;
  }


  .agreement {
    display: none;
    width: 42vw;
    height: 60vh;
    margin-left: -21vw;
    margin-top: -35vh;
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 6px;
    padding: 30px 18px;
    box-shadow: rgba(0 0 0 / 6%) 2px 2px 6px 2px;
    background-color: #fff;
    z-index: 99;
  }

  .ua {
    width: 90%;
    height: 84%;
    margin: 0 auto;
    resize: none;
    border: none;
    padding: 10px 20px 20px;
    outline: none;
    font-size: 14px;
    overflow-y: overlay;
    color: #3c3c3c;
  }

  .ua::-webkit-scrollbar {
    width: 4px;
  }

  .ua::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.4);
  }

  .ua::-webkit-scrollbar-track {
    background-color: #e2e2e2;
    border-radius: 5px;
  }

  .agreement h2 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 16px;
  }

  .uabtn {
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 38px;
    padding: 0 20px;
    border: 1px solid #eee;
    line-height: 36px;
    border-radius: 5px;
    font-size: 15px;
    position: relative;
    top: 12px;
  }

  .uabtn:hover {
    color: #444;
    text-decoration: none;
    background-color: #d2d2d2;
  }

  .ua p {
    font-size: 16px;
  }