@charset "UTF-8";/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

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

body, button, dd, div, dl, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, ul {
    margin: 0;
    padding: 0;
    border: 0
}

* {
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Poppins-Regular", "Microsoft YaHei","PingFang SC" , "STHeiti", "宋体", "arial";
    background-color: #ffffff;
    overflow-x: hidden;
}

button, input, textarea {
    font-family: "Poppins-Regular", "Microsoft YaHei", "STHeiti", "宋体", "arial", Verdana;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins-Regular", "Microsoft YaHei", "STHeiti", "宋体", "arial";
    font-weight: normal
}

img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}

button:hover,
input[type=submit]:hover {
    cursor: pointer
}

button:focus,
input:active,
input:focus,
textarea:focus {
    /* border: 0*/
    outline: 0 none;
    outline-color: transparent;
}

a {
    color: #333;
    display: inline-block;
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none;
    /*cursor: pointer*/
}

a:active {
    text-decoration: none
}

li {
    list-style: none;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

@font-face{
    font-family: "Poppins-Light";
    src: url('../fonts/Poppins-Light.ttf');
}
@font-face{
    font-family: "Poppins-Medium";
    src: url('../fonts/Poppins-Medium.ttf');
}
@font-face{
    font-family: "Poppins-Regular";
    src: url('../fonts/Poppins-Regular.ttf');
}
@font-face{
    font-family: "Poppins-SemiBold";
    src: url('../fonts/Poppins-SemiBold.ttf');
}
.conwidth{
    /*width: 88.54%;*/
    max-width: 1700px;
    width: 96%;
    margin: auto;
}
.owidth{
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
}
.owidth1{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}
.owidth2{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}
.owidth3{
    width: 100%;
}
.main{
    padding-top: 120px;
}
.main1{
    padding-top: 150px;
}
.bgcolor1{
    background-color: #eff6ff;
}
.bgcolor2{
    background-color: #f6f6f6;
}
.bgcolor3{
    background-color: #ffffff;
}
/*header*/
.header, .header1{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    width: 100%;
}
.header{
    background: url(../images/header-bg.jpg) center no-repeat;
    background-size: cover;
}
.header .box{
    text-align: center;
    height: 120px;
}
.header .box .conwidth{
    position: relative;
}
.header .logo{
    float: left;
    width: 16.2%;
}
.header .logo a{
    display: block;
    line-height: 120px;
}
.header .logo a img{

}
.header .towards{
    float: right;
}
.header .head-nav{
    float: left;
    margin-right: 30px;
}
.head-bottom .head-nav{
    position: relative;
    text-align: center;
    height: 89px;
}
.head-bottom .head-nav .nav{
    display: inline-block;
}
.head-nav .nav>li{
    float: left;
    position: relative;
    z-index: 10;
    margin-right: 60px;
}
/*.head-nav .nav>li:last-child{
	margin-right: 0;
}*/
.head-nav .nav>li>a{
    transition: all .3s;
    font-family: "Poppins-Light";
}
.header .head-nav .nav>li>a{
    line-height: 120px;
    font-size: 20px;
    color: #ffffff;
}
.head-bottom .head-nav .nav>li>a{
    color: #494949;
    font-size: 20px;
    line-height: 90px;
}
.head-nav .nav>li:hover>a{
    color: #ffffff;
}
.head-nav .nav>li::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #e95754;
    left: 50%;
    margin-left: -50%;
    bottom: 40px;
    display: none;
    transition: all .3s;
}
.head-bottom .head-nav .nav>li::before{
    bottom: 20px;
}
.head-nav .nav>li:hover:before{
    display: block;
}
.head-nav .nav>li.on>a{
    color: #ffffff;
}
.head-bottom .head-nav .nav>li:hover>a{
    color: #15367f;
}
.head-nav .nav>li.on::before{
    display: block;
}
.head-nav .nav>li .nav_2{
    min-height: 360px;
}
.head-nav .subnav{
    position: absolute;
    top: 120px;
    left: -5px;
    width: 245px;
    background: #fff;
    z-index: 9;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    display: none;
    text-align: left;
}
.head-nav .subnav{
    top: 120px;
}
.head-bottom .head-nav .subnav{
    top: 150px;
}
.head-nav .subnav{
    position: fixed;
    left: 0;
    width: 100%;
    padding: 35px 0;
}
.head-nav .nav_2{
    position: relative;
    border-right: 1px solid #eee;
}
.head-nav .nav_2>li{
    /*height: 50px;
	line-height: 50px;*/
    padding: 10px 0px;
    transition: all .3s;
    margin-bottom: 12px;
}
.head-nav .nav_2>li:last-child{
    margin-bottom: 0;
}
.head-nav .nav_2>li>a{
    font-family: "Poppins-Regular";
    display: block;
    padding-left: 10px;
    padding-right: 30px;
    font-size: 16px;
    color: #666666;
    /*overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;*/
}
.head-nav .nav_2>li:hover{
    background: #f9f9f9;
}
.head-nav .nav_2>li:hover>a{
    background: url(../images/img6.png) 95.6% center no-repeat;
    color: #15367f;
    /*font-weight: bold;*/
}

.head-nav .subnav_2{
    position: absolute;
    left: 250px;
    top: 0;
    background: #fff;
    width: 416px;
    min-height: 100%;
    display: none;
    padding-left: 90px;
}
.head-nav .nav_3>li{
    line-height: 40px;
}
.head-nav .nav_3>li>a{
    font-family: "Poppins-Light";
    font-size: 14px;
    color: #494949;
    display: block;
    padding-right: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.head-nav .nav_3>li:hover>a{
    color: #15367f;
    font-weight: bold;
}
.head-nav .prod-nav{
    position: absolute;
    top: 0;
    left: 506px;
    width: auto;
    text-align: center;
    background: #fff;
    min-height: 100%;
    white-space: nowrap;
    display: none;
}
.head-nav .name{
    text-align: left;
    font-size: 16px;
    color: #333333;
    font-family: "Poppins-Regular";
}
.head-nav .prod-nav .img{
    width: 350px;
    margin: 0 auto;
}
.head-nav .subnav .wd{
    /*max-width: 1100px;
	margin: 0 auto;
	padding-left: 445px;*/
}
.head-nav .subnav .nav_2{
    width: 249px;
}
.head-nav .subnav .nav_2>.on>a{
    background: url(../images/img40.jpg) 95.6% center no-repeat;
    color: #15367f;
}
.head-nav .subnav .nav_2>.on .subnav_2{
    display: block;
}
.head-nav .subnav .nav_3>.on>a{
    color: #15367f;
    font-weight: bold;
}
.head-nav .subnav .nav_3>.on .prod-nav{
    display: block;
}
.head-nav .subnav.special .nav_2{
    border-right: 0;
}
.head-nav .subnav.special .nav_2>li:hover>a{
    background: none;
    color: #15367f;
}

.header .head-other{
    float: right;
}
.head-nation{
    float: left;
    /*position: relative;*/
    padding-top: 45px;
    padding-left: 35px;
    margin-right: 20px;
    height: 120px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/img1.png) center left no-repeat;
}
.head-nation .current{
}
.head-nation .current .name {
    font-family: "Poppins-Light";
    font-size: 16px;
    color: #ffffff;
    line-height: 2;
    padding-right: 30px;
    background: url(../images/img2.png) right center no-repeat;
    vertical-align: middle;
    display: inline-block;
    transition: all .3s;
    font-weight: bold;
}
.head-nation .current .name.on{
    background: url(../images/img2a.png) right center no-repeat;
}
.head-nation ul{
    display: none;
    position: absolute;
    right: 0;
    /*left: 0;
	left: 50%;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);*/
    /*top: 32px;*/
    top: 120px;
    z-index: 10;
    background-color: #FFFFFF;
    /*width: 100%;*/
    min-width: 300px;
    padding: 15px 0px;
    text-align: left;
}
.head-nation ul li{
    margin-bottom: 20px;
}
.head-nation ul li .region{
    font-weight: bold;
    color: #666666;
    font-size: 16px;
    margin-bottom: 5px;
    padding: 0px 15px;
}
.head-nation ul li a{
    display: block;
    font-family: "Poppins-Light";
    font-size: 14px;
    color: #666666;
    line-height: 2;
    padding: 0px 15px;
}
.head-nation ul li a:hover{
    font-weight: bold;
    color: #15367f;
    background-color: #f9f9f9;
}
.header .iconlink{
    position: relative;
    line-height: 120px;
    padding: 0px 20px;
}
.header .iconlink::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 15px;
    background: rgba(255,255,255,.2);
}
.header .iconlink a{
}
.head-search{
    float: left;
}
.head-email{
    float: left;
}
.head-email a{
}
.head-email a img{
}
/*header1*/
.head-top{
    background-color: #15367f;
}
.head-top .logo2{
    float: left;
    line-height: 60px;
    height: 60px;
}
.head-top .logo2 a{
    display: block;
}
.head-top .logo2 a img{
}
.h-other{
    float: right;
    padding-right: 50px;
}
.h-other .h-global, .h-other .h-user, .h-other .h-operate{
    float: left;
    line-height: 60px;
}
.h-other .h-global a, .h-other .h-user a, .h-other .h-operate a{
    display: block;
    color: #FFFFFF;
}
.h-other .h-operate a .out{
    display: none;
    max-width: 20px;
    max-height: 20px;
}
.h-other .h-global a, .h-other .h-user a{
    position: relative;
    font-size: 18px;
    padding-right: 20px;
    margin-right: 20px;
}
.h-other .h-global a::before, .h-other .h-user a::before{
    content: '';
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 20px;
    background: rgba(255,255,255,.2);
}
.h-other .h-operate a{
    font-size: 16px;
    font-family: "Poppins-Light";
}
.h-other .h-global a img, .h-other .h-user a img,{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.h-other .h-global a span, .h-other .h-user a span, .h-other .h-operate a span{
    display: inline-block;
    vertical-align: middle;
}
.head-bottom{
    background-color: #f8f8f8;
    border-bottom: #eaeaea solid 1px;
}
/*2021.1.22*/
.header .navcell{
    display: none;
    position: absolute;
    left: 0;
    top: 120px;
    z-index: 9;
    padding: 35px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
}
.header1 .navcell{
    display: none;
    position: absolute;
    left: 0;
    top: 90px;
    z-index: 9;
    padding: 35px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.header .navcell .o-con, .header1 .navcell .o-con{
    /*min-height: 270px;*/
    min-width: 249px;
}
.header .nav-li, .header1 .nav-li{
    padding: 10px 0px;
    transition: all .3s;
    margin-bottom: 12px;
    text-align: left;
}
.header .nav-li>a, .header1 .nav-li>a{
    font-family: "Poppins-Regular";
    display: block;
    padding-right: 30px;
    font-size: 16px;
    color: #666666;
}
.header .nav-li:hover>a, .header1 .nav-li:hover>a{
    background: url(../images/img6.png) 95.6% center no-repeat;
    color: #15367f;
}
.header .nav-li .level-con, .header1 .nav-li .level-con{
    position: absolute;
    left: 248px;
    top: 0px;
    height: 100%;
    display: none;
    padding-left: 90px;
    padding-top: 35px;
}
.header .nav-li:hover .level-con, .header1 .nav-li:hover .level-con{
    display: block;
}
.header .nav-li .level-con .box1, .header1 .nav-li .level-con .box1{

}
.header .nav-li .level-con .libox, .header1 .nav-li .level-con .libox{
    line-height: 40px;
}
.header .nav-li .level-con .libox a, .header1 .nav-li .level-con .libox a{
    font-family: "Poppins-Light";
    font-size: 14px;
    color: #494949;
    display: block;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header .nav-li .level-con .libox:hover a, .header1 .nav-li .level-con .libox:hover a{
    color: #15367f;
    font-weight: bold;
}
.head_back{
    display:none;
    position:absolute;
    top: 120px;
    left:0;
    right:0;
    width: 100%;
    height: 400px;
    background: #FFFFFF;
    z-index: 2;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
}
.header1 .head_back{
    top: 151px;
    height: 500px;
}
/*搜索*/
.search-other{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.searchdiv{
    float: left;
}
.header .show-search-btn {
    display: block;
    height: 120px;
    line-height: 120px;
    transition-duration: .3s;
    text-align: center;
    color: #fff;
    overflow: hidden;
    cursor: pointer;
}
.head-bottom .show-search-btn {
    display: block;
    height: 90px;
    line-height: 90px;
    transition-duration: .3s;
    text-align: center;
    color: #fff;
    overflow: hidden;
    cursor: pointer;
}
.show-search-btn img{
    cursor: pointer;
}
.search {
    position: fixed;
    z-index: 6;
    top: 120px;
    right: 0;
    height: auto;
    overflow: hidden;
    /*height: 100%;
  	max-height: 100vh;
  	overflow-y: scroll;
  	overflow-x: hidden;*/
    -webkit-overflow-scrolling: touch;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    visibility: hidden;
    transition-property: opacity,visibility;
    transition-duration: .5s;
    transition-delay: .5s;
}
.head-bottom .search{
    top: 150px;
}
.search.search-is-open{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity:1;
    visibility:visible;
    transition-delay:0s;}
.search.search-is-open .search__container{
    transform:translateY(0) translateZ(0);
}
.search__container{
    position:relative;
    z-index:2;
    background-color:#fff;
    transform:translateY(-100%) translateZ(0);
    transition:transform .75s cubic-bezier(.77,0,.175,1);
}
.search__overlay{
    position:fixed;
    z-index:1;
    top:0;
    right:0;
    width:100%;
    height:100%;
    /*background-color:#1d1d1d;*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    opacity:.2;
}
.search, .search__overlay{
    left:0;
}
.search-header{
    position:relative;
    padding-top: 90px;
    padding-bottom: 120px;
}
.row{
    position: relative;
}
.search-header .search-loader{
    position:absolute;
    top:17px;
    left:2.6vw;
}
.search-header .search-btn-close{position:absolute;
    top:0;
    right:0;
}
.search-header .search-input{
    font-size:24px;
    width:100%;
    -webkit-appearance:none;
    -moz-appearance:none;
    border:0;
}
.search-header .search-input__wrapper:after{content:"";
    position:absolute;
    z-index:1;
    bottom:0;
    left:0;
    right:0;
    height:1px;
    background-color:#d9d9d9;
    width:100%;
}
.search-item{position:relative;
    display:block;
    overflow:hidden;
    transition:background-color .2s,opacity .3s,color .3s;
    transform-origin:0 0;
    color:#1d1d1d;
}
.search-item:after{
    content:"";
    position:absolute;
    z-index:1;
    bottom:0;
    left:8.333%;
    right:8.333%;
    height:1px;
    background-color:#d9d9d9;
}
.search-item .solr-highlight{
    background-color:rgba(101,32,142,.2);
}
.search-close {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 28px;
    height: 72px;
    background: url(../images/close.png) no-repeat center;
    background-size: 28px 28px;
    cursor: pointer;
    z-index: 6;
    transition-duration: .5s;
}
.search-close:hover {
    transform: rotate(90deg);
}
.search .submit0 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 28px;
    height: 75px;
    background: url(../images/searchf.png) no-repeat center;
    border: none;
    background-size: 28px 28px;
    box-sizing: border-box;
    display: block;
}
.search-header .search-input {
    display: block;
    text-indent: 80px;
    line-height: 75px;
    font-size: 24px;
    color: #333;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    border-bottom: 1px solid #d9d9d9;
}
/*移动端*/
.menubtn{
    float: right;
    display: none;
    width: 50px;
    height: 60px;
    background: url(../images/menu-icon1.png) center right no-repeat;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    cursor: pointer;
}
.menubtn.on{
    background: url(../images/menu-icon2.png) center right no-repeat;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
}
.m-nav{
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: calc(100% - 52px);
    background: #fff;
    display: none;
    z-index: 99;
    overflow-y: scroll;
}
.m-nav .nav-list{
    padding-top: 30px;
}
.m-nav .nav-list>li{
    padding: 0 5%;
    text-align: left;
}
.m-nav .nav-list>li>a, .m-nav .nav-list .one-level{
    font-family: "Poppins-Medium";
    font-size: 18px;
    color: #494949;
    display: block;
    height: 50px;
    line-height: 50px;
}
.m-nav .nav-list>li>a:hover, .m-nav .nav-list .one-level.on, .m-nav .nav-list .one-level:hover{
    color: #15367f;
}
.m-nav .m-subnav{
    display: none;
}
.m-nav .m-subnav ul li>a, .m-nav .m-subnav ul li .two-level{
    font-family: "Poppins-Medium";
    display: block;
    font-size: 15px;
    color: #494949;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
}
.m-nav .m-subnav ul li a:hover{
    color: #15367f;
}
.m-nav .subnav_2{
    padding: 0 20px;
    display: none;
}
.m-nav .subnav_2 a{
    display: block;
    font-family: "Poppins-Light";
    font-size: 15px;
    color: #494949;
    height: 40px;
    line-height: 40px;
}


/*footer*/
.footer{
    padding-top: 3.65%;
    background-image: url(../images/footer-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer .box{
    border-bottom: rgba(255,255,255,.2) solid 1px;
}
.footer .f-logo{
}
.footer .f-logo a{
}
.footer .f-logo a img{
}
.footer .content{
    margin-top: 3.3%;
}
.footer .foot-nav{
    float: left;
    width: 45%;
}
.footer .foot-nav ul li{
    float: left;
    width: 33.33%;
    padding-right: 7.89%;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.footer .foot-nav ul li:last-child{
    border-right: rgba(255,255,255,.2) solid 1px;
}
.footer .foot-nav ul li .t1{
    margin-bottom: 10px;
}
.footer .foot-nav ul li .t1:last-child{
    margin-bottom: 0;
}
.footer .foot-nav ul li .t1 a{
    font-family: "Poppins-Regular";
    color: #8ad2db;
    font-size: 20px;
}
.footer .foot-nav ul li .t2{
    margin-bottom: 5px;
}
.footer .foot-nav ul li .t2:last-child{
    margin-bottom: 0;
}
.footer .foot-nav ul li .t2 a{
    font-family: "Poppins-Light";
    color: #ffffff;
    font-size: 18px;
}
.foot-cont{
    float: right;
    width: 52%;
    overflow: hidden;
}
.foot-cont .tit{
    font-family: "Poppins-Medium";
    color: #ffffff;
    font-size: 18px;
}
.foot-cont .foot-download{
    float: left;
    width: 32%;
    margin-right: 8%;
    text-align: center;
}
.foot-cont .foot-download .book{
    margin-top: 6px;
}
.foot-cont .foot-infor{
    float: left;
    width: 25%;
    /*margin-right: 8.5%;*/
}
.foot-cont .foot-infor ul li{
    margin-bottom: 65px;
}
/*.foot-cont .foot-infor ul li:last-child{
	margin-bottom: 0;
}*/
.foot-cont .foot-infor .t1{
    margin: 10px auto 15px;
    border-bottom: #ffffff solid 1px;
}
.foot-cont .foot-infor .t1 input{
    width: 100%;
    font-family: "Poppins-Light";
    color: #FFFFFF;
    font-size: 16px;
    background: none;
    outline: none;
    border: none;
}
.foot-cont .foot-infor .t1 input::-webkit-input-placeholder{
    color: rgba(255,255,255,.5);
}
.foot-cont .foot-infor .t1 input::-moz-input-placeholder{
    color: rgba(255,255,255,.5);
}
.foot-cont .foot-infor .t1 input::-ms-input-placeholder{
    color: rgba(255,255,255,.5);
}
.foot-cont .foot-infor .btn{
    margin-top: 5px;
}
.foot-cont .foot-infor .btn a{
    color: #1b2077;
    font-size: 16px;
    line-height: 40px;
    max-width: 150px;
    width: 100%;
    background-color: #FFFFFF;
    text-align: center;
    box-shadow: 1px 6px 7px rgba(0,0,0,.2);
}
.foot-share{
    float: right;
    width: 28%;
}
.foot-share ul{
    margin-top: 6px;
    margin-left: -6px;
}
.foot-share ul li{
    float: left;
    width: 25%;
    padding: 0px 6px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.foot-share ul li:last-child{
    margin-right: 0;
}
.footer .copyright{
    padding: 25px 0px 18px;
}
.footer .copyright .txt{
    font-family: "Poppins-Light";
    color: rgba(255,255,255,.5);
    font-size: 16px;
}
.footer .copyright .txt a{
    color: rgba(255,255,255,.5);
}
.footer .copyright .txt .underline{
    text-decoration: underline;
}
.footer .copyright .txt .sp1{
    margin-right: 40px;
}
.footer .copyright .txt .sp2{
    margin: 0px 10px;
}
.footer .support{
    float: right;
}
.footer .copyright a:hover{
    color: #FFFFFF !important;
}
/*footer1*/
.footer1{
    padding-top: 40px;
    background-color: #313131;
}
.footer1 .upper{
    padding-bottom: 30px;
    overflow: hidden;
    border-bottom: rgba(255,255,255,.1) solid 1px;
}
.footer1 .ft-logo{
    float: left;
}
.footer1 .ft-logo a{
}
.footer1 .ft-logo a img{
}
.footer1 .ft-nav{
    float: left;
    margin-left: 3.5%;
}
.footer1 .ft-nav ul li{
    float: left;
    margin-right: 45px;
}
.footer1 .ft-nav ul li a{
    font-family: "Poppins-Light";
    color: #cfcfcf;
    font-size: 16px;
    line-height: 42px;
}
.footer1 .ft-nav ul li a:hover{
    color: #FFFFFF;
}
.footer1 .ft-share{
    float: right;
}
.footer1 .ft-share ul li{
    float: left;
    margin-left: 15px;
}
.footer1 .ft-share ul li a{
}
.footer1 .ft-share ul li a img{
    width: 41px;
    height: 41px;
}
.footer1 .lower{
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
    font-family: "Poppins-Light";
    color: #797979;
    font-size: 16px;
}
.footer1 .lower .sp1{
    margin-right: 15px;
}
.footer1 .lower a{
    color: #797979;
}
.footer1 .lower a:hover{
    color: #FFFFFF;
}
/**/
.sidebar{
    position: fixed;
    bottom: 30%;
    right: 10px;
    z-index: 98;
    opacity: 0;
    transform: translateX(80px);
    -webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.sidebar.show{
    opacity: 1;
    transform: none;
}
.sidebar ul{
    /*border-top: #efefef solid 1px;
	border-bottom: #efefef solid 1px;*/
}
.sidebar ul li{
    position: relative;
    text-align: center;
    cursor: pointer;
    margin-bottom: 22px;
    /*border-left: #efefef solid 1px;
	border-right: #efefef solid 1px;*/
}
.sidebar ul li:last-child{
    margin-bottom: 0;
}
/*.sidebar ul li a, .sidebar ul li .istop{
	display: block;
	width: 60px;
	height: 60px;
	line-height: 60px;
}
.sidebar ul li:hover a, .sidebar ul li:hover .istop{
	background-color: #f5f5f5;
}*/
.sidebar ul li a img{
    display: inline-block;
}
.sidebar ul li a .img1{
}
.sidebar ul li a .img2{
    display: none;
}
.sidebar ul li:hover a .img1{
    display: none;
}
.sidebar ul li:hover a .img2{
    display: inline-block;
}
.sidebar ul li .secondary{
    display: none;
    position: absolute;
    right: 60px;
    top: 50%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}
.sidebar ul li:hover .secondary{
    display: block;
}
.sidebar ul li .secondary .con{
    position: relative;
    padding-right: 12px;
    white-space: nowrap;
}
.sidebar ul li .txtli{
    min-width: 110px;
    text-align: center;
    padding: 0 10px;
    color: #6f6f6f;
    font-size: 14px;
    line-height: 1.8;
    padding: 10px;
    white-space: nowrap;
    background-color: #FFFFFF;
    border: #e1e1e1 solid 1px;
}
.sidebar ul li .icons{
    position: absolute;
    right: 3px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0px 6px 10px;
    border-color: transparent transparent transparent #FFFFFF;
}
.sidebar ul li .icons1{
    position: absolute;
    right: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 98;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0px 6px 10px;
    border-color: transparent transparent transparent #e1e1e1;
}
/*banner*/
.lunbotu{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.lunbotu .swiper-slide a{
    display: block;
    width: 100%;
}
.lunbotu .swiper-slide a>img{
    width: 100%;
}
.oimg2{
    display: none;
}
.i-banner{
    position: absolute;
    left: 50%;
    top: 50%;
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}
.i-banner .box{
    max-width: 1500px;
    width: 92%;
    margin: 0 auto;
}
.i-banner .box .cont1{
    max-width: 430px;
    width: 100%;
}
.i-banner .box .cont2{
    width: 100%;
}
.i-banner .box .t1{
    font-family: "Poppins-Regular";
    color: #0d3995;
    font-size: 30px;
    margin-bottom: 5px;
    word-break: break-word;
}
.i-banner .box .t2{
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 48px;
    margin-bottom: 80px;
    max-width: 60%;
    word-break: break-word;
}
.i-banner .box .t3{
    color: #FFFFFF;
    font-family: "Poppins-Medium";
    font-size: 41px;
    word-break: break-word;
    margin-bottom: 40px;
}
.com-btn{
}
.com-btn span, .com-btn a{
    display: inline-block;
    vertical-align: middle;
    padding: 0px 20px;
    height: 50px;
    line-height: 50px;
    background: url(../images/img12a.png) center no-repeat;
    background-size: 100% 100%;
    font-family: "Poppins-Light";
    color: #ffffff;
    font-size: 14px;
    border-radius: 25px 0px 25px 0px;
    min-width: 130px;
    text-align: center;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.com-btn.white a, .com-btn.white span{
    background: #ffffff;
    color: #15367f;
}
.com-btn.other a, .com-btn.other span{
    border-radius: 15px 0px 15px 0px;
    height: 40px;
    line-height: 40px;
}
.com-btn.other1 a, .com-btn.other1 span{
    border-radius: 23px 0px 23px 0px;
    height: 45px;
    line-height: 45px;
}
.newsroom .com-btn.other a{
    padding: 0px 15px;
}
.product-image.active .com-btn{
    position: absolute;
    right: 30px;
    bottom: 50px;
}
.technical-support .com-btn.other a{
    min-width: 100px;
}
.new-center .com-btn span, .com-btn a{
    min-width: 120px;
}
.back-to .com-btn span, .com-btn a{
    min-width: 136px;
}
.i-banner .box .a-btn{
    text-align: left;
}
.i-banner .box .a-btn span{
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    background: url(../images/img152.jpg) center no-repeat;
    background-size: cover;
    padding: 0px 40px 0px 15px;
    border-radius: 30px;
}
.i-banner .box .a-btn span img{
    margin-right: 15px;
}
.lunbotu>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction {
    bottom: 35px;
    left: 0;
    width: 100%;
}
.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0px 13px;
}
.lunbotu .swiper-pagination-bullet {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 3px;
    text-align: center;
    background: #FFFFFF;
    border-radius: 0;
    opacity: 0.2;
    box-shadow: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    overflow: hidden;
}
.lunbotu .swiper-pagination-bullet-active{
    position: relative;
    opacity: 0.8;
    border-radius: 0;
}
/*.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 60px 60px;
    -webkit-background-size: 60px 60px;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}
.lunbotu .swiper-button-prev, .lunbotu.swiper-container-rtl .swiper-button-next{
	background-image: url(../images/img9.png);
    left: 0;
    right: auto;
}
.lunbotu .swiper-button-next, .lunbotu.swiper-container-rtl .swiper-button-prev{
	background-image: url(../images/img10.png);
    right: 0;
    left: auto;
}
.lunbotu .swiper-button-prev:hover, .lunbotu.swiper-container-rtl .swiper-button-next:hover{
	background-image: url(../images/img11.png);
}
.lunbotu .swiper-button-next:hover, .lunbotu.swiper-container-rtl .swiper-button-prev:hover{
	background-image: url(../images/img12.png);
}*/
.obanner{
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.o-margin{
    margin-top: 30px;
}
.ob-img{
    /*display: none;*/
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.obanner>img{
    width: 100%;
}
.obanner .oban{
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
}
.obanner .oban2{
    display: none;
}
.bannerzi{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    margin: auto;
    width: 100%;
}
.obanner .bannerzi .box{
    text-align: center;
}
.obanner .bannerzi .box .t1{
    font-family: "Poppins-SemiBold";
    color: #FFFFFF;
    font-size: 60px;
    word-break: break-word;
}
.obanner .bannerzi .box .t2{
    color: #ffffff;
    font-size: 16px;
    margin-top: 20px;
    word-break: break-word;
}
.obanner1{
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.obanner1>img{
    width: 100%;
}
/**/
.position{
    /*position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;*/
    position: relative;
    width: 100%;
}
.position .box{
    position: absolute;
    bottom: 15px;
    left: 50%;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    text-align: right;
    padding-right: 2.2%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.position .box a, .position .box span{
    color: #ffffff;
    font-size: 14px;
    font-family: "Poppins-Light";
}
.position .box span{
    margin: 0px 5px;
}
/*首页*/
.i-title{
    text-align: center;
}
.i-title.left{
    text-align: left;
}
.i-title .t1{
    font-family: "Poppins-SemiBold";
    color: #484848;
    font-size: 32px;
}
.i-title .t2{
    font-family: "Poppins-SemiBold";
    color: #15367f;
    font-size: 36px;
    line-height: 1.5;
}
.i-title .t2.medium{
    font-family: "Poppins-Medium";
}
.i-title .t3{
    font-family: "Poppins-SemiBold";
    color: #15367f;
    font-size: 40px;
}
.i-title .t4{
    color: #15367f;
    font-size: 30px;
    font-family: "Poppins-Medium";
    margin-bottom: 10px;
}
.i-title .t5{
    color: #494949;
    font-size: 18px;
    line-height: 1.8;
    word-break: break-word;
    margin-top: 20px;
}
.i-title .t5.medium{
    font-family: "Poppins-Medium";
}
.join .i-title .t5{
    max-width: 1100px;
    width: 100%;
    margin: 20px auto 0px;
}
.i-title .t6{
    color: #15367f;
    font-size: 24px;
}
.i-title .t7{
    color: #494949;
    font-size: 20px;
    line-height: 1.8;
    word-break: break-word;
    margin-top: 20px;
}
.i-title .t8{
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 22px;
    line-height: 1.8;
    word-break: break-word;
}
.brochure .i-title .t8, .new-center .i-title .t8{
    color: #15367f;
}
.i-title .t8.mar60{
    margin-top: 60px;
}
.i-title .t9{
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 32px;
}
.i-title .line{
    width: 110px;
    height: 2px;
    margin: 20px auto;
    border-bottom: #15367f solid 2px;
    border-bottom: 2px transparent solid;
    border-image: -webkit-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: -moz-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
}
.i-title .line.long{
    width: 100%;
}
.i-title .line.fine{
    height: 1px;
    border-bottom: #15367f solid 1px;
    border-bottom: 1px transparent solid;
}
.capitalize{
    text-transform:capitalize;
}
.uppercase{
    text-transform: uppercase;
}
.provide{
    padding-top: 100px;
}
.provide .box{
    margin-top: 75px;
}
.provide .box ul li{
    float: left;
    width: 15.5%;
    margin-right: 1.4%;
    margin-bottom: 25px;
    padding-top: 75px;
    padding-bottom: 20px;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.provide .box ul li:nth-child(6n){
    margin-right: 0;
}
.provide .box ul li:hover{
    box-shadow: 5px 10px 18px rgba(0,0,0,.13);
}
.provide .box ul li a{
    display: block;
    width: 100%;
    text-align: center;
}
.provide .box ul li .icon{
    width: 100%;
}
.provide .box ul li .icon img{
    max-width: 27.4%;
}
.provide .box ul li .txt{
    margin-top: 15px;
    font-family: "Poppins-Light";
    color: #1b2077;
    font-size: 18px;
    line-height: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 72px;
}
/**/
.i-product{
    padding-top: 130px;
    padding-bottom: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.i-product .box ul li{
    float: left;
    width: 48.8%;
    margin-right: 2.4%;
    margin-bottom: 3.5%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.i-product .box ul li:nth-child(2n){
    margin-right: 0;
}
.i-product .box ul li:hover{
    box-shadow: 0px 1px 27px rgba(28,28,28,.17);
}
.i-product .box ul li a{
    display: block;
    width: 100%;
    padding-left: 5%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.i-product .box ul li .imgbox{
    float: right;
    width: 50%;
    overflow: hidden;
    text-align: right;
    padding-top: 10.8%;
}
.i-product .box ul li .imgbox img{
    max-width: 100%;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.i-product .box ul li:hover .imgbox img{
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.i-product .box ul li .txtbox{
    float: left;
    width: 50%;
    padding-top: 13%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.i-product .box ul li .txtbox .t1{
    font-family: "Poppins-SemiBold";
    color: #494949;
    font-size: 30px;
    margin-bottom: 10px;
    word-break: break-word;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.i-product .box ul li .txtbox .t2{
    font-family: "Poppins-Light";
    color: #666666;
    font-size: 18px;
    line-height: 2;
    height: 108px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 10px;
    word-break: break-word;
}

/*Vertical Solutions*/
.i-solution{
    padding-top: 40px;
}
.i-solution .box{
    position: relative;
    padding-left: 2.6%;
    padding-right: 2.6%;
    margin-top: 60px;
    padding-top: 150px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.i-solution .i-solution-box{
    position: relative;
    max-width: 1640px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.i-solution .i-solution-li{
    position: relative;
    margin-bottom: 40px;
    background-color: #FFFFFF;
    padding: 10px;
    border: #eeeeee solid 1px;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.i-solution .i-solution-li:hover{
    box-shadow: 0px 1px 32px rgba(17,17,17,.25);
}
.i-solution .i-solution-li::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #e85754;
    background: -webkit-gradient(linear, 100% 0, 0 0, from(#15367f), to(#e85754));
    background: -webkit-linear-gradient(to right, #15367f, #844769, #e85754);
    background: -moz-linear-gradient(to right, #15367f, #844769, #e85754);
    background: -o-linear-gradient(to right, #15367f, #844769, #e85754);
    background: linear-gradient(to right, #15367f, #844769, #e85754);
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.i-solution .i-solution-li:hover::after{
    width: 100%;
}
.i-solution .i-solution-li a{
    display: block;
    width: 100%;
}
.i-solution .i-solution-li .imgbox{
    width: 100%;
    overflow: hidden;
}
.i-solution .i-solution-li .imgbox img{
    width: 100%;
}
.i-solution .i-solution-li .txtbox{
    padding: 30px 10px;
    text-align: center;
}
.i-solution .i-solution-li .txtbox .t1{
    /*font-family: "Poppins-Mudiem"; */
    color: #15367f;
    font-size: 22px;
}
.i-solution .i-solution-li .txtbox .t2{
    margin-top: 20px;
    color: #333333;
    font-size: 16px;
    word-break: break-word;
    line-height: 2;
    min-height: 160px;
    /*height: 160px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;*/
}
.i-solution .swiper-button-next, .i-solution .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    border-radius: 50%;
    -moz-background-size: 50px 50px;
    -webkit-background-size: 50px 50px;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.i-solution .swiper-button-next, .i-solution .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img33.png);
    right: 2.6%;
    left: auto;
}
.i-solution .swiper-button-prev, .i-solution .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img32.png);
    left: 2.6%;
    right: auto;
}
.i-solution .swiper-button-next:hover, .i-solution .swiper-button-prev:hover{
    /*box-shadow: 5px 10px 18px rgba(255,255,255,.13);*/
    box-shadow: 0px 1px 27px rgba(28,28,28,.25);
    -o-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
/*In Partnership With*/
.i-partner{
    padding-top: 60px;
    padding-bottom: 40px;
}
.i-partner .box{
    margin-top: 50px;
}
.i-partner-box{
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 2.86%;
}
.partner-icon{
    width: 100%;
    height: 140px;
    line-height: 140px;
    overflow: hidden;
    text-align: center;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.partner-icon:hover{
    box-shadow: 5px 10px 18px rgba(0,0,0,.13);
}
.partner-icon a{
    display: block;
    width: 100%;
}
.i-partner .partner-icon img{
    max-width: 66.6%;
}
.i-partner .swiper-container-horizontal>.swiper-pagination-bullets, .i-partner .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
    left: 0;
    width: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
.swiper-pagination-bullet {
    width: 20px;
    height: 5px;
    display: inline-block;
    border-radius: 5px;
    background: #dcdcdc;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #15367f;
}
/*NEWS*/
.i-new{
    padding: 50px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.i-new .box{
    max-width: 880px;
    width: 100%;
    background: rgba(255,255,255,.7);
    padding: 2% 2.5% 3.2%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.i-new .box .tit{
    font-family: "Poppins-SemiBold";
    font-size: 54px;
    color: #494949;
}
.i-new .box ul{
    padding-top: 40px;
    padding-bottom: 30px;
}
.i-new .box ul li{
    margin-bottom: 20px;
}
.i-new .box ul li .t1{
    font-family: "Poppins-Light";
    color: #333333;
    font-size: 16px;
    margin-bottom: 5px;
}
.i-new .box ul li .t1 .icon{
    float: left;
    margin-right: 6px;
}
.i-new .box ul li .t1 .icon img{
    width: 15px;
    height: 20px;
}
.i-new .box ul li .t2{
    font-family: "Poppins-Regular";
    color: #333333;
    font-size: 18px;
    line-height: 2;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
/*Why  Newland*/
.i-why{
    padding-top: 90px;
    padding-bottom: 60px;
}
.i-why .box{
    margin-top: 70px;
}
.i-why .box ul li{
    float: left;
    width: 23.5%;
    margin-right: 2%;
    text-align: center;
}
.i-why .box ul li:nth-child(3n){
    margin-right: 0;
}
.i-why .box ul li .cont{
    position: relative;
    display: inline-block;
    padding-left: 95px;
    max-width: 200px;
}
.i-why .box ul li .icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 95px;
    text-align: left;
}
.i-why .box ul li .icon img{
    width: 65px;
    height: auto;
    /*height: 54px;*/
}
.i-why .box ul li .txtbox{
    text-align: left;
}
.i-why .box ul li .txtbox .t1{
    font-family: "Poppins-SemiBold";
    color: #1b2077;
    font-size: 34px;
    line-height: 1.5;
    max-width: 135px;
    border-bottom: #8a9abf dashed 1px;
}
.i-why .box ul li .txtbox .t2{
    margin-top: 5px;
    font-family: "Poppins-Light";
    color: #1b2077;
    font-size: 18px;
    line-height: 1.78;
}
/*Co-op Fund Program Guide-跳转表格*/
.datepicker td.active.day, .datepicker td.active.year{
    background-color: #15367f;
}
.jump-table{
    padding-top: 100px;
    padding-bottom: 65px;
}
.jump-table .box{
    max-width: 1200px;
    width: 100%;
    margin: 40px auto 0px;
    box-shadow: 0px 1px 25px rgba(21,54,127,.22);
    padding: 0px 40px 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.jump-table.cda-form .box{
    padding-bottom: 90px;
}
.border-radius{
    border-radius: 20px;
}
.jump-table .box .tit{
    text-align: center;
}
.jump-table .box .tit span{
    display: inline-block;
    min-width: 230px;
    padding: 10px 15px;
    color: #494949;
    font-size: 22px;
    background-color: #f6f6f6;
    border-radius: 0px 0px 10px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.jump-table .box .cont{
    max-width: 1000px;
    width: 94%;
    margin: 60px auto 0px;
}
.jump-table .box .cont .subhead{
    color: #15367f;
    font-family: "Poppins-Medium";
    font-size: 22px;
    line-height: 2.5;
    border-bottom: #15367f solid 2px;
    border-bottom: 2px transparent solid;
    border-image: -webkit-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: -moz-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
}
.jump-table .box .cont form{
    margin-top: 30px;
}
.jump-table .box .cont .form-li{
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}
.jump-table .box .cont .form-li .half{
    float: left;
    width: 45%;
    margin-right: 10%;
}
.jump-table .box .cont .form-li .half:nth-child(2n){
    margin-right: 0;
}
.jump-table .box .cont .t1{
    position: relative;
    padding-left: 15px;
    color: #15367f;
    font-family: "Poppins-Light";
    font-size: 18px;
    margin-bottom: 5px;
}
.jump-table .box .cont .t1 span{
    position: absolute;
    left: 0;
    top: 3px;
    color: #e95754;
    margin-right: 4px;
}
.jump-table .box .cont .t2{
    position: relative;
    padding-left: 15px;
    color: #494949;
    font-size: 18px;
    border-bottom: #e95754 solid 1px;
    overflow: hidden;
}
.jump-table .box .cont input{
    width: 100%;
    background: none;
    border: none;
    outline: none;
    color: #494949;
    font-size: 18px;
    line-height: 1.7;
}
.jump-table .box .cont ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#494949;
}
.jump-table .box .cont :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#494949;
}
.jump-table .box .cont ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#494949;
}
.jump-table .box .cont :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#494949;
}
.jump-table .box .cont .inp1{
    float: left;
    width: 90%;
}
.jump-table .box .cont .icon span{
    float: right;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    color: rgb(255,255,255);
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    background: url(../images/img52.png) center no-repeat;
}
.jump-table .box .cont .t3{
    position: relative;
    overflow: hidden;
    border: #dcdcdc solid 1px;
    border-radius: 4px;
}
.jump-table .box .cont select{
    width: 100%;
    border-radius: 10px;
    border: none;
    background-color: #FFFFFF;
    outline: none;
    line-height: 32px;
    height: 32px;
    color: #494949;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 30px;
    background: url(../images/img53.png) center right 15px no-repeat;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.jump-table .box .cont .sub-btn{
    text-align: center;
    margin-top: 50px;
}
.jump-table .box .subtable table tr td .sub-btn{
    margin-bottom: 50px;
}
.jump-table .box .cont .sub-btn span, .application-form .sub-btn span, .discovery-program-form .sub-btn span, .join .sub-btn span{
    display: inline-block;
    vertical-align: middle;
    /* padding: 0px 20px;*/
    height: 40px;
    line-height: 40px;
    background: url(../images/img54.png) center no-repeat;
    background-size: 100% 100%;
    font-family: "Poppins-Light";
    color: #ffffff;
    font-size: 14px;
    border-radius: 20px 0px 20px 0px;
    min-width: 120px;
    text-align: center;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.jump-table .box .cont .sub-btn input, .application-form .sub-btn span input, .discovery-program-form .sub-btn span input, .join .sub-btn span input{
    width: 100%;
    height: 40px;
    font-family: "Poppins-Light";
    color: #ffffff;
    font-size: 14px;
    background: none;
    border: none;
    outline: none;
}
.jump-table .box .subtable{
    margin-top: 30px;
}
.jump-table.fund-claim-form .box .subtable table{
    width: 100%;
    border-collapse: collapse;
}
.jump-table.fund-claim-form .box .subtable table, .jump-table.fund-claim-form .box .subtable table tr td, .jump-table.fund-claim-form .box .subtable table tr th{
    border: #e3e9ee solid 1px;
}
.jump-table.cda-form .box .subtable table{
    border: none;
    width: 100%;
    border-collapse: collapse;
}
.jump-table.cda-form .box .subtable table, .jump-table.cda-form .box .subtable table tr th{
    border-bottom: #e3e9ee solid 1px;
}
.jump-table.cda-form .box .tb-list{
    width: 100%;
}
.jump-table.fund-claim-form .box .subtable table tr td{
    padding: 0px 10px;
}
.jump-table.cda-form .box .subtable table tr td:nth-child(1), .jump-table.cda-form .box .subtable table tr td:nth-child(2), .jump-table.cda-form .box .subtable table tr td:nth-child(3){
    width: 25%;
}
.jump-table.cda-form .box .subtable table tr td:nth-child(4){
    width: 15.5%;
}
.jump-table .box .subtable table tr th{
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 18px;
    background-color: #f7f9fb;
    height: 70px;
    text-align: left;
    padding: 0px 10px;
}
.jump-table.fund-claim-form .box .subtable table tr th:first-child, .jump-table.fund-claim-form .box .subtable table tr th:nth-child(3){
    width: 26%;
}
.jump-table.fund-claim-form .box .subtable table tr th:nth-child(2), .jump-table.fund-claim-form .box .subtable table tr th:nth-child(4){
    width: 19%;
}
.jump-table.cda-form .box .subtable table tr td{
    height: 60px;
    padding: 0px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.jump-table .box .subtable table tr td{

}
.jump-table .box .subtable .tdli{
    width: 100%;
    margin: 20px auto;
    border: #dcdcdc solid 1px;
    border-radius: 4px;
    padding: 0px 15px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.jump-table.cda-form .box .subtable .tdli{
    margin: 0px auto;
}
.jump-table .box .subtable .tdli-se{
    width: 100%;
    margin: 0px auto;
    border: #dcdcdc solid 1px;
    border-radius: 4px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.jump-table .box .subtable .tdli input{
    background: none;
    border: none;
    outline: none;
    color: #494949;
    font-size: 14px;
    line-height: 34px;
}
.jump-table .box .subtable .tdli .inp2{
    float: left;
    width: 85%;
}
.jump-table .box .subtable .tdli .icon span {
    float: right;
    width: 17px;
    height: 32px;
    display: inline-block;
    cursor: pointer;
    color: rgb(255,255,255);
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    background: url(../images/img55.png) center no-repeat;
}
.jump-table .box .subtable .btn-set{
    text-align: center;
}
.jump-table .box .subtable .ic{
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}
.jump-table .box .subtable .ic img{
    width: 19px;
    height: 19px;
}
.jump-table .box .subtable .total-bt{
    float: right;
    display: inline-block;
    padding-right: 25px;
    padding-left: 15px;
    border-left: #e3e9ee solid 1px;
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 18px;
    line-height: 60px;
}
.jump-table .box .subtable .total-num{
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 18px;
}
.jump-table .box .subtable td .bt{
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 18px;
    margin-top: 30px;
}
.jump-table .box .subtable td .uploadbox{
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}
.jump-table .box .subtable td .upload{
    position: relative;
    float: left;
    width: 42%;
    border: #eaeaea dashed 1px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.jump-table .box .subtable td .upload .substance{
    padding: 35px 20px;
}
.jump-table .box .subtable td .upload .substance .img{
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: #f9f9f9;
}
.jump-table .box .subtable td .upload .substance .t4{
    color: #e95754;
    font-size: 14px;
    margin-top: 30px;
    text-decoration: underline;
}
.jump-table .box .subtable td .upload .substance .t5{
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 14px;
    margin-top: 15px;
}
.jump-table .box .subtable td .upload .inputfile{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    outline: none;
    opacity: 0;
    cursor: pointer;
}
.jump-table .box .subtable input{
    font-family: "Poppins-Light";
    color: #999999;
    font-size: 14px;
}
.jump-table .box .subtable ::-webkit-input-placeholder {
    color: #999999;
}
.jump-table .box .subtable :-moz-placeholder {
    color: #999999;
}
.jump-table .box .subtable ::-moz-placeholder {
    color: #999999;
}
.jump-table .box .subtable :-ms-input-placeholder {
    color: #999999;
}
.jump-table .box .subtable td .upload-list{
    float: right;
    width: 58%;
    overflow: hidden;
}
.jump-table .box .subtable td .upload-list ul{
    padding-left: 6.8%;
}
.jump-table .box .subtable td .upload-list ul li{
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}
.jump-table .box .subtable td .upload-list ul li .text{
    float: left;
    width: 84%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f7f9fb;
    padding: 20px 10px;
}
.jump-table .box .subtable td .upload-list ul li .text .icon{
    float: left;
    width: 15.6%;
    text-align: center;
    overflow: hidden;
}
.jump-table .box .subtable td .upload-list ul li .text .icon img{
    width: 24px;
    height: 28px;
}
.jump-table .box .subtable td .upload-list ul li .text .txtbox{
    float: left;
    width: 84%;
    overflow: hidden;
}
.jump-table .box .subtable td .upload-list ul li .text .txtbox .t5{
    color: #494949;
    font-size: 16px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.jump-table .box .subtable td .upload-list ul li .text .txtbox .t6{
    color: #999999;
    font-size: 14px;
}
.jump-table .box .subtable td .upload-list ul li .up-operate{
    float: right;
    width: 16%;
    overflow: hidden;
    text-align: center;
    margin-top: 30px;
}
/**/
.overview{
    padding-top: 75px;
}
.overview .box{
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
}
.overview .box .synopsis{
    color: #494949;
    font-size: 18px;
    line-height: 2;
    word-break: break-word;
    margin-top: 20px;
}
.overview .box .qae{
    margin-top: 50px;
}
.overview .box .qae .t2{
    color: #494949;
    font-size: 18px;
    line-height:2;
}
.overview .box .qaediv{
    margin-top: 30px;
}
.overview .box .qaediv ul li{
    float: left;
    width: 28%;
    margin-right: 3%;
    margin-bottom: 20px;
    background: #ffffff;
    box-shadow: 0px 4px 24px rgba(222,222,222,0.51);
    border-radius: 20px;
    overflow: hidden;
}
.overview .box .qaediv ul li .t3{
    background: url(../images/img59.png) center no-repeat;
    text-align: center;
    font-family: "Poppins-Medium";
    color: #ffffff;
    font-size: 20px;
    padding: 20px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.overview .box .qaediv ul li .t4{
    padding: 8.8% 0 0;
    min-height: 200px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.overview .box .qaediv ul li .t4 .icon{
    float: left;
    width: 31%;
    text-align: center;
    padding: 10px 0px;
    border-right: #eeeeee dashed 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.overview .box .qaediv ul li .t4 .icon img{
    max-width: 61%;
}
.overview .box .qaediv ul li .t4 .txt{
    float: left;
    width: 69%;
    padding: 0% 4% 0 8%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #494949;
    font-size: 18px;
    line-height: 1.78;
}
/*Eligible activity types*/
.eat{
    padding: 60px 0px;
}
.eatdiv{
    margin-top: 30px;
}
.eatdiv ul li{
    position: relative;
    float: left;
    max-width: 620px;
    width: 50%;
    margin-bottom: 20px;
    padding-left: 40px;
    padding-right: 5%;
    color: #494949;
    font-size: 18px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.eatdiv ul li .icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 100%;
    background: url(../images/img63.png) left top 3px no-repeat;
    background-size: 23px 23px;
}
/*Eligible revenue and time*/
.erat{
    position: relative;
    width: 100%;
    background-color: #f6f6f6;
}
.erat .box{
    max-width: 100%;
}
.erat .box .txtbox{
    float: left;
    width: 49%;
    overflow: hidden;
    padding-left: 8.34%;
    padding-top: 5.6%;
    padding-bottom: 4%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.erat .box .txtbox .txt{
    margin-top: 30px;
    color: #494949;
    font-size: 18px;
    word-break: break-word;
}
.erat .box .imgbox{
    float: right;
    width: 44%;
    overflow: hidden;
}
.erat .imgbox img{
    width: 100%;
}
/*Co-op Process*/
.cop{
    padding-top: 100px;
}
.cop .copdiv{
    margin-top: 60px;
}
.cop .copdiv ul li{
    float: left;
    width: 24.25%;
    padding-top: 20px;
    margin-right: 1%;
}
.cop .copdiv ul li:nth-child(4n){
    margin-right: 0;
}
.cop .copdiv ul li .cont{
    position: relative;
    padding: 0px 25px;
    background-color: #f4f7ff;
    min-height: 480px;
}
.demo-programg-guide .cop .copdiv ul li .cont{
    min-height: 310px;
}
.cop .copdiv ul li .num{
    position: relative;
    text-align: right;
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 22px;
    padding-top: 10px;
}
.cop .copdiv ul li .icon{
    position: absolute;
    left: -5px;
    bottom: 12px;
}
.cop .copdiv ul li .icon img{
    width: 55px;
    height: 50px;
}
.cop .copdiv ul li .t1{
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 20px;
    margin-top: 30px;
}
.cop .copdiv ul li .t2{
    color: #666666;
    font-size: 18px;
    line-height: 2;
    word-break: break-word;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
.cop .copdiv ul li .cop-link{
    position: absolute;
    left: 25px;
    bottom: 25px;
    width: -moz-calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
}
.cop .copdiv ul li .cop-link a{
    color: #e95754;
    font-size: 18px;
    text-decoration: underline;
}
.cop .copdiv .imgbox{
    width: 100%;
    height: 150px;
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
    text-align: center;
    background: url(../images/img69.png) repeat-x center top;
    -webkit-animation: backanim 30s linear 0s infinite;
    -moz-animation: backanim 30s linear 0s infinite;
    -o-animation: backanim 30s linear 0s infinite;
    animation: backanim 30s linear 0s infinite;
}
@-webkit-keyframes backanim {
    from { background-position: left 0 }
    50% { background-position: 687px 5px  }
    to {  background-position: 1394px 0px }
}
@keyframes backanim {
    from { background-position: left 0 }
    50% { background-position: 687px 5px  }
    to {  background-position: 1394px 0px }
}
.cop .copdiv .imgbox img{
    max-width: 100%;
}
.cop .copdiv .imgbox ul{
    width: 100%;
    overflow: hidden;
    margin-top: 50px;
    background: url(../images/img71.png) center no-repeat;
}
.cop .copdiv .imgbox ul li{
    position: relative;
    float: left;
    width: 24.25%;
    padding-top: 0;
    margin-right: 1%;
    text-align: center;
}
.cop .copdiv .imgbox ul li:nth-child(4n){
    margin-right: 0;
}
.cop .copdiv .imgbox ul li span{
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: #15367f solid 2px;
    margin: 10px auto;
}
.cop .copdiv .imgbox ul li::before{
    content: '';
    position: absolute;
    bottom: 12px;
    left: 50%;
    z-index: 10;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: -5px;
    background-color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.cop .copdiv .imgbox ul li::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    box-sizing: border-box;
    margin-left: -13px;
    margin-top: -13px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #9bb9e9;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    background-color: rgba(56, 111, 232, 1);
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-animation: scaleForEver2 3s linear infinite;
    -moz-animation: scaleForEver2 3s linear infinite;
    -o-animation: scaleForEver2 3s linear infinite;
    animation: scaleForEver2 3s linear infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes scaleForEver2 {
    0% {
        transform: scale(.6);
        -webkit-transform: scale(.6);
        opacity: .5;
    }
    70% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        opacity: .1;
    }
    100% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes scaleForEver2 {
    0% {
        transform: scale(.6);
        -webkit-transform: scale(.6);
        opacity: .5;
    }
    70% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        opacity: .1;
    }
    100% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
}
.textcon{
    margin-top: 30px;
}
.textcon .box{
    margin-bottom: 50px;
}
.textcon .box .txt{
    color: #494949;
    font-size: 18px;
    line-height: 2;
    margin-top: 10px;
}
.textcon .box .txt ul li{
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}
.textcon .box .txt ul li:last-child{
    margin-bottom: 0;
}
.textcon .box .txt ul li i{
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 100%;
    background: url(../images/img63.png) top 3px left no-repeat;
    background-size: 100% auto;
}
.table-box{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 35px;
}
.table-box table{
    width: 100%;
    background-color: #ffffff;
    border-collapse:collapse;
}
.table-box table, .table-box table tr th{
    border:1px solid #e3e9ee;
}
.table-box table tr th{
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 20px;
    height: 65px;
}
.table-box table tr th.bor{
    border: none !important;
}
.table-box table tr td{
    color: #494949;
    font-size: 18px;
    line-height: 2;
    border-right: none;
    border-left: none;
    padding-left: 4%;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.table-box table tr:nth-child(odd) td{
    background-color: #f7f9fb;
}
.table-box table tr:nth-child(even) td{
    background-color: #FFFFFF;
}
.listtxt{
    display: block;
    width: 100%;
    text-align: center;
}
.listtxt ul{
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.listtxt ul li{
    position: relative;
    padding-left: 16px;
    width: 100%;
    padding-left: 3%;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.listtxt ul li span{
    position: absolute;
    left: 0;
    top: 15px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
.listtxt ul li span.sp1{
    background-color: #e95754;
}
.listtxt ul li span.sp2{
    background-color: #494949;
}
/*Demo Program Guide*/
.dpg-table{
    margin-top: 20px;
    box-shadow: 0px 1px 21px rgba(35,35,35,.11);
    border-radius: 30px;
}
.dpg-table table{
    width: 100%;
    background-color: #ffffff;
    border-collapse:collapse;
}
.dpg-table table tr th, .dpg-table table tr td{
    border-bottom: #e3e9ee solid 1px;
}
.dpg-table table tr:last-child td{
    border-bottom:none;
}
.dpg-table table tr th{
    height: 100px;
    color: #15367f;
    font-size: 20px;
    font-family: "Poppins-Medium";
}
.dpg-table table tr:nth-child(odd) td{
    background-color: #f7f9fb;
}
.dpg-table table tr td{
    color: #494949;
    font-size: 18px;
    line-height: 2;
    text-align: center;
    height: 80px;
}
.tips{
    text-align: right;
    margin-top: 10px;
    color: #494949;
    font-size: 14px;
    line-height: 2;
}
.tips .sp{
    color: #e95754;
}
.explain{
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    font-family: "Poppins-Light";
    margin-top: 10px;
    color: #7f7f7f;
    padding: 8px 0px;
    font-size: 16px;
    line-height: 2;
    border-top: #ebebeb solid 1px;
}
.explain .sp{
    color: #e95754;
}
/*marketing-resource*/
.marketing-resource{
    padding-top: 80px;
}
.marketing-resource .video{
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px;
    border-bottom: #cccccc solid 1px;
}
.marketing-resource .video .left{
    float: left;
    width: 25%;
    padding-right: 3%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #15367f;
    font-size: 36px;
    text-transform: uppercase;
    font-family: "Poppins-Medium";
}
.marketing-resource .video .right{
    float: left;
    width: 75%;
    overflow: hidden;
    color: #494949;
    font-size: 18px;
    line-height: 2;
}
.marketing-resource .video-list{
    padding-top: 80px;
    /*overflow: hidden;*/
}
.marketing-resource.vertical-update .video-list{
    padding-top: 0;
}
.marketing-resource .video-list .left{
    float: left;
    width: 345px;
    overflow: hidden;
}
.marketing-resource .video-list .left ul li{
    position: relative;
    width: 100%;
}
.marketing-resource .video-list .left ul li:last-child{
    border-bottom: #cccccc solid 1px;
}
.marketing-resource .video-list .left ul li .a-level{
    position: relative;
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 22px;
    /*height: 70px;
	line-height: 70px;*/
    border-top: #cccccc solid 1px;
    padding: 16px 20px 16px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.marketing-resource .video-list .left ul li .a-level.on{
    background-color: #f8f8f8;
    border-bottom: #cccccc solid 1px;
}
.marketing-resource .video-list .left ul li .a-level i, .marketing-resource .video-list .left ul li>a i{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 14px;
    height: 100%;
    background: url(../images/img73.png) center no-repeat;
    background-size: 7px 14px;
}
.marketing-resource .video-list .left ul li .a-level.on i, .b-level.on i {
    background: url(../images/img74.png) center no-repeat;
    background-size: 14px 7px;
}
.drop-list{
    display: none;
    margin: auto;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.drop-list .b-level{
    position: relative;
    color: #494949;
    font-size: 18px;
    line-height: 2;
    cursor: pointer;
    margin-bottom: 15px;
}
.drop-list .b-level i{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 14px;
    height: 100%;
    background: url(../images/img75.png) center no-repeat;
    background-size: 14px 13px;
}
.drop-list .b-level.on i {
    background: url(../images/img76.png) center no-repeat;
    background-size: 13px 14px;
}
.gather .gather-ul{
    margin-top: 3px;
}
.gather .gather-li{
    margin-bottom: 10px;
}
.gather .gather-li .c-label{
    color: #666666;
    font-size: 16px;
    cursor: pointer;
}
.gather .gather-li .c-label .txt{
    display: inline-block;
    vertical-align: top;
    max-width: -moz-calc(100% - 30px);
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin-left: 5px;
    font-size: 14px;
    color: #494949;
    line-height: 20px;
}
.gather .gather-li .c-label .choice-inp {
    display: none;
}
.gather .gather-li .choice-inp[type=checkbox]+span {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 15px;
    background: url(../images/img78.png) center no-repeat;
    background-size: 16px 15px;
}
.gather .gather-li .choice-inp[type=checkbox]:checked+span {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 15px;
    background: #FFFFFF url(../images/img77.png) center no-repeat;
    background-size: 16px 15px;
}
.gather .gather-li .choice-inp[type=checkbox]:checked+span+div{
    color: #15367f;
}
.marketing-resource .video-list .right{
    float: right;
    width: -moz-calc(96.9% - 345px);
    width: -webkit-calc(96.9% - 345px);
    width: calc(96.9% - 345px);
    margin-left: 3.1%;
    padding-left: 3.1%;
    border-left: #cccccc solid 1px;
    /*overflow: hidden;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.marketing-resource .reset{
    color: #494949;
    font-size: 16px;
    margin-top: 20px;
    padding: 0 10px;
    cursor: pointer;
}
.marketing-resource .right .right-top{
    background: #f8f8f8;
    padding: 18px 0px;
}
.marketing-resource .right .right-top .search-div{
    float: left;
    width: 75%;
}
.marketing-resource .right .right-top .search-div .search-a{
    float: left;
    width: 46.8%;
    margin-right: 6.4%;
}
.marketing-resource .right .right-top .search-div .search-b{
    float: left;
    width: 46.8%;
}
.marketing-resource .right .right-top .sp{
    float: left;
    /*margin-right: 10px;*/
    padding-right: 10px;
    color: #494949;
    font-size: 16px;
    line-height: 47px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.marketing-resource .right .right-top .search-div .sp{
    /*width: 110px;*/
    width: 29%;
    text-align: right;
}
.marketing-resource .right .right-top .search-div .cont{
    float: left;
    /*width: 250px;*/
    width: 71%;
    background-color: #FFFFFF;
}
.marketing-resource .right .right-top .search-div .cont select{
    width: 100%;
    border-radius: 10px;
    border: none;
    background-color: #FFFFFF;
    outline: none;
    line-height: 47px;
    height: 47px;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 30px;
    background: url(../images/img79.png) center right 20px no-repeat;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.marketing-resource .right .right-top .search-div .cont .input1{
    float: left;
    width: 80%;
    padding: 0px 20px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.marketing-resource .right .right-top .search-div .cont .input1 input{
    width: 100%;
    background: none;
    border: none;
    outline: none;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 16px;
    line-height: 47px;
    height: 47px;
}
.marketing-resource .right .right-top .search-div .cont .input2{
    float: right;
    width: 20%;
    line-height: 47px;
    height: 47px;
    background: url(../images/img80.png) center no-repeat;
}
.marketing-resource .right .right-top .search-div .cont .input2 input{
    width: 100%;
    background: none;
    border: none;
    outline: none;
}
.marketing-resource .right .right-top .switch{
    float: right;
}
.marketing-resource .right .right-top .switch .switch-li{
    float: left;
    margin-right: 10px;
    cursor: pointer;
    line-height: 45px;
}
.marketing-resource .right .right-top .switch .switch-li img{
    width: 21px;
    height: 17px;
}
.marketing-resource .right .right-top .switch .switch-li .img2{
    display: none;
}
.marketing-resource .right .right-top .switch .switch-li.active .img1{
    display: none;
}
.marketing-resource .right .right-top .switch .switch-li.active .img2{
    display: inline-block;
}
/*1*/
.markting-list{
    margin-top: 45px;
    padding-bottom: 110px;
}
.markting-list ul{
    margin-bottom: 40px;
}
.markting-list ul li{
    float: left;
    width: 30.66%;
    margin-right: 4%;
    margin-bottom: 4%;
}
.markting-list ul li:nth-child(3n){
    margin-right: 0;
}
.markting-list.active ul li{
    width: 100%;
    margin-right: 0;
}
.markting-list ul li .img{
    position: relative;
    width: 100%;
}
.markting-list.active ul li .img{
    float: left;
    width: 30%;
    overflow: hidden;
}
.markting-list ul li .img>a {
    position: relative;
    display: block;
    width: 100%;
}
.markting-list ul li .img>a>img{
    width: 100%;
}
.markting-list ul li .img>a .mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5) url(../images/img86.png) center no-repeat;
    background-size: 18%;
}
.markting-list ul li:hover .img>a .mask{
    background: rgba(0,0,0,.5) url(../images/img87.png) center no-repeat;
    background-size: 18%;
}
.markting-list ul li .img .download{
    display: none;
    position: absolute;
    right: 11%;
    top: 8%;
    width: 116px;
    height: 30px;
    background: url(../images/img89.png) center no-repeat;
    background-size: cover;
    text-align: center;
}
.markting-list ul li:hover .img .download{
    display: block;
}
.markting-list ul li .img .download a{
    display: block;
    width: 100%;
    font-family: "Poppins-Light";
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
}
.markting-list ul li .img .download a img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 13px;
    height: 13px;
}
.markting-list ul li .txtbox{
    padding-top: 15px;
    padding-bottom: 20px;
}
.markting-list.active ul li .txtbox{
    float: left;
    width: 70%;
    padding-left: 3%;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.markting-list ul li .txt{}
.markting-list ul li .txt a{
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.markting-list.active ul li .txt a{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.markting-list ul li .txt .t1, .markting-list ul li .txt .t2{
    color: #494949;
    font-size: 20px;
    line-height: 1.5;
}
.markting-list ul li .tagbox{
    padding-top: 15px;
}
.markting-list ul li .tagbox a{
    float: left;
    display: inline-block;
    margin-right: 15px;
    border-radius: 10px;
    font-family: "Poppins-Light";
    color: #666666;
    font-size: 14px;
    background: #f0f0f0;
    line-height: 30px;
    padding: 0px 20px;
}
.markting-list ul li .tagbox a:hover{
    color: #FFFFFF;
    background: url(../images/img90.png) center no-repeat;
    background-size: cover;
}
/*2*/
.product-image{
    margin-top: 45px;
    padding-bottom: 110px;
}
.product-image .download-sel{
    text-align: right;
}
.product-image .download-sel>span{
    display: inline-block;
    overflow: hidden;
    background: url(../images/img116.png) center no-repeat;
    background-size: cover;
    border-radius: 15px 0px 15px 0px;
    height: 40px;
    line-height: 40px;
    padding: 0px 28px;
}
.product-image .download-sel label{
    display: inline-block;
    vertical-align: middle;
}
.product-image .txt{
    display: inline-block;
    font-size: 16px;
    color: #FFFFFF;
}
.product-image .txt a{
    color: #FFFFFF;
}
.product-image ul{
    margin-top: 25px;
    margin-bottom: 30px;
}
.product-image ul li{
    position: relative;
    float: left;
    width: 30.66%;
    margin-right: 4%;
    margin-bottom: 4%;
    border: #cccccc solid 1px;
    padding: 20px 20px 30px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.product-image ul li:nth-child(3n){
    margin-right: 0;
}
.product-image.active ul li{
    width: 100%;
    margin-right: 0;
}
.product-image>ul>li:hover{
    box-shadow: 0px 4px 18px rgba(122,122,122,.51);
}
.product-image ul li .img{
    position: relative;
    width: 100%;
}
.product-image.active ul li .img{
    float: left;
    width: 27%;
    overflow: hidden;
}
.product-image ul li .img>a {
    position: relative;
    display: block;
    width: 100%;
}
.product-image ul li .img img{
    width: 100%;
}
.product-image ul li .img .download{
    display: none;
    position: absolute;
    right: 11%;
    top: 8%;
    width: 116px;
    height: 30px;
    background: url(../images/img89.png) center no-repeat;
    background-size: cover;
    text-align: center;
}
/*.product-image ul li:hover .img .download{
	display: block;
}*/
.product-image ul li .img .download a{
    display: block;
    width: 100%;
    font-family: "Poppins-Light";
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
}
.product-image ul li .txtbox{
    padding-top: 15px;
    padding-bottom: 30px;
}
.product-image.active ul li .txtbox{
    float: left;
    width: 73%;
    padding-left: 3%;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.product-image ul li .txtbox .t1{
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 22px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.product-image ul li .txtbox .t2{
    font-size: 14px;
    color: #494949;
    margin-top: 15px;
}
.product-image ul li .txtbox ul{
    margin-top: 10px;
    margin-bottom: 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.product-image.active ul li .txtbox ul{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.product-image ul li .txtbox ul li{
    float: none;
    position: relative;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 18px;
    border: none;
    margin-bottom: 8px;
    padding: 0px;
    padding-left: 20px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.product-image ul li .txtbox ul li span{
    position: absolute;
    left: 3px;
    top: 10px;
    width: 4px;
    height: 4px;
    background-color: #494949;
    border-radius: 50%;
}
.product-image .tick-icon{
    position: absolute;
    right: 30px;
    top: 20px;
}
.product-image .p-label{
    color: #666666;
    font-size: 16px;
    cursor: pointer;
}
.product-image .p-label .p-choice{
    display: none;
}
.product-image .p-choice[type=checkbox]+span {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url(../images/img114.png) center no-repeat;
    background-size: 18px 18px;
}
.product-image .p-choice[type=checkbox]:checked+span {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url(../images/img115.png) center no-repeat;
    background-size: 18px 18px;
}
/*分页*/
.page{
    width: 100%;
    text-align: center;
}
.order .page-list, .notice .page-list, .customer-m .page-list{
    float: left;
}
.page-list{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.page-list a{
    /*float: left; */
    display: inline-block;
    vertical-align: middle;
    padding: 0px 12px;
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    margin-right: 14px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 16px;
    color: #494949;
    background-color: #ffffff;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.page-list a:last-child{
    margin-right: 0;
}
.page-list a.fyprev{
    background: #FFFFFF url(../images/img91.png) center no-repeat;
}
.page-list a.fynext{
    background: #FFFFFF url(../images/img92.png) center no-repeat;
}
.page-list a.fyprev:hover{
    background: #15367f url(../images/img93.png) center no-repeat;
}
.page-list a.fynext:hover{
    background: #15367f url(../images/img94.png) center no-repeat;
}
.page-list a:hover,
.page-list a.on{
    color: #ffffff;
    background-color: #15367f;
}
.page .exhibit{
    display: inline-block;
    vertical-align: top;
    line-height: 36px;
    font-size: 14px;
    color: #494949;
}
.page .exhibit span{
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 24px;
    border: #cccccc solid 1px;
}
.page .exhibit span select{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0px 5px;
    line-height: 24px;
    height: 24px;
    font-size: 14px;
    color: #494949;
    text-align: center;
    text-align-last: center;
    border: none;
    outline: none;
    background: none;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
/*视频弹窗样式*/
.bigPicLayer {
    display: none;
    width: 1000px;
    height: 556px;
    position: fixed;
    z-index:1000;

    top: 40% !important;
    margin-top: -180px;
    padding: 10px;
}
.bigPicLayer iframe{
    width:1000px;
    height:556px;
}
.bigPicLayer .box, .bigPicLayer .wrap{
    width: 100%;
    height: 100%;
}
.bigPicLayer .close {
    display: block;
    width: 38px;
    height: 38px;
    background: url(../images/m5_off.png?v=11221) no-repeat;
    right: -50px;
    top: -50px;
    position: relative;
    position: absolute;
    z-index: 1000;
}

.bigPicLayer .close em {
    width: 1px;
    height: 50px;
    background: #009690;
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -0.5px;
    top: 100%;
}

.bigPicLayer .imgDiv {
    text-align: center;
}

.bigPicLayer .imgDiv img {
    width: 100%;
}

.bigPicLayer .imgDiv span {
    display: block;
    text-align: center;
    font-size: 18px;
    margin-top: 16px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
}
.video_all{
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    display:none;
    width:100%;
    height:100%;
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity=50);
    background-color:#000;
}

@media screen and (max-width: 1440px) {
    .bigPicLayer {
        display: none;
        width: 600px;
        height: 350px;
        position: fixed;
        z-index: 1000;
        top: 40% !important;
        margin-top: -100px;
        padding: 10px;
    }

    .bigPicLayer iframe{
        width:100%;
        height:388px;
    }
    .bigPicLayer .close {
        display: block;
        width: 38px;
        height: 38px;
        background: url(../images/m5_off.png?v=11221) no-repeat;
        right: -50px;
        top: -50px;
        position: relative;
        position: absolute;
        z-index: 222;
    }

    .bigPicLayer .close em {
        width: 1px;
        height: 50px;
        background: #0a448d;
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -0.5px;
        top: 100%;
    }

    .bigPicLayer .imgDiv {
        text-align: center;
    }

    .bigPicLayer .imgDiv img {
        width: 100%;
    }

    .bigPicLayer .imgDiv span {
        display: block;
        text-align: center;
        font-size: 18px;
        margin-top: 16px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
    }

}



@media screen and (max-width: 1004px) {
    .bigPicLayer {
        display: none;
        width: 100%;
        height: 100$;
        position: fixed;
        z-index: 1000;
        top: 40% !important;
        margin-top: -100px;
        padding: 10px;
    }

    .bigPicLayer .close {
        display: block;
        width: 48px;
        height: 48px;
        background: url(../images/m5_off.png?v=2020) no-repeat;
        right: 40px;
        top: -50px;
        position: relative;
        position: absolute;
        z-index: 222;
    }

    .bigPicLayer .close em {
        width: 1px;
        height: 20px;
        background: #0a448d;
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -0.5px;
        top: 100%;
    }
    .wrap{
        text-align:center;
        margin:0 auto
    }
    #CuPlayer iframe{
        width:60%;
        height:380px;
    }
    .bigPicLayer .imgDiv {
        height: 169px;
    }

}
/*OEM&ODM*/
.oem-odm{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #f7f7f9;
}
.oem-odm .box{
    margin-top: 90px;
}
.oem-odm .box ul li{
    float: left;
    width: 31.2%;
    margin-right: 3.2%;
    margin-bottom: 2.5%;
    text-align: center;
    -webkit-perspective: 1000;
    perspective: 1000;
    transform-style: preserve-3d;
}
.oem-odm .box ul li:nth-child(3n){
    margin-right: 0;
}
.oem-odm .box ul li a{
    position: relative;
    display: block;
    width: 100%;
}
.oem-odm .box ul li .above{
    border-radius: 12px;
    text-align: center;
    padding-bottom: 45px;
    background-color: #f8f8f8;
    position: relative;
    /*-webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    transform: rotateY(0deg);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;*/
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 24;
}
.oem-odm .box ul li:hover .above{
    z-index: 35;
    opacity: 0
    /*-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s;*/
}
.oem-odm .box ul li .above .imgbox{
    width: 100%;
    overflow: hidden;
}
.oem-odm .box ul li .above .imgbox img{
    max-width: 100%;
}
.oem-odm .box ul li .above .txt{
    margin-top: 10px;
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 24px;
}
.oem-odm .box ul li .below{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.95);
    /*-webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    transform: rotateY(-180deg);
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;*/
    z-index: 13;
    /*box-shadow: 0px 2px 21px rgba(0,0,0,.42);*/
    border-radius: 12px;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.oem-odm .box ul li:hover .below{
    /*display: block;*/
    -webkit-animation: fadeIn 0.8s;
    animation: fadeIn 0.8s;
    background: url(../images/img101.png) center no-repeat;
    background-size: cover;
}
.oem-odm .box ul li:hover .below{
    opacity: 1;
    box-shadow: 0px 2px 21px rgba(0,0,0,.42);
    z-index: 46;
    /*-webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s;*/
}
.oem-odm .box ul li .below .txtbox{
    text-align: left;
    padding: 8%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.oem-odm .box ul li .below .txtbox .t1{
    font-family: "Poppins-Medium";
    color: #ffffff;
    font-size: 24px;
}
.oem-odm .box ul li .below .txtbox .t2{
    margin-top: 30px;
    color: #ffffff;
    font-size: 18px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}
.oem-odm .box ul li .below .txtbox .t3{
    position: absolute;
    left: 8%;
    bottom: 8%;
    max-width: 84%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.oem-odm .box ul li .below .txtbox .t3 span{
    display: inline-block;
    background-color: #ffffff;
    border-radius: 15px 0px 15px 0px;
    padding: 10px 20px;
}
/*partner portal*/
.partner-portal{
    padding-top: 85px;
}
.partner-portal .box{
    width: 100%;
    overflow: hidden;
}
.partner-portal .box .left{
    float: left;
    width: 415px;
    padding: 0px 28px;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: #ececec solid 1px;
}
.slider.adsorbent{
    position: fixed;
    top: 160px;
    z-index: 9;
}
.slider.adsorbent1{
    position: fixed;
    top: 120px;
    z-index: 9;
}
.marketing-resource .video-list .left.slider{
    height: -moz-calc(100% - 165px);
    height: -webkit-calc(100% - 165px);
    height: calc(100% - 165px);
    overflow: auto;
}
.tag-box .tit{
    margin-top: 30px;
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 22px;
    line-height: 50px;
    border-bottom: #ececec solid 1px;
}
.tag-box ul{
    margin-top: 28px;
    overflow: hidden;
}
.tag-box ul li{
    float: left;
    background-color: #f0f0f0;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 6px;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.tag-box ul li:hover, .tag-box ul li.on{
    background: url(../images/img102.png) center no-repeat;
    background-size: cover;
    box-shadow: 0px 2px 20px rgba(0,0,0,.2);
}
.tag-box ul li a{
    display: block;
    font-family: "Poppins-Light";
    color: #666666;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    min-width: 75px;
    padding: 0px 10px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.tag-box ul li:hover a, .tag-box ul li.on a{
    color: #FFFFFF;
}
.partner-portal .box .right{
    float: right;
    width: -moz-calc(100% - 450px);
    width: -webkit-calc(100% - 450px);
    width: calc(100% - 450px);
}
.partner-portal .box .right .ch-box{
    width: 100%;
    padding-bottom: 40px;
    border-bottom: #15367f solid 1px;
    border-bottom: 1px transparent solid;
    border-image: -webkit-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: -moz-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
}
.partner-portal .box .right .titbox{
    width: 100%;
    overflow: hidden;
    line-height: 60px;
}
.partner-portal .box .right .titbox .t1{
    float: left;
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 36px;
    text-transform: uppercase;
}
.partner-portal .box .right .titbox a{
    float: right;
    color: #e95754;
    font-size: 16px;
}
.partner-portal .box .right .ch-box .cont{
    margin-top: 25px;
}
.partner-portal .box .right .ch-box .cont ul li{
    float: left;
    width: 31.33%;
    margin-right: 3%;
    margin-bottom: 3%;
    border-radius: 15px;
    overflow: hidden;
    background-color: #f8f9fb;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.partner-portal .box .right .ch-box .cont ul li:nth-child(3n){
    margin-right: 0;
}
.partner-portal .box .right .ch-box .cont ul li:hover{
    box-shadow: 0px 1px 27px rgba(2,4,48,.43);
}
.partner-portal .box .right .ch-box .cont ul li .imgbox{
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.partner-portal .box .right .ch-box .cont ul li .imgbox img{
    width: 100%;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.partner-portal .box .right .ch-box .cont ul li:hover .imgbox img{
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.partner-portal .box .right .ch-box .cont ul li .txtbox{
    padding: 5.6% 7%;
    overflow: hidden;
}
.partner-portal .box .right .ch-box .cont ul li .txtbox .t1{
    color: #494949;
    font-size: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.partner-portal .box .right .ch-box .cont ul li:hover .txtbox .t1{
    color: #15367f;
}
.partner-portal .box .right .ch-box .cont ul li .txtbox .t2{
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 25px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.partner-portal .box .right .mark-box{
    width: 100%;
    padding-bottom: 0;
}
.markting-list.mark-box ul{
    margin-bottom: 0;
    margin-top: 30px;
}
.border-bot{
    border-bottom: #15367f solid 1px;
    border-bottom: 1px transparent solid;
    border-image: -webkit-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: -moz-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
}
/*Product Resource*/
.pr-box{
    width: 100%;
    overflow: hidden;
    margin-top: 50px;
}
.pr-box>ul{
    margin-top: 30px;
    margin-bottom: 20px;
}
.pr-box>ul>li{
    float: left;
    width: 30.66%;
    margin-right: 4%;
    margin-bottom: 4%;
}
.pr-box>ul>li:nth-child(3n){
    margin-right: 0;
}
.pr-box>ul>li a{
    display: block;
    width: 100%;
}
.pr-box ul li .imgbox{
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.pr-box ul li .imgbox img{
    max-width: 100%;
}
.pr-box ul li .txtbox{
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    padding: 0px 20px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pr-box ul li .txtbox .t1{
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 22px;
}
.pr-box ul li .txtbox .t2{
    color: #494949;
    font-size: 16px;
}
.pr-box ul li .txtbox .t2 span{
    display: inline-block;
}
.pr-box ul li:hover .t1{
    color: #15367f;
}
.pr-box ul li:hover .t2{
    color: #e95754;
}
.pr-box ul li:hover .t2 span{
    text-decoration: underline;
}
.pr-box ul li .txtbox ul{
    margin-top: 5px;
    min-height: 173px;
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.pr-box ul li .txtbox ul li{
    position: relative;
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 18px;
    line-height: 1.6;
    padding-left: 20px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pr-box ul li .txtbox ul li span{
    position: absolute;
    left: 4px;
    top: 10px;
    width: 4px;
    height: 4px;
    background-color: #494949;
    border-radius: 50%;
}
/*VERTICAL MARKET 解决方案1 solution1*/
.vm-box{
    width: 100%;
    /*overflow: hidden;*/
    margin-top: 50px;
    margin-bottom: 35px;
}
.solution .vm-box{
    margin-top: 0;
    margin-bottom: 0;
}
.vm-box ul{
    margin-top: 40px;
}
.solution .vm-box ul{
    margin-top: 0;
}
.vm-box ul li{
    float: left;
    width: 30.66%;
    margin-right: 4%;
    margin-bottom: 4%;
    border-radius: 10px;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.solution1 .vm-box ul li{
    width: 30%;
    margin-right: 5%;
    margin-bottom: 5%;
}
.solution2 .vm-box ul li{
    width: 24.25%;
    margin-right: 1%;
    margin-bottom: 5%;
    border-radius: 0;
}
.vm-box ul li:hover{
    box-shadow: 0px 1px 27px rgba(2,4,48,.43);
}
.vm-box ul li:nth-child(3n){
    margin-right: 0;
}
.solution2 .vm-box ul li:nth-child(3n){
    margin-right: 1%;
}
.solution2 .vm-box ul li:nth-child(4n){
    margin-right: 0;
}
.vm-box ul li a{
    position: relative;
    display: block;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.solution2 .vm-box ul li a{
    border-radius: 0;
}
.vm-box ul li .imgbox{
    width: 100%;
    overflow: hidden;
}
.vm-box ul li .imgbox img{
    width: 100%;
}
.vm-box ul li .mask{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(../images/img111.png) bottom center no-repeat;
    background-size: cover;
}
.vm-box ul li .txtbox{
    position: absolute;
    left: 0;
    bottom: -100%;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: url(../images/img112.png) center no-repeat;
    background-size: cover;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding: 40px 24px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.vm-box ul li:hover .txtbox{
    bottom: 0;
}
.solution1 .vm-box ul li .txtbox{
    padding: 40px 30px 0px;
}
.solution2 .vm-box ul li .txtbox{
    padding: 40px 20px 0px;
}
/*.vm-box ul li .txtbox .txtcon{
	position: absolute;
	top: 50%;
	left: 0;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	max-height: -moz-calc(100% - 90px);
	max-height: -webkit-calc(100% - 90px);
	max-height: calc(100% - 90px);
	padding-left: 20px;
	padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}*/
.vm-box ul li .com-btn{
    position: absolute;
    left: 24px;
    bottom: 50px;
}
/**/
.vm-box ul li .text, .vm-box ul li .txtbox .t1{
    font-family: "Poppins-Medium";
    color: #f8f8f8;
    font-size: 24px;
}
.solution1 .vm-box ul li .text, .solution1 .vm-box ul li .txtbox .t1{
    font-size: 30px;
}
.solution2 .vm-box ul li .text, .solution2 .vm-box ul li .txtbox .t1{
    font-size: 26px;
}
.solution .vm-box ul li .txtbox .t2{
    font-size: 18px;
}
.vm-box ul li .text{
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    z-index: 2;
    padding: 0px 24px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.vm-box ul li:hover .text{
    display: none;
}
.vm-box ul li .txtbox .t2{
    color: #ffffff;
    font-size: 16px;
    line-height: 2;
    word-break: break-word;
    margin-top: 15px;
    margin-bottom: 20px;
    /*min-height: 256px;*/
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
}
/*vertical Update*/
.vertical-update .vm-box{
    margin-top: 0;
}
.vertical-update .vm-box ul{
    margin-top: 0;
}
.vertical-update .vm-box ul li{
    width: 31.33%;
    margin-right: 3%;
    margin-bottom: 5.2%;
}
.vertical-update .vm-box ul li:nth-child(3n){
    margin-right: 0;
}
/*Program Information-Newland Discovery program-计划概览2*/
.discovery-program{
    padding-top: 75px;
}
.discovery-program .intro{
}
.discovery-program .intro .txtbox{
    color: #494949;
    font-size: 18px;
    line-height: 1.8;
    word-break: break-word;
    margin-top: 20px;
}
.discovery-program .intro .module{
    margin-top: 15px;
    padding-bottom: 40px;
}
.discovery-program .intro .module .tit{
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 18px;
}
.discovery-program .intro .module ul{
    margin-top: 20px;
}
.discovery-program .intro .module ul li{
    float: left;
    width: 23.65%;
    margin-right: 1.8%;
}
.discovery-program .intro .module ul li:nth-child(4n){
    margin-right: 0;
}
.discovery-program .intro .module ul li .img{
    width: 100%;
    overflow: hidden;
}
.discovery-program .intro .module ul li .img img{
    width: 100%;
}
.discovery-program .intro .module ul li .txt{
    margin-top: 10px;
}
.discovery-program .intro .module ul li .t1{
    color: #494949;
    font-size: 18px;
    min-height: 80px;
}
.discovery-program .intro .module ul li .t2{
    display: block;
    width: 100%;
    color: #e95754;
    font-size: 18px;
    text-decoration: underline;
    margin-top: 30px;
}
/**/
.o-principles{
    padding-top: 80px;
    padding-bottom: 40px;
}
.partner-program .o-principles{
    padding-bottom: 0;
}
.o-principles ul{
    margin-top: 20px;
}
.o-principles ul li{
    float: left;
    width: 23.125%;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.o-principles ul li:nth-child(4n){
    margin-right: 0;
}
.o-principles ul li:hover{
    background-color: #FFFFFF;
    box-shadow: 0px 1px 32px rgba(17,17,17,.17);
}
.o-principles ul li .imgtxt{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.o-principles ul li .imgtxt>img{
    width: 100%;
}
.o-principles ul li .imgtxt .txt{
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: url(../images/img130.png) center no-repeat;
    background-size: cover;
    color: #ffffff;
    font-size: 18px;
    word-break: break-word;
    line-height: 2;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.o-principles ul li:hover .imgtxt .txt{
    bottom: 0;
}
.o-principles ul li .iconbox{
    position: relative;
    margin-top: 15px;
    padding-left: 95px;
    padding-top: 10px;
    padding-bottom: 20px;
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 22px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.o-principles ul li .iconbox .icon{
    position: absolute;
    left: 6%;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.o-principles ul li .iconbox .icon::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/img125.png) center no-repeat;
    background-size: cover;
}
.o-principles ul li:hover .iconbox .icon::after{
    animation: rotation 1.5s 1;
    -ms-animation: rotation 1.5s 1;
    -moz-animation:rotation 1.5s 1;
    -webkit-animation:rotation 1.5s 1;
    -o-animation: rotation 1.5s 1;
}
.o-principles .iconbox .icon img{
    width: 72%;
}
@keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@-ms-keyframes rotation{
    0%{
        transform: rotate(0);
    }
    50%{
        transform:rotate(180deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@-o-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
/*Partner ecosystem*/
.con-partner{
    padding-top: 70px;
    padding-bottom: 70px
}
.con-partner.partner-b{
    background-color: #f6f6f6;
}
.con-partner.partner-c{
    padding-bottom: 100px;
}
.con-partner .content{
    margin-top: 40px;
    /*overflow: hidden;*/
}
.con-partner .content .txtbox{
    float: left;
    width: 56.25%;
}
.con-partner.partner-c .content .txtbox{
    float: none;
    max-width: 1380px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0px 4px 30px rgba(203,207,227,.51);
    background-color: #f9faff;
    border-radius: 30px;
}
.con-partner.partner-c .content .txtbox ul{
    max-width: 1090px;
    width: 92%;
    margin: 0 auto;
    text-align: left;
    padding: 70px 0px;
}
.con-partner .content .txtbox ul li{
    margin-bottom: 20px;
}
.con-partner .content .txtbox ul li .t1{
    position: relative;
    z-index: 1;
    padding-left: 10px;
    padding-right: 7.8%;
    font-family: "Poppins-Medium";
    font-size: 18px;
    color: #494949;
    /*line-height: 45px;*/
    padding-top: 8px;
    padding-bottom: 8px;
    padding-bottom: ;
    border-bottom: #dcdcdc solid 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.con-partner .content .txtbox ul li.on .t1{
    border-bottom: #e95754 solid 1px;
    color: #15367f;
}
.con-partner .content .txtbox ul li.on .t1::before{
    content: '';
    position: absolute;
    left: 35px;
    bottom: -1px;
    z-index: 2;
    width: 16px;
    height: 9px;
    background: url(../images/img134.png) center no-repeat;
    background-size: 16px 9px;
}
.con-partner .content .txtbox ul li.on .t1::after{
    content: '';
    position: absolute;
    left: 35px;
    bottom: -1px;
    width: 16px;
    height: 2px;
    background-color: #FFFFFF;
}
.con-partner .content .txtbox ul li.on .t1::after{
    background-color: #f6f6f6;
}
.con-partner .content .txtbox ul li .t1 .icon{
    position: absolute;
    right: 0;
    top: 0;
    width: 7.8%;
    height: 100%;
    background: url(../images/img132.png) center no-repeat;
}
.con-partner .txtbox ul li.on .t1 .icon{
    background: url(../images/img133.png) center no-repeat;
}
.con-partner .content .txtbox ul li .t2{
    display: none;
    color: #494949;
    font-size: 18px;
    line-height: 2;
    margin-top: 20px;
    padding: 0px 10px;
}
.con-partner .content .txtbox ul li .t2 a{
    display: inline-block;
    text-decoration: underline;
    color: #e95754;
}
.con-partner .content .imgbox{
    float: right;
    width: 41.25%;
}
.con-partner .content .imgbox img{
    width: 100%;
}
/**/
.con-partner .content .tab-tit{
    position: relative;
    max-width: 1325px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.con-partner .content .tab-tit .btn{
    border-radius: 27px;
    background-color: #f2f4f9;
    font-size: 16px;
    line-height: 54px;
    color: #7e899c;
    text-align: center;
    cursor: pointer;
}
.con-partner .content .tab-tit .btn img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    max-width: 16%;
}
.con-partner .content .tab-tit .btn .img2{
    display: none;
}
.con-partner .content .tab-tit .swiper-slide.active .btn .img2{
    display: inline-block;
}
.con-partner .content .tab-tit .swiper-slide.active .btn .img1{
    display: none;
}
.con-partner .content .tab-tit .line{
    width: 50px;
    height: 5px;
    position: absolute;
    left: calc(100% + 30px);
    top: 50%;
    margin-top: -2px;
    border-radius: 2px;
    overflow: hidden;
    /*background-image: url('../images/img136.png');
	background-size: 100% 100%;*/
}
.con-partner .content .tab-tit .line span{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin: 0px 1px;
    background-color: #b8bed1;
}
.con-partner .content .tab-tit .line span:after{
    opacity: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0px;
    height: 5px;
    border-radius: 50%;
    background-color: #15367f;
}
.con-partner .content .tab-tit .line span:first-child::after{
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.con-partner .content .tab-tit .line span:nth-child(2)::after{
    -webkit-transition: all 0.5s ease 0.5s;
    -moz-transition: all 0.5s ease 0.5s;
    -ms-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;
}
.con-partner .content .tab-tit .line span:nth-child(3)::after{
    -webkit-transition: all 0.5s ease 1s;
    -moz-transition: all 0.5s ease 1s;
    -ms-transition: all 0.5s ease 1s;
    transition: all 0.5s ease 1s;
}
.con-partner .content .tab-tit .line span:nth-child(4)::after{
    -webkit-transition: all 0.5s ease 1.5s;
    -moz-transition: all 0.5s ease 1.5s;
    -ms-transition: all 0.5s ease 1.5s;
    transition: all 0.5s ease 1.5s;
}
.con-partner .content .tab-tit .active .line span:after{
    opacity: 1;
    width: 5px;
}
.con-partner .tab-tit .swiper-slide.item.active .btn {
    background-image: url('../images/img137.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
/*.con-partner .tab-tit .swiper-slide.item .line::after {
    content: '';
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background-color: #15367f;
	background: url(../images/img136a.png) center no-repeat;
	background-size: 100% 100%;
}
.con-partner .tab-tit .swiper-slide.item.active .line::after {
    left: 0;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
}*/
.con-partner .tab-cont{
    text-align: center;
    margin-top: 45px;
    border-top: #dbdfea solid 1px;
    background: url(../images/img148.png) bottom center no-repeat;
    background-size: 100% auto;
}
.con-partner .tab-cont .cont{
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.con-partner .tab-cont .item {
    display: none;
}
.con-partner .tab-cont .item.active {
    display: block;
}
.con-partner .tab-cont .para{
    position: relative;
    padding: 40px 100px;
    display: inline-block;
}
.con-partner .tab-cont .item.active .para{
    opacity: 0;
    -webkit-animation: p-ani-5 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -moz-animation: p-ani-5 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -ms-animation: p-ani-5 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: p-ani-5 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.con-partner .tab-cont .para:before, .con-partner .tab-cont .para:after {
    content: '';
    width: 27px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}
.con-partner .tab-cont .para:before {
    top: 24px;
    left: 0;
    background-image: url(../images/img146.png);
}
.con-partner .tab-cont .para:after {
    right: 0;
    bottom: 24px;
    background-image: url(../images/img147.png);
}
.con-partner .tab-cont .para p{
    font-family: "Poppins-Medium";
    font-size: 18px;
    line-height: 2;
    color: #494949;
}
.con-partner .tab-cont .foldbox1{
    position: relative;
    opacity: 0;
    -webkit-animation: p-ani-5 0.7s 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -moz-animation: p-ani-5 0.7s 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -ms-animation: p-ani-5 0.7s 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: p-ani-5 0.7s 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes p-ani-5{
    0% {
        opacity: 0;
        transform:translateY(100px);
    }
    100% {
        opacity: 1;
    transform(translateY(0));
    }
}
@-o-keyframes p-ani-5{
    0% {
        opacity: 0;
        transform:translateY(100px);
    }
    100% {
        opacity: 1;
        transform:translateY(0);
    }
}
@-moz-keyframes p-ani-5{
    0% {
        opacity: 0;
        transform:translateY(100px);
    }
    100% {
        opacity: 1;
        transform:translateY(0);
    }
}
@-webkit-keyframes p-ani-5{
    0% {
        opacity: 0;
        transform:translateY(100px);
    }
    100% {
        opacity: 1;
        transform:translateY(0);
    }
}
/*Newland AIDC Discovery Program Guidebook*/
.guidebook{
    padding: 6.7% 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.guidebook .box .cont{
    max-width: 700px;
    width: 100%;
    background: rgba(49,49,49,.9);
    padding: 6.25% 4%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.guidebook .box .txt{
    font-family: "Poppins-Medium";
    color: #ffffff;
    font-size: 30px;
    margin-bottom: 50px;
    line-height: 1.8;
}
/*WHY NEWLAND NDEVOR*/
.whydiv{
    padding-top: 100px;
}
.whydiv .box .contli{
    margin-top: 65px;
    overflow: hidden;
}
.whydiv .box .cont .imgbox{
    /*float: left;*/
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    overflow: hidden;
    text-align: right;
}
.whydiv .box .cont .txtbox{
    /*float: left;*/
    display: inline-block;
    vertical-align: middle;
    width: 68%;
    padding-left: 7.5%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.whydiv .box .contli:nth-child(even) .imgbox{
    float: right;
    text-align: left;
}
.whydiv .box .contli:nth-child(even) .txtbox{
    padding-left: 0;
    padding-right: 7.5%;
}
/*NDEVOR*/
.ndevor{
    padding-top: 80px;
    padding-bottom: 80px;
}
.box-top{
    margin-top: 70px;
    text-align: center;
}
.ndevor .ndevor-tab{
    display: inline-block;
    border-bottom: 1px solid #8296bf;
}
.ndevor .ndevor-tab .item{
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    color: #494949;
    padding: 0 20px 20px;
    margin-right: 40px;
    position: relative;
    cursor: pointer;
}
.ndevor .ndevor-tab .item:last-child{
    margin-right: 0;
}
.ndevor .ndevor-tab .item.on {
    color: #15367f;
}
.ndevor .ndevor-tab .item.on::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #15367f;
}
.ndevor .ndevor-list{
    margin-top: 65px;
}
.ndevor .column {
    display: none;
}

.ndevor .column.on {
    display: block;
}

.ndevor .video-box {
    position: relative;
    font-size: 0;
    text-align: center;
}

.ndevor .play-area {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.ndevor .l-video {
    margin: 0 33px;
    max-width: 67%;
}
.ndevor .r-video {
    margin: 13px 33px 0;
    max-width: 19%;
}

.ndevor .video-wrap {
    position: absolute;
}

.ndevor .video1 {
    /* top: 32px;
    left: 124px; */
    top: 6.33%;
    left: 13.8%;
    width: 73.49%;
    height: 81.58%;
}

.ndevor .video1 video {
    /* width: 660px;
	height: 412px; */
    width: 100%;
    height: 100%;
    object-fit: fill
}

.ndevor .video1 img {
    /* width: 660px;
	height: 412px; */
}

.ndevor .video1 img {
    /* width: 660px;
	height: 412px; */
}
.ndevor .video2 {
    /* top: 41px;
	left: 21px; */
    top: 7.99%;
    left: 8.2%;
    height: 73.29%;
    width: 83.9%;
}
.ndevor .video2 video {
    /* width: 214px;
	height: 376px; */
    width: 100%;
    height: 100%;
    object-fit: fill
}
.ndevor .video2 img {
    /* width: 214px;
	height: 376px; */
}
/*Ndevor works with your Newland devices like
no other Device Management Software can.*/
.works{
    padding-top: 80px;
    padding-bottom: 55px;
}
.works .i-title{
    max-width: 990px;
    width: 100%;
    margin: 0 auto;
}
.works .content{
    margin-top: -70px;
    background: url(../images/img163.png) center no-repeat;
}
.works .content .cont{
    width: 56%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}
.works .content .cont img.line, .works .content .cont img.txt {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.works .content .cont img.bg {
    display: block;
    width: 100%;
}
.works .content .cont img.line {
    z-index: 1;
    -webkit-animation: p-ani-2 8s linear infinite;
    -moz-animation: p-ani-2 8s linear infinite;
    -ms-animation: p-ani-2 8s linear infinite;
    animation: p-ani-2 8s linear infinite;
}
.works .content .cont img.txt {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    z-index: 2;
}
.works .content .cont .dot{
    position: absolute;
    z-index: 3;
}
.works .content .cont .dot:nth-of-type(1) {
    top: 43%;
    left: 8.2%;
}
.works .content .cont .dot:nth-of-type(2) {
    top: 62%;
    left: 25.3%;
}
.works .content .cont .dot:nth-of-type(3) {
    top: 17%;
    left: 38%;
}
.works .content .cont .dot:nth-of-type(4) {
    top: 26.5%;
    left: 72%;
}
.works .content .cont .dot:nth-of-type(5) {
    top: 49%;
    left: 68%;
}
.works .content .cont .dot:nth-of-type(6) {
    top: 49%;
    left: 88%;
}
.works .content .cont .dot:nth-of-type(7) {
    top: 72%;
    left: 66%;
}
.works .content .cont .dot.active {
    z-index: 5;
}
.works .content .cont .dot .icon {
    position: relative;
    z-index: 10;
    border-radius: 50%;
    cursor: pointer;
    /*box-shadow: 0 10px 30px rgba(60, 143, 255, 0.3);*/
    background-image: -moz-linear-gradient(135deg, #2484c6, #32307d);
    background-image: -webkit-linear-gradient(135deg, #2484c6, #32307d);
    background-image: linear-gradient(135deg, #2484c6, #32307d);
}
.works .content .cont .dot:nth-of-type(1) .icon {
    width: 60px;
    height: 60px;
}
.works .content .cont .dot:nth-of-type(2) .icon {
    width: 72px;
    height: 72px;
}
.works .content .cont .dot:nth-of-type(3) .icon {
    width: 48px;
    height: 48px;
}
.works .content .cont .dot:nth-of-type(4) .icon {
    width: 72px;
    height: 72px;
}
.works .content .cont .dot:nth-of-type(5) .icon {
    width: 42px;
    height: 42px;
}
.works .content .cont .dot:nth-of-type(6) .icon {
    width: 60px;
    height: 60px;
}
.works .content .cont .dot:nth-of-type(7) .icon {
    width: 60px;
    height: 60px;
}
.works .content .cont .dot .icon:before{
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.works .content .cont .dot:nth-of-type(1) .icon:before {
    background-image: url(../images/img165.png);
}
.works .content .cont .dot:nth-of-type(2) .icon:before {
    background-image: url(../images/img166.png);
}
.works .content .cont .dot:nth-of-type(3) .icon:before {
    background-image: url(../images/img167.png);
}
.works .content .cont .dot:nth-of-type(4) .icon:before {
    background-image: url(../images/img168.png);
}
.works .content .cont .dot:nth-of-type(5) .icon:before {
    background-image: url(../images/img169.png);
}
.works .content .cont .dot:nth-of-type(6) .icon:before {
    background-image: url(../images/img170.png);
}
.works .content .cont .dot:nth-of-type(7) .icon:before {
    background-image: url(../images/img171.png);
}
.works .content .cont .dot span {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 10px;
    text-align: center;
    font-family: "Poppins-Medium";
    font-size: 18px;
    line-height: 18px;
    color: #15367f;
    white-space: nowrap;
}
.works .content .cont .dot .hide {
    position: absolute;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.works .content .cont .dot .hide:after {
    content: '';
    position: absolute;
    z-index: 5;
    width: 203px;
    height: 90px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/img164.png);
}
.works .content .cont .dot:nth-of-type(1) .hide:after {
    left: 120px;
    bottom: 0;
}
.works .content .cont .dot:nth-of-type(2) .hide:after {
    left: 180px;
    bottom: 0;
}
.works .content .cont .dot:nth-of-type(3) .hide:after {
    top: 0;
    left: 320px;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.works .content .cont .dot:nth-of-type(4) .hide:after {
    top: 0;
    right: 120px;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    -moz-transform: rotateX(180deg) rotateY(180deg);
    -ms-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);
}
.works .content .cont .dot:nth-of-type(5) .hide:after {
    top: 0;
    right: 120px;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    -moz-transform: rotateX(180deg) rotateY(180deg);
    -ms-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);
}
.works .content .cont .dot:nth-of-type(6) .hide:after {
    top: 0;
    right: 120px;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    -moz-transform: rotateX(180deg) rotateY(180deg);
    -ms-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);
}
.works .content .cont .dot:nth-of-type(7) .hide:after {
    bottom: 0;
    right: 180px;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.works .content .cont .dot.active .hide {
    opacity: 1;
    visibility: visible;
}
.works .content .cont .dot:nth-of-type(1) .hide {
    padding-bottom: 62px;
    left: -323px;
    bottom: 30px;
}
.works .content .cont .dot:nth-of-type(2) .hide {
    padding-bottom: 62px;
    left: -383px;
    bottom: 36px;
}
.works .content .cont .dot:nth-of-type(3) .hide {
    padding-top: 62px;
    left: -523px;
    top: 24px;
}
.works .content .cont .dot:nth-of-type(4) .hide {
    padding-top: 62px;
    right: -323px;
    top: 36px;
}
.works .content .cont .dot:nth-of-type(5) .hide {
    padding-top: 62px;
    right: -323px;
    top: 21px;
}
.works .content .cont .dot:nth-of-type(6) .hide {
    padding-top: 62px;
    right: -323px;
    top: 30px;
}
.works .content .cont .dot:nth-of-type(7) .hide {
    padding-bottom: 62px;
    right: -383px;
    bottom: 30px;
}
.works .content .cont .dot .hide .box {
    position: relative;
    border:1px solid #5195ca;
    border-image: -webkit-linear-gradient(#6eb0db , #5a67a2 , #5b619d)1 1 1;
    　　	border-image: -moz-linear-gradient(#6eb0db , #5a67a2 , #5b619d)1 1 1;
    　　	border-image: linear-gradient(#6eb0db , #5a67a2 , #5b619d)1 1 1;
    border-radius: 20px;
    overflow: hidden;
}
.works .content .cont .dot .hide .info {
    width: 460px;
}
/*.works .content .cont .dot .hide .info:before {
    content: '';
    width: 100%;
    height: 25px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/newproduct/img-7.png);
    background-size: 100% 100%;
}
.works .content .cont .dot .hide .info:after {
    content: '';
    width: 100%;
    height: 31px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/newproduct/img-8.png);
    background-size: 100% 100%;
}*/
.works .content .cont .dot .hide .txt {
    /* background-color: #ebf3ff;
   border-left: 1px solid #3b92ff;
    border-right: 1px solid #3b92ff;*/
    padding: 24px 35px;
    background-color: #f6fbff;
    color: #494949;
    font-size: 18px;
}
/*.works .content .cont .dot .hide h3 {
    font-size: 24px;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #4277ff, #32b5ff);
}*/
@keyframes p-ani-2{
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(360deg);
    }
}
.works .btnbox{
    position: relative;
    z-index: 10;
    text-align: center;
}
.works .btnbox a{
    position: relative;
    min-width: 270px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 28px;
    height: 50px;
    line-height: 50px;
    font-family: "Poppins-Light";
    font-size: 14px;
    color: #15367f;
    padding: 18px;
    padding: 0px 28px;
    border-radius: 18px 0px 18px 0px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.works .btnbox a{
    background: url(../images/img175.png) center no-repeat;
    background-size: 100% 100%;
}
.works .btnbox a:hover, .works .btnbox a.on{
    color: #FFFFFF;
    background: url(../images/img174.jpg) center no-repeat;
    background-size: cover;
}
.works .btnbox a i{
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 50px;
    margin-left: 10px;
    background: url(../images/img172.png) center no-repeat;
    background-size: 5px 8px;
}
.works .btnbox a:hover i, .works .btnbox a.on i{
    background: url(../images/img173.png) center no-repeat;
    background-size: 5px 8px;
}
/*.works .btnbox a.a1, .works .btnbox a.a2:hover{
	color: #15367f;
	background: url(../images/img175.png) center no-repeat;
	background-size: 100% 100%;
}
.works .btnbox a.a1:hover, .works .btnbox a.a2{
	color: #FFFFFF;
	background: url(../images/img174.jpg) center no-repeat;
	background-size: cover;
}
.works .btnbox a i{
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 50px;
	margin-left: 10px;
}
.works .btnbox a.a1 i, .works .btnbox a.a2:hover i{
	background: url(../images/img172.png) center no-repeat;
	background-size: 5px 8px;
}
.works .btnbox a.a1:hover i, .works .btnbox a.a2 i{
	background: url(../images/img173.png) center no-repeat;
	background-size: 5px 8px;
}*/



/*AVAILABILITY*/
/*utility-software-product-software-page1、2和standard-page.html 共用*/
.availability{
    padding-top: 70px;
    padding-bottom: 80px;
}
.availability .content{
    margin: 70px auto 0px;
    max-width: 1240px;
    width: 100%;
}
.avaibox{
    position: relative;
    padding: 0 4%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.available{
    position: relative;
    max-width: 1060px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 60px;
}
.avaibox .swiper-slide{
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}

@media screen and (max-width: 668px) {
    .avaibox .swiper-slide {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }
}

.avaibox .swiper-slide-active, .avaibox .swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}

@media screen and (max-width: 668px) {
    .available .swiper-slide-active, .availability .available .swiper-slide-duplicate-active {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }
}

.avaibox .avail-div{
    width: 100%;
    text-align: center;
}
.avaibox .avail-div .imgbox{
    width: 100%;
    overflow: hidden;
}
.avaibox .avail-div .imgbox img{
    max-width: 100%;
}
.avaibox .avail-div .txtbox{
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
}
.avaibox .avail-div .txtbox .t1{
    font-family: "Poppins-SemiBold";
    font-size: 20px;
    color: #333333;
}
.avaibox .avail-div .txtbox .t2{
    color: #333333;
    font-size: 18px;
}
.avaibox .swiper-button-next, .avaibox .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 62px;
    height: 62px;
    margin-top: -31px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 62px 62px;
    -webkit-background-size: 62px 62px;
    background-size: 62px 62px;
    background-position: center;
    background-repeat: no-repeat;
}
.avaibox .swiper-button-prev, .avaibox .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img176.png);
    left: 0;
    right: auto;
}
.avaibox .swiper-button-next, .avaibox .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img177.png);
    right: 0;
    left: auto;
}
.avaibox .swiper-container-horizontal>.swiper-scrollbar{
    width: 73.5%;
    left: 13.25%;
    z-index: 5;
}
.avaibox .swiper-scrollbar-drag{
    position: relative;
    overflow: hidden;
}
.avaibox .swiper-container-horizontal>.swiper-scrollbar{
    height: 4px;
}
.avaibox .swiper-scrollbar-drag::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff000;
    background-image: -webkit-linear-gradient(left, #16367f , #7d466a , #e85754);
    　　	background-image: -moz-linear-gradient(left, #16367f , #7d466a , #e85754);
    　　	background-image: linear-gradient(left, #16367f , #7d466a , #e85754);
}
/**/
/*filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#1edf17,endColorStr=#5d83ff);
background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#1edf17), to(#0000ff));
background: -webkit-linear-gradient(left, #1edf17, #1edf17, #3ceded, #5d83ff);
background: -o-linear-gradient(left,#1edf17, #1edf17, #3ceded, #5d83ff);
background: -moz-linear-gradient(left,#1edf17, #1edf17, #3ceded, #5d83ff);
background: -ms-linear-gradient(left,#1edf17, #1edf17, #3ceded, #5d83ff);*/

/*DOWNLOAD*/
.us-download{
    padding-top: 90px;
    padding-bottom: 110px;
}
.us-download .content{
    margin-top: 60px;
}
.us-download .content ul{
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}
.us-download .content ul li{
    float: left;
    width: 25.33%;
    margin: 0 4%;
    text-align: center;
    border-radius: 10px;
    border: #e5e5e5 solid 1px;
    padding: 35px 20px 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.us-download .content ul li:hover{
    box-shadow: 0px 2px 21px rgba(33,33,33,0.13);
}
/*.us-download .content ul li a{
	display: block;
	width: 100%;
}*/
/*utility-software-product-software-page1、2和standard-page.html 共用*/
.ptxt li .t1{
    font-family: "Poppins-Medium";
    color: #1b2077;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ptxt li .t2{
    font-family: "Poppins-Light";
    color: #666666;
    font-size: 16px;
    margin-top: 15px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ptxt li .t3 a{
    display: inline-block;
    margin-top: 30px;
    max-width: 180px;
    width: 56%;
    height: 40px;
    line-height: 40px;
    border: #1b2077 solid 1px;
    border-radius: 20px;
    font-family: "Poppins-Light";
    color: #1b2077;
    font-size: 14px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.ptxt li:hover .t3 a{
    color: #FFFFFF;
    border: none;
    background: url(../images/img180.png) center no-repeat
}
/*图文*/
.image-text{
    margin-top: 80px;
}
.image-text .tuwen{
    position: relative;
}
.image-text .tuwen .t1{
    font-family: "Poppins-SemiBold";
    color: #333333;
    font-size: 45px;
    word-break: break-word;
}
.image-text .tuwen .t2{
    color: #333333;
    font-size: 26px;
    line-height: 2;
    word-break: break-word;
}
.image-text .tuwen .t3{
    font-family: "Poppins-Medium";
    color: #333333;
    font-size: 22px;
}
.image-text .tuwen.white .t1, .image-text .tuwen.white .t2, .image-text .tuwen.white .t3{
    color: #FFFFFF;
}
.image-text .tuwen .iconzi{
    margin-top: 40px;
}
/**/
.image-text .tuwen1{
    padding-top: 4.5%;
    background-color: #f2f8fb;
}
.image-text .tuwen1 .txtbox{
    position: absolute;
    right: 5%;
    top: 14%;
    width: 43%;
}
.image-text .tuwen .iconzi ul li{
    display: inline-block;
    margin-right: 4%;
}
/**/
.image-text .tuwen2{
    padding-top: 4.5%;
    padding-bottom: 4.5%;
    min-height: 850px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.image-text .tuwen2 .txtbox{
    position: absolute;
    right: 5%;
    top: 50%;
    width: 43%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.image-text .tuwen2 .txtbox .t2{
    margin-top: 20px;
}
/**/
.image-text .tuwen3{
    padding-top: 4.5%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.image-text .tuwen.tuwen3 .t2{
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
}
.image-text .tuwen3 .imgbox{
    text-align: center;
}
.image-text .tuwen3 .imgbox img{
    max-width: 64%;
}
/**/
.image-text .tuwen4{
    /* padding-top: 5.5%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.image-text .tuwen4 .box{
    position: relative;
    padding-top: 5.5%;
}
.image-text .tuwen4 .box .txtbox{
    position: absolute;
    left: 0;
    top: 50%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60%;
}
.image-text .tuwen4 .box .imgbox{
    float: right;
    width: 40%;
    overflow: hidden;
}
.image-text .tuwen4 .iconzi ul li img{
    max-width: 35%;
}
/**/
.image-text .tuwen5{
    padding-top: 4.5%;
    background-color: #e8f0f5;
    text-align: center;
}
.image-text .tuwen.tuwen5 .t2{
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
}
.image-text .tuwen.tuwen5 .imgbox{
    text-align: center;
    margin-top: 60px;
}
.image-text .tuwen.tuwen5 .imgbox ul li{
    float: left;
    width: 50%;
}
.image-text .tuwen.tuwen5 .imgbox ul li .img{
    margin-top: 30px;
}
.image-text .tuwen.tuwen5 .imgbox ul li .liimg1 img{
    max-width: 50%;
}
.image-text .tuwen.tuwen5 .imgbox ul li .liimg2 img{
    max-width: 75%;
}
/*wiki*/
.wiki{
}
.wiki-box{
    padding-top: 70px;
    padding-bottom: 80px;
    background-color: #f8f8f8;
}
.wiki-box .wk-select .wk-select-ul{
    float: left;
    width: 80%;
}
.wiki-box .wk-select .wk-select-ul .wk-select-li{
    float: left;
    width: 23.2%;
    margin-right: 1.8%;
    background-color: #efefef;
}
.wiki-box .wk-select .wk-select-ul .wk-select-li select{
    width: 100%;
    border-radius: 10px;
    border: none;
    outline: none;
    line-height: 60px;
    height: 60px;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 35px;
    background: url(../images/img189.png) center right 15px no-repeat;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.wiki-box .wk-select .wk-search{
    float: right;
    width: 17.86%;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: #efefef solid 1px;
}
.wiki-box .wk-select .wk-search .entry{
    float: left;
    width: 72%;
    padding-left: 20px;
    padding-right: 10px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wiki-box .wk-select .wk-search .entry input{
    width: 100%;
    overflow: hidden;
    line-height: 60px;
    height: 60px;
    color: #494949;
    font-size: 18px;
    background: none;
    border: none;
    outline: none;
}
.wiki-box .wk-select .wk-search .entry ::-webkit-input-placeholder {
    color: #969696;
}
.wiki-box .wk-select .wk-search .entry :-moz-placeholder {
    color: #969696;
}
.wiki-box .wk-select .wk-search .entry ::-moz-placeholder {
    color: #969696;
}
.wiki-box .wk-select .wk-search .entry :-ms-input-placeholder {
    color: #969696;
}
.wiki-box .wk-select .wk-search .btn{
    float: left;
    width: 28%;
    height: 58px;
    line-height: 58px;
}
.wiki-box .wk-select .wk-search .btn input{
    background: none;
    border: none;
    outline: none;
    width: 100%;
    height: 58px;
    line-height: 58px;
    background: url(../images/img190.png) center no-repeat;
    background-size:  24px 24px;
}
.wiki .wiki-box .content.mar-t{
    margin-top: 60px;
}
.wiki .wiki-box .left{
    float: left;
    width: 64.3%;
    /*overflow: hidden;*/
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wiki .wiki-box .right{
    float: right;
    width: 415px;
    padding: 0px 28px;
    background-color: #ffffff;
    overflow: hidden;
    min-height: 480px;
    border: #ececec solid 1px;
    padding-bottom: 20px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wiki .wk-list ul{
    margin-bottom: 70px;
}
.wiki .wk-list ul li{
    margin-bottom: 40px;
    padding: 30px 60px 30px 40px;
    background-color: #ffffff;
    border: #ececec solid 1px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.wiki .wk-list ul li:hover{
    box-shadow: 1px 0px 29px rgba(24,24,24,.19);
}
.wiki .wk-list ul li .t1, .wk-detail-title .t1{
    font-size: 20px;
    margin-bottom: 10px;
}
.wiki .wk-list ul li .t1 a{
    color: #494949;
}
.wiki .wk-list ul li:hover .t1 a, .wk-detail-title .t1{
    color: #15367f;
}
.wiki .wk-list ul li .t2, .wk-detail-title .t2{
    font-family: "Poppins-Light";
    font-size: 16px;
    margin-bottom: 15px;
}
.wk-detail-title .t2{
    color: #494949;
}
.wiki .wk-list ul li .t2 a, .wiki .wk-list ul li .t2 span{
    display: inline-block;
    color: #494949;
}
.wiki .wk-list ul li .t2 a{
    margin-right: 30px;
}
.wiki .wk-list ul li:hover .t2 a{
    color: #15367f;
}
.wiki .wk-list ul li .t3{
    padding-top: 20px;
    border-top: #e5e5e5 dotted 1px;
    font-size: 16px;
    margin-bottom: 30px;
}
.wiki .wk-list ul li .t3 a{
    display: block;
    width: 100%;
    color: #494949;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.wiki .wk-list ul li .t4{
}
.wiki .wk-list ul li .t4 .tags, .wk-detail-title .t3 .tags{
    float: left;
    max-width: 55%;
    font-size: 14px;
    font-family: "Poppins-Light";
}
.wiki .wk-list ul li .t4 .tags a, .wk-detail-title .t3 .tags a{
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    text-align: center;
    background-color: #f0f0f0;
    color: #666666;
    line-height: 30px;
    min-width: 75px;
    border-radius: 6px;
    padding: 0px 10px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.wiki .wk-list ul li .t4 a:hover, .wk-detail-title .t3 a:hover{
    color: #ffffff;
    background: url(../images/img102.png) center no-repeat;
    background-size: cover;
    box-shadow: 0px 2px 20px rgba(0,0,0,.2);
}
.wiki .wk-list ul li .t4 .infor, .wk-detail-title .t3 .infor{
    float: right;
    max-width: 40%;
    font-family: "Poppins-Light";
    color: #666666;
    font-size: 16px;
}
.wiki .wk-list ul li .t4 .infor span, .wk-detail-title .t3 .infor span{
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.wiki .wk-list ul li .t4 .infor span img, .wk-detail-title .t3 .infor span img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
/*service support */
.wk-support{
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #f9fafe;
}
.wk-support.bgcolor3{
    background-color: #FFFFFF;
}
.wk-support ul{
    margin-top: 50px;
}
.wk-support ul li{
    position: relative;
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: #dfdfdf solid 1px;
    border-left: none;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.wk-support ul li:nth-child(3n){
    margin-right: 0;
}
.wk-support ul li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background-image: -webkit-linear-gradient(top, #16367f , #7d466a , #e85754);
    　　	background-image: -moz-linear-gradient(top, #16367f , #7d466a , #e85754);
    　　	background-image: linear-gradient(top, #16367f , #7d466a , #e85754);
}
.wk-support ul li:hover{
    box-shadow: 0px 1px 20px rgba(24,24,24,.09);
}
.wk-support ul li a{
    display: block;
    width: 100%;
    text-align: center;
    padding: 30px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wk-support ul li .icon{
    width: 100%;
    overflow: hidden;
}
.wk-support ul li .icon img{
    width: 34px;
    height: 34px;
}
.wk-support ul li .t1{
    margin-top: 15px;
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 22px;
    text-transform: uppercase;
    word-break: break-word;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.wk-support ul li:hover .t1{
    color: #15367f;
}
.wk-support ul li .t2{
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 18px;
    text-transform: uppercase;
    word-break: break-word;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.wk-support ul li:hover .t2{
    color: #15367f;
}
/*详情*/
.wiki .wk-detail{
    padding: 4.3% 7.2% 4.3% 5.6%;
    border: #ececec solid 1px;
    background: #ffffff;
}
.wk-detail-title{
    padding-bottom: 10px;
    border-bottom: #604270 solid 1px;
    border-bottom: 1px transparent solid;
    border-image: -webkit-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: -moz-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
}
.wk-detail-title .t3{
    margin-top: 25px;
}
.wk-detail-title .t3 .tags{
    float: left;
    max-width: 435px;
    width: 56%;
}
.wk-detail-title .t3 .tags .cont{
    float: left;
    /*height: 40px;
	overflow: hidden;*/
    width: -moz-calc(100% - 75px);
    width: -webkit-calc(100% - 75px);
    width: calc(100% - 75px);
}
.wk-detail-title .t3 .tags .cont a{
    margin-bottom: 10px;
}
.wk-detail-title .t3 .tags .tags-icon{
    float: right;
    width: 75px;
    border-radius: 6px;
    text-align: center;
    background-color: #f0f0f0;
    color: #666666;
    line-height: 30px;
    cursor: pointer;
}
.wk-detail-title .t3 .tags .tags-icon img{
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}
.wk-detail-box{
    position: relative;
    padding-top: 25px;
    padding-bottom: 50px;
    margin-bottom: 20px;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 16px;
    border-bottom: #604270 solid 1px;
    border-bottom: 1px transparent solid;
    border-image: -webkit-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: -moz-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
}
.wk-detail-box a{
    color: #15367f;
    text-decoration: underline;
}
.wk-detail-box::before{
    content: 'END';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
    width: 115px;
    text-align: center;
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 22px;
    background-color: #FFFFFF;
}
/**/
.all-comments{
    margin-top: 45px;
}
.all-comments .tit{
    color: #494949;
    font-size: 20px;
}
.all-comments form{
    margin-top: 15px;
}
.all-comments .text-area{
    width: 100%;
    height: 120px;
    background-color: #f4f4f4;
    border: #cccccc solid 1px;
    border-radius: 5px;
    padding: 15px 20px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.all-comments .text-area textarea{
    width: 100%;
    height: 100%;
    resize:none;
    outline: none;
    border: none;
    background: none;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 16px;
}
.all-comments .text-area ::-webkit-input-placeholder {
    color: #949494;
}
.all-comments .text-area :-moz-placeholder {
    color: #949494;
}
.all-comments .text-area ::-moz-placeholder{
    color: #949494;
}
.all-comments .text-area :-ms-input-placeholder {
    color: #949494;
}
.all-comments .text-btn{
    margin-top: 30px;
    max-width: 115px;
    border-radius: 20px 0px 20px 0px;
    background: url(../images/img198.png) center no-repeat;
    background-size: cover;
    overflow: hidden;
}
.all-comments .text-btn input{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-family: "Poppins-Light";
    color: #FFFFFF;
    font-size: 14px;
    background: none;
    outline: none;
    border: none;
}
.all-comments .comment-list{
    margin-top: 45px;
}
.all-comments .comment-list ul{
    margin-bottom: 55px;
}
.all-comments .comment-list ul li{
    width: 100%;
}
.all-comments .comment-list ul li .ask{
    padding: 30px 0px 25px;
    border-top: #f1f1f1 solid 1px;
}
.all-comments .comment-list ul li .ask:last-child{
    border-bottom: #f1f1f1 solid 1px;
}
.all-comments .comment-list ul li .t1{
    /*position: relative;
	padding-left: 85px;*/
    color: #494949;
    font-size: 18px;
    line-height: 1.8;
    overflow: hidden;
}
.all-comments .comment-list ul li .t1 .sp{
    /*position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 85px;*/
    float: left;
    color: #15367f;
    font-size: 18px;
    line-height: 1.8;
    /*margin-right: 10px;*/
}
.all-comments .comment-list ul li .t1 .ws1{
    /*display: inline-block;
	vertical-align: middle;*/
    float: left;
    width: 12%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.all-comments .comment-list ul li .t1 .ws2{
    /*display: inline-block;
	vertical-align: middle;*/
    float: left;
    width: 88%;
    margin-top: 10px;
}
.all-comments .comment-list ul li .t1 .ws1 .icon{
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50px;
    margin-bottom: 5px;
}
.all-comments .comment-list ul li .t1 .ws1 .sp{
    float: none;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.all-comments .comment-list ul li .t2{
    color: #494949;
    font-size: 16px;
    line-height: 1.8;
    margin-top: 10px;
}
.all-comments .comment-list ul li ul{
    position: relative;
    background-color: #f4f4f4;
    padding: 20px 30px;
    border-radius: 5px;
}
.all-comments .comment-list ul li ul::before{
    content: '';
    position: absolute;
    left: 40px;
    top: -15px;
    width: 29px;
    height: 17px;
    background: url(../images/img199.png) center no-repeat;
    background-size: 29px 17px;
}
.all-comments .comment-list ul li ul li .t1{
    padding-left: 0;
}
.all-comments .comment-list ul li ul li .t1 .sp1{
    float: left;
    color: #15367f;
    font-size: 18px;
    line-height: 1.8;
    margin-right: 10px;
}
.all-comments .comment-list ul li ul li .t2{
    color: #494949;
    font-size: 16px;
    line-height: 1.8;
    margin-top: 10px;
}
/*标准页面*/
.standard {
    padding-top: 100px;
}

.standard .left{
    position: relative;
    float: left;
    width: 48.75%
}
.standard .left .markbox{
    position: absolute;
    right: 0;
    top: 20px;
    display: inline-block;
    width: 210px;
    height: 210px;
    border-radius: 40px 0px 40px 0px;
    background: url(../images/img228.jpg) center no-repeat;
    background-size: cover;
    display: table;
    z-index: 10;
}
.standard .left .markbox .mark-txt{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.standard .left .markbox .mark-txt .t1{
    font-family: "Poppins-SemiBold";
    color: #ffffff;
    font-size: 34px;
}
.standard .left .markbox .mark-txt .t2{
    color: #ffffff;
    font-size: 19px;
}


.pc-slide {
    position: relative;
    max-width: 700px;
    width: 100%;
    /*padding: 0px 40px;*/
    border-radius: 0px 0px 70px 0px;
    background-color: #f6f6f6;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.view .box {
    display: none;
}

.view .box.on {
    display: block;
}

.view,
.preview {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.view .swiper-container {
    position: relative;
    width: 100%;
}

.view .bigimg {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.view .bigimg img {
    max-width: 100%;
}

.view .banner-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/*.pc-slide .gallery-top .banner-video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}*/
/* .pc-slide .arrow-left {
	background: url(../images/img85.png) no-repeat left top;
	background-size: 60px 60px;
	position: absolute;
	left: 0;
	top: 38%;
	width: 60px;
	height: 60px;
	z-index: 10;
}
.pc-slide .arrow-right{
	background: url(../images/img87.png) no-repeat left bottom;
	background-size: 60px 60px;
	position: absolute;
	right: 0;
	top: 38%;
	width: 60px;
	height: 60px;
	z-index: 10;
} */
.preview {
    width: 100%;
    position: relative;
    padding: 0 10%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.preview .swiper-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0px;
}

.preview .swiper-slide .smallimg {
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
    text-align: center;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.preview .swiper-slide.active-nav .smallimg,
.preview .gallery-thumbs .swiper-slide.swiper-slide-active .smallimg {
    box-shadow: 0px 0px 16px rgba(170, 170, 170, .34);
}

.swiper1 .swiper-slide-active{
    box-shadow: 0px 0px 16px rgba(170, 170, 170, .34);
}

.preview .swiper-slide .smallimg.s-video {
    position: relative;
}

.preview .swiper-slide .smallimg.s-video img {
    opacity: 0.5;
}

.preview .swiper-slide .smallimg.s-video .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/img215.png) center no-repeat;
    background-size: 49px 35px;
}

.preview .swiper-slide .smallimg img {
    max-width: 100%;
}

.preview .swiper-button-next,
.preview .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 10px 19px;
    -webkit-background-size: 10px 19px;
    background-size: 10px 19px;
    background-position: center;
    background-repeat: no-repeat;
}

.preview .swiper-button-prev,
.preview .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img210.png);
    left: 4%;
    right: auto;
}

.preview .swiper-button-next,
.preview .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img211.png);
    right: 4%;
    left: auto;
}

.preview .swiper-button-prev:hover {
    background-image: url(../images/img212.png);
}

.preview .swiper-button-next:hover {
    background-image: url(../images/img213.png);
}

.preview .arrow-left {
    background: url(../images/img210.png) no-repeat center left;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -13px;
    width: 25px;
    height: 25px;
    z-index: 10;
}

.preview .arrow-left:hover {
    background: url(../images/img212.png) no-repeat center left;
}

.preview .arrow-right {
    background: url(../images/img211.png) no-repeat center right;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
    width: 25px;
    height: 25px;
    z-index: 10;
}

.preview .arrow-right:hover {
    background: url(../images/img213.png) no-repeat center right;
}
.graphic {
    text-align: center;
    min-height: 350px;
}

.graphic .small_pic{
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.small_pic img {
    max-width: 100%;
}
.graphic .float_layer {
    width: 150px;
    height: 150px;
    background: #fff;
    filter: alpha(opacity:30);
    opacity: 0.3;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.graphic .mark {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 0px;
    background: red;
    filter: alpha(opacity:0);
    opacity: 0;
}

.graphic .big_pic {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 80%;
    overflow: hidden;
    border: 1px solid #E8E8E8;
    display: none;
    z-index: 1;
    background-color: #FFFFFF;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.graphic .big_pic img {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: initial;
    z-index: 100;
}
/*右边内容*/
.standard .right{
    float: right;
    width: 45.6%;
}
.standard .right .tit{
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px;
    border-bottom: #b5b5b6 solid 1px;
}
.standard .right .tit .t1{
    float: left;
    width: -moz-calc(100% - 140px);
    width: -webkit-calc(100% - 140px);
    width: calc(100% - 140px);
    font-family: "Poppins-SemiBold";
    color: #15367f;
    font-size: 32px;
}
.standard .right .tit .com-btn{
    float: right;
}
.standard .right .crosshead{
    position: relative;
    padding-left: 18px;
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 22px;
}
.standard .right .crosshead i{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 5px;
    height: 18px;
    border-radius: 3px;
    background-color: #15367f;
}
/*.standard .right .content{
	padding-right: 4.8%;
}*/
.standard .right .cont{
    margin-top: 40px;
}
.standard .right .specs ul{
}
.standard .right .specs ul li{
    float: left;
    width: 44.5%;
    margin-right: 11%;
    margin-top: 10px;
    color: #666666;
    font-size: 16px;
    border-bottom: #dbdbdc solid 1px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.standard .right .specs ul li:nth-child(2n){
    margin-right: 0;
}
.standard .right .specs ul li .sp{
    display: inline-block;
    color: #333333;
    font-size: 16px;
}
.standard .right .specs ul li .sp1{
    font-family:"宋体 ", "SimSun";
}
.standard .right .iconsbox ul{
    margin-top: 20px;
}
.standard .right .iconsbox ul li{
    float: left;
    width: 16.66%;
    text-align: center;
    overflow: hidden;
}
.standard .right .iconsbox ul li .icon{
    width: 100%;
}
.standard .right .iconsbox ul li .icon img{
    max-width: 50%;
    /*width: 55px;
	height: 55px;*/
}
.standard .right .iconsbox ul li .txt{
    font-family: "Poppins-Light";
    color: #1b2077;
    font-size: 14px;
}
.standard .right .shop-link .links{
    margin-top: 20px;
    padding-left: 18px;
}
.standard .right .shop-link .links a{
    display: inline-block;
    margin-right: 4%;
}
/**/
.detailed-description{
    margin-top: 60px;
}
.tabbox.fixed{
    position: fixed;
    top: 120px;
    left: 0;
    z-index: 7;
    width: 100%;
    background: #FFFFFF;
}
.tabbox.fixed ul{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}
.tabbox-top{
    padding-bottom: 120px;
    margin-top: -120px;
}
.detailed-description .tabbox{
    margin-bottom: 20px;
    /*box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.2);*/
    box-shadow:0px 20px 20px -20px rgba(0,0,0,0.2);;
}
.detailed-description .tabbox ul li{
    position: relative;
    float: left;
    width: 20%;
    text-align: center;
    line-height: 70px;
    height: 70px;
}
.detailed-description .tabbox ul li .tabs{
    display: inline-block;
    font-family: "Poppins-Light";
    color: #333333;
    font-size: 22px;
    cursor: pointer;
}
.detailed-description .tabbox ul li.on .tabs{
    font-family: "Poppins-Medium";
}
.detailed-description .tabbox ul li .tabs i{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 3px;
    background: #e85754;
    background: -webkit-gradient(linear, 100% 0, 0 0, from(#15367f), to(#e85754));
    background: -webkit-linear-gradient(to right, #15367f, #733f5b, #e85754);
    background: -moz-linear-gradient(to right, #15367f, #733f5b, #e85754);
    background: -o-linear-gradient(to right, #15367f, #733f5b, #e85754);
    background: linear-gradient(to right, #15367f, #733f5b, #e85754);
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.detailed-description .tabbox ul li.on .tabs i{
    width: 63px;
}
.detailed-description .content-box{
    width: 100%;
    overflow: hidden;
    /*margin-top: 30px;*/
}
.detailed-description .content-box .content-li{
    padding: 2% 5%;
    /*border-bottom: #e95754 solid 1px;*/
    /*padding-top: 270px;
	margin-top: -240px;*/
}
.detailed-description .special{
    height: 120px;
}
/*.detailed-description .content-box .content-li .special{
	padding-top: 500px;
}
.detailed-description .content-box .content-li .act{
	padding-top: 240px;
}*/
.detailed-description .content-box .content-li.hide{
    display: none;
}
.detailed-description .content-box .content-li .sub-tit{
    font-family: "Poppins-Medium";
    color: #1b2077;
    font-size: 20px;
}
.detailed-description .content-box .content-li .txt{
    margin-top: 10px;
}
.detailed-description .content-box .content-li .txt ul li{
    margin-bottom: 30px;
}
.detailed-description .content-box .content-li.features-box .t1{
    color: #333333;
    font-size: 16px;
}
.detailed-description .content-box .content-li.features-box .t1 img{
    display: inline-block;
    margin: 0 5px;
}
.detailed-description .content-box .content-li.features-box .t2{
    font-family: "Poppins-Light";
    color: #333333;
    font-size: 16px;
    line-height: 2;
}
.detailed-description .content-box .content-li.features-box .t2 a{
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    margin-top: 10px;
}
.detailed-description .content-box .content-li.features-box .t2 img{
    display: inline-block;
    vertical-align: middle;
}
.detailed-description .content-box .content-li .table-content{
    margin-top: 10px;
}
.detailed-description .content-box .content-li .table-content table{
    width: 100%;
    background-color: #ffffff;
    /*border-collapse: collapse;*/
    border-bottom: #a0a0a0 solid 1px;
}
.detailed-description .content-box .content-li .table-content table:last-child{
    border-bottom: none;
}
.detailed-description .content-box .content-li .table-content table tr td{
    width: 20.5%;
    font-family: "Poppins-Light";
    color: #333333;
    font-size: 16px;
    height: 50px;
    border-bottom: #ececec solid 1px;
    word-break: break-word;
    padding: 0 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.detailed-description .content-box .content-li .table-content table tr td:last-child{
    width: auto;
}
.detailed-description .content-box .content-li .table-content table:last-child tr:first-child td:first-child{
    border-bottom: none;
}
.detailed-description .content-box .content-li .table-content table:last-child tr:last-child td{
    border-bottom: none;
}
.detailed-description .content-box .content-li .table-content table tr td .tit{
    font-family: "Poppins-Regular";
    color: #333333;
    font-size: 20px;
}
/**/
.detailed-description .content-box .content-li.downloads-box .tit{
    margin-top: 20px;
    margin-bottom: 20px;
    color: #333333;
    font-size: 18px;
}
.detailed-description .content-box .content-li.downloads-box ul{
    margin-top: 10px;
    margin-bottom: 20px;
}
.detailed-description .content-box .content-li.downloads-box ul li{
    float: left;
    width: 26.5%;
    margin-right: 10.25%;
    margin-bottom: 30px;
    border: #e5e5e5 solid 1px;
    border-radius: 4px;
    text-align: center;
    padding: 30px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.detailed-description .content-box .content-li.downloads-box ul li:nth-child(3n){
    margin-right: 0;
}
.detailed-description .content-box .content-li.downloads-box ul li:hover{
    box-shadow: 0px 0px 20px rgba(0,0,0,.2);
}
/*.detailed-description .content-box .content-li.downloads-box ul li .t1{
	color: #1b2077;
	font-size: 18px;
	font-family: "Poppins-Medium";
	margin-bottom: 15px;
}
.detailed-description .content-box .content-li.downloads-box ul li .t2{
	color: #666666;
	font-size: 16px;
	font-family: "Poppins-Light";
}
.detailed-description .content-box .content-li.downloads-box ul li .t3{
	margin-top: 25px;
}
.detailed-description .content-box .content-li.downloads-box ul li .t3 a{
	width: 50%;
	border: #1b2077 solid 1px;
	border-radius: 20px;
	height: 40px;
	line-height: 40px;
	font-family: "Poppins-Light";
	color: #1b2077;
	font-size: 14px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.detailed-description .content-box .content-li.downloads-box ul li:hover .t3 a{
	color: #FFFFFF;
	border: none;
	background: url(../images/img180.png) center no-repeat;
	background-size: cover;
}*/
/*Accessories*/
.detailed-description .content-box .content-li.parts-box .content{
    margin-top: 30px;
}
/*Solutions*/
.detailed-description .content-box .content-li.solu-box{
    margin-top: 10px;
}
.detailed-description .content-box .content-li.solu-box .s-briefing{
    margin-top: 20px;
}
.detailed-description .content-box .content-li .s-briefing ul{
    margin-top: 20px;
}
.detailed-description .content-box .content-li .s-briefing ul li{
    float: left;
    width: 26.5%;
    margin-right: 10.25%;
    margin-bottom: 30px;
    border: #e5e5e5 solid 1px;
    border-radius: 4px;
    text-align: left;
    padding: 20px 20px 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.detailed-description .content-box .content-li .s-briefing ul li:nth-child(3n){
    margin-right: 0px;
}
.detailed-description .content-box .content-li .s-briefing ul li:hover{
    box-shadow: 0px 2px 21px rgba(33,33,33,0.13);
}
.detailed-description .content-box .content-li .s-briefing ul li .icon{
    padding-bottom: 15px;
    border-bottom: #e5e5e5 dashed 1px;
}
.detailed-description .content-box .content-li .s-briefing ul li .txtbox{
    margin-top: 20px;
}
.detailed-description .content-box .content-li .s-briefing ul li .t2{
    margin-top: 6px;
}
.detailed-description .content-box .content-li .s-briefing ul li .t3 a{
    text-align: center;
}
/*Case Studies*/
.detailed-description .content-box .content-li .c-studies{
    margin-top: 30px;
}
.detailed-description .content-box .content-li .c-studies ul{
    margin-top: 20px;
    margin-bottom: 50px;
}
.detailed-description .content-box .content-li .c-studies ul li{
    width: 44.8%;
    margin-right: 10.4%;
}
/*解决方案三级页面*/
.case-study ul li{
    width: 45.3%;
    margin-right: 9.4%;
}
.studyli{
    float: left;
    border-radius: 4px;
    border: #e5e5e5 solid 1px;
    padding: 30px 20px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.studyli:nth-child(2n), .detailed-description .content-box .content-li .c-studies ul li:nth-child(2n){
    margin-right: 0;
}
.studyli:hover{
    box-shadow: 0px 2px 21px rgba(33,33,33,0.13);
}
.studyli .imgbox{
    float: left;
    width: 140px;
    overflow: hidden;
}
.studyli .imgbox img{
    width: 100%;
}
.studyli .txtbox{
    float: left;
    width: -moz-calc(100% - 140px);
    width: -webkit-calc(100% - 140px);
    width: calc(100% - 140px);
    padding-left: 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.studyli .txtbox .t2{
    margin-top: 5px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.studyli .txtbox .t1 a{
    display: block;
    width: 100%;
    font-family: "Poppins-Medium";
    color: #1b2077;
    font-size: 18px;
}
.studyli .txtbox .t2 a{
    display: block;
    width: 100%;
    font-family: "Poppins-Light";
    color: #666666;
    font-size: 16px
}
.studyli .txtbox .tags{
    margin-top: 20px;
    overflow: hidden;
}
.studyli .txtbox .tags a{
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    text-align: center;
    background-color: #f0f0f0;
    color: #666666;
    font-size: 14px;
    line-height: 30px;
    min-width: 75px;
    border-radius: 6px;
    padding: 0px 10px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.studyli .txtbox .tags a:hover{
    color: #ffffff;
    background: url(../images/img102.png) center no-repeat;
    background-size: cover;
}
/*You might also be interested in...*/
.standard .might{
    padding-top: 80px;
    padding-bottom: 30px;
    background-color: #f8f8f8;
}
.standard .might .title{
    font-family: "Poppins-Medium";
    color: #1b2077;
    font-size: 36px;
    text-align: center;
}
.standard .might ul{
    max-width: 1300px;
    width: 100%;
    margin: 55px auto 0px;
}
.standard .might ul li{
    float: left;
    width: 28.8%;
    margin-right: 6.8%;
    margin-bottom: 30px;
    overflow: hidden;
}
.standard .might ul li:nth-child(3n){
    margin-right: 0;
}
.standard .might ul li a{
    position: relative;
    display: block;
    width: 100%;
}
.standard .might ul li .imgbox{
    width: 100%;
}
.standard .might ul li .imgbox img{
    width: 100%;
}
.standard.other .mightul{
    display: none;
    position: relative;
    padding: 0px 50px;
}
.standard.other .mightbox{
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 40px;
}
.standard.other .mightbox .mightli{
    width: 100%;
    overflow: hidden;
}
.standard.other .mightbox .mightli a{
    display: block;
    width: 100%;
}
.standard.other .mightbox .mightli .imgbox{
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin-bottom: 20px;
}
.standard.other .mightbox .mightli .txtbox{
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.standard.other .mightbox .mightli .txtbox .t1{
    font-family: "Poppins-Medium";
    font-size: 20px;
    color: #1b2077;
    margin-bottom: 5px;
    word-break: break-word;
}
.standard.other .mightbox .mightli .txtbox .t2{
    font-size: 16px;
    color: #1b2077;
    word-break: break-word;
}
.standard.other .mightul .swiper-button-next, .standard.other .mightul .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 40px 40px;
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
}
.standard.other .mightul .swiper-button-prev, .standard.other .mightul .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img32a.png);
    left: 0;
    right: auto;
}
.standard.other .mightul .swiper-button-next, .standard.other .mightul .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img33a.png);
    right: 0;
    left: auto;
}
/*产品三级页*/
.level-page{
    padding-top: 80px;
    padding-bottom: 70px;
}
.product-center{
}
.product-center .screen-box{
    margin-top: 90px;
}
.product-center .screen-box ul li{
    float: left;
    display: table;
    text-align: center;
    width: 15.68%;
    margin-right: 5.4%;
    border-radius: 20px 0px 20px 0px;
    text-align: center;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.product-center .screen-box ul li:nth-child(5n){
    margin-right: 0;
}
.product-center .screen-box ul li:hover{
    box-shadow: 2px 4px 20px rgba(0,0,0,0.2);
    -o-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.product-center .screen-box ul li.category-all{
    background-color: #e95754;
    border: #e95754 solid 1px;
}
.product-center .screen-box ul li.category-a{
    background-color: #2790d1;
    border: #2790d1 solid 1px;
}
.product-center .screen-box ul li.category-b{
    background-color: #1d4485;
    border: #2790d1 solid 1px;
}
.product-center .screen-box ul li.category-c{
    background-color: #008e97;
    border: #2790d1 solid 1px;
}
.product-center .screen-box ul li.category-d{
    background-color: #00aa95;
    border: #2790d1 solid 1px;
}
.product-center .screen-box ul li.on{
    background-color: #ffffff !important;
}
.product-center .screen-box ul li a{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    font-family: "Poppins-Medium";
    text-align: center;
    height: 78px;
    /*line-height: 78px;*/
}
.product-center .screen-box ul li.on a{
    color: #1d4485;
}
.level-page .page-search{
}
.level-page .page-search .tit{
    font-family: "Poppins-Medium";
    font-size: 22px;
    color: #494949;
}
.level-page .page-search .page-search-box{
    margin-top: 20px;
    border: #dddddd solid 1px;
    background-color: #FFFFFF;
    overflow: hidden;
}
.level-page .page-search .page-search-left{
    float: left;
    width: 85%;
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    overflow: hidden;
    padding: 0px 35px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.level-page .page-search .page-search-left input{
    width: 100%;
    height: 78px;
    line-height: 78px;
    background: none;
    border: none;
    outline: none;
    color: #494949;
    font-size: 18px;
}
.level-page .page-search .page-search-left input::-webkit-input-placeholder{
    color: #999999;
}
.level-page .page-search .page-search-left input:-moz-placeholder{
    color: #999999;
}
.level-page .page-search .page-search-left input::-moz-placeholder{
    color: #999999;
}
.level-page .page-search .page-search-left input:-ms-input-placeholder{
    color: #999999;
}
.level-page .page-search .page-search-right{
    float: right;
    width: 100px;
    height: 78px;
    background: url(../images/img216.png) center no-repeat;
    background-size: 28px 28px;
}
.level-page .page-search .page-search-right input{
    width: 100%;
    height: 100%;
    background: none;
    outline: none;
    border: none;
}
.level-page .content{
    margin-top: 75px;
}
/**/
.page-product-list{
}
.page-product-list ul{
    /*width: 87.5%;*/
    max-width: 1400px;
    width: 100%;
    margin: auto;
}
.page-product-list ul li{
    float: left;
    width: 28.6%;
    margin-right: 7.1%;
    margin-bottom: 2.86%;
    background: #f4f6f9;
    border-radius: 0px 0px 30px 0px;
    overflow: hidden;
}
.secondary-page .right .page-product-list ul li{
    width: 31%;
    margin-right: 3.5%;
}
.page-product-list ul li:nth-child(3n), .secondary-page .right .page-product-list ul li:nth-child(3n){
    margin-right: 0;
}
.page-product-list ul li a{
    position: relative;
    display: block;
    width: 100%;
}
.product-above{
    position: relative;
    padding-right: 12.5%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.page-product-list ul li .sign{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 32.5%;
    height: 37%;
    display: table;
    text-align: center;
    padding: 10px 10px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.category-a .sign{
    background-color: #e95754;
}
.category-b .sign{
    background-color: #1d4485;
}
.category-c .sign{
    background-color: #008e97;
}
.category-d .sign{
    background-color: #00aa95;
}
.page-product-list ul li .sign .txt{
    /*position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
.page-product-list ul li .sign .txt .t1{
    font-family: "Poppins-Medium";
    color: #ffffff;
    font-size: 16px;
}
.page-product-list ul li .sign .txt .t2{
    font-family: "Poppins-Light";
    color: #ffffff;
    font-size: 14px;
}
/*standard-page共用*/
.product-hover{
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: 10% 0 0;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.page-product-list ul li:hover .product-hover, .standard .might ul li:hover .product-hover{
    bottom: 0;
}
.product-hover .t1{
    font-family: "Poppins-Medium";
    color: #1b2077;
    font-size: 26px;
    word-break: break-word;
    padding: 0 10%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-hover .t2{
    color: #1b2077;
    font-size: 19px;
    word-break: break-word;
    padding: 0 10%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.product-hover .t3{
    font-family: "Poppins-Light";
    color: #333333;
    font-size: 18px;
    word-break: break-word;
    margin-top: 20px;
    padding: 0 10%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.secondary-page .product-hover .t3{
    -webkit-line-clamp: 2;
    margin-top: 10px;
}
.product-hover .industries{
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}
.secondary-page .product-hover .industries{
    margin-top: 10px;
}
.product-hover .industry{
    float: left;
    width: 33.33%;
    text-align: center;
}
.product-hover .industry img{
    display: block;
    margin: 0px auto 6px;
    max-width: 100%;
}
.product-hover .industry span{
    display: block;
    font-family: "Poppins-Light";
    color: #1b2077;
    font-size: 14px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
/*产品中心二级页面*/
.secondary-page{
}
.secondary-page .content{
    margin-top: 90px;
}
.secondary-page .left{
    float: left;
    width: 350px;
    overflow: hidden;
}
.secondary-page .right{
    float: right;
    width: 71%;
    width: -moz-calc(100% - 350px);
    width: -webkit-calc(100% - 350px);
    width: calc(100% - 350px);
    padding-left: 7.5%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/**/
.s-menu{
}
.s-menu .tit{
    font-family: "Poppins-Medium";
    color: #ffffff;
    font-size: 18px;
    /*line-height: 80px;*/
    padding: 22px 20px;
    line-height: 2;
    background: url(../images/img223.jpg) center no-repeat;
    background-size: cover;
}
.s-menu ul li{
    width: 100%;
}
.s-menu ul li .level-a{
    position: relative;
    padding: 0px 50px 0px 20px;
    color: #494949;
    font-size: 18px;
    line-height: 55px;
    border-bottom: #eeeeee solid 1px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.s-menu ul li .level-a i{
    position: absolute;
    right: 5%;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 11px;
    height: 100%;
    background: url(../images/img224.png) center no-repeat;
    background-size: 6px 11px;
}
.s-menu ul li .level-a.on{
    background-color: #f7f7f7;
}
.s-menu ul li .level-a.on i{
    background: url(../images/img225.png) center no-repeat;
    background-size: 11px 6px;
}
.s-menu ul li .gather{
    display: none;
}
.s-menu ul li .gather-ul{
    margin-top: 15px;
    padding: 0 15px;
}
.s-menu ul li .gather .gather-li .choice-inp[type=checkbox]+span {
    width: 15px;
    height: 15px;
    background: url(../images/img226.png) center no-repeat;
    background-size: 15px 15px;
}
.s-menu ul li .gather .gather-li .choice-inp[type=checkbox]:checked+span {
    width: 15px;
    height: 15px;
    background: #FFFFFF url(../images/img227.png) center no-repeat;
    background-size: 15px 15px;
}
.s-menu ul li .gather .gather-li .choice-inp[type=checkbox]:checked+span+div{
    color: #494949;
}
.s-menu ul li .gather .gather-li .c-label .txt{
    font-family: "Poppins-Light";
}
/*注册登录页面*/
.enroll-bg{
    background-image: url(../images/img255.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.enroll{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 110px 0px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.enroll .cpright{
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
    font-family: "Poppins-Light";
    color: #c7c7c7;
    font-size: 16px;
}
.enroll .cpright span{
    padding: 0px 10px;
}
.enroll .cpright a{
    color: #c7c7c7;
}
.enroll .content{
    position: relative;
    max-width: 1100px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(255,255,255,.51);
    min-height: 730px;
    padding: 40px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.enroll.other .content{
    padding-top: 50px;
    padding-bottom: 50px;
}
.enroll .content .en-logo{
    max-width: 40%;
    margin: 0 auto;
}
.enroll .content .en-title{
    max-width: 550px;
    width: 100%;
    margin: 15px auto 0px;
}
.other.enroll .content .en-title{
    margin-top: 40px;
}
.enroll .content .en-title .tit{
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 22px;
}
.enroll .content .en-title .text{
    margin-top: 15px;
    color: #666666;
    font-size: 18px;
}
.enroll .content .formbox{
    max-width: 420px;
    width: 90%;
    margin: 30px auto 0px;
}
.other.enroll .content .formbox{
    margin-top: 70px;
}
.enroll.other.register .content .formbox{
    max-width: 100%;
    width: 100%;
    text-align: left;
    margin-top: 50px;
}
.reset-password.other.enroll .content .formbox{
    margin-top: 40px;
}
.enroll .content .formbox .form-li{
    width: 100%;
    overflow: hidden;
    margin-top: 25px;
}
.enroll .content .formbox .form-li .sp{
    float: left;
    width: 26%;
    overflow: hidden;
    line-height: 48px;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 14px;
}
.enroll .content .formbox .form-li .cont{
    float: left;
    width: 74%;
    border: #bfbfbf solid 1px;
    padding: 0px 10px;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.enroll .content .formbox .form-li .cont input{
    width: 100%;
    height: 46px;
    line-height: 46px;
    background: none;
    border: none;
    outline: none;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 14px;
}
.enroll .content .formbox .form-li .cont input::-webkit-input-placeholder{
    color: #989898;
}
.enroll .content .formbox .form-li .cont input:-moz-placeholder{
    color: #989898;
}
.enroll .content .formbox .form-li .cont input::-moz-placeholder{
    color: #989898;
}
.enroll .content .formbox .form-li .cont input:-ms-input-placeholder{
    color: #989898;
}
.enroll .content .formbox .btn{
    margin-top: 40px;
    width: 100%;
    background: url(../images/img257.png) center no-repeat;
    background-size: cover;
}
.enroll.register .content .formbox .btn{
    max-width: 300px;
}
.other.enroll .content .formbox .btn{
    margin-top: 55px;
}
.enroll .content .formbox .btn input{
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: none;
    background: none;
    outline: none;
    color: #fefefe;
    font-size: 16px;
}
.enroll .content .formbox .txt1{
    position: relative;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 65px;
}
.enroll .content .formbox .txt1 .w1{
    font-family: "Poppins-Light";
    color: #bfbfbf;
    font-size: 14px;
}
.enroll .content .formbox .txt1 .w2{
    position: absolute;
    right: 0;
    bottom: 0;
}
.enroll .content .formbox .txt1 .w2 a{
    display: block;
    font-family: "Poppins-Light";
    color: #e95754;
    font-size: 14px;
}
.enroll .content .txt2{
    max-width: 770px;
    width: 90%;
    margin: 0 auto;
    font-family: "Poppins-Light";
    color: #666666;
    font-size: 14px;
    text-align: left;
}
.enroll .content .txt2 a{
    color: #e95754;
    text-decoration: underline;
}
.enroll .content .txt3{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 45px;
    margin: auto;
    color: #666666;
    font-size: 18px;
}
.enroll .content .txt3 a{
    display: inline-block;
    margin-left: 10px;
    color: #e95754;
}
.enroll.succeeded .textbox{
    margin-top: 110px;
    text-align: center;
}
.enroll.succeeded .textbox .icon{
    width: 100%;
    overflow: hidden;
}
.enroll.succeeded .textbox .icon img{

}
.enroll.succeeded .textbox .ws1{
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 22px;
    margin-top: 20px;
}
.enroll.succeeded .textbox .ws2{
    color: #666666;
    font-size: 16px;
    margin-top: 20px;
}
.enroll.succeeded .textbox .ws2 a{
    display: inline-block;
    color: #e95754;
}
/*注册内容*/
.enroll.register .register-box{
    max-width: 940px;
    width: 100%;
    margin: 45px auto 0px;
}
.enroll .subtitle{
    text-align: left;
}
.enroll .subtitle .sub1{
    position: relative;
    padding-bottom: 45px;
    border-bottom: #bfbfbf solid 1px;
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 24px;
}
.enroll .subtitle .sub1 a{
    color: #e95754;
    text-decoration: underline;
}
.enroll .subtitle .sub1 .or{
    position: absolute;
    left: 50%;
    bottom: -12px;
    display: inline-block;
    margin-left: -27px;
    padding: 0px 15px;
    color: #999999;
    font-size: 16px;
    background-color: #FFFFFF;
}
.enroll .subtitle .sub2{
    margin-top: 45px;
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 22px;
    text-align: left;
}
.enroll .content .formbox .form-li .left{
    float: left;
    margin-right: 30px;
}
.enroll .content .formbox .form-li .right{
    float: left;
}
.enroll .content .formbox .form-li .sp1{
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 18px;
}
.enroll .content .formbox .form-li .sp1 .musticon{
    display: inline-block;
    margin-right: 5px;
    color: #e95754;
}
.status{
}
.status .ckbox{
    float: left;
    margin-right: 40px;
    cursor: pointer;
}
.ts-form .status .ckbox{
    margin-right: 100px;
}
.status .ckbox:last-child{
    margin-right: 0px;
}
.status .status span{
    float: none;
}
.status .radio-name{
    font-family: "Poppins-Light";
    margin-left: 5px;
    color: #494949;
    font-size: 18px;
}
.status .status-li{
    height: 13px;
    width: 13px;
    display: inline-block;
    background-image: url('../images/img259.png');
    background-repeat: no-repeat;
    background-position: -13px 0px;
    vertical-align: middle;
}
.status .ckbox input[type="radio"]:checked + .status-li{
    background-position: 0;
}
.status .ckbox input[type="radio"]:checked + label + .radio-name{
    font-family: "Poppins-Regular";
}
.enroll .content .formbox .form-li .one-third{
    float: left;
    width: 29.8%;
    margin-right: 5.3%;
}
.enroll .content .formbox .form-li .one-third:nth-child(3n){
    margin-right: 0;
}
.enroll .content .formbox .form-li .a-half{
    float: left;
    width: 45.75%;
    margin-right: 8.5%;
}
.enroll .content .formbox .form-li .a-half:nth-child(2n){
    margin-right: 0;
}
.enroll .content .formbox .form-li .cont1{
    float: none;
    width: 100%;
    margin-top: 10px;
}
.enroll .content .formbox .form-li .cont2{
    float: none;
    width: 100%;
    margin-top: 10px;
    padding: 0;
}
.enroll .content .formbox .form-li select{
    width: 100%;
    border-radius: 10px;
    border: none;
    background-color: #FFFFFF;
    outline: none;
    line-height: 45px;
    height: 45px;
    color: #494949;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 40px;
    background: url(../images/img74.png) center right 25px no-repeat;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.enroll .content .formbox .txt4{
    margin-top: 20px;
    font-family: "Poppins-Light";
    font-size: 14px;
    color: #666666;
}
.enroll .content .formbox .txt4 span{
    display: inline-block;
    margin-right: 3px;
    color: #e95754;
}
/*服务与支持*/
.service-support{
}
.service-support.guarantee{
    padding-bottom: 90px;
}
.p-warranty{
    padding-top: 70px;
}
.p-warranty.line{
    border-top: #604270 solid 2px;
    border-top: 2px transparent solid;
    border-image: -webkit-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: -moz-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
}
.p-warranty .i-title .t5 ul li{
    position: relative;
    padding-left: 12px;
}
.p-warranty .i-title .t5 ul li i{
    position: absolute;
    left: 0;
    top: 12px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #494949;
}
.service-support .probox{
    padding-top: 50px;
    padding-bottom: 60px;
}
.service-support .probox ul li{
    float: left;
    width: 31.83%;
    margin-right: 2.25%;
    margin-bottom: 2.25%;
    border-radius: 20px;
    border: #e5e5e5 solid 1px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.service-support .probox ul li:nth-child(3n){
    margin-right: 0;
}
.service-support .probox ul li.other{
    width: 48.875%;
    margin-right: 2.25%;
}
.service-support .probox ul li:last-child{
    margin-right: 0;
}
.service-support .probox ul li a{
    display: block;
    width: 100%;
    padding: 60px 0px 30px;
    min-height: 300px;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.service-support .probox ul li .txtbox{
    float: left;
    width: 56%;
    padding-left: 5.8%;
    padding-right: 3%;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.service-support .probox ul li .txtbox .t1{
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 22px;
}
.service-support .probox ul li .txtbox .t2{
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 22px;
    margin-top: 15px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.service-support .probox ul li .txtbox .t3{
    color: #494949;
    font-size: 18px;
    line-height: 1.8;
    margin-top: 20px;
}
.service-support .probox ul li .txtbox .t3 .sp{
    display: inline-block;
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 22px;
}
.service-support .probox ul li .imgbox{
    float: right;
    width: 44%;
    overflow: hidden;
    text-align: center;
    border-left: #e5e5e5 solid 1px;
    padding-left: 3%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.service-support .probox ul li .imgbox img{
    max-width: 100%;
}
/*联系我们表格*/
/*技术支持*/
.technical-support, .contact-us-form{
    padding-top: 75px;
    padding-bottom: 110px;
    background-color: #f7f7f9;
}
.technical-support.after-sales-maintenance{
    background-color: #FFFFFF;
}
.technical-support .box{
    margin-top: 100px;
}
.technical-support .box ul li{
    float: left;
    width: 23.75%;
    margin-right: 1.66%;
    margin-bottom: 1.66%;
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 20px 0px 40px;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.technical-support .box ul li:nth-child(4n){
    margin-right: 0;
}
.technical-support .box ul li:hover{
    box-shadow: 1px 0px 25px rgba(44,44,44,.21);
}
.technical-support .box ul li .t1{
    position: relative;
    padding-left: 35px;
    color: #494949;
    font-size: 22px;
    padding: 13px 0px;
    /* line-height: 60px; */
    border-bottom: #eeeeee solid 1px;
    padding-left: 20px;
}
.technical-support .box ul li:hover .t1{
    font-family: "Poppins-Medium";
    color: #15367f;
}
.technical-support .box ul li .t1 i{
    position: absolute;
    left: 0;
    top: 16px;
    width: 6px;
    height: 26px;
    border-radius: 3px;
    overflow: hidden;
}
.technical-support .box ul li .t1 i::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff000;
    background-image: -webkit-linear-gradient(top, #e85754 , #7d466a , #16367f);
    　　	background-image: -moz-linear-gradient(top, #e85754 , #7d466a , #16367f);
    　　	background-image: linear-gradient(top, #e85754 , #7d466a , #16367f);
}
.technical-support .box ul li .t2{
    padding: 35px 35px 0px;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 18px;
    line-height: 2;
    height: 216px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.technical-support .box ul li .t3{
    margin-top: 35px;
    padding: 0px 35px;
}
/*技术支持表格,联系我们表格*/
.technical-support.ts-form .box, .contact-us-form .box{
    margin-top: 40px;
}
.contact-us-form.general-form .formdiv, .technical-support.ts-form.general-form .formdiv{
    background-color: #ffffff;
}
.general-form .formdiv{
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    padding: 0 7.7% 4.5%;
    border-radius: 20px;
    box-shadow: 1px 0px 25px rgba(21,54,127,.22);
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.eject-form{
    display: none;
}
.general-form .box .formdiv form{
    padding-top: 10%;
}
.general-form.after-sales-maintenance .box .formdiv form{
    padding-top: 6.5%;
}
.general-form .formdiv .form-li{
    max-width: 1200px;
    width: 100%;
    margin-bottom: 25px;
}
.general-form .formdiv .form-li .sp{
    font-family: "Poppins-Light";
    color: #15367f;
    font-size: 18px;
    margin-bottom: 10px;
}
.general-form .formdiv .form-li .sp .wsp{
    font-size: 14px;
}
.general-form .formdiv .form-li .sp a{
    display: inline-block;
    margin: 0px 2px;
    color: #e95754;
}
.general-form .formdiv .form-li .sp .asterisk{
    display: inline-block;
    margin-right: 3px;
    color: #e95754;
}
.general-form .formdiv .form-li .inputli{
    width: 100%;
    border-bottom: #e95754 solid 1px;
    padding: 0px 10px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.general-form .formdiv .form-li .inputli input{
    width: 100%;
    background: none;
    border: none;
    outline: none;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 18px;
}
.general-form .formdiv .form-li .inputli input::-webkit-input-placeholder{
    color: #989898;
}
.general-form .formdiv .form-li .inputli input:-moz-placeholder{
    color: #989898;
}
.general-form .formdiv .form-li .inputli input::-moz-placeholder{
    color: #989898;
}
.general-form .formdiv .form-li .inputli input:-ms-input-placeholder{
    color: #989898;
}
.general-form .formdiv .form-li .select-li{
    float: left;
    width:38.3%;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 20px;
    border-radius: 4px;
    border: #dcdcdc solid 1px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.general-form .formdiv .form-li .select-li:last-child{
    margin-right: 0;
}
.general-form .formdiv .form-li .select-li select{
    width: 100%;
    border-radius: 10px;
    border: none;
    background-color: #FFFFFF;
    outline: none;
    line-height: 36px;
    height: 36px;
    color: #777777;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 35px;
    background: url(../images/img265.png) center right 25px no-repeat;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.general-form .formdiv .btn{
    /*display: inline-block;
	margin-top: 30px;*/
    display: block;
    margin: 30px auto 0px;
    height: 40px;
    line-height: 40px;
    background: url(../images/img12a.png) center no-repeat;
    background-size: 100% 100%;
    font-family: "Poppins-Light";
    color: #ffffff;
    font-size: 14px;
    border-radius: 20px 0px 20px 0px;
    width: 120px;
    text-align: center;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.general-form .formdiv .btn input{
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    outline: none;
    font-family: "Poppins-Light";
    color: #ffffff;
    font-size: 14px;
}
.general-form .form-tit{
    text-align: center;
}
.general-form .form-tit span{
    display: inline-block;
    min-width: 230px;
    padding: 10px 15px;
    color: #494949;
    font-size: 22px;
    background-color: #f6f6f6;
    border-radius: 0px 0px 10px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/*售后维修*/
.after-sales-maintenance{
    padding-bottom: 70px;
}
.technical-support.after-sales-maintenance .box{
    margin-top: 0;
}
.after-sales-maintenance .content{
    margin-top: 50px;
    margin-bottom: 60px;
    padding-top: 60px;
    border-top: #15367f solid 2px;
    border-top: 2px transparent solid;
    border-image: -webkit-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: -moz-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
}
.after-sales-maintenance .content .tit{
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 22px;
}
.after-sales-maintenance .content .tit.mar{
    padding-left: 40px;
}
.after-sales-maintenance .content .tit a{
    color: #e95754;
}
.after-sales-maintenance .content ul li{
    position: relative;
    float: none;
    max-width: 1480px;
    width: 100%;
    box-shadow: none;
    padding-left: 40px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #494949;
    font-size: 18px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.after-sales-maintenance .content ul li:hover{
    box-shadow: none;
}
.after-sales-maintenance .content ul li a, .after-sales-maintenance .content ul li .here{
    display: inline-block;
    width: auto;
    color: #e95754;
    cursor: pointer;
}
.after-sales-maintenance .content ul li .icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 100%;
    background: url(../images/img63.png) left top 3px no-repeat;
    background-size: 23px 23px;
}
/*关于我们*/
.empowering{
    padding-top: 75px;
    padding-bottom: 75px;
    background: #ffffff url(../images/img271.png) center no-repeat;
}
.empowering .content{
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}
.empowering .box{
    margin-top: 50px;
}
.empowering .box ul{
    margin-bottom: 60px;
}
.empowering .box ul li{
    float: left;
    width: 25%;
    overflow: hidden;
    text-align: center;
}
.empowering .box ul li .icon{
    position: relative;
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: 10px auto;
    border-radius: 50%;
    background-color: #FFFFFF;
    overflow: hidden;
    text-align: center;
    box-shadow: 0px 5px 5px rgba(21,54,127,.1);
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.empowering .box ul li .icon .wireframe{
    position: relative;
    width: 43px;
    height: 48px;
    margin: 15px auto 0px;
    background: url(../images/img270.png) center no-repeat;
}
.empowering .box ul li .icon .wireframe .spot{
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: #15367f;
    opacity: 0.5;
    filter:alpha(opacity=50);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.empowering .box ul li .icon .wireframe .s1{
    left: -1px;
    bottom: 12px;
}
.empowering .box ul li .icon .wireframe .s2{
    left: -1px;
    top: 11px;
    margin: auto;
}
.empowering .box ul li .icon .wireframe .s3{
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}
.empowering .box ul li .icon .wireframe .s4{
    right: -1px;
    top: 11px;
}
.empowering .box ul li .icon .wireframe .s5{
    right: -1px;
    bottom: 12px;
}
.empowering .box ul li .icon .wireframe .s6{
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.empowering .box ul li .icon>img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 23px;
    height: 20px;
}
.empowering .box ul li:hover .icon{
    box-shadow: 0px 1px 16px rgba(21,54,127,.21);
}
.empowering .box ul li:hover .spot{
    -webkit-animation:twinkling 2.1s infinite ease-in-out;
    animation:twinkling 2.1s infinite ease-in-out;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
@-webkit-keyframes twinkling {
    0% {
        opacity:0.4;
        filter:alpha(opacity=40);
        -webkit-transform:scale(1);
    }
    50% {
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:scale(1.12);
    }
    100% {
        opacity:0.4;
        filter:alpha(opacity=40);
        -webkit-transform:scale(1);
    }
}@keyframes twinkling {
     0% {
         opacity:0.4;
         filter:alpha(opacity=40);
         -webkit-transform:scale(1);
     }
     50% {
         opacity:1;
         filter:alpha(opacity=100);
         -webkit-transform:scale(1.12);
     }
     100% {
         opacity:0.4;
         filter:alpha(opacity=40);
         -webkit-transform:scale(1);
     }
 }
.empowering .box ul li .txt{
    padding: 0px 10px;
    color: #494949;
    font-size: 18px;
}
/*About us*/
.about{
    padding-top: 75px;
    padding-bottom: 100px;
    background-color: #f8fafd;
}
.about .box{
    margin-top: 60px;
}
.about .box .imgbox{
    float: left;
    width: 46.3%;
    overflow: hidden;
}
.about .box .imgbox img{
    width: 100%;
}
.about .box .txtbox{
    float: right;
    width: 48.3%;
    overflow: hidden;
    margin-top: 35px;
}
.about .box .txtbox .t1{
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 22px;
    padding-bottom: 50px;
    margin-bottom: 55px;
    border-bottom: #15367f solid 2px;
    border-bottom: 2px transparent solid;
    border-image: -webkit-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: -moz-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
}
.about .box .txtbox .t2{
    color: #494949;
    font-size: 18px;
    line-height: 2;
    min-height: 180px;
    margin-bottom: 15px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.about .box .txtbox .t3{
    width: 100%;
    overflow: hidden;
    /*font-family: "Poppins-SemiBold";
	font-size: 104px;
	color: #FFFFFF;
	text-shadow: #e8ebf3 1px 0 0, #e8ebf3 0 1px 0, #e8ebf3 -1px 0 0, #e8ebf3 0 -1px 0;*/
}
.about .box .txtbox .t3 img{
    width: 100%;
}
/*Our Tech*/
.tech{
    padding-top: 75px;
    padding-bottom: 75px;
    background-color: #FFFFFF;
}
.tech .box{
    margin-top: 120px;
}
.tech .box .imgbox{
    float: left;
    width: 45.6%;
    overflow: hidden;
}
.tech .box .imgbox ul{
    position: relative;
}
.tech .box .imgbox ul li{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    visibility: hidden;
    text-align: center;
}
.tech .box .imgbox ul li.on{
    visibility: visible;
    -webkit-animation: fadeInLeft .6s cubic-bezier(0,.27,.2,1.01);
    animation: fadeInLeft .6s cubic-bezier(0,.27,.2,1.01);
}
.tech .box .imgbox ul li:first-child{
    position: relative;
}
.tech .box .imgbox img{
    max-width: 100%;
}
.tech .box .txtbox{
    float: right;
    width: 51%;
}
.tech .box .txtbox .techfontbox{
    position: relative;
    width: 100%;
}
.tech .box .txtbox .techfontbox li{
    padding-bottom: 60px;
    padding-left: 60px;
    margin-right: 80px;
    position: relative;
}
.tech .box .txtbox .techfontbox li:last-child{
    padding-bottom: 0;
}
.tech .box .txtbox .codeFontWrap{
    cursor: pointer;
}
.tech .box .txtbox .codeIcoBox{
    position:absolute;
    top:0;
    left:0;
    width:19px;
    height:100%;
}
.tech .box .txtbox .codeIco{
    width:15px;
    height:15px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.tech .box .txtbox .codeIco .codeIcoOut{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-sizing: border-box;
    position:absolute;
    border-radius:50%;
    background-color:#fff;
    border:1px solid #ff4d4a;
    transform: scale(0);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    box-shadow: 0px 5px 10px rgba(203, 4, 4, 0.1);
}
.tech .box .txtbox .techfontbox li.on .codeIco .codeIcoOut{
    transform: scale(1);
}
.tech .box .txtbox .codeIco .codeIcoInner{
    width:7px;
    height:7px;
    border-radius:50%;
    background-color:#b2bdcd;
    transition:all .3s ease;
    position: relative;
    z-index:3;
}
.tech .box .txtbox .techfontbox li.on .codeIcoInner{
    background-color:#ff4d4a;
}
.tech .box .txtbox .codeIcoLine{
    border-right:1px dashed #bec8d5;
    position:absolute;
    top: 14px;
    left: 7px;
    bottom:0;
}
.tech .box .txtbox ul li:last-child .codeIcoLine{
    display: none;
}
.tech .box .txtbox .techCodeTit,.techCodeSubTit{
    position: relative;
    top: -10px;
    z-index:10;
}
.tech .box .txtbox .techCodeTit{
    font-size: 18px;
    line-height: 2;
    color: #494949;
    min-height: 72px;
    transition:all .3s ease;
    font-family: "Poppins-SemiBold";
}
.tech .box .txtbox .techCodeTit img{
    display: inline-block;
    margin: 0px 3px;
}
.tech .box .txtbox .techfontbox li.on .techCodeTit{
    color:#ff4d4a;
}
.tech .box .txtbox .techCodeSubTit{
    font-size:16px;
    color:#999;
    line-height:22px;
    margin-top:10px;
}
.tech .box .txtbox .techfontbox li .silutionCodeNum{
    font-family: "Poppins-SemiBold";
    position: absolute;
    left:60px;
    top:10px;
    font-size: 80px;
    line-height:1;
    color:#f4f4f4;
    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.tech .box .txtbox .techfontbox ul li.on .silutionCodeNum{
    color: #e4e8f2;
    top:-20px;
}
.tech .box .imgbox li.on{
    visibility: visible;
    animation: fadeInLeft .6s cubic-bezier(0,.27,.2,1.01);
}
/*Our History*/
.bgimages{
    position: relative;
}
.bgimages::before, .bgimages:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: url(../images/img361.png) top left no-repeat;
}
.bgimages::after, .bgimages:after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: url(../images/img362.png) center right no-repeat;
}
.history{
    padding-top: 75px;
    padding-bottom: 75px;
    /*background: #f8fafd url(../images/img275.png) center no-repeat;*/
    background: #f8fafd;
}
.history .box{
    margin-top: 60px;
}
.history .box .left{
    float: left;
    width: 48.1%;
    overflow: hidden;
}
.history .box .left ul li{
    border-bottom: #e5e5e5 solid 1px;
    text-align: right;
    padding-top: 50px;
    padding-bottom: 50px;
}
.history .box .left ul li:last-child{
    border-bottom: none;
}
.history .box .left ul li .tit{
    display: inline-block;
    min-width: 315px;
    text-align: left;
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 22px;
}
.history .box .left ul li .tit img{
    display: inline-block;
    margin-right: 20px;
}
.history .box .right{
    float: left;
    width: 51.9%;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    padding-left: 5%;
    overflow: hidden;
    border-left: #e5e5e5 solid 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.history .box .right ul li{
    overflow: hidden;
    margin-bottom: 15px;
    line-height: 36px;
}
.history .box .right ul li .t1{
    float: left;
    width: 80px;
    overflow: hidden;
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 22px;
}
.history .box .right ul li .t2{
    float: left;
    width: -moz-calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    overflow: hidden;
    color: #494949;
    font-size: 18px;
}
.history .box .right ul li:hover .t1 span{
    color: #15367f;
}
.history .box .right ul li:hover .t1, .history .box .right ul li:hover .t2{
    color: #e95754;
}
/*Newsroom*/
.newsroom{
    padding-top: 75px;
    padding-bottom: 75px;
}
.newsroom .box{
    margin-top: 75px;
}
.newsroom .box .imgbox{
    float: left;
    width: 51.25%;
    overflow: hidden;
}
.newsroom .box .imgbox img{
    width: 100%;
}
.newsroom .box .txtbox{
    float: left;
    width: 48.75%;
    padding-left: 3.75%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.newsroom .box .txtbox .t1{
    color: #494949;
    font-size: 22px;
}
.newsroom .box .txtbox .t1 span{
    display: inline-block;
    background-color: #f7f7f7;
    padding: 10px 36px;
}
.newsroom .box .txtbox .t2{
    color: #15367f;
    font-size: 30px;
    margin-top: 32px;
}
.newsroom .box .txtbox .t3{
    color: #494949;
    font-size: 16px;
    margin-top: 30px;
}
.newsroom .box .txtbox .t3 span{
    display:inline-block;
    margin-right: 80px;
}
.newsroom .box .txtbox .t3 span:last-child{
    margin-right: 0;
}
.newsroom .box .txtbox .t4{
    color: #494949;
    font-size: 18px;
    line-height: 1.8;
    margin-top: 10px;
}
.newsroom .box .txtbox .t5{
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 50px;
}
.newsroom .box .txtbox .t5 a{
    color: #15367f;
}
/*Global locations and contact*/
.contact{
    padding-top: 75px;
    padding-bottom: 75px;
    background-color: #f8fafd;
}
.contact .box{
    margin-top: 65px;
}
.contact .box .locations{
    float: left;
    width: 56.125%;
    overflow: hidden;
    text-align: center;
}
.contact .box .locations .img{
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
}
.contact .box .locations .img>img{
    width: 100%;
}
.contact .box .locations .dotbox{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.contact .box .locations .img .point{
    position: absolute;
}
.contact .box .locations .img .point.tag1{
    left: 11.7%;
    top: 38.3%
}
.contact .box .locations .img .point.tag2{
    left: 48.6%;
    top: 27.5%;
}
.contact .box .locations .img .point.tag3{
    right: 20%;
    top: 47%;
}
.contact .box .locations .img .point.tag4{
    right: 18.4%;
    top: 48%;
}
.contact .box .locations .img .point .dot{
    position: relative;
    z-index: 1;
    padding: 4px;
    cursor: pointer;
}
.contact .box .locations .img .point .dot1{
    position: relative;
    z-index: 3;
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #15367f;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.contact .box .locations .img .point.special .dot1 {
    width: 11px;
    height: 11px;
}
.contact .box .locations .img .point.special .dot2{
    width: 19px;
    height: 19px;
}
/*.contact .box .locations .img .point:hover .dot1, */
.contact .box .locations .img .point.on .dot1{
    background-color: #e95754;
}
.contact .box .locations .img .point .dot2, .contact .box .locations .img .point .dot2{
    position: absolute;
    left: 0;
    top: 0;
    background:rgba(233,87,84);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    opacity: 0;
    filter:alpha(opacity=0);
    z-index: 2;
}
.contact .box .contact-box{
    float: right;
    width: 35%;
    overflow: hidden;
}
.contact .box .contact-div{
    display: none;
    width: 100%;
    overflow: hidden;
}
.contact .box .contact-div.on{
    display: block;
}
.contact .box .contact-box .imgbox{
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
.contact .box .contact-box .imgbox img{
    width: 100%;
}
.contact .box .contact-box .txtbox{
    width: 100%;
    overflow: hidden;
}
.contact .box .contact-box .txtbox .t1{
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 22px;
}
.contact .box .contact-box .txtbox ul{
    margin-top: 20px;
}
.contact .box .contact-box .txtbox ul li{
    position: relative;
    padding-left: 36px;
    margin-bottom: 10px;
    color: #494949;
    font-size: 18px;
    word-break: break-word;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.contact .box .contact-box .txtbox ul li .icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    text-align: left;
}
.contact .box .contact-box .txtbox ul li .icon img{
    max-width: 66.7%;
}
/*.contact .box .locations .img .point:hover .dot2, */
.contact .box .locations .img .point.on .dot2{
    opacity:0.5;
    filter:alpha(opacity=50);
    -webkit-animation:twinkle 2.1s infinite ease-in-out;
    animation:twinkle 2.1s infinite ease-in-out;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
@-webkit-keyframes twinkle {
    0% {
        opacity:0.3;
        filter:alpha(opacity=30);
        -webkit-transform:scale(0.9);
    }
    50% {
        opacity:0.5;
        filter:alpha(opacity=50);
        -webkit-transform:scale(1.1);
    }
    100% {
        opacity:0.3;
        filter:alpha(opacity=30);
        -webkit-transform:scale(0.9);
    }
}
@keyframes twinkle {
    0% {
        opacity:0.3;
        filter:alpha(opacity=30);
        -webkit-transform:scale(0.9);
    }
    50% {
        opacity:0.5;
        filter:alpha(opacity=50);
        -webkit-transform:scale(1.1);
    }
    100% {
        opacity:0.3;
        filter:alpha(opacity=30);
        -webkit-transform:scale(0.9);
    }
}
/*合作伙伴计划*/
.thank{
    padding-top: 75px;
    padding-bottom: 75px;
}
.thank .box{
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.thank .box a{
    display: inline-block;
    color: #e95754;
    text-decoration: underline;
}
/*GET STARTED WITH DISCOVERY PROGRAM*/
.discovery{
    padding-top: 75px;
    padding-bottom: 70px;
    background-color: #f8fafd;
}
.discovery .box{
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.discovery .box ul{
    margin-top: 60px;
}
.discovery .box ul li{
    position: relative;
    float: left;
    width: 27%;
    margin-right: 9.5%;
    margin-bottom: 20px;
}
.discovery .box ul li:nth-child(3n){
    margin-right: 0;
}
.discovery .box ul li .arrow{
    position: absolute;
    right: -16.8%;
    top: 10%;
    width: 20px;
    height: 14px;
}
.discovery .box ul li .arrow img{
    width: 20px;
    height: 14px;
}
.discovery .box ul li .icon{
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border-radius: 50%;
}
.discovery .box ul li .img{
    position: relative;
    z-index: 3;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: url(../images/img290.png) center no-repeat;
    background-size: cover;
}
.discovery .box ul li .icon img{
    max-width: 46%;
}
.discovery .box ul li .round{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    overflow: hidden;
}
.discovery .box ul li .round.round1{
    right: -15px;
    z-index: 2;
    background-color: #d9e5f2;
}
.discovery .box ul li .round.round2{
    right: -30px;
    z-index: 1;
    background-color: #edf3f9;
}
.discovery .box ul li .txtbox{
    margin-top: 20px;
}
.discovery .box ul li .t1{
    text-align: center;
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 22px;
}
.discovery .box ul li .t2{
    color: #494949;
    font-size: 18px;
    word-break: break-word;
    margin-top: 10px;
}
.discovery .box ul li .t2 a{
    display: inline-block;
    color: #e95754;
}
/*PRELIMINARY APPLICATION FORM*/
.application-form{
    padding-top: 65px;
    padding-bottom: 65px;
}
.application-form .box{
    margin-top: 65px;
}
.application-form .box form{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
.application-form .box form .sub-btn{
    margin-top: 45px;
    text-align: center;
}
.application-form .box form .form-li{
    width: 100%;
    overflow: hidden;
    margin-top: 25px;
}
.application-form .box form .form-li .a-half{
    float: left;
    width: 43%;
    margin-right: 14%;
}
.application-form .box form .form-li .a-half:nth-child(2n), .application-form .box form .form-li .a-half:last-child{
    margin-right: 0;
}
.application-form .box form .form-li .sp{
    font-family: "Poppins-Light";
    color: #15367f;
    font-size: 18px;
}
.application-form .box form .form-li .sp .musticon{
    display: inline-block;
    margin-right: 3px;
    color: #e95754;
}
.application-form .box form .form-li .cont{
    width: 100%;
    border: #bfbfbf solid 1px;
    margin-top: 10px;
    padding: 0px 10px;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.application-form .box form .form-li .cont2 {
    float: none;
    width: 100%;
    margin-top: 10px;
    padding: 0;
}
.application-form .box form .form-li .cont input {
    width: 100%;
    height: 46px;
    line-height: 46px;
    background: none;
    border: none;
    outline: none;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 14px;
}
.application-form .box form .form-li .cont input::-webkit-input-placeholder{
    color: #989898;
}
.application-form .box form .form-li .cont input:-moz-placeholder{
    color: #989898;
}
.application-form .box form .form-li .cont input::-moz-placeholder{
    color: #989898;
}
.application-form .box form .form-li .cont input:-ms-input-placeholder{
    color: #989898;
}
.application-form .box form .form-li select{
    width: 100%;
    border-radius: 10px;
    border: none;
    background-color: #FFFFFF;
    outline: none;
    line-height: 45px;
    height: 45px;
    color: #494949;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 40px;
    background: url(../images/img74.png) center right 25px no-repeat;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.application-form .box form .form-li .cont textarea{
    width: 100%;
    height: 180px;
    background: none;
    border: none;
    outline: none;
    resize: none;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 14px;
    padding: 20px 10px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*Discovery Program*/
.discovery-program-form{
    padding-top: 75px;
    padding-bottom: 75px;
}
.discovery-program-form .box{
    max-width: 1200px;
    width: 90%;
    margin: 45px auto 0px;
    box-shadow: 0px 1px 25px rgba(21,54,127,.22);
    border-radius: 30px;
}
.discovery-program-form .box .tit{
    text-align: center;
}
.discovery-program-form .box .tit span{
    display: inline-block;
    border-radius: 0px 0px 10px 10px;
    background-color: #f6f6f6;
    padding: 8px 30px;
    color: #494949;
    font-size: 22px;
}
.discovery-program-form .box form{
    max-width: 1000px;
    width: 90%;
    overflow: hidden;
    margin: 50px auto 0px;
    padding-bottom: 70px;
}
.discovery-program-form .box .form-btn{
    text-align: center;
}
.discovery-program-form .box .form-li{
    margin-bottom: 15px;
}
.discovery-program-form .box .form-li .subtit{
    color: #15367f;
    font-family: "Poppins-Medium";
    font-size: 22px;
    line-height: 2.5;
    margin-bottom: 30px;
    border-bottom: #15367f solid 2px;
    border-bottom: 2px transparent solid;
    border-image: -webkit-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: -moz-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
}
.discovery-program-form .box .form-li .cont{
}
.discovery-program-form .box .form-li .row{
    margin-bottom: 20px;
}
.discovery-program-form .box .form-li .row .rowli{
    margin-bottom: 10px;
}
.discovery-program-form .box .form-li .row .rowli:last-child{
    margin-bottom: 0;
}
.discovery-program-form .box .form-li .row .rowli1{
    float: left;
    width: 80%;
    width: -moz-calc(100% - 68px);
    width: -webkit-calc(100% - 68px);
    width: calc(100% - 68px);
}
.discovery-program-form .box .form-li .row .rowli2{
    float: right;
    width: 65px;
    line-height: 46px;
    overflow: hidden;
}
.discovery-program-form .box .form-li .row .rowli2 span{
    margin-left: 10px;
}
.discovery-program-form .box .form-li .half{
    float: left;
    width: 43%;
    margin-right: 14%;
    margin-bottom: 20px;
}
.discovery-program-form .box .form-li .half:nth-child(2n){
    margin-right: 0;
}
.discovery-program-form .box .form-li .sp{
    font-family: "Poppins-Light";
    color: #15367f;
    font-size: 18px;
    margin-bottom: 10px;
}
.discovery-program-form .box .form-li .sp .musticon{
    display: inline-block;
    margin-right: 3px;
    color: #e95754;
}
.discovery-program-form .box .form-li .sp .write{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    border: #bfbfbf solid 1px;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.discovery-program-form .box .form-li .sp .write1{
    width: 90px;
}
.discovery-program-form .box .form-li .sp .write2{
    width: 150px;
}
.discovery-program-form .box .form-li .sp .write span{
    display: inline-block;
    width: 40%;
}
.discovery-program-form .box .form-li .sp .write input{
    text-align: center;
    width: 100%;
    height: 46px;
    line-height: 46px;
    background: none;
    border: none;
    outline: none;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 14px;
}
.discovery-program-form .box .form-li .cont-li{
    width: 100%;
    border: #bfbfbf solid 1px;
    padding: 0px 10px;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.discovery-program-form .box .form-li .pad0{
    padding: 0;
}
.discovery-program-form .box .form-li .cont-li input {
    width: 100%;
    height: 46px;
    line-height: 46px;
    background: none;
    border: none;
    outline: none;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 14px;
}
.discovery-program-form .box .form-li .cont-li select{
    width: 100%;
    border-radius: 10px;
    border: none;
    background-color: #FFFFFF;
    outline: none;
    line-height: 45px;
    height: 45px;
    color: #494949;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 40px;
    background: url(../images/img74.png) center right 25px no-repeat;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.discovery-program-form .ckbox{
    display: inline-block;
    vertical-align: middle;
    line-height: 46px;
    margin-right: 60px;
    cursor: pointer;
}
.discovery-program-form .radio-name{
    font-family: "Poppins-Light";
    margin-left: 5px;
    color: #494949;
    font-size: 18px;
}
.discovery-program-form .ckbox-li{
    height: 13px;
    width: 13px;
    display: inline-block;
    background-image: url('../images/img259.png');
    background-repeat: no-repeat;
    background-position: -13px 0px;
    vertical-align: middle;
}
.discovery-program-form .ckbox input[type="radio"]:checked + .ckbox-li{
    background-position: 0;
}
.discovery-program-form .ckbox input[type="radio"]:checked + label + .radio-name{
    font-family: "Poppins-Regular";
}
.discovery-program-form .other{
    display: inline-block;
    vertical-align: middle;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 18px;
}
.discovery-program-form .other span{
    display: inline-block;
    vertical-align: middle;
    width: 235px;
    height: 46px;
    line-height: 44px;
    padding: 0px 10px;
    border: #bfbfbf solid 1px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.discovery-program-form .other span input{
    width: 100%;
    height: 46px;
    line-height: 46px;
    background: none;
    border: none;
    outline: none;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 14px;
}
/*活动*/
.activity{
    padding-top: 70px;
    padding-bottom: 80px;
    background-color: #f8f9fa;
}
.activity .i-title{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.activity .box{
    max-width: 1440px;
    width: 100%;
    margin: 45px auto 0px;
}
.screendiv .screen{
    width: 100%;
    text-align: center;
}
.screendiv .screen .screen-li{
    display: inline-block;
    width: 29.16%;
    background-color: #f4f4f4;
}
.screendiv .screen .screen-li select{
    width: 100%;
    border-radius: 10px;
    border: none;
    background-color: #f4f4f4;
    outline: none;
    line-height: 60px;
    height: 60px;
    color: #494949;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 40px;
    background: url(../images/img292.png) center right 30px no-repeat;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.screendiv .screen-btn{
    display: inline-block;
    width: 7.6%;
    background: url(../images/img294.png) center no-repeat;
    background-size: cover;
}
.screendiv .screen-btn input{
    width: 100%;
    line-height: 60px;
    height: 60px;
    background: url(../images/img293.png) center no-repeat;
    background-size: 23% auto;
    border: none;
    outline: none;
}
.activity .box ul{
    margin-top: 60px;
    margin-bottom: 70px;
}
.activity .box ul li{
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2.8%;
    background-color: #FFFFFF;
}
.activity .box ul li:nth-child(3n){
    margin-right: 0;
}
.activity .box ul li:hover{
    box-shadow: 0px 1px 25px rgba(44,44,44,.21);
}
.activity .box ul li a{
    display: block;
    width: 100%;
}
.activity .box ul li .imgbox{
    width: 100%;
    overflow: hidden;
}
.activity .box ul li .imgbox img{
    width: 100%;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.activity .box ul li:hover .imgbox img{
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.activity .box ul li .txtbox{
    padding: 25px;
}
.activity .box ul li .txtbox .t1{
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 22px;
    line-height: 2;
    min-height: 88px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.activity .box ul li:hover .txtbox .t1{
    color: #15367f;
}
.activity .box ul li .txtbox .t2{
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 18px;
    line-height: 2;
    margin-top: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.activity .box ul li .txtbox .icon{
    text-align: left;
    margin-top: 20px;
}
.activity .box ul li .txtbox .icon img{
    max-width: 34%;
    max-height: 70px;
}
/**/
.join{
    padding-top: 75px;
    padding-bottom: 90px;
}
.join .box{
    margin: 35px auto 0px;
    max-width: 1440px;
    width: 100%;
}
.join .box ul{
    margin-top: 20px;
}
.join .box ul li{
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.join .box ul li:first-child .headline{
    background-color: #ececec;
}
.join .box ul li:first-child .headline .tit{
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 18px;
    padding-left: 5.6%;
}
.join .box ul li .headline{
    width: 100%;
    height: 66px;
    line-height: 66px;
    overflow: hidden;
    border-bottom: #efefef solid 1px;
}
.join .box ul li .headline .tit{
    float: left;
    width: 25%;
    color: #494949;
    font-size: 16px;
    padding-left: 3.2%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.join .box ul li.on .headline .tit{
    color: #15367f;
}
.join .box ul li .txtbox{
    display: none;
    padding: 30px 65px;
    background-color: #f8f9fa;
    border-top: #15367f solid 1px;
    border-top: 1px transparent solid;
    border-image: -webkit-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: -moz-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.join .box ul li .txtbox .t1{
    padding-bottom: 25px;
    border-bottom: #dcdcdc solid 1px;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 16px;
    line-height: 2;
}
.join .box ul li .txtbox .t1 span{
    float: left;
    min-width: 30%;
    margin-right: 2%;
}
.join .box ul li .txtbox .t2{
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 16px;
    line-height: 2;
    padding: 30px 0px;
    border-bottom: #dcdcdc solid 1px;
}
.join .box ul li .txtbox .t2 .half{
    float: left;
    width: 48%;
    margin-right: 4%;
}
.join .box ul li .txtbox .t2 .half:nth-child(2n){
    margin-right: 0;
}
.join .box ul li .txtbox .t3{
    font-family: "Poppins-Medium";
}
.join .box ul li .btn{
    margin-top: 40px;
}
/**/
.zpbg{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left:0;
    right: 0;
    margin: auto;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.zp_close {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}
.zp_close img{
    width: 40px;
}
.r-detail{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 870px;
    max-height: 880px;
}
.recruit-detail{
    width: 790px;
    max-height: 88%;
    height: calc(100% - 50px);
    overflow: auto;
    background-color: #FFFFFF;
    padding: 45px 25px;
    margin-top: 70px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}
.rd-describe{
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 0px 20px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.rd-mark{
    color: #dbad8b;
    font-size: 16px;
    line-height: 32px;
}
.zpbg .tit{
    font-size: 24px;
    font-family:
}
.zpbg .form-li{
    width: 100%;
    margin-bottom: 25px;
}
.zpbg .form-li .sp{
    font-family: "Poppins-Light";
    color: #15367f;
    font-size: 18px;
    margin-bottom: 10px;
}
.zpbg .form-li .form-li .sp .wsp{
    font-size: 14px;
}
.zpbg .form-li .sp a{
    display: inline-block;
    margin: 0px 2px;
    color: #e95754;
}
.zpbg .form-li .sp .asterisk{
    display: inline-block;
    margin-right: 3px;
    color: #e95754;
}
.zpbg .form-li .inputli{
    width: 100%;
    border-bottom: #e95754 solid 1px;
    padding: 0px 10px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.zpbg .form-li .inputli input{
    width: 100%;
    background: none;
    border: none;
    outline: none;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 18px;
}
.zpbg .form-li .inputli input::-webkit-input-placeholder{
    color: #989898;
}
.zpbg .form-li .inputli input:-moz-placeholder{
    color: #989898;
}
.zpbg .form-li .inputli input::-moz-placeholder{
    color: #989898;
}
.zpbg .form-li .inputli input:-ms-input-placeholder{
    color: #989898;
}
.zpbg .form-li .upload{
    position: relative;
    max-width: 200px;
    width: 100%;
    border: #eaeaea dashed 1px;
    text-align: center;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.zpbg .form-li .upload .substance{
    padding: 20px 20px;
}
.zpbg .form-li .upload .substance .img{
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: #f9f9f9;
}
.zpbg .form-li .upload .substance .t1{
    color: #e95754;
    font-size: 14px;
    text-decoration: underline;
}
.zpbg .form-li .upload .substance .t2{
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 14px;
    margin-top: 15px;
}
.zpbg .form-li .upload .inputfile{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    outline: none;
    opacity: 0;
    cursor: pointer;
}
.zpbg .form-li .upload input{
    font-family: "Poppins-Light";
    color: #999999;
    font-size: 14px;
}
.zpbg .sub-btn{
    text-align: center;
    margin-top: 40px;
}
.zpbg .sub-btn span{
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    background: url(../images/img54.png) center no-repeat;
    background-size: 100% 100%;
    font-family: "Poppins-Light";
    color: #ffffff;
    font-size: 14px;
    border-radius: 20px 0px 20px 0px;
    min-width: 120px;
    text-align: center;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.zpbg .sub-btn span input{
    width: 100%;
    height: 40px;
    font-family: "Poppins-Light";
    color: #ffffff;
    font-size: 14px;
    background: none;
    border: none;
    outline: none;
}
@media screen and (max-width: 1024px){
    .r-detail{
        width: 100%;
        padding: 0 5%;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .zp_close{
        right: 5%;
    }
    .recruit-detail{
        width: -moz-calc(100% - 50px);
        width: -webkit-calc(100% - 50px);
        width: calc(100% - 50px);
    }
    .zpbg .sub-btn{
        margin-top: 30px;
    }
}
@media screen and (max-width: 768px){
    .zpbg .form-li .sp{
        font-size: 16px;
        margin-bottom: 5px;
    }
    .zpbg .form-li .inputli input{
        font-size: 16px;
    }
    .zpbg .sub-btn{
        margin-top: 20px;
    }
}
@media screen and (max-width: 640px){
    .recruit-detail{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .zpbg .form-li .sp{
        font-size: 15px;
    }
    .zpbg .form-li .inputli input{
        font-size: 15px;
    }
    .zpbg .form-li .upload .substance{
        padding: 10px;
    }
}
@media screen and (max-width: 414px){

    .zp_close{
        right: 0;
        top: 5%;
    }
    .zp_close img{
        width: 30px;
    }
    .recruit-detail{
        width: 100%;
        max-height: 80%;
    }
    .rd-describe{
        padding: 0px 10px;
    }
    .rd-mark{
        font-size: 14px;
        line-height: 26px;
    }
}
/**/
.learn-more{
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #f8fafd;
}
.learn-more .box{
    margin-top: 70px;
}
.learn-more .box ul li{
    float: left;
    width: 23.75%;
    margin-right: 1.666%;
}
.learn-more .box ul li:nth-child(4n){
    margin-right: 0;
}
.learn-more .box ul li a{
    display: block;
    width: 100%;
}
.learn-more .box ul li .imgbox{
    width: 100%;
}
.learn-more .box ul li .imgbox img{
    width: 100%;
}
.learn-more .box ul li:hover .imgbox{
    box-shadow: 0px 1px 16px rgba(21,54,127,.26);
}
.learn-more .box ul li .txt{
    padding: 20px;
    font-family: "Poppins-Medium";
    font-size: 22px;
    color: #494949;
    text-align: center;
}
.learn-more .box ul li:hover .txt{
    color: #15367f;
}
/*解决方案*/
.solution{
    position: relative;
    padding-top: 130px;
    background: url(../images/img304.png) top center no-repeat;
}
/*.solution:before, .solution::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 50%;
	height: 100%;
	background: url(../images/img306.png) bottom left no-repeat;
}
.solution:after, .solution::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 50%;
	height: 100%;
	background: url(../images/img305.png) top right no-repeat;
}*/
.solution1{
    padding-bottom: 35px;
}
.solution2{
    padding-bottom: 60px;
}
.solution3{
    background-color: #f8f8f8;
    padding-bottom: 60px;
}
.solution4{
    background: #f8f8f8;
}
.solution3 .box ul li{
    position: relative;
    float: left;
    width: 24.25%;
    margin-right: 1%;
    margin-bottom: 5%;
    overflow: hidden;
    background-color: #FFFFFF;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.solution3 .box ul li:nth-child(4n){
    margin-right: 0;
}
.solution3 .box ul li:hover{
    box-shadow: 0px 1px 27px rgba(2,4,48,.15);
}
.solution3 .box ul li .imgbox{
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.solution3 .box ul li .imgbox img{
    width: 100%;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.solution3 .box ul li:hover .imgbox img{
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.solution3 .box ul li .txtbox{
    height: 280px;
    padding: 20px 15px 25px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.solution3 .box ul li .txtbox .txt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin-bottom: 40px;
}
.solution3 .box ul li .txtbox .t1{
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 26px;
}
.solution3 .box ul li:hover .txtbox .t1{
    color: #15367f;
}
.solution3 .box ul li .txtbox .t2{
    color: #494949;
    font-size: 16px;
    padding-top: 22px;
    line-height: 2;
}
.solution3 .com-btn{
    position: absolute;
    left: 15px;
    bottom: 25px;
}
.solution4 .box .left{
    float: left;
    width: 62.5%;
}
.solution4 .box .title{
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 30px;
}
.solution4 .box .title.line{
    padding-bottom: 15px;
    border-bottom: #15367f solid 2px;
    border-bottom: 2px transparent solid;
    border-image: -webkit-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: -moz-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
}
.solution4 .box .left .txtbox{
    padding: 45px 0px;
    color: #494949;
    font-size: 18px;
    line-height: 2;
}
.solution4 .box .left .txtbox .tit{
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 18px;
    margin-bottom: 10px;
}
.solution4 .box .right{
    float: right;
    width: 32.5%;
    background-color: #FFFFFF;
    padding: 3.125% 3.75%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.solution4 .box .right .message{
    margin-top: 35px
}
.solution4 .box .right .message ul li{
    margin-bottom: 30px;
}
.solution4 .box .right .message ul li a{
    display: block;
    width: 100%;
}
.solution4 .box .right .message ul li .imgbox{
    width: 100%;
    overflow: hidden;
}
.solution4 .box .right .message ul li .imgbox img{
    width: 100%;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.solution4 .box .right .message ul li:hover .imgbox img{
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.solution4 .box .right .message ul li .txt{
    padding: 15px 0px;
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 24px;
}
.solution4 .box .right .message ul li:hover .txt{
    color: #15367f;
}
.applicable-product{
    padding-top: 85px;
    padding-bottom: 50px;
    background-color: #ffffff;
}
.applicable-product .cont{
    max-width: 1200px;
    width: 100%;
    margin: 70px auto 0px;
}
.case-study{
    padding-top: 65px;
    padding-bottom: 90px;
    background-color: #f8f8f8;
}
.case-study .box{
    max-width: 1326px;
    width: 100%;
    margin: 70px auto 0px;
}
.case-study .box ul li{
    background-color: #FFFFFF;
}
/*全球据点*/
.headquarter{
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #FFFFFF;
}
.headquarter .box{
    box-shadow: 2px 0px 30px rgba(0,0,0,.23);
}
.headquarter .box .imgbox{
    width: 100%;
    overflow: hidden;
}
.headquarter .box .imgbox img{
    width: 100%;
}
.headquarter .box .txtbox{
    padding: 2.7% 8.5%;
    background-color: #FFFFFF;
}
.headquarter .box .txtbox .tit{
    font-family: "Poppins-Medium";
    font-size: 26px;
    color: #494949;
}
.headquarter .box .txtbox ul{
    margin-top: 30px;
}
.headquarter .box .txtbox ul li{
    position: relative;
    float: left;
    width: 33.33%;
    padding-left: 50px;
    padding-right: 3%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.headquarter .box .txtbox ul li .icon{
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background-color: #15367f;
}
.headquarter .box .txtbox ul li .icon img{
    max-width: 50%;
    /*width: 20px;
	height: 13px;*/
}
.headquarter .box .txtbox ul li .txt{
    margin-top: 8px;
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 14px;
    word-break: break-word;
}
/*Global locations*/
.global-locations{
    padding-top: 75px;
    padding-bottom: 125px;
    background-color: #f8fafd;
}
.global-locations .box{
    margin-top: 40px;
}
.global-locations .box>ul>li{
    cursor: pointer;
}
.enfoldment ul li .subhead{
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 2.1%;
    padding-right: 7.86%;
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 22px;
    border-bottom: #dcdcdc solid 1px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.enfoldment ul li .subhead .icon{
    position: absolute;
    right: 2.1%;
    top: 0;
    width: 27px;
    height: 100%;
    background: url(../images/img320.png) center no-repeat;
    background-size: 27px 27px;
    cursor: pointer;
}
.enfoldment ul li.on .subhead .icon{
    background: url(../images/img321.png) center no-repeat;
    background-size: 27px 27px;
}
.enfoldment ul li .substance{
    display: none;
}
.global-locations .enfoldment ul li .substance{
    padding: 0 4.6%;
}
.discontinued .enfoldment ul li .substance{
    padding: 0 3.2%;
}
.global-locations .box ul li .substance .subbox{
    margin-top: 30px;
    padding-bottom: 20px;
}
.global-locations .box ul li .substance .subbox .t1{
    color: #494949;
    font-size: 18px;
    margin-bottom: 10px;
}
.global-locations .box ul li .substance .subbox ul{
    border-left: #15367f solid 1px;
    padding-left: 20px;
}
.global-locations .box ul li .substance .subbox ul li{
    font-family: "Poppins-Light";
    color: #15367f;
    font-size: 18px;
    margin-bottom: 10px;
}
.global-locations .box ul li .substance .subbox ul li a{
    color: #15367f;
    text-decoration: underline;
}
.global-locations .box ul li .substance .subbox ul li a img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
/*Discontinued products*/
.discontinued{
    padding-top: 70px;
    padding-bottom: 80px;
    background-color: #FFFFFF;
}
.discontinued .box{
    margin-top: 40px;
}
.discontinued .dis-product{
    margin-top: 30px;
}
.discontinued .dis-product ul li{
    float: left;
    width: 28.66%;
    margin-right: 7%;
    margin-bottom: 3.2%;
    border: #e5e5e5 solid 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.discontinued .dis-product ul li:nth-child(3n){
    margin-right: 0;
}
.discontinued .dis-product ul li:hover{
    box-shadow: 0px 2px 21px rgba(33,33,33,.13);
}
.discontinued .dis-product ul li a{
    display: block;
    width: 100%;
}
.discontinued .dis-product ul li .txtbox{
    float: left;
    width: 63%;
    padding: 20px 20px 0px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.discontinued .dis-product ul li .txtbox .t1{
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 18px;
    margin-bottom: 3px;
}
.discontinued .dis-product ul li .txtbox .t2{
    color: #494949;
    font-size: 16px;
    margin-bottom: 3px;
}
.discontinued .dis-product ul li:hover .txtbox .t1, .discontinued .dis-product ul li:hover .txtbox .t2{
    color: #15367f;
}
.discontinued .dis-product ul li .txtbox .t3{
    color: #e95754;
    font-size: 16px;
}
.discontinued .dis-product ul li .imgbox{
    float: left;
    width: 37%;
    overflow: hidden;
    text-align: center;
}
.one{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.discontinued .dis-product ul li .imgbox img{
    max-width: 100%;
}
/*related downloads*/
.brochure{
    padding-top: 90px;
    padding-bottom: 80px;
}
.brochure .box{
}
.brochure .box .txtbox{
    float: left;
    width: 71.4%;
    padding-right: 3.6%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.brochure .box .imgbox{
    float: right;
    width: 28.6%;
    background-color: #f2f2f2;
    padding: 2% 2.85%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.brochure .box .imgbox .t1{
    font-family: "Poppins-Medium";
    color: #15367f;
    font-size: 22px;
}
.brochure .box .imgbox a{
    display: block;
    width: 100%;
    margin-top: 15px;
}
.brochure .box .imgbox a>img{
    width: 100%;
}
.brochure .box .imgbox a .t2{
    font-family: "Poppins-Light";
    color: #15367f;
    font-size: 16px;
    text-decoration: underline;
    margin-top: 20px;
}
.brochure .box .imgbox a .t2 img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 17px;
    height: 16px;
}
/*Download center*/
.download-center{
    padding-top: 90px;
    padding-bottom: 75px;
    background-color: #f8fafd;
}
.download-center .box{
    margin-top: 45px;
}
.download-center .box .content{
    margin-top: 40px;
}
.download-center .box .content .tit{
    font-family: "Poppins-Medium";
    color: #494949;
    font-size: 22px;
    padding-bottom: 5px;
    border-bottom: #15367f solid 1px;
    border-bottom: 1px transparent solid;
    border-image: -webkit-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: -moz-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
}
.download-center .box .content>ul{
    margin-top: 40px;
    margin-bottom: 80px;
}
.download-center .box .content>ul>li{
    padding: 1.7%;
    margin-bottom: 30px;
    background: #FFFFFF;
    border: #e5e5e5 solid 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.download-center .box .content>ul>li:hover{
    box-shadow: 2px 0px 21px rgba(33,33,33,.13);
}
.download-center .upper{
    width: 100%;
}
.download-center .upper .left{
    float: left;
    width: 46%;
}
.download-center .upper .img{
    float: left;
    width: 26.66%;
    text-align: center;
}
.download-center .upper .img img{
    max-width: 100%;
}
.download-center .upper .txt{
    float: left;
    width: 73.34%;
    overflow: hidden;
    margin-top: 10px;
}
.download-center .upper .txt .t1{
    color: #494949;
    font-size: 20px;
}
.download-center ul li:hover .upper .txt .t1{
    color: #15367f
}
.download-center .upper .txt .t2{
    margin-top: 10px;
}
.download-center .upper .txt .t2 a{
    float: left;
    display: inline-block;
    margin-right: 15px;
    border-radius: 10px;
    font-family: "Poppins-Light";
    color: #666666;
    font-size: 14px;
    background: #f0f0f0;
    line-height: 30px;
    padding: 0px 20px;
}
.download-center .upper .txt .t2 a:hover{
    color: #FFFFFF;
    background: url(../images/img90.png) center no-repeat;
    background-size: cover;
}
.download-center .upper .t3{
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 16px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.download-center .upper ul li:hover .t3{
    color: #15367f;
}
.download-center .upper .right{
    float: left;
    width: 54%;
}
.download-center .upper ul li{
    cursor: pointer;
}
.download-center .upper .tabs{
    margin-top: 15px;
}
.download-center .upper .tabs li{
    position: relative;
    float: left;
    width: 33.33%;
    padding: 0 3%;
    min-height: 105px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.download-center .upper .tabs li::before, .download-center .upper .tabs li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 70px;
    background-color: #e5e5e5;
}
.download-center .upper .tabs li.on i{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
    margin: auto;
    z-index: 2;
    width: 16px;
    height: 9px;
    background: url(../images/img333.png) center no-repeat;
    background-size: 16px 9px;
}
.download-center .upper .tabs li.on::after, .download-center .upper .tabs li.on:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
    margin: auto;
    z-index: 1;
    width: 16px;
    height: 9px;
    background-color: #FFFFFF;
}
.download-center .upper .tabs li .icon{
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5px;
}
.download-center .upper .tabs li .icon img{
    display: inline-block;
    max-width: 20%;
    /*width: 28px;
	height: 28px;*/
}
.download-center .upper .tabs li .icon .img2{
    display: none;
}
.download-center .upper .tabs li:hover .icon .img1, .download-center .upper .tabs li.on .icon .img1{
    display: none;
}
.download-center .upper .tabs li:hover .icon .img2, .download-center .upper .tabs li.on .icon .img2{
    display: inline-block;
}
.download-center .lower{
    display: none;
    width: 100%;
    padding-top: 25px;
    border-top: #e95754 solid 1px
}
/*.download-center .box .content>ul>li:hover .lower{
	display: block;
}*/
.download-center .lower .lowerli{
    display: none;
}
/*.download-center .lower .lowerli.on{
	display: block;
}*/
.download-center .lower ul li{
    float: left;
    width: 50%;
    padding-left: 10%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.download-center .lower ul li a{
    position: relative;
    display: block;
    width: 100%;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 18px;
    margin: 10px auto;
}
.download-center .lower ul li a:hover{
    color: #15367f;
    text-decoration: underline;
}
/*新闻中心*/
.new-center{
    padding-top: 80px;
    padding-bottom: 90px;
}
.new-center .box{
    margin-top: 50px;
}
.new-center .new-tab ul li{
    float: left;
    width: 16.66%;
}
.new-center .new-tab ul li:hover{
    box-shadow: 5px 10px 18px rgba(27,27,27,.13);
}
.new-center .new-tab ul li a{
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.new-center .new-tab ul li .icon{
    width: 100%;
    overflow: hidden;
    margin-bottom: 6px;
}
.new-center .new-tab ul li .icon img{
    /*width: 35px;
	height: 34px;*/
    max-width: 20%;
}
.new-center .new-tab ul li .txt{
    font-family: "Poppins-Light";
    color: #1b2077;
    font-size: 18px;
}
.new-center .new{
    margin-top: 30px;
}
.new-center .new ul{
    margin-bottom: 90px;
}
.new-center .new ul li{
    position: relative;
    padding: 50px 0;
    overflow: hidden;
    border-bottom: 1px dashed #dcdcdc;
}
.new-center .new ul li:hover{
    border-bottom: 1px dashed transparent;
}
.new-center .new ul li::before, .new-center .new ul li:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    border-bottom: #15367f solid 1px;
    border-bottom: 1px transparent solid;
    border-image: -webkit-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: -moz-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    border-image: linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.new-center .new ul li:hover::before, .new-center .new ul li:hover:before{
    width: 100%
}
/*.new-center .new ul li:hover{
	border-bottom: #15367f solid 1px;
	border-bottom: 1px transparent solid;
	border-image: -webkit-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
	border-image: -moz-linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
	border-image: linear-gradient(to right, #15367f, #804769, #e85754) 1 10;
}*/
.new-center .new ul li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.new-center .new ul li .n1{
    float: left;
    width: 120px;
    padding-right: 5%;
    margin-top: 30px;
}
.new-center .new ul li .n1 .t1{
    color: #aeaeae;
    font-size: 41px;
    line-height: 60px;
    border-bottom: 1px solid #aeaeae;
    text-align: center;
}
.new-center .new ul li .n1 .t1 sup{
    font-size: 24px;
}
.new-center .new ul li:hover .n1 .t1{
    color: #15367f;
    border-bottom: 1px solid #15367f;
}
.new-center .new ul li .n1 .t2{
    color: #aeaeae;
    font-size: 18px;
    margin-top: 15px;
}
.new-center .new ul li:hover .n1 .t2{
    color: #15367f;
}
.new-center .new ul li .n2{
    width: 340px;
    float: left;
    overflow: hidden;
    margin-right: 5%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.new-center .new ul li:hover .n2{
    box-shadow: 0px 1px 16px rgba(21,54,127,.26);
}
.new-center .new ul li .n2 img{
    width: 100%;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.new-center .new ul li .n2:hover img{
    -o-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}
.new-center .new ul li .n3{
    width: -moz-calc(90% - 460px);
    width: -webkit-calc(90% - 460px);
    width: calc(90% - 460px);
    float: right;
}
.new-center .new ul li .n3 .t1{
    color: #494949;
    font-size: 20px;
    margin-top: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.new-center .new ul li:hover .n3 .t1{
    color: #15367f;
}
.new-center .new ul li .n3 .t2{
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 16px;
    margin-top: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.new-center .new ul li .n3 .t3{
    display: none;
    color: #494949;
    font-size: 14px;
    margin-top: 10px;
}
.new-center .new ul li .n3 .line{
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: #e9e9e9 solid 1px;
}
/*new-detail*/
.new-detail{
    padding-top: 90px;
    padding-bottom: 70px;
}
.new-detail .detail-title{
    text-align: center;
    padding-bottom: 15px;
    border-bottom: #dcdcdc dashed 1px;
}
.subtxt{
    margin-top: 30px;
}
.new-detail .txtbox{
    float: left;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 18px;
    line-height: 1.5;
}
.new-detail .txtbox span{
    display: inline-block;
    vertical-align: middle;
    margin-right: 80px;
}
.new-detail .txtbox a{
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
.new-detail .txtbox a:hover{
    color: #244184;
}
.d-share{
    float: right;
}
.d-share .tit{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 18px;
}
.d-share ul{
    display: inline-block;
    vertical-align: middle;
}
.d-share ul li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.d-share ul li:last-child{
    margin-right: 0;
}
.new-detail .detail-box {
    padding: 35px 0px 50px;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 16px;
    line-height: 2;
    overflow: hidden;
}
.new-detail .detail-other{
    padding-top: 35px;
    border-top: #dddddd solid 1px;
    overflow: hidden;
}
.back-to{
    float: right;
}
/*.back-to a{
	display: inline-block;
	padding: 0 15px;
	text-align: center;
	border: #dcdcdc solid 1px;
	line-height: 50px;
	color: #0a78ab;
	font-size: 18px;
}
.back-to a img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}*/
.nextprev{
    overflow: hidden;
}
.nextprev ul{
    float: left;
    width: -moz-calc(100% - 165px);
    width: -webkit-calc(100% - 165px);
    width: calc(100% - 165px);
    overflow: hidden;
}
.nextprev ul li{
    margin-bottom: 5px;
}
.nextprev ul li a{
    display: block;
    width: 100%;
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 16px;
    line-height: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nextprev ul li a:hover{
    color: #15367f;
}
.follow{
    border-top: #eaeaea solid 1px;
    padding-top: 55px;
    padding-bottom: 40px;
    background: #f8fafd url(../images/img358.png) bottom center no-repeat;
    background-size: 100% auto;
}
.follow .tit{
    text-align: center;
    font-family: "Poppins-medium";
    color: #494949;
    font-size: 28px;
}
.follow .box{
    margin-top: 30px;
}
.follow .box ul{
    text-align: center;
}
.follow .box ul li{
    display: inline-block;
    vertical-align: middle;
    margin: 0px 20px;
}
.follow .box ul li a{
    display: block;
    width: 100%;
}
.follow .box ul li a img{
    width: 36px;
    height: 36px;
}
.follow .box ul li a .img2{
    display: none;
}
.follow .box ul li:hover a .img1{
    display: none;
}
.follow .box ul li:hover a .img2{
    display: inline-block;
}
/*隐私声明*/
.privacy-policy{
    padding-top: 90px;
    padding-bottom: 90px;
}
.privacy-policy .box{
    font-family: "Poppins-Light";
    color: #494949;
    font-size: 16px;
    line-height: 2;
    padding: 20px 0px;
}
.privacy-policy .box .medium{
    font-family: "Poppins-Medium";
}
.privacy-policy .box a{
    color: #e95754;
}
/**/
@media screen and (max-width: 1680px){
    .head-nav .nav>li{
        margin-right: 50px;
    }
    .header .head-nav{
        margin-right: 0;
    }
    .head-nav .prod-nav{
        left: 495px;
    }
    .head-nav .prod-nav .img{
        width: 330px;
    }
    .owidth, .owidth1, .owidth2, .owidth3, .overview .box{
        padding-left: 4%;
        padding-right: 4%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .vm-box ul li .txtbox, .solution2 .vm-box ul li .txtbox{
        padding-top: 30px;
    }
    .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
    }
    .vm-box ul li .com-btn{
        bottom: 30px;
    }
    .ndevor .ndevor-tab .item{
        margin-right: 10px;
    }
}
@media screen and (max-width: 1536px){
    /*.footer .foot-nav{
		width: 28%;
	}*/
    .footer .foot-nav ul li{
        padding-right: 5%;
    }
}
@media screen and (max-width: 1440px){
    .main{
        padding-top: 100px;
    }
    .header .box{
        height: 100px;
    }
    .header .logo a{
        line-height: 100px;
    }
    .head-nav .nav>li{
        margin-right: 40px;
    }
    .header .head-nav .nav>li>a{
        line-height: 100px;
        font-size: 18px;
    }
    .head-nation{
        padding-top: 35px;
        height: 100px;
    }
    .head-nation ul{
        top: 100px;
    }
    .header .show-search-btn{
        height: 100px;
        line-height: 100px;
    }
    .header .iconlink{
        line-height: 100px;
    }
    .search{
        top: 100px;
    }
    .head-nav .subnav{
        top: 100px;
    }
    .head-nav .subnav_2{
        padding-left: 50px;
        width: 400px;
    }
    .head-nav .prod-nav{
        left: 445px;
    }
    .head-nav .prod-nav .img{
        width: 280px;
    }
    .search-header{
        padding-top: 70px;
        padding-bottom: 90px;
    }
    .search-header .search-input{
        font-size: 22px;
    }
    /*2021.1.22*/
    .head-nav .nav>li::before{
        bottom: 30px;
    }
    .header .navcell{
        top: 100px;
    }
    .header .nav-li .level-con, .header1 .nav-li .level-con{
        padding-left: 50px;
    }
    .header .head_back{
        top: 100px;
    }
    /**/
    .footer1 .ft-nav ul li{
        margin-right: 30px;
    }
    .footer1 .ft-share ul li{
        width: 35px;
    }
    .footer1 .ft-share ul li a img{
        width: 100%;
        height: auto;
    }
    /*banner*/
    .i-banner .box .t1{
        font-size: 24px;
    }
    .i-banner .box .t2{
        font-size: 36px;
        margin-bottom: 60px;
    }
    .lunbotu .swiper-pagination-bullet{
        width: 60px;
    }
    .lunbotu.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0px 10px;
    }
    .obanner .bannerzi .box .t1{
        font-size: 42px;
    }
    .i-banner .box .t3{
        font-size: 32px;
    }
    /*标题*/
    .i-title .t1{
        font-size: 30px;
    }
    .i-title .t2{
        font-size: 32px;
    }
    .i-title .t3{
        font-size: 36px;
    }
    .i-title .t4{
        font-size: 30px;
    }
    .i-title .t6{
        font-size: 22px;
    }
    .i-title .t8.mar60{
        margin-top: 40px;
    }
    .i-title .t9{
        font-size: 30px;
    }
    /*index*/
    .provide{
        padding-top: 70px;
    }
    .provide .box{
        margin-top: 50px;
    }
    .provide .box ul li{
        padding-top: 50px;
    }
    .i-product{
        padding-top: 80px;
    }
    .i-product .box ul li .txtbox{
        padding-top: 8%;
    }
    .i-product .box ul li .txtbox .t1{
        font-size: 26px;
    }
    .i-solution .box{
        margin-top: 40px;
        padding-top: 100px;
        padding-right: 7%;
        padding-left: 7%;
    }
    .i-solution .swiper-button-next, .i-solution .swiper-container-rtl .swiper-button-prev {
        background-image: url(../images/img33a.png);
    }
    .i-solution .swiper-button-prev, .i-solution .swiper-container-rtl .swiper-button-next {
        background-image: url(../images/img32a.png);
    }
    .i-new .box .tit{
        font-size: 42px;
    }
    .i-new .box ul{
        padding-top: 20px;
    }
    .i-why{
        padding-top: 70px;
    }
    .i-why .box{
        margin-top: 50px;
    }
    .i-why .box ul li .txtbox .t1{
        font-size: 30px;
    }
    .i-why .box ul li .txtbox .t2{
        font-size: 16px;
    }
    .i-why .box ul li .icon{
        text-align: center;
    }
    .i-why .box ul li .icon img{
        width: 55px;
    }
    /*about*/
    .empowering{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .about{
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .about .box{
        margin-top: 50px;
    }
    .about .box .txtbox{
        margin-top: 0;
    }
    .about .box .txtbox .t1{
        margin-bottom: 40px;
        padding-bottom: 40px;
    }
    .tech{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .tech .box{
        margin-top: 80px;
    }
    .tech .box .txtbox .techfontbox li{
        padding-bottom: 50px;
        padding-left: 50px;
        margin-right: 50px;
    }
    .history{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .history .box{
        margin-top: 50px;
    }
    .newsroom{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .newsroom .box{
        margin-top: 50px;
    }
    .newsroom .box .txtbox .t1{
        font-size: 20px;
    }
    .newsroom .box .txtbox .t2{
        font-size: 28px;
        margin-top: 20px;
    }
    .newsroom .box .txtbox .t3{
        margin-top: 20px;
    }
    .newsroom .box .txtbox .t5{
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .contact{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .contact .box{
        margin-top: 50px;
    }
    /*activity*/
    .activity{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .activity .box ul{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .activity .box ul li .txtbox .t1{
        font-size: 20px;
        min-height: 80px;
    }
    .activity .box ul li .txtbox .t2{
        margin-top: 15px;
    }
    /*after sales maintenance*/
    .technical-support, .contact-us-form{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .after-sales-maintenance{
        padding-bottom: 60px;
    }
    .after-sales-maintenance .content{
        margin-top: 40px;
        margin-bottom: 50px;
        padding-top: 50px;
    }
    .after-sales-maintenance .content .tit{
        font-size: 20px;
    }
    .jump-table{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    /*authentication*/
    .enroll{
        padding: 90px 0px;
    }
    /**/
    .overview{
        padding-top: 60px;
    }
    .overview .box .qaediv ul li{
        width: 32%;
        margin-right: 2%;
    }
    .overview .box .qaediv ul li:nth-child(3n){
        margin-right: 0;
    }
    .overview .box .qaediv ul li .t4{
        padding-top: 6%;
    }
    .overview .box .qaediv ul li .t4 .txt{
        padding: 0% 4% 0% 5%;
    }
    .erat .box .txtbox{
        width: 50%;
        padding-top: 4%;
        padding-left: 1.34%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .cop{
        padding-top: 60px;
    }
    .cop .copdiv{
        margin-top: 40px;
    }
    .cop .copdiv ul li .t1{
        margin-top: 20px;
        font-size: 18px;
    }
    .cop .copdiv ul li .t2{
        font-size: 16px;
    }
    .cop .copdiv .imgbox{
        height: 120px;
    }
    .cop .copdiv .imgbox ul{
        margin-top: 30px;
    }
    /*.discontinued*/
    .discontinued{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .enfoldment ul li .subhead{
        font-size: 20px;
    }
    .discontinued .dis-product ul li{
        width: 32%;
        margin-right: 2%;
    }
    .discontinued .dis-product ul li .txtbox{
        padding: 15px 15px 0px;
    }
    .wk-support{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .wk-support ul{
        margin-top: 40px;
    }
    .wk-support ul li .t1{
        font-size: 20px;
    }
    /*join*/
    .join{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .join .box ul li .txtbox{
        padding: 30px 40px;
    }
    .learn-more{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .learn-more .box{
        margin-top: 50px;
    }
    .learn-more .box ul li .txt{
        font-size: 20px;
    }
    /*.marketing-resource*/
    .marketing-resource{
        padding-top: 60px;
    }
    .marketing-resource .video .left{
        font-size: 32px;
    }
    .marketing-resource .video-list{
        padding-top: 60px;
    }
    .marketing-resource .video-list .left{
        width: 300px;
    }
    .marketing-resource .video-list .left ul li .a-level{
        /*height: 60px;
		line-height: 60px;*/
        font-size: 20px;
        padding: 13px 20px 13px 10px;
    }
    .marketing-resource .video-list .right{
        width: -moz-calc(96.9% - 300px);
        width: -webkit-calc(96.9% - 300px);
        width: calc(96.9% - 300px);
    }
    .markting-list{
        margin-top: 40px;
        padding-bottom: 80px;
    }
    .markting-list ul li .txt .t1, .markting-list ul li .txt .t2{
        font-size: 18px;
    }
    .markting-list ul li .tagbox a{
        padding: 0px 15px;
        margin-bottom: 5px;
    }
    /*new center*/
    .new-center{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .new-center .box{
        margin-top: 40px;
    }
    .new-center .new ul{
        margin-bottom: 60px;
    }
    .new-center .new ul li{
        padding: 40px 0px;
    }
    /*new detail*/
    .new-detail{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    /*.oem-odm*/
    .oem-odm{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .oem-odm .box{
        margin-top: 50px;
    }
    .oem-odm .box ul li .above .txt{
        font-size: 22px;
    }
    .oem-odm .box ul li .below .txtbox .t1{
        font-size: 22px;
    }
    .oem-odm .box ul li .below .txtbox .t2{
        margin-top: 15px;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
    }
    /*partner portal*/
    .partner-portal{
        padding-top: 60px;
    }
    .partner-portal .box .left{
        width: 350px;
    }
    .partner-portal .box .right{
        width: -moz-calc(100% - 385px);
        width: -webkit-calc(100% - 385px);
        width: calc(100% - 385px);
    }
    .partner-portal .box .right .titbox .t1{
        font-size: 32px;
    }
    .partner-portal .box .right .ch-box{
        padding-bottom: 20px;
    }
    .partner-portal .box .right .ch-box .cont ul li .txtbox .t1{
        font-size: 18px;
    }
    .partner-portal .box .right .ch-box .cont ul li .txtbox .t2{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .pr-box{
        margin-top: 40px;
    }
    .pr-box>ul {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .pr-box ul li .txtbox .t1{
        font-size: 20px;
    }
    .pr-box ul li .txtbox ul li{
        font-size: 16px ;
    }
    .vm-box ul li .text, .vm-box ul li .txtbox .t1{
        font-size: 22px;
    }
    .solution1 .vm-box ul li .text, .solution1 .vm-box ul li .txtbox .t1{
        font-size: 24px;
    }
    .solution2 .vm-box ul li .text, .solution2 .vm-box ul li .txtbox .t1{
        font-size: 22px;
    }
    .vm-box ul li .txtbox{
        padding: 20px 20px 20px;
    }
    .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }
    .solution{
        padding-top: 80px;
    }
    .product-image{
        padding-bottom: 80px;
    }
    .product-image ul li{
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .product-image .tick-icon{
        right: 20px;
    }
    .product-image ul li .txtbox .t1{
        font-size: 20px;
    }
    .product-image ul li .txtbox ul li{
        font-size: 16px;
    }
    /*partner program*/
    .discovery-program{
        padding-top: 60px;
    }
    .o-principles{
        padding-top: 60px;
    }
    .o-principles ul li .iconbox{
        padding-left: 80px;
        font-size: 20px;
    }
    .con-partner{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .con-partner.partner-c{
        padding-bottom: 80px;
    }
    .con-partner.partner-c .content .txtbox ul{
        padding: 60px 0px;
    }
    .thank{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .discovery{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .discovery .box ul li .t1{
        font-size: 20px;
    }
    .application-form{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .application-form .box{
        margin-top: 50px;
    }
    .discovery-program-form{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    /*privacy policy*/
    .privacy-policy{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    /*product center*/
    .level-page{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .product-center .screen-box{
        margin-top: 70px;
    }
    .product-center .screen-box ul li a{
        height: 68px;
        /*line-height: 68px;*/
    }
    .level-page .page-search .page-search-left input{
        height: 68px;
        line-height: 68px;
    }
    .level-page .page-search .page-search-right{
        height: 68px;
    }
    .page-product-list ul li{
        width: 30%;
        margin-right: 5%;
    }
    .secondary-page .content{
        margin-top: 70px;
    }
    .secondary-page .left{
        width: 320px;
    }
    .secondary-page .right{
        width: -moz-calc(100% - 320px);
        width: -webkit-calc(100% - 320px);
        width: calc(100% - 320px);
        padding-left: 4%;
    }
    .product-hover{
        padding-top: 20px;
    }
    .product-hover .t1{
        padding: 0 8%;
        font-size: 24px;
    }
    .product-hover .t2{
        padding: 0 8%;
        font-size: 18px;
    }
    .product-hover .t3{
        margin-top: 10px;
        padding: 0 8%;
        font-size: 16px;
    }
    .secondary-page .product-hover .t3{
        margin-top: 0;
    }
    .product-hover .industries{
        margin-top: 20px;
    }
    .secondary-page .product-hover .industries{
        margin-top: 0;
    }
    /* product detail */
    .standard{
        padding-top: 70px;
    }
    .standard .left .markbox .mark-txt .t1{
        font-size: 30px;
    }
    .standard .right .tit{
        padding-bottom: 25px;
    }
    .standard .right .tit .t1{
        font-size: 30px;
    }
    .standard .right .crosshead{
        font-size: 20px;
    }
    .standard .right .cont{
        margin-top: 30px;
    }
    .tabbox.fixed{
        top: 100px;
    }
    /*.detailed-description .content-box .content-li{
		padding-top: 240px;
		margin-top: -210px;
	}
	.detailed-description .content-box .content-li .act{
		padding-top: 210px;
	}*/
    .image-text .tuwen .box{
        /* padding-left: 4%;
		padding-right: 4%; */
        margin-left: 4%;
        margin-right: 4%;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .image-text .tuwen .t1{
        font-size: 38px;
    }
    .image-text .tuwen .t2{
        font-size: 22px;
    }
    .image-text .tuwen .t3{
        font-size: 20px;
    }
    .image-text .tuwen.tuwen5 .imgbox{
        margin-top: 40px;
    }
    .standard .might{
        padding-top: 60px;
    }
    .standard .might ul{
        margin-top: 50px;
    }
    .standard .might .title{
        font-size: 32px;
    }
    .image-text{
        margin-top: 60px;
    }
    .detailed-description .content-box .content-li.downloads-box ul li{
        width: 30%;
        margin-right: 5%;
    }
    .detailed-description .content-box .content-li .s-briefing ul li{
        width: 30%;
        margin-right: 5%;
    }
    .detailed-description .content-box .content-li .c-studies ul li{
        width: 48%;
        margin-right: 4%;
    }
    .brochure{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .download-center{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .download-center .box{
        margin-top: 40px;
    }
    /**/
    .p-warranty{
        padding-top: 60px;
    }
    /*  */
    .applicable-product{
        padding-top: 60px;
    }
    .applicable-product .cont{
        margin-top: 50px;
    }
    .case-study{
        padding-bottom: 70px;
    }
    .case-study .box{
        margin-top: 60px;
    }
    .solution3 .box ul li .txtbox .txt{
        margin-bottom: 20px;
        -webkit-line-clamp: 3;
    }
    .solution3 .box ul li .txtbox .t1{
        font-size: 22px;
    }
    .solution3 .box ul li .txtbox .t2{
        padding-top: 10px;
    }
    .technical-support .box{
        margin-top: 50px;
    }
    .technical-support .box ul li .t1{
        padding-left: 25px;
        font-size: 20px;
    }
    .technical-support .box ul li .t2{
        padding: 20px 20px 0px;
        font-size: 16px;
    }
    .service-support .probox ul li .txtbox .t1{
        font-size: 20px;
    }
    .service-support .probox ul li .txtbox .t2{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .service-support .probox ul li .txtbox .t3 .sp{
        font-size: 20px;
    }
    /*  */
    .whydiv{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .whydiv .box .contli{
        margin-top: 50px;
    }
    .ndevor{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .box-top{
        margin-top: 50px;
    }
    .ndevor .ndevor-tab .item{
        font-size: 18px;
        margin-right: 0;
    }
    .works{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .works .content{
        margin-top: 0;
    }
    .availability{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .availability .content{
        margin-top: 50px;
    }
    .us-download{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .us-download .content{
        margin-top: 50px;
    }
    /*  */
    .wiki-box{
        padding-bottom: 70px;
    }
    .wiki .wiki-box .content.mar-t{
        margin-top: 50px;
    }
    .wiki .wiki-box .left{
        width: -moz-calc(100% - 385px);
        width: -webkit-calc(100% - 385px);
        width: calc(100% - 385px);
    }
    .wiki .wk-list ul li{
        padding: 30px 30px;
    }
    .wiki .wiki-box .right{
        width: 350px;
    }
    .all-comments .comment-list ul li .t1 .ws1{
        width: 14%;
    }
    .all-comments .comment-list ul li .t1 .ws2{
        width: 86%;
    }
    /*  */
    .headquarter{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .headquarter .box .txtbox{
        padding: 2.5% 5%;
    }
    .global-locations{
        padding-top: 70px;
        padding-bottom: 80px;
    }
    .service-support.guarantee{
        padding-bottom: 70px;
    }
}
@media screen and (max-width: 1366px){
    .head-nav .nav>li{
        margin-right: 35px;
    }
    .header .iconlink{
        padding: 0 15px;
    }
    .head-nav .subnav_2{
        width: 350px;
    }
    .head-nav .prod-nav{
        left: 395px;
    }
    /**/
    .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
    .secondary-page .left{
        width: 300px;
    }
    .secondary-page .right{
        width: -moz-calc(100% - 300px);
        width: -webkit-calc(100% - 300px);
        width: calc(100% - 300px);
    }
    .s-menu .tit{
        padding: 18px 20px;
    }
    .wiki-box{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .wk-detail-title .t3 .tags{
        float: none;
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
    }
    .wk-detail-title .t3 .tags .cont{
        max-width: -moz-calc(100% - 75px);
        max-width: -webkit-calc(100% - 75px);
        max-width: calc(100% - 75px);
        width: auto;
    }
    .wk-detail-title .t3 .tags .tags-icon{
        float: left;
    }
    .wk-detail-title .t3 .infor{
        float: none;
        max-width: 100%;
        width: 100%;
    }
}
@media screen and (max-width: 1280px){
    .head-nav .nav>li{
        margin-right: 30px;
    }
    .header .iconlink{
        padding: 0 10px;
    }
    .head-nav .subnav_2{
        padding-left: 35px;
        width: 320px;
    }
    .head-nav .prod-nav{
        left: 345px;
    }
    /**/
    .footer1 .ft-nav ul li{
        margin-right: 25px;
    }
    /**/
    .solution{
        padding-top: 60px;
    }
    .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .solution1 .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
    .solution2 .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }
    .level-page .page-search .page-search-left input{
        height: 58px;
        line-height: 58px;
    }
    .level-page .page-search .page-search-right{
        height: 58px;
    }
    .product-center .screen-box{
        margin-top: 60px;
    }
    .product-center .screen-box ul li{
        width: 16.8%;
        margin-right: 4%;
    }
    .product-center .screen-box ul li a{
        height: 58px;
        /*line-height: 58px;*/
    }
    .secondary-page .content{
        margin-top: 60px;
    }
    .secondary-page .left{
        width: 280px;
    }
    .secondary-page .right{
        width: -moz-calc(100% - 280px);
        width: -webkit-calc(100% - 280px);
        width: calc(100% - 280px);
        padding-left: 3%;
    }
    .headquarter{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .global-locations{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .service-support.guarantee{
        padding-bottom: 60px;
    }
}
@media screen and (max-width: 1200px){
    .conwidth{
        width: 100%;
        padding-left: 3%;
        padding-right: 3%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .main{
        padding-top: 60px;
    }
    .menubtn{
        display: block;
    }
    .head-nav{
        display: none;
    }
    .header .box{
        height: 60px;
    }
    .header .logo a{
        line-height: 60px;
    }
    .header .logo a img{
        min-width: 130px;
    }
    .head-nav .nav>li{
        margin-right: 40px;
    }
    .header .head-nav .nav>li>a{
        line-height: 60px;
    }
    .header .show-search-btn{
        height: 60px;
        line-height: 60px;
    }
    .header .iconlink{
        line-height: 60px;
    }
    .search{
        top: 60px;
    }
    .head-nav .subnav{
        top: 60px;
    }
    .header .iconlink{
        padding: 0px 15px;
    }
    .head-nation{
        padding-left: 0;
        margin-right: 15px;
        width: 23px;
        height: 60px;
        padding-top: 16px;
    }
    .head-nation ul{
        top: 60px;
    }
    .head-nation .current .name{
        display: none;
    }
    .head-nation ul{
        width: auto;
        white-space: nowrap;
        /*left: 50%;
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);*/
        padding: 10px 20px;
    }
    .search-header {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .search .submit0{
        height: 60px;
        background-size: 20px 20px;
    }
    .search-close{
        height: 60px;
        background-size: 20px 20px;
    }
    .search-header .search-input{
        text-indent: 40px;
        line-height: 60px;
        font-size: 18px;
    }
    /**/
    .main1{
        padding-top: 60px;
    }
    .o-margin{
        margin-top: 0;
    }
    .header1 .h-other{
        padding-right: 0;
    }
    .h-other .h-global a span, .h-other .h-user a span, .h-other .h-operate a span{
        display: none;
    }
    .h-other .h-global a img, .h-other .h-user a img, .h-other .h-operate a img{
        margin-right: 0;
    }
    .h-other .h-operate a .out{
        display: inline-block;
    }
    /*footer*/
    .footer .f-logo{
        max-width: 30%;
    }
    .footer .foot-nav{
        display: none;
    }
    .foot-cont .foot-download{
        display: none;
    }
    .foot-cont{
        width: 100%;
        margin-bottom:  30px;
    }
    .foot-share{
        display: none;
    }
    .foot-cont .foot-infor{
        width: 100%;
    }
    .foot-cont .foot-infor ul li{
        float: left;
        width: 30%;
        margin-bottom: 0;
    }
    .foot-cont .foot-infor ul li:nth-child(2){
        float: right;
        width: 60%;
    }
    .footer .copyright .txt{
        text-align: center;
        font-size: 14px;
    }
    .footer .support{
        display: inline-block;
        float: none;
    }
    /**/
    .footer1 .ft-nav, .footer1 .ft-share{
        display: none;
    }
    .footer1 .ft-logo{
        float: none;
        text-align: center;
    }
    .footer1 .lower{
        font-size: 14px;
    }
    .lunbotu>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{
        bottom: 20px;
    }
    .tabbox.fixed{
        top: 60px;
    }
}
@media screen and (max-width: 1024px){
    /*banner*/
    .oimg1{
        display: none;
    }
    .oimg2{
        display: block;
    }
    .i-banner{
        top: 28%;
        -o-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
    /*.i-banner .box .t1{
		font-size: 20px;
	}*/
    .i-banner .box .t2{
        max-width: 100%;
        /*font-size: 30px;
		margin-bottom: 40px;*/
    }
    .i-banner .box .t3{
        font-size: 28px;
        margin-bottom: 30px;
    }
    .i-banner .box .a-btn span{
        padding-right: 30px;
        height: 50px;
        line-height: 50px;
    }
    .i-banner .box .a-btn span img{
        height: 70%;
        margin-right: 10px;
    }
    .lunbotu .swiper-pagination-bullet{
        width: 30px;
    }
    .lunbotu.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0px 5px;
    }
    .com-btn span, .com-btn a{
        height: 45px;
        line-height: 45px;
    }
    .obanner .bannerzi .box .t1{
        font-size: 36px;
    }
    .position{
        position: static;
        padding: 10px 0px;
    }
    .position .box{
        position: static;
        transform: none;
        text-align: left;
        padding: 0 3%;
    }
    .position .box a, .position .box span{
        color: #494949;
        line-height: 2;
    }
    /*标题*/
    .i-title .t1{
        font-size: 28px;
    }
    .i-title .t2{
        font-size: 28px;
    }
    .i-title .nav-list{
        display: block;
        list-style-type: disc;
    }
    .i-title .nav-list>li{
        display: inline;
        float:center;
    }
    .i-title .t3{
        font-size: 28px;
    }
    .i-title .t4{
        font-size: 28px;
    }
    .i-title .t5{
        font-size: 16px;
        margin-top: 10px;
    }
    .i-title .t6{
        font-size: 20px;
    }
    .i-title .t7{
        font-size: 18px;
    }
    .i-title .t8{
        font-size: 20px;
    }
    .i-title .t8.mar60{
        margin-top: 20px;
    }
    .i-title .t9{
        font-size: 28px;
    }
    .owidth, .owidth1, .owidth2, .owidth3, .overview .box{
        padding-left: 0;
        padding-right: 0;
    }
    /**/
    .sidebar ul li{
        margin-bottom: 18px;
    }
    /*index*/
    .provide{
        padding-top: 50px;
    }
    .provide .box{
        margin-top: 30px;
    }
    .provide .box ul li{
        padding-top: 30px;
        margin-bottom: 0;
    }
    .provide .box ul li .txt{
        font-size: 16px;
        height: 64px;
    }
    .i-product{
        padding-top: 50px;
    }
    .i-product .box ul li .txtbox .t1{
        font-size: 20px;
    }
    .i-product .box ul li .txtbox .t2{
        font-size: 16px;
        height: 96px;
    }
    .i-solution .box{
        margin-top: 30px;
        padding-top: 50px;
        padding-right: 50px;
        padding-left: 50px;
    }
    .i-solution .i-solution-li{
        margin-bottom: 0;
    }
    .i-solution .i-solution-li .txtbox{
        padding: 20px 10px;
    }
    .i-solution .i-solution-li .txtbox .t1{
        font-size: 20px;
    }
    .i-solution .swiper-button-next, .i-solution .swiper-button-prev{
        width: 40px;
        height: 40px;
        -moz-background-size: 40px 40px;
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px;
    }
    .i-partner{
        padding-top: 50px;
    }
    .i-partner .box{
        margin-top: 30px;
    }
    .i-partner-box{
        padding-bottom: 35px;
    }
    .partner-icon{
        height: 100px;
        line-height: 100px;
    }
    .i-new .box{
        padding: 20px;
    }
    .i-new .box .tit{
        font-size: 32px;
    }
    .i-new .box ul li:last-child{
        margin-bottom: 0;
    }
    .i-new .box ul li .t2{
        font-size: 16px;
    }
    .i-why{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .i-why .box{
        margin-top: 30px;
    }
    .i-why .box ul li .cont{
        padding-left: 80px;
    }
    .i-why .box ul li .txtbox .t1{
        font-size: 24px;
    }
    .i-why .box ul li .txtbox .t2{
        font-size: 15px;
    }
    .i-why .box ul li .icon{
        text-align: center;
        width: 80px;
    }
    .i-why .box ul li .icon img{
        width: 45px;
    }
    /*about*/
    .empowering{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .empowering .box{
        margin-top: 40px;
    }
    .empowering .box ul{
        margin-bottom: 40px;
    }
    .empowering .box ul li .txt{
        font-size: 16px;
    }
    .about{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .about .box{
        margin-top: 40px;
    }
    .about .box .txtbox .t1{
        font-size: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .about .box .txtbox .t2{
        font-size: 16px;
    }
    .tech{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .tech .box{
        margin-top: 50px;
    }
    .tech .box .txtbox .techfontbox li{
        padding-bottom: 20px;
        padding-left: 30px;
        margin-right: 0px;
    }
    .tech .box .txtbox .techCodeTit{
        font-size: 16px;
    }
    .tech .box .txtbox .techfontbox li .silutionCodeNum{
        top: 0;
        left: 35px;
        font-size: 70px;
    }
    .history{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .history .box{
        margin-top: 40px;
    }
    .history .box .left{
        width: 40%;
    }
    .history .box .right{
        width: 60%;
    }
    .history .box .left ul li .tit{
        font-size: 20px;
    }
    .history .box .right ul li .t1{
        font-size: 20px;
    }
    .history .box .right ul li .t2{
        font-size: 16px;
    }
    .newsroom{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .newsroom .box{
        margin-top: 40px;
    }
    .newsroom .box .txtbox .t1{
        font-size: 18px;
    }
    .newsroom .box .txtbox .t2{
        font-size: 24px;
        margin-top: 10px;
    }
    .newsroom .box .txtbox .t3{
        margin-top: 10px;
        font-size: 15px;
    }
    .newsroom .box .txtbox .t4{
        font-size: 16px;
    }
    .newsroom .box .txtbox .t5{
        margin-bottom: 20px;
    }
    .contact{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .contact .box{
        margin-top: 40px;
    }
    .contact .box .contact-box{
        width: 40%;
    }
    .contact .box .contact-box .imgbox{
        margin-bottom: 20px;
    }
    .contact .box .contact-box .txtbox .t1{
        font-size: 20px;
    }
    .contact .box .contact-box .txtbox ul{
        margin-top: 15px;
    }
    .contact .box .contact-box .txtbox ul li{
        font-size: 16px;
    }
    /*activity*/
    .activity{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .activity .box{
        margin-top: 40px;
    }
    .screendiv .screen .screen-li select{
        height: 50px;
        line-height: 50px;
        padding-left: 20px;
        padding-right: 40px;
        background: url(../images/img292.png) center right 20px no-repeat;
    }
    .screendiv .screen-btn input{
        height: 50px;
        line-height: 50px;
    }
    .activity .box ul{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .activity .box ul li .txtbox{
        padding: 20px;
    }
    .activity .box ul li .txtbox .t1{
        font-size: 18px;
        min-height: 72px;
    }
    .activity .box ul li .txtbox .t2{
        font-size: 16px;
        margin-top: 10px;
    }
    .activity .box ul li .txtbox .icon{
        margin-top: 15px;
    }
    /*after sales maintenance*/
    .technical-support, .contact-us-form{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .after-sales-maintenance{
        padding-bottom: 50px;
    }
    .after-sales-maintenance .content{
        margin-top: 30px;
        margin-bottom: 40px;
        padding-top: 30px;
    }
    .general-form .form-tit span{
        font-size: 20px;
    }
    .general-form .formdiv .btn{
        margin-top: 20px;
    }
    .jump-table, .discovery-program-form{
        padding: 50px 0px;
    }
    .jump-table .box, .discovery-program-form .box{
        margin-top: 30px;
    }
    .jump-table.cda-form .box{
        padding-bottom: 50px;
    }
    .jump-table .box .cont, .discovery-program-form .box form{
        margin-top: 40px;
    }
    .discovery-program-form .box{
        width: 100%;
    }
    .discovery-program-form .box form{
        width: 100%;
        padding: 0px 40px 50px;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .jump-table .box .tit span, .discovery-program-form .box .tit span{
        font-size: 20px;
    }
    .jump-table .box .cont{
        width: 100%;
    }
    .jump-table .box .cont .subhead, .discovery-program-form .box .form-li .subtit{
        font-size: 20px;
    }
    .discovery-program-form .box .form-li .subtit{
        margin-bottom: 25px;
    }
    .jump-table .box .cont .sub-btn{
        margin-top: 40px;
    }
    .jump-table.cda-form .box .subtable table tr td:last-child{
        padding: 0;
    }
    .jump-table .box .subtable{
        overflow-x: auto;
    }
    .jump-table .box .subtable table{
        min-width: 880px;
    }
    .jump-table .box .subtable .ic{
        margin-right: 5px;
        margin-left: 0;
    }
    .jump-table .box .subtable .ic:last-child{
        margin-right: 0;
    }
    /*authentication*/
    .enroll{
        padding: 70px 0px 80px;
    }
    .enroll .content{
        min-height: 600px;
    }
    .enroll .content .en-title .tit{
        font-size: 20px;
    }
    .enroll .content .en-title .text{
        font-size: 16px;
    }
    .enroll .cpright{
        font-size: 15px;
    }
    .enroll .content .txt3{
        position: static;
        margin-top: 50px;
        font-size: 16px;
    }
    .enroll .content .formbox .txt1{
        margin-bottom: 40px;
    }
    .enroll.succeeded .textbox{
        margin-top: 70px;
    }
    .enroll.register .register-box{
        margin-top: 40px;
    }
    .enroll.other.register .content .formbox{
        margin-top: 40px;
    }
    .enroll .subtitle .sub1{
        font-size: 20px;
        padding-bottom: 30px;
    }
    .enroll .subtitle .sub2{
        margin-top: 30px;
        font-size: 18px;
    }
    /**/
    .overview{
        padding-top: 50px;
    }
    .overview .box .synopsis, .overview .box .qae .t2{
        font-size: 16px;
    }
    .overview .box .qaediv ul li .t3{
        font-size: 18px;
        padding: 15px 10px;
    }
    .overview .box .qaediv ul li .t4{
        min-height: 180px;
    }
    .overview .box .qaediv ul li .t4 .icon{
        width: 28%;
    }
    .overview .box .qaediv ul li .t4 .txt{
        width: 72%;
        padding: 0 4%;
        font-size: 16px;
    }
    .eat{
        padding: 50px 0px;
    }
    .eatdiv ul li{
        font-size: 16px;
    }
    .erat{
        padding: 50px 0px;
    }
    .erat .box .txtbox{
        width: 52%;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 3%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .erat .box .txtbox .txt{
        margin-top: 20px;
        font-size: 16px;
    }
    .cop{
        padding-top: 50px;
    }
    .cop .copdiv{
        margin-top: 30px;
    }
    .cop .copdiv .imgbox{
        height: 120px;
    }
    .cop .copdiv .imgbox ul{
        margin-top: 30px;
    }
    .cop .copdiv ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 3%;
    }
    .cop .copdiv ul li:nth-child(2n){
        margin-right: 0;
    }
    .cop .copdiv ul li .cont{
        min-height: 280px;
        padding-bottom: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .demo-programg-guide .cop .copdiv ul li .cont{
        min-height: 180px;
        padding-bottom: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .cop .copdiv ul li .t1{
        margin-top: 10px;
    }
    .cop .copdiv ul li .t2{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .cop .copdiv ul li .cop-link{
        position: static;
        margin-top: 10px;
    }
    .cop .copdiv ul li .cop-link a{
        font-size: 16px;
    }
    .cop .copdiv .imgbox{
        height: 100px;
        margin-top: 0;
    }
    .cop .copdiv .imgbox ul{
        display: none;
    }
    .textcon .box{
        margin-bottom: 40px;
    }
    .table-box, .dpg-table{
        overflow-x: auto;
    }
    .table-box table, .dpg-table table{
        min-width: 800px;
    }
    .textcon .box .txt{
        font-size: 16px;
    }
    .table-box table tr th, .dpg-table table tr th{
        font-size: 18px;
    }
    .table-box table tr td, .dpg-table table tr td{
        font-size: 16px;
    }
    .tips{
        text-align: left;
    }
    .listtxt ul li{
        padding-left: 15px;
    }
    /*.discontinued*/
    .discontinued{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .discontinued .box{
        margin-top: 30px;
    }
    .enfoldment ul li .subhead{
        font-size: 18px;
    }
    .discontinued .dis-product ul li{
        width: 48%;
        margin-right: 4%;
    }
    .discontinued .dis-product ul li:nth-child(3n){
        margin-right: 4%;
    }
    .discontinued .dis-product ul li:nth-child(2n){
        margin-right: 0;
    }
    .discontinued .dis-product ul li .txtbox{
        padding: 20px 20px 0px;
    }
    .wk-support{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .wk-support ul{
        margin-top: 30px;
    }
    .wk-support ul li{
        width: 32%;
        margin-right: 2%;
    }
    .wk-support ul li a{
        padding: 20px;
    }
    .wk-support ul li .t1{
        font-size: 18px;
    }
    .wk-support ul li .t2{
        font-size: 16px;
    }
    /*join*/
    .join{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .join .box ul li .txtbox{
        padding: 20px 30px;
    }
    .join .box ul li .headline{
        height: 56px;
        line-height: 56px;
    }
    .learn-more{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .learn-more .box{
        margin-top: 40px;
    }
    .learn-more .box ul li .txt{
        font-size: 16px;
    }
    /*.marketing-resource*/
    .marketing-resource{
        padding-top: 50px;
    }
    .marketing-resource .video .left{
        font-size: 28px;
    }
    .marketing-resource .video-list{
        padding-top: 50px;
    }
    .marketing-resource .video-list .left{
        width: 240px;
    }
    .marketing-resource .video-list .left ul li .a-level{
        /*height: 55px;
		line-height: 55px;*/
        font-size: 18px;
    }
    .drop-list .b-level{
        font-size: 16px;
    }
    .slider.adsorbent{
        top: 65px;
    }
    .marketing-resource .video-list .left.slider{
        height: -moz-calc(100% - 65px);
        height: -webkit-calc(100% - 65px);
        height: calc(100% - 65px)
    }
    .marketing-resource .right .right-top .search-div{
        width: 100%;
    }
    .marketing-resource .right .right-top{
        background: #FFFFFF;
        padding-bottom: 0;
    }
    .marketing-resource .video-list .right{
        width: -moz-calc(96.9% - 240px);
        width: -webkit-calc(96.9% - 240px);
        width: calc(96.9% - 240px);
    }
    .markting-list{
        margin-top: 30px;
        padding-bottom: 60px;
    }
    .markting-list ul{
        margin-bottom: 30px;
    }
    .marketing-resource .markting-list ul li{
        width: 48%;
        margin-right: 4%;
    }
    .marketing-resource .markting-list ul li:nth-child(3n){
        margin-right: 4%;
    }
    .marketing-resource .markting-list ul li:nth-child(2n){
        margin-right: 0;
    }
    .marketing-resource .markting-list.active ul li{
        width: 100%;
        margin-right: 0;
    }
    .markting-list ul li .txt .t1, .markting-list ul li .txt .t2{
        font-size: 16px;
    }
    .markting-list ul li .tagbox a{
        padding: 0px 12px;
    }
    /*new center*/
    .new-center{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .new-center .box{
        margin-top: 30px;
    }
    .new-center .new ul{
        margin-bottom: 50px;
    }
    .new-center .new ul li{
        padding: 30px 0px;
    }
    .new-center .new ul li .n1{
        padding-right: 4%;
    }
    .new-center .new ul li .n1 .t1{
        font-size: 36px;
    }
    .new-center .new ul li .n1 .t1 sup{
        font-size: 20px;
    }
    .new-center .new ul li .n2{
        width: 300px;
        margin-right: 4%;
    }
    .new-center .new ul li .n3{
        width: -moz-calc(92% - 420px);
        width: -webkit-calc(92% - 420px);
        width: calc(92% - 420px);
    }
    /*new detail*/
    .new-detail{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .subtxt{
        margin-top: 20px;
    }
    .new-detail .txtbox{
        float: none;
        width: 100%;
        text-align: center;
    }
    .new-detail .txtbox span{
        margin-right: 40px;
    }
    .d-share{
        display: none;
    }
    .new-detail .detail-box{
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .back-to{
        display: none;
    }
    .nextprev ul{
        width: 100%;
    }
    .follow{
        padding-top: 50px;
    }
    .follow .tit{
        font-size: 24px;
    }
    /*.oem-odm*/
    .oem-odm{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .oem-odm .box{
        margin-top: 40px;
    }
    .oem-odm .box ul li .above .txt{
        font-size: 20px;
    }
    .oem-odm .box ul li .below .txtbox .t1{
        font-size: 20px;
    }
    .oem-odm .box ul li .below .txtbox .t2{
        font-size: 16px;
        margin-top: 10px;
    }
    .oem-odm .box ul li .below .txtbox .t3{
        font-size: 15px;
    }
    /*partner portal*/
    .partner-portal{
        padding-top: 40px;
    }
    .partner-portal .box .left{
        width: 100%;
        padding: 0px;
        border-top: none;
    }
    .tag-box .tit{
        margin-top: 0;
        font-size: 20px;
    }
    .slider.adsorbent{
        position: static;
    }
    .partner-portal .box .right{
        width: 100%;
        margin-top: 30px;
    }
    .partner-portal .box .right .titbox{
        line-height: 50px;
    }
    .partner-portal .box .right .titbox .t1{
        font-size: 28px;
    }
    .partner-portal .box .right .titbox a{
        font-size: 15px;
    }
    .partner-portal .box .right .ch-box .cont{
        margin-top: 15px;
    }
    .markting-list.mark-box ul{
        margin-top: 15px;
    }
    .pr-box{
        margin-top: 30px;
    }
    .pr-box>ul {
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .pr-box ul li .txtbox{
        margin-top: 20px;
    }
    .pr-box ul li .txtbox .t1{
        font-size: 18px;
    }
    .pr-box ul li .txtbox ul li{
        font-size: 15px;
    }
    .vm-box ul li .text, .vm-box ul li .txtbox .t1{
        font-size: 20px;
    }
    .solution1 .vm-box ul li .text, .solution1 .vm-box ul li .txtbox .t1{
        font-size: 20px;
    }
    .solution2 .vm-box ul li .text, .solution2 .vm-box ul li .txtbox .t1{
        font-size: 20px;
    }
    .vm-box ul{
        margin-top: 15px;
    }
    .vm-box ul li .txtbox{
        padding: 20px 20px 20px;
    }
    .vm-box ul li .txtbox .t2{
        margin-top: 5px;
    }
    .vertical-update .vm-box ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .vertical-update .vm-box ul li:nth-child(3n){
        margin-right: 4%;
    }
    .vertical-update .vm-box ul li:nth-child(2n){
        margin-right: 0;
    }
    .partner-portal .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
        overflow: hidden;
    }
    .vertical-update .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
        overflow: hidden;
    }
    .solution1 .vm-box ul li{
        width: 31.33%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    .solution1 .vm-box ul li:nth-child(3n){
        margin-right: 0;
    }
    .solution .vm-box ul li .txtbox .t2{
        font-size: 16px;
    }
    .solution1 .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
    }
    .solution2 .vm-box ul li{
        margin-bottom: 4%;
    }
    .solution2 .vm-box ul li .txtbox .t2 {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .product-image{
        margin-top: 40px;
        padding-bottom: 50px;
    }
    .product-image ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .product-image ul li:nth-child(3n){
        margin-right: 4%;
    }
    .product-image ul li:nth-child(2n){
        margin-right: 0;
    }
    .product-image ul li .txtbox .t1{
        font-size: 18px;
    }
    .product-image.active .com-btn{
        position: static;
        float: right;
    }
    /*partner program*/
    .discovery-program{
        padding-top: 50px;
    }
    .o-principles{
        padding-top: 50px;
    }
    .o-principles ul li .iconbox{
        padding-left: 60px;
        padding-top: 5px;
        font-size: 18px;
    }
    .o-principles ul li .iconbox .icon{
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .con-partner{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .con-partner.partner-c{
        padding-bottom: 60px;
    }
    .con-partner .tab-cont .para{
        padding: 40px 60px;
    }
    .con-partner .content .txtbox ul li .t1{
        font-size: 16px
    }
    .con-partner .content .txtbox ul li .t2{
        font-size: 16px;
    }
    .thank{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .discovery{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .discovery .box ul li .t1{
        font-size: 18px;
    }
    .application-form{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .application-form .box{
        margin-top: 40px;
    }
    .application-form .box form .form-li .a-half{
        width: 46%;
        margin-right: 4%;
    }
    .application-form .box form .form-li .sp{
        font-size: 16px;
    }
    .discovery .box ul li{
        width: 29%;
        margin-right: 6.5%;
    }
    .discovery-program .intro .module ul li .t1{
        font-size: 16px;
    }
    .discovery-program .intro .module ul li .t2{
        font-size: 16px;
        margin-top: 10px;
    }
    .con-partner.partner-c .content .txtbox ul{
        padding: 50px 0px;
    }
    .guidebook .box .txt{
        font-size: 26px;
    }
    /**/
    .discovery-program-form{
        padding: 50px 0px;
    }
    .discovery-program-form .box{
        width: 100%;
        margin-top: 30px;
    }
    .discovery-program-form .box form{
        margin-top: 40px;
        width: 100%;
        padding: 0px 40px 50px;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .discovery-program-form .box .tit span{
        font-size: 20px;
    }
    .discovery-program-form .box .form-li .subtit{
        font-size: 20px;
        margin-bottom: 25px;
    }
    .privacy-policy {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    /*product center*/
    .level-page{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .level-page .page-search .tit{
        font-size: 20px;
    }
    .level-page .page-search .page-search-left{
        padding: 0px 20px;
        width: -moz-calc(100% - 80px);
        width: -webkit-calc(100% - 80px);
        width: calc(100% - 80px);
    }
    .level-page .page-search .page-search-right{
        width: 80px;
        background: url(../images/img216.png) center no-repeat;
        background-size: 24px 24px;
    }
    .product-center .screen-box{
        margin-top: 50px;
    }
    .product-center .screen-box ul{
        width: 100%;
        text-align: center;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .product-center .screen-box ul::-webkit-scrollbar{
        width:0px;
        height:0px;
    }
    .product-center .screen-box ul::-webkit-scrollbar-button{
        background-color:rgba(0,0,0,0);
    }
    .product-center .screen-box ul::-webkit-scrollbar-track{
        background-color:rgba(0,0,0,0);
    }
    .product-center .screen-box ul::-webkit-scrollbar-track-piece{
        background-color:rgba(0,0,0,0);
    }
    .product-center .screen-box ul::-webkit-scrollbar-thumb{
        background-color:rgba(0,0,0,0);
    }
    .product-center .screen-box ul::-webkit-scrollbar-corner{
        background-color:rgba(0,0,0,0);
    }
    .product-center .screen-box ul::-webkit-scrollbar-resizer{
        background-color:rgba(0,0,0,0);
    }
    .product-center .screen-box ul::-webkit-scrollbar{
        width:0px;
        height:0px;
    }
    .product-center .screen-box ul li{
        float: none;
        display: inline-block;
        min-width: 18%;
        width: auto;
        margin-right: 2%;
        padding: 0 10px;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .product-center .screen-box ul li a{
        display: block;
        font-size: 16px;
        height: 58px;
        line-height: 58px;
    }
    .secondary-page .content{
        margin-top: 50px;
    }
    .page-product-list ul li{
        width: 31.33%;
        margin-right: 3%;
    }
    .secondary-page .right .page-product-list ul li{
        width: 48%;
        margin-right: 4%;
    }
    .secondary-page .right .page-product-list ul li:nth-child(3n){
        margin-right: 4%;
    }
    .secondary-page .right .page-product-list ul li:nth-child(2n){
        margin-right: 0;
    }
    .product-hover .t1{
        font-size: 20px;
    }
    .product-hover .t2{
        font-size: 16px;
    }
    .product-hover .t3{
        font-size: 15px;
        margin-top: 5px;
    }
    .secondary-page .product-hover .t3{
        margin-top: 10px;
    }
    .product-hover .industries{
        margin-top: 15px;
    }
    .secondary-page .product-hover .industries{
        margin-top: 10px;
    }
    .s-menu .tit{
        padding: 12px 20px;
    }
    /* product detail */
    .standard{
        padding-top: 60px;
    }
    .standard .left .markbox{
        width: 180px;
        height: 180px;
    }
    .standard .left .markbox .mark-txt .t1{
        font-size: 28px;
    }
    .standard .right{
        width: 48%;
    }
    .standard .right .tit{
        padding-bottom: 20px;
    }
    .standard .right .tit .t1{
        font-size: 26px;
    }
    .standard .right .crosshead{
        font-size: 18px;
    }
    .standard .right .cont{
        margin-top: 20px;
    }
    .standard .right .specs ul li{
        width: 48%;
        margin-right: 4%;
        font-size: 15px;
    }
    .standard .right .specs ul li .sp{
        font-size: 15px;
    }
    .standard .right .iconsbox ul li{
        width: 25%;
    }
    .image-text{
        margin-top: 50px;
    }
    .image-text .tuwen .box{
        margin-left: 0%;
        margin-right: 0%;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .image-text .tuwen .t1{
        font-size: 32px;
    }
    .image-text .tuwen .t2{
        font-size: 20px;
    }
    .image-text .tuwen .t3{
        font-size: 18px;
    }
    .image-text .tuwen.tuwen5 .imgbox{
        margin-top: 30px;
    }
    .detailed-description{
        margin-top: 50px;
    }
    .detailed-description .tabbox ul{
        width: 100%;
        text-align: center;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .detailed-description .tabbox ul::-webkit-scrollbar{
        width:0px;
        height:0px;
    }
    .detailed-description .tabbox ul::-webkit-scrollbar-button{
        background-color:rgba(0,0,0,0);
    }
    .detailed-description .tabbox ul::-webkit-scrollbar-track{
        background-color:rgba(0,0,0,0);
    }
    .detailed-description .tabbox ul::-webkit-scrollbar-track-piece{
        background-color:rgba(0,0,0,0);
    }
    .detailed-description .tabbox ul::-webkit-scrollbar-thumb{
        background-color:rgba(0,0,0,0);
    }
    .detailed-description .tabbox ul::-webkit-scrollbar-corner{
        background-color:rgba(0,0,0,0);
    }
    .detailed-description .tabbox ul::-webkit-scrollbar-resizer{
        background-color:rgba(0,0,0,0);
    }
    .detailed-description .tabbox ul::-webkit-scrollbar{
        width:0px;
        height:0px;
    }
    .detailed-description .tabbox ul li{
        display: inline-block;
        float: none;
        min-width: 100px;
        width: auto;
        padding: 0px 15px;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 15px;
        line-height: 60px;
        height: 60px;
    }
    .detailed-description .tabbox ul li .tabs{
        font-size: 20px;
    }
    /*.detailed-description .content-box .content-li{
		padding-top: 160px;
		margin-top: -130px;
	}
	.detailed-description .content-box .content-li .act{
		padding-top: 130px;
	}*/
    .detailed-description .content-box .content-li.downloads-box ul li{
        width: 31%;
        margin-right: 3.5%;
    }
    .detailed-description .content-box .content-li .s-briefing ul li{
        width: 31%;
        margin-right: 3.5%;
    }
    .studyli .txtbox .t1 a{
        font-size: 16px;
    }
    .studyli .txtbox .t2 a{
        font-size: 15px
    }
    .studyli .txtbox .tags a{
        min-width: 50px;
    }
    .standard .might{
        padding-top: 50px;
    }
    .standard .might ul{
        margin-top: 40px;
    }
    .standard.other .might ul{
        display: none;
    }
    .standard.other .mightul{
        display: block;
        margin-top: 40px;
    }
    .standard .might .title{
        font-size: 28px;
    }
    /*  */
    .brochure{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .brochure .box .imgbox .t1{
        font-size: 20px;
    }
    .download-center{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .download-center .lower{
        display: block;
    }
    .download-center .box{
        margin-top: 30px;
    }
    .download-center .box .content .tit{
        font-size: 20px;
    }
    .download-center .upper .left{
        width: 42%;
    }
    .download-center .upper .right{
        width: 58%;
    }
    .download-center .upper .tabs li{
        padding: 0;
    }
    .download-center .upper .t3{
        font-size: 15px;
    }
    .download-center .box .content>ul{
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .download-center .lower ul li{
        padding-left: 30px;
    }
    .download-center .lower ul li a{
        font-size: 16px;
    }
    /**/
    .p-warranty{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .service-support .probox{
        padding-bottom: 20px;
    }
    .service-support .probox ul li, .service-support .probox ul li.other{
        width: 48%;
        margin-right: 4%;
    }
    .service-support .probox ul li:nth-child(3n){
        margin-right: 4%;
    }
    .service-support .probox ul li:nth-child(2n){
        margin-right: 0;
    }
    .service-support .probox ul li a{
        padding: 30px 0px;
    }
    .service-support .probox ul li .txtbox .t1{
        font-size: 18px;
    }
    .service-support .probox ul li .txtbox .t2{
        font-size: 18px;
    }
    .service-support .probox ul li .txtbox .t3{
        font-size: 16px;
    }
    .service-support .probox ul li .txtbox .t3 .sp{
        font-size: 18px;
    }
    /*  */
    .solution{
        padding-top: 50px;
    }
    .solution4 .box .title{
        font-size: 24px;
    }
    .solution4 .box .left .txtbox{
        padding: 35px 0px;
        font-size: 16px;
    }
    .solution4 .box .right{
        padding: 2.5%;
    }
    .solution4 .box .right .message ul li .txt{
        font-size: 20px;
        padding: 10px 0px;
    }
    .applicable-product{
        padding-top: 50px;
    }
    .applicable-product .cont{
        margin-top: 40px;
    }
    .case-study{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .case-study .box{
        margin-top: 30px;
    }
    .case-study ul li{
        width: 48%;
        margin-right: 4%;
    }
    .solution3{
        padding-bottom: 40px;
    }
    .solution3 .box ul li{
        width: 32%;
        margin-right: 2%;
    }
    .solution3 .box ul li:nth-child(4n){
        margin-right: 2%
    }
    .solution3 .box ul li:nth-child(3n){
        margin-right: 0;
    }
    .solution3 .box ul li .txtbox .t1{
        font-size: 18px;
    }
    .solution3 .box ul li .txtbox .t2{
        font-size: 15px;
    }
    .technical-support .box{
        margin-top: 40px;
    }
    .technical-support .box ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
        padding: 20px 0px;
    }
    .technical-support .box ul li:nth-child(4n){
        margin-right: 4%;
    }
    .technical-support .box ul li:nth-child(2n){
        margin-right: 0;
    }
    .after-sales-maintenance .box ul li{
        padding: 0;
    }
    .technical-support .box ul li .t2{
        height: 128px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
    .technical-support .box ul li .t3{
        margin-top: 20px;
        padding: 0px 20px;
    }
    /*  */
    .whydiv{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .whydiv .box .contli{
        margin-top: 40px;
    }
    .ndevor{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .box-top{
        margin-top: 40px;
    }
    .ndevor-tab{
        width: 100%;
        text-align: center;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .ndevor-tab::-webkit-scrollbar{
        width:0px;
        height:0px;
    }
    .ndevor-tab::-webkit-scrollbar-button{
        background-color:rgba(0,0,0,0);
    }
    .ndevor-tab::-webkit-scrollbar-track{
        background-color:rgba(0,0,0,0);
    }
    .ndevor-tab::-webkit-scrollbar-track-piece{
        background-color:rgba(0,0,0,0);
    }
    .ndevor-tab::-webkit-scrollbar-thumb{
        background-color:rgba(0,0,0,0);
    }
    .ndevor-tab::-webkit-scrollbar-corner{
        background-color:rgba(0,0,0,0);
    }
    .ndevor-tab::-webkit-scrollbar-resizer{
        background-color:rgba(0,0,0,0);
    }
    .ndevor-tab::-webkit-scrollbar{
        width:0px;
        height:0px;
    }
    .ndevor .ndevor-list{
        margin-top: 50px;
    }
    .works .content .cont img.bg, .works .content .cont img.line, .works .content .cont img.txt{
        display: none;
    }
    .works .content .cont{
        max-width: 100%;
        width: 100%;
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .works .content .cont .dots{
        width: 100%;
        overflow: hidden;
    }
    .works .content .cont .dot{
        position: static;
        overflow: hidden;
        float: left;
        width: 48%;
        margin-right: 4%;
    }
    .works .content .cont .dot:nth-child(2n){
        margin-right: 0;
    }
    .works .content .cont .dot .icon{
        float: left;
        display: inline-block;
        width: 60px !important;
        height: 60px !important;
    }
    .works .content .cont .dot span, .works .content .cont .dot .hide{
        position: static;
        transform: none;
        float: left;
        display: inline-block;
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
        width: calc(100% - 90px);
        text-align: left;
        margin-left: 20px;
    }
    .works .content .cont .dot span{
        margin-bottom: 15px;
    }
    .works .content .cont .dot .hide{
        opacity: 1 !important;
        visibility: visible;
        padding-top: 0 !important;
        padding-bottom: 20px !important;
    }
    .works .content .cont .dot .hide:after{
        display: none;
    }
    /* .works .content .cont .dot:nth-of-type(1) .hide{
		left: -240px;
	}
	.works .content .cont .dot:nth-of-type(2) .hide{
		left: -320px;
		bottom: 10px;
	}
	.works .content .cont .dot:nth-of-type(3) .hide{
		left: -420px;
		top: 0;
	}
	.works .content .cont .dot:nth-of-type(4) .hide{
		right: -220px;
		top: 13px;
	}
	.works .content .cont .dot:nth-of-type(5) .hide{
		top: 7px;
	}
	.works .content .cont .dot:nth-of-type(6) .hide{
		right: -200px;
		top: 10px;
	}
	.works .content .cont .dot:nth-of-type(7) .hide {
	    right: -280px;
	    bottom: 0px;
	}
	.works .content .cont .dot .hide:after{
		width: 150px;
		background-size: 100%;
	}
	.works .content .cont .dot:nth-of-type(1) .hide:after{
		bottom: -5px;
	}
	.works .content .cont .dot:nth-of-type(2) .hide:after{
		bottom: -5px;
	}
	.works .content .cont .dot:nth-of-type(3) .hide:after{
		top: -3px;
		left: 290px;
	}
	.works .content .cont .dot:nth-of-type(4) .hide:after{
		right: 95px;
	}
	.works .content .cont .dot:nth-of-type(5) .hide:after{
		top: -3px;
		right: 200px;
	}
	.works .content .cont .dot:nth-of-type(6) .hide:after{
		top: -3px;
		right: 70px;
	}
	.works .content .cont .dot:nth-of-type(7) .hide:after{
		right: 150px;
		bottom: -3px;
	} */
    .works .content .cont .dot .hide .info{
        /* width: 360px; */
        width: 100%;
    }
    .works .content .cont .dot .hide .box{
        border: none;
    }
    .works .content .cont .dot .hide .txt{
        /* padding: 20px 28px; */
        padding: 0;
        background: #FFFFFF;
    }
    .works.bgcolor1 .content .cont .dot .hide .txt{
        background: #eff6ff;
    }
    .works{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .availability{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .availability .content{
        margin-top: 40px;
    }
    .us-download{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .us-download .content{
        margin-top: 40px;
    }
    .us-download .content ul li{
        width: 29.33%;
        margin: 0 2%;
    }
    .wiki-box{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .wiki .wiki-box .content.mar-t{
        margin-top: 40px;
    }
    .wiki-box .wk-select .wk-select-ul .wk-select-li{
        width: 24%;
        margin-right: 1%;
    }
    .wiki-box .wk-select .wk-search{
        width: 19%;
    }
    .wiki .wiki-box .left{
        width: 100%;
    }
    .wiki .wk-list ul{
        margin-bottom: 50px;
    }
    .wiki .wk-list ul li{
        margin-bottom: 20px;
    }
    .wiki .wk-list ul li .t1, .wk-detail-title .t1{
        font-size: 18px;
    }
    .wiki .wk-list ul li .t2, .wk-detail-title .t2{
        font-size: 15px;
    }
    .wiki .wk-list ul li .t4 .infor, .wk-detail-title .t3 .infor{
        font-size: 15px;
    }
    .wiki .wiki-box .right{
        width: 100%;
        min-height: 1px;
        padding-top: 15px;
        margin-bottom: 20px;
    }
    .all-comments .comment-list ul li .t1 .ws1{
        width: 12%;
    }
    .all-comments .comment-list ul li .t1 .ws2{
        width: 88%;
    }
    .all-comments .comment-list ul li .t1 .sp{
        font-size: 16px;
    }
    /* */
    .headquarter{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .headquarter .box .txtbox{
        padding: 2.5% 3%;
    }
    .headquarter .box .txtbox ul{
        margin-top: 20px;
    }
    .global-locations{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .global-locations .box{
        margin-top: 30px;
    }
    .global-locations .box ul li .substance .subbox{
        margin-top: 20px;
        padding-bottom: 15px;
    }
    .service-support.guarantee{
        padding-bottom: 0px;
    }
}
@media screen and (max-width: 768px){
    /*banner*/
    /*.i-banner .box .t1{
		font-size: 18px;
	}
	.i-banner .box .t2{
		font-size: 24px;
		margin-bottom: 20px;
	}*/
    .i-banner{
        top: 20%;
    }
    .i-banner .box .t2{
        max-width: 83%;
    }
    .i-banner .box .t3{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .lunbotu .swiper-pagination-bullet{
        width: 30px;
    }
    .lunbotu.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0px 5px;
    }
    .com-btn span, .com-btn a{
        height: 40px;
        line-height: 40px;
        border-radius: 20px 0px 20px 0px;
    }
    .obanner .bannerzi .box .t1{
        font-size: 30px;
    }
    /*标题*/
    .i-title .t1{
        font-size: 24px;
    }
    .i-title .t2{
        font-size: 24px;
    }
    .i-title .t3{
        font-size: 24px;
    }
    .i-title .t4{
        font-size: 24px;
    }
    .i-title .t5{
        font-size: 15px;
    }
    .i-title .t6{
        font-size: 18px;
    }
    .i-title .t7{
        font-size: 16px;
    }
    .i-title .t8{
        font-size: 18px;
    }
    .i-title .t9{
        font-size: 24px;
    }
    .com-btn span, .com-btn a{
        min-width: 110px;
    }
    /**/
    .sidebar ul li{
        margin-bottom: 15px;
    }
    /*index*/
    .provide{
        padding-top: 40px;
    }
    .provide .box{
        margin-top: 20px;
    }
    .provide .box ul li{
        width: 32%;
        margin-right: 2%;
    }
    .provide .box ul li:nth-child(6n){
        margin-right: 2%;
    }
    .provide .box ul li:nth-child(3n){
        margin-right: 0;
    }
    .provide .box ul li .txt{
        font-size: 16px;
        height: 64px;
    }
    .i-product{
        padding-top: 40px;
    }
    .i-product .box ul li .txtbox .t1{
        font-size: 18px;
    }
    .i-product .box ul li .txtbox .t2{
        font-size: 15px;
        height: 90px;
    }
    .i-solution .box{
        margin-top: 20px;
        padding-top: 40px;
    }
    .i-solution .i-solution-li .txtbox .t1{
        font-size: 18px;
    }
    .i-solution .i-solution-li .txtbox .t2{
        margin-top: 10px;
        font-size: 15px;
    }
    .i-partner{
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .i-partner .box{
        margin-top: 20px;
    }
    .partner-icon{
        height: 80px;
        line-height: 80px;
    }
    .i-new{
        padding: 40px 0px;
    }
    .i-new .box .tit{
        font-size: 28px;
    }
    .i-new .box ul{
        padding: 20px 0px;
    }
    .i-new .box ul li .t1{
        font-size: 15px;
    }
    .i-new .box ul li .t2{
        font-size: 15px;
    }
    .i-why{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .i-why .box{
        margin-top: 20px;
    }
    .i-why .box ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
        text-align: left;
    }
    .i-why .box ul li:nth-child(4n){
        margin-right: 4%;
    }
    .i-why .box ul li:nth-child(3n){
        margin-right: 4%;
    }
    .i-why .box ul li:nth-child(2n){
        margin-right: 0;
    }
    .i-why .box ul li .cont{
        max-width: 100%;
    }
    .i-why .box ul li .txtbox .t1{
        font-size: 20px;
    }
    .i-why .box ul li .txtbox .t2{
        font-size: 14px;
    }
    .i-why .box ul li .icon{
        text-align: center;
        width: 80px;
    }
    .i-why .box ul li .icon img{
        width: 40px;
    }
    /*about*/
    .empowering{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .empowering .box{
        margin-top: 30px;
    }
    .empowering .box ul li .txt{
        font-size: 15px;
    }
    .about{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .about .box{
        margin-top: 30px;
    }
    .about .box .txtbox .t1{
        font-size: 18px;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .about .box .txtbox .t2{
        font-size: 15px;
        margin-bottom: 10px;
    }
    .tech{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .tech .box{
        margin-top: 40px;
    }
    .tech .box .txtbox .techfontbox li{
        padding-bottom: 15px;
    }
    .tech .box .txtbox .techCodeTit{
        font-size: 15px;
    }
    .tech .box .txtbox .techfontbox li .silutionCodeNum{
        font-size: 60px;
    }
    .history{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .history .box{
        margin-top: 30px;
    }
    .history .box .left ul li .tit{
        font-size: 18px;
        min-width: 1px;
        width: 100%;
    }
    .history .box .right ul li .t1{
        font-size: 18px;
        width: 70px;
    }
    .history .box .right ul li .t2{
        font-size: 15px;
    }
    .newsroom{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .newsroom .box{
        margin-top: 30px;
    }
    .newsroom .box .txtbox .t1{
        font-size: 16px;
    }
    .newsroom .box .txtbox .t1 span{
        padding: 10px 20px;
    }
    .newsroom .box .txtbox .t2{
        font-size: 20px;
    }
    .newsroom .box .txtbox .t3{
        font-size: 14px;
    }
    .newsroom .box .txtbox .t3 span{
        margin-right: 30px;
    }
    .newsroom .box .txtbox .t4{
        font-size: 15px;
    }
    .contact{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .contact .box{
        margin-top: 30px;
    }
    .contact .box .contact-box .txtbox .t1{
        font-size: 18px;
    }
    .contact .box .contact-box .txtbox ul li{
        font-size: 15px;
    }
    /*activity*/
    .activity{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .activity .box{
        margin-top: 30px;
    }
    .activity .box ul{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .activity .box ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .activity .box ul li:nth-child(3n){
        margin-right: 4%;
    }
    .activity .box ul li:nth-child(2n){
        margin-right: 0;
    }
    .activity .box ul li .txtbox{
        padding: 20px 15px;
    }
    .activity .box ul li .txtbox .t1{
        font-size: 16px;
        min-height: 64px;
    }
    .activity .box ul li .txtbox .t2{
        font-size: 15px;
    }
    .activity .box ul li .txtbox .icon{
        margin-top: 10px;
    }
    /*after sales maintenance*/
    .technical-support, .contact-us-form{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .after-sales-maintenance{
        padding-bottom: 40px;
    }
    .after-sales-maintenance .content{
        margin-top: 20px;
        margin-bottom: 30px;
        padding-top: 20px;
    }
    .after-sales-maintenance .content .tit{
        font-size: 18px;
    }
    .after-sales-maintenance .content ul li{
        font-size: 16px;
    }
    .general-form .form-tit span{
        font-size: 18px;
    }
    .general-form .formdiv .form-li .sp{
        font-size: 16px;
    }
    .status .radio-name{
        font-size: 16px;
    }
    .general-form .formdiv .form-li .inputli input{
        font-size: 16px;
    }
    .general-form .formdiv .btn{
        margin-top: 10px;
    }
    .general-form .formdiv .form-li .select-li{
        width: 48%;
        margin-right: 4%;
    }
    .general-form .formdiv .form-li .select-li:nth-child(2n){
        margin-right: 0;
    }
    .general-form .formdiv .form-li{
        margin-bottom: 20px;
    }
    /**/
    .jump-table{
        padding: 40px 0px;
    }
    .jump-table .box{
        margin-top: 20px;
        padding: 0px 30px 30px;
    }
    .jump-table.cda-form .box{
        padding-bottom: 40px;
    }
    .technical-support.ts-form .box, .contact-us-form .box{
        margin-top: 30px;
    }
    .jump-table .box .cont{
        margin-top: 30px;
    }
    .jump-table .box .tit span{
        font-size: 18px;
    }
    .jump-table .box .cont .subhead{
        font-size: 18px;
    }
    .jump-table .box .cont .t1{
        font-size: 16px;
    }
    .jump-table .box .cont input{
        font-size: 16px;
    }
    .jump-table .box .cont .form-li .half{
        width: 47%;
        margin-right: 6%;
    }
    .jump-table .box .subtable{
        margin-top: 20px;
    }
    .jump-table .box .subtable table tr th{
        font-size: 16px;
        height: 60px;
    }
    .jump-table .box .cont .sub-btn{
        margin-top: 20px;
    }
    .jump-table .box .subtable .total-bt{
        font-size: 16px;
    }
    .jump-table .box .subtable td .bt{
        margin-top: 20px;
        font-size: 16px;
    }
    /*authentication*/
    .enroll{
        padding-top: 60px;
    }
    .enroll .content{
        padding: 30px;
        min-height: 500px;
    }
    .enroll.other .content{
        padding: 40px;
    }
    .other.enroll .content .formbox{
        margin-top: 50px;
    }
    .enroll .content .en-title .tit{
        font-size: 18px;
    }
    .enroll .content .en-title .text{
        font-size: 15px;
    }
    .enroll .content .formbox .form-li{
        margin-top: 20px;
    }
    .other.enroll .content .formbox .btn{
        margin-top: 40px;
    }
    .enroll .cpright{
        font-size: 14px;
    }
    .enroll .content .txt3{
        margin-top: 40px;
        font-size: 15px;
    }
    .enroll .content .formbox .txt1{
        margin-bottom: 30px;
    }
    .enroll.succeeded .textbox{
        margin-top: 60px;
    }
    .enroll.succeeded .textbox .ws1{
        font-size: 20px;
    }
    .enroll.succeeded .textbox .ws2{
        font-size: 15px;
    }
    .enroll.register .register-box{
        margin-top: 30px;
    }
    .enroll.other.register .content .formbox{
        margin-top: 30px;
    }
    .enroll .subtitle .sub1{
        font-size: 18px;
        padding-bottom: 20px;
    }
    .enroll .subtitle .sub2{
        margin-top: 20px;
        font-size: 16px;
    }
    .enroll .content .formbox .form-li .sp1{
        font-size: 16px;
    }
    .enroll .content .formbox .form-li select{
        font-size: 15px;
    }
    .enroll .content .formbox .form-li .one-third{
        width: 31%;
        margin-right: 3.5%;
    }
    .enroll .content .formbox .form-li .a-half{
        width: 48%;
        margin-right: 4%;
    }
    /**/
    .overview{
        padding-top: 40px;
    }
    .overview .box .synopsis{
        font-size: 15px;
        margin-top: 15px;
    }
    .overview .box .qae{
        margin-top: 40px;
    }
    .overview .box .qae .t2{
        font-size: 15px;
    }
    .overview .box .qaediv ul li .t3{
        font-size: 16px;
    }
    .overview .box .qaediv ul li .t4{
        min-height: 160px;
        padding-bottom: 20px;
    }
    .overview .box .qaediv ul li .t4 .icon{
        display: none;
    }
    .overview .box .qaediv ul li .t4 .txt{
        width: 100%;
        padding: 0px 15px;
        font-size: 15px;
    }
    .eat{
        padding: 40px 0px;
    }
    .eatdiv{
        margin-top: 20px;
    }
    .eatdiv ul li{
        padding-right: 10px;
        font-size: 15px;
        margin-bottom: 15px;
    }
    .erat{
        padding: 40px 0px;
    }
    .erat .box .txtbox .txt{
        margin-top: 15px;
        font-size: 15px;
    }
    .cop{
        padding-top: 40px;
    }
    .cop .copdiv{
        margin-top: 20px;
    }
    .cop .copdiv .imgbox ul{
        margin-top: 20px;
    }
    .cop .copdiv ul li .t1{
        font-size: 16px;
    }
    .cop .copdiv ul li .t2{
        font-size: 15px;
    }
    .cop .copdiv ul li .cop-link a{
        font-size: 15px;
    }
    .textcon .box{
        margin-bottom: 30px;
    }
    .textcon .box .txt{
        font-size: 15px;
    }
    .table-box table tr th, .dpg-table table tr th{
        font-size: 16px;
    }
    .table-box table tr td, .dpg-table table tr td{
        font-size: 15px;
    }
    .listtxt ul li span{
        top: 12px;
    }
    .explain{
        font-size: 15px;
    }
    .table-box table tr th{
        height: 60px;
    }
    /*.discontinued*/
    .discontinued{
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .discontinued .box{
        margin-top: 20px;
    }
    .enfoldment ul li .subhead{
        font-size: 16px;
    }
    .discontinued .dis-product ul li .txtbox{
        padding: 20px 10px 0px 15px;
    }
    .discontinued .dis-product ul li .txtbox .t1{
        font-size: 16px;
    }
    .discontinued .dis-product ul li .txtbox .t2{
        font-size: 15px;
    }
    .discontinued .dis-product ul li .txtbox .t3{
        font-size: 15px;
    }
    .wk-support{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .wk-support ul{
        margin-top: 20px;
    }
    .wk-support ul li .t1{
        font-size: 16px;
        margin-top: 10px;
    }
    .wk-support ul li .t2{
        font-size: 15px;
    }
    /*join*/
    .join{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .join .box ul li .txtbox{
        padding: 20px;
    }
    .join .box ul li .headline{
        height: 50px;
        line-height: 50px;
    }
    .join .box ul li .headline .tit{
        font-size: 15px;
    }
    .join .box ul li:first-child .headline .tit{
        font-size: 16px;
    }
    .join .box ul li .txtbox .t1{
        font-size: 15px;
    }
    .join .box ul li .txtbox .t2{
        font-size: 15px;
    }
    .join .box ul li .btn{
        margin-top: 30px;
    }
    .learn-more{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .learn-more .box{
        margin-top: 30px;
    }
    .learn-more .box ul li .txt{
        font-size: 15px;
    }
    /*.marketing-resource*/
    .marketing-resource{
        padding-top: 40px;
    }
    .marketing-resource .video{
        padding-bottom: 20px;
    }
    .marketing-resource .video .right{
        width: 100%;
        font-size: 16px;
    }
    .marketing-resource .video .left{
        width: 100%;
        padding-right: 0;
        font-size: 24px;
    }
    .marketing-resource .video-list{
        padding-top: 40px;
    }
    .marketing-resource .video-list .left{
        width: 200px;
    }
    .marketing-resource .video-list .left ul li .a-level{
        /*height: 50px;
		line-height: 50px;*/
        font-size: 16px;
    }
    .drop-list .b-level{
        font-size: 15px;
    }
    .marketing-resource .video-list .right{
        width: -moz-calc(96.9% - 200px);
        width: -webkit-calc(96.9% - 200px);
        width: calc(96.9% - 200px);
        margin-left: 0;
    }
    .marketing-resource .right .right-top .search-div .sp{
        width: 20%;
    }
    .marketing-resource .right .right-top .search-div .search-a{
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .marketing-resource .right .right-top .search-div .search-b{
        width: 100%;
    }
    .markting-list{
        margin-top: 20px;
        padding-bottom: 40px;
    }
    .markting-list ul{
        margin-bottom: 20px;
    }
    .markting-list ul li .txt .t1, .markting-list ul li .txt .t2{
        font-size: 15px;
    }
    .markting-list ul li .tagbox{
        padding-top: 10px;
    }
    .markting-list ul li .tagbox a{
        padding: 0px 10px;
    }
    /*new center*/
    .new-center{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .new-center .new-tab ul li{
        width: 33.33%;
        margin-bottom: 15px;
    }
    .new-center .new-tab ul li .txt{
        font-size: 16px;
    }
    .new-center .box{
        margin-top: 20px;
    }
    .new-center .new ul{
        margin-bottom: 40px;
    }
    .new-center .new ul li{
        padding: 20px 0px;
    }
    .new-center .new ul li .n1{
        padding-right: 3%;
        margin-top: 20px;
    }
    .new-center .new ul li .n1 .t1{
        font-size: 30px;
        line-height: 1.7;
    }
    .new-center .new ul li .n1 .t1 sup{
        font-size: 18px;
    }
    .new-center .new ul li .n1 .t2{
        font-size: 16px;
    }
    .new-center .new ul li .n2{
        margin-right: 3%;
        width: 240px;
    }
    .new-center .new ul li .n3{
        width: -moz-calc(94% - 360px);
        width: -webkit-calc(94% - 360px);
        width: calc(94% - 360px);
    }
    .new-center .new ul li .n3 .t1{
        margin-top: 10px;
        font-size: 18px;
    }
    .new-center .new ul li .n3 .line{
        margin-bottom: 20px;
    }
    /*new detail*/
    .new-detail{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .new-detail .txtbox{
        font-size: 16px;
    }
    .new-detail .txtbox span{
        margin-right: 20px;
    }
    .new-detail .detail-box{
        padding-top: 30px;
        padding-bottom: 40px;
        font-size: 15px;
    }
    .new-detail .detail-other{
        padding-top: 30px;
    }
    .follow{
        padding-top: 40px;
    }
    .follow .tit{
        font-size: 20px;
    }
    /*.oem-odm*/
    .oem-odm{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .oem-odm .box{
        margin-top: 30px;
    }
    .oem-odm .box ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .oem-odm .box ul li:nth-child(3n){
        margin-right: 4%;
    }
    .oem-odm .box ul li:nth-child(2n){
        margin-right: 0;
    }
    .oem-odm .box ul li .above .txt{
        font-size: 18px;
    }
    .oem-odm .box ul li .below .txtbox .t1{
        font-size: 18px;
    }
    .oem-odm .box ul li .below .txtbox .t2{
        margin-top: 5px;
        /*overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 6;
		-webkit-box-orient: vertical;*/
    }
    .oem-odm .box ul li .below .txtbox .t3{
        font-size: 14px;
    }
    .oem-odm .box ul li .below .txtbox .t3 span{
        padding: 10px 15px;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    /**/
    .partner-portal{
        padding-top: 30px;
    }
    .partner-portal .box .right .titbox{
        line-height: 45px;
    }
    .partner-portal .box .right .titbox .t1{
        font-size: 24px;
    }
    .partner-portal .box .right .ch-box .cont ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .partner-portal .box .right .ch-box .cont ul li:nth-child(3n){
        margin-right: 4%;
    }
    .partner-portal .box .right .ch-box .cont ul li:nth-child(2n){
        margin-right: 0;
    }
    .partner-portal .box .right .ch-box .cont ul li .txtbox{
        padding: 20px;
    }
    .partner-portal .box .right .ch-box .cont ul li .txtbox .t1{
        font-size: 16px;
    }
    .partner-portal .box .right .ch-box .cont ul li .txtbox .t2{
        font-size: 15px;
        margin-bottom: 15px;
    }
    .partner-portal .markting-list ul li{
        float: left;
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .partner-portal .markting-list ul li:nth-child(3n){
        margin-right: 4%;
    }
    .partner-portal .markting-list ul li:nth-child(2n){
        margin-right: 0;
    }
    .markting-list.active ul li .img{
        width: 40%;
    }
    .markting-list.active ul li .txtbox{
        width: 60%;
    }
    .pr-box>ul>li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .pr-box ul li:nth-child(3n){
        margin-right: 4%;
    }
    .pr-box ul li:nth-child(2n){
        margin-right: 0;
    }
    .pr-box ul li .txtbox .t1{
        font-size: 16px;
    }
    .pr-box ul li .txtbox ul{
        min-height: 130px;
    }
    .vm-box{
        margin-top: 40px;
    }
    .vm-box ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .vm-box ul li:nth-child(3n){
        margin-right: 4%;
    }
    .vm-box ul li:nth-child(2n){
        margin-right: 0;
    }
    .vm-box ul li .text, .vm-box ul li .txtbox .t1{
        font-size: 18px;
    }
    .solution1 .vm-box ul li .text, .solution1 .vm-box ul li .txtbox .t1{
        font-size: 18px;
    }
    .solution2 .vm-box ul li .text, .solution2 .vm-box ul li .txtbox .t1{
        font-size: 18px;
    }
    .vm-box ul li .txtbox .t2{
        font-size: 15px;
    }
    .vertical-update .vm-box ul li .txtbox .t2 {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .solution{
        padding-top: 40px;
    }
    .solution1 .vm-box ul li .txtbox, .solution2 .vm-box ul li .txtbox{
        padding: 20px 20px 0px;
    }
    .solution .vm-box ul li .txtbox .t2{
        font-size: 15px;
    }
    .solution1 .vm-box ul li .txtbox .t2, .solution2 .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .solution2{
        padding-bottom: 50px;
    }
    .solution2 .vm-box ul li{
        width: 31.33%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    .solution2 .vm-box ul li:nth-child(4n){
        margin-right: 3%;
    }
    .solution2 .vm-box ul li:nth-child(3n){
        margin-right: 0;
    }
    .product-image{
        margin-top: 30px;
        padding-bottom: 40px;
    }
    .product-image ul{
        margin-bottom: 20px;
    }
    .product-image.active ul li .img{
        width: 32%;
    }
    .product-image.active ul li .txtbox{
        width: 68%;
    }
    .product-image ul li .txtbox .t1{
        font-size: 16px;
    }
    .product-image ul li .txtbox ul li{
        font-size: 15px;
    }
    /*partner program*/
    .discovery-program{
        padding-top: 40px;
    }
    .discovery-program .intro .module ul li .t1{
        font-size: 15px;
    }
    .discovery-program .intro .module ul li .t2{
        font-size: 15px;
    }
    .o-principles{
        padding-top: 40px;
    }
    .o-principles ul li .iconbox{
        padding-left: 60px;
        padding-top: 5px;
        font-size: 18px;
    }
    .o-principles ul li .iconbox .icon{
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .con-partner{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .con-partner.partner-c{
        padding-bottom: 50px;
    }
    .con-partner .tab-cont{
        margin-top: 30px;
    }
    .con-partner .tab-cont .para{
        padding: 30px 40px;
    }
    .con-partner.partner-c .content .txtbox ul{
        padding: 40px 0px;
    }
    .guidebook .box .txt{
        font-size: 22px;
    }
    .thank{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .discovery{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .con-partner .content .txtbox ul li{
        margin-bottom: 10px;
    }
    .discovery .box ul{
        margin-top: 50px;
    }
    .discovery .box ul li .t1{
        font-size: 18px;
    }
    .discovery .box ul li .t2{
        font-size: 16px;
        margin-top: 5px;
    }
    .application-form{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .application-form .box{
        margin-top: 30px;
    }
    .application-form .box form .form-li{
        margin-top: 20px;
    }
    .application-form .box form .form-li .a-half{
        width: 48%;
        margin-right: 4%;
    }
    .application-form .box form .form-li .sp{
        font-size: 15px;
    }
    .application-form .box form .form-li select{
        font-size: 15px;
    }
    .application-form .box form .form-li .cont input{
        height: 40px;
        line-height: 40px;
    }
    .application-form .box form .sub-btn{
        margin-top: 35px;
    }
    .application-form .box form .form-li select{
        font-size: 14px;
    }
    .discovery .box ul li .icon{
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .discovery .box ul li .img{
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    /**/
    .discovery-program-form{
        padding: 40px 0px;
    }
    .discovery-program-form .box{
        margin-top: 20px;
    }
    .discovery-program-form .box form{
        margin-top: 30px;
        padding: 0px 30px 40px;
    }
    .discovery-program-form .box .tit span{
        font-size: 18px;
    }
    .discovery-program-form .box .form-li:last-child{
        margin-bottom: 0;
    }
    .discovery-program-form .box .form-li .subtit{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .discovery-program-form .box .form-li .row .rowli1{
        margin-bottom: 0px;
    }
    .discovery-program-form .box .form-li .row .rowli2{
        line-height: 40px;
    }
    .discovery-program-form .box .form-li .sp{
        font-size: 16px;
    }
    .discovery-program-form .box .form-li .half{
        width: 47%;
        margin-right: 6%;
    }
    .discovery-program-form .box .form-li .cont-li input{
        height: 40px;
        line-height: 40px;
    }
    .discovery-program-form .radio-name{
        font-size: 16px;
    }
    .discovery-program-form .box .form-li .sp .write2{
        width: 120px;
    }
    .discovery-program-form .box .form-li .sp .write input, .discovery-program-form .other span input, .discovery-program-form .other span input{
        height: 40px;
        line-height: 40px;
    }
    .discovery-program-form .ckbox{
        line-height: 40px;
    }
    .discovery-program-form .box .form-li .cont-li select{
        height: 40px;
        line-height: 40px;
    }
    .privacy-policy{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .privacy-policy .box{
        font-size: 15px;
        padding: 15px 0px;
    }
    /**/
    .level-page{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .level-page .page-search .page-search-left{
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
    }
    .level-page .page-search .page-search-left input{
        height: 48px;
        line-height: 48px;
        font-size: 16px;
    }
    .level-page .page-search .page-search-right{
        width: 60px;
        height: 48px;
        background: url(../images/img216.png) center no-repeat;
        background-size: 20px 20px;
    }
    .product-center .screen-box{
        margin-top: 40px;
    }
    .product-center .screen-box ul li a{
        font-size: 15px;
        height: 48px;
        line-height: 48px;
    }
    .secondary-page .content{
        margin-top: 40px;
    }
    .page-product-list ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .page-product-list ul li:nth-child(3n){
        margin-right: 4%;
    }
    .page-product-list ul li:nth-child(2n){
        margin-right: 0;
    }
    .secondary-page .left{
        width: 240px;
    }
    .s-menu .tit{
        padding: 10px 15px;
        font-size: 16px;
    }
    .s-menu ul li .level-a{
        font-size: 16px;
        line-height: 46px;
    }
    .secondary-page .right{
        width: -moz-calc(100% - 240px);
        width: -webkit-calc(100% - 240px);
        width: calc(100% - 240px);
    }
    .secondary-page .right .page-product-list ul li{
        width: 100%;
        margin-right: 0;
    }
    /* product detail */
    .standard{
        padding-top: 50px;
    }
    .standard .left{
        width: 100%;
        margin-bottom: 40px;
    }
    .standard .left .markbox{
        width: 150px;
        height: 150px;
    }
    .standard .left .markbox .mark-txt .t1{
        font-size: 24px;
    }
    .standard .left .markbox .mark-txt .t2{
        font-size: 17px;
    }
    .standard .right{
        width: 100%;
    }
    .standard .right .tit{
        padding-bottom: 15px;
    }
    .standard .right .tit .t1{
        font-size: 22px;
    }
    .standard .right .crosshead{
        font-size: 16px;
    }
    .standard .right .specs ul li{
        width: 100%;
        margin-right: 0;
    }
    .image-text{
        margin-top: 40px;
    }
    .image-text .tuwen .t1{
        font-size: 28px;
    }
    .image-text .tuwen .t2{
        font-size: 18px;
    }
    .image-text .tuwen .t3{
        font-size: 16px;
    }
    .image-text .tuwen1 .txtbox{
        width: 90%;
        left: 5%;
    }
    .image-text .tuwen2{
        padding: 10% 0;
        min-height: 1px;
    }
    .image-text .tuwen2 .txtbox{
        width: 80%;
        position: static;
        transform: none;
        margin: 0 auto;
    }
    .image-text .tuwen .iconzi{
        margin-top: 30px;
    }
    .image-text .tuwen4 .box .txtbox{
        position: static;
        transform: none;
        float: left;
        width: 50%;
        margin-bottom: 5%;
    }
    .image-text .tuwen4 .box .imgbox{
        position: absolute;
        right: 0;
        bottom: 0;
        width: 47%;
    }
    .image-text .tuwen.tuwen5 .imgbox{
        margin-top: 20px;
    }
    .detailed-description{
        margin-top: 40px;
    }
    .detailed-description .tabbox ul li{
        line-height: 50px;
        height: 50px;
    }
    .detailed-description .tabbox ul li .tabs{
        font-size: 18px;
    }
    .detailed-description .content-box .content-li .sub-tit{
        font-size: 18px;
    }
    .detailed-description .content-box .content-li.downloads-box .tit{
        font-size: 16px;
    }
    .detailed-description .content-box .content-li.downloads-box ul li{
        width: 48%;
        margin-right: 4%;
    }
    .detailed-description .content-box .content-li.downloads-box ul li:nth-child(3n){
        margin-right: 4%;
    }
    .detailed-description .content-box .content-li.downloads-box ul li:nth-child(2n){
        margin-right: 0;
    }
    .ptxt li .t1{
        font-size: 16px;
    }
    .ptxt li .t2{
        font-size: 15px;
    }
    .ptxt li .t3 a{
        max-width: 150px;
        margin-top: 20px;
    }
    .detailed-description .content-box .content-li{
        padding: 0 2%;
    }
    /*.detailed-description .content-box .content-li{
		padding-top: 150px;
		margin-top: -120px;
	}
	.detailed-description .content-box .content-li .act{
		padding-top: 120px;
	}*/
    .avaibox{
        padding: 0;
    }
    .avaibox .swiper-button-next, .avaibox .swiper-button-prev{
        width: 50px;
        height: 50px;
        -moz-background-size: 50px 50px;
        -webkit-background-size: 50px 50px;
        background-size: 50px 50px;
    }
    .detailed-description .content-box .content-li .table-content table tr td .tit{
        font-size: 18px;
    }
    .detailed-description .content-box .content-li .s-briefing ul li{
        width: 48%;
        margin-right: 4%;
    }
    .detailed-description .content-box .content-li .s-briefing ul li:nth-child(3n){
        margin-right: 4%;
    }
    .detailed-description .content-box .content-li .s-briefing ul li:nth-child(2n){
        margin-right: 0;
    }
    .detailed-description .content-box .content-li .s-briefing ul li .icon img{
        max-height: 50px;
    }
    .detailed-description .content-box .content-li .s-briefing ul li .txtbox{
        margin-top: 15px;
    }
    .detailed-description .content-box .content-li .c-studies ul{
        margin-bottom: 40px;
    }
    .detailed-description .content-box .content-li .c-studies ul li{
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }
    .studyli .txtbox .t1 a{
        font-size: 15px;
    }
    .studyli .txtbox .t2 a{
        font-size: 14px
    }
    .studyli .txtbox .tags{
        margin-top: 10px;
    }
    .studyli .txtbox .tags a{
        min-width: 1px;
        margin-right: 5px;
    }
    .standard .might{
        padding-top: 40px;
    }
    .standard .might ul, .standard.other .mightul{
        margin-top: 30px;
    }
    .standard .might .title{
        font-size: 24px;
    }
    .standard .might ul li{
        width: 48%;
        margin-right: 4%;
    }
    .standard .might ul li:nth-child(3n){
        margin-right: 4%;
    }
    .standard .might ul li:nth-child(2n){
        margin-right: 0;
    }
    /*  */
    .brochure{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .brochure .box .txtbox{
        width: 100%;
        margin-bottom: 20px;
    }
    .brochure .box .imgbox{
        width: 100%;
        padding: 20px;
    }
    .brochure .box .imgbox .t1{
        font-size: 18px;
    }
    .brochure .box .imgbox a .t2{
        font-size: 15px;
    }
    .download-center{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .download-center .box{
        margin-top: 20px;
    }
    .download-center .box .content{
        margin-top: 30px;
    }
    .download-center .box .content .tit{
        font-size: 18px;
    }
    .download-center .box .content>ul>li{
        padding: 20px;
        margin-bottom: 20px;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .download-center .upper .txt .t2 a {
        padding: 0 15px;
    }
    .download-center .upper .left{
        width: 100%;
        margin-bottom: 20px;
    }
    .download-center .upper .txt .t1{
        font-size: 16px;
    }
    .download-center .upper .t3{
        font-size: 14px;
    }
    .download-center .upper .right{
        width: 100%;
    }
    .download-center .upper .tabs{
        margin-top: 20px;
    }
    .download-center .upper .tabs li{
        padding: 0 5px;
        min-height: 90px;
    }
    .download-center .upper .tabs li:first-child::before, .download-center .upper .tabs li:first-child:before{
        background: none;
    }
    .download-center .box .content>ul{
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .download-center .lower ul li{
        width: 100%;
        padding: 0px 10px;
    }
    .download-center .lower ul li a{
        font-size: 15px;
    }
    /**/
    .p-warranty{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .service-support .probox{
        padding-bottom: 0px;
    }
    .service-support .probox ul li, .service-support .probox ul li.other{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .service-support .probox ul li a{
        padding: 20px 30px;
    }
    .service-support .probox ul li .txtbox{
        padding-left: 0;
        padding-right: 5%;
    }
    /*  */
    .solution{
        padding-top: 40px;
    }
    .solution4 .box .title{
        font-size: 20px;
    }
    .solution4 .box .left{
        width: 100%;
        margin-bottom: 30px;
    }
    .solution4 .box .left .txtbox{
        padding: 25px 0px;
        font-size: 15px;
    }
    .solution4 .box .left .txtbox .tit{
        font-size: 16px;
    }
    .solution4 .box .right{
        width: 100%;
        padding: 20px;
    }
    .solution4 .box .right .message{
        margin-top: 20px;
    }
    .solution4 .box .right .message ul li{
        float: left;
        width: 48%;
        margin-right: 4%;
    }
    .solution4 .box .right .message ul li:nth-child(2n){
        margin-right: 0;
    }
    .solution4 .box .right .message ul li .txt{
        font-size: 18px;
        padding: 15px 0px;
    }
    .applicable-product{
        padding-top: 50px;
    }
    .applicable-product .cont{
        margin-top: 40px;
    }
    .case-study{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .case-study .box{
        margin-top: 30px;
    }
    .case-study ul li{
        width: 48%;
        margin-right: 4%;
    }
    .solution3{
        padding-bottom: 30px;
    }
    .solution3 .box ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .solution3 .box ul li:nth-child(4n){
        margin-right: 4%
    }
    .solution3 .box ul li:nth-child(3n){
        margin-right: 4%;
    }
    .solution3 .box ul li:nth-child(2n){
        margin-right: 0;
    }
    .solution3 .box ul li .txtbox{
        height: 220px;
    }
    .solution3 .box ul li .txtbox .t1{
        font-size: 16px;
    }
    .solution3 .box ul li .txtbox .t2{
        padding-top: 5px;
    }
    /*  */
    .whydiv{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .whydiv .box .contli{
        margin-top: 30px;
    }
    .ndevor{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .box-top{
        margin-top: 30px;
    }
    .ndevor .ndevor-list{
        margin-top: 40px;
    }
    .ndevor .l-video{
        margin-left: 0;
        margin-right: 10px;
    }
    .ndevor .r-video{
        margin-left: 10px;
        margin-right: 0;
    }
    .works .content .cont{
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .works .content .cont .dot .hide .info{
        /* width: 300px; */
    }
    .works .content .cont .dot .hide .txt{
        /* padding: 20px; */
        font-size: 16px;
    }
    .works{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .works .content .cont .dot .icon {
        width: 50px !important;
        height: 50px !important;
    }
    .works .content .cont .dot span{
        margin-bottom: 10px;
    }
    .works .content .cont .dot span, .works .content .cont .dot .hide{
        width: -moz-calc(100% - 65px);
        width: -webkit-calc(100% - 65px);
        width: calc(100% - 65px);
        margin-left: 15px;
        font-size: 16px;
    }
    .works .btnbox a{
        margin-left: 0;
        margin-right: 0;
    }
    .works .btnbox a:first-child{
        margin-right: 10px;
    }
    /* .works .btnbox a{
		min-width: 200px;
	} */
    .availability{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .availability .content{
        margin-top: 30px;
    }
    .us-download{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .us-download .content{
        margin-top: 30px;
    }
    .us-download .content ul li{
        width: 48%;
        margin-left: 0;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .us-download .content ul li:nth-child(2n){
        margin-right: 0;
    }
    .wiki-box{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .wiki .wiki-box .content.mar-t{
        margin-top: 30px;
    }
    .wiki-box .wk-select .wk-select-ul{
        width: 100%;
    }
    .wiki-box .wk-select .wk-select-ul .wk-select-li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
    }
    .wiki-box .wk-select .wk-select-ul .wk-select-li:nth-child(2n){
        margin-right: 0;
    }
    .wiki-box .wk-select .wk-select-ul .wk-select-li select{
        line-height: 50px;
        height: 50px;
        font-size: 15px;
    }
    .wiki-box .wk-select .wk-search{
        width: 100%;
    }
    .wiki-box .wk-select .wk-search .entry{
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
    }
    .wiki-box .wk-select .wk-search .entry input{
        line-height: 50px;
        height: 50px;
        font-size: 16px;
    }
    .wiki-box .wk-select .wk-search .btn{
        float: right;
        width: 60px;
    }
    .wiki-box .wk-select .wk-search .btn, .wiki-box .wk-select .wk-search .btn input{
        line-height: 48px;
        height: 48px;
    }
    .wiki-box .wk-select .wk-search .btn input{
        background-size: 20px 20px;
    }
    .wiki .wiki-box .left{
        width: 100%;
    }
    .wiki .wk-list ul{
        margin-bottom: 40px;
    }
    .wiki .wk-list ul li{
        margin-bottom: 20px;
    }
    .wiki .wk-list ul li .t1, .wk-detail-title .t1{
        font-size: 16px;
    }
    .wiki .wk-list ul li .t2, .wk-detail-title .t2{
        margin-bottom: 10px;
    }
    .wiki .wk-list ul li .t3{
        padding-top: 10px;
        margin-bottom: 20px;
    }
    .wiki .wiki-box .right{
        width: 100%;
        min-height: 1px;
        margin-top: 20px;
    }
    .all-comments .comment-list ul li .t1{
        font-size: 16px;
    }
    .all-comments .comment-list ul li .t2{
        font-size: 15px;
    }
    .all-comments .comment-list ul li ul{
        padding: 15px 20px;
    }
    .all-comments .comment-list ul li ul li .t1{
        font-size: 15px;
    }
    .all-comments .comment-list ul li ul li .t2{
        font-size: 15px;
    }
    .all-comments .comment-list ul li .t1 .sp{
        font-size: 14px;
    }
    /*  */
    .headquarter{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .headquarter .box .txtbox{
        padding: 30px;
    }
    .headquarter .box .txtbox ul{
        margin-top: 15px;
    }
    .headquarter .box .txtbox ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .headquarter .box .txtbox ul li:nth-child(3n){
        margin-right: 4%;
    }
    .headquarter .box .txtbox ul li:nth-child(2n){
        margin-right: 0;
    }
    .global-locations{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .global-locations .box{
        margin-top: 20px;
    }
    .enfoldment ul li .subhead{
        font-size: 16px;
    }
    .global-locations .box ul li .substance .subbox{
        margin-top: 15px;
    }
    .global-locations .box ul li .substance .subbox .t1{
        font-size: 16px;
    }
    .global-locations .box ul li .substance .subbox ul li{
        font-size: 16px;
    }
    .screendiv .screen .screen-li select{
        height: 48px;
        line-height: 48px;
    }
}
@media screen and (max-width: 767px){
    /*new center*/
    .new-center .new ul li .n1{
        display: none;
    }
    .new-center .new ul li .n2{
        margin-right: 4%;
        width: 40%;
    }
    .new-center .new ul li .n3{
        width: 56%;
    }
    .new-center .new ul li .n3 .t3{
        display: block;
    }
    .new-center .new ul li .n3 .line{
        margin-bottom: 15px;
    }
    .partner-portal{
        padding-top: 30px;
    }
    .tag-box .tit{
        margin-top: 0;
        line-height: 1;
        padding-bottom: 10px;
    }
    .tag-box ul{
        margin-top: 20px;
    }
    .partner-portal .box .left{
        width: 100%;
        border-top: none;
        padding: 0;
    }
    .partner-portal .box .right{
        width: 100%;
        margin-top: 30px;
    }
    .partner-portal .box .right .titbox{
        line-height: 40px;
    }
    .partner-portal .box .right .titbox .t1{
        font-size: 20px;
    }
    .pr-box{
        margin-top: 20px;
    }
    .vm-box{
        margin-top: 20px;
    }
    .slider.adsorbent{
        top: 0;
    }
    .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 8;
        overflow: hidden;
    }
    .partner-portal .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 8;
        overflow: hidden;
    }
    .vertical-update .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 8;
        overflow: hidden;
    }
    .solution1 .vm-box ul li, .solution2 .vm-box ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .solution2 .vm-box ul li:nth-child(4n){
        margin-right: 4%;
    }
    .solution1 .vm-box ul li:nth-child(3n), .solution2 .vm-box ul li:nth-child(3n){
        margin-right: 4%;
    }
    .solution1 .vm-box ul li:nth-child(2n), .solution2 .vm-box ul li:nth-child(2n){
        margin-right: 0;
    }
    .solution1 .vm-box ul li .txtbox .t2, .solution2 .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
    }
    /*partner program*/
    .o-principles ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 3%;
    }
    .o-principles ul li:nth-child(4n){
        margin-right: 4%;
    }
    .o-principles ul li:nth-child(2n){
        margin-right: 0;
    }
    .o-principles ul li .iconbox{
        padding-left: 70px;
    }
    .con-partner .content .txtbox{
        width: 100%;
        margin-bottom: 30px;
    }
    .con-partner .content .imgbox{
        width: 100%;
    }
    .discovery .box ul{
        margin-top: 40px;
    }
    .discovery-program .intro .module ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .discovery-program .intro .module ul li:nth-child(4n){
        margin-right: 4%;
    }
    .discovery-program .intro .module ul li:nth-child(2n){
        margin-right: 0;
    }
}
@media screen and (max-width: 640px){
    .menubtn{
        width: 40px;
        background: url(../images/menu-icon1.png) center right no-repeat;
        -moz-background-size: 26px 26px;
        -webkit-background-size: 26px 26px;
        background-size: 26px 26px;
        cursor: pointer;
    }
    .menubtn.on{
        background: url(../images/menu-icon2.png) center right no-repeat;
        -moz-background-size: 26px 26px;
        -webkit-background-size: 26px 26px;
        background-size: 26px 26px;
    }
    /**/
    .h-other .h-global a, .h-other .h-user a{
        padding-right: 15px;
        margin-right: 15px;
    }
    .h-other .h-operate a{
        font-size: 15px;
    }
    /*footer*/
    .footer{
        padding-top: 30px;
    }
    .footer .f-logo{
        max-width: 40%;
    }
    .footer .logo a img{
        display: inline-block
        width: 100%;
    }
    .foot-cont .foot-infor ul li, .foot-cont .foot-infor ul li:nth-child(2){
        float: none;
        width: 100%;
    }
    .foot-cont .foot-infor ul li{
        margin-bottom: 30px;
    }
    .foot-cont .foot-infor ul li:last-child{
        margin-bottom: 0;
    }
    .foot-cont .tit{
        font-size: 16px;
    }
    .foot-cont .foot-infor .btn a{
        font-size: 14px;
        max-width: 120px;
    }
    .sidebar ul li a img{
        width: 40px;
        height: 40px;
    }
    .footer1{
        padding-top: 30px;
    }
    .footer1 .upper{
        padding-bottom: 10px;
    }
    .footer1 .lower{
        padding-top: 10px;
        padding-bottom: 20px;
    }
    /*banner*/
    .i-banner .box .t1{
        font-size: 20px;
    }
    .i-banner .box .t2{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .i-banner .box .t3{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .i-banner .box .a-btn span{
        font-size: 15px;
        height: 42px;
        line-height: 42px;
        padding-right: 20px;
    }
    .lunbotu .swiper-pagination-bullet{
        width: 20px;
    }
    .obanner .bannerzi .box .t1{
        font-size: 24px;
    }
    /*标题*/
    .i-title .t1{
        font-size: 20px;
    }
    .i-title .t2{
        font-size: 20px;
    }
    .i-title .t3{
        font-size: 20px;
    }
    .i-title .t4{
        font-size: 20px;
    }
    .i-title .t5{
        font-size: 14px;
    }
    .i-title .t6{
        font-size: 16px;
    }
    .i-title .t7{
        font-size: 15px;
    }
    .i-title .t8{
        font-size: 16px;
    }
    .i-title .t9{
        font-size: 20px;
    }
    .i-title .line{
        margin: 15px auto;
    }
    /**/
    .sidebar ul li{
        margin-bottom: 10px;
    }
    /*index*/
    .provide{
        padding-top: 30px;
    }
    .provide .box ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
        padding: 10px 0px 0px;
    }
    .provide .box ul li:nth-child(6n){
        margin-right: 4%;
    }
    .provide .box ul li:nth-child(3n){
        margin-right: 4%;
    }
    .provide .box ul li:nth-child(2n){
        margin-right: 0;
    }
    .provide .box ul li .txt{
        font-size: 15px;
        height: 60px;
    }
    .i-product{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .i-product .box ul li{
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .i-solution .box{
        padding-top: 20px;
    }
    .i-solution .i-solution-li .txtbox .t1{
        font-size: 18px;
    }
    .i-solution .i-solution-li .txtbox .t2{
        margin-top: 10px;
        font-size: 15px;
    }
    .i-partner{
        padding-top: 30px;
    }
    .i-new{
        padding: 30px 0px;
    }
    .i-new .box .tit{
        font-size: 24px;
    }
    .i-why{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .i-why .box ul li .cont{
        padding-left: 50px;
    }
    .i-why .box ul li .txtbox .t1{
        font-size: 18px;
    }
    .i-why .box ul li .icon{
        text-align: left;
        width: 50px;
    }
    /*about*/
    .empowering{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .empowering .box{
        margin-top: 20px;
    }
    .empowering .box ul{
        margin-bottom: 30px;
    }
    .empowering .box ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .empowering .box ul li:nth-child(2n){
        margin-right: 0;
    }
    .empowering .box ul li .txt{
        font-size: 14px;
        line-height: 2;
        height: 56px;
        display：-webkit-box;
        -webkit-box-orient：vertical;
        -webkit-line-clamp:2;
        overflow:hiddlen;
        text-overflow:ellipsis;
    }
    .about{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .about .box{
        margin-top: 30px;
    }
    .about .box .imgbox{
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .about .box .txtbox{
        float: none;
        width: 100%;
    }
    .about .box .txtbox .t1{
        font-size: 16px;
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
    .about .box .txtbox .t2{
        font-size: 14px;
        min-height: 1px;
    }
    .tech{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .tech .box{
        margin-top: 30px;
    }
    .tech .box .imgbox, .tech .box .txtbox{
        float: none;
        width: 100%;
    }
    .tech .box .imgbox{
        margin-bottom: 20px;
    }
    .tech .box .txtbox .techfontbox li{
        padding-bottom: 10px;
    }
    .tech .box .txtbox .techCodeTit{
        font-size: 14px;
    }
    .tech .box .txtbox .techfontbox li .silutionCodeNum{
        font-size: 50px;
    }
    .history{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .history .box{
        margin-top: 20px;
    }
    .history .box .left, .history .box .right{
        float: none;
        width: 100%;
    }
    .history .box .left{
        margin-bottom: 20px;
    }
    .history .box .left ul li{
        padding: 20px 0px;
    }
    .history .box .left ul li .tit{
        font-size: 16px;
    }
    .history .box .right{
        padding-left: 0;
        border-left: none;
        padding-bottom: 0;
    }
    .history .box .right ul li .t1{
        font-size: 16px;
        width: 60px;
    }
    .history .box .right ul li .t2{
        font-size: 14px;
    }
    .newsroom{
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .newsroom .box{
        margin-top: 20px;
    }
    .newsroom .box .imgbox, .newsroom .box .txtbox{
        float: none;
        width: 100%;
    }
    .newsroom .box .imgbox{
        margin-bottom: 20px;
    }
    .newsroom .box .txtbox .t1{
        font-size: 15px;
    }
    .newsroom .box .txtbox .t1 span{
        padding: 10px 15px;
    }
    .newsroom .box .txtbox .t2{
        font-size: 18px;
    }
    .newsroom .box .txtbox .t3 span{
        margin-right: 20px;
    }
    .newsroom .box .txtbox .t4{
        font-size: 14px;
    }
    .contact{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .contact .box{
        margin-top: 20px;
    }
    .contact .box .locations{
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    .contact .box .contact-box{
        float: none;
        width: 100%;
    }
    .contact .box .contact-box .txtbox .t1{
        font-size: 16px;
    }
    .contact .box .contact-box .txtbox ul li{
        font-size: 14px;
    }
    /*activity*/
    .activity{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .screendiv .screen .screen-li{
        float: left;
        width: 48%;
        margin-right: 4%;
        margin-bottom: 10px;
    }
    .screendiv .screen .screen-li:nth-child(2n), .screendiv .screen .screen-li:nth-child(3){
        margin-right: 0;
    }
    .screendiv .screen .screen-li select{
        font-size: 15px;
        padding-left: 15px;
        padding-right: 35px;
        background: url(../images/img292.png) center right 15px no-repeat;
    }
    .screendiv .screen-btn{
        float: left;
        width: 65px;
        display: none;
    }
    .activity .box{
        margin-top: 20px;
    }
    .activity .box ul{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .activity .box ul li{
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .activity .box ul li .txtbox .t1{
        min-height: 1px;
    }
    .activity .box ul li .txtbox .t2{
        font-size: 14px;
    }
    .page-list a{
        margin-right: 6px;
    }
    /*表单*/
    /*after sales maintenance*/
    .technical-support, .contact-us-form{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .after-sales-maintenance{
        padding-bottom: 30px;
    }
    .after-sales-maintenance .content .tit{
        font-size: 16px;
    }
    .after-sales-maintenance .content .tit.mar{
        padding-left: 30px;
    }
    .after-sales-maintenance .content ul li{
        font-size: 15px;
        padding-left: 30px;
    }
    .general-form .form-tit span{
        font-size: 16px;
    }
    .general-form .formdiv .form-li .sp{
        font-size: 15px;
    }
    .status .radio-name{
        font-size: 15px;
    }
    .general-form .formdiv .form-li .inputli input{
        font-size: 15px;
    }
    .after-sales-maintenance .content ul li .icon{
        width: 30px;
    }
    .general-form .formdiv{
        width: 100%;
        padding: 0% 5% 5%;
    }
    .general-form .formdiv .form-li{
        margin-bottom: 15px;
    }
    /* .general-form .formdiv .form-li .select-li{
		width: 100%;
		margin-right: 0;
	} */
    .general-form .formdiv .form-li .select-li select{
        padding-right: 25px;
        background: url(../images/img265.png) center right 15px no-repeat;
    }
    /**/
    .jump-table{
        padding: 30px 0px;
    }
    .jump-table .box{
        padding: 0px 20px 20px;
    }
    .jump-table.cda-form .box{
        padding-bottom: 30px;
    }
    .technical-support.ts-form .box, .contact-us-form .box{
        margin-top: 20px;
    }
    .jump-table .box .cont{
        margin-top: 20px;
    }
    .jump-table .box .cont form{
        margin-top: 20px;
    }
    .jump-table .box .tit span{
        font-size: 16px;
    }
    .jump-table .box .cont .subhead{
        font-size: 16px;
    }
    .jump-table .box .cont .t1{
        font-size: 15px;
    }
    .jump-table .box .cont input{
        font-size: 15px;
    }
    .jump-table .box .cont .form-li .half{
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .jump-table .box .cont .form-li .half:last-child{
        margin-bottom: 0;
    }
    .jump-table .box .subtable{
        margin-top: 0;
    }
    .jump-table .box .subtable table tr th{
        font-size: 15px;
        height: 50px;
    }
    .jump-table .box .subtable .total-bt{
        font-size: 15px;
    }
    .jump-table .box .subtable td .bt{
        font-size: 15px;
    }
    .jump-table .box .subtable td .uploadbox{
        margin-top: 15px;
    }
    /*authentication*/
    .enroll{
        padding-top: 50px;
    }
    .enroll .content{
        padding: 20px;
        min-height: 400px;
    }
    .enroll.other .content{
        padding: 20px;
    }
    .other.enroll .content .en-title{
        margin-top: 20px;
    }
    .enroll .content .en-title .tit{
        font-size: 16px;
    }
    .enroll .content .en-title .text{
        font-size: 14px;
        margin-top: 10px;
    }
    .other.enroll .content .formbox{
        margin-top: 30px;
    }
    .enroll .content .formbox .form-li{
        margin-top: 15px;
    }
    .enroll .content .formbox .form-li .sp{
        float: none;
        width: 100%;
        text-align: left;
        line-height: 2;
    }
    .enroll .content .formbox .form-li .cont{
        float: none;
        width: 100%;
    }
    .enroll .content .formbox .form-li .cont input{
        height: 40px;
        line-height: 40px;
    }
    .other.enroll .content .formbox .btn{
        margin-top: 30px;
    }
    .enroll .content .formbox .btn{
        margin-top: 30px;
    }
    .enroll .content .formbox .btn input{
        height: 42px;
        line-height: 42px;
    }
    .enroll .content .formbox .txt1{
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .enroll .content .formbox .txt1 .w2{
        position: static;
        text-align: center;
    }
    .enroll .content .formbox .txt1 .w2 a{
        display: inline-block;
    }
    .enroll.succeeded .textbox{
        margin-top: 50px;
    }
    .enroll.succeeded .textbox .icon img{
        max-width: 60px;
    }
    .enroll.succeeded .textbox .ws1{
        font-size: 18px;
        margin-top: 15px;
    }
    .enroll.succeeded .textbox .ws2{
        font-size: 14px;
        margin-top: 15px;
    }
    .enroll.register .register-box{
        margin-top: 20px;
    }
    .enroll.other.register .content .formbox{
        margin-top: 20px;
    }
    .enroll .subtitle .sub1{
        font-size: 16px;
    }
    .enroll .subtitle .sub2{
        font-size: 15px;
    }
    .enroll .content .formbox .form-li .sp1{
        font-size: 15px;
    }
    .enroll .content .formbox .form-li select{
        font-size: 14px;
    }
    .enroll .content .formbox .form-li .one-third{
        width: 100%;
        margin-right: 0;
    }
    .enroll .content .formbox .form-li .a-half{
        width: 100%;
        margin-right: 0;
    }
    .enroll.register .content .formbox .btn{
        max-width: 100%;
    }
    /**/
    .overview{
        padding-top: 30px;
    }
    .overview .box .synopsis{
        margin-top: 10px;
    }
    .overview .box .qae{
        margin-top: 30px;
    }
    .overview .box .qaediv ul li{
        width: 100%;
        margin-right: 0;
    }
    .overview .box .qaediv ul li .t4{
        min-height: 1px;
    }
    .overview .box .qaediv ul li .t4 .icon{
        display: block;
        width: 25%;
    }
    .overview .box .qaediv ul li .t4 .txt{
        width: 75%;
        padding: 0px 15px;
        font-size: 15px;
    }
    .eat{
        padding: 30px 0px;
    }
    .eatdiv ul li{
        width: 100%;
        margin-right: 0;
    }
    .erat{
        padding: 30px 0px;
    }
    .erat .box{
        padding-left: 3%;
        padding-right: 3%;
    }
    .erat .box .txtbox{
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .erat .box .txtbox .txt{
        margin-top: 10px;
    }
    .erat .box .imgbox{
        width: 100%;
    }
    .cop{
        padding-top: 30px;
    }
    .cop .copdiv ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .cop .copdiv ul li .cont{
        min-height: 1px;
    }
    .demo-programg-guide .cop .copdiv ul li .cont{
        min-height:1px;
    }
    .cop .copdiv .imgbox{
        display: none;
    }
    .textcon .box{
        margin-bottom: 20px;
    }
    .explain{
        font-size: 14px;
    }
    .table-box table tr th{
        height: 50px;
    }
    /*.discontinued*/
    .discontinued{
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .discontinued .dis-product{
        margin-top: 20px;
    }
    .discontinued .dis-product ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .discontinued .dis-product ul li .txtbox{
        padding: 15px 10px 0px 20px;
    }

    .wk-support{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .wk-support ul li{
        width: 100%;
        margin-right: 0;
    }
    /*join*/
    .join{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .join .box ul li .txtbox{
        padding: 20px;
    }
    .join .box ul li .headline .tit{
        font-size: 14px;
        width: 33.33%;
    }
    .join .box ul li .headline .tit:first-child{
        display: none;
    }
    .join .box ul li .txtbox .t1{
        padding-bottom: 20px;
        font-size: 14px;
    }
    .join .box ul li .txtbox .t2{
        padding: 20px 0px;
        font-size: 14px;
    }
    .join .box ul li .txtbox .t2 .half{
        width: 100%;
        margin-right: 0;
    }
    .join .box ul li .btn{
        margin-top: 20px;
    }
    .learn-more{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .learn-more .box{
        margin-top: 20px;
    }
    .learn-more .box ul li{
        width: 48%;
        margin-right: 4%;
    }
    .learn-more .box ul li:nth-child(2n){
        margin-right: 0;
    }
    .learn-more .box ul li .txt{
        padding: 15px;
    }
    /*.marketing-resource*/
    .marketing-resource{
        padding-top: 30px;
    }
    .marketing-resource .video .right{
        font-size: 15px;
    }
    .marketing-resource .video .left{
        font-size: 20px;
    }
    .marketing-resource .video-list{
        padding-top: 30px;
    }
    .marketing-resource .video-list .left{
        width: 100%;
    }
    .marketing-resource .video-list .right{
        width: 100%;
        border-left: none;
        padding-left: 0;
        margin-top: 30px;
    }
    .slider.adsorbent{
        position: static;
    }
    .marketing-resource .right .right-top .search-div .sp{
        width: 90px;
        text-align: left;
    }
    .marketing-resource .right .right-top .search-div .cont{
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
        width: calc(100% - 90px);
    }
    .marketing-resource .video-list .left ul li .a-level i, .marketing-resource .video-list .left ul li>a i{
        width: 34px;
    }
    .drop-list .b-level{
        margin-bottom: 10px;
    }
    .drop-list .b-level i{
        width: 34px;
    }
    .markting-list{
        margin-top: 20px;
        padding-bottom: 40px;
    }
    .markting-list ul{
        margin-bottom: 20px;
    }
    .markting-list.active ul li .img{
        width: 40%;
    }
    .markting-list.active ul li .txtbox{
        width: 60%;
        padding-top: 10px;
    }
    .markting-list ul li .txt .t1, .markting-list ul li .txt .t2{
        font-size: 15px;
    }
    .markting-list ul li .tagbox{
        padding-top: 10px;
    }
    .markting-list ul li .tagbox a{
        padding: 0px 5px;
        line-height: 2;
    }
    /*new center*/
    .new-center{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .new-center .new-tab ul li a{
        padding: 15px 0px;
    }
    .new-center .new-tab ul li .txt{
        font-size: 15px;
    }
    .new-center .new ul{
        margin-bottom: 30px;
    }
    .new-center .new ul li .n3 .t1{
        font-size: 16px;
    }
    .new-center .new ul li .n3 .t2{
        font-size: 15px;
    }
    .new-center .new ul li .n3 .line{
        margin-bottom: 15px;
    }
    /*new detail*/
    .new-detail{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .subtxt{
        margin-top: 15px;
    }
    .new-detail .txtbox{
        font-size: 15px;
    }
    .new-detail .txtbox span{
        margin-right: 10px;
    }
    .new-detail .detail-box{
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .new-detail .detail-other{
        padding-top: 20px;
    }
    .follow{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .follow .tit{
        font-size: 18px;
    }
    .follow .box{
        margin-top: 20px;
    }
    .follow .box ul li{
        margin: 0px 15px;
    }
    .partner-portal .box .right .ch-box .cont ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .partner-portal .markting-list ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .pr-box>ul>li{
        width: 100%;
        margin-right: 0;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .pr-box ul li .txtbox ul{
        min-height: 1px;
    }
    .vm-box ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .vm-box ul li .text, .vm-box ul li .txtbox .t1{
        font-size: 16px;
    }
    .vm-box ul li .txtbox .t2{
        font-size: 14px;
    }
    .vertical-update .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
    }
    /**/
    .solution .vm-box ul li .txtbox .t2{
        font-size: 14px;
    }
    .solution1 .vm-box ul li .txtbox .t2, .solution2 .vm-box ul li .txtbox .t2{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .solution2{
        padding-bottom: 40px;
    }
    .discovery .box ul li{
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }
    .discovery .box ul li:last-child{
        margin-bottom: 0;
    }
    .discovery .box ul li .icon{
        float: left;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .discovery .box ul li .img{
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .discovery .box ul li .round{
        display: none;
    }
    .discovery .box ul li .txtbox{
        float: right;
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
        margin-top: 0;
    }
    .discovery .box ul li .t1, .discovery .box ul li .t2{
        text-align: left;
    }
    .discovery .box ul li .arrow{
        display: none;
    }
    .application-form{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .application-form .box form .form-li .a-half{
        width: 100%;
        margin-right: 0;
    }
    .application-form .box form .sub-btn{
        margin-top: 30px;
    }
    /**/
    .discovery-program-form{
        padding: 30px 0px;
    }
    .discovery-program-form .box{
        border-radius: 0;
    }
    .discovery-program-form .box form{
        margin-top: 20px;
        padding: 0px 20px 30px;
    }
    .discovery-program-form .box .tit span{
        font-size: 16px;
    }
    .discovery-program-form .box .form-li .subtit{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .discovery-program-form .box .form-li .row{
        margin-bottom: 15px;
    }
    .discovery-program-form .box .form-li .row .rowli2{
        line-height: 40px;
    }
    .discovery-program-form .box .form-li .sp{
        font-size: 15px;
        margin-bottom: 5px;
    }
    .discovery-program-form .box .form-li .half{
        width: 100%;
        margin-right: 0%;
        margin-bottom: 15px;
    }
    .discovery-program-form .radio-name{
        font-size: 15px;
    }
    .discovery-program-form .box .form-li .sp .write2{
        width: 100px;
    }
    .discovery-program-form .box .form-li .cont-li select{
        font-size: 14px;
    }
    .privacy-policy{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .privacy-policy .box{
        padding: 10px 0px;
    }
    /**/
    .level-page{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .level-page .page-search .page-search-left input{
        height: 42px;
        line-height: 42px;
        font-size: 15px;
    }
    .level-page .page-search .page-search-right{
        height: 42px;
    }
    .product-center .screen-box{
        margin-top: 30px;
    }
    .product-center .screen-box ul li a{
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }
    .secondary-page .content{
        margin-top: 30px;
    }
    .secondary-page .left{
        width: 100%;
        margin-bottom: 20px;
    }
    .s-menu .tit{
        padding: 7px 15px;
    }
    .s-menu ul li .level-a{
        font-size: 15px;
        line-height: 42px;
    }
    .secondary-page .right{
        width: 100%;
        padding-left: 0;
    }
    .secondary-page .product-hover .t3{
        -webkit-line-clamp: 3;
    }
    /* product detail */
    .standard{
        padding-top: 40px;
    }
    .standard .left{
        margin-bottom: 30px;
    }
    .standard .left .markbox{
        width: 120px;
        height: 120px;
    }
    .standard .left .markbox .mark-txt .t1{
        font-size: 20px;
    }
    .standard .left .markbox .mark-txt .t2{
        font-size: 15px;
    }
    .standard .right .tit{
        padding-bottom: 10px;
    }
    .standard .right .tit .t1{
        font-size: 18px;
    }
    .standard .right .crosshead{
        font-size: 15px;
    }
    .standard .right .content{
        margin-top: 30px;
    }
    .image-text{
        margin-top: 30px;
    }
    .image-text .tuwen .t1{
        font-size: 24px;
    }
    .image-text .tuwen .t2{
        font-size: 16px;
    }
    .image-text .tuwen .t3{
        font-size: 15px;
    }
    .image-text .tuwen .iconzi{
        margin-top: 20px;
    }
    .detailed-description{
        margin-top: 30px;
    }
    .detailed-description .tabbox ul li{
        /*line-height: 42px;
		height: 42px;*/
    }
    .detailed-description .tabbox ul li .tabs{
        font-size: 16px;
    }
    .detailed-description .content-box .content-li .sub-tit{
        font-size: 16px;
    }
    .detailed-description .content-box .content-li.downloads-box .tit{
        font-size: 15px;
    }
    .detailed-description .content-box .content-li.features-box .t1{
        font-size: 15px;
    }
    .detailed-description .content-box .content-li.features-box .t2{
        font-size: 15px;
    }
    .detailed-description .content-box .content-li .table-content table tr td{
        font-size: 15px;
    }
    .detailed-description .content-box .content-li .table-content table tr td .tit{
        font-size: 16px;
    }
    .detailed-description .content-box .content-li{
        padding: 0;
    }
    /*.detailed-description .content-box .content-li{
		padding-top: 130px;
		margin-top: -100px;
	}
	.detailed-description .content-box .content-li .act{
		padding-top: 100px;
	}*/
    .detailed-description .content-box .content-li .swiper-container-horizontal>.swiper-scrollbar{
        bottom: 35px;
    }
    .detailed-description .content-box .content-li .c-studies ul{
        margin-bottom: 30px;
    }
    .image-text .tuwen.tuwen5 .imgbox ul li .img{
        margin-top: 20px;
    }
    .avaibox .avail-div .txtbox .t1{
        font-size: 18px;
    }
    .avaibox .avail-div .txtbox .t2{
        font-size: 16px;
    }
    .might{
        padding-top: 40px;
    }
    .standard .might ul, .standard.other .mightul{
        margin-top: 20px;
    }
    .standard .might .title{
        font-size: 20px;
    }
    /*.standard.other .mightbox{
		padding-bottom: 30px;
	}*/
    .standard.other .mightbox .mightli .imgbox{
        margin-bottom: 15px;
    }
    .standard.other .mightbox .mightli .txtbox .t1{
        font-size: 18px;
        margin-bottom: 0;
    }
    .standard.other .mightbox .mightli .txtbox .t2{
        font-size: 15px;
    }
    .standard.other .swiper-container-horizontal>.swiper-pagination-bullets, .standard.other .swiper-pagination-custom, .standard.other .swiper-pagination-fraction{
        bottom: 0;
    }
    .con-partner.partner-c .content .txtbox ul{
        padding: 30px 0px;
    }
    .guidebook .box .txt{
        font-size: 18px;
        margin-bottom: 30px;
    }
    /**/
    .p-warranty{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .service-support .probox ul li a{
        padding: 20px;
    }
    .service-support .probox ul li .txtbox .t1{
        font-size: 16px;
    }
    .service-support .probox ul li .txtbox .t2{
        font-size: 16px;
    }
    .service-support .probox ul li .txtbox .t3{
        font-size: 15px;
    }
    .service-support .probox ul li .txtbox .t3 .sp{
        font-size: 16px;
    }
    /*  */
    .solution{
        padding-top: 30px;
    }
    .solution4 .box .title{
        font-size: 18px;
    }
    .solution4 .box .left{
        margin-bottom: 20px;
    }
    .solution4 .box .left .txtbox{
        padding: 20px 0px;
    }
    .solution4 .box .right{
        width: 100%;
        padding: 20px 20px 0px;
    }
    .solution4 .box .left .txtbox{
        padding-top: 10px;
    }
    .solution4 .box .title.line{
        padding-bottom: 10px;
    }
    .solution4 .box .right .message ul li{
        margin-bottom: 20px;
    }
    .solution4 .box .right .message ul li .txt{
        font-size: 16px;
        padding: 10px 0px 5px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .applicable-product{
        padding-top: 40px;
    }
    .applicable-product .cont{
        margin-top: 30px;
    }
    .case-study{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .case-study .box{
        margin-top: 20px;
    }
    .case-study ul li{
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }
    /*  */
    .whydiv{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .whydiv .box .contli{
        margin-top: 20px;
    }
    .ndevor{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .box-top{
        margin-top: 20px;
    }
    .ndevor .ndevor-list{
        margin-top: 30px;
    }
    .ndevor .ndevor-tab .item{
        font-size: 16px;
    }
    .works{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .works .content .cont .dot{
        width: 100%;
        margin-right: 0;
    }
    .works .content .c1ont .dot .hide .txt{
        font-size: 15px;
    }
    .works .btnbox a{
        min-width: 1px;
        padding: 0 10px;
    }
    .availability{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .availability .content{
        margin-top: 20px;
    }
    .us-download{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .us-download .content{
        margin-top: 20px;
    }
    .us-download .content ul li{
        padding: 20px;
    }
    .ptxt li .t2{
        margin-top: 10px;
    }
    .ptxt li .t3 a{
        max-width: 100%;
        width: 100%;
        margin-top: 10px;
    }
    .wiki-box{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .wiki .wiki-box .content.mar-t{
        margin-top: 20px;
    }
    /* .wiki-box .wk-select .wk-select-ul{
		width: 100%;
	}
	.wiki-box .wk-select .wk-select-ul .wk-select-li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 20px;
	}
	.wiki-box .wk-select .wk-select-ul .wk-select-li:nth-child(2n){
		margin-right: 0;
	} */
    .wiki-box .wk-select .wk-select-ul .wk-select-li select{
        line-height: 42px;
        height: 42px;
    }
    .wiki-box .wk-select .wk-search .entry input{
        line-height: 42px;
        height: 42px;
        font-size: 15px;
    }
    .wiki-box .wk-select .wk-search .btn, .wiki-box .wk-select .wk-search .btn input{
        line-height: 40px;
        height: 40px;
    }
    .wiki .wk-list ul{
        margin-bottom: 30px;
    }
    .wiki .wk-list ul li{
        padding: 15px 20px;
    }
    .wiki .wk-list ul li .t4 .tags, .wk-detail-title .t3 .tags{
        float: none;
        max-width: 100%;
        width: 100%;
        margin-bottom: 15px;
    }
    .wiki .wk-list ul li .t4 .infor, .wk-detail-title .t3 .infor{
        float: none;
        max-width: 100%;
        width: 100%;
    }
    .wiki .wiki-box .right{
        padding: 20px 20px 10px;
    }
    .all-comments .comment-list ul li .t1{
        font-size: 15px;
    }
    .all-comments .comment-list ul li .t1 .ws1{
        width: 15%;
    }
    .all-comments .comment-list ul li .t1 .ws2{
        width: 85%;
    }
    .all-comments .comment-list ul li .t2{
        font-size: 14px;
    }
    /*  */
    .headquarter{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .headquarter .box .txtbox{
        padding: 20px;
    }
    .headquarter .box .txtbox ul{
        margin-top: 10px;
    }
    .headquarter .box .txtbox ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
        padding-right: 0;
    }
    .global-locations{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .global-locations .box{
        margin-top: 15px;
    }
    .enfoldment ul li .subhead{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .global-locations .box ul li .substance .subbox{
        margin-top: 10px;
        padding-bottom: 10px;
    }
    .global-locations .box ul li .substance .subbox .t1{
        font-size: 15px;
    }
    .global-locations .box ul li .substance .subbox ul li{
        font-size: 15px;
    }
    .download-center{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .download-center .box .content{
        margin-top: 20px;
    }
    .screendiv .screen .screen-li select{
        height: 42px;
        line-height: 42px;
    }
    .con-partner .content .tab-tit .btn{
        line-height: 45px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .con-partner .tab-tit .swiper-slide.item.active .btn{
        line-height: 45px;
    }
}
@media screen and (max-width: 576px){
    /*banner*/
    .i-banner{
        top: 18%;
    }
    .i-banner .box .t1{
        font-size: 16px;
    }
    .i-banner .box .t2{
        font-size: 22px;
    }
    /**/
    .h-other .h-global a, .h-other .h-user a{
        padding-right: 10px;
        margin-right: 10px;
    }
    /**/
    .head-nation{
        position: static;
    }
    .head-nation ul{
        top: 60px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    /**/
    .new-center .new-tab ul li .txt{
        font-size: 14px;
    }
    .new-center .new{
        margin-top: 20px;
    }
    .new-center .new ul li{
        padding: 0px 0px 20px;
        margin-bottom: 30px;
    }
    .new-center .new ul li:last-child{
        margin-bottom: 0;
    }
    .new-center .new ul li .n2{
        width: 100%;
        margin-right: 0;
        margin-top: 0;
    }
    .new-center .new ul li .n3{
        width: 100%;
    }
    /*.oem-odm*/
    .oem-odm{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    /*.oem-odm .box{
		margin-top: 20px;
	}*/
    .oem-odm .box ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .oem-odm .box ul li .below .txtbox .t2{
        margin-top: 5px;
        display: block;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 12;
        -webkit-box-orient: vertical;
    }
    /*.oem-odm .box ul li .below .txtbox .t3{
		position: static;
		margin-top: 8%;
	}*/
    .vertical-update .vm-box ul li .txtbox .t2{
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    /*partner program*/
    .discovery-program{
        padding-top: 30px;
    }
    .o-principles{
        padding-top: 30px;
    }
    .o-principles ul li .iconbox{
        padding-left: 40px;
        padding-bottom: 10px;
        font-size: 15px;
    }
    .o-principles ul li .iconbox .icon{
        left: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .con-partner{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .thank{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .application-form .box form .form-li{
        margin-top: 15px;
    }
    .application-form .box form .form-li .cont{
        margin-top: 5px;
    }
    .application-form .box form .form-li .a-half{
        margin-bottom: 15px;
    }
    .application-form .box form .form-li .a-half:last-child{
        margin-bottom: 0;
    }
    .discovery{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .discovery .box ul li .t1{
        font-size: 16px;
    }
    .discovery .box ul li .t2{
        font-size: 15px;
    }
    /**/
    .page-product-list ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    /* product detail */
    .standard .left .markbox .mark-txt .t1{
        font-size: 18px;
    }
    .image-text .tuwen .t1{
        font-size: 20px;
    }
    .image-text .tuwen .t2{
        font-size: 15px;
    }
    .image-text .tuwen3{
        padding-top: 10%;
    }
    .image-text .tuwen4 .box{
        padding-top: 10%;
        padding-bottom: 5%;
    }
    .image-text .tuwen4 .box .txtbox{
        width: 80%;
    }
    .image-text .tuwen.tuwen5 .imgbox ul li{
        width: 100%;
        margin-bottom: 30px;
    }
    .image-text .tuwen.tuwen5 .imgbox ul li .img{
        margin-top: 10px;
    }
    .detailed-description .tabbox ul li{
        padding: 0px 10px;
        margin-right: 10px;
    }
    .detailed-description .content-box .content-li.downloads-box ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .detailed-description .content-box .content-li .s-briefing ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .detailed-description .content-box .content-li .c-studies{
        margin-top: 20px;
    }
    .studyli .imgbox{
        width: 40%;
    }
    .studyli .txtbox{
        width: 60%;
    }
    .studyli .txtbox .tags a{
        margin-right: 5px;
        font-size: 12px;
    }
    .studyli{
        padding: 15px 15px;
    }
    .standard .might ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .solution3 .box ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .solution3 .box ul li .txtbox{
        height: auto;
        padding: 20px 15px 15px;
    }
    .solution3 .com-btn{
        position: static;
    }
    .technical-support .box{
        margin-top: 30px;
    }
    .technical-support .box ul li{
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }
    .technical-support .box ul li .t2{
        font-size: 15px;
        height: auto;
    }
    .technical-support .box ul li .t3{
        margin-top: 15px;
    }
    /*  */
    .works .btnbox a{
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }
    .works .btnbox a:last-child{
        margin-right: 0;
    }
    .whydiv .box .cont .imgbox{
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .whydiv .box .contli:nth-child(even) .imgbox{
        float: none;
        text-align: center;
    }
    .whydiv .box .cont .imgbox img{
        max-width: 90%;
    }
    .whydiv .box .cont .txtbox{
        display: block;
        width: 100%;
    }
    .us-download .content ul li{
        padding: 15px;
    }
    .ptxt li .t2{
        margin-top: 5px;
    }
    .solution1 .vm-box ul li .txtbox .t2, .solution2 .vm-box ul li .txtbox .t2{
        -webkit-line-clamp: 2;
    }
    .solution4 .box .right .message ul li .txt{
        font-size: 15px;
    }
    .vm-box ul li .com-btn{
        bottom: 20px;
    }
    .page-product-list ul li .sign{
        min-height: 80px;
    }
    .download-center .lower{
        padding-top: 10px;
    }
    .download-center .upper .tabs{
        margin-top: 0;
    }
    .download-center .upper .txt .t2 a{
        font-size: 12px;
        padding: 0 10px;
        margin-right: 5px;
    }
    .wiki-box{
        padding-bottom: 20px;
    }
    .all-comments .comment-list ul li .ask{
        padding: 20px 0px 20px;
    }
    .all-comments .comment-list ul li .t1{
        font-size: 14px;
    }
    .all-comments .comment-list ul li .t1 .ws1{
        width: 20%;
    }
    .all-comments .comment-list ul li .t1 .ws1 .icon{
        width: 40px;
        height: 40px;
        margin-bottom: 0;
    }
    .all-comments .comment-list ul li .t1 .ws2{
        width: 80%;
    }
    .con-partner .content .tab-tit .btn img{
        margin-right: 5px;
    }
    /**/
    .service-support .probox ul li .imgbox{
        width: 100%;
        padding-left: 0;
        border-left: none;
        margin-bottom: 15px;
    }
    .service-support .probox ul li .txtbox{
        width: 100%;
    }
    .service-support .probox ul li .txtbox .t2{
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .service-support .probox ul li .txtbox .t3{
        margin-top: 10px;
    }
    .product-image ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .product-image ul li .txtbox ul{
        display: block;
    }
}
@media screen and (max-width: 375px){
    .h-other .h-operate a{
        font-size: 14px;
    }
    .oem-odm .box ul li .below .txtbox .t2{
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
    }
}
@media screen and (max-width: 320px){
    .oem-odm .box ul li .below .txtbox .t2{
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
    }
}

.datepicker {
    display: none;
    position: absolute;
    padding: 4px;
    margin-top: 1px;
    direction: ltr; }
.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333;
    font-size: 13px;
    line-height: 18px; }
.datepicker.dropdown-menu th {
    padding: 4px 5px; }
.datepicker.dropdown-menu td {
    padding: 4px 5px; }
.datepicker table {
    border: 0;
    margin: 0;
    width: auto; }
.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer; }
.datepicker td {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer; }
.datepicker td.active.day, .datepicker td.active.year {
    background: #006271; color:#fff;}
.datepicker td.old, .datepicker td.new {
    color: #999; }
.datepicker td span.active {
    background: #2ba6cb; }
.datepicker td.day.disabled {
    color: #eee; }
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer; }
.datepicker th.active.day, .datepicker th.active.year {
    background: #2ba6cb; }
.datepicker th.date-switch {
    width: 145px; }
.datepicker th span.active {
    background: #2ba6cb; }
.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle; }
.datepicker.days div.datepicker-days {
    display: block; }
.datepicker.months div.datepicker-months {
    display: block; }
.datepicker.years div.datepicker-years {
    display: block; }
.datepicker thead tr:first-child th {
    cursor: pointer; }
.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent; }
.datepicker tfoot tr:first-child th {
    cursor: pointer; }

.datepicker-inline {
    width: 220px; }

.datepicker-rtl {
    direction: rtl; }
.datepicker-rtl table tr td span {
    float: right; }

.datepicker-dropdown {
    top: 0;
    left: 0; }
.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px; }
.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px; }

.datepicker > div,
.datepicker-dropdown::before,
.datepicker-dropdown::after {
    display: none; }

.datepicker-close {
    position: absolute;
    top: -30px;
    right: 0;
    width: 15px;
    height: 30px;
    padding: 0;
    display: none; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent; }
.fa{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:16px;
    font-weight:bold;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}


/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
    float: left;
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000;
}
.swiper-pagination-lock {
    display: none;
}
/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube {
    overflow: visible;
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
.swiper-container-flip {
    overflow: visible;
}
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-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{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-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}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
    rgba(0, 0, 0, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(0, 0, 0, .019) 88%,
    rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}