/* :: 1.0 Import Fonts */
@import url("https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800");
/* :: 2.0 Import All CSS */
@import url(css/bootstrap.min.css);
@import url(css/classy-nav.css);
@import url(css/owl.carousel.min.css);
@import url(css/animate.css);
@import url(css/magnific-popup.css);
@import url(css/font-awesome.min.css);
@import url(css/elegant-icon.css);
/* :: 3.0 Base CSS */
* {
  margin: 0;
  padding: 0; }

body {
  font-family: "Dosis", sans-serif;
  font-size: 16px;
  color: #707070; }
a{ -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #303030;
  line-height: 1.3;
  font-weight: 500; }
p {
  color: #707070;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400; }

a,
a:hover{text-decoration: none;}
a:focus {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: 0 solid transparent;
  color: #303030;
  font-weight: 500;
   }

ul,
ol {
  margin: 0; }
  ul li,
  ol li {
    list-style: none; }

img {
  height: auto;
  max-width: 100%; }
.tlinks {
  text-indent: -9999px;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
/* :: 3.1.0 Spacing */
.mt-15 {
  margin-top: 15px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.ml-15 {
  margin-left: 15px !important; }

.ml-30 {
  margin-left: 30px !important; }

.ml-50 {
  margin-left: 50px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mr-50 {
  margin-right: 50px !important; }

/* :: 3.2.0 Height */
.height-400 {
  height: 400px; }

.height-500 {
  height: 500px; }

.height-600 {
  height: 600px; }

.height-700 {
  height: 700px; }

.height-800 {
  height: 800px; }

/* :: 3.3.0 Section Padding */
.section-padding-100 {
  padding-top: 100px;
  padding-bottom: 100px; }

.section-padding-100-0 {
  padding-top: 100px;
  padding-bottom: 0; }

.section-padding-0-100 {
  padding-top: 0;
  padding-bottom: 100px; }

.section-padding-100-70 {
  padding-top: 100px;
  padding-bottom: 70px; }

/* :: 3.4.0 Section Heading */
.section-heading {
  position: relative;
  z-index: 1;
  margin-bottom: 40px; }
  .section-heading h2 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .section-heading h2 {
        font-size: 24px; } }
  .section-heading p {
    font-size: 16px;
    color: #707070;
    margin-bottom: 0; }

/* :: 3.5.0 Preloader */
.preloader {
  background-color: #f2f4f5;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  overflow: hidden; }
  .preloader .preloader-circle {
    width: 80px;
    height: 80px;
    position: relative;
    border-style: solid;
    border-width: 2px;
    border-top-color: #004e97;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 10;
    border-radius: 50%;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    -webkit-animation: zoom 2000ms infinite ease;
    animation: zoom 2000ms infinite ease; }
  .preloader .preloader-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 200; }
    .preloader .preloader-img img {
      max-width: 45px; }

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes zoom {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* :: 3.6.0 Miscellaneous */
.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }

.bg-white {
  background-color: #ffffff !important; }

.bg-dark {
  background-color: #000000 !important; }

.bg-transparent {
  background-color: transparent !important; }

.font-bold {
  font-weight: 700; }

.font-light {
  font-weight: 300; }

.bg-overlay {
  position: relative;
  z-index: 2;
  background-position: center center;
  background-size: cover; }
  .bg-overlay::after {
    background-color: rgba(17, 17, 17, 0.3);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""; }

.bg-fixed {
  background-attachment: fixed !important; }

.bg-gray {
  background-color: #f2f4f5; }

/* :: 3.7.0 ScrollUp */
#scrollUp {
  background-color: #004e97;
  border-radius: 0;
  bottom: 0;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  right: 50px;
  text-align: center;
  width: 40px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
  #scrollUp:hover {
    background-color: #303030; }

/* :: 3.8.0 alazea Button */
.alazea-btn {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  position: relative;
  z-index: 1;
  display: inline-block;
  min-width: 270px;
  height: 60px;
  color: #ffffff;
  border: 2px solid #fff;
  border-radius: 2px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 60px;
  text-transform: uppercase;
  font-weight: 600; }
  .alazea-btn.active, .alazea-btn:hover, .alazea-btn:focus {
    font-size: 16px;
    color: #004e97;
    font-weight: 600;
    background-color: transparent;
    box-shadow: none; }

/* :: 4.0 Header Area CSS */
.header-area {
  position: absolute;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: transparent; }
  .header-area .top-header-area {
    position: relative;
    z-index: 100;
    background-color: transparent;
    width: 100%;
    height: 42px;
    border-bottom: 1px solid rgba(235, 235, 235, 0.2); }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area .top-header-area {
        z-index: 1; } }
    @media only screen and (max-width: 767px) {
      .header-area .top-header-area {
        z-index: 1; } }
    .header-area .top-header-area .top-header-content {
      position: relative;
      z-index: 1;
      height: 41px; }
      .header-area .top-header-area .top-header-content .top-header-meta a {
        display: inline-block;
        font-size: 12px;
        font-weight: 400;
        color: #ffffff;
        line-height: 1; }
        .header-area .top-header-area .top-header-content .top-header-meta a:first-child {
          margin-right: 30px; }
        .header-area .top-header-area .top-header-content .top-header-meta a i {
          margin-right: 5px;
          color: #70c745; }
        @media only screen and (max-width: 767px) {
          .header-area .top-header-area .top-header-content .top-header-meta a span {
            display: none; } }
      .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown {
        position: relative;
        z-index: 1; }
        .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown::after {
          width: 1px;
          height: 100%;
          background-color: rgba(235, 235, 235, 0.2);
          content: '';
          top: 0;
          right: 15px;
          z-index: 2;
          position: absolute; }
        .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .btn {
          padding: 0;
          background-color: transparent;
          border: none;
          font-size: 12px; }
          .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .btn:focus {
            box-shadow: none; }
        .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .dropdown-menu {
          background-color: #70c745;
          border: none;
          box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15); }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .dropdown-menu {
              top: 90px !important; } }
          @media only screen and (max-width: 767px) {
            .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .dropdown-menu {
              min-width: 100px;
              top: 70px !important; } }
          .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .dropdown-menu .dropdown-item:focus,
          .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .dropdown-menu .dropdown-item:hover {
            color: #ffffff;
            background-color: #111111; }
      .header-area .top-header-area .top-header-content .top-header-meta .cart {
        position: relative;
        z-index: 1; }
        .header-area .top-header-area .top-header-content .top-header-meta .cart::after {
          width: 1px;
          height: 100%;
          background-color: rgba(235, 235, 235, 0.2);
          content: '';
          top: 0;
          left: -15px;
          z-index: 2;
          position: absolute; }
        .header-area .top-header-area .top-header-content .top-header-meta .cart a {
          margin-right: 0; }
  .header-area .alazea-main-menu {
    position: relative;
    z-index: 1;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area .alazea-main-menu .classy-navbar .classy-menu {
        background-color: #111111; } }
    @media only screen and (max-width: 767px) {
      .header-area .alazea-main-menu .classy-navbar .classy-menu {
        background-color: #111111; } }
    .header-area .alazea-main-menu .classy-nav-container {
      background-color: transparent; }
    .header-area .alazea-main-menu .classy-navbar {
      height: 90px;
      padding: 0; }
      .header-area .alazea-main-menu .classy-navbar .nav-brand {
        line-height: 1; }
      @media only screen and (max-width: 767px) {
        .header-area .alazea-main-menu .classy-navbar {
          height: 70px; } }
    .header-area .alazea-main-menu .classynav ul li a {
      padding: 0 30px;
      font-weight: 500;
      text-transform: capitalize;
      font-size: 20px;
      color: #ffffff; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .header-area .alazea-main-menu .classynav ul li a {
          font-size: 18px;
          padding: 0 20px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-area .alazea-main-menu .classynav ul li a {
          background-color: #111111;
          font-size: 16px;
          color: #ffffff;
          border-bottom: none; } }
      @media only screen and (max-width: 767px) {
        .header-area .alazea-main-menu .classynav ul li a {
          background-color: #111111;
          font-size: 16px;
          color: #ffffff;
          border-bottom: none; } }
      .header-area .alazea-main-menu .classynav ul li a:hover, .header-area .alazea-main-menu .classynav ul li a:focus {
        color: #70c745; }
      .header-area .alazea-main-menu .classynav ul li a::after {
        color: #ffffff; }
    .header-area .alazea-main-menu .classynav ul li ul li a {
      padding: 0 20px;
      color: #303030;
      font-size: 14px;
      border-bottom: none; }
      .header-area .alazea-main-menu .classynav ul li ul li a::after {
        color: #303030; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .header-area .alazea-main-menu .classynav ul li ul li a::after {
            color: #ffffff; } }
        @media only screen and (max-width: 767px) {
          .header-area .alazea-main-menu .classynav ul li ul li a::after {
            color: #ffffff; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-area .alazea-main-menu .classynav ul li ul li a {
          padding: 0 45px;
          color: #ffffff; } }
      @media only screen and (max-width: 767px) {
        .header-area .alazea-main-menu .classynav ul li ul li a {
          padding: 0 45px;
          color: #ffffff; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area .alazea-main-menu .classy-navbar-toggler .navbarToggler span {
        background-color: #ffffff; } }
    @media only screen and (max-width: 767px) {
      .header-area .alazea-main-menu .classy-navbar-toggler .navbarToggler span {
        background-color: #ffffff; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area .alazea-main-menu .classycloseIcon .cross-wrap span {
        background: #ffffff; } }
    @media only screen and (max-width: 767px) {
      .header-area .alazea-main-menu .classycloseIcon .cross-wrap span {
        background: #ffffff; } }
    .header-area .alazea-main-menu .search-form {
      position: relative;
      z-index: 1;
      opacity: 0;
      visibility: hidden;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
      .header-area .alazea-main-menu .search-form form {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 100;
        background-color: #ffffff;
        width: 500px;
        border-radius: 5px;
        padding: 30px;
        box-shadow: 0 3px 40px 0 rgba(0, 0, 0, 0.15); }
        @media only screen and (max-width: 767px) {
          .header-area .alazea-main-menu .search-form form {
            width: 290px;
            padding: 20px; } }
        .header-area .alazea-main-menu .search-form form input {
          width: 100%;
          height: 45px;
          border: 1px solid #ebebeb;
          padding: 0 30px;
          border-radius: 5px;
          font-size: 14px; }
          @media only screen and (max-width: 767px) {
            .header-area .alazea-main-menu .search-form form input {
              padding: 0 15px; } }
      .header-area .alazea-main-menu .search-form .closeIcon {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        position: absolute;
        top: 41px;
        right: 60px;
        z-index: 200;
        cursor: pointer;
        color: #707070; }
        .header-area .alazea-main-menu .search-form .closeIcon:hover {
          color: #70c745; }
        @media only screen and (max-width: 767px) {
          .header-area .alazea-main-menu .search-form .closeIcon {
            top: 31px;
            right: 35px; } }
      .header-area .alazea-main-menu .search-form.active {
        opacity: 1;
        visibility: visible; }
  .header-area .is-sticky .alazea-main-menu {
    background-color: #111111;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    box-shadow: 0 5px 50px 15px rgba(0, 0, 0, 0.2); }
  .header-area #searchIcon {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    color: #ffffff;
    font-size: 20px;
    cursor: pointer;
    margin-left: 50px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area #searchIcon {
        margin-left: 30px;
        margin-top: 15px; } }
    @media only screen and (max-width: 767px) {
      .header-area #searchIcon {
        margin-left: 30px;
        margin-top: 15px; } }
    .header-area #searchIcon:hover, .header-area #searchIcon:focus {
      color: #70c745; }

/* :: 5.0 Hero Slides Area */
.hero-area,
.hero-post-slides {
  position: relative;
  z-index: 1; }

.single-hero-post {
  width: 100%;
  height: 930px;
  position: relative;
  z-index: 3;
  overflow: hidden; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-hero-post {
      height: 690px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-hero-post {
      height: 600px; } }
  @media only screen and (max-width: 767px) {
    .single-hero-post {
      height: 650px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .single-hero-post {
      height: 500px; } }
  .single-hero-post .slide-img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  .single-hero-post .hero-slides-content {
    position: relative; margin-top: 130px;
    z-index: 1;
    }
    @media only screen and (max-width: 767px) {
      .single-hero-post .hero-slides-content {
        margin-top: 112px; } }
    .single-hero-post .hero-slides-content h2 {
      font-size: 45px; font-weight: bold;
      letter-spacing: 1px;
      color: #ffffff;
      text-transform: uppercase; }

    .single-hero-post .hero-slides-content p {
      font-size: 21px;
      color: #ffffff;
      margin-bottom: 50px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-hero-post .hero-slides-content p {
          font-size: 18px; } }
      @media only screen and (max-width: 767px) {
        .single-hero-post .hero-slides-content p {
          font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .single-hero-post .hero-slides-content a {
        min-width: 125px;
        padding: 0 10px; } }

.hero-post-slides .owl-item.center .single-hero-post .slide-img {
  -webkit-animation: slide 24s linear infinite;
  animation: slide 24s linear infinite; }

@-webkit-keyframes slide {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes slide {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
/* :: 6.0 Subscribe Newsletter Area */
.subscribe-newsletter-area {
  position: relative;
  z-index: 1;
  padding: 60px 0;
  background-size: cover;
  background-position: top right; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .subscribe-newsletter-area .subscribe-form {
      margin-top: 50px; } }
  @media only screen and (max-width: 767px) {
    .subscribe-newsletter-area .subscribe-form {
      margin-top: 50px; } }
  .subscribe-newsletter-area .subscribe-form form {
    position: relative;
    z-index: 1; }
    .subscribe-newsletter-area .subscribe-form form input {
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
      width: 100%;
      height: 46px;
      background-color: #ffffff;
      padding: 10px 20px;
      border: none; }
      .subscribe-newsletter-area .subscribe-form form input:focus {
        box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); }
    .subscribe-newsletter-area .subscribe-form form button {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 10;
      border: none;
      border-radius: 0 2px 2px 0; }
  .subscribe-newsletter-area .subscribe-side-thumb .first-img {
    position: absolute;
    top: -30px;
    left: 5%;
    z-index: 10; }

/* :: 7.0 New Arrivals Products Area */
.single-product-area {
  position: relative;
  z-index: 1;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
  .single-product-area .product-img {
    position: relative;
    z-index: 1;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; }
    .single-product-area .product-img a {
      display: block; }
    .single-product-area .product-img img {
      position: relative;
      z-index: 1;
      width: 100%; }
    .single-product-area .product-img .product-tag a {
      background-color: #429edf;
      border-radius: 2px;
      display: inline-block;
      height: 20px;
      padding: 0 10px;
      line-height: 20px;
      text-transform: uppercase;
      color: #ffffff;
      font-weight: 700;
      font-size: 12px;
      position: absolute;
      top: 20px;
      left: 20px;
      z-index: 10; }
    .single-product-area .product-img .product-tag.sale-tag a {
      background-color: #e61d47; }
    .single-product-area .product-img .product-meta {
      position: absolute;
      bottom: 30px;
      left: 15px;
      right: 15px;
      z-index: 100;
      visibility: hidden;
      opacity: 0;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
      .single-product-area .product-img .product-meta a {
        font-size: 16px;
        color: #ffffff;
        font-weight: 600;
        background-color: #303030;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        max-width: 50px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-transform: uppercase;
        text-align: center; }
        .single-product-area .product-img .product-meta a:hover, .single-product-area .product-img .product-meta a:focus {
          background-color: #70c745; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .single-product-area .product-img .product-meta a {
            font-size: 11px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .single-product-area .product-img .product-meta a {
            font-size: 11px; } }
        @media only screen and (max-width: 767px) {
          .single-product-area .product-img .product-meta a {
            font-size: 14px; } }
      .single-product-area .product-img .product-meta .add-to-cart-btn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 100px);
        flex: 0 0 calc(100% - 100px);
        max-width: calc(100% - 100px);
        width: calc(100% - 100px);
        border-left: 1px solid rgba(235, 235, 235, 0.5);
        border-right: 1px solid rgba(235, 235, 235, 0.5); }
  .single-product-area .product-info a p {
    margin-bottom: 0;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms; }
    .single-product-area .product-info a p:hover, .single-product-area .product-info a p:focus {
      color: #004e97; }
  .single-product-area .product-info h6 {
    margin-bottom: 0;
    font-size: 18px; }
  .single-product-area:hover .product-img {
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15); }
    .single-product-area:hover .product-img .product-meta {
      visibility: visible;
      opacity: 1; }




/* @extend display-flex; */
display-flex, .display-flex, .display-flex-center, .socials-bold, .au-btn:after, .meta .meta-item, .portfolio-pagination-content, .spendora-pagination-content .prev, .spendora-pagination-content .next, .portfolio-pagination-content .prev, .portfolio-pagination-content .next, .menu ul, .toggle-box .toggle-btn, .spendora-lastest-post ul li, .widget_categories ul li, .widget_product_categories ul li, .spendora-instagram-gallery, .widget_price_filter .price_slider_wrapper .price_slider_amount, .product_list_widget li, .socials-logins, .blog-page .item, .cart-page .woocommerce-cart-form .shop_table tbody .cart_item .product-quantity .quantity .modify-qty, .woocommerce .spendora-checkout-top .checkout_coupon .form-row, .checkout-page form.woocommerce-checkout .spendora-order-reviews #order_review table.shop_table tfoot .order-review-total li, #count-down-time, .email-subcribe form, .email-subcribe form button, .slideshow-btn:after, .wrap-scroll-slider1 .scroll-slider1, .year-experience, .landing-porfolio-content, .our-team-content .item, .our-process-content .our-process-list, .aboutus-intro, .aboutus-intro .intro-content .signature, .au-video-button i, #fullpage .testimonials-fullpage-content, .single-product .product .product-summary .summary .woocommerce-product-rating, .single-product .product .product-summary .summary form.cart, .single-product .product .product-summary .summary form.cart .quantity .modify-qty, .single-product .product .spendora-product-tabs .tabs, .product-item figure .new, .product-item figure .onsale, .product-item figure .woocommerce-add-to-cart, .product-item figure .woocommerce-add-to-cart a, .product-item .info .product-title-price, .single-content .tags-socials .socials, .single-post-author, .comment-item .comment-content, .comment-item .comment-content .comment-body .comment-author, .common-form .form-submit:after {
  display: flex;
  display: -webkit-flex; }

/* @extend list-type-ulli; */
list-type-ulli, ul, .pagination ul, .menu ul, .widget_lastest_entries ul, .filter-projects {
  list-style-type: none;
  margin: 0;
  padding: 0; }

/* 2. Global ------------------------------------------*/
a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s; }

input, select, textarea {
  outline: none;
  appearance: unset !important;
  -moz-appearance: unset !important;
  -webkit-appearance: unset !important;
  -o-appearance: unset !important;
  -ms-appearance: unset !important; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  margin: 0; }

input:focus, select:focus, textarea:focus {
  outline: none;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important; }

input[type=checkbox] {
  appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  -ms-appearance: checkbox !important; }

input[type=radio] {
  appearance: radio !important;
  -moz-appearance: radio !important;
  -webkit-appearance: radio !important;
  -o-appearance: radio !important;
  -ms-appearance: radio !important; }

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

figure {
  margin: 0; }

p {
  margin-bottom: 0px;
  line-height: 1.8; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: 'Montserrat Bold';
  color: #333; }

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

.widget p {
  margin: 0; }

.main {
  display: inline-block;
  width: 100%;
  overflow: hidden; }

.fix-container {
  width: 900px;
  margin: auto; }

.fw {
  float: left;
  width: 100%; }

.stick {
  position: fixed;
  z-index: 999;
  background: rgba(225, 225, 225, 0.8); }

.clear {
  clear: both; }

h3 {
  font-family: 'Montserrat SemiBold';
  color: #333;
  font-size: 22px; }

h2 {
  text-transform: uppercase;
  font-family: 'Montserrat Bold';
  font-size: 36px;
  color: #333; }

h5 {
  font-size: 18px;
  font-family: 'Montserrat SemiBold';
  color: #333; }

h4 {
  font-size: 30px;
  font-family: 'Montserrat Bold';
  text-transform: uppercase; }

h6 {
  font-size: 20px;
  font-family: 'Montserrat SemiBold';
  color: #333; }

html {
  height: 100%; }

body {
  font-size: 15px;
  line-height: 1.71;
  color: #666;
  background: #fff;
  font-family: 'Montserrat Regular';
  position: relative; }

.body-no-line .body-line {
  display: none; }

.body-line {
  position: absolute;
  height: 100%;
  top: 0;
  background: #fff;
  z-index: -1;
  width: 100%; }
  .body-line .container {
    height: 100%; }
    .body-line .container .row {
      height: 100%;
      margin-left: 0px;
      margin-right: 0px;
      border-right: 1px solid #f2f2f2;
      border-left: 1px solid #f2f2f2; }
      .body-line .container .row .col-4 {
        padding-left: 0px;
        padding-right: 0px;
        border-right: 1px solid #f2f2f2; }
        .body-line .container .row .col-4:last-child {
          border-right: 0px; }

.body-line-border {
  border-right: 1px solid #f2f2f2; }

.body-line1 {
  left: 0;
  width: 367px; }

.body-line2 {
  left: 368px;
  width: 390px; }

.body-line3 {
  left: 758px;
  width: 390px; }

.body-line4 {
  right: 367px;
  width: 390px; }

.body-line5 {
  right: 0;
  width: 367px; }

.display-flex {
  justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -o-align-items: center;
  -ms-align-items: center; }

.display-flex-center {
  justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -o-align-items: center;
  -ms-align-items: center; }

.background-cover {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.background-pattern {
  position: relative; }
  .background-pattern:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center center;
    background-repeat: repeat;
    background-image: url("../images/bg-pattern-1.png");
    opacity: 0.1;
    z-index: -1; }

.position-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.heading-page, .heading-page-2 {
  position: relative; }
  .heading-page .container, .heading-page .container-fluid, .heading-page-2 .container, .heading-page-2 .container-fluid {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }

.heading-page-2 .heading-page-content {
  color: #fff;
  flex-direction: column;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  -o-flex-direction: column;
  -ms-flex-direction: column;
  position: relative;
  padding-top: 60px;

  padding-bottom: 63px;
  width: 63%;
  margin: 0 auto; }
  .heading-page-2 .heading-page-content:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 10px;
    left: 0;
    background: #fff;
    background-position: center center;
    background-repeat: repeat;
    background-image: url("../images/bg-pattern-1.png");
    opacity: 0.1; }
  .heading-page-2 .heading-page-content:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: -1; }
  .heading-page-2 .heading-page-content:before {
    top: 100%; }
  .heading-page-2 .heading-page-content .line {
    background-color: #fff;
    opacity: 0.1; }
  .heading-page-2 .heading-page-content .line1 {
    height: 10px;
    bottom: 100%;
    top: auto; }
  .heading-page-2 .heading-page-content .line2, .heading-page-2 .heading-page-content .line4 {
    width: 10px;
    height: calc(100% + 20px); }
  .heading-page-2 .heading-page-content .line2 {
    left: 100%; }
  .heading-page-2 .heading-page-content .line4 {
    right: 100%; }
  .heading-page-2 .heading-page-content h1 {
    color: #fff;
    margin-bottom: 13px; }
  .heading-page-2 .heading-page-content p {
    width: 82%;
    text-align: center; }

.p-65 {
  padding: 0 65px; }

.p-t-150 {
  padding-top: 150px; }

.au-page-title {
  font-size: 40px;
  font-family: 'Montserrat Bold';
  text-transform: uppercase; }

#back-to-top {
  position: fixed;
  text-align: center;
  right: 30px;
  bottom: 30px;
  color: #fff;
  cursor: pointer;
  border: 1px solid #fff;
  z-index: 10000;
  height: 41px;
  width: 34px;
  line-height: 41px;
  background: #373737 no-repeat center;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear; }
  #back-to-top i {
    font-size: 19px; }

#back-to-top:hover {
  background: black no-repeat center; }

.socials {
  display: inline-block; }
  .socials li {
    float: left;
    margin-right: 25px; }
    .socials li:last-child {
      margin-right: 0px; }
    .socials li a {
      color: #999;
      font-size: 18px; }
      .socials li a i {
        transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        margin-top: 0px; }
      .socials li a:hover i {
        transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        -ms-transform: translateY(-3px); }

.socials-bold {
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -o-align-items: center;
  -ms-align-items: center; }
  .socials-bold span {
    padding-right: 10px; }
  .socials-bold .socials li {
    margin-right: 20px; }
    .socials-bold .socials li:last-child {
      margin-right: 0px; }
    .socials-bold .socials li a {
      color: #666; }



.section-title-center {
  text-align: center; }

.section-title-right {
  text-align: right; }

.icon-play {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border: 2px solid #fff; }
  .icon-play i {
    color: #ffc000;
    font-size: 20px;
    margin-left: 5px; }

/*Preloader*/
.loading {
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .loading .spinner {
    width: 40px;
    height: 40px;
    left: 50%;
    top: 40%;
    position: relative;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .loading .double-bounce1, .loading .double-bounce2 {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ccc;
    position: absolute;
    opacity: 0.8;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    -moz-animation: sk-bounce 2.0s infinite ease-in-out;
    -o-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out; }
  .loading .double-bounce2 {
    background-color: #ffc000;
    -webkit-animation-delay: -1.0s;
    -moz-animation-delay: -1.0s;
    -o-animation-delay: -1.0s;
    animation-delay: -1.0s; }

@-webkit-keyframes sk-bounce {
  0%,
    100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }
@-moz-keyframes sk-bounce {
  0%,
    100% {
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1); } }
@-o-keyframes sk-bounce {
  0%,
    100% {
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1); } }
@keyframes sk-bounce {
  0%,
    100% {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1); } }
.slick-slider .slick-slide:focus {
  outline: none; }

.entry span, .entry a {
  color: #666;
  position: relative;
  padding-right: 13px;
  margin-right: 3px; }
  .entry span:after, .entry a:after {
    position: absolute;
    content: '/';
    right: 0; }
.entry .post-date:after {
  content: ''; }

.title a {
  color: #333; }
.title:hover a {
  color: #004e97; }

.category {
  color: #666;
  position: relative;
  padding-left: 14px;
  display: inline-block; }
  .category:before {
    position: absolute;
    content: '/';
    left: 0px; }
  .category:hover {
    color: #666; }

.p-b-120 {
  padding-bottom: 120px; }

.see-all-btn {
  text-align: center; }
  .see-all-btn .au-btn {
    margin-left: -55px; }

.au-btn {
  color: #666;
  position: relative;
  border: 1px solid #666;
  text-transform: uppercase;
  font-family: 'Montserrat SemiBold';
  letter-spacing: 2px !important;
  padding: 12px 29px;
  display: inline-block;
  z-index: 99; }
  .au-btn:after {
    position: absolute;
    content: '\f301';
    font-family: 'Material-Design-Iconic-Font';
    width: 60px;
    height: 104%;
    left: 100%;
    top: -1px;
    border: 1px solid #666;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    font-size: 22px; }
  .au-btn:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: transform 0.15s, 0.15s border-radius 0.15s;
    opacity: 0;
    background: #ffc000;
    transform: scale(0.1, 0.1);
    z-index: -1;
    border-radius: 50%; }
  .au-btn:hover {
    color: #fff; }
    .au-btn:hover:before {
      opacity: 1;
      transform: scale(1, 1);
      border-radius: 0; }
    .au-btn:hover:after {
      background: #ffc000; }

#fullpage .common-form .form-submit:hover .submit {
  background: #ffc000; }

.single-title {
  font-size: 30px;
  font-family: 'Montserrat SemiBold';
  text-transform: none; }

.meta .meta-item {
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -o-align-items: center;
  -ms-align-items: center;
  margin-bottom: 10px; }
  .meta .meta-item:last-child {
    margin-bottom: 0px; }
  .meta .meta-item .meta-name {
    font-family: 'Montserrat SemiBold';
    color: #333;
    padding-right: 13px; }

.modal .modal-dialog {
  max-width: 800px;
  margin: 200px auto; }

.widget-title {
  font-size: 20px;
  margin-bottom: 30px; }

.select-icon-down {
  position: relative; }
  .select-icon-down .select-icon {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 0;
    font-size: 17px; }

.landing-slideshow .landing-line {
  background: #000;
  opacity: 0.5 !important; }
.landing-slideshow .landing-caption {
  font-family: 'Muli Regular'; }

.landing-content {
  margin-bottom: 50px; }
  .landing-content .landing-item img {
    width: 100%; }

.landing-title {
  text-align: center;
  padding-top: 150px;
  padding-bottom: 90px; }
  .landing-title h2 {
    position: relative;
    display: inline-block; }
    .landing-title h2:after, .landing-title h2:before {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      border: 1px solid #333;
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s;
      -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);
      transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); }
    .landing-title h2:after {
      right: -23px;
      bottom: -15px;
      border-width: 0 1px 1px 0;
      -webkit-transform: translate3d(-10px, -10px, 0);
      transform: translate3d(-10px, -10px, 0); }
    .landing-title h2:before {
      top: -15px;
      left: -23px;
      border-width: 1px 0 0 1px;
      -webkit-transform: translate3d(10px, 10px, 0);
      transform: translate3d(10px, 10px, 0); }



/* 9. Header ------------------------------------------*/
.menu ul {
  flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
  .menu ul li {
    position: relative;
    padding: 27px 0 27px 0; }
    .menu ul li a {
      font-size: 16px;
      font-family: 'Montserrat Regular';
      padding: 5px 8px; font-weight: bold;
      margin: 0 15px;
      position: relative;
      color: #fff;
      text-transform: uppercase; }
      .menu ul li a:after, .menu ul li a:before {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        opacity: 0;
        border: 1px solid #fff;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s;
        -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);
        transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); }
      .menu ul li a:before {
        top: 0;
        left: 0;
        border-width: 1px 0 0 1px;
        -webkit-transform: translate3d(10px, 10px, 0);
        transform: translate3d(10px, 10px, 0); }
      .menu ul li a:after {
        right: 0;
        bottom: 0;
        border-width: 0 1px 1px 0;
        -webkit-transform: translate3d(-10px, -10px, 0);
        transform: translate3d(-10px, -10px, 0); }
      .menu ul li a:hover {
        color: #fff; }
        .menu ul li a:hover:after {
          max-width: 100%; }
    .menu ul li:last-child {
      padding-right: 0px; }
      .menu ul li:last-child a {
        padding-right: 0px; }
    .menu ul li .sub-menu {
      position: absolute; 
      z-index: 1000;
      float: left;
      background-color: rgba(17, 17, 17, 0.4);
      -webkit-transition: top 0.3s ease 0s, opacity 0.3s;
      transition: top 0.3s ease 0s, opacity 0.3s;
      transform: scaleX(0);
      -moz-transform: scaleX(0);
      -webkit-transform: scaleX(0);
      -o-transform: scaleX(0);
      -ms-transform: scaleX(0);
      opacity: 0;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      -o-border-radius: 0;
      -ms-border-radius: 0;
      margin: 0;
      display: block;
      left: 0;
      padding: 0;
      min-width: 250px;
      white-space: nowrap;
       }
      .menu ul li .sub-menu li {
        padding: 3px 30px; }
        .menu ul li .sub-menu li a {
          padding: 5px 0px; font-weight: normal;
          display: block;
          color: #fff;
          margin: 0px; }
        .menu ul li .sub-menu li:hover a {
          text-decoration: underline; }
        .menu ul li .sub-menu li:hover .sub-menu li a {
          text-decoration: none; }
        .menu ul li .sub-menu li .sub-menu {
          left: 100%;
          top: -25px; }
          .menu ul li .sub-menu li .sub-menu li a {
            text-decoration: none; }
          .menu ul li .sub-menu li .sub-menu li:hover a {
            text-decoration: underline; }
      .menu ul li .sub-menu .menu-item-has-children {
        position: relative; }
        .menu ul li .sub-menu .menu-item-has-children:after {
          position: absolute;
          font-family: 'Material-Design-Iconic-Font';
          content: '\f2fb';
          top: 50%;
          right: 28px;
          transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -ms-transform: translateY(-50%); }
    .menu ul li:hover > ul {
      opacity: 1;
      top: 100%;
      -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
      transform: scaleX(1); }
  .menu ul .curent-menu-item a:after, .menu ul .curent-menu-item a:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .menu ul .curent-menu-item .sub-menu li a:after, .menu ul .curent-menu-item .sub-menu li a:before {
    opacity: 0; }

.toggle-box {
  padding: 39px 0; }
  .toggle-box .toggle-btn {
    width: 90px;
    justify-content: space-around;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    -o-justify-content: space-around;
    -ms-justify-content: space-around;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center; }

.search-btn {
  position: relative;
  z-index: 999;
  color: #fff;
  font-size: 22px; }

.search-box {
  padding-left: 30px;
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  background: #fff;
  right: 0;
  transition: ease-in 0.5s all;
  -moz-transition: ease-in 0.5s all;
  -webkit-transition: ease-in 0.5s all;
  -o-transition: ease-in 0.5s all;
  -ms-transition: ease-in 0.5s all;
  transform: translateY(-150%);
  -moz-transform: translateY(-150%);
  -webkit-transform: translateY(-150%);
  -o-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  z-index: 999999; }
  .search-box form {
    cursor: pointer;
    position: relative; }
    .search-box form input {
      background: transparent;
      padding: 3px 10px;
      border: none;
      border-bottom: 1px solid #333;
      width: 780px;
      font-size: 18px;
      color: #333;
      font-family: 'Montserrat Medium'; }
      .search-box form input::-webkit-input-placeholder {
        font-size: 20px;
        color: #333; }
      .search-box form input::-moz-placeholder {
        font-size: 20px;
        color: #333; }
      .search-box form input:-ms-input-placeholder {
        font-size: 20px;
        color: #333; }
      .search-box form input:-moz-placeholder {
        font-size: 20px;
        color: #333; }
    .search-box form .search-icon {
      font-size: 20px;
      color: #333;
      position: absolute;
      right: 10px;
      top: 2px;
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      background: transparent;
      padding: 0px;
      outline: none;
      cursor: pointer;
      border: none; }
  .search-box .nav-close {
    position: absolute;
    top: 40px;
    right: 115px; }

.search-box.active {
  transform: translateY(0px);
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  opacity: 1;
  transition: ease-in 0.5s all;
  -moz-transition: ease-in 0.5s all;
  -webkit-transition: ease-in 0.5s all;
  -o-transition: ease-in 0.5s all;
  -ms-transition: ease-in 0.5s all; }

.nav-icon {
  position: relative;
  z-index: 99;
  transition: linear 0.5s all;
  -moz-transition: linear 0.5s all;
  -webkit-transition: linear 0.5s all;
  -o-transition: linear 0.5s all;
  -ms-transition: linear 0.5s all;
  font-size: 25px;
  color: #fff;}


.nav-box {
  width: 30%;
  background-color: #fff;
  padding: 40px 60px;
  opacity: 0;
  transition: ease-in 0.5s all;
  -moz-transition: ease-in 0.5s all;
  -webkit-transition: ease-in 0.5s all;
  -o-transition: ease-in 0.5s all;
  -ms-transition: ease-in 0.5s all;
  transform: translateY(-150%);
  -moz-transform: translateY(-150%);
  -webkit-transform: translateY(-150%);
  -o-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  position: fixed;
  top: 0px;
  right: 0;
  width: 440px;
  z-index: 9999999;
  height: 100%;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); }

.nav-box.active {
  transform: translateY(0px);
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  display: block;
  opacity: 1;
  transition: ease-in 0.5s all;
  -moz-transition: ease-in 0.5s all;
  -webkit-transition: ease-in 0.5s all;
  -o-transition: ease-in 0.5s all;
  -ms-transition: ease-in 0.5s all; }

.nav-close {
  display: block;
  text-align: right;
  color: #666;
  font-size: 25px;
  margin-bottom: 80px; }
  .nav-close:hover {
    color: #004e97; }

.nav-logo, .nav-img, .nav-info, .nav-socials {
  text-align: center; }

.nav-logo {
  margin-bottom: 53px; }

.nav-info {
  margin-top: 33px;
  margin-bottom: 200px; }
  .nav-info .info-item {
    font-size: 15px;
    margin-bottom: 15px; }
    .nav-info .info-item:last-child {
      margin-bottom: 0px; }
    .nav-info .info-item span {
      color: #666;
      font-family: 'Montserrat SemiBold'; }
    .nav-info .info-item a {
      color: #666; }

/*Navbar menu mobile*/
.hidden-tablet-landscape-up {
  display: none; }

.au-nav-mobile {
  z-index: 10000;
  width: 100%;
  float: left;
  display: none; }
  .au-nav-mobile ul {
    padding: 0;
    margin: 0;
    display: block;
    list-style-type: none;
    list-style-type: none;
    background: #004e97; }
    .au-nav-mobile ul li {
      position: relative;
      padding: 0; }
      .au-nav-mobile ul li a {
        font-size: 18px;
        color: #fff;
        padding: 14px 30px;
        font-weight: 700;
        text-align: left;
        display: block; }
        .au-nav-mobile ul li a:after {
          height: 0px; }
      .au-nav-mobile ul li > .arrow {
        width: 50px;
        height: 50px;
        color: #000;
        position: absolute;
        top: 0;
        right: 0;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease; }
        .au-nav-mobile ul li > .arrow i {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          width: 11px;
          height: 11px; }
          .au-nav-mobile ul li > .arrow i:before {
            content: '';
            position: absolute;
            left: 0;
            top: 4px;
            width: 11px;
            height: 3px;
            background: #fff;
            border-radius: 1px;
            -moz-border-radius: 1px;
            -webkit-border-radius: 1px;
            -o-border-radius: 1px;
            -ms-border-radius: 1px; }
          .au-nav-mobile ul li > .arrow i:after {
            content: '';
            position: absolute;
            left: 4px;
            top: 0;
            width: 3px;
            height: 11px;
            background: #fff;
            border-radius: 1px;
            -moz-border-radius: 1px;
            -webkit-border-radius: 1px;
            -o-border-radius: 1px;
            -ms-border-radius: 1px; }
      .au-nav-mobile ul li .clicked {
        color: #333;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg); }
        .au-nav-mobile ul li .clicked i:after, .au-nav-mobile ul li .clicked i:before {
          background: #333; }
      .au-nav-mobile ul li .sub-menu {
        display: none;
        padding: 0;
        background: #e5f1fc;
        width: 100%;
        opacity: 1;
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none; }
        .au-nav-mobile ul li .sub-menu li {
          padding: 0px; }
          .au-nav-mobile ul li .sub-menu li a {
            font-size: 15px;
            padding: 15px 40px;
            border-bottom: 1px solid #e1e1e1;
            color: #333; }
          .au-nav-mobile ul li .sub-menu li > .arrow i:after, .au-nav-mobile ul li .sub-menu li > .arrow i:before {
            background: #333; }

.container-fluid:after, .container-fluid:before {
  display: table;
  content: " ";
  clear: both; }

.search-widget-open form .search-icon .fa-search:before {
  content: '\f00d'; }

.header {
  height: 100px;
  position: absolute;
  top: 0px;
  z-index: 10000;
  width: 100%; }
  .header .fixed {
    -webkit-animation: fadeInDown 0.3s ease-out forwards;
    -moz-animation: fadeInDown 0.3s ease-out forwards;
    -o-animation: fadeInDown 0.3s ease-out forwards;
    animation: fadeInDown 0.3s ease-out forwards;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); }
      .header .fixed .menu ul li .sub-menu li {
        padding: 5px 20px; }
    .header .fixed .search-box {
      height: 400%; }
    .header .fixed .toggle-box {
      display: none; position: absolute; border: 1px solid red;}

.header-1 .fixed .menu ul li a:hover {
  color: #004e97; }

.header-3 {
  position: absolute; }

 .header-3 .menu ul li a, .header-5 .menu ul li a {
    color: #fff;text-decoration: none; }
    .header-3 .menu ul li a:after, .header-3 .menu ul li a:before, .header-5 .menu ul li a:after, .header-5 .menu ul li a:before {
      border: 1px solid #666; }
    .header-3 .menu ul li a:before, .header-5 .menu ul li a:before {
      border-width: 1px 0 0 1px; }
    .header-3 .menu ul li a:after, .header-5 .menu ul li a:after {
      border-width: 0 1px 1px 0; }
  .header-3 .search-btn, .header-3 .nav-icon, .header-5 .search-btn, .header-5 .nav-icon {
    color: #fff; }

.header-6 .logo img, .header-3 .logo img, .header-5 .logo img {
  width: 187px; }

.header-2 .fixed {
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0px 1px 3px 0px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 0px 1px 3px 0px rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(255, 255, 255, 0.1);
  -o-box-shadow: 0px 1px 3px 0px rgba(255, 255, 255, 0.1);
  -ms-box-shadow: 0px 1px 3px 0px rgba(255, 255, 255, 0.1); }

.header-6 {
  position: fixed; }
  .header-6 .menu ul li a:hover {
    color: #004e97; }

.header-4 .fixed {
  display: none; }

.header-menu {
  padding: 0 65px; }

.header-mobile .header-top-mobile {
  padding: 15px 0; }
  .header-mobile .header-top-mobile:after {
    content: "";
    display: table;
    clear: both; }
  .header-mobile .header-top-mobile .logo {
    float: left; }
  .header-mobile .header-top-mobile .hamburger {
    float: right;
    outline: none; }
  .header-mobile .header-top-mobile .toggle-box {
    height: 100%;
    position: relative;
    display: inline-block;
    float: right;
    padding: 12px 0; }
    .header-mobile .header-top-mobile .toggle-box .toggle-btn {
      width: 50px; }
  .header-mobile .header-top-mobile .search-box form input {
    width: 100%; }
.header-mobile .header-top {
  float: left;
  width: 100%; }
  .header-mobile .header-top:after {
    content: "";
    display: table;
    clear: both; }

.header-pull {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  bottom: 0;
  width: 269px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden !important;
  height: 100%; }
  .header-pull .fixed {
    display: none; }
  .header-pull .header-menu-content {
    flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    padding-top: 160px; }
    .header-pull .header-menu-content .logo {
      padding-bottom: 50px; }
    .header-pull .header-menu-content .header-socials {
      padding-top: 160px; }
  .header-pull .header-menu {
    padding: 0 25px; }
  .header-pull .footer-line {
    background: rgba(153, 153, 153, 0.5);
    margin-bottom: 35px; }
  .header-pull .menu ul {
    flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column; }
    .header-pull .menu ul li {
      padding: 13px 0;
      text-align: center; }
      .header-pull .menu ul li:hover > ul {
        top: 105%; }
      .header-pull .menu ul li .sub-menu {
        left: -42%;
        background: #004e97;
        display: none; }
        .header-pull .menu ul li .sub-menu li a {
          color: #fff; }

/* 10. Sidebar ------------------------------------------*/

.in_eng a{ color: #fff; font-size: 18px;padding: 0px 20px 0 20px;}


.promo_full_wp div h3 {
	font-size: 48px;
	text-transform: uppercase;
	font-weight: 300;
	color: #fff;
	margin-bottom: 30px;
}

.promo_full_wp div h3 span {
	color: #fff;
	display: block;
	text-transform: none;
	font-size: 24px;
}

.promo_full {
	height: auto; background: url(img/bg-img/bg.jpg)
 no-repeat center; margin-top: 90px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	position: relative;
}

.promo_full_wp {
	display: table;
	width: 100%;
	height: auto;
}

.promo_full_wp > div {
	display: table-cell; min-height:600px;
	padding: 5%; 
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 16px;
	box-sizing: content-box;
}
.comment {
	padding-bottom:30px; line-height:30px; text-align: left;  margin:0px auto;width:1140px;padding-top:20px;
	font-size: 16px;}


.gtco-container {
  max-width: 1200px; 
  position: relative;
  margin: 0 auto; margin-bottom: 40px;

}

#gtco-features {
  background: #efefef;
}
.gtco-nav {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  padding: 40px 0;
  z-index: 1001;
}
@media screen and (max-width: 768px) {
  .gtco-nav {
    padding: 20px 0;
  }
}
.gtco-nav #gtco-logo {
  font-size: 20px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
}
.gtco-nav a {
  padding: 5px 10px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .gtco-nav .menu-1, .gtco-nav .menu-2 {
    display: none;
  }
}
.gtco-nav ul {
  padding: 0;
  margin: 2px 0 0 0;
}
.gtco-nav ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline;
}
.gtco-nav ul li a {
  font-size: 14px;
  padding: 30px 10px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.gtco-nav ul li a:hover, .gtco-nav ul li a:focus, .gtco-nav ul li a:active {
  color: white;
}
.gtco-nav ul li.has-dropdown {
  position: relative;
}
.gtco-nav ul li.has-dropdown .dropdown {
  width: 130px;
  -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
  z-index: 1002;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 40px;
  left: 0;
  text-align: left;
  background: #fff;
  padding: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}
.gtco-nav ul li.has-dropdown .dropdown:before {
  bottom: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.gtco-nav ul li.has-dropdown .dropdown li {
  display: block;
  margin-bottom: 7px;
}
.gtco-nav ul li.has-dropdown .dropdown li:last-child {
  margin-bottom: 0;
}
.gtco-nav ul li.has-dropdown .dropdown li a {
  padding: 2px 0;
  display: block;
  color: #999999;
  line-height: 1.2;
  text-transform: none;
  font-size: 15px;
}
.gtco-nav ul li.has-dropdown .dropdown li a:hover {
  color: #000;
}
.gtco-nav ul li.has-dropdown:hover a, .gtco-nav ul li.has-dropdown:focus a {
  color: #fff;
}
.gtco-nav ul li.btn-cta a {
  color: #52d3aa;
}
.gtco-nav ul li.btn-cta a span {
  background: #fff;
  padding: 4px 20px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
}
.gtco-nav ul li.btn-cta a:hover span {
  -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
}
.gtco-nav ul li.active > a {
  color: #fff !important;
}
.feature-center {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .feature-center {
    margin-bottom: 50px;
  }
}
.feature-center .icon {
  width: 90px;
  /*height: 90px;*/
  background: #efefef;
  display: table;
  text-align: center;
  margin: 0 auto 10px auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.feature-center .iconfont {
	font-size:14px;
}
.feature-center .icon i {
  display: table-cell;
  vertical-align: middle;
  height: 90px;
  font-size: 40px;
  line-height: 40px;
  color: #52d3aa;
}
/*.feature-center p, .feature-center h3 {
  margin-bottom: 30px;
}*/
.feature-center h3 {
  text-transform: uppercase;
  font-size: 18px;
  color: #5d5d5d;
}

.feature-left {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}
.feature-left:last-child {
  margin-bottom: 0;
}
.feature-left .icon {
  float: left;
  margin-right: 5%;
  width: 54px;
  height: 54px;
  background: #fff;
  display: table;
  text-align: center;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .feature-left .icon {
    margin-right: 5%;
  }
}
.feature-left .icon i {
  display: table-cell;
  vertical-align: middle;
  font-size: 30px;
  color: #52d3aa;
}
.feature-left .feature-copy {
  float: left;
  width: 80%;
}
@media screen and (max-width: 768px) {
  .feature-left .feature-copy {
    width: 70%;
    float: left;
  }
}
.feature-left .feature-copy h3 {
  text-transform: uppercase;
  font-size: 18px;
  color: #5d5d5d;
  margin-bottom: 10px;
}
.wrap{
	display: flex;
	align-items: center;
	justify-content: center; padding-top: 10px;
}
.scrobox{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.scrobox img{
	width: 46px;
	animation:  myfirst 2s ease-in infinite;
-moz-animation: myfirst 2s ease-in infinite;
-webkit-animation: myfirst 2s ease-in infinite;
-o-animation: myfirst 2s ease-in infinite;
}
@keyframes myfirst{
	0%   {transform: translateY(0px)}
	50%  {transform: translateY(-35px)}
	100% {transform: translateY(0px)}
}
#gtco-counter {
  text-align: center;
}
#gtco-counter .counter {
  font-size: 60px; font-weight:bold;
/*  margin-bottom: 10px;*/
  color:#fff;
 
/*  display: block;*/
}
#gtco-counter .ap-span{
	font-size: 38px;
	color: #FF3E96;
	font-weight: bold;
}
#gtco-counter .ap-add{
	font-size: 16px;padding-top: 30px;
	color: #fff;
}
#gtco-counter .counter-label {
  margin-bottom: 0;
  text-transform: uppercase;
  color: #fff;
  font-size: 22px; font-weight: bold;
}
@media screen and (max-width: 768px) {
  #gtco-counter .feature-center {
    margin-bottom: 50px;
  }
}
#gtco-counter .icon {
  width: 70px;
  height: 70px;
  text-align: center;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  margin-bottom: 30px;
}
#gtco-counter .icon i {
  height: 70px;
}
#gtco-counter .icon i:before {
  display: block;
  text-align: center;
  margin-left: 3px;
}

#gtco-features,
#gtco-features-2,
#gtco-testimonial,
#gtco-services,
#gtco-started,
#gtco-footer,
.gtco-section {
  padding: 1.5em 0 0 0;
  clear: both;
}
.animate-box{ width:25%;; float:left; padding-top:3%; border: 1px solids red;}

.scroll-down-tip-block{    position: relative; float:right;
    width: 5em;
    height: 5em;
    background-image: url(../img/14533331823ebdb66df6637d31130563.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;}
.scroll-down-tip-icon{position: absolute;
    bottom: 1em;
    left: 38%;
    margin-left: -.1rem;
    width: 1.5em;
    height:1.5em;
    background-image:url(../img/df8d9ead0f50afedf93b6d84051d3c77.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
 -webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;} 

 
 
@-webkit-keyframes bounce-up {
 25% {-webkit-transform: translateY(5px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(-5px);}
}

@keyframes bounce-up {
 25% {transform: translateY(5px);}
 50%, 100% {transform: translateY(0);}
 75% {transform: translateY(-5px);}
}

.animate-bounce-up{position: absolute;
    bottom: 1em;
    left: 41%;
    margin-left: -.1rem;
    width: 1.2em;
    height:1.2em;
    background-image:url(../img/df8d9ead0f50afedf93b6d84051d3c77.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
 -webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;}




.promo_full {
	height: auto; background: url(img/bg-img/bg.jpg) no-repeat center;
	
	background-attachment: fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	position: relative;
}

.promo_full_wp {
	display: table;
	width: 100%;
	height: auto;
}

.promo_full_wp > div {
	display: table-cell; min-height:600px;
	padding: 3% 0 5% 0;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 16px;
	box-sizing: content-box;
}
.display-tc{  width: 1200px; margin: auto;}

.yingyong_tit{margin: 0 auto;width: 145px;height: 80px;line-height: 80px;}

.yingyong_titt{margin: 0 auto;width: 980px;height: 80px;line-height: 80px;}
.wrapp { width:1200px; margin-right:auto; margin-left:auto;}

/* index */
.i_t{font-size: 35px;font-weight: bold;color: #000;text-align: center;}
.i_p{font-size: 16px;color: #5a5a5a;text-align: center;}
.i_t a:hover{color: #000;}


.inews{padding-top: 45px;padding-bottom: 80px;}
.inews_cont{margin-top: 57px;}
.inews_img{width: 34%;position: relative;float: left;}
.inews_img img{width: 100%;}
.inews_img_c{position: absolute;left: 0;right: 0;bottom: 0;height: 83px;color: #fff;padding-left: 30px;background-color: rgba(0,0,0,0.6);}
.inews_img_c a{color: #fff;  }


.inews_img_c_t{font-size: 14px;margin-top: 15px;font-family: kalinga,Arial;}
.inews_img_c_p{font-size: 16px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.inews_img:hover a{color: #fff;}

.inews_list{width: 63%;float: right;}
.inews_list li { clear:both; overflow:hidden; padding:13px 50px 13px 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;border-bottom: 1px solid #f3f3f3;background: #f4f4f4;margin-bottom: 20px;}
.inews_list ._date1 { width:110px;  float:left; color:#c8c8c8; font-size: 38px;line-height: 1.5;margin-right: 30px;padding-top: 10px;text-align: right;font-family: kalinga,Arial;}
.inews_list ._date1 ._d1 { font-size:12px; display: block;text-align: right;margin-bottom: -10px;}

.inews_list ._intro { overflow:hidden; } 
.inews_list ._title { font-size:17px; height:30px; line-height:30px; font-weight:normal; color:#000; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.inews_list ._text { line-height:1.6em; height:3.2em; overflow:hidden;font-size:15px;  }

.inews_list li:hover a,.inews_list li:hover ._title,.inews_list li:hover ._title,.inews_list li:hover ._more { color:inherit;text-decoration: none; }
.inews_list li:hover ._title{font-weight: bold;text-decoration: none;}
.inews_list li:hover ._date1 {color:#004e97;}
.inews_list li:hover .nl_icon{font-weight: normal;}
.inews_list .nl_icon{display: inline-block;height: 18px;line-height: 18px;background-color: #667583;border-radius: 2px;font-size: 12px;color: #fff;margin-right: 10px;padding: 0 10px;vertical-align: 3px;}




.iyf{padding-top: 55px;padding-bottom: 130px;background: url(img/bg-img/foot_bg.jpg) no-repeat center bottom;background-color: #e4e8e9;}
.iyf ul{margin-top: 35px;}
.iyf img{width: 100%;}
.iyf li{position: relative;}
.iyf li:nth-child(5){background-color: #d8d8d9;}
.iyf_c{position: absolute;left: 0;right: 0;top: 31%;}

.iyf_s{height: 237px;}
.iyf_b{height: 277px;}
.iyf_b .iyf_c{top: 34%;}

.iyf_t{font-size: 26px;text-align: center;margin-bottom: 10px;color: #000;}
.iyf_p{width: 50%;margin: 0 auto;text-align: center;color: #000;}
.iyf_pp{width: 50%;margin: 0 auto;text-align: center;color: #fff;}
.iyf_p span{font-size: 60px;line-height: 1;}
.iyf_li_img{color: #fff;}
.iyf_li_img .iyf_t{color: #fff;}


.iyf_li3{background-color: #fff;}
.iyf_li4{background-color: rgba(255,255,255,.7);}
.iyf_li5{background-color: #d8d8d8;}

.iyf a:hover{color: inherit;}
.iyf a:hover .iyf_t{font-weight: bold;}
.iyf_li_img a:hover{color: #fff;}

.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }


/* footer */
.pageFooter{color: #fff;font-size: 13px;background: url(img/bg-img/foot.jpg)no-repeat center center;}
.foot_main{padding: 22px 0;}
.foot_main dl{float: left;}
.foot_main dd a{color: #fff;line-height:30px;}
.foot_main dt{font-size: 20px;position: relative;padding-bottom: 20px;margin-bottom: 15px;}
.foot_main dt:after{display: block;content:'';width: 30px;height: 1px;background-color: #e75826;position: absolute;left: 0;bottom: 0;}

.ft_dl_01{width: 15.5%;}
.ft_dl_02{width: 15.5%;}
.ft_dl_03{width: 15.5%;}
.ft_dl_04{width: 28%;}
.ft_dl_05{width: 25%;float: right;}

.ft_zq{height: 200px;margin-bottom: 10px;float: right;margin-top: 25px;}
.ft_zq p{height: 60px;line-height: 60px;font-size: 16px;color: #fff; margin-bottom: 10px;text-align: center;}




.foot_btm{border-top: 1px solid #0864ba;color: #fff;height: 68px;line-height: 68px;}
.foot_btm .ml45	{margin-left: 45px;}
.ft_btm_l{float: left;}
.ft_btm_r{float: right;}
.foot_btm a,.foot_btm span{padding: 0 5px;color: #fff;}

.pro_index{width: 100%;background: url(img/bg-img/prod_bg.jpg)no-repeat; center; padding: 200px 0px 100px;
    background-size: cover;}

.ab_bg{width: 100%;
    height: 420px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    background-position: center 0;}
.ab_bg .xc_title{width: 1180px; margin: 0px auto;
    font-size: 42px; text-align: left;
    color: #fff;padding-top: 290px;line-height: 40px;
    font-weight: bold;
   }
.ab_bg .xc_titlee {width: 1180px;margin: 0px auto;
    font-size: 16px;text-align: left;font-weight: normal;
    color: #fff;
   }
.ab_bg .xc_titlee a {
    color: #fff;font-weight: bold;
    }

.xc_nav{height: 60px;}
.xc_nav li {
    float: left;
    height: 66px;
    line-height: 66px;
    position: relative;
}
.xc_nav li a {
    padding: 0 30px;text-decoration-line: none;
}

.xc_nav li:hover, .xc_nav li.cur a {
    font-weight: bold;text-decoration-line: none;
    color: #004e97;
}

.ad_detail01{color:#666;background:#eef2f5;padding:60px 0px 20px;}
.ad_detail01 .title_01{font-size:50px;font-weight: bold; color:#004e97;line-height:1;margin-bottom:4px;}
.ad_detail01 .title_02{font-size:19px;font-weight: bold;color:#333333;margin-bottom:10px;margin-top:10px;}
.ad_detail01 .part1_text01{margin-bottom:20px;width:47%;float:left;line-height: 30px;} 
.ad_detail01 .part1_ico{margin-bottom:20px;width:47%;float:left;}
.ad_detail01 .part1_ico ul{overflow:hidden;width:140%;}
.ad_detail01 .part1_ico li{float: left;margin-right:16%;}
.ad_detail01 .part1_ico .list_box{display:block;font-size:18px;color:#c79556;font-weight:bold;text-align:center;}
.ad_detail01 .part1_ico .list_ico{width:100px;height:100px;background:url(../img/about_center_ico.png) no-repeat;margin:0 auto;display:block;}
.ad_detail01 .part1_ico .li1 .list_ico{background-position:0px 0px;}
.ad_detail01 .part1_ico .li2 .list_ico{background-position:-100px 0px;}
.ad_detail01 .part1_ico .li3 .list_ico{background-position:-200px 0px;}
.ad_detail01 .video_box{width:48%;cursor:pointer;background: #000;margin-top:15px;}
.ad_detail01 .video_box img{opacity:0.5;}
.ad_detail01 .video_ico{width:100px;height:100px;background:url(../img/about_center_ico.png) no-repeat -300px 0px;display:block;position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-50px;opacity:0.7;}

.feature-center .ab_wz{ padding-top: 10px;font-size: 40px;}
.js-counter{font-size:40px; font-weight: bold; }
.ap-addd{padding-top: 20px;}
.wenhua{width: 50%; float: left;position: relative;cursor: pointer;}
.licheng{width: 50%; float: right;position: relative;cursor: pointer;}
.ad_detail02 .wenhua_ico {
    width: 250px;color: #fff;font-size: 18px;line-height: 35px;
    text-align: center;
    display: block;
    position: absolute;
    top: 27%;
    left: 50%;

}
.ad_detail02 .wenhua_ico h2{
    color: #fff;font-size: 20px;line-height: 33px;font-weight: bold;}

.ad_detail02 .lichneg_ul{position: absolute;font-size: 26px;top: 30%;right: 40%; width: 450px;}

.ad_detail02 .lichneg_ul li a{font-size: 26px; width: 110px;padding-top: 35px; float:right; height: 150px;background: #004e97;color: #fff;text-align: center;margin-right: 3%;text-decoration: none; }
.ad_detail02 .lichneg_ul li a:hover{background: #f1730c;color: #fff; }
.ad_detail02 .lichneg_ul li p{color: #fff; }




			.Box {position: relative;padding-bottom: 80px;}
			.Box .content {width: 1200px;margin: 0 auto;margin-bottom: 80px;}
			.Box h2 {text-align: center;padding-top: 55px;line-height: 45px;font-size: 35px;}
			.Box h3 {text-align: center;font-size: 20px;color: #999999;margin-bottom: 55px;}
			.Box .Box_con .conbox ul li p {text-align: center;font-size: 16px;color: #fff;width: 285px;line-height: 60px; margin-bottom: 55px;height: 60px;background: #aaaaaa;}
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(img/bg-img/jtl02.png) no-repeat center;left: -72px;}
			.Box .Box_con .btnr {background: url(img/bg-img/jtr02.png) no-repeat center;right: -72px;}
			.Box .Box_con .btnl:hover {background: url(img/bg-img/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(img/bg-img/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 284px;height: 260px;margin-left: 20px;overflow: hidden;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 284px;height: 200px;transition: all 0.5s;}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background: red;}

.slide-content {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f5f5f5;
}

.slide-title {
    font-size: 48px;
    color: #313131;
    letter-spacing: 5px;
    line-height: 1;
    text-align: center;
}

.slide-item-body ul li {
    width: 30.333%;
    float: left;
    display: block;
    height: 200px;
    padding-top: 42px;
    margin-bottom: 30px;
    border: none;
    border-radius: 8px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: inherit;
    padding-top: 0;
    border-radius: 0;
    background-color: #fff;
    color: #000;
    z-index: 10002;
}

.slide-item-body ul li a {
    display: block;text-decoration: none;
    box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.2);
}

.new-img img {
    width: 100%;
    height: auto;
    border: none;
    display: block;
}

.slide-item {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    /* overflow: hidden; */
}

.slide-item-box {
   width: 1200px;margin: 0px auto;
}

.new-body {
    padding: 20px 20px 40px 20px;
}

.new-body-title {
    height: 48px;
    line-height: 24px;
    font-size: 16px;
    overflow: hidden;
    color: #616161;
    letter-spacing: 1px;
}

.new-body-titlee {
    height: 48px;
    line-height: 48px;
    font-size: 16px;text-align: center;
    overflow: hidden;
    color: #616161;
    letter-spacing: 1px;
}

.new-body-text {
    padding-top: 20px;
    height: 92px;
    min-height: 50px;
    line-height: 18px;
    font-size: 12px;
    color: #919191;
    overflow: hidden;
}

.slide-item-body {width: 1166px;
    /* padding-top:20px; */
    
}

.slide-item-body ul li {
    margin-left:20px;
    margin-right: 15px;
}

.slide-item-body .tempWrap {
    padding-top: 20px;
    background: #f5f5f5;
}

.slide-item-body ul {
    padding-top: 10px;
    overflow: visible;
}

.slide-item-body ul li:hover {
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    z-index: 1002;
    position: relative;text-decoration: none;
    left: 0;
}

.next {
    position: absolute;
    top: 49%;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 60px;
    -webkit-background-size: 60px;
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
    right: auto;
    left: -157px;
    height: 60px;
    width: 60px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


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

.clearfix {width: 1200px;
}

#page{text-align: center;
height: 30px;
margin:0px auto;
margin-top: 40px;
margin-bottom:50px;}
#page a:hover {
height: 30px;
background: #2467ca;
color: #fff;
}
#page a {
list-style-type: none;
margin-right: 3px;
margin-left: 3px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
font-family: "宋体";
color: #333333;
text-align: center;
display: inline-block;
height: 30px;
background: #dbdbdb;
text-decoration: none;
line-height: 30px;
}

.channel_main{ padding-bottom:50px; padding-top:50px;background: #eef2f5;}

.pro_hd { padding-top: 40px; margin-bottom: 20px;}
.pro_hd ._img { width:42%; float: left; }
.pro_hd ._intro { width:55%; float: right; }
.pro_hd ._intro ._title { font-size: 30px; color: #1b81c8; line-height: 1.5; }
.pro_hd ._intro ._text,.pro_hd ._feature ._text { font-size: 14px; line-height:2; color: #666; margin-bottom: 40px; }
.pro_hd ._intro ._btn { margin-bottom: 20px; }
.pro_hd ._intro ._btn a { display: inline-block; font-size: 20px; color: #fff; padding: 10px 60px; background-color: #f37504; line-height: 1; white-space: nowrap; }
.pro_hd ._intro ._btn .ion { font-size: 27px; }
.pro_hd ._feature { clear: both; padding-top: 20px; }
.pro_hd ._feature ._hd {margin-bottom: 10px;}
.pro_hd ._feature ._title { font-size: 18px; color: #1e88d2; }
.pro_hd ._feature ._text { margin-bottom: 0; }

.pro_bd ._box { margin-bottom: 20px; }
.pro_bd ._hd { padding-bottom: 10px; }
.pro_bd ._title { font-size: 22px; color: #333;}

.pro_rec { background-color: #f3f3f3; padding:0 0 15px; }
.pro_rec ._hd { padding: 15px 50px;}
.pro_rec ._title { font-size: 18px; }
.pro_rec ._recBox { clear: both; position: relative; padding: 0 50px; }
.pro_rec .recBtn { width:50px; height: 90px; line-height: 90px; text-align: center; display:block; position: absolute; top:50%; margin-top: -65px; color: #cbcbcb; font-size: 30px;}
.pro_rec .recBtn .ion { margin:0; }
.pro_rec .rec_prev { left: 0; }
.pro_rec .rec_next { right: 0; }
.recScroll { position: relative; overflow: hidden; height: 192px;}
.recScroll li { width: 24%; float: left; margin-right: 1%;}
.recScroll ._img { width: 100%; margin-bottom: 5px;}
.recScroll ._img img { width: 100%; }
.recScroll ._title { font-size: 14px; height: 25px; line-height: 25px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}


.page_next{padding-top: 80px;font-size: 15px;line-height: 35px;}
.page_next p{font-size: 15px;line-height: 35px;}

.news_t{ text-align:center;margin:0px auto;  font-size:18px; color:#666; line-height:35px; margin-top:20px; border-bottom:1px dashed #d7d5d5; height:77px; width:1100px;}
.news_t span{ display:block; text-align:center; font-size:14px; color:#999; }
.news_txt{ width:1100px; margin:0px auto; margin-top:22px;font-size:15px;  line-height:32px; color:#666; padding-bottom:70px; min-height:300px;}

.news_tt{ text-align:center;margin:0px auto;  font-size:32px; color:#004e97;font-weight: bold; line-height:77px; margin-top:20px;  height:77px; width:1200px;}

.demo{width:100%;margin:0px auto 0 auto; padding-top: 60px; padding-bottom: 80px;background: #eef2f5;}
/*history*/
.history{background:url(images/line04.gif) repeat-y 187px 0;margin:0px auto 0 auto;width:1200px;overflow:hidden;position:relative;}
.history-date{overflow:hidden;position:relative;}
.history-date h2{background:#eef2f5 url(images/icon06.gif) no-repeat 158px 0;height:59px;font-size:25px;font-family:微软雅黑;font-weight:normal;padding-left:45px;margin-bottom:44px; }
.history-date h2.first{position:absolute;left:0;top:0;width:935px;z-index:99;}
.history-date h2 a{color:#2c7ecb;display:inline-block;*display:inline;zoom:1;background:url(images/icon08.gif) no-repeat right 50%;padding-right:17px;margin:21px 97px 0 0;}
.history-date h2 a:hover{text-decoration:none;}
.history-date h2 img{vertical-align:-5px;}
.history-date h2.date02{background:none;}
.history-date ul li{background:url(images/icon07.gif) no-repeat 180px 0;padding-bottom:30px;zoom:1;}
.history-date ul li.last{padding-bottom:0;}
.history-date ul li:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.history-date ul li h3{float:left;width:168px;text-align:right;padding-right:19px;color:#c3c3c3;font:normal 18px/16px Arial;}
.history-date ul li h3 span{display:block;color:#d0d0d0;font-size:12px;}
.history-date ul li dl{float:left;padding-left:41px;margin-top:-5px;font-family:微软雅黑;}
.history-date ul li dl dt{font:20px/22px 微软雅黑;color:#737373;}
.history-date ul li dl dt span{display:block;color:#787878;font-size:12px;}
.history-date ul li.green h3{color:#004e97;}
.history-date ul li.green h3 span{color:#2c7ecb;}
.history-date ul li.green dl{margin-top:-8px;}
.history-date ul li.green dl dt{font-size:30px;line-height:28px;}
.history-date ul li.green dl dt a{display:inline-block;*display:inline;zoom:1;overflow:hidden;vertical-align:middle;margin-left:12px;}
.history-date ul li.green dl dd{padding-top:20px;display:none;}
.history-date ul li.green dl dd img{float:left;}
.history-date ul li.green dl dd p{overflow:hidden;zoom:1;line-height:21px;color:#787878;}

.history-date h2.first .more-history{font-size:16px;background:transparent;margin-left:30px;}
.history-date h2.first .more-history:hover{text-decoration:underline;}

*body .history-date ul li dl dt{_font-size:12px!important;_font-weight:bold;}
*body .history-date ul li dl dt span{_font-weight:normal!important;}
*body .history-date ul li.green dl dt a{_background:transparent!important;*background:transparent!important;*font-size:12px!important;_font-weight:normal!important;}

.licheng_c{width: 100%;background: #eef2f5;padding-top: 40px;padding-bottom: 60px;}

.jssora05l,.jssora05r{display:block;position:absolute;width:40px;height:40px;cursor:pointer;background:url('img/a17.png') no-repeat;overflow:hidden}.jssora05l{background-position:-10px -40px}.jssora05r{background-position:-70px -40px}.jssora05l:hover{background-position:-130px -40px}.jssora05r:hover{background-position:-190px -40px}.jssora05l.jssora05ldn{background-position:-250px -40px}.jssora05r.jssora05rdn{background-position:-310px -40px}.jssora05l.jssora05lds{background-position:-10px -40px;opacity:.3;pointer-events:none}.jssora05r.jssora05rds{background-position:-70px -40px;opacity:.3;pointer-events:none}.jssort01-99-66 .p{position:absolute;top:0;left:0;width:99px;height:66px}.jssort01-99-66 .t{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.jssort01-99-66 .w{position:absolute;top:0;left:0;width:100%;height:100%}.jssort01-99-66 .c{position:absolute;top:0;left:0;width:95px;height:62px;box-sizing:content-box;background:url('img/t01.png') -800px -800px no-repeat;_background:none}.jssort01-99-66 .pav .c{top:2px;_top:0;left:2px;_left:0;width:95px;height:62px;_border:#666666 2px solid;background-position:50% 50%}.jssort01-99-66 .p:hover .c{top:0;left:0;width:97px;height:64px;border:#666666 1px solid;background-position:50% 50%}.jssort01-99-66 .p.pdn .c{background-position:50% 50%;width:95px;height:62px;}* html .jssort01-99-66 .c,* html .jssort01-99-66 .pdn .c,* html .jssort01-99-66 .pav .c{width:99px;height:66px}


.txtcon1{ width:1100px;color:#fff;margin: 0px auto;font-family:微软雅黑;min-height:570px; font-size:15px; line-height:30px;padding:10px 0;margin-bottom:50px;}
.txtcon1 p{ }
.txtcon2{ width:1160px;padding:50px 0px 0 0px;}
.txtcon3{width:1100px;margin:0 auto;color:#464646; font-family:微软雅黑; font-size:15px; line-height:30px;padding:40px;-webkit-box-shadow: 0 10px 20px rgba(216, 216, 216, .5);
    -moz-box-shadow: 0 10px 20px rgba(216, 216, 216, .5);
    box-shadow: 0 10px 20px rgba(216, 216, 216, .5); background:#f7f7f7;margin-bottom:50px;}


.main_ly input{ background:#FFF; border:#999 1px solid;}
.main_ly{ padding-top:40px;padding-left:30px; font-family:微软雅黑;}
.ermain5 .main_ly ul li{clear:both;padding:0 0 12px 0;color:#3c3b3b;font-size:16px;line-height:30px;}
.main_ly_t1{width:70px;float:left;}
.main_ly_t2{float:left;color:#999999;padding:0 0 0 15px;font-size:14px;}
.main_bd{width:230px;height:29px;border:solid 1px #dddddd;line-height:29px;padding:0 0 0 5px;float:left;}
.main_bd1{width:500px;height:102px;border:solid 1px #dddddd;float:left;font-size:14px;line-height:25px;padding:5px;}
.main_bd2{width:115px;height:29px;border:solid 1px #dddddd;line-height:29px;padding:0 0 0 5px;float:left;}
.main_but{width:240px;padding:20px 0 0 0;clear:both;}
.main_but_t{color:#3c3b3b;font-size:16px;line-height:30px;}
.main_bd3{width:180px;height:29px;border:solid 1px #dddddd;line-height:29px;padding:0 0 0 5px;}
.main_bd4{width:100%;height:102px;border:solid 1px #dddddd;font-size:14px;line-height:25px;padding:5px;}


.gooks-box{
	background: url("../images/bg_08.jpg") no-repeat;
	background-size: cover;
}
.gooks{
	width: 1200px;
	margin: 0 auto;
	margin-top: 80px;
}
.gooks-left h1{
	font-size: 24px;
	color: #333;
	line-height: 36px;
	margin-bottom: 44px;
}
.gooks-left{float:left;width: 500px;}

.gooks-left p{
	font-size: 18px;
	color: #333;
	line-height: 36px;
}
.gooks-left h2{
	color: #0271b6;
	font-size: 30px;
	margin-top: 45px;
}
.gooks-right li{
	width: 550px;
	padding: 0 15px;
	margin-bottom: 23px;
	overflow: hidden;
}
.gooks-right li span{
	color: #0271b6;
	font-size: 14px;
	float: left;
	display: inline-block;
	line-height: 44px;
}
.gooks-right li input{
	width: 400px;border: 1px solid #ccc;
	float: left;
	height: 44px;
	background-color: transparent;
}
.gooks-right li textarea{
	width: 400px;
	float: left;
	height: 130px;
	padding: 12px 0;
	background-color: transparent;
}
.submitt{
	width: 167px;
	height: 46px;margin-left: 58px;
	border-radius: 10px;
	background-color: #0271b6;
	font-size: 16px;
	color: #fff;
}
.gooks-right{float:right;width: 600px;}


.pro_bbd{width:1200px;margin: 0px auto;background: #fff url(img/bg-img/cont.jpg) right no-repeat;padding-bottom: 70px;padding-top: 70px;}

.z-con-place1{
 width: 100%;
 padding: 0 20px; border: 1px solid red;
 padding-top: 47px;
 padding-bottom: 70px;
 background: #FFFFFF;
 box-sizing: border-box;
}
.z-con-d1{float: left;
 width: 20px;
 margin-left: 46px;
 margin-right: 51px;
 padding-top: 12px;
}
.z-con-cir1{
 width: 20px;
 height: 20px;
 border: 0;
 border-radius: 50%;
 background: #033572;
}
.z-con-cir2{
 width: 20px;
 height: 20px;
 border: 0;
 border-radius: 50%;
 background: #a2b5cb;
}
.z-con-l1{
 width: 1px;
 margin-left: 10px;
 height: 102px;
 background: #c0ccdc;
}
.z-con-l2{
 width: 1px;
 margin-left: 10px;
 height: 136px;
 background: #c0ccdc;
}
.z-con-p1{
 font-size: 16px;
 line-height: 34px;
 color: #333333;
 margin-bottom: 6px;
}
.z-con-p2{
 font-size: 16px;
 line-height: 30px;
 color: #7a7a7a;
}
.z-con-mb1{
 margin-bottom: 15px;
}
.z-con-mb2{
 margin-bottom: 74px;
}
.z-con-i1{
 width: 440px;
 margin-right: 110px;
 padding-top: 40px;
}
.z-con-map{
 position: relative;
 top:50px;
 width: 100%;
}
@media only screen and (max-width: 1200px){
	.z-sy-sucd1{
		width: 1300px;
		height: 380px;
		padding-bottom: 0;
		box-sizing: border-box;
		overflow: hidden;
		position: relative;
	}
}

.ditu{width:1200px;margin: 40px auto;}