@charset "utf-8";
body{ width: 100%;height: 100%;font-size: 16px;font-family: "微软雅黑 Regular","Microsoft YaHei";color: #333;background-color: #fff;line-height: 100%}
body,button,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,ul{ margin: 0;padding: 0;box-sizing: border-box}
li,ol,ul{ list-style: none}
a{ text-decoration: none;color: #333;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;}
a:hover{ color: #005293}
img{ border: none;display: inline-block;vertical-align: middle}
.img{ max-width: 100%;height: auto}
button,input{ outline: 0;border: none;font-family: "微软雅黑 Regular","Microsoft YaHei"}

.row{ display: inline-block;width: 100%}
.fl{ float: left}
.fr{ float: right}
.container{ width: 1200px;margin: auto}
.bg-white{ background: #fff}
.hide{ display: none}
.m-show{ display: none}
.ovh{ overflow: hidden}

.btn{ display: inline-block;border-radius: 5px;overflow: hidden;color: #fff;padding: 0 8px;text-align: center}
.btn img{ vertical-align: -2%}
.text_nowrap{ display: block;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden}
.ellipsis{ display: -webkit-box;overflow: hidden;white-space: normal;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all}
.pich{ display: inline-block;overflow: hidden}
.pich img{ transition: all .3s}
.pich:hover img{ opacity: .8;transform: scale(1.05)}
.w50{ width: 48%}
.w30{ width: 30%}
.w80{ width: 80%}
.mt10{ margin-top: 10px}
.mt20{ margin-top: 20px}
.mt30{ margin-top: 30px}
.mt40{ margin-top: 40px}
.mb10{ margin-bottom: 10px}
.mb20{ margin-bottom: 20px}
.mb30{ margin-bottom: 30px}

.flex{ 
  display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
  -webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content: space-between;
  -webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;
}
.lt10 .flex{ display: block;text-align: justify;line-height: 0}
.lt10 .flex>a,.lt10 .flex>div,.lt10 .flex>li,.lt10 .flex>span,.lt10 .flex>ul,.lt10 .flex>dl,.lt10 .flex>p{ display: inline-block;vertical-align: top;line-height: 26px}
.lt10 .flex:after{ content: "";display: inline-block;width: 100%;height: 0;line-height: 0;font-size: 0}

.clearfix:after,.clearfix:before{ display: table;line-height: 0;content: ""}
.clearfix:after{ clear: both}
.clear{ clear: both}
.transition,.transition a{ transition: .3s}
.imgscale{ overflow: hidden}
.imgscale a img{ transition: all .3s ease-in-out 0s}
.imgscale a:hover img{ transform: scale(1.05)}
.ellipsis_single{ display: block;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis}
.ellipsis_multi{ display: -webkit-box;overflow: hidden;white-space: normal;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all}
.js-tab{ overflow: hidden}

.common_hd{ height: 45px;line-height: 37px;border-bottom: 1px solid #cecece;position: relative;margin-bottom: 10px}
.common_hd li{ float: left;position: relative;height: 45px;}
 .common_hd li+li{ margin-left: 21px}
.common_hd li:after,.common_hd li:before{ opacity: 0;content: "";height: 4px;background: #005293;position: absolute;left: 0;bottom: 0;z-index: 1;width: 0;transition: all .3s}
.common_hd li:before{ background: #a81010;z-index: 2;font-size: 125.555%}
.common_hd li a{ font-size: 125.555%}
.common_hd li.on a{ font-weight: 700}
.common_hd li.on:after,.common_hd li.on:before{ opacity: 1}
.common_hd li.on:after{ width: 100%}
.common_hd li.on:before{ width: 1em}
.common_hd .more{ position: absolute;right: 0;top: 0}
.common_hd .more a{ color: #999;display: none}
.common_hd .more a:hover{ color: #005293}
/*.common_hd.split li{ margin-right: 21px}
 .common_hd.split li+li a:before{ content: "";width: 2px;height: 28px;background: #333;position: absolute;left: -22px;top: 6px} 
.common_hd.split li+li a:before{ content: "";width: 2px;height: 20px;background: #b7b7b7;position: absolute;left: -22px;top: 9px}*/

.tabSwiper .swiper-slide,.tabSwiper .swiper-wrapper{ width: 100%}

.newslist{ clear: both}
.newslist li h4{ position: relative;padding: 9px 0;font-weight: 400;line-height: 29px;overflow: hidden;vertical-align: top}
.newslist li .time{ position: absolute;right: 0;top: 50%;margin-top: -16px;color: #999}
.newslist li a{ float: left;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden}
.newslist li a br{ display: none}
.newslist.MD li h4{ padding-right: 6em}
.newslist.YMD li h4{ padding-right: 8em}
.newslist.twoCol li{ float: left;width: 50%}
.newslist.twoCol{ margin: 0 -15px}
.newslist.twoCol li h4{ margin: 0 15px}
.newslist.twotext li h4 a{ display: -webkit-box;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all}
.newslist.twotext li .time{ top: 0;margin-top: 9px}
.newslist.twotext.dot li h4:before{ top: 0;margin-top: 21px}
.newslist.dot li h4{ padding-left: 18px}
.newslist.dot li h4:before{ content: '';position: absolute;left: 0;top: 50%;margin-top: -3px;width: 6px;height: 6px;background: #999}
.newslist.dot.blue li h4:before{ background: #2d66a4}
.newslist.line li{ border-bottom: 1px solid #e1e5eb}
.newslist.line li h4{ padding-top: 14px;padding-bottom: 14px}
.newslist.dot li:hover h4:before{ background: #005293}
.newslist.dot li:hover a{ color: #005293}

.more_mobile{ text-align: center;margin-top: 10px}
.more_mobile a{ display: block;height: 36px;line-height: 36px;border: 1px solid #f3f3f3;background: #f3f3f3}
.more_mobile a:hover{ border-radius: 5px;background: #ecf3fa;border-color: #ecf3fa}

.crumb,.crumb a{ color: #999}
.crumb{ font-size: 88.88%;margin-top: 20px}
.crumb span{ color: #333}
.crumb h2{ font-size: 1em;font-weight: 400;padding: 10px 0 10px 26px;background: url(../images/public/icon_crumb.png) no-repeat left 10px;background-size: 18px;}


/* responsive */
@media (max-width:1200px){ 
  .container{  width: 100%;padding: 0 2%!important }
}

@media screen and (max-width:991px){ 
  body{  background-color: #fff;font-size: 14px }
  .m-hide{  display: none }
  .m-show{  display: block }
}

@media (max-width:991px){ 
  .m-100{  width: 100%!important }
  .m-hide{  display: none!important }
  .m-mt20{  margin-top: 20px!important }
  .m-mt30{  margin-top: 30px!important }
  .m-hauto{  height: auto!important }

  .common_hd{  height: 45px; }
  .common_hd li{  height: 45px;line-height: 26px }
  /* .common_hd li+li{  margin-left: 10px; }*/
  .common_hd li a{  font-size: 142.555%;}
  .common_hd.split li{  margin-right: 10px; }
  .common_hd.split li+li a:before{ width: 1px;height: 21px;top: 2px;left: -10px; }

  .newslist.MD li,.newslist.YMD li{ border-bottom: 1px solid #f2f2f2; }
  .newslist.MD li h4,.newslist.YMD li h4{ line-height: 23px;padding: 7px 0 6px;}
  .newslist.MD li a,.newslist.YMD li a{float: none;width: 100%;display: block;font-size: 114.28% }
  .newslist.MD li .time,.newslist.YMD li .time{ position: relative;display: block;padding-left: 15px;background: url(../images/public/liTimeIcon.png) no-repeat 0;background-size: 13px 13px;margin-top: 0;font-size: 85.71%; }
  .newslist.MD.dot li h4,.newslist.YMD.dot li h4{padding-left: 0; }
  .newslist.MD.dot li h4::before,.newslist.YMD.dot li h4::before{ display: none; }
  .newslist li:last-child{ border-bottom: none; }
}