@media (max-width: 768px) {
  .index_cnt {
    width: 100%;
    min-width: none;
  }

  .index_cnt .xn_c_index_39_wrap {
    width: 100%;
    margin: 0 auto;
    height: 400px;
    position: relative;
    overflow: hidden;
  }

  .index_cnt .xn_c_index_39_wrap .xn_c_index_39_topbox {
    width: 100%;
    padding-top: 36px;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    padding: 15px;
  }

  .index_cnt .xn_c_index_39_wrap .xn_c_index_39_topbox .xn_c_index_39_news_t1 {
    height: 70px;
    line-height: 70px;
    font-size: 32px;
    color: #565656;
    font-weight: bold;
    padding-bottom: 3px;
    background: url(../image/index_04-20171102135114646.jpg) center bottom no-repeat;
  }

  .index_cnt .xn_c_index_39_wrap .xn_c_index_39_nrbox {
    padding-top: 0px;
    padding-bottom: 68px;
    position: absolute;
    width: 1920px !important;
    overflow: hidden;
  }

  .index_cnt .xn_c_index_39_wrap .xn_c_index_39_nrbox>div {
    float: left;
    width: 253.438px;
    height: 190px;
    overflow: hidden;
    margin-left: 38px;
    position: relative;
    box-shadow: 6px 6px 6px #c3c3c3;
  }

  .index_cnt .index_con_box1 {
    overflow: hidden;
    width: 100%;
    height: 184px;
    background: url(../image/CgAGe1tRoHmAEWXxAAIf_FHTOvw102.jpg) center no-repeat;
    padding: 0 15px;
  }

  .index_cnt .index_con_box1 .index_con_box1_left {
    width: 100%;
    float: none;
    padding-left: 0px;
  }

  .index_cnt .index_con_box1 .index_con_box1_left_titl {
    overflow: hidden;
    padding-top: 0;
    line-height: 60px;
    font-size: 20px;
    color: #f5f5f5;
    font-weight: bold;
  }

  .index_cnt .index_con_box1 .index_con_box1_left_cont {
    overflow: hidden;
    font-size: 12px;
    color: #e8e8e8;
    line-height: 24px;
  }

  .index_cnt .index_con_box1 .index_con_box1_right {
    float: left;
    margin-top: 0px;
    border: 1px solid #f9f9f9;
    overflow: hidden;
  }

  .index_cnt .index_con_box1 .index_con_box1_right>a {
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0 40px 0 32px;
    position: relative;
    border: 1px solid #979ca0;
    font-size: 16px;
    color: #f5f5f5;
    font-weight: bold;
  }

  .index_cnt .index_con_box1 .index_con_box1_right>a:hover {
    color: #007cc2;
  }

  .index_cnt .index_con_box1 .index_con_box1_right>a:after {
    content: "";
    display: block;
    width: 19px;
    height: 11px;
    background: url(../image/index_10-20171102135114646.png) center no-repeat;
    position: absolute;
    right: 10px;
    top: 19px;
  }

  .index_cnt .index_con_box1 .index_con_box1_right:hover>a:after {
    animation: xz 0.8s linear infinite;
    -webkit-animation: xz 0.8s linear infinite;
    -moz-animation: xz 0.8s linear infinite;
    -o-animation: xz 0.8s linear infinite;
  }

  .index_cnt .index_cnt_m_about .index_cnt_m_about_t>img {
    width: 100%;
    height: auto;
    border: none;
  }

  .index_cnt .index_cnt_m_about .i_about_cnt {
    height: 120px;
    display: block;
    word-break: break-all;
    overflow: hidden;
    font-size: 12px;
    color: #696969;
    line-height: 20px;
  }

  .index_cnt .index_cnt_m_about .index_cnt_m_about_cnt>a>span {
    display: block;
    margin-left: 0;
    width: 100%;
    height: 120px;
    line-height: 30px;
    font-size: 14px;
    color: #434343;
    padding: 0 15px;
  }

  .index_cnt .index_cnt_m_about .index_cnt_m_about_more {
    position: absolute;
    left: 0;
    top: 320px;
  }

  .index_cnt .index_cnt_m_about .index_cnt_m_about_more a {
    width: 44px;
    height: 11px;
    display: block;
  }

  .index_cnt .index_con_box2 {
    overflow: hidden;
    margin: 0 auto;
    height: 188px;
    background: url(../image/CgAGe1v2VYeAa2xsAAMWmmZPmV4261.jpg) center no-repeat;
    background-size: contain;
  }

  .index_cnt .index_con_box2 .index_con_box2_left {
    width: 100%;
    height: 100%;
    overflow: hidden;
    float: left;
  }

  .index_cnt .index_con_box2 .index_con_box2_left>a {
    display: block;
    width: 100%;
    height: 100%;
  }

  .index_cnt .index_con_box2 .index_con_box2_right {
    width: 460px;
    float: right;
    overflow: hidden;
    padding-right: 30px;
    text-align: right;
  }

  .index_cnt .index_con_box2 .index_con_box2_right_01 {
    height: 34px;
    line-height: 34px;
    padding-top: 45px;
    font-size: 26px;
    color: #ffffff;
    font-weight: bold;
  }

  .index_cnt .index_con_box2 .index_con_box2_right_02 {
    height: 26px;
    line-height: 26px;
    font-size: 18px;
    color: #f5f5f5;
    font-weight: bold;
  }

  .index_cnt .index_con_box2 .index_con_box2_right_03 {
    padding-top: 24px;
    overflow: hidden;
  }

  .index_cnt .index_con_box2 .index_con_box2_right_03>a {
    display: block;
    float: right;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 15px;
    border: 1px solid #83898e;
    font-size: 14px;
    color: #f5f5f5;
  }

  .index_cnt .index_con_box2 .index_con_box2_right_03>a:hover {
    color: #007cc2;
  }

  .index_cnt .xn_case_888_wrap {
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_cName {
    height: 58px;
    line-height: 30px;
    font-size: 32px;
    color: #565656;
    font-weight: bold;
    background: url(../image/index_04-20171102135114646.jpg) bottom center no-repeat;
    text-align: center;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_line {
    height: auto;
    line-height: 25px;
    font-size: 16px;
    color: #2a2a2a;
    padding: 0 15px;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox {
    overflow: hidden;
    padding-top: 42px;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_contbox2 {
    width: 100%;
    overflow: hidden;
    padding-top: 24px;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_contbox2 a:hover {
    color: #007cc2;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_contbox2_1title {
    height: 55px;
    overflow: hidden;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_contbox2_1title>a {
    display: block;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    color: #5f5f5f;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url('https://0.rc.xiniu.com/g2/M00/F6/A8/ellipsis.xml#ellipsis');
    overflow: hidden;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_left_01 {
    height: 52px;
    line-height: 52px;
    font-size: 32px;
    color: #5f5f5f;
    font-weight: normal;
    padding-bottom: 12px;
    background: url(../image/index_04-20171102135114646.jpg) bottom center no-repeat;
    text-align: center;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_contbox2_2 {
    padding: 0 15px;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_contbox2_2>a>span {
    display: block;
    height: auto;
    line-height: 22px;
    font-size: 14px;
    color: #5f5f5f;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_right {
    overflow: hidden;
    float: right;
    display: none;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_right>div {
    float: left;
    margin-left: 4px;
    position: relative;
    width: 162px;
    height: 347px;
    overflow: hidden;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_right>div:hover {
    cursor: pointer;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_right>div:first-child {
    margin-left: 0;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_right>div>img {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_right_zhez {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../image/index_22-20171102135114646.png) center no-repeat;
    text-align: center;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    top: 347px;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_right_zhez>a {
    display: block;
    width: 162px;
    height: 347px;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_right_zhez>a>span {
    display: block;
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    overflow: hidden;
    margin-top: 105px;
  }

  .index_cnt .xn_case_888_wrap .xn_case_888_contbox .xn_case_888_right>div:hover .xn_case_888_right_zhez {
    top: 0;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
  }

  .index_cnt .i_tcase {
    overflow: hidden;
    float: right;
    width: 100%;
  }

  .index_cnt .i_tcase>div {
    float: left;
    margin: 1%;
    position: relative;
    width: 48%;
    height: 347px;
    overflow: hidden;
  }

  .index_cnt .i_tcase>div:first-child {
    margin: 1%;
  }

  .index_cnt .i_tcase_img {
    width: 100%;
    height: 100%;
  }

  .index_cnt .i_tcase_img img {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
  }

  .index_cnt .i_tcase_main_name {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../image/index_22-20171102135114646.png) center no-repeat;
    text-align: center;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    top: 347px;
  }

  .index_cnt .i_tcase_main_name>a {
    display: block;
    width: 162px;
    height: 347px;
  }

  .index_cnt .i_tcase_main_name>a>span {
    display: block;
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    overflow: hidden;
    margin-top: 105px;
  }

  .index_cnt .i_tcase>div:hover .i_tcase_main_name {
    top: 0;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
  }
}