/*----------------------------------------------------
@File: Default Styles
@Author:  themexriver
@URL: https://themexriver.com/

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
/*=====================================================================
@Template Name: NioBis - Corporate Business HTML Template
@Author: themexriver

CSS Table of content:-

1. Global Area 
2. Header Section
=====================================================================*/
/*=========
Font load
===========*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
/*=========
Color Code
===========*/
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.consaltation-section .consaltation-content .consaltation-icon, .newslatter-section .newslatter-content .newslatter-icon {
  height: 80px;
  width: 100px;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 6px;
  margin-right: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #005a90; }
  .consaltation-section .consaltation-content .consaltation-icon i, .newslatter-section .newslatter-content .newslatter-icon i {
    font-size: 35px;
    color: #009FA8; }

.blog-sidebar-widget .search-widget form input, .newslatter-section .newslatter-content .newslatter-form input {
  border: none; }

.blog-sidebar-widget .search-widget form button, .blog-details-content .blog-comment-area .comment-form .sub-button button, .newslatter-section .newslatter-content .newslatter-form .nws-button button, .contact-page-section .el-contact-form .contact-form-area .sub-button button {
  border: none;
  background-color: transparent; }

.slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(1), .slider-style-one .slide-type-two .slider-content-box .slide-btn-1 a:nth-child(2) {
  height: 60px;
  width: 190px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 60px;
  display: inline-block;
  text-transform: uppercase;
 background: linear-gradient(90deg, #009FA8 0%, #358DB5 100%); }
  .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(1) img, .slider-style-one .slide-type-two .slider-content-box .slide-btn-1 a:nth-child(2) img {
    margin-left: 8px; }

.project-section .projecct-img:after, .blog-section .blog-post-content .blog-post-pic:after {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  content: '';
  height: 100%;
  visibility: hidden;
  position: absolute;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.project-section .projecct-img .popup-project, .blog-section .blog-post-content .blog-post-pic .blog-linker {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 55px;
  width: 55px;
  z-index: 3;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  .project-section .projecct-img .popup-project:before, .blog-section .blog-post-content .blog-post-pic .blog-linker:before {
    top: -25px;
    left: 25px;
    width: 3px;
    content: '';
    height: 0px;
    background-color: #fff;
    position: absolute;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out; }
  .project-section .projecct-img .popup-project:after, .blog-section .blog-post-content .blog-post-pic .blog-linker:after {
    position: absolute;
    content: '';
    height: 3px;
    width: 0px;
    background-color: #fff;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out; }

.header_top .top_info_menu li:after, .footer-copyright-text .copyright-menu a:after {
  top: 6px;
  width: 2px;
  content: '';
  right: -15px;
  height: 15px;
  position: absolute;
  background-color: #5ea5d0; }

.header_top .top_info_menu li:last-child:after, .footer-copyright-text .copyright-menu a:last-child:after {
  display: none; }

.about-section .about-text .about-btn a, .driven-solution-section .driven-text .about-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.about-section .about-text .about-btn i, .driven-solution-section .driven-text .about-btn i {
  color: #eda213;
  font-size: 40px;
  margin-right: 10px; }

.about-section .about-text .about-btn span, .driven-solution-section .driven-text .about-btn span {
  margin-top: 5px;
  color: #004168;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  text-decoration: underline; }

.about-section .about-text .about-btn img, .driven-solution-section .driven-text .about-btn img {
  margin-left: 12px; }

.expertise-indicator-icon .expertise-icon-item:after, .eltron-info-section .eltron-info-icon-text .eltron-info-icon:after {
  top: -10px;
  left: -10px;
  opacity: .2;
  width: 100px;
  content: '';
  height: 100px;
  position: absolute;
  border-radius: 100%;
  background-color: #fff; }

.header_style_two .site-main-menu .site-search-btn .top_info_social:after, .header_style_two .header-qoute-btn:after {
  position: absolute;
  content: '';
  height: 70px;
  width: 1px;
  right: 0;
  margin-top:25px;
  background-color: #fff;opacity: 0.3; }

.service-sidebar-widget .service-cat-widget li, .blog-sidebar-widget .category-widget li {
  height: 50px;
  line-height: 50px;
  position: relative;
  z-index: 1;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .service-sidebar-widget .service-cat-widget li a, .blog-sidebar-widget .category-widget li a {
    width: 100%;
    display: block;
    color: #222222;
    font-size: 18px; }
  .service-sidebar-widget .service-cat-widget li:before, .blog-sidebar-widget .category-widget li:before {
    left: 0;
    top: 20px;
    width: 28px;
    content: '';
    height: 20px;
    position: absolute;
    opacity: 0;
    background-repeat: no-repeat;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-image: url(../img/arrow3.png); }
  .service-sidebar-widget .service-cat-widget li:after, .blog-sidebar-widget .category-widget li:after {
    top: 0;
    content: '';
    width: 0;
    height: 100%;
    z-index: -1;
    left: -37px;
    position: absolute;
    background-color: #009FA8;
    -webkit-transition: .5s all ease-out;
    -o-transition: .5s all ease-out;
    transition: .5s all ease-out; }
  .service-sidebar-widget .service-cat-widget li:hover, .blog-sidebar-widget .category-widget li:hover {
    padding-left: 32px; }
    .service-sidebar-widget .service-cat-widget li:hover:before, .blog-sidebar-widget .category-widget li:hover:before {
      opacity: 1; }
    .service-sidebar-widget .service-cat-widget li:hover:after, .blog-sidebar-widget .category-widget li:hover:after {
      width: 340px;
      -webkit-transition: .3s all ease-in;
      -o-transition: .3s all ease-in;
      transition: .3s all ease-in; }
    .service-sidebar-widget .service-cat-widget li:hover a, .blog-sidebar-widget .category-widget li:hover a {
      color: #fff; }

.service-sidebar-widget .help-widget .widget-title, .service-sidebar-widget .opening-hour-widget .widget-title {
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  position: relative; }
  .service-sidebar-widget .help-widget .widget-title:after, .service-sidebar-widget .opening-hour-widget .widget-title:after {
    position: absolute;
    content: '';
    height: 2px;
    width: 50px;
    background-color: #fff;
    left: 0;
    bottom: -10px; }

.site-main-menu .site-search-btn .con-btn, .header_style_two .header_top .header-top-btn, .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(1), .slider-style-one .slide-type-two .slider-content-box .slide-btn-1 a:nth-child(2), .feature-style-two .features-call-action .feature-call-content a, .blog-section .blog-left-content .blog-text-details .b-read-more-btn {
  position: relative;
  z-index: 1; }
  .site-main-menu .site-search-btn .con-btn:before, .header_style_two .header_top .header-top-btn:before, .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(1):before, .slider-style-one .slide-type-two .slider-content-box .slide-btn-1 a:nth-child(2):before, .feature-style-two .features-call-action .feature-call-content a:before, .blog-section .blog-left-content .blog-text-details .b-read-more-btn:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 0;
    top: 0;
    left: auto;
    right: 0;
    z-index: -1;
    border-radius: 2px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
  .site-main-menu .site-search-btn .con-btn:hover:before, .header_style_two .header_top .header-top-btn:hover:before, .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(1):hover:before, .slider-style-one .slide-type-two .slider-content-box .slide-btn-1 a:nth-child(2):hover:before, .feature-style-two .features-call-action .feature-call-content a:hover:before, .blog-section .blog-left-content .blog-text-details .b-read-more-btn:hover:before {
    width: 100%;
    left: 0;
    right: auto; }

.site-main-menu .site-search-btn .con-btn a i, .header_style_two .header_top .header-top-btn i, .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(1) i, .slider-style-one .slide-type-two .slider-content-box .slide-btn-1 a:nth-child(2) i, .feature-style-two .features-call-action .feature-call-content a i, .service-content .service-pic-text .service-text a i, .consaltation-section .consaltation-content .consalt-btn a i, .project-section .project-more-btn a i, .blog-section .blog-left-content .blog-text-details .b-read-more-btn a i, .blog-section .blog-post-content .blog-post-item .blog-more a i, .newslatter-section .newslatter-content .newslatter-form .nws-button button i, .driven-solution-section .features-content .features-icon-text .features-hover-content .features-hover-text .fh-more a i {
  line-height: 1;
  top: 4px;
  font-size: 26px;
  margin-left: 4px;
  position: relative; }

.about-section .about-text .about-btn:after, .driven-solution-section .driven-text .about-btn a:after {
  content: "\f100";
  position: absolute;
  top: -7px;
  right: -35px;
  font-size: 26px;
  font-family: Flaticon;
  color: #009FA8;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }

.about-section .about-text .about-btn:hover:after, .driven-solution-section .driven-text .about-btn a:hover:after {
  right: -45px; }

/*global area*/
/*----------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-size: 15px;
  line-height: 1.867;
  color: #555555;
  font-family: "Open Sans";
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; }

::-moz-selection {
  color: #ffffff;
  background-color: #009FA8; }

::selection {
  color: #ffffff;
  background-color: #009FA8; }

::-moz-selection {
  color: #ffffff;
  background-color: #009FA8; }

.container {
  max-width: 1170px; }

.ul-li ul {
  margin: 0;
  padding: 0; }
  .ul-li ul li {
    list-style: none;
    display: inline-block; }

.ul-li-block ul {
  margin: 0;
  padding: 0; }
  .ul-li-block ul li {
    display: block;
    list-style: none; }

div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #ffff url("../img/loader.svg") no-repeat center center; }

[data-background] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  a:hover, a:focus {
    text-decoration: none; }

img {
  max-width: 100%;
  height: auto; }

section {
  overflow: hidden; }

button {
  cursor: pointer; }

.form-control:focus,
button:visited,
button.active,
button:hover,
button:focus,
input:visited,
input.active,
input:hover,
input:focus,
textarea:hover,
textarea:focus,
a:hover,
a:focus,
a:visited,
a.active,
select,
select:hover,
select:focus,
select:visited {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  /* color: inherit;  */
}

.form-control {
  -webkit-box-shadow: none;
  box-shadow: none; }

.relative-position {
  position: relative; }

.pera-content p {
  margin-bottom: 0; }

.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
  margin: 0;
  font-family: "Open Sans"; }

.block-display {
  width: 100%;
  display: block; }

.background_overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; }

.background_position {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.scrollup {
  width: 55px;
  right: 20px;
  z-index: 5;
  height: 55px;
  bottom: 20px;
  display: none;
  position: fixed;
  border-radius: 100%;
  line-height: 55px;
  background-color: #009FA8; }
  .scrollup i {
    color: #fff; }

.section-title-left .title-tag {
  font-size: 16px;
  font-weight: 300; }
  .section-title-left .title-tag img {
    margin-right: 12px; }

.section-title-left h2 {
  color: #222222;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.238;
  padding: 12px 0px 15px; }

.section-title-middle .title-tag {
  font-weight: 300;
  font-size: 16px;
  color: #555555; }
  .section-title-middle .title-tag svg {
    fill: #0fc5d3;
    height: 40px;
    display: block;
    margin: 0 auto;
    margin-bottom: 18px; }

.section-title-middle h2 {
  color: #222222;
  font-size: 36px;
  font-weight: 700;
  padding-top: 13px;
  line-height: 1.333;
  text-transform: capitalize; }

.partner-section {
  padding: 80px 0px 180px;
  border-top: 1px solid #dddddd; }
  .partner-section .container {
    max-width: 1320px; }
  .partner-section .partner-img img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1); }

.button-arrow {
  position: relative; }
  .button-arrow:after {
    position: absolute;
    content: "\f100";
    font-family: Flaticon;
    right: 0;
    top: 0;
    font-size: 26px;
    color: #fff; }

/*---------------------------------------------------- */
/*Header area*/
/*----------------------------------------------------*/
.header_top {
  background-color: #009FA8;
  padding: 13px 0px 13px; }
  .header_top .header_top_contact li {
    color: #fff;
    line-height: 1.2;
    margin-right: 30px; }
    .header_top .header_top_contact li i {
      font-size: 18px;
      margin-right: 8px; }
  .header_top .top_info_item {
    display: inline-block; }
  .header_top .top_info_menu li {
    margin-left: 25px;
    position: relative; }
    .header_top .top_info_menu li a {
      color: #fff; }
  .header_top .top_info_social {
    margin-left: 30px; }
    .header_top .top_info_social li {
      width: 30px;
      color: #fff;
      height: 30px;
      line-height: 30px;
      text-align: center;
      border-radius: 100%;
      background-color: #1f82bd;
      -webkit-transition: .3s all ease-in-out;
      -o-transition: .3s all ease-in-out;
      transition: .3s all ease-in-out; }
      .header_top .top_info_social li a {
        display: block;
        width: 100%; }
      .header_top .top_info_social li:hover {
        background-color: #009FA8; }

.site-main-menu {
  padding: 26px 0px 28px; }
  .site-main-menu .brand-logo {
    margin-right: 98px; }
  .site-main-menu .navbar-nav {
    display: inline-block;
    padding-top: 15px; }
  .site-main-menu .main_navigation {
    display: inline-block; }
    .site-main-menu .main_navigation li {
      margin-left: 30px; }
      .site-main-menu .main_navigation li a {
        color: #222222;
        font-size: 16px;
        font-weight: 700;
        padding: 45px 0px; }
  .site-main-menu .site-search-btn .el-search {
    display: inline-block; }
  .site-main-menu .site-search-btn .con-btn {
    height: 55px;
    width: 208px;
    display: inline-block;
    line-height: 55px;
    margin-left: 35px;
    background-color: #009FA8; }
    .site-main-menu .site-search-btn .con-btn:before {
      background-color: #009FA8; }
    .site-main-menu .site-search-btn .con-btn a {
      color: #fff;
      width: 100%;
      display: block;
      font-size: 14px;
      font-weight: 700; }

.main_navigation.desktop-menu .dropdown-menu {
  top: 48px;
  left: 0;
  z-index: 100;
  margin: 0px;
  padding: 0px;
  height: auto;
  width: 360px;
  display: block;
  border: none;
  padding: 0px 0px 0px;
  position: absolute;
  background-color: #fff;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  border-radius: 0;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
  box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1); }
  .main_navigation.desktop-menu .dropdown-menu li {
    width: 180px;
	float:left;
    margin-left: 0;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #e5e5e5; }
    .main_navigation.desktop-menu .dropdown-menu li a {
      width: 100%;
      display: block;
      font-size: 14px;
      padding: 10px 20px; }
    .main_navigation.desktop-menu .dropdown-menu li:hover {
      color: #fff;
      background-color: #009FA8; }
      .main_navigation.desktop-menu .dropdown-menu li:hover a {
        color: #fff; }

.main_navigation.desktop-menu .dropdown {
  position: relative; }
  .main_navigation.desktop-menu .dropdown:hover .dropdown-menu {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); }

.el-search-btn {
  cursor: pointer; }

.search-body {
  top: 58px;
  opacity: 0;
  right: 0px;
  width: 300px;
  height: auto;
  z-index: 999;
  padding: 20px 15px;
  position: absolute;
  visibility: hidden;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); }
  .search-body .search-form input {
    width: 100%;
    height: 50px;
    padding: 0px 20px;
    border-radius: 3px;
    border: 1px solid #f0f0f0;
    background-color: #f7f7f7; }
  .search-body .search-form .search-close {
    top: 50%;
    z-index: 1;
    right: 5px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    position: absolute;
    border-radius: 3px;
    color: #ffffff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #009FA8;
    border: none; }
  .search-body .outer-close {
    position: absolute;
    top: -10px;
    right: 10px; }
    .search-body .outer-close i {
      color: #b71111; }

.search-open {
  opacity: 1;
  visibility: visible; }

.header_style_two {
  width: 100%;
  z-index: 9;
  position: absolute; }
  .header_style_two .brand-logo {
    display: inline-block; }
  .header_style_two .search-body {
    top: 0;
    width: 100%;
    padding: 50px; }
    .header_style_two .search-body .search-form .search-close {
      right: 55px; }
  .header_style_two .header_top {
    position: relative;
    z-index: 1;
    padding-left: 60px;
    background-color: #009FA8; }
    .header_style_two .header_top .header_top_contact li {
      color: #fff; }
    .header_style_two .header_top .header-top-btn {
      top: 0;
      right: 0;
      color: #fff;
      height: 100%;
      width: 250px;
      font-size: 14px;
      font-weight: 700;
      position: absolute;
      display: inline-block;
      line-height: 54px;
      text-transform: uppercase;
      background-color: #009FA8; }
      .header_style_two .header_top .header-top-btn i {
        margin-left: 8px; }
      .header_style_two .header_top .header-top-btn:before {
        background-color: #009FA8; }
    .header_style_two .header_top .header_top_info {
      padding-right: 300px; }
  .header_style_two .site-main-menu {
    padding: 25px 0px 20px 60px; }
    .header_style_two .site-main-menu .navbar-nav {
      padding-top: 10px; }
    .header_style_two .site-main-menu .main_navigation li a {
      color: #fff;
      font-weight: 400; }
    .header_style_two .site-main-menu .dropdown-menu li a {
      color: #222 !important; }
      .header_style_two .site-main-menu .dropdown-menu li a:hover {
        color: #fff !important; }
    .header_style_two .site-main-menu .site-search-btn .top_info_social {
      position: relative;
      padding-right: 50px;
      display: inline-block;
      top: -10px; }
      .header_style_two .site-main-menu .site-search-btn .top_info_social:after {
        top: -47px; }
      .header_style_two .site-main-menu .site-search-btn .top_info_social li a {
        height: 32px;
        width: 32px;
        line-height: 32px;
        display: block;
        border-radius: 100%;
        background-color: #616161;
        text-align: center;
        color: #fff; }
        .header_style_two .site-main-menu .site-search-btn .top_info_social li a:hover {
          color: #fff;
          background-color: #009FA8; }
  .header_style_two .header-qoute-btn {
    line-height: 1;
    padding: 0px 50px;
    position: relative;
    display: inline-block; }
    .header_style_two .header-qoute-btn:after {
      top: -35px; }
    .header_style_two .header-qoute-btn i {
      color: #009FA8;
      margin-right: 12px; }
    .header_style_two .header-qoute-btn p, .header_style_two .header-qoute-btn strong {
      color: #fff; }
    .header_style_two .header-qoute-btn strong {
      font-size: 20px;
      font-weight: 600;
      margin-top: 5px;
      margin-left: 25px; }
    .header_style_two .header-qoute-btn p {
      margin-bottom: 10px; }
  .header_style_two .el-search {
    padding: 0px 50px;
    position: relative;
    top: -10px;
    cursor: pointer; }
    .header_style_two .el-search i {
      color: #fff;
      font-size: 24px; }
    .header_style_two .el-search .search-body {
      top: 62px; }

.stickymenu-on {
  background-color: #fff;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  position: fixed;
  top: -90px;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }

.main_header.header_style_one.stickymenu-on {
  top: -58px;
  z-index: 999;
  width: 100%;
  -webkit-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8); }

/*---------------------------------------------------- */
/*slider area*/
/*----------------------------------------------------*/
.slider-style-one .main-slider-img-text {
  z-index: 1; }
  .slider-style-one .main-slider-img-text .background_overlay {
    background-color: rgba(0, 0, 0, 0.3);
    z-index: -1; }
  .slider-style-one .main-slider-img-text .slider-content-box {
    max-width: 620px;
    padding: 180px 0px 210px 0px; }
    .slider-style-one .main-slider-img-text .slider-content-box span, .slider-style-one .main-slider-img-text .slider-content-box h1, .slider-style-one .main-slider-img-text .slider-content-box p {
      color: #fff; }
    .slider-style-one .main-slider-img-text .slider-content-box span {
      opacity: 0;
      letter-spacing: 2px;
      -webkit-transform: translatex(50px);
      -ms-transform: translatex(50px);
      transform: translatex(50px); }
      .slider-style-one .main-slider-img-text .slider-content-box span img {
        margin-right: 10px; }
    .slider-style-one .main-slider-img-text .slider-content-box h1 {
      font-size: 60px;
      font-weight: 700;
      padding: 5px 0px 15px;
      opacity: 0;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px); }
    .slider-style-one .main-slider-img-text .slider-content-box p {
      opacity: 0;
      font-size: 20px;
      -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
      transform: translateX(-50px); }
    .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 {
      opacity: 0;
      margin-top: 32px;
      -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
      transform: translateY(50px); }
      .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a {
        position: relative; }
        .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(1) {
          border-radius: 2px; }
          .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(1):before {
            background: linear-gradient(90deg, #009FA8 0%, #358DB5 100%);}
        .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(2) {
          color: #fff;
          font-size: 18px;
          margin-left: 35px; }
          .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(2):after {
            content: '';
            position: absolute;
            height: 2px;
            width: 100%;
            background-color: #fff;
            left: 0;
            bottom: -8px; }

.slider-style-one .slide-type-two .slider-content-box {
  margin: 0 auto;
  max-width: 1100px; }
  .slider-style-one .slide-type-two .slider-content-box .slide-btn-1 a:nth-child(2) {
    font-size: 14px; }
    .slider-style-one .slide-type-two .slider-content-box .slide-btn-1 a:nth-child(2):after {
      display: none; }
    .slider-style-one .slide-type-two .slider-content-box .slide-btn-1 a:nth-child(2):before {
      background-color: #009FA8; }

.slider-style-two .main-slider-img-text .slider-content-box {
  padding: 290px 0px 210px 0px; }

.img-zooming {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

#slider-eltron .slider-img-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -2; }

#slider-eltron img {
  display: inherit; }

#slider-eltron .owl-prev,
#slider-eltron .owl-next {
  top: 50%;
  left: 80px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 45px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

#slider-eltron .owl-next {
  right: 80px;
  left: auto; }

#slider-eltron .owl-item.active .main-slider-img-text span {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 1200ms ease;
  -o-transition: all 1200ms ease;
  transition: all 1200ms ease;
  -webkit-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms; }

#slider-eltron .owl-item.active .main-slider-img-text h1 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
  -webkit-transition-delay: 900ms;
  -o-transition-delay: 900ms;
  transition-delay: 900ms; }

#slider-eltron .owl-item.active .main-slider-img-text p {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 2100ms ease;
  -o-transition: all 2100ms ease;
  transition: all 2100ms ease;
  -webkit-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms; }

#slider-eltron .owl-item.active .main-slider-img-text .slide-btn-1 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 2100ms ease;
  -o-transition: all 2100ms ease;
  transition: all 2100ms ease;
  -webkit-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms; }

#slider-eltron .owl-item.active .main-slider-img-text .img-zooming {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: all 7000ms linear;
  -o-transition: all 7000ms linear;
  transition: all 7000ms linear; }

/*---------------------------------------------------- */
/*Site Info area*/
/*----------------------------------------------------*/
.site-info-section {
  overflow: visible; }

.site-info-content {
  -webkit-box-shadow: 0px 9px 40px 0px rgba(193, 193, 193, 0.5);
  box-shadow: 0px 9px 40px 0px rgba(193, 193, 193, 0.5);
  margin-bottom: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: -20px;
  z-index: 1;
  background-color: #fff; }

.site-info-icon-text {
  width: 380px;
  padding: 50px 30px 40px 30px;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .site-info-icon-text .site-info-icon {
    margin-right: 15px; }
    .site-info-icon-text .site-info-icon svg {
      height: 65px;
      fill: #004168;
      -webkit-transition: .3s all ease-in-out;
      -o-transition: .3s all ease-in-out;
      transition: .3s all ease-in-out; }
  .site-info-icon-text .site-info-text {
    max-width: 300px; }
    .site-info-icon-text .site-info-text h3 {
      font-size: 22px;
      color: #222222;
      font-weight: 600;
      line-height: 1.364;
      -webkit-transition: .3s all ease-in-out;
      -o-transition: .3s all ease-in-out;
      transition: .3s all ease-in-out; }
  .site-info-icon-text .site-info-arrow {
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
  .site-info-icon-text:after {
    right: 0;
    bottom: 0;
    content: '';
    width: 60px;
    height: 5px;
    position: absolute;
    background-color: #dddddd; }
  .site-info-icon-text:hover {
    background-color: #009FA8; }
    .site-info-icon-text:hover .site-info-icon svg {
      fill: #fff; }
    .site-info-icon-text:hover .site-info-text h3 {
      color: #fff; }
    .site-info-icon-text:hover .site-info-arrow i {
      color: #fff; }
    .site-info-icon-text:hover:after {
      background-color: #009FA8; }

/*---------------------------------------------------- */
/*About area*/
/*----------------------------------------------------*/
.about-section {
  padding-bottom: 60px; }
  .about-section .about-text {
    max-width: 510px;
    padding-top: 20px; }
    .about-section .about-text .about-text1 {
      margin-bottom: 30px; }
    .about-section .about-text .about-text2 {
      margin-bottom: 35px; }
    .about-section .about-text .about-btn {
      position: relative;
      display: inline-block; }
  .about-section .about-img {
    margin: 0px -10px; }
    .about-section .about-img .abt-img-set {
      float: left;
      margin: 0px 10px;
      margin-bottom: 20px; }

.about-counter .about-counter-text-number {
  width: 50%;
  float: left; }
  .about-counter .about-counter-text-number h4 {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 18px; }
  .about-counter .about-counter-text-number .counter-icon {
    margin-right: 15px; }
  .about-counter .about-counter-text-number .counter-number h4 {
    font-size: 50px;
    font-weight: 700;
    color: #009FA8;
    display: inline-block; }
  .about-counter .about-counter-text-number .counter-number strong {
    color: #555555;
    font-size: 30px;
    font-weight: 300; }

.about-section-two:before {
  top: 0;
  left: 0;
  content: '';
  opacity: .5;
  height: 100%;
  width: 540px;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(../img/background/abbg.png); }

.about-page-about { padding-top:60px; }

/*---------------------------------------------------- */
/*features area*/
/*----------------------------------------------------*/
.features-section {
  z-index: 1;
  padding: 100px 0px 110px; }
  .features-section .background_overlay {
    z-index: -1;
    background-color: rgba(0, 113, 179, 0.95); }
  .features-section .section-title-middle {
    margin: 0 auto;
    max-width: 700px;
    padding-bottom: 60px; }
    .features-section .section-title-middle .title-tag {
      color: #fff; }
      .features-section .section-title-middle .title-tag svg {
        fill: #fff; }
    .features-section .section-title-middle h2 {
      color: #fff; }

.features-icon-text {
  border-radius: 2px;
  margin-bottom: 15px;
  background-color: #fff;
  padding: 55px 0px 50px 0px;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .features-icon-text .features-icon {
    margin-bottom: 20px; }
    .features-icon-text .features-icon svg {
      height: 90px;
      fill: #009FA8; }
  .features-icon-text .features-text h3 {
    color: #222222;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 8px; }
  .features-icon-text .features-text p {
    font-weight: 300;
    font-size: 14px; }
  .features-icon-text .features-hover-content {
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 50px 45px;
    position: absolute;
    background-color: #0fc5d3;
    opacity: 0;
    visibility: hidden;
    border-radius: 2px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
    .features-icon-text .features-hover-content .fh-icon-bg {
      position: absolute;
      z-index: -1;
      left: 0;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .features-icon-text .features-hover-content .fh-icon-bg svg {
        height: 205px;
        fill: #0ebbca; }
    .features-icon-text .features-hover-content .features-hover-text h3 {
      color: #fff;
      font-size: 22px;
      font-weight: 700;
      padding-bottom: 18px; }
    .features-icon-text .features-hover-content .features-hover-text p {
      color: #fff; }
    .features-icon-text .features-hover-content .features-hover-text .fh-more {
      margin-top: 25px; }
      .features-icon-text .features-hover-content .features-hover-text .fh-more a {
        color: #fff;
        font-size: 18px; }
  .features-icon-text:hover {
    padding-bottom: 65px;
    margin-bottom: 0px; }
    .features-icon-text:hover .features-hover-content {
      opacity: 1;
      visibility: visible; }

.feature-style-two {
  z-index: 1;
  overflow: visible;
  padding: 0px 0px 0px;}
  .feature-style-two .background_overlay {
    z-index: -1; }
  .feature-style-two .section-title-left {
    max-width: 580px;
    margin: 0 auto;
    padding-bottom: 40px; }
    .feature-style-two .section-title-left span, .feature-style-two .section-title-left h2 {
    }
  .feature-style-two .feature-slide-content {
    padding-bottom: 30px; }
  .feature-style-two .feature-slide-icon-text {
    padding: 50px 20px;
    border-radius: 2px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border: 1px solid #EDF1F4;}
    .feature-style-two .feature-slide-icon-text .feature-slide-icon {
      margin-bottom: 15px; }
      .feature-style-two .feature-slide-icon-text .feature-slide-icon svg {
        fill: #009FA8;
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out; }
	 .feature-style-two .feature-slide-icon-text .feature-slide-text a:hover{ color:#009FA8;}	
    .feature-style-two .feature-slide-icon-text .feature-slide-text h3 {

      font-size: 22px;
      font-weight: 700;
      padding-bottom: 20px; }
    .feature-style-two .feature-slide-icon-text .feature-slide-text p {
      color:#666; }
    .feature-style-two .feature-slide-icon-text:hover {
      background-color: #EDF1F4;
      border: 1px solid  #EDF1F4; }
      .feature-style-two .feature-slide-icon-text:hover .feature-slide-icon svg {
        fill: #009FA8; }
  .feature-style-two .features-call-action {
    z-index: 1;
    bottom: -75px;
    background-color: #fff;
    padding: 50px 85px 60px 0px;
    -webkit-box-shadow: 0px 5px 50.05px 4.95px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 50.05px 4.95px rgba(0, 0, 0, 0.1); }
    .feature-style-two .features-call-action:before {
      content: '';
      position: absolute;
      height: 100%;
      width: 300px;
      top: 0;
      left: 0;
      background-repeat: no-repeat;
      background-image: url(../img/background/f-cfbg.jpg); }
    .feature-style-two .features-call-action .call-icon-bg {
      right: 80px;
      z-index: -1;
      bottom: 40px;
      position: absolute; }
      .feature-style-two .features-call-action .call-icon-bg i {
        font-size: 130px;
        color: #edf1f4; }
    .feature-style-two .features-call-action .feature-call-content {
      float: right;
      max-width: 710px; }
      .feature-style-two .features-call-action .feature-call-content h3 {
        font-size: 30px;
        color: #222;
        padding-bottom: 8px; }
        .feature-style-two .features-call-action .feature-call-content h3 span {
          font-weight: 700;
          color: #009FA8; }
      .feature-style-two .features-call-action .feature-call-content p {
        font-size: 16px;
        color: #555555;
        padding-bottom: 22px; }
      .feature-style-two .features-call-action .feature-call-content a {
        color: #fff;
        color: #fff;
        font-weight: 700;
        border-radius: 2px;
        padding: 13px 32px;
        display: inline-block;
        text-transform: uppercase;
        background-color: #009FA8; }
        .feature-style-two .features-call-action .feature-call-content a i {
          margin-left: 10px; }
        .feature-style-two .features-call-action .feature-call-content a:before {
          background-color: #009FA8; }

#features-slide-id .owl-dots {
  margin-top: 48px;
  text-align: center; }
  #features-slide-id .owl-dots .owl-dot {
    width: 30px;
    height: 2px;
    margin: 0px 3px;
    display: inline-block;
    background-color: #2797d1;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
  #features-slide-id .owl-dots .owl-dot.active {
    height: 3px;
    background-color: #fff; }

/*---------------------------------------------------- */
/*service area*/
/*----------------------------------------------------*/
.service-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .service-content .service-pic-text {
    width: 20%;
    overflow: hidden; }
    .service-content .service-pic-text .service-pic {
      -webkit-transition: .8s all ease-in-out;
      -o-transition: .8s all ease-in-out;
      transition: .8s all ease-in-out; }
    .service-content .service-pic-text:after {
      top: 0;
      left: 0;
      width: 100%;
      content: '';
      height: 100%;
      position: absolute;
      -webkit-transition: .8s all ease-in-out;
      -o-transition: .8s all ease-in-out;
      transition: .8s all ease-in-out;
      background-color: rgba(0, 0, 0, 0.5); }
    .service-content .service-pic-text .service-text {
      left: 0;
      right: 0;
      z-index: 1;
      bottom: 110px;
      position: absolute;
      -webkit-transition: .3s all ease-in-out;
      -o-transition: .3s all ease-in-out;
      transition: .3s all ease-in-out; }
      .service-content .service-pic-text .service-text h3,
      .service-content .service-pic-text .service-text a {
        color: #fff;
        font-size: 30px;
        font-weight: 700; }
      .service-content .service-pic-text .service-text a {
        opacity: 0;
        visibility: hidden;
        font-size: 14px; }
        .service-content .service-pic-text .service-text a i {
          margin-left: 8px;
          -webkit-transition: .3s all ease-in-out;
          -o-transition: .3s all ease-in-out;
          transition: .3s all ease-in-out; }
        .service-content .service-pic-text .service-text a:hover i {
          margin-left: 12px; }
    .service-content .service-pic-text:hover:after {
      background-color: rgba(0, 0, 0, 0.7); }
    .service-content .service-pic-text:hover .service-pic {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
    .service-content .service-pic-text:hover .service-text {
      bottom: 150px; }
      .service-content .service-pic-text:hover .service-text a {
        opacity: 1;
        visibility: visible; }

.service-counter-section .about-counter .about-counter-text-number {
  width: 100%;
  float: none; }

.service-details-section {
  padding: 110px 0 210px; }
  .service-details-section .service-sidebar {
    margin-right: 20px; }
  .service-details-section .service-single-content .service-details-img-pair {
    margin-bottom: 30px; }
  .service-details-section .service-single-content h3 {
    color: #222222;
    font-size: 42px;
    font-weight: 700;
    padding-bottom: 20px; }
  .service-details-section .service-single-content article {
    margin-bottom: 20px; }
  .service-details-section .service-single-content h4 {
    font-size: 30px;
    color: #222222;
    font-weight: 700;
    padding-bottom: 10px; }
  .service-details-section .service-single-content .service-details-list {
    margin-top: 15px; }
    .service-details-section .service-single-content .service-details-list ul {
      margin-bottom: 30px; }
    .service-details-section .service-single-content .service-details-list li {
      color: #222222;
      font-weight: 600;
      position: relative;
      padding-left: 30px; }
      .service-details-section .service-single-content .service-details-list li:before {
        left: 0;
        top: 0;
        content: '\f138';
        font-weight: 900;
        position: absolute;
        color: #009FA8;
        font-family: 'Font Awesome 5 Free'; }
  .service-details-section .service-single-content .service-single-icon-text {
    margin: 0px -5px; }
    .service-details-section .service-single-content .service-single-icon-text .site-info-icon-text {
      width: 48%;
      float: left;
      margin: 30px 5px 30px 5px;
      padding: 40px 30px 35px 30px;
      -webkit-box-shadow: 0px 9px 40px 0px rgba(193, 193, 193, 0.5);
      box-shadow: 0px 9px 40px 0px rgba(193, 193, 193, 0.5); }
      .service-details-section .service-single-content .service-single-icon-text .site-info-icon-text:after {
        display: none; }
      .service-details-section .service-single-content .service-single-icon-text .site-info-icon-text .site-info-icon svg {
        height: 60px; }
      .service-details-section .service-single-content .service-single-icon-text .site-info-icon-text .site-info-text h3 {
        font-size: 22px; }

.service-sidebar-widget {
  margin-bottom: 30px; }
  .service-sidebar-widget .service-cat-widget {
    padding: 38px;
    background-color: #edf1f4; }
    .service-sidebar-widget .service-cat-widget .widget-title {
      font-size: 22px;
      color: #222222;
      font-weight: 800; }
  .service-sidebar-widget .help-widget {
    background-color: #009FA8;
    padding: 40px 30px; }
    .service-sidebar-widget .help-widget .widget-title {
      margin-bottom: 30px; }
    .service-sidebar-widget .help-widget span {
      color: #fff; }
    .service-sidebar-widget .help-widget .contact-text p {
      padding-top: 5px;
      color: #fff; }
      .service-sidebar-widget .help-widget .contact-text p i {
        font-size: 24px; }
      .service-sidebar-widget .help-widget .contact-text p strong {
        font-size: 24px; }
  .service-sidebar-widget .opening-hour-widget {
    background-color: #009FA8;
    padding: 40px 30px; }
    .service-sidebar-widget .opening-hour-widget span {
      color: #fff; }
    .service-sidebar-widget .opening-hour-widget .widget-title {
      margin-bottom: 30px; }
    .service-sidebar-widget .opening-hour-widget .opening-hour-content {
      margin-bottom: 15px; }
      .service-sidebar-widget .opening-hour-widget .opening-hour-content span, .service-sidebar-widget .opening-hour-widget .opening-hour-content strong {
        display: block;
        color: #fff;
        line-height: 1.6; }

.service-counter-section {
  padding-bottom: 80px; }
  .service-counter-section .about-counter .about-counter-text-number .counter-number h4,
  .service-counter-section .about-counter .about-counter-text-number .counter-number strong {
    color: #222222; }
  .service-counter-section .service-counter-content .col-lg-3:nth-child(2) .about-counter-text-number, .service-counter-section .service-counter-content .col-lg-3:nth-child(3) .about-counter-text-number {
    padding-left: 40px; }
  .service-counter-section .service-counter-content .col-lg-3:nth-child(4) .about-counter-text-number {
    padding-left: 50px; }

.add-widget {
  z-index: 1;
  padding: 35px 35px 50px; }
  .add-widget .background_overlay {
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.9); }
  .add-widget h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 600; }
  .add-widget p {
    color: #fff;
    padding: 20px 0px 40px; }
  .add-widget a {
    display: inline-block;
    border: 2px solid #fff;
    padding: 10px 25px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700; }
    .add-widget a img {
      margin-left: 10px; }

/*---------------------------------------------------- */
/*advantage area*/
/*----------------------------------------------------*/
.advantage-section { padding-bottom:70px;}
  .advantage-section .section-title-middle {
    margin: 0 auto;
    max-width: 610px;
    padding-bottom: 50px; }
  .advantage-section .advantage-img-text .advantage-text { padding:20px; margin-bottom:25px; background:url(../img/jjfa.png) #F5F5F5;}
    .advantage-section .advantage-img-text .advantage-text:hover{background:url(../img/jjfa1.png) #009FA8;color:#FFFFFF;}
    .advantage-section .advantage-img-text .advantage-text h3 {
      font-size: 18px;
      font-weight: 600;
      color: #222222;
      line-height: 1.556; }
	     .advantage-section .advantage-img-text .advantage-text h3:hover{ color:#FFFFFF;} 
  .advantage-section .advantage-img-text .advantage-img {
    overflow: hidden; }
    .advantage-section .advantage-img-text .advantage-img img {
      -webkit-transition: .3s all ease-in-out;
      -o-transition: .3s all ease-in-out;
      transition: .3s all ease-in-out; }
  .advantage-section .advantage-img-text:hover .advantage-img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }

.service-page-advantage {
  padding-top: 195px; }

/*---------------------------------------------------- */
/*consaltion area*/
/*----------------------------------------------------*/
.consaltation-section {
  padding: 60px 0px 48px;
  background-color: rgba(0, 113, 179, 0.88); }
  .consaltation-section:before, .consaltation-section:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 382px;
    z-index: 1;
    background-repeat: no-repeat;
    background-image: url(../img/background/cbg1.jpg); }
  .consaltation-section:after {
    width: 50%;
    right: 0;
    left: auto;
    z-index: -1;
    background-image: url(../img/background/cbg2.jpg); }
  .consaltation-section .consaltation-content .consaltation-text {
    display: inline-block;
    margin-top: 10px; }
    .consaltation-section .consaltation-content .consaltation-text h3 {
      color: #fff;
      font-size: 30px;
      display: inline-block;
      margin-right: 20px; }
    .consaltation-section .consaltation-content .consaltation-text span {
      font-size: 30px;
      font-weight: 700;
      color: #009FA8; }
  .consaltation-section .consaltation-content .consalt-btn {
    height: 60px;
    width: 218px;
    float: right;
    line-height: 55px;
    margin-top: 10px;
    border-radius: 2px; }
    .consaltation-section .consaltation-content .consalt-btn a {
      border: 2px solid #ffffff;
      width: 100%;
      color: #fff;
      display: block; }
      .consaltation-section .consaltation-content .consalt-btn a:hover {
        background-color: #009FA8;
        border: 2px solid #009FA8; }
      .consaltation-section .consaltation-content .consalt-btn a i {
        margin-left: 8px; }

/*---------------------------------------------------- */
/*project area*/
/*----------------------------------------------------*/
.project-section {
  padding: 0px 0px 70px; }
  .project-section .project-text-content {
    padding-bottom: 20px; }
  .project-section .section-title-left {
    max-width: 100%; }
  .project-section .grid-item-width {
    width: 33.33%; }
  .project-section .grid-item-big {
    width: 66.67%; }
  .project-section .grid-sizer {
    width: 33.33%; }
  .project-section .grid-item {
    padding: 15px; }
  .project-section .grid-item-width2 {
    width: 50%; }
  .project-section .grid-sizer, .project-section .grid-item {
    float: left;
    overflow: hidden;
    position: relative;
    display: inline-block; }
  .project-section .project-filter-btn {
    padding-top: 113px; }
    .project-section .project-filter-btn button {
      border: none;
      color: #555555;
      font-weight: 600;
      font-size: 15px;
      padding: 0px 0px 0px 30px;
      text-transform: uppercase;
      background-color: transparent;
      position: relative; }
      .project-section .project-filter-btn button:after {
        position: absolute;
        content: '';
        height: 15px;
        width: 2px;
        background-color: #dadada;
        top: 7px;
        right: -17px; }
      .project-section .project-filter-btn button:last-child:after {
        display: none; }
    .project-section .project-filter-btn .filter-button.is-checked {
      color: #009FA8; }
  .project-section .projecct-img {
    overflow: hidden; width:96%; margin-left:2%; }
    .project-section .projecct-img img {
      -webkit-transition: .3s all ease-in-out;
      -o-transition: .3s all ease-in-out;
      transition: .3s all ease-in-out; }
    .project-section .projecct-img .project-item-text {
      color: #fff;
      bottom: 30px;
      left: 40px;
      z-index: 1;
      opacity: 0;
      visibility: hidden;
      position: absolute;
      -webkit-transition: .3s all ease-in-out;
      -o-transition: .3s all ease-in-out;
      transition: .3s all ease-in-out; }
      .project-section .projecct-img .project-item-text p {
        font-size: 16px;
        font-weight: 300; }
      .project-section .projecct-img .project-item-text h3 {
        font-size: 22px;
        font-weight: 600; }
    .project-section .projecct-img:hover:after {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      visibility: visible; }
    .project-section .projecct-img:hover img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
    .project-section .projecct-img:hover .project-item-text {
      opacity: 1;
      bottom: 55px;
      visibility: visible; }
    .project-section .projecct-img:hover .popup-project:before {
      height: 55px; }
    .project-section .projecct-img:hover .popup-project:after {
      width: 55px; }
  .project-section .project-more-btn {
    height: 55px;
    width: 190px;
    background-color: #009FA8;
    border-radius: 3px;
    line-height: 55px;
    text-align: center;
    margin: 0 auto;
    margin-top: 45px; }
    .project-section .project-more-btn a {
      width: 100%;
      color: #fff;
      display: block;
      font-size: 14px;
      font-weight: 700; }
      .project-section .project-more-btn a:hover {
        background-color: #009FA8; }

.project-section-two {
  padding-top: 180px; }
  .project-section-two .grid-sizer {
    width: 50%; }
  .project-section-two .projecct-img .popup-project {
    top: 105px;
    left: auto;
    right: 60px; }

/*---------------------------------------------------- */
/*expertise area*/
/*----------------------------------------------------*/
@-webkit-keyframes Rx-width-80 {
  0% {
    width: 0%; }
  100% {
    width: 80%; } }

@keyframes Rx-width-80 {
  0% {
    width: 0%; }
  100% {
    width: 80%; } }

@-webkit-keyframes Rx-width-75 {
  0% {
    width: 0%; }
  100% {
    width: 75%; } }

@keyframes Rx-width-75 {
  0% {
    width: 0%; }
  100% {
    width: 75%; } }

@-webkit-keyframes Rx-width-90 {
  0% {
    width: 0%; }
  100% {
    width: 90%; } }

@keyframes Rx-width-90 {
  0% {
    width: 0%; }
  100% {
    width: 90%; } }

.Rx-width-80 {
  -webkit-animation-name: Rx-width-80;
  animation-name: Rx-width-80;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.Rx-width-90 {
  -webkit-animation-name: Rx-width-90;
  animation-name: Rx-width-90;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.Rx-width-75 {
  -webkit-animation-name: Rx-width-75;
  animation-name: Rx-width-75;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.expertise-section {
  padding: 100px 0px 140px;
  background-color: #009FA8; }
  .expertise-section .section-title-left .title-tag,
  .expertise-section .section-title-left h2 {
    color: #fff; }
  .expertise-section .expertise-text-details {
    color: #b6d0df;
    margin-bottom: 40px; }

.expertise-text {
  max-width: 460px; }

.expertise-skill-progress .progress_text {
  display: inline-block;
  width: 100%; }
  .expertise-skill-progress .progress_text .skill-title {
    color: #b6d0df; }
  .expertise-skill-progress .progress_text .skill-percent {
    color: #fff;
    font-weight: 700; }

.expertise-skill-progress .single_experties {
  margin-bottom: 20px; }

.expertise-skill-progress .progress-bar,
.expertise-skill-progress .progress {
  height: 5px;
  border-radius: 10px;
  background-color: #135f8c; }

.expertise-skill-progress .progress-bar {
  background-color: #009FA8; }

.expertise-indicator-icon .expertise-icon-item {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  position: relative;
  cursor: pointer; }
  .expertise-indicator-icon .expertise-icon-item svg {
    height: 50px;
    width: 50px;
    fill: #2a6081; }

.ex-carousel {
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
  position: absolute; }
  .ex-carousel img {
    height: 100%; }

.expertise-indicator-icon {
  top: 30px;
  z-index: 1;
  right: -40px;
  position: absolute; }
  .expertise-indicator-icon .expertise-icon-item {
    margin-bottom: 70px; }

.mission-area {
  top: -68px;
  margin: 0 auto;
  max-width: 810px;
  position: relative;
  padding: 40px 100px;
  background-color: #eda213; }
  .mission-area .mission-text .section-title-left .title-tag {
    color: #fff; }
  .mission-area .mission-text .section-title-left h2 {
    font-style: italic;
    color: #fff;
    font-size: 32px; }

/*---------------------------------------------------- */
/*testimonial area*/
/*----------------------------------------------------*/
.testimonial-section {
  padding: 40px 0px 180px; }
  .testimonial-section .section-title-middle {
    margin: 0 auto;
    max-width: 525px;
    padding-bottom: 50px; }
  .testimonial-section .testimonial-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .testimonial-section .testimonial-part {
    width: 50%; }
  .testimonial-section .testimonial-text-slide {
    padding: 65px 30px 30px 60px;
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
    -webkit-box-shadow: 0px 9px 40px 0px rgba(193, 193, 193, 0.5);
    box-shadow: 0px 9px 40px 0px rgba(193, 193, 193, 0.5); }
    .testimonial-section .testimonial-text-slide .testimonial-slide-text {
      z-index: 1;
      max-width: 430px; }
      .testimonial-section .testimonial-text-slide .testimonial-slide-text .q-icon {
        top: 0px;
        left: 0px;
        z-index: -1;
        position: absolute; }
        .testimonial-section .testimonial-text-slide .testimonial-slide-text .q-icon i {
          color: #ecfafc;
          font-size: 65px; }
      .testimonial-section .testimonial-text-slide .testimonial-slide-text h3 {
        color: #004168;
        font-size: 18px;
        font-weight: 700;
        padding-bottom: 20px; }
      .testimonial-section .testimonial-text-slide .testimonial-slide-text p {
        color: #555555;
        font-size: 18px; }
      .testimonial-section .testimonial-text-slide .testimonial-slide-text .testimonial-img-rate {
        margin-top: 30px; }
        .testimonial-section .testimonial-text-slide .testimonial-slide-text .testimonial-img-rate .testimonial-pic {
          width: 50px;
          height: 50px;
          overflow: hidden;
          margin-right: 12px;
          border-radius: 100%; }
        .testimonial-section .testimonial-text-slide .testimonial-slide-text .testimonial-img-rate .testimonial-rate h4 {
          color: #222222;
          font-size: 15px;
          line-height: 1;
          font-weight: 700; }
        .testimonial-section .testimonial-text-slide .testimonial-slide-text .testimonial-img-rate .testimonial-rate span {
          font-size: 12px;
          font-weight: 300;
          line-height: 1;
          color: #222222; }
        .testimonial-section .testimonial-text-slide .testimonial-slide-text .testimonial-img-rate .testimonial-rate li {
          float: left;
          color: #f89429;
          font-size: 12px;
          line-height: 1.5;
          margin-right: 3px; }

#testimonial-slideid .owl-nav {
  text-align: right; }
  #testimonial-slideid .owl-nav .owl-prev,
  #testimonial-slideid .owl-nav .owl-next {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: inline-block;
    border: 1px solid #dddddd;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
    #testimonial-slideid .owl-nav .owl-prev:hover,
    #testimonial-slideid .owl-nav .owl-next:hover {
      color: #fff;
      background-color: #009FA8;
      border: 1px solid #009FA8; }

.about-page-testimonial {
  padding: 195px 0px 250px; }

/*---------------------------------------------------- */
/*blog area*/
/*----------------------------------------------------*/
.blog-section {
  padding: 110px 0px 110px; }
  .blog-section .background_overlay {
    background-color: rgba(245, 245, 245, 0.95); }
  .blog-section .blog-left-content .blog-text-details p {
    color: #555555; }
  .blog-section .blog-left-content .blog-text-details .b-read-more-btn {
    height: 60px;
    width: 190px;
    line-height: 60px;
    margin-top: 38px;
    border-radius: 2px;
    background-color: #009FA8; }
    .blog-section .blog-left-content .blog-text-details .b-read-more-btn:before {
      background-color: #009FA8; }
    .blog-section .blog-left-content .blog-text-details .b-read-more-btn a {
      color: #fff;
      width: 100%;
      display: block;
      font-weight: 700; }
      .blog-section .blog-left-content .blog-text-details .b-read-more-btn a i {
        margin-left: 5px; }
  .blog-section .blog-post-content {
    margin-left: 50px; }
    .blog-section .blog-post-content .blog-post-pic {
      position: relative;
      overflow: hidden; }
      .blog-section .blog-post-content .blog-post-pic .blog-linker {
        top: 60%; }
      .blog-section .blog-post-content .blog-post-pic img {
        -webkit-transition: .5s all ease-in-out;
        -o-transition: .5s all ease-in-out;
        transition: .5s all ease-in-out; }
    .blog-section .blog-post-content .blog-post-item {
      width: 50%;
      float: left;
      position: relative; }
      .blog-section .blog-post-content .blog-post-item h3 {
        font-size: 22px;
        color: #222222;
        line-height: 1.455;
        font-weight: 700; }
      .blog-section .blog-post-content .blog-post-item .blog-post-text {
        padding: 30px 40px;
        background-color: #fff;
        -webkit-box-shadow: 0px 9px 40px 0px rgba(193, 193, 193, 0.5);
        box-shadow: 0px 9px 40px 0px rgba(193, 193, 193, 0.5); }
      .blog-section .blog-post-content .blog-post-item .blog-meta a {
        color: #555555;
        font-size: 14px;
        margin-right: 12px; }
        .blog-section .blog-post-content .blog-post-item .blog-meta a i {
          margin-right: 8px;
          color: #cccccc; }
      .blog-section .blog-post-content .blog-post-item .blog-more {
        padding-top: 20px;
        margin-top: 20px;
        border-top: 1px solid #eeeeee; }
        .blog-section .blog-post-content .blog-post-item .blog-more a {
          font-weight: 700;
          color: #009FA8; }
      .blog-section .blog-post-content .blog-post-item:nth-child(2) {
        z-index: 2;
        position: relative; }
      .blog-section .blog-post-content .blog-post-item:hover .blog-post-pic:after {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        visibility: visible; }
      .blog-section .blog-post-content .blog-post-item:hover .blog-post-pic img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
      .blog-section .blog-post-content .blog-post-item:hover .blog-linker:before {
        height: 55px; }
      .blog-section .blog-post-content .blog-post-item:hover .blog-linker:after {
        width: 55px; }

.blog-page-area-section {
  padding: 60px 0px 60px; }
  .blog-page-area-section .blog-post-thumbnile-text {
    margin-bottom: 72px; }
    .blog-page-area-section .blog-post-thumbnile-text .blog-post-thumb-img {
      margin-bottom: 22px; }
      .blog-page-area-section .blog-post-thumbnile-text .blog-post-thumb-img .blog-category {
        left: 25px;
        bottom: 25px;
        position: absolute; }
        .blog-page-area-section .blog-post-thumbnile-text .blog-post-thumb-img .blog-category a {
          color: #fff;
          font-size: 14px;
          font-weight: 700;
          padding: 10px 15px;
          display: inline-block;
          background-color: #009FA8; }
    .blog-page-area-section .blog-post-thumbnile-text .blog-post-meta {
      padding-bottom: 22px;
      border-bottom: 1px solid #dddddd; }
      .blog-page-area-section .blog-post-thumbnile-text .blog-post-meta a {
        font-size: 14px;
        padding-right: 35px;
        position: relative; }
        .blog-page-area-section .blog-post-thumbnile-text .blog-post-meta a:after {
          top: -5px;
          width: 1px;
          right: 15px;
          content: '';
          height: 30px;
          position: absolute;
          background-color: #dddddd; }
        .blog-page-area-section .blog-post-thumbnile-text .blog-post-meta a:last-child:after {
          display: none; }
        .blog-page-area-section .blog-post-thumbnile-text .blog-post-meta a i {
          color: #009FA8;
          margin-right: 8px; }
    .blog-page-area-section .blog-post-thumbnile-text .blog-post-text {
      margin-top: 35px;
      max-width: 725px; }
      .blog-page-area-section .blog-post-thumbnile-text .blog-post-text h3 {
        color: #222222;
        font-size: 36px;
        font-weight: 700;
        padding-bottom: 18px; }
      .blog-page-area-section .blog-post-thumbnile-text .blog-post-text p {
        color: #555555; }
      .blog-page-area-section .blog-post-thumbnile-text .blog-post-text .excerpt-more {
        margin-top: 20px; }
        .blog-page-area-section .blog-post-thumbnile-text .blog-post-text .excerpt-more a {
          color: #004168;
          font-size: 14px;
          font-weight: 700;
          text-transform: uppercase;
          text-decoration: underline; }
          .blog-page-area-section .blog-post-thumbnile-text .blog-post-text .excerpt-more a img {
            margin-left: 8px; }
    .blog-page-area-section .blog-post-thumbnile-text .blog-featured-post {
      background-color: #193647;
      padding: 60px 50px; }
      .blog-page-area-section .blog-post-thumbnile-text .blog-featured-post .post-featured-link-icon {
        margin-right: 30px; }
        .blog-page-area-section .blog-post-thumbnile-text .blog-featured-post .post-featured-link-icon i {
          color: #fff;
          font-size: 60px; }
      .blog-page-area-section .blog-post-thumbnile-text .blog-featured-post .blog-post-meta {
        border-bottom: none;
        padding-bottom: 0; }
        .blog-page-area-section .blog-post-thumbnile-text .blog-featured-post .blog-post-meta a {
          color: #fff; }
      .blog-page-area-section .blog-post-thumbnile-text .blog-featured-post .post-featured-link a {
        font-size: 36px;
        font-weight: 700;
        color: #009FA8; }
  .blog-page-area-section .post-no-image .blog-post-thumb-img .blog-category {
    position: static; }

.el-blog-pegination{ margin-top:30px;}
.el-blog-pegination li a {
  width: 45px;
  height: 45px;
  display: block;
  margin: 0px 5px;
  line-height: 45px;
  border-radius: 2px;
  border: 2px solid #dddddd; }
  .el-blog-pegination li a:hover {
    border: 2px solid #009FA8; }

.el-blog-pegination li:first-child a, .el-blog-pegination li:last-child a {
  border: none;
  text-decoration: underline; }
  .el-blog-pegination li:first-child a:hover, .el-blog-pegination li:last-child a:hover {
    color: #009FA8; }

.blog-sidebar {
  margin-left: 20px; }

.blog-sidebar-widget {
  padding: 35px;
  border-radius: 2px;
  margin-bottom: 44px;
  border: 2px solid #edf1f4; }
  .blog-sidebar-widget .widget-title {
    color: #222;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 20px; }
  .blog-sidebar-widget .search-widget form {
    position: relative; }
    .blog-sidebar-widget .search-widget form input {
      width: 100%;
      padding-bottom: 10px;
      border-bottom: 1px solid #dddddd; }
      .blog-sidebar-widget .search-widget form input::-webkit-input-placeholder {
        color: #555555;
        font-style: italic; }
      .blog-sidebar-widget .search-widget form input:-ms-input-placeholder {
        color: #555555;
        font-style: italic; }
      .blog-sidebar-widget .search-widget form input::-ms-input-placeholder {
        color: #555555;
        font-style: italic; }
      .blog-sidebar-widget .search-widget form input::placeholder {
        color: #555555;
        font-style: italic; }
    .blog-sidebar-widget .search-widget form button {
      top: 0;
      right: 0;
      font-size: 18px;
      position: absolute; }
  .blog-sidebar-widget .recent-post-widget .widget-title {
    padding-bottom: 32px; }
  .blog-sidebar-widget .recent-post-widget .blog-img-content {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd; }
    .blog-sidebar-widget .recent-post-widget .blog-img-content .blog-img {
      height: 70px;
      width: 70px;
      margin-right: 20px; }
    .blog-sidebar-widget .recent-post-widget .blog-img-content .blog-text h3 {
      color: #222;
      font-size: 18px;
      font-weight: 600; }
    .blog-sidebar-widget .recent-post-widget .blog-img-content .blog-text span {
      color: #555555;
      font-size: 12px;
      line-height: 1; }
    .blog-sidebar-widget .recent-post-widget .blog-img-content:last-child {
      border: none;
      margin-bottom: 0;
      padding-bottom: 0; }
  .blog-sidebar-widget .popular-tag-widget .widget-title {
    padding-bottom: 28px; }
  .blog-sidebar-widget .popular-tag-widget li a {
    font-size: 13px;
    font-weight: 700;
    border-radius: 2px;
    padding: 12px 20px;
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 2px;
    border: 1px solid #dddddd; }
    .blog-sidebar-widget .popular-tag-widget li a:hover {
      color: #fff;
      background-color: #009FA8;
      border: 1px solid #009FA8; }
  .blog-sidebar-widget .project-gallery-widget {
    margin: 0px -5px; }
    .blog-sidebar-widget .project-gallery-widget li {
      width: 80px;
      float: left;
      height: 80px;
      margin: 5px;
      overflow: hidden;
      border-radius: 2px; }

.blog-details-text-content h2 {
  font-size: 36px;
  font-weight: 700;
  color: #222222; }

.blog-details-text-content .blog-category-tag {
  display: inline-block; }
  .blog-details-text-content .blog-category-tag a {
    font-size: 13px;
    font-weight: 700;
    border-radius: 2px;
    padding: 10px 20px;
    border: 1px solid #dddddd; }
    .blog-details-text-content .blog-category-tag a:hover {
      color: #fff;
      background-color: #009FA8;
      border: 1px solid #009FA8; }

.blog-details-text-content .blog-share {
  display: inline-block; }
  .blog-details-text-content .blog-share i {
    color: #009FA8; }
  .blog-details-text-content .blog-share span {
    font-weight: 700; }

.blog-comment-area h3 {
  font-size: 30px;
  font-weight: 700;
  color: #000000; }

.blog-comment-area .comment-img-text .comment-img {
  width: 92px;
  float: left;
  height: 92px;
  overflow: hidden;
  border-radius: 100%;
  margin-right: 25px; }

.blog-comment-area .comment-img-text .comment-text {
  overflow: hidden; }
  .blog-comment-area .comment-img-text .comment-text h4 {
    font-size: 18px;
    color: #222222;
    font-weight: 700;
    display: inline-block; }
  .blog-comment-area .comment-img-text .comment-text span {
    color: #555555;
    font-size: 13px;
    font-weight: 600;
    margin-left: 15px; }

.blog-details-content .blog-post-thumbnile-text {
  margin-bottom: 45px; }

.blog-details-content article {
  margin-top: 25px; }

.blog-details-content blockquote {
  margin: 40px 0px;
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
  padding: 50px 70px 50px 50px;
  background-color: #edf1f4;
  border-left: 5px solid #009FA8; }
  .blog-details-content blockquote span {
    display: block;
    text-transform: uppercase;
    color: #009FA8;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    text-decoration: underline; }

.blog-details-content h3 {
  font-size: 36px;
  font-weight: 600;
  color: #222222; }

.blog-details-content .blog-single-img {
  margin-top: 40px; }

.blog-details-content .blog-share-category {
  margin: 45px 0px 70px;
  padding-bottom: 45px;
  border-bottom: 1px solid #dddddd; }

.blog-details-content .blog-comment-area h3 {
  color: #222222;
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 10px; }

.blog-details-content .blog-comment-area .comment-list {
  margin-top: 30px; }
  .blog-details-content .blog-comment-area .comment-list .comment-img-text {
    margin-bottom: 40px; }
  .blog-details-content .blog-comment-area .comment-list .reply-comment {
    font-size: 14px;
    font-weight: 700;
    color: #009FA8;
    text-transform: uppercase;
    text-decoration: underline; }

.blog-details-content .blog-comment-area p {
  color: #999999;
  font-style: italic; }

.blog-details-content .blog-comment-area .comment-form {
  margin-top: 40px; }
  .xlzz{  height: 52px;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 20px;
    border: 1px solid #dddddd; }
  .blog-details-content .blog-comment-area .comment-form input, .blog-details-content .blog-comment-area .comment-form textarea {
    height: 52px;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 20px;
    border: 1px solid #dddddd; }
  .blog-details-content .blog-comment-area .comment-form textarea {
    height: 130px;
    padding-top: 20px; }
  .blog-details-content .blog-comment-area .comment-form .sub-button button {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px 25px;
    background-color: #009FA8; }

.blog-video-area {
  left: 0;
  top: 50%;
  right: 0;
  text-align: center;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  .blog-video-area i {
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
    border-radius: 100%;
    background-color: #222;
    font-size: 95px;
    color: #fff; }

/*---------------------------------------------------- */
/*Newslatter area*/
/*----------------------------------------------------*/
.newslatter-section {
  top: -100px;
  position: relative; }
  .newslatter-section .newslatter-content {
    padding: 35px 0px;
    background-color: #eda213; }
    .newslatter-section .newslatter-content .newslatter-icon {
      background-color: #ca8a10; }
      .newslatter-section .newslatter-content .newslatter-icon i {
        color: #fff; }
    .newslatter-section .newslatter-content .newslatter-text {
      margin-top: 25px; }
      .newslatter-section .newslatter-content .newslatter-text h2 {
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 1px; }
    .newslatter-section .newslatter-content .newslatter-form {
      height: 60px;
      margin: 15px 30px 0px 0px; }
      .newslatter-section .newslatter-content .newslatter-form input {
        width: 100%;
        height: 60px;
        border-radius: 3px;
        padding-left: 30px;
        background-color: #fff; }
      .newslatter-section .newslatter-content .newslatter-form .nws-button {
        top: 0;
        right: 0;
        height: 100%; }
        .newslatter-section .newslatter-content .newslatter-form .nws-button button {
          width: 190px;
          height: 100%;
          font-size: 16px;
          color: #fff;
          font-weight: 700;
          letter-spacing: 1px;
          border: 2px solid #fff;
          text-transform: uppercase;
          background-color: #eda213; }

/*---------------------------------------------------- */
/*driven area*/
/*----------------------------------------------------*/
.driven-solution-section {
  padding: 70px 0px 70px; }
  .driven-solution-section:before {
    content: '';
    width: 100%;
    height: 450px;
    position: absolute;
    z-index: -1;
    opacity: .9;
    background-color: rgba(245, 245, 245, 0.95);
    top: 0; }
  .driven-solution-section:after {
    content: '';
    position: absolute;
    top: 0;
    height: 450px;
    width: 100%;
    z-index: -2; }
  .driven-solution-section .section-title-left {
    padding-bottom: 40px; }
  .driven-solution-section .features-content .features-icon-text {
    -webkit-box-shadow: 0px 5px 50.05px 4.95px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 50.05px 4.95px rgba(0, 0, 0, 0.1);
    margin-bottom: 0; }
    .driven-solution-section .features-content .features-icon-text .features-hover-content .features-hover-text .fh-more a {
      font-size: 14px;
      font-weight: 300; }
      .driven-solution-section .features-content .features-icon-text .features-hover-content .features-hover-text .fh-more a i {
        margin-left: 5px;
        font-size: 22px; }
    .driven-solution-section .features-content .features-icon-text .features-icon svg {
      fill: #009FA8; }
    .driven-solution-section .features-content .features-icon-text:hover {
      padding-bottom: 50px; }
  .driven-solution-section .driven-text-content {
    padding-bottom: 70px;
    border-bottom: 1px solid #eeeeee; }
  .driven-solution-section .driven-text {
    margin: 0 auto;
    max-width: 830px;
    padding-top: 50px; }
    .driven-solution-section .driven-text p {
      font-weight: 600;
      color: #555555;
      font-size: 18px; }
    .driven-solution-section .driven-text .about-btn {
      display: inline-block;
      margin-top: 40px; }
      .driven-solution-section .driven-text .about-btn .play-btn-icon {
        margin-right: 20px;
        position: relative;
        z-index: 1; }
        .driven-solution-section .driven-text .about-btn .play-btn-icon:before {
          top: -5px;
          left: -5px;
          width: 50px;
          content: '';
          z-index: -1;
          height: 50px;
          position: absolute;
          border-radius: 100%;
          background-color: #c7f1f5; }
        .driven-solution-section .driven-text .about-btn .play-btn-icon:after {
          content: '';
          top: -10px;
          left: -10px;
          width: 60px;
          height: 60px;
          z-index: -2;
          position: absolute;
          border-radius: 100%;
          background-color: #e7f9fb; }
        .driven-solution-section .driven-text .about-btn .play-btn-icon i {
          margin-right: 0; }
      .driven-solution-section .driven-text .about-btn a {
        position: relative; }
        .driven-solution-section .driven-text .about-btn a span {
          font-size: 18px;
          text-transform: capitalize;
          margin-top: 0; }

.service-page-driven {
  padding-bottom: 75px; }

/*---------------------------------------------------- */
/*info area*/
/*----------------------------------------------------*/
.eltron-info-section {
  overflow: visible; }
  .eltron-info-section .info-content {
    bottom: -90px;
    max-width: 770px;
    position: relative;
    display: inline-block;
    padding: 60px 100px 70px;
    z-index: 1; }
    .eltron-info-section .info-content .section-title-left span {
      color: #fff; }
    .eltron-info-section .info-content .section-title-left h2 {
      color: #fff; }
    .eltron-info-section .info-content:before {
      top: 0;
      left: 0;
      width: 100%;
      z-index: -1;
      content: '';
      height: 100%;
      opacity: .95;
      position: absolute;
      background-color: #051925; }
    .eltron-info-section .info-content:after {
      top: 0;
      left: 0;
      content: '';
      width: 100%;
      z-index: -2;
      height: 100%;
      position: absolute;
      background-image: url(../img/background/d-shape.png); }
  .eltron-info-section .eltron-info-text span {
    color: #fff;
    display: block;
    font-size: 24px;
    font-style: italic;
    margin-bottom: 50px; }
  .eltron-info-section .eltron-info-icon-text {
    width: 50%;
    float: left; }
    .eltron-info-section .eltron-info-icon-text .eltron-info-icon {
      width: 80px;
      height: 80px;
      position: relative;
      border-radius: 100%;
      background-color: #fff;
      margin: 0px 0px 30px 10px; }
      .eltron-info-section .eltron-info-icon-text .eltron-info-icon svg {
        height: 75px;
        fill: #009FA8; }
    .eltron-info-section .eltron-info-icon-text .eltron-info-text-details h3 {
      color: #fff;
      font-size: 18px;
      font-weight: 600;
      padding-bottom: 8px; }
    .eltron-info-section .eltron-info-icon-text .eltron-info-text-details p {
      color: #b6d0df; }

/*---------------------------------------------------- */
/*Team area*/
/*----------------------------------------------------*/
.eltron-team-section {
  padding: 110px 0px 170px; }
  .eltron-team-section .section-title-left {
    padding-bottom: 30px; }

.team-member-box{ margin-top:30px;}
.team-member-box .team-text {
padding:15px;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  position: relative;
  -webkit-box-shadow: 0px 2px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1); }
  .team-member-box .team-text h3 {
    color: #222;
    font-size: 22px;
	padding-top:20px; padding-bottom:20px;
    margin-bottom: 5px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; 
	}
  .team-member-box .team-text p {
    color: #666;
    font-size: 16px;
    font-weight: 300;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
  .team-member-box .team-text .team-social {
    position: absolute;
    bottom: -25px;
    padding-bottom: 35px;
    opacity: 0;
    left: 0;
    right: 0;
    background-color: #009FA8;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
    .team-member-box .team-text .team-social a {
      width: 35px;
      color: #fff;
      height: 35px;
      line-height: 35px;
      border-radius: 100%;
      display: inline-block; }
      .team-member-box .team-text .team-social a:hover {
        background-color: #009FA8; }

.team-member-box:hover .team-social {
  opacity: 1;
  bottom: -55px; }

.team-member-box:hover .team-text {
  background-color: #009FA8; }
  .team-member-box:hover .team-text h3 {
    color: #fff; }
  .team-member-box:hover .team-text p {
    color: #fff; }

.about-page-team {
  padding: 0px 0px 70px; }

/*---------------------------------------------------- */
/*breadcurmb area*/
/*----------------------------------------------------*/
.breadcrumb-section {
  padding:170px 0px;
  position: relative;
  z-index: 1; }
  .breadcrumb-section .background_overlay {
/*    background-color: rgba(0, 0, 0, 0.4);*/
    z-index: -1; }
  .breadcrumb-section .breadcrumb-content {
    padding-left: 45px; }
  .breadcrumb-section .breadcrumb-title {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    position: relative;
    padding-bottom: 10px; }
    .breadcrumb-section .breadcrumb-title:before {
      top: 25px;
      content: '';
      left: -45px;
      width: 24px;
      height: 20px;
      position: absolute; }
  .breadcrumb-section .breadcrumb-item + .breadcrumb-item::before {
    content: '';
    width: 26px;
    height: 10px;
    left: -40px;
    position: absolute;
    bottom: 8px;
    background-image: url(../img/arrow3.png); }
  .breadcrumb-section .breadcrumb {
    background-color: transparent; }
    .breadcrumb-section .breadcrumb li {
      color: #fff;
      position: relative;
      padding-right: 50px; }

/*---------------------------------------------------- */
/*breadcurmb area*/
/*----------------------------------------------------*/
#googleMaps {
  height: 555px; }

.contact-page-section {
  padding: 100px 0px 160px; }
  .contact-page-section .contact-form-text {
    max-width: 500px; }
    .contact-page-section .contact-form-text h3 {
      color: #222222;
      font-size: 36px;
      font-weight: 700;
      line-height: 1.333;
      padding-bottom: 25px; }
    .contact-page-section .contact-form-text p {
      color: #555555; }
    .contact-page-section .contact-form-text .el-contact-info {
      margin-top: 40px; }
      .contact-page-section .contact-form-text .el-contact-info .contact-address {
        max-width: 500px;
        margin-bottom: 25px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dddddd; }
        .contact-page-section .contact-form-text .el-contact-info .contact-address .contact-icon {
          float: left;
          line-height: 1;
          font-size: 42px;
          color: #009FA8;
          margin-right: 30px; }
        .contact-page-section .contact-form-text .el-contact-info .contact-address .contact-text h4 {
          font-size: 22px;
          color: #000000;
          font-weight: 600;
          padding-bottom: 15px; }
        .contact-page-section .contact-form-text .el-contact-info .contact-address .contact-text p {
          color: #222222;
          overflow: hidden;
          max-width: 300px;
          font-size: 18px; }
          .contact-page-section .contact-form-text .el-contact-info .contact-address .contact-text p strong {
            font-size: 24px;
            line-height: 1; }
        .contact-page-section .contact-form-text .el-contact-info .contact-address:last-child {
          border-bottom: none; }
  .contact-page-section .el-contact-form {
    -webkit-box-shadow: 0px 9px 40px 0px rgba(193, 193, 193, 0.5);
    box-shadow: 0px 9px 40px 0px rgba(193, 193, 193, 0.5);
    padding: 50px 30px; }
    .contact-page-section .el-contact-form h3 {
      color: #222222;
      font-size: 36px;
      font-weight: 700;
      line-height: 1.333;
      padding-bottom: 30px; }
    .contact-page-section .el-contact-form .contact-form-area input, .contact-page-section .el-contact-form .contact-form-area textarea {
      height: 55px;
      width: 100%;
      padding-left: 30px;
      margin-bottom: 20px;
      border: 1px solid #e4e6e9; }
    .contact-page-section .el-contact-form .contact-form-area textarea {
      height: 128px;
      padding-top: 20px; }
    .contact-page-section .el-contact-form .contact-form-area .sub-button button {
      text-transform: uppercase;
      background-color: #009FA8;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      height: 60px;
      width: 215px; }

/*---------------------------------------------------- */
/*footer area*/
/*----------------------------------------------------*/
.footer-section {
  overflow: visible;
  background-color: #0d1c25; }

.footer-contact-info {
  padding-bottom: 35px;
 }
  .footer-contact-info .footer-icon-text-contact-info {
    margin-left: 60px;
    position: relative; }
    .footer-contact-info .footer-icon-text-contact-info:after {
      left: -35px;
      top: 0;
      width: 1px;
      content: '';
      height: 70px;
      position: absolute;
      background-color: #37434b; }
  .footer-contact-info .col-lg-3:nth-child(1) .footer-icon-text-contact-info {
    margin-left: 0; }
    .footer-contact-info .col-lg-3:nth-child(1) .footer-icon-text-contact-info:after {
      display: none; }
  .footer-contact-info .col-lg-3:nth-child(2) .footer-icon-text-contact-info:after {
    left: -55px; }
  .footer-contact-info .footer-icon-text-contact-info p {
    color: #999999;
    font-size: 16px; }
    .footer-contact-info .footer-icon-text-contact-info p i {
      color: #009FA8;
      margin-right: 10px; }
  .footer-contact-info .footer-icon-text-contact-info h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding-top: 5px;
    padding-left: 25px; }

.footer-widget-area {
  padding-bottom: 45px; }
  .footer-widget-area .col-lg-3:nth-child(2) .footer-widget-item {
    margin-left: 55px; }
  .footer-widget-area .col-lg-3:nth-child(3) .footer-widget-item {
    margin-left: 25px; }

.footer-widget-item .el-widget-title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px; }

.footer-widget-item .footer-logo-widget .footer-logo {
  margin-bottom: 20px;
  display: inline-block; }

.footer-widget-item .footer-logo-widget p {
  padding-bottom: 30px;
  color: #999999; }

.footer-widget-item .footer-logo-widget .footer-social a {
  width: 32px;
  height: 32px;
  color: #556066;
  line-height: 32px;
  text-align: center;
  border-radius: 100%;
  display: inline-block;
  margin-right: 5px;
  background-color: #2a3840; }
  .footer-widget-item .footer-logo-widget .footer-social a:hover {
    background-color: #009FA8;
    color: #fff; }

.footer-widget-item .footer-menu-widget .el-widget-title {
  margin-bottom: 25px; }

.footer-widget-item .footer-menu-widget li {
  margin-bottom: 5px; }
  .footer-widget-item .footer-menu-widget li a {
    color: #999999; }
    .footer-widget-item .footer-menu-widget li a:hover {
      color: #009FA8; }

.footer-widget-item .footer-location-widget .el-widget-title {
  margin-bottom: 25px; }

.footer-widget-item .footer-location-widget .loaction-select:after {
  content: "\e604";
  position: absolute;
  right: 13px;
  top: 13px;
  color: #000;
  font-family: 'simple-line-icons'; }

.footer-widget-item .footer-location-widget select {
  height: 55px;
  width: 100%;
  line-height: 55px;
  padding-left: 15px;
  -webkit-appearance: none;
  position: relative; }

.footer-widget-item .footer-map {
  height: 170px;
  margin-top: 10px; }

.footer-copyright-text {
  border-top: 1px solid #37434b;
  padding: 35px 0px 25px; }
  .footer-copyright-text p {
    color: #999999;
    display: inline-block;
    margin-right: 5px; }
    .footer-copyright-text p a {
      color: #fff; }
  .footer-copyright-text .copyright-menu {
    display: inline-block; }
    .footer-copyright-text .copyright-menu a {
      margin-right: 20px;
      text-decoration: underline;
      position: relative;
      color: #999999; }
      .footer-copyright-text .copyright-menu a:after {
        right: -12px;
        height: 13px;
        background-color: #2a3840; }

/*---------------------------------------------------- */
/*footer area*/
/*----------------------------------------------------*/
.el-mobile_menu_content {
  top: 0px;
  bottom: 0;
  right: -350px;
  height: 100vh;
  z-index: 101;
  position: fixed;
  width: 280px;
  overflow-y: scroll;
  background-color: #fff;
  padding: 70px 0px 40px;
  -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  -webkit-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }
  .el-mobile_menu_content .el-mobile-main-navigation {
    width: 100%; }
    .el-mobile_menu_content .el-mobile-main-navigation .navbar-nav {
      width: 100%; }
  .el-mobile_menu_content .navbar-nav .dropdown-menu {
    position: static !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important; }
  .el-mobile_menu_content .el-mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #dcdcdc; }
    .el-mobile_menu_content .el-mobile-main-navigation .navbar-nav li:first-child {
      border-top: 1px solid #dcdcdc; }
    .el-mobile_menu_content .el-mobile-main-navigation .navbar-nav li a {
      color: #000;
      padding: 0;
      width: 100%;
      display: block;
      font-size: 14px;
      font-weight: 400;
      padding: 5px 30px;
      text-transform: uppercase; }
  .el-mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 30px; }

.el-mobile_menu_wrap.mobile_menu_on .el-mobile_menu_content {
  right: 0px;
  -webkit-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out; }

.mobile_menu_overlay {
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  right: 0%;
  height: 120vh;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }

.mobile_menu_overlay_on {
  overflow: hidden; }

.el-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
  opacity: 1;
  visibility: visible; }

.el-mobile_menu_button {
  position: absolute;
  display: none;
  right: 20px;
  cursor: pointer;
  line-height: 40px;
  color: #009FA8;
  text-align: center;
  font-size: 30px;
  top: -60px;
  z-index: 5; }

.el-mobile_menu .el-mobile-main-navigation .navbar-nav li a:after {
  display: none; }

.el-mobile_menu .el-mobile-main-navigation .dropdown > .dropdown-menu {
  opacity: 1;
  visibility: visible; }

.el-mobile_menu .el-mobile_menu_content .el-mobile-main-navigation .navbar-nav .dropdown-menu {
  border: none;
  display: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 5px 0px;
  width: 100%;
  border-top: 1px solid #dcdcdc; }
  .el-mobile_menu .el-mobile_menu_content .el-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: none;
    padding: 0 20px;
    line-height: 1; }

.el-mobile_menu .dropdown {
  position: relative; }
  .el-mobile_menu .dropdown .dropdown-btn {
    position: absolute;
    top: 0px;
    right: 0;
    height: 35px;
    padding: 5px 10px; }
    .el-mobile_menu .dropdown .dropdown-btn:before {
      content: '';
      position: absolute;
      height: 100%;
      width: 1px;
      top: 0;
      left: 0;
      background-color: #dcdcdc; }

.el-mobile_menu .el-mobile_menu_close {
  color: #d60606;
  cursor: pointer;
  top: 15px;
  left: 15px;
  font-size: 20px;
  position: absolute; }

.mobile-contact-info {
  margin: 30px 0px 10px; }
  .mobile-contact-info li {
    color: #222; }
    .mobile-contact-info li i {
      color: #009FA8;
      margin-right: 5px; }

.mobile-follow {
  margin-bottom: 30px; }
  .mobile-follow span {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    display: block;
    margin-bottom: 10px; }
  .mobile-follow li {
    width: 30px;
    color: #fff;
    height: 30px;
    text-align: center;
    border-radius: 100%;
    background-color: #009FA8; }

.mobile-consult-btn {
  color: #fff;
  height: 40px;
  width: 150px;
  margin: 0 auto;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  background-color: #009FA8; }

.mobile-search {
  padding: 20px;
  margin-bottom: 25px; }
  .mobile-search .form-item input {
    width: 100%;
    height: 50px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0px 20px;
    padding-right: 50px;
    border: 1px solid #009FA8;
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .mobile-search button {
    top: 50%;
    right: 0px;
    z-index: 1;
    right: 10px;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    color: #808080;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: none; }

/*---------------------------------------------------- */
/*footer area*/
/*----------------------------------------------------*/
/* ==================================================
*	01 - media screen and (max-width: 1440px)
*	02 - media screen and (max-width: 1280px)
*	03 - media screen and (max-width: 1199px)
*	04 - media screen and (max-width: 991px)
*	05 - media screen and (max-width: 767px)
*	06 - media screen and (max-width: 680px)
*	07 - media screen and (max-width: 580px)
*	08 - media screen and (max-width: 480px)
*	09 - media screen and (max-width: 380px)
*	10 - media screen and (max-width: 320px)
================================================== */
@media screen and (max-width: 1440px) {
  .header_style_two .site-main-menu {
    padding-left: 20px; }
  .header_style_two .header_top {
    padding-left: 20px; }
  .site-main-menu .brand-logo {
    margin-right: 75px; }
  .site-main-menu .main_navigation li {
    margin-left: 30px; }
  #slider-eltron .owl-prev,
  #slider-eltron .owl-next {
    left: 15px; }
  #slider-eltron .owl-next {
    right: 15px;
    left: auto; }
  .consaltation-section:before {
    width: 100px; } }

@media screen and (max-width: 1140px) {
  .site-main-menu .brand-logo {
    margin-right: 65px; }
  .about-section .about-img .abt-img-set {
    margin: 0px 5px 10px; }
  .advantage-section .advantage-img-text .advantage-text {
    padding: 15px 15px; }
  .consaltation-section:before {
    display: none; }
  .project-section .project-filter-btn button {
    padding-left: 25px; }
  .project-section .grid-item {
    padding: 5px; }
  .header_style_two .site-main-menu .site-search-btn .top_info_social {
    display: none; } }

@media screen and (max-width: 1024px) {
  .site-main-menu .brand-logo {
    margin-right: 20px; }
  .site-main-menu .main_navigation li {
    margin-left: 20px; }
  .service-content .service-pic-text .service-text h3 {
    font-size: 24px; }
  .expertise-indicator-icon {
    right: -65px; }
  .header_style_two .header-qoute-btn {
    display: none; }
  .header_style_two .el-search {
    top: 10px; }
  .feature-style-two .features-call-action:before {
    display: none; }
  .about-counter .about-counter-text-number .counter-number h4 {
    font-size: 40px; }
  .footer-contact-info .footer-icon-text-contact-info:after {
    display: none; } }

@media screen and (max-width: 991px) {
  .header_top {
    display: none; }
  .slider-style-one .main-slider-img-text .slider-content-box {
    text-align: center;
    max-width: 500px;
    margin: 0 auto; }
  .slider-style-one .main-slider-img-text .slider-content-box h1 {
    font-size: 48px; }
  #slider-eltron .owl-prev,
  #slider-eltron .owl-next {
    font-size: 20px;
    left: 20px; }
  #slider-eltron .owl-next {
    right: 20px;
    left: auto; }
  .site-main-menu .navbar-nav {
    display: none; }
  .site-search-btn {
    display: none; }
  .site-info-icon-text {
    width: inherit; }
  .el-mobile_menu_button {
    display: block; }
  .site-main-menu {
    padding: 15px 0px 15px; }
  .main_header.header_style_one.stickymenu-on {
    top: 0; }
  .site-info-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .about-section .about-img {
    margin-top: 30px; }
  .features-icon-text {
    margin-bottom: 45px; }
  .service-content .service-pic-text {
    width: 50%; }
  .advantage-img-text {
    max-width: 265px;
    margin-bottom: 40px; }
  .consaltation-section .consaltation-content .consalt-btn {
    float: none; }
  .project-section .project-filter-btn {
    padding-top: 20px; }
  .ex-carousel {
    position: static;
    width: 100%; }
  .expertise-indicator-icon {
    position: static; }
  .expertise-indicator-icon .expertise-icon-item {
    float: left;
    margin: 30px 30px 30px 0px; }
  .testimonial-section .testimonial-part {
    width: 100%; }
  .testimonial-section .testimonial-content {
    display: inherit; }
  .testimonial-section .testimonial-text-slide {
    max-width: 555px;
    margin-top: 40px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .blog-section .blog-post-content {
    margin-left: 0;
    margin-top: 40px; }
  .newslatter-section .newslatter-content .newslatter-form {
    margin: 15px 10px 0px 10px; }
  .footer-contact-info .footer-icon-text-contact-info {
    margin-left: 0;
    margin-bottom: 30px; }
  .footer-widget-item {
    margin-bottom: 20px; }
  .footer-widget-area .col-lg-3:nth-child(2) .footer-widget-item {
    margin-left: 0; }
  .footer-widget-area .col-lg-3:nth-child(3) .footer-widget-item {
    margin-left: 0; }
  .feature-style-two .features-call-action .feature-call-content {
    padding-left: 30px; }
  .driven-solution-section .features-content .features-icon-text {
    margin-bottom: 30px; }
  .team-member-box {
    max-width: 265px;
    margin: 0 auto;
    margin-bottom: 40px; }
  .blog-page-area-section {
    padding: 50px 0px; }
  .blog-sidebar {
    margin: 40px 0 120px; }
  .service-sidebar {
    margin-bottom: 40px; }
  .ex-carousel img {
    height: auto; } }

@media screen and (max-width: 767px) {
  .slider-style-one .main-slider-img-text .slider-content-box {
    padding: 130px 0px 150px 0px; }
  .site-info-content {
    top: 0;
    margin-bottom: 40px; }
  .section-title-left h2 {
    font-size: 36px; }
  .advantage-img-text {
    margin: 0 auto;
    margin-bottom: 10px; }
	 }

@media screen and (max-width: 680px) {
  .slider-style-one .main-slider-img-text .slider-content-box h1 {
    font-size: 36px; }
  .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(1),
  .slider-style-one .slide-type-two .slider-content-box .slide-btn-1 a:nth-child(2) {
    height: 40px;
    width: 150px;
    line-height: 40px; }
    .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(1) i,
    .slider-style-one .slide-type-two .slider-content-box .slide-btn-1 a:nth-child(2) i {
      display: none !important; }
  .slider-style-one .main-slider-img-text .slider-content-box p {
    font-size: 18px; }
  .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(2) {
    font-size: 16px; }
  .blog-section .blog-post-content .blog-post-item {
    width: 100%;
    max-width: 350px;
    margin-bottom: 30px; }
  .service-details-img-pair img {
    margin-bottom: 30px; }
  .service-details-section .service-single-content h3 {
    font-size: 30px; }
  .service-details-section .service-single-content .service-single-icon-text .site-info-icon-text {
    width: 100%; }
  .blog-details-page .blog-single-img img {
    margin-bottom: 30px; }
  .blog-details-page h3 {
    font-size: 24px; }
  .blog-details-text-content h2 {
    font-size: 30px; }
  .blog-details-text-content .blog-share {
    float: none !important;
    margin-top: 20px; } }

@media screen and (max-width: 480px) {
  .site-info-icon-text {
    width: 100%; }
  .section-title-left h2 {
    font-size: 26px; }
  .section-title-middle h2 {
    font-size: 26px; }
  .features-icon-text {
    margin-bottom: 60px; }
  .about-section {
    padding-bottom: 50px; }
  .features-section {
    padding: 50px 0px; }
  .service-content .service-pic-text {
    width: 100%; }
  .advantage-section {
    padding: 50px 0px; }
  .consaltation-section .consaltation-content .consaltation-icon {
    display: none; }
  .mission-area {
    padding: 40px;
    top: 0; }
  .expertise-section {
    padding: 50px 0px; }
  .testimonial-section {
    padding-bottom: 50px; }
  .blog-section {
    padding: 50px 0px; }
  .newslatter-section {
    top: 0;
    margin-bottom: 30px; }
  .footer-contact-info {
    padding-bottom: 20px;
    margin-bottom: 40px; }
  .blog-section .blog-left-content .blog-text-details .b-read-more-btn {
    height: 40px;
    width: 150px;
    line-height: 40px; }
    .blog-section .blog-left-content .blog-text-details .b-read-more-btn img {
      display: none; }
  .project-section .grid-item-width {
    width: 100%;
    max-width: 100%; } }

@media screen and (max-width: 420px) {
  .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(2) {
    margin-left: 10px; }
  .project-section {
    padding: 50px 0px; }
  .mission-area .mission-text .section-title-left h2 {
    font-size: 26px; }
  .site-info-icon-text .site-info-text h3 {
    font-size: 20px; }
  .site-info-icon-text .site-info-icon svg {
    height: 55px; }
  .newslatter-section .newslatter-content .newslatter-form .nws-button button {
    width: 150px; }
    .newslatter-section .newslatter-content .newslatter-form .nws-button button img {
      display: none; }
  .driven-solution-section {
    padding: 50px 0px; }
  .about-counter .about-counter-text-number .counter-number h4 {
    font-size: 30px; }
  .about-counter .about-counter-text-number .counter-number strong {
    font-size: 24px; }
  .about-counter .about-counter-text-number .counter-icon {
    margin-right: 10px; }
  .feature-style-two .features-call-action .feature-call-content h3 {
    font-size: 22px; }
  .project-section .grid-item-width2 {
    width: 100%; }
  .feature-style-two .features-call-action {
    bottom: 0; }
  .eltron-info-section .info-content {
    bottom: 0; }
  .eltron-info-section .info-content {
    padding: 60px 30px; }
  .eltron-info-section .eltron-info-icon-text {
    width: 100%;
    margin-bottom: 30px; }
  .eltron-info-section .eltron-info-text span {
    font-size: 22px; }
  .eltron-team-section {
    padding: 50px 0px 0px; }
  .team-member-box {
    margin-bottom: 20px; }
  .driven-solution-section .driven-text-content {
    padding-bottom: 40px; }
  .blog-section .blog-post-content .blog-post-item h3 {
    font-size: 18px; }
  .breadcrumb-section {
    padding: 35px 0px; }
  .breadcrumb-section .breadcrumb-title {
    font-size: 40px; }
  .about-page-about {
    padding: 50px 0px;}
  .about-page-testimonial {
    padding-top: 50px; }
  .service-counter-section .service-counter-content .col-lg-3:nth-child(2) .about-counter-text-number {
    padding-left: 0; }
  .service-counter-section .service-counter-content .col-lg-3:nth-child(3) .about-counter-text-number {
    padding-left: 0; }
  .service-counter-section .service-counter-content .col-lg-3:nth-child(4) .about-counter-text-number {
    padding-left: 0; }
  .service-counter-section .about-counter .about-counter-text-number {
    margin-bottom: 30px; }
  .service-counter-section {
    padding-bottom: 40px; }
  .feature-style-two {
    padding: 50px 0px; }
  .partner-section {
    padding: 40px 0px 40px; }
  .blog-page-area-section .blog-post-thumbnile-text .blog-post-text h3 {
    font-size: 30px; }
  .blog-page-area-section .blog-post-thumbnile-text .blog-featured-post .post-featured-link a {
    font-size: 18px; }
  .blog-page-area-section .blog-post-thumbnile-text .blog-featured-post .post-featured-link-icon {
    display: none; }
  .blog-sidebar {
    margin-bottom: 40px; }
  .contact-page-section .contact-form-text h3 {
    font-size: 30px; }
  .contact-page-section .el-contact-form h3 {
    font-size: 30px; }
  .contact-page-section {
    padding: 50px 0px; }
  .breadcrumb-section .breadcrumb-title {
    font-size: 30px; }
  .breadcrumb-section .breadcrumb-title:before {
    top: 10px;
    content: '';
    left: -35px; }
  .service-details-section {
    padding: 50px 0px; }
  .service-sidebar-widget .service-cat-widget .widget-title {
    font-size: 20px; } }

@media screen and (max-width: 380px) {
  .slider-style-one .main-slider-img-text .slider-content-box h1 {
    font-size: 30px; }
  .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(2) {
    display: block;
    margin: 0 auto;
    margin-top: 30px; }
  .slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(2):after {
    display: none; }
  .section-title-middle h2 {
    font-size: 24px; }
  .newslatter-section .newslatter-content .newslatter-icon {
    display: none; }
  .newslatter-section .newslatter-content .newslatter-text {
    padding-left: 10px; }
  .newslatter-section .newslatter-content .newslatter-form .nws-button {
    position: static !important;
    margin: 10px 0px; }
  .newslatter-section .newslatter-content .newslatter-form {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 10px; }
  .about-counter .about-counter-text-number {
    width: 100%;
    margin-bottom: 40px; } }

@media screen and (max-width: 320px) {
  .driven-solution-section .driven-text .about-btn img {
    display: none; }
  .about-counter .about-counter-text-number .counter-number h4 {
    font-size: 24px; }
  .about-counter .about-counter-text-number .counter-icon img {
    height: 30px; }
  .section-title-left h2 {
    font-size: 20px; }
  .feature-style-two .features-call-action .feature-call-content a img {
    display: none; }
  .project-section .projecct-img:after, .blog-section .blog-post-content .blog-post-pic:after {
    display: none; } }

/*---------------------------------------------------- */




.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;	
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#ff0000;
	font-weight:500;	
}

.foott{ padding-top:25px;}
.footul{ width:16.6%; float:left;}
@media screen and (max-width: 780px)
{
.footul{ width:42%; float:left; margin:4%;}
.foott{ padding-top:25px;}
}

.chbt a{ color:#009FA8; padding-top:20px; display:block; font-size:16px; font-weight:bold;}


/* 必要布局样式css */


.change-box {
    padding-bottom: 70px;
}

.change-main {
    width: 100% !important;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}
 ul, li, blockquote, pre, button, fieldset, form{
    margin: 0;
    padding: 0;
}



.change-box .change-cut {
margin-bottom:50px; width:100%;
    /* width: 1551px; */
}

.transition {
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

.change-box .change-cut .tab {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    background-color: #F5F5F5;
    box-sizing: border-box;
    border-right: 1px solid #e5e5e5;
    /* border-left: none; */
    position: relative;
    cursor: default;
    width: 50%;
    float:left;
    /* margin-right: 0px; */
}

.flex-rows{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.change-box .change-cut ul{
    border: 1px solid #e5e5e5;
    margin-left: 0px; width:100%;
    /* width: 1200px; */
}

.contents{
    width:100%;
}

.change-box .change-cut .tab.on {
    background-color: #009FA8;
    color: #fff;
	font-weight:bold;
}

.change-box .change-cut .tab.on:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 11px solid;
    border-color: #009FA8 transparent transparent transparent;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease;
}



.change-box .contents > .flex-row {
    justify-content: space-between;
}




.img-block {
    margin: 0 auto;
    display: block;
}

.change-box .img-block {
    margin: 0 20px 0 0;
    float: left;
}

.img-block img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.change-box .item-title {
    font-size: 18px;
    color: #333;
}

.change-box .item-p {
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}

.change-box .item:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
}

.items-news .items-news-list .item a:hover {
    color: #20B09F;
}
li {
    list-style: none;
}

@media(max-width:1000px){
.menu{ margin:auto; width:100%;}
.Newslist .item .time{ display:none;} 
.Newslist .item .txt{width:98%; margin-left:2%;cursor: pointer;}

.sous{ height:55px; line-height:55px; border-bottom:1px dashed #ccc; width:100%; overflow:hidden; font-size:18px;}
.sous span{display:none;}
.sous dd{ width:100%; float:left; height:55px; line-height:55px;}

}


.ab_pages{clear:both;padding:25px 0;font-size:16px;text-align:center; overflow:hidden}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin: 0 5px;font-size:14px}
.ab_pages ul a.page-num-current{ background:#009FA8; color:#FFFFFF; border: 1px solid #fff; }
.ab_pages ul a:hover{ background:#009FA8; color:#FFFFFF; border: 1px solid #fff; }


.menu{ margin:auto; width:50%;}
.menu li{
	background: #F5F5F5;
	margin: 10px;
	 width:260px; float:left;margin-top:40px;
}
.menu li.level1>a{ 
	display:block;
	text-align:center;
	line-height: 55px;
	color: #333;
	font-size: 18px;
	position: relative;
	transition:all .5s ease 0s;
	font-weight:bold;
}
.menu li.level1 a:hover{
	background-color:#009FA8;
	color: white;
}
.menu li.level1 a.current{
	background: #1170d2;
	color: white;
	border-radius: 10px;
}

.sst{ height:220px;}

.zlxz { height:70px; line-height:70px; border-bottom:1px dashed #ccc; background:url(../img/xz.png) no-repeat left; padding-left:50px; overflow:hidden;}
.zlxz a{ font-size:18px; color:#333333;}
.zlxz a:hover{ color:#009FA8;}

.hform .submit{ background-color:#009FA8; border:none; color:#FFFFFF; width:80px; height:35px;}
.csbt{ text-align:center; width:100%; display:block; padding-top:10px; font-size:18px;}

.fr{ float:right;}
.Newslist{}
.Newslist .list{padding-bottom: 20px;}
.Newslist .item{border-bottom: 1px dashed #eaeaea;display: block;padding: 20px 0;transition: all .5s;}
.Newslist .item a{display: block;}
.Newslist .item .time{width: 10%;height: 100px;font-family: arial;font-size: 18px;color: #666;text-align: center;background: #f2f2f2;}
.Newslist .item .time .day{font-size: 40px;line-height: 60px;display: block;}
.Newslist .item .txt{width:88%; margin-left:2%;cursor: pointer;}
.Newslist .item .txt h3{font-size: 18px;line-height: 30px;transition: all .5s; font-weight:bold;}
.Newslist .item .txt .mark{color: #999;font-size: 12px;line-height: 20px;padding:0;}
.Newslist .item .txt .mark span{display: inline-block;padding-right: 18px;}
.Newslist .item .txt p{color: #666;line-height: 25px;text-align: justify;}
.Newslist .item .txt p span{display: inline-block;color:#017045;padding-left: 10px;}
.Newslist .item a:hover .txt h3{color:#009FA8;}

.sous{ height:55px; line-height:55px; border-bottom:1px dashed #ccc; width:100%; overflow:hidden; font-size:18px;}
.sous span{ width:160px; float:left; height:55px; line-height:55px;}
.sous dd{ width:900px; float:left; height:55px; line-height:55px;}

.yjsmh{ height:70px; line-height:70px; border-bottom:1px dashed #ccc; width:48%; float:left; margin:1%;}
.yjsmh a{ font-size:18px; color:#333333;}
.yjsmh a:hover{ color:#009FA8;}


@charset "utf-8";
.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 159, 168, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 30px;
    width: 30px;
    right: 30px;
    bottom: 30px;
  }
}

.fl{ float:left;}
.fr{ float:right;}
.gyjqr{ width:100%; background-color:#E8E9EB; padding-top:45px; padding-bottom:45px;}
.gyjqr .section-title-middle{ margin-bottom:35px;}
.cpjs{ width:100%; height:45px; line-height:45px;border-radius: 10px; padding-left:20px; background-color:#FFFFFF; border:none;}
.cpss{ width:90%; border:none; height:30px;}
.jqrcp{ color:#019FA8; padding-bottom:25px; font-weight:bold;}
.jqrcpbt{ width:100%; height:45px; line-height:45px; background-color:#019FA8; color:#FFFFFF; font-size:16px; font-weight:bold; padding-left:10px; padding-right:10px;}
.jqrcpfsbt{ width:100%; height:80px; line-height:80px; background-color:#E8E9EB;font-size:16px;  padding-left:10px; padding-right:10px; margin-bottom:2px; margin-top:2px;}
.jqrli li{ width:100%; background-color:#F6F6F6; height:80px; line-height:80px; margin-bottom:2px;}
.jqrli li img{ height:80px;}
.jqrli li .flaticon-next{ margin-right:10px;}
.jqrli li span{ color:#019FA8;}
.jqcd{ margin-bottom:25px;}
.xztj{ width:100%; background-color:#FCFCFC;border-radius: 10px; padding:15px; overflow:hidden; margin-top:25px;}
.xztj .xztj_bt{ border-bottom:1px solid #ddd; height:35px; line-height:35px; font-weight:bold; font-size:16px; margin-bottom:10px;}
.xztj input{ height:16px; width:16px; margin-top:10px;}
.xztj li{ height:35px; line-height:35px; font-size:14px;}
.gyjqrcp { width:100%; float:left; background-color:#FFFFFF;border-radius: 10px; margin-bottom:25px; padding:15px;}
.gyjqrcp img{ width:100px; margin-right:25px;}
.gyjqrcp .bt{ color:#019FAA; font-weight:bold;}
.gyjqrcp span{  display:block; padding-top:10px;}
.gyjqrcp:hover{ background-color:#FCFCFC;}
.grs{ margin-top:49px;}

.ydkzxt{ width:100%; overflow:hidden;background-color:#F6F6F6; padding-bottom:50px; padding-top:50px;}
.ydkzxt h3,h4{ color:#019FA8;}
.ydkzxt h3{ padding-bottom:20px;}
.ydkzxt h4{ border-bottom:1px solid #019FA8; padding-bottom:20px; margin-top:20px; font-weight:bold;}
.ydkzxt  .team-img{ background-color:#FFFFFF;}
.sec{width: 100%; max-width: 100%; min-width: 100%; margin: 0 auto;overflow: hidden;box-sizing: border-box;}
.poster-list img{ width:100%;}
.poster-list .poster-txt{position: relative;overflow: hidden;transition: height 0.24s;}
.poster-list .poster-txt.xg:after{content: "";position: absolute;bottom: 0;display: block;width: 100%;height: 4rem;}
.poster-btn{ outline:none;display: block;width: 20%;line-height: 2;margin: .1rem auto;color: #666;font-size: .28rem;text-align: center; background:url(../img/jt1.png) no-repeat 3rem center; font-size:16px;}

.menu_list{width:100%;margin:0 auto;}
.menu_head{
 padding-top:15px; padding-bottom:15px;
	padding-left: 20px;
	font-size: 18px;
	color: #525252;
	cursor: pointer;
	position: relative;
	margin: 0px;
	font-weight: bold;
	background: #eeeeee url(../img/pro_left.png) center right no-repeat;
}
.menu_list .current{background:#009FA8 url(../img/pro_down.png) center right no-repeat; color:#FFFFFF}
.menu_body{
	line-height: 20px;
	backguound: #fff;
	
}
.menu_body a{display:block; padding-top:15px; padding-bottom:15px;padding-left:20px;color:#777777;background:#fff;text-decoration:none; border-bottom:1px solid #ddd;}
.menu_body a:hover{text-decoration:none;background:#009FA8; color:#FFFFFF;}

.gntd{ margin-top:20px;}
.gntd li{ width:100%; background:url(../img/ttb.jpg) no-repeat left; padding-left:10px; float:left;}

.jqr{ width:100%; background:url(../img/jqr.png) no-repeat left; margin:auto; max-width:564px;}
.jqrdb{display:block;height:45px;line-height:45px;padding-left:18px; font-size:20px;color:#ffffff;background:#009FA8;text-decoration:none; margin-top:20px; margin-bottom:20px;}
.ydzkjg a{ width:50%; float:left; text-align:center; height:80px; line-height:80px; display:block; background-color:#E8E9EB; font-size:26px;}
.ydzkjg a:hover{ color:#FFFFFF;background:#009FA8}
.ydzkjg .cur{ color:#FFFFFF;background:#009FA8}

@media only screen and (max-width: 768px) {
	.jqr{ background:none;}
	.cpjs{ margin-bottom:10px;}
	}
	
	@media only screen and (max-width: 768px) {
	.jqr{ background:none;}
	.cpjs{ margin-bottom:10px;}
	}


@media only screen and (max-width: 1800px) {
.breadcrumb-section {
    padding: 125px 0px;
    position: relative;
    z-index: 1;
}
}


@media only screen and (max-width: 1600px) {
.breadcrumb-section {
    padding: 105px 0px;
    position: relative;
    z-index: 1;
}
}	


@media only screen and (max-width: 1400px) {
.breadcrumb-section {
    padding: 75px 0px;
    position: relative;
    z-index: 1;
}
}	

@media only screen and (max-width: 1200px) {
.breadcrumb-section {
    padding: 55px 0px;
    position: relative;
    z-index: 1;
}
}	

@media only screen and (max-width: 700px) {
.breadcrumb-section {
    padding: 35px 0px;
    position: relative;
    z-index: 1;
}
}	

video,
iframe,
img {
  max-width: 100%;
}
.wrap {
  max-width: 1600px;
  width: 90%;
  margin: 0 auto;
}
.wrap:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.wrap2 {
  max-width: 1830px;
  width: 90%;
  margin: 0 auto;
}
.wrap2:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.wrap12 {
  max-width: 1400px;
  width: 90%;
  margin: 0 auto;
}
.wrap12:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.lzpic2 {
  display: none;
}
.picc {
  overflow: hidden;
}
.picc img {
  width: 100%;
  display: block;
}
.picc span {
  display: block;
  background: no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.row:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.col {
  float: left;
}
.col1 {
  width: 8.33333333%;
}
.col2 {
  width: 16.66666667%;
}
.col3 {
  width: 25%;
}
.col4 {
  width: 33.33333333%;
}
.col5 {
  width: 41.66666667%;
}
.col6 {
  width: 50%;
}
.col7 {
  width: 58.33333333%;
}
.col8 {
  width: 66.66666667%;
}
.col9 {
  width: 75%;
}
.col10 {
  width: 83.33333333%;
}
.col11 {
  width: 91.66666667%;
}
.col12 {
  width: 100%;
}
.l {
  float: left;
}
.r {
  float: right;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.tac {
  text-align: center;
}
.hide {
  display: none;
}
.table {
  display: table;
  height: 100%;
  width: 100%;
}
.td {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.swiper-pagination-bullet,
.swiper-button-prev,
.swiper-button-next {
  outline: none;
}
.tynodata {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  margin-top: 13%;
  margin-bottom: 13%;
  background: url(../images/nodata.png) center top no-repeat;
  background-size: auto 169px;
  padding-top: 180px;
}
.tynodata .tytitle {
  color: #555555;
  font-size: 18px;
  overflow: hidden;
  margin-top: 2%;
  line-height: 26px;
}
.tynodata .tydesc {
  color: #999999;
  font-size: 14px;
  overflow: hidden;
  line-height: 24px;
  margin-top: 5px;
}
@media screen and (max-width: 640px) {
  .tynodata {
    background-size: auto 130px;
    padding-top: 140px;
    margin-top: 15%;
    margin-bottom: 15%;
  }
}
.rbtn {
  position: relative;
  display: block; padding: 0 46px 0 0;
  text-align: center;
  /*overflow: hidden;*/ line-height:18px; height:27px;  border-bottom:1px solid #828383; font-size: 1.8rem; color:#666;
}
.rbtn:hover::after {
 transform: rotate(45deg); right:2px; top:5px; background-image:url(../images/i_pic2_on.png);
}
.rbtn:hover{ color:#507ee5;}
.rbtn:before{ content:""; bottom:-1px; left:0; position:absolute; width:0; height:1px; background:#507ee5; z-index:1;transition:all 1s;}
.rbtn:hover:before{ width:100%;}
.rbtn input,
.rbtn span {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
  display: block;
  background: none;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.rbtn::after {
  content: " ";
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 2;
  width: 9px;
  height: 10px;
 /* background: rgba(255,255,255,0.1);*/
  background:url(../images/i_pic2.png) right top 0 no-repeat;background-size:100% 100%;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.rbtn.w::after {
  background: #fff;
}
.article {
  line-height: 30px;
  font-size: 1.6rem;
}
.main-filter {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  display: none;
  background: url(../images/mainfilter.png);
}
.wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 75px;
}
.sec2 .wrapper{ padding-top:100px;}
.sec3 .wrapper{ padding-top:107px;}
.sec4 .wrapper{ padding-top:166px;}
@keyframes menubtn-line1 {
  0% {
    width: 18px;
  }
  100% {
    width: 0px;
  }
}
@-o-keyframes menubtn-line1 {
  0% {
    width: 18px;
  }
  100% {
    width: 0px;
  }
}
@-moz-keyframes menubtn-line1 {
  0% {
    width: 18px;
  }
  100% {
    width: 0px;
  }
}
@-webkit-keyframes menubtn-line1 {
  0% {
    width: 18px;
  }
  100% {
    width: 0px;
  }
}
@keyframes menubtn-line2 {
  0% {
    width: 14px;
  }
  50% {
    width: 18px;
  }
  100% {
    width: 0px;
  }
}
@-o-keyframes menubtn-line2 {
  0% {
    width: 14px;
  }
  50% {
    width: 18px;
  }
  100% {
    width: 0px;
  }
}
@-moz-keyframes menubtn-line2 {
  0% {
    width: 14px;
  }
  50% {
    width: 18px;
  }
  100% {
    width: 0px;
  }
}
@-webkit-keyframes menubtn-line2 {
  0% {
    width: 14px;
  }
  50% {
    width: 18px;
  }
  100% {
    width: 0px;
  }
}
.header{
  width: 100%;
  height: 100px;
  position:fixed;
  top: 0;
  left: 0;
  z-index:105;
 /* z-index: 90;*/
  /*padding: 0 60px;*/transition:all 0.4s;
  background:#fff;
 
 
}
/* .header:hover{ background:#fff; } */
.header.top {
  top: -140px;
}

.header .logo {
  float: left;
  overflow: hidden;
  height: 54px;
  margin-top:23px; margin-right:8px;
}
.header .logo img {
  height: 100%;
}
.header .logo #logo2{ display:none;}
/* .header:hover .logo #logo2{ display:block;}
.header:hover .logo #logo1{ display:none;} */
.header .search-box {

  float: right;

  margin-top: 30px;

  position: relative;

  margin-left:0px;
  margin-right: 3px;

}

.header .search-box .search-btn {
  width: 40px;
  height: 40px;
  background: url(../images/search.png) no-repeat center;
  cursor: pointer;/*transition: all 0.3s;*/
  background-size:22px auto;
}
.header.small .search-box .search-btn { background-image:url(../images/search.png);}
.header.small .search-box:hover .search-btn {background-image:url(../images/search_on.png);}
.header:hover .search-box .search-btn { background-image:url(../images/search.png);}
.header .search-box:hover .search-btn {background-image:url(../images/search_on.png);}

#showopen .search-box .search-btn{opacity:0;filter:Alpha(opacity=0);}

#showopen .search-box .search-bar{opacity:1.0;filter:Alpha(opacity=100);transform: scale3d(1, 1, 1);}

.header .search-box .search-bar {

  width: 500px;

  height: 70px;

  position: absolute;

  right: -14px;

 /* top: 72px;*/

 top:-10px;

  z-index: 95;

  

 /* padding: 10px;*/

  display: none;

  transform: scale3d(0, 0, 0);

    transform-origin: right center;

    transition: all 0.5s;

    opacity: 0;

    filter: Alpha(opacity=0);

}

.header .search-box .search-bar .search-input{background: var(--main-color); border-radius:6px; width: calc(100% - 57px); width: -webkit-calc(100% - 57px); width: -moz-calc(100% - 57px);}

.header .search-box .search-bar .close {

  width: 50px;

  height: 50px;

  float: right;

  background: url(../images/c10.png) no-repeat center;

  background-size: 20px auto;

  cursor: pointer;

  -webkit-transition-duration: 0.4s;

  -moz-transition-duration: 0.4s;

  -ms-transition-duration: 0.4s;

  -o-transition-duration: 0.4s;

  transition-duration: 0.4s;

}
.header:hover .search-box .search-bar .close { background-image: url(../images/close.png);}
.header .search-box .search-bar .close:hover {

  transform: rotate(180deg);

  -webkit-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

}

.header .search-box .search-bar .btn {

  width: 50px;

  height: 50px;

  float: right; border:0;

  background: url(../images/search2.svg) no-repeat center; cursor:pointer;background-size:17px auto;

}

.header .search-box .search-bar .btn input {

  height: 100%;

  background: none;

  cursor: pointer; border:0;

  width: calc(100% - 57px);

    width: -webkit-calc(100% - 57px);

    width: -moz-calc(100% - 57px); outline:none;

}

.header .search-box .search-bar .inpu {

  width: 100%;

  padding: 0 50px 0 10px;

}

.header .search-box .search-bar .inpu input {

  width: 100%;

  height: 50px;

  line-height: 50px;

  padding: 0 10px;

  font-size:16px;

  background:none;
  color: #fff;

}

.header .search-box .search-bar .inpu input::-webkit-input-placeholder {

  color: #fff;

}

.header .search-box .search-bar .inpu input:-moz-placeholder {

  color: #fff;

}

.header .search-box .search-bar .inpu input::-moz-placeholder {

  color: #fff;

}

.header .search-box .search-bar .inpu input:-ms-input-placeholder {

  color: #fff;

}
.header .buttons{float: right;height: 40px;line-height: 40px;width: 107px;text-align: center;color: #fff;background: linear-gradient(90deg, #009FA8 0%, #358DB5 100%);
  border-radius: 25px;margin-top: 30px;transition:all 0.3s;margin-left: 23px;position: relative;z-index: 1;}
.header .buttons.tels{width: 40px;}
.header .buttons.tels .img{width: auto;height: 26px;display: block;margin: 0 auto;margin-top: 7px;}
.header .buttons.tels .tel_txt{position: absolute;right: 0px;top: 0;height: 40px;line-height: 40px;color: #fff;font-size: 16px;background: linear-gradient(90deg, #009FA8 0%, #358DB5 100%); border-radius: 25px;z-index: -1;width: 0px;transition:all 0.3s;overflow: hidden;}
.header .buttons.tels:hover .tel_txt{width: 250px;padding-right: 20px;}
.header .buttons:hover{background: linear-gradient(180deg, #009FA8 0%, #358DB5 100%);}
.header.small .buttons{margin-top: 20px;}
.header .header_box#showopen .top_login{ display:none;}
.header .top_login{ color:#fff;font-size: 18px; line-height: 100px; float: right; padding-left: 50px; padding-right: 20px; background: url(../images/top_pic1.png) left 20px center no-repeat; background-size: 21px 21px; position: relative;}
.header .top_login a{ color: #fff;}
.header .top_login::before{ content: ""; position: absolute; left: 0; top: 50%; height: 18px; margin-top: -9px; width: 1px; background: rgba(255,255,255,0.34);}
.header .top_login::after{ content: ""; position: absolute; right: 0; top: 50%; height: 18px; margin-top: -9px; width: 1px; background: rgba(255,255,255,0.34);}
.header:hover .top_login{ color: #333; background-image: url(../images/top_pic1_on.png);}
.header:hover .top_login a{ color: #333;}
.header .top_login a:hover{ color: var(--main-color);}
.header.small .top_login{ line-height: 80px; color: #333; background-image: url(../images/top_pic1_on.png);}
.header.small .top_login a{ color: #333;}
.header.small .top_login::before{ background: #666;}
.header.small .top_login::after{ background: #666;}
.header .menu-btn {
  width: 40px;
  height: 40px;
  position: relative;
  float: right;
  margin-top: 48px;
  cursor: pointer;
  display:none;
}
.header .menu-btn span {
  width: 18px;
  height: 2px;
  background: #fff;
  position: absolute;
  right: 10px;
  top: 14px;
  z-index: 2;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.header .menu-btn span.line2 {
  top: 19px;
  width: 14px;
}
.header .menu-btn span.line3 {
  top: 24px;
}
.header .menu-btn:hover span.line1 {
  animation: menubtn-line1 0.8s infinite alternate;
  -o-animation: menubtn-line1 0.8s infinite alternate;
  -moz-animation: menubtn-line1 0.8s infinite alternate;
  -webkit-animation: menubtn-line1 0.8s infinite alternate;
}
.header .menu-btn:hover span.line2 {
  animation: menubtn-line2 1.2s infinite alternate;
  -o-animation: menubtn-line2 1.2s infinite alternate;
  -moz-animation: menubtn-line2 1.2s infinite alternate;
  -webkit-animation: menubtn-line2 1.2s infinite alternate;
}
.header .menu-btn:hover span.line3 {
  animation: menubtn-line1 0.6s infinite alternate;
  -o-animation: menubtn-line1 0.6s infinite alternate;
  -moz-animation: menubtn-line1 0.6s infinite alternate;
  -webkit-animation: menubtn-line1 0.6s infinite alternate;
}
/*语言下拉2*/
.header .language{float: right;position: relative;margin-top:0px; margin-left:25px; }
.header.small .language{ margin-top:0px;}
.header .header_box#showopen .language{ display:none;}
/*.header .language:after{ content:""; position:absolute; right:0; height:14px; top:50%; margin-top:-7px; width:1px; background:#999999;}*/
.header .language .btn{ display: block;/* width: 73px;*/height: 100px; line-height:100px;background-position:left center; background-repeat:no-repeat; cursor: pointer; background-size:24px 21px;/*transition:all 0.5s; */background-image:url(../images/language.gif); color:#009FA8; font-size:14px;/*padding-left:25px;*/ position:relative; font-family:Arial; font-weight:normal; padding-left:31px;}
.header.small .language .btn{ background-image:url(../images/language.gif); color:#333;height: 80px; line-height:80px;}
/* .header:hover .language .btn{background-image:url(../images/top_bg2_on.png); color:#333;} */
.header .language:hover .btn{ color: var(--main-color);/* background-image:url(../images/top_bg2_on2.png); */}
/*.header .language .btn:after{ content:""; position:absolute; width:18px; height:100%; top:0; left:0; background:url(../images/top_bg3.png) left center no-repeat; background-size:18px 18px;}
.header.small .language .btn:after{ background-image:url(../images/top_bg3_on.png);}
.header:hover .language .btn:after{ background-image:url(../images/top_bg3_on.png);}
.header .language:hover .btn:after{ background-image:url(../images/top_bg3_on2.png);}*/
/*.header .language .btn.cn{ background-image:url(../images/language1.png);}
.header .language .btn.en{ background-image:url(../images/language2.png);}
.header .language .btn.jp{ background-image:url(../images/language3.png);}*/
.header .language .list { position: absolute; top: 100px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0); z-index: 5; width: 100px; /*padding-top: 4px; */text-align: center; display: none;}
/*.header.small .language .list { top:80px;}*/
.header .language.two .list { width:230px;}
.header .language ul {background: #fff;border-radius: 0 0 4px 4px; /*padding: 4px 0;*/ position: relative; box-shadow: 0 4px 14px 1px rgba(0, 0, 0, 0.01);}
/*.header .language ul::after {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #FFFFFF;border-width: 4px; margin-left: -4px;}*/
.header .language li a {height: 40px; line-height: 40px; display: block; font-size: 16px; color: #666; /*font-weight:bold;*/}
.header .language li a:hover {color: #ffffff; background:var(--main-color);}

.header .nav {
  text-align: center;
}
.header .header_box#showopen .nav{opacity:0;filter:Alpha(opacity=0);transform: scale3d(0, 0, 0);}
.header .nav .tit {
  display: none;
}
.header .nav > ul {
  display: inline-block; vertical-align:top;
}
.header .nav > ul > li {
  float: left;
  position: relative;
  margin: 0 20px;
}
.header .nav > ul > li:first-child{ padding-left: 0;}
/*.header .nav > ul > li:hover{ background:var(--main-color);}*/
.header .nav > ul > li > a {
  height: 100px;
  line-height: 100px;
 /* padding: 0 30px;*/
  display: block;
  font-size:18px;
  color: #000;
  overflow: hidden;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  position:relative;
}
.header:hover .nav > ul > li > a{ color:#333333;}
/* .header .nav > ul > li#m1{ display:none;} */
.header .nav > ul > li#m8{ display:none;}
.header .nav > ul > li > a:after{ content:""; position:absolute; bottom:0; left:50%; right:50%; width:0%; height:5px; background: linear-gradient(90deg, #76BA18 0%, #0F75DB 100%);
  border-radius: 2px;}
.header:hover .nav > ul > li.on > a:after{ width:100%; left:0; right:0;transition:all 0.3s;}
/* .header .nav > ul > li#m2:hover > a:after,.header .nav > ul > li#m3:hover > a:after,.header .nav > ul > li#m4:hover > a:after,.header .nav > ul > li#m5:hover > a:after,.header .nav > ul > li#m7:hover > a:after{ display:none;} */
.header.small .nav > ul > li.on > a:after{ width:100%; left:0; right:0;transition:all 0.3s;}
/*.header .nav > ul > li:hover > a{ color:#0054a7;}*/
.header .nav > ul > li.on > a{ color: var(--main-color);}
.header .nav > ul > li .arrow {
  display: none;
position:absolute; right:0; top:0; background:url(../images/arrow1.png) center center no-repeat; background-size:100% center; width:9px; height:100%;transition:all 0.3s;
}
.header .nav > ul > li.on .arrow{ transform: rotate(180deg);}
/*.header.small .nav > ul > li .arrow { background-image:url(../images/arrow1_on.png);}*/
/* .header .nav > ul > li:hover a{color: var(--main-color);} */
.header .nav .sub {

  position: absolute;
  top: 100px;
  left: 50%;
  /*-webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);*/
  z-index: 90;
  display: none;
 /* padding-top: 4px;*/
 height: auto!important;
 
}
.header .nav .sub .nav_title{ padding-top:16px; border-bottom:1px solid #e7e7e7; line-height:44px; overflow:hidden; font-size:17px; text-align:left; margin-bottom:10px;}
.header .nav .sub ul {
  background: #fff;
 /* border-radius: 4px;*/
  /*padding: 4px 0;*/
  position: relative; border:1px solid #f0f0f0;/* border-top: 2px solid #024287; */
  
}
/*.header .nav .sub ul::after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #FFFFFF;
  border-width: 4px;
  margin-left: -4px;
}*/
.header .nav .sub li:last-child a {
  border-bottom: none;
}
.header .nav .sub li a {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 1.4rem;
  white-space: nowrap;
  padding: 0 20px;
  color: #666;
  border-bottom: solid 1px #eee;
}
.header .nav .sub li a:hover {
  color: var(--main-color);
}
/*.header .nav > ul > li.on > a{ color:#fff;}*/
.header .nav .sub .ul li{ /* padding-left:30px; padding-right:30px; */text-align:center;}
.header .nav .sub .ul li a{/* float:left;*/ /*margin-right:5%;text-align:center; margin-left:5%; display:inline-block; vertical-align:top; */padding:0;}
.header .nav .sub .ul li:last-child{overflow:hidden;}
.header .nav .sub .ul li a:hover{background: #f1f1f1;}
.header .nav > ul > li#m3{ position:static;}
.header .nav > ul > li#m3 > a{ position:relative;}
.header .nav > ul > li#m3 .sub{min-width: 1920px;margin-left: -960px;}
/* .header .nav > ul > li#m6 .sub{margin-left: -80px;} */
.header .nav .sub .boxs{ border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0; overflow:hidden; background:#fff;}
.header .nav .sub .boxs .wrap{ width:96%;padding:10px; padding-left:0; padding-right:0; padding-bottom:50px; }
.header .nav .sub .top_a{  overflow:hidden; text-align:left;background: #fff;/* border-top: 2px solid #024287; */border: 1px solid #f0f0f0;
  box-shadow: 0px 3px 3px 0px rgba(236,236,236,0.75); padding-bottom:40px; }
.header .nav .sub .top_a .top_a_l{width: 180px;overflow: hidden;float: left;}
.header .nav .sub .top_a .top_a_l .a{display: block;height: 62px;line-height: 62px;overflow: hidden;text-align: center;background: #f5f7fa;font-size: 18px;color: #333;}
.header .nav .sub .top_a .top_a_l .a.on{background: #fff;color: #295591;}
.header .nav .sub .top_a .top_a_r{overflow: hidden;width:95%; margin:auto;}
.header .nav .sub .top_a .top_a_r .divhidden{opacity:0;filter:Alpha(opacity=0);transition: all 1.5s;  /*height:0;*/ /*display:none;*/ /*overflow:hidden;*/ height: 0; overflow:hidden; display:block;}
.header .nav .sub .top_a .top_a_r .divhidden.on{opacity:1.0;filter:Alpha(opacity=100);/* height:auto;*//*display:block;*/height: auto; overflow:visible;}
.header .nav .sub .top_a .top_a_r .h3{overflow: hidden;line-height: 100px;height: 100px;color: #333333;font-size: 22px;font-weight:bold;border-bottom:1px solid #f0f0f0; width:92%; margin:auto; margin-bottom:25px;}
.header .nav .sub .top_a .top_a_r .h3 a{color: #333333;}
.header .nav .sub .top_a .top_a_r .h3 a:hover{color: #009FA8;}
.header .nav .sub .top_a .top_a_r .h4{overflow: hidden;color: #333333;font-size: 16px;font-weight:bold;padding-left:70px; height:50px; line-height:50px;}
.header .nav .sub .top_a .top_a_r .navdh{ width:92%; margin:auto;}
.header .nav .sub .top_a .top_a_r .navdh a{color: #525252; font-size:16px; padding-right:30px;}
.header .nav .sub .top_a .top_a_r .navdh a:hover{color: #009FA8;}
.header .nav .sub .top_a .top_a_r .dl dd{overflow: hidden;float: left;width: 30%;text-align: left;border-right: 1px solid #dcdcdc;}
.header .nav .sub .top_a .top_a_r .dl dd:last-child{border-right: 0;}
.header .nav .sub .top_a .top_a_r .dl dd span{margin: 0 auto;width: 100%; display: block;overflow: hidden;position: relative;padding-left: 70px; text-align:left;font-size: 16px;line-height: 44px;height: 44px;}
.header .nav .sub .top_a .top_a_r .dl dd span:last-child{margin-bottom: 18px;}
/*.header .nav .sub .top_a .top_a_r .dl dd span::after{content: "";position: absolute;top:0;height: 100%;width: 80px;background-repeat: no-repeat;background-position: center center;background-size: auto 43px;left: 0;}
 .header .nav .sub .top_a .top_a_r .dl dd span.bgs1::after{background-image: url(../images/top_ico1.png);}
.header .nav .sub .top_a .top_a_r .dl dd span.bgs2::after{background-image: url(../images/top_ico6.png);}
.header .nav .sub .top_a .top_a_r .dl dd span.bgs3::after{background-image: url(../images/top_ico2.png);}
.header .nav .sub .top_a .top_a_r .dl dd span.bgs4::after{background-image: url(../images/top_ico7.png);}
.header .nav .sub .top_a .top_a_r .dl dd span.bgs5::after{background-image: url(../images/top_ico3.png);}
.header .nav .sub .top_a .top_a_r .dl dd span.bgs6::after{background-image: url(../images/top_ico8.png);}
.header .nav .sub .top_a .top_a_r .dl dd span.bgs7::after{background-image: url(../images/top_ico4.png);}
.header .nav .sub .top_a .top_a_r .dl dd span.bgs8::after{background-image: url(../images/top_ico9.png);}
.header .nav .sub .top_a .top_a_r .dl dd span.bgs9::after{background-image: url(../images/top_ico5.png);}
.header .nav .sub .top_a .top_a_r .dl dd span.bgs10::after{background-image: url(../images/top_ico10.png);} */
.header .nav .sub .top_a .top_a_r .dl dd span .top_ico{position: absolute;top:0;height: 100%;width: 80px;left: 0;top: 0;background-repeat: no-repeat;background-position: center center;background-size: auto 43px;}
.header .nav .sub .top_a .top_a_r .dl dd span .top_ico img{display: block;margin: 0 auto;width: auto;height: 43px;}
.header .nav .sub .top_a .top_a_r .dl dd span a{display: block;overflow: hidden;color: #525252;}
.header .nav .sub .top_a .top_a_r .dl dd span a:hover{color: #009FA8;}
.header .search-box,
.header .menu-btn,
.header .logo,
.header .language .btn,
.header{
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.header.small {
 /* background: url(../images/mainfilter.png);*/ background:#fff;
  height: 80px;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); border-bottom:1px solid rgba(255,255,255,0);
}
.header.small .logo {
  margin-top: 20px;
  height: 40px;
}
/* .header.small .logo #logo2{ display:block;}
.header.small .logo #logo1{ display:none;} */
.header.small .menu-btn span{ background:#3e3a39;}
.header.small .menu-btn,
.header.small .search-box {
  margin-top: 20px;
}
/*.header.small .search-box:after{ background:#ccc;}*/
.header.small .nav > ul > li > a {
 height: 80px;
  line-height: 80px; color:#333;
}
.header.small .nav > ul > li.on > a{ color: var(--main-color);}
/*.header.small .nav > ul > li.on:hover > a{ color:#fff;}*/
.header.small .nav .sub {
  top: 80px;
}
.header.small .nav > ul > li#m3 .sub{ top:80px;}
.icon-wechat .wechat-qrcode {
  display: none;
  border: 1px solid #eee;
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 9;
  width: 140px;
  color: #666;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  transition: all 200ms;
  -webkit-tansition: all 350ms;
  -moz-transition: all 350ms;
}
.icon-wechat .wechat-qrcode.bottom {
  top: 40px;
  left: -84px;
}
.icon-wechat .wechat-qrcode.bottom:after {
  display: none;
}
.icon-wechat .wechat-qrcode h4 {
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  background-color: #f3f3f3;
  margin: 0;
  padding: 0;
  color: #777777;
}
.icon-wechat .wechat-qrcode .qrcode {
  width: 100px;
  margin: 10px auto;
}
.icon-wechat .wechat-qrcode .qrcode table {
  margin: 0 !important;
}
.icon-wechat .wechat-qrcode .help {
  display: none;
}
.icon-wechat .wechat-qrcode:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -13px;
  width: 0;
  height: 0;
  border-width: 8px 6px 6px 6px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  display: none;
}
.icon-wechat:hover .wechat-qrcode {
  display: block;
}
/*轮显*/
.banner img {
  width: 100%;
  display: block;
}
.banner .lzpic1,
.banner .lzpic2 {
  background: none;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.banner.full .lzpic1,
.banner.sm-full .lzpic1,
.banner.full .lzpic2,
.banner.sm-full .lzpic2 {
  background: no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
.banner.sm-full .lzpic2 img,
.banner.full .lzpic1 img {
  display: none;
}
.main .banner {
  position: relative;
}
/*.main .banner .wrap{ position:relative;}*/
.main .banner .btn {
  position: absolute;
  bottom: 90px;
  left: 0px;
  z-index: 10;
  width:100%;
}
.main .banner .btn .boxs{ width:82px;  /* width:100%;background:url(../images/i_pic1.png) center center no-repeat; background-size:1px 14px; */}
.main .banner .btn .wrap{ position:relative;}
.main .banner .swiper-button-prev,
.main .banner .swiper-button-next,
.main .banner .swiper_button_play {
  width: 36px;
  height: 36px;
  margin: 0 0 0 0px;
  background: no-repeat center;
  position: relative;
  
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  background-size:11px 19px;
}
.main .banner .swiper-button-prev::after,
.main .banner .swiper-button-next::after{
  content: "";position: absolute;width: 0;height: 2px;top: 50%;background: #fff;transition:all 0.3s;
}
.main .banner .swiper-button-prev::after{left: 15px;}
.main .banner .swiper-button-next::after{right: 15px;}
.main .banner .swiper-button-prev:hover::after,.main .banner .swiper-button-next:hover::after{width: 20px;}
.main .banner .swiper-button-prev {
  background-image: url(../images/left.png);float: left;margin-top: -18px;background-position: left center;left: 0;
}
.main .banner .swiper-button-prev:hover {

}
.main .banner .swiper-button-next {
  background-image: url(../images/right.png);float: right;margin-top: -18px; background-position: right center;right: 0;
}
.main .banner .swiper-button-next:hover {

}
.main .banner .swiper_button_play {
  background-image: url(../images/play.png);float: left; cursor:pointer;
}
.main .banner .swiper_button_play#on{ background-image:url(../images/play.png);}
.main .banner .down {
  width: 26px;
  height: 52px;
  position: absolute;
  left: 50%;
  bottom: 50px;
  z-index: 10;
  cursor: pointer;
  margin-left: -13px;
}
.main .banner .down span {
  height: 42px;
  background: url(../images/banner_down.png) no-repeat 0 center;
  background-size: 100% auto;
  display: block;
}
.main .banner .down:hover span {
  animation: banner-down 0.6s infinite alternate;
  -o-animation: banner-down 0.6s infinite alternate;
  -moz-animation: banner-down 0.6s infinite alternate;
  -webkit-animation: banner-down 0.6s infinite alternate;
}
.main .banner .swiper-slide {
  position: relative;
}
.main .banner .swiper-slide .table {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 6;
  text-align: left;
  display: flex; align-items:center; justify-content: left;
}
.main .banner .swiper-slide .table .videos{width:100%; height:100%;object-fit:cover;overflow:hidden; border:0; margin:0; padding:0; position:absolute;top:50%; left:50%;transform:translate(-50%, -50%);}
.video-auto-b::after{content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: absolute;z-index: 2;}
.video-auto-b.controls .video-play{    opacity: 0; pointer-events: none;}
.video-auto-b .video-play{display: block; position: absolute; left: 0; top: 0; height: 100%;  width: 100%; background: rgba(0, 0, 0, 0.2); transition: all 0.3s;  cursor: pointer; z-index: 3;}
.video-auto-b .video-play .icon{display: block; position: absolute; left: 50%;top: 50%; transform: translate(-50%, -50%) rotate(0deg);  border-radius: 50%; width: 76px;   height: 76px;  background: #ababab;  transition: all 0.8s; opacity: 0.5;}
.video-auto-b .video-play .icon::before{content: "";display: block; position: absolute; left: 50%; top: 50%; transform: translate(-30%, -50%); border-left: 34px solid #ffffff; border-top: 20px solid transparent; border-bottom: 20px solid transparent; transition: all 0.8s;}
.main .banner .swiper-slide .table .imgs{ display: block; margin: 0 auto; width: 628px; z-index: 2; position: absolute; top: 50%;  left: 50%; transform:translate(-50%, -50%);}
/* .main .banner .swiper-slide .table .td{ display:block;} */
.main .banner .swiper-slide .txt {
  /*font-size: 5.5rem;*/
  color: #fff;
  width:100%;/* max-width:628px;*/ position:relative; line-height:1.2; text-align:center; margin-top:10%;
}
.main .banner .swiper-slide .txt:before{position: absolute;left: -50px; top: -35px; line-height: 1;   content: "“"; font-family: Arial;font-size: 113px; color: rgba(255,255,255,0.09); display:none;}
.main .banner .swiper-slide .desc {
  /*font-size: 5.5rem;*/
  color: #fff;
 /* font-weight:lighter; */margin-top:2%;/* max-width:450px; */line-height:1.4; /*margin-bottom:26%;*/text-align:center;
}
.main .banner .swiper-slide .desc em{ font-style:normal; margin-left:1.5%; margin-right:1.5%;}
.main .banner .swiper-slide .rbtn{
 
 /* min-width: 196px;*/
 /* background: #fff;*/
  display: block;
 
  color: #fff;
  margin-top: 3%;
 /* background: url(../images/i_pic1.png) right top 2px no-repeat; background-size:9px 10px;*/ position:absolute; bottom:62px; z-index:10; border-bottom:1px solid #fff;
}
.main .banner .swiper-slide .rbtn:before{ background:#fff;}
.main .banner .swiper-slide .rbtn span {
  height: 54px;
  line-height: 54px;
  padding: 0 26px;
  /*background: url(../images/arrow4.png) no-repeat right 8px center;*/
}
.main .banner .swiper-slide .rbtn:after{ background-image:url(../images/i_pic1.png);}
.main .banner .swiper-slide .rbtn:hover span {
  /*background: url(../images/arrow5.png) no-repeat right center;*/
  color: #fff;
}
.main .banner .swiper-slide .rbtn:hover:after{ background-image:url(../images/i_pic1.png);}
.main .pctitle {
  text-align: center;
}
.main .pctitle .title {
  /*font-size: 3.6rem;*/
}
.main .pctitle .entit {
  opacity: .4;
  margin: 10px 0 22px 0;
}
.main .pctitle .line {
  width: 52px;
  height: 5px;
  background: #eaeaea;
  margin: 0 auto;
}
.main .physician {
  padding: 62px 0;
}





/*内页导航*/
.sec2 .header{  background:#fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);}
.sec2 .header .logo #logo2{ display:block;}
.sec2 .header .logo #logo1{ display:none;}
.sec2 .header .nav > ul > li.on > a:after{ width:100%; left:0; right:0;transition:all 0.3s;}
.sec2 .header .language .btn{background-image:url(../images/top_bg2_on.png); color:#333;padding-left: px;}
.sec2 .header .language:hover .btn{ color: var(--main-color); background-image:url(../images/top_bg2_on2.png);}
/*.sec2 .header .language .btn:after{background-image: url(../images/top_bg3_on.png);}
.sec2 .header .language:hover .btn:after{ background-image:url(../images/top_bg3_on2.png);}*/
.sec2 .header .nav > ul > li > a{ color:#333;}
.sec2 .header .nav > ul > li.on > a{color: var(--main-color);}
.sec2 .header .nav > ul > li:hover > a{color: var(--main-color);}
.sec2 .header .search-box .search-btn{background-image: url(../images/search2.png);}
.sec2 .header .search-box:hover .search-btn{background-image: url(../images/search_on.png);}
.sec2 .header .top_login{ color: #333; background-image: url(../images/top_pic1_on.png);}
.sec2 .header .top_login a{ color: #333;}
.sec2 .header .top_login a:hover{ color:var(--main-color);}
.sec2 .header .top_login::before{ background: #666;}
.sec2 .header .top_login::after{ background: #666;}
.sec .header{ height:100px;background: #fff;}
.sec .header.small{ height:80px;}
/*.sec .header .menu-btn,.sec .header .search-box{ margin-top:22px;}*/
.sec .header .language .btn{ height:24px; line-height:24px; /*background-image: url(../images/top_bg3_on.png);*/}
/*.sec .header .search-box .search-btn{background-image: url(../images/search_on.png);}*/
.sec .header .language .list{ top:70px;}
.sec .header .nav .sub{ top:100px;}
.sec .header .nav > ul > li#m3 .sub{ top:86px;}
.sec .header .logo #logo2{ display:block;}
.sec .header .logo #logo1{ display:none;}
.sec .header .nav > ul > li.on > a:after{ width:100%; left:0; right:0;transition:all 0.3s;}
.sec .header .nav > ul > li > a{ color:#333333;}
.sec .header .nav > ul > li:hover > a{color:#fff;}
.sec .header.small .nav .sub{ top:80px;}
.sec .header.small .nav > ul > li#m3 .sub{ top:80px;}
.sec .header .menu-btn span{ background:#3e3a39;}
.sec .header.small .menu-btn,
.sec .header.small .search-box { margin-top:20px;}

/*add by lam*/

@keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  transform: translateY(15px);
	}
}
@-webkit-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -webkit-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -webkit-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -webkit-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -webkit-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -webkit-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -webkit-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -webkit-transform: translateY(15px);
	}
}
@-moz-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -moz-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -moz-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -moz-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -moz-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -moz-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -moz-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -moz-transform: translateY(15px);
	}
}
.about_stlcy { margin-top:40px; margin-bottom:50px;}
.about_stlcy li{ float:left; width:9%; margin-right:9.2%; text-align:left; padding-bottom:35px;}
.about_stlcy li:nth-child(6n){ margin-right:0px;}

@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
@import url(lrtk3.css);
/*首页*/
@keyframes scaleAnim{
  0%{         
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100%{
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
}
/*轮显*/
.banner_page{ position:absolute; width:100%; text-align:left; left:0%; height:0px;  color:#fff; font-size:16px; z-index:10; bottom:86px; line-height:36px; z-index:5; /*font-style:italic; font-weight:bold;*/}
.banner_page .wrap{ height:0; text-align:right;}
.banner_page span{ color:#fff;}
.banner_page label{ color:#fff;}
.banner_page em{ font-style:normal; color:#fff;}
.main .banner .btn{display: none;}
/* .main .banner .btn .boxs{ margin-left:240px;} */
.swiper-container-autoheight .swiper-slide{ cursor:default;}
.banner .c-dot-page {position: absolute; z-index: 10;bottom: 60px; right:0; width:100%;}
.banner .c-dot-box { float:right; /*right: 5.8%;*/ display: flex; align-items: center; width: 200px;color: #fff; font-size: 18px;}
.banner .c-dot-box .c-text1 {width: 50px; line-height: 1;}
.banner .c-dot-box .c-text2 { width: 50px; line-height: 1; text-align: right;}
.banner .c-dot-box .c-line-box { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); height: 2px;  background: rgba(255, 255, 255, .2);}
.banner .c-dot-box .c-line-box .c-line {  width: 0; height: 2px;  background: #fff; transition: 1s;}
.main .banner .down {
  width: 90px;
  height: 52px;
  position: absolute;
  left: 50%;
  bottom:5.4%;
  z-index: 10;
  cursor: pointer;
  margin-left: -45px; font-size:14px; color:rgba(255,255,255,0.4); text-align:center;
}
.main .banner .down span {
  height: 24px;
  background: url(../images/i_pic1.png) no-repeat center;
  background-size: auto 100%;
  display: block; 
  animation: banner-down 0.6s infinite alternate;
  -o-animation: banner-down 0.6s infinite alternate;
  -moz-animation: banner-down 0.6s infinite alternate;
  -webkit-animation: banner-down 0.6s infinite alternate; margin-bottom:12px;
}
.main .banner .swiper-pagination{ position: relative;text-align: left;}
.swiper-other{position: absolute; left: 0; bottom:90px; width: 100%; z-index: 2;}
.swiper-other .swiper-number .swiper-pagination .swiper-pagination-bullet{
  opacity: 0.2; background: #fff;width: 13px;height: 4px;border-radius: 0;margin: 0 4px;
}
.swiper-other .swiper-number .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1;background: #009FA8;width: 27px; }
.main .banner .swiper-other .number {
  margin-left: 15px;
  line-height: 1.4em;
  color: rgba(255, 255, 255, 1); float: right;
}
.main .banner.swiper-other .number .current {
  margin-right: 4px;
  font-size: 20px;
  color: #ffffff;
}
.main .banner .swiper-other .number .all {
  margin-left: 3px;
}
.main .banner .table .pic{ width: 374px;}
.swiper-slide-active .lzpic1{/* -webkit-animation:scaleAnim 3s ease forwards; animation: scaleAnim 3s ease forwards; */}
.i_type{
  position: absolute;right: 0;
  width: 355px;
  /* height: 454px; */
  background: rgba(6,38,58,0.47);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.3);
  z-index: 99;
  top: 50%;
  margin-top: -250px;
  font-size: 18px;
}
.banner_txt{text-align: left;color: #fff;line-height: 1.6;position: relative;z-index: 6;letter-spacing: 3px;padding-top: 10px;padding-bottom: 10px;overflow: hidden;}
.banner_txt img{height: 19px;width: auto;display: inline-block;margin-right: 10px;}
.i_type .boxs{margin: 0 auto;width: 96%;max-width: 320px;margin-top: 20px;margin-bottom: 20px;}
.i_type ul li{display: block;overflow: hidden;background-repeat: no-repeat;background-position: right top 36%;background-size: 16px auto;border-bottom: 2px dotted rgba(255, 255, 255, .47);background-image: url(../images/i_pic9.png);transition:all 0.3s;padding-bottom: 23px;margin-bottom: 23px;}
.i_type ul li:last-child{border-bottom: 0;margin-bottom: 0;}
/* .i_type ul li:hover{background-image: url(../images/i_pic1_on.png);} */
.i_type ul li.active{background-image: url(../images/i_pic9_on.png);}
.i_type ul li .imgs{width: 68px;height: 68px;float: left;border-radius: 10px; margin-right: 20px;}
.i_type ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_type ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_type ul li .txts{overflow: hidden;;height: 68px;;line-height:26px; padding-right: 33px;display: flex; align-items: center; justify-content: left;}
.i_type ul li .txts span{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;width: 100%;color:#fff;}
.i_type ul li:hover .txts span{color:#79bc1d;}
.i_type ul li .p{overflow: hidden;padding-top: 10px;display: none;}
.i_type ul li dd{float: left;width: 47%;margin-top: 8px;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.i_type ul li dd:nth-child(2n){float: right;}
.i_type ul li dd a{color: #9e9c9b;}
.i_type ul li dd a:hover{color: #fff;}

@media screen and (max-width: 1660px) {
  /*轮显*/
  .i_type{width: 300px;}
}
@media screen and (max-width: 1500px) {
c
  .main .banner .table .pic{ width: 292px;}
}
@media screen and (max-width: 1400px) {
  /*轮显*/
  .main .banner .swiper-slide .table .imgs{ width: 530px;}
  .main .banner .table .pic{ width: 272px;}
  .banner_txt img{height: 15px;}
}
@media screen and (max-width: 1260px) {
/*轮显*/
  .main .banner .table .pic{ width: 245px;}
  .banner_txt img{height: 12px;}
  .banner_txt{padding-top: 5px;padding-bottom: 5px;}
}
@media screen and (max-width: 1200px) {
/*轮显*/
.banner_page{ bottom:76px;}
.main .banner .swiper-slide .rbtn{ bottom:52px;}
.banner .c-dot-page { bottom:50px;}
.swiper-other{bottom: 80px;}
.main .banner .swiper-pagination{ text-align: center;}
.main .banner .swiper-slide .table .imgs{ width: 460px;}
.down{ display: none;}
.main .banner .table .pic{ display: none;}
}
@media screen and (max-width: 992px) {
/*轮显*/
.main .banner .btn{bottom:80px;}
.main .banner .swiper-slide .table .imgs{ width: 360px;}
.i_type{display: none;}
.banner_txt img{height: 10px;margin-right: 6px;}
}

@media screen and (max-width: 640px) {
/*轮显*/
.main .banner .btn{bottom:70px;}
/* .main .banner .btn .boxs{ margin-left:140px;} */
.banner_page{ bottom:66px; font-size:15px;}
.banner_page label{ /*display:none;*/ display:inline-block; width:40px; vertical-align:top; overflow:hidden;}
.banner_page em{  display:inline-block; width:40px; vertical-align:top; overflow:hidden;}
.main .banner .swiper-slide .rbtn{ /*min-width:130px; */ bottom:42px;}
.main .banner .swiper-slide .rbtn span{ height:25px; line-height:16px; padding:0;}
.banner .c-dot-page { bottom:40px; }
.banner .c-dot-box {width:160px; margin-right:-16px;}
.banner .c-dot-box .c-text1{ width:30px;}
.banner .c-dot-box .c-text2{ width:30px;}
.swiper-other{bottom: 70px;}
.main .banner .swiper-pagination{ margin-top:5px;}
.main .banner .swiper-slide .table .imgs{ width: 300px;}

}

@media screen and (max-width: 480px) {
/*轮显*/
.main .banner .btn{bottom:60px;}
.banner_page{ bottom:58px;}

.main .banner .swiper-slide .txt{ line-height:1; font-size:32px;}
.main .banner .swiper-slide .rbtn{ /*min-width:110px;*/ bottom:34px;  margin-top:4%;}
.main .banner .swiper-slide .rbtn span{ height:36px; line-height:36px;}
.main .banner .swiper-slide .rbtn{ margin-top:1%;}
.banner .c-dot-page { bottom:30px; }
.main .banner .swiper-slide .table .imgs{ width: 260px;}
.banner_txt{padding-top: 0;}
}


@media screen and (max-width: 420px) {
/*轮显*/
/*.main .banner .swiper-slide .rbtn{ min-width:100px;}*/
.main .banner .swiper-slide .rbtn span{ height:32px; line-height:32px;}
.main .banner .swiper-slide .txt{ font-size:28px;}
.main .banner .swiper-slide .table .imgs{ width: 220px;}

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


}

/*优势之道*/
.i_one{
  overflow: hidden;
 background: url(../images/i_bg2.png) #fff center top no-repeat;background-size: 100% auto;
  border-radius: 10px;
  padding-left: 3%;padding-right: 3%;margin-top: -55px;position: relative;z-index: 1;
}
.i_one .h3{overflow: hidden;text-align: center;font-weight: 400; color: #000000;line-height: 1.3;margin-top: 5%;}
.i_one .p{overflow: hidden;font-size: 16px;font-weight: 400;color: #666666; line-height: 1.3;margin-top: 1%;text-align: center;}
.i_one ul{margin-top: 5%;margin-bottom: 4%;overflow: hidden;}
.i_one li{float: left;overflow: hidden;width: 25%;position: relative;cursor: pointer;}
.i_one li::after{content: "";position: absolute;right: 0;top: 0;height: 100%;width: 1px;background: url(../images/i_pic2.png) center center no-repeat;}
.i_one li:last-child::after{display: none;}
.i_one li .imgs{width: 80%;max-width: 207px;height: 153px;margin: 0 auto;display: flex; align-items: center; justify-content: left;transition:all 0.3s;background: url(../images/i_img6.png) center center no-repeat;background-size: 100% auto;}
.i_one li .imgs span{color: #003F86;font-weight: bold;
  line-height: 25px;text-align: center;width: 94%;margin: 0 auto;}
.i_one li:hover .imgs{background-image: url(../images/i_img5.png);}
@media screen and (max-width: 1200px) {
/*优势之道*/

}
@media screen and (max-width: 992px) {
/*优势之道*/
.i_one .p{font-size: 14px;margin-top: 1.5%;}
.i_one ul{margin-bottom: 6%;}
.i_one li{width: 50%;}
.i_one li:nth-child(2):after{display: none;}
.i_one li:nth-child(1),.i_one li:nth-child(2){margin-bottom: 6%;}
}
@media screen and (max-width: 640px) {
  /*优势之道*/
  .i_one ul{margin-top: 6%;}
  .i_one .p{font-size: 13px;margin-top: 2%;}
  .i_one .h3{margin-top: 6%;}
  .i_one li .imgs span{line-height: 22px;}
}
@media screen and (max-width: 480px) {
  /*优势之道*/
  .i_one .p{font-size: 12px;}
  .i_one li .imgs{height: 140px;}
  .i_one .h3{margin-top: 7%;}
}
@media screen and (max-width: 420px) {
  /*优势之道*/
  .i_one li .imgs{height: 110px;}

}

.cpzx_left h3{ font-weight:bold;}
.cpzx_left { width:100%; max-width:200px; line-height:33px; float:left;}
.cpzx_left  p{ padding-top:50px;}

/*服务*/
.i_title{text-align: center;margin-top: 5%;position: relative;padding-top: 52px;}
.i_title .h3{color: #333333;font-weight: bold;display: inline-block;vertical-align: top;line-height: 1.1;padding-left: 70px;padding-right: 70px;position: relative;}
.i_title .h3::before{content: "";width: 54px;left: 0;top: 0;height: 100%;background: url(../images/i_pic3.png) center top 70% no-repeat;background-size: 100% auto;position: absolute;}
.i_title .h3::after{content: "";width: 54px;right: 0;top: 0;height: 100%;background: url(../images/i_pic4.png) center top 70% no-repeat;background-size: 100% auto;position: absolute;}
.i_title .txt{position: absolute;top: 0;width: 100%;left: 0;text-transform: uppercase;opacity: 0.1;color: #ddd;font-family: Arial;font-weight: bold;line-height: 1;}
.i_title .bgs{position: absolute;top: 0;width: 100%;left: 0;text-transform: uppercase;opacity: 0.1;color: #ccc;font-family: Arial;font-weight: bold;line-height: 1;}
.i_service_bg{overflow: hidden;}
.i_service_bg .i_title .h3{color: #333;}
.i_service_bg .i_title .txt{color: #ddd;}

.i_service_a{margin: 0 auto;width:calc(86% - 206px);width:-webkit-calc(86% - 206px);width:-moz-calc(86% - 206px);overflow: hidden;margin-top: 3%;}

.i_service_a a{float: left; width:140px;margin-right: 15px;padding: 7px;text-align: center; border-radius: 50px 50px;color: #333;}
.i_service_a a:last-child{margin-right: 0;}
.i_service_a a:hover{background: linear-gradient(90deg, #009FA8 0%, #358DB5 100%);border: 0;}
.i_service_a a.on{background: linear-gradient(90deg, #009FA8 0%, #358DB5 100%);border: 0; color:#FFFFFF;}
.i_service_div{overflow: hidden;margin-top: 3%;position: relative;margin-bottom: 3%;}
.i_service_div .divhidden{opacity: 0; filter: Alpha(opacity=0);transition: all 0.3s;/* height: 0; */display: block; /* overflow: hidden; */z-index: 0;}
.i_service_div .divhidden.on{opacity: 1.0; filter: Alpha(opacity=100); /* height: auto; */ display: block;position: relative;z-index: 1;}
.i_service_div .divhidden:nth-child(2),.i_service_div .divhidden:nth-child(3),.i_service_div .divhidden:nth-child(4){ position:absolute; top:0; left:0; width:100%; height:100%;}

.i_service_div .i_service_l{float: left;overflow: hidden;text-align: center;width: 206px;height: 406px;background: url(../images/i_bg3.png) no-repeat; background-size: cover;margin-right: 1%;border-radius: 20px; margin-top:25px;}
.i_service_div .i_service_l .i_service_t{display: block; height: 50px;line-height: 50px;overflow: hidden;background: url(../images/i_pic5.png) center bottom no-repeat; background-size: auto 1px;color: #fff;transition:all 0.3s;}
.i_service_div .i_service_l .i_service_t:hover{opacity:0.9;filter:Alpha(opacity=90);}
.i_service_div .i_service_l .boxs{overflow: hidden;width: 96%;margin: 0 auto;margin-top: 15px;}
.i_service_div .i_service_l ul{height: 330px;overflow: hidden;}
.i_service_div .i_service_l li{display: block;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 5px;}
.i_service_div .i_service_l .a{display: block;width: 104px;line-height: 24px;border: 1px solid #FFFFFF; border-radius: 5px;font-size: 14px;
  font-family: Arial;color: #FFFFFF;text-transform: uppercase;margin: 0 auto;margin-top: 16px;}
.i_service_div .i_service_l .a:hover{background: linear-gradient(90deg, #009FA8 0%, #61B2B7 100%);border: 0;}

.i_service_div .i_service_r{overflow: hidden;background:#fff;width:calc(95% - 206px);width:-webkit-calc(95% - 206px);width:-moz-calc(95% - 206px); float:right;}
.i_service_div .i_service_r .boxs{overflow: hidden; padding:15px;}
.i_service_div .i_service_r li{float: left;width: 32%;margin-right: 2%;overflow: hidden;margin-bottom: 25px;transition:all 0.3s; padding:20px; border-bottom:1px solid #ffffff;}
.i_service_div .i_service_r li:nth-child(3n){margin-right: 0;}

.i_service_div .i_service_r li a:hover .cont_main h3.title {
    color: #009FA9;
}
/* .i_service_div .i_service_r li .imgs::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-repeat:no-repeat;background-position: center center;background-size: 62px 51px;transition:all 0.3s;} */



.i_service_div .i_service_r li a .cont_main h3.title {
	font-size: 20px;
	font-weight: 400;
	color: #333;
	line-height: 32px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	font-weight:bold;
	padding-bottom:8px;
}

.i_service_div .i_service_r li a .cont_main p.desc {
	font-size: 14px;
	line-height: 1.5;
	color: #666;
	height: 42px;
	margin-top: -2px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}


@media screen and (min-width: 641px) {
    /*埃斯顿服务*/
  .i_service_div .i_service_r li:hover{box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1); border-color: rgba(229, 229, 229, .73); border-bottom:1px solid #1B96AE;}
  .i_service_div .i_service_r li:hover .imgs::before{display: none;}
  .i_service_div .i_service_r li:hover .imgs{background: none;}
  .i_service_div .i_service_r li:hover .imgs .img1{opacity:0;filter:Alpha(opacity=0);}
  .i_service_div .i_service_r li:hover .imgs .img2{opacity:1;filter:Alpha(opacity=100);}
  .i_service_div .i_service_r li:hover .txt .p{color: #fff;max-height: 18px;-webkit-line-clamp:1;}
  .i_service_div .i_service_r li:hover .txt .h3{color: #fff;}
  .i_service_div .i_service_r li:hover .txt .ends{height:auto;}
}
@media screen and (max-width: 1400px) {
  /*埃斯顿服务*/
  .i_service_div .i_service_l{width: 206px;}
  .i_service_div .i_service_r{width: calc(95% - 206px); width: -webkit-calc(95% - 206px); width: -moz-calc(95% - 26px);}
  
  .i_service_div .i_service_r li .imgs img{display: block;height:140px;width: 140px;top: 5px;transition:all 0.3s;position: absolute;left: 5px; border-radius: 50%;}
.i_service_div .i_service_r li .imgs .img2{opacity:0;filter:Alpha(opacity=0);}
.i_service_div .i_service_r li .txt{overflow: hidden; width:30%;height: 145px; padding-top:50px;}
}
@media screen and (max-width: 1200px) {
  /*埃斯顿服务*/
  .i_title{padding-top: 46px;}
  .i_service_div{margin-top: 4%;}
  .i_service_div .jb{display: block;}
  .i_service_div .i_service_l{float: none;width: 100%;margin-right: 0;background: none;height: auto;}
  .i_service_div .i_service_l .a{display: none;}
  .i_service_div .i_service_l ul{height: auto;}
  .i_service_div .i_service_l .boxs{margin-top: 0;}
  .i_service_div .i_service_l li{display: inline-block;vertical-align: top;margin-left: 2px;margin-right: 2px;}
  .i_service_div .i_service_r{float: none;width: calc(100% - 0px); width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px);margin-top: 4%;}
  .i_service_div .i_service_r li{width: 49%;}
  .i_service_div .i_service_r li:nth-child(3n){margin-right: 2%;}
  .i_service_div .i_service_r li:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 992px) {
  /*埃斯顿服务*/
  
}
@media screen and (max-width: 780px) {
  /*埃斯顿服务*/
  .i_title{padding-top: 40px;}
  .i_service_a a{height: 40px;line-height: 40px;}
  .i_service_div .i_service_l .i_service_t{height: 40px;line-height: 40px;}
  .i_service_div .i_service_r li{width: 100%;margin-right: 0;margin-bottom: 2%;}
  .i_service_div .i_service_r li:nth-child(3n){margin-right: 2%;}
  .i_service_div .i_service_r li .boxs2{max-width: 620px;}
}
@media screen and (max-width: 640px) {
/*埃斯顿服务*/
.i_title{margin-top: 6%;padding-top: 35px;}
.i_title .h3{padding-left: 60px;padding-right: 60px;}
.i_title .h3::before{padding-left: 46px;}
.i_title .h3::after{padding-right: 46px;}
.i_service_div .i_service_l{ display:none;}
.i_service_div .i_service_r li .boxs2{/* margin-top: 16px;margin-bottom: 16px; */margin-top: 0px;margin-bottom:0px;}
.i_service_div .i_service_r li .imgs{width: 60px;height: 60px;margin-top: 12px;}
.i_service_div .i_service_r li .imgs img{width: 42px;height: 35px;}
.i_service_div .i_service_r li  .txt {overflow: hidden; width:70%;height: 105px; float:left; padding-top:10px;}
}
@media screen and (max-width: 480px) {
/*埃斯顿服务*/
.i_title{margin-top: 7%;padding-top: 28px;}
.i_service_div .i_service_r li .txt .h3{font-size: 15px;}
.i_service_div .i_service_r li .txt .p{font-size: 13px;}
}
@media screen and (max-width: 420px) {
/*埃斯顿服务*/
.i_service_div .i_service_r li .txt .p{font-size: 12px;}
}


/*行业领域*/
.i_industry_bg{ overflow: hidden; background: url(../images/i_img8.jpg) center center no-repeat; background-size: cover;}
.i_industry{position: relative;}
.i_industry::before{content: "";position: absolute;left: 0;width: 121px;height: 709px;background: url(../images/i_pic6.png) no-repeat;background-size: 100% 100%;z-index: 2;top: -89px;}
.i_industry::after{content: "";position: absolute;right: 0;width: 124px;height: 660px;background: url(../images/i_pic7.png) no-repeat;background-size: 100% 100%;z-index: 2;bottom: -25px;}
.i_industry ul{width: 98%;position: relative;display: flex;margin-left: 5%;margin-bottom: 130px;margin-top: 66px;}
.i_industry li{width: 35.625%;position: relative;-webkit-transition: all 0.7s ease 0s;  transition: all 0.7s ease 0s; margin-left:1%; }
.i_industry li:first-child{margin-left: 0;}
/*.i_industry li:first-child{ clip-path: polygon( 100% 0%,84.22% 100%, 0% 100%,0% 0%);}
 .i_industry li:nth-child(2){clip-path: polygon( 24% 0%,89% 0%, 73% 100%,8% 100%);} 
.i_industry li:nth-child(3){clip-path: polygon( 15.88% 0%,100% 0%, 100% 100%,0% 100%); }*/
.i_industry li .imgs{width: 100%;height: 80vh; overflow: hidden; position: relative;}
.i_industry li .imgs img{width: 80vw;height: 100vh; object-fit: cover;position: absolute;  transition: left 0.3s linear;margin-left: -50vw;margin-top: -50vh;top: 50%;left: 50%;max-width: none;}
.i_industry li .fz_jut{ position: absolute; top: 0; left: 0;width: 100%; padding-left: 2%; z-index: 2; color: #fff; padding-top:130px;}
.i_industry li .fz_jut .font{width: 100%; display: flex;align-items: flex-start;padding-right: 2rem;}
.i_industry li:first-child .fz_jut .font{padding-left: 3%;}
.i_industry li .fz_jut .font .cons{overflow: hidden;width: 90%;    transition: all 0.3s;}
.i_industry li .fz_jut .font .h3{font-weight: normal;color: #fff;}
.i_industry li .fz_jut .font .desc{overflow: hidden;font-size: 16px;line-height: 1.5;margin-top: 10px;white-space:nowrap;text-overflow:ellipsis;}
.i_industry li .fz_jut .font .a{overflow: hidden;margin-top: 40px;font-size: 16px;width: 460px;height: 230px;    transition: all 0.3s;}
.i_industry li:hover .fz_jut .font .a{width: 90%;}
.i_industry li .fz_jut .font .a a{float: left;width: 32%;margin-right: 2%;text-align: center;border: 1px solid #fff; border-radius: 5px;line-height: 50px;height: 50px;white-space:nowrap;text-overflow:ellipsis;color: #FFFFFF;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 2%;padding-left: 1%;padding-right: 1%;overflow: hidden;max-width: 148px;    transition: all 0.3s;}
/* .i_industry li .fz_jut .font .a a:nth-child(3n){margin-right: 0;} */
.i_industry li .fz_jut .font .a a:hover{background: linear-gradient(90deg, #009FA8 0%, #358DB5 100%);border: 0;}
.i_industry li .fz_jut .font .a2{float: left;text-transform: uppercase;color: #fff;overflow: hidden;margin-top: 40px;transition:all 0.3s;font-size: 14px;}
.i_industry li .fz_jut .font .a2:hover{opacity:0.8;filter:Alpha(opacity=80);margin-left: 5px;background: linear-gradient(88deg, #009FA8 0%, #328FB4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
@media screen and (min-width: 1201px) {
/*行业领域*/
.i_industry li:hover{width: 80%;}
.i_industry li .imgs{transform: skew(-10deg); transform-origin: right top;}
.i_industry li .imgs img{ transform: skew(10deg); } 

}
@media screen and (max-width: 1800px) {
/*行业领域*/
.i_industry ul{margin-left: 2%;width: 100%;}
.i_industry::before{left: -40px;}
.i_industry::after{right: -40px;}
.i_industry li .fz_jut .font .a{width: 420px;}
}
@media screen and (max-width: 1600px) {
  /*行业领域*/
  .i_industry ul{margin-left: 0%;width: 102%;}
.i_industry::before{left: -60px;}
.i_industry::after{right: -60px;}
  .i_industry li .fz_jut .font .a{width: 380px;font-size: 15px;}
  .i_industry li .fz_jut{padding-top: 100px;}
  
}
@media screen and (max-width: 1400px) {
  /*行业领域*/
  .i_industry li .fz_jut .font .a{width: 90%;font-size: 14px;}
  .i_industry li .fz_jut{padding-top: 70px;}
  }
@media screen and (max-width: 1200px) {
/*行业领域*/
.i_industry ul{display: block;width: 100%;}
.i_industry li{width: 100%;float: none;margin-left: 0;margin-bottom: 2%;}
.i_industry li .imgs{height: 70vh;}
.i_industry li .imgs img{width: 100%;}
.i_industry li .fz_jut{padding-top: 50px;padding-right: 3%;padding-left: 3%;}
.i_industry li:first-child .fz_jut .font{padding-left: 0;}
.i_industry li .fz_jut .font{padding-right: 0;}
.i_industry li .fz_jut .font .cons{width: 100%;}
.i_industry li .fz_jut .font .a{height: auto;}
.i_industry::before{display: none;}
.i_industry::after{display: none;}
}
@media screen and (max-width: 992px) {
/*行业领域*/
.i_industry ul{margin-top: 4%; margin-bottom:6%;}
}
@media screen and (max-width: 640px) {
/*行业领域*/
.i_industry li .fz_jut .font .desc{font-size: 14px;}
.i_industry li .fz_jut .font .a{width: 100%;}
.i_industry li .fz_jut .font .a a{height: 40px;line-height: 40px;}
.i_industry li .fz_jut .font .a2{font-size: 13px;}

}




/*关于我们*/
.i_about_bg{overflow: hidden;background: url(../images/i_img12.jpg) center center no-repeat;background-size: cover;}
.i_about{ margin-top: 3%; margin-bottom: 5%; position: relative;}
.i_about .desc{ line-height: 1.8; overflow: hidden; color: #fff;max-width: 870px;margin: 0 auto; text-align: center;text-transform: uppercase;}
.i_about .num{ overflow: hidden; margin-top: 6%;text-align: center;}
.i_about .num .one{  overflow: hidden; padding-right: 1%; color: #fff;display: inline-block;vertical-align: top;text-align: left;margin-left: 26px;margin-right: 26px;}
.i_about .num .top{ color: #222; font-size: 16px;line-height: 1.2;}
.i_about .num .top span{font-family: 'Open-Sans'; line-height: 1.2; font-weight: bold; margin-top: -6px; float: left; margin-right: 10px;background: linear-gradient(88deg, #009FA8 0%, #328FB4 100%);
  -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.i_about .num .top label{ overflow: hidden; display: inline-block; vertical-align: top;}
.i_about .num .top label i{display: block;font-style: normal;overflow: hidden;margin-top: 2px;}
.i_about .num .top sup{margin-bottom: 12px; display: block; font-size: 22px;background: linear-gradient(88deg, #009FA8 0%, #328FB4 100%);
  -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.i_about .num .top em{ font-style: normal; display: block;color: rgba(255, 255, 255, 1);}
.i_about_bg .i_title .h3{color: #fff;}
.i_about_bg .i_title .txt{color: #FFFFFF;}
.i_more{overflow: hidden;width: 180px; line-height: 50px; border: 1px solid #666666;border-radius: 5px;text-align: center;transition:all 0.3s;color: #333333;font-size: 14px;font-family: Arial; text-transform: uppercase;display: block;margin: 0 auto;margin-top: 3%;position: relative;z-index: 0;}
.i_more:hover{border: 1px solid rgba(255,255,255,0); color: #fff;}
.i_more::after{content: "";position: absolute;left: 0;top: 0;height: 100%;width: 0;background: linear-gradient(90deg, #009FA8, #328FB4);transition:all 0.3s;z-index: -1;}
.i_more:hover::after{width: 100%;}
.i_about_img{overflow: hidden;margin-top: 3%;}
.i_about_img li{overflow: hidden;width: 24.25%;margin-right: 1%;background: #fff;transition:all 0.3s;border-radius: 5px;padding: 14px;--size: 0.9em; --fill: #aaaaaa;float: left;}
.i_about_img li:nth-child(4n){margin-right: 0;}
.i_about_img li:hover{background: linear-gradient(90deg, #009FA8, #328FB4); --fill: #ffffff;
 }
.i_about_img li a{display: block;}
.i_about_img li .imgs{overflow: hidden;position: relative;padding-top: 63%;}
.i_about_img li .imgs img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_about_img li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_about_img li .h3{font-weight: normal;height: 32px;line-height: 32px;margin-top: 18px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;color: #333333;}
.i_about_img li .h3 span{float: right;margin-left: 6px;margin-top: 6px;}
.i_about_img li:hover .h3{ color: #fff;}
@media screen and (max-width: 1400px) {
/*关于我们*/
.i_about .num .top{ font-size: 15px;}
.i_about .num .top sup{  line-height: 1; margin-top: 5px; font-size: 20px;}
.i_about .num .one{margin-left: 20px;margin-right: 20px;}
}
@media screen and (max-width: 1260px) {
  /*关于我们*/
  .i_about .num .top{ font-size: 14px;}
  .i_about .num .top sup{ font-size: 18px;}
  .i_about .num .one{margin-left: 15px;margin-right: 15px;}
}
@media screen and (max-width: 1200px) {
  /*关于我们*/
  .i_about .num .top span{ margin-right: 5px;}
  .i_about .num .one{margin-left: 10px;margin-right: 10px;}
}
@media screen and (max-width: 992px) {
/*关于我们*/
.i_more{line-height: 40px;width: 160px;}
.i_about .num .one{width: 50%;margin-left: 0;margin-right: 0;float: left;text-align: center;margin-bottom: 3%;}
.i_about .num .top{text-align: center;}
.i_about .num .top sup{ margin-bottom: 10px;font-size: 16px;}
.i_about .num .top span{ margin-top: -2px;float: none;}
.i_about .num .top label{text-align: left;}
.i_about .num{ margin-top: 7%;}
.i_about_img li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
.i_about_img li:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 780px) {
  /*关于我们*/
  .i_about .num .top sup{margin-bottom: 5px;}
}
@media screen and (max-width: 640px) {
    /*关于我们*/
    .i_more{font-size: 13px;}
    .i_about .num .top{ font-size: 13px;}
    .i_about .num .top sup{ font-size: 14px;}
    .i_about .num .one{/* width: 100%;float: none; */margin-bottom: 5%;}
    .i_about .num .top span{margin-right: 0;position: relative;}
    .i_about .num .top span::after{content: "+";position: absolute;right: -12px;top: 0;font-size: 14px;background: linear-gradient(88deg, #009FA8 0%, #328FB4 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;}
    .i_about .num .top label sup{display: none;}
    .i_about .num .top label{text-align: center;display: block;}
    .i_about_img li{padding: 10px;}
    .i_about_img li .h3{height: 26px;line-height: 26px;margin-top: 12px;}
}
@media screen and (max-width: 480px) {
  /*关于我们*/
  .i_more{width: 140px;}
  .i_about .num .top{ font-size: 12px;}
  .i_about .num .top sup{ font-size: 13px;}
}


/*核心团队*/
.i_team_bg{overflow: hidden;background-size:cover;background-repeat: no-repeat;background-position: center center;}
.i_team_bg .i_more{margin-top: 4%;margin-bottom: 5%;border-color: #000000;color: #474747;}
.i_team_bg .i_more:hover{border-color: rgba(0,0,0,0); color: #fff;}
.i_team{overflow: hidden;margin-top: 5%;}
.i_team ul li{float: left;overflow: hidden;width: 32.66%;margin-right: 0.5%;}
.i_team ul li:nth-child(3n){margin-right: 0;}
.i_team ul li .boxs{overflow: hidden;margin-bottom: 1.5%;border-radius: 5px;position: relative;}
.i_team ul li .imgs{overflow: hidden;position: relative;padding-top: 57.4%;}
.i_team ul li:first-child .imgs{padding-top: 116.3%;}
.i_team ul li .imgs img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_team ul li .boxs:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_team ul li .boxs .h3{font-weight:normal;height: 38px;line-height: 38px;background: rgba(0,0,0,0.7);position: absolute;bottom: 0px;left: 0;width: 100%;padding-left: 2%;padding-right: 2%;text-align: center;color: #fff;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;}
.i_team ul li .boxs .h3 span{margin-left: 8%;font-size: 14px;font-family: Arial;overflow: hidden;text-transform: uppercase;}
.i_team ul li .boxs:hover .h3{background: linear-gradient(90deg, #009FA8, #328FB4);bottom: -38px;}
.i_team ul li .partbox{
	border-radius: 5px;
	overflow: hidden;
	color: #fff;
	height: 100%;
	position: absolute;transition:all 0.3s;left: 0;width: 100%;
    top: 100%;z-index: 0;
}
.i_team ul li:hover .partbox{top: 0;}
.i_team ul li .partbox .boxs{width: 94%;max-width: 370px;margin: 0 auto;}
.i_team ul li .partbox::after{position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(90deg, #009FA8, #328FB4);opacity:0.8;filter:Alpha(opacity=80);z-index: -1;}
.i_team ul li .partbox .title{
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;margin-top: 15%;font-size: 18px;color: #fff;
}
.i_team ul li .partbox .title2{overflow: hidden;height: 26px;line-height: 26px;margin-top: 5%;font-size: 18px;}
.i_team ul li .partbox .p{overflow: hidden;line-height: 20px;font-size: 14px;text-overflow: ellipsis; -webkit-box-orient: vertical;margin-top: 3px;}

@media screen and (max-width: 1600px) {
  /*核心团队*/
  .i_team ul li .partbox .title{margin-top: 6%;}
.i_team ul li .partbox .title2{font-size: 14px;margin-top: 2%;}
.i_team ul li .partbox .p{font-size: 12px;}
}
@media screen and (max-width: 1440px) {
  /*核心团队*/
  .i_team ul li .partbox .title{margin-top: 6%;}
.i_team ul li .partbox .title2{font-size: 14px;margin-top: 2%;}
.i_team ul li .partbox .p{font-size: 12px;}
}
@media screen and (max-width: 1200px) {
/*核心团队*/
.i_team ul li .boxs .h3 span{display: none;}
.i_team ul li .partbox .title{margin-top: 2%;font-size: 14px;}
.i_team ul li .partbox .title2{font-size: 14px;margin-top: 2%;}
.i_team ul li .partbox .p{font-size: 12px;}
}
@media screen and (max-width: 1100px) {
  /*核心团队*/
  .i_team ul li .partbox .title{font-size: 14px;}
  .i_team ul li .partbox .title2{font-size: 15px;margin-top: 3%;}
  .i_team ul li .partbox .p{font-size: 12px;}
  }
@media screen and (max-width: 992px) {
/*核心团队*/
.i_team ul li{float: none;width: 100%;margin-right: 0;}
.i_team ul li:hover .partbox{display: none;}
.i_team ul li .boxs .h3{height: 30px;line-height: 30px;}
.i_team ul li .boxs:hover .h3{bottom: 0;}
}
@media screen and (max-width: 640px) {
/*核心团队*/
.i_team_bg .i_more{margin-top: 5%;margin-bottom: 7%;}
}


/*新闻动态*/
.i_news_bg{ 
  overflow: hidden;background-size:cover;background-repeat: no-repeat;background-position: center center;
}
.i_news_bg .i_more{margin-top: 5%;margin-bottom: 5%;}
.i_news_bg .i_title .h3{color: #333;}
.i_news_bg .i_service_a{max-width: 402px;}
.i_news_bg .i_service_a a{width: 48%;}
.i_news{margin-top:5%;overflow: hidden;position: relative;}
.i_news .divhidden{opacity: 0; filter: Alpha(opacity=0);transition: all 0.3s;/* height: 0; */display: block; /* overflow: hidden; */z-index: 0;}
.i_news .divhidden.on{opacity: 1.0; filter: Alpha(opacity=100); /* height: auto; */ display: block;position: relative;z-index: 1;}
.i_news .divhidden:nth-child(2),.i_news .divhidden:nth-child(3),.i_news .divhidden:nth-child(4){ position:absolute; top:0; left:0; width:100%; height:100%;}
.i_news_l{ float: left;
  overflow: hidden;
position: relative;
width: 48.8125%;
border-radius: 20px;background: #F6F6F6;
}
.i_news_l .imgs{  overflow: hidden;/* padding-top: 40.6%; */position: relative;padding-top: 317px;}
.i_news_l .imgs img{ display: block;width: 100%; height: 100%;position: absolute;top: 0;left: 0;  -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;object-fit: cover;}
.i_news_l:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.i_news_l .boxs{ width: 96%; margin: 0 auto; max-width: 710px;margin-top: 39px;margin-bottom: 31px;}
.i_news_l .date{overflow: hidden;color: #777777;font-size: 16px; height: 30px;line-height: 30px;}
.i_news_l .h3{ 
  font-weight:bold;
  color: #333333;
  overflow: hidden;
  transition:all 0.3s; height: 30px;line-height: 30px;margin-top: 15px;
  display: inline-block;vertical-align: top;transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis;
  max-width: 100%;
}
.i_news_l:hover .h3{background: linear-gradient(88deg, #009FA8 0%, #328FB4 100%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.i_news_l .p{
  color: #666666;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  margin-top: 13px;
  font-size: 14px;
}

.i_news_r{float: right; overflow: hidden;width: 48.125%;background: #F6F6F6;border-radius: 20px;}
.i_news_r .boxs{ width: 96%; margin: 0 auto; max-width: 720px;margin-top: 33px;margin-bottom: 4px;}
.i_news_r .one{overflow: hidden;margin-bottom: 31px;}
.i_news_r .one .date{overflow: hidden;color: #777777;font-size: 16px; height: 30px;line-height: 30px;}
.i_news_r .one .h3{ 
  font-weight:bold;
  color: #333333;
  overflow: hidden;
  transition:all 0.3s; height: 30px;line-height: 30px;margin-top: 16px;
  display: inline-block;vertical-align: top;white-space:nowrap;text-overflow:ellipsis;
  max-width: 100%;
}
.i_news_r .one:hover .h3{background: linear-gradient(88deg, #009FA8 0%, #328FB4 100%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.i_news_r .one .p{
  color: #555;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  margin-top: 13px;
  font-size: 16px;
}
.i_news_r .one .imore{float: left;height: 30px;line-height: 30px;margin-top: 32px;overflow: hidden;transition:all 0.3s;color: #333;font-style: normal;font-size: 14px;text-transform:uppercase;}
.i_news_r .one:hover .imore{background: linear-gradient(88deg, #009FA8 0%, #328FB4 100%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.i_news_r li{display: block; overflow: hidden;width: 100%;position: relative;}
.i_news_r li a{display: block;overflow: hidden;color: #333;width: 100%;}
.i_news_r .ul{overflow: hidden;clear: both;width: 100%;}
.i_news_r li::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: #dadada;overflow: hidden;}
.i_news_r li .h3{ 
  line-height: 86px;
  height: 86px;
  position: relative;color: #333;font-weight: bold;overflow: hidden;
}
.i_news_r li .h3 span{overflow: hidden;float: left;width:calc(99% - 82px);width:-webkit-calc(99% - 82px);width:-moz-calc(99% - 82px);white-space:nowrap;text-overflow:ellipsis;color: #333;line-height: 86px;
  height: 86px;z-index: 3;}
.i_news_r li:hover .h3 span{background: linear-gradient(88deg, #009FA8 0%, #328FB4 100%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.i_news_r li .date{float: right;color: #777;font-size: 16px;font-family: Arial;font-weight: normal;overflow: hidden;}
@media screen and (max-width: 1440px) {
  /*新闻动态*/
  .i_news_l{width: 49%;}
  .i_news_l .date{font-size: 15px;}
  .i_news_r{width: 49%;}
  .i_news_r .one .p{font-size: 15px;}
  .i_news_r .one .date{font-size: 15px;}
  .i_news_r li .date{font-size: 15px;}
  
}
@media screen and (max-width: 1200px) {
  /*新闻动态*/
  .i_news_r .one{margin-bottom: 26px;}
  .i_news_r .one .h3{margin-top: 12px;}
  .i_news_r .one .imore{margin-top: 26px;}
  .i_news_r li .h3{height: 73px;line-height: 73px;}
  .i_news_r li .h3 span{height: 73px;line-height: 73px;}
  .i_news_l .boxs{margin-top: 29px;margin-bottom: 26px;}
  .i_news_l .imgs{padding-top: 280px;}
}
@media screen and (max-width: 992px) {
/*新闻动态*/
.i_news_l{float: none;width: 100%;max-width: none;margin-bottom: 2%;}
.i_news_l .boxs{max-width: 770px;margin-bottom: 30px;}
.i_news_l .imgs{padding-top: 40.6%;}
.i_news_r{float: none;width: 100%;max-width: none;margin-bottom: 1%;clear: both;}
.i_news_r .boxs{max-width: 770px;}
.i_news_bg .i_service_a a{width: 100%; float:left;}
.i_service_a a { line-height:30px;}
}
@media screen and (max-width: 640px) {
/*新闻动态*/
.i_news_bg .i_more{margin-top: 5%;margin-bottom: 7%;}
.i_news_l .date{font-size: 14px;margin-left: 0;}
.i_news_l .boxs{margin-top: 20px;margin-bottom: 25px;}
.i_news_l .h3{margin-top: 5px;}
.i_news_r li .h3 span{width:calc(99% - 76px);width:-webkit-calc(99% -76px);width:-moz-calc(99% - 76px);}
.i_news_l .p{font-size: 13px;line-height: 20px;height: 40px;margin-top: 8px;}
.i_news_r .boxs{margin-top: 20px;}
.i_news_r .one{margin-bottom: 20px;}
.i_news_r .one .h3{margin-top: 5px;}
.i_news_r .one .p{font-size: 13px;line-height: 20px;height: 40px;margin-top: 8px;}
.i_news_r .one .imore{font-size: 12px;margin-top: 20px;}
.i_news_r .one .date{font-size: 14px;}
.i_news_r li .h3{line-height: 60px;height: 60px;}
.i_news_r li .h3 span{line-height: 60px;height: 60px;}
.i_news_r li:hover .h3 span{background: none;color: #295591;-webkit-text-fill-color:#295591;}
.i_news_r li .date{font-size: 13px;}
}
@media screen and (max-width: 480px) {
/*新闻动态*/
.i_news_l{border-radius: 10px;}
.i_news_l .h3{font-size: 15px;}
.i_news_l .date{font-size: 13px;}
.i_news_r{border-radius: 10px;}
.i_news_r .one .h3{font-size: 15px;}
.i_news_r .one .date{font-size: 13px;}
.i_news_r li .date{font-size: 12px;}
.i_news_r li .h3{font-size: 15px;}
}
@media screen and (max-width: 420px) {

}

@keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
   transform: translate(0%, 10px);
  }
}
@-o-keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
    transform: translate(0%, 10px);
  }
}
@-moz-keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
    transform: translate(0%, 10px);
  }
}
@-webkit-keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
   transform: translate(0%, 10px);
  }
}
@keyframes mymove6
{
  from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(-100px) translateX(0);
  -moz-transform: translateY(-100px) translateX(0);
  transform: translateY(-100px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
  to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@-webkit-keyframes mymove6
{
  /*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}
  to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/
  from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(-100px) translateX(0);
  -moz-transform: translateY(-100px) translateX(0);
  transform: translateY(-100px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
  to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@keyframes map-point {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0.15;
    transform: scale(5);
  }
}

@-webkit-keyframes fadeInRight2 {
  from {
    opacity: 1.0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight2 {
  from {
    opacity: 1.0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.about_four_bg{padding-top:35px;}
.about_four{  margin-top:2%;margin-bottom: 6%; background:url(../images/jqrbg.jpg);}
.about_four li{ float:left; width:33.33%; border-right:1px solid #0AD4E1; overflow:hidden;position: relative;z-index: 0;}
.about_four li:nth-child(3n+0){margin-right: 0;}
.about_four li::after{content: "";position: absolute;left: 0;top:0;height: 100%;width: 0;background: linear-gradient(90deg, #2CACB6, #2CACB6);transition:all 0.3s; z-index: -1;opacity:6.0;filter:Alpha(opacity=50);}
.about_four li:hover::after{width: 100%;}
.about_four li .boxs{ margin:0 auto; width:90%; max-width:310px; margin-top:40px; margin-bottom:50px;}
.about_four li .imgs{ width:50px; height:50px; overflow:hidden; position:relative;transform: scaleX(1);transition: transform 0.3s;margin: 0 auto;}
.about_four li .imgs img{ width:100%; height:100%; display:block;transition:all 0.3s; position:absolute; top:0; left:0;}
.about_four li .imgs #img2{ opacity:0;filter:Alpha(opacity=0);}
.about_four li:hover .imgs #img1{opacity:0;filter:Alpha(opacity=0);}
.about_four li:hover .imgs #img2{opacity:1.0;filter:Alpha(opacity=100);}
/* .about_four li:hover .imgs{ transform: scaleX(-1);} */
.about_four li .h7{ margin-top:18px; line-height:40px; height:40px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#ffffff; font-weight:bold;transition:all 0.3s;text-align: center;}
.about_four li .p{margin-top:11px; line-height:26px; overflow:hidden;color:#ffffff; font-size:15px;transition:all 0.3s;text-align: center;}
.about_four li:hover .h7{color: #fff;}
.about_four li:hover .p{color: #fff;}