@charset "utf-8";
/* CSS Document 
** author:永易搜
** URL:http://www.yongyisou.com/
** tips:CSS文件非专业勿动，编码格式为utf-8
*/
*{ padding:0px; margin:0px;}
li{list-style:none;}
img{border:none;border:0;}
a{text-decoration:none;color:#000;}
a:hover{color:#0d4ca1;}
a:focus {outline:0; } 
html{font:normal 14px/1.5 "microsoft yahei",tahoma,arial,sans-serif;background:#fff;}
body{background:#fff; position: relative;}
input,input:focus{outline:none;text-indent:5px}
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {  
    -webkit-text-fill-color: #000 !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;  
    background-color:transparent;  
    background-image: none;  
    transition: background-color 50000s ease-in-out 0s;
}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
/*animate.min.css*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0.1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(1000px);transform:translateX(1000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
/*通用调用*/
.w1200{width:1200px;height:auto;margin:0 auto;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
/*通用*/
.up{width: 100%; position: absolute; top: 0; z-index: 99;}
.head{height: 100px;}
.head .l{width: 200px; height: 100px;}
.head .r{width: 230px; height: 40px; margin: 30px 0;}
.head .r img{display: block; float: left; margin: 3px 10px 3px 0;}
.head .r p{display: block;  height: 20px; float: left; color: #0d4ca1;}

.head_fixed{width:100%;height: 76px;z-index: 999;}
.header{height: 76px; background:#fff; overflow: inherit;}
.header .logo2{width: 220px; height:76px;}
.header .nav{width:720px; height: 76px; float: right;}
.header .nav ul li{width:120px; height: 76px; float: left; line-height: 76px; text-align: center; position: relative;}
.header .nav ul li a{display:inline-block;height: 30px; line-height: 30px;color:#666; font-size: 16px;}
.header .nav ul li a span{display:block; width: 0%; height: 1px; background:#0d4ca1;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.header .nav ul li.on span{display:block; width:100%;height: 1px; background:#0d4ca1;}
.header .nav ul li.on a{color:#0d4ca1;}

.header .nav ul li a p{display: inline-block; width: 14px; height: 6px;margin-left: 6px;vertical-align: 2px;
						 background: url(../images/icon2.png) no-repeat center center;
						 transition: all .3s;
						 -moz-transition: all .3s;
						 -webkit-transition: all .3s; 
						 -o-transition: all .3s;}
.open p{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.header .nav ul li:hover a span{width:100%;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.header .nav ul li:hover a{color:#0d4ca1;}

.header .nav ul li .sub{width:240px; height: auto; position: absolute; top: 77px; right: -60px; z-index: 999;display:none;} 
.header .nav ul li .sub ul li{width: 240px; height: 60px; text-align: center; background: #fff;}
.header .nav ul li .sub ul li a{display: block; width: 240px; height: 60px;line-height: 60px; font-size: 16px; color: #666;} 
.header .nav ul li .sub ul li:hover a{background: #f8f8f8; color: #0d4ca1;}


/*搜索*/
.form{width:40px; height:40px; overflow: hidden; margin: 18px 18px; border-radius: 30px; position: relative; transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.search{width:100px; height: 40px; position: absolute; left: 60px; top: 0; float: left; border-radius: 30px;background: none; border: 0; font-size: 12px; color: #999;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.button{width: 40px; height: 40px;float: left;}
.button img{width: 16px; height: 16px; margin: 12px;}

.form.forms,.form:hover{width:160px;border: solid 1px #0d4ca1;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}

.form:hover .search{left:40px;}


.sswk{text-align: center; height: 300px; padding: 50px;}
/*轮播*/
.banner{position: relative; width:100%; height: auto; overflow: hidden; }
.banner .bd li{position:relative; height:722px;}

.banner .hd {width:100%; height: 20px; text-align: center; overflow:hidden; position:absolute; bottom:10px; zoom:1; z-index:3}
.banner .hd li{display:inline-block;width:50px; height:3px; cursor:pointer; overflow:hidden;background:#fff; margin:4px; }
.banner .hd .on{ background:#3e6aa7;height:5px; }

.banner .prev,.banner .next{position:absolute;display:block;top:50%;width:44px;height:70px;margin-top:-35px;background:url(../images/banner_arrow.png) no-repeat;filter:alpha(opacity=50);opacity:0; z-index: 333;}
.banner .next{left:auto;right:0;background-position:-44px 0px;}
.banner a.prev:hover{filter:alpha(opacity=100);opacity:1; background-position: 0 -70px;}
.banner a.next:hover{filter:alpha(opacity=100);opacity:1; background-position: -44px -70px;}



.about{height:480px;position: relative; top: -98px; z-index: 9;}
.about .left{width:795px;height: 326px; margin-top: 154px;}
.about .left .t{width: 795px; height: 60px;}
.about .left .t div{width: 400px; height: 60px;float: left;}
.about .left .t div h2{font-size: 20px; color: #333;}
.about .left .t div span{display: block; font-size: 14px; color: #999;}
.about .left .t a{float: right; display: block; height: 60px; line-height: 60px; font-size: 14px; color: #999;}
.about .left .t a:hover{color: #0d4ca1;}
.about .left .b{width: 795px; height: 230px; margin-top: 36px;}
.about .left .b .banner2{position: relative; width:308px; height:230px;}
.about .left .b .banner2 ul.pic li{overflow: hidden;}
.about .left .b .banner2 ul.pic li img{width:308px; height:230px; display:block;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;}
.about .left .b .banner2:hover .pic img{transform:scale(1.2);transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;}
.about .left .b .banner2 .hd {width:100%; height: 20px; text-align: right; overflow:hidden; position:absolute; right: 10px; bottom:10px; zoom:1; z-index:3}
.about .left .b .banner2 .hd li{display:inline-block;width:8px; height:8px; margin: 0 4px; border-radius: 8px; cursor:pointer; overflow:hidden;background:#fff;}
.about .left .b .banner2 .hd .on{ background:#3e6aa7;}
.about .left .b .b_r{width:450px; height: 230px;}
.about .left .b .b_r h2{width: 450px; height: auto; line-height: 40px; font-weight: 400; font-size: 18px; color: #666;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s; }
.about .left .b .b_r p{width: 450px;color: #999; font-size: 14px; line-height: 30px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.about .left .b .b_r span{display: block; opacity: 0; width: 60px;height: 20px;color: #fff;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.about .left .b .b_r:hover span{opacity: 1; font-size: 20px; color: #0d4ca1;margin-top:5px;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.about .left .b .b_r:hover h2{padding-top: 10px;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}

.about .right{width:368px; height: 480px; background: #3e6aa7;}
.about .right .t{width:318px; height: 98px; padding: 0 25px; border-bottom: solid 1px #4f7ab5;}
.about .right .t a{display: block; width:318px; height: 98px;}
.about .right .t div{width: 150px; height: 70px; float: left; margin-top: 28px;}
.about .right .t div h2{font-size: 20px; color:#fff;}
.about .right .t div span{display:block; font-size: 14px; color: #4f7ab5;}
.about .right .t p{display: block;float: right; margin-top: 32px;
			 	-webkit-animation: Left_adn_Right 1s linear infinite
			    -moz-animation: Left_adn_Right 1s linear infinite;
			    -ms-animation: Left_adn_Right 1s linear infinite;
			    animation: Left_adn_Right 1s linear infinite;}
.about .right .b{width: 368px;overflow: hidden;} 
.about .right .b ul li{width: 368px; height:95px;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.about .right .b ul li a{display: block; width: 308px; height: 53px;padding: 21px 30px;}
.about .right .b .b1{width: 75px; height:53px; background: #5985c1; text-align: center;}
.about .right .b .b1 span{display: block; width:75px; height: 27px; line-height: 36px; color: #d7e7fd; font-size: 16px;}
.about .right .b .b1 p{display: block; width: 75px; height: 26px; line-height: 20px; text-indent: -10px; color: #9dc1f2;font-size: 12px;}

.about .right .b .b2{width: 220px; height: 53px; overflow: hidden;}
.about .right .b .b2 h3{width: 220px; height:30px; line-height: 30px; font-weight: 400; color: #fff; margin:11px 0; white-space:nowrap;text-overflow:ellipsis; overflow: hidden;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.about .right .b .b2 p{display: block; width: 220px;font-size: 12px; color: #9dc1f2;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.about .right .b ul li:hover .b2 h3{margin:0 0;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.about .right .b ul li:hover{background:#5985c1;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.about .right .b ul li.on .b2 h3{margin:0 0;}
.about .right .b ul li.on{background:#5985c1;}

.product{width: 100%;overflow: hidden; background: #fafafa;}
.product a.pro_a{display:block; margin: 20px auto 50px auto; width:320px; height: 52px; text-align: center; line-height: 52px; border: solid 1px #0d4ca1; font-size: 14px; color: #0d4ca1;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.product a.pro_a:hover{width: 200px; height: 52px; color: #fff; border: solid 1px #0d4ca1; background: #0d4ca1; transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}

.product2{overflow: hidden; position: relative;}
.pro_top{height:60px; margin: 40px 0;}
.pro_top .pro_l{width: 220px; height: 60px;}
.pro_top .pro_l h2{height: 40px; line-height: 40px; font-size: 20px; color: #333;}
.pro_top .pro_l p{display: block; height:20px; line-height: 20px; font-size:14px; color: #999;}

.tabBox .hd{width:300/*500*/px; height: 60px; position: absolute; top: 40px; right: 0;}
.tabBox .hd ul li{width: 100px;height: 60px; line-height: 60px; float:left; font-size: 16px; text-align: center; color: #666;}
.tabBox .hd ul li span{float: left; color: #e9e9e9;}
.tabBox .hd ul li:hover{color: #0d4ca1; cursor: pointer;}
.tabBox .hd ul li a{color:#666;}
.tabBox .hd ul li:hover a{color: #0d4ca1;}


.tabBox .hd ul li:nth-child(5){text-align:right;}
.tabBox .bd{overflow: hidden; height: 624px;}
.tabBox .bd ul{width: 1220px; overflow: hidden; display: none;}
.tabBox .bd ul li{width: 285px; height: 292px; float: left; margin:0 20px 20px 0; background: #fff;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s; }
.tabBox .bd ul li a{display: block; width: 285px; height: 292px;}
.tabBox .bd ul li .pro_img{width: 285px; height: 202px; overflow: hidden;}
.tabBox .bd ul li .pro_img img{width: 285px; height: 202px; background:url(../images/loading.gif) center center no-repeat; transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;}
.tabBox .bd ul li .pro_p{width: 275px; height: 90px; margin: 0 5px; text-align: center;}
.tabBox .bd ul li .pro_p h3{width: 275px; height: 45px; color: #666; font-weight: 400; font-size: 18px; line-height: 54px;white-space:nowrap;text-overflow:ellipsis; overflow: hidden;}
.tabBox .bd ul li .pro_p p{width: 275px; height: 45px; color: #999; font-size: 14px; line-height: 28px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.tabBox .bd ul li:hover {-moz-box-shadow:0px 0px 20px #e2e2e2; -webkit-box-shadow:0px 0px 20px #e2e2e2; box-shadow:0px 0px 20px #e2e2e2;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.tabBox .bd ul li:hover .pro_p h3{color: #0d4ca1;}
.tabBox .bd ul li:hover .pro_p p{color: #0d4ca1;}
.tabBox .bd ul li:hover .pro_img img{transform:scale(1.1);transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}

.current{overflow: inherit;}
.current .top{height: 60px; margin: 40px 0;}
.current .top h3{font-size: 20px; font-size: 20px; color: #333;}
.current .top span{font-size: 14px; color:#999;}
.current .bottom{height: 448px; margin-bottom: 60px;}
.current .bottom ul li{width: 300px; height: 448px; float: left; position: relative;background: #333;}
.current .bottom ul li:hover img{ opacity: 0.5; transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;}

.current .bottom div{width: 300px; height: 280px; position: absolute; top: 0; z-index: 99; margin-top: 168px;}
.current .bottom div span{display: block;width:71px; height: 71px; margin: 0 auto;background: url(../images/icon4.png)no-repeat center center;background-position: 0 0; transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;}
.current .bottom div p{display: block; width: 300px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center;}
.current .bottom div span.bottom1{background-position: 0 0;}
.current .bottom div span.bottom2{background-position: -71px 0;}
.current .bottom div span.bottom3{background-position: -142px 0;}
.current .bottom div span.bottom4{background-position: -213px 0;}
.current .bottom ul li:hover div span{transform:rotate(360deg);transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;
										-ms-transform:rotate(360deg); /* Internet Explorer */
										-moz-transform:rotate(360deg); /* Firefox */
										-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
										-o-transform:rotate(360deg); /* Opera */}
.advertis{width: 100%; height: 234px;  background:url(../images/img5.jpg) no-repeat center center;}
.case{margin: 0 auto 40px auto;}
.case .top{height: 60px; margin: 40px 0;}
.case .top1{height: 60px;}
.case .top1 h3{font-size: 20px; font-size: 20px; color: #333;}
.case .top1 span{font-size: 14px; color:#999;}
.case .top2{height: 60px; line-height: 60px;}
.case .top2 a{font-size: 14px; color: #999;}
.case .top2 a:hover{color: #0d4ca1;}
.case_hbd{overflow: hidden; position: relative;}
.case_hbd .hd{width: 100%; height: 60px; position: absolute; top: 30%; z-index: 9999;}
.case_hbd .hd .next,.case_hbd .hd .prev{display: block;position: absolute; top: 0; color: #fff; font-size:20px; text-align: center; 
	                                    line-height: 60px;  width: 40px; height: 60px; cursor: pointer;
	                                    background:rgba(0, 0, 0, 0.4); 
	                                     overflow: 0.4;filter:alpha(opacity=0 或者40%);}
.case_hbd .hd .prev{right:0;}
.case_hbd .hd .next:hover{background: #5a7aa8;}
.case_hbd .hd .prev:hover{background: #5a7aa8;}
.case_hbd .bd{height: 310px; overflow: hidden;}
.case_hbd .bd ul{overflow: hidden;}
.case_hbd .bd ul li{width: 386px; height:310px;float: left; margin-right: 21px;}
.case_hbd .bd ul li .case_i{width: 386px; height:256px;overflow: hidden;cursor: pointer;}
.case_hbd .bd ul li .case_i img{display: block;width: 386px; height:256px; transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;}
.case_hbd .bd ul li p{width: 376px; height: 54px; padding: 0 5px; font-size: 14px; line-height: 54px; text-align: center; color: #666;white-space:nowrap;text-overflow:ellipsis; overflow: hidden;}

.case_hbd .bd ul li:hover .case_i img{transform:scale(1.1);transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;}
.case_hbd .bd ul li:hover p{color: #0d4ca1;}
.news{width: 100%;overflow: hidden; background: #fafafa; position: relative;}
.news a.pro_a{display:block; margin: 20px auto 50px auto; width:320px; height: 52px; text-align: center; line-height: 52px; border: solid 1px #0d4ca1; font-size: 14px; color: #0d4ca1;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.news a.pro_a:hover{width: 200px; height: 52px; color: #fff; border: solid 1px #0d4ca1; background: #0d4ca1; transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}

.news_top{height:60px; margin: 40px auto;}
.news_top .news_l{width: 220px; height: 60px;}
.news_top .news_l h2{height: 40px; line-height: 40px; font-size: 20px; color: #333;}
.news_top .news_l p{display: block; height:20px; line-height: 20px; font-size:14px; color: #999;}

.news .news_bottom{padding-bottom: 30px; position: relative;}
.news .taboxLeft{width: 566px; height: 448px; background: #fff;}
.news .taboxLeft .box_img{width: 566px;height: 284px; overflow: hidden;}
.news .taboxLeft .box_img img{width: 566px;height: 284px;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;}
.news .taboxLeft:hover .box_img img{width: 566px;height: 284px; transform:scale(1.2);transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;}
.news .taboxLeft .box_p{width: 546px; height: 124px; padding:20px 10px;}
.news .taboxLeft .box_p .box_p1{width: 546px; height: 40px; line-height: 40px;}
.news .taboxLeft .box_p .box_p1 h4{width: 300px; height: 40px; font-size: 16px; font-weight: 400; color: #333; float: left; white-space:nowrap;text-overflow:ellipsis; overflow: hidden;}
.news .taboxLeft .box_p .box_p1 p{font-size: 14px; color: #999; float: right;}
.news .taboxLeft .box_p .box_p2{width: 546px; height: 84px; font-size: 14px; line-height: 30px; color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news .taboxLeft .box_p .box_p2 span{color: #333;}
.news .taboxLeft .box_p:hover .box_p1 h4{color:#0d4ca1;}
.news .taboxLeft .box_p:hover .box_p2 span{color:#0d4ca1;}

.news .taboxNews{width:570px; height: 448px; overflow: hidden;}
.taboxNews .hd{width:200px; height: 60px; position: absolute; top: 40px; right: 0;}
.taboxNews .hd ul li{width: 100px;height: 60px; line-height: 60px; float:left; font-size: 16px; text-align: center; color: #666;}
.taboxNews .hd ul li a{color: #666;}
.taboxNews .hd ul li:hover a{color: #0d4ca1;}
.taboxNews .hd ul li span{float: left; color: #e9e9e9;}
.taboxNews .hd ul li:hover{color: #0d4ca1; cursor: pointer;}

.taboxNews .bd{overflow: hidden;width: 570px; height:448px;}
.taboxNews .bd ul{height: 448px;overflow: hidden;}
.taboxNews .bd ul li{width:570px; height: 136px;  background: #fff; margin:0 0 20px 10px;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;}
.taboxNews .bd ul li a{display: block; width: 530px; height: 86px;padding: 25px 14px;}

.taboxNews .bd ul li .bd_l{width: 70px; height: 86px; text-align: center;}
.taboxNews .bd ul li .bd_l h3{width: 70px; height: 42px; line-height: 53px; font-size: 20px; color: #666;  }
.taboxNews .bd ul li .bd_l span{display:block; margin: 0 auto; width: 40px; height: 1px; background: #e2e2e2;}
.taboxNews .bd ul li .bd_l p{display: block; width: 70px; height: 43px; line-height: 30px; font-size: 12px; color: #999;}

.taboxNews .bd ul li .bd_r{width: 450px; height: 86px;}
.taboxNews .bd ul li .bd_r h3{width: 450px; height: 40px; line-height: 40px; font-weight: 400; font-size: 16px; color: #333;white-space:nowrap;text-overflow:ellipsis; overflow: hidden;  }
.taboxNews .bd ul li .bd_r p{display: block; width: 450px; height: 46px; line-height: 22px; font-size: 12px; color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.taboxNews .bd ul li .bd_r span{color: #666;}
.taboxNews .bd ul li:hover .bd_r span{color: #0d4ca1;}
.taboxNews .bd ul li:hover{transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;-moz-box-shadow:-3px 0px 16px #dfeafa; -webkit-box-shadow:-3px 0px 16px #dfeafa; box-shadow:-3px 0px 16px #dfeafa;}
.taboxNews .bd ul li:hover .bd_r h3{color: #0d4ca1;}

/*首页*/

.banner2{width: 100%; height: auto;}
.banner2 img{width: 100%; height: auto; display: block;}

.crumbs{width: 100%; height: 80px; background: #fbfbfb;}
.crumbs .c{height: 80px;}
.crumbs .crumbs_l{height: 80px;}

.crumbs .cru{height: 80px; font-size: 16px;line-height: 80px; color: #333; }

.crumbs .cru h2{width: 300px; height: 80px; line-height: 80px; font-size: 16px; color: #333; font-weight: 400;}
.crumbs .cru span{width: 2px;height: 20px; margin: 30px 0;  background: #0d4ca1; margin-right: 8px; float: left; display: block;}

.crumbs .crumbs_l ul li{width: 100px;height: 80px; line-height: 80px; float:left; font-size: 16px; text-align: center; color: #666;}
.crumbs .crumbs_l ul li:nth-child(1){text-align: left;}
.crumbs .crumbs_l ul li:nth-child(2){font-size: 14px; float: left; width: 15px ;color: #e9e9e9;}
.crumbs .crumbs_l ul li:nth-child(4){font-size: 14px; float: left; width: 15px ;color: #e9e9e9;}
.crumbs .crumbs_l ul li:nth-child(6){font-size: 14px; float: left; width: 15px ;color: #e9e9e9;}
.crumbs .crumbs_l ul li:nth-child(8){font-size: 14px; float: left; width: 15px ;color: #e9e9e9;}
.crumbs .crumbs_l ul li:hover{color: #0d4ca1; cursor: pointer;}
.crumbs .crumbs_l ul li a{color: #666;}
.crumbs .crumbs_l ul li.on a{color: #0d4ca1;}

.crumbs .crumbs_r{height: 80px; line-height: 80px; color: #999;font-size: 14px;}
.crumbs .crumbs_r img{width: 14px; height: 14px; float: left; margin:32px 6px 0 0;}
.crumbs .crumbs_r a{font-size: 14px; color: #999;}
.crumbs .crumbs_r a:hover{color: #0d4ca1;}

.list{width: 100%; overflow: hidden; margin: 40px 0;}
.list ul li{width: 100%; height: 170px;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.list ul li .aa{display: block; height:89px; border-bottom: dashed 1px #f4f4f6; padding: 40px 0;}
.list ul li .aa .list_l{width:89px; height: 89px; background: #f2f6fa; text-align: center;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.list ul li .aa .list_l h2{width: 89px; height: 44px; line-height: 44px; color: #666; font-size: 24px;}
.list ul li .aa .list_l span{display: block; margin: 0 auto; width: 50px; height: 1px; background: #e3e3e3;}
.list ul li .aa .list_l p{display:block; width: 88px; height: 44px; line-height: 44px; color: #999; font-size: 14px;}

.list ul li .aa .list_r{width:1066px; height: 89px; margin-left: 20px;}
.list ul li .aa .list_r h2{width:1066px; height: 44px; line-height: 44px; font-weight: 400; color: #666; font-size:20px;white-space:nowrap;text-overflow:ellipsis; overflow: hidden;}
.list ul li .aa .list_r span{color: #333;}
.list ul li .aa .list_r p{display:block; width:1066px; height: 44px; color: #999; font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.list ul li:hover{background: #fbfbfb;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.list ul li:hover .list_l{background: #0d4ca1; margin-left: 25px;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.list ul li:hover .list_l h2{color: #fff;}
.list ul li:hover .list_l p{color: #fff;}
.list ul li:hover .list_r span{color: #0d4ca1;}
.list ul li:hover .list_r h2{color: #0d4ca1;}

.paging{width: 100%; height: 40px; margin-bottom: 40px; text-align: center;}
.paging a{display: inline-block; border: solid 1px #d5d5d5; min-width: 40px; padding: 0 1px; max-width: 80px; font-size: 14px; color: #999; line-height: 40px;}
.paging span{display: inline-block; border: solid 1px #d5d5d5; min-width: 40px; font-size: 14px; color: #999; line-height: 40px;}

.paging a:hover{border: solid 1px #0d4ca1; color: #fff; background: #0d4ca1;}
.paging .on{border: solid 1px #0d4ca1; color: #fff; background: #0d4ca1;}
.paging .g{min-width: 100px; max-width: 150px;}
/*新闻*/

.list_product{margin: 40px auto;}
.list_product ul{width: 1220px; overflow: hidden;}
.list_product ul li{width: 285px; height: 247px; float: left; border: solid 1px #ebebeb;  margin:0 17px 20px 0; background: #fff;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;}
.list_product ul li a{display: block; width: 285px; height: 247px;}
.list_product ul li .pro_img{width: 285px; height: 202px; overflow: hidden;}
.list_product ul li .pro_img img{width: 285px; height: 202px;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;}
.list_product ul li .pro_p{width: 275px; height: 45px; margin: 0 5px; text-align: center;color: #666; font-size: 16px;  line-height: 45px;white-space:nowrap;text-overflow:ellipsis; overflow: hidden;}
.list_product ul li .pro_p h3{color: #666; font-weight: 400;}
.list_product ul li:hover{border: solid 1px #0d4ca1;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;}
.list_product ul li:hover .pro_p h3{color: #0d4ca1;}
.list_product ul li:hover .pro_p p{color: #0d4ca1;}
.list_product ul li:hover .pro_img img{transform:scale(1.1);transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;}
/*产品*/

.content .l{width:860px; overflow: hidden;}
.content .l .content_top{width: 840px; padding: 40px 10px 20px 0;}
.content .l .content_top h1{font-size: 20px; margin-bottom: 10px; color: #333;}
.content .l .content_top p{display: inline-block;color: #999;}
.content .l .article{width: 860px;  font-size: 16px; color: #666; line-height: 150%; padding: 30px 0;}

.content .l .link_two2{width:860px;height: 30px; margin: 20px 0 60px 0; }
.content .l .link_two2 a{display: block; width: 360px; height: 30px; line-height: 30px; color: #666; white-space:nowrap;text-overflow:ellipsis; overflow: hidden;}
.content .l .link_two2 .left,.content .l .link_two .right{width: 400px;height: 30px;}
.content .l .link_two2 .left a:hover{color: #0d4ca1;}
.content .l .link_two2 .right span{display: inline-block; float: right; color: #999; height: 30px; line-height: 30px;}

.content .r{width:280px; overflow: hidden; margin-top: 60px;}
.content .r .push{width: 280px;}
.content .r .push .t,.content .r .popular .t{color: #333; width: 280px; height:40px; line-height: 40px; font-size: 20px; border-bottom: solid 1px #dddddd; }
.content .r .push .t span,.content .r .popular .t span{width: 2px;height: 20px; margin: 11px 0;  background: #0d4ca1; margin-right: 8px; float: left; display: block;}
.content .r .push .t_ul{width: 280px; overflow: hidden; margin-top: 10px;}
.content .r .push .t_ul ul li{width: 280px; height:40px; }
.content .r .push .t_ul ul li div{width: 260px; height: 40px; float: left; line-height: 40px; font-size: 14px; color: #999;border-bottom: solid 1px #f1f1f1; transition: all .3s; -moz-transition: all .3s; /* Firefox 4 */-webkit-transition: all .3s; /* Safari 和 Chrome */-o-transition: all .3s;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}

.content .r .push .t_ul ul li:hover span{background-position: -6px 0px;}
.content .r .push .t_ul ul li:hover div{color: #0d4ca1; text-indent: 8px;transition: all .3s; -moz-transition: all .3s; /* Firefox 4 */-webkit-transition: all .3s; /* Safari 和 Chrome */-o-transition: all .3s;}
.content .r .popular{margin-top: 20px;}
.content .r .popular .sousuo{width: 280px; overflow: hidden;}
.content .r .popular .sousuo a{display: inline-block; margin:12px 5px 0 5px; padding:5px; border:solid 1px #eeeeee; color: #666;}
.content .r .popular .sousuo a:hover{color: #fff;border:solid 1px #0d4ca1; background: #0d4ca1;}

.bdsharebuttonbox{display: inline-block; vertical-align: -25px;}

.a_img{width: 280px; height: 224px; margin: 60px 0;}
/*内容*/

/*底部版权信息*/
.foot{width: 100%; height: auto; background: #3e6aa7;}
.foot .foot_p{display: block; width: 100%;  height:1px; background: #5480bc;}

.foot .foot_two{height:192px; padding-top: 66px;}
.foot_two .div0{width: 1px; height: 80px; background: #5480bc;}
.foot_two .div01{width: 1px; height: 150px; background: #5480bc;}
.foot_two .div1{width: 187px;}
.foot_two .div1 h4{font-size: 18px; color: #90b4e6; margin-bottom: 10px;}
.foot_two .div1 ul li{height: 30px; line-height: 30px;}
.foot_two .div1 ul li a{color: #90b4e6;}
.foot_two .div1 ul li a:hover{color: #fff;}
.foot_two .div2{width: 204px; margin-left: 20px;}
.foot_two .div2 h4{font-size: 18px; color: #90b4e6; margin-bottom: 10px;}
.foot_two .div2 p{display: block; height: 30px; line-height: 30px; color: #90b4e6;}
.foot_two .div3{width: 301px; margin-left: 20px;}
.foot_two .div3 h4{font-size: 18px; color: #90b4e6; margin-bottom: 10px;}
.foot_two .div3 p{display: block; height: 30px; line-height: 30px; color: #90b4e6;}
.foot_two .div4{width:220px; margin-left: 20px;}
.foot_two .div4 h4{font-size: 18px; color: #90b4e6; margin-bottom: 20px;}
.foot_two .div4 .div4_img{width: 220px;}
.foot_two .div4 .div4_img img{width: 99px; height: 99px;float: left;}
.foot_two .div4 .div4_img p{display: block; width: 101px; color: #90b4e6; margin:10px 0 0 10px; float:left; line-height: 25px;}


.foot_shree .link{height:74px;}
.foot_shree .link .info{width:840px;  height: 54px; font-size: 14px; color: #90b4e6; margin-top: 20px;line-height: 25px;}
.foot_shree .link .info a{color: #90b4e6;}
.foot_shree .link .info a:hover{color: #fff;}
.foot_shree .link .info_img{height: 36px;}
.foot_shree .link .info_img img{float: left; margin:30px 10px 0 0; }
.foot_shree .link_two{width: 1200px; font-size: 14px; color: #90b4e6; margin-bottom: 10px;}
.foot_shree .link_two a{color: #90b4e6; margin: 0 4px;}
.foot_shree .link_two a:hover{color: #fff;}

/*左右动画*/
@keyframes Left_adn_Right {
    0% {transform: translateX(0px)}
    15% {transform: translateX(-1px);}
	35% {transform: translateX(-2px);}
    50% {transform: translateX(-1px);}
	65%{transform: translateX(0px);}
    75% {transform: translateX(1px);}
    85% {transform: translateX(2px);}
    95% {transform: translateX(1px);}
    100% {transform: translateX(0px);}
}