@charset "utf-8";
* {
	padding: 0px;
	margin: 0px;
}
li {
	list-style: none;
}
img {
	border: none;
	border: 0;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #00a4ff;
}
a:focus {
	outline: 0;
}
html {
	font: normal 14px/1.5 "microsoft yahei", tahoma, arial, sans-serif;
	background: #fff;
}
body {
	background: #fff;
}
input, input:focus {
	outline: none;
	text-indent: 5px
}
h1 {
	font-size: 20px;
	line-height: 300%
}
h2 {
	font-size: 18px;
	line-height: 300%
}
h3 {
	font-size: 16px;
	line-height: 300%
}
h4 {
	font-size: 14px;
	line-height: 300%
}
/*通用调用*/
.w1200 {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.w1260 {
	width: 1260px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
@font-face {
	font-family: 'HELVETICANEUELTPRO-THEX';
	/*src: url('../fonts/HELVETICANEUELTPRO-THEX.OTF');*/
	font-weight: normal;
	font-style: normal;
}
/*!Animate.css - http://daneden.me/animate*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce
}
@-webkit-keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
30% {
-webkit-transform:scaleX(1.25) scaleY(0.75);
transform:scaleX(1.25) scaleY(0.75)
}
40% {
-webkit-transform:scaleX(0.75) scaleY(1.25);
transform:scaleX(0.75) scaleY(1.25)
}
60% {
-webkit-transform:scaleX(1.15) scaleY(0.85);
transform:scaleX(1.15) scaleY(0.85)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
30% {
-webkit-transform:scaleX(1.25) scaleY(0.75);
-ms-transform:scaleX(1.25) scaleY(0.75);
transform:scaleX(1.25) scaleY(0.75)
}
40% {
-webkit-transform:scaleX(0.75) scaleY(1.25);
-ms-transform:scaleX(0.75) scaleY(1.25);
transform:scaleX(0.75) scaleY(1.25)
}
60% {
-webkit-transform:scaleX(1.15) scaleY(0.85);
-ms-transform:scaleX(1.15) scaleY(0.85);
transform:scaleX(1.15) scaleY(0.85)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
-ms-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
-ms-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
-ms-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
@keyframes wobble {
0% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
-ms-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
-ms-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
-ms-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
-ms-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
-ms-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
-ms-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
}
@keyframes bounceOut {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
-ms-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0.1;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(1000px);
transform:translateX(1000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
-ms-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
-ms-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
.flipInX {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
-ms-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
-ms-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
.flipInY {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
.flipOutY {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
-ms-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
-ms-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
-ms-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
-ms-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}
@-webkit-keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}
@-webkit-keyframes slideInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}
@-webkit-keyframes hinge {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
@keyframes hinge {
0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
-ms-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
-ms-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
-ms-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translateY(700px);
-ms-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
-ms-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
-ms-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
-ms-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
-ms-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(48px);
transform:scale(.475) translateX(48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
-ms-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(48px);
-ms-transform:scale(.475) translateX(48px);
transform:scale(.475) translateX(48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(-48px);
transform:scale(.475) translateX(-48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
-ms-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(-48px);
-ms-transform:scale(.475) translateX(-48px);
transform:scale(.475) translateX(-48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
-ms-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
-ms-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
100% {
opacity:0
}
}
@keyframes zoomOut {
0% {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
100% {
opacity:0
}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
-ms-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
-ms-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-transform-origin:center bottom;
-ms-transform-origin:center bottom;
transform-origin:center bottom
}
}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(42px);
transform:scale(.475) translateX(42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(42px);
-ms-transform:scale(.475) translateX(42px);
transform:scale(.475) translateX(42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
-ms-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center
}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(-42px);
transform:scale(.475) translateX(-42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(-42px);
-ms-transform:scale(.475) translateX(-42px);
transform:scale(.475) translateX(-42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
-ms-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-transform-origin:right center;
-ms-transform-origin:right center;
transform-origin:right center
}
}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-transform-origin:center top;
transform-origin:center top
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
-ms-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
-ms-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-transform-origin:center top;
-ms-transform-origin:center top;
transform-origin:center top
}
}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}
/*首页*/
.topbox {
	background: #31363a;
	height: 70px;
	line-height: 70px;
}
.logo {
	width: 238px;
	height: 70px;
}
.logo a {
	display: block;
	width: 100%;
	height: 100%;
}
.nav {
	width: 644px;
	height: 70px;
	margin-left: 34px;
}
.nav ul li {
	float: left;
	display: inline-block;
	padding: 0 14px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	position: relative;
	margin: 0 3px;
}
.nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 15px;
	color: #fff;
}
.nav ul li span {
	width: 0%;
	height: 2px;
	background-color: #00a4ff;
	position: absolute;
	bottom: 0px;
	left: 0;
	transition: .3s;
}
.nav ul li:hover span {
	width: 100%;
}
.nav ul li.on span {
	width: 100%;
}
.top_r {
	width: 196px;
	height: 70px;
}
.tel {
	width: 174px;
	height: 24px;
	margin-top: 6px;
}
.weixin a {
	display: block;
}
.weixin img {
	vertical-align: middle;
}
.weixin .ewm_code {
	margin-left: -105px;
}
.ewm_code {
	width: 120px;
	height: 120px;
	position: absolute;
	top: 70px;
	display: none;
	z-index: 999;
}
.slideBox {
	width: 100%;
	height: 646px;
	overflow: hidden;
	position: relative;
}
.slideBox .hd {
	width: 100%;
	height: 16px;
	overflow: hidden;
	text-align: center;
	position: absolute;
	bottom: 30px;
	z-index: 9999;
}
.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
}
.slideBox .hd ul li {
	margin-left: 10px;
	width: 16px;
	height: 16px;
	background: #94b0e7;
	display: inline-block;
	border-radius: 8px;
	cursor: pointer;
	zoom: 1;
*display:inline;
}
.slideBox .hd ul li.on {
	background: #00a4ff;
}
.slideBox .bd {
	position: relative;
	height: 100%;
	height: 646px;
	background-color: #1158aa;
}
.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
	width: 100%;
	height: 646px;
	position: relative;
	background-position: center -35px;
}
.slideBox .bd li .box {
	position: absolute;
	width: 1200px;
	height: 386px;
	left: 50%;
	margin-left: -600px;
	top: 230px;/* z-index: 999; */
}
.slideBox .bd li .box1 {
	position: absolute;
	width: 1200px;
	left: 50%;
	height: 511px;
	top: 135px;
	margin-left: -600px;/* z-index: 999; */
}
.slideBox .bd li .box2 {
	position: absolute;
	width: 1200px;
	left: 50%;
	height: 506px;
	top: 140px;
	margin-left: -600px;/* z-index: 999; */
}
.slideBox .bd li .box .btn {
	width: 196px;
	height: 80px;
	margin-top: 20px;
	transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
	-ms-transition: ease 0.3s;
	cursor: pointer;
}
.slideBox .bd li .box .btn:hover {
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
}
.slideBox .bd li .box .box1_pic {
	float: right;
	width: 1200px;
	height: 646px;
}
.slideBox .bd li .box .box2, .slideBox .bd li .box .box3 {
	height: auto;
	text-align: left;
	float: right;
	margin-top: 40px;
}
.slideBox .bd li .box .box2 {
	width: 440px;
	margin-right: 50px;
}
.slideBox .bd li .box .box2_pic {
	float: left;
	width: 1200px;
	height: 646px;
}
.slideBox .bd li .box .box3_pic {
	float: left;
	width: 1200px;
	height: 386px;
}
.slideBox .bd li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
/*  第1个焦点图元素  */
.box .box2_pic, .box .box1_pic, .box .box3_pic {
	position: relative;/*   cursor:pointer;  *//* overflow:hidden; */
}
.box .box1_pic img, .box .box2_pic img, .box .box3_pic img {
	display: block;
}
.box2_pic .text1 {
	position: absolute;
	left: 40px;
	top: 45px;
	transition: all 2s linear;
}
.box2_pic .text2 {
	position: absolute;
	left: 255px;
	top: 55px;
	transition: all 2s linear;
}
.box2_pic .text3 {
	position: absolute;
	left: 80px;
	top: 160px;
	transition: all 2s linear;
}
.box2_pic .text4 {
	position: absolute;
	left: 200px;
	top: 140px;
	transition: all 2s linear;
}
.box2_pic .text5 {
	position: absolute;
	left: 95px;
	top: 260px;
	transition: all 2s linear;
}
.box2_pic .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: 24px;
	color: #333;
	text-align: center;
	margin-bottom: 10px;
}
.title_b {
	width: 65px;
	height: 8px;
	margin: 0 auto;
}
.title_b img {
	display: block;
}
.service_c {
	width: 1199px;
	height: 390px;
	border-top: 1px solid #ededed;
	border-left: 1px solid #ededed;
}
.service_c ul li {
	width: 398px;
	height: 194px;
	border-bottom: 1px solid #ededed;
	border-right: 1px solid #ededed;
	float: left;
	display: inline-block;
}
.service_c .service_one {
	width: 316px;
	height: 148px;
	margin: 36px;
	margin-top: 32px;
}
.service_c .service_one .one_icon {
	background: url(../images/icon.jpg) no-repeat;
	background-position: 0 -520px;
	width: 104px;
	height: 103px;
	margin-top: 8px;
}
.service_c .service_one .introduce {
	width: 186px;
	height: 146px;
}
.service_c .service_one .introduce h3 {
	font-weight: normal;
	font-size: 20px;
	color: #333;
	height: 28px;
	line-height: 28px;
	margin-bottom: 15px;
}
.service_c .service_one .introduce p {
	background: url(../images/jt_03.jpg) no-repeat 0 center;
	height: 20px;
	padding-left: 14px;
	line-height: 20px;
	font-size: 16px;
	color: #666;
	margin-bottom: 6px;
	transition: all .36s ease;
	-moz-transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-o-transition: all .36s ease;
}
.service_c .service_one .introduce p a {
	color: #666;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.service_c .service_one .introduce p:hover {
	margin-left: 10px;
}
.service_c .service_one .introduce p:hover a {
	color: #00a4ff;
}
.service_c .service_one .two_icon {
	background-position: 0 0px;
}
.service_c .service_one .three_icon {
	background-position: 0 -103px;
}
.service_c .service_one .four_icon {
	background-position: 0 -206px;
}
.service_c .service_one .five_icon {
	background-position: 0 -310px;
}
.service_c .service_one .six_icon {
	background-position: 0 -415px;
}
.service_c .service_one .one_icon:hover {
	cursor: pointer;
	transform: rotate(360deg);
	transition: .8s;
}
.project_box {
	height: auto;
	overflow: hidden;
	margin-bottom: 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 {
	background: linear-gradient(180deg, #17395d 0%, #102b45 100%);
	width: 100%;
	padding: 54px 0 60px;
	margin-bottom: 45px;
	position: relative;
	overflow: hidden;
}
.casebox::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -20%;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(47, 127, 202, 0.15) 0%, transparent 70%);
	border-radius: 50%;
}
.casebox::after {
	content: '';
	position: absolute;
	bottom: -30%;
	left: -15%;
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(47, 127, 202, 0.1) 0%, transparent 70%);
	border-radius: 50%;
}
.title_c1 {
	color: #fff;
}
.casebox .title_g {
	position: relative;
	z-index: 1;
	text-align: center;
	margin-bottom: 30px;
}
.casebox .title_c1 {
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 12px;
}
.casebox .service-head .service-subtitle {
	display: block;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.7);
	text-align: center;
	line-height: 1.8;
	margin: 0 auto;
	max-width: 600px;
}
.case_c {
	width: 1200px;
	position: relative;
	z-index: 1;
}
.case_carousel {
	position: relative;
}
.case_stage {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-radius: 20px;
	position: relative;
	padding: 15px;
}
.case_track {
	display: flex;
	gap: 10px;
	padding: 0;
	margin: 0;
	list-style: none;
	width: max-content;
}
.case_track li {
	flex: 0 0 calc(33.333% - 7px);
	max-width: calc(33.333% - 7px);
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
@media (max-width: 992px) {
	.case_track li {
		flex: 0 0 calc(50% - 5px);
		max-width: calc(50% - 5px);
	}
}
@media (max-width: 576px) {
	.case_track li {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.case-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	text-decoration: none;
	color: inherit;
	width: 100%;
	height: 100%;
}
.case-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.18);
}
.case-image-wrapper {
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	flex-shrink: 0;
}
.case-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.case-card:hover .case-image {
	transform: scale(1.1);
}
.case-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to top, rgba(23, 57, 93, 0.85) 0%, transparent 60%);
	display: flex;
	align-items: flex-end;
	padding: 16px;
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.case-card:hover .case-overlay {
	opacity: 1;
	transform: translateY(0);
}
.case-view {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	background: rgba(255, 255, 255, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 999px;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	backdrop-filter: blur(10px);
	transition: all 0.3s ease;
}
.case-view:hover {
	background: rgba(255, 255, 255, 0.25);
}
.case-info,
.casebox .case_track > li .case-info {
	padding: 16px;
	flex: 1;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}
.case-title,
.casebox .case_track > li .case-title {
	font-size: 16px;
	font-weight: 600;
	color: #17395d;
	margin: 0 0 10px;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.case-desc,
.casebox .case_track > li .case-desc {
	font-size: 13px;
	color: #6a7787;
	line-height: 1.6;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.case_prev,
.case_next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 10;
	padding: 0;
}
.case_prev:hover,
.case_next:hover {
	background: rgba(255, 255, 255, 0.25);
	border-color: rgba(255, 255, 255, 0.4);
	transform: translateY(-50%) scale(1.08);
}
.case_prev svg,
.case_next svg {
	width: 20px;
	height: 20px;
}
.case_prev {
	left: -24px;
}
.case_next {
	right: -24px;
}
.case_dots {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 30px;
}
.case_dots button {
	width: 10px;
	height: 10px;
	border: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.3);
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 0;
}
.case_dots button:hover {
	background: rgba(255, 255, 255, 0.5);
}
.case_dots button.active {
	width: 24px;
	border-radius: 999px;
	background: #fff;
}
.home-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;margin:28px auto 24px;border-radius:24px;background:linear-gradient(135deg,#f5f9ff 0%,#ffffff 100%);box-shadow:0 16px 40px rgba(13,41,83,.08);border:1px solid #e6edf7;}
.home-hero .hero-copy{flex:1;}
.home-hero .hero-copy .ey-tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#eaf3ff;color:#1b5ca4;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;}
.home-hero .hero-copy h2{font-size:28px;color:#17395d;margin:0 0 10px;line-height:1.3;}
.home-hero .hero-copy p{font-size:15px;color:#5d6a77;line-height:1.8;margin:0;}
.home-hero .hero-stats{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end;}
.home-hero .hero-stats > div{min-width:118px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #e8eef7;box-shadow:0 8px 20px rgba(13,41,83,.05);} 
.home-hero .hero-stats strong{display:block;font-size:20px;color:#17395d;margin-bottom:4px;}
.home-hero .hero-stats span{font-size:13px;color:#6a7787;}
.service .title_g{margin-bottom:18px;}
.service .title_g .title_c{font-size:30px;color:#17395d;font-weight:600;}
.service .title_g .title_b{margin-top:10px;}
.service .service-head .service-subtitle{display:block;font-size:15px;color:#667284;text-align:center;line-height:1.8;margin:8px auto 0;max-width:760px;}
.service_c{width:100%;overflow:visible;}
.service_c ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;list-style:none;padding:0;margin:0;}
.service_c ul li{float:none;width:100%;margin:0;padding:0;display:block;}
.service_c ul li .service_one{display:flex;align-items:flex-start;gap:14px;width:100%;min-height:180px;padding:20px 18px;box-sizing:border-box;border-radius:18px;border:1px solid #e8eef7;background:#fff;box-shadow:0 10px 24px rgba(13,41,83,.05);transition:transform .25s ease,box-shadow .25s ease;overflow:hidden;position:relative;}
.service_c ul li .service_one:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(13,41,83,.1);}
.service_c ul li .one_icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#f1f6ff 0%,#e5efff 100%);border:1px solid #dce8f7;flex-shrink:0;display:block;float:none;}
.service_c ul li .introduce{float:none;overflow:hidden;flex:1;min-width:0;}
.service_c ul li .introduce h3{margin:0 0 10px;font-size:18px;color:#17395d;}
.service_c ul li .introduce p{margin:6px 0;}
.service_c ul li .introduce p a{color:#64707d;font-size:14px;display:block;line-height:1.6;white-space:normal;}
.project_box{margin-top:34px;padding:24px 0 0;}
.project_box .title_g .title_c{font-size:28px;color:#17395d;font-weight:600;}
.project_box .title_g .title_b{margin-top:10px;}
.project_box .project_c{border-radius:24px;overflow:hidden;box-shadow:0 16px 36px rgba(13,41,83,.08);border:1px solid #e8eef7;}
.project_box .project_con .left_one .policy{font-size:15px;line-height:1.8;color:#536172;}
.project_box .project_con .left_one .more a{padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#1b5ca4 0%,#2f7fca 100%);color:#fff;box-shadow:0 10px 20px rgba(27,92,164,.16);}
.casebox{padding:24px 0 40px;margin-top:32px;background:linear-gradient(180deg,#17395d 0%,#102b45 100%);}
.casebox .title_g{margin-bottom:18px;}
.casebox .title_c1,.casebox .title_g .title_b img{color:#fff;}
.casebox .case_c{position:relative;overflow:hidden;}
.casebox .case_carousel{position:relative;overflow:hidden;padding:0 42px;box-sizing:border-box;}
.casebox .case_stage{overflow:hidden;position:relative;padding:15px;}
.casebox .case_track{display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:0;align-items:stretch;width:max-content;gap:20px;}
.casebox .case_track > li{flex:0 0 300px;width:300px;height:auto;margin:0;padding:0;box-sizing:border-box;display:block;float:none;overflow:visible;position:relative;}
.casebox .case_track > li a{display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12);width:300px;height:400px;text-decoration:none;color:inherit;transition:all 0.35s ease;}
.casebox .case_track > li a:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,.18);}
.casebox .case_track > li .case-image-wrapper{position:relative;width:300px;height:220px;overflow:hidden;flex-shrink:0;}
.casebox .case_track > li .case-image{display:block;width:300px;height:220px;object-fit:cover;transition:transform 0.4s ease;}
.casebox .case_track > li a:hover .case-image{transform:scale(1.05);}
@media (max-width: 1200px) {
	.casebox .case_track > li{flex:0 0 260px;width:260px;}
	.casebox .case_track > li a{width:260px;height:360px;}
	.casebox .case_track > li .case-image-wrapper{width:260px;height:190px;}
	.casebox .case_track > li .case-image{width:260px;height:190px;}
}
@media (max-width: 992px) {
	.casebox .case_track > li{flex:0 0 280px;width:280px;}
	.casebox .case_track > li a{width:280px;height:380px;}
	.casebox .case_track > li .case-image-wrapper{width:280px;height:200px;}
	.casebox .case_track > li .case-image{width:280px;height:200px;}
}
@media (max-width: 768px) {
	.casebox .case_track > li{flex:0 0 240px;width:240px;}
	.casebox .case_track > li a{width:240px;height:340px;}
	.casebox .case_track > li .case-image-wrapper{width:240px;height:175px;}
	.casebox .case_track > li .case-image{width:240px;height:175px;}
}
@media (max-width: 576px) {
	.casebox .case_track > li{flex:0 0 280px;width:280px;}
	.casebox .case_track > li a{width:280px;height:380px;}
	.casebox .case_track > li .case-image-wrapper{width:280px;height:200px;}
	.casebox .case_track > li .case-image{width:280px;height:200px;}
}
.casebox .case_prev,.casebox .case_next{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);color:#17395d;font-size:22px;text-decoration:none;z-index:2;box-shadow:0 6px 16px rgba(0,0,0,.14);}
.casebox .case_prev{left:0;}
.casebox .case_next{right:0;}
.casebox .case_dots{display:flex;justify-content:center;gap:8px;margin-top:16px;}
.casebox .case_dots button{width:10px;height:10px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.45);cursor:pointer;}
.casebox .case_dots button.active{background:#fff;transform:scale(1.15);}
.home-hero::before{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(120deg,rgba(27,92,164,.08),transparent 60%);pointer-events:none;}
.home-hero{position:relative;overflow:hidden;}
.home-hero .hero-stats > div:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(13,41,83,.12);}
.service_c ul li .service_one{position:relative;overflow:hidden;}
.service_c ul li .service_one::after{content:"";position:absolute;right:-28px;top:-28px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(27,92,164,.14),rgba(27,92,164,0));}
.service_c ul li .service_one .one_icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 20px rgba(27,92,164,.12);}
.service_c ul li .service_one .introduce h3{letter-spacing:.01em;}
.service_c ul li .service_one .introduce p a:hover{color:#1b5ca4;}
.project_box .project_c{position:relative;overflow:hidden;}
.project_box .project_c::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#1b5ca4 0%,#5db1ff 100%);}
.casebox{position:relative;overflow:hidden;}
.casebox::before,.casebox::after{content:"";position:absolute;pointer-events:none;border-radius:50%;background:rgba(255,255,255,.08);}
.casebox::before{width:260px;height:260px;right:-80px;top:-110px;}
.casebox::after{width:180px;height:180px;left:-50px;bottom:-80px;}
.casebox .case_track > li a{transition:transform .25s ease,box-shadow .25s ease;}
.casebox .case_track > li a:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(0,0,0,.22);}
.casebox .case_prev:hover,.casebox .case_next:hover{background:#fff;transform:translateY(-50%) scale(1.05);box-shadow:0 10px 24px rgba(0,0,0,.16);}
.news_c{position:relative;}
.news_c::before{content:"";position:absolute;top:-1px;left:28px;width:120px;height:4px;border-radius:999px;background:linear-gradient(90deg,#1b5ca4 0%,#5db1ff 100%);}
.news_r ul li{transition:background .25s ease,transform .25s ease,padding-left .25s ease;border-radius:10px;padding:14px 12px;}
.news_r ul li:hover{background:#f7fbff;transform:translateX(4px);padding-left:16px;}
.linksbox{position:relative;overflow:hidden;}
.linksbox::before{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(27,92,164,.08),rgba(27,92,164,0));}
.promise_evaluate {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 24px;
	padding: 28px 28px 30px;
	margin: 40px auto 46px;
	background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
	border: 1px solid #e7eef7;
	border-radius: 24px;
	box-shadow: 0 16px 40px rgba(13, 41, 83, .08);
	overflow: hidden;
}
.promise_box {
	flex: 1.15;
	background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
	border: 1px solid #e7eef7;
	border-radius: 22px;
	padding: 22px 22px 18px;
	box-shadow: 0 16px 36px rgba(13, 41, 83, .06);
	position: relative;
	overflow: hidden;
}
.promise_box::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(125deg, rgba(27, 92, 164, .06) 0%, transparent 45%, rgba(105, 180, 255, .04) 100%);
	pointer-events: none;
}
.promise_box .title,
.evaluate_box .top_title {
	margin-bottom: 18px;
	position: relative;
	z-index: 1;
}
.promise_box .title .title_c,
.evaluate_box .top_title .title_c {
	height: auto;
	line-height: 1.3;
	font-size: 22px;
	font-weight: 600;
	color: #17395d;
	margin-bottom: 8px;
}
.promise_box .title .title_b,
.evaluate_box .top_title .title_b {
	width: 74px;
	height: 3px;
	margin-left: 0;
	background: linear-gradient(90deg, #1b5ca4 0%, #69b4ff 100%);
	border-radius: 999px;
}
.promise_box .title .title_b img,
.evaluate_box .top_title .title_b img {
	display: none;
}
.promise_c {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	width: 100%;
	height: auto;
	overflow: visible;
	position: relative;
	z-index: 1;
}
.promise_c .one_pro {
	position: relative;
	width: 100%;
	height: 240px;
	border-radius: 18px;
	overflow: hidden;
	background: linear-gradient(180deg, #f5f9ff 0%, #eef5ff 100%);
	box-shadow: 0 12px 22px rgba(13, 41, 83, .08);
	border: 1px solid rgba(255,255,255,.75);
	transition: transform .25s ease, box-shadow .25s ease;
}
.promise_c .one_pro:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 28px rgba(13, 41, 83, .12);
}
.one_pro .pic_one,
.one_pro .pic_one1 {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.one_pro .pic_one img,
.one_pro .pic_one1 img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}
.one_pro:hover .pic_one img,
.one_pro:hover .pic_one1 img {
	transform: scale(1.04);
}
.one_pro .two_font {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 18px 16px 16px;
	color: #fff;
	background: linear-gradient(180deg, rgba(8, 23, 41, 0) 0%, rgba(8, 23, 41, .86) 100%);
	z-index: 2;
	min-height: 110px;
}
.one_pro .two_font .title_name {
	width: 100%;
	height: auto;
	line-height: 1.4;
	font-size: 17px;
	font-weight: 600;
	text-align: left;
	margin: 0 0 8px;
}
.one_pro .two_font .detail {
	width: 100%;
	height: auto;
	font-size: 13px;
	line-height: 1.7;
	color: rgba(255,255,255,.92);
	margin: 0;
	overflow: hidden;
}
.one_pro .two_fon1,
.one_pro .two_font2 {
	background: linear-gradient(180deg, rgba(8, 23, 41, 0) 0%, rgba(8, 23, 41, .86) 100%);
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 18px 16px 16px;
}
.evaluate_box {
	flex: 0 0 430px;
	width: 430px;
	height: auto;
	background: #fff;
	border: 1px solid #edf2f7;
	border-radius: 20px;
	padding: 20px 20px 18px;
	box-shadow: 0 10px 24px rgba(13, 41, 83, .05);
	overflow: hidden;
}
.top_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: auto;
	line-height: 1.4;
	padding-bottom: 10px;
	border-bottom: 1px solid #edf2f7;
	margin-bottom: 12px;
}
.top_title .title {
	width: auto;
	margin-bottom: 0;
}
.top_title .more a {
	color: #1b5ca4;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: .05em;
}
.top_title .more a:hover {
	color: #0f3f74;
}
.evaluate_c {
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.evaluate_c ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: auto;
	line-height: 1.5;
	padding: 10px 0;
	margin-bottom: 0;
	border-bottom: 1px dashed #e8eef7;
}
.evaluate_c ul li a {
	background: none;
	padding-left: 0;
	display: block;
	width: auto;
	flex: 1;
	height: auto;
	overflow: hidden;
	color: #4d5b6c;
	float: none;
	transition: all .2s ease;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
}
.evaluate_c ul li span {
	float: none;
	color: #98a7b6;
	font-size: 12px;
	white-space: nowrap;
}
.evaluate_c ul li a:hover {
	color: #1b5ca4;
	margin-left: 0;
	transform: translateX(2px);
}
.evaluate_c ul li a:active {
	color: #999;
}
.poster {
	width: 100%;
	height: auto;
	margin-top: 14px;
}
.poster img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 16px;
	object-fit: cover;
}
@media (max-width: 1220px) {
	.promise_evaluate {
		flex-direction: column;
	}
	.evaluate_box {
		flex: 1 1 auto;
		width: 100%;
	}
	.promise_c {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 768px) {
	.promise_c {
		grid-template-columns: 1fr;
	}
}
.newsbox {
	display: block;
	clear: both;
	height: auto;
	overflow: visible;
	width: 1200px;
	margin: 44px auto 48px;
}
.newsbox .sec-title {
	margin-bottom: 24px;
	text-align: center;
}
.newsbox .sec-title .title_c {
	display: block;
	font-size: 28px;
	color: #17395d;
	font-weight: 600;
	margin-bottom: 8px;
}
.newsbox .sec-title .sec-subtitle {
	display: block;
	font-size: 15px;
	color: #687483;
	line-height: 1.8;
	margin: 0 auto 14px;
	max-width: 650px;
}
.newsbox .sec-title .title_b {
	margin: 0 auto;
}
.news_c {
	background: #fff;
	border: 1px solid #e8eef7;
	border-radius: 24px;
	padding: 24px 28px;
	box-shadow: 0 12px 28px rgba(13, 41, 83, .06);
}
.news_c .hd {
	width: 100%;
	height: auto;
	margin: 0 0 24px;
}
.news_c .hd ul {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}
.news_c .hd ul li {
	float: none;
	display: inline-block;
	width: auto;
	min-width: 122px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 15px;
	color: #4d5b6c;
	background: #f3f8ff;
	margin: 0;
	padding: 0 18px;
	border-radius: 999px;
	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: block;
	width: 100%;
	height: 100%;
	color: inherit;
}
.news_c .hd ul li:hover, .news_c .hd ul li.on {
	background: linear-gradient(135deg, #1b5ca4 0%, #2f7fca 100%);
	width: auto;
	height: 44px;
	cursor: pointer;
}
.news_c .hd ul li:hover a, .news_c .hd ul li.on a {
	color: #fff;
}
.news_c .bd {
	height: auto;
	overflow: visible;
}
.news_c .news_con {
	display: flex;
	gap: 24px;
	align-items: stretch;
}
.news_l {
	width: 50%;
	max-width: 560px;
	height: auto;
	overflow: hidden;
	position: relative;
	border-radius: 18px;
	box-shadow: 0 10px 24px rgba(13, 41, 83, .08);
}
.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: 100%;
	height: 320px;
	object-fit: cover;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_l .news_font {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(6, 23, 41, .84) 100%);
	width: auto;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 16px 20px 18px;
}
.news_l .news_font .title_news {
	height: auto;
	line-height: 24px;
	overflow: hidden;
	margin-bottom: 8px;
}
.news_l .news_font .title_news span {
	display: block;
	float: none;
	width: 100%;
	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: auto;
	line-height: 22px;
	overflow: hidden;
	color: rgba(255,255,255,.9);
}
.news_l a:hover .news_pic {
	transform: scale(1.05);
}
.news_r {
	width: calc(50% - 12px);
	height: auto;
	padding: 2px 0 0;
}
.news_r ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.news_r ul li {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	height: auto;
	padding: 16px 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #eaeaea;
	border-radius: 10px;
}
.news_r ul li .time_l {
	float: none;
	width: 58px;
	height: 66px;
	overflow: hidden;
	margin-left: 0;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	flex-shrink: 0;
}
.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 {
	float: none;
	width: auto;
	flex: 1;
	height: auto;
	margin-right: 0;
}
.news_r ul li .detailed_r .title_n {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	height: auto;
	overflow: hidden;
	margin-bottom: 6px;
}
.news_r ul li .detailed_r .title_n .title_det {
	float: none;
	color: #223447;
	width: auto;
	height: auto;
	line-height: 24px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_r ul li .detailed_r .title_n .more_yr {
	float: none;
	width: 34px;
	height: 24px;
	overflow: hidden;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	flex-shrink: 0;
}
.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: #697483;
	height: auto;
	line-height: 20px;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	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: 6px;
}
.news_r ul li:hover .more_yr {
	margin-right: 6px;
}
.news_r ul li:hover .title_n .title_det {
	color: #1b5ca4;
}
.linksbox {
	height: auto;
	overflow: hidden;
	margin: 0 auto 48px;
	padding: 20px 24px;
	border-radius: 20px;
	border: 1px solid #e8eef7;
	background: #fff;
	box-shadow: 0 10px 24px rgba(13, 41, 83, .04);
}
.linksbox img {
	width: 143px;
	height: 36px;
	float: left;
	margin-right: 16px;
}
.links_c {
	overflow: hidden;
}
.links_c a {
	display: inline-block;
	margin: 6px 10px 6px 0;
	padding: 6px 10px;
	border-radius: 999px;
	background: #f5f8fc;
	line-height: 20px;
	color: #52606f;
}
.links_c a:hover {
	background: #e9f2ff;
	color: #1b5ca4;
}
body {
	background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
	color: #223447;
}
.w1200 {
	box-sizing: border-box;
}
.service .title_g {
	position: relative;
	margin-bottom: 24px;
}
.service .title_g .title_c {
	position: relative;
	padding-bottom: 10px;
}
.service .title_g .title_c::after {
	content: "";
	display: block;
	width: 70px;
	height: 3px;
	margin-top: 10px;
	border-radius: 999px;
	background: linear-gradient(90deg, #1b5ca4 0%, #69b4ff 100%);
}
.service .title_g .title_b {
	margin-top: 8px;
	opacity: .9;
}
.promise_evaluate {
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	border: 1px solid #e7eef7;
	border-radius: 24px;
	padding: 24px 24px 28px;
	box-shadow: 0 16px 38px rgba(13, 41, 83, .06);
	margin: 40px auto 46px;
}
.promise_box, .evaluate_box {
	background: #fff;
	border: 1px solid #e8eef7;
	border-radius: 20px;
	padding: 18px 20px;
	box-shadow: 0 10px 24px rgba(13, 41, 83, .05);
}
.evaluate_box {
	width: 446px;
	box-sizing: border-box;
}
.top_title {
	border-bottom: 1px solid #edf2f7;
	padding-bottom: 10px;
	margin-bottom: 12px;
}
.evaluate_c ul li {
	height: auto;
	padding: 10px 0;
	margin-bottom: 0;
	border-bottom: 1px dashed #e8eef7;
}
.evaluate_c ul li a {
	background: none;
	padding-left: 0;
	width: 100%;
	color: #4a5a6a;
	font-size: 14px;
}
.evaluate_c ul li span {
	color: #98a7b6;
	font-size: 12px;
}
.poster img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 16px;
	object-fit: cover;
}
.news_c {
	box-shadow: 0 16px 36px rgba(13, 41, 83, .06);
}
.footer {
	display: block;
	clear: both;
	background: linear-gradient(135deg, #0f263f 0%, #17395d 100%);
	width: 100%;
	min-height: 158px;
	padding: 34px 0 36px;
	color: #e8f2ff;
	border-top: 1px solid rgba(255,255,255,.08);
}
.footer .footer_wd {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	gap: 32px;
	align-items: flex-start;
}
.footer a {
	color: #e8f2ff;
}
.footer a:hover {
	color: #8dd0ff;
}
.footer .title {
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 13px;
}
.footer .item {
	width: auto;
	margin-top: 0;
}
.footer .item_c a {
	float: left;
	display: inline-block;
	width: auto;
	margin-right: 14px;
	line-height: 26px;
}
.footer .contact_f {
	width: auto;
	height: auto;
	overflow: hidden;
	margin-left: 0;
	margin-top: 0;
	max-width: 360px;
}
.footer .contact_eles {
	line-height: 24px;
}
.footer .footer_r {
	width: auto;
	max-width: 320px;
}
@media (max-width: 1220px) {
	.w1200 {
		width: 96%;
	}
	.footer .footer_wd {
		flex-wrap: wrap;
	}
	.evaluate_box {
		width: 100%;
		margin-top: 20px;
	}
}
.link_btn ul li {
wi129px;
	height: 40px;
	position: relative;
	margin-bottom: 9px;
}
.link_btn {
	height: auto;
}
.link_qq {
	width: 125px;
	height: 40px;
	background: url(../images/indexicon.png) no-repeat;
	display: block;
	margin-top: 14px;
	transition: all .36s ease;
	-moz-transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-o-transition: all .36s ease;
	margin-left: 4px;
}
.link_qq:hover {
	background: url(../images/indexicon.png) 0 -50px no-repeat;
}
.link_weixin {
	width: 129px;
	height: 40px;
	background: url(../images/indexicon.png) -129px 0 no-repeat;
	display: block;
	transition: all .36s ease;
	-moz-transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-o-transition: all .36s ease;
	margin-bottom: 10px;
}
.link_weixin:hover {
	background: url(../images/indexicon.png) -130px -50px no-repeat;
}
.link_shouji {
	width: 125px;
	height: 40px;
	background: url(../images/indexicon.png) -265px 0 no-repeat;
	display: block;
	transition: all .36s ease;
	-moz-transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-o-transition: all .36s ease;
	margin-left: 4px;
}
.link_shouji:hover {
	background: url(../images/indexicon.png) -265px -50px no-repeat;
}
.link_ewm {
	position: absolute;
	top: -46px;
	left: 139px;
	width: 129px;
	display: none;
}
.mark_box {
	height: 165px;
	width: 124px;
	overflow: hidden;
}
.mark_box .mark_pic {
	width: 124px;
	height: 124px;
	overflow: hidden;
}
.mark_box .mark_type {
	height: 41px;
	line-height: 41px;
	text-indent: 42px;
	background: url(../images/phone_icon.png) no-repeat 25px 11px;
	color: #dadada
}
.mark_box .mark_type.wx {
	background: url(../images/wx_icon.png) no-repeat 21px 13px;
	text-indent: 46px;
}
.footer2 {
	height: 56px;
	width: 100%;
	background: #262626;
}
.footer_w {
	width: 1200px;
	height: 56px;
	margin: 0 auto;
	position: relative;
}
.footer_w img {
	display: block;
	width: 80px;
	height: 23px;
	position: absolute;
	top: -23px;
	left: 560px;
}
.copyright {
	color: #d9d9d9;
	height: 56px;
	line-height: 56px;
	text-align: center;
}
.copyright a {
	color: #d9d9d9;
}
.copyright a:hover {
	color: #fff;
}
/*列表*/
.main_box {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #f7f7f8;
}
.banner_c {
	background: url(../images/banner_n.jpg) no-repeat center 0;
	width: 100%;
	height: 260px;
}
.main {
	height: auto;
	width: 1200px;
	padding: 0 30px;
	background: #fff;
	border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	margin-top: -72px;
	margin-bottom: 30px;
}
.crumbs {
	width: 1150px;
	height: 60px;
	line-height: 60px;
	padding-bottom: 5px;
	color: #666;
	border-bottom: 1px dashed #e5e5e5;
}
.bread_r {
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	width: 234px;
	margin-left: 20px;
}
.bread_r img {
	display: block;
	float: right;
	margin-top: 10px;
}
.crumbs .crumbs_f img {
	display: block;
	float: left;
	width: 19px;
	height: 16px;
	margin-top: 21px;
}
.crumbs .crumbs_f a {
	color: #666;
	transition: .3s;
}
.crumbs .crumbs_f a:hover {
	color: #00a4ff;
}
.searchbar {
	width: 214px;
	height: 38px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	position: relative;
	margin-top: 14px;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.searchbar input {
	background-color: transparent;
	height: 38px;
	line-height: 38px;
	color: #888;
	width: 214px;
	border: 1px solid #c5c5c5;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 0px 5px 0px 13px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}
.searchbar input.yys_hei {
	color: #444;
}
.searchbar div {
	width: 21px;
	height: 21px;
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	border: none;
	cursor: pointer;
	z-index: 2;
}
.searchbar:hover input {
	border: 1px solid #00a4ff
}
.searchbar input:focus {
	border: 1px solid #00a4ff;
}
.navigation {
	/*width: 561px;*/
	height: 52px;
	margin: 0 auto;
	margin-bottom: 54px;
	margin-top: 42px;
}
.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;
}
/*翻页*/
.page {
	font-size: 16px;
	height: 48px;
	line-height: 44px;
	text-align: center;
	margin: 60px auto;
}
.page .nolink {
	color: #b0b0b0;
	height: 42px;
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	margin: 0px 2px;
	border: 1px solid #f1f1f1;
}
.page a, .page span {
	color: #777;
	padding: 0 20px;
	height: 42px;
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	transition: .3s;
	margin: 0px 2px;
	border: 1px solid #d5d5d5;
}
.page .cur {
	height: 42px;
	display: inline-block;
	overflow: hidden;
	background-color: #0e61e6;
	color: #FFF;
	margin: 0px 2px;
	border: 1px solid #0e61e6;
	border-radius: 5px;
}
.page a:hover {
	background-color: #0e61e6;
	color: #FFF;
	border: 1px solid #0e61e6;
	border-radius: 5px;
}
.page .p {
	font-size: 20px;
	line-height: 42px;
}
.page .n {
	border: none;
}
.banner_c1 {
	background: url(../images/banner_n.jpg) no-repeat center 0;
	width: 100%;
	height: 260px;
}
.case_content {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}
.case_content ul li {
	float: left;
	width: 372px;
	height: 387px;
	margin-right: 38px;
}
.case_content ul li:nth-child(3n) {
	margin-right: 0;
}
.case_content ul li .case_pic {
	width: 372px;
	height: 226px;
	position: relative;
}
.case_content ul li .case_pic img {
	display: block;
	width: 372px;
	height: 226px;
}
.case_content ul li .hover_bg {
	background: url(../images/hover_bg.png) no-repeat;
	width: 372px;
	height: 226px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	opacity: 0;
}
.case_content ul li .hover_more {
	background: url(../images/car.png) no-repeat /*repeat scroll 0 0 transparent*/;
	width: 75px;
	height: 75px;
	position: absolute;
	top: 75px;
	z-index: 3;
	left: 0;
	opacity: 0;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.case_content ul li .case_detaile {
	width: 302px;
	height: 120px;
	padding: 20px 34px;
	border: 1px solid #f5f5f5;
	border-top: 0;
}
.case_content .case_detaile .title {
	font-size: 18px;
	color: #333;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	margin-bottom: 7px;
}
.case_content .case_detaile .introduce {
	color: #999;
	height: 24px;
	line-height: 24px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 18px;
}
.case_content .case_detaile .more {
	height: 18px;
	line-height: 18px;
	overflow: hidden;
}
.case_content .case_detaile .more .left {
	color: #666;
}
.case_content .case_detaile .more .right {
	background: url(../images/case_jt_03.jpg) no-repeat -13px 0px;
	width: 13px;
	height: 12px;
}
.case_content ul li:hover .hover_bg {
	opacity: 1;
}
.case_content ul li:hover .hover_more {
	opacity: 1;
	left: 152px;
}
.case_content ul li:hover .case_detaile {
	border: 1px solid #dfeef9;
	border-top: 0
}
.case_content ul li:hover .title {
	color: #00a4ff;
}
.case_content ul li:hover .introduce {
	border-bottom: 1px solid #dfeef9;
	color: #00a4ff;
}
.case_content ul li:hover .more .left {
	color: #00a4ff;
}
.case_content ul li:hover .more .right {
	background-position: 0 0px;
}
/*内容*/
.main_content {
	height: auto;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 30px;
}
.list_left {
	width: 60%;
}
.list_left h1 {
	height: auto;
	line-height: 24px;
	margin-bottom: 10px;
	font-style: normal;
}
.list_left .time {
	color: #999;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}
.list_left .black_b {
	width: 810px;
	height: 1px;
	border-bottom: 1px dashed #e9e9e9;
	margin: 26px 0;
	margin-top: 20px;
}
.list_left .content_c {
	height: auto;
	overflow: hidden;
	padding-bottom: 50px;
	min-height: 800px;
}
.list_left .content_c p {
	color: #333;
	line-height: 24px;
}
.list_left .content_c p img {
	display: block;
	margin: 0 auto;
	max-width: 810px;
	height: auto;
	overflow: hidden;
}
.list_left .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;
	background: url(../images/dz_03.jpg) no-repeat;
	width: 402px;
	height: 103px;
	margin: 60px auto;
	margin-top: 40px;
}
.dz a:hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.content_border {
	width: 1150px;
	height: 1px;
	background: #e5e5e5;
	margin-bottom: 40px;
}
/*preview-->css END*/
/* ===== project_box layout refactor (2024-06-24) ===== */
.project_box .project_c {
	height: auto;
	background: #fff;
}
.project_box .project_con {
	display: grid;
	grid-template-columns: 360px 1fr;
	min-height: 640px;
	align-items: stretch;
}
.project_box .project_c .left_one {
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	height: auto;
	min-height: 640px;
	margin: 0;
	padding: 50px 32px;
	background: url(../images/left_bg_03.jpg) no-repeat center/cover;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
}
.project_box .project_con .left_one .title_pro {
	width: auto;
	height: auto;
	margin: 0 0 24px;
}
.project_box .project_con .left_one .title_pro .one_c {
	height: auto;
	line-height: 1.2;
	margin-bottom: 10px;
}
.project_box .project_con .left_one .title_pro .one_e {
	height: auto;
	line-height: 1.4;
	margin-bottom: 10px;
}
.project_box .project_con .left_one .policy {
	width: auto;
	height: auto;
	margin: 0 0 28px;
	color: rgba(255,255,255,.92);
	text-align: center;
}
.project_box .project_con .left_one .pic {
	position: relative;
	width: 240px;
	height: 240px;
	margin: 0 auto 28px;
}
.project_box .project_con .left_one .pic img {
	width: 100%;
	height: 100%;
	margin: 0;
}
.project_box .project_con .left_one span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -18px;
	text-align: center;
	line-height: 1.4;
	height: auto;
	color: #4297ff;
	font-weight: bold;
}
.project_box .project_con .left_one .more {
	width: auto;
	height: auto;
	margin: 0;
	border: none;
	line-height: normal;
}
.project_box .project_con .left_one .more a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	padding: 12px 28px;
	font-size: 15px;
	color: #fff;
	background: linear-gradient(135deg,#1b5ca4 0%,#2f7fca 100%);
	border-radius: 999px;
	box-shadow: 0 10px 20px rgba(27,92,164,.2);
	transition: all .25s ease;
}
.project_box .project_con .left_one .more a:hover {
	padding-left: 28px;
	transform: translateY(-2px);
	box-shadow: 0 14px 26px rgba(27,92,164,.28);
}
.project_box .project_con .left_one .more a:before {
	display: none;
}
.project_box .project_ul {
	width: auto;
	margin: 0;
	padding: 40px 32px;
	box-sizing: border-box;
}
.project_box .project_ul ul {
	width: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.project_box .project_ul ul li {
	width: auto;
	height: auto;
	float: none;
	margin: 0;
	padding: 24px;
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 10px 30px rgba(13,41,83,.08);
	border: 1px solid #eef3f9;
	box-sizing: border-box;
	transition: transform .25s ease, box-shadow .25s ease;
}
.project_box .project_ul ul li:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 36px rgba(13,41,83,.12);
}
.project_box .project_ul .content_box {
	width: auto;
	height: auto;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.project_box .project_ul .content_box .title_t {
	margin-bottom: 0;
}
.project_box .project_ul .content_box .one {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	height: auto;
	overflow: visible;
}
.project_box .project_ul .content_box .one .left {
	float: none;
	flex-shrink: 0;
	margin-right: 0;
}
.project_box .project_ul .content_box .one .right {
	float: none;
	width: auto;
	flex: 1;
}
.project_box .project_ul .content_box .one .right h3 {
	height: auto;
	line-height: 1.3;
	margin-bottom: 8px;
}
.project_box .project_ul .content_box .one .right h3 a {
	color: #17395d;
	font-weight: 600;
}
.project_box .project_ul .content_box .one .right p {
	height: auto;
	line-height: 1.7;
	color: #64707d;
}
.project_box .project_ul .content_box .two {
	margin: 0;
}

@media (max-width: 1220px) {
	.project_box .project_con {
		grid-template-columns: 1fr;
	}
	.project_box .project_c .left_one {
		min-height: 420px;
		padding: 40px 24px;
	}
}

@media (max-width: 980px) {
	.project_box .project_ul ul {
		grid-template-columns: 1fr;
	}
}
/* ===== project_box layout refactor end ===== */

/* ===== section spacing & rhythm consistency ===== */
.service {
	margin-top: 40px;
	margin-bottom: 48px;
}
.title_g {
	height: auto;
}
.service .title_g {
	margin-bottom: 28px;
}
.promise_evaluate {
	margin-top: 24px;
	margin-bottom: 48px;
}
.newsbox {
	margin-top: 48px;
	margin-bottom: 48px;
}
/* ===== section spacing end ===== */

/* ===== case carousel optimization ===== */
.casebox {
	height: auto;
	padding: 48px 0 56px;
}
.casebox .case_c {
	height: auto;
}
.casebox .case_c ul li {
	position: relative;
	top: auto;
	left: auto;
	width: auto;
	height: auto;
	background: none;
}
.casebox .case_carousel {
	padding: 0 52px;
}
.casebox .case_track {
	gap: 20px;
}
.casebox .case_track > li {
	width: calc(25% - 15px) !important;
	height: auto !important;
	margin: 0;
}
.casebox .case_track > li a {
	width: 100%;
	height: auto;
}
.casebox .case_track > li img {
	width: 100%;
	min-width: auto;
	max-width: none;
	height: auto;
	aspect-ratio: 16 / 7.5;
}
.casebox .case_prev,
.casebox .case_next {
	width: 40px;
	height: 40px;
	font-size: 24px;
	background: rgba(255,255,255,.95);
	transition: all .25s ease;
}
.casebox .case_prev:hover,
.casebox .case_next:hover {
	background: #fff;
	transform: translateY(-50%) scale(1.08);
	box-shadow: 0 10px 24px rgba(0,0,0,.2);
}
.casebox .case_dots {
	margin-top: 22px;
}
.casebox .case_dots button {
	width: 10px;
	height: 10px;
	border: 0;
	border-radius: 50%;
	padding: 0;
	background: rgba(255,255,255,.5);
	cursor: pointer;
	opacity: .8;
	transition: all .25s ease;
}
.casebox .case_dots button.active,
.casebox .case_dots button:hover {
	width: 24px;
	border-radius: 999px;
	background: #fff;
	opacity: 1;
}
.casebox .case_dots button.active {
	transform: scale(1.05);
}
.casebox .case_track > li a:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 30px rgba(0,0,0,.22);
}

@media (max-width: 1199px) {
	.casebox .case_track > li {
		width: calc(33.333% - 14px) !important;
	}
}

@media (max-width: 991px) {
	.casebox .case_track > li {
		width: calc(50% - 10px) !important;
	}
	.casebox .case_carousel {
		padding: 0 44px;
	}
}

@media (max-width: 767px) {
	.casebox .case_track > li {
		width: 100% !important;
	}
	.casebox .case_carousel {
		padding: 0 40px;
	}
}
/* ===== case carousel optimization end ===== */

/* ===== CTA Section ===== */
.cta-section {
    position: relative;
    margin: 60px 0;
    padding: 60px 0;
    overflow: hidden;
}

.cta-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #003366 0%, #0066cc 50%, #0099ff 100%);
    background-size: cover;
    background-position: center;
}

.cta-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.cta-content {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}

.cta-left {
    flex: 1;
    color: #fff;
}

.cta-left h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
    line-height: 1.4;
}

.cta-left p {
    font-size: 18px;
    margin-bottom: 24px;
    opacity: 0.95;
}

.cta-benefits ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cta-benefits li {
    font-size: 16px;
    padding: 10px 0;
    padding-left: 30px;
    position: relative;
}

.cta-benefits li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center center no-repeat;
    background-size: contain;
}

.cta-right {
    flex: 0 0 420px;
}

.contact-form {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.form-group {
    margin-bottom: 20px;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #0066cc;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}

.form-group textarea {
    resize: none;
    min-height: 80px;
}

.submit-btn {
    width: 100%;
    padding: 16px;
    background: linear-gradient(135deg, #0066cc 0%, #0099ff 100%);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 102, 204, 0.4);
}

.form-note {
    font-size: 12px;
    color: #999;
    text-align: center;
    margin-top: 12px;
}

@media (max-width: 992px) {
    .cta-content {
        flex-direction: column;
        text-align: center;
    }
    
    .cta-right {
        flex: 1;
        width: 100%;
        max-width: 420px;
    }
    
    .cta-left h2 {
        font-size: 26px;
    }
    
    .cta-benefits li {
        text-align: left;
    }
}

/* ===== Float Service Buttons ===== */
.float-service {
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.float-btn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0066cc 0%, #0099ff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0, 102, 204, 0.4);
    transition: all 0.3s ease;
    position: relative;
}

.float-btn svg {
    width: 24px;
    height: 24px;
    color: #fff;
}

.float-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 102, 204, 0.5);
}

.float-phone {
    background: linear-gradient(135deg, #00cc66 0%, #00aa55 100%);
}

.float-qq {
    background: linear-gradient(135deg, #1e90ff 0%, #0066cc 100%);
}

.float-wechat {
    background: linear-gradient(135deg, #00cc66 0%, #00aa55 100%);
}

.float-wechat:hover .wechat-qrcode {
    opacity: 1;
    right: 62px;
    visibility: visible;
}

.wechat-qrcode {
    position: absolute;
    right: 52px;
    bottom: 0;
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    text-align: center;
}

.wechat-qrcode img {
    width: 120px;
    height: 120px;
    display: block;
}

.wechat-qrcode p {
    margin: 10px 0 0;
    font-size: 14px;
    color: #333;
}

.float-top {
    background: linear-gradient(135deg, #666 0%, #444 100%);
}

@media (max-width: 768px) {
    .float-service {
        right: 15px;
        bottom: 30px;
    }
    
    .float-btn {
        width: 48px;
        height: 48px;
    }
    
    .float-btn svg {
        width: 22px;
        height: 22px;
    }
}