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

}

.fl{float:left;}
.fr{float:right;}

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

}



.bottom_line {

  width: 50px;

  height: 4px;

  background-color: #00468c;

  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;

}



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

}



.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: #00468c;

}



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

  background-color: transparent;

  color: #00468c;

}



.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_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: #00468c;

}



.nav_link_list li a,

.nav_children_link_list li a {

  display: inline-block;


  color: #666;

}



.nav_link_list li a.active,

.nav_children_link_list li a.active {

  color: #00468c;

  font-weight: 500;

}



.navbar-togger {

  float: right;

  background: transparent;

  border: none;

  padding: 24px 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: #00468c;

  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 {

  height: 100%;

  line-height: 100px;

  margin: 0 auto;

}



.header .nav_bar {

  width: 30%;

  height: 100%;

  float: left;

  background-color: #fff;

}



.header .nav_bar .logo{

  width: 100%;

}

.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_tel{width: 24%;  height: 100%;  float: right; margin:0 0 0 6%;}
.header .buy_tel .dh_phone{font-size: 25px; color: #ff850a; font-weight: bold; background: url(../images/tel.png) no-repeat left center;padding-left: 45px; }


.header .buy_box {
  width: 12%;

  height: 100%;

  float: right;

  /* 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;

  display: inline-block;

}



.header .nav .item {

  display: inline-block;

  width: 188px;

  padding: 8px 0px 8px 18px;

  margin-right: 4px;

  color: #222;

}



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

}



.header .nav .item.active .jiantou {

  border-top: 5px solid #fff;

  border-bottom: 0;

}



.application h2,.application .h3 {

  font-size: 32px;

  font-weight: 500;

}



.application .contents {

  width: 100%;

}



.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: #00468c;

}



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

  line-height: 30px;

  padding: 20px 0;

  margin-left: 26px;

}



.nav_children_link_list li {

  margin-left: 40px;

}



.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: #00468c;

}



.nav_link_list li a,

.nav_children_link_list li a {

  display: inline-block;

  color: #666;

}

.nav_link_list li a:hover,

.nav_children_link_list li a:hover {

  display: inline-block;

  color: #00468c;

}

@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: #00468c;

  font-weight: 500;

}



/*手机-底部*/

.foot-app {

  width: 100%;

  display: none;

  background: #2b2b2b;

  padding: 20px 0 40px;

}



/* 手机-头部导航 */

.foot-app.app_nav {

  display: block;

  position: fixed;

  top: 65px;

  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 25px 30px 25px;

}



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

  line-height: 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: #00468c;

}



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

}



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

}



.footer-bot p a {

  margin-right: 20px;

}



.footer-bot p.p2 {

  margin-top: 10px;

}



.footer-bot p,

.footer-bot p a {
  color: #bbb;
  font-size: 14px;
  line-height: 25px; text-align: center;
}



.footer-bot dd {

  color: #bbb;

  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 22px;

  color: #fff;

}



.footer .bg {

  margin: 0 auto;

}



.footer .bg>.title {

  font-size: 24px;

  margin-bottom:25px;

}



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

}




.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: #00468c;

}



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

  color: #c2c2c2;

}



.footer .link_box>a {

  margin-left: 24px;

}



.footer .link_box>a:hover {

  color: #00468c;

}



.footer .line {

  width: 100% !important;

  height: 1px !important;

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

  margin: 20px 0 22px 0 !important;

}



.footer .footer_text {

  margin: 0 auto;

}



.footer .footer_text .left {
text-align: center;
font-size: 15px;
line-height: 27px;
}



.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: #00468c;

}

@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: #00468c;

}



.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: #00468c;

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

}



.about_panel .left {

  float: left;

}



.about_panel .left .left_line {

  float: left;

  width: 4px;

  height: 30px;

  background-color: #00468c;

}



.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;
overflow: hidden;
}



.about_panel .right img {
  display: block;
  width: 100%; -webkit-transition:0.5s;transition:0.5s;

}
.about_panel .right:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}


.about_panel .left>.text {

  color: #555;

  font-size: 16px;

  line-height: 35px;

  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 #00468c;

  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: #00468c;

  /* 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: 65px;

    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 {
    width: 35%;

  }



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

  }

.header .buy_tel{display: none;}

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

  }



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

  }



  .bannerCrumbs {

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

  }



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

  }



  .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: 1600px !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: 65px;

  }

}



/* !! 底部图片 */

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

  margin-top: 45px;

}



.show_box .bottom button{

  background: #fff;

}



@media(max-width: 1459px) {

  .about_panel .left>.text {

    font-size: 15px;

  }



  .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{
    padding-top: 6px;
    line-height: 1;

  }

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

  }

  .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: #00468c; */

}

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

}


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

  font-size: 15px;

  line-height: 32px;

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

}

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

  }



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



  @media (min-width:1680px) {

    .center_w{

      width: 1600px;

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

      margin: 0 auto;

    }

  }



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

    .center_w{

      width: 96%;

      margin: 0 auto;

    }

  }



  .bannerCrumbs{

    position: relative;

    width: 100%; margin-top: 162px;

  }

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

  }



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


}


.abojswhlb{margin: 64px auto; overflow: hidden;}
.abojswhlb ul{margin-left: -1%;}
.abojswhlb li{width: 24%;float: left;margin-left: 1%;  padding:0;transition: all .6s ease;text-align: center; position: relative;}
.abojswhlb li img{width: 100%;margin: 0 auto;-webkit-transition:0.5s;transition:0.5s;}
.abojswhlb-img{width: 100%;-webkit-transition:0.5s;transition:0.5s; overflow: hidden;}
.abojswhlb li .abojswhlb-img:hover img{-webkit-transform:scale(1.15);transform:scale(1.15);}
.abojswhlb-img-y{display: block;}
.abojswhlb-img-h{display: none;}
.abojswhlb li .wh_text{position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, .55); width: 100%; padding: 12px 0 35px;}
.abojswhlb li .wh_text h6{font-size: 25px;color: #fff;margin: 18px 0;transition: all .4s ease; text-align: center; position: relative;}
.abojswhlb li .wh_text span{ width: 35px; height: 2px; background: #fff; margin: 14px auto; display: block;}
.abojswhlb li .wh_text p{font-size: 17px;color: #eee;line-height: 1.4em;transition: all .4s ease;}
.abojswhlb li:hover .abojswhlb-img-y{display: none;}
.abojswhlb li:hover .abojswhlb-img-h{display: block;}
.abojswhlb li:hover h6, .abojswhlb li:hover p{color: #fff;}


.Ulimg{margin:45px 0;overflow: hidden;}
.Ulimg ul{ margin-left:-2%;}
.Ulimg li{ float:left; width:23%; margin-left:2%; text-align:center; margin-bottom:1%; box-sizing: border-box; overflow: hidden;}
.Ulimg li .upimg{width: 100%; border: 4px solid #e2e2e2; overflow: hidden;}
.Ulimg li .upimg img{ max-width:100%; -webkit-transition:0.5s;transition:0.5s;}
.Ulimg li .upimg:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.Ulimg li span{display:block; line-height:22px; font-size:15px; padding: 14px 0 0;}


/*products*/
.products{margin:0;overflow: hidden;}
.products ul{overflow: hidden; margin-left:0;}
.products ul li{width: 31.333%; margin:0 2% 4% 0;border:1px solid #dcdcdc; box-shadow: 0px 2px 5px #dcdcdc; border-radius: 5px; padding: 1%; float: left;}
.products ul li .item_img{display: inline-block; width: 100%; overflow: hidden;}
.products ul li .item_img img{max-width: 100%; -webkit-transition:0.5s;transition:0.5s;}
.products ul li .item_img:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.products ul li .item_text {display: inline-block; width:100%; }
.products ul li .item_text h5{font-size:18px; padding: 10px 0; line-height: 35px; color: #000;text-align: center;}
.products ul li .item_text p{font-size:14px;line-height: 30px; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


/*  产品详情 */
.products_con{width:100%;  margin-top:32px; overflow: hidden;}
.products_con .t_l{float: left;width: 58%;}
.products_con .t_l img{width: 100%;}
.gallery-toper{border: 1px solid #CCC; overflow: hidden;}
.gallery-toper .swiper-pagination .swiper-pagination-bullet{margin:0 3px;}
.gallery-toper .swiper-pagination-bullet{width: 6px;height: 6px;background: #333;opacity: 0.1;}
.gallery-toper .swiper-pagination-bullet-active{background: #333;opacity: 1;}
.gallery-toper .swiper-button-next,.gallery-toper .swiper-button-prev{background: #00468c;  width: 42px;height: 42px;text-align: center; padding: 6px; margin-top: -42px;outline: medium;}

.gallery-toper .swiper-button-next i img, .gallery-toper .swiper-button-prev i img{max-width: 100%;}
.gallery-thumbser{margin: 20px 0 0 !important;}
.gallery-thumbser .swiper-slide {display: inline-block;border:1px solid #CCC;box-sizing: border-box;}
.gallery-thumbser .swiper-slide-thumb-active {border:1px solid #0d77c3;}

.products_con .t_r{float: right;width: 37.5%;}
.products_con .t_r h5{font-size: 25px;padding-bottom: 20px;border-bottom: 1px solid #bbb;margin-bottom: 15px; color: #222;}
.div_p1{ font-size:15px; color:#000; font-weight:600; }



.products_con .t_r .r_b{margin-top: 18px;line-height: 32px;padding-bottom: 30px; font-size: 15px; color: #555;}


.products_con .description{margin:22px 0; overflow: hidden;}
.products_con .description .xqbt{ margin: 0 0 15px;overflow: hidden;}
.products_con .description .xqbt span{background:url(../images/tx.png) left top no-repeat; width: 150px; height: 45px; color: #fff;font-size: 17px; line-height: 45px; display: inline-block; text-align: center;}

.products_con .description .editor{margin: 15px 0; font-size: 15px;line-height: 35px; color: #555; overflow: hidden;}
.products_con .description .editor img{max-width: 100%;}
.products_con .description .editor table{border-left: 1px solid #000;border-top:1px solid #000; width: 100%; }
.products_con .description .editor table td{border-right: 1px solid #000;border-bottom:1px solid #000; padding: 6px; line-height: 25px; text-align:center;}
.products_con .description .editor table tr:first-child{background: #00468c; height: 55px; font-size:15px; color:#fff; font-weight:bold;}



/*news*/
.cx-news-02{padding:15px 0 20px 0; background: #fff; overflow:hidden;}
.cx-news-02 .list .item{display:inline-block; justify-content:space-between;padding:30px 1%; width: 24.5%; overflow:hidden;background:#fff;}
.cx-news-02 .list .pic{width:100%;overflow:hidden;border:#f0f0f0 solid 1px;}
.cx-news-02 .list .pic img{display:block;width:100%;transition:all 1s;}
.cx-news-02 .list .pic:hover img{transform:scale(1.1);}
.cx-news-02 .list .text{width:100%;margin-top: 20px; overflow:hidden;}
.cx-news-02 .list .hd{line-height:30px;overflow:hidden;}
.cx-news-02 .list .hd h3{line-height:30px;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cx-news-02 .list .hd h3 a{color:#000;}
.cx-news-02 .list .hd h3 a:hover{color:#00468c;}
.cx-news-02 .list .hd em{display:block;font-size:14px;color:#999;padding-bottom: 10px;}
.cx-news-02 .list .bd{padding-top:8px;overflow:hidden;}
.cx-news-02 .list .bd p{height:50px;line-height:25px;font-size:14px;color:#777;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.cx-news-02 .list .tags{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top: 8px;}
.cx-news-02 .list .tags a{display:inline-block;margin-right:10px;padding:3px 25px;line-height:30px;text-align:center;font-size:14px;color:#fff;background:#777;transition:all .5s;}
.cx-news-02 .list .tags a:hover{color:#fff;background:#00468c;border-color:#00468c;}


/**新闻详情页**/
#NewsInfo{ padding:40px 0; overflow: hidden;}
#NewsInfo .title{ font-size: 22px; font-weight: normal; padding-bottom: 15px; text-align: center;}
#NewsInfo .author{ color:#999999; line-height: 1.85;padding-bottom: 15px;text-align: center;}
#NewsInfo .main_cont{ font-size: 14px; line-height: 2.2; color:#666666; border-top:1px dashed #d5d5d5; border-bottom:1px dashed #d5d5d5; padding:30px 0; }
#NewsInfo .w_cont{ max-width: 100%; margin:0 auto; line-height: 32px; }
#NewsInfo .w_cont img{max-width:100%; display: block;}
#NewsInfo .pnBox{ font-size: 14px; line-height: 35px; color:#666666; padding-top: 18px; overflow: hidden;}
#NewsInfo .pnBox .w_d{width: 48%; }
#NewsInfo .pnBox a{ color:#666666; display: block; }
#NewsInfo .pnBox a:hover{ color:#000; }



/*faq*/
.cpxqer{width:100%; padding:40px 0; overflow: hidden;}
.cpxqer ul{}
.cpxqer li{ margin-bottom:2%;background: #FFF;}
.cpxqer li i{width: 32px; padding-right: 16px;}
.cpxqer li .border.active i{color: #FFF;}
.cpxqer li span{float: right;}
.cpxqer li .border.active{background: #00468c url(../images/pic27.png) no-repeat 98% center;color: #FFF; border:1px solid #00468c;}
.cpxqer li .border{ line-height: 70px; font-size:15px; border:1px solid #DDD; padding:0 2%;background: url(../images/pic26.png) no-repeat 98% center;height: 70px;overflow: hidden;}
.cpxqer li .con_er{ display:none; line-height:27px; padding:2%; background:#FFF;border:1px solid #ccc}
.cpxqer li .con_er table{ border-top:1px solid #DDD; border-left:1px solid #DDD;}
.cpxqer li .con_er table td{ border-right:1px solid #DDD; border-bottom:1px solid #DDD; padding:0 1%;}




.ContactBlock{padding:60px 0 42px 0; background:#ededed;}
.ContactBlock .content{background:#fff;overflow: hidden;}
.ContactBlock .l_cont{float: left; width: 50%; padding: 4% 3.5% 0; box-sizing: border-box;}
.ContactBlock .l_cont .title{ font-size: 24px; }
.ContactBlock .l_cont .title .line{ display: block; width: 32px; height: 2px; background-color: #ff850a; margin:15px 0; }
.ContactBlock .l_cont .ul{ padding-top:25px; }
.ContactBlock .l_cont .ul li{ position: relative; padding-left: 65px; font-size: 16px; line-height: 20px; color:#444; margin-bottom:22px; }
.ContactBlock .l_cont .ul li .t-cell{ display: table-cell; height: 48px; vertical-align: middle; }
.ContactBlock .l_cont .ul .icons{ height: 48px; width: 48px; position: absolute; left: 0; display: block; border:1px solid #999; border-radius: 50%; background-image: url(../images/icons.png);background-repeat: no-repeat;}
.ContactBlock .l_cont .ul .tel { background-position:11px -110px; }
.ContactBlock .l_cont .ul .fax { background-position:-48px -110px; }
.ContactBlock .l_cont .ul .mail { background-position:-107px -110px; }
.ContactBlock .l_cont .ul .address { background-position:-167px -110px; }
.ContactBlock .l_cont .ul .phone { background-position:-224px -110px; }
.ContactBlock .map{float: right; width: 50%;}
.ContactBlock .map #map_container{height: 525px; z-index: 1;}


.ContactBlock .bot{ padding-top: 40px; }
.ContactBlock .bot .t-center{ text-align: center; }
.ContactBlock .bot .title{ font-size: 32px; line-height: 1.85; }
.ContactBlock .bot .ltitle{ font-size: 14px; line-height: 25px; color:#777; margin-top: 5px; margin-bottom: 35px; }
.ContactBlock .bot .form{ background-color: #fff; padding:2.2% 2.7%; display: block; }
.ContactBlock .bot .tip{ font-size: 16px; line-height: 22px; color:#666666; }
.ContactBlock .bot .input{ display: block; width: 100%; background-color: #f2f2f2; font-size: 14px; line-height: 32px; padding:8px 2.2%; color:#999; margin:15px 0 20px; }
.ContactBlock .bot .input:focus{ box-shadow: 0 0 10px rgba(0,0,0,0.08); }
.ContactBlock .bot .br{ border-radius: 5px; }
.ContactBlock .bot .submit{ line-height: 44px; height: 44px; padding:0 45px; display: inline-block; background-color: #00468c; font-size: 15px; color: #fff; cursor: pointer;} 
.ContactBlock .bot .submit:hover{ background-color: #00468c; }

.c-sm-6 { width: 50%; float: left; padding: 0 15px; box-sizing: border-box;}


.application .contents{padding-top: 0;padding-bottom: 0;}
.application .container>.left,
.application .container>.right{display: inline-block;}
.application .container>.left{width: 24.5%;float: left;padding-top: 46px;position: -webkit-sticky;position: sticky;}
.application .container>.left.l1{top: -60px;}
.application .container>.left.l2{top: -60px;}
.application .container>.left>.hbt{width: 100%;font-size:32px; text-align: right; color: #353535; letter-spacing: 2px;}
.application .container>.left>.line{width: 100%;height: 5px;background-color: #00468c;margin-top: 22px;}
.application .container .left .options{text-align: right;margin-top: 16px;padding-right: 50px;}
.application .container .left .options .item h3{position: relative;display: inline-block;color: #222;font-size: 17px;line-height: 52px; margin-top: 10px;}
.application .container .left .options .item h3::after{content: '';position: absolute;top: 50%;right: 110%;transform: translateY(-50%);width: 18px;height: 2px;background-color: #aaa;}
.application .container .left .options .item h3.active{color: #00468c;}
.application .container .left .options .item h3.active::after{width: 36px;font-weight: 500;background-color: #00468c;}
.application .container .left .options .item li {line-height: 35px; font-size: 15px; color: #666;position: relative; }


.application .container>.right{width: 75%;float: right;background-color: #fff;}
.application .container>.right{position: relative;padding: 46px 0 60px 72px;}
.application .container>.right .mask{display: none;content: '';position: absolute;top: 0;right: -100%;width: 100%;height: 100%;background-color: #fff;z-index: 1;}
.application .container>.right h4{font-size: 32px;font-weight: 500;}
.application .container>.right>.line{width: 62px;height: 4px;background-color: #00468c;margin-top: 22px;margin-bottom: 30px;}
.application .container>.right .desc{font-size: 15px;line-height: 35px;color: #555;}
.application .container>.right .desc img{max-width:100%; display: block;}


/**招聘 **/
.joins_jr{padding:32px 0; font-size: 16px; line-height: 38px; color:#444; overflow: hidden;}


.job_raper{width: 100%; margin:0 0 50px 0; overflow: hidden;}
.job_tab{background: #00468c;margin-top: 0;}
.job_tab span{display: inline-block;width: 22%;color: #ffffff;text-align: center;line-height: 60px; font-size: 17px;}
.job_tab span:last-child{width: 10%;}
.job_text li{line-height: 56px;background: #f1f1f1;border-bottom: 1px solid #fff;}
.job_text li span{display: inline-block;width: 22%;text-align: center;font-size: 15px;line-height: 35px;position: relative;}
.job_text li span:last-child{width: 10%;}
.jobs_req{display: none;box-sizing: border-box;padding: 20px 0;background: #fff;color: #333;font-size: 15px;line-height: 32px;}
.req_text{width: 100%;color: #444;font-size: 14px;}
.jobs_req p a{color: #00468c;}



@media (max-width: 991px) {
  .center_w{width: 96%;margin: 0 auto;}

  .abojswhlb li{width: 49%; margin-bottom: 1%;}
  .abojswhlb li .wh_text h6{font-size: 22px;}
  .Ulimg li{width:48%;}

.products_con .t_l{float: left;width: 100%;}
.products_con .t_r{float: right;width: 100%; margin-top: 35px;}

  #NewsInfo .pnBox .w_d{width: 100%; }

  .ContactBlock .l_cont{width: 100%;}
  .ContactBlock .map{width: 100%;}
  .ContactBlock .map #map_container{height: 425px;}
  .c-sm-6 { width: 100%; padding: 0;}

  .application .container>.left{width: 100%; padding-top: 28px;}
  .application .container>.left>.hbt{font-size:27px; text-align: left;}
  .application .container>.left>.line{margin-top: 16px;}
  .application .container .left .options{text-align: left;margin-top: 15px;padding-left: 50px; padding-right: 0;}
  .application .container .left .options .item h3{font-size: 16px;line-height: 45px;}
  .application .container>.right{width: 100%; padding: 38px 0 45px 0;}
  .application .container>.right h4{font-size: 27px;}

}



/*视频列表*/
.videoList{ margin:48px 0; overflow:hidden;}
.videoList ul{ margin-right:-2%; }
.videoList ul li{ float:left; width:31.333%; margin-right:2%; margin-bottom:2%; overflow:hidden; position:relative;}
.videoList ul li .box{ cursor:pointer; overflow:hidden;}
.videoList ul li img{display: block;width: 100%; height:100%;-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.videoList ul li .imgs{ overflow:hidden; width:100%; position:relative;}
.videoList ul li .imgs img{ display:block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.videoList ul li .imgs h3{ font-weight:normal; text-align:center; position:absolute; width:100%; bottom:0; left:0; height:48px; line-height:48px; overflow:hidden; background:rgba(0, 0, 0, 0.75); color:#FFF; font-size:15px;  transition: all 0.3s; z-index:1;white-space:nowrap;text-overflow:ellipsis; }
.videoList ul li .imgs .bgs{ position:absolute; width:100%; height:100%; top:0; left:0;background:rgba(0, 0, 0, 0.4);opacity:0;filter:Alpha(opacity=0); transition:all 0.3s;}
.videoList ul li .imgs .bgs i{ width:61px; height:61px; position:absolute; left:50%; top:0;transform: translate(-50%, 0%); background:url(../images/video_bg1.png) no-repeat; background-size:100% 100%;transition:all 0.3s;}
.videoList ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.videoList ul li:hover .imgs .bgs{opacity:1.0;filter:Alpha(opacity=100);}
.videoList ul li:hover .bgs i{transform: translate(-50%, -50%); top:50%;}

.popupVideo {display: none;width: 1000px;position: fixed; top: 50%;left: 50%; z-index: 110;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background: #fff; border-radius: 10px;padding: 20px;box-sizing: border-box;}
.popupVideo video {width: 100%; display: block;}
.mainFilter { width: 100%;height: 100%; position: fixed;top: 0; left: 0; bottom: 0; right: 0;z-index: 100;display: none;background: url(../images/mainFilter.png);}


/*视频弹出窗口*/
.zz{width: 100%;height:100%;position:fixed;top:0;left:0;z-index:1000;background:#000;opacity: 0.5;display:none;}
#video_play{width:800px;height:450px;border:1px solid #dedede;position:fixed ;left:50%;top:50%;margin-left:-400px;margin-top:-225px;z-index:9999999;display:none;border:6px solid #2a2b2d;border-radius:8px;background:#fff}
#video_play p{ line-height:25px; text-align:center; display:block; padding:5px 15px; font-size:13px;}
.close_v{display:block;width:29px;height:29px;border-radius:4px;position:absolute;top:0px;right:-35px;background:#2a2b2d url(../images/close_tb.png) no-repeat;cursor:pointer;}
.close_v:hover{background:#2a2b2d url(../images/close_tb.png) no-repeat -30px 0px;}

.theme-popover-mask{z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.75;filter:alpha(opacity=40);display:none}
.theme-popover{z-index:9999;position:fixed;top:50%;left:50%;width:660px;height:360px;margin:-180px 0 0 -330px;border-radius:5px;border:solid 2px #666;background-color:#fff;display:none;box-shadow: 0 0 10px #666;}


@media all and (max-width:1000px) {
    .videoList ul li{ width:48%;}

      #video_play{width:600px;height:400px;margin-left:-300px;margin-top:-200px;}
}

@media all and (max-width:640px) {
    .videoList ul{ margin-right:0; }
    .videoList ul li{ width:100%;  margin-right:0;}

      #video_play{width:500px;height:360px;margin-left:-250px;margin-top:-180px;}

}

@media all and (max-width:480px) {

      #video_play{width:380px;height:300px;margin-left:-190px;margin-top:-150px;}

}


.application .contents{padding-bottom: 0;}
.application .contents{padding-top: 0;}
.application .container>.title_img{display: block;width: 86%;margin: 0 auto;padding: 120px 0;}
.application .technical_customer_panel{width: 100%;background-color: #ededed;padding: 60px 0;}
.application .technical_customer_panel:nth-child(2){padding: 50px 0;background-color: #fff;}
.application .technical_customer_panel .left1{padding: 2% 0;}
.application .technical_customer_panel .left1 h2{font-size: 42px;}
.application .technical_customer_panel .left1 .text{font-size: 16px;color: #666;margin-top: 8%;line-height: 36px;}
.application .technical_customer_panel .bg{display: block;width: 100%;padding: 40px 0;}
.application .technical_customer_panel .right1{float: right;width: 48%;text-align: right;}
.application .technical_customer_panel .right1 img{display: inline-block;width: 96%;}
.application .process{width: 100%;float: left;}
.application .process>img{display: block;width: 100%;margin: 15px 0 35px 0;}
.application .process .top .item{float: left;width: 14%;text-align: center;padding: 0 10px;margin-right: 4px;cursor: pointer;transition: all 0.3s;}
.application .process .top .item:hover{transform: scale(1.05);}
.application .process .top.top_process .item:last-child{margin-right: 0;}
.application .process .top .item>div{padding: 45px 2px 25px 2px;border-radius: 15px;position: relative;}
.application .process .top .item>div::after,
.application .process .top .item>div::before{content: '';position: absolute;left: 50%;bottom: -20px;transform: translateX(-50%);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid transparent;border-top: 10px solid #fff;}
.application .process .top .item>div::before{bottom: -21px;border-top-color: rgba(15, 17, 23, 0.05);}
.application .process .top .item .line{width: 18px;height: 3px;background-color: #ccc;margin: 0 auto;}
.application .process .top .item .text{margin-top: 19px;font-size: 18px;color: #2A78AB;}
.application .process .top .item img{width: 50px;height: 50px;margin-bottom: 35px;}
.application .process .top.top_desc .item{padding: 0 24px;position: relative;}
.application .process .top.top_desc .item .text{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 0;font-size: 16px;line-height: 24px;color: #333;border: 3px solid #eeeeee;border-radius: 15px;padding-top: 0;padding-bottom: 0;height: 210px;}
.application .process .top.top_desc .item .text .line{width: 60px;margin: 19px auto 19px auto;height: 2px;background-color: #eee;}
.application .process .top.top_desc .item>div::after,
.application .process .top.top_desc .item>div::before{border-color: transparent;}
.application .technical_customer_panel .left.contact{width: 100%;}
.application .technical_customer_panel .contact_box{width: 100%;margin: 50px 0 40px 0;}
.application .technical_customer_panel .contact_box .box:nth-child(2)>img{width: 13%;}
.application .technical_customer_panel .contact_box .box:nth-child(3)>img{width: 14%;margin: 5px 0;}
.application .technical_customer_panel .contact_box .box:nth-child(2){/* margin: 0 2%;*/margin-left: 2%;margin-right: 2%;}
.application .technical_customer_panel .contact_box .box{float: left;width: 32%;background-color: #fff;padding: 3% 2%;box-shadow: 0px 0px 11px 1px rgba(15, 17, 23, 0.05);transition: all 0.3s;border-radius: 8px;}
.application .technical_customer_panel .contact_box .box:hover{transform: scale(1.05);cursor: pointer;}
.application .technical_customer_panel .contact_box .box>.right{text-align: left;margin-left: 5%;width: auto;}
.application .technical_customer_panel .contact_box .box>img,
.application .technical_customer_panel .contact_box .box>.right{float: left;}
.application .technical_customer_panel .contact_box .box>img{width: 10%;}
.application .technical_customer_panel .contact_box .box>.right .title{font-size: 18px;color: #999;}
.application .technical_customer_panel .contact_box .box>.right .num{color: #2A78AB;font-size: 20px;font-weight: 700;margin-top: 7px;/* white-space: pre-wrap;*/}
.application .technical_customer_panel .left.contact>img{width: 100%;display: block;cursor: pointer;transition: all 0.3s;}
.process_bg{display: none;}
.application .process,.process_bg{margin-top: 16px;}
.application .technical_customer_panel .left.contact>img:hover{transform: scale(1.05);}

@media (max-width: 768px){
  .process{display: none;}
.process_bg{display: block;}
.application .technical_customer_panel .contact_box .box{width: 100% !important;}
}
@media (max-width: 991px){
  .application .technical_customer_panel .left1 h2{font-size: 20px !important;}
.application .technical_customer_panel .right1{width: 100%;text-align: left; margin-top: 20px;}
.application .technical_customer_panel .right1 img{display: inline-block;width: 100%;}
.application .technical_customer_panel .left1 .text{margin-top: 3%;}
.application .technical_customer_panel{padding-top: 30px;padding-bottom: 30px;}
.application .technical_customer_panel .bg, .application .technical_customer_panel .contact_box{margin-top: 20px;margin-bottom: 20px;}
.application .technical_customer_panel .left .bottom_line{height: 2px;}
.application .technical_customer_panel .bg{padding: 0;}
.application .container>.title_img{padding: 60px 0;}
.application .process .top .item>div{height: 195px;}
}
@media (min-width:992px){
  .application .technical_customer_panel .left1 .text{font-size: 16px !important;margin-top: 8% !important;line-height: 28px !important;}
.application .technical_customer_panel .left1 h2{font-size: 30px !important;}
.application .technical_customer_panel .right1{width: 48%;}
.application .technical_customer_panel .right1 img{width: 100%;}
}
@media (max-width: 1260px){
.application .technical_customer_panel .left1 h2{font-size: 40px;}
.application .technical_customer_panel .contact_box .box{margin-top: 20px;}
.application .process .top .item{padding: 0 4px !important;margin-right: 2px !important;}
.application .process .top .item .text{font-size: 16px !important;}
.application .process .top .item img{width: 40px !important;height: 40px !important;margin-bottom: 25px !important;}
}
@media (min-width: 1260px){.application .technical_customer_panel .left1 .text{
  font-size: 16px !important;margin-top: 8% !important;line-height: 36px !important;}
.application .technical_customer_panel .left1 h2{font-size: 40px !important;}
.application .technical_customer_panel .right1 img{width: 96% !important;}
}
@media (max-width: 991px){
  .application .technical_customer_panel .contact_box .box{width: 48%;margin-top: 20px;}
.application .technical_customer_panel .contact_box .box:nth-child(2){margin-left: 0;margin-right: 0;float: right;}
}
@media (min-width: 992px){
  .application .technical_customer_panel .contact_box .box>.right .title{font-size: 16px !important;}
.application .technical_customer_panel .contact_box .box>.right .num{font-size: 13px !important;}
}
@media (max-width: 1680px){
  .application .technical_customer_panel .contact_box .box>.right1 .title{font-size: 16px;}
.application .technical_customer_panel .contact_box .box>.right1 .num{font-size: 16px;}
.application .process .top .item{padding: 0 8px;margin-right: 3px;}
.application .process .top .item .text{font-size: 16px;}
.application .process .top .item img{width: 40px;height: 40px;}
.application .process .top.top_desc .item .text{font-size: 16px;}
.application .process .top.top_process{margin-left: 2px;}
}
@media (min-width: 1680px){
  .application .technical_customer_panel .left1 .text{font-size: 20px;}
.application .technical_customer_panel .contact_box .box>.right1 .title{font-size: 18px !important;}
.application .technical_customer_panel .contact_box .box>.right1 .num{font-size: 20px !important;}
.application .process .top.top_desc .item .text{font-size: 16px;}
.application .process .top.top_process{margin-left: 4px;}
}