@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

}

h2 {

	font-size: 18px;

	line-height: 260%

}

h3 {

	font-size: 16px;

	line-height: 174%

}

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';

	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

}


.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 .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 .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: 120px;

}

.title_g {

	height: 58px;

	margin-bottom: 28px;

}

.title_c {

	height: 40px;

	line-height: 40px;

	font-size: 30px;

	color: #333;

	text-align: center;

	margin-bottom: 10px;
	font-weight: 700;
    letter-spacing: 3px;

}

.title_b {

	width: 65px;

	height: 8px;

	margin: 0 auto;

}

.title_b img {

	display: block;

}

.service_c {

	width: 1199px;

	height: 358px;

	border-top: 1px solid #ededed;

	border-left: 1px solid #ededed;

}

.service_c ul li {

	width: 298px;

	height: 178px;

	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: 33px;

}

.service_c .service_one .one_icon {

	background: url(../images/icon.jpg) no-repeat;

	background-position: 0 -520px;

	width: 104px;

	height: 103px;

	margin-top: -18px;
	margin-left:62px;

}

.service_c .service_one .introduce {

	/*width: 186px;*/

	/*height: 146px;*/
	
	
	width: 230px;
    height: 33px;
    /*margin-right: 67px;*/
    margin-top: 10px;
	text-align:center;

}

.service_c .service_one .introduce h3 {

	font-weight: 700;

	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;
	margin-left: 50px;

}

.project_box {

	height: auto;

	overflow: hidden;

	margin-bottom: 60px;

}

.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 {

	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: 60px;

}

.title {

	height: auto;

	overflow: hidden;

	margin-bottom: 36px;

}

.title .title_c {

	height: 30px;

	line-height: 30px;

	font-size: 24px;

	text-align: left;

}

.title .title_b {

	width: 94px;

	height: 8px;

	margin-left: 0;

}

.title .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: 561px;

	height: 52px;

	margin: 0 auto;

	margin-bottom: 54px;

}

.news_c .hd 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_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_c .hd 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: 115px;

	margin-top: 10px;

}

.footer .company-info {
	display: block;
    width: 120px;
    position: absolute;
    right: 162px;
    transform: translate(0, 11%);
}

.footer .company-info2 {
	display: block;
    width: 120px;
    position: absolute;
    right: 305px;
    transform: translate(0, 11%);
}

.footer .company-info3 {
	display: block;
    width: 120px;
    position: absolute;
    right: 445px;
    transform: translate(0, 11%);
}

.footer .company-info .company-logo {
    width: 100%;
    height: 100%;
}

.footer .company-info2 .company-logo2 {
    width: 100%;
    height: 100%;
}

.footer .company-info3 .company-logo3 {
    width: 100%;
    height: 100%;
}

.footer .company-info .company-desc {
    margin-top: 4px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.footer .company-info2 .company-desc2 {
    margin-top: 4px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.footer .company-info3 .company-desc3 {
    margin-top: 4px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
.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: -142px;

	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;
	color: #dadada

}

.mark_box .mark_type.wx {
	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;
	width: 100%;
	height: 264px;
	position: inherit;
	padding-top: 321px;
	padding-bottom: 0px;
}

.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: -215px;
	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;

}

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

}

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

}

.navigation ul li:hover a, .navigation 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;

}

/*翻页*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
	
.page {

	font-size: 16px;

	height: 48px;

	line-height: 44px;

	text-align: center;

	margin: 60px auto;

}


.page li {

    color: #777;
    padding: 0 20px;
    height: 46px;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
    transition: .3s;
    margin: 0px 2px;
}

.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;
	width: 100%;
	height: 420px;
	position: inherit;
	padding-top: 302px;
	padding-bottom: 0px;
}

.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: 18px;

	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;

}

.main_content .explain {

    background-color: #e2e7ee;
    color: #453e3e;
    margin: 5px;
    padding: 15px 30px;
    line-height: 2em;
    font-size: 13px;
}

.main_content .explain .ag-color {
	color: #E4AD06;
    font-size: 14px;
}

.main_content .explain em {
	font-style:normal;
}

.list_left {

	width: 860px;

}

.list_left h1 {

	height: auto;

	line-height: 24px;

	margin-bottom: 20px;

	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 .content_c {

	height: auto;

	overflow: hidden;

	padding-bottom: 50px;

	min-height: 800px;

}

.list_left .content_c p {

	color: #333;
    white-space: normal;
    letter-spacing: 1px;
    line-height: 27px;
    padding: 5px 0;
    font-size: 15px;

}

.list_left .content_c 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_right 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;

	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;

}

/*preview-->css END*/

.container{width:1200px;margin:0 auto;padding:0;}
.container:after{content:"";display:block;clear:both;}
.clearfix:after{content:"";display:block;clear:both;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.color-white{color:white!important;}
.red{color:#fc8080!important;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.wfs{width:100%;position:relative;}
.p_r{position:relative;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../img/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../img/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../img/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../img/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}