@charset "UTF-8";



@font-face {

  font-family: "din";

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

}















.fd::after {

  content: " ";

  display: block;

  clear: both;

}



.fd {

  zoom: 1;

}



.animated {

  animation-duration: 1s;

  animation-fill-mode: both;

}





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

  margin: 0 auto;

  padding: 0;

}



/* 底部*/

.foot-container {

  width: 1720px;

}

/*  首页内容区 */

.container {

  width: 1720px;

}

/* 头部 */

.index-container {

  width: 1720px;

}

/* 内页 */

.wrap{

  width: 1600px;

}

.wrap2 {

  width: 1400px;

}





@media (max-width: 1840px) {

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

    padding-right: 60px !important;

    padding-left: 60px !important;

    width: 100% !important;

  }

}

@media (max-width: 1520px) {

  .wrap2{

    padding-right: 60px !important;

    padding-left: 60px !important;

    width: 100% !important;

  }

}

@media (max-width: 1024px) {

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

    padding-right: 30px !important;

    padding-left: 30px !important;

    width: 100% !important;

  }

}

@media (max-width: 991px) {

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

  padding-right: 20px !important;

  padding-left: 20px !important;

  width: 100% !important;

}

}







/*app-头部*/

.header-app {

  background: rgba(0,0,0,0);

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 60px;

  z-index: 9999999999;

  -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%;

  -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);

}



.app_ss {

  width: 90%;

  height: 48px;

  border-radius: 48px;

  border: 2px solid #333;

  display: block;

  position: static;

  float: none;

  margin: 0 auto;

  padding: 0 25px;

}



.app_ss:hover {

  border: 2px solid #4a69ca;

}



.app_ss input {

  width: 90%;

  height: 100%;

  border: none;

  background: none;

  font-size: 14px;

  color: #333;

}

.app_ss input:-moz-placeholder{  

     color: #fff;   

}  

.app_ss input:-ms-input-placeholder{ 



    color: #fff;   

} 

.app_ss input::-webkit-input-placeholder{ 

    color: #fff;   

}



.app_ss button {

  float: right;

  width: 10%;

  height: 100%;

  border: none;

  background: none;

  background-repeat: no-repeat;

  background-position: center;

}



.app_ss button img {

  width: 18px;

  height: 18px;

}



.navbar-app {

  position: relative;

  /* border-bottom: solid 1px #a4b0d5; */

  height: 60px;

  text-align: center;

  background: linear-gradient(to bottom, #4b5cc4,#497ad1);

}



.header-app .logo {

  float: left;

  /* width: 150px; */

  vertical-align: middle;

  padding: 20px 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: #fff;

  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;

  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;

  background: #fff;

}



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

  visibility: visible;

  -webkit-transition-delay: 0s;

  -o-transition-delay: 0s;

  transition-delay: 0s;

}



.nav-list li {

  border-bottom: 1px solid #333;

  opacity: 0;

  pointer-events: none;

}



.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-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 a {

  color: #4a69ca;

}



.category-cont a:last-child {

  border: none;

}



.category-cont a.active {

  color: #4a69ca;

}



.category-tig {

  font-size: 14px;

  color: #4a69ca;

  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: #333;

  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: #4a69ca;

}



.category-cont {

  display: none;

}



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

  display: block;

  border-top: solid 1px #333;

  border-bottom: solid 1px #333;

}



.category-pad {

  padding: 0 15px;

}



.category-cont a {

  font-size: 14px;

  line-height: 40px;

  border-bottom: 1px solid #333;

  display: block;

  color: #333;

}



.category-pad a.on {

  color: #4a69ca;

}



.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: #4a69ca;

  position: absolute;

  right: 0;

  top: 50%;

  margin-top: -5px;

}



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

  color: #4a69ca;

}



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

  display: none;

}





















































/* pc导航 */

.content{

  min-height: 500px;

  

}

.content2{

  margin-top: 100px;

}

.header4{

  background: #274496 !important;

}

.header {

  z-index: 1000;

  position: fixed;

  top: 0px;

  width: 100%;

  height:100px;

  background: rgba(0,0,0,0);

  border-bottom: solid 1px #a4b0d5;

  transition: all .5s;

}

.header4,

.header3{

  border-bottom: 1px solid transparent;

  background: linear-gradient(to right, #4b5cc4,#497ad1);

}

.header2{

  top: -100px;

}



.header .logo{

  width: 202px;

  float: left;

  transition: all .5s;

  padding: 20px 0;

}

.header .logo img {

  width: 100%;

  vertical-align: middle;

}



.header .navbar {

  float: left;

  border-right: solid 1px #a4b0d5;

  padding-right: 30px;

}

.header .navbar .category-item{

  float: left;

  padding-top: 0;

 padding: 0 20px;

  /* position: relative; */

}



.header .navbar .category-item .category-a{

  display: block;

  font-size: 20px;

  color: #fff;

  position: relative;

  transition: all .3s;

  line-height: 98px;

  position: relative;



}

.header .navbar .category-item .category-a:before{

  content: '';

  position: absolute;

  bottom: 0;

  left: 50%;

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

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

  transform: translateX(-50%);

  -webkit-transition: all .8s;

  -o-transition: all .8s;

  transition: all .8s;

  width: 0;

  height: 3px;

  background: #fff;

}

.header .navbar .active .category-a:before,

.header .navbar .category-item:hover .category-a:before

{

  width: 100%;

}

.header .navbar_div{

  float: right;

} 







/* 尾部 */

.en{

  float: left;

  margin-left: 50px;

}

.en a{

  display: flex;

}

.en .img img{

  width: 26px;

  margin-top: 36px;

}

.en p{

  font-size: 16px;

  color: #fff;

  margin-left: 10px;

  line-height: 100px;

}







/* 搜索 */

.sousuo {

  width: 500px;

  height: 60px;

  position: absolute;

  left: 50%;

  top: 50%;

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

  opacity: 0;

  border-bottom: 1px solid #fff;

  transition: all .5s;

  transition-duration: .5s;

}



.sousuo input {

  width: 420px;

  height: 60px;

  border: none;

  float: left;

  font-size: 16px;

  color: #fff;

  opacity: 0.8;

}



.sousuo button {

  width: 80px;

  height: 60px;

  border: none;

  float: right;

  background: none;

  font-size: 18px;

  color: #fff;

  opacity: 0.8;

}



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



.sousuo input:-moz-placeholder {

  color: #fff;

  opacity: 0.8;

}

.sousuo input:-ms-input-placeholder {

  color: #fff;

  opacity: 0.8;

}

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

  color: #fff;

  opacity: 0.8;

}



.sousuo .gb {

  width: 20px;

  position: absolute;

  top: 50%;

  left: 110%;

  transform: translateY(-50%);

  transition: all .5s;

  cursor: pointer;

}



.navbar_div{

  transition-duration: .5s;

}



.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 .wb{

  margin-left: 31px;

}

.header .wb .div2{

  width: 17px;

}





/*===============下拉==============*/

.navbar .category-item .two2,

.navbar .category-item .two{

    width: 100%;

    opacity: 10;

    max-height: 0;

    height: auto;

    transition: all .8s;

    position: absolute;

    top: 99px;

    left: 50%;

    transform: translateX(-50%);

    overflow: hidden;

    z-index: -1;

    background: rgba(0,0,0,0);

}

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

  opacity: 1;

  max-height: 400px;

  z-index: 1;

}

.navbar .two a{

  display: block;

  font-size: 14px;

  text-align: center;

  padding: 10px 0;

  color: #333;

  border: solid 1px #a4b0d5;  background: #fff;

}

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

  opacity: 1;

  max-height: 600px;

  z-index: 1;

}

.navbar .category-item .two2{

  background: #fff;

}

.header .navbar .category-item:nth-child(2){

  position: static;

}

.navbar .two2 .rq{
  /* padding-top: 90px; */
  /* padding-bottom: 55px; */
  padding-top: 30px;
  padding-bottom: 30px;

  display: flex;

}

.navbar .two2 .rq .lef{

  width: 28.8%;

  border-right: 1px solid #d7dadc;

  padding-right: 80px;

}

.navbar .two2 .rq .lef .div1{

  width: 110px;

  height: 110px;

  border: 1px solid #d7dadc;

  position: relative;

}

.navbar .two2 .rq .lef .div1 img{

  max-width: 90%;

  max-height: 90%;

  position: absolute;

  top: 50%;

  left: 50%;

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

}

.navbar .two2 .rq .lef .div2{

  width: 100%;

  padding-top: 25px;

}

.navbar .two2 .rq .lef .div2 p{

  width: 100%;

  padding-left: 28px;

  position: relative;

  font-size: 16px;

  color: #333333;

  line-height: 26px;

  margin-bottom: 15px;

}

.navbar .two2 .rq .lef .div2 p:last-child{

  margin-bottom: 0;

}

.navbar .two2 .rq .lef .div2 p span{

  margin-right: 18px;

}

.navbar .two2 .rq .lef .div2 p img{

  width: 19px;

  position: absolute;

  left: 0;

  top: 4px;

}

.navbar .two2 .rq .lef a{

  display: block;

  font-size: 16px;

  color: #666666;

  width: 180px;

  height: 45px;

  text-align: center;

  border-radius: 22.5px;

  line-height: 45px;

  background: #e4e4e4;

  margin-top: 25px;

}

.navbar .two2 .rq .lef a:hover{

  background: #274496;

  color: #fff;

}

.navbar .two2 .rq .lef a i{

  width: 32px;

  height: 7px;

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

  background-size: contain;

  background-repeat: no-repeat;

  display: inline-block;

  margin-left: 5px;

  transition: all .5s;

}

.navbar .two2 .rq .lef a:hover i{

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

}

.navbar .two2 .rq .rig{

  width: 71.2%;

  float: left;

  padding-left: 44px;

}

.navbar .two2 .rq .rig a{

  width: 32%;

  float: left;

  margin-right: 2%;

  margin-bottom: 30px;

  padding-right: 24px;

  position: relative;

  padding-bottom: 14px;

  border-bottom: 1px solid #d7dadc;

}

.navbar .two2 .rq .rig a::after{

  content: '';

  width: 0%;

  height: 2px;

  background: #274496;

  position: absolute;

  left: 0;

  bottom: -1px;

  transition: all .5s;

}

.navbar .two2 .rq .rig a:hover::after{

  width: 100%;

}

.navbar .two2 .rq .rig a:nth-child(3n){

  margin-right: 0;

}

.navbar .two2 .rq .rig a .p1{

  font-size: 16px;

  color: #666666;

  transition: all .5s;



  text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.navbar .two2 .rq .rig a .p2{

  font-size: 14px;

  color: #999999;

  margin-top: 5px;

  transition: all .5s;



  text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.navbar .two2 .rq .rig a:hover .p1,

.navbar .two2 .rq .rig a:hover .p2{

  color: #274496;

}

.navbar .two2 .rq .rig a::before{

  content: '';

  width: 20px;

  height: 20px;

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

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  right: 0;

  top: 0;

  transition: all .5s;

}

.navbar .two2 .rq .rig a:hover::before{

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

}



/*底部*/

.foot{

	width: 100%;

	background: #222222;

  padding: 60px 0;

}

.foot .lef{

  float: left;

	width: 33.43%;

}

.foot .lef .top{

  margin-bottom: 50px;

}

.foot .lef .top img{

  width: 202px;

  float: left;

}

.foot .lef .top .wx{

  width: 89px;

  float: right;

}

.foot .lef .top .wx img{

  width: 100%;

  margin-bottom: 7px;

}

.foot .lef .top .wx p{

  display: block;

  font-size: 16px;

  text-align: center;

  color: #b3b3b3;

}

.foot .lef .btn .div{

  padding-bottom: 30px;

}

.foot .lef .btn .div:last-child{

  padding-bottom: 0;

}

.foot .lef .btn .div h1{

  font-size: 16px;

  color: #b3b3b3;

  padding-bottom: 10px;

  border-bottom: 1px solid #b3b3b3;

}

.foot .lef .btn .div p{

  font-size: 16px;

  color: #b3b3b3;

  padding-top: 10px;

}

.foot .rig{

  float: right;

  width: 49.95%;

}

.foot .rig .top{

  border-bottom: 1px solid #b3b3b3;

}

.foot .rig .top .nr1{

  border-bottom: 1px solid #b3b3b3;

  padding-bottom: 20px;

}

.foot .rig .top .nr1 h1{

  width: 20%;

  float: left;

  color: #fff;

  font-size: 18px;

  font-weight: bold;

}

.foot .rig .top .div .nr2{

  width: 20%;

  float: left;

}

.foot .rig .top .div .nr2 a{

  display: block;

  color: #b3b3b3;

  font-size: 16px;

  padding-top: 15px;

}

.foot .rig .top .div .nr2 span:hover a{

  color:#274496;

}

.foot .rig .top .div .nr2 p:first-child{

  padding-top: 18px;

}

.foot .rig .btn p{

  padding-top: 30px;

  color: #b3b3b3;

  font-size: 16px;

}

.foot .rig .lj{

  padding-top: 50px;

  padding-bottom: 12px;

}

.foot .rig .lj .lj_name{

  float: left;

  margin-right: 40px;

  color: #b3b3b3;

  font-size: 16px;

}

.foot .rig .lj .lj_t{

  float: left;

}

.foot .rig .lj .lj_t span {

  padding-right: 20px;

}

.foot .rig .lj .lj_t a{

  color: #b3b3b3;

  font-size: 16px;

}

.foot .rig .lj .lj_t span:hover a{

  color: #274496;

}

















/* 响应式 */

@media (max-width: 1680px){

.navbar .category-item .two {

  top: 99px;

}

.header .navbar .category-item .category-a {

  display: block;  font-size: 18px;



}

.header .navbar .category-item {

  float: left;

  padding-top: 0;

  padding: 0 16px;

  /* position: relative; */

}

}

@media (max-width: 1459px){

  .header {

    height: 76px;

}

  .header .logo {

    width: 142px;

    padding: 15px  0;

}

  .header .navbar .category-item .category-a:after {

    top: 15px;

  }

  .header .navbar .category-item .category-a:before {

    bottom: 1px;

  }

  .header .navbar .category-item .category-a {

    font-size: 16px;

    line-height: 76px;

    }

    .navbar .category-item .two2,

    .navbar .category-item .two {

      top: 75px;

  

  }

  .header .navbar {

    padding-right: 23px;

}

  .header .navbar .category-item {

      padding: 0px 15px;

  }

  .navbar .two2 .rq {

    /* padding-top: 50px; */

    padding-top: 20px;

    padding-bottom: 20px;

}

.navbar .two2 .rq .lef {

  padding-right: 36px;

}

.navbar .two2 .rq .lef .div1 {

  width: 82px;

  height: 82px;

}

.navbar .two2 .rq .lef .div2 {

  padding-top: 22px;

}

.navbar .two2 .rq .lef .div2 p {

  padding-left: 23px;

  font-size: 14px;

  line-height: 26px;

  margin-bottom: 12px;

}

.navbar .two2 .rq .lef .div2 p img {

  width: 14px;

  top: 5px;

}

.navbar .two2 .rq .lef .div2 p span{

  display: inline-block;

}

.navbar .two2 .rq .lef a {

  font-size: 14px;

  width: 130px;

  height: 40px;

  border-radius: 40px;

  line-height: 40px;

  margin-top: 20px;

}

.navbar .two2 .rq .lef a i {

  width: 22px;

  height: 6px;

}





  .en {

    margin-left: 38px;

}

  .en p {

    font-size: 14px;

    color: #fff;

    margin-left: 7px;

    line-height: 76px;

  }

  .en .img img {

    width: 20px;

    margin-top: 28px;

}







.content2{

  margin-top: 76px;

}

.foot {

  padding: 40px 0;

}

.foot .lef .top {

margin-bottom: 38px;

}

.foot .lef .top img {

  width: 155px;

}

.foot .lef .top .wx {

  width: 68px;

}

.foot .lef .top .wx p {

  font-size: 12px;

}

.foot .lef .top .wx img {

  margin-bottom: 5px;

}

.foot .lef .btn .div {

  padding-bottom: 22px;

}

.foot .lef .btn .div h1 {

  font-size: 14px;

  padding-bottom: 8px;

}

.foot .lef .btn .div p {

  font-size: 14px;

}

.foot .rig .top .nr1 {

  padding-bottom: 15px;

}

.foot .rig .top .nr1 h1 {

  font-size: 14px;

}

.foot .rig .top .div .nr2 a {

  font-size: 13px;

  padding-top: 12px;

}

.foot .rig .btn p {

  padding-top: 22px;

  font-size: 14px;

}

.foot .rig .lj {

  padding-top: 36px;

  padding-bottom: 9px;

}

.foot .rig .lj .lj_name {

  font-size: 14px;

  margin-right: 30px;

}

.foot .rig .lj .lj_t span {

  padding-right: 15px;

}

.foot .rig .lj .lj_t a {

  font-size: 14px;

}

}

@media (max-width: 1259px) {

  .content2{

    margin-top: 70px;

  }

.header {

  height: 70px;

}

.header .logo {

  width: 110px;

  padding: 18px 0;

}



.header .navbar .category-item {

  padding: 0px 8px;

}



.header .navbar .category-item .category-a {

  line-height: 70px;

  font-size: 14px;

}

.header .navbar {

  padding-right: 8px;

}

.navbar .category-item .two2,

.navbar .category-item .two {

  top: 69px;

}

.header .navbar .category-item .category-a::after {

  top: 10px;

}

.header .navbar .category-item .category-a::before {

  bottom: 1px;

}

.en {

  margin-left: 32px;

}

.en p {

  font-size: 12px;

  line-height: 70px;

}



.en .img img {

  width: 17px;

}

.foot .lef .btn .div p {

	font-size: 13px;

}





}

@media (max-width: 991px) {

  .content {

    margin-top: 60px;

}

  .header {

    display: none;

}

.header-app {

  display: block;

}

.header-app .logo img {

    height: 40px;

}

.header-app .logo {

  padding: 8px 10px;

}

.foot {

  padding: 30px 0;

}

.foot .lef .top {

  margin-bottom: 25px;

}

.foot .lef .top img {

  width: 120px;

}

.foot .lef .top .wx {

  width: 60px;

}

.foot .rig .lj {

  padding-top: 26px;

  padding-bottom: 8px;

}

.foot .rig .btn p {

  font-size: 13px;

}

.foot .lef {

  width: 41%;

}

.foot .rig {

  width: 54%;

}

}

@media (max-width: 768px) {

 

}

@media (max-width: 500px) {



  .foot {

    padding: 25px 0;

}

.foot .lef {

	float: left;

	width: 100%;

}

.foot .rig {

	float: right;

	width: 100%;

}

.foot .rig .top {

	display: none;

}

.foot .lef .top {

  margin-bottom: 20px;

}

.foot .lef .btn .div p {

  padding-top: 14px;

}

.foot .lef .btn .div h1 {

  padding-bottom: 14px;

}

.foot .lef .btn .div {

  padding-bottom: 28px;

}

.foot .rig .btn p {

  font-size: 13px;

  line-height: 22px;

  text-align: center;

}

.foot .rig .btn p span{

  display: inline-block;

}

}



/* 21.12.8修改 */

.foot .lef .btn .div{

  padding-bottom: 10px;

  border-bottom: 0;

}

.foot .lef .btn .div{

  /* display: flex;

  align-items: center; */

}

.foot .lef .btn .div h1{

  padding-bottom: 10px;

  border-bottom: 0;

}

.foot .lef .btn .div p{

  padding-top: 0;

}

.foot .lef .btn .div:nth-of-type(2),.foot .lef .btn .div:nth-of-type(4){

  display: flex;

  align-items: center;

  margin-bottom: 20px;

}



.foot .lef .btn .div:nth-of-type(2) h1,.foot .lef .btn .div:nth-of-type(4) h1{

  padding-bottom: 0;

}



@media (max-width: 1459px){

  .foot .lef .top {

      margin-bottom: 5px;

  }

}



@media (max-width: 1259px){

  .foot .lef .top {

      margin-bottom: 10px;

  }

}



@media (max-width:500px) {

  .foot .lef .btn .div:nth-of-type(5) h1{

    padding-bottom: 5px;

  }

}