a:hover{text-decoration:unset}
ul{list-style: none;padding: 0;margin: 0;}
html{font-size: 1vw;}
body{
  font-family: "PingFang SC", "Microsoft YaHei", "STSong", "SimSun", Arial, sans-serif;
}

@media screen and (max-width: 575px) {
  html{font-size: calc(1vw * 10);}
  body{font-size: 1vw;}
}
@media screen and (min-width: 576px) {
  html{font-size: 50px;}
  body{font-size: 5px;}
}
@media screen and (min-width: 768px) {
  html{font-size: 65px;}
  body{font-size: 6.5px;}
}
@media screen and (min-width: 992px) {
  html{font-size: 80px;}
  body{font-size: 8px;}
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 900px;
  }
}
@media screen and (min-width: 1200px) {
  html{font-size: 100px;}
  body{font-size: 10px;}
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1000px;
  }
}
@media screen and (min-width: 1500px) {
  html{font-size: 100px;}
  body{font-size: 10px;}
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1100px;
  }
}
@media screen and (min-width: 1600px) {
  html{font-size: 125px;}
  body{font-size: 12.5px;}
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1400px;
  }
}

/* header */
.header_pc{
  background-color: #fff;
  padding: .08rem 0;
  box-shadow: 0px 0px 10px 0px #ccc;
  position: sticky;
  top: 0;
  z-index: 998;
}
.header_pc>.container{
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header_pc>.container>.logo{
  display: block;
  width: .96rem;
}
.header_pc>.container>.logo>img{
  width: 100%;
}
.header_pc>.container>.header_nav{
  display: flex;
  align-items: center;
}
.header_pc>.container>.header_nav>li{
  padding: 0 .16rem;
  position: relative;
}
.header_pc>.container>.header_nav>li::after{
  content: '';
  display: block;
  width: 1px;
  height: .224rem;
  background-color: #D8D8D8;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.header_pc>.container>.header_nav>li:first-child{
  padding-left: 0;
}
.header_pc>.container>.header_nav>li:last-child{
  padding-right: 0;
}
.header_pc>.container>.header_nav>li:last-child::after{
  display: none;
}

.header_pc>.container>.header_nav>li>a{
  display: block;
  border-radius: 4px;
  font-size: .176rem;
  color: #303030;
}
.header_pc>.container>.header_nav>li>a:hover{
  color: #3D90D7;
}
.header_pc>.container>.header_nav>li.active>a{
  padding: .064rem .12rem;
  color: #fff;
  background-color: #3D90D7;
}
.header_pc>.container>.line_box{
  display: none;
}

.nav_md_mask{
  display: none;
}
.nav_md{
  display: none;
}

/* footer */
.footer_pc{
  margin-top: .8rem;
  background-color: #6E7077;
  padding-bottom: .2rem;
  padding-top: .32rem;
}
.footer_pc>div>.nav_box{
  display: flex;
  justify-content: space-between;
}
.footer_pc>div>.nav_box.no_wechat{
  justify-content: space-around;
}
.footer_pc>div>.nav_box>.nav_footer_b{
  width: 66%;
  text-align: center;
  display: flex;
}
.footer_pc>div>.nav_box>.nav_footer_b>li{
  flex: 1;
  position: relative;
}
.footer_pc>div>.nav_box>.nav_footer_b>li>a{
  display: block;
  font-size: .144rem;
  color: #fff;
  padding: .12rem 0;
}
.title_box>div>div>.title_right>a:hover{
  color: #3D90D7;
}
.footer_pc>div>.nav_box>.nav_footer_b>li>a:hover{
  color: #3D90D7;
}
.footer_pc>div>.nav_box>.nav_footer_b>li>.nav_footer_s{
  /* position: absolute; */
  width: 100%;
}
.footer_pc>div>.nav_box>.nav_footer_b>li>.nav_footer_s>li{

}
.footer_pc>div>.nav_box>.nav_footer_b>li>.nav_footer_s>li>a{
  display: block;
  padding: .04rem 0;
  font-size: .112rem;
  color: #B7BFD2;
}
.footer_pc>div>.nav_box>.nav_footer_b>li>.nav_footer_s>li>a:hover{
  color: #3D90D7;
}
/* wechat */
.footer_pc>div>.nav_box>.wechat{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: .04rem;
}
.footer_pc>div>.nav_box>.wechat>img{
  width: 1.2rem;
  height: 1.2rem;
  margin-bottom: .12rem;
}
.footer_pc>div>.nav_box>.wechat>p{
  width: 100%;
  margin: 0;
  font-size: .112rem;
  text-align: center;
  color: #fff;
}
.footer_pc>div>.cop{
  font-size: .112rem;
  text-align: center;
  color: #fff;
  margin: 0;
  margin-top: .48rem;
}




/* 移动端 */
/* @media screen and (max-width: 1499px){
  .topImg{
    height: 300px;
  }
}
@media screen and (max-width: 1199px){
  .topImg{
    height: 250px;
  }
}
@media screen and (max-width: 991px){
  .topImg{
    height: 200px;
  }
} */
@media screen and (max-width: 767px){
  .header_pc{
    padding: .3623rem;
    padding-right: .4831rem;
    /* transition: background-color .5s; */
  }
  .header_pc>.container>.logo{
    width: 2.0531rem;
  }
  .header_pc>.container>.header_nav{
    display: none;
  }
  .header_pc>.container>.line_box{
    width: .7971rem;
    display: block;
    position: relative;
  }
  .header_pc>.container>.line_box>.line{
    width: 100%;
    height: .5797rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .header_pc>.container>.line_box>.line>div{
    width: .7971rem;
    height: .0725rem;
    background-color: #3D90D7;
    border-radius: 1rem;
    transition: all .5s;
  }

  /* 导航 */
  .nav_md_mask{
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
  }
  .nav_md{
    display: block;
    width: 90vw;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    box-sizing: border-box;
    padding: .3623rem 0;
    background-color: #fff;
    transform: translateX(-100%);
  }
  .nav_md>.top_logo{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .3623rem;
    padding-bottom: .3623rem;
    border-bottom: solid 1px #bbb;
  }
  .nav_md>.top_logo>a>img{
    width: 2.0531rem;
  }
  .nav_md>.top_logo>.close_md{
    width: .7246rem;
    height: .7246rem;
  }
  .nav_md>.mainNav{

  }
  .nav_md>.mainNav>li{
    padding: .3623rem .4831rem;
    border-bottom: solid 1px #bbb;
  }
  .nav_md>.mainNav>li>.title_row{
    position: relative;
  }
  .nav_md>.mainNav>li.fold>.title_row::after{
    content: '';
    display: block;
    width: .2415rem;
    height: .2415rem;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%) rotate(45deg);
  }
  .nav_md>.mainNav>li.fold.open>.title_row::after{
    transform: translateY(-50%) rotate(135deg);
  }
  .nav_md>.mainNav>li>.title_row>a{
    font-size: .4831rem;
    color: #000;
  }

  .nav_md>.mainNav>li.fold>.s_nav{
    margin-top: .3623rem;
    display: none;
  }
  .nav_md>.mainNav>li.fold.open>.s_nav{
    display: block;
  }
  .nav_md>.mainNav>li.fold>.s_nav>li{
    padding: .2899rem .3623rem;
    padding-right: 0;
    /* border-bottom: solid 1px #bbb; */
  }
  .nav_md>.mainNav>li.fold>.s_nav>li>.s_title_row{
    position: relative;
  }
  .nav_md>.mainNav>li.fold>.s_nav>li>.s_title_row>a{
    font-size: .3865rem;
    color: #000;
  }
  .nav_md>.mainNav>li>.s_nav>li.fold>.s_title_row::after{
    content: '';
    display: block;
    width: .2415rem;
    height: .2415rem;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%) rotate(45deg);
  }
  .nav_md>.mainNav>li>.s_nav>li.fold.open>.s_title_row::after{
    transform: translateY(-50%) rotate(135deg);
  }

  .nav_md>.mainNav>li>.s_nav>li>.ss_nav{
    display: none;
    margin-top: .3623rem;
  }
  .nav_md>.mainNav>li>.s_nav>li.open>.ss_nav{
    display: block;
  }
  .nav_md>.mainNav>li>.s_nav>li>.ss_nav>li{
    padding: .2899rem .3623rem;
  }
  .nav_md>.mainNav>li>.s_nav>li>.ss_nav>li>a{
    font-size: .3865rem;
    color: #000;
  }






  

  /* footer */
  .footer_pc{
    margin-top: 1.4493rem;
    padding-top: .9662rem;
    padding-bottom: .4831rem;
  }
  .footer_pc>div>.nav_box{
    flex-wrap: wrap;
  }
  .footer_pc>div>.nav_box>.nav_footer_b{
    width: 100%;
    flex-wrap: wrap;
  }
  .footer_pc>div>.nav_box>.nav_footer_b>li{
    width: 33%;
    flex: unset;
    margin-bottom: .7246rem;
  }
  .footer_pc>div>.nav_box>.nav_footer_b>li>a{
    font-size: .4348rem;
    padding: .314rem 0;
  }
  .footer_pc>div>.nav_box>.nav_footer_b>li>.nav_footer_s{
    position: unset;
  }
  .footer_pc>div>.nav_box>.nav_footer_b>li>.nav_footer_s>li>a{
    font-size: .3865rem;
    padding: .1208rem 0;
  }
  .footer_pc>div>.nav_box>.wechat{
    width: 100%;
    background: unset;
    display: flex;
    justify-content: space-around;
    margin-bottom: .7246rem;
  }
  .footer_pc>div>.nav_box>.wechat>.text{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
  }
  .footer_pc>div>.nav_box>.wechat>.text>div{
    margin: .1449rem 0;
    color: #fff;
    width: 100%;
    font-size: .3865rem;
  }
  .footer_pc>div>.nav_box>.wechat>.text>div.name{
    font-size: .4348rem;
  }
  .footer_pc>div>.nav_box>.wechat>img{
    width: auto;
    height: 3.8647rem;
    margin-bottom: .3623rem;
  }
  .footer_pc>div>.nav_box>.wechat>p{
    font-size: .3382rem;
  }
  .footer_pc>div>.cop{
    font-size: .314rem;
  }
}

