@charset "utf-8";
/* 2019-01-28  专题页 */
.public-index-100 .m-smartwave{
  position: relative;
}
.public-index-100  img{
  width: 100%;
}
.public-index-100 .m-smartwave .bx-controls-direction{
  display: none;
}
.public-index-100 .m-smartwave .bx-pager{
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 30px;
 }
 .public-index-100 .m-smartwave .bx-pager .bx-pager-item{
  display: inline-block;
 }
.public-index-100 .m-smartwave .bx-pager .bx-pager-item a{
  font-size: 0;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 8px;
  background: #fff;
  margin: 0 6px;
}
.public-index-100 .m-smartwave .bx-pager .bx-pager-item a.active{
  background: #c80000;
}
i{
  font-style: normal;
}
.top_news{
  padding: 18px 18px;
  height: 106px;
  margin-top: 14px;
  overflow: hidden;
  background-color: #fdf4f3;
}
.top_news h2{
  font-size: 28px;
  text-align: center;
  margin-bottom: 22px;
}
.top_news div{
  color: #666;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  font-size: 16px;
  margin-top: 14px;
}
.top_news div i{
  width: 600px;
  text-transform: none;
}
.top_news div a{
  color: #c80000;
}
.b_news{
  margin-top: 30px;
  background-color: #fdf4f3;
  padding-left: 15px;
}
.left_news{
  width: 427px;
}
.left_news li a{
  display: block;
  color: #000;
  width: 427px;
  line-height: 46px;
  height: 46px;
  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  font-size: 18px;
}
.right_news{
  width: 489px;
  background-color: #c80000;
  position: relative;
  height: 370px;
  overflow: hidden;
}
.right_news .bx-controls-direction{
  display: none;
}

.right_news div a i{
  display: block;
  height: 40px;
   font-size: 18px;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
      color: #ffffff;
    text-align: center;
}
.right_news div a:hover i{
  color: #ffffff;
}
.right_news .bx-controls{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 50px;
}
.right_news .bx-pager{
  text-align: center;
}
.right_news .bx-pager-item{
  display: inline-block;
  margin: 0 4px;
}
.right_news .bx-pager-item a{
  font-size: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #c0c0c0;
}
.right_news .bx-pager-item a.active{
  background-color: #c80000;
}
.item_title{
  color: #fff;
  height: 45px;
  line-height: 45px;
  padding-left: 24px;
  background: url(../images/zhuanti/thumb_06.png) no-repeat;
  font-size: 20px;
  margin: 30px 0 16px;
  background-size: 100% 100%;
}
.item_title img{
  vertical-align: middle;
  margin-right: 6px;
}
.swiper-container{
  width: 970px;
  height: 160px;
}
.swiper-slide{
  width: 192px;
}
.swiper-slide p{
  text-align: center;
  font-size: 16px;
  line-height: 30px;
}
.swiper-slide:hover p , .video_zt li:hover p , .pic_list li:hover p , .left_news li:hover a{
  color: #c80000;
}
.active_list{
  margin-top: 52px;
}
.video_zt li{
  width: 227px;
  float: left;
  margin-right: 8px;
  margin-left: 8px;
  text-align: center;
}
.video_zt li:last-child{
  margin-right: 0;
}
.video_zt li a p{
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.video_web{
  position:absolute;
  width: 40px !important;
  height: 40px !important;
  top: 60px;
  left: 95px;
}

.pic_list li{
  width: 227px;
  float: left;
  margin-right: 8px;
  margin-left: 8px;
  text-align: center;
}
.pic_list li div , .video_zt li div{
  width: 230px;
  height: 160px;
  overflow: hidden;
}
.pic_list li div img , .video_zt li div img{
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transform: all .3s;
}
.pic_list li:hover div img , .video_zt li:hover div img{
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.pic_list li:nth-child(4n){
  margin-right: 0;
}
.pic_list li a p{
  font-size: 16px;
  height: 38px;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.case_nav{
  width: 120px;
  margin: 0;
}
.case_nav li{
  height: 54px;
  width: 120px;
  text-align: center;
  display: table;
  border-bottom: 1px solid #fff;
  background-color: #f61718;
}
.case_nav li a{
  color: #fff;
  height: 54px;
  font-size: 18px;
  display:table-cell; 
  vertical-align:middle;
}
.case_list{
  height: 718px;
  overflow-y:scroll;
  box-sizing: border-box;
  width: 852px;
  padding: 0 18px;
  border:1px solid #333;
}
.case_list .case_item{
  padding: 18px 0;
  border-bottom: 1px dashed #666;
}
.case_list .case_item a{
  display: block;
}
.case_list .case_item a h4{
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
  margin-bottom: 14px;
}
.case_list .case_item .thumb{
  width: 170px;
  height: 104px;
  overflow: hidden;
  margin: 0;
}
.case_list .case_item .thumb img{
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transform: all .3s;
}
.case_list .case_item:hover .thumb img{
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.case_list .case_item:hover a h4{
  color: #c80000;
}
.case_list .case_item .txt{
  width: 618px;
  height: 96px;
  overflow: hidden;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}
.case_list .case_item:hover .txt{
  color: #000;
}
.case_cont{
  display: none;
}
.case_cont:first-child{
  display: block;
}
.case_nav li.active{
  position: relative;
}
.case_nav li.active{
  background-color: #c80000;
}
.case_nav li.active:after{
  content: "";
  width: 10px;
  height: 12px;
  position: absolute;
  top: 20px;
  right: -1px;
  background:url(../images/zhuanti/icon_05.png) no-repeat;
  z-index: 111;
}
.m_bottom_cont{display:none}




/*手机端样式开始*/

.public-index-100  .m_slide , .m_warp{
      display: none;
    }
    @media screen and (max-width: 768px) and (min-width: 320px){
     .public-index-100 .m-smartwave{
          display: none;
        }
      .public-index-100  .m_slide , .m_warp{
        display: block;
      }
      .public-index-100  .m_slide , .m_warp ,.m_bottom_cont{
        display: block;
      }
      .public-index-100 .pc_slide , .public-index-100  .m_slide .bx-controls-direction{
          display: none;
        }
      .public-index-100 .m_slide{
        position: relative;
      }
      .public-index-100 .m_slide ul img{
        width: 100%;
      }
       .public-index-100 .m_slide .bx-pager{
        text-align: center;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 10px;
       }
       .public-index-100 .m_slide .bx-pager .bx-pager-item{
        display: inline-block;
        
       }
      .public-index-100 .m_slide .bx-pager .bx-pager-item a{
        font-size: 0;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background: #fff;
        margin: 0 4px;
      }
     .public-index-100 .m_slide .bx-pager .bx-pager-item a.active{
        background: #c80000;
      }
      .m_top_news , .m_news_box{
        width: 7.02rem;
        margin: 0 auto;
      }
      .m_top_news li:first-child a{
        font-size: 0.5rem;
        color:#c80000;
        text-align: center;
      }
      .m_top_news li{
        margin-top: 0.1rem;
      }
      .m_top_news li a{
        display: block;
        font-size: 0.32rem;
        line-height: 0.74rem;
      }
      .m_news_box li{
        float: left;
        width: 3.4rem;
        margin-right: 0.2rem;
        margin-top: 0.2rem;
      }
      .m_news_box li:nth-child(even){
        margin-right: 0;
      }
      .m_news_box li img{
        width:3.4rem;
        height: 2.7rem;
      }
      .m_news_box li  a p{
        font-size: 0.32rem;
        font-weight: bold;
        height: 0.8rem;
        line-height: 0.4rem;
        overflow: hidden;
        background: #fdf4f3;
        border: 0.1rem #fdf4f3 solid;
     }
     .m_item_title{
      color: #fff;
      height: 0.6rem;
      font-size: 0.32rem;
      line-height: 0.6rem;
      padding-left: 0.24rem;
      margin: 0.2rem 0;
      background: url(../images/zhuanti/thumb_06_s.png) no-repeat left top;
      background-size: 100% 100%; 
     }
     .m_item_title img {
      vertical-align: middle;
      width: 0.5rem;
      height: 0.5rem;
      margin-right: 0.2rem;
      margin-left: 0.1rem;
    }
    .m_bottom_cont {
	 background: url(../images/zhuanti/bg.png) no-repeat;
	 height: 2rem;
	 line-height: 2rem;
	 color: #333;
	 font-size: 0.24rem;
	 text-align: center;
	 margin-top: 0.1rem;
	}
  }



.video_read{
  position:absolute;
  width: 1rem !important;
  height: 1rem !important;
  top: 1rem;
  left: 1.2rem;
}

.bottom{
  height: 132px;
  width: 100%;
  margin-top: 30px;
  background: url(../images/zhuanti/bg.png) no-repeat;
  background-size: 100% 132px;
}
.bottom_cont{
  text-align: center;
  font-size: 16px;
  line-height: 34px;
  padding-top: 30px;
}