body {
  font-size: 100%;
}

.banner {
  width: 100%;overflow: hidden;
}

.banner img {
  border-radius: 8px;
  width: 100%;display: block;
}

.re_men {
  width: 100%;
  overflow: hidden;
}

.men_top {
  width: 100%;
  border-bottom: 1px solid #efefef;
  color: #292929;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 46px;
  position: relative;
  height: 50px;
  margin-top: 0.3rem;
}

.men_top span {
  color: #757575;
  cursor: pointer;
  margin-right: 60px;
}
.men_top em{position:absolute;bottom:-3px;left:0;height: 5px;background:#078ad5;border-radius: 5px;width:85px}
.box_lia{width: 100%;overflow: hidden;}
.box_left{float: left;width: 880px;}
.role_box{width: 100%;overflow: hidden;margin: 20px auto 0;background:#fff;padding-top: 10px;box-sizing: border-box;}
  .role_row{width: 100%;overflow: hidden;border-bottom: 1px dashed #f2f2f2;padding:0px 10px 10px;box-sizing: border-box;margin-bottom: 10px;}
  .nml_io{width: 100%;overflow: hidden;}
  .role_img{width: 175px;height: 100px;background:#efefef;float: left;overflow: hidden;}
  .role_img img{width: 100%;display: block;}
  .role_y{float: left;margin-left: 17px;width: 72%;margin-top: 6px;}
  .role_tit{color:#292929;font-size:20px;margin-bottom:8px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  .role_hui{color:#a8a8a8;font-size:16px;line-height: 24px;}
  .role_row:hover .role_tit{color:#078ad5;}
  .time_boke{color:#333;font-size:16px;margin-bottom: 5px;}
  .time_boke em{width: 20px;height: 20px;background: url(../images/time.png) no-repeat center center;display: inline-block;vertical-align: middle;background-size: 100%;margin-right:8px;}
  .time_boke span{display: inline-block;vertical-align: middle;margin-right: 10px;}
  .page_box_box{width: 100%;overflow: hidden;margin-top: 20px;}
.page_box_box>a{width: 48%;height: 60px;line-height: 60px;float: left;background: #47adf1;color:#fff;font-size:20px;text-align: center;}
.page_box_box .right_pagee{float: right;}
.page_box_box>a:hover{background:#078ad5;}
.box_right{float: right;width: 295px;}
.hot_box{width: 100%;margin-top: 20px;margin-bottom: 20px;}
.hot_row{width: 100%;}
.hot_row a{font-size:16px;color:#292929;}
.hot_row:hover a{color:#078ad5;}
.hot_top em{width: 12px;height: 12px;background: #bfbfbf;border-radius: 12px;display: inline-block;vertical-align: middle;margin-right: 8px;}
.hot_top a{display: inline-block;vertical-align: middle;width: 92%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hot_bottom{width: 6px;height: 6px;border-radius: 6px;background: #bfbfbf;margin-top: 10px;margin-bottom: 10px;margin-left: 3px;}
.hot_row:last-of-type .hot_bottom{display: none;}
.re_box{overflow-x: auto;margin-top: 20px;width: auto;}
.re_row{width: 33.3%;float: left;margin-bottom: 20px;}
.re_img{width:90px;height:90px;border-radius: 8px;background: #efefef;display: block;margin:0 auto;}
.re_img img{width: 100%;height: 100%;border-radius: 8px;}
.wenzi{color:#292929;font-size:16px;text-align: center;display: block;width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 8px;}
.re_row:hover .wenzi{color:#078ad5;}
.zan_down{padding:2px 6px!important;}
.phone_dfg:hover a{color:#078ad5;}
.catelist {
  background: #fff;
  padding: 20px 20px 5px 20px;
  margin-bottom: 20px;
}
.catelist .list-con {
  margin-bottom: 0px;
  /* margin-right: -30px; */
  overflow: hidden;
}
.catelist .list-con a {
  white-space: nowrap;
  text-align: center;
  color: #333;
  float: left;
  margin: 0 18px 15px 0;
  width: 100px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #eee;
  border-radius: 3px;
  font-size:16px;
}
.catelist .list-con a.on, .catelist .list-con a:hover {
  color: #0c83e7;
  border-color: #0c83e7;
}

@media screen and (max-width:330px) {
  .men_top {
    line-height: 2.3rem!important;
  }
  .banner img{border-radius: 0;}
  .box_left{width: 100%;float: none;}
  .box_right{width: 96%;float: none;margin:0 auto;}
  .hot_box{margin-bottom: 0.7rem;margin-top: 0.5rem;}
  .hot_top a{font-size:1rem;}
  .hot_top em{width: 0.55rem;height: 0.55rem;border-radius: 0.55rem;}
  .hot_bottom{width: 3px;height: 3px;margin-top: 0.5rem;margin-bottom: 0.5rem;}
  .box_lia .role_row {width: 100%;float: none;}
  .box_lia .role_img{width: 7.5rem;height: 4.5rem;}
  .box_lia .role_y{width: 61%;margin-top: 7px;margin-left: 5px;}
  .box_lia .role_tit {font-size:1rem;margin-bottom: 0.3rem;}
  .box_lia .role_hui{font-size:0.9rem;line-height: 1.1rem;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
  .time_boke{font-size:0.9rem;}
  .time_boke em{width: 0.9rem;height:0.9rem;margin-right: 3px;}
  .page_box_box{width: 96%;margin:1rem auto 0;}
  .page_box_box>a{height: 2.5rem;line-height: 2.5rem;font-size:1rem;}
  .re_box {width: 100%!important;}
}