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



}



.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: 50%;

  margin-left: -80px;

  width: 160px;



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



  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.product {
  width: 25%;
}


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

  width: 25%;

}





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

  text-transform: capitalize;

}







.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 .header_container:after {
    display: none;
}






.header .nav_bar {



  width: 25%;



  height: 100%;



  float: left;



  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;



}







.header .search_box .icon {



  display: block;



  width: 19px;



  height: 19px;



  position: absolute;



  top: 50%;



  right: 22%;



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



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



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



  transform: translateY(-50%);



}







.header .search_box .input {



  width: 62%;



  padding: 14px 17px;



  border-radius: 30px;



  border: 1px solid #f2f2f2;



}







.header .buy_box {



  width: 25%;



  height: 100%;



  float: left;



  /* cursor: pointer; */



}







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



  padding: 12px 0;



  margin-right: 1.56vw;

  display: inline-block;



}







.header .nav .item {



  display: inline-block;



  width: auto;



  /* padding: 8px 0px 8px 8px; */

  height: 34px;

  padding: 0 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 center / 100% 100%;



}







.header .nav .item .h_title {



  width: 100%;

  height: 100%;

  white-space: nowrap;

  display: flex;

  justify-content: center;

  align-items: center;



}



/* .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.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;
position: relative;


}







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



  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 {



  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 结束 */



/*2024-1-2*/
/* pc端客服 */
.c-right-pop {
  display: block;
  position: fixed;
  top: 50%;
  right: 0px;
  z-index: 900;
  padding: 0px 4px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.c-right-pop a {
  display: block;
  width: 80px;
  height: 80px;
  font-size: 14px;
  color: #333;
  position: relative;
      display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.c-right-pop a .c-right-box .img  {
        max-width: 24px;
    margin: auto;
    margin-bottom: 4px;
    overflow: hidden;
}
.c-right-pop a .c-right-box .img img {
    filter: drop-shadow(-80px 0 #2a78ab);
    transform: translate(80px);
}
.c-right-pop a span {
  display: block;
  text-align: center;
  width: 100%;
}
.hello {
  display: none;
}
.hello img {
  width: 120px;
}
.c-right-pop a.a3:hover .hello {
  display: block;
  position: absolute;
  top: 50%;
  right: 120%;
  transform: translateY(-50%);
  padding: 15px;
  border: 1px solid #2a78ab;
  border-radius: 8px;
  background-color: #fff;
  transition: all 0.75s ease-out;
}

/*@media (max-width: 768px) {*/
/*  .c-right-pop {*/
/*    display: none !important;*/
/*  }*/
/*}*/