@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: #fc2129;
}


/* carousel */

.owl-carousel {
	display: none;
}

.owl-loaded {
	display: block;
}


/* layout */

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


/* clear floating */

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

/*.nav-wrap,*/
.product-wrap,
.company-synopses,
.about-us,
.slides,
.social-list,
/*.foot-item-inquiry ul,*/
.index-tit-bar,
.product-cate-wrap .product-cate-list,
.about-list,
/*.foot-contact-wrap,*/
.promote-banner-list ul,
.item-hd,
.partner-list,
.company-promote,
.about-banner ul,
.path-nav {
	*zoom: 1;
}
/* color */
.foot-items a:hover,
.foot-item-service li a:hover:before,
.pd-name a:hover {
	color: #fc2129;
}
h1,
h2,
h3,
.side-tit-bar .side-tit,
.btn-readmore,
.detail-tabs .title.current,
.inquiry-panel .inquiry-tit,
.slider-txt h4 {
	font-family: 'SourceSansProSemibold';
}
.scrollsidebar {
	z-index: 99999!important;
}

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

.z-large {
	z-index: 9999999;
}
/*公共动画开始*/
/* --------------------  animate --------------------  */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* fadeIn */

@-webkit-keyframes gdFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

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

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

@-webkit-keyframes gdFadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -13%, 0);
		transform: translate3d(0, -13%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes gdFadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -13%, 0);
		-ms-transform: translate3d(0, -13%, 0);
		transform: translate3d(0, -13%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

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

@keyframes gdFadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-13%, 0, 0);
		-ms-transform: translate3d(-13%, 0, 0);
		transform: translate3d(-13%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

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

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

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

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

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

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


/* fadeOut */

@-webkit-keyframes gdFadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes gdFadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* zoom */

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

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

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

@keyframes gdZoomOut {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	100% {
		opacity: 0
	}
}

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


/* bounce */

@-webkit-keyframes gdBounceIn {
	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes gdBounceIn {
	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		-ms-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		-ms-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		-ms-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

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

@-webkit-keyframes gdBounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@keyframes gdBounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		-ms-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

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

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

@keyframes icojump {
	0% {
		transform: translateY(0);
	}
	25% {
		transform: translateY(-10px);
	}
	50% {
		transform: translateY(0);
	}
	75% {
		transform: translateY(-5px);
	}
	100% {
		transform: translateY(0);
	}
}

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

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		-ms-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		-ms-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		-ms-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		-ms-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		-ms-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

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


/*公共动画结束*/



/* 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: #fc2129;
	position: relative;
	z-index: 2;
	margin-bottom: -1px;
}

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

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

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

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

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





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

.head-wrapper {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999;
	transition: all .2s ease;
	position: static;
}
.nav-bar .nav-wrap{
	max-width: 1200px;
	*width: 1200px;
}
.nav-wrap:after{
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.foot-contact-wrap,
.foot-item-inquiry ul,
.nav-wrap{
	*zoom: 1;	
}
.foot-item-service li a:before,
.foot-contact-list li .item-label:before,
.nav>li.elem-link>a:after{
	font-family: "fontawesome";
}
.foot-wrapper,
.nav ul{
	font-family: 'SourceSansProLight'
}
.topbar {
	position: relative;
	margin: 0 auto;
	/*z-index:10002;*/
	background: #000;
	padding: 0;
	text-align: right;
}

.topbar .layout {
	position: relative;
}

.topbar .layout:before {
	pointer-events: none; /* 禁止此伪元素捕获鼠标事件 */
	content: '';
	display: block;
	position: absolute;
	left: 220px;
	right: 0;
	top: 0;
	height: 100%;
	background-color: rgba(255, 255, 255, .6);
}

.topbar .head-contact {
	display: inline-block;
	line-height: 28px;
	padding: 10px 0 0;
	position: relative;
	z-index: 3;
}

.topbar .head-contact {
	*display: inline;
}

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

.sub-head-wrapper {
	background-color: #000;
}


/* search */

.search-holder,
.head-search-form {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

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

.head-search {
	float: right;
	margin-left: 1em;
}

.head-search .search-toggle {
	display: block;
	width: 100px;
	height: 100px;
	background-image: url("../images/search-toggle.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #fff;
	cursor: pointer;
	position: relative;
	z-index: 3;
	-webkit-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.head-search .search-toggle:hover {
	background-color: #000;
	background-position: 0 -100px;
}

.head-search-form {
	width: 0;
	height: auto;
	padding: 30px 0;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 100px;
	overflow: hidden;
	animation: searchOut .3s linear;
}

.head-search-form form {
	display: block;
	width: 0;
	overflow: hidden;
	position: relative;
}

.head-search-form .search-ipt {
	width: 0;
	height: 40px;
	line-height: 40px;
	border: 0;
	float: left;
	padding-left: 0;
	border: 0 solid #ddd;
	background-color: #fff;
	position: relative;
}

.head-search-form .search-btn {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: #000;
	background-image: url("../images/search-btn.png");
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: 1px;
	top: 1px;
	z-index: 1;
	border: 0;
}

.head-search-show .head-search-form {
	width: 100%;
	background-color: rgba(255, 255, 255, .6);
	animation: searchIn .3s linear;
}

.head-search-show .head-search-form form {
	width: auto;
	margin: 0 30px;
	border: 1px solid #ddd;
	background-color: #fff;
	padding-left: 12px;
}

.head-search-show .head-search-form .search-ipt {
	display: block;
	width: 100%;
}

.head-search-show .nav {
	opacity: 0;
	filter: alpha(opacity=0);
}

.head-search-show .topbar .layout {
	z-index: 1001;
}

.head-search-show .nav-wrap:before {
	opacity: 0;
	filter: alpha(opacity=0);
}


/* change language */

.change-language {
	float: right;
	margin-top: 10px;
}

.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-wrap:before {
	content: '';
	display: block;
	width: 100px;
	height: 101px;
	/*background-color: #fff;*/
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.nav-bar {
	padding: 0;
	position: relative;
	z-index: 99;
}

.nav-bar .nav-wrap {
	background-color: rgba(204, 204, 204, .6);
}

.logo {
	width: 220px;
	position: absolute;
	z-index: 999;
	margin-top: -100px;
	padding: 25px 0;
	background-color: #000;
	z-index: 10003;
}

.logo img {
	height: 50px;
	width: auto;
	max-width:200px;
}

.nav-bar .nav {
	display: inline;
	float: left;
}

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

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

.nav-bar .nav>li {
	float: left;
	position: relative;
	line-height: 100px;
	font-weight: bold;
	border-right: 1px solid #fff;
}

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

.nav-bar .nav>li>a {
	display: inline-block;
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
	padding: 0 35px;
}

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

.nav-bar .nav>li .nav-ico {
	display: inline-block;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	position: absolute;
	right: 20px;
	top: 0;
}

.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>a {
	background-color: #000;
	color: #fff;
}

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

.nav-bar .nav ul {
	width: 250px;
	background-color: rgba(0, 0, 0, .95);
	background-color: #fff\9;
	position: absolute;
	left: 0%;
	top: 100px;
	padding: 10px 0;
	z-index: 999999;
	padding: 5px;
	box-shadow: 0 0 1.5em rgba(0, 0, 0, .15);
}

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

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

.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 #333;
	-webkit-transition: none;
	transition: none;
}

.nav-bar .nav ul li a:hover {
	background-color: #000;
	color: #ccc;
	/*!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: '\f0da';
	color: #999;
	font-weight: normal;
}

.nav-bar .nav ul li ul {
	left: 263px;
	top: 0;
	margin-left: 0;
}

.nav-bar .nav ul li.li-hover>a {
	background-color: #000;
	color: #ccc;
	/*!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 {
	display: none;
}

.fixed-nav .nav-bar {
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
}

.fixed-nav .nav-bar .nav-wrap {
	background: none;
}

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

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

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

.fixed-nav .nav-bar .nav ul ul {
	top: 0;
}

.fixed-nav .topbar .layout {
	top: 6px;
}

.fixed-nav .nav-wrap:before {
	display: none;
}

.sub-head-wrapper .topbar .layout:before {
	background-color: #8d8e92;
}

.sub-head-wrapper .nav-bar {
	padding-bottom: 10px;
}

.sub-head-wrapper .nav-bar .nav-wrap {
	background-color: #8d8e92;
}

.fixed-nav .nav-bar {
	padding-bottom: 0;
}

.fixed-nav .nav-bar .nav-wrap {
	background: none;
}


/* =================================================== 
   * footer 
   * --------------------------------------------------- */
.footer-layout{
	padding: 40px 0;
}
.foot-items {
	margin: 0 -50px;
	
}

.foot-item {
	width: 33.33%;
	float: left;
	min-height: 275px;
	position: relative;
}

.foot-item:before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background-color: #ddd;
	position: absolute;
	right: 0;
	top: 0;
}

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

.foot-item .foot-tit {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
}

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

.foot-item .foot-txt-list li {
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	margin-bottom: 5px;
}

.foot-item .social-list li {
	line-height: 22px;
	margin-bottom: 5px;
}

.foot-item .social-list li .item-ico {
	display: inline-block;
	padding: 3px 0;
	vertical-align: middle;
	line-height: 16px;
}

.foot-item .social-list li .item-ico img {
	width: 15px;
	height: 15px;
}

.foot-item .social-list li .item-txt {
	padding-left: 20px;
}

.foot-item:last-child:before {
	display: none;
}

.foot-contact-list li {
	line-height: 22px;
	padding-left: 35px;
	position: relative;
	margin-bottom: 5px;
	position: relative;
}

.foot-contact-list li .fa-ico {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
}
.fa-ico:before {
	font-family: "fontawesome";
}
.foot-contact-list li .fa-ico-local:before {
	content: "\f041";
}

.foot-contact-list li .fa-ico-tel:before {
	content: "\f095";
}

.foot-contact-list li .fa-ico-email:before {
	content: "\f003";
}

.foot-wrapper,
.foot-wrapper a {}

.foot-wrapper a:hover {
	color: #fc2129;
}

.footer {
	background-color: #000;
}

.footer,
.footer a {
	color: #fff;
}

.copyright {
	padding: 10px 0;
}

.copyright a {
	color: #fc2129;
}

.gotop {
	width: 42px;
	height: 42px;
	line-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;
}
@media screen and (min-width:768px) and (max-width:1023px) {
	.foot-items {
		margin: 0;
	}
	.foot-item {
		width: 50%;
		min-height: inherit;
		padding: 15px 0;
	}
	.foot-item:before {
		display: none;
	}
	.foot-item:nth-child(2n+1) {
		clear: left;
	}
	.foot-item .foot-tit,
	.foot-item .foot-cont {
		margin: 0 6%;
	}
}
/*luv小屏幕适配开始*/
@media screen and (max-width:1279px) {
	.layout,
	.nav-bar .nav-wrap,
	.path-bar .path-nav,
	.index-tit-bar {
		width: auto;
	}
	/* ===================================================
 * header
 * --------------------------------------------------- */
	.nav-wrap .nav {
		padding-right: 0;
	}
	.nav-bar .nav>li>a {
		padding: 0 25px;
	}
	.nav-bar .nav>li .nav-ico {
		right: 10px;
	}
	/* ===================================================
 * footer
 * --------------------------------------------------- */
	.foot-items {
		padding: 40px 15px;
	}
	.footer {
		padding: 10px 15px;
	}
	.foot-item-inquiry .subscribe-form .subscribe-ipt,
	.foot-item-inquiry .subscribe-form .subscribe-btn {
		border-radius: 3px;
		-webkit-appearance: none;
	}
	.foot-item-inquiry .subscribe-form .subscribe-btn {
		margin-top: 8px;
	}
	/* ===================================================
 * homepage
 * --------------------------------------------------- */
	.index-layout {
		padding: 0 15px;
	}
	.index-tit-bar {
		padding-left: 15px;
		padding-right: 15px;
	}
	.about-us-wrap .about-desc {
		padding: 0;
	}
	.main-product-wrap {
		margin: 0 -15px;
	}
	.product-slides {
		width: auto;
		padding: 0 15px;
	}
	.company-promote-wrap {
		margin: 0 -15px;
		padding: 40px 15px;
	}
	.synopsis-item .item-wrap .bar-more {
		padding-top: 2em;
	}
	.about-banner img {
		width: 100%;
	}
	.about-list {
		padding: 0;
	}
	.about-item .about-item-wrap {
		margin: 0 10px;
	}
	.about-us-wrap {
		overflow: visible;
	}
	.about-us-wrap .about-banner {
		margin: 0 -15px;
	}
	/* ===================================================
 * aside
 * --------------------------------------------------- */
	.page-layout {
		padding: 0 15px;
	}
	.path-bar {
		padding-left: 15px;
		padding-right: 15px;
	}
	.aside {
		width: 220px;
	}
	.aside .aside-wrap {
		margin-right: 15px;
	}
	.side-tit-bar .side-tit {
		height: 40px;
		overflow: hidden;
		font-size: 16px;
	}
	/* ===================================================
 * main
 * --------------------------------------------------- */
	.main {
		width: 100%;
		margin-left: -235px;
		float: right;
	}
	.main-in {
		padding-left: 235px;
	}
	.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: 40%;
	}
	.product-summary {
		width: 57%;
	}
	.product-summary .product-meta p {
		margin-right: 0;
	}
	/* ===================================================
 * certificate list
 * --------------------------------------------------- */
	.certificate-list {
		margin: 0 -5px;
	}
	.certificate-list .product-item .item-wrap {
		margin: 0 5px;
	}
}


/*小屏幕适配结束*/
/*! 
 * 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('../images/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: 15px 15px 0;
	}
	img {
		max-width: 100%;
	}
	/* box sizing */
	* {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.foot-item-inquiry .inquiry-ipt {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		-o-box-sizing: content-box;
		box-sizing: content-box;
	}
	.foot-item-inquiry .inquiry-item {
		padding-bottom: 1em;
	}
	.foot-item-inquiry .inquiry-ipt::-webkit-input-placeholder {
		color: rgba(255, 255, 255, .6);
	}
	.foot-item-inquiry .inquiry-ipt:-moz-placeholder {
		color: rgba(255, 255, 255, .6);
	}
	.foot-item-inquiry .inquiry-ipt::-moz-placeholder {
		color: rgba(255, 255, 255, .6);
	}
	.foot-item-inquiry .inquiry-ipt:-ms-input-placeholder {
		color: rgba(255, 255, 255, .6);
	}
	/* ===================================================
 * header
 * --------------------------------------------------- */
	.head-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: hidden;
		overflow-y: auto;
		height: 100%;
		padding: 15px 10px;
	}
	.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
		overflow-y: hidden;
	}
	.mobile-head-item .side-content-wrap {
		position: fixed;
		display: block;
		left: -80%;
		width: 80%;
		height: 100%;
	}
	.mobile-head-item .middle-content-wrap {
		position: absolute;
		left: 0;
		width: 100%;
		height: auto;
		padding: 20px 0;
		opacity: 0;
		visibility: hidden;
	}
	.mobile-head-item .middle-show-content-wrap {
		top: 30px;
		visibility: visible;
		opacity: 1;
	}
	.head-contact,
	.head-contact a {
		color: #ffff
	}
	.nav-bar .nav,
	.topbar {
		display: none;
	}
	.nav-bar {
		height: auto;
		line-height: normal;
		padding: 38px 0 0;
		background-color: #161622;
		box-shadow: 0 0 .4em rgba(0, 0, 0, .15);
	}
	.logo {
		width: 100%;
		display: block;
		float: none;
		text-align: center;
		margin: 0;
		position: static;
		padding: 10px 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('../images/m-ico-search.png') center no-repeat;
		background-size: auto 18px;
		border-radius: 0;
		left: auto;
		top: 0;
		right: 0;
		position: absolute;
	}
	.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-wrap:before {
		display: none;
	}
	.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
 * --------------------------------------------------- */
 .clearfix:after, .layout:after, .topbar:after, .product-intro:after, .product-shop dl:after, .color-list:after, #respond:after, .goods-related .related-list ul:after, .head-wrapper:after, .blog-widget .foot-blog-item:after, .products-scroll-list li:after, .blog-list .blog-item:after, .index-discover ul li:after, .exhibition-tit-bar:after, .detail-tabs:after, .index-video-news .layout:after, .index-news .index-news-cont .index-new-list:after, .index-newsletter-testimonial .layout:after, .index-about:after, .news-slides .news-item:after, .page-bar:after, .second-product-item .item-wrap:after, .company-data-wrap:after, .gm-sep:after, .owl-stage:after, .certificate-list ul:after, .video-list ul:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
	.mobile-contact {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		z-index: 9999;
		height: 38px;
		line-height: 38px;
		background: #161622;
	}
	.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;
		color: #fff;
	}
	.head-contact .head-phone {
		background: #0059a2;
	}
	.foot-items {
		padding-left: 15px;
		padding-right: 15px;
	}
	.foot-item {
		width: 100%;
		float: none;
		min-height: inherit;
		padding: 20px 0;
	}
	.foot-item-inquiry {
		padding-top: 35px;
	}
	.social-list li a {
		height: auto;
		padding: 8px;
		border-radius: 50%;
	}
	.footer {
		padding-bottom: 3.5em;
	}
	.copyright {
		font-size: 12px;
	}
	/* ===================================================
 * for:homepage
 * --------------------------------------------------- */
	.index-layout {
		padding: 0 15px;
	}
	.company-synopses-wrap {
		padding: 40px 15px;
		margin: 0 -15px;
		background-size: cover;
		background-attachment: scroll;
	}
	.wow {
		-webkit-animation-name: none;
		animation-name: none;
	}
	/* title */
	.main-product-wrap .index-tit-bar .title,
	.main-product-wrap .index-tit-bar .desc {
		padding-left: 0;
		padding-right: 0;
	}
	.index-tit-bar .title {
		width: 100%;
	}
	.index-tit-bar .title,
	.about-us-wrap .about-tit-bar .about-tit,
	.product-cate-wrap .index-tit-bar .title {
		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;
		top: auto;
	}
	.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 */
	.synopsis-item {
		width: 100%;
		float: none;
		padding: 15px 0;
	}
	.synopsis-item .item-wrap {
		text-align: center;
	}
	.synopsis-item .item-wrap .item-img {
		width: 70px;
		height: 70px;
		padding: 20px;
		margin-right: 15px;
		margin: 0 auto;
		float: none;
	}
	.synopsis-item .item-wrap .item-img img {
		width: 100%;
	}
	.synopsis-item .item-wrap .item-title {
		font-size: 20px;
	}
	.synopsis-item .item-wrap .item-desc {
		height: auto;
		line-height: 1.3;
	}
	/* about us */
	.about-us-wrap {}
	.about-us-wrap .index-tit-bar .title,
	.about-us-wrap .index-tit-bar .desc {
		padding-left: 0;
		padding-right: 0;
	}
	.about-us-wrap .about-banner {}
	.about-us-wrap .about-desc {
		padding: 0;
	}
	.about-list {
		padding: 0;
	}
	.about-item {
		width: 100%;
	}
	.about-item .about-item-wrap {
		max-width: 500px;
		margin: 0 auto 25px;
		padding: 50px 35px 40px;
	}
	.about-item .about-item-wrap .about-item-tit {
		font-size: 18px;
	}
	.about-item .about-item-wrap .about-item-desc {
		font-size: 12px;
	}
	.about-us-wrap .about-tit-bar .about-tit {
		text-align: center;
	}
	.about-us-wrap .about-tit-bar .about-tit em {
		padding: 0;
	}
	.about-us-wrap .about-detail {
		padding-right: 0;
		padding-bottom: 35px;
	}
	.about-us-wrap .layout {
		padding: 0;
	}
	.about-us-wrap .text {
		font-size: 14px;
	}
	.about-us-wrap .about-banner {
		position: static;
		margin: 0 auto;
	}
	.about-us-wrap .about-banner-item {
		width: 100%;
		float: none;
		padding-top: 0;
		margin-bottom: 15px;
	}
	.about-us-wrap .about-banner-item .item-info {
		width: 100%;
		bottom: 50%;
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}
	.about-us-wrap .about-banner-item .item-title {
		font-size: 12px;
	}
	.about-us-wrap .about-banner-item .item-desc {
		font-size: 24px;
	}
	.about-us-wrap:before {
		right: 0;
	}
	.about-us-wrap .bar-more {
		text-align: center;
	}
	.index-tit-bar .title,
	.about-us-wrap .about-tit-bar .about-tit,
	.about-us-wrap .about-tit-bar .about-tit em {
		font-size: 32px;
	}
	/* product */
	.main-product-wrap {
		padding: 40px 15px;
		margin: 0 -15px;
		background-color: #f2f2f2;
		text-align: center;
	}
	.main-product-wrap:before {
		display: none;
	}
	.main-product-wrap .index-tit-bar {
		padding: 5px 15px;
		margin-bottom: 20px;
	}
	.main-product-wrap .index-tit-bar .title {
		font-size: 24px;
	}
	.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-img a {
		width: 100%;
	}
	/* promote-banner */
	.promote-banner-wrap {
		padding-bottom: 0;
	}
	.promote-banner-list {
		padding-top: 15px;
	}
	.promote-banner-list li {
		width: 100%;
	}
	.promote-banner-list li .item-tit {
		font-size: 32px;
	}
	.promote-banner-list li .bn-item-box {
		margin: 0 15px 15px;
	}
	.promote-banner-list li .bn-item-inner {
		padding: 0;
	}
	.promote-banner-list li .bn-txt-box {
		width: 100%;
		position: relative;
		padding: 25px;
	}
	.promote-banner-list li .bn-item-img {
		width: 100%;
		height: 100%;
		left: 0;
	}
	.promote-banner-list li .bn-item-img img {
		width: 100%;
		height: 100%;
	}
	.promote-banner-list li .item-link {
		font-size: 14px;
		padding: 6px 15px;
	}
	.about-us-wrap .text {
		text-align: center;
	}
	/* promote */
	.company-promote-wrap {
		padding: 35px 15px;
		margin: 0 -15px;
	}
	.company-promote {
		padding: 0;
		margin: 0;
	}
	.promote-item {
		width: 100%;
		float: none;
		padding-bottom: 15px;
		max-width: 400px;
		margin: 0 auto;
	}
	.promote-item .item-wrap {
		margin: 0;
	}
	.promote-item .item-img-info {
		width: 100%;
	}
	.promote-item .item-date {
		font-size: 24px;
		line-height: 1.3;
	}
	.promote-item .item-title {
		font-size: 18px;
	}
	.promote-item .item-desc {
		font-size: 13px;
	}
	.bar-more {
		text-align: center;
	}
	/* ===================================================
 * 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-in {
		padding: 0;
	}
	.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 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;
	}
}



/*mobile end*/