html,body{
  margin: 0px;
  padding: 0px;
  font-family: "Microsoft YaHei", sans-serif;
}
.header{
  height: 84px;
}
.box{
  width: 1200px;
  margin: 0 auto;
}
.column{
  display: flex;
  flex-direction: column;
}

.row{
  display: flex;
}
.itemscenter{
  align-items: center;
}
.selfcenter{
  align-self: center;
}
.justifycontent{
  justify-content: center;
}
.f1{
  flex: 1;
}
img{
  display: inline-block;
}
.h100{
  height: 100px;
}
.h84{
  height: 84px;
}
.nav{
  align-items: center;
  justify-content: flex-end;
}
.nav a{
  display: inline-block;
  color: #333333;
  font-size: 17px;
  padding: 0 13px;
  height: 84px;
  display: flex;
  align-items: center;
}


.nav .cli{
  background-color: #1A3684;
  color: #fff;
}

.indexabout{
  background: url(../images/bg.jpg) top center no-repeat;
  padding-top: 60px;
}
.qclist{
  background: url(../images/csbg.png) top center no-repeat;
  width: 100%;
  height: 680px;
  display: flex;
}
.qcshow{
  background: url(../images/tm1.png) repeat;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  font-size: 20px;
  border-left: 1px solid #fff;
}
.qcshow:first-child{
  border-left: 0px;
}
.gcal{
  background-color: #fff;
  position: relative;
}
.gcal .swiper-button-prev {
  top: 130px;
    left: -80px;
}
.gcal .swiper-button-next {
  top: 130px;
  right: -50px;
  background: none;
}
.gcal .swiper-button-prev::before{
  content: "";
  background: transparent;
  width: 50px;
  height: 50px;
  position: absolute;
  background: url("../images/left.png") center  no-repeat;
  background-image:url("../images/left.png") !important;
  background-size: 50px  50px;
  border-radius: 50px;
}
.gcal .swiper-button-prev{
  background-image:none !important;
}

.gcal .swiper-button-next::before{
  content: "";
  background: transparent;
  width: 50px;
  height: 50px;
  position: absolute;
  background: url("../images/right.png")  center  no-repeat;
  background-size: 50px  50px;
  border-radius: 50px;
}
.gcbg{
  background: url(../images/gcbg.png) right bottom no-repeat;
}
.indexnewsa{
  display: flex;flex-direction: column;flex:0 33%;padding:0 42px;
  background: url(../images/douhao.png)  370px top no-repeat;
  border-right: 1px solid #CCCCCC;
}
.indexnewsa:last-child{
  border-right: 0px;
}
.abouttile{
  font-size: 46px;
  color: #2666AD;
  text-align: center;
 
  font-family: "黑体";
}
.aboutsuntile{
  font-size: 24px;
  color: #313131;
  text-align: center;
  margin-top: 15px;
  font-family: "黑体";
 
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.aboutsuntile div{
  display: flex;
  background-color: #1A3684;
  height: 35px;
  align-items: center;
  align-self: center;
  padding: 0 10px;
}
.aboutcon{
  color: #585858;
  font-size: 16px;
  line-height: 26px;
  margin-top: 60px;
}

.abqian{
  border: 15px solid #E9EDF1;
  border-radius: 345px;
}

.indexcp{
  background: url(../images/tm.png) repeat;
  position: absolute;
  height: 46px;
  width: 100%;
  bottom: 0px;
  text-align: center;
  line-height: 46px;
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
}

.serv{
  color: #333333;
  font-size: 22px;
  position: relative;
}
.serv div:nth-of-type(1){
  margin-right: 10px;
}


.sertop{
  background:#F7F5EF;border:1px solid #E4DCC7;margin-top: -40px;height: 80px;
}
.sertop a{
  position: relative;
}

.sertop a::before{
  content: "";
  background: #DCD1B6;
  height: 30px;
  width: 1px;
  left: 0px;
  display: inline-block;
  position: absolute;
}
.sertop a:nth-of-type(1)::before{
  display: none;
}

.long{
  background: url(../images/long.png) no-repeat;
  background-position: right 20px;
  
}
.hr40{
  height: 40px;
  clear: both;
  width: 100%;
}

.indexnews{
  width: 650px; height: 500px;
  position: relative;
}
.indexnews .swiper-slide img{
  width:100%;
  height:auto;
  min-height:100%;
  transition:1s linear 2s;
  transform:scale(1.1,1.1);
  }
  .indexnews .swiper-slide-active img,.swiper-slide-duplicate-active img{
  transition:6s linear;
  transform:scale(1,1);
  }	
  .tm{
    background: url(../images/tm.png) repeat;
    width: 100%;
    height: 55px;
    position: absolute;
    z-index: 999;
    bottom: 0px;
    display: flex;
    padding-left: 10px;
  }
  .tm1{
    width: 100%;
    height: 55px;
    position: absolute;
    z-index: 999;
    bottom: 0px;
    display: flex;
    justify-content: flex-end;
  }
  .tm1 .swiper-pagination-bullet{
    background-color: #fff;
    opacity: 1;
    margin-right: 10px;
    width: 13px;
    height: 13px;
  }

  .tm1 .swiper-pagination-bullet-active{
    background-color: #CC0000 !important;
    opacity: 1;
  }
  .tm1 .swiper-pagination{
    height: 55px;
    display: flex;
    align-items: center;
  }
  .jianjie{
    font-size: 18px;
    font-weight: bold;
    position: absolute;z-index: 9999;width: 510px;bottom: 0px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;height: 55px; line-height: 55px; color: #fff;
  }

  .indexnewstop{
    height: 75px;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
  }
  .indexnewstop::before{
    content: "";
    width: 130px;
    height: 2px;
    background-color: #B69B87;
    position: absolute;
    bottom: 0px;
  }
  .ml30{
    margin-left: 30px;
  }
  .indexnewstop .selfcenter{
    color: #333333;
    font-size: 28px;
    font-weight: bold;
  }
  .indexnewstop a{
    color: #8D2C2D;
    font-size: 14px;
    font-weight: lighter;
  }
  .newsriqi{
    width: 75px;
    height: 78px;
    border:1px solid #E3E1DB;
  }
  .newstopri{
    font-size: 30px;
    display: flex;
    color: #666666;
    width: 100%;
    position: relative;
  }


  .newstopyue{
    height: 28px;color:#666666;font-size: 12px;width: 100%;display: flex;
    position: relative;
  }
  .newstoptitle{
   color:#333333;
   font-size: 18px;
   font-weight: bold;
   height: 45px;
   align-items: center;
   line-height: 45px;
   white-space: nowrap;overflow: hidden; text-overflow: ellipsis;
   width: 600px;
  }
  .newscontext{
    color:#666666;
    font-size: 14px;
    white-space: nowrap;overflow: hidden; text-overflow: ellipsis;
    width: 600px;
   }
   .indexnewslist{
    padding: 14px 0;
    border-bottom: 1px solid #D8D6CD;
   }

   .indexnewslist:hover .newstopri,.indexnewslist:hover .newstopyue{
    color: #fff;
   }
   .indexnewslist span{
    position: absolute;
    z-index: 999;
   }
   
   .indexnewslist .newstopri::after{
    content: "";
    top: 0;
    width: 100%;
    position: absolute;
    background-color: #fff;
    transition:0.2s;
    height: 0px;
   
   }
 
   .indexnewslist:hover .newstopri::after{
    content: "";
    top: 0;
    width: 100%;
    position: absolute;
    background-color: #CB3737;
    transition:0.2s;
    height: 100%;
   }

   .indexnewslist .newstopyue::after{
    content: "";
    bottom: 0;
    width: 100%;
    position: absolute;
    background-color: #fff;
    transition:0.3s;
    height: 0px;
   
   }


   .indexnewslist:hover .newstopyue::after{
    content: "";
    bottom: 0;
    width: 100%;
    position: absolute;
    background-color: #C6A268;
    transition:0.3s;
    height: 100%;
   }
 
   .tskslist{
    background: url(../images/ksbg.png) no-repeat top center;
   }
   .tsks{
    height: 520px;
    overflow: hidden;
    margin-top: 30px;
   }
.tsks .swiper-button-prev {
  top: 210px;
    left: -80px;
}
.tsks .swiper-button-next {
  top: 210px;
  right: -50px;
  background: none;
}
.tsks .swiper-button-prev::before{
  content: "";
  background: #F87878;
  width: 37px;
  height: 88px;
  position: absolute;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #F87878 center  no-repeat;
  background-size: 23px  23px;
}

.tsks .swiper-button-next::before{
  content: "";
  background: #F87878;
  width: 37px;
  height: 88px;
  position: absolute;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #F87878 center  no-repeat;
  background-size: 23px  23px;
}

.kstitle{
  writing-mode: vertical-lr;
  color: #FFFFFF;
  font-size: 26px;
  height: 100%;
  text-orientation: upright;
}
.kscontent{
  writing-mode: vertical-lr;
  color: #FFFFFF;
  font-size: 16px;
  text-orientation: upright;
}
.ckgd{
  writing-mode: vertical-lr;
  color: #FFFFFF;
  font-size: 14px;
  display: flex;
  align-self: flex-end;
}
.ckgd::after{
  content: "";
  height: 80px;
  width: 1px;
  background: #fff;
  align-self: center;
  margin-top: 10px;
}
.tskscont{
  padding: 38px 30px 0 30px;
  height: 100%;
}
.kscontent{
  height: 400px;
  padding-left: 30px;
  line-height: 28px;
}
.flexwarp{
  display: flex;flex-wrap: wrap;
  justify-content:space-between;
}
.kelist{
  flex:0 203px;
  height: 49px;
  border:1px solid #CCCCCC;
  border-radius: 5px;
  line-height: 49px;
  text-align: center;
  color: #333333;
  font-size: 18px;
  margin-top: 28px;
}
.kelist a{
  display: block;
}

.zjlist{
  background: url(../images/zjbg.png) center no-repeat;
}

.zj {
  width: 100%;
  height: 100%;
}

.zj .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.hj {
  width: 100%;
  height: 100%;
}

.hjpage{
  display: flex;
  width: 100%;
  justify-content: center;
}
.hjpage .swiper-pagination-bullet-active{
  background-color: #0066CC !important;
}

.hjpage .swiper-pagination-bullet{
  width: 14px;
  height: 14px;
  background-color: #C72D32;
  opacity: 1;
  margin:0 3px;
}
.lhzd{
  background-color: #0048A9;height:90px;text-align: center;line-height: 90px;color: #fff;
}
.hj a:hover .lhzd{
  background-color: #C72D32;
}
.zjpage{
  display: flex;
  width: 100%;
  justify-content: center;
}
.zjpage .swiper-pagination-bullet-active{
  background-color: #CC9900 !important;
}

.zjpage .swiper-pagination-bullet{
  width: 16px;
  height: 16px;
  background-color: #fff;
  opacity: 1;
  margin:0 3px;
}
.zjcontent{
  position: relative;
}

.zjtitle{
  position: absolute;
  width: 100%;
  height: 70px;
  background-color: #C1AC8F;
  bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #FFFFFF;
}

.zjti1{
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin-left: 16px;

}
.zjti2{
  font-size: 14px;
  margin-left: 16px;
  text-align: left;
  margin-top: 5px;
}
.zjcontent:hover::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/tm.png) repeat;

} 
.zjcontent:hover .zjtitle{
  background-color: #AF9570;
}
.zjcontent:hover .zjxq{
  display: block;
}
.zjxq{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  color: #fff;
  padding: 50px 30px;
  display: none;
}
.zjxq1{
  position: relative;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #554E4A;
  height: 42px;
  line-height: 42px;
}
.zjxq1::before{
  content: "";
  position: absolute;
  width: 60px;
  height: 1px;
  background-color: #FFCC00;
  bottom: 0px;
}
.zjxq2{
  color: #FFFFFF;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  margin-top: 20px;
}

.foot{
  height: 340px;
  width: 100%;
  background: url(../images/footbg.png) repeat-x;
}
.foonava{
  color: #FFFFFF;
  font-size: 16px;
  position: relative;
  height: 40px;
}
.foonavad a{
  color: #fff;
  font-size: 14px;
  margin-right: 25px;
}
.foonavad{
  margin: 20px 0;
}
.foonava::after{
  content: "";
  position: absolute;
  height: 2px;
  width: 30px;
  background-color: #E29400;
  bottom: 0px;
  left: 0px;
}

.footlink{
  height: 245px;border-right: 1px solid #FFFFFF;justify-content: center;
  padding: 25px 75px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footlink a{
  color: #fff;
  font-size: 16px;
  color: #FFFFFF;

}
.footname{
  color: #FFFFFF;font-size: 24px;font-weight: bold;
  margin-bottom: 35px;
}
.footmain{
  margin-left: 75px;
}
.foottext{
  color: #fff;
  font-size: 16px;
  height: 35px;
  margin-right: 15px;
}
.foottext img{
  margin-right: 10px;
}

.suntop{
  background: url(../images/ej.png) center no-repeat;
  height: 200px;
  font-size: 36px;
  font-weight: bold;
  color: #166A79;
  text-align: center;
  line-height: 200px;
}

.ab1{
  flex:1;
  background-color: #8E1D1F;
  height: 176px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.ab1 span{
  margin-top: 8px;
  text-align: center;
}

.ab2{
  flex:1;
  background-color: #176A7A;
  height: 176px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.ab2 span{
  margin-top: 8px;
  text-align: center;
}

.ab3{
  flex:1;
  background-color: #477F8A;
  height: 176px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.ab3 span{
  margin-top: 8px;
  text-align: center;
}

.w1560{
  width: 1560px;
}
.hjalist{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.hjalist a{
  flex: 0 500px;
  margin-top: 30px;
}

.kscate{
  background: #F8F8F8;
  padding: 30px 30px 0 30px;
  font-size: 16px;
  color: #999999;
}
.kscate1{
  margin-left: 20px;
  flex: 1;
}

.kscate1 a{
  margin-right: 40px;
  position: relative;
  height: 34px;
  display: inline-block;
  margin-bottom: 25px;
}
.kscate1 .cli{
  color: #166A79;

}
.kscate1 .cli::after{
  content: "";
  width: 100%;
  height: 4px;
  background-color: #166A79;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.ksjjcon{
  flex: 1;
  padding: 30px;
}

.ksjjcontop{
  box-shadow: -0.5px -0.5px 2px 2px rgba( 0, 0, 0,.08 );
}

.ksjjcon1{
  font-size: 22px;
  color: #333333;
}

.ksjjcon2{
  font-size: 16px;
  color: #333333;
  flex:1;
  margin-top: 20px;
  line-height: 28px;
}
.ksjjcon3{
  display: flex;
  justify-content: flex-end;
}
.ksjjcon3 a{
  width: 105px;
  height: 30px;
  display: inline-block;
  border:1px solid #DDDDDD;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  border-radius: 30px;
}
.zjtplist{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.zjtplidem{
  flex:0 200px;
  border: 1px solid #E4E4E4;
  padding: 20px;
}
.zjname{
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #E4E4E4;
}
.zjname div:first-of-type{
  color: #176B7A;
  font-size: 18px;
}

.zjname div:last-of-type{
  color: #999999;
  font-size: 14px;

}
.zjks{
  font-size: 14px;
  color: #444444;
  text-align: center;
  margin-top: 15px;
}
.lxwm{
  background: url(../images/lx5.png) right no-repeat;
}

.w300{
  width: 300px;
}

.lar{
  color: #333333;
  font-size: 16px;
}

.lar img{
  margin-right: 20px;
}

.zjlblist{
  display: flex;
  flex-wrap: wrap;
 
  
}

.zjlblist .zjcontent{
  width: 322px;
  margin: 0 34px;
  margin-bottom: 60px;
}


.sunbanner{
  background: url(../images/banners.png?1) center no-repeat;
  height: 520px;
  width: 100%;
}

.snav{
  background-color: #F7F7F7;
  height: 64px;
  width: 100%;
  border-bottom: 1px solid #DEDEDE;
}

.anlistwap{
  color: #666666;font-size: 18px;border:1px solid #CCCCCC;text-align: center;
  flex:1;
  margin: 0 .5em;
  height: 2.2em;
  line-height: 2.2em;
  border-radius: 2.2em;
}

.anlist{
  display: inline-block;width: 160px;height: 46px;color: #666666;font-size: 18px;border:1px solid #CCCCCC;border-radius: 46px;line-height: 46px;text-align: center;

  margin: 0 15px;
}

.clilink{
  background-color: #064EA2;
  color: #fff;
  border:1px solid #064EA2;
}

.icons{
  height: 41px;
  width: 34px;
  background: url(../images/newsico.png) no-repeat;
  display: flex;
  margin:0 18px;
}
.newtitle{
  font-size: 18px;
  color: #333333;
}
.riq{
  color: #166A79;font-size: 24px;
  position: relative;
  height: 35px;
}
.riq::after{
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #999999;
  right: 0;
  bottom: 0;
}
.alnewsb:last-child{
  border-bottom:1px dotted #D6D6D6;
}
.alnewsb{
  display: flex;padding: 25px 0;
  border-top:1px dotted #D6D6D6;
}
.alnewsb:hover{
  box-shadow: 2px 2px 5px #eeeeee, -2px -2px 5px #eeeeee;
}
.alnewsb:hover .newtitle{
  color: #166A79;
}
.alnewsb:hover .icons{
  background-position:-34px 0;
}

.boxnewslist{
  border-bottom: 1px dashed #CCCCCC ;
  padding: 40px 0;
}
.boxnewslist .boxlink{
  color: #535353;
  font-size: 13px;
  display: flex;
}
.boxnewslist .boxlink::before{
  width: 15px;
  height: 2px;
  background-color: #EF8E17;
  content: "";
  display: inline-block;
  align-self: center;
  margin-right: 5px;
}
.boxnewslist .boxtitle{
  color: #333333;
  font-size: 18px;
  margin-top: 25px;
  margin-left: 20px;
}
.boxnewslist .boxdate{
  color: #535353;
  font-size: 13px;
  margin: 10px 0;
  margin-left: 20px;
}
.boxnewslist .boxcont{
  font-size: 14px;
  color: #7B7B7B;
  line-height: 22px;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-left: 20px;
}

.abouttop{
  background: url(../images/jjbg.jpg) bottom center no-repeat;
  height: 590px;
  width: 100%;
}
.abouttop1{
  background: url(../images/nxbj.jpg) bottom center no-repeat;
  height: 371px;
  width: 100%;
}
.asbgs{
  justify-content: center;
  height: 100%;
}
.asb1{
  background: url(../images/tis.png) left no-repeat;
  height: 251px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self:center;
}

.asb2{
  background: url(../images/tis.png) right no-repeat;
  height: 251px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #fff;
  align-self:center;
}

.showtitle{
  border-bottom: 1px solid #CCCCCC;
  color: #333333;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  min-height: 125px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.showcontent{
 color: #333333;font-size: 18px; line-height: 34px;
}


.indexxmcli{
  background-color: #EEEEEE;flex:1;color: #666666;font-size: 20px;text-align: center;height: 43px;border-radius: 5px;line-height: 43px;margin-left: 10px;
  cursor: pointer;
}
.indexxiangmu{
  background-color: #C72D32;
  color:#fff
}
.indexxmshow{
  white-space: pre-line;color: #333333;font-size: 16px;line-height: 42px;
  padding: 0 20px;
  padding-top: 40px;
}





/*手机导航开始*/
#m_header{ display:none; height:4.5rem; position:fixed; top:0; width:100%; z-index:996; transition:0s 1.5s; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}
#m_header .m{ position:relative; height:100%;}
.m_user{ height:4.5rem; line-height: 4.5rem; margin-right: 4rem; color: #999;}
.m_user a{ display: inline-block; margin: 0 .625rem; color: #666;}
.m_user a svg{ width: 16px;}
.m_user a:hover{ color: #ff0000;}
.m_user a:hover svg path{ fill: #ff0000;}
#m_logo{ transition:0s 1.5s; height:100%; visibility:visible; float: left;}
#m_logo img{ display:block; max-height: 30px; }
/*导航按钮开始*/
/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:1001; margin-left:20px; position:fixed; height:4.5rem; right:0; top: 0; display:none; }
#nav_btn_box .m{ height: 100%; display: flex; align-items: center;}
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{background: #a0a0a0;}
#nav_btn{ cursor: pointer; text-align: center;z-index:99999; padding-bottom:4px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;/* background: #333; */}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 3px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #999;}
.ny #nav_btn .navbtn::after,
.ny #nav_btn .navbtn::before{ background: #999;}
#nav_btn .navbtn::after{top: -5px;}
#nav_btn .navbtn::before{top: 5px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
/*导航按钮结束*/
.m_nav_list{/* flex-direction:column; *//* justify-content: flex-start; */width:100%;/* overflow: auto; */}
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav {
    z-index: -1;
    position: fixed;
    background: #f7f7f7;
    width: 100%;
    height:100vh;
    right: 0;
    top: 0;
    display:none;
    padding:50px 0;
    overflow:hidden;
    pointer-events: none;
    transition: opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: block;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
}
#m_nav::-webkit-scrollbar{ display: none;}
#m_nav.act{pointer-events: auto;top:0; visibility: visible; opacity: 1;z-index: 1000;}
#m_nav>ul>li{width: 80%;overflow:hidden; margin: 0 auto;}
#m_nav>ul>li+li{border-top: 1px solid rgb(111 111 111 / 10%);}
#m_nav li .a{  }
#m_nav li .a h3{line-height:4.5rem;height:4.5rem;color: #3d3d3d;padding:0;font-size:1.25rem;float:left; font-weight: bold;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{opacity:1;filter:alpha(opacity=100);display:inline-block;width: 16px;height:4.5rem;float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1.125rem;color: #666;text-align:left;line-height:35px;height: 35px;border:0; }
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}

#toolbar {position: fixed;bottom: 0;width: 100%;z-index: 888;left: 0;background: #0B3977; }


#toolbar .list {

	width: 100%;

	max-width: 640px;

	min-width: 320px;

	margin: 0 auto;

	background: #dc0000;

}

#toolbar .list li {float: left;width: 25%;  text-align: center;border-left: 0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}

#toolbar .list li:first-child {}

#toolbar .list a {font-size: 14px;height: 64px;display: flex;flex-direction: column;align-items: center;justify-content: center;}

#toolbar .list a span {text-align: center;color: #fff;display: block;font-size: 14px;}

#toolbar .list a s {margin-left: auto;margin-right: auto;display: block;}

#toolbar .list li:nth-child(2) s {

background-position: -.0rem -.2rem;

}

#toolbar .list li:nth-child(3) s {

background-position: -.38rem -.2rem;

}

#toolbar .list li:nth-child(4) s {

background-position: -1.2rem -.2rem;

width:.34rem;

height:.34rem;

}

#toolbar .list li:hover {

	background: #ffffff;

}
#toolbar .list li svg path{ fill: #fff;}

.inyw{
  font-size: 1em;color: #333333;
  position: relative;
  padding-bottom: 1em;
  margin-bottom: .6em;
}
.inyw::after{
  position: absolute;
  content: "";
  width: 5em;
  height: 1px;
  background-color: #FF9C00;
  bottom: 0px;
  left: 0px;
}
.albg{
  background: url(../images/abbg.png)  no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  height: 22em;
  justify-content: center;
  margin-top: 2em;
}
.alimg{
  flex:1;display: flex;flex-direction: column;justify-content: center;align-items: center;
  color: #fff;
}
.alimg img{
  width: 20%;
}
.alimg div{
  margin: 1em 0;
}

.indexcatitle{
  flex:1;align-self: center;font-size: 2.4em;color: #004098;font-weight: bold;
  position: relative;
  padding-bottom: .8em;
}
.indexcatitle::after{
  position: absolute;
  content: "";
  width: 2em;
  height: 2px;
  background-color: #C72D32;
  bottom: 0px;
  left: 50%;
  margin-left: -1em;
}

.hjpagewap{
  display: flex;
  width: 100%;
  justify-content: center;
  position: relative !important;
  margin-top: 1em;
}
.hjpagewap .swiper-pagination-bullet-active{
  background-color: #0066CC !important;
}

.hjpagewap .swiper-pagination-bullet{
  width: 1em !important;
  height: 1em !important;
  border-radius: 1em !important;
  background-color: #C72D32;
  opacity: 1;
  margin:0 3px;
}


.indexxmcliwap{
  background-color: #EEEEEE;flex:1;color: #666666;text-align: center;
  height: 2.5em;
  line-height: 2.5em;
  margin:0 .5em ;
  cursor: pointer;
  border-radius: .2em;
}
.indexxiangmuwap{
  background-color: #C72D32;
  color:#fff
}
.indexxmshowwap{
  white-space: pre-line;color: #333333;font-size: 1.3em;line-height: 1.9em;
  padding: 0 1em;
  padding-top: 1em;
}


.boxwap{
  width: 100%;
}