@charset "utf-8";

$main_color:#1766b2;
$main_hover:#dc5054;

@mixin inline_block {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

@mixin bg_cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@mixin one_line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@mixin transition_05 {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.container_big{
  width: 83%;
  margin: auto;
  position: relative;
}
.tit{
  text-align: center;
  font-size: 36px;
  color: #333;
}
.tit_in{
  text-align: center;
  font-size: 42px;
  color: #333;
  padding: 30px 0;
  border-bottom: 1px solid #d5d5d5;
  .crumbs{
    font-size: 0;
    float: right;
    margin-top: 30px;
    & > .iconfont{
      margin: 0 5px;
    }
    a{
      @include inline_block;
      font-size: 16px;
      color: #666;
      .iconfont{
        font-size: 16px;
        color: #666;
      }
    }
  }
}
.main{
  padding: 50px 0;
  position: relative;
}
.main_con{
  padding-left: 5%;
  float: right;
  width: 100%;
}

.top_bar{
  background: $main_color;
  padding: 30px 0;
  .top_txt{
    display: inline-block;
    color: #fff;
    .left{
      @include inline_block;
      vertical-align: middle;
    }
    .t1{
      font-size: 24px;
      color: #fff;
    }
    .t2{
      font-size: 18px;
      color: #fff;
    }
    .top_tel{
      @include inline_block;
      vertical-align: middle;
      font-size: 68px;
    }

  }
  .form_box{
    .form_left{
      width: 420px;
      @include inline_block;
      vertical-align: top;
    }
    input{
      border-radius: 0;
    }
    .inp1{
      display: inline-block;
      width: 170px;
      height: 37px;
      margin-bottom: 5px;
    }
    .inp2{
      display: inline-block;
      width: 240px;
      height: 37px;
      margin-bottom: 5px;
    }
    .inp3{
      display: inline-block;
      width: 414px;
      height: 37px;
    }
    .p{
      font-size: 14px;
      margin-top: 15px;
      color: #fff;
      a{
        color: #fff;
      }
    }
    .right{
      @include inline_block;
      vertical-align: top;
      .btn{
        width: 135px;
        height: 79px;
        font-size: 18px;
        background: #424242;
      }
    }
    .close_btn{
      margin-top: 25px;
      float: right;
      color: #fff;
      .iconfont{
        font-size: 50px;

      }
    }
  }
}
.login_bar{
  color: #fff;
  font-size: 15px;
  background:#fff;
  line-height: 45px;
  text-align: right;
  .login_url{
    @include inline_block;
    vertical-align: top;
    margin-right: 25px;
    a{
      @include inline_block;
      padding: 0 18px 0 17px;
      color: $main-color;
      background: url("/Public/Images/home/phpcms/zh-cn/login_line.jpg") no-repeat right;
      position: relative;
      &:hover{
        color: #d82128;
        .img_box{
          z-index: 800;
          visibility: visible;
          opacity: 1;
          margin-top: 0;
        }
      }
      &:last-child{
        background:none;
      }
      .img_box{
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -75px;
        width: 150px;
        visibility: hidden;
        z-index: -1;
        opacity: 0;
        -webkit-transition:.3s;
        transition:.3s;
        margin-top: 15px;
        img{
          width: 100%;
        }
      }

    }
  }

  .a{
    @include inline_block;
    line-height: 40px;
    height: 45px;
    vertical-align: top;
    .iconfont{
      font-size: 25px;
      vertical-align: middle;
      color: #d82128;
    }
  }
}

.header{
  border-bottom:1px solid #dcdcdc;
  padding-top: 7px;
  background: #fff url("/Public/Images/home/phpcms/zh-cn/top_bg.png") repeat-x top;

}
.nav_list {
  margin-right: -35px;
  & > li > a {
    padding: 0px 40px;
  }
  & > li > a > span{
    line-height: 90px;
    padding: 0;
    font-size: 22px;
  }
  & > li.on > a > span{
    color: $main_hover;
  }
}
.nav_normal > li .dropdown_menu{
  width: auto;
  left: 50%;
  white-space: nowrap;
  transform:translateX(-50%);
  -ms-transform:translateX(-50%); 	/* IE 9 */
  -moz-transform:translateX(-50%); 	/* Firefox */
  -webkit-transform:translateX(-50%); /* Safari Chrome */
  -o-transform:translateX(-50%); 	/* Opera */
}
.nav_normal .dropdown_menu a{
  @include inline_block;
  vertical-align: top;
  width: auto;
  padding: 0 19px 0 18px;
  line-height: 56px;
  font-size: 16px;
  color: #555;
  background: url("/Public/Images/home/phpcms/zh-cn/login_line.jpg") no-repeat right;
  &:hover{
    color: #d82128;
  }
  &:last-child{
    background:none;
  }
}

.bg_nav_holder{
  position: absolute;
  width: 100%;
  height: 56px;
  background: #fff;
  top: 100%;
  display: none;
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.2);
}
.m_lang{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  border-top:1px solid #f0f0f0;
}
.m_lang a{
  width: 50%;
  float: left;
  display: block;
  color: #777;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #f0f0f0;
}
.m_lang a:first-child{
  border-right:1px solid #f0f0f0;
  margin-left: -1px;
}
.search-pop{
  background-color: rgba(0,0,0,.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  -webkit-transition:.3s;
  transition:.3s;
}
.show-search-pop{
  z-index: 999;
  visibility: visible;
  opacity: 1;
}

.x-btn{
  position: absolute;
  text-align: center;
  line-height: 40px;
  display: block;
  right: 20px;
  top: 20px;
  font-size: 40px;
  color: #fff;
  width: 40px;
  height: 40px;
  color: #fff;
  z-index: 50;
  -webkit-transition: .3s;
  transition: .3s;

}
.x-btn:hover{
  color: #d7262e;
}
.search-pop .pad{
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #fff;
  text-align: center;
}
.search-pop form{
  display: inline-block;
  width: 630px;
  padding-right: 80px;
  height: 60px;
  border: 1px solid rgba(255,255,255,.6);
  position: relative;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
  -webkit-transition:.3s;
  transition:.3s;
}
.show-search-pop  form{
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.hide-pop form{
  opacity: 1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.hide-pop{
  opacity: 0;
}
.search-pop .inp{
  height: 60px;
  background: none;
  float: left;
  width: 100%;
  border: none;
  padding: 0 30px;
  color: rgba(255,255,255,.6);
  font-size: 20px;
}
.search-pop .inp::-webkit-input-placeholder {
  font-family:"微软雅黑","Microsoft Yahei";
  color: rgba(255,255,255,.6);
}

.search-pop .inp::-moz-placeholder {
  font-family:"微软雅黑","Microsoft Yahei";
  color: rgba(255,255,255,.6);
}

.search-pop .inp::-ms-input-placeholder {
  font-family:"微软雅黑","Microsoft Yahei";
  color: rgba(255,255,255,.6);
}
.search-pop .sub{
  width: 80px;
  height: 60px;
  background: url(/Public/Images/home/phpcms/zh-cn/s2.png) no-repeat 50%;
  text-align: center;
  border: 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

.banner_slick {
  &> div.right{
    display: none;
    &:first-child{
      display: block;
      *display: expression(this.previousSibling==null?"block":"none");
    }
  }
  .banner_item{
    position: relative;
    padding-top: 32%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    .container_big{
      position:absolute;
      left: 0;
      right: 0;
      top: 0;
      margin: auto;
      height: 100%;
    }
  }
  .slick-dots li{
    width: 25px;
    height: 3px;
    background: #dbdde4;
    border-radius: 0;
    &.slick-active{
      background: #126cc4;
    }
  }
  .banner_con{
    position: absolute;
    width: 100%;
    top: 15%;
    left: 10%;

    .txt{
      margin-left: 120px;
      h2{
        font-size: 36px;
        color: #fff;
        position: relative;
        .banner_line{
          //width: 100px;
          //height: 6px;
          //position: absolute;
          //left: -120px;
          //top:50%;
          //margin-top: -3px;
          //background: #fff;
        }
      }
      h3{
        @include inline_block;
        margin-top: 10px;
        font-size: 48px;
        font-weight: bold;
        color: #fff;
        line-height: 40px;
      }
      .em{
        display: block;
        margin-top: 30px;
        vertical-align: middle;
        text-align: center;
        width: 165px;
        font-size: 16px;
        line-height: 50px;
        color: #fff;
        background-color: #d82128;
        .iconfont{
          font-size: 20px;
        }
        &:hover{
          opacity: 0.8;
        }
      }
    }
  }
}

.index_block{
  padding: 60px 0;
  .block_item{
    .left{
      width: 290px;
      float: left;
      overflow: hidden;
      h3{
        font-size: 24px;
        color: #333;
        font-weight: normal;
        margin-bottom: 15px;
      }
      p{
        font-size: 19px;
        color: #555;
      }
      p.tel{
        font-size: 44px;
        color: $main_color;
        font-weight: bold;
        letter-spacing: -2px;
        margin-bottom: 5px;
      }
    }
    .right{
      margin-left: 345px;
      .news_rec > a{
        display: block;
        font-size: 24px;
        color: #333;
        line-height: 30px;
        .iconfont{
          font-size: 15px;
          vertical-align: middle;
        }
      }
      .news_rec li a{
        display: block;
        padding-left: 15px;
        font-size: 16px;
        color: #666;
        line-height: 1.5;
        margin-top: 5px;
        background: url(/Public/Images/home/phpcms/zh-cn/icon_three.png) no-repeat left;
        @include one_line;
      }
      .news_type{
        margin-right: 30px;
        a{
          display: block;
          text-align: center;
          .img_box{
            @include inline_block;
            height: 105px;
            width: 105px;
            line-height: 105px;
            background-color: #eee;
            border-radius: 50%;
            overflow: hidden;
            img{
              height: 70px;
              vertical-align: middle;
              -webkit-transition: all 0.5s;
              -moz-transition: all 0.5s;
              -ms-transition: all 0.5s;
              -o-transition: all 0.5s;
              transition: all 0.5s;
            }
          }
          p{
            font-size: 24px;
            color: #333;
            margin-top: 5px;
          }
          &:hover{
            img{
              transform: scale(1.1, 1.1);
              -ms-transform: scale(1.1, 1.1); /* IE 9 */
              -webkit-transform: scale(1.1, 1.1); /* Safari  Chrome */
              -o-transform: scale(1.1, 1.1); /* Opera */
              -moz-transform: scale(1.1, 1.1); /* Firefox */
            }
          }
        }
      }
    }
  }
}

.index_type{
  padding-bottom: 50px;
  .block_item{
    margin-bottom: 14px;
    .row{
      margin-right: -7px;
    }
    .type_item{
      padding-left: 7px;
      padding-right: 7px;
    }
    .left.bg1{
      background: #087de0;
    }
    .left.bg2{
      background: #909da8;
    }
    .left.bg3{
      background: #1490c9;
    }
    .left{
      width: 290px;
      height: 355px;
      float: left;
      overflow: hidden;
      background: #ccc;
      h3{
        font-size: 48px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 10px;
      }
      p{
        margin-top: 10px;
        font-size: 22px;
        color: #fff;
      }
      .line{
        @include inline_block;
        width: 32px;
        height: 3px;
        background: #fff;
      }
      .txt{
        margin-top: 30px;
        margin-left: 40px;
        margin-right: 40px;
        margin-bottom: 30px;
      }
    }
    .right{
      margin-left: 345px;
      a{
        display: block;
        position: relative;
        overflow: hidden;
        .img_box{
          height: 355px;
          @include bg_cover;
          @include transition_05;
          overflow: hidden;
        }
        .txt{
          position: absolute;
          top: 30px;
          left: 40px;
          right: 40px;
          h3{
            font-size: 24px;
            color: #333;
            font-weight: normal;
            margin-bottom: 10px;
          }
          h4{
            font-size: 16px;
            color: #666;
            font-weight: normal;
          }
        }

        &:hover{
          .img_box{
            transform: scale(1.15);
            -ms-transform: scale(1.15); /* IE 9 */
            -webkit-transform: scale(1.15); /* Safari  Chrome */
            -o-transform: scale(1.15); /* Opera */
            -moz-transform: scale(1.15); /* Firefox */
          }

        }
      }

    }
  }
}
//手机三级
.m_Crumbs{
  position: relative;
  display: none;
  background: #f5f5f5;
  h4{
    text-align: center;
    height: 55px;
    line-height:55px;
    font-size: 22px;
    background: url("/Public/Images/home/phpcms/zh-cn/m_Crumbs.png") no-repeat 95%;
    font-weight: normal;
  }
  ul{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    background: #f3f3f3;
    padding-right: 0;
    z-index: 99;
    box-shadow: 0 1px 10px 0px rgba(0 , 0 , 0 ,0.1);
    li{
      display: block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      border-top: 1px solid #ffffff;
      a{
        display: block;
        line-height: 40px;
        color: #999;
        width: 100%;
      }
      &.active a{
        color: $main_color;
      }
    }
  }
}
.footer{
  padding: 20px 0 50px 0;
  background: #ffff;
  .map_box{
    height: 64px;
    line-height: 64px;
    overflow: hidden;
    background: url("/Public/Images/home/phpcms/zh-cn/links_bg2.png") no-repeat center;
    .map_list{
      background: url("/Public/Images/home/phpcms/zh-cn/links_bg.png") no-repeat left;
      & > span{
        @include inline_block;
        vertical-align: top;
        margin-right: 65px;
        font-size: 18px;
        color: #222;

      }
      & > a{
        padding-right: 15px;
        padding-left: 12px;
        color: #555555;
        font-size: 16px;
        background: url("/Public/Images/home/phpcms/zh-cn/login_line.jpg") no-repeat right center;
        &:hover{
          color: $main_hover;
        }
        &:last-child{
          background: none;
        }
      }
    }
  }
  .fast_link{
    width: 900px;
    color: #fefefe;
    padding: 30px 0 20px 0;
    a{
      padding-right: 15px;
      padding-left: 12px;
      color: #555555;
      font-size: 16px;
      background: url("/Public/Images/home/phpcms/zh-cn/login_line.jpg") no-repeat right center;
      &:hover{
        color: $main_hover;
      }
      &:last-child{
        background: none;
      }
      &:first-child{
        padding-left: 0px;
      }
    }
  }
  .adress{
    width: 900px;
    font-size: 16px;
    color: #777777;
    line-height: 2;
    a{
      color: #777777;
      margin-left: 15px;
      &:hover{
        color: $main_hover;
      }
    }
  }
  .copyright{
    width: 900px;
    font-size: 16px;
    color: #777777;
    line-height: 2;
    a{
      color: #777777;
      margin-left: 15px;
      &:hover{
        color: $main_hover;
      }
    }
  }
  .friend{
    float: right;
    text-align: right;
    margin-top: 35px;
    select{
      @include inline_block;
      min-width: 170px;
      height: 30px;
      line-height: 30px;
      font-size: 16px;
      color: #666;
    }
    .icon_list{
      a{
        @include inline_block;
        margin-left: 8px;
        margin-top: 15px;
        img{
          height: 50px;
        }
      }
    }
  }
  .bdsharebuttonbox{
    a{
      position: relative;
      z-index: 1;
      color: #929393;
      font-size: 35px;
      margin-right: 10px;
      .iconfont{
        font-size: 35px;
        color: #929393;
      }
      &:hover{
        .iconfont{
          font-size: 35px;
          color:$main_color;
        }
      }
    }
  }
}

.banner_in{
  .banner_item{
    height: 320px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    .container_cftec{
      height: 100%;
      .h{
        position: absolute;
        right: 0;
        bottom:50px;
        font-size: 42px;
        color: #fff;
        font-weight: normal;
        .wh_line{
          display: block;
          width: 40px;
          height: 3px;
          background: #fff;
          opacity: 0.8;
          margin-top: 20px;
        }
      }
    }
  }
}

.margin_box{
  position: relative;
  top: -130px;
}

.main{
  .left_col{
    width: 19%;
    float: left;
    overflow: hidden;
    @include transition_05;
    &.is_stuck{
      margin-top: 90px;
    }
  }
  .right_col{
    margin-left: 19%;
  }
}

.custom_box{
  .tit_in{
    text-align: left;
  }
  .custom_con{
    margin-top: 40px;
  }
  p.p_img{
    text-indent: 0 !important;
    text-align: center;
  }
}

.side_nav{
  h2{
    font-size: 38px;
    font-weight: normal;
    line-height: 125px;
    text-indent: 30px;
    text-align: left;
    color: #fff;
    background: url(/Public/Images/home/phpcms/zh-cn/menu_bg.png) no-repeat center;
    background-size: cover;
  }
  .nav_url{
    margin-top: 6px;
    li{
      margin-top: 4px;
      &:last-child{
        border: none;
      }
      &>a{
        position: relative;
        display: block;
        font-size: 16px;
        height: 56px;
        line-height: 56px;
        color: #333;
        text-indent: 30px;
        background: #e4e4e4;
      }
      &.active{
        &>a{
          background: url(/Public/Images/home/phpcms/zh-cn/menu_bg2.png) no-repeat center;
          background-size: cover;
          color: #fff;
        }
      }
    }
    .has_sub{
      & > a .icon_arrow{
        position: absolute;
        right: 20px;
        top: 25px;
        height: 3px;
        width: 19px;
        background: #c5c4c4;
        @include transition_05;
        &:after{
          content: '';
          position: absolute;
          height: 3px;
          width: 19px;
          top: 0;
          left: 0;
          background: #c5c4c4;
          @include transition_05;
          transform:rotate(90deg);
          -ms-transform:rotate(90deg); /* IE 9 */
          -webkit-transform:rotate(90deg); /* Safari and Chrome */
          z-index: 1;
        }
      }
      &.opening{
        &>a{
          .icon_arrow{
            background: #fff;
            transform:rotate(-360deg);
            -ms-transform:rotate(-360deg); /* IE 9 */
            -webkit-transform:rotate(-360deg); /* Safari and Chrome */
            &:after{
              transform:rotate(0deg);
              -ms-transform:rotate(0deg); /* IE 9 */
              -webkit-transform:rotate(0deg); /* Safari and Chrome */
              background: #fff;
            }
          }
        }
      }
    }
    .sub_nav{
      padding-bottom: 10px;
      dd > a{
        position: relative;
        display: block;
        line-height: 2.5;
        color: #555;
        text-indent: 50px;
        height: 56px;
        line-height: 56px;
        border-bottom: 1px solid #e4e4e4;
        &:hover{
          color: #d82128;
          background: #f5f5f5;
        }
      }
      .has_add_nav{
        .icon_arrow {
          position: absolute;
          right: 20px;
          top: 0;
          bottom: 0;
          width: 16px;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -ms-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s;
          background: url(/Public/Images/home/phpcms/zh-cn/nav_arrow_down.png) no-repeat center;
        }
      }
      .opening > a,
      .on > a{
        color: #d82128;
        background: #f5f5f5;
      }
      .add_nav{
        a{
          text-indent: 60px;
          color: #777;
          display: block;
          line-height: 3;
        }
        a.on,
        a:hover{
          color: $main_hover;
        }
      }
    }
  }
  .contact{
    padding: 15px 0;

    margin-top: 15%;
    border-top: 1px solid #dddddd;
    .name{
      font-size: 18px;
      color: #333;
      .iconfont{
        font-size: 22px;
        margin-right: 5px;
      }
    }
    p{
      font-size: 16px;
      line-height: 2;
    }
    p.tel{
      font-size: 36px;
      line-height: 1.8;
      color: $main_color;

    }
  }
  .protect_list {
    margin-top: 50px;
    .item {
      display: block;
      margin-top: 20px;
      .left {
        width: 50px;
        float: left;
        overflow: hidden;
        img {
          width: 50px;
        }
      }
      .right {
        margin-left: 58px;
        font-size: 16px;
        color: $main_color;
        line-height: 50px;
      }
      &:hover{
        .right{
          color: #ff6600;
        }
      }
    }
  }
}

.banner_in_max {
  @include bg_cover;
  padding-top: 45%;
}

.banner_in_min {
  @include bg_cover;
  padding-top: 32%;
  position: relative;
  .banner_in_con{
    position: absolute;
    top:10%;
    left:4%;
    right:4%;
    h2{
      color: #fff;
      font-size: 36px;
      font-weight: normal;
      margin-bottom: 30px;
    }
    p{
      color: #fff;
      font-size: 16px;
      line-height: 1.5;
    }
    &.color{
      h2{
        color: #214ba0;
      }
      p{
        color: #555;
      }
    }
  }
}

.adv{
  .adv_list{
    background: #f6f5f5;
    padding: 40px 40px;
    margin-bottom: 40px;
    .row{
      font-size: 0;
    }
    .col_lg_12{
      @include inline_block;
      vertical-align: top;
      float: none;
      font-size: 14px;
    }

    .item{
      margin-bottom: 30px;
      .title{
        margin-bottom: 30px;
        em{
          width: 70px;
          float: left;
          overflow: hidden;
          text-align: center;
          .iconfont{
            font-size: 65px;
            color: #1766b2;
          }
        }
        h3{
          margin-left: 75px;
          font-size: 24px;
          color: #214ba0;
          line-height: 1.5;
          small{
            display: block;
            font-size: 16px;
            margin-top: 5px;
          }
        }
      }
      .txt{
        min-height: 180px;
        P{
          line-height: 1.5;
          font-size: 14px;
        }
      }
    }
  }
}

.introduce{
  .introduce_txt{
    padding: 40px 0;
    margin-top: 50px;
    border-top: 3px solid #c8c8c8;
    border-bottom: 3px solid #c8c8c8;
    .right{
      float: right;
      width: 450px;
      overflow: hidden;
      border-left: 1px solid #c8c8c8;
      .event_list {
        margin-left: 70px;
        margin-right: 40px;
      }
      .event_list .time{
        float: left;
        font-size: 42px;
        color: $main_color;
        overflow: hidden;
        font-weight: normal;
      }
      .event_list .red{
        color: #d82128;
      }
      .event_list .event{
        margin-left: 110px;
        padding-left: 35px;
        padding-top: 18px;
        background: url("/Public/Images/home/phpcms/zh-cn/text_line.png") no-repeat 3px 30px;
      }
      .event_list .event p{
        font-size: 16px;
        line-height: 1.5;
        color: #555;
        letter-spacing: 0;
        text-indent: 0;
        margin-bottom: 0;
        height: 50px;

      }
      .event_list li{
        overflow: hidden;
        clear: both;
        margin-bottom: 8px;
      }

    }
    .left{
      margin-right: 520px;
      .txt{
        margin-bottom: 25px;
        font-size: 18px;
        line-height: 1.8;
        p{
          margin-bottom: 30px;
          color: #555;
          text-align: justify;
        }
      }
    }
  }
  .introduce_icon1{
    margin-top: 40px;
    .item{
      text-align: center;
      margin: 10px;
      padding: 30px 0;
      border-bottom: 1px solid #dad9da;
      p{
        font-size: 16px;
        color: #333;
        line-height: 1.5;
        margin: 10px 5px;
      }
    }
  }
  .introduce_icon2{
    //margin-bottom: 40px;
    .item{
      text-align: center;
      margin: 20px 10px;
      padding: 30px 0;
      p{
        font-size: 20px;
        color: #1767b3;
        line-height: 1.5;
        margin: 10px 5px;
      }
    }
    .txt{
      p{
        font-size: 16px;
        color: #555;
      }
    }
  }
}

.culture{
  .cultrue_box{
    padding-top: 30px;
    padding-bottom: 150px;
    background: url(/Public/Images/home/phpcms/zh-cn/bg_we.jpg) no-repeat bottom;
    background-size: contain;
    width: 70%;
    margin: 20px auto;
  }
  .culture_icon{
    margin: 40px 0;
    text-align: center;
    .item{
      @include inline_block;
    }
    .em{
      @include inline_block;
      text-align: center;
      width: 160px;
      height: 160px;
      padding: 20px 0;
      border: 4px solid #dce2e8;
      border-radius: 50%;
      p{
        font-size: 34px;
        color: $main_color;
        line-height: 1;
        margin: 5px 0;
      }
    }
    .p{
      margin: 20px 5px;
      font-size: 18px;
      color:#555;
    }
  }
  .culture_txt{
    text-align: center;
    .title{
      font-size: 36px;
      color: $main_color;
      margin-top: 35px;
    }
    .txt_1{
      p{
        font-size: 18px;
        color: #555;
        line-height: 2.5;
      }
    }
    .txt_2{
      margin-top: 20px;
      p{
        font-size: 18px;
        color: #555;
      }
    }
  }
  .culture_panda{
    .panda_txt1{
      margin: 50px 0;
      h2{
        color: #202020;
        font-size: 36px;
        text-align: right;
        font-weight: normal;
        img{
          vertical-align: middle;
          margin-right: 5px;
        }
      }
      h3{
        color: $main_color;
        font-size: 26px;
        line-height: 1;
        margin-bottom: 20px;
      }
      p{
        font-size: 16px;
        color: #555;
        line-height: 1.8;
      }
      b{
        font-weight: bold;
      }
      .row{
        font-size: 0;
        line-height: 0;
        .col_lg_12{
          float:none;
          @include inline_block;
          vertical-align: bottom;
        }
      }
    }
    .panda_txt2{
      padding: 50px 0;
      border-bottom: 2px solid #e8e8e8;
      border-top: 2px solid #e8e8e8;
      h3{
        color: #ff6200;
        font-size: 32px;
        line-height: 1.5;
        margin-bottom: 20px;
        margin-top: 10px;
      }
      p{
        font-size: 16px;
        color: #555;
        line-height: 1.8;
      }
      b{
        font-weight: bold;
      }
    }
    .panda_txt3{
      padding: 50px 0;
      h3{
        color: #333;
        font-size: 18px;
        line-height: 1.8;
      }

      p{
        font-size: 16px;
        color: #555;
        line-height: 1.8;
      }
      b{
        font-weight: bold;
      }
    }

  }
}

.social{
  .social_box{
    margin-top: 60px;
    h2{
      font-size: 28px;
      color: $main_color;
      font-weight: normal;
      margin-bottom: 30px;
    }
    .item_list{
      .item{
        float: left;
        width: 100%;
        padding-left: 55px;
        padding-right: 30px;
        .left{
          width: 50px;
          float: left;
          overflow: hidden;
          .iconfont{
            font-size: 45px;
            color: $main_color;
          }
        }
        .right{
          margin-left: 60px;
          h3{
            font-size: 22px;
            color: #333;
            font-weight: normal;
            line-height: 2;
            margin-bottom: 10px;
          }
          p{
            font-size: 16px;
            color: #555555;
            line-height: 1.8;
          }
          ul li{
            font-size: 16px;
            color: #555555;
            line-height: 1.8;
          }
        }
      }
      .item1{
        padding-bottom: 80px;
      }
      .item2{
        padding-bottom: 40px;
        padding-top:40px;
        width: 50%;
        border-bottom: 3px solid #e8e8e8;
        border-top: 3px solid #e8e8e8;
        border-right: 3px solid #e8e8e8;
        .right p{
          height: 84px;
        }
      }
      .item3{
        padding-bottom: 40px;
        padding-top: 40px;
        width: 50%;
        border-bottom: 3px solid #e8e8e8;
        border-top: 3px solid #e8e8e8;
        .right p{
          height: 84px;
        }
      }
      .item4{
        padding-bottom: 40px;
        padding-top: 40px;
        border-bottom: 3px solid #e8e8e8;
      }
    }
    .protect_list{
      margin: 60px 0;
      .item{
        float: left;
        width: 50%;
        .left{
          width: 100px;
          float: left;
          overflow: hidden;
          img{
            width: 100px;
          }
        }
        .right{
          margin-left: 120px;
          h3{
            font-size: 22px;
            color: #ff6600;
            font-weight: normal;
            line-height: 1.5;
            margin-bottom: 20px;
            margin-top: 35px;
          }
          p{
            font-size: 18px;
            color: #555555;
            line-height: 1.8;
          }
        }
      }
      .item1{
        .right{
          margin-right: 50px;
        }
      }
      .item2{
        border-left: 1px solid #dddddd;
        .left{
          margin-left: 50px;
        }
        .right{
          margin-left: 170px;
        }
      }
    }
  }


}

.development{
  .development_box{
    .develop_btn_box{
      font-size: 0;
      line-height: 0;
      margin-top: 30px;
    }
    .develop_btn{
      @include inline_block;
      width: 25%;
      font-size: 20px;
      line-height: 1.8;
      text-align: center;
      cursor: pointer;
      color: #555;
      em{
        display: block;
        height: 12px;
        border-bottom: 5px solid #e1e1e1;
        border-right: 1px solid #e1e1e1;
      }
      &:last-child em{
        border-right: none;
      }
      &.on em{
        border-bottom: 5px solid $main_color;
      }
    }
    .develop_con{
      margin: 70px 0;
      background: url(/Public/Images/home/phpcms/zh-cn/develop_line.png) repeat-y center;
      .item{
        margin-right: 50%;
        padding-bottom: 45px;
        h3{
          position: relative;
          padding-right: 41px;
          margin-right: -10px;
          top: -15px;
          font-size: 36px;
          color: #333;
          text-align: right;
          background: url(/Public/Images/home/phpcms/zh-cn/cion_develop.png) no-repeat right;
        }
        p{
          position: relative;
          margin-right: 30px;
          padding-right: 28px;
          text-align: right;
          font-size: 16px;
          color: #666;
          line-height: 1.5;
          em{
            position: absolute;
            right: 0;
            top: 0;
            color: #555;
          }
        }
        &:nth-child(2n){
          margin-right: 0;
          margin-left: 50%;
          h3{
            padding-left: 41px;
            margin-left: -10px;
            text-align: left;
            background-position: left center;
          }
          p{
            position: relative;
            margin-left: 30px;
            padding-left: 28px;
            text-align: left;
            padding-right: 0;
            margin-right: 0;
            em{
              position: absolute;
              left: 0;
              top: 0;
              right: auto;
              color: #555;
            }
          }
        }
      }
    }
  }
}

.honor{
  .honor_box{
    margin-top: 60px;
    .item{
      background: #f3f3f3;
      border: 1px solid #f5f5f5;
      display: block;
      position: relative;
      padding: 40px 45px;
      .line_top{
        display: block;
        background-color: #dcdcdc;
        height: 3px;
        width: 48px;
        margin-bottom: 25px;
      }
      h3{
        font-weight: normal;
        font-size: 24px;
        color: #333;
        line-height: 1.5;
      }
      h4{
        font-weight: normal;
        font-size: 24px;
        color: #333;
        line-height: 1.5;
      }
      img{
        position: absolute;
        right: 40px;
        bottom: 30px;
      }
      span{
        @include inline_block;
        font-size: 14px;
        color: #555;
        margin-top: 40px;
      }
      .icon_img2{
        display: none;
      }
      &:hover{
        background: $main_color;
        .line_top{
          background: #fff;
        }
        h3{
          color: #fff;
        }
        h4{
          color: #fff;
        }
        span{
          color: #fff;
        }
        .icon_img2{
          display: block;
        }
        .icon_img1{
          display: none;
        }
      }
    }
    .item11{
      height: 240px;
      margin-bottom: 20px;
    }
    .item12{
      height: 500px;

    }
  }
}

.explore{
  .explore_box{
    .txt{
      width: 620px;
      margin:60px auto;
      text-align: center;
      h4{
        font-size: 42px;
        color: $main_color;
        font-weight: normal;
        margin-bottom: 35px;
      }
      p{
        font-size: 18px;
        color: #333;
        line-height: 1.5;
      }
    }
    .col_lg_12:first-child{
      .item{
        border-top: 4px solid $main_color;
        margin-right: 20px;
      }

    }
    .col_lg_12:last-child{
      .item{
        border-top: 4px solid #e84d4f;
        margin-left: 20px;
      }
    }
    .item{
      padding: 30px 0;
      p{
        font-size: 16px;
        color: #666;
        line-height: 1.5;
        text-align: justify;
      }
      img{
        margin-top: 25px;
      }
    }
  }
}

.partner{
  .partner_box{
    .txt_box{
      position: relative;
      margin: 80px 0;
      border: 1px solid #cfcfce;
      .img_box{
        width: 390px;
        height: 390px;
        float: left;
        border-radius: 50%;
        background: #fff;
        overflow: hidden;
        margin-top: -15px;
        margin-bottom: -15px;
        margin-right: 40px;
        margin-left: 60px;
      }
      .txt{
        position: absolute;
        left:490px;
        right: 40px;
        top: 50%;
        margin-top: -50px;
        @include transition_05;
        p{
          font-size: 16px;
          color: #666;
          line-height: 1.5;
          margin: 15px 0;
          text-align: justify;
        }
      }
    }

    .col_lg_12:first-child{
      .item{
        margin-right: 20px;
      }
    }
    .col_lg_12:last-child{
      .item{
        margin-left: 20px;
      }
    }
    .item{
      padding: 30px 0;
      border-bottom: 4px solid $main_color;
      .img_box{
        text-align: center;
      }
      h3{
        text-align: center;
        font-size: 26px;
        font-weight: normal;
        color: #333;
        line-height: 1.5;
        margin: 10px 0;
      }
      p{
        font-size: 16px;
        color: #666;
        line-height: 1.5;
        text-align: justify;
      }
      img{
        margin-top: 25px;
      }
    }
  }
}

.business{
  .business_box{
    .row{
      margin-right: -30px;
      margin-left: -30px;
      .col_lg_8{
        padding-right: 30px;
        padding-left: 30px;
      }
    }
    h2{
      line-height: 1.3;
      font-size: 42px;
      font-weight: normal;
      color: #333;
      padding: 25px 0;
      background: url("/Public/Images/home/phpcms/zh-cn/yewu_line.png") no-repeat left top;
    }
    .business_item{
      margin-top: 80px;
      .item{
        display: block;
        padding: 30px 0;
        border-top: 6px solid $main_color;
        .img_box{
          float: right;
          width: 85px;
          overflow: hidden;
          text-align: right;
          @include transition_05;
          img{
            width: 100%;
          }
        }
        .txt{
          margin-right: 100px;
        }
        h3{
          text-align: left;
          font-size: 24px;
          font-weight: normal;
          color: #333;
          line-height: 1.5;
          margin-bottom: 20px;
        }
        p{
          font-size: 16px;
          color: #666;
          line-height: 1.5;
          text-align: justify;
        }
        &:hover{
          .img_box{
            transform: scale(1.1, 1.1);
            -ms-transform: scale(1.1, 1.1); /* IE 9 */
            -webkit-transform: scale(1.1, 1.1); /* Safari  Chrome */
            -o-transform: scale(1.1, 1.1); /* Opera */
            -moz-transform: scale(1.1, 1.1); /* Firefox */
          }
        }
      }
    }
    .business_con{
      margin-top: 60px;
      h2{
        font-size: 28px;
      }
      .txt{
        p{
          font-size: 16px;
          color: #666;
          line-height: 1.5;
          text-align: justify;
        }
      }
    }
  }
}

.news{
  .news_list{
    a{
      margin-top: 40px;
      display: block;
      clear: both;
      overflow: hidden;
      &:hover{
        .img{
          transform: scale(1.25);
          -ms-transform: scale(1.25); /* IE 9 */
          -webkit-transform: scale(1.25); /* Safari  Chrome */
          -o-transform: scale(1.25); /* Opera */
          -moz-transform: scale(1.25); /* Firefox */
        }
      }
    }
    .img_box{
      position: relative;
      padding-top: 58%;
      .img{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        @include bg_cover;
        @include transition_05;
      }
      .date{
        position: absolute;
        top: 0;
        left: 24px;
        width: 80px;
        padding: 10px;
        text-align: center;
        background: rgb(23, 102, 178); /*The Fallback color*/
        background: rgba(23, 102, 178, 0.9);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#4C1766B2,endColorstr=#4C1766B2)"; /*Filter for IE8 */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#4C1766B2, endColorstr=#4C1766B2); /*Filter for older IEs */
        p{
          color:#fff;
          line-height: 1.8;
          font-size: 16px;
        }
      }
    }
    .txt{
      padding-bottom: 20px;
      h4{
        margin: 20px 0;
        font-size: 18px;
        line-height: 2;
        font-weight: normal;
        color: #333;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      p{
        font-size: 14px;
        color: #666;
        line-height: 1.5;
        height: 42px;
        overflow: hidden;
      }
    }
  }
  .news_rec{
    margin-top: 60px;
    .rec_block{
      display: block;
      position: relative;
      .img_box{
        @include bg_cover;
        height: 340px;
      }
      .txt{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 15px 20px;
        background: rgb(216, 33, 40); /*The Fallback color*/
        background: rgba(216, 33, 40, 0.9);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#4Cd82128,endColorstr=#4Cd82128)"; /*Filter for IE8 */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#4Cd82128, endColorstr=#4Cd82128); /*Filter for older IEs */
        .txt_in{
          padding-right: 30px;
          background: url("/Public/Images/home/phpcms/zh-cn/news_arrow.png") no-repeat right;
        }
        h3{
          font-size: 18px;
          line-height: 2;
          font-weight: normal;
          color: #fff;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        p{
          font-size: 14px;
          color: #fff;
          line-height: 2;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;

        }
      }
    }
  }
  .rec_list{
    a{
      display: block;
      padding: 13px 25px;
      margin-bottom: 15px;
      background: #f7f7f7;
      .left{
        width: 105px;
        float: left;
      }
      .right{
        margin-left: 120px;

        h4{
          font-size: 18px;
          line-height: 2;
          font-weight: normal;
          color: #333;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-bottom: 6px;
        }
        p{
          font-size: 14px;
          color: #888888;
          line-height: 2;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;

        }
      }
      .year{
        color: #838480;
        font-size: 16px;
        line-height: 2;
        text-align: right;
      }
      .month{
        color: #838480;
        font-size: 36px;
        text-align: right;
      }
      &:hover{
        .right{
          h4{
            color: $main_hover;
          }
        }
        .year{
          color: $main_hover;
        }
        .month{
          color: $main_hover;
        }
      }
    }
  }
}

.news_de{
  background: #fff;
  padding: 30px 0;
  .news_detail{
    padding: 50px 0;
    .news_head{
      text-align: left;
      padding-bottom: 20px;
      border-bottom:1px solid #e2e2e2;
      .news_info .bdsharebuttonbox{
        @include inline_block;
        a{
          .iconfont{
            font-size: 16px;
            color:#888888;
          }
          &:hover{
            .iconfont{
              font-size: 16px;
              color: $main_color;
            }
          }
        }
      }
    }
    .news_head h3{
      font-size: 28px;
      color: #333;
      font-weight: normal;
      margin-bottom: 20px;
    }
    .news_head h3 small{
      font-size: 20px;
      color: #333;
      font-weight: normal;
    }
    .news_head p{
      text-align: left;
    }
    .news_head .news_info span{
      @include inline_block;
      vertical-align: middle;
      font-size: 14px;
      color:#888888;
      line-height: 20px;
      margin-right: 20px;
    }
    .news_con{
      padding-top: 25px;
    }
    .news_con p{
      font-size: 16px;
      line-height: 2;
      margin-bottom: 15px;
    }
    .news_con p.p_img{
      text-indent: 0 !important;
      text-align: center;
    }
    .news_con p.p_img img{
      height: auto;
    }
    .news_con img{
      margin-bottom: 10px;
    }
  }
  .news_foot {
    padding-top: 25px;
    padding-b0ttom: 25px;
    border-top: 1px dashed #e5e5e5;
    .back{
      float: right;
      a{
        font-size: 16px;
        margin-top: 6px;
        display: block;
        padding: 10px 40px;
        color: $main_color;
        border:1px solid $main_color;
        .iconfont{
          font-size: 16px;
          color: $main_color;
          margin-right: 5px;
        }
        &:hover{
          color: #fff;
          .iconfont{
            color: #fff;
          }
          background: $main_color;
        }
      }
    }
    .link_list{
      margin-right: 150px;
    }
    .link_list li,
    .link_list li a{
      font-size: 16px;
      color: #555;
      line-height: 2;
    }
    .link_list li a:hover{
      color: $main_color;

    }
  }
}

#video_ali_pop {
  display: none;
  height: 540px;
  margin-bottom: 30px;
}
#video_ali_pop .video_ali{
  /*position: relative;*/
}
.video-layer.layui-layer-page .layui-layer-content{
  overflow: hidden;
  padding: 0 30px;
}
.video-layer .layui-layer-title {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  height: auto;
  padding: 10px 0;
  border-bottom:none;
}
.video-layer .layui-layer-setwin {
  right: 7px;
  top: 7px;
}
.video-layer .layui-layer-setwin .layui-layer-close1{
  height: 33px;
  width: 33px;
  background: url("/Public/Images/home/phpcms/zh-cn/layer_close.png") no-repeat center;
}
//.video-layer .layui-layer-setwin .layui-layer-close2:hover{
//  background-position: center;
//}
.layui-layer.video-layer{
  /*position: fixed !important;*/
  animation-fill-mode:none;
  -webkit-animation-fill-mode:none; /* Safari  Chrome */
}

.video{
  .video_rec{
    .right{
      width: 336px;
      float: right;
      overflow: hidden;
      .span{
        display: block;
        width: 100%;
        height: 6px;
        background: #214ba0 url(/Public/Images/home/phpcms/zh-cn/video_top_line.png) no-repeat right;
      }
      h4{
        font-size: 28px;
        color: #555;
        margin-top: 30px;
        font-weight: normal;
      }
      .img_box{
        margin-top: 50px
      }

    }
    .left{
      margin-right: 400px;
      .video_item{
        padding-top: 58%;
        position: relative;
        height: 435px;
        a{
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          cursor: pointer;
          img{
            width: 104px;
            height: 104px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            display: block;
          }
        }

      }
    }
  }
  .video_list{
    margin-top: 50px;
    .row{
      margin-right: -25px;
      margin-left: -25px;
    }
    .col_lg_12{
      padding-right: 25px;
      padding-left: 25px;
    }
    .item{
      margin-bottom: 40px;
      border-bottom: 2px solid #e1e1e1;
      .video_item{
        padding-top: 57%;
        position: relative;
        a{
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          cursor: pointer;
          img{
            width: 104px;
            height: 104px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            display: block;
          }
        }

      }
      h4{
        color: #555;
        font-size: 16px;
        padding: 20px 5px ;
        font-weight: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
      }
    }
  }
}

.attention{
  .attention_box{
    margin-top: 50px;
    .row{
      margin-right: -30px;
      margin-left: -30px;
    }
    .col_lg_12{
      padding-right: 30px;
      padding-left: 30px;
    }
    .row1 .item{
      height: 450px;
    }
    .row2 .item{
      height: 410px;
    }
    .item{
      padding: 50px 0;
      border-bottom: 2px solid #e1e1e1;
      h3{
        font-size: 32px;
        color: #313131;
        margin-bottom: 30px;
        font-weight: normal;
      }
      p{
        font-size: 18px;
        color: #555;
        margin-bottom: 30px;
        text-align: justify;
        line-height: 1.8;
      }
      p.p_weixin{
        font-size: 18px;
        color: #333;
        margin-top: 20px;
        text-align: center;
      }
      p.t{
        font-size: 18px;
        color: #333;
        margin-bottom: 0;
      }
      .img_box{
        height: 350px;
        @include bg_cover;
      }
      .tel{
        span{
          @include inline_block;
          margin-top: 40px;
          font-size: 24px;
          color: #313131;
        }
        b{
          font-size: 32px;
          color: #d82128;
        }
      }
    }
  }
}

.service{
  .service_box{
    margin-top: 60px;
    h3{
      line-height: 2;
      font-size: 22px;
      font-weight: normal;
      color: $main_color;
      padding: 15px 0;
      background: url("/Public/Images/home/phpcms/zh-cn/yewu_line.png") no-repeat left top;
    }
    .service_list{
      margin-top: 50px;
      .row{
        .bor{
          border-right: 1px solid #e8e7e7;
        }
      }
      .item{
        text-align: center;
        margin: 0 30px;
        h4{
          font-size: 30px;
          color: #333;
          line-height: 2;
          font-weight: normal;
          margin-bottom: 10px;
        }
        .img_box{
          padding-top: 47%;
          @include bg_cover;
        }
        a{
          display: block;
          &:hover{
            .item_img{
              background: $main_hover;
              .img_color{
                display: none;
              }
              .img_wh{
                display: inline;
              }
            }
          }

        }
        .item_img{
          margin-top: 20px;
          border: 1px solid #d7d7d7;
          height: 76px;
          line-height: 76px;
          -webkit-box-shadow: 1px 1px 0px rgba(51,51,51,0.1);
          -moz-box-shadow:  1px 1px 0px rgba(51,51,51,0.1);
          box-shadow:  1px 1px 0px rgba(51,51,51,0.1);
          img{
            height: 50px;
            vertical-align: middle;
          }
          .img_wh{
            display: none;
          }
        }
        h5{
          font-size: 16px;
          color: #333;
          margin: 15px 0;
          font-weight: normal;

        }
      }
    }
    .service_see{
      .item{
        display: block;
        margin-bottom: 40px;
        .left{
          width: 230px;
          float: left;
          overflow: hidden;
          height: 160px;
          @include bg_cover;
        }
        .right{
          margin-left: 260px;
          h4{
            font-size: 22px;
            color: #333;
            font-weight: normal;
            line-height: 1.5;
            padding-top: 5px;
          }
          .line{
            display: block;
            margin: 15px 0;
            width: 26px;
            height: 3px;
            background-color: $main_color;
          }
          p{
            height: 64px;
            font-size: 16px;
            color: #666;
            line-height: 2;
            overflow: hidden;
          }
        }
      }
    }
    .service_see_tit{
      font-size: 28px;
    }
    .service_see_con{
      font-size: 16px;
      line-height: 2;
    }
  }
}

.sign{
  .sign_box{
    margin-top: 60px;
    .item{
      margin-right: 50%;
      .con{
        min-height: 120px;
        text-align: right;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 140px;
        margin-right: -60px;
        margin-left: 40px;
        background-repeat: no-repeat;
        background-position: right;
      }
      em{
        float: right;
        width: 50px;
        text-align: center;
        overflow: hidden;
        font-size: 26px;
        color: #555;
      }
      .txt{
        margin-right: 60px;
        h4{
          font-size: 26px;
          color: $main_color;
          margin-bottom: 15px;
          font-weight: normal;
        }
        p{
          font-size: 16px;
          color: #666;
          line-height: 1.8;
          text-align: justify;
        }
      }
    }
    .item1{
      margin-right: 0;
      margin-left: 50%;
      .con{
        text-align: left;
        padding-left: 140px;
        padding-right: 0;
        margin-right: 40px;
        margin-left: -60px;
        background-repeat: no-repeat;
        background-position: left;
      }
      em{
        float: left;
      }
      .txt{
        margin-right: 0;
        margin-left: 60px;
      }
    }
    .arrow{
      margin: 1% 0;
    }
  }
}

.consult{
  .consult_box{
    margin-top: 50px;
    h3{
      font-size: 20px;
      margin-bottom: 30px;
      color: #087de0;
      font-weight: normal;
    }
    .red{
      color: $main_hover;
    }
    .txt{
      margin-bottom: 50px;
      p{
        font-size: 16px;
        line-height: 1.8;
      }
    }
    .consult_form{
      .name{
        line-height: 40px;
        float: left;
        width: 100px;
        overflow: hidden;
        font-size: 16px;
        color: #666;
      }
      .inp{
        margin-left: 100px;
        margin-bottom: 22px;
        .tips{
          height: 40px;
          line-height: 40px;
        }
        .btn{
          width: 240px;
          height: 60px;
          font-size: 18px;
          background: #087de0;
          border-radius: 0;
        }
        .t{
          font-size: 14px;
          color: #555;
          margin-left: 20px;
          @include inline_block;
        }
      }
      .inp_control{
        height: 40px;
      }
      textarea.inp_control{
        height: 250px;
      }
      .yz_box{
        .tips{
          position: relative;
          vertical-align: top;
          display: inline-block;
        }
      }
      .slider{
        @include inline_block;
        vertical-align: top;
      }
    }
  }
}

.question{
  .question_box{
    margin-top: 50px;
    h3{
      font-size: 24px;
      color: $main_color;
      line-height: 1.2;
      font-weight: normal;
    }
    .item{
      margin-top: 50px;
      h4{
        line-height: 2;
        font-size: 32px;
        font-weight: normal;
        color: $main_color;
        padding: 10px 0;
        background: url("/Public/Images/home/phpcms/zh-cn/yewu_line.png") no-repeat left top;
      }
      .list_item{
        margin-bottom: 5px;
        position: relative;
        .icon_arrow {
          position: absolute;
          right: 20px;
          top: 50%;
          margin-top: -2px;
          height: 3px;
          width: 19px;
          background: #c5c4c4;
          @include transition_05;
          &:after {
            content: '';
            position: absolute;
            height: 3px;
            width: 19px;
            top: 0;
            left: 0;
            background: #c5c4c4;
            @include transition_05;
            transform: rotate(90deg);
            -ms-transform: rotate(90deg); /* IE 9 */
            -webkit-transform: rotate(90deg); /* Safari and Chrome */
            z-index: 1;
          }
        }
        &.opening .icon_arrow{
          transform:rotate(-360deg);
          -ms-transform:rotate(-360deg); /* IE 9 */
          -webkit-transform:rotate(-360deg); /* Safari and Chrome */
          &:after{
            transform:rotate(0deg);
            -ms-transform:rotate(0deg); /* IE 9 */
            -webkit-transform:rotate(0deg); /* Safari and Chrome */
          }
        }
        h5{
          position: relative;
          line-height: 1.5;
          padding: 15px 60px;
          color: #555;
          font-size: 18px;
          background: #f1f0f0 url("/Public/Images/home/phpcms/zh-cn/q_img.png") no-repeat 20px 10px;
        }
        .sub_box{
          overflow: hidden;
        }
        .txt{
          margin-top: 15px;
          margin-left: 60px;
          margin-bottom: 25px;
          padding-left: 40px;
          line-height: 2;
          color: #666;
          font-size: 16px;
          background: url("/Public/Images/home/phpcms/zh-cn/a_img.png") no-repeat left 5px;
        }
      }
    }
  }
}

.download{
  .download_list{
    margin-top: 50px;
    .item{
      position: relative;
      display: block;
      padding-right: 100px;
      padding-bottom: 20px;
      margin-top: 20px;
      font-size: 16px;
      color: #555;
      line-height: 30px;
      border-bottom: 1px solid #e2e2e2;
      .iconfont{
        font-size: 30px;
        color: $main_color;
        vertical-align: middle;
        margin-right: 5px;
      }
      .em{
        position: absolute;
        right: 2px;
        top: 0;
        color: $main_hover;
        font-size: 16px;
        .iconfont{
          font-size: 30px;
          color: $main_hover;
        }
      }
      &:hover{
        opacity: 0.9;
        color: $main_hover;
      }
    }
  }
}

.case{
  .case_box{
    margin-top: 20px;
    .row{
      margin-right: -25px;
      margin-left: -25px;
    }
    .col_lg_8{
      padding-right: 25px;
      padding-left: 25px;
    }
    .item{
      display: block;
      padding-bottom: 40px;
      margin-top: 40px;
      border-bottom: 3px solid #dbdbdb;
      .img_box{
        overflow: hidden;
        .img{
          padding-top: 58%;
          @include bg_cover;
        }
      }
      .txt{
        h3{
          font-size: 24px;
          color: $main_color;
          margin-top: 20px;
          margin-bottom: 15px;
          font-weight: normal;
        }
        p{
          font-size: 16px;
          color: #666;
          line-height: 1.8;
          text-align: justify;
          height: 84px;
          overflow: hidden;
        }
      }
      &:hover{
        border-bottom: 3px solid #dbdbdb;

      }
    }
  }
}

.comment{
  .comment_box{
    margin-top: 50px;
    .row{
      margin-right: -22px;
      margin-left: -22px;
    }
    .col_lg_12{
      padding-right: 22px;
      padding-left: 22px;
    }
    .item{
      padding: 25px 40px 0 40px;
      border: 2px solid #dadada;
      border-radius: 16px;
      margin-bottom: 44px;
      .top{
        font-size: 16px;
        height: 84px;
        color: #555;
        line-height: 1.8;
        overflow: hidden;
      }
      .bottom{
        margin-top: 5px;
        overflow: hidden;
        em{
          width: 85px;
          float: left;
          overflow: hidden;
        }
        .txt{
          margin-top: 35px;
          margin-left: 100px;
          h4{
            font-size: 16px;
            color: #333;
            margin-bottom: 3px;
            font-weight: normal;
          }
          p{
            font-size: 16px;
            color: #666;
            line-height: 1.8;
            text-align: justify;
            height: 56px;
            overflow: hidden;
          }
        }
      }
    }
  }
}

.ask{
  .ask_box{
    margin-top: 60px;
    h3{
      font-size: 28px;
      color: #333;
      font-weight: normal;
      margin-bottom: 40px;
    }
  }
  .vip_list{
    margin-bottom: 40px;
    margin-right: -25px;
    margin-left: -25px;
    .row{
    }
    .col_lg_6{
      padding-right: 25px;
      padding-left: 25px;
    }
    .item{
      text-align: center;
      padding: 10% 7%;
      border: 1px solid #dddcdc;
      margin-bottom: 30px;
      &:hover .flipper{
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
      }
      h4{
        margin-top: 10%;
        margin-bottom: 2%;
        font-size: 24px;
        font-weight: normal;
        color: #555;
      }
    }
    .flipper{
      position: relative;
      padding-top: 100%;
      background: #bc121a;
      border-radius: 16px;
      -webkit-transition: 0.6s;
      -webkit-transform-style: preserve-3d;

      -moz-transition: 0.6s;
      -moz-transform-style: preserve-3d;

      -o-transition: 0.6s;
      -o-transform-style: preserve-3d;

      transition: 0.6s;
      transform-style: preserve-3d;
      .s{
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
      }
      .s1{
        position: absolute;
        left: 10%;
        right: 10%;
        top: 50%;
        margin-top: -50px;
        @include transition_05;
        z-index: 2;
        img{
          padding-bottom: 8%;
          border-bottom: 1px solid #fff;
        }
        h5{
          padding-top: 8%;
          padding-bottom: 8%;
          font-size: 28px;
          color: #fff;
        }
        p{
          font-size: 18px;
          color: #fff;
        }
      }
      .s2{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 10%;
        z-index: 99;
        background: #fff;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
        img{
          width: 100%;
        }
      }
    }


  }
  .ask_list{
    .item{
      display: block;
      position: relative;
      padding: 5% 7%;
      margin-bottom: 15px;
      border: 1px solid #dddcdc;
      h5{
        font-size: 22px;
        color: #666;
        font-weight: normal;
        line-height: 2;
      }
      p{
        font-size: 36px;
        color: #333;
      }
      .icon1{
        color: #cbcbcb;
        font-size: 70px;
        @include transition_05;
      }
      .icon2{
        color: $main_color;
        font-size: 22px;
        margin-top: 15%;
      }
      .icon3{
        color: $main_hover;
        font-size: 22px;
        margin-top: 15%;
      }
      &:hover .icon1{
        color: $main_color;
        font-size: 70px;
        transform: scale(1.2);
        -ms-transform: scale(1.2); /* IE 9 */
        -webkit-transform: scale(1.2); /* Safari 和 Chrome */

        -o-transform: scale(1.2); /* Opera */
        -moz-transform: scale(1.2); /* Firefox */
      }
    }
  }

  .case_con{
    margin-top: 50px;
    margin-bottom: 70px;
    h5{
      font-size: 24px;
      color: $main_color;
      line-height: 1.2;
      font-weight: normal;
      margin-bottom: 40px;
    }
    .txt{
      p{
        font-size: 16px;
        color: #666;
        line-height: 2;
        margin-bottom: 30px;
      }
    }

    .btn_box{
      margin: 70px 0;
      a{
        font-size: 16px;
        margin-top: 6px;
        padding: 12px 35px;
        color: $main_color;
        border:1px solid $main_color;
        .iconfont{
          font-size: 16px;
          color: $main_color;
          margin-right: 5px;
        }
        &:hover{
          color: #fff;
          .iconfont{
            color: #fff;
          }
          background: $main_color;
        }
      }
    }
  }
}

.join{
  .join_box{
    margin-top: 60px;
    .item{
      width: 50%;
      float: left;
      margin-bottom: 3px;
      position: relative;
      .left{
        width: 50%;
        height: 300px;
        float: left;
        overflow: hidden;
        @include bg_cover;
      }
      .right{
        position: relative;
        margin-left: 50%;
        padding-right: 10px;
        padding-left: 4%;
        height: 300px;
        overflow: hidden;
        h4{
          font-size: 24px;
          color: #333;
          font-weight: normal;
          margin: 30px 0;
        }
        p{
          font-size: 16px;
          color: #666;
          line-height: 1.8;
        }
        .iconfont{
          @include inline_block;
          color: #939393;
          font-size: 45px;
          margin-top: 20px;
        }
        .date{
          font-size: 15px;
          color: #777;
          position: absolute;
          bottom: 30px;
          right: 30px;
        }
      }
      &:nth-child(1) .txt{
        bottom: auto;
        top:0;
        transform-origin: 100% 0%;
      }
      &:nth-child(2) .txt{
        bottom: auto;
        top:0;

        transform-origin: 100% 0%;
      }
      .txt{
        position: absolute;
        width: 100%;
        height: 603px;
        bottom: 0;
        left: 0;
        padding: 5% 7%;
        background: rgb(216, 33, 40); /*The Fallback color,这里也可以使用一张图片来代替*/
        background: rgba(216, 33, 40, 0.9);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#4CD82128,endColorstr=#4CD82128)"; /*Filter for IE8 */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#4CD82128, endColorstr=#4CD82128); /*Filter for older IEs */
        z-index: 1;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        transform-origin: 100% 100%;
        -webkit-transition: .4s;
        transition: .4s;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        h5{
          font-size: 32px;
          color: #fff;
          margin-bottom: 20px;
        }
        h4{
          font-size: 16px;
          color: #fff;
          margin-bottom: 3px;
        }
        p{
          font-size: 16px;
          color: #fff;
          line-height: 1.8;
        }
        .btn{
          position: absolute;
          right: 30px;
          bottom: 30px;
          padding: 3px 25px;
          background: transparent;
          font-size: 16px;
          border-radius: 0;
          color: #fff;
          border: 1px solid #fff;
          .iconfont{
            @include inline_block;
            margin-right: 3px;
            font-size: 25px;
            color: #fff;
            vertical-align: middle;
          }
        }
        .con{
          position: absolute;
          top: 80px;
          bottom: 90px;
          right: 5%;
          left: 7%;
          padding-left: 5px;
          overflow-y: auto;
          overflow-x: hidden;
          &::-webkit-scrollbar-track{
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #fff;
          }
          &::-webkit-scrollbar{
            width: 6px;
            background-color: #fff;
          }
          &::-webkit-scrollbar-thumb{
            background-color: #000;
          }

        }
      }
      &.hover,
      &:hover{
        .txt{
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1);
          opacity: 1;
          -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
          filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        }
      }
    }
  }
}

.contact{
  .contact_list{
    margin-top: 60px;
    .bor{
      border-right: 1px solid #e6e5e5;
    }
    .item{
      @include inline_block;
      min-height: 200px;
      img{
        margin-bottom: 10px;
      }
      h4{
        font-size: 22px;
        color: #333;
        margin-bottom: 10px;
        font-weight: normal;
      }
      p{
        font-size: 18px;
        color: #555;
        line-height: 1.8;
      }
      .tel{
        font-size: 36px;
        color:#d82128;
        line-height: 1;
      }
    }
  }
  .map_box{
    margin-top: 80px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    #map{
      height: 400px;
    }
  }
}
.pop .bottom,
.pop .center{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.activity{
  .activity_list{
    margin-top: 60px;
    .row{
      margin-right: -20px;
      margin-left: -20px;
    }
    .col_lg_8{
      padding-right: 20px;
      padding-left: 20px;
    }
    .item{
      display: block;
      margin-bottom: 50px;
      .img_box{
        padding-top: 65%;
        @include bg_cover;
      }
      h4{
        font-size: 22px;
        color: $main_color;
        margin-bottom: 15px;
        margin-top: 20px;
        font-weight: normal;
      }
      p{
        font-size: 18px;
        color: #555;
        line-height: 1.8;
        height: 64px;
        overflow: hidden;
      }
      em{
        @include inline_block;
        font-size: 16px;
        padding: 10px 25px 9px 25px;
        border: 1px solid $main_hover;
        color: $main_hover;
        margin-top: 30px;
      }
      &:hover{
        em{
          background: $main_hover;
          color: #fff;
        }
      }
    }
  }
}

.map{
  .map_list{
    margin-top: 50px;
    .col_lg_8{
      width: 33%;
    }
    h3{
      font-size: 28px;
      font-weight: normal;
      line-height: 2;
    }
    .item{
      margin-bottom: 40px;
      width: 290px;
      background: url(/Public/Images/home/phpcms/zh-cn/map_line.png) no-repeat right top;
      padding-top: 3px;
      li > a{
        display: block;
        font-size: 18px;
        color: #333;
        line-height: 56px;
        text-indent: 10px;
        border-bottom: 1px solid #cccccc;
      }
      dl {
        margin: 11px 0;
      }
      dd a{
        display: block;
        font-size: 15px;
        color: #777;
        text-indent: 30px;
        line-height: 40px;
      }
    }

  }
}

.side_fix{
  position: fixed;
  right: 10px;
  top: 50%;
  width: 90px;
  margin-top: -120px;
  z-index: 999;
  -webkit-box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, .3);
  box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, .3);
  background: #fff;
  .item:first-child > a{
    border-top: none;
  }
  .item > a{
    height: 90px;
    display: block;
    padding: 13px 0;
    line-height: 1;
    text-align: center;
    border-top: 1px solid #eee;
    &:hover{
      color: $main_color;
      background: $main_color;
      .iconfont,p{
        color: #fff;
      }
    }
    .iconfont{
      font-size: 40px;
      color: $main_color;
    }
    p{
      color: $main_color;
    }
  }
  .hover{
    position: relative;
    .wechat_box{
      position: absolute;
      bottom: 0;
      right: 95px;
      width: 180px;
      height: 180px;
      line-height: 180px;
      background: $main_color;
      text-align: center;
      z-index: 999;
      visibility: hidden;
      opacity: 0;
      -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      img{
        width: 150px;
        vertical-align: middle;
      }
    }
    &:hover .wechat_box{
      opacity: 1;
      -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      visibility: visible;
      right: 90px;
    }
  }

}

@media (max-width: 1650px) {
  .container_big{
    width: 1200px;
  }
  .top_bar{
    .top_txt{
      .top_tel{
        font-size: 56px;
      }
    }
    .form_box{
      .form_left{
        width: 360px;
      }
      .inp1{
        width: 130px;
      }
      .inp2{
        width: 200px;
      }
      .inp3{
        width: 334px;
      }

      .close_btn{
        .iconfont{
          font-size: 40px;

        }
      }
    }
  }
  .index_block .block_item .right{
    margin-left: 325px;
    .news_type a .img_box img{
      height: 60px;
    }
  }
  .index_type {
    .block_item .right{
      margin-left: 325px;
      a .txt{
        left: 20px;
        right: 20px;
        top: 20px;
      }
    }
    .block_item .right a .img_box{
      height: 320px;
    }

    .block_item .left{
      height: 320px;

    }
  }
  .attention .attention_box .item .tel img{
    display: none;
  }

  .ask{
    .ask_box{
      margin-top: 60px;
      h3{
        font-size: 28px;
        margin-bottom: 30px;
      }
    }
    .vip_list{
      margin-bottom: 20px;
      margin-right: -10px;
      margin-left: -10px;
      .row{
      }
      .col_lg_6{
        padding-right: 10px;
        padding-left: 10px;
      }
      .item{
        text-align: center;
        padding: 10% 7%;
        border: 1px solid #dddcdc;
        margin-bottom: 30px;
        h4{
          margin-top: 10%;
          margin-bottom: 2%;
          font-size: 20px;
          font-weight: normal;
          color: #555;
        }
      }
      .flipper{
        .s1{
          h5{
            padding-top: 8%;
            padding-bottom: 8%;
            font-size: 24px;
            color: #fff;
          }
          p{
            font-size: 16px;
            color: #fff;
          }
        }
      }
    }

  }
  .map{
    .map_list{
      margin-top: 50px;
      .item{
        margin-bottom: 40px;
        width: 260px;
        padding-top: 3px;
      }
    }
  }
  .consult .consult_box .consult_form .inp .t{
    font-size: 14px;
  }
  .side_nav .contact p.tel {
    font-size: 32px;
  }
}

@media (max-width: 1200px) {
  body{
    padding-top:50px;
  }
  .login_bar,
  .index_block .news_rec,
  .footer .fast_link,
  .footer .wechat,
  .footer .adress,
  .footer .bdsharebuttonbox,
  .footer .map_box,
  .footer .friend,
  .top_bar{
    display: none;
  }
  .footer {
    background: #666;
  }
  .footer .copyright{
    line-height: 1.5;
    width: auto;
    color: #fff;
  }
  .tit{
    font-size: 28px;
  }
  .tit_in{
    font-size: 26px;
  }
  .footer{
    padding: 15px 10px;
  }
  .footer .copyright{
    margin-right: 0;
    text-align: center;
    margin-bottom: 0;
  }

  .container_big{
    width: 100%;
    padding: 0 10px;
  }

  .main{
    .left_col{
      width: 190px;
      float: left;
      overflow: hidden;
    }
    .right_col{
      margin-left: 190px;
    }
  }
  .main_con{
    padding-right: 2%;
  }
  .side_nav h2{
    font-size: 28px;
  }
  .side_nav .nav_url li > a{
    text-indent: 15px;
  }
  .side_nav .contact{
    background: #fff;
    padding: 30px 15px;
  }
  .banner_in .banner_item{
    height: auto;
    padding-top: 20%;
  }
  .introduce{
    margin-right: 10px;
    margin-left: 10px;
    .right .blue_block h2{
      font-size: 35px;
    }
    .right .blue_block em .iconfont{
      font-size: 120px;
    }
  }

  .honor .honor_box {
    .item{
      padding: 25px 25px;
      img {
        position: absolute;
        right: 10px;
        bottom: 10px;
      }
      h4{
        font-size: 20px;
      }
    }
  }
  .side_fix{
    display: none;
  }
  .banner_slick .banner_item{
    padding-top: 36%;
  }
  .introduce .introduce_txt {
    .right{
      float: none;
      width: auto;
      border-left: none;
    }
    .left{
      margin-right: 0px;
    }
  }
  .partner .partner_box .txt_box{
    .img_box{
      float: none;
      margin-bottom: 20px;
      margin-right: 10px;
      margin-left: 10px;
      width: auto;
      height: auto;
      text-align: center;
    }
    .txt{
      position: static;
      margin-top: 0 !important;
      margin: 0 20px;

    }
  }
  .map{
    .map_list{
      .item{
        width: auto;
      }
    }
  }
}

@media (max-width: 992px) {
  .m_Crumbs{
    display: block;
  }

  .index_block {
    .block_item .right .news_type{
      margin-right: 10px;
    }
    .block_item .right {
      margin-left: 275px;

    }
    .block_item .left {
      width: 250px;
      p{
        font-size: 16px;
      }
      p.tel{
        font-size: 38px;
      }
    }
    .block_item .right .news_type a .img_box{
      height: 90px;
      width: 90px;
      line-height: 90px;
    }
  }

  .index_type {
    .block_item .left{
      float: none;
      width: auto;
      height: auto;
      margin-bottom: 14px;
      h3{
        font-size: 36px;
      }
      p{
        font-size: 18px;
      }
    }
    .block_item .right{
      margin-left: 0;
    }

    .block_item .row{
      margin-left: -7px;
    }
  }

  .main {
    padding-top: 0;
    padding-bottom: 30px;
  }
  .main .left_col{
    display: none;
  }
  .main .right_col{
    float: none;
    width: auto;
    margin-right: 10px;
    margin-left: 10px;
  }
  .main_con{
    padding-left: 2%;
  }
  .banner_in_min{
    .banner_in_con h2{
      font-size: 26px;
      margin-bottom: 20px;
    }
  }
  .introduce .introduce_icon2 .item{
    margin-left: 0;
    margin-right: 0;
    p{
      font-size: 16px;
      margin: 0;
    }
  }

  .index_tools .tool_list a p {
    font-size: 12px;
    margin-left: -5px;
    margin-right: -5px;
    line-height: 1.5;
  }
  .introduce{
    margin-right: 0px;
    margin-left: 0px;
    .right .blue_block h2{
      font-size: 28px;
    }
    .right .blue_block em .iconfont{
      font-size: 110px;
    }
  }

  .news_de {
    .news_nav .nav_share{
      display: none;
    }
  }


  .personal_center {
    .personal_left .per_list li > a{

    }
    .personal_left{
      width: 200px
    }
    .personal_right{
      margin-left: 200px
    }
    .personal_left .per_list li > a {
      text-indent: 15px;
    }
    .personal_left .sub_list > li a{
      text-indent: 50px;
    }
    .personal_left .per_list li > a .iconfont{
      font-size: 25px;
    }
    .personal_left .per_list li > a .down_arrow{
      margin-right: 20px;
    }
    .personal_left .sub_list > li dd a{
      font-size: 12px;
      text-indent: 65px;
    }
  }
  .login_page{
    padding: 32% 0;
    .login_box{
      float: none;
      margin-right: auto;
      margin-left: auto;
    }
  }
  .personal_center{
    .info_box{
      border-top: 1px solid #e1e6eb;
      .fail_head{
        display: none;
      }
      .pad_show{
        display: inline;
      }
      .name a{
        display: inline;
      }
      .status{
        text-align: left;
      }
    }
  }
  .social{
    .social_box{
      .protect_list{
        margin: 60px 0;
        .item{
          float: left;
          width: 50%;
          .left{
            width: auto;
            float: none;
            overflow: hidden;
            text-align: center;
            img{
              width: 100px;
            }
          }
          .right{
            margin-left: 0;
            padding: 0 20px;
            p{
              font-size: 18px;
              color: #555555;
              line-height: 1.8;
            }
          }
        }
        .item1{
          .right{
            margin-right: 50px;
          }
        }
        .item2{
          .left{
            margin-left: 0;
          }
          .right{
            margin-left: 0;
          }
        }
      }
    }
  }
  .business{
    .business_box{
      .row{
        margin-right: -10px;
        margin-left: -10px;
        .col_lg_8{
          padding-right: 10px;
          padding-left: 10px;
        }
      }
      h2{
        font-size: 30px;
      }
      .business_item{
        margin-top: 60px;
        .item{
          .img_box{
            width: 40px;
          }
          .txt{
            margin-right: 0;
          }
        }
      }
      .business_con{
        margin-top: 60px;
        h2{
          font-size: 24px;
        }
      }
    }
  }
  .video-layer .layui-layer-setwin {
    display: none;
  }
  #video_ali_pop {
    display: none;
    height: 350px;
    margin-bottom: 0;

  }
  .video-layer.layui-layer-page .layui-layer-content{
    overflow: hidden;
    padding: 0 ;
  }

  .service .service_box .service_list .item{
    margin: 0;

  }
  .culture .cultrue_box{
    width: 96%;
  }
}
@media (max-width: 767px) {

  .tit{
    font-size: 26px;
  }
  .tit_in{
    font-size: 24px;
  }
  .index_block {
    padding: 35px 0;
    .block_item .right .news_type{
      margin-right: 0px;
    }
    .block_item .right {
      margin-left: 0px;

    }
    .block_item .right .news_type a{
      margin-bottom: 20px;
    }
    .block_item .left {
      float: none;
      width: auto;
      margin-bottom: 30px;
      p{
        font-size: 16px;
      }
      p.tel{
        font-size: 38px;
      }
    }
    .block_item .right .news_type a .img_box{
      height: 90px;
      width: 90px;
      line-height: 90px;
    }
  }
  .index_type{
    .block_item .left .txt{
      margin: 15px 15px;
    }
    .block_item .right a .txt{
      top: 10px;
      left: 15px;
      h4{
        font-size: 14px;
      }
    }
    .block_item .right a .img_box{
      height: auto;
      margin-bottom: 14px;
    }

    .block_item .right .col_lg_6 a .img_box{
      padding-top: 105%;
    }
    .block_item .right .col_lg_12 a .img_box{
      padding-top: 60%;
    }
  }

  .banner_slick {
    .banner_con .txt h2 .banner_line{
      display: none;
    }
    .banner_con .txt .em{
      margin-top: 12px;
      vertical-align: middle;
      text-align: center;
      width: 100px;
      font-size: 10px;
      line-height: 26px;
      color: #fff;
      background-color: #d82128;
      .iconfont{
        font-size: 12px;
      }
    }
    .banner_con .txt h2{
      font-size: 20px;
    }
    .banner_con .txt h3{
      font-size: 16px;
      line-height: 16px;
    }
    .banner_con .txt h2 .banner_line{
      display: none;
    }
    .banner_con .txt h2 .banner_line{
      display: none;
    }
    .banner_con .txt {
      margin-left: 0;
    }
  }
  .banner_slick .banner_item{
    padding-top: 47%;
  }
  .banner_in .banner_item{
    padding-top: 40%;
  }
  .main .right_col{
    margin-right: 0px;
    margin-left: 0px;
  }
  .tit_in .crumbs{
    display: none;
  }
  .main_con{
    padding: 0;
  }
  .banner_in_min{
    padding-top: 55%;
    background-position: left;
    .banner_in_con h2{
      font-size: 20px;
      margin-bottom: 10px;
    }
    .banner_in_con P{
      font-size: 12px;
    }
  }
  .custom_box .custom_con {
    margin-top: 20px;
  }
  .custom_box .tit_in {
    padding-bottom: 15px;
  }

  .adv{
    .adv_list {
      margin-top: 20px;
      padding: 30px 20px;
      .item .txt{
        min-height: auto;
      }
      .item .title{
        margin-bottom: 10px;
      }
    }
  }

  .introduce .introduce_txt {
    margin: 20px 0;
    padding: 20px 0;
    .right .event_list {
      margin-left: 0;
      margin-right: 0;
    }
    .left{
      margin-right: 0px;
    }
  }
  .introduce .introduce_icon2 .item{
    padding: 0;
  }
  .development .development_box .develop_btn{
    width: 50%;
    margin-top: 10px;
  }
  .development .development_box .develop_con .item h3{
    font-size: 25px;
  }

  .news_de{
    .news_nav .nav_ltem{
      margin-top: 25px;
    }
    .news_detail{
      padding: 30px 15px;
    }
    .news_detail .news_head h3{
      font-size: 22px;
    }
  }
  .partner{
    .partner_box{
      .col_lg_12:first-child{
        .item{
          margin-right: 0;
        }
      }
      .col_lg_12:last-child{
        .item{
          margin-left: 0;
        }
      }
    }
    .item h3 {
      font-size: 22px;
    }
  }

  .banner_slick .banner_con .banner_tit {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    margin: 3% 0;
  }

  .explore{
    .explore_box{
      .txt{
        width: 100%;
        margin:30px auto;
        text-align: center;
        h4{
          font-size: 28px;
          color: $main_color;
          font-weight: normal;
          margin-bottom: 15px;
        }
        p{
          font-size: 18px;
          color: #333;
          line-height: 1.5;
        }
      }
      .col_lg_12:first-child{
        .item{
          margin-right: 0;
        }

      }
      .col_lg_12:last-child{
        .item{
          margin-left: 0;
        }
      }
      .item{
        padding-top: 20px;
        p{
          font-size: 14px;
        }
      }
    }
  }

  .social{
    .social_box{
      margin-top: 60px;
      h2{
        font-size: 28px;
        color: $main_color;
        font-weight: normal;
        margin-bottom: 30px;
      }
      .item_list{
        .item{
          padding-left: 20px;
          padding-right: 15px;
        }
        .item1{
          padding-bottom: 40px;
        }
        .item2{
          padding-bottom: 25px;
          padding-top:25px;
          width: 100%;
          border-right: none;
          .right p{
            height: auto;
          }
        }
        .item3{
          padding-bottom: 25px;
          padding-top: 25px;
          width: 100%;
          border-top: none;
          .right p{
            height: auto;
          }
        }
        .item4{
          padding-bottom: 25px;
          padding-top: 25px;
        }
      }
      .protect_list{
        margin: 30px 0;
        .item{
          width: 100%;
          margin-bottom: 40px;
          .right{
            padding: 0 10px;
            h3{
              font-size: 18px;
              margin-bottom: 10px;
              margin-top: 10px;
            }
            p{
              font-size: 14px;
            }
          }
        }
        .item2{
          border-left: none;
        }
      }
    }
  }
  .culture .culture_panda{
    .panda_txt1{
      margin: 30px 0;
      h2{
        font-size: 30px;
        margin-bottom: 20px;
      }
      h3 {
        font-size: 22px;
        margin-bottom: 10px;
      }
    }
    .panda_txt3 .text_right{
      text-align: center;
    }
    .panda_txt2{
      padding: 25px 0;
      h3{
        font-size: 20px;
        margin-bottom: 10px;
      }
    }
    .panda_txt3{
      padding: 25px 0;
    }
  }
  .news_de .news_detail .news_head .news_info .bdsharebuttonbox,
  .news .news_rec{
    display: none;
  }
  .attention{
    .attention_box{
      margin-top: 20px;
      .row{
        margin-right: -10px;
        margin-left: -10px;
      }
      .col_lg_12{
        padding-right: 10px;
        padding-left: 10px;
      }
      .row1 .item{
        height: auto;
      }
      .row2 .item{
        height: auto;
      }
      .item{
        padding: 30px 0;
        h3{
          font-size: 24px;
          margin-bottom: 15px;
        }
        p{
          font-size: 16px;
        }
        p.p_weixin{
          font-size: 16px;
        }
        p.t{
          font-size: 16px;
          color: #333;
          margin-bottom: 0;
        }
        .tel{
          span{
            margin-top: 20px;
            font-size: 16px;
          }
          b{
            font-size: 25px;
          }
        }
      }
    }
  }

  .video{
    .video_rec{
      margin-bottom: 30px;
      .right{
        width: auto;
        float: none;
        overflow: hidden;
        margin-bottom: 40px;
        .span{
          display: block;
          width: 100%;
          height: 6px;
          background: #214ba0 url(/Public/Images/home/phpcms/zh-cn/video_top_line.png) no-repeat right;
        }
        h4{
          font-size: 24px;
          color: #555;
          margin-top: 20px;
          font-weight: normal;
        }
        .img_box{
          margin-top: 30px;
          text-align: center;
          img{
            width: 80%;
          }
        }

      }
      .left{
        margin-right: 0;
        .video_item{
          padding-top: 58%;
          position: relative;
          height: auto;
        }
      }
    }
    .video_list{
      margin-top: 50px;
      .row{
        margin-right: -10px;
        margin-left: -10px;
      }
      .col_lg_12{
        padding-right: 10px;
        padding-left: 10px;
      }
    }
  }
  .download{
    .download_list{
      margin-top: 30px;
      .item{
        padding-right: 0px;
        font-size: 15px;
        line-height: 1.5;
        .iconfont{
          font-size: 25px;
          color: $main_color;
          vertical-align: middle;
          margin-right: 5px;
        }
        .em{
          position: static;
          display: block;
          text-align: right;
          font-size: 14px;
          .iconfont{
            font-size: 25px;
          }
        }
      }
    }
  }
  .question{
    .question_box{
      margin-top: 30px;
      h3{
        font-size: 20px;
        color: $main_color;
        line-height: 1.2;
        font-weight: normal;
      }
      .item{
        margin-top: 30px;
        h4{
          line-height: 1.5;
          font-size: 22px;
          padding: 10px 0;
        }
        .list_item{
          margin-bottom: 5px;
          position: relative;
          .icon_arrow {
            right: 10px;
          }
          h5{
            line-height: 1.5;
            padding: 15px 40px;
            color: #555;
            font-size: 16px;
            background-position: 5px 10px;
          }
          .sub_box{
            overflow: hidden;
          }
          .txt{
            margin-left: 10px;
            padding-left: 35px;
            font-size: 14px;
          }
        }
      }
    }
  }

  .service{
    .service_box{
      margin-top: 20px;
      h3{
        line-height: 1.5;
        font-size: 20px;
      }
      .service_list{
        margin-top: 10px;
        .row{
          .bor{
            border-right:none;
          }
        }
        .item{
          text-align: center;
          margin: 10px 0;
          h4{
            font-size: 22px;
            color: #333;
            line-height: 2;
            font-weight: normal;
            margin-bottom: 10px;
          }
          .img_box{
            padding-top: 47%;
            @include bg_cover;
          }
          .item_img{
            margin-top: 20px;
            border: 1px solid #d7d7d7;
            height: 76px;
            line-height: 76px;
            -webkit-box-shadow: 1px 1px 0px rgba(51,51,51,0.1);
            -moz-box-shadow:  1px 1px 0px rgba(51,51,51,0.1);
            box-shadow:  1px 1px 0px rgba(51,51,51,0.1);
            img{
              height: 50px;
              vertical-align: middle;
            }
            .img_wh{
              display: none;
            }
          }
          h5{
            font-size: 16px;
            color: #333;
            margin: 15px 0;
            font-weight: normal;

          }
        }
      }
      .service_see{
        .item{
          display: block;
          margin-bottom: 30px;
          .left{
            width: auto;
            float: none;
            overflow: hidden;
            height: auto;
            padding-top: 70%;
            @include bg_cover;
          }
          .right{
            margin-left: 0;
            .line{
              display: block;
              margin: 10px 0;
            }
            p{
              height: auto;
            }
          }
        }
      }
      .service_see_tit{
        font-size: 24px;
      }
    }
  }

  .sign{
    .sign_box{
      margin-top: 30px;
      .item{
        margin-right: 0;
        .con{
          min-height: 120px;
          text-align: left;
          padding-top: 15px;
          padding-bottom: 15px;
          padding-right: 0;
          padding-left: 70px;
          margin-right: 0;
          margin-left: 0;
          background-repeat: no-repeat;
          background-position: left top;
          background-size: 70px;
        }
        em{
          float: left;
          width: 45px;
          text-align: center;
          overflow: hidden;
          font-size: 20px;
          color: #555;
        }
        .txt{
          margin-left: 45px;
          margin-right: 0;
          h4{
            font-size: 20px;
            color: $main_color;
            margin-bottom: 15px;
            font-weight: normal;
          }
          p{
            font-size: 14px;
            color: #666;
            line-height: 1.8;
            text-align: justify;
          }
        }
      }
      .item1{
        margin-right: 0;
        margin-left: 0;
        .con{
          text-align: left;
          padding-left: 70px;
          padding-right: 0;
          margin-right: 0;
          margin-left: 0;
          background-repeat: no-repeat;
          background-position: left top;
          background-size: 70px;
        }
        em{
          float: left;
        }
        .txt{
          margin-right: 0;
          margin-left: 45px;
        }
      }
      .arrow{
        display: none;
      }
    }
  }

  .case{
    .case_box{
      margin-top: 20px;
      .row{
        margin-right: -10px;
        margin-left: -10px;
      }
      .col_lg_8{
        padding-right: 10px;
        padding-left: 10px;
      }
      .item{
        display: block;
        padding-bottom: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
        .txt{
          h3{
            font-size: 22px;
            margin-top: 15px;
            margin-bottom: 10px;
          }
        }
      }
    }
  }
  .comment{
    .comment_box{
      margin-top: 30px;
      .row{
        margin-right: -10px;
        margin-left: -10px;
      }
      .col_lg_12{
        padding-right: 10px;
        padding-left: 10px;
      }
      .item{
        padding: 10px 15px 0 15px;
        border-radius: 16px;
        margin-bottom: 25px;
        .top{
          font-size: 14px;
          height: auto;
          color: #555;
          line-height: 1.8;
          overflow: hidden;
        }
        .bottom{
          margin-top: 5px;
          overflow: hidden;
          em{
            width: 55px;
            float: left;
            overflow: hidden;
          }
          .txt{
            margin-top: 20px;
            margin-left: 65px;
            h4{
              font-size: 14px;
              color: #333;
              margin-bottom: 3px;
              font-weight: normal;
            }
            p{
              font-size: 14px;
              color: #666;
              line-height: 1.8;
              text-align: justify;
              height: 56px;
              overflow: hidden;
            }
          }
        }
      }
    }
  }

  .ask{
    .ask_box{
      margin-top: 30px;
      h3{
        margin-bottom: 15px;
        font-size: 24px;
      }
    }
    .ask_list {
      .item {
        display: block;
        position: relative;
        padding: 5% 7%;
        margin-bottom: 15px;
        border: 1px solid #dddcdc;
        h5 {
          font-size: 20px;
          color: #666;
          font-weight: normal;
          line-height: 2;
        }
        p {
          font-size: 30px;
          color: #333;
        }
        .icon1 {
          color: #cbcbcb;
          font-size: 50px;
          @include transition_05;
        }
        .icon2 {
          font-size: 22px;
        }
        .icon3 {
          font-size: 22px;
        }
        &:hover .icon1 {
          font-size: 50px;
        }
      }
    }
  }
  .consult{
    .consult_box{
      margin-top: 50px;
      h3{
        font-size: 20px;
        margin-bottom: 30px;
        color: #087de0;
        font-weight: normal;
      }
      .red{
        color: $main_hover;
      }
      .txt{
        margin-bottom: 50px;
        p{
          font-size: 16px;
          line-height: 1.8;
        }
      }
      .consult_form{
        .name{
          line-height: 40px;
          float: left;
          width: 100%;
        }
        .inp{
          margin-left: 0;
          margin-bottom: 15px;
          .tips{
            height: 40px;
            line-height: 40px;
          }
          .btn{
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 15px;
          }
          .t{
            text-align: center;
            display: block;
            margin: 0;
            line-height: 1.5;
          }
        }
        .inp_control{
          height: 40px;
        }
        textarea.inp_control{
          height: 250px;
        }
        .yz_box{
          .tips{
            position: relative;
            vertical-align: top;
            display: inline-block;
          }
        }
        .slider{
          @include inline_block;
          vertical-align: top;
        }
      }
    }
  }
  .join{
    .join_box{
      margin-top: 30px;
      .item{
        width: 100%;
        float: left;
        margin-bottom: 3px;
        position: relative;
        .left{
          width: 50%;
          height: 300px;
          float: left;
          overflow: hidden;
          @include bg_cover;
        }
        .right{
          position: relative;
          margin-left: 50%;
          padding-right: 10px;
          padding-left: 4%;
          height: 300px;
          overflow: hidden;
          h4{
            font-size: 18px;
          }
          p{
            font-size: 14px;
          }

          .date{
            font-size: 14px;
            color: #777;
            position: absolute;
            bottom: 20px;
            right: 10px;
          }
        }
        &:nth-child(1) .txt{
          bottom: auto;
          top:0;
          transform-origin: 100% 0%;
        }
        &:nth-child(2) .txt{
          bottom: auto;
          top:0;

          transform-origin: 100% 0%;
        }
        .txt{
          h5{
            font-size: 26px;
          }
          h4{
            font-size: 16px;
            color: #fff;
            margin-bottom: 3px;
          }
          p{
            font-size: 14px;
            color: #fff;
            line-height: 1.8;
          }
          .btn{
            padding: 2px 18px;
          }
        }
      }
    }
  }
  .activity{
    .activity_list{
      margin-top: 30px;
      .row{
        margin-right: -10px;
        margin-left: -10px;
      }
      .col_lg_8{
        padding-right: 10px;
        padding-left: 10px;
      }
      .item{
        display: block;
        margin-bottom: 25px;
        .img_box{
          padding-top: 65%;
          @include bg_cover;
        }
        h4{
          font-size: 20px;
          color: $main_color;
          margin-bottom: 10px;
          margin-top: 15px;
          font-weight: normal;
        }
        p{
          font-size: 16px;
          color: #555;
          line-height: 1.8;
          height: 64px;
          overflow: hidden;
        }
        em{
          @include inline_block;
          font-size: 16px;
          padding: 8px 20px 7px 20px;
          border: 1px solid $main_hover;
          color: $main_hover;
          margin-top: 15px;
        }
      }
    }
  }
  .contact{
    .contact_list{
      margin-top: 60px;
      .bor{
        border-right: 1px solid #e6e5e5;
      }
      .item{
        @include inline_block;
        height: 200px;
        img{
          margin-bottom: 10px;
        }
        h4{
          font-size: 20px;
          color: #333;
          margin-bottom: 10px;
          font-weight: normal;
        }
        p{
          font-size: 16px;
        }
        .tel{
          font-size: 34px;
        }
      }
    }
    .map_box{
      margin-top: 30px;
      #map{
        height: 300px;
      }
    }
  }
  .map {
    .map_list {
      margin-top: 30px;
      .col_lg_8 {
        width:100%;
      }
      .item {
        margin-bottom: 30px;
      }
    }
  }
}
@media (max-width: 580px) {

}

/*滑动验证码*/
#slider{
  @include inline_block;
}
.verify-bar-area {
  position: relative;
  background: #FFFFFF;
  text-align: center;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
}

.verify-bar-area .verify-move-block {
  position: absolute;
  top: 0px;
  left: 0;
  background: #fff;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  box-shadow: 0 0 2px #888888;
  -webkit-border-radius: 1px;
}

.verify-bar-area .verify-move-block:hover {
  background-color: #087de0;
  color: #FFFFFF;
}

.verify-bar-area .verify-left-bar {
  position: absolute;
  top: -1px;
  left: -1px;
  background: #f0fff0;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #ddd;
  overflow: visible !important;
}

.verify-img-panel {
  margin:0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  position: relative;
}

.verify-img-panel .verify-refresh {
  width: 25px;
  height: 25px;
  text-align:center;
  padding: 5px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.verify-img-panel .icon-refresh {
  font-size: 20px;
  color: #fff;
}

.verify-img-panel .verify-gap {
  background-color: #fff;
  position: relative;
  z-index: 2;
  border:1px solid #fff;
}

.verify-bar-area .verify-move-block .verify-sub-block {
  position: absolute;
  text-align: center;
  z-index: 3;
  border: 1px solid #fff;
}

.verify-bar-area .verify-move-block .verify-icon {
  font-size: 18px;
}

.verify-bar-area .verify-msg {
  z-index : 3;
}

/*字体图标的css*/
@font-face {font-family: "iconfont1";
  src: url('font/iconfont1.eot?t=1508229193188'); /* IE9*/
  src: url('font/iconfont1.eot?t=1508229193188#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAaAAAsAAAAACUwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kiSY21hcAAAAYAAAAB3AAABuM+qBlRnbHlmAAAB+AAAAnQAAALYnrUwT2hlYWQAAARsAAAALwAAADYPNwajaGhlYQAABJwAAAAcAAAAJAfeA4dobXR4AAAEuAAAABMAAAAYF+kAAGxvY2EAAATMAAAADgAAAA4CvAGsbWF4cAAABNwAAAAfAAAAIAEVAF1uYW1lAAAE/AAAAUUAAAJtPlT+fXBvc3QAAAZEAAAAPAAAAE3oPPXPeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sM4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDxbwtzwv4EhhrmBoQEozAiSAwAw1A0UeJzFkcENgCAMRX8RjCGO4gTe9eQcnhzAfXC2rqG/hYsT8MmD9gdS0gJIAAaykAjIBYHppCvuD8juR6zMJ67A89Zdn/f1aNPikUn8RvYo8G20CjKim6Rf6b9m34+WWd/vBr+oW8V6q3vF5qKlYrPRp4L0Ad5nGL8AeJxFUc9rE0EYnTezu8lMsrvtbrqb3TRt0rS7bdOmdI0JbWmCtiItIv5oi14qevCk9SQVLFiQgqAF8Q9QLKIHLx48FkHo3ZNnFUXwD5C2B6dO6sFhmI83w7z3fe8RnZCjb2yX5YlLhskkmScXCIFRxYBFiyjH9Rqtoqes9/g5i8WVuJyqDNTYLPwBI+cljXrkGynDhoU+nCgnjbhGY5yst+gMEq8IBIXwsjPU67CnEPm4b0su0h309Fd67da4XBhr55KSm17POk7gOE/Shq6nKdVsC7d9j+tcGPKVboc9u/0jtB/ZIA7PXTVLBef6o/paccjnwOYm3ELJetPuDrvV3gg91wlSXWY6H5qVwRzWf2TybrYYfSdqoXOwh/Qa8RWIjBTiSI3h614/vKSNRhONOrsnQi6Xf4nQFQDTmJE1NKbhI6crHEJO/+S5QPxhYJRRyvBFBP+5T9EPpEAIVzzRQIrjmJ6jY1WTo+NXTMchuBsKuS8PRZATSMl9oTA4uNLkeIA0V1UeqOoGQh7IAxGo+7T83fn3T+voqCNPPAUazUYUI7LgKSV1Jk2oUeghYGhZ+cKOe2FjVu5ZKEY2VkE13AK1+jI4r1KLbPlZfrKiPhOXKPRj7q9sj9XJ7LFHNmrKJS3VCdhXGSdKrtmoQaWeMjQVt0KD6sGPOx0oH2fgtzoNROxtNq8F3tzYM/n+TjKSX5qf2jx941276TIr9FjXxKr8eX/6bK4yuopwo9py1sw8F9kdw4AmurRpLUM3tYx5ZnKpfHPi8dzz19vJ6MjyxYUrpqeb1uLs3eGV6vr21pSqpeWkqonAN9oUyIiXpv8XvlN5e3icY2BkYGAA4n0vN4fG89t8ZeBmYQCBa9wPPRH0/wcsDMwmQC4HAxNIFABAfAqaAHicY2BkYGBu+N/AEMPCAAJAkpEBFbABAEcMAm94nGNhYGBgfsnAwMKAigESnwEBAAAAAAAAdgCkANoBCAFsAAB4nGNgZGBgYGMIZGBlAAEmIOYCQgaG/2A+AwARSAFzAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgI2RiZGZkYWRlZGNkZ2BsYI1OSM1OZs1OSe/OJW1KDM9o4S9KDWtKLU4g4EBAJ79CeQ=') format('woff'),
  url('font/iconfont1.ttf?t=1508229193188') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('font/iconfont1.svg?t=1508229193188#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont1 {
  font-family:"iconfont1" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-check:before { content: "\e645"; }

.icon-close:before { content: "\e646"; }

.icon-right:before { content: "\e6a3"; }

.icon-refresh:before { content: "\e6a4"; }

//2018.7.24
.college{
  .main_con{
    padding-left: 0;
  }

  .college_con{
    padding-bottom: 40px;
    border-bottom: 2px solid #e8e8e8;
    h3{
      color: #1766b2;
      font-size: 24px;
      margin: 45px 0 35px 0;
    }
    p{
      font-size: 16px;
      color: #555;
      line-height: 1.8;
      margin-right: 30px;
      text-align: justify;
    }
    .b{
      font-size: 22px;
      color: #1766b2;
      margin-top: 40px;
      text-align: right;
    }
    img{
      width: 100%;
    }

  }
  .give_list{
    width: 1000px;
    margin: auto;
    padding-top: 70px;
    padding-bottom: 40px;
    h4{
      font-size: 36px;
      font-weight: normal;
    }
  }
  .study_adv{
    padding-top: 30px;
    border-top: 2px solid #e8e8e8;
    .title{
      color: #1766b2;
      font-size: 36px;
      font-weight: normal;
      padding-bottom: 40px;
    }
    .item{
      color: #333;
      font-size: 26px;
      img{
        vertical-align: text-bottom;
      }
    }
    p{
      font-size: 16px;
      color: #555;
      line-height: 1.8;
      text-align: justify;
      margin: 40px 0;
    }
    .btn_box{
      text-align: center;
      a{

        @include inline_block;
        padding: 13px 30px 14px 30px;
        color: #f10722;
        border: #f10722 1px solid;
        margin: 10px;
        &:hover{
          background: #f10722;
          color: #fff;
        }
      }
    }
  }
}

.client{
  .title{
    font-size: 36px;
    padding: 45px 0;
  }
  .type_list{
    text-align: center;
    p{
      font-size: 18px;
      color: #333;
      line-height: 2;
      margin-top: 10px;
      margin-bottom: 15px;
    }
  }
  .client_list{
    .img{
      padding-top: 84%;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      border:1px solid #d1d1d1;
      border-radius: 3px;
      margin-bottom: 20px;
    }
  }
}

.client-layer .layui-layer-title {
  text-align: left;
  font-weight: bold;
  font-size: 30px;
  height: auto;
  padding: 15px 0 10px 0;
  color: $main_color;
  border-color:#cbcaca;
  background: #fff;
  margin: 0 37px;
}
.client-layer .layui-layer-content {
  margin:0 37px;
  word-break: break-all;
  .con{
    position: absolute;
    top:15px;
    bottom: 10px;
    overflow: auto;
    width: 100%;

  }
}
.client-layer .layui-layer-setwin {
  right: 35px;
  top: 22px;
}
.client-layer .layui-layer-setwin .layui-layer-close1{
  height: 33px;
  width: 33px;
  background: url("/Public/Images/home/phpcms/en-us/client_close.png") no-repeat center;
  background-size: 33px;
}

@media (max-width: 1200px){
  .client{
    .title{
      font-size: 30px;
      padding: 30px 0;
    }
    .type_list{
      p{
        margin-top: 0;
      }
    }
  }
  .college{
    .college_con{
      p{
        font-size: 16px;
        color: #555;
        line-height: 1.8;
        margin-right: 30px;
        text-align: justify;
      }
      .b{
        font-size: 22px;
        color: #1766b2;
        margin-top: 40px;
        text-align: right;
      }

    }
    .give_list{
      width: 100%;
      margin: auto;
      padding-top: 50px;
      padding-bottom: 30px;
      h4{
        font-size: 36px;
        font-weight: normal;
      }
    }
    .study_adv{
      padding-top: 30px;
      border-top: 2px solid #e8e8e8;
      .title{
        color: #1766b2;
        font-size: 36px;
        font-weight: normal;
        padding-bottom: 40px;
      }
      .item{
        color: #333;
        font-size: 18px;
        img{
          width: 28px;
        }
      }
      p{
        margin: 30px 0;
      }
    }
  }
}


@media (max-width: 767px){
  .client{
    .title{
      font-size: 28px;
      padding: 25px 0;
    }
    .type_list{
      p{
        font-size: 16px;
      }
    }
  }
  .college{
    .college_con{
      p{
        font-size: 16px;
        color: #555;
        line-height: 1.8;
        margin-right: 0;
        text-align: justify;
      }
      .b{
        font-size: 22px;
        color: #1766b2;
        margin-top: 40px;
        text-align: right;
      }
      .img{
        width: 100%;
      }

    }
    .give_list{
      h4{
        font-size: 24px;
      }
    }
    .study_adv{
      .title{
        font-size: 28px;
      }
      .item{
        margin-bottom: 15px;
      }
    }
  }
  .client-layer .layui-layer-title {
    margin: 0 20px;
  }
  .client-layer .layui-layer-content {
    margin:0 20px;
  }
  .client-layer .layui-layer-setwin {
    right: 20px;
  }

}