@charset "utf-8";
body, html {
 line-height: 1.5;
 font-family: 'SourceSansProRegular', Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
body, html, input, button, textarea, a {
 color: #404040;
}
a:hover {
 color: #f78e1e;
}
/* carousel */
.owl-carousel {
 display: none;
}
.owl-loaded {
 display: block;
}
/* layout */
.layout, .nav-bar .nav-wrap, .path-bar .path-nav, .index-tit-bar {
 width: 1200px;
}
/* clear floating */
.nav-wrap:after, .product-wrap:after, .company-synopses:after, .about-us:after, .slides:after, .head-social:after, .foot-item-inquiry ul:after, .index-tit-bar:after, .product-cate-wrap .product-cate-list:after, .about-list:after, .foot-contact-wrap: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, .index-tit-bar, .product-cate-wrap .product-cate-list, .about-list, .foot-contact-wrap {
*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 */
.red, a.red {
 color: #f78e1e!important;
}
.foot-items a:hover, .foot-item-service li a:hover:before {
 color: #f78e1e;
}
.foot-item-contact .foot-email .item-txt, .foot-item-contact .foot-phone .item-txt, .foot-item-contact .foot-email .item-txt a, .foot-item-contact .foot-phone .item-txt a {
 color: #f78e1e;
}
/* font family */
.foot-item-service li a:before, .nav > li.elem-link > a:after, .foot-contact-info li:before {
 font-family: "fontawesome";
}
.topbar, .nav ul, .foot-wrapper {
 font-family: 'SourceSansProLight'
}
h1, h2, h3, .side-tit-bar .side-tit, .btn-readmore, .detail-tabs .title.current, .inquiry-panel .inquiry-tit {
 font-family: 'SourceSansProSemibold';
}
.scrollsidebar {
 z-index: 99999!important;
}
.gotop {
 z-index: 20001!important;
}
.z-large {
 z-index: 9999999;
}
/* inquiry form */
.inquiry-form {
 border-top-width: 1px;
 border-color: #ccc;
}
.inquiry-form-wrap {
 padding-top: 20px;
}
.inquiry-form-wrap .inquiry-form-title {
 line-height: 35px;
 background-color: #222;
 position: relative;
 z-index: 2;
 margin-bottom: -1px;
}
.captcha-image i {
 color: #666;
}
.captcha-image label > input[type=radio] + i {
 border: 2px solid transparent;
}
.inquiry-form input[type="text"].form-input:focus, .inquiry-form textarea.form-text:focus {
 border-color: #188ae2;
 box-shadow: 0 0 .4em rgba(24,138,226,.3);
}
/* animate */
.delay0d1s {
 -webkit-animation-delay: .1s;
 animation-delay: .1s;
}
.delay0d2s {
 -webkit-animation-delay: .2s;
 animation-delay: .2s;
}
.delay0d3s {
 -webkit-animation-delay: .3s;
 animation-delay: .3s;
}
.delay0d4s {
 -webkit-animation-delay: .4s;
 animation-delay: .4s;
}
.delay0d5s {
 -webkit-animation-delay: .5s;
 animation-delay: .5s;
}
.delay0d6s {
 -webkit-animation-delay: .6s;
 animation-delay: .6s;
}
.delay0d7s {
 -webkit-animation-delay: .7s;
 animation-delay: .7s;
}
.delay0d8s {
 -webkit-animation-delay: .8s;
 animation-delay: .8s;
}
.delay0d9s {
 -webkit-animation-delay: .9s;
 animation-delay: .9s;
}
.delay1s {
 -webkit-animation-delay: 1s;
 animation-delay: 1s;
}
.delay1d1s {
 -webkit-animation-delay: 1.1s;
 animation-delay: 1.1s;
}
.delay1d2s {
 -webkit-animation-delay: 1.2s;
 animation-delay: 1.2s;
}
.delay1d3s {
 -webkit-animation-delay: 1.3s;
 animation-delay: 1.3s;
}
.delay1d4s {
 -webkit-animation-delay: 1.4s;
 animation-delay: 1.4s;
}
.delay1d5s {
 -webkit-animation-delay: 1.5s;
 animation-delay: 1.5s;
}
.delay1d6s {
 -webkit-animation-delay: 1.6s;
 animation-delay: 1.6s;
}
.delay1d7s {
 -webkit-animation-delay: 1.7s;
 animation-delay: 1.7s;
}
.delay1d8s {
 -webkit-animation-delay: 1.8s;
 animation-delay: 1.8s;
}
.delay1d9s {
 -webkit-animation-delay: 1.9s;
 animation-delay: 1.9s;
}
.delay2s {
 -webkit-animation-delay: 2s;
 animation-delay: 2s;
}
.animated {
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}
@-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: fixed;
 left: 0;
 top: 0;
 z-index: 999999;
 transition: all .2s ease;
 position: static;
}
.topbar {
 position: relative;
 margin: 0 auto;/*z-index:10002;*/
 background: #404040;
 padding: 16px 0 12px;
}
.topbar .head-contact {
 float: left;
 line-height: 28px;
}
.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-right: 35px;
}
.topbar .head-phone:before, .topbar .head-email:before {
 opacity: .7;
}
.topbar .head-phone:before {
 content: '\f095';
 font-size: 18px;
}
.topbar .head-email:before {
 content: '\f0e0';
 font-size: 16px;
 padding-right: 5px;
}
.topbar .head-phone:hover:before, .topbar .head-email:hover:before {
 -webkit-animation: swing .6s linear;
 animation: swing .6s linear;
}
/* search */
.search-holder, .head-search-form {
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}
.search-holder {
 height: 0;
 opacity: 0;
}
.head-search {
 position: relative;
 float: right;
 margin-right: 4em;
}
.head-search .head-search-form {
}
.head-search .search-toggle {
 display: none;
 width: 32px;
 height: 32px;
 background-position: -287px 7px;
 background-color: transparent;
 border: 0;
 float: left;
 position: absolute;
 right: 0;
 top: 0;
 border-radius: 8px;
 cursor: pointer;
 transition: background-color .3s ease;
}
.head-search .search-ipt {
 display: block;
 width: 90px;
 height: 23px;
 line-height: 23px;
 border: 0;
 border-bottom: 1px solid #868686;
 background: none;
 float: left;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
 color: #fff;
}
.head-search .search-ipt:focus {
 width: 190px;
}
.head-search .search-ipt::-webkit-input-placeholder {
color:#fff;
}
.head-search .search-ipt:-moz-placeholder {
color:#fff;
}
.head-search .search-ipt::-moz-placeholder {
color:#fff;
}
.head-search .search-ipt:-ms-input-placeholder {
color:#fff;
}
.head-search .search-btn {
 display: inline-block;
 width: 30px;
 height: 30px;
 background-color: transparent;
 background-position: -285px -28px;
 border: 0;
 cursor: pointer;
 position: absolute;
 left: -35px;
 top: 0;
 opacity: .8;
 filter: alpha(opacity=80);
}
/* change language */
.change-language {
 float: right;
}
.change-language .change-language-title, .change-language .change-language-title span {
 color: #fff;
}
.change-language .change-language-info .change-language-title, .change-language .change-language-info .change-language-title a, .change-language .change-language-info:hover .language-icon {
 -webkit-transition: all .2s ease;
 transition: all .2s ease;
}
/* nav */
.nav-bar {
 padding: 0;
 background: #404040;
}
.logo {
 display: inline;
 float: left;
 margin-right: 100px;
 padding: 2px 0 0;
 position: relative;
 z-index: 999;
}
.logo img {
 height: 45px;
 width: auto;
}
.nav-bar .nav {
 display: inline;
 float: right;
}
.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 25px;
 line-height: 50px;
 font-weight: bold;
}
.nav-bar .nav > li:last-child {
 padding-right: 0;
}
.nav-bar .nav > li > a {
 display: inline-block;
 font-size: 16px;
 color: #fff;
 text-transform: uppercase;
}
.nav-bar .nav > li .nav-ico {
 display: inline-block;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}
.nav-bar .nav > li .nav-ico, .nav-bar .nav > li > a {
*display:inline;
}
.nav-bar .nav > li .nav-ico:after {
 content: '\f0d7';
 font-size: 14px;
 font-weight: bold;
 margin: 0;
}
.nav-bar .nav > li.has-child.li-hover > a, .nav-bar .nav > li.has-child.li-hover .nav-ico {
 color: #fff;
}
.nav-bar .nav > li.li-hover > ul {
 -webkit-animation-name: zoomInA;
 animation-name: zoomInA;
 -webkit-animation-duration: .3s;
 animation-duration: .3s;
}
.nav-bar .nav > li.li-hover > .nav-ico {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
.nav-bar .nav > li > ul:before {
 content: '';
 display: block;
 width: 0;
 height: 0;
 overflow: hidden;
 border-style: dashed dashed solid;
 border-color: transparent transparent rgba(255,255,255,.95);
 background-color: #fff\9;
 border-width: 0 8px 8px 8px;
 position: absolute;
 left: 50%;
 top: -8px;
 margin-left: -8px;
}
.nav-bar .nav ul {
 width: 250px;
 background-color: rgba(255,255,255,.95);
 background-color: #fff\9;
 position: absolute;
 left: 50%;
 top: 50px;
 margin-left: -125px;
 padding: 10px 0;
 z-index: 999999;
 padding: 10px 1px;
}
.nav-bar .nav ul li {
 position: relative;
}
.nav-bar .nav ul li, .nav-bar .nav ul li a {
 color: #333;
}
.nav-bar .nav ul li a {
 display: block;
 height: 40px;
 line-height: 40px;
 overflow: hidden;
 font-size: 14px;
 padding: 0 15px;
 position: relative;
 z-index: 10001;
 border-bottom: 1px solid #ddd;
 -webkit-transition: none;
 transition: none;
}
.nav-bar .nav ul li a:hover {
 background-color: #f78e1e;
 color: #fff!important;
}
.nav-bar .nav ul li:last-child a {
 border-bottom: 0;
}
.nav-bar .nav ul li .nav-ico {
 position: absolute;
 right: 10px;
 top: 0;
 cursor: pointer;
 line-height: 35px;
 z-index: 10002;
}
.nav-bar .nav ul li .nav-ico:after {
 content: '\f105';
 color: #999;
 font-weight: normal;
}
.nav-bar .nav ul li ul {
 left: 255px;
 top: 0;
 margin-left: 0;
 padding: 1px;
}
.nav-bar .nav ul li.li-hover > a {
 background-color: #f78e1e;
 color: #fff!important;
}
.nav-bar .nav ul li.li-hover > .nav-ico:after {
 color: #fff;
}
.fixed-nav {
 z-index: 10000;
}
.fixed-nav:after {
 content: ''
}
.fixed-nav .nav-bar {
 position: fixed;
 z-index: 99999;
 width: 100%;
 left: 0;
 top: 0;
}
.fixed-nav .logo {
 padding: 0;
 margin-right: 50px;
 margin-top: 0;
}
.fixed-nav .logo img {
 height: 40px;
}
.fixed-nav .nav-bar {
 padding: 5px 0;
 box-shadow: 0 1px 10px rgba(0,0,0,.2);
}
.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: 45px;
}
.fixed-nav .nav-bar .nav ul ul {
 top: 0;
}
.fixed-nav .topbar .layout {
 top: 6px;
}
/* =================================================== 
   * footer 
   * --------------------------------------------------- */

.floor-contact {
 background-color: #f78e1e;
 padding: 40px;
}
.floor-contact .index-tit-bar .title, .floor-contact .index-tit-bar .desc {
 padding-left: 15%;
 padding-right: 15%;
}
.foot-contact-wrap {
 background-color: #fff;
 margin: 0 8%;
 padding: 40px;
 box-shadow: 2px 2px 0 rgba(0,0,0,.2);
 border-radius: 4px;
}
.foot-contact-wrap .foot-contact-form {
 width: 500px;
 float: left;
}
.foot-contact-wrap .foot-contact-form .foot-contact-item {
 padding: 0 0 25px;
}
.foot-contact-wrap .foot-contact-form .foot-contact-ipt, .foot-contact-wrap .foot-contact-form .foot-contact-txtarea {
 display: block;
 width: 95%;
 line-height: 25px;
 padding: 10px 0 10px 3%;
 font-size: 16px;
 border: 1px solid #ddd;
 outline: 2px solid #fff!important;
}
.foot-contact-wrap .foot-contact-form .foot-contact-ipt:focus, .foot-contact-wrap .foot-contact-form .foot-contact-txtarea:focus {
 outline-color: #f78e1e!important;
 border-color: transparent;
 background-color: #fff;
}
.foot-contact-wrap .foot-contact-form .foot-contact-txtarea {
 height: 200px;
}
.foot-contact-wrap .foot-contact-form .foot-contact-btn {
 display: inline-block;
 line-height: 30px;
 padding: 9px 2em;
 border: 2px solid #ddd;
 background-color: #fff;
 margin-right: 20px;
 text-transform: uppercase;
 font-size: 16px;
}
.foot-contact-wrap .foot-contact-form .foot-contact-btn:hover {
 background-color: #eee;
}
.foot-contact-wrap .foot-contact-form .foot-contact-submit {
 background-color: #f78e1e;
 border-color: #f78e1e;
}
.foot-contact-wrap .foot-contact-form .foot-contact-submit:hover {
 background-color: #222;
 border-color: #222;
 color: #ffff;
}
.foot-contact-wrap .foot-contact-info {
 margin-left: 550px;
}
.foot-contact-wrap .foot-contact-info li {
 border-bottom: 1px solid #ddd;
 padding: 25px 0 25px 50px;
 position: relative;
 font-size: 16px;
 -ms-word-break: break-all;
 word-break: break-all;
}
.foot-contact-wrap .foot-contact-info li:before {
 content: '';
 display: inline-block;
 width: 32px;
 height: 32px;
 line-height: 32px;
 text-align: center;
 background-color: #7f7f7f;
 color: #fff;
 border-radius: 50%;
 position: absolute;
 left: 0;
 top: 20px;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}
.foot-contact-wrap .foot-contact-info li:hover:before {
 -webkit-animation: icon-bounce .6s linear;
 animation: icon-bounce .6s linear
}
.foot-contact-wrap .foot-contact-info li.foot-addr:before {
 content: '\f041';
}
.foot-contact-wrap .foot-contact-info li.foot-phone:before {
 content: '\f095';
}
.foot-contact-wrap .foot-contact-info li.foot-email:before {
 content: '\f0e0';
}
.foot-contact-wrap .foot-contact-info li:first-child {
 padding-top: 5px;
}
.foot-contact-wrap .foot-contact-info li:first-child:before {
 top: 0;
}
.foot-contact-wrap .foot-contact-info li:last-child {
 border-bottom: 0;
}
.foot-contact-wrap .foot-contact-info li:hover:before {
 background-color: #333;
}
.foot-wrapper, .foot-wrapper a {
 color: #fff;
}
.foot-wrapper a:hover {
 color: #f78e1e;
}
.foot-wrapper {
 background: #222 url(img/foot-bg.jpg) center repeat;
 padding: 50px 3%;
 text-align: center;
 font-size: 16px;
}
.foot-wrapper .layout {
 width: auto;
}
.social-list li {
 padding: 0 5px;
 display: inline-block;
*display: inline;
 line-height: 18px;
}
.social-list li a {
 display: inline-block;
 padding: 20px;
 background-color: #f78e1e;
 border-radius: 20px;
}
.social-list li a img {
 max-height: 18px;
 opacity: .8;
 filter: alpha(opacity=80);
}
.social-list li a:hover img {
 -webkit-animation: icon-bounce .6s linear;
 animation: icon-bounce .6s linear;
}
.foot-nav {
 padding: 30px 0 0;
}
.foot-nav li {
 display: inline-block;
*display: inline;
}
.foot-nav li a {
 display: inline-block;
 padding: 0 8px;
}
.foot-nav li:after {
 content: '|';
 padding: 0 8px;
 opacity: .6;
}
.foot-nav li:last-child:after {
 display: none;
}
.copyright {
 padding: 30px 0;
 font-size: 16px;
 line-height: 1.6em;
}
.copyright a {
 color: #f78e1e;
}
.gotop {
 width: 42px;
 height: 42px;
 background-color: #515151;
 background-position: center;
 z-index: 10010;
 -webkit-transition: all .6s ease;
 transition: all .6s ease;
}
.gotop:hover {
 background-color: #384d60;
}
.floor-contact .content {
 font-size: 18px;
}
.floor-contact .content p {
 margin: 0 0 15px;
}
.floor-contact .content-more {
 position: relative;
 text-align: center;
 margin: 50px 0;
}
.floor-contact .content-more a {
 position: relative;
 display: inline-block;
 padding: 0 20px;
 line-height: 35px;
 border: 2px solid #333;
 font-size: 20px;
 text-transform: uppercase;
}
.floor-contact .content-more a:hover {
 padding: 0 50px;
 border-color: #f78e1e
}
/* =================================================== 
   * homepage 
   * --------------------------------------------------- */

/* btn */
.btn-readmore {
 display: inline-block;
 line-height: 45px;
 padding: 0 2em;
 font-size: 16px;
 color: #fff;
 border: 2px solid #fff;
 text-transform: uppercase;
}
.btn-readmore:hover {
 background-color: #fff;
 color: #333;
}
/* title */
.index-tit-bar {
 padding-bottom: 70px;
 margin: 0 auto;
 text-align: center;
 line-height: 1.5;
}
.index-tit-bar .title {
 text-transform: uppercase;
 font-size: 32px;
 font-weight: normal;
}
.index-tit-bar .desc {
 font-size: 18px;
 line-height: 1.8em;
 padding-top: 35px;
}
/* slides */
.rev_slider_wrapper {
 width: 100%;
 background-color: #f2f2f2;
 border-top: 1px solid #000;
}
.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-bullets.simplebullets .bullet {
 width: 11px;
 height: 11px;
 padding: 2px;
 background-color: #fff;
 opacity: .6;
 filter: alpha(opacity=60)
}
.tp-bullets.simplebullets .bullet.selected {
 background-color: #333;
 opacity: .9;
 filter: alpha(opacity=90);
}
.tp-bullets.simplebullets, .rev_slider_wrapper:hover .tp-bullets.simplebullets {
 opacity: 1;
 filter: alpha(opacity=100);
 bottom: 0!important;
 padding: 30px 0 60px;
}
.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;
}
.rev_slider_wrapper .banner-title, .rev_slider_wrapper .banner-title a {
 color: #404040;
}
.rev_slider_wrapper .banner-title {
 width: 100%;
 height: 43px;
 line-height: 43px;
 overflow: hidden;
 text-align: center;
 background-color: #f78e1e;
 font-size: 24px;
 font-weight: normal;
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 1002;
}
.rev_slider_wrapper .banner-title strong {
 display: block;
 padding: 0 15%;
 height: 43px;
 line-height: 43px;
 overflow: hidden;
 font-weight: normal;
 text-transform: uppercase;
}
.tp-loader {
 box-shadow: none!important;
}
.tp-loader.spinner0 {
 background-size: auto 32px;
 background-color: transparent;
 -webkit-animation-name: none;
 animation-name: none;
}
/* product */
.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;
}
.main-product-wrap .product-item .item-wrap .pd-img a:before {
 -webkit-transition: all 1.2s ease;
 transition: all 1.2s ease;
}
.product-item .item-wrap .pd-img a:hover img {
 -webkit-transform: none;
 transform: none;
}
.product-item .item-wrap .pd-info {
 text-align: left;
}
.product-item .item-wrap .pd-name {
 max-width: 80%;
 margin: 15px auto 0;
 font-size: 14px;
 text-align: center;
 max-height: 3.6em;
 line-height: 1.8em;
 overflow: hidden;
 font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
.product-item .item-wrap .pd-name a {
 display: block;
 height: 36px;
 line-height: 18px;
 overflow: hidden;
}
.product-item .item-wrap .pd-name a:hover {
 color: #000;
}
.product-item .item-wrap .pd-img:hover {
 box-shadow: 0 0 1.5em rgba(0,0,0,.2);
}
.main-product-wrap {
 padding: 50px 0;
 background-color: #333;
 background-repeat: no-repeat;
 background-position: center;
 background-attachment: fixed;
}
.main-product-wrap, .main-product-wrap a {
 color: #fff;
}
.main-product-wrap .index-tit-bar {
 padding-bottom: 35px;
}
.main-product-wrap .index-tit-bar .title, .main-product-wrap .index-tit-bar .desc {
 padding-left: 8%;
 padding-right: 8%;
}
.main-product-wrap .product-item {
 margin-right: 30px;
}
.main-product-wrap .product-item .item-wrap .pd-name a:hover {
 color: #f78e1e;
}
.main-product-wrap .owl-item .product-item {
 width: 100%;
 padding-bottom: 0;
 margin-right: 0;
}
.main-product-wrap .owl-nav {
 display: block;
 text-align: center;
}
.main-product-wrap .owl-prev, .main-product-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: -32px;
 border-radius: 2px;
 background-color: rgba(0,0,0,.6);
}
.main-product-wrap .owl-prev:before, .main-product-wrap .owl-next:before {
 margin: 0;
}
.product-slides:hover .owl-prev, .product-slides:hover .owl-next {
 opacity: 1;
 background-color: #000;
 color: #fff;
}
.main-product-wrap .owl-prev:hover, .main-product-wrap .owl-next:hover {
 background-color: #f78e1e;
}
.main-product-wrap .owl-prev {
 left: -45px;
}
.main-product-wrap .owl-prev:before {
 content: "\f104";
}
.main-product-wrap .owl-next {
 right: -45px;
}
.main-product-wrap .owl-next:before {
 content: "\f105";
}
.main-product-wrap .owl-dots {
 padding-top: 15px;
 position: static;
}
.product-slides {
 display: none;
}
.owl-loaded {
 display: block;
}
.main-product-wrap .product-item .item-wrap .pd-img a:before, .main-product-wrap .product-item .item-wrap .pd-img a:after {
 content: '';
 display: block;
 width: 100%;
 height: 100%;
 background-color: #f78e1e;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 2;
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transition: all .4s ease;
 transition: all .4s ease;
}
.main-product-wrap .product-item .item-wrap .pd-img a:hover:before {
 opacity: .4;
 filter: alpha(opacity=40);
}
.main-product-wrap .product-item .item-wrap .pd-img a:after {
 background: url(img/pd-hover-arrow.png) center no-repeat;
 -webkit-transform: scale(.5);
 transform: scale(.5);
 -webkit-transition-delay: .1s;
 transition-delay: .1s;
}
.main-product-wrap .product-item .item-wrap .pd-img a:hover:after {
 opacity: .9;
 filter: alpha(opacity=90);
 -webkit-transform: scale(1);
 transform: scale(1);
}
/* company synopses */
.company-synopses-wrap, .company-synopses-wrap a {
 color: #fff;
}
.company-synopses-wrap {
 background-color: #333;
 padding: 50px 0;
 background-repeat: no-repeat;
 background-position: center;
 background-attachment: fixed;
}
.company-synopses {
 margin: 0 -15px;
}
.synopsis-item {
 width: 33.33333333%;
 float: left;
 padding-bottom: 20px;
}
.synopsis-item:nth-child(3n+1) {
 clear: left;
}
.synopsis-item .item-wrap {
 margin: 0 15px;
 text-align: center;
 padding-bottom: 1em;
}
.synopsis-item .item-wrap .item-img, .synopsis-item .item-wrap .item-img a, .synopsis-item .item-wrap .item-img img {
 display: block;
 width: 100%;
 height: auto;
}
.synopsis-item .item-wrap .item-img {
 overflow: hidden;
 box-shadow: 2px 2px 0 rgba(0,0,0,.2);
}
.synopsis-item .item-wrap .item-img img {
 -webkit-transition: all .6s ease;
 transition: all .6s ease;
}
.synopsis-item .item-wrap .item-img a {
 position: relative;
}
.synopsis-item .item-wrap .item-title {
 font-size: 20px;
 height: 1.5em;
 line-height: 1.5em;
 overflow: hidden;
 margin: 20px auto 0;
}
.synopsis-item .item-wrap .item-desc {
 height: 3.4em;
 line-height: 1.7em;
 font-size: 15px;
 overflow: hidden;
 margin-top: 10px;
 padding: 0 10px;
}
.synopsis-item .item-wrap .bar-more {
 padding-top: 20px;
}
.synopsis-item .item-wrap:hover .item-img img, .synopsis-item:hover .item-img img {
 -webkit-animation: none;
 animation: none;
}
.synopsis-item .item-wrap .item-img:hover img {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 -webkit-transition: all 1.2s ease;
 transition: all 1.2s ease;
}
.synopsis-item .item-wrap .item-img a:before, .synopsis-item .item-wrap .item-img a:after, .promote-item .item-wrap .item-img a:before, .promote-item .item-wrap .item-img a:after {
 content: '';
 display: block;
 width: 100%;
 height: 100%;
 background-color: #f78e1e;
 position: absolute;
 left: 0;
 top: 0;
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transition: all .8s ease;
 transition: all .8s ease;
 cursor: pointer;
 z-index: 10;
}
.synopsis-item .item-wrap .item-img a:hover:before, .promote-item .item-wrap .item-img a:hover:before {
 opacity: .3;
 filter: alpha(opacity=30);
 -webkit-transform: none;
 transform: none;
}
/* about us */
.about-us-wrap {
 background-color: #f78e1e;
 padding: 50px 0;
}
.about-us-wrap .index-tit-bar .title, .about-us-wrap .index-tit-bar .desc {
 padding-left: 8%;
 padding-right: 8%;
}
.about-list {
 padding: 0 5%;
}
.about-item {
 width: 50%;
 float: left;
}
.about-item .about-item-wrap {
 padding: 60px 50px;
 text-align: center;
 margin: 0 25px;
 background-color: #fff;
 border-radius: 4px;
 box-shadow: 2px 2px 0 rgba(0,0,0,.2);
}
.about-item .about-item-wrap .about-item-ico {
 display: block;
 text-align: center;
}
.about-item .about-item-wrap .about-item-ico:hover img {
 -webkit-animation: icon-bounce .6s linear;
 animation: icon-bounce .6s linear;
}
.about-item .about-item-wrap .about-item-ico img {
 height: 80px;
}
.about-item .about-item-wrap .about-item-tit {
 display: block;
 max-width: 200px;
 margin: 0 auto;
 font-size: 20px;
 text-transform: uppercase;
 line-height: 1.6em;
 padding-top: 30px;
}
.about-item .about-item-wrap .about-item-desc {
 display: block;
 font-size: 17px;
 line-height: 1.8em;
 padding-top: 25px;
}
/*----------------------------------page---------------------------------*/
.path-bar {
 position: relative;
 width: 100%;
 line-height: 38px;
 margin: 0 auto 35px;
 background-color: #ebebeb;
 font-style: italic;
}
.path-bar li:after {
 content: "/";
 position: absolute;
 display: block;
 overflow: hidden;
 right: 0;
 top: 0;
 font-style: normal;
}
.path-bar .path-nav {
}
.path-bar li {
 display: inline-block;
 vertical-align: top;
 position: relative;
 font-size: 16px;
}
.path-bar li a {
 display: block;
 padding: 0 20px 0 5px;
}
.path-bar li:last-child:after {
 content: '';
}
.path-bar li:last-child a {
 padding-right: 0;
}
/* =================================================== 
   * aside 
   * --------------------------------------------------- */
.aside {
 float: left;
 width: 235px;
 padding: 0 0 30px;
 font-size: 13px;
}
.side-tit-bar {
 position: relative;
}
.side-tit-bar .side-tit {
 position: relative;
 font-size: 18px;
 line-height: 40px;
 background-color: #f78e1e;
 font-weight: normal;
 padding: 0 0 0 15px;
}
.side-tit-bar .side-tit, .side-tit-bar .side-tit a {
 color: #fff;
}
.side-widget {
 position: relative;
 margin: 0 0 20px;
}
.side-widget .side-hide {
 padding: 15px 0;
}
.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 9px;
}
.side-cate ul li a:before {
 content: "";
 position: absolute;
 left: 0;
 top: 50%;
 margin: -1px 0 0;
 width: 3px;
 height: 3px;
 background: #6f6f6f;
}
.side-cate ul li li a {
 border-bottom: 1px solid #cfd0d3;
 padding: 0 15px;
}
.side-cate ul li li a:before {
 display: none;
}
.side-cate li.nav-current > a {
 color: #f78e1e;
}
.side-cate-menu li .icon-cate {
 position: absolute;
 right: 0;
 top: 5px;
 color: #99abb9;
 font-size: 12px;
 cursor: pointer;
 padding: 0 5px;
}
.side-cate-menu li .icon-cate-down:before {
 content: '\f067';
}
.side-cate-menu li .icon-cate-up:before {
 content: '\f068';
}
.side-cate ul ul {
 display: none;
}
.products-scroll-list-wrap {
 position: relative;
}
.products-scroll-list {
 position: relative;
}
.products-scroll-list li {
 display: table;
 width: 100%;
 padding: 0;
 height: 90px;
}
.products-scroll-list li > a, .products-scroll-list li .pd-info {
 display: table-cell;
 vertical-align: middle;
}
.products-scroll-list li .pd-name {
 width: 100%;
 max-height: 4.5em;
 line-height: 1.5em;
 overflow: hidden;
}
.products-scroll-list li .pd-name a:hover {
 text-decoration: underline;
}
.products-scroll-list li img {
 width: auto;
 height: 65px;
 margin: 0 12px 0 0;
}
.products-scroll-btn-prev, .products-scroll-btn-next {
 position: relative;
 width: 100%;
 height: 19px;
 display: block;
 z-index: 999;
 opacity: .15;
 filter: alpha(opacity=15);
}
.products-scroll-btn-prev {
 background: url(img/icons-prev.png) no-repeat center center;
 margin: 10px 0 0;
}
.products-scroll-btn-next {
 background: url(img/icons-next.png) no-repeat center center;
}
.products-scroll-btn-prev:hover, .products-scroll-btn-next:hover {
 opacity: .6;
 filter: alpha(opacity=60);
}
.side-bn {
 max-width: 100%;
 margin: 0 0 25px 0;
}
.side-bn img {
 max-width: 100%
}
/* =================================================== 
   * main 
   * --------------------------------------------------- */
.main {
 position: relative;
 width: 935px;
 display: block;
 float: right;
 padding-bottom: 50px;
}
.main-tit-bar {
 overflow: hidden;
 padding: 0 0 8px;
 border-bottom: 1px solid #ddd;
 margin-bottom: 10px;
}
.main-tit-bar .title {
 position: relative;
 display: inline-block;
 vertical-align: top;
*display:inline;
*zoom:1;
 font-size: 24px;
 text-transform: uppercase;
 color: #666;
}
.main-tit-bar .share-this {
 display: inline;
 float: right;
 padding: 5px 0 0;
}
.main-banner {
 position: relative;
 display: block;
 margin: 0 0 10px;
}
.main-banner img {
 position: relative;
 width: 100%;
}
.goods-summary {
 line-height: 1.5;
}
/* ------------------------ 
   * product list 
   ------------------------ */
.product-list {
 margin: 40px 0 0;
}
.product-list .gm-sep {
 margin: 0 -12px;
}
.product-list, .certificate-list, .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;
 border: 1px solid #ccc;
 padding: 3px 3px 15px;
}
.product-list .product-item .item-wrap .pd-name {
 font-size: 16px;
 text-align: center;
 max-height: 3.6em;
 line-height: 1.8em;
 overflow: hidden;
}
.product-list .product-item .item-wrap .pd-img a:hover {
 opacity: .85;
}
.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;
}
/* pages */
.page-bar {
 position: relative;
 display: block;
 margin: 20px 0;
 text-align: center;
}
.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: 31px;
 line-height: 31px;
 padding: 0 13px;
 margin: 0 4px;
 vertical-align: middle;
 border-radius: 3px;
 background: -webkit-linear-gradient(top, #fff, #eee);
 background: -ms-linear-gradient(top, #fff, #eee);
 background: -o-linear-gradient(top, #fff, #eee);
 background: -moz-linear-gradient(top, #fff, #eee);
 background: linear-gradient(top, #fff, #eee);
}
.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: #333;
 border-color: #333;
 color: #FFF;
}
.pages a:hover {
 text-decoration: none;
}
/*--------------------------------------------------------
                                                    page: download list
                                                                    ------------------------------------------------------*/
.download-list { position: relative; width: 100%; overflow: hidden; }
.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: 30px; height: 30px; overflow: hidden; }
.download-list ul li .download-cont .download-pic img { max-width:30px; max-height: 30px; }
.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; font-family: 'Graphik-Semibold'; }
.download-list ul li .download-button { position: relative; display: inline-block; vertical-align: top; *display: inline;
 *zoom: 1;
float: right; height: 30px; line-height: 30px; font-size: 14px; border-width: 1px; border-style: solid; border-left-color: #C1C1C1; border-right-color: #C1C1C1; border-top-color: #C9C9C9; border-bottom-color: #A5A5A5; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F1F1F1', endColorStr='#DADADA', gradientType='0');
background: -moz-linear-gradient(top, #F1F1F1, #DADADA); background: -o-linear-gradient(top, #F1F1F1, #DADADA); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#DADADA)); }
.download-list ul li .download-button a { position: relative; display: block; padding: 0 12px 0 40px; color: #0A0A0A; background-image: url(img/icons08.png); background-repeat: no-repeat; background-position: 10px 4px; }

.download-list ul li { border-bottom: none; }
.download-list ul li .download-cont { display: block; margin: 0 0 20px; }
/* ------------------------ 
   * faq list 
   ------------------------ */
.faq-list ul {
}
.faq-list ul li {
 position: relative;
 display: block;
 overflow: hidden;
 line-height: 24px;
 border-bottom: 1px solid #E9E9E9;
 color: #3D3D3D;
}
.faq-list ul li .faq-title {
 position: relative;
 padding: 20px 0 16px 36px;
 height: 24px;
 line-height: 24px;
 cursor: pointer;
}
.faq-list ul li .faq-title b {
 position: absolute;
 left: 1px;
 top: 20px;
 width: 24px;
 height: 24px;
 display: block;
 overflow: hidden;
 -webkit-transform: scale(.85);
 transform: scale(.85);
 -webkit-transform-origin: 0 center;
 transform-origin: 0 center;
}
.faq-list ul li .faq-title b.faq-down {
 background: url(img/icons10.png) no-repeat center center;
}
.faq-list ul li .faq-title b.faq-up {
 background: url(img/icons09.png) no-repeat center center;
}
.faq-list ul li .faq-title h2 {
 font-weight: normal;
 font-size: 18px;
}
.faq-list ul li .faq-cont {
 position: relative;
 padding: 0 0 30px 36px;
 font-size: 14px;
}
/* ------------------------ 
   * blog list 
   ------------------------ */
.blog-list {
 background: #fff;
 margin: 0 auto 15px;
}
.blog-list .blog-item {
 padding: 20px 0;
 position: relative;
 margin: 0 auto 3px;
}
.blog-list .blog-item .blog-img {
 float: left;
 width: 200px;
 height: auto;
 margin: 0 20px 8px 0;
}
.blog-list .blog-item .blog-tit {
 font-size: 16px;
}
.blog-list .blog-item .blog-meta {
 display: block;
 color: #aaa;
}
.blog-list .blog-item .blog-meta span {
 display: inline;
 padding: 0 15px 0 0;
}
.blog-list .blog-item .blog-summary {
 padding: 8px 0;
 color: #999;
}
.blog-list .blog-item .readmore {
 display: block;
 text-align: right;
 font-size: 14px;
}
.blog-list .blog-item .readmore a, .blog-list .blog-item:before {
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}
.blog-list .blog-item .readmore a {
 display: inline-block;
 padding: 3px 10px;
 border-radius: 2px;
 background-color: #404040;
 color: #fff;
}
.blog-list .blog-item .readmore a:hover, .blog-list .blog-item:hover .readmore a {
 background-color: #222;
}
.blog-list .blog-item .readmore i {
 font-size: 14px;
}
.blog-list .blog-item:before {
 content: "";
 height: 1px;
 font-size: 1px;
 overflow: hidden;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 position: absolute;
 left: 0;
 right: 0;
 bottom: -3px;
}
.blog-list .blog-item:hover {
 background: #fafafa;
}
.blog-list .blog-item:hover:before {
 border-top-color: #000;
 border-bottom-color: #000;
 background-color: #000;
}
.blog-list .blog-item:hover img {
 opacity: 0.8;
}
.blog-list .page-bar {
 margin-top: 35px;
}
/* ------------------------ 
   * 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;
}
.certificate-list .product-item .item-wrap .pd-info, .certificate-list .product-item .item-wrap .pd-name {
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}
.certificate-list .product-item .item-wrap .pd-info {
 width: 100%;
 position: absolute;
 left: 0;
 bottom: 0;
 background-color: #666;
 color: #333;/*-webkit-transform:translateY(100%);transform:translateY(100%);transition:all .3s ease;opacity:0;filter:alpha(opacity=0);*/
 opacity: .95;
 filter: alpha(opacity=90);
}
.certificate-list .product-item .item-wrap .pd-name {
 width: auto;
 margin: 0;
 max-width: inherit;
 line-height: 1.5;
 padding: 8px 15px;
 font-size: 12px;
}
.certificate-list .product-item .item-wrap .pd-name, .certificate-list .product-item .item-wrap .pd-name a {
 color: #fff;
}
.certificate-list .product-item .item-wrap:hover .pd-info {
 background-color: rgba(0,0,0,.8);
 background-color: #000\9;
 opacity: 1;
 filter: alpha(opacity=100);
}
.certificate-list .product-item .item-wrap:hover .pd-name {
 padding: 20px 15px;
}
/* ------------------------ 
   * video list 
   ------------------------ */
.video-list {
 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: 70%;
}
.video-list .product-item .pd-img a:before, .video-list .product-item .pd-img a:after {
 content: '';
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transition: all .6s ease;
 transition: all .6s ease;
}
.video-list .product-item .pd-img a:before {
 background-color: #000;
 z-index: 1;
}
.video-list .product-item .pd-img a:after {
 background-image: url(img/ico-play.png);
 background-repeat: no-repeat;
 background-position: center;
 z-index: 2;
 transition-delay: .3s;
 -webkit-transform: scale(0);
 transform: scale(0);
 -webkit-transition: all .4s ease;
 transition: all .4s ease;
}
.video-list .product-item .pd-img a:hover:before {
 opacity: .6;
 filter: alpha(opacity=60);
}
.video-list .product-item .pd-img a:hover:after {
 opacity: .8;
 filter: alpha(opacity=80);
 -webkit-transform: none;
 transform: none;
}
/* ------------------------ 
   * product 
   ------------------------ */
.product-intro {
 position: relative;
 display: block;
}
.product-title {
 font-size: 24px;
 margin: 0 0 10px 0;
 font-weight: normal;
 line-height: 28px;
 color: #1a1926;
 padding: 0 0 8px;
 border-bottom: 1px solid #ddd;
}
.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;
 width: 350px;
 float: left;
}
.product-view .owl-carousel .owl-item {
 overflow: visible;
}
.product-view .product-image {
	position: relative;
 border: 1px solid #eee;
}
.product-view .product-image.zoom_remove:after {
 content: "";
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 bottom: 0;
 z-index: 999;
}
.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;
}
.product-view .image-additional li.current a:before {
 border: 4px solid #f78e1e;
}
.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";
}
.article-prev-next {
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 padding: 10px 0;
}
.article-prev-next li {
 height: 1.7em;
 line-height: 1.7em;
 overflow: hidden;
}
.article-prev-next li a {
 color: #012fff;
}
.article-prev-next li a:hover {
 opacity: .85;
}
.article-prev-next li b {
 color: #666;
 padding-right: .3em;
}
/* product summary */
.product-summary {
 position: relative;
 width: 550px;
 float: right;
}
.product-summary .product-meta {
 line-height: 2em;
}
.product-summary .product-meta h3 {
 font-size: 14px;
}
.product-summary .product-meta p {
 margin-right: 10%;
 font-family: Arial;
}
.product-btn-wrap {
 position: relative;
 margin: 25px 0 0;
}
.product-btn-wrap .email, .product-btn-wrap .pdf {
 position: relative;
 display: inline-block;
*display:inline;
*zoom:1;
 vertical-align: top;
 line-height: 30px;
 padding: 0 15px;
 border-radius: 3px;
 background: #13adeb;
 border: 1px solid #13adeb;
 color: #FFF;
 margin: 0 20px 0 0;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
}
.product-btn-wrap .email:before {
 content: "\f0e0";
 padding: 0 3px 0 0;
}
.product-btn-wrap .pdf:before {
 content: "\f1c1";
 padding: 0 3px 0 0;
}
.product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover {
 background: #09c;
 border-color: #09c;
 color: #fff;
}
.product-summary {
 font-size: 12px;
}
.product-summary .share-this {
 margin: 20px 0 0;
 text-align: right;
}
.product-summary li {
 position: relative;
 font-size: 13px;
 margin: 5px 0;
 color: #000000;
 line-height: 1.8em;
 padding-left: 140px;
}
.product-summary li em {
 width: 140px;
 height: 1.8em;
 overflow: hidden;
 position: absolute;
 left: 0;
 top: 0;
 float: left;
 color: #B2B2B2;
}
.product-btn-wrap .email, .product-btn-wrap .pdf {
 margin: 0;
 margin-bottom: 10px;
 padding: 0 15px;
}
.product-btn-wrap .email {
 margin-right: 20px;
}
.product-detail {
 position: relative;
 overflow: visible;
 margin: 30px 0 0;
}
.detail-tabs {
 position: relative;
}
.detail-tabs .title {
 position: relative;
 display: inline-block;
 vertical-align: top;
*display:inline;
*zoom:1;
 font-size: 16px;
 padding: 0 25px;
 line-height: 30px;
 cursor: pointer;
 overflow: hidden;
 margin: 0 8px 0 0;
 background: #222;
 color: #fff;
 box-shadow: 0 2px 4px rgba(0,0,0,.2);
 border-bottom: 1px solid #f3f3f3;
}
.detail-tabs .title.current {
 background-color: #000;
}
.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: 25px 0 0;
 padding-bottom: 50px;
 position: relative;
}
.goods-tbar {
 position: relative;
}
.goods-tbar .title {
 position: relative;
 font-size: 18px;
 line-height: 38px;
 font-weight: normal;
 color: #000;
}
.goods-items-wrap {
 position: relative;
 width: 100%;
}
.goods-items {
 position: relative;
 margin: 10px 0 0;
}
.goods-items .owl-stage-outer {
 padding-bottom: 3px;
}
.goods-items .product-item {
 width: auto;
 border: 1px solid #ccc;
 padding: 3px;
 margin-left: 1px;
 padding-bottom: 15px;
}
.goods-items .owl-nav {
 display: inline;
 position: absolute;
 top: -43px;
 right: 0
}
.goods-items .owl-prev, .goods-items .owl-next {
 position: relative;
 top: 0;
 overflow: hidden;
 z-index: 999;
 float: left;
 display: block;
 background: none;
 font-size: 20px;
 color: #666;
 text-align: right;
}
.goods-items .owl-prev:hover, .goods-items .owl-next:hover {
 opacity: 1;
 color: #000;
}
.goods-items .owl-prev:before, .goods-items .owl-next:before {
 text-align: right;
}
.goods-items .owl-prev {
 margin-right: -1px;
}
.goods-items .owl-prev:before {
 content: "\f104";
}
.goods-items .owl-next:before {
 content: "\f105";
 margin-right: 0;
}
.goods-items .owl-next {
 margin-left: 8px;
}
.goods-items .product-item .item-wrap {
 margin: 0;
}
.goods-items .product-item .item-wrap .pd-img a:after {
 display: none;
}
/* 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;
}
 @media screen and (max-width:1279px) {
.layout, .nav-bar .nav-wrap, .path-bar .path-nav, .index-tit-bar {
 width: 940px;
}
body, .container {
 min-width: 940px;
}
/* ===================================================
 * header
 * --------------------------------------------------- */
.nav-wrap .nav {
 padding-right: 0;
}
.nav-bar .nav > li {
 padding: 0 15px;
}
.logo {
 margin: 0;
}
/* ===================================================
 * footer
 * --------------------------------------------------- */
.foot-item-inquiry .subscribe-form .subscribe-ipt, .foot-item-inquiry .subscribe-form .subscribe-btn {
 border-radius: 3px;
}
.foot-item-inquiry .subscribe-form .subscribe-btn {
 margin-top: 8px;
}
/* ===================================================
 * homepage
 * --------------------------------------------------- */
.index-tit-bar .title, .about-us-wrap .about-tit-bar .about-tit {
 font-size: 36px;
}
.floor-hot-screen .floor-hot-left {
 background-size: 80% auto;
}
.floor-hot-screen .floor-hot-left .col-inner {
 padding-right: 35px;
}
.floor-hot-screen .floor-hot-right .col-inner {
 padding-left: 35px;
}
.product-cate-wrap .index-tit-bar {
 padding-right: 11em;
 padding-bottom: 0;
 position: relative;
}
.product-cate-wrap .index-tit-bar .title {
 display: block;
 float: none;
 margin: 0;
}
.product-cate-wrap .index-tit-bar .desc {
 display: block;
 max-width: inherit;
}
.product-cate-wrap .index-tit-bar .btn-readmore {
 float: none;
 margin-left: 0;
 position: absolute;
 right: 0;
 top: 0;
}
.synopsis-item .item-wrap .bar-more {
 padding-top: 2em;
}
.about-banner {
 max-width: 40%;
}
.about-banner img {
 width: 100%;
}
.about-list {
 padding: 0;
}
.about-item .about-item-wrap {
 margin: 0 10px;
}
/* ===================================================
 * aside
 * --------------------------------------------------- */
.aside {
 width: 200px;
}
.side-tit-bar .side-tit {
 height: 40px;
 overflow: hidden;
 font-size: 16px;
}
/* ===================================================
 * main
 * --------------------------------------------------- */
.main {
 width: 720px;
}
.product-list .gm-sep {
 margin: 0 -10px;
}
.product-list .product-item {
 padding-bottom: 10px;
}
.product-list .product-item .item-wrap {
 margin: 0 5px;
 padding: 1px 1px 15px;
}
/* ===================================================
 * product detail
 * --------------------------------------------------- */
.product-view {
 width: 320px;
}
.product-summary {
 width: 370px;
}
/* ===================================================
 * certificate list
 * --------------------------------------------------- */
.certificate-list {
 margin: 0 -5px;
}
.certificate-list .product-item .item-wrap {
 margin: 0 5px;
}
}
 @media screen and (min-width:769px) and (max-width:1023px) {
.layout, .nav-bar .nav-wrap, .path-bar .path-nav, .index-tit-bar {
 width: 750px;
}
body, .container {
 min-width: 750px;
}
/* ===================================================
 * header
 * --------------------------------------------------- */

.logo {
 display: block;
 text-align: center;
 float: none;
}
.nav-wrap .nav {
 float: none;
 text-align: center;
}
.nav-bar .nav {
 display: block;
}
.nav-bar .nav > li {
 display: inline-block;
 float: none;
}
.nav-bar .nav > li > ul {
 text-align: left;
}
/* ===================================================
 * homepage
 * --------------------------------------------------- */
.partner-wrap .partner-list {
 padding: 0 60px;
}
.company-synopses {
 margin: 0 -5px;
}
.synopsis-item .item-wrap {
 margin: 0 5px;
}
.foot-contact-wrap .foot-contact-form {
 width: 100%;
 float: none;
}
.foot-contact-wrap .foot-contact-info {
 margin: 0;
 padding: 1em 0 0;
}
.foot-contact-wrap .foot-contact-info li:last-child {
 border-bottom: 0;
}
/* ===================================================
 * 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) {
.owl-carousel {
 padding: 0 0 30px;
}
.owl-dots .owl-dot {
 border-radius: 50%;
}
.sub-content {
 position: relative;
 display: block;
 right: auto;
 border-radius: 0;
 border: none;
 box-shadow: none;
 z-index: 99999;
}
.mobile-head-item .sub-content {
 display: block!important;
}
.scrollsidebar, .bottomsidebar {
 display: none;
}
.gotop {
 display: none;
 visibility: hidden;
}
 // h1, h2, h3, .side-tit-bar .side-tit, .btn-readmore, .product-item .item-wrap .pd-name {
font-family:'SourceSansProBold';
font-weight: bold;
}
/* 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, .index-tit-bar {
 display: block;
 width: 100%;
 margin: 0 auto;
}
.head-wrapper, .foot-wrapper, .nav-bar {
 max-width: 100%;
 min-width: inherit;
}
.z10000 {
 position: relative;
 z-index: 100000;
}
.mobile-body-mask {
 width: 100%;
 height: 100%;
 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(img/mobile_close.png) center center no-repeat;
 background-size: 50% auto;
 position: absolute;
 right: -35px;
 top: 0;
}
.owl-carousel {
 padding: 0 0 30px;
}
.page-layout {
 padding: 0 15px;
}
img {
 max-width: 100%;
}
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 {
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 -ms-box-sizing: content-box;
 -o-box-sizing: content-box;
 box-sizing: content-box;
}
.foot-item-inquiry .inquiry-item {
 padding-bottom: 1em;
}
.foot-item-inquiry .inquiry-ipt::-webkit-input-placeholder {
color:rgba(255,255,255,.6);
}
.foot-item-inquiry .inquiry-ipt:-moz-placeholder {
color:rgba(255,255,255,.6);
}
.foot-item-inquiry .inquiry-ipt::-moz-placeholder {
color:rgba(255,255,255,.6);
}
.foot-item-inquiry .inquiry-ipt:-ms-input-placeholder {
color:rgba(255,255,255,.6);
}
/* ===================================================
 * header
 * --------------------------------------------------- */
.head-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;
}
.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: 80%;
 height: 100%;
}
.mobile-head-item .middle-content-wrap {
 position: absolute;
 left: 0;
 width: 100%;
 height: auto;
 padding: 20px 0;
 opacity: 0;
 visibility: hidden;
}
.mobile-head-item .middle-show-content-wrap {
 top: 30px;
 visibility: visible;
 opacity: 1;
}
.nav-bar .nav, .topbar {
 display: none;
}
.nav-bar {
 height: auto;
 line-height: normal;
 padding: 38px 0 10px;
 background-color: #fff;
 box-shadow: 0 0 .4em rgba(0,0,0,.15);
}
.logo {
 display: block;
 float: none;
 text-align: center;
 margin: 0;
}
.logo img {
 height: 35px;
 margin: 0 auto;
}
.head-search {
 top: auto;
 position: relative;
}
.head-search-form {
 position: relative;
 height: 35px;
 top: auto;
 opacity: 1;
 visibility: visible;
}
.head-search-form form {
 position: static;
 width: 100%;
}
.head-search {
 width: 100%;
 opacity: 1;
 margin: 0;
 position: relative;
}
.head-search .search-ipt, .head-search .search-ipt:focus {
 width: 100%;
 height: 38px;
 line-height: 38px;
 padding: 0 15px;
 border: 0;
 text-indent: 0;
 background: #ddd;
 color: #666;
}
.head-search .search-ipt, .head-search .search-btn {
 float: none;
}
.head-search .search-ipt::-webkit-input-placeholder {
color:#999;
}
.head-search .search-ipt:-moz-placeholder {
color:#999;
}
.head-search .search-ipt::-moz-placeholder {
color:#999;
}
.head-search .search-ipt:-ms-input-placeholder {
color:#999;
}
.head-search .search-btn {
 width: 38px;
 height: 38px;
 background: #333 url(img/m-ico-search.png) center no-repeat;
 background-size: auto 18px;
 border-radius: 0;
 left: auto;
 right: 0;
}
.head-search .search-toggle {
 display: none;
}
.head-search .head-search-form {
 display: block;
 position: static;
 -webkit-transform: none;
 transform: none;
 visibility: visible;
 width: 100%;
 opacity: 1;
 border: 0;
 padding: 0;
}
.fixed-nav .nav-bar {
 position: static;
}
.mobile-head-search .middle-content-wrap {
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%);
}
.mobile-head-search .middle-show-content-wrap {
 -webkit-transform: none;
 transform: none;
}
/*nav */
.nav li {
 position: relative;
 display: block;
 width: 100%;
}
.nav ul {
 clear: both;
}
.nav ul:after {
 content: '';
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.nav > li {
 padding: .5em 0;
 border-bottom: 1px solid #eee;
 float: left;
}
.nav li.has-child {
 width: 100%!important;
 float: none!important;
 clear: both!important;
}
.nav li.has-child li {
 float: left;
 margin: 0 1em 0 0;
}
.nav li.has-child > ul {
 clear: both;
}
.nav ul li {
 line-height: 1.8em;
}
.nav ul li.has-child > ul {
 padding-left: 1em;
}
.nav ul li.has-child > ul > li {
 float: left;
 width: auto;
 font-size: 12px;
}
.nav li ul img {
 display: none;
}

.nav > li.elem-link > a {
 display: block;
 position: relative;
}
.nav > li.elem-link > a:after {
 content: '\f105';
 position: absolute;
 right: 0;
 top: 0;
}
.nav > li > ul > li {
 float: none;
}
.nav > li > ul > li > a {
 display: block;
 position: relative;
 padding-left: 1em;
 float: none;
 font-weight: bold;
}
.nav > li > ul > li > a:before {
 content: '';
 display: block;
 width: 3px;
 height: 3px;
 background-color: #aaa;
 position: absolute;
 left: 0;
 top: 11px;
}
/* translate */
.transall {
 display: block;
 width: 100%;
 float: none;
}
.head-wrapper .prisna-wp-translate-dropdown-sub-container, .head-wrapper .prisna-wp-translate-dropdown-body, .head-wrapper .prisna-wp-translate-dropdown-body:hover {
 background: none!important;
 border: 0!important;
 box-shadow: none!important;
}
.head-wrapper .prisna-wp-translate-dropdown-container, .head-wrapper .prisna-wp-translate-dropdown-sub-container, .head-wrapper .prisna-wp-translate-dropdown-body {
 height: auto!important;
}
.head-wrapper .prisna-wp-translate-dropdown-body {
 float: none!important;
}
.head-wrapper .prisna-wp-translate-dropdown-body .prisna-wp-translate-dropdown-body>p.prisna-wp-translate-dropdown-current-language, .head-wrapper .transall .prisna-wp-translate-dropdown-current-language-arrow {
 display: none!important;
}
.head-wrapper .prisna-wp-translate-dropdown-languages-list-scroll {
 display: block!important;
 height: auto!important;
}
.head-wrapper .prisna-wp-translate-dropdown-languages-list p {
 width: 50%;
 display: inline!important;
 float: left!important;
}
.head-wrapper .prisna-wp-translate-dropdown-languages-list {
 display: block!important;
}
.transall .prisna-wp-translate-dropdown-current-language {
 display: none!important;
}
/* ===================================================
 * footer
 * --------------------------------------------------- */
.mobile-contact {
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 height: auto;
 z-index: 9999;
 height: 38px;
 line-height: 38px;
 background: #161622;
}
.mobile-contact, .mobile-contact a {
 color: #FFF
}
.topbar .head-contact {
 display: block;
 width: 100%;
}
.head-contact .head-phone, .head-contact .head-email {
 width: 50%;
 margin: 0;
 text-align: center;
 line-height: 38px;
 color: #FFF;
 float: left;
}
.head-contact .head-phone a, .head-contact .head-email a {
 display: block;
}
.head-contact .head-phone {
 background: #ff6600;
}
.foot-wrapper, .foot-wrapper a {
 color: #fff;
}
.social-list li a {
 padding: 12px;
 border-radius: 11px;
}
.copyright {
 font-size: 12px;
}
/* ===================================================
 * for:homepage
 * --------------------------------------------------- */
.index-layout {
 padding: 0 15px;
}
.company-synopses-wrap {
 padding: 40px 15px;
 margin: 0 -15px;
}
.wow {
 -webkit-animation-name: none;
 animation-name: none;
}
/* title */
.index-tit-bar {
 padding-bottom: 35px;
}
.main-product-wrap .index-tit-bar .title, .main-product-wrap .index-tit-bar .desc {
 padding-left: 0;
 padding-right: 0;
}
.index-tit-bar .title, .about-us-wrap .about-tit-bar .about-tit, .product-cate-wrap .index-tit-bar .title {
 font-size: 24px;
 font-weight: normal;
 line-height: 1.2;
}
.index-tit-bar .desc {
 line-height: 1.4;
 font-weight: normal;
 font-size: 14px;
 padding-top: 15px;
}
/* more */
.btn-readmore, a.btn-readmore {
 line-height: 36px;
 color: #fff;
 padding: 0 1.5em;
 border-width: 1px;
}
/* slides */
.rev_slider_wrapper {
 margin: 0 auto;
 border-top: 0;
}
.tp-leftarrow, .tp-rightarrow {
 z-index: 1000;
}
.tp-bullets.hidebullets {
 opacity: 1;
}
.tp-bullets.simplebullets .bullet {
 width: 5px;
 height: 5px;
}
.tp-leftarrow, .tp-rightarrow {
 display: none!important;
}
.rev_slider_wrapper .banner-title, .rev_slider_wrapper .banner-title strong {
 height: 32px;
 line-height: 32px;
}
.rev_slider_wrapper .banner-title strong {
 padding: 0 8%;
 text-transform: none;
 font-size: 14px;
}
.tp-loader {
 box-shadow: none!important;
}
.tp-loader.spinner0 {
 background-size: auto 32px;
 background-color: transparent;
 -webkit-animation-name: none;
 animation-name: none;
}
/* synopsis */
.company-synopses-wrap, .main-product-wrap {
 background-attachment: inherit;
 background: #222 url(img/section-bg-mobile.jpg) 0 0 no-repeat!important;
 background-size: 100% 100%;
}
.synopsis-item {
 width: 100%;
 margin: 0 auto;
}
.synopsis-item .item-wrap .item-img a:before {
 display: none;
}
.synopsis-item .item-wrap .item-img:hover img {
 -webkit-transform: none;
 transform: none;
}
.synopsis-item .item-wrap .item-info {
 max-width: 400px;
 margin: 0 auto;
}
.synopsis-item .item-wrap .item-title {
 font-size: 16px;
}
.synopsis-item .item-wrap .item-title, .synopsis-item .item-wrap .item-title a {
 color: #fff;
}
.synopsis-item .item-wrap .item-desc {
 font-size: 12px;
}
.synopsis-item .item-wrap .bar-more {
 padding-top: 1.5em;
}
/* about us */
.about-us-wrap {
 margin: 0 -15px;
 padding: 50px 15px;
}
.about-us-wrap .index-tit-bar .title, .about-us-wrap .index-tit-bar .desc {
 padding-left: 0;
 padding-right: 0;
}
.about-list {
 padding: 0;
}
.about-item {
 width: 100%;
}
.about-item .about-item-wrap {
 max-width: 500px;
 margin: 0 auto 25px;
 padding: 50px 35px;
}
.about-item .about-item-wrap .about-item-tit {
 font-size: 18px;
}
.about-item .about-item-wrap .about-item-desc {
 font-size: 12px;
}
/* product */
.main-product-wrap {
 padding: 40px 15px;
 margin: 0 -15px;
 background-color: #f2f2f2;
 text-align: center;
}
.main-product-wrap .product-item {
 padding-bottom: 15px;
}
.main-product-wrap .product-item .item-wrap .pd-name {
 max-width: inherit;
}
.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 {
 color: #fff;
}
/* contact */
.floor-contact {
 margin: 0 -15px;
 padding: 50px 15px;
}
.floor-contact .index-tit-bar .title, .floor-contact .index-tit-bar .desc {
 padding-left: 0;
 padding-right: 0;
}
.foot-contact-wrap {
 padding: 40px 25px;
 margin: 0 auto;
 max-width: 500px;
}
.foot-contact-wrap .foot-contact-form {
 width: 100%;
 float: none;
}
.foot-contact-wrap .foot-contact-form .foot-contact-ipt, .foot-contact-wrap .foot-contact-form .foot-contact-txtarea {
 width: 100%;
}
.foot-contact-wrap .foot-contact-info {
 margin: 0;
}
.foot-contact-wrap .foot-contact-form .foot-contact-item {
 padding-bottom: 15px;
}
.foot-contact-wrap .foot-contact-form .foot-contact-ipt, .foot-contact-wrap .foot-contact-form .foot-contact-txtarea {
 padding: 8px 1em;
}
.foot-contact-wrap .foot-contact-form .foot-contact-btn {
 line-height: 22px;
}
.foot-contact-wrap .foot-contact-info li {
 font-size: 14px;
 padding-left: 40px;
}
.foot-contact-wrap .foot-contact-info li:before {
 -webkit-transform: scale(.7);
 transform: scale(.7);
}
.foot-contact-wrap .foot-contact-info li:last-child {
 border-bottom: 0;
}
/* ===================================================
 * for:product list
 * --------------------------------------------------- */
.path-bar {
 display: none;
}
.promote-bar {
 display: none;
}
/* aside */
.aside {
 display: none;
}
.side-head-search {
 width: 100%;
}
.side-head-search .search-ipt {
 width: 100%;
}
.side-tit-bar {
 position: relative;
}
.side-tit-bar .side-tit {
 font-size: 16px;
 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 {
 padding-bottom: 10px;
}
.product-list .product-item:nth-child(3n+1) {
 clear: none;
}
.product-list .product-item:nth-child(2n+1) {
 clear: left;
}
.product-list .product-item .item-wrap:hover {
 outline: 0;
 border-color: #d8d8d8;
}
.product-list .product-item .item-wrap .pd-name {
 width: 100%;
 max-width: 90%;
 font-size: 14px;
}
.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 a:before {
 display: none;
}
.product-view .image-additional li.single{ display:block}
/* product summary */
.product-summary {
 position: relative;
 width: 100%;
 float: none;
}
.product-summary .share-this {
 float: none;
 margin: 18px 0;
}
.product-summary li {
 display: -webkit-box;
 display: -moz-box;
 display: box;
 width: 100%;
 padding-left: 0;
 font-size: 12px;
}
.product-summary li:last-child {
 border-bottom: 0;
}
.product-summary li > em, .product-summary li > .item-label {
 position: relative;
 height: auto;
 line-height: 1.2em;
 left: auto;
 top: auto;
 padding-bottom: .5em;
}
.product-summary li > em {
 width: 140px;
}
.product-summary li > .item-label {
 -webkit-box-flex: 1;
 -moz-box-flex: 1;
 box-flex: 1;
 padding-left: .5em;
}
.product-btn-wrap {
 margin-top: 25px;
}
.product-btn-wrap .email, .product-btn-wrap .pdf {
 font-size: 12px;
 margin-right: 8px;
 padding: 0 1em;
}
/* detail */
.tab-content-wrap .tab-title-bar, .tab-content-wrap .tab-panel-wrap {
 display: none;
}
.tab-content-wrap .mobile-tab-items .mobile-tab-item {
 margin: 0 0 30px;
}
.tab-content-wrap .mobile-tab-items .mobile-tab-title {
 margin: 0 0 15px;
}
.tab-content-wrap .mobile-tab-items .mobile-tab-panel {
}
/* Customers Also Bought */
.goods-items {
 width: 100%;
}
.goods-may-like {
 padding-bottom: 0;
}
/* ===================================================
 * for:blog
 * --------------------------------------------------- */
.blog-list .blog-item {
 padding: 15px 0;
 border-bottom: 1px solid #ddd;
 margin: 0 5px;
}
.blog-list .blog-item:last-child {
 border: 0;
}
.blog-list .blog-item:hover {
 background: none;
}
.blog-list .blog-item:before {
 left: 15px;
 right: 15px;
 display: none;
}
.blog-list .blog-item .blog-img {
 display: block;
 max-width: 100%;
 float: none;
 margin-right: 0;
}
.blog-list .blog-item .blog-tit {
 font-size: 18px;
 line-height: 1.1em;
 padding: 6px 0 0;
}
.blog-list .blog-item .blog-meta {
 padding: 6px 0 0;
 font-size: 12px;
}
.blog-list .blog-item .blog-summary {
 padding: 0;
 margin: 8px 0;
 max-height: 6.5em;
 font-size: 14px;
 line-height: 1.3em;
 overflow: hidden;
}
.blog-list .blog-item .readmore {
 display: none;
}
.main .blog-article {
 padding: 5px 10px;
}
/* ===================================================
 * for:certificate list
 * --------------------------------------------------- */
.certificate-list {
 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-height: inherit;
 font-size: 11px;
}
.certificate-list .product-item .item-wrap .pd-name, .certificate-list .product-item .item-wrap:hover .pd-name {
 padding: .5em 1.5em;
}
.video-list .product-item .pd-img a:after {
 display: none;
}
/* ===================================================
 * for:video list
 * --------------------------------------------------- */
.video-list {
 margin: 0 -5px;
}
.video-list .product-item {
 width: 50%;
 padding-bottom: 15px;
}
.video-list .product-item:nth-child(3n+1) {
 clear: none;
}
.video-list .product-item:nth-child(2n+1) {
 clear: left;
}
.video-list .product-item .item-wrap {
 margin: 0 5px;
}
.video-list .product-item .item-wrap .pd-name {
 max-width: 100%;
 margin-top: 10px;
 font-size: 12px;
}
.product-item .item-wrap .pd-name a {
 height: 2.8em;
 line-height: 1.4em;
}
.video-list .product-item .pd-img a:before, .video-list .product-item .pd-img a:after {
 display: none;
}
/*----------------inquiry-form----------------*/
.inquiry-form {
 padding: 1.5em 15px 15px;
 position: relative;
 z-index: 3;
}
.inquiry-form .inquiry-form-ico {
 width: 40px;
 right: 8px;
 top: 8px;
 display: none;
}
.inquiry-form input[type="text"].form-input, .inquiry-form textarea.form-text {
 width: 100%;
 background-color: #fff;
}
.inquiry-form .captcha-image i {
 font-size: 24px;
}
.faq-list ul li .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;
}