nongzigongxiaowang/assets/css/index.less

* {
      font-family: "微软雅黑", "microsoft yahei";
}

ul,
ol {
      list-style: none;
}

a:active {
      text-decoration: none;
}

a:hover {
      text-decoration: none;
}

a:visited {
      text-decoration: none;
}

a:link {
      text-decoration: none;
}

a:focus {
      text-decoration: none;
}

body {
      position: relative;
}

.clearfix {
      overflow: hidden;
}

.clearfix_2::after {
      content: '';
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
}

.hiddenColor {
      visibility: hidden;
}

.hand {
      cursor: pointer;
}

.dot1 {
      display: block;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}

.dot2 {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
}

.dot3 {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
}

.dot4 {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
}

input,
img {
      border: none;
}

.cover100 img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.back100 {
      background-size: 100% 100%;
      background-repeat: no-repeat;
}

article,
aside,
footer,
header,
time,
video,
main,
nav,
h4,
h3,
section {
      display: block;
}

.index_main {
      margin: 0 auto 30px
}

.slow_6 {
      -webkit-transition: all .6s;
      -moz-transition: all .6s;
      -ms-transition: all .6s;
      -o-transition: all .6s;
      transition: all .6s;
}

.index_main {
      width: 1200px;
}

.index_head_out {
      border: solid 1px #FAFAFA;
      background: #FAFAFA;
      margin: 20px auto 0px;
      padding-bottom: 20px;

      .index_head_h3 {
            height: 40px;
            line-height: 40px;
      }

      .index_head_h3_a {
            width: 1200px;

            display: block;
            height: 40px;
            line-height: 40px;
            position: relative;
            margin: 30px auto 0px;
            color: #333;
            font-size: 30px;
            text-align: center;
            box-sizing: border-box;
            padding: 0px 100px;

            &:hover {
                  color: #A91B33;
            }
      }

      .index_head_h3_tag {
            position: absolute;
            background: #A91B33;
            height: 32px;
            line-height: 32px;
            text-align: center;
            color: #fff;
            font-size: 17px;
            border-top-left-radius: 12px;
            border-bottom-right-radius: 12px;
            left: 27px;
            top: 7px;
            padding: 0px 14px;
      }

      .index_head_a_box {
            margin-top: 15px;
            text-align: center;
            font-size: 0px;
      }

      .index_head_a {
            display: inline-block;
            height: 22px;
            width: 23%;
            // max-width:23%;
            box-sizing: border-box;
            line-height: 22px;
            color: #333;
            font-size: 17px;
            position: relative;
            padding: 0px 6px;

            &:hover {
                  color: #A91B33;
            }
      }

      .index_head_a::after {
            content: '';
            display: block;
            height: 14px;
            width: 1px;
            background: #333;
            position: absolute;
            left: 0px;
            top: 5px;
      }

      .index_head_a:nth-of-type(1)::after {
            content: '';
            display: none;
      }
}

.index_1_box {
      float: left;
      width: 720px;
}

.index_2_box {
      float: right;
      width: 450px;
}

.index_3_box {
      float: left;
      width: 350px;
}

.index_4_box {
      float: right;
      width: 350px;
}

.index_5_box {
      float: left;
      width: 170px;
}

.index_6_box {
      float: right;
      width: 265px;
}

.index_1 {
      margin-top: 30px;
}

.roll_1_box {
      width: 720px;
      height: 405px;
}

.index_1_ul {
      .index_1_ul_a {
            height: 24px;
            line-height: 24px;
            color: #333;
            font-size: 18px;
            margin-bottom: 18px;

            &:hover {
                  color: #A91B33;
            }
      }

      .index_1_ul_a:nth-of-type(5n-4) {
            font-weight: bold;
            color: #A91B33;
            font-size: 20px;
      }
}

.index_2 {
      margin: 17px auto 0px;
}

.index_head_box {
      border-bottom: solid 1px #D8D8D8;
      padding-bottom: 10px;
      margin-bottom: 30px;

      .index_head_box_left {
            float: left;
            height: 30px;
            border-left: solid 5px #A91B33;
      }

      .index_head_left_a_btn {
            float: left;
            height: 30px;
            margin-right: 10px;
      }

      .index_head_left_a {
            display: block;
            height: 30px;
            line-height: 30px;
            color: #999;
            font-size: 20px;
            font-weight: bold;
            text-indent: 10px;

            &:hover {
                  color: #A91B33;
            }
      }

      .index_head_left_a_only {
            color: #333;
      }

      .index_head_box_right {
            float: right;
            height: 30px;
      }

      .index_head_box_right_1_a {
            display: block;
            height: 30px;
            line-height: 30px;
            color: #999;
            font-size: 16px;

            &:hover {
                  color: #A91B33;
            }
      }
}

.index_3_box_box {
      min-height: 230px;
}

.index_2_color_box {
      background: #FAFAFA;
      padding: 20px 0px;
      margin: -11px auto 0px;
      height: 177px;
}

.index_ul_2 {
      .index_ul_2_li {
            float: left;
            display: flex;
            height: 44px;
            margin: 0px 22px 15px 20px;
            width: 258px;
      }

      .index_ul_2_li:nth-of-type(4n) {
            margin-right: 0px;
      }

      .index_ul_2_li_num {
            width: 22px;
            height: 22px;
            text-align: center;
            line-height: 22px;
            font-style: italic;
            box-sizing: border-box;
            border-right: solid 3px #A91B33;
            font-size: 16px;
            color: #fff;
            background: #A91B33;
            margin-right: 19px;
      }

      .index_ul_2_li_a {
            height: 44px;
            line-height: 22px;
            color: #333;
            font-size: 18px;

            &:hover {
                  color: #A91B33;
            }
      }
}

.index_2_foot_a_btn {
      float: left;
      height: 49px;
      line-height: 48px;
      background: #A91B33;

      padding: 0px 25px;
      margin: 9px 0px 0px 20px;
      color: #fff;
      font-size: 14px;


}

.index_2_foot_a_btn:nth-of-type(even) {
      background: #E48231;
}

.banner_1 {
      width: 1200px;
      margin: 10px auto 0px;

      .banner_1_a {
            width: 1200px;
            display: block;
      }

      .banner_1_img {
            width: 1200px;
            display: block;
      }
}

.index_3 {
      margin: 30px auto 0px;
}

.index_3_head_box {
      height: 56px;

      .index_3_head_btn_a {
            float: left;
            height: 42px;
            line-height: 42px;
            color: #333;
            font-size: 18px;
            padding: 0px 30px 0px 20px;
            margin-top: 14px;
            background-color: #FAFAFA;
      }

      .index_3_head_btn_a_only {
            height: 56px;
            line-height: 56px;
            color: #fff;
            font-weight: bold;
            margin-top: 0px;
            background-image: url(@/public/img/34.png);
            background-color: #fff;
      }
}

.index_big_ul {
      border: solid 1px #EDCEA2;
      background: #FFF7ED;
      margin: 25px auto 0px;
      padding: 20px 0px 4px;

      .index_big_li {
            width: 530px;
            border-bottom: dashed 1px #EDCEA2;
            margin: 0px 0px 20px;
      }

      .index_big_li_head_a {
            display: block;
            height: 24px;
            line-height: 24px;
            color: #A91B33;
            font-size: 18px;
            position: relative;
            text-indent: 17px;
            font-weight: bold;
      }

      .index_big_li_head_a::after {
            content: '';
            display: block;
            position: absolute;
            width: 7px;
            height: 7px;
            background: #F37C0B;
            left: 0px;
            top: 10px;
            border-radius: 50%;
      }
}

.index_ul_3_in {
      margin-top: 13px;
      // padding-bottom: 11px;
      // margin-left: -13px;
      height: 65px;

      .index_ul_3_a {
            float: left;
            position: relative;
            height: 16px;
            line-height: 16px;
            color: #666;
            font-size: 16px;
            padding: 0px 13px;
            margin-bottom: 11px;
      }

      .index_ul_3_a::after {
            content: '';
            display: block;
            position: absolute;
            height: 16px;
            width: 1px;
            background: #666;
            right: 0px;
            top: 0px;
      }

      .index_ul_3_a:nth-last-of-type(1).index_ul_3_a::after {
            display: none;
      }

      .index_ul_3_a:hover {
            color: #A91B33;
      }
}

.index_big_li:nth-of-type(odd) {
      float: left;
      margin-left: 36px;
}

.index_big_li:nth-of-type(even) {
      float: right;
      margin-right: 36px;
}

.index_4 {
      margin: 30px auto 0px;
}

.index_head_btn_right_box_2 {
      float: right;

      .index_head_btn_right_a_2 {
            float: right;
            height: 24px;
            line-height: 24px;
            color: #333;
            font-size: 18px;
            padding-left: 22px;
            margin-top: 22px;
            background: url(@/public/img/6.png) no-repeat left 5px;
            background-size: 17px auto;
            cursor: pointer;
      }

      .index_head_btn_right_a_2:hover {
            color: #A91B33;
      }
}

.index_ul_4_out {
      border: solid 1px #F9FAFB;
      background: #F9FAFB;

      .index_ul_4_img_box {
            width: 130px;
            height: 130px;
            margin-right: 10px;
            float: left;
      }

      .index_ul_4_img {
            width: 130px;
            height: 130px;
            display: block;
      }
}

.index_ul_4 {
      float: right;
      width: 200px;
      margin: 15px 4px 0px 0px;

      .index_ul_4_a {
            height: 18px;
            line-height: 18px;
            color: #666;
            font-size: 16px;
            margin-bottom: 11px;
            box-sizing: border-box;
            text-indent: 12px;
            position: relative;
      }

      .index_ul_4_a::after {
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            background: #ddd;
            border-radius: 50%;
            position: absolute;
            left: 0px;
            top: 7px;
            z-index: 11;
      }

      .index_ul_4_a:nth-of-type(1) {
            height: 48px;
            line-height: 24px;
            color: #333;
            font-size: 18px;
            font-weight: bold;
            text-indent: 0px;
            margin-bottom: 12px;
            display: -webkit-box !important;
            -webkit-box-orient: vertical !important;
            -webkit-line-clamp: 2 !important;
            word-break: break-all;
            white-space: wrap;
      }

      .index_ul_4_a:nth-of-type(1).index_ul_4_a::after {
            display: none;
      }

      .index_ul_4_a:hover::after {
            background: #A91B33;
      }

      .index_ul_4_a:hover {
            color: #A91B33;
      }
}

.index_ul_5 {
      margin-top: 17px;

      .index_ul_5_a {
            height: 24px;
            line-height: 24px;
            color: #333;
            font-size: 18px;
            margin-bottom: 18px;
            box-sizing: border-box;
            text-indent: 16px;
            position: relative;
      }

      .index_ul_5_a::after {
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            background: #ddd;
            border-radius: 50%;
            position: absolute;
            left: 0px;
            top: 8px;
            z-index: 11;
      }

      .index_ul_5_a:nth-of-type(3n-2) {
            font-weight: bold;
      }

      .index_ul_5_a:hover::after {
            background: #A91B33;
      }

      .index_ul_5_a:hover {
            color: #A91B33;
      }
}

.index_head_box_right_3 {
      float: right;
      height: 30px;
      position: relative;
      top: 2px;

      .index_head_box_right_3_a {
            height: 30px;
            line-height: 30px;
            color: #999;
            font-size: 16px;
            float: left;
            padding: 0px 14px;
            position: relative;
      }

      .index_head_box_right_3_a::after {
            font-size: 12px;
            content: '/';
            display: block;
            height: 6px;
            line-height: 6px;
            position: absolute;
            left: -2px;
            top: 12px;
      }

      .index_head_right_btn_box {
            height: 30px;
            line-height: 30px;
            float: left;
      }

      .index_head_box_right_3_a:nth-of-type(1)::after {
            content: '';
            display: none;
      }

      .index_head_box_right_3_a:hover {
            color: #A91B33;
      }
}

.index_ul_6 {
      margin-top: 17px;

      .index_ul_6_a {
            height: 24px;
            line-height: 24px;
            color: #333;
            font-size: 18px;
            margin-bottom: 15px;
            box-sizing: border-box;
            text-indent: 16px;
            position: relative;
      }

      .index_ul_6_a::after {
            content: '';
            display: block;
            width: 8px;
            height: 8px;
            background: #ddd;
            border-radius: 50%;
            position: absolute;
            left: 0px;
            top: 9px;
            z-index: 11;
      }

      .index_ul_6_a:hover::after {
            background: #A91B33;
      }

      .index_ul_6_a:hover {
            color: #A91B33;
      }

      .index_ul_6_a:nth-of-type(-n+3) {
            text-indent: 33px;
      }

      .index_ul_6_a:nth-of-type(-n+3)::after {
            background: aqua;
            width: 24px;
            height: 24px;
            left: 0px;
            top: 0px;
            background: url(@/public/img/2.png) no-repeat left 0px;
            background-size: auto 90%;
      }
}

.index_5 {
      margin: 10px auto 0px;
}

.index_img_ul_1_ul {
      .index_img_ul_1_li {
            width: 350px;
            height: 230px;
            margin-bottom: 20px;
            position: relative;
      }

      .index_img_ul_1_li_a {}

      .index_img_ul_1_li_img {
            display: block;
            width: 350px;
            height: 230px;
      }

      .index_img_ul_1_li_dot1 {
            width: 350px;
            height: 44px;
            line-height: 44px;
            color: #fff;
            font-size: 18px;
            padding: 0px 10px;
            box-sizing: border-box;
            position: absolute;
            z-index: 11;
            left: 0px;
            bottom: 0px;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
      }
}

.index_name_ul {
      min-height: 120px;

      .index_name_ul_li {
            height: 24px;
            margin-bottom: 18px;
            display: flex;
            position: relative;
      }

      .index_name_ul_li::after {
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            background: #ddd;
            border-radius: 50%;
            position: absolute;
            left: 0px;
            top: 9px;
            z-index: 11;
      }

      .index_name_ul_li_tag {
            height: 24px;
            line-height: 24px;
            color: #666;
            font-size: 18px;
            margin-left: 11px;
            word-break: keep-all;
            white-space: nowrap;
      }

      .index_name_ul_li_dot1 {
            height: 24px;
            line-height: 24px;
            color: #666;
            font-size: 18px;
            width: 100%;
      }

      .index_name_ul_li:nth-of-type(1) .index_name_ul_li_tag {
            background: #e5efff;
            color: #287EFF;
            font-size: 14px;
            padding: 0px 4px;
            height: 20px;
            line-height: 20px;
            margin: 2px 10px 0px 0px;
      }

      .index_name_ul_li:nth-of-type(1) .index_name_ul_li_dot1 {
            font-weight: bold;
            color: #333;
      }

      .index_name_ul_li:nth-of-type(1)::after {
            display: none;
      }

      .index_name_ul_li_tag:hover {
            color: #A91B33;
      }

      .index_name_ul_li_dot1:hover {
            color: #A91B33;
      }

      .index_name_ul_li:nth-of-type(1) .index_name_ul_li_dot1:hover {
            color: #A91B33;
      }
}

.index_name_ul_2 {
      .index_name_ul_2_li {
            height: 24px;
            margin-bottom: 18px;
            display: flex;
            position: relative;
      }

      .index_name_ul_2_li::after {
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            background: #ddd;
            border-radius: 50%;
            position: absolute;
            left: 0px;
            top: 9px;
            z-index: 11;
      }

      .index_name_ul_2_li_tag {
            height: 24px;
            line-height: 24px;
            color: #666;
            font-size: 18px;
            margin-left: 11px;
            word-break: keep-all;
            white-space: nowrap;
      }

      .index_name_ul_2_li_dot1 {
            height: 24px;
            line-height: 24px;
            color: #666;
            font-size: 18px;
            width: 100%;
      }

      .index_name_ul_2_li:nth-of-type(1) .index_name_ul_2_li_tag {
            background: #fff2e5;
            color: #FF9428;
            font-size: 14px;
            padding: 0px 4px;
            height: 20px;
            line-height: 20px;
            margin: 2px 10px 0px 0px;
      }

      .index_name_ul_2_li:nth-of-type(1) .index_name_ul_2_li_dot1 {
            font-weight: bold;
            color: #333;
      }

      .index_name_ul_2_li:nth-of-type(1)::after {
            display: none;
      }

      .index_name_ul_2_li_tag:hover {
            color: #A91B33;
      }

      .index_name_ul_2_li_dot1:hover {
            color: #A91B33;
      }

      .index_name_ul_2_li:nth-of-type(1) .index_name_ul_2_li_dot1:hover {
            color: #A91B33;
      }
}

.index_img_ul_2 {
      .index_img_ul_2_li {
            display: block;
            width: 170px;
            height: 110px;
            margin-bottom: 10px;
            position: relative;
      }

      .index_img_ul_2_li_a {}

      .index_img_ul_2_li_img {
            width: 170px;
            height: 110px;
      }

      .index_img_ul_2_li_dot1 {
            width: 170px;
            height: 28px;
            line-height: 28px;
            color: #fff;
            font-size: 14px;
            box-sizing: border-box;
            position: absolute;
            padding: 0px 10px;
            left: 0px;
            bottom: 0px;
            z-index: 11;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 100%);
      }
}

.index_ul_8_li_box {
      height: 48px;
      margin-bottom: 11px;
      width: 265px;

      .index_ul_8_li {
            height: 48px;
            width: 265px;
            display: table-cell;
            vertical-align: middle;
      }

      .index_ul_8_a {
            line-height: 24px;
            color: #333;
            font-size: 18px;
            box-sizing: border-box;
            position: relative;
            width: 265px;
            box-sizing: border-box;
            padding-left: 16px;
      }

      .index_ul_8_a:hover {
            color: #A91B33;
      }

      .index_ul_8_a::after {
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            background: #ddd;
            border-radius: 50%;
            position: absolute;
            left: 0px;
            top: 44%;
            z-index: 11;
      }

      .index_ul_8_a:hover::after {
            content: '';
            display: block;
            background: #A91B33;
      }
}

.banner_2 {
      width: 1200px;
      margin: 8px auto 0px;

      .banner_2_a {
            width: 1200px;
            display: block;
      }

      .banner_2_img {
            width: 1200px;
            display: block;
      }
}

.index_6 {
      margin: 30px auto 0px;
      height: 553px;
}

.index_head_box_right_4 {
      float: right;
      height: 30px;
      position: relative;
      top: 2px;

      .index_head_box_right_4_a {
            height: 30px;
            line-height: 30px;
            color: #999;
            font-size: 16px;
            float: left;
            padding: 0px 13px;
            position: relative;
      }

      .index_head_box_right_4_a::after {
            content: '';
            display: block;
            height: 16px;
            background: #999;
            width: 1px;
            position: absolute;
            left: 0px;
            top: 8px;
      }

      .index_head_box_right_4_a:nth-of-type(1)::after {
            content: '';
            display: none;
      }

      .index_head_box_right_4_a:hover {
            color: #A91B33;
      }
}

.index_img_ul_3 {
      .index_img_ul_3_li {
            margin-bottom: 25px;
      }

      .index_img_ul_3_li_a {}

      .index_img_ul_3_li_img {
            display: block;
            width: 350px;
            height: 230px;
      }

      .index_img_ul_3_li_dot2 {
            height: 46px;
            line-height: 23px;
            color: #333;
            font-size: 18px;
            margin-top: 22px;
            font-weight: bold;
            width: 350px;
      }

      .index_img_ul_3_li_a:hover .index_img_ul_3_li_dot2 {
            color: #A91B33;
      }
}

.index_img_ul_even_1_li {
      width: 165px;
      margin-bottom: 0px;

      .index_img_ul_even_1_li_a {}

      .index_img_ul_even_1_li_img {
            width: 165px;
            height: 96px;
      }

      .index_img_ul_even_1_li_dot2 {
            height: 46px;
            line-height: 23px;
            color: #333;
            font-size: 18px;
            margin-top: 13px;
      }

      .index_img_ul_even_1_li_a:hover .index_img_ul_even_1_li_dot2 {
            color: #A91B33;
      }
}

.index_img_ul_even_1_li:nth-of-type(odd) {
      float: left;
}

.index_img_ul_even_1_li:nth-of-type(even) {
      float: right;
}

.index_ul_9 {
      .index_ul_9_a {
            height: 24px;
            line-height: 24px;
            color: #333;
            font-size: 18px;
            margin-bottom: 16px;
            box-sizing: border-box;
            text-indent: 16px;
            position: relative;
      }

      .index_ul_9_a::after {
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            background: #ddd;
            border-radius: 50%;
            position: absolute;
            left: 0px;
            top: 8px;
            z-index: 11;
      }

      .index_ul_9_a:hover::after {
            background: #A91B33;
      }

      .index_ul_9_a:hover {
            color: #A91B33;
      }
}

.index_ul_9_head_box {
      margin-bottom: 25px;

      .index_ul_9_head_a {
            background: #A91B33;
            height: 32px;
            line-height: 32px;
            text-align: center;
            color: #fff;
            font-size: 17px;
            float: left;
            border-top-left-radius: 12px;
            border-bottom-right-radius: 12px;
            padding: 0px 14px;
      }
}

.index_even_img_ul_1 {
      .index_even_img_ul_1_li {
            width: 220px;
      }

      .index_even_img_ul_1_li:nth-of-type(odd) {
            float: left;
      }

      .index_even_img_ul_1_li:nth-of-type(even) {
            float: right;
      }

      .index_even_img_ul_1_a {}

      .index_even_img_ul_1_li_img {
            display: block;
            width: 220px;
            height: 130px;
      }

      .index_even_img_ul_1_dot1 {
            height: 24px;
            line-height: 24px;
            color: #333;
            font-size: 18px;
            margin-top: 20px;
            text-align: center;
      }

      .index_even_img_ul_1_a:hover .index_even_img_ul_1_dot1 {
            color: #A91B33;
      }
}

.index_ul_10 {
      margin-top: 40px;

      .index_ul_10_a {
            height: 24px;
            line-height: 24px;
            color: #333;
            font-size: 18px;
            margin-bottom: 17px;
            box-sizing: border-box;
            text-indent: 16px;
            position: relative;
      }

      .index_ul_10_a::after {
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            background: #ddd;
            border-radius: 50%;
            position: absolute;
            left: 0px;
            top: 8px;
            z-index: 11;
      }

      .index_ul_10_a:hover::after {
            background: #A91B33;
      }

      .index_ul_10_a:hover {
            color: #A91B33;
      }
}

.index_7 {
      margin: 14px auto 0px;
}

.index_7_line_box {
      padding-bottom: 0px;
      border: solid 1px #ddd;
}

.index_7_in_box {
      float: left;
      width: 336px;
      margin: 15px 14px 0px 20px;
}

.index_7_head {
      height: 53px;
      margin-bottom: 10px;

      .index_7_head_a {
            height: 53px;
            line-height: 53px;
            background: linear-gradient(to right, #FFF7ED, #fff);
            text-indent: 20px;
            color: #A91B33;
            font-size: 20px;
            display: block;
      }
}

.index_ul_11 {
      height: 135px;

      .index_ul_11_a {
            height: 24px;
            line-height: 24px;
            color: #333;
            font-size: 18px;
            margin-bottom: 20px;
            box-sizing: border-box;
            text-indent: 26px;
            position: relative;
      }

      .index_ul_11_a::after {
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            background: #A91B33;
            border-radius: 50%;
            position: absolute;
            left: 9px;
            top: 8px;
            z-index: 11;
      }

      .index_ul_11_a:hover {
            color: #A91B33;
      }
}

.index_8 {
      margin: 30px auto 0px;
}

.index_head_box_2 {
      margin-bottom: 41px;
}

.index_big_2_ul {
      .index_big_2_li {
            background: #F9FAFB;
            box-sizing: border-box;
            margin-bottom: 19px;
      }

      .index_big_2_li_img_box {
            width: 200px;
            height: 145px;
            float: left;
      }

      .index_big_2_li_img {
            display: block;
            width: 200px;
            height: 145px;
      }

      .index_big_2_li_in {
            width: 502px;
            float: right;
            margin: 10px 8px 0px 0px;
      }

      .index_big_2_li_img_a {}
}

.index_ul_12_a {
      height: 24px;
      line-height: 24px;
      color: #333;
      font-size: 18px;
      margin-bottom: 10px;
      box-sizing: border-box;
      position: relative;
      text-indent: 16px;

      &:hover {
            color: #A91B33;
      }

      &:hover::after {
            background: #A91B33;
      }
}

.index_ul_12_a::after {
      content: '';
      display: block;
      width: 6px;
      height: 6px;
      background: #ddd;
      border-radius: 50%;
      position: absolute;
      left: 0px;
      top: 9px;
      z-index: 11;
}

.index_ul_12_a:nth-of-type(1) {
      font-weight: bold;
}

.index_ul_12_a:last-of-type(1) {
      margin: 0;
}

.index_ul_13 {
      height: 112px;
      margin-top: 10px;

      .index_ul_13_a {
            height: 24px;
            line-height: 24px;
            color: #333;
            font-size: 18px;
            margin-bottom: 19px;
            box-sizing: border-box;
            text-indent: 16px;
            position: relative;
      }

      .index_ul_13_a::after {
            content: '';
            display: block;
            width: 4px;
            height: 4px;
            background: #333;
            position: absolute;
            left: 0px;
            top: 10px;
            z-index: 11;
      }

      .index_ul_13_a:hover::after {
            background: #A91B33;
      }

      .index_ul_13_a:hover {
            color: #A91B33;
      }

      .index_ul_13_a:nth-of-type(1) {
            font-weight: bold;
      }
}

.index_head_box_3 {
      margin-bottom: 28px;
}

.index_ul_6 {
      .index_ul_6_li {
            border: solid 1px #F9FAFB;
            background: #F9FAFB;
            margin: 1px 0px 9px 0px;
      }

      .index_ul_6_li_a {}
}

.index_ul_6_img_box {
      float: left;
      width: 130px;
      height: 166px;

      .index_ul_6_img {
            display: block;
            width: 130px;
            height: 166px;
      }
}

.index_ul_6_li_right {
      float: right;
      width: 296px;
      margin-right: 4px;
}

.index_ul_6_li_head {
      color: #333;
      font-size: 18px;
      margin-top: 10px;
      font-weight: bold;
}

.index_ul_6_li_article {
      height: 72px;
      line-height: 24px;
      color: #666;
      font-size: 18px;
      margin-top: 15px;
}

.index_ul_6_li:hover .index_ul_6_li_article {
      color: #A91B33;
}

.index_ul_6_li:hover .index_ul_6_li_head {
      color: #A91B33;
}

.index_ul_6_li_article_detail {
      color: #e48231;
      float: right;
      margin-top: 8px;
}