.class_nav {
  color: #9e9e9e;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .class_nav a {
    color: #9e9e9e;
    margin: 0 1px; }
    .class_nav a:hover {
      color: #cd2928; }
  .class_nav img {
    margin-right: 5px; }

.left_pro {
  width: 260px;
  height: auto; }
  .left_pro .sort_tit {
    display: flex;
    align-items: center;
    font-size: 28px;
    color: white;
    padding: 21px;
    width: 260px;
    height: 115px;
    background: url(../image/chanpin.jpg) no-repeat; }

.list-pro {
  list-style: none; }
  .list-pro li {
    margin-bottom: 2px; }
    .list-pro li a {
      border-left: 3px solid #eeeeee;
      align-items: center;
      padding: 20px;
      background-color: #eeeeee;
      color: #333333;
      font-size: 16px; }
      .list-pro li a i {
        margin-left: auto;
        transition: all .3s ease-in-out; }
    .list-pro li .son_class {
      display: none;
      list-style: none; }
      .list-pro li .son_class li a {
        border: none;
        padding-left: 30px;
        display: block;
        background-color: white;
        color: #333333; }
        .list-pro li .son_class li a:hover {
          background-color: #cd2928;
          color: white; }

.rotate1 {
  border-color: #cd2928 !important; }

.rotate {
  transform: rotate(90deg);
  -webkit-transform: rotate(90edg);
  color: #cd2928; }

.right_pro {
  width: 895px;
  height: auto; }

.pages {
  margin-top: 20px;
  margin-bottom: 80px;
  }
  .pages a {
	  margin: 1px;
    display: inline-block;
    padding: 3px 15px;
    border: 1px solid gainsboro;
    color: #595959;
    font-size: 14px; }
    .pages a:hover {
      color: #FFFFFF;
      background-color: #cd2928; }

.sort_class {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .sort_class .sort_active::after {
    width: 100%; }
  .sort_class a {
    border-right: 1px solid gainsboro;
    display: block;
    padding: 0 20px;
    color: #333333;
    font-size: 16px;
    position: relative; 
	line-height: 16px;}
    .sort_class a:hover {
      color: #cd2928; }
      .sort_class a:hover::after {
        width: 100%; }
    .sort_class a::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -32px;
      width: 0;
      height: 4px;
      background-color: #cd2928;
      transition: all .3s; }

.bodys .bodytit {
  margin-top: 80px;
  font-size: 56px;
  font-family: impact;
  color: #333333; }

.bodys .sub_bodytit {
  font-size: 36px;
  color: #cd2928; }

.cq_model {
  margin-bottom: 23px;
  padding: 0 10px; }
  .cq_model .cq_text {
    color: #333333;
    font-size: 16px;
    text-align: center;
    padding: 15px;
    background-color: #f3f3f3;
    transition: all .3s; }
  .cq_model:hover .cq_text {
    color: #FFFFFF;
    background-color: #cd2928; }

.lx_right h3 {
  border-top: 3px solid #d7000f;
  font-size: 24px;
  color: #cd2928;
  padding-top: 20px;
  margin-bottom: 30px; }

.lx_right p {
  padding: 5px 0; }

.liuyan {
  margin-top: 60px; }
  .liuyan .form-control {
    height: calc(1.5em + .75rem + 14px); }

.news_list {
  padding: 32px; }
  .news_list .list_time {
    padding-right: 20px;
    text-align: center;
    width: 92px;
    color: #808080;
    border-right: 1px solid gainsboro; }
    .news_list .list_time .list_day {
      text-align: center;
      font-size: 48px;
      transition: all .3s; }
    .news_list .list_time .list_month {
      text-align: center;
      font-size: 16px;
      transition: all .3s; }

.list_cons {
  width: 840px;
  padding: 0 30px; }
  .list_cons .list_cons_tit {
    transition: all .3s;
    font-size: 21px;
    color: #333333; }
  .list_cons .list_cons_des {
    margin-top: 20px;
    font-size: 14px;
    color: #666666; }
  .list_cons .list_cons_pic {
    width: 174px;
    height: 116px;
    text-align: center; }

.news_list:hover {
  background-color: #f8f8f8; }
  .news_list:hover .list_cons .list_cons_tit {
    color: #cd2928; }
  .news_list:hover .list_time .list_day, .news_list:hover .list_time .list_month {
    color: #cd2928; }