.line-large{margin-left:-20px;margin-right:-20px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12{position:relative;min-height:1px;padding-right:20px;padding-left:20px;}
/*自定义*蓝色*文本/边框/背景色*/
.text-blue,a.text-blue:link,a.text-blue:visited,.button.border-blue,blockquote.border-blue,.pager.border-blue a,.pager-prev.border-blue,.pager-next.border-blue {	color: #13619f;}
.border-blue,.border-blue .button,.border-blue .tab-nav li a,.border-blue .tab-body,.button.bg-blue,.selected.border-blue,.pointer.border-blue li,.nav.border-blue .active a,.nav.nav-tabs.border-blue,.nav-main.border-blue a,.nav-main.border-blue .nav-head,.pagination.border-blue li,.pager.border-blue a {	border-color: #13619f;}
.bg-blue,.border-blue .button.active,.pointer.border-blue .active,.nav-pills.border-blue .active a,.nav-blue.border-blue .nav-head,.pagination.border-blue .active { background-color: #13619f;}
.button.bg-blue:focus,.button.bg-blue:hover{ background-color: #004276; border-color: #004276;}

.overflow{ overflow: hidden;}
body{ overflow-x: hidden;}


.line-large .line .xs1,.line-large .line .xs2,.line-large .line .xs3,.line-large .line .xs4,.line-large .line .xs5,.line-large .line .xs6,.line-large .line .xs7,.line-large .line .xs8,.line-large .line .xs9,.line-large .line .xs10,.line-large .line .xs11,.line-large .line .xs12,.line-large .line .x1,.line-large .line .x2,.line-large .line .x3,.line-large .line .x4,.line-large .line .x5,.line-large .line .x6,.line-large .line .x7,.line-large .line .x8,.line-large .line .x9,.line-large .line .x10,.line-large .line .x11,.line-large .line .x12{ padding-left:0; padding-right: 0;}


ul,li{ padding:0; margin:0; list-style-type:none;}
img{ vertical-align: middle;}
.mb0{ margin-bottom: 0!important;}
.fl{ float:left;}
.fr{ float:right;}
.fyh{ font-family:Arial,"Microsoft Yahei";}
.fst{ font-family:Arial,"宋体";}
.fyy{ font-family:Arial,"幼圆";}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f26{ font-size:26px;}
.f28{ font-size:28px;}
.f30{ font-size:30px;}
.f32{ font-size:32px;}
.f34{ font-size:34px;}
.f36{ font-size:36px;}
.f38{ font-size:38px;}
.f40{ font-size:40px;}
.f42{ font-size:42px;}
.f48{ font-size:48px;}
.f50{ font-size:50px;}
.f60{ font-size:60px;}
.f72{ font-size:72px;}
.fn{ font-weight:normal;}
.fb{ font-weight:bold;}
.fs100{ font-weight:100;}
a, a:link, a:active{ color:#3a3a3a;text-decoration: none;}
a:hover{ color:#13619f; text-decoration: none;}

select::-ms-expand { display: none; }

.text-coffee{ color:#bd856e;}
.text-green,a.text-green,a.text-green:link,a.text-green:visited{ color:#13619f;}
.text-green2,a.text-green2,a.text-green2:link,a.text-green2:visited{ color:#37743a;}
.text-blue3{ color:#67ccff;}
.text-pinks{ color:#e40088;}
.text-date{ color:#d2d2d2;}
.text-gray{ color:#8a8a8a;}
.text-gray-light{ color:#c8c5cc;}
.text-gray2{ color:#cacaca;}
.text-black2,a.text-black2,a.text-black2:link,a.text-black2:visited{ color:#404040;}
a.text-black2:hover{ color:#1fa978; text-decoration: none;}
.text-gray-light,a.text-gray-light,a.text-gray-light:link{ color:#b3b3b3;}
a.text-gray-light:hover{ color:#1fa978; text-decoration: none;}
.bg-gray{ background-color: #949494;}
.bg-red{ background: #e62129;}
.input:focus,.input:hover{ border-color:#004276!important; }
body{ color:#3a3a3a; background: #fff; line-height: 1.8; font-family: "微软雅黑"; font-size: 12px;}
p{ padding:0; margin:0;}
/*公共部分*/


.htop{ background: #333333; height: 36px; line-height: 36px;}

.header{ position:relative; padding-top: 10px; padding-bottom: 10px;height: 100px;}
.header .logo img { height: 80px;}
.header .tad{ position: absolute; top:20px; right: 0;}
.sobox{ position: absolute; width:300px; right: 0px; top:50px;}
.sobox .input{ padding-left: 10px; position: relative;}


.btn-menu {
  display: block;
  float: right;
  position: relative;
  background: transparent;
  cursor: pointer;
  padding: 12px 0;
  width: 26px;
  height: 16px;
  -webkit-transition: all ease 0.238s;
  -moz-transition: all ease 0.238s;
  transition: all ease 0.238s;
  margin-top: 0.5rem;
}
.btn-menu:before,
.btn-menu:after,
.btn-menu span {
  background-color: #ffffff;
  -webkit-transition: all ease 0.238s;
  -moz-transition: all ease 0.238s;
  transition: all ease 0.238s;
}
.btn-menu:before,
.btn-menu:after {
  content: "";
  position: absolute;
  top: 0;
  height: 1px;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.btn-menu span {
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  overflow: hidden;
  text-indent: 200%;
}
.btn-menu:before {
  -webkit-transform: translate3d(0, -7px, 0);
  transform: translate3d(0, -7px, 0);
}
.btn-menu:after {
  -webkit-transform: translate3d(0, 7px, 0);
  transform: translate3d(0, 7px, 0);
}
.btn-menu.active span {
  opacity: 0;
}
.btn-menu.active:before {
  background-color: #ffffff;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.btn-menu.active:after {
  background-color: #ffffff;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
.ly_nav {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background-color: #0170e2;
}

.navigation {
  width: 96%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;

}
.navigation li {
  float: left;
  position: relative;
  width: 11%;
}
.navigation li a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
}
.navigation li:hover,
.navigation li a:hover,
.navigation li a.nav_on {
  color: #ffffff;
  background-color: rgba(0,54,93,.3);
}
.navigation ul {
  position: absolute;
  left: 0;
  top: 48px;
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 999;
  background-color: #fff;
  /* border-top: 2px solid #0168ad; */
}
.navigation ul li {
  width: 120px;
  float: left;
  border-top: none;
}
.navigation ul li:nth-child(even) {
  background-color: #f5f6f8;
}
.navigation ul a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0;
  color: #f8f9fc;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  border-top: none;
}
.navigation ul a:hover {
  color: #fff;
  background-color: #4e607b;
}
/* .navigation li a.nav_on {
  color: #fff;
  background-color: #00af66;
} */
 
.web_nav {
  display: none;
  width: 90%;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
  font-weight: bold;
}
@media (max-width: 1024px) {
  
  .navigation li ul a{
    color: #ffffff;
  }
  .navigation li:hover,
  .navigation li a:hover,
  .navigation li a.nav_on {
    color: #080808;
    background-color: #395568;
  }
  .menu a.cur,.menu a:hover{ background:#395568;color:#fff;}
  .menu{
    display: none;position: absolute;top: 40px;left: 0;width: 100%;

  }
  .web_nav {
    position: relative;
    width: 96%;
    display: block;
  }
  .navigation {
    width: 100%;
    display: none;
  }

  .navigation li {
    width: 100%;
    background: #f1f1f1;
    border-bottom: 1px solid #ffffff;
  }
  .menu li{
    text-align:center;
  }
  .menu li ul{
    display:inline;
    width: 50%;
  }
  .navigation li a {
    color: #515671;
    height: 100%;
    line-height: 40px;
  }
}
/*清除浮动*/
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clear {
  clear: both;
}
.menuwrap{  height: 50px; line-height: 50px; background: url(../images/bg_menu.png); position: relative; z-index: 10;}
.menu {height: 50px; line-height: 50px; width: 100%;justify-content: center;}
.menu ul{  width:100%; height: 50px; line-height: 50px;text-align: center;}
.menu li{ float: left;  height: 50px; line-height: 50px; font-weight: normal;  font-size: 18px; position: relative;}
.menu li a{ display: block; text-align: center;}
.menu a.cur,.menu a:hover{ background:rgba(0, 54, 93, .3);color:#fff;}
.menu li ul{ display:none; padding:15px 0; background: rgba(0,0,0,.75); font-size:14px; height: auto;}
.menu li ul li{width: 100%; overflow: hidden; height: auto; font-size: 16px;}
.menu li ul li a{ color:#fff; line-height:36px;  height:36px; padding: 0; border:0!important;}
.menu li.cur ul li a,.menu li:hover ul li a{ background: none!important;}
.menu li.cur ul li a:hover,.menu li:hover ul li a:hover{ background:rgba(0,0,0,1)!important; color:#fff; line-height:36px; height:36px;}
.menu li:hover ul {display: block;justify-self: center;}

.menu>ul>li:nth-child(9){ display: none;}

.menuwrap {
  display: flex;
  justify-content: center; /* 水平居中 */
}
.searchheight{min-height: 680px;}
.articlelist{min-height: 500px;}
.articlecontent{min-height: 500px;}
@media (min-height: 1500px) and (max-height: 1600px) {
  .searchheight{min-height: 1200px;}
  .articlelist{min-height: 900px;}
  .articlecontent{min-height: 900px;}
}
@media (min-height: 1300px) and (max-height: 1500px) {
  .searchheight{min-height: 1080px;}
  .articlelist{min-height: 800px;}
  .articlecontent{min-height: 800px;}
}
@media (min-height: 1200px) and (max-height: 1300px) {
  .searchheight{min-height: 880px;}
  .articlelist{min-height: 680px;}
  .articlecontent{min-height: 680px;}
}
@media (min-height: 1100px) and (max-height: 1200px) {
  .searchheight{min-height: 800px;}
  .articlelist{min-height: 630px;}
  .articlecontent{min-height: 630px;}
}
@media (min-height: 1000px) and (max-height: 1100px) {
  .searchheight{min-height: 760px;}
  .articlelist{min-height: 600px;}
  .articlecontent{min-height: 600px;}
}
@media (min-height: 900px) and (max-height: 1000px) {
  .searchheight{min-height: 720px;}
  .articlelist{min-height: 550px;}
  .articlecontent{min-height: 550px;}
}
@media (min-height: 800px) and (max-height: 900px) {
  .searchheight{min-height: 680px;}
  .articlelist{min-height: 500px;}
  .articlecontent{min-height: 500px;}
}
@media (min-height: 700px) and (max-height: 800px) {
  .searchheight{min-height: 625px;}
  .articlelist{min-height: 460px;}
  .articlecontent{min-height: 460px;}
}
@media (max-height: 700px) {
  .searchheight{min-height: 568px;}
  .articlelist{min-height: 420px;}
  .articlecontent{min-height: 420px;}
}



@media (min-width: 1920px) {
  .footer2 .fotnav dl{ float: left; width:10%!important; text-align: center; min-height:70px;}
  .footer2 .fotnav{ background: #0168ad; padding: 20px 0 30px; height: 90px!important;width: 100%;}
  .fotnav .clearfix dl dt{width: 200px;}
}
@media (max-width: 1023px) {
  .footer2 .fotnav {
    display: none;
  }
}
/*footer*/
.footer{ background:url(../images/bg_fot.png) top repeat-x; color:#868686; }
.footer .fotcon{ padding:50px 0 50px;}
.footer .fotnav{ float:left;}
.footer .fotnav dl{ float:left; margin-right:50px;}
.footer .fotnav dt{}
.footer .fotnav dl dd ul{ float: left; width:70px;}
.footer .fotnav dl dd a{ display:block; color:#868686 !important; height:26px; line-height:26px; overflow:hidden;}
.footer .fotnav dl dd a:hover{ color:#fff !important;}

.footer .fotcatbox{ position: relative; }
.footer .qrcode{ position: absolute;right:20px; top:0px; width:120px;}
.footer .qrcode img{width:120px;}
.footer .isrv{ width: 190px;}
.footer .isrv .f30{ letter-spacing: -2px;}
.footer .isrv ul.icat { }
.footer .isrv ul.icat li{ padding-left:20px; position:relative; margin-bottom: 10px;}
.footer .isrv ul.icat li span{ position:absolute; left:0px; width:20px; color:#0091dd;}

.footer .button-group{}
.footer .button-group button{ width:300px; border:0 !important; background:#000000; color:#686868; text-align:left;}
.footer .button-group .upward{ float:right; margin-top:7px;}
.footer .button-group .drop-menu{ width:300px; height:400px; overflow:auto;}
.footer .copyright{ height:80px; line-height:76px; border-top:1px solid #333333; background: rgba(51,51,51,.5);}
.footer .copyright a{ color:#868686;}
.footer .copyright a:hover{ color:#fff;}

.footer2 {left: 0;bottom: 0;position:relative;}
.footer2 .fotlogo{ background: #0168ad; padding: 20px 0; margin-bottom: 1px;}
.footer2 .fotlogo img{ max-height: 100px; margin: 0 15px;}
.footer2 .fotnav{background: #0168ad; padding: 20px 0 30px; height: 180px;}
.footer2 .fotnav .container { height: 180px;}
/* .footer2 .fotnav dl{ float: left; width:20%; text-align: center; border-right: 1px dashed #67a3c8; border-left: 1px dashed #67a3c8;min-height:70px;} */
.footer2 .fotnav dl{ float: left; width:20%; text-align: center; min-height:70px;}
/* .footer2 .fotnav dl:last-child{ border:0;} */
.footer2 .fotnav a{ color:#b1daf8;}
.footer2 .fotnav a:hover{ color:#fff;}
.footer2 .fotnav dl { height: 60px;}
.footer2 .fotnav dl dt { height: 40px; font-size: 15px;}
.footer2 .fotnav dl dt img{ display: block; margin-left: auto; margin-right: auto;height: 40px;width: 160px;}
.footer2 .copyright{ background: #363636; padding: 20px 0 30px; margin-top: 2px;}
.footer2 .copyright span{ display: inline-block; padding: 0 10px;}
.footer2 .copyright a{ color:#fff;}
.footer2 .copyright a:hover{ color:#fff;}

.insert{ height:40px;}


.fixad{ position: fixed; top:30%; z-index: 100000; max-width: 180px;}
.fixad .adclose{ display: none; position: absolute; right:0; top:0; width: 24px; height: 24px;}
.fixad .adclose span{ font-size: 18px; width: 24px; height: 24px;}
.fixad:hover .adclose{ display: block; }
.fixad .wrap a{ display: block; margin-bottom: 10px;}
.fixad .wrap img{ max-width: 100%; }

.fixad1{ left: 0;}
.fixad2{ right: 0;}


.floatingAd .ad {z-index: 100;background: none;position: absolute;display: none;}
.floatingAd a {color: #000000;display: inline-block;text-decoration: none;}
.floatingAd a img {border: 0;}
.floatingAd .adclose {display: none;}
.floatingAd .opacity {position: absolute;top: 0;width: 100%;height: 25px;background-color: #000000;opacity: 0.20;filter: alpha(opacity=20);}
.opacity1 {opacity: 0.90;filter: alpha(opacity=90);}
.floatingAd .text {position: absolute;top: 0;width: 100%;height: 25px;color: #000000;line-height: 25px;}
.floatingAd .text .button {position: relative;float: right;top: 5px;right: 5px;width: 16px;height: 16px;background: url("../images/close.png") no-repeat;cursor: pointer;}
.floatingAd .text .title {position: relative;float: left;font-size: 12px;margin-left: 5px;}


.pagebar { padding:20px; overflow:hidden}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 3px 8px;
  margin: 0 2px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #337ab7;
  border: 1px solid #337ab7;
}
.pagination a.page-num-current {
  color: #fff;
  background: #337ab7;
  border: 1px solid #337ab7;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

#maximg img{ max-width:100%; height:auto !important}

/* .articlelist{ min-height: 1080px;}
.articlecontent{ min-height: 1080px;} */
/* .pageside {
  width: 80%;
} */


html,body { 
  margin: 0; 
  padding:0; 
  height: 100%; 
  
}