/*css-by-saneeshonline*/

@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

  box-sizing: border-box;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

  display: block;

}

ol, ul {

  list-style: none;

}

blockquote, q {

  quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

  content: "";

  content: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

*:focus {

  outline: none !important;

}

::-webkit-input-placeholder {

  color: #000;

  font-size: 13px;

}

::-moz-placeholder {

  color: #000;

  font-size: 13px;

}

:-ms-input-placeholder {

  color: #000;

  font-size: 13px;

}

:-moz-placeholder {

  color: #000;

  font-size: 13px;

}

input:-webkit-autofill {

  -webkit-box-shadow: 0 0 0 30px white inset;

  box-shadow: 0 0 0 30px white inset;

}

.reset {

  clear: both;

}

body {

  margin: 0;

  font-family: 'Poppins', sans-serif;

  overflow: hidden;

  overflow-y: scroll;

  animation: fadein 2s;

  -moz-animation: fadein 2s;

  -webkit-animation: fadein 2s;

  -o-animation: fadein 2s;

}

body, textarea, input, select {

  color: #061923;

  font-size: 16px;

}

textarea, input, select {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, select:focus, textarea {

  font-size: 16px;

}

h1, h2, h3, h4, h5, h6 {

  margin: 0;

  padding: 0;

  float: left;

  position: relative;

  width: 100%;

  font-family: 'Montserrat', sans-serif;

}

p {

  line-height: 28px;

  margin: 0px 0 0 0;

  float: left;

  width: 100%;

}

a {

  text-decoration: none !important;

  color: #53565a;

  position: relative;

  display: inline-block;

  -webkit-transition : 400ms ease-in-out;

  -moz-transition: 400ms ease-in-out;

  -ms-transition: 400ms ease-in-out;

}

a:hover {

  text-decoration: none !important;

  color: #000;

}

/* a::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 1px;

  top: 100%;

  left: 0;

  background: #000;

  transition: transform 0.5s;

  transform: scaleX(0);

  transform-origin: right;

  z-index: 9;

}

a:hover::after {

  transform: scaleX(1);

  transform-origin: left;

} */

ul {

  padding: 0;

  margin: 0;

}

.wrapper {

  width: 100%;

  float: left;

  position: relative;

}

.container {

  width: 1280px;

  margin: auto;

  position: relative;

}

img {

  display: block;

  max-width: 100%;

  height: auto;

}

.center__block {

  display: block;

  margin: 0 auto;

}

.text__center {

  text-align: center;

}

.text__right {

  text-align: right;

}

.col__1 {

  width: 8.33333333%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__2 {

  width: 16.66666667%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__3 {

  width: 25%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__4 {

  width: 33.33333333%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__5 {

  width: 41.66666667%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__6 {

  width: 50%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__7 {

  width: 58.33333333%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__8 {

  width: 66.66666667%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__9 {

  width: 75%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__10 {

  width: 83.33333333%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__11 {

  width: 91.66666667%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col {

  width: 100%;

  float: left;

  padding: 0 15px;

  position: relative;

}

section {

  width: 100%;

  float: left;

  position: relative;

  padding: 0px 0;

}

.header {

  z-index: 9990;

  width: 100%;

  background: #fff;
  border-bottom:1px solid #e2e8f0;

}



#header {

	position: fixed;

  top: 0;

  transition: all .5s;

}

.intro {

  position: relative;

  width: 100%;

  float: left;

  z-index: 1;

  margin: 80px 0 0;

}

.navigation {

  width: 100%;

  display: table;

  position: relative;

  font-family: inherit;

}

.navigation * {

  box-sizing: border-box;

  -webkit-tap-highlight-color: transparent;

}

.navigation-portrait {

  height: 48px;

}

.navigation-fixed-wrapper {

  width: 100%;

  left: 0;

  z-index: 19998;

  will-change: opacity;

}

.navigation-fixed-wrapper.fixed {

  position: fixed !important;

  -webkit-animation: fade .50s;

  animation: fade .50s;

}

.navigation-fixed-wrapper .navigation {

  margin-right: auto;

  margin-left: auto;

}

.navigation-fixed-placeholder {

  width: 100%;

  display: none;

}

.navigation-fixed-placeholder.navigation-fixed-placeholder.visible {

  display: block;

}

.navigation-hidden {

  width: 0 !important;

  height: 0 !important;

  margin: 0 !important;

  padding: 0 !important;

  position: absolute;

  top: -9999px;

}

.align-to-right {

  float: right;

}

.nav-header {

  float: left; background:#fff;

}

.navigation-hidden .nav-header {

  display: none;

}

.nav-brand {

  padding: 5px;


  display: block

}

.nav-brand img {

  height: 50px; margin-top:20px;

}

.nav-brand:hover, .nav-brand:focus {

  color: #70798b;

}

.navigation-portrait .nav-brand {

  font-size: 18px;

  line-height: 48px;

}

.nav-logo > img {

  height: 48px;

  margin: 11px auto;

  padding: 0 15px;

  float: left;

}

.nav-logo:focus > img {

  outline: initial;

}

.navigation-portrait .nav-logo > img {

  height: 36px;

  margin: 6px auto 6px 15px;

  padding: 0;

}

.nav-toggle {

  width: 30px;

  height: 30px;

  padding: 6px 2px 0;

  position: absolute;

  top: 50%;

  margin-top: -14px;

  right: 40px;

  display: none;

  cursor: pointer;

}

.nav-toggle:before {

  content: "";

  position: absolute;

  width: 24px;

  height: 2px;

  background-color: #333;

  border-radius: 10px;

  box-shadow: 0 0.5em 0 0 #333, 0 1em 0 0 #333;

}

.navigation-portrait .nav-toggle {

  display: block;

}

.navigation-portrait .nav-menus-wrapper {

  width: 320px;

  height: 100%;

  top: 0;

  left: -400px;

  position: fixed;

  background-color: #ffffff;

  z-index: 20000;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

  -webkit-transition-duration: .8s;

  transition-duration: .8s;

  -webkit-transition-timing-function: ease;

  transition-timing-function: ease;

}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {

  left: auto;

  right: -400px;

}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {

  left: 0;

}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {

  left: auto;

  right: 0;

}

.nav-menus-wrapper-close-button {

  width: 30px;

  height: 40px;

  margin: 10px 7px;

  display: none;

  float: right;

  color: #70798b;

  font-size: 26px;

  cursor: pointer;

}

.navigation-portrait .nav-menus-wrapper-close-button {

  display: block;

}

.nav-menu {

  margin: 0;

  padding: 0;

  list-style: none;

  line-height: normal;

  font-size: 0;

}

.navigation-portrait .nav-menu {

  width: 100%;

}

.nav-menu.nav-menu-centered {

  text-align: center;

}

.nav-menu.nav-menu-centered > li {

  float: none;

}

.nav-menu > li {

  display: inline-block;

  float: left;

  text-align: left;

}




.navigation-portrait .nav-menu > li {

  width: 100%;

  position: relative;

  border-top: solid 1px #f0f0f0;

}

.navigation-portrait .nav-menu > li:last-child {

  border-bottom: solid 1px #f0f0f0;

}

.nav-menu + .nav-menu > li:first-child {

  border-top: none;

}

.nav-menu > li > a {

  line-height: 90px;

  padding: 0 20px;


  position: relative;

  text-decoration: none;

  font-size: 14px;

  color: #666;

  text-transform: uppercase;

  letter-spacing: 1px;

  -webkit-transition: color 0.3s, background 0.3s;

  transition: color 0.3s, background 0.3s;

}
.nav-menu > li:nth-last-child(2) > a { background:#006edc; padding-left:20px; padding-right:20px; line-height:40px; border-radius:3px; color:#fff!important; margin-top:26px; margin-left:40px;}
.navigation-portrait .nav-menu > li > a {

    width: 100%;

    height: auto;

    padding: 12px 15px 12px 26px;

    line-height: inherit;

    color: black;

}

.nav-menu > li:hover > a, .nav-menu > li.active > a, .nav-menu > li.focus > a {

  color: #007cfb; border-top:3px solid #007cfb;

}
.nav-menu > li:last-child:hover > a {

  color: #007cfb; border-top:3px solid #fff;

}
.nav-menu > li a {border-top:3px solid #fff;}

.nav-menu > li > a > i, .nav-menu > li > a > [class*="ion-"] {

  width: 18px;

  height: 16px;

  line-height: 16px;

  -webkit-transform: scale(1.4);

  -ms-transform: scale(1.4);

  transform: scale(1.4);

}

.nav-menu > li > a > [class*="ion-"] {

  width: 16px;

  display: inline-block;

  -webkit-transform: scale(1.8);

  -ms-transform: scale(1.8);

  transform: scale(1.8);

}

.navigation-portrait .nav-menu.nav-menu-social {

  width: 100%;

  text-align: center;

}

.nav-menu.nav-menu-social > li {

  text-align: center;

  float: none;

  border: none !important;

}

.navigation-portrait .nav-menu.nav-menu-social > li {

  width: auto;

}

.nav-menu.nav-menu-social > li > a > [class*="ion-"] {

  font-size: 12px;

}

.nav-menu.nav-menu-social > li > a > .fa {

  font-size: 14px;

}

.navigation-portrait .nav-menu.nav-menu-social > li > a {

  padding: 15px;

}

.submenu-indicator {

  margin-left: 10px;

  margin-top: 40px;

  float: right;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.navigation-portrait .submenu-indicator {

  width: 54px;

  height: 44px;

  margin-top: 0;

  position: absolute;

  top: 0;

  right: 0;

  text-align: center;

  z-index: 20000;

}

.submenu-indicator-chevron {

  height: 6px;

  width: 6px;

  display: block;

  border-style: solid;

  border-width: 0 1px 1px 0;

  border-color: transparent #000 #000 transparent;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transition: border 0.3s;

  transition: border 0.3s;

}

.navigation-portrait .submenu-indicator-chevron {

  position: absolute;

  top: 18px;

  left: 24px;

  border-color: black;

}

.nav-menu > li:hover > a .submenu-indicator-chevron, .nav-menu > .active > a .submenu-indicator-chevron, .nav-menu > .focus > a .submenu-indicator-chevron {

  border-color: transparent #8cc861 #8cc861 transparent;

}

.navigation-portrait .submenu-indicator.submenu-indicator-up {

  -webkit-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  transform: rotate(-180deg);

}

.nav-overlay-panel {

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: fixed;

  display: none;

  z-index: 19999;

}

.no-scroll {

  touch-action: none;

  overflow-x: hidden;

}
.nav-dropdown {

  min-width: 180px;

  margin: 0;

  padding: 0;

  display: none;

  position: absolute;

  list-style: none;

  z-index: 98;

  white-space: nowrap;
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.11);
}


}

.navigation-portrait .nav-dropdown {

  width: 100%;

  position: static;

  left: 0;

}

.nav-dropdown .nav-dropdown {

  left: 100%;

}



.nav-dropdown > li {

  width: 100%;

  float: left;

  clear: both;

  position: relative;

  text-align: left;

}

.nav-dropdown > li > a {

  width: 100%;

  padding: 7px 20px;

  display: inline-block;

  text-decoration: none;

  float: left;

  font-size: 14px;

  color: #70798b;

  background-color: #fdfdfd;

  -webkit-transition: color 0.3s, background 0.3s;

  transition: color 0.3s, background 0.3s;

}

.nav-dropdown > li:hover > a, .nav-dropdown > li.focus > a {

  color: #fff; background:#007cfb;

}

.nav-dropdown.nav-dropdown-left {

  right: 0;

}

.nav-dropdown > li > .nav-dropdown-left {

  left: auto;

  right: 100%;

}

.navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {

  text-align: right;

}

.navigation-portrait .nav-dropdown > li > a {

  padding: 12px 20px 12px 30px;

}

.navigation-portrait .nav-dropdown > li > ul > li > a {

  padding-left: 50px;

}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > a {

  padding-left: 70px;

}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a {

  padding-left: 90px;

}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a {

  padding-left: 110px;

}

.nav-dropdown .submenu-indicator {

  right: 15px;

  top: 16px;

  position: absolute;

}

.navigation-portrait .nav-dropdown .submenu-indicator {

  right: 0;

  top: 0;

}

.nav-dropdown .submenu-indicator .submenu-indicator-chevron {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.nav-dropdown > li:hover > a .submenu-indicator-chevron, .nav-dropdown > .focus > a .submenu-indicator-chevron {

  border-color: transparent #8CC152 #8CC152 transparent;

}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {

  left: 10px;

}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {

  -webkit-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  transform: rotate(135deg);

}

.getintouch {

  width: 100%;

  float: left;

  position: relative;

  padding: 25px 0;

  border-bottom: #ececec 1px solid;

}

.getintouch__flexbox {

  display: flex;

  justify-content: space-between;

}

.getintouch ul, .getintouch ul li {

  display: flex;

  float: left;

  position: relative;

}

.getintouch ul li {

  padding: 15px 15px 15px 15px;

}

.getintouch ul li i, .getintouch ul li span {

  float: left;

  display: inline-block;

}

.getintouch ul li i {

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  border: #333 1px solid;

  border-radius: 50%;

}

.getintouch ul li span {

  padding-left: 10px;

}

.getintouch ul li::after {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 1px;

  height: 100%;

  background-image: radial-gradient(#CCC, #FFF), radial-gradient(#CCC, #FFF);

  background-position: 0, 100%, 0, 100%;

}

.getintouch ul li:last-child::after {

  display: none;

}

.getintouch ul li h3 {

  text-transform: uppercase;

  font-size: 14px;

  font-weight: 600;

  color: #444;

}

.getintouch ul li a {

  float: left;

  font-size: 12px;

  color: #005dab;

  font-weight: 600;

}

.gredient_btn {

  background-image: linear-gradient(to right, #005dac, #8cc861);

  background-size: 150% 150%;

  padding: 19px 25px;

  height: 55px;

  color: white;

  position: relative;

	border: 0;

	border-radius: 3px;

	text-transform: uppercase;

	font-size: 13px;

	letter-spacing: 1.5px;

	overflow: hidden;

}

.gredient_btn:hover {

  animation: gradient 3s ease infinite;

  color: white;

}

.curve_img, .map_img_bg {

  position: relative;

}

.curve_img {

  z-index: 1;

}

.curve_img img {

  border-radius: 50px 0 0 0;

}

.intro__txt__box {

  z-index: 1;

  border-radius: 50px 0 0 0;

  overflow: hidden;

}

.map_img_bg {

  margin: -185px 0 0 -155px;

}

.map_img_bg img {

  opacity: 0.1;

}

.intro__txt__box {

  width: 100%;

  float: left;

  padding: 50px;

  background: white;

  margin: 100px 0 0 -175px;

  position: relative;

  box-shadow: -5px 0 5px -5px #e2e2e2;

}

h1 {

  font-size: 35px;

  color: black;

  font-weight: 700;

}

.intro__txt__box h1 {

  padding-left: 70px;

}

.intro__txt__box ul {

  padding: 15px 0 0;

  width: 100%;

  float: left;

}

.intro__txt__box ul li {

  width: 100%;

  padding: 20px 0;

  display: flex;

  align-items: center;

}

.circle__img {

  width: 12%;

  background: #fff;

  position: relative;

  height: 0;

  padding-bottom: 11.5%;

  float: left;

  border: #ececec 1px solid;

  border-radius: 50%;

  text-align: center;

  line-height: 53px;

  font-size: 25px;

  font-weight: lighter;

  color: #8bc861;

}

.circle__img img {

  height: 35px;

  margin: 7px auto;

}

.circle__img::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50px;

  width: 1px;

  height: 100px;

  background: #ececec;

}

.intro__txt__box ul li:last-child .circle__img::after {

  display: none;

}

.intro__txt__box span {

  float: left;

  width: 88%;

  padding-left: 20px;

}

.intro__txt__box h2 {

  color: #8bc861;

  text-transform: uppercase;

  font-size: 15px;

  font-weight: 600;

}

.intro__txt__box p {

  margin: 5px 0 0;

}

.video-play-button {

  position: absolute;

  z-index: 10;

  bottom: -40px;

  left: 10%;

  box-sizing: content-box;

  display: block;

  width: 32px;

  height: 44px;

  border-radius: 50%;

  padding: 35px 20px 18px 35px;

  cursor: pointer;

  transition: all .5s;

}

.video-play-button:before {

  content: "";

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

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

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

  display: block;

  width: 80px;

  height: 80px;

  background: #8bc861;

  border-radius: 50%;

  -webkit-animation: pulse-border 1500ms ease-out infinite;

          animation: pulse-border 1500ms ease-out infinite;

}

.video-play-button:after {

  content: "";

  position: absolute;

  z-index: 1;

  left: 50%;

  top: 50%;

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

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

  display: block;

  width: 80px;

  height: 80px;

  background: #8bc861;

  border-radius: 50%;

  -webkit-transition: all 200ms;

  transition: all .5s;

}

.video-play-button:hover::after {

  background-color: #7aad55;

}

.video-play-button img {

  position: relative;

  z-index: 3;

  max-width: 100%;

  width: auto;

  height: auto;

}

.video-play-button span {

  display: block;

  position: relative;

  z-index: 3;

  width: 0;

  height: 0;

  border-left: 25px solid #fff;

  border-top: 15px solid transparent;

  border-bottom: 15px solid transparent;

}

.services__area ul {

  display: flex;

  flex-wrap: wrap;

  width: 100%;

}

.services__area ul li {

  width: 25%;

  padding: 0 15px;

  float: left;

  display: flex;

}

.services__list {

  width: 100%;

  float: left;

  background: white;

  border-radius: 10px;

  padding: 35px;

  margin-top: 75px;

}

.services__list--img {

  width: 130px;

  height: 130px;

  border-radius: 50%;

  float: left;

  margin: -80px 0 0 0;

  overflow: hidden;

  border: #fff 10px solid;


}

.services__list--img img {  
  border-radius: 50%;  
}



.raedmore {

  font-size: 12px;

  font-weight:normal;


}

.services__list h3 {

  color: #313944;

  font-size: 20px;

  margin-top: 25px;

}

.services__list p {

  font-size: 15px;

}

h2 {

  font-size: 40px;

  font-weight: 600;

}

.mt-140 {

  margin-top: -140px;

}

.parallex__bg {

  background-image: linear-gradient(to right, #003c9a 40%, #8cc8618c), url(../skin/parallex.jpg);

  height: 700px;

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-size: cover;

  display: flex;

  align-items: center;

  background-position: center center;

}

.vision__mission {

  width: 70%;

  float: left;

}

.vision__mission ul li {

  width: 50%;

  padding: 15px;

  color: white;

  float: left;

  position: relative;

}

.vision__mission ul li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 140px;

  height: 140px;

  background: url(../skin/icon_bg.png) center center no-repeat;

}

.vision__mission ul  li img {

  float: left;

  width: 30%;

}

.vision__mission ul li span {

  width: 70%;

  float: left;

  padding-left: 25px;

}

.vision__mission ul li:nth-child(3), .vision__mission ul li:nth-child(4) {

  margin: 75px 0 0;

}

.vision__mission h3 {

  font-size: 25px;

  font-weight: 600;

}

.title__decor h2 {

  padding-bottom: 20px;

}

.title__decor h2::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 60px;

  height: 5px;

  background-image: linear-gradient(to right, #8cc861 50%, #003c9a 50%);

}

.blog__list {

  width: 100%;

  float: left;

}

.blog__list ul li {

  width: 33.33%;
border: 1px solid #cccccc;
box-sizing: border-box;
  padding: 0 15px;

  float: left;

}

.blog__list--box {

  width: 100%;

  float: left;

  background: white;

  padding-bottom: 15px;

  margin-bottom: 30px;

}

.blog__list--box h3 {

  color: #353535;

  font-size: 18px;

  font-weight: 600; height:60px;

}

.date {

  color: #8dc761;

  font-size: 12px;

  display: flex;

  align-items: center;

  margin-top: 15px;

  font-weight: 600;

}

.date img {

  height: 25px;

  float: left;

  margin-right: 10px;

  /* background: white;

  padding: 2px;

  border: #ececec 1px solid; */

}

.blog__list--box p {

  font-size: 15px;

  display: -webkit-box;

  height: 75px;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

.blog__list--box h3 {

  margin-top: 15px;

  display: -webkit-box;


  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

.icon_more {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: #fff;

  border: #003d9a 1px solid; 

  text-align: center;

  color: #003d9a;

  float: left;

  margin: 15px 0 0;

  line-height: 50px;

  font-size: 25px;

}

.hvr-radial-out {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

  overflow: hidden;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.hvr-radial-out:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #003d9a;

  border-radius: 100%;

  -webkit-transform: scale(0);

  transform: scale(0);

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {

  color: white;

}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {

  -webkit-transform: scale(2);

  transform: scale(2);

}

.intro .item 

{

  height: auto;

  position: relative;

}

.intro .item img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.intro .item .cover {

  padding: 75px 0;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;


  display: flex;

  align-items: center;

}

.intro .item .cover .header-content {

  position: relative;

  overflow: hidden;

}

.intro .item .cover .header-content h2 {

    font-weight: 800;

    font-size: 50px;

    color: #fff;

    letter-spacing: 2px;

    text-shadow: 2px 2px 1px rgba(11, 0, 0, 0.48);

}

.intro .item .cover .header-content h1 {

  font-size: 56px;

  font-weight: 600;

  margin: 5px 0 20px;

  word-spacing: 3px;

  color: #fff;

}

.intro .item .cover .header-content h4 {

  font-size: 24px;

  font-weight: 300;

  line-height: 36px;

  color: #fff;

}

.intro .owl-item.active p, .review .owl-item.active p {

  -webkit-animation-duration: 1s;

          animation-duration: 1s;

  -webkit-animation-fill-mode: both;

          animation-fill-mode: both;

  animation-name: fadeInDown;

  animation-delay: 0.3s;

}

.intro .owl-item.active h3, .review .owl-item.active h3 {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-name: fadeInUp;

  animation-delay: 0.3s;

}

.intro .owl-item.active h2 {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-name: fadeInDown;

  animation-delay: 0.3s;

}

.intro .owl-item.active h4 {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-name: fadeInDown;

  animation-delay: 0.3s;

}

.intro .owl-item.active .white__btn {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-name: fadeInUp;

  animation-delay: 0.3s;

}

.intro .owl-nav .owl-prev {

  position: absolute;

  left: 15px;

  top: 43%;

  opacity: 0;

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

  transition: all 0.4s ease-out;

  background: #005cac7a !important;

  width: 40px;

  cursor: pointer;

  height: 40px;

  position: absolute;

  display: block;

  z-index: 1000;

  border-radius: 0;

}

.intro .owl-nav .owl-prev span {

  font-size: 1.6875rem;

  color: #fff;

}

.intro .owl-nav .owl-prev:focus {

  outline: 0;

}

.intro .owl-nav .owl-prev:hover {

  background: #005cac !important;

}

.intro .owl-nav .owl-next {

  position: absolute;

  right: 15px;

  top: 43%;

  opacity: 0;

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

  transition: all 0.4s ease-out;

  background: #005cac7a !important;

  width: 40px;

  cursor: pointer;

  height: 40px;

  position: absolute;

  display: block;

  z-index: 1000;

  border-radius: 0;

}

.intro .owl-nav .owl-next span {

  font-size: 1.6875rem;

  color: #fff;

}

.intro .owl-nav .owl-next:focus {

  outline: 0;

}

.intro .owl-nav .owl-next:hover {

  background: #005cac !important;

}

.intro:hover .owl-prev {

  left: 0px;

  opacity: 1;

}

.intro:hover .owl-next {

  right: 0px;

  opacity: 1;

}

.clients .owl-item {

  padding: 0 15px;

}

.clients img {

  border: #ececec 1px solid;

}

.testimonials {

  background-image: linear-gradient(to right bottom,  #005cacf8, #8cc861f8), url(../skin/test_bg.jpg);

  background-attachment: fixed;

  padding: 0 0 100px;

}

.testimonials::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 85px;

  background: #f7fbf3;

}

.review {

  width: 42%;

  margin: auto;

}

.review__box__pic {

  width: 170px;

  height: 170px;

  border-radius: 50%;

  overflow: hidden;

  margin: auto;

  border: #f7fbf3 12px solid;

}

.quote img {

  width: 75px !important;

  position: relative;

  left: 39%;

  margin-top: -40px;

}

.quote { margin-top:60px;}

.review__box {

  width: 100%;

  float: left;

  text-align: center;

  color: white;

}

.review__box p {

  font-size: 20px;

  line-height: 30px;

}

.review__box h3 {

  font-size: 25px;

  font-weight: 700;

  margin-top: 25px;

}

.review__box h3 span {

  display: block;

  font-size: 18px;

  font-weight: 500;

}

.owl-dots {

  text-align: center;

  -webkit-tap-highlight-color: transparent;

  margin: 30px 0;

}

.owl-carousel button.owl-dot {

  background: none;

  border: white 2px solid;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  margin: 5px;

}

.owl-carousel button.active.owl-dot {

  background: white;

}

footer {
    width: 100%;
    position: relative;
    float: left;
    color: #fff;
    font-size: 14px;
    /* 设置背景图片 */
    background-image: url('../skin/parallex.jpg');
    /* 让背景图片固定，不随页面滚动而移动 */
    background-attachment: fixed;
    /* 使背景图片覆盖整个元素 */
    background-size: cover;
    /* 让背景图片居中显示 */
    background-position: center;
    /* 创建一个伪元素来实现背景透明度效果 */
}

footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(44, 50, 71, 0.8);
    -webkit-background-color: rgba(44, 50, 71, 0.8); /* Safari 浏览器前缀 */
    -moz-background-color: rgba(44, 50, 71, 0.8); /* Firefox 浏览器前缀 */
  
}

.quote__box {

  background: #8cc861;

  display: flex;

  align-items: center;

  color: white;

  justify-content: space-around;

  width: 75%;

  margin: -85px  auto 0;

  padding: 50px 30px;

  border-radius: 5px;

}

.quote__box h2 {

  width: auto;

  font-size: 32px;

  font-weight: 700;

}

.quote__box h2 span {

  display: block;

  font-size: 18px;

  font-weight: 500;

}

.white__btn {

	color: #8cc861;

	padding: 20px 15px;

	text-transform: uppercase;

	font-weight: 600;

	font-size: 12px;

	text-align: center;

  background: white;



  border-radius: 3px;

  border: none;

  cursor: pointer;

}

.white__btn:hover {

	color: #8cc861;

}

.white__btn:after {

	/* content: '\e84b'; */

	transition: all .25s;

	opacity: 0;

	margin-left: -.5em;

	font-family: 'unicons';

}

.white__btn:hover:after {

	opacity: 1;

	margin-left: .7em;

}

.large__btn {

  width: 200px;

}

.blue__btn {

  background: #005dac;

  color: white;

}

.blue__btn:hover {

  color: white;

}

.footer__list ul li {

  width: 25%;

  float: left;

  padding: 0 15px;

}

.footer__list h4 {

  color: #fff;

  font-size: 18px;

  font-weight:normal;

  margin-bottom: 25px;

}

.footer__list ul li ul li {

  width: 100%;

  padding: 5px 0;

}

.social__links a {

  margin-right: 10px;

}

.social__links i {

  font-size: 20px;

}

.navigation__bar {

  width: 83%;

  float: left;

}

.country__select {

  width: 17%;

  float: left;

  position: relative;

}

.language-select {


  color: #fff;

  height: 40px;

  width: 100%;

  overflow: hidden;

  cursor: pointer;

  background: #ffffff;

  border: solid 1px #0075d8;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  position: absolute;

  top: 20px;

  right: 0;

  transition: all 150ms ease-in-out;

}

.language-select li {

  vertical-align: middle;

  text-align: left;

  justify-content: left;

  order: 2;

  min-height: 50px;

  padding: 0 15px 0 40px;

  line-height: 45px;

  font-size: 13px;

  text-transform: uppercase;

  letter-spacing: 1px;

}

.language-select li:hover {

  cursor: pointer;

  background: #191919;

}

.language-select li img {

  margin-right: 10px;

  width: 24px;

  height: 24px;

  vertical-align: middle;

  display: inline-block;

}

.language-select li span {

  vertical-align: middle;

  display: inline-block;

}

.language-select.open {

  height: 250px;

}

.language-select li.active {

  order: 1;

  pointer-events: none;

}



/* .language-select::after {

  position: absolute;

  content: '\e82d';

  font-family: unicons;

  top: 15px;

  right: 15px;

} */

.intro .white__btn {

  display: inline-block;

  margin: 15px 0 0;



}

.intro__inner {

  width: 100%;

  height: 550px;

  position: relative;

  float: left;

  display: flex;

  color: white;

  margin: 80px 0 0;

}

.intro__inner::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);

 /*  background-image: linear-gradient(to right bottom, #8cc861, #005dac); */

  mix-blend-mode: multiply;

}

.bg1 {

  background: url(../skin/bg1.jpg) center center no-repeat;

  background-size: cover;

}

.bg2 {

  background: url(../skin/bg2.jpg) center center no-repeat;

  background-size: cover;

}

.bg3 {

  background: url(../skin/bg3.jpg) center center no-repeat;

  background-size: cover;

}

.bg4 {

  background: url(../skin/bg4.jpg) center center no-repeat;

  background-size: cover;

}

.bg5 {

  background: url(../skin/bg5.jpg) center center no-repeat;

  background-size: cover;

}

.bg6 {

  background: url(../skin/bg6.jpg) center center no-repeat;

  background-size: cover;

}

.bg7 {

  background: url(../skin/bg7.jpg) center center no-repeat;

  background-size: cover;

}

.bg8 {

  background: url(../skin/bg8.jpg) center center no-repeat;

  background-size: cover;

}

.bg9 {

  background: url(../skin/bg9.jpg) center center no-repeat;

  background-size: cover;

}

.bg10 {

  background: url(../skin/bg10.jpg) center center no-repeat;

  background-size: cover;

}

.bg11 {

  background: url(../skin/bg11.jpg) center center no-repeat;

  background-size: cover;

}

.intro__inner h1 {

  text-transform: uppercase;

  letter-spacing: 2px;

  font-weight: 800;

  color: white;

}

.breadcrumbs {

  display: block;

  float: left;

  margin: 5px 0 0;

  font-size: 12px;

  font-weight: 600;

}

.breadcrumbs ul li {

  display: inline-block;

  float: left;

}

.breadcrumbs ul li span {

  padding: 0 15px;

  display: inline-block;

  float: left;

  position: relative; font-size:12px;

}

.breadcrumbs ul li span::after {

  content: "";

  position: absolute;

  top: 50%;

  right: 0;

  width: 5px;

  height: 5px;

  transform: translateY(-50%);

  background: white;

  border-radius: 50%;

}

.breadcrumbs ul li:first-child span {

  padding-left: 0;

}

.breadcrumbs ul li:last-child span::after {

  display: none;

}

.breadcrumbs a {

  color: #8cc861;

}

.breadcrumbs a:hover {

  color: #fff;

}

.about__img {

  width: 100%;

  position: relative;

  float: left;

}

.about__img img {

  z-index: 1;

  position: relative;


}

.about__img::after {

  content: "";

  z-index: 0;

  position: absolute;

  width: 100%;

  height: 400px;

  bottom: -100px;

  left: -100px;

  background: linear-gradient(90deg, #8cc861 20px, transparent 1%) center, linear-gradient(#8cc861 20px, transparent 1%) center, #8cc86185;

  background-size: 22px 22px;

}

.video__bg {

  background: linear-gradient(90deg, #005dac 20px, transparent 1%) center, linear-gradient(#005dac 20px, transparent 1%) center, #005cacdc;

  background-size: 22px 22px;

  color: white;

}

.video__box {

  width: 100%;

  float: left;

  position: relative;

  background: #fff;

  padding: 30px;

  box-shadow: 0 0 45px #bfbfbf;

  border: #dedede 1px solid;

}

.video__bg h2 {

  font-weight: 800;

  font-size: 35px;

  margin-bottom: 50px;

}

.embed-container {

  position: relative;

  padding-bottom: 56.25%;

  height: 0;

  overflow: hidden;

  max-width: 100%;

}

.embed-container iframe, .embed-container object, .embed-container embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.about__intro h3 {

  color: black;

  text-transform: uppercase;

  font-weight: 700;

  letter-spacing: 1px;

}

.about__intro p {

  line-height: 35px;

}

.message__box {

  width: 100%;

  margin: 0 0 75px;

  float: left;

}

.manager__pic {

  width: 25%;

  float: left;

  background: #f7fbf3;

  padding: 25px;

  position: relative;

}

.message {

  width: 75%;

  float: left;

  background: white;

  color: #777;

  padding: 40px 60px 60px 100px;

  font-size: 15px;

  margin-left: -50px;

}

.message h3 {

  color: black;

  font-weight: 600;

  margin-top: 20px;

}

.message p {

  line-height: 30px;

}

.message h4 {

  text-transform: uppercase;

  letter-spacing: 1px;

  font-weight: 700;

  margin-top: 25px;

  color: #8cc861;

  font-size: 20px;

}

.links span {

  display: inline-block;

  padding: 0 15px;

  float: left;

  position: relative;

  margin: 5px 0 0;

}

.links span::after {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 5px;

  height: 5px;

  background: #8cc861;

  border-radius: 50%;

}

.links span:first-child {

  padding: 0 15px 0 0;

}

.links span:last-child::after {

  display: none;

}

.team ul li {

  width: 25%;

  padding: 15px;

  float: left;

}

.team__box {

  width: 100%;

  position: relative;

  float: left;

  background: white;

  /*padding-bottom: 15px;*/

}

.team__box img {

  filter: grayscale(0);

  transition: all .5s;

}

.team__box:hover img {

  filter: grayscale(0);

}

.team__box h3 {

  text-transform: uppercase;

  font-weight: 800;

  letter-spacing: 1px;

  margin: 15px 0 0;

}

.mt__175 {

  margin-top: 175px;

}

.values h2, .team h2 {

  font-weight: 800;

  margin-bottom: 50px;

}

.values ul {

  display: flex;

  flex-wrap: wrap;

  width: 100%;

  margin-bottom: 75px;

}

.values ul li {

  width: 25%;

  display: flex;

  padding: 0 15px;

}

.value__box {

  width: 100%;

  display: flex;

  background: #f9f9f9;

  border-radius: 3px;

  padding: 15px;

  flex-direction: column;

  border: #ececec 1px solid;

}

.value__box h3 {

  text-transform: uppercase;

  font-weight: 700;

  letter-spacing: 1px;

}

.value__box p {

  font-size: 14px;

}

.services {

  font-size: 14px;

}

.services h2 {

  font-weight: 800;

  color: black;

}

.list ul li {

  padding: 5px 0 5px 1.3em;

  width: 100%;

  position: relative;

  float: left;

}

.list ul li:before {

  content: "\ebac";

  font-family: unicons;

  display: inline-block;

  margin-left: -1.3em;

  width: 1.3em;

  color: #8cc861;

}

.services {

  display: flex;

  align-items: center;

}

.services__highlights ul {

  display: flex;

  flex-wrap: wrap;

  margin: 50px 0 85px;

}

.services__highlights ul li {

  width: 33.33%;

  float: left;

  padding: 0 15px;

  display: flex;

}

.services__highlights__box {

  width: 100%;

  float: left;

  background: white;

  padding-bottom: 15px;

  display: flex;

  flex-flow: column;

}

.services__highlights__box h3 {

  text-transform: uppercase;

  font-weight: 700;

  letter-spacing: 1px;

  margin-top: 15px;

}

.services__highlights__box p {

  font-size: 14px;

}

.solution__video h2 {

  font-weight: 800;

}

.solution__video {

  display: flex;

  align-items: center;

  margin-bottom: 85px;

}

.gallery {

  padding-bottom: 50px;

  float: left;

  width: 100%;

  display: flex;

  flex-wrap: wrap;

}

.gallery li {

  width: 29%; padding:0px;

  float: left;


  display: flex;

  flex-direction: column; background:#fff; margin-left:2%; margin-right:2%;  margin-bottom:5%;

}

.gallery li ul li {  float:none;}

.gallery li a {

  width: 100%;

  position: relative;


}



.gallery li a:hover img,

.gallery li a.hover img {

  opacity: 0.3;

  -webkit-filter: grayscale(100%);

  filter: grayscale(100%);

}

.gallery li a:hover i,

.gallery li a.hover i {

  opacity: 1;

  -webkit-transform: translate(-50%, -50%) scale(1);

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

  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);

}

.gallery li h3 {

  font-weight: 600; width:100%;

  text-align: left;

  margin-top: 15px;

}

.enquiry__box {

  width: 100%;

  float: left;

  background: white;

  padding: 25px;

  border-radius: 3px;

  margin-left: -100px;

  position: relative;

  z-index: 1;

}

.enquiry__box h3 {

  text-transform: uppercase;

  letter-spacing: 1px;

  font-weight: 800;

  color: #005dac;

  font-size: 20px;

}

label {

  width: 100%;

  float: left;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-size: 12px;

  font-weight: 600;

  color: #aaa;

  margin: 15px 0 5px;

}

.field, .area {

  width: 100%;

  float: left;

  background: #f9f9f9;

  height: 55px;

  padding: 15px;

  border: #ececec 1px solid;

  border-radius: 3px;

  box-sizing: border-box;

}

.area {

  height: 100px;

  resize: none;

}

.map__enq {

  display: flex;

  align-items: center;

  flex-flow: row-reverse;

}

.map__bg {

  width: 100%;

  height: 750px;

}

.locations ul {

  padding-bottom: 75px;

  float: left;

  width: 100%;

}

.locations ul li {

	width: 25%;

	float: left;

}

.contact__box {

	width: 100%;

	float: left;

	position: relative;

  background: #8cc861;

  color: white;

  border-right: #ffff 1px solid;

	overflow: hidden;

	transition: .3s ease-in-out;

}

.contact__box:hover {

	background: black;

}

figure {

	width: 100%;

	margin: 0;

	padding: 0;

	overflow: hidden;

	position: relative;

	z-index: 2;

}

.contact__box figure img {

	-webkit-transform: scale(1);

	transform: scale(1);

	-webkit-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

	opacity: 0.00;

}

.contact__box figure:hover img {

	-webkit-transform: scale(1.2);

	transform: scale(1.2);

	opacity: 0.30;

}

.contact__box__desc {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	display: flex;

	align-items: center;

	transition: all 0.5s ease-in-out;

}

.contact__box__desc h4 {

	color: #005dac;

	font-size: 15px;

	font-weight: 700;

	transition: all 0.4s ease-in-out;

}

.contact__box:hover h4 {

	color: #8cc861;

}

.contact__box__desc .col {

	padding: 0 30px;

}

.contact__box__desc:hover {

	color: white;

}

.line__readmore {

	display: inline-block;

	float: left;

	margin: 20px 0 0;

	color: #fff;

	font-size: 12px;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 600;

}

.line__readmore:before {

	width: 0;

	height: 2px;

	background: white;

	content: "";

	position: relative;

	float: left;

	margin: 7px 0 0 0;

	transition: all 0.5s ease-in-out;

}

.contact__box__desc:hover .line__readmore:before {

	width: 50px;

	margin: 7px 15px 0 0;

}

.contact__box__desc:hover .line__readmore {

	color: #8cc861;

}

.blog__detail h3, .privacy h3 {

  text-transform: uppercase;

  letter-spacing: 1px;

  color: #003c9a;

  font-weight: 600;

  font-size: 17px;

  margin-top: 15px;

}

.blog__detail ul {

  padding: 0 0 0 20px;

}

.blog__detail ul li {

  padding: 7px 0;

  width: 100%;

  float: left;

  list-style: decimal-leading-zero;

}

.blog__detail p {

text-align:justify;
}

.mb__75 {

  margin-bottom: 75px;

}

.related__blogs .owl-dots {

  display: none;

}

.custom__nav .owl-carousel .owl-nav button.owl-next, .custom__nav .owl-carousel .owl-nav button.owl-prev, .custom__nav .owl-carousel button.owl-dot {

  width: 50px;

  height: 50px;

  background: #003d9a;

  color: white;

  border-radius: 50%;

  position: relative;

  font-size: 20px;

  margin: 5px;

  transition: all .5s;

}

.custom__nav .owl-carousel .owl-nav button.owl-next:hover, .custom__nav .owl-carousel .owl-nav button.owl-prev:hover {

  background: #8cc861;

}

.custom__nav .owl-carousel .owl-nav button.owl-next span, .custom__nav .owl-carousel .owl-nav button.owl-prev span {

 

}



.privacy {

  background: white;

  width: 100%;

  float: left;

  padding: 50px;

  margin-bottom: 75px;

  border: #f1f1f1 1px solid;

}

.privacy p {

  line-height: 30px;

}

.clients__list ul li {

  width: 20%;

  padding: .5px;

}

.review__list {

  width: 90%;

  margin: auto;

}

.review__list ul {

  display: flex;

  width: 100%;

  flex-wrap: wrap;

}

.review__list ul li {

  width: 100%;

  float: left;

  margin-bottom: 30px;

}

.review__list__box {

  width: 100%;

  display: flex;

  flex-flow: row;

  align-items: center;

  background: white;

  padding: 50px 0;

  border-radius: 50px 0 50px 0;

  border: #dfdfdf 1px solid;

}

.review__list ul li:nth-child(even)

.review__list__box {

  flex-flow: row-reverse;

}

.review__list__img {

  width: 15%;

  border-radius: 50px 0 50px 0;

  overflow: hidden;

  float: left;

  margin-left: -75px;

  background: white;

  padding: 10px;

  border: #dfdfdf 1px solid;

}

.review__list__img img {

  border-radius: 50px 0 50px 0;

  overflow: hidden;

}

.review__list ul li:nth-child(even) .review__list__img {

  margin: 0 -75px 0 0;

}

.review__list__desc {

  width: 85%;

  padding: 0 30px;

  float: left;

}

.review__list__desc p {

  margin: 0 0 15px;

  line-height: 30px;

}

.review__list__desc h3 {

  text-transform: uppercase;

  letter-spacing: 1px;

  font-weight: 700;

  color: black;

}

.clients .owl-dots {

  display: none;

}

.custom__nav .owl-nav {

  text-align: center;

  margin-top: 10px;

}

.img__banner img {

  object-fit: cover;

}

.img__banner--box {

  position: absolute;

  width: 100%;

  top: 0;

  height: 100%;

  display: flex;

}

.coloumlist ul li {

    width:50%;

}

.coloumlist h3 {

    margin:15px 0;

}

.coloumlist .white__btn {

  background: #8cc861; 

  color: white;

  width:250px;

}

.recent__blogs {

  background: #f9f9f9;

  border: #ececec 1px solid;

  /* box-shadow: 0 0 35px 0 rgba(0, 0, 0, .23); */

}

.recent__blogs h2 {

  text-transform: uppercase;

  font-weight: 800;

  color: #005dac;

  margin: 15px 0 5px;

  font-size: 20px;

  letter-spacing: 1px;

}

.recent__blogs ul {

  margin-bottom: 15px;

  width: 100%;

  float: left;

  padding: 0;

}

.recent__blogs ul li {

  width: 100%;

  padding: 10px 0;

  float: left;

  border-bottom: #ececec 1px solid;

  list-style: none;

}

.recent__blogs ul li:last-child {

  border: none;

}

.recent__blogs ul li img {

  width: 30%;

  float: left;

}

.recent__blogs--desc {

  width: 70%;

  float: left;

  padding-left: 15px;

}

.recent__blogs--desc h3 a {

  font-size: 17px;

  color: black;

  font-weight: 700;

  display: -webkit-box;

  height: 20px;

  margin: 0;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

.recent__blogs--desc p {

  font-size: 14px;

  line-height: 20px;

  display: -webkit-box;

  height: 40px;

  margin: 7px 0 0;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

.gallery__catagory--box {

  width: 100%;

  float: left;

}

figure.snip1190 {

  color: #fff;

  position: relative;

  overflow: hidden;

  width: 100%;

  background: #000000;

  text-align: center;

}

figure.snip1190 * {

  -webkit-box-sizing: padding-box;

  box-sizing: padding-box;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

figure.snip1190 img {

  opacity: 0.2;

  width: 100%;

}

figure.snip1190 figcaption {

  bottom: 0;

  display: block;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 1;

}

figure.snip1190 h2 {

  font-weight: 700;

  left: 0;

  right: 0;

  font-size: 14px;

  letter-spacing: 1px;

  margin: 0 auto;

  position: absolute;

  text-transform: uppercase;

  bottom: 50%;

  -webkit-transform: translateY(50%);

  transform: translateY(50%);

}

figure.snip1190 p {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: 0 auto;

  top: 50%;

  opacity: 0;

  font-size: 14px;

  -webkit-transform: translateY(-20%) scale(0.7);

  transform: translateY(-20%) scale(0.7);

}

figure.snip1190 .square {

  height: 78px;

  width: 78px;

  overflow: hidden;

  position: absolute;

  top: 50%;

  left: 50%;

  content: '';

  -webkit-transform: rotate(45deg) translate(-50%, -50%);

  transform: rotate(45deg) translate(-50%, -50%);

  -webkit-transform-origin: 0 0;

  transform-origin: 0 0;

}

figure.snip1190 .square:before,

figure.snip1190 .square:after,

figure.snip1190 .square div:before,

figure.snip1190 .square div:after {

  background-color: #ffffff;

  position: absolute;

  content: "";

  display: block;

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

  transition: all 0.4s ease-in-out;

}

figure.snip1190 .square:before,

figure.snip1190 .square:after {

  width: 65%;

  height: 2px;

}

figure.snip1190 .square div:before,

figure.snip1190 .square div:after {

  width: 2px;

  height: 65%;

}

figure.snip1190 .square:before,

figure.snip1190 .square div:before {

  left: 0;

  top: 0;

}

figure.snip1190 .square:after,

figure.snip1190 .square div:after {

  bottom: 0;

  right: 0;

}

figure.snip1190 a {

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  position: absolute;

}

figure.snip1190:hover img,

figure.snip1190.hover img {

  opacity: 0.25;

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

figure.snip1190:hover h2,

figure.snip1190.hover h2 {

  opacity: 1;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}

figure.snip1190:hover p,

figure.snip1190.hover p {

  opacity: 1;

  -webkit-transform: translateY(0px) scale(1);

  transform: translateY(0px) scale(1);

}

figure.snip1190:hover .square:before,

figure.snip1190.hover .square:before {

  width: 38%;

}

figure.snip1190:hover .square div:before,

figure.snip1190.hover .square div:before {

  height: 38%;

}

figure.snip1190:hover .square:after,

figure.snip1190.hover .square:after {

  width: 55%;

}

figure.snip1190:hover .square div:after,

figure.snip1190.hover .square div:after {

  height: 55%;

}

.service__sub .services__list {

  background: #f7f7f7;

}

.service__sub .services__area ul li {

  width: 33.33%;

}

.service__sub .services__area {

  width: 100%;

  float: left;

  margin-top: 50px;

}

.back__btn {

  display: inline-block;

  border: #333 1px solid;

  border-radius: 45px;

  float: right;

  margin-bottom: 35px;

}

.back__btn img {

  display: inline-block;

  float: left;

  width: auto;

  height: 45px;

}

.back__btn span {

  display: inline-block;

  float: left;

  padding: 10px;

}

.blog__list .owl-theme .owl-dots {

  display: none;

}



/*media-quries & keyframes*/

.valign {

  display: flex;

  align-items: center;

}

strong {

  font-weight: 800;

}



.mt__15 {

  margin-top: 15px;

}

.mt__30 {

  margin-top: 30px;

}

.mt__75 {

  margin-top: 75px;

}

.mt__100 {

  margin-top: 100px;

}

.mt__50 {

  margin-top: 50px;

}

.mt-10 {

  margin-top: -10px;

}

.italic {

  font-style: italic;

}

.col__center {

  float: none;

  margin: 0 auto;

}

.p0 {

  padding: 0;

}
.p0_new{ padding: 0;}

.pb100 {

  padding: 0 0 100px;

}

.pt100 {

  padding: 100px 0 0;

}

.pt55 {

  padding: 50px 0 50px 0;  background:#f3f4f8;

}
.pt55-w {
	
  padding: 50px 0 50px 0;  background:#fff;
	
}
.text__center h1 { margin-top:20px; margin-bottom:30px; color:#54595f; font-size:30px;}

.m0 {

  margin: 0;

}

.fl {

  float: left;

}

.fr {

  float: right;

}

.no-border {

  border: none !important;

}

.up {
    position: fixed; /* 修改为 fixed 定位 */
    bottom: 50px; /* 距离页面底部 20px */
    right: 20px; /* 距离页面右侧 20px */
    color: #fff;
    display: table;
    background: #3a4268;
    float: none;
    text-align: center;
    font-style: normal;
    cursor: pointer;
    width: 35px;
    height: 35px; line-height:35px; vertical-align:middle;
    border-radius: 5px; /* 修改圆角样式 */
    transition: all 0.5s ease-in-out;
}

.up:hover {

  color: #fff;

  background: #8cc861;

}

.zoom-in {

  -webkit-animation: zoomIn 400ms ease both;

  -moz-animation: zoomIn 400ms ease both;

  -o-animation: zoomIn 400ms ease both;

  animation: zoomIn 400ms ease both;

}

.zoom-out {

  -webkit-animation: zoomOut 400ms ease both;

  -moz-animation: zoomOut 400ms ease both;

  -o-animation: zoomOut 400ms ease both;

  animation: zoomOut 400ms ease both;

}

@-webkit-keyframes zoomIn {

0% {

-webkit-transform: scale(0.6);

transform: scale(0.6);

}

100% {

-webkit-transform: scale(1);

transform: scale(1);

}

}

@keyframes zoomIn {

0% {

transform: scale(0.6);

}

100% {

transform: scale(1);

}

}

@-webkit-keyframes zoomOut {

0% {

-webkit-transform: scale(1);

transform: scale(1);

}

100% {

-webkit-transform: scale(0.6);

transform: scale(0.6);

}

}

@keyframes zoomOut {

0% {

transform: scale(1);

}

100% {

transform: scale(0.6);

}

}

@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@-webkit-keyframes gradient {

	0% {

		background-position: 0% 50%;

	}

	50% {

		background-position: 100% 50%;

	}

	100% {

		background-position: 0% 50%;

	}

}



@-moz-keyframes gradient {

	0% {

		background-position: 0% 50%;

	}

	50% {

		background-position: 100% 50%;

	}

	100% {

		background-position: 0% 50%;

	}

}



@keyframes gradient {

	0% {

		background-position: 0% 50%;

	}

	50% {

		background-position: 100% 50%;

	}

	100% {

		background-position: 0% 50%;

	}

}

@-webkit-keyframes pulse-border {

  0% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

@keyframes pulse-border {

  0% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

/*Queries*/

@media screen and (max-width: 1366px) {

  .container {

    width: 1170px;

  }

}

@media screen and (max-width: 1280px) {

  .container {

    width: 100%;

    padding: 0 15px;

  }

  .getintouch__flexbox {

    flex-flow: column;

    align-items: center;

    height: 140px;

  }

}

@media screen and (max-width: 1024px) {

  .review__list {

    width: 80%;

  }

  .services__area ul li, .values ul li, .locations ul li {

    width: 50%;

  }

  .intro__txt__box {

    margin: 50px 0 0 -95px;

  }

  .circle__img img{

    height: 20px;

  }

  .mt-140 {

    margin-top: -60px;

  }

  .values ul li {

    margin-bottom: 30px;

  }

  .team ul li {

    width: 33.33%;

  }

  .contact__box {

    border-bottom: #fff 1px solid;

  }

  .enquiry__box {

    margin-left: -50px;

  }

  .vision__mission {

      width: 100%;

  }

  .about__img::after {

      display: none;

  }

}


  @media only screen and (min-device-width: 1024px) and (max-device-width: 1200px) and (orientation: landscape)    {   
.header::before {
    width: 5%;
}   
}
    

@media screen and (max-width: 767px) { 

  .col__1, .col__2, .col__3, .col__4, .col__5, .col__6, .col__7, .col__8, .col__9, .col__10, .col__11, .col, .quote__box, .review__list, .locations ul li, .vision__mission ul li, .message {

    width: 100%;

  }
  
  .quote__box{     margin: 25px auto 0;}
  .quote__box h2 { text-align:center;
    font-size: 18px;}
    .solution__video {
    
    margin-bottom: 40px;
}

.gallery {
    padding-bottom: 40px;}
    
    .up {
   
    margin: 15px auto 0;}
   
  
  .pb100 {
    padding: 0 0 50px;
}

h1 {
    font-size: 26px;}
  .mobile__p0, .container, .intro__txt__box h1 {

    padding: 0;

  }

  .intro .item .cover {

      padding: 0 15px;

  }

  section {

    padding: 15px 0;

  }

  .video__box, .intro__txt__box, .privacy {

    padding: 15px;

  }

  .mt__75, .mt__30, .mt__50, .services h2, .services__highlights ul li, .video__box, .mt__175, .about__intro h3 {

    margin-top: 15px;

  }

  .valign {

    display: block;

  }

  .services {

    flex-flow: column-reverse;

  }

  .services__highlights ul {

       margin: 0 0 40px;

  }

  .solution__video {

    flex-flow: column;

  }

  .getintouch {

    display: none;

  }

  .contact__box {

    border-bottom: #fff 1px solid;

    border-right: 0;

  }

  .pt100 {

      padding: 50px 0 0;

  }

  .intro__txt__box {

      margin:15px 0 0 0;

  }

  .values h2, .team h2 {

      margin-bottom: 15px;

  }

  .manager__pic {

    float: none;

    display: table;

    margin: auto;

    width: 30%;

  }

  .parallex__bg {

      height: auto;

  }
 .vision__mission ul li img { width:50px}
 .review__box p {
    font-size: 15px;
    line-height: 22px;
}
.review__box h3 {font-size: 18px;font-weight: 700;margin-top: 25px;}

.review__box h3 span {display: block;font-size: 14px;font-weight: 500;}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

  .country__select {

    width: 14%;

  }
  .getintouch ul li i { display:none;}
  .getintouch {
   padding: 5px 0;}

  .navigation__bar {

    width: 86%;

  }

  .header::before {

    width: 5%;

  }

  .quote__box {

    width: 90%;

  }

  .intro__inner {

    height: 245px;

  }

  .vision__mission {

    width: 80%;

  }

  .gallery li {

    width: 33.33%;

  }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

  .quote__box, .vision__mission {

    width: 100%;

  }

  .gallery li, .blog__list ul li, .team ul li {

    width: 50%;

  }

  .country__select {

    right: 11%;

  }

  .nav-toggle {

    right: -100px;

  }

  .services .col__6 {

    width: 100%;

  }

  section {

    padding: 30px 0;

  }

  .intro__inner {

    height: 215px;

  }

  .services {

    flex-flow: column-reverse;

  }

  .footer__list ul li {

    width: 33.33%;

  }

  .review__list__img {

    width: 25%;

  }

  .getintouch ul li i {

    width: auto;

    height: auto;

    border:none;

    border-radius: 0%;

  }

  .intro__txt__box {

    padding: 15px;

  }

  .intro__txt__box h1 {

    font-size: 25px;

  }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) {

  .services__highlights ul li, .footer__list ul li, .blog__list ul li, .services__area ul li, .values ul li, .team ul li, .service__sub .services__area ul li, .gallery li {

    width: 50%;

  }

  .country__select {

    right: 11%;

  }

  .nav-toggle {

    right: -100px;

  }

  .intro__inner {

    height: 160px;

  }

  .intro__inner h1 {

    font-size: 25px;

  }

  .quote__box {

    padding: 30px;

  }

  .quote__box h2 {

    font-size: 25px;

  }

  .review__list__img {

    width: 25%;

    margin: 0;

  }

  .review__list__desc {

    width: 75%;

  }

  .review__list__box {

    padding: 15px;

  }

  .review__list__desc {

    padding: 0 0 0 15px;

  }

  .review__list ul li:nth-child(2n) .review__list__img {

    margin: 0;

  }

  .clients__list ul li {

      width:25%;

  }

  .intro .item .cover .header-content h2 {

      font-size: 30px;

  }

  .manager__pic {

    width: 30%;

  }

  .message {

    padding: 40px 60px 60px 60px;

    margin-left: 0;

    margin-top: -40px;

  }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: portrait) {

  .country__select, .navigation__bar, .services__highlights ul li, .footer__list ul li, .blog__list ul li, .review__list__desc, .services__area ul li, .values ul li, .team ul li, .service__sub .services__area ul li, .coloumlist ul li, .gallery li {

    width: 100%;

  }
  .p0_new{    padding: 10px;}
  
  .white__btn{ padding:8px 10px;}

  .country__select {

    top: -85px;

  }
  .intro .swiper-slide img { height:auto;}
  .adSwiper { height:auto!important;}
  .text-intro { float:none!important; width:100%!important; padding-left:0px!important; padding-right:0px!important;}
  .video-container {float:none!important; width:100%!important;}
  .video { margin-left:0px!important;}
  .col {}

  .nav-brand {

    padding: 0;

  }

  .navigation__bar {

    position: relative;

    top: 0px;

    background: #005dac;

  }

  .language-select {

    background: white;

    color: black;

    border: none;

    border-radius: 0;

  }

  .intro__inner {

    height: 140px;

    margin: 120px 0 0;

  }

  .intro__inner h1 {

    font-size: 20px;

  }

  h2, .quote__box h2 {

    font-size: 20px;

  }

  .quote__box {

    flex-flow: column;

    padding: 15px;

  }

  .quote__box .white__btn {

    margin-top: 15px;

  }

  .quote__box h2 span {

    margin-top: 5px;

  }

  .review__list__box, .review__list ul li:nth-child(2n) .review__list__box {

    flex-flow: column;

  }

  .review__list__img, .clients__list ul li {

    margin: 0;

    width: 50%;

  }

  .review__list__desc {

    padding: 0 15px;

  }

  .review__list ul li:nth-child(2n) .review__list__img, .mt-140 {

    margin: 0;

  }

  .intro {

    margin: 70px 0 0;

}

.intro .item .cover .header-content h2 {

      font-size: 20px;

  }

  .message {

    padding: 40px 15px 15px;

    margin-left: 0;

    margin-top: -40px;

  }

  .manager__pic {

    width: 80%;

  }

  .video__bg h2 {

      font-size: 25px;

  }

  .map__enq {

    display: flex;

    flex-direction: column;

    align-items: center;

    flex-flow: column-reverse;

}

.enquiry__box {

    margin-left: 0;

}

}
.page_not_image img{
    display:block !important;
    margin:0 auto !important;
}

.language-select input { border:0px; height:34px; color:#666; line-height:34px; font-size:12px; vertical-align:middle; padding-left:10px;}
.btn_blue { border:0px; width:40px; height:40px;background: url(../skin/sr.png) no-repeat;  
background-size: 25px 25px; background-position: 0 6px; }
.language-select_left { float:left; width:65%}
.language-select_right { float:right; }
.icon-youjiantou { font-size:24px!important;}
.blog__detail { background:#fff; padding:25px; margin:0px;}
.col__4-1 { width:25%!important; float:right; }
.col__8-1 { width:75%!important;float:left;  




}
.col__8-1  span {  
  text-wrap: normal!important; /* 覆盖text-wrap: nowrap; */  
}
.foldpanel {
	border: 0px solid #ccc;
	border-bottom: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.foldpanel dt,
.foldpanel dd {
	border-bottom: 0px solid #ccc;
	margin: 0px;
	
}

.foldpanel dt {
    cursor: pointer;
    padding: 8px 4px;
    font-size: 13px;
    font-weight: bold;
    padding-left: 20px;
    border-bottom: 1px solid #ecdfcc;
}
.foldpanel a {
	display: block;
    line-height: 30px;
    padding-left: 30px;
	background-color: #FBF0D2;
    transition:all .7s ease 0s;
}
.foldpanel a:hover{
	color: #fff;
    background-color: #D79B80    
}

#my-foldpanel dd {
	display: none;
}
.icon-weixin1 { font-size:18px!important; color:#4eb24d;}
.icon-weixin  { font-size:18px!important; color:#4eb24d;}
.icon-weibo1 { font-size:18px!important; color:#d81e06;}
.icon-dianhuatianchong { font-size:18px!important;}
.icon-youxiang1 {font-size:18px!important;}
.lx { font-size:16px; font-weight:normal;}
.breadcrumbs span { font-size:28px; padding-left:5px; padding-right:5px; line-height:20px;}
.breadcrumbs i { padding-left:6px; padding-right:6px;  margin-top:5px;}
.breadcrumbs ul li { line-height:20px; vertical-align:middle;}
.breadcrumbs ul li a:link,.breadcrumbs ul li a:visited { color:#fff; font-size:12px;}
.breadcrumbs ul li a:first-child a:link,.breadcrumbs ul li a:first-child a:visited {color:#8cc861}
.ser_s { background:#f7fbf3;}
.xbox ul li.s_li { clear:both; background:#fff; overflow:hidden; margin:10px 0px 10px 0px; padding:20px;}
.xbox ul li.s_li h3 { padding-top:8px; padding-bottom:8px; font-weight:bold;}
.searchFormDiv li { float:left;}
.searchFormDiv input { height:26px; border:1px solid #eee; font-size:12px; text-indent:10px;}
.btn_green {background:#005dac; color:#fff; font-size:12px;height:26px;text-indent:0px!important; padding-left:10px; padding-right:10px;}
.xbox ul li a { display:block; width:100%; height:100%;}
.scott{ height:40px;  text-align:center; padding-top:9px; line-height:21px; clear:both; }
.scott A{BORDER:#58affe 1px solid; PADDING:2px 5px; MARGIN-RIGHT: 5px;  TEXT-DECORATION: none; background:#fff;}
.scott A:hover{border:1px solid #58affe; text-decoration:none; BACKGROUND-COLOR:#237ac7; color:#FFF;}
.scott A:active{border:1px solid #58affe; text-decoration:none; BACKGROUND-COLOR:#237ac7;}
.scott SPAN.current{BORDER: #237ac7 1px solid; PADDING:1px 5px;  FONT-WEIGHT: bold;  COLOR: #fff; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: #237ac7;MARGIN-RIGHT: 5px;}
.scott SPAN.disabled{BORDER:#237ac7 1px solid; PADDING:2px 5px; COLOR:#237ac7; MARGIN-RIGHT: 5px; background:#d8f1ff;}
.fenye1{text-align: center; clear:both; font-size:12px; line-height:28px; height:56px; padding:0 5px; margin-top:5px;}
.icon--xhs { color:#ff2742; font-size:18px!important;}
.icon-douyin3 {font-size:18px!important;}
.icon-youxiang1 {font-size:19px!important;}
.icon-right-s {font-size:12px!important; color:#8cc861; }
.icon-renyuan {font-size:24px!important; color:#8cc861; }
.footer__list ul li ul li i { padding-right:8px;}
.gallery li ul li { line-height:20px; padding-left:20px; width:60%;}
.gallery li ul li.title_1 { font-size:24px; font-weight:bold; padding-bottom:10px; margin-bottom:0px!important; display:block; line-height:40px; 
padding-top:10px;


}

.gallery li a:hover {
color:#8cc861; 

}

@media (min-width: 901px) {  
.blog_pic { height:264px; overflow:hidden;}
}
.fy { float:right; background:#000; display:block;}

/* 弹窗翻译S */
        /* 隐藏遮罩层和语言选择框 */
        #overlay,
        #language-selector {
            display: none;
        }

        /* 全屏遮罩层样式 */
        #overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9);
            z-index: 9999;
        }

        /* 语言选择框样式 */
        #language-selector {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 300px;
            /* 设置最大高度，超过这个高度会出现滚动条 */
            max-height: 80vh; 
            background-color: white;
            z-index: 1000;
            padding: 20px;
            box-sizing: border-box;
            overflow-y: auto; /* 允许垂直滚动 */
			z-index:99999;
        }

        #language-selector ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-wrap: wrap;
            /* 这里可以根据需要调整间距 */
            justify-content: space-between; 
        }

        #language-selector li {
            cursor: pointer;
            display: flex;
            align-items: center;
            margin: 5px;
            /* 根据实际情况调整每个列表项的宽度 */
            flex-basis: calc(50% - 10px); 
            box-sizing: border-box;
        }

        #language-selector li img {
            margin-right: 10px;
        }

        .nav {
            display: flex;
            align-items: center;
            text-decoration: none;
            color: inherit;
			margin-top:35px;
        }

        .nav img {
            margin-right: 5px;
        }
/* 弹窗翻译E */
.footer__list ul li a:link,.footer__list ul li a:visited { color:#fff;}
.new_li { clear:both; padding-top:0px;}
        .new_li ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
        }

        .new_li ul li {
            box-sizing: border-box;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        .new_li ul li .li_1 {
          width:90%; margin:auto; text-align:left; padding-bottom:20px;
        }
        .new_li ul li img {
            max-width: 100%;
            height: auto;
            border-radius: 8px 8px 0px 0px;
            margin-bottom: 10px;
        }

        .new_li ul li h2 {
            margin-top: 0; font-weight:normal; font-weight:bold; font-size:14px;
			padding-top:5px; padding-bottom:10px;
        }
		.new_li ul li h2 a:visited,.new_li ul li h2 a:link { color:#54595f;}
		.new_li ul li p {
			color:#7A7A7A; margin-bottom:10px;
			}
			
		.new_botton {color:#fff; border-radius:5px; line-height:40px; clear:both; text-align:center; vertical-align:middle; width:120px; height:40px; background:#007cfb; margin: 40px auto 0;}

        /* 移动设备布局（小于 768px） */
        @media (max-width: 767px) {
            .new_li ul li {
                width: 100%;
            }
        }

        /* 平板设备布局（768px - 991px） */
        @media (min-width: 768px) and (max-width: 991px) {
            .new_li ul li {
                width: calc(50% - 10px);
            }
        }

        /* PC 设备布局（大于等于 992px） */
        @media (min-width: 992px) {
           .new_li ul li {
                width: calc(33.333% - 13.333px);
            }
           .pic_li ul li {
                width: calc(25% - 13.333px);
            }			
        }
		
		        /* 容器样式 */
        .video-all {
            padding: 20px; padding-top:0px; clear:both;
        }

        /* 文字介绍部分样式 */
        .text-intro {
            
            background-color: #f4f4f4;
            padding: 20px;
            box-sizing: border-box;
			float:left;
			width:60%;
			position:relative;
			height:100%;
        }
		.text-intro-1 { background:#fff;}
		.text-intro .c1 { text-align:left; color:#7a7a7a; font-size:30px;}
		.text-intro .c2 { text-align:left;color:#7a7a7a;}

        /* 视频部分容器样式 */
        .video-container {
			float:right;
			width:40%;
			text-align:left;
		
        }
		.video-container-text { margin-top:60px;}
		.video-container .c3 { font-size:24px; margin-top:40px; color:#7a7a7a;}
		.video-container .c4 { font-size:16px; color:#7a7a7a; margin-top:20px;}
		.vid_youku { clear:both; padding-top:20px;}

        /* 单个视频样式 */
        .video {
            width: 48%; float:left; margin-left:2%;
        }

        /* 视频嵌入样式 */
        .video video {
            width: 100%;
            height: auto;
        }

        /* 小屏幕设备样式（如手机） */
        @media (max-width: 767px) {
            .video-all {
                flex-direction: column;
            }

            .text-intro,
            .video-container {
                flex: auto;
            }

            .video-container {
                flex-wrap: wrap;
            }
			.nav {margin-top:0px;}

            .video {
                width: 100%;
            }
			.nav-menu > li:nth-last-child(2) > a { margin-left:0px; margin-top:0px;}
        }

        /* 视频容器样式 */
        .youku-container {
            clear:both;
			display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            margin-bottom: 20px;
			
        }

        /* 单个视频样式 */
        .single-video {
            position: relative;
            width: calc((100% - 40px) / 3);
            padding-bottom: calc((100% - 40px) / 3 * 0.5625); /* 16:9 比例 */
        }

        /* 嵌入的优酷视频样式 */
        .single-video iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        /* 下方内容容器样式 */
        .content-container {
            width: 100%;
            padding: 20px;
            background-color: #f4f4f4;
            box-sizing: border-box;
        }

        /* 下方内容标题样式 */
        .content-container h2 {
            margin-top: 0;
            color: #333;
            text-align: left;
        }

        /* 下方内容段落样式 */
        .content-container p {
            line-height: 1.6;
            color: #666;
            max-width: 800px;
        }

        /* 小屏幕设备样式 */
        @media (max-width: 767px) {
            .youku-container {
                width: 90%; margin:auto;
            }

            .single-video {
                width: 100%;
                padding-bottom: 56.25%;
            }
        }		
		
		
        .form_bd form {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
		
		.form_bd { background:#fff;}

        .form_bd .full-width {
            grid-column: 1 / -1;
        }

        .form_bd label {
            display: block;
            margin-bottom: 5px;
        }

        /* 红色星号样式 */
        .form_bd .required {
            color: red;
        }

        .form_bd input[type="text"],
        .form_bd input[type="email"],
        .form_bd textarea {
            width: 100%;
            padding: 10px;
            box-sizing: border-box;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        /* 提交按钮样式 */
        .form_bd input[type="submit"] {
            background-color: #11b1d1;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            width: 100%; /* 设置提交按钮宽度为 100% */
        }

        .form_bd input[type="submit"]:hover {
            background-color: #0e98b5;
        }

        /* 错误提示样式 */
        .form_bd .error-message {
            color: red;
            font-size: 12px;
            display: none;
        }

        /* 小屏幕设备样式 */
        @media (max-width: 767px) {
            .form_bd form {
                grid-template-columns: 1fr;
            }
        }
		
            /* 背景图片容器样式 */
       .bg-container {
            position: fixed;
            top: 90px;
            left: 0;
            width: 100%;
            height: 550px;
            background-image: url('http://www.caigou.com/Public/Home/doumi/skin/1588762485985_slide1-jpg.jpg');
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            z-index: -1;
        }

        /* 内容容器样式 */
       .lx_container {
            margin: 0 auto;
            padding: 0px;
            z-index: 2; 
			
        }

		.mask-container-c { max-width:1200px; margin:auto;}

        /* 新增的遮罩层容器样式 */
       .mask-container {
           
            width: 100%;
            height: 550px; /* 设置遮罩层高度与背景图片容器高度一致 */
            background-color: rgba(0, 0, 0, 0.5); /* 黑色半透明背景 */
            z-index: 3;
			position:relative;
			top:0px;
        }
		.bg_1 { position: relative;  width: 100%;}

        /* Contact Us 文字样式 */
       .contact-us {
            text-align: center;
            color: white;
            font-size: 36px;
            padding-top: 50px; /* 适当调整内边距，使文字在遮罩层内垂直位置合适 */
        }

        /* 描述文字样式 */
       .mask-container-c .description {
            text-align: center;
            color: white;
            padding: 20px 0;
            line-height: 1.6;
			color:#fff;
        }

        /* 信息和地图模块容器样式 */
       .info-map-container {
            display: flex;
            justify-content: space-between;
            width: 100%;
             position:relative;
			 max-width:1280px;
			 margin:auto;
        }

        /* 信息展示模块样式 */
       .info-module {
            width: 49%;
            padding: 0px 20px 0px 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            z-index: 99;
            background: #fff;
            border-radius: 5px;
			position:relative;
			margin-top:-40px;
        }
		
		.info-module .in1  {  margin-top:30px;}
		.info-module .in1 i {padding-right:8px; font-size:24px; color:#11b1d1; }
		.info-module .in2 i { padding-right:8px;font-size:24px;color:#11b1d1;}
		.info-module .in3 i { padding-right:8px;font-size:22px!important;color:#11b1d1;}
		.info-module .in4 i { padding-right:8px;font-size:24px;color:#11b1d1;}
		.info-module .in5 i { padding-right:8px;font-size:24px;color:#11b1d1;}
		.info-module p { line-height:32px;}

        /* 地图模块样式 */
       .map-module {
            width: 49%;
            box-shadow: 0 0 10px rgba(0, 0, 255, 0.2);
            background: #fff;
            z-index: 99;
            border-radius: 5px;
			margin-top:-40px;
        }

        /* 地图样式，使用 iframe 嵌入地图 */
       .map-module iframe {
            width: 100%;
            height: 300px;
            border: none;
        }

        /* 手机端媒体查询 */
        @media (max-width: 768px) {
           .info-map-container {
                flex-direction: column; /* 将 flex 方向改为列，使模块堆叠显示 */
				width:90%; margin:auto;
            }
			
			.form_bd {width:90%; margin:auto;}
           .form_bd form {gap:0px;}
		   .intro__inner { margin-top:70px!important; height:200px!important;}
		   .about_left { float:none!important; width:100%!important; height:auto!important;} 
		   .about_left h2 { margin-top:0px!important; } 
		   .sh_c ul li { width:100%!important; float:none!important; margin-bottom:30px;}
		   .sh_bg { margin-top:0px!important;height:auto!important; }
		   .sh_bg_c .container {width:90%!important;}
           .info-module,
           .map-module {
                width: 100%; /* 宽度设为 100%，占满整行 */
                margin-bottom: 20px; /* 添加底部间距 */
				
            }
			.map-module { margin-top:0px;}
           .mask-container {
                height: 450px; /* 在手机端也保持遮罩层高度与背景图片容器高度一致 */
            }
        }
		.aaa { background-color:#fff;}
		.aaa_bottom {padding-bottom:30px;}
	
	 /* 整体容器 */
        .shade .container {
            display: flex;
            padding: 20px;
            max-width: 1280px;
            margin: 0 auto;
        }

        /* 左边图文部分 */
        .left-content {
            flex: 1;
            display: flex;
            flex-wrap: wrap;
            gap: 17px;
            /* 使用 gap 控制图文模块之间的间距 */
        }

        /* 单个图文模块 */
        .image-text {
            width: 48%;
            border: 1px solid #f3f4f8;
            border-radius: 12px;

        }

        /* 图片样式 */
        .image-text img {
            width: 100%;
            height: auto;
            margin-bottom: 10px;
            border-radius: 12px 12px 0px 0px;
        }

        /* 右边栏目部分 */
        .right-sidebar {
            width: 300px;
            padding: 0px;
			flex: 0 0 300px
            /* 统一内边距为 15px */
        }

        /* 搜索框样式 */
        .search-box input {
            width: 100%;
            padding: 10px 0px 10px 0px;
            margin-bottom: 15px;
            background-color: #f1f2f3;
            border: 0px;
        }

        .search-box input:focus {
            border: 1px solid #ccc;
            /* 添加黑色边框 */
        }

        /* 分类列表样式 */
        .categories-list {
            list-style-type: none;

        }

        .fl_cate {
            background-color: #FBFBFC;
            /* 添加背景颜色 */
            border-radius: 8px;
            border: 1px solid #E7E7E7;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }

        .fl_cate h3 {
            width: 86%;
            margin: auto;
            padding-top: 15px;
            padding-bottom: 15px;
			float:none;
        }

        .categories-list {
            width: 86%;
            margin: auto;
        }

        .categories-list li {
            line-height: 24px;
        }

        .categories-list li p {
            color: #ccc;
            font-size: 12px;
        }

        .categories-list li a:link,
        .categories-list li a:visited {
            color: #006edc;
			font-size:14px;
        }

        /* 分类列表项链接样式 */
        .categories-list li a {
            text-decoration: none;
            /* 去除默认下划线 */
            color: inherit;
            /* 继承文本颜色 */

        }

        .image-text-c .p1 {
            width: 94%;
            margin: auto;
        }

        .image-text-c .p2 {
            width: 94%;
            margin: auto;
            color: #3A4628;
            padding-top: 10px;
            padding-bottom: 10px;
			font-size:14px;
        }

        .image-text-c .p1 a:link,
        .image-text-c .p1 a:visited {
            color: #54595f;
            text-decoration: none;
            font-weight: bold;
			font-size:14px;
        }

        .image-text-bottom {
            margin: auto;
            border-top: 1px solid #e7e7e7;
            height: 40px;
            vertical-align: middle;
            line-height: 40px;
        }

        .image-text-bottom .time {
            width: 94%;
            margin: auto;
            font-size: 12px;
            color: #3a4268;
        }


		.left-content .title { width:96%;  float:right;}
		.left-content .comten  { width:96%; float:right; color:#7a7a7a;}
.shade_nr .container  {display: flex;
            padding: 20px;
            max-width: 1200px;
            margin: 0 auto;}
.shade_about .container  {
            padding: 20px;
            max-width: 1200px;
            margin: 0 auto;}			
			
       .left-content-left {
            flex: 1;
			margin-left:25px;
        }

       .right-sidebar-right {
            width: 300px;
            padding: 0px;
			
        }
		
		.left-content-left .title { height:60px; border-bottom:1px solid #ccc; font-size:18px;}
		.left-content-left .title p span { font-size:12px; color:#ccc;}
		.left-content-left .comten { margin-top:20px; font-size:14px;}
		        /* 手机端媒体查询 */
        @media (max-width: 768px) {
            .container {
                flex-direction: column;
                gap: 20px;
                /* 在手机端也保持整体容器的间距 */
            }
			
			.video-all { padding-left:0px!important; padding-right:0px!important;}
			.text-intro .c1 { font-size:18px;}
			.text__center h1 { font-size:18px;}
			.about_right { float:none!important; width:100%!important;}

            .image-text {
                width: 100%;
            }
			#language-selector { top:40%!important;}

            .left-content {
                width: 100%;
                gap: 20px;
                /* 在手机端保持图文模块之间的间距 */
            }

            .right-sidebar {
                width: 100%;
                margin-top: 0;
                /* 去掉原来的上边距，使用 gap 统一间距 */
            }
			
			.shade_nr .container {
        flex-direction: column;
    }

   .left-content-left,
   .right-sidebar-right {
        width: 100%;
        margin-left: 0; /* 手机端取消左边距 */
    }
			
			
        }
    
    
          .swiper-v {
      width: 100%; clear:both; 
    }

    .swiper-v .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-v .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .sw_n { background-color:#f4f4f4 ; margin-top:50px; height:305px;}
    .sw_n_img { width:50px; height:50px;  margin: auto; margin-top: 30px; margin-bottom: 30px;}
    .sw_n_img img { width:50px; height:50px; border-radius:60% ;} 
    .sw_n_title { width:80% ;  margin: auto; }
	.about_left { float:left; width:55%; height:450px;}
	.about_right { float:right; width:38%;}
	.about_right img { width:100%;}
	.about_left h2 {color:#54595f; font-size:24px; line-height:30px; padding-top:10px; padding-bottom:10px; margin-top:50px;}
	.sh_c ul li  { height:280px; border-radius:16px; float:left; width:31.3%; background:#f3f4f8; margin-left:1%; margin-right:1%; padding:15px; }
    .sh_c ul li h2 { font-size:20px; color:#54595f;}
	.sh_c ul li p { margin-top:10px; color:#7a7a7a;}
	.about_n {color:#7a7a7a;}
	.sh_c { width:100%; }
	.sh_bg { width:100%; background:#f3f4f8; height:400px; margin-top:40px; margin-bottom:40px; }
	.sh_bg .container {padding:20px; }
	.sh_bg h2 { margin-top:40px;}
	.sh_bg p { margin-top:30px; margin-bottom:30px;}
	       .box_ask {

            max-width: 1200px;
            height: auto;
			overflow:auto;
            border: solid 1px #f3f4f8;
			margin-top:40px;
			margin-bottom:40px;
        }

       .Collapsing {
            width: 100%;
            height: 50px;
            line-height: 50px;
            cursor: pointer;
            border-bottom: 1px solid #f3f4f8;
            text-align: left;
            color:#7a7a7a;
            font-size: 1em;
           
            position: relative; text-indent:10px;
            background-color: transparent;
			font-weight:normal;
			 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
        }


       .Collapsing::before {
            content: '+';
            display: inline-block;
            width: 1em;
            text-align: center;
            margin-right: 10px;
        }

       .Collapsing.current::before {
            content: '-';
        }

       .coll_body {
            display: none;
            padding-left: 20px;
        }

       .coll_body div {
            display: block;
            margin: 10px 0;
            font-size: 0.9em;
            padding: 5px;
			color:#7a7a7a;
        }
		.sh_bg_c  p { float:none;}
		
		
        .adSwiper {
            height: 750px;
        }

        .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
		.about_all { margin-top:30px!important; padding:0px!important;}
		
		
    /* 新增外层容器样式 */
   .swiper-container {
      width: 100%;
      padding-bottom: 50px; /* 为分页器留出空间 */
	  position:relative;
	  padding-top:30px;
	  overflow:visibility;
    }

    .picSwiper {
      width: 100%;
      /* 设置固定高度为 300px */
      height: 300px;
	  position:static!important;
    }

    /* 修改样式选择器 */
   .picSwiper .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .picSwiper .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* 为分页器添加底部外边距 */
    .picSwiper .swiper-pagination {
      margin-bottom: 20px;
      position: relative;
      bottom: 0px; /* 使分页器向下移动到轮播层外 */
    }
	
	.a_title { text-align:center; clear:both;}