*{ padding:0; margin:0; list-style-type:none;}
body{color:#333; text-align:left; 
  /* font:12px "微软雅黑",simsun, Tahoma, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; */
  /* -moz-osx-font-smoothing: grayscale;  */
  overflow-x:hidden !important;}
button{ cursor:pointer;}/*鼠标小手指标*/
img{border:0; display:block}


.body_box{ background:url(main_bj.png) no-repeat center bottom;}
.mainbox{ width:1200px; margin:0 auto;}
.mainbox:after{
  content: '';
  display: table;
  height: 0;
  clear: both;
}
.mainbox::after{
  content: '';
  display: table;
  height: 0;
  clear: both;
}
.mainbox .lbox{ float:left; width:180px;overflow:hidden;}
.mainbox .rbox{ float:right; width:1000px;overflow:hidden;}
.lf{ float:left}
.rf{ float:right}
.clear5{ margin-top:5px; overflow:hidden;}
.clear10{ margin-top:10px; overflow:hidden;}
.clear20{ margin-top:20px; overflow:hidden;}
.clear30{ margin-top:30px; overflow:hidden;}
.bor-b-x{ border-bottom:1px solid #ddd;}
.bor-all{ border:1px solid #dfdfdf;}
.bor_bottom{ background:url(x.jpg) repeat-x left bottom;}
.img-dq{ vertical-align:bottom!important;vertical-align: middle;}
.img-dqa{ vertical-align:middle!important;vertical-align: bottom;}
.display_n{ display:none;}
.display_i{ display:inline}
.pd_lf10{ padding-left:10px;}
.pd_rf10{ padding-right:10px;}
/*--------------------------------- 颜色字体 ------------------------------------*/
.f-999{ color:#999;} /*#999*/
.f-666{ color:#666;} /*#666*/
.f-333{ color:#333}
.f-red{ color:#e6212a;} /*红色*/
.f-blue{ color:#095bad;} /*蓝色*/
.f-yell{ color:#ff671b;} /*橘色*/
.f-fff{ color:#fff;} /*白色*/
.f-wh{ font-weight:700;} /*字体加粗*/
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.f14{ font-size:14px;}
.f12{ font-size:12px;}
.line-18{ line-height:18px;} /*行高18*/
.line-20{ line-height:20px;} /*行高20*/
.f-s{font-family: simsun;}/*字体 宋体*/
/*--------------------------------- a链接样式 ------------------------------*/

/* a:hover {text-decoration:underline; blr:expression(this.onFocus=this.blur());outline: none;} */

/* a.f-blue{ color:#095bad}
a.f-blue:hover{ color:#095bad; text-decoration:underline}

a.f-red{ color:#c00000}
a.f-red:hover{ color:#c00000; text-decoration:underline} */

/* a.f14{ font-size:14px;}
a.f14:hover{ font-size:14px;}

a.f-wh{ font-weight:700;}
a.f-wh:hover{ font-weight:700;}

a.f-yelly{ color:#ff671b}
a.f-yelly:hover{ color:#ff671b; text-decoration:underline}

a.f-666{ color:#666}
a.f-666:hover{ color:#d41017; text-decoration:underline} */
.center{text-align: center;}
.flex{display: flex;}
.flex-item{display: flex;align-items: center;}
.flex-between{display: flex;align-items: center;justify-content: space-between;}
.flex-around{display: flex;align-items: center;justify-content: space-around;}
.flex-end{display: flex;align-items: center;justify-content:flex-end;}
.flex-start{display: flex;align-items: flex-start;}
.flex-center{display: flex;align-items: center;justify-content:center;}
.width1200{max-width:1400px;margin:0 auto;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.t1{
    color:#e6212a;
}
.pt2{
  color:#e5242c;
}
/*--------------------------------- 公用样式 ------------------------------*/
.crumbs{
    display: flex;
    align-items: center;
    font-size:14px;
    color:#999;
    padding:20px 10px;
    display: -webkit-box;
}
.crumbs a{
    color:#999;
}
@media (min-width: 768px){
    .crumbs{
      padding: 20px 20px 20px;
    }
}
.banner_bg img{
  width: 100%;
  /* height: 160px; */
  object-fit: cover;
}
.about_tab{
  height: 40px;
  background:#efefef;
  border-top:1px solid #cacaca;
  border-bottom:1px solid #cacaca;
}
.a_list{
  display: flex;
  align-items: center;
}
.a_list li{
  border-left:1px solid #cacaca;
  width: 20%;
  height: 40px;
  text-align: center;
  line-height: 40px;
}
.a_list li:last-child{
  border-right:1px solid #cacaca;
}
.a_list li a{
  font-size:12px;
  color:#333;
  /* display: -webkit-box!important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; */
  position: relative;
  display: flex!important;
  width: 100%;
  height:100%;
  align-items: center;
  justify-content: center;
}
.a_list li.active a::after{
  content: "";
  height: 4px;
  background:#d03835;
  width:0;
  position:absolute;
  bottom:0px;left:0;
}
.h_title{
  position: relative;
  text-align: center;
  padding-bottom:20px;
}
.h_text1{
  font-size:22px;
  color:#dadada;
  font-weight: bold;
}
.h_text2{
  font-size:22px;
  font-weight: bold;
  position: absolute;
  top:16px;
  width:100%;
}


.maskBox{
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  position:fixed;
  top:0;left:0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.maskBox img{
  max-width: 100%;
}
.sear_box{
  background:#e3111a;
  display: flex;
  align-items: center;
  justify-content: center;
  position:relative;
  width:100%;
  max-width: 500px;
  padding:30px 20px;
}
.sear_box input{
  background:#fff;
  border:none;
  height:30px;
  padding:0 10px;
  color:#333;
  border-radius:5px;
  flex:1;
  max-width: 300px;
}
.sear_box .sear_btn{
  border:1px solid #fff;
  border-radius:5px;
  color:#fff;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding:0 10px;
  margin-left:10px;
  cursor: pointer;
}
.sear_box .close_btn{
  color:#fff;
  font-size:30px;
  width:30px;
  height:30px;
  position:absolute;
  top:0;right:0;
  border-radius:50%;
  /* border:2px solid #fff; */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
  color:#fff!important;
  background-color: #e3111a!important;
    border-color: #e3111a!important;
}
.pagination>li>a, .pagination>li>span{
  color: #333!important;
}