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

body,
html,
input,
button,
textarea {
   font-family: 'SourceSansProRegular', Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

a:hover {
   color: #29b6f6;
}

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

.owl-loaded {
   display: block;
}

.owl-dots .owl-dot {
   border-radius: 50%;
   width: 7px;
   height: 7px;
   border: 2px solid #333;
   background-color: #333;
}

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

.owl-loaded {
   display: block !important;
}


/* clear floating */
.nav-wrap:after,
.product-wrap:after,
.company-synopses:after,
.about-us:after,
.slides:after,
.head-social:after,
.foot-item-inquiry ul:after,
.partner-wrap .partner-list:after,
.subscribe-form:after,
.social-list:after,
.index-tit-bar:after,
.foot-nav:after,
.foot-contact-list li:after {
   content: '';
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.nav-wrap,
.product-wrap,
.company-synopses,
.about-us,
.slides,
.head-social,
.foot-item-inquiry ul,
.partner-wrap .partner-list,
.subscribe-form,
.social-list,
.index-tit-bar,
.foot-nav,
.foot-contact-list li {
   *zoom: 1;
}

/* transition */
.topbar .layout,
.foot-gotop,
.head-search,
.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 */
.nav-bar .nav a:hover {
   color: #29b6f6;
}

.foot-items a:hover,
.foot-item-service li a:hover:before,
.products-scroll-list li .pd-name a:hover {
   color: #29b6f6;
}

.synopsis-item .item-wrap .item-title a:hover {
   color: #000;
}

.path-bar li.current,
.path-bar li.current a {
   color: #29b6f6;
}

.default-color,
a.default-color,
.default-color:hover {
   color: #29b6f6;
}


/* font family */
@font-face {
   font-family: 'Merriweather';
   src: url('https://www.quanqiusou.cn/theme/demo/Demo74-81jp/template/fonts/Merriweather/merriweatheritalic.otf');
   font-weight: normal;
   font-style: normal;
}


.foot-item-service li a:before,
.nav>li.elem-link>a:after,
.news-readmore .icon-dots:after,
.fas-icon,
.gotop:before,
.inquiry-panel .inquiry-tit:before,
.foot-item-inquiry .foot-tit:before,
.foot-item-contact .foot-tit:before {
   font-family: "fontawesome";
}

h1,
h2,
h3,
.side-tit-bar .side-tit,
.index-tit-bar .desc,
/*.btn-readmore,.detail-tabs .title.current,*/
.inquiry-panel .inquiry-tit,
.head-wrapper,
.foot-nav,
.subscribe p,
.foot-item-inquiry .subscribe-form .subscribe-btn,
.blog-list .blog-item .blog-tit {
   font-family: 'Merriweather';
   font-weight: normal;
}



/* product item */
.product-wrap {
   margin: 0 -15px;
}

.product-item {
   width: 25%;
   float: left;
   padding-bottom: 30px;
}

.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;
}

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

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

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

.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;
}

.delay1.1s {
   -webkit-animation-delay: 1.1s;
   animation-delay: 1.1s;
}

.delay1.2s {
   -webkit-animation-delay: 1.2s;
   animation-delay: 1.2s;
}

.delay1.3s {
   -webkit-animation-delay: 1.3s;
   animation-delay: 1.3s;
}

.delay1.4s {
   -webkit-animation-delay: 1.4s;
   animation-delay: 1.4s;
}

.delay1.5s {
   -webkit-animation-delay: 1.5s;
   animation-delay: 1.5s;
}

.delay1.6s {
   -webkit-animation-delay: 1.6s;
   animation-delay: 1.6s;
}

.delay1.7s {
   -webkit-animation-delay: 1.7s;
   animation-delay: 1.7s;
}

.delay1.8s {
   -webkit-animation-delay: 1.8s;
   animation-delay: 1.8s;
}

.delay1.9s {
   -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;
}

@-webkit-keyframes fadeIn {
   0% {
      opacity: 0
   }

   100% {
      opacity: 1
   }
}

@keyframes fadeIn {
   0% {
      opacity: 0
   }

   100% {
      opacity: 1
   }
}

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

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

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

@keyframes fadeInDown {
   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
   }
}

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

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

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

@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;
   }
}

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

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

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

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

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

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

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

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

@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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeInRight {
   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
   }
}

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

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

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

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

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

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

@-webkit-keyframes bounceIn {

   0%,
   100%,
   20%,
   40%,
   60%,
   80% {
      -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
      transition-timing-function: cubic-bezier(0.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 bounceIn {

   0%,
   100%,
   20%,
   40%,
   60%,
   80% {
      -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
      transition-timing-function: cubic-bezier(0.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)
   }
}

.bounceIn {
   -webkit-animation-name: bounceIn;
   animation-name: bounceIn;
   -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-wrapper {
   width: 100%;
   position: relative;
   left: 0;
   top: 0;
   z-index: 9999;
   background-color: #4b4b4b;
   transition: all .2s ease;
}

.index-head-wrapper {
   position: fixed;
   background: none;
}

.topbar {
   position: relative;
   margin: 0 auto;
   z-index: 10002;
   background-color: transparent;
   padding: 13px 0 0;
}

.topbar .head-contact {
   display: inline;
   float: right;
   font-size: 16px;
   line-height: 38px;
}

.topbar .head-contact,
.topbar .head-contact a {
   color: #fff;
}

.topbar .head-contact a:hover {
   opacity: .8;
}

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

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

.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;
}

/* language */
.topbar .change-language {
   display: inline-block;
   *display: inline;
   float: right;
   position: absolute;
   right: 45px;
   top: 83px;
   z-index: 999;
   font-family: 'SourceSansProRegular', Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

.change-language-info .change-language-title,
.change-language-info .change-language-title a,
.change-language-info .change-language-title span,
.change-language-info .language-icon {
   color: #FFF;
}

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

/* search */
.head-search .head-search-form,
{
-webkit-transition: all .4s ease;
transition: all .4s ease;
}

.head-search {
   position: absolute;
   right: 0;
   top: 76px;
   transition: none;
   border-radius: 25px;
   width: 160px;
   height: 46px;
   background-color: #25b0f1;
}

.head-search .head-search-form {
   opacity: 0;
   filter: alpha(opacity=0);
   visibility: hidden;
}

.head-search .search-toggle {
   display: inline-block;
   width: 35px;
   height: 20px;
   background-position: -286px 2px;
   background-color: transparent;
   border: 0;
   float: left;
   position: absolute;
   right: 5px;
   top: 12px;
   border-radius: 0;
   cursor: pointer;
   border-left: 1px solid #fff;
}

.head-search .search-ipt {
   width: 100%;
   height: 42px;
   line-height: 42px;
   border: 0;
   background: none;
   float: left;
   text-indent: 1em;
   color: #fff;
}

.head-search .search-btn {
   display: inline-block;
   width: 35px;
   height: 20px;
   border: 0;
   border-left: 1px solid #fff;
   cursor: pointer;
   background-position: -286px 2px;
   position: absolute;
   right: 6px;
   top: 12px;
   background-color: transparent;
}

.head-search-show {
   z-index: 99999999
}

.head-search-show .head-search-form,
.head-search-show .search-toggle {
   z-index: 99;
}

.head-search-show .head-search-form {
   opacity: 1;
   filter: alpha(opacity=100);
   visibility: visible;
}

.head-search-show .search-btn {
   border-left-color: transparent;
}

.head-search-show .search-toggle {
   background-position: -326px 3px;
   right: -35px;
   border-left: 0;
}

.head-search .search-ipt::-webkit-input-placeholder {
   color: rgba(255, 255, 255, .6);
}

.head-search .search-ipt:-moz-placeholder {
   color: rgba(255, 255, 255, .6);
}

.head-search .search-ipt::-moz-placeholder {
   color: rgba(255, 255, 255, .6);
}

.head-search .search-ipt:-ms-input-placeholder {
   color: rgba(255, 255, 255, .6);
}

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

.logo {
   display: inline;
   float: left;
   margin-right: 0;
   padding: 5px 0 0;
   margin: 0 50px 0 0;
}

.logo img {
   height: 52px;
   width: auto;
}

.nav-wrap .nav {
   display: inline;
   float: left;
   padding: 10px 0px 0 0;
}

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

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

.nav-bar .nav>li {
   float: left;
   position: relative;
   padding: 0 23px;
   line-height: 50px;
}

.nav-bar .nav>li:last-child {
   padding-right: 0;
}

.nav-bar .nav>li,
.nav-bar .nav>li>a {
   display: inline-block;
   font-size: 18px;
   color: #fff;
}

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

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

.nav-bar .nav>li>a {
   position: relative;
}

.nav-bar .nav>li>a:hover {
   color: #fff;
}

.nav-bar .nav>li>a:before {
   content: '';
   display: block;
   width: 0%;
   height: 3px;
   background-color: #fff;
   position: absolute;
   left: 0;
   bottom: 0;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

.nav-bar .nav>li:hover>a:before {
   width: 100%;
}

.nav-bar .nav>li .nav-ico:after {
   content: '\f0d7';
   font-size: 16px;
   font-weight: normal;
   margin: 0;
}

.nav-bar .nav>.li-hover>ul {
   -webkit-animation-name: fadeInDownA;
   animation-name: fadeInDownA;
   -webkit-animation-duration: .3s;
   animation-duration: .3s;
}

.nav-bar .nav>.li-hover>a,
.nav-bar .nav>.li-hover>.nav-ico {
   color: #fff;
}

.nav-bar .nav ul {
   width: 225px;
   background-color: #1c2431;
   background-color: #282e3e\9;
   position: absolute;
   left: 23px;
   top: 50px;
   box-shadow: 0 0 2em rgba(0, 0, 0, .2);
   padding: 10px 0;
   z-index: 999999;
}

.nav-bar .nav ul li {
   position: relative;
   text-transform: none;
}

.nav-bar .nav ul li a {
   display: block;
   height: 35px;
   line-height: 35px;
   overflow: hidden;
   font-size: 14px;
   padding: 0 15px;
   position: relative;
   z-index: 10001;
}

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

.nav-bar .nav ul li .nav-ico:after {
   content: '\f0da';
   color: #999;
}

.nav-bar .nav ul li ul {
   left: 229px;
   top: -10px;
}

.nav-bar .nav ul li.li-hover>a {
   font-weight: bold;
   color: #25b0f1;
}

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

.fixed-nav {
   /* background-color: #37474f; */
   z-index: 10000;
}

.fixed-nav:after {
   content: ''
}

.fixed-nav .nav-bar {
   position: fixed;
   z-index: 99999;
   width: 100%;
   left: 0;
   top: 0;
   background-color: #192857;
}

.fixed-nav .logo {
   padding: 0;
   margin-right: 50px;
}

.fixed-nav .logo img {
   height: 42px;
}

.fixed-nav .nav-wrap .nav {
   padding-right: 0;
}

.fixed-nav .nav-bar {
   padding: 5px 0;
   box-shadow: 0 1px 8px rgba(0, 0, 0, .15);
}

.fixed-nav .nav-bar .nav {
   padding-top: 5px;
}

.fixed-nav .nav-bar .nav>li {
   line-height: 40px;
}

.fixed-nav .nav-bar .nav>li>a {
   font-size: 16px;
}

.fixed-nav .nav-bar .nav ul {
   top: 50px;
}

.fixed-nav .nav-bar .nav ul ul {
   top: 20px;
}

.fixed-nav .topbar {
   height: 0;
   overflow: hidden;
}

.fixed-nav .nav-bar .nav>li>a:before {
   bottom: -10px;
}


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

.foot-wrapper {
   line-height: 1.8;
   background-image: url(../picture/foot-bg.png);
}

.foot-items,
.foot-items a {
   color: #fff;
}

.foot-items {
   margin: 0 -30px;
   line-height: 1.5;
   padding: 65px 0 75px;
}

.foot-items a {
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

.foot-items a:hover {
   text-decoration: underline;
}

.foot-item {
   width: 50%;
   float: left;
   font-size: 16px;
}

.foot-item .foot-tit,
.foot-item .foot-cont {
   margin: 0 30px;
}

.foot-item .foot-tit {
   font-size: 40px;
   line-height: 1.1;
}

.foot-item .foot-cont {
   padding: 2em 0 0;
}

.foot-txt-list li {
   line-height: 1.5em;
   margin-bottom: .5em;
}

.foot-txt-list li,
.foot-txt-list li a {
   color: #999;
}

.foot-txt-list li a:hover {
   color: #f9b61d;
}

.foot-contact-list li {
   line-height: 1.5em;
   margin-bottom: 21px;
}

.foot-contact-list li .item-label {
   width: 110px;
   float: left;
   /* color: #878787; */
}



/* inquiry pannel */
.inquiry-panel {
   background-color: #29b6f6;
   padding: 50px 0;
   text-align: center;
   margin-bottom: 30px;
}

.inquiry-panel .inquiry-hd {
   display: inline-block;
   vertical-align: middle;
}

.inquiry-panel .inquiry-tit,
.inquiry-panel .inquiry-tit a {
   color: #fff;
}

.inquiry-panel .inquiry-tit {
   display: block;
   font-size: 36px;
   padding: 0 1em 0 0;
}

.inquiry-panel .inquiry-tit:before {
   padding-right: .5em;
   content: "\f003";
}

.inquiry-panel .subscribe-form {
   display: inline-block;
   vertical-align: middle;
}

.inquiry-panel .subscribe-form .subscribe-ipt,
.inquiry-panel .subscribe-form .subscribe-btn {
   font-size: 18px;
   padding: 1em 1em;
   margin: 0 6px;
   border: 0;
}

.inquiry-panel .subscribe-form .subscribe-ipt {
   background-color: #fff;
   width: 350px;
}

.inquiry-panel .subscribe-form .subscribe-btn {
   background-color: #000;
   color: #fff;
   text-transform: uppercase;
}

.inquiry-panel .subscribe-form .subscribe-btn:hover {
   background-color: #fff;
   color: #29b6f6;
   cursor: pointer;
}

/* social */
.social-list {
   float: left;
   padding-top: 6px;
}

.social-list li {
   display: inline;
   float: left;
   text-transform: uppercase;
   margin-right: 0;
}

.social-list li img {
   max-height: 17px;
   height: auto;
}

.social-list li a {
   display: inline-block;
   line-height: 20px;
   position: relative;
   border-radius: 3px;
   margin-right: 15px;
   opacity: .2;
   filter: alpha(opacity=20);
}

.social-list li .social-tips {
   display: inline-block;
   padding: 8px;
   line-height: 1.1;
   border-radius: 3px;
   background-color: rgba(255, 255, 255, 0);
   opacity: 0;
   filter: alpha(opacity=0);
   position: absolute;
   left: 50%;
   bottom: 25px;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   text-transform: none;
   font-size: 12px;
   display: none\9;
   white-space: nowrap;
}

.social-list li .social-tips:before {
   content: attr(data-tit);
}

.social-list li .social-tips:after {
   content: '';
   display: block;
   width: 0;
   height: 0;
   overflow: hidden;
   border-style: solid dashed dashed;
   border-color: #000 transparent transparent;
   border-width: 6px 6px 0;
   position: absolute;
   left: 50%;
   margin-left: -6px;
   bottom: -6px;
}

.social-list li a:hover .social-tips {
   opacity: 1;
   filter: alpha(opacity=100);
   background-color: #000;
   -webkit-transform: scale(1) translateX(-50%);
   transform: scale(1) translateX(-50%);
   bottom: 30px;
   color: #fff;
}

.social-list li a:hover {
   opacity: 1;
   filter: alpha(opacity=100);
}

.social-list li a:hover img {
   -webkit-animation: icon-bounce .6s linear;
   animation: icon-bounce .6s linear;
}

.topbar .social-list li .social-tips {
   display: none !important;
}

/* inquiry */
.foot-item-inquiry .foot-tit:before {
   content: '\f1d9';
   padding-right: .6em;
}

.foot-item-inquiry .subscribe p {
   max-width: 300px;
}

.foot-item-inquiry .subscribe-form {
   padding-top: 20px;
}

.foot-item-inquiry .subscribe-form .subscribe-ipt,
.foot-item-inquiry .subscribe-form .subscribe-btn {
   font-size: 16px;
   border-radius: 22px;
   margin-bottom: 10px;
   vertical-align: middle;
}

.foot-item-inquiry .subscribe-form .subscribe-ipt {
   display: block;
   width: 285px;
   padding: 12px 1em;
   background-color: #fff;
   font-size: 14px;
   border: 0;
   text-indent: 1em;
   color: #999;
   float: left;
   margin-right: 10px;
}

.foot-item-inquiry .subscribe-form .subscribe-btn {
   display: inline-block;
   padding: 10px 1em;
   border: 2px solid #25b0f1;
   font-size: 14px;
   background-color: #25b0f1;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   color: #fff;
   letter-spacing: 0;
   float: left;
}

.foot-item-inquiry .subscribe-form .subscribe-btn:hover {
   background-color: transparent;
   border-color: #fff;
}

/* contact */
.foot-item-contact .foot-tit:before {
   content: '\f003';
   padding-right: .6em;
}


/* gotop */
.gotop {
   width: 45px;
   height: 45px;
   line-height: 45px;
   border: 2px solid #25b0f1;
   background-color: #25b0f1;
   color: #fff;
   background-position: center;
   z-index: 10010;
   -webkit-transition: all .6s ease;
   transition: all .6s ease;
   border-radius: 50%;
   background-image: none;
}

.gotop:before {
   content: "\f106";
   font-size: 24px;
   margin: 0;
   width: auto;
   line-height: 45px;
}

.gotop:hover {
   background-color: #088eca;
   border-color: #088eca;
   color: #fff;
}

/* footer */
.footer {
   background-color: #1c243e;
   font-size: 16px;
   /* border-top: 3px solid #2c2c2c; */
   padding: 35px 0;
}

.footer,
.footer a {
   color: #fff;
}
/* .foot-nav{
   display: flex;
   justify-content: center;
} */

.foot-nav li {
   float: left;
   margin: 0 40px 0 0;
}

.foot-nav li a:hover {
   color: #29b6f6;
}





/* =================================================== 
   * homepage 
   * --------------------------------------------------- */
.bar-more {
   text-align: center;
   position: relative;
   z-index: 2;
}

.btn-readmore {
   background-color: #133192;
   color: #fff;
   display: inline-block;
   padding: 14px 1.5em;
   border-radius: 23px;
   letter-spacing: .05em;
}

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

.index-tit-bar {
   padding-bottom: 30px;
}

.index-tit-bar .title {
   display: inline-block;
   font-size: 40px;
   font-weight: normal;
   line-height: 1.1;
   color: #000;
   float: left;
   margin-right: 2em;
}

.index-tit-bar .desc {
   display: inline-block;
   max-width: 460px;
   line-height: 1.4;
   font-size: 16px;
   color: #37474f;
}

.about-tit-bar .about-tit {
   font-size: 50px;
   font-weight: bold;
   line-height: 1.3em;
   color: #000;
}

/* head banner */
.head-bn-wrap {
   width: 100%;
   height: 100vh;
   min-height: 670px;
   position: relative;
   background-size: cover;
   background-image: url(../picture/top_bg.jpg);
   font-size: 16px;
}

.head-bn-wrap .layout {
   padding: 275px 0 80px;
}

.head-bn-wrap .head-bn-img {
   content: '';
   display: block;
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   left: 50%;
   margin-left: -285px;
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: cover;
}

.head-bn-wrap .head-bn-img img {
   display: block;
   width: 100%;
   height: auto;
}

.head-bn-wrap .head-bn-txt {
   width: 285px;
   line-height: 1.5;
   position: relative;
   z-index: 9;
}

.head-bn-wrap .head-bn-txt,
.head-bn-wrap .head-bn-txt a {
   color: #fff;
}

.head-bn-wrap .head-bn-txt h2 {
   font-size: 30px;
   font-weight: bold;
}

.head-bn-wrap .head-bn-txt h2,
.head-bn-wrap .head-bn-txt h4,
.head-bn-wrap .head-bn-txt p {
   margin-bottom: 35px;
}

.head-bn-wrap .head-bn-txt h4 {
   font-size: 18px;
   font-weight: normal;
}


/* slides */
.rev_slider_wrapper {
   width: 100%;
   background-color: #f2f2f2;
}

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

.tp-leftarrow,
.tp-rightarrow {
   background-color: #000 !important;
   border-color: transparent;
   border-radius: 0%;
   border: 0;
   opacity: .15;
   filter: alpha(opacity=15);
   float: left;
   display: inline-block;
   overflow: hidden;
   border-radius: 0;
}

.tp-leftarrow:hover,
.tp-rightarrow:hover {
   background-color: #282f89 !important;
   opacity: 1;
   filter: alpha(opacity=100);
}

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

.tp-leftarrow,
.tp-rightarrow {
   width: 50px;
   height: 50px;
   line-height: 50px;
   opacity: .5;
}

.tp-leftarrow:hover,
.tp-rightarrow:hover {
   background-color: #000 !important;
}

.tp-leftarrow:before,
.tp-rightarrow:before {
   font-size: 30px;
   line-height: 50px;
   margin: 0;
}

.tp-leftarrow {
   -webkit-transform: translateX(-100%);
   transform: translateX(-100%);
}

.tp-rightarrow {
   -webkit-transform: translateX(100%);
   transform: translateX(100%);
}

.rev_slider_wrapper:hover .tp-leftarrow,
.rev_slider_wrapper:hover .tp-rightarrow {
   -webkit-transform: none;
   transform: none;
}

.tp-bullets.simplebullets .bullet {
   width: 9px;
   height: 9px;
   padding: 2px;
   background-color: #fff;
   border: 2px solid #cfcfcf;
}

.tp-bullets.simplebullets .bullet,
.tp-bullets.simplebullets .bullet:before {
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

.tp-bullets.simplebullets .bullet:before {
   content: '';
   display: block;
   width: 9px;
   height: 9px;
   background-color: #29b6f6;
   border-radius: 50%;
   -webkit-transform: scale(.5);
   transform: scale(.5);
   opacity: 0;
   filter: alpha(opacity=0);
}

.tp-bullets.simplebullets .bullet:hover:before,
.tp-bullets.simplebullets .bullet.selected:before {
   -webkit-transform: scale(1);
   transform: scale(1);
   opacity: 1;
   filter: alpha(opacity=100);
}

.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {
   background-color: transparent;
   box-shadow: none;
   border-color: #29b6f6;
   opacity: 1;
}

.tp-bullets.simplebullets {
   box-shadow: 0 -1px 3px rgba(0, 0, 0, .1)
}

.tp-bullets.simplebullets,
.rev_slider_wrapper:hover .tp-bullets.simplebullets {
   opacity: 1;
   filter: alpha(opacity=100);
   background-color: rgba(255, 255, 255, .8);
   background-color: #fff\9;
   bottom: 0 !important;
   padding: 30px 0;
}

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

.tp-bullets.simplebullets div.first {
   margin-left: 45px;
}

.tp-bullets.simplebullets.round .bullet.last {
   margin-right: 45px;
}


/* about us */
.about-us-wrap {
   padding: 105px 0;
   position: relative;
   border-top: 2px solid #e1e1e1;
}

.about-us-wrap .about-tit-bar {
   text-align: left;
}

.about-us-wrap .about-tit-bar .about-tit {
   font-size: 40px;
   font-weight: normal;
   line-height: 1.1;
   margin-bottom: 25px;
}

.about-us-wrap .about-tit-bar .about-tit:after {
   content: '';
   display: block;
   width: 155px;
   height: 2px;
   background-color: #e1e1e1;
   margin-top: 35px;
}

.about-banner {
   width: 522px;
   max-width: 50%;
   float: right;
   margin-left: 120px;
   /* margin-top: -50px; */
}

.about-banner li,
.about-banner li img {
   display: block;
   max-width: 100%;
}

.about-banner li.slide-item,
.about-banner li.slide-item img {
   position: relative;
   width: 100%;
   height: 309px;
}

.about-cont {
   position: relative;
}

.about-detail {
   font-size: 16px;
   line-height: 1.4;
}

.about-detail h3 {
   font-size: 16px;
   font-weight: normal;
   margin-bottom: 45px;
   color: #37474f;
}

.about-detail p {
   padding-bottom: 20px;
   color: #37474f;
}

.about-detail strong {
   font-size: 16px;
}

.about-us-wrap .layout {
   position: relative;
   /* padding: 55px 0 0; */
}

.about-detail .bar-more {
   text-align: left;
   padding-top: 15px;
}

.about-detail .bar-more .btn-readmore {
   /* background-color: transparent;
   border: 0;
   padding: 0;
   text-transform: uppercase;
   color: #363636;
   font-size: 18px;
   display: inline-block;
   position: relative; */
   background-color: #133192;
   color: #fff;
   display: inline-block;
   padding: 14px 1.5em;
   border-radius: 23px;
   letter-spacing: .05em;
}

/* .about-detail .bar-more .btn-readmore:before {
   content: '';
   display: block;
   width: 100%;
   height: 1px;
   background-color: #29b6f6;
   position: absolute;
   left: 0;
   bottom: 2px;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   opacity: 0;
   filter: alpha(opacity=0);
} */

.about-detail .bar-more .btn-readmore:hover {
   color: #fff;
   background-color: #29b6f6;
}

/* .about-detail .bar-more .btn-readmore:hover:before {
   opacity: 1;
   filter: alpha(opacity=100);
} */

.about-banner .flex-direction-nav {
   display: none;
}

.about-banner .flex-control-nav {
   width: 100%;
   position: static;
   padding: 15px 0 0;
   text-align: center;
}

.about-banner .flex-control-paging li {
   display: inline;
   padding: 0 4px;
}

.about-banner .flex-control-paging li a {
   display: inline-block;
   width: 6px;
   height: 6px;
   border-radius: 0;
   background-color: #aaa;
   opacity: 1;
   filter: alpha(opacity=100);
   text-indent: -9999px;
   overflow: hidden;
   border-radius: 50%;
}

.about-banner .flex-control-paging li a.flex-active {
   background-color: #000;
}

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

.product-item .item-wrap .pd-name {
   max-width: 100%;
   margin: 15px auto 0;
   font-size: 14px;
   text-align: left;
   height: 2.4em;
   line-height: 1.2em;
   overflow: hidden;
   font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

.product-item .item-wrap .pd-name a {
   display: block;
   color: #333;
}

.product-item .item-wrap .pd-name a:hover {
   color: #29b6f6;
}

.product-item .item-wrap .pd-img:hover {
   box-shadow: 0 0 1.5em rgba(0, 0, 0, .2);
}

.main-product-wrap {
   padding: 110px 0;
   border-top: 2px solid #e1e1e1;
}

.main-product-wrap .product-item .item-wrap .pd-img a:before {
   -webkit-transition: all .5s ease;
   transition: all .5s ease;
}

.main-product-wrap .product-wrap {
   margin: 0;
   padding: 0;
}

.main-product-wrap .product-item {
   width: 100%;
   padding-bottom: 0;
}

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

.main-product-wrap .product-item .item-wrap .pd-img a:before,
.main-product-wrap .product-item .item-wrap .pd-img a img {
   -moz-transition: .8s all ease;
   -o-transition: .8s all ease;
   -webkit-transition: .8s all ease;
   transition: .8s all ease;
}

.main-product-wrap .product-item .item-wrap .pd-img a:before {
   content: '';
   display: block;
   position: absolute;
   top: 0%;
   left: 0%;
   width: 100%;
   height: 100%;
   background: #000;
   border-radius: 0%;
   opacity: 0;
   filter: alpha(opacity=0);
   z-index: 1;
}

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

.main-product-wrap .product-item .item-wrap .pd-name a {
   width: 80%;
   display: block;
   padding: 25% 10% 0;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 9;
   text-align: center;
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transition: all .6s ease;
   -o-transition: all .6s ease;
   transition: all .6s ease;
   -webkit-transition-delay: 0;
   -o-transition-delay: 0;
   transition-delay: 0;
   font-size: 18px;
}

.main-product-wrap .product-item .item-wrap:hover .pd-img a:before {
   opacity: .5;
   filter: alpha(opacity=50);
}

.main-product-wrap .product-item .item-wrap:hover .pd-img a img {
   -webkit-transform: scale(1.15) rotate(3deg);
   -ms-transform: scale(1.15) rotate(3deg);
   -o-transform: scale(1.15) rotate(3deg);
   transform: scale(1.15) rotate(3deg);
}

.main-product-wrap .product-item .item-wrap:hover .pd-name a {
   padding-top: 20%;
   opacity: 1;
   filter: alpha(opacity=100);
   -webkit-transition-delay: .3s;
   -o-transition-delay: .3s;
   transition-delay: .3s;
}

.main-product-wrap .product-item .item-wrap .pd-name {
   margin: 0;
   height: auto;
   line-height: 1.6em;
}

.main-product-wrap .owl-nav {
   position: absolute;
   right: 0;
   top: -65px;
}

.main-product-wrap .owl-nav .owl-prev,
.main-product-wrap .owl-nav .owl-next {
   display: inline-block;
   width: 25px;
   height: 25px;
   background-position: center;
   background-repeat: no-repeat;
   opacity: .3;
   filter: alpha(opacity=30);
}

.main-product-wrap .owl-nav .owl-prev {
   background-image: url("../image/ico-prev.png");
}

.main-product-wrap .owl-nav .owl-next {
   background-image: url("../image/ico-next.png");
   margin-left: 20px;
}

.main-product-wrap .owl-nav .owl-prev:hover,
.main-product-wrap .owl-nav .owl-next:hover {
   opacity: 1;
   filter: alpha(opacity=100);
}

.main-product-wrap .owl-dots {
   padding-top: 15px;
   position: static;
}

.product-slides {
   width: auto;
   display: none;
}


/* company synopses */
.company-synopses-wrap {
   padding: 105px 0;
}

.company-synopses-wrap .index-tit-bar {
   background-repeat: no-repeat;
   background-position: center 0;
   margin: 0 auto;
}

.company-synopses-wrap .index-tit-bar .title {
   height: 295px;
   background-color: rgba(245, 117, 42, .8);
   font-size: 48px;
   padding: 120px 0 0;
   position: relative;
}

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

.synopsis-item {
   width: 33.33333333%;
   float: left;
   font-size: 16px;
}

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

.synopsis-item .item-wrap {
   margin: 0 18px;
   text-align: left;
}

.synopsis-item .item-wrap .item-img {
   position: relative;
   float: left;
}

.synopsis-item .item-wrap .item-img img {
   max-width: 80px;
}

.synopsis-item .item-wrap .item-info {
   /* padding-left: 65px; */
}

.synopsis-item .item-wrap .item-title {
   font-size: 22px;
   line-height: 1.5em;
   font-weight: 600;
   position: relative;
   text-align: center;
}

.synopsis-item .item-wrap .item-title,
.synopsis-item .item-wrap .item-title a {
   color: #333;
}

.synopsis-item .item-wrap .item-desc {
   margin: 30px 0 0;
   /* padding-right: 1em; */
   height: 5.8em;
   line-height: 1.4em;
   overflow: hidden;
   color: #37474F;
}

.synopsis-item .item-wrap .item-desc p {
   padding-bottom: 1.35em;
}

.synopsis-item .item-wrap .bar-more {
   padding: -0.5em 0 0 65px;
   text-align: left;
}

.synopsis-item .item-wrap .btn-readmore {
   font-size: 14px;
}

.synopsis-item .item-wrap:hover .item-img img,
.synopsis-item:hover .item-img img {
   -webkit-animation: none;
   animation: none;
}


/* partner */
.partner-wrap {
   background-color: #f7f7f7;
}

.partner-wrap .layout {
   padding: 70px 0;
   border-top: 1px solid #ddd;
   position: relative;
}

.partner-wrap .layout:before {
   content: '';
   display: block;
   width: 100%;
   height: 1px;
   background-color: #fff;
   position: absolute;
   left: 0;
   top: 0;
}

.partner-wrap .partner-list {
   width: auto;
   padding: 0 110px;
}

.partner-wrap .partner-list .partner-item img {
   display: block;
   width: 100%;
   height: auto;
   -webkit-transform: scale(.85);
   transform: scale(.85);
   -webkit-transition: all .4s ease;
   transition: all .4s ease;
   opacity: .4;
   filter: alpha(opacity=40);
}

.partner-wrap .partner-list .partner-item:hover img {
   -webkit-transform: none;
   transform: none;
   opacity: 1;
   filter: alpha(opacity=100);
}

.partner-wrap .owl-loaded .partner-item {
   float: none;
   margin: 0 auto;
}

.partner-wrap .owl-prev,
.partner-wrap .owl-next {
   display: inline-block;
   width: 25px;
   line-height: 25px;
   text-align: center;
   font-size: 24px;
   font-weight: bold;
   color: #666;
   margin: 0 5px;
   position: absolute;
   top: 50%;
   margin-top: -12px;
   opacity: 0;
   border-radius: 2px;
}

.partner-wrap .owl-prev:before,
.partner-wrap .owl-next:before {
   margin: 0;
}

.partner-wrap .owl-prev:hover,
.partner-wrap .owl-next:hover,
.partner-slides:hover .owl-prev,
.partner-slides:hover .owl-next {
   opacity: 1;
   background-color: #000;
   color: #fff;
}

.partner-wrap .owl-prev {
   left: 10px;
}

.partner-wrap .owl-prev:before {
   content: "\f104";
}

.partner-wrap .owl-next {
   right: 10px;
}

.partner-wrap .owl-next:before {
   content: "\f105";
}

.partner-list:hover .owl-prev,
.partner-list:hover .owl-next {
   opacity: 1;
}

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

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

.partner-item {
   width: 170px;
   float: left;
}

.owl-loaded .partner-item {
   display: block;
   width: 100%;
   float: none;
}


/*----------------------------------page---------------------------------*/
.page-layout>.layout {
   position: relative;
}

.page-layout>.layout:before {
   content: '';
   display: block;
   width: 1px;
   background-color: #ebebeb;
   position: absolute;
   left: 242px;
   top: -45px;
   bottom: 0;
}

.path-bar {
   position: relative;
   width: 100%;
   line-height: 18px;
   margin: 0 auto 45px;
   text-align: left;
   background-color: #3f3f3f;
   padding: 15px 0;
}

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

.path-bar li:after {
   content: ">";
   padding: 0 15px;
}

.path-bar .path-nav {
   position: relative;
   z-index: 9;
   padding: 0 15px;
}

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

.path-bar li a {
   display: inline-block;
   ;
   position: relative;
}

.path-bar li:hover a,
.path-bar li.current a {
   font-weight: bold;
}

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

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

.path-bar li:last-child a,
.path-bar li:last-child {
   color: #fff;
}


/* =================================================== 
   * aside 
   * --------------------------------------------------- */
.aside {
   float: left;
   width: 230px;
   padding: 0 0 30px;
}

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

.side-tit-bar .side-tit {
   position: relative;
   font-size: 20px;
   line-height: 38px;
   font-weight: normal;
   ;
   color: #000;
   font-weight: normal;
}

.side-widget {
   position: relative;
   margin: 0 0 40px;
}

.side-widget .side-hide {
   padding: 5px 0 40px;
}

.side-widget:after {
   content: '';
   display: block;
   height: 1px;
   background-color: #ebebeb;
   position: absolute;
   left: 0;
   bottom: 0;
   right: -12px;
}

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

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

.side-cate ul li a {
   position: relative;
   display: block;
   padding: 0 13px;
}

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

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

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

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

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

.side-cate-menu li.active .side-ico: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: 85px;
}

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

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

.products-scroll-list li .pd-name {
   width: 100%;
   max-height: 3.9em;
   line-height: 1.3em;
   overflow: hidden;
}

.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;
}

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

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

.products-scroll-btn-prev:hover,
.products-scroll-btn-next:hover {
   opacity: .6;
}

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

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


/* =================================================== 
   * main 
   * --------------------------------------------------- */
.main {
   position: relative;
   width: 935px;
   display: block;
   float: right;
   padding-bottom: 50px;
}

.main-tit-bar {
   overflow: hidden;
   padding: 0 0 8px;
}

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

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

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

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

.main-banner .goods-summary {
   margin: 10px 0 0;
}

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

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

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

.product-list ul {
   position: relative;
}

.product-list .product-item {
   width: 33.33333333%;
}

.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 {
   font-size: 16px;
}

.product-list .product-item .item-wrap .pd-img a:hover {}

.product-item .item-wrap .pd-img:hover {
   box-shadow: none;
}

.product-list .product-item .item-wrap:hover {}

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

.product-list .product-item .item-wrap .pd-name {
   max-width: inherit;
}


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

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

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

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

.pages span {
   margin: 0 10px;
}

.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: #29b6f6;
   border-color: #29b6f6;
   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(../image/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:hover {
   background-color: #f6f6f6;
}

.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(../image/icons10.png) no-repeat center center;
}

.faq-list ul li .faq-title b.faq-up {
   background: url(../image/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 {
   background: #fff;
   margin: 0 auto 15px;
}

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

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

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

.blog-list .blog-item .blog-meta {
   display: block;
   color: #aaa;
   padding-top: 10px;
}

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

.blog-list .blog-item .blog-summary {
   padding: 1em 0;
   color: #546e7a;
   font-size: 16px;
   line-height: 1.5;
}

.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 {
   background-color: #363636;
   color: #fff;
   display: inline-block;
   padding: 8px 1.5em;
   border-radius: 23px;
   letter-spacing: .05em;
}

.blog-list .blog-item .readmore i {
   display: none;
}

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

.blog-list .blog-item:before,
.blog-list>ul:before {
   content: "";
   height: 1px;
   font-size: 1px;
   overflow: hidden;
   border-top: 2px solid #ebebeb;
   position: absolute;
   left: -23px;
   right: 0;
   bottom: -1px;
}

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

.blog-list>ul {
   position: relative;
}

.blog-list>ul:before {
   bottom: auto;
   top: -1px;
   z-index: 9;
}

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

.certificate-list .product-item {
   width: 33.33333333%;
}

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

.certificate-list .product-item .item-wrap {
   margin: 0 20px;
   border: 1px solid #ddd;
   padding: 10px;
   overflow: hidden;
   outline: 4px solid transparent;
}

.certificate-list .product-item .item-wrap:hover {
   outline-color: #f2f2f2;
}

.certificate-list .product-item .item-wrap .pd-info {
   width: 100%;
   position: absolute;
   left: 0;
   bottom: 0;
   -webkit-transform: translateY(100%);
   transform: translateY(100%);
   transition: all .3s ease;
   opacity: 0;
   filter: alpha(opacity=0);
}

.certificate-list .product-item .item-wrap .pd-name {
   width: auto;
   margin: 0;
   max-width: inherit;
   background-color: rgba(0, 0, 0, .8);
   background-color: #000\9;
   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 {
   -webkit-transform: none;
   transform: none;
   opacity: 1;
   filter: alpha(opacity=100);
}

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

.video-list .product-item {
   width: 33.33333333%;
}

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

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

.video-list .product-item .item-wrap .pd-name {
   max-width: 100%;
   font-size: 16px;
}

.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(../image/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 
   ------------------------ */
.product-intro {
   position: relative;
   display: block;
}

.product-title {
   font-size: 24px;
   margin: 0 0 20px 0;
   font-weight: bold;
   line-height: 1.5em;
   color: #1a1926;
}

.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: 440px;
   float: left;
}

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

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

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

.product-view .image-additional {
   position: relative;
   margin: 20px 35px;
}

.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%;
}

.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: 0;
}

.product-view .image-additional li a:before {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 3;
   border: 1px solid #eee;
}

.product-view .image-additional li.current a:before {
   border: 2px solid #29b6f6;
}

.product-view .image-additional img.popup {
   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";
}

/* product summary */
.product-summary {
   position: relative;
   width: 475px;
   float: right;
}

.product-summary .product-meta {
   line-height: 25px;
}

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

.product-btn-wrap {
   position: relative;
   margin: 30px 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: #a3aec0;
   border: 1px solid #a3aec0;
   color: #FFF;
   margin: 0 20px 0 0;
   text-transform: uppercase;
   font-size: 14px;
}

.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: #696c95;
   border-color: #696c95;
   color: #fff;
}

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

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

.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 8px;
}

.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 #d5d5d5;
   padding-bottom: 1px;
}

.detail-tabs .title {
   position: relative;
   display: inline-block;
   vertical-align: top;
   *display: inline;
   *zoom: 1;
   font-size: 16px;
   padding: 2px 20px;
   line-height: 30px;
   cursor: pointer;
   overflow: hidden;
   color: #666;
   background-color: #eee;
   margin: 0 2px 0 0;
}

.detail-tabs .title.current {
   background-color: #29b6f6;
   font-weight: bold;
}

.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: 40px 0 0;
   padding-bottom: 50px;
   position: relative;
}

.goods-may-like:before {
   content: '';
   display: block;
   height: 1px;
   background-color: #ebebeb;
   position: absolute;
   left: -23px;
   top: -1px;
   right: 0;
}

.goods-tbar {
   position: relative;
}

.goods-tbar .title {
   position: relative;
   font-size: 18px;
   line-height: 38px;
   font-weight: normal;
   padding: 30px 0 0;
}

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

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

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

.goods-items .product-item {
   width: auto;
}

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

.goods-items .owl-prev:before,
.goods-items .owl-next:before {
   width: auto;
}

.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: 24px;
   color: #999;
   text-align: right;
   margin-left: .5em;
}

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

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

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

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

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

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


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

.entry {
   color: #666;
}

.entry a {
   color: #0030FF;
}

.entry p {
   margin: 0;
   padding: 8px 0;
   font-size: 13px;
   line-height: 1.8;
}

.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: 12px;
   color: #666;
   background: #fbfbfb;
   padding: 0 15px;
}

.entry th {
   font-size: 12px;
   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: 12px;
   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;
}


/* 关于我们 */
.about-content{
	width: 100%;
	height: 330px;
	background-image: url(../image/bg-footer.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	display: flex;
	align-items: center;
	justify-content: center;
}

.about-content h4{
	font-size: 50px;
	color: #fff;
	text-transform: uppercase;
}

.about-area{
	width: 1200px;
   margin: 100px auto 7px;
	display: flex;
	align-items: start;
}
.about-left{
	width: 45%;
	margin-right: 5%;
}
.about-left img{
	width: 100%;
   height: 440px;
}
.about-right{
	width: 50%;
}
.about-right h4{
	color: #000;
	font-size: 34px;
	margin-bottom: 15px;
	font-weight: bold;
}
.about-right p{
	color: #000;
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 15px;
}




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

   .layout,
   .nav-bar .nav-wrap,
   .path-bar .path-nav {
      width: 940px;
   }

   body,
   .container {
      min-width: 940px;
   }

   .page-layout>.layout:before {
      display: none;
   }

   /* ===================================================
 * header
 * --------------------------------------------------- */

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

   .topbar .head-contact {
      float: left;
   }

   .topbar .language {
      top: 4px;
   }

   .head-search {
      top: 0;
   }

   .social-list {
      position: absolute;
      right: 180px;
      top: 5px;
   }

   .nav-wrap .nav {
      display: block;
      float: none;
   }

   .nav-bar {
      padding: 20px 0;
      text-align: center;
   }

   .nav-wrap .nav {
      padding-right: 0;
   }

   .nav-bar .nav>li {
      float: none;
   }

   .nav-bar .nav>li ul {
      text-align: left;
   }

   .logo {
      display: block;
      float: none;
      text-align: center;
   }

   .fixed-nav .logo {
      display: none;
   }




   /* ===================================================
 * footer
 * --------------------------------------------------- */
   .social-list li.tit {
      display: none;
   }

   .social-list li img {
      max-height: 16px;
   }


   /* ===================================================
 * homepage
 * --------------------------------------------------- */
   .partner-wrap .partner-list {
      padding: 0 60px;
   }

   .head-bn-wrap {
      height: auto;
   }

   .head-bn-wrap:before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background-color: #000;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      opacity: .6;
      filter: alpha(opacity=60);
   }

   .head-bn-wrap .head-bn-img {
      left: 0;
      margin-left: 0;
   }

   .head-bn-wrap .head-bn-txt {
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      text-align: center;
   }
   .head-bn-wrap .head-bn-txt p {
       width: 100%;
       max-width: 600px;
       margin: 0 auto;
       text-align: left;
   }

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

   .synopsis-item .item-wrap {
      margin: 0 10px;
   }

   .synopsis-item .item-wrap .item-info {
      /* padding-left: 70px; */
   }

   .synopsis-item .item-wrap .item-title {
      font-size: 20px;
   }

   .synopsis-item .item-wrap .item-title:before {
      width: 45px;
      left: -70px;
   }

   .synopsis-item .item-wrap .item-desc {
      height: 11.2em;
   }

   .synopsis-item .item-wrap .bar-more {
      padding-left: 70px;
   }

   .about-us-wrap .layout {
      padding-top: 15px;
   }

   .about-banner {
      margin-top: -10px;
   }


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


   /* ===================================================
 * main
 * --------------------------------------------------- */
   .main {
      width: 720px;
   }


   /* ===================================================
 * product detail
 * --------------------------------------------------- */
   .product-view {
      width: 320px;
   }

   .product-summary {
      width: 370px;
   }

}







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

   .layout,
   .nav-bar .nav-wrap,
   .path-bar .path-nav {
      width: 750px;
   }

   body,
   .container {
      min-width: 750px;
   }


   /* ===================================================
 * header
 * --------------------------------------------------- */
   .nav-bar .nav>li {
      padding: 0 15px;
   }

   .nav-bar .nav>li>a {
      font-size: 16px;
   }

   .nav-bar .nav ul {
      left: 15px;
   }


   /* ===================================================
 * for:footer
 * --------------------------------------------------- */
   .social-list {
      padding-top: 2em;
   }

   .social-list li.tit {
      display: none;
   }

   .social-list li img {
      max-height: 16px;
   }

   .foot-item-inquiry {
      width: 100%;
   }

   .foot-item-contact {
      width: 100%;
      padding-top: 50px;
   }

   /* ===================================================
 * homepage
 * --------------------------------------------------- */
   .partner-wrap .partner-list {
      padding: 0 60px;
   }

   .synopsis-item .item-wrap .item-info,
   .synopsis-item .item-wrap .bar-more {
      padding-left: 0;
   }

   .synopsis-item .item-wrap .item-title:before {
      display: none;
   }

   .about-banner {
      max-width: 70%;
      float: none;
      margin: 0 0 35px;
   }

   .index-tit-bar .title {
      float: none;
      margin-right: 0;
   }

   .index-tit-bar .desc {
      display: block;
   }


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

   .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 {
      width: 540px;
   }


   /* ===================================================
 * product detail
 * --------------------------------------------------- */
   .product-view {
      width: 250px;
   }

   .product-title {
      border-bottom: 0;
   }

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

   .product-summary {
      width: 270px;
   }

   .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;
   }
}






/*! 
 * mobile start 
 */


@media screen and (max-width:768px) {
   .synopsis-item .item-wrap .bar-more {
      padding: .5em 0 0 65px;
      text-align: left;
   }
   .synopsis-item .item-wrap .item-img {
      position: relative;
      float: none;
   }
   .owl-carousel {
      padding: 0 0 30px;
   }

   .owl-dots .owl-dot {
      border-radius: 50%;
      border-color: #000;
      background-color: #000;
      opacity: .35;
   }

   .owl-dots .active {
      opacity: 1;
   }

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

   .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;
   }

   .layout,
   .header,
   .nav-bar .nav-wrap,
   .banner-list,
   .bottom-service,
   .social-layout,
   .foot-wrapper .foot-img {
      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%;
      background: rgba(0, 0, 0, 0.6);
      position: absolute;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 9999;
   }

   .mobile-ico-close {
      width: 30px;
      height: 30px;
      background: #fff url(../image/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;
   }

   img {
      max-width: 100%;
      height: 100% !important;
   }

   a:visited {
      color: #333;
   }

   /* 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,
   .rev_slider_wrapper,
   .tp-bullets.simplebullets .bullet {
      -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);
   }


   /* font family */
   // .index-tit-bar .title,.foot-item .foot-tit,.blog-list .blog-item .blog-tit{font-family:'SourceSansProLight';}



   /* ===================================================
 * header
 * --------------------------------------------------- */
   .head-wrapper {
      z-index: 999999;
      position: relative;
   }

   .mobile-head-items {
      position: fixed;
      top: 0;
      left: 0;
      background: #161622;
      width: 100%;
      height: 30px;
      line-height: 30px;
      text-align: left;
      z-index: 99999;
   }

   .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;
      padding-bottom: env(safe-area-inset-bottom, 10px); /* 防底部遮住 */
   }

   .mobile-head-item .main-content-wrap .content-wrap {
      overflow-y: scroll;
      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: 45%;
      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;
      background-color: #192857;
      box-shadow: 0 0 .4em rgba(0, 0, 0, .15);
   }

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

   .logo img {
      height: auto;
      max-height: inherit;
      width: auto;
      max-width: 50%;
      margin: 0;
   }

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

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

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

   .head-search .search-ipt {
      width: 100%;
      height: 35px;
      line-height: 35px;
      padding: 0 15px;
      border: 0;
      text-indent: 0;
      background: none;
   }

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

   .head-search .search-ipt::-webkit-input-placeholder {
      color: rgba(255, 255, 255, .6);
   }

   .head-search .search-ipt:-moz-placeholder {
      color: rgba(255, 255, 255, .6);
   }

   .head-search .search-ipt::-moz-placeholder {
      color: rgba(255, 255, 255, .6);
   }

   .head-search .search-ipt:-ms-input-placeholder {
      color: rgba(255, 255, 255, .6);
   }

   .head-search .search-btn {
      top: 7px;
      border-left: 0;
   }

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

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

   .head-search .search-ipt {
      background-color: #25b0f1;
   }

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

   .head-search .search-btn {
      background-color: transparent;
   }

   .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 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: .5em 1em 0 0;
      font-size: 16px;
   }

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

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

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

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

   .nav li ul img {
      display: none;
   }

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

   .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
 * --------------------------------------------------- */
   .foot-item {
      font-size: 14px;
   }

   .foot-item .foot-tit,
   .foot-item .foot-cont {
      margin: 0 15px;
   }



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

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

   .foot-contact-list {
      padding-top: 10px;
   }

   .foot-contact-list li {
      margin-bottom: 10px;
   }

   .foot-contact-list li .item-label {
      width: auto;
      padding-right: 1em;
      float: none;
   }

   // .foot-contact-list li.foot-addr .item-txt{display: block;}
   .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: #25b0f1;
   }

   .foot-wrapper {
      max-width: inherit;
      margin: 0;
      padding: 0 10px;
      font-size: 14px;
      text-align: left;
   }

   /* .foot-wrapper .layout {
      padding: 25px 0;
   } */

   .inquiry-panel {
      margin: 0 -15px;
      padding: 0 30px;
   }

   .inquiry-panel .inquiry-hd {
      display: block;
      float: none;
   }

   .inquiry-panel .inquiry-tit {
      font-size: 24px;
      padding: 0 0 10px;
   }

   .inquiry-panel .subscribe-form {
      display: block;
   }

   .inquiry-panel .subscribe-form .subscribe-ipt,
   .inquiry-panel .subscribe-form .subscribe-btn {
      display: block;
      width: 100%;
      float: none;
      font-size: 14px;
      padding: 11px 1em;
      margin: 0;
   }

   .inquiry-panel .subscribe-form .subscribe-btn {
      margin-top: 10px;
   }

   .foot-items {
      padding: 0;
      margin: 0;
   }

   .foot-item {
      width: 100%;
      float: none;
      padding: 15px 0;
   }

   .foot-item .foot-tit {
      font-size: 20px;
      font-weight: bold;
   }

   .foot-item .foot-cont {
      padding-top: 10px;
      opacity: .85;
   }

   .foot-item-inquiry .subscribe {
      padding-top: 10px;
   }

   .foot-item-inquiry .subscribe-form .subscribe-ipt {
      width: 100%;
      float: none;
      border-radius: 3px;
   }

   .foot-item-inquiry .subscribe-form .subscribe-btn {
      display: block;
      width: 100%;
      float: none;
      margin-top: 10px;
      border-radius: 3px;
   }

   .foot-txt-list li {
      font-size: 16px;
   }

   .social-list li {
      display: inline-block;
      float: none;
   }

   .social-list li a {
      padding-bottom: 0;
   }

   .social-list li a:after {
      display: none;
   }

   .social-list li.tit {
      display: block;
      clear: both;
      font-size: 20px;
      font-weight: bold;
      padding-bottom: 10px;
      font-family: 'SourceSansProLight';
   }

   .footer {
      padding: 15px;
      margin: 0 -15px;
      position: relative;
   }

   .foot-wrapper .footer .layout {
      font-size: 14px;
   }

   .foot-nav {
      display: flex;
      justify-content: center;
  }

   .foot-nav li {
      margin: 0 10px 0 0;
      font-family: 'SourceSansProRegular';
      display: inline;
   }

   .foot-nav li a {
      color: rgba(255, 255, 255, .8);
   }




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

   .company-synopses-wrap {
      padding: 40px 0;
   }

   .index-tit-bar {
      padding-bottom: 25px;
      text-align: center;
   }

   .index-tit-bar .title {
      font-size: 28px;
      line-height: 1.8em;
      font-weight: normal;
      padding-left: 0;
      float: none;
      margin-right: 0;
   }

   .index-tit-bar .desc {
      font-size: 14px;
      display: block;
      max-width: inherit;
      padding-top: 10px;
   }

   // .btn-readmore{border-width:1px;font-size:14px;font-weight:normal;padding:.5em 1.5em;min-width:60%;text-align:center;border-radius:0;border-width:2px;}
   .btn-readmore:after {
      display: none !important;
   }

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

   /* head banner */
   .head-bn-wrap {
      min-height: inherit;
   }

   .head-bn-wrap .layout {
      padding: 80px 10%;
   }

   .head-bn-wrap .head-bn-txt {
      font-size: 14px;
   }

   .head-bn-wrap .head-bn-txt h2 {
      font-size: 20px;
   }

   .head-bn-wrap .head-bn-txt h2,
   .head-bn-wrap .head-bn-txt h4,
   .head-bn-wrap .head-bn-txt p {
      margin-bottom: 20px;
   }

   /* slides */
   .rev_slider_wrapper {
      margin: 0 auto;
      border-bottom-width: 1px;
   }

   .tp-leftarrow,
   .tp-rightarrow {
      z-index: 1000;
   }

   .tp-bullets {
      margin-bottom: 15px;
   }

   .tp-bullets.simplebullets {
      opacity: 1;
   }

   .tp-bullets.simplebullets .bullet {
      width: 8px;
      height: 8px;
   }

   .tp-leftarrow,
   .tp-rightarrow {
      display: none !important;
   }

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

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

   .tp-bullets.simplebullets,
   .rev_slider_wrapper:hover .tp-bullets.simplebullets {
      background: none;
      padding: 0;
      box-shadow: none;
   }

   .tp-bullets.simplebullets .bullet {
      width: 4px;
      height: 4px;
   }

   .tp-bullets.simplebullets .bullet:before {
      display: none;
   }

   /* company synopses */
   .company-synopses-wrap {
      padding: 10px 0;
   }

   .company-synopses-wrap .index-tit-bar {
      margin: 0 -15px;
      background-size: cover;
      padding-bottom: 0;
   }

   .company-synopses-wrap .index-tit-bar .title {
      height: auto;
      padding: 30px 15px 90px;
      font-size: 24px;
   }

   .company-synopses {
      margin-top: 0;
      padding-top: 0;
   }

   .synopsis-item {
      width: 100%;
      padding: 40px 10px;
      border-bottom: 1px solid #ebebeb;
   }

   .synopsis-item:last-child {
      border-bottom: 0;
   }

   .synopsis-item .item-wrap {
      margin: 0;
      width: 100%;
      max-width: 400px;
      margin: 0 auto;
      padding-bottom: 0;
      text-align: center;
   }

   .synopsis-item .item-wrap:hover {
      box-shadow: none;
      background-color: transparent;
   }

   .synopsis-item .item-wrap .item-title:before {
      display: none;
   }

   .synopsis-item .item-wrap .item-img a {
      text-align: center;
   }

   .synopsis-item .item-wrap .item-img a:after,
   .synopsis-item .item-wrap .item-img a:before {
      display: none !important;
   }

   .synopsis-item .item-wrap .item-info,
   .synopsis-item .item-wrap .bar-more {
      padding-left: 0;
   }

   .synopsis-item .item-wrap .bar-more {
      text-align: center;
      padding-bottom: 5px;
   }

   .synopsis-item:hover .item-wrap .item-img img {
      -webkit-animation-name: none;
      animation-name: none;
   }

   .synopsis-item .item-info .item-title {
      font-size: 18px;
      margin-top: 10px;
   }

   .synopsis-item .item-wrap .btn-readmore,
   .synopsis-item .item-wrap .btn-readmore a {
      color: #fff;
   }

   .synopsis-item .item-wrap .item-desc {
      height: auto;
      font-size: 14px;
      line-height: 1.4em;
      margin-top: .5em
   }

   .company-synopses-wrap+.main-product-wrap {
      margin: 0 -20px;
      padding-left: 20px;
      padding-right: 20px;
   }

   /* product */
   .main-product-wrap {
      padding: 30px 15px;
      margin: 0 -15px;
   }

   .main-product-wrap .product-wrap {
      padding: 0;
   }

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

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

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

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

   .product-item .item-wrap .pd-name {
      height: 2.8em;
      line-height: 1.4em;
      margin-top: 8px;
      max-width: inherit;
   }

   .main-product-wrap .product-item {
      width: 100%;
      max-width: 400px;
      margin: 0 auto;
      padding-bottom: 1.5em;
      float: none;
   }

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

   .main-product-wrap .product-item .pd-info {
      margin: 0 5px;
   }

   .main-product-wrap .product-item .item-wrap .pd-name {
      margin-top: 10px;
      font-weight: normal;
      font-size: 14px;
   }

   .main-product-wrap .product-item .item-wrap .pd-name a,
   .main-product-wrap .product-item .item-wrap .pd-name a:hover {
      color: #333;
   }

   .main-product-wrap .product-item .item-wrap .pd-name a {
      display: block;
      height: auto;
      max-height: 2.6em;
      line-height: 1.3em;
      overflow: hidden;
      width: 100%;
      position: static;
      opacity: 1;
      padding: 0;
      font-size: 14px;
   }

   .main-product-wrap .product-item .item-wrap:hover .pd-name a {
      padding-top: 0;
   }

   .main-product-wrap .product-item .pd-info .pd-desc {
      font-size: 14px;
      max-height: 4.2em;
      overflow: hidden;
      line-height: 1.4em;
      padding-top: 0;
      margin-top: 10px;
   }

   .main-product-wrap .product-item .item-wrap .pd-img {
      border: 1px solid #ddd;
   }

   .main-product-wrap .product-item .item-wrap .pd-img a:before {
      display: none;
   }

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

   .main-product-wrap .owl-dots {
      padding-top: 5px;
   }

   .main-product-wrap .owl-carousel .owl-controls {
      height: auto;
   }

   /* about us */
   .about-us-wrap {
      padding: 0;
      margin: 0 -15px;
      text-align: center;
   }

   .about-us-wrap .layout {
      background-size: 100% auto;
   }

   .about-us-wrap .about-tit-bar {
      padding-bottom: 20px;
   }

   .about-banner,
   .about-detail {
      width: 100%;
      float: none;
      padding: 0;
   }

   .about-banner {
      ;
      margin: 0 auto .8em;
      top: auto;
   }

   .about-us-wrap .layout {
      padding: 50px 15px;
   }

   .about-us {
      padding: 0;
   }

   .about-banner {
      position: static;
      width: 100%;
      max-width: 100%;
   }

   .about-us .about-detail p {
      padding-bottom: 1em;
   }

   .about-us-wrap .about-tit-bar .about-tit {
      text-align: center;
      font-size: 28px;
      margin: 0;
      padding: 15px 0 0;
   }

   .about-us-wrap .about-tit-bar .about-tit strong {
      font-size: 30px;
   }

   .about-us-wrap .about-tit-bar .about-tit:after {
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px;
   }

   .about-us-wrap .about-tit-bar:after {
      height: 1px;
   }

   .about-us .about-detail .bar-more {
      text-align: center;
   }

   .about-us .about-detail .bar-more .btn-readmore {
      font-size: 16px;
   }

   /* partner */
   .partner-wrap {
      padding-left: 15px;
      padding-right: 15px;
      margin: 0 -15px;
   }

   .partner-wrap .layout {
      padding: 40px 0;
   }

   .partner-wrap .partner-list {
      padding: 0;
   }

   .partner-wrap .owl-dots {
      position: static;
      padding-top: 10px;
   }

   .partner-wrap .owl-carousel .owl-controls {
      height: auto;
   }



   /* ===================================================
 * 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;
      line-height: 30px;
   }

   .side-widget {
      margin: 0 0 30px;
   }

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

   .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;
   }

   /* main */
   .main {
      width: 100%;
      float: none;
      margin: 0 auto;
   }

   .main-tit-bar {
      margin: 30px 0 10px;
      border-bottom: 1px solid #d5d5d5;
   }

   .main-tit-bar .title {
      font-size: 20px;
   }

   .main-tit-bar .share-this {
      padding: 0;
   }

   .main-tit-bar .share-this {
      max-width: 50%;
   }

   .goods-summary {
      font-size: 12px;
      line-height: 1.5em;
   }

   .product-list {
      margin-top: 1.5em;
   }

   .product-list ul,
   .certificate-list ul,
   .video-list ul {
      position: relative;
      width: 100%;
   }

   .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;
   }

   .product-list .product-item .item-wrap .pd-img a:after {
      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;
   }


   /* ===================================================
 * for:product detail
 * --------------------------------------------------- */
   /* product intro */
   .product-title {
      font-size: 18px;
      margin: 30px 0 15px 0;
      line-height: 1.2em;
      font-weight: normal;
      border-bottom: 0;
   }

   .product-view {
      width: 100%;
      float: none;
   }

   .product-view .product-image {
      display: none
   }

   .product-view .image-additional {
      margin: 0 -15px;
   }

   .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;
   }

   .product-view .image-additional li.current a {
      border: 0;
   }

   .product-view .image-additional li.current a:before {
      display: none;
   }

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

   /* product summary */
   .product-summary {
      position: relative;
      width: 100%;
      float: none;
   }

   .product-summary .share-this {
      float: none;
      margin: 18px 0;
   }

   /* 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 {}

   .tab-panel-content.entry .fancybox {
      display: block;
      float: none !important;
   }

   /* 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: 1em 0 0;
   }

   .blog-list .blog-item .blog-tit,
   .blog-list .blog-item .blog-tit a {
      color: #333;
   }

   .blog-list .blog-item .blog-meta {
      padding: .6em 0 0;
      font-size: 12px;
   }

   .blog-list .blog-item .blog-summary {
      padding: 0;
      margin: .6em 0;
      max-height: 6em;
      font-size: 14px;
      line-height: 1.5em;
      overflow: hidden;
   }

   .blog-list .blog-item .readmore {
      display: none;
   }

   .main .blog-article {
      padding: 5px 10px;
   }


   /* ===================================================
 * for:certificate list
 * --------------------------------------------------- */
   .certificate-list {
      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;
   }

   .certificate-list .product-item .item-wrap .pd-name {
      max-width: 100%;
      margin-top: 10px;
      font-size: 11px;
   }

   .certificate-list .product-item .item-wrap .pd-name a {
      height: 2.4em;
      line-height: 1.2em;
   }

   .certificate-list .product-item .pd-img a:before,
   .video-list .product-item .pd-img a:after {
      display: none;
   }

   .certificate-list .product-item .item-wrap .pd-name {
      padding: .5em 1.5em;
      height: auto;
      background-color: rgba(0, 0, 0, .6);
   }

   .certificate-list .product-item .item-wrap .pd-info {
      -webkit-transform: none !important;
      transform: none !important;
      opacity: 1;
   }

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

   /* ===================================================
 * 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;
   }

   .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 .faq-cont {
      font-size: 14px;
      padding-bottom: 15px;
   }

   .faq-list ul li .faq-title {
      padding-bottom: 30px;
   }


@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;
   }

   .download-list ul li .download-cont {
      display: block;
      float: none;
      margin: 0 0 20px;
   }

   .download-list ul li .download-button {
      float: none;
   }
}

.bottomsidebar .bottomcontent {
   background: #f7c617 !important;
}


.fixed-nav .nav-bar .nav {
   padding-top: 15px;
}
.logo {
   display: flex;
   align-items: center;
   float: left;
   margin-right: 0;
   padding: 5px 0 0;
   height: 69px;
   width: auto;
   margin: 0 101px 0 0;
}
.fixed-nav .logo {
   padding: 0;
   margin-right: 140px;
}
/* 移动端样式 */
@media (min-width: 768px) and (max-width: 1024px) {
   .logo {
       display: block;
       float: none;
       margin-right: 0;
       height: auto;
       margin: 0;
   }
   .logo img {
       height: auto;
       max-height: inherit;
       width: auto;
       max-width: 30%;
       margin: 0;
   }
}
@media (max-width: 767px) {
   .logo {
       display: flex !important;
       align-items: center !important;
       justify-content: center;
       float: none !important;
       margin: 0 auto !important;
       height: auto !important;
   }
   .logo img {
       width: 100% !important;
       max-width: 220px !important;
       height: auto !important;
       max-height: 50px !important;
       object-fit: contain !important;
   }
}
@media (max-width: 380px) {
   .logo img {
      width: 100% !important;
      max-width: 150px !important;
      height: auto !important;
      max-height: 50px !important;
      object-fit: contain !important;
  }
}
/* 默认隐藏电脑端原始搜索框，只在手机点击后显示 */
.head-search {
   display: none !important;
}
/* 手机端展开搜索时强制显示 */
.mobile-head-search .middle-show-content-wrap .head-search {
   display: block !important;
}



    @media (max-width: 768px) {
    .btn-li {
        width: 90%;
        display: flex;
        justify-content: center;
        margin: auto;
        margin-bottom: 20px;
    }
    .btn-li ul{
        list-style: none;
        padding: 0;
        display: flex;
        justify-content: center;
        gap: 10px;
    }
    
    .btn-li ul li {
    display: inline-block;
    margin-left: 0px;
    }

    .btn-li ul li a {
    display: inline-block;
    /* width: 36px; */
    height: 34px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 15px;
    color: #666;
    text-decoration: none;
    font-family: '微软雅黑';
    z-index: 1;
    position: relative;
    line-height: 34px;
    padding-left: 13px;
}
}
@media (max-width: 375px) {
    .btn-li {
        width: 90%;
        display: flex;
        justify-content: center;
        margin: auto;
        margin-bottom: 20px;
    }
    .btn-li ul{
        list-style: none;
        padding: 0;
        display: flex;
        justify-content: center;
        gap: 5px;
    }
    
    .btn-li ul li {
    display: inline-block;
    margin-left: 0px;
    }

    .btn-li ul li a {
    display: inline-block;
    width: 30px;
    height: 34px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 15px;
    color: #666;
    text-decoration: none;
    font-family: '微软雅黑';
    z-index: 1;
    position: relative;
    line-height: 34px;
    padding-left: 13px;
}
}