@charset "UTF-8";





@font-face{

  font-family: "dinr";

  src: url(../other/DINPro-Regular.otf);

}

@font-face{

  font-family: "din";

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

}

@font-face{

  font-family: "dinb";

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

}

@font-face{

  font-family: "akz";

  src: url(../other/AKZIDENZGROTESK-LIGHT.OTF);

}

@font-face{

  font-family: "pf";

  src: url(../other/PingFangSC-Regular.ttf)

}

@font-face{

  font-family: "avgd";

  src: url(../other/Avgardd.ttf)

}

@font-face{

  font-family: "avgn";

  src: url(../other/AVGARDN.TTF)

}

.fd::after {

  content: " ";

  display: block;

  clear: both;

}



.fd {

  zoom: 1;

}

.content{

  margin-top: 0px; 

   min-height: 500px;

 }









.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 #00428e;

}

.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: 14px 10px;

}



.header-app .logo img {

  width: 160px;

  height: 32px;

}



.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:#00428e;

}



.category-cont a:last-child {

  border: none;

}



.category-cont a.active {

  color: #00428e;

}



.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: #00428e;

}



.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: #00428e;

}



.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: #00428e;

}



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

  display: none;

}



/* header */

.header {

  z-index: 1000;

  position: fixed;

  top: 0px;

  width: 100%;

  height: 78px;

  background: #fff;

  transition: all .5s;

}



.header2 {

  top: -208px !important;

}

.header_lef{

  float: left;

}

.header_lef .logo {

  padding: 19px 0;

  float: left;

  position: relative;

}



.header_lef .logo .ig{

  width: 200px;

  float: left;

}

.header_lef .logo img{

  width: 100%;

  vertical-align: bottom;

}

.header_lef .logo .div1{

  float: left;

  padding-left: 28px;

  position: relative;

  padding-top: 10px;

}

.header_lef .logo .div1 p{

  font-size: 16px;

  color: #333333;

  font-weight: bold;

}

.header_center{

float: left;

margin-left: 11%;

}

  .category-item {

    float: left;

    padding: 0 25px;

}

.category-item:last-child{

  padding-right: 0;

}

.category-a{

  font-size: 16px;

  line-height: 78px;

  padding: 0 0;

    display: block;

    position: relative;

  color: #000;

}

.category-item.active .category-a {

  color: #00428e

}

.category-item:hover a{

  color:#00428e

}

.category-a::after {

  content: '';

  width: 0;

  height: 3px;

  background: #00428e;

  position: absolute;

  bottom: 0;

  opacity: 0;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  -webkit-transition: all .5s;

  -o-transition: all .5s;

  transition: all .5s;

}

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

  width: 100%;

  opacity: 1;

}

.header-rig{

  padding-top: 30px;

  float: left;

  margin-left: 55px;

}

.header-rig div{

  float: left;

  margin-left: 50px;

  cursor: pointer;

}

.header-rig .div2{

  position: relative;

}

.header-rig .div2 a{

  font-size: 14px;

  color: #333;

  position: absolute;

  top: 0px;

  left: 50%;

  transform: translateX(-50%);

  opacity: 0;

  transition: all .5s;

  font-weight: bold;

}

.header-rig .div2:hover a{

  top: 30px;

  opacity: 1;

}







/* 搜索框 */



.sousuo {

  width: 500px;

  height: 60px;

  position: absolute;

  left: 50%;

  top: 50%;

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

  opacity: 0;

  border-bottom: 1px solid #333;

  transition: all .5s;

  transition-duration: .5s;

}



.sousuo input {

  width: 420px;

  height: 60px;

  border: none;

  float: left;

  font-size: 16px;

  color: #333;

  opacity: 0.8;

}



.sousuo button {

  width: 80px;

  height: 60px;

  border: none;

  float: right;

  background: none;

  font-size: 18px;

  color: #333;

  opacity: 0.8;

}



/* 改变搜索框默认字体颜色 */



.sousuo input:-moz-placeholder, .ss2 input:-moz-placeholder {

  color: #333;

  opacity: 0.8;

}



.sousuo input:-ms-input-placeholder, .ss2 input:-ms-input-placeholder {

  color: #333;

  opacity: 0.8;

}



.sousuo input::-webkit-input-placeholder, .ss2 input::-webkit-input-placeholder {

  color: #333;

  opacity: 0.8;

}



.sousuo .gb {

  width: 20px;

  position: absolute;

  top: 50%;

  left: 110%;

  transform: translateY(-50%);

  transition: all .5s;

  cursor: pointer;

}

.hide1 {

  transform: scale(0) !important;

  opacity: 0;

  transition: .6s ease-in-out;

  transition-duration: .5s;

}



.show1 {

  z-index: 8;

  opacity: 1;

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

}

.header_center{

  transition-duration: .5s;

}







/* 下拉 */

.navbar .category-item .two{

  width: 100%;

  opacity: 0;

  max-height: 0;

  height: auto;

  position: absolute;

  top: 77px;

  left: 50%;

  transform: translateX(-50%);

  overflow: hidden;

  background-color: #fff;

  z-index: -1;

  border-top: 1px solid rgb(232,232,333);

}

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

  opacity: 1;

  max-height: 800px;

}

.navbar .two .rq{

  padding:52px 0;

  display: flex;

}

.navbar .two .rq .div1{

  width: 30%;

  padding-right: 4%;

}

.navbar .two .rq .div1 .div{

  width: 100%;

  height: 260px;



  overflow: hidden;

  position: relative;

}

.navbar .two .rq .div1 img{

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  transition: all .5s;

  border-radius: 10px;

}

.navbar .two .rq .div1 img.on{

  opacity: 1;

}

.navbar .two .rq .div1 img.on2{

  opacity: 1;

}

.navbar .two .rq .div2{

  width: 27%;

  padding: 0 60px;

  border-left: 1px solid rgb(232,232,333);

  border-right: 1px solid rgb(232,232,333);

}

.navbar .two .rq .div2 a{

  font-size: 16px;

  color: #1e2127;

  display: block;

  padding: 12px 0;

  border-bottom: 1px solid rgb(232,232,333);

  position: relative;

  padding-top: 15px;

  text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

  transition: all .5s;

}

.navbar .two .rq .div2 a.on{

  color: #00428e;

  border-bottom: 1px solid #00428e;

}

.navbar .two .rq .div2 a i{

  width: 10px;

  height: 11px;

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

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  right: 10px;

  transform: translateY(-50%);

  opacity: 0;

  transition: all .5s;

}

.navbar .two .rq .div2 a.on i{

  right: 0;

  opacity: 1;

}

.navbar .two .rq .div3{

  width: 43%;

  padding-left: 60px;

  padding-right: 250px;

}

.navbar .two .rq .div3 .div{

  width: 100%;

  height: 100%;

  font-size: 14px;

  display: none;

}

.navbar .two .rq .div3 .div.on1{

  display: block;

}

.navbar .two .rq .div3 a{

  font-size: 16px;

  color: #666666;

  display: block;

  padding: 12px 0;

  border-bottom: 1px solid rgb(232,232,333);

}

.navbar .two .rq .div3 a:hover{

  color: #00428e;

}

.navbar .two .rq .div3 p{

  font-size: 14px;

  color: #666666;

  display: block;

}

.navbar .two .rq .div3{

  color: #666666;

  display: block;

}















/* 底部 */

.footer-zong{

  width: 100%;

  background-color: #2d2e31;

}

.foot-top{

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  padding: 80px 0;

}

.foot-top .lef{

 width: 50%;

}

.foot-top .lef .tree{

float: left;

margin-left: 12%;

}

.foot-top .lef .tree:nth-child(1){

  margin-left: 0;

}

.foot-top .lef .tree .head{

  color: #fff;

  font-size: 16px;

}

.foot-top .lef .tree .bod{

  margin-top: 25px;

}

.foot-top .lef .tree .bod a{

  display: block;

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

  font-size: 14px;

  margin-top: 15px;

}

.foot-top .rig{

  width: 45%;

}

.foot-top .rig .div1{

  float: left;

}

.foot-top .rig .div1 .p1{

  font-size: 14px;

  color: #fff;

  position: relative;

  padding-left: 30px;

  margin-top: 35px;

  line-height: 30px;

}

.foot-top .rig .div1 .p1:nth-child(1){

  margin-top: 0;

}

.foot-top .rig .div1 .p1::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%);

}

.foot-top .rig .div1 .p1:nth-child(3){

  text-decoration: underline;

}

.foot-top .rig .div1 .p1:nth-child(2)::before{

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

  background-size: contain;

}

.foot-top .rig .div1 .p1:nth-child(3)::before{

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

  background-size: contain;

}

.foot-top .rig .div2{

  float: right;

  width: 150px;

}

.foot-top .rig .div2 p{

  text-align: center;

  font-size: 14px;

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

  margin-top: 30px;

}

.foot-top .rig .div2 img{

  width: 100%;

  vertical-align: middle;

}

.foot-bottom{

  line-height: 105px;

}

.foot-bottom .lef{

  float: left;

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

  font-size: 14px;

}

.foot-bottom .rig{

  float: right;

  width: 32%;

}

.foot-bottom .rig .p1 {

  float: left;

  color: #9e9e9e;

  margin-left: 37px;

  font-size: 14px !important;

}

.foot-bottom .rig .foot-link {

  float: right;

}

.foot-bottom .lef a{

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

  font-size: 14px;

  margin-left: 8px;

}

.foot-bottom .social-share .social-share-icon:nth-child(1) {

  margin-left: 0;

}

.foot-bottom .social-share .social-share-icon {

  border: none;

  transition: .6s all;

  margin-left: 30px;

  line-height: 1;

  color: rgb(129,130,133);

}

.foot-bottom .social-share a {

  margin: 0;

  margin-left: 0;

}

.foot-bottom .social-share .social-share-icon:hover {

  background: none;

  color: #fff;

}

.social-share .icon-wechat .wechat-qrcode .help p {

  font-size: 12px;

}

.footer-zong a{

  transition: .5s all;

}

.footer-zong a:hover{

    color: #fff !important;

}

@media(max-width: 1680px){

    .header_center {

      margin-left: 10%;

  }

  .foot-top .lef .tree {

    margin-left: 10%;

  }

  .category-item {

    padding: 0 16px;

}

.header-rig {

  margin-left: 18px;

}

.header_center {

  margin-left: 7%;

}

}

@media(max-width: 1459px){



    .header_lef .logo .div1 p {

      font-size: 14px;

  }

  .header_lef .logo .div1 {

    padding-left: 18px;

    padding-top: 9px;

}



    .category-item {

      padding: 0 13px;

    }

    .category-a {

      font-size: 15px;

    }

    .foot-top .lef .tree .bod a {

      font-size: 12px;

    }

    .foot-top .lef .tree .head {

      color: #fff;

      font-size: 14px;

  }

  .foot-top {

    padding: 60px 0;

}

.foot-top .rig .div2 {

  width: 125px;

}

.navbar .two .rq .div2 {

  padding: 0 25px;

}

.navbar .two .rq .div2 a {

  font-size: 15px;

  padding: 8px 0;

}

.navbar .two .rq .div3 {

  padding-left: 36px;

  padding-right: 130px;

}

.navbar .two .rq .div3 a {

  font-size: 14px;

  padding: 10px 0;

}

.navbar .two .rq .div3 p{

  font-size: 14px;

}

.category-a {

  line-height: 80px;

}

.header {

  height: 80px;

}

.content {

  margin-top: 80px;

}

.navbar .category-item .two{

  top: 79px;

}

.header-rig div {

  margin-left: 30px;

}

.header-rig {

  padding-top: 28px;

  margin-left: 18px;

}

.header_lef .logo .ig {

  width: 170px;

}

.header_lef .logo {

  padding: 23px 0;

}

.navbar .two .rq .div1 .div {

  height: 190px;

}

.header_center {

  margin-left: 9%;

}



}

@media(max-width: 1259px){

  .header_lef .logo .div1{

    display: none;

  }

    .header_lef .logo .ig {

      width: 140px;

  }

  .header_lef .logo {

    padding-top: 26px;

}

  .header_center {

    margin-left: 5%;

}

  .foot-top .lef .tree {

  margin-left: 6%;

  }

  .navbar .two .rq .div1 .div {

  height: 160px;

  }

  .header_center {

    margin-left: 11%;

}

}

@media(max-width: 991px){



    .header{

      display: none;

    }

    .header-app{

      display: block;

    }

    .foot-top{

      display: none !important;

    }

    #share{

      display: none;

    }

    .foot-bottom .lef {

      font-size: 12px;

  }

  .foot-bottom {

    line-height: 26px;

    padding-bottom: 70px;

    padding-top: 15px;

}

.foot-bottom .lef a {

  font-size: 12px;

  }

  .foot-bottom .rig {

    width: 100%;

}

.foot-bottom .rig .p1 {

  float: left;

  margin-left: 0;

  font-size: 12px !important;

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

}

}

@media(max-width: 768px){

  

}

@media(max-width: 500px){



}