@charset "utf-8";/* 免费建站系统： www.yzmcms.com*/ *{padding:0;margin:0}
li{list-style:none}
img{border:none;border:0}
a{text-decoration:none;color:#000}
a:hover{color:#00a4ff}
a:focus{outline:0}
html{font:normal 14px/1.5 "microsoft yahei",tahoma,arial,sans-serif;background:#fff}
body{background:#fff}
input,input:focus{outline:none;text-indent:5px}
h1{font-size:20px;line-height:300%}
h2{font-size:18px;line-height:300%}
h3{font-size:16px;line-height:300%}
h4{font-size:14px;line-height:300%}
.w1200{width:1200px;height:auto;margin:0 auto;overflow:hidden}
.w1260{width:1260px;height:auto;margin:0 auto;overflow:hidden}
.fl{float:left}
.fr{float:right}
@font-face{font-family:helveticaneueltpro-thex;font-weight:400;font-style:normal}
.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(.75);transform:scaleX(1.25) scaleY(.75)}
40%{-webkit-transform:scaleX(.75) scaleY(1.25);transform:scaleX(.75) scaleY(1.25)}
60%{-webkit-transform:scaleX(1.15) scaleY(.85);transform:scaleX(1.15) scaleY(.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(.75);-ms-transform:scaleX(1.25) scaleY(.75);transform:scaleX(1.25) scaleY(.75)}
40%{-webkit-transform:scaleX(.75) scaleY(1.25);-ms-transform:scaleX(.75) scaleY(1.25);transform:scaleX(.75) scaleY(1.25)}
60%{-webkit-transform:scaleX(1.15) scaleY(.85);-ms-transform:scaleX(1.15) scaleY(.85);transform:scaleX(1.15) scaleY(.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(.9) rotate(-3deg);transform:scale(.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(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.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:.1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(1000px);transform:translateX(1000px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}
100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}
100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}
100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}
100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
.topbox{background:#31363a;height:70px;line-height:70px}
.logo{width:238px;height:70px}
.logo a{display:block;width:100%;height:100%}
.nav{width:644px;height:70px;margin-left:34px}
.nav ul li{float:left;display:inline-block;padding:0 14px;height:70px;line-height:70px;text-align:center;position:relative;margin:0 3px}
.nav ul li a{display:block;width:100%;height:100%;font-size:15px;color:#fff}
.nav ul li span{width:0%;height:2px;background-color:#00a4ff;position:absolute;bottom:0;left:0;transition:.3s}
.nav ul li:hover span{width:100%}
.nav ul li.on span{width:100%}
.top_r{width:196px;height:70px}
.tel{width:174px;height:24px;margin-top:6px}
.weixin a{display:block}
.weixin img{vertical-align:middle}
.weixin .ewm_code{margin-left:-105px}
.ewm_code{width:120px;height:120px;position:absolute;top:70px;display:none;z-index:999}
.slideBox{width:100%;height:646px;overflow:hidden;position:relative}
.slideBox .hd{width:100%;height:16px;overflow:hidden;text-align:center;position:absolute;bottom:30px;z-index:9999}
.slideBox .hd ul{overflow:hidden;zoom:1}
.slideBox .hd ul li{margin-left:10px;width:16px;height:16px;background:#94b0e7;display:inline-block;border-radius:8px;cursor:pointer;zoom:1;*display:inline}
.slideBox .hd ul li.on{background:#00a4ff}
.slideBox .bd{position:relative;height:100%;height:646px;background-color:#1158aa}
.slideBox .bd li{zoom:1;vertical-align:middle;width:100%;height:646px;position:relative;background-position:center -35px}
.slideBox .bd li .box{position:absolute;width:1200px;height:386px;left:50%;margin-left:-600px;top:230px}
.slideBox .bd li .box1{position:absolute;width:1200px;left:50%;height:511px;top:135px;margin-left:-600px}
.slideBox .bd li .box2{position:absolute;width:1200px;left:50%;height:506px;top:140px;margin-left:-600px}
.slideBox .bd li .box .btn{width:196px;height:80px;margin-top:20px;transition:ease .3s;-webkit-transition:ease .3s;-moz-transition:ease .3s;-ms-transition:ease .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}
.box .box2_pic,.box .box1_pic,.box .box3_pic{position:relative}
.box .box1_pic img,.box .box2_pic img,.box .box3_pic img{display:block}
.box2_pic .text1{position:absolute;left:40px;top:45px;transition:all 2s linear}
.box2_pic .text2{position:absolute;left:255px;top:55px;transition:all 2s linear}
.box2_pic .text3{position:absolute;left:80px;top:160px;transition:all 2s linear}
.box2_pic .text4{position:absolute;left:200px;top:140px;transition:all 2s linear}
.box2_pic .text5{position:absolute;left:95px;top:260px;transition:all 2s linear}
.box2_pic .ball1{position:absolute;left:235px;top:-185px;transition:all 2s linear}
.box2_pic .ball2{position:absolute;left:0;top:345px;transition:all 2s linear}
.box2_pic .ball3{position:absolute;left:305px;top:330px;transition:all 2s linear}
.box2_pic .ball4{position:absolute;left:1100px;top:70px;transition:all 2s linear}
.box2_pic .right{position:absolute;left:445px;top:-140px;transition:all 2s linear}
.box1_pic .right{position:absolute;left:470px;top:-135px}
.box1_pic .text2{position:absolute;left:0;top:65px}
.box1_pic .text3{position:absolute;left:0;top:140px}
.box1_pic .text4{position:absolute;left:0;top:155px}
.box1_pic .btn{position:absolute;left:30px;top:271px}
.box3_pic .text2{position:absolute;left:295px;top:35px}
.box3_pic .text3{position:absolute;left:0;top:95px}
.box3_pic .text4{position:absolute;left:0;top:152px}
.box3_pic .icon1{position:absolute;left:840px;top:-62px}
.box3_pic .icon2{position:absolute;left:772px;top:65px}
.box3_pic .icon3{position:absolute;left:997px;top:160px}
.box3_pic .icon4{position:absolute;left:970px;top:-105px}
.box3_pic .icon5{position:absolute;left:700px;top:-123px}
.box3_pic .icon6{position:absolute;left:1087px;top:-130px}
.box3_pic .icon7{position:absolute;left:1185px;top:-95px}
.box3_pic .icon8{position:absolute;left:1220px;top:-35px}
.box3_pic .icon9{position:absolute;left:660px;top:232px}
.box3_pic .icon10{position:absolute;left:922px;top:128px}
.box3_pic .icon11{position:absolute;left:688px;top:128px}
.box3_pic .icon12{position:absolute;left:638px;top:-58px}
.box3_pic .icon13{position:absolute;left:740px;top:-120px}
.box3_pic .icon14{position:absolute;left:718px;top:-12px}
.box3_pic .icon15{position:absolute;left:826px;top:-98px}
.box3_pic .icon16{position:absolute;left:910px;top:-73px}
.box3_pic .icon17{position:absolute;left:794px;top:-15px}
.box3_pic .icon18{position:absolute;left:530px;top:15px}
.box3_pic .icon19{position:absolute;left:1122px;top:0}
.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 0}
.banner_ctr a:hover{opacity:.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:#5df}
.service{height:auto;overflow:hidden;margin-top:52px;margin-bottom:120px}
.title_g{height:58px;margin-bottom:28px}
.title_c{height:40px;line-height:40px;font-size:24px;color:#333;text-align:center;margin-bottom:10px}
.title_b{width:65px;height:8px;margin:0 auto}
.title_b img{display:block}
.service_c{width:1199px;height:390px;border-top:1px solid #ededed;border-left:1px solid #ededed}
.service_c ul li{width:398px;height:194px;border-bottom:1px solid #ededed;border-right:1px solid #ededed;float:left;display:inline-block}
.service_c .service_one{width:316px;height:148px;margin:36px;margin-top:32px}
.service_c .service_one .one_icon{background:url(../images/icon.jpg) no-repeat;background-position:0 -520px;width:104px;height:103px;margin-top:8px}
.service_c .service_one .introduce{width:186px;height:146px}
.service_c .service_one .introduce h3{font-weight:400;font-size:20px;color:#333;height:28px;line-height:28px;margin-bottom:15px}
.service_c .service_one .introduce p{background:url(../images/jt_03.jpg) no-repeat 0 center;height:20px;padding-left:14px;line-height:20px;font-size:16px;color:#666;margin-bottom:6px;transition:all .36s ease;-moz-transition:all .36s ease;-webkit-transition:all .36s ease;-o-transition:all .36s ease}
.service_c .service_one .introduce p a{color:#666;display:inline-block;width:100%;height:100%}
.service_c .service_one .introduce p:hover{margin-left:10px}
.service_c .service_one .introduce p:hover a{color:#00a4ff}
.service_c .service_one .two_icon{background-position:0 0}
.service_c .service_one .three_icon{background-position:0 -103px}
.service_c .service_one .four_icon{background-position:0 -206px}
.service_c .service_one .five_icon{background-position:0 -310px}
.service_c .service_one .six_icon{background-position:0 -415px}
.service_c .service_one .one_icon:hover{cursor:pointer;transform:rotate(360deg);transition:.8s}
.project_box{height:auto;overflow:hidden;margin-bottom:60px}
.project_c{position:relative;height:776px}
.project_c .left_one{background:url(../images/left_bg_03.jpg) no-repeat;width:350px;height:658px;position:absolute;top:114px;left:0;margin-left:10px;color:#fff;z-index:1}
.project_con .left_one .title_pro{width:214px;height:70px;margin-top:42px;margin-left:58px}
.project_con .left_one .title_pro .one_c{font-size:26px;height:20px;line-height:20px;margin-bottom:17px;font-weight:bold}
.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;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:700}
.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:0 0 10px #ededed;-webkit-box-shadow:0 0 10px #ededed;-moz-box-shadow:0 0 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:400;font-size:18px;margin-bottom:10px}
.project_ul .content_box .one .right a{color:#666}
.project_ul .content_box .one .right a:hover{color:#00a4ff}
.project_ul .content_box .one .right p{height:24px;line-height:24px;font-size:14px;color:#666}
.project_ul .content_box .one .right p:hover{}
.project_ul .content_box .one .left1{background-position:0 -42px}
.project_ul .content_box .two{margin-top:75px;margin-bottom:75px}
.project_ul .content_box .one .left2{background-position:0 -84px}
.project_ul .content_box .one .left3{background-position:0 -126px}
.project_ul .content_box .one .left4{background-position:0 -168px}
.project_ul .content_box .one .left5{background-position:0 -210px}
.project_ul .content_box .one .left6{background-position:0 -252px}
.project_ul .content_box .one .left7{background-position:0 -294px}
.project_ul .content_box .one .left8{background-position:0 -336px}
.project_ul .content_box .title_t1{background:url(../images/tit_bg_03.jpg) no-repeat;width:167px;height:53px}
.casebox{background:url(../images/case_bg.jpg) no-repeat center 0;width:100%;height:845px;padding-top:54px;margin-bottom:45px}
.title_c1{color:#fff}
.case_c{width:1200px;height:720px;position:relative}
.case_c ul li{width:229px;height:122px;overflow:hidden}
.case_c ul li img{display:block;width:219px;height:115px;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:143px;left:0}
.case_c ul li:nth-child(4){position:absolute;top:143px;left:244px}
.case_c ul li:nth-child(5){position:absolute;top:143px;left:480px}
.case_c ul li:nth-child(6){position:absolute;top:143px;left:726px}
.case_c ul li:nth-child(7){position:absolute;top:143px;left:972px}
.case_c ul li:nth-child(8){position:absolute;top:286px;left:122px}
.case_c ul li:nth-child(9){position:absolute;top:286px;left:358px}
.case_c ul li:nth-child(10){position:absolute;top:286px;left:604px}
.case_c ul li:nth-child(11){position:absolute;top:286px;left:850px}
.case_c ul li:nth-child(12){position:absolute;top:430px;left:244px}
.case_c ul li:nth-child(13){position:absolute;top:430px;left:482px}
.case_c ul li:nth-child(14){position:absolute;top:430px;left:718px}
.case_c ul li:nth-child(15){position:absolute;top:572px;left:366px}
.case_c ul li:nth-child(16){position:absolute;top:572px;left:602px}
.case_c ul li:nth-child(17){position:absolute;top:625px;left:488px}
.promise_evaluate{height:auto;overflow:hidden;margin-bottom:60px}
.title{height:auto;overflow:hidden;margin-bottom:36px}
.title .title_c{height:30px;line-height:30px;font-size:24px;text-align:left}
.title .title_b{width:94px;height:8px;margin-left:0}
.title .title_b img{display:block}
.promise_c{width:714px;height:476px;overflow:hidden}
.promise_c .one_pro{width:238px;height:478px;float:left;display:inline-block;position:relative}
.one_pro .pic_one{width:238px;height:238px;overflow:hidden}
.one_pro .two_font{background:url(../images/g.png) no-repeat;width:238px;height:200px;padding-top:55px;position:absolute;top:220px;left:0;color:#fff}
.one_pro .two_font .title_name{width:174px;height:36px;line-height:36px;overflow:hidden;font-size:24px;text-align:center;margin:0 auto}
.one_pro .two_font .detail{width:174px;height:94px;overflow:hidden;font-size:14px;color:#fff;margin:0 auto;margin-top:12px;line-height:24px}
.one_pro .two_fon1{background:url(../images/b.png) no-repeat;width:238px;height:198px;padding-top:55px;position:absolute;top:0;left:0;color:#fff;z-index:1}
.one_pro .pic_one1{position:absolute;left:0;top:237px}
.one_pro .two_font2{background:url(../images/y.png) no-repeat;position:absolute;top:225px;left:0;color:#fff}
.evaluate_box{width:446px;height:auto;overflow:hidden}
.top_title{height:38px;line-height:38px}
.top_title .title{width:380px;margin-bottom:0}
.top_title .more a{color:#999}
.top_title .more a:hover{color:#666}
.evaluate_c{height:auto;overflow:hidden;margin-top:30px}
.evaluate_c ul li{height:30px;line-height:30px;overflow:hidden;margin-bottom:9px}
.evaluate_c ul li a{background:url(../images/dd.jpg) no-repeat 0 center;padding-left:14px;display:inline-block;width:342px;height:30px;overflow:hidden;color:#333;float:left;transition:all .36s ease;-moz-transition:all .36s ease;-webkit-transition:all .36s ease;-o-transition:all .36s ease}
.evaluate_c ul li span{float:right;color:#999}
.evaluate_c ul li a:hover{color:#00a4ff;margin-left:10px}
.evaluate_c ul li a:active{color:#999}
.poster{width:446px;height:216px;margin-top:2px}
.newsbox{height:auto;overflow:hidden;margin-bottom:40px}
.news_c .hd{width:561px;height:52px;margin:0 auto;margin-bottom:54px}
.news_c .hd ul li{float:left;display:inline-block;width:161px;height:52px;line-height:52px;text-align:center;font-size:16px;color:#333;background:#f5f5f5;margin:0 13px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .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_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 .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:700;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:700;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:0 0 8px #efefef;-webkit-box-shadow:0 0 8px #efefef;-moz-box-shadow:0 0 8px #efefef;border-bottom:1px solid #fff}
.news_r ul li:hover .time_l{margin-left:16px}
.news_r ul li:hover .more_yr{margin-right:10px}
.news_r ul li:hover .title_n .title_det{color:#00a4ff}
.linksbox{height:auto;overflow:hidden;margin-bottom:40px}
.linksbox img{width:143px;height:36px;float:left;margin-right:10px}
.links_c a{padding:0 8px;line-height:20px;color:#666}
.links_c a:hover{color:#333}
.footer{background:#303030;width:100%;height:158px;padding:30px 0;color:#dadada}
.footer .footer_wd{width:1200px;height:auto;margin:0 auto}
.footer a{color:#dadada}
.footer a:hover{color:#fff}
.footer .title{font-size:18px;height:20px;line-height:20px;margin-bottom:13px}
.footer .item{width:188px;margin-top:10px}
.footer .item_c a{float:left;display:inline-block;width:94px;line-height:24px}
.footer .contact_f{width:434px;height:auto;overflow:hidden;margin-left:219px;margin-top:10px}
.footer .contact_eles{line-height:24px}
.footer .footer_r{width:129px}
.link_btn ul li{wi129px;height:40px;position:relative;margin-bottom:9px}
.link_btn{height:auto}
.link_qq{width:125px;height:40px;background:url(../images/indexicon.png) no-repeat;display:block;margin-top:14px;transition:all .36s ease;-moz-transition:all .36s ease;-webkit-transition:all .36s ease;-o-transition:all .36s ease;margin-left:4px}
.link_qq:hover{background:url(../images/indexicon.png) 0 -50px no-repeat}
.link_weixin{width:129px;height:40px;background:url(../images/indexicon.png) -129px 0 no-repeat;display:block;transition:all .36s ease;-moz-transition:all .36s ease;-webkit-transition:all .36s ease;-o-transition:all .36s ease;margin-bottom:10px}
.link_weixin:hover{background:url(../images/indexicon.png) -130px -50px no-repeat}
.link_shouji{width:125px;height:40px;background:url(../images/indexicon.png) -265px 0 no-repeat;display:block;transition:all .36s ease;-moz-transition:all .36s ease;-webkit-transition:all .36s ease;-o-transition:all .36s ease;margin-left:4px}
.link_shouji:hover{background:url(../images/indexicon.png) -265px -50px no-repeat}
.link_ewm{position:absolute;top:-46px;left:-139px;width:129px;display:none}
.mark_box{height:165px;width:124px;overflow:hidden}
.mark_box .mark_pic{width:124px;height:124px;overflow:hidden}
.mark_box .mark_type{height:41px;line-height:41px;text-indent:42px;background:url(../images/phone_icon.png) no-repeat 25px 11px;color:#dadada}
.mark_box .mark_type.wx{background:url(../images/wx_icon.png) no-repeat 21px 13px;text-indent:46px}
.footer2{height:56px;width:100%;background:#262626}
.footer_w{width:1200px;height:56px;margin:0 auto;position:relative}
.footer_w img{display:block;width:80px;height:23px;position:absolute;top:-23px;left:560px}
.copyright{color:#d9d9d9;height:56px;line-height:56px;text-align:center}
.copyright a{color:#d9d9d9}
.copyright a:hover{color:#fff}
.main_box{width:100%;height:auto;overflow:hidden;background:#f7f7f8}
.banner_c{background:url(../images/banner_n.jpg) no-repeat center 0;width:100%;height:260px}
.main{height:auto;width:1200px;padding:0 30px;background:#fff;border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;margin-top:-72px;margin-bottom:30px}
.crumbs{width:1150px;height:60px;line-height:60px;padding-bottom:5px;color:#666;border-bottom:1px dashed #e5e5e5}
.bread_r{height:60px;line-height:60px;overflow:hidden;width:234px;margin-left:20px}
.bread_r img{display:block;float:right;margin-top:10px}
.crumbs .crumbs_f img{display:block;float:left;width:19px;height:16px;margin-top:21px}
.crumbs .crumbs_f a{color:#666;transition:.3s}
.crumbs .crumbs_f a:hover{color:#00a4ff}
.searchbar{width:214px;height:38px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;position:relative;margin-top:14px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.searchbar input{background-color:transparent;height:38px;line-height:38px;color:#888;width:214px;border:1px solid #c5c5c5;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;padding:0 5px 0 13px;position:absolute;left:0;top:0;z-index:1}
.searchbar input.yys_hei{color:#444}
.searchbar div{width:21px;height:21px;position:absolute;right:0;top:0;display:inline-block;border:none;cursor:pointer;z-index:2}
.searchbar:hover input{border:1px solid #00a4ff}
.searchbar input:focus{border:1px solid #00a4ff}
.navigation{min-height:52px;margin:0 auto;margin-bottom:30px;margin-top:30px;overflow:hidden}
.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:10px 13px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.navigation ul li a{display:block;width:100%;height:100%;color:#333}
.navigation ul li:hover,.navigation ul li.on{background:url(../images/hover_03.jpg) no-repeat;width:161px;height:52px;color:#fff;cursor:pointer}
.navigation ul li:hover a,.navigation ul li.on a{color:#fff}
.news_content .news_pic{display:block;width:305px;height:203px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.news_content .news_right{width:670px;margin-left:40px}
.news_right .title{height:32px;line-height:32px;overflow:hidden;font-size:16px;color:#555;margin-bottom:16px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.news_right .detail{color:#909090;height:82px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;margin-bottom:30px}
.news_right .time{font-size:16px;color:#c8c8c8;font-family:HELVETICANEUELTPRO-THEX,Arial}
.news_right .time span{color:#8c8c8c}
.news_content .news_icon{display:block;width:42px;height:47px;margin-top:52px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.news_content ul li{height:203px;padding:26px 0;border-bottom:1px solid #eaeaea}
.news_content ul li:hover{box-shadow:0 0 20px #efefef;-webkit-box-shadow:0 0 20px #efefef;-moz-box-shadow:0 0 20px #efefef}
.news_content ul li:hover .news_pic{margin-left:20px}
.news_content ul li:hover .title{color:#00a4ff}
.news_content ul li:hover .news_icon{margin-right:20px}
.page{font-size:16px;height:48px;line-height:44px;text-align:center;margin:60px auto}
.page .nolink{color:#b0b0b0;height:42px;display:inline-block;overflow:hidden;text-decoration:none;margin:0 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:0 2px;border:1px solid #d5d5d5}
.page .cur{height:42px;display:inline-block;overflow:hidden;background-color:#0e61e6;color:#fff;margin:0 2px;border:1px solid #0e61e6;border-radius:5px}
.page a:hover{background-color:#0e61e6;color:#fff;border:1px solid #0e61e6;border-radius:5px}
.page .p{font-size:20px;line-height:42px}
.page .n{border:none}
.banner_c1{background:url(../images/banner_n.jpg) no-repeat center 0;width:100%;height:260px}
.case_content{width:1200px;height:auto;overflow:hidden;margin-bottom:20px}
.case_content ul li{float:left;width:372px;height:387px;margin-right:38px}
.case_content ul li:nth-child(3n){margin-right:0}
.case_content ul li .case_pic{width:372px;height:226px;position:relative}
.case_content ul li .case_pic img{display:block;width:372px;height:226px}
.case_content ul li .hover_bg{background:url(../images/hover_bg.png) no-repeat;width:372px;height:226px;position:absolute;top:0;left:0;z-index:2;opacity:0}
.case_content ul li .hover_more{background:url(../images/car.png) no-repeat;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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.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 0;width:13px;height:12px}
.case_content ul li:hover .hover_bg{opacity:1}
.case_content ul li:hover .hover_more{opacity:1;left:152px}
.case_content ul li:hover .case_detaile{border:1px solid #dfeef9;border-top:0}
.case_content ul li:hover .title{color:#00a4ff}
.case_content ul li:hover .introduce{border-bottom:1px solid #dfeef9;color:#00a4ff}
.case_content ul li:hover .more .left{color:#00a4ff}
.case_content ul li:hover .more .right{background-position:0 0}
.main_content{height:auto;overflow:hidden;padding-top:20px;padding-bottom:30px}
.list_left{width:880px}
.list_left h1{height:auto;line-height:24px;margin-bottom:10px;font-style:normal}
.list_left .time{color:#999;height:20px;line-height:20px;overflow:hidden}
.list_left .black_b{width:810px;height:1px;border-bottom:1px dashed #e9e9e9;margin:26px 0;margin-top:20px}
.list_left .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 a{color:#638fca}
.list_left .content_c p img{display:block;margin:0 auto;max-width:810px;height:auto;overflow:hidden}
.list_left .article-tags{margin-bottom:20px;color:#333;padding-bottom:50px;border-bottom:1px dashed #e5e5e5}
.list_left .article-tags a{display:inline-block;padding:0 7px;height:30px;line-height:30px;margin:0 3px;color:#333;font-size:14px;background:#e4eff6}
.list_left .article-tags a:nth-child(2n){background-color:#e7f6e4}
.list_left .article-tags a:nth-child(3n){background-color:#f5e4f6}
.list_left .article-tags a:hover{background-color:#c9e4f5}
.list_left .article-tags a:nth-child(2n):hover{background-color:#d0f5c9}
.list_left .article-tags a:nth-child(3n):hover{background-color:#f3c9f5}
.list_left .article-tags span{color:#666}
.list_right{width:300px;height:auto;overflow:hidden;padding-bottom:60px}
.list_right img{width:300px;height:200px;overflow:hidden;margin-bottom:28px}
.right_tag .title{margin-bottom:26px}
.right_tag .title .title_c{font-size:18px;text-align:center;height:20px}
.right_tag .title .title_b{width:65px;height:8px;margin:0 auto}
.right_tag .title .title_b img{display:block;width:65px;height:8px}
.right_tag{width:300px;height:auto;overflow:hidden}
.eles_tag a{display:inline-block;padding:0 12px;height:44px;line-height:44px;background-color:#e5e4f6;margin-right:5px;color:#1f1f1f;margin-bottom:12px}
.eles_tag a:nth-child(2),.eles_tag a:nth-child(10),.eles_tag a:nth-child(18),.eles_tag a:nth-child(26){background-color:#e4eff6}
.eles_tag a:nth-child(3),.eles_tag a:nth-child(11),.eles_tag a:nth-child(19),.eles_tag a:nth-child(27){background-color:#e7f6e4}
.eles_tag a:nth-child(4),.eles_tag a:nth-child(12),.eles_tag a:nth-child(20),.eles_tag a:nth-child(28){background-color:#f5e4f6}
.eles_tag a:nth-child(5),.eles_tag a:nth-child(13),.eles_tag a:nth-child(21),.eles_tag a:nth-child(29){background-color:#f6e4e4}
.eles_tag a:nth-child(6),.eles_tag a:nth-child(14),.eles_tag a:nth-child(22),.eles_tag a:nth-child(30){background-color:#e5e4f6}
.eles_tag a:nth-child(7),.eles_tag a:nth-child(15),.eles_tag a:nth-child(23),.eles_tag a:nth-child(31){background-color:#b3def6}
.eles_tag a:nth-child(8),.eles_tag a:nth-child(16),.eles_tag a:nth-child(24),.eles_tag a:nth-child(32){background-color:#d5f6f8}
.eles_tag a:nth-child(9),.eles_tag a:nth-child(17),.eles_tag a:nth-child(25),.eles_tag a:nth-child(33){background-color:#e5e4f6}
.eles_tag a:hover,.eles_tag a:nth-child(9):hover,.eles_tag a:nth-child(17):hover,.eles_tag a:nth-child(25):hover,.eles_tag a:nth-child(33):hover{background-color:#cdcbf7}
.eles_tag a:nth-child(2):hover,.eles_tag a:nth-child(10):hover,.eles_tag a:nth-child(18):hover,.eles_tag a:nth-child(26):hover{background-color:#c9e4f5}
.eles_tag a:nth-child(3):hover,.eles_tag a:nth-child(11):hover,.eles_tag a:nth-child(19):hover,.eles_tag a:nth-child(27):hover{background-color:#d0f5c9}
.eles_tag a:nth-child(4):hover,.eles_tag a:nth-child(12):hover,.eles_tag a:nth-child(20):hover,.eles_tag a:nth-child(28):hover{background-color:#f3c9f5}
.eles_tag a:nth-child(5):hover,.eles_tag a:nth-child(13):hover,.eles_tag a:nth-child(21):hover,.eles_tag a:nth-child(29):hover{background-color:#f5c9c9}
.eles_tag a:nth-child(6):hover,.eles_tag a:nth-child(14):hover,.eles_tag a:nth-child(22):hover,.eles_tag a:nth-child(30):hover{background-color:#cbc9f5}
.eles_tag a:nth-child(7):hover,.eles_tag a:nth-child(15):hover,.eles_tag a:nth-child(23):hover,.eles_tag a:nth-child(31):hover{background-color:#9fd7f5}
.eles_tag a:nth-child(8):hover,.eles_tag a:nth-child(16):hover,.eles_tag a:nth-child(24):hover,.eles_tag a:nth-child(32):hover{background-color:#baf4f7}
.recommend_box{height:auto;overflow:hidden;margin-top:30px}
.recommend_box .title{margin-bottom:6}
.recommend_else img{width:140px;height:94px;overflow:hidden;margin-right:10px;transition:.3s}
.recommend_else ul li{padding:20px 0;height:94px;border-bottom:1px solid #e2e2e2}
.recommend_else ul li a{display:block;width:100%;height:100%}
.recommend_else .else{width:148px;height:94px;overflow:hidden}
.recommend_else .else .title_else{color:#333;height:44px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;margin-bottom:24px}
.recommend_else .else .time_else{color:#666;height:20px;line-height:20px;overflow:hidden}
.recommend_else ul li a:hover .title_else{color:#00a4ff}
.recommend_else ul li a:hover img{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.prev_next1{height:30px;line-height:30px;overflow:hidden;margin:0 auto}
.prev_next1,.prev_next1 a{color:#666}
.prev_next1 a:hover{color:#00a4ff}
.return_column a{display:block;background:url(../images/page_03.jpg) no-repeat;width:57px;height:29px;margin:0 16px;margin-top:1px}
.return_column a:hover,.return_column a:active{background-position:0 -29px}
.prev_one{text-align:right}
.prev_one,.next_one{width:360px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prev_one a,.next_one a,.prev_one span,.next_one span{width:278px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prev_one a,.prev_one span{}
.next_one a,.next_one span{}
.prev_one img,.next_one img{display:inline-block;margin:0 15px;width:10px;height:12px;margin-top:9px}
.recommended_c{height:auto;overflow:hidden;margin:40px auto;background:#fff;padding:24px 0}
.recommended_c .recommended_case{width:1200px;margin:0 auto;height:auto;overflow:hidden}
.recommended_case .title_rec{height:24px;line-height:24px;margin-bottom:46px;color:#333;border-left-width:3px;border-left-color:#00a4ff;border-left-style:solid;padding-left:10px}
.recommended_case .title_rec .rec_name{font-size:24px;color:#333}
.recommended_case .title_rec .more_rec a{color:#666}
.recommended_case .title_rec .more_rec a:hover{color:#00a4ff}
.content_img{height:auto;overflow:hidden;padding-bottom:60px}
.content_img .content_title{padding-top:20px;height:156px;padding-bottom:26px;border-bottom:1px solid #e5e5e5;margin-bottom:30px}
.content_img .case_title{font-size:26px;margin-bottom:26px;color:#333}
.content_img .content_c img{text-align:center;vertical-align:top;max-width:100%}
.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 .1s,background .2s;-moz-transition:-moz-transform ease-out .1s,background .2s;transition:transform ease-out .1s,background .2s;position:relative}
.computer_phone ul li .phone_box{width:82px}
.computer_phone ul li a:hover .introduce_font{color:#00a4ff}
.phone_box .hi-icon{margin-left:10px}
.hi-icon-archive:before{content:""}
.hi-icon:before{speak:none;font-style:normal;font-weight:400;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,.1);opacity:0;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.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(.93);-moz-transform:scale(.93);-ms-transform:scale(.93);transform:scale(.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:.1}
40%{opacity:.2;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #00a4ff,0 0 0 5px rgba(255,255,255,.2)}
100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #00a4ff,0 0 0 5px rgba(255,255,255,.2);-webkit-transform:scale(1.2);opacity:0}}@-moz-keyframes sonarEffect{0%{opacity:.1}
40%{opacity:.2;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #00a4ff,0 0 0 5px rgba(255,255,255,,0.2)}
100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #00a4ff,0 0 0 5px rgba(255,255,255,.2);-moz-transform:scale(1.2);opacity:0}}@keyframes sonarEffect{0%{opacity:.1}
40%{opacity:.2;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #00a4ff,0 0 0 5px rgba(255,255,255,.2)}
100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #00a4ff,0 0 0 5px rgba(255,255,255,.2);transform:scale(1.2);opacity:0}}.computer_phone ul li.phone_box{height:62px;position:relative}
.ewm_code_phone{position:absolute;top:92px;left:-18px;display:none}
.content_img .prev_next1{width:1150px}
.content_img .prev_one,.content_img .next_one{width:520px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.content_img .prev_one a,.content_img .next_one a,.content_img .prev_one span,.content_img .next_one span{width:438px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project_brief{width:468px}
.boder_left{width:1px;height:138px;border-left:1px solid #e8e8e8;margin-right:44px}
.web_item{width:608px}
.web_demand ul li{float:left;display:inline-block;width:64px;height:92px;margin-right:68px;color:#333}
.web_demand ul li:nth-last-child(1){margin-right:0}
.web_demand ul li .web_icon{background:url(../images/case_icon_03.jpg) no-repeat;width:64px;height:60px}
.web_demand ul li .demand_font{height:30px;line-height:30px;text-align:center}
.web_demand ul li .web_icon1{background-position:-130px 0}
.web_demand ul li .web_icon2{background-position:-270px 0}
.web_demand ul li .web_icon3{background-position:-400px 0}
.web_demand ul li .web_icon4{background-position:-530px 0}
.dz a{display:block;background:url(../images/dz_03.jpg) no-repeat;width:402px;height:103px;margin:60px auto;margin-top:40px}
.dz a:hover{filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}
.content_border{width:1150px;height:1px;background:#e5e5e5;margin-bottom:40px}
.pagess{clear:both;margin:20px;overflow:hidden;margin-left:0;text-align:center;font-size:12px}
.pagess ul li{display:inline-block;border:1px solid #ccc;padding:2px 9px;margin:0 3px;line-height:20px;background:#fff;color:#999}
.pagess ul li:hover{background:#ccc;color:#fff;border:1px solid #ccc}
.pagess ul li:hover a{color:#fff}
.pagess ul li.thisclass{display:inline-block;border:1px solid #ccc;padding:2px 9px;margin:0 3px;background:#ccc;color:#fff}
.pagess ul li.thisclass a{color:#fff}
.pagess ul li a{display:block;color:#999}
.pagess ul li a:hover{color:#fff}
#page{margin:30px 0;font-size:14px;height:30px;line-height:30px;text-align:center}
#page .pageinfo{display:none;}
#page a{border:1px solid #ddd;background:#fff;color:#808080;padding:4px 10px;margin-left:5px;transition:all 0.2s}
#page a:hover,#page .curpage{background:#333;color:#fff;text-decoration:none;border:1px solid #333;}
#page .nopage{cursor:not-allowed;}
#page .nopage:hover{background:#fff;color:#808080;border:1px solid #ddd;}