@charset "UTF-8";

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  overflow-x: hidden;

}
  
/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  overflow-x: hidden;
  .
 
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes grow {
  0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }
  100% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); opacity: 0; }
}
@keyframes grow {
  0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }
  100% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); opacity: 0; }
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #333;
  font-family: "Pingfang sc regular", "Source Han Sans CN", "Microsoft Yahei", "Noto Sans S Chinese Light", "Microsoft YaHei Light", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-size: 16px;
  line-height: 1.5714285714;
  font-weight: 400;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 20px;
  color: #03132b;
}

h1 {
  font-size: 90px;
  font-weight: 900;
}

h2 {
  font-size: 50px;
  font-weight: 900;
  line-height: 56px;
}
h3 {
  font-size: 30px;
  margin-bottom: 18px;
}

h4 {
  font-size: 16px;
  line-height: 24px;
}

h5 {
  font-size: 12px;
}

h6 {
  font-size: 10px;
}

p {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 26px;
  color: #666;
}

p:last-child {
  margin-bottom: 0;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  font-size: 18px;
  line-height: 28px;
  margin: 30px 0;
  font-style: italic;
  padding: 20px 30px;
  position: relative;
  background: #feefe8;
  color: #f26522;
}
blockquote p {
  margin-bottom: 0;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 13.125px;
  line-height: 1.5714285714;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 13.125px;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

.text-light {
  color: #b7b7b7;
}

.bg-light {
  background: #f2f4f6;
}

.bg-primary {
  background-color: #00a578;
}

.text-primary {
  color: #00a578;
}

.padding-top-bottom-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-top-bot-medium {
  padding-top: 50px;
  padding-bottom: 50px;
}

.no-padding {
  padding: 0;
}

.padding-top-medium {
  padding-top: 90px;
}

.padding-bottom-medium {
  padding-bottom: 90px;
}

.no-padding-left {
  padding-left: 0!important;
}

.no-padding-right {
  padding-right: 0!important;
}

.no-padding-top {
  padding-top: 0!important;
}

.no-padding-bottom {
  padding-bottom: 0!important;
}

.no-margin {
  margin: 0;
}

.no-margin-bottom {
  margin-bottom: 0!important;
}

.no-margin-left {
  margin-left: 0!important;
}

.no-margin-right {
  margin-right: 0!important;
}

.industris-space-5 {
  height: 5px;
}

.industris-space-10 {
  height: 10px;
}

.industris-space-20 {
  height: 20px;
}

.industris-space-30 {
  height: 30px;
}

.industris-space {
  height: 40px;
}

.industris-space-50 {
  height: 50px;
}

.industris-space-60 {
  height: 60px;
}

.industris-space-90 {
  height: 90px;
}

.clear-both {
  clear: both;
}

.unstyle {
  list-style: none;
  padding-left: 0;
  margin-bottom: 60px;
}

.unstyle li {
  padding: 4px 0;
}
.unstyle li a{
  text-decoration: underline;
}
.unstyle i {
  color: #00a578;margin-right: 10px;
}

.text-dark {
  color: #000;
}

.text-white {
  color: #fff;
}

.text-white .text-primary {
  color: #f26522;
}

a.text-white:hover {
  color: #00a578;
}

.text-second {
  color: #00aeef!important;
}

.box-shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.box-shadow-hover:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
}

.italic {
  font-style: italic;
}

.bolder {
  font-weight: 900;
}

.semi-bold,
.semi-bold a {
  font-weight: 700;
}

.medium {
  font-weight: 500;
}

.normal {
  font-weight: 400;
}

.lighter {
  font-weight: 300;
}

.thin {
  font-weight: 100;
}
.gaps {
  clear: both;
  height: 20px;
  display: block;
}
.gaps.size-2x {
  height: 40px;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.overflow {
  overflow: hidden;
}

.radius {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  overflow: hidden;
}

.radius-top {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  overflow: hidden;
}

.radius-bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 0;
  overflow: hidden;
}

.radius-left {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 2px;
  overflow: hidden;
}

.radius-right {
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 0;
  overflow: hidden;
}

.text-right {
  text-align: right;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

ul,
ol {
  margin: 0 0 20px;
  padding-left: 18px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

.none-style {
  list-style: none;
  padding-left: 0;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
}

caption,
td,
th {
  padding: 0;
  font-weight: normal;
  text-align: left;
}

table,
th,
td {
  border: 1px solid #eee;
}

th {
  font-weight: 700;
}

th,
td {
  padding: 0.4375em;
}
.text-center{text-align: center;}
.text-left{ text-align:left; }
.text-right{ text-align:right; }


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/* #button Group
================================================== */
.btn {
  
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-size: 16px;
  padding: 18px 22px;
  line-height: 1.42857143;
  display: inline-block;
  margin-bottom: 0;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;  
  cursor: pointer;
  border: 1px solid transparent;
  color: #272023;
  outline: none;
  min-width: 150px;
  border-radius: 0;
}
.btn:hover, .btn:focus {
  
  color: #fff;
  text-decoration: none;
}
.btn-primary {
  background-color: #00a578;
  color: #fff;
}
.btn-default {
  background-color: #f2f4f6;
  color: #03132b;
}
.btn-default:hover{
  background-color: #00a578;
  color: #03132b;
}
.btn-dark {
  background: #000;
}
.btn-dark:hover, .btn-dark:focus {
  background: #f26522;
  color: #fff;
}
.btn-white {
  background-color: #fff;
  color: #252525;
}
.btn-dark:hover, .btn-dark:focus {
  background: #03132b;
  color: #fff;
}
.btn.btn-border {
  background: transparent;
  border-color: #363636;
  color: #707070;
}
.btn.btn-border:hover, .btn.btn-border:focus {
  background: #00a578;
  border-color: #00a578;
  color: #03132b;
}
.btn-border-white {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.btn-border-white:hover {
  background-color: transparent;
  border-color: #00a578;
  color: #00a578;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #707070;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 11px 20px;
  box-sizing: border-box;
  outline: none;
  max-width: 100%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #707070;
}

select {
  border: 1px solid #e2e2e2;
  height: 46px;
  padding: 10px 18px;
  outline: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
select option {
  color: #000;
}

textarea {
  width: 100%;
  height: 133px;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b7b7b7;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #b7b7b7;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #b7b7b7;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #b7b7b7;
}

hr {
  border-top-color: #cccccc;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.industris-lineheight {
  line-height: 36px;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {

  color: #03132b;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #00a578;
  text-decoration: none;
}
a:focus {
  outline: 0;
}
a:hover, a:active {
  outline: 0;
}

/* ###### */
section {
  position: relative;
  padding-top: 120px;
  display: block;
}
/*--------------------------------------------------------------
## Top Bar
--------------------------------------------------------------*/
.container-custom {
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 768px){
  .no-xs-margin-bottom {
    margin-bottom: 0!important;
  }
  .no-padding-sm-left {
    padding-left: 0!important;
  }
  .no-padding-sm-right {
    padding-right: 0!important;
  }

}
@media only screen and (min-width: 992px){
  .md-clear {
    clear: both;
  }
  .no-margin-md-bottom {
    margin-bottom: 0!important;
  }
  .no-padding-md-left {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1200px){
  .container-custom {
    width: 1280px;
  }

}




.top-header-2 {
  display: table;
}
.top-header-2 .logo-brand {
  padding: 23px 0;
}

.top-header-2 .header-info-2, .top-header-2 .topbar-search, .top-header-2 .header-btn-2 {
  display: table-cell;
  vertical-align: middle;
}
.header-info-2 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header-info-2 ul li {
  color: #707070;
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
  font-weight: 500;
  padding: 18px 23px;
}
.header-info-2 ul li i {
  position: relative;
  vertical-align: middle;
  color: #00a578;
  font-size: 20px;
  line-height: 26px;
  margin-right: 10px;
}
.top-header-2 .topbar-search {
  position: relative;
  padding-right: 20px;
}
.top-header-2 .topbar-search i {
  color: #707070;
  font-size: 26px;
  line-height: 26px;    
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.top-header-2 .topbar-search i:hover {
  color: #00a578;
}
.header-btn-2 {
  width: 1%;
}
/*--------------------------------------------------------------
## Main Header
--------------------------------------------------------------*/
header{ position:fixed; top:0; left:0; z-index:99999; width:100%; height:auto; background:#fff; box-shadow: 2px 1px 2px #fafafa;}





.main-navigation {
  text-align: left;
  margin-top: -1px;
}
.navigation-2 {
  z-index: 10;
}
.main-navigation > ul {
  display: inline-block;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.main-navigation > ul > li {
  position: relative;
  display: inline-block;
}
.main-navigation ul li a {
  font-size: 18px;
  line-height: 1;
  padding: 40px 13px;
  color: #272023;
  display: flex;
  position: relative;
  text-decoration: none;
}

.main-navigation > ul > li.menu-item-has-children > a:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  content: "\f107";
  color: #bdbebf;
  font-family: 'FontAwesome';
  font-weight: 900;
  margin-right: 10px;
  font-size: 16px;
}
.main-navigation ul ul {
  list-style: none;
  margin: 0;
  padding: 20px;
  background-color: #fff;
  border-top: 2px solid #eaeaea;
  -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
}
.main-navigation ul li ul {
  min-width: 795px;
  position: absolute;
  top: 140%;
  left: -50%;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
}
.main-navigation ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.main-navigation ul li li {
  position: relative;
  display: inline-block;
}
.main-navigation ul ul li a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin: 0 5px;
  padding:0;
  color: #272023;
  text-align: left;
  display: block;
  position: relative;
  text-decoration: none;
  outline: none;
  text-transform: none;
  text-align: center;
  transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  border: 1px solid #efefef;
  border-radius: 5px;

}
.main-navigation ul ul li a:hover{ border-radius: 5px;}



/*a标签颜色*/
.green{ color:#00a578; }
.dark-blue{ color: #066cf2}
.orange{ color:#ff6816 }
.light-blue{ color:#00aaf1; }

/*菜单logo-border*/
.main-navigation ul ul li a:hover.border-dark-blue{ border:1px solid #066cf2; color: #066cf2;}
.main-navigation ul ul li a:hover.border-green{ border:1px solid #00a578; color: #00a578;}
.main-navigation ul ul li a:hover.border-orange{ border:1px solid #ff6816; color: #ff6816;}
.main-navigation ul ul li a:hover.border-light-blue{ border:1px solid #00aaf1; color: #00aaf1;}

/*菜单logo背景*/
.bg-dark-blue{ background:#066cf2; }
.bg-green{ background:#00a578; }
.bg-orange{ background:#ff6816; }
.bg-light-blue{ background:#00aaf1; }






/*首页优势背景*/
.bg-light-green{ background:#edfaf6; }
.bg-light-blue-item{ background:#f2f6ff; }
.bg-light-orange{ background:#fff3ed; }
.bg-light-blue-item-2{ background:#e9f9ff; }

/*按钮*/
.btn-green {
  background-image: linear-gradient(to right,#00c48f,#00a578)!important;
  color: #fff!important;
  border-radius: 10px!important;
  line-height: 15px!important;
}
.btn-green:hover {
  background: none!important;
  color: #00a578!important;
  border:1px solid #00a578;
  border-radius: 10px!important;
  line-height: 15px!important;
}

.btn-dark-blue {
  background-image: linear-gradient(to right,#0289fa,#066cf2)!important;
  color: #fff!important;
  border-radius: 10px!important;
  line-height: 15px!important;
}
.btn-dark-blue:hover {
  background: none!important;
  color: #066cf2!important;
  border:1px solid #066cf2;
  border-radius: 10px!important;
  line-height: 15px!important;
}

.btn-orange {
  background-image: linear-gradient(to right,#ffa200,#ff6816)!important;
  color: #fff!important;
  border-radius: 10px!important;
  line-height: 15px!important;
}

.btn-orange:hover {
  background: none!important;
  color: #ff6816!important;
  border:1px solid #ff6816;
  border-radius: 10px!important;
  line-height: 15px!important;

}

.btn-light-blue {
  background-image: linear-gradient(to right,#61d0ff,#00aaf1)!important;
  color: #fff!important;
  border-radius: 10px!important;
  line-height: 15px!important;
}
.btn-light-blue:hover{
  background: none!important;
  color: #00aaf1!important;
  border:1px solid #00aaf1;
  border-radius: 10px!important;
  line-height: 15px!important;
}





/*.btn:hover{opacity:0.8; filter: alpha(opacity=80);}*/

/* 菜单hover颜色 */
.main-navigation ul li.current-menu-parent-green > a{
  color: #00a578;
}
.main-navigation ul li.current-menu-parent-dark-blue > a {
  color: #066cf2;
}
.main-navigation ul li.current-menu-parent-orange > a {
  color: #ff6816;
}
.main-navigation ul li.current-menu-parent-light-blue > a {
  color: #00aaf1;
}
/**/

.main-navigation ul li.green a:hover{
  color: #00a578;
}
.main-navigation ul li.dark-blue a:hover{
  color: #066cf2;
}
.main-navigation ul li.orange a:hover{
  color: #ff6816;
}
.main-navigation ul li.light-blue a:hover{
  color: #00aaf1;
}

/**/
.main-navigation ul ul li.current_page_item a {
  color: #00a578;
}










.topbar-right .btn-box a.login-green{ color:#333; background:#fff; padding:8px 20px; border: 1px solid #00a578; border-radius:8px;}
.topbar-right .btn-box a.login-green:hover{ background-image: linear-gradient(to right,#00c48f,#00a578)!important; color: #fff;}
.topbar-right .btn-box a.register-green{ color:#fff; background-image: linear-gradient(to right,#00c48f,#00a578)!important; padding:8px 20px; border-radius:8px; }


.topbar-right .btn-box a.login-dark-blue{ color:#333; background:#fff; padding:8px 20px; border: 1px solid #066cf2; border-radius:8px;}
.topbar-right .btn-box a.login-dark-blue:hover{ background-image: linear-gradient(to right,#0289fa,#066cf2)!important;
 color: #fff;}
.topbar-right .btn-box a.register-dark-blue{ color:#fff; background-image: linear-gradient(to right,#0289fa,#066cf2)!important;
 padding:8px 20px; border-radius:8px; }


.topbar-right .btn-box a.login-orange{ color:#333; background:#fff; padding:8px 20px; border: 1px solid #ff6816; border-radius:8px;}
.topbar-right .btn-box a.login-orange:hover{ background-image: linear-gradient(to right,#ffa200,#ff6816)!important; color: #fff;}
.topbar-right .btn-box a.register-orange{ color:#fff; background-image: linear-gradient(to right,#ffa200,#ff6816)!important; padding:8px 20px; border-radius:8px; }



.topbar-right .btn-box a.login-light-blue{ color:#333; background:#fff; padding:8px 20px; border: 1px solid #00aaf1; border-radius:8px;}
.topbar-right .btn-box a.login-light-blue:hover{ background-image: linear-gradient(to right,#61d0ff,#00aaf1)!important; color: #fff;}
.topbar-right .btn-box a.register-light-blue{ color:#fff; background-image: linear-gradient(to right,#61d0ff,#00aaf1)!important; padding:8px 20px; border-radius:8px; }

.topbar-right .btn-box a.register:hover{opacity:0.8; filter: alpha(opacity=80); }



.nybanner-dark-blue{background-image: linear-gradient(#d2e7ff, #fefefe); }
.nybanner-dark-blue .pc{ background: url(../images/nybanner-ksc-pc.png) right bottom no-repeat;}
.nybanner-green{background-image: linear-gradient(#c0ffed, #fefefe);}
.nybanner-green .pc{ background: url(../images/nybanner-ksh-pc.png) right no-repeat;}
.nybanner-orange{background-image: linear-gradient(#fff3ed, #fefefe);}
.nybanner-orange .pc{ background: url(../images/nybanner-kwb-pc.png) right no-repeat;}
.nybanner-light-blue{background-image: linear-gradient(#e5f8ff, #fefefe);}
.nybanner-light-blue .pc{ background: url(../images/nybanner-kcrm-pc.png) right no-repeat;}


.nybanner{ position: relative; display: block; text-align:left; color: #666; height: 500px; margin-top: 97px;}
.nybanner .pc{ height:500px; }
.nybanner .text-box{ position:relative;  padding-top:150px; }
.nybanner .text-box h4{ color:#fff; }
.nybanner .text-box h2{ font-size: 46px; line-height: 1; }
.nybanner .text-box a{ color:#666 }


.index-banner-pc{ margin-top:99px; }


.nybanner2{ position: relative; display: block; text-align:left; color: #666; height: 300px; margin-top: 97px;}
.nybanner2 .pc{ height:300px; }
.nybanner2 .text-box{ position:relative;  padding-top:50px; }
.nybanner2 .text-box h4{ color:#fff; }
.nybanner2 .text-box h2{ font-size: 46px; line-height: 1;}
.nybanner2 .text-box a{ color:#666 }


.nybanner3{ position: relative; display: block; text-align:left; color: #666; height: 650px; margin-top: 97px;}
.nybanner3 .pc{ height:650px; }
.nybanner3 .text-box{ position:relative;  padding-top:50px; }
.nybanner3 .text-box h4{ font-size: 30px; font-weight: normal; padding-top: 20px; line-height: 1.2;}
.nybanner3 .text-box h2{ font-size: 64px; line-height: 1; font-weight:bold;  padding-top: 20px;}
.nybanner3 .text-box h3{ font-size: 40px; line-height: 1; font-weight: normal;  padding-top: 20px;}
.nybanner3 .text-box a{ color:#666 }
.nybanner3 .text-box .pc-hide{ display:none; }


.pc-show{ display:block; }

.m-show{ display:none; }


@media screen and ( max-width: 768px){ 
  .nybanner, .nybanner2{ margin-top: 55px; height: 300px;}
  .nybanner .pc, .nybanner2 .pc{ background-image:none!important; height:300px!important; }
  .nybanner .text-box{ padding-top:80px; }

  .nybanner3 {  margin-top: 55px; height: 80px}
  .nybanner3 .pc{ background-image:none!important; }
  .nybanner3 .text-box{ display: none; text-align:left!important; }
  .nybanner3 .text-box .pc-hide{ display:block; }
  .nybanner3 .text-box .mobile-hide{ display:none; }
  .nybanner3 .text-box h2{ font-size:40px; line-height:1.2; }
  .nybanner3 .text-box h3{font-size:26px;}
  .znyj{ padding-top:0px; }

  h2{ font-size:42px; }

  .text-box h3{ font-size:34px; }
  h3{ font-size:38px; }
  .text-box h4{ font-size:22px!important; }
  h4{ font-size:30px; line-height:1.2; }

  .pc-show{ display:none; }

  .m-show{ display:block; }
  .text-box p{ line-height:1.3!important; }

  .znyj .text-box .text-h4{ width:100%!important; }
 
}


.main-navigation ul ul li a .img-box{ max-width: 100%; padding: 5px 35px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.main-navigation ul ul li a .img-box img{ max-width:100%;}
.main-navigation ul ul li a h4{ font-size: 18px; margin-top:15px; font-weight: bold;}
.main-navigation ul ul li a p{ margin-top:-15px; padding-bottom: 10px;}



.main-navigation ul ul li.menu-item-has-children > a:after {
  display: inline-block;
  position: absolute;
  top: 30px;
  right: 25px;
  width: 0;
  height: 0;
  content: "\f107";
  color: #bdbebf;
  font-family: 'FontAwesome';
  font-weight: 900;
  margin-right: 15px;
  font-size: 13px;
  float: right;
  transform: rotate(-90deg);
}
.main-navigation ul ul li.menu-item-has-children > a:hover:after {
  color: #00a578;
}
.main-navigation ul ul li ul {
  margin-left: 100%;
  border-top: none;
}
.main-navigation ul ul li:hover ul  {
  opacity: 1;
  visibility: visible;
  top: 0;
  margin-left: 100%;
}
.main-navigation a i {
  margin-left: 8px;
}
.mobile-header {
  display: none;
}

/*--------------------------------------------------------------
## Nav 2
--------------------------------------------------------------*/
.navigation-2 {
  background-color: #014d97;
}
.navigation-2 ul li a {
  color: #fff;
}
.navigation-style-2 > ul > li:last-child {
  border-right: 1px solid rgba(255,255,255,.2);
}
.navigation-style-2 > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.navigation-style-2 > ul > li {
  -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    text-align: center;
    border-left: 1px solid rgba(255,255,255,.2);
}
.navigation-style-2 > ul > li a {
  display: block;
  padding: 19px 25px;
}
.navigation-style-2 ul li ul {
  min-width: 275px;
}

.topbar-right{ text-align:left; }
.topbar-right > div{

  display: inline-block;
  padding: 30px 5px;

}
.topbar-right > div.tel{ font-weight:bold; font-size:18px; }


/*二级栏目*/
.main-navigation ul li ul.sub-menu2 {
  min-width: 220px;
  position: absolute;
  top: 140%;
  left: -50%;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
}
.main-navigation ul > li:hover > ul.sub-menu2 {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.main-navigation ul li li.menu-item2 {
  position: relative;
  display: block;
}
.main-navigation ul ul.sub-menu2 li.menu-item2 a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #272023;
  text-align: center;
  display: block;
  padding: 15px 25px 15px 25px;
  position: relative;
  text-decoration: none;
  outline: none;
  text-transform: none;
  border: none;
  transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  border-bottom: 1px solid rgba(183,183,183,0.5);
}
.main-navigation ul ul.sub-menu2 li.green a:hover{
  color: #00a578;
}
.main-navigation ul ul.sub-menu2 li.dark-blue a:hover{
  color: #066cf2;
}
.main-navigation ul ul.sub-menu2 li.orange a:hover{
  color: #ff6816;
}
.main-navigation ul ul.sub-menu2 li.light-blue a:hover{
  color: #00aaf1;
}


/**/















@media (max-width: 991px){
  .md-hidden {
    display: none;
  }
  .mobile-header {
    display: block;
    background-color: #fff;
    padding: 10px 0;
  }
  .logo-brand-mobile {
    max-width: 200px;
  }
  .mobile-nav {
    display: none;
    margin-bottom: 30px;
  }
  #mmenu_toggle {
    position: relative;
    cursor: pointer;
    float: right;
    width: 26px;
    height: 20px;
    padding: 10px 0;
    margin: 14px 0 0;
  }
  #mmenu_toggle button {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -2px 0 0;
    background: #03132b;
    height: 4px;
    padding: 0;
    border: none;
    width: 100%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    outline: none;
    border-radius: 2px;
  }
  #mmenu_toggle button:before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    width: 26px;
    height: 4px;
    background: #03132b;
    -webkit-transform-origin: 1.5px center;
    transform-origin: 1.5px center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    border-radius: 2px;
  }
  #mmenu_toggle button:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 26px;
    height: 4px;
    background: #03132b;
    -webkit-transform-origin: 1.5px center;
    transform-origin: 1.5px center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    border-radius: 2px;
  }
  #mmenu_toggle.active button {
    background: none;
  }
  #mmenu_toggle.active button:before {
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  #mmenu_toggle.active button:after {
    bottom: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  .mobile-menu {
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
    border-top: 1px solid rgba(183,183,183,0.5);
  }
  .mobile-nav ul li.menu-item-has-children ul {
    display: none;
  }
  .mobile-nav ul li {
    position: relative;
  }
  .mobile-nav ul li a {
    color: #272023;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(183,183,183,0.5);
    text-decoration: none;
  }
  .mobile-nav ul li a:hover {
    color: #00a578;
  }
  .mobile-nav .btn {
    margin-top: 20px;
  }
  .mobile-header .mobile-nav .mobile-menu > li.menu-item-has-children .arrow {
    color: #000;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 53px;
    padding: 0 30px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
  }
  .mobile-header .mobile-nav .mobile-menu > li.menu-item-has-children .arrow i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 11px;
    height: 11px;
  }
  .sub-menu {
    padding-left: 20px;
  }
  .mobile-nav ul {
    margin-top: 10px;
    list-style: none;
  }


}
.black{ color:#333!important; }
.white{ color:#fff!important; }

.index-banner-pc .swiper{ position: relative; display: block; width:100%; height:780px; }
.index-banner-pc .swiper .swiper-wrapper{ height:780px; }
.index-banner-pc .swiper .swiper-wrapper .swiper-slide{ height:780px; }

.index-banner-pc .swiper .swiper-wrapper .swiper-slide:nth-child(1){background: url(../images/banner1.jpg) no-repeat center #01b27e;}
.index-banner-pc .swiper .swiper-wrapper .swiper-slide:nth-child(2){background: url(../images/banner2.jpg) no-repeat center #bbf8d8;}
.index-banner-pc .swiper .swiper-wrapper .swiper-slide:nth-child(3){background: url(../images/banner3.jpg) no-repeat center #bbf8d8;}


@media screen and ( max-width: 768px){ 
.index-banner-pc .swiper{ margin-top:55px; }
.index-banner-pc .swiper .swiper-wrapper .swiper-slide:nth-child(1){ background-image:none; }
.index-banner-pc .swiper .swiper-wrapper .swiper-slide:nth-child(2){ background-image:none; }
.index-banner-pc .swiper .swiper-wrapper .swiper-slide:nth-child(3){ background-image:none; }



}


.index-banner-pc .swiper-button-prev, .index-banner-pc .swiper-button-next{ color:#fff; opacity: 0.5;
    filter: alpha(opacity=50);}

.index-banner-pc .swiper .text-box{ position:absolute; top:0px; left:50%; color:#fff; width: 800px; margin-left: -600px; height:100%; }
.index-banner-pc .swiper .text-box h2, .swiper .text-box h4, .swiper .text-box h3{font-weight:bold; }
.index-banner-pc .swiper .text-box h4 { margin-top:180px; font-size:30px;}
.index-banner-pc .swiper .text-box h2{ font-size:88px; padding:15px 0; }
.index-banner-pc .swiper .text-box h3{ font-size:74px; padding:15px 0; }
.index-banner-pc .swiper .text-box p{ font-size:20px; line-height:30px; }

.index-banner-pc .swiper .text-box .icon-text .item{ display:inline-block; margin: 30px 20px 40px 20px; text-align: center;}
.index-banner-pc .swiper .text-box .icon-text .item p{ font-size:16px; }
.index-banner-pc .swiper .text-box  a.btn{border-radius:5px; font-size:18px; font-weight:bold; line-height: 20px;}

.index-banner-pc .swiper .text-box  a.white{ color:#00a578!important; background:#fff;}
.index-banner-pc .swiper .text-box  a.white:hover{ background:#008267; color:#fff!important; }
.index-banner-pc .swiper .text-box  a.green{ color:#fff; background:#00a578;}
.index-banner-pc .swiper .text-box  a.green:hover{ background:#fff; color:#00a578; }

.banner-mobile{ display:none; }
/*index banner mobile*/
@media screen and ( max-width: 768px){ 
.index-banner-pc .swiper{ margin-top:55px; }
.index-banner-pc .swiper .swiper-wrapper .swiper-slide:nth-child(1){ background-image:none; }
.index-banner-pc .swiper .swiper-wrapper .swiper-slide:nth-child(2){ background-image:none; }
.index-banner-pc .swiper .swiper-wrapper .swiper-slide:nth-child(3){ background-image:none; }
.banner-mobile{ display: block; margin-top:55px; }

  
}


.pt0{ padding-top:0; }
.pt30{ padding-top: 30px; }
.pt60{ padding-top: 60px; }
.pt90{ padding-top: 90px; }
.pt120{ padding-top: 120px; }
.pb30{ padding-bottom: 30px; }
.pb60{ padding-bottom: 60px; }
.pb90{ padding-bottom: 90px; }
.pb120{ padding-bottom: 120px;}


.index-1 .text-box{}
.index-1 .text-box h4{ font-size:26px; color:#333; margin-bottom: 40px;}
.index-1 .text-box h3{ font-size: 40px; font-weight:bold; margin-bottom: 20px;}
.index-1 .text-box p{ line-height:1.1; }
.index-1 .text-box a{ margin-top:30px; }

.index-2 .logo-img{ }
.index-2 .logo-img .item{ padding: 10px 20px; border: 1px solid #f5f5f5; margin: 0 -5px 25px; box-shadow: 2px 2px 5px #eee; -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}
.index-2 .logo-img .item:hover{-webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);}


.index-3 .news-box{}

.index-3 .news-box .item{ padding:20px; border:1px solid #eee; border-radius:10px; box-shadow: 2px 2px 5px #eee; margin-bottom: 20px;}
.index-3 .news-box .img-box{ width:100%; height: 100%; overflow:hidden; }


.index-3 .news-box .img-box img{ width:100%; height: 179.33px;}
.caselist .img-box img{ width:100%; height:263.09px; }

@media screen and ( max-width: 768px){ 
.index-3 .news-box .img-box img{ width:100%; height: auto;}
.caselist .img-box img{ width:100%; height:auto; }
}




.index-3 .news-box span.date{display: block; margin-top:10px; padding-left:20px; background:url(../images/news-date-bg.png) no-repeat left; }
.index-3 .news-box h4{ font-size:22px; font-weight:bold; margin: 10px 0; padding-bottom: 20px; background: url(../images/news-tit-bg.png)no-repeat bottom left;}
.index-3 .news-box a:hover h4{ color:#00a578; }
.index-3 .news-box .img-box{ max-width:100%; overflow:hidden; border-radius: 10px;}
.index-3 .news-box .img-box:hover img{
-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;

  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);

}

.index-3 .news-box a:hover span.date,.index-3 .news-box a:hover .desc{ color:#03132b;}
.index-4 .honor-box{}

.index-4 .honor-box h4{ font-size:22px; font-weight:bold; }
.index-4 .honor-box .item{ display:block; padding-left:30px; background: url(../images/honor-tit-bg.png) no-repeat left; }、
.index-4 .honor-box .img-box{ text-align:right; }
.index-4 .honor-img-line{ text-align:center; }
.index-4 .honor-img-line .img-box{ margin-bottom:10px; padding: 10px 45px;}


footer{ background:#000; }

footer .foot-top{ color:#fff; }

footer .foot-top .logo-foot{ padding-top:90px; padding-right: 50px; }
footer .foot-top .logo-foot p{ text-align:center; }
footer .foot-top .foot-nav{ padding-top:50px; padding-left:50px; }
footer .foot-top .foot-nav h4,footer .foot-top .foot-contact h4{ color:#fff; font-size:20px; font-weight:bold; }
footer .foot-top .foot-nav a{ display:block; color:#999; margin:10px 0; }
footer .foot-top .foot-contact{ padding-top:50px; padding-left:30px; padding-bottom: 30px;}
footer .foot-top .foot-contact p{ color:#999; line-height:0.8;  }
footer .foot-top .foot-wechat{ text-align:center; padding-top:50px; }
footer .foot-top .foot-wechat img{ margin-bottom:10px;}
footer .foot-botom{ padding:20px 0; border-top:1px solid #333; }
footer .foot-botom a{ color:#333; }
footer .foot-top .foot-right{ border-left:1px solid #333; }


footer .foot-fixed{ width: 100%; position:fixed; bottom:0;  background:#00a578; z-index: 9999;}
footer .foot-fixed a{ color:#fff; }
footer .foot-fixed a img{ margin-right:5px; }
footer .foot-fixed .foot-fixed-item{ height:30px; margin: 10px 0; text-align:center;}


@media screen and ( max-width: 768px){ 
 footer{ padding-bottom:50px; }
  
}



.news-list .img-box{ max-width:100%; max-height: 100%; overflow:hidden; border-radius: 10px;}
.news-list .img-box img{ height: 100%; height:260px; }
.news-list .img-box:hover img{
-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;

  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);

}
@media screen and ( max-width: 768px){ 
.news-list .img-box img{ height: 100%; height:auto; }
}


.news-list .item{ display: block; min-height: 300px; border:1px solid #fafafa; border-radius: 10px; padding: 20px 10px; margin-bottom: 20px; box-shadow: 2px 2px 5px #eee;}
.news-list .item h4{ font-size:30px; font-weight:bold; margin-top:20px; line-height: 1.2; padding-bottom: 36px; background:url(../images/news-tit-bg.png) no-repeat left bottom; }
.news-list .item a:hover h4{ color:#00a578; }
.news-list .item span.date{ display:block; padding-left:20px; background:url(../images/news-date-bg.png) no-repeat left; margin:15px 0; }
.news-list .item a:hover span.date,.news-list a:hover p{ color:#03132b; }

.news-list .logs{ display: block; min-height: 200px; margin: 30px 0; height: auto; border-bottom:none; border-left: 1px solid #25b68c;border-right: none;border-top: none; border-radius:0; padding: 20px 10px;box-shadow: none;}
.news-list .item h4 span{ font-size:38px; }
.news-list .item .log-desc{ background:#f0f0f0; border-radius: 10px; padding:20px 30px; }
.circular-box{}
.circular-box .circular{ display: block; width:20px; height:20px; line-height: 20px; text-align: center; border:1px solid #25b68c; border-radius:10px; margin-left:-10px; }
.news-list .circular-box:last-child{ display:none; }

.page{}
.page a{ margin:10px; padding:10px 15px; border:1px solid #eaeaea; border-radius: 50%;}
.page a:hover, .page a.page-num-current{ background:#25b68c; color:#fff; border:1px solid #25b68c; }

.news-content h4{ font-size:28px; font-weight:bold; line-height:1.2; }
.news-content .date-view{ font-size:18px; padding:20px 0; }
.news-content .date-view .date{ padding-left:20px; background:url(../images/news-date-bg.png) no-repeat left; }
.news-content .date-view .view{ padding-left:20px; background:url(../images/news-view-bg.png) no-repeat left; }
.logs-content img{ margin:0 auto; }
.logs-content img:hover{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;

  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.about .img-box{ max-width:100%; overflow:hidden;border-radius:15px;  }
.about .text-box{ padding:20px 20px 0px 20px; }
.about .text-box h4{ font-size:24px; font-weight:bold; margin: 20px 0; background:url(../images/news-tit-bg.png) no-repeat left bottom;}

.about .text-box p{}





.messages .form-box h4{ font-size:24px; font-weight:bold; padding:20px 0; }

.messages .form-box .form .item{ margin-bottom:30px; }

.messages .form-box .form .item input, .register-form .form-box .form .item input{
  position: relative;
    font-size: 16px;
    line-height: 26px;
    color: #707070;
    display: table-cell;
    width: 100%;
    padding: 10px 20px;
    border-radius: 0;
  }
  
.messages .form-box h4{background:url(../images/news-tit-bg.png) no-repeat left bottom;}




.messages .img-box{ max-width:100%; overflow:hidden;border-radius:15px;  }

.mobile-nav .btn-box a.btn{ color:#fff!important;}


.caselist .item{ margin-bottom:30px; border: 1px solid #f5f5f5; border-radius: 10px; box-shadow: 2px 2px 5px #eee; }

.caselist .item h4{ font-size:22px; font-weight:bold; padding-top:20px; }

.caselist .item .img-box{ max-width:100%; overflow:hidden; border-top-left-radius: 10px; border-top-right-radius: 10px;}

.caselist .item .img-box:hover img{-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;

  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.caselist .item .text-box{ padding:20px 30px 40px; }

.caselist .sub-menu{ border-top:1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}

.caselist .sub-menu a.active{ color:red }

.case-banner{ background:#fff; border-radius:10px; margin-top: -200px; padding:55px 0px 25px; border: 1px solid #fafafa;  box-shadow: 2px 2px 5px #eee;  }

.case-banner .img-box{ padding:0 20px; margin-bottom:20px;  }
.case-banner .img-box img{ max-width: 90%;}

.case-banner .text-box-case{ padding-left:30px; border-left: 1px solid #b4b4b4; border-right:1px solid #b4b4b4; margin-bottom:20px; }
.case-banner .text-box-case p{ color:#333; line-height: 1.2;}

.case-banner .module{ padding:0 20px 0 0; }
.case-banner .module h5{ font-size: 22px; font-weight:bold; margin-bottom: 10px;}

.case-banner .module ul{ padding-left:0; }
.case-banner .module ul li{ display:inline-block; margin:5px; }

.ksc-1 h2{ font-weight:normal; }
.ksc-1 .ksc-ico-item{ padding:20px; text-align: center; line-height: 1; min-height: 350px;}
.ksc-1 .ksc-ico-item h4{ font-weight:bold; font-size: 22px;}
.ksc-1 .ksc-ico-item .ksc-ico-icon{ padding:10px; margin-bottom: 15px;}
.ksc-1 .ksc-ico-item p{ padding:0; margin:0; }


.register-left-bg .img-box{ margin-top:250px; }

.register-form .form-box{  margin-top:280px; background:#fff; border-radius:15px; padding:30px 50px; box-shadow: 2px 2px 5px #cdfff0; }

@media screen and ( max-width: 768px){ 
.index-banner-pc{ display:none; }
.register-left-bg .img-box{  display: none;}

 .register-form .form-box{  margin-top:100px; }

 /*.messages .form-box .form .item input{ width:auto!important; }*/

  .ksc-1 .ksc-ico-item{ min-height: 350px;}
  
}

.succeeded{margin-top:180px;}
.succeeded h4{ font-size:45px; line-height: 50px; margin:20px 0; font-weight:bold; }
.succeeded .succeeded-phone{ margin-top:50px; }
.succeeded .succeeded-phone a{ font-size:22px; padding: 10px 30px; border-radius: 5px; border:1px solid #00a578; }
.succeeded .succeeded-erweima{ margin-top:50px; }



.znyj .text-box h3{ font-size:24px;  }
.znyj .text-box h2{ font-size:34px; font-weight:bold; }
.znyj .text-box .text-h4{  margin:40px 0;  width:80%;}
.znyj .text-box h4{ font-size:28px; }
.znyj .text-box .text-h4 p{ }
.znyj .text-box .num-item { margin-bottom:20px; }
.znyj .text-box .num-item span.num{ font-size:40px; font-weight:bold; }
.znyj .text-box .num-item span.num em{ font-size:20px; font-style:normal; }
.znyj .text-box .num-item p{}



.channel{ min-height: 400px; background:url(../images/channel-bg.png) no-repeat; }
.channel h2{ font-weight:normal; padding-top: 85px; margin-bottom: 60px;}

.channel .channel-item{ height: 60px; line-height: 60px;  background:#fff; box-shadow: 2px 2px 5px #cdfff0; text-align: center; }

.channel .channel-item a{ display: block;  min-height: 60px; width: 100%;  padding-left:30px; margin-left: 10px; font-size: 18px;
  transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
 }
.channel .channel-item a.xcx{ background:url(../images/channel-ico-xcx.png) no-repeat left; }
.channel .channel-item a.weixin{ background:url(../images/channel-ico-weixin.png) no-repeat left; }
.channel .channel-item a.dingding{ background:url(../images/channel-ico-dingding.png) no-repeat left; }
.channel .channel-item a.win{ background:url(../images/channel-ico-win.png) no-repeat left; }
.channel .channel-item a.mac{ background:url(../images/channel-ico-mac.png) no-repeat left; }
.channel .channel-item a.web{ background:url(../images/channel-ico-web.png) no-repeat left; }

.channel .channel-item:hover .download-1{ margin-top:-60px; }

.channel .channel-item a.download-ico{ background:url(../images/download-ico.png) no-repeat left #fff; box-shadow: 2px 2px 5px #cdfff0; margin-left:0px; }

.channel .channel-item .erweima-box{ display: none; position:absolute; top:-123px; left: 13.33333px;  background:#fff;  box-shadow: 2px 2px 5px #cdfff0;}

.goTop >img{
width: 50px;
height: 50px;
cursor: pointer;
}
.goTop{
position: fixed;
right : 20px;
bottom : 80px;
}



.team-box h2{ font-size:50px; font-weight:normal; margin-bottom: 60px;}

.team-box .item{width: 1000px; height:330px; margin:0px auto 60px; box-shadow: 2px 2px 5px #cdfff0; border-radius: 15px;}
.team-box .service{background:url(../images/team-service-bg.png) no-repeat right bottom #fff;}
.team-box .technology{background:url(../images/team-technology-bg.png) no-repeat right bottom #fff;}
.team-box .after-sale{background:url(../images/team-after-sale-bg.png) no-repeat right bottom #fff;}
.team-box .item:hover{ box-shadow: 3px 5px 8px #cdfff0;}




.team-box .item .text-box{ padding-left:20px; }

.team-box .item .text-box h3{ margin-top:75px; padding-bottom: 30px; font-size: 48px; background: url(../images/team-h4-tit-bg.png) no-repeat left bottom;}

.team-box .item .text-box h4{ margin-top:50px; font-size:28px; font-weight:normal; }

.team-box .item .img-box{ width: 486px; height: 330px; overflow:hidden; border-radius:15px; }


.team-box .item .img-box .swiper-pagination-switch {
  border-radius: 8px;
 
}
.team-box .item .img-box .swiper-pagination-bullet-active{
  background: #00a578;
}


.contact-box h2{ font-size:50px; font-weight:normal; margin-bottom: 60px;}
.contact .item{ background-image: linear-gradient(to right,#00c48f,#00a578)!important; border-radius:5px; box-shadow: 5px 5px 8px #cdfff0; padding:30px 10px; margin:0 30px; color:#fff; }
.contact .item .img-box{ padding:20px; }
.contact .item h4{ font-size:16px; font-weight: normal; color:#fff; }


.contact .item .img-box:hover img{
-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);

}

.map-re{ position:relative; width:100%; height:650px; }
.map_box{ width:100%; height:650px; overflow:hidden; position:absolute; left: 0; top: 0; z-index: 9;}
#map{width:100%; height:650px; position: absolute; z-index: -9}

.messages{ position: absolute; margin-top:80px; width: 1920px; left: 50%; margin-left: -960px; z-index: 99; pointer-events: none;}

.messages .form-box{ background:#fff; padding:30px 30px; border-radius:15px; pointer-events: auto; }
.messages .form-box h4{ font-size:24px; font-weight:bold; padding:20px 0; }

.messages .form-box .form .item{ margin-bottom:30px; }

.messages .form-box .form .item input{
  position: relative;
    font-size: 16px;
    line-height: 26px;
    color: #707070;
    display: table-cell;
    width: 100%;
    padding: 10px 20px;
    border-radius: 0;

  }
.messages .form-box h4{background:url(../images/news-tit-bg.png) no-repeat left bottom;}

.messages .img-box{ max-width:100%; overflow:hidden;border-radius:15px;  }




@media screen and ( max-width: 768px){ 
 .team-box .item{ width: 100%;  height:auto; }
 .team-box .item .img-box{ width: 100%; height: auto; overflow:hidden; }
 .team-box .item .img-box img{ width:100%; }
 .team-box .item .text-box h3{ margin-top:25px; }
 .contact .item{padding:10px; min-height: 180px;  margin:10px 10px; }
 .contact .item:hover img{}
 .contact .item .img-box{ padding:10px; }
 .contact .item .img-box img{ width:50%; }
 .contact .item h4{ font-size:16px; color:#fff; }


.messages { max-width:100%; overflow:hidden;border-radius:15px;  }

}

.overlay{}

ul.tab-ul{ text-align:center; padding: 30px 0;}
ul.tab-ul li{ list-style:none; font-size: 20px; display:inline-block; text-align:center; padding:10px 40px; cursor: pointer;}
ul.tab-ul li.active{ background:#00a578; border-radius:999px;  color:#fff; }


/*20250425  new add baidu landing page*/
.landing-banner-pc {background: linear-gradient(to bottom, #1f56f4, #ebf3fb);}
.landing-banner-pc .swiper{ position: relative; display: block; width:100%; height:750px; }
.landing-banner-pc .swiper .swiper-wrapper{ height:v; }
.landing-banner-pc .swiper .swiper-wrapper .swiper-slide{ height:750px; }
.landing-banner-pc .logo-box{ position: relative; height: 80px; }
.landing-banner-pc .landing-logo{ position:absolute; width:516px; height:80px; left:0px; top:30px; }
.landing-banner-pc .landing-pointer{ position:absolute; right:0px; top:60px; z-index: 999 }
.landing-banner-pc .landing-pointer a{ color:#fff; font-size: 18px; border:1px solid #fff; padding:10px 20px; }
.landing-banner-pc .landing-pointer a:hover{ opacity:90%; }


.landing-banner-pc .con-box{ background: #fff; border-radius: 30px; margin-top: 90px;}
.landing-banner-pc .con-box .text-box{ padding: 90px 50px 60px; }
.landing-banner-pc .con-box .text-box h4{ font-size: 28px; }
.landing-banner-pc .con-box .text-box h2{ font-size: 56px; }
.landing-banner-pc .con-box .text-box .item-box{ display: block;  }
.landing-banner-pc .con-box .text-box .item-box span{ display: inline-block; font-size: 18px; margin-bottom: 15px; padding-left: 30px; background: url(../images/425d.png) no-repeat left center; }





.landing-banner-pc .con-box .landing-btn-box{ margin-top:80px; }
.landing-banner-pc .con-box .landing-btn-box .btn-gray-blue{
  padding: 15px 30px;
  background: linear-gradient(to bottom, #eaf5ff, #c3e7ff);
  color: #066cf2; 
  border-radius: 15px; 
  font-size: 20px;
}
.landing-banner-pc .con-box .landing-btn-box .btn-gray-blue img{ margin:0 5px 0 10px; }
.light-green{ color:#2cffca; }

p.big-p{ font-size:30px; color:#232323; }


.landing-title-icon{ padding-left:70px; }
.landing-title-icon-1{ background:url(../images/landing-title-icon-1.png) no-repeat left center; }
.landing-title-icon-2{ background:url(../images/landing-title-icon-2.png) no-repeat left center; }
.landing-title-icon-3{ background:url(../images/landing-title-icon-3.png) no-repeat left center; }
.landing-title-icon-4{ background:url(../images/landing-title-icon-4.png) no-repeat left center; }

ul.blue-triangle-list {  
  list-style: none; 
  padding-left: 0; 
}  
  
ul.blue-triangle-list li {  
  position: relative; 
  margin: 15px 0;
  padding-left: 30px; 
  font-size: 20px;
}  
  
ul.blue-triangle-list li:before {  
  content: ''; 
  position: absolute; 
  left: 10px; 
  top: 50%; 
  transform: translateY(-50%) rotate(90deg); 
  width: 0; 
  height: 0;  
  border-left: 10px solid transparent; 
  border-right: 10px solid transparent; 
  border-bottom: 10px solid #1e75ff; 
}

.text-item .item{  margin:15px 0; font-size:20px; padding:10px 20px;}

.li-item{ width:100%; background:#fff; display: flex; padding: 30px 20px; margin: 15px 0;}
.li-item .title-icon-left{ width:100px;}
.li-item .title-icon-left-1{ background:url(../images/title-icon-left-1.png) no-repeat left center; }
.li-item .title-icon-left-2{ background:url(../images/title-icon-left-2.png) no-repeat left center; }
.li-item .title-icon-left-3{ background:url(../images/title-icon-left-3.png) no-repeat left center; }
.li-item .title-icon-left-4{ background:url(../images/title-icon-left-4.png) no-repeat left center; }

.li-item .con-box h4{ font-size:24px; color: #066cf2;}
.li-item .con-box p{ font-size:18px; color:#666; line-height:1.5; }
ul.ul-bg li{ color:#666; padding-top:20px; padding-bottom:20px; padding-left:30px; }
ul.ul-bg li span{ color:#232323; }

.landing-ys{
    background: url(../images/landing-ys-bg.jpg) no-repeat center / cover;
}

.landing-ys .bg-blue-gray{background: linear-gradient(to bottom, #e3e9ff, #fffdff);}
.landing-ys .bg-yellow-gray{background: linear-gradient(to bottom, #fff7e7, #fffdff);}
.landing-ys .bg-purple-gray{background: linear-gradient(to bottom, #f2edff, #fffdff);}

.landing-ys .item{ padding:20px 30px; border-radius:10px; margin-top:30px; }
.landing-ys .item .text-box{ margin-top:30px; }
.landing-ys .item .text-box h4{ font-size:30px; }
.landing-ys .item .text-box p{  color:#232323; }

.landing-ys .landing-bottom-num .item h2{ font-size:60px; }
.landing-ys .landing-bottom-num .item p{ font-size:20px; }

.landing-num .con-box{ border:1px solid #d9e5ff; border-radius:15px; }
.landing-num .con-box .item{ margin-top:30px; padding:20px 30px; text-align:center; }
.landing-num .con-box .item .h2{ display:flex; justify-content:center; }
.landing-num .con-box .item .h2 span{ font-size:60px; font-weight:bold; }
.landing-num .con-box .item .h2 em{ font-size:24px; margin-top: 40px;}
.landing-num .con-box .item .h2 i.icon{ display:block; width:45px; height:45px; margin-top:30px; }
.landing-num .con-box .item .h2 i.icon-fall{ background:url(../images/icon-fall.png) no-repeat left center; }
.landing-num .con-box .item .h2 i.icon-rise{ background:url(../images/icon-rise.png) no-repeat left center; }
.landing-num .con-box .item p{ font-size:18px; color:#232323; }

.bg-white{ background:#fff; }

.landing-logo-bg{
    background: url(../images/landing-logo-bg.jpg) no-repeat center / cover;
}

.landing-bottom{
     background: url(../images/landing-bottom-bg.jpg) no-repeat center / cover;
 
}
.landing-bottom {}
.landing-bottom a{ border:1px solid #fff; margin:0 15px; }
.landing-bottom a.text-white{ color:#fff; }
.landing-bottom a:hover{opacity: 0.9;}
.landing-bottom a.btn-left:hover{ color:#066cf2; }



.btn-arrow img{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.btn-arrow:hover img{
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}





.index-form{ position:fixed; width: 100%; top:20%; left:50%; margin-left: -200px;  z-index:99999;  }

.index-form .register-left-bg .img-box{ margin-top:250px; }

.index-form .register-form .form-box{ width: 400px; margin: 0!important; background:#fff; border-radius:15px; padding:30px 50px; box-shadow: 2px 2px 5px #c3beff; }
.index-form .register-form .form-box h4{ font-size:24px; }
.index-form .register-form .form-box .close{ text-align:right; }

@media screen and ( max-width: 768px){ 
.index-form .register-left-bg .img-box{  display: none;}

 .index-form .register-form .form-box{  margin-top:100px; }
  
}


/*20250425 add css*/
.t-item { padding: 15px 0; }
.t-item span{ font-size: 20px; margin:15px 20px; padding: 5px 30px; border: 1px solid #0066e5; border-radius: 30px; }

.big-ys-0425 .item{background: #fff; border: 1px solid #f0f0f0; box-shadow: 2px 2px 5px #fafafa; margin-bottom: 30px; padding: 40px 50px; border-radius: 15px;}
.big-ys-0425 .item h4{ font-size: 24px; font-weight: bold; padding-left: 15px; border-left: 4px solid #1677ef; }

.jz-0425 .con-box{ padding:70px 60px 30px; border: 1px solid #1677ef; border-radius: 30px;  }

.jz-0425 .con-box .item{ margin-bottom: 50px; padding-left: 40px; background: url(../images/t-d.png) no-repeat left top; }
.jz-0425 .con-box .item h4{ font-size: 24px; font-weight: bold; }