@charset "UTF-8";
* { touch-action: pan-y; }

.ybl_w { width: 1200px; margin: 0 auto; }

.ybl_fl { float: left; }

.ybl_fr { float: right; }

a { color: #000; }

a:hover { text-decoration: none; color: initial; }

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:focus { text-decoration: none; }

[role=button] { outline: none; }

i { font-style: normal; }

.uppercase { text-transform: uppercase; }

.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ybl_flex { display: flex; }

.ybl_flex_wrap { flex-wrap: wrap; }

.ybl_clear::before,
.ybl_clear::after {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

html {
  -webkit-tap-highlight-color: transparent;
  font-size: 40px;
  font-size: 2.4vw;
  overflow-x: hidden;
}

@media screen and (max-width: 768px) {
  html { font-size: 28.8px; font-size: 3.75vw; }
}

body {
  font-size: 14px;
  font-family: '思源黑体', 'Arial', 'Calibri', "Microsoft YaHei", sans-serif;
  background-color: #fff;
  text-align: center;
  overflow-x: hidden;
  min-width: 320px;
}

.y_font-family {
  font-family: 'Arial';
  font-style: italic;
}

.img_transition_scale { overflow: hidden; }

.img_transition_scale:hover img { transform: scale(1.2); }

.img_transition_scale img { transition: all 0.6s ease-in-out; }

@media (min-width: 1200px) {
  .container { width: 1200px; }
}

@media (min-width: 992px) {
  .container { padding-left: 0; padding-right: 0; }
}

.container::before,
.container::after { display: none; }

@media (min-width: 1400px) {
  .container1400 { width: 1400px; }
}

@media (min-width: 1480px) {
  .container1480 { width: 1480px; }
}

.black_color_y { color: black !important; }

.black_backgroundcolor_y::after { background-color: #000 !important; }

.nav_up { top: -256px; }

.text_indent_2em { text-indent: 2em; }

/* 自定义公共辅助类 */
.base-color { color: #005ba0; }

.base-background-color { background-color: #005ba0; }

.nopadding_lr { padding-left: 0; padding-right: 0; }

.nomargin_lr { margin-left: 0; margin-right: 0; }

.flex_y { display: flex; flex-wrap: wrap; }

.flex_wrap_y { flex-wrap: wrap; }

.flex_nowrap_y { flex-wrap: nowrap; }

.justify_center { justify-content: center; }

.align_center { align-items: center; }

.line-height1 { line-height: 1; }

.line-height1_8 { line-height: 1.8; }

.fwb { font-weight: bold; }

.fw600 { font-weight: 600; }

.fz50 { font-size: 50px; }

@media (max-width: 768px) {
  .fz50 { font-size: 30px; }
}

.fz40 { font-size: 40px; }

@media (max-width: 768px) {
  .fz40 { font-size: 30px; }
}

.fz30 { font-size: 30px; }

@media (max-width: 768px) {
  .fz30 { font-size: 25px; }
}

.fz25 { font-size: 25px; }

@media (max-width: 768px) {
  .fz25 { font-size: 18px; }
}

.fz20 { font-size: 20px; }

@media (max-width: 768px) {
  .fz20 { font-size: 16px; }
}

.fz18 { font-size: 18px; }

@media (max-width: 768px) {
  .fz18 { font-size: 15px; }
}

.text-align_center { text-align: center; }

.letter-spacing2 { letter-spacing: 2px; }

.letter-spacing4 { letter-spacing: 4px; }

@media (max-width: 1200px) {
  .md_paddinglr15 { padding-left: 15px; padding-right: 15px; }
}

@media (max-width: 992px) {
  .sm_paddinglr15 { padding-left: 15px; padding-right: 15px; }
}

@media (max-width: 768px) {
  .xs_paddinglr15 { padding-left: 15px; padding-right: 15px; }
}

@media (max-width: 992px) {
  .sm_nopaddinglr { padding-left: 0; padding-right: 0; }
}

.paddingtb40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (max-width: 768px) {
  .paddingtb40 {
    padding-top: 1.38889rem;
    padding-bottom: 1.38889rem;
  }
}

.paddingtb50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (max-width: 768px) {
  .paddingtb50 {
    padding-top: 1.73611rem;
    padding-bottom: 1.73611rem;
  }
}

.margintop15 { margin-top: 15px; }

.margintop20 { margin-top: 20px; }

@media (max-width: 768px) {
  .margintop20 { margin-top: 0.69444rem; }
}

.margintop30 { margin-top: 30px; }

@media (max-width: 768px) {
  .margintop30 { margin-top: 1.04167rem; }
}

.margintop40 { margin-top: 40px; }

@media (max-width: 768px) {
  .margintop40 { margin-top: 1.38889rem; }
}

.margintop50 { margin-top: 50px; }

@media (max-width: 768px) {
  .margintop50 { margin-top: 1.73611rem; }
}

.margintb50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .margintb50 {
    margin-top: 1.73611rem;
    margin-bottom: 1.73611rem;
  }
}

.width100 { width: 100%; }

/*=============  公共部分结束  =============*/
/*  头部  */
header {
  position: fixed;
  top: 0;
  z-index: 520;
  width: 100%;
  transition: all .3s linear;
  box-shadow: 0 5px 5px #eee;
}

header .header_content {
  background-color: rgba(255, 255, 255, 0.7);
  color: #004899;
}

header .header_content .container {
  display: flex;
  justify-content: space-between;
}

header .header_content .container::before,
header .header_content .container::after { display: none; }

header .header_content .container .hc_left {
  display: flex;
  align-items: center;
  padding: 10px 0;
}

header .header_content .container .hc_left .company_logo {
  display: flex;
  align-items: center;
}

header .header_content .container .hc_left .company_logo a.hc_logo { height: auto; }

header .header_content .container .hc_left .company_logo a.hc_logo img { height: 37px; }

header .header_content .container .hc_left .company_logo .left_text {
  margin-left: 10px;
  line-height: 1;
  text-align: left;
  color: #004899;
  font-size: 16px;
  white-space: nowrap;
}

@media (max-width: 1200px) {
  header .header_content .container .hc_left .company_logo .left_text { font-size: 14px; }
}

header .header_content .container .hc_left .company_logo .left_text .en { margin-top: 5px; }

header .header_content .container .hc_left .company_logo .left_text .ch {
  font-size: 28px;
  font-weight: 600;
  margin-top: 5px;
}

@media (max-width: 1200px) {
  header .header_content .container .hc_left .company_logo .left_text .ch { font-size: 22px; }
}

header .header_content .container .hc_right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

header .header_content .container .hc_right ul.hc_nav {
  display: flex;
  white-space: nowrap;
}

header .header_content .container .hc_right ul.hc_nav > li.nav_on > a { background-color: transparent; }

header .header_content .container .hc_right ul.hc_nav > li.nav_on > a::after { width: 100%; }

header .header_content .container .hc_right ul.hc_nav > li.dropdown ul.dropdown-menu {
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  width: 200px;
  background: #fff;
  border: solid 1px #e0e0e0;
  border-top: solid 5px;
}

header .header_content .container .hc_right ul.hc_nav > li.dropdown ul.dropdown-menu > li > a {
  padding: 10px 15px;
  border-bottom: solid 1px #eee;
  color: #6f6f6f;
}

header .header_content .container .hc_right ul.hc_nav > li.dropdown ul.dropdown-menu > li > a:hover {
  background: rgba(98, 166, 211, 0.5);
  color: #fff;
}

header .header_content .container .hc_right ul.hc_nav > li.dropdown ul.dropdown-menu > li:last-child > a { border-bottom: none; }

header .header_content .container .hc_right ul.hc_nav > li.dropdown ul.dropdown-menu li a { text-align: left; }

header .header_content .container .hc_right ul.hc_nav > li > a {
  padding: 40px 15px;
  color: #004899;
  font-size: 16px;
  position: relative;
  text-transform: uppercase;
}

@media (max-width: 1200px) {
  header .header_content .container .hc_right ul.hc_nav > li > a {
    padding: 35px 10px;
    font-size: 15px;
  }
}

header .header_content .container .hc_right ul.hc_nav > li > a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  left: 0;
  bottom: 0;
  z-index: 2;
  background-color: #005ba0;
  transition: all 0.4s;
}

header .header_content .container .hc_right ul.hc_nav > li > a.black_color_y::after { background-color: #005ba0; }

header .header_content .container .hc_right ul.hc_nav > li a { font-weight: 600; }

@media (max-width: 1480px) {
  header .header_content .container .hc_right .chat_icons { display: none; }
}

header .header_content .container .hc_right .chat_icons a {
  margin: 0 5px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  line-height: 26px;
  position: relative;
}

header .header_content .container .hc_right .chat_icons a:nth-child(1) { background-color: #0060a7; }

header .header_content .container .hc_right .chat_icons a:nth-child(2) { background-color: #3b5998; }

header .header_content .container .hc_right .chat_icons a:nth-child(3) { background-color: #55acee; }

header .header_content .container .hc_right .chat_icons a:nth-child(3):hover .show_img { visibility: visible; }

header .header_content .container .hc_right .chat_icons a i.iconfont {
  width: 30px;
  height: 30px;
  color: #fff;
}

header .header_content .container .hc_right .chat_icons a .show_img {
  position: absolute;
  bottom: -110px;
  left: 0;
  width: 100px;
  height: 100px;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

header .header_content .container .hc_right .chat_icons a .show_img:hover { visibility: visible; }

header .header_content .container .hc_right .chat_icons a .show_img img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 992px) {
  header .header_content .container .hc_right .two_sites { float: none; }
}

header .header_content .container .hc_right .two_sites button {
  background-color: transparent;
  color: #fff;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 992px) {
  header .header_content .container .hc_right .two_sites button { color: #000; }
}

header .header_content .container .hc_right .two_sites button i {
  font-size: 18px;
  margin: 0 5px;
}

@media screen and (max-width: 1200px) {
  header .header_content .container .hc_right .two_sites button i.icon-shijieditu { display: none; }
}

header .header_content .container .hc_right .two_sites .dropdown-menu { background-color: rgba(49, 71, 75, 0.8); }

@media screen and (max-width: 992px) {
  header .header_content .container .hc_right .two_sites .dropdown-menu { background-color: #fff; }
}

header .header_content .container .hc_right .two_sites .dropdown-menu a {
  display: flex;
  align-items: center;
}

header .header_content .container .hc_right .two_sites .dropdown-menu a:hover {
  color: initial;
  text-decoration: none;
  background-color: #ccc;
}

header .header_content .container .hc_right .two_sites .dropdown-menu a .icon {
  width: 22px;
  height: 22px;
}

header .header_content .container .hc_right .two_sites .dropdown-menu a span {
  color: #fff;
  font-size: 18px;
  margin: 0 5px;
}

@media screen and (max-width: 992px) {
  header .header_content .container .hc_right .two_sites .dropdown-menu a span { color: #7a7a7a; }
}

header .header_content .container .hc_right div.site_language { display: flex; }

header .header_content .container .hc_right div.site_language a {
  display: flex;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: 10px;
  border-radius: 50%;
  line-height: 32px;
  font-size: 14px;
  margin-top: -5px;
}

header .header_content .container .hc_right div.site_language a .icon {
  width: 30px;
  height: 30px;
}

@media (max-width: 992px) {
  header .header_content .container .hc_right div.site_language a { margin-top: 20px; }
}

header .header_content .container .hc_right .icon-icon_search {
  margin-left: 5px;
  color: #004899;
  font-size: 20px;
  padding-left: 10px;
  cursor: pointer;
  position: relative;
}

@media (max-width: 1480px) {
  header .header_content .container .hc_right .icon-icon_search { display: none; }
}

header .header_content .container .hc_right .icon-icon_search::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  height: 15px;
  background-color: #fff;
}

header .header_content .container .hc_right .submit_out,
header .header_content .container .hc_right .submit { background-color: transparent; }

header .header_content .container .hc_right .search_form {
  height: 0;
  transition: all 0.5s ease-in-out;
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
}

header .header_content .container .hc_right .search_form .inputBox {
  height: 100%;
  width: 70%;
  background-color: #fff;
  padding-left: 15px;
  line-height: 30px;
  color: #1f2022;
}

header .header_content .container .hc_right .search_form .submit { display: none; }

header nav.navbar.bootsnav.navbar-default {
  background-color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  min-height: initial;
}

header nav.navbar.bootsnav.navbar-default .container {
  padding: 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-default .container { background-color: transparent; }
}

header nav.navbar.bootsnav.navbar-default .container::before,
header nav.navbar.bootsnav.navbar-default .container::after { display: none; }

header nav.navbar.bootsnav.navbar-default .container .navbar-header {
  margin-right: 0;
  min-width: 0; /* 解决flex 布局下 ellipsis 失效问题 父元素加 min-width: 0; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header nav.navbar.bootsnav.navbar-default .container .navbar-header::before,
header nav.navbar.bootsnav.navbar-default .container .navbar-header::after {
  content: unset;
  display: initial;
}

header nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle {
  background-color: transparent;
  border: none;
  margin-left: 15px;
  margin-right: 0 !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  top: 0 !important;
}

@keyframes smallbig {
  0% { transform: scale(1); }
  50% { transform: scale(0); }
  100% { transform: scale(1); }
}

header nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle .icon-bar {
  background-color: #ccc;
  transition: all 0.2s;
  width: 30px;
  height: 2px;
  margin: 8px auto;
}

@media (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle { animation: smallbig .6s ease-in-out; }
  header nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle.collapsed { animation: none; }
  header nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle.collapsed .top-bar { transform: rotateZ(0); }
  header nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle.collapsed .middle-bar { opacity: 1; }
  header nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle.collapsed .bottom-bar { transform: rotateZ(0); }
  header nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle .top-bar { transform: translateY(8px) rotate(45deg); }
  header nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle .middle-bar { opacity: 0; }
  header nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle .bottom-bar { transform: translateY(-12px) rotate(-45deg); }
}

header nav.navbar.bootsnav.navbar-default .container .navbar-header .logo {
  height: auto;
  display: flex;
  align-items: center;
  padding: 15px 15px;
}

@media screen and (max-width: 768px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-header .logo {
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

header nav.navbar.bootsnav.navbar-default .container .navbar-header .logo:hover { color: #777; }

header nav.navbar.bootsnav.navbar-default .container .navbar-header .logo .logo_img { text-align: left; }

@media screen and (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-header .logo .logo_img img { height: 30px; }
}

header nav.navbar.bootsnav.navbar-default .container .navbar-header .left_text {
  line-height: 1;
  text-align: left;
  min-width: 0; /* 解决flex 布局下 ellipsis 失效问题 父元素加 min-width: 0; */
}

header nav.navbar.bootsnav.navbar-default .container .navbar-header .left_text .ch {
  font-size: 26px;
  font-weight: bold;
  color: #2e2e2e;
}

@media (max-width: 1200px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-header .left_text .ch { font-size: 22px; }
}

@media (max-width: 500px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-header .left_text .ch { font-size: 18px; }
}

header nav.navbar.bootsnav.navbar-default .container .navbar-header .left_text .en {
  margin-top: 5px;
  color: #dfdfdf;
  font-size: 12px;
  font-weight: bold;
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse {
  padding-right: 0;
  padding-left: 0;
  display: flex !important;
  align-items: center;
}

@media (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse { flex-direction: column; }
}

@media (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav {
    padding: 0;
    text-align: left;
    width: 100%;
  }
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li { position: relative; }

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li::after {
  content: "";
  width: 0;
  height: 3px;
  background: #005ba0;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s ease 0s;
}

@media screen and (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li { border: none; }
}

@media screen and (min-width: 768px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li:hover > a > span::before { left: 100%; }
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li:hover > a > span::after { left: 0; }
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li.nav_on::after { width: 100%; }

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li.nav_on a { font-size: 16px; }

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li > a {
  padding: 40px 20px;
  color: #5b5b5b;
  font-size: 16px;
  margin-bottom: 0;
  position: relative;
  z-index: 10;
}

@media (max-width: 1200px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li > a {
    padding: 35px 10px;
    font-size: 15px;
  }
}

@media screen and (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li > a { color: #7a7a7a; }
}

@media screen and (max-width: 1200px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li > a { padding: 25px 15px; }
}

@media screen and (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li > a { padding: 12px 15px; }
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li.dropdown ul.dropdown-menu {
  background-color: #fff;
  border-color: #ccc;
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li.dropdown ul.dropdown-menu > li a {
  padding: 10px;
  color: #6f6f6f;
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li.dropdown ul.dropdown-menu > li a:hover { color: #005ba0; }

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li.dropdown ul.dropdown-menu > li.dropdown > a.dropdown-toggle::before {
  display: block;
  font-family: "iconfont";
  font-weight: 900;
  float: right;
  content: "\ebb5";
  margin-top: 0;
  font-size: 14px;
}

@media (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li.dropdown ul.dropdown-menu > li.dropdown.on a.dropdown-toggle::before { content: "\ebb3"; }
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li.dropdown a.dropdown-toggle::before {
  content: "\ebb5";
  font-family: "iconfont";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  margin: 0;
  transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  display: none;
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li.dropdown.on a.dropdown-toggle::before { content: "\ebb3"; }

@media (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li.dropdown a.dropdown-toggle::before { display: block; }
}

@media (min-width: 993px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li.dropdown > a.dropdown-toggle::after { display: none; }
}

@media screen and (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse .two_sites { float: none; }
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse .two_sites button {
  background-color: transparent;
  color: #fff;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse .two_sites button { color: #000; }
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse .two_sites button i {
  font-size: 18px;
  margin: 0 5px;
}

@media screen and (max-width: 1200px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse .two_sites button i.icon-shijieditu { display: none; }
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse .two_sites .dropdown-menu { background-color: rgba(49, 71, 75, 0.8); }

@media screen and (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse .two_sites .dropdown-menu { background-color: #fff; }
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse .two_sites .dropdown-menu a {
  display: flex;
  align-items: center;
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse .two_sites .dropdown-menu a:hover {
  color: initial;
  text-decoration: none;
  background-color: #ccc;
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse .two_sites .dropdown-menu a .icon {
  width: 22px;
  height: 22px;
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse .two_sites .dropdown-menu a span {
  color: #fff;
  font-size: 18px;
  margin: 0 5px;
}

@media screen and (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse .two_sites .dropdown-menu a span { color: #7a7a7a; }
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse div.site_language {
  display: flex;
  width: 100%;
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse div.site_language a {
  display: flex;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: 10px;
  border-radius: 50%;
  line-height: 32px;
  font-size: 14px;
  margin-top: -5px;
}

header nav.navbar.bootsnav.navbar-default .container .navbar-collapse div.site_language a .icon {
  width: 32px;
  height: 32px;
}

@media (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-default .container .navbar-collapse div.site_language a { margin-top: 20px; }
}

@media screen and (max-width: 992px) {
  header nav.navbar.bootsnav.navbar-mobile .navbar-collapse { height: 100vh !important; }
}

/*  中间部分 */
.banner { overflow: hidden; }

.banner .banner_img .swiper-container .swiper-slide img {
  width: 100%;
  height: auto;
  min-height: 100%;
  transform: scale(1.1);
}

.banner .banner_img .swiper-container .swiper-slide-active img,
.banner .banner_img .swiper-container .swiper-slide-duplicate-active img {
  transform: scale(1);
  transition: 6s linear;
}

@media screen and (max-width: 768px) {
  .banner .banner_img .swiper-container .swiper-button-prev,
  .banner .banner_img .swiper-container .swiper-button-next { background-size: 0.9375rem 1.52778rem; }
}

.banner .banner_img img { width: 100%; }

.home_cate_pro {
  background-color: rgba(28, 91, 164, 0.7);
  margin-top: -52px;
  position: relative;
  z-index: 99;
}

@media (max-width: 768px) {
  .home_cate_pro { margin-top: 0; }
}

.home_cate_pro #my_wrapper_homeprocate { overflow: hidden; }

.home_cate_pro #my_wrapper_homeprocate .inner_box {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  align-items: center;
  margin: 0 auto;
}

.home_cate_pro #my_wrapper_homeprocate .inner_box ul {
  margin: 0;
  display: flex;
  width: 100%;
}

@media (max-width: 992px) {
  .home_cate_pro #my_wrapper_homeprocate .inner_box ul { width: auto; }
}

.home_cate_pro #my_wrapper_homeprocate .inner_box ul li {
  border-right: 1px solid #97b0bf;
  width: calc(100% / 6);
}

@media (max-width: 992px) {
  .home_cate_pro #my_wrapper_homeprocate .inner_box ul li { width: auto; }
}

.home_cate_pro #my_wrapper_homeprocate .inner_box ul li:last-child { border-right: none; }

.home_cate_pro #my_wrapper_homeprocate .inner_box ul li a {
  padding: 15px 50px;
  color: #fff;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 600;
}

@media (max-width: 1600px) {
  .home_cate_pro #my_wrapper_homeprocate .inner_box ul li a { padding: 15px 40px; }
}

@media (max-width: 1500px) {
  .home_cate_pro #my_wrapper_homeprocate .inner_box ul li a { padding: 15px 30px; }
}

@media (max-width: 1400px) {
  .home_cate_pro #my_wrapper_homeprocate .inner_box ul li a { padding: 15px 20px; }
}

@media (max-width: 768px) {
  .home_cate_pro #my_wrapper_homeprocate .inner_box ul li a { padding: 7px 20px; }
}

.home_cate_pro #my_wrapper_homeprocate .inner_box ul li a:hover {
  background-color: rgba(255, 255, 255, 0.6);
  color: #005ba0;
}

.home_cate_pro #my_wrapper_homeprocate .inner_box ul li a img { width: auto; }

.home_choose { padding: 100px 0; }

@media (max-width: 768px) {
  .home_choose { padding: 2.43056rem 0; }
}

.home_choose .container { display: flex; flex-wrap: wrap; }

.home_choose .container .choose_left {
  width: 50%;
  padding-right: 80px;
  text-align: left;
}

@media (max-width: 1200px) {
  .home_choose .container .choose_left {
    width: 100%;
    padding-right: 0;
  }
}

.home_choose .container .choose_left .l_top { color: #35313a; font-weight: bold; }

.home_choose .container .choose_left .l_top .tit {
  padding-top: 40px;
  position: relative;
}

@media (max-width: 1400px) {
  .home_choose .container .choose_left .l_top .tit { padding-top: 20px; }
}

.home_choose .container .choose_left .l_top .tit::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 3px;
  background-color: #35313a;
  top: 0;
  left: 0;
}

.home_choose .container .choose_left .l_top .tit span { display: block; line-height: 1; }

.home_choose .container .choose_left .l_top .tit span.y1 { font-size: 25px; }

@media (max-width: 768px) {
  .home_choose .container .choose_left .l_top .tit span.y1 { font-size: 20px; }
}

.home_choose .container .choose_left .l_top .tit span.y2 { font-size: 45px; }

@media (max-width: 768px) {
  .home_choose .container .choose_left .l_top .tit span.y2 { font-size: 35px; }
}

.home_choose .container .choose_left .l_top p.desc {
  margin-top: 40px;
  color: #878787;
  line-height: 1.8;
}

@media (max-width: 1400px) {
  .home_choose .container .choose_left .l_top p.desc { margin-top: 20px; }
}

@media (max-width: 768px) {
  .home_choose .container .choose_left .l_top p.desc { margin-top: 0.69444rem; }
}

.home_choose .container .choose_left .l_top a.more {
  background-color: #005ba0;
  padding: 10px 32px;
  color: #fff;
  font-size: 18px;
  border-radius: 5px;
  margin-top: 50px;
  display: inline-flex;
  align-items: center;
}

@media (max-width: 1400px) {
  .home_choose .container .choose_left .l_top a.more { margin-top: 25px; }
}

@media (max-width: 768px) {
  .home_choose .container .choose_left .l_top a.more {
    margin-top: 0.86806rem;
    padding: 0.34722rem 1.11111rem;
  }
}

.home_choose .container .choose_left .l_top a.more i.iconfont {
  font-size: 25px;
  margin-left: 10px;
}

.home_choose .container .choose_left .l_bottom .img {
  margin-top: 20px;
  text-align: right;
}

.home_choose .container .choose_left .l_bottom .img img { max-width: 100%; }

.home_choose .container .choose_right { width: 50%; }

@media (max-width: 1200px) {
  .home_choose .container .choose_right { width: 100%; }
}

.home_choose .container .choose_right .img img { width: 100%; }

.home_choose .container .choose_right .bottom_num { margin-top: 30px; }

@media (max-width: 768px) {
  .home_choose .container .choose_right .bottom_num { margin-top: 1.04167rem; }
}

.home_choose .container .choose_right .bottom_num ul {
  display: flex;
  justify-content: space-between;
}

.home_choose .container .choose_right .bottom_num ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home_choose .container .choose_right .bottom_num ul li .tit {
  color: #19262f;
  font-weight: bold;
  font-size: 36px;
  line-height: 1;
  display: inline-flex;
}

@media (max-width: 768px) {
  .home_choose .container .choose_right .bottom_num ul li .tit { font-size: 25px; }
}

.home_choose .container .choose_right .bottom_num ul li .tit .counter {
  font-size: 36px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .home_choose .container .choose_right .bottom_num ul li .tit .counter { font-size: 25px; }
}

.home_choose .container .choose_right .bottom_num ul li .tit .add {
  font-size: 20px;
  align-self: flex-start;
}

@media (max-width: 768px) {
  .home_choose .container .choose_right .bottom_num ul li .tit .add { font-size: 15px; }
}

.home_choose .container .choose_right .bottom_num ul li .desc {
  color: #9a9a9a;
  font-size: 13px;
  margin-top: 10px;
}

.home_customized {
  padding: 80px 0 240px 0;
  background: url(../images/customized_bg_02.jpg) no-repeat center/cover;
  position: relative;
}

@media (max-width: 768px) {
  .home_customized { padding: 1.73611rem 0 3.47222rem 0; }
}

.home_customized .container .customized_rightcontent {
  text-align: right;
  color: #fff;
}

.home_customized .container .customized_rightcontent span.title {
  font-size: 25px;
  font-weight: bold;
}

.home_customized .container .customized_rightcontent p.desc {
  margin-top: 20px;
  line-height: 1.8;
}

@media (max-width: 768px) {
  .home_customized .container .customized_rightcontent p.desc { margin-top: 0.69444rem; }
}

.home_customized .container .customized_rightcontent a.global_show_form_button {
  margin-top: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .home_customized .container .customized_rightcontent a.global_show_form_button { margin-top: 1.04167rem; }
}

.customized_bottom {
  position: relative;
  z-index: 10;
  margin-top: -150px;
}

@media (max-width: 768px) {
  .customized_bottom { margin-top: -1.73611rem; }
}

.customized_bottom ul { display: flex; flex-wrap: wrap; }

.customized_bottom ul li { margin-top: 10px; }

@media (max-width: 1200px) {
  .customized_bottom ul li { padding: 0 5px; }
}

.customized_bottom ul li:hover .top_icon .curcle_bg::after {
  animation: curcleSport 0.5s 1 0s linear;
}

.customized_bottom ul li .in_box {
  height: 100%;
  background-color: #f5f6fa;
  padding: 40px 40px 30px 40px;
}

@media (max-width: 1200px) {
  .customized_bottom ul li .in_box { padding: 15px 15px 10px 15px; }
}

@media (max-width: 768px) {
  .customized_bottom ul li .in_box { padding: 0.52083rem 0.52083rem 0.34722rem 0.52083rem; }
}

.customized_bottom ul li .in_box .top_icon .curcle_bg {
  position: relative;
  margin: 0 auto;
  width: 134px;
  height: 134px;
}

@media (max-width: 768px) {
  .customized_bottom ul li .in_box .top_icon .curcle_bg {
    width: 4.65278rem;
    height: 4.65278rem;
  }
}

@keyframes curcleSport {
  0% { transform: rotateZ(0deg); }
  100% { transform: rotateZ(360deg); }
}

.customized_bottom ul li .in_box .top_icon .curcle_bg .img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.customized_bottom ul li .in_box .top_icon .curcle_bg .img img { width: auto; max-width: 46%; }

.customized_bottom ul li .in_box .top_icon .curcle_bg::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/customized_curclebg.png) no-repeat center/contain;
}

.customized_bottom ul li .in_box .bottom_text { margin-top: 35px; }

@media (max-width: 768px) {
  .customized_bottom ul li .in_box .bottom_text { margin-top: 1.21528rem; }
}

.customized_bottom ul li .in_box .bottom_text .tit {
  color: #005ba0;
  font-size: 20px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .customized_bottom ul li .in_box .bottom_text .tit { font-size: 16px; }
}

.customized_bottom ul li .in_box .bottom_text .desc {
  color: #727272;
  font-size: 14px;
  margin-top: 15px;
}

@media (max-width: 768px) {
  .customized_bottom ul li .in_box .bottom_text .desc {
    font-size: 12px;
    margin-top: 0.52083rem;
  }
}

.home_advantage { padding: 70px 0; }

@media (max-width: 768px) {
  .home_advantage { padding: 1.73611rem 0; }
}

.home_advantage .container .advantage_title { line-height: 1; }

.home_advantage .container .advantage_title .strong {
  font-weight: bold;
  font-size: 50px;
  color: #35313a;
  display: block;
}

@media (max-width: 768px) {
  .home_advantage .container .advantage_title .strong { font-size: 30px; }
}

.home_advantage .container .advantage_title .tit {
  display: block;
  font-size: 13px;
  color: #727272;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .home_advantage .container .advantage_title .tit { margin-top: 0.69444rem; }
}

.home_advantage .container .advantage_content { margin-top: 60px; }

@media (max-width: 768px) {
  .home_advantage .container .advantage_content { margin-top: 1.73611rem; }
}

.home_advantage .container .advantage_content ul li {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}

.home_advantage .container .advantage_content ul li:nth-child(odd) > .img { padding-right: 3%; }

@media (max-width: 992px) {
  .home_advantage .container .advantage_content ul li:nth-child(odd) > .img { padding-right: 0; }
}

.home_advantage .container .advantage_content ul li:nth-child(odd) > .text { padding-left: 3%; }

@media (max-width: 992px) {
  .home_advantage .container .advantage_content ul li:nth-child(odd) > .text { padding-left: 0; }
}

.home_advantage .container .advantage_content ul li:nth-child(even) { flex-direction: row-reverse; }

.home_advantage .container .advantage_content ul li:nth-child(even) > .img { padding-left: 3%; }

@media (max-width: 992px) {
  .home_advantage .container .advantage_content ul li:nth-child(even) > .img { padding-left: 0; }
}

.home_advantage .container .advantage_content ul li:nth-child(even) > .text { padding-right: 3%; }

@media (max-width: 992px) {
  .home_advantage .container .advantage_content ul li:nth-child(even) > .text { padding-right: 0; }
}

.home_advantage .container .advantage_content ul li > .img { width: 50%; }

@media (max-width: 992px) {
  .home_advantage .container .advantage_content ul li > .img { width: 100%; }
}

.home_advantage .container .advantage_content ul li > .img img { width: 100%; }

.home_advantage .container .advantage_content ul li > .text {
  text-align: left;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 992px) {
  .home_advantage .container .advantage_content ul li > .text { width: 100%; }
}

.home_advantage .container .advantage_content ul li > .text .num_img { margin-top: 10px; }

.home_advantage .container .advantage_content ul li > .text .num_img img { width: auto; }

@media (max-width: 768px) {
  .home_advantage .container .advantage_content ul li > .text .num_img img { width: 80px; }
}

.home_advantage .container .advantage_content ul li > .text .text_intro { padding-right: 100px; }

@media (max-width: 1200px) {
  .home_advantage .container .advantage_content ul li > .text .text_intro { padding-right: 50px; }
}

@media (max-width: 768px) {
  .home_advantage .container .advantage_content ul li > .text .text_intro { padding-right: 0; }
}

.home_advantage .container .advantage_content ul li > .text .text_intro .color_tit {
  color: #005ba0;
  font-weight: bold;
  font-size: 20px;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .home_advantage .container .advantage_content ul li > .text .text_intro .color_tit { margin-top: 0.69444rem; }
}

.home_advantage .container .advantage_content ul li > .text .text_intro .desc {
  color: #727272;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .home_advantage .container .advantage_content ul li > .text .text_intro .desc { margin-top: 0.69444rem; }
}

.home_application .appli_item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #f3f8fc;
}

.home_application .appli_item:nth-child(odd) > .text {
  padding-left: calc(50% - 700px);
  padding-right: 100px;
}

@media (max-width: 1400px) {
  .home_application .appli_item:nth-child(odd) > .text { padding-left: 20px; }
}

@media (max-width: 768px) {
  .home_application .appli_item:nth-child(odd) > .text { padding-right: 15px; }
}

.home_application .appli_item:nth-child(even) { flex-direction: row-reverse; }

.home_application .appli_item:nth-child(even) > .text {
  padding-right: calc(50% - 700px);
  padding-left: 100px;
}

@media (max-width: 1400px) {
  .home_application .appli_item:nth-child(even) > .text { padding-right: 20px; }
}

@media (max-width: 768px) {
  .home_application .appli_item:nth-child(even) > .text { padding-left: 15px; }
}

.home_application .appli_item > .text {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 50%;
  text-align: left;
}

@media (max-width: 992px) {
  .home_application .appli_item > .text { width: 100%; }
}

.home_application .appli_item > .text .strong {
  color: #232323;
  font-weight: bold;
  font-size: 40px;
}

@media (max-width: 768px) {
  .home_application .appli_item > .text .strong { font-size: 30px; }
}

.home_application .appli_item > .text .color_tit {
  display: block;
  color: #005ba0;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .home_application .appli_item > .text .color_tit { margin-top: 0.34722rem; }
}

.home_application .appli_item > .text p.desc {
  color: #777777;
  margin-top: 15px;
}

@media (max-width: 768px) {
  .home_application .appli_item > .text p.desc { margin-top: 0.52083rem; }
}

.home_application .appli_item > .text a.more {
  position: relative;
  width: 110px;
  height: 34px;
  border: 1px solid #62a6d3;
  border-radius: 20px;
  line-height: 34px;
  text-align: center;
  margin-top: 40px;
  transition: all 0.35s ease;
}

@media (max-width: 768px) {
  .home_application .appli_item > .text a.more { margin-top: 1.38889rem; }
}

.home_application .appli_item > .text a.more::before {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: 5;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: inherit;
  background-color: #fefefe;
  transition: all 0.3s;
  transform: translateX(-100%);
}

.home_application .appli_item > .text a.more:hover {
  background-color: #004899;
  color: #fff;
}

.home_application .appli_item > .text a.more:hover::before {
  transform: translateX(0%);
  opacity: .3;
}

.home_application .appli_item > .text a.more:hover i.iconfont { color: #fff; }

.home_application .appli_item > .text a.more i.iconfont {
  font-size: 22px;
  color: #62a6d3;
}

.home_application .appli_item > .img { width: 50%; }

@media (max-width: 992px) {
  .home_application .appli_item > .img { width: 100%; }
}

.home_application .appli_item > .img img { width: 100%; }

.home_pro_show .container .pro_title {
  padding: 30px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .home_pro_show .container .pro_title {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.04167rem 0;
  }
}

.home_pro_show .container .pro_title .left_tit {
  color: #3b3b3b;
  font-size: 38px;
  font-weight: bold;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .home_pro_show .container .pro_title .left_tit { font-size: 30px; }
}

.home_pro_show .container .pro_title .right_img img { width: auto; }

@media (max-width: 768px) {
  .home_pro_show .container .pro_title .right_img img { height: 30px; }
}

.home_pro_show .container .pro_content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.home_pro_show .container .pro_content .left_img { width: calc(50% - 6px); }

@media (max-width: 768px) {
  .home_pro_show .container .pro_content .left_img { width: 100%; }
}

.home_pro_show .container .pro_content .left_img a {
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  box-shadow: 0px 6px 10px #eee;
}

.home_pro_show .container .pro_content .left_img a .img {
  width: 100%;
  height: 100%;
}

.home_pro_show .container .pro_content .left_img a .img img {
  width: 100%;
  height: 100%;
}

.home_pro_show .container .pro_content .right_imgs {
  width: calc(50% - 6px);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .home_pro_show .container .pro_content .right_imgs {
    width: 100%;
    margin-top: 12px;
  }
}

.home_pro_show .container .pro_content .right_imgs > a {
  width: calc(50% - 6px);
  height: calc(50% - 6px);
  border: 1px solid #ccc;
  box-shadow: 0px 6px 10px #eee;
}

.home_pro_show .container .pro_content .right_imgs > a:nth-child(3),
.home_pro_show .container .pro_content .right_imgs > a:nth-child(4) { margin-top: 12px; }

.home_pro_show .container .pro_content .right_imgs > a .img {
  width: 100%;
  height: 100%;
}

.home_pro_show .container .pro_content .right_imgs > a .img img {
  width: 100%;
  height: 100%;
}

.home_pro_show .container .pro_contact {
  padding-bottom: 40px;
  padding-top: 30px;
}

@media (max-width: 768px) {
  .home_pro_show .container .pro_contact {
    padding-bottom: 1.38889rem;
    padding-top: 1.04167rem;
  }
}

.home_pro_show .container .pro_contact p {
  color: #000;
  font-size: 25px;
}

.home_pro_show .container .pro_contact a {
  border: 1px solid #4b4b4b;
  font-size: 16px;
  border-radius: 25px;
  padding: 5px 30px;
  color: #4b4b4b;
  margin-top: 30px;
}

.home_pro_show .container .pro_contact a:hover {
  color: #fff;
  background-color: #005ba0;
  border-color: #005ba0;
}

.home_news { margin-top: 40px; }

@media (max-width: 768px) {
  .home_news { margin-top: 1.38889rem; }
}

.home_news .container .news_title {
  text-align: left;
  color: #3b3b3b;
  font-size: 38px;
  font-weight: bold;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .home_news .container .news_title { font-size: 30px; }
}

.home_news .container .swiper-news-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  margin-top: 30px;
  padding-bottom: 80px;
  padding-top: 20px;
}

@media (max-width: 768px) {
  .home_news .container .swiper-news-container {
    margin-top: 1.04167rem;
    padding-bottom: 2.08333rem;
    padding-top: 0.69444rem;
  }
}

.home_news .container .swiper-news-container .swiper-slide a {
  transition: all 0.4s;
  border: 1px solid #d8e0e3;
  border-radius: 7px;
  overflow: hidden;
}

.home_news .container .swiper-news-container .swiper-slide a:hover {
  transform: translateY(-1%);
  box-shadow: 1px 1px 10px 2px #CCC;
}

.home_news .container .swiper-news-container .swiper-slide a .img img { width: 100%; }

.home_news .container .swiper-news-container .swiper-slide a .text {
  padding: 25px;
  text-align: left;
}

@media (max-width: 768px) {
  .home_news .container .swiper-news-container .swiper-slide a .text { padding: 0.86806rem; }
}

.home_news .container .swiper-news-container .swiper-slide a .text .title {
  color: #000;
  font-weight: bold;
  font-size: 15px;
}

.home_news .container .swiper-news-container .swiper-slide a .text p.desc {
  margin-top: 20px;
  color: #727272;
}

.home_news .container .swiper-news-container .swiper-slide a .text span.more {
  color: #62aada;
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.home_news .container .swiper-news-container .swiper-slide a .text span.more i.iconfont { margin-left: 8px; }

.home_news .container .swiper-news-container .swiper-slide a .text .nums {
  margin-top: 30px;
  color: #646464;
}

.home_news .container .swiper-news-container .swiper-slide a .text .nums .eyes i.iconfont {
  color: #000;
  font-size: 12px;
}

.home_news .container .swiper-news-container .swiper-slide a .text .nums .eyes em { margin-left: 3px; }

.home_news .container .swiper-news-container .swiper-slide a .text .nums .date { margin-left: 15px; }

.home_news .container .swiper-news-container .swiper-slide a .text .nums .date i.iconfont {
  color: #000;
  font-size: 12px;
}

.home_news .container .swiper-news-container .swiper-slide a .text .nums .date em { margin-left: 3px; }

.home_news .container .swiper-news-container .swiper-pagination { bottom: 35px; }

@media (max-width: 768px) {
  .home_news .container .swiper-news-container .swiper-pagination { bottom: 0.86806rem; }
}

/* 在线留言 */
.online_inquiry {
  background: url("../images/online_inquiry_bg_02.jpg") no-repeat;
  background-size: cover;
  padding-top: 70px;
  padding-bottom: 100px;
  color: #fff;
}

@media (max-width: 768px) {
  .online_inquiry {
    padding-top: 2.08333rem;
    padding-bottom: 2.77778rem;
  }
}

.online_inquiry dl dt .row .common_title .strong {
  color: #fff;
  font-size: 25px;
  font-style: italic;
}

.online_inquiry dl dt .row .common_title .thin {
  margin-top: 5px;
  font-size: 13px;
  color: #fff;
}

.online_inquiry dl dt .row .common_title a {
  color: #fff;
  text-decoration: underline;
}

.online_inquiry dl dd .row form {
  margin-top: 50px;
  transition: all 0.4s ease-in-out;
}

@media (max-width: 768px) {
  .online_inquiry dl dd .row form { margin-top: 1.73611rem; }
}

.online_inquiry dl dd .row form table {
  width: 70%;
  margin: 0 auto;
  text-align: left;
}

@media (max-width: 768px) {
  .online_inquiry dl dd .row form table { width: 90%; }
}

.online_inquiry dl dd .row form table tr td { padding-top: 15px; }

.online_inquiry dl dd .row form table tr td span {
  margin-bottom: 10px;
  font-size: 20px;
  display: inline-block;
}

.online_inquiry dl dd .row form table .td_name { padding-right: 20px; }

.online_inquiry dl dd .row form table .td_Email { padding-left: 20px; }

.online_inquiry dl dd .row form input.item {
  border: 1px solid #fff;
  color: #fff;
  padding: 5px 30px;
  margin-top: 40px;
  background-color: transparent;
  margin-left: 10px;
}

.online_inquiry dl dd .row form input.item:hover {
  background-color: #005ba0;
  border-color: #005ba0;
}

/* 底部  */
footer .footer_top {
  background-color: #e7e7e7;
  color: #8c8c8c;
  padding: 40px 0 30px;
}

@media (max-width: 768px) {
  footer .footer_top {
    padding: 1.38889rem 0 1.04167rem;
  }
}

footer .footer_top .ft_top .left_nav {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 992px) {
  footer .footer_top .ft_top .left_nav { justify-content: space-between; }
}

footer .footer_top .ft_top .left_nav dl {
  width: 33.3%;
  text-align: left;
  padding-right: 10px;
}

@media (max-width: 992px) {
  footer .footer_top .ft_top .left_nav dl {
    margin-top: 15px;
    margin-left: 0;
  }
}

@media (max-width: 580px) {
  footer .footer_top .ft_top .left_nav dl { width: 50%; }
}

footer .footer_top .ft_top .left_nav dl dt {
  font-size: 16px;
  color: #454545;
  white-space: nowrap;
}

footer .footer_top .ft_top .left_nav dl dd { margin-top: 15px; }

footer .footer_top .ft_top .left_nav dl dd ul li a {
  color: #000;
  font-size: 15px;
  margin: 2px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

footer .footer_top .ft_top .left_nav dl dd ul li a:hover { color: #000; }

footer .footer_top .ft_top .left_nav dl:first-child { margin-left: 0; }

footer .footer_top .ft_top .left_nav dl.dl_touch dd ul li:first-child a { margin-top: 0; }

footer .footer_top .ft_top .left_nav dl.dl_touch dd ul li a { margin-top: 10px; }

footer .footer_top .ft_top .left_nav dl.dl_touch dd ul li a i {
  font-size: 12px;
  background-color: #454545;
  color: #fff;
  width: 18px;
  height: 18px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
}

footer .footer_top .ft_top .left_nav dl.dl_touch dd ul li a span { margin-left: 5px; }

footer .footer_top .ft_top .right_contact {
  text-align: right;
  color: #000;
  display: flex;
  flex-direction: column;
}

@media (max-width: 992px) {
  footer .footer_top .ft_top .right_contact {
    text-align: left;
    margin-top: 20px;
  }
}

footer .footer_top .ft_top .right_contact .hotline { color: #000; }

footer .footer_top .ft_top .right_contact .hotline i.iconfont { font-size: 12px; }

footer .footer_top .ft_top .right_contact .hotline em { font-size: 14px; }

footer .footer_top .ft_top .right_contact .num {
  margin-top: 10px;
  color: #005ba0;
  font-weight: bold;
  font-size: 40px;
  line-height: 1;
}

footer .footer_top .ft_top .right_contact .address { margin-top: 10px; }

footer .footer_top .ft_top .right_contact a.download {
  margin-top: 20px;
  background-color: #005ba0;
  padding: 7px 25px;
  border-radius: 20px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
}

@media (max-width: 992px) {
  footer .footer_top .ft_top .right_contact a.download { align-self: flex-start; }
}

footer .footer_top .ft_top .right_contact a.download i.iconfont { font-size: 20px; }

footer .footer_top .ft_top .right_contact a.download em { margin-left: 3px; }

footer .footer_top .ft_bottom {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

footer .footer_top .ft_bottom .img {
  margin-left: 5px;
  border: 1px solid #000;
  border-radius: 5px;
}

footer .footer_top .ft_bottom .img img { width: auto; }

footer .footer_bottom {
  background-color: #015ba0;
  color: #fff;
  padding: 10px 0;
}

footer .footer_bottom a { color: #fff; }

/* 全局表单 */
.global_form {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 999;
  top: 104px;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}

@media (max-width: 768px) {
  .global_form { top: 54px; }
}

.global_form .close_button {
  position: absolute;
  top: 15px;
  right: 15%;
  width: 20px;
  height: 20px;
  font-size: 20px;
  cursor: pointer;
  color: #fff;
}

@media (max-width: 768px) {
  .global_form .close_button { right: 5%; }
}

.global_form form { padding-bottom: 30px; }

.global_form form table {
  width: 70%;
  margin: 0 auto;
  text-align: left;
  color: #fff;
}

@media (max-width: 768px) {
  .global_form form table { width: 90%; }
}

.global_form form table tr td { padding-top: 15px; }

.global_form form table tr td span {
  margin-bottom: 10px;
  font-size: 20px;
  display: inline-block;
}

.global_form form table .td_name { padding-right: 20px; }

.global_form form table .td_Email { padding-left: 20px; }

.global_form form input.item {
  border: 1px solid #fff;
  color: #fff;
  padding: 5px 30px;
  margin-top: 40px;
  background-color: transparent;
  margin-left: 10px;
}

.global_form form input.item:hover {
  background-color: #005ba0;
  border-color: #005ba0;
}

/* 搜索表单 */
.search_form {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 999;
  top: 104px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}

@media (max-width: 768px) {
  .search_form { top: 54px; }
}

.search_form .close_button {
  position: absolute;
  top: 15px;
  right: 15%;
  width: 20px;
  height: 20px;
  font-size: 20px;
  cursor: pointer;
  color: #fff;
}

@media (max-width: 768px) {
  .search_form .close_button { right: 5%; }
}

.search_form form {
  width: 70%;
  margin: 0 auto;
  margin-top: 300px;
  display: flex;
}

.search_form form .inputBox {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  padding-left: 15px;
  height: 35px;
  line-height: 35px;
}

@media (max-width: 768px) {
  .search_form form .inputBox { width: 90%; }
}

.search_form form .submit { background-color: #fff; }

/*===========  内页样式  ============*/
.main { overflow: hidden; }

.main .lanmu_picture { position: relative; text-align: center; }

.main .lanmu_picture .text {
  position: absolute;
  left: 10vw;
  top: 50%;
  color: #fff;
  font-weight: bold;
  font-size: 25px;
}

@media (max-width: 768px) {
  .main .lanmu_picture .text { font-size: 0.86806rem; }
}

.main .lanmu_picture img { width: 100%; }

@media (max-width: 768px) {
  .main .lanmu_picture img {
    width: auto;
    height: 250px;
    margin: 0 -100%;
  }
}

.main .cate_box .my_wrapper_innerprocate { overflow: hidden; }

.main .cate_box .my_wrapper_innerprocate .inner_box {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  align-items: center;
  margin: 0 auto;
}

.main .cate_box .my_wrapper_innerprocate .inner_box ul {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.main .cate_box .my_wrapper_innerprocate .inner_box ul li {
  margin-bottom: 10px;
  width: calc(100% / 5 - 2%);
}

.main .cate_box .my_wrapper_innerprocate .inner_box ul li.active a {
  border: 1px solid #005ba0;
  color: #005ba0;
}

.main .cate_box .my_wrapper_innerprocate .inner_box ul li.active a::before,
.main .cate_box .my_wrapper_innerprocate .inner_box ul li.active a::after {
  width: 100%;
  height: 100%;
}

.main .cate_box .my_wrapper_innerprocate .inner_box ul li.active a::before {
  border-bottom-color: #005ba0;
  border-left-color: #005ba0;
  transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}

.main .cate_box .my_wrapper_innerprocate .inner_box ul li.active a::after {
  border-top-color: #005ba0;
  border-right-color: #005ba0;
  transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
}

.main .cate_box .my_wrapper_innerprocate .inner_box ul li a {
  width: 100%;
  padding: 7px 0;
  border: 1px solid #c9c9c9;
  white-space: nowrap;
  position: relative;
  transition: all 0.6s ease-in;
}

.main .cate_box .my_wrapper_innerprocate .inner_box ul li a:hover {
  border: 1px solid #005ba0;
  color: #005ba0;
}

.main .cate_box .my_wrapper_innerprocate .inner_box ul li a:hover::before,
.main .cate_box .my_wrapper_innerprocate .inner_box ul li a:hover::after {
  width: 100%;
  height: 100%;
}

.main .cate_box .my_wrapper_innerprocate .inner_box ul li a:hover::before {
  border-bottom-color: #005ba0;
  border-left-color: #005ba0;
  transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}

.main .cate_box .my_wrapper_innerprocate .inner_box ul li a:hover::after {
  border-top-color: #005ba0;
  border-right-color: #005ba0;
  transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
}

.main .cate_box .my_wrapper_innerprocate .inner_box ul li a::before,
.main .cate_box .my_wrapper_innerprocate .inner_box ul li a::after {
  content: '';
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid transparent;
  width: 0;
  height: 0;
}

.main .cate_box .my_wrapper_innerprocate .inner_box ul li a::after {
  top: 0;
  left: 0;
  transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
}

.main .cate_box .my_wrapper_innerprocate .inner_box ul li a::before {
  bottom: 0;
  right: 0;
  transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
}

.main .cate_box .my_wrapper_innerprocate .inner_box a.more { margin: 0; }

.main .cate_box .progress_bar { margin-top: 30px; }

.main .cate_box .progress_bar .total_line {
  margin: 0 auto;
  position: relative;
  width: 200px;
  height: 6px;
  background-color: gray;
}

.main .cate_box .progress_bar .total_line .current_line {
  position: absolute;
  width: 60px;
  height: 6px;
  top: 0;
  left: 0;
  background-color: red;
  transition: all .5s ease-in-out;
}

.main .main_in { overflow: hidden; }

.main .main_in .path_nav { text-align: right; }

.main .main_in .path_nav span {
  font-size: 14px;
  padding-left: 15px;
  color: #2f2f2f;
  padding: 18px 0;
  display: inline-block;
}

@media (max-width: 768px) {
  .main .main_in .path_nav span {
    padding: 8px 0;
    font-size: 12px;
  }
}

.main .main_in .path_nav span a {
  color: #2f2f2f;
  font-weight: bold;
}

@media (max-width: 768px) {
  .main .main_in .path_nav span a { font-size: 12px; }
}

.main .main_in .main_content { }

.main .main_in .main_content .main_left {
  text-align: left;
}

@media (max-width: 992px) {
  .main .main_in .main_content .main_left { margin-bottom: 30px; }
}

.main .main_in .main_content .main_left .left_bg02 .navbar-header_y {
  display: none;
  margin-right: 0;
  min-width: 0;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 992px) {
  .main .main_in .main_content .main_left .left_bg02 .navbar-header_y { display: flex; }
}

.main .main_in .main_content .main_left .left_bg02 .navbar-header_y::before,
.main .main_in .main_content .main_left .left_bg02 .navbar-header_y::after {
  content: unset;
  display: initial;
}

.main .main_in .main_content .main_left .left_bg02 .navbar-header_y .navbar-toggle_y {
  background-color: transparent;
  border: none;
  margin-left: 15px;
  margin-right: 0 !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  top: 0 !important;
}

@keyframes smallbig {
  0% { transform: scale(1); }
  50% { transform: scale(0); }
  100% { transform: scale(1); }
}

.main .main_in .main_content .main_left .left_bg02 .navbar-header_y .navbar-toggle_y .icon-bar {
  background-color: #ccc;
  transition: all 0.2s;
  width: 30px;
  height: 2px;
  margin: 8px auto;
  display: block;
}

@media (max-width: 992px) {
  .main .main_in .main_content .main_left .left_bg02 .navbar-header_y .navbar-toggle_y { animation: smallbig .6s ease-in-out; }
  .main .main_in .main_content .main_left .left_bg02 .navbar-header_y .navbar-toggle_y.collapsed { animation: none; }
  .main .main_in .main_content .main_left .left_bg02 .navbar-header_y .navbar-toggle_y.collapsed .top-bar { transform: rotateZ(0); }
  .main .main_in .main_content .main_left .left_bg02 .navbar-header_y .navbar-toggle_y.collapsed .middle-bar { opacity: 1; }
  .main .main_in .main_content .main_left .left_bg02 .navbar-header_y .navbar-toggle_y.collapsed .bottom-bar { transform: rotateZ(0); }
  .main .main_in .main_content .main_left .left_bg02 .navbar-header_y .navbar-toggle_y .top-bar { transform: translateY(8px) rotate(45deg); }
  .main .main_in .main_content .main_left .left_bg02 .navbar-header_y .navbar-toggle_y .middle-bar { opacity: 0; }
  .main .main_in .main_content .main_left .left_bg02 .navbar-header_y .navbar-toggle_y .bottom-bar { transform: translateY(-12px) rotate(-45deg); }
}

.main .main_in .main_content .main_left .left_bg02 #my_wrapper_inner { overflow: hidden; }

@media (max-width: 992px) {
  .main .main_in .main_content .main_left .left_bg02 #my_wrapper_inner { display: none; }
}

.main .main_in .main_content .main_left .left_bg02 #my_wrapper_inner ul.inner_pro_nav {
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
  margin: 0 auto;
  text-transform: uppercase;
  flex-direction: column;
}

.main .main_in .main_content .main_left .left_bg02 #my_wrapper_inner ul.inner_pro_nav li {
  padding: 15px;
  margin-top: 2px;
  background-color: #f3f8fc;
}

@media (max-width: 768px) {
  .main .main_in .main_content .main_left .left_bg02 #my_wrapper_inner ul.inner_pro_nav li { padding: 0.52083rem; }
}

.main .main_in .main_content .main_left .left_bg02 #my_wrapper_inner ul.inner_pro_nav li .link_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main .main_in .main_content .main_left .left_bg02 #my_wrapper_inner ul.inner_pro_nav li .link_box i.iconfont {
  margin-left: 15px;
  padding: 5px;
  transition: all .3s ease;
}

.main .main_in .main_content .main_left .left_bg02 #my_wrapper_inner ul.inner_pro_nav li.dropdown_y.on i.iconfont { transform: rotateZ(-90deg); }

.main .main_in .main_content .main_left .left_bg02 #my_wrapper_inner ul.inner_pro_nav li.dropdown_y .dropdown-menu_y { display: none; }

.main .main_in .main_content .main_left .left_bg02 #my_wrapper_inner ul.inner_pro_nav li a {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  width: 100%;
}

@media (max-width: 768px) {
  .main .main_in .main_content .main_left .left_bg02 #my_wrapper_inner ul.inner_pro_nav li a { font-size: 14px; }
}

.main .main_in .main_content .main_left .left_bg02 #my_wrapper_inner ul.inner_pro_nav li a:hover { color: #005ba0; }

.main .main_in .main_content .main_left .left_bg03 {
  background-color: #f3f8fc;
  text-align: center;
  color: #fff;
  padding: 20px 0;
  margin-top: 15px;
  color: #575757;
}

.main .main_in .main_content .main_left .left_bg03 .telephone {
  opacity: 0.5;
  font-size: 27px;
  text-transform: uppercase;
}

.main .main_in .main_content .main_left .left_bg03 .num {
  font-size: 35px;
  font-weight: bold;
}

@media screen and (max-width: 1200px) {
  .main .main_in .main_content .main_left .left_bg03 .num { font-size: 28px; }
}

.main .main_in .main_content .main_left .left_bg03 .zxdh {
  opacity: 0.7;
  font-size: 18px;
}

.main .main_in .main_content .main_left .left_bg03 > p:last-child { margin-top: 15px; }

.main .main_in .main_content .main_left .left_bg03 > p:last-child a {
  color: #fff;
  padding: 7px 50px;
  background-color: #005ba0;
  font-size: 18px;
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_title .line1 {
  font-size: 40px;
  font-weight: bold;
  color: #005ba0;
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_title .line2 {
  font-size: 30px;
  color: #005ba0;
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li {
  padding-right: 10px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 768px) {
  .main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li {
    width: 100%;
    padding-right: 0;
  }
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li:nth-child(3) { padding-right: 0; }

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li:nth-child(6) { padding-right: 0; }

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > a.top_img {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > a.top_img:hover .img::after { opacity: 1; }

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > a.top_img:hover .text { transform: scale(1.1); }

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > a.top_img .img {
  text-align: center;
  position: relative;
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > a.top_img .img::after {
  content: '';
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 72, 153, 0.5);
  transition: 0.5s ease;
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > a.top_img .img img {
  width: auto;
  display: inline-block;
  margin: 0 -100%;
  height: 100%;
}

@media (max-width: 768px) {
  .main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > a.top_img .img img { width: 100%; }
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > a.top_img .text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s ease;
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > a.top_img .text .cate_name {
  color: #fff;
  font-weight: 600;
  font-size: 35px;
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > .bottom_text {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: left;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > .bottom_text {
    padding-top: 1.38889rem;
    padding-bottom: 1.38889rem;
  }
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > .bottom_text .flex_t {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > .bottom_text .flex_b {
  flex-grow: 0;
  flex-shrink: 0;
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > .bottom_text a.cate_name {
  color: #005ba0;
  font-weight: 600;
  font-size: 22px;
  flex: 1;
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > .bottom_text .line1 {
  color: #005ba0;
  font-size: 15px;
  flex: 1.5;
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > .bottom_text p.desc {
  color: #575757;
  font-size: 15px;
  flex: 3;
}

.main .main_in .main_content .pro_cate_content_all .pro_cateall_con ul li > .bottom_text a.more {
  color: #62a6d3;
  justify-self: flex-end;
}

.main .main_in .main_content .pro_cate_content_all .production_process { background-color: #f3f8fc; }

.main .main_in .main_content .pro_cate_content_all .production_process .pro_process_title { color: #575757; }

.main .main_in .main_content .pro_cate_content_all .production_process .pro_process_content ul li { margin-top: 15px; }

.main .main_in .main_content .pro_cate_content_all .production_process .pro_process_content ul li .img img {
  border-radius: 50%;
  width: auto;
  max-width: 120px;
}

.main .main_in .main_content .pro_cate_content_all .production_process .pro_process_content ul li span { margin-top: 15px; }

.main .main_in .main_content .pro_cate_content .pro_cate {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (max-width: 768px) {
  .main .main_in .main_content .pro_cate_content .pro_cate {
    padding-top: 1.73611rem;
    padding-bottom: 1.73611rem;
  }
}

.main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r {
  display: flex;
  flex-wrap: wrap;
}

.main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li { margin-bottom: 25px; }

@media (max-width: 768px) {
  .main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li {
    padding: 0 8px;
    margin-bottom: 15px;
  }
}

@media (max-width: 500px) {
  .main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li {
    width: 100%;
    padding: 0;
  }
}

.main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li a {
  width: 100%;
  height: 100%;
  color: #4b4b4b;
  display: flex;
  flex-direction: column;
}

.main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li a .img {
  border: 1px solid #ddd;
  position: relative;
  flex: 1;
  padding-bottom: calc(100% * 1);
}

.main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li a .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li a .img .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: rgba(21, 152, 246, 0.7);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}

.main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li a .img .mask p {
  font-size: 16px;
  margin-top: 5px;
  width: 100%;
}

.main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li a .img .mask .icon {
  margin-top: 10px;
  background-color: #fff;
  color: #005ba0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li a .img .mask .icon i { font-size: 20px; }

@media (max-width: 768px) {
  .main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li a .img .mask .icon {
    width: 40px;
    height: 40px;
  }
  .main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li a .img .mask .icon i { font-size: 14px; }
}

.main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li a .bottom { text-align: left; }

.main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li a .bottom span.title {
  display: block;
  padding: 15px 5px 0 5px;
  color: #005ba0;
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li a .bottom span.title {
    padding: 8px 3px 0 3px;
  }
}

.main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li a .bottom span.more {
  color: #62aada;
  margin-top: 20px;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li a .bottom span.more { margin-top: 0.69444rem; }
}

.main .main_in .main_content .pro_cate_content .pro_cate .container ul.pro_r > li a .bottom span.more i.iconfont { margin-left: 8px; }

.main .main_in .main_content .product_content .pro_img_title {
  padding-top: 50px;
  padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .main .main_in .main_content .product_content .pro_img_title { padding-top: 1.73611rem; }
}

.main .main_in .main_content .product_content .pro_img_title .row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .main .main_in .main_content .product_content .pro_img_title .row {
    display: block;
    padding-bottom: 0;
  }
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_left .img img { width: 100%; }

.main .main_in .main_content .product_content .pro_img_title .row .pit_right {
  text-align: left;
  display: flex;
  flex-direction: column;
}

@media (max-width: 992px) {
  .main .main_in .main_content .product_content .pro_img_title .row .pit_right { margin-top: 20px; }
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div {
  padding: 20px 70px;
  margin-top: 2px;
  background-color: #fff;
}

@media (max-width: 1200px) {
  .main .main_in .main_content .product_content .pro_img_title .row .pit_right > div { padding: 10px 40px; }
}

@media (max-width: 768px) {
  .main .main_in .main_content .product_content .pro_img_title .row .pit_right > div { padding: 10px 0; }
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line1 { font-size: 20px; }

@media (max-width: 1200px) {
  .main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line1 { font-size: 18px; }
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line2 {
  color: #555;
  font-size: 25px;
}

@media (max-width: 1200px) {
  .main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line2 { font-size: 22px; }
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line3 span { font-size: 20px; }

@media (max-width: 1200px) {
  .main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line3 span { font-size: 18px; }
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line3 p { font-size: 14px; }

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 {
  flex: 1;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 > a {
  margin-top: 10px;
  border: 0;
  border-radius: 20px;
  padding: 3px 10px;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  font-size: 1rem;
  transition: all 0.35s ease;
  transform: translateZ(0);
  display: inline-flex;
  min-width: 80%;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 1200px) {
  .main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 > a { padding: 8px 30px; }
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 > a:hover::before {
  opacity: .3;
  transform: translateX(0);
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 > a:hover:nth-child(odd) {
  color: #fff;
  background-color: #005ba0;
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 > a:hover:nth-child(even) {
  background-color: #458b00;
  color: #fff;
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 > a::before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: inherit;
  background-color: #fefefe;
  transition: all 0.3s;
  transform: translateX(-100%);
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 > a:nth-child(odd) {
  border: 2px solid #005ba0;
  color: #62a6d3;
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 > a:nth-child(even) {
  border: 2px solid #458b00;
  color: #66cd00;
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 > a i.iconfont {
  font-size: 40px;
  line-height: 1;
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 > a span {
  margin-left: 10px;
  font-size: 20px;
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 .share_box {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 .share_box a {
  width: 25px;
  height: 25px;
  margin: 0 2px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 25px;
}

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 .share_box a.icon-facebook1 { background-color: #3b5998; }

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 .share_box a.icon-ttww { background-color: #1da1f2; }

.main .main_in .main_content .product_content .pro_img_title .row .pit_right > div.line4 .share_box a.icon-LinkedinIn { background-color: #221e1e; }

.main .main_in .main_content .product_content .product_details {
  padding: 30px 0;
}

@media (max-width: 768px) {
  .main .main_in .main_content .product_content .product_details { padding: 1.04167rem 0; }
}

.main .main_in .main_content .product_content .product_details .pro_tabs { text-align: left; }

.main .main_in .main_content .product_content .product_details .pro_tabs ul.nav-tabs li a { padding: 10px 40px; }

@media (max-width: 768px) {
  .main .main_in .main_content .product_content .product_details .pro_tabs ul.nav-tabs li a { padding: 10px 30px; }
}

.main .main_in .main_content .product_content .product_details .pro_tabs .tab-content { padding: 20px 0; }

.main .main_in .main_content .product_content .look_others {
  padding: 50px 0;
}

@media (max-width: 768px) {
  .main .main_in .main_content .product_content .look_others { padding: 1.73611rem 0; }
}

.main .main_in .main_content .product_content .look_others .title { text-align: left; }

.main .main_in .main_content .product_content .look_others .title span {
  font-size: 20px;
  color: #565656;
}

@media (max-width: 768px) {
  .main .main_in .main_content .product_content .look_others .title span { font-size: 16px; }
}

.main .main_in .main_content .product_content .look_others .look_content { margin-top: 20px; }

@media (max-width: 768px) {
  .main .main_in .main_content .product_content .look_others .look_content { margin-top: 0.69444rem; }
}

.main .main_in .main_content .product_content .look_others .look_content ul li { margin-top: 15px; }

@media (max-width: 768px) {
  .main .main_in .main_content .product_content .look_others .look_content ul li {
    padding: 0 7px;
    margin-top: 0.52083rem;
  }
}

.main .main_in .main_content .product_content .look_others .look_content ul li a {
  display: block;
  background-color: #fff;
}

.main .main_in .main_content .product_content .look_others .look_content ul li a span.tit {
  display: block;
  text-align: center;
  padding: 10px;
  color: #565656;
}

.main .main_in .main_content .product_content .look_others .look_content ul li a .img { position: relative; padding-bottom: 100%; }

.main .main_in .main_content .product_content .look_others .look_content ul li a .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.main .main_in .main_content .product_content .look_others .look_content ul li a .view {
  color: #565656;
  padding: 10px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main .main_in .main_content .product_content .look_others .look_content ul li a .view span { display: block; }

.main .main_in .main_content .product_content .look_others .look_content ul li a .view i {
  margin-left: 5px;
  font-size: 18px;
}

.main .main_in .main_content .application_cate_content ul.pro_r li a .img { position: relative; }

.main .main_in .main_content .application_cate_content ul.pro_r li a .img:hover::after { display: block; }

.main .main_in .main_content .application_cate_content ul.pro_r li a .img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  display: none;
}

.main .main_in .main_content .application_cate_content ul.pro_r li a .img img {
  width: 100%;
  height: 100%;
}

.main .main_in .main_content .application_cate_content ul.pro_r li a .bottom {
  background: #f3f4f6;
  padding: 20px;
  border-radius: 0 0 4px 4px;
}

@media (max-width: 768px) {
  .main .main_in .main_content .application_cate_content ul.pro_r li a .bottom { padding: 0.69444rem; }
}

.main .main_in .main_content .application_cate_content ul.pro_r li a .bottom span.title {
  color: #000 !important;
  padding-top: 0 !important;
}

.main .main_in .main_content .application_cate_content ul.pro_r li a .bottom p.desc { margin-top: 10px; }

.main .main_in .main_content .news_cate_content .news_cate {
  background-color: #f5f5f5;
  padding-top: 50px;
}

@media (max-width: 768px) {
  .main .main_in .main_content .news_cate_content .news_cate { padding-top: 1.73611rem; }
}

.main .main_in .main_content .news_cate_content .news_cate .container > ul.new_r {
  display: flex;
  flex-wrap: wrap;
}

.main .main_in .main_content .news_cate_content .news_cate .container > ul.new_r > li {
  margin-top: 25px;
  background-color: #fff;
}

@media (max-width: 768px) {
  .main .main_in .main_content .news_cate_content .news_cate .container > ul.new_r > li {
    padding: 0 8px;
    margin-top: 15px;
  }
}

.main .main_in .main_content .news_cate_content .news_cate .container > ul.new_r > li a {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.main .main_in .main_content .news_cate_content .news_cate .container > ul.new_r > li a:hover .bottom .b_box span.title { color: #005ba0; }

.main .main_in .main_content .news_cate_content .news_cate .container > ul.new_r > li a:hover .bottom .b_box span.time { color: #005ba0; }

.main .main_in .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.main .main_in .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom .b_box {
  flex: 1;
  text-align: left;
  padding: 20px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .main .main_in .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom .b_box { padding: 8px; }
}

.main .main_in .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom .b_box span { display: block; }

.main .main_in .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom .b_box span.time { color: #ccc; }

.main .main_in .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom .b_box span.title {
  color: #000;
  font-weight: bold;
}

.main .main_in .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom p.desc {
  color: #686868;
  text-align: left;
  padding: 0 20px;
}

@media (max-width: 768px) {
  .main .main_in .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom p.desc {
    font-size: 12px;
    line-height: 1.2;
    padding: 0 8px;
  }
}

.main .main_in .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom .empty_box {
  background-color: #fff;
  margin-top: 2px;
  height: 20px;
}

.main .main_in .main_content .news_cate_content .news_contact {
  padding-bottom: 40px;
  padding-top: 30px;
}

@media (max-width: 768px) {
  .main .main_in .main_content .news_cate_content .news_contact {
    padding-bottom: 1.38889rem;
    padding-top: 1.04167rem;
  }
}

.main .main_in .main_content .news_cate_content .news_contact p {
  color: #000;
  font-size: 25px;
}

.main .main_in .main_content .news_cate_content .news_contact a {
  border: 1px solid #4b4b4b;
  font-size: 16px;
  border-radius: 25px;
  padding: 5px 30px;
  color: #4b4b4b;
  margin-top: 30px;
}

.main .main_in .main_content .news_show_content { margin-top: 40px; }

@media (max-width: 768px) {
  .main .main_in .main_content .news_show_content { margin-top: 1.38889rem; }
}

.main .main_in .main_content .news_show_content .row {
  display: flex;
  padding-bottom: 40px;
}

@media (max-width: 768px) {
  .main .main_in .main_content .news_show_content .row { padding-bottom: 1.38889rem; }
}

@media (max-width: 992px) {
  .main .main_in .main_content .news_show_content .row { flex-direction: column; }
}

.main .main_in .main_content .news_show_content .row .news_show {
  text-align: left;
  padding-right: 40px;
  padding-bottom: 20px;
  border-right: 1px solid #cdcdcd;
}

@media (max-width: 992px) {
  .main .main_in .main_content .news_show_content .row .news_show {
    padding-right: 15px;
    border-right: none;
  }
}

.main .main_in .main_content .news_show_content .row .news_show .news_top .new_title {
  font-size: 20px;
  color: #000;
  font-weight: bold;
}

.main .main_in .main_content .news_show_content .row .news_show .news_top span.time { font-size: 12px; }

.main .main_in .main_content .news_show_content .row .news_show .show_news_box { margin-top: 20px; }

.main .main_in .main_content .news_show_content .row .news_show .show_news_box img { max-width: 100%; }

.main .main_in .main_content .news_show_content .row .news_show .show_news_box table {
  border: 1px solid #000;
  white-space: nowrap;
}

.main .main_in .main_content .news_show_content .row .news_show .show_news_box table tr td {
  border: 1px solid #000;
  text-align: center;
  vertical-align: middle;
  background-color: #fff !important;
  padding: 5px !important;
}

.main .main_in .main_content .news_show_content .row .xgzx {
  padding-left: 40px;
  text-align: left;
}

@media (max-width: 992px) {
  .main .main_in .main_content .news_show_content .row .xgzx { padding-left: 15px; }
}

.main .main_in .main_content .news_show_content .row .xgzx p.tit {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}

.main .main_in .main_content .news_show_content .row .xgzx ul li { margin-top: 15px; }

@media (max-width: 768px) {
  .main .main_in .main_content .news_show_content .row .xgzx ul li { margin-top: 0.52083rem; }
}

.main .main_in .main_content .news_show_content .row .xgzx ul li a { display: block; }

.main .main_in .main_content .news_show_content .row .xgzx ul li a .img img { width: 100px; }

.main .main_in .main_content .news_show_content .row .xgzx ul li a span.tit {
  display: block;
  font-weight: bold;
}

.main .main_in .main_content .news_show_content .row .xgzx ul li a p.desc {
  margin-top: 5px;
  color: #929292;
}

.main .main_in .main_content .qualification_content .qualification_img_title {
  padding: 30px 0;
}

.main .main_in .main_content .qualification_content .qualification_img_title .title {
  font-size: 25px;
  font-weight: bold;
}

.main .main_in .main_content .qualification_content .qualification_img_title .img { margin-top: 20px; }

.main .main_in .main_content .qualification_content .qualification_img_title .img img {
  width: auto;
  max-width: 100%;
}

.main .main_in .main_content .workshop_cate_content ul.workshop_r li { margin-top: 30px; }

@media (max-width: 768px) {
  .main .main_in .main_content .workshop_cate_content ul.workshop_r li { padding: 0 7px; }
}

.main .main_in .main_content .workshop_cate_content ul.workshop_r li a { width: 100%; }

.main .main_in .main_content .workshop_cate_content ul.workshop_r li a:hover .bottom .b_box span.title { color: #005ba0; }

.main .main_in .main_content .workshop_cate_content ul.workshop_r li a .img img { width: 100%; }

.main .main_in .main_content .workshop_cate_content ul.workshop_r li a .bottom .b_box span.title {
  font-size: 16px;
  padding: 5px;
  display: block;
}

.main .main_in .main_content .workshop_show .container .row .show_workshop_img { margin-top: 20px; }

.main .main_in .main_content .workshop_show .container .row .show_workshop_img img { width: 100%; }

@media (max-width: 992px) {
  .main .main_in .main_content .workshop_show .container .row .xgzx ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media (max-width: 992px) {
  .main .main_in .main_content .workshop_show .container .row .xgzx ul li { width: 48%; }
}

@media (max-width: 992px) {
  .main .main_in .main_content .workshop_show .container .row .xgzx ul li a .img img { width: 100%; }
}

.main .main_in .main_content nav.nav_pagination { padding: 30px 0; }

.main .main_in .main_content nav.nav_pagination ul li a {
  border: 1px solid #cbcbcb;
  border-radius: 5px;
  margin: 0 3px;
  color: #666666;
}

.main .main_in .main_content nav.nav_pagination ul li a.nav_active {
  color: #fff;
  background-color: #002b62;
}

.main .main_in .main_content .show_page {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.main .main_in .main_content .show_page::before,
.main .main_in .main_content .show_page::after { display: none; }

.main .main_in .main_content .show_page li {
  text-align: left;
  width: 48%;
}

@media screen and (max-width: 768px) {
  .main .main_in .main_content .show_page li {
    display: inline-block;
    width: 100%;
  }
}

.main .main_in .main_content .show_page li a {
  width: 100%;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
  .main .main_in .main_content .show_page li a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media screen and (max-width: 768px) {
  .main .main_in .main_content .show_page li:last-child a { float: left; }
}

.main .main_in .main_content .show_page li { text-align: left; }

@media screen and (max-width: 768px) {
  .main .main_in .main_content .show_page li {
    display: inline-block;
    width: 100%;
  }
}

.main .main_in .main_content .show_page li a { margin-top: 10px; }

@media screen and (max-width: 768px) {
  .main .main_in .main_content .show_page li a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media screen and (max-width: 768px) {
  .main .main_in .main_content .show_page li:last-child a { float: left; }
}

.main .main_in .main_content .lonely_page_content {
  padding: 30px 0;
  text-align: left;
  font-size: 16px;
}

@media (max-width: 768px) {
  .main .main_in .main_content .lonely_page_content { font-size: 14px; }
}

.main .main_in .main_content .lonely_page_content img { max-width: 100%; }

.main .main_in .main_content .company_profile .about_title { text-align: center; }

.main .main_in .main_content .company_profile .about_content .reputation .reputation_title { background-color: #f3f8fc; text-align: center; }

.main .main_in .main_content .company_profile .about_content .reputation .reputation_content ul li .img img { width: 100%; }

.main .main_in .main_content .company_profile .about_content .reputation .reputation_content ul li .text { padding: 30px 15px; }

@media (max-width: 768px) {
  .main .main_in .main_content .company_profile .about_content .reputation .reputation_content ul li .text { padding: 1.04167rem 0.52083rem; }
}

.main .main_in .main_content .company_profile .about_content .reputation .reputation_content ul li .text .tit { font-size: 30px; }

.main .main_in .main_content .company_profile .about_content .reputation .reputation_content ul li .text .desc { margin-top: 15px; }

.main .main_in .main_content .company_profile .about_content .reputation .reputation_content ul li .text .desc i.iconfont { margin-right: 10px; }

.main .main_in .main_content .company_profile .about_content .clear_box {
  height: 30px;
  background-color: #f3f8fc;
}

.main .main_in .main_content .company_profile .about_content .history .history_right .item { margin-top: 15px; }

.main .main_in .main_content .company_profile .about_content .history .history_right .item .tit { border-bottom: 10px solid #f3f8fc; }

.main .main_in .main_content .company_profile .about_content .history .history_right .item .desc { margin-top: 15px; }

.main .main_in .main_content .page_application .application_item { color: #575757; }

.main .main_in .main_content .page_application .application_item .item_title { margin-top: 15px; }

.main .main_in .main_content .page_application .application_item .item_title span.name {
  font-size: 16px;
  font-weight: 600;
  margin-left: 20px;
}

.main .main_in .main_content .page_application .application_item .item_content .article-text { color: #005ba0; }

.main .main_in .main_content .page_application .application_item .item_content .line_box strong { display: block; }

.main .main_in .main_content .contact_page_content .container .content {
  text-align: left;
  padding: 50px 0;
}

@media (max-width: 768px) {
  .main .main_in .main_content .contact_page_content .container .content { padding: 1.73611rem 0; }
}

.main .main_in .main_content .contact_page_content .container .content ul {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .main .main_in .main_content .contact_page_content .container .content ul { display: block; }
}

.main .main_in .main_content .contact_page_content .container .content ul li {
  display: flex;
  padding: 20px 15px;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 20px;
}

.main .main_in .main_content .contact_page_content .container .content ul li .left_icon { margin-top: -10px; }

.main .main_in .main_content .contact_page_content .container .content ul li .left_icon i.iconfont {
  font-size: 30px;
  color: #000;
}

.main .main_in .main_content .contact_page_content .container .content ul li .right_text { margin-left: 5px; }

.main .main_in .main_content .contact_page_content .container .content ul li .right_text span.tit {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

.main .main_in .main_content .contact_page_content .container .content ul li .right_text p.desc { margin-top: 10px; }

.main .main_in .main_content .contact_page_content .container .content ul .other_way { flex-direction: column; }

.main .main_in .main_content .contact_page_content .container .content ul .other_way span.other_way_tit {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  margin-top: -10px;
}

.main .main_in .main_content .contact_page_content .container .content ul .other_way .icons { margin-top: 10px; }

.main .main_in .main_content .contact_page_content .container .content ul .other_way .icons a {
  color: #fff;
  width: 48px;
  height: 48px;
  font-size: 30px;
  line-height: 48px;
  border-radius: 50%;
  text-align: center;
  margin-right: 15px;
}

.main .main_in .main_content .contact_page_content .container .content ul .other_way .icons a:nth-child(1) { background-color: #0d529d; }

.main .main_in .main_content .contact_page_content .container .content ul .other_way .icons a:nth-child(2) { background-color: #047cd2; }

.main .main_in .main_content .contact_page_content .container .content ul .other_way .icons a:nth-child(3) { background-color: #00aff0; }

.main .main_in .main_content .contact_page_content .container .form_box {
  padding: 60px 0 50px 0;
}

@media (max-width: 768px) {
  .main .main_in .main_content .contact_page_content .container .form_box {
    padding: 2.08333rem 0 1.73611rem 0;
  }
}

.main .main_in .main_content .contact_page_content .container .form_box .shadow_box {
  padding-top: 50px;
  box-shadow: 0 0 30px #ddd;
}

@media (max-width: 768px) {
  .main .main_in .main_content .contact_page_content .container .form_box .shadow_box { padding-top: 1.73611rem; }
}

.main .main_in .main_content .contact_page_content .container .form_box .shadow_box .form_title {
  font-size: 30px;
  color: #000;
  font-weight: bold;
}

@media (max-width: 768px) {
  .main .main_in .main_content .contact_page_content .container .form_box .shadow_box .form_title { font-size: 22px; }
}

.main .main_in .main_content .contact_page_content .container .form_box .shadow_box form { padding-bottom: 50px; }

@media (max-width: 768px) {
  .main .main_in .main_content .contact_page_content .container .form_box .shadow_box form { padding-bottom: 1.73611rem; }
}

.main .main_in .main_content .contact_page_content .container .form_box .shadow_box form table {
  width: 70%;
  margin: 0 auto;
  text-align: left;
}

@media (max-width: 768px) {
  .main .main_in .main_content .contact_page_content .container .form_box .shadow_box form table { width: 90%; }
}

.main .main_in .main_content .contact_page_content .container .form_box .shadow_box form table tr td { padding-top: 50px; }

@media (max-width: 768px) {
  .main .main_in .main_content .contact_page_content .container .form_box .shadow_box form table tr td { padding-top: 1.73611rem; }
}

.main .main_in .main_content .contact_page_content .container .form_box .shadow_box form table tr td span {
  color: #000;
  margin-bottom: 10px;
  font-size: 20px;
  display: inline-block;
  font-weight: bold;
}

@media (max-width: 768px) {
  .main .main_in .main_content .contact_page_content .container .form_box .shadow_box form table tr td span { font-size: 18px; }
}

.main .main_in .main_content .contact_page_content .container .form_box .shadow_box form table tr .td_name input,
.main .main_in .main_content .contact_page_content .container .form_box .shadow_box form table tr .td_Email input { width: 100%; }

.main .main_in .main_content .contact_page_content .container .form_box .shadow_box form input.item {
  color: #fff;
  padding: 5px 100px;
  margin-top: 40px;
  border-radius: 20px;
  background-color: #005ba0;
  font-size: 16px;
  font-weight: bold;
}

.main .main_in .main_content .contact_page_content .container .map { margin-bottom: 30px; }

.main .main_in .main_content .down_page_content .down_in { padding: 30px 0; }

@media (max-width: 768px) {
  .main .main_in .main_content .down_page_content .down_in { padding: 1.04167rem 0; }
}

.main .main_in .main_content .down_page_content .down_in .container > ul li {
  text-align: left;
  padding: 10px 0;
  border-bottom: 1px dashed #ccc;
}

.main .main_in .main_content .down_page_content .down_in .container > ul li a {
  position: relative;
  padding-left: 40px;
  font-weight: bold;
}

.main .main_in .main_content .down_page_content .down_in .container > ul li a::before {
  content: "\e73c";
  font-family: "iconfont";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 25px;
  color: #e43434;
}

@font-face {
  font-family: '思源黑体';
  src: url("../fonts/syht.ttf");
  src: url("./fonts/syht.ttf") format("truetype"), url("../fonts/syht.woff") format("woff"), url("../fonts/syht.svg") format("svg");
}

/* 分页整体样式重置与基础布局 */
.page-status,
.page-index,
.page-pre,
.page-numbar,
.page-next,
.page-last {
  display: inline-block;
  margin: 0 2px;
  vertical-align: middle;
}

/* 分页容器（建议包裹一层div，方便整体控制） */
.pagination-wrap {
  padding: 15px 0;
  text-align: center;
  font-size: 14px;
  color: #666;
}

/* 状态文本样式（共1条 当前1/1页） */
.page-status {
  margin-right: 10px;
  color: #999;
  font-size: 13px;
}

/* 通用链接样式 */
.page-index a,
.page-pre a,
.page-numbar a,
.page-next a,
.page-last a {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 2px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  color: #333;
  text-decoration: none;
  transition: all 0.2s ease;
  background-color: #fff;
}

/* 鼠标悬浮效果 */
.page-index a:hover,
.page-pre a:hover,
.page-numbar a:hover,
.page-next a:hover,
.page-last a:hover {
  border-color: #007bff;
  color: #007bff;
  background-color: #f8f9fa;
}

/* 当前页样式 */
.page-numbar .page-num-current {
  background-color: #015ba0;
  color: #fff;
  border-color: #015ba0;
  cursor: default;
}

/* 当前页禁用悬浮效果 */
.page-numbar .page-num-current:hover {
  background-color: #007bff;
  color: #fff;
  border-color: #007bff;
}

/* 禁用状态（前一页/后一页不可点击时） */
.page-pre a[href="javascript:;"],
.page-next a[href="javascript:;"] {
  color: #ccc;
  border-color: #eee;
  cursor: not-allowed;
  background-color: #fafafa;
}

/* 禁用状态取消悬浮效果 */
.page-pre a[href="javascript:;"]:hover,
.page-next a[href="javascript:;"]:hover {
  color: #ccc;
  border-color: #eee;
  background-color: #fafafa;
}

/* 响应式适配（移动端） */
@media (max-width: 768px) {
  .page-status {
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
  
  .page-index a,
  .page-pre a,
  .page-numbar a,
  .page-next a,
  .page-last a {
    padding: 4px 8px;
    font-size: 13px;
  }
}