@charset "utf-8";
/* 
    @名称: animate.css
    @功能: 样式
     date:2017-3-3 

*/
.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}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-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%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}@keyframes rubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes tada{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%,100%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}@keyframes wobble{0%,100%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.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:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.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}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;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%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) 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;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;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:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;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:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;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:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;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:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{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:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-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:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{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:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-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:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}


@charset "utf-8";
/* 
    @名称: default.css
    @功能: 样式
     date:2017-3-3 

*/

* {margin:0; padding:0;}
body {font-family:"\5FAE\8F6F\96C5\9ED1",'SimSun','tahoma','MS Gothic',Arial,Helvetica,sans-serif; line-height:20px; color:#666666; font-size: 12px;}
ul,ol {list-style:none;}
img {border:none; vertical-align:top;}
a {text-decoration:none; color:#666666;}
a:hover {text-decoration:none;}
input,select,textarea {color:#666666; font-size:12px;}
input{outline: none;border: none;font-family:"\5FAE\8F6F\96C5\9ED1",'SimSun','tahoma','MS Gothic',Arial,Helvetica,sans-serif;}
i,em{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.w{width: 1200px;margin: 0 auto;}
h1,h2,h3{font-family:"\5FAE\8F6F\96C5\9ED1",'SimSun','tahoma','MS Gothic',Arial,Helvetica,sans-serif; font-weight: normal;}
/*清除浮动*/
.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; height:0; line-height:0; font-size:0;}
.clearfix{zoom:1;}
.btnHove{opacity:0.8; filter: alpha(opacity=80); cursor: pointer;}
.btnHove:hover{opacity:1; filter: alpha(opacity=100);}
.mt-100{margin-top: 100px;}
#layer{cursor: pointer;}
.fixed{position: fixed !important; top:100px !important; _position: absolute; _top:100px;  z-index: 99;}
.mr30{margin: 30px 0px;}
/* 404  500 */
.w-error{border-top: solid 2px #eee; min-width: 1200px; margin: 40px auto 40px auto;}
.w-error .w-ch{position: relative; width: 1000px; margin:0 auto; height: 648px; padding: 40px 0px; display: none;}
.w-error .w404{background:#fff url(../images/404.jpg);}
.w-error .w500{background:#fff url(../images/500.jpg);}
.w-error .w-error-text{width: 100%; position: absolute; bottom: 80px; left: 0px; text-align: center;}
.w-error .w-error-text p{font-size: 16px; color: #333;  padding-bottom: 15px;}
.w-error .w-error-text a{border: solid 2px #ff6815; padding: 5px 30px; color:#ff6815; }
.w-error .w-error-text a:hover{background: #ff6815; color: #fff;}


/*top*/
.top {width:100%; min-width:1200px; height:99px; background:#fff; position:fixed;top:0px;left:0px; _position:absolute;_top:expression(documentElement.scrollTop + 0 + "px"); z-index: 999;  border-bottom: solid 1px #e8e8e8; }
.top .logo {float:left; margin-top:29px;}
.top .topNav {float:left; margin-left: 75px;}
.top .topNav li {float:left; padding:0 15px;}
.top .topNav li a {display:block; line-height:99px; padding:0 5px; font-size:15px; color:#121212;}
.top .topNav li a:hover {color:#ff3333;}
.top .topNav li a.on {color:#ff3333; }
.top .company-login {float:right; line-height:20px; margin-top: 39px; font-size:15px; color:#ff3333;}
.top .company-login a{display: block; font-size: 14px; color: #ff3333; width: 118px; height: 28px; border: solid  1px #ff3333; line-height: 28px; text-align: center; border-radius: 4px;    display: block;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
}
.top .company-login a:hover{ color: #fff;}
.top .company-login a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ff3333;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.top .company-login a::before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.top .company-login a:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*foot*/
.footList {width:100%; min-width:1200px; background:#393939; padding:20px 0; font-size: 14px;}
.footList .fl-contact{width: 480px;}
.footList .fr-info{width: 580px;}
.footList .p-ft{font-size: 16px; color: #fff; border-bottom: solid 1px #505050;    padding: 0px 0px 10px 0px;}
.footList .p-lt{width: 430px;}
.footList .f-adress{border-top:solid 1px #505050; width: 1200px; margin:20px auto 10px auto; padding-top: 15px;  color:#aaa;}
.footList .f-adress span{float: right; font-size: 14px;}
.footList .footItem {float:left; line-height:30px; color:#aaa; margin-top: 20px;}
.footList .footItem dt {width:32px; height:32px; float:left; background: url(../images/icon-footer.png) no-repeat;}
.footList .footItem dd {float:left; margin-left:8px;}
.footList .footItem.footItem1 {width:240px;}
.footList .footItem.footItem2 {width:224px;}
.footList .footItem.footItem3 {width:442px;}
.footList .footItem.footItem1 dt {background-position: 0px -49px;}
.footList .footItem.footItem2 dt {background-position: 0px -100px;}
.footList .footItem.footItem3 dt {background-position: 0px 0px;}
.foot {width:100%; min-width:1200px; line-height:18px; background:#393939; padding:15px 0; color:#666;}
.f-link{float: left;}
.f-link a{color:#aaaaaa; font-size: 14px;}
.f-link a:hover{color: #ff3333;}
.footList .fr-info .f-text{ color:#aaa; padding: 20px 0px 10px 0px; line-height: 22px;}
.qr-code{float: left;text-align: center; width: 80px; overflow: hidden; margin-right: 60px;}
.qr-code p{margin-top: 5px;}

/* 公共右侧 */
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom: 40px;z-index: 9999;}
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100); progid:DXImageTransform.Microsoft.Alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}

.toolbar-layer-text{position:absolute;right:-176px;bottom:0px;width:172px;height:50px; background: #fff;border: solid 1px #3c3c3c; line-height: 52px;font-size: 14px; color: #333; text-align: center;  }

.toolbar-item-xinlang{background-position:0 -1046px;}
.toolbar-item-xinlang:hover{background-position:-52px -1046px;}
.toolbar-item-phone{background-position:0 -426px;}
.toolbar-item-phone:hover{background-position:-52px -426px;}
.toolbar-item-email{background-position:0 -550px;}
.toolbar-item-email:hover{background-position:0 -612px;}
.toolbar-item-email .toolbar-layer-text{width: 250px;}
.toolbar-item-email .toolbar-layer{height:194px;}
.toolbar-item-qq{background-position:0 -674px;}
.toolbar-item-qq:hover{background-position:-52px -674px;}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-top{background-position:0 -922px; cursor: pointer; display: none;}
.toolbar-item-top:hover{background-position:-52px -922px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0); progid:DXImageTransform.Microsoft.Alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.toolbar .layer{background:#e60012; width:25px;overflow:hidden;display:inline-block;padding:20px 14px;text-align:center;cursor:pointer; color: #fff;}

.layer-view{display:none;}
.layer-view .title{width: 450px;height:30px;line-height:30px;margin:10px auto 0;display:inline-block;text-align:left;}
.layer-view .title span{color:#ce1215;font-size:14px; display: block; text-align: center;}
.layer-view form{width:440px;height:210px;margin:30px auto;text-align:center;}
.layer-view form i{color:red;}
.layer-view form div{height:40px;  margin: 18px 12px;line-height:40px;text-align:right;}
.layer-view form div label{color: #333; font-size: 14px;}
.layer-view form input{width:250px;height:16px;padding-left:10px; border: solid 1px #cccccc; margin-left: 10px;  margin-right: 65px; vertical-align: middle; padding: 10px 5px;}
.layer-view form input:focus {border-color:#0075b5;}
.layer-view form span{font-size:12px;display:inline-block; color: #666;}
.layer-view form .submit{width:270px;height:40px;line-height:40px;margin-top:20px;text-align:center;border-radius:5px;background:#fff;outline:none;cursor:pointer;font-size:16px;  margin-left: 10px; background: #e4393c; color: #fff; display: block; text-align: center; margin-left: 90px;}
.layer-view form .submit:hover{background:#ce1215;border:none;}
.layui-layer-title{padding:none !important;font-size:21px !important;text-align:center;line-height:6px !important; }
.layui-layer-title p{margin-left:50px; line-height: 42px; color: #333;}

.wrap .div-more{ text-align:center; padding:0px 0px 20px;}
.button {width: 170px; height: 32px; margin: 0 auto; position: relative; z-index: 1;display: block;    overflow: hidden; text-align: center;  border:1px solid #ff3333; border-radius: 15px; line-height: 32px; font-size: 14px;
    background: none;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
}
  .button.button--aylen {
    background: #fff;
     color:#ff3333;
    overflow: hidden;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;

}

.button--aylen::before,
.button--aylen::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--aylen::before {
  background: #fa8c8c;
}
.button--aylen::after {
  background: #ff3333;
}
.button--aylen:hover {
  color: #fff;
}
.button--aylen:hover::before,
.button--aylen:hover::after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.button--aylen:hover::after {
  -webkit-transition-delay: 0.175s;
  transition-delay: 0.175s;
}



/*Page */
.Page{width:100%; text-align:right; padding:20px 0px 50px 0px;clear:both; margin: 0 auto;}
.Page b{font-weight: normal; padding-right: 10px;}
.Page a{display:inline-block;padding:0px 15px;background:#ffffff;height:28px; vertical-align:middle; line-height:28px; font-size:12px; border:1px solid #e5e5e5; margin-left:-5px}
.Page a:hover{ background:#e60012; color:#FFF}
.Page a.cur{ background:#e60012; color:#FFF}
.Page a.Prev{ border-radius:6px 0px 0px 6px; padding: 0px 15px 0px 10px;}
.Page a.next{ border-radius:0px 6px 6px 0px; padding: 0px 10px 0px 15px;}


/* crumbs */
.crumbs{width: 1200px; margin: 0 auto; font-size: 14px;}
.crumbs em{padding: 0px 5px;}
.crumbs span{color: #999;}
.wrp-pc{position: relative; height: 40px; width: 1200px; margin: 0 auto;}
.wrp-pc .crumbs{position: absolute; width: 500px; left: 0px; top: 15px;}
.wrp-pc .Page{position: absolute; width: 500px; right: 16px;  padding: 0px;}

/* index */
.slide-banner {position:relative; height:560px; overflow:hidden; min-width: 1200px;  margin-top: 100px;}
.slide-banner .slides {position:relative; z-index:1;}
.slide-banner .slides li {width:100%; min-width: 1200px; text-align:center; overflow: hidden; height: 560px;}
.slide-banner .slides li a {width:100%; height:100%; display: block;}
.slide-banner .slides li img{position: absolute;display: block; margin: 0 auto; left: 50%; margin-left: -950px;}
.slide-banner .flex-control-nav {width:100%; position:absolute; bottom:10px; left:0; text-align:center; z-index:2;}
.slide-banner .flex-control-nav li {display:inline-block; *display:inline; *zoom:1; width:24px; height:24px; margin:0 2px;}
.slide-banner .flex-control-nav li a {display:inline-block; width:24px; height:24px; line-height:400px; overflow:hidden; cursor:pointer; background:url(../images/home/banner-act.png) -24px 0px no-repeat; }
.slide-banner .flex-control-nav .flex-active {background:url(../images/home/banner-act.png) 0px 0px no-repeat; }
.wrap{margin: 0 auto; width: 100%; min-width: 1200px;}
.wrap .title-box{height: 110px; background:url(../images/title-bg1.png) no-repeat center; width: 360px; margin: 0 auto; text-align: center;}
.wrap .title2-box{height: 110px; background:url(../images/title-bg2.png) no-repeat center; width: 360px; margin: 0 auto; text-align: center;}
.wrap .p-title{height: 40px; line-height: 40px; font-size: 20px; border-bottom: solid 1px #ccc; color: #121212;}
.wrap .p-title span{color: #999;}
.wrap .p-title .more{font-size: 14px;}
.wrap .p-title .more:hover{color: #ec0000; }
.wrap .c-v1{width: 1200px; margin: 0px auto 0px auto;   overflow: hidden; padding-top: 50px; }
.wrap .c-v1 .d-icon{width: 1050px; margin: 0 auto; overflow: hidden; padding: 35px 0px;}
.wrap .c-v1 .d-icon a{float: left; text-align: center; width: 175px; text-align: center;}
.wrap .c-v1 .d-icon a p{font-size: 14px; color: #333; padding: 10px 0px;}
.wrap .c-v2{width: 100%; min-width: 1200px; height: 775px; background:#fbf8f8 url(../CBDimg/bg01.png) no-repeat center;}
.wrap .c-vs1{width: 100%; min-width: 1200px; height: 795px; background: #fff; overflow-x: hidden; overflow-y: hidden; }
.wrap .c-vs1 .dl-text{margin: 275px 0px 0px 0px; position: relative;}
.wrap .c-vs1 .dl-text dt{font-size: 30px; color: #ff3333;  padding-bottom: 25px;}
.wrap .c-vs1 .dl-text dd{font-size: 18px; color: #333; line-height: 36px;}
.wrap .c-vs1 .dl-text dd .dv-text{font-size: 16px; color: #666; padding-top: 15px;}
.wrap .c-vs1 .dl-text dd .dv-text p b{width: 10px; height: 10px; border-radius: 10px; background: #ff3333; display: inline-block; margin-right: 5px;}
.wrap .c-vs1 .d-img{margin: 130px 0px 0px 50px; position: relative; width: 760px; height: 570px; position: relative;}
.wrap .c-vs1 .d-img img.img1{position: absolute; left: 0px; top: 75px;}
.wrap .c-vs1 .d-img img.img2{position: absolute; right: 0px; top:0px;}

.wrap .c-vs2{width: 100%; min-width: 1200px; height: 795px; background: #fff; overflow-x: hidden; overflow-y: hidden;  }
.wrap .c-vs2 .dl-text{margin: 275px 0px 0px 0px;}
.wrap .c-vs2 .dl-text dt{font-size: 30px; color: #ff3333;  padding-bottom: 25px;}
.wrap .c-vs2 .dl-text dd{font-size: 18px; color: #333; line-height: 36px;}
.wrap .c-vs2 .dl-text dd .dv-text{font-size: 16px; color: #666; padding-top: 15px;}
.wrap .c-vs2 .dl-text dd .dv-text p b{width: 10px; height: 10px; border-radius: 10px; background: #ff3333; display: inline-block; margin-right: 5px;}
.wrap .c-vs2 .d-img{margin: 130px 0px 0px 0px; position: relative; width: 760px; height: 570px;}
.wrap .c-vs2 .d-img img.img1{position: absolute; left: 0px; top: 75px;}
.wrap .c-vs2 .d-img img.img2{position: absolute; right: 0px; top:0px;}
/* .wrap .c-v4{background:#fbf8f7 url(../images/home/bg-v1.png) no-repeat center;}
.wrap .c-v6{background:#fdf9f9 url(../images/home/bg-v2.png) no-repeat center;} */
.wrap .c-v4{background:#cee1f3;}
.wrap .c-v6{background:#cee1f3;}
.wrap .p-title2{text-align:center;font-size:28px;padding-bottom:10px;color: #717171;; font-weight: normal;}
.wrap .p-title2 .st1{color: #717171;}
.wrap .p-title2 .st2{color: #ff3333;}


.wrap .c-v7{ margin-top: 70px; min-width: 1200px; min-height: 320px;}
.wrap .c-v7 .slides li a{ position: relative;display:block;width:208px;text-align:center;float:left; border:solid 1px #e6e6e6; overflow: hidden; margin-right: 20px; margin-bottom: 20px; text-align: center; height: 80px;}
.wrap .c-v7 .slides li a img{width: 180px; height: 80px;}
.wrap .c-v7 .slides-logo {width:1200px; height:200px; position:relative; margin:30px auto 0px auto;}
.wrap .c-v7 .slides-logo .slides {position:relative; z-index:1; width: 1150px; margin-left: 30px;}
.wrap .c-v7 .slides-logo .slides li.item {height:200px;}
.wrap .c-v7 .slides-logo .flex-control-nav {width:100%; position:absolute; bottom:10px; left:0; text-align:center; z-index:2;}
.wrap .c-v7 .slides-logo .flex-control-nav li {display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0 5px;}
.wrap .c-v7 .slides-logo .flex-control-nav li a {display:inline-block; width:12px; height:12px; line-height:400px; overflow:hidden; cursor:pointer; background:#B3B3B3; border-radius:50%;}
.wrap .c-v7 .slides-logo .flex-control-nav .flex-active {background:#DE4013;}
.wrap .c-v7 .slides-logo .flex-direction-nav li a {display:block; width:40px; height:80px; position:absolute; top:60px; z-index:3; overflow:hidden; cursor:pointer;  font-size:75px; color:#dedede; text-align:center; line-height:80px; font-family: "\5b8b\4f53";}
.wrap .c-v7 .slides-logo .flex-direction-nav li a:hover {color:#666; transition:background 0.5s;}
.wrap .c-v7 .slides-logo .flex-direction-nav li a.flex-prev {left:-80px; }
.wrap .c-v7 .slides-logo .flex-direction-nav li a.flex-next {right:-70px;}


/* .footlist-con,.solution{width:1200px;min-width: 1200px; margin:0 auto; margin-bottom: 80px} */
.c-v8{margin-top: 40px;}
.viewNews{background: #f8f8f8; width: 100%; min-width: 1200px;  padding: 50px 0px;}
.viewNews .view-News-list{ width: 1200px; margin: 0 auto; padding: 50px 0px 40px 0px;}
.viewNews .view-News-list ul{overflow: hidden; clear: both;}
.viewNews .view-News-list ul li{float: left;line-height: 30px; overflow: hidden; width:580px;  margin:0px 20px 20px 0px;  background: #fff;}
.viewNews .view-News-list ul li a{font-size:14px; max-height: 100px; display: block; overflow: hidden; }
.viewNews .view-News-list ul li a span{position: relative; font-size: 14px;color:#999; float: left; width: 120px; height: 100px; overflow: hidden;}
.viewNews .view-News-list ul li a span img{position: absolute; top: 0px; left: -5px; width: 105%; height: 100%; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; }
.viewNews .view-News-list ul li a .d-text{float: left; width: 380px; padding: 0px 20px;}
.viewNews .view-News-list ul li a .d-text h3{color: #333; padding-top: 5px; display: block; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; font-size: 14px;}
.viewNews .view-News-list ul li a:hover h3{color: #666;}
.viewNews .view-News-list ul li a:hover p{color: #333;}
.viewNews .view-News-list ul li a .d-text p{line-height: 24px; font-size: 12px; max-height: 48px; overflow: hidden; text-align:justify; text-justify:inter-ideograph;}
.viewLinks-bg{background: #333; padding:10px 0px;overflow: hidden;}
.viewLinks{width:1200px;min-width: 1200px;margin:0 auto; padding: 15px 0px;}
.viewLinks .p-link{font-size: 16px; color: #fff; font-weight: bold;}
.viewLinks .viewLinks-con{padding-top: 10px;}
.viewLinks .viewLinks-con a{ font-size: 14px; color: #aaa; padding-bottom: 6px;  display: inline-block;}
.viewLinks .viewLinks-con .h-line{padding: 0px 4px;color: #555;}
.viewLinks .viewLinks-con a:hover{color:#ff3333}
.footlist-con{margin-bottom:0px;border-bottom: 1px dashed #666;padding-bottom: 15px;margin-bottom: 15px}
.footlist-con p{text-align: center}
.footlist-con p a{color:#999;}

/* wisdomWork */
.c-view{margin: 50px 0px 40px 0px; overflow: hidden;}
.c-view .h2-title{padding: 15px 10px; background: #f2f2f2; font-size: 22px; color: #333;}
.c-view .h2-title .b2{color: #ff3333;}
.c-view .h2-title em.em1{padding: 0px 0px 0px 10px;}
.c-view .h2-title em.em2{font-size: 20px;}
.c-view .h2-title span{font-size: 16px; color: #ff3333;}
.c-view .row-text{padding: 15px 0px; font-size: 14px; line-height: 28px; color: #333;}
.c-view .row-text .pt{padding-top: 15px;}
.w-bg{width: 100%; min-width: 1200px; height: 600px; background: #fff url("../images/wisdomWork/img02.jpg") center no-repeat;}
.img{text-align: center;}
/* intelligentHardware */
.dt-list{overflow: hidden;}
.dt-list dl{margin: 32px 0px 0px 0px; width: 1100px; margin-left: 50px; overflow: hidden;}
.dt-list dl dd{float: left; width: 234px; border:solid 1px #ddd; text-align: center;   -webkit-border-top-left-radius:25px; border-top-left-radius:25px; overflow: hidden;     margin-left: 30px; padding-bottom: 5px;}
.dt-list dl dd p.pt{height: 60px; line-height: 60px; background: #fffaf6; font-size: 18px; color: #333;}
.dt-list dl dd p.pt i{display: inline-block; width: 40px; height: 40px;  background: #fff url("../images/intelligentHardware/icon-intelligent.png") no-repeat; float: left; margin: 10px 8px 0px 55px;}
.dt-list dl dd p.pt span{float: left;}
.dt-list dl dd p.pt i.icon1{background-position: 0px 0px;}
.dt-list dl dd p.pt i.icon2{background-position: 0px -65px;}
.dt-list dl dd p.pt i.icon3{background-position: 0px -145px;}
.dt-list dl dd p.pt i.icon4{background-position: 0px -206px;}
.dt-list dl dd p.pb{line-height: 26px; color: #666; padding: 0px 0px 15px 0px;}
.dt-list dl dd .d-img{width: 234px; height: 115px; position: relative; display:block;   display: table-cell;    vertical-align: middle;  border-collapse:separate; *width:auto; *zoom:1; text-align: center;}
 .dt-list dl dd .d-img2{width: 234px; height: 115px; position: relative; display:block;   display: table-cell;    vertical-align: middle;  border-collapse:separate; *width:auto; *zoom:1; text-align: center;}
 .dt-list dl dd .d-img2 .d-img-2{float: left; width: 50%; text-align: center;}
 .dt-list dl dd .d-img2 .d-img-2 p{width: 116px; height: 115px; position: relative; display:block;   display: table-cell;    vertical-align: middle;  border-collapse:separate; *width:auto; *zoom:1; text-align: center;}
 .dt-list dl dd .d-img2 .d-img-2  span{display: block; line-height: 18px;color: #666;padding: 0px 0px 5px 0px; }
 .dt-list dl dd .d-img2 .d-img-2  span.pb2{display: block; line-height: 18px;color: #666;padding: 0px 0px 23px 0px; }

.dul-list{overflow: hidden; width: 1100px; margin-left: 60px;}
.dul-list li{float: left; width: 188.5px; border: solid 1px #ddd; overflow: hidden; margin: 20px 0px 0px 20px;}
.dul-list li .d-img{width: 183px; height: 130px; position: relative; display:block;   display: table-cell;    vertical-align: middle;  border-collapse:separate; *width:auto; *zoom:1; text-align: center;}
.dul-list li p{width: 100%; height: 32px; border-top: solid 1px #ddd; background: #f5f5f5; text-align: center; line-height: 32px; color: #333;}

.d-pro{padding: 50px 0px 30px 0px; border-bottom: dashed 1px #ddd; overflow: hidden;}
.d-pro .fl-img{margin-top: 35px;}
.d-pro .fl-table {margin-left: 45px;}
.d-pro .fl-table h2{font-size: 28px; color: #333;}
.d-pro .fl-table table{margin-top: 20px;}
.d-pro .fl-table table tr td{font-size: 16px; padding: 8px 25px 8px 0px; line-height: 30px;}
.d-pro .fl-table table tr td.td1{color: #333;} 
.d-pro .fl-table table tr td.td2{color: #666;}

/* solution */
.sol-text{padding: 10px 0px;}
.sol-text .d-text{width: 815px; line-height: 26px; font-size: 14px; color: #333; margin:15px 0px 0px 40px;}
.sol-text .d-text p{text-indent: 30px; padding-bottom: 10px;}
.solution .d-icon{width: 1050px; margin: 0 auto; overflow: hidden; padding: 35px 0px;}
.solution .d-icon a{float: left; text-align: center; width: 175px; text-align: center;}
.solution .d-icon a div.d-img{width: 125px; height: 125px; border: solid 1px #ddd; border-radius: 120px; line-height: 120px; text-align: center; margin: 0 auto;}
.solution .d-icon a div.d-img img{margin-top: 31.5px;}
.solution .d-icon a p{font-size: 14px; color: #333; padding: 10px 0px; font-weight: bold;}
.sol-v1{height: 580px; background: #fff; overflow-x: hidden; overflow-y: hidden;  }
.sol-v1 .dl-text{margin: 65px 40px 0px 0px; width: 390px;}
.sol-v1 .dl-text dt{font-size: 30px; color: #ff3333;  padding-bottom: 25px;}
.sol-v1 .dl-text dd{font-size: 18px; color: #333; line-height: 36px;}
.sol-v1 .dl-text dd .dv-text{font-size: 16px; color: #666; padding-top: 15px;}
.sol-v1 .dl-text dd .dv-text p b{width: 10px; height: 10px; border-radius: 10px; background: #ff3333; display: inline-block; margin-right: 5px;}
.sol-v1 .d-img{position: relative; height: 480px;}
.sol-v1 .d-img img.img2{position: absolute; left: 20px; top: 40px;}
.sol-v2{height: 600px; background: #fff; overflow-x: hidden; overflow-y: hidden;  padding: 40px 0px; }
.sol-v2 .dl-text{margin: 150px 0px 0px 40px; width: 390px;}
.sol-v2 .dl-text dt{font-size: 30px; color: #ff3333;  padding-bottom: 25px;}
.sol-v2 .dl-text dd{font-size: 18px; color: #333; line-height: 36px;}
.sol-v2 .dl-text dd .dv-text{font-size: 16px; color: #666; padding-top: 15px;}
.sol-v2 .dl-text dd .dv-text p b{width: 10px; height: 10px; border-radius: 10px; background: #ff3333; display: inline-block; margin-right: 5px;}
.sol-v2 .d-img{position: relative;width: 700px; height: 580px;}
.sol-v2 .d-img img.img2{position: absolute; left: 20px; top: 5px;}
.sol-v2 .d-img img.img1{position: absolute; right: 40px; top: 260px;}

.dl-list{overflow: hidden; width: 1050px;  margin-left: 140px;}
.dl-list dd{ float: left; width: 250px; margin-right: 40px; margin-bottom: 20px; border: solid 1px #ddd; min-height: 240px;}
.dl-list dd .p-img{text-align: center; border-bottom: solid 1px #ddd; padding: 15px 0px;}
.dl-list dd h2{padding: 15px 15px 5px 15px; font-size: 16px; font-weight: bold;}
.dl-list dd .p-text{padding: 5px 15px; line-height: 26px; font-size: 14px;}
.sol-pt{font-size: 16px; padding: 10px 100px;}
.wrow-text{overflow: hidden; margin: 30px 120px;}
.wrow-text .item{border-bottom: dashed 1px #ddd; overflow: hidden; padding: 30px 0px;}
.wrow-text .item .f-img{margin: 20px 20px 0px 0px;}
.wrow-text .item .dl-text dt{font-size: 16px; color: #333;  padding-bottom: 15px;}
.wrow-text .item .dl-text dd{font-size: 14px;color: #666; line-height: 30px; }
.wrow-text .item .dl-text dd p{width: 300px;}
.ds-text{overflow: hidden; margin: 30px 0px 50px 0px;}
.ds-text .d-line{overflow: hidden;}
.ds-text .d-line .line{float: left;border-left: solid 4px #fff1e7; padding-left: 20px; height: 240px; margin-top: 20px; margin-left: 20px;}
.ds-text .d-line dl{float: left;}
.ds-text .d-line dl dd{position: relative; line-height: 40px; font-size: 14px; color: #666;}
.ds-text .d-line dl dd span{position: absolute; left: -31px; top: 10px; width: 18px; height: 18px; background: #ffe4d0; border-radius: 18px;}
.ds-text .d-line dl dd span i{position: absolute; width: 8px; height: 8px; border-radius: 8px; top: 5px; left: 5px; background: #ff3333;}
.ds-text .d-line dl.dl2 dd{line-height: 30px; padding-bottom: 10px;}
.ds-text .d-line dl.dl2 dd .p1{font-size: 16px; color: #333;}
.ds-text .d-line dl.dl2 dd .p2{font-size: 14px; color: #666; padding-left: 40px;}
table.s-table{width: 100%; overflow-x: scroll;  font-family: \5fae\8f6f\96c5\9ed1, Arial, \5b8b\4f53, sans-serif;font-size:14px;color:#333;border-collapse: collapse;}
table.s-table th {padding: 0px 8px; font-weight: normal; height: 36px;border:1px solid #ddd;  background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f2f2f2',GradientType=0 );}
table.s-text-center th{text-align: center}
table.s-table th span.s-tis{color: #999; font-size: 12px;}
table.s-table td.t-left{text-align: left;}
table.s-table th.t-center{text-align: center;}
table.s-table td {padding: 8px 15px;text-align: center; color: #666; font-size: 16px; border:1px solid #ddd;}
table.s-table td.line-h{line-height: 54px;} 
table.l-table td{text-align: left; line-height: 30px;}
table.l-table td.td1{text-align: center; background: #f8f8f8; color: #333; font-size: 16px;}
.d-tab{width: 990px; margin: 20px auto; border:solid 1px #ddd;}
.d-tab p{height: 44px; border-bottom: solid 1px #ddd;}
.d-tab p span{float: left; height: 44px; line-height: 44px; font-size: 18px; color: #333; }
.d-tab p span.sp1{width: 200px; text-align: center; background: #d9d9d9;}
.d-tab p span.sp2{width: 790px; text-align: center;}
.wd{width: 1050px;  margin: 30px auto; overflow: hidden;}
.wd .tv{float: left; width: 302px; border: solid 1px #ddd; margin: 0px 10px 0px 30px;}
.wd .tv p{border-bottom: solid 1px #ddd; background: #fffaf6; text-align: center; font-size: 14px; padding: 10px 10px;}
.wd .tv dl{padding: 10px 15px; line-height: 26px; min-height: 240px; }
.wd .tv dl dt{font-size: 14px; color: #333;}

 /*function */
.wrap-function .view-page1{width: 100%; min-width: 1200px; height: 825px; background: url("../images/bg-gn01.jpg") center no-repeat;}
.wrap-function .view-page1 .dl-text{float: left; width: 465px; padding: 135px 80px; float: left; color: #fff;  line-height: 30px;}
.wrap-function .view-page1 .dl-text dt{padding-bottom: 15px; }
.wrap-function .view-page1 .dl-text dt h2{font-weight: normal; font-size: 36px; }
.wrap-function .view-page1 .dl-text dd{font-size: 16px; margin-bottom: 60px;}
.wrap-function .view-page1 .div-img{float: left; margin: 62px 0px 0px 0px;  width: 456px; height: 700px; position: relative;}
.wrap-function .view-page1 .div-img .img1{position: absolute;  right: 50px;}
.wrap-function .view-page1 .div-img .img2{position: absolute; left: -25px; bottom: 0px;}

.wrap-function .view-page2{width: 100%; min-width: 1200px; height: 830px; background:#f8f8f8;}
.wrap-function .view-page2 .dl-text{float: left; width: 465px; padding: 135px 40px; float: left; color: #333;  line-height: 30px;}
.wrap-function .view-page2 .dl-text dt{font-size: 36px; padding-bottom: 15px; }
.wrap-function .view-page2 .dl-text dt h2{font-size: 36px; font-weight: normal;}
.wrap-function .view-page2 .dl-text dd{font-size: 16px; margin-bottom: 60px;}
.wrap-function .view-page2 .div-img{float: left; margin: 40px 0px 0px 40px;  width: 456px; height: 700px; position: relative;}
.wrap-function .view-page2 .div-img .img1{position: absolute;}
.wrap-function .view-page2 .div-img .img2{position: absolute; right: 40px; bottom: 0px;}

.wrap-function .view-page3{width: 100%; min-width: 1200px; height: 830px; background: url("../images/bg-gn02.jpg") center no-repeat;}
.wrap-function .view-page3 .dl-text{float: left; width: 465px; padding: 80px 82px; float: left; color: #fff;  line-height: 30px;}
.wrap-function .view-page3 .dl-text dt{font-size: 36px; padding-bottom: 15px; }
.wrap-function .view-page3 .dl-text dt h2{font-size: 36px; font-weight: normal;}
.wrap-function .view-page3 .dl-text dd{font-size: 16px; margin-bottom: 60px;}
.wrap-function .view-page3 .div-img{float: left; margin: 10px 0px 0px 0px;  width: 456px; height: 700px; position: relative;}
.wrap-function .view-page3 .div-img .img1{position: absolute;}
.wrap-function .view-page3 .div-img .img2{position: absolute; left: -25px; bottom: 0px;}

.wrap-function .view-page4{width: 100%; min-width: 1200px; height: 830px; background:#f8f8f8;}
.wrap-function .view-page4 .dl-text{float: left; width: 465px;  padding: 95px 40px; float: left; color: #333;  line-height: 30px;}
.wrap-function .view-page4 .dl-text dt{ padding-bottom: 15px; }
.wrap-function .view-page4 .dl-text dt h2{font-size: 36px; font-weight: normal;}
.wrap-function .view-page4 .dl-text dd{font-size: 16px; margin-bottom: 60px;}
.wrap-function .view-page4 .div-img{float: left; margin: 60px 0px 0px 40px;width: 456px; height: 700px; position: relative;}
.wrap-function .view-page4 .div-img .img1{position: absolute;}
.wrap-function .view-page4 .div-img .img2{position: absolute; right: 40px; bottom: 0px;}

.wrap-function .view-page5{width: 100%; min-width: 1200px; height: 840px; background: url("../images/bg-gn03.jpg") center no-repeat;}
.wrap-function .view-page5 .dl-text{float: left; width: 465px; margin: 90px 60px 10px 60px; float: left; color: #fff;  line-height: 30px;}
.wrap-function .view-page5 .dl-text dt{font-size: 36px; padding-bottom: 15px; }
.wrap-function .view-page5 .dl-text dt h2{font-size: 36px; font-weight: normal;}
.wrap-function .view-page5 .dl-text dd{font-size: 16px; margin-bottom: 60px;}
.wrap-function .view-page5 .div-img{float: left; margin: 60px 0px 0px 0px;  width: 456px; height: 700px; position: relative;}
.wrap-function .view-page5 .div-img .img1{position: absolute;}
.wrap-function .view-page5 .div-img .img2{position: absolute; left: -25px; bottom: 0px;}

/*serve */
.wrap-serve .view-module1{width: 100%; min-width: 1200px; height: 585px; background: url("../images/fw-bg01.jpg") center no-repeat;}
.wrap-serve .view-module1 .m-content .div-title{padding: 80px 0px 45px 0px; color:#fff; text-align: center;}
.wrap-serve .view-module1 .m-content .div-title .p-title1{padding-bottom:10px; font-weight: normal; font-size: 28px;}
.wrap-serve .view-module1 .m-content .div-title .p-line{height:2px;background:#e52534;margin:0 auto;width:42px;display:block;margin-top:8px}
.wrap-serve .view-module1 .m-content .div-title .p-title2{font-weight:normal;font-size:14px; margin-top: 10px; color: #f5f5f5; }
.wrap-serve .view-module1 .m-content ul.ul-serve{overflow: hidden; }
.wrap-serve .view-module1 .m-content ul.ul-serve li{float:left;    width: 33.333333333%; *width: 33.2222%; min-height: 100px; padding: 25px 0px 10px 0px; position: relative;   overflow: hidden;}
.wrap-serve .view-module1 .m-content ul.ul-serve li p{ min-height: 100px; text-align: center; color: #fff;}
.wrap-serve .view-module1 .m-content ul.ul-serve li .l-p{position: relative;height: 160px; line-height: 160px; overflow: hidden; }
.wrap-serve .view-module1 .m-content ul.ul-serve li p i{color: #fff; font-size:16px;  margin: 15px 0px 20px 0px; font-weight: bold; display: block;}
.wrap-serve .view-module1 .m-content ul.ul-serve li p span{font-size: 14px; display: block; color: #f5f5f5;}

.wrap-serve .view-module2{width: 100%; min-width: 1200px; height: 795px; background: #fff;}
.wrap-serve .view-module2 .m-content .div-title{padding: 118px 0px 42px 0px; color:#333; text-align: center;}
.wrap-serve .view-module2 .m-content .div-title .p-title1{font-size:28px;padding-bottom:10px; font-weight: normal;}
.wrap-serve .view-module2 .m-content .div-title .p-line{height:2px;background:#e52534;margin:0 auto;width:42px;display:block;margin-top:8px}
.wrap-serve .view-module2 .m-content .qq-iphone{width: 245px; margin: 0 auto; font-size: 18px; line-height: 30px; color: #666;}
.wrap-serve .view-module2 .m-content .qq-iphone span{color: #333;}
.wrap-serve .view-module2 .m-content .div-fw-img{text-align: center; margin-top: 30px;}
.button--wapasha{width: 200px; height: 50px; background: #ff3333; display: block; margin: 20px auto; font-size: 18px; border-radius: 10px; text-align: center; line-height: 50px; color: #fff; cursor: pointer; 
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
        -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
.button--wapasha:hover{background-color: #fff; color: #ff3333; height: 48px;}

.button--wapasha::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 196px;
    height: 46px;
    border: 2px solid #ff3333;
    z-index: -1;
    border-radius: inherit;
    opacity: 0;
    -webkit-transform: scale3d(0.6, 0.6, 1);
    transform: scale3d(0.6, 0.6, 1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--wapasha:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}
.wrap-serve .view-module3{width: 100%; min-width: 1200px; height: 890px;  background: url("../images/fw-bg03.jpg") center no-repeat;}
.wrap-serve .view-module3 .m-content .div-title{padding: 75px 0px 42px 0px; color:#39434e; text-align: center;}
.wrap-serve .view-module3 .m-content .div-title .p-title1{font-size:41px;padding-bottom:10px; height: 45px; font-weight: normal;}
.wrap-serve .view-module3 .m-content .div-title .p-title2{font-size: 16px;}

/* case */
.casebg {background:#f3f3f3;}
.banner-img{height:400px;width:100%;background:url("../images/banner-img01.jpg") no-repeat center;min-width:1200px; margin: 100px 0px 30px 0px;}
.banner-bq{height:400px;width:100%;background:url("../images/banner-bq.jpg") no-repeat center;min-width:1200px; margin: 100px 0px 30px 0px;}
.banner-use{height:400px;width:100%;background:url("../images/banner-use.jpg") no-repeat center;min-width:1200px; margin: 100px 0px 30px 0px;}
.case {width:1200px; margin:0 auto;  position:relative; left: -16px;}
.case .caseList {position: relative;width:350px;background:#fff; float:left; margin: 9px 0px 9px 16px; box-shadow:0px 0px 2px 2px #e9e9e9;  overflow: hidden;}
.case .caseList:hover {box-shadow:0px 0px 2px 2px #ccc;}
.case .caseList:before{
    content: "";
    position: absolute;
    width: 80px;
    height: 416px;
    top: 0;
    right: -160px;
    overflow: hidden;
    background: -moz-linear-gradient(right,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
    background: -webkit-gradient(linear,right top,left top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(right,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
    background: -o-linear-gradient(right,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);}
.case .caseList:hover::before{-webkit-transition:right 1s;-moz-transition:right 1s;transition:right 1s;right:460px}
@-webkit-keyframes tick-tock{to{-webkit-transform:rotate(180deg) translate3d(0,0,0)}}
.case .caseList .caseImg {width:335px; height:314px; overflow:hidden; margin: 5px auto 0px auto;}
.case .caseList .caseTil {height:30px; line-height:30px; margin-top:15px; font-size:18px; color:#121212; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding: 5px 10px;}
.case .caseList .caseTxt {height:36px; line-height:18px; color:#666; font-size:12px; margin-top:10px; overflow:hidden;  padding: 5px 10px;}
.case .caseList .caseImg img {width:100%; height:100%;transition:all 0.8s;}
.case .caseList .caseImg img:hover{ -webkit-transform:scale(1.5);-moz-transform: scale(1.5);-o-transform:scale(1.5); }


/* news */
body.news{background: #f3f4f5;}
body.news .wrp-pc .Page{right: 0px;}
body.news .wrp-pc .crumbs{top: 0px;}
/* .solution{overflow: hidden; margin-top: 5px;} */
.solution .solution-right-con{width: 1200px;}
.solution .solution-right-con h3{display: block;font-size: 18px;text-align: center;line-height: 40px;border-bottom: 1px dashed #ccc;}
.solution .solution-right-con .solution-content{padding: 5px 35px;font-size: 14px;line-height: 26px; background: #fff; border: solid 1px #e8e8e8; }
.solution .solution-left-nav .active{background: #e60012; }
.solution .solution-left-nav .active a{color: #fff;}
.solution .solution-right-con .solution-content ul li{line-height: 40px;border-bottom: 1px dashed #ccc;  clear: both; overflow: hidden;  padding:30px 0px;}
.solution .solution-right-con .solution-content ul li .fr-text-left{float: left; width: 856px; }
.solution .solution-right-con .solution-content ul li .fr-text-left p{line-height: 25px; font-size: 14px; color: #999; max-height: 50px; overflow: hidden; padding: 3px 0px;}
.solution .solution-right-con .solution-content ul li .fr-text-left .a-details{font-size: 14px; color: #666;}
.solution .solution-right-con .solution-content ul li .fr-text-left .a-details:hover{color:#e60012;}
.solution .solution-right-con .solution-content ul li a{display: block; font-size: 20px; color: #333;}
.solution .solution-right-con .solution-content ul li a:hover{color:#e60012;}
.solution .solution-right-con .solution-content ul li span{float: left; width: 130px; height: 110px; display: block;  margin:10px 40px 0px 0px; }
.solution .solution-right-con .solution-content ul li span img{width: 100%; height: 100%; border-radius: 8px;}


/* case.details */
.wrap-details .editor{overflow: hidden;}
.wrap-details .editor .t-text{padding: 25px 0px 30px 0px; border-bottom: solid 1px #ccc; text-align: center;}
.wrap-details .editor .t-text .t-h1{font-size: 18px; color: #333;}
.wrap-details .editor .t-text p{color: #666;font-size: 14px; padding-bottom: 15px;}
.wrap-details .editor .t-text p span{padding-right: 10px;}
.wrap-details .editor .t-text p span em{padding: 0px 5px;}
.wrap-details .editor .editor-content{font-size: 16px;}
.wrap-details .editor .prv-next{min-width: 1200px; font-size: 16px;   padding: 40px 0px 50px 0px;}
.wrap-details .editor .prv-next b{font-weight: normal;}

.foot-case{width:100%;   overflow: hidden; background: #f8f8f8; padding: 30px 0px 40px 0px;}
.wrap-details .f-case{width: 100%; overflow: hidden; margin-top:10px;}
.wrap-details .f-case a{position: relative; display: block; width:356px; height: 310px;  float: left; overflow: hidden; background: #fff; box-shadow:0px 0px 2px 2px #e9e9e9;     margin: 5px;}
.wrap-details .f-case a:hover{box-shadow:0px 0px 2px 2px #ccc;}
.wrap-details .f-case a img{transition: all 0.8s;}
.wrap-details .f-case a img:hover{-webkit-transform:scale(1.2);-moz-transform: scale(1.2);-o-transform:scale(1.2); }
.wrap-details .view-case-list{width: 1200px; margin: 0 auto;   }
.wrap-details .view-case-list .f-pt{margin: 10px 0px;  overflow: hidden;}
.wrap-details .view-case-list .f-case a.two-case{margin-left: 6px;}
.wrap-details .view-case-list .f-case .p-img{width: 340px; height: 240px; overflow: hidden; margin: 8px auto 0px auto; }
.wrap-details .view-case-list .f-case a span{ height: 40px; line-height: 40px; padding:10px; width: 100%; font-size: 18px; color: #333; display: block; }
.wrap-details .view-case-list b{ float: left; font-size: 20px;  color: #333; font-weight: normal;}
.wrap-details .view-case-list .line{float: left; width: 4px; height: 20px; background: #fe3432; margin: 1px 8px 0px 0px;}
.wrap-details .view-case-list .r-case{width: 740px; float: left;}
.wrap-details .view-case-list .l-new{width: 355px; float: left; margin: 10px 5px 0px 0px;}
.wrap-details .view-case-list .l-new .link-new{float: left; background: #fff; margin-top: 5px; height: 298px; overflow: hidden; width: 355px;     padding-top: 12px;}
.wrap-details .view-case-list .l-new .link-new a{display: block; font-size: 14px; color: #666;     padding: 6px 25px 6px 20px; overflow: hidden;}
.wrap-details .view-case-list .l-new .link-new a span{float: left; max-width: 235px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.wrap-details .view-case-list .l-new .link-new a i{float: right; font-family: "\5b8b\4f53";}

/* help */
.wrap-help .tab-nav{width: 300px; margin: 0 auto; overflow: hidden; }
.wrap-help .tab-nav .s-nav{float: left; width: 120px; text-align: center; height: 35px; border-radius: 30px; line-height: 35px;  background: #fff; margin-left: 20px; cursor: pointer; font-size: 14px; border: solid 1px #ff3333; color: #ff3333; }
.wrap-help .tab-nav  .act{background: #ff3333; color: #fff;}
.wrap-help .main-content{font-size: 16px; color: #666;}
.wrap-help .main-content .t-h2{font-size: 22px; color: #333; font-weight: normal; text-align: center; padding: 80px 0px 30px 0px;}
.wrap-help .main-content .content-text{padding-bottom: 100px;}
.wrap-help .main-content .content-text p{ line-height: 35px; text-align:justify; text-justify:inter-ideograph;}
.wrap-help .main-content .content-text span{display: block;  padding: 50px 0px 10px 0px;color: #333; font-weight: bold;}


/* about */
.wrap-about .view-module1{width: 100%; min-width: 1200px; height: 645px; background: url("../images/about01.jpg") center no-repeat;}
.wrap-about .view-module1 .m-content .div-title{padding: 75px 0px 35px 0px; color:#fff; text-align: center;}
.wrap-about .view-module1 .m-content .div-title .p-title1{font-size:28px;padding-bottom:10px;}
.wrap-about .view-module1 .m-content .div-title .p-line{height:2px;background:#e52534;margin:0 auto;width:42px;display:block;margin-top:8px}
.wrap-about .view-module1 .about-text{width: 780px; margin: 0 auto; line-height: 32px; font-size: 18px; color: #fffefe;}

.wrap-about .view-module2{width: 100%; min-width: 1200px; min-height: 600px; background: #fff;}
.wrap-about .view-module2 .m-content .div-title{padding: 75px 0px 35px 0px; color:#333; text-align: center;}
.wrap-about .view-module2 .m-content .div-title .p-title1{font-size:28px;padding-bottom:10px;}
.wrap-about .view-module2 .m-content .div-title .p-line{height:2px;background:#e52534;margin:0 auto;width:42px;display:block;margin-top:8px}
.wrap-about .view-module2 .about-content .fr-text{font-size: 24px; color: #333; line-height: 38px; margin: 130px 0px 0px 110px;}
.wrap-about .view-module2 .about-content .fr-text span{color: #ff3333;}
.wrap-about .view-module2 .about-content .fr-text em{color: #bf9741; }

.wrap-about .view-module3{width: 100%; min-width: 1200px; min-height: 625px; background: #e8e8e8;}
.wrap-about .view-module3 .m-content .div-title{padding: 75px 0px 35px 0px; color:#333; text-align: center;}
.wrap-about .view-module3 .m-content .div-title .p-title1{font-size:28px;padding-bottom:10px;}
.wrap-about .view-module3 .m-content .div-title .p-line{height:2px;background:#e52534;margin:0 auto;width:42px;display:block;margin-top:8px}
.wrap-about .view-module3 .about-content .fr-text{font-size: 24px; color: #333; line-height: 38px; margin: 142px 0px 0px 75px;}
.wrap-about .view-module3 .about-content .fr-text span{color: #ff3333;}
.wrap-about .view-module3 .about-content .fr-text em{color: #bf9741; }
.wrap-about .view-module3 .about-content .r-img{margin-left: 160px;}

.wrap-about .view-module4{width: 100%; min-width: 1200px; min-height: 560px; background: #fff;}
.wrap-about .view-module4 .m-content .div-title{padding: 75px 0px 35px 0px; color:#333; text-align: center;}
.wrap-about .view-module4 .m-content .div-title .p-title1{font-size:28px;padding-bottom:10px;}
.wrap-about .view-module4 .m-content .div-title .p-line{height:2px;background:#e52534;margin:0 auto;width:42px;display:block;margin-top:8px}
.wrap-about .view-module4 .about-content .fr-text{font-size: 24px; color: #333; line-height: 38px; margin: 130px 0px 0px 110px;}
.wrap-about .view-module4 .about-content .fr-text span{color: #ff3333;}
.wrap-about .view-module4 .about-content .fr-text em{color: #bf9741; }

.wrap-about .view-module5{width: 100%; min-width: 1200px; min-height: 625px; background: #e8e8e8;}
.wrap-about .view-module5 .m-content .div-title{padding: 75px 0px 35px 0px; color:#333; text-align: center;}
.wrap-about .view-module5 .m-content .div-title .p-title1{font-size:28px;padding-bottom:10px;}
.wrap-about .view-module5 .m-content .div-title .p-line{height:2px;background:#e52534;margin:0 auto;width:42px;display:block;margin-top:8px}
.wrap-about .view-module5 .about-content .fr-text{font-size: 24px; color: #333; line-height: 38px; margin: 142px 0px 0px 150px;}
.wrap-about .view-module5 .about-content .fr-text span{color: #ff3333;}
.wrap-about .view-module5 .about-content .fr-text em{color: #bf9741; }
.wrap-about .view-module5 .about-content .r-img{margin-left: 160px;}

.wrap-about .view-module6{width: 100%; min-width: 1200px; min-height: 635px; background: #fff;}
.wrap-about .view-module6 .m-content .div-title{padding: 75px 0px 35px 0px; color:#333; text-align: center;}
.wrap-about .view-module6 .m-content .div-title .p-title1{font-size:28px;padding-bottom:10px;}
.wrap-about .view-module6 .m-content .div-title .p-line{height:2px;background:#e52534;margin:0 auto;width:42px;display:block;margin-top:8px}
.wrap-about .view-module6 .about-content .fr-text{font-size: 24px; color: #333; line-height: 38px; margin: 160px 0px 0px 75px;}
.wrap-about .view-module6 .about-content .fr-text span{color: #ff3333;}
.wrap-about .view-module6 .about-content .fr-text em{color: #bf9741; }


/* download */
.wrap-download .v-download1{width: 100%; min-width: 1200px; height: 294px; background: url("../images/download01.jpg") center no-repeat;}
.wrap-download .v-download1 .w-content .h2{float:right; margin-top:180px; width: 560px; text-align: center; font-size: 50px; height: 80px; line-height: 80px; color: #fff; font-weight: normal;}
.wrap-download .v-download1 .w-content .p-text{float:right; margin-top:10px; width: 560px; text-align: center; font-size: 34px; height: 40px; line-height: 40px; color: #fff;}
.wrap-download .v-download2{width: 100%; min-width: 1200px; height: 444px; background: url("../images/download02.jpg") center no-repeat;}
.wrap-download .v-download2 .w-content .r-download{width: 560px; min-height: 300px; margin-top: 25px;}
.wrap-download .v-download2 .w-content .r-download .act-link{display: block; width: 280px; height: 76px; }
.wrap-download .v-download2 .w-content .r-download .iphone{margin-top: 20px;}
.wrap-download .v-download2 .w-content .r-download .p-download{font-size: 16px; margin-top: 8px;}
.wrap-download .v-download2 .w-content .r-download .p-download a{color:#fff; width: 140px; float: left; margin-top: 15px;}
.wrap-download .v-download2 .w-content .r-download .p-code{width: 250px; height: 250px; margin-left: 30px;}
.wrap-download .v-download2 .w-content .r-download .p-code img{width: 100%; height: 100%; }
.wrap-download .v-download3{width: 100%; min-width: 1200px; height: 129px; background: url("../images/download03.jpg") center no-repeat;}

/* use */
.use-body{    background: #f2f2f2;}
.use-content{overflow: hidden;  margin:15px 0px 50px 0px; min-width: 1200px;}
.use-content .f-nav{width: 240px; background: #fff;  padding:20px 0px;}
.use-content .f-nav li{padding: 15px 0px; text-align: center; cursor: pointer;}
.use-content .f-nav li a{display: block; width: 100%; height: 100%; font-size: 14px; color: #333;}
.use-content .f-nav li a:hover{color: #ff3333;}
.use-content .f-nav li.act a{color: #ff3333;}
.use-content .r-content{width: 830px; background: #fff; min-height: 500px;}
.use-content .r-content .edit-content{padding: 0px 30px 35px 30px;}
.use-content .r-content .edit-content .h1{font-size: 18px; padding: 50px 0px 10px 0px; color: #333; overflow: hidden;}
.use-content .r-content .edit-content .h1 .line{float: left; width: 4px; height: 18px; background: #ff3333; margin: 7px 8px 0px 0px;}
.use-content .r-content .edit-content .h1 span{float: left; font-size: 20px; display: block; height: 30px; line-height: 30px; color: #333;}
.use-content .r-content .edit-content p{color: #666; line-height: 30px;  text-align:justify; text-justify:inter-ideograph; font-size: 14px;}
.use-content .r-content .edit-content img{width: 100%; margin: 10px 0px;}