@import url("reset.css");



@font-face {

  font-family: "Gilroy";

  src: local("Gilroy Extrabold Italic"), local("Gilroy-Extrabold-Italic"),

    url("../asset/Gilroy-ExtraboldItalic.ttf") format("truetype");

  font-weight: 800;

  font-style: italic;

}
.embed-icon-default {
background: url(../images/023.png) right center / 100% no-repeat !important;
    width: 190px !important;
    height: 255px !important;
}

.pc {

  display: block !important;

}

.appm {

  display: none !important;

}



.flex {

  display: flex;

}

.m_2 {

  margin-top: 24px !important;

}

.bg_w {

  background-color: #fff !important;

}

.bg_w1 {

  background-color: #f3f3f3 !important;

}

.bg_w2 {

  background-color: #f2f2f2 !important;

}

.p_none {

  padding-left: 0 !important;

  padding-right: 0 !important;

}

.fd::after {

  content: " ";

  display: block;

  clear: both;

}



.fd {

  zoom: 1;

}

.nav_children_link_list.mt {

  margin-top: 50px;

}

.line_wrap {

  background-color: #e8e8e8;

  height: 2px;

  outline: none;

  border: 0;

  /* background-color: ; */

}



.border_line {

  width: 100%;

  height: 1px;

  background-color: #c0c0c0;

  opacity: 0.36;

}



.bottom_line {

  width: 50px;

  height: 4px;

  background-color: #2a78ab;

  margin-top: 20px;

}



.header {

  width: 100%;

}



.header>.line {

  width: 100%;

  height: 1px;

  background-color: #f2f2f2;

  width: 100%;

  border-bottom: 1px solid #f2f2f2;

}



.header>.wrap {

  color: white;

  width: 100%;

  height: 360px;

  position: relative;

}



.header>.wrap img {

  /*min-width: 900px;*/

  position: absolute;

  width: 100%;

  height: 100%;

  vertical-align: middle;

  z-index: 0;

}



.header>.wrap .center,

.nav_link_list,

.about_us_recruit,

.about_us,

.support,

.problem,

.relation,

.application .contents .container {

  width: 1600px;

  margin: 0 auto;

  padding: 0 68px;

}



.header>.wrap .center {

  position: relative;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.header>.wrap .center h1,
.header>.wrap .center .h1 {

  font-size: 38px;

}

.header>.wrap .center .h1 {

  line-height: 1;

}



.header>.wrap .center h2 {

  margin: 20px 0 34px;

  font-size: 20px;

}



.header>.wrap .center p {

  width: 34px;

  height: 4px;

  background-color: white;

}



.header>.wrap .bottom {

  position: absolute;

  bottom: 30px;

}



.header .nav_box {

  position: relative;

}



/* 导航下拉样式 */

.header .nav_box .mask_box {

  width: 1600px;

  margin: 0 auto;

}



.header .nav_box .mask {

  display: none;

  position: absolute;

  top: 59px;

  left: 0;

  width: 100%;

  background-color: #fff;

  z-index: 99;

  padding: 40px 0;

  border-top: 1px solid #e8e8e8;

  transition: all 0.3s;

}



.header .nav_box .item_box .item.item_defult {

  position: relative;

  /* z-index: 999; */

  /* overflow: hidden; */

}



.header .nav_box .item_box .item.item_defult .nav_list {

  position: absolute;

  top: 35px;

  left: 0;

  width: 90%;

  background-color: #fff;

  color: #222;

  transition: all 1.3s;

  display: none;

}



.header .nav_box .item_box .item.item_defult .nav_list a {

  display: block;

  width: 100%;

  padding: 14px 0;

  text-align: center;

  font-size: 14px;

  color: #999;

}



.header .nav_box .item_box .item.item_defult .nav_list.active {

  display: block;

  /* -ms-transform: translateY(0%);

  -moz-transform: translateY(0%);

  -webkit-transform: translateY(0%);

  transform: translateY(0%); */

  z-index: 99;

}



.header .nav_box .item_box .item.item_defult .nav_list a.active {

  background-color: #e5e5e5;

}



.header .nav_box .mask .left .list>li .options.second .item {

  width: 100%;

}



.header .nav_box .mask .left .list>li .options.second .item a.active img {

  opacity: 1;

}



.header .nav_box .mask .left {

  width: 60%;

  float: left;

}



.header .nav_box .mask .left .list {

  float: left;

  width: 100%;

  color: #999;

  /* padding-right: 50px; */

}



/* .header .nav_box .mask .left .list:nth-child(2) {

  padding-left: 50px;

} */



.header .nav_box .mask .left .list>li {

  width: 100%;

}



.header .nav_box .mask .left .list>li span,
.header .nav_box .mask .left .list>li h2 {

  display: inline-block;

  letter-spacing: 1px;

  font-size: 14px;

}



.header .nav_box .mask .left .list>li .options:nth-child(1) {

  width: 20%;

  border-right: 1px solid #e5e5e5;

}



.header .nav_box .mask .left .list>li .options.second {

  border-right: 1px solid #e5e5e5;

}



.header .nav_box .mask .left .list>li .options.second,

.header .nav_box .mask .left .list>li .options.product {

  padding-left: 30px;

}



.header .nav_box .mask .left .list>li .options {

  float: left;

  padding: 10px 0;

  width: 35%;

}



.header .nav_box .mask .left .list>li .options .options_title {

  padding-top: 14px;

}



.header .nav_box .mask .left .list>li .options .options_title:first-child {

  padding-top: 0;

}



.header .nav_box .mask .left .list>li .options .item {

  width: 50%;

  padding: 14px 0;

  margin-right: 0;

}



.header .nav_box .mask .left .list>li .options.product .item {

  float: left;

}



.header .nav_box .mask .left .list>li .options:first-child,

.header .nav_box .mask .left .list>li .options.second,

.header .nav_box .mask .left .list>li .options .item:first-child,

.header .nav_box .mask .left .list>li .options.product .item:nth-child(2) {

  padding-top: 0;

}



.header .nav_box .mask .left .list>li .options.active,

.header .nav_box .mask .left .list>li .options .options_title.active,

.header .nav_box .mask .left .list>li .options .item a.active {

  color: #2a78ab;

}



.header .nav_box .mask .left .list>li .options.second .item a.active {

  background-color: transparent;

  color: #2a78ab;

}



.header .nav_box .mask .left .list>li .options.active img,

.header .nav_box .mask .left .list>li .options .options_title.active img {

  opacity: 1;

}



.header .nav_box .mask .left .list .options img {

  /* display: none; */

  width: 20px;

  height: 8px;

  opacity: 0;

}



.mask .mask_box .options.second,

.mask .mask_box .options.product,

.mask .mask_box .options.product .product_list,

.mask .mask_box .options.first {

  display: none;

}



.mask .mask_box .options.second.show,

.mask .mask_box .options.product.show,

.mask .mask_box .options.product .product_list.show,

.mask .mask_box .options.first.show {

  display: block;

}



.header .nav_box .mask .right {

  width: 39%;

  float: right;

  text-align: center;

  color: #999;

}



.nav_box {

  width: 100%;

  border-bottom: 1px solid #e8e8e8;

}



/* .nav_link_list{

  border: 1px solid #000;

}

 */

/* 内页链接跳转 */

.nav_link_list,

.nav_children_link_list {

  margin: 0px auto;

}



.nav_children_link_list {

  padding: 0 68px;

}



.nav_link_list li,

.nav_children_link_list li {

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 30px;

  padding: 20px 0;

  margin-left: 26px;

}



.nav_children_link_list li.active {

  border-bottom: 2px solid #487db7;

}



.nav_children_link_list li.active a {

  color: #487db7;

}



.nav_children_link_list li {

  margin-left: 0;

}



.nav_link_list li:nth-child(1),

.nav_children_link_list li:nth-child(1) {

  margin-left: 0;

}



.nav_link_list li .left_line,

.nav_children_link_list li .left_line {

  display: inline-block;

  width: 3px;

  height: 17px;

  background-color: #2a78ab;

}



.nav_link_list li a,

.nav_children_link_list li a {

  display: inline-block;

  margin-left: 20px;

  color: #666;

}



.nav_children_link_list li a {

  margin-left: 10px !important;

}



.nav_link_list li.active::before,

.nav_children_link_list li.active::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  width: 3px;

  height: 17px;

  transform: translateY(-50%);

  background-color: #2a78ab;

}



.nav_link_list li a.active,

.nav_children_link_list li a.active {

  color: #2a78ab;

  font-weight: 500;

}



.navbar-togger {

  float: right;

  background: transparent;

  border: none;

  padding: 17px 15px;

  /* display: inline-block; */

  margin-right: -15px;

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

  height: 2px;

  background-color: #136091;

  opacity: 1;

  -webkit-transition: all 0.4s ease-out;

  -o-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

}



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

  margin: 5px 0;

}



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

  -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:nth-of-type(2) {

  opacity: 0;

  -webkit-transform: translateX(5px);

  -ms-transform: translateX(5px);

  transform: translateX(5px);

}



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

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

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

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

}



.language {

  margin-top: 20px;

}



.language a {

  display: inline-block;

  background: #136091;

  font-size: 0;

  color: #fff;

  padding: 6px 15px;

}



.language span {

  vertical-align: middle;

  font-size: 14px;

  color: #fff;

}



.language img {

  height: 16px;

  margin-right: 6px;

  vertical-align: middle;

}



.header .nav_bar,

.header .buy_box,

.header .search_box {

  display: inline-block;

}



.header .header_container {
  display: flex;
  justify-content: space-between;

  height: 100%;

  line-height: 132px;

  margin: 0 auto;

}



.header .nav_bar {

  width: 25%;

  height: 100%;

  background-color: #fff;

}



.header .nav_bar .logo {

  width: 224px;

}

.header .nav_bar .logo img {

  width: 100%;

  vertical-align: middle;

}



.header .search_box {

  /* position: relative;

  width: 50%;

  height: 100%;

  margin: 0 auto;

  text-align: center;

  float: left; */
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;

}



.header .search_box .icon {

  display: block;

  width: 16px;

  height: 16px;

  position: absolute;

  top: 50%;

  /* right: 22%; */
  right: 14px;

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

  -moz-transform: translateY(-50%);

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

  transform: translateY(-50%);

}



.header .search_box .input {

  /* width: 62%;

  padding: 14px 17px; */
  width: 100%;
  padding: 14px 10px;

  border-radius: 30px;

  border: 1px solid #f2f2f2;
  height: 21px;

}



.header .buy_box {

  width: 25%;

  height: 100%;

}



.header .buy_box .box {

  position: relative;

  float: right;

  cursor: pointer;

  padding-left: 24px;

}



.header .buy_box .box .text {

  position: relative;

  font-size: 16px;

  color: #666666;

  z-index: 2;

}



.header .buy_box .box .text .language {

  line-height: 21px;

}



.header .buy_box .box .text .other_language {

  position: absolute;

  top: 32px;

  left: 0;

  /* transition: all 0.3s; */

  width: 100%;

  height: 100%;

  text-align: center;

  opacity: 0;

  z-index: -1;

}



.header .buy_box .box .text .other_language .language {

  padding: 10px 0;

  background-color: #f4f4f4;

  margin-top: 0;

  transition: all 0.3s;



}

.header .buy_box .box .text .other_language .language:hover {

  color: #999;

}

.header .buy_box .box .text .other_language.active {

  opacity: 1;

  z-index: 1;



}



.header .buy_box .box .jiantou {

  display: inline-block;

  width: 0;

  height: 0;

  width: 0;

  height: 0;

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-bottom: 5px solid transparent;

  border-top: 5px solid #ccc;

  line-height: 14px;

  margin-left: 6px;

}



.header .buy_box .box .icon {

  display: inline-block;

  position: absolute;

  /* left: -24px; */

  left: 0;

  top: 50%;

  transform: translateY(-50%);

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

  -moz-transform: translateY(-50%);

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

  width: 17px;

  height: 17px;

}

.header-line {

  border-bottom: 1px solid #eee;

}

.header .nav {

  display: block;

  margin: 0 auto;

  /* padding: 12px 0; */

}

.header .nav.navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


.header .nav .item_box {

  padding: 12px 0;

  display: inline-block;

}



.header .nav .item {

  display: inline-block;

  width: 178px;

  padding: 8px 0px 8px 8px;

  margin-right: 4px;

  color: #666;

}



.header .nav .item.active,
.header .nav .item.on {

  color: #fff;

  /*background-color: #2b78ac;*/

  background: url("../images/nav-button.png") no-repeat 100%;

}



.header .nav .item .h_title {

  width: 100%;

  display: inline-block;

}

/* .header .nav .item .h_title:hover span {

  color: #fff;

} */

.header .nav .item.on .h_title:hover span {

  color: #fff;

}

.header .nav .item .jiantou {

  display: inline-block;

  width: 0;

  height: 0;

  width: 0;

  height: 0;

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-bottom: 5px solid #ccc;

  border-top: 0;

  line-height: 14px;

  margin-left: 6px;

}



.header .nav .item.active .jiantou {

  border-top: 5px solid #fff;

  border-bottom: 0;

}



.application h1,
.application .h3 {

  font-size: 40px;

  font-weight: 500;

}



.application .contents {

  width: 100%;

  /*margin-top: 52px;*/

  padding: 80px 0px;
    
}
.application .contents .pr_box .item .text .model{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 26px;
    line-height: 26px;
}

.application.consulting_center .contents {

  background-color: #f3f3f3;

}



.application .contents .subtitle .title {

  font-size: 40px;

}



.application .contents .subtitle {

  font-size: 18px;

  line-height: 36px;

  margin: 21px 0 23px 0;

}



.application .contents .line {

  width: 50px;

  height: 4px;

  opacity: 1;

  background: #2a78ab;

}



.application .contents .box {

  display: block;

  width: 100%;

  /* margin-top: 40px; */

}



.application.server_page .contents,

.application.product_detail .contents {

  background-color: #f3f3f3;

}



/* 内页链接跳转 */



.nav_link_list li,

.nav_children_link_list li {

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 30px;

  padding: 20px 0;

  margin-left: 26px;

}



.nav_children_link_list li {

  margin-left: 30px;

}



.nav_link_list li:nth-child(1),

.nav_children_link_list li:nth-child(1) {

  margin-left: 0;

}



.nav_link_list li .left_line,

.nav_children_link_list li .left_line {

  position: absolute;

  top: 50%;

  left: 0px;

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

  -moz-transform: translateY(-50%);

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

  transform: translateY(-50%);

  display: inline-block;

  width: 3px;

  height: 17px;

  background-color: #2a78ab;

}



.nav_link_list li a,

.nav_children_link_list li a {

  display: inline-block;

  margin-left: 20px;

  color: #666;

}



.nav_link_list li.active::before,

.nav_children_link_list li.active::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  width: 3px;

  height: 17px;

  transform: translateY(-50%);

  background-color: #2a78ab;

}

@media (max-width:768px) {

  .nav_link_list li.active::before,
  .nav_children_link_list li.active::before {

    left: -10px;

    content: unset;

  }

  .nav_link_list li .left_line,
  .nav_children_link_list li .left_line {

    display: none;

  }

}



.nav_link_list li a.active,

.nav_children_link_list li a.active {

  color: #2a78ab;

  font-weight: 500;

}



/*手机-底部*/

.foot-app {

  width: 100%;

  display: none;

  background: #2b2b2b;

  padding: 20px 0 40px;

}



/* 手机-头部导航 */

.foot-app.app_nav {

  display: block;

  position: fixed;

  top: 48px;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #fff;

  border-top: 1px solid #666;

  z-index: 998;

  -ms-transform: translateY(-100%);

  -moz-transform: translateY(-100%);

  -webkit-transform: translateY(-100%);

  transform: translateY(-100%);

  transition: all 0.3s;

  overflow: auto;

}



.foot-app.app_nav .footer_nav2 li {

  border-bottom: 1px solid #e5e5e5;

  padding-left: 15px;

}



.foot-app.app_nav .footer_nav2 li:last-child {

  border: 0;

}



.foot-app.app_nav .footer-cont {

  padding: 0;

}



.footer-menu {

  padding: 0 15px;

}



.foot-app.app_nav .footer-menu {

  padding: 0 40px 30px 40px;

}



.foot-app.app_nav .footer-menu .header_mobile_input {

  position: relative;

  width: 50%;

  border: 1px solid #c0c0c0;

  border-radius: 22px;

  line-height: 30px;

  padding-left: 10px;

  padding-right: 42px;

  margin-top: 20px;

}



.foot-app.app_nav .footer-menu .header_mobile_input input {

  width: 100%;

}



.foot-app.app_nav .footer-menu .header_mobile_input img {

  position: absolute;

  top: 50%;

  right: 18px;

  transform: translateY(-50%);

  width: 16px;

  height: 16px;

}



.footer-link {

  padding: 15px 0;

  color: #777;

  font-size: 14px;

}



.footer-link a {

  font-size: 14px;

  color: #777;

  line-height: 24px;

}



.footer-tit {

  position: relative;

  border-bottom: 1px solid #333;

}



.foot-app.app_nav .footer-tit {

  border-color: #e5e5e5;

}



.footer-tit.on>a {

  color: #136091;

}



.footer-tit a {

  font-size: 16px;

  color: #777;

  line-height: 48px;

  margin-right: 48px;

  transition: all 0.4s;

}



.footer-tig {

  font-size: 14px;

  color: #777;

  text-align: right;

  line-height: 48px;

  width: 20px;

  height: 48px;

  position: absolute;

  right: 0px;

  top: 0;

  z-index: 2;

}



.footer-tig::before,

.footer-tig::after {

  content: "";

  background: rgba(255, 255, 255, 0.6);

  position: absolute;

  top: 50%;

  transition: all 0.3s;

  left: 50%;

}



.foot-app.app_nav .footer-tig::before,

.foot-app.app_nav .footer-tig::after {

  background-color: #777;

}



.footer-tit.active>a {

  color: #2a78ab;

}



.footer-tit.active .footer-tig::after {

  transform: rotate(90deg);

}



.footer-tig::before {

  width: 16px;

  height: 2px;

  margin-left: -7px;

}



.footer-tig::after {

  width: 2px;

  height: 16px;

  margin-top: -7px;

}



.footer-tit.on .footer-tig::after {

  opacity: 0;

}



.footer-tit.on .footer-tig::before {

  background: #136091;

}



.footer-cont {

  display: none;

  padding: 0 15px 15px;

}



.footer-cont a {

  /* font-size: 12px; */

  font-size: 14px;

  line-height: 24px;

}



.foot-app .footer_nav2 li a {

  padding: 8px 0;

}



.footer-tit.on .footer-cont a.on {

  color: #136091;

}



/* 21.11.16修改 */

.lng_ss_box {

  display: flex;

  line-height: 1;

  /* flex-direction: column; */

  margin-top: 5px;

}

.language a {

  line-height: 1;

  padding: 10px 25px;

  border-radius: 5px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.foot-app.app_nav .footer-menu .header_mobile_input {

  /* width: 100%; */

  flex: 1.3;

  height: 40px;

  line-height: 40px;

  display: flex;

  border-radius: 6px;

}

.language.nav-pane {

  display: flex;

  /* align-items: center; */

  /* width: 100%; */

  flex: 1;

  justify-content: flex-end;

}

/* 21.11.16修改 */



.footer-bot {

  padding: 20px 15px;

}



.footer-bot p a {

  margin-right: 20px;

}



.footer-bot p.p2 {

  margin-top: 10px;

}



.footer-bot p,

.footer-bot p a {

  color: #777;

  font-size: 14px;

}



.footer-bot dd {

  color: #777;

  font-size: 14px;

  line-height: 24px;

  padding-left: 22px;

}



/* .footer-bot dd.dd-add {

  background: url('./images/add.png') no-repeat left 3px;

} */



.footer-bot .bdshare-button-style0-32 {

  margin-top: 15px;

}



/* pc端底部 */

.footer {

  background-color: #2b2b2b;

  padding: 42px 0;

  color: #fff;

}



.footer .bg {

  margin: 0 auto;

}



.footer .bg>.title {

  font-size: 24px;

  margin-bottom: 36px;

}



.footer .info .left,

.footer .info .center,

.footer .info .right {

  float: left;

  width: 33%;

}



.footer .info {

  margin-top: 16px;

}



.footer .info .left .box {

  line-height: 30px !important;

  margin-top: 0;

}



.footer .info .left .box:nth-child(2) {

  margin: 26px 0 !important;

}



.footer .info .left .icon {

  float: left;

  width: 30px;

  height: 30px;

}



.footer .info .left .text {

  float: left;

  color: #fff;

  margin-left: 12px;

  font-size: 16px;

  line-height: 26px;

}



.footer .info .center .text {

  width: 50%;

  height: 30px;

  line-height: 28px;

  text-align: left;

  float: left;

  font-size: 18px;

  color: #fff;

}



.footer .info .center .text:hover {

  color: #2a78ab;

}



.footer .info .center .text:nth-child(3),

.footer .info .center .text:nth-child(4) {

  margin: 28px 0;

}



/* .footer .info .right {

} */



.footer .info .right .code {

  float: right;

  width: 40%;

  text-align: center;

}



.footer .info .right .code .text {

  margin-top: 4px;

}



.footer .info .right .box {

  float: right;

  width: 36%;

  padding: 12px 0;

  margin-top: 0;

}



.footer .info .right .box>.text {

  font-size: 16px;

}



.footer .info .right .box .tell {

  font-weight: 700;

  font-size: 28px;

  margin: 8px 0 10px 0;

}



.footer .info .right .box .icon_box .icon {

  float: left;

  width: 30px;

  height: 30px;

  margin-right: 12px;

}



.footer .info .right .box .icon_box>a {

  float: left;

}



.footer .info .right .box .icon_box>a:last-child {

  margin-right: 0;

}



.footer .link_box {

  margin-top: 80px;

  color: #c2c2c2;

}



.footer .link_box>a {

  margin-left: 24px;

}



.footer .link_box>a:hover {

  color: #2a78ab;

}



.footer .line {

  width: 100% !important;

  height: 1px !important;

  background-color: rgb(194 194 194 / 10%) !important;

  margin: 20px 0 32px 0 !important;

}



.footer .footer_text {

  margin: 0 auto;

}



.footer .footer_text .left {

  float: left;

  font-size: 16px;

}



.footer .footer_text .right {

  float: right;

}



.footer .footer_text .right .text:first-child {

  display: inline-block;

  margin-right: 20px;

}



.footer .footer_text .right>a:hover {

  color: #2a78ab;

}

@media (max-width:768px) {

  .share a {

    background-size: 100%;

    background-repeat: no-repeat;

  }

  .share a.s2 {
    margin-left: 5px !important;
  }

}



.share a.s1 {

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

}



.share a.s2 {

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

}



.share a.s3 {

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

}



.share a.s4 {

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

}



/* 技术支持-解决方案、 技术支持-产品视频、资讯中心内容模板*/



#view {

  display: flex;

  flex-wrap: wrap;

}



.application .container .panel {

  /* padding: 30px 30px 20px 30px; */

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  -o-box-sizing: content-box;

  -ms-box-sizing: content-box;

  box-sizing: content-box;

}



.application .container .panel .item {

  display: inline-block;

  width: 94%;

  text-align: center;

  background-color: #fff;

  padding: 0px 0 26px;

  box-shadow: 0px 0px 11px 3px rgba(0, 0, 0, 0.05);

  border-radius: 8px;

}



@media (max-width: 921px) {



  /*todo 不知是否需要 */

  .application .container .panel .item {

    width: 100%;

  }

}



.application .container .panel.video .item {

  position: relative;

  padding: 0;

}

.application .container .panel.video .item .play_icon {

  width: 45px;

  position: absolute;

  top: 50%;

  left: 50%;

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

}

.application .container .panel .item .subtitle {

  font-size: 14px;

  color: #666;

  line-height: 24px;

  margin-top: 18px !important;

  margin-bottom: 18px !important;

}



.application .container .panel .item .date {

  font-size: 16px;

  color: #ccc;

}



.application .container .panel.video .item:hover .mask {

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

}



.application .container .panel.video .item .mask {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.2);

  transition: all 0.2s;

  -o-transition: all 0.2s;

  -moz-transition: all 0.2s;

  -webkit-transition: all 0.2s;

  -webkit-transition: all 0.2s;

}



.application .container .panel.video .item img {

  display: block;

  width: 100%;

}



.application .container .panel:nth-child(n + 4) {

  margin-top: 40px;

}



.application .container .panel .item .img {

  width: 100%;

  transition: all .75s;

}

.application .container .panel .item:hover .img {

  transform: scale(1.01);

}

.application .container .panel .item>.text,

.application .container .panel .item .subtitle,

.application .container .panel .item .date {

  width: 86%;

  text-align: left;

  margin: 0 auto;

}



.application .container .panel .item>.text {

  margin-top: 30px;

  line-height: 30px;
  height: 60px;
  font-size: 20px;

}



.application .container .panel .item:hover>.text {

  color: #2a78ab;

}



.application .container .panel .item .btn {

  display: inline-block;

  width: 86%;

  margin: 0 auto;

  margin-top: 20px;

  text-align: left;

}



.application .container .panel .item .btn .more {

  width: 120px;

  display: inline-block;

  color: #fff;

  font-size: 14px;

  background-color: #34aac4;

  padding: 8px 14px;

  text-align: center;

  border-radius: 18px;

}



.application .container .panel .item .btn .more .title {

  display: inline-block;

}



.application .container .panel .item .btn .icon {

  display: inline-block;

  margin-left: 8px;

}



.application .container>.page {

  position: relative;

  display: inline-block;

  width: 100%;

  text-align: center;

  line-height: 23px;

  margin-top: 50px;

}



.application .container>.page .page_box {

  position: absolute;

  left: 50%;

  top: 20px;

  /* width: 40%; */

  width: 100%;

  transform: translateX(-50%);

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  -o-box-sizing: content-box;

  -ms-box-sizing: content-box;

  box-sizing: content-box;

}



.application .container>.page .current {

  display: inline-block;

  position: relative;

  width: 75%;

  float: left;

}



.application .container .current a {

  display: inline-block;

  width: 7%;

  margin: 0 1%;

  padding: 0 10px;

  text-align: center;

  color: #ccc;

  font-size: 20px;

  /* padding-top: 20px; */

}



.application .container>.page .page_box>a {

  color: #ccc;

  float: left;

  width: 12%;

  /* margin: 0 1%; */

}



.application .container>.page .page_box>.current a.active {

  color: #2a78ab;

  font-weight: 500;

}



/* 关于我们（公司文化、研发中心）*/

.application.consulting_center .contents {

  background-color: #fff;

}



.application .container .about_panel .subtitle {

  margin-top: 10px;

  line-height: 18px;

}



.about_panel {

  margin: 0 auto;

  padding: 80px 0;

}



.about_panel h1 {

  font-weight: 700;

  color: #222;

  letter-spacing: 2px;

}



.about_panel .left,

.about_panel .right {

  width: 49%;

}



.about_panel .left {

  float: left;

}



.about_panel .left .left_line {

  float: left;

  width: 4px;

  height: 30px;

  background-color: #2a78ab;

}



.about_panel .left .left_line+h2 {

  float: left;

  font-size: 30px;

  font-weight: 700;

  margin-left: 8px;

}



.about_panel .bottom_line+.left {

  margin-top: 60px;

}



.about_panel .bottom_line+.left+.right {

  margin-top: 60px;

}



.about_panel .right {

  float: right;

  text-align: right;

}



.about_panel .right img {

  display: block;

  width: 100%;

}



.about_panel .left>.text {

  color: #999;

  font-size: 18px;

  line-height: 36px;

  margin-top: 58px;

}



.about_us_research_box {

  width: 100%;

  background-color: #f6f6f6;

}



.about_us_research_box:nth-child(3),

.about_us_research_box:nth-child(4),

.about_us_research_box:nth-child(6) {

  background-color: #fff;

}



.about_us_research_box .certificate {

  display: block;

  width: 100%;

}



.application .container .Highlights {

  margin-top: 20px;

}



.application .container .highlights_text {

  margin-top: 40px;

  position: relative;

  font-weight: 500;

}

.application .container .highlights_text span:nth-child(2) {

  margin-left: 30px;

}

.application .container .highlights_text::before {

  position: absolute;

  content: '';

  width: 12px;

  height: 12px;

  border-radius: 50%;

  border: 5px solid #2a78ab;

  background-color: #fff;

}

.application .num_box {

  margin-top: 20px;

}



.application .num_box .item {

  /* border: 1px solid #cccccc; */

  border-radius: 12px;

  /* padding: 12px 0; */

}



.application .num_box .item>img {

  width: 100%;

}



.application .num_box .item>img:nth-child(2) {

  margin: 6px 0;

}



.application .num_box .item .num {

  float: left;

  width: 15%;

  text-align: center;

  font-size: 48px;

  color: #2a78ab;

  /* letter-spacing: 6px; */

  padding-left: 20px;

}



.application .num_box .item .title {

  float: left;

  width: 85%;

  line-height: 64px;

  padding-left: 20px;

}



.about_panel .bottom_line+.left+.right img {

  display: block;

  width: 100%;

}



.application .about_us_research_box .box {

  margin-top: 40px;

}



.about_us_research_box .img_box {

  margin-top: 40px;

}



.about_us_research_box .img_box>img {

  width: 48%;

  float: left;

  box-shadow: 0px 0px 14px 2px rgba(16, 18, 23, 0.1);

}



.about_us_research_box .img_box>img:hover,

.about_us_research_box .img_box .item img:hover {

  transition: all 0.3s;

  transform: scale(1.1);

}



.about_us_research_box .img_box>img:nth-child(2) {

  float: right;

}



.about_us_research_box .img_box .item img {

  display: block;

  width: 100%;

}



.about_us_research_box .img_box .item {

  float: left;

  width: 48%;

}



.about_us_research_box .img_box .item:nth-child(2n) {

  float: right;

}



.about_us_research_box .img_box .item:nth-child(n + 3) {

  margin-top: 60px;

}



.wrap.wrap_mobile {

  display: none;

}



@media (max-width: 767px) {

  .nav_children_link_list li {

    width: 25%;

  }

}



@media (max-width: 768px) {

  .application .contents .bottom .text {

    font-size: 16px !important;

  }



  .header .nav_bar .logo {

    width: 24%;

  }

}



@media (max-width: 991px) {



  .support,

  .problem {

    width: 100%;

    margin: 10px 0;

  }



  .contents_mobile {

    padding: 20px 0;

  }



  .header .nav_bar {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 49px;

    padding: 0 15px;

    background-color: #fff;

    z-index: 999;

  }



  .bottom_line {

    height: 2px;

  }



  .header .nav_bar {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 49px;

    padding: 0 15px;

    background-color: #fff;

    z-index: 999999;

  }



  .footer .bg {

    padding: 0 15px;

    /* overflow: hidden; */

  }



  .header,

  .support,

  .problem,

  .nav_children_link_list,

  .application .contents .container,

  .application .contents .container.technical_customer,

  .application .technical_customer_panel .container,

  .mobile_padding {

    /*height: 50px;*/

    padding: 0 20px !important;

  }



  .header .nav_bar .logo {

    height: 34px;

    /* width: 14%; */

    width: 10%;

  }



  .header .header_container {

    line-height: 50px;

  }


  .header>.wrap .center h1,
  .header>.wrap .center .h1 {

    font-size: 24px;

  }



  .foot-app {

    display: block;

  }



  /*.cooperation .cooperation_banner .swiper-cooperation,*/

  .footer,

  /*.banner .banner_info,*/

  .search_box,

  .buy_box,

  .header .nav,

  .nav_box .nav_link_list,

  .buy_box {

    display: none !important;

  }



  .banner {

    margin-top: 0;

  }







  /*.cooperation .cooperation_banner .swiper-cooperation.swiper-cooperation-mobile,*/

  .navbar-togger,

  .language,

  .foot-app {

    display: block;

  }



  .share.bdshare-button-style0-32 a {

    display: inline-block;

    width: 30px;

    height: 30px;

    margin: 0 2px 0 0;

  }



  .header>.wrap {

    height: 200px;

  }



  .header>.wrap .bottom {

    bottom: 10px;

  }



  .header>.wrap .center h1,
  .header>.wrap .center .h1 {

    font-size: 24px;

  }



  .header>.wrap .center h2 {

    margin: 20px 0 34px;

    font-size: 14px;

  }



  .nav_link_list li {

    font-size: 9px;

    width: 72px;

  }



  .application .contents .container {

    width: auto;

  }



  .application .container .panel {

    margin-top: 30px;

  }



  .application .container .panel:nth-child(n + 4) {

    margin-top: 30px;

  }



  .header>.wrap .center {

    width: auto;

  }



  .application.consulting_center .contents {

    padding: 24px 0;

  }



  .header.consulting_center {

    padding-bottom: 15px;

  }



  .about_panel {

    padding: 20px 15px;

  }



  .about_panel h1 {

    font-size: 26px;

  }



  .application .container .about_panel .subtitle {

    font-size: 14px;

  }



  .application .container .highlights_text {

    margin-top: 20px;

  }



  /* .about_panel .left,

  .about_panel .right {

    width: 100%;

  } */



  .about_panel .left>.text {

    color: #999;

    font-size: 16px;

    line-height: 32px;

    margin-top: 20px;

    margin-bottom: 20px;

  }



  .about_us_research_box .img_box img {

    width: 100%;

  }



  .about_us_research_box .img_box img:nth-child(2) {

    margin-top: 30px;

  }



  .about_panel .left .left_line+h2 {

    font-size: 16px;

  }



  .about_panel .left .left_line {

    height: 16px;

  }



  .about_panel h1 {

    font-size: 22px;

  }



  .about_us_research_box .img_box {

    margin-top: 30px;

  }



  .about_us_research_box .img_box .item:nth-child(n + 3) {

    margin-top: 20px;

  }



  .about_panel .left {

    width: 100%;

  }



  .about_panel .right {

    width: 100%;

    margin-top: 20px;

  }



  .about_panel .left>img {

    margin-top: 20px;

  }



  .wrap {

    display: none;

  }



  .wrap.wrap_mobile {

    display: block;

    height: auto;

    margin-top: 49px;

  }



  .wrap.wrap_mobile img {

    height: auto;

    position: static;

    width: 100%;

  }



  .nav_children_link_list li {

    font-size: 16px;

    margin-left: 0;

    padding-right: 10px;

  }

}

.banner img {

  width: 100%;

  vertical-align: middle;

}



@media (min-width: 992px) {

  /*   .header {

    height: 132px;

  } */



  .nav,

  .hotkey,

  .area,

  .introduce .bg,

  .dynamic .bg,

  .recommend,

  .cooperation,

  .footer .bg,

  .footer_text,

  .banner .banner_info,

  .header_container,

  .header>.wrap .center,

  .nav_link_list,

  .nav_children_link_list,

  .support,

  .about_us,

  .about_us_recruit,

  .problem,

  .support,

  .relation,

  .application .contents .container,

  .about_panel,

  .header .nav_box .mask_box {

    width: 970px;

  }



  .foot-app.app_nav {

    display: none;

    transform: translateY(-100%) !important;

    -ms-transform: translateY(-100%) !important;

    -moz-transform: translateY(-100%) !important;

    -webkit-transform: translateY(-100%) !important;

  }



  .navbar-togger {

    display: none;

  }



  .header>.wrap {

    height: 240px;

  }



  .application .container .panel:nth-child(n + 3) {

    margin-top: 30px;

  }



  .application .container>.right .switch_box .tab {

    padding-left: 20px;

  }



  .application .container>.right .switch_box h1 {

    font-size: 16px;

    margin-right: 10px;

  }



  .about_panel .left>.text {

    margin-top: 20px;

    font-size: 16px;

    line-height: 32px;

  }



  .about_panel .left>img {

    margin-top: 32px;

    height: 248px;

    object-fit: cover;

  }



  .about_panel .right img {

    display: block;

    width: 100%;

  }



  .application .num_box {

    margin-top: 50px;

  }



  .application .num_box .item>img:nth-child(2) {

    margin: 18px 0;

  }



  .footer .info .right .box .tell {

    font-size: 22px;

  }



  .footer .info .center .text {

    font-size: 16px;

  }

}



@media (min-width: 1260px) {



  .hotkey,

  .area,

  .introduce .bg,

  .dynamic .bg,

  .recommend,

  .cooperation,

  .footer .bg,

  .footer_text,

  .banner .banner_info,

  .header .container,

  .header>.wrap .center,

  .nav_children_link_list,

  .about_us,

  .support,

  .problem,

  .nav_link_list,

  .about_us_recruit,

  .relation,

  .application .contents .container,

  .about_panel,

  .header .nav_box .mask_box {

    width: 1200px;

  }



  .header>.wrap {

    height: 280px;

  }



  /* .nav_link_list li {

        font-size: 9px;

        width: 72px;

        display: block;

    } */

  .application .container .panel:nth-child(n + 3) {

    margin-top: 0;

  }



  .application .container .panel:nth-child(n + 4) {

    margin-top: 40px;

  }





  .about_panel .bottom_line+.left {

    margin-top: 60px;

  }



  .about_panel .bottom_line+.left+.right {

    margin-top: 60px;

  }



  .about_panel .left>img {

    margin-top: 32px;

    height: 248px;

    object-fit: cover;

  }



  .about_panel .right img {

    display: block;

    width: 100%;

  }



  .application .num_box {

    margin-top: 26px;

  }



  .application .num_box .item>img:nth-child(2) {

    margin: 6px 0;

  }



  .footer .info .right .box .tell {

    font-size: 24px;

  }

}



@media (max-width: 1260px) {

  .header .nav .item {

    width: 150px;

  }

}



@media (min-width: 1460px) {



  .hotkey,

  .area,

  .introduce .bg,

  .dynamic .bg,

  .recommend,

  .cooperation,

  .footer .bg,

  .footer_text,

  .banner .banner_info,

  .header .container,

  .header>.wrap .center,

  .about_us,

  .nav_link_list,

  .nav_children_link_list,

  .support,

  .problem,

  .about_us_recruit,

  .relation,

  .application .contents .container,

  .about_panel,

  .header .nav_box .mask_box {

    width: 1200px;

  }



  .header>.wrap {

    height: 320px;

  }



  .about_panel .left>img {

    margin-top: 32px;

    height: 248px;

    object-fit: cover;

  }



  .about_panel .right img {

    display: block;

    width: 100%;

    height: 312px;

  }



  .application .num_box {

    margin-top: 26px;

  }



  .application .num_box .item>img:nth-child(2) {

    margin: 6px 0;

  }

}



@media (min-width: 1680px) {



  .hotkey,

  .area,

  .introduce .bg,

  .dynamic .bg,

  .recommend,

  .cooperation,

  .footer .bg,

  .footer_text,

  .banner .banner_info,

  .header .container,

  .header>.wrap .center,

  .nav_link_list,

  .nav_children_link_list,

  .about_us,

  .support,

  .problem,

  .about_us_recruit,

  .relation,

  .application .contents .container,

  .about_panel,

  .header .nav_box .mask_box {

    width: 1600px;

  }

  .ny_wrap {

    width: 1400px !important;

    margin: 0 auto !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

  }

  .header>.wrap {

    min-height: 360px;

    height: 360px;

  }



  .about_panel .left>img {

    margin-top: 32px;

    height: 378px;

    object-fit: cover;

  }



  .about_panel .right img {

    display: block;

    height: auto;

  }



  .application .num_box {

    margin-top: 62px;

  }



  .application .num_box .item>img:nth-child(2) {

    margin: 6px 0;

  }

}



@media (max-width: 991px) {

  .header .nav_bar .logo {

    float: left;

    line-height: 49px;

  }

}



/* !! 底部图片 */

.application .container>.right .bottom:hover,

.show_box .bottom:hover,

.application .contents .bottom:hover {

  transform: scale(1.03);

}



.show_box .bottom,

.application .contents .bottom,

.application .container>.right .bottom {

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

  background-size: contain;

  background-repeat: no-repeat;

  height: 210px;

  width: 100%;

  margin-top: 60px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  position: relative;

  transition: all 0.3s;

}



.show_box .bottom .text,

.application .contents .bottom .text {

  z-index: 10;

  text-align: center;

  font-size: 22px;

  color: white;

}



.application .contents .bottom .text {

  padding: 0 14px;

}



.show_box .bottom .img,

.application .contents .bottom .img {

  z-index: 1;

  position: absolute;

  left: 0;

  width: 100%;

  height: 100%;

  top: 0;

}



.show_box .bottom .btn,

.application .contents .bottom .btn {

  z-index: 10;

  margin-top: 18px;

  display: block;

  width: calc(160px + 12px);

  height: calc(50px + 12px);

  border: 2px dashed #3ca9fe40;

  border-radius: 30px;

}



.show_box .bottom button,

.application .contents .bottom button {

  z-index: 10;

  margin: 4px;

  height: 50px;

  width: 160px;

  color: white;

  font-size: 16px;

  /* font-weight: 600; */

  background-color: #3ca9fe;

  /* padding: 18px 45px; */

  border-radius: 30px;

  /* border: 2px dashed #ccc; */

}

.about_panel .left>.text {

  font-size: 20px;

  line-height: 36px;

  margin-top: 58px;

}



.show_box .bottom button {

  background: #fff;

}



@media(max-width: 1459px) {

  .about_panel .left>.text {

    font-size: 15px;

    line-height: 28px;

  }



  .footer .info .right .box {

    width: 49%;

  }

  .header .header_container {
    display: flex;
    justify-content: space-between;
    line-height: 100px;

  }

  .foot-app.app_nav .footer-tit {

    line-height: 50px;

  }

}

@media (max-width: 768px) {

  .header .nav_bar .logo {

    /* height: 34px; */

    /* width: 18%; */

    /* width: 40%; */

    /* width: 39.15%; */

    width: 20%;

    height: 100%;

    display: flex;

    align-items: center;

    line-height: 1;

  }

  .header .nav_bar .logo a {

    width: 100%;

    height: 45px;

    display: inline-block;

  }

  .header .nav_bar .logo a img {

    width: 100%;

    line-height: 1;

    height: 100%;

  }

  .consulting_center .container .panel {
    width: 49%;
  }

  .consulting_center #view {
    justify-content: space-between;
  }

}



@media (min-width:768px) {

  .application .container>.right .switch_box .tab::-webkit-scrollbar {

    background: none;

  }

}





@media(max-width: 500px) {

  .header .nav_bar .logo {

    width: 39.15%;

  }

  .foot-app {

    padding: 10px 0 8px;

  }

  .nav_children_link_list,
  .swiper_title,
  .switch_box .tab,
  .sub_tab {

    overflow-x: scroll;

    overflow-y: hidden;

    white-space: nowrap;

  }

  .nav_children_link_list li {

    padding: 12px 0;

  }

  .nav_children_link_list li {

    width: 23%;

    display: inline-block;

    width: auto;

    padding-right: 0;

    margin-right: 12px;

  }

  .nav_children_link_list::-webkit-scrollbar,
  .swiper_title::-webkit-scrollbar,
  .switch_box .tab::-webkit-scrollbar,
  .sub_tab::-webkit-scrollbar {

    width: 10px;

    /* height: 2px; */

    height: 0;

  }

  .nav_children_link_list::-webkit-scrollbar-thumb,
  .swiper_title::-webkit-scrollbar-thumb {

    border-radius: 10px;

    /* background: #2a78ab; */

  }

  .switch_box .tab::-webkit-scrollbar-thumb,
  .sub_tab::-webkit-scrollbar-thumb {

    border-radius: 10px;

    /* background: rgb(255,255,255,.7); */

  }

  .nav_children_link_list::-webkit-scrollbar-track,
  .swiper_title::-webkit-scrollbar-track {

    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);

    border-radius: 10px;

    background: #ededed;

  }

  .switch_box .tab::-webkit-scrollbar-track,
  .sub_tab::-webkit-scrollbar-track {

    background: rgb(42, 120, 171, .5);

  }

  .about_panel {

    padding: 0px 0px;

  }

  .application .container .about_panel .subtitle {

    margin-top: 8px;

    line-height: 18px;

    margin-bottom: 12px;

  }

  .nav_children_link_list li a {

    margin-left: 0px !important;

    padding-left: 0px;

  }

  .nav_link_list li a.active,
  .nav_children_link_list li a.active {

    padding-left: 6px;

  }

  .bottom_line {

    margin-top: 10px;

  }

  .about_us_research_box .img_box {

    margin-top: 20px;

    padding-bottom: 36px;

  }

  .about_panel .left>.text {

    color: #999;

    font-size: 13px;

    line-height: 22px;

    margin-top: 14px;

    margin-bottom: 0px;

  }

  .about_panel .left>.text p {

    padding-top: 6px;

  }

  .about_panel .left>.text p:first-child {

    padding-top: 0px;

  }

  .application .contents {

    width: 100%;

    padding: 24px 0px;

  }

  .application.consulting_center .contents {

    padding-bottom: 40px;

  }

  .application .container .highlights_text {

    margin-top: 14px;

    font-size: 14px;

  }

  .about_panel .right {

    margin-top: 0px;

  }

  .show_box .bottom,
  .application .contents .bottom,
  .application .container>.right .bottom {

    margin-top: 36px;

    margin-bottom: 18px;

  }

  .show_box .bottom .img,
  .application .contents .bottom .img {

    height: 130px;

  }

  .show_box .bottom,
  .application .contents .bottom,
  .application .container>.right .bottom {

    height: 130px;

  }

  .application .contents .bottom .text {

    padding-top: 6px;

  }

  .show_box .bottom button,
  .application .contents .bottom button {

    height: 36px;

    width: 110px;

    font-size: 14px;

    border-radius: 30px;

  }

  .show_box .bottom .btn,
  .application .contents .bottom .btn {

    width: auto;

    height: calc(34px + 12px);

    margin-top: 14px;

  }

  .application .container .panel .item {

    padding: 0px 0 20px;

  }

  .application .container .panel .item .img {

    width: 100%;

    transition: all .75s;

  }

  .application .container .panel .item>.text {

    line-height: 24px;
    height: 48px;
    font-size: 16px;

  }

  .application .container>.page .page_box {

    top: 0px;

  }

  .support,
  .problem {

    width: 100%;

    margin: 0px 0;

  }

  .appm {

    display: block !important;

  }

  .pc {

    display: none !important;

  }

}



/* 21.11.16修改 */

.header .nav .item.active,
.header .nav .item.on .h_title .title,
.header .nav .item.active .h_title {

  color: #fff;

  font-size: 16px;

}



.header .nav .item .h_title .title,
.header .nav .item .h_title {

  font-size: 16px;

}



/* 21.11.24 pc端导航栏滚动效果修改 */

/* .pcHeadBox{

  position: fixed;

  top: 0;

  background: #fff;

  z-index: 9999999;

  width: 100%;

} */

/* .header_line_fixed{

  position: fixed;

  top: 0;

  background: #fff;

  z-index: 9999999;

  width: 100%;

}



.nav_box_fixed{

  position: fixed;

  background: #fff;

  z-index: 9999999;

  width: 100%;

} */



@media (min-width:992px) {

  .header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    background: #fff;

    z-index: 9999999;

  }



  /* 内页banner样式修改 21.11.24 开始 */



  @media (min-width:1680px) {

    .center_w {

      width: 1400px;

      margin: 0 auto;

    }

  }



  @media (min-width:1460px) and (max-width:1680px) {

    .center_w {

      width: 1200px;

      margin: 0 auto;

    }

  }



  @media (min-width:1260px) and (max-width:1460px) {

    .center_w {

      width: 1060px;

      margin: 0 auto;

    }

  }



  @media (min-width:992px) and (max-width:1260px) {

    .center_w {

      width: 835px;

      margin: 0 auto;

    }

  }



  .bannerCrumbs {

    position: relative;

    width: 100%;

  }

  .bannerCrumbs img {

    width: 100%;

  }

  .bannerCrumbs .center {

    position: absolute;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    top: 0;

    width: 100% !important;

  }



  .bannerCrumbs .center h1,
  .bannerCrumbs .center .h1 {

    font-size: 38px;

  }

  .bannerCrumbs .center .h1,
  .bannerCrumbs .center h1 {

    line-height: 1;

    color: #fff;

  }



  .bannerCrumbs .center h2 {

    margin: 20px 0 34px;

    font-size: 20px;

    color: #fff;

  }



  .bannerCrumbs .center p {

    width: 34px;

    height: 4px;

    background-color: white;

    color: #fff;

  }



  .bannerCrumbs .bottom {

    position: absolute;

    bottom: 30px;

    color: #fff;

    font-size: 16px;

  }



  .bannerCrumbs .bottom a {

    color: #fff;

  }



  @media (min-width:992px) and (max-width:1260px) {

    .bannerCrumbs .center h2 {

      margin: 20px 0 15px;

    }

    .bannerCrumbs .bottom {

      bottom: 15px;

    }

  }



  /* 内页banner样式修改 21.11.24 结束 */



}