@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
fieldset, legend, button, input, textarea, 
th, td { 
    margin: 0;
    padding: 0;
}

.blk{margin-bottom:30px;}
.p{padding: 30px 0;}
.b{clear: both;}
.blk{margin-bottom:  20px;}
.blk101{margin-bottom:  35px;}

        i,em{font-style:normal;}
		.content1{width:1200px;margin:0 auto;}
        .head{height:199px;position: relative;z-index:300;}
        .head .hea-top{height:138px;padding-top: 27px; box-sizing: border-box;}
        .head .hea-top .logo{width:800px;float:left;}
        .head .hea-top .logo .t_logo{float:left; width:232px;height:82px;margin-right: 16px; }
        .head .hea-top .logo .t_logo img{width: 100%;}
        .head .hea-top .logo h2{float:left;padding-left:24px;margin-top: 11px;position: relative;}
        .head .hea-top .logo h2 span{display: block; height:40px; line-height: 40px; font-size: 26px; color:#292826; font-weight: normal;}
        .head .hea-top .logo h2 em{display: block; height:31px; line-height: 31px;font-size: 18px; color:#666666; font-weight: normal;}
        .head .hea-top .logo h2:before{width:1px; height:56px;background:#e5e5e5;content:""; position: absolute;left:0;top:9px;}
        .head .hea-top .hea-tel{float:right;margin-top: 15px;padding-left:60px; background:url(images/hea-tel.png) no-repeat left;}
        .head .hea-top .hea-tel span{display: block; height:25px; line-height: 25px;font-size: 14px; color:#666666;}
        .head .hea-top .hea-tel p{display: block; height:34px; line-height: 34px;font-size: 34px;color:#176aaa;}
        .head .menu{height:60px; border-top:1px solid #dddddd;}
        .head .menu .nav{ height:60px;}
        .head .menu .nav li{height:60px; line-height: 60px;float:left; text-align: center;}
        .head .menu .nav li a{display: block;font-size: 16px; color:#222222;}
        .head .menu .nav li:hover,.head .menu .nav li.cur{background:#c6a062;}
        .head .menu .nav li:hover a,.head .menu .nav li.cur a{color:#FFF;}
        .head .menu .sea{width:22px; height:22px; float:right;margin-top: 19px; position: relative;}
        .head .menu .sea .open{display: block;width:100%; height:100%;background:url(images/hea-btn.png) no-repeat center; cursor: pointer;}
        .head .menu .sea .sou{width:300px;height:50px; position: absolute; top:41px; right:0;transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all .5s;transition:all .5s;}
        .head .menu .sea .sou .txt{width:250px; height:50px; background:#FFF; border:0;padding:0 10px; line-height: 50px; font-size: 12px; color:#333;box-sizing: border-box;float:left;}
        .head .menu .sea .sou .btn{width:50px; height:50px; background:#c59e5f url(images/hea-btn1.png) no-repeat center;float:left;border:0;cursor: pointer;}
        .head .menu .sea .sou .txt::-webkit-input-placeholder{font-size: 12px; color:#333;}
        .head .menu .sea .sou .txt::-moz-placeholder{font-size: 12px; color:#333;}
        .head .menu .sea.open .sou{opacity:1;visibility:visible;-webkit-transform:scale(1,1);transform:scale(1,1);}

* {
	padding: 0px;
	margin: 0px;
}
li {
	list-style: none;
}
img {
	border: none;
	border: 0;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #176aaa;
}
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: #176aaa;
	height: 70px;
	line-height: 70px;
}
.logo {
	width: 350px;
	height: 70px;
}
.logo a {
	display: block;
	width: 100%;
	height: 100%;
}
.nav {
	width: 960px;
	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: 16px;
	color: #fff;
}
.nav ul li span {
	width: 0%;
	height: 2px;
	background-color: #fa9c38;
	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: #f6f6f6;
	display: inline-block;
	border-radius: 8px;
	cursor: pointer;
	zoom: 1;
*display:inline;
}
.slideBox .hd ul li.on {
	background: #fa9c38;
}
.slideBox .bd {
	position: relative;
	height: 100%;
	height: 646px;
	background-color: #282828;
}
.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: -650px;/* 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: 35px;
	top: 45px;
	transition: all 2s linear;
}
.box2_pic .text8 {
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all 2s linear;
}
.box2_pic .text2 {
	position: absolute;
	left: 105px;
	top: 55px;
	transition: all 2s linear;
}
.box2_pic .text3 {
	position: absolute;
	left: 180px;
	top: 160px;
	transition: all 2s linear;
}
.box2_pic .text4 {
	position: absolute;
	left: 200px;
	top:40px;
	transition: all 2s linear;
}
.box2_pic .text5 {
	position: absolute;
	left: 65px;
	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: 450px;
	top: -140px;
	transition: all 2s linear;
}
/*  第2个焦点图元素  */
/* .box1_pic .text1{ position:absolute; top:135px; left:0px;} */
.box1_pic .right {
	position: absolute;
	left: 415px;
	top: -150px;
}
.box1_pic .text2 {
	position: absolute;
	left: -52px;
	top: 85px;
}
.box1_pic .text3 {
	position: absolute;
	left: 0px;
	top: 120px;
}
.box1_pic .text4 {
	position: absolute;
	left: -50px;
	top: 235px;
}
.box1_pic .btn {
	position: absolute;
	left: -42px;
	top: 180px;
}
/*  第3个焦点图元素  */
/* .box3_pic .text1{ position:absolute; left:0; top:230px;} */
.box3_pic .text2 {
	position: absolute;
	left: 295px;
	top: 35px;
}
/*  自动拉铆螺母机-主图  */
.box3_pic .text2 {
	position: absolute;
	left: -45px;
	top: -15px;
}
.box3_pic .text3 {
	position: absolute;
	left: -45px;
	top: 150px;
}
.box3_pic .text4 {
	position: absolute;
	left: -35px;
	top: 50px;
}
.box3_pic .icon1 {
	position: absolute;
	left: 450px;
	top: -230px;
}
.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: 60px;
}
.title_g {
	height: 68px;
	margin-bottom: 28px;
}
.title_g1 {
	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: #176aaa;
}
.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;
	padding-bottom: 65px;
	padding-top: 65px;
    background: #fff;	
}
.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: #176aaa;
}
.project_ul .content_box .one .right p {
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #666;/*transition:all .36s ease;-moz-transition:all .36s ease;-webkit-transition: all .36s ease; -o-transition:all .36s ease; */
}
.project_ul .content_box .one .right p:hover {/*margin-left:10px;*/
}
.project_ul .content_box .one .left1 {
	background-position: 0 -42px;
}
.project_ul .content_box .two {
	margin-top: 75px;
	margin-bottom: 75px
}
.project_ul .content_box .one .left2 {
	background-position: 0 -84px;
}
.project_ul .content_box .one .left3 {
	background-position: 0 -126px;
}
.project_ul .content_box .one .left4 {
	background-position: 0 -168px;
}
.project_ul .content_box .one .left5 {
	background-position: 0 -210px;
}
.project_ul .content_box .one .left6 {
	background-position: 0 -252px;
}
.project_ul .content_box .one .left7 {
	background-position: 0 -294px;
}
.project_ul .content_box .one .left8 {
	background-position: 0 -336px;
}
.project_ul .content_box .title_t1 {
	background: url(../images/tit_bg_03.jpg) no-repeat;
	width: 167px;
	height: 53px;
}
.casebox {
	background: url(../images/case_bg.jpg) no-repeat center 0;
	width: 100%;
	height: 880px;
	padding-top: 54px;
	margin-bottom: 75px;
}
.title_c1 {
	color: #fff;
}
.case_c {
	width: 1200px;
	height: 680px;
	position: relative;
}
.case_c ul li {
	background: url(../images/bg_w.png) no-repeat;
	width: 229px;
	height: 112px;
	overflow: hidden;
}
.case_c ul li img {
	display: block;
	width: 219px;
	height: 102px;
	margin: 5px auto;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.case_c ul li:nth-child(1) {
	position: absolute;
	top: 0;
	left: 190px;
}
.case_c ul li:nth-child(2) {
	position: absolute;
	top: 0;
	left: 790px;
}
.case_c ul li:nth-child(3) {
	position: absolute;
	top: 113px;
	left: 0px;
}
.case_c ul li:nth-child(4) {
	position: absolute;
	top: 113px;
	left: 244px;
}
.case_c ul li:nth-child(5) {
	position: absolute;
	top: 113px;
	left: 480px;
}
.case_c ul li:nth-child(6) {
	position: absolute;
	top: 113px;
	left: 726px;
}
.case_c ul li:nth-child(7) {
	position: absolute;
	top: 113px;
	left: 972px;
}
.case_c ul li:nth-child(8) {
	position: absolute;
	top: 226px;
	left: 122px;
}
.case_c ul li:nth-child(9) {
	position: absolute;
	top: 226px;
	left: 358px;
}
.case_c ul li:nth-child(10) {
	position: absolute;
	top: 226px;
	left: 604px;
}
.case_c ul li:nth-child(11) {
	position: absolute;
	top: 226px;
	left: 850px;
}
.case_c ul li:nth-child(12) {
	position: absolute;
	top: 339px;
	left: 244px;
}
.case_c ul li:nth-child(13) {
	position: absolute;
	top: 339px;
	left: 482px;
}
.case_c ul li:nth-child(14) {
	position: absolute;
	top: 339px;
	left: 718px;
}
.case_c ul li:nth-child(15) {
	position: absolute;
	top: 452px;
	left: 366px;
}
.case_c ul li:nth-child(16) {
	position: absolute;
	top: 452px;
	left: 602px;
}
.case_c ul li:nth-child(17) {
	position: absolute;
	top: 565px;
	left: 488px;
}
.promise_evaluate {
	height: auto;
	overflow: hidden;
	margin-bottom: 90px;
}
.title {
	height: auto;
	overflow: hidden;
	margin-bottom: 36px;
}
.title .title_c {
	height: 30px;
	line-height: 30px;
	font-size: 24px;
	text-align: left;
}
.title .title_b {
	width: 94px;
	height: 8px;
	margin-left: 0;
}
.title .title_b img {
	display: block;
}
.promise_c {
	width: 714px;
	height: 476px;
	overflow: hidden;
}
.promise_c .one_pro {
	width: 238px;
	height: 478px;
	float: left;
	display: inline-block;
	position: relative;
}
.one_pro .pic_one {
	width: 238px;
	height: 238px;
	overflow: hidden;
}
.one_pro .two_font {
	background: url(../images/g.png) no-repeat;
	width: 238px;
	height: 200px;
	padding-top: 55px;
	position: absolute;
	top: 220px;
	left: 0;
	color: #fff;
}
.one_pro .two_font .title_name {
	width: 174px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	font-size: 24px;
	text-align: center;
	margin: 0 auto;
}
.one_pro .two_font .detail {
	width: 174px;
	height: 94px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
	margin: 0 auto;
	margin-top: 12px;
	line-height: 24px;
}
.one_pro .two_fon1 {
	background: url(../images/b.png) no-repeat;
	width: 238px;
	height: 198px;
	padding-top: 55px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	z-index: 1;
}
.one_pro .pic_one1 {
	position: absolute;
	left: 0;
	top: 237px;
}
.one_pro .two_font2 {
	background: url(../images/y.png) no-repeat;
	position: absolute;
	top: 225px;
	left: 0;
	color: #fff;
}
.evaluate_box {
	width: 446px;
	height: auto;
	overflow: hidden;
}
.top_title {
	height: 38px;
	line-height: 38px;
}
.top_title .title {
	width: 380px;
	margin-bottom: 0;
}
.top_title .more a {
	color: #999;
}
.top_title .more a:hover {
	color: #666;
}
.evaluate_c {
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.evaluate_c ul li {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 9px;
}
.evaluate_c ul li a {
	background: url(../images/dd.jpg) no-repeat 0 center;
	padding-left: 14px;
	display: inline-block;
	width: 342px;
	height: 30px;
	overflow: hidden;
	color: #333;
	float: left;
	transition: all .36s ease;
	-moz-transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-o-transition: all .36s ease;
}
.evaluate_c ul li span {
	float: right;
	color: #999;
}
.evaluate_c ul li a:hover {
	color: #176aaa;
	margin-left: 10px;
}
.evaluate_c ul li a:active {
	color: #999;
}
.poster {
	width: 446px;
	height: 216px;
	margin-top: 2px;
}
.newsbox {
	height: auto;
	overflow: hidden;
	margin-bottom: 40px;
}
.news_c .hd {
	width: 561px;
	height: 52px;
	margin: 0 auto;
	margin-bottom: 54px;
}
.news_c .hd ul li {
	float: left;
	display: inline-block;
	width: 161px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 16px;
	color: #333;
	background: #f5f5f5;
	margin: 0 13px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.news_c .hd ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #333
}
.news_c .hd ul li:hover, .news_c .hd ul li.on {
	background: url(../images/hover_03.jpg) no-repeat;
	width: 161px;
	height: 52px;
	cursor: pointer;
}
.news_c .hd ul li:hover a, .news_c .hd ul li.on a {
	color: #fff;
}
.news_c .bd {
	height: 383px;
	overflow: hidden;
}
.news_l {
	width: 574px;
	height: 383px;
	overflow: hidden;
	position: relative;
}
.news_l a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_l .news_pic {
	width: 574px;
	height: 383px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_l .news_font {
	background: url(../images/line_g.png) no-repeat;
	width: 526px;
	height: 88px;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 24px;
	padding-top: 14px;
}
.news_l .news_font .title_news {
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	margin-bottom: 8px;
}
.news_l .news_font .title_news span {
	display: inline-block;
	float: left;
	width: 460px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_l .news_font .title_news img {
	width: 23px;
	height: 13px;
	margin-top: 6px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_l .news_font .eles_detail {
	height: 44px;
	line-height: 22px;
	overflow: hidden;
}
.news_l a:hover .news_pic {
	transform: scale(1.05);
}
/*.news_l a:hover .title_news span{ margin-left:10px;}
.news_l a:hover .title_news img{margin-right:10px;}*/

.news_r {
	width: 546px;
	height: 383px;
	padding-right: 10px;
	padding-top: 2px;
}
.news_r ul li {
	height: 84px;
	padding-top: 10px;
	border-bottom: 1px solid #eaeaea;
}
/*.news_r ul li a{ display:block;width:100%; height:100%;}*/
.news_r ul li .time_l {
	width: 58px;
	height: 66px;
	overflow: hidden;
	margin-left: 10px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_r ul li .time_l .day_n {
	font-size: 22px;
	width: 58px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #444;
	font-weight: bold;
	font-family: HELVETICANEUELTPRO-THEX, Arial;
	margin-top: 4px;
}
.news_r ul li .time_l .ym {
	height: 24px;
	line-height: 24px;
	width: 58px;
	text-align: center;
	color: #777;
	font-size: 16px;
	font-weight: bold;
	font-family: HELVETICANEUELTPRO-THEX, Arial;
}
.news_r ul li .detailed_r {
	width: 448px;
	height: auto;
	margin-right: 10px;
}
.news_r ul li .detailed_r .title_n {
	height: 30px;
	overflow: hidden;
}
.news_r ul li .detailed_r .title_n .title_det {
	color: #666;
	width: 380px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_r ul li .detailed_r .title_n .more_yr {
	width: 34px;
	height: 24px;
	overflow: hidden;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.news_r ul li .detailed_r .title_n .more_yr img {
	display: block;
	width: 34px;
	height: 24px;
	vertical-align: middle;
}
.news_r ul li .detailed_r .news_nr {
	color: #999;
	height: 40px;
	line-height: 20px;
	width: 458px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
}
.news_r ul li:hover {
	box-shadow: 0px 0px 8px #efefef;
	-webkit-box-shadow: 0px 0px 8px #efefef;
	-moz-box-shadow: 0px 0px 8px #efefef;
	border-bottom: 1px solid #fff;
}
.news_r ul li:hover .time_l {
	margin-left: 16px;
}
.news_r ul li:hover .more_yr {
	margin-right: 10px;
}
.news_r ul li:hover .title_n .title_det {
	color: #176aaa;
}
.linksbox {
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
	background: #f6f6f6;
}
.linksbox img {
	width: 143px;
	height: 36px;
	float: left;
	margin-right: 10px;
}
.links_c a {
	padding: 0 8px;
	line-height: 20px;
	color: #666;
}
.links_c a:hover {
	color: #333;
}

.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: #176aaa;
}
.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: #f6f6f6;
}
.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: 40px;
	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: #176aaa;
}
.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: -3px;
	display: inline-block;
	border: none;
	cursor: pointer;
	z-index: 2;
}
button{ outline:none; }
button:foucs{
	outline:none;
}
.searchbar div button {
	border:none;
	    background: transparent;
}
.searchbar:hover input {
	border: 1px solid #176aaa
}
.searchbar input:focus {
	border: 1px solid #176aaa;
}
.navigation {
	/*width: 561px;*/
    overflow: hidden;
	margin: 0 auto;
	margin-bottom: 30px;
	margin-top: 30px;
}
.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: #176aaa;
	width: 161px;
	height: 52px;
	color: #fff;
	cursor: pointer;
         border-radius: 3px;
}
.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: #176aaa;
}
.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 .page-num-current {
	height: 42px;
	display: inline-block;
	overflow: hidden;
	background-color: #176aaa;
	color: #FFF;
	margin: 0px 2px;
	border: 1px solid #176aaa;
	border-radius: 5px;
}
.page a:hover {
	background-color: #176aaa;
	color: #FFF;
	border: 1px solid #176aaa;
	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: 300px;
}
.banner_c2 {
	background: url(../images/banner_n1.jpg) no-repeat center 0;
	width: 100%;
	height: 300px;
}
.banner_c3 {
	background: url(../images/banner_n2.jpg) no-repeat center 0;
	width: 100%;
	height: 300px;
}
.banner_c4 {
	background: url(../images/banner_n3.jpg) no-repeat center 0;
	width: 100%;
	height: 300px;
}
.banner_c5 {
	background: url(../images/banner_n4.jpg) no-repeat center 0;
	width: 100%;
	height: 300px;
}
.banner_c6 {
	background: url(../images/banner_n5.jpg) no-repeat center 0;
	width: 100%;
	height: 300px;
}
.banner_c7 {
	background: url(../images/banner_n6.jpg) no-repeat center 0;
	width: 100%;
	height: 300px;
}
.case_content {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}
.case_content ul li {
	float: left;
	width: 372px;
	height: 387px;
	margin-right: 38px;
}
.case_content ul li:nth-child(3n) {
	margin-right: 0;
}
.case_content ul li .case_pic {
	width: 372px;
	height: 226px;
	position: relative;
}
.case_content ul li .case_pic img {
	display: block;
	width: 372px;
	height: 226px;
}
.case_content ul li .hover_bg {
	background: url(../images/hover_bg.png) no-repeat;
	width: 372px;
	height: 226px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	opacity: 0;
}
.case_content ul li .hover_more {
	background: url(../images/car.png) no-repeat /*repeat scroll 0 0 transparent*/;
	width: 75px;
	height: 75px;
	position: absolute;
	top: 75px;
	z-index: 3;
	left: 0;
	opacity: 0;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.case_content ul li .case_detaile {
	width: 302px;
	height: 120px;
	padding: 20px 34px;
	border: 1px solid #f5f5f5;
	border-top: 0;
}
.case_content .case_detaile .title {
	font-size: 18px;
	color: #333;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	margin-bottom: 7px;
}
.case_content .case_detaile .introduce {
	color: #999;
	height: 24px;
	line-height: 24px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 18px;
}
.case_content .case_detaile .more {
	height: 18px;
	line-height: 18px;
	overflow: hidden;
}
.case_content .case_detaile .more .left {
	color: #666;
}
.case_content .case_detaile .more .right {
	background: url(../images/case_jt_03.jpg) no-repeat -13px 0px;
	width: 13px;
	height: 12px;
}
.case_content ul li:hover .hover_bg {
	opacity: 1;
}
.case_content ul li:hover .hover_more {
	opacity: 1;
	left: 152px;
}
.case_content ul li:hover .case_detaile {
	border: 1px solid #dfeef9;
	border-top: 0
}
.case_content ul li:hover .title {
	color: #176aaa;
}
.case_content ul li:hover .introduce {
	border-bottom: 1px solid #dfeef9;
	color: #3e404c;
}
.case_content ul li:hover .more .left {
	color: #082e57;
}
.case_content ul li:hover .more .right {
	background-position: 0 0px;
}
/*内容*/
.main_content {
	height: auto;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 5px;
}
.list_left {
	width: 880px;
}
.list_left h1 {
	height: auto;
	line-height: 24px;
	margin-bottom: 10px;
	font-style: normal;
}
.list_left .time {
	color: #999;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}
.list_left .black_b {
	width: 810px;
	height: 1px;
	border-bottom: 1px dashed #e9e9e9;
	margin: 26px 0;
	margin-top: 20px;
}
.list_left .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: 880px;
	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: #176aaa;
}
.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: #176aaa
}
.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: #176aaa;
	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: #176aaa;
}
.content_img {
	height: auto;
	
	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: #176aaa;
}
.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 #176aaa, 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 #176aaa, 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 #176aaa, 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 #176aaa, 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 #176aaa, 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 #176aaa, 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 {
    z-index: 9999;
	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*/

.client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #176aaa;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #176aaa;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
.pc-cx-tel-1 {
                    width: 50%;
                    height: auto;
                    border-top: 2px solid #e6e6e6;
                    padding-top: 18px;
                    position: absolute;
                    bottom: 16px;
                    right: 2%;
                }
                
                .pc-cx-tel-1-t1 {
                    width: 114px;
                    height: 44px;
                    background: #176aaa;
                    font-size: 18px;
                    line-height: 44px;
                    text-align: center;
                    float: right;
                }
                
                .pc-cx-tel-1-t1 a {
                    display: block;
                    color: #fff;
                }
                
                .pc-cx-tel-1-t2 {
                    height: auto;
                    padding-left: 70px;
                    background: url(../images/pc-xc-icon2.png) no-repeat 10px top;
                    font-size: 18px;
                    line-height: 18px;
                    color: #454545;
                }
                
                .pc-cx-tel-1-t2 p {
                    line-height: 24px;
                }
            
.p15-showcase {
            position: relative;
            padding: 12px 18px 16px 20px;
            margin-bottom: 15px;
            background: #fff;
            border: 1px solid #eee;
            overflow: hidden;
        }
        
        .p15-showcase-right-con {
            line-height: 24px;
            font-size: 14px;
            max-height: 168px;
            margin-bottom: 86px;
            overflow: hidden;
        }
        
        .p15-showcase-left {
            position: relative;
            width: 44.7%;
            float: left;
            line-height: 0;
            overflow: hidden;
            
            margin-right: 3.3%;
        }
        
        .p15-showcase-left-jt {
            width: 12px;
            height: 23px;
            position: absolute;
            top: 50%;
            margin-top: -11px;
            cursor: pointer;
            z-index: 33;
        }
        
        .p15-showcase-left-prev {
            left: 10px;
        }
        
        .p15-showcase-left-next {
            right: 10px;
        }
        
        .p15-showcase-left-size {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 56px;
            height: 28px;
            font-size: 14px;
            line-height: 16px;
            padding: 0 15px;
        }
        
        .p15-showcase-left-size em {
            font-style: normal;
        }
        
        .p15-showcase-left-pic {
            width: 100%;
            text-align: center;
        }
        
        .p15-showcase-left-pic li {
            float: left;
        }
        
        .p15-showcase-left-pic img {
            width: 500px;
            height:304px;
            display: block;
        }
        
        .p15-showcase-right {
            width: 51.6%;
            float: left;
        }
        
        .p15-showcase-right-tit {
            height: 40px;
            font-size: 24px;
            line-height: 40px;
            color: #454545;
            margin-bottom: 16px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }  
        .ys { margin:25px 0 25px 0;}
        .ys h2{
        background: #176aaa;
        color: #fff;
        padding: 5px 0 5px 15px;
        font-size: 22px;
        font-weight: normal;
        line-height: 30px;
       
    }
    
.ys h2 em{
        display: inline;
        float: right;
        margin-right: 15px;
        font-style: normal;
        border-left: 1px solid #fff;
        padding-left: 10px;
        letter-spacing: 2px;
        font-size: 18px;
    }
.disno {display:none}    
.pro1 h2 {
        margin-top: 80px;
    }
    
    .pro1 dl {
        clear: both;
        box-shadow: 1px 1px 10px #c0c0c0;
        height: 220px;
        padding: 15px;
        border-radius: 12px;
        margin-bottom: 30px;
    }
    
    .pro1 dl dt {
        float: left;
        width: 400px;
        height: 220px;
        background: #000;
        margin-bottom: 33px;
    }
    
    .pro1 dl dt img,
    .pro1 dl dd img {
        width: 100%;
    }
    
    .pro1 dl dd {
        float: left;
        width: 733px;
        margin-left: 37px;
        display: inline;
    }
    
    .pro1 dl dd b {
        font-size: 20px;
        font-weight: bold;
        color: #292826;
        line-height: 120%;
        margin-top: 30px;
        display: block;
        margin-bottom: 20px;
    }
/*新闻中心*/
.news_main{padding-top:65px}
.news_main .yin_t{}
.news{ width:550px;}
.news_t{ height:70px;line-height: 26px;overflow: hidden;border-bottom: #f3f3f3 2px solid;}
.news_t p{float: left;}
.news_t p a{font-size: 18px;color: #333;font-weight: bold;}
.news_t p a:hover,.news dd h3 a:hover,.news ul li a:hover{color: #176aaa;}
.news_t p i{color: #cecece;font-size: 20px;display: block;font-weight: normal; font-family:"Times New Roman", Times, serif;text-transform: uppercase;}
.news_t span{float: right;width: 25px;height: 25px;display: block;line-height: 0;padding: 23px 0 0;}
.news_t span img{width: 25px;height: 25px;}
.news dl{ width:550px; padding:25px 0;border-bottom: #ddd 1px solid; display: inline-block;margin-bottom: 15px;}
.news dt{ width:188px; height:113px;overflow: hidden;float: left;line-height: 0;}
.news dt img{ width:188px; height:113px;}
.news dd{width:332px;float: left; padding:0 0 0 20px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;padding: 8px 0 0;}
.news dd h3 a{ font-size:14px; color:#333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 370px;}
.news .news_desc{ font-size:14px; color:#909090; height:40px; line-height:20px;overflow: hidden;}
.news dd span{display: block;font-size: 32px;color: #333;padding: 8px 0 0;font-weight: bold;}
.news ul li{ height:28px; line-height:28px; overflow:hidden;}
.news ul li a{font-weight: bold; font-size:14px; color:#333;display: block;float: left;width: 410px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left: 20px; background:url(../images/news_ico01.gif) no-repeat 0 11px;}
.news ul li span{display: block;float: right;font-size: 14px;color: #909090;width: 100px; text-align:right;}     
.f_bg{ background:#2b2f34; height:354px; overflow:hidden;}
.footer{width: 1200px; margin:0 auto;}
.f_nav{height: 88px;line-height: 106px;overflow: hidden;border-bottom: #595b5a 1px solid;}
.f_nav ul li{float: left;padding: 0 38px;}
.f_nav ul li a{font-size: 14px;color: #bebfbf;}
.f_nav ul li a:hover{color: #fff;}
.f_logo{width: 345px;height: 205px;padding: 60px 0 0;}
.f_logo h5{width: 185px;}
.f_logo h5 img{width: 232px;height: 82px;}
.f_logo p{padding: 10px 0 0;height: 70px;font-size: 14px;color: #bebfbf;background:url(../images/f_line.gif) no-repeat 0 69px;line-height: 25px;}
.f_logo p span{display: block;}
.f_logo p a{color: #bebfbf;}
.f_ban{width: 500px;padding: 50px 0 0;height: 215px;}
.f_ban p{line-height: 30px;font-size: 14px;color: #bebfbf;}
.f_ban span{padding: 0 10px;}
.f_ban a{color: #bebfbf;}
.f_er{width: 320px; padding:55px 0 0;height: 210px;}
.f_er p{width: 120px;float: left;padding: 0 0 0 40px;text-align: center;}
.f_er p em{display: block;width: 100px;height: 100px;border: #818181 1px solid;padding: 9px;}
.f_er img{ width:100px; height:100px;}
.f_er p span{display: block;font-size: 14px;color: #bebfbf;line-height: 40px;width: 120px;}
 
 
.pls-footer-blogroll-extra {
    position: absolute;
    right: 0;
    top: 20px;
    width: 190px;
}
.pls-footer-select {
    position: relative;
}
.pls-footer-select-trigger {
    box-sizing: border-box;
    display: block;
    padding: 0 30px 0 12px;
    height: 36px;
    border: 2px solid #1c6196;
    background-image: linear-gradient(0deg, #1b5d90 0%, #1b5d90 100%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
}
.pls-footer-website-title .icon-earth, .pls-footer-select-trigger .icon-earth {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background-image: url(/skin/css/world.png);
}
.pls-footer-select-trigger:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0;
    border-color: #ccc transparent;
    transition: transform .2s ease;
}
.pls-footer-dropdown {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 999;
    padding-bottom: 4px;
    width: 100%;
}
.pls-footer-select .pls-footer-dropdown {
    display: none;
}
.pls-footer-dropdown-menu {
    position: relative;
    background-color: #e8e8e8;
    padding: 7px 2px;
}
.pls-footer-dropdown-menu a {
    position: relative;
    display: block;
    padding: 0 10px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #495770;
}
.pls-footer-dropdown-menu a:hover {
	color: #1e63be;
	text-decoration: none
}
.pls-footer-dropdown-menu .actived a, .pls-footer-dropdown-menu .actived a:hover {
    color: #1e63be;
    cursor: default;
}
.pls-footer-select:hover .pls-footer-dropdown,.pls-footer-select.hover .pls-footer-dropdown {
	display: block
}

.pls-footer-select:hover .pls-footer-select-trigger:after,.pls-footer-select.hover .pls-footer-select-trigger:after {
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.pls-footer-dropdown-menu:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .4;
	background: #e8e8e8;
	border: 2px solid #d2d6de;
	box-shadow: inset 8px 8px 6px 0 rgba(55,99,170,.100);
	box-sizing: border-box
} 
.pls-footer-select-trigger span{color:#fff}