@charset "utf-8";

body,
html {
   line-height: 1.5;
   font-family: 'SourceSansProRegular', Arial, Tahoma, Verdana, Helvetica, sans-serif;
   background-color: #f1f1e5;
}

body,
html,
input,
button,
textarea,
a {
   color: #746e5d;
}

a:hover {
   color: #abcb4f;
}

/* carousel */
.owl-carousel {
   display: none;
}

.owl-loaded {
   display: block;
}

.owl-dots .owl-dot {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background-color: #867b77;
}

.owl-dots .owl-dot.active {
   background-color: #222;
}


/* layout */
.layout,
.nav-bar .nav-wrap,
.path-bar .path-nav,
.index-tit-bar {
   *width: 1200px;
   max-width: 1200px;
}

.index-layout,
.page-layout {
   padding: 0 15px;
}

.z-large {
   z-index: 999999 !important;
   position: relative;
}

.gd-row {
   margin: 0 -15px;
}



/* clear floating */
.nav-wrap:after,
.product-wrap:after,
.company-synopses:after,
.about-us:after,
.slides:after,
.social-list:after,
.foot-item-inquiry ul:after,
.index-tit-bar:after,
.foot-contact-wrap:after,
.promote-banner-list ul:after,
.item-hd:after,
.partner-list:after,
.company-promote:after,
.main-tit-bar:after,
.news-item:after,
.news-list:after,
.featured-layer .featured-list:after,
.gd-row:after,
.col-news-item:after {
   content: '';
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.nav-wrap,
.product-wrap,
.company-synopses,
.about-us,
.slides,
.social-list,
.foot-item-inquiry ul,
.index-tit-bar,
.foot-contact-wrap,
.promote-banner-list ul,
.item-hd,
.partner-list,
.company-promote,
.main-tit-bar,
.news-item,
.news-list,
.featured-layer .featured-list,
.gd-row,
.col-news-item {
   *zoom: 1;
}

/* transition */
.foot-gotop,
.head-search .search-ipt,
.head-search .search-btn,
a,
.topbar .head-phone,
.topbar .head-email {
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

/* color */
.red,
a.red {
   color: #ffc550 !important;
}

.foot-items a:hover,
.foot-item-service li a:hover:before,
.pd-name a:hover {
   color: #a8d700;
}

/* font family */
.foot-item-service li a:before,
.nav>li.elem-link>a:after,
.foot-contact-list .item-label:before,
.btn-readmore:after,
.main-product-layer .owl-prev:before,
.main-product-layer .owl-next:before,
.btn-with-arrow:after,
.foot-item-about .about-readmore a:after,
.news-layer .news-prev:before,
.news-layer .news-next:before,
.partner-list .owl-prev:before,
.partner-list .owl-next:before,
.nav-bar .nav>li.has-child>a:after,
.featured-layer .featured-item .item-link:before,
.foot-fax .item-label:before,
.foot-txt-list li a:before,
.foot-item-inquiry .foot-cont .more:after,
.gotop:before,
.main-product-layer .owl-controls .owl-prev:before,
.main-product-layer .owl-controls .owl-next:before,
.main-product-layer .product-item .pd-name a:after {
   font-family: "fontawesome";
}

.topbar,
.nav ul,
.foot-wrapper,
.about-us-layer .about-tit-bar .about-tit em,
.index-tit-bar,
.about-us-layer .about-tit-bar,
.main-product-layer .product-item .pd-name,
.synopsis-item {
   font-family: 'SourceSansProLight'
}

h1,
h2,
h3,
.detail-tabs .title.current,
.inquiry-panel .inquiry-tit,
.promote-banner-list .item-tit,
.slider-txt h4 {
   font-family: 'SourceSansProSemibold';
}

.side-tit-bar .side-tit,
.detail-tabs .title,
.detail-tabs .title.current,
.index-tit-bar .title,
.about-us-layer .about-tit-bar .about-tit,
.synopsis-item .item-wrap .item-title,
.product-item .item-wrap .pd-name,
.page-bar h1 {
   font-family: 'SourceSansProRegular', Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

.scrollsidebar {
   z-index: 99999 !important;
}

.gotop {
   z-index: 20001 !important;
}

.z-large {
   z-index: 9999999;
}

/* inquiry form */
.inquiry-form {
   border-top-width: 1px;
   border-color: #ccc;
}

.inquiry-form-wrap {
   padding-top: 30px;
}

.inquiry-form-wrap .inquiry-form-title {
   line-height: 34px;
   background-color: #d3c970;
   position: relative;
   z-index: 2;
   margin-bottom: 1px;
}

.captcha-image i {
   color: #666;
}

.captcha-image label>input[type=radio]+i {
   border: 2px solid transparent;
}

.captcha-image label input {
   display: none;
}

.inquiry-form input[type="text"].form-input:focus,
.inquiry-form textarea.form-text:focus {
   border-color: #188ae2;
   box-shadow: 0 0 .4em rgba(24, 138, 226, .3);
}

/* --------------------  animate --------------------  */
.delay0d1s {
   -webkit-animation-delay: .1s;
   animation-delay: .1s;
}

.delay0d2s {
   -webkit-animation-delay: .2s;
   animation-delay: .2s;
}

.delay0d3s {
   -webkit-animation-delay: .3s;
   animation-delay: .3s;
}

.delay0d4s {
   -webkit-animation-delay: .4s;
   animation-delay: .4s;
}

.delay0d5s {
   -webkit-animation-delay: .5s;
   animation-delay: .5s;
}

.delay0d6s {
   -webkit-animation-delay: .6s;
   animation-delay: .6s;
}

.delay0d7s {
   -webkit-animation-delay: .7s;
   animation-delay: .7s;
}

.delay0d8s {
   -webkit-animation-delay: .8s;
   animation-delay: .8s;
}

.delay0d9s {
   -webkit-animation-delay: .9s;
   animation-delay: .9s;
}

.delay1s {
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}

.delay1d1s {
   -webkit-animation-delay: 1.1s;
   animation-delay: 1.1s;
}

.delay1d2s {
   -webkit-animation-delay: 1.2s;
   animation-delay: 1.2s;
}

.delay1d3s {
   -webkit-animation-delay: 1.3s;
   animation-delay: 1.3s;
}

.delay1d4s {
   -webkit-animation-delay: 1.4s;
   animation-delay: 1.4s;
}

.delay1d5s {
   -webkit-animation-delay: 1.5s;
   animation-delay: 1.5s;
}

.delay1d6s {
   -webkit-animation-delay: 1.6s;
   animation-delay: 1.6s;
}

.delay1d7s {
   -webkit-animation-delay: 1.7s;
   animation-delay: 1.7s;
}

.delay1d8s {
   -webkit-animation-delay: 1.8s;
   animation-delay: 1.8s;
}

.delay1d9s {
   -webkit-animation-delay: 1.9s;
   animation-delay: 1.9s;
}

.delay2s {
   -webkit-animation-delay: 2s;
   animation-delay: 2s;
}

.animated {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}

/* fadeIn */
@-webkit-keyframes gdFadeIn {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

@keyframes gdFadeIn {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

.gdFadeIn {
   -webkit-animation-name: gdFadeIn;
   animation-name: gdFadeIn;
}

@-webkit-keyframes gdFadeInDown {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -35%, 0);
      transform: translate3d(0, -35%, 0)
   }

   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

@keyframes gdFadeInDown {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -35%, 0);
      -ms-transform: translate3d(0, -35%, 0);
      transform: translate3d(0, -35%, 0)
   }

   100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none
   }
}

.gdFadeInDown {
   -webkit-animation-name: gdFadeInDown;
   animation-name: gdFadeInDown
}

@keyframes gdFadeInLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-35%, 0, 0);
      -ms-transform: translate3d(-35%, 0, 0);
      transform: translate3d(-35%, 0, 0)
   }

   100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none
   }
}

.gdFadeInLeft {
   -webkit-animation-name: gdFadeInLeft;
   animation-name: gdFadeInLeft
}

@keyframes gdFadeInRight {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
   }

   100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none
   }
}

.gdFadeInRight {
   -webkit-animation-name: gdFadeInRight;
   animation-name: gdFadeInRight
}

@-webkit-keyframes gdFadeInUp {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0)
   }

   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

@keyframes gdFadeInUp {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      -ms-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0)
   }

   100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none
   }
}

.gdFadeInUp {
   -webkit-animation-name: gdFadeInUp;
   animation-name: gdFadeInUp
}

@keyframes fadeInDownA {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -35px, 0);
      transform-origin: center 0;
      -ms-transform: translate3d(0, -35px, 0);
      transform-origin: center 0;
      transform: translate3d(0, -35px, 0);
      transform-origin: center 0;
   }

   100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none
   }
}

.fadeInDownA {
   -webkit-animation-name: fadeInDownA;
   animation-name: fadeInDownA
}

@keyframes fadeInUpA {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 35px, 0);
      -ms-transform: translate3d(0, 35px, 0);
      transform: translate3d(0, 35px, 0)
   }

   100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none
   }
}

.fadeInUpA {
   -webkit-animation-name: fadeInUpA;
   animation-name: fadeInUpA
}

@keyframes fadeInLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0)
   }

   100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none
   }
}

.fadeInLeft {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft;
}

@keyframes fadeInLeftA {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-35px, 0, 0);
      -ms-transform: translate3d(-35px, 0, 0);
      transform: translate3d(-35px, 0, 0)
   }

   100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none
   }
}

.fadeInLeftA {
   -webkit-animation-name: fadeInLeftA;
   animation-name: fadeInLeftA
}

@keyframes fadeInRightA {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(35px, 0, 0);
      -ms-transform: translate3d(35px, 0, 0);
      transform: translate3d(35px, 0, 0)
   }

   100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none
   }
}

.fadeInRightA {
   -webkit-animation-name: fadeInRightA;
   animation-name: fadeInRightA
}

@keyframes zoomInA {
   0% {
      opacity: 0;
      -webkit-transform: scale(.5);
      -webkit-transform-origin: center 0;
      -ms-transform: scale(.5);
      -ms-transform-origin: center 0;
      transform: scale(.5);
      transform-origin: center 0;
   }

   100% {
      opacity: 1;
      -webkit-transform: scale(1);
      -webkit-transform-origin: center 0;
      -ms-transform: scale(1);
      -ms-transform-origin: center 0;
      transform: scale(1);
      transform-origin: center 0;
   }
}


/* fadeOut */
@-webkit-keyframes gdFadeOut {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0
   }
}

@keyframes gdFadeOut {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0
   }
}

.gdFadeOut {
   -webkit-animation-name: gdFadeOut;
   animation-name: gdFadeOut
}

@-webkit-keyframes gdFadeOutDown {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0)
   }
}

@keyframes gdFadeOutDown {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      -ms-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0)
   }
}

.gdFadeOutDown {
   -webkit-animation-name: gdFadeOutDown;
   animation-name: gdFadeOutDown
}

@-webkit-keyframes gdFadeOutDownBig {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0)
   }
}

@keyframes gdFadeOutDownBig {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      -ms-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0)
   }
}

.gdFadeOutDownBig {
   -webkit-animation-name: gdFadeOutDownBig;
   animation-name: gdFadeOutDownBig
}

@-webkit-keyframes gdFadeOutLeft {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(-35%, 0, 0);
      transform: translate3d(-35%, 0, 0)
   }
}

@keyframes gdFadeOutLeft {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(-35%, 0, 0);
      -ms-transform: translate3d(-35%, 0, 0);
      transform: translate3d(-35%, 0, 0)
   }
}

.gdFadeOutLeft {
   -webkit-animation-name: gdFadeOutLeft;
   animation-name: gdFadeOutLeft
}

@-webkit-keyframes gdFadeOutLeftBig {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0)
   }
}

@keyframes gdFadeOutLeftBig {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      -ms-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0)
   }
}

.gdFadeOutLeftBig {
   -webkit-animation-name: gdFadeOutLeftBig;
   animation-name: gdFadeOutLeftBig
}

@-webkit-keyframes gdFadeOutRight {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
   }
}

@keyframes gdFadeOutRight {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
   }
}

.gdFadeOutRight {
   -webkit-animation-name: gdFadeOutRight;
   animation-name: gdFadeOutRight
}

@-webkit-keyframes gdFadeOutRightBig {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0)
   }
}

@keyframes gdFadeOutRightBig {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      -ms-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0)
   }
}

.gdFadeOutRightBig {
   -webkit-animation-name: gdFadeOutRightBig;
   animation-name: gdFadeOutRightBig
}

@-webkit-keyframes gdFadeOutUp {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(0, -35%, 0);
      transform: translate3d(0, -35%, 0)
   }
}

@keyframes gdFadeOutUp {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(0, -35%, 0);
      -ms-transform: translate3d(0, -35%, 0);
      transform: translate3d(0, -35%, 0)
   }
}

.gdFadeOutUp {
   -webkit-animation-name: gdFadeOutUp;
   animation-name: gdFadeOutUp
}

@-webkit-keyframes gdFadeOutUpBig {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0)
   }
}

@keyframes gdFadeOutUpBig {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      -ms-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0)
   }
}

.gdFadeOutUpBig {
   -webkit-animation-name: gdFadeOutUpBig;
   animation-name: gdFadeOutUpBig
}

/* zoom */
@-webkit-keyframes gdZoomIn {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(.5, .5, .5);
      transform: scale3d(.5, .5, .5)
   }

   50% {
      opacity: 1
   }
}

@keyframes gdZoomIn {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(.5, .5, .5);
      -ms-transform: scale3d(.5, .5, .5);
      transform: scale3d(.5, .5, .5)
   }

   50% {
      opacity: 1
   }
}

.gdZoomIn {
   -webkit-animation-name: gdZoomIn;
   animation-name: gdZoomIn
}

@keyframes gdZoomOut {
   0% {
      opacity: 1
   }

   50% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      -ms-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3)
   }

   100% {
      opacity: 0
   }
}

.gdZoomOut {
   -webkit-animation-name: gdZoomOut;
   animation-name: gdZoomOut
}

/* bounce */
@-webkit-keyframes gdBounceIn {

   0%,
   100%,
   20%,
   40%,
   60%,
   80% {
      -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
      transition-timing-function: cubic-bezier(.215, .61, .355, 1)
   }

   0% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3)
   }

   20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1)
   }

   40% {
      -webkit-transform: scale3d(.9, .9, .9);
      transform: scale3d(.9, .9, .9)
   }

   60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03)
   }

   80% {
      -webkit-transform: scale3d(.97, .97, .97);
      transform: scale3d(.97, .97, .97)
   }

   100% {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1)
   }
}

@keyframes gdBounceIn {

   0%,
   100%,
   20%,
   40%,
   60%,
   80% {
      -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
      transition-timing-function: cubic-bezier(.215, .61, .355, 1)
   }

   0% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      -ms-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3)
   }

   20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      -ms-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1)
   }

   40% {
      -webkit-transform: scale3d(.9, .9, .9);
      -ms-transform: scale3d(.9, .9, .9);
      transform: scale3d(.9, .9, .9)
   }

   60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      -ms-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03)
   }

   80% {
      -webkit-transform: scale3d(.97, .97, .97);
      -ms-transform: scale3d(.97, .97, .97);
      transform: scale3d(.97, .97, .97)
   }

   100% {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1)
   }
}

.gdBounceIn {
   -webkit-animation-name: gdBounceIn;
   animation-name: gdBounceIn;
   -webkit-animation-duration: .75s;
   animation-duration: .75s
}

@-webkit-keyframes gdBounceOut {
   20% {
      -webkit-transform: scale3d(.9, .9, .9);
      transform: scale3d(.9, .9, .9)
   }

   50%,
   55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1)
   }

   100% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3)
   }
}

@keyframes gdBounceOut {
   20% {
      -webkit-transform: scale3d(.9, .9, .9);
      -ms-transform: scale3d(.9, .9, .9);
      transform: scale3d(.9, .9, .9)
   }

   50%,
   55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      -ms-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1)
   }

   100% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      -ms-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3)
   }
}

.gdBounceOut {
   -webkit-animation-name: gdBounceOut;
   animation-name: gdBounceOut;
   -webkit-animation-duration: .75s;
   animation-duration: .75s
}


@-webkit-keyframes icojump {
   0% {
      -webkit-transform: translateY(0);
   }

   25% {
      -webkit-transform: translateY(-10px);
   }

   50% {
      -webkit-transform: translateY(0);
   }

   75% {
      -webkit-transform: translateY(-5px);
   }

   100% {
      -webkit-transform: translateY(0);
   }
}

@keyframes icojump {
   0% {
      transform: translateY(0);
   }

   25% {
      transform: translateY(-10px);
   }

   50% {
      transform: translateY(0);
   }

   75% {
      transform: translateY(-5px);
   }

   100% {
      transform: translateY(0);
   }
}

.icojump {
   -webkit-animation-name: icojump;
   animation-name: icojump;
   -webkit-animation-duration: .75s;
   animation-duration: .75s
}

@-webkit-keyframes swing {
   20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg)
   }

   40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg)
   }

   60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg)
   }

   80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg)
   }

   100% {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg)
   }
}

@keyframes swing {
   20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      -ms-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg)
   }

   40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      -ms-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg)
   }

   60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      -ms-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg)
   }

   80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      -ms-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg)
   }

   100% {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      -ms-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg)
   }
}

.swing {
   -webkit-transform-origin: top center;
   -ms-transform-origin: top center;
   transform-origin: top center;
   -webkit-animation-name: swing;
   animation-name: swing
}




/* =================================================== 
   * header 
   * --------------------------------------------------- */
.head-bg {
   content: '';
   display: block;
   width: 100%;
   height: 1102px;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 0;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center 0;
   background-attachment: fixed;
}

.sub-head-bg {
   padding-bottom: 15px;
}

.head-wrapper {
   padding-top: 70px;
   margin: 0 auto;
   position: relative;
   left: 0;
   top: 0;
   /*z-index:999999;*/
   transition: all .2s ease;
   z-index: 99;
}

.topbar,
.nav-bar {
   background-color: #fff;
   max-width: 1200px;
   *width: 1200px;
   margin: 0 auto;
}

.logo img {
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

.topbar {
   position: relative;
   padding: 15px 0 25px;
   border-top: 5px solid #bce623;
}

.topbar .head-contact {
   float: left;
   line-height: 28px;
   padding: 16px 0;
   position: absolute;
   right: 180px;
   top: 0;
   display: none;
}

.topbar .head-phone,
.topbar .head-email {
   display: inline;
   float: left;
   margin-right: 35px;
}

.topbar .head-phone {
   display: none;
}

.topbar .head-phone:before,
.topbar .head-email:before {
   opacity: .7;
}

.topbar .head-phone:before {
   content: '\f095';
   font-size: 18px;
}

.topbar .head-email:before {
   content: '\f0e0';
   font-size: 16px;
   padding-right: 5px;
}

.topbar .head-phone:hover:before,
.topbar .head-email:hover:before {
   -webkit-animation: swing .6s linear;
   animation: swing .6s linear;
}

.head-fixed-holder {
   overflow: hidden;
}

.mobile-head-items {
   display: none;
}

/* search */
.search-holder,
.head-search-form,
.nav-bar .nav>li {
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

.search-holder {
   height: 0;
   opacity: 0;
   ;
}

.head-search {
   display: inline;
   position: relative;
   float: right;
   margin: 0 15px;
   padding-top: 2px;
   -webkit-transition: none;
   transition: none;
   position: relative;
   z-index: 999;
}

.head-search .search-toggle {
   display: inline-block;
   width: 27px;
   height: 27px;
   background-color: #aaa;
   background-image: url(img/search-toggle.png);
   background-repeat: no-repeat;
   background-position: center -2px;
   cursor: pointer;
   border-radius: 50%;
}

.head-search .search-toggle:hover {
   background-color: #9fcb00;
}

.head-search .search-toggle {
   *display: inline;
}

.head-search-form {
   width: 0;
   overflow: hidden;
   height: 32px;
   background-color: #9fcb00;
   border: 1px solid #9fcb00;
   border-radius: 0;
   position: relative;
   opacity: 0;
   z-index: 2;
   position: absolute;
   right: -1px;
   top: 0;
   border-radius: 16px;
}

.head-search-form .search-ipt {
   width: 220px;
   height: 32px;
   line-height: 32px;
   border: 0;
   float: left;
   padding-left: 12px;
   background: none;
   color: #fff;
}

.head-search-form .search-ipt::-webkit-input-placeholder {
   color: #fff;
}

.head-search-form .search-ipt:-moz-placeholder {
   color: #fff;
}

.head-search-form .search-ipt::-moz-placeholder {
   color: #fff;
}

.head-search-form .search-ipt:-ms-input-placeholder {
   color: #fff;
}

.head-search-form .search-ipt:input-placeholder {
   color: #fff;
}

.head-search-form .search-btn {
   width: 32px;
   height: 32px;
   padding: 0;
   float: left;
   background: url(img/search-btn.png) center no-repeat;
   border: 0;
   cursor: pointer;
   position: absolute;
   right: 0;
   top: -5px;
   border-bottom: 1px solid rgba(255, 255, 255, .1);
   border-right: 1px solid rgba(255, 255, 255, .1);
}

.head-search-show .head-search {
   z-index: 100001;
   position: relative;
}

.head-search-show .head-search-form {
   width: 250px;
   opacity: 1;
}

.head-search-show .search-toggle {}

/* change language */
.change-language {
   float: right;
}

.change-language .change-language-title,
.change-language .change-language-title span {
   color: #746e5d;
}

.change-language .change-language-info .change-language-title,
.change-language .change-language-info .change-language-title a,
.change-language .change-language-info:hover .language-icon {
   -webkit-transition: all .2s ease;
   transition: all .2s ease;
}

.change-language-info .language-icon:before {
   content: '\f107' !important;
}



/* nav */
.nav-bar {
   padding: 0 0 40px;
}

.logo {
   display: block;
   text-align: center;
   padding-bottom: 20px;
}

.logo img {
   max-width: 30%;
}

.logo .logo-txt {
   display: block;
   text-align: center;
   font-size: 18px;
   color: #a59e8d;
   line-height: 1.2;
   padding-top: 10px;
   font-weight: normal;
}

.nav-bar .nav {
   width: 100%;
   text-align: center;
   margin-top: 40px;
}

.nav-bar .nav ul {
   display: none;
}

.nav-bar .nav,
.nav-bar .nav a {}

.nav-bar .nav a {
   -webkit-transition: all .15s ease;
   transition: all .15s ease;
}

.nav-bar .nav>li {
   display: inline-block;
   float: none;
   position: relative;
   padding: 0;
   height: 40px;
   line-height: 40px;
   font-weight: normal;
}

.nav-bar .nav>li {
   *display: inline;
}

.nav-bar .nav>li>a {
   display: inline-block;
   font-size: 18px;
   padding: 0 30px;
}

.nav-bar .nav>li.has-child>a:after {
   display: inline-block;
   width: 1em;
   text-align: center;
   content: '\f0d7';
   padding-left: 0;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   font-size: 14px;
}

.nav-bar .nav>li.li-hover>a:after {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}

.nav-bar .nav>li.li-hover>a,
.nav-bar .nav>li>a:hover,
.nav-bar .nav li.nav-current>a {
   color: #445700;
   font-weight: bold;
}

.nav-bar .nav>li.li-hover>ul {
   transform: none;
   -webkit-animation: fadeInUpA .3s linear;
   animation: fadeInUpA .3s linear;
}

.nav-bar .nav>li.li-hover>.nav-ico {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}

.nav-bar .nav>li>ul {
   -webkit-animation: fadeOutDownA .3s linear;
   animation: fadeOutDownA .3s linear;
}

.nav-bar .nav>li>ul:before {
   content: '';
   display: block;
   width: 0;
   height: 0;
   overflow: hidden;
   border-style: dashed dashed solid;
   border-color: transparent transparent #a39b8d;
   background-color: #fff\9;
   border-width: 0 8px 8px 8px;
   position: absolute;
   left: 50%;
   top: -8px;
   margin-left: -8px;
}

.nav-bar .nav li.li-hover:before {
   width: 100%;
   left: 0;
}

.nav-bar .nav ul {
   width: 110px;
   background-color: #a39b8d;
   position: absolute;
   left: 50%;
   margin-left: -55px;
   top: 50px;
   padding: 10px;
   z-index: 999999;
}

.nav-bar .nav ul li {
   position: relative;
   text-align: center;
}

.nav-bar .nav ul li,
.nav-bar .nav ul li a {
   color: #fff;
}

.nav-bar .nav ul li a {
   display: block;
   height: 33px;
   line-height: 33px;
   overflow: hidden;
   font-size: 14px;
   padding: 0;
   position: relative;
   z-index: 10001;
   border-bottom: 1px dotted #ddd;
   -webkit-transition: all .15s ease;
   transition: all .15s ease;
}

.nav-bar .nav ul li a:hover {
   color: #fdffcd !important;
}

.nav-bar .nav ul li:last-child a {
   border-bottom: 0;
}

.nav-bar .nav ul li .nav-ico {
   position: absolute;
   right: 10px;
   top: 0;
   cursor: pointer;
   line-height: 35px;
   z-index: 10002;
}

.nav-bar .nav ul li .nav-ico:after {
   content: '\f105';
   color: #999;
   font-weight: normal;
   display: none;
}

.nav-bar .nav ul li:before {
   display: none;
}

.nav-bar .nav ul li ul {
   left: 130px;
   top: -10px;
   margin-left: 0;
   padding: 10px;
   background-color: #aacc2f;
}

.nav-bar .nav ul li.li-hover>ul {
   -webkit-animation: fadeInRightA .3s linear;
   animation: fadeInRightA .3s linear;
}

.nav-bar .nav ul li.li-hover>a {
   color: #fdffcd !important;
}

.nav-bar .nav ul li.li-hover>.nav-ico:after {
   color: #fff;
}

.head-fixed-holder {
   display: none !important;
}


/* =================================================== 
   * footer 
   * --------------------------------------------------- */

.foot-layer {
   padding: 50px 15px;
   background-color: #fff;
}

.foot-layer .foot-logo,
.foot-layer .social-list {
   width: 29.333333%;
   float: left;
}

.foot-layer .foot-logo img {
   max-height: 32px;
}

.foot-layer .social-list {
   text-align: center;
   float: left;
}

.foot-layer .copyright {
   width: 38.333333%;
   float: right;
   text-align: right;
}

.social-list li {
   display: inline;
   padding: 0 3px;
}

.social-list li a {
   display: inline-block;
   overflow: hidden;
   padding: 8px;
   border-radius: 50%;
   opacity: .6;
   filter: alpha(opacity=60);
}

.social-list li a img {
   display: inline-block;
   max-height: 18px;
   vertical-align: middle;
   float: left;
   opacity: .8;
   -webkit-transition: all .8s ease;
   transition: all .8s ease;
}

.social-list li a:hover {
   background-color: #f2f2f2;
   opacity: 1;
   filter: alpha(opacity=100);
   -webkit-transform: rotate(30deg);
   transform: rotate(30deg);
}

.social-list li a:hover img {
   opacity: 1;
}

/* gotop */
.gotop {
   width: 1em;
   height: 1em;
   line-height: 1em;
   padding: .6em;
   background: #9fcb00;
   background-image: none;
   background-position: center;
   z-index: 10010;
   -webkit-transition: all .6s ease;
   transition: all .6s ease;
   box-shadow: 0 0 3px rgba(255, 255, 255, .3);
   border-radius: 50%;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   -ms-box-sizing: content-box;
   -o-box-sizing: content-box;
   50%;
   box-sizing: content-box;
   font-size: 18px;
}

.gotop:before {
   content: '\f106';
   margin: 0;
   width: auto;
}

.gotop:hover {
   background-color: #554634;
}




/* =================================================== 
   * homepage 
   * --------------------------------------------------- */
.index-layout {
   position: relative;
   z-index: 1;
}


/* btn */
.btn-readmore {
   background-color: #6b5f53;
   border: 0;
   color: #fff;
   display: inline-block;
   padding: 10px 1.5em;
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   -o-transform: scaleX(1);
   transform: scaleX(1);
   position: relative;
   overflow: hidden;
}

.btn-readmore:hover {
   color: #fff;
}

.btn-readmore:before {
   z-index: -1;
   content: '';
   display: block;
   width: 100%;
   height: 0%;
   position: absolute;
   left: 0;
   bottom: -25%;
   background-color: #a8d700;
   -webkit-transition: all .35s ease;
   -o-transition: all .35s ease;
   transition: all .35s ease;
   border-radius: 50%;
}

.btn-readmore:hover:before {
   height: 150%;
   width: 130%;
   left: -15%;
   bottom: -25%;
}

.bar-more {
   padding: 30px 0 0;
}

/* title */
.index-tit-bar {
   text-align: center;
   margin: 0 auto 45px;
   line-height: 1.5;
}

.index-tit-bar,
.index-tit-bar a {
   color: #584a3e;
}

.index-tit-bar .title {
   font-size: 48px;
   font-weight: normal;
   line-height: 1;
}

.index-tit-bar .title em {
   font-weight: bold;
}

.index-tit-bar .desc {
   display: block;
   font-size: 22px;
   padding-top: 20px;
}

/* slides */
.rev_slider_wrapper {
   max-width: 1200px;
   *width: 1200px;
   margin: 0 auto 45px;
   background-color: #f2f2f2;
}

.tp-bullets.simplebullets .bullet {
   background-color: #999;
}

.tp-leftarrow,
.tp-rightarrow {
   width: auto;
   height: auto;
   background: none !important;
   border-color: transparent;
   border-radius: 0%;
   border: 0;
   float: left;
   display: inline-block;
   overflow: hidden;
   border-radius: 3px;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   color: #fff !important;
}

.tp-bannertimer {
   height: 3px;
   background-color: #fff;
   background-color: rgba(255, 255, 255, .3);
}

.tp-leftarrow,
.tp-rightarrow {}

.tp-leftarrow:before {
   content: '\f053';
}

.tp-rightarrow:before {
   content: '\f054';
}

.tp-leftarrow:before,
.tp-rightarrow:before {
   font-size: 30px;
   margin: 0;
   color: #fff !important;
   vertical-align: middle;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

.tparrows.hidearrows {
   opacity: 1;
   filter: alpha(opacity=100);
}

.tp-bullets.simplebullets .bullet {
   width: 8px;
   height: 8px;
   background-color: #000;
   border: 2px solid #000;
   opacity: .6;
   filter: alpha(opacity=60);
}

.tp-bullets.simplebullets .bullet.selected {
   opacity: 1;
   filter: alpha(opacity=100);
   background-color: transparent;
   background-color: #fff;
   border-color: #333;
}

.tp-bullets.simplebullets,
.rev_slider_wrapper:hover .tp-bullets.simplebullets {
   opacity: 1;
   filter: alpha(opacity=100);
   bottom: 0 !important;
   padding: 30px 0;
}

.tp-bullets.simplebullets div {
   position: relative;
   z-index: 9;
}

.tp-simpleresponsive>ul li img {
   margin: 0 auto;
   display: block;
}

.rev_slider_wrapper .banner-title,
.rev_slider_wrapper .banner-title a {
   color: #404040;
}

.rev_slider_wrapper .banner-title {
   width: 100%;
   height: 43px;
   line-height: 43px;
   overflow: hidden;
   text-align: center;
   background-color: #ffc550;
   font-size: 24px;
   font-weight: normal;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 1002;
}

.rev_slider_wrapper .banner-title strong {
   display: block;
   padding: 0 15%;
   height: 43px;
   line-height: 43px;
   overflow: hidden;
   font-weight: normal;
   text-transform: uppercase;
}

.tp-loader {
   box-shadow: none !important;
}

.tp-loader.spinner0 {
   background-size: auto 32px;
   background-color: transparent;
   -webkit-animation-name: none;
   animation-name: none;
}

.tp-leftarrow {
   left: -50px !important;
}

.tp-rightarrow {
   right: -50px !important;
}

.rev_slider_wrapper .tp-leftarrow:hover:before,
.rev_slider_wrapper .tp-rightarrow:hover:before {
   color: #abcb4f !important;
}

.slider-txt {
   width: 1200px;
   z-index: 99;
   line-height: 1.1;
   position: absolute;
   left: 50%;
   top: 50%;
   bottom: auto;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   margin-top: 65px;
   top: auto\9;
   bottom: 25%\9;
   margin-left: -600px;
   display: none;
}

.slider-txt,
.slider-txt a {
   color: #272727;
}

.slider-txt .txt-box {
   max-width: 50%;
}

.slider-txt h4,
.slider-txt p {
   padding-bottom: 15px;
}

.slider-txt h4 {
   font-weight: normal;
   line-height: 1;
   font-size: 4em;
}

.slider-txt h4,
.slider-txt h4 a {
   color: #a8d700;
}

.slider-txt p {
   font-size: 1.8em;
   line-height: 1.2;
   padding-bottom: .3em;
}

.slider-txt h4,
.slider-txt p,
.slider-txt .btn-readmore {
   opacity: 0;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-timing-function: ease;
   animation-timing-function: ease;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-name: fadeOutLeft;
   animation-name: fadeOutLeft;
}

.slider-txt .btn-readmore {
   font-size: 1.1428em;
}

.current-sr-slide-visible .slider-txt h4,
.current-sr-slide-visible .slider-txt p {
   opacity: 1\9;
}

.current-sr-slide-visible .slider-txt h4 {
   -webkit-animation-name: gdFadeInRight;
   animation-name: gdFadeInRight;
}

.slider-txt p {
   webkit-animation-duration: 1s;
   animation-duration: 1s;
}

.current-sr-slide-visible .slider-txt p {
   -webkit-animation-name: gdFadeInRight;
   animation-name: gdFadeInRight;
   -webkit-animation-delay: .3s;
   animation-delay: .3s;
}

.slider-txt .btn-readmore {
   webkit-animation-duration: 1.3s;
   animation-duration: 1.3s;
   color: #fff;
   margin-top: 1.5em;
}

.current-sr-slide-visible .slider-txt .btn-readmore {
   -webkit-animation-name: gdFadeInRight;
   animation-name: gdFadeInRight;
   -webkit-animation-delay: .9s;
   animation-delay: .9s;
}

.slide-banner-2 .slider-txt,
.slide-banner-1 .slider-txt a {
   color: #fff;
}

.slide-banner-2 .slider-txt h4,
.slide-banner-2 .slider-txt p,
.slide-banner-2 .slider-txt .btn-readmore {
   -webkit-animation-name: gdFadeOutUp;
   animation-name: gdFadeOutUp;
}

.slide-banner-2.current-sr-slide-visible .slider-txt h4,
.slide-banner-2.current-sr-slide-visible .slider-txt p,
.slide-banner-2.current-sr-slide-visible .slider-txt .btn-readmore {
   -webkit-animation-name: gdFadeInUp;
   animation-name: gdFadeInUp;
}

.slide-banner-3 .slider-txt,
.slide-banner-1 .slider-txt a {
   color: #fff;
}

@media screen and (max-width:1279px) {
   .rev_slider_wrapper {
      font-size: 12px;
   }

   .rev_slider_wrapper .slider-txt {
      width: 95%;
      left: 5%;
      margin-left: 0;
   }
}

@media screen and (max-width:1023px) {
   .rev_slider_wrapper {
      font-size: 10px;
   }
}

@media screen and (max-width:767px) {
   .rev_slider_wrapper {
      font-size: 8px;
   }

   .rev_slider_wrapper .slider-txt {
      width: 100%;
   }

   .rev_slider_wrapper .slider-txt h4 {
      font-size: 3em;
   }

   .slider-txt p {
      font-size: 1.2em;
   }
}


/* product */
.product-item {
   width: 25%;
   float: left;
   padding-bottom: 30px;
   *margin-right: -1px;
}

.product-item .item-wrap {
   position: relative;
}

.product-item .item-wrap .pd-img {
   display: block;
   position: relative;
}

.product-item .item-wrap .pd-img a {
   display: block;
   overflow: hidden;
   position: relative;
}

.product-item .item-wrap .pd-img img {
   display: block;
   width: 100%;
   height: auto;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

.product-item .item-wrap .pd-img a:hover img {
   -webkit-transform: none;
   transform: none;
}

.product-item .item-wrap .pd-info {
   text-align: left;
}

.product-item .item-wrap .pd-name {
   max-width: 80%;
   margin: 15px auto 0;
   font-size: 14px;
   text-align: center;
}

.product-item .item-wrap .pd-name a {
   display: block;
   height: 36px;
   line-height: 18px;
   overflow: hidden;
}

.product-item .item-wrap .pd-name a:hover {
   text-decoration: underline;
}

.main-product-layer {
   padding: 90px 0;
   margin: 0;
}

.main-product-layer .product-wrap {
   margin: 0 -15px;
}

.main-product-layer .product-item {
   width: 100%;
   margin-bottom: 0;
   display: none;
   position: relative;
   overflow: hidden;
   padding-bottom: 0;
   margin-bottom: 30px;
}

.main-product-layer .product-item .item-wrap {
   margin: 0;
}

.main-product-layer .product-item .pd-info {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 100%;
   background-color: rgba(188, 230, 35, .3);
   background-color: #bce623\9;
   text-align: center;
   -webkit-transition: all .4s ease;
   transition: all .4s ease;
}

.main-product-layer .product-item .pd-name {
   display: table;
   width: 100%;
   max-width: inherit;
   height: 100%;
   margin: 0;
}

.main-product-layer .product-item .pd-name a {
   display: block;
   width: 70%;
   height: 80%;
   font-size: 28px;
   color: #fff;
   line-height: 1.3;
   padding: 15% 15% 5%;
   display: table-cell;
   vertical-align: middle;
   line-height: 1;
   opacity: 0;
   -webkit-transition: all .4s ease;
   transition: all .4s ease;
   -webkit-transition-delay: .3s;
   transition-delay: .3s;
}

.main-product-layer .product-item .pd-name a:after {
   content: '\f067';
   display: block;
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   background-color: #fff;
   margin: 15px auto 0;
   border-radius: 50%;
   color: #bce623;
   font-size: 18px;
}

.main-product-layer .product-item .pd-name a:hover {
   text-decoration: none;
}

.main-product-layer .product-item:hover .pd-info {
   top: 0;
   background-color: rgba(188, 230, 35, .9);
   background-color: #bce623\9;
}

.main-product-layer .product-item:hover .pd-name a {
   opacity: 1;
   padding: 10% 15% 10%;
}

.main-product-layer .owl-controls {
   height: auto;
   text-align: center;
   padding: 45px 0 0;
}

.main-product-layer .owl-controls .owl-prev,
.main-product-layer .owl-controls .owl-next {
   display: inline-block;
   width: 38px;
   height: 38px;
   text-align: center;
   line-height: 38px;
   background-color: #6b5f53;
   color: #fff;
   font-size: 20px;
}

.main-product-layer .owl-controls .owl-prev:hover,
.main-product-layer .owl-controls .owl-next:hover {
   background-color: #a8d700;
   opacity: 1;
   filter: alpha(opacity=100);
}

.main-product-layer .owl-controls .owl-prev:before {
   content: '\f053';
}

.main-product-layer .owl-controls .owl-next:before {
   content: '\f054';
}

.main-product-layer .owl-loaded .product-item {
   display: block;
}



/* company synopses */
.synopsis-item .item-wrap:hover .item-img img,
.synopsis-item:hover .item-img img {
   -webkit-animation: none;
   animation: none;
}

.company-synopses:after {
   content: '';
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.company-synopses {
   *zoom: 1;
}

.company-synopses {
   margin: 0 -15px;
}

.company-synopses .synopsis-item {
   width: 33.33333333%;
   float: left;
}

.company-synopses .synopsis-item:nth-child(3n+1) {
   clear: left;
}

.company-synopses .synopsis-item .item-wrap {
   margin: 0 15px;
   text-align: center;
   background-color: #fff;
   position: relative;
   overflow: hidden;
}

.company-synopses .synopsis-item .item-img {
   display: block;
   width: 100%;
   height: auto;
   position: relative;
}

.company-synopses .synopsis-item .item-img:after {
   content: '';
   display: block;
   width: 100%;
   height: 16px;
   background: url(img/img-ft-mask.png) center bottom no-repeat;
   position: absolute;
   left: 0;
   bottom: -2px;
   z-index: 9;
}

.company-synopses .synopsis-item .item-img a {
   display: block;
   position: relative;
   overflow: hidden;
}

.company-synopses .synopsis-item .item-img a:before {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   background-color: tanspart;
   position: absolute;
   left: 0;
   top: 0;
   -webkit-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease;
   z-index: 1;
   opacity: 0;
   filter: alpha(opacity=0);
}

.company-synopses .synopsis-item .item-img a:hover:before {
   background-color: #89b510;
   opacity: .5;
   filter: alpha(opacity=50);
}

.company-synopses .synopsis-item .item-img a:after {
   content: '\f078';
   font-size: 18px;
   display: block;
   width: 1em;
   height: 1em;
   text-align: center;
   line-height: 1em;
   color: #fff;
   position: absolute;
   left: 50%;
   margin: 0 0 0 -.5em;
   bottom: 1em;
   z-index: 2;
   font-family: "fontawesome";
   -webkit-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease;
}

.company-synopses .synopsis-item .item-img img {
   display: block;
   width: 100%;
   -webkit-transform: none;
   -ms-transform: none;
   -o-transform: none;
   transform: none;
   -webkit-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease;
}

.company-synopses .synopsis-item .item-info {
   padding: 30px 15px;
}

.company-synopses .synopsis-item .item-title {
   font-size: 28px;
   height: 1.1em;
   line-height: 1.1em;
   overflow: hidden;
   font-weight: normal;
}

.company-synopses .synopsis-item .item-title,
.company-synopses .synopsis-item .item-title a {
   color: #d2c970;
}

.company-synopses .synopsis-item .item-desc {
   height: 40px;
   line-height: 20px;
   font-size: 18px;
   overflow: hidden;
   color: #b2ad9d;
   margin-top: 15px;
   padding: 0 10px;
}

.company-synopses .synopsis-item:hover .item-img a:after {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
}

.company-synopses .synopsis-item:hover .item-img img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: all 1.6s ease;
   -o-transition: all 1.6s ease;
   transition: all 1.6s ease;
}



/* about us */
.about-us-layer {
   position: relative;
   overflow: hidden;
   padding: 90px 0;
   font-size: 16px;
}

.about-us-layer {
   margin: 0 -15px;
   padding-left: 15px;
   padding-right: 15px;
}

.about-us-layer,
.about-us-layer a {
   color: #b2ad9d;
}

.about-tit-bar {
   text-align: left;
   margin: 0 auto 30px;
}

.about-tit-bar .about-tit {
   font-size: 48px;
   font-weight: normal;
   line-height: 1.1;
}

.about-tit-bar .about-tit,
.about-tit-bar .about-tit a {
   color: #584a3e;
}

.about-us-layer .about-list {
   text-align: center;
   font-size: 0;
}

.about-us-layer .text p {
   -webkit-column-count: 2;
   -moz-column-count: 2;
   column-count: 2;
   column-gap: 30px;
   text-align: justify;
}

.about-us-layer .bar-more {
   padding-top: 40px;
}

.about-us-layer .btn-readmore {
   color: #fff;
}




/* guide */
.guide-layer {
   padding: 80px 30px;
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   text-align: center;
   margin: 0 -15px;
}

.guide-layer,
.guide-layer a {
   color: #fff;
}

.guide-layer .txt-box {
   display: block;
   width: auto;
   width: 70%;
   background-color: rgba(0, 0, 0, .4);
   padding: 50px 80px;
   margin: 0 auto;
   -webkit-transition: all .8s ease;
   transition: all .8s ease;
}

.guide-layer .txt-box:hover {
   -webkit-transform: translateY(-10px);
   transform: translateY(-10px);
   background-color: rgba(0, 0, 0, .75);
}

.guide-layer .title {
   font-size: 120px;
   line-height: 1;
   text-transform: uppercase;
   padding-bottom: 10px;
   text-shadow: 3px 3px 0 rgba(0, 0, 0, .2);
}

.guide-layer .desc {
   font-size: 60px;
   padding-bottom: 10px;
   line-height: 1.1;
   font-weight: bold;
}

.guide-layer .desc .more {
   display: inline-block;
   border-bottom: 3px dashed #bce623;
   color: #bce623;
}

.guide-layer .desc .more:after {
   content: '\f105';
   font-family: "fontawesome";
   padding-left: .2em;
   font-size: 24px;
   vertical-align: middle;
}

.guide-layer .bar-more {
   padding-top: 25px;
}

@media screen and (max-width:1366px) {
   @media screen and (-webkit-min-device-pixel-ratio:0) {
      .guide-layer {
         background-size: cover;
         background-attachment: scroll;
      }
   }
}


/* promote banners */
.promote-banner-layer {
   position: relative;
   z-index: 999;
   padding-bottom: 35px;
}

.promote-banner-list {
   margin: 0 -15px;
}

.promote-banner-list ul {
   clear: both;
}

.promote-banner-list li {
   width: 33.33333333%;
   float: left;
   position: relative;
   overflow: hidden;
   font-size: 14px;
}

.promote-banner-list li .bn-item-box {
   margin: 0 15px;
   position: relative;
   overflow: hidden;
}

.promote-banner-list li .bn-item-box,
.promote-banner-list li .bn-item-box a {
   color: #fff;
}

.promote-banner-list li .bn-item-inner {
   display: block;
   position: relative;
}

.promote-banner-list li .bn-item-inner:before {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .4);
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

.promote-banner-list li .bn-item-img {
   display: block;
}

.promote-banner-list li .bn-item-img img {
   display: block;
   width: 100%;
   height: auto;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

.promote-banner-list li .bn-txt-box {
   width: 100%;
   padding-top: 15%;
   text-align: center;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
}

.promote-banner-list li .item-tit {
   font-size: 30px;
   text-transform: uppercase;
   letter-spacing: 2px;
}

.promote-banner-list li .item-link {
   display: block;
   text-decoration: underline;
   font-size: 12px;
}

.promote-banner-list li .bn-item-inner:hover:before {
   background-color: rgba(0, 0, 0, .15);
}

.promote-banner-list li .bn-item-inner:hover .bn-item-img img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: all .6s ease;
   transition: all .6s ease
}


/* partner */
.partner-layer {
   padding: 100px 0;
   text-align: center;
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   background-color: #c6a468;
   margin: 0 -15px;
}

.partner-layer .partner-item {
   display: block;
   border: 1px solid #fff;
   opacity: .7;
   filter: alpha(opacity=70);
   -webkit-transition: all .4s ease;
   transition: all .4s ease;
   display: none;
}

.partner-layer .partner-item:hover {
   opacity: 1;
   filter: alpha(opacity=100);
}

.partner-layer .partner-item img {
   max-width: 100%;
}

.partner-layer .owl-controls {
   padding-top: 50px;
   text-align: center;
   height: auto;
}

.partner-layer .owl-controls .owl-dot {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background-color: #fff;
   opacity: .6;
   filter: alpha(opacity=60);
}

.partner-layer .owl-controls .active {
   background-color: #fff;
   opacity: 1;
   filter: alpha(opacity=100);
}

.partner-layer .owl-loaded .partner-item {
   display: block;
   vertical-align: middle;
   margin-bottom: 1px;
}

@media screen and (max-width:1366px) {
   @media screen and (-webkit-min-device-pixel-ratio:0) {
      .guide-layer {
         background-size: cover;
         background-attachment: scroll;
      }
   }
}



/* news */
.service-layer {
   padding: 90px 0;
}

.service-layer .index-tit-bar {
   border-bottom: 2px solid #e8e5d3;
   text-align: left;
   padding-bottom: 25px;
}

.col-contact {
   width: 33.33333333%;
   float: left;
}

.col-contact .col-inner {
   margin: 0 15px;
}


.col-contact .foot-contact-list .item-label:before {
   padding-right: 5px;
   position: absolute;
   left: 0;
   top: 0;
}

.col-contact .foot-contact-list li {
   padding-left: 38px;
   position: relative;
   padding-bottom: 30px;
   margin-bottom: 30px;
   font-size: 18px;
   border-bottom: 1px solid #e1ddc5;
   padding-right: 8%;
}

.col-contact .foot-contact-list li:last-child {
   border-bottom: 0;
   margin-bottom: 0;
}

.col-contact .foot-contact-list li.foot-addr .item-label:before {
   content: '\f015';
   font-size: 21px;
}

.col-contact .foot-contact-list li.foot-phone .item-label:before {
   content: '\f10b';
}

.col-contact .foot-contact-list li.foot-fax .item-label:before {
   content: '\f10b';
}

.col-contact .foot-contact-list li.foot-email .item-label:before {
   content: '\f0e0';
}


.col-news {
   width: 66.66666666%;
   float: left;
}

.col-news .col-inner {
   margin: 0 15px;
}

.col-news .col-news-item {
   padding: 10px;
   background-color: #fff;
   box-shadow: 5px 5px 0 rgba(0, 0, 0, .1);
   margin: 0 8px 70px 0;
   position: relative;
   display: none;
}

.col-news .col-news-item:before {
   content: '';
   display: block;
   width: 50px;
   height: 41px;
   position: absolute;
}

.col-news .col-news-item dt {
   display: block;
   float: left;
   margin-right: 5%;
}

.col-news .col-news-item dt img {
   height: 190px;
}

.col-news .col-news-item dd {
   padding: 30px 10px 0 0;
}

.col-news .col-news-item dd h4 {
   height: 1.5em;
   line-height: 1.5em;
   overflow: hidden;
   font-size: 20px;
   margin-bottom: 15px;
}

.col-news .col-news-item dd p {
   height: 4.5em;
   line-height: 1.5em;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
}

.col-news .col-news-item dd .news-time {
   line-height: 20px;
   padding: 41px 35px 0 45px;
   background: url(img/box-corner.png) 0 0 no-repeat;
   position: absolute;
   right: 0;
   bottom: -51px;
}

.col-news .owl-loaded .col-news-item {
   display: block;
}




/*----------------------------------page---------------------------------*/
.path-bar {
   *width: 1200px;
   max-width: 1200px;
   position: relative;
   width: auto;
   line-height: 32px;
   margin: 10px auto 40px;
   background-color: #FFF;
   padding: 15px 0;
   z-index: 1;
   text-align: center;
}

.path-bar h1 {
   font-size: 32px;
   line-height: 1.1;
   padding-bottom: 6px;
   font-weight: normal;
   color: #d2c970;
}

.path-bar li:after {
   content: "/";
   display: inline;
   font-style: normal;
   padding-right: 5px;
}

.path-bar .path-nav {}

.path-bar li {
   display: inline-block;
   vertical-align: top;
   position: relative;
   font-size: 18px;
}

.path-bar li {
   *display: inline;
}

.path-bar li a {
   padding-right: 5px;
}

/* .path-bar li:first-child a {
   color: #bbada2;
} */

.path-bar li:last-child:after {
   content: '';
}

.path-bar li:last-child a {
   padding-right: 0;
}



/* =================================================== 
   * aside 
   * --------------------------------------------------- */
.aside {
   float: left;
   width: 270px;
   padding: 0 0 30px;
   font-size: 13px;
   position: relative;
   z-index: 1;
}

.side-tit-bar {
   position: relative;
}

.side-tit-bar .side-tit {
   position: relative;
   font-size: 16px;
   height: 34px;
   line-height: 34px;
   background-color: #a8d700;
   font-weight: normal;
   padding: 0 0 0 20px;
}

.side-tit-bar .side-tit,
.side-tit-bar .side-tit a {
   color: #fff;
}

.side-widget {
   position: relative;
   margin: 0 0 20px;
   background-color: #fff;
}

.side-widget .side-hide {
   padding: 15px;
}

.side-widget .side-cate,
.side-widget .side-cont {}

.side-cate ul li {
   position: relative;
   line-height: 30px;
}

.side-cate ul li li {
   margin: 0 15px;
}

.side-cate ul li a {
   position: relative;
   display: block;
   height: 30px;
   overflow: hidden;
   display: block;
   padding: 0 15px;
}

.side-cate ul li a:before {
   content: "";
   position: absolute;
   left: 3px;
   top: 50%;
   margin: -1px 0 0;
   width: 3px;
   height: 3px;
   background: #000;
}

.side-cate ul li li a {
   border-bottom: 1px solid #eee;
   padding: 0;
}

.side-cate ul li li li {
   margin: 0 0 0 15px;
}

.side-cate ul li li a:before {
   display: none;
}

.side-cate-menu li .side-ico {
   position: absolute;
   right: 0;
   top: 5px;
   color: #99abb9;
   font-size: 12px;
   cursor: pointer;
   padding: 0 5px;
   cursor: pointer
}

.side-cate ul li>ul {
   display: none;
}

.side-cate-menu li .icon-cate-down:before {
   content: '\f067';
}

.side-cate-menu li .icon-cate-up:before {
   content: '\f068';
}

.products-scroll-list-wrap {
   position: relative;
}

.products-scroll-list {
   position: relative;
}

.products-scroll-list li {
   display: table;
   width: 100%;
   padding: 0;
   height: 90px;
}

.products-scroll-list li>a,
.products-scroll-list li .pd-info {
   display: table-cell;
   vertical-align: middle;
}

.products-scroll-list li>a {
   width: 65px;
}

.products-scroll-list li a {
   *display: block;
   *float: left;
   *margin-right: 10px;
}

.products-scroll-list li .pd-info a {
   float: none;
}

.products-scroll-list li .pd-name {
   max-height: 4.5em;
   line-height: 1.5em;
   overflow: hidden;
}

.products-scroll-list li .pd-name a {
   margin-right: 0;
}

.products-scroll-list li .pd-name a:hover {
   text-decoration: underline;
}

.products-scroll-list li img {
   width: auto;
   height: 55px;
   margin: 0 12px 0 0;
}

.products-scroll-btn-prev,
.products-scroll-btn-next {
   position: relative;
   width: 100%;
   height: 19px;
   display: block;
   z-index: 999;
   opacity: .15;
   filter: alpha(opacity=15);
}

.products-scroll-btn-prev {
   background: url(img/icons-prev.png) no-repeat center center;
   margin: 10px 0 0;
}

.products-scroll-btn-next {
   background: url(img/icons-next.png) no-repeat center center;
}

.products-scroll-btn-prev:hover,
.products-scroll-btn-next:hover {
   opacity: .6;
   filter: alpha(opacity=60);
}

.side-bn {
   max-width: 100%;
   margin: 0 0 25px 0;
}

.side-bn img {
   max-width: 100%
}


/* =================================================== 
   * main 
   * --------------------------------------------------- */
.main {
   position: relative;
   width: 100%;
   margin-left: -295px;
   padding-bottom: 50px;
   float: right;
}

.main .main-in {
   padding-left: 295px;
}

.main-tit-bar {
   overflow: hidden;
   padding: 0 0 8px;
   border-bottom: 1px solid #ddd;
   margin-bottom: 10px;
}

.main-tit-bar .title {
   position: relative;
   display: inline-block;
   vertical-align: top;
   *display: inline;
   *zoom: 1;
   font-size: 24px;
   text-transform: uppercase;
   color: #000;
   float: left;
}

.main-tit-bar .share-this {
   display: inline;
   float: right;
   padding: 5px 0 0;
}

.main-banner {
   position: relative;
   display: block;
   margin: 0 0 10px;
}

.main-banner img {
   position: relative;
   width: 100%;
}

.goods-summary {
   line-height: 1.5;
}



/* ------------------------ 
   * product list 
   ------------------------ */
.product-list {
   margin: 40px 0 0;
}

.product-list .gm-sep {
   margin: 0 -12px;
}

.product-list,
.certificate-list ul,
.video-list ul,
.download-list,
.faq-list {
   position: relative;
}

.product-list ul {
   position: relative;
   margin: 0 -12px;
}

.product-list .product-item {
   width: 33.33333333%;
   padding-bottom: 15px;
}

.product-list .product-item:nth-child(3n+1) {
   clear: left;
}

.product-list .product-item .item-wrap {
   margin: 0 12px;
}

.product-list .product-item .item-wrap .pd-name {
   max-width: inherit;
   margin: 0;
   padding: 10px 0;
   position: relative;
}

.product-list .product-item .item-wrap .pd-img {}

.product-list .product-item .item-wrap .pd-img a:before {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transition: all .4s ease;
   transition: all .4s ease;
}

.product-list .product-item .item-wrap .pd-img a:before {
   -webkit-transform: scale(0);
   transform: scale(0);
}

.product-list .product-item .item-wrap .pd-img a:hover:before {
   -webkit-transform: scale(1);
   transform: scale(1);
   background-color: #fff;
   opacity: .2;
   filter: alpha(opacity=20);
}

.product-list .product-item .pd-name a {
   margin: 0 5%;
}




/* pages */
.page-bar {
   position: relative;
   display: block;
   margin: 20px 0;
   text-align: right;
}

.page-bar .pages-2 {
   display: inline-block;
}

.pages a,
.pages span {
   display: inline-block;
   vertical-align: top;
   *display: inline;
   *zoom: 1;
   border: 1px solid #cfcfcf;
   background-color: #fff;
   height: 26px;
   line-height: 26px;
   padding: 0 10px;
   margin: 0 0 0 6px;
   vertical-align: middle;
}

.pages span,
.pages span a {
   text-transform: uppercase;
}

.page-count {}

.pages .page-prev {
   margin: 0 10px 0 10px;
}

.pages .page-next {
   margin: 0 0 0 15px;
}

.pages a.current,
.pages a:hover {
   background: #a8d700;
   border-color: #a8d700;
   color: #FFF;
}

.pages a:hover {
   text-decoration: none;
}


/* ------------------------ 
   * download list 
   ------------------------ */
.download-list ul {}

.download-list ul li {
   position: relative;
   display: block;
   overflow: hidden;
   line-height: 30px;
   padding: 30px 0 10px;
   border-bottom: 1px solid #E9E9E9;
}

.download-list ul li .download-cont {
   position: relative;
   display: inline-block;
   vertical-align: top;
   *display: inline;
   *zoom: 1;
   float: left;
}

.download-list ul li .download-cont .download-pic {
   position: relative;
   display: inline-block;
   vertical-align: top;
   *display: inline;
   *zoom: 1;
   width: 25px;
   height: 25px;
   overflow: hidden;
}

.download-list ul li .download-cont .download-pic img {
   max-width: 25px;
   max-height: 25px;
}

.download-list ul li .download-cont .download-detail {
   position: relative;
   display: inline-block;
   vertical-align: top;
   *display: inline;
   *zoom: 1;
   margin: 0 15px;
   font-size: 18px;
}

.download-list ul li .download-button {
   position: relative;
   display: inline-block;
   vertical-align: top;
   *display: inline;
   *zoom: 1;
   float: right;
   height: 30px;
   line-height: 30px;
   font-size: 14px;
   border-width: 1px;
   border-style: solid;
   border-left-color: #C1C1C1;
   border-right-color: #C1C1C1;
   border-top-color: #C9C9C9;
   border-bottom-color: #A5A5A5;
   border-radius: 5px;
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F1F1F1', endColorStr='#DADADA', gradientType='0');
   background: -moz-linear-gradient(top, #F1F1F1, #DADADA);
   background: -o-linear-gradient(top, #F1F1F1, #DADADA);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#DADADA));
}

.download-list ul li .download-button a {
   position: relative;
   display: block;
   padding: 0 12px 0 40px;
   color: #0A0A0A;
   background-image: url(img/icons08.png);
   background-repeat: no-repeat;
   background-position: 15px 8px;
}

/* ------------------------ 
   * faq list 
   ------------------------ */
.faq-list ul {}

.faq-list ul li {
   position: relative;
   display: block;
   overflow: hidden;
   line-height: 24px;
   border-bottom: 1px solid #E9E9E9;
   color: #3D3D3D;
}

.faq-list ul li .faq-title {
   position: relative;
   padding: 20px 0 16px 36px;
   height: 24px;
   line-height: 24px;
   cursor: pointer;
}

.faq-list ul li .faq-title b {
   position: absolute;
   left: 1px;
   top: 20px;
   width: 24px;
   height: 24px;
   display: block;
   overflow: hidden;
   -webkit-transform: scale(.85);
   transform: scale(.85);
   -webkit-transform-origin: 0 center;
   transform-origin: 0 center;
}

.faq-list ul li .faq-title b.faq-down {
   background: url(img/icons10.png) no-repeat center center;
}

.faq-list ul li .faq-title b.faq-up {
   background: url(img/icons09.png) no-repeat center center;
}

.faq-list ul li .faq-title h2 {
   font-weight: normal;
   font-size: 18px;
}

.faq-list ul li .faq-cont {
   position: relative;
   padding: 0 0 30px 36px;
   font-size: 14px;
}

/* ------------------------ 
   * blog list 
   ------------------------ */
.blog-list {
   margin: 0 auto 15px;
}

.blog-list .blog-item {
   padding: 20px 0;
   position: relative;
   margin: 0 auto 3px;
}

.blog-list .blog-item .blog-img {
   float: left;
   width: 200px;
   height: auto;
   margin: 0 20px 8px 0;
}

.blog-list .blog-item .blog-tit {
   font-size: 16px;
}

.blog-list .blog-item .blog-meta {
   display: block;
   color: #aaa;
}

.blog-list .blog-item .blog-meta span {
   display: inline;
   padding: 0 15px 0 0;
}

.blog-list .blog-item .blog-summary {
   padding: 8px 0;
   color: #999;
}

.blog-list .blog-item .readmore {
   display: block;
   text-align: right;
   font-size: 14px;
}

.blog-list .blog-item .readmore a,
.blog-list .blog-item:before {
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

.blog-list .blog-item .readmore a {
   display: inline-block;
   padding: 3px 10px;
   border-radius: 2px;
   background-color: #404040;
   color: #fff;
}

.blog-list .blog-item .readmore a:hover,
.blog-list .blog-item:hover .readmore a {
   background-color: #a8d700;
}

.blog-list .blog-item .readmore i {
   font-size: 14px;
}

.blog-list .blog-item:before {
   content: "";
   height: 1px;
   font-size: 1px;
   overflow: hidden;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -3px;
}

.blog-list .blog-item:hover img {
   opacity: 0.8;
}

.blog-list .page-bar {
   margin-top: 35px;
}



/* ------------------------ 
   * certificate list 
   ------------------------ */
.certificate-list ul {
   margin: 0 -12px;
}

.certificate-list .product-item {
   width: 33.33333333%;
   *margin-right: -1px;
}

.certificate-list .product-item:nth-child(3n+1) {
   clear: left;
}

.certificate-list .product-item .item-wrap {
   margin: 0 12px;
   border: 1px solid #ddd;
   padding: 10px;
   overflow: hidden;
   background-color: #fff;
}

.certificate-list .product-item .item-wrap .pd-info,
.certificate-list .product-item .item-wrap .pd-name {
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

.certificate-list .product-item .item-wrap .pd-info {
   width: 100%;
   position: absolute;
   left: 0;
   bottom: 0;
   background-color: #666;
   color: #333;
   /*-webkit-transform:translateY(100%);transform:translateY(100%);transition:all .3s ease;opacity:0;filter:alpha(opacity=0);*/
   opacity: .95;
   filter: alpha(opacity=90);
}

.certificate-list .product-item .item-wrap .pd-name {
   width: auto;
   margin: 0;
   max-width: inherit;
   line-height: 1.5;
   padding: 8px 15px;
   font-size: 12px;
}

.certificate-list .product-item .item-wrap .pd-name,
.certificate-list .product-item .item-wrap .pd-name a {
   color: #fff;
}

.certificate-list .product-item .item-wrap:hover .pd-info {
   background-color: rgba(0, 0, 0, .8);
   background-color: #000\9;
   opacity: 1;
   filter: alpha(opacity=100);
}

.certificate-list .product-item .item-wrap:hover .pd-name {
   padding: 20px 15px;
}

/* ------------------------ 
   * video list 
   ------------------------ */
.video-list ul {
   margin: 0 -12px;
}

.video-list .product-item {
   width: 33.33333333%;
   *margin-right: -1px;
}

.video-list .product-item:nth-child(3n+1) {
   clear: left;
}

.video-list .product-item .item-wrap {
   margin: 0 12px;
}

.video-list .product-item .item-wrap .pd-name {
   max-width: 80%;
}

.video-list .product-item .pd-img a:before,
.video-list .product-item .pd-img a:after {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transition: all .6s ease;
   transition: all .6s ease;
}

.video-list .product-item .pd-img a:before {
   background-color: #000;
   z-index: 1;
}

.video-list .product-item .pd-img a:after {
   background-image: url(img/ico-play.png);
   background-repeat: no-repeat;
   background-position: center;
   z-index: 2;
   transition-delay: .3s;
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all .4s ease;
   transition: all .4s ease;
}

.video-list .product-item .pd-img a:hover:before {
   opacity: .6;
   filter: alpha(opacity=60);
}

.video-list .product-item .pd-img a:hover:after {
   opacity: .8;
   filter: alpha(opacity=80);
   -webkit-transform: none;
   transform: none;
}

/* ------------------------ 
   * product 
   ------------------------ */
.detail-wrap {
   background-color: #fff;
   padding: 10px;
}

.product-intro {
   position: relative;
   display: block;
   font-size: 16px;
   padding-bottom: 15px;
}

.product-title {
   font-size: 24px;
   margin: 0 0 20px 0;
   font-weight: normal;
   line-height: 1.1;
   color: #1a1926;
   padding: 10px 0 15px;
   border-bottom: 1px solid #dcdcdc;
}

.cloud-zoom-lens {
   border: 1px solid #eee;
   cursor: move;
}

.cloud-zoom-title {
   font-family: Arial, Helvetica, sans-serif;
   position: absolute !important;
   background-color: #000;
   color: #fff;
   padding: 3px;
   width: 100%;
   text-align: center;
   font-weight: bold;
   font-size: 10px;
   top: 0px;
}

.cloud-zoom-big {
   border: 1px solid #eee;
   overflow: hidden;
   padding: 0px;
}

.cloud-zoom-loading {
   color: white;
   background: #222;
   padding: 3px;
   border: 1px solid #000;
}

.product-view {
   position: relative;
   width: 40%;
   float: left;
}

.product-view .owl-carousel .owl-item {
   overflow: visible;
}

.product-view .product-image {
   border: 1px solid #e6e6e6;
}

.product-view .product-image img {
   position: relative;
   width: 100%;
}

.product-view .image-additional {
   position: relative;
   margin: 15px 25px;
}

.product-view .image-additional ul {
   position: relative;
   width: 100%;
   display: none;
}

.product-view .image-additional ul.owl-loaded {
   display: block;
}

.product-view .image-additional li {
   position: relative;
   width: 100%;
   padding-bottom: 1px;
}

.product-view .image-additional li.single {
   display: none;
}

.product-view .image-additional li img {
   position: relative;
   width: 100%;
}

.product-view .image-additional li a {
   position: relative;
   display: block;
   padding: 4px;
   border: 1px solid #e6e6e6;
   position: relative;
}

.product-view .image-additional li.current a {
   background-color: #a8d700;
   border-color: #a8d700;
}

.product-view .image-additional li.current a:before {
   border: 4px solid #404950;
}

.product-view .image-additional img.popup {
   display: none;
}

.product-view .slide-page {
   display: none;
}

.image-additional .owl-nav {
   display: inline;
   position: absolute;
   top: 50%;
   margin: -8px 0 0;
   left: 0;
   width: 100%;
   z-index: 0;
}

.image-additional .owl-prev,
.image-additional .owl-next {
   position: absolute;
   top: 0;
   overflow: hidden;
   z-index: 999;
   float: left;
   display: block;
   background-repeat: no-repeat;
}

.image-additional .owl-prev {
   left: -35px;
}

.image-additional .owl-next {
   right: -35px;
}

.image-additional .owl-prev:before {
   content: "\f053";
}

.image-additional .owl-next:before {
   content: "\f054";
}

.article-prev-next {
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   padding: 10px 0;
}

.article-prev-next li {
   height: 1.7em;
   line-height: 1.7em;
   overflow: hidden;
}

.article-prev-next li a {
   color: #012fff;
}

.article-prev-next li a:hover {
   opacity: .85;
}

.article-prev-next li b {
   color: #666;
   padding-right: .3em;
}

/* product summary */
.product-summary {
   position: relative;
   width: 56%;
   float: right;
}

.product-summary .product-meta {
   line-height: 1.8em;
}

.product-summary .product-meta h3 {
   font-size: 14px;
}

.product-summary .product-meta p {
   font-family: Arial;
}

.product-btn-wrap {
   position: relative;
   margin: 25px 0 0;
}

.product-btn-wrap .email,
.product-btn-wrap .pdf {
   position: relative;
   display: inline-block;
   *display: inline;
   *zoom: 1;
   vertical-align: top;
   line-height: 30px;
   padding: 0 15px;
   border-radius: 3px;
   background: #867b77;
   border: 1px solid #867b77;
   color: #FFF;
   margin: 0 20px 0 0;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
}

.product-btn-wrap .email:before {
   content: "\f0e0";
   padding: 0 3px 0 0;
}

.product-btn-wrap .pdf:before {
   content: "\f1c1";
   padding: 0 3px 0 0;
}

.product-btn-wrap .email:hover,
.product-btn-wrap .pdf:hover {
   background: #6b5f53;
   border-color: #6b5f53;
   color: #fff;
}

.product-summary {
   font-size: 16px;
}

.product-summary .share-this {
   margin: 20px 0 0;
   text-align: left;
}

.product-summary li {
   position: relative;
   font-size: 13px;
   margin: 5px 0;
   color: #000000;
   line-height: 1.8em;
   padding-left: 140px;
}

.product-summary li em {
   width: 140px;
   height: 1.8em;
   overflow: hidden;
   position: absolute;
   left: 0;
   top: 0;
   float: left;
   color: #B2B2B2;
}

.product-btn-wrap .email,
.product-btn-wrap .pdf {
   margin: 0;
   margin-bottom: 10px;
   padding: 0 15px;
}

.product-btn-wrap .email {
   margin-right: 20px;
}

.product-detail {
   position: relative;
   overflow: visible;
   margin: 30px 0 0;
}

.detail-tabs {
   position: relative;
   border-bottom: 1px solid #ccc;
   padding-bottom: 1px;
}

.detail-tabs .title {
   position: relative;
   display: inline-block;
   vertical-align: top;
   *display: inline;
   *zoom: 1;
   font-size: 16px;
   padding: 0 25px;
   line-height: 33px;
   cursor: pointer;
   overflow: hidden;
   margin: 0 2px 0 0;
   background: #d1d1cf;
   color: #fff;
   /*box-shadow: 0 2px 4px rgba(0,0,0,.2);*/
   font-weight: normal;
}

.detail-tabs .title {
   *display: inline;
}

.detail-tabs .title.current {
   background-color: #d3c970;
}

.detail-tabs .title.current,
.detail-tabs .title.current a {
   color: #fff;
}




.product-detail .detail-panel {
   padding: 20px 0;
   display: block;
   overflow: hidden
}

.product-detail .disabled {
   display: none;
}

.tab-panel-wrap {
   padding-top: 10px;
}

.goods-may-like {
   margin: 45px 0 0;
   padding-bottom: 50px;
   position: relative;
}

.goods-tbar {
   position: relative;
   background-color: #000;
}

.goods-tbar .title {
   position: relative;
   font-size: 18px;
   line-height: 34px;
   font-weight: normal;
   color: #fff;
   padding-left: 20px;
}

.goods-items-wrap {
   position: relative;
   width: 100%;
}

.goods-items {
   position: relative;
   margin: 10px 0 0;
}

.goods-items .owl-stage-outer {
   padding-bottom: 3px;
}

.goods-items .product-item {
   width: auto;
   margin-left: 1px;
   padding-bottom: 15px;
}

.goods-items .owl-nav {
   display: inline;
   position: absolute;
   top: -41px;
   right: 5px;
}

.goods-items .owl-prev,
.goods-items .owl-next {
   position: relative;
   top: 0;
   overflow: hidden;
   z-index: 999;
   float: left;
   display: block;
   background: none;
   font-size: 20px;
   color: #fff;
   text-align: center;
   opacity: .8;
}

.goods-items .owl-prev:hover,
.goods-items .owl-next:hover {
   opacity: 1;
   color: #fff;
   opacity: 1;
}

.goods-items .owl-prev:before,
.goods-items .owl-next:before {
   text-align: right;
   width: auto;
   margin: 0;
   padding: 0 .3em;
}

.goods-items .owl-prev {
   margin-right: -1px;
}

.goods-items .owl-prev:before {
   content: "\f104";
}

.goods-items .owl-next:before {
   content: "\f105";
   margin-right: 0;
}

.goods-items .owl-next {
   margin-left: 8px;
}

.goods-items .product-item .item-wrap {
   margin: 0;
}

.goods-items .product-item .item-wrap .pd-img a:after {
   display: none;
}

.goods-items .product-item .item-wrap .pd-img {}

.goods-items .product-item .item-wrap .pd-name {
   font-size: 12px;
}

.goods-items .product-item {
   display: none;
}

.owl-loaded .product-item {
   display: block;
}




/* entry table
----------------------------- */
.entry {
   padding: 0 0 15px;
}

.entry {
   color: #666;
}

.entry a {
   color: #0030FF;
}

.entry p {
   margin: 0;

   font-size: 16px;
   line-height: 1.5;
}

.entry table {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
   margin-bottom: 20px;
}

.entry th,
.entry td {
   height: 30px;
   border: 1px solid #ccc;
   text-align: left;
   line-height: 1.5;
   font-size: 16px;
   color: #666;
   background: #fbfbfb;
   padding: 0 15px;
}

.entry th {
   font-size: 16px;
   background: #eee;
}

.entry td p,
.entry th p,
.pd-panel .entry td p,
.pd-panel .entry th p {
   margin: 0;
   padding: 5px;
   color: #666;
   font-size: 16px;
   line-height: 1.3;
}

.entry td.amts {
   color: #cb2027;
}

.entry th#cartDelete {
   text-align: center;
}

.entry .button {
   margin: 15px 10px 0 0;
   background: #dfdfdf;
   padding: 8px 15px;
   border: 0;
   cursor: pointer;
   line-height: 1.2;
   color: #777;
   font-weight: bold;
   text-transform: Capitalize;
}

.entry .button:hover {
   background: #cb2027;
   color: #fff;
}

.entry .deletecartitem {
   width: 50px;
   text-align: center;
}

.entry .deletecartitem label {
   display: none;
}

.entry .stotal td.amts {
   font-size: 18px;
   font-weight: bold;
}

.entry img.alignleft {
   float: left;
   margin: 20px 15px 0 0;
}

.entry img.alignright {
   float: right;
   margin: 20px 0 0 15px;
}

.entry img.alignleftnopad {
   float: left;
   margin-left: 0;
}

.entry img.alignrightnopad {
   float: right;
   margin-right: 0;
}

.entry img.aligncenter {
   text-align: center;
   display: block;
   margin: 20px auto 0 auto;
}

.entry img {
   max-width: 100%;
}

.cartitem a {
   color: #292929;
   font-weight: bold;
}

.inquiry-form ul li {
   background: none;
}

.entry .inquiry-form-wrap {
   margin: 20px 0 0;
}







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


   /* ===================================================
 * header
 * --------------------------------------------------- */
   .head-wrapper {
      padding-top: 0;
   }



   /* ===================================================
 * footer
 * --------------------------------------------------- */
   .foot-item-inquiry .subscribe-form .subscribe-ipt,
   .foot-item-inquiry .subscribe-form .subscribe-btn {
      border-radius: 3px;
   }



   /* ===================================================
 * homepage
 * --------------------------------------------------- */
   .floor-hot-screen .floor-hot-left {
      background-size: 80% auto;
   }

   .floor-hot-screen .floor-hot-left .col-inner {
      padding-right: 35px;
   }

   .floor-hot-screen .floor-hot-right .col-inner {
      padding-left: 35px;
   }

   .main-product-layer .owl-prev {
      left: 0;
   }

   .main-product-layer .owl-next {
      right: 0;
   }

   .synopsis-item .item-wrap .bar-more {
      padding-top: 2em;
   }

   .about-banner {
      max-width: 40%;
   }

   .about-banner img {
      width: 100%;
   }

   .promote-banner-list li .item-tit {
      font-size: 24px;
   }

   .partner-list .owl-prev {
      left: 0;
   }

   .partner-list .owl-next {
      right: 0;
   }



   /* ===================================================
 * aside
 * --------------------------------------------------- */
   .aside {
      width: 240px;
   }

   .side-tit-bar .side-tit {
      overflow: hidden;
      font-size: 16px;
   }


   /* ===================================================
 * main
 * --------------------------------------------------- */
   .main {
      position: relative;
      width: 100%;
      margin-left: -260px;
      padding-bottom: 50px;
   }

   .main .main-in {
      padding-left: 260px;
   }

   .product-list .gm-sep {
      margin: 0 -5px;
   }

   .product-list .product-item {
      padding-bottom: 10px;
   }

   .product-list .product-item .item-wrap {
      margin: 0 5px;
   }

   .product-list .product-item .item-wrap .pd-name {
      padding: 10px 0;
   }


   /* ===================================================
 * product detail
 * --------------------------------------------------- */
   .product-view {
      width: 40%;
   }

   .product-summary {
      width: 57%;
   }


   /* ===================================================
 * certificate list
 * --------------------------------------------------- */
   .certificate-list ul {
      margin: 0 -5px;
   }

   .certificate-list .product-item .item-wrap {
      margin: 0 5px;
   }


   /* ===================================================
 * video list
 * --------------------------------------------------- */
   .video-list ul {
      margin: 0 -5px;
   }

   .video-list .product-item .item-wrap {
      margin: 0 5px;
   }



}



@media screen and (max-width:1300px) {
   .tp-leftarrow {
      left: 15px !important;
   }

   .tp-righttarrow {
      right: 15px !important;
   }
}



@media screen and (min-width:768px) and (max-width:1023px) {




   /* ===================================================
 * header
 * --------------------------------------------------- */
   .head-bg {
      display: none;
   }

   /* ===================================================
 * footer
 * --------------------------------------------------- */
   .foot-layer .foot-logo,
   .foot-layer .copyright,
   .foot-layer .social-list {
      width: 100%;
      float: none;
      padding: 8px 0;
   }

   .foot-layer .foot-logo {
      width: 50%;
      float: left;
      padding-bottom: 16px;
   }

   .foot-layer .copyright {
      width: 50%;
      float: right;
      text-align: right;
      padding-bottom: 16px;
   }

   .foot-layer .social-list {
      border-top: 1px solid #eee;
      margin-top: 8px;
      padding-top: 16px;
      clear: both;
   }


   /* ===================================================
 * homepage
 * --------------------------------------------------- */
   .guide-layer .title {
      font-size: 72px;
   }

   .guide-layer .desc {
      font-size: 40px;
   }

   .col-news .col-news-item dt {
      width: 35%;
   }

   .col-news .col-news-item dt img {
      height: auto;
      width: 100%;
   }

   .col-news .col-news-item dd {
      padding-top: 10px;
   }

   .col-news .col-news-item dd h4 {
      font-size: 18px;
      margin-bottom: 10px;
   }


   /* ===================================================
 * aside
 * --------------------------------------------------- */
   .aside {
      width: 220px;
   }

   .side-cate ul li a {
      height: 30px;
      overflow: hidden;
   }

   .side-cate ul li a {
      padding: 0 20px 0 13px;
   }

   .side-cate ul li li {
      margin: 0 13px;
   }

   .side-cate ul li li a {
      height: 30px;
      overflow: hidden;
      padding: 0 8px;
   }

   .products-scroll-list li {
      height: 85px;
   }

   .products-scroll-list li>a {
      width: 60px;
   }

   .products-scroll-list li img {
      height: 60px;
   }


   /* ===================================================
 * main
 * --------------------------------------------------- */
   .main {
      margin-left: -240px;
   }

   .main .main-in {
      padding-left: 240px;
   }


   /* ===================================================
 * product detail
 * --------------------------------------------------- */
   .product-title {
      border-bottom: 0;
   }

   .product-summary .product-meta {
      line-height: 1.6;
   }

   .product-summary li {
      padding-left: 120px;
      margin: 0 0 5px;
      line-height: 1.6;
   }

   .product-btn-wrap .email,
   .product-btn-wrap .pdf {
      font-size: 12px;
      margin-right: 8px;
      padding: 0 4px;
   }

   .product-btn-wrap .pdf {
      margin-right: 0;
   }
}








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




/*! 
 * mobile start 
 */


@media screen and (max-width:768px) {
   .owl-carousel {
      padding: 0 0 30px;
   }

   .owl-dots {
      position: static;
   }

   .owl-dots .owl-dot {
      border-radius: 50%;
      width: 10px;
      height: 10px;
      background-color: #867b77;
   }

   .owl-dots .owl-dot.active {
      background-color: #222;
   }

   .sub-content {
      position: relative;
      display: block;
      right: auto;
      border-radius: 0;
      border: none;
      box-shadow: none;
      z-index: 99999;
   }


   .mobile-head-item .sub-content {
      display: block !important;
   }

   .scrollsidebar,
   .bottomsidebar {
      display: none;
   }

   .gotop {
      display: none;
      visibility: hidden;
   }


   /* layout */
   html,
   body {
      font-family: Verdana, Helvetica, sans-serif !important;
   }

   body,
   .container {
      width: 100%;
      min-width: inherit;
   }

   .container {
      padding-top: 30px;
   }

   .layout,
   .header,
   .nav-bar .nav-wrap,
   .banner-list,
   .bottom-service,
   .social-layout,
   .foot-wrapper .foot-img,
   .index-tit-bar {
      display: block;
      width: 100%;
      margin: 0 auto;
   }

   .head-wrapper,
   .foot-wrapper,
   .nav-bar {
      max-width: 100%;
      min-width: inherit;
   }

   .z10000 {
      position: relative;
      z-index: 100000;
   }

   .mobile-body-mask {
      width: 100%;
      height: 100%;
     
      position: absolute;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 9999;
   }

   .mobile-ico-close {
      width: 30px;
      height: 30px;
      background: #fff url(img/mobile_close.png) center center no-repeat;
      background-size: 50% auto;
      position: absolute;
      right: -35px;
      top: 0;
   }

   .owl-carousel {
      padding: 0 0 30px;
   }

   .page-layout {
      padding: 0 15px;
      background-color: #fff;
   }

   img {
      max-width: 100%;
   }


   /* box sizing */
   * {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
   }

   .foot-item-inquiry .inquiry-ipt {
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      -ms-box-sizing: content-box;
      -o-box-sizing: content-box;
      box-sizing: content-box;
   }

   .foot-item-inquiry .inquiry-item {
      padding-bottom: 1em;
   }

   .foot-item-inquiry .inquiry-ipt::-webkit-input-placeholder {
      color: rgba(255, 255, 255, .6);
   }

   .foot-item-inquiry .inquiry-ipt:-moz-placeholder {
      color: rgba(255, 255, 255, .6);
   }

   .foot-item-inquiry .inquiry-ipt::-moz-placeholder {
      color: rgba(255, 255, 255, .6);
   }

   .foot-item-inquiry .inquiry-ipt:-ms-input-placeholder {
      color: rgba(255, 255, 255, .6);
   }


   /* ===================================================
 * header
 * --------------------------------------------------- */
   .head-bg {
      display: none;
   }

   .sub-head-bg {
      padding-bottom: 0;
      background: none !important;
   }

   .head-wrapper {
      z-index: 999999;
      position: relative;
      padding: 0;
      width: 100%;
   }

   .mobile-head-items {
      display: block;
      position: fixed;
      top: 0;

      left: 0;
      background: #161622;
      width: 100%;
      height: 30px;
      line-height: 30px;
      text-align: left;
      z-index: 9999999999;
   }

   .mobile-head-item {
      float: left;
      width: 45px;
   }

   .mobile-head-item.mobile-head-aside {
      float: right
   }

   .mobile-head-item .title {
      width: 100%;
      height: 30px;
      line-height: 30px;
      overflow: hidden;
      text-align: center;
      color: #FFF;
   }

   .mobile-head-item .title a {
      position: relative;
      display: block;
      color: #FFF;
   }

   .mobile-head-item.mobile-head-home .title a:before {
      content: '\f015';
   }

   .mobile-head-item.mobile-head-nav .title:before {
      content: '\f0c9';
   }

   .mobile-head-item.mobile-head-language .title:before {
      content: "\f1ab";
   }

   .mobile-head-item.mobile-head-search .title:before {
      content: "\f002";
   }

   .mobile-head-item.mobile-head-social .title:before {
      content: "\f007";
   }

   .mobile-head-item.mobile-head-aside .title:before {
      content: "\f060";
   }

   .mobile-head-item .main-content-wrap {
      background: #FFF;
      top: 0;
      display: block;
      z-index: 99999;
   }

   .mobile-head-item .main-content-wrap .content-wrap {
      overflow-y: auto;
      height: 100%;
      padding: 15px 10px;
   }

   .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
      overflow-y: hidden;
   }

   .mobile-head-item .side-content-wrap {
      position: fixed;
      display: block;
      left: -80%;
      width: 80%;
      height: 100%;
   }

   .mobile-head-item .middle-content-wrap {
      position: absolute;
      left: 0;
      width: 100%;
      height: auto;
      padding: 20px 0;
      opacity: 0;
      visibility: hidden;
   }

   .mobile-head-item .middle-show-content-wrap {
      top: 30px;
      visibility: visible;
      opacity: 1;
   }

   .nav-bar .nav,
   .topbar {
      display: none;
   }

   .nav-bar {
      height: auto;
      line-height: normal;
      padding: 38px 0 10px;
      box-shadow: 0 0 .4em rgba(0, 0, 0, .15);
      background: none;
   }

   .logo {
      display: block;
      float: none;
      text-align: center;
      margin: 0;
      position: static;
      padding: 0;
   }

   .logo img {
      margin: 0 auto;
   }

   .logo .logo-txt {
      font-size: 14px;
      padding-top: 5px;
   }

   .head-search {
      top: auto;
      position: relative;
   }

   .head-search-form {
      position: relative;
      height: 35px;
      top: auto;
      opacity: 1;
      visibility: visible;
   }

   .head-search-form form {
      position: static;
      width: 100%;
   }

   .head-search {
      width: 100%;
      opacity: 1;
      margin: 0;
      position: relative;
   }

   .head-search .search-ipt,
   .head-search .search-ipt:focus {
      width: 100%;
      height: 38px;
      line-height: 38px;
      padding: 0 15px;
      border: 0;
      text-indent: 0;
      background: #ddd;
      color: #666;
   }

   .head-search .search-ipt,
   .head-search .search-btn {
      float: none;
   }

   .head-search .search-ipt::-webkit-input-placeholder {
      color: #999;
   }

   .head-search .search-ipt:-moz-placeholder {
      color: #999;
   }

   .head-search .search-ipt::-moz-placeholder {
      color: #999;
   }

   .head-search .search-ipt:-ms-input-placeholder {
      color: #999;
   }

   .head-search .search-btn {
      width: 38px;
      height: 38px;
      background: #333 url(img/m-ico-search.png) center no-repeat;
      background-size: auto 18px;
      border-radius: 0;
      left: auto;
      top: 0;
      right: 0;
      position: absolute;
      border: 0;
   }

   .head-search .search-toggle {
      display: none;
   }

   .head-search .head-search-form {
      display: block;
      position: static;
      -webkit-transform: none;
      transform: none;
      visibility: visible;
      width: 100%;
      opacity: 1;
      border: 0;
      padding: 0;
      overflow: visible;
   }

   .fixed-nav .nav-bar {
      position: static;
   }

   .mobile-head-search .middle-content-wrap {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
   }

   .mobile-head-search .middle-show-content-wrap {
      -webkit-transform: none;
      transform: none;
   }

   /*nav */
   .nav-bar {
      margin: 0;
  padding-top: 50px;
  padding-bottom: 15px;
   }

   .nav li {
      position: relative;
      display: block;
      width: 100%;
   }

   .nav ul {
      clear: both;
   }

   .nav ul:after {
      content: '';
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
   }

   .nav>li {
      padding: .5em 0;
      border-bottom: 1px solid #eee;
      float: left;
   }

   .nav li.has-child {
      width: 100% !important;
      float: none !important;
      clear: both !important;
   }

   .nav li.has-child li {
      float: left;
      margin: 0 1em 0 0;
   }

   .nav li.has-child>ul {
      clear: both;
   }

   .nav ul li {
      line-height: 1.8em;
   }

   .nav ul li.has-child>ul {
      padding-left: 1em;
   }

   .nav ul li.has-child>ul>li {
      float: left;
      width: auto;
      font-size: 12px;
   }

   .nav li ul img {
      display: none;
   }

   .nav>li.elem-link>a {
      display: block;
      position: relative;
   }

   /* .nav>li.elem-link>a:after {
      content: '\f105';
      position: absolute;
      right: 0;
      top: 0;
   } */

   .nav>li>ul>li {
      float: none;
   }

   .nav>li>ul>li>a {
      display: block;
      position: relative;
      padding-left: 1em;
      float: none;
      font-weight: bold;
   }

   .nav>li>ul>li>a:before {
      content: '';
      display: block;
      width: 3px;
      height: 3px;
      background-color: #aaa;
      position: absolute;
      left: 0;
      top: 11px;
   }

   /* translate */
   .transall {
      display: block;
      width: 100%;
      float: none;
   }

   .head-wrapper .prisna-wp-translate-dropdown-sub-container,
   .head-wrapper .prisna-wp-translate-dropdown-body,
   .head-wrapper .prisna-wp-translate-dropdown-body:hover {
      background: none !important;
      border: 0 !important;
      box-shadow: none !important;
   }

   .head-wrapper .prisna-wp-translate-dropdown-container,
   .head-wrapper .prisna-wp-translate-dropdown-sub-container,
   .head-wrapper .prisna-wp-translate-dropdown-body {
      height: auto !important;
   }

   .head-wrapper .prisna-wp-translate-dropdown-body {
      float: none !important;
   }

   .head-wrapper .prisna-wp-translate-dropdown-body .prisna-wp-translate-dropdown-body>p.prisna-wp-translate-dropdown-current-language,
   .head-wrapper .transall .prisna-wp-translate-dropdown-current-language-arrow {
      display: none !important;
   }

   .head-wrapper .prisna-wp-translate-dropdown-languages-list-scroll {
      display: block !important;
      height: auto !important;
   }

   .head-wrapper .prisna-wp-translate-dropdown-languages-list p {
      width: 50%;
      display: inline !important;
      float: left !important;
   }

   .head-wrapper .prisna-wp-translate-dropdown-languages-list {
      display: block !important;
   }

   .transall .prisna-wp-translate-dropdown-current-language {
      display: none !important;
   }


   /* ===================================================
 * footer
 * --------------------------------------------------- */
   .mobile-contact {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      height: auto;
      z-index: 9999;
      height: 38px;
      line-height: 38px;
      background: #161622;
   }

   .mobile-contact,
   .mobile-contact a {
      color: #FFF
   }

   .topbar .head-contact {
      display: block;
      width: 100%;
   }

   .head-contact .head-phone,
   .head-contact .head-email {
      width: 50%;
      margin: 0;
      text-align: center;
      line-height: 38px;
      color: #FFF;
      float: left;
   }

   .head-contact .head-phone a,
   .head-contact .head-email a {
      display: block;
   }

   .head-contact .head-phone {
      background: #a8d700;
   }

   .foot-layer {
      padding-top: 30px;
   }

   .foot-layer .foot-logo {
      display: none;
   }

   .foot-layer .copyright {
      width: 100%;
      float: none;
      text-align: center;
   }

   .foot-layer .social-list {
      width: 100%;
      float: none;
      padding-top: 10px;
   }

   .social-list li a {
      padding: 8px 3px;
   }








   /* ===================================================
 * for:homepage
 * --------------------------------------------------- */
   .index-layout {
      padding: 0 15px;
   }

   .wow {
      -webkit-animation-name: none;
      animation-name: none;
   }

   /* title */
   .main-product-layer .index-tit-bar .title,
   .main-product-layer .index-tit-bar .desc {
      padding-left: 0;
      padding-right: 0;
   }

   .index-tit-bar {
      text-align: center;
      margin-bottom: 30px;
   }

   .index-tit-bar .title,
   .about-us-layer .about-tit-bar .about-tit,
   .product-cate-wrap .index-tit-bar .title {
      font-size: 24px;
      font-weight: normal;
      line-height: 1.2;
   }

   .index-tit-bar .desc {
      padding-top: 5px;
      font-weight: normal;
      font-size: 14px;
   }

   /* more */
   .btn-readmore,
   a.btn-readmore {
      color: #fff;
      border-width: 1px;
   }


   /* slides */
   .rev_slider_wrapper {
      margin: 0 auto;
      border-top: 0;
   }

   .tp-leftarrow,
   .tp-rightarrow {
      z-index: 1000;
   }

   .tp-bullets.simplebullets .bullet {
      width: 10px;
      height: 10px;
   }

   .tp-leftarrow,
   .tp-rightarrow {
      display: none !important;
   }

   .rev_slider_wrapper .banner-title,
   .rev_slider_wrapper .banner-title strong {
      height: 32px;
      line-height: 32px;
   }

   .rev_slider_wrapper .banner-title strong {
      padding: 0 8%;
      text-transform: none;
      font-size: 14px;
   }

   .tp-loader {
      box-shadow: none !important;
   }

   .tp-loader.spinner0 {
      background-size: auto 32px;
      background-color: transparent;
      -webkit-animation-name: none;
      animation-name: none;
   }

   .tp-bannertimer {
      background-color: rgba(255, 255, 255, .2);
   }

   .tp-bullets.simplebullets .bullet {
      display: block;
   }

   .tp-bullets.simplebullets,
   .rev_slider_wrapper:hover .tp-bullets.simplebullets {
      padding: 15px 0;
      display: block;
   }

   /* company synopses */
   .company-synopses-layer {
      padding: 10px 0;
   }

   .company-synopses .synopsis-item {
      width: 100%;
      float: none;
      max-width: 460px;
      margin: 0 auto;
      padding: 5px 0;
   }

   .company-synopses .synopsis-item .item-img img {
      width: 100%;
   }

   .company-synopses .synopsis-item .bar-more {
      padding-top: 15px;
   }



   /* about us */
   .about-us-layer {
      margin: 0;
      font-size: 14px;
      text-align: center;
      padding: 45px 0 60px;
   }

   .about-us-layer .about-tit-bar {
      text-align: center;
   }

   .about-us-layer .text p {
      text-align: center;
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
   }

   .about-us-layer .about-banner {
      width: 100%;
      float: none;
      margin: 0;
      max-width: 460px;
      margin: 0 auto;
   }


   /* guide */
   .guide-layer {
      padding: 60px 15px;
   }

   .guide-layer .txt-box {
      padding: 30px 15px;
   }

   .guide-layer .title {
      font-size: 30px;
   }

   .guide-layer .desc {
      font-size: 18px;
   }

   .guide-layer .txt-box {
      width: 100%;
   }

   .guide-layer .desc .more {
      border-bottom-width: 1px;
   }

   .guide-layer .desc .more:after {
      font-size: 18px;
   }


   /* product */
   .main-product-layer {
      padding: 60px 0;
   }

   .main-product-layer .product-item {
      margin-bottom: 10px;
   }

   .main-product-layer .owl-controls {
      padding-top: 20px;
   }

   .main-product-layer .owl-carousel {
      padding-bottom: 0;
   }

   .main-product-layer .product-item .pd-info {
      position: static;
      background: none;
      padding-top: 10px;
   }

   .main-product-layer .product-item .pd-name,
   .main-product-layer .product-item .pd-name a {
      display: block;
      color: #746e5d;
      font-size: 14px;
   }

   .main-product-layer .product-item .pd-name a,
   .main-product-layer .product-item:hover .pd-name a {
      opacity: 1;
      width: 100%;
      padding: 0;
   }

   .main-product-layer .product-item .pd-name a:after {
      display: none;
   }

   .main-product-layer .product-item .item-wrap .pd-name a {
      max-height: 2.8em;
      height: auto;
   }

   .main-product-layer .product-item:nth-child(2n+1) {
      clear: left;
   }


   /* partner */
   .partner-layer {
      padding: 60px 15px;
   }

   .partner-list {
      margin: 0;
      padding: 0;
   }


   /* promote */
   .promote-banner-layer {
      padding: 9px 0;
   }

   .promote-banner-list li {
      width: 100%;
      float: none;
      max-width: 400px;
      margin: 0 auto;
      padding: 1px 0;
   }

   .promote-banner-list li .bn-item-box {
      margin: 0 10px;
   }

   .promote-banner-list li .bn-txt-box {
      padding: 0 2em;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
   }


   /* service */
   .service-layer {
      padding: 60px 0;
   }

   .col-contact,
   .col-news {
      width: 100%;
      float: none;
   }

   .service-layer .index-tit-bar {
      padding-bottom: 10px;
      margin-bottom: 15px;
   }

   .col-contact {
      margin-bottom: 30px;
   }

   .col-contact .foot-contact-list li {
      padding-bottom: 10px;
      border-bottom: 0;
      margin-bottom: 0;
      font-size: 14px;
      padding-left: 25px;
   }

   .col-contact .foot-contact-list li.foot-addr .item-label:before {
      font-size: 16px;
   }

   .col-news .col-news-item dt {
      width: 40%;
   }

   .col-news .col-news-item dt img {
      display: block;
      width: 100%;
      height: auto;
   }

   .col-news .col-news-item dd {
      padding-top: 0;
   }

   .col-news .col-news-item dd h4 {
      font-size: 16px;
      margin-bottom: 8px;
   }

   .col-news .col-news-item dd p {
      font-size: 12px;
   }

   .col-news .col-news-item dd .news-time {
      font-size: 11px;
      padding-right: 0;
   }



   /* ===================================================
 * for:product list
 * --------------------------------------------------- */
   .path-bar {
      display: none;
   }

   .promote-bar {
      display: none;
   }

   /* aside */
   .aside {
      display: none;
   }

   .side-head-search {
      width: 100%;
   }

   .side-head-search .search-ipt {
      width: 100%;
   }

   .side-tit-bar {
      position: relative;
   }

   .side-tit-bar .side-tit {
      font-size: 16px;
      height: auto;
      line-height: 30px;
   }

   .side-widget {
      margin: 0 0 30px;
   }

   .side-widget .side-hide {
      padding: 15px 10px;
   }

   .side-cate ul li {
      line-height: 30px;
   }

   .products-scroll-btn-prev,
   .products-scroll-btn-next {
      display: none;
   }

   .products-scroll-list li {
      display: block;
      vertical-align: top;
      width: 100%;
      height: auto;
      margin-bottom: 10px;
   }

   .products-scroll-list li>a {
      width: 4em;
   }

   .products-scroll-list li>a img {
      width: 100%;
      height: auto;
      max-width: inherit;
   }

   .products-scroll-list li .pd-info {
      padding-left: 10px;
      font-size: 12px;
      line-height: 1.4em;
   }

   .product-list .gm-sep {
      margin: 0 -5px;
   }

   .product-list .product-item {
      width: 50%;
   }

   .product-list .product-item .item-wrap {
      margin: 0 5px;
   }

   .products-scroll-list li img {
      width: 100%;
      float: none;
      margin: 0;
   }

   .product-list .product-item .item-wrap .pd-name a {
      font-size: 14px;
      padding: 0;
   }

   /* main */
   .main {
      width: 95% !important;
      float: none !important;
      margin: 0 auto !important;
   }

   .main .main-in {
      padding: 0;
   }

   .main-tit-bar {
      margin: 0 0 10px;
      padding-top: 20px;
      border-bottom: 1px solid #d5d5d5;
   }

   .main-tit-bar .title {
      font-size: 20px;
   }

   .main-tit-bar .share-this {
      padding: 2px 0 0;
   }

   .main-tit-bar .share-this {
      max-width: 50%;
   }

   .goods-summary {
      font-size: 12px;
      line-height: 1.5em;
   }

   .main-banner {
      margin: 0 -15px 10px;
   }

   .product-list {
      margin-top: 1.5em;
   }

   .product-list ul,
   .certificate-list ul,
   .video-list ul {
      position: relative;
      width: 100%;
   }

   .product-list .product-item {
      padding-bottom: 10px;
   }

   .product-list .product-item:nth-child(3n+1) {
      clear: none;
   }

   .product-list .product-item:nth-child(2n+1) {
      clear: left;
   }

   .product-list .product-item .item-wrap:hover {
      outline: 0;
      border-color: #d8d8d8;
   }

   .product-list .product-item .item-wrap .pd-name {
      width: 100%;
      max-width: 90%;
      font-size: 14px;
      margin: 0 auto;
   }

   .product-list .product-item .item-wrap .pd-img a:after {
      display: none;
   }

   .product-list .product-item .item-wrap:hover .pd-name a {
      width: 100%;
      background: none;
      color: #404040;
   }

   .product-list .product-item .item-wrap:hover .pd-name:before {
      display: none;
   }

   .page-bar .pages {
      display: block;
      float: none;
      text-align: center
   }

   .pages a,
   .pages span {
      height: 25px;
      line-height: 25px;
      padding: 0 10px;
      border-radius: 2px;
      font-size: 12px;
      margin-bottom: 5px;
   }


   /* ===================================================
 * for:product detail
 * --------------------------------------------------- */
   .detail-wrap {
      padding: 0;
   }

   /* product intro */
   .product-title {
      font-size: 16px;
      padding: 20px 0 10px 0;
      line-height: 1.2em;
      font-weight: normal;
      border-bottom: 0;
      margin-bottom: 0;
   }

   .product-view {
      width: auto;
      margin: 0 -15px 15px;
      float: none;
   }

   .product-view .product-image {
      display: none
   }

   .product-view .image-additional {
      margin: 1em 0;
   }

   .product-view .image-additional ul {
      width: 100%;
      display: none;
   }

   .product-view .image-additional ul.owl-loaded {
      display: block;
   }

   .product-view .image-additional li {
      width: 100%;
      margin: 0;
   }

   .product-view .image-additional li a {
      padding: 0;
      border: 0;
   }

   .product-view .image-additional li.current a {
      border: 0;
   }

   .product-view .image-additional li a:before {
      display: none;
   }

   .product-view .image-additional .owl-controls {
      display: none;
      padding: 0;
   }

   .product-view .slide-page {
      display: inline-block;
      min-width: 3.5em;
      height: 3.5em;
      line-height: 3.5em;
      background-color: rgba(0, 0, 0, .5);
      border-radius: 50%;
      position: absolute;
      right: 1em;
      top: 1em;
      z-index: 9;
      color: #fff;
      text-align: center;
      font-size: 12px;
   }

   .product-view .slide-page .active-num {
      font-size: 16px;
   }

   .product-view .owl-carousel {
      padding: 0;
   }

   /* product summary */
   .product-summary {
      position: relative;
      width: 100%;
      float: none;
   }

   .product-summary .share-this {
      float: none;
      margin: 18px 0;
      text-align: left;
   }

   .product-summary .product-meta p {
      margin-right: 0;
      line-height: 1.5;
   }

   .product-summary li {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      width: 100%;
      padding-left: 0;
      font-size: 12px;
   }

   .product-summary li:last-child {
      border-bottom: 0;
   }

   .product-summary li>em,
   .product-summary li>.item-label {
      position: relative;
      height: auto;
      line-height: 1.2em;
      left: auto;
      top: auto;
      padding-bottom: .5em;
   }

   .product-summary li>em {
      width: 140px;
   }

   .product-summary li>.item-label {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      padding-left: .5em;
   }

   .product-btn-wrap {
      margin-top: 25px;
   }

   .product-btn-wrap .email,
   .product-btn-wrap .pdf {
      font-size: 12px;
      margin-right: 8px;
      padding: 0 1em;
   }

   /* detail */
   .tab-content-wrap .tab-title-bar,
   .tab-content-wrap .tab-panel-wrap {
      display: none;
   }

   .tab-content-wrap .mobile-tab-items .mobile-tab-item {
      margin: 0 0 30px;
   }

   .tab-content-wrap .mobile-tab-items .mobile-tab-title {
      margin: 0 0 15px;
   }

   .tab-content-wrap .mobile-tab-items .mobile-tab-panel {}

   /* Customers Also Bought */
   .goods-items {
      width: 100%;
   }

   .goods-may-like {
      padding-bottom: 0;
   }


   /* ===================================================
 * for:blog
 * --------------------------------------------------- */
   .blog-list .blog-item {
      padding: 15px 0;
      border-bottom: 1px solid #ddd;
      margin: 0 5px;
   }

   .blog-list .blog-item:last-child {
      border: 0;
   }

   .blog-list .blog-item:hover {
      background: none;
   }

   .blog-list .blog-item:before {
      left: 15px;
      right: 15px;
      display: none;
   }

   .blog-list .blog-item .blog-img {
      display: block;
      max-width: 100%;
      float: none;
      margin-right: 0;
   }

   .blog-list .blog-item .blog-tit {
      font-size: 18px;
      line-height: 1.1em;
      padding: 6px 0 0;
   }

   .blog-list .blog-item .blog-meta {
      padding: 6px 0 0;
      font-size: 12px;
   }

   .blog-list .blog-item .blog-summary {
      padding: 0;
      margin: 8px 0;
      max-height: 6.5em;
      font-size: 14px;
      line-height: 1.3em;
      overflow: hidden;
   }

   .blog-list .blog-item .readmore {
      display: none;
   }

   .main .blog-article {
      padding: 5px 10px;
   }


   /* ===================================================
 * for:certificate list
 * --------------------------------------------------- */
   .certificate-list ul {
      margin: 0 -5px;
   }

   .certificate-list .product-item {
      width: 50%;
      padding-bottom: 15px;
   }

   .certificate-list .product-item:nth-child(3n+1) {
      clear: none;
   }

   .certificate-list .product-item:nth-child(2n+1) {
      clear: left;
   }

   .certificate-list .product-item .item-wrap {
      margin: 0 5px;
      padding: 1px;
   }

   .certificate-list .product-item .item-wrap .pd-name {
      max-height: inherit;
      font-size: 11px;
   }

   .certificate-list .product-item .item-wrap .pd-name,
   .certificate-list .product-item .item-wrap:hover .pd-name {
      padding: .5em 1em;
   }

   .video-list .product-item .pd-img a:after {
      display: none;
   }

   .certificate-list .product-item .item-wrap .pd-info {
      position: static;
      background: none;
   }

   .certificate-list .product-item .item-wrap .pd-name,
   .certificate-list .product-item .item-wrap .pd-name a {
      color: #333;
   }



   /* ===================================================
 * for:video list
 * --------------------------------------------------- */
   .video-list {
      margin: 0 -5px;
   }

   .video-list .product-item {
      width: 50%;
      padding-bottom: 15px;
   }

   .video-list .product-item:nth-child(3n+1) {
      clear: none;
   }

   .video-list .product-item:nth-child(2n+1) {
      clear: left;
   }

   .video-list .product-item .item-wrap {
      margin: 0 5px;
   }

   .video-list .product-item .item-wrap .pd-name {
      max-width: 100%;
      margin-top: 10px;
      font-size: 12px;
   }

   .product-item .item-wrap .pd-name a {
      height: 2.8em;
      line-height: 1.4em;
   }

   .video-list .product-item .pd-img a:before,
   .video-list .product-item .pd-img a:after {
      display: none;
   }

   /*----------------inquiry-form----------------*/
   .inquiry-form {
      padding: 1.5em 15px 15px;
      position: relative;
      z-index: 3;
   }

   .inquiry-form .inquiry-form-ico {
      width: 40px;
      right: 8px;
      top: 8px;
      display: none;
   }

   .inquiry-form input[type="text"].form-input,
   .inquiry-form textarea.form-text {
      width: 100%;
      background-color: #fff;
   }

   .inquiry-form .captcha-image i {
      font-size: 24px;
   }

   .faq-list ul li {
      padding: 5px 0;
   }

   .faq-list ul li .faq-cont {
      font-size: 14px;
      padding-bottom: 15px;
   }

   .faq-list ul li .faq-title {
      height: auto;
      padding: 10px 0 10px 35px;
   }

   .faq-list ul li .faq-title b {
      top: 10px;
   }

}


@media screen and (max-width:768px) {
   .products-scroll-list li {
      display: block;
      width: 100%;
      margin: 0 0 20px;
   }

   .products-scroll-list li img {
      max-width: 65px;
      float: left;
      margin: 0 15px 0 0;
   }

   .download-list ul li {
      border-bottom: none;
      padding: 15px 0;
      border-bottom: 1px solid #eee;
   }

   .download-list ul li .download-cont {
      display: block;
      float: none;
      margin: 0 0 10px;
   }

   .download-list ul li .download-cont .download-detail {
      font-size: 16px;
      margin: 0 0 0 10px;
   }

   .download-list ul li .download-button {
      float: none;
   }
}


.bottomsidebar .bottomcontent {
   background: #62a700 !important;
}




/*----------------------------------aside---------------------------------*/ 


.side-tit-bar {
   position: relative;
}

.side-tit-bar .side-tit {
   position: relative;
   color: #fff;
   font-weight: normal;
   font-size: 20px;
   line-height: 26px;
   padding: 40px 0;
   text-align: center;
   background-image: repeating-linear-gradient(45deg, #bce623, #99be13 100px);
}

.side-widget {
   position: relative;
   overflow: hidden;
   margin: 0 0 40px;
}

.side-widget+.side-widget {
   margin-top: 150px;
}

.side-cate {
   overflow: hidden;
}

.side-cate li {
   position: relative;
}

.side-cate>li {
   border-bottom: 1px solid #fff;
}

.side-widget .cate-type-list>li {
   border-bottom: 1px solid #e2e2e5;
}

.side-cate>li:last-child,
.side-widget .cate-type-list>li:last-child {
   border-bottom: none;
}

.side-cate li a {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 30px;
   padding: 5px 0;
   padding-left: 55px;
   color: #797979;
}

.side-cate>li>a {
   position: relative;
   color: #616265;
   font-weight: 600;
   background: #e6e6e6;
}

.side-cate>li>a:before {
   content: "";
   width: 5px;
   height: 5px;
   position: absolute;
   left: 44px;
   top: 50%;
   margin-top: -2.5px;
   background: #616265;
}

.side-cate ul {
   display: none;
   overflow: visible !important;
   background-color: #fff;
}

.side-cate li a {
   -webkit-transition: color .3s ease-in-out;
   -o-transition: color .3s ease-in-out;
   transition: color .3s ease-in-out;
}

.side-cate li a:hover,
.side-cate li.active>a {
   color: #62a700;
}

.side-cate li a:hover:before,
.side-cate li.active>a:before {
   background-color: #62a700;
}

.side-cate li .icon-cate {
   position: absolute;
   top: 0;
   right: 0;
   display: inline-block;
   overflow: hidden;
   width: 40px;
   height: 40px;
   border-radius: 0%;
   color: #616265;
   text-align: center;
   font-size: 10px;
   line-height: 40px;
   cursor: pointer;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease;
}

.side-cate li .icon-cate:before {
   padding-right: 1px;
   padding-left: 1px;
}

.side-cate li .icon-cate.icon-cate-down:before {
   content: '\f04b';
}

.side-cate li .icon-cate.icon-cate-up:before {
   content: '\f04b';
}

.side-cate li .icon-cate.icon-cate-up {
   -webkit-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   transform: rotate(90deg);
   -ms-transform: rotate(90deg);
}

.side-cate li.nav-current>.icon-cate {
   color: #62a700;
}

.side-cate>li.nav-current>a,
.side-cate>li.nav-current>.icon-cate {
   color: #62a700;
}

.side-cate li li.nav-current>a {
   color: #62a700;
}

.side-product-items {
   position: relative;
   margin-top: 8px;
}

.side-product-items .items_content {
   position: relative;
   padding: 35px 0;
}

.side_product_item {
   position: relative;
   display: block;
   overflow: hidden;
   width: 100%;
   padding-left: 10px;
}

.side_product_item figure {
   position: relative;
   display: table;
   overflow: hidden;
   width: 100%;
}

.side_product_item .item-img,
.side_product_item figcaption {
   display: table-cell;
   vertical-align: middle;
}

.side_product_item .item-img {
   position: relative;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   width: 70px;
   height: 70px;
}

.side_product_item .item-img img {
   display: block;
   width: 100%;
}

.side_product_item figcaption {
   padding-left: 15px;
}

.side_product_item figcaption h3 {
   font-weight: normal;
   font-size: 14px;
}

.side_product_item figcaption h3 a {
   display: block;
   display: -webkit-box;
   overflow: hidden;
   max-height: 3.2em;
   text-overflow: ellipsis;
   word-wrap: break-word;
   line-height: 1.6em;
   -ms-word-break: break-all;
   word-break: break-all;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.side_product_item figcaption h3 a:hover,
.side_product_item .item-img:hover+figcaption h3 a {
   color: #62a700;
}

.side_product_item:hover .item-img {
   border-color: #62a700;
}

.side-product-items .swiper-slide {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   flex-direction: column;
}

.side-product-items .side_slider {
   position: relative;
   overflow: hidden;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   max-height: 480px;
}

.side-product-items .side_slider .swiper-wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
}

.side-product-items .side_product_item {
   height: 100px;
}

.side-product-items .btn-prev,
.side-product-items .btn-next {
   position: absolute;
   left: 0;
   z-index: 1;
   width: 100%;
   height: 32px;
   color: #ccd3d9;
   text-align: center;
   font-size: 38px;
   line-height: 32px;
   opacity: 1;
   cursor: pointer;
   filter: alpha(opacity=100);
}

.side-product-items .swiper-button-disabled {
   color: #eee;
   cursor: default;
}

.side-product-items .btn-prev:before,
.side-product-items .btn-next:before {
   display: inline-block;
   -webkit-transform: scale(2.5, 1);
   -o-transform: scale(2.5, 1);
   transform: scale(2.5, 1);
   -ms-transform: scale(2.5, 1);
}

.side-product-items .btn-prev {
   top: 0;
   background: url(img/side_product_up.png) no-repeat center center;
}

.side-product-items .btn-next {
   bottom: 0;
   background: url(img/side_product_down.png) no-repeat center center;
}

.side-product-items .btn-prev:not(.swiper-button-disabled):hover,
.side-product-items .btn-next:not(.swiper-button-disabled):hover {
   color: #000;
}

.aside .side-bn {
   margin: 0 0 40px;
   width: 100%;
}

.aside .side-bn img {
   width: 100%;
}

/*----------------------------------main---------------------------------*/

/*----------------------------------main---------------------------------*/
.main {
   position: relative;
   width: 75.3%;
   float: right;
   padding-bottom: .7rem;
}

.main-tit-bar {
   border-bottom: 1px solid rgba(0, 89, 139, .2);
   margin: 0 0 .12rem;
   overflow: hidden;
}

.main-tit-bar .title {
   color: #333;

   text-transform: uppercase;
   float: left;
}

.main-tit-bar .share-this {
   float: right;
}

.main-banner {
   position: relative;
   overflow: hidden;
   border-top: 1px solid rgba(0, 89, 139, .2);
}

.main-banner .item,
.main-banner .item img {
   position: relative;
   width: 100%;
}

.main-banner .flex-control-nav {
   display: none;
}

.main-banner .flex-direction-nav {
   display: block;
}

.main-banner .flex-direction-nav .flex-next {
   right: .4rem;
}

.main-banner .flex-direction-nav .flex-prev {
   left: .4rem;
}

.goods-summary {
   margin: .17rem 0 .25rem;
}

.items_list {}

.items_list ul {
   width: 102.45%;
}

.goods-items .product-item .item-wrap,
.items_list ul .product-item .item-wrap {
   border: 1px solid #d2d2d2;
   padding: 4px;
}

/*===================================
      product-items 
====================================*/
.product-container {
   width: 102.45%;
}

.product-items {
   position: relative;
   width: 100%;
   padding: 0 0 .4rem;
}

.product-items .items-content {}

.product-item {
   position: relative;
   display: inline-block;
   vertical-align: top;
   *display: inline;
   *zoom: 1;
   width: 33.333%;
   margin: 0 0 .22rem;
}

.product-items .product-item,
.goods-items .product-item {
   width: 100%;
   margin: 0;
   visibility: visible !important;
}

.product-item .item-wrap {
   position: relative;
   overflow: hidden;
   text-align: center;
   margin: 0 22px 0 0;
}

.product-items .product-item .item-wrap {}

.product-item .item-img {
   position: relative;
   display: block;
   width: 100%;
   overflow: hidden;
}

.product-item .item-img img {
   position: relative;
   width: 100%;
}

.product-item .item-info .item-title {
   padding: .1rem .3rem;
   text-transform: capitalize;
}

.product-item .item-info .item-title,
.product-item .item-info .item-title a {
   color: #252525;
   font-family: 'SourceSansProLight';
   height: 90px;
   font-weight: 100;
}

.product-items .product-item .item-img .img-shadow:after {
   content: "\f002";
   color: #fff;
   bottom: -30px;
   right: -30px;
   position: absolute;
   font-size: 24px;
   opacity: 1;
   width: 30px;
   height: 30px;
}

.product-items .product-item .item-img .img-shadow {
   background-color: rgba(0, 0, 0, .5);
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
}

.product-items .product-item:hover .item-img .img-shadow:after {
   bottom: 15px;
   right: 20px;
}

.product-items .product-item:hover .item-img .img-shadow {
   opacity: 1;
}

/*----------------------------------page nav---------------------------------*/

.path-bar {
   position: relative;
   background: #ebebeb;
   line-height: .33rem;
   margin-bottom: .25rem;
}

.path-bar li {
   display: inline-block;
   vertical-align: top;
   position: relative;
   font-size: .16rem;
}

.path-bar li:after {
   content: "/";
   margin: 0 .1rem;
   font-size: .18rem;
}

.path-bar li a {
   color: #2f2f2d;
   font-size: 16px;
   font-family: 'SourceSansProLightIt';
}

.path-bar li.current a {
   color: #25ac65;
}

.path-bar li:last-child:after {
   display: none;
}

.page-bar {}

.pages {
   position: relative;
   text-align: center;
   margin: .4rem 0 .15rem;
}

.pages a {
   position: relative;
   display: inline-block;
   vertical-align: top;
   *display: inline;
   *zoom: 1;
   border: 1px solid #62a700;
   line-height: 25px;
   min-width: 26px;
   padding: 0 8px;
   margin: 0 0 0 5px;
   border-radius: 3px;
}

.pages a.current,
.pages a:hover {
   background: #62a700;
   color: #FFF;
}

.pages span {
   border: 1px solid rgba(0, 89, 139, .2);
   line-height: 25px;
   min-width: 26px;
   padding: 0 8px;
   margin: 0 0 0 5px;
   border-radius: 3px;
   display: inline-block;
}



.inquiry-form-wrap.ct-inquiry-form {
   margin-top: 20px;
}

.inquiry-form-wrap.ct-inquiry-form .layout {
   height: 420px !important;
}

@media only screen and (max-width: 950px) {
   .change-language-cont {
      top: 0 !important;
      width: 100% !important;
      height: 100vh !important;
      max-height: unset !important;
      overflow-y: visible !important;
   }
}

.product_list_items,
.product-list ul.product_list_items,
.items_list ul.product_list_items {
   width: 100%;
   margin: 0;
}

.product_list_items .product_list_item {}

.product_list_item figure {
   padding: 10px 0;
   background: #fff;
   border-bottom: 1px #eee dashed;
   display: flex;
   justify-content: space-between;
   -webkit-justify-content: space-between;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
}

.product_list_item figure .item_img {
   display: inline-block;
   max-width: 20%;
}

.product_list_item figure .item_img img {
   box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
   width: 100%;
}

.product_list_item figure figcaption {
   width: calc(80% - 20px);
   display: flex;
   flex-flow: column;
   justify-content: space-between;
}

.product_list_item figure figcaption .item_title {}

.product_list_item figure figcaption .item_title a {
   text-transform: capitalize;
   font-size: 18px;
   letter-spacing: .38px;
}

.product_list_item .product_btns {
   text-align: right;
   position: relative;
}

.product_list_item figure figcaption .item_info {
   font-size: 13px;
   margin: 13px 0;
   max-height: 80px;
   overflow: hidden;
   line-height: 20px;
}

.product_list_item .product_btns .priduct_btn_inquiry,
.product_list_item .product_btns .priduct_btn_detail {
   line-height: 30px;
   display: inline-block;
   padding: 0 25px;
   position: relative;
   background: #666;
   text-transform: uppercase;
   color: #fff;
   transition: all ease-in-out .35s;
   -webkit-transition: all ease-in-out .35s;
   letter-spacing: .38px;
   font-weight: bold;
   font-size: 13px;
   z-index: 0;
}

.product_list_item .product_btns .priduct_btn_inquiry {
   margin-right: 13px;
}

.product_list_item .product_btns .priduct_btn_detail {}

.product_list_item .product_btns .priduct_btn_inquiry:after,
.product_list_item .product_btns .priduct_btn_detail:after {
   position: absolute;
   content: "";
   left: 0;
   top: 0;
   width: 0;
   height: 100%;
   background: #62a700;
   z-index: -1;
   transition: all ease-in-out .35s;
   -webkit-transition: all ease-in-out .35s;
}

.product_list_item .product_btns .priduct_btn_inquiry:hover:after,
.product_list_item .product_btns .priduct_btn_detail:hover:after {
   width: 100%;
}

@media only screen and (max-width: 1280px) {
   .product_list_item figure figcaption .item_info {
      max-height: 60px;
   }
}

@media only screen and (max-width: 1200px) {
   .product_list_item figure figcaption .item_title a {
      font-size: 16px;
      letter-spacing: unset;
   }
}

@media only screen and (max-width: 768px) {
   .product_list_item figure .item_img {
      max-width: 25%;
   }

   .product_list_item figure figcaption {
      width: 73%;
   }
}

@media only screen and (max-width: 640px) {
   .product_list_item figure figcaption .item_title a {
      font-size: 14px;
   }

   .product_list_item figure figcaption .item_info {
      margin: 7px 0;
      font-size: 12px;
      line-height: 18px;
      max-height: 36px;
   }

   .product_list_item .product_btns .priduct_btn_inquiry,
   .product_list_item .product_btns .priduct_btn_detail {
      line-height: 24px;
   }
}

@media only screen and (max-width: 480px) {
   .product_list_item figure .item_img {
      max-width: 100%;
      width: 100%;
      text-align: center;
   }

   .product_list_item figure figcaption {
      width: 100%;
      padding: 7px 0;
   }

   .product_list_item figure figcaption .item_title a {
      font-size: 12px;
   }

   .product_list_item figure figcaption .item_info {
      margin: 3px 0;
   }

   .product_list_item .product_btns {
      text-align: left;
      margin-top: 7px;
   }
}

.newsxq_page {
   padding-bottom: 70px;


   padding: 20px;
}

.newsxq_fl {
   width: 66%;
   float: left;
}

.artic_tit h3 {
   color: #666666;
}

.artic_tit .back {
   float: right;
   color: #666666;
   font-size: 16px;
}

.artic_tit .back .iconfont {
   display: inline-block;
   margin-right: 5px;
   font-size: 18px;
}

.artic_tit .back:hover {
   color: #0058a4;
}

.artic_tit h4 {
   font-size: 36px;
   font-weight: bold;
   margin: 20px 0;
   margin-bottom: 30px;
}

.news_timg img {
   display: block;
   width: 100%;
}

.news_artic {
   padding: 30px 0;
}

.news_share,
.news_next .tit {
   width: 0%;
   float: left;
}

.news_share a {
   display: inline-block;
   margin-right: 20px !important;
   background: none !important;
   padding: 0 !important;
}

.news_share a.iconfont {
   font-size: 24px;
   color: #bbbbbb;
}

.news_share a.iconfont:hover {
   color: #0058a4;
}

.artic_content {
   font-size: 16px;
   line-height: 28px;
}

.artic_content img {
   max-width: 100% !important;
   height: auto !important;
}

.news_next {
   margin-top: 20px;
}

.news_next .tit {
   font-size: 22px;
   font-weight: bold;
}

.news_next .con {
   width: 90.5%;
   float: right;
   padding-right: 180px;
   position: relative;
   font-size: 22px;
   font-weight: bold;
   box-sizing: border-box;
}

.news_next .con h3 {
   font-size: 22px;
   font-weight: bold;
}

.news_next .time {
   position: absolute;
   border-top: 2px solid #dddddd;
   padding: 10px;
   border-bottom: 2px solid #ddd;
   text-align: center;
   font-family: "num2";
   right: 0;
   top: 50%;
   font-size: 16px;
   color: #999999;
   transform: translateY(-50%);
}

.news_next .time em {
   display: block;
   font-size: 40px;
   color: #000;
   line-height: 40px;
   margin-bottom: 5px;
}

.newsxq_fr {
   width: 28%;
   float: right;
}

.newsxq_fr .tit {
   font-size: 26px;
   font-weight: bold;
   color: #0058a4;
}

.news_tj li a {
   display: block;
   padding: 35px 0;
   border-bottom: 1px solid #cccccc;
}

.news_tj li h3 {
   font-size: 20px;
   line-height: 34px;
   /* height: 68px; */
   font-weight: bold;
   margin-bottom: 20px;
   /* overflow: hidden; */
}

.news_tj li h4 {
   font-size: 16px;
   color: #999999;
}

.news_tj li .lg {
   color: #0058a4;
   margin-right: 10px;
}

.news_tj li:hover h3 {
   color: #0058a4;
}

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

   .newsxq_fl,
   .newsxq_fr,
   .news_next .con {
      width: 100%;
      float: none
   }

   .artic_tit h4 {
      font-size: 22px;
      margin-bottom: 0;
   }

   .news_artic {
      padding: 20px 0
   }

   .news_tj li h3 {
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: 10px;
   }

   .news_tj li h4 {
      font-size: 12px
   }

   .news_tj li a {
      padding: 10px 0
   }
}





@media screen and (max-width: 550px) {
   .inquiry-pop-bd {
      width: auto;
      left: 10px;
      right: 10px;
      top: 10px;
      bottom: 10px;
      margin: auto;
   }

   .inquiry-pop-bd .inquiry-pop {
      padding: 10px;
   }

   .scrollsidebar {
      display: none;
   }

   .inquiry-form-wrap {
      height: auto
   }
}

.content-wrap.form .ch_form_wrap {
   width: 100%;
   font-family: Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
   font-size: 13px;
}

.content-wrap.form .ch_form_wrap .title {
   /* background:#013e5a; */
   width: 100%;
   /* height:55px; */
   /* line-height:55px; */
   /* color:#fff; */
   margin: 0;
   padding: 0;
   font-size: 16px;
   padding: 0 20px;
   font-weight: normal;
}

.content-wrap.form .ch_form_wrap .title em {
   font-style: normal
}

.content-wrap.form .ch_form_wrap .title svg {
   display: none
}

.content-wrap.form .ch_form_wrap form {
   position: relative;
}

.content-wrap.form .ch_form_wrap ul {
   padding: 20px 0px 5px;
}

.content-wrap.form .ch_form_wrap ul li {
   position: relative;
   list-style: none;
   margin: 0 0 14px;
   display: flex;
   min-height: auto;
   line-height: 40px;
}

.content-wrap.form .ch_form_wrap ul li label {
   float: left;
   min-width: 80px
}

.content-wrap.form .ch_form_wrap ul,
.content-wrap.form .ch_form_wrap ul li,
.content-wrap.form .ch_form_wrap ul input,
.content-wrap.form .ch_form_wrap ul textarea,
.content-wrap.form .ch_form_wrap ul select {
   position: relative;
   width: 100%;
}

.content-wrap.form .ch_form_wrap ul input,
.content-wrap.form .ch_form_wrap ul textarea,
.content-wrap.form .ch_form_wrap ul select {
   border: 1px solid #eee;
   border-left: 3px solid #ff6f00;
   height: 39px;
   padding: 0 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}

.content-wrap.form .ch_form_wrap ul textarea {
   height: 95px;
   padding: 10px;
   resize: none;
}

.content-wrap.form .ch_form_wrap .item_submit {
   padding: 0 20px;
}

.content-wrap.form .ch_form_wrap .item_submit input {
   width: 100%;
   height: 33px;
   color: #fff;
   background: #445ba7;
   border: none;
   cursor: pointer;
   -moz-transition-duration: .3s;
   -webkit-transition-duration: .3s;
   -o-transition-duration: .3s;
   -ms-transition-duration: .3s;
   transition-duration: .3s;
}

.content-wrap.form .ch_form_wrap .item_submit input:hover {
   background: #ff6f00;
}

.content-wrap.form .ch_form_wrap .Validform_checktip.Validform_wrong {
   position: absolute;
   right: 7px;
   top: 0;
   display: block;
   line-height: 39px;
   color: red;
   pointer-events: none;
}

.content-wrap.form .ch_form_wrap .Validform_error {
   border-color: red !important;
   border-left-color: #013e5a !important
}

.content-wrap.form .ch_form_wrap .form_tip {
   position: relative;
   color: red;
   padding: 0 0 10px;
}

.content-wrap.form .ch_form_wrap .email_point {
   display: none;
}

.content-wrap.form .ch_form_wrap ul li input[type=image],
input[type=reset],
input[type=button],
input[type=submit] {
   width: 60px;
   height: 30px;
   margin: 5px 10px
}

.content-wrap.form #gif-show {
   top: 0 !important;
   height: 100%;
   display: flex;
   align-items: center;
   text-align: center;
   justify-content: center;
}

.content-wrap.form #gif-show img {
   margin-top: 0 !important;
}

.content-wrap.livechat {
   width: 100%;
   font-family: Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
   font-size: 16px;
   /*border: 1px solid #36a9e1;*/
   border-top: none;
   border-radius: 15px 15px 0 0;
   overflow: hidden;
   background: #FFFFFF
}

.content-wrap.livechat .ch_form_wrap {
   width: 100%;
   font-family: Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
   font-size: 16px;
}

.content-wrap.livechat .ch_form_wrap .title {
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
   background: #36A9E1;
   width: 101%;
   height: 45px;
   line-height: 45px;
   color: #fff;
   margin-left: -2px;
   font-size: 16px;
   padding: 0 20px;
   font-weight: normal;
   cursor: pointer;
}

.content-wrap.livechat .ch_form_wrap .title em {
   font-style: normal
}

.content-wrap.livechat .ch_form_wrap .title svg {
   position: relative;
   display: block;
   -moz-transition-duration: .3s;
   -webkit-transition-duration: .3s;
   -o-transition-duration: .3s;
   -ms-transition-duration: .3s;
   transition-duration: .3s;
}

.content-wrap .ch_form_wrap form {
   position: relative;
   background: #fff;
   /* height: 420px; */
   overflow-y: scroll;
}

.content-wrap.livechat .ch_form_wrap ul {
   padding: 20px 20px 5px;
}

.content-wrap.livechat .ch_form_wrap ul li {
   position: relative;
   list-style: none;
   margin: 0 0 18px;
   display: flex;
   min-height: auto;
   line-height: 40px
}

.content-wrap.livechat .ch_form_wrap ul li label {
   float: left;
   min-width: 80px
}

.content-wrap.livechat .ch_form_wrap ul,
.content-wrap.livechat .ch_form_wrap ul li,
.content-wrap.livechat .ch_form_wrap ul input,
.content-wrap.livechat .ch_form_wrap ul textarea,
.content-wrap.livechat .ch_form_wrap ul select {
   position: relative;
   width: 100%;
}

.content-wrap.livechat .ch_form_wrap ul input,
.content-wrap.livechat .ch_form_wrap ul textarea,
.content-wrap.livechat .ch_form_wrap ul select {
   border: 1px solid #e5e5e5;
   height: 39px;
   padding: 0 13px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   border-radius: 25px;
}

.content-wrap.livechat .ch_form_wrap ul textarea {
   height: 95px;
   padding: 10px 13px;
   resize: none;
}

.content-wrap.livechat .ch_form_wrap .item_submit {
   padding: 0 20px;
}

.content-wrap.livechat .ch_form_wrap .item_submit input {
   width: 100%;
   height: 33px;
   color: #fff;
   background: #86C953;
   border: none;
   cursor: pointer;
   border-radius: 25px;
   -moz-transition-duration: .3s;
   -webkit-transition-duration: .3s;
   -o-transition-duration: .3s;
   -ms-transition-duration: .3s;
   transition-duration: .3s;
}

.content-wrap.livechat .ch_form_wrap .item_submit input:hover {
   background: #94D662;
}

.content-wrap.livechat .ch_form_wrap .Validform_checktip.Validform_wrong {
   position: absolute;
   left: 0;
   bottom: -16px;
   display: block;
   line-height: initial;
   color: red;
   pointer-events: none;
}

.content-wrap.livechat .ch_form_wrap .Validform_error {
   border-color: red !important;
}

.content-wrap.livechat .ch_form_wrap ul li input[type=image],
input[type=reset],
input[type=button],
input[type=submit] {
   width: 60px;
   height: 30px;
   margin: 5px 10px
}

.content-wrap.livechat .ch_form_wrap .form_tip {
   position: relative;
   color: red;
   padding: 0 0 10px;
}

.content-wrap.livechat .ch_form_wrap .email_point {
   display: none;
   position: absolute;
   width: 45px;
   height: 45px;
   text-align: center;
   padding: 15px 0 0;
   right: 0;
   top: 0;
   z-index: 1;
   background: #36A9E1;
   color: #fff;
   cursor: pointer;
}

.content-wrap.form .ch_form_wrap ul .labeldiv {
   display: block;
   float: none;
   width: 100%;
}

.content-wrap.form .ch_form_wrap ul .labeldiv input {
   display: inline-block;
   vertical-align: top;
   margin-right: 10px;
   width: 15px;
   height: 15px;
   margin-top: 4px;
}

.content-wrap.form .ch_form_wrap ul .labeldiv .txt {
   display: inline-block;
   vertical-align: top;
   width: -moz-calc(100% - 30px);
   width: -webkit-calc(100% - 30px);
   width: calc(100% - 30px);
   color: #999999;
   font-size: 16px;
   line-height: 1.7;
}

.content-wrap .ch_form_wrap form {
   background: #fff;
   /*border: 1px solid #36a9e1;*/
}

.content-wrap.livechat .ch_form_wrap form {
   border: 1px solid #36a9e1;
}

.content-wrap .ch_form_wrap .input-radio-checkbox {
   display: flex;
   white-space: nowrap;
}

.content-wrap .ch_form_wrap ul li input[type=radio],
.content-wrap .ch_form_wrap ul li input[type=checkbox] {
   width: 20px;
   -webkit-appearance: radio;
}

.content-wrap .ch_form_wrap .input-radio-checkbox input {
   margin: 0px 10px 0px 5px;
}

@media screen and (max-width: 400px) {
   .content-wrap.form .ch_form_wrap .title {
      display: none
   }
}

.inquiry-form-wrap {
   width: 95%;
}

.webkit {
   background: #fff;
}




/*-------------------------------------------------------- 
													page: blog list
																	------------------------------------------------------*/
.blog_list {
   position: relative;
   width: 100%;
}

.blog-item {
   position: relative;
   width: 100%;
   overflow: hidden;
   padding: .2rem 0;
}

.blog-item:before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 1px;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}

.blog-item .item-wrap {}

.blog-item .item-img {
   position: relative;
   display: block;
 
   width: 26%;
   margin: 0 2rem 0 0;
   float: left;
}

.blog-item .item-img img {
   position: relative;
   width: 100%;
}

.blog-item .item-info {}


.blog-item .item-info time {
   display: block;
   font-style: italic;
   margin: .08rem 0;
}

.blog-item .item-info .item-detail {}

.blog-item .item-info .item-more {
   float: right;
   padding-right: 10px;
   color: #25ac65;
}








/*like product*/
.goods-may-like {
   position: relative;
   overflow: hidden;
}

.goods-may-like .title {
   line-height: 35px;
   font-size: 20px;
   margin: 50px 0 20px;
   padding: 0 15px;
   text-transform: uppercase;
   font-weight: normal;
   background-color: #000;
   color: #fff;
}

.goods-may-like .product_item {
   width: 33.33333333%;
   margin: 0;
   padding: 0;
}

.goods-may-like .swiper-slide {
   width: 33.33333333%;
   overflow: visible;
}

.goods-may-like .product_item {
   padding-bottom: 2px;
   margin-right: 0;
}

.goods-may-like .product_item figure {
   border: 1px solid #d8d8d8;
   padding: 3px;
   position: relative;
}

.goods-may-like .product_item figure:before {
   height: 3px;
}

.goods-may-like .product_item .item_title {
   font-size: 16px;
  height:100px;
}

.goods-may-like .product_item figure:before {
   content: '';
   display: block;
   height: 4px;
   position: absolute;
   left: -1px;
   right: -1px;
   bottom: -1px;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
}

.goods-may-like .product_item figure:hover:before {
   background-color: #ffd504;
   -webkit-transform: none;
   -ms-transform: none;
   -o-transform: none;
   transform: none;
}

.goods-may-like .swiper-control {
   position: absolute;
   right: 10px;
   top: 55px;
}

.goods-may-like .swiper-button-prev,
.goods-may-like .swiper-button-next {
   display: inline-block;
   width: 20px;
   height: 25px;
   line-height: 25px;
   font-size: 20px;
   margin-left: 5px;
   background: none;
   color: #fff;
   margin-left: 5px;
   position: static;
   margin: 0;
   opacity: 1;
   filter: alpha(opacity=100);
}

.goods-may-like .swiper-button-next.swiper-button-disabled,
.goods-may-like .swiper-button-prev.swiper-button-disabled {
   opacity: .5;
   filter: alpha(opacity=50);
}


.goods-may-like .product_item .item_img {
   padding-bottom: 80%;
   display: inline-block;
   position: relative;
   width: 100%;
}

.goods-may-like .product_item .item_img img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}




.swiper-container {
   margin: 0 auto;
   position: relative;
   overflow: hidden;
   list-style: none;
   padding: 0;
   z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
   float: left
}

.swiper-container-vertical>.swiper-wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column
}

.swiper-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   -webkit-box-sizing: content-box;
   box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
   -webkit-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   margin: 0 auto
}

.swiper-slide {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform
}

.swiper-invisible-blank-slide {
   visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
   height: auto
}

.swiper-container-autoheight .swiper-wrapper {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-transition-property: height, -webkit-transform;
   transition-property: height, -webkit-transform;
   -o-transition-property: transform, height;
   transition-property: transform, height;
   transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
   -webkit-perspective: 1200px;
   perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
   background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
   background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
   -ms-touch-action: pan-y;
   touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
   -ms-touch-action: pan-x;
   touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
   position: absolute;
   top: 50%;
   width: 27px;
   height: 44px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   background-size: 27px 44px;
   background-position: center;
   background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
   opacity: .35;
   cursor: auto;
   pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   left: 10px;
   right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   right: 10px;
   left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
   display: none
}

.swiper-pagination {
   position: absolute;
   text-align: center;
   -webkit-transition: .3s opacity;
   -o-transition: .3s opacity;
   transition: .3s opacity;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
   opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
   bottom: 10px;
   left: 0;
   width: 100%
}

.swiper-pagination-bullets-dynamic {
   overflow: hidden;
   font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   -webkit-transform: scale(.33);
   -ms-transform: scale(.33);
   transform: scale(.33);
   position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
   -webkit-transform: scale(.66);
   -ms-transform: scale(.66);
   transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
   -webkit-transform: scale(.33);
   -ms-transform: scale(.33);
   transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
   -webkit-transform: scale(.66);
   -ms-transform: scale(.66);
   transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
   -webkit-transform: scale(.33);
   -ms-transform: scale(.33);
   transform: scale(.33)
}

.swiper-pagination-bullet {
   width: 8px;
   height: 8px;
   display: inline-block;
   border-radius: 100%;
   background: #000;
   opacity: .2
}

button.swiper-pagination-bullet {
   border: none;
   margin: 0;
   padding: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer
}

.swiper-pagination-bullet-active {
   opacity: 1;
   background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
   right: 10px;
   top: 50%;
   -webkit-transform: translate3d(0, -50%, 0);
   transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 6px 0;
   display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   display: inline-block;
   -webkit-transition: .2s top, .2s -webkit-transform;
   transition: .2s top, .2s -webkit-transform;
   -o-transition: .2s transform, .2s top;
   transition: .2s transform, .2s top;
   transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   -webkit-transition: .2s left, .2s -webkit-transform;
   transition: .2s left, .2s -webkit-transform;
   -o-transition: .2s transform, .2s left;
   transition: .2s transform, .2s left;
   transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   -webkit-transition: .2s right, .2s -webkit-transform;
   transition: .2s right, .2s -webkit-transform;
   -o-transition: .2s transform, .2s right;
   transition: .2s transform, .2s right;
   transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
   background: rgba(0, 0, 0, .25);
   position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   background: #007aff;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transform-origin: left top;
   -ms-transform-origin: left top;
   transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   -webkit-transform-origin: right top;
   -ms-transform-origin: right top;
   transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
   width: 100%;
   height: 4px;
   left: 0;
   top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar {
   width: 4px;
   height: 100%;
   left: 0;
   top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
   background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
   background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
   background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
   background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
   background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
   background: #000
}

.swiper-pagination-lock {
   display: none
}

.swiper-scrollbar {
   border-radius: 10px;
   position: relative;
   -ms-touch-action: none;
   background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
   position: absolute;
   left: 1%;
   bottom: 3px;
   z-index: 50;
   height: 5px;
   width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
   position: absolute;
   right: 3px;
   top: 1%;
   z-index: 50;
   width: 5px;
   height: 98%
}

.swiper-scrollbar-drag {
   height: 100%;
   width: 100%;
   position: relative;
   background: rgba(0, 0, 0, .5);
   border-radius: 10px;
   left: 0;
   top: 0
}

.swiper-scrollbar-cursor-drag {
   cursor: move
}

.swiper-scrollbar-lock {
   display: none
}

.swiper-zoom-container {
   width: 100%;
   height: 100%;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
   max-width: 100%;
   max-height: 100%;
   -o-object-fit: contain;
   object-fit: contain
}

.swiper-slide-zoomed {
   cursor: move
}

.swiper-lazy-preloader {
   width: 42px;
   height: 42px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -21px;
   margin-top: -21px;
   z-index: 10;
   -webkit-transform-origin: 50%;
   -ms-transform-origin: 50%;
   transform-origin: 50%;
   -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
   animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
   display: block;
   content: '';
   width: 100%;
   height: 100%;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
   background-position: 50%;
   background-size: 100%;
   background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
   100% {
       -webkit-transform: rotate(360deg);
       transform: rotate(360deg)
   }
}

@keyframes swiper-preloader-spin {
   100% {
       -webkit-transform: rotate(360deg);
       transform: rotate(360deg)
   }
}

.swiper-container .swiper-notification {
   position: absolute;
   left: 0;
   top: 0;
   pointer-events: none;
   opacity: 0;
   z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
   -webkit-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
   pointer-events: none;
   -webkit-transition-property: opacity;
   -o-transition-property: opacity;
   transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
   pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
}

.swiper-container-cube {
   overflow: visible
}

.swiper-container-cube .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1;
   visibility: hidden;
   -webkit-transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
   width: 100%;
   height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
   pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
   -webkit-transform-origin: 100% 0;
   -ms-transform-origin: 100% 0;
   transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
   pointer-events: auto;
   visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: .6;
   -webkit-filter: blur(50px);
   filter: blur(50px);
   z-index: 0
}

.swiper-container-flip {
   overflow: visible
}

.swiper-container-flip .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
   pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
   -ms-perspective: 1200px
}







/* 联系我们 */



.contact_for {
   margin: 0 auto;
   padding: 20px;
}
.contact_for p {
   font-size: 14px;
   color: #999;
}
.Asterisk_Text .asterisk_red {
   color: red;
   display: inline-block;
   text-align: center;
   position: absolute;
   /* left: 2px; */
   top: 6%;
}
.contact_for .gaug_outfit {
   font-size: 16px;
}
.header_ul li img{
   width: auto;
}
.header_ul {
   list-style: none;
   width: 100%;
   flex-wrap: wrap;
   padding: 22;
}
.header_ul li {
   margin-top: 22px;
   padding: 17px 0;
   border: 1px solid #e5e5e5;
   border-radius: 5px;
   position: relative;
   padding-left: 70px;
   width: 22.5%;
   margin-left: 3%;
   margin-bottom: 2%;
}
.contact_for .header_ul li .t1 {
   /* width: 30%; */
   text-align: right;
   width: 49px;
   position: absolute;
   left: 0;
   top: 50%;
   height: 26px;
   margin-top: -13px;
}
.contact_for .header_ul li .t1 img {
   width: auto;
}
.contact_for .header_ul li .t2 {
   margin-right: 10px;
}
.contact_for .header_ul li .t2 p {
   color: #666666;
}
@media only screen and (max-width: 900px) {
   .contact_for .header_ul li{
       width: 45% !important;
       margin-left: 3% !important;
   }
   .contact_for .header_ul li:nth-of-type(2n+1) {
       margin-left: 0 !important;
   }
}
.contact_for .header_ul .t3 {
   color: #333333; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis; height: 40px;
}
.Asterisk_Text textarea {
   height: 233px ;
   border: 1px solid #eee !important;
   background-color: #f1f1f1;
   border-radius: 5px;
   resize: none;
   /* padding-left: 3%; */
   width: 100%;
   resize: none;
   padding-left: 1% !important;
}
.Asterisk_Text textarea::placeholder {
   color:#999;
 }
@media only screen and (max-width: 700px) {
   .contact_for .Asterisk_Text textarea {
       height: 200px;
   }
   .form_ul li {
       width: 100% !important;
   }
   .form_ul  .asterisk{
       width: 100%;
       display: flex;
       justify-content: flex-start !important;
   }
   .contact_for  .header_ul li {
       width: 100% !important;
       margin-left: auto !important;
   }
   .contact_for .header_ul li .t1 {
       width: 10% !important;
       text-align: left !important;
       padding-left: 10px !important;
   }
   .contact_for .header_ul .t3 {
       height: auto;
   }
}
.contact_for .Message_ex {
   padding-bottom: 20px;
}
.form_ul li {
   width: 365px;
   justify-content: space-between;

}
.form_ul .Asterisk_Text {
   width: 100% !important;
   /* padding-top: 25px; */
}
.asterisk {
   width: 100%;
   padding: 13px 0;
   margin: 10px 0;
   display: flex;
   padding-left: 20px;
   background-color: #f1f1f1;
   position: relative;
   border-radius: 5px;
}

.form_ul {
   display: flex !important;
   flex-wrap: wrap !important;
   justify-content: space-between !important;
   padding: 0 !important;
}

.form_center .asterisk_sk {
   color: red;
   display: inline-block;
   text-align: center;
   position: absolute;
   top: 50%;
   bottom: 16%;
   margin-top: -9px;
}
.form_ul li input {
   background-color: #f1f1f1;
   border: none !important;
   width: 365px;
   padding-left: 3%;
   border-radius: 5px;
}
.submiring {
   padding: 0 !important;
}
.gtm_submit_btn {
   background-color: #333333 ;
   width: 150px !important;
   height: 40px !important;
   color: #fff;
   margin-top: 15px !important;
}
.contact_for .iframe_we {
   padding-top: 20px;
}
.contact_for .Submit_tent .Sending {
   font-size: 20px;
   color: #333;
   font-weight: bold;
}
.contact_for .gaug_outfit {
   font-size: 20px;
   font-weight: bold;
}
.Address_dre {
   font-weight: bold;
   padding-top: 12px;
   color: #333333;
   font-size: 20px;
}
.Submit_tent{
   padding-top: 50px;
   padding-bottom: 47px;
}
/* 已加 */
.tListing:after {content:'';display:table;clear:both;}
.tListing li {float:left;}
.tList_1 {}
.tList_1 li {width:23.5%;margin-left:2%;margin-bottom:2%;}
.tList_1 li:nth-of-type(4n+1) {margin-left:0;}
@media only screen and (max-width: 1366px) {
   .form_ul li {
       width: 30%;
       display: flex !important;
       justify-content: space-between !important;
   }
   .contact_for  .header_ul li {
       width: 31.3%;
   }

   .contact_for .header_ul li:nth-of-type(2n+1) {
      margin-left: 0;
  }

   .asterisk {
       width: 100%;
       display: flex;
       justify-content: space-between;
   }
   .form_ul {
       display: flex !important;
       justify-content: space-between !important;
   }
   .Asterisk_Text .asterisk {
       width: 100%;
   }
}


.tList_1 li:nth-of-type(3n+1){
   margin-left: 2%;
}







  /* about */

.fl {
   float: left;
}

.fr {
   float: right;
}

.clear {
   clear: both;
}

.tt_h3 {
   font-size: 32px;
   line-height: 1.4;
   padding-top: 36px;
   color: #514333;
   font-family: 'Arial';
   font-weight: bold;
   text-align: center;
}

.sCalePic {
   position: relative;
   width: 100%;
   padding-bottom: 56%;
   overflow: hidden;
}

.sCalePic img {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   object-fit: cover;
   transition: all .6S;
}

.swiper-slide:hover .sCalePic img {
   transform: scale(1.1);
}

.page_aboutIntro {
   margin-bottom: 40px;
}

.page_aboutIntro .pic {
   width: 45%;
   padding: 3.5%;
   position: relative;
   margin-bottom: 20px;
}

.page_aboutIntro .pic:before {
   content: '';
   position: absolute;
   width: 80%;
   height: 100%;
   background: #f7f7f7;
   z-index: 0;
   left: 0;
   top: 0;
}

.page_aboutIntro .pic img {
   width: 100%;
   position: relative;
   z-index: 1;
}

.page_aboutIntro .ro {
   font-size: 16px;
   color: #666666;
   line-height: 1.6;
}

.page_aboutIntro .tt_h3 {
   margin-bottom: 20px;
   text-align: left;
}

.page_CompanyPhotos {
   padding-bottom: 50px;
}

.page_CompanyPhotos .tt_h3 {
   margin-bottom: 35px;
}

.page_CompanyPhotos .page_CompanyPhotos_swiper {}

.page_CompanyPhotos_swiper {
   position: relative;
}

.page_CompanyPhotos_swiper .page_swiper_prev {
   left: -15px;
}

.page_CompanyPhotos_swiper .page_swiper_next {
   right: -15px;
}

.page_CompanyPhotos_swiper a {}

.page_CompanyPhotos_swiper .sCalePic {}

.page_CompanyPhotos_swiper p {
   width: 100%;
   text-align: center;
   font-size: 16px;
   line-height: 2;
   height: 32px;
   margin-top: 10px;
}

.page_swiper_prev,
.page_swiper_next {
   width: 30px;
   height: 66px;
   background-color: rgba(0, 0, 0, .49);
   background-size: 11px 25px;
   margin-top: -33px;
}

.page_swiper_prev {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAaCAYAAABhJqYYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjU4Yjg4NDctMTRhMS0zZTQzLWIxZTQtN2YwOTBmMzg1NWNlIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEzNkQwM0I4OERDQzExRUVCMDUxOTBFMjRGRjI0RDNEIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEzNkQwM0I3OERDQzExRUVCMDUxOTBFMjRGRjI0RDNEIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4wIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg2NGViZTY3LWEyMzQtOTc0OS1hZTdjLTE0OGVkN2FhMWIzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNThiODg0Ny0xNGExLTNlNDMtYjFlNC03ZjA5MGYzODU1Y2UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42JzCQAAAA8klEQVR42mL8//8/AxFABIg9mIhQyAjEC4D4MTGKDwLxRzANcgYe3PMfArjBzsWjMAGqcANMDJfCkP8IYIxPsR6SwtfIcugeVAHiU0j8HciSyIolgfgoELMjiR3Cpfg4EIuh2XQTm+LdQCyPJYw/oPCADl/xHzdQQvYg43/8iUMWiJ8gO+MPHsVM6JxoPIo50d0Mwik43GyM7GbkmJuERbEPrhjMA+LZaM4wwuYMZLwOyeQDuJyBjC9AFf+BpWV8ivmA+DZUQxIhxSDMD8T/kJMpoWxlBTXdhhjFIJwOxBeBmI2RyHKjCIjfEasYBKwBAgwA3MvwbcDdnS4AAAAASUVORK5CYII=);
}

.page_swiper_next {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAZCAYAAADnstS2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjU4Yjg4NDctMTRhMS0zZTQzLWIxZTQtN2YwOTBmMzg1NWNlIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEzNkQwM0I0OERDQzExRUVCMDUxOTBFMjRGRjI0RDNEIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEzNkQwM0IzOERDQzExRUVCMDUxOTBFMjRGRjI0RDNEIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4wIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg2NGViZTY3LWEyMzQtOTc0OS1hZTdjLTE0OGVkN2FhMWIzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNThiODg0Ny0xNGExLTNlNDMtYjFlNC03ZjA5MGYzODU1Y2UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7v7ZQfAAAA5UlEQVR42mL4//+/IhAzEIOZGBgY+IE4mIEIAFJ8AYgNgDiVoGqoFWL/ISAEnzOQOXOhGiSJUcwAVfwKiPmIUTwbquESrtBABgehtC4Q78HlQRjW/I8K5uJzBgg/QtMwHZ/i7f8xQT5IjgVL0D/GIjYBiD8wYZF4hSP+FmBT/B2H4j/YFDPjUMyCTTEfDsWXsCmWwuEPJ2yKFbGIWQPxW/Qw5gLib2hhbIcrUuzRFDrjS0j6SOw8IN6LLyGdgppYQyg960MVTsGVUxjBOiDgGSj+gVgLX+4GAXcg/gXEZvgyN0CAAQCd/r/yDn+OLAAAAABJRU5ErkJggg==);
}

.page_swiper_prev:hover,
.page_swiper_next:hover {
   background-color: #514333;
}

.page_CompanyHonors {
   padding-bottom: 70px;
}

.page_CompanyHonors .tt_h3 {
   margin-bottom: 30px
}

.page_CompanyHonors_swiper {
   position: relative;
}

.page_CompanyHonors_swiper a {
   border: 1px solid #e5e5e5;
   display: block;
   padding: 20px;
}

.page_CompanyHonors_swiper .sCalePic {
   padding-bottom: 144%;
}

.page_CompanyHonors_swiper p {
   position: absolute;
   width: 100%;
   text-align: center;
   font-size: 16px;
   line-height: 2;
   height: 32px;
   margin-top: 10px;
   bottom: 0;
   left: 0;
}

.page_CompanyHonors_swiper .swiper-slide {
   padding-bottom: 50px;
}

.page_CompanyHonors_swiper .page_swiper_prev {
   left: -15px;
}

.page_CompanyHonors_swiper .page_swiper_next {
   right: -15px;
}

@media only screen and (max-width: 640px) {
   .page_aboutIntro .pic {
       width: 100%
   }

   .tt_h3 {
       font-size: 22px
   }
}

.page_CompanyPhotos_swiper .swiper-button-next,
.page_CompanyPhotos_swiper .swiper-button-prev {
   opacity: 1 !important;
}

.page_CompanyPhotos_swiper .swiper-button-prev:before,
.page_CompanyPhotos_swiper .swiper-button-next:before {
   content: '';
}

.page_CompanyHonors_swiper .swiper-button-next,
.page_CompanyHonors_swiper .swiper-button-prev {
   opacity: 1 !important;
}

.page_CompanyHonors_swiper .swiper-button-prev:before,
.page_CompanyHonors_swiper .swiper-button-next:before {
   content: '';
}

.product_main{
   padding-bottom: 30px;
}

.change-empty{
   display: none;
}

.change-language-cont {
   word-wrap: break-word;
}

.change-language-cont li {
   width: 29.33333%;

   float: left;
   padding: 2% 2%;
}

.webkit  .swiper-button-next{
   display: none;
}
.webkit  .swiper-button-prev{
   display: none;
}


.pagination  ul {
   width: 102.45%;
   display: flex;
   justify-content:center;
}
.pagination  .active span{
  background-color: #9fcb00;
  color: #fff;
 }


 .page_aboutIntro .pic:before{ background-color: inherit; }


 .iconing  ul{  display: flex;  justify-content: space-between; }

.iconing{padding-bottom: 70px;}
 
 .iconing  ul li{  width: 30%; }
 .iconing  ul li .gusin{  font-weight: bold; font-size: 20px;  color: #514333;    padding: 20px 0;}
 .iconing  ul li .gusing{ font-size: 16px; }


 .icon-boxg{  display: flex;    }
 .icon-boxg ul{  width: 40%; background: #e0e0d7;     padding-top: 20px; }

 .icon-boxg ul li{ font-size: 17px;  padding-top: 30px; padding-left: 25px;}


 .icon-boxg ul li::before{      margin-right: 10px; display: inline-block;  content: '';  width: 10px; height: 10px; border-radius: 50px; background-color: #c6a468; background-color: #c6a468;
 }

.abouts-box{  width: 100%;   padding-bottom: 40%; position: relative;  }

.abouts-box img{ position: absolute;  top: 0; left: 0; width: 100%;  height: 100%; object-fit: cover;}
 @media only screen and (max-width: 950px) {
   .iconing ul { flex-wrap: wrap; display: flex;justify-content: center;         padding-bottom: 50px;}
   .iconing ul li{  width: 70%; text-align: center;}
   .aboutsing{  padding: 0 5%;}
   .icon-boxg{ display: flex; flex-wrap: wrap; justify-content: center;}
   .abouts-box {margin-top: 20px;}
   .icon-boxg ul{ width: 90%;     padding-bottom: 20px;}
  
   .icon-boxg .abouts-box{ width: 90%; }
 }



 .pad-box {
   margin-top: -33px;
    font-weight: bold;
    font-size: 20px;

   margin-left: 10px;
}


.pad-boxin{ padding: 1% 0;   text-align: center;   background-color: #f2f2f2;  font-weight: bold; }
.towel{  display: flex; justify-content: space-between; }
.towel li{  width: 24%; position: relative;
   padding-bottom: 18%;}
   .towel li img{   top: 0; left: 0; width: 100%; height: 100%; position: absolute;
      }

      .sreing {
          display: flex;
          justify-content: space-between;

      }
      .gwneing{  width: 49%; }
      .geusing{      position: relative;
         width: 49%; padding-bottom: 37%;}
      .geusing img{     width: 100%;
         height: 100%;
         position: absolute;
         object-fit: cover;
         top: 0;
         left: 0; }


         .fl-rich-text { font-size: 18px !important;}

         .tab-bae{ overflow: auto;}

.trp-language-wrap{ display: none;}
         .partner-slides .owl-stage{ text-align: center; margin: auto;}
.fixed-nav .head-search{ padding-top: 5px;}
.fixed-nav .nav-wrap .layout .nav{ margin-top: 0%;}
.fixed-nav .nav-wrap .layout{ display:flex; justify-content:space-between;}
.fixed-nav .search-w{ display: none;}
.fixed-nav .nav-wrap { width: 100%;position: fixed; padding: 1% 0; top: 0; background: #fff;  z-index: 9;opacity:1;border-top: 0;}
.fixed-nav .nav-wrap .logo{padding-top: 13px;  display: none;}
.fixed-nav .nav-wrap .logo img{height: 42px;}
.fixed-nav .nav-wrap .head_nav li li {font-size: 13px;}
.fixed-nav .nav-wrap .head_nav>li>a:after{top: auto;bottom: -1px;border-radius: 0;}
.fixed-nav-active .nav-wrap{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.nav-wrap .head_nav li,.nav-wrap .head_nav li a{-webkit-transition: none;-o-transition: none;transition: none;}
.fixed-nav-active .nav-wrap:before{opacity: 1;height: 100%;}
.search-r {
      display: none;
    }
         .fixed-nav  .search-r {
          display: block;
        }
@media screen and (max-width: 950px) {
  .search-r{
    display: none;
  }
    .main-product-layer .product-item .pd-name{ height: 50px;}
  .product-item .item-info .item-title{ height: 110px;}
    .product-item{ width: 50%;}
.change-language-cont li{ width: 100%; display: block !important;}
    .goods-may-like .product_item .item_title{ height: 130px;}
    .news_next .tit{ width: 17% !important;}
    .news_next .con{ width: 90%; padding-right: 0%;}
.mobile-head-items .nav>li b::after {
  display: inline-block;
  width: 28px;
  height: 28px;
  content: '';
  background: url(./img/jiantou.png) no-repeat;
  position: absolute;
  background-size: cover;
  z-index: 99;
  right: 0;  
  top: 0;  
  color: #999;
  font-size: 16px;
}
}

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

 .product-item figcaption{
  height: 130px;
 }
}
.product-summary .page_title{  font-size: 18px;  color: #000; font-weight: bold;}






.hide{display: none !important;}
.show{display: block !important;}
.t-c{text-align: center;}
.t-l{text-align: left;}
.t-r{text-align: right;}
.f-s12{font-size: 12px;}
.f-s13{font-size: 3px;}
.f-s14{font-size: 14px;}
.f-s15{font-size: 15px;}
.f-s16{font-size: 16px;}
.f-s17{font-size: 17px;}
.f-s18{font-size: 18px;}
.f-s19{font-size: 19px;}
.f-s20{font-size: 20px;}
.f-s21{font-size: 21px;}
.f-s22{font-size: 22px;}
.f-s23{font-size: 23px;}
.f-s24{font-size: 24px;}
.f-s25{font-size: 25px;}
.f-s26{font-size: 26px;}
.f-s27{font-size: 27px;}
.f-s28{font-size: 28px;}
.f-s29{font-size: 29px;}
.f-s30{font-size: 30px;}
.f-s31{font-size: 31px;}
.f-s32{font-size: 32px;}
.f-s33{font-size: 33px;}
.f-s34{font-size: 34px;}
.f-s35{font-size: 35px;}
.f-s36{font-size: 36px;}
.f-s37{font-size: 37px;}
.f-s38{font-size: 38px;}
.f-s39{font-size: 39px;}
.f-s40{font-size: 40px;}
.w5{width: 50%;}
.w10{width: 10%;}
.w15{width: 15%;}
.w20{width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w35{width: 35%;}
.w40{width: 40%;}
.w45{width: 45%;}
.w49{width: 49%;}
.w50{width: 50%;}
.w55{width: 55%;}
.w60{width: 60%;}
.w65{width: 65%;}
.w70{width: 70%;}
.w75{width: 75%;}
.w80{width: 80%;}
.w85{width: 85%;}
.w90{width: 90%;}
.w95{width: 95%;}
.w100{width: 100%;}
.m-auto{margin: 0 auto;display: block;}
.m-t5{margin-top: 5px;}
.m-t10{margin-top: 10px;}
.m-t15{margin-top: 15px;}
.m-t20{margin-top: 20px;}
.m-t25{margin-top: 25px;}
.m-t30{margin-top: 30px;}
.m-t35{margin-top: 35px;}
.m-t40{margin-top: 40px;}
.m-t45{margin-top: 45px;}
.m-t50{margin-top: 50px;}
.m-t55{margin-top: 55px;}
.m-t60{margin-top: 60px;}
.m-t65{margin-top: 65px;}
.m-t70{margin-top: 70px;}
.m-t75{margin-top: 65px;}
.m-t80{margin-top: 80px;}
.m-t85{margin-top: 85px;}
.m-t90{margin-top: 90px;}
.m-t95{margin-top: 95px;}
.m-t100{margin-top: 100px;}
.m-b5{margin-bottom: 5px;}
.m-b10{margin-bottom: 10px;}
.m-b15{margin-bottom: 15px;}
.m-b20{margin-bottom: 20px;}
.m-b25{margin-bottom: 25px;}
.m-b30{margin-bottom: 30px;}
.m-b35{margin-bottom: 35px;}
.m-b40{margin-bottom: 40px;}
.m-b45{margin-bottom: 45px;}
.m-b50{margin-bottom: 50px;}
.m-b55{margin-bottom: 55px;}
.m-b60{margin-bottom: 60px;}
.m-b65{margin-bottom: 65px;}
.m-b70{margin-bottom: 70px;}
.m-b75{margin-bottom: 65px;}
.m-b80{margin-bottom: 80px;}
.m-b85{margin-bottom: 85px;}
.m-b90{margin-bottom: 90px;}
.m-b95{margin-bottom: 95px;}
.m-b100{margin-bottom: 100px;}
.pd5{padding:5px}
.p-t5{padding-top: 5px;}
.p-t10{padding-top: 10px;}
.p-t15{padding-top: 15px;}
.p-t20{padding-top: 20px;}
.p-t25{padding-top: 25px;}
.p-t30{padding-top: 30px;}
.p-t35{padding-top: 35px;}
.p-t40{padding-top: 40px;}
.p-t45{padding-top: 45px;}
.p-t50{padding-top: 50px;}
.p-t55{padding-top: 55px;}
.p-t60{padding-top: 60px;}
.p-t65{padding-top: 65px;}
.p-t70{padding-top: 70px;}
.p-t75{padding-top: 65px;}
.p-t80{padding-top: 70px;}
.p-t85{padding-top: 85px;}
.p-t90{padding-top: 90px;}
.p-t95{padding-top: 95px;}
.p-t100{padding-top: 100px;}
.p-b5{padding-bottom: 5px;}
.p-b10{padding-bottom: 10px;}
.p-b15{padding-bottom: 15px;}
.p-b20{padding-bottom: 20px;}
.p-b25{padding-bottom: 25px;}
.p-b30{padding-bottom: 30px;}
.p-b35{padding-bottom: 35px;}
.p-b40{padding-bottom: 40px;}
.p-b45{padding-bottom: 45px;}
.p-b50{padding-bottom: 50px;}
.p-b55{padding-bottom: 55px;}
.p-b60{padding-bottom: 60px;}
.p-b65{padding-bottom: 65px;}
.p-b70{padding-bottom: 70px;}
.p-b75{padding-bottom: 75px;}
.p-b80{padding-bottom: 80px;}
.p-b85{padding-bottom: 85px;}
.p-b90{padding-bottom: 90px;}
.p-b95{padding-bottom: 95px;}
.p-b100{padding-bottom: 100px;}
.p-b30_bai{padding-bottom: 30%;}
.p-b40_bai{padding-bottom: 40%;}
.p-b50_bai{padding-bottom: 50%;}
.p-b60_bai{padding-bottom: 60%;}
.p-b70_bai{padding-bottom: 70%;}
.p-b80_bai{padding-bottom: 80%;}
.p-b150_bai{padding-bottom: 150%;}
.border1{border:1px solid}
.border-radius5{border-radius:5px}
.mce-content-body table{border-collapse: collapse;}
.mce-content-body table th,.mce-content-body table td{padding: 5px 15px;height: 30px;border: 1px solid rgb(204, 204, 204);}
.img_cover{object-fit:cover !important}
.img_contain{object-fit:contain !important}
.con_proImg{position:relative;height: 0;overflow: hidden;padding-bottom: 60%;}
.con_proImg img{position:absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}
.listH {}
.listH li {z-index:1;-webkit-transition:all 150ms ease-out 0ms;-moz-transition:all 150ms ease-out 0ms;-o-transition:all 150ms ease-out 0ms;transition:all 150ms ease-out 0ms;}
.listH li:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);opacity:1;z-index:20;box-shadow:0 40px 100px 0 rgba(84,84,84,0.5);cursor:pointer !important;}
.tList:after {content:'';display:table;clear:both;}
.tList li {float:left;}
.tList2 {}
.tList2 li {width:48%;margin-left:4%;/* border:1px solid #CDCDCD; */margin-bottom:4%;}
.tList2 li:nth-of-type(2n+1) {margin-left:0;}
.tList3 {}
.tList3 li {width:29%;margin-left:3.5%;margin-bottom:3.5%;}
.tList3 li:nth-of-type(3n+1) {margin-left:0;}
.tList3_miji li{width:33.33%;}
.tList4 {}
.tList4 li {width:23.5%;margin-left:2%;margin-bottom:2%;}
.tList4 li:nth-of-type(4n+1) {margin-left:0;}
.tList5 {}
.tList5 li {width:17%;margin-left:3.75%;margin-bottom:2%;}
.tList5 li:nth-of-type(5n+1) {margin-left:0;}
.tList6 {}
.tList6 li {width:16.666%;}
.tList6 li:nth-of-type(6n+1) {margin-left:0;}
@media screen and (max-width: 550px) {
	.tList4 li{width:49%;margin-left: 0;}
	.tList4 li:nth-of-type(2n+1){float:right}
	.tList3 li{width:100%;margin-left:0}
}