.clearfix:before, .clearfix:after { display: table; content: ''; }

.clearfix:after { clear: both; }
.headerfixed .head-info::before, .newsheader .head-info::before, .query .head-info::before{
  display: none!important;
}
img { display: block; max-width: 100%; }
.hidemobile{
  display: block;
}
.showtop{
  margin-top: 0;
}
.showmobile{
  display: none;
}
.down{
  display: none;
}
* { font-family:'cus'!important; box-sizing: border-box; margin: 0; padding: 0; }
.pagenavfixed{
  position: fixed;
  top: 1rem;
  z-index: 20;
}

/*jxzk字体*/
@font-face {
  font-family:'cus';
  src: url('./SourceHanSansSC-Regular.eot'); /*兼容IE9 字体*/
  src: url('./SourceHanSansSC-Regular.woff2') format('woff2'), /*最新主流浏览器支持 字体*/
       url('./SourceHanSansSC-Regular.woff') format('woff'), /*主流浏览器支持 字体*/
       url('./SourceHanSansSC-Regular.otf');   /*兼容老浏览器 字体*/
}
ul { list-style: none; }

html { font-size: 100px; }
@media only all and (min-width: 780px) {
  body, html{
    min-width: 1000px;
  }
}
@media only all and (max-width: 1450px) { html { font-size: 76px; } }

.wechartinfo { position: relative; border: 1px solid #fff; }

.wechartinfo .showchat { position: absolute; display: none; width: 99px; max-width: 99px; right: -18px; top: -10px; height: 99px; opacity: 0; transition: all 1s; }

.wechartinfo { cursor: pointer; }

.wechartinfo:hover .showchat { display: block !important; -webkit-animation: showani .5s ease-in forwards; animation: showani .5s ease-in forwards; }

@-webkit-keyframes showani { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes showani { 0% { opacity: 0; }
  100% { opacity: 1; } }

.com-baner { position: relative; }

.com-baner .banertext { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.com-baner .banertext .tips { font-size: .4rem; color: #dda000; font-style: italic; text-align: center; }

.com-baner .banertext .linetext { position: relative; font-size: .7rem; color: #fff; font-weight: bold; letter-spacing: .16rem; }

.com-baner .banertext .linetext::after, .com-baner .banertext .linetext::before { position: absolute; content: ''; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: .62rem; height: 4px; background-color: #fff; }

.com-baner .banertext .linetext::after { left: -1rem; -webkit-transform: skew(226deg, 360deg); transform: skew(226deg, 360deg); }

.com-baner .banertext .linetext::before { right: -1rem; -webkit-transform: skew(127deg, 360deg); transform: skew(127deg, 360deg); }

body, html { max-width: 1920px; margin: 0 auto; }

* { font-family: 'Arial'; color: #333; font-size: .12rem; }

.no-nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@font-face { font-family: 'BebasNeue'; src: url("../font/BebasNeue-1.woff"); }

@font-face { font-family: 'Techna'; src: url("../font/Techna-Sans-Regular-2.woff"); }

.container { max-width: 1400px; margin: 0 auto; }

a { text-decoration: none; }

.p { display: block; }

.f { display: none; }


@media only all and (max-width: 980px) { .header .nav-list .list .text { font-size: 12px !important; }
  .head-info .phoneinfo { font-size: 0.16rem !important; }
  .header .logo img { width: 1rem !important; } }

@media only all and (min-width: 768px) {
  .header .nav-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-left: 2.4rem!important;
  }
  .headerfixed .wechartinfo {
  }
  .headerfixed, .newsheader, .query { height: .99rem; background-color: #fff; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05); padding: 0 !important; padding-left: 0.36rem !important; }
  .headerfixed .logo, .newsheader .logo, .query .logo { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .headerfixed .logo .f, .newsheader .logo .f, .query .logo .f { display: block; }
  .headerfixed .logo .p, .newsheader .logo .p, .query .logo .p { display: none; }
  .headerfixed .text, .newsheader .text, .query .text { color: #4e4e4e !important; }
  .head-info .phoneinfo img{
    width: .2rem!important;
  }
  /* 测试 */
  .headerfixed .head-info, .newsheader .head-info, .query .head-info {
    background-image: url(../img/hederbg.png);
    padding-left: 1.1rem;
  }

  /* -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; */
  .header { position: fixed; top: 0; left: 0; z-index: 22; width: 100%; padding: .26rem .36rem; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: left!important; }

  .header .logo img { width: 2.4rem; }

  .header .nav-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .header .nav-list .list { position: relative; padding: 0 20px; }

  .header .nav-list .list:hover  a::after{
    position: absolute; content: ''; width: 100%; bottom: -4px; left: 0; border-bottom: solid 4px #dda000;
  }
  .header .nav-list .list.active a::after { position: absolute; content: ''; width: 100%; bottom: -4px; left: 0; border-bottom: solid 4px #dda000; }

  .header .nav-list .list .text { position: relative; display: inline-block; font-size: .18rem; font-weight: bold; color: #fff; padding: 10px 0; }

  .header .nav-list .list .text::before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; border: solid 1px rgba(255, 255, 255, 0.6); opacity: 0; transition: all 0.2s ease-out; }

  /* .header .nav-list .list:hover .text { color: rgba(255, 255, 255, 0.692); } */

  /* .header .nav-list .list:hover .text::before { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 1; border-radius: 4px; background-color: rgba(0, 0, 0, 0.05); } */

  .head-info {     display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    padding-right: 20px;
  }

  .head-info > div { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .head-info .phoneinfo { color: #fff; font-size: .22rem; }

  .head-info .phoneinfo img { width: .3rem; margin-right: .08rem; }

  .head-info .wechartinfo {  border: 1px solid #fff; padding: .09rem; border-radius: 100%; margin-left: .35rem; }

  .footer { padding: .52rem 0 .3rem; background-color: #6b6b6b; }

  .footer .footerinfo { padding-bottom: 1.12rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

  .footer .footerinfo > div span { font-size: .16rem; color: #ffffff; }

  .footer .footerinfo > div p { font-size: .14rem; color: #ffffff; margin-top: .18rem; }

  .footer .footerinfo > div p a { font-size: .14rem; color: #ffffff; }

  .footer .footerinfo > div .switchbox { display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 2px solid #7a7a7a; margin-bottom: .14rem; }

  .footer .footerinfo > div .switchbox span { padding: .16rem; }

  .footer .footerinfo > div .switchbox .active { position: relative; }

  .footer .footerinfo > div .switchbox .active::before { position: absolute; content: ''; width: 100%; left: 0; bottom: -2px; border-bottom: 2px solid #fff; }

  .footer .footerinfo > div .switchboxcont img { display: none; }

  .footer .footerinfo > div .switchboxcont img:first-child { display: block; }

  .footer .registerinfo { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .footer .registerinfo p { font-size: .14rem; color: #ffffff; display: flex}

  .footer .registerinfo span { font-size: .12rem; color: #cccccc; }

  .foot-menu { width: 740px; font-size: 0; }

  .foot-menu .menu-list { display: inline-block; vertical-align: top; width: 65%; margin-bottom: 30px; }

  .foot-menu .menu-list:nth-child(odd) { width: 35%; }

  .foot-menu .menu-list .title { font-size: 16px; line-height: 18px; margin-bottom: 15px; font-weight: bold; color: #fff; }

  .foot-menu .menu-list .list { font-size: 18px; line-height: 20px; font-weight: bold; margin-bottom: 10px; color: #999; }

  .foot-menu .menu-list a { display: inline-block; transition: all 0.4s; }

  .foot-menu .menu-list a:hover { color: #fff; }

  .menu-btn { display: none; }}

  @media only all and (max-width: 1600px) { .container { max-width: 1200px; } }

  @media only all and (max-width: 1400px) { .container { max-width: 1020px; } }

  @media only all and (max-width: 1200px) { .container { max-width: 700px; }
    .header .logo img { width: 2rem; }
    .header .nav-list .list { position: relative; padding: 0 0.15rem; }
    .submenu { top: 38px; }
    .header .nav { display: block; position: fixed; top: 0; left: 0; height: 100%; bottom: 0; width: 60%; background: #7c858d; box-shadow: 0px 10px 12px 0px rgba(9, 9, 9, 0.5); } }
  .paddtop{
  }

  @media only all and (max-width: 750px) {
    .messagebox{
      width: 100%;
      right: 0!important;
      top: 0!important;
    }
    .showmobile{
      display: block;
    }
    .links{
      font-size: .14rem;
    }
    .down{
      display: inline-block;
      color: #cccccc;
      margin-right: 20px;
      transform: rotate(
              90deg
      );
      font-style: inherit;
    }
    .on{
      transform: rotate(
              270deg
      );
    }
    .switchboxcont img{
      margin: 0 auto;
    }
    .footer .footerinfo > div .switchbox span img{
      margin: 0 auto;
    }
    .footer .footerinfo > div .switchbox .active{
      text-align: center;
    }
    .footer .footerinfo > div span{
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
    }
    .pagenavfixed{
      top: 59px;
    }
    .footer{
      padding-top: 20px!important;
    }

    .hidemobile{
      display: none;
    }
    html { font-size: 100px !important; }
    .wrap { padding-top: 50px; }
    .com-baner .banertext .tips { font-size: .24rem; letter-spacing: .02rem; }
    .com-baner .banertext .linetext { font-size: .24rem; letter-spacing: .02rem; }
    .com-baner .banertext .linetext::after { left: -0.8rem; }
    .com-baner .banertext .linetext::before { right: -0.8rem; }
    .header .logo img { width: 1.1rem; }
    .head-info { display: none; }
    .menu-btn { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; height: 26px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; margin-left: auto; position: relative; }
    .menu-btn.active span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
    .menu-btn.active span:nth-child(2) { display: none; }
    .menu-btn.active span:nth-child(1) { margin-bottom: 0; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transform-origin: 50%, 50%; transform-origin: 50%, 50%; }
    .menu-btn.active span:nth-child(3) { margin-bottom: 0; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform-origin: 50%, 50%; transform-origin: 50%, 50%; }
    .menu-btn span { display: block; width: 75%; height: 2px; background: #fff; border-radius: 2px; margin-bottom: 8px; }
    .menu-btn span:last-child { margin-bottom: 0; }
    .head-info { position: static; margin-top: 15px; height: 35px; }
    .header { position: fixed; top: 0; left: 0; width: 100%; padding: 10px 20px; z-index: 1000; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); }
    .header.active { background: #fff; }
    .header .logo-moblie { display: block; }
    .header .logo-moblie img { height: 35px; }
    .header .nav-list { display: none; }
    .menu-btn { width: 35px; }
    .menu-btn span { margin-bottom: 0px; }
    .header .nav-list { display: block; position: fixed; top: 0; left: -150%; height: 100%; bottom: 0; width: 60%; padding-top: 15px !important; background: #fff; box-shadow: 0px 10px 12px 0px rgba(9, 9, 9, 0.5); transition: left 0.6s; }
    .header .nav-list.active { left: 0; }
    .header .nav-list .list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 25px; }
    .header .nav-list .list .text { font-size: 16px; padding: 0 20px; color: #505050; }
    .header .nav-list .list a { padding: 10px 10px 10px 0; }
    .header .nav-list .list a img { width: 30px !important; height: 22px !important; object-fit: contain; }
    .header .nav-list .logo-list { display: none; }
    .footer .footerinfo > div p { margin-top: .1rem; }
    .showtop{
      margin-top: .1rem;
    }
    .footer .footerinfo { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 10px; }
    .footer .footerinfo > div { margin-bottom: 30px; width: 100%;}
    .footer .registerinfo { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; }
    .footer .registerinfo .copyright { margin: 20px 0; }
    .footer .registerinfo img { width: .8rem; } }

  /*# sourceMappingURL=../map/common.css.map */
  .wechartinfo { position: relative; border: 1px solid #fff; }
  .wechartinfo:hover{
    background-color: #ca8600;
    border-color:#ca8600!important;
  }
  .messagebox {
    display: none;
    position: fixed;   right: .3rem; top: 74px;
    padding: .27rem .33rem;
    padding-bottom: .5rem;
    z-index: 100000000;
    background-color: #fff;}
  .messagebox::after{
    position: absolute;
    content: '';
    width:0;
    height:0;
    top: -7.5px;
    right: 10px;
    border-right:15px solid transparent;
    border-left:15px solid transparent;
    border-bottom:15px solid #fff;
  }



  .wechartinfo { cursor: pointer;

  }
  .messagebox  h1{
    font-size: .2rem;
    color: #333333;
    margin-bottom: .17rem;
  }
  .messagebox .rows{
    position: relative;
    width: 3.17rem;
    padding: .14rem .09rem;
    background-color: #f2f2f2;
    margin-bottom: 12px;
    border-radius: 6px;
    overflow: hidden;

  }
  .messagebox .rows input,textarea{
    width: 100%;
    font-size: .16rem;
    color: #999999;
    outline: none;
    border: 0;
    resize:none;
    background-color: transparent;
  }
  .vercode .vercodeimg{
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height: 100%;
  }
  .vercode .vercodeimg img{
    width: 100%;
    height: 100%;
  }
  .submitmessage{
    width: 1.2rem;
    height: .52rem;
    line-height: .52rem;
    background-color: #dda000;
    color: #fff;
    font-size: .16rem;
    text-align: center;
    border-radius: 6px;
  }
  .closemessage{
    position: absolute;
    width: .48rem;
    height: .48rem;
    line-height: .40rem;
    border-radius: 100%;
    background-color: #dda000;
    border: 4px solid #fff;
    font-size: 20px;
    color: #fff;
    text-align: center;
    left: 50%;
    transform: translate(-50%,0) ;
    cursor: pointer;
    bottom: -0.24rem;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .closemessage img{

  }

  .footer .links,.linkes{
    font-size: .16rem;
    display: block;
    color: #ffffff;
  }
  .linkes{
    font-size: .14rem;
    margin-top:  .18rem;
  }
  .layui-layer-content{color: #fff;}