@charset "utf-8";
/* CSS Document */
/*============================animate===============================*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;}@-webkit-keyframes fadeInUp3D{from{opacity:0;-webkit-transform:translate3d(0,50px,0) scale(1.05,1.05);transform:translate3d(0,50px,0) scale(1.05,1.05);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInUp3D{from{opacity:0;-webkit-transform:translate3d(0,50px,0) scale(1.05,1.05);transform:translate3d(0,50px,0) scale(1.05,1.05);}to{opacity:1;-webkit-transform:none;transform:none;}}.fadeInUp3D{-webkit-animation-name:fadeInUp3D;animation-name:fadeInUp3D;}@-webkit-keyframes fadeInDown3D{from{opacity:0;-webkit-transform:translate3d(0,-50px,0) scale(1.05,1.05);transform:translate3d(0,-50px,0) scale(1.05,1.05);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInDown3D{from{opacity:0;-webkit-transform:translate3d(0,-50px,0) scale(1.05,1.05);transform:translate3d(0,-50px,0) scale(1.05,1.05);}to{opacity:1;-webkit-transform:none;transform:none;}}.fadeInDown3D{-webkit-animation-name:fadeInDown3D;animation-name:fadeInDown3D;}@-webkit-keyframes fadeInLeft3D{from{opacity:0;-webkit-transform:translate3d(-50px,0,0) scale(1.05,1.05);transform:translate3d(-50px,0,0) scale(1.05,1.05);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInLeft3D{from{opacity:0;-webkit-transform:translate3d(-50px,0,0) scale(1.05,1.05);transform:translate3d(-50px,0,0) scale(1.05,1.05);}to{opacity:1;-webkit-transform:none;transform:none;}}.fadeInLeft3D{-webkit-animation-name:fadeInLeft3D;animation-name:fadeInLeft3D;}@-webkit-keyframes fadeInRight3D{from{opacity:0;-webkit-transform:translate3d(50px,0,0) scale(1.05,1.05);transform:translate3d(50px,0,0) scale(1.05,1.05);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInRight3D{from{opacity:0;-webkit-transform:translate3d(50px,0,0) scale(1.05,1.05);transform:translate3d(50px,0,0) scale(1.05,1.05);}to{opacity:1;-webkit-transform:none;transform:none;}}.fadeInRight3D{-webkit-animation-name:fadeInRight3D;animation-name:fadeInRight3D;}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom;}@-webkit-keyframes flash{from,50%,to{opacity:1;}25%,75%{opacity:0;}}@keyframes flash{from,50%,to{opacity:1;}25%,75%{opacity:0;}}.flash{-webkit-animation-name:flash;animation-name:flash;}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.pulse{-webkit-animation-name:pulse;animation-name:pulse;}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1);}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1);}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.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:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1);}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1);}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.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:scale3d(1,1,1);transform:scale3d(1,1,1);}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}}.shake{-webkit-animation-name:shake;animation-name:shake;}@-webkit-keyframes 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:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg);}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg);}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.tada{-webkit-animation-name:tada;animation-name:tada;}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none;}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);}to{-webkit-transform:none;transform:none;}}@keyframes wobble{from{-webkit-transform:none;transform:none;}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);}to{-webkit-transform:none;transform:none;}}.wobble{-webkit-animation-name:wobble;animation-name:wobble;}@-webkit-keyframes jello{from,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(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg);}}@keyframes jello{from,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(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg);}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center;}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}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:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}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:scale3d(1,1,1);transform:scale3d(1,1,1);}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}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{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}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{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}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{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}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{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}from{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{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}from{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{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}from{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:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}from{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:translate3d(0,0,0);transform:translate3d(0,0,0);}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}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{from{opacity:0;}to{opacity:1;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);}to{opacity:1;-webkit-transform:none;transform:none;}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInDownBig{from{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{from{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInLeftBig{from{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{from{opacity:0;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInRightBig{from{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{from{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);}to{opacity:1;-webkit-transform:none;transform:none;}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInUpBig{from{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{from{opacity:1;}to{opacity:0;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}@-webkit-keyframes fadeOutDown{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}@keyframes fadeOutDown{from{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{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}@keyframes fadeOutDownBig{from{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{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}@keyframes fadeOutLeft{from{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{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}@keyframes fadeOutLeftBig{from{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{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@keyframes fadeOutRight{from{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{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}@keyframes fadeOutRightBig{from{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{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}@keyframes fadeOutUp{from{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{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}@keyframes fadeOutUpBig{from{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{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}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{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}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{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);}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{from{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1;}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0;}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1;}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0;}}.flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;}to{-webkit-transform:none;transform:none;opacity:1;}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;}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{from{opacity:1;}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}}@keyframes lightSpeedOut{from{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{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0;}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0;}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0;}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0;}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1;}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0;}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1;}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0;}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0;}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0;}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0;}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}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{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}to{opacity:1;-webkit-transform:none;transform:none;}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;}@-webkit-keyframes rollOut{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);}}@keyframes rollOut{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}@keyframes zoomIn{from{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{from{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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}@keyframes zoomInDown{from{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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown;}@-webkit-keyframes zoomInLeft{from{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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}@keyframes zoomInLeft{from{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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;}@-webkit-keyframes zoomInRight{from{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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}@keyframes zoomInRight{from{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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight;}@-webkit-keyframes zoomInUp{from{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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}@keyframes zoomInUp{from{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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp;}@-webkit-keyframes zoomOut{from{opacity:1;}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}to{opacity:0;}}@keyframes zoomOut{from{opacity:1;}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}


@-webkit-keyframes fadeIn3D{from{opacity:0;-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeIn3D{from{opacity:0;-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);}to{opacity:1;-webkit-transform:none;transform:none;}}.fadeIn3D{-webkit-animation-name:fadeIn3D;animation-name:fadeIn3D;}



/*============================idangerous.swiper===============================*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}.swiper-wp8-horizontal{-ms-touch-action:pan-y;}.swiper-wp8-vertical{-ms-touch-action:pan-x;}.swiper-container{}.swiper-slide{}.swiper-slide-active{}.swiper-slide-visible{}.swiper-pagination-switch{}.swiper-active-switch{}.swiper-visible-switch{}



/*============================default===============================*/
/* 基础设置 */
html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

body {
	overflow-x: hidden;
	-webkit-text-size-adjust: none; height:100%; width: 100%;
	overflow-y: scroll;
	background: #fff;
	font-size: 14px;
}

*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; line-height: 1.75;}

.af-cb:after{clear: both; content: ' '; overflow: hidden; width: 0; height: 0; display: block;}

a,a:link{ color: #000; text-decoration: none;}
a:hover,a:active{ color: #004a96; text-decoration: none;}
::selection{background:#004a96; color:#fff;}
::-moz-selection{background:#004a96; color:#fff;}


/*定义动画*/
.e-ani *,.e-ani *:before,.e-ani *:after{-webkit-transition: .3s; transition:.3s;}
.nav *,.nav *:after,.nav *:before{-webkit-transition:height .3s, width .3s, color .3s,  -webkit-box-shadow .3s,border .3s,opacity .3s,-webkit-transform .3s,background .3s, opacity .3s,top .3s,right .3s,bottom .3s,left .3s,padding .3s;
transition:height .3s, width .3s, color .3s, box-shadow .3s,border .3s,opacity .3s, transform .3s,background .3s, opacity .3s,top .3s,right .3s,bottom .3s,left .3s,padding .3s;}


.e-animte{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear .6s, bottom 0s linear .6s, left 0s linear .6s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear .6s,bottom 0s linear .6s,left 0s linear .6s;}

*.e-animte-show{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear 0s, bottom 0s linear 0s,left 0s linear 0s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear 0s, bottom 0s linear 0s, left 0s linear 0s;}

.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}


/*--简易切换动画--*/
.tabs-box .bd{ position: relative; overflow: hidden;}
.tabs-box .bd>.tabs-hide{ position: absolute; top: -1000%; width: 100%; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide .8s; animation: tabs-hide .8s;   -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.tabs-box .bd-t>.tabs-hide{ position: absolute; top: -1000%; width: 100%; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide-02 .8s; animation: tabs-hide-02 .8s;   -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
@-webkit-keyframes tabs-hide /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(-55%); transform: translateX(-55%);  opacity: 0;}
}
@keyframes tabs-hide
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(-55%); transform: translateX(-55%);  opacity: 0;}
}

@-webkit-keyframes tabs-hide-02 /* Safari 和 Chrome */
{
from { -webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
to { -webkit-transform: translateY(-55%); transform: translateY(-55%);  opacity: 0;}
}
@keyframes tabs-hide-02
{
from { -webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
to { -webkit-transform: translateY(-55%); transform: translateY(-55%);  opacity: 0;}
}

.tabs-box .bd>.tabs-on{ position: relative; top: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1; clear: both; overflow: hidden;}
.tabs-box .bd>.tabs-show{ position: relative; top: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show .8s; animation: tabs-show .8s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; clear: both; overflow: hidden;}
.tabs-box .bd-t>.tabs-show{ position: relative; top: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show-02 .8s; animation: tabs-show-02 .8s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; clear: both; overflow: hidden;}

@-webkit-keyframes tabs-show /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(55%); transform: translateX(55%);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}
@keyframes tabs-show
{
from { -webkit-transform: translateX(55%); transform: translateX(55%);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}


@-webkit-keyframes tabs-show-02 /* Safari 和 Chrome */
{
from { -webkit-transform: translateY(55%); transform: translateY(55%);  opacity: 0;}
to { -webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
}
@keyframes tabs-show-02
{
from { -webkit-transform: translateY(55%); transform: translateY(55%);  opacity: 0;}
to { -webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
}


/*--最小屏提示--*/
@media screen and (max-width: 319px) {
html{-webkit-transition: 0s;  transition: 0s; background: #fff url(../img/displayNone.png) center center no-repeat; }
	body {
		-webkit-transition: 0s;  transition: 0s; display: none;
	}
}

/*--移动端横屏提示--*/
@media (max-width: 991px) and (orientation : landscape) {
	html.landscape {
		background: #fff url(../img/landscape.png) center center no-repeat;
	}
	html.landscape body {
		display: none;
	}
}


/*--swiper2.x高度自适应--*/
.swiper-container .swiper-wrapper,.swiper-container .swiper-slide{ height: auto !important;}

/*默认动画时长*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration:1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-s {
  -webkit-animation-duration: .5s;
  animation-duration:.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*百度分享*/
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}

/*百度分享微信弹窗兼容*/
.bd_weixin_popup{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}


/*百度地图*/
.map-box *{ -webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s;}
.map label,.map img{max-width: none !important; width: initial !important;}
.map *{ font-size: 12px;}


/*lightbox*/
.lightbox,.lightbox *,.lightboxOverlay,.lightboxOverlay *{-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s; -webkit-transform:translateZ(0); transform:translateZ(0);}


/*--分页--*/
div.pages {text-align: center; width: 100%; padding: 20px 0 0 0; margin: 0; line-height: 1.7;}
div.pages *{ line-height: 1.7;}
div.pages a,div.pages span {text-decoration: none; background: #fff; border: 1px solid #dcdcdc; padding: 5px 10px; margin: 3px; color: #333333; font-size: 12px; display: inline-block;}
div.pages a.on,div.pages a.hover,div.pages a:hover,div.pages a:active,div.pages span.current,div.pages span.disabled { background: #004a96; color: #fff; border: 1px solid #004a96; }
@media screen and (min-width: 992px) {
	div.pages{ padding: 30px 0;}
	div.pages a,div.pages span{padding: 8px 15px; font-size: 14px;}
}

/*--移动端设置&小屏电脑 图片缩放--*/
@media screen and (max-width: 1279px){
.content-box img{width: auto !important; height: auto !important; max-width: 100%;}
}

/*图片比例裁剪预设*/
i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;}
i.pic-size img{ width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; position: absolute; /* left: -100%; top: -100%; right: -100%; bottom: -100%;*/ margin: auto; object-fit: contain;}
i.pic-size-cover img{object-fit: cover;}

.wow{
	opacity:0;
}

/*============================layout===============================*/
@media screen and (min-width: 320px) {
	/*html{ background: #fff url(../img/bg-logo.gif) center center no-repeat;}
	body{opacity: 0; filter:Alpha(opacity=0); background: #fff; -webkit-transition: 1s; transition: 1s;}
	.body-show{ opacity: 1; filter:Alpha(opacity=0);}*/
	.container{ padding: 0 15px; margin: 0 auto;}
	.container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;}
	
	
	.cont-bg,.cont-bg-bd{ background: #fff; padding: 30px 0;}
}

@media screen and (min-width: 992px) {
	.container{ width: 100%; padding: 0 30px;}
	.container-min,.container-min-bd{ width: 100%; padding: 0 30px;}
	.container-header{ width: 100%; padding: 0 30px;}
	
	/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
		::-webkit-scrollbar
		{
		    width: 10px;
		    height: 10px;
		    background-color: #f7f7f7;
		}
		 
		/*定义滚动条轨道 内阴影+圆角*/
		::-webkit-scrollbar-track
		{
		    background-color: #e6e6e6;
		}
		 
		/*定义滑块 内阴影+圆角*/
		::-webkit-scrollbar-thumb
		{
		    background-color: #aaa;
		}
}

@media screen and (min-width: 1230px) {
	.container-min,.container-min-bd{ width: 100%; padding: 0 100px;}
	.container-header{ width: 100%; padding: 0 100px;}
}

@media screen and (min-width: 1350px) {

}


/*============================header===============================*/
@media screen and (min-width: 320px) {
	.nav-box{ height: 55px; position: relative; width: 100%; z-index: 99;  box-shadow: 0 0 5px rgba(0,0,0,.2); }
	.nav-h{display: none;}
	.logo{ float: left; position: relative; z-index: 9; height: 55px;}
	.logo a{ display: block; height: 100%;}
	.logo img{ height:100%; display: block;}
	
	.nav-btn{ display: block; padding: 0 10px; margin-right: -10px; float: right; cursor: pointer; position: relative; z-index: 9; height:55px; overflow:hidden;}
	.nav-btn i{ line-height: 55px; font-size: 16px; width: 24px; text-align: center;}
	.nav-hide-btn{ display: none;}
	
	.nav-btn-show .nav-hide-btn{ display: block;}
	.nav-btn-show .nav-show-btn{ display: none;}
	
	.nav{ position: absolute; top: -1000%; left: 0; right: 0; background: #fff; padding:10px 15px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.6);
	box-shadow: 0 0 10px rgba(0,0,0,.6); -webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform: scaleY(.5) translateY(-25%); transform: scaleY(.5) translateY(-25%); opacity: 0; filter:Alpha(opacity=0); border-top: solid 1px #eee;}
	
	.nav-show{ top: 55px; opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none;}
	
	.nav-list{ visibility: visible !important;}
	.nav-list li{ border-bottom: solid 1px #eee;}
	.nav-list li:nth-last-child(1){border: none;}
	.nav-list li a{ display: block;}
	.nav-list li a b{font-weight: normal; line-height: 46px; display: inline-block; position: relative; color: #000;}
	.bd-more{ position: absolute; bottom: 0; left: 50%; margin-left: -8px; border-bottom: solid 8px #f4f4f4; border-left: solid 8px transparent; border-right: solid 8px transparent; opacity: 0; filter:Alpha(opacity=0); -webkit-transform: translateY(8px); transform: translateY(8px);}
	.nav-list li .nav-list-sub{ opacity: 0; filter:Alpha(opacity=0); -webkit-transform-origin:0% 0%; transform-origin:0% 0%; overflow: hidden; background: #f4f4f4; height: 0;}
	.nav-list li .nav-list-sub div{ padding: 10px 15px;}
	.nav-list li .nav-list-sub div dd{ display: none;}
	.nav-list li .nav-list-sub a{ line-height: 40px; border-bottom: solid 1px #e4e4e4;}
	/*.nav-list li .nav-list-sub a:nth-last-child(1){border: none;}*/
	.nav-list .nav-on{ border-color: transparent;}
	.nav-on .bd-more{ opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none;}
	.nav-list li.nav-on .nav-list-sub{ opacity: 1; filter:Alpha(opacity=100);}
	.nav-list li .on b{ color: #004a96;}
	.nav-list li.nav-on a b{ color: #004a96;}
	.nav-box-bg{ position: absolute; z-index: 8; background: #fff; overflow: hidden; height: 55px; left: 0; right: 0;}
	
	.nav-btn-bg,.nav-btn-bg-02{ opacity: 0; filter:Alpha(opacity=0); width: 100%; left: 0; top: 0; height: 80px; background: #004a96; z-index: -1; position: absolute;}
	.nav-btn-bg-02{ width: auto; left: auto;}
	.nav-btn-bg-02-show{ opacity: 1;  filter:Alpha(opacity=100); }
}


@media screen and (min-width: 375px) {
	
}


@media screen and (min-width: 480px) {
	.logo{ height: 75px;}
	.nav-box{ height: 75px;}
	.nav-box-bg{ height: 75px;}
	.nav-show{ top: 75px;}
	.nav-btn { height:75px;}
	.nav-btn i{ line-height: 75px;}
	
}


@media screen and (min-width: 992px) {
	.nav-box .logo,.nav-box .logo *,.nav-box-bg{ transition: .3s;}
	.nav-box-min .nav-list li.nav-on .nav-list-sub{ top: 60px;}
	.nav-box{ height: 80px;  box-shadow: none; position: fixed; width: 100%;}
	
	.nav-h{display: block; height:80px;}
	.logo,.logo img{ height: 80px; width: 164px;}
	.nav-btn{ display: none;}
	.nav-box-bg{ height: 80px;}
	.nav{ float: right; top: 0; position: relative; -webkit-transform: none; transform: none; opacity: 1; filter:Alpha(opacity=100); z-index: 9; box-shadow: none; padding: 0; border-top: none;}
	.nav-list{ position: relative;}
	.nav-list li{ float: left; border-bottom: none; position: relative;}
	
	.nav-list li a b{ line-height: 80px; height: 80px; font-size: 14px;}
	.nav-list li a{ height: 80px; line-height: 80px; padding: 0 20px; font-size: 16px; position: relative;}
	.nav-list li.nav-on>a b{ color: #fff;}
	.nav-list li .on b,.nav-list li a:hover b{ color: #fff;}
	.nav-list li .on .nav-btn-bg{ opacity: 1;filter:Alpha(opacity=100); }
	.nav-list li .nav-list-sub{ position: absolute; top: 80px; height: auto !important; width: 100%; opacity: 0; filter:Alpha(opacity=0);
-webkit-transform: translateY(8px);
transform: translateY(8px); box-shadow: 0 5px 8px rgba(0,0,0,.3); top: -1000px; pointer-events: none;}
	.nav-list li .nav-list-sub div{ padding: 10px 0;}
	.nav-list li .nav-list-sub a{ padding: 0; line-height: normal; height: auto; border: none; font-size: 14px;}
	.nav-list li .nav-list-sub a span{ text-align: center; display: block; line-height: 36px; color: #000; position: relative;}
	.nav-list li .nav-list-sub a span:after{content: ' '; position: absolute; width: 0; height: 2px; background: #004a96; overflow: hidden; left: 0; bottom: 0; opacity: 0; filter:Alpha(opacity=0);}
	.nav-list li .nav-list-sub a:hover span{ color: #004a96;}
	.nav-list li .nav-list-sub a:hover span:after{ width: 100%; opacity: 1; filter:Alpha(opacity=100);}
	.nav-list li.nav-off a b{ color: #000;}
	.nav-list li.nav-off .nav-list-sub{pointer-events: none;}
	.nav-list li.nav-on .nav-list-sub{ opacity: 1; filter:Alpha(opacity=100);
-webkit-transform: none;
transform: none;  top: 80px;  pointer-events: auto;}
	

	
	.nav-list li .nav-list-sub div dd{display: block;}
	.nav-list li.nav-list-w .nav-list-sub{  width: auto; left: -20px; right: -20px;}
	.nav-list li.nav-list-max{ position: static;}
	.nav-list li.nav-list-max .nav-list-sub{ width: 890px; right: 0;}
	.nav-list li.nav-list-max .nav-list-sub .nav-list-sub-bd{ padding: 10px 15px; overflow: hidden; display: flex;}
	.nav-list li.nav-list-max .nav-list-sub .nav-list-sub-bd dl{ width: 25%; float: left; flex: 1; -webkit-transform: translateX(20px);  transform: translateX(20px); opacity: 0;}
	.nav-list li.nav-list-max .nav-list-sub .nav-list-sub-bd dt{ border-bottom: solid 1px #ddd; padding-bottom: 5px;}
	.nav-list li.nav-list-max .nav-list-sub .nav-list-sub-bd dt a{ line-height: 30px; font-weight: bold; font-size: 14px; display: inline;}
	.nav-list li.nav-list-max .nav-list-sub .nav-list-sub-bd dd{ padding-top: 5px;}
	.nav-list li.nav-list-max .nav-list-sub .nav-list-sub-bd dd span{  display: block;}
	.nav-list li.nav-list-max .nav-list-sub .nav-list-sub-bd dd a{ line-height: 28px; display: inline; font-size: 12px;}
	
	.nav-list li.nav-on .nav-list-sub .nav-list-sub-bd dl{ -webkit-transform: translateX(0); transform: rotateX(0); opacity: 1;}
	.nav-list li.nav-list-max .nav-list-sub-bd dl:nth-child(1){transition-delay: .2s;}
	.nav-list li.nav-list-max .nav-list-sub-bd dl:nth-child(2){transition-delay: .3s;}
	.nav-list li.nav-list-max .nav-list-sub-bd dl:nth-child(3){transition-delay: .4s;}
	.nav-list li.nav-list-max .nav-list-sub-bd dl:nth-child(4){transition-delay: .5s;}
	.nav-list li.nav-list-max .nav-list-sub-bd dl:nth-child(5){transition-delay: .6s;}
	.nav-list li.nav-list-max .nav-list-sub-bd dl:nth-child(6){transition-delay: .7s;}

	.nav-box-min{height: 60px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.nav-box-min .nav-box-bg{height: 60px; transition: 0;}
	.nav-box-min .logo,.nav-box-min .logo *{ height: 60px;  width: 123px;}
	.nav-box-min .nav-list li a{height: 60px; line-height: 60px;}
	.nav-box-min .nav-list li a b{ line-height: 60px; height: 60px;}
	.nav-box-min .nav-btn-bg,.nav-box-min  .nav-btn-bg-02{height: 60px;}
}




/*============================index===============================*/
/*--banner-01--*/
@media screen and (min-width: 320px) {

	.banner-link{ display: block; width: 100%; height: 100%;}
	.banner-bg{ height: 100%; display: table; width: 100%; padding-bottom: 40px;}
	.banber-bg-dtc{ display: table-cell; vertical-align: middle;}
	
	.ind-banner-bg{ width: 100%; background-position: center center; -webkit-background-size: cover;
	background-size: cover; background-repeat: no-repeat; height: 0; padding-bottom: 137.29%;}
	.ind-banner-bg img{ width: 100%;}
	.banner-bg-01{ background: #000;}
	.banner-bg-01 dt{ position: relative;}
	.banner-anim-1{ position: absolute; width: 100%; height: auto; z-index: 9;}
	.banner-bg-01 img{ width: 100%; height: auto; opacity: 0;  filter:Alpha(opacity=0);}
	.banner-bg-01 dd b{ display: block; color: #fff; text-align: center; font-size: 24px; font-weight: normal; padding-bottom: 15px;}
	.banner-bg-01 dd .banner-cont{display: none;}
	.banner-bg-01 dd span{ text-align: center; display: block; color: #4090da;}
	

	
	.swiper-banner .swiper-slide *{ -webkit-transition: -webkit-transform 1.2s, opacity 1.2s; transition: transform 1.2s, opacity 1.2s;}
	.banner-bg-01 dd{opacity: 0;  filter:Alpha(opacity=0); -webkit-transform: translateY(50px); transform: translateY(50px);  -webkit-transition-delay: .2s; transition-delay: .2s; }
	/*
	.swiper-banner .swiper-slide .banner-anim-11{ -webkit-transform: scale(1.1); transform: translateY(1.1);  -webkit-transition-duration: .6s ; transition-duration: .6s;}
	.swiper-banner .swiper-slide .banner-anim-12{ -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition-delay: .3s; transition-delay: .3s; }
	.swiper-banner .swiper-slide .banner-anim-13{ -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition-delay: .2s; transition-delay: .2s;}
	.swiper-banner .swiper-slide .banner-anim-14{ -webkit-transform: translateY(-20px); transform: translateY(-20px);-webkit-transition-delay: .3s; transition-delay: .3s;}
	.swiper-banner .swiper-slide .banner-anim-15{ -webkit-transition-delay: .6s; transition-delay: .6s;}
	
	.swiper-banner .swiper-slide-show .banner-anim-11{ opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none;}
	.swiper-banner .swiper-slide-show .banner-anim-12{ opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none;}
	.swiper-banner .swiper-slide-show .banner-anim-13{ opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none;}
	.swiper-banner .swiper-slide-show .banner-anim-14{ opacity: 1; filter:Alpha(opacity=100);  -webkit-transform: none; transform: none;}
	.swiper-banner .swiper-slide-show .banner-anim-15{ opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none;}
	.swiper-banner .swiper-slide-show dd{opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none;}*/
	
	.pagination-banner{ position: absolute; position: absolute; bottom: 15px; width: 100%; text-align: center; z-index: 9; text-align: center;}
	.pagination-banner .swiper-pagination-switch{ width: 52px; height: 2px; background: #fff; opacity: .3; filter:Alpha(opacity=30); display: inline-block; margin: 0 5px; cursor: pointer; }
	.pagination-banner .swiper-active-switch{ opacity: 1; filter:Alpha(opacity=100);}
	
	.pagination-banner{ position: absolute; position: absolute; bottom: 15px; width: 100%; text-align: center; z-index: 9; text-align: center;}
	.pagination-banner .swiper-pagination-switch{ width: 52px; height: 3px; background: #fff; opacity: .3; filter:Alpha(opacity=30); display: inline-block; margin: 0 5px; cursor: pointer; position: relative;}
	.pagination-banner .swiper-pagination-switch:before{ content: ' '; position: absolute; left: 0; top: 0; height: 3px; width: 0; background: #fff; animation-timing-function:linear;}
	.pagination-banner .swiper-active-switch{ opacity: 1; filter:Alpha(opacity=100);  background: #999;}
	
	.pagination-banner .swiper-active-switch:before{ transition: 5.8s; width: 100%;}
	
}

@media screen and (min-width: 992px) {
	.banner-link{ display: block; width: 100%; height: 100%;}
	.banner-bg{ height: 100%; display: table; width: 100%; padding-bottom: 40px;}
	.ind-banner-bg{ height: 0; padding-bottom: 34%; }
	
	.ind-banner-bg img{ display: none;}
	
	.banner-bg-01 dt{ width: 440px; position: relative; left: 520px; float: left;}
	.banner-bg-01 dd{ width: 520px; right: 440px; position: relative; float: left; padding-right: 30px; height: 470px; display: table;}
	.banner-bg-01 dd .dtc{ display: table-cell; vertical-align: middle;}
	.banner-bg-01 dd b{ text-align: left; font-size: 40px;}
	.banner-bg-01 dd span{ text-align: left; padding-top: 30px;}
	.banner-bg-01 dd .banner-cont{display: block; color: #fff; padding: 20px; font-size: 14px; border: solid 3px #fff;}
	.banner-bg-01 dd .banner-cont p{ padding-bottom: 10px;}
	
	.pagination-banner{ bottom: 25px;}
}




@media screen and (min-width: 375px) {
	.banner-bg-01 dd b{  font-size: 32px;}
	.banner-bg-01 dd span{ font-size: 14px;}
}


@media screen and (min-width: 480px) {
	.banner-bg-01 dt{ width: 440px; margin: 0 auto;}

	
}

@media screen and (min-width: 1230px) {
	.ind-banner-bg{ padding-bottom: 0; height: 464px;}
}
/*--/banner-01--*/


/*--业务栏目--*/
@media screen and (min-width:320px) {

	.ind-business-bg{ padding: 20px 0;}
	
	i.pic-scale-business-l{ padding-bottom: 117.83%;}
	i.pic-scale-business-r{ padding-bottom: 56.59%;}
	
	.business-l{ margin:0;}
	.business-l li{ padding:10px 0;}
	.business-r li{ padding:10px 0;}

	i.pic-size img.business-shade{ position: absolute; left: 0; bottom: 0; right: auto; width: 100% !important; height: auto !important; z-index: 9;top: auto !important;}
	
	
	.business-txt{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 9; color: #fff; font-style: normal; padding: 15px;}
	.business-txt b{ font-size: 22px; font-weight: normal;}
	.business-txt p{ overflow: hidden; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; padding-top: 5px;}
	.business-txt span{ font-size: 12px; line-height: 20px; position: relative; }
	.business-txt i{ font-size: 12px;line-height: 20px; padding-left: 10px; right: 0; display: inline-block;}
	
	.ind-business-bg i:hover .business-pic{-webkit-transform: scale(1.1); transform:  scale(1.1);}
	.ind-business-bg i:hover .business-txt i{ -webkit-transform: translateX(5px); transform: translateX(5px);}
	
	
	.business-max-link{display: block;}
	
	
}

@media screen and (min-width: 992px) {
	.ind-business-bg{ padding: 40px 0;}
	.business-l{ width: 50%; float: left; padding-right: 10px; margin: -10px 0;}
	.business-l li{ padding: 10px 0;}
	.business-r{ width: 50%; float: left; padding-left: 10px; margin: -10px 0;}
	.business-r li{ padding: 10px 0;}
	
	i.pic-scale-business-l{ height: 760px; padding-bottom: 0;}
	i.pic-scale-business-r{ height: 370px; padding-bottom: 0;}
	
	.business-txt b{ font-size: 28px;}
	.business-txt span{ font-size: 16px; line-height: 24px; padding-right: 25px;}
	.business-txt i{ line-height: 24px;  font-size: 14px;}

	.business-mess{ display: block; position: absolute; left: 0; top: 0;  width: 100%; height: 100%; opacity: 0; background: rgba(0,74,150,.9); font-style: normal; z-index: 10; }
	.business-mess dd{ overflow: hidden;}
	.business-mess-ova dd{ width: 100%; color: #fff; height: 28px;}
	.business-mess-ova dd i{ margin-left: -5px; font-style: normal; float: left; line-height: 28px; font-size: 12px;}
	
	.business-mess-bd{ padding: 15px 10px; }
	.business-mess b{ color: #fff; font-size: 20px; -webkit-transform: translateY(20%); transform: translateY(20%); display: block;}
	.business-mess dl{-webkit-transform: translateY(20%); transform: translateY(20%); opacity: 0; padding-bottom: 10px;}
	.business-mess dl:nth-child(1){ transition-delay: .05s;}
	.business-mess dl:nth-child(2){ transition-delay: .1s;}
	.business-mess dl:nth-child(3){ transition-delay: .15s;}
	.business-mess dl:nth-child(4){ transition-delay: .2s;}
	.business-mess dl:nth-child(5){ transition-delay: .25s;}
	.business-mess dl:nth-child(6){ transition-delay: .3s;}
	.business-mess a{ color: #fff; font-style: normal; font-size: 12px;}
	.business-mess dt {display: block;overflow: hidden;}
	.business-mess dt a{overflow: hidden;}
	.business-mess dt i{ border-left: solid 8px #6bdaff; border-top: solid 5px transparent; border-bottom:  solid 5px transparent; display: block; float: left; margin-right: 5px; margin-top: 7px;}
	.business-mess dt span{ float: left; color: #6bdaff;  font-size: 14px;}
	.business-mess dd a{ margin-right: 10px; display: inline-block; line-height: 28px; float: left;}
	.ind-business-bg  li i:hover .business-mess{ opacity: 1; -webkit-transform: scale(1); transform:  scale(1);}
	.ind-business-bg  li i:hover b,.ind-business-bg  li i:hover dl{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
	.ind-business-bg  li i:hover .business-txt{ -webkit-transform: translateY(20%); transform: translateY(20%); opacity: 0;}
	
	
	.business-txt{ padding: 25px 35px;}
	
}

@media screen and (min-width: 1230px) {
/*	.business-l{ padding-right: 15px; margin: -13px 0;}
	.business-l li{ padding: 13px 0;}
	.business-r{ padding-left: 15px; margin: -13px 0;}
	.business-r li{ padding: 13px 0;}*/
	
	.business-mess-bd{ padding: 30px;}


	.business-mess dt i{margin-right: 10px; margin-top: 12px;}
	.business-mess dt span{ font-size: 16px; line-height: 34px;}

	i.pic-scale-business-l{ height: 860px; padding-bottom: 0;}
	i.pic-scale-business-r{ height: 420px; padding-bottom: 0;}
}

@media screen and (min-width: 1350px) {

	/*.business-l{ margin: -15px 0;}
	.business-l li{ padding: 15px 0;}
	.business-r{ margin: -15px 0;}
	.business-r li{ padding: 15px 0;}*/

	.business-mess dd a{ margin-right: 20px; }
	.business-mess-ova dd i{ margin-left: -15px; }
	
	i.pic-scale-business-l{ height: 920px; padding-bottom: 0;}
	i.pic-scale-business-r{ height: 450px; padding-bottom: 0;}
}

/*--/主要服务--*/

/*--成功案例--*/
@media screen and (min-width:320px) {
	.ind-case-bg{ background: #252525; padding: 30px 0;}
	.ind-case-top{ background: #fff; padding: 25px 15px; /*margin: -30px -15px 15px -15px; */overflow: hidden;}
	
/*	.ind-case-top *{ color:#fff;}
	.ind-case-top a{ color:#fff;}*/
	.ind-case-top .ind-case-btn{ color:#252525;}
	
	.ind-case-tit span{ font-size: 24px; text-transform: uppercase; font-weight: bold; padding: 3px 0;}
	.ind-case-tit b{ font-size: 20px; display: block;}
	
	.ind-case-ass{ padding: 10px 0; overflow: hidden;}
	.ind-case-ass li{ width: 33.333%; float: left; padding: 5px 0;}
	.ind-case-ass li a{ font-weight: bold;}
	.ind-case-ass li a:hover{color: #4090da;}
	
	.ind-case-search{ position: relative;}
	.ind-case-inp{ width: 100%; height: 40px; border: solid 2px #000; -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; padding: 0 50px 0 15px;}
	.ind-case-btn{ position: absolute; background: none; border: none;  right: 10px; top: 0; width: 40px; height: 40px; text-align: center; font-size: 20px; cursor: pointer;}
	.ind-case-inp:focus{ border-color: #4090da;}
	.ind-case-btn:hover{ color: #4090da;}
	
	.ind-case-list{ display: none;}
	
	.swiper-case{ margin-top: 15px;}
	
	.swiper-case-bd{padding-top: 0;}
	i.pic-scale-case{ padding-bottom: 185px;}
	
	.ind-case-list a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
	
	.swiper-case-box div{ background: #fff; line-height: 45px; padding: 0 15px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; text-align: center;}
	.swiper-case-box div span{ font-size: 16px;  color: #000;}
	.swiper-case-box div i{ font-size: 14px;}
	.swiper-case-box div i:before{ color: #bebebe;}
	.swiper-case-box:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
	.swiper-case-box:hover div span,.swiper-case-box:hover div i:before{ color: #4090da;}
	
	.case-btn{ position: absolute; left: 15px; top: 50%; color: #fff; width: 40px; height: 40px; margin-top: -70px; cursor: pointer; z-index: 9;}
	.case-btn:hover{ -webkit-transform: scale(1.1); transform: scale(1.1);}
	.case-btn i{ font-size: 40px; text-shadow: 0 0 5px rgba(0,0,0,.2);}
	.case-next{ right: 15px; left: auto;}
	
	.case-more{ text-align: center; padding-top: 30px;}
	.case-more a{ color: #666; font-size: 16px;}
	.case-more a:hover{ color: #fff;}
	
	.case-txt{ padding: 10px 0; position: relative; height: 70px; background: #fff; text-align: center; display: flex; align-items: center; justify-content: center;}
	.case-txt b{border-bottom: none; padding-bottom: 0; font-size: 16px; color: #040000; line-height: 30px; display: block; background: none; width: 100%; padding: 0 15px; font-weight: normal; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	/* .case-txt b{border-bottom: none; padding-bottom: 0; font-size: 16px; color: #040000; line-height: 30px; display: block; background: none; position: absolute; width: 100%; padding: 0 15px; bottom: 30px; left: 0; font-weight: normal; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;} */
	.case-txt span{ font-size: 14px; color: #888; line-height: 30px; position: absolute; width: 100%; padding: 0 15px; bottom: 0; left: 0; background:none; height: 30px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	a.case-link{display: block;}
	
	
	/*.case-shade{background: #0092e0; background: rgba(0,146,224,.85); opacity: 0; filter:Alpha(opacity=0); position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 99; padding: 0;  -webkit-transform: scale(1.1); transform: scale(1.1); pointer-events: none;}
	.case-shade span{ position: absolute; left: 0; top: 0; padding: 20px; width: 100%;}
	.case-shade span a{ width: 50px; height: 50px; border: solid 2px #93d5f4; float: left; margin-right: 15px; text-align: center; position: relative; overflow: hidden;}
	.case-shade span a i{ line-height: 46px; color: #93d5f4; font-size: 20px; width: 46px; display: block; position: absolute; left: 0; top: 0;}
	.case-shade span a i:nth-child(2){ left: 46px;}
	.case-shade span a i:before{color: #93d5f4;}
	.case-shade span a:hover{ background: #93d5f4;}
	.case-shade span a:hover i:before{ color: #fff;}
	.case-shade span a:hover i{-webkit-transform: translateX(-46px); transform: translateX(-46px);}
	.case-txt{ padding: 20px; position: absolute; left: 0; bottom: 0; font-style: normal; width: 100%;}
	.case-txt b{ font-size: 20px; font-weight: normal; color: #a7e3ff; display: block; border-bottom: solid 1px #76c8f0; padding-bottom: 5px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.case-txt p{ color: #a7e3ff; font-size: 12px; line-height: 20px; margin-top: 5px; height: 40px; overflow: hidden;  display: -webkit-box !important;  text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}*/
}

@media screen and (min-width: 992px) {
	
	i.pic-scale-case{ padding-bottom: 0; height: 220px;}
	
	.ind-case-bg{ padding: 50px 0;}
	.ind-case-bg .container{position: relative;}
	.swiper-case-bd{ display: none;}
	.ind-case-box{ position: relative; overflow: hidden;}
	.ind-case-top-bd{ width: 33.333%; padding:6px; margin: 0; position: absolute; left: 50%; top: 50%; z-index: 2; height: 300px;  -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: none;}
	.ind-case-top{margin: 0 0 0 0; padding:30px 20px; float: left; height: 100%; width: 100%; background: #fff; display: flex; align-items: center; justify-content: center;}
	.ind-case-flex{ width: 90%;}
	.ind-case-list{ display: block; margin: -10px; overflow: hidden;}
	.ind-case-list li{ float: left; width: 33.333%; padding: 10px;}
	
	.ind-case-list li:nth-child(5){ margin-left: 33.333%;}
	
	/* a.case-link:hover 
	.case-txt b{ bottom: 70px; height: 70px; line-height: 70px; font-size: 18px; font-weight: bold; background: #fff;}
	a.case-link:hover 
	.case-txt span{ background: #004a96; color: #fff; height: 70px; line-height: 70px;} */
	
	.ind-case-top *{ color:#000;}
	.ind-case-top a{ color:#000;}
	

}

@media screen and (min-width: 1230px) {
	i.pic-scale-case{ padding-bottom: 0; height: 280px;}
	.ind-case-ass{ padding: 18px 0;}
	.ind-case-tit b{ line-height: 40px; font-size: 34px;}
	.ind-case-tit span{ padding: 5px 0; font-size: 32px;}
	.ind-case-top-bd{ padding: 10px;}
	.ind-case-list {margin: -15px;}
	.ind-case-list li{ padding: 15px;}
	.ind-case-ass li a{ font-size: 16px;}
	
	.ind-case-top-bd{ height: 370px;}

}


@media screen and (min-width: 1350px) {
	i.pic-scale-case{ padding-bottom: 0; height: 300px;}
	.ind-case-tit span{  font-size: 40px;}
	.ind-case-ass{ padding: 25px 0;}
	.ind-case-ass li{ width: 25%;}
	
	.ind-case-top-bd{ height: 390px;}
}
/*--/成功案例--*/


/*--解决方案--*/
@media screen and (min-width:320px) {

	
	.ind-solution-list{ background: #000;}
	.ind-solution-list ul{}
	.ind-solution-list a{ display: block; position: relative; overflow: hidden;}
	.ind-solution-list a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;object-fit: cover;}
	.ind-solution-list dl{ color: #fff; padding: 45px 15px; text-align: center; position: relative; z-index: 3;}
	.ind-solution-list dl div{ margin-bottom: 10px;}
	.ind-solution-list dl span{ background: #004a96; display: inline-block; padding: 0 17px; line-height: 44px; color: #fff;}
	.ind-solution-list dl dt{ font-weight: bold; font-size: 20px;}
	.ind-solution-list i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; background:rgba(0,0,0,.7); z-index: 2;  filter:Alpha(opacity=70);}
	.ind-solution-list a:hover img{ -webkit-transform: scale(1.1);  transform: scale(1.1);}
	.ind-solution-list a:hover i{ opacity: .8; filter:Alpha(opacity=50);}
	.ind-solution-list a:hover span{ background: #71a5de;}

}


@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 992px) {
	.ind-solution-list{ overflow: hidden;}
	.ind-solution-list li{ width: 33.3333%; float: left;}
	.ind-solution-list dl{ text-align: left; padding: 45px 15px;}
	.ind-solution-list dl dt{ font-size: 24px;  padding-bottom: 10px;}
	.ind-solution-list dl div{height: 90px;}
}

@media screen and (min-width: 1230px) {
	.ind-solution-list dl{padding: 90px 30px 60px 30px;}
	.ind-solution-list dl dt{ font-size: 28px;}
	.ind-solution-list dl div{height: 60px; font-size: 16px;}
}

@media screen and (min-width: 1350px) {
	.ind-solution{ -webkit-background-size: auto;
	background-size: auto;}
	.ind-solution-list dl dt{ font-size: 32px;  padding-bottom: 10px;}
	.ind-solution-list dl div{ margin: 20px 0 30px 0;}
	
}
/*--/解决方案--*/



/*--新闻--*/
@media screen and (min-width:320px) {
	.ind-news-bg{ padding:30px 0;}
	.news-box{ border-top: solid 1px #000;}
	
	.news-box-t{ padding: 15px 0; overflow: hidden;}
	.news-box-t .hd{ float: left; margin-left: -10px;}
	.news-box-t .hd span{ float: left; font-size: 16px; line-height: 24px; padding: 0 10px; cursor: pointer; position: relative; color: #999;}
	.news-box-t .hd span:before{ content: ' ';  width: 1px; height: 16px; background: #000; position: absolute;left: 0; top: 50%; margin-top: -8px;}
	.news-box-t .hd span.on,.news-box-t .hd span:hover{ color: #000;}
	
	.news-box-t .bdl{ float: right; }
	.news-box-t .bdl a{color: #004a96; display: block; overflow: hidden; height: 24px;}
	.news-box-t .bdl span{ padding-right: 5px; float: left; line-height: 24px;}
	.news-box-t .bdl i{ float: left; line-height: 16px; font-size: 12px; text-align: center; width: 16px; height: 16px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; border: solid 1px #004a96; overflow: hidden; margin-top: 3px;}
	.news-box-t .bdl i:before{  color: #004a96; line-height: 16px; display: block; width: 14px; height: 14px; float: left; text-align: center;}
	.news-box-t .bdl a:hover i{ background: #004a96;}
	.news-box-t .bdl a:hover i:before{  color: #fff;}
	
	i.pic-scale-news{ padding-bottom: 185px;}
	
	.ind-news-list{ display: none;}
	
	.ind-news-mess{display: block;}
	
	.ind-news-mess .time{ font-size: 12px; color: #999; display: block; padding: 10px 0 5px 0;}
	.ind-news-mess .tit{ font-size: 14px; font-weight: normal; height: 48px; overflow: hidden; display: block; display: -webkit-box !important;  text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #000;}
	
	.ind-news-mess:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
	.ind-news-mess:hover .tit{color: #004a96;}
	.swiper-news{ position: relative;}
	.news-btn{ position: absolute; left: 15px; color: #fff; width: 40px; height: 40px; top:60px; cursor: pointer; z-index: 9;}
	.news-btn i{ font-size: 40px; text-shadow: 0 0 5px rgba(0,0,0,.2);}
	.news-next{ right: 15px; left: auto;}
	
	.news-btn:hover{ -webkit-transform: scale(1.1); transform: scale(1.1);}
}

@media screen and (min-width: 992px) {
	i.pic-scale-news{ padding-bottom: 56.14%;}
	.ind-news-bg{ padding: 60px 0;}
	.news-box-t{ padding: 24px 0;}
	.news-box-t .hd{ margin-left: -15px;}
	.news-box-t .hd span{ font-size: 24px; padding: 0 15px; line-height: 30px;}
	.news-box-t .hd span:before{ margin-top: -12px; height: 24px;}
	
	.news-box-t .bdl span{ line-height: 30px;}
	.news-box-t .bdl i{ margin-top: 7px; padding-left: 1px; }
	.news-box-t .bdl i:before{ line-height: 15px; font-size: 14px;}
	.ind-news-list{ display: block; margin: 0 -10px;}
	.ind-news-list li{ width: 25%; float: left; padding: 0 10px;}
	.swiper-news-bd{display: none;}
}
/*--/新闻--*/



/*--相关文章--*/
@media screen and (min-width:320px) {
	.ind-article-bd{ padding-bottom: 30px;}
	.article-box{ border-top: solid 1px #000;}
	
	.article-tit .max{display: none;}
	
	.article-box-t{ padding: 15px 0; overflow: hidden;}
	.article-box-t b{display: none;}
	.article-box-t .hd{ float: left; margin-left: -10px;}
	.article-box-t .hd .max{display: none;}
	.article-box-t .hd div{ padding: 0 10px; float: left; line-height: 24px; cursor: pointer; }
	.article-box-t .hd div span{color: #999;}
	.article-box-t .hd div.on span,.article-box-t .hd div:hover span{ color: #000;}
	
	.article-box-t .bdl{ float: right; }
	.article-box-t .bdl a{color: #004a96; display: block; overflow: hidden; height: 24px;}
	.article-box-t .bdl span{ padding-right: 5px; float: left; line-height: 24px;}
	.article-box-t .bdl i{ float: left; line-height: 15px; font-size: 14px; text-align: center; width: 16px; height: 16px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; border: solid 1px #004a96; overflow: hidden; margin-top: 3px;}
	.article-box-t .bdl i:before{line-height: 15px; font-size: 14px; color: #004a96;}
	.article-box-t .bdl a:hover i{ background: #004a96; color: #fff;}
	.article-box-t .bdl a:hover i:before{ color: #fff;}
	
	.article-list li{ display: none;}
	.article-list li:nth-child(1){display: block;}
	
	
	.article-mess span{ font-size: 12px; color: #999; display: block;}
	.article-mess b{ font-weight: normal; font-size: 18px; color: #000;}
	.article-mess p{ font-size: 12px; color: #666; overflow: hidden; display: -webkit-box !important;  text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: 10px; line-height: 2; height: 72px;}
	.article-mess i{display: block;}
	.article-mess{ display: block;}
	.article-mess i:before{ color: #000;}
	.article-mess:hover b,.article-mess:hover i:before{ color: #004a96;}
	.article-mess:hover i{-webkit-transform: translateX(10px); transform: translateX(10px);}
}

@media screen and (min-width: 992px) {
	
	.ind-article-bd{ padding-bottom: 60px;}
	.article-box-t{ padding: 24px 0;}
	.article-box-t b{ display: block; float: left; font-size: 30px; font-weight: normal; line-height: 30px; padding-right: 15px;}
	.article-box-t .hd{ margin-left: 0;}
	.article-box-t .hd .max{ display: block; line-height: 30px;}
	.article-box-t .hd .min{display: none;}
	.article-box-t .hd div{ padding: 0 1px 0 2px; line-height: 30px; position: relative;}
	.article-box-t .hd div:after{ content: ' '; position: absolute; width: 1px; height: 12px; background: #cacaca; left: 0; top: 50%; margin-top: -6px;}
	.article-box-t .hd div:nth-child(1):after{display: none;}
	.article-box-t .hd div span{padding: 0 15px; float: left; color: #222;-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
	.article-box-t .hd div:hover span{ background: #76a9de; color: #fff;}
	.article-box-t .hd div.on span{ background: #004a96; color: #fff;}
	
	.article-box-t .bdl span{ line-height: 30px;}
	.article-box-t .bdl i{ margin-top: 7px; padding-left: 1px;}
	.article-box-t .bdl i:before{ line-height: 14px;}
	
	.article-list{  margin: -15px -30px;}
	.article-list li{ width: 50%; float: left; display: block; padding: 15px 30px;}
	.article-mess b{ display: block; padding: 10px 0;}
	.article-mess p{ font-size: 14px; height: 56px; -webkit-line-clamp:2;}
}

/*--/相关文章--*/
/*表单*/
label.error{color:#ea5200;display:block; float:right; position:absolute; font-size:1px; height:1px; line-height:1px; margin-top:-15px; margin-right:0;padding:0}
label.right{text-align:right;color:#ea5200;display:block; position:absolute; background:#FFFFFF; height:1px; width:1px; line-height:1px; margin:0;border:0; right:0;}
/*表单*/



/*============================footer===============================*/
/*--底部--*/
@media screen and (min-width:320px) {
	.footer-bg{ background: #000; padding: 30px 0;}
	.footer-bg *,.footer-bg a{ color: #fff;}
	
	.footer-l{ display: none;}
	.footer-link{display: none;}
	
	.footer-btn{ display: none;}
	
	.footer-to-top{ text-align: center; margin-top: -10px;}
	.icon-to-top{ padding-bottom: 15px; display: inline-block; padding: 0 10px; line-height: 40px; cursor: pointer;}
	.icon-to-top:hover{-webkit-transform: translateY(-5px); transform: translateY(-5px);}
	
	.footer-wxh{ /*text-transform: uppercase;*/ font-size: 14px;}
	.footer-tel{ font-size: 26px;}
	.footer-add{ font-size: 14px;}
	
	.footer-b{ padding: 10px 0;}
	.footer-b span{ display: block; font-size: 14px;}
	
	
	.mt-a{ padding-top: 30px;}
}

@media screen and (max-width: 991px) {
	.conact-switch{display: none;}
	.float-list{display: block !important;}
	.float-wechat-btn{display: none;}
	.back-btn,.top-btn{display: none !important;}
	.float-box{transform: none !important; display: none !important;}
	.float-box .fadeInRight{ animation-name:none !important;}
	
	body>.animate_End{ padding-bottom: 55px;}
	.phone-float{position: fixed; left: 0; bottom: 0; width: 100%; background: #252525; z-index: 9; box-shadow: 0 0 25px rgba(0,0,0,.2);}
	.phone-float::before{content:' '; width: 100%; height: 1px; background: #fff; opacity: .2; position: absolute; left: 0; top: 0;}
	.phone-float ul{display: flex;  height: 55px;}
	.phone-float li{display: flex; flex: 1; position: relative;}
	.phone-float li::before{content:' '; width: 1px; height: 100%; background: #fff; opacity: .2; position: absolute; right: 0; top: 0;}
	.phone-float li a{display: flex; flex: 1; align-items: center;}
	.phone-float dl{display: flex;flex: 1; flex-direction: column;}
	.phone-float dt{text-align: center;}
	.phone-float dt i::before{ color: #fff; line-height: 1; font-size: 18px;}
	.phone-float dd{text-align: center; color: #fff; line-height: 1; padding-top: 2px; font-size: 12px;}
	
	.phone-float li a:hover{ background: #004a96;}
	
}

@media screen and (min-width: 992px) {
	
	.phone-float{display: none;}
	
	.footer-to-top{ display: none;}
	
	.footer-bg{ padding: 40px 0;}
	

	.footer-l{display: block;  float: left;}
	.footer-t{ padding-bottom: 40px;}
	.footer-r{float: right;}
	.footer-bg dl{ float: left; padding-right: 20px;}
	.footer-bg dt{ padding-bottom: 20px;}
	.footer-bg dt a{ font-weight: bold; font-size: 18px;}
	.footer-bg dd span{display: block;}
	.footer-bg dd a{ line-height: 32px; font-size: 14px; color: #aaa;}
	.footer-bg a:hover{ color: #fff;}
	
	.footer-wxh{ display: none;}
	.footer-tel{ font-size: 28px; text-align: right;}
	.footer-add span{ display: block; text-align: right;}
	.footer-btn{ display: block; float: right; padding-top: 10px;}
	.footer-btn li{ float: left; margin-left: 10px;}
	
	.share-btn{ width: 46px; height: 46px; text-align: center; line-height: 46px; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; cursor: pointer; display: block; position: relative;}

	.share-btn i:before{ color: #fff; font-size: 18px;}
	.wechat-btn{ background: #5ac64f;}
	.mail-btn{ background: #71a5de;}
	
	.share-btn:hover{ -webkit-transform: translateY(-5px); transform: translateY(-5px);}
	
	.footer-btn-mess{ position: absolute;  padding: 10px; background: #fff; margin-left: -50px; box-shadow: 0 0 10px rgba(0,0,0,.2);  left: -10000%; bottom: 60px; -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0;}
	.footer-btn-mess i{ border-top: solid 8px  #fff; border-left: solid 8px transparent; border-right: solid 8px transparent; position: absolute; left: 0; bottom: -8px; width: 0; height: 0; overflow: hidden; z-index: 9; left: 50%; margin-left: -8px;}
	.footer-btn-mess img{ width: 125px; height: 125px;}
	.footer-btn-mess b{ width: 125px; display:block; color:#333; text-align:center; font-size:14px; font-weight:normal;}
	
	.footer-btn-mess-show{-webkit-transform: none; transform: none; opacity: 1; left: 0;}
	
	.footer-link{ display: block; border-top: solid 1px #626262; padding-top: 30px;}
	.footer-link span,.footer-link a,.footer-link b{ display: inline-block; font-size: 12px;}
	.footer-link a {margin-right: 15px;}
	.footer-link a:hover{text-decoration: underline;}
	
	.footer-b{ text-align: center;}
	.footer-b span{ display: inline;}
	.footer-b{ padding: 12px 0;}
	
	.copy{opacity: 0;position: absolute; z-index:-999;}
	
}

@media screen and (min-width: 1230px) {
	.footer-bg dl{ padding-right: 35px;}
}

@media screen and (min-width: 1350px) {
	.footer-bg dl{ padding-right: 58px;}
}
/*--/底部--*/


/*--漂浮--*/
@media screen and (min-width:320px) {
	
	.float-box{ position: fixed; right: -190px; bottom: 20px; z-index: 999;}
	
	.float-box-hide{ -webkit-transform: translateX(60px); transform: translateX(60px);}
	
	.float-box dd{ -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0;transition-delay: .1s;}
	.float-box i{ font-size: 24px; line-height: 60px;}
	.conact-btn{ background: #33a7fc; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; cursor: pointer; border-bottom: solid 1px #000;}
	.conact-box dl{overflow: hidden;  background: #000; background: rgba(0,0,0,.8);}
	.conact-box dt{ width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff;float: left;}
	.message-btn{ width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #000; background: rgba(0,0,0,.8); cursor: pointer;}
	.conact-box dd{ width: auto; height: 60px;  color: #fff; padding: 5px 10px; float: left;  width: 190px;}
	.conact-box dd span{ float: left; line-height: 20px; font-size: 12px; width: 100%;}
	.conact-box dd b{ font-weight: normal; font-size: 16px; float: left; line-height: 20px; width: 100%;}
	.conact-box dd img{ height: 50px; width: 50px; float: left; }
	
	.conact-box .conact-bg{cursor: pointer; background: #33a7fc;}
	.conact-bg dd span{ width: auto; padding-left: 10px; padding-top: 5px;}
	
	
	.top-btn{ background: #000;  background: rgba(0,0,0,.8); width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; cursor: pointer; overflow: hidden;}
	
	.float-list{ display: none; transition: 0s;}
	
	
	.top-btn i{display: block;}
	.top-btn i:hover{ -webkit-transform: translateY(-5px); transform: translateY(-5px);}
	
	.float-list-show{ height: 180px;}
	
	
	.float-wechat-btn:hover,.float-wechat-btn:focus{ -webkit-transform: translateX(-190px); transform: translateX(-190px);}
	.float-wechat-btn:hover dd{ -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
	
	.float-list dl:focus{ -webkit-transform: translateX(-190px); transform: translateX(-190px);}
	.float-list dl:hover dd{ -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
	
	.message-bg{ background: #000; background: rgba(0,0,0,.8); position: fixed; left: 0; top: -1000%; width: 100%; height: 100%; z-index: 999; opacity: 0;}
	
	.message-info{ position: fixed; height: 400px; width: 300px; left: 50%; top: -1000%; margin: -200px 0 0 -150px; z-index: 1000;  opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px);}
	
	.message-info span{ color: #fff; font-size: 12px; display: block;}
	
	.message-bd{ padding: 5px 0; overflow: hidden;}
	.message-info input,.message-info textarea{ background: #e7e7e7; width: 100%; padding: 0 10px; border: none;}
	.message-info input{ height: 34px;}
	.message-info textarea{ height: 110px; resize: none; padding: 5px 10px;}
	.message-code input{ width: 140px; float: left;}
	.message-code i{ float: left; padding-left: 10px; height: 34px;}
	.message-code i img{ height: 34px; max-width: 100%; width: auto;}
	
	.message-info-btn{ padding-top: 5px;}
	.message-info-btn button{ height: 45px; width: 140px; border: none; background: #33a7fc; color: #fff; cursor: pointer;}
	.message-info-btn button:hover{ opacity: .8;}
	
	.message-close-btn{ overflow: hidden;}
	.message-close { color: #fff; float: right; margin-bottom: 10px; cursor: pointer; width: 30px; height: 30px; line-height: 30px; text-align: center;}
	
	.message-bg-show{top: 0; opacity: 1;}
	.message-info-show{top: 50%; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
	
	.top-btn-dn{height: 0; width:60px;}
	
	.back-btn{display:block; background: #000; background: rgba(0,0,0,.8); text-align:center; width:60px;}
	.back-btn a{ color:#fff;}
}

@media screen and (min-width: 992px) {
	.float-box-hide{ -webkit-transform: translateX(0); transform: translateX(0);}
	.float-box i{ line-height: 80px; font-size: 30px;}
	.conact-btn{ width: 80px; height: 80px; line-height: 80px;}
	.conact-box dt{ width: 80px; height: 80px; line-height: 80px; }
	.message-btn{ width: 80px; height: 80px; line-height: 80px;}
	.top-btn{ width: 80px; height: 80px; line-height: 80px; }
	
	.conact-box dd{ padding: 15px 10px; height: 80px;}
	.conact-box dd span{ font-size: 14px; line-height: 20px;}
	.conact-box dd b{ font-size: 20px; line-height: 30px; font-family:Verdana;}
	
	.float-box{ right: -230px;}
	.conact-box dd{ width: 230px;}
	
	.conact-box dd img{ width: 70px; height: 70px;}
	
	.conact-bg dd{ padding: 5px 10px;}
	.conact-bg dd span{ padding-top: 10px; padding-left: 15px; line-height: 25px;}
	
	.float-wechat-btn:hover,.float-wechat-btn:focus{ -webkit-transform: translateX(-230px); transform: translateX(-230px);}
	.float-list dl:hover,.float-list dl:focus{ -webkit-transform: translateX(-230px); transform: translateX(-230px);}
	
	.message-close-btn{ display: none;}
	
	.message-bg{ display: none;}
	.message-info{ height: 481px; left: auto; right: -370px; top: auto; bottom: 20px; margin: 0; -webkit-transform: none;  transform: none; padding: 30px 22px; width: 370px; background: #000;  background: rgba(0,0,0,.8); z-index: 998;}
	.message-info textarea{height: 190px;}
	.message-info-show{ -webkit-transform: translateX(-450px);  transform: translateX(-450px);}
	
	.message-info span{ font-size: 14px; padding-bottom: 10px;}
	
	.message-btn-on{ background: #004a96;}
	
	.top-btn-dn{height: 0;}
	.message-info-min{ height: 401px;}
	.back-btn{ display:none;}
	.message-info-min textarea{ height: 110px;}
	
	.float-list dl:hover{ -webkit-transform: translateX(-190px); transform: translateX(-190px);}
}
/*--/漂浮--*/




/*============================public===============================*/


/*--菜单--*/
@media screen and (min-width: 320px) {
	 .menu-bg{ background: #393d41;}
	 .menu-bg a{ display: block; text-align: center; color: #fff; font-size: 14px; height: 50px; line-height: 50px;}
	  
	  .menu-bg a.on,.menu-bg a:hover{ background: #00c1de;}
	  
	  
	 .menu-bg-02{ background: #f5f5f5; padding: 15px 0;}
	  .menu-bg-02 a{ color: #000;}
	  .menu-bg-02 a.on,.menu-bg-02 a:hover{ background: #004a96; color: #fff;}
}

@media screen and (min-width: 992px) {
	.menu-bg-02{ padding: 0;}
	.menu-bg ul{ overflow: hidden;}
	.menu-bg li{ float: left;}
	.menu-bg li a{ padding: 0 25px;}
}

@media screen and (min-width: 1230px) {
	.menu-bg li a{ padding: 0 45px;}
}


@media screen and (min-width: 1350px) {

}
/*--/菜单--*/

/*--内容盒子--*/
@media screen and (min-width: 320px) {
	.content-box,.content-bd{ padding:20px 0; color: #231815;  line-height: 2 ;}
	.content-box { text-align: justify;}
	.content-box ,.content-box div,.content-box p,.content-box ul,.content-box li,.content-box ol,.content-box span{ color: #231815; font-size: 14px; line-height: 2 ;}
	.content-box img,.content-bd img{max-width: 100%;}
}

@media screen and (min-width: 992px) {
	.content-box,.content-bd{ padding: 30px 0;}
	.content-box ,.content-box div,.content-box p,.content-box ul,.content-box li,.content-box ol,.content-box span{ font-size: 14px;}
	
}

@media screen and (min-width: 1230px) {
	
}
/*--/内容盒子--*/


/*--案例列表--*/
@media screen and (min-width: 992px) {
	 .case-box .ind-case-top-bd{ left: auto;  top: auto; position: relative; float: left; -webkit-transform: none; transform: none; }
	.case-list-show {overflow: visible;}
	.case-list-show li:nth-child(5){ margin-left: 0;}
	
	.case-box .ind-case-top-bd{margin-left: -4px; padding: 10px 10px 0 6px; }
}

@media screen and (min-width: 1230px) {
	.case-box .ind-case-top-bd{margin-left: -5px; padding: 15px 15px 5px 5px; }
}


@media screen and (min-width: 1350px) {

}
/*--/案例列表--*/

/*--案例详细--*/
@media screen and (min-width: 320px) {
	
	.case-info-l-bg{background: #252525; }
	.case-info-l{ height: 100%; width: 100%; /*padding: 20px; */background: #252525;}
	.case-info-l img{ width: 100%;}
	.case-info-r-bg{ padding: 20px; background: #f6f6f6;}
	
	.case-info-r-t{ text-align: right;}
	.case-info-r-t div{ overflow: hidden;}
	.case-info-r-t a{ float: right;}
	.case-info-r-t a span{ padding-left: 10px; font-size: 16px; color: #000;}
	.case-info-r-t a i:before{ color: #000;}
	.case-info-r-t a:hover{ -webkit-transform: translateX(-5px);transform: translateX(-5px);}
	.case-info-r-t a:hover *,.case-info-r-t a:hover *:before{ color: #004a96;}
	.case-info-r-t hr{ height: 3px; background: #000;}
	.case-info-r-cont hr{ background: #888;}
	.case-info-tit{ font-size: 20px; font-weight: normal; color: #000;}
	.case-info-mess{ font-size: 12px; color: #888; padding-bottom: 15px; display: block;}
	.case-info-cont{padding-bottom: 15px;}
	
	.case-info-link{ height: 38px; border: solid 1px #000; background: #000; display: inline-block; padding: 0 20px;}
	.case-info-link span{ float: left; line-height: 36px; color: #f6f6f6;}
	.case-info-link i{ float: left; line-height: 36px; width: 0; overflow: hidden;  color: #f6f6f6; text-align: right;}
	.case-info-r-bg .bdsharebuttonbox{ padding-top: 15px; display:flex;}
	.case-info-link:hover i{ width: 26px;}
	.case-info-link:hover{border-color: #000;}
	.case-info-link:hover *,.case-info-link:hover *:before{ color: #f6f6f6;}
	
	.case-info-qr{ width:120px;}
	.case-info-qr img{width:100%;}
	.case-info-qr span{display:block; text-align:center; padding-top:5px; color:#666;}
	
	.case-info-r-bg .bdsharebuttonbox a{ cursor: pointer;}
	.case-info-r-bg .bdsharebuttonbox a.bshare-weixin{ background: none; margin: 0 15px 0 0; width: 34px; height: 34px; line-height: 34px; float: left; padding-left: 0; text-align: center; background: #000; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; color: #fff; font-size: 14px;}
	.case-info-r-bg .bdsharebuttonbox a.bshare-weixin:before{ color: #fff;}
	.case-info-r-bg .bdsharebuttonbox a.bshare-weixin:hover{ background: #00c80d; opacity: 1;}
	.case-info-r-bg .bdsharebuttonbox .bshare-sinaminiblog{ background: none; margin: 0; width: 34px; height: 34px; line-height: 34px; float: left; padding-left: 0; text-align: center; background: #000; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; color: #fff; font-size: 14px;}
	.case-info-r-bg .bdsharebuttonbox a.bshare-sinaminiblog:before{ color: #fff;}
	.case-info-r-bg .bdsharebuttonbox a.bshare-sinaminiblog:hover{ background: #da251c; opacity: 1;}
	
	.case-info-r-bg .bdsharebuttonbox a:hover{ -webkit-transform: translateY(-5px); transform: translateY(-5px); text-decoration:none;}

}

@media screen and (max-width: 991px) {
	
	.case-list-show{display: block;}
	.case-list-show li{ padding: 10px 0;}
	
	.case-mess-mobile{display: block; background: #fff; line-height: 45px; padding: 0 15px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
	.case-mess-mobile span { font-size: 16px; padding-right: 10px; color: #000; }
	.case-mess-mobile i{ font-size: 14px;}
	.case-mess-mobile i:before {color: #bebebe;}
	
	
}

@media screen and (min-width: 992px) {
	
	.case-ovh{ overflow: hidden;}
	
	.case-mess-mobile{display: none;}
	
	.case-info-l-bg{ width: 50%; height: 100%; position: absolute; left: 0; top: 0;}
	.case-info-l{ /*padding: 40px;*/ }
	.case-info-l-cont{ height: 100%; overflow: hidden; /*overflow-y: auto;*/ position: relative;}
	.case-info-l-cont img{ position: absolute; left: 0; top: 0;  width: 100%; height: 100%; object-fit: cover;}
	
	.case-info-r-bg{ width: 50%; height: 100%; position: absolute; right: 0; top: 0; overflow-y:auto; overflow-x:hidden;}
	
	.case-info-r-t a span{ font-size: 24px; line-height: 49px; float: right;}
	.case-info-r-t a i{ font-size: 28px; font-style: normal;}
	.case-info-r-t{ position: relative;}
	.case-info-r-t hr{ margin: 35px 0 25px 0; width: 1000%;}
	.case-info-tit{ font-size: 28px;}
	.case-info-r-cont hr{ margin: 20px 0; width: 1000%;}
	.case-info-mess{ padding-bottom: 40px;}
	.case-info-cont{ padding-bottom: 40px;}
	.case-info-r-bg .bdsharebuttonbox{ padding-top: 30px;}
	
	.case-info-r-bg{ padding: 40px 60px;}
	
		/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
		.case-info-l ::-webkit-scrollbar
		{
		    width: 4px;
		    height: 4px;
		}
}


@media screen and (min-width: 1350px) {
	.case-info-l{ position: absolute;; top: 0;  width: 100%; height: 100%;}
	.case-info-l-cont{ padding-left: 0; width: 100%; float: right;}
	.case-info-r-bg{  padding: 40px 40px 40px 40px; }
	.case-info-r-t,.case-info-r-cont{ width: 100%;}
	
	.case-info-mess{ font-size: 14px;}
	.case-info-cont{ font-size: 16px; line-height: 2;}
	
	.case-info-r-bg{ padding:  40px 85px;}
	.case-info-tit{ font-size: 28px; font-size: 2vw;}
}

/*--/案例详细--*/


/*--解决方案--*/
@media screen and (min-width: 320px) {
	 div.banner-min{  background-position:  center; -webkit-background-size: cover;
	 background-size: cover; }
	 div.banner-min-02{padding-bottom: 20%;}
	 .solution-list  ul{margin: -10px 0;}
	 .solution-list li{ padding: 10px 0;}
	 .solution-list a{ border: solid 1px #eee; display: block; padding: 20px; background: #fff; box-shadow: 0 0 0 rgba(0,193,222,.25);}
	 .solution-list b{ font-weight: bold; font-size: 16px; display: block; margin-bottom: 10px; color: #040000;}
	 .solution-list p{ margin-bottom: 15px; color: #888;}
	 .solution-list span{display: inline-block; line-height: 30px; padding: 0 10px; background: #00c1de; color: #fff; height: 30px;}
	  .solution-list a:hover{ border-color: #00c1de; box-shadow: 0 0 15px rgba(0,193,222,.25);}
	  .solution-list a:hover b{color: #00c1de;}
	  .solution-list a:hover span{-webkit-transform: translateY(-5px); transform: translateY(-5px);}
}

@media screen and (min-width: 992px) {
	 div.banner-min{ height: 300px; display: flex; align-items: center; padding: 0;}
	 .solution-list ul{ margin: -15px;}
	 .solution-list li{padding: 15px; float: left; width: 33.33333%;}
	 
	 .solution-list b{ font-size: 18px;}
	 .solution-list p{ height: 60px; line-height: 30px; margin-bottom: 10px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
}

@media screen and (min-width: 1230px) {
	.solution-list a{ padding: 30px;}
}


@media screen and (min-width: 1350px) {

}
/*--/解决方案--*/


/*--解决方案-内页--*/
@media screen and (min-width: 320px) {
	.solution-t{ padding: 20px 0;}
	.solution-tl{ background: #f5f5f5;}
	.solution-tl .hd{ border: solid 1px #f5f5f5; border-bottom: none;}
	.solution-tl .hd a{ display: block; background: #f5f5f5; padding-left: 20px; line-height: 46px; position: relative;border-left: solid 0px #00a2de;}
	.solution-tl .hd a i{ position: absolute; right:25px; top: 0; line-height: 46px; opacity: 0; filter:Alpha(opacity=0);  color: #00a2de; -webkit-transform: translateX(-5px); transform: translateX(-5px);}
	.solution-tl .hd a.on{ color: #00a2de; background: #fff;border-left: solid 2px #00a2de;}
	.solution-tl .hd a.on i{ opacity: 1; filter:Alpha(opacity=100); -webkit-transform: translateX(0); transform: translateX(0);}
	.solution-tr{border: solid 1px #f5f5f5; padding: 20px;}
	
	.solution-tit{ font-size: 18px; text-align: center; font-weight: bold; color: #000;}
	
	.solution-info{ border: solid 1px #eeeeee; background: #fbfbfb;}
	.solution-info dd{ padding: 20px;}
	.solution-info dt img{ width: 100% !important; max-width: none;}
	.solution-info dd b{ color: #004a96;}
}

@media screen and (min-width: 992px) {
	.solution-t{overflow: hidden; position: relative;}
	.solution-t .tabs-box{ display: flex;}
	.solution-tl{ width: 216px;  -webkit-flex-basis: 216px; /* Safari 6.1+ */
    flex-basis: 216px; display: flex; flex-direction:column; flex-shrink: 0;}
	.solution-tl .hd a{ text-align: right; padding-right: 50px; padding-left: 0;}
	.solution-tl .hd a i{ right: 20px;}
    .solution-tl .hd{ border-right: none; border-left: none;}

	.solution-tr{ overflow: hidden; flex-grow: 1; border-left: none;}
	.solution-tr{ padding: 25px 40px;}
	
	.solution-tit{ font-size: 24px;}
	
	.solution-info { overflow: hidden; position: relative;}
	.solution-info dt { width: 50%; float: left; border-right: solid 1px #eeeeee;}
	.solution-info dd { width: 50%; float: left; margin-left: -1px; padding: 30px; margin-left: 50%; position: absolute; left: 0; top: 0; height: 100%; overflow: auto;}
}

@media screen and (min-width: 1230px) {
	
}

@media screen and (min-width: 1350px) {
	
}

@media screen and (min-width: 1460px) {
	.solution-info dt{ width: 700px;}
	.solution-info dd { margin-left: 0; padding-left: 730px; width: 100%;}
}
/*--/解决方案-内页--*/







/*--新闻中心--*/
@media screen and (min-width: 320px) {
	i.pic-scale-news-02{ padding-bottom: 56.07%;}
	.news-list small{display: block; margin: 10px 0;}
	.news-list b{ display: block; font-size: 16px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;white-space: nowrap; font-weight: normal; color: #050000; margin-bottom: 5px;}
	.news-list .news-txt{ color: #999; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; line-height: 24px; height: 48px;}

.news-more{ margin-top: 5px; overflow: hidden;}
.news-list ul{ margin: -10px 0;}
.news-list li{ padding: 10px 0;}
.news-list small{color: #999;}
.news-more span{ float: left; color: #bbbbbb; line-height: 24px; padding-right: 10px;}
.news-more i{ float: left; color: #bbbbbb; font-size: 14px; line-height: 24px;}
.news-list a{ border-bottom: solid 1px #eee; display: block; padding-bottom: 10px;}
.news-list a:hover i img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.news-list a:hover b{color: #004a96;}
.news-list a:hover span{color: #004a96; padding-right: 15px;}
.news-list a:hover i:before{color: #004a96;}
.news-list a:hover{ border-color: #004a96;}
}

@media screen and (min-width: 992px) {
	.news-list small{ margin-top: 15px;}
	.news-list ul{ overflow: hidden; margin: -15px -20px; padding: 15px 0;}
	.news-list li{ width: 50%; float: left; padding: 15px 20px;}
	.news-list b{ margin-bottom: 10px;}
	.news-more{ margin-top: 15px;}
}

@media screen and (min-width: 1230px) {
	.news-list ul{ padding: 25px 0;}
}

@media screen and (min-width: 1350px) {
	.news-list ul{ margin: -30px -40px;}
	.news-list li{padding: 30px 40px;}
}

@media screen and (min-width: 1460px) {
		.news-list li{ width: 33.3333%; float: left; }
}

/*--/新闻中心--*/


/*--详细内页--*/
@media screen and (min-width: 320px) {
	.news-title{ font-size: 18px; text-align: center; line-height: 1.5; padding-bottom: 10px;}
	
	.news-mess{ text-align: center;  background: #f7f7f7;  padding: 5px 10px;}
	.news-mess *{ line-height: 28px !important; font-size: 14px;}
	.news-mess-l{ display: inline-block; overflow: hidden;}
	.news-mess-l div{ line-height: 28px;display: inline;}
	.news-mess-p{ padding: 0 10px; line-height: 28px !important; color: #000;}
	.news-mess-p a.author{ color: #036dcb;}
	div.news-mess-fx{ display: inline-block; overflow: hidden; float: left; line-height: 28px !important; color: #000;}
	.news-mess-r{ display: inline-block; overflow: hidden;}
	
	.news-cont{ padding: 15px 0; position: relative;}
	.news-cont,.news-cont *{line-height: 2.2 !important;}
	
	.news-link{ border-top: solid 1px #eee; padding-top: 15px;}
	.news-link span{ display: block; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; line-height: 2 !important;}

	.news-info-bd{ border: solid 1px #eee; padding: 20px;}
	
}

@media screen and (min-width: 992px) {
	.news-title{ font-size: 30px; font-weight: bold; padding-bottom: 15px;}
	.news-mess{ height: 36px;}
	.news-cont{ padding: 20px 0;}
	.news-link{ padding-top: 20px;}
	.news-link span{}
	.news-info-bd{  padding: 35px;}

	
	.news-mess-p{ float: left; padding: 0 10px;}
	
}


@media screen and (min-width: 1230px) {
	.news-cont{ padding: 35px 0;}
	.news-info-bd{  padding: 50px;}
}
/*--/详细内页--*/





/*--公司介绍--*/
@media screen and (min-width: 320px) {
	
	.about-txt{ padding-bottom: 15px;}
	.about-txt dt{ float: left; padding-right: 10px; display: none;}
	.about-txt dt i{ float: left; color: #014a97; font-size: 36px; line-height: 1;}
	.about-txt dd{ overflow: hidden; text-align: center;}
	
	.about-txt span{ color: #1e1d22; font-weight: bold; display: block; font-size: 16px;}
	.about-txt b{color: #1e1d22; display: block; font-weight: normal;font-size: 20px;}
	.about-txt small{color: #014a97;}
	
	.about-list-01{border-top: solid 1px #dedede;}
	.about-list-01 li{ border: solid 1px #dedede; border-top: none; padding: 10px; font-size: 12px; text-align: center;}
	.about-list-01 li a{ color: #08c;}
	.about-list-01 li a:hover{ text-decoration: underline;}
	
	.about-bg-02{ background: #232228;}
	
	.about-box-02 b{ color: #fff; display: block; font-size: 18px;}
	.about-box-02 span{ color: #fff;}
	
/*	.about-box-02 dl { padding-top: 10px;}
	.about-box-02 dl img{ width: 100%;}*/
	
	
	.about-box-02 img{ width: 100%; padding-top: 15px;}
	
	.about-box-02 ul{ overflow: hidden; margin: -2px; padding-top: 10px;}
	.about-box-02 li{ width: 20%; float: left; padding: 2px;}
	
	.about-box-03 dl{ position: relative; overflow: hidden;}
	
	.about-box-03 dt{ width: 70px; float: left;}
	.about-box-03 dt img{ width: 100%;}
	.about-box-03 dd{overflow: hidden; position: absolute; left: 80px; bottom: 0;}
	
	.about-box-03 dd b{ display: block; 
	color: #06a9f8;
	background-image:-webkit-linear-gradient(bottom,#06a9f8,#014e9c); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;  line-height: 1.2; font-size: 18px; font-weight: normal;}
	.about-box-03 dd span{ display: block; color: #0070cc; line-height: 1.4; font-size: 12px; text-transform: uppercase;}
	.about-box-03 dd div{ color: #333; font-weight: bold; line-height: 1.4;}
	
	
	
	
	
	
	.swiper-events-box{ padding: 0 30px; padding-top: 40px; position: relative;}
	.swiper-events{ padding: 0 10px;}
	
	.events-box{ width: 230px; position: relative; height: 100%; opacity: 0; transition: .3s;}
	.events-box li{ text-align: justify; padding: 10px; position: relative; /*opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); transition: .3s;*/}
	.events-box li div{ color: #666;}
	.events-box li i{ position: absolute; left: 0;width: 9px; height: 9px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; background: #014a97; left: -4px; top: 18px;}
	.events-box ul{ border-bottom: solid 1px #999;  position: relative;}
	.events-box .events-bdl{ position: absolute; top: 25px; left: 0; bottom: 0; width: 1px; background: #999;}
	.events-box .time{ font-size: 18px; line-height: 30px; font-weight: normal; display: block; height: 40px; padding-top: 10px;}
	.events-box .time span{ line-height: 30px; float: left; color: #014a97;}
	.events-box .time i{ float: left; line-height: 30px; color: #014a97; padding-right: 5px; font-size: 18px;}
	.events-box .time i:before{ line-height: 30px;}
	
	.swiper-events .swiper-wrapper{ height: 100% !important;}
	.swiper-events .swiper-slide{ height: 100% !important;}
	
	.swiper-events-h .events-box ul{ position: absolute; bottom: 40px; padding-bottom: 10px; width: 100%;}
	.swiper-events-h .events-box .time{ bottom: 0; position: absolute; left: -8px;}
	
	.swiper-events .swiper-slide-visible .events-box{opacity: 1;}
/*	.swiper-events .swiper-slide-visible li{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
	
	.swiper-events .swiper-slide-visible li:nth-child(1){transition-delay: 0s;}
	.swiper-events .swiper-slide-visible li:nth-child(2){transition-delay: .1s;}
	.swiper-events .swiper-slide-visible li:nth-child(3){transition-delay: .2s;}
	.swiper-events .swiper-slide-visible li:nth-child(4){transition-delay: .3s;}
	.swiper-events .swiper-slide-visible li:nth-child(5){transition-delay: .4s;}
	.swiper-events .swiper-slide-visible li:nth-child(6){transition-delay: .5s;}
	.swiper-events .swiper-slide-visible li:nth-child(7){transition-delay: .6s;}
	.swiper-events .swiper-slide-visible li:nth-child(8){transition-delay: .7s;}
	.swiper-events .swiper-slide-visible li:nth-child(9){transition-delay: .8s;}
	.swiper-events .swiper-slide-visible li:nth-child(10){transition-delay: .9s;}
	.swiper-events .swiper-slide-visible li:nth-child(11){transition-delay: 1s;}*/
	
	
	.events-prev,.events-next{ position: absolute; left: 0; top: 50%; margin-top: -40px; width: 25px; height: 80px; line-height: 80px; text-align: center; background: #3a393d; color: #fff; opacity: .5; cursor: pointer;}
	.events-next{ left: auto; right: 0;}
	.events-prev:hover,.events-next:hover{opacity: 1;}
	
	
	
	.about-bg-04{background: #1e1d22;}
	
	.about-case-tit{ color: #fff; padding-bottom: 10px;}
	.about-case-tit span{display: block; font-weight: bold; font-size: 18px; line-height: 1.4;}
	.about-case-tit b{ display: block; font-size: 24px; font-weight: normal; line-height: 1.4;}
	
	
	.about-case-list{ overflow: hidden; padding: 10px 0 0 0;}
	.about-case-list dt{float: left; color: #3ab3eb; padding-right: 10px;}
	.about-case-list dt b{ font-weight: normal; float: left; font-size: 36px; line-height: 1.2;}
	.about-case-list dt span{ font-size: 20px; line-height: 1;}
	
	.about-case-list dd{ overflow: hidden; border-bottom: solid 1px #3b3a3f; padding-bottom:  10px;}
	.about-case-list dd b{color: #d6d6d6; display: block; font-weight: normal; font-size: 16px;}
	.about-case-list dd span{ color: #999; font-size: 12px;}
	
	.about-partners-tit { padding-bottom: 5px;}
	.about-partners-tit b{ color: #014a97; font-weight: bold;display: block; line-height: 1.2; font-size: 18px;}
	.about-partners-tit span{display: block; text-transform: uppercase; line-height: 1.2;}
	.about-partners-tit span i{ font-weight: bold; font-style: normal;}
	
	.about-partners-list{ margin: -5px;}
	.about-partners-list li{ padding: 5px; float: left; width: 25%;}
	.about-partners-list li a{ display: block;}
	.about-partners-list li img{ width: 100%;}

	.about-partners-list li a{-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transition: .3s;}
	
	.about-partners-list li a:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%);  filter: auto; }
	
	.about-bg-06{ background: #014a97; position: relative;}
	
	.about-txt-06{ color: #fff;}
	.join-btn{ position: absolute; right: 15px; top: -35px;}
	.join-btn a{ position: relative; display: block; overflow: hidden;}
	.join-btn i{ float: left; line-height: 45px; padding-right: 5px; color: #3ca3ff; font-size: 20px;}
	.join-btn b{ color: #fff;  line-height: 70px; text-align: center; font-size: 14px; display: block;  -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; background: #3ca3ff; width: 70px; height: 70px; float: left;}
	
	.join-btn a:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
	
	.about-txt-06 { padding-bottom: 10px;}
	.about-txt-06 dt{font-size: 16px; font-weight: bold;}
	.about-txt-06 dd{ font-size: 12px;}
	
	.about-cont-list{ border-top: solid 1px #316cab;}
	.about-cont-list li{ border: solid 1px #316cab; border-top: none; padding: 10px;}
	.about-cont-list li dt {text-align: center;}
	.about-cont-list li dt i{text-align: center;color: #529ffd;
	background-image:-webkit-linear-gradient(bottom,#59dffd,#529ffd); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; font-size: 30px;}
    
    .about-cont-list li dd{text-align: center; color: #fff; }
    .about-cont-list li dd a{color: #fff;}
    .about-cont-list li dd a:hover{text-decoration: underline;}
}



@media screen and (min-width: 992px) {
	
	.about-bg-01{ background: url(../img/about-bg-01.jpg) center top no-repeat;}
	.about-txt {overflow: hidden; padding-bottom: 40px; padding-top: 40px; display: flex; justify-content: center;}
	.about-txt dt{ display: block; padding-right: 25px;}
	.about-txt dt i{ font-size: 60px;}
	.about-txt dd{text-align: left;}
	
	.about-txt span{ font-size: 30px; line-height: 1;}
	.about-txt b{ font-size: 50px; line-height: 2;}
	.about-txt small{ font-size: 20px;}
	
	.about-list-01{ overflow: hidden; border-left: solid 1px #dedede;}
	.about-list-01 li{ float: left; width: 50%; border-left: none; padding: 20px 30px; line-height: 2;}
	.about-list-01 li a{ margin-top: 10px; display: inline-block;}
	
	.about-box-02 b{ font-size: 34px;}
	.about-box-02 span{ font-size: 18px;}
	
	.events-box{ width: 280px;}
	
	.about-bg-03{ background: url(../img/about-bg-03.jpg) center bottom no-repeat;}
	.about-bg-03-b{background: url(../img/about-bg-02.jpg) center top no-repeat;}
	
	.about-box-03 dt{ width: 182px;}
	.about-box-03 dd{ left: 195px;}
	.about-box-03 dd b{ font-size: 80px; line-height: .8;}
	.about-box-03 dd span{ font-size: 18px; line-height: 2;}
	.about-box-03 dd div{ font-size: 34px;line-height: 1;}
	
	.swiper-events-box{ padding: 75px 75px 35px 75px;}
	
	.events-prev, .events-next{ width: 36px;}
	
	
	.about-bg-02{ padding: 60px 0;}
	.about-bg-03{ padding-top: 50px;}
	.events-box .time span{ font-size: 22px;}
	
	.about-bg-04{ padding: 40px 0;}
	.about-case-box{ overflow: hidden; margin: 0 -30px;}
	.about-case-tit{ width: 50%; float: left; padding: 20px 30px;}
	
	.about-case-list{ float: left; width: 50%;  padding: 20px 30px 0 30px;}
	
	.about-case-tit span{ font-size: 28px;}
	.about-case-tit b{ font-size: 40px;}
	
	.about-case-list dt{ padding-right: 25px;}
	.about-case-list dt b{ font-size: 68px; font-weight: lighter;}
	.about-case-list dt span{ font-size: 30px;}
	
	.about-case-list dd{ padding-bottom: 20px;}
	
	.about-case-list dd b{ font-size: 20px; padding-bottom: 10px;}
	.about-case-list dd span{ font-size: 14px;}
	
	.about-partners-list li{ width: 14.2857%;}
	
	.about-bg-05{ padding: 60px 0 80px 0;}
	
	.about-partners-list{ padding-top: 10px;overflow: hidden;}
	
	.about-partners-tit b{ font-size: 34px;}
	.about-partners-tit span{ font-size: 24px;}
	
	.join-btn b{ width: 130px; height: 130px;}
	
	.join-btn{ top: -65px; right: 30px;}
	.join-btn b{line-height: 130px; font-size: 22px;}
	.join-btn i{ line-height: 95px; padding-right: 5px; font-size: 32px;}
	
	.about-bg-06{ padding: 50px 0;}
	
	.about-txt-06 dt{ font-size: 34px; line-height: 44px; float: left; padding-right: 30px;}
	.about-txt-06 dd{ font-size: 14px; line-height: 22px;}
	.about-txt-06 dd span{ display: block;}
	
	.about-txt-06{ padding-bottom: 50px;}
	
	.about-cont-list {border-left: solid 1px #316cab; overflow: hidden;}
	.about-cont-list li{ padding: 25px 10px; width: 33.3333%; float: left; border-left: none;}
	.about-cont-list li dt{ float: left; }
	.about-cont-list li dt i{ font-size: 40px;line-height: 44px;  }
	
	.about-cont-list li dd{ padding-right: 0;text-align: left;}
	.about-cont-list li dd span{display: block;}
	.about-cont-list li dd a{ display: none;}
	.about-cont-list li dd{ overflow: hidden; height: 44px; font-size: 12px;}
}

@media screen and (min-width: 1230px) {
	
	.about-bg-01{ padding-bottom: 50px;}
	
	.about-txt{ padding-bottom: 70px;}
	.about-txt dt i{ font-size: 66px;}
	.about-txt b{ font-size: 60px;}
	.about-txt small{ font-size: 24px;}
	
	.about-box-02 img{ padding-top: 20px;}
	
	.about-case-tit{ padding-bottom: 0;}
	
	.about-case-tit{ padding: 30px 60px 0 60px;}
	.about-case-list{ padding:30px 60px 0 60px;}
	
	.about-case-box{ margin: 0 -60px;}
	.about-case-list dd{ padding-bottom: 30px;}
	.about-case-list dd span{ min-height: 40px; display: block;}
	
	.about-bg-04{ padding: 60px 0;}
	
	
	.about-cont-list li div{ padding-right: 50px;}
	
	.about-cont-list li{ padding: 25px 20px;}
	
	.about-cont-list li dt i{ font-size: 44px; padding-right: 10px;}
	
	.about-cont-list li dd{ position: relative; font-size: 14px;}
	.about-cont-list li dd a{ display: block; position: absolute; top: 10px; right: 0;}
	
	.about-bg-06{ padding: 60px 0;}
	.about-txt-06{ padding-bottom: 60px;}
	
	.join-btn{ right: 100px;}
}

/*--/公司介绍--*/




/*============================theme===============================*/
/*--专题通用--*/
@media screen and (min-width: 320px) {
	.theme-ptb{ padding: 30px 0;}
}

@media screen and (min-width: 992px) {
	.theme-ptb{ padding: 40px 0;}
}

@media screen and (min-width: 1230px) {
	
}

@media screen and (min-width: 1350px) {
	
}
/*--/专题通用--*/

/*--注册   域名--*/
@media screen and (min-width: 320px) {
.domain-banner{ background: #00448b; background: -webkit-linear-gradient(#002143, #004a96); 
  background: -o-linear-gradient(#002143, #004a96); 
  background: -moz-linear-gradient(#002143, #004a96); 
  background: linear-gradient(#002143, #004a96);  padding: 30px 0; color: #fff; text-align: center;}
	
	.domain-banner b{display: block; font-size: 22px;}	
	.domain-banner span{ font-size: 18px;}
	.domain-banner p{ font-size: 12px;}
	.domain-banner-cont span{font-size: 18px; line-height: 1.4;}
	.domain-banner-cont{ padding:5px 0 20px 0;}
	.domain-banner-cont p{ padding-top: 5px;}
	.domain-banner a{ padding: 0 15px; height: 40px; display: inline-block; line-height: 38px; margin: 0 10px; cursor: pointer; font-size: 14px;}
	a.zxkf-btn{ color: #fff; background: #00c1de; border: solid 1px #00c1de;}
	a.sqym-btn{ color: #fff; border: solid 1px #fff;}
	
	.domain-banner a:hover{ opacity: .8;}
	
	.domain-01{ padding: 30px 0; border-bottom: solid 1px #d6d6d6;}
	.domain-01 img{width: 100%;}
	.domain-01 ul{ overflow: hidden;}
	.domain-01 li{ text-align: center; color: #888;}
	.domain-01 li b{ display: block; color: #004a96; font-weight: normal; font-size: 42px; font-weight: normal; line-height: 1.2;}
	.domain-01 li span{ line-height: 1.2; font-size: 42px;}
	.domain-01 li i{ display: block;}
	.domain-01 li i:before{color: #004a96; font-size: 42px; font-weight: normal; line-height: 1.2;}
	.domain-01 li{ width: 33.333%; float: left;}
	
	.domain-01 dd{ padding-top: 15px;}
	
	.domain-02{ padding: 30px 0;}
	.theme-tit{ font-size: 18px; font-weight: bold; text-align: center; display: block; color: #000; padding-bottom: 15px;}
	.domain-02 ul{margin: -5px;}
	.domain-02 li{ width: 25%; text-align: center; float: left; padding: 5px;}
	.domain-02 li i{ width: 60px; height: 60px; display: block; background: #004a96; -webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px; line-height: 60px; text-align: center; color: #fff; font-size: 32px; margin: 0 auto;}
	.domain-02 li b{ color: #000; font-size: 12px; font-weight: normal; line-height: 1.5; display: block; height: 42px; overflow: hidden; margin-top: 5px;}
	
	.bg-gray{ padding: 30px 0; background: #fafafa;}
	
	.theme-tabs{ background: #fff;}
	.theme-tabs .hd{ overflow: hidden; border-top: solid 1px #ddd;}
	.theme-tabs .hd div{ width: 100%; float: left; cursor: pointer;  border: solid 1px #ddd; padding: 10px 0; border-left: none;border-top-color: #fff; position: relative; flex-direction:column;}
	.theme-tabs .hd div b{display: block; text-align: center; }
	.theme-tabs .hd div span{display: none;}

	
	.theme-tabs .hd div.on:after{ content: ' '; position: absolute; left: 0; top: -1px; border-top: solid 3px #004a96; width: 100%;}
	
	.theme-tabs .hd div{}
	.theme-tabs .hd { border-left: solid 1px #ddd; }
	.theme-tabs .bd { border: solid 1px #ddd; border-top: none; transition: all; .3s;}
	.theme-tabs .bd .e-animte{ padding: 15px;}
	.theme-tabs .hd .on *{ color: #004a96;}
	
	.domain-tabs-02 .hd-ord{overflow: hidden; padding: 0 0 15px 0;}
	.domain-tabs-02 .hd-ord div{ float: left; padding: 5px 15px 5px 0; cursor: pointer;}
	.domain-tabs-02 .hd-ord div span{ width: 18px; height: 18px; margin-top: 5px; float: left; border: solid 1px #b9b9b9; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;}
	.domain-tabs-02 .hd-ord div b{ font-size: 14px; font-weight: normal; line-height: 28px; padding-left: 5px;}
	.domain-tabs-02 .hd-ord div i{ width: 8px; height: 8px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; background: #004a96;display: block; margin: 4px; opacity: 0;}
	.domain-tabs-02 .hd-ord input{display: none !important;}
	
	.domain-tabs-02 .hd-ord .on span{-webkit-animation-name: bounceIn;  animation-name: bounceIn;}
	.domain-tabs-02 .hd-ord .on i{opacity: 1; }
	
	.domain-tabs-02 .bd-ord div{ overflow: hidden;}
	.domain-tabs-02 .bd-ord ul{ overflow: hidden; margin: 0 -15px;}
	.domain-tabs-02 .bd-ord li{ width: 33.3333%; float: left; border-right: solid 1px #e9e9e9; padding: 0 15px; line-height: 34px; color: #000;}
	
	.protection-box{ position: relative;}
	.protection-mess{ border: solid 1px #e9e9e9; padding: 15px; margin-top: -1px;}
	.protection-mess dt span{ width: 64px; height: 64px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; display: block; margin: 0 auto; background: #aaa; text-align: center; line-height: 18px; padding: 14px 0; color: #fff; display: flex; align-items: center; justify-content: center;}
	.protection-mess dt span *{ line-height: 18px;}
	.protection-mess dt b{ color: #000; font-size: 14px; display: block; text-align: center; font-weight: normal; padding: 15px 0;}
	.protection-mess dd{ position: relative; overflow: hidden;}
	.protection-mess dd p{ font-size: 12px; color: #555; opacity: 0;  -webkit-transform: translateY(20px); transform: translateY(20px);  position: absolute; left: 0; top: 0; width: 100%; text-align: center;}
	.protection-mess dd span{ font-size: 14px; color: #004a96; display: block; text-align: center; }
	
	.protection-box .on dt span{ background: #004a96;}
	.protection-box .on dd p{ position: relative; opacity: 1; -webkit-transform: none; transform: none;}
	.protection-box .on dd span{ -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; position: absolute; left: 0; top: 0; width: 100%;}
	.protection-bd{ position: absolute; pointer-events: none; z-index: 9; border: solid 2px #004a96; padding: 14px; left: 0; top: 0;}
	
	.apply-box dl{ overflow: hidden; padding: 8px 0; width: 100%;}
	.apply-box dt{ float: left; font-size: 14px; line-height: 44px; width: 90px; text-align: right; padding-right: 10px;}
	.apply-box dd{ overflow: hidden; position: relative;}
	.apply-box dd input{ width: 100%; height: 44px; padding: 0 15px;}
	
	.apply-box .yzm-inp{ padding-right: 103px;}
	.apply-box .yzm{ position: absolute; right: 0; top: 0;}
	.apply-box .yzm img{ height: 44px;}
	
	.apply-btn{ width: 100%; height: 50px; border: none; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; color: #fff; background: #004a96;}
	
	.apply-mess{ position: absolute; width: 100%; height: 100%; top: -1000%; left: 0; background: #fff; padding: 15px; display: block; opacity: 0; z-index: 2; }
	.apply-mess i{  display: block; text-align: center; font-size: 60px; color: #004a96; line-height: 1;}
	
	.apply-mess-dt{ display: table; width: 100%; height: 100%;}
	.apply-mess-dtc{ display: table-cell; vertical-align: middle;}
	
	.apply-txt{ font-size: 14px; line-height: 26px; text-align: center; padding: 20px 0;}
	.apply-reset{ width: 200px; margin: 0 auto;}
	
	.apply-mess-show{top: 0; opacity: 1;}
	.apply-mess-show i.iconfont{ -webkit-animation-name: bounce; animation-name: bounce;}
	
	.theme-list-box-bd{ padding: 25px 0;}
	.theme-list-box{ padding: 15px 0;}
	.theme-list-tit{ overflow: hidden; padding-bottom: 10px;}
	.theme-list-tit b{ font-size: 18px; font-weight: bold; line-height: 30px;}
	.theme-list-tit a{ float: right; line-height: 30px; color: #004a96;}
	
	.domain-tit{ border-bottom: solid 1px #000; overflow: hidden; padding-bottom: 10px;}
	.domain-tit b{ font-size: 18px; font-weight: bold; line-height: 30px;}
	.domain-tit a{ float: right; line-height: 30px; color: #004a96;}
	
	.domain-list { padding-top: 10px;}
	.domain-list ul{ height: 120px; overflow: hidden;}
	.domain-list li{ -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 30px;}
	.domain-list li i{ background: #004a96; width: 6px; height: 6px; float: left; margin-top: 12px; margin-right: 10px;}
	
	
	.theme-hot-txt{ font-size: 16px; color: #000; padding-bottom: 10px;}
	.hot-list ul{ overflow: hidden; margin: -10px;}
	.hot-list li{ padding: 10px;}
	.hot-list li a{ display: block;padding:15px; border: solid 1px #ddd; box-shadow: 0 0 0 rgba(0,193,222,.25);}
	.hot-list li b{ font-size: 16px; color: #000; display: block; padding-bottom: 5px;}
	.hot-list li p{ color: #555;}
	.hot-list li small{ color: #f60; font-weight: bold; display: block;}
	.hot-list li span{ color: #00c1de; font-weight: normal; font-size: 14px;  padding-top: 5px; display: block;}
	
	.hot-list li a:hover{ border-color: #00c1de; box-shadow: 0 0 15px rgba(0,193,222,.25);}
	.hot-list li a:hover b{color: #00c1de;}

}


@media screen and (min-width: 375px) {
	.domain-tabs-02 .bd-ord li{ width: 25%;}
}

@media screen and (min-width: 992px) {
	.domain-banner{ padding: 0; height: 300px; display: flex; justify-content:center; align-items:center;}
	.domain-banner b{display: inline-block; font-size: 40px; padding-right: 10px; line-height: 1;}
	.domain-banner span,.domain-banner h1{display: inline-block;  font-size: 40px; line-height: 1;}
	.domain-banner p{ font-size: 18px; line-height: 32px;}
	.domain-banner-cont span{font-size: 32px; line-height: 1.4;}
	.domain-banner-cont{ padding:10px 0 25px 0;}
	.domain-banner-cont p{ padding-top: 5px;}
	.domain-banner a{ margin: 0 20px; font-size: 14px; padding: 0 25px;}

	.theme-tit{ font-size: 24px;}
	
	.domain-01{ overflow: hidden;}
	.domain-01 dt{ float: left; position: relative; left: 50%; width: 50%;}
	.domain-01 dt .domain-01-bd{width: 415px; margin: 0 auto;}
	.domain-01 li b,.domain-01 li span,.domain-01 li i{ font-size: 46px; line-height: 1.2;}
	.domain-01 li div{ font-size: 14px;}
	.domain-01 dd{ float: left; position: relative; right: 50%; width: 50%; padding-top: 0;}
	.domain-01 dd{ }
	
	.domain-02 ul{ padding-top: 25px;}
	.domain-02 li{ width: 14.2857%;}
	.domain-02 li i{ width: 68px; height: 68px; line-height: 68px; font-size: 40px;}
	.domain-02 li b{ height: auto; padding-top: 10px; font-size: 14px;}
	
	.bg-gray{ padding: 40px 0;}
	
	.theme-tabs .hd{ border-top: none;}
	.theme-tabs .hd div{ width: 33.333%; border-top-color: #ddd; height: 60px; padding: 0 0 0 0; display: flex; justify-content: center; align-items: center;}
	.theme-tabs .hd div.on{ padding-top: 0; border-bottom-color: #fff;}
	.theme-tabs .hd div b{ font-size: 18px;}
	.theme-tabs .hd div span{ display: block; text-align: center; font-size: 12px;}
	
	.theme-tabs-w3 .hd div{ width: 25%;}
	
	.theme-tabs .bd .e-animte{ padding: 50px 40px;}
	.domain-tabs-02 .hd-ord{ padding-bottom: 30px;}
	.domain-tabs-02 .hd-ord div{ padding-right: 20px;}
	.domain-tabs-02 .bd-ord ul{ margin: 0 -30px;}
	.domain-tabs-02 .bd-ord li{ width: 14.2857%; padding: 0 30px;}
	
	.protection-mess{ width: 25%; float: left; height: 320px; margin-top: 0; margin-left: -1px;}
	
	.apply-bd{ width: 420px; margin: 0 auto;}
	
	.theme-list-tit{ padding-bottom: 20px;}
	.theme-list-tit b{ font-size: 24px;}
	
	.domain-tit{ padding-bottom: 20px;}
	.domain-tit b{ font-size: 24px;}
	
	.domain-list ul{ margin: 0 -15px; overflow: hidden; height: auto;}
	.domain-list li{ width: 25%; float: left; padding: 0 15px;}
	
	.theme-hot-txt{ padding-bottom: 15px;}
	.hot-list li{ width: 50%; float: left;}
	.hot-list li a{ padding: 20px;}
	.hot-list li b{ font-size: 18px;}
}


@media screen and (min-width: 1230px) {
	.domain-banner b{ font-size: 46px;}
	.domain-banner span,.domain-banner h1{ font-size: 46px;}
	.domain-banner-cont span{ font-size: 38px;}
	.domain-01 dd{ font-size: 16px;}
	
}

@media screen and (min-width: 1350px) {

	
	.protection-mess{ padding: 30px;}
}
/*--/注册   域名--*/



/*--定制高端网站--*/
@media screen and (min-width: 320px) {
	.web-tabs .hd{margin: -3px; overflow: hidden;}
	.web-tabs .hd li{ padding: 3px; float: left; width: 50%;}
	.web-tabs .hd li div{ background: #f2f8ff; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; padding: 15px 0; text-align: center; cursor: pointer; position: relative; overflow: hidden;}
	.web-tabs .hd li hr{ margin: 0;  left: 0; bottom: 0; width: 0; position: absolute; height: 4px; background:#004a96; }
	.web-tabs .hd li div span{display: block; font-size: 12px; color: #7397bd;}
	.web-tabs .hd li b{ font-size: 18px; color: #004a96;}
	.web-tabs .hd li b sup{ font-weight: normal; font-size: 12px;}
	
	.web-tabs .hd li.on hr{ height: 4px; background:#004a96; width: 100%;}
	
	.web-tabs .bd{ }
	.web-tabs .bd li{text-align: center; display: none;padding: 15px 0;}
	
	

	.web-vs ul{ margin: -7px; overflow: hidden; padding-top: 10px;}
	.web-vs li{ padding: 7px;}
	.web-vs li .web-vs-btn{ border: solid 1px #d4e5f9; height: 42px; padding: 0 15px; line-height: 40px; position: relative; cursor: pointer;}
	.web-vs li .web-vs-btn i.icon-vs{ color: #00c1de; padding: 0 10px;}
	.web-vs li .web-vs-btn i.icon-more-05{ position: absolute; right: 15px; top: 0; line-height: 40px; color: #d4e5f9; font-size: 14px;}

	
	.web-vs-list{ padding-top: 5px;}
	
	.web-vs-list table{ border: solid 2px #00c1de; width: 100%; }
	.web-vs-list thead{ background: #00c1de; text-align: center; color: #fff;}
	.web-vs-list thead td{padding: 5px;}
	.web-vs-list tbody{border-top: none; text-align: center; background: #fff;}
	.web-vs-list tbody td{ padding:10px 5px; font-size: 12px; color: #555;}
	.web-vs-list tbody td span{display: block; position: relative; border-left: dashed 1px #b2c8df; border-right: dashed 1px #b2c8df;}
	.web-vs-l{ width: 35%;}
	.web-vs-c{ width: 30%;}
	.web-vs-r{ width: 35%;}

	.web-vs-list tbody tr:nth-child(even){ background: #f6fcfd;}
	
	.web-vs-list{display: none;}
	
	.web-vs .on div.web-vs-btn{ background: #004a96; border-color: #004a96;}
	.web-vs .on div.web-vs-btn *,.web-vs .on div.web-vs-btn *:before{ color: #fff;}
	.web-vs .on div.web-vs-list{ display: block;}
	
	
	.web-design-t {}
	.web-design-t i{ width: 36px; height: 36px; float: left; line-height: 36px; background: #004a96; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; text-align: center; color: #fff; font-size: 28px;}
	.web-design-t span{ line-height: 36px; padding-left: 10px; font-size: 18px; font-weight: bold;}
	
	.web-design-list ul{}
	.web-design-list li{ background: #fbfbfc; padding: 15px; border-bottom: solid 1px #eeeeee; }
	.web-design-list li b{ font-size: 14px; color: #004a96;}
	.web-design-list li div{ font-size: 12px; color: #555;}
	
	.web-design-list{ margin: -10px 0;}
	.web-design-l,.web-design-r{ padding: 10px 0;}
	.web-design-t{ padding-bottom: 10px;}
	
	
	.web-safe-list b{ color: #004a96; padding-bottom: 5px; display: block;}
	.web-safe-list p{ padding-bottom: 5px;}
	.web-safe-list span{ color: #000; display: block; font-weight: bold;}
	
	.web-safe-ord .hd-ord {overflow: hidden;}
	.web-safe-ord .hd-ord span{ background: #f2f2f2; width: 50%; text-align: center; float: left; color: #004a96; font-weight: normal; line-height: 34px; cursor: pointer;}
	.web-safe-ord .hd-ord span.on{ background: #004a96; color: #fff;}
	.web-safe-ord .bd-ord{ border: solid 1px #004a96; padding: 10px;}
	.web-safe-ord .bd-ord ul li{ line-height: 22px; font-size: 12px;}
	
	.web-protection-tit{ font-weight: bold; font-size: 16px; color: #000; padding-bottom: 5px;}
	
	.web-protection-list li{padding: 5px 0; text-align: center;}
	.web-protection-list li span{ color: #004a96; display: block; text-align: center; border: solid 1px #ddd; height: 32px; -webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px; line-height: 30px;}
	.web-protection-list li i{ -webkit-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; line-height: 32px; font-size: 24px; color: #ddd;}
	
		
	.web-service-list ul{ margin: -10px 0;}
	.web-service-list li{padding: 10px 0;}
	.web-service-list div{ border: solid 1px #ddd; padding: 15px;}
	.web-service-list i{ width: 50px; height: 50px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; background: #004a96; color: #fff; display: block; margin: 0 auto; line-height: 50px; text-align: center; font-size: 32px;}
	.web-service-list b{ color: #004a96; font-weight: normal; display: block; text-align: center; font-size: 18px; padding-bottom: 10px; padding-top: 5px;}
	.web-service-list span{ color: #777; display: block; font-size: 14px; text-align: center;}
	
	.selected-case-list .case-txt{ border: solid 1px #eee;}
	.selected-case-list .case-txt b,.selected-case-list .case-txt span{ left: -1px; right: -1px; width: auto;}
	
	.flow-list{ overflow: hidden; border-top: solid 1px #eee;}
	.flow-list li{ border: solid 1px #eee; padding: 10px; border-top: none;}
	
	.flow-list li b{ color: #004a96; display: block; font-weight: normal; text-transform: uppercase;}
	.flow-list li span{display: block; font-size: 12px; color: #000;}

}


@media screen and (min-width: 360px) {
	.web-vs-l{ width: 38%;}
	.web-vs-c{ width: 24%;}
	.web-vs-r{ width: 38%;}
}

@media screen and (min-width: 400px) {
	.web-vs-l{ width: 40%;}
	.web-vs-c{ width: 20%;}
	.web-vs-r{ width: 40%;}
}

@media screen and (min-width: 992px) {
	.web-tabs .hd li{ width: 16.6666%;}
	.web-tabs .hd li b{ font-size: 28px;}
	.web-tabs .hd li b sup{ font-size: 16px;}
	.web-tabs .hd li div span{ font-size: 14px;}
	
	.web-vs-l{ width: 43%;}
	.web-vs-c{ width: 14%;}
	.web-vs-r{ width: 43%;}
	
	.web-vs-list tbody td{ font-size: 14px; padding: 15px 20px;}
	
	.web-vs{ position: relative; z-index: 9;}
	.web-vs li{ width: 33.3333%; float: left;}
	.web-vs li .web-vs-list{position: absolute; left: 0; right: 0; display: block; top: -5000%; -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; padding-top: 5px; pointer-events: none;}
	.web-vs li .on .web-vs-list{ top: 57px; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; pointer-events: auto;}
	
	.web-design-list{ margin: 0 -10px;}
	.web-design-l{ width: 40%; float: left;}
	.web-design-r{ width: 60%; float: left;}
	.web-design-l, .web-design-r{ padding:  0 10px;}
	.web-design-list ul{ overflow: hidden; margin-bottom: -10px;}
	.web-design-list li{ border-bottom: none; border-right: solid 1px #eee; height: 280px; overflow: auto; padding: 20px; margin-bottom: 10px;}
	.web-design-list li:nth-last-child(1){border: none;}
	.web-design-l li{ width: 50%; float: left;}
	.web-design-r li{ width: 33.3333%; float: left;}
	
	.web-design-list li b{ font-size: 14px; }
	
	.web-design-t{ padding-bottom: 15px;}
	
	.web-design-list li b{ padding-bottom: 5px;display: block; }
	
	.web-safe-list{ margin: 0 -25px;}
	.web-safe-l,.web-safe-r{ padding: 0 25px; float: left; width: 50%;}
	
	.web-safe-ord{ padding-top: 10px;}
	.web-safe-ord .hd-ord span{ width: 25%;}
	.web-safe-ord .bd-ord ul{ overflow: hidden;}
	.web-safe-ord .bd-ord ul li{ width: 50%; float: left;}
	
	.web-protection-tit{ font-size: 18px;}
	.web-protection-list ul{ overflow: hidden; margin: -10px; padding-top: 10px;}
	.web-protection-list li { float: left; padding: 10px;}
	.web-protection-list li span{ padding: 0 30px;}
	.web-protection-list li i{-webkit-transform: none; transform: none;}
	
	.web-service-list ul{ margin: -10px;}
	.web-service-list li{ width: 33.3333%; float: left; padding: 10px;}
	.web-service-list div{ height: 275px; padding: 30px 15px;}
	
	.flow-list {border-left: solid 1px #eee;}
	.flow-list li{ width: 50%; float: left; border-left: none;}
	
}

@media screen and (min-width: 1230px) {
	.selected-case-list li{ width: 25%;}
	.selected-case-list  i.pic-scale-case{ height: 180px;}
	.flow-list li{ width: 20%; padding: 15px;}
	.flow-list li b{ padding-bottom: 5px;}
	.flow-list li span{ height: 44px; line-height: 22px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
}

@media screen and (min-width: 1350px) {
	.selected-case-list  i.pic-scale-case{ height: 210px;}
}
/*--/定制高端网站--*/


/*--易网网络推广--*/
@media screen and (min-width: 320px) {
	.marketing-t{ padding-bottom: 15px;}
	.marketing-t dl{ border: solid 1px #ddd; margin-top: -1px; position: relative;}
	.marketing-t dt{ position: absolute; left: 0; top: 0; width: 100px; height: 100%; background: #004a96; background: -webkit-linear-gradient(#009dde, #004a96); 
  background: -o-linear-gradient(#009dde, #004a96); 
  background: -moz-linear-gradient(#009dde, #004a96); 
  background: linear-gradient(#009dde, #004a96); }
  .marketing-t dt i{ width: 70px; height: 70px; position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -35px; text-align: center; line-height: 70px; font-size: 36px; color: #fff; border: solid 1px #fff; border: solid 1px rgba(255,255,255,.1); -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; box-shadow: 0 5px 5px rgba(0,0,0,.1);}
	.marketing-t dd{ padding: 15px 15px 15px 115px; color: #555;}
	.marketing-t dd b{ color: #004a96; display: block; font-size: 16px; padding-bottom: 5px;}
	
	i.pic-scale-aseo{ padding-bottom: 115.68%;}
	
	.aseo-box-l{ padding: 0 15px; position: relative;}
	
	.aseo-btn-box div{ width: 36px; height: 36px; position: absolute; z-index: 2; background: #000; background: rgba(0,0,0,.1); top: 50%; margin-top: -18px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; text-align: center; line-height: 38px; color: #fff; cursor: pointer;}
	.aseo-btn-box .aseo-btn-prev{ left: 0; }
	.aseo-btn-box .aseo-btn-next{ right: 0; }
	
	.aseo-btn-box div:hover{ background:#004a96;}
	
	.aseo-box-r{ padding-top: 15px;}
	.aseo-box-r dl{border-bottom: solid 1px #ddd;}
	.aseo-box-r dl dd{ display: none;}
	.aseo-box-r dt{ font-weight: bold; line-height: 24px; padding: 10px 0; cursor: pointer;}
	.aseo-box-r dd p{ padding-bottom: 10px;}
	.aseo-box-r dd a{ background: #00c1de; display: inline-block; padding: 0 30px; height: 36px; line-height: 36px; font-size: 14px; color: #fff; margin-bottom: 15px;}
	.aseo-box-r dd a:hover{ background: #004a96;}
	.aseo-box-r dd span{ display: block; font-size: 12px;}
	.aseo-box-r dd dl{  border-bottom: solid 1px #ddd; }
	.aseo-box-r dd{ padding: 0 0 15px 0;}
	
	
	.web-plan-list dt{ color: #004a96; font-size: 16px; font-weight: bold;}
	.web-plan-l dd b{ display: block; color: #000;}
	.web-plan-l dd span{ display: block; color: #555; font-size: 12px; padding-bottom: 5px;}
	.web-plan-r{ padding-top: 15px;}
	.web-plan-r span{display: block;}
	
	.web-team-txt { color: #004a96; padding-bottom: 15px;}
	.web-team-box ul{ margin: -10px;}
	.web-team-box li{ padding: 10px;}
	.web-team-box li div{ background: #fbfbfc; padding: 15px 30px;}
	.web-team-box li b{display: block; font-size: 14px; color: #000;}
	.web-team-box li span{ font-size: 12px; color: #555;}
	
	.aseo-box-l{display: none;}
	.seo-pic-list img{ width: 100%;}
}

@media screen and (min-width: 360px) {
	
}

@media screen and (min-width: 400px) {
	
}

@media screen and (min-width: 992px) {
	
	.marketing-t{ overflow: hidden; padding-bottom: 30px;}
	.marketing-t dl{ margin-left: -1px; width: 50%; float: left; margin-top: 0;}
	.marketing-t dt{ width: 140px;}
	.marketing-t dd{ padding: 15px 20px 15px 160px;}
	
	.marketing-t dt i{ width: 86px; height: 86px; margin: -43px 0 0 -43px; line-height: 84px; font-size: 42px;}
	
	.aseo-box-l{ width: 50%; float: left;}
	.aseo-box-r{ padding-left: 30px; float: left; width: 50%;}
	
	.web-plan-list{ overflow: hidden;}
	.web-plan-l{ width: 50%; padding-right: 30px; float: left;}
	.web-plan-r{ width: 50%; padding-left: 30px; float: left; padding-top: 0;}
	
	.web-plan-list dt{ font-size: 18px; padding-bottom: 10px;}
	.web-plan-l dd span{ padding-bottom: 4px;}
	.web-plan-r dd{ line-height: 22px;}
	
	.web-team-box ul{ overflow: hidden;}
	.web-team-box li{ width: 33.3333%; float: left;}
	.web-team-box li span{ height: 63px; display: block;}
	
	.aseo-box-l{display: block;}
	.seo-pic-list{display: none;}
}

@media screen and (min-width: 1230px) {
	.aseo-box-l{ width: 490px;}
	.aseo-box-r{ padding-left: 70px; float: none; width: auto; overflow: hidden; padding-top: 0;}
	
	.web-team-box li div{ padding: 25px 50px;}
	
}

@media screen and (min-width: 1350px) {
	
}
/*--/易网网络推广--*/



/*--企业邮箱--*/
@media screen and (min-width: 320px) {
	.mail-banner-txt{ text-align: center; line-height: 22px; padding: 12px 15px; color: #fff; background: #00c0f6;}
	
	.mail-box-t dt img{ width: 100%;}
	.mail-box-t dd{ padding-top: 15px;}
	.mail-box-t dd b{color: #004a96; font-size: 18px; font-weight: normal;}
	.mail-box-t dd p{ color: #000; padding-top: 5px;}
		
	.functions-list i{ width: 50px; height: 50px; margin: 0 auto; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; display: block; line-height: 52px; background: #004a96; color: #fff; text-align: center; font-size: 30px;}
	.functions-list ul{ border-top: solid 1px #e9e9e9;}
	.functions-list li{ border: solid 1px #e9e9e9; border-top: none; padding: 20px; text-align: center;}
	.functions-list li b{ display: block; padding: 5px 0;}
	.functions-list li p{ font-size: 12px;}
	
	.other-box{/*background: url(../img/other-bg-min.jpg) center center no-repeat;*/ -webkit-background-size: cover;
	background-size: cover;}
	.other-box ul{ margin: -2px;}
	.other-box li{ padding-bottom: 10px; color: #fff; text-align: center;}
	.other-box li div{padding: 25px;}
	.other-box li div i{ line-height: 60px; font-size: 48px; display: block;}
	.other-box li div span{ font-weight: bold;}
	
	.other-box li div{background: url(../img/other-bg-min.jpg) center top no-repeat; -webkit-background-size: cover;
	background-size: cover;}
	.other-box li:nth-child(1) div{background-position: center 0;}
	.other-box li:nth-child(2) div{background-position: center -134px;}
	.other-box li:nth-child(3) div{background-position:  center -268px;}
	.other-box li:nth-child(4) div{background-position:  center -402px;}
	.other-box li:nth-child(5) div{background-position:  center -536px;}
	
	.other-box li dl{ border: solid 1px #004a96; margin-top: 5px; text-align: left; padding: 10px; display: none;}
	.other-box li.on dl{display: block;}
	.other-box li dd{ font-size: 12px; display: block; overflow: hidden; padding: 5px 0;}
	.other-box li dd b{ color: #004a96; float: left;}
	.other-box li dd span { color: #555; overflow: hidden; display: block; }
	
	.other-box-b{ padding-top: 10px; display: none;}
	.other-box-b ul{ padding: 10px; border: solid 1px #004a96;}
	.other-box-b li{ font-size: 12px; display: block; overflow: hidden; padding: 5px 0;}
	.other-box-b li b{ color: #004a96; float: left;}
	.other-box-b li span{ color: #555; overflow: hidden; display: block;}
	
	.mail-apply-list dl{ overflow: hidden; padding: 5px 0;}
	.mail-apply-list dt{ padding-bottom: 5px;}
	.mail-apply-list input{ height: 44px; width: 100%; padding: 0 10px;}
	.mail-code-box dd{ position: relative; padding-right: 110px;}
	.mail-code-box .mail-code{ position: absolute; right: 0; top: 0; width: 98px; height: 44px;}
	
	.mail-btn-box{ padding-top: 10px; text-align: center;}
	.mail-btn-box .mail-submit{ width: 250px; height: 50px; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; background: #004a96; border: none; color: #fff; cursor: pointer;}
	
	.mail-btn-box .mail-submit:hover{ background: #00c0f6;}
}

@media screen and (min-width: 992px) {
	.mail-box-t { overflow: hidden;}
	.mail-box-t dt{ width: 370px; float: left;}
	.mail-box-t dd{ padding-top: 0; overflow: hidden; padding-left: 50px; display: flex; align-items: center; height: 250px;}
	.mail-box-t dd b{ font-size: 24px;}
	.mail-box-t dd p{ padding-top: 20px; font-size: 16px;}
	
	.functions-list ul{ border-left: solid 1px #e9e9e9; overflow: hidden;}
	.functions-list li{ border-left: none; float: left; width: 25%;}
	.functions-list li p{ height: 42px;}
	
	.other-box ul{ overflow: hidden;}
	.other-box li{ float: left; width: 20%; padding-bottom: 0; border-right: solid 2px #fff;}
	
	.other-box{background-image: url(../img/other-bg-max.jpg); background-position: center bottom;}
	.other-box li div{ padding: 75px 0;}
	
	.other-box li div i{ line-height: 72px; font-size: 64px;}
	.other-box li div span{ font-size: 18px; padding-top: 15px; display: block;}
	
	.other-box-b ul{ overflow: hidden; padding: 15px 10px;}
	.other-box-b li{ width: 50%; float: left; padding: 2px 10px;}
	
	.mail-tabs .hd-ord{ text-align: center; padding-bottom: 15px;}
	.mail-tabs .hd-ord div{ float: none; display: inline-block;}
	
	.mail-apply-list{ overflow: hidden; margin: 0; padding: 10px 0;}
	.mail-apply-list dl{ width: 33.3333%; float: left; padding: 0 15px;}
	.mail-apply-list dt{ width: 90px; float: left; line-height: 44px; text-align: right; padding-right: 10px; padding-bottom: 0;}
	.mail-apply-list dd{ overflow: hidden; }
	
	.mail-btn-box{ padding-top: 20px;}
	
	.other-box li dl,.other-box li.on dl{display: none;}
	.other-box li div{background: none;}
	.other-box-b{ padding-top: 10px; display: block;}
}

@media screen and (min-width: 1230px) {
	.mail-apply-list{ margin: 0 -15px;}
	.mail-apply-list li{ padding: 0 15px;}
}

@media screen and (min-width: 1350px) {
	
}
/*--/企业邮箱--*/


/*--云安全主机--*/
@media screen and (min-width: 320px) {
	
	.vps-market-tips{ background: #f7fbff; padding: 10px; line-height: 20px; color: #004a96;}
	
	.vps-market-list{ padding: 10px 0; margin: -5px -10px;}
	.vps-market-list li{ padding: 5px 10px;}
	.vps-market-list dt{ width: 100%; text-align: center; padding: 15px 0;}
	.vps-market-list dt i,.vps-market-list dt span{display: block; color: #fff;}
	.vps-market-list dt i{ font-size: 48px; line-height: 50px;}
	.vps-market-bg-01{background: #2eb7c7;}
	.vps-market-bg-02{background: #5ac64f;}
	
	.vps-market-list dd{ border: solid 1px #ddd; border-top: none; padding: 10px; color: #777;}
	
	
	.vps-advantage-list{ padding: 5px 0;}
	.vps-advantage-l{ padding-bottom: 5px;}
	
	.vps-advantage-tit{ font-size: 16px; color: #000;}
	
	.vps-advantage-bg { padding: 15px; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;color: #fff; position: relative;}
	.vps-advantage-bg b{ font-size: 16px; display: block; position: relative; z-index: 2;}
	.vps-advantage-bg span{ font-size: 14px; display: block; position: relative; z-index: 2;}
	.vps-advantage-bg i{ font-size: 48px; line-height: 48px; position: absolute; right: 15px; bottom: 15px;}
	
	.vps-advantage-bg-01{background: #67be32;}
	.vps-advantage-bg-02{background: #1e5373;}
	.vps-advantage-bg-03{background: #2eb7c7;}
	
	.vps-advantage-bg-01 i{color: #80c954;}
	.vps-advantage-bg-02 i{color: #256b96;}
	.vps-advantage-bg-03 i{color: #58c5d2;}
	
	
	.vps-advantage-r dl{ border: solid 1px #eee; border-bottom: none; padding: 8px 0; background: #fbfbfc;}
	.vps-advantage-r dt{ line-height: 20px; font-weight: bold; color: #004a96; padding: 2px 15px;}
	.vps-advantage-r dd{ line-height: 20px; color: #999; padding: 2px 15px;}
	
	.vps-advantage-r dl:nth-last-child(1){ border-bottom: solid 1px #eee;}
	

	.vps-advantage-r ul{overflow: hidden; margin: -5px;}
	.vps-advantage-r li{ padding: 5px; width: 50%; float: left;}
	.vps-advantage-r li div{ background: #37acce; padding: 15px 0; color: #fff; text-align: center;}
	.vps-advantage-r li span{ display: block; font-size: 12px;}
	.vps-advantage-r li b{display: block;}
	
	
	.vps-apply-tit{ font-size: 16px; color: #000;}
	
	.vps-apply-list{ margin: -6px;}
	.vps-apply-list li{ padding: 6px;}
	.vps-apply-list dt{background: #004a96; line-height: 24px; padding: 10px; font-size: 16px; font-weight: bold; color: #fff; text-align: center;}
	.vps-apply-list dd{ padding-top: 12px;}
	.vps-apply-list dd div{ border: solid 1px #eee; background: #fbfbfc; border-bottom: none; padding: 10px;}
	.vps-apply-list dd div:nth-last-child(1){ border-bottom: solid 1px #eee;}
	.vps-apply-list dd div b{ display: block; font-size: 14px; color: #004a96;}
	.vps-apply-list dd div span{ display: block; color: #f60; font-size: 14px;}
	.vps-apply-list dd div p{ font-size: 14px; color: #999;}
}

@media screen and (min-width: 992px) {
	
	.vps-market-list{ overflow: hidden;}
	.vps-market-list li{ width: 50%; float: left;}
	.vps-market-list dt{ width: 150px; height: 140px; float: left;}
	.vps-market-list dt i{ font-size: 64px; line-height: 85px;}
	.vps-market-list dt span{ line-height: 25px;}
	.vps-market-list dd{ overflow: hidden; border-top: solid 1px #ddd; border-left: none; height: 140px; display: flex; align-items: center; padding:0 15px;}
	
	.vps-advantage-tit{ font-size: 18px;  padding-bottom: 10px; display: block;}
	
	.vps-advantage-list{ padding: 5px 0; overflow: hidden; margin: 0 -10px; display: flex; align-items:stretch;}
	.vps-advantage-l{ width: 25%; float: left; padding: 0 10px; flex: 1; display: flex;}
	.vps-advantage-r{ width: 75%; float: left; padding: 0 10px; flex: 3;}
	
	.vps-advantage-bg{ flex: 1; display: flex; align-items: center;}
	
	.vps-advantage-r li{ width: 25%;}
	
	.vps-advantage-r dt{ width: 100px; float: left;}
	.vps-advantage-r dd{ overflow: hidden;}
	
	.vps-advantage-r dd.max{width: 100%;}
	
	.vps-advantage-bg i{ font-size: 70px;}
	
	.vps-advantage-bg b{ font-size: 18px;}
	.vps-advantage-bg{ padding-left: 20px;}
	
	.vps-advantage-bg-02 i{ font-size: 120px; line-height: 140px;}
	
	
	.vps-apply-tit{ font-size: 18px;  padding-bottom: 10px; display: block;}
	
	.vps-apply-list { overflow: hidden;}
	.vps-apply-list li{ width: 33.3333%; float: left;}
}

@media screen and (min-width: 1230px) {
	
}

@media screen and (min-width: 1350px) {
	
}
/*--/云安全主机--*/



/*--网站等保--*/
@media screen and (min-width: 320px) {
	.insurance-t dl{ width: 100%;}

	
	.insurance-effect dt.tit{ background: #37acce; margin-bottom: 1px; height: 40px; line-height: 40px; color: #fff; padding: 0 40px 0 15px; position: relative; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.insurance-effect dt.tit b{ font-size: 14px; }
	.insurance-effect dt.tit span{ padding-left: 10px; font-size: 12px;}
	
	.insurance-effect dt i{ float: right; line-height: 40px; font-size: 14px; transition: .3s; position: absolute; right: 15px; top: 0;}
	
	.insurance-effect dd.txt{ padding: 10px 0; display: none;  -webkti-transition: 0s; transition: 0s;}
	
	.insurance-effect-tit{ background: #f5f5f5; font-weight: bold; color: #000; padding: 10px; line-height: 22px; margin: 10px 0;}
	
	.insurance-effect dt{ cursor: pointer;}	
	
	.insurance-effect.show i{ -webkit-transform: rotate(180deg); transform: rotate(180deg);}
	
	.insurance-effect .txt dt{ float: left; line-height: 26px;}
	.insurance-effect .txt dd{ overflow: hidden; line-height: 26px;}
	
	.insurance-advantage-box .protection-mess dt b{ padding-bottom: 0;}
	
	
}

@media screen and (min-width: 992px) {

	.insurance-t dd{ display: flex; align-items: center; height: 160px;}
	
	.insurance-effect dd.txt{ padding: 15px 0;}
	.insurance-effect dt.tit b{ font-size: 18px;}
	.insurance-effect dt.tit span{ font-size: 14px;}
	.insurance-effect dt i{ font-size: 18px;}
	
	.insurance-effect-tit{ padding: 10px 15px;}
	
	.insurance-advantage-box dl{ height: 220px;}
	
	.insurance-advantage-tips{ padding-bottom: 15px;}
	
	
	.insurance-flow-list li{ width: 33.3333%;}
}

@media screen and (min-width: 1230px) {
	
}

@media screen and (min-width: 1350px) {
	
}
/*--/网站等保--*/



/*--上网行为管理--*/
@media screen and (min-width: 320px) {
	
}

@media screen and (min-width: 992px) {
	.management-function-list ul li{ width: 25%; float: left;}
}

@media screen and (min-width: 1230px) {
	
}

@media screen and (min-width: 1350px) {
	
}
/*--/上网行为管理--*/


/*--企业级云aCloud--*/
@media screen and (min-width: 320px) {
	.aCloud-function-txt{ padding: 15px; margin-bottom: 1px; color: #fff;}
	.aCloud-function-txt i{ float: left; width: 14px; height: 14px; background: #fff; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; margin-top: 5px; margin-right: 10px;}
	.aCloud-function-txt span{overflow: hidden; display: block;}
	.aCloud-function-txt-01{background: #1e5373;}
	.aCloud-function-txt-02{background: #2eb7c7;}
	
	.aCloud-function-list{ padding-top: 20px;}
	.aCloud-function-list li{ background: #fbfbfc; padding: 15px;}
	.aCloud-function-list li{border-top: solid 1px #eee;}
	.aCloud-function-list li:nth-child(1){border-top: none;}
	.aCloud-function-list li b{ display: block; color: #004a96; font-size: 14px;}
	.aCloud-function-list li span{font-size: 12px;}
	
	.insurance-dd{ text-align: center;}
	.insurance-dd img{ width: auto; max-width: 100%;}
	
	.insurance-dl{ border: solid 1px #aeaeae; margin-top: -1px;}
	.insurance-dt{ background: #f2f2f2; text-align: center; color: #666; line-height: 36px;}
	.insurance-dd{ padding: 20px;}
	
	.insurance-dd ul{ overflow: hidden; margin: -5px;}
	.insurance-dd li{ float: left; width: 50%; text-align: center; padding: 5px;}
	.insurance-dd li span{ border: solid 1px #aeaeae; background: #f7f7f7; display: block; text-align: center; line-height: 30px; font-size: 12px;}
}

@media screen and (min-width: 992px) {
	.aCloud-function-txt{ padding: 20px;}
	.aCloud-function-list{ padding-top: 10px;}
	.aCloud-function-list li{ background: #fbfbfc; width: 25%; float: left;border-top: none; border-right: solid 1px #eee; padding: 20px; height: 230px; margin-top: 15px;}
	.aCloud-function-list li:nth-child(4n),.aCloud-function-list li:nth-last-child(1){ border: none;}
	
	.insurance-dl{ position: relative; padding-left: 72px;}
	.insurance-dt{ position: absolute; left: 0; top: 0; width: 72px; height: 100%; font-size: 18px; padding: 0 25px; text-align: center; display: flex; align-items: center;}
	.insurance-dt div{ line-height: 24px;}
	.insurance-dt span{ margin: 0 -25px; display: block;}
	.insurance-dd{ padding: 30px;}
	
	.insurance-dd li{ width: 20%;}
	.insurance-dd li span{ line-height: 38px;}
}

@media screen and (min-width: 1230px) {
	.aCloud-function-list li{ height: 210px;}
	.insurance-dd ul{ margin: -8 -15px;}
	.insurance-dd li{ padding: 8px 15px;}
	.insurance-dd li span{ font-size: 14px;}
}

@media screen and (min-width: 1350px) {
	.aCloud-function-list li{ height: 190px;}
}
/*--/企业级云aCloud--*/


/*--上网行为管理--*/
@media screen and (min-width: 320px) {
	
	.wiring-advantage-box .protection-mess dt b{ padding-top: 0;}
	.wiring-advantage-box .protection-mess dt span{ width: 50px; height: 50px; line-height: 50px;}
	.wiring-advantage-box .protection-mess dt i{ font-size: 28px;}
	
}

@media screen and (min-width: 992px) {
	
	.wiring-advantage-box .protection-mess{ width: 16.6666%; }
	.wiring-advantage-box .protection-mess{ height: 250px;}
	.wiring-advantage-box  .protection-mess dd p{ font-size: 14px; color: #000;}

}

@media screen and (min-width: 1230px) {
	
}

@media screen and (min-width: 1350px) {
	
}
/*--/上网行为管理--*/


/*--综合布线工程--*/
@media screen and (min-width: 320px) {
	
	.wiring-supplier-list{ border-left: solid 1px #e9e9e9; border-top: solid 1px #e9e9e9; overflow: hidden;}
	.wiring-supplier-list li{ border-right: solid 1px #e9e9e9; border-bottom: solid 1px #e9e9e9; width: 50%; float: left;}
	i.pic-scale-supplier{ padding-bottom: 34.97%;}
	
	.wiring-supplier-txt{ padding-top: 10px;}
	
	.wiring-explain img{ width: 100%;}
	.wiring-explain dd{ padding-top: 10px;}
}

@media screen and (min-width: 992px) {
		
	.wiring-supplier-list li{ width: 25%;}
	.wiring-supplier-txt{ padding-top: 20px;}
	
	.wiring-explain dt{ width: 400px; margin-right: 30px; float: left;}
	.wiring-explain dd{ padding-top: 0; }
	
}

@media screen and (min-width: 1230px) {
	
}

@media screen and (min-width: 1350px) {
	
}
/*--/综合布线工程--*/


/*--OA--*/
@media screen and (min-width: 320px) {
	.OA-advantage-box .protection-mess dt span{ width: 50px; height: 50px; line-height: 50px;}
	.OA-advantage-box .protection-mess dt i{ font-size: 28px;}
	
		
	.OA-service-tit{ background: #37acce; margin-bottom: 1px; height: 40px; line-height: 40px; color: #fff; padding: 0 40px 0 15px; position: relative; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px;}
	.OA-service-tit i{ font-size: 24px; float: left;}
	.OA-service-tit span{ padding-left: 10px; font-size: 12px;}
	
	.OA-service-list{ margin: 0;}
	
	.OA-case-pic{ text-align: center; }
	.OA-case-pic img{ width: auto; max-width: 100%;}
	.OA-case-txt{ text-align: center; padding-top: 10px;}
	
}

@media screen and (min-width: 992px) {
	.OA-advantage-box .protection-mess{ width: 16.6666%; }
/*	.OA-advantage-box .on{ width: 25%;}
	.OA-advantage-box .off{ width: 15%;}*/
	.OA-advantage-box .protection-mess{ height: 250px;}

	.OA-service-tit{ margin-bottom:20px;}
	.OA-service-list ul{ display: flex;}
	.OA-service-list li{ width: 50%; float: left; flex: 1; height: auto;}
}

@media screen and (min-width: 1230px) {
	
}

@media screen and (min-width: 1350px) {
	
}
/*--/OA--*/


/*--SEO--*/
.row {
    margin-left: -15px;
    margin-right: -15px;
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px){
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;}
    
    .col-md-push-8 {
    left: 66.66666667%;
}
.col-md-pull-4 {
    right: 33.33333333%;
}

.col-md-4 {
    width: 33.33333333%;
}

.col-md-6 {
    width: 50%;
}

.col-md-8 {
    width: 66.66666667%;
}
}





@media screen and (min-width: 320px) {
	.seoBox_01{ width: 100%;  height: 100%; max-height: 695px; background: url(../img/seoPic_01.jpg) center center no-repeat; text-align: center; overflow: hidden;}
	.seoBox_02{ background: url(../img/seoPic_02.jpg) center top;}
	.seoBox_04 { background: #f6f6f6;}
	.seoMess{ padding: 40px 0; text-align: center;}
	.seoMess b{ color: #3f3f3f; font-size: 30px; font-weight: normal; display: block;text-align: left;}
	.seoMess p{ font-size: 14px; line-height: 24px; margin-top: 20px; color: #3f3f3f; text-align: left;}
	.seoMess a{ font-size: 20px; color: #fff; background: #0070cc; display: inline-block; padding: 10px 35px; margin-top: 20px; float: left;}
	
	.seoMess_02{ padding: 40px 0; text-align: center;}
	.seoMess_02 b{ color: #333; font-size: 30px; font-weight: normal; display: block;text-align: left;}
	.seoMess_02 p{ font-size: 12px; line-height: 24px; margin-top: 20px; color: #555; text-align: left;}
	.seoMess_02 a{ font-size: 20px; color: #fff; background: #0070cc; display: inline-block; padding: 8px 30px; margin-top: 20px; float: left; -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
	
	.seoBox_03{ padding: 40px 0;}
	.seoBox_03 span{display:table-cell;line-height: 24px; padding-left: 10px; max-width: 610px; font-size: 12px;}
	.seoBox_03 .col-md-6 i{ float: left; width: 100px; height: 100px; border: solid 1px #677278; display: block; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;}
	p.seoTit_01{ text-align: center; font-size: 30px; color: #0070cc;}
	.seoTit_01 i{ display: block; width: 40px; height: 3px; background: #0070CC; margin: 0 auto; margin-top: 20px;}
	
	p.seoTit_02{ text-align: center; font-size: 30px; color: #555555;}
	.seoTit_02 i{ display: block; width: 40px; height: 3px; background: #555555; margin: 0 auto; margin-top: 20px;}
	
	.seoBox_03 b{ margin: 10px 0 10px 0; display: block; font-size: 20px; color: #333333; }
	.seoLsitIco_01{ background: url(../img/seoPic_03.jpg) center center no-repeat;}
	.seoLsitIco_02{ background: url(../img/seoPic_04.jpg) center center no-repeat;}
	.seoLsitIco_03{ background: url(../img/seoPic_05.jpg) center center no-repeat;}
	.seoLsitIco_04{ background: url(../img/seoPic_06.jpg) center center no-repeat;}
	.seoLsitIco_05{ background: url(../img/seoPic_07.jpg) center center no-repeat;}
	.seoLsitIco_06{ background: url(../img/seoPic_08.jpg) center center no-repeat;}
	
	.seonList_02 div{ margin: 30px 0;}
	
	.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
	}
	
		
	.imgAuto img {
		max-width: 100%;
	}
	
}

@media (min-width: 460px){
.seoBox_01 .container,.seoBox_02 .container,.seoBox_03 .container,.seoBox_04 .container,.seoBox_05 .container {
    width: 430px;}
}


@media (min-width: 720px){
.seoBox_01 .container,.seoBox_02 .container,.seoBox_03 .container,.seoBox_04 .container,.seoBox_05 .container {
    width: 640px;}
}


@media screen and (min-width: 992px) {
	.seoBox_01 .container,.seoBox_02 .container,.seoBox_03 .container,.seoBox_04 .container,.seoBox_05 .container{width: 980px;}
	.visible-lg { display: block !important;}

	
}

@media screen and (min-width: 1230px) {
	.seoBox_01 .container,.seoBox_02 .container,.seoBox_03 .container,.seoBox_04 .container,.seoBox_05 .container{width: 1070px;}
}

@media screen and (min-width: 1350px) {
	
}



/*网站后台操作演示教程*/
@media screen and (min-width: 320px) {
	.video-list{ overflow: hidden; margin: -10px;}
	.video-list li{ padding: 10px; float: left; width: 100%;}
	.video-list div{ overflow: hidden; -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; position: relative;}
	.video-list div span{ background: #000; opacity: .5; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8;}
	i.pic-scale-video{ padding-bottom: 40%; }
	.video-list i.icon-video{ width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px; text-align: center; line-height: 100px; font-size: 40px; color: #fff; z-index: 9;}
	.video-list b{ display: block; padding-top: 5px; color: #666; font-weight: normal;}
	.video-list a:hover b{color: #004a96;}
	.video-list a:hover i.pic-size img {  -webkit-transform: scale(1.1); transform: scale(1.1); }
}

@media (min-width: 460px){
	
}


@media (min-width: 640px){
	.video-list li{ width: 50%;}
}


@media screen and (min-width: 992px) {
	.video-list li{ width: 33.3333%;}
}

@media screen and (min-width: 1230px) {
	
}

@media screen and (min-width: 1350px) {
	
}

/*弹窗视频*/
@media screen and (min-width: 320px) {
.video-show{ width: 300px !important; height: 175px !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important;}

	.video-show .layui-layer-setwin{ right: 0; top: 0;}
	.video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: -35px;width: 35px; height: 35px; background: #004a96; font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 35px;}
	.video-show .layui-layer-setwin .layui-layer-close2:before { content: "\e608"; color: #fff; font-size: 20px;}
	
	.video-show .layui-layer-content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000;}
	.jcsp-video{display: none;}
	.video-show video{display: block;}
	.video-show video{ width: 100%; height: 100%}
}

@media screen and (min-width: 384px) {
	.video-show{ width: 365px !important; height: 210px !important;}
}

@media screen and (min-width: 480px) {
	video-show{ width: 420px !important; height: 240px !important;}
}

@media screen and (min-width: 640px) {
	.video-show{ width: 630px !important; height: 360px !important;}
}

@media screen and (min-width: 768px) {
	.video-show{ width: 700px !important; height: 400px !important;}
}

@media screen and (min-width: 992px) {
	.video-show{ width: 900px !important; height: 510px !important;}
}

@media screen and (min-width: 1240px) {
	.video-show{ width: 1100px !important; height: 620px !important;}
}

@media screen and (min-width: 320px) {
	.anchor{}
}

@media screen and (min-width: 992px) {
	.anchor{position: relative; top: -50px;}
}






/* sase 上网行为管理 */
@media screen and (min-width: 320px) {
	.sase-banner-01{ height:62.5vw; min-height:300px; display: flex; align-items: center; background-image: url(../img/swxw-banner-01-m.jpg); -webkit-background-size: cover;
	background-size: cover; background-position: center; }
	.sase-banner-01 .tit{ color: #fff; font-size: 28px;}
	.sase-banner-01 .txt{ color: #fff; font-size: 14px; margin-top: 20px; max-width: 500px;}
	.sase-banner-01 .btn{ margin-top: 10px; background-image: linear-gradient(to right,#FFE47D, #F8D432); border-radius: 4px; height:50px; padding:0 15px; display: inline-flex; align-items: center; font-size: 16px; line-height: 1; color: #813F3F; font-weight: bold;}
	
	.sase-banner-01 .btn:hover{ transform: translateY(-5px);}
	
	.container-sase{position: relative; z-index: 2;}
	
	.swxw-box-01{position: relative; padding:30px 0;}
	.swxw-box-01::before{ content: ' '; background-image: linear-gradient(#EDF2F8, #ffffff); position: absolute; left: 0; top: 0; right: 0; height: 40px;}
	
	
	.swxw-list-01{display: flex; flex-wrap: wrap; margin: -10px; padding-top: 15px;}
	.swxw-list-01 .item{ flex-basis: 100%; flex-shrink: 0; padding:10px;}
	.swxw-list-01 .tit{-webkit-background-size: cover;
	background-size: cover; background-position: center; height: 50px; padding:0 15px; display: flex; align-items: center; color: #fff; font-size: 18px;}
	.swxw-list-01 .tit-01{ background-image: url(../img/swxw-tit-bg-01.jpg);}
	.swxw-list-01 .tit-02{ background-image: url(../img/swxw-tit-bg-02.jpg);}
	.swxw-list-01 .tit-03{ background-image: url(../img/swxw-tit-bg-03.jpg);}
	
	.swxw-list-01 .pic{display: flex; align-items: center; justify-content: center; padding: 20px 0;}
	.swxw-list-01 .pic img{width: 50px;}
	.swxw-list-01 .bd{ border: solid 1px #F1F4FB; padding:0 15px 15px 15px;}
	.swxw-list-01 .txt{color:#696E7D; line-height: 1.6;}
	
	.swxw-box-01 .swxw-tit{ text-align: center; font-size: 22px; color: #0B1941; line-height: 1;}
	.swxw-box-01 .swxw-tit span{color: #005ED9; line-height: 1;}
	.swxw-box-01 .swxw-txt{ padding-top: 15px; text-align: center;}
	.swxw-box-01 .box{ box-shadow: 0 0 15px rgba(0,94,217,.1);}
	
	
	
	.swxw-box-02{position: relative; padding:30px 0;}
	.swxw-box-02::before{ content: ' '; background-image: linear-gradient(#F1F4FB, #ffffff); position: absolute; left: 0; top: 0; right: 0; height: 140px;}
	.swxw-box-02 .swxw-tit{ font-size: 22px; color: #0B1941; line-height: 1;}
	.swxw-box-02 .swxw-tit span{color: #005ED9; line-height: 1;}
	.swxw-box-02 .swxw-txt{ padding-top: 15px;}
	
	.swxw-box-02 .swxw-pic{padding: 15px; box-shadow: 0 0 15px rgba(0,94,217,.1); margin-top: 15px;}
	.swxw-box-02 .swxw-pic img{width: 100%;}
	
	.swxw-box-03{position: relative; padding:30px 0; background-image: url(../img/swxw-list-bg.jpg); -webkit-background-size: cover;
	background-size: cover; background-position: center;}
	.swxw-box-03::before{ content: ' '; background:rgba(0,9,84,.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	.swxw-box-03::after{ content: ' '; background: linear-gradient(rgba(35,49,132,0), rgba(35,49,132,1)); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	
	.swxw-box-03 .list {margin: -10px;}
	.swxw-box-03 .list .item{padding: 10px;}
	.swxw-box-03 .list .box{background: #fff; border: solid 1px #F1F4FB; padding:15px;}
	.swxw-box-03 .list .box{display: flex; align-items: center;}
	.swxw-box-03 .list .box .pic{ flex-shrink: 0; flex-basis: 120px;}
	.swxw-box-03 .list .box .pic img{ width: 100%;}
	.swxw-box-03 .list .box .mess{flex:1; padding-left: 10px;}
	.swxw-box-03 .list .box .tit{color: #0B1941; font-size: 16px; line-height: 1.2;}
	.swxw-box-03 .list .box .txt{color: #696E7D; margin-top: 5px; line-height: 1.6;}
	.swxw-box-03 .list + .list{ padding-top: 10px;}
	
	
	.swxw-box-04{position: relative; padding:30px 0;}
	.swxw-box-04 .swxw-tit{ text-align: center; font-size: 22px; color: #0B1941; line-height: 1;}
	.swxw-box-04 .swxw-tit span{color: #005ED9; line-height: 1;}
	.swxw-box-04{}
	.swxw-box-04 .list{display: flex; flex-wrap: wrap; margin: -10px; padding-top: 15px;}
	.swxw-box-04 .item{ flex-basis: 100%; flex-shrink: 0; padding:10px;}
	.swxw-box-04 .box{ box-shadow: 0 0 15px rgba(0,94,217,.1); padding:15px}
	.swxw-box-04 .pic{ width: 60px; height: 60px; border-radius: 50%; background: #005ED9; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
	.swxw-box-04 .pic img{width: 32px;}
	.swxw-box-04 .tit{text-align: center; color: #0B1941; font-size: 18px; margin-top: 10px;}
	.swxw-box-04 .txt{color: #696E7D; margin-top: 10px;}
}

@media (min-width: 460px){
		.sase-banner-01{ height:400px; }
}


@media (min-width: 720px){
	
}

@media screen and (max-width: 991px) {
	.sase-banner-01 .container{ width:100%;}
}

@media screen and (min-width: 992px) {
	.sase-banner-01 .tit{ font-size: 48px;}
	.sase-banner-01 .txt{font-size: 16px;}
	.sase-banner-01 .btn{ margin-top: 40px; font-size: 18px;}
	.sase-banner-01{height: 500px; background-image: url(../img/swxw-banner-01.jpg);}
	
	.swxw-box-01{ padding:45px 0;}
	.swxw-box-01 .swxw-tit{ font-size: 30px;}
	.swxw-box-01 .swxw-txt{padding-top: 20px; font-size: 16px; max-width: 1084px; margin: 0 auto;}
	
	.swxw-list-01{ padding-top: 40px; margin: 0 -20px;}
	.swxw-list-01 .pic{ padding: 25px 0;}
	.swxw-list-01 .tit{ font-size: 18px; height: 60px;}
	.swxw-list-01 .txt{font-size: 16px;}
	.swxw-list-01 .item .bd{ padding:0 25px 25px 25px; flex: 1;}
	.swxw-list-01 .item{ flex:1; display: flex; padding:0 20px;}
	.swxw-list-01 .item .box{display: flex; flex-direction: column;}
	
	.swxw-box-02{padding:45px 0;}
	.swxw-box-02 .swxw-tit{ font-size: 30px;}
	.swxw-box-02 .swxw-txt{padding-top: 20px; font-size: 16px; }
	
	.swxw-box-02 .swxw-pic{margin-top: 40px; padding:40px 100px;}
	
	.swxw-box-03{padding:45px 0;}
	
	
	.swxw-box-03 .list{display: flex;}
	
	.swxw-box-03 .list .item{ flex: 1; display: flex;}
	.swxw-box-03 .list-02 .item .box{display: flex; flex-direction: column;}
	.swxw-box-03 .list-02 .box .pic{flex-basis: auto; width: 120px;}
	
	.swxw-box-03 .list { margin: -20px;}
	.swxw-box-03 .list + .list{padding-top: 20px;}
	.swxw-box-03 .list .item{ padding:20px;}
	
	.swxw-box-03 .list-01 .box{ padding:35px 20px;}
	.swxw-box-03 .list-02 .box{ padding:30px 20px;}
	.swxw-box-03 .list-01 .box .mess{ padding-left: 20px;}
	.swxw-box-03 .list-02 .box .mess{ padding-left: 0; padding-top: 30px;}
	.swxw-box-03 .list .box .tit{ font-size: 18px;}
	.swxw-box-03 .list .box .txt{ margin-top: 10px;}
	.swxw-box-03 .list-01 .box .pic{ flex-basis: 150px;}
	.swxw-box-03 .list-02 .box .pic{ width: 150px;}
	.swxw-box-03 .list-02 .box .tit{text-align: center;}
	
	.swxw-box-04 { padding:45px 0;}
	.swxw-box-04 .swxw-tit{ font-size: 30px;}
	.swxw-box-04 .list{margin: -15px; padding-top: 35px;}
	.swxw-box-04 .item{ flex: 1; display: flex; padding: 15px;}
	.swxw-box-04 .item .box{ padding:25px 20px 20px 20px;}
	.swxw-box-04 .tit{font-size: 20px; margin-top: 15px;}
	.swxw-box-04 .txt{margin-top: 15px;}
}

@media screen and (min-width: 1230px) {
	.sase-banner-01 .tit{ font-size: 52px;}
	.sase-banner-01 .txt{font-size: 18px;}
	.sase-banner-01 .btn{ margin-top: 55px; height: 66px; padding:0 40px; font-size: 22px;}
	.sase-banner-01{ height: 596px;}
	
	.swxw-box-01{ height:710px; display: flex; align-items: center;}
	.swxw-box-01 .swxw-tit{ font-size: 36px;}
	.swxw-box-01 .swxw-txt{ font-size: 18px; padding-top: 30px;}

	.swxw-list-01{ padding-top: 60px; margin: 0px;/*margin: 0 -26px;*/}
	.swxw-list-01 .tit{height: 78px; font-size: 24px;}
	.swxw-list-01 .pic{padding: 35px 0;}
	.swxw-list-01 .item{ padding:0 26px;}
	.swxw-list-01 .item .bd{ padding:0 35px 35px 35px;}
	
	.swxw-box-02{ height:970px; display: flex; align-items: center;}
	.swxw-box-02 .swxw-tit{ font-size: 36px;}
	.swxw-box-02 .swxw-txt{ font-size: 18px; padding-top: 30px;}
	
	.swxw-box-02 .swxw-pic{margin-top: 45px; padding:58px 140px;}
	
	.swxw-box-03{height: 810px; display: flex; align-items: center;}
	.swxw-box-03 .list { margin: -26px;}
	.swxw-box-03 .list + .list{padding-top: 26px;}
	.swxw-box-03 .list .item{ padding:26px;}
	
	.swxw-box-03 .list-01 .box{ padding:40px 25px;}
	.swxw-box-03 .list-02 .box{ padding:35px 25px;}
	.swxw-box-03 .list .box .tit{ font-size: 26px;}
	.swxw-box-03 .list .box .txt{ margin-top: 15px; font-size: 16px; margin-top: 15px;}
	.swxw-box-03 .list-01 .box .mess{ padding-left: 30px;}
	.swxw-box-03 .list-02 .box .mess{ padding-top: 50px;}
	.swxw-box-03 .list-01 .box .pic{ flex-basis: 210px;}
	.swxw-box-03 .list-02 .box .pic{ width: 210px;}
	
	.swxw-box-04{height: 510px; display: flex; align-items: center;}
	.swxw-box-04 .swxw-tit{ font-size: 36px;}
	.swxw-box-04 .list{margin: -21px; padding-top: 50px;}
	.swxw-box-04 .item{ padding: 21px;}
	.swxw-box-04 .item .box{ padding:35px 25px 25px 25px;}
	.swxw-box-04 .tit{font-size: 22px;}
	.swxw-box-04 .txt{font-size: 16px;}
	
	
}

@media screen and (min-width: 1500px) {
	.sase-banner-01 .tit{ font-size: 62px;}
	.container-sase{max-width: 1280px; padding: 0;}
	.swxw-list-01 .tit{ font-size: 26px;}
}

@media screen and (min-width: 1560px) {
	
}





/* 内网安全接入 */
@media screen and (min-width: 320px) {
	.sefa-banner .txt{max-width: 670px;}
	.sefa-banner{background-image: url(../img/sefa-ban01.jpg);}
	.sefa-list li:nth-child(1) .sefa-01{background-color: #9591FD;}
	.sefa-list li:nth-child(2) .sefa-01{background-color: #5590FE;}
	.sefa-list li:nth-child(3) .sefa-01{background-color: #4DBFB6;}
	.sefa-01{display: flex;align-items: center;}
	.sefa-01 .sefa-txt{width: 100%; padding: 0 20px;font-size: 16px;color: #fff;}
	.sefa-list .sefa-ner-01{}
	.sefa-list li{padding: 10px 0;}
	.sefa-list ul{display: flex;flex-direction: column;justify-content: center;width: 100%;}
	
	.sefa-box-02 .swxw-tit{text-align: center;}
	.sefa-box-02 .swxw-txt{padding-bottom: 15px;}
	.container-sefa .swxw-txt{text-align: center;}
	.container-sefa img{max-width: 100%;}
	.sefa-list02 .sfys-tit{font-size: 16px;text-align: center;color: #666666;}
	.sfys-pic{text-align: center;padding-bottom: 20px;}
	.sefa-list02 .sefa-ysner{width: 100%;padding: 30px;padding-top: 20px;}
	.sefa-list02 li{box-shadow: 0px 0px 6px rgba(0,67,146,0.1);margin-bottom: 20px;}
	.ner-sf03{position: relative;}
	
	.sefa-list-03{background-image: url(../img/sefa-box-03bg.jpg);-webkit-background-size: cover; background-size: cover; background-position: center;}
	.sefa-list-03 li:nth-child(odd) .ner-sf03 .txt::before{content: "";width: 10px;height: 10px;background-color: #005ED9;position: absolute;left: 10px;top: 12px;border-radius: 50%;z-index: 2;}
	.sefa-list-03 li:nth-child(even) .ner-sf03 .txt::before{content: "";width: 10px;height: 10px;background-color: #005ED9;position: absolute;right: 6px;top: 12px;border-radius: 50%;z-index: 2;}
	.sefa-list-03 li:nth-child(even) .ner-sf03 {text-align: right;padding-right: 20px;}
	.sefa-list-03 li:nth-child(odd) .ner-sf03 {padding-left: 20px;}
	.ner-sf03 .txt{font-size: 20px;}
	.sefa-list-03 li:nth-child(odd) .con-sf03{padding: 15px 0px 15px; padding-right: 0px;background-color: #fff;}
	.sefa-list-03 li:nth-child(even) .con-sf03{padding: 15px 0px 15px; padding-left: 0px;background-color: #fff;} 
	.sefa-list-03 li{padding: 10px;width: 50%;}
	.sefa-list-03 ul{display: flex;flex-wrap: wrap;}
	.ner-sf03 .tit{height: 158px;font-size: 16px; color: #666666; max-width: 480px;}
	
	.sefa-box-03-bt{padding: 6px;background-color: #22317C;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	.sefa-box-03-bg{padding: 9px 15px;background-color: #fff;border-radius: 50%;}
	.sefa-list-03{position: relative;}
	.sefa-box-03-bg div{font-size: 22px;line-height: 1.3;}
	.sefa-box-03-bg div:nth-child(2){color: #337AFF;}
	.sefa-list-03{padding: 40px 0;}
}

@media (min-width: 460px) {
	.ner-sf03 .tit{height: 120px;}
	.sefa-box-03-bg{padding: 16px 24px;}
	.sefa-list-03 li:nth-child(even) .ner-sf03 .txt::before{content: "";width: 10px;height: 10px;background-color: #005ED9;position: absolute;right: 10px;top: 15px;border-radius: 50%;z-index: 2;}
	.sefa-list-03 li:nth-child(odd) .con-sf03{padding: 22px 0px 30px; padding-right: 30px;}
	.sefa-list-03 li:nth-child(odd) .ner-sf03{padding-left: 30px;}
	.sefa-list-03 li:nth-child(even) .con-sf03{padding: 22px 0px 30px; padding-left: 30px;}
	.sefa-list-03 li:nth-child(even) .ner-sf03{padding-right: 30px;}
	.sefa-box-03-bg div{font-size: 24px;}
	.sefa-box-03-bt{padding: 10px;}
	.sefa-list-03{padding: 60px 0;}
	
}


@media (min-width: 720px) {
	.ner-sf03 .tit{height: 50px;}
	.sefa-box-03-bg div{font-size: 26px;}
	.sefa-list-03{padding: 80px 0;}
	.sefa-box-03-bt{padding: 16px;}
}


@media screen and (min-width: 992px) {
    .sefa-banner{background-image: url(../img/swxw-banner-02.jpg);}
    .sefa-box-01 .swxw-txt{max-width:1280px;}
    .sefa-list-03{background-image: url(../img/sefa-box-03bg.jpg);}
	.sefa-list ul{flex-direction: row;justify-content: space-between;}
	.sefa-01 .sefa-txt{max-width: 302px;}
	.sefa-list li{padding: 0; max-width: 430px;}
	.sefa-list li+li{padding-left: 10px;}
	.sefa-list ul{display: flex;}
	.sefa-box-02 .swxw-txt{padding-bottom: 20px;}
	.sefa-list02 .li{}
	.sefa-list02 .sefa-ysner{width: 100%;}
	.sefa-list-03{padding: 100px 0;}
	.contaienr{max-width: 992px;margin: 0 auto;}
	
	.sefa-list02 ul{display: flex;width: 100%;justify-content: space-between;}
	.sefa-list02 li{display: flex;max-width: 390px;margin-bottom: 0px;}
	
	
	.ner-sf03 .txt{font-size: 22px;}
	.sefa-box-03-bg div{font-size: 30px;}
	.sefa-list-03 li:nth-child(odd) .con-sf03{padding: 22px 20px 30px; padding-right: 60px;}
	.sefa-list-03 li:nth-child(even) .con-sf03{padding: 22px 20px 30px; padding-left: 60px;}
	.sefa-box-03-bt{padding: 18px;}
	
	.sefa-box-04 .item{padding: 12px;}
	.sefa-box-04 .list { margin: -12px;}
	.sefa-list-03 li:nth-child(even) .ner-sf03 {text-align: right;padding-right: 20px;}
	.sefa-list-03 li:nth-child(odd) .ner-sf03 {padding-left: 20px;}
	.sefa-list-03 li:nth-child(even) .ner-sf03 .txt::before{right: 0;top:15px;}
	.sefa-list-03 li:nth-child(odd) .ner-sf03 .txt::before{left: 0;top:15px;}
	
}

@media screen and (min-width: 1230px) {
	.sefa-list li{padding: 0;}
	.sefa-box-02 .swxw-txt{padding-bottom: 30px;}
	.sefa-box-02{height: auto;}
	.ner-sf03 .txt{font-size: 24px;}
	.sefa-box-03-bg div{font-size: 34px;}
	.sefa-list-03{padding: 110px 0;}
	.sefa-list-03 li:nth-child(odd) .con-sf03{padding: 22px 30px 30px; padding-right:90px;}
	.sefa-list-03 li:nth-child(even) .con-sf03{padding: 22px 30px 30px; padding-left: 90px;}
	.contaienr{max-width: 1042px;}
	.sefa-box-04 .item{padding: 14px;}
	.sefa-box-04 .list { margin: -14px;}
}

@media screen and (min-width: 1350px) {
	.sefa-box-01{height: 421px;}
	.sefa-list{padding-top: 40px;}
	.sefa-box-01 .swxw-txt{padding-top: 40px;}
	
	.sefa-box-02{height: 1324px;}
	.sefa-box-02 .swxw-txt{padding-top: 40px;padding-bottom: 40px;}
	.sefa-box-03-bg div{font-size: 36px;}
	.sefa-box-03-bg{padding: 28px 38px;}
	.sefa-box-03-bt{padding: 20px;}
	.sefa-list-03{padding: 120px 0;}
	.sefa-list-03 li:nth-child(odd) .con-sf03{padding: 22px 40px 30px; padding-right:90px;}
	.sefa-list-03 li:nth-child(even) .con-sf03{padding: 22px 40px 30px; padding-left: 90px;}
	.contaienr{max-width: 1280px;}
	.sefa-box-04 .item{padding: 15px;}
	.sefa-box-04 .list { margin: -15px;}
	.zdaq-box-04 .swxw-box-04 .item .box{padding:40px 20px 20px 20px;}
}




/* 终端安全检测与响应 */
@media screen and (min-width: 320px) {
    .sefa-banner-02 .txt{max-width: 405px;}
	.sefa-banner-02 .txt{/*margin:0 auto;*/margin-top:20px; /*text-align:center;*/}
	.zdaq-list-03{padding-top: 20px;}
	.sefa-ysner .sfys-dt{font-size: 18px;padding-bottom: 15px;text-align: center;}
	.zdaq-box-04{background-color: #F6F8FC;}
	.zdaq-list-03 .sfys-pic{padding-bottom: 16px;}
	.zdaq-ys-03 .pic2{text-align: center;}
	.zdaq-list-03 .sfys-tit{text-align: left;}
	.zdaq-ys-03 .box{background-color: #FFF;}
	.sefa-banner-02{background-image: url(../img/swxw-banner-03m2.jpg);}
	/*.sefa-banner-02 .tit{text-align:center;}*/
	/*.sefa-banner-02 .btn{display:flex;width:126px;margin:auto;margin-top:20px;}*/
	/*.tit-pic {text-align: center;max-width: 500px;margin: 0 auto;}*/
	.tit-pic img{max-width: 100%;}
	.tit-pic {display: none;}
	/*.sefa-banner-02{height: 750px;}*/
	.sefa-banner-02 .txt span{display:none;}
}

@media (min-width: 460px) {
	.zdaq-list-03{padding-top: 30px;}
	.sefa-ysner .sfys-dt{font-size: 20px;padding-bottom: 20px;}
}


@media (min-width: 720px) {
	.sefa-ysner .sfys-dt{font-size:22px;}
	.sefa-banner-02 .txt{margin-top:36px;}
	.sefa-banner-02 .txt{max-width: 540px;}
}


@media screen and (min-width: 992px) {
    .sefa-banner-02{background-image: url(../img/swxw-banner-03.jpg);}
    .sefa-banner-02 .tit{text-align:left;}
    .sefa-banner-02 .txt{margin:0; margin-top:10px;text-align:left;}
	.zdaq-list-03{padding-top: 40px;}
	.sefa-ysner .sfys-dt{font-size:24px;padding-bottom: 25px;}
	.sefa-banner-02 .btn{display:inline-flex;}
	.sefa-banner-02 .txt span{display:block;line-height:0;}
	.sefa-banner-02 .btn{width:auto;}
}

@media screen and (min-width: 1230px) {
	.zdaq-box-01{height: 733px;}
	.zdaq-box-02{height: 1483px;}
	.zdaq-box-04{height: 587px;}
	.zdaq-list-03{padding-top: 50px;}
	.sefa-ysner .sfys-dt{font-size:26px;padding-bottom: 30px;}
	.zdaq-list-03 .sefa-ysner{padding: 34px ;padding-top: 20px;}
}

@media screen and (min-width: 1350px) {
	.zdaq-list-03{padding-top: 60px;}
	.zdaq-box-02 .swxw-pic{margin-top: 54px;}
	
}

/* 网站建设专题页 */
@media screen and (min-width: 320px) {
	.wzjs-banner-01 .tit-pic{display: block;}
	.wzjs-banner-01 .btn-gree{background-image: linear-gradient(to right,#47D687, #47D687);color: #fff;border-radius: 50px;height: 54px;font-weight: normal;margin-top: 30px;}
	.wzjs-banner-01{height: 640px;}
	.wzjs-banner-01 .btn-gree:hover{background-image: linear-gradient(to right,#F8D432, #F8D432);}
	.wzjs-banner-01 .tit{font-weight: bold;font-size: 32px;line-height: 1.5;}
	.wzjs-banner-01 .txt{font-size: 16px;text-align: left;max-width: 1000px;}
	.wzjs-banner-01 .txt span{display: inline-block;}
	.pic-wzjs-mb{padding-bottom: 71.78%!important;}
	.wzjs-l{max-width: 635px;width: 60%;}
	.wzjs-myban-01{display: flex;width: 100%;justify-content: space-between; align-items: center;}
	.wzjs-r {text-align: left;flex: 1;text-align: end;}
	.wzjs-r .wzjs-tittle{font-size: 20px;padding-bottom: 15px;line-height: 1.3;}
	.wzjs-r .wzjs-desc{font-size: 16px;display: flex;flex-direction: column;align-items: flex-end;}
	.wzjs-more a{display: inline-block;padding: 8px 0 8px; width: 130px;background-color: #476FFF; border-radius: 50px;text-align: center;color: #FFFFFF;margin-top: 10px;}
	.wzjs-more a:hover{background-color: #47D687;}
	.wzjs-desc span i{width: 8px;height: 8px;background-color: #8DA5FF;display: inline-block;border-radius: 50%;margin-left: 10px;}
	.wzjs-desc span {display: flex;align-items: center;line-height: 1.5;color: #666666;}
	.wzjs-box-01::before{height: 100%;background-image: linear-gradient(#F5F9FF, #F5F9FF);}
	.wzjs-box-02::before{height: 100%;background-image: linear-gradient(#fff, #fff);}
	.wzjs-myban-02{flex-direction: row-reverse;}
	.wzjs-myban-02 .wzjs-r{text-align: left;}
	.wzjs-myban-02 .wzjs-r .wzjs-desc{align-items: flex-start;}
	.wzjs-myban-02 .wzjs-desc span i{margin-left: 0;margin-right: 10px;}
	
	.wzjs-box-04 .box{width: 100%;box-shadow:0 0 15px rgba(0, 94, 217 , 0%);}
	.wzjs-box-04 .item .box{position: relative;padding: 0;border-radius: 16px;overflow: hidden;}
	.wzjs-box-04 .box-box{position: absolute;left: 0;top: 100%;width: 100%;height: 0%;background-color: #476FFF;padding: 15px;opacity: 0; transition: .3s;padding-top: 50px;}
	.wzjs-box-04 .item:hover .box-box{z-index: 2;opacity: 1; transition: .3s;height: 100%;top: 0%;}
	.wzjs-box-04 .item:nth-child(1) .box-box{background-color: #FEAA24;}
	.wzjs-box-04 .item:nth-child(2) .box-box{background-color: #476FFF;}
	.wzjs-box-04 .item:nth-child(3) .box-box{background-color: #FF5151;}
	.wzjs-box-04 .item:nth-child(4) .box-box{background-color: #47BC9B;}
	.wzjs-box-04 .box-box .txt{color: #FFFFFF;margin: 0;text-align: center;font-size: 16px;line-height: 24px;}
	.wzjs-zxzx{text-align: center;}
	.wzjs-zxzx a{color: #FFFFFF;display: inline-block;width: 110px;border: 1px solid #fff;border-radius: 50px;padding: 7px 0;}
	.wzjs-zxzx a:hover {background-color: #47D687;}
	.wzjs-tst{color: #fff;text-align: center;font-size: 16px;position: absolute;bottom: 0;line-height: 60px;background-color: #fff;z-index: 2;width: 100%;left: 0;color: #666666;}
	.wzjs-ys-03 .pic2{text-align: center;padding: 30px 0 8px;}
	.wzjs-ys-03 .pic2 img{max-width: 100%;}
	.wzjs-ys-03 .tit{font-size: 16px;line-height: 60px;margin: 0;color: #666666;}
	.wzjs-ys-03{padding-bottom: 40px;}
	
	.box-ner{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
	.wzjs-zxzx{margin-bottom: 60px;}
	
	
	.wzjs-box-002{background-image: linear-gradient(to right, #3F4FEB, #11D1E0);color: #fff;text-align: center;}
	.wzjs-box-002::before{display: none;}
	.wzjs-box-002::after{height: 75px;z-index: 1;position: absolute;bottom: 0;content: "";width: 100%;background-color: #fff;left: 0;}
	.wzjs-box-002 .container-sase{z-index: 2;}
	.wzjs-fw-tittle{font-size: 24px;}
	.wzjs-fw-txt{font-size: 14px;padding-top: 10px;}
	.wzfw-top{font-size: 17px;line-height: 1;}
	.wzfw-top span{font-size: 28px;line-height: 1;}
	.wzfw-bot{font-size: 14px;}
	
	.fwys-list ul{display: flex;flex-wrap: wrap;margin-top: 40px;}
	.fwys-list li{width: 33.33%;border-right: 1px solid rgba(255,255,255,0.555);margin-top: 10px;}
	.fwys-list li:last-child{border-right:none;}
	.fwys-pic{padding-top: 30px;text-align: center;position: relative;z-index: 10;}
	.fwys-pic img{max-width: 100%;}
	
	.wzjxal-box-04 .list{display: flex;flex-wrap: wrap;}
	.wzjxal-box-04 .list .item{width: 50%;flex-basis: 50%;}
	.wzjxal-box-04 .list .item a{ flex: 1;}
	.wzjxal-al-03 .box{box-shadow: none;}
	.wzjxal-al-03 .item .box{padding: 0;}
	.wzjxal-al-03 .pic2 {border-radius: 6px 6px 0 0;overflow: hidden;box-shadow: 0 4px 7px rgb(0 0 0 / 14%)}
	.wzjxal-al-03 .pic2 img{max-width: 100%;}
	.wzjxal-al-03 .tit{font-size: 16px;color: #666666;}
	.wzjxal-box-04 .wzjs-more{text-align: center;}
	.wzjxal-al-03 .item a:hover .tit{color: #004a96;}
	
}

@media (min-width: 460px){
	.wzjs-banner-01 .txt{text-align: left;}
	.wzjs-banner-01 .txt br{display: none;}
	.wzjs-r .wzjs-tittle{padding-bottom: 20px;font-size: 26px;}
	.wzjs-more a{margin-top: 15px;width: 150px;}
	.wzjs-ys-03 .item{width: 50%;flex-basis: 50%;}
	.wzfw-top span{font-size: 34px;}
	.wzjs-banner-01 .txt{font-size: 18px;}
}


@media (min-width: 720px){
	.wzjs-more a{margin-top: 25px;width: 180px;}
	.wzjs-r .wzjs-tittle{font-size: 36px;}
	.wzfw-top span{font-size: 36px;}
	.wzfw-top{font-size: 18px;}
	.wzjs-box-002::after{height: 100px;}
}


@media screen and (min-width: 992px) {
	.wzjs-banner-01 .tit-pic{display: none;}
	.wzjs-banner-01 .tit{font-size: 60px;line-height: 1.3;}
	.wzjs-l{max-width: 635px;width: 50%;}
	.wzjs-r .wzjs-desc{font-size: 20px;}
	.wzjs-r .wzjs-desc span{line-height: 34px;}
	.wzjs-r .wzjs-tittle{font-size: 44px;}
	.wzjs-r .wzjs-tittle{padding-bottom: 30px;}
	.wzjs-more a{display: inline-block;padding: 12px 0 10px;margin-top: 30px;width: 200px;}
	.wzjs-tst{font-size: 20px;}
	.wzjs-ys-03 .item{flex: 1; display: flex;padding: 15px;}
	.wzjs-box-04 .box-box{padding: 20px;padding-top: 59px;}
	.wzjs-fw-tittle{font-size: 32px;line-height: 1.3;}
	.wzjs-fw-txt{font-size: 16px;}
	.wzfw-top{font-size: 20px;}
	.wzfw-top span{font-size: 40px;}
	.wzfw-bot{font-size: 16px;padding-top: 13px;line-height: 1;}
	.wzjs-tst, .wzjs-ys-03 .tit{font-size: 20px;line-height: 90px;}
	.wzjs-zxzx{margin-bottom: 80px;}
	.wzjs-ys-03{padding-bottom: 60px;}
	
	.fwys-list li{width: 16.66%;}
	.fwys-list ul{margin-top: 50px;}
	.fwys-pic{padding-top: 40px;}
	.wzjs-box-002::after{height: 125px;}
	.wzjs-banner-01 .txt{font-size: 20px;}
}

@media screen and (min-width: 1230px) {
	.wzjs-banner-01 .tit{font-size: 66px;}
	.wzjs-more a{margin-top: 40px;width: 220px;}
	.wzjs-r .wzjs-tittle{font-size: 50px;}
	.wzjs-box-01{height: 624px;}
	.wzjs-box-04 .box-box{padding: 23px;padding-top: 60px;}
	.wzjs-fw-tittle{font-size: 42px;}
	.wzjs-box-002{height: 815px;}
	
	.fwys-pic{padding-top: 50px;}
	.wzjs-box-002::after{height: 185px;}
	.fwys-list ul{margin-top: 60px;}
	.wzjs-banner-01 .txt{font-size: 22px;}
	.wzjs-banner-01{height: 680px;}
	.wzjxal-box-04{height: auto;}
	.wzjxal-box-04 .swxw-tit ,.wzjs-box-04 .swxw-tit{font-size: 50px;}
	.zdaq-box-04 .swxw-tit{/* padding-bottom: 60px; */}
	.wzjs-ys-03{padding-bottom: 80px;}
	
}

@media screen and (min-width: 1350px) {
	.wzjs-banner-01 .tit{font-size: 70px;line-height: 100px;}
	.wzjs-more a{margin-top: 50px;width: 260px;padding: 17px 0 13px;}
	.wzjs-fw-tittle{font-size: 50px;}
	.zdaq-box-04 .swxw-tit{/* padding-bottom: 80px; */}
	.fwys-pic{padding-top: 60px;}
	.wzjs-box-002::after{height: 175px;}
	.container-sase2{max-width: 1200px;padding: 0;}
}
@media screen and (min-width: 1350px) {
	
}


/* 小程序定制开发服务 */
@media screen and (min-width: 320px) {
	.xcxzt-banner{height: 520px; background-color: #005ED9;background: url(../img/xcx-banner-bg-cs.jpg);-webkit-background-size: cover; background-size: cover; background-position: center;}
	
	.xcxzt-banner .txt{max-width: 598px;}
	.xcxzt-banner .tit-pic{display: block;text-align: center;padding-top: 40px;}
	.xcxzt-banner .tit-pic img{/* max-width: 500PX; */}
	.xcxzt-box-01{text-align: center;background-color: #F8FAFB;}
	.xcxzt-box-01::before{display: none;}
	.xcxzt-list02 .sfys-tit{text-align: center;}
	.xcxzt-list02 .sefa-ysner{padding-top: 30px;padding-bottom: 40px;background-color: #fff;}
	.xcxzt-list02 li{box-shadow: none;padding: 10px;}
	.con-xcxzt-list02{margin: -10px;}
	.xcxzt-list02 li:hover .sefa-ysner{box-shadow: 0px 0px 6px rgb(0 67 146 / 10%);}
	.xcxzt-list02 li:hover .sefa-ysner .sfys-dt{color: #005ED9;}
	.xcxzt-list02 .sfys-pic{padding-bottom: 30px;}
	.xcxzt-list02 .sefa-ysner .sfys-dt{padding-bottom: 20px;}
	.xcxzt-banner .btn{padding: 0 39px;margin-top: 20px;}
	.xcx-ztner-01 .swxw-tit, .xcx-ztner-01 .swxw-txt{text-align: left;margin: 0;}
	.xcx-ztner-01 .swxw-tit{font-size: 26px;}
	.xcx-ztner-01 .swxw-txt{font-size: 16px;padding-top: 30px;max-width: 100%;}
	.xcxzt-box-002 .container-header{height: 100%;}
	.xcxzt-box-002:hover .xcx-ztner-01 .swxw-txt{color: #005ED9;}
	.con-xcxzt-box-con{position: relative;height: 100%;}
	.con-xcxzt-box-con .xcx-ztner-01{/* position: absolute;left: 0;top:50%;transform: translate(0,-50%); */width: 100%;}
	.xcx-ztner-02 img{max-width: 100%;}
	.xcx-ztner-02{padding-top: 20px;text-align: center;}
	
	.xcxzt-box-002::before{display: none;}
	
	.xcxzt-box-03{background-color: #F8FAFB;}
	.xcx-ys-003 .pic2 img{max-width: 100%;border-radius: 10px;}
	.xcx-ys-003 .item, .xcx-ys-003 .box{display: flex;align-items: center;}
	.xcx-ys-003 .box{align-items: flex-end;padding-left: 20px;height: 100%;
 align-items: center; width: 100%;box-shadow: none;background-color: #FFFFFF;border-radius: 0 10px 10px 0;}
	.xcx-ys-003 .tit{font-size: 24px;}
	.xcx-ys-003 .txt{font-size: 16px;margin-left: 10px;}
	.xcx-ys-003{display: flex; flex-wrap: wrap;width: 100%;}
	.xcx-ys-003 .item{width: 100%;padding: 10px;}
	.xcxzt-box-03 .swxw-txt{padding-bottom: 20px;}
	.xcx-ys-003con{margin: -10px;}
	.xcx-ys-003 .pic2{background-color: #FFFFFF;border-radius: 10px 0 0 10px;}
	.xcx-ys-003 .item:hover .box{box-shadow: 0 0 15px rgb(0 94 217 / 10%)}
	.xcx-ys-003 .item:hover .tit{color: #005ED9;}
	.xcx-ys-003 .item:hover img{box-shadow: 0 0 15px rgb(0 94 217 / 10%);position: relative;z-index: 2;}
	.xcxzt-box-03::before{display: none;}
	.xcxzt-box-03{margin-top: 50px;}
	.con-xcxzt-box-03{background-color: #F8FAFB;}
	.con-xcxzt-box-03 .xcxzt-box-03{background-color: rgba(0,0,0,0);}
	.xcxzt-box-04::before{display: none;}
	.xcxzt-box-03{background-color: #ffffff;}
	.xcx-ys-004{display: flex;flex-wrap: wrap;}
	.xcx-ys-004 .item{width: 100%;padding: 20px;}
	.xcx-ys-004 .box{box-shadow:none;}
	.xcx-ys-004 .box .tit{font-size: 18px; display: inline-block;border-bottom: 2px solid #7B77FF;margin-bottom: -1px;transition:0.5s;}
	.xcx-ys-004 .item:hover .con-ys004{ box-shadow: 0 0 15px rgb(0 94 217 / 20%); transition: 0.5s;}
	.xcx-ys-004 .box .txt{padding: 10px 0; border-top: 1px solid rgba(123,119,255,0.5);font-size: 16px;color: #222222;}
	.xcxzt-box-04 .swxw-txt{padding-bottom: 30px;}
	.xcx-ys-004 .pic2{text-align: right;}
	.xcx-ys-004 .pic2 img{max-width: 100%;}
	.con-ys004 .box{padding: 20px;}
	.xcx-ys-004con{margin: -20px;}
	.con-ys004{display: flex; flex-direction: column; height: 100%;justify-content: space-between;border-radius: 10px;}
	.xcx-ys-004 .item:nth-child(1) .con-ys004{background-image: linear-gradient(to bottom left, #CECCF9, #EEEDFF);}
	.xcx-ys-004 .item:nth-child(2) .con-ys004{background-image: linear-gradient(to bottom left, #C0D6FB, #E3EDFF);}
	.xcx-ys-004 .item:nth-child(3) .con-ys004{background-image: linear-gradient(to bottom left, #A3EEE5, #C8FFF7);}
	.xcx-ys-004 .item:nth-child(4) .con-ys004{background-image: linear-gradient(to bottom left, #BFEDFC, #E3F8FF);}
	.xcx-ys-004 .item:nth-child(1) .con-ys004 .tit{border-color: #7B77FF;}
	.xcx-ys-004 .item:nth-child(2) .con-ys004 .tit{border-color: #0062FF;}
	.xcx-ys-004 .item:nth-child(3) .con-ys004 .tit{border-color: #24A192;}
	.xcx-ys-004 .item:nth-child(4) .con-ys004 .tit{border-color: #23AEDC;}
	.xcx-ys-004 .item:nth-child(1):hover .con-ys004 .tit{color: #7B77FF;}
	.xcx-ys-004 .item:nth-child(2):hover .con-ys004 .tit{color: #0062FF;}
	.xcx-ys-004 .item:nth-child(3):hover .con-ys004 .tit{color: #24A192;}
	.xcx-ys-004 .item:nth-child(4):hover .con-ys004 .tit{color: #23AEDC;}
	
	.xcxzt-box-05::before{display: none;}
	.xcxzt-box-05{background-image: url(../img/xcxzt-box-05bg.jpg);-webkit-background-size: cover; background-size: cover; background-position: center;}
	.xcx-ys-005con{text-align: center;}
	.xcxzt-box-05 .swxw-tit{color: #fff;padding-bottom: 30px;}
	.xcx-ys-005con{padding: 30px 20px;background-color: #fff;border-radius: 10px;}
	.xcx-ys-005con .ys-tit{color: #005ED9;font-size: 24px;padding-bottom: 10px; font-weight: bold;}
	.xcx-ys-005con .ys-txt{color: #666666;font-size: 16px;}
	.xcxzt-box-04 .swxw-tit{padding-bottom: 30px;}
}

@media (min-width: 460px){
	.xcx-ys-004 .box .tit{font-size: 20px;}
	.xcx-ys-004 .box .txt{padding: 20px 0; }
	
}


@media (min-width: 720px){
	.xcx-ztner-01 .swxw-tit{font-size: 28px;}
	.xcx-ys-004 .box .tit{font-size: 22px;}
	.xcx-ys-003 .item{width: 50%;padding: 10px;}
	.xcx-ys-004 .item{width: 50%;padding: 20px;}
	.xcxzt-list02 li{padding: 20px;}
	.con-xcxzt-list02{margin: -20px;}
	
}


@media screen and (min-width: 992px) {
	.xcxzt-list02 li{max-width: 360px;width: 33.33%;}
	.xcxzt-banner .tit-pic{display: none;}
	
	.xcxzt-box-003 .xcx-ztner-01 div{text-align: right;}
	.xcxzt-box-003 .con-xcxzt-box-con .xcx-ztner-01{text-align: right;width: 100%;padding-left: 15%;}
	.xcxzt-box-003 .con-xcxzt-box-con{margin-left: 50%;}
	.con-xcxzt-box-con .xcx-ztner-01{width: 40%;}
	.xcxzt-list02 .sefa-ysner{padding-top: 40px;padding-bottom: 50px;}
	.xcxzt-list02 .sfys-pic{padding-bottom: 40px;}
	.xcxzt-list02 .sfys-tit{font-size: 18px;}
	.xcx-ztner-01 .swxw-tit{font-size: 32px;}
	.xcx-ztner-01 .swxw-txt{font-size: 18px;}
	.con-xcxzt-box-con{display: flex;align-items: center;}
	.con-xcxzt-box-con .xcx-ztner-02{display: none;}
	.xcxzt-box-002{height: 400px;position: relative;}
	.xcxzt-banner{background-image: url(../img/xcxzt-dban.jpg);-webkit-background-size: cover; background-size: cover; background-position: center;}
	.xcxzt-box-002{background-image: url(../img/xcxdz-zt01.png);-webkit-background-size: cover; background-size: cover; background-position: center;}
	.xcxzt-box-003{background-image: url(../img/xcxdz-zt02.png);-webkit-background-size: cover; background-size: cover; background-position: center;}
	.xcxzt-box-004{background-image: url(../img/xcxdz-zt03.png);-webkit-background-size: cover; background-size: cover; background-position: center;}
	.xcxzt-box-003 .container-sase{display: flex;justify-content: ;}
	
	.xcx-ys-003 .item{width: 33.33%;padding: 20px;}
	.xcx-ys-003con{margin: -20px;}
	.xcxzt-box-03 .swxw-txt{padding-bottom:30px;}
	.xcxzt-box-03{margin-top: 80px;}
	.con-ys004 .box{padding: 30px 20px;padding-bottom: 0;}
	.xcx-ys-004 .box .tit{font-size: 24px;}
	.xcxzt-box-04 .swxw-txt{padding-bottom: 40px;}
	.xcxzt-box-04 .swxw-tit{padding-bottom: 40px;}
	.xcx-ys-004 .box .txt{padding: 28px 0 24px; }
	.xcx-ys-004 .item{width: 25%;padding: 20px;}
	
	.xcxzt-box-05 .swxw-tit{padding-bottom: 40px;}
	.xcx-ys-005con{height: 256px;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 0;}
	.xcx-ys-005con .ys-tit{font-size: 30px;padding-bottom: 20px;}
	.xcx-ys-005con .ys-txt{font-size: 18px;}
}

@media screen and (min-width: 1230px) {
	.xcxzt-list02 li{max-width: 440px;}
	.xcxzt-box-01{height:731px;}
	.xcxzt-list02 .sfys-pic{padding-bottom: 50px;}
	.xcxzt-box-002{height: 440px;}
	.xcx-ztner-01 .swxw-tit{font-size: 34px;}
	.xcxzt-box-03{height: 571px;}
	.xcxzt-box-03 .swxw-txt{padding-bottom:40px;}
	.xcxzt-box-03{margin-top: 100px;}
	.xcxzt-banner{height: 596px;}
	.con-ys004 .box{padding: 50px 30px;padding-bottom: 0;}
	.xcxzt-box-04{height: 682px;}
	.xcxzt-box-04 .swxw-tit{padding-bottom: 50px;}
	.xcx-ys-004 .box .tit{font-size: 26px;}
	.xcxzt-box-05 .swxw-tit{padding-bottom: 50px;}
	.xcx-ys-005con .ys-tit{font-size: 36px;}
	.xcxzt-box-05{height: 523px;}
}

@media screen and (min-width: 1350px) {
	.xcx-ztner-01 .swxw-tit{font-size: 36px;}
	.xcx-ys-004 .box .tit{font-size: 28px;}
	.con-ys004 .box{padding: 55px 40px;padding-bottom: 0;}
}


/* 鲲鹏专题页 */
@media screen and (min-width: 320px) {
	.pic-size-zs{padding-bottom: 95.07%!important;}
	.kp_banner{display: flex;flex-direction: column;justify-content: center;}
	.conkp_top{padding: 30px 0 50px;}
	.conkp_bt img{max-width: 100%;}
	.kp-txt{font-size: 16px;color: #fff;margin-bottom: 10px;}
	.kp_bt {margin-bottom: 15px;}
	.kp_right{max-width: 568.4px;}
	.kp_wtner{display: flex;flex-wrap: wrap;}
	.kp_gc-icon{width: 90px;margin: 0 auto; margin-right: 0;margin-top: -15px;}
	.kp_gcpt-js{min-height: 143px;padding-top:15px;}
	.con-kp_box{padding: 20px 0;}
	.kpjs_bt{font-size: 18px;display: flex;align-items: center;justify-content: center;padding: 10px 0;margin-bottom: 20px;font-weight: bold;}
	.kpjs_bt span{line-height: 0;padding: 0 8px;}
	.kp_gcpt span{padding-right: 10px;}
	.kp_gcpt{font-size: 18px;font-weight: bold;}
	.kp_gcpt-js{font-size: 16px;}
}
@media screen and (min-width: 375px) {
	.kp-txt{font-size: 18px;}
	.con-kp_box{padding: 22px 0;}
	.kpjs_bt{font-size: 20px;}
}
@media (min-width: 460px) {
	.kp-txt{font-size: 19px;}
	.con-kp_box{padding: 26px 0;}
	.kpjs_bt{font-size: 22px;}
	.kp_gcpt-js{min-height: 163px;}
}
@media (min-width: 720px) {
	.kp_banner{flex-direction: row;align-items: center;}
	.conkp_bt{width: 58%;}
	.kp_right{flex: 1;}
	.kp-txt{font-size: 20px;margin-bottom: 15px;}
	.kp_bt {margin-bottom: 20px;}
	.conkp_top{padding: 40px 0 80px;}
	.con-kp_box{padding: 30px 0;}
	.kpjs_bt{font-size: 26px;margin-bottom:30px;}
	.kpjs_bt span{line-height: 0;padding: 0 10px;}
	.kp_gcpt-js{padding-top: 20px;}
	.kp_gcpt{font-size: 20px;}
	.kp_gcpt-js{min-height: 173px;}
}
@media screen and (min-width: 992px) {
	.kp-txt{font-size: 26px;margin-bottom: 20px;}
	.kp_bt {margin-bottom: 25px;}
	.conkp_top{padding: 50px 0 100px;}
	.con-kp_box{padding: 40px 0;}
	.kpjs_bt{font-size: 32px;margin-bottom: 35px;}
	.kp_gcpt-js{padding-top: 26px;}
	.kp_gcpt{font-size: 22px;}
	.kp_gcpt-js{font-size: 18px;}
	.kp_gcpt-js{min-height: 183px;}
}
@media screen and (min-width: 1230px) {
	.kp-txt{font-size: 32px;margin-bottom:26px;}
	.kp_bt {margin-bottom: 32px;}
	.con-kp_box{padding: 50px 0;}
	.kpjs_bt{font-size: 38px;margin-bottom: 40px;}
	.kpjs_bt span{line-height: 0;padding: 0 12px;}
	.conkp_top{padding: 50px 0 140px;}
	.kp_gcpt{font-size: 24px;}
	.kp_gcpt-js{min-height: 193px;}
	
}
@media screen and (min-width: 1350px) {
	.kp-txt{font-size: 40px;margin-bottom: 32px;}
	.kp_bt {margin-bottom: 42px;}
	.con-kp_box{padding: 60px 0;}
	.kpjs_bt{font-size: 46px;margin-bottom: 50px;}
	.conkp_top{padding: 50px 0 178px;}
	.kp_gcpt{font-size: 26px;}
	.kp_gcpt-js{min-height: 203px;}
}
@media screen and (min-width: 1620px) {
	.kp_bt {margin-bottom: 56px;}
	.kpjs_bt{font-size: 54px;}
}

/* 鲲鹏技术认证 */
@media screen and (min-width: 320px) {
	.kp_wt{font-size: 16px;font-weight: bold;border-bottom: 1px solid #DDD3FF;}
	.kp_wt span{font-size: 20px;color:#39A8FD;opacity: 0.3;margin-right: 6px;line-height: 1;}
	.kp_wt {display: flex;align-items: center;padding-bottom: 10px;}
	.con-kpjswd dt{padding: 10px 14px;background-image: linear-gradient(#DCEFFF, #F8FCFF);border: 1px solid #C1E2FD;border-radius: 14px;}
	.kp_wtner{margin-top: 15px; font-size: 16px;}
	.con-kp_a{color: #39A8FD;}
	.con-kpjswd{margin-top: 20px;}
	.con-kpjswd dd{padding: 10px;}
}
@media screen and (min-width: 375px) {
	.kp_wt{font-size: 18px;}
}
@media (min-width: 460px) {
	.kp_wt span{font-size: 26px;}
}
@media (min-width: 720px) {
	.kp_wt{font-size: 22px;}
	.kp_wt span{font-size: 30px;}
	.kp_wtner{margin-top: 20px; font-size: 17px;}
	.con-kpjswd dt{padding: 16px 24px;}
}
@media screen and (min-width: 992px) {
	.kp_wt{font-size: 24px;padding-bottom: 15px;}
	.kp_wt span{font-size: 40px;}
	.kp_wtner{margin-top: 25px; font-size: 18px;}
	.con-kpjswd dt{padding: 20px  30px;}
	.con-kpjswd dl{display: flex;}
	.con-kpjswd{margin:0 -20px;}
	.con-kpjswd dd{padding: 10px;}
	.con-kpjswd{margin-top: 30px;}
}

@media screen and (min-width: 1230px) {
	.kp_wt{font-size: 26px;padding-bottom: 18px;}
	.kp_wt span{font-size: 50px;}
	.kp_wtner{margin-top: 30px;}
	.con-kpjswd dt{padding: 24px 40px;}
	.con-kpjswd{margin:0 -40px;}
	.con-kpjswd dd{padding: 20px;}
	.con-kpjswd{margin-top: 40px;}
}

@media screen and (min-width: 1350px) {
	.kp_wt{font-size: 30px;padding-bottom: 20px;}
	.kp_wt span{font-size: 60px;}
	.con-kpjswd dt{padding: 34px 54px;}
	.con-kpjswd{margin:0 -60px;}
	.con-kpjswd dd{padding: 30px;}
	.con-kpjswd{margin-top: 50px;}
}


/* 支持网站平台国产化 */
@media screen and (min-width: 320px) {
	.kp_ywjz-web{position: relative;text-align: center;}
	.kp_ywjz-web::before{content: "";height: 1px;width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);z-index: 2;background-color: #0263F8;opacity: 0.2;}
	.kp_ywjz-web span{position: relative;z-index: 3;font-size: 14px;color: #fff;background-color: #0263F8;border-radius: 25px;padding: 10px 25px;overflow: hidden;display: inline-block;line-height: 1;}
	.kp_ywjz-web dl{padding:0 10px;background-color: #fff;display: inline-block;margin: 0 auto; position: relative;z-index: 4;}
	.kp_ywjz-web{margin: 25px 0;}
	.kp_web-js{font-size: 16px;color: #161618;text-align: center;margin-bottom: 20px;}
}
@media (min-width: 460px) {
	.kp_ywjz-web span{font-size: 16px;}
}
@media (min-width: 720px) {
	.kp_ywjz-web span{font-size: 18px;}
	.kp_ywjz-web dl{padding:0 15px;}
	.kp_ywjz-web{margin: 30px 0;}
}
@media screen and (min-width: 992px) {
	.kp_ywjz-web span{font-size: 20px;}
	.kp_ywjz-web dl{padding:0 20px;}
	.kp_ywjz-web{margin: 35px 0;}
	.kp_web-js{font-size: 18px;margin-bottom: 30px;}
}
@media screen and (min-width: 1230px) {
	.kp_ywjz-web dl{padding:0 25px;}
	.kp_ywjz-web{margin: 40px 0;}
	.kp_web-js{margin-bottom: 40px;}
}
@media screen and (min-width: 1350px) {
	.kp_ywjz-web dl{padding:0 30px;}
	.kp_web-js{margin-bottom: 50px;}
}
@media screen and (min-width: 1660px) {
	.kp_ywjz-web dl{padding:0 35px;}
}

/* 鲲鹏 */
@media screen and (min-width: 320px) {
	.con-kp_jjfagg{color: #fff;text-align: center;font-size: 18px;}
	.conkp_kpjjfa{display: flex;align-items: center;justify-content: center;height: 180px;margin: 30px 0;}
}
@media (min-width: 460px) {
	.con-kp_jjfagg{font-size: 20px;}
}
@media (min-width: 720px) {
	.con-kp_jjfagg{font-size: 22px;}
}
@media screen and (min-width: 992px) {
	.con-kp_jjfagg{font-size: 24px;}
	.conkp_kpjjfa{height: 190px;margin: 40px 0;}
}
@media screen and (min-width: 1230px) {
	.conkp_kpjjfa{height: 210px;margin: 50px 0;}
}
@media screen and (min-width: 1350px) {
	.conkp_kpjjfa{height: 230px;margin: 60px 0;}
}
@media screen and (min-width: 1660px) {
	.conkp_kpjjfa{height: 250px;margin: 80px 0;}
}
/* 鲲鹏--支持网站平台国产化 */
@media screen and (min-width: 320px) {
	.kp_web_gcpt ul{display: flex; flex-wrap: wrap; justify-content: center;}
	.kp_web_gcpt li{width: 100%;padding: 12px;}
	.kp_web_gcpt{margin: -12px;}
	.con-gcpt{padding: 10px;border-radius: 14px;}
	.kp_web_gcpt li:nth-child(1) .con-gcpt{background-color:#F8F2FE; border: 1px solid #DDD3FF;}
	.kp_web_gcpt li:nth-child(2) .con-gcpt{background-color:#F1F8FE; border: 1px solid #C0E3FD;}
	.kp_web_gcpt li:nth-child(3) .con-gcpt{background-image: linear-gradient(#F1FEF6, #F8FCFF);border: 1px solid #C1FDC5; }
	.kp_web_gcpt li:nth-child(4) .con-gcpt{background-color: #FFF6EC; border: 1px solid #FFD8A6;}
	.kp_web_gcpt li:nth-child(4){width: 100%;}
}
@media screen and (min-width: 375px) {
	.con-gcpt{padding: 15px 10px;}
}
@media screen and (min-width: 480px) {
	.kp_web_gcpt li{width: 50%;}
}
@media screen and (min-width: 720px) {}
@media screen and (min-width: 992px) {
	.kp_web_gcpt li{width: 33.33%;}
	.con-gcpt{padding: 20px 15px;}
}
@media screen and (min-width: 1230px) {
	.con-gcpt{padding: 30px 20px;}
}
@media screen and (min-width: 1350px) {
	.con-gcpt{padding: 40px 30px;padding-bottom: 30px;}
}
@media screen and (min-width: 1660px) {
	.con-gcpt{padding: 45px 30px;padding-bottom: 30px;}
}
/* //鲲鹏专题页 */

/*  */
@media screen and (min-width: 320px) {}

@media (min-width: 460px) {}


@media (min-width: 720px) {}


@media screen and (min-width: 992px) {}

@media screen and (min-width: 1230px) {}

@media screen and (min-width: 1350px) {}



@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1230px) {
	
}

@media screen and (min-width: 1350px) {
	
}


/*bshare分享*/
#bsPanel,#bsPanel *,#bsBox,#bsBox *{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}


/*bshare分享微信弹窗兼容*/
#bsWXBox{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}



/*--业务栏目-2023--*/
@media screen and (min-width: 320px) {
	.ind-business-bg-02{ padding: 20px 0;}
	.ind-business-bg-02 .tit-box{ padding-bottom:10px;}
	.ind-business-bg-02 .tit{
		font-weight:bold;
		font-size:20px;
		color:#000;
		padding-bottom:5px;
		line-height:1.2;
	}
	.ind-business-bg-02 .txt{
		font-size:14px;
		color:#6F7C92;
		line-height:1.2;
	}
	
	.ind-business-bg-02 .flex{
		
	}
	.ind-business-bg-02 .flex .l{
		
	}
	.ind-business-bg-02 .flex .l .box-bd{
		margin-top: 10px;
	}
	.ind-business-bg-02 .flex .r{
		padding-top:20px;
	}
	
	.ind-business-bg-02 .list-01 ul a{
		background-image: linear-gradient(#F3F5F8, #FEFEFE);
		border: 2px solid #FFF;
		box-shadow: 0 3px 10px rgba(223,230,242,.5);
		display: block;
		padding:20px;
		border-radius:4px;
	}
	.ind-business-bg-02 .list-01 ul .list-tit{
		display:flex;
		align-items:center;
		padding-bottom:10px;
	}
	
	.ind-business-bg-02 .list-01 ul .list-tit span{
		padding-left:5px;
		font-weight:bold;
		font-size:18px;
		color:#000;
		line-height:1.2;
	}
	
	.ind-business-bg-02 .list-01 ul .list-txt{
		color:#6F7C92;
		font-size:14px;
	}
	
	.ind-business-bg-02 .list-01 ul .icon{
		width:40px;
	}
	
	.ind-business-bg-02 img{
		width:100%;
		display:block;
	}
	
	.ind-business-bg-02 .list-01 ul{
		margin:-5px;
	}
	
	.ind-business-bg-02 .list-01 li{
		padding:5px;
	}
	
	.ind-business-bg-02 .list-01 ul dl{
		display:flex;
	}
	.ind-business-bg-02 .list-01 ul dt{
		padding-right:10px;
		flex:1;
	}
	.ind-business-bg-02 .list-01 ul dd{
		flex-basis:90px;
		flex-shrink:0;
		min-width:0;
		display:flex;
		align-items:center;
	}
	
	.ind-business-bg-02 .box{
		background-image: linear-gradient(#F3F5F8, #FEFEFE);
		border: 2px solid #FFF;
		box-shadow: 0 3px 10px rgba(223,230,242,.5);
		display: block;
		padding:20px;
		border-radius:4px;
		position:relative;
	}
	
	.ind-business-bg-02 .box + .box{
		margin-top:10px;
	}
	
	.ind-business-bg-02 .box .bg{
		width:160px;
		position:absolute;
		right:20px;
		bottom:0;
	}
	
	.ind-business-bg-02 .box .sub-tit-box{
		display:flex;
		justify-content: space-between;
		align-items:center;
		position:relative;
		z-index:2;
	}
	
	.ind-business-bg-02 .box .sub-tit-box .sub-tit{
		font-weight:bold;
		font-size:18px;
		color:#000;
	}
	
	.ind-business-bg-02 .box .sub-txt{
		font-size:14px;
		color:#106CCA;
		padding-bottom:10px;
		position:relative;
		z-index:2;
	}
	
	.ind-business-bg-02 .box .sub-tit-box .more{
		display:flex;
		align-items:center;
	}
	.ind-business-bg-02 .box .sub-tit-box .more span{
		color:#106CCA;
		padding-right:5px;
	}
	.ind-business-bg-02 .box .sub-tit-box .more i{
		background:#106CCA;
		width:16px;
		height:16px;
		border-radius:50px;
		display:flex;
		align-items:center;
		justify-content:center;
		line-height:1;
	}
	.ind-business-bg-02 .box .sub-tit-box .more i::before{
		color:#fff;
		font-size:12px;
		line-height:1;	
	}
	
	.ind-business-bg-02 .box ul{
		display:flex;
		flex-wrap:wrap;
		margin:-5px;
		position:relative;
		z-index:2;
	}
	
	.ind-business-bg-02 .box ul li{
		padding:5px;
	}
	
	.ind-business-bg-02 .box ul li .btn{
		padding: 8px 8px;
		line-height:1.2;
		border: 1px solid #CCD1D9;
		display:flex;
		color:#6F7C92;
	}
	
	.ind-business-bg-02 .box ul li a:hover{
		background:#106CCA;
		border-color:#106CCA;
		color:#fff;
	}
	.ind-business-bg-02 .list-01 ul a:hover .list-tit span{
		color:#106CCA;
	}
	
	.ind-business-bg-02 .l a:hover{
		transform:scale(1.03);
		box-shadow: 0 3px 20px rgba(223,230,242,.7);
	}
	.ind-business-bg-02 .r a:hover{
		transform:scale(1.015);
		box-shadow: 0 3px 20px rgba(223,230,242,.7);
	}
}

@media screen and (min-width: 992px) {
	.ind-business-bg-02{ padding: 50px 0;}
	.ind-business-bg-02 .tit-box{ padding-bottom:25px;}
	.ind-business-bg-02 .tit{
		font-size:22px;
	}
	.ind-business-bg-02 .txt{
		font-size:16px;
	}
	
	.ind-business-bg-02 .flex{
		display:flex;
	}
	.ind-business-bg-02 .flex .l{
		padding-right:15px;
		flex-basis:50%;
		flex-shrink:0;
	}
	.ind-business-bg-02 .flex .l .box-bd{
		margin-top: 30px;
	}
	.ind-business-bg-02 .flex .r{
		padding-top:0;
		padding-left:15px;
		flex-basis:50%;
		flex-shrink:0;
	}
	
	.ind-business-bg-02 .list-01 ul{
		display:flex;
		margin:-10px;
		flex-wrap:wrap;
	}
	
	.ind-business-bg-02 .list-01 li{
		padding:10px;
		flex-shrink:0;
		flex-basis:50%;
		min-width:0;
	}
	
	.ind-business-bg-02 .list-01 ul a{
		padding:20px;
	}
	.ind-business-bg-02 .list-01 ul .list-tit span{
		font-size:18px;
	}
	.ind-business-bg-02 .list-01 ul .list-txt{
		font-size:12px;
	}
	
	.ind-business-bg-02 .list-01 ul .list-tit{
		padding-bottom:20px;
	}
	
	.ind-business-bg-02 .list-01 ul dd{
		flex-basis: 50px;
	}
	
	.ind-business-bg-02 .box{
		padding:20px;
		min-height: 251px;
	}
	
	.ind-business-bg-02 .box .sub-tit-box .sub-tit{
		font-size:18px;
	}
	
	.ind-business-bg-02 .box .sub-txt{
		font-size:14px;
		padding-bottom:10px;
	}
	
	.ind-business-bg-02 .box ul li .btn{
		font-size:12px;
	}
	
	.ind-business-bg-02 .box + .box{
		margin-top:30px;
	}
}

@media screen and (min-width: 1230px) {
	
}

@media screen and (min-width: 1350px) {
	.ind-business-bg-02 .tit{
		font-size:26px;
	}
	.ind-business-bg-02 .txt{
		font-size:18px;
	}
	
	.ind-business-bg-02 .box{
		padding:29px 20px;
	}
}

@media screen and (min-width: 1460px) {
	.ind-business-bg-02 .tit{
		font-size:34px;
	}
	.ind-business-bg-02 .txt{
		font-size:22px;
	}
	.ind-business-bg-02 .list-01 ul a{
		padding:30px 20px 30px 30px;
	}
	
	.ind-business-bg-02 .flex .l{
		padding-right:25px;
	}
	.ind-business-bg-02 .flex .r{
		padding-left:25px;
	}
	.ind-business-bg-02 .list-01 ul .list-tit span{
		font-size:22px;
	}
	.ind-business-bg-02 .list-01 ul dd{
		flex-basis: 90px;
	}
	.ind-business-bg-02 .list-01 ul dt{
		padding-right:20px;
	}
	.ind-business-bg-02 .list-01 ul .list-txt{
		font-size:16px;
	}
	
	.ind-business-bg-02 .box{
		padding:30px 30px 46px 30px;
	}
	.ind-business-bg-02 .box ul li .btn{
		font-size:16px;
	}
	.ind-business-bg-02 .box .sub-tit-box .sub-tit{
		font-size:22px;
	}
	.ind-business-bg-02 .box .sub-txt{
		font-size:16px;
		padding-bottom:20px;
	}
	
	.ind-business-bg-02 .box .bg{
		width:244px;
		right:30px;
	}
	
}