@charset "utf-8";
/* CSS Document */
body{font: 16px/1.5 "Microsoft YaHei",微软雅黑,'宋体',tahoma,Verdana,arial,sans-serif;}
.num-old {display: none;}
.container{margin:0 auto;}
.hide.active{display: block !important;}
.zt-body {background:#F5FCFF url(../images_zzll/zt_zzll_bg.png) top center no-repeat;min-height: calc(100vh - 340px);}
/***头部***/
.t-header .headcon{ margin:0 auto;position: relative;}
.zt-logo{position: absolute;left: 0;top: 18px;z-index: 1;}
.zt-logo .img_title{display: none;}
.zt_ban{ margin-top: 118px; text-align: left;height: 250px;background: url(../images_zzll/top_old_bg.png) bottom right no-repeat;padding: 80px 0 0 90px;box-sizing: border-box;}
.zt_ban .zt_ban_title{height: 76px;width: 600px;background: url(../images_zzll/tag_bg.png) center center no-repeat;}
.zt_ban .zt_ban_title p {width: 50%;text-align: center;font-size: 34px;color: #fff;float: left;line-height: 76px;font-weight: bold;}
.zt_ban .zt_ban_title p:first-child{color: #4075B5}
.wza{ position: absolute; right: 0; top:10px;}
.wza ul li{ float: left; margin-right: 10px;}
.wza ul li a{ padding: 0 20px; display: block; height: 30px; line-height: 30px; border:1px solid #ddd; font-size: 20px; background: #fff; border-radius: 5px;}
.wza ul li a:hover{ color: #fff; background: #80aee8;border:1px solid #fff;}

/* 内容 */
.content_li {
  background: #fff;
  padding: 17px;
  box-sizing: border-box;
  border-radius: 10px;
  margin-bottom: 34px;
  text-align: center;
}

/* 栏目 */
.lm_items li {
  width: 22%;
  height: 240px;
  float: left;
  border-radius: 10px;
  font-size: 36px;
  margin: 1.5%;
  text-align: center;
  padding-top: 58px;
  box-sizing: border-box;
  cursor: pointer;
}
.lm_items li.num1{background: #3379BA;}
.lm_items li.num2{background: #65B288;}
.lm_items li.num3{background: #DF6024;}
.lm_items li.num4{background: #5EBAB0;}
.lm_items li.num5{background: #9529B0;}
.lm_items li.num6{background: #CF3A32;}
.lm_items li.num7{background: #4AA2F1;}
.lm_items li.num8{background: #DDAC00;}
.lm_items li a {display: block;width: 100%;height: 100%;}
.lm_items li img {display: block;margin: 0 auto 20px;height: 66px;width: auto;}
.lm_items li .img_title {
  display: block;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.lm_items li:hover .img_title {background: #FDEC00;color: #000000;}

/* 服务 */
.fw_content_title {
  display: inline-block;
  font-size: 36px;
  color: #000;
  font-weight: bold;
  padding: 0 90px;
  background: url(../images_zzll/left_icon.png) left center no-repeat, url(../images_zzll/right_icon.png) right center no-repeat;
  margin-bottom: 10px;
}
.fw_items li {
  width: 30.3%;
  height: 220px;
  float: left;
  border-radius: 10px;
  font-size: 36px;
  margin: 1.5%;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  background: #D8EEFF;
  position: relative;
}
.fw_items li a {display: block;width: 100%;height: 100%;}
.fw_items li .img_title {
  font-size: 32px;
  font-weight: bold;
  color: #1D61B5;
  padding: 30px 0 0 30px;
  display: block;
  text-align: left;}
.fw_items li img {position: absolute;bottom: 0;right: 0;}

/***底部***/
@media (max-width: 1199px) and (min-width: 992px){
  .zt_ban{  margin: 90px 10px 0;padding-left: 0;}
  .zt_ban .zt_ban_title p, .fw_content_title {font-size: 30px;}
  .lm_items li {
    width: 21%;
    height: 202px;
    padding-top: 40px;
    margin: 2%;
    font-size: 32px;
  }
  .fw_items li {
    width: 29.3%;
    margin: 2%;
    font-size: 30px;
  }
  .fw_items li .img_title {padding: 30px 0 0 20px; text-align: left;}
}
@media (max-width: 991px){
  .zt_ban{  margin: 90px 10px 0;padding-left: 0;}
  .zt_ban .zt_ban_title {margin: 0 auto;}
  .zt_ban .zt_ban_title p, .fw_content_title {font-size: 28px;}
  .lm_items li {
    width: 45%;
    height: 202px;
    padding-top: 40px;
    margin: 2.5%;
    font-size: 30px;
  }
  .fw_items li {
    width: 45%;
    margin: 2.5%;
    font-size: 28px;
  }
  .fw_items li .img_title {padding: 30px 0 0 20px; text-align: left;}
}
@media (max-width: 767px){
.t-header{ height: auto; overflow: hidden;}  
.zt_ban .zt_ban_title {
  height: 76px;
  width: 98%;
  background-size: 100% auto;
}
.zt_ban .zt_ban_title p, .fw_content_title {font-size: 26px;}
.zt-logo{ left: 10px;}
.lm_items li {font-size: 28px;}
.fw_items li {font-size: 26px;}
}
@media (max-width: 479px){
  .zt_ban {background-size: 100% auto;}    
  .zt_ban .zt_ban_title {
    height: 76px;
    width: 98%;
    background-size: 100% auto;
  }
  .zt_ban .zt_ban_title p, .fw_content_title {font-size: 24px;}
  .lm_items li {
    width: 97%;
    height: 202px;
    padding-top: 40px;
    margin: 1.5%;
    font-size: 24px;
  }
  .fw_items li {
    width: 97%;
    margin: 1.5%;
    font-size: 24px;
  }
  .lm_items li {font-size: 24px;}
  .fw_items li {font-size: 24px;}
}