@charset "UTF-8";



@font-face{

  font-family: "din";

  src: url(../fonts/DINMittelschriftStd.ttf);

}

@font-face{

  font-family: "dinb";

  src: url(../fonts/DIN-Bold.otf);

}

@font-face{

  font-family: "akz";

  src: url(../fonts/AkzidenzGrotesk-Medium.ttf);

}

@font-face{

  font-family: "akz2";

  src: url(../fonts/AkzidenzGrotesk-MediumCondAlt.otf);

}

@font-face{

  font-family: "akz2";

  src: url(../fonts/AkzidenzGrotesk-Light.ttf);

}

@font-face{

  font-family: "akz3";

  src: url(../fonts/AkzidenzGrotesk-Light.ttf);

}

@font-face{

  font-family: "pf";

  src: url(../fonts/PingFangSC-Regular.ttf);

}

.fd::after {

  content: " ";

  display: block;

  clear: both;

}



.fd {

  zoom: 1;

}











.animated {

  animation-duration: 1s;

  animation-fill-mode: both;

}



.container, .wrap, .index-container, .foot-container, .drop-container {

  padding-right: 15px;

  padding-left: 15px;

  margin: 0 auto;

}





@media (min-width: 768px) {

  .container, .wrap, .index-container, .foot-container, .drop-container {

    padding-right: 0px;

    padding-left: 0px;

  }

.wrap, .container, .foot-container {

    width: 750px;

  }



}



@media (min-width: 992px) {

.index-container,.wrap, .container, .foot-container {

    width: 970px;

  }



}



@media (min-width: 1260px) {

  .index-container,.wrap, .container, .foot-container {

    width: 1150px;

  }

}



@media (min-width: 1460px) {

  .wrap{

    width: 1400px;

  }

  .container, .index-container,.foot-container{

    width: 1400px;

  }

}



@media (min-width: 1680px) {

  /* 底部*/

  .foot-container {

    width: 1600px;

  }

  /*  首页内容区 */

  .container {

    width: 1600px;

  }

  /* 头部 */

  .index-container {

    width: 1600px;

  }

 

}







/*app-头部*/



.ss2{

  float: right;

  width: 420px;

  height: 48px;

  border: 2px solid rgb(190, 188, 186);

  border-radius: 48px;

  margin-top: 47px;

  padding: 0 25px;

  position: absolute;

  right: 22%;

  top: -25px;

  display: none;



}



.ss3{

  width: 90%;

  display: block;

  position: static;

  float: none;

  margin: 0 auto;

}

.ss2:hover{

  border: 2px solid   #307cef;

}

.ss2 input{

  width: 90%;

  height: 100%;

  border: none;

  background: none;

  font-size: 14px;

  color: #333;

  font-family: "regular";

}

.ss2 button{

  float: right;

  width: 10%;

  height: 100%;

  border: none;

  background: none;

  /* background-image: url(../images/img2.png); */

  background-repeat: no-repeat;

  background-position: center;

}

.ss2 button img{

  width: 18px;

  height: 18px;

}







.header-app {

  background: #fff;

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 60px;

z-index: 1000;

  -webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

  -o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

  transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

}



.header-app.open-menu {

  height: 100%;

  background: #fff;

  -webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

  -o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

  transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

}



.navbar-app {

  position: relative;

  -webkit-box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);

  box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);

  height: 60px;

  text-align: center;

}



.header-app .logo {

  float: left;

  height: 60px;

  vertical-align: middle;

  padding: 10px 15px;

}



.header-app .logo img {

  height: 100%;

}



.navbar-togger {

  float: right;

  background: transparent;

  border: none;

  padding: 22px 15px;

  display: inline-block;

  visibility: visible;

  transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);

}



.navbar-togger .icon_bar {

  width: 24px;

  height: 2px;

  background-color: #000;

  opacity: 1;

  -webkit-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

}



.navbar-togger .icon_bar:nth-of-type(2) {

  margin: 5px 0;

}



.open-menu .navbar-togger .icon_bar:nth-of-type(2) {

  opacity: 0;

}



.open-menu .navbar-togger .icon_bar:first-child {

  -webkit-transform: translate(0, 7px) rotate(45deg);

  -ms-transform: translate(0, 7px) rotate(45deg);

  transform: translate(0, 7px) rotate(45deg);

}



.open-menu .navbar-togger .icon_bar:last-child {

  -webkit-transform: translate(0, -7px) rotate(-45deg);

  -ms-transform: translate(0, -7px) rotate(-45deg);

  transform: translate(0, -7px) rotate(-45deg);

}



.nav-menu {

  position: absolute;

  top: 60px;

  left: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  z-index: 620;

  padding: 20px 15px;

  overflow-x: hidden;

  overflow-y: auto;

  visibility: hidden;

  -webkit-transition: visibility 0s linear 1s;

  -o-transition: visibility 0s linear 1s;

  transition: visibility 0s linear 1s;

}



.header-app.open-menu .nav-menu {

  visibility: visible;

  -webkit-transition-delay: 0s;

  -o-transition-delay: 0s;

  transition-delay: 0s;

}



.nav-list li {

  opacity: 0;

  pointer-events: none;

}

.P_parent .cate-item{

  border-bottom: 1px solid  rgba(133, 131, 131, 0.5)!important;

}

.nav-list li.open {

  border-bottom: none;

}



.header-app.open-menu .nav-list li {

  opacity: 1;

  pointer-events: auto;

  -webkit-transform: none;

  -ms-transform: none;

  transform: none;

}



.nav-list li:nth-child(1) {

  -webkit-transform: translateY(-44px);

  -ms-transform: translateY(-44px);

  transform: translateY(-44px);

  transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s, -webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;

}



.header-app.open-menu .nav-list li:nth-child(1) {

  transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;

}



.nav-list li:nth-child(2) {

  -webkit-transform: translateY(-40px);

  -ms-transform: translateY(-40px);

  transform: translateY(-40px);

  transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;

}



.header-app.open-menu .nav-list li:nth-child(2) {

  transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s, transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s, -webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;

}



.nav-list li:nth-child(3) {

  -webkit-transform: translateY(-36px);

  -ms-transform: translateY(-36px);

  transform: translateY(-36px);

  transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;

}



.header-app.open-menu .nav-list li:nth-child(3) {

  transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s, transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s, -webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;

}



.nav-list li:nth-child(4) {

  -webkit-transform: translateY(-32px);

  -ms-transform: translateY(-32px);

  transform: translateY(-32px);

  transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;

}



.header-app.open-menu .nav-list li:nth-child(4) {

  transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s, transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s, -webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;

}



.nav-list li:nth-child(5) {

  -webkit-transform: translateY(-28px);

  -ms-transform: translateY(-28px);

  transform: translateY(-28px);

  transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;

}



.header-app.open-menu .nav-list li:nth-child(5) {

  transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s, transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;

}



.nav-list li:nth-child(6) {

  -webkit-transform: translateY(-24px);

  -ms-transform: translateY(-24px);

  transform: translateY(-24px);

  transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;

}



.header-app.open-menu .nav-list li:nth-child(6) {

  transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s, transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s, -webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;

}



.nav-list li:nth-child(7) {

  -webkit-transform: translateY(-20px);

  -ms-transform: translateY(-20px);

  transform: translateY(-20px);

  transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, -webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;

}



.header-app.open-menu .nav-list li:nth-child(7) {

  transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s, transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s, -webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;

}



.nav-list li:nth-child(8) {

  -webkit-transform: translateY(-16px);

  -ms-transform: translateY(-16px);

  transform: translateY(-16px);

  transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s, transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s, -webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;

}



.header-app.open-menu .nav-list li:nth-child(8) {

  transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s, transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;

}



.cate-item {

  position: relative;

}



.cate-item a {

  font-family: "regular";

  font-size: 16px;

  line-height: 48px;

  margin-right: 60px;

  display: block;

  color: #333;

}



.nav-list li.active .cate-item a,

.nav-list li.open .cate-item .category-a {

  color:  #307cef;

}



.category-cont a:last-child {

  border: none;

}



.category-cont a.active {

  color:   #307cef;

}



.category-tig {

  font-size: 14px;

  color: #888;

  text-align: right;

  line-height: 48px;

  width: 50px;

  height: 48px;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 2;

}



.category-tig::before, .category-tig::after {

  content: '';

  background: #888;

  position: absolute;

  top: 50%;

  -webkit-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

}



.category-tig::before {

  width: 16px;

  height: 2px;

  right: 0;

  margin-top: -1px;

}



.category-tig::after {

  width: 2px;

  height: 16px;

  margin-top: -8px;

  right: 7px;

}



.nav-list li.open .category-tig::after {

  opacity: 0;

}



.nav-list li.open .category-tig::before {

  background:   #307cef;

}



.category-cont {

  display: none;

}



.nav-list li.open .category-cont {

  display: block;

  border-bottom: 1px solid rgba(133, 131, 131, 0.5)!important;

  border-top: 1px solid rgba(133, 131, 131, 0.5)!important;



}



.category-pad {

  padding: 0 15px;

}



.category-cont a {

  font-family: "regular";

  font-size: 14px;

  line-height: 40px;

  border-bottom: 1px solid rgba(133, 131, 131, 0.5)!important;

  display: block;

  color: #333;

}

.category-cont a:last-child{

  border-bottom: none !important;

}

.category-pad a.on {

  color: #e51c24;

}



.lan-box-app {

  padding: 20px 0;

  text-align: center;

}



.lan-box-app a {

  font-size: 14px;

  color: #333;

  display: inline-block;

  padding: 0 10px;

  position: relative;

}



.lan-box-app a:after {

  content: '';

  width: 1px;

  height: 10px;

  background: #333;

  position: absolute;

  right: 0;

  top: 50%;

  margin-top: -5px;

}



.lan-box-app a:hover, .lan-box-app a.on {

  color:   #307cef;

}



.lan-box-app a:last-child:after {

  display: none;

}



/* header */

/* .hediv .hetext{

  font-size: 14px;

  color: #307cef;

}

.hediv .hetext2{

  font-size: 12px;

  color: #333;

} */

.header {

  z-index: 1000;

  position: fixed;

  top: 0px;

  width: 100%;

  background: #fff;

  transition: all .5s;

}

.header2 {

  top: -233px !important;

}

.header-top {

  line-height: 40px;

background-color: #f5f5f5;

position: relative;

}

.header-top::after{

  content: '';

  width: 41%;

  height: 40px;

  background: url(../images/head1.png)no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: 0;

  right: 0;



}

.header-top .lef{

  width:48% ;

  float: left;

}

.header-top .lef p{

  color: #b3b3b3;

  font-family: 'pf';

  font-size:16px;

}



.header-top .rig{

  width:36%;

  float: right;

  position: relative;

  z-index: 5;

}



.header-top .rig .li:nth-child(1){

  margin-left: 0;

}



.header-top .rig  .a{

  display: inline-block;

    font-size: 14px;

    margin-left: 16%;

    color: #fff;

    position: relative;

    padding-left: 26px;



  }

  .header-top .rig  .a::after{

    content: '';

    width: 4px;

    height: 14px;

    background-color: rgba(255, 255, 255, .5);

    position: absolute;

    right: -50%;

    top: 50%;

    transform: translate(0%,-50%);

  }

  .header-top .rig  .a:last-of-type::after{

    content: none;

  }

  .header-top .rig  .a::before{

    content: '';

    width: 21px;

    height: 17px;

    background: url('../images/head2.png')no-repeat;

    background-size: contain;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

  }

  .header-top .rig  .a:nth-child(2):before{

    content: '';

    background: url('../images/head3.png')no-repeat;

    background-size: contain;

  }

  .header-top .rig  .a:nth-child(3):before{

    content: '';

    background: url('../images/head4.png')no-repeat;

    background-size: contain;

  }



.header-bot{

padding: 30px 0;

}

.header-bot .lef{

  width: 60%;

  float: left;

}



.header-bot .lef .rq1{

float: left;

width: 223px;

}

.header-bot .lef .rq1 img{

width: 100%;

}

.header-bot .lef .rq2{

 position: relative;

float: left;

margin-left: 5%;

}

.header-bot .lef .rq2::after{

  content: '';

  width: 60px;

  height: 60px;

  background: url(../images/head5.png)no-repeat;

  background-size: contain;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.header-bot .lef .rq2 .p1{

  font-size: 26px;

  color: #307cef;

  padding-left: 70px;

}

.header-bot .lef .rq2 .p2{

  font-size: 20px;

  color: #333;

  padding-left: 70px;

}

.header-bot .rig{

  float: right;

  position: relative;

}

.header-bot .rig::before{

  content: '';

  width: 60px;

  height: 60px;

  background: url(../images/head6.png)no-repeat;

  background-size: contain;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.header-bot .rig .p1{

  font-size: 16px;

  color: #000;

  padding-left: 70px;

}

.header-bot .rig .p1 span{

  font-size: 30px;

  color: #307cef;

  font-family: 'din';

}

  .header-bottom {

  height: 70px;

  border-top: 1px solid #d6e5fc;

  }

  .header-bottom .lef{

    width: 47%;

    float: left;

    padding-top: 15px;

  }

  .header-bottom .lef .rq1{

    float: left;

    width: 12%;

  }

  .header-bottom .lef .rq2{

    float: left;

    margin-left: 20px;

    width: 80%;

  }

  .header-bottom .lef .rq1 img{

    width: 100%;

  }

  .header-bottom .lef .p1 {

    color: #333333;

    font-family: 'pf';

    font-size: 34px;

}

  .header-bottom .lef .div{

    border-radius: 4px;

    width: 50%;

    line-height: 36px;

    background-color:   #307cef;

  }

  .header-bottom .lef .p2{

    text-align: center;

    letter-spacing: 1px;

    color: #fff;

    font-size:21px;

  }



  .header-bottom .rig{

    float: right;

  }

  .category-item {

    float: left;

    padding: 0 54px;

    position: relative;

}

.category-item:last-child{

  padding-right: 0;

}

.category-a{

  font-size: 18px;

  line-height: 70px;

  padding: 0 0;

    display: block;

    position: relative;

  color: #333333;

}

.category-item.active .category-a {

  color: #fff;

}

.category-item:hover .category-a{

color: #fff;

}

.category-a::after {

  content: '';

  width: 0;

  height: 43px;

  opacity: 0;

  background: #307cef;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);

  -webkit-transition: all .5s;

  -o-transition: all .5s;

  transition: all .5s;

  z-index: -1;

  border-radius: 5px;

}

.category-item.active .category-a::after, .category-item:hover .category-a::after {

  width: 138px;

  opacity: 1;

}

.category-item::after{

  content: '';

    width: 4px;

    height: 14px;

    background-color: #b5b7ba;

    position: absolute;

    right: 0%;

    top: 50%;

    transform: translate(-50%,-50%);

}

.category-item:last-child::after{

  content: none;

}



.navbar .category-item:hover>.two {

  opacity: 1;

  max-height: 1000px;

}



.category-item .two {

  width: 100%;

  text-align: center;

  line-height: 25px;

  opacity: 0;

  max-height: 0;

  height: auto;

  transition: all .8s;

  position: absolute;

  top: 70px;

  left: 50%;

  transform: translateX(-50%);

  border-top: 1px solid #fff;

  overflow: hidden;

  background-color: #307cef;

}

.category-item .two2 a {

  display: block;

  width: 100%;

  border-top: 1px solid #fff;

  line-height: 45px;

  font-size: 16px;

  color: #fff;

  transition: .5s all;

}

.category-item .two2 a:nth-child(1) {

  border-top: none;

}

.category-item .two2 a:hover{

  background-color: #fff;

  color: #307cef;

}

/* footer */





.footer-zong{

  background-color: #2c3139;

  padding-top: 75px;

}



.footer-zong .foot-top{

padding-bottom: 85px;

border-bottom: 1px solid rgba(255, 255, 255, .2);

}

.footer-zong .foot-top .lef{

  float: left;

  width: 68%;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;

}

.footer-zong .foot-top .lef .div{

  float: left;

  /* margin-left: 67px; */

}

.footer-zong .foot-top .lef .div:nth-child(1){

  margin-left: 0;

}

.footer-zong .foot-top .lef .div .head{

  font-size: 18px;

  position: relative;

  color: #fff;

  padding-left: 20px;
  white-space: nowrap;

}

.footer-zong .foot-top .lef .div .head::before{

  content: '';

  width: 6px;

  height: 19px;

  background-color: #fff;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}



.footer-zong .foot-top .lef .div .bot{

  margin-top: 40px;

}

.footer-zong .foot-top .lef .div .bot .a{

  display: block;

  font-size: 14px;

  color: rgba(255, 255, 255, .5);

  padding-left: 20px;

  margin-top: 20px;

}

.footer-zong .foot-top .rig{

  width: 30%;

  float: right;

}

.footer-zong .foot-top .rig .div1{
  display: none;
  background-color: #272c33;

  padding: 10px 20px;

  border: 1px solid rgba(255, 255, 255, .2);

  float: left;

}

.footer-zong .foot-top .rig .div1 img{

  width: 120px;

}

.footer-zong .foot-top .rig .div1 p{

  text-align: center;

  color: rgba(255, 255, 255, .5);

  font-size: 14px;

  margin-top: 10px;

}

.footer-zong .foot-top .rig .div2{

 float: right;

 margin-left: 30px;

}

.footer-zong .foot-top .rig .div2 .p1{

  font-size: 16px;

  color: #fff;

  padding-left: 30px;

  position: relative;

}

.footer-zong .foot-top .rig .div2 .p1::before {

  content: '';

  width: 22px;

  height: 22px;

  background: url(../images/img15.png)no-repeat;

  background-size: contain;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.footer-zong .foot-top .rig .div2 .p2{

  font-size: 40px;

  font-family: 'din';

  color: #fff;

  margin-top: 8px;

  padding-bottom: 20px;

  border-bottom: 1px solid rgba(255, 255, 255, .2);

  }

  .footer-zong .foot-top .rig .div2 .p3{

    font-size: 14px;

    color: rgba(255, 255, 255, .5);

    position: relative;

    padding-left: 30px;

    margin-top: 18px;

    }

    .footer-zong .foot-top .rig .div2 .p3::before {

      content: '';

      width: 20px;

      height: 20px;

      background: url(../images/f2.png)no-repeat;

      background-size: contain;

      position: absolute;

      left: 0;

      top: 50%;

      transform: translateY(-50%);

    }

    .footer-zong .foot-top .rig .div2 p:nth-child(4)::before {

      background: url(../images/f3.png)no-repeat;

      background-size: contain;

    }



    .footer-zong .foot-center{

      padding-top: 25px;

      padding-bottom: 50px;

    }

    .footer-zong .foot-center span{

      color: #fff;

      font-size: 16px;

    }

    .footer-zong .foot-center a{

      color: rgba(255, 255, 255, .5);

      font-size: 16px;

      margin-left: 45px;

    }

    .footer-zong .foot-center a:nth-child(2){

      margin-left: 0;

    }

    .footer-zong .foot-bottom{

     

  

      background-color: #1f242b;

   

    }

    .footer-zong .foot-bottom p{

      color: rgba(255, 255, 255, .5);

      font-size: 16px;

      text-align: center;

      line-height: 70px;

    }

    .footer-zong a{

      transition: .5s all;

    }

    .footer-zong a:hover{

      color: #fff !important;

    }

@media (max-width: 1680px) {



}

@media (max-width: 1459px) {

  .category-item .two2 a{

    font-size: 14px;

  }

  .category-item .two{

    top: 52px;

  }

  .footer-zong .foot-top {

    padding-bottom: 70px;

}

  .footer-zong {

    padding-top: 60px;

}

  .footer-zong .foot-center {

    padding-top: 15px;

    padding-bottom: 30px;

}

  .footer-zong .foot-bottom p{

    font-size: 14px !important;

    line-height: 58px;

}

  .footer-zong .foot-center span {

    font-size: 14px;

}

  .footer-zong .foot-center a {

    font-size: 14px;

    margin-left: 31px;

}

  .footer-zong .foot-top .rig {

    width: 39%;

}

  .footer-zong .foot-top .lef {

    width: 56%;

}

  .footer-zong .foot-top .lef .div {

    /* margin-left: 40px; */

}

  .footer-zong .foot-top .rig .div1 img {

    width: 90px;

}

  .footer-zong .foot-top .rig .div2 .p2 {

    font-size: 30px;

}

  .footer-zong .foot-top .lef .div .head {

    font-size: 16px;

}

.footer-zong .foot-top .lef .div .bot .a {

  margin-top: 15px;

}



  .header-top .rig .a{

    margin-left: 12%;

  }

  .header-top .rig .a::after {

    right: -34%;

}

.header-bot .lef .rq1 {

  width: 170px;

}

.category-a{

  font-size: 14px;

 line-height: 53px;

}

.header-bottom {

  height: 53px;

}

.category-item {

  padding: 0 46px;

}

.header-bot .lef .rq2 .p2 {

  font-size: 16px;

  padding-left: 55px;

}

.header-bot .lef .rq2 .p1 {

  font-size: 20px;

  padding-left: 55px;

}

.header-bot .lef .rq2::after {

  width: 46px;

  height: 46px;

}

.header-bot .rig::before {

  width: 46px;

  height: 46px;

}

.header-bot .rig .p1 span {

  font-size: 23px;

}

.header-bot .rig .p1 {

  font-size: 14px;

  padding-left: 55px;

}

.header-bot {

  padding: 23px 0;

}

.footer-zong .foot-top .lef .div .head::before {

  width: 3px;

}

.category-item.active .category-a::after, .category-item:hover .category-a::after {

  width: 110px;

}

}





@media (max-width: 1259px) {

  .footer-zong .foot-top .lef {

    width: 100%;
    margin-bottom: 20px;

}

.footer-zong .foot-top .rig {

    width: 100%;

}

.footer-zong .foot-top .rig .div2{
  float: left;
}
  .header-top .rig .a {

    margin-left: 8%;

}

.header-top .rig .a::after {

  right: -23%;

}

.header-bot .lef {

  width: 63%;

}

.category-item {

  padding: 0 34px;

}

}

@media(max-width:991px){

  .footer-zong .foot-top{

    display: none;

  }



   .header{

    display: none;

  }

  .header-app{

    display: block;

  }



}



@media (max-width: 768px){



 

}





@media (max-width: 414px) {

  .header-app .logo {

    padding: 15px 15px;

}

  .footer-zong .foot-center a {

    font-size: 12px;

    margin-left: 15px;

  }

  .footer-zong .foot-center span {

    font-size: 12px;

  }

  .footer-zong .foot-center {

    padding-top: 10px;

    padding-bottom: 10px;

}

.footer-zong .foot-bottom p {

  font-size: 12px !important;

  line-height: 20px;

}

.footer-zong{

  padding-top: 0;

  padding-bottom: 65px;

}

}