/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
 body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
 * {}
a{outline:none; text-decoration:none !important;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}

 /*内边框*/
.borpd{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.tal{ text-align:left} .tar{ text-align:right;}
/*文字两侧对齐*/
.justify {
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
}
.lsele{
	box-sizing: border-box;background-color: transparent;outline: 0;
	-webkit-appearance: none;
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:    #c0c0c0; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:    #c0c0c0; }

::-moz-placeholder { /* Mozilla Firefox 19+ */   color:    #c0c0c0; }

:-ms-input-placeholder { /* Internet Explorer 10-11 */   color:    #c0c0c0; }




a{ color:inherit; transition: all 0.3s ease-in-out 0s;}
/*a:hover{ color:#3e6ed4;}*/
textarea, 
body{font-family: "Microsoft YaHei",sans-serif;}
/*ios去除阴影*/
/*input,textarea{-webkit-appearance: none;appearance: none;}*/
body{-webkit-tap-highlight-color: rgba(0,0,0,0);}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@-webkit-keyframes bounce {

	0%,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		transform: translateZ(0)
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounce {

	0%,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		transform: translateZ(0)
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		transform: translate3d(0, -4px, 0)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	transform-origin: center bottom
}

@-webkit-keyframes flash {

	0%,
	50%,
	to {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {

	0%,
	50%,
	to {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

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

@-webkit-keyframes pulse {
	0% {
		transform: scaleX(1)
	}

	50% {
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		transform: scaleX(1)
	}
}

@keyframes pulse {
	0% {
		transform: scaleX(1)
	}

	50% {
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		transform: scaleX(1)
	}
}

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

@-webkit-keyframes rubberBand {
	0% {
		transform: scaleX(1)
	}

	30% {
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		transform: scale3d(1.05, .95, 1)
	}

	to {
		transform: scaleX(1)
	}
}

@keyframes rubberBand {
	0% {
		transform: scaleX(1)
	}

	30% {
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		transform: scale3d(1.05, .95, 1)
	}

	to {
		transform: scaleX(1)
	}
}

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

@-webkit-keyframes shake {

	0%,
	to {
		transform: translateZ(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes shake {

	0%,
	to {
		transform: translateZ(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		transform: translate3d(10px, 0, 0)
	}
}

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

@-webkit-keyframes headShake {
	0% {
		transform: translateX(0)
	}

	6.5% {
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		transform: translateX(0)
	}
}

@keyframes headShake {
	0% {
		transform: translateX(0)
	}

	6.5% {
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		transform: translateX(0)
	}
}

.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}

@-webkit-keyframes swing {
	20% {
		transform: rotate(15deg)
	}

	40% {
		transform: rotate(-10deg)
	}

	60% {
		transform: rotate(5deg)
	}

	80% {
		transform: rotate(-5deg)
	}

	to {
		transform: rotate(0deg)
	}
}

@keyframes swing {
	20% {
		transform: rotate(15deg)
	}

	40% {
		transform: rotate(-10deg)
	}

	60% {
		transform: rotate(5deg)
	}

	80% {
		transform: rotate(-5deg)
	}

	to {
		transform: rotate(0deg)
	}
}

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

@-webkit-keyframes tada {
	0% {
		transform: scaleX(1)
	}

	10%,
	20% {
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}

	to {
		transform: scaleX(1)
	}
}

@keyframes tada {
	0% {
		transform: scaleX(1)
	}

	10%,
	20% {
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}

	to {
		transform: scaleX(1)
	}
}

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

@-webkit-keyframes wobble {
	0% {
		transform: translateZ(0)
	}

	15% {
		transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}

	30% {
		transform: translate3d(20%, 0, 0) rotate(3deg)
	}

	45% {
		transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}

	60% {
		transform: translate3d(10%, 0, 0) rotate(2deg)
	}

	75% {
		transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes wobble {
	0% {
		transform: translateZ(0)
	}

	15% {
		transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}

	30% {
		transform: translate3d(20%, 0, 0) rotate(3deg)
	}

	45% {
		transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}

	60% {
		transform: translate3d(10%, 0, 0) rotate(2deg)
	}

	75% {
		transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}

	to {
		transform: translateZ(0)
	}
}

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

@-webkit-keyframes jello {

	0%,
	11.1%,
	to {
		transform: translateZ(0)
	}

	22.2% {
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

@keyframes jello {

	0%,
	11.1%,
	to {
		transform: translateZ(0)
	}

	22.2% {
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	transform-origin: center
}

@-webkit-keyframes bounceIn {

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

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

	20% {
		transform: scale3d(1.1, 1.1, 1.1)
	}

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

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

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

	to {
		opacity: 1;
		transform: scaleX(1)
	}
}

@keyframes bounceIn {

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

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

	20% {
		transform: scale3d(1.1, 1.1, 1.1)
	}

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

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

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

	to {
		opacity: 1;
		transform: scaleX(1)
	}
}

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

@-webkit-keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0)
	}

	75% {
		transform: translate3d(0, -10px, 0)
	}

	90% {
		transform: translate3d(0, 5px, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0)
	}

	75% {
		transform: translate3d(0, -10px, 0)
	}

	90% {
		transform: translate3d(0, 5px, 0)
	}

	to {
		transform: translateZ(0)
	}
}

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

@-webkit-keyframes bounceInLeft {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(25px, 0, 0)
	}

	75% {
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		transform: translate3d(5px, 0, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes bounceInLeft {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(25px, 0, 0)
	}

	75% {
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		transform: translate3d(5px, 0, 0)
	}

	to {
		transform: translateZ(0)
	}
}

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

@-webkit-keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		transform: translate3d(10px, 0, 0)
	}

	90% {
		transform: translate3d(-5px, 0, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		transform: translate3d(10px, 0, 0)
	}

	90% {
		transform: translate3d(-5px, 0, 0)
	}

	to {
		transform: translateZ(0)
	}
}

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

@-webkit-keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(0, -20px, 0)
	}

	75% {
		transform: translate3d(0, 10px, 0)
	}

	90% {
		transform: translate3d(0, -5px, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(0, -20px, 0)
	}

	75% {
		transform: translate3d(0, 10px, 0)
	}

	90% {
		transform: translate3d(0, -5px, 0)
	}

	to {
		transform: translateZ(0)
	}
}

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

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

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

	to {
		opacity: 0;
		transform: scale3d(.3, .3, .3)
	}
}

@keyframes bounceOut {
	20% {
		transform: scale3d(.9, .9, .9)
	}

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

	to {
		opacity: 0;
		transform: scale3d(.3, .3, .3)
	}
}

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

@-webkit-keyframes bounceOutDown {
	20% {
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes bounceOutDown {
	20% {
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		transform: translate3d(0, 2000px, 0)
	}
}

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

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

	to {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		transform: translate3d(20px, 0, 0)
	}

	to {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0)
	}
}

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

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

	to {
		opacity: 0;
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		transform: translate3d(-20px, 0, 0)
	}

	to {
		opacity: 0;
		transform: translate3d(2000px, 0, 0)
	}
}

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

@-webkit-keyframes bounceOutUp {
	20% {
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		transform: translate3d(0, 20px, 0)
	}

	to {
		opacity: 0;
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes bounceOutUp {
	20% {
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		transform: translate3d(0, 20px, 0)
	}

	to {
		opacity: 0;
		transform: translate3d(0, -2000px, 0)
	}
}

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

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

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

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

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

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

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

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

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

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

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

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

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

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

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

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

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

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

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

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

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

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

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

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

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

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

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

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

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

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

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

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

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

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

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

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

	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

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

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

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

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}

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

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

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

	to {
		opacity: 0;
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(0, 2000px, 0)
	}
}

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

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

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

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

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

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

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

	to {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0)
	}
}

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

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

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

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

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

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

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

	to {
		opacity: 0;
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(2000px, 0, 0)
	}
}

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

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

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

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

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

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

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

	to {
		opacity: 0;
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(0, -2000px, 0)
	}
}

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

@-webkit-keyframes flip {
	0% {
		transform: perspective(400px) rotateY(-1turn);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		transform: perspective(400px) translateZ(150px) rotateY(-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		transform: perspective(400px) translateZ(150px) rotateY(-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(-1turn);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		transform: perspective(400px) translateZ(150px) rotateY(-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		transform: perspective(400px) translateZ(150px) rotateY(-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		transform: perspective(400px) rotateX(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		transform: perspective(400px) rotateX(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}

	80% {
		transform: perspective(400px) rotateX(-5deg)
	}

	to {
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		transform: perspective(400px) rotateX(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		transform: perspective(400px) rotateX(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}

	80% {
		transform: perspective(400px) rotateX(-5deg)
	}

	to {
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		transform: perspective(400px) rotateY(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}

	80% {
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		transform: perspective(400px) rotateY(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}

	80% {
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	0% {
		transform: perspective(400px)
	}

	30% {
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}

	to {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		transform: perspective(400px)
	}

	30% {
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}

	to {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
	0% {
		transform: perspective(400px)
	}

	30% {
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}

	to {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		transform: perspective(400px)
	}

	30% {
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}

	to {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
	0% {
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		transform: skewX(-5deg);
		opacity: 1
	}

	to {
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	0% {
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		transform: skewX(-5deg);
		opacity: 1
	}

	to {
		transform: translateZ(0);
		opacity: 1
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

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

	to {
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	to {
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	0% {
		transform-origin: center;
		transform: rotate(-200deg);
		opacity: 0
	}

	to {
		transform-origin: center;
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		transform-origin: center;
		transform: rotate(-200deg);
		opacity: 0
	}

	to {
		transform-origin: center;
		transform: translateZ(0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-45deg);
		opacity: 0
	}

	to {
		transform-origin: left bottom;
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-45deg);
		opacity: 0
	}

	to {
		transform-origin: left bottom;
		transform: translateZ(0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(45deg);
		opacity: 0
	}

	to {
		transform-origin: right bottom;
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(45deg);
		opacity: 0
	}

	to {
		transform-origin: right bottom;
		transform: translateZ(0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(45deg);
		opacity: 0
	}

	to {
		transform-origin: left bottom;
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(45deg);
		opacity: 0
	}

	to {
		transform-origin: left bottom;
		transform: translateZ(0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0
	}

	to {
		transform-origin: right bottom;
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0
	}

	to {
		transform-origin: right bottom;
		transform: translateZ(0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateOut {
	0% {
		transform-origin: center;
		opacity: 1
	}

	to {
		transform-origin: center;
		transform: rotate(200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center;
		opacity: 1
	}

	to {
		transform-origin: center;
		transform: rotate(200deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		transform-origin: left bottom;
		transform: rotate(45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		transform-origin: left bottom;
		transform: rotate(45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		transform-origin: right bottom;
		transform: rotate(-45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		transform-origin: right bottom;
		transform: rotate(-45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		transform-origin: left bottom;
		transform: rotate(-45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		transform-origin: left bottom;
		transform: rotate(-45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0
	}
}

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

@-webkit-keyframes hinge {
	0% {
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		transform: rotate(80deg);
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		transform: rotate(60deg);
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		transform: rotate(80deg);
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		transform: rotate(60deg);
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
	0% {
		opacity: 0;
		transform: scale(.1) rotate(30deg);
		transform-origin: center bottom
	}

	50% {
		transform: rotate(-10deg)
	}

	70% {
		transform: rotate(3deg)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes jackInTheBox {
	0% {
		opacity: 0;
		transform: scale(.1) rotate(30deg);
		transform-origin: center bottom
	}

	50% {
		transform: rotate(-10deg)
	}

	70% {
		transform: rotate(3deg)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

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

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		transform: translate3d(-100%, 0, 0) rotate(-120deg)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		transform: translate3d(-100%, 0, 0) rotate(-120deg)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

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

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

	to {
		opacity: 0;
		transform: translate3d(100%, 0, 0) rotate(120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(100%, 0, 0) rotate(120deg)
	}
}

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

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

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

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

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

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

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

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

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

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

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

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

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

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

	to {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

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

	to {
		opacity: 0
	}
}

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

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

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

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		transform: scale(.1) translate3d(-2000px, 0, 0);
		transform-origin: left center
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		transform: scale(.1) translate3d(-2000px, 0, 0);
		transform-origin: left center
	}
}

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

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		transform: scale(.1) translate3d(2000px, 0, 0);
		transform-origin: right center
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		transform: scale(.1) translate3d(2000px, 0, 0);
		transform-origin: right center
	}
}

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

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

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

@-webkit-keyframes slideInDown {
	0% {
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slideInDown {
	0% {
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

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

@-webkit-keyframes slideInLeft {
	0% {
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slideInLeft {
	0% {
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

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

@-webkit-keyframes slideInRight {
	0% {
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slideInRight {
	0% {
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

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

@-webkit-keyframes slideInUp {
	0% {
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slideInUp {
	0% {
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

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

@-webkit-keyframes slideOutDown {
	0% {
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes slideOutDown {
	0% {
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		transform: translate3d(0, 100%, 0)
	}
}

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

@-webkit-keyframes slideOutLeft {
	0% {
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes slideOutLeft {
	0% {
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		transform: translate3d(-100%, 0, 0)
	}
}

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

@-webkit-keyframes slideOutRight {
	0% {
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes slideOutRight {
	0% {
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		transform: translate3d(100%, 0, 0)
	}
}

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

@-webkit-keyframes slideOutUp {
	0% {
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes slideOutUp {
	0% {
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		transform: translate3d(0, -100%, 0)
	}
}

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

@font-face {
	font-family: Alternate Bold;
	src: url(../font/AlternateBold.4e108eed.ttf)
}

.ani {
	/* display: none !important */
}

.showAniBox .ani {
	display: inline-block !important;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.comeOn .ani {
	-webkit-animation-duration: .6s;
	animation-duration: .6s
}

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

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

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

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

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

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

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

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

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

.comTable {
	border: 1px solid #f1f1f1
}

.comTable .trTitle {
	background-color: #f55a00;
	color: #fff;
	font-size: 16px;
	border-right: 1px solid #fff;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	padding: 5px
}

.comTable .trTitle.last {
	border-right: none
}

.comTable tr td {
	border: 1px solid #d4d4d4;
	height: 30px;
	text-align: left;
	line-height: 20px;
	padding: 10px;
	font-size: 14px;
	font-weight: 700;
	color: #383838
}

#app {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.aniNav {
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.headerBody {
	height: 102px;
	background: #6f6f6f;
	opacity: .9;
	text-align: center;
	z-index: 999;
	top: 0
}

.headerBody,
.secondNav {
	width: 100%;
	position: fixed
}

.secondNav {
	height: 40px;
	background: #7f6e1b;
	box-shadow: 0 1px 10px 0 #856d1b;
	opacity: .8;
	top: 102px;
	z-index: 998
}

.header {
	opacity: 1;
	width: 1300px;
	left: 50%;
	margin-left: -650px;
	position: fixed;
	z-index: 999
}

.header .logo {
	display: block;
	float: left;
	width: 200px;
	height: 50px;
	background: url(../image/logo.png) no-repeat;
	background-size: 100%;
	margin-top: 36px
}

.header .nav {
	float: left;
	margin-left: 30px;
	position: relative
}

.header .nav .currentNav1 {
	margin-left: -20px
}

.header .nav .currentNav2 {
	margin-left: 90px
}

.header .nav .currentNav3 {
	margin-left: 130px;
	width: 500px !important
}

.header .nav a {
	color: #fff;
	width: auto;
	padding: 0 20px;
	height: 102px;
	text-decoration: none;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	line-height: 110px;
	margin: 0 10px;
	font-weight: 700;
	position: relative
}

.header .nav a:hover {
	background: #ff733d;
	color: #4b4323
}

.header .nav a.act {
	color: #4b4323;
	background: linear-gradient(270deg, #ff733d, #ff733d 100%, #ff733d 0)
}

.header .nav .secNavBox {
	min-width: auto;
	height: 40px;
	position: absolute;
	bottom: -40px;
	z-index: 999
}

.header .nav .secNavBox a {
	display: inline-block;
	padding: 0 10px;
	height: 100%;
	margin: 0 20px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	text-decoration: none
}

.header .nav .secNavBox a.act {
	background: #ba971b;
	color: #4b4323;
	background: linear-gradient(270deg, #d2ac21, #967c19 100%, #574710 0)
}

.header .nav .secNavBox a:hover {
	background: #e9ce67;
	color: #4b4323
}

.header .rtInfo {
	float: right;
	width: 300px
}

.header .rtInfo .phoneBox {
	float: left;
	margin-top: 42px
}

.header .rtInfo .phoneBox .phone {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../image/phone.png) no-repeat center;
	background-size: 100%;
	margin-right: 10px
}

.header .rtInfo .phoneBox span {
	font-size: 22px;
	color: #fff;
	font-weight: 700
}

.header .rtInfo .Qrcode {
	width: 113px;
	height: 140px;
	background: url(../image/kuang.png) no-repeat;
	background-size: 100%;
	float: right
}

.header .rtInfo .Qrcode p {
	color: #fff;
	font-size: 12px;
	padding-top: 1px
}

.header .rtInfo .Qrcode img {
	width: 76%;
	margin-top: 7px
}

.banner {
	width: 100%;
	height: 650px;
	margin: 0 auto;
	position: relative;
	top: 0;
	z-index: 0;
	background: url(../image/bannerf0f9d9e7.jpg) no-repeat center top/cover;
}

.banner .imgBox {
	width: 1300px;
	margin: 0 auto
}

.banner .imgBox .mainText {
	width: 700px;
	display: inline-block;
	margin-top: 200px
}

.about {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	background: #efefef;
	box-sizing: border-box
}

.about .mainTitle {
	margin: 10px auto;
	width: 417px;
	height: 78px;
	background: url(../image/about.png) no-repeat center;
	background-size: 80%
}

.about .introduction {
	width: 850px;
	margin: 0 auto;
	box-sizing: border-box
}

.about .introduction .title {
	margin-top: 20px;
	width: 143px;
	height: 53px;
	background: url(../image/jj.png) 0 no-repeat;
	background-size: 80%
}

.about .introduction .con {
	text-align: left;
	color: #000;
	font-size: 16px;
	margin-top: 20px;
	line-height: 26px;
	padding: 0 30px;
	text-indent: 32px;
	max-height: 260px;
	transition: all .4s;
	overflow: hidden
}

.about .introduction .autoH {
	max-height: 400px
}

.about .moreIntro {
	margin: 30px auto 10px auto;
	width: 34px;
	height: 21px;
	background: url(../image/xjt.png) no-repeat;
	background-size: 80%;
	transition: all .5s;
	transform-origin: center
}

.about .routate {
	transform: rotate(180deg)
}

.advantages {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	background: #fff;
	box-sizing: border-box
}

.advantages .introduction {
	width: 850px;
	margin: 0 auto;
	box-sizing: border-box
}

.advantages .introduction .title {
	margin-top: 20px;
	width: 143px;
	height: 53px;
	background: url(../image/ys.png) 0 no-repeat;
	background-size: 80%
}

.advantages .introduction .con {
	font-size: 16px;
	padding-top: 20px
}

.advantages .introduction .con .box {
	width: 100%;
	height: 260px;
	overflow: hidden
}

.advantages .introduction .con .box .text {
	display: inline-block;
	box-sizing: border-box;
	padding: 40px;
	padding-top: 80px;
	background: #efefef;
	width: 50%;
	height: 100%;
	float: left;
	text-align: left;
	color: #000;
	line-height: 22px
}

.advantages .introduction .con .box .imgText {
	background-size: 100%;
	padding-top: 40px;
	background-repeat: no-repeat;
	background-position: 50%;
	text-align: center;
	line-height: 180px;
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	transition: all .5s;
	position: relative
}

.advantages .introduction .con .box .imgText .arrow {
	width: 17px;
	height: 28px;
	background: url(../image/icon.png) no-repeat;
	position: absolute;
	right: -2px;
	top: 110px;
	z-index: 99
}

.advantages .introduction .con .box .imgText:hover {
	background-size: 120%
}

.advantages .introduction .con .box .bg1 {
	background-image: url(../image/advantagesBg1.53e0f88e.png)
}

.advantages .introduction .con .box .bg2 {
	background-image: url(../image/advantagesBg2.08042f73.png)
}

.advantages .introduction .con .box .bg2 .arrow {
	left: -2px;
	transform: rotate(180deg)
}

.advantages .introduction .con .box .bg3 {
	background-image: url(../image/advantagesBg3.d0a8e982.png)
}

.advantages .moreIntro {
	margin: 30px auto 10px auto;
	width: 34px;
	height: 21px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAqCAMAAAA9Mw2qAAAAjVBMVEUAAACukzuvkjuukjvgoGCukzuvkzuvkzuvkzyvkzuxkz2vlD2wlT2ylj+zlz+vkjuvkzyvkzyvkjyvkzyvkzyvlDyxlT6xlD22mUK0mUK8qk+vkzuvkjuvkjuvkjuvlDuvkzyvlDywlD2wlT6vkzyvkjuukzywkjywkzyxlD21oUqukzuvkzyvkzuukjv0Pj/PAAAALnRSTlMA+fT8BOjw4o2FRDooIhvs2KKVe1VKMi4WEQjdxLucc2tkTz/RzKpfWjYMsbOsz+3FzgAAAW1JREFUSMel1dmSgkAMBdCIC6jggqi4747LTP7/86a6KOoK3U0bOI/BuhICacpF9xWJpNtFuRR2+SZKGU249yyWll1mvqb0tWjDzN6QCBZjViajrzN8VrwBSsMeZzauFDSfac3z0sXjnB9RJTSfp5yz0sBj8EOyQ/PQTlRp3uJP3SVVQPNI+SFKsgwYL6gCmocTTcsljN8EzUNAnb1WxPg1aB76qh7rKQOySIwZSoAKxm/0aHPZLL/WZ8D4dSc944CrM1Qxfs2RNUciOKCO8YP1N85/ORGY7/bh6Bf3KnpuD8tTk00waZnnJ3uXzpY3yfhWXyTfhcowfF9DyRfKMXXuzJIvHbsCpm9WJDvnOWYnP3TvT2dGJNjkGsmJEPpcYTISnG4W11RwzpqJzuvUkrJdkUB6NWa8SGR1Y81uTUKvbYMMpOy44BcZAutCyl+Halm/kTFFhhCWwL52BtZRTHVhMQbUUKwWbWPBjFz+AZvAueWP3yw3AAAAAElFTkSuQmCC) no-repeat;
	background-size: 80%
}

.comeOn .ani {
	display: inline-block !important;
	-webkit-animation-duration: .9s;
	animation-duration: .9s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.development {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	background: #efefef;
	box-sizing: border-box
}

.development .introduction {
	width: 850px;
	margin: 0 auto;
	box-sizing: border-box
}

.development .introduction .title {
	margin-top: 20px;
	width: 214px;
	height: 53px;
	background: url(../image/lc.png) 0 no-repeat;
	background-size: 80%
}

.development .introduction .con {
	text-align: left;
	color: #000;
	font-size: 16px;
	margin-top: 20px;
	line-height: 26px
}

.development .introduction .con .yearIntro {
	width: 100%;
	height: 100px
}

.development .introduction .con .yearIntro .year {
	font-family: Alternate Bold;
	width: 30%;
	height: 100%;
	text-align: center;
	line-height: 100px;
	background: linear-gradient(180deg, #c0c4cc, #ff733d);
	font-weight: 700;
	font-size: 50px;
	color: #fff;
	letter-spacing: 10px;
	float: left
}

.development .introduction .con .yearIntro .intro {
	float: left;
	width: 70%;
	line-height: 100px;
	background-color: #fff;
	font-size: 19px;
	font-weight: bolder;
	text-align: center
}

.development .introduction .con .timeLine {
	width: 850px;
	position: relative;
	height: 100px;
	margin-top: 80px
}

.development .introduction .con .timeLine div {
	display: inline-block;
	position: relative;
	z-index: 1;
	float: left
}

.development .introduction .con .timeLine hr {
	position: absolute;
	width: 96%;
	left: 2%;
	top: 24px;
	z-index: 0;
	border-top: 3px solid #ff733d
}

.development .introduction .con .timeLine .ltArrow {
	background: url(../image/zyjt.png) no-repeat;
	width: 70px;
	height: 70px;
	background-size: 100%;
	float: left;
	cursor: pointer;
	transition: all .3s;
	transform-origin: center
}

.development .introduction .con .timeLine .ltArrow:hover {
	transform: scale(1.1)
}

.development .introduction .con .timeLine .rtArrow {
	background: url(../image/yyjt.png) no-repeat;
	width: 70px;
	height: 70px;
	background-size: 100%;
	float: right;
	cursor: pointer;
	transition: all .3s;
	transform-origin: center
}

.development .introduction .con .timeLine .rtArrow:hover {
	transform: scale(1.1)
}

.development .introduction .con .timeLine .point {
	width: 60px;
	height: 60px;
	margin-top: -4px;
	color: #543c1b
}

.development .introduction .con .timeLine .point .bigLoc {
	display: none;
	width: 30px;
	height: 30px;
	background: url(../image/y1.png) no-repeat;
	background-size: 100%
}

.development .introduction .con .timeLine .point .bigPoint {
	display: none;
	width: 30px;
	height: 45px;
	background: url(../image/dw.png) no-repeat;
	background-size: 100%;
	position: relative;
	text-align: center;
	-webkit-animation-name: beat;
	animation-name: beat;
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

.development .introduction .con .timeLine .point .smPoint {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 20px;
	background: url(../image/y2.png) no-repeat;
	background-size: 100%
}

.development .introduction .con .timeLine .point p {
	font-family: Alternate Bold;
	font-size: 16px;
	color: #ff733d;
	text-align: center
}

.development .introduction .con .timeLine .point.current {
	height: 130px;
	margin-top: -27px
}

.development .introduction .con .timeLine .point.current .bigLoc,
.development .introduction .con .timeLine .point.current .bigPoint {
	display: block;
	margin-left: 14px
}

.development .introduction .con .timeLine .point.current .smPoint {
	display: none
}

.development .introduction .con .timeLine .point.current p {
	font-size: 20px;
	margin-top: 5px
}

.development .introduction .con .timeLine .point1 {
	margin-left: 20px
}

.development .introduction .con .timeLine .point2 {
	margin-left: 160px
}

.development .introduction .con .timeLine .point3,
.development .introduction .con .timeLine .point4 {
	margin-left: 40px
}

.development .introduction .con .timeLine .point5,
.development .introduction .con .timeLine .point6 {
	margin-left: 10px
}

.development .moreIntro {
	margin: 30px auto 10px auto;
	width: 34px;
	height: 21px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAqCAMAAAA9Mw2qAAAAjVBMVEUAAACukzuvkjuukjvgoGCukzuvkzuvkzuvkzyvkzuxkz2vlD2wlT2ylj+zlz+vkjuvkzyvkzyvkjyvkzyvkzyvlDyxlT6xlD22mUK0mUK8qk+vkzuvkjuvkjuvkjuvlDuvkzyvlDywlD2wlT6vkzyvkjuukzywkjywkzyxlD21oUqukzuvkzyvkzuukjv0Pj/PAAAALnRSTlMA+fT8BOjw4o2FRDooIhvs2KKVe1VKMi4WEQjdxLucc2tkTz/RzKpfWjYMsbOsz+3FzgAAAW1JREFUSMel1dmSgkAMBdCIC6jggqi4747LTP7/86a6KOoK3U0bOI/BuhICacpF9xWJpNtFuRR2+SZKGU249yyWll1mvqb0tWjDzN6QCBZjViajrzN8VrwBSsMeZzauFDSfac3z0sXjnB9RJTSfp5yz0sBj8EOyQ/PQTlRp3uJP3SVVQPNI+SFKsgwYL6gCmocTTcsljN8EzUNAnb1WxPg1aB76qh7rKQOySIwZSoAKxm/0aHPZLL/WZ8D4dSc944CrM1Qxfs2RNUciOKCO8YP1N85/ORGY7/bh6Bf3KnpuD8tTk00waZnnJ3uXzpY3yfhWXyTfhcowfF9DyRfKMXXuzJIvHbsCpm9WJDvnOWYnP3TvT2dGJNjkGsmJEPpcYTISnG4W11RwzpqJzuvUkrJdkUB6NWa8SGR1Y81uTUKvbYMMpOy44BcZAutCyl+Halm/kTFFhhCWwL52BtZRTHVhMQbUUKwWbWPBjFz+AZvAueWP3yw3AAAAAElFTkSuQmCC) no-repeat;
	background-size: 80%
}

@-webkit-keyframes beat {
	0% {
		top: 0
	}

	to {
		top: -6%
	}
}

@keyframes beat {
	0% {
		top: 0
	}

	to {
		top: -6%
	}
}

.customers {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	background: #fff;
	box-sizing: border-box
}

.customers .mainTitle {
	margin: 10px auto;
	width: 850px;
	background: url(../image/fw.png) top no-repeat;
	background-size: 334px 62px
}

.customers .mainTitle p {
	font-size: 18px;
	color: #676767;
	padding-top: 88px
}

.customers .introduction {
	width: 850px;
	margin: 0 auto;
	box-sizing: border-box
}

.customers .introduction .title {
	margin-top: 20px;
	width: 249px;
	height: 53px;
	background: url(../image/kfhcp.png) 0 no-repeat;
	background-size: 80%
}

.customers .introduction .con {
	width: 850px;
	margin-top: 20px
}

.customers .introduction .con .box {
	width: 260px;
	height: 246px;
	position: relative;
	text-align: center;
	display: inline-block;
	margin-right: 32px
}

.customers .introduction .con .box .bounce {
	width: 260px;
	height: 213px;
	position: absolute;
	bottom: 0;
	left: 0
}

.customers .introduction .con .box .bounce .ico {
	display: block;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	padding-top: 75px;
	font-size: 12px;
	text-align: center;
	color: #fff
}

.customers .introduction .con .box .bounce .ico1 {
	background-image: url(../image/ico1.png);
	top: 40px;   left: 50px;
}
.coop-swiper-container{
	height: auto;
	padding: 25px 0;
}
.customers .introduction .con .box .bounce .ico2 {
	background-image: url(../image/ico2.png);
	left: 40px;
	top: 40px
}

.customers .introduction .con .box .bounce .ico3 {
	background-image: url(../image/ico3.png);
	left: 160px;
	top: 200px
}

.customers .introduction .con .box .bounce .ico4 {
	background-image: url(../image/ico4.png);
	left: 30px;
	top: 190px
}

.customers .introduction .con .box .bounce .ico5 {
	background-image: url(../image/ico5.png);
	left: 140px;
	top: 100px
}

.customers .introduction .con .box .bounce .ico6 {
	background-image: url(../image/ico6.png);
	left: 50px;
	top: 40px
}

.customers .introduction .con .box .bounce .ico7 {
	background-image: url(../image/ico7.png);
	left: 160px;
	top: 200px
}

.customers .introduction .con .box .bounce .ico8 {
	background-image: url(../image/ico8.png);
	left: 50px;
	top: 190px
}

.customers .introduction .con .box .bounce .ico9 {
	background-image: url(../image/ico9.png);
	left: 160px;
	top: 90px
}

.customers .introduction .con .box .bounce .ico10 {
	background-image: url(../image/ico10.png);
	left: 160px;
	top: 30px
}

.customers .introduction .con .box .bounce .ico11 {
	background-image: url(../image/ico11.png);
	left: 30px;
	top: 190px
}

.customers .introduction .con .box .bounce .ico12 {
	background-image: url(../image/ico12.png);
	left: 100px;
	top: 120px
}

.customers .introduction .con .box .bounce .ico13 {
	background: url(../image/us11.png) no-repeat center top/100% auto;
	left: 160px;
	top: 200px
}

.customers .introduction .con .box h3 {
	margin-bottom: 10px;
	color: #000;
	font-size: 20px;
	font-weight: bolder
}

.customers .introduction .con .box img {
	width: 100%
}

.customers .introduction .con .box.last {
	margin-right: 0;
	float: right
}

.product {
	width: 100%;
	margin: 0 auto;
	height: auto;
	padding: 20px;
	background: #efefef;
	box-sizing: border-box
}

.product .tips {
	margin-top: 40px;
	font-size: 14px;
	color: #92814c;
	margin-bottom: 20px
}

.product .mainTitle {
	margin: 10px auto;
	width: 850px;
	background: url(data:image/png;base64,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) top no-repeat;
	background-size: 334px 62px
}

.product .mainTitle p {
	font-size: 18px;
	color: #92814c;
	padding-top: 88px
}

.product .introduction {
	width: 850px;
	margin: 0 auto;
	box-sizing: border-box
}

.product .introduction .title-bg {
	margin-top: 20px;
	display: flex;
	justify-content: space-between
}

.product .introduction .title-bg .title {
	width: 180px;
	height: 53px;
	background: url(../image/cp.png) 0 no-repeat;
	background-size: 80%
}

.product .introduction .title-bg .more {
	color: #000;
	font-size: 18px;
	font-weight: bolder;
	cursor: pointer;
	height: 20px;
	margin-top: 5px;
	border-bottom: 2px solid #000
}

.product .introduction .con {
	width: 850px;
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(auto-fill, 260px);
	grid-template-rows: 226px;
	grid-row-gap: 30px;
	grid-column-gap: 30px;
	margin-bottom: 10px
}

.product .introduction .con .box {
	width: 260px;
	height: 226px;
	text-align: center;
	color: #000;
	background: #fff;
	box-shadow: 0 0 10px 0 #ddd
}

.product .introduction .con .box .bounce {
	width: 260px;
	height: 213px;
	position: absolute;
	bottom: 0;
	left: 0
}

.product .introduction .con .box h3 {
	margin-top: 14px;
	font-size: 16px;
	font-weight: bolder
}

.product .introduction .con .box h3 span {
	font-size: 13px
}

.product .introduction .con .box p.text {
	font-size: 14px;
	padding-top: 10px
}

.product .introduction .con .box img {
	width: 100%;
	height: 153px
}

.cooperative {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	background: #fff;
	box-sizing: border-box;
	padding-bottom: 40px
}

.cooperative .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #000;
	border-radius: 0;
	width: 12px;
	height: 5px
}

.cooperative .swiper-pagination-bullet {
	background: #e0e0e0;
	width: 9px;
	height: 5px;
	opacity: 1;
	border-radius: 0
}

.cooperative .swiper-button-next {
	background-image: url(../image/yjt.png);
	margin-top: -22px
}

.cooperative .swiper-button-prev {
	background-image: url(data:image/png;base64,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);
	margin-top: -22px
}

.cooperative .introduction {
	width: 850px;
	margin: 0 auto;
	box-sizing: border-box
}

.cooperative .introduction .title {
	margin-top: 20px;
	width: 211px;
	height: 53px;
	background: url(../image/hzhb.png) 0 no-repeat;
	background-size: 80%
}

.cooperative .introduction .con {
	width: 1000px;
	margin-left: -75px;
	margin-top: 20px
}

.cooperative .introduction .con .swiper-wrapper {
	width: 850px;
	margin: 0 auto
}

.cooperative .introduction .con ul {
	border-top: 0px solid #f0dfa9;
	border-left: 1px solid #f0dfa9;
	width: 840px
}

.cooperative .introduction .con ul li {
	float: left;
	width:33.2%;
	border: 1px solid #f0dfa9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.cooperative .introduction .con ul li img {
	width: 100%
}

.cooperative .introduction .con ul li.first {
	margin-left: 0;
	margin-top: 0
}

.cooperative .moreIntro {
	margin: 30px auto 10px auto;
	width: 34px;
	height: 21px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAqCAMAAAA9Mw2qAAAAjVBMVEUAAACukzuvkjuukjvgoGCukzuvkzuvkzuvkzyvkzuxkz2vlD2wlT2ylj+zlz+vkjuvkzyvkzyvkjyvkzyvkzyvlDyxlT6xlD22mUK0mUK8qk+vkzuvkjuvkjuvkjuvlDuvkzyvlDywlD2wlT6vkzyvkjuukzywkjywkzyxlD21oUqukzuvkzyvkzuukjv0Pj/PAAAALnRSTlMA+fT8BOjw4o2FRDooIhvs2KKVe1VKMi4WEQjdxLucc2tkTz/RzKpfWjYMsbOsz+3FzgAAAW1JREFUSMel1dmSgkAMBdCIC6jggqi4747LTP7/86a6KOoK3U0bOI/BuhICacpF9xWJpNtFuRR2+SZKGU249yyWll1mvqb0tWjDzN6QCBZjViajrzN8VrwBSsMeZzauFDSfac3z0sXjnB9RJTSfp5yz0sBj8EOyQ/PQTlRp3uJP3SVVQPNI+SFKsgwYL6gCmocTTcsljN8EzUNAnb1WxPg1aB76qh7rKQOySIwZSoAKxm/0aHPZLL/WZ8D4dSc944CrM1Qxfs2RNUciOKCO8YP1N85/ORGY7/bh6Bf3KnpuD8tTk00waZnnJ3uXzpY3yfhWXyTfhcowfF9DyRfKMXXuzJIvHbsCpm9WJDvnOWYnP3TvT2dGJNjkGsmJEPpcYTISnG4W11RwzpqJzuvUkrJdkUB6NWa8SGR1Y81uTUKvbYMMpOy44BcZAutCyl+Halm/kTFFhhCWwL52BtZRTHVhMQbUUKwWbWPBjFz+AZvAueWP3yw3AAAAAElFTkSuQmCC) no-repeat;
	background-size: 80%
}

.history {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	background: #efefef;
	box-sizing: border-box
}

.history .mask {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #000;
	opacity: .7;
	top: 0;
	left: 0;
	z-index: 9990;
	display: none
}

.history .showBigPic {
	width: 850px;
	position: fixed;
	top: 80px;
	left: 50%;
	margin-left: -425px;
	z-index: 9991;
	display: none
}

.history .showBigPic img {
	width: 100%
}

.history .mainTitle {
	margin: 10px auto;
	width: 417px;
	height: 78px;
	background: url(../image/xxpl.png) top no-repeat;
	background-size: 80%
}

.history .mainTitle p {
	font-size: 18px;
	color: #92814c;
	padding-top: 88px
}

.history .introduction {
	width: 850px;
	margin: 0 auto;
	box-sizing: border-box
}

.history .introduction .title {
	margin-top: 20px;
	width: 249px;
	height: 53px;
	background: url(data:image/png;base64,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) 0 no-repeat;
	background-size: 80%
}

.history .introduction .con {
	width: 850px;
	height: 280px;
	margin-top: 20px
}

.history .introduction .con .box {
	width: 320px;
	height: 226px;
	position: relative;
	text-align: center;
	display: inline-block;
	color: #806c2d;
	float: left;
	margin: 0 52px;
	cursor: pointer
}

.history .introduction .con .box .searchico {
	background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAZCAYAAADAHFVeAAAAAXNSR0IArs4c6QAAAopJREFUSA2tls9LFVEUx9/4KwwCSU00IncStOmHFrhQgoLa1CIid0JtknbVok2Ltu3UhT/+glTEIKQfBLUIgqwg4m2CUEFrkfmjDBNq+nzn3fu8M+Mb59Uc+My995xzz3l33r1nrpdLEN/3qzF3wXk4Ac2wD5bhM7yHB/DY87x12vKFJBXQC/OQRlZwug27y8rGhBZ4BVbydO5CJ+yHGmiCY3ATXoKVWTpHUiWUIyyamXO0PeDtNBmfbngDknW4kDgHB/1qm+gZ/b2JEyJG/LXiUZBswMmIS2GIoRJeg0SJtDH+SZg7oCDIF2iIBUF5VVZE77zkirBp41RDZSyIUWCrgucg6Q/5odDyF2RBLoeMkQH2vsDL94cjptAQn8PwGzah1Ror6JyCFsjDffhv4cx9IMgY6O+4ZAMqmd05Ezj51pBBO25i2Pg5JTtulE8ySOCGeGoGOo/B8alCoVcomS80W0+cbjGq3dLkOkxfAe44enVHeTMqYYHQ/47PCoM6qIevORS/QBIrNeiWAku6h31DQTI9mPbRTD2ksVa2BCqwyv4TXLnHwF1ZO+Oz8BYegiuL7sD0G0y7FrRknjHZO7dxDqnwS7X1NQnfPSautn+NdNogM+ogZwpNZs/TJtI7/r9N9ZVsyigv8gt2LLrGN01jz9d00VlLhHIqyB/8h4oBtulgtxVEVeRgyAXFFZDMQsnaGJpUYsB8tzaOxNxwyLLqDxLPyrVYMimwZvk9s8nU9kP8k4Uyiy/1D+Kcg+tgC4auGQdiq0SZ9g5yFN8b4N5BPjEuVhL6HaDrheRFLJl5peXerlYJptvVrmhAdPUwBm2J5woHvWv33qii3QjfYAHyMAmPOLgbtInyF7aLK8DYPw3uAAAAAElFTkSuQmCC) 50% no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-size: 60%;
	opacity: .5
}

.history .introduction .con .box .bounce {
	width: 260px;
	height: 213px;
	position: absolute;
	bottom: 0;
	left: 0
}

.history .introduction .con .box h3 {
	margin-top: 14px;
	font-size: 16px;
	font-weight: bolder
}

.history .introduction .con .box h3 span {
	font-size: 13px
}

.history .introduction .con .box p.text {
	font-size: 14px;
	padding-top: 10px
}

.history .introduction .con .box img {
	width: 100%
}

.inslist {
	width: 100%;
	padding: 20px;
	background: #fff
}

.inslist,
.inslist .introduction {
	margin: 0 auto;
	box-sizing: border-box
}

.inslist .introduction {
	width: 850px
}

.inslist .introduction .title {
	margin-top: 20px;
	width: 349px;
	height: 53px;
	background: url(../image/cplb.png) 0 no-repeat;
	background-size: 80%
}

.inslist .introduction .con {
	max-height: 400px;
	margin-top: 20px;
	transition: all .4s;
	overflow: hidden
}

.inslist .introduction .autoH {
	max-height: 8200px
}

.inslist .moreIntro {
	margin: 30px auto 10px auto;
	width: 34px;
	height: 21px;
	background: url(../image/xjt.png) no-repeat;
	background-size: 80%;
	transition: all .5s;
	transform-origin: center
}

.inslist .routate {
	transform: rotate(180deg)
}

.thirdparties {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	background: #efefef;
	box-sizing: border-box
}

.thirdparties .introduction {
	width: 850px;
	margin: 0 auto;
	box-sizing: border-box
}

.thirdparties .introduction .title {
	margin-top: 20px;
	width: 316px;
	height: 53px;
	background: url(../image/hzdsf.38df36a1.png) 0 no-repeat;
	background-size: 80%
}

.thirdparties .introduction .con {
	height: 280px;
	margin-top: 30px;
	overflow: hidden
}

.thirdparties .moreIntro {
	margin: 30px auto 10px auto;
	width: 34px;
	height: 21px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAqCAMAAAA9Mw2qAAAAjVBMVEUAAACukzuvkjuukjvgoGCukzuvkzuvkzuvkzyvkzuxkz2vlD2wlT2ylj+zlz+vkjuvkzyvkzyvkjyvkzyvkzyvlDyxlT6xlD22mUK0mUK8qk+vkzuvkjuvkjuvkjuvlDuvkzyvlDywlD2wlT6vkzyvkjuukzywkjywkzyxlD21oUqukzuvkzyvkzuukjv0Pj/PAAAALnRSTlMA+fT8BOjw4o2FRDooIhvs2KKVe1VKMi4WEQjdxLucc2tkTz/RzKpfWjYMsbOsz+3FzgAAAW1JREFUSMel1dmSgkAMBdCIC6jggqi4747LTP7/86a6KOoK3U0bOI/BuhICacpF9xWJpNtFuRR2+SZKGU249yyWll1mvqb0tWjDzN6QCBZjViajrzN8VrwBSsMeZzauFDSfac3z0sXjnB9RJTSfp5yz0sBj8EOyQ/PQTlRp3uJP3SVVQPNI+SFKsgwYL6gCmocTTcsljN8EzUNAnb1WxPg1aB76qh7rKQOySIwZSoAKxm/0aHPZLL/WZ8D4dSc944CrM1Qxfs2RNUciOKCO8YP1N85/ORGY7/bh6Bf3KnpuD8tTk00waZnnJ3uXzpY3yfhWXyTfhcowfF9DyRfKMXXuzJIvHbsCpm9WJDvnOWYnP3TvT2dGJNjkGsmJEPpcYTISnG4W11RwzpqJzuvUkrJdkUB6NWa8SGR1Y81uTUKvbYMMpOy44BcZAutCyl+Halm/kTFFhhCWwL52BtZRTHVhMQbUUKwWbWPBjFz+AZvAueWP3yw3AAAAAElFTkSuQmCC) no-repeat;
	background-size: 80%
}

.sever {
	width: 100%;
	padding: 20px;
	background: #efefef
}

.sever,
.sever .introduction {
	margin: 0 auto;
	box-sizing: border-box
}

.sever .introduction {
	width: 850px
}

.sever .introduction .title {
	margin-top: 20px;
	width: 187px;
	height: 53px;
	background: url(../image/fwwd.png) 0 no-repeat;
	background-size: 80%
}

.sever .introduction .con {
	max-height: 350px;
	margin-top: 30px;
	overflow: hidden;
	transition: all .8s
}

.sever .introduction .autoH {
	max-height: 5800px
}

.sever .moreIntro {
	margin: 30px auto 10px auto;
	width: 34px;
	height: 21px;
	background: url(../image/xjt.png) no-repeat;
	background-size: 80%;
	transition: all .5s;
	transform-origin: center
}

.sever .routate {
	transform: rotate(180deg)
}

.compliance {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	background: #fff;
	padding-bottom: 60px;
	box-sizing: border-box
}

.compliance .mainTitle {
	margin: 10px auto;
	width: 417px;
	height: 78px;
	background: url(../image/dt.png) top no-repeat;
	background-size: 80%
}

.compliance .introduction {
	width: 880px;
	margin: 0 auto;
	box-sizing: border-box
}

.compliance .introduction .title {
	margin-top: 20px;
	width: 143px;
	height: 53px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI8AAAA1CAMAAABP7EiyAAABJlBMVEUAAABpVxOjiz1hTRFnURdiThKZlEOiiz1mVBJiTxJiThKkjD6bgTSjizxiTRFiThGjizxiThKjijyjijyjizxiTRFhThFlTxJpWxekiz2rkkCjijyjij1iThJhThOjiz1jTxFiTxKnj0GjijymlD+jiz1iThSkjD5jUBRhTRGjijxiThFiTRFiThGjizxiThKljD6jizxiThJiTxJjUBOzoUhiTRGiizxhTRGjjD1jThJlUBWskk1hTRJiTRGmjT6mkUBiTRJiTRKjizxiThJjThJjThOmjT9hTRGjizxiThGjizxiThFiTRKkjD1iThKjizxkThOkjD5iThGjizxiThGjjD1jTxKjizxiTRKkjTylkEGijD1iTRKiizxhTRGiijyukjv8QvpIAAAAX3RSTlMADmj5FZwEzx1SSzUH+dOvnJrux/Pe7y0KOxSP2op752YpH5kRokFzQPLfy8W2s3MsvKprNA7p48BjWSMK9YUkG8m8qYBvPTLirqOGd2BW18lPRNzDk3BFlpZMF5KQe9wgxJ8AAAWPSURBVFjDzNRfi6JQGMfxRzRREaOLShaKvIlkDKEkIikoaohoiIiILpYf+/7fxB7tdI6Tzq7KLswHon+oX/E5h35w9E384uib+Nc9+n/sCRc2pbqbmCSjiEYPvVnznbix09KowOB0mtbo0ZaYacQsgBVJPgo0KKWwP6ejREQxoN5GqZgydmD61XuOwJoSXWBfsueIJ4d6EFokhUj1qvboe2BAqTfgRsKh+Sp49sSy1fHUwp4+gOkg+a1izwJYKuKW1vQHFu+xHWBsHYCmZQ2D5O0ItC3L6tLTNskh+gAw0Sv1JDctJwlmiZ4ekonTOvAN8mboaERzYEGC0khzmIUKbIwKPRGgxsStgAu/m3Pr1bvo0Saw3NAN0WEN2mGQnmYte6w9z2HOLGgZ6qV7NtknrHSAnyLtxQfvSXS7ewSaaVP/qcVeLjEsEDKHxS0BOFHJnhWgGp/WGswSPaQ3gcAlUpHx2DVmANojErwAzFUp02OC7zkfMSX0NdBJP9rKK132MPoYmBT0XMHcve3W5IN9vbpTH8C4RI/nA479mKLAJsboAPuYimWfV1dxThH7IDiPHhNoD+k9iU21AYWMJjD6e49yAtSImLG4kgkW5BHjDjOizz0qOqQpkk30xp9XcFfotYedtlVifg4AdnxnVo3MCDWJ8ZDh5HtYujCQPS5Rrqfkeo9PfDuf8GXFg9pa7R6mfg9pfeJX9jUSdt7z1435oH7V07CYVb5nVKNHGgPbZMncGg2SPLmavuwJiTnne9hf99o9N2CWHGO3gVu1nsuccfI9U2Bbt0d3gAUlFsBJL+ypOj/JI6zbE8q9ag2E2R6n9/Blz7zHNPM9ATCs2ROpWBpyWfia7JEqzo8G+Hq9Hq0N7MSXAOhV6WnumEau55gsr1o9kQOsjeg8XR3mlyUYXxzuZtjEmCXnx1gCZr2eGXL6VEBXFFtvAfdMz1kVWM9e9NgbYE71euYQ1Mum0e8DM5fyFBWpUPZk2L+lA8r0wVClTkCzxMl0T6wZn5NRqIsxpxs0TfPhaLLqgJ0jxoLmHkTGhJc41qKgthJ57sEEvqziWMUVdHV1+WVhGVHT1gy1zODj8+KEhSuLoy9ChlVXlweLcaZQwDAKRsEoGAWjYPgAHgMDG2IUYR/kBJRWB62JA2EYx19y0IMZkJiLzUAgNhRyCOZQJCAk4EFEEBEppZby//6fYmeaSTY17mZh34sD74PPTwmZ51nyjz0LluLBpz3PmMoGN88eZuJ8aTf7hQKmM/vVmFHTeWXOCbHdTqALqXc/wo33QmQXZQyo9EmkX/VXj9q70FXrmFBr/eoRF0WMMqCTYpOmhlp+e7S2xeVPjwsFpF9aZzakT43nAOdVERIk4qrGPSx+hzxWzcfcVBVE4m/IfZFtTrw1ntBGz4S3vqcNrXP7NzwR2MW35wKemEXMXFzVqOcQUD70iEcub2x8MePHvDiP+Jr3vseF3PQ9VxO0c0FVrmrUMy8Jnh96Vhwl560Jv5C3HvlA9z0uNPRsoW6ryrZq1CNXVgOPTtMz7CVj1oSXZJ3nhvJ7HhcaemZspJmIqK0a96wVs3uPncK0hFRNeE3YeXy49TwuNPR8dM1fzLuqUY8cmd57dlXBlzmdOTXhE4vOY3933fO40MCToNw7acdbVzXu2Wakg+dnTViLrCiacMFn5zmwk4lSr+ZYkbWhoUcCPLGTqH7VqEc+YOCR1LRKEnKciEyOBLXzrHcElcjCFk52vVBSLO88HsHFnOsFufSqRj1yeOBJFBeRUpGlaYY6ifEw1SFNyRL0ISOsxIV2AWf/p0dyuL7nIVktvapxTx0OPRIxndirAFBF1d4XweL4KnYuur1H2lC6lTuPeDEQRHbRr/qv2c72/sNFsqx7oT/cp7fl8D79BcD9WkoIg/M+AAAAAElFTkSuQmCC) 0 no-repeat;
	background-size: 80%
}

.compliance .introduction .con {
	margin-top: 30px;
	max-height: 600px;
	overflow: hidden
}

.compliance .introduction .con .newBox {
	width: 100%;
	height: 170px;
	text-align: left;
	position: relative;
	background-color: #efefef;
	padding: 15px;
	margin-bottom: 30px;
	box-sizing: border-box
}

.compliance .introduction .con .newBox .pt {
	width: 230px;
	height: 140px;
	float: left
}

.compliance .introduction .con .newBox .detail {
	width: 80px;
	height: 28px;
	display: block;
	position: absolute;
	bottom: 20px;
	right: 20px;
	border: 1px solid #ff733d;
	text-align: center;
	line-height: 28px;
	text-decoration: none;
	font-size: 16px;
	color: #ff733d;
	font-weight: 700
}

.compliance .introduction .con .newBox .detail:hover {
	background-color: #ff733d;
	color: #fff
}

.compliance .introduction .con .newBox .news {
	margin-left: 30px;
	float: left;
	width: 580px
}

.compliance .introduction .con .newBox .news h3 {
	color: #000;
	font-size: 18px;
	font-weight: 700;
	margin-top: 15px;
	line-height: 22px
}

.compliance .introduction .con .newBox .news p {
	color: #676767;
	font-size: 16px;
	margin-top: 10px;
	line-height: 22px
}

.compliance .introduction .autoH {
	max-height: 5500px
}

.compliance .moreIntro {
	margin: 10px auto;
	width: 34px;
	height: 21px;
	background: url(../image/xjt.png) no-repeat;
	background-size: 80%;
	transition: all .5s;
	transform-origin: center
}

.compliance .routate {
	transform: rotate(180deg)
}

.footer {
	width: 100%;
	height: 320px;
	background: linear-gradient(180deg, #000000, #565656)
}

.footer .beian {
	width: 100%;
	border-top: 1px solid #66563c;
	padding-top: 30px;
	color: #fff
}

.footer .beian a {
	color: #fff;
	text-decoration: none
}

.footer .footerBox {
	width: 860px;
	height: 240px;
	margin: 0 auto;
	position: relative
}

.footer .footerBox .erwei {
	width: 90px;
	height: 90px;
	position: absolute;
	right: 0;
	top: 50px
}

.footer .footerBox .comInfo {
	width: 700px;
	position: absolute;
	top: 80px
}

.footer .footerBox .comInfo p {
	width: 350px;
	color: #fff;
	text-align: left;
	font-size: 16px;
	float: left;
	margin-bottom: 30px
}

.footer .cantactIco {
	width: 180px;
	height: 100px;
	background: url(../image/lxwm.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: -15px
}

.goTop {
	width: 136px;
	height: 190px;
	background: url(data:image/png;base64,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) no-repeat;
	background-size: 50%;
	position: fixed;
	left: 50%;
	bottom: 0;
	margin-left: 500px;
	z-index: 10000;
	cursor: pointer;
	display: none
}

.showGoTo {
	display: block
}

.newsCon .news[data-v-a6a6fffe] {
	width: 850px;
	margin: 0 auto;
	padding-top: 140px;
	padding-bottom: 100px
}

.newsCon .news .detail[data-v-a6a6fffe] {
	width: 80px;
	height: 28px;
	display: block;
	bottom: 20px;
	right: 20px;
	border: 1px solid #ff733d;
	text-align: center;
	line-height: 28px;
	text-decoration: none;
	font-size: 16px;
	color: #ff733d;
	font-weight: 700
}

.newsCon .news .detail[data-v-a6a6fffe]:hover {
	background-color: #ff733d;
	color: #fff
}

.newsCon .news .newTime[data-v-a6a6fffe] {
	text-align: right;
	padding-bottom: 10px
}

.newsCon .news .newstitle[data-v-a6a6fffe] {
	margin: 0 auto;
	width: 850px;
	padding-bottom: 30px;
	font-size: 24px;
	color: #000;
	font-weight: bolder
}

.newsCon .news .con[data-v-a6a6fffe] {
	border-top: 1px solid #c7c7c7;
	padding-top: 20px;
	color: #c7c7c7;
	text-align: left;
	line-height: 24px
}

.newsCon .news .con p[data-v-a6a6fffe] {
	text-indent: 32px
}

.product-list {
	width: 100%
}

.product-list .container {
	padding-top: 140px;
	padding-bottom: 50px;
	background: #efefef;
	width: 100%;
	margin: 0 auto
}

.product-list .container .list-container {
	display: flex;
	flex-flow: wrap;
	width: 1200px;
	height: 640px;
	overflow: auto;
	margin: 20px auto 0
}

.product-list .container .list-container .pro-container {
	width: 360px;
	height: 290px;
	display: flex;
	flex-flow: column;
	align-items: center;
	margin-left: 30px;
	color: #92814c;
	background: #fff
}

.product-list .container .list-container .pro-container img {
	width: 360px;
	height: 211px
}

.product-list .container .list-container .pro-container .title {
	font-size: 17px;
	font-weight: bolder;
	margin-top: 15px
}

.product-list .container .list-container .pro-container .type {
	margin: 15px 0
}

.product-list .container .el-pagination.is-background .el-pager li:not(.disabled).active {
	background: #92814c
}

.product-list .container .el-pagination.is-background .el-pager li:not(.active):hover {
	color: #92814c
}



img {
    max-width: 100%;
}

.gh {
    height: 22px;
    width: 27px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.selected .gh {
    transform: rotate(90deg);
}

.gh a {
    background-color: #fff;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after {
    top: 9px;
}

.gh a:before {
    top: -9px;
}

.selected .gh a:after,
.selected .gh a:before {
    top: 0;
}

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    background: #fff;
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    background: #fff;
    width: 100%;
}

.selected .gh a {
    background-color: transparent !important;
}

@media only screen and (max-width:1340px){
	.header{
		width: 1000px;
		left: 0;right: 0;
		margin: 0 auto;
	}
	.header .rtInfo .phoneBox{
		display: none;
	}
	.header .rtInfo{
		width: auto;
	}
	.banner .imgBox{
		width: auto;
	}
}
@media only screen and (max-width:1040px){
	.header{
		width: 850px;
	}
	.header .nav a{
		padding: 0 5px;
	}
}
@media only screen and (max-width:900px){
	.gh {
		display: block;position: absolute;top: 15px;right: 15px;
	}
	.footer .footerBox,
	.compliance .introduction,
	.sever .introduction,
	.inslist .introduction,
	.history .introduction,
	.history .introduction .con,
	.cooperative .introduction,
	.cooperative .introduction .con,
	.product .introduction .con,
	.customers .introduction,
	.customers .introduction .con,
	.customers .mainTitle,
	.development .introduction .con .timeLine,
	.development .introduction,
	.advantages .introduction,
	.about .introduction,
	.headerBody, .secondNav,
	.header {
		width: auto;
	}
	.header .rtInfo {
		display: none;
	}
	.header .nav {
		float: none;position: fixed;top: 50px;left: 0;right: 0;margin: 0 auto;background: #cead16;display: none;
	}
	.flayout {
		overflow: hidden;padding-top: 50px;
	}
	.header .logo {
		float: none;position: absolute;z-index: 66;left: 15px;top: 11px;width: 150px;height: 30px;margin-top: 0;
	}
	.header {
		background: #cead16;position: fixed;height: 50px;top: 0;left: 0;right: 0;margin: 0 auto;
	}
	.header .nav a {
		text-align: left;font-size: 16px;display: block;margin: 0;padding: 0 15px;
		line-height: 40px;height: 40px;
	}
	.banner {
		height: 200px;position: relative;
	}
	.banner .imgBox .mainText {
		margin: 0 auto;width: 300px;position: absolute;z-index: 11;
		left: 0;right: 0;top: 50%;transform: translateY(-60%);
	}
	.about .mainTitle {
		width: auto;height: 52px;
		background-size: auto 100% !important;
	}
	.about {
		padding: 20px 15px;
	}
	.customers .introduction .title,
	.development .introduction .title {
		width: 150px;height: 35px;
	}

	.advantages .introduction .title,
	.about .introduction .title {
		width: 100px;height: 34px;margin-top: 10px;
	}
	.about .introduction .con {
		margin-top: 10px;padding: 0 10px;font-size: 14px;font-size: 1.8;
	}
	.about .moreIntro {
		margin: 20px auto 0;background-size: 20px auto;
	}
	.advantages .introduction .con .box .imgText {
		padding: 10px;height: 110px;font-size: 16px;
	}
	.advantages .introduction .con .box .imgText .ani  {
		height: 80px;line-height: 90px;
	}
	.advantages .introduction .con .box .text {
		padding: 7px 10px;font-size: 12px;line-height: 1.4;height: 110px;
	}
	.advantages .introduction .con .box .text .delay300 {
		height: 95px;overflow: hidden;
	}
	.advantages .introduction .con .box {
		height: 110px;
	}
	.development .introduction .con {
		margin-top: 10px;
	}
	.development .introduction .con .yearIntro .year {
		font-size: 20px;line-height: 40px;float: none;width: auto;
	}
	.development .introduction .con .yearIntro .intro {
		line-height: 1.6;font-size: 12px;float: none;width: auto;
		padding: 10px;
	}
	.development .introduction .con .timeLine {
		margin-top: 30px;
	}
	.development .introduction .con .timeLine .rtArrow,
	.development .introduction .con .timeLine .ltArrow {
		width: 30px;height: 30px;background-size: 30px auto !important;float: none;position: absolute;left: 0;top: 0;
	}
	.development .introduction .con .timeLine .rtArrow {
		left: auto;right: 0;
	}
	.development .introduction .con .timeLine .point {
		width: 30px;height: 30px;display: none;
	}
	.development .introduction .con .timeLine hr {
		display: none;
	}
	.development .introduction .con .timeLine {
		margin: 0 auto;height: 30px;
	}
	.development .introduction .con .timeLine .point p {
		font-size: 12px;line-height: 1.6;
	}
	.development .introduction .con .timeLine .point .smPoint {
		margin-left: 5px;height: 10px;width: 10px;background-size: 10px auto;
	}
	.development .introduction .con .timeLine .point3, .development .introduction .con .timeLine .point4 {
		margin-left: 20px;
	}
	.development .introduction .con .timeLine .point.current {
		margin-top: 0;height: 60px;
	}
	.development .introduction .con .timeLine .point .bigPoint {
		width: 15px;height: 22px;background-size: 15px auto;
	}
	.development .introduction .con .timeLine .point .bigPoint {
		margin-left: 2px !important;
	}
	.development .introduction .con .timeLine .point.current .bigLoc, .development .introduction .con .timeLine .point.current .bigPoint {
		margin-left: 0px;
	}
	.development .introduction .con .timeLine .point1 {
		margin-left: 10px;
	}
	.development .introduction .con .timeLine .point .bigLoc {
		width: 20px;height: 20px;background-size: 20px auto;
	}
	.customers .mainTitle p {
		font-size: 14px;line-height: 1.5;padding-top: 50px;
	}
	.customers .mainTitle {
		background-size: 260px auto;
	}
	.customers .introduction .con .box {
		width: auto;margin-right: 0;display: block;height: auto;
	}
	.customers .introduction .con .box img {
		height: 200px;
	}
	.customers .introduction .con .box h3 {
		font-size: 16px;
	}
	.customers .introduction .con .box .bounce {
		position: absolute;width: auto;height: auto;top: 40px;left: 15px;right: 15px;overflow: hidden;
		text-align: center;
	}
	.customers .introduction .con .box .bounce .ico {
		width: 30%;position: static;background-size: 50px auto;top: auto;padding-top: 60px;
		text-align: center;height: auto;margin-bottom: 20px;background-position: center top !important;display: inline-block;
		vertical-align: top;
	}
	
	.customers .introduction .con {
		margin-top: 0;
	}
	.customers .introduction .con .box {
		margin-top: 20px;
	}
	.product .introduction {
		width: auto;
	}
	.customers .introduction .con .box.last {
		float: none;
	}
	.product .introduction .title-bg .title {
		width: 150px;height: 40px;
	}
	.product .introduction .title-bg .more {
		font-size: 14px;height: 16px;border-bottom: 1px solid #806c2d;margin-top: 15px;
	}
	.product .introduction .con {
		margin-top: 10px;grid-template-columns: auto;grid-template-rows:auto;grid-row-gap:15px
	}
	.product .introduction .con .box {
		width: 100%;height: auto;
	}
	.product .introduction .con .box img {
		height: auto;
	}
	.product .introduction .con .box h3 {
		font-size: 14px;line-height: 1.6;margin-top: 5px;
	}
	.product .introduction .con .box p.text {
		font-size: 12px;padding: 5px;line-height: 1.6;
	}
	.cooperative .introduction .title {
		width: 150px;height: 40px;margin-top: 0;
	}
	.cooperative .introduction .con ul li {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
	}
	.cooperative .introduction .con .swiper-wrapper {
		width: auto;
	}
	.cooperative .introduction .con {
		margin-left: 0;
	}
	.coop-swiper-container {
		height: auto;
	}
	.cooperative .introduction .con ul{
		width: auto;
	}
	.cooperative {
		padding: 20px 10px 40px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: -25px;
	}
	.swiper-pagination{
	    bottom: 0;
	}
	.cooperative .introduction .con ul li
	.cooperative .introduction .con ul {
		width: auto;
	}
	.cooperative .introduction .con {
		position: relative;padding: 0 25px;
	}
	.swiper-container {
		position: static;overflow: hidden;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right: 0px;background-size: 10px auto;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left: 0;background-size: 10px auto;
	}
	.history .mainTitle {
		width: auto;height: 50px;margin-top: 0;
	}
	.history .introduction .con .box {
		width: auto;height: auto;margin: 0 auto 15px;
	}
	.history .introduction .con {
		height: 540px;margin-bottom: 20px;
	}
	.inslist .introduction .title {
		width: 300px;height: 45px;
	}
	.inslist .introduction .con {
		margin-top: 10px;overflow-y: hidden;
	}
	.comTable tr {
		overflow-x: scroll;
	}
	.comTable .trTitle {
		font-size: 12px;line-height: 1.6;
	}
	.comTable tr td {
		font-size: 12px;padding: 5px;width: 100px !important;
	}
	.comTable {
		width: ;
	}
	.inslist {
		padding: 20px 15px;
	}
	.inslist .moreIntro {
		margin: 20px auto 5px;
	}
	.inslist .introduction .con{
		overflow-x: scroll;
	}
	.comTable{
		width: 850px;
	}
	.sever {
		padding: 20px 15px;
	}
	.sever .introduction .con {
		overflow-x: scroll;margin-top: 15px;
	}
	.sever .moreIntro {
		margin: 15px auto 10px;
	}
	.compliance .mainTitle {
		width: auto;
	}
	.compliance {
		padding: 20px 15px;
	}
	.compliance .introduction .con .newBox {
		height: auto;
	}
	.compliance .introduction .con .newBox .pt {
		float: none;width: 100%;height: auto;
	}
	.compliance .introduction .con .newBox .news {
		width: auto;float: none;margin-left: 0;
	}
	.compliance .introduction .con .newBox .detail {
		position: static;margin-top: 10px;font-size: 14px;
	}
	.compliance .introduction .con .newBox .news h3 {
		margin-top: 5px;font-size: 16px;
	}
	.compliance .introduction .con .newBox .news p {
		font-size: 14px;
	}
	.footer,
	.footer .footerBox {
		height: auto;
	}
	.footer {
		padding: 40px 15px 10px;width: auto;
	}
	.footer .footerBox .comInfo {
		position: static;width: auto;	top: 0;
	}
	.footer .cantactIco {
		width: 100px;background-size: 100px auto !important;height: 38px;top: -48px;
	}
	.footer .footerBox .comInfo p {
		margin-bottom: 10px;font-size: 14px;float: none;
	}
	.footer .footerBox .erwei {
		position: static;margin-top: 10px;display: none;
	}
	.footer .beian {
		padding-top: 10px;font-size: 14px;
	}
	.history .introduction .con .box h3 {
		margin-top: 10px;
	}
	.newsCon .news {
		width: auto !important;padding: 20px 15px !important;
	}
	.newsCon .news .newstitle {
		width: auto !important;font-size: 18px !important;line-height: 1.5;padding-bottom: 10px !important;
	}
	.newsCon .news .con {
		padding-top: 10px !important;
	}
	.newsCon .news .con h3{
		font-size: 16px !important;padding: 5px 0 !important;
	}
	.newsCon .news .con p{
		font-size: 14px !important;
	}
	.newsCon .news .return {
		margin: 0px auto 0 !important;text-align: center;display: block;
	}
	.newsCon .news .detail {
		margin: 0 auto 0 !important;text-align: center;
	}
	.about .introduction .autoH{
		max-height: initial;
	}
	.development .introduction .con .timeLine{
		height: auto;
	}
	.development .introduction .con .timeLine{
		position: static;
	}
	.development .introduction .con{
		position: relative;
	}
	.development .introduction .con .timeLine .rtArrow, .development .introduction .con .timeLine .ltArrow{
		top: 25%;
	}
	.development .introduction .con .yearIntro{
		width: 80%;
		margin: 0 auto;
	}
	.development .introduction .con .yearIntro .intro{
		height: 3.2em;
	}
	.swiper-container{
	    padding: 10px 0;
	}
}