.banner {
  height: 460px;
  width: 100%; }
  .banner .banner-box {
    height: 460px; }
    .banner .banner-box ul li {
      width: 100%;
      height: 460px; }
      .banner .banner-box ul li a {
        width: 100%;
        height: 100%;
        display: block; }
    .banner .banner-box .banner-tips {
      width: 100%;
      margin: 0 auto;
      bottom: 20px; }
      .banner .banner-box .banner-tips span {
        width: 228px;
        height: 40px;
        background: rgba(0, 0, 0, 0.6);
        display: block;
        float: left;
        margin: 0 5px;
        text-align: center;
        color: #fff;
        text-align: center;
        line-height: 40px;
        font-size: 14px; }
      .banner .banner-box .banner-tips span a{
          color:#fff;
          display: block;
      }
      .banner .banner-box .banner-tips span.active {
        background: rgba(238, 54, 78, 0.8); }

.hots-pot {
  padding-top: 30px; }
  .hots-pot .hot-con {
    height: 438px;
    margin-top: 15px; }
    .hots-pot .hot-con .hot-ad {
      width: 380px;
      height: 438px;
      background: green; }

.lecture {
  padding: 30px 0; }
  .lecture span, .lecture a {
    display: inline-block; }
  .lecture .more-btns a {
    display: block; }

.lecture .title span i img {
  display: block;
  margin-top: -1px; }

.hot-country {
  margin: 30px 0; }
  .hot-country .hot-country-list {
    padding: 10px 0; }
  .hot-country .hot-country-list li {
    position: relative;
    width: 180px;
    float: left;
    margin-right: 22px; }
    .hot-country .hot-country-list li:last-child {
      margin: 0; }
    .hot-country .hot-country-list li .info {
      width: 100%;
      height: 130px;
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      text-align: center;
      background: rgba(0,0,0,.3)}
      .hot-country .hot-country-list li .info .info-name {
        font-size: 26px;
        padding-top: 40px; }
      .hot-country .hot-country-list li .info .info-tips {
        font-size: 14px; }
    .hot-country .hot-country-list li .positive {
      opacity: 1;
      transform: perspective(800px) rotateY(0deg);
      -webkit-transition: all 600ms ease-in-out;
      -ms-transition: all 600ms ease-in-out; }
    .case-con{
      padding-bottom:15px
    }
    .case{
        margin-bottom:25px;
      margin-top:25px;
      background:#f6f6f6
    }
    .hot-country .hot-country-list li .opposite {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 16px;
      background: #41220e;
      text-align: center;
      padding: 30px 10px;
      color: #fff;
      height: 70px;
      width: 160px;
      overflow: hidden;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: all 600ms ease-in-out;
      -webkit-transform: perspective(800px) rotateY(-180deg);
      -ms-transition: all 600ms ease-in-out;
      -ms-transform: perspective(800px) rotateY(-180deg); }
    .hot-country .hot-country-list li:hover .positive {
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transform: perspective(800px) rotateY(180deg);
      -ms-transform: perspective(800px) rotateY(180deg);
      transform: perspective(800px) rotateY(180deg); }
    .hot-country .hot-country-list li:hover .opposite {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: perspective(800px) rotateY(0deg);
      -ms-transform: perspective(800px) rotateY(0deg);
      transform: perspective(800px) rotateY(0deg); }

.hot-country .title span i img {
  display: block;
  margin-top: -1px; }

.hot-video {
  padding-bottom: 30px;
  margin-top: 30px; }
  .hot-video .video-list {
    padding-top: 20px;
    margin-bottom: 20px; }
  .hot-video .video-list li {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: perspective(800px);
    transform: perspective(800px);
    margin-right: 20px;
    width: 282.5px;
    height: 260px;
    background: #f6f6f6;
    float: left; }
    .hot-video .video-list li:hover {
      -webkit-transform: perspective(800px) rotateY(10deg);
      transform: perspective(800px) rotateY(10deg);
      background: #ebebeb; }
.hot-video .video-list li a img{
  display:block
}
    .hot-video .video-list li .video-name {
      padding: 5px 10px;
      font-size: 16px;
      color: #333;
      line-height: 28px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      border-left:3px solid #ee364e;
    }
    .hot-video .video-list li .video-title {
      padding: 0 10px;
      color: #666; }
    .hot-video .video-list li .relative span {
      position: absolute;
      left: 120px;
      top: 60px;
      z-index:222;
    }
    .hot-video .video-list li .video-style-mask{
      width:282.5px;
      height:170px;
      position:absolute;
      left:0;
      top:0;
      background:rgba(0,0,0,.3)
    }
  .hot-video .video-list li:last-child {
    margin: 0; }

.index-about {
  padding-top: 30px;
  background: #41220e; }
.index-about .title{
  color:#fff
}
  .index-about .about-well {
    width: 312px; }
    .index-about .about-well .title {
      text-align: left;
      margin-bottom: 10px; }
    .index-about .about-well .about-con {
      height: 348px;
      background: #fff;
      padding: 16px; }
      .index-about .about-well .about-con .text {
        font-size: 14px;
        color: #000;
        line-height: 26px; }
  .index-about .advantage {
    width: 312px;
    margin-left: 20px; }
    .index-about .advantage .title {
      text-align: left;
      margin-bottom: 10px; }
    .index-about .advantage .about-con {
      background: #fff;
      height: 364px;
      padding: 16px 16px 0 16px; }
      .index-about .advantage .about-con .ys-list {
        padding: 8.5px 0; }
      .index-about .advantage .about-con .ys-list li {
        font-size: 18px;
        line-height: 45px;
        padding-left: 30px; }
      .index-about .advantage .about-con .ys-list li:nth-of-type(1) {
        background: url(../images/ys1_03.jpg) no-repeat left center; }
      .index-about .advantage .about-con .ys-list li:nth-of-type(2) {
        background: url(../images/ys2_03.jpg) no-repeat left center; }
      .index-about .advantage .about-con .ys-list li:nth-of-type(3) {
        background: url(../images/ys3_03.jpg) no-repeat left center; }
      .index-about .advantage .about-con .ys-list li:nth-of-type(4) {
        background: url(../images/ys4_03.jpg) no-repeat left center; }
  .index-about .contact-r {
    width: 526px; }
    .index-about .contact-r .title {
      text-align: left;
      margin-bottom: 10px; }
    .index-about .contact-r .contact-box {
      overflow:hidden;
      height: 380px;
      background: #fff; }
      .index-about .contact-r .contact-box .city-name {
        border-right: 1px solid #e0e0e0;
        width: 100px; }
        .index-about .contact-r .contact-box .city-name li {
          position: relative;
          z-index: 1;
          line-height: 48px;
          font-size: 16px;
          text-align: center; }
          .index-about .contact-r .contact-box .city-name li span {
            display: block;
            width: 95px;
            height: 48px;
            margin-left: 5px; }
        .index-about .contact-r .contact-box .city-name li.js-bg {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 0; }
        .index-about .contact-r .contact-box .city-name li.active span {
          background: #e6d8ce; }
      .index-about .contact-r .contact-box .city-con .city-list {
        display: none;
        width: 425px; }
        .index-about .contact-r .contact-box .city-con .city-list .img {
          text-align: center;
          padding-top: 10px; }
        .index-about .contact-r .contact-box .city-con .city-list .info-ul {
          padding: 5px 12px;
          line-height: 26px;
          font-size: 14px; }
      .index-about .contact-r .contact-box .city-con .city-list:first-child {
        display: block; }

.pb-30 {
  padding-bottom: 30px; }

.honor {
  padding: 30px 0 50px 0; }
  .honor ul {
    padding: 20px 0;
    position: relative;
    width: 10000px;
    left: 0; }
  .honor ul li {
    position: relative;
    text-align: center;
    width: 220px;
    font-size: 14px;
    float: left;
    margin-right: 23px; }
    .honor ul li .honor-pic {
      position: relative;
      overflow: hidden; }
    .honor ul li .honor-pic::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.5);
      content: '';
      -webkit-transition: -webkit-transform 0.6s;
      transition: transform 0.6s;
      -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
      transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); }
    .honor ul li:hover .honor-pic::before {
      -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
      transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); }

.honor .title span i img {
  display: block;
  margin-top: -5px; }

.Consulting {
   }
  .Consulting .city-tag-span {
    margin-top: 15px;
    height: 40px;
    background: #fff; }
    .Consulting .city-tag-span span {
      display: inline-block;
      text-align: center;
      padding:0 15px;
      line-height: 40px;
      font-size: 16px; }
    .Consulting .city-tag-span .active {
      background: #c5ae9e;
      color: #fff; }
.Consulting .city-tag-span .is_red{
  background: #ce8c61;
  color:#fff
}
  .Consulting .kf-section:first-child {
    display: block; }
.about-well .video-icon-btn{position: absolute;
  left: 141px;
  top: 70px;
  z-index: 222;}
.about-well .video-style-mask{    width: 280px;
  height: 160px;
  position: absolute;
  left: 16px;
  top: 16px;
  background: rgba(0,0,0,.3);}