﻿.floatWin_hide {
  opacity: 0;
  filter: alpha(opacity=0);
}

body {
  background-color: #f8f8f8; }


.foot-help {
  margin-top: 0;
  padding: 36px 0 38px;
  background: #2C2C74; }

.foot-helpl {
  width: 56px; }

.foot-helpr-a {
  line-height: 18px;
  color: #d1d3fa;
  padding-top: 2px; }

.foot-helpr-b {
  color: #d1d3fa; }

.main_body {
  min-height: 100px;
  overflow: hidden; }

.banner {
  width: 100%;
  height: 788px;
  position: relative;
  overflow: hidden; }

.banner > img {
  max-width: initial;
  max-width: none;
  height: 788px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px; }

.bannerbd {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative; }

.bannerbd .text1 {
  line-height: 79px;
  text-align: center;
  font-weight: bold;
  font-size: 60px;
  color: #fff;
  padding: 64px 0 20px; }

.bannerbd .text1 span {
  display: inline-block;
  color: #d9191e; }

.bannerbd .text2 {
  line-height: 31px;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: #97b2ea;
  background: url("../Images/banner_text.png") no-repeat center center; }

.regtabbox {
  height: 360px;
  margin-top: 55px; }

.regtab {
  height: 360px;
  position: relative; }

.regtab > .hd {
  height: 44px; }

.regtab > .hd > ul {
  display: table;
  margin: 0 auto;
  transform: translateX(29px);
  -webkit-transform: translateX(29px);
  height: 44px;
  text-align: center; }

.regtab > .hd > ul > li {
  width: 235px;
  float: left;
  display: inline-block;
  height: 44px;
  text-indent: -9999px;
  cursor: pointer; }

.regtab > .hd > ul > li:first-child {
  width: 263px; }

.regtab > .bd {
  width: 1252px;
  height: 416px;
  margin-left: -13px;
  margin-top: -60px; }

.regtab > .bd > ul {
  width: 1252px;
  height: 416px;
  background: url("../Images/regtab_bg02.png") no-repeat; }

.regtab > .bd > ul:first-child {
  background: url("../Images/regtab_bg01.png") no-repeat; }

.regtab > .bd > ul > li {
  width: 970px;
  height: 316px;
  position: absolute;
  top: 44px;
  left: 229px; }

.regcontent {
  width: 100%;
  height: 100%;
  position: relative; }

.regcontent .regsearch {
  width: 685px;
  height: 45px;
  margin: 0 auto;
  padding: 58px 0 27px;
  position: relative;
}

.regcontent .regsearch .stips{
  position: absolute;
  top: 38px;
  left: 175px;
  font-size: 12px;
  color: #fff;
  background: #4D68A0;
  /*display: inline-block;*/
  line-height: 20px;
  padding: 0 5px;
  width: 327px;
  display: none;
}

.regcontent .regsearch .stips b{
  color: #f00;
}

.regcontent .regsearch input[type=text] {
  float: left;
  display: block;
  height: 43px;
  line-height: 43px;
  text-indent: 23px;
  font-size: 14px;
  background: #fff;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}

.regcontent .regsearch .inp01 {
  width: 510px; }

.regcontent .regsearch .inp03 {
  width: 165px; }

.regcontent .regsearch .inp04 {
  width: 335px;
  margin-left: 8px; }

.regcontent .regsearch input[type=text]::-webkit-input-placeholder {
  color: #a7a7a7; }

.regcontent .regsearch input[type=text]:-moz-placeholder {
  color: #a7a7a7; }

.regcontent .regsearch input[type=text]::-moz-placeholder {
  color: #a7a7a7; }

.regcontent .regsearch input[type=text]:-ms-input-placeholder {
  color: #a7a7a7; }

.regcontent .regsearch .inp02 {
  float: left;
  display: block;
  width: 177px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  background: #4D68A0;
  margin-left: -4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  cursor: pointer; }

.regcontent .statistics {
  width: 690px;
  height: 51px;
  line-height: 51px;
  margin: 0 auto; }

.regcontent .statistics > div {
  float: left;
  font-weight: bold;
  font-size: 16px;
  color: #acacac;
  margin-left: 56px; }

.regcontent .statistics > div.statis01 {
  padding-left: 56px;
  background: url("../Images/statis_icon01.png") no-repeat -9px center; }

.regcontent .statistics > div.statis02 {
  padding-left: 53px;
  background: url("../Images/statis_icon02.png") no-repeat left 12px; }

.regcontent .statistics > div:first-child {
  margin-left: 0; }

.regcontent .statistics > div span,
.regcontent .statistics > div b {
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  color: #d62024;
  margin: 0 5px; }

.regcontent .statistics > div.statis02 span {
  color: #395fe4; }

.regcontent .statistics > div b {
  font-size: 16px;
  color: #395fe4; }

.regcontent .statistics > div i {
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
  color: #c5c5c5; }

.userscroll {
  position: relative;
  width: 720px;
  margin: 25px auto 0; }

.userscroll .smbd {
  height: 72px;
  overflow: hidden;
}

.userscroll ul {
  height: 36px; }

.userscroll ul li {
  width: 50%;
  float: left;
  line-height: 36px;
  font-size: 14px;
  color: #999; }

.userscroll ul li span {
  float: left;
  display: inline-block;
  width: 326px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.userscroll ul li:before {
  content: "";
  display: block;
  float: left;
  width: 3px;
  height: 3px;
  background: #C9C9C9;
  margin: 16.5px 7px; }

.userscroll .arrow {
  height: 16px;
  width: 40px;
  position: absolute;
  top: -56px;
  right: 22px; }

.userscroll .arrow a {
  float: left;
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 2px; }

.userscroll .arrow .sprev {
  background: url("../Images/arr01.png") no-repeat; }

.userscroll .arrow .snext {
  background: url("../Images/arr02.png") no-repeat; }

.turnover {
  height: 179px;
  background: url("../Images/turnover.png") no-repeat -13px -3px; }

.turnover .cont {
  float: right;
  padding-top: 34px; }

.turnover .cont li {
  float: left;
  height: 105px;
  margin: 12px 0;
  text-align: center;
  background: url("../Images/line_fl.png") no-repeat left center; }

.turnover .cont .li01 {
  width: 265px; }

.turnover .cont .li02 {
  width: 217px; }

.turnover .cont .li03 {
  width: 195px; }

.turnover .cont .li04 {
  width: 156px; }

.turnover .cont li .icon {
  display: block;
  height: 44px;
  margin-top: -12px; }

.turnover .cont .li01 .icon {
  background: url("../Images/turnover_icon1.png") no-repeat center center; }

.turnover .cont .li02 .icon {
  background: url("../Images/turnover_icon2.png") no-repeat center center; }

.turnover .cont .li03 .icon {
  background: url("../Images/turnover_icon3.png") no-repeat center center; }

.turnover .cont .li04 .icon {
  background: url("../Images/turnover_icon4.png") no-repeat center center; }

.turnover .cont li .num {
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  margin: 15px 0 4px; }

.turnover .cont li .num i {
  display: inline-block;
  font-size: 24px; }

.turnover .cont li .what {
  font-size: 16px;
  font-weight: bold;
  color: #7289ba; }

.turnover .cont .li04 .mid {
  width: 82px;
  float: right; }

.side {
  width: 100%;
  position: relative; }

.side_bd {
  width: 1200px;
  margin: 0 auto;
  position: relative; }

.side1 {
  height: 600px;
  background: #f8f8f8; }

.side .tit {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: #2b3d63; }

.side1 .tit {
  padding-top: 74px; }

.side .tit span {
  display: inline-block;
  color: #d62024; }

.side .smtit {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #dcdcdc;
  text-transform: uppercase;
  margin-top: 8px; }

.side .smtit:after {
  content: "";
  display: block;
  width: 15px;
  height: 2px;
  margin: 10px auto 0;
  background: #36538c; }

.hotlist {
  display: table;
  margin: 60px auto 0; }

.hotlist li {
  float: left;
  width: 276px;
  height: 350px;
  margin-left:30px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.16);
  position: relative;
  text-align: center;
  text-align: -webkit-center;
  text-align: -moz-center; }

.hotlist li:first-child {
  margin-left: 0; }

.hotlist .li01 {
  background: url("../Images/hotli01.png") no-repeat; }

.hotlist .li02 {
  background: url("../Images/hotli02.png") no-repeat; }

.hotlist .li03 {
  background: url("../Images/hotli04.png") no-repeat; }
  .hotlist .li04 {
  background: url("../Images/hotli03.png") no-repeat; }

.hotlist li p:first-child {
  width: 90px;
  height: 90px;
  position: absolute;
  top: -45px;
  left: 90px; }

.hotlist p.hot_tit {
  background: url("../Images/hot_tit.png") center center no-repeat;
  line-height: 90px;
  font-weight: bold;
  font-size: 36px;
  color: #a0a0a0;
  font-style: italic;
  text-indent: -5px; }

.hotlist li:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px); }

.hotlist li {
  transition: all 0.4s;
  cursor: default; }

.hotlist li:hover p.hot_tit {
  background: url("../Images/hot_tit_hover.png") center center no-repeat;
  color: #fff; }

.hotlist li .center_tit {
  width: 276px;
  margin: 50% 0; }

.hotlist li .center_tit b {
  font-size: 22px;
  color: #FFFFFF; }

.hotlist li .center_tit i {
  color: #e6e6e6;
  display: inline-block;
  margin-top: 15px;
  font-size: 14px; }

.hotlist li .hot_btm {
  position: absolute;
  bottom: 0;
  width:276px;
  height: 69px;
  line-height: 69px;
  background: rgba(54, 83, 140, 0.8); }

.hotlist li .hot_btm a {
  padding: 10px 15px; }

.hotlist li .hot_btm a:first-child {
  background: #395fe4; }

.hotlist li .hot_btm a:last-child {
  background: #d62024;
  margin-left: 13px; }

.hotlist li .hot_btm a {
  color: #FFFFFF;
  border-radius: 5px; }

.hotlist li .hot_btm a span {
  vertical-align: middle;
  display: inline-block;
  width: 22px;
  height: 15px; }

span.icon_consult {
  background: url("../Images/icon_consult.png") no-repeat; }

span.icon_price {
  background: url("../Images/icon_price.png") no-repeat; }

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

.why_register {
  height: 185px;
  background: url("../Images/tuandui_bg.png") 0 0/100% 100% no-repeat; }

.why_register ul {
  width: 1200px;
  height: 100%;
  margin: 0 auto; }

.why_register ul li {
  font-weight: bold;
  font-size: 24px;
  margin-top: 74px;
  display: inline-block;
  margin-left: 216px;
  color: #ff0006; }

.why_register ul li b {
  color: #FFFFFF; }

.why_TRADEMARK {
  text-align: center; }
  .why_TRADEMARK p {
    font-weight: bold; }
  .why_TRADEMARK .text_ch {
    font-size: 30px;
    color: #36538c;
    line-height: 30px;
    padding: 92px 0 16px; }
  .why_TRADEMARK .text_en {
    font-size: 17px;
    line-height: 17px;
    color: #dcdcdc;
    text-transform: uppercase; }
    .why_TRADEMARK .text_en:after {
      display: block;
      width: 16px;
      height: 2px;
      content: '';
      background-color: #e3e3e3;
      margin: 15px auto 0; }

.why_reg {
  padding-left: 40px;
  padding-top: 40px; }

.list-card {
  box-sizing: border-box;
  position: relative;
  width:600px;
  height: 210px;
  background: url("../Images/card_bg.png") 0 0/100% 100% no-repeat;
  border: solid 2px rgba(247, 247, 247, 0.16);}

.margin0 {
  margin: 0; }

.s-num {
  position: absolute;
  top: 63.5px;
  left: -26.5px;
  width: 83px;
  height: 83px;
  line-height: 83px;
  background-color: #395fe4;
  border-radius: 50%;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.11);
  border: solid 7px rgba(124, 158, 255, 0.9);
  font-size: 58px;
  font-style: italic;
  letter-spacing: 0px;
  color: #ffffff; }

.list-card:first-child { }

.list-card ul {
  width: 100%;
  display: inline-block;
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center; }

.list-card ul li {
  text-align: left;
  text-align: -webkit-left;
  text-align: -moz-left;
  width:300px; }

.list-card ul li:first-child {
  margin-top: 64px;
  margin-bottom: 17px;
  font-weight: bold;
  color: #606060; }

.list-card ul li:first-child span {
  background: url("../Images/dian.png") 0 50% no-repeat; }

.list-card ul li:last-child {
  width: 300px;
  padding-left: 21px; }

/* zj_3.10*/
.why_btn {
  text-align: center; }
  .why_btn .ask_btn {
    margin: 90px 0; }

.ask_btn {
  display: inline-block;
  width: 147px;
  height: 44px;
  line-height: 44px;
  background-color: #d62024;
  box-shadow: 1px 5px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  text-align: center; }
  .ask_btn img {
    margin-right: 20px;
    vertical-align: middle; }

.process {
  background-color: #fff; }
  .process_title {
    text-align: center; }
    .process_title p {
      font-weight: bold; }
    .process_title .text_ch {
      font-size: 30px;
      color: #36538c;
      line-height: 30px;
      padding: 92px 0 16px; }
    .process_title .text_en {
      font-size: 17px;
      line-height: 17px;
      color: #dcdcdc;
      text-transform: uppercase; }
      .process_title .text_en:after {
        display: block;
        width: 16px;
        height: 2px;
        content: '';
        background-color: #e3e3e3;
        margin: 15px auto 0; }
  .process ul {
    width: 1220px;
    margin: 77px auto 0;
    overflow: hidden; }
  .process li {
    float: left;
    width: 270px;
    height: 140px;
    padding-top: 10px;
    text-align: center; }
    .process li i {
      width: 67px;
      height: 60px;
      display: inline-block; }
      .process li i + p {
        font-size: 20px;
        color: #666;
        line-height: 20px;
        margin: 28px 0 11px; }
    .process li p {
      color: #c6c6c6;
      font-size: 12px;
      line-height: 12px;
      text-transform: uppercase; }
  .process_line {
    width: 23px !important;
    background: url("../Images/process_line.png") center center no-repeat;
    margin-left: 23px; }
  .process_list1 i {
    background: url("../Images/process_icon1.png") center center no-repeat; }
  .process_list2 i {
    background: url("../Images/process_icon2.png") center center no-repeat; }
  .process_list3 i {
    background: url("../Images/process_icon3.png") center center no-repeat; }
  .process_list4 i {
    background: url("../Images/process_icon4.png") center center no-repeat; }
  .process_btn {
    text-align: center;
    padding: 77px 0 69px; }
    .process_btn .ask_btn {
      background-color: #d62024; }

.advantage {
  height: 717px;
  overflow: hidden;
  background: url("../Images/advantage_bg.jpg") center center no-repeat;
  position: relative; }
  .advantage > img {
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 2; }
  .advantage_title {
    text-align: center; }
    .advantage_title p {
      font-weight: bold; }
    .advantage_title .text_ch {
      font-size: 30px;
      color: #fff;
      line-height: 30px;
      padding: 92px 0 16px; }
    .advantage_title .text_en {
      font-size: 17px;
      line-height: 17px;
      color: #bfbfbf;
      text-transform: uppercase; }
      .advantage_title .text_en:after {
        display: block;
        width: 16px;
        height: 2px;
        content: '';
        background-color: #e3e3e3;
        margin: 15px auto 0; }
    .advantage_title .text_ch {
      padding-top: 85px; }
  .advantage ul {
    width: 1108px;
    margin: 62px auto 73px;
    overflow: hidden; }
    .advantage ul li {
      float: left;
      width: 166px;
      height: 231px;
      padding-top: 82px;
      background-color: #f5f5f5;
      border-radius: 5px;
      text-align: center;
      transition: all 0.3s;
      box-shadow: 0px 0px 4px 2px #ddd;
      cursor: default; }
      .advantage ul li.on {
        width: 278px;
        background-color: #2b3d63;
        box-shadow: 0px 0px 4px 2px #2b3d63; }
        .advantage ul li.on .advantage_list_title {
          color: #fff; }
        .advantage ul li.on .advantage_list_detail {
          display: block; }
        .advantage ul li.on .advantage_list_info {
          display: none; }
      .advantage ul li i {
        width: 65px;
        height: 51px;
        display: inline-block; }
      .advantage ul li .advantage_list_title {
        font-size: 18px;
        color: #666;
        line-height: 18px;
        margin-top: 20px;
        font-weight: bold; }
      .advantage ul li .advantage_list_detail {
        width: 197px;
        margin: 20px auto 0;
        line-height: 26px;
        color: #7d96cc;
        display: none;
        font-size: 14px; }
      .advantage ul li .advantage_list_info p:first-child {
        text-transform: uppercase;
        color: #bebebe;
        font-size: 10px;
        line-height: 10px; }
        .advantage ul li .advantage_list_info p:first-child:before {
          display: block;
          content: '';
          width: 17px;
          height: 1px;
          background-color: #c9c9c9;
          margin: 12px auto; }
        .advantage ul li .advantage_list_info p:first-child + p {
          width: 80px;
          padding-left: 4px;
          margin: 50px auto 0;
          height: 26px;
          line-height: 26px;
          border: solid 1px #dcdcdc;
          border-radius: 10px;
          color: #aaa; }
          .advantage ul li .advantage_list_info p:first-child + p span {
            display: inline-block;
            border: 4px solid transparent;
            border-left-color: #b7b7b7;
            margin-left: 7px; }
  .advantage_list1 i {
    background: url("../Images/advantage_icon1.png") center center no-repeat; }
  .advantage_list1.on i {
    background: url("../Images/advantage_icon1_b.png") center center no-repeat; }
  .advantage_list2 i {
    background: url("../Images/advantage_icon2.png") center center no-repeat; }
  .advantage_list2.on i {
    background: url("../Images/advantage_icon2_b.png") center center no-repeat; }
  .advantage_list3 i {
    background: url("../Images/advantage_icon3.png") center center no-repeat; }
  .advantage_list3.on i {
    background: url("../Images/advantage_icon3_b.png") center center no-repeat; }
  .advantage_list4 i {
    background: url("../Images/advantage_icon4.png") center center no-repeat; }
  .advantage_list4.on i {
    background: url("../Images/advantage_icon4_b.png") center center no-repeat; }
  .advantage_list5 i {
    background: url("../Images/advantage_icon5.png") center center no-repeat; }
  .advantage_list5.on i {
    background: url("../Images/advantage_icon5_b.png") center center no-repeat; }
  .advantage_list6 i {
    background: url("../Images/advantage_icon6.png") center center no-repeat; }
  .advantage_list6.on i {
    background: url("../Images/advantage_icon6_b.png") center center no-repeat; }
  .advantage_btn {
    text-align: center; }

.team {
  height: 964px;
  background: url("../Images/team_bg.png") center center no-repeat; }
  .team_title {
    text-align: center;
    margin-bottom: 63px; }
    .team_title p {
      font-weight: bold; }
    .team_title .text_ch {
      font-size: 30px;
      color: #36538c;
      line-height: 30px;
      padding: 92px 0 16px; }
    .team_title .text_en {
      font-size: 17px;
      line-height: 17px;
      color: #dcdcdc;
      text-transform: uppercase; }
      .team_title .text_en:after {
        display: block;
        width: 16px;
        height: 2px;
        content: '';
        background-color: #e3e3e3;
        margin: 15px auto 0; }
  .team .hd {
    width: 65px;
    margin: 90px auto 0; }
    .team .hd ul {
      overflow: hidden; }
    .team .hd li {
      width: 10px;
      height: 10px;
      background-color: #ffffff;
      border-radius: 50%;
      float: left;
      margin-left: 6px; }
      .team .hd li:first-child {
        margin-left: 0; }
      .team .hd li.on {
        width: 29px;
        background-color: #395fe4;
        border-radius: 5px; }
  .team .bd {
    width: 1104px;
    margin: auto; }
    .team .bd li div {
      width: 267px;
      height: 553px;
      background-color: #ffffff;
      border-radius: 5px;
      float: left;
      margin-left: 12px;
      text-align: center; }
      .team .bd li div:first-child {
        margin-left: 0; }
      .team .bd li div p {
        color: #888888;
        font-size: 16px;
        line-height: 32px; }
        .team .bd li div p span {
          font-weight: bold; }
      .team .bd li div .ask_btn {
        margin-top: 12px; }
  .team_pic {
    width: 267px;
    height: 299px;
    -o-object-fit: cover;
    object-fit: cover; }
  .team_personName {
    color: #5d5d5d;
    font-size: 18px;
    margin: 24px 0 5px; }
    .team_personName img {
      margin-right: 12px; }
  .team_exp span, .team_praise span {
    color: #36538c; }
  .team_case span {
    color: #d62024; }

.smooth_title {
  text-align: center; }
  .smooth_title p {
    font-weight: bold; }
  .smooth_title .text_ch {
    font-size: 30px;
    color: #36538c;
    line-height: 30px;
    padding: 92px 0 16px; }
  .smooth_title .text_en {
    font-size: 17px;
    line-height: 17px;
    color: #dcdcdc;
    text-transform: uppercase; }
    .smooth_title .text_en:after {
      display: block;
      width: 16px;
      height: 2px;
      content: '';
      background-color: #e3e3e3;
      margin: 15px auto 0; }
  .smooth_title span {
    color: #d62024; }
.smooth_lists {
  overflow: hidden;
  width: 1120px;
  margin: auto; }
  .smooth_lists li {
    float: left;
    width: 280px;
    text-align: center;
    margin-left: 6px; }
    .smooth_lists li:first-child {
      margin-left: -20px; }
    .smooth_lists li .ask_btn {
      width: 127px;
      height: 34px;
      box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.07);
      border-radius: 5px;
      border: solid 1px #606060;
      font-size: 14px;
      color: #606060;
      line-height: 34px;
      background-color: transparent; }
      .smooth_lists li .ask_btn i {
        width: 24px;
        height: 20px;
        display: inline-block;
        position: relative;
        top: 4px;
        left: -10px;
        background: url("../Images/ask_icon2.png") center center no-repeat; }
      .smooth_lists li .ask_btn:hover {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background-color: #d62024;
        color: #fff;
        border-color: #d62024; }
        .smooth_lists li .ask_btn:hover i {
          background: url("../Images/why_icon.png") center center no-repeat; }
    .smooth_lists li p {
      font-size: 16px;
      color: #777777;
      font-weight: bold;
      margin: 38px 0; }
    .smooth_lists li > i {
      width: 171px;
      height: 202px;
      display: inline-block; }
.smooth_list1 i {
  background: url("../Images/smooth_pic1.png") center center no-repeat; }
.smooth_list2 i {
  background: url("../Images/smooth_pic2.png") center center no-repeat; }
.smooth_list3 i {
  background: url("../Images/smooth_pic3.png") center center no-repeat; }
.smooth_list4 i {
  background: url("../Images/smooth_pic4.png") center center no-repeat; }
.smooth .questions {
  width: 1044px;
  background-color: #fff;
  margin: 75px auto 0;
  padding: 30px 30px 0;
  position: relative;
  clear: both; }
  .smooth .questions_title {
    padding-left: 9px;
    padding-bottom: 20px;
    border-bottom: solid 1px #eeeeee; }
    .smooth .questions_title span {
      font-size: 18px;
      color: #757575;
      margin-left: 15px;
      font-weight: bold; }
  .smooth .questions_slide {
    margin-top: 34px; }
  .smooth .questions_btns {
    position: absolute;
    right: 40px;
    top: 38px; }
  .smooth .questions li {
    overflow: hidden; }
    .smooth .questions li p {
      width: 480px;
      float: left;
      font-size: 14px;
      color: #888;
      line-height: 32px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .smooth .questions li p:first-child {
        margin-right: 80px; }
      .smooth .questions li p:before {
        content: '';
        width: 4px;
        height: 4px;
        background-color: #e5e5e5;
        display: inline-block;
        margin-right: 5px;
        position: relative;
        top: -4px; }
  .smooth .questions_more {
    background-color: #7a93c2;
    width: 1104px;
    margin-left: -30px;
    margin-top: 30px;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle; }
    .smooth .questions_more a {
      display: inline-block;
      width: 207px;
      height: 37px;
      background-color: #d62024;
      box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.07);
      border-radius: 5px;
      font-size: 16px;
      color: #fff;
      font-weight: bold;
      line-height: 37px; }
      .smooth .questions_more a:hover {
        opacity: 0.8; }

.successCase_title {
  text-align: center;
  margin-left: -10px; }
  .successCase_title p {
    font-weight: bold; }
  .successCase_title .text_ch {
    font-size: 30px;
    color: #36538c;
    line-height: 30px;
    padding: 92px 0 16px; }
  .successCase_title .text_en {
    font-size: 17px;
    line-height: 17px;
    color: #dcdcdc;
    text-transform: uppercase; }
    .successCase_title .text_en:after {
      display: block;
      width: 16px;
      height: 2px;
      content: '';
      background-color: #e3e3e3;
      margin: 15px auto 0; }
.successCase_detail {
  height: 593px;
  margin-top: 50px;
  background: url("../Images/success_case.jpg") no-repeat center center; }
  .successCase_detail ul {
    width: 1116px;
    margin: auto;
    padding-top: 82px;
    overflow: hidden; }
  .success_case{
    width: 1136px;
    height: 551px;
    background: url("../Images/success_case.png") no-repeat -4px 82px;
    margin: auto;
    overflow: hidden;
  }
    .successCase_detail ul li {
      width: 222px;
      height: 111px;
      line-height: 111px;
      background-color: #ffffff;
      box-shadow: -3px 3px 18px 0px rgba(0, 0, 0, 0.09);
      border: solid 1px #e5e5e5;
      border-left: 0;
      border-bottom: 0;
      float: left;
      text-align: center; }
      .successCase_detail ul li img {
        vertical-align: middle;
        width: 137px;
        height: 61px;
        -o-object-fit: cover;
        object-fit: cover; }
      .successCase_detail ul li:nth-child(1), .successCase_detail ul li:nth-child(6n) {
        border-left: solid 1px #e5e5e5; }

.ask_btn {
  transition: all 0.3s; }

.ask_btn:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px); }

.serverMask {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  z-index: 9;
  display: none; }
  .serverMask .server_link {
    position: fixed;
    width: 443px;
    height: 263px;
    top: 50%;
    left: 50%;
    margin-top: -132px;
    margin-left: -222px;
    background: url("../Images/sever_bg.png") center center no-repeat; }
    .serverMask .server_link_close {
      position: absolute;
      top: -35px;
      right: -35px; }
    .serverMask .server_link_text {
      padding: 80px 0 23px 30px; }
    .serverMask .server_link p {
      font-size: 24px;
      line-height: 36px;
      color: #305199;
      font-weight: bold; }
    .serverMask .server_link .ask_btn {
      margin-left: 30px; }
    .serverMask .server_link .ask_btn:hover {
      -webkit-transform: translateY(0);
      transform: translateY(0); }

/*# sourceMappingURL=reg_quick.css.map */


.popular-01-bgb{padding-top:20px;text-align:center;}
.newhot{height: 784px;}
.newhot .smtit:after{display: none;}
.newhotlist{padding-left: 25px;margin: 30px -25px 0;width: 1250px;}
.newhotlist li{float: left;width: 220px;height: 250px;margin-right: 25px;margin-bottom: 30px;text-align: center;position: relative;transition: all 0.5s;}
.newhotlist li:hover{transform: translateY(-5px);}
.newhotlist .li1{background: url(../Images/icon1.png) no-repeat;}
.newhotlist .li2{background: url(../Images/icon2.png) no-repeat;}
.newhotlist .li3{background: url(../Images/icon3.png) no-repeat;}
.newhotlist .li4{background: url(../Images/icon4.png) no-repeat;}
.newhotlist .li5{background: url(../Images/icon5.png) no-repeat;}
.newhotlist .li6{background: url(../Images/icon6.png) no-repeat;}
.newhotlist .li7{background: url(../Images/icon7.png) no-repeat;}
.newhotlist .li8{background: url(../Images/icon8.png) no-repeat;}
.newhotlist .li9{background: url(../Images/icon9.png) no-repeat;}
.newhotlist .li10{background: url(../Images/icon10.png) no-repeat;}
.newhotlist .li1:hover{background: url(../Images/icon1_on.png) no-repeat;}
.newhotlist .li2:hover{background: url(../Images/icon2_on.png) no-repeat;}
.newhotlist .li3:hover{background: url(../Images/icon3_on.png) no-repeat;}
.newhotlist .li4:hover{background: url(../Images/icon4_on.png) no-repeat;}
.newhotlist .li5:hover{background: url(../Images/icon5_on.png) no-repeat;}
.newhotlist .li6:hover{background: url(../Images/icon6_on.png) no-repeat;}
.newhotlist .li7:hover{background: url(../Images/icon7_on.png) no-repeat;}
.newhotlist .li8:hover{background: url(../Images/icon8_on.png) no-repeat;}
.newhotlist .li9:hover{background: url(../Images/icon9_on.png) no-repeat;}
.newhotlist .li10:hover{background: url(../Images/icon10_on.png) no-repeat;}
.newhotlist li .hot_text{padding-top: 96px;}
.newhotlist li .hot_text b{display: block;font-weight: bold;font-size: 20px;color: #fff;}
.newhotlist li .hot_text i{display: block;font-size: 12px;color: rgba(255,255,255,0.6);margin-top: 12px;}
.newhotlist li .hot_bt{height: 45px;position: absolute;left: 0;bottom: 0;width: 100%;}
.newhotlist li .hot_bt a{width: 50%;height: 100%;line-height: 45px;float: left;font-size: 14px;color: rgba(255,255,255,0.6);}
.newhotlist li .hot_bt a:hover{color: #fff;}


