@charset "utf-8";
* {
	padding: 0px;
	margin: 0px;
}
li {
	list-style: none;
}
img {
	border: none;
	border: 0;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #00a4ff;
}
a:focus {
	outline: 0;
}
html {
	font: normal 14px/1.5 "microsoft yahei", tahoma, arial, sans-serif;
	background: #fff;
}
body {
	background: #fff;
}
input, input:focus {
	outline: none;
	text-indent: 5px
}
h1 {
	font-size: 20px;
	line-height: 300%
}
h2 {
	font-size: 18px;
	line-height: 300%
}
h3 {
	font-size: 16px;
	line-height: 300%
}
h4 {
	font-size: 14px;
	line-height: 300%
}
/*通用调用*/
.w1200 {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.w1260 {
	width: 1260px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
@font-face {
	font-family: 'HELVETICANEUELTPRO-THEX';
	/*src: url('../fonts/HELVETICANEUELTPRO-THEX.OTF');*/
	font-weight: normal;
	font-style: normal;
}
/*!Animate.css - http://daneden.me/animate*/
.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
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce
}
@-webkit-keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
30% {
-webkit-transform:scaleX(1.25) scaleY(0.75);
transform:scaleX(1.25) scaleY(0.75)
}
40% {
-webkit-transform:scaleX(0.75) scaleY(1.25);
transform:scaleX(0.75) scaleY(1.25)
}
60% {
-webkit-transform:scaleX(1.15) scaleY(0.85);
transform:scaleX(1.15) scaleY(0.85)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
30% {
-webkit-transform:scaleX(1.25) scaleY(0.75);
-ms-transform:scaleX(1.25) scaleY(0.75);
transform:scaleX(1.25) scaleY(0.75)
}
40% {
-webkit-transform:scaleX(0.75) scaleY(1.25);
-ms-transform:scaleX(0.75) scaleY(1.25);
transform:scaleX(0.75) scaleY(1.25)
}
60% {
-webkit-transform:scaleX(1.15) scaleY(0.85);
-ms-transform:scaleX(1.15) scaleY(0.85);
transform:scaleX(1.15) scaleY(0.85)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
-ms-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
-ms-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
-ms-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
@keyframes wobble {
0% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
-ms-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
-ms-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
-ms-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
-ms-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
-ms-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
-ms-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
}
@keyframes bounceOut {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
-ms-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0.1;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(1000px);
transform:translateX(1000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
-ms-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
-ms-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
.flipInX {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
-ms-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
-ms-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
.flipInY {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
.flipOutY {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
-ms-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
-ms-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
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% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) 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% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
-ms-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
-ms-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}
@-webkit-keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}
@-webkit-keyframes slideInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}
@-webkit-keyframes hinge {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
@keyframes hinge {
0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
-ms-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
-ms-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
-ms-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translateY(700px);
-ms-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
-ms-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
-ms-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
-ms-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
-ms-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(48px);
transform:scale(.475) translateX(48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
-ms-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(48px);
-ms-transform:scale(.475) translateX(48px);
transform:scale(.475) translateX(48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(-48px);
transform:scale(.475) translateX(-48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
-ms-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(-48px);
-ms-transform:scale(.475) translateX(-48px);
transform:scale(.475) translateX(-48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
-ms-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
-ms-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
100% {
opacity:0
}
}
@keyframes zoomOut {
0% {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
100% {
opacity:0
}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
-ms-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
-ms-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-transform-origin:center bottom;
-ms-transform-origin:center bottom;
transform-origin:center bottom
}
}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(42px);
transform:scale(.475) translateX(42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(42px);
-ms-transform:scale(.475) translateX(42px);
transform:scale(.475) translateX(42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
-ms-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center
}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(-42px);
transform:scale(.475) translateX(-42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(-42px);
-ms-transform:scale(.475) translateX(-42px);
transform:scale(.475) translateX(-42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
-ms-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-transform-origin:right center;
-ms-transform-origin:right center;
transform-origin:right center
}
}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-transform-origin:center top;
transform-origin:center top
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
-ms-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
-ms-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-transform-origin:center top;
-ms-transform-origin:center top;
transform-origin:center top
}
}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}
/*首页*/
.topbox {
	background: #01178c;
	height: 70px;
	line-height: 70px;
}
.logo {
	width: 238px;
	height: 70px;
}
.logo a {
	display: block;
	width: 100%;
	height: 100%;
}
.nav {
	width: 644px;
	height: 70px;
	margin-left: 34px;
}
.nav ul li {
	float: left;
	display: inline-block;
	padding: 0 14px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	position: relative;
	margin: 0 3px;
}
.nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 15px;
	color: #fff;
}
.nav ul li span {
	width: 0%;
	height: 2px;
	background-color: #00a4ff;
	position: absolute;
	bottom: 0px;
	left: 0;
	transition: .3s;
}
.nav ul li:hover span {
	width: 100%;
}
.nav ul li.on span {
	width: 100%;
}
.top_r {
	width: 196px;
	height: 70px;
}
.tel {
	width: 174px;
	height: 24px;
	margin-top: 5px;
	font-size: 25px;
	color: #fff;
}
.weixin a {
	display: block;
}
.weixin img {
	vertical-align: middle;
}
.weixin .ewm_code {
	margin-left: -105px;
}
.ewm_code {
	width: 120px;
	height: 120px;
	position: absolute;
	top: 70px;
	display: none;
	z-index: 999;
}
.slideBox {
	width: 100%;
	height: 646px;
	overflow: hidden;
	position: relative;
}
.slideBox .hd {
	width: 100%;
	height: 16px;
	overflow: hidden;
	text-align: center;
	position: absolute;
	bottom: 30px;
	z-index: 9999;
}
.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
}
.slideBox .hd ul li {
	margin-left: 10px;
	width: 16px;
	height: 16px;
	background: #94b0e7;
	display: inline-block;
	border-radius: 8px;
	cursor: pointer;
	zoom: 1;
*display:inline;
}
.slideBox .hd ul li.on {
	background: #00a4ff;
}
.slideBox .bd {
	position: relative;
	height: 100%;
	height: 646px;
	background-color: #1158aa;
}
.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
	width: 100%;
	height: 646px;
	position: relative;
	background-position: center -35px;
}
.slideBox .bd li .box {
	position: absolute;
	width: 1200px;
	height: 386px;
	left: 50%;
	margin-left: -600px;
	top: 230px;/* z-index: 999; */
}
.slideBox .bd li .box1 {
	position: absolute;
	width: 1200px;
	left: 50%;
	height: 511px;
	top: 135px;
	margin-left: -600px;/* z-index: 999; */
}
.slideBox .bd li .box2 {
	position: absolute;
	width: 1200px;
	left: 50%;
	height: 506px;
	top: 140px;
	margin-left: -600px;/* z-index: 999; */
}
.slideBox .bd li .box .btn {
	width: 196px;
	height: 80px;
	margin-top: 20px;
	transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
	-ms-transition: ease 0.3s;
	cursor: pointer;
}
.slideBox .bd li .box .btn:hover {
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
}
.slideBox .bd li .box .box1_pic {
	float: right;
	width: 1200px;
	height: 646px;
}
.slideBox .bd li .box .box2, .slideBox .bd li .box .box3 {
	height: auto;
	text-align: left;
	float: right;
	margin-top: 40px;
}
.slideBox .bd li .box .box2 {
	width: 440px;
	margin-right: 50px;
}
.slideBox .bd li .box .box2_pic {
	float: left;
	width: 1200px;
	height: 646px;
}
.slideBox .bd li .box .box3_pic {
	float: left;
	width: 1200px;
	height: 386px;
}
.slideBox .bd li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
/*  第1个焦点图元素  */
.box .box2_pic, .box .box1_pic, .box .box3_pic {
	position: relative;/*   cursor:pointer;  *//* overflow:hidden; */
}
.box .box1_pic img, .box .box2_pic img, .box .box3_pic img {
	display: block;
}
.box2_pic .text1 {
	position: absolute;
	left: 40px;
	top: 45px;
	transition: all 2s linear;
}
.box2_pic .text2 {
	position: absolute;
	left: 255px;
	top: 55px;
	transition: all 2s linear;
}
.box2_pic .text3 {
	position: absolute;
	left: 80px;
	top: 160px;
	transition: all 2s linear;
}
.box2_pic .text4 {
	position: absolute;
	left: 200px;
	top: 140px;
	transition: all 2s linear;
}
.box2_pic .text5 {
	position: absolute;
	left: 95px;
	top: 260px;
	transition: all 2s linear;
}
.box2_pic .text6 {
	position: absolute;
	left: 175px;
	top: 320px;
	transition: all 2s linear;
}
.box2_pic .ball1 {
	position: absolute;
	left: 235px;
	top: -185px;
	transition: all 2s linear;
}
.box2_pic .ball2 {
	position: absolute;
	left: 0px;
	top: 345px;
	transition: all 2s linear;
}
.box2_pic .ball3 {
	position: absolute;
	left: 305px;
	top: 330px;
	transition: all 2s linear;
}
.box2_pic .ball4 {
	position: absolute;
	left: 1100px;
	top: 70px;
	transition: all 2s linear;
}
.box2_pic .right {
	position: absolute;
	left: 445px;
	top: -140px;
	transition: all 2s linear;
}
/*  第2个焦点图元素  */
/* .box1_pic .text1{ position:absolute; top:135px; left:0px;} */
.box1_pic .right {
	position: absolute;
	left: 470px;
	top: -135px;
}
.box1_pic .text2 {
	position: absolute;
	left: 0px;
	top: 65px;
}
.box1_pic .text3 {
	position: absolute;
	left: 0px;
	top: 140px;
}
.box1_pic .text4 {
	position: absolute;
	left: 0px;
	top: 155px;
}
.box1_pic .btn {
	position: absolute;
	left: 30px;
	top: 271px;
}
/*  第3个焦点图元素  */
/* .box3_pic .text1{ position:absolute; left:0; top:230px;} */
.box3_pic .text2 {
	position: absolute;
	left: 295px;
	top: 35px;
}
.box3_pic .text3 {
	position: absolute;
	left: 0px;
	top: 95px;
}
.box3_pic .text4 {
	position: absolute;
	left: 0px;
	top: 152px;
}
.box3_pic .text5 {
	position: absolute;
	left: 0px;
	top: 220px;
}
.box3_pic .icon1 {
	position: absolute;
	left: 840px;
	top: -62px;
}
.box3_pic .icon2 {
	position: absolute;
	left: 772px;
	top: 65px;
}
.box3_pic .icon3 {
	position: absolute;
	left: 997px;
	top: 160px;
}
.box3_pic .icon4 {
	position: absolute;
	left: 970px;
	top: -105px;
}
.box3_pic .icon5 {
	position: absolute;
	left: 700px;
	top: -123px;
}
.box3_pic .icon6 {
	position: absolute;
	left: 1087px;
	top: -130px;
}
.box3_pic .icon7 {
	position: absolute;
	left: 1185px;
	top: -95px;
}
.box3_pic .icon8 {
	position: absolute;
	left: 1220px;
	top: -35px;
}
.box3_pic .icon9 {
	position: absolute;
	left: 660px;
	top: 232px;
}
.box3_pic .icon10 {
	position: absolute;
	left: 922px;
	top: 128px;
}
.box3_pic .icon11 {
	position: absolute;
	left: 688px;
	top: 128px;
}
.box3_pic .icon12 {
	position: absolute;
	left: 638px;
	top: -58px;
}
.box3_pic .icon13 {
	position: absolute;
	left: 740px;
	top: -120px;
}
.box3_pic .icon14 {
	position: absolute;
	left: 718px;
	top: -12px;
}
.box3_pic .icon15 {
	position: absolute;
	left: 826px;
	top: -98px;
}
.box3_pic .icon16 {
	position: absolute;
	left: 910px;
	top: -73px;
}
.box3_pic .icon17 {
	position: absolute;
	left: 794px;
	top: -15px;
}
.box3_pic .icon18 {
	position: absolute;
	left: 530px;
	top: 15px;
}
.box3_pic .icon19 {
	position: absolute;
	left: 1122px;
	top: 0px;
}
.box3_pic .icon20 {
	position: absolute;
	left: 1088px;
	top: 105px;
}
.banner_ctr {
	height: 90px;
	position: absolute;
	top: 55%;
	margin-top: -40px;
	z-index: 9999;
	left: 50%;
	margin-left: -600px;
}
.banner_ctr a {
	display: block;
	width: 47px;
	height: 79px;
	background: url(../images/banner_btn.png) no-repeat 0 0;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	display: block;
}
.banner_ctr a.prev {
	left: -90px;
}
.banner_ctr a.next {
	right: -1280px;
	background-position: -47px 0px;
}
.banner_ctr a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.navListBox {
	position: absolute;
	left: 50%;
	top: 610px;
	z-index: 99;
}
.navListBox li {
	width: 12px;
	height: 12px;
	float: left;
	margin-left: 5px;
	border-radius: 50%;
	overflow: hidden;
}
.navListBox li:first-child {
	margin-left: 0;
}
.navListBox li a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 0 5px #666 inset;
}
.navListBox li a.active {
	background-color: #55ddff;
}
.service {
	height: auto;
	overflow: hidden;
	margin-top: 52px;
	margin-bottom: 52px;
}
.title_g {
	height: 58px;
	margin-bottom: 28px;
}
.title_c {
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	color: #333;
	text-align: center;
	margin-bottom: 10px;
}
.title_b {
	width: 65px;
	height: 8px;
	margin: 0 auto;
}
.title_b img {
	display: block;
}
.service_c {
	width: 1199px;
	height: 390px;
	border-top: 1px solid #ededed;
	border-left: 1px solid #ededed;
}
.service_c ul li {
	width: 398px;
	height: 194px;
	border-bottom: 1px solid #ededed;
	border-right: 1px solid #ededed;
	float: left;
	display: inline-block;
}
.service_c .service_one {
	width: 316px;
	height: 148px;
	margin: 36px;
	margin-top: 32px;
}
.service_c .service_one .one_icon {
<!--	background: url(../images/icon.jpg) no-repeat;-->
	background-position: 0 -520px;
	width: 104px;
	height: 103px;
	margin-top: 8px;
}
.service_c .service_one .introduce {
	width: 186px;
	height: 146px;
}
.service_c .service_one .introduce ul li {
    width: 186px;
	height: 30px;
	border-bottom: 0px solid #ededed;
	border-right: 0px solid #ededed;
	float: left;
	display: inline-block;
}
.service_c .service_one .introduce ul li a {
<!--	background: url(../images/dd.jpg) no-repeat 0 center;-->
	padding-left: 14px;
	display: inline-block;
	width: 186px;
	height: 30px;
	overflow: hidden;
	color: #333;
	float: left;
	transition: all .36s ease;
	-moz-transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-o-transition: all .36s ease;
}
.service_c .service_one .introduce ul li span {
	float: right;
	color: #999;
}
.service_c .service_one .introduce ul li a:hover {
	color: #00a4ff;
	margin-left: 10px;
}
.service_c .service_one .introduce ul li a:active {
	color: #999;
}
.service_c .service_one .introduce h3 {
	font-weight: normal;
	font-size: 20px;
	color: #333;
	height: 28px;
	line-height: 28px;
	margin-bottom: 15px;
}
.service_c .service_one .introduce p {
	background: url(../images/jt_03.jpg) no-repeat 0 center;
	height: 20px;
	padding-left: 14px;
	line-height: 20px;
	font-size: 16px;
	color: #666;
	margin-bottom: 6px;
	transition: all .36s ease;
	-moz-transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-o-transition: all .36s ease;
}
.service_c .service_one .introduce p a {
	color: #666;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.service_c .service_one .introduce p:hover {
	margin-left: 10px;
}
.service_c .service_one .introduce p:hover a {
	color: #00a4ff;
}
.service_c .service_one .two_icon {
	background-position: 0 0px;
}
.service_c .service_one .three_icon {
	background-position: 0 -103px;
}
.service_c .service_one .four_icon {
	background-position: 0 -206px;
}
.service_c .service_one .five_icon {
	background-position: 0 -310px;
}
.service_c .service_one .six_icon {
	background-position: 0 -415px;
}
.service_c .service_one .one_icon:hover {
	cursor: pointer;
	transform: rotate(360deg);
	transition: .8s;
}
.project_box {
	height: auto;
	overflow: hidden;
	margin-bottom: 5px;
}
.project_c {
	position: relative;
	height: 776px;
}
.project_c .left_one {
	background: url(../images/left_bg_03.jpg) no-repeat;
	width: 350px;
	height: 658px;
	position: absolute;
	top: 114px;
	left: 0;
	margin-left: 10px;
	color: #fff;
	z-index: 1;
}
.project_con .left_one .title_pro {
	width: 214px;
	height: 70px;
	margin-top: 42px;
	margin-left: 58px;
}
.project_con .left_one .title_pro .one_c {
	font-size: 26px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 17px;
}
.project_con .left_one .title_pro .one_e {
	font-size: 16px;
	text-transform: uppercase;
	height: 20px;
	line-height: 20px;
}
.project_con .left_one .title_pro .line_b {
	width: 27px;
	height: 3px;
	background: #fff;
	margin-top: 8px;
}
.project_con .left_one .policy {
	width: 214px;
	height: 48px;
	line-height: 24px;
	font-size: 16px;
	overflow: hidden;
	margin-top: 32px;
	margin-left: 58px;
	margin-bottom: 10px;
}
/*.project_con .left_one .pic{position: relative; }
.project_con .left_one .pic img{position: relative; z-index:0; animation: progress360 10s ease-in infinite;  -webkit-animation: progress360 10s ease-in infinite;}*/
.project_con .left_one .pic {
	position: relative;
	width: 313px;
	height: 322px;
	text-align: center;
	margin: 0 auto;
}
.project_con .left_one .pic img {
	position: relative;
	z-index: 0;
	animation: progress360 10s ease-in infinite;
	-webkit-animation: progress360 10s ease-in infinite;
	width: 313px;
	height: 322px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center
}
 @keyframes progress360 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 25% {
 -webkit-transform: rotate(120deg);
 transform: rotate(120deg);
}
 35% {
 -webkit-transform: rotate(120deg);
 transform: rotate(120deg);
}
 55% {
 -webkit-transform: rotate(240deg);
 transform: rotate(240deg);
}
 65% {
 -webkit-transform: rotate(240deg);
 transform: rotate(240deg);
}
 90% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.project_con .left_one span {
	position: absolute;
	z-index: 1;
	margin-top: -16px;
	top: 50%;
	display: block;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 16px;
	height: 32px;
	color: #4297ff;
	font-weight: bold;
}
.project_con .left_one .more {
	width: 186px;
	height: 52px;
	line-height: 52px;
	border: 1px solid #32d4d2;
	margin: 0 auto;
	text-align: center;
	margin-top: 16px;
}
.project_con .left_one .more a {
	position: relative;
	z-index: 1;
	display: inline-block;
	position: relative;
	width: 186px;
	height: 52px;
	text-align: center;
	font-size: 18px;
	color: #32d4d2;
	box-sizing: border-box;
	background: 0 0;
	transition: all .36s ease;
	-moz-transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-o-transition: all .36s ease;
}
.project_con .left_one .more a:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 0;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	background: #32d4d2;
	transition: all .36s ease;
	-moz-transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-o-transition: all .36s ease;
}
.project_con .left_one .more a:hover {
	color: #fff;
	padding-left: 20px;
}
.project_con .left_one .more a:hover:before {
	width: 100%;
}
.project_ul {
	width: 826px;
	margin-top: 17px;
}
.project_ul ul {
	width: 855px;
}
.project_ul ul li {
	width: 256px;
	height: 524px;
	box-shadow: 0px 0px 10px #ededed;
	-webkit-box-shadow: 0px 0px 10px #ededed;
	-moz-box-shadow: 0px 0px 10px #ededed;
	float: left;
	display: inline-block;
	margin-right: 26px;
}
.project_ul .content_box {
	width: 206px;
	height: 524px;
	margin: 0 auto;
}
.project_ul .content_box .title_t {
	background: url(../images/tit_bg_06.jpg) no-repeat;
	width: 89px;
	height: 53px;
	line-height: 53px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	margin-bottom: 28px;
}
.project_ul .content_box .one {
	height: auto;
	overflow: hidden;
}
.project_ul .content_box .one .left {
	background: url(../images/icon1.jpg) no-repeat;
	width: 34px;
	height: 42px;
	margin-right: 10px;
}
.project_ul .content_box .one .right {
	width: 162px;
}
.project_ul .content_box .one .right h3 {
	height: 20px;
	line-height: 20px;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 10px;
}
.project_ul .content_box .one .right a {
	color: #666;
}
.project_ul .content_box .one .right a:hover {
	color: #00a4ff;
}
.project_ul .content_box .one .right p {
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #666;/*transition:all .36s ease;-moz-transition:all .36s ease;-webkit-transition: all .36s ease; -o-transition:all .36s ease; */
}
.project_ul .content_box .one .right p:hover {/*margin-left:10px;*/
}
.project_ul .content_box .one .left1 {
	background-position: 0 -42px;
}
.project_ul .content_box .two {
	margin-top: 75px;
	margin-bottom: 75px
}
.project_ul .content_box .one .left2 {
	background-position: 0 -84px;
}
.project_ul .content_box .one .left3 {
	background-position: 0 -126px;
}
.project_ul .content_box .one .left4 {
	background-position: 0 -168px;
}
.project_ul .content_box .one .left5 {
	background-position: 0 -210px;
}
.project_ul .content_box .one .left6 {
	background-position: 0 -252px;
}
.project_ul .content_box .one .left7 {
	background-position: 0 -294px;
}
.project_ul .content_box .one .left8 {
	background-position: 0 -336px;
}
.project_ul .content_box .title_t1 {
	background: url(../images/tit_bg_03.jpg) no-repeat;
	width: 167px;
	height: 53px;
}
.casebox {
	background: url(../images/case_bg.jpg) no-repeat center 0;
	width: 100%;
	height: 845px;
	padding-top: 54px;
	margin-bottom: 45px;
}
.casebox1 {
	background:  no-repeat center 0;
	width: 100%;
	height: 845px;
	padding-top: 54px;
	margin-bottom: 45px;
}
.title_c1 {
	color: #fff;
}
.case_c {
	width: 1200px;
	height: 680px;
	position: relative;
}
.case_c ul li {
	background: url(../images/bg_w.png) no-repeat;
	width: 229px;
	height: 112px;
	overflow: hidden;
}
.case_c ul li img {
	display: block;
	width: 219px;
	height: 102px;
	margin: 5px auto;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.case_c ul li:nth-child(1) {
	position: absolute;
	top: 0;
	left: 190px;
}
.case_c ul li:nth-child(2) {
	position: absolute;
	top: 0;
	left: 790px;
}
.case_c ul li:nth-child(3) {
	position: absolute;
	top: 113px;
	left: 0px;
}
.case_c ul li:nth-child(4) {
	position: absolute;
	top: 113px;
	left: 244px;
}
.case_c ul li:nth-child(5) {
	position: absolute;
	top: 113px;
	left: 480px;
}
.case_c ul li:nth-child(6) {
	position: absolute;
	top: 113px;
	left: 726px;
}
.case_c ul li:nth-child(7) {
	position: absolute;
	top: 113px;
	left: 972px;
}
.case_c ul li:nth-child(8) {
	position: absolute;
	top: 226px;
	left: 122px;
}
.case_c ul li:nth-child(9) {
	position: absolute;
	top: 226px;
	left: 358px;
}
.case_c ul li:nth-child(10) {
	position: absolute;
	top: 226px;
	left: 604px;
}
.case_c ul li:nth-child(11) {
	position: absolute;
	top: 226px;
	left: 850px;
}
.case_c ul li:nth-child(12) {
	position: absolute;
	top: 339px;
	left: 244px;
}
.case_c ul li:nth-child(13) {
	position: absolute;
	top: 339px;
	left: 482px;
}
.case_c ul li:nth-child(14) {
	position: absolute;
	top: 339px;
	left: 718px;
}
.case_c ul li:nth-child(15) {
	position: absolute;
	top: 452px;
	left: 366px;
}
.case_c ul li:nth-child(16) {
	position: absolute;
	top: 452px;
	left: 602px;
}
.case_c ul li:nth-child(17) {
	position: absolute;
	top: 565px;
	left: 488px;
}
.promise_evaluate {
	height: auto;
	overflow: hidden;
	margin-bottom: 5px;
}
.title {
	height: auto;
	overflow: hidden;
	margin-bottom: 36px;
}
.title12 {
	height: auto;
	overflow: hidden;
	margin-bottom: 5px;
}
.title .title_c {
	height: 30px;
	line-height: 30px;
	font-size: 24px;
	text-align: left;
}
.title12 .title_c {
	height: 30px;
	line-height: 30px;
	font-size: 24px;
	text-align: left;
}
.title .title_b {
	width: 94px;
	height: 8px;
	margin-left: 0;
}
.title12 .title_b {
	width: 94px;
	height: 8px;
	margin-left: 0;
}
.title .title_b img {
	display: block;
}
.title12 .title_b img {
	display: block;
}
.promise_c {
	width: 714px;
	height: 476px;
	overflow: hidden;
}
.promise_c .one_pro {
	width: 238px;
	height: 478px;
	float: left;
	display: inline-block;
	position: relative;
}
.one_pro .pic_one {
	width: 238px;
	height: 238px;
	overflow: hidden;
}
.one_pro .two_font {
	background: url(../images/g.png) no-repeat;
	width: 238px;
	height: 200px;
	padding-top: 55px;
	position: absolute;
	top: 220px;
	left: 0;
	color: #fff;
}
.one_pro .two_font .title_name {
	width: 174px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	font-size: 24px;
	text-align: center;
	margin: 0 auto;
}
.one_pro .two_font .detail {
	width: 174px;
	height: 94px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
	margin: 0 auto;
	margin-top: 12px;
	line-height: 24px;
}
.one_pro .two_fon1 {
	background: url(../images/b.png) no-repeat;
	width: 238px;
	height: 198px;
	padding-top: 55px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	z-index: 1;
}
.one_pro .pic_one1 {
	position: absolute;
	left: 0;
	top: 237px;
}
.one_pro .two_font2 {
	background: url(../images/y.png) no-repeat;
	position: absolute;
	top: 225px;
	left: 0;
	color: #fff;
}
.evaluate_box {
	width: 446px;
	height: auto;
	overflow: hidden;
}
.top_title {
	height: 38px;
	line-height: 38px;
}
.top_title .title {
	width: 380px;
	margin-bottom: 0;
}
.top_title .more a {
	color: #999;
}
.top_title .more a:hover {
	color: #666;
}
.evaluate_c {
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.evaluate_c ul li {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 9px;
}
.evaluate_c ul li a {
	background: url(../images/dd.jpg) no-repeat 0 center;
	padding-left: 14px;
	display: inline-block;
	width: 342px;
	height: 30px;
	overflow: hidden;
	color: #333;
	float: left;
	transition: all .36s ease;
	-moz-transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-o-transition: all .36s ease;
}
.evaluate_c ul li span {
	float: right;
	color: #999;
}
.evaluate_c ul li a:hover {
	color: #00a4ff;
	margin-left: 10px;
}
.evaluate_c ul li a:active {
	color: #999;
}
.poster {
	width: 446px;
	height: 216px;
	margin-top: 2px;
}
.newsbox {
	height: auto;
	overflow: hidden;
	margin-bottom: 40px;
}
.news_c .hd {
	width: 590px;
	height: 52px;
	margin: 0 auto;
	margin-bottom: 54px;
}
.news_c1 .hd1 {
	width: 1200px;
	height: 52px;
	margin: 0 auto;
	margin-bottom: 54px;
}
.news_c2 .hd2 {
	width: 570px;
	height: 52px;
	margin: 0 auto;
	margin-bottom: 54px;
}
.news_c3 .hd3 {
	width: 1140px;
	height: 52px;
	margin: 0 auto;
	margin-bottom: 54px;
}
.news_c .hd ul li {
	float: center;
	display: inline-block;
	width: 161px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 16px;
	color: #333;
	background: #f5f5f5;
	margin: 0 13px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.news_c1 .hd1 ul li {
	float: left;
	display: inline-block;
	width: 161px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 16px;
	color: #333;
	background: #f5f5f5;
	margin: 0 13px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.news_c2 .hd2 ul li {
	float: left;
	display: inline-block;
	width: 161px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 16px;
	color: #333;
	background: #f5f5f5;
	margin: 0 13px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.news_c3 .hd3 ul li {
	float: left;
	display: inline-block;
	width: 161px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 16px;
	color: #333;
	background: #f5f5f5;
	margin: 0 13px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.news_c .hd ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #333
}
.news_c1 .hd1 ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #333
}
.news_c2 .hd2 ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #333
}
.news_c3 .hd3 ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #333
}
.news_c .hd ul li:hover, .news_c .hd ul li.on {
	background: url(../images/hover_03.jpg) no-repeat;
	width: 161px;
	height: 52px;
	cursor: pointer;
}
.news_c1 .hd1 ul li:hover, .news_c .hd ul li.on {
	background: url(../images/hover_03.jpg) no-repeat;
	width: 161px;
	height: 52px;
	cursor: pointer;
}
.news_c2 .hd2 ul li:hover, .news_c .hd ul li.on {
	background: url(../images/hover_03.jpg) no-repeat;
	width: 161px;
	height: 52px;
	cursor: pointer;
}
.news_c3 .hd3 ul li:hover, .news_c .hd ul li.on {
	background: url(../images/hover_03.jpg) no-repeat;
	width: 161px;
	height: 52px;
	cursor: pointer;
}
.news_c .hd ul li:hover a, .news_c .hd ul li.on a {
	color: #fff;
}
.news_c1 .hd1 ul li:hover a, .news_c .hd ul li.on a {
	color: #fff;
}
.news_c2 .hd2 ul li:hover a, .news_c .hd ul li.on a {
	color: #fff;
}
.news_c3 .hd3 ul li:hover a, .news_c .hd ul li.on a {
	color: #fff;
}
.news_c .bd {
	height: 383px;
	overflow: hidden;
}
.news_l {
	width: 574px;
	height: 383px;
	overflow: hidden;
	position: relative;
}
.news_l a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_l .news_pic {
	width: 574px;
	height: 383px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_l .news_font {
	background: url(../images/line_g.png) no-repeat;
	width: 526px;
	height: 88px;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 24px;
	padding-top: 14px;
}
.news_l .news_font .title_news {
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	margin-bottom: 8px;
}
.news_l .news_font .title_news span {
	display: inline-block;
	float: left;
	width: 460px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_l .news_font .title_news img {
	width: 23px;
	height: 13px;
	margin-top: 6px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_l .news_font .eles_detail {
	height: 44px;
	line-height: 22px;
	overflow: hidden;
}
.news_l a:hover .news_pic {
	transform: scale(1.05);
}
/*.news_l a:hover .title_news span{ margin-left:10px;}
.news_l a:hover .title_news img{margin-right:10px;}*/

.news_r {
	width: 546px;
	height: 383px;
	padding-right: 10px;
	padding-top: 2px;
}
.news_r ul li {
	height: 84px;
	padding-top: 10px;
	border-bottom: 1px solid #eaeaea;
}
/*.news_r ul li a{ display:block;width:100%; height:100%;}*/
.news_r ul li .time_l {
	width: 58px;
	height: 66px;
	overflow: hidden;
	margin-left: 10px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_r ul li .time_l .day_n {
	font-size: 22px;
	width: 58px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #444;
	font-weight: bold;
	font-family: HELVETICANEUELTPRO-THEX, Arial;
	margin-top: 4px;
}
.news_r ul li .time_l .ym {
	height: 24px;
	line-height: 24px;
	width: 58px;
	text-align: center;
	color: #777;
	font-size: 16px;
	font-weight: bold;
	font-family: HELVETICANEUELTPRO-THEX, Arial;
}
.news_r ul li .detailed_r {
	width: 448px;
	height: auto;
	margin-right: 10px;
}
.news_r ul li .detailed_r .title_n {
	height: 30px;
	overflow: hidden;
}
.news_r ul li .detailed_r .title_n .title_det {
	color: #666;
	width: 380px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_r ul li .detailed_r .title_n .more_yr {
	width: 34px;
	height: 24px;
	overflow: hidden;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_r ul li .detailed_r .title_n .more_yr img {
	display: block;
	width: 34px;
	height: 24px;
	vertical-align: middle;
}
.news_r ul li .detailed_r .news_nr {
	color: #999;
	height: 40px;
	line-height: 20px;
	width: 458px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
}
.news_r ul li:hover {
	box-shadow: 0px 0px 8px #efefef;
	-webkit-box-shadow: 0px 0px 8px #efefef;
	-moz-box-shadow: 0px 0px 8px #efefef;
	border-bottom: 1px solid #fff;
}
.news_r ul li:hover .time_l {
	margin-left: 16px;
}
.news_r ul li:hover .more_yr {
	margin-right: 10px;
}
.news_r ul li:hover .title_n .title_det {
	color: #00a4ff;
}
.linksbox {
	height: auto;
	overflow: hidden;
	margin-bottom: 40px;
}
.linksbox img {
	width: 143px;
	height: 36px;
	float: left;
	margin-right: 10px;
}
.links_c a {
	padding: 0 8px;
	line-height: 20px;
	color: #666;
}
.links_c a:hover {
	color: #333;
}
.footer {
	background: #303030;
	width: 100%;
	height: 158px;/* overflow:hidden;*/
	padding: 30px 0;
	color: #dadada;
}
.footer .footer_wd {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.footer a {
	color: #dadada;
}
.footer a:hover {
	color: #fff;
}
.footer .title {
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 13px;
}
.footer .item {
	width: 188px;
	margin-top: 10px;
}
.footer .item_c a {
	float: left;
	display: inline-block;
	width: 94px;
	line-height: 24px;
}
.footer .contact_f {
	width: 434px;
	height: auto;
	overflow: hidden;
	margin-left: 219px;
	margin-top: 10px;
}
.footer .contact_eles {
	line-height: 24px;
}
.footer .footer_r {
	width: 129px;
}
.link_btn ul li {
wi129px;
	height: 40px;
	position: relative;
	margin-bottom: 9px;
}
.link_btn {
	height: auto;
}
.link_qq {
	width: 125px;
	height: 40px;
	background: url(../images/indexicon.png) no-repeat;
	display: block;
	margin-top: 14px;
	transition: all .36s ease;
	-moz-transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-o-transition: all .36s ease;
	margin-left: 4px;
}
.link_qq:hover {
	background: url(../images/indexicon.png) 0 -50px no-repeat;
}
.link_weixin {
	width: 129px;
	height: 40px;
	background: url(../images/indexicon.png) -129px 0 no-repeat;
	display: block;
	transition: all .36s ease;
	-moz-transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-o-transition: all .36s ease;
	margin-bottom: 10px;
}
.link_weixin:hover {
	background: url(../images/indexicon.png) -130px -50px no-repeat;
}
.link_shouji {
	width: 125px;
	height: 40px;
	background: url(../images/indexicon.png) -265px 0 no-repeat;
	display: block;
	transition: all .36s ease;
	-moz-transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-o-transition: all .36s ease;
	margin-left: 4px;
}
.link_shouji:hover {
	background: url(../images/indexicon.png) -265px -50px no-repeat;
}
.link_ewm {
	position: absolute;
	top: -46px;
	left: 139px;
	width: 129px;
	display: none;
}
.mark_box {
	height: 165px;
	width: 124px;
	overflow: hidden;
}
.mark_box .mark_pic {
	width: 124px;
	height: 124px;
	overflow: hidden;
}
.mark_box .mark_type {
	height: 41px;
	line-height: 41px;
	text-indent: 42px;
	background: url(../images/phone_icon.png) no-repeat 25px 11px;
	color: #dadada
}
.mark_box .mark_type.wx {
	background: url(../images/wx_icon.png) no-repeat 21px 13px;
	text-indent: 46px;
}
.footer2 {
	height: 56px;
	width: 100%;
	background: #262626;
}
.footer_w {
	width: 1200px;
	height: 56px;
	margin: 0 auto;
	position: relative;
}
.footer_w img {
	display: block;
	width: 80px;
	height: 23px;
	position: absolute;
	top: -23px;
	left: 560px;
}
.copyright {
	color: #d9d9d9;
	height: 56px;
	line-height: 56px;
	text-align: center;
}
.copyright a {
	color: #d9d9d9;
}
.copyright a:hover {
	color: #fff;
}
/*列表*/
.main_box {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #f7f7f8;
}
.banner_c {
	background: url(../images/banner_n.jpg) no-repeat center 0;
	width: 100%;
	height: 260px;
}
.main {
	height: auto;
	width: 1200px;
	padding: 0 30px;
	background: #fff;
	border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	margin-top: -72px;
	margin-bottom: 30px;
}
.crumbs {
	width: 1150px;
	height: 60px;
	line-height: 60px;
	padding-bottom: 5px;
	color: #666;
	border-bottom: 1px dashed #e5e5e5;
}
.bread_r {
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	width: 234px;
	margin-left: 20px;
}
.bread_r img {
	display: block;
	float: right;
	margin-top: 10px;
}
.crumbs .crumbs_f img {
	display: block;
	float: left;
	width: 19px;
	height: 16px;
	margin-top: 21px;
}
.crumbs .crumbs_f a {
	color: #666;
	transition: .3s;
}
.crumbs .crumbs_f a:hover {
	color: #00a4ff;
}
.searchbar {
	width: 214px;
	height: 38px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	position: relative;
	margin-top: 14px;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.searchbar input {
	background-color: transparent;
	height: 38px;
	line-height: 38px;
	color: #888;
	width: 214px;
	border: 1px solid #c5c5c5;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 0px 5px 0px 13px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}
.searchbar input.yys_hei {
	color: #444;
}
.searchbar div {
	width: 21px;
	height: 21px;
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	border: none;
	cursor: pointer;
	z-index: 2;
}
.searchbar:hover input {
	border: 1px solid #00a4ff
}
.searchbar input:focus {
	border: 1px solid #00a4ff;
}
.navigation {
	/*width: 561px;*/
	height: 52px;
	margin: 0 auto;
	margin-bottom: 54px;
	margin-top: 42px;
}
.navigation1 {
	/*width: 561px;*/
	height: 182px;
	margin: 0 auto;
	margin-bottom: 154px;
	margin-top: 42px;
}
.navigation ul li {
	float: left;
	display: inline-block;
	width: 161px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 16px;
	color: #333;
	background: #f5f5f5;
	margin: 0 13px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.navigation1 ul li {
	float: left;
	display: inline-block;
	width: 161px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 16px;
	color: #333;
	background: #f5f5f5;
	margin: 0 13px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.navigation ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
}
.navigation1 ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
}
.navigation ul li:hover, .navigation ul li.on {
	background: url(../images/hover_03.jpg) no-repeat;
	width: 161px;
	height: 52px;
	color: #fff;
	cursor: pointer;
}
.navigation1 ul li:hover, .navigation1 ul li.on {
	background: url(../images/hover_03.jpg) no-repeat;
	width: 161px;
	height: 52px;
	color: #fff;
	cursor: pointer;
}
.navigation ul li:hover a, .navigation ul li.on a {
	color: #fff;
}
.navigation1 ul li:hover a, .navigation1 ul li.on a {
	color: #fff;
}
.news_content .news_pic {
	display: block;
	width: 305px;
	height: 203px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_content .news_right {
	width: 670px;
	margin-left: 40px;
}
.news_right .title {
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	font-size: 16px;
	color: #555;
	margin-bottom: 16px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_right .detail {
	color: #909090;
	height: 82px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	margin-bottom: 30px;
}
.news_right .time {
	font-size: 16px;
	color: #c8c8c8;
	font-family: HELVETICANEUELTPRO-THEX, Arial;
}
.news_right .time span {
	color: #8c8c8c
}
.news_content .news_icon {
	display: block;
	width: 42px;
	height: 47px;
	margin-top: 52px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_content ul li {
	height: 203px;
	padding: 26px 0;
	border-bottom: 1px solid #eaeaea;
}
.news_content ul li:hover {
	box-shadow: 0px 0px 20px #efefef;
	-webkit-box-shadow: 0px 0px 20px #efefef;
	-moz-box-shadow: 0px 0px 20px #efefef;
}
.news_content ul li:hover .news_pic {
	margin-left: 20px;
}
.news_content ul li:hover .title {
	color: #00a4ff;
}
.news_content ul li:hover .news_icon {
	margin-right: 20px;
}
/*翻页*/
.page {
	font-size: 16px;
	height: 48px;
	line-height: 44px;
	text-align: center;
	margin: 60px auto;
}
.page .nolink {
	color: #b0b0b0;
	height: 42px;
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	margin: 0px 2px;
	border: 1px solid #f1f1f1;
}
.page a, .page span {
	color: #777;
	padding: 0 20px;
	height: 42px;
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	transition: .3s;
	margin: 0px 2px;
	border: 1px solid #d5d5d5;
}
.page .cur {
	height: 42px;
	display: inline-block;
	overflow: hidden;
	background-color: #0e61e6;
	color: #FFF;
	margin: 0px 2px;
	border: 1px solid #0e61e6;
	border-radius: 5px;
}
.page a:hover {
	background-color: #0e61e6;
	color: #FFF;
	border: 1px solid #0e61e6;
	border-radius: 5px;
}
.page .p {
	font-size: 20px;
	line-height: 42px;
}
.page .n {
	border: none;
}
.banner_c1 {
	background: url(../images/banner_n.jpg) no-repeat center 0;
	width: 100%;
	height: 260px;
}
.case_content {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}
.case_content ul li {
	float: left;
	width: 372px;
	height: 387px;
	margin-right: 38px;
}
.case_content ul li:nth-child(3n) {
	margin-right: 0;
}
.case_content ul li .case_pic {
	width: 372px;
	height: 226px;
	position: relative;
}
.case_content ul li .case_pic img {
	display: block;
	width: 372px;
	height: 226px;
}
.case_content ul li .hover_bg {
	background: url(../images/hover_bg.png) no-repeat;
	width: 372px;
	height: 226px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	opacity: 0;
}
.case_content ul li .hover_more {
	background: url(../images/car.png) no-repeat /*repeat scroll 0 0 transparent*/;
	width: 75px;
	height: 75px;
	position: absolute;
	top: 75px;
	z-index: 3;
	left: 0;
	opacity: 0;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.case_content ul li .case_detaile {
	width: 302px;
	height: 120px;
	padding: 20px 34px;
	border: 1px solid #f5f5f5;
	border-top: 0;
}
.case_content .case_detaile .title {
	font-size: 18px;
	color: #333;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	margin-bottom: 7px;
}
.case_content .case_detaile .introduce {
	color: #999;
	height: 24px;
	line-height: 24px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 18px;
}
.case_content .case_detaile .more {
	height: 18px;
	line-height: 18px;
	overflow: hidden;
}
.case_content .case_detaile .more .left {
	color: #666;
}
.case_content .case_detaile .more .right {
	background: url(../images/case_jt_03.jpg) no-repeat -13px 0px;
	width: 13px;
	height: 12px;
}
.case_content ul li:hover .hover_bg {
	opacity: 1;
}
.case_content ul li:hover .hover_more {
	opacity: 1;
	left: 152px;
}
.case_content ul li:hover .case_detaile {
	border: 1px solid #dfeef9;
	border-top: 0
}
.case_content ul li:hover .title {
	color: #00a4ff;
}
.case_content ul li:hover .introduce {
	border-bottom: 1px solid #dfeef9;
	color: #00a4ff;
}
.case_content ul li:hover .more .left {
	color: #00a4ff;
}
.case_content ul li:hover .more .right {
	background-position: 0 0px;
}
/*内容*/
.main_content {
	height: auto;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 30px;
}
.list_left {
	width: 880px;
}
.list_left h1 {
	height: auto;
	line-height: 24px;
	margin-bottom: 10px;
	font-style: normal;
}
.list_left .time {
	color: #999;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}
.list_left .black_b {
	width: 810px;
	height: 1px;
	border-bottom: 1px dashed #e9e9e9;
	margin: 26px 0;
	margin-top: 20px;
}
.list_left .tt {
    background: url(../images/case_m_ico1.png) no-repeat 2px -97px;
    color: #333333;
    font-size: 24px;
    text-indent: 20px;
    margin-bottom: 20px;
}
.list_left .content_c {
	height: auto;
	overflow: hidden;
	padding-bottom: 50px;
	min-height: 800px;
}
.list_left .content_c1 {
	height: auto;
	overflow: hidden;
	padding-bottom: 5px;
	min-height: 100%;
}
.list_left .content_c p {
	color: #333;
	line-height: 24px;
}
.list_left .content_c1 p {
	color: #333;
	line-height: 24px;
}
.list_left .content_c p img {
	display: block;
	margin: 0 auto;
	max-width: 810px;
	height: auto;
	overflow: hidden;
}
.list_left .content_c1 p img {
	display: block;
	margin: 0 auto;
	max-width: 810px;
	height: auto;
	overflow: hidden;
}
.list_left .article-tags {
	margin-bottom: 20px;
	color: #333;
	padding-bottom: 50px;
	border-bottom: 1px dashed #e5e5e5;
}
.list_left .article-tags a {
	display: inline-block;
	padding: 0px 7px;
	height: 30px;
	line-height: 30px;
	margin: 0 3px;
	color: #333;
	font-size: 14px;
	background: #e4eff6;
}
.list_left .article-tags a:nth-child(2n) {
	background-color: #e7f6e4;
}
.list_left .article-tags a:nth-child(3n) {
	background-color: #f5e4f6;
}
.list_left .article-tags a:hover {
	background-color: #c9e4f5;
}
.list_left .article-tags a:nth-child(2n):hover {
	background-color: #d0f5c9;
}
.list_left .article-tags a:nth-child(3n):hover {
	background-color: #f3c9f5;
}
.list_left .article-tags span {
	color: #666;
}
.list_right {
	width: 300px;
	height: auto;
	overflow: hidden;
	padding-bottom: 60px;
}
.list_right1 {
	width: 300px;
	height: auto;
	overflow: hidden;
	padding-bottom: 60px;
}
.list_right img {
	width: 300px;
	height: 300px;
	overflow: hidden;
	margin-bottom: 28px;
}
.list_right1 img {
	width: 300px;
	height: 200px;
	overflow: hidden;
	margin-bottom: 28px;
}
.right_tag .title {
	margin-bottom: 26px;
}
.right_tag .title .title_c {
	font-size: 18px;
	text-align: center;
	height: 20px;
}
.right_tag .title .title_b {
	width: 65px;
	height: 8px;
	margin: 0 auto;
}
.right_tag .title .title_b img {
	display: block;
	width: 65px;
	height: 8px;
}
.right_tag {
	width: 300px;
	height: auto;
	overflow: hidden;
}
.eles_tag a {
	display: inline-block;
	padding: 0 12px;
	height: 44px;
	line-height: 44px;
	background-color: #e5e4f6;
	margin-right: 5px;
	color: #1f1f1f;
	margin-bottom: 12px;
}
.eles_tag a:nth-child(2), .eles_tag a:nth-child(10), .eles_tag a:nth-child(18), .eles_tag a:nth-child(26) {
	background-color: #e4eff6;
}
.eles_tag a:nth-child(3), .eles_tag a:nth-child(11), .eles_tag a:nth-child(19), .eles_tag a:nth-child(27) {
	background-color: #e7f6e4;
}
.eles_tag a:nth-child(4), .eles_tag a:nth-child(12), .eles_tag a:nth-child(20), .eles_tag a:nth-child(28) {
	background-color: #f5e4f6;
}
.eles_tag a:nth-child(5), .eles_tag a:nth-child(13), .eles_tag a:nth-child(21), .eles_tag a:nth-child(29) {
	background-color: #f6e4e4;
}
.eles_tag a:nth-child(6), .eles_tag a:nth-child(14), .eles_tag a:nth-child(22), .eles_tag a:nth-child(30) {
	background-color: #e5e4f6;
}
.eles_tag a:nth-child(7), .eles_tag a:nth-child(15), .eles_tag a:nth-child(23), .eles_tag a:nth-child(31) {
	background-color: #b3def6;
}
.eles_tag a:nth-child(8), .eles_tag a:nth-child(16), .eles_tag a:nth-child(24), .eles_tag a:nth-child(32) {
	background-color: #d5f6f8;
}
.eles_tag a:nth-child(9), .eles_tag a:nth-child(17), .eles_tag a:nth-child(25), .eles_tag a:nth-child(33) {
	background-color: #e5e4f6;
}
.eles_tag a:hover, .eles_tag a:nth-child(9):hover, .eles_tag a:nth-child(17):hover, .eles_tag a:nth-child(25):hover, .eles_tag a:nth-child(33):hover {
	background-color: #cdcbf7;
}
.eles_tag a:nth-child(2):hover, .eles_tag a:nth-child(10):hover, .eles_tag a:nth-child(18):hover, .eles_tag a:nth-child(26):hover {
	background-color: #c9e4f5;
}
.eles_tag a:nth-child(3):hover, .eles_tag a:nth-child(11):hover, .eles_tag a:nth-child(19):hover, .eles_tag a:nth-child(27):hover {
	background-color: #d0f5c9;
}
.eles_tag a:nth-child(4):hover, .eles_tag a:nth-child(12):hover, .eles_tag a:nth-child(20):hover, .eles_tag a:nth-child(28):hover {
	background-color: #f3c9f5;
}
.eles_tag a:nth-child(5):hover, .eles_tag a:nth-child(13):hover, .eles_tag a:nth-child(21):hover, .eles_tag a:nth-child(29):hover {
	background-color: #f5c9c9;
}
.eles_tag a:nth-child(6):hover, .eles_tag a:nth-child(14):hover, .eles_tag a:nth-child(22):hover, .eles_tag a:nth-child(30):hover {
	background-color: #cbc9f5;
}
.eles_tag a:nth-child(7):hover, .eles_tag a:nth-child(15):hover, .eles_tag a:nth-child(23):hover, .eles_tag a:nth-child(31):hover {
	background-color: #9fd7f5;
}
.eles_tag a:nth-child(8):hover, .eles_tag a:nth-child(16):hover, .eles_tag a:nth-child(24):hover, .eles_tag a:nth-child(32):hover {
	background-color: #baf4f7;
}
.recommend_box {
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.recommend_box .title {
	margin-bottom: 6;
}
.recommend_else img {
	width: 140px;
	height: 94px;
	overflow: hidden;
	margin-right: 10px;
	transition: .3s;
}
.recommend_else ul li {
	padding: 20px 0;
	height: 94px;
	border-bottom: 1px solid #e2e2e2;
}
.recommend_else ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.recommend_else .else {
	width: 148px;
	height: 94px;
	overflow: hidden;
}
.recommend_else .else .title_else {
	color: #333;
	height: 44px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	margin-bottom: 24px;
}
.recommend_else .else .time_else {
	color: #666;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}
.recommend_else ul li a:hover .title_else {
	color: #00a4ff;
}
.recommend_else ul li a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.prev_next1 {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin: 0 auto;
}
.prev_next1, .prev_next1 a {
	color: #666;
}
.prev_next1 a:hover {
	color: #00a4ff
}
.return_column a {
	display: block;
	background: url(../images/page_03.jpg) no-repeat;
	width: 57px;
	height: 29px;
	margin: 0 16px;
	margin-top: 1px;
}
.return_column a:hover, .return_column a:active {
	background-position: 0 -29px;
}
.prev_one {
	text-align: right;
}
.prev_one, .next_one {
	width: 360px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.prev_one a, .next_one a, .prev_one span, .next_one span {
	width: 278px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.prev_one a, .prev_one span {
	display: inline-block;
	float: left;
	text-align: right;
}
.next_one a, .next_one span {
	display: inline-block;
	float: right;
}
.prev_one img, .next_one img {
	display: inline-block;
	margin: 0 15px;
	width: 10px;
	height: 12px;
	margin-top: 9px;
}
.recommended_c {
	height: auto;
	overflow: hidden;
	margin: 40px auto;
	background: #fff;
	padding: 24px 0
}
.recommended_c .recommended_case {
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}
.recommended_case .title_rec {
	height: 24px;
	line-height: 24px;
	margin-bottom: 46px;
	color: #333;
	border-left-width: 3px;
	border-left-color: #00a4ff;
	border-left-style: solid;
	padding-left: 10px;
}
.recommended_case .title_rec .rec_name {
	font-size: 24px;
	color: #333;
}
.recommended_case .title_rec .more_rec a {
	color: #666;
}
.recommended_case .title_rec .more_rec a:hover {
	color: #00a4ff;
}
.content_img {
	height: auto;
	overflow: hidden;
	padding-bottom: 60px;
}
.content_img .content_title {
	padding-top: 20px;
	height: 156px;
	padding-bottom: 26px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px;
}
.content_img .case_title {
	font-size: 26px;
	margin-bottom: 26px;
	color: #333;
}
.content_img .content_c img {
	text-align: center;
	vertical-align: top;
}
.computer_phone {
	height: 92px;
}
.computer_phone ul li {
	float: left;
	display: block;
	height: 92px;
	margin-right: 36px;
	position: relative;
	padding-left: 10px;
}
.computer_phone ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
}
.computer_phone ul li .introduce_font {
	color: #333;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.computer_phone ul li .icon_pic {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 11px;
	left: 11px;
}
.computer_phone ul li .icon_pic1 {
	position: absolute;
	top: 16px;
	left: 11px;
}
.computer_phone .hi-icon {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	cursor: pointer;
	background: -webkit-linear-gradient(#21cdb6, #33c8b4);
	background: -o-linear-gradient(#21cdb6, #33c8b4);
	background: -moz-linear-gradient(#21cdb6, #33c8b4);
	background: linear-gradient(#21cdb6, #33c8b4);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
	position: relative;
}
.computer_phone ul li .phone_box {
	width: 82px;
}
.computer_phone ul li a:hover .introduce_font {
	color: #00a4ff;
}
.phone_box .hi-icon {
	margin-left: 10px;
}
.hi-icon-archive:before {
	content: "";
}
.hi-icon:before {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}
.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.computer_phone .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}
.computer_phone .hi-icon:hover {
	background: -webkit-linear-gradient(#12d3f5, #7378f6);
	background: -o-linear-gradient(#12d3f5, #7378f6);
	background: -moz-linear-gradient(#12d3f5, #7378f6);
	background: linear-gradient(#12d3f5, #7378f6);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}
.computer_phone .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}
 @-webkit-keyframes sonarEffect {
 0% {
 opacity: 0.1;
}
 40% {
 opacity: 0.2;
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #00a4ff, 0 0 0 5px rgba(255,255,255,0.2);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #00a4ff, 0 0 0 5px rgba(255,255,255,0.2);
 -webkit-transform: scale(1.2);
 opacity: 0;
}
}
@-moz-keyframes sonarEffect {
 0% {
 opacity: 0.1;
}
 40% {
 opacity: 0.2;
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #00a4ff, 0 0 0 5px rgba(255, 255, 255,, 0.2);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #00a4ff, 0 0 0 5px rgba(255,255,255,0.2);
 -moz-transform: scale(1.2);
 opacity: 0;
}
}
@keyframes sonarEffect {
 0% {
 opacity: 0.1;
}
 40% {
 opacity: 0.2;
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #00a4ff, 0 0 0 5px rgba(255,255,255,0.2);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #00a4ff, 0 0 0 5px rgba(255,255,255,0.2);
 transform: scale(1.2);
 opacity: 0;
}
}
.computer_phone ul li.phone_box {
	height: 62px;
	position: relative;
}
.ewm_code_phone {
	position: absolute;
	top: 92px;
	left: -18px;
	display: none;
}
.content_img .prev_next1 {
	width: 1150px;
}
.content_img .prev_one, .content_img .next_one {
	width: 520px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.content_img .prev_one a, .content_img .next_one a, .content_img .prev_one span, .content_img .next_one span {
	width: 438px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.project_brief {
	width: 468px;
}
.boder_left {
	width: 1px;
	height: 138px;
	border-left: 1px solid #e8e8e8;
	margin-right: 44px;
}
.web_item {
	width: 608px;
}
.web_demand ul li {
	float: left;
	display: inline-block;
	width: 64px;
	height: 92px;
	margin-right: 68px;
	color: #333;
}
.web_demand ul li:nth-last-child(1) {
	margin-right: 0;
}
.web_demand ul li .web_icon {
	background: url(../images/case_icon_03.jpg) no-repeat;
	width: 64px;
	height: 60px;
}
.web_demand ul li .demand_font {
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.web_demand ul li .web_icon1 {
	background-position: -130px 0;
}
.web_demand ul li .web_icon2 {
	background-position: -270px 0;
}
.web_demand ul li .web_icon3 {
	background-position: -400px 0;
}
.web_demand ul li .web_icon4 {
	background-position: -530px 0;
}
.dz a {
	display: block;
	background: url(../images/dz_03.jpg) no-repeat;
	width: 402px;
	height: 103px;
	margin: 60px auto;
	margin-top: 40px;
}
.dz a:hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.content_border {
	width: 1150px;
	height: 1px;
	background: #e5e5e5;
	margin-bottom: 40px;
}
#footer_alert {
    width: 100%;
    height: 58px;
    position: fixed;
    left: 0;
    bottom: -100px;
    background: #e9e9e9;
    background: rgba(233,233,233,0.9);
    z-index: 999;
}

#footer_alert .wrap {
    position: relative;
    height: 100%;
}

#footer_alert .img {
    width: 96px;
    height: 66px;
    position: absolute;
    left: 240px;
    bottom: 7px;
}

#footer_alert .txt {
    font-size: 24px;
    color: #535353;
    line-height: 58px;
    margin-left: 380px;
    float: left;
}

#footer_alert .txt span {
    font-family: "Arial";
    font-size: 32px;
    color: #3eb3a0;
    margin: 0 10px;
    vertical-align: bottom;
}

#footer_alert .btn {
    width: 166px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
    float: right;
    margin-right: 200px;
    margin-top: 11px;
    background: #0382db;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    -moz-border-radius: 19px;
    -ms-border-radius: 19px;
    -o-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
}

#footer_alert .topic {
    line-height: 38px;
}
.right_side{position: absolute;right: 0;top: 35%;width: 60px;height: 245px;z-index: 80000;}
.right_side ul{}
.right_side ul li{width: 60px;height: 60px;border-bottom: 1px solid #3197f0;background: #2c88d8 url(../images/right_ico.png) no-repeat;cursor: pointer;position: relative;-webkit-transition: background 0.5s ease-out ;-moz-transform:background 0.5s ease-out;transition: background 0.5s ease-out ;}
.right_side ul li:hover{background:#FFFFFF url(../images/right_hover_ico.png) no-repeat;}
.right_side ul li.qq{background-position: center 17px;border-top-left-radius: 5px;}
.right_side ul li.qq div{display: none;background-color: #f9f9f9;position: absolute;right: 60px;width: 180px;height: 300px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;overflow: hidden;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.2);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.2);box-shadow:-7px 0px 10px rgba(0,0,0,0.2);}
.right_side ul li.qq div dt{text-align: center;height: 60px;line-height: 60px;background-color: #ffffff;}
.right_side ul li.qq div dd{height: 60px;line-height: 60px;color: #666666;margin: 0 auto;width: 160px;font-size: 16px;border-bottom: 1px dotted #dedede;text-indent: 80px;background: url(../images/qqbg.gif) no-repeat 30px 17px;}
.right_side ul li.qq div dd a{display: block;}
.right_side ul li.qq div dd a:hover{color: #556c9c;}
.right_side ul li.tel{background-position: center -44px;}
.right_side ul li.tel div{display: none;border-bottom-left-radius: 5px;border-top-left-radius: 5px;position: absolute;right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);box-shadow:-7px 0px 10px rgba(0,0,0,0.3);height: 60px;line-height: 60px;padding: 0 20px;font-size: 24px;font-weight: bold;color: #217cc8;background-color: #ffffff;white-space: nowrap}
.right_side ul li.wx{background-position: center -105px;}
.right_side ul li.wx div{border-radius: 5px;display: none;position: absolute;top: -45px;right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);box-shadow:-7px 0px 10px rgba(0,0,0,0.3);overflow: hidden;}
.right_side ul li.top{background-position: center -166px;border: none;border-bottom-left-radius: 5px;}
.right_side ul li:hover div{display: block;}
.right_side ul li.qq:hover{border-radius: 0;}

/*首页样式*/
.banner{height:700px;width:100%;min-width:1200px;overflow:hidden;z-index:auto; margin:0 auto;}
.banner .m_mn{position: relative;height: 700px;}
.subbanner{height:320px;width:100%;min-width:1200px;overflow:hidden;z-index:1;margin:100px auto 0 auto;}
.subbanner .subnav{height:54px;margin:266px auto 0 auto;width:1200px;overflow:hidden;text-align:center;}
.subnav a{width:140px;line-height:44px;height:44px;display:inline-block;background:rgba(0,0,0,0.4);margin:10px 0 0 1px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;overflow:hidden;font-size:16px;color:#ffffff;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;}
.subnav a:hover, .subnav a.hover{margin:0 0 0 1px;height:54px;line-height:54px;background:#3fac81;}
.swiper-container{width: 100%;height: 100%;}
.swiper-banner .swiper-slide{text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-repeat:no-repeat;background-position:center center;position: relative;overflow: hidden;}
.swiper-banner .swiper-slide a{display:block;height:100%;width: 100%;}
.swiper-banner .swiper-slide .ads_left div,.swiper-banner .swiper-slide .ads_right div{position: absolute;}
.swiper-banner .swiper-slide .ads_left div img,.swiper-banner .swiper-slide .ads_right div img{max-height: 100%;}
.swiper-banner .swiper-slide .ads_left div:nth-child(1){left: 165px;top: 210px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(2){left: -650px;top: -320px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(2) img{-moz-animation:rotate 20s infinite linear;-webkit-animation:rotate 20s infinite linear;animation:rotate 20s infinite linear;}
.swiper-banner .swiper-slide .ads_left div:nth-child(3){left: 0px;top: 250px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(4){left: 145px;top: 210px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(5){left: 0px;top: 355px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(6){left: 0px;top: 510px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(7){left: 148px;top: 510px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(8){left: 295px;top: 510px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(9){left: 170px;top: 375px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(1){left: 880px;top: 130px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(2){left: 790px;top: 280px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(3){left: 865px;top: 430px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(4){left: 740px;top: 555px;}
@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg);}
100%{-moz-transform:rotate(360deg);}}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}}
@keyframes rotate{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}}
.banner .tt .f-btn {width: 198px; height: 45px;line-height: 45px; margin:25px 0; font-size: 21px; color: #fff;border-radius: 35px; border: solid #fff 1px; text-align:center; -webkit-transition: all .5s;
transition: all .5s; border-color: #f3f3f3;position: relative;overflow: hidden;}
.banner .tt .f-btn:before {content: "";background: rgba(0,0,0,0.1); -webkit-transform: skew(45deg, 0);transform: skew(45deg, 0); width: 0;height: 100%;position: absolute;top: 0px;left: -30px;z-index: -1;-webkit-transition: all .5s;transition: all .5s;}
.banner .tt .f-btn:hover:before {width: 150%;}
 
.banner .tt img { margin-bottom:15px;}
.banner .ads1{color: #ffffff;font-size: 18px;text-align: left;}
.banner .ads1 .tt{left: 30px;top: 190px;line-height: 36px; position: absolute;}
.banner .ads2{color: #ffffff;font-size: 18px;text-align: left;}
.banner .ads2 .tt{left: 30px;top: 190px;line-height: 36px;position: absolute;}
.banner .ads3{color: #ffffff; font-size: 18px;text-align: left;}
.banner .ads3 .tt{line-height: 50px; padding-top:100px; text-align:center}
.banner .ads3 .tt .f-btn {width: 198px; height: 45px;line-height: 45px; margin:25px auto; font-size: 21px; color: #fff;border-radius: 35px; border: solid #fff 1px; text-align:center}



.home_main{width:100%;min-width:1200px;background:#ffffff;margin:10px auto 0 auto;position: relative;z-index: 2;}
.home_container{width:1200px;margin:0 auto;}
.home_container .h_h1{text-align:center;font-size:40px;line-height:30px;color:#000000;padding-bottom:10px; margin:80px 0 0 0;}
.home_container .h_h1.on{background:url(../images/s15.png) center bottom no-repeat;}
.home_container .h_h1 span{font-family:Arial;font-size:30px;line-height:30px;color:#999999;text-transform:uppercase;}
.home_container .h_h2{text-align:center;font-size:16px;line-height:30px;color:#666666;margin:10px 0 25px 0;overflow:hidden;}
.home_container .h_h3{text-align:center; display: block; font-size: 40px;  color: #000;  margin:50px 0 0 0;}
.notice_panel{height:60px;width:100%;min-width:1200px;border-bottom:1px #eeeeee solid;}
.notice_panel .notice{padding: 20px 0;height:20px;overflow:hidden;}
.notice_panel .notice .swiper-notice{position: relative;height: 20px;width: 100%;overflow: hidden;}
.notice_panel .notice .swiper-notice .swiper-slide{font-size: 14px;justify-content: flex-start;margin-left: 55px;}
.notice_panel .notice .swiper-notice .swiper-slide a{width: auto;margin: 0;display: inline-block;}
.notice .notice_title{width:46px;height:20px;line-height:20px;font-size:12px;color:#ffffff;text-indent:8px;float:left;background:url(../images/notice_bg.png) 0 0 no-repeat;}
.notice .notice_ul{width: 100%;margin-left:8px;float:left;height:20px;line-height:20px;font-size:14px;color:#999999;}
.notice .notice_ul span{margin-right:8px;}
.service_ul{ margin:0 auto 50px auto; padding:10px 5px 30px 5px; overflow:hidden;}
.service_ul ul li{width:23.5%; float:left; margin-top:30px; margin-right:1%\0;  -webkit-transition: all .5s ease; transition: all .5s ease; border:#e9eaed 1px solid; margin-left:1%;}
.service_ul ul li:hover{ box-shadow: 2px 2px 10px #ccc;-webkit-box-shadow: 2px 2px 10px #ccc;-moz-box-shadow: 2px 2px 10px #ccc;-moz-ms-shadow: 2px 2px 10px #ccc; -moz-o-shadow: 2px 2px 10px #ccc; -webkit-transform: translate3d(0,-10px,0);}
.service_ul ul li:nth-child(1):hover{border-top:2px solid #ffb93f;}
.service_ul ul li:nth-child(2):hover{border-top:2px solid #58e5ee;}
.service_ul ul li:nth-child(3):hover{border-top:2px solid #ff7a40;}
.service_ul ul li:nth-child(4):hover{border-top:2px solid #3fdab0;}
.service_ul ul li .item{text-align:center;padding:10% 17%;}
.service_ul ul li .co{width:180px; height:120px; margin-top:60px; display:block; background-repeat:no-repeat; -webkit-transition: all 1.5s ease; transition: all 1.5s ease;}
.service_ul ul li:hover .co{background-position:-180px 0px;}
.service_ul ul li h2{font-size:22px; color:#3a405b; margin:25px 0px;}
.service_ul ul li span{font-size:14px; color:#666; display:block; margin-bottom:20px;}

.youxian{background:none !important; height:1390px !important;}
.case_panel{background:#f4f7f9 url(../images/h_solution_bj.png) no-repeat bottom;height:1550px;width:100%;min-width:1200px;overflow:hidden;position: relative;}
.icase_panel{background:#fff url(../images/h_solution_bj.png) no-repeat bottom;height:1460px;width:100%;min-width:1200px;overflow:hidden;position: relative;}
.case_panel .bg_img, .solution_panel .bg_img{position:absolute;z-index:0;}
.case_panel .p_absolute, .solution_panel .p_absolute{z-index:100 !important;width:100%;min-width:1200px;position:absolute;top:0;}
.case_panel .case_nav{height:50px;width:1200px;margin:0 auto 20px auto;padding-top:20px;background:url(../images/case_navline.png) center 53px no-repeat;font-size:16px;color:#666666;text-align:center;overflow:hidden;}
.case_nav a{color:#666666;padding:0 25px;display:inline-block;}
.case_nav a:hover,.case_nav a.hover{color:#2c88d8;}
.case_nav a em{background-color:#cccccc;height:4px;width:4px; display:inline-block;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
.case_nav a:hover em{background-color:#2c88d8;height:4px;width:4px;}
.case_nav a.hover:hover em, .case_nav a.hover em{background-color:#2c88d8;height:6px;width:6px;}
.case_panel .swiper-case-ul{width: 1200px;margin: 0 auto;overflow: hidden;}

.wul105{width: 105%;}
.plat-product-list ul li{float: left;width:285px;margin:0px 20px 20px 0px;background:#fff;}
.plat-product-list1 ul li{float: center;width:285px;margin:0px 20px 20px 0px;background:#fff;text-align: center;}
.hui{ background:#f8f8f8  !important}
.hui .share{border-top:1px solid #f1f0ee !important;}
.plat-product-list ul li .h-img{position:relative;overflow:hidden;}
.plat-product-list ul li .h-img .dask{width:100%;height:100%;position: absolute;top: 0px;left: 0px;background:rgba(0,0,0,.7);opacity:0;filter:alpha(opacity=0);z-index: 9}
.plat-product-list ul li .h-img .dask a{position: absolute;top:45%;display: block;width:95px;height:35px;line-height:35px;text-align:center;background:#ffc000;color:#fff;font-size: 14px;border-radius:5px;z-index: 99}
.plat-product-list ul li .h-img .dask a.details{left:-50px;}
.plat-product-list ul li .h-img .dask a.yulan{right:-50px;background:#0f91dd;}
.plat-product-list ul li .title{padding:20px;}
.plat-product-list ul li .share{padding: 13px 20px;}
.plat-product-list ul li .title h5 a{font-size:16px;color:#333}
.plat-product-list ul li .title p{height:25px;line-height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.plat-product-list ul li .share{height:23px;line-height:23px;border-top:1px solid #f5f5f5;}
.plat-product-list ul li .share em.uz-chakan{font-size:19px;}
.plat-product-list ul li .share .collection{margin-left:10px;cursor:pointer;position:relative;}
.plat-product-list ul li .share .collection em{vertical-align: middle;font-size:14px}
.plat-product-list ul li .share .collection b{font-weight:normal;}
.plat-product-list ul li .share .collection #add-num{display:none;}
.plat-product-list ul li .share .collection #add-num.add-animation{color: #EB4F38;position:absolute;top:-15px;left: 10px;font-size: 15px;opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;animation: mypraise 0.5s ;-moz-animation: mypraise 0.5s ;-webkit-animation: mypraise 0.5s ;-o-animation: mypraise 0.5s ;font-style:normal;}
@keyframes mypraise{0%{top:-15px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}
25%{top:-20px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
50%{top:-25px;opacity: 1;filter: alpha(opacity=100);-moz-opacity:1;}
75%{top:-30px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
100%{top:-35px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}}
@-moz-keyframes mypraise{0%{top:-15px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}
25%{top:-20px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
50%{top:-25px;opacity: 1;filter: alpha(opacity=100);-moz-opacity:1;}
75%{top:-30px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
100%{top:-35px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}}
.plat-product-list ul li .share .num-view{font-weight:normal;}
.plat-product-list ul li .share em{font-weight:normal; width:22px; height:20px; float:left}
.plat-product-list ul li .share em.chakan{background:url(../images/view.png) no-repeat 0 0;}
.plat-product-list ul li .share em.aixin{background:url(../images/aixin.png) no-repeat center;}
.plat-product-list ul li .share span{font-size:14px;color:#bbb8b8}
.plat-product-list ul li .share .xing{display:block;width:90px;height:13px;margin-top:5px;background:url(../images/xing.png) no-repeat 0 0;}
.plat-product-list ul li .share .xing.xing-2{background-position:0 -21px;}
.plat-product-list ul li .share .xing.xing-3{background-position:0 -43px;}
.plat-product-list ul li .share .xing.xing-4{background-position:0 -64px;}
.plat-product-list ul li .share .xing.xing-5{background-position:0 -87px;}
.plat-product-list ul li:hover{box-shadow: 0 0 30px rgba(33,37,44,.5);}
.plat-product-list ul li:hover .h-img .dask{opacity:1;filter:alpha(opacity=100);}
.plat-product-list ul li:hover .h-img .dask a.details{left:12%;}
.plat-product-list ul li:hover .h-img .dask a.yulan{right:12%;}
.case_more{width:240px;height:46px;margin:60px auto 0 auto;text-align:center;display:block;line-height:46px;font-size:16px;color:#2c88d8;z-index:1000;background:url(../images/case_more.png) -240px 0 no-repeat;}
.case_more:hover{background:url(../images/case_more.png) 0 0 no-repeat;color:#ffffff;}
.shortcut-register {background: url(../images/home_bg2.jpg) no-repeat 50% 50%;height: 240px;}
.shortcut-register .home_container{position:relative}
.shortcut-register .home_container .text-wrap { position:absolute; top: 94px; left: 222px; color: #fff;  text-align: center;}
.shortcut-register .home_container .btn {position:absolute; top: 100px; right: 200px; width: 190px; height: 50px; background:#fff; border-radius: 50px; color:#666; font-size:18px; text-align:center; line-height:50px}
.shortcut-register .home_container .text-wrap .title { font-size: 26px;}
.shortcut-register .home_container .text-wrap .desc { margin-top: 15px; font-size: 20px;}

/*案例样式*/
.n_case{width: 1200px;margin: 0 auto; padding-bottom:15px}
.case_img_ico_l{position: absolute;top: 0;left: 0;z-index: 1;}
.case_img_ico_r{position: absolute;top: 0;right: 0;z-index: 1;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.case_tab{height: 400px;width: 100%;overflow: hidden;margin-top: 30px;position: relative;}
.case_tab .case_panel{background: none;}
.n_case .n_snav{width: 100%;height:320px; background: #ffffff;-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.n_case .n_snav:hover{-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);box-shadow: 0 0 30px rgba(0,0,0,0.2);}
.n_case .n_snav .list{color: #666666; overflow: hidden;}
.n_case .n_snav .list table{border-collapse:collapse;border:1px solid #eee}
.n_case .n_snav .list table td{margin-left:8px; line-height:30px; padding:8px 0;border-bottom:1px dotted #eee;font-size:14px}
.n_case .n_snav .list table td.td_left{background:#f7f7f7;text-align:center;color:#000}
.n_case .n_snav .list table td a{margin-left:8px; display:inline-block;white-space:nowrap; padding:0 5px;}
.n_case .n_snav .list table td a:hover,.n_case .n_snav .list table td span{margin-left:8px;;display:inline-block;white-space:nowrap; background:#2c88d8; padding:0 5px; height:25px; line-height:25px; border-radius:2px; color:#fff !important}
.quanbu{margin-left:23px;margin-right:3px;padding:0 14px;display:inline-block;white-space:nowra}

/*底部开始*/
.footer1{background-color: #313243;position: relative;z-index: 2;}
.footer1_top{height: 108px;background-color: #2c2d3f;}
.inner{width: 1200px;margin: 0 auto;overflow: hidden;}
.footer1_top li{float: left;width: 33.33%;height: 108px;line-height: 108px;}
.txt_l{text-align: left;}
.txt_c{text-align: center;}
.txt_r{text-align: right;}
.footer1_top li .footer1_icon{margin: 20px 22px 0 0;}
.footer1_icon{display: inline-block;width: 60px;height: 66px;background: url(../images/footer_top.png) no-repeat;vertical-align: top;}
.footer1_icon.fir{background-position: 0 -3px;}
.footer1_top li span{color: #ffffff;font-size: 20px;}
.footer1_icon.sec{background-position: 0 -103px;}
.footer1_icon.thir{background-position: 0 -203px;}
.footer1_mid{padding: 38px 0;border-bottom: 1px solid #3b3d4c;border-top: 1px solid #3b3d4c;}
.footer1_nav{width: 1500px;float: left;}
.footer1_nav ul{float: left;margin-left: -24px;padding-left: 24px;width: 230px;height: 224px;border-left: 1px solid #3b3d4c;}
.footer1_nav .footer1_nav_special{width: 280px;}
.footer1_nav li h4{height: 30px;line-height: 30px;font-size: 18px;color: #fff;padding-bottom: 5px;}
.footer1_nav li a, .footer1_nav li span{line-height: 32px;font-size: 14px;color: #89898b;}
.footer1_nav li a:hover{color: #fff;}

.footer1_nav li span{display: inline-block;width: 118px;text-align: center;margin-right: 15px;}
.footer1_nav li img{margin: 15px 15px 20px 0;}
.footer1_bot{padding: 12px 0;overflow: hidden;text-align: center;background-color: #313243;}
.footer1_bot p, .footer1_bot a{height: 28px;line-height: 28px;font-size: 14px;color: #89898b!important;}
.footer1_bot p>em{margin: 0 10px;}

/*联系我们*/.n_contact{padding: 0px 0;}
.n_contact .s_side{height: 52px;text-align: center;}
.n_contact .s_side a{display: inline-block;height: 50px;font-size: 16px;line-height: 50px;color: #666666;width: 200px;border: 1px solid #dedede;background-color: #ffffff;border-radius: 30px;margin: 0 10px;}
.n_contact .s_side .hvr-bounce-to-right:before{border-radius: 30px;background: #2c88d8;border-color: #2c88d8;}
.n_contact .s_side a:hover{color: #ffffff;}
.n_contact .s_side a.on{background: #2c88d8;color: #ffffff;}
.n_contact .s_side a.on:before{background: none;}
.n_contact .g_content .allmap{margin-bottom: 40px;padding: 10px;background-color: #ffffff;position: relative;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.2);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.2);box-shadow:0px 0px 20px rgba(127,128,130,0.2);height: 100%;}
.n_contact .g_content .allmap .text{position: absolute;background-color: rgba(255,255,255,0.9);padding: 40px 30px;width: 265px;top: 90px;left: 0;-moz-box-shadow:10px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:10px 0px 20px rgba(127,128,130,0.4);box-shadow:10px 0px 20px rgba(127,128,130,0.4);}
.n_contact .g_content .allmap .text .tt{color: #2c88d8;font-size: 24px;background: url(../images/contact_ico1.png) no-repeat -5px -85px;padding-left: 15px;height: 35px;margin-bottom: 20px;}
.n_contact .g_content .allmap .text .dt,.n_contact .g_content .allmap .text .gj{color: #333333;font-size: 18px;background: url(../images/contact_ico1.png) no-repeat left -181px;padding-left: 30px;margin-bottom: 10px;}
.n_contact .g_content .allmap .text .gj{background: url(../images/contact_ico1.png) no-repeat left 1px;}
.n_contact .g_content .allmap .text .xt{border-bottom: 1px dashed #CACACA;width: 100%;height: 1px;margin: 20px 0;}
.n_contact .g_content .allmap .text .route{color: #666666;line-height: 28px;}
.n_contact .g_content .g-text{padding: 20px 0;width: 100%;height: 255px;}
.n_contact .g_content .g-text .left{width: 599px;border-right: 1px solid #DCDCDC;height: 205px;float: left;}
.n_contact .g_content .g-text .left .g-img{line-height: 205px;height: 205px;width: 75px;margin-left: 10px;}
.n_contact .g_content .g-text .left .text{height: 205px;color: #333333;width: 500px;}
.n_contact .g_content .g-text .left .text .tt{font-size: 24px;margin-top: 30px;}
.n_contact .g_content .g-text .left .text .address{font-size: 16px;margin-top: 10px;padding-left: 25px;background: url(../images/contact_ico2.png) no-repeat left -353px;}
.n_contact .g_content .g-text .left .text .info{color: #666666;font-size: 14px;margin-top: 40px;}
.n_contact .g_content .g-text .left .text .info span{display: inline-block;height: 25px;padding-left: 25px;background: url(../images/contact_ico2.png) no-repeat left -265px;margin-bottom: 20px;width: 170px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(2){background-position: left -86px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(3){background-position: left -176px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(4){background-position: left 5px;}
.n_contact .g_content .g-text .right{width: 540px;padding-left: 60px;height: 205px;float: left;}
.n_contact .g_content .g-text .right .text{height: 205px;float: left;width: 380px;}
.n_contact .g_content .g-text .right .text .tt{color: #888888;font-size: 18px;margin-top: 30px;}
.n_contact .g_content .g-text .right .text .tel1{color: #2c88d8;font-size: 46px;font-weight: bold;margin-top: -5px;margin-bottom: 20px;}
.n_contact .g_content .g-text .right .text .info{color: #666666;margin-top: 14px;}
.n_contact .g_content .g-text .right .text .info span{display: inline-block;padding-left: 25px;height: 25px;width:140px;margin-bottom: 20px;margin-right: 15px;background: url(../images/contact_ico21.png) no-repeat left -445px;}
.n_contact .g_content .g-text .right .g-img{float: right;height: 205px;width: 140px;}
.n_contact .g_content .g-text .right .g-img .code{background-color: #ffffff;text-align: center;margin-top: 25px;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.4);box-shadow:0px 0px 20px rgba(127,128,130,0.4);}
.n_contact .g_content .g-text .right .g-img .code p{padding: 0 0 10px ;color: #666666;}

/*内页共用样式*/.m_mn{width: 1200px;margin: 0 auto;}
.m_xn{width: 1000px;margin: 0 auto;}
/*.m_ads{height:460px;width:100%;min-width:1200px;overflow:hidden;z-index:-1;position: fixed;top:0;left:0;}*/
.m_ads{height:325px;width:100%;min-width:1200px;overflow:hidden;z-index:-1;position: fixed;top:0;left:0;}
.m_ads.h_280{height: 280px;}
.m_ads.h_280 .text{padding-top: 127px;}
.m_ads.h_300{height: 300px;}
.m_ads.h_300 .text{padding-top: 147px;}
.m_ads.h_580{height: 580px;}
.m_ads.h_580 .text{padding-top: 140px;}
.m_ads .text{text-align: center;padding-top: 170px;}
.m_ads .text span{font-size: 40px;color: #ffffff;margin: 0 10px;text-transform: uppercase;-webkit-text-shadow:0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow:0px 0px 10px rgba(0,0,0,0.5);text-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.m_ads .text .xt{height: 1px;width: 145px;margin: 15px auto 0;border-bottom: 1px solid rgba(255,255,255,0.5);}
.m_main{width:100%;min-width:1200px;background:#f5f5f5;margin:330px auto 0 auto;}
.m_main1{width:100%;min-width:1200px; margin:325px auto 0 auto; padding:20px 0 30px 0; background: #fff}
.m_main2{width:100%;min-width:1200px;height: 520px;margin:250px auto 0 auto;background: url(../images/case_top_bj.png) repeat-x left center;}
.m_main3{width:100%;min-width:1200px;background:#fff;overflow: hidden;position: relative;}
.m_main4{width:100%;min-width:1200px;background:#f5f5f5;margin:280px auto 0 auto;position: relative;}
.m_main5{width:100%;min-width:1200px;background:#ffffff;margin:0;}
.m_main6,.m_main7{width:100%;min-width:1200px;color:#ffffff;margin:0;}
.m_main8{width:100%;min-width:1200px; margin:325px auto 0 auto; padding:0 0 30px 0; background: #f4f7f9}
.m_main9{width:100%;min-width:1200px; margin:325px auto 0 auto; padding:0 0 0 0; background: #f4f7f9}
.m_subtopic{height: 70px;width: 100%;border-bottom: 1px solid #E7E7E7;background-color: #ffffff;}
.m_subtopic .subtopic_list{font-size: 0;color: #666666;overflow: hidden;height: 70px;text-align: center;}
.m_subtopic .subtopic_list li{display: inline-block;height: 70px;line-height: 70px;padding: 0 20px;background: url(../images/side_bjx.png) no-repeat right center;font-size: 18px;}
.m_subtopic .subtopic_list li:last-child{background: none;}
.m_subtopic .subtopic_list li a{display: block;padding: 0 20px;height: 70px;border-bottom: 2px solid #ffffff;}
.m_subtopic .subtopic_list li a.on::before{width: 100%;}
.m_subtopic .subtopic_list li a:hover,.m_subtopic .subtopic_list li a.on{color: #3784D2;}
.m_subtopic .subtopic_list li a.hvr-underline-from-left:before{height: 2px;background: #3784D2;-webkit-transition-duration: .5s;transition-duration: .5s;}
.m_subtopic1{height: 60px;width: 100%;border-bottom: 1px solid #E7E7E7;background-color: #ffffff;}
.m_subtopic1 .subtopic_list{font-size: 16px;color: #333333;}
.m_subtopic1 .subtopic_list li{float: left;margin-right: 40px;height: 60px;line-height: 60px;}
.m_subtopic1 .subtopic_list li dl{max-height: 60px;overflow: hidden;position: relative;z-index: 111;transition:max-height 0.5s ease-in-out;-webkit-transition:max-height 0.5s ease-in-out;}
.m_subtopic1 .subtopic_list li dl:hover{max-height: 300px;background-color: #ffffff;color: #333333;}
.m_subtopic1 .subtopic_list li dl dt{background: url(../images/blog_ico1.png) no-repeat 50px center;padding-right: 20px;cursor: pointer;}
.m_subtopic1 .subtopic_list li dl dd{height: 40px;line-height: 40px;padding: 0 10px;background-color: #ffffff;}
.m_crm{height: 50px;line-height: 50px;color: #888888;background: url(../images/news_ico2.png) no-repeat left 17px;text-indent: 25px;}
.m_crm1{height: 50px;border-bottom: 1px solid #E7E7E7;line-height: 50px;color: #888888;}
.m_crm1.on{background-color: #ffffff;}
.m_crm1 .m_xn,.m_crm1 .m_mn{background: url(../images/news_ico2.png) no-repeat left 17px;text-indent: 25px;}
.m_crm a.on,.m_crm a:hover,.m_crm1 a.on,.m_crm1 a:hover{color: #666666;}
.share span{line-height: 20px !important;float: left;margin-right: 10px;}
.n_mn .m_text .article_tt{color: #333333;font-size: 24px;font-weight: bold;margin-bottom: 18px;margin-top: -5px;}
.n_mn .m_text .g_attr span{display: inline-block;margin-right: 25px;color: #888888;}
.n_mn .m_text .g_attr span.on a{display: inline-block;border: 1px solid #cccccc;margin-right: 5px;border-radius: 5px;font-size: 12px;width: 18px;height: 18px;line-height: 18px;text-align: center;}
.n_mn .m_text .g_attr span.on a:hover{background-color: #2c88d8;color: #ffffff;border: 1px solid #2c88d8;}
.n_mn .m_text .g_attr span a:hover{color: #2c88d8;}
.n_mn .m_text .text{padding: 30px 0 ;font-size: 14px;color: #666666;line-height: 28px;overflow: hidden;}
.n_mn .m_text .text img{max-width: 100%;}
.n_mn .m_aside{padding: 25px 0 30px;line-height: 26px;overflow: hidden;border-top: 1px dotted #C7C7C7;color: #888888;}
/*关于我们*/.n_about{padding: 60px 0 0;background-color: #ffffff;}
.n_about .m_tt{text-align: center;}
.n_about .about .g_text{color: #666666;line-height: 28px;width: 1000px;margin: 15px auto 80px;}
.n_about .team{background:#f6f6f6 url(../images/about_img1.png) no-repeat center top;height: 520px;width: 100%;}
.n_about .team .g_text{padding-top: 160px;padding-left: 20px;color: #ffffff;line-height: 28px;width: 540px;}
.n_about .team .g_text .g_tt{margin-bottom: 35px;}
.n_about .culture{background-color: #f6f6f6;height: 485px;padding-top: 85px;width: 100%;}
.n_about .culture .culture_list{overflow: hidden;width: 1200px;margin: 60px auto 0;font-size: 0;}
.n_about .culture .culture_list li{display: inline-block;width: 270px;margin-right: 40px;text-align: center;}
.n_about .culture .culture_list li .g-img{width: 185px;height: 185px;line-height: 185px;text-align: center;margin: 0 auto;border: 1px dashed #B9BABA;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.n_about .culture .culture_list li .g-img img{width: 170px;height: 170px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.n_about .culture .culture_list li .text .tt{color: #333333;font-size: 20px;margin: 30px 0 5px;}
.n_about .culture .culture_list li .text .info{color: #666666;font-size: 14px;line-height: 28px;}
.n_about .design{padding-top: 90px;height: 560px;}
.n_about .design .g-text{padding-left: 20px;width: 550px;overflow: hidden;}
.n_about .design .g-text .tt{color: #f29e1c;font-size: 36px;font-weight: bold;margin: 80px 0 15px;}
.n_about .design .g-text .info{color: #cccccc;font-size: 16px;margin-bottom: 45px;line-height: 20px;text-transform: uppercase;}
.n_about .design .g-text .txt{color: #666666;line-height: 28px;}
.n_about .fz{background-color: #f6f6f6;height: 475px;padding-top: 85px;width: 100%;}
.n_about .fz .g-img{margin-top: 75px;text-align: center;}
.n_about .service{padding: 80px 0 20px;}
.n_about .service .g-img{text-align: center;margin-top: 65px;}
.n_about .service .list{font-size: 0;position: relative;margin-top: -113px;}
.n_about .service .list li{width: 395px;display: inline-block;height: 340px;font-size: 14px;color: #cccccc;text-align: center;text-transform: uppercase;}
.n_about .service .list li div{height: 240px;width: 100%;background: url(../images/about_ico1.png) no-repeat ;}
.n_about .service .list li .tt{color: #666666;font-size: 22px;margin-bottom: 5px;}
.n_about .service .list li div.ico1{background-position: 158px 140px;}
.n_about .service .list li div.ico2{background-position: -220px 140px;}
.n_about .service .list li div.ico3{background-position: -604px 140px;}


.f-fl,.fl {
    float: left !important
}

.f-fr,.fr {
    float: right !important
}

.n_case .n_snav .seek{height: 40px;padding-top:20px;width: 260px;margin-right: 40px; float:right}
.n_case .n_snav .seek .box{width: 260px;height: 40px;line-height: 40px;border-radius: 20px;background-color: #f6f6f6;}
.n_case .n_snav .seek .box input{outline: none;width: 190px;border: none;height: 30px;line-height: 30px;padding:5px 0 5px 20px;background: none;color: #7d7d7d;float: left;}
.n_case .n_snav .seek .box .on{width: 40px;height: 40px;border: none;background: url(../images/seek_ico.png) no-repeat center;cursor: pointer;float: left;}
.n_case .case_list{padding: 40px 0 35px; }
.n_case .case_list .list{width: 100%;}
.n_case .case_list .list li{width: 380px;height: 490px;margin:0 30px 30px 0;float: left;-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);box-shadow: 0 0 30px rgba(0,0,0,0.2);position: relative;z-index: 11;}
.n_case .case_list .list li:nth-of-type(3n){margin-right:0px;}
.n_case .case_list .list li .g-img{height: 460px;width: 380px;position: relative;overflow: hidden;}
.n_case .case_list .list li .g-img img{-webkit-transition: transform 0.5s ease-out ;transition: transform 0.5s ease-out ;}
.n_case .case_list .list li .g-img .tt{padding: 15px 20px;bottom: 0;color: #ffffff;font-size: 16px;position: absolute;text-shadow:2px 2px 2px #333}
.n_case .case_list .list li .g-img .text{opacity: 0;background-color: rgba(0,0,0,0.5);position: absolute;top:0;left: 0;padding: 30px;height: 400px;width: 320px;-webkit-transition: opacity 0.5s ease-out ;transition: opacity 0.5s ease-out ;}
.n_case .case_list .list li .g-img .text .box{box-sizing: border-box;color: #ffffff;position: relative;height: 400px;width: 320px;padding: 30px 35px 40px;}
.n_case .case_list .list li .g-img .text .box::before,.n_case .case_list .list li .g-img .text .box::after{box-sizing: border-box;content: '';position: absolute;width: 100%;height: 100%;}
.n_case .case_list .list li .g-img .text .box::before,
.n_case .case_list .list li .g-img .text .box::after{border: 1px solid transparent;width: 0;height: 0;}
.n_case .case_list .list li .g-img .text .box::before{top: 0;left: 0;}
.n_case .case_list .list li .g-img .text .box::after{bottom: 0;right: 0;}
.n_case .case_list .list li .g-img:hover .text{opacity: 1;}
.n_case .case_list .list li .g-img:hover .tt{opacity: 0;}
.n_case .case_list .list li .g-img:hover img{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.n_case .case_list .list li .g-img .text:hover .box .more{opacity: 1;-webkit-transition: opacity 0.2s ease-out 0.6s;transition: opacity 0.2s ease-out 0.6s;}
.n_case .case_list .list li .g-img .text:hover .box::before,
.n_case .case_list .list li .g-img .text:hover .box::after{width: 100%;height: 100%;}
.n_case .case_list .list li .g-img .text:hover .box::before{border-top-color: #ffffff;border-right-color: #ffffff;-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.n_case .case_list .list li .g-img .text:hover .box::after{border-bottom-color: #ffffff;border-left-color: #ffffff;-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}
.n_case .case_list .list li .g-img .text .box .title{width: 100%;height: 24px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: normal;color: #ffffff;font-size: 18px;font-weight: bold;}
.n_case .case_list .list li .g-img .text .box .xt{width: 40px;margin: 10px auto;height: 2px;background-color: #ffffff}
.n_case .case_list .list li .g-img .text .box .txt{color: #eeeeee;line-height: 24px;text-align: justify;height: 94px;overflow: hidden;}
.n_case .case_list .list li .g-img .text .box .more{width: 30px;height: 30px;border-radius: 50%;z-index: 2;background:#ffffff url(../images/case_more1.png) no-repeat center;position: absolute;left: 50%;margin-left: -15px;bottom: -14px;opacity: 0;}
.n_case .case_list .list li .info{height: 50px;line-height: 50px;background-color: #ffffff;padding-left: 20px;color: #888888;}
.n_case .case_list .list li .info .cate{width: 320px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.n_case .case_list .list li .info .cate1{width: 200px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.n_case .case_list .list li .info .switch{width: 95px;height: 30px;padding: 10px 10px 0px 0px;text-align:right}
.n_case .case_list .list li .info .switch1{width: 103px;height: 30px;padding: 10px 10px 0px 0px bottom:5px;text-align:right}
.n_case .case_list .list li .info .switch a{display:inline-block;width: 28px;height: 30px;margin-left: 15px;}
.n_case .case_list .list li .info .switch1 a{display:inline-block;width: 28px;height: 30px;margin-left: 15px;}
.n_case .case_list .list li .info .switch a.pc{background: url(../images/case_ico.png) no-repeat 4px center;}
.n_case .case_list .list li .info .switch1 a.pc{background: url(../images/case_ico.png) no-repeat 4px center;}
.n_case .case_list .list li .info .switch a.pc:hover{background: url(../images/case_ico1.png) no-repeat 4px center;}
.n_case .case_list .list li .info .switch1 a.pc:hover{background: url(../images/case_ico1.png) no-repeat 4px center;}
.n_case .case_list .list li .info .switch a.pchover{background: url(../images/case_ico1.png) no-repeat 4px center;}
.n_case .case_list .list li .info .switch1 a.pchover{background: url(../images/case_ico1.png) no-repeat 4px center;}
.n_case .case_list .list li .info .switch a.mobile{background: url(../images/case_ico.png) no-repeat -37px center;}
.n_case .case_list .list li .info .switch1 a.mobile{background: url(../images/case_ico.png) no-repeat -37px center;}
.n_case .case_list .list li .info .switch a.mobile:hover{background: url(../images/case_ico1.png) no-repeat -37px center;}
.n_case .case_list .list li .info .switch1 a.mobile:hover{background: url(../images/case_ico1.png) no-repeat -37px center;}
.n_case .case_list .list li .info .switch a.mobilehover{background: url(../images/case_ico1.png) no-repeat -37px center;}
.n_case .case_list .list li .info .switch1 a.mobilehover{background: url(../images/case_ico1.png) no-repeat -37px center;}
.n_case .case_list .pages{margin-top: 20px;}
.m_case{padding: 60px 0;}
.m_case .case_top{padding: 20px;background-color: #ffffff;min-height: 200px;overflow:hidden;}
.m_case .case_top .g_img{width: 292px;height: 292px;overflow: hidden;float: left;}
.m_case .case_top .g_info{float: right;width: 848px;min-height: 200px;}
.m_case .case_top .g_info .g_tt{font-size: 24px;color: #333333;font-weight: bold;line-height: 22px;height: 35px;margin-bottom: 8px;width: 100%;overflow: hidden;}
.m_case .case_top .g_info .g_tt .link{font-size: 14px;font-weight: normal;color: #2c88d8;text-align: center;width: 118px;height: 33px;line-height: 33px;border: 1px solid #3784D2;border-radius: 5px;position: relative;}
.m_case .case_top .g_info .g_tt .link a{display: block;background: url(../images/case_m_ico2.png) no-repeat 20px center;text-indent: 17px;}
.m_case .case_top .g_info .g_tt .link a:hover{background: #2c88d8 url(../images/case_m_ico3.png) no-repeat 20px center;color: #ffffff;}
.m_case .case_top .g_info .tag{color: #333333;margin-bottom: 18px;}
.m_case .case_top .g_info .tag span{margin-right: 10px;}
.m_case .case_top .g_info .text{line-height: 28px;color: #666666;}
.m_case .case_top .g_info .text .tt{color: #333333;}
.m_case .case_top .g_info .text .tt .xl{cursor: pointer;width: 26px;height: 16px;border: 1px solid #E2E2E2;border-radius: 3px;margin-top: 6px;background: url(../images/case_m_xl.png) no-repeat center;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.m_case .case_top .g_info .text .tt .xl.on{background: url(../images/case_m_xl1.png) no-repeat center;}
.m_case .case_top .g_info .text .txt{position: relative;z-index: 55;max-height: 65px;width: 848px;margin-left: -20px;padding: 0 20px 20px;overflow: hidden;background-color: #ffffff;transition:max-height 0.5s ease-in-out;-webkit-transition:max-height 0.5s ease-in-out;}
.m_case .case_top .g_info .text .txt.on{max-height: 1000px;}




/*preview-->css END*/