/* animate.min.css */ @charset "utf-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .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%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-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%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-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%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(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)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(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)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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%,to{-webkit-transform:translateZ(0);transform:translateZ(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 headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-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)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-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)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-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)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-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)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-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)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-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)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-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)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-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)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-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)}to{-webkit-transform:translateZ(0);transform:translateZ(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)}to{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)}to{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)}to{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)}to{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)}to{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)}to{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)}to{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)}to{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)}to{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)}to{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}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{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}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{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}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{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}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{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}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{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}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{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}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{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}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{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) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-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)}to{-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) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-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)}to{-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) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;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) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(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)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-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)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-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}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-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%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-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) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(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%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{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)}to{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)}to{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)}to{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)}to{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)}to{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)}to{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)}to{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)}to{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}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(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}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(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}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(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}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{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:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{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:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{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:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /* codehim-dropdown.css */ /* Plugin: Codehim Dropdown (Multilevel Dropdowns to Off Canvas) * Requires: jQuery 1.7 or higher * Author: Asif Mughal * GitHub: https://github.com/CodeHimBlog * URL: https://www.codehim.com * License: MIT License * Copyright (c) 2018 - Asif Mughal */ * { margin: 0; padding: 0; } .codehim-dropdown { font-family: 'Nunito', sans-serif; font-style: normal; font-weight: 300; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .codehim-dropdown { width: 100%; height:1.2rem; box-sizing: border-box; -webkit-tap-highlight-color: transparent; transition: 0s; } .nav-phone-logo{ padding:0.3rem 0.1rem 0.2rem; height:0.6rem; } .codehim-dropdown.sticky { position: fixed; top: 0; background: #21252E; left: 0; z-index: 999; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); } /* Global Style for Codehim Dropdowns */ .codehim-dropdown a { outline: 0; } .has-child span.parent+ul, .menu-items { background: #fff; list-style: none; display: none; } .dropdown-heading:after { font-family: FontAwesome; font-weight: 300; display: inline-block; content: "\f107"; } .dropdown-heading.active:after { transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); } .dropdown-heading, .dropdown-heading.active, .dropdown-heading:hover, .dropdown-heading:after, .dropdown-heading.active:after { transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; } /* Home Link Style */ li.home-link a { text-decoration: none; color: rgba(255, 255, 255, 0.7); text-align: center; font-size: 20px; display: inline-block; width: 45px; height: 50px; background: rgba(0, 0, 0, 0.3); line-height: 50px; } /* Dim background effect */ .dim-overlay { display: none; } .dim-overlay:before { content: ""; background-color: rgba(0, 0, 0, .5); height: 100%; /* for zombies browsers */ height: 100vh; left: 0; position: fixed; top: 0; width: 100%; overflow: hidden; z-index:200; } .menu-items li a { display: block; padding: 10px; color: #444; cursor: pointer; text-decoration: none; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .has-child span.parent:hover, .menu-items li a:hover { background: #e0e0e0; } .has-child span.parent:after { font-family: FontAwesome; float: right; } .main-links { text-decoration: none; } .dropdown-items .close-menu{position: fixed;top:16px;right:10px;width:22px;height:22px;background:url(../img/close_btn.png)no-repeat center center;background-size:100% 100%!important;display: none;} .nav-phone .citychoose{width:2rem;float:left;margin:0.25rem 0rem 0.2rem 0.2rem;border-left:1px solid rgba(255, 255, 255, 0.3);} .citychoose .layui-input-block{margin:0!important;min-height:0.3rem;} .citychoose .layui-form-item{margin:0 auto;width:100%;text-indent:0.24rem;} .citychoose p{color:#fff;font-size:0.24rem;text-indent:0.3rem;} .citychoose select{text-align: left;background:none!important;border:none;color:#fff;} .citychoose select option{font-size:0.28rem;color:#999999;} /* Codehim Dropdowns Mobile View */ @media only screen and (max-width: 480px) { .codehim-dropdown { position: relative; font-size: 14px; } .codehim-dropdown .icon { margin: 0 10px 0 5px; font-size: 16px; } /* The Off Canvas Menu */ .dropdown-items { height: 100%; /* for zombies browsers */ height: 100vh; display: none; overflow: scroll; box-sizing: border-box; position: fixed; top: 0; z-index: 999; background: #f0f0f0; } .menu-items { background: #fff; } .menu-items li a { padding-left: 15px; background: transparent; } .dropdown-items li { border-bottom: 1px dotted rgba(255, 255, 255, 0.76); overflow: hidden; } /* hamburger menu icon to reveal off canvas menu on mobile devices */ .hamburger { position: absolute; width: 32px; height: 32px; top: 16px; border-radius: 50%; cursor: pointer; -webkit-tap-highlight-color: transparent; text-align: center; color: rgba(255, 255, 255, 0.8); font-size: 20px; line-height: 32px; } .hamburger:hover { background: rgba(0, 0, 0, 0.15); } .hamburger:after { font-family: Muiicons; content: "\e563"; font-weight: 200; color: #000;; } .hamburger.left { left: 10px; } .hamburger.right { right: 10px; } .dropdown-items .parent+ul { background: #fff; margin: 0; box-sizing: border-box; display: none; } /* Sub Menu list item */ .dropdown-items .parent+ul li a { padding-left: 30px; } .main-links, .dropdown-heading { display: block; padding: 15px; cursor: pointer; } .main-links:hover, .dropdown-heading:hover { background: rgba(0, 0, 0, 0.15); color: #fff; } .dropdown-heading:after { font-family: Muiicons; font-weight: 300; display: inline-block; content: "\e581"; float: right; color: #000; } /* Sub Dropdowns heading */ .has-child span.parent { padding: 15px; font-weight: 700; border-bottom: 1px solid #e0e0e0; display: block; background: transparent; } .has-child span.parent:after { content: "\f107"; margin-right: 15px; } } @media only screen and (max-width: 1024px) { .codehim-dropdown { position: relative; font-size: 14px; } .codehim-dropdown .icon { margin: 0 10px 0 5px; font-size: 16px; } /* The Off Canvas Menu */ .dropdown-items { height: 100%; /* for zombies browsers */ /* height: 100vh; */ width: 60%; display: none; overflow: scroll; box-sizing: border-box; position: fixed; top: 0; z-index: 999; background: #f0f0f0; } .menu-items { background: #fff; } .menu-items li a { padding-left: 15px; background: transparent; } .dropdown-items li { border-bottom: 1px dotted rgba(255, 255, 255, 0.76); overflow: hidden; } /* hamburger menu icon to reveal off canvas menu on mobile devices */ .hamburger { position: absolute; width:0.35rem; height:0.35rem; top:0.35rem; border-radius: 50%; cursor: pointer; -webkit-tap-highlight-color: transparent; text-align: center; color: rgba(255, 255, 255, 0.8); font-size:0.5rem; line-height:0.32rem; } .hamburger:hover { background: rgba(0, 0, 0, 0.15); } .hamburger:after { content: "\f0c9"; font-weight: 200; color: #fff; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } .hamburger.left { left: 10px; } .hamburger.right { right: 20px; } .dropdown-items .parent+ul { background: #fff; margin: 0; box-sizing: border-box; display: none; } /* Sub Menu list item */ .dropdown-items .parent+ul li a { padding-left: 30px; } .main-links, .dropdown-heading { display: block; padding: 15px; cursor: pointer; } .main-links:hover, .dropdown-heading:hover { background: rgba(0, 0, 0, 0.15); color: #fff; } .dropdown-heading:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; font-weight: 300; content: "\f107"; float: right; color: #000; } /* Sub Dropdowns heading */ .has-child span.parent { padding: 15px; font-weight: 700; border-bottom: 1px solid #e0e0e0; display: block; background: transparent; } .has-child span.parent:after { content: "\f107"; margin-right: 15px; } } /* font-awesome.min.css */ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('/upload/font/fontawesome-webfont.eot?v=4.7.0');src:url('/upload/font/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/upload/font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/upload/font/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/upload/font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/upload/font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* base.css?12 */ /** reset **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;font-size: 100%;font-family:-apple-system, BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",Tahoma,Simsun,sans-serif !important;} body,button, input, select, textarea{font-size: 14px;line-height: 1.5;color: #21252E;font-family:-apple-system, BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",Tahoma,Simsun,sans-serif !important;} h1, h2, h3, h4, h5, h6{font-weight: normal;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:-apple-system, BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",Tahoma,Simsun,sans-serif !important;} input,button,img{border: none;background: none;} input[type="text"], input[type="password"],button{outline: none;-webkit-appearance:none;} em,i{font-style:normal;} ul, ol{list-style: none;} a{text-decoration: none; color:#333; } a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; text-decoration: none; } img{border:0px; outline-width:0px; vertical-align:top;} .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .fl { float:left;} .fr { float:right;} /*=================================================图片======================================= */ .layui-fluid{padding:0!important;} .layui-container{padding:0!important;} .img-response{display: block;width:100%;height:auto!important;max-width: 100%;} .img-Full{display: block;width:auto;height:100%;} /*=================================================距离======================================= */ .w-1280{width:88.88%;margin:0 auto;} .w-1200{width:83.333%;margin:0 auto;} .w-1128{width:78.333%;margin:0 auto;} .w-960{width:66.666%;margin:0 auto;position: relative;z-index: 20;} .w-940{width:65.2%;margin:0 auto;position: relative;z-index: 20;} /*=================================================字体======================================= */ @font-face{ font-family:'DINCond'; src:url('/upload/font/DNC47.otf') } @font-face{ font-family:'DINCond-Medium'; src:url('/upload/font/DNC57.otf') } /* 图片默认背景 */ .jx-pic{background:#f8f8f8!important;} .mainpic{background:#f8f8f8!important;} .art_pic{background:#f8f8f8!important;} .index-pszz .item-pic{background:none!important;} .item-pic{background:#f8f8f8!important;} .showpic{background:#f8f8f8!important;} .valuepic{background:#f8f8f8!important;} .item-topic{background:#f8f8f8!important;} .cj-item{background:#f8f8f8!important;} .item-topic{background:#f8f8f8!important;} /* 首页轮播 */ .detbtm-md ul li.on a{color:#fff!important;} .index-top{position: relative;height:auto;width:100%;} .index-nav{position: absolute;top:0px;left:0px;width:100%;height:0.54rem;z-index: 9999;padding-top:16px;background: #21252E;} .index-banner{width:100%;height:auto;position: relative;} .index-nav .head-logo img{margin-top:5px; display: block;height: 32px; width: auto;} .erji-nav{background: #21252E;} .erji-nav .head-search .searh{margin-top:-4px;} .erjibanner .swiper-slide{width:100%;max-height: 6rem} .index-nav .head-search .searchall{float:right;/*cursor: pointer;*/} /* banner 图片+视频 */ .index1-container .swiper-slide{position: relative;} .head-nav .layui-nav{background:none;} .head-nav .layui-nav li{line-height:0.4rem;height:0.54rem;margin:0px 20px;position:relative;} .head-nav .layui-nav li a{font-size:0.16rem;color: #FFFFFF;padding:0;margin:0;-webkit-transition: all 0.4s;transition: all 0.4s;} .head-nav .layui-nav li:hover a{color:#4993FF;} .head-nav .layui-nav .layui-nav-bar{height:4px;background:#4993FF;} .head-search{float:right;} .head-search .searh{display:inline-block;width:2.04rem;height:0.3rem;padding:0.09rem 0.16rem 0.09rem 0.16rem; margin-top:-5px;background: #11151B;-webkit-transition: all 0.4s;-webkit-transition: all 0.8s;transition: all 0.8s;position: relative;} .head-search .searh:hover{width:2.84rem;} .head-search .searh input{display:inline-block;color:#fff;font-size:0.14rem;height:0.3rem;line-height:0.3rem;width:78%;float:left;} .head-search .searh button{display: inline-block;width:10%;height:0.3rem;float:right;cursor:pointer;} .head-search .searh button img{float:right;-webkit-transition: all 0.3s;transition: all 0.3s;} .head-search .searh button img.hover{display:none;} .head-search .searh button:hover img.normal{display:none;} .head-search .searh button:hover img.hover{display:block;} .head-search .contary{display:inline-block;width:auto;height:0.48rem;} .head-search .contary img{display: block;margin:0 auto;vertical-align:middle;} .index-nav .head-search .contary{margin-left:0.2rem;position: relative;float:left;} /* 首页模糊查询+搜索 */ .head-search .searh .close_search{display: inline-block; float:left;display: none;line-height:0.3rem;} .head-search .searh .close_search i{color:#505363;vertical-align: middle;line-height:0.3rem;} #search_suggest_list{width:100%;height:auto;background: #21252E;-webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.30); box-shadow: 0 8px 16px 0 rgba(0,0,0,0.30);position: absolute;top:0.48rem;left:0px;border-top:2px solid #4993FF;display: none;} #search_suggest_list ul{padding-top:0.1rem;} #search_suggest_list ul li{padding:0px 1px;line-height:1.5;padding:8px 15px;} #search_suggest_list ul li a{ font-size: 14px;color: #FFFFFF;letter-spacing: 0;display: block;-webkit-transition: all 0.4s;transition: all 0.4s;} #search_suggest_list ul li:hover a{color:#4993FF;} /* 视频表单弹窗 */ #lxfs{display: none;} .yourclass{ -webkit-box-shadow: 0px 8px 20px rgba(80,82,96,.2); box-shadow: 0px 8px 20px rgba(80,82,96,.2);} .yourclass .layui-layer-content{height: auto!important;margin-right:0;} .lxfsbox {width:90%!important;padding:2% 5% 5%;background:#ffffff;} .lxfsbox .layui-form-label{display: block;width:100%!important;float:none;text-align: left;padding:0px 0px 8px;vertical-align: middle;} .lxfsbox .layui-form-label em{color: #E60000;margin-left:0.05rem;} .lxfsbox .layui-input-block{width:100%;margin:0;} .lxfsbox .layui-input-block input{color: #21252E;} .lxfsbox .yzm-block{border: 1px solid #DADFEA;line-height:38px;} .lxfsbox .layui-input-block{border-color:#DADFEA;} .lxfsbox .layui-input-block input.yzm{width:80.7%;float:left;height:38px;border: none;padding-left:10px;} .lxfsbox .layui-input-block img.yzm_pic{width:16%;float:left;} .lxfsbox .layui-form-item .input-submit{width:auto;float:right;} .lxfsbox .layui-form-item .input-submit .layui-btn{padding:0px 24px;background:#FFF;color: #505363;border: 1px solid #DADFEA;float:left;position: static;} .lxfsbox .layui-form-item .input-submit .layui-btn-green{background: #4993FF;color:#fff;border:none;} .layui-form1 .layui-form-item{margin-bottom: 0;} .layui-form1 .layui-form-item:last-child{margin-top: 24px;} .un{text-align: right;color: #e60000;font-size: 12px;margin-top: 4px;height:12px;} .lxfsbox .layui-form-item .input-submit .layui-btn:hover{border-color: #21252E;color:#21252E ;opacity: 1;} .lxfsbox .layui-form-item .input-submit .layui-btn:active{background: #21252E;color: #fff;} .lxfsbox .layui-form-item .input-submit .layui-btn-green:hover{background:#00974b;color: #fff;} .lxfsbox .layui-form-item .input-submit .layui-btn-green:active{background:#00974b;color: #fff;} .lxfsbox .layui-form-item input::-webkit-input-placeholder { font-size: 14px; color: #CBD1DE; } .lxfsbox .lxwm_title{font-size: 32px; color: #21252E;margin:40px 0px 45px;} .lxfsbox .layui-form-item input:-moz-placeholder { font-size: 14px; color: #CBD1DE; } .lxfsbox .layui-form-item input:-ms-input-placeholder { font-size: 14px; color: #CBD1DE; } .lxfsbox .layui-form-item textarea::-webkit-input-placeholder { font-size: 14px; color: #CBD1DE; } .layui-layer-content{margin-right:6px;} .layui-layer-content::-webkit-scrollbar { width: 6px!important; /*对垂直流动条有效*/ } /* 查看信息弹窗 */ #demo{display: none;} #videoform{display: none;} /*---------------------滚动条样式--------------- */ /*定义滚动条的轨道颜色、内阴影及圆角*/ .layui-layer-content::-webkit-scrollbar-track{ background-color: #fff; } /*定义滑块颜色、内阴影及圆角*/ .layui-layer-content::-webkit-scrollbar-thumb{ background: #DADFEA; border-radius: 50px; } /*定义两端按钮的样式*/ .layui-layer-content::-webkit-scrollbar-button { display: none; } /* ==========跟随导航菜单============= */ .detbtm-md ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} /*=================================================语言切换======================================= */ /* 语言切换 */ .index-nav .head-search .contary .language-box{display:inline-block;margin-top:5px;float:left;} .language-box span.cur{display:none;} .language-select .lang-bg span.cur{display:none;} .index-nav .head-search .tel{display:inline-block;margin-left:0.2rem;font-size: 24px;color: #FFFFFF;letter-spacing: 0;text-align: right;line-height:0.4rem;float:right;} .language-select{ position: absolute; top:43px; left:0; background:#21252E; width:1.4rem; height:auto; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 10px 0px 0px; margin-left:-20px; display:none; -webkit-transition: all 0.6s; transition: all 0.6s; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .language-select .lang-bg{ margin-top:6px; padding:16px 18px; width:100%; height:auto; background:#181b21; } .language-select span{ display: block; padding: 0px 3px; margin-bottom: 3px; height:30px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .language-select span>img{ display: inline-block; vertical-align: middle; width:32px; float:left; } .language-select span em{float:left;margin-left:16px;line-height:32px;font-size:14px;color:#fff;} .language-box span em{display:none;} .index-nav .head-search .contary:hover .language-select{display: block;} /* 寻求帮助板块 */ .helplist .helpitem{cursor: pointer;} .helplist .helpitem h3{-webkit-transition: all 0.4s;transition: all 0.4s;} .helplist .helpitem p{-webkit-transition: all 0.4s;transition: all 0.4s;} .helplist .helpitem:hover h3{color:#4993FF!important;} .helplist .helpitem:hover p{color:#4993FF!important;} /* 下拉菜单 */ .navtop{position: relative;} .menu-list{width:100%;width:100%;position: absolute;top:0.5rem;left:0;z-index: 25;} .menucont{width:100%;display:none;background: #12151b;-webkit-box-shadow:0px 6px 15px rgba(0, 0, 0, 0.3);box-shadow:0px 6px 15px rgba(0, 0, 0, 0.3);position: absolute;top:0;left:0;height:350px;} .menu-list .menucont:first-child{height:450px;} .drop-item{width:19.2%;height:100%;float:left;position: relative;} .drop-item .iteminfo{padding:40px 20px 0px 40px;height:auto;} .drop-item .iteminfo .item-link{display:block;width:100%;min-height:0.4rem;text-align: left;font-size: 16px; color: #FFFFFF;-webkit-transition: all 0.4s;transition: all 0.4s;} .drop-item .iteminfo .item-link:hover{color:#4993FF;opacity: 0.9;} .drop-item h1{ font-size:20px; color: #4993FF;margin-bottom:0.15rem;} .drop-item p{font-size: 16px;color: #FFFFFF;line-height: 26px;} /* 云世界 */ .item-yun{width:22.9%;height:100%;background:#090b0e;} .item-yun .iteminfo{padding:40px 24px 0px;} .item-yun .iteminfo .yun-btn{position: absolute;bottom:0px;left:0;display: block;width:100%;height:0.56rem;background: #4993FF;text-align: center;line-height:0.56rem;color:#fff;font-size:0.16rem;} /* 云平台样式 */ .item-other .iteminfo{height:auto;} .item-other .iteminfo:nth-child(2){padding:20px 20px 0px 40px} .item-other .iteminfo:nth-child(3){padding:20px 20px 0px 40px} /* 行业解决方案样式 */ .item-big{width:49%;height:100%;} .item-big .iteminfo{padding:20px 20px 0px 140px} .item-big .iteminfo .item-link{width:50%;float:left;} .index1-container .swiper-bottom .swiper-button-disabled{opacity:1;} .index1-container .swiper-bottom .swiper-btn:hover{background:#4993FF;} /* 二级页面图片缓动 */ .showpic {overflow: hidden;} .showpic img{-webkit-transition: all 0.4s;transition: all 0.4s;} /*.itemshow .showpic:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}*/ /* 大标题 */ .container-tit h2{ width:100%; text-align: center; font-size: 32px; color: #21252E; letter-spacing: 0; line-height:32px; position: relative; margin-bottom:0.64rem; } .title-white h2{color:#fff;} .tit-hasinfo h2{ margin-bottom:46px;} .container-tit h2::after{ display:block; content: ''; width:0.92rem; height:6px; background: #4993FF; position: absolute; left:50%; margin-left:-0.46rem; bottom:-19px; } .container-tit p{ text-align:center; font-size: 20px; color: #21252E; letter-spacing: 0; text-align: center; line-height: 20px; margin-bottom:66.5px; } /* 右侧客服插件 */ .kefu-online{position: fixed;right:0px;bottom:20%;z-index:50;} .greenfixed{width:0.2rem;background:#4993FF;padding:20px 15px;cursor: pointer;float:right;} .greenfixed span{ display: block; width:100%; text-align: center; margin-top:0.05rem; } .greenfixed span a{ font-size: 14px; color: #FFFFFF; line-height: 16px; text-align: center; } .online{position:relative;min-width:1rem;height:100%;} .hover-box{position: absolute;right:0.52rem;bottom:0px;min-width:2.1rem;height:1.13rem;padding:0.3rem 0.25rem; background: #FFFFFF;-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.6s;transition: all 0.6s;display:none; } .hover-box .hover-item{margin-bottom:0.2rem;} .hover-box .hover-item h2.item1{margin-bottom:0.1rem;} .hover-box .hover-item h2 img{display: inline-block;width:auto;height:auto;} .hover-box .hover-item h2 span{font-size: 14px;color: #21252E;-webkit-transition: all 0.4s;transition: all 0.4s;} .hover-box .hover-item h2 p{font-size: 12px;color: #505363;letter-spacing: 0;text-indent:30px;} .hover-box .hover-item:hover .item1 span{color:#4993FF;} /* 底部 */ .footer{width:100%;min-height:auto;background: #1F232A;} .footer-info{padding-top:56px;height:auto;margin-bottom:40px;} .info-hore h2{ font-size: 20px; color: #FFFFFF; letter-spacing: 0; line-height: 16px; position: relative; margin-bottom:28px; } .info-hore h2:after{ display:block; content: ''; position: absolute; width:40px; height:2px; left:0; bottom:-13px; background: #4993FF; } .info-hore .horep{ font-size:0.14rem; color: #FFFFFF; letter-spacing:0; line-height:0.22rem; margin-bottom:0.43rem; } .info-hore .info-tel{height:1.2rem;} .info-hore .info-tel h1{ font-size: 36px; color: #FFFFFF; letter-spacing: 0; line-height: 36px; margin-bottom:0.20rem; } .info-hore .info-tel p{ font-size: 14px; color: #FFFFFF; letter-spacing: 0; line-height: 14px; margin-bottom:0.11rem; } .info-hore .info-tel p.email{margin:0;} .info-hore .info-tel .erwm{height:100%;} .info-hore .info-tel .erwm img{width:1.24rem;height:1.24rem;float:right;} /* 网站地图 */ .info-site{padding-left:2.64rem;} .info-site ul li{line-height:0.32rem;} .info-site ul li a{ font-size: 14px; color: #FFFFFF; letter-spacing: 0; line-height: 14px; } .info-site ul li a:hover{color:#4993FF;opacity:0.9;} .bqxx{width:100%;border-top:1px solid rgba(255,255,255,0.5);} .bqxx a{ text-decoration: underline; color: #999; } .bqxx a:hover{ color: #fff; } .bqxx p{ text-align: center; font-size: 14px; color: #999999; letter-spacing: 0; line-height: 14px; line-height:1.5; padding: 15px 0; } /*.index-item1 .item .itemin .item-pic img{ -webkit-animation: upDown 0.4s forwards; animation: upDown 0.4s forwards; -webkit-animation-delay:0.5s; animation-delay:0.5s; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation: 2.5s upDown 1.5s linear infinite; animation: 2.5s upDown 1.5s linear infinite; } .helplist .helpitem img{ -webkit-animation: upDown 0.4s forwards; animation: upDown 0.4s forwards; -webkit-animation-delay:0.5s; animation-delay:0.5s; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation: 2.5s upDown 1.5s linear infinite; animation: 2.5s upDown 1.5s linear infinite; }*/ /* icon动画 */ @-webkit-keyframes upDown { 0% { -webkit-transform: translate(0px,-1px) rotateX(5deg) scale(1); transform: translate(0px,-1px) rotateX(5deg) scale(1); } 30% { -webkit-transform: translate(0px,-2px) rotateX(5deg) scale(1.01); transform: translate(0px,-2px) rotateX(5deg) scale(1.01); } 60% { -webkit-transform: translate(0px,-2px) rotateX(5deg) scale(1.03); transform: translate(0px,-2px) rotateX(5deg) scale(1.03); } 90% { -webkit-transform: translate(0px,-2px) rotateX(5deg) scale(1.01); transform: translate(0px,-2px) rotateX(5deg) scale(1.01); } 100% { -webkit-transform: translate(0px,-1px) rotateX(5deg) scale(1); transform: translate(0px,-1px) rotateX(5deg) scale(1); opacity:1; } } @keyframes upDown { 0% { -webkit-transform: translate(0px,-1px) rotateX(5deg) scale(1); transform: translate(0px,-1px) rotateX(5deg) scale(1); } 30% { -webkit-transform: translate(0px,-2px) rotateX(5deg) scale(1.01); transform: translate(0px,-2px) rotateX(5deg) scale(1.01); } 60% { -webkit-transform: translate(0px,-2px) rotateX(5deg) scale(1.03); transform: translate(0px,-2px) rotateX(5deg) scale(1.03); } 90% { -webkit-transform: translate(0px,-2px) rotateX(5deg) scale(1.01); transform: translate(0px,-2px) rotateX(5deg) scale(1.01); } 100% { -webkit-transform: translate(0px,-1px) rotateX(5deg) scale(1); transform: translate(0px,-1px) rotateX(5deg) scale(1); opacity:1; } } /* 按钮样式 */ a.btn-more{position: relative;} a.btn-more::before{ content: ''; z-index:0; position: absolute; top:0%; left:0%; width:0%; height:100%; background: rgba(0,0,0,0.1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1); transition-timing-function: cubic-bezier(0.7,0,0.9,1); } a.btn-more:hover::before { width:100%; } /* 按钮2 */ .yun-btn::before{ content: ''; z-index:0; position: absolute; top:0%; left:0%; width:0%; height:100%; background: rgba(0,0,0,0.1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1); transition-timing-function: cubic-bezier(0.7,0,0.9,1); } .yun-btn:hover::before { width:100%; } /* 按钮3 */ .item-tinfo h2{font-weight:600;} .item-more{position: relative;font-size:14px;} .item-more::before{ content: ''; z-index:0; position: absolute; top:0%; left:0%; width:0%; height:100%; background: rgba(0,0,0,0.1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1); transition-timing-function: cubic-bezier(0.7,0,0.9,1); } .item-more:hover::before { width:100%; } /* 按钮4 */ .ss{position: relative;} .ss::before{ content: ''; z-index:0; position: absolute; top:0%; left:0%; width:0%; height:100%; background: rgba(0,0,0,0.1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1); transition-timing-function: cubic-bezier(0.7,0,0.9,1); } .sss:hover::before { width:100%; } .codehim-dropdown{font-weight:normal!important;} @media (min-width:320px) and (max-width:768px){ .yun-detail{min-height:auto!important;} .dtbanner{min-height:auto!important;} .nav-phone-logo{padding:20px 15px;height: auto;} .hamburger{top:10px;} /* 二级轮播 */ .erjibanner .swiper-slide{min-height:4.8rem;} .erjibanner .swiper-slide img{ height: 100%!important; width: auto!important; max-width: none; } .detbtm-md ul li a{font-size:0.22rem!important;} .detbtm-md ul li{height:auto!important;} .m_submit{height:0.6rem!important;line-height:0.6rem!important;font-size:0.28rem!important;} /*轮播样式 */ .index-banner{height:auto;} .index1-container{height:100%;} .index1-container .swiper-slide{height:0;width:100%;overflow: hidden;padding-bottom: 70%;} .index1-container img{width:100%!important;max-width:none;} .next1{outline: none;} .prev1{top: 0.64rem!important;outline: none;} a.btn-more{font-size:14px;} .index1-container .swiper-slide .video-info{left:5%!important;} .container-tit h2{font-size:24px!important;margin-bottom:40px!important;} .container-tit p{font-size:18px!important;padding:0 20px;} .layui-container{padding:0px 15px!important;} .w-1280{width:94%!important;} .w-1200{width:92%!important;} .w-1128{width:86%!important;} /* 底部 */ .bqxx p{line-height:1.5;} .info-hore h2{margin-bottom:0.4rem;} .info-hore .horep{line-height:1.5;font-size:14px;} .info-hore .info-tel{height:auto;} .info-hore .info-tell{width:60%;margin:0.3rem 0px;float:left;} .info-hore .info-tel .erwm{width:30%;float:right;margin:0.3rem;} .info-hore .info-tel .erwm img{margin-top:0.5rem;} .info-site{width:100%;margin-top:0.4rem;min-height:2rem;padding-left:0;} .info-site ul li{width:25%;float:left;margin:10px 0px 0;} .info-hore .info-tel h1{font-size:0.3rem;} /* 地图 */ .map-main .m_map .mp .map-title{font-size:14px!important;color:#333!important;} /* 客服 */ .greenfixed{min-height:1.6rem;height:auto;padding:15px;} .kefu-online{bottom: 0px;} .hover-box{height:auto;min-height:2.2rem;} .hover-box .hover-item h2 p{text-indent:0px;} .greenfixed span a{font-size:0.2rem;} /* 视频弹窗关闭按钮位置 */ .layui-layer-setwin .layui-layer-close2{ right: -15px!important;top: -15px!important;} .codehim-dropdown{height:auto;} } @media (min-width:320px) and (max-width:600px){ .index1-container .swiper-slide .banner-info h2{font-size: 24px!important;} .index1-container .swiper-slide .banner-info h3{font-size:18px!important;} .hamburger{top:27%;} } @media (min-width:769px) and (max-width: 1024px){ .navtop{display: none;} .codehim-dropdown{height:auto;} } @media (min-width:1025px) and (max-width: 1280px){ .head-nav .layui-nav li{margin:0px 0.1rem!important;} .head-nav .layui-nav li a{font-size:14px!important;} .head-search .searh{width:1.8rem!important;} .index-nav .head-search .tel{font-size:0.16rem!important;} .index1-container .swiper-slide{max-height:4rem!important;} .item-tinfo p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:7; overflow: hidden; } .green-cont p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:7; overflow: hidden; } } @media (min-width:1281px) and (max-width: 1366px) { .head-nav .layui-nav li{margin:0px 0.1rem!important;} .index-nav .head-search .tel{font-size:0.16rem!important;} .layui-container {width:1200px !important;} .container-tit h2{font-size:0.28rem!important;line-height:0.4rem!important;} .index-nav .head-search .contary .tel{font-size:0.16rem!important;} .head-search .searh{width:2.0rem;} .index-nav .head-search .contary{margin-left:0.1rem;} .erjiinfo h2{font-size:0.38rem!important;} .showpic img{/*height:100%!important;*/width:auto;} .xc-main{min-height:5.2rem!important;} .videorbg{margin-top:0.6rem!important;} .xcvideo-info{top:1rem!important;} } @media (min-width:1367px) and (max-width: 1440px) { .head-nav .layui-nav li{margin:0px 0.1rem!important;} .index-nav .head-search .tel{font-size:0.16rem!important;} .layui-container { width:1300px !important; } .index-nav .head-search .contary .tel{font-size:0.18rem!important;} .head-search .searh{width:2.1rem;} .showpic img{/*height:100%!important;*/width:auto;} .xc-main{min-height:5.4rem!important;} .videorbg{margin-top:0.6rem!important;} .xcvideo-info{top:1rem!important;} } @media (min-width:1441px) and (max-width: 1580px) { .layui-container { width:1360px !important; } .index-nav .head-search .contary .tel{font-size:0.18rem!important;} .head-search .searh{width:2.2rem;} .head-nav .layui-nav li{margin:0px 0.15rem!important;} } @media (min-width:1580px) and (max-width: 1700px) { .layui-container { width:1400px !important; } .index-nav .head-search .contary .tel{font-size:0.18rem!important;} .head-nav .layui-nav li{margin:0px 0.15rem!important;} } @media (min-width:1700px) and (max-width: 1920px) { .layui-container { width:1440px !important; } .head-nav .layui-nav li{margin:0px 0.15rem!important;} } @media (min-width:300px) and (max-width: 1024px) { .codehim-dropdown.sticky{display:block!important;} } @media (min-width:1920px){ .layui-container { width:1440px !important; } } /* 内容区域高度自动 */ /* 首页 */ .jxcplist{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .index-item1{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .jxcplist .item{height:auto!important;} .jxcplist .item .itempd{padding: 40px 36px 22px!important;} .item-tinfo{padding: 22px 30px 22px 40px!important;} .green-cont{margin-bottom:0.4rem!important;} /* 行业 */ .DMLlist{display: -webkit-box;display: -ms-flexbox;display: flex;} .gnitem{height:auto!important;} .gnitem .gninfo .infopd{padding:0px 0.24rem 22px!important;} .yycjitem{height:auto!important;} .yycjitem .contpd{padding: 0.5rem 0.64rem 0.4rem 0.8rem!important;} .itemshow{height:auto!important;} /* 行业平台聚合页 */ .hyjf-list{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .hidebox{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} /* 注塑机 */ .customerlist{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} /* 客户价值 */ .customer-value{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} @media (min-width:320px) and (max-width:768px){ .jxcplist{display:block!important;} .index-item1{display:block!important;} .DMLlist{display:block!important;} .customerlist{display:block!important;} } /*机器视觉*/ .customerlist{flex-wrap:nowrap!important;} .cstmitem{width: 464px!important;box-sizing:border-box!important;} .con_one .cstmitem{text-align: center;width: 720px!important;} .con_two .cstmitem{text-align: center;} .con_two.customerlist .cstmitem .custompd{padding:40px 60px;} .con_six.customerlist{flex-wrap:wrap!important;} .con_six .cstmitem{width: 32.2%!important;margin-bottom: 24px!important;} .con_six .cstmitem:nth-of-type(3n){margin-right: 0!important;} .con_six .cstmitem:nth-of-type(4){margin-bottom: 0!important;} .con_six .cstmitem:nth-of-type(5){margin-bottom: 0!important;} .con_six .cstmitem:nth-of-type(6){margin-bottom: 0!important;} .con_sev.customerlist{flex-wrap:wrap!important;-webkit-box-pack: left!important;-ms-flex-pack: left!important;justify-content: left!important;} .con_sev .cstmitem{width: 23.5%!important;margin-bottom: 24px!important;} .con_sev .cstmitem:nth-of-type(4n){margin-right: 0!important;} .con_sev .cstmitem:nth-of-type(5){margin-bottom: 0!important;} .con_sev .cstmitem:nth-of-type(6){margin-bottom: 0!important;} .con_sev .cstmitem:nth-of-type(7){margin-bottom: 0!important;} .con_ent.customerlist{flex-wrap:wrap!important;} .con_ent .cstmitem{width: 23.5%!important;margin-bottom: 24px!important;} .con_ent .cstmitem:nth-of-type(4n){margin-right: 0!important;} .con_ent .cstmitem:nth-of-type(5){margin-bottom: 0!important;} .con_ent .cstmitem:nth-of-type(6){margin-bottom: 0!important;} .con_ent .cstmitem:nth-of-type(7){margin-bottom: 0!important;} .con_ent .cstmitem:nth-of-type(8){margin-bottom: 0!important;} @media screen and (max-width: 1800px) { .con_six .cstmitem{width: 32%!important;} } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1280px) { .con_six .cstmitem{width: 31.5%!important;} .con_sev .cstmitem{width: 23.4%!important;} .con_ent .cstmitem{width: 23.4%!important;} } @media screen and (max-width: 1200px) { .con_six .cstmitem{width: 31%!important;} .con_sev .cstmitem{width: 23%!important;} .con_ent .cstmitem{width: 23%!important;} } @media screen and (max-width: 990px) { .customerlist{display: flex!important;flex-wrap:wrap!important;/*justify-content:left!important;-webkit-box-pack:left!important;*/} .cstmitem{min-height: auto!important;margin-right: 15px!important;width:48.8%!important;margin-bottom: 15px!important;} .cstmitem:nth-of-type(2n){margin-right: 0px!important;} .con_one.customerlist{justify-content:center!important;-webkit-box-pack:center!important;} .con_one .cstmitem{width: 80%!important;margin-right: 0!important;} .con_two .cstmitem{width: 48%!important;} .con_three.customerlist{-webkit-box-pack: left!important;-ms-flex-pack: left!important;justify-content: left!important;} .con_three .cstmitem:nth-of-type(3){margin-bottom: 0!important;} .con_four .cstmitem:nth-of-type(3){margin-bottom: 0!important;} .con_four .cstmitem:nth-of-type(4){margin-bottom: 0!important;} .con_five.customerlist{-webkit-box-pack: left!important;-ms-flex-pack: left!important;justify-content: left!important;} .con_five .cstmitem:nth-of-type(5){margin-bottom: 0!important;} .con_six .cstmitem{width: 48.5%!important;margin-bottom: 15px!important;} .con_six .cstmitem:nth-of-type(3n){margin-right: 15px!important;} .con_six .cstmitem:nth-of-type(4){margin-bottom: 15px!important;} .con_six .cstmitem:nth-of-type(6){margin-right: 0!important;} .con_sev .cstmitem{width: 48.5%!important;margin-bottom: 15px!important;} .con_sev .cstmitem:nth-of-type(5){margin-bottom: 15px!important;} .con_sev .cstmitem:nth-of-type(6){margin-bottom: 15px!important;} .con_ent .cstmitem{width: 48.5%!important;margin-bottom: 15px!important;} .con_ent .cstmitem:nth-of-type(5){margin-bottom: 15px!important;} .con_ent .cstmitem:nth-of-type(6){margin-bottom: 15px!important;} } @media screen and (max-width: 767px) { .customer-value .customerlist .cstmitem .custompd{padding:24px 16px 32px!important;} .con_two .cstmitem{width: 47.8%!important;} .con_three .cstmitem{width: 47.8%!important;} .con_four .cstmitem{width: 47.8%!important;} .con_five .cstmitem{width: 47.8%!important;} .con_six .cstmitem{width: 47.8%!important;} .con_sev .cstmitem{width: 47.8%!important;} .con_ent .cstmitem{width: 47.8%!important;} } @media screen and (max-width: 320px) { .con_two .cstmitem{width: 47.4%!important;} .con_three .cstmitem{width: 47.4%!important;} .con_four .cstmitem{width: 47.4%!important;} .con_five .cstmitem{width: 47.4%!important;} .con_six .cstmitem{width: 47.4%!important;} .con_sev .cstmitem{width: 47.4%!important;} .con_ent .cstmitem{width: 47.4%!important;} } /*DML产品功能 注塑机第一个*/ .DMLlist .gnitem .item-pic img{height: auto!important;width: 100%!important;} .DMLlist .gnitem{width: 342px!important;} .con_one .gnitem{text-align: center;} .con_one .gnitem .item-pic h2{width:100%;padding-left: 0;} .con_two .gnitem{text-align: center;} .con_two .gnitem .item-pic h2{width:100%;padding-left: 0;} .con_five.DMLlist{-webkit-box-pack: left!important;-ms-flex-pack: left!important;justify-content: left!important;} .con_six.DMLlist{flex-wrap:wrap!important;} .con_six .gnitem{width: 32.2%!important;margin-bottom: 24px!important;} .con_six .gnitem:nth-of-type(3n){margin-right: 0!important;} .con_six .gnitem:nth-of-type(4){margin-bottom: 0!important;} .con_six .gnitem:nth-of-type(5){margin-bottom: 0!important;} .con_six .gnitem:nth-of-type(6){margin-bottom: 0!important;} .con_sev.DMLlist{flex-wrap:wrap!important;-webkit-box-pack: left!important;-ms-flex-pack: left!important;justify-content: left!important;} .con_sev .gnitem{width: 23.5%!important;margin-bottom: 24px!important;} .con_sev .gnitem:nth-of-type(4n){margin-right: 0!important;} .con_sev .gnitem:nth-of-type(5){margin-bottom: 0!important;} .con_sev .gnitem:nth-of-type(6){margin-bottom: 0!important;} .con_sev .gnitem:nth-of-type(7){margin-bottom: 0!important;} .con_ent.DMLlist{flex-wrap:wrap!important;} .con_ent .gnitem{width: 23.5%!important;margin-bottom: 24px!important;} .con_ent .gnitem:nth-of-type(4n){margin-right: 0!important;} .con_ent .gnitem:nth-of-type(5){margin-bottom: 0!important;} .con_ent .gnitem:nth-of-type(6){margin-bottom: 0!important;} .con_ent .gnitem:nth-of-type(7){margin-bottom: 0!important;} .con_ent .gnitem:nth-of-type(8){margin-bottom: 0!important;} @media screen and (max-width: 1800px) { .con_six .gnitem{width: 31.8%!important;} .con_sev .gnitem{width: 23.3%!important;} .con_ent .gnitem{width: 23.3%!important;} } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1280px) { .con_five.DMLlist{flex-wrap:wrap!important;} .con_five .gnitem{width: 31.4%!important;margin-bottom: 15px!important;} .con_five .gnitem:nth-of-type(3n){margin-right: 0!important;} .con_six .gnitem{width: 31.5%!important;} .con_sev .gnitem{width: 23%!important;} .con_ent .gnitem{width: 23%!important;} } @media screen and (max-width: 1200px) { .con_six .gnitem{width: 31%!important;} .con_sev .gnitem{width: 23%!important;} .con_ent .gnitem{width: 23%!important;} } @media screen and (max-width: 990px) { .DMLlist{display: flex!important;flex-wrap:wrap!important;/*justify-content:left!important;-webkit-box-pack:left!important;*/} .gnitem{min-height: auto!important;margin-right: 15px!important;width:48.8%!important;margin-bottom: 15px!important;} .gnitem:nth-of-type(2n){margin-right: 0px!important;} .gnitem .gninfo .infopd h2{font-size: 24px!important;} .con_one.DMLlist{justify-content:center!important;-webkit-box-pack:center!important;} .con_one .gnitem{width: 342px!important;margin-right: 0!important;} .con_two .gnitem{width: 48%!important;} .con_three.DMLlist{flex-wrap: nowrap!important;-webkit-box-pack: left!important;-ms-flex-pack: left!important;justify-content: left!important;} .con_three .gnitem:nth-of-type(2){margin-right: 15px!important;} .con_three .gnitem:nth-of-type(3){margin-right: 0;} .dmlll.con_three .gnitem .item-pic{height: 0;padding-bottom: 62%;} .con_four .gnitem{width: 48.5%!important;margin-bottom: 15px!important;} .con_four .gnitem:nth-of-type(3){margin-bottom: 0!important;margin-right: 15px!important;} .con_four .gnitem:nth-of-type(4){margin-bottom: 0!important;} .dmlll.con_four .gnitem .item-pic{height: 0;padding-bottom: 62%;} .con_five .gnitem{width: 48.5%!important;margin-bottom: 15px!important;} .con_five .gnitem:nth-of-type(3n){margin-right: 0px!important;} .con_five .gnitem:nth-of-type(5){margin-bottom: 0!important;} .dmlll.con_five .gnitem .item-pic{height: 0;padding-bottom: 62%;} .con_six .gnitem{width: 48.5%!important;margin-bottom: 15px!important;} .con_six .gnitem:nth-of-type(3n){margin-right: 15px!important;} .con_six .gnitem:nth-of-type(4){margin-bottom: 15px!important;} .con_six .gnitem:nth-of-type(6){margin-right: 0!important;} .dmlll.con_six .gnitem .item-pic{height: 0;padding-bottom: 62%;} .con_sev .gnitem{width: 48.5%!important;margin-bottom: 15px!important;} .con_sev .gnitem:nth-of-type(5){margin-bottom: 15px!important;} .con_sev .gnitem:nth-of-type(6){margin-bottom: 15px!important;} .dmlll.con_sev .gnitem .item-pic{height: 0;padding-bottom: 62%;} .con_ent .gnitem{width: 48.5%!important;margin-bottom: 15px!important;} .con_ent .gnitem:nth-of-type(5){margin-bottom: 15px!important;} .con_ent .gnitem:nth-of-type(6){margin-bottom: 15px!important;} .dmlll.con_ent .gnitem .item-pic{height: 0;padding-bottom: 62%;} } @media screen and (max-width: 767px) { .customer-value .DMLlist .gnitem .custompd{padding:24px 16px 32px!important;} .con_one .gnitem{width: 88%!important;margin-right: 0!important;} .con_one .gnitem .item-pic{height: 0;padding-bottom: 62%;} .con_two .gnitem{width: 88%!important;margin-right: 0!important;} .con_two .gnitem .item-pic{height: 0;padding-bottom: 62%;} .con_three.DMLlist{flex-wrap: wrap!important;-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;} .con_three .gnitem{width: 88%!important;margin-right: 0!important;} .con_three .gnitem:nth-of-type(2){margin-right: 0!important;} .con_four .gnitem{width: 88%!important;margin-right: 0!important;} .con_four .gnitem:nth-of-type(2n){margin-right: 0!important;} .con_four .gnitem:nth-of-type(3){margin-bottom: 15px!important;margin-right: 0!important;} .con_five.DMLlist{flex-wrap: wrap!important;-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;} .con_five .gnitem{width: 88%!important;margin-right: 0!important;} .con_six.DMLlist{flex-wrap: wrap!important;-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;} .con_six .gnitem{width: 88%!important;margin-right: 0!important;} .con_six .gnitem:nth-of-type(3n){margin-right: 0px!important;} .con_six .gnitem:nth-of-type(4){margin-right: 0px!important;} .con_six .gnitem:nth-of-type(5){margin-bottom: 15px!important;} .con_sev.DMLlist{flex-wrap: wrap!important;-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;} .con_sev .gnitem{width: 88%!important;margin-right: 0!important;} .con_sev .gnitem:nth-of-type(6){margin-bottom: 15px!important;} .con_ent.DMLlist{flex-wrap: wrap!important;-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;} .con_ent .gnitem{width: 88%!important;margin-right: 0!important;} .con_ent .gnitem:nth-of-type(7){margin-bottom: 15px!important;} } @media screen and (max-width: 320px) { .con_two .gnitem{width: 100%!important;} .con_three .gnitem{width: 100%!important;} .con_four .gnitem{width: 100%!important;} .con_five .gnitem{width: 100%!important;} .con_six .gnitem{width: 100%!important;} .con_sev .gnitem{width: 100%!important;} .con_ent .gnitem{width: 100%!important;} } /*dml 应用场景*/ .yycjitem{width: 464px!important;box-sizing:border-box;} .con_one .yycjitem{text-align: center;} .con_one .yycjitem .item-pic h2{width:100%;padding-left: 0;} .con_two .yycjitem{text-align: center;} .con_two .yycjitem .item-pic h2{width:100%;padding-left: 0;} .con_four .yycjitem:nth-of-type(3){margin-right: 24px!important;} .con_four .yycjitem:nth-of-type(4){margin-right: 24px!important;} .con_five.yycjlist{flex-wrap:wrap!important;} .con_five .yycjitem{width: 32.2%!important;margin-bottom: 24px!important;} .con_five .yycjitem:nth-of-type(3n){margin-right: 0!important;} .con_five .yycjitem:nth-of-type(4){margin-bottom: 0!important;} .con_five .yycjitem:nth-of-type(5){margin-bottom: 0!important;} .con_five .yycjitem:nth-of-type(6){margin-bottom: 0!important;} .con_six.yycjlist{flex-wrap:wrap!important;} .con_six .yycjitem{width: 32.2%!important;margin-bottom: 24px!important;} .con_six .yycjitem:nth-of-type(3n){margin-right: 0!important;} .con_six .yycjitem:nth-of-type(4){margin-bottom: 0!important;} .con_six .yycjitem:nth-of-type(5){margin-bottom: 0!important;} .con_six .yycjitem:nth-of-type(6){margin-bottom: 0!important;} .con_sev.yycjlist{flex-wrap:wrap!important;-webkit-box-pack: left!important;-ms-flex-pack: left!important;justify-content: left!important;} .con_sev .yycjitem{width: 23.5%!important;margin-bottom: 24px!important;} .con_sev .yycjitem:nth-of-type(3n){margin-right: 24px!important;} .con_sev .yycjitem:nth-of-type(4n){margin-right: 0!important;} .con_sev .yycjitem:nth-of-type(5){margin-bottom: 0!important;} .con_sev .yycjitem:nth-of-type(6){margin-bottom: 0!important;} .con_sev .yycjitem:nth-of-type(7){margin-bottom: 0!important;} .con_ent.yycjlist{flex-wrap:wrap!important;} .con_ent .yycjitem{width: 23.5%!important;margin-bottom: 24px!important;} .con_ent .yycjitem:nth-of-type(3n){margin-right: 24px!important;} .con_ent .yycjitem:nth-of-type(4n){margin-right: 0!important;} .con_ent .yycjitem:nth-of-type(5){margin-bottom: 0!important;} .con_ent .yycjitem:nth-of-type(6){margin-bottom: 0!important;} .con_ent .yycjitem:nth-of-type(7){margin-bottom: 0!important;} .con_ent .yycjitem:nth-of-type(8){margin-bottom: 0!important;} @media screen and (max-width: 1800px) { .con_five .yycjitem{width: 32%!important;} .con_six .yycjitem{width: 32%!important;} } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1280px) { .con_five .yycjitem{width: 31.5%!important;} .con_six .yycjitem{width: 31.5%!important;} .con_sev .yycjitem{width: 23.4%!important;} .con_ent .yycjitem{width: 23.4%!important;} } @media screen and (max-width: 1200px) { .con_five .yycjitem{width: 31%!important;} .con_six .yycjitem{width: 31%!important;} .con_sev .yycjitem{width: 23%!important;} .con_ent .yycjitem{width: 23%!important;} } @media screen and (max-width: 990px) { .yycjlist .yycjitem .contpd h2{font-size: 18px!important;} .yycjlist{display: flex!important;flex-wrap:wrap!important;/*justify-content:left!important;-webkit-box-pack:left!important;*/} .yycjitem{min-height: auto!important;margin-right: 15px!important;width:48.8%!important;margin-bottom: 15px!important;} .yycjitem:nth-of-type(2n){margin-right: 0px!important;} .con_one.yycjlist{justify-content:center!important;-webkit-box-pack:center!important;} .con_one .yycjitem{width: 80%!important;margin-right: 0!important;} .con_two .yycjitem{width: 48%!important;} .con_three.yycjlist{-webkit-box-pack: left!important;-ms-flex-pack: left!important;justify-content: left!important;} .con_three .yycjitem{width:48.9%!important;margin-bottom: 15px!important;} .con_three .yycjitem:nth-of-type(3){margin-bottom: 0!important;} .con_four .yycjitem{width:48.9%!important;margin-bottom: 15px!important;} .con_four .yycjitem:nth-of-type(3){margin-bottom: 0!important;margin-right: 15px!important;} .con_four .yycjitem:nth-of-type(4){margin-bottom: 0!important;margin-right: 0px!important;} .con_five.yycjlist{-webkit-box-pack: left!important;-ms-flex-pack: left!important;justify-content: left!important;} .con_five .yycjitem{width:48.9%!important;margin-bottom: 15px!important;} .con_five .yycjitem:nth-of-type(3){margin-right: 15px!important;} .con_five .yycjitem:nth-of-type(4){margin-bottom: 15px!important;} .con_five .yycjitem:nth-of-type(5){margin-bottom: 0!important;} .con_six .yycjitem{width: 48.5%!important;margin-bottom: 15px!important;} .con_six .yycjitem:nth-of-type(3n){margin-right: 15px!important;} .con_six .yycjitem:nth-of-type(4){margin-bottom: 15px!important;} .con_six .yycjitem:nth-of-type(6){margin-right: 0!important;} .con_sev .yycjitem{width: 48.5%!important;margin-bottom: 15px!important;} .con_sev .yycjitem:nth-of-type(3n){margin-right: 15px!important;} .con_sev .yycjitem:nth-of-type(5){margin-bottom: 15px!important;} .con_sev .yycjitem:nth-of-type(6){margin-bottom: 15px!important;margin-right: 0px!important;} .con_sev .yycjitem:nth-of-type(7){margin-bottom: 15px!important;} .con_ent .yycjitem{width: 48.5%!important;margin-bottom: 15px!important;} .con_ent .yycjitem:nth-of-type(3n){margin-right: 15px!important;} .con_ent .yycjitem:nth-of-type(5){margin-bottom: 15px!important;} .con_ent .yycjitem:nth-of-type(6){margin-bottom: 15px!important;margin-right: 0px!important;} .con_ent .yycjitem:nth-of-type(7){margin-bottom: 15px!important;} .con_ent .yycjitem:nth-of-type(8){margin-bottom: 15px!important;} } @media screen and (max-width: 767px) { .customer-value .yycjlist .yycjitem .custompd{padding:24px 16px 32px!important;} .con_two .yycjitem{width: 47.8%!important;} .con_three .yycjitem{width: 47.8%!important;} .con_four .yycjitem{width: 47.8%!important;} .con_five .yycjitem{width: 47.8%!important;} .con_six .yycjitem{width: 47.8%!important;} .con_sev .yycjitem{width: 47.8%!important;} .con_ent .yycjitem{width: 47.8%!important;} } @media screen and (max-width: 320px) { .con_two .yycjitem{width: 47.4%!important;} .con_three .yycjitem{width: 47.4%!important;} .con_four .yycjitem{width: 47.4%!important;} .con_five .yycjitem{width: 47.4%!important;} .con_six .yycjitem{width: 47.4%!important;} .con_sev .yycjitem{width: 47.4%!important;} .con_ent .yycjitem{width: 47.4%!important;} } /*sjjq应用场景*/ .cj-item{width: 426px!important;} .con_one .cj-item{text-align: center;} .con_one .cj-item .item-pic h2{width:100%;padding-left: 0;} .con_two .cj-item{text-align: center;} .con_two .cj-item:nth-of-type(2n){margin-right: 0!important;} .con_two .cj-item .item-pic h2{width:100%;padding-left: 0;} .con_three.yycjlist{flex-wrap:nowrap!important;} .con_three .cj-item:nth-of-type(3){margin-right: 0!important;} .con_four.yycjlist{flex-wrap:nowrap!important;} .con_four.yycjlist .cj-item{padding-bottom: 14%;} .con_four .cj-item:nth-of-type(4){margin-right: 0!important;} .con_five .cj-item{width:32.2%!important;margin-bottom: 24px!important;} .con_five .cj-item:nth-of-type(3n){margin-right: 0!important;} .con_six .cj-item{width: 32.2%!important;margin-bottom: 24px!important;} .con_six .cj-item:nth-of-type(3n){margin-right: 0!important;} .con_six .cj-item:nth-of-type(4){margin-bottom: 0!important;} .con_six .cj-item:nth-of-type(5){margin-bottom: 0!important;} .con_six .cj-item:nth-of-type(6){margin-bottom: 0!important;} .con_sev.yycjlist .cj-item{padding-bottom: 14%;} .con_sev .cj-item{width: 23.5%!important;margin-bottom: 24px!important;} .con_sev .cj-item:nth-of-type(4n){margin-right: 0!important;} .con_sev .cj-item:nth-of-type(5){margin-bottom: 0!important;} .con_sev .cj-item:nth-of-type(6){margin-bottom: 0!important;} .con_sev .cj-item:nth-of-type(7){margin-bottom: 0!important;} .con_ent.yycjlist .cj-item{padding-bottom: 14%;} .con_ent .cj-item{width: 23.5%!important;margin-bottom: 24px!important;} .con_ent .cj-item:nth-of-type(4n){margin-right: 0!important;} .con_ent .cj-item:nth-of-type(5){margin-bottom: 0!important;} .con_ent .cj-item:nth-of-type(6){margin-bottom: 0!important;} .con_ent .cj-item:nth-of-type(7){margin-bottom: 0!important;} .con_ent .cj-item:nth-of-type(8){margin-bottom: 0!important;} @media screen and (max-width: 1800px) { .con_five .cj-item{width: 32%!important;} .con_six .cj-item{width: 32%!important;} } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1280px) { .con_five .cj-item{width: 31.5%!important;} .con_six .cj-item{width: 31.5%!important;} .con_sev .cj-item{width: 23.4%!important;} .con_ent .cj-item{width: 23.4%!important;} } @media screen and (max-width: 1200px) { .con_five .cj-item{width: 31%!important;} .con_six .cj-item{width: 31%!important;} .con_sev .cj-item{width: 23%!important;} .con_ent .cj-item{width: 23%!important;} .con_ent.yycjlist .cj-item{padding-bottom: 13.7%;} } @media screen and (max-width: 990px) { .cj-item{min-height: auto!important;margin-right: 15px!important;width:48.8%!important;margin-bottom: 15px!important;} .cj-item:nth-of-type(2n){margin-right: 0px!important;} .con_one.yycjlist .cj-item{padding-bottom: 47.5%;} .con_one .cj-item{width: 80%!important;margin-right: 0!important;} .con_two.yycjlist .cj-item{padding-bottom: 28.5%;} .con_two .cj-item{width: 48%!important;} .con_three.yycjlist{flex-wrap:wrap!important;} .con_three.yycjlist .cj-item{padding-bottom: 28.5%;} .con_three .cj-item:nth-of-type(3){margin-bottom: 0!important;} .con_four.yycjlist{flex-wrap:wrap!important;} .con_four.yycjlist .cj-item{padding-bottom: 28.5%;} .con_four .cj-item:nth-of-type(3){margin-bottom: 0!important;} .con_four .cj-item:nth-of-type(4){margin-bottom: 0!important;} .con_five.yycjlist .cj-item{padding-bottom: 28.5%;} .con_five .cj-item{width: 48.5%!important;margin-bottom: 15px!important;} .con_five .cj-item:nth-of-type(5){margin-bottom: 0!important;} .con_five .cj-item:nth-of-type(3n){margin-right: 15px!important;} .con_five .cj-item:nth-of-type(4){margin-bottom: 15px!important;} .con_five .cj-item:nth-of-type(6){margin-right: 0!important;} .con_six.yycjlist .cj-item{padding-bottom: 28.5%;} .con_six .cj-item{width: 48.5%!important;margin-bottom: 15px!important;} .con_six .cj-item:nth-of-type(3n){margin-right: 15px!important;} .con_six .cj-item:nth-of-type(4){margin-bottom: 15px!important;} .con_six .cj-item:nth-of-type(6){margin-right: 0!important;} .con_sev.yycjlist .cj-item{padding-bottom: 28.5%;} .con_sev .cj-item{width: 48.5%!important;margin-bottom: 15px!important;} .con_sev .cj-item:nth-of-type(5){margin-bottom: 15px!important;} .con_sev .cj-item:nth-of-type(6){margin-bottom: 15px!important;} .con_ent.yycjlist .cj-item{padding-bottom: 28.5%;} .con_ent .cj-item{width: 48.5%!important;margin-bottom: 15px!important;} .con_ent .cj-item:nth-of-type(5){margin-bottom: 15px!important;} .con_ent .cj-item:nth-of-type(6){margin-bottom: 15px!important;} } @media screen and (max-width: 767px) { .con_two .cj-item{width: 47.8%!important;} .con_three .cj-item{width: 47.8%!important;} .con_four .cj-item{width: 47.8%!important;} .con_five .cj-item{width: 47.8%!important;} .con_six .cj-item{width: 47.8%!important;} .con_sev .cj-item{width: 47.8%!important;} .con_ent .cj-item{width: 47.8%!important;} } @media screen and (max-width: 320px) { .con_two .cj-item{width: 47.4%!important;} .con_three .cj-item{width: 47.4%!important;} .con_four .cj-item{width: 47.4%!important;} .con_five .cj-item{width: 47.4%!important;} .con_six .cj-item{width: 47.4%!important;} .con_sev .cj-item{width: 47.4%!important;} .con_ent .cj-item{width: 47.4%!important;} } /*产品展示*/ .porlist-pro .itemshow{margin-right: 24px!important;} .porlist-pro .itemshow:nth-of-type(3n){margin-right: 0!important;} .con_two .itemshow:nth-of-type(2){margin-right: 0!important;} .con_one .itemshow{margin-right: 0!important;} .con_one.porlist-pro .itemshow{width: 70%;margin:0 auto;} .con_one.porlist-pro .itemshow .showpd{overflow: hidden;} .con_one.porlist-pro .itemshow .showpd .showpic{float: left;width: 47%;padding-bottom: 28%;} .con_one.porlist-pro .itemshow .showpd .showtt{float: left;width: 53%;padding:20px;box-sizing:border-box;} /*dml 客户价值*/ .value-item{width: 696px!important;box-sizing:border-box;min-height: 200px!important;} .value-item:nth-of-type(2n){margin-right: 0px!important;} .customer-value .value-item .valueinfo{width: 82%!important;} .customer-value .value-item .valueinfo .infobg{display: block!important;margin-top: 0!important;height: auto!important;padding:42px 16px!important;} .customer-value .value-item .valueinfo .infobg p{line-height: 1.5!important;min-height: 3em!important;} .con_one.customer-value .value-item{margin-right: 0!important;} .con_two .value-item{width: 48%!important;} .con_two .value-item:nth-of-type(2){margin-right: 0!important;} .con_three .value-item{width: 31%!important;margin-bottom: 0!important;} .con_three.customer-value .value-item .valueinfo{width: 73%!important;} .con_three .value-item:nth-of-type(2n){margin-right: 48px!important;} .con_three .value-item:nth-of-type(3){margin-right: 0px!important;} .con_four .value-item:nth-of-type(2n){margin-right: 0px!important;} .con_four .value-item{margin-right: 48px!important;width: 48%!important;} .con_five .value-item{width: 31%!important;} .con_five.customer-value .value-item .valueinfo{width: 73%!important;} .con_five .value-item:nth-of-type(2n){margin-right: 48px!important;} .con_five .value-item:nth-of-type(3){margin-right: 0px!important;} .con_six .value-item{width: 31%!important;} .con_six.customer-value .value-item .valueinfo{width: 73%!important;} .con_six .value-item:nth-of-type(2n){margin-right: 48px!important;} .con_six .value-item:nth-of-type(3n){margin-right: 0px!important;} .con_sev.customer-value{-webkit-box-pack: left!important;-ms-flex-pack: left!important;justify-content: left!important;} .con_sev .value-item{width: 31%!important;} .con_sev.customer-value .value-item .valueinfo{width: 73%!important;} .con_sev .value-item:nth-of-type(2n){margin-right: 48px!important;} .con_sev .value-item:nth-of-type(3n){margin-right: 0px!important;} .con_ent.customer-value{-webkit-box-pack: left!important;-ms-flex-pack: left!important;justify-content: left!important;} .con_ent .value-item{width: 31%!important;} .con_ent.customer-value .value-item .valueinfo{width: 73%!important;} .con_ent .value-item:nth-of-type(2n){margin-right: 48px!important;} .con_ent .value-item:nth-of-type(3n){margin-right: 0px!important;} @media screen and (max-width: 1600px) { .con_three .value-item{width: 30.5%!important;} .con_five .value-item{width: 30.5%!important;} .con_six .value-item{width: 30.5%!important;} .con_sev .value-item{width: 30.5%!important;} .con_ent .value-item{width: 30.5%!important;} } @media screen and (max-width: 1440px) { .customer-value .value-item .valueinfo .infobg{padding:30px 16px!important;} .customer-value .value-item{margin-bottom: 20px!important;margin-right: 24px!important;} .con_three .value-item:nth-of-type(2n){margin-right: 24px!important;} .con_three .value-item:nth-of-type(3n){margin-right: 0px!important;} .con_five .value-item:nth-of-type(2n){margin-right: 24px!important;} .con_five .value-item:nth-of-type(3n){margin-right: 0px!important;} .con_six .value-item:nth-of-type(2n){margin-right: 24px!important;} .con_six .value-item:nth-of-type(3n){margin-right: 0px!important;} .con_sev .value-item:nth-of-type(2n){margin-right: 24px!important;} .con_sev .value-item:nth-of-type(3n){margin-right: 0px!important;} .con_ent .value-item:nth-of-type(2n){margin-right: 24px!important;} .con_ent .value-item:nth-of-type(3n){margin-right: 0px!important;} } @media screen and (max-width: 1200px) { .value-item{min-height: auto!important;} .con_four .value-item{width: 48.5%!important;} .con_four.customer-value .value-item .valueinfo{width: 78%!important;} .con_two .value-item{width: 48.5%!important;} .con_two.customer-value .value-item .valueinfo{width: 78%!important;} .con_three.customer-value{-webkit-box-pack: left!important;-ms-flex-pack: left!important;justify-content: left!important;} .con_three .value-item{width: 48.5%!important;margin-bottom: 15px!important;} .con_three .value-item:nth-of-type(3n){margin-right: 24px!important;} .con_three .value-item:nth-of-type(2n){margin-right: 0px!important;} .con_five.customer-value{-webkit-box-pack: left!important;-ms-flex-pack: left!important;justify-content: left!important;} .con_five .value-item{width: 48.5%!important;} .con_five .value-item:nth-of-type(3n){margin-right: 24px!important;} .con_five .value-item:nth-of-type(2n){margin-right: 0px!important;} .con_six .value-item{width: 48.5%!important;} .con_six .value-item:nth-of-type(3n){margin-right: 24px!important;} .con_six .value-item:nth-of-type(2n){margin-right: 0px!important;} .con_sev .value-item{width: 48.5%!important;} .con_sev .value-item:nth-of-type(3n){margin-right: 24px!important;} .con_sev .value-item:nth-of-type(2n){margin-right: 0px!important;} .con_ent .value-item{width: 48.5%!important;} .con_ent .value-item:nth-of-type(3n){margin-right: 24px!important;} .con_ent .value-item:nth-of-type(2n){margin-right: 0px!important;} } @media screen and (max-width: 1000px) { .value-item{min-height: auto!important;} .customer-value .value-item .value-pd{padding:30px 20px 0!important;} .customer-value .value-item .valueinfo .infobg p{font-size: 16px!important;} .customer-value .value-item .valueinfo h2{padding:10px 0 0 20px!important;} .con_one.customer-value .value-item .valueinfo{width: 85%!important;} .con_one .value-item{width: 100%!important;} .con_two.customer-value .value-item .valueinfo{width: 85%!important;} .con_two .value-item{width: 100%!important;} .con_three.customer-value .value-item .valueinfo{width: 85%!important;} .con_three .value-item{width: 100%!important;} .con_three .value-item:nth-of-type(3n){margin-right: 0px!important;} .con_three .value-item:nth-of-type(2n){margin-right: 0px!important;} .con_four.customer-value .value-item .valueinfo{width: 85%!important;} .con_four .value-item{width: 100%!important;} .con_four .value-item:nth-of-type(3n){margin-right: 0px!important;} .con_four .value-item:nth-of-type(2n){margin-right: 0px!important;} .con_five.customer-value .value-item .valueinfo{width: 85%!important;} .con_five .value-item{width: 100%!important;} .con_five .value-item:nth-of-type(3n){margin-right: 0px!important;} .con_five .value-item:nth-of-type(2n){margin-right: 0px!important;} .con_six.customer-value .value-item .valueinfo{width: 85%!important;} .con_six .value-item{width: 100%!important;} .con_six .value-item:nth-of-type(3n){margin-right: 0px!important;} .con_six .value-item:nth-of-type(2n){margin-right: 0px!important;} .con_sev.customer-value .value-item .valueinfo{width: 85%!important;} .con_sev .value-item{width: 100%!important;} .con_sev .value-item:nth-of-type(3n){margin-right: 0px!important;} .con_sev .value-item:nth-of-type(2n){margin-right: 0px!important;} .con_ent.customer-value .value-item .valueinfo{width: 85%!important;} .con_ent .value-item{width: 100%!important;} .con_ent .value-item:nth-of-type(3n){margin-right: 0px!important;} .con_ent .value-item:nth-of-type(2n){margin-right: 0px!important;} } @media screen and (max-width: 600px) { .con_one.customer-value .value-item .valueinfo{width: 70%!important;} .con_two.customer-value .value-item .valueinfo{width: 70%!important;} .con_three.customer-value .value-item .valueinfo{width: 70%!important;} .con_four.customer-value .value-item .valueinfo{width: 70%!important;} .con_five.customer-value .value-item .valueinfo{width: 70%!important;} .con_six.customer-value .value-item .valueinfo{width: 70%!important;} .con_sev.customer-value .value-item .valueinfo{width: 70%!important;} .con_ent.customer-value .value-item .valueinfo{width: 70%!important;} } .customerlist .layui-container{margin-left:0;margin-right:0;} .customer-value .layui-container{margin-left:0;margin-right:0;} /* Swiper 4.4.2 */ /** * Swiper 4.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 1, 2018 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* index.css */ /* ================================================================================ ======================================棣栭〉========================================= */ /* 棣栭〉杞挱 */ .index-top{position: relative;height:auto;width:100%;} .index-nav{position: absolute;top:0px;left:0px;width:100%;height:0.5rem;z-index: 9999;padding-top:14px;} .index-banner{width:100%;height:auto;position: relative;margin-top:64px;} .index-banner .baner-hover-box{width:100%;height:100%;background:rgba(18,21,27,0);position: absolute;z-index: 1;top:0;left:0;} /* banner 鍥剧墖+瑙嗛 */ .index1-container .swiper-slide{position: relative;} .index1-container .swiper-slide .banner-info{position: absolute;top:50%;left:0;width:100%;height:auto;z-index: 20; transform: translateY(-50%); } .index1-container .swiper-slide .banner-info h2{font-size: 64px;line-height: 90px;color: #FFFFFF;letter-spacing: 0.69px;} .index1-container .swiper-slide .banner-info h3{font-size: 48px; color: #FFFFFF;letter-spacing:0.69px;line-height:90px;position:relative} .index1-container .swiper-slide .banner-info h3::after{ content:""; width:167px; height:7.2px; background:#fff; display:block; position:absolute; left:0; bottom:-10px; } .index1-container .swiper-slide .video-info h2{text-align: left;} .index1-container .swiper-slide .video-info h3{text-align: left;} .index1-container .swiper-slide .video-info a{display: inline-block;margin-right:0.2rem;} .index1-container .swiper-slide .video-info a.video_play{background:#000;} a.btn-more{text-align: center;display: block;width:160px;height:54px;background: #4993FF;margin:59px 0 0px;line-height:54px;color: #FFFFFF;} .index1-container .swiper-bottom{position: absolute;bottom:0.6rem;left:0;width:100%;height:1.12rem;z-index: 99;} .banner-video{width:100%;overflow: hidden;z-index: 5;line-height:0;} .banner-video #video{width: 100%;height:100%;-o-object-fit: cover!important;object-fit: cover!important;} .next1{top:0px;right:0px;margin:0;height:0.48rem;width:0.48rem;background:rgba(255,255,255,0.2);-webkit-transition: all 0.4s;transition: all 0.4s;z-index: 20;} .prev1{top:0.6rem;right:0px;left:auto;margin:0;height:0.48rem;width:0.48rem;background:rgba(255,255,255,0.2);-webkit-transition: all 0.4s;transition: all 0.4s;z-index: 20;} /*=================================== 棣栭〉涓績=================================*/ .index-pszz{padding-top:64px;margin-bottom:80px;} .container-tit h2{ width:100%; text-align: center; font-size: 32px; /*color: #ffffff;*/ letter-spacing: 0; line-height:32px; position: relative; margin-bottom:62.5px; } .index-jxcp .container-tit h2{ margin-bottom: 46px; } .container-tit p{ margin-bottom: 40px; } .container-tit h2::after{ display:block; content: ''; width:92px; height:6px; background: #4993FF; position: absolute; left:50%; margin-left:-46px; bottom:-22px; } .index-item1 .item{width:275px;float:left;background: #F9F9F9;margin-right:17px;position: relative;-webkit-transition: all 0.6s;transition: all 0.6s;} .index-item1 .item:hover{background: #fff;-webkit-box-shadow:0px 2px 5px rgba(0, 0, 0, 0.1);box-shadow:0px 2px 5px rgba(0, 0, 0, 0.1);} .index-item1 .item .item-gray{position: absolute;top:0;left:0;z-index:2;} .index-item1 .item .itemin{padding:32px 24px 26px;position: relative;z-index:10;} .index-item1 .item:last-child{margin:0;} .index-item1 .item .itemin .item-pic{margin-bottom:32px;height: 80px;} .index-item1 .item .itemin h2{ font-size: 28px; color: #21252E; letter-spacing: 0; line-height: 28px; margin-bottom:24px; } .index-item1 .item .itemin p{ height: 66px; overflow: hidden; font-size: 14px; color: #505363; letter-spacing: 0; line-height: 22px; } @media (min-width:320px) and (max-width:768px){ .container-tit h2{font-size: 28px!important;} .codehim-dropdown{height:70px;} a.btn-more{width:140px;height:50px;line-height:50px;margin-top:60px;} .index1-container .swiper-slide .banner-info h2{ line-height:1.5; } .index1-container .swiper-slide .banner-info h3{ line-height:1.5; } .swiper-slide .banner-info a{ width: 120px; height: 40px; line-height:40px; margin: 2em 0 0px; } .index1-container .swiper-slide .banner-info h3::after { width: 120px; height: 4px; bottom: -5px; } .index-item1 .item{width:49%;margin-bottom:15px;height:auto;padding-bottom:0.15rem;} .index-item1 .item:nth-child(odd){margin-right:1%;} .index-item1 .item:nth-child(even){float:right;margin-right:0;} .index-item1 .item .itemin{padding:0.3rem 0.2rem 0px;} .index-item1 .item .itemin .item-pic img{width:0.8rem;height:auto;} .index-item1 .item .itemin h2{font-size:24px;margin-bottom:10px;} .index-item1 .item .itemin .item-pic{margin-bottom:20px;} } @media (min-width:769px) and (max-width: 1024px){.codehim-dropdown{height:70px;}} @media (min-width:1025px) and (max-width: 1280px){} @media (min-width:1281px) and (max-width: 1366px){ a.btn-more{width:140px;height:50px;line-height:50px;margin-top:60px;} .index1-container .swiper-slide .banner-info h2{font-size:40px;line-height:1.5;} .index1-container .swiper-slide .banner-info h3{font-size:24px;line-height:1.5;} .index-item1 .item .itemin h2{font-size:0.24rem;} .item-tinfo{padding:0.2rem 30px 0px 40px;} .item-tinfo p{margin-bottom:0.15rem;} .client-list li img{width:90%;} .index1-container .swiper-slide{position: relative;} .index1-container .swiper-slide .banner-info h3::after{bottom:-20px;} } @media (min-width:1367px) and (max-width: 1440px){ .index1-container .swiper-slide .banner-info h2{font-size:48px;line-height:1.5;} .index1-container .swiper-slide .banner-info h3{font-size:32px;line-height:1.5;} .index-item1 .item .itemin h2{font-size:0.28rem;} .item-tinfo{padding:0.2rem 30px 0px 40px;} .item-tinfo p{margin-bottom:0.15rem;} .client-list li img{width:96%;} .index1-container .swiper-slide{position: relative;} } @media (min-width:1441px) and (max-width: 1680px){ .index1-container .swiper-slide .banner-info h2{font-size:48px;} .index1-container .swiper-slide .banner-info h3{font-size:32px;} } @media (min-width:1680px) and (max-width: 1920px){ } /*=================================== 绮鹃€変骇鍝�========================================= */ .index-jxcp{margin-bottom:0.8rem;} .jxcplist .item{width:342px;height:4.28rem;margin-right:1.66%;background:#fff;float:left;position: relative;} .jxcplist .item:last-child{margin:0;} .jxcplist .item-green{background: #4993FF;position: relative;} .jxcplist .item-green::before{display:block;content:''; position: absolute;left:0;top:0;height:100%;width:16px;background: #0CA056;z-index:30;} .jxcplist .item .itempd{padding:32px 30px 59px 50px!important;} .greent-title{position: relative;margin-bottom: 20px} .greent-title::before{ position: absolute; left:-14px; top:3px; content:""; width:4px; height:111px; background: #fff } .greent-title p{ font-size: 28px; color: #FFFFFF; letter-spacing: 0; line-height: 40px; } .green-cont{margin-bottom:61px!important;} .green-cont p{ font-size: 16px; color: #FFFFFF; letter-spacing: 0; line-height: 28px; } .item-green .green-more{ display: block; width:136px; height:40px; color:#fff; font-size:14px; border:1px solid #fff; text-align: center; line-height:40px; -webkit-transition:all 0.4s; transition:all 0.4s; } .item-green .green-more:hover{background:#fff;color:#4993FF;} /* 鍙充晶item */ .jxcplist .item .item-topic{width:100%;height:2.4rem;overflow: hidden;} .item-tinfo{padding:24px 37px 24px 37px!important;} .item-tinfo h2{ font-size: 20px; color: #4993FF; letter-spacing: 0; line-height: 20px; margin-bottom:16px; } .item-tinfo p{ max-height:44px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; font-size: 14px; color: #21252E; letter-spacing: 0; line-height: 22px; margin-bottom:0.24rem; } .item-tinfo .item-more{display: block;width:114px;height:36px;background: #21252E;text-align: center;line-height:0.36rem;color:#fff;opacity: 0;-webkit-transition: all 0.4s;transition: all 0.4s;} .jxcplist .item:hover{-webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.15);box-shadow:0px 5px 10px rgba(0, 0, 0, 0.15);} .jxcplist .item .item-topic img{-webkit-transition: all 0.6s;transition: all 0.6s;height:100%!important;width:auto;} .jxcplist .item:hover .item-topic img{-webkit-transform: scale(1.05);transform: scale(1.05);} .jxcplist .item:hover .item-more{opacity: 1;} .jxcplist .item::after{ display: block; content:''; width:0px; height:4px; position: absolute; bottom:-4px; background:#4993FF; -webkit-transition: all 0.6s; transition: all 0.6s; } .jxcplist .item-green::after{display:none!important;height:0!important;width:0!important;} .jxcplist .item:hover::after{ width:100%;} @media (min-width:320px) and (max-width:768px){ .item-tinfo .item-more{opacity:1;line-height:0.8rem;} .jxcplist .item{height:auto;min-height:5.8rem;width:100%;margin-bottom:0.5rem;border:1px solid #eee;margin-right:0;} .jxcplist .item-green{width:100%;min-height: 5.4rem;} .greent-title p{font-size:0.36rem;} .jxcplist .item .itempd{padding:0.5rem 0.4rem 0.4rem;} .item-green .green-more{font-size:0.26rem;margin-left:10px;} .jxcplist .item .item-topic img{height:auto!important;max-width:100%;width:100%;} .jxcplist .item .item-topic{height:auto;min-height:3rem;} .item-tinfo{padding: 22px 15px 20px 15px;} } @media (min-width:769px) and (max-width: 1440px){ .item-tinfo {padding: 16px 30px 16px 32px!important;} } @media (min-width:769px) and (max-width: 1024px){ } @media (min-width:1025px) and (max-width: 1280px){} @media (min-width:1281px) and (max-width: 1366px){ .item-tinfo h2{font-size:18px;} } @media (min-width:1367px) and (max-width: 1440px){ .item-tinfo h2{font-size:20px;} } @media (min-width:1441px) and (max-width: 1680px){ } @media (min-width:1680px) and (max-width: 1920px){ } /* =======================鎺㈢储妯″潡============================ */ .index-ts{height:120px;background:url(/repository/image/4rFp7ZW1Q0ODHSy_Lddilw.png) repeat-x left center;margin-bottom:80.2px;} .index-ts h2{line-height:120px;text-align: center;font-size: 24px;color: #FFFFFF;} .index-ts h2 a{ display:inline-block; width:132px; height:36px; opacity: 0.9; border:1px solid #fff; line-height:36px; margin-left:40px; font-size: 14px; color: #FFFFFF; letter-spacing: 0; text-align: center; -webkit-transition: all 0.4s; transition: all 0.4s; } .index-ts h2 a:hover{background:#fff;color:#4993FF;} @media (min-width:320px) and (max-width:768px){ .index-ts h2{font-size:0.22rem;} } @media (min-width:769px) and (max-width: 1024px){} @media (min-width:1025px) and (max-width: 1280px){} @media (min-width:1281px) and (max-width: 1366px){ } @media (min-width:1367px) and (max-width: 1440px){ } @media (min-width:1441px) and (max-width: 1680px){ } @media (min-width:1680px) and (max-width: 1920px){ } /*================================ 鑱旂郴鏂瑰紡琛ㄥ崟==================== */ #lxwmBox{display: none;} #lxwmBox .lxfsbox{width:90%!important;padding:5% 5% 0%;} /*=================================鎴愬姛寮圭獥========================== */ #successful{display: none;} #successful .successed{padding:45% 0.3rem 0px;} #successful .successed img{display: block;width:0.64rem;height:0.64rem;margin:0 auto 0.4rem;} #successful .successed .sutit{ font-size: 32px; text-align: center; color: #21252E; line-height: 24px; margin-bottom:0.32rem; } #successful .successed p{ font-size: 14px; color: #505363; text-align: center; } /*=================================== 鍦板浘 =============================*/ .index-map{margin:0 auto 80px;} .map{width:100%; background:#fff;margin-bottom:50px;} .map-main{width:100%;position: relative;} .map-main .m_map .mp{position:absolute; height:70px;line-height:35px;min-width:135px;cursor: pointer; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } /* ==================================================鍦板浘闂儊鍔ㄧ敾=============================== */ @-webkit-keyframes pulsed { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulsed { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(0.1, 0.1, 0.1); opacity: 1; } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(0.6, 0.6, 0.6); opacity:0.6; } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(2,2,2); opacity:0.1; } } .pulsed { -webkit-animation-name: pulsed; animation-name: pulsed; } .map-main .m_map .mp .map-statu{ position: relative; width:35px;height:35px; float:left; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-duration: 1.0s; -webkit-animation-duration: 1.0s; animation-timing-function:linear; -webkit-animation-timing-function:linear; } .map-main .m_map .mp .map-title{line-height:35px;font-size:15px;color:#000;float:left;position: relative;} .map-main .m_map .mp .map-title::before{ display: block; content: ''; position: absolute; width: 12px; height: 12px; background: #4993FF; left: -22px; top: 12px; border-radius: 50%; } .map-main .m_map .mp:nth-of-type(odd) .map-statu{ animation-delay:0.3s; -webkit-animation-delay:0.3s; animation-duration: 1.0s; -webkit-animation-duration: 1.0s; } .map-info{position: absolute;z-index:10;top:105%;bottom:auto;left:-50px;padding:4px 0px;-webkit-transition: all 0.3s;transition: all 0.3s;display:none;} .map-info::before{ border: none; width: 0px; height:8px; border:8px solid transparent; border-bottom:8px solid rgba(0, 0, 0, 0.5); position: absolute; content: ""; left: 50%; margin-left: -6px; margin-top: -1px; top:-19px; } .map-info .info{width:112px;height:40px;background:rgba(0, 0, 0, 0.5);-webkit-box-shadow:5px 6px 12px rgba(0, 0, 0, 0.3);box-shadow:5px 6px 12px rgba(0, 0, 0, 0.3);padding:10px;} .map-info .info p{ font-size: 14px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height:40px; } .map-main .m_map .mp .mito{position: absolute;z-index: 2;bottom:0;min-width:90px;} .mobile-map-bg{position: relative; width:100%;height:auto;} .mobile-map-bg img{display: block;width:100%;height:auto;max-width: 100%;} .map-main .m_map .usa{left:19.8%;top:32.8%;} .map-main .m_map .german{left:48%;top:25%;} .map-main .m_map .bj{left:76%;top:33%;} .map-main .m_map .guangzhou{left:74.9%;top:42%;} .map-main .m_map .india{left:65.8%;top:46%;} .map-main .m_map .kenya{left:55.5%;top:56%;} .map-main .m_map .SouthAfrica{left:51.4%;top:71%;} .map-main .m_map .suzhou{left:76.8%;top:36.6%;} .map-main .m_map .changsha{left:72.2%;top:39.4%;} .map-main .m_map .shanghai{left:77.4%;top:39%;} .map-main .m_map .xian{left:71.2%;top:35.2%;} .map-main .m_map .chongqing{left: 70.9%;top: 38.2%;} .map-main .m_map .Vietnam{left: 71.8%;top: 51%;} .map-main .m_map .moxige{ left: 17.8%; top: 40.8%;} .map-main .m_map .Indonesia{left: 75.8%; top: 56%;} .map-main .m_map .Switzerland{left: 47.6%; top: 28%;} .map-main .m_map .guangzhou .map-title::before{ width:18px; height:18px; background:#f7b000; left: -26px; top: 9px; } .map-main .m_map .changsha .mito .map-statu{float:right;margin-right:24px;} .map-main .m_map .changsha .mito a::before{left:auto;right:-24px;} .map-main .m_map .xian .mito .map-statu{float:right;margin-right:24px;} .map-main .m_map .xian .mito a::before{left:auto;right:-24px;} .map-main .m_map .chongqing .mito .map-statu{float:right;margin-right:24px;} .map-main .m_map .chongqing .mito a::before {left: auto;right: -24px;} /* ================鍦板浘鏂囧瓧浠嬬粛============== */ .map-detail{width:100%;min-height:164px;background: #F9F9F9;margin-top:40px;border-bottom:3px solid #4993FF;} .map-detail .content{padding:40px 40px 0px;} .map-detail .content p{ font-size: 14px; color: #21252E; letter-spacing: 0; line-height: 24px; margin-bottom:16px; } @media screen and (max-width: 1280px) { .map-main .m_map .usa{left:19.4%;top:30.8%;} .map-main .m_map .german{left:47.6%;top:23%;} .map-main .m_map .bj{left:75.6%;top:31%;} .map-main .m_map .guangzhou{left:74.5%;top:40%;} .map-main .m_map .india{left:65.4%;top:44%;} .map-main .m_map .kenya{left:55.1%;top:54%;} .map-main .m_map .SouthAfrica{left:51%;top:69%;} .map-main .m_map .suzhou{left:76.4%;top:34.6%;} .map-main .m_map .changsha{left:71.8%;top:37.4%;} .map-main .m_map .shanghai{left:77%;top:37%;} .map-main .m_map .xian{left:70.8%;top:33.2%;} .map-main .m_map .chongqing{left: 70.5%;top: 36.2%;} .map-main .m_map .Vietnam{left: 71.4%;top: 49%;} .map-main .m_map .moxige{ left: 17.4%; top: 38.8%;} .map-main .m_map .Indonesia{left: 75.4%; top: 54%;} .map-main .m_map .Switzerland{left: 47.2%; top: 26%;} } @media (min-width:320px) and (max-width:768px){ .map-main{margin-bottom:0.4rem;overflow: auto;} .map-detail .content{padding:20px 15px 15px;} .map-main .m_map .usa{left:17.8%;top:10.8%;} .map-main .m_map .german{left:49%;top:7%;} .map-main .m_map .german em{position:relative;top:-10px;} .map-main .m_map .bj{left:76%;top:5%;} .map-main .m_map .guangzhou{ left: 74.9%; top: 21%;} .map-main .m_map .india{left: 65.8%;top: 26%;} .map-main .m_map .india em{position: relative; top: -21px; left: -15px;} .map-main .m_map .kenya{left: 53.5%; top: 37%;} .map-main .m_map .SouthAfrica{ left: 51.4%; top: 54%;} .map-main .m_map .suzhou{left:76%;top:12%;} .map-main .m_map .changsha{left:68.5%;top:19%;} .map-main .m_map .shanghai{left:77.4%;top:18%;} .map-main .m_map .xian{left:61.4%;top:6%;} .map-main .m_map .xian a em{position:relative;left:10px;} .map-main .m_map .chongqing{left:63.4%;top:15%;} .map-main .m_map .Vietnam{ left: 71.4%; top: 33%; } .map-main .m_map .Vietnam em{ position: relative; left: -42px; top: -10px;} .map-main .m_map .mp .map-title::before{ width: 6px;height: 6px;left:-10px;top:4px; } .map-main .m_map .mp .map-statu{ width:14px; height:14px; } .map-main .m_map .moxige{ top: 21.8%; } .map-main .m_map .Switzerland{ left: 48.2%; top: 12%; } .map-main .m_map .Indonesia{ left: 75.4%; top: 39%; } .map-main .m_map .Indonesia em{position: relative; left: -16px; top: 5px;} } @media (min-width:769px) and (max-width: 1024px){} @media (min-width:1025px) and (max-width: 1280px){} @media (min-width:1281px) and (max-width: 1366px){ } @media (min-width:1367px) and (max-width: 1440px){ } @media (min-width:1441px) and (max-width: 1680px){ } @media (min-width:1680px) and (max-width: 1920px){ } /*================================================鏇村甯姪==================================*/ .index-morehelp{background: #21252E;margin-bottom:80px;padding-bottom:40px!important;} .index-morehelp h2{ text-align: center; padding:40px 0px; font-size: 28px; line-height: 24px; color: #FFFFFF; letter-spacing: 0; text-align: center; } .helplist .helpitem{width:18.75%;height:auto;float:left;margin-right:8.333%;} .helplist .helpitem:last-child{margin:0;} .helplist .helpitem img{display: block;width:72px;height:auto;margin:0 auto 16px;} .helplist .helpitem h3{ font-size: 16px; line-height: 16px; color: #FFFFFF; letter-spacing: 0; text-align: center; margin-bottom:16px; } .helplist .helpitem p{ opacity: 0.8; font-size: 14px; color: #FFFFFF; letter-spacing: 0; text-align: center; } @media (min-width:320px) and (max-width:768px){ .index-morehelp{height:auto;min-height:8rem;} .index-morehelp h2{font-size:0.36rem;margin-bottom:0.6rem;} .helplist .helpitem{width:48%;width:48%;margin-right:0;margin-bottom:0.4rem;} .helplist .helpitem:nth-child(odd){margin-right:1%;} .helplist .helpitem:nth-child(even){float:right;} .helplist .helpitem p{font-size:12px;} } @media (min-width:769px) and (max-width: 1024px){} @media (min-width:1025px) and (max-width: 1280px){} @media (min-width:1281px) and (max-width: 1366px){ } @media (min-width:1367px) and (max-width: 1440px){ } @media (min-width:1441px) and (max-width: 1680px){ } @media (min-width:1680px) and (max-width: 1920px){ } /*===================================鍚堜綔瀹㈡埛======================================== */ .client{min-height:300px;margin-bottom:30px;} .client-list li{width:20%;height:110px;float:left;margin:15px 0px;position: relative;} .client-list li a{display:block;height:110px;width:100%;display: table-cell;vertical-align: middle;} .client-list li img{display: block;vertical-align: middle; max-width: 100%; max-height: 100%; margin: auto; -webkit-transition: all 0.4s;transition: all 0.4s;} .client-list li .img2{display: none;} .client-list li:hover .img2{display: block;} .client-list li:hover .img1{display:none;} @media (min-width:320px) and (max-width:768px){ .client-list li{width:48%!important;} .client-list li img{width:90%!important;margin:0 auto;} } @media (min-width:769px) and (max-width: 1024px){} @media (min-width:1025px) and (max-width: 1280px){} @media (min-width:1281px) and (max-width: 1366px){ } @media (min-width:1367px) and (max-width: 1440px){ } @media (min-width:1441px) and (max-width: 1680px){ } @media (min-width:1680px) and (max-width: 1920px){ } @media only screen and (max-width: 768px){ .index-pszz{padding-top: 24px; margin-bottom: 32px;} .container-tit p{font-size:28px!important;} .index-item1 .item .itemin .item-pic{height:0px;padding-bottom:25%;} .greent-title{margin-bottom:10px;} .greent-title p{font-size:24px;line-height:1.5;} .greent-title::before{height:70px;} .item-green .green-more{font-size:16px;} .jxcplist .item-green{min-height:auto;} .green-cont{margin-bottom:30px!important;} .jxcplist .item .itempd{padding:40px 50px!important;} .item-green .green-more{margin-left:0px;} .item-tinfo .item-more{line-height:36px;} .helplist .helpitem p{font-size:14px;line-height:1.5;height:3em;} .index-ts{margin-bottom:32px;} .index-jxcp{margin-bottom:32px;} .index-map{margin-bottom:32px;} .index-morehelp{margin-bottom:32px;min-height:auto;} .client-list li{height:auto;margin:0;} .item-tinfo{padding:24px 24px 24px 24px!important} } @media only screen and (max-width: 600px){ .client-list li a{height:80px;} .container-tit h2{font-size: 18px!important;} .container-tit p{font-size:18px!important;margin-bottom:20px;} .greent-title p{font-size:18px;} .index-item1 .item .itemin .item-pic{height:0px;padding-bottom:20%;} }