@charset "UTF-8"; /*!Animate.css - http://daneden.me/animateLicensed under the MIT licenseCopyright (c) 2013 Daniel EdenPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.*/
.animated { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: both; animation-fill-mode: both}

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite}

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s}

@-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% {-webkit-transform: none;transform: none } 40% {-webkit-transform: translateY(-30px);transform: translateY(-30px) } 60% {-webkit-transform: translateY(-15px);transform: translateY(-15px) }}

@keyframes bounce { 0%, 100%, 20%, 50%, 80% {-webkit-transform: none;-ms-transform: none;transform: none } 40% {-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px) } 60% {-webkit-transform: translateY(-15px);-ms-transform: translateY(-15px);transform: translateY(-15px) }}

.bounce { -webkit-animation-name: bounce; animation-name: bounce}

@-webkit-keyframes flash { 0%, 100%, 50% {opacity: 1 } 25%, 75% {opacity: 0 }}

@keyframes flash { 0%, 100%, 50% {opacity: 1 } 25%, 75% {opacity: 0 }}

.flash { -webkit-animation-name: flash; animation-name: flash}

@-webkit-keyframes pulse { 0% {-webkit-transform: scale(1);transform: scale(1) } 50% {-webkit-transform: scale(1.1);transform: scale(1.1) } 100% {-webkit-transform: scale(1);transform: scale(1) }}

@keyframes pulse { 0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1) } 50% {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1) } 100% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1) }}

.pulse { -webkit-animation-name: pulse; animation-name: pulse}

@-webkit-keyframes rubberBand { 0% {-webkit-transform: scale(1);transform: scale(1) } 30% {-webkit-transform: scaleX(1.25) scaleY(0.75);transform: scaleX(1.25) scaleY(0.75) } 40% {-webkit-transform: scaleX(0.75) scaleY(1.25);transform: scaleX(0.75) scaleY(1.25) } 60% {-webkit-transform: scaleX(1.15) scaleY(0.85);transform: scaleX(1.15) scaleY(0.85) } 100% {-webkit-transform: scale(1);transform: scale(1) }}

@keyframes rubberBand { 0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1) } 30% {-webkit-transform: scaleX(1.25) scaleY(0.75);-ms-transform: scaleX(1.25) scaleY(0.75);transform: scaleX(1.25) scaleY(0.75) } 40% {-webkit-transform: scaleX(0.75) scaleY(1.25);-ms-transform: scaleX(0.75) scaleY(1.25);transform: scaleX(0.75) scaleY(1.25) } 60% {-webkit-transform: scaleX(1.15) scaleY(0.85);-ms-transform: scaleX(1.15) scaleY(0.85);transform: scaleX(1.15) scaleY(0.85) } 100% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1) }}

.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand}

@-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);transform: translateX(0) } 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);transform: translateX(-10px) } 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);transform: translateX(10px) }}

@keyframes shake { 0%, 100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) } 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px) } 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px) }}

.shake { -webkit-animation-name: shake; animation-name: shake}

@-webkit-keyframes swing { 20% {-webkit-transform: rotate(15deg);transform: rotate(15deg) } 40% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg) } 60% {-webkit-transform: rotate(5deg);transform: rotate(5deg) } 80% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg) } 100% {-webkit-transform: rotate(0deg);transform: rotate(0deg) }}

@keyframes swing { 20% {-webkit-transform: rotate(15deg);-ms-transform: rotate(15deg);transform: rotate(15deg) } 40% {-webkit-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg) } 60% {-webkit-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg) } 80% {-webkit-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg) } 100% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg) }}

.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing}

@-webkit-keyframes tada { 0% {-webkit-transform: scale(1);transform: scale(1) } 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg) } 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg) } 100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0) }}

@keyframes tada { 0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1) } 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);-ms-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg) } 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);-ms-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);-ms-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg) } 100% {-webkit-transform: scale(1) rotate(0);-ms-transform: scale(1) rotate(0);transform: scale(1) rotate(0) }}

.tada { -webkit-animation-name: tada; animation-name: tada}

@-webkit-keyframes wobble { 0% {-webkit-transform: translateX(0%);transform: translateX(0%) } 15% {-webkit-transform: translateX(-25%) rotate(-5deg);transform: translateX(-25%) rotate(-5deg) } 30% {-webkit-transform: translateX(20%) rotate(3deg);transform: translateX(20%) rotate(3deg) } 45% {-webkit-transform: translateX(-15%) rotate(-3deg);transform: translateX(-15%) rotate(-3deg) } 60% {-webkit-transform: translateX(10%) rotate(2deg);transform: translateX(10%) rotate(2deg) } 75% {-webkit-transform: translateX(-5%) rotate(-1deg);transform: translateX(-5%) rotate(-1deg) } 100% {-webkit-transform: translateX(0%);transform: translateX(0%) }}

@keyframes wobble { 0% {-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%) } 15% {-webkit-transform: translateX(-25%) rotate(-5deg);-ms-transform: translateX(-25%) rotate(-5deg);transform: translateX(-25%) rotate(-5deg) } 30% {-webkit-transform: translateX(20%) rotate(3deg);-ms-transform: translateX(20%) rotate(3deg);transform: translateX(20%) rotate(3deg) } 45% {-webkit-transform: translateX(-15%) rotate(-3deg);-ms-transform: translateX(-15%) rotate(-3deg);transform: translateX(-15%) rotate(-3deg) } 60% {-webkit-transform: translateX(10%) rotate(2deg);-ms-transform: translateX(10%) rotate(2deg);transform: translateX(10%) rotate(2deg) } 75% {-webkit-transform: translateX(-5%) rotate(-1deg);-ms-transform: translateX(-5%) rotate(-1deg);transform: translateX(-5%) rotate(-1deg) } 100% {-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%) }}

.wobble { -webkit-animation-name: wobble; animation-name: wobble}

@-webkit-keyframes bounceIn { 0% {opacity: 0;-webkit-transform: scale(.3);transform: scale(.3) } 50% {opacity: 1;-webkit-transform: scale(1.05);transform: scale(1.05) } 70% {-webkit-transform: scale(.9);transform: scale(.9) } 100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1) }}

@keyframes bounceIn { 0% {opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3) } 50% {opacity: 1;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05) } 70% {-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9) } 100% {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1) }}

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn}

@-webkit-keyframes bounceInDown { 0% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px) } 60% {opacity: 1;-webkit-transform: translateY(30px);transform: translateY(30px) } 80% {-webkit-transform: translateY(-10px);transform: translateY(-10px) } 100% {-webkit-transform: none;transform: none }}

@keyframes bounceInDown { 0% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px) } 60% {opacity: 1;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px) } 80% {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px) } 100% {-webkit-transform: none;-ms-transform: none;transform: none }}

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown}

@-webkit-keyframes bounceInLeft { 0% {opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px) } 60% {opacity: 1;-webkit-transform: translateX(30px);transform: translateX(30px) } 80% {-webkit-transform: translateX(-10px);transform: translateX(-10px) } 100% {-webkit-transform: translateX(0);transform: translateX(0) }}

@keyframes bounceInLeft { 0% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px) } 60% {opacity: 1;-webkit-transform: translateX(30px);-ms-transform: translateX(30px);transform: translateX(30px) } 80% {-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px) } 100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) }}

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft}

@-webkit-keyframes bounceInRight { 0% {opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px) } 60% {opacity: 1;-webkit-transform: translateX(-30px);transform: translateX(-30px) } 80% {-webkit-transform: translateX(10px);transform: translateX(10px) } 100% {-webkit-transform: translateX(0);transform: translateX(0) }}

@keyframes bounceInRight { 0% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px) } 60% {opacity: 1;-webkit-transform: translateX(-30px);-ms-transform: translateX(-30px);transform: translateX(-30px) } 80% {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px) } 100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) }}

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight}

@-webkit-keyframes bounceInUp { 0% {opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px) } 60% {opacity: 1;-webkit-transform: translateY(-30px);transform: translateY(-30px) } 80% {-webkit-transform: translateY(10px);transform: translateY(10px) } 100% {-webkit-transform: none;transform: none }}

@keyframes bounceInUp { 0% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px) } 60% {opacity: 1;-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px) } 80% {-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px) } 100% {-webkit-transform: none;-ms-transform: none;transform: none }}

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp}

@-webkit-keyframes bounceOut { 0% {-webkit-transform: scale(1);transform: scale(1) } 25% {-webkit-transform: scale(.95);transform: scale(.95) } 50% {opacity: 1;-webkit-transform: scale(1.1);transform: scale(1.1) } 100% {opacity: 0;-webkit-transform: scale(.3);transform: scale(.3) }}

@keyframes bounceOut { 0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1) } 25% {-webkit-transform: scale(.95);-ms-transform: scale(.95);transform: scale(.95) } 50% {opacity: 1;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1) } 100% {opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3) }}

.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut}

@-webkit-keyframes bounceOutDown { 0% {-webkit-transform: none;transform: none } 20% {opacity: 1;-webkit-transform: translateY(-40px);transform: translateY(-40px) } 100% {opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px) }}

@keyframes bounceOutDown { 0% {-webkit-transform: none;-ms-transform: none;transform: none } 20% {opacity: 1;-webkit-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px) } 100% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px) }}

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown}

@-webkit-keyframes bounceOutLeft { 0% {-webkit-transform: translateX(0);transform: translateX(0) } 20% {opacity: 1;-webkit-transform: translateX(40px);transform: translateX(40px) } 100% {opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px) }}

@keyframes bounceOutLeft { 0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) } 20% {opacity: 1;-webkit-transform: translateX(40px);-ms-transform: translateX(40px);transform: translateX(40px) } 100% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px) }}

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft}

@-webkit-keyframes bounceOutRight { 0% {-webkit-transform: translateX(0);transform: translateX(0) } 20% {opacity: 1;-webkit-transform: translateX(-40px);transform: translateX(-40px) } 100% {opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px) }}

@keyframes bounceOutRight { 0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) } 20% {opacity: 1;-webkit-transform: translateX(-40px);-ms-transform: translateX(-40px);transform: translateX(-40px) } 100% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px) }}

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight}

@-webkit-keyframes bounceOutUp { 0% {-webkit-transform: none;transform: none } 20% {opacity: 1;-webkit-transform: translateY(40px);transform: translateY(40px) } 100% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px) }}

@keyframes bounceOutUp { 0% {-webkit-transform: none;-ms-transform: none;transform: none } 20% {opacity: 1;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px) } 100% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px) }}

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp}

@-webkit-keyframes fadeIn { 0% {opacity: 0 } 100% {opacity: 1 }}

@keyframes fadeIn { 0% {opacity: 0 } 100% {opacity: 1 }}

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn}

@-webkit-keyframes fadeInDown { 0% {opacity: 0;-webkit-transform: translateY(-40px);transform: translateY(-40px) } 100% {opacity: 1;-webkit-transform: none;transform: none }}

@keyframes fadeInDown { 0% {opacity: 0;-webkit-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px) } 100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none }}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown}

@-webkit-keyframes fadeInDownBig { 0% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px) } 100% {opacity: 1;-webkit-transform: none;transform: none }}

@keyframes fadeInDownBig { 0% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px) } 100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none }}

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig}

@-webkit-keyframes fadeInLeft { 0% {opacity: 0;-webkit-transform: translateX(-40px);transform: translateX(-40px) } 100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0) }}

@keyframes fadeInLeft { 0% {opacity: 0;-webkit-transform: translateX(-40px);-ms-transform: translateX(-40px);transform: translateX(-40px) } 100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) }}

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft}

@-webkit-keyframes fadeInLeftBig { 0% {opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px) } 100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0) }}

@keyframes fadeInLeftBig { 0% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px) } 100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) }}

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig}

@-webkit-keyframes fadeInRight { 0% {opacity: 0;-webkit-transform: translateX(40px);transform: translateX(40px) } 100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0) }}

@keyframes fadeInRight { 0% {opacity: 0;-webkit-transform: translateX(40px);-ms-transform: translateX(40px);transform: translateX(40px) } 100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) }}

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight}

@-webkit-keyframes fadeInRightBig { 0% {opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px) } 100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0) }}

@keyframes fadeInRightBig { 0% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px) } 100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) }}

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig}

@-webkit-keyframes fadeInUp { 0% {opacity: 0;-webkit-transform: translateY(40px);transform: translateY(40px) } 100% {opacity: 1;-webkit-transform: none;transform: none }}

@keyframes fadeInUp { 0% {opacity: 0;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px) } 100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none }}

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp}

@-webkit-keyframes fadeInUpBig { 0% {opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px) } 100% {opacity: 1;-webkit-transform: none;transform: none }}

@keyframes fadeInUpBig { 0% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px) } 100% {opacity: 1;-webkit-transform: none;-ms-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;-webkit-transform: none;transform: none } 100% {opacity: 0;-webkit-transform: translateY(40px);transform: translateY(40px) }}

@keyframes fadeOutDown { 0% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none } 100% {opacity: 0;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px) }}

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown}

@-webkit-keyframes fadeOutDownBig { 0% {opacity: 1;-webkit-transform: none;transform: none } 100% {opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px) }}

@keyframes fadeOutDownBig { 0% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none } 100% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px) }}

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig}

@-webkit-keyframes fadeOutLeft { 0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0) } 100% {opacity: 0;-webkit-transform: translateX(-40px);transform: translateX(-40px) }}

@keyframes fadeOutLeft { 0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) } 100% {opacity: 0;-webkit-transform: translateX(-40px);-ms-transform: translateX(-40px);transform: translateX(-40px) }}

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft}

@-webkit-keyframes fadeOutLeftBig { 0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0) } 100% {opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px) }}

@keyframes fadeOutLeftBig { 0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) } 100% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px) }}

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig}

@-webkit-keyframes fadeOutRight { 0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0) } 100% {opacity: 0;-webkit-transform: translateX(40px);transform: translateX(40px) }}

@keyframes fadeOutRight { 0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) } 100% {opacity: 0;-webkit-transform: translateX(40px);-ms-transform: translateX(40px);transform: translateX(40px) }}

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight}

@-webkit-keyframes fadeOutRightBig { 0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0) } 100% {opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px) }}

@keyframes fadeOutRightBig { 0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) } 100% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px) }}

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig}

@-webkit-keyframes fadeOutUp { 0% {opacity: 1;-webkit-transform: none;transform: none } 100% {opacity: 0;-webkit-transform: translateY(-40px);transform: translateY(-40px) }}

@keyframes fadeOutUp { 0% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none } 100% {opacity: 0;-webkit-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px) }}

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp}

@-webkit-keyframes fadeOutUpBig { 0% {opacity: 1;-webkit-transform: none;transform: none } 100% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px) }}

@keyframes fadeOutUpBig { 0% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none } 100% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px) }}

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig}

@-webkit-keyframes flip { 0% {-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);transform: perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out } 40% {-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out } 50% {-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in } 80% {-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in } 100% {-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in }}

@keyframes flip { 0% {-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);transform: perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out } 40% {-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out } 50% {-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in } 80% {-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in } 100% {-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in }}

.animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip}

@-webkit-keyframes flipInX { 0% {-webkit-transform: perspective(400px) rotateX(90deg);transform: perspective(400px) rotateX(90deg);opacity: 0 } 40% {-webkit-transform: perspective(400px) rotateX(-10deg);transform: perspective(400px) rotateX(-10deg) } 70% {-webkit-transform: perspective(400px) rotateX(10deg);transform: perspective(400px) rotateX(10deg) } 100% {-webkit-transform: perspective(400px) rotateX(0deg);transform: perspective(400px) rotateX(0deg);opacity: 1 }}

@keyframes flipInX { 0% {-webkit-transform: perspective(400px) rotateX(90deg);-ms-transform: perspective(400px) rotateX(90deg);transform: perspective(400px) rotateX(90deg);opacity: 0 } 40% {-webkit-transform: perspective(400px) rotateX(-10deg);-ms-transform: perspective(400px) rotateX(-10deg);transform: perspective(400px) rotateX(-10deg) } 70% {-webkit-transform: perspective(400px) rotateX(10deg);-ms-transform: perspective(400px) rotateX(10deg);transform: perspective(400px) rotateX(10deg) } 100% {-webkit-transform: perspective(400px) rotateX(0deg);-ms-transform: perspective(400px) rotateX(0deg);transform: perspective(400px) rotateX(0deg);opacity: 1 }}

.flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX}

@-webkit-keyframes flipInY { 0% {-webkit-transform: perspective(400px) rotateY(90deg);transform: perspective(400px) rotateY(90deg);opacity: 0 } 40% {-webkit-transform: perspective(400px) rotateY(-10deg);transform: perspective(400px) rotateY(-10deg) } 70% {-webkit-transform: perspective(400px) rotateY(10deg);transform: perspective(400px) rotateY(10deg) } 100% {-webkit-transform: perspective(400px) rotateY(0deg);transform: perspective(400px) rotateY(0deg);opacity: 1 }}

@keyframes flipInY { 0% {-webkit-transform: perspective(400px) rotateY(90deg);-ms-transform: perspective(400px) rotateY(90deg);transform: perspective(400px) rotateY(90deg);opacity: 0 } 40% {-webkit-transform: perspective(400px) rotateY(-10deg);-ms-transform: perspective(400px) rotateY(-10deg);transform: perspective(400px) rotateY(-10deg) } 70% {-webkit-transform: perspective(400px) rotateY(10deg);-ms-transform: perspective(400px) rotateY(10deg);transform: perspective(400px) rotateY(10deg) } 100% {-webkit-transform: perspective(400px) rotateY(0deg);-ms-transform: perspective(400px) rotateY(0deg);transform: perspective(400px) rotateY(0deg);opacity: 1 }}

.flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY}

@-webkit-keyframes flipOutX { 0% {-webkit-transform: perspective(400px) rotateX(0deg);transform: perspective(400px) rotateX(0deg);opacity: 1 } 100% {-webkit-transform: perspective(400px) rotateX(90deg);transform: perspective(400px) rotateX(90deg);opacity: 0 }}

@keyframes flipOutX { 0% {-webkit-transform: perspective(400px) rotateX(0deg);-ms-transform: perspective(400px) rotateX(0deg);transform: perspective(400px) rotateX(0deg);opacity: 1 } 100% {-webkit-transform: perspective(400px) rotateX(90deg);-ms-transform: perspective(400px) rotateX(90deg);transform: perspective(400px) rotateX(90deg);opacity: 0 }}

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important}

@-webkit-keyframes flipOutY { 0% {-webkit-transform: perspective(400px) rotateY(0deg);transform: perspective(400px) rotateY(0deg);opacity: 1 } 100% {-webkit-transform: perspective(400px) rotateY(90deg);transform: perspective(400px) rotateY(90deg);opacity: 0 }}

@keyframes flipOutY { 0% {-webkit-transform: perspective(400px) rotateY(0deg);-ms-transform: perspective(400px) rotateY(0deg);transform: perspective(400px) rotateY(0deg);opacity: 1 } 100% {-webkit-transform: perspective(400px) rotateY(90deg);-ms-transform: perspective(400px) rotateY(90deg);transform: perspective(400px) rotateY(90deg);opacity: 0 }}

.flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY}

@-webkit-keyframes lightSpeedIn { 0% {-webkit-transform: translateX(100%) skewX(-30deg);transform: translateX(100%) skewX(-30deg);opacity: 0 } 60% {-webkit-transform: translateX(-20%) skewX(30deg);transform: translateX(-20%) skewX(30deg);opacity: 1 } 80% {-webkit-transform: translateX(0%) skewX(-15deg);transform: translateX(0%) skewX(-15deg);opacity: 1 } 100% {-webkit-transform: translateX(0%) skewX(0deg);transform: translateX(0%) skewX(0deg);opacity: 1 }}

@keyframes lightSpeedIn { 0% {-webkit-transform: translateX(100%) skewX(-30deg);-ms-transform: translateX(100%) skewX(-30deg);transform: translateX(100%) skewX(-30deg);opacity: 0 } 60% {-webkit-transform: translateX(-20%) skewX(30deg);-ms-transform: translateX(-20%) skewX(30deg);transform: translateX(-20%) skewX(30deg);opacity: 1 } 80% {-webkit-transform: translateX(0%) skewX(-15deg);-ms-transform: translateX(0%) skewX(-15deg);transform: translateX(0%) skewX(-15deg);opacity: 1 } 100% {-webkit-transform: translateX(0%) skewX(0deg);-ms-transform: translateX(0%) skewX(0deg);transform: translateX(0%) skewX(0deg);opacity: 1 }}

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out}

@-webkit-keyframes lightSpeedOut { 0% {-webkit-transform: translateX(0%) skewX(0deg);transform: translateX(0%) skewX(0deg);opacity: 1 } 100% {-webkit-transform: translateX(100%) skewX(-30deg);transform: translateX(100%) skewX(-30deg);opacity: 0 }}

@keyframes lightSpeedOut { 0% {-webkit-transform: translateX(0%) skewX(0deg);-ms-transform: translateX(0%) skewX(0deg);transform: translateX(0%) skewX(0deg);opacity: 1 } 100% {-webkit-transform: translateX(100%) skewX(-30deg);-ms-transform: translateX(100%) skewX(-30deg);transform: translateX(100%) skewX(-30deg);opacity: 0 }}

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}

@-webkit-keyframes rotateIn { 0% {-webkit-transform-origin: center center;transform-origin: center center;-webkit-transform: rotate(-200deg);transform: rotate(-200deg);opacity: 0 } 100% {-webkit-transform-origin: center center;transform-origin: center center;-webkit-transform: rotate(0);transform: rotate(0);opacity: 1 }}

@keyframes rotateIn { 0% {-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;-webkit-transform: rotate(-200deg);-ms-transform: rotate(-200deg);transform: rotate(-200deg);opacity: 0 } 100% {-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1 }}

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn}

@-webkit-keyframes rotateInDownLeft { 0% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0 } 100% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(0);transform: rotate(0);opacity: 1 }}

@keyframes rotateInDownLeft { 0% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0 } 100% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1 }}

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft}

@-webkit-keyframes rotateInDownRight { 0% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity: 0 } 100% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(0);transform: rotate(0);opacity: 1 }}

@keyframes rotateInDownRight { 0% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0 } 100% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1 }}

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight}

@-webkit-keyframes rotateInUpLeft { 0% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity: 0 } 100% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(0);transform: rotate(0);opacity: 1 }}

@keyframes rotateInUpLeft { 0% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0 } 100% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1 }}

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft}

@-webkit-keyframes rotateInUpRight { 0% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0 } 100% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(0);transform: rotate(0);opacity: 1 }}

@keyframes rotateInUpRight { 0% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0 } 100% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1 }}

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight}

@-webkit-keyframes rotateOut { 0% {-webkit-transform-origin: center center;transform-origin: center center;-webkit-transform: rotate(0);transform: rotate(0);opacity: 1 } 100% {-webkit-transform-origin: center center;transform-origin: center center;-webkit-transform: rotate(200deg);transform: rotate(200deg);opacity: 0 }}

@keyframes rotateOut { 0% {-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1 } 100% {-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;-webkit-transform: rotate(200deg);-ms-transform: rotate(200deg);transform: rotate(200deg);opacity: 0 }}

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut}

@-webkit-keyframes rotateOutDownLeft { 0% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(0);transform: rotate(0);opacity: 1 } 100% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity: 0 }}

@keyframes rotateOutDownLeft { 0% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1 } 100% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0 }}

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft}

@-webkit-keyframes rotateOutDownRight { 0% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(0);transform: rotate(0);opacity: 1 } 100% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0 }}

@keyframes rotateOutDownRight { 0% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1 } 100% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0 }}

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight}

@-webkit-keyframes rotateOutUpLeft { 0% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(0);transform: rotate(0);opacity: 1 } 100% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0 }}

@keyframes rotateOutUpLeft { 0% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1 } 100% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0 }}

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft}

@-webkit-keyframes rotateOutUpRight { 0% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(0);transform: rotate(0);opacity: 1 } 100% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity: 0 }}

@keyframes rotateOutUpRight { 0% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1 } 100% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0 }}

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight}

@-webkit-keyframes slideInDown { 0% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px) } 100% {-webkit-transform: none;transform: none }}

@keyframes slideInDown { 0% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px) } 100% {-webkit-transform: none;-ms-transform: none;transform: none }}

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown}

@-webkit-keyframes slideInLeft { 0% {opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px) } 100% {-webkit-transform: translateX(0);transform: translateX(0) }}

@keyframes slideInLeft { 0% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px) } 100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) }}

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft}

@-webkit-keyframes slideInRight { 0% {opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px) } 100% {-webkit-transform: translateX(0);transform: translateX(0) }}

@keyframes slideInRight { 0% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px) } 100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) }}

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight}

@-webkit-keyframes slideOutLeft { 0% {-webkit-transform: translateX(0);transform: translateX(0) } 100% {opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px) }}

@keyframes slideOutLeft { 0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) } 100% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px) }}

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft}

@-webkit-keyframes slideOutRight { 0% {-webkit-transform: translateX(0);transform: translateX(0) } 100% {opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px) }}

@keyframes slideOutRight { 0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0) } 100% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px) }}

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight}

@-webkit-keyframes slideOutUp { 0% {-webkit-transform: none;transform: none } 100% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px) }}

@keyframes slideOutUp { 0% {-webkit-transform: none;-ms-transform: none;transform: none } 100% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px) }}

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp}

@-webkit-keyframes slideInUp { 0% {opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px) } 100% {opacity: 1;-webkit-transform: none;transform: none }}

@keyframes slideInUp { 0% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px) } 100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none }}

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp}

@-webkit-keyframes slideOutDown { 0% {-webkit-transform: none;transform: none } 100% {opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px) }}

@keyframes slideOutDown { 0% {-webkit-transform: none;-ms-transform: none;transform: none } 100% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px) }}

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown}

@-webkit-keyframes hinge { 0% {-webkit-transform: rotate(0);transform: rotate(0);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out } 20%, 60% {-webkit-transform: rotate(80deg);transform: rotate(80deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out } 40% {-webkit-transform: rotate(60deg);transform: rotate(60deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out } 80% {-webkit-transform: rotate(60deg) none;transform: rotate(60deg) none;-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;opacity: 1 } 100% {-webkit-transform: translateY(700px);transform: translateY(700px);opacity: 0 }}

@keyframes hinge { 0% {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out } 20%, 60% {-webkit-transform: rotate(80deg);-ms-transform: rotate(80deg);transform: rotate(80deg);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out } 40% {-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out } 80% {-webkit-transform: rotate(60deg) none;-ms-transform: rotate(60deg) none;transform: rotate(60deg) none;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;opacity: 1 } 100% {-webkit-transform: translateY(700px);-ms-transform: translateY(700px);transform: translateY(700px);opacity: 0 }}

.hinge { -webkit-animation-name: hinge; animation-name: hinge}

@-webkit-keyframes rollIn { 0% {opacity: 0;-webkit-transform: translateX(-100%) rotate(-120deg);transform: translateX(-100%) rotate(-120deg) } 100% {opacity: 1;-webkit-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg) }}

@keyframes rollIn { 0% {opacity: 0;-webkit-transform: translateX(-100%) rotate(-120deg);-ms-transform: translateX(-100%) rotate(-120deg);transform: translateX(-100%) rotate(-120deg) } 100% {opacity: 1;-webkit-transform: translateX(0px) rotate(0deg);-ms-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg) }}

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn}

@-webkit-keyframes rollOut { 0% {opacity: 1;-webkit-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg) } 100% {opacity: 0;-webkit-transform: translateX(100%) rotate(120deg);transform: translateX(100%) rotate(120deg) }}

@keyframes rollOut { 0% {opacity: 1;-webkit-transform: translateX(0px) rotate(0deg);-ms-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg) } 100% {opacity: 0;-webkit-transform: translateX(100%) rotate(120deg);-ms-transform: translateX(100%) rotate(120deg);transform: translateX(100%) rotate(120deg) }}

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut}

@-webkit-keyframes zoomIn { 0% {opacity: 0;-webkit-transform: scale(.3);transform: scale(.3) } 50% {opacity: 1 }}

@keyframes zoomIn { 0% {opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3) } 50% {opacity: 1 }}

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn}

@-webkit-keyframes zoomInDown { 0% {opacity: 0;-webkit-transform: scale(.1) translateY(-2000px);transform: scale(.1) translateY(-2000px);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out } 60% {opacity: 1;-webkit-transform: scale(.475) translateY(60px);transform: scale(.475) translateY(60px);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out }}

@keyframes zoomInDown { 0% {opacity: 0;-webkit-transform: scale(.1) translateY(-2000px);-ms-transform: scale(.1) translateY(-2000px);transform: scale(.1) translateY(-2000px);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out } 60% {opacity: 1;-webkit-transform: scale(.475) translateY(60px);-ms-transform: scale(.475) translateY(60px);transform: scale(.475) translateY(60px);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out }}

.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown}

@-webkit-keyframes zoomInLeft { 0% {opacity: 0;-webkit-transform: scale(.1) translateX(-2000px);transform: scale(.1) translateX(-2000px);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out } 60% {opacity: 1;-webkit-transform: scale(.475) translateX(48px);transform: scale(.475) translateX(48px);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out }}

@keyframes zoomInLeft { 0% {opacity: 0;-webkit-transform: scale(.1) translateX(-2000px);-ms-transform: scale(.1) translateX(-2000px);transform: scale(.1) translateX(-2000px);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out } 60% {opacity: 1;-webkit-transform: scale(.475) translateX(48px);-ms-transform: scale(.475) translateX(48px);transform: scale(.475) translateX(48px);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out }}

.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft}

@-webkit-keyframes zoomInRight { 0% {opacity: 0;-webkit-transform: scale(.1) translateX(2000px);transform: scale(.1) translateX(2000px);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out } 60% {opacity: 1;-webkit-transform: scale(.475) translateX(-48px);transform: scale(.475) translateX(-48px);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out }}

@keyframes zoomInRight { 0% {opacity: 0;-webkit-transform: scale(.1) translateX(2000px);-ms-transform: scale(.1) translateX(2000px);transform: scale(.1) translateX(2000px);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out } 60% {opacity: 1;-webkit-transform: scale(.475) translateX(-48px);-ms-transform: scale(.475) translateX(-48px);transform: scale(.475) translateX(-48px);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out }}

.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight}

@-webkit-keyframes zoomInUp { 0% {opacity: 0;-webkit-transform: scale(.1) translateY(2000px);transform: scale(.1) translateY(2000px);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out } 60% {opacity: 1;-webkit-transform: scale(.475) translateY(-60px);transform: scale(.475) translateY(-60px);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out }}

@keyframes zoomInUp { 0% {opacity: 0;-webkit-transform: scale(.1) translateY(2000px);-ms-transform: scale(.1) translateY(2000px);transform: scale(.1) translateY(2000px);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out } 60% {opacity: 1;-webkit-transform: scale(.475) translateY(-60px);-ms-transform: scale(.475) translateY(-60px);transform: scale(.475) translateY(-60px);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out }}

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp}

@-webkit-keyframes zoomOut { 0% {opacity: 1;-webkit-transform: scale(1);transform: scale(1) } 50% {opacity: 0;-webkit-transform: scale(.3);transform: scale(.3) } 100% {opacity: 0 }}

@keyframes zoomOut { 0% {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1) } 50% {opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3) } 100% {opacity: 0 }}

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut}

@-webkit-keyframes zoomOutDown { 40% {opacity: 1;-webkit-transform: scale(.475) translateY(-60px);transform: scale(.475) translateY(-60px);-webkit-animation-timing-function: linear;animation-timing-function: linear } 100% {opacity: 0;-webkit-transform: scale(.1) translateY(2000px);transform: scale(.1) translateY(2000px);-webkit-transform-origin: center bottom;transform-origin: center bottom }}

@keyframes zoomOutDown { 40% {opacity: 1;-webkit-transform: scale(.475) translateY(-60px);-ms-transform: scale(.475) translateY(-60px);transform: scale(.475) translateY(-60px);-webkit-animation-timing-function: linear;animation-timing-function: linear } 100% {opacity: 0;-webkit-transform: scale(.1) translateY(2000px);-ms-transform: scale(.1) translateY(2000px);transform: scale(.1) translateY(2000px);-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom }}

.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown}

@-webkit-keyframes zoomOutLeft { 40% {opacity: 1;-webkit-transform: scale(.475) translateX(42px);transform: scale(.475) translateX(42px);-webkit-animation-timing-function: linear;animation-timing-function: linear } 100% {opacity: 0;-webkit-transform: scale(.1) translateX(-2000px);transform: scale(.1) translateX(-2000px);-webkit-transform-origin: left center;transform-origin: left center }}

@keyframes zoomOutLeft { 40% {opacity: 1;-webkit-transform: scale(.475) translateX(42px);-ms-transform: scale(.475) translateX(42px);transform: scale(.475) translateX(42px);-webkit-animation-timing-function: linear;animation-timing-function: linear } 100% {opacity: 0;-webkit-transform: scale(.1) translateX(-2000px);-ms-transform: scale(.1) translateX(-2000px);transform: scale(.1) translateX(-2000px);-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center }}

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft}

@-webkit-keyframes zoomOutRight { 40% {opacity: 1;-webkit-transform: scale(.475) translateX(-42px);transform: scale(.475) translateX(-42px);-webkit-animation-timing-function: linear;animation-timing-function: linear } 100% {opacity: 0;-webkit-transform: scale(.1) translateX(2000px);transform: scale(.1) translateX(2000px);-webkit-transform-origin: right center;transform-origin: right center }}

@keyframes zoomOutRight { 40% {opacity: 1;-webkit-transform: scale(.475) translateX(-42px);-ms-transform: scale(.475) translateX(-42px);transform: scale(.475) translateX(-42px);-webkit-animation-timing-function: linear;animation-timing-function: linear } 100% {opacity: 0;-webkit-transform: scale(.1) translateX(2000px);-ms-transform: scale(.1) translateX(2000px);transform: scale(.1) translateX(2000px);-webkit-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center }}

.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight}

@-webkit-keyframes zoomOutUp { 40% {opacity: 1;-webkit-transform: scale(.475) translateY(60px);transform: scale(.475) translateY(60px);-webkit-animation-timing-function: linear;animation-timing-function: linear } 100% {opacity: 0;-webkit-transform: scale(.1) translateY(-2000px);transform: scale(.1) translateY(-2000px);-webkit-transform-origin: center top;transform-origin: center top }}

@keyframes zoomOutUp { 40% {opacity: 1;-webkit-transform: scale(.475) translateY(60px);-ms-transform: scale(.475) translateY(60px);transform: scale(.475) translateY(60px);-webkit-animation-timing-function: linear;animation-timing-function: linear } 100% {opacity: 0;-webkit-transform: scale(.1) translateY(-2000px);-ms-transform: scale(.1) translateY(-2000px);transform: scale(.1) translateY(-2000px);-webkit-transform-origin: center top;-ms-transform-origin: center top;transform-origin: center top }}

.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp}

@-webkit-keyframes scalePic { from {-webkit-transform: scale(1.06, 1.06);transform: scale(1.06, 1.06); } to {-webkit-transform: scale(1, 1);transform: scale(1, 1); }}

@keyframes scalePic { from {-webkit-transform: scale(1.06, 1.06);transform: scale(1.06, 1.06); } to {-webkit-transform: scale(1, 1);transform: scale(1, 1); }}

.scalePic { -webkit-animation-name: scalePic; animation-name: scalePic;}

/* animation */
.a-bounce, .a-flip, .a-flash, .a-shake, .a-swing, .a-wobble, .a-ring { -webkit-animation: 1s cubic-bezier(0.3, 0, 0.24, 1); -moz-animation: 1s cubic-bezier(0.3, 0, 0.24, 1); -ms-animation: 1s ease;
cubic-bezier(0.3, 0, 0.24, 1): .75 s cubic-bezier(0.3, 0, 0.24, 1);}

.a-fadein, .a-fadeinT, .a-fadeinR, .a-fadeinB, .a-fadeinL, .a-bouncein, .a-bounceinT, .a-bounceinR, .a-bounceinB, .a-bounceinL, .a-rotatein, .a-rotateinLT, .a-rotateinLB, .a-rotateinRT, .a-rotateinRB, .a-flipin, .a-flipinX, .a-flipinY { -webkit-animation: 1s cubic-bezier(0.3, 0, 0.24, 1) both; -moz-animation: 1s cubic-bezier(0.3, 0, 0.24, 1) both; -ms-animation: 1s cubic-bezier(0.3, 0, 0.24, 1) both; animation: 1s cubic-bezier(0.3, 0, 0.24, 1) both;}

.a-fadeout, .a-fadeoutT, .a-fadeoutR, .a-fadeoutB, .a-fadeoutL, .a-bounceout, .a-bounceoutT, .a-bounceoutR, .a-bounceoutB, .a-bounceoutL, .a-rotateout, .a-rotateoutLT, .a-rotateoutLB, .a-rotateoutRT, .a-rotateoutRB, .a-flipout, .a-flipoutX, .a-flipoutY { -webkit-animation: 1s ease-in forwards; -moz-animation: 1s ease-in forwards; -ms-animation: 1s ease-in forwards; animation: 1s ease-in forwards;}

.a-fadeinL1, .a-fadeinR1, .a-fadeinT1 { -webkit-animation: 1s 0.1s cubic-bezier(0.3, 0, 0.24, 1) both; -moz-animation: 1s 0.1s cubic-bezier(0.3, 0, 0.24, 1) both; -ms-animation: 1s 0.1s cubic-bezier(0.3, 0, 0.24, 1) both; animation: 1s 0.1s cubic-bezier(0.3, 0, 0.24, 1) both;}

.a-bounceinT, .a-bounceinL, .a-bounceinR { -webkit-animation: 1s 0s cubic-bezier(0.3, 0, 0.24, 1) both; -moz-animation: 1s 0s cubic-bezier(0.3, 0, 0.24, 1) both; -ms-animation: 1s 0s cubic-bezier(0.3, 0, 0.24, 1) both; animation: 1s 0s cubic-bezier(0.3, 0, 0.24, 1) both;}

.a-fadeinL2, .a-fadeinR2, .a-fadeinT2 { -webkit-animation: 1s 0.2s cubic-bezier(0.3, 0, 0.24, 1) both; -moz-animation: 1s 0.2s cubic-bezier(0.3, 0, 0.24, 1) both; -ms-animation: 1s 0.2s cubic-bezier(0.3, 0, 0.24, 1) both; animation: 1s 0.2s cubic-bezier(0.3, 0, 0.24, 1) both;}

.a-fadeinR3 { -webkit-animation: 1s 0.3s cubic-bezier(0.3, 0, 0.24, 1) both; -moz-animation: 1s 0.3s cubic-bezier(0.3, 0, 0.24, 1) both; -ms-animation: 1s 0.3s cubic-bezier(0.3, 0, 0.24, 1) both; animation: 1s 0.3s cubic-bezier(0.3, 0, 0.24, 1) both;}

.a-fadeinB1 { -webkit-animation: 1s 0.1s cubic-bezier(0.3, 0, 0.24, 1) both; -moz-animation: 1s 0.1s cubic-bezier(0.3, 0, 0.24, 1) both; -ms-animation: 1s 0.1s cubic-bezier(0.3, 0, 0.24, 1) both; animation: 1s 0.1s cubic-bezier(0.3, 0, 0.24, 1) both;}

.a-fadeinB2 { -webkit-animation: 1s 0.2s cubic-bezier(0.3, 0, 0.24, 1) both; -moz-animation: 1s 0.2s cubic-bezier(0.3, 0, 0.24, 1) both; -ms-animation: 1s 0.2s cubic-bezier(0.3, 0, 0.24, 1) both; animation: 1s 0.2s cubic-bezier(0.3, 0, 0.24, 1) both;}

.a-fadeinB3 { -webkit-animation: 1s 0.3s cubic-bezier(0.3, 0, 0.24, 1) both; -moz-animation: 1s 0.3s cubic-bezier(0.3, 0, 0.24, 1) both; -ms-animation: 1s 0.3s cubic-bezier(0.3, 0, 0.24, 1) both; animation: 1s 0.3s cubic-bezier(0.3, 0, 0.24, 1) both;}

.a-fadeinB4 { -webkit-animation: 1s 0.4s cubic-bezier(0.3, 0, 0.24, 1) both; -moz-animation: 1s 0.4s cubic-bezier(0.3, 0, 0.24, 1) both; -ms-animation: 1s 0.4s cubic-bezier(0.3, 0, 0.24, 1) both; animation: 1s 0.4s cubic-bezier(0.3, 0, 0.24, 1) both;}

.a-fadeinB5 { -webkit-animation: 1s .5s cubic-bezier(0.3, 0, 0.24, 1) both; -moz-animation: 1s .5s cubic-bezier(0.3, 0, 0.24, 1) both; -ms-animation: 1s .5s cubic-bezier(0.3, 0, 0.24, 1) both; animation: 1s .5s cubic-bezier(0.3, 0, 0.24, 1) both;}

.a-fadeinT3 { -webkit-animation: 1s 0.3s cubic-bezier(0.3, 0, 0.24, 1) both; -moz-animation: 1s 0.3s cubic-bezier(0.3, 0, 0.24, 1) both; -ms-animation: 1s 0.3s cubic-bezier(0.3, 0, 0.24, 1) both; animation: 1s 0.3s cubic-bezier(0.3, 0, 0.24, 1) both;}

.a-fadeinT4 { -webkit-animation: 1s 0.4s cubic-bezier(0.3, 0, 0.24, 1) both; -moz-animation: 1s 0.4s cubic-bezier(0.3, 0, 0.24, 1) both; -ms-animation: 1s 0.4s cubic-bezier(0.3, 0, 0.24, 1) both; animation: 1s 0.4s cubic-bezier(0.3, 0, 0.24, 1) both;}

.a-fadeinT5 { -webkit-animation: 1s .5s cubic-bezier(0.3, 0, 0.24, 1) both; -moz-animation: 1s .5s cubic-bezier(0.3, 0, 0.24, 1) both; -ms-animation: 1s .5s cubic-bezier(0.3, 0, 0.24, 1) both; animation: 1s .5s cubic-bezier(0.3, 0, 0.24, 1) both;}

.a-fadein5 { -webkit-animation: 1s 0.2s cubic-bezier(0.3, 0, 0.24, 1) both; -moz-animation: 1s 0.2s cubic-bezier(0.3, 0, 0.24, 1) both; -ms-animation: 1s 0.2s cubic-bezier(0.3, 0, 0.24, 1) both; animation: 1s 0.2s cubic-bezier(0.3, 0, 0.24, 1) both;}

/* æ·¡å…¥ */
.a-fadein { -webkit-animation-name: fadein; -moz-animation-name: fadein; -ms-animation-name: fadein; animation-name: fadein;}

.a-fadein5 { -webkit-animation-name: fadein; -moz-animation-name: fadein; -ms-animation-name: fadein; animation-name: fadein;}

/* 淡入-从上 */
.a-fadeinT { -webkit-animation-name: fadeinT; -moz-animation-name: fadeinT; -ms-animation-name: fadeinT; animation-name: fadeinT;}

.a-fadeinT1 { -webkit-animation-name: fadeinT; -moz-animation-name: fadeinT; -ms-animation-name: fadeinT; animation-name: fadeinT;}

.a-fadeinT2 { -webkit-animation-name: fadeinT; -moz-animation-name: fadeinT; -ms-animation-name: fadeinT; animation-name: fadeinT;}

.a-fadeinT3 { -webkit-animation-name: fadeinT; -moz-animation-name: fadeinT; -ms-animation-name: fadeinT; animation-name: fadeinT;}

.a-fadeinT4 { -webkit-animation-name: fadeinT; -moz-animation-name: fadeinT; -ms-animation-name: fadeinT; animation-name: fadeinT;}

.a-fadeinT5 { -webkit-animation-name: fadeinT; -moz-animation-name: fadeinT; -ms-animation-name: fadeinT; animation-name: fadeinT;}

/* 淡入-从右 */
.a-fadeinR { -webkit-animation-name: fadeinR; -moz-animation-name: fadeinR; -ms-animation-name: fadeinR; animation-name: fadeinR;}

.a-fadeinR1 { -webkit-animation-name: fadeinR; -moz-animation-name: fadeinR; -ms-animation-name: fadeinR; animation-name: fadeinR;}

.a-fadeinR2 { -webkit-animation-name: fadeinR; -moz-animation-name: fadeinR; -ms-animation-name: fadeinR; animation-name: fadeinR;}

.a-fadeinR3 { -webkit-animation-name: fadeinR; -moz-animation-name: fadeinR; -ms-animation-name: fadeinR; animation-name: fadeinR;}

/* 淡入-从下 */
.a-fadeinB { -webkit-animation-name: fadeinB; -moz-animation-name: fadeinB; -ms-animation-name: fadeinB; animation-name: fadeinB;}

.a-fadeinB1 { -webkit-animation-name: fadeinB; -moz-animation-name: fadeinB; -ms-animation-name: fadeinB; animation-name: fadeinB;}

.a-fadeinB2 { -webkit-animation-name: fadeinB; -moz-animation-name: fadeinB; -ms-animation-name: fadeinB; animation-name: fadeinB;}

.a-fadeinB3 { -webkit-animation-name: fadeinB; -moz-animation-name: fadeinB; -ms-animation-name: fadeinB; animation-name: fadeinB;}

.a-fadeinB4 { -webkit-animation-name: fadeinB; -moz-animation-name: fadeinB; -ms-animation-name: fadeinB; animation-name: fadeinB;}

.a-fadeinB5 { -webkit-animation-name: fadeinB; -moz-animation-name: fadeinB; -ms-animation-name: fadeinB; animation-name: fadeinB;}

/* 淡入-从左 */
.a-fadeinL { -webkit-animation-name: fadeinL; -moz-animation-name: fadeinL; -ms-animation-name: fadeinL; animation-name: fadeinL;}

.a-fadeinL1 { -webkit-animation-name: fadeinL; -moz-animation-name: fadeinL; -ms-animation-name: fadeinL; animation-name: fadeinL;}

.a-fadeinL2 { -webkit-animation-name: fadeinL; -moz-animation-name: fadeinL; -ms-animation-name: fadeinL; animation-name: fadeinL;}

/* 淡出 */
.a-fadeout { -webkit-animation-name: fadeout; -moz-animation-name: fadeout; -ms-animation-name: fadeout; animation-name: fadeout;}

/* 淡出-向上 */
.a-fadeoutT { -webkit-animation-name: fadeoutT; -moz-animation-name: fadeoutT; -ms-animation-name: fadeoutT; animation-name: fadeoutT;}

/* 淡出-向右 */
.a-fadeoutR { -webkit-animation-name: fadeoutR; -moz-animation-name: fadeoutR; -ms-animation-name: fadeoutR; animation-name: fadeoutR;}

/* 淡出-向下 */
.a-fadeoutB { -webkit-animation-name: fadeoutB; -moz-animation-name: fadeoutB; -ms-animation-name: fadeoutB; animation-name: fadeoutB;}

/* 淡出-向左 */
.a-fadeoutL { -webkit-animation-name: fadeoutL; -moz-animation-name: fadeoutL; -ms-animation-name: fadeoutL; animation-name: fadeoutL;}

/* 弹跳 */
.a-bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -ms-animation-name: bounce; animation-name: bounce;}

/* 弹入 */
.a-bouncein { -webkit-animation-name: bouncein; -moz-animation-name: bouncein; -ms-animation-name: bouncein; animation-name: bouncein;}

/* 弹入-从上 */
.a-bounceinT { -webkit-animation-name: bounceinT; -moz-animation-name: bounceinT; -ms-animation-name: bounceinT; animation-name: bounceinT;}

/* 弹入-从右 */
.a-bounceinR { -webkit-animation-name: bounceinR; -moz-animation-name: bounceinR; -ms-animation-name: bounceinR; animation-name: bounceinR;}

/* 弹入-从下 */
.a-bounceinB { -webkit-animation-name: bounceinB; -moz-animation-name: bounceinB; -ms-animation-name: bounceinB; animation-name: bounceinB;}

/* 弹入-从左 */
.a-bounceinL { -webkit-animation-name: bounceinL; -moz-animation-name: bounceinL; -ms-animation-name: bounceinL; animation-name: bounceinL;}

/* 弹出 */
.a-bounceout { -webkit-animation-name: bounceout; -moz-animation-name: bounceout; -ms-animation-name: bounceout; animation-name: bounceout;}

/* 弹出-向上 */
.a-bounceoutT { -webkit-animation-name: bounceoutT; -moz-animation-name: bounceoutT; -ms-animation-name: bounceoutT; animation-name: bounceoutT;}

/* 弹出-向右 */
.a-bounceoutR { -webkit-animation-name: bounceoutR; -moz-animation-name: bounceoutR; -ms-animation-name: bounceoutR; animation-name: bounceoutR;}

/* 弹出-向下 */
.a-bounceoutB { -webkit-animation-name: bounceoutB; -moz-animation-name: bounceoutB; -ms-animation-name: bounceoutB; animation-name: bounceoutB;}

/* 弹出-向左 */
.a-bounceoutL { -webkit-animation-name: bounceoutL; -moz-animation-name: bounceoutL; -ms-animation-name: bounceoutL; animation-name: bounceoutL;}

/* 转入 */
.a-rotatein { -webkit-animation-name: rotatein; -moz-animation-name: rotatein; -ms-animation-name: rotatein; animation-name: rotatein;}

/* 转入-从左上 */
.a-rotateinLT { -webkit-animation-name: rotateinLT; -moz-animation-name: rotateinLT; -ms-animation-name: rotateinLT; animation-name: rotateinLT;}

/* 转入-从左下 */
.a-rotateinLB { -webkit-animation-name: rotateinLB; -moz-animation-name: rotateinLB; -ms-animation-name: rotateinLB; animation-name: rotateinLB;}

/* 转入-从右上 */
.a-rotateinRT { -webkit-animation-name: rotateinRT; -moz-animation-name: rotateinRT; -ms-animation-name: rotateinRT; animation-name: rotateinRT;}

/* 转入-从右下*/
.a-rotateinRB { -webkit-animation-name: rotateinRB; -moz-animation-name: rotateinRB; -ms-animation-name: rotateinRB; animation-name: rotateinRB;}

/* 转出 */
.a-rotateout { -webkit-animation-name: rotateout; -moz-animation-name: rotateout; -ms-animation-name: rotateout; animation-name: rotateout;}

/* 转出-向左上 */
.a-rotateoutLT { -webkit-animation-name: rotateoutLT; -moz-animation-name: rotateoutLT; -ms-animation-name: rotateoutLT; animation-name: rotateoutLT;}

/* 转出-向左下 */
.a-rotateoutLB { -webkit-animation-name: rotateoutLB; -moz-animation-name: rotateoutLB; -ms-animation-name: rotateoutLB; animation-name: rotateoutLB;}

/* 转出-向右上 */
.a-rotateoutRT { -webkit-animation-name: rotateoutRT; -moz-animation-name: rotateoutRT; -ms-animation-name: rotateoutRT; animation-name: rotateoutRT;}

/* 转出-向右下 */
.a-rotateoutRB { -webkit-animation-name: rotateoutRB; -moz-animation-name: rotateoutRB; -ms-animation-name: rotateoutRB; animation-name: rotateoutRB;}

/* 翻转 */
.a-flip { -webkit-animation-name: flip; -moz-animation-name: flip; -ms-animation-name: flip; animation-name: flip;}

/* 翻入-X轴 */
.a-flipinX { -webkit-animation-name: flipinX; -moz-animation-name: flipinX; -ms-animation-name: flipinX; animation-name: flipinX;}

/* 翻入-Y轴 */
.a-flipin, .a-flipinY { -webkit-animation-name: flipinY; -moz-animation-name: flipinY; -ms-animation-name: flipinY; animation-name: flipinY;}

/* 翻出-X轴 */
.a-flipoutX { -webkit-animation-name: flipoutX; -moz-animation-name: flipoutX; -ms-animation-name: flipoutX; animation-name: flipoutX;}

/* 翻出-Y轴 */
.a-flipout, .a-flipoutY { -webkit-animation-name: flipoutY; -moz-animation-name: flipoutY; -ms-animation-name: flipoutY; animation-name: flipoutY;}

/* 闪烁 */
.a-flash { -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; animation-name: flash;}

/* 震颤 */
.a-shake { -webkit-animation-name: shake; -moz-animation-name: shake; -ms-animation-name: shake; animation-name: shake;}

/* 摇摆 */
.a-swing { -webkit-animation-name: swing; -moz-animation-name: swing; -ms-animation-name: swing; animation-name: swing;}

/* 摇晃 */
.a-wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -ms-animation-name: wobble; animation-name: wobble;}

/* 震铃 */
.a-ring { -webkit-animation-name: ring; -moz-animation-name: ring; -ms-animation-name: ring; animation-name: ring;}

/* define *//* æ·¡å…¥ */
@-webkit-keyframes fadein { 0% {opacity: 0; } 100% {opacity: 1; }}

@-moz-keyframes fadein { 0% {opacity: 0; } 100% {opacity: 1; }}

@-ms-keyframes fadein { 0% {opacity: 0; } 100% {opacity: 1; }}

@keyframes fadein { 0% {opacity: 0; } 100% {opacity: 1; }}

/* 淡入-从上 */
@-webkit-keyframes fadeinT { 0% {opacity: 0;-webkit-transform: translate3d(0%, -20px, 0); } 100% {opacity: 1;-webkit-transform: none; }}

@-moz-keyframes fadeinT { 0% {opacity: 0;-moz-transform: translate3d(0%, -20px, 0); } 100% {opacity: 1;-moz-transform: none; }}

@-ms-keyframes fadeinT { 0% {opacity: 0;-ms-transform: translate3d(0%, -20px, 0); } 100% {opacity: 1;-ms-transform: none; }}

@keyframes fadeinT { 0% {opacity: 0;transform: translate3d(0%, -20px, 0); } 100% {opacity: 1;transform: none; }}

/* 淡入-从右 */
@-webkit-keyframes fadeinR { 0% {opacity: 0;-webkit-transform: translateX(20px); } 100% {opacity: 1;-webkit-transform: translateX(0); }}

@-moz-keyframes fadeinR { 0% {opacity: 0;-moz-transform: translateX(20px); } 100% {opacity: 1;-moz-transform: translateX(0); }}

@-ms-keyframes fadeinR { 0% {opacity: 0;-ms-transform: translateX(20px); } 100% {opacity: 1;-ms-transform: translateX(0); }}

@keyframes fadeinR { 0% {opacity: 0;transform: translateX(20px); } 100% {opacity: 1;transform: translateX(0); }}

/* 淡入-从下 */
@-webkit-keyframes fadeinB { 0% {opacity: 0;-webkit-transform: translateY(20px); } 100% {opacity: 1;-webkit-transform: none; }}

@-moz-keyframes fadeinB { 0% {opacity: 0;-moz-transform: translateY(20px); } 100% {opacity: 1;-moz-transform: none; }}

@-ms-keyframes fadeinB { 0% {opacity: 0;-ms-transform: translateY(20px); } 100% {opacity: 1;-ms-transform: none; }}

@keyframes fadeinB { 0% {opacity: 0;transform: translateY(20px); } 100% {opacity: 1;transform: none; }}

/* 淡入-从左 */
@-webkit-keyframes fadeinL { 0% {opacity: 0;-webkit-transform: translateX(-20px); } 100% {opacity: 1;-webkit-transform: translateX(0); }}

@-moz-keyframes fadeinL { 0% {opacity: 0;-moz-transform: translateX(-20px); } 100% {opacity: 1;-moz-transform: translateX(0); }}

@-ms-keyframes fadeinL { 0% {opacity: 0;-ms-transform: translateX(-20px); } 100% {opacity: 1;-ms-transform: translateX(0); }}

@keyframes fadeinL { 0% {opacity: 0;transform: translateX(-20px); } 100% {opacity: 1;transform: translateX(0); }}

/* 淡出 */
@-webkit-keyframes fadeout { 0% {opacity: 1; } 100% {opacity: 0; }}

@-moz-keyframes fadeout { 0% {opacity: 1; } 100% {opacity: 0; }}

@-ms-keyframes fadeout { 0% {opacity: 1; } 100% {opacity: 0; }}

@keyframes fadeout { 0% {opacity: 1; } 100% {opacity: 0; }}

/* 淡出-向上 */
@-webkit-keyframes fadeoutT { 0% {opacity: 1;-webkit-transform: none; } 100% {opacity: 0;-webkit-transform: translate3d(0%, -20px, 0); }}

@-moz-keyframes fadeoutT { 0% {opacity: 1;-moz-transform: none; } 100% {opacity: 0;-moz-transform: translate3d(0%, -20px, 0); }}

@-ms-keyframes fadeoutT { 0% {opacity: 1;-ms-transform: none; } 100% {opacity: 0;-ms-transform: translate3d(0%, -20px, 0); }}

@keyframes fadeoutT { 0% {opacity: 1;transform: none; } 100% {opacity: 0;transform: translate3d(0%, -20px, 0); }}

/* 淡出-向右 */
@-webkit-keyframes fadeoutR { 0% {opacity: 1;-webkit-transform: translateX(0); } 100% {opacity: 0;-webkit-transform: translateX(20px); }}

@-moz-keyframes fadeoutR { 0% {opacity: 1;-moz-transform: translateX(0); } 100% {opacity: 0;-moz-transform: translateX(20px); }}

@-ms-keyframes fadeoutR { 0% {opacity: 1;-ms-transform: translateX(0); } 100% {opacity: 0;-ms-transform: translateX(20px); }}

@keyframes fadeoutR { 0% {opacity: 1;transform: translateX(0); } 100% {opacity: 0;transform: translateX(20px); }}

/* 淡出-向下 */
@-webkit-keyframes fadeoutB { 0% {opacity: 1;-webkit-transform: none; } 100% {opacity: 0;-webkit-transform: translateY(20px); }}

@-moz-keyframes fadeoutB { 0% {opacity: 1;-moz-transform: none; } 100% {opacity: 0;-moz-transform: translateY(20px); }}

@-ms-keyframes fadeoutB { 0% {opacity: 1;-ms-transform: none; } 100% {opacity: 0;-ms-transform: translateY(20px); }}

@keyframes fadeoutB { 0% {opacity: 1;transform: none; } 100% {opacity: 0;transform: translateY(20px); }}

/* 淡出-向左 */
@-webkit-keyframes fadeoutL { 0% {opacity: 1;-webkit-transform: translateX(0); } 100% {opacity: 0;-webkit-transform: translateX(-20px); }}

@-moz-keyframes fadeoutL { 0% {opacity: 1;-moz-transform: translateX(0); } 100% {opacity: 0;-moz-transform: translateX(-20px); }}

@-ms-keyframes fadeoutL { 0% {opacity: 1;-ms-transform: translateX(0); } 100% {opacity: 0;-ms-transform: translateX(-20px); }}

@keyframes fadeoutL { 0% {opacity: 1;transform: translateX(0); } 100% {opacity: 0;transform: translateX(-20px); }}

/* 弹跳 */
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: none; } 40% {-webkit-transform: translateY(-30px); } 60% {-webkit-transform: translateY(-15px); }}

@-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: none; } 40% {-moz-transform: translateY(-30px); } 60% {-moz-transform: translateY(-15px); }}

@-ms-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-ms-transform: none; } 40% {-ms-transform: translateY(-30px); } 60% {-ms-transform: translateY(-15px); }}

@keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: none; } 40% {transform: translateY(-30px); } 60% {transform: translateY(-15px); }}

/* 弹入 */
@-webkit-keyframes bouncein { 0% {opacity: 0;-webkit-transform: scale(0.3); } 50% {opacity: 1;-webkit-transform: scale(1.05); } 70% {-webkit-transform: scale(0.9); } 100% {-webkit-transform: scale(1); }}

@-moz-keyframes bouncein { 0% {opacity: 0;-moz-transform: scale(0.3); } 50% {opacity: 1;-moz-transform: scale(1.05); } 70% {-moz-transform: scale(0.9); } 100% {-moz-transform: scale(1); }}

@-ms-keyframes bouncein { 0% {opacity: 0;-ms-transform: scale(0.3); } 50% {opacity: 1;-ms-transform: scale(1.05); } 70% {-ms-transform: scale(0.9); } 100% {-ms-transform: scale(1); }}

@keyframes bouncein { 0% {opacity: 0;transform: scale(0.3); } 50% {opacity: 1;transform: scale(1.05); } 70% {transform: scale(0.9); } 100% {transform: scale(1); }}

/* 弹入-从上 */
@-webkit-keyframes bounceinT { 0% {opacity: 0;-webkit-transform: translate3d(0%, -20px, 0); } 60% {opacity: 1;-webkit-transform: translateY(30px); } 80% {-webkit-transform: translateY(-10px); } 100% {-webkit-transform: none; }}

@-moz-keyframes bounceinT { 0% {opacity: 0;-moz-transform: translate3d(0%, -20px, 0); } 60% {opacity: 1;-moz-transform: translateY(30px); } 80% {-moz-transform: translateY(-10px); } 100% {-moz-transform: none; }}

@-ms-keyframes bounceinT { 0% {opacity: 0;-ms-transform: translate3d(0%, -20px, 0); } 60% {opacity: 1;-ms-transform: translateY(30px); } 80% {-ms-transform: translateY(-10px); } 100% {-ms-transform: none; }}

@keyframes bounceinT { 0% {opacity: 0;transform: translate3d(0%, -20px, 0); } 60% {opacity: 1;transform: translateY(30px); } 80% {transform: translateY(-10px); } 100% {transform: none; }}

/* 弹入-从右 */
@-webkit-keyframes bounceinR { 0% {opacity: 0;-webkit-transform: translateX(20px); } 60% {opacity: 1;-webkit-transform: translateX(-30px); } 80% {-webkit-transform: translateX(10px); } 100% {-webkit-transform: translateX(0); }}

@-moz-keyframes bounceinR { 0% {opacity: 0;-moz-transform: translateX(20px); } 60% {opacity: 1;-moz-transform: translateX(-30px); } 80% {-moz-transform: translateX(10px); } 100% {-moz-transform: translateX(0); }}

@-ms-keyframes bounceinR { 0% {opacity: 0;-ms-transform: translateX(20px); } 60% {opacity: 1;-ms-transform: translateX(-30px); } 80% {-ms-transform: translateX(10px); } 100% {-ms-transform: translateX(0); }}

@keyframes bounceinR { 0% {opacity: 0;transform: translateX(20px); } 60% {opacity: 1;transform: translateX(-30px); } 80% {transform: translateX(10px); } 100% {transform: translateX(0); }}

/* 弹入-从下 */
@-webkit-keyframes bounceinB { 0% {opacity: 0;-webkit-transform: translateY(20px); } 60% {opacity: 1;-webkit-transform: translateY(-30px); } 80% {-webkit-transform: translateY(10px); } 100% {-webkit-transform: none; }}

@-moz-keyframes bounceinB { 0% {opacity: 0;-moz-transform: translateY(20px); } 60% {opacity: 1;-moz-transform: translateY(-30px); } 80% {-moz-transform: translateY(10px); } 100% {-moz-transform: none; }}

@-ms-keyframes bounceinB { 0% {opacity: 0;-ms-transform: translateY(20px); } 60% {opacity: 1;-ms-transform: translateY(-30px); } 80% {-ms-transform: translateY(10px); } 100% {-ms-transform: none; }}

@keyframes bounceinB { 0% {opacity: 0;transform: translateY(20px); } 60% {opacity: 1;transform: translateY(-30px); } 80% {transform: translateY(10px); } 100% {transform: none; }}

/* 弹入-从左 */
@-webkit-keyframes bounceinL { 0% {opacity: 0;-webkit-transform: translateX(-20px); } 60% {opacity: 1;-webkit-transform: translateX(30px); } 80% {-webkit-transform: translateX(-10px); } 100% {-webkit-transform: translateX(0); }}

@-moz-keyframes bounceinL { 0% {opacity: 0;-moz-transform: translateX(-20px); } 60% {opacity: 1;-moz-transform: translateX(30px); } 80% {-moz-transform: translateX(-10px); } 100% {-moz-transform: translateX(0); }}

@-ms-keyframes bounceinL { 0% {opacity: 0;-ms-transform: translateX(-20px); } 60% {opacity: 1;-ms-transform: translateX(30px); } 80% {-ms-transform: translateX(-10px); } 100% {-ms-transform: translateX(0); }}

@keyframes bounceinL { 0% {opacity: 0;transform: translateX(-20px); } 60% {opacity: 1;transform: translateX(30px); } 80% {transform: translateX(-10px); } 100% {transform: translateX(0); }}

/* 弹出 */
@-webkit-keyframes bounceout { 0% {-webkit-transform: scale(1); } 25% {-webkit-transform: scale(0.95); } 50% {opacity: 1;-webkit-transform: scale(1.1); } 100% {opacity: 0;-webkit-transform: scale(0.3); }}

@-moz-keyframes bounceout { 0% {-moz-transform: scale(1); } 25% {-moz-transform: scale(0.95); } 50% {opacity: 1;-moz-transform: scale(1.1); } 100% {opacity: 0;-moz-transform: scale(0.3); }}

@-ms-keyframes bounceout { 0% {-ms-transform: scale(1); } 25% {-ms-transform: scale(0.95); } 50% {opacity: 1;-ms-transform: scale(1.1); } 100% {opacity: 0;-ms-transform: scale(0.3); }}

@keyframes bounceout { 0% {transform: scale(1); } 25% {transform: scale(0.95); } 50% {opacity: 1;transform: scale(1.1); } 100% {opacity: 0;transform: scale(0.3); }}

/* 弹出-向上*/
@-webkit-keyframes bounceoutT { 0% {-webkit-transform: none; } 20% {opacity: 1;-webkit-transform: translateY(20px); } 100% {opacity: 0;-webkit-transform: translate3d(0%, -20px, 0); }}

@-moz-keyframes bounceoutT { 0% {-moz-transform: none; } 20% {opacity: 1;-moz-transform: translateY(20px); } 100% {opacity: 0;-moz-transform: translate3d(0%, -20px, 0); }}

@-ms-keyframes bounceoutT { 0% {-ms-transform: none; } 20% {opacity: 1;-ms-transform: translateY(20px); } 100% {opacity: 0;-ms-transform: translate3d(0%, -20px, 0); }}

@keyframes bounceoutT { 0% {transform: none; } 20% {opacity: 1;transform: translateY(20px); } 100% {opacity: 0;transform: translate3d(0%, -20px, 0); }}

/* 弹出-向右*/
@-webkit-keyframes bounceoutR { 0% {-webkit-transform: translateX(0); } 20% {opacity: 1;-webkit-transform: translateX(-20px); } 100% {opacity: 0;-webkit-transform: translateX(20px); }}

@-moz-keyframes bounceoutR { 0% {-moz-transform: translateX(0); } 20% {opacity: 1;-moz-transform: translateX(-20px); } 100% {opacity: 0;-moz-transform: translateX(20px); }}

@-ms-keyframes bounceoutR { 0% {-ms-transform: translateX(0); } 20% {opacity: 1;-ms-transform: translateX(-20px); } 100% {opacity: 0;-ms-transform: translateX(20px); }}

@keyframes bounceoutR { 0% {transform: translateX(0); } 20% {opacity: 1;transform: translateX(-20px); } 100% {opacity: 0;transform: translateX(20px); }}

/* 弹出-向下 */
@-webkit-keyframes bounceoutB { 0% {-webkit-transform: none; } 20% {opacity: 1;-webkit-transform: translate3d(0%, -20px, 0); } 100% {opacity: 0;-webkit-transform: translateY(20px); }}

@-moz-keyframes bounceoutB { 0% {-moz-transform: none; } 20% {opacity: 1;-moz-transform: translate3d(0%, -20px, 0); } 100% {opacity: 0;-moz-transform: translateY(20px); }}

@-ms-keyframes bounceoutB { 0% {-ms-transform: none; } 20% {opacity: 1;-ms-transform: translate3d(0%, -20px, 0); } 100% {opacity: 0;-ms-transform: translateY(20px); }}

@keyframes bounceoutB { 0% {transform: none; } 20% {opacity: 1;transform: translate3d(0%, -20px, 0); } 100% {opacity: 0;transform: translateY(20px); }}

/* 弹出-向左 */
@-webkit-keyframes bounceoutL { 0% {-webkit-transform: translateX(0); } 20% {opacity: 1;-webkit-transform: translateX(20px); } 100% {opacity: 0;-webkit-transform: translateX(-20px); }}

@-moz-keyframes bounceoutL { 0% {-moz-transform: translateX(0); } 20% {opacity: 1;-moz-transform: translateX(20px); } 100% {opacity: 0;-moz-transform: translateX(-20px); }}

@-ms-keyframes bounceoutL { 0% {-ms-transform: translateX(0); } 20% {opacity: 1;-ms-transform: translateX(20px); } 100% {opacity: 0;-ms-transform: translateX(-20px); }}

@keyframes bounceoutL { 0% {transform: translateX(0); } 20% {opacity: 1;transform: translateX(20px); } 100% {opacity: 0;transform: translateX(-200px); }}

/* 转入 */
@-webkit-keyframes rotatein { 0% {opacity: 0;-webkit-transform: rotate(-200deg); } 100% {opacity: 1;-webkit-transform: rotate(0); }}

@-moz-keyframes rotatein { 0% {opacity: 0;-moz-transform: rotate(-200deg); } 100% {opacity: 1;-moz-transform: rotate(0); }}

@-ms-keyframes rotatein { 0% {opacity: 0;-ms-transform: rotate(-200deg); } 100% {opacity: 1;-ms-transform: rotate(0); }}

@keyframes rotatein { 0% {opacity: 0;transform: rotate(-200deg); } 100% {opacity: 1;transform: rotate(0); }}

/* 转入-从左上 */
@-webkit-keyframes rotateinLT { 0% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(-90deg);opacity: 0; } 100% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1; }}

@-moz-keyframes rotateinLT { 0% {-moz-transform-origin: left bottom;-moz-transform: rotate(-90deg);opacity: 0; } 100% {-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1; }}

@-ms-keyframes rotateinLT { 0% {-ms-transform-origin: left bottom;-ms-transform: rotate(-90deg);opacity: 0; } 100% {-ms-transform-origin: left bottom;-ms-transform: rotate(0);opacity: 1; }}

@keyframes rotateinLT { 0% {transform-origin: left bottom;transform: rotate(-90deg);opacity: 0; } 100% {transform-origin: left bottom;transform: rotate(0);opacity: 1; }}

/* 转入-从左下 */
@-webkit-keyframes rotateineftB { 0% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0; } 100% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1; }}

@-moz-keyframes rotateineftB { 0% {-moz-transform-origin: left bottom;-moz-transform: rotate(90deg);opacity: 0; } 100% {-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1; }}

@-ms-keyframes rotateineftB { 0% {-ms-transform-origin: left bottom;-ms-transform: rotate(90deg);opacity: 0; } 100% {-ms-transform-origin: left bottom;-ms-transform: rotate(0);opacity: 1; }}

@keyframes rotateineftB { 0% {transform-origin: left bottom;transform: rotate(90deg);opacity: 0; } 100% {transform-origin: left bottom;transform: rotate(0);opacity: 1; }}

/* 转入-从右上 */
@-webkit-keyframes rotateinRT { 0% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(90deg);opacity: 0; } 100% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(0);opacity: 1; }}

@-moz-keyframes rotateinRT { 0% {-moz-transform-origin: right bottom;-moz-transform: rotate(90deg);opacity: 0; } 100% {-moz-transform-origin: right bottom;-moz-transform: rotate(0);opacity: 1; }}

@-ms-keyframes rotateinRT { 0% {-ms-transform-origin: right bottom;-ms-transform: rotate(90deg);opacity: 0; } 100% {-ms-transform-origin: right bottom;-ms-transform: rotate(0);opacity: 1; }}

@keyframes rotateinRT { 0% {transform-origin: right bottom;transform: rotate(90deg);opacity: 0; } 100% {transform-origin: right bottom;transform: rotate(0);opacity: 1; }}

/* 转入-从右下*/
@-webkit-keyframes rotateinRB { 0% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(-90deg);opacity: 0; } 100% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(0);opacity: 1; }}

@-moz-keyframes rotateinRB { 0% {-moz-transform-origin: right bottom;-moz-transform: rotate(-90deg);opacity: 0; } 100% {-moz-transform-origin: right bottom;-moz-transform: rotate(0);opacity: 1; }}

@-ms-keyframes rotateinRB { 0% {-ms-transform-origin: right bottom;-ms-transform: rotate(-90deg);opacity: 0; } 100% {-ms-transform-origin: right bottom;-ms-transform: rotate(0);opacity: 1; }}

@keyframes rotateinRB { 0% {transform-origin: right bottom;transform: rotate(-90deg);opacity: 0; } 100% {transform-origin: right bottom;transform: rotate(0);opacity: 1; }}

/* 转出 */
@-webkit-keyframes rotateout { 0% {-webkit-transform-origin: center center;-webkit-transform: rotate(0);opacity: 1; } 100% {-webkit-transform-origin: center center;-webkit-transform: rotate(200deg);opacity: 0; }}

@-moz-keyframes rotateout { 0% {-moz-transform-origin: center center;-moz-transform: rotate(0);opacity: 1; } 100% {-moz-transform-origin: center center;-moz-transform: rotate(200deg);opacity: 0; }}

@-ms-keyframes rotateout { 0% {-ms-transform-origin: center center;-ms-transform: rotate(0);opacity: 1; } 100% {-ms-transform-origin: center center;-ms-transform: rotate(200deg);opacity: 0; }}

@keyframes rotateout { 0% {transform-origin: center center;transform: rotate(0);opacity: 1; } 100% {transform-origin: center center;transform: rotate(200deg);opacity: 0; }}

/* 转出-向左上 */
@-webkit-keyframes rotateoutLT { 0% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1; } 100% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(-90deg);opacity: 0; }}

@-moz-keyframes rotateoutLT { 0% {-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1; } 100% {-moz-transform-origin: left bottom;-moz-transform: rotate(-90deg);opacity: 0; }}

@-ms-keyframes rotateoutLT { 0% {-ms-transform-origin: left bottom;-ms-transform: rotate(0);opacity: 1; } 100% {-ms-transform-origin: left bottom;-ms-transform: rotate(-90deg);opacity: 0; }}

@keyframes rotateoutLT { 0% {transform-origin: left bottom;transform: rotate(0);opacity: 1; } 100% {transform-origin: left bottom;transform: rotate(-90deg);opacity: 0; }}

/* 转出-向左下 */
@-webkit-keyframes rotateoutLB { 0% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1; } 100% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0; }}

@-moz-keyframes rotateoutLB { 0% {-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1; } 100% {-moz-transform-origin: left bottom;-moz-transform: rotate(90deg);opacity: 0; }}

@-ms-keyframes rotateoutLB { 0% {-ms-transform-origin: left bottom;-ms-transform: rotate(0);opacity: 1; } 100% {-ms-transform-origin: left bottom;-ms-transform: rotate(90deg);opacity: 0; }}

@keyframes rotateoutLB { 0% {transform-origin: left bottom;transform: rotate(0);opacity: 1; } 100% {transform-origin: left bottom;transform: rotate(90deg);opacity: 0; }}

/* 转出-向右上 */
@-webkit-keyframes rotateoutRT { 0% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(0);opacity: 1; } 100% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(90deg);opacity: 0; }}

@-moz-keyframes rotateoutRT { 0% {-moz-transform-origin: right bottom;-moz-transform: rotate(0);opacity: 1; } 100% {-moz-transform-origin: right bottom;-moz-transform: rotate(90deg);opacity: 0; }}

@-ms-keyframes rotateoutRT { 0% {-ms-transform-origin: right bottom;-ms-transform: rotate(0);opacity: 1; } 100% {-ms-transform-origin: right bottom;-ms-transform: rotate(90deg);opacity: 0; }}

@keyframes rotateoutRT { 0% {transform-origin: right bottom;transform: rotate(0);opacity: 1; } 100% {transform-origin: right bottom;transform: rotate(90deg);opacity: 0; }}

/* 转出-向右下 */
@-webkit-keyframes rotateoutBR { 0% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(0);opacity: 1; } 100% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(-90deg);opacity: 0; }}

@-moz-keyframes rotateoutBR { 0% {-moz-transform-origin: right bottom;-moz-transform: rotate(0);opacity: 1; } 100% {-moz-transform-origin: right bottom;-moz-transform: rotate(-90deg);opacity: 0; }}

@-ms-keyframes rotateoutBR { 0% {-ms-transform-origin: right bottom;-ms-transform: rotate(0);opacity: 1; } 100% {-ms-transform-origin: right bottom;-ms-transform: rotate(-90deg);opacity: 0; }}

@keyframes rotateoutBR { 0% {transform-origin: right bottom;transform: rotate(0);opacity: 1; } 100% {transform-origin: right bottom;transform: rotate(-90deg);opacity: 0; }}

/* 翻转 */
@-webkit-keyframes flip { 0% {-webkit-transform: perspective(400px) rotateY(0);-webkit-animation-timing-function: ease-out; } 40% {-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function: ease-out; } 50% {-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function: ease-in; } 80% {-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);-webkit-animation-timing-function: ease-in; } 100% {-webkit-transform: perspective(400px) scale(1);-webkit-animation-timing-function: ease-in; }}

@-moz-keyframes flip { 0% {-moz-transform: perspective(400px) rotateY(0);-moz-animation-timing-function: ease-out; } 40% {-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function: ease-out; } 50% {-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function: ease-in; } 80% {-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);-moz-animation-timing-function: ease-in; } 100% {-moz-transform: perspective(400px) scale(1);-moz-animation-timing-function: ease-in; }}

@-ms-keyframes flip { 0% {-ms-transform: perspective(400px) rotateY(0);-ms-animation-timing-function: ease-out; } 40% {-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);-ms-animation-timing-function: ease-out; } 50% {-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-animation-timing-function: ease-in; } 80% {-ms-transform: perspective(400px) rotateY(360deg) scale(0.95);-ms-animation-timing-function: ease-in; } 100% {-ms-transform: perspective(400px) scale(1);-ms-animation-timing-function: ease-in; }}

@keyframes flip { 0% {transform: perspective(400px) rotateY(0);animation-timing-function: ease-out; } 40% {transform: perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function: ease-out; } 50% {transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function: ease-in; } 80% {transform: perspective(400px) rotateY(360deg) scale(0.95);animation-timing-function: ease-in; } 100% {transform: perspective(400px) scale(1);animation-timing-function: ease-in; }}

/* 翻入-X轴 */
@-webkit-keyframes flipinX { 0% {-webkit-transform: perspective(400px) rotateX(90deg);opacity: 0; } 40% {-webkit-transform: perspective(400px) rotateX(-10deg); } 70% {-webkit-transform: perspective(400px) rotateX(10deg); } 100% {-webkit-transform: perspective(400px) rotateX(0);opacity: 1; }}

@-moz-keyframes flipinX { 0% {-moz-transform: perspective(400px) rotateX(90deg);opacity: 0; } 40% {-moz-transform: perspective(400px) rotateX(-10deg); } 70% {-moz-transform: perspective(400px) rotateX(10deg); } 100% {-moz-transform: perspective(400px) rotateX(0);opacity: 1; }}

@-ms-keyframes flipinX { 0% {-ms-transform: perspective(400px) rotateX(90deg);opacity: 0; } 40% {-ms-transform: perspective(400px) rotateX(-10deg); } 70% {-ms-transform: perspective(400px) rotateX(10deg); } 100% {-ms-transform: perspective(400px) rotateX(0);opacity: 1; }}

@keyframes flipinX { 0% {transform: perspective(400px) rotateX(90deg);opacity: 0; } 40% {transform: perspective(400px) rotateX(-10deg); } 70% {transform: perspective(400px) rotateX(10deg); } 100% {transform: perspective(400px) rotateX(0);opacity: 1; }}

/* 翻入-Y轴 */
@-webkit-keyframes flipinY { 0% {-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0; } 40% {-webkit-transform: perspective(400px) rotateY(-10deg); } 70% {-webkit-transform: perspective(400px) rotateY(10deg); } 100% {-webkit-transform: perspective(400px) rotateY(0);opacity: 1; }}

@-moz-keyframes flipinY { 0% {-moz-transform: perspective(400px) rotateY(90deg);opacity: 0; } 40% {-moz-transform: perspective(400px) rotateY(-10deg); } 70% {-moz-transform: perspective(400px) rotateY(10deg); } 100% {-moz-transform: perspective(400px) rotateY(0);opacity: 1; }}

@-ms-keyframes flipinY { 0% {-ms-transform: perspective(400px) rotateY(90deg);opacity: 0; } 40% {-ms-transform: perspective(400px) rotateY(-10deg); } 70% {-ms-transform: perspective(400px) rotateY(10deg); } 100% {-ms-transform: perspective(400px) rotateY(0);opacity: 1; }}

@keyframes flipinY { 0% {transform: perspective(400px) rotateY(90deg);opacity: 0; } 40% {transform: perspective(400px) rotateY(-10deg); } 70% {transform: perspective(400px) rotateY(10deg); } 100% {transform: perspective(400px) rotateY(0);opacity: 1; }}

/* 翻出-X轴 */
@-webkit-keyframes flipoutX { 0% {-webkit-transform: perspective(400px) rotateX(0);opacity: 1; } 100% {-webkit-transform: perspective(400px) rotateX(90deg);opacity: 0; }}

@-moz-keyframes flipoutX { 0% {-moz-transform: perspective(400px) rotateX(0);opacity: 1; } 100% {-moz-transform: perspective(400px) rotateX(90deg);opacity: 0; }}

@-ms-keyframes flipoutX { 0% {-ms-transform: perspective(400px) rotateX(0);opacity: 1; } 100% {-ms-transform: perspective(400px) rotateX(90deg);opacity: 0; }}

@keyframes flipoutX { 0% {transform: perspective(400px) rotateX(0);opacity: 1; } 100% {transform: perspective(400px) rotateX(90deg);opacity: 0; }}

/* 翻出-Y轴 */
@-webkit-keyframes flipoutY { 0% {-webkit-transform: perspective(400px) rotateY(0);opacity: 1; } 100% {-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0; }}

@-moz-keyframes flipoutY { 0% {-moz-transform: perspective(400px) rotateY(0);opacity: 1; } 100% {-moz-transform: perspective(400px) rotateY(90deg);opacity: 0; }}

@-ms-keyframes flipoutY { 0% {-ms-transform: perspective(400px) rotateY(0);opacity: 1; } 100% {-ms-transform: perspective(400px) rotateY(90deg);opacity: 0; }}

@keyframes flipoutY { 0% {transform: perspective(400px) rotateY(0);opacity: 1; } 100% {transform: perspective(400px) rotateY(90deg);opacity: 0; }}

/* 闪烁 */
@-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1; } 25%, 75% {opacity: 0; }}

@-moz-keyframes flash { 0%, 50%, 100% {opacity: 1; } 25%, 75% {opacity: 0; }}

@-ms-keyframes flash { 0%, 50%, 100% {opacity: 1; } 25%, 75% {opacity: 0; }}

@keyframes flash { 0%, 50%, 100% {opacity: 1; } 25%, 75% {opacity: 0; }}

/* 震颤 */
@-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px); }}

@-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% {-moz-transform: translateX(10px); }}

@-ms-keyframes shake { 0%, 100% {-ms-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px); } 20%, 40%, 60%, 80% {-ms-transform: translateX(10px); }}

@keyframes shake { 0%, 100% {transform: translateX(0); } 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px); } 20%, 40%, 60%, 80% {transform: translateX(10px); }}

/* 摇摆 */
@-webkit-keyframes swing { 20% {-webkit-transform: rotate(15deg); } 40% {-webkit-transform: rotate(-10deg); } 60% {-webkit-transform: rotate(5deg); } 80% {-webkit-transform: rotate(-5deg); } 100% {-webkit-transform: rotate(0); }}

@-moz-keyframes swing { 20% {-moz-transform: rotate(15deg); } 40% {-moz-transform: rotate(-10deg); } 60% {-moz-transform: rotate(5deg); } 80% {-moz-transform: rotate(-5deg); } 100% {-moz-transform: rotate(0); }}

@-ms-keyframes swing { 20% {-ms-transform: rotate(15deg); } 40% {-ms-transform: rotate(-10deg); } 60% {-ms-transform: rotate(5deg); } 80% {-ms-transform: rotate(-5deg); } 100% {-ms-transform: rotate(0); }}

@keyframes swing { 20% {transform: rotate(15deg); } 40% {transform: rotate(-10deg); } 60% {transform: rotate(5deg); } 80% {transform: rotate(-5deg); } 100% {transform: rotate(0); }}

/* 摇晃 */
@-webkit-keyframes wobble { 0% {-webkit-transform: translateX(0); } 15% {-webkit-transform: translateX(-20px) rotate(-5deg); } 30% {-webkit-transform: translateX(40px) rotate(3deg); } 45% {-webkit-transform: translateX(-65px) rotate(-3deg); } 60% {-webkit-transform: translateX(40px) rotate(2deg); } 75% {-webkit-transform: translateX(-20px) rotate(-1deg); } 100% {-webkit-transform: translateX(0); }}

@-moz-keyframes wobble { 0% {-moz-transform: translateX(0); } 15% {-moz-transform: translateX(-20px) rotate(-5deg); } 30% {-moz-transform: translateX(40px) rotate(3deg); } 45% {-moz-transform: translateX(-65px) rotate(-3deg); } 60% {-moz-transform: translateX(40px) rotate(2deg); } 75% {-moz-transform: translateX(-20px) rotate(-1deg); } 100% {-moz-transform: translateX(0); }}

@-ms-keyframes wobble { 0% {-ms-transform: translateX(0); } 15% {-ms-transform: translateX(-20px) rotate(-5deg); } 30% {-ms-transform: translateX(40px) rotate(3deg); } 45% {-ms-transform: translateX(-65px) rotate(-3deg); } 60% {-ms-transform: translateX(40px) rotate(2deg); } 75% {-ms-transform: translateX(-20px) rotate(-1deg); } 100% {-ms-transform: translateX(0); }}

@keyframes wobble { 0% {transform: translateX(0); } 15% {transform: translateX(-20px) rotate(-5deg); } 30% {transform: translateX(40px) rotate(3deg); } 45% {transform: translateX(-65px) rotate(-3deg); } 60% {transform: translateX(40px) rotate(2deg); } 75% {transform: translateX(-20px) rotate(-1deg); } 100% {transform: translateX(0); }}

/* 震铃 */
@-webkit-keyframes ring { 0% {-webkit-transform: scale(1); } 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg); } 100% {-webkit-transform: scale(1) rotate(0); }}

@-moz-keyframes ring { 0% {-moz-transform: scale(1); } 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg); } 100% {-moz-transform: scale(1) rotate(0); }}

@-ms-keyframes ring { 0% {-ms-transform: scale(1); } 10%, 20% {-ms-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg); } 100% {-ms-transform: scale(1) rotate(0); }}

@keyframes ring { 0% {transform: scale(1); } 10%, 20% {transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg); } 100% {transform: scale(1) rotate(0); }}

/** * fullPage 2.6.6 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo */
html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow: hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

#superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none;}

.fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box;}

.fp-slide { float: left;}

.fp-slide, .fp-slidesContainer { height: 100%; display: block;}

.fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out;}

.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; overflow: hidden;}

.fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%;}

.fp-slidesContainer { float: left; position: relative;}

.fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent;}

.fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff;}

.fp-scrollable { overflow: scroll;}

.fp-notransition { -webkit-transition: none !important; transition: none !important;}

#fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0);}

#fp-nav.right { right: 17px;}

#fp-nav.left { left: 17px;}

.fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1;}

.fp-slidesNav.bottom { bottom: 60px;}

.fp-slidesNav.top { top: 17px;}

#fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0;}

#fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; padding-top: 5px}

.fp-slidesNav ul li { margin: 7px 3px; display: inline-block;}

#fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; background: #1bbc9b;}

#fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 6px; width: 6px; border: 0; background: #999; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 10px; height: 10px; margin: -5px 0px 0px -5px;}

#fp-nav ul li .fp-tooltip { position: absolute; top: 0; color: #666; font-size: 13px; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 1; width: auto;}

#fp-nav ul li a.active + .fp-tooltip, #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; color: #1bbc9b}

#fp-nav ul li .fp-tooltip.right { right: 20px;}

#fp-nav ul li .fp-tooltip.left { left: 20px;}

.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important;}

/*@media print {html,body {overflow: visible !important;height: auto !important;}.fullpage-wrapper {height: auto !important;transform: none !important;transition: none !important;}.fp-section {height: auto !important;}.fp-slidesContainer {width: auto !important;transition: none !important;transform: none !important;}.fp-slides,.fp-slides * {position: static !important;}.fp-slide {width: auto !important;}}*/
@media print { html.fp-enabled, .fp-enabled body {overflow: visible !important;height: auto !important; }
    html {background: #fff;width: auto;height: auto;overflow: visible; }
    body {background: #fff;font-size: 20pt;width: auto;height: auto;border: 0;margin: 0 5%;padding: 0;overflow: visible;float: none !important; }
    #fp-nav, .fp-slidesNav, .fp-controlArrow {display: none !important; }
    /* Need to reduce the size of the fonts for printing */ h1 {font-size: 28pt !important; }
    h2 {font-size: 24pt !important; }
    h3 {font-size: 22pt !important; }
    h4 {font-size: 22pt !important;font-variant: small-caps; }
    h5 {font-size: 21pt !important; }
    h6 {font-size: 20pt !important;font-style: italic; }
    .fp-section, .fp-tableCell, .slimScrollDiv, .fp-scrollable {width: 100% !important;height: auto !important;display: block !important;position: relative;float: none !important; }
    .fp-slidesContainer {-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;-webkit-transition: none !important;-moz-transition: none !important;-ms-transition: none !important;transition: none !important; }
    .fp-slides, .fp-slidesContainer {height: auto !important;width: 100% !important;float: none !important;overflow: hidden !important; }
    .fp-slides {height: 800px !important;width: 800px !important; }
    .fp-slide {float: none !important;width: 100% !important;position: static !important; }
    .fullpage-wrapper {float: none !important;-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;-webkit-transition: none !important;-moz-transition: none !important;-ms-transition: none !important;transition: none !important;position: static !important;width: auto !important;height: auto !important;left: 0 !important;top: 0 !important;margin-left: 0 !important;margin-top: 0 !important;padding: 0 !important;zoom: 1 !important;overflow: visible !important;display: block !important;text-align: left !important; }
    .fp-section {page-break-after: always !important; }
    .fp-slide {page-break-after: always !important; }}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}

.slick-list:focus { outline: none;}

.slick-list.dragging { cursor: pointer; cursor: hand;}

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}

.slick-track:before, .slick-track:after { display: table; content: '';}

.slick-track:after { clear: both;}

.slick-loading .slick-track { visibility: hidden;}

.slick-slide { display: none; float: left; height: 100%; min-height: 1px;}

[dir='rtl'] .slick-slide { float: right;}

.slick-slide img { display: block;}

.slick-slide.slick-loading img { display: none;}

.slick-slide.dragging img { pointer-events: none;}

.slick-initialized .slick-slide { display: block;}

.slick-loading .slick-slide { visibility: hidden;}

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}

.slick-arrow.slick-hidden { display: none;}

/** * 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: 40px; height: 40px; margin-top: -20px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 50% 50%; background-size: 50% 50%; background-position: center; background-repeat: no-repeat; border-radius: 50%; /* background-color: rgba(255,255,255,.3); */}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; cursor: auto; pointer-events: none; z-index: 5;}

.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'%23d2d2d2'%2F%3E%3C%2Fsvg%3E"); left: 1vw; right: auto; 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'%23BEBEBE'%2F%3E%3C%2Fsvg%3E"); background-color: rgba(0, 0, 0, .1);}

.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover { background-color: #CB3030;}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-color: #CB3030;}

.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'%23BEBEBE'%2F%3E%3C%2Fsvg%3E"); background-color: rgba(0, 0, 0, .1);}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-color: #fff; 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'%23BEBEBE'%2F%3E%3C%2Fsvg%3E"); right: 1vw; left: auto; z-index: 5;}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-color: #CB3030;}

.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'%23d2d2d2'%2F%3E%3C%2Fsvg%3E")}

.swiper-button-next:hover, .swiper-button-prev:hover { /* background-color:rgba(222,3,24,.3) */ 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'%23fff'%2F%3E%3C%2Fsvg%3E"); background-color: #CB3030;}

.swiper-button-next:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg);}

.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; width: 100%;}

.swiper-pagination.swiper-pagination-hidden { opacity: 0}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 25px; left: 10%; width: 80%; z-index: 50;}

.swiper-pagination-bullet { width: 10px; height: 10px; box-sizing: border-box; display: inline-block; border-radius: 30px; background: rgba(255, 255, 255, 1); margin: 0 7px; transition: all .3s; transition: all .3s; background: #fff; border-radius: 13px 13px 13px 13px;}

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 { background: #E60012; /* opacity: 1; */}

.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 10px; */}

.swiper-pagination-progress { background: #e5e5e5; position: absolute; width: 100%; height: 2px; max-width: 440px; margin: auto; left: 50%; transform: translate(-50%, 0); border-radius: 30px; overflow: hidden;}

.swiper-pagination-progress .swiper-pagination-progressbar { background: #E60012; 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: #eeeeee; max-width: 660px; margin: 80px auto 0; overflow: hidden;}

.swiper-scrollbar {}

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 30px; bottom: 30px; z-index: 50; height: 1px; width: 70%;}

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%}

.swiper-scrollbar-drag { height: 3px; width: 100%; position: relative; background: #0096ff; border-radius: 10px; left: 50%; top: -1px;}

.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'%23d2d2d2'%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) }}


@media screen and (max-width: 1023px) { .swiper-pagination-bullet {width: 5px;height: 5px;border-width: 2px;margin: 5px; }
    .swiper-button-next, .swiper-button-prev {zoom: .6; }
    .swiper-scrollbar {margin-top: 30px;max-width: 70vw; }}

/* S 12-50 *//* job */
.job-container .box { position: relative; z-index: 3;}

.job-container .check-list-flex { padding: 1.8rem 1.8rem; border: 1px solid #EEEEEE; border-radius: 0.5rem; width: calc(21.57% - 2rem);}

.job-container .check-list-flex-title { padding-bottom: 1rem; border-bottom: 1px solid #EEEEEE; font-size: 0.7rem; font-weight: 500;}

.job-container .check-list-flex-title .flex-title-text { color: #000000;}

.job-container .check-list-flex-title .flex-btn-clear { color: #666666;}

.job-container .check-list { padding: 1rem 0;}

.job-flow-item .no { position: absolute; bottom: 1rem; font-size: .8rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; line-height: 1.1rem; opacity: 0.3; z-index: 5; display: block; text-align: center; width: 100%; font-style: normal;}

.job-flow-item:hover .no { color: #fff;}

.common-list-title { padding-bottom: 1.5rem; font-size: 1rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000;}

.check-list .check-box { font-size: 0.8rem; color: #444444;}

.check-list .check-box.check-box label { margin-bottom: 1rem; position: relative; line-height: 1rem; min-width: 7rem; position: relative; padding-left: 1.9rem; line-height: 1rem; min-width: 7rem;}

.check-list .check-box input, .check-list .check-box span { position: absolute; top: 0; left: 0;}

.check-box label { font-size: .8rem; color: #444444;}

.job-container .content-list-box { width: calc(100% - 21.57% - 4.7rem - 2rem); margin: 0;}

.job-content-list-item { position: relative; margin-bottom: 0.8rem; padding: 1.8rem 2rem; background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 0.5rem;}

.job-content-list-item .job-list-icon { position: absolute; top: 2rem; right: 2rem; width: 1.7rem; height: 1.7rem; background: url("../fonts/job-add-icon.svg") center center no-repeat #ff0000; background-size: 0.5rem; border-radius: 50%;}

.job-content-list-item.lis-item-active { box-shadow: 0px 3px 50px 0px rgba(128, 124, 125, 0.2);}

.job-content-list-item .job-info-top { cursor: pointer;}

.job-content-list-item.lis-item-active .job-list-icon { background: url("../fonts/job-minus-icon.svg") center center no-repeat #ff0000; background-size: 0.5rem;}

.job-content-list-item .profile-content { display: inline;}

.job-content-list-item .all-content { display: none;}

.all-content .button { width: 9rem; height: 2.6rem; line-height: 2.6rem; background: #E60012; border-radius: 26px; font-size: .8rem; text-align: center; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; margin: 2rem 0 2.5rem;}

.job-content-list-item.lis-item-active .profile-content { display: none;}

.job-content-list-item.lis-item-active .all-content { display: block; padding: 1rem 0;}

.job-content-list-item .job-content-list-box p { padding-top: .5rem; /* padding-bottom: 1rem; */ font-size: 0.8rem; color: #000000;}

.job-content-list-item .job-content-list-box .content-list-profile { font-size: 0.8rem; color: #888; line-height: 30px;}

.job-content-list-item.lis-item-active .job-content-list-box .content-list-profile { color: #444;}

.job-content-list-item .list-flex-item-img { margin-right: .5rem;}

.job-content-list-item .list-flex-item-img:nth-child(1) { width: 0.8rem; height: 0.8rem;}

.job-content-list-item .list-flex-item-img:nth-child(2) { width: 1rem; height: 0.9rem;}

.job-content-list-item .list-flex-item-img:nth-child(3) { width: 0.9rem; height: 0.8rem;}

.job-content-list-item .list-flex-box { padding-top: .5rem; padding-bottom: 1rem; font-size: 0.8rem; color: #000000;}

.job-content-list-item.lis-item-active .list-flex-box { border-bottom: 1px solid #EEEEEE; /* padding-top: 0; */}

.job-content-list-item .list-flex-box .list-flex-item { margin-right: 4rem;}

.job-flow-box { width: 100%; background: url('../images/job-flow-banner.png') no-repeat center center; background-size: cover; position: relative;}

.job-flow-box:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: .3; z-index: 2;}

.job-flow-title { padding-top: 4.7rem; padding-bottom: 4.3rem; font-size: 2.3rem; width: 100%; text-align: center; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; position: relative; z-index: 3;}

.job-flow-item { position: relative; width: calc((100% - 2.1rem * 4) / 5); height: 21.5rem; margin-bottom: 6.5rem;}

.job-flow-item:nth-child(2) { animation-delay: .1s;}

.job-flow-item:nth-child(3) { animation-delay: .2s;}

.job-flow-item:nth-child(4) { animation-delay: .3s;}

.job-flow-item:nth-child(5) { animation-delay: .5s;}

.job-flow-item:nth-child(6) { animation-delay: .6s;}

.job-flow-item:nth-child(even) { margin-top: 3.5rem}

.job-flow-item .item-front-box { /* padding-top: 8.2rem;padding-bottom: 7.5rem; */ height: 100%; background: #FFFFFF; box-shadow: 0px 3px 50px 0px rgba(128, 124, 125, 0.2); border-radius: 0.5rem;}

.item-front-box:nth-child(1) {}

.item-front-box:nth-child(1) .job-flow-icon { width: 2.5rem; height: 2.9rem;}

.item-front-box .job-flow-icon { margin-bottom: 1.8rem;}

.item-front-box .item-flow-title {}

.job-flow-item .item-back-box { /* padding-top: 8.2rem;padding-bottom: 7.5rem; */ position: absolute; left: 0; top: 0; height: 21.5rem; padding: 0 1.9rem 2rem 1.9rem; background: #E60012; box-shadow: 0px 3px 50px 0px rgba(128, 124, 125, 0.2); border-radius: 0.5rem; /* display: none; */ opacity: 0; transition: all .3s ease-in-out; box-sizing: border-box; width: 100%; text-align: left;}

.job-flow-item:hover .item-back-box { opacity: 1;}

.job-flow-item .item-back-box * { display: block; width: 100%;}

.job-flow-item .item-back-box .item-back-box-title { margin-bottom: 1rem; font-size: 1rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF;}

.job-flow-item .item-back-box .item-back-box-content { font-size: 0.8rem; color: #FFFFFF;}

.job-flow-item .item-back-box .item-back-box-content:nth-child(2) { margin-bottom: 2.3rem;}

.job-section1 { padding: 5rem 0;}

/* job *//* responsibility */
.responsibility-container { padding-bottom: 7.05rem;}

.responsibility-section1 li { cursor: pointer;}

.responsibility-container .flex-img-box { padding-top: 6.2rem; width: 100%;}

.responsibility-container .flex-img-box .img-box { position: relative; width: calc(25% - 0.97rem); cursor: pointer; border-radius: 1rem; overflow: hidden; margin-bottom: 1.1rem;}

.responsibility-container .flex-img-box .img-box:nth-child(4n-3) { animation-delay: .1s;}

.responsibility-container .flex-img-box .img-box:nth-child(4n-2) { animation-delay: .2s;}

.responsibility-container .flex-img-box .img-box:nth-child(4n-1) { animation-delay: .3s;}

.responsibility-container .flex-img-box .img-box:nth-child(4n) { margin-right: 0; animation-delay: .4s;}

.responsibility-container .flex-img-box .img-box-flex { width: 100%;}

.responsibility-container .flex-img-box .img-box-flex img { width: 100%; height: auto; border-radius: 1rem;}

.responsibility-container .info-box-flex { position: absolute; top: 0; left: 0; width: calc(100% - 1.9rem * 2); height: calc(100% - 1.8rem * 2); padding: 1.8rem 1.9rem;}

.responsibility-container .info-box-flex .img-box-title { /* margin-bottom: 1.6rem; */ font-size: 1.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF;}

.responsibility-container .info-box-flex .img-box-profile { font-size: .8rem; line-height: 1.5; color: #FFFFFF; opacity: 0; height: 0; margin: 1.2rem 0 0; transition: opacity .3s; overflow: hidden;}

.responsibility-container .flex-img-box .img-box:hover .img-box-profile { height: auto; margin: .7rem 0 1.6rem 0; opacity: 1;}

.responsibility-container .info-box-flex .ico-arrow-down { width: 2.5rem; height: 2.5rem; border: 2px solid #FFFFFF; opacity: 0.4; border-radius: 50%; text-align: center; line-height: 2.5rem; transform: rotate(270deg); transition: all .3s;}

.responsibility-container .info-box-flex .ico-arrow-down img { width: 0.8rem; height: auto; transition: all .3s;}

.responsibility-container .info-box-flex:hover .img-box-profile { display: inline;}

.responsibility-container .info-box-flex:hover .ico-arrow-down { border: 2px solid #E60012; background: #E60012; opacity: 1;}

.responsibility-container .info-box-flex:hover img { transform: rotate(90deg);}

/* E 12-50 *//* S 12-06 */
.common-article-img-box { width: 100%;}

.common-article-img-box .li-img-box { position: relative; width: 100%; border-radius: 1rem; overflow: hidden;}

.responsibility-section5 .common-article-img-box li { display: none;}

.responsibility-section5 .common-article-img-box li.on { display: block;}

.common-article-img-box .li-img-box .img-box-profile {}

.responsibility-list3 {}

.responsibility-list3 li { display: inline-block; vertical-align: top; width: calc(50% - 1rem); margin-bottom: .7rem;}

.responsibility-list3 li:nth-child(2n) { margin-left: calc(2rem - 7px); animation-delay: .15s;}

.responsibility-list4 {}

.responsibility-list4 li:hover .common-img-box-profile { height: 3.6rem; -webkit-line-clamp: 3;}

.responsibility-list4 li { width: calc(33.33% - 1.3rem); margin: 0 1.6rem 2rem 0; display: inline-block; border-radius: 1rem; overflow: hidden;}

.responsibility-list4 li:hover .img-box { background: rgba(230, 0, 18, 0.9);}

.responsibility-list4 .picture { width: 100%;}

.responsibility-list4 li:nth-child(3n-1) { animation-delay: .15s;}

.responsibility-list4 li:nth-child(3n) { animation-delay: .3s; margin-right: 0;}

.responsibility-section5 {}

.responsibility-section5 .common-article-content { width: 43%;}

.common-article-content-box .btn-box { text-align: right; width: 50%;}

.common-article-content-box .btn-box a { font-size: .9rem; color: #666666; line-height: 2.5rem; padding: 0 1.6rem; transition: all .3s; background: #f1f1f1; margin-left: .8rem; border-radius: 30px;}

.common-article-content-box .btn-box a.on { background: #E60012; color: #FFFFFF;}

.common-article-img-box .li-img-box img { border-radius: 1rem; width: 100%;}

.common-article-box:nth-child(2) li { width: 100%; margin-bottom: 6.95rem;}

.common-article-box:nth-child(3) li { width: calc((100% - 2rem) / 2); margin-bottom: 8.65rem;}

.common-article-box:nth-child(3) li:nth-child(1) { margin-right: 2rem;}

.common-article-box:nth-child(4) li { width: calc((100% - 2rem * 2) / 3); margin-bottom: 7.4rem;}

.common-article-box:nth-child(4) li:nth-child(1), .common-article-box:nth-child(4) li:nth-child(2) { margin-right: 2rem;}

.common-article-box .img-text-box-active { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/re-bg.png") bottom right no-repeat; background-size: cover; border-radius: 1rem; opacity: 0; transition: all .55s;}

.common-article-box .img-minus-icon { display: none;}

.common-article-box .img-add-icon { display: block; width: 2.5rem; height: 2.5rem; border: 2px solid #FFFFFF; opacity: 0.4; border-radius: 50%; text-align: center; line-height: 2.5rem;}

.common-article-box li:hover .img-minus-icon { display: block; width: 2.5rem; height: 2.5rem; border: 2px solid #FFFFFF; opacity: 0.4; border-radius: 50%; text-align: center; line-height: 2.5rem;}

.common-article-box li:hover .img-text-box-active { opacity: 1;}

.common-article-box li:hover .img-add-icon { display: none;}

.common-article-img-box li { position: relative; margin-top: 2.9rem; cursor: pointer; box-sizing: border-box;}

/* .common-article-img-box .img-box-active .img-box img{	margin-bottom: 11rem;}.common-article-img-box li .img-box img{	margin-bottom: 2.5rem;} */
.common-article-img-box .img-box { position: absolute; top: 0; left: 0; padding: 4.1rem 3.3rem 1.05rem 3.3rem; height: 100%; box-sizing: border-box; width: 100%;}

.common-article-img-box .img-box .icon { max-width: 3rem; margin-bottom: 2rem;}

.responsibility-list4.common-article-img-box .img-box { padding: 70% 3rem 0 3rem; transition: all .5s;}

.responsibility-list4.common-article-img-box li:hover .img-box { padding-top: 3.3rem;}

.common-article-img-box .img-box .common-img-box-title { margin-bottom: 1.8rem; font-size: 1.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF;}

.responsibility-list4.common-article-img-box li:hover .common-img-box-title { padding: 50% 0 0;}

.common-article-img-box .img-box .common-img-box-profile { font-size: 0.8rem; color: #FFFFFF; line-height: 1.2rem; height: 0; overflow: hidden; transition: all .3s;}

.common-article-img-box .img-text-box { position: absolute; top: 0; left: 0; padding: 3.4rem 3.8rem; width: 100%; height: 100%; box-sizing: border-box;}

.common-article-img-box .img-text-box .img-text-flex { width: 100%;}

.common-article-img-box .img-text-box .img-box-note { font-size: 0.8rem; font-family: PingFang-SC-Heavy, sans-serif; font-weight: bold; color: #FFFFFF;}

.common-article-img-box .img-text-box .common-img-box-title { padding-top: 1.1rem; padding-bottom: 1.9rem; font-size: 1.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF;}

.common-article-img-box .img-text-box .img-text-img { width: 2.5rem; height: 2.5rem; border: 2px solid #FFFFFF; opacity: 0.4; border-radius: 50%; text-align: center; line-height: 2.5rem;}

.common-article-img-box .img-text-box:hover .common-img-box-profile { height: 3.6rem; -webkit-line-clamp: 3;}

.common-article-img-box .img-text-box .common-img-box-profile { font-size: 0.8rem; color: #FFFFFF; line-height: 1.2rem; height: 0; transition: all .3s;}

.common-article-img-box .article-img-text-box { -webkit-backdrop-filter: saturate(180%) blur(17px); backdrop-filter: saturate(180%) blur(17px); border-radius: 30px; width: 20rem; /* height: 14rem; */ background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.3); position: absolute; top: 5.7rem; left: 4.9rem; /* padding: 3.8rem 2rem; */}

.common-article-img-box .article-img-text-box .img-text-title { padding: 3.7rem 2rem 0; margin-bottom: 1.5rem; font-size: 1.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; box-sizing: border-box; width: 100%;}

.common-article-img-box .article-img-text-box .img-text-content { padding-bottom: 3.8rem; padding-left: 2rem; padding-right: 2rem; font-size: 0.8rem; line-height: 1.5; color: #FFFFFF; opacity: .95; width: 100%; box-sizing: border-box;}

/* responsibility *//* common */
.common-article-title { font-size: 2.3rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; margin: 6.5rem 0 1rem;}

.common-article-content-box {}

.common-article-content { font-size: 0.8rem; color: #000000;}

/* common *//* solution-container */
.solution-container .list-item-img-box { position: relative;}

.solution-container .content-list-item .content-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0.5rem; background-color: rgba(0, 0, 0, .4); opacity: 0; transition: all .3s linear;}

.solution-container .content-list-item:hover .content-mask { cursor: pointer; opacity: 1;}

.solution-container .content-list-item:hover .content-mask-btn-box { animation: scale .5s linear; -webkit-animation: scale .5 slinear;}

.solution-container .content-list-item:hover .content-mask-btn-box .more-icon { /* animation: rotate .5s; *//* -webkit-animation: rotate .5s; */}

@keyframes scale { 0% {transform: scale(1); } 50% {transform: scale(1.15); } 100% {transform: scale(1); }}

@-webkit-keyframes scale { 0% {transform: scale(1); } 50% {transform: scale(1.15); } 100% {transform: scale(1); }}

@keyframes rotate { 0% {transform: rotateZ(100deg); } 50% {transform: rotateZ(0deg); } 100% {transform: rotateZ(100deg); }}

@-webkit-keyframes rotate { 0% {transform: rotateZ(100deg); } 50% {transform: rotateZ(0deg); } 100% {transform: rotateZ(100deg); }}

.solution-container .content-list-item .content-mask-btn-box { width: 5.2rem; height: 5.2rem; border-radius: 50%; background: #E70014;}

.solution-container .content-list-item .content-mask-btn-box p { margin-bottom: 0.6rem; font-size: 0.8rem; color: #FFFFFF;}

.solution-container .content-list-item .content-mask-btn-box .more-icon { margin-right: 0; background-color: #fff; width: 1.2rem; height: 1.2rem;}

.solution-container .content-list-item .content-mask-btn-box .more-icon i { border-color: #E70014;}

/* solution-container *//* disclaimers-container */
.disclaimers-container .catalogue-seize-seat { /* display: none; */}

.disclaimers-container .catalogue-list-fixed { position: fixed;}

/* disclaimers-container *//* E 12-06 *//* S 12-08 *//* pro-d */
.pro-d-ability-box { padding: 4.8rem 0;}

.pro-d-ability-title { width: 20%; font-size: 2rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000;}

.pro-d-ability-flex { padding-left: 2.5%; padding-right: 2.5%; width: 80%;}

.pro-d-ability-flex ul { width: 100%;}

.pro-d-ability-flex li { margin-right: 1.5rem; margin-bottom: 1.5rem; width: calc(25% - 1.125rem); padding: 1.8rem 0.9rem 1.5rem 1.3rem; background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 0.5rem; box-sizing: border-box;}

.pro-d-ability-flex li:nth-child(4n) { margin-right: 0;}

.pro-d-ability-flex li .icon { width: 1.5rem;}

.pro-d-ability-flex .info { margin-left: 0.9rem;}

.pro-d-ability-flex .info .title { margin-bottom: 0.9rem; font-size: 1rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000;}

.pro-d-ability-flex .info .desc { font-size: 0.7rem; color: #444444;}

/* pro-d *//* E 12-08 *//* S 12-12 *//* programme-section */
.programme-section { position: relative;}

.programme-section:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 2;}

.programme-section .box { position: relative; z-index: 99;}

.programme-section .title { padding-top: 9.3rem; font-size: 2.3rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; text-align: center;}

.programme-section .subtitle { padding-top: 1rem; padding-bottom: 2.95rem; font-size: 1rem; color: #FFFFFF; text-align: center;}

.programme-section .info .input { padding: 0.5rem 0.5rem 0.5rem 1.4rem; background: rgba(255, 255, 255, 0.7); border-radius: 1.2rem; border: 0; font-size: 0.8rem;}

.programme-section .info .info-phone { margin: 0 1rem;}

.programme-section .list { padding-top: 6.65rem; padding-bottom: 1.4rem;}

.programme-section .list a { position: relative; border: 2px solid rgba(255, 255, 255, .2); border-radius: 50%; width: 13.5rem; height: 13.5rem; padding: 3.3rem 2.15rem; box-sizing: border-box;}

.programme-section .list .icon { width: 2.6rem; height: 2.6rem;}

.programme-section .list .num { position: absolute; top: 1rem; right: 1rem; width: 2rem; height: 2rem; background: #FFFFFF; border-radius: 50%; font-size: 0.9rem; line-height: 2rem; text-align: center; font-style: normal; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000;}

.programme-section .desc { padding-top: 1rem; font-size: 1rem; color: #FFFFFF; text-align: center;}

.programme-section .arrow-more { padding: 0 2rem; width: 2.55rem; height: 13.5rem; position: relative; box-sizing: border-box;}

.programme-section .arrow-more span { display: block; position: absolute; top: 6.6rem; width: 0.85rem; height: 0.3rem; transform: rotate(270deg); opacity: .5;}

.programme-section .arrow-more span:nth-child(1) { animation: 1s opacity1 0s linear infinite; /*left: 0;*//*opacity: 1;*/}

.programme-section .arrow-more span:nth-child(2) { animation: 1s opacitys1 0s linear infinite; /*left: 2rem;*/}

.programme-section .arrow-more span:nth-child(3) { animation: 1s opacitys2 0s linear infinite; animation-timing-function: steps(7, end) /*left: 3rem;*/}

.programme-section .arrow-more span:before { content: ''; position: absolute; width: 53%; height: 1px; left: 0; top: 0; background: #fff; transform: rotate(25deg);}

.programme-section .arrow-more span:after { content: ''; position: absolute; width: 55%; height: 1px; right: 0; top: 0; background: #fff; transform: rotate(-25deg);}

@keyframes opacity1 { 0% {left: 0px; } 33% {left: 2rem; } 66% {left: 3rem;opacity: 0; } /* 90%{  left: 0px;  opacity: 0;   } */ 100% {left: 1rem;opacity: 0; }}

@keyframes opacitys1 { 0% {left: 2rem; } 33% {left: 3rem;opacity: 0; } 66% {left: 1rem;opacity: 0; } /* 90%{  left: 2rem;   } */ 100% {left: 2rem; }}

@keyframes opacitys2 { 0% {opacity: 1; } 50% {opacity: .6; } 100% {opacity: 1; }}

.programme-section .list-title { padding-bottom: 6.5rem; font-size: 1rem; color: #fff;}

/* programme-section *//*basic css*/
@font-face { font-family: Roboto; src: url('../fonts/Roboto-Black-1.ttf'), url('../fonts/roboto-black-1.eot');}

@font-face { font-family: PingFangSC-Medium; src: url('../fonts/pingfang medium.ttf'), url("../fonts/pingfang medium.eot");}

@font-face { font-family: PingFangSC-Semibold; src: url('../fonts/pingfangbold.ttf');}

@font-face { font-family: PingFang-SC-Heavy; src: url('../fonts/pingfang-sc-heavy.ttf'), url("../fonts/pingfang-sc-heavy.eot");}

@font-face { font-family: "DIN-Bold"; src: url("../fonts/DIN-Bold.otf"), url("../fonts/DIN-Bold.eot"); /* IE9 */ font-style: normal; font-weight: normal;}

body, html { font-size: 20px; font-family: PingFangSC-Medium, "Microsoft YaHei", "Microsoft JhengHei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}


@media screen and (max-width: 1700px) { body, html {font-size: .9rem; }}


@media screen and (max-width: 1500px) { body, html {font-size: 16px; }}


@media screen and (max-width: 1450px) { body, html {font-size: 15px; }}

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

input, textarea, button { padding: 0; font-family: PingFangSC-Medium, "Microsoft YaHei", "Microsoft JhengHei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}

input { outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only;}

textarea { -webkit-appearance: none;}

h1, h2, h3, h4, h5, h6 { font-weight: normal;}

a { cursor: pointer; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-select: none;}

a, a:hover, a:active, a:visited, a:link, a:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; background: none; text-decoration: none;}

ul, ol, li { list-style-type: none;}

.slick-slide:focus, input:focus, a:focus { outline: none !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

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

select, input, textarea, button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); vertical-align: middle; outline: none; font-family: PingFangSC-Medium, "Microsoft YaHei", "Microsoft JhengHei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}

table { border-collapse: collapse; border-spacing: 0}

tr { margin: 0; padding: 0;}

td { margin: 0; padding: 0;}

iframe { border: none;}

select { appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: none}

a:link { text-decoration: none;}

a:visited { text-decoration: none;}

a:hover { text-decoration: none;}

a:active { text-decoration: none;}

.hidden { display: none; visibility: hidden;}

.wrap { border: 0; padding: 0; width: 1150px; margin: 0 auto; *zoom: 1;}

.wrap:after { clear: both; content: ""; display: table;}

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

.fix { *zoom: 1;}

.fix:after { clear: both; content: ""; display: table;}

input:focus, textarea:focus { outline: none;}

a { display: inline-block; max-width: 100%;}

a, a:hover, a:active, a:visited, a:link, a:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent;}

.ones { overflow: hidden; text-overflow: ellipsis; white-space: nowrap}

.twos { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}

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

.clearfix:after { clear: both}

.clearfix { zoom: 1}

.picture { /*position: relative;*/ overflow: hidden; /*z-index: 10;*/}

.picture img { transition: all .7s; -moz-transition: all .7s; -webkit-transition: all .7s;}

.each-item:hover .picture img { transform: scale(1.15); -moz-transform: scale(1.15); -webkit-transform: scale(1.15); zoom: 1.15 \9;}

.wrapper-flex-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between;}

.wrapper-flex-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center;}

.wrapper-flex-column { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}

input:-webkit-autofill { box-shadow: 0 0 0 1000px white inset !important;}

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}

textarea { -webkit-appearance: none;}

.footer input::placeholder { color: #666666;}

.footer input::-webkit-input-placeholder { color: #666666}

.box { width: 85%; margin: auto;}

.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

.flex-hc { -webkit-box-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center;}

.flex-zBetween { -webkit-box-pack: justify; -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between;}

.flex-zEnd { -webkit-box-pack: end; -moz-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end;}

.flex-zStart { -webkit-box-pack: start; -moz-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start;}

.flex-ac { -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center;}

.flex-cStart { -webkit-box-align: start; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start;}

.flex-cEnd { -webkit-box-align: end; -moz-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end;}

.flex-cBaseline { -webkit-box-align: baseline; -moz-align-items: baseline; -webkit-align-items: baseline; align-items: baseline;}

.flex-cStretch { -webkit-box-align: stretch; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch;}

.flex-zTopBottom { -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;}

.flex-zBottomTop { -webkit-box-pack: end; -webkit-box-direction: reverse; -webkit-box-orient: vertical; -moz-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse;}

.flex-zLeftRight { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-flex-direction: row; -webkit-flex-direction: row; flex-direction: row;}

.flex-zRightLeft { -webkit-box-pack: end; -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -moz-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse;}

.flex-shrink { -webkit-box-flex: 0; -moz-flex-shrink: 0; -moz-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0;}

.flex-center { -webkit-align-content: center; align-content: center;}

.flex-start { -webkit-align-content: flex-start; align-content: flex-start;}

.flex-end { -webkit-align-content: flex-end; align-content: flex-end;}

.flex-between { -webkit-align-content: space-between; align-content: space-between;}

.flex-container { -webkit-align-content: space-around; align-content: space-around;}

.flex-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}

.flex-nowrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap;}

.flex_bd { -prefix-box-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1;}

/*E basic*//*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top;}

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020;}

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.fancybox-opened { z-index: 8030;}

.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}

.fancybox-outer, .fancybox-inner { position: relative;}

.fancybox-inner { overflow: hidden;}

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch;}

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap;}

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%;}

.fancybox-image { max-width: 100%; max-height: 100%;}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox_sprite.png);}

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060;}

#fancybox-loading div { width: 44px; height: 44px; background: url(../images/fancybox_loading.gif) center center no-repeat;}

.fancybox-close { position: absolute; top: -.9rem; right: -.9rem; width: 36px; height: 36px; cursor: pointer; z-index: 8040;}

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../images/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040;}

.fancybox-prev { left: 0;}

.fancybox-next { right: 0;}

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -.9rem; cursor: pointer; z-index: 8040; visibility: hidden;}

.fancybox-prev span { left: 10px; background-position: 0 -36px;}

.fancybox-next span { right: 10px; background-position: 0 -72px;}

.fancybox-nav:hover span { visibility: visible;}

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important;}

/* Overlay helper */
.fancybox-lock { overflow: visible !important; width: auto;}

.fancybox-lock body { overflow: hidden !important;}

.fancybox-lock-test { overflow-y: hidden !important;}

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(../images/fancybox_overlay.png);}

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0;}

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll;}

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050;}

.fancybox-opened .fancybox-title { visibility: visible;}

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center;}

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap;}

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff;}

.fancybox-title-inside-wrap { padding-top: 10px;}

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8);}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(../images/fancybox_sprite@2x.png);background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
    #fancybox-loading div {background-image: url(../images/fancybox_loading@2x.gif);background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }}

/*S header*/
.header-container { background: #fff; width: 100%; position: fixed; /*top: 0;*/ left: 0; z-index: 110; box-shadow: 0px 3px 2rem 0px rgba(162, 158, 159, 0.27); transition: all .3s; -webkit-backdrop-filter: saturate(180%) blur(30px); backdrop-filter: saturate(180%) blur(30px);}

.header-container.transparent-status { background: transparent; box-shadow: 0px 0 0 0px rgba(162, 158, 159, 0.27); -webkit-backdrop-filter: none; backdrop-filter: none;}

.header-container.no-fixed-status { position: absolute;}

.header-container .header-top { font-size: .7rem; line-height: 2.6rem; box-sizing: border-box; border-bottom: 1px solid rgba(0, 0, 0, .05); text-align: right;}

.header-container.transparent-status .header-top { border-color: rgba(255, 255, 255, .2);}

.header-container .other-nav { display: inline-block; vertical-align: top; padding-right: 0.9rem; position: relative;}

.header-container .other-nav:after { content: ''; position: absolute; top: calc(50% - 0.5rem); right: 0; height: 1rem; width: 1px; background: rgba(255, 255, 255, .2);}

.header-container .other-nav a { color: #333333; margin: 0 1.65rem;}

.header-container.transparent-status .other-nav a { color: #FFFFFF;}

.header-container.transparent-status .other-nav a.on, .header-container.transparent-status .other-nav a:hover { color: #e70014;}

.header-container .header-tele { display: inline-block; vertical-align: top; color: #333333; padding-left: 2.55rem;}

.header-container.transparent-status .header-tele { color: #FFFFFF;}

.header-container .header-tele .icon { width: 1.5rem; float: left;}

.header-container .header-tele .number { float: left; margin-left: 1rem;}

.header-container .header-bottom {}

.header-container .header-info {}

.header-container .logo { line-height: 4.4rem; width: 8rem;}

.header-container .logo img:nth-child(1) { display: none;}

.header-container .logo img:nth-child(2) { display: inline-block;}

.header-container.transparent-status .logo img:nth-child(2) { display: none;}

.header-container.transparent-status .logo img:nth-child(1) { display: inline-block;}

.header-container .pc-header .box { position: relative;}

.header-container .header-nav {}

.header-container .header-nav > li { font-size: .8rem; margin-left: 3.8rem; position: static;}

.header-container .header-nav > li.about-nav { position: relative;}

.header-container .header-nav > li.about-nav .pop-header-item { width: 180%; left: -40%;}

.header-container .header-nav > li.about-nav .pop-header-item a { display: block; font-size: 14px; padding: 10px; color: #222222; line-height: 2; text-align: center; border-top: 1px solid #EEEEEE;}

.header-container .header-nav > li.about-nav .pop-header-item a:hover { color: #E60012;}

.header-container .header-nav > li > .item { color: #333; line-height: 4rem; padding: 0 1vw; margin: 0 -1vw;}

.header-container .header-nav > li > .item.hover, .header-container .header-nav > li > .item.on { color: #e70014 !important;}

.header-container.transparent-status .header-nav > li > .item { color: #FFFFFF;}

.header-container .pop-header-item { background: #FFFFFF; position: absolute; width: 100%; left: 0; box-shadow: 0 .5rem 1rem 0px rgba(162, 158, 159, 0.27); display: none;}

.header-container .nav-item-list .left { border-right: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; width: 17.75%; padding: 2rem 2.4rem;}

.header-container .nav-item-list .right { width: 82.25%; box-sizing: border-box; padding: 1rem 2rem 2rem 4rem;}

.pro-header-list li, .header-container li .right dl { transition: transform .5s, opacity .5s; opacity: 0;}

.header-container .nav-item-list .list {}

.pro-nav-list { line-height: 1.1rem; text-align: center;}

.pro-nav-list a {margin: 0 .7rem;border-bottom: .15rem solid #FFFFFF;font-size: .7rem;font-weight: 500;color: #000000;padding: 0 0 .5rem;}

.pro-header-item { padding: 3rem 3rem 0; box-sizing: border-box;}

.pro-nav-list a.on { border-color: #e70014; color: #E70014;}

.pro-header-list { padding: 1rem 0 2.1rem; box-sizing: border-box;}

.header-container .nav-item-list dd .pro-header-list a { display: block; width: 100%;}
.pro-header-list .swiper-container{
    padding-bottom: 1rem;
}
.pro-header-list li { /*width: 250px;*//*height: 280px;*/ background: #F5F5F5; border-radius: .75rem; }
.pro-header-list .swiper-pagination-bullet{
    width: 6px;
    height: 6px;
}
.pro-header-list .swiper-pagination{bottom: -.1rem;}
/* .pro-header-list li:nth-child(1) {}

.pro-header-list li:nth-child(2) { transition-delay: .05s;}

.pro-header-list li:nth-child(3) { transition-delay: .1s;}

.pro-header-list li:nth-child(4) { transition-delay: .15s;}

.pro-header-list li:nth-child(5) { transition-delay: .2s;}

.pro-header-list li:first-child { margin-left: 0;} */

.pro-header-list a { width: 100%; padding: 1.5rem 1rem 1rem; text-align: center; box-sizing: border-box;}

.pro-header-list .title { font-size: .7rem; color: #999999; margin-top: .5rem;}

.header-container .nav-item-list dd a:hover .title { color: #e70014; font-weight: bold;}

.pro-header-item .all-pro-button { display: block; font-size: .7rem; color: #999999; line-height: 3rem; border-top: 1px solid rgba(0, 0, 0, 0.1); text-align: center;}

.pro-header-item .all-pro-button:hover { color: #e70014;}

.header-container .nav-item-list .right dl { padding: 1rem 0 3rem; transition-delay: 0s; transform: translateY(3rem);}

.header-container .nav-item-list dl:last-child { padding: 0; transition-delay: .1s;}

.header-container .nav-item-list dt { font-size: .9rem; color: #E70014; line-height: 1.1rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; border-left: 0.15rem solid #e70014; padding-left: .5rem; /* margin-bottom: 1.5rem; */}

.header-container .nav-item-list dd {}

.header-container .nav-item-list dd a { line-height: 1.1rem; margin-top: 1.5rem; width: 33%; vertical-align: top; padding-right: 1rem; box-sizing: border-box;}

.header-container .nav-item-list dd .t1:after { content: ''; transform: rotate(135deg); display: inline-block; vertical-align: middle; width: 0.3rem; height: 0.3rem; margin-left: .1rem; margin-top: -2px; border-top: 1px solid #e70014; border-left: 1px solid #e70014; opacity: 0; transition: all .3s;}

.header-container .nav-item-list dd .t1 { font-size: .8rem; color: #000000; padding-bottom: 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.header-container .nav-item-list dd a:hover .t1 { color: #e70014;}

.header-container .nav-item-list dd a:hover .t1:after { opacity: 1; transform: translateX(.35rem) rotate(135deg);}

.header-container .nav-item-list dd .t2 { font-size: .7rem; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666666;}

.header-container .all-url { font-size: .8rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #E70014; line-height: 1.1rem; margin-bottom: 1.5rem;}

.header-container .all-url .icon { width: 1.1rem; display: inline-block; vertical-align: top; position: relative;}

.header-pro-sum dd { display: none;}

.header-container .all-url .icon img { transition: all .3s; clip: rect(0px, 1rem, 1rem, 0px); display: block;}

.header-container .all-url .icon img:nth-child(2) { position: absolute; top: 0; left: 0.5px; width: 100%; height: 100%; /* opacity: 0; */ clip: rect(0.5rem, 0, 0, 0.5rem);}

.header-container .all-url:hover img:nth-child(1) { clip: rect(0px, 0, 0, 0px);}

.header-container .all-url:hover img:nth-child(2) { clip: rect(0, 1rem, 1rem, 0px);}

.header-container .header-nav-item-list { font-size: .8rem; line-height: 1.1rem;}

.nav-item-list .list { display: none;}

.header-container .header-nav-item-list a { color: #000000; border-bottom: 3px solid #FFFFFF; padding: 0.15rem 0; margin-top: 1rem; display: block;}

.header-container .header-nav-item-list a.on, .header-container .header-nav-item-list a:hover { color: #E70014; border-color: #e70014; display: inline-block;}

.header-container .pop-header-item.active .pro-header-list li, .header-container .pop-header-item.active .right dl { opacity: 1; transform: translate(0); will-change: auto;}

.pc-header { display: block;}

.iphone-header { display: none;}

.header_top { height: 50px; position: relative; z-index: 10; transition: all 0.4s ease 0s;}

.header_top .en { font-size: 12px; color: rgb(136, 136, 136); float: right; line-height: 50px; zoom: .9;}

.header_top .en.on { color: rgb(0 116 186); font-family: PingFangSC-Semibold, sans-serif; font-weight: bold;}

.header_top .en a { color: rgb(136, 136, 136);}

.header_top .en a.on { color: rgb(0, 98, 255);}

.header.bg0 .header_top {}

.header_relative { position: relative; overflow: hidden; z-index: 10;}

.header .header_gradess { position: absolute; width: 110%; top: -10px; left: -5%; transform: translateZ(0px); filter: blur(20px); height: 100px; overflow: hidden; min-height: 100vh;}

.header .header_gradess.he { min-height: 110vh; height: 690px;}

.header_top .login_header { float: right; margin-top: 23px; opacity: 1; transition: all 0.4s ease 0s;}

.header_top .logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20%; max-width: 100px; line-height: 1;}

.header_top .menu_icon { float: left; margin-top: 10px;}

.menu_icon span { display: block; width: 20px; height: 1px; background: rgb(51, 51, 51); margin: 6px 0px; transition: all 0.4s ease 0s;}

.menu_icon.on span:first-child { transform: rotate(45deg); margin-top: 10px;}

.menu_icon.on span:nth-child(2) { display: none;}

.menu_icon.on span:nth-child(3) { transform: rotate(-45deg); margin-top: -7px;}

.header_bottom { display: none; width: 100%; height: 690px; position: relative; z-index: 10; padding: 1px 0px;}

.header_nav { border-bottom: 4px solid #E60012; padding-bottom: 2px;}

.header_nav li { border-top: 1px solid rgb(232, 232, 232);}

.header_nav li > a, .header_nav li > h4 { display: block; position: relative; line-height: 22px; padding: 16px 0px; color: rgb(51, 51, 51); cursor: pointer; font-size: 15px !important;}

.header_nav li > a::after, .header_nav li > h4::after { content: ""; display: block; position: absolute; top: 24px; right: 20px; width: 7px; height: 7px; border-bottom: 1px solid rgb(102, 102, 102); border-right: 1px solid rgb(102, 102, 102); transform: rotate(-45deg); transition: all 0.4s ease 0s;}

.header_nav li > a.arrow::after, .header_nav li > h4.arrow::after, .header_nav .center-nav .titles.show::after { transform: rotate(45deg);}

.header_nav .center-nav { display: none; margin-top: -5px; margin-left: 0px; padding-bottom: 10px; max-height: 100vh; position: static; background: rgb(255, 255, 255); text-align: left; z-index: 10; height: auto; overflow: auto; pointer-events: initial;}

.header_nav .center-nav .titles, .header_nav .center-nav a, .header_search a { display: block; font-size: 14px; line-height: 35px; color: rgb(102, 102, 102);}

.header_nav .center-nav .titles { line-height: 3; position: relative; padding-left: 6px; font-size: 14px;}

.header_nav .center-nav .list { padding: 0px 5px; margin-bottom: 25px;}

.header_nav .center-nav .list a { font-size: 12px; line-height: 2.4; padding: 0px; width: 48%; display: inline-block;}

/*E header*//*S index*/
.index-section4 {}

.index-section4 .bg-list {}

.index-section4 .bg-list:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgb(163 147 145 / 60%); /* opacity: 0.9; */ mix-blend-mode: multiply;}

.index-section4 .bg-list li { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: center center no-repeat; background-size: cover; opacity: 0; transition: all .55s linear;}

.index-section4 .bg-list li.on { opacity: 1;}

.index-section4 .text-info-container { position: relative; z-index: 2;}

.index-section4 .left-nav { width: 19.5%; box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.22); background: rgba(0, 0, 0, .5); transition: all .3s; -webkit-backdrop-filter: saturate(180%) blur(4px); backdrop-filter: saturate(180%) blur(4px); z-index: 2; box-sizing: border-box; padding: 2.5rem; border-radius: .5rem; overflow: hidden;}

.index-section4 .left-nav:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255 255 255 / 30%);}

.index-section4 .left-nav a { display: block; font-size: 1.2rem; line-height: 1.3; padding: 1.3rem 0; font-weight: 500; position: relative; z-index: 2; color: #FFFFFF;}

.index-section4 .left-nav a span { border-bottom: .2rem solid transparent;}

.index-section4 .left-nav a.on span { border-color: #D70917;}

.index-section4 .left-nav a i { width: 0.3rem; height: 0.3rem; border-top: 2px solid rgba(255, 255, 255, 1); border-left: 2px solid rgba(255, 255, 255, 1); display: inline-block; vertical-align: middle; transform: rotate(135deg);}

.index-section4 .right { width: calc(80.5% - 4rem); margin-left: 4rem;}

.index-section4 .right > li { display: none;}

.index-section4 .right > li.on { display: block;}

.index-section4 .logo { width: 13.3rem;}

.index-section4 .logo img { width: auto; height: 3rem;}

.index-section4 .person-info { padding: 3rem 0;}

.index-section4 .avatar { width: 5rem; vertical-align: bottom; display: inline-block;}

.index-section4 .name { font-size: 1.5rem; font-weight: 500; vertical-align: bottom; color: #FFFFFF; line-height: 1; margin: 0 .5rem;}

.index-section4 .other { font-size: .8rem; vertical-align: bottom; color: #FFFFFF;}

.index-section4 .desc { max-width: 560px; font-size: 1rem; color: #FFFFFF; -webkit-line-clamp: 4; line-height: 1.6; text-shadow: 0px 3px 1rem rgba(61, 61, 61, 0.44); height: 6.4rem;}

.index-section4 .btn { margin-top: 4rem;}

.banner-section {}

.banner-section-list {}

.banner-section-list li { position: relative;}

.banner-section-list .bg { background: center center no-repeat #FFFFFF; background-size: cover; width: 100%; height: 100vh; position: relative;}

.banner-section-list .video-bg { width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: 2; background: center center no-repeat; background-size: cover;}

.banner-section-list li.slick-slide:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; z-index: 3; background: #492e30; opacity: .35; height: 100%; /* mix-blend-mode: screen; */}

.banner-section-list .video-bg video { width: 100%; height: 100vh; object-fit: cover;}

.banner-section-list .banner-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 7; text-align: center; line-height: 1.3;}

.banner-section-list .title { font-size: 3rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; text-shadow: 0px 3px 2rem rgba(0, 0, 0, 0.2);}

.banner-section-list .desc { font-size: 1.2rem; font-weight: 500; color: #FFFFFF; text-shadow: 0px 3px .9rem rgba(0, 0, 0, 0.35); padding: 1.5rem 0 2.5rem;}

.banner-section-list .button { font-size: .8rem; font-weight: 500; color: #FFFFFF; width: 11rem; height: 3rem; line-height: 3rem; background: #E60012; border-radius: 29px; text-align: center; cursor: pointer;}

.banner-section-list .button:hover { background: #CB3030;}

.banner-section-list .button img { display: inline-block; width: 0.8rem; margin-left: .5rem;}

.slick-dots { position: absolute; bottom: 4vh; left: 0; width: 100%; text-align: center;}

.slick-dots li { cursor: pointer; width: 1.2rem !important; height: .3rem !important; padding: 0 !important; background: #FFFFFF; opacity: 0.4; border-radius: 3px; display: inline-block; margin: 0 5px; transition: all .3s;}

.news-list .slick-dots { bottom: 0}

.news-list .slick-dots li { display: inline-block; background: #000; float: none;}

.slick-dots li.slick-active { background: #E60012; opacity: 1; width: 2.4rem;}

.slick-dots button { display: none;}

/*E index*//*S footer-container*/
.footer-container { background: #222222; position: relative; z-index: 5;}

.footer-container .footer-top { padding-top: 3.5rem;}

.footer-container .footer-top .logo {}

.footer-container .footer-top .logo-avatar { width: 10rem;}

.footer-container .footer-top .slogan { font-size: 1.5rem; color: #FFFFFF; opacity: .2; line-height: 1; height: 1.5rem; border-left: 1px solid #FFFFFF; margin-left: 1.5rem; padding-left: 1.5rem; font-family: PingFangSC-Semibold, sans-serif;}

.footer-container .footer-top .footer-share { width: 2.5rem; position: relative; cursor: pointer; border: 1px solid #777777; box-sizing: border-box; border-radius: 50%;}

.footer-container .footer-top .footer-share .icon-wx:hover + .qr-code { display: block;}

.footer-container .footer-top .footer-share .qr-code { width: 6rem; max-width: 300%; position: absolute; top: 100%; left: calc(50% - 3rem); display: none;}

.footer-container .footer-center { padding: 3rem 0 2rem;}

.footer-container .footer-nav {}

.footer-container .footer-nav li { padding-right: 4.8rem;}

.footer-container .footer-nav .title, .footer-about .title { font-size: 0.8rem; color: #FFFFFF; display: block; line-height: 1.5rem; padding-bottom: 0.6rem;}

.footer-container .footer-nav .info {}

.footer-container .footer-nav .info a { display: block; font-size: .7rem; line-height: 1.5rem; color: #777777;}

.footer-container .footer-nav .info a:hover { color: #eeeeee;}

.footer-container .footer-about { width: calc(16.15vw + 4rem); padding-left: 4rem; box-sizing: border-box; border-left: 1px solid rgba(255, 255, 255, .2);}

.footer-container .footer-about .tele-number { font-size: 1.3rem; color: #FFFFFF; line-height: 1; font-family: Roboto;}

.footer-container .footer-about table { width: 100%; font-size: .7rem; line-height: 1.2rem; color: #777777; margin: .5rem 0 1.5rem;}

.footer-container .footer-about table td { min-width: 2.3rem; vertical-align: top;}

.footer-border { position: relative; margin-bottom: 1rem;}

.footer-border > .input { position: relative; display: block; width: 100%; height: 2.5rem; font-size: .7rem; line-height: 2.5rem; color: #FFFFFF; padding: 0 1rem; box-sizing: border-box; background-color: #222222; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.2); transition: all .3s;}

.ding-yue .footer-border > .input { background: transparent; color: #222222; border: 1px solid rgba(0, 0, 0, 0.2);}

.footer-border > .input:focus { border: 1px solid rgba(255, 255, 255, 0.4);}

.ding-yue .footer-border > .input:focus { border: 1px solid rgba(0, 0, 0, 0.4);}

.ding-yue .other { font-size: .7rem; color: #999;}

.ding-yue .other span { color: #e60012;}

.ding-yue .other a { color: #222222;}

.footer-border > .summit { width: 2.5rem; height: 2.5rem; background: #e60012; line-height: 2.3rem; text-align: center; display: block; position: absolute; top: 0; right: 0; z-index: 2; border-radius: 50%; overflow: hidden;}

.footer-border > .summit:hover { background: #CB3030;}

.ding-yue .footer-border > .summit { width: 3.5rem; height: 2rem; background: #e60012; line-height: 2rem; text-align: center; display: block; position: absolute; top: 0.25rem; font-size: .8rem; color: #FFFFFF; right: 0.25rem; z-index: 2; border-radius: 30px; overflow: hidden;}

.footer-border .summit svg { width: 1rem; display: inline-block; margin: auto; vertical-align: middle;}

.footer-about .other { font-size: .7rem; line-height: 1.1rem; color: #666666;}

.footer-about .other a { color: #7c4b4b; display: inline;}

.footer-about .other a:hover { text-decoration: underline;}

.footer-bottom .other { font-size: .7rem; color: #666666; padding: 3.2rem 0 1rem;}

.footer-bottom .o-left {}

.footer-bottom .o-left a { color: #666666;}

.footer-bottom .o-left a:hover, .footer-bottom .o-right a:hover { color: #eeeeee;}

.footer-bottom .o-right {}

.footer-bottom .o-right a { margin: 0 1rem; color: #666666;}

.footer-bottom .o-right a:last-child { margin-right: 0;}
.footer-blogroll{
    padding-top:2rem;
}
.footer-blogroll .title { font-size: .8rem; color: #FFFFFF; width: 5rem;}

.footer-blogroll .blogroll-list { width: calc(100% - 5rem); margin-top: -0.1rem;}

.footer-blogroll .blogroll-list a { font-size: .7rem; line-height: 1.1rem; color: #FFFFFF; opacity: .7; margin-right: 1.5rem;}

.footer-blogroll .blogroll-list a:hover { opacity: 1;}

/*E footer-container*/
.banner { background: top center no-repeat; height: 48.5rem; max-height: 100vh; background-size: cover; text-align: center; color: #FFFFFF; position: relative;}

.banner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #372E22; opacity: 0.3; z-index: 1;}

.banner:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 50%; opacity: .4; background: linear-gradient(to bottom, #000, transparent); z-index: 1;}

.banner .banner-text {max-width: 983px;position: relative;z-index: 2;/* padding-bottom: 6vh; *//* padding-top: 2vh; */text-align: center;}

.banner .tips { font-size: 1.2rem; font-family: "DIN-Bold"; /* font-family: PingFangSC-Semibold, sans-serif; */}

.banner .tips span { opacity: .3;}

.banner .title { font-size: 3rem; padding: 1rem 0 1.1rem 0; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold;}

.banner .desc { font-size: 1.2rem;}

.news-module { padding: 4.5rem 0 .5rem;}

.news-module .right { width: 100%; padding-top: 2.5rem; padding-bottom: 1rem;}

.news-module .left .swiper-slide, .news-module .right .swiper-slide { display: inline-block; width: auto;}

.news-module .left a, .news-module .right a { /* float: left; */ line-height: 2.75rem; /*margin-right: 1rem;*/ font-size: .9rem; padding: 0 1.25rem; border-radius: 30px; transition: all 0.3s ease-in-out; min-width: 6rem; text-align: center; color: #222; background: #f5f5f5; box-sizing: border-box;}

.news-module .left a:hover, .news-module .left a.on, .news-module .right a:hover, .news-module .right a.on { font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; background: #e60012;}

.news-module .footer-border > .input { border-color: #ececec; background: #FFFFFF; min-width: 17rem; color: #222222; font-size: .8rem; background: url('../fonts/icon-search.svg') 1rem center no-repeat; padding-left: 2.5rem;}

.news-module .footer-border > .input::placeholder { color: #999;}

.news-module .footer-border button { line-height: 2.5rem; height: 2.5rem; cursor: pointer; color: #fff; border-radius: 30px; min-width: 6rem; font-size: 0.9rem;}

.news-module .footer-border button:hover { /*background: transparent; */ opacity: .9}

.news-module .footer-border button svg { width: 1rem;}

.news-module .footer-border > .input:focus { border: 1px solid rgba(0, 0, 0, 0.2);}

.news-module .result-list {}

.news-module .result-list a { font-size: .7rem; line-height: 1; color: #999999; transition: all 0.3s ease-in-out; margin: 0 0 0.6rem 0.4rem; padding: 0.2rem 0.8rem; background: #f7f7f7; border-radius: .15rem; line-height: 1.5rem; font-size: 14px;}

.news-module .result-list a:hover { background: #e60012; color: #fff;}

.news-list {}

.news-list li:nth-child(1), .news-list li:nth-child(2), .news-list li:nth-child(3) { border-top: 0;}

.news-list li { width: 33.3%; position: relative; float: left; box-sizing: border-box; border-top: 1px solid #eaeaea; padding: 2.5rem 0; transition: all .5s;}

.news-list .slick-list { overflow: visible;}

.news-list li:after { content: ''; display: block; position: absolute; background: #ececec; width: 1px; height: calc(100% - 5rem); top: 2.5rem; left: 0;}

.news-list li:nth-child(3n - 2):after { display: none;}

.news-list li:nth-child(3n - 1) a, .index-section5 .news-list li a { animation-delay: .15s;}

.news-list li:nth-child(3n) a { animation-delay: .3s;}

.news-list li a { display: block; box-sizing: border-box; padding: 3.5rem 3rem 4rem; position: relative; border-radius: .5rem; overflow: hidden; transition: all .5s; box-shadow: 0 0x 0 0 rgba(118, 113, 150, 0);}

.news-list .type { font-size: .9rem; color: #e60012;}

@keyframes opacity1 { 0% {opacity: 1; } 49% {opacity: 1; } 51% {opacity: 0; } 100% {opacity: 0; }}

@-webkit-keyframes opacity1 { 0% {opacity: 1; } 49% {opacity: 1; } 51% {opacity: 0; } 100% {opacity: 0; }}

/*animation: .65s opacity1 0s infinite;*//*-webkit-animation:.65s opacity1 0s infinite;*/
.news-list .type i { width: .4rem; height: .4rem; background: #e60012; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 0.5rem;}

.news-list .title { font-size: 1.2rem; color: #222222; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; margin: 1rem 0;}

.news-list .desc { font-size: .8rem; line-height: 1.6; color: #666666;}

.news-list .bg { width: 100%; height: 11.5rem; overflow: hidden; position: relative; margin: 1rem 0 3rem;}

.news-list .picture { position: absolute; top: -5%; left: -5%; width: 110%; height: 110%; background: center center no-repeat; background-size: cover; transition: all 0.3s ease-in-out;}

.news-list a:hover .picture { top: 0; left: 0; width: 100%; height: 100%;}

.news-list .button { line-height: 1.5rem; font-size: .8rem; color: #999999;}

a:hover .more-icon { background: #CB3030;}

.news-list a:hover .button { color: #CB3030;}

.more-icon { position: relative; display: inline-block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; background: #999999; vertical-align: middle; margin-right: 1rem; border-radius: 50%; overflow: hidden; transition: all 0.3s ease-in-out;}

.more-icon i { position: absolute; top: calc(50% - 0.15rem); left: calc(50% - 0.25rem); transform: rotate(135deg); width: 0.3rem; height: 0.3rem; border-top: 1px solid rgba(255, 255, 255, 1); border-left: 1px solid rgba(255, 255, 255, 1);}

.neiye-pagetion { text-align: center; padding: 1rem 0 4.3rem;}

.neiye-pagetion a { width: 2.75em; height: 2.75em; border-radius: 50%; font-size: 0.8rem; text-align: center; color: #999999; line-height: 2.75em; vertical-align: top; transition: all 0.3s ease-in-out; margin: 0 .4rem; border: 1px solid #ececec; box-sizing: border-box; overflow: hidden;}

.neiye-pagetion .more-icon { width: 100%; height: 100%; display: block; background: transparent;}

.neiye-pagetion a.on, .neiye-pagetion a:hover { background: #CB3030; color: #FFFFFF;}

.neiye-pagetion .more-icon i { border-color: #999999; top: calc(50% - 0.25rem); left: calc(50% - 0.4rem); width: 0.5rem; height: 0.5rem; transition: all 0.3s ease-in-out;}

.neiye-pagetion a.on .more-icon i, .neiye-pagetion a:hover .more-icon i { border-color: #FFFFFF;}

.neiye-pagetion .icon.prev { transform: rotate(180deg);}

.nav-section { position: absolute; top: 2.5rem; left: 0px; z-index: 16; width: 100%;}

.navigation_list.fixed.gobottom { /* margin-top: 0px; *//* top: 8.5rem; */}

.navigation_list.fixed.gotop { margin-top: -6rem;}

.navigation_list { position: relative; font-weight: bolder; box-sizing: border-box; text-align: center;}

.navigation_list.fixed { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100; zoom: 0.7;}

.navigation_list a { display: inline-block; color: rgb(153, 153, 153); margin-left: 4rem; font-size: 1.8rem; font-weight: 500; position: relative; z-index: 5; box-sizing: border-box; transition: all 0.25s ease-in-out 0s;}

.navigation_list a:first-child { margin-left: 0px;}

.navigation_list a:hover, .navigation_list a.on { color: rgb(0, 170, 126);}

.navigation_list .boxs {}

.navigation_list .wrapper { display: inline-block;}

.navigation_list .line { width: 0px; height: 3px; background: rgb(0, 170, 126); content: ""; position: absolute; bottom: -2px; left: 0px; z-index: 2; transition: all 0.4s ease-in-out 0s;}

.have-header-black { padding-top: 7rem;}

.container-404 { background: url("../images/bg-404.png") center center no-repeat; padding: 7rem 0; background-size: cover;}

.container-404 .icon { width: 36rem; margin: auto; max-width: 100%;}

.container-404 .tips { font-size: 1.1rem; font-weight: 500; color: #999999; line-height: 1.7rem; text-align: center; padding: 4rem 0 2.2rem;}

.container-404 .tips span { color: #CB3030;}

.container-404 .button-list { text-align: center;}

.container-404 .button-list a { width: 12rem; height: 3.5rem; line-height: 3.5rem; font-size: 1.1rem; font-weight: 400; border-radius: 35px; text-align: center; box-sizing: border-box; display: inline-block; vertical-align: top; margin: 0 0.7rem;}

.container-404 .button-list .to-home { background: #E60012; color: #FFFFFF;}

.container-404 .button-list .to-return { color: #333333; border: 1px solid #333333; transition: all .3s ease-in-out;}

.container-404 .button-list .to-return:hover { background: #333333; color: #FFFFFF;}

.case-container { background-color: #f9f9f9;}

.case-slogan { font-size: 1.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; line-height: 2.4rem;}

.case-slogan .box { padding: 6.7rem 0 3.5rem; border-bottom: 1px solid rgba(0, 0, 0, .2);}

.case-module { width: 100%; padding: 3.5rem 0;}

.case-module .left { width: 100%;}

.case-list .info { padding: 2rem 2.2rem 0; box-sizing: border-box;}

.case-list .list { width: 100%;}

.case-list li { width: calc(33.3% - 2.67rem); margin-bottom: 3.5rem;}

.case-list li:nth-child(3n) { animation-delay: .3s;}

.case-list li:nth-child(3n -1) { margin-left: 4rem; margin-right: 4rem; animation-delay: .15s;}

.case-list a { display: block; position: relative; background: #FFFFFF; padding-bottom: .5rem; border-width: 1px; border-color: rgba(242, 242, 242, 0.61); border-style: solid; transition: all .5s ease;}

.case-list a:hover { background-color: #fff; box-shadow: 0 1.7rem 2.5rem 0px rgba(23, 31, 50, 0.15); transform: translateY(-0.8rem);}

.case-list a:after { content: ''; width: 0; left: 50%; bottom: 0; transform: translateX(-50%); height: .3rem; background: #E60012; position: absolute; transition: all .5s ease-in-out;}

.case-list a:hover:after { width: 100%;}

.case-list .title { font-size: 1.3rem; margin: 0 0 1.1rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; line-height: 1.7rem;}

.case-list .desc { font-size: .9rem; line-height: 1.5rem; color: #444444;}

.case-list .bg { width: 100%; height: 14rem; overflow: hidden; position: relative;}

.case-list .picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; transition: all 0.3s ease-in-out;}

.case-list a:hover .picture { top: -2%; left: -2%; width: 104%; height: 104%;}

.case-list .button { margin-top: 2.2rem; line-height: 1.5rem; padding: 1.3rem 0; font-size: .8rem; color: #999999; border-top: 1px solid #ECECEC;}

.case-list .button span { width: calc(100% - 4rem); display: block;}

/* S cooperation */
.cooperation-section1 { background: center bottom no-repeat; background-size: cover;}

.cooperation-section2 { background: center center no-repeat; background-size: cover; position: relative; min-height: 48.5rem; overflow: hidden;}

.cooperation-section2:before { content: ''; opacity: .6; position: absolute; top: 0; width: 100%; height: 100%; background: #000000;}

.cooperation-section2 .common-title { position: relative; z-index: 4;}

.cooperation-section2 .box { position: relative; z-index: 3;}

.cooperation-section2 .common-title * { color: #FFFFFF !important;}

.adv-list { position: absolute; top: 0; left: 2%; width: 96%; z-index: 2;}

.adv-list li { text-align: center; width: 20%; box-sizing: border-box; padding: 20rem 3rem 5rem; min-height: 48.5rem; position: relative; transition: all .5s ease-in-out;}

.adv-list .adv-top {}

.adv-list .adv-icon { margin: 0 auto; border-radius: 100%; width: 8rem; height: 8rem; position: relative; border: 1px dashed rgba(255, 255, 255, .5); line-height: 7.9rem; box-sizing: border-box; text-align: center; padding: .65rem; transition: all .5s ease-in-out;}

.adv-list li.on { background: #e70014;}

.adv-list li.on .adv-icon:before, .adv-list li.on + li .adv-icon:before, .adv-list li.on:last-child .adv-icon:after { display: none;}

.adv-list li:last-child .adv-icon:after, .adv-list .adv-icon:before { content: ''; display: block; position: absolute; top: 50%; right: 100%; margin-top: -0.5px; width: 10.6vw; height: 0; border-bottom: 1px dashed rgba(255, 255, 255, .5);}

.adv-list li:last-child .adv-icon:after { left: 100%;}

.adv-list .adv-icon .icon { border: 1px dashed rgba(255, 255, 255, .5); border-radius: 100%; line-height: 6.5rem;}

.adv-list .adv-icon img { width: 2.5rem;}

.adv-list .adv-name { font-size: 1.2rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; margin: 2rem 0 3.6rem; transition: all .5s ease-in-out;}

.adv-list li.on .adv-name, .adv-list li.on .adv-icon { transform: translateY(-2rem);}

.adv-list .adv-info { font-size: .8rem; font-weight: 500; color: #FFFFFF; line-height: 1.3rem; opacity: 0; transition: all .5s ease-in-out;}

.adv-list li .no { position: absolute; text-align: center; font-size: 0.7rem; color: #FFFFFF; width: 100%; bottom: 4rem; left: 0; opacity: 0; transition: all .5s ease-in-out;}

.adv-list li.on .adv-info, .adv-list li.on .no { transform: translateY(0); opacity: 1;}

.plan-container-list { /*width: 92.5%;*//*margin-left: 7.5%;*/}

.plan-container-list .bg { background: center center no-repeat; background-size: cover; width: 100%; height: 26.5rem; border-radius: .75rem; overflow: hidden; position: relative;}

.plan-container-list .bg:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000000; opacity: .25; z-index: 1;}

.plan-container-list .info { position: relative; z-index: 3; color: #FFFFFF; padding: 6.5rem 6rem; box-sizing: border-box;}

.plan-container-list .t1 { font-size: 1.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; line-height: 1; padding-bottom: 1.5rem;}

.plan-container-list .t2 { font-size: .8rem; font-weight: 500; line-height: 1.5rem;}

.job-container .banner { height: 30rem;}

.job-container .banner .banner-text { -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); border-radius: 30px; width: 25.2rem; height: 3rem; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.6); position: relative; padding: 0; max-width: 90%; margin: auto;}

.job-container .banner .banner-text input { width: 100%; line-height: 3rem; height: 3rem; font-size: .8rem; color: #FFFFFF; background: transparent; border: 0; box-sizing: border-box; padding-left: 1.5rem;}

.job-container .banner .icon-search { background: url("../images/icon-search.svg") center center no-repeat #FFFFFF; border-radius: 50%; width: 2rem; position: absolute; height: 2rem; top: calc(50% - 1rem); right: 1rem; background-size: 1rem 1rem; transition: all .3s;}

.job-container .banner .icon-search:hover { background-size: 1.1rem 1.1rem;}

/* S  12-01 *//* common */
.pro-info-container { background: #f9f9f9;}

.pro-d-header { padding: 4.5rem 0;}

.pro-d-header .left { width: 36%; margin-right: 14%;}

.pro-d-header .title { font-size: 2rem; color: #000000; font-family: PingFang-SC-Heavy, sans-serif; font-weight: bold;}

.pro-d-header .note { font-size: .8rem; color: #666666; padding: 1.5rem 0 3rem; border-bottom: 1px solid #dddddd;}

.pro-d-header .info { font-size: .8rem; color: #666666; padding: 2.5rem 0; min-height: 7rem;}

.pro-d-header .button-list {}

.pro-d-header .button-list a { width: 13rem; border-radius: 30px; height: 2.75rem; line-height: 2.75rem; box-sizing: border-box; text-align: center; font-size: .8rem; color: #FFFFFF; padding: 0 1rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; background: #000000;}

.pro-d-header .button-list a:first-child { background: #E60012; margin-right: 1.5rem;}

.pro-d-header .right { width: 50%; border-radius: 1rem; overflow: hidden;}

.pro-d-header .swiper-button { background: url("../fonts/icon-pro-button-default.svg"); background-size: cover;}

.pro-d-header .swiper-button:hover { background: url("../fonts/icon-pro-button.svg"); background-size: cover;}

.pro-d-header .swiper-button-next { transform: rotate(180deg);}

.pro-d-header .swiper-pagination-bullet { width: 7px; height: 7px; box-sizing: border-box; display: inline-block; border-radius: 30px; background: #fff; /* opacity:.2 *//*border: 1px solid #a9a9a9; */ position: relative; margin: 0 20px;}

.pro-d-header .swiper-pagination-bullet:first-child { margin-left: 0 !important;}

.pro-d-header .swiper-pagination-bullet:last-child { margin-right: 0 !important;}

.pro-d-header .swiper-pagination-bullet-active:after { content: ''; z-index: -1; position: absolute; top: -7px; left: -8px; display: block; width: 21px; height: 21px; border-radius: 50%; border: 1px solid #fff; clip-path: circle(50% at -13px); transform-origin: center center; animation: circle 3.2s linear forwards;}

.pro-d-header .swiper-pagination-bullet-active:before { content: ''; position: absolute; top: -8px; left: -8px; display: block; width: 21px; height: 21px; border-radius: 50%; transform: rotate(90deg); border: 1px solid #fff; clip-path: circle(50% at -12px); transform-origin: center center; animation: circle2 3.2s linear forwards 3.2s;}

@-webkit-keyframes circle2 { 0% {clip-path: circle(50% at -11px);transform: rotate(180deg); } 100% {clip-path: circle(50% at 9px);transform: rotate(270deg); }}

@-webkit-keyframes circle { 0% {clip-path: circle(50% at -11px);transform: rotate(0deg); } 100% {clip-path: circle(50% at 9px);transform: rotate(90deg); }}

.common-crumb { margin-top: 2.5rem; font-size: 0.8rem; font-weight: 400; color: #999999; line-height: 1.5;}

.common-crumb .left { width: calc(100% - 6rem);}

.common-crumb a.right { color: #000000; font-size: .9rem;}

.common-crumb a.right img { width: 0.7rem; margin-right: .5rem;}

.common-crumb a { font-size: 0.8rem; font-weight: 400; color: #999999;}

.common-crumb-item { color: #333;}

.common-page-title { padding-top: 2.5rem; padding-bottom: 2.9rem; font-size: 1.8rem; font-family: SourceHanSansCN; font-weight: 500; color: #191919; text-align: center;}

/* common *//* site-map */
.site-map-list { margin-bottom: 5.7rem; /* display: flex;justify-content: center; */ border-top: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1);}

.site-map-box { width: calc((100% - 11.5rem) / 7); min-height: 27.4rem; border-right: 1px solid rgba(0, 0, 0, .1); box-sizing: border-box;}

.site-map-box:first-child { width: 5rem;}

.site-map-box:first-child .list-box-title { text-align: left;}

.site-map-box:last-child { width: 6.3rem; border-right: 0;}

.site-map-container .list-box-title { padding-top: 2.4rem; padding-bottom: 1.3rem; text-align: center; color: #000; display: block;}

.site-map-box:last-child .list-box-title { text-align: right;}

.site-map-container .list-box-item { text-align: center; width: calc(100% + 1px); margin-left: -1px;}

.site-map-container .box-item-text { position: relative; width: 100%; font-size: 0.8rem; font-weight: 500; color: #666666; height: 2.3rem; line-height: 2.3rem;}

.site-map-container .box-item-text:hover { color: #E60012;}

.site-map-container .box-item-text:before { position: absolute; top: 50%; left: 0; content: ''; display: inline-block; width: 2px; height: 0; background-color: #E60012;}

.site-map-container .box-item-text:hover:before { top: calc((2.3rem - 1rem) / 2); height: 1rem; transition: all .3s ease-in-out;}

/* site-map *//* privacy-policy */
.privacy-policy-list { margin-bottom: 5.6rem; width: 74%; margin: auto;}

.privacy-policy-item { margin-bottom: 2.9rem;}

.privacy-policy-title { margin-bottom: 1.3rem; font-size: 1.5rem; font-family: SourceHanSansCN; font-weight: 500; color: #000000;}

.privacy-policy-title:last-child { margin-bottom: 0;}

.privacy-policy-content { font-size: 0.7rem; font-family: SourceHanSansCN; font-weight: 400; color: #666666; line-height: 1.2rem;}

/* privacy-policy *//* disclaimers-box */
.disclaimers-box { border-top: 0.1rem solid #EEEEEE; margin-bottom: 6.4rem; padding-top: 2rem; position: relative; z-index: 1;}

.disclaimers-container .box { width: 62.5%;}

.catalogue-list { position: relative; width: 14%; box-sizing: border-box; /* border-left: 0.1rem solid #D9D9D9; */}

.catalogue-list.fixed { position: fixed; top: 10rem; left: 18.75%;}

.catalogue-list .line { width: 0.1rem; height: 2rem; background: #FC4F00; content: ""; position: absolute; top: 0; left: -0.5rem; z-index: 2; transition: all 0.4s ease-in-out 0s;}

.catalogue-list:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 0.1rem; height: 100%; background-color: #D9D9D9;}

.catalogue-list .catalogue-navigation-list {}

.catalogue-list .catalogue-navigation-list a { position: relative; padding-left: 1.1rem; color: #888; display: block; box-sizing: border-box; font-size: .7rem; line-height: 1.5rem; margin: 1rem 0; border-left: 2px solid transparent;}

.catalogue-list .catalogue-navigation-list a.on { border-left: 2px solid #FC4F00;}

.catalogue-list .on { position: relative;}

.disclaimers-list li { padding-bottom: 3rem;}

.disclaimers-list .info-title { padding-bottom: 1.3rem; font-size: 1.5rem; font-weight: 500; color: #000000;}

.disclaimers-list .info-desc { font-size: 0.7rem; font-weight: 400; color: #666666; line-height: 1.2rem;}

.catalogue-list .on:before { /* position: absolute;top: 0;left: -0.5rem;content: '';display: inline-block;width: 0.1rem;height: 2rem;background: #FC4F00; */}

.disclaimers-list { width: 73.5%; float: right; display: block;}

/*#pro1 {*//*    margin-bottom: 3rem;*//*}*//*#pro2 {*//*    margin-bottom: 3rem;*//*}*//*#pro3 {*//*    margin-bottom: 2.9rem;*//*}*//*#pro4 {*//*    margin-bottom: 2.8rem;*//*}*//*#pro5 {*//*    margin-bottom: 2.9rem;*//*}*//*#pro6 {*//*    margin-bottom: 2.9rem;*//*}*//*#pro7 {*//*    margin-bottom: 2.5rem;*//*}*//*#pro8 {*//*    margin-bottom: 2.4rem;*//*}*//* disclaimers-box *//* E  12-01 *//* S 12-03 *//* contact-us */
.contact-us-container .box-info { padding: 6rem 0 6.5rem 0; display: flex; justify-content: flex-start; align-items: flex-start; background-color: #fff;}

.contact-us-info { padding-top: 2rem; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; box-sizing: border-box; width: calc(50.5% - 3.6rem);}

.contact-us-info li { padding-top: 5rem}

.contact-us-info li:first-child { padding-top: 0}

.contact-us-info .info-flex-box { width: 100%;}

.contact-us-map-img { position: relative; margin-right: 4rem; width: 73%; padding: 40% 0 0; /* border-radius: 1rem; */ overflow: hidden; /* height: auto; */}

.contact-us-map-img img { width: 100%; height: 100%;}

.contact-us-info-flex .icon { width: 2.75rem;}

.contact-us-info-flex .info-flex-position-icon { margin-right: 1.4rem; width: 0.8rem; height: 0.9rem;}

.info-flex-cooperate-icon { margin-right: 1.4rem; width: 1.1rem; height: 0.9rem;}

.contact-us-info-flex .info-flex-title { margin-bottom: 1.2rem; font-size: 0.8rem; color: #000000;}

.contact-us-info-flex .info-flex-content { font-size: 1rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000;}

.contact-us-info-flex .info-flex-email { margin-top: 0.1rem; margin-bottom: 0.6rem;}

.contact-us-info-flex .info-flex-note { font-size: 0.8rem; color: #666666;}

.contact-us-info-flex .info-flex-phone { font-size: 0.9rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; margin: 0 0 .7rem;}

.contact-us-container .box-form { /* padding: 0 0 6.2rem 0;background: #F6F6F6; */ padding: 0 0 7rem 0; background: #f6f6f6;}

.common-title .box-form-main-title { font-size: 2.3rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; text-align: center; padding-top: 5.6rem;}

.common-title .box-form-subtitle { padding-top: 1.7rem; padding-bottom: 2.5rem; font-size: 1rem; color: #666666; text-align: center;}

.contact-us-container .box-form .box-form-box { padding: 4.3rem 4.8rem 3.1rem 4.7rem; background-color: #fff; box-shadow: 0 .7rem 2.7rem 0 rgba(58, 58, 58, .2); border-radius: 0.5rem;}

.contact-us-container .box-form .box-form-item { width: calc(50% - 2.25rem);}

.contact-us-container .box-form .box-form-item:nth-child(odd) { margin-bottom: 3.3rem; float: left;}

.contact-us-container .box-form .box-form-item:nth-child(even) { margin-bottom: 3.3rem; float: right;}
.contact-us-container .box-form .box-form-item:nth-last-child(2){
    width:100%;
}
.contact-us-container .box-form .box-form-item:nth-child(5) { float: left; width: 100%;}

.clear { clear: both;}

.contact-us-container .box-form .box-form-item .box-form-input {.contact-us-container .box-form .box-form-item  textarea{height:150px;}width: 100%;box-sizing: border-box;resize: none;}
.contact-us-container .box-form .box-form-item  textarea{height:150px;width: 100%;}
.channel-cooperation-apply.contact-us-container .box-form .box-form-item .box-form-input { padding: 0 1.4rem; line-height: 3rem;}

.contact-us-container .box-form .box-form-item:nth-child(5) .box-form-input { resize: none; width: 100%;}

.contact-us-container .box-form .title { font-size: 0.8rem; font-weight: 500; color: #444444;}

.contact-us-container .box-form .box-form-input { border: 0; border-bottom: 1px solid rgba(68, 68, 68, .1); padding: 1.4rem 0; font-size: 0.8rem; color: #222; line-height: 1rem;}

.contact-us-container .box-form .box-form-note { padding-top: 1.9rem; font-size: 0.8rem; color: #999999;}

.contact-us-container .box-form .box-form-note a { color: #000;}

.contact-us-container .box-form .btn-box { margin-top: 2.5rem; width: 100%;}

/* contact-us *//* common */
.btn, a.btn { padding: 0.5rem 0.5rem 0.5rem 1.4rem; background: #E60012; border-radius: 1.2rem; display: inline-block;}

.btn:hover, a.btn:hover { background: #CB3030;}

.btn-text { float: left; margin-right: 1.4rem; line-height: 1.5rem; height: 1.5rem; font-size: 0.8rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF;}

.btn .more-icon { margin-right: 0; float: right; width: 1.5rem; height: 1.5rem; background: #fff;}

.btn .more-icon i { border-top: 1px solid #E60012; border-left: 1px solid #E60012;}

.btn:hover .more-icon { background: #fff;}

.btn:hover .more-icon i { border-top: 1px solid #CB3030; border-left: 1px solid #CB3030;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /*WebKit browsers*/ color: #999;}

input::-moz-input-placeholder, textarea::-moz-input-placeholder { /*Mozilla Firefox*/ color: #999;}

input::-ms-input-placeholder, textarea::-ms-input-placeholder { /*Internet Explorer*/ color: #999;}

/* common *//* popup */
.popup { display: none; position: fixed; top: 0; left: 0; z-index: 99999; /* margin: auto; */ width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, .6);}

.popup > div { height: 100%;}

.popup-box { width: 62.5%; border-radius: .5rem; overflow: hidden;}

.popup-box-left { width: 33%; background: url("../images/popup-bg-img.png") center bottom no-repeat; background-size: cover;}

.popup-box-left .popup-logo-img { margin-top: 5.3rem; width: 8.9rem;}

.popup-box-left .popup-concat-flex:nth-child(1) { margin-bottom: 1.1rem;}

.popup-box-left .popup-concat-flex img { margin-right: 1.1rem;}

.popup-box-left .popup-concat-flex:nth-child(1) img { width: 1rem; height: auto;}

.popup-box-left .popup-concat-flex:nth-child(2) img { width: 1.1rem; height: auto;}

.popup-box-left .popup-concat-flex p { font-size: 1.1rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF;}

.popup-box-left .popup-bottom-text { padding-top: 4.6rem; padding-bottom: 1.8rem; width: 100%;}

.popup-box-left .popup-bottom-text a { font-size: 0.7rem; color: #FFFFFF;}

.popup-box-left .popup-bottom-text a:nth-child(1) { position: relative; padding-right: 0.9rem;}

.popup-box-left .popup-bottom-text a:nth-child(1):before { content: ''; position: absolute; top: calc((100% - 0.7rem) / 2); right: 0; display: inline-block; width: 1px; height: 0.7rem; background-color: #fff;}

.popup-box-left .popup-bottom-text a:nth-child(2) { padding-left: 0.9rem;}

.popup-box-right { position: relative; width: 67%; padding: 3.1rem 2.5rem 3.3rem 3rem; background-color: #fff; display: inline-block; box-sizing: border-box;}

.popup-close-box { position: absolute; top: 1.6rem; right: 1.6rem;}

.popup-box-right .popup-main-title { font-size: 1.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #333333;}

.popup-box-right .popup-subtitle { padding-top: 1rem; padding-bottom: 0.7rem; font-size: 0.75rem; color: #333333;}

.popup-box-right .popup-tip { font-size: 0.8rem; color: #E60012;}

.popup-box-right .popup-info-box { padding-top: 2.1rem; width: 100%;}

.popup-box-right .box-form-item { width: calc((100% - 2rem) / 2); padding-bottom: 0.8rem; border-bottom: 1px solid rgba(68, 68, 68, .1);}

.popup-box-right .box-form-item:nth-child(1) { float: left;}

.popup-box-right .box-form-item:nth-child(2) { float: right;}

.popup-box-right .box-form-item:nth-child(3) { float: left; width: 100%; border: 0;}

.popup-box-right .title { padding-right: 1.1rem; font-size: 0.8rem; height: 1.1rem; font-weight: 500; color: #666666;}

.popup-box-right .box-form-item:nth-child(3) .title { padding-top: 2.2rem; padding-bottom: 0.5rem;}

.popup-box-right .box-form-input { border: 0; height: 1.1rem; font-size: 0.8rem; color: #222; line-height: 1rem;}

.popup-box-right .box-form-textare { padding: 0.8rem 1.1rem; resize: none; border: 1px solid rgba(68, 68, 68, .1); width: 100%; min-height: 5.7rem; box-sizing: border-box;}

.popup-box-right .popup-note { padding-top: 1.1rem; padding-bottom: 1.8rem; font-size: .7rem; color: #999999; line-height: 1.1rem;}

.popup-box-right .popup-note a { display: inline; color: #333333;}

.popup-box-btn { padding: 0 0 0 1.6rem; background: #E60012; border-radius: 0; width: 9.5rem; line-height: 3rem; max-width: 100%; box-sizing: border-box;}

.popup-box-btn .btn-text { font-size: 0.8rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; line-height: 3rem; transition: all .3s; margin-right: 0;}

.popup-box-btn:hover { background: #E60012;}

.popup-box-btn .btn-icon { width: 0.9rem; height: 0.5rem; margin-left: 1.8rem; transition: all .3s}

.popup-box-btn:hover .btn-icon { margin-left: 2.5rem;}

/* popup *//* solution *//* solution *//* news-D */
.news-d-sum { padding: 4.75rem 0 0;}

.news-details-container .title { padding-bttom: 3.1rem; width: 100%; font-size: 2rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000;}

.news-details-info-box { padding-top: 1.2rem; padding-bottom: 1.2rem; border-bottom: 1px solid #EAEAEA;}

.news-details-info-box p { font-size: 0.8rem; color: #999999;}

.news-details-info-box .news-details-info-flex { padding-right: 0.5rem;}

.news-details-info-box .news-details-info-flex p { margin-right: 0.1rem;}

.news-details-info-box .img { margin-left: 1.1rem; width: 0.9rem; height: 0.8rem; position: relative;}

.news-details-info-box .img.weibo { background: url('../images/details-icon1.svg') no-repeat center center; background-size: 100% 100%;}

.news-details-info-box .img.weibo:hover { background: url('../fonts/details-icon1-1.svg') no-repeat center center; background-size: 100% 100%;}

.news-details-info-box .img.weixin { background: url('../fonts/details-icon2.svg') no-repeat center center; background-size: 100% 100%;}

.news-details-info-box .qrcode { position: absolute; background: #FFFFFF; padding: 0 15px; top: 120%; display: none; left: -100px; line-height: 3; text-align: center; font-size: .8rem; z-index: 100; box-shadow: 0 0 15px rgba(0, 0, 0, .2);}

.news-details-info-box .img:hover .qrcode { display: block;}

.news-details-info-box .img.weixin:hover { background: url('../fonts/details-icon2-1.svg') no-repeat center center; background-size: 100% 100%;}

.news-details-info-box .img.zhihu { width: 0.85rem; height: 0.85rem; background: url('../fonts/details-icon3.svg') no-repeat center center; background-size: 100% 100%;}

.news-details-info-box .img.zhihu:hover { background: url('../fonts/details-icon3-1.svg') no-repeat center center; background-size: 100% 100%;}

.news-details .btn-box { padding-bottom: 2.3rem; border-bottom: 1px solid rgba(49, 49, 49, .1);}

/*.wx-qrcode-wrapper .mask{*//*    position: fixed;*//*    top:0;*//*    left:0;*//*    width: 100vw;*//*    height:100vh;*//*    background: #000000;*//*    opacity: .5;*//*    z-index: 1000;*//*}*/
.wx-qrcode-wrapper .wx-qrcode { width: 200px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1010; background: #FFFFFF; border-radius: .5rem; text-align: center; font-size: 1rem; line-height: 3; padding: 15px;}

.btn-box .ordinary-btn { padding: 0.5rem 0.8rem; margin-right: 1rem; background: #F5F5F5; border: 1px solid #F5F5F5; border-radius: 1rem; display: inline-block; font-size: 0.7rem; transition: all .3s; color: #666666;}

.btn-box .ordinary-btn:hover, .channel-cooperation-apply .ordinary-btn.ordinary-btn-active { background: #E60012; color: #fff;}

.channel-cooperation-apply .ordinary-btn:hover { background: #ddd; color: #444444;}

.channel-cooperation-apply .ordinary-btn.ordinary-btn-active:hover { background: #CB3030; color: #fff;}

.channel-cooperation-plan .btn-box .ordinary-btn { padding: 0.5rem 2.25rem; margin-right: 0; border-radius: 30px; font-size: 0.8rem;}

.news-details .details-bottom-box { padding-bottom: 13.4rem; padding-top: 1.6rem; width: 100%;}

.news-details .details-bottom-box .btn { background: #e70014;}

.news-details .details-bottom-box .btn:hover { background: #CB3030;}

.news-details .details-bottom-flex { flex: 1; font-size: 0.8rem; color: #666666;}

.details-bottom-flex .details-bottom-text { display: block; color: #666666;}

.details-bottom-flex .details-bottom-text:hover { color: #e70014;}

.details-bottom-flex .details-bottom-text:nth-child(1) { margin-bottom: 1.4rem;}

.news-details { width: 66%; display: inline-block; box-sizing: border-box;}

.news-details .editor { padding: 1.75rem 0 2rem; font-size: .9rem; line-height: 1.8; color: #444444; font-weight: 100;}

.new-hot-box { width: 26.7%; display: inline-block; padding: .25rem 0 0;}

.new-hot-title { margin-bottom: 1.6rem; font-size: 1.2rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000;}

.new-hot-list li { margin-bottom: 2.5rem;}

.new-hot-list li a { display: block;}

.new-hot-list .new-hot-list-img { width: 100%; height: auto;}

.new-hot-list .new-hot-list-title { padding-top: 1.3rem; padding-bottom: 0.8rem; font-size: 0.9rem; color: #000000;}

.new-hot-list .new-hot-list-time { font-size: 0.8rem; font-weight: 500; color: #999999;}

/* news-D *//* E 12-03 *//* S 12-04 *//* solution */
.solution-container { position: relative;}

.content-nav-box { position: absolute; left: 0; bottom: 100%; width: 100%; -webkit-backdrop-filter: saturate(180%) blur(4px); backdrop-filter: saturate(180%) blur(4px); z-index: 2;}

.content-nav-box.fixed { top: 0; bottom: auto; z-index: 100; position: fixed;}

.content-nav-text { width: 50%; height: 100%; background-color: #000; font-size: 1.2rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #fff; opacity: .4; text-align: center; line-height: 7rem; transition: all .3s;}

.content-nav-box.fixed .content-nav-text { font-size: .9rem; line-height: 3rem;}

.content-nav-active, .content-nav-text.on, .content-nav-text:hover { color: #fff; background: #E60012; opacity: 1;}

.content-banner-box { position: relative; width: 100%; height: 25rem; background: center center no-repeat; margin-bottom: 4.7rem;}

.content-banner-view { position: relative; z-index: 1; width: 100%;}

.content-banner-img { width: 100%; height: auto;}

.content-banner-flex { position: absolute; top: 0; left: 7.5%; z-index: 9; width: 85%; height: 100%; font-weight: 500; color: #FFFFFF; line-height: 1.6; box-sizing: border-box;}

.content-banner-flex .content-banner-title { font-size: 2.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; display: block;}

.content-banner-flex .content-banner-text { font-size: 0.9rem; width: 52%;}

.content-title-box { padding-top: 1.5rem; padding-bottom: 2.9rem;}

.content-list-title-icon { width: 5.3rem;}

.content-list-title-icon:last-child { transform: rotateY(180deg); /* transform-style: preserve-3d; */}

.content-list-title-text { padding: 0 0.7rem; font-size: 2.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000;}

.content-list-box { width: 100%;}

.content-list-box:last-child { padding-bottom: 6.5rem;}

.content-list-item { display: inline-block; width: calc((100% - 9.6rem) / 3); margin-right: 4.4rem; margin-bottom: 4.5rem; vertical-align: top;}

.content-list-item:nth-child(3n-1) { animation-delay: .15s;}

.content-list-item:nth-child(3n) { animation-delay: .3s; margin-right: 0; margin-bottom: 4.5rem;}

.content-list-item .list-item-img { border-radius: 0.5rem;}

.content-list-item .list-item-title { padding-top: 1.9rem; padding-bottom: 1rem; font-size: 1.2rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #444444;}

.content-list-item .list-item-text { font-size: 0.8rem; font-weight: 400; color: #666666;}

.content-banner-box:after {content: '';position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);}

.content-list-box { margin-top: 4.7rem;}

.content-title-box + .content-list-box { margin-top: 0;}

/* solution *//* channel-cooperation */
.open-cooperation-bg { padding-bottom: 7rem; width: 100%;}

.open-cooperation-bg .open-cooperation-box { width: 100%; padding: 1.1rem 0 0;}

.open-cooperation-bg .open-cooperation-list { padding: 6.1rem 3.9rem 3rem 3.9rem; width: 30%; margin-right: 5%; background: #FFFFFF; box-shadow: 0 0.1rem 3rem 0 rgba(58, 58, 58, 0.2); border-radius: 1rem; text-align: center; box-sizing: border-box;}

.open-cooperation-bg .open-cooperation-list:nth-child(3n - 1) { animation-delay: 0.3s;}

.open-cooperation-bg .open-cooperation-list:nth-child(3n - 2) { animation-delay: 0.15s;}

.open-cooperation-bg .open-cooperation-list:nth-child(3n) { margin-right: 0; animation-delay: 0.45s;}

.open-cooperation-bg .open-cooperation-list .list-img { width: 3.5rem;}

.open-cooperation-bg .open-cooperation-list .list-title { margin: 2.6rem 0 2.4rem; font-size: 1.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000;}

.open-cooperation-bg .open-cooperation-list .list-text { margin-bottom: 4rem; font-size: 0.9rem; font-weight: 500; color: #666666; text-align: center;}

.open-cooperation-bg .open-cooperation-list .open-cooperation-num { width: 2rem; height: 2rem; line-height: 2rem; text-align: center; background: #F5F5F5; border-radius: 50%; font-size: 0.8rem; font-weight: 800; color: #E71324; margin: auto;}

.channel-cooperation-why { position: relative; /* margin-bottom: 2rem; */ width: 100%;}

.cooperation-why-bg-box { width: 100%;}

.cooperation-why-bg-img { width: 100%;}

.why-cooperation-title-box { position: absolute; left: 0; top: 12.6%; z-index: 999; width: 100%;}

.why-cooperation-title { padding-bottom: 1.9rem; font-size: 2.3rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF;}

.why-cooperation-subtitle { font-size: 0.9rem; font-weight: 500; color: #FFFFFF; text-align: center;}

.why-cooperation-box { position: absolute; left: 7.5%; top: 0; z-index: 2; height: 100%;}

.why-cooperation-item { padding-top: 18rem; padding-left: 2.9rem; padding-right: 2.9rem; width: calc((100% - 2.9rem * 10) / 5); height: calc(100% - 18rem); display: inline-block; /* background-color: pink; */ float: left;}

.why-cooperation-img-box { margin-bottom: 2rem; width: 7.8rem; height: 7.8rem; background: url('../images/channel-cooperation-list-bg-icon.png') center center no-repeat; background-size: 100% 100%;}

.why-cooperation-img-box img { width: 1.9rem; height: 1.9rem;}

.why-cooperation-item-title { margin-bottom: 3rem; font-size: 1rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; width: 100%; text-align: center;}

.why-cooperation-item-text { margin-bottom: 3rem; font-size: 0.8rem; font-weight: 500; color: #FFFFFF; width: 100%; text-align: center;}

.why-cooperation-item-num { font-size: 0.7rem; font-weight: 400; color: #FFFFFF; width: 100%; text-align: center; opacity: 0;}

.why-cooperation-item:hover { background: #E60012;}

.why-cooperation-item:hover .why-cooperation-item-num { opacity: 1;}

.channel-cooperation-plan { padding-bottom: 7rem;}

.channel-cooperation-apply { padding-bottom: 0; background: url('../images/channel-cooperation-banner3.png') center center no-repeat; background-size: cover;}

.cooperation-apply-title { margin-bottom: 3rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; width: 100%; text-align: center;}

.channel-cooperation-apply .box-form .box-form-item:nth-child(odd), .channel-cooperation-apply .box-form .box-form-item:nth-child(even) { margin-bottom: 1.4rem;}

.channel-cooperation-apply .box-form .box-form-input { border: 1px solid rgba(68, 68, 68, .1); border-radius: 0.5rem; padding: 1.1rem 1.4rem;}

.channel-cooperation-apply .box-form-item:nth-child(5), .channel-cooperation-apply .box-form-item:nth-child(6), .channel-cooperation-apply .box-form-item:nth-child(7) { width: 100%; float: left;}

.channel-cooperation-apply .box-form-item:nth-child(6) .check-box { font-size: 0.9rem; font-weight: 400; color: #000000;}

.channel-cooperation-apply .box-form-item:nth-child(6) .check-box label { position: relative; padding-left: 1.9rem; line-height: 1rem; min-width: 7rem;}

.channel-cooperation-apply .box-form-item:nth-child(6) .check-box input, .channel-cooperation-apply .box-form-item:nth-child(6) .check-box span { position: absolute; top: 0; left: 0;}

.channel-cooperation-apply .box-form .title { padding-bottom: 0.9rem;}

.channel-cooperation-apply .box-form-item:nth-child(7) .box-form-textare { padding: 0.8rem 1.1rem; resize: none; border: 1px solid rgba(68, 68, 68, .1); width: calc(100% - 1.1rem * 2); min-height: 6rem; font-size: 0.8rem; border-radius: 0.5rem;}

.channel-cooperation-apply .box-form .btn-box { margin-top: calc(2.1rem - 1.4rem); width: 100%;}

.channel-cooperation-apply .ordinary-btn { margin-right: 3rem; width: 11.5rem; height: 3rem; line-height: 3rem; text-align: center; padding: 0; font-size: .9rem; border-radius: 1.5rem;}

/* channel-cooperation *//* common */
.check-box label { cursor: pointer; /* margin-bottom: 1.1rem; */ display: inline-block;}

.check-box input[type="radio"], .check-box input[type="checkbox"] { margin: 0; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; box-sizing: border-box; border: 1px solid rgba(68, 68, 68, .1); border-radius: 0.1rem;}

input[type="radio"] + span, input[type="checkbox"] + span { width: 1rem; height: 1rem; line-height: .8rem; text-align: center; box-sizing: border-box; color: rgb(68, 114, 196); border-radius: 0.1rem; opacity: 0;}

input[type="radio"] + span img, input[type="checkbox"] + span img { width: 1rem; height: 1rem; border-radius: 0.1rem;}

input[type="radio"]:checked + span, input[type="checkbox"]:checked + span { opacity: 1;}

.channel-cooperation-apply.contact-us-container .box-form { margin-top: 3rem;}

.pc-media { display: block;}

.iphone-media { display: none;}

.pc-media.news-module { text-align: center;}

.pc-media.news-module a { margin-right: 1.5rem; display: inline-block;}

/* E cooperation *//*servie*/
.serve-section1 { background: url("../images/s-bg1.png") top center no-repeat; padding-top: 8.5rem}

.serve-section1 .info { padding-bottom: 7rem;}

.serve-section1 .left-info { font-size: 2.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; width: calc(100% - 45rem);}

.serve-section1 .right-info { width: 40rem;}

.serve-section1 .editor { font-size: .9rem; font-weight: 500; color: #444444; line-height: 1.5rem; text-align: justify;}

.serve-section1 .count-list { padding: 4.5rem 0 0;}

.count-list li { width: 30%; font-weight: 500; font-size: 1rem; color: #444444; line-height: 1; vertical-align: bottom;}

.count-list .num {}

.count-list .num span { vertical-align: top; line-height: 1; font-size: 3rem; font-family: DIN-Bold; font-weight: bold; color: #E60012; padding-right: 0.8rem; vertical-align: baseline;}

.count-list .num i { font-size: 1.4rem; font-family: DIN-Bold; font-weight: bold; color: #E60012; font-style: normal;}

.count-list .desc { padding-top: 1rem;}

.serve1-pic { border-radius: 1rem; overflow: hidden;}

.serve-section2 .content .picture { width: 45.6%; /* max-width: 700px; */}

.serve-section2 .content .lan { color: rgb(51, 51, 51); width: 45.6%; box-sizing: border-box; padding: 0 3rem 0 0; font-size: .9rem; color: #666666; line-height: 2;}

.serve-section2 .content li { margin-top: 7rem;}

.serve-section2 .content li:nth-child(even) { flex-direction: row-reverse;}

.serve-section2 .content .title { font-size: 2.3rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; padding: 3.2rem 0 2.4rem; line-height: 1;}

.serve-section2 .content .icon { width: 3.25rem; margin-top: 2.5rem;}

.serve-section2 .content dl { padding-top: 2rem; color: #333333;}

.serve-section2 .content dd { background: url("../images/icon-yes.svg") center left no-repeat; background-size: 1rem; padding-left: 2rem; box-sizing: border-box;}

.serve-section3 {}

.serve-section3 .content { position: relative; overflow: hidden;}

.serve-section3 .content:before { content: ''; position: absolute; top: 0; left: 0; z-index: 3; opacity: .5; background: #000000; width: 100%; height: 100%;}

.serve-section3 .bg-container { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%;}

.serve-section3 .bg-container { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%;}

.serve-section3 .pc-media { position: relative; width: 100%; height: 100%; /*height: 47.5rem;*/}

.serve-section3 .bg { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: center center no-repeat; background-size: cover;}

.serve-section3 .video-bg { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; object-fit: cover;}

.serve-section3 .list { position: relative; z-index: 4;}

.serve-section3 .list li { height: 23.75rem; width: 33.33%; padding: 6.5rem 6.5rem 0; box-sizing: border-box; border-top: 1px solid rgba(255, 255, 255, .2); border-right: 1px solid rgba(255, 255, 255, .2); color: #FFFFFF; text-align: center;}

.serve-section3 .list li:nth-child(1), .serve-section3 .list li:nth-child(2), .serve-section3 .list li:nth-child(3) { border-top: 0;}

.serve-section3 .list li:nth-child(3n) { border-right: 0;}

.serve-section3 .list .icon { width: 3rem; margin: auto;}

.serve-section4 { background: #FBFBFB; overflow: hidden;}

.nation-circle { position: absolute; left: 50%; top: 50%; display: flex; transition: all 1.5s; transform: translate(-50%, 0.9rem); width: 90px; line-height: 1.8rem; border-radius: 17px;}

.nation-01 { top: 45%; left: 74%; z-index: 4;}

.nation-02 { top: 80%; left: 57%}

.nation-03 { top: 61%; left: 64%}

.nation-04 { top: 72%; left: 77%}

.nation-05 { top: 55%; left: 60%}

.nation-06 { top: 32%; left: 40%}

.nation-07 { top: 40%; left: 70%}

.nation-08 { top: 55%; left: 75%}

.animated .nation-circle { opacity: 1; transform: translate(-50%, -50%) /*transform:translateY(0);*/}

.animated .nation-circle.nation-01 { transition-delay: 0.6s}

.animated .nation-circle.nation-02 { transition-delay: 0.1s}

.animated .nation-circle.nation-03 { transition-delay: 0.2s}

.animated .nation-circle.nation-04 { transition-delay: 0.3s}

.animated .nation-circle.nation-05 { transition-delay: 0.4s}

.animated .nation-circle.nation-06 { transition-delay: 0.5s}

.nation-circle .spread:nth-child(2) { animation-delay: 1s;}

.nation-circle .spread:nth-child(3) { animation-delay: 1.5s;}

.nation-circle .spread:nth-child(4) { animation-delay: 2s;}

.nation-circle .spread { background-color: rgba(230, 0, 8, .03); border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: -4rem; top: -50px; /*opacity: 0;*/ margin: 0; width: 280px; height: 280px; -webkit-animation: nation-circle 5s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite; animation: nation-circle 5s cubic-bezier(1, 2, 0.66, 3) infinite;}

.nation-circle .gray { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: rgba(51, 51, 51, 0.1); border-radius: 50%; padding: 0; line-height: 24px; /*margin-left: 10px;*/ position: relative;}

.nation-circle.lf-dot .gray { margin: 0 .5rem 0 0}

.nation-circle .gray:after { position: absolute; content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: #343333; top: 50%; left: 50%; transform: translate(-50%, -50%)}

.nation-circle i { display: block; position: absolute; top: 0; left: 0; margin: 85px 0 0 67px; width: 6px; height: 6px; background-color: #E60012; border-radius: 50%;}

.nation-circle p { color: #fff; border-radius: 50px; box-shadow: 10px 20px 20px 0px rgba(0, 0, 0, 0.18); background-color: #131111; white-space: nowrap; padding: 9px 10px; font-weight: 700; line-height: 1; font-size: 13px; letter-spacing: 0; text-transform: uppercase; display: inline-block; vertical-align: middle}

.nation-circle.logo p { /*position:absolute; top:0; left:0; */ background: transparent; padding: .2rem .5rem .5rem; margin-top: 3rem; background: #E60012; position: relative; z-index: 2;}

.nation-circle.logo p img { display: block;}

@keyframes nation-circle { 0% {-webkit-transform: scale(0);transform: scale(0);opacity: 0.5; } 50% {opacity: 1.0; } 100% {-webkit-transform: scale(1.7);transform: scale(1.7);opacity: 0; }}

.serve-section4 .map { width: 43.5rem; position: relative; margin-bottom: 3rem;}

.serve-section4 .map > img { margin: 0 0 -1rem 0}

.serve-section3 .list .title { font-size: 1.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; padding: 1.5rem 0;}

.serve-section3 .list .info { font-size: .9rem; font-weight: 500; line-height: 1.5rem;}

.job-flow-item .no { position: absolute; bottom: 1rem; text-align: center; font-size: .8rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; line-height: 1.1rem; opacity: 0.3;}

@keyframes rotate_ { 0% {transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg); } 100% {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }}

.fontIn { animation-name: fontIn;}

.common-contact { background: url("../images/contact-bg.png") center top no-repeat; background-size: cover; padding: 3rem 0 3.5rem;}

.common-contact .text {}

.common-contact .t1 { font-size: 2.1rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF;}

.common-contact .t2 { font-size: .8rem; color: #FFFFFF; margin-top: 1rem;}

.common-contact .button-list {}

.common-contact .button-list a { width: 11rem; height: 3rem; font-size: .9rem; line-height: 3rem; text-align: center; background: #E60012; color: #FFFFFF; border-radius: 30px; margin-left: 1rem; transition: all .3s;}

.common-contact .button-list a:first-child { background: #FFFFFF; color: #E60012;}

.common-contact .button-list a:hover:first-child { background: #FAFAFA;}

.common-contact .button-list a:hover { background: #c50312;}

.common-contact .button-list .icon { height: 1.2rem; margin-right: .5rem;}

@keyframes fontIn { 0% {opacity: 0;transform: translateY(-80%) rotateY(-90deg); } 100% {opacity: 1;transform: translateY(0%) rotateY(0deg); }}

.index-section2 { position: relative;}

.index-section2-list {}

.index-section2-list > dd { display: none;}

.index-section2-list > dd.on { display: block;}

.index-section2 .nav-list { width: 100%; max-width: 1280px; margin: auto; position: absolute; bottom: 2%; left: 50%; transform: translate(-50%, 0); padding: .9rem; box-sizing: border-box; z-index: 10; -webkit-backdrop-filter: saturate(180%) blur(4px); backdrop-filter: saturate(180%) blur(4px); background: rgb(255 255 255 / 30%); border-radius: 10px;}

.index-section2 .nav-list li:first-child { margin-bottom: 1rem;}

.index-section2 .nav-list .title-1 { width: 6.7rem; line-height: 3rem; text-align: center; background: #FFFFFF; border-radius: 10px; font-size: .9rem;}

.index-section2 .list { width: calc(100% - 8rem); line-height: 3rem;}

.index-section2 .list a { display: inline-block; position: relative; /*width: calc((100% /6) - 4px);*/ font-size: .9rem; color: #FFFFFF; margin-left: 3rem;}

.index-section2 .list a:first-child { margin-left: 0;}

.index-section2 .list a.on:before { content: ''; width: 100%; background: #FFFFFF; opacity: 0.2; border-radius: 1px; height: 3px; bottom: .4rem; position: absolute;}

.index-section2 .list a.on:after { content: ''; width: 100%; background: #E60012; border-radius: 1px; height: 3px; bottom: .4rem; left: 0; position: absolute; animation: line-an 3.5s linear;}

@-webkit-keyframes line-an { 0% {width: 0; } 100% {width: 100%; }}

.index-section2 .nav { width: 22rem; height: 4.25rem; line-height: 4.25rem; background: #000000; opacity: 0.8; border-radius: 0px 0px 10px 10px; overflow: hidden; position: absolute; top: 0; left: calc(50% - 11rem); z-index: 10;}

.index-section2 .nav a { float: left; width: 50%; text-align: center; font-size: 1.2rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; transition: all .3s; color: #FFFFFF;}

.index-section2 .nav a.on { color: #E60012; background: #FFFFFF;}

.index-section2 .bg-list { width: 100%; height: 100vh;}

.index-section2 .bg-list li { width: 100%; height: 100%; background: center center no-repeat; background-size: cover; position: absolute; opacity: 0; z-index: -1; transition: all .3s;}

.index-section2 .bg-list li.on { position: relative; opacity: 1; z-index: 5;}

.index-section2 .bg-list li:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: .3; z-index: 1;}

.index-section2 .content { position: relative; z-index: 3; padding-top: 14vh; text-align: center;}

.index-section2 .bg-list li.on .btn, .index-section2 .bg-list li.on .title, .index-section2 .bg-list li.on .picture1 { transform: translate(0); opacity: 1;}

.index-section2 .picture1 { width: 11.5rem; height: 11.5rem; margin: auto; position: relative; transform: translateY(2rem); opacity: 0; transition: all 1s;}

.index-section2.show .cir-box { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); opacity: 1;}

.index-section2 .cir-box { position: relative; width: 100%; display: inline-block; opacity: 0; pointer-events: none; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transition: all 0.8s cubic-bezier(0.65, 0.01, 0.45, 1); -webkit-transition: all 0.8s cubic-bezier(0.65, 0.01, 0.45, 1); -moz-transition: all 0.8s cubic-bezier(0.65, 0.01, 0.45, 1); -o-transition: all 0.8s cubic-bezier(0.65, 0.01, 0.45, 1); -ms-transition: all 0.8s cubic-bezier(0.65, 0.01, 0.45, 1);}

.index-section2 .cir-box .c-line { width: 100%;}

.index-section2 .cir-box .cir { position: absolute; width: 100%; height: 100%; top: 0; left: 0; animation-name: rotate_; animation-timing-function: linear; animation-iteration-count: 1000;}

.index-section2 .cir-box .cir.c1 { animation-duration: 8s;}

.index-section2 .cir-box .cir.c2 { animation-duration: 20s;}

.index-section2 .cir-box .cir.c3 { animation-duration: 8s;}

.index-section2 .cir-box .cir.c4 { animation-duration: 21s;}

.index-section2 .msg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; display: flex; align-items: center; align-content: center; flex-wrap: wrap; justify-content: center;}

.index-section2 .msg > i { color: #fff; width: 3.5rem; transition: all 0.4s cubic-bezier(0.65, 0.01, 0.45, 1); -webkit-transition: all 0.4s cubic-bezier(0.65, 0.01, 0.45, 1); -moz-transition: all 0.4s cubic-bezier(0.65, 0.01, 0.45, 1); -o-transition: all 0.4s cubic-bezier(0.65, 0.01, 0.45, 1); -ms-transition: all 0.4s cubic-bezier(0.65, 0.01, 0.45, 1);}

.index-section2 .btn { transform: translateY(2rem); opacity: 0; transition: all 1s .3s;}

.index-section2 .title { display: block; font-size: 2.3rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; text-shadow: 0px 3px 9px rgba(26, 4, 4, 0.36); text-align: center; padding: 1rem 0 2.5rem; transform: translateY(2rem); opacity: 0; transition: all 1s .15s;}

.index-section2 .text { text-align: center; font-size: .9rem; color: #FFFFFF; line-height: 1.3rem; text-shadow: 0px 3px 1.6rem rgba(26, 4, 4, 0.39); padding-bottom: 5vh;}

.index-section5 .news-list { position: relative;}

.news-list .bg { margin-bottom: 2.5rem; margin-top: 1.5rem;}

.news-list .title { margin-bottom: 1rem;}

.index-section5 .news-list li a { padding: 2rem 3rem;}

.index-section5 .news-list .list { opacity: 0; position: absolute; top: 0; left: 0; z-index: -1; width: 100%;}

.index-section5 .news-list .list.on { opacity: 1; position: static;}

.index-section5 { padding-top: 0;}

.index-section5 .news-info-index .title { font-size: 2.3rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #222222; line-height: 3rem;}

.index-section5 .news-info-index .nav {}

.index-section5 .news-info-index .nav a { width: 7rem; height: 2.25rem; line-height: 2.25rem; color: #E60012; font-size: .8rem; border: 1px solid #E60012; border-radius: 23px; transition: all .3s; text-align: center; margin-left: 1.2rem;}

.index-section5 .news-info-index .nav a.on { background: #E60012; color: #FFFFFF;}

.news-list li:hover:after, .news-list li:hover + li:after { display: none;}

.news-list li a:hover { position: relative; z-index: 5; box-shadow: 0 3px 3.5rem 0 rgba(118, 113, 150, 0.15);}

.news-list li a:after { content: ''; width: 0; height: 3px; position: absolute; bottom: 0; left: 50%; background: #FF0000; transition: all .5s;}

.index-section5 .btn { display: block; margin: auto; max-width: 10rem; height: 2.5rem; box-sizing: border-box; border-radius: 30px;}

.index-section5 .btn-text { margin-right: 1rem; font-family: PingFangSC-Medium, "Microsoft YaHei", "Microsoft JhengHei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; font-weight: normal;}

.news-list a:hover:after { left: 0; width: 100%;}

.pro-container-sum { background: #F5F5F5; padding-bottom: 5rem;}

.pro-container-sum .banner:after { opacity: .44;}

.pro-container .nav-list { text-align: center; position: relative;}

.pro-container .nav-list a {font-size: .65rem;color: #000000;line-height: 1.1rem;vertical-align: top;display: inline-block;padding: 1.5rem 0 1rem;width: 6.5rem;position: relative;z-index: 2;/* transition: background .3s; */margin: 0 .25rem;/* transition-delay: .3s; */}

.pro-container .nav-list a:hover, .pro-container .nav-list a.on { color: #FFFFFF; background: #E60012; border-radius: .5rem; /* transition-delay: .5s; */}

.pro-container .nav-list a .icon {width: 1.5rem;height: 1.5rem;display: block;margin: 0 auto 1rem;}

.pro-container .nav-list a .icon img { max-width: 100%;}

.pro-container .nav-list a .icon img:nth-child(2), .pro-container .nav-list a.on .icon img:nth-child(1), .pro-container .nav-list a:hover .icon img:nth-child(1) { display: none;}

.pro-container .nav-list a .icon img:nth-child(1), .pro-container .nav-list a.on .icon img:nth-child(2), .pro-container .nav-list a:hover .icon img:nth-child(2) { display: block;}

.pro-container { padding: 0 0 0; position: relative;}

.pro-container .nav-sum { position: absolute; width: 100%; bottom: 100%; background: #f5f5f5; z-index: 10; padding: 1.2rem 0;}

.pro-container .nav-sum.fixed { /* position: fixed; *//* top: 7rem; *//* padding: .5rem 0; *//* background: rgb(251 251 251 / 27%); *//* z-index: 100; */ -webkit-backdrop-filter: saturate(180%) blur(25px); backdrop-filter: saturate(180%) blur(25px); bottom: auto;}

.pro-container .nav-sum.fixed .mask { height: calc(100% - 1rem); top: 0.5rem;}

.pro-container .nav-sum.fixed a { padding: 1rem 0 0.5rem; font-size: .7rem; width: 5rem; transition: all 0s;}

.pro-container .nav-sum.fixed .icon { width: 1.4rem; height: 1.4rem; margin-bottom: .5rem;}

.pro-container .mask { position: absolute; height: calc(100% - 2.4rem); box-shadow: 0px 3px 2.5rem 0px rgba(102, 2, 10, 0.2); background: #E60012; border-radius: .5rem; transition: all .3s; top: 1.2rem; left: 0;}

.pro-d-nav { line-height: 4rem; position: relative; box-sizing: border-box; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background: #FFFFFF; text-align: center;}

.pro-d-nav.fixed { top: 0; position: fixed; width: 100%; left: 0; background: rgb(251 251 251 / 67%); z-index: 100; -webkit-backdrop-filter: saturate(180%) blur(25px); backdrop-filter: saturate(180%) blur(25px);}

.pro-d-nav a { font-size: .8rem; color: #4d4d4d; margin: 0 3rem;}

.pro-d-nav a:hover, .pro-d-nav a.on { font-family: PingFangSC-Semibold, sans-serif; font-weight: bold;}

.pro-d-nav .mask { position: absolute; height: 3px; background: #E60012; border-radius: .5rem; transition: all .3s; bottom: -1px; left: 0;}

.pro-container .pro-info { padding: 7rem 0 0 0;}

.pro-info .left { width: 20%; margin-right: 6%;}

.pro-info .left .title { font-size: 2rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; line-height: 2;}

.pro-info .left .desc { font-size: .8rem; color: #444444; line-height: 1.2rem; margin: .5rem 0 2.2rem; max-width: 10rem;}

.pro-info .left .button { width: 5.5rem; text-align: center; line-height: 2rem; border: 1px solid #333; border-radius: 30px; font-size: .8rem; margin-bottom: 1rem;}

.pro-info .right { width: 74%;}

.pro-info .right dd { width: calc(33.33% - 1rem);}

.pro-info .right dd:nth-child(3n - 1) { margin-left: 1.5rem; margin-right: 1.5rem;}

.pro-info .right a { background: rgba(255, 255, 255, 0.5); border-radius: 15px; box-sizing: border-box; padding: 2rem; overflow: hidden; margin-bottom: 1.5rem;}

.pro-info .right a:hover { background: #FFFFFF; box-shadow: 0px 3px 2rem 0px rgba(214, 203, 206, 0.2);}

.pro-info .right a:hover .pro-title { color: #E60012;}

.pro-info .right .pro-title { font-size: 1rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000;}

.pro-info .right .pro-desc { font-size: .8rem; font-weight: 400; color: #666666; margin-top: 1rem;}

.solution-section1.pro-d-section2 { padding: 0; border-radius: 0; background: #fff;}

.solution-section1.pro-d-section2 .video-show, .solution-section1.pro-d-section2 .video {width: 100%;border-radius: 0;max-height: calc(100vw / 16 * 9);height: 110vh;}

.solution-section1.pro-d-section2 .video .title { font-size: 2.3rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF;}

.solution-section1.pro-d-section2 .video .note { font-size: 1rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; padding: 1.2rem 0;}

.solution-section1.pro-d-section2 .video img { top: 127%;}

.solution-section1.pro-d-section2 .video .info { width: 85%; height: auto; top: 45%; left: 50%; transform: translate(-50%, -50%); text-align: center; margin: auto;}

/*pro-d-section3*/
.pro-d-section3 { padding: 2rem 0; background: #fff;}

.pro-d-section3 li { align-items: inherit; margin-top: 5rem;}

.pro-d-section3 li:nth-child(even) { flex-direction: row-reverse;}

.pro-d-section3 .line { width: 100%; height: 1px; background: rgba(0, 0, 0, .1); margin-bottom: 3rem; position: relative;}

.pro-d-section3 .line:after { content: ''; width: 3rem; height: 1px; background: #E60012; position: absolute; top: 0; left: 0; z-index: 5;}

.pro-d-section3 .picture { width: 50%; border-radius: 1rem; background: #F4F4F4; max-height: calc(42vw / 16 * 9);}

.pro-d-section3 .lan { width: 41%; position: relative; animation-delay: .15s;}

.pro-d-section3 .title { font-size: 2.3rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; padding: .5rem 0 2.5rem;}

.pro-d-section3 .info { font-size: .9rem; color: #444444; line-height: 2;}

.pro-d-section3 .no { font-size: .9rem; color: #444444; line-height: 2; position: absolute; bottom: 0; left: 0; font-style: normal;}

.video-iphone { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: rgb(0, 0, 0); z-index: 111; display: none;}

.video-iphone video { width: 80vw; height: 45vw; object-fit: cover; display: block; margin: 5vh auto 0;}

.video-iphone .close { position: fixed; width: 2rem; top: 5%; right: 5%; z-index: 55; cursor: pointer;}

.icon-play-active:after { content: ''; z-index: -1; position: absolute; top: -7px; left: -8px; display: block; width: 21px; height: 21px; border-radius: 50%; border: 1px solid #fff; clip-path: circle(50% at -13px); transform-origin: center center; animation: circle 3.2s linear forwards;}

.icon-play-active:before { content: ''; position: absolute; top: -8px; left: -8px; display: block; width: 21px; height: 21px; border-radius: 50%; transform: rotate(90deg); border: 1px solid #fff; clip-path: circle(50% at -12px); transform-origin: center center; animation: circle2 3.2s linear forwards 3.2s;}

.solution-container li { margin: 0 0 4rem}

.pro-d-section4 { padding-top: 5rem; background: #fff;}

.pro-d-section4 .title { font-size: 2rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000;}

.pro-d-section4 .table-list { padding: 3rem 0 5.5rem;}

.pro-d-section4 .table-list li { width: 45%;}

.pro-d-section4 table { width: 100%; border-bottom: 1px solid #E2E2E2;}

.pro-d-section4 table td { font-size: .9rem; color: #333333; line-height: 2rem; padding: .5rem 0;}

.pro-d-section4 table tr { border-top: 1px solid #E2E2E2;}

.pro-d-section4 table td:nth-child(2) { font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; text-align: right;}

.pro-d-section5 { padding: 5rem 0; background: #f5f5f5;}

.pro-d-section5 .title-pro { font-size: 2rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; margin-bottom: 3.5rem;}

.pro-d-section6 .title-pro { font-size: 2rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; padding-top: 3.5rem;}

.pro-d-section6 { background: #FFFFFF;}

.pro-d-section6 dd { width: calc(25% - .8rem); margin-right: 1rem; margin-bottom: 1rem;}

.pro-d-section6 dd:nth-child(4n) { margin-right: 0;}

.pro-d-section6 a { background: #f5f5f5; border-radius: 1rem; box-sizing: border-box; padding: 2rem;}

.pro-d-section6 dl { padding: 2rem 0 6rem}

.pro-d-section6 .pro-title { font-size: 1rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000;}

.pro-d-section6 a:hover .pro-title { color: #E60012;}

.pro-d-section6 .pro-desc { font-size: .8rem; font-weight: 400; color: #666666; margin-top: 1rem;}

.pro-d-section6 .picture {}

@-webkit-keyframes circle2 { 0% {clip-path: circle(50% at -11px);transform: rotate(180deg); } 100% {clip-path: circle(50% at 9px);transform: rotate(270deg); }}

@-webkit-keyframes circle { 0% {clip-path: circle(50% at -11px);transform: rotate(0deg); } 100% {clip-path: circle(50% at 9px);transform: rotate(90deg); }}

.pro-info .right .icon-button { width: 5.5rem; text-align: center; line-height: 2rem; border: 1px solid rgba(27, 0, 2, 0.3); border-radius: 30px; font-size: .8rem; margin-bottom: 1rem; padding: 0; color: #666666; background: transparent;}

.end-show-list { display: none;}

.pro-info .right .icon-button i { display: inline-block; vertical-align: middle; width: 7px; height: 7px; border-bottom: 1px solid #666666; border-right: 1px solid #666666; transform: rotate(-135deg); margin-left: 10px; transition: all 0.4s ease;}

.pro-info .right .icon-button.show i { transform: rotate(45deg); margin-top: -5px;}

.pro-info .right .icon-button:hover i { transform: rotate(45deg); margin-top: -5px;}

.pro-info .right .icon-button.show:hover i { transform: rotate(-135deg); margin-top: 0px;}

.common-header-index { position: absolute;}

.index-section3 .info { padding-bottom: 2rem;}

.index-section3 .swiper-slide { opacity: .5; border-radius: 1rem; overflow: hidden; transition: all .3s; max-height: 63vh;}

.index-section3 .swiper-slide-active { opacity: 1;}

.index-section3 .swiper-button-next { right: 10%;}

.index-section3 .swiper-button-prev { left: 10%;}

.index-section3 .title { font-size: 2.3rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #222222; line-height: 3rem;}

.index-section3 .left { width: 48%;}

.index-section3 .btn { margin-top: 1.1rem;}

.index-section3 .count-list { max-width: 600px; padding: 2rem 0 0;}

.index-section3 .num i { font-style: normal; color: #E60012; display: inline-block; margin: 0 0.3REM 0 -.7REM; vertical-align: top;}

.index-section3 .count-list .desc { padding-top: .5rem; color: #666666;}

.index-section3 .right { width: 52%;}

.index-section3 .editor { font-size: .85rem; color: #999999; line-height: 1.5rem;}

.container-fixed { position: relative;}

.partner-list { /*display: grid;*//*grid-template-columns: repeat(7, calc(100% / 7));*//*line-height: 5rem;*/ box-sizing: border-box; /*grid-row-gap: 0;*//*grid-column-gap: 0;*/ border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;}

.partner-list li { float: left; box-sizing: border-box; border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; width: 14.28%; height: 5rem; line-height: 5rem;}

.partner-list li:nth-child(7n - 6) { border-left: 0;}

.partner-list li:last-child { border-right: 1px solid #e8e8e8;}

.partner-list li:nth-child(7n) { border-right: 0;}

.partner-sum { position: relative;}

.about-container .icon-show, .serve-container .icon-show { background: rgba(255, 255, 255, 0.2); box-shadow: 0px 3px 2rem 0px rgba(162, 158, 159, 0.5); -webkit-backdrop-filter: saturate(180%) blur(30px); backdrop-filter: saturate(180%) blur(30px); border-radius: 50%; box-sizing: border-box; position: fixed; bottom: 10vh; left: -10rem; width: 3.3rem; line-height: 3.3rem; cursor: pointer; text-align: center; backdrop-filter: saturate(180%) blur(30px); transition: all .3s;}

.about-container .about-nav .icon { position: absolute; top: 49%; right: 0; padding: .5rem;}

.about-container .icon-show.show, .serve-container .icon-show.show { left: 2rem; z-index: 100; transform: rotate(180deg);}

.serve-nav { position: absolute; z-index: 15; top: 0; left: 0; font-size: .7rem; color: #333333; line-height: 7vh; width: 6rem; height: 100vh; background: rgba(255, 255, 255, 0.2); box-shadow: 0px 3px 2rem 0px rgba(162, 158, 159, 0.27); -webkit-backdrop-filter: saturate(180%) blur(30px); backdrop-filter: saturate(180%) blur(30px); transition: all .3s;}

.serve-nav.hide { left: -8rem;}

.serve-nav .icon { cursor: pointer; text-align: center; padding: 3vh 0;}

.serve-nav.fixed { top: 0; position: fixed;}

.serve-nav a { display: block; color: #333333;}

.serve-nav a.on { color: #E60012;}

.serve-section4 .loc-info { width: 18rem; background: #FFFFFF; box-sizing: border-box; padding: 1rem;}

.serve-section4 .loc-info .picture {}

.serve-section4 .loc-info .text {}

.serve-section4 .loc-info .title { font-size: 1.1rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; padding: .5rem 0;}

.serve-section4 .loc-info .icon { width: .8rem;}

.serve-section4 .loc-info .desc { font-size: .8rem; color: #666666; line-height: 1.2rem;}

.serve-section4 .loc-info .desc dd { margin-bottom: 1rem;}

.serve-section4 .loc-info .desc dd:last-child { margin-bottom: 0;}

.serve-section4 .loc-info .other-desc { width: calc(100% - 1.5rem);}

.join-container {}

.join-container .join-section .title { background: url("../images/job-icon.png") left center no-repeat; background-size: auto 100%; line-height: 4.5rem; color: rgba(0, 0, 0, 1); font-size: 2.3rem; text-align: left; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; white-space: nowrap; padding-left: 2rem; margin-left: -2rem; box-sizing: border-box;}

.join-section2 { padding: 6rem 0;}

.join-section2 .each-item { margin: 4rem 0; border-radius: 1rem; overflow: hidden;}

.join-section1 .box { position: relative; padding: 7rem 0 6rem; border-bottom: 1px solid rgba(218, 218, 218, 0.5);}

.join-section1 .box:before { content: ''; display: block; width: 2rem; height: 1px; position: absolute; bottom: -1px; left: 0; z-index: 2; background: #E60012;}

.join-container .join-section .editor { color: rgba(102, 102, 102, 1); font-size: 1rem; font-weight: 500; text-align: left; line-height: 2; margin: 2.25rem 0 0;}

.join-section .desc { font-size: 1rem; color: #000000; line-height: 2; margin-top: 1rem;}

.join-section5 .left, .join-section2 .left, .join-section3 .left { width: 40%;}

.join-section5 .right, .join-section3 .right, .join-section2 .right { width: 60%;}

.join-section3 { background: center bottom no-repeat url("../images/bg-join.png"); background-size: cover !important; background-attachment: fixed !important; padding: 8rem 0;}

.join-section3 .right li { /*width:50%;*/ height: 25.5rem; box-sizing: border-box; background: #FFFFFF; border-radius: 1.5rem; /* overflow: hidden; */ padding: 3rem 2.5rem 0 3.3rem; /*margin-bottom: 4.5rem;*/}

.join-section3 .right { display: grid; /* 这里有三个数据，就说明grid的分布图为3列形式，这里都相等表示均分剩余空间 */ grid-template-columns: 1fr 1fr; /* 使用column-gap属性设置列间距 */ column-gap: 5.5rem; /* 使用row-gap设置行间距 */ row-gap: 0;}

.join-section3 .right li:nth-child(even) { margin-top: 6.5rem;}

.join-section3 .right li:nth-child(odd) { margin-top: -2rem;}

.join-section3 .right .info { position: relative;}

.join-section3 .right i.no { position: absolute; top: 0; right: 0; font-size: 0.8rem; font-style: normal; color: #666666;}

.join-section3 .right .icon { width: 4rem;}

.join-section3 .right .item-title { font-size: 1.2rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; line-height: 1.7; padding: 4rem 0 2rem;}

.join-section3 .right .item-desc { font-size: 0.8rem; color: #666666; line-height: 1.8;}

.join-section4 { padding: 6.01rem 0 0;}

.join-section5 { padding: 6rem 0 1px; background: center bottom no-repeat; background-size: cover;}

.join-section4 .swiper-container { padding-top: 3.5rem;}

.join-section4 .swiper-button-next { right: 10%; background-color: #FFFFFF;}

.join-section4 .swiper-button-prev { left: 10%; top:50%; background-color: #FFFFFF;}

.join-section4 .swiper-button-next:hover, .join-section4 .swiper-button-prev:hover { background-color: #E60012;}

.join-section5 .return-job:hover { background: #CB3030;}

.join-section5 .return-job { display: block; width: 21.5rem; line-height: 4rem; text-align: center; background: #E60012; border-radius: 40px; font-size: 1.2rem; transition: all .3s; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; margin: 9rem auto 10rem;}

.join-section5 .right { /* 需要指定高度 */ height: 24.5rem; position: relative;}

.join-section5 .right li { background: center bottom no-repeat; background-size: cover; background-color: #FFFFFF; box-shadow: 0px 3px 1rem 0px rgba(128, 124, 125, 0.2); border-radius: .5rem; height: 7.5rem; position: absolute; width: calc(33.33% - .7rem); box-sizing: border-box; padding: 1rem; transition: all .3s; font-size: 1rem; line-height: 1.5; color: #000000;}

.join-section5 .right li:hover { background-color: #E60012; color: #FFFFFF;}

.join-section5 .right li:nth-child(1) { top: 0; left: 0;}

.join-section5 .right li:nth-child(2) { top: 0; left: 50%; transform: translate(-50%, 0);}

.join-section5 .right li:nth-child(3n) { right: 0; height: 11.75rem;}

.join-section5 .right li:nth-child(3) { top: 0;}

.join-section5 .right li:nth-child(4) { top: 8.5rem; left: 0;}

.join-section5 .right li:nth-child(5) { top: 8.5rem; left: 50%; transform: translate(-50%, 0);}

.join-section5 .right li:nth-child(6) { bottom: 0;}

.join-section5 .right li:nth-child(7) { bottom: 0; left: 0;}

.join-section5 .right li:nth-child(8) { bottom: 0; left: 50%; transform: translate(-50%, 0);}

.join-section5 .right .icon img:nth-child(1) { display: none;}

.join-section5 .right .icon { width: 1.3rem; position: absolute; bottom: 1rem; right: 1rem;}

.join-section5 .right li:hover .icon img:nth-child(1) { display: block;}

.join-section5 .right li:hover .icon img:nth-child(2) { display: none;}

.solution-main-details .banner-list { height: 35rem; position: relative;}

.solution-main-details .banner-text { position: relative; z-index: 10;}

.solution-main-details .banner-list .list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}

.solution-main-details .banner { height: 35rem;}

.solution-main-details .banner:before { height: 100%;}

/*solution-section1*/
.solution-section .title { color: rgba(0, 0, 0, 1); text-align: left; font-size: 2.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold;}

.solution-section .desc { color: rgba(102, 102, 102, 1); font-size: 1rem; text-align: left; line-height: 1.5rem; margin: 1.85rem 0 0;}

.solution-section1 { padding: 6.75rem 0;}

.solution-section1 .btn { margin-top: 3.2rem;}

.solution-section1 .text { width: 36%;}

.solution-section1 .video { width: 50%; border-radius: 1rem; overflow: hidden; height: 22rem; background: center center no-repeat; background-size: cover;}

.solution-section1 .video-bg { width: 100%; height: 100%; position: relative; cursor: pointer;}

.solution-section1 .video-bg:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: .2; z-index: 2;}

.solution-section1 .video-bg:hover .icon-play { animation-play-state: running;}

.solution-section1 .video-bg .icon-play { width: 3.4rem; height: 3.4rem; position: absolute; top: calc(50% - 1.17rem); left: calc(50% - 1.17rem); z-index: 4; animation: rotate_ linear 3s infinite; animation-play-state: paused;}

.solution-section1 .video-bg .icon-play1 { width: 3.4rem; height: 3.4rem; position: absolute; top: calc(50% - 1.17rem); left: calc(50% - 1.17rem); z-index: 4;}

.pro-d-section2 .video-bg .icon-play, .pro-d-section2 .video-bg .icon-play1 { width: 5rem; height: 5rem; position: absolute; top: calc(50% - 2.5rem); left: calc(50% - 2.5rem);}

.solution-section1 .video-bg video { width: 100%; height: 100%; object-fit: cover;}

.solution-section1 .video-show {width: 100%;height: 100%;display: none;position: relative;z-index: 10;}

.solution-section2 { background: #F6F6F9; padding: 4.5rem 0 6.5rem;}

.solution-section2 .title { text-align: center;}

.framework-list { background: #FFFFFF; border-radius: .5rem; padding: 0 5rem; margin: 3.5rem 0 6.5rem; box-sizing: border-box;}

.framework-list > dd { border-top: 1px dashed #DFDFDF; padding: 1.5rem 0;}

.framework-list > dd:first-child { border: 0;}

.framework-list > dd > .left { font-family: PingFang-SC-Heavy, sans-serif; font-weight: bold; font-size: 1.7rem; width: 16rem; color: #000000; padding: 1rem 0 0;}

.framework-list > dd > .right { width: calc(100% - 16rem);}

.framework-module1 {}

.framework-module2 li, .framework-module1 li { background: #FAFAFA; padding: 1.5rem; box-sizing: border-box; border-radius: 10px; width: calc(50% - 0.5rem); margin-bottom: 1rem; overflow: hidden;}

.framework-module2 li { position: relative; padding: 0;}

.framework-module2 .text { position: absolute; width: 100%; height: auto; font-size: 1.2rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; z-index: 3; padding: 2rem; text-shadow: 0px 3px 1rem rgba(61, 61, 61, 0.44);}

.framework-module2 li:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #E60012; z-index: 2; opacity: 0; transition: all .3s;}

.framework-module2 li:hover:before { opacity: .9;}

.framework-module2 .picture { overflow: hidden; border-radius: .5rem; width: 100%;}

.framework-module1 .picture { overflow: hidden; width: 9rem;}

.framework-module1 .other { width: calc(100% - 9rem);}

.framework-module1 .other dd { width: 50%; font-size: .8rem; color: #000000; line-height: 1.1rem; margin: .3rem 0;}

.framework-module1 .other .icon { width: 1.3rem;}

.framework-module1 .other .text { width: calc(100% - 2rem)}

.framework-module3 { justify-content: flex-start; -webkit-box-pack: start;}

.framework-module3 a { width: calc(25% - 0.75rem); margin-right: 1rem; box-sizing: border-box; padding: 1.5rem; border-radius: .5rem; overflow: hidden; margin-bottom: .5rem;}

.framework-module3 a:hover { background-color: rgb(255, 255, 255); box-shadow: 1.5px 3px 2.5rem 0px rgba(128, 124, 125, 0.2);}

.framework-module3 a:nth-child(4n) { margin-right: 0;}

.framework-module3 .picture { width: 6rem; margin: 0 auto 1.5rem;}

.framework-module3 .text { font-size: .8rem; color: #000000; line-height: 1.8;}

.framework-module3 .tips { font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #666666;}

.framework-module3 .desc1 { font-family: PingFangSC-Semibold, sans-serif; font-weight: bold;}

.solution-section4 { text-align: center; padding: 5.5rem 0;}

.solution-section4 .title { text-align: center;}

.solution-section4 .solution-nav4 { margin: 2rem 0;}

.solution-section4 .solution-nav4 a { width: 14.5rem; line-height: 2.75rem; text-align: center; border-radius: 28px; font-size: 1.1rem; color: #666666; background: #F5F5F5; margin: 0 2.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold;}

.solution-list4 {}

.solution-list4 li { display: none;}

.solution-list4 li.on { display: block;}

.solution-list4 .desc-bg { background: center center no-repeat; background-size: cover; width: 100%; height: 30rem;}

.solution-list4 .desc-bg { background: center center no-repeat; background-size: cover; width: 100%; height: 30rem; text-align: left; position: relative; border-radius: 1rem; overflow-x: hidden;}

.solution-list4 .info { position: absolute; bottom: 4rem; width: calc(100% - 8rem); left: 4.5rem;}

.solution-list4 .titles { font-size: 2rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; margin-bottom: 1rem;}

.solution-list4 .editors { font-size: .9rem; color: #FFFFFF; line-height: 1.5rem;}

.solution-section4 .solution-nav4 a.on { background: #E60012; color: #FFFFFF;}

.solution-list4 .list { margin-top: 2rem;}

.solution-list4 .list dd { width: 20%;}

.solution-section4 .icon { width: 3.5rem; margin-right: 1rem;}

.solution-section4 .text { width: calc(100% - 4.5rem); font-size: 1rem; line-height: 1.5; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #666666; text-align: left;}

.solution-section3 { background: center center no-repeat; background-size: cover !important; position: relative; text-align: center; padding: 5rem 0 6.5rem;}

.solution-section3:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; z-index: 2; opacity: .5;}

.solution-section3 .box { position: relative; z-index: 3;}

.solution-section3 .title { color: #FFFFFF; text-align: center;}

.solution-section3 .text-list { text-align: left; min-height: 30rem;}

.solution-section3 .text-list li { position: relative;}

.solution-section3 .text-list .no { -webkit-text-stroke: 1px #FFFFFF; color: transparent; opacity: 0.1; position: absolute; top: 0; left: -.5rem; font-family: PingFang-SC-Heavy; font-family: "DIN-Bold"; font-style: normal; font-size: 14rem;}

.solution-section3 .text-list .content { max-width: 34rem; padding-top: 5.5rem;}

.solution-section3 .text-list .title-info { font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 2rem; margin-bottom: 1.5rem;}

.solution-section3 .text-list .editor { font-size: .8rem; color: #FFFFFF; line-height: 1.5rem;}

.solution-section3 .tab-box-list .no { /*color: #FFFFFF;*/ font-family: "DIN-Bold"; font-style: normal; font-size: 2.5rem; width: 5rem; color: #FFFFFF; -webkit-mask: linear-gradient(to bottom, #FFFFFF, #FFFFFF, #FFFFFF, transparent, transparent); position: relative; z-index: 4; opacity: .4; transition: all .3s;}

.solution-section3 .tab-box-list a:hover .no { color: #E60012; -webkit-mask: linear-gradient(to bottom, #E60012, #E60012, #E60012, transparent, transparent);}
.solution-section3 .tab-box-list a.on{background: #E60012;border-radius: .5rem;}
.solution-section3 .tab-box-list a.on:hover .no { color: #FFFFFF; -webkit-mask: linear-gradient(to bottom, #FFFFFF, #FFFFFF, #FFFFFF, transparent, transparent);}

.solution-section3 .tab-box-list .title-info { max-width: calc(100% - 5rem); font-size: 1.3rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; text-align: left; position: relative; z-index: 4; transition: all .3s; padding-right: 8%;}

.solution-section3 .tab-box-list a:hover .title-info { color: #E60012;}

.solution-section3 .tab-box-list a.on:hover .title-info { color: #FFFFFF;}

.solution-section3 .tab-box-list { width: 100%; line-height: 5.8rem; background: rgba(255, 255, 255, .1); border-radius: .5rem;}

.solution-section3 .tab-box-list a { position: relative; width: 25%; -webkit-box-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center;}
.solution-section3 .tab-box-list a:after{
    content:'';

    position:absolute;
    top:-10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #E60012;
    font-size: 0;
    line-height: 0;
    display:none;
}
.solution-section3 .tab-box-list a.on:after{
    display:block;
}
.solution-section3 .tab-box-list a img {
    display: none;
}

.solution-section3 .tab-box-list a.on img {}

.about-section1 { padding-bottom: 12rem; overflow: hidden; width: 100%; position: relative; box-sizing: border-box; background: url("../images/about1.jpg") center bottom no-repeat; background-size: cover !important;}

.about-section1 .left-info .logo { max-width: 18rem; margin-left: 1rem;}

.about-section1 .parallax { width: 50rem; position: absolute; bottom: 0; right: 0; opacity: .1;}

.about-section3 { padding-bottom: 6.5rem;}

.about-section3 .content { padding-top: 5.5rem;}

.about-section3 .left { width: 20rem; float: left;}

.about-section3 .nav { border-top: 1px solid #e8e8e8; margin-top: 2rem;}

.about-section3 .nav a { line-height: 4rem; color: #000000; border-bottom: 1px solid #e8e8e8;}

.about-container .swiper-button-next { right: 27%; transform: rotate(180deg);}

.swiper-button { background-color: #FFFFFF; width: 3rem; height: 3rem; background-image: url(../images/button.svg); background-size: .5rem auto;}

.swiper-button:hover { background-color: #E60012; background-image: url(../fonts/button-fill.svg); background-size: .5rem auto;}

.swiper-button.swiper-button-next { transform: rotate(180deg); top:50%;}

.about-section3 .nav .tit { font-size: .9rem; width: calc(100% - 5rem);}

.about-section3 .nav .more-icon { display: inline-block; margin-top: 1.4rem;}

.about-section3 .nav a.on { border-bottom: 1px solid #E60012; color: #E60012;}

.about-section3 .nav a.on .more-icon { background: #E60012; color: #FFFFFF;}

.about-section3 .title { font-size: 1.2rem; color: #000000; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; line-height: 1.6;}

.about-section3 .title span { color: #E60012;}

.about-section3 .right { float: right; width: calc(100% - 20rem); margin-right: -7.3vw;}

.about-section3 .right li { position: relative; display: none;}

.about-section3 .right li.on { display: block;}

.about-section3 .right .swiper-container { width: 100%;}

.about-section3 .right .swiper-container .swiper-slide { transform: scale(0.5); border-radius: 1rem; transform-origin: 0 0; overflow: hidden; transition: transform .3s; position: relative; padding-top: 40%;}

.about-section3 .right .swiper-container .swiper-slide img { position: absolute; max-width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto;}

.about-section3 .right .swiper-container .swiper-slide-active { transform: scale(1)}

.about-section3 .right .swiper-pagination { position: absolute; bottom: 3rem; font-family: "DIN-Bold"; font-size: .9rem; color: #5D5252; z-index: -1; text-align: right;}

.about-section3 .right .swiper-pagination-current { color: #E60012; font-size: 2rem; font-family: "DIN-Bold";}

.about-section4 { background: #f5f5f5; padding: 1px 0;}

.about-section4 .data-list {}

.about-section4 .data-list li { background: #FFFFFF; padding: 1.5rem 0; box-sizing: border-box; border-radius: 10px; width: calc(50% - 1rem); margin-bottom: 1rem; overflow: hidden;}

.about-section4 .data1-list li { box-sizing: border-box; width: calc(33.33% - 1.65rem); margin-bottom: 1rem; overflow: hidden;}

.about-section4 .data1-list .picture { border-radius: 20px 20px 10px 10px; overflow: hidden;}

.about-section4 .data1-list { padding: 2.5rem 0 7.5rem;}

.about-section4 .data1-list .info { background: #FFFFFF; border-radius: 10px 10px 20px 20px; padding: 1.5rem 2rem; box-sizing: border-box; width: calc(100% - 2rem); margin: -3.8rem auto 0; position: relative; z-index: 3;}

.about-section4 .data1-list .loc { font-size: 1.2rem; color: #000000; line-height: 1.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold;}

.about-section4 .data1-list .desc { font-size: .8rem; color: #000000; line-height: 1.5; margin: 1rem 0 2rem;}

.about-section4 .data1-list .date { font-size: .8rem; color: #999999; line-height: 1.5;}

.about-section4 .data-list .picture { width: 12.5rem; text-align: center;}

.about-section4 .data-list .icon { margin: auto; border-radius: 50%; background-color: rgb(255, 255, 255); box-shadow: 2px 3px 1.5rem 0px rgba(61, 50, 50, 0.09); width: 5.25rem; height: 5.25rem; line-height: 3.25rem; padding: 1rem 1.5rem; box-sizing: border-box;}

.about-section4 .data-list .info { font-size: 1.2rem; padding: 1rem 0; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; text-align: center;}

.about-section4 .data-list .other { border-left: 1px solid #E9E9E9; padding: 0 3rem; box-sizing: border-box;}

.about-section4 .data-list dd { padding-bottom: 2rem;}

.about-section4 .data-list dd:last-child { padding-bottom: 0;}

.about-section4 .data-list .t1 { color: #000000; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; font-size: .9rem;}

.about-section4 .data-list .t2 { font-size: .8rem; margin-top: .4rem; color: #444444;}

.common-about-title { padding: 6rem 0 0;}

.common-about-title .title { font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; font-size: 2.3rem; color: #000000;}

.common-about-title .title span { color: #E60012;}

.common-about-title .editor { font-size: .9rem; max-width: 45rem; color: #666666; line-height: 1.5rem; padding: 1.2rem 0;}

.about-section5 {}

.about-section5 .wraps { position: relative; margin-top: 4rem;}

.about-section5 .photo { width: 100%; position: relative; padding-bottom: 42%; background-color: #000;}

.about-section5 .photo:after { content: ""; height: 100%; position: absolute; top: 0; width: 100%; background-color: #000; right: 0; z-index: 0; opacity: .4;}

.about-section5 .pic { position: absolute; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; top: 0; left: 0; opacity: 0; transition: opacity 1s cubic-bezier(0, 0, 0, 1);}

.about-section5 .pic.on { opacity: 1;}

.about-section5 .group { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center;}

.about-section5 .item { width: 25%; box-sizing: border-box; padding: 0 3.6rem; position: relative; display: flex; height: 100%; align-items: center; justify-content: center;}

.about-section5 .item:before { content: ""; height: 100%; position: absolute; top: 0; width: 1px; background-color: rgba(255, 255, 255, 0.2); right: 0;}

.about-section5 .item:after { content: ""; height: 100%; position: absolute; top: 0; width: 100%; background-color: #E60012; right: 0; z-index: 2; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); -ms-transform: scaleX(0); transition: transform 0.6s cubic-bezier(0, 0, 0, 1);}

.about-section5 .item:hover:after { transform: scaleX(100%); -webkit-transform: scaleX(100%); -moz-transform: scaleX(100%); -o-transform: scaleX(100%); -ms-transform: scaleX(100%);}

.about-section5 .mid { position: relative; z-index: 7; text-align: center; padding-bottom: 0.4rem;}

.about-section5 .icon { width: 5.5rem; margin: auto;}

.about-section5 .mid .title { font-family: PingFang-SC-Heavy, sans-serif; font-weight: bold; font-size: 1.5rem; margin: 2rem 0; text-align: center; color: #Fff;}

.about-section5 .mid .desc { font-size: .9rem; color: #ffffff;}

.about-section5 .no { position: absolute; z-index: 8; bottom: 8%; left: 50%; width: 100%; font-size: 14px; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF; line-height: 1.5rem;}

.partner-sum { position: relative;}

.partner-sum .data { position: absolute; width: calc(100% / 7 * 2); height: 10rem; box-sizing: border-box; top: 0; left: 0; background: #E60012; z-index: 3; padding: 1rem 1rem 0;}

.partner-sum .tips { font-size: 1.3rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #FFFFFF;}

.partner-sum .name { font-size: .7rem; color: #FFFFFF; opacity: 0.6; padding: .7rem 0;}

.partner-sum .count { font-size: .9rem; line-height: 3.5rem; color: #FFFFFF; text-align: right;}

.partner-sum .count span { font-size: 3.5rem; line-height: 1; font-family: DIN-Bold; font-weight: bold;}

.about-container { overflow-x: hidden;}

.about-section5 .no span { position: absolute;}

.about-section5 .no span:before, .about-section5 .no span:after { content: ''; position: absolute; bottom: auto; top: 100%; left: 50%; width: 1px; height: .75rem; background: rgba(255, 255, 255, 0.5);}

.about-section5 .no span:after { top: auto; bottom: 100%;}

.about-section5 .pic.on {}

.about-section7 { background: left top no-repeat rgba(245, 245, 245, 0.7); background-size: cover;}

.about-section9 { background: left top no-repeat rgba(245, 245, 245, 0.7); background-size: cover; height: 27.5rem;}

.about-section9 * { color: #FFFFFF !important;;}

.about-section9 .btn { margin-top: 3rem;}

.about-section9 .common-about-title { padding: 0;}

.about-section7 .btn-box a { font-size: .9rem; color: #666666; line-height: 2.5rem; padding: 0 1.6rem; transition: all .3s; background: #FFFFFF; margin-left: .8rem; border-radius: 30px;}

.about-section7 .btn-box a.on { background: #E60012; color: #FFFFFF;}

.about-section8 { padding-bottom: 8rem;}

.about-list a { font-size: 1rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; text-align: center; color: #444444;}

.about-list { padding: 6rem 0 1rem;}

.about-list li { display: none;}

.about-list li.on { display: block;}

.about-list .total-other { position: relative; max-width: 23rem; margin: auto; padding: 3rem 0; margin-bottom: 3rem;}

.about-list .text { padding: 3rem 0;}

.about-container .about-list .swiper-button { top: 45%; right: 103%; left: auto;}

.about-container .about-list .swiper-button-next { right: auto; left: 103%;}

.about-list a img { background-color: rgb(255, 255, 255); box-shadow: .1rem .2rem .5rem 0px rgba(128, 124, 125, 0.1); box-sizing: border-box;}

.case-container {}

.case-container .banner { height: 35rem; text-align: left;}

.case-container .banner .box { max-width: 100%; text-align: left;}

.case-container .banner .desc { max-width: 41rem; font-size: .9rem; line-height: 1.5; text-align: left; margin: 0;}

.case-container .banner .common-crumb { padding-bottom: 5rem;}

.case-container .banner .common-crumb, .case-container .banner .common-crumb span, .case-container .banner .common-crumb a { color: #fff;}

.case-section1.solution-section1 .video-show, .case-section1.solution-section1 .video { height: 23rem;}

.case-section1.solution-section1 .desc { line-height: 2;}

.case-section5 { background: url("../images/case-bg.jpg") 100% 0 no-repeat #fff; padding: 4rem 0 2.5rem;}

.case-section5 .title-pro { background: transparent; font-size: 1.2rem; color: #000000; line-height: 60px;}

.case-section5 .dou { width: 2rem; position: absolute; top: 0; left: 0;}

.case-section5 .why { font-size: 2.3rem; color: #000000; padding-top: 4rem; line-height: 3rem; max-width: 69%;}

.case-section5 .swiper-slide { /* background: #fff; */}

.case-section5 .result { font-size: 1.1rem; color: #333333; line-height: 2rem; padding: 2rem 0 5rem;}

.case-section5 .avatar { margin-right: 1rem; width: 4.5rem; height: 4.5rem; border-radius: 1rem; overflow: hidden;}

.case-section5 .item-info { line-height: 2.2rem;}

.case-section5 .name { font-size: 1.3rem; color: #000000;}

.case-section5 .other { font-size: 1rem; color: #999999; display: block;}

.case-section5 .logo {background: #FFFFFF;/* border: 1px solid #ECECEC; */width: 13rem;box-sizing: border-box;margin-right: 3px;}

.case-section5 .result + .flex { -webkit-box-align: start; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start;}

.case-section6 { background: #FFFFFF;}

.case-section3 { padding: 1rem 0 6rem;}

.case-section2 { background: center center no-repeat; background-size: cover; padding: 20rem 0 4rem; position: relative;}

.case-section2:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.2; z-index: 2;}

.case-section2 ul { background: #FFFFFF; overflow: hidden; border-radius: 1rem; position: relative; z-index: 3; padding: 2.2rem 0 2.5rem;}

.case-section2 li { width: 33.3%; box-sizing: border-box; padding: 0 4rem 0 5rem; border-right: 1px solid rgba(174, 174, 174, 0.2);}

.case-section2 li:nth-child(3n) { border: 0;}

.case-section2 .icon { width: 3rem; float: right;}

.case-section2 .info { float: left; width: calc(100% - 4rem);}

.case-section2 .t1 { color: #E60012; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; font-size: 1.5rem;}

.case-section2 .t1 span { font-size: 2.5rem;}

.case-section2 p { font-size: .8rem; padding-top: 1rem; color: #444444;}

.case-section4 { background: #f5f5f5;}

.case-section4 .picture { /* background: #FFFFFF; */ width: 45%;}

.case-section4 .note { font-size: 1.7rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; padding-bottom: 3.5rem;}

.solution-section6 .swiper-pagination, .case-section4 .swiper-pagination { transform: rotate(90deg); top: 40%; bottom: auto; width: auto; left: auto; right: 48%; z-index: 90;}

.solution-section6 .swiper-count { position: absolute; bottom: 40%; font-family: "DIN-Bold"; font-size: .9rem; color: #5D5252; left: 20%;}

.solution-section6 .nows { color: #E60012; font-size: 2.5rem; font-family: "DIN-Bold";}

.solution-section6 .swiper-pagination {right:21%;}

.solution-section6 .swiper-pagination-bullet, .case-section4 .swiper-pagination-bullet { background: rgba(230, 0, 18, 0.3);}

.solution-section6 .swiper-pagination-bullet-active, .case-section4 .swiper-pagination-bullet-active { background: rgba(230, 0, 18, 1);}

.date-sum { position: relative; -webkit-backdrop-filter: saturate(180%) blur(17px); backdrop-filter: saturate(180%) blur(17px);}

.date-sum:after { content: ''; width: 100%; height: 1px; background: #eeeeee; position: absolute; bottom: 3px; left: 0; z-index: 1;}

.index-process .ting .swiper-slide { margin: 10px 0; transition: all .5s; background: #fff;}

.index-process .ting .swiper-slide:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .2);}

.date-sum .swiper-container { width: 100%; text-align: center; /* padding-top: 10px; */ z-index: 5;}

.date-sum .date { margin: auto;}

.date-sum .date .swiper-slide { position: relative; font-size: .9rem; line-height: 3rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #9C9C9C;}

.date-sum .date .swiper-slide:after { content: ''; width: 8px; height: 8px; border-radius: 50%; position: absolute; bottom: 0; z-index: 10; background: #9c9c9c; left: calc(50% - 4px);}

.date-sum .date .swiper-slide-active { font-size: 1.4rem; color: #e60012;}

.date-sum .date .swiper-slide-active:after { background: #E60012;}

.tings { padding: 4rem 0 5rem;}

.tings .picture { width: 47%; border-radius: 1rem;}

.tings .text { width: 47%; position: relative;}

.tings .year { opacity: 0.06; font-size: 10rem; color: #888; color: transparent; text-shadow: #333 0 0 5px; position: absolute; top: calc(50% - 5rem); line-height: 1; font-family: "OPPOSans B"; filter: blur(5px);}

.tings .text-title { font-size: 1.5rem; font-weight: bold; color: #E60012; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold;}

.tings .text-desc { padding: 2rem 0; font-size: 1rem; font-weight: 400; color: #666666;}

.solution-section6 { padding: 5rem 0 12rem;}

.solution-section6 .title { text-align: center;}

.solution-section6 .swiper-container { padding: 2.5rem 0 0;}

.solution-section6 .swiper-slide { border-radius: 0; overflow: hidden;}

.solution-section5 { padding: 9rem 0; background: url("../images/solution-bg.jpg") center center no-repeat; background-size: cover;}

.solution-section5 .title { padding-bottom: 3rem; font-size: 2.5rem; font-family: PingFangSC-Semibold, sans-serif; font-weight: bold; color: #000000; text-align: center;}

.solution-section5 .item { margin-right: 1rem; /* padding-top: 70px; *//* padding-bottom: 2.9rem; */ width: calc(25% - 1rem); background: rgba(225, 225, 225, .3); box-sizing: border-box; border-bottom: 4px solid rgba(225, 225, 225, .1); transition: all .3s; -webkit-backdrop-filter: saturate(180%) blur(30px); backdrop-filter: saturate(180%) blur(30px);}

.solution-section5 .item a { display: block; text-align: center; padding-top: 70px; padding-bottom: 2.9rem;}

.solution-section5 .item:last-child { margin-right: 0;}

.solution-section5 .item:hover { transform: translateY(-1rem); background: #FFFFFF; box-shadow: 0px 3px 2rem 0px rgba(162, 158, 159, 0.27); border-bottom: 4px solid #E60012;}

.solution-section5 .item .item-title { /* padding-bottom: 2.6rem; */ font-size: 1.3rem; color: #000; text-align: center;}

.solution-section5 .img-box { width: 10.9rem; /* height: 14.75rem; */ margin: auto;}

.solution-section5 .img-box .img { width: 100%; height: auto;}

.footer-fixed-footer { border-radius: .5rem; background-color: rgb(255, 255, 255); box-shadow: 3px 5px .8rem 0px rgba(84, 84, 84, 0.17); position: fixed; right: 0.7%; bottom: 5%; width: 4rem; z-index: 10; display: none;}

.footer-fixed-footer.show { display: block;}

.footer-fixed-footer a { font-size: .8rem; display: block; color: #999999; padding: .7rem .3rem; text-align: center; box-sizing: border-box; height: 4rem; position: relative; transition: all .3s;}

.footer-fixed-footer .pop-hide { position: absolute; min-width: 7.5rem; right: 110%; display: none; top: 0.25rem;}

.footer-fixed-footer a:hover .pop-hide { display: block;}

.footer-fixed-footer .pop { position: relative; width: 7.5rem; padding: .8rem; height: 3.5rem; box-sizing: border-box; border-radius: .35rem; background-color: rgb(255, 255, 255); box-shadow: 3px 5px .8rem 0px rgba(84, 84, 84, 0.17); display: table; text-align: left;}

.footer-fixed-footer .pop:before { position: absolute; top: 32%; left: 100%; content: ''; border: 4px solid transparent; border-left-color: rgb(255, 255, 255); box-shadow: 3px 5px .8rem 0px rgba(84, 84, 84, 0.17);}

.footer-fixed-footer .pop .pop-text { font-size: .7rem; line-height: 1.7; color: #666666;}

.footer-fixed-footer .pop .tips { color: #E60012;}

.footer-fixed-footer .pop .content {}

.footer-fixed-footer a .icon { width: 1.2rem; margin: 0 auto .5rem;}

.footer-fixed-footer a .icon img:nth-child(2) { display: none;}

.footer-fixed-footer a .icon img:nth-child(1) { display: block;}

.footer-fixed-footer a:hover { background: #E60012; color: #FFFFFF; border-radius: .5rem;}

.footer-fixed-footer a { border-radius: .5rem;}

.footer-fixed-footer a:hover .icon img:nth-child(1) { display: none;}

.footer-fixed-footer a:hover .icon img:nth-child(2) { display: block;}

.footer-fixed-footer a:hover .text { line-height: 1;}


@media screen and (max-width: 1600px) { .solution-section3 .tab-box-list a.on img {}
    .solution-section3 .tab-box-list {line-height: 4.5rem; }
    .about-section8 {padding-bottom: 6rem; }
    /*.solution-section3 .tab-box-list {*//*    display: none;*//*}*/ .index-section5 .news-list .bg {margin-bottom: 1.5rem; }
    .solution-section3 .tab-box-list .title-info {font-size: 1rem }
    .index-section5 .news-list li a {padding-bottom: 3rem; }
    .content-banner-flex .content-banner-title {font-size: 2.2rem }
    .header-container.no-fixed-status {position: absolute; }
    .header-container .nav-item-list dd a {width: 33%; }
    .open-cooperation-bg .open-cooperation-list .list-text {margin-bottom: 3rem; }
    .open-cooperation-bg .open-cooperation-list {padding: 4rem 2rem 1.5rem 2rem; }
    .open-cooperation-bg .open-cooperation-list .list-title {margin: 2rem 0 1.8rem;font-size: 1.4rem; }
    .plan-container-list .info {padding: 3rem 7%; }
    .footer-container .footer-nav li {padding-right: 4rem; }
    .footer-container .footer-about {padding-left: 2rem; }
    .footer-container .footer-about table td {min-width: 3rem; }
    .footer-blogroll .blogroll-list a {margin-right: 1.2rem; }
    .pro-d-header .info {min-height: 5rem;padding: 1rem 0; }
    .pro-d-header .button-list a {width: auto;padding: 0 2rem; }}


@media screen and (max-width: 1460px) { }


@media screen and (max-width: 1330px) {
    .framework-module2 li, .framework-module1 li{width:100%;}
    .solution-section3 .text-list .no {font-size: 10rem; }
    .solution-section3 .text-list .editor {font-size: .9rem; }
    .adv-list li:last-child .adv-icon:after, .adv-list .adv-icon:before {width: 9vw; }
    .case-section5 .result {font-size: .9rem;padding: 2rem 0 3rem;line-height: 1.7; }
    .case-list li {width: calc(33.3% - 2rem);margin-bottom: 3rem; }
    .case-list .info {padding: 1.5rem 1.65rem 0; }
    .case-list li:nth-child(3n -1) {margin-left: 3rem;margin-right: 3rem; }
    .case-list .button {margin-top: 1.2rem;padding: 1rem 0 .5rem; }
    .case-slogan .box {padding: 5rem 0 2.2rem; }
    .footer-container .footer-nav li {padding-right: 3.5rem; }
    .footer-container .footer-top {padding-top: 3rem; }
    .footer-container .footer-center {padding: 2rem 0 1rem; }
    .footer-bottom .other {padding: 2.2rem 0 1rem; }
    .content-banner-box {height: 20rem; }}


@media screen and (max-width: 1250px) { .footer-container .footer-nav li {padding-right: 2.3rem; }
    .footer-container .footer-about {padding-left: 1.2rem; }
    .footer-container .footer-top {padding-top: 2rem; }
    .footer-container .footer-center {padding: 1.7rem 0; }
    .footer-bottom .other {padding: 2rem 0 1rem; }}


@media screen and (max-width: 1150px) { .solution-section3 .tab-box-list {display: none; }
    .pro-container-sum {padding: 0 0 1rem }
    .pro-info .right .icon-button {margin: 1rem 0; }
    .content-list-title-icon {width: 3.3rem; }
    .adv-list {position: static;padding-bottom: 2rem; }
    .adv-list li:last-child .adv-icon:after, .adv-list .adv-icon:before {display: none; }
    .adv-list .adv-name {font-size: 1.1rem;margin: 1.1rem 0 1rem; }
    .adv-list li.on .adv-name, .adv-list li.on .adv-icon {transform: translate(0);opacity: 1; }
    .adv-list li .adv-info, .adv-list li .no, .adv-list li.on .adv-info, .adv-list li.on .no {opacity: 1;transform: translate(0); }
    .adv-list li .no {position: static;padding: .5rem 0 0; }
    .adv-list li {width: 50%;box-sizing: border-box;padding: 1rem 1rem;min-height: 0; }
    .footer-container .footer-nav li {padding-right: 1.5rem; }
    .case-slogan {font-size: 1rem;line-height: 1.6; }
    .case-slogan .box {padding: 3rem 0 1.2rem; }
    .pro-d-section3 .title {font-size: 2rem;padding: 3rem 0 1rem; }}


@media screen and (max-width: 1023px) { .news-module .result-list a {font-size: 12px; }
    .solution-section1.pro-d-section2 .video .info {top: 36%; }
    .pro-d-section2 .video-bg .icon-play, .pro-d-section2 .video-bg .icon-play1 {width: 3rem;height: 3rem;position: absolute;top: calc(50% - 1.5rem);left: calc(50% - 1.5rem); }
    .ding-yue {display: none; }
    .serve1-pic {border-radius: .5rem; }
    .serve-section2 .content .lan, .serve-section3 .list .info {line-height: 1.6; }
    .header-container.no-fixed-status {position: fixed; }
    .count-list .desc {font-size: 0.8rem; }
    .common-contact .t1 {font-size: 1.3rem }
    .index-section3 .info {padding: 2vh 0 4vh; }
    .footer-fixed-footer {width: 3rem;bottom: 30%; }
    .footer-fixed-footer a .icon {width: 1rem;margin: 0 auto; }
    .footer-fixed-footer a {height: auto;padding: .35rem 0; }
    .footer-fixed-footer a .text {transform: scale(0.8);width: 140%;margin-left: -20%; }
    .index-section3 .swiper-button-next {right: 2%; }
    .index-section3 .swiper-button-prev {left: 3%; }
    .swiper-button {width: 2rem;height: 2rem; }
    .index-section4 .person-info {padding: 1rem 0 2rem; }
    .index-section4 .logo {width: auto; }
    .about-section8 {padding-bottom: 3rem; }
    .about-section9 {height: 15rem; }
    .about-section9 .btn {margin-top: 0; }
    .solution-section6 .swiper-container {padding: 0;width: 90%;margin: auto; }
    .solution-section6 .swiper-slide {border-radius: .5rem; }
    .solution-section5, .solution-section6 {padding: 3rem 0 3rem; }
    .solution-section6 .swiper-pagination {transform: rotate(0);top: auto;bottom: 0%;left: 0;width: 100%; }
    .solution-section4 .solution-nav4 a {width: auto;padding: 0 2rem;line-height: 2.5rem;font-size: .9rem;margin: 0 .5rem; }
    .solution-list4 .titles {font-size: 1.3rem; }
    .solution-section4 {padding: 3rem 0; }
    .solution-list4 .list {margin-top: 0.5rem; }
    .solution-list4 .info {width: 90%;bottom: 5%;left: 5%; }
    .solution-list4 .desc-bg {height: 20rem;border-radius: .5rem; }
    .solution-section4 .icon {width: 2.5rem;margin-right: 1rem; }
    .solution-section4 .text {width: calc(100% - 3.5rem); }
    .solution-list4 .list dd {width: 50%;padding: 1.5rem 0 0; }
    .case-section4 .swiper-pagination {position: absolute;width: 100%;transform: rotate(0);top: auto;bottom: 0;left: 0; }
    .case-section4 .picture {margin: 2rem 0; }
    .pro-d-section3 .line {margin-bottom: 1.5rem; }
    .about-container .swiper-button-next {right: 2%; }
    .case-section5 .why, .common-about-title .title {font-size: 1.5rem;line-height: 1.5;max-width: 100%; }
    .case-section5 .title-pro {font-size: 1rem; }
    .case-section5 .item-info {line-height: 1.5;margin-top: .5rem; }
    .case-section5 .name {font-size: 1rem;line-height: 1.2; }
    .case-section5 .other {font-size: .8rem;line-height: 1.2; }
    .case-section5 .avatar {width: 3rem;height: 3rem; }
    .case-section5 .logo {width: 5rem;margin-top: 1rem; }
    .common-about-title {padding: 3rem 0 0; }
    .about-section7 .btn-box a {line-height: 2rem;padding: 0 1rem;margin-left: 0;margin-right: 5px; }
    .about-list {padding: 3rem 0 1rem; }
    .about-section7 .btn-box {padding: 1rem 0px 0px; }
    .about-list .total-other {width: 65%;margin-bottom: -1rem; }
    .about-list .text {padding: 1rem 0 0; }
    .about-section4 .data-list .other {padding: 0 1rem; }
    .about-section4 .data-list .icon {width: 4rem;height: 4rem;line-height: 2rem; }
    .about-section4 .data-list .info {font-size: 1rem; }
    .about-section5 .group {display: block;position: static; }
    .about-section5 .photo {display: none; }
    .about-section4 .data1-list .picture {border-radius: 10px 10px 5px 5px; }
    .about-section4 .data1-list {padding: 1.5rem 0 2.5rem; }
    .about-section4 .data1-list .info {border-radius: 5px 5px 10px 10px;padding: 1rem 1rem;box-sizing: border-box;width: calc(100% - 1rem);margin: -6rem auto 0;position: relative;z-index: 3; }
    .about-section4 .data1-list li, .about-section4 .data-list li {width: 100%; }
    .about-section3 .left, .about-section3 .right {width: 100%;float: none;margin-right: 0; }
    .about-section3 .right {margin-top: 1.5rem; }
    .about-section1 .left-info .logo {max-width: 50%; }
    .solution-section1.pro-d-section2 .video-show, .solution-section1.pro-d-section2 .video {height: 20rem; }
    .about-section5 .item {width: 100%;padding: 0 5%;height: 320px;position: relative;background: #000; }
    .about-section5 .no {bottom: 5rem; }
    .about-section5 .mid {padding: 0 0 6rem }
    .about-section5 .icon {width: 2.5rem }
    .about-section5 .mid .title {font-size: 1.2rem;margin: 1.2rem 0;text-align: center;color: #Fff; }
    .about-section5 .mask {position: absolute;width: 100%;height: 100%;opacity: .5; }
    .case-section2 ul {padding: 0 5%;display: block; }
    .case-container .banner .common-crumb {padding-bottom: 2rem; }
    .case-section2 .t1 span {font-size: 2rem; }
    .case-section2 {padding: 10rem 0 2rem; }
    .case-section2 li {width: 100%;border: 0;padding: 1rem 0;border-bottom: 1px solid #FAFAFA; }
    .pro-d-header .left, .pro-d-header .right, .pro-d-section3 .picture, .pro-d-section3 .lan, .pro-d-section4 .table-list li {width: 100%; }
    .pro-d-header .note {font-size: 1rem;padding: 1.5rem 0 2rem; }
    .pro-d-header .left {padding-bottom: 3rem;margin: 0; }
    .pro-d-header .info {font-size: 1rem;padding: 1.5rem 0;min-height: 7rem; }
    .pro-d-section3 .title {font-size: 1.5rem;padding: 2rem 0 1rem; }
    .pro-d-section5, .pro-d-section4, .pro-d-section6, .pro-d-section3 {padding: 3rem 0; }
    .pro-d-section3 .info {padding: 0 0 3rem; }
    .pro-d-section3 li {margin: 0 0 2rem 0 }
    .pro-d-section6 dl, .pro-d-section4 .table-list {padding: 0 }
    .pro-d-section5 .title-pro, .pro-d-section6 .title-pro, .pro-d-section4 .title {margin: 0 0 1.5rem;padding: 0;font-size: 1.5rem; }
    .pro-d-section6 dd {width: 47%;margin-right: calc(4.5% - 4px); }
    .pro-d-section6 dd:nth-child(even) {margin-right: 0 }
    .pro-d-section6 a {padding: 1.5rem 8%;border-radius: .5rem; }
    .pro-d-nav.fixed {top: 50px;line-height: 2.5rem;height: 2.5rem; }
    .solution-section .title {font-size: 1.7rem;padding-bottom: 1rem; }
    .solution-section2, .solution-section1 {padding: 3rem 0 2rem; }
    .solution-section1 .btn {margin: 1rem 0 0 }
    .framework-list {margin: 1.5rem 0 1.5rem;padding: 0 5%; }
    .solution-section1 .box, .framework-list > dd {display: block;padding: 1rem 0; }
    .solution-section1 .text, .solution-section1 .video, .framework-list > dd > .right {width: 100%; }
    .solution-section1 .video-show {height: 20rem; }
    .solution-section1 .video {height: 20rem;margin: 2rem 0 0; }
    .solution-section3 {padding: 4rem 0 2rem; }
    .solution-section3 .text-list .title-info {font-size: 1.3rem; }
    .join-container .join-section .editor {margin: 1.25rem 0 0; }
    .join-container .join-section .title {line-height: 4rem;font-size: 1.5rem;padding-left: 1.5rem;margin-left: -1.5rem; }
    .serve-section4 .map {display: block;transform: scale(.75);transform-origin: -90% 0;height: 400px; }
    .serve-section4 .loc-info {width: 100%;max-width: 40rem;margin: auto;position: relative;margin-bottom: 2rem; }
    .common-contact .button-list {margin-top: 1rem; }
    .common-contact .button-list a {min-width: 8rem;width: auto;padding: 0 1rem;line-height: 2.5rem;height: 2.5rem; }
    .serve-section4 .content {display: block; }
    .serve-nav {display: none; }
    .serve-section3 .list .icon {width: 2rem; }
    .serve-section1 .info {display: block; }
    .serve-section1 .left-info, .serve-section1 .info {font-size: 1.5rem;padding-bottom: 1rem; }
    .serve-section1, .serve-section1 .count-list {padding: 2rem 0 0; }
    .about-section1 {padding-bottom: 18rem; }
    .count-list li {width: auto;min-width: 28%; }
    .serve-section2 .content li {display: block;margin: 3rem 0 0; }
    .serve-section2 .content .icon {width: 2.25rem;margin-top: 1.5rem; }
    .serve-section2 .content .title {font-size: 1.3rem;padding: 1.3rem 0 1rem; }
    .serve-section3 .list li {width: 50%;padding: 2rem 2.5%;height: auto; }
    .serve-section3 .list .title {font-size: 1.1rem;padding: 1.5rem 0 .6rem 0; }
    .serve-section3 .list .info {text-align: left; }
    .serve-section3 .list li:nth-child(3) {border-top: 1px solid rgba(255, 255, 255, .2); }
    .serve-section3 .list li:nth-child(3n) {border-right: 1px solid rgba(255, 255, 255, .2); }
    .serve-section2 .content .lan, .serve-section2 .content .picture, .serve-section1 .left-info, .serve-section1 .right-info, .index-section3 .left, .index-section3 .right {width: 100%;max-width: 100%; }
    .index-section3 .count-list {padding: 1rem 0 2rem; }
    .index-section3 .swiper-container {width: 90%;margin: auto; }
    .index-section3 .swiper-slide {border-radius: 5px; }
    .index-section2 .nav-list {display: none; }
    .index-section3 .title, .index-section2 .title {font-size: 1.4rem; }
    .count-list .num span {font-size: 1.8rem; /* padding-right: 0.3rem; */ }
    .index-section2 .content {padding-top: 20vh; }
    .index-section4 .text-info-container {display: block; }
    .index-section4 .left-nav {width: 100%;padding: 1rem .5rem;margin-bottom: 4vh;border-radius: 3px; }
    .index-section2 .nav {width: 18rem;height: 3rem;line-height: 3rem;top: 0;left: calc(50% - 9rem); }
    .index-section2 .nav a {font-size: 1rem; }
    .index-section4 .left-nav a {line-height: 1.5;display: inline-block;font-size: .9rem;margin-right: .3rem;padding: 0; }
    .index-section4 .right {width: 90%;margin: auto; }
    .content-nav-box.fixed {top: 50px; }
    .content-banner-flex {left: 0;width: 90%; }
    .content-list-item .list-item-title {padding-top: 1rem;padding-bottom: .4rem;font-size: 1.1rem; }
    .content-list-item .list-item-text {font-size: 0.9rem; }
    .content-banner-flex .content-banner-title {font-size: 1.3rem;padding: 0 0 1rem; }
    .content-list-title-text {font-size: 1.3rem; }
    .content-banner-flex {display: block;position: relative;padding: 2.5rem 5% 3rem;height: auto;width: 100%;box-sizing: border-box; }
    .content-banner-box {height: auto;margin-bottom: 2rem; }
    .content-list-box {margin: 0 0 2rem }
    .content-list-item {display: block;width: 100%;margin: 0 0 2.5rem; }
    .content-list-item:nth-child(3n-1) {animation-delay: 0s; }
    .content-list-item:nth-child(3n) {animation-delay: 0s; }
    .btn-text {margin-right: 1rem; }
    .index-section5 .btn {padding: 0.6rem 1rem .6rem;width: auto;height: 2.7rem;margin-top: 2rem; }
    .index-section5 .btn-text {margin-right: .3rem; }
    .banner-section-list .title {font-size: 2rem; }
    .banner-section-list .button {max-width: 8.5rem;width: auto;padding: 0 1rem; }
    .video-iphone video {height: 100vh;width: 100%;margin: 0; object-fit: contain;}
    .catalogue-list .catalogue-navigation-list {display: none; }
    .disclaimers-list {width: 100%;float: none; }
    .index-section5 li:after {display: none; }
    .pro-container {padding: 3rem 0 3rem; }
    .pro-info .left .title {font-size: 1.4rem; }
    .pro-info .left .desc {max-width: 100%;font-size: .9rem;margin: .15rem 0 1.2rem; }
    .pro-info .left, .pro-info .right {width: 100%; }
    .pro-container .pro-info {padding: 4rem 0 0; }
    .pro-info .right a {padding: 1rem;margin: 0; }
    .pro-container .nav-list .box {width: 100%;white-space: nowrap;overflow: auto; }
    .pro-container .nav-list a .icon, .pro-container .nav-sum.fixed .icon {width: 1.3rem;height: 1.3rem;margin-bottom: .75rem; }
    .pro-container .nav-list a, .pro-container .nav-sum.fixed a {padding: .5rem .2rem;font-size: 12px;width: auto; /* margin: 0; *//* zoom: .7; */ }
    .pro-container .nav-sum.fixed {top: 3.25rem; }
    .pro-container .nav-sum.fixed .mask, .pro-container .mask {height: 6rem;top: 0.5rem;zoom: .7; }
    .pro-container .mask {display: none }
    .news-details, .new-hot-box {width: 100%;display: block;box-sizing: border-box; }
    .news-details-container .title {font-size: 1.5rem; }
    .news-d-sum {padding: 2.2rem 0 0;display: block; }
    .news-details .editor, .news-details .btn-box {padding-bottom: 1rem; }
    .news-details .details-bottom-box {padding-bottom: 2rem;padding-top: .5rem;display: block; }
    .news-details .details-bottom-flex {padding: 1.25rem 0; }
    .new-hot-list .new-hot-list-title {font-size: 1.1rem;padding: 1rem 0 0.5rem; }
    .new-hot-title {margin-bottom: 1.4rem; }
    body > main, .have-header-black {padding-top: 50px; }
    .iphone-header {display: block;background: #fff; }
    .pro-d-ability-box {display: block; }
    .pc-header {display: none; }
    .box, .disclaimers-container .box {width: 90% }
    .index-section4 .box {display: block;width: 100%;padding: 0 0 14vh; }
    .case-list .title {font-size: 1.1rem;margin: 0 0 0.6rem; }
    .news-list li:nth-child(3) {border-top: 1px solid #eaeaea; }
    .news-list li {width: 50%;padding: 1.5rem 0; }
    .news-list li:after {height: calc(100% - 3rem);top: 1.5rem; }
    .news-list li:nth-child(3n):after {display: block; }
    .news-list li:nth-child(2n):after {display: none; }
    .news-list li a, .news-list li:nth-child(3n) a {animation-delay: 0s;box-sizing: border-box; }
    .news-list li:nth-child(2n) a {animation-delay: .15s; }
    .news-list a {padding: 0.6rem 1.5rem 0.6rem; }
    .news-list .more-icon {margin-right: 0.3rem; }
    .news-list .title {margin: 0.6rem 0; }
    .news-list .bg {height: 8.5rem;margin: 0.6rem 0 1.5rem; }
    .news-module {padding: 2.5rem 0 2rem; }
    .news-module .left, .news-module .right {width: 100%;padding-bottom: 1.5rem; }
    .news-module .left a, .news-module .right a {line-height: 2.3rem;margin-right: 0.5rem;float: none;display: inline-block;padding: 0 1rem; }
    .news-module .footer-border > .input {min-width: 17rem;width: 100%; }
    .case-list li, .case-list li:nth-child(3n), .case-list li:nth-child(3n -1) {margin: 0 0 2rem;width: 48%;animation-delay: 0s; }
    .case-module .left {padding: 0; }
    .case-list li:nth-child(2n) {margin-left: 4%; }
    .case-module {padding: 1.2rem 0; }
    .case-list .info {padding: 1.2rem 1.5rem 0; }
    .footer-bottom .o-left a {display: inline; }
    .footer-bottom .o-right {text-align: right;padding-bottom: 1rem; }
    .footer-bottom .other, .footer-container .footer-top, .footer-container .footer-top .logo, .footer-container .footer-center, .footer-container .footer-nav {display: block; }
    .footer-container .footer-nav li {padding: 0.5rem 0;display: block;margin: 0; }
    .footer-container .footer-nav .title {padding: 0.25rem 0;font-size: .9rem; }
    .footer-container .footer-nav li.have {border-bottom: 1px solid rgba(255, 255, 255, .1);position: relative; }
    .footer-container .footer-nav li.have:after {content: '';position: absolute;top: 1rem;right: 0.5rem;transform: rotate(-135deg);width: 0.5rem;height: 0.5rem;border-top: 1px solid rgba(255, 255, 255, .64);border-left: 1px solid rgba(255, 255, 255, .64); }
    .footer-container .footer-nav li.have.show:after {top: 1rem;transform: rotate(45deg); }
    .footer-container .footer-nav .info {display: none; }
    .footer-container .footer-about, .footer-container .footer-top .slogan {width: 100%;padding: 1rem 0 0;border: 0;display: block;margin: 0; }
    .footer-blogroll, .footer-container .footer-top .footer-share {display: none; }
    .neiye-pagetion a {width: 2rem;height: 2rem;line-height: 2rem;margin: 0 .2rem; }
    .neiye-pagetion .more-icon i {top: calc(50% - 0.15rem);left: calc(50% - 0.25rem);width: 0.3rem;height: 0.3rem; }
    .banner, .job-container .banner {height: 28rem; }
    .banner .tips {font-size: 1rem; }
    .banner .title {font-size: 1.7rem;padding: 0.6rem 0; }
    .banner .desc {font-size: .9rem; }
    .pc-media {display: none; }
    .iphone-media {display: block; }
    .channel-cooperation-plan {padding-bottom: 3rem; }
    .channel-cooperation-apply.contact-us-container .box-form {margin-top: 1.5rem; }
    .open-cooperation-bg {padding-bottom: 3rem; }
    .open-cooperation-bg .open-cooperation-list {padding: 2rem 5%;width: 100%;margin: 0 0 1.2rem 0;animation-delay: 0s !important; }
    .open-cooperation-bg .open-cooperation-list .list-text {margin-bottom: 2rem; }
    .open-cooperation-bg .open-cooperation-list .list-title {margin: 1.5rem 0 1rem; }
    .contact-us-container .box-form {padding-bottom: 3rem }
    .common-title .box-form-main-title, .contact-us-container .box-form .box-form-main-title {font-size: 1.5rem;padding-top: 3rem; }
    .serve-section3 {padding: 2rem 0 0; }
    .common-title .box-form-subtitle, .contact-us-container .box-form .box-form-subtitle {padding-top: 1rem;padding-bottom: 1.2rem;font-size: 0.9rem; }
    .popup-box {display: block;width: 90%;border-radius: 0.5rem;overflow: hidden;position: relative; }
    .popup-box-left {width: 100%;height: auto !important;background-size: cover;padding: 1rem 0;border-radius: 0;background-position: center center; }
    .popup-box-right {width: 100%;box-sizing: border-box;border-radius: 0;padding: 2rem;position: static; }
    .popup-bottom-box {display: none; }
    .popup-box-left .popup-logo-img {width: 100%;height: auto;max-width: 9rem;margin: 0; }
    .site-map-box, .site-map-box:first-child, .site-map-box:last-child {width: 33.3%;border-top: 1px solid rgba(0, 0, 0, .1); }
    .site-map-box:nth-child(3n) {border-right: 0; }
    .site-map-container .list-box-title {text-align: center !important; }
    .site-map-list {border-top: 0; }
    .contact-us-map-img, .contact-us-info {width: 100%; }
    .contact-us-info-flex .info-flex-title {margin-bottom: .7rem;font-size: .9rem; }
    .contact-us-info li {padding-top: 1.5rem; }
    .contact-us-container .box-info {display: block;padding: 2rem 0; }
    .contact-us-container .box-form .box-form-box {padding: 1.5rem; }
    .contact-us-container .box-form .box-form-item {width: 45%; }
    .contact-us-container .box-form .box-form-item {margin-bottom: 1.3rem !important; }
    .contact-us-container .box-form .box-form-item {width: 100%; }
    .contact-us-container .box-form .box-form-input {padding: .7rem 0 }
    .contact-us-container .box-form .box-form-item:nth-child(5) .box-form-input {height: 5rem }
    .channel-cooperation-apply .box-form .box-form-item .box-form-input {line-height: 3rem !important;height: 3rem !important; }
    .index-section5 .news-info-index .nav {margin: 1rem 0 0; }
    .index-section5 .news-info-index .title {font-size: 1.5rem;line-height: 1.4;padding-top: 0; }
    .index-section5 .news-list .list {padding: 3vh 0; }
    .index-section5 .news-info-index .nav a {font-size: 0.9rem;width: auto;padding: 0 1rem;margin: 0; }
    .content-nav-text {line-height: 4rem;font-size: 1.1rem; }
    .content-title-box {padding-top: 1rem;padding-bottom: 1.9rem; }
    .content-banner-flex .content-banner-text {font-size: .8rem;width: 100%; }
    .solution-main .banner .banner-text {padding-bottom: 4rem; }
    .privacy-policy-list {width: 100%; }
    .privacy-policy-title {margin-bottom: 1rem;font-size: 1.1rem; }
    .privacy-policy-content {font-size: 0.9rem;line-height: 1.6; }
    .common-article-img-box .li-img-box {border-radius: .5rem; }
    .common-article-img-box .article-img-text-box {top: 10%;left: 5%;width: 90%;border-radius: .5rem; }
    .common-article-content {font-size: .9rem; }
    .common-article-img-box .article-img-text-box .img-text-content, .common-article-img-box .article-img-text-box .img-text-title {padding: 2rem 5%;margin: 0; }
    .common-article-img-box .article-img-text-box .img-text-content {padding-top: 0; }
    .responsibility-list4 {padding: 1rem 0 0; }
    .responsibility-list4 li:nth-child(3n-1), .responsibility-list4 li:nth-child(3n-2), .responsibility-list4 li {animation-delay: 0s;width: 100%;margin: 1rem 0 0 0; }
    .responsibility-list4.common-article-img-box .img-box {padding: 65% 5% 0; }
    .common-article-content-box .btn-box, .responsibility-section5 .common-article-content {width: 100%;text-align: left;margin-bottom: 1rem; }
    .common-article-content-box .btn-box a {line-height: 2rem;padding: 0 1rem;margin-left: .3rem; }
    .responsibility-section5 .common-article-img-box .li-img-box img {border-radius: .5rem;max-width: 500%;width: 300%; }
    .common-article-img-box .img-box .common-img-box-title {margin-bottom: 1.1rem;font-size: 1.2rem; }
    .common-article-img-box .img-box .icon {max-width: 2rem;margin-bottom: 1rem; }
    .responsibility-container .flex-img-box {display: none; }
    .responsibility-list3 li, .responsibility-list3 li:nth-child(2n) {margin: 0 0 1rem;border-radius: .5rem;width: 100%; }
    .common-article-img-box .img-text-box {padding: 1rem; }
    .common-article-box .img-add-icon {width: 2rem;height: 2rem;line-height: 2rem; }
    .common-article-img-box .img-text-box .common-img-box-title {padding: 0.5rem 0 0.7rem;font-size: 1.2rem; }
    .common-article-title {font-size: 1.6rem;margin: 3.5rem 0 .5rem; }
    .common-article-img-box li {margin-top: 1.3rem;border-radius: .5rem; }
    .job-content-list-item .job-list-icon {top: 0.75rem; }
    .job-section1 {display: block;padding: 2rem 0 0; }
    .job-container .check-list {padding: 1rem 0 0 }
    .job-container .check-list-flex-title {font-size: 1rem }
    .job-content-list-item {margin-bottom: 1.2rem;padding: .5rem 5% 0;box-sizing: border-box;width: 100%; }
    .job-container .check-list-flex {margin-bottom: 1.2rem;padding: 1.5rem 5%;box-sizing: border-box; }
    .job-container .check-list-flex, .content-list-box, .news-details, .new-hot-box {width: 100%;display: block;box-sizing: border-box; }
    .job-content-list-item .list-flex-box {border-top: 1px solid #EEEEEE;-webkit-box-pack: justify;-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between; }
    .job-content-list-item.lis-item-active .list-flex-box {border-top: 0; }
    .job-flow-item .item-back-box .item-back-box-title, .job-flow-item .item-back-box .item-back-box-content, .job-content-list-item .list-flex-box {font-size: .9rem; }
    .job-content-list-item.lis-item-active .job-content-list-box .content-list-profile {display: block;font-size: .9rem; }
    .job-content-list-box {padding-top: 0; }
    .job-content-list-item.lis-item-active .job-content-list-box {padding-top: 1rem; }
    .job-content-list-item .job-content-list-box p {padding-top: 1rem;padding-bottom: 0.5rem;font-size: 1rem; }
    .common-list-title {padding: .5rem 0;font-size: 1rem; }
    .job-content-list-item .list-flex-box .list-flex-item {width: auto;padding: .5rem 0;margin-right: 0;max-width: 33%; }
    .job-content-list-item .job-content-list-box .content-list-profile {display: none; }
    .content-list-box:last-child {padding-bottom: 0;width: 100%; }
    .job-flow-title {padding-top: 2rem;padding-bottom: 1rem;font-size: 1.5rem; }
    .job-flow-item {width: 100%;margin: 1rem 0 0 !important;height: auto;animation-delay: 0 !important; }
    .job-container .box {display: block; }
    .job-flow-item .no {color: #FFFFFF;font-size: 1.5rem; }
    .job-section2 {padding: 1rem 0 3rem; }
    .job-flow-item .item-back-box {opacity: 1;position: static;height: auto;padding: 2rem 5% 4rem; }
    .job-flow-item .item-front-box {display: none; }
    /* S 12-08 *//* pro-d */ .pro-d-ability-box {display: block; }
    .pro-d-ability-title {width: 100%;margin-bottom: 2.5rem; }
    .pro-d-ability-flex {width: 100%;padding: 0; }
    .pro-d-ability-flex li {width: calc(33.3% - 1.125rem); }
    .pro-d-ability-flex li:nth-child(3n) {margin-right: 0; }
    .pro-d-ability-flex li:nth-child(4n) {margin-right: 1.5rem; }
    /* pro-d *//* E 12-08 *//* S 12-12 *//* programme-section */ .programme-section .list a {padding: 1.3rem 1.15rem;width: 10.3rem;height: 10.3rem; }
    .programme-section .list .num {top: 1rem;right: 0;width: 1.6rem;height: 1.6rem;line-height: 1.6rem; }
    .programme-section .list .icon {width: 2.1rem;height: 2.1rem; }
    .programme-section .list li {width: 100%;flex-direction: column;justify-content: center;align-items: center; }
    .programme-section .arrow-more {padding: 0;width: auto;height: 4rem; }
    .programme-section .arrow-more span {display: block;position: absolute;top: 5rem; }
    /* programme-section *//* E 12-12 */ .pro-d-section3 .picture, .pro-d-section3 .picture {height: auto;max-height: 100%; }}


@media screen and (max-width: 767px) { /* S 12-08 *//* pro-d */ .pro-d-ability-box {display: block;padding: 2rem 0; }
    .pro-d-ability-title, .solution-section1.pro-d-section2 .video .title {width: 100%;margin-bottom: 1.5rem;font-size: 1.5rem; }
    .solution-section1.pro-d-section2 .video .note {padding: 0 }
    .pro-d-ability-flex {width: 100%;padding: 0; }
    .pro-d-ability-flex li {width: calc(50% - 0.75rem);flex-direction: column; }
    .pro-d-ability-flex li:nth-child(3n) {margin-right: 1.5rem; }
    .pro-d-ability-flex li:nth-child(4n) {margin-right: 0; }
    .pro-d-ability-flex li:nth-child(even) {margin-right: 0; }
    .pro-d-ability-flex li .icon {margin-bottom: 0.9rem;width: 2rem; }
    .pro-d-ability-flex li .info {margin-left: 0; }
    /* E 12-08 *//* S 12-12 *//* programme-section */ .programme-section .title {font-size: 1.6rem;padding-top: 4rem; }
    .programme-section .info {flex-direction: column;justify-content: center;align-items: center;width: 90%; }
    .programme-section .info .input {margin-bottom: 1rem;margin-left: 0;margin-right: 0;width: 100%;line-height: 1.8rem; }
    .programme-section .info a.btn {width: auto; }
    .programme-section .list {width: 100%;justify-content: center; }
    .programme-section .desc {padding-bottom: 0; }
    .programme-section .arrow-more span {transform: rotate(0deg); }
    .programme-section .arrow-more span:nth-child(1) {animation: 1.5s opacityBottom1 0s linear infinite;top: 0;left: 0;opacity: 1; }
    .programme-section .arrow-more span:nth-child(2) {animation: 1.5s opacitysBottom1 0s linear infinite;top: 2rem;left: 0; }
    .programme-section .arrow-more span:nth-child(3) {animation: 1.3s opacitys2 0s linear infinite;top: 3rem;left: 0; }
    @keyframes opacityBottom1 {0% {    top: 0px;}33% {    top: 2rem;}66% {    top: 3rem;    opacity: 0;}/* 90%{ top: 0px; opacity: 0;  } */100% {    top: 0px;    opacity: 0;} }@keyframes opacitysBottom1 { 0% {top: 2rem; } 33% {bottom: 3rem;opacity: 0; } 66% {top: 0px;opacity: 0; } 100% {top: 2rem; }  }.footer-container .footer-nav {  display: none;   }
    .footer-container .footer-about table {margin: 2vh 0 7vh; }
    .solution-section5 .item {margin-bottom: 1rem;width: calc(50% - 0.5rem); }
    .solution-section5 .item a {padding: 2rem 0 1rem; }
    .solution-section5 .item .item-title {font-size: 1rem; }
    .solution-section5 .item:nth-child(2) {margin-right: 0; }
    .partner-list li:nth-child(7n - 6), .partner-list li:nth-child(7n), .partner-list li {width: 20%;height: 5rem;border-right: 1px solid #e8e8e8;line-height: 5rem; }
    .partner-list li.null {display: none; }
    .partner-list li.null:nth-child(1) {display: block; }
    .partner-list li:nth-child(5n - 4) {border-left: 0; }
    .partner-sum .data {width: 40%; }
    .partner-list li:last-child {border-right: 1px solid #e8e8e8; }
    .partner-list li:nth-child(5n) {border-right: 0; }
    .framework-module3 .text {font-size: 1rem; }
    .framework-list > dd > .left {width: 100%;font-size: 1.3rem;padding-bottom: 1rem; }
    .framework-module3 .picture {width: 86%; }
    .framework-module1 .other dd {font-size: 1rem;padding: .5rem 0 }
    .framework-module1, .framework-module3 a, .framework-module2 li, .framework-module1 .picture, .framework-module1 .other {width: 100%;margin: 0 0 1rem !important;display: block; }
    .framework-module1 .other dd, .framework-module1 li {width: 100%;padding: 0.3rem 0;-webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center; }
    .framework-module1 .picture {width: 50%; }
    .framework-module1 .other {width: 50%; }
    .join-section4 .swiper-button-prev {left: 2.5%; top: 50%;}
    .join-section4 .swiper-button-next {right: 2.5%; top: 50%;}
    .join-section4 .swiper-container, .join-section3 .right {padding: 1.5rem 0 0; }
    .join-section5 .right {height: auto;padding: 2rem 0; }
    .join-section5 .return-job {margin: auto;width: 39%;font-size: 1rem;line-height: 2.5; }
    .join-section5 .right li:nth-child(3n), .join-section5 .right li {position: relative;top: 0 !important;left: 0 !important;height: auto;padding-bottom: 3rem;right: auto;bottom: auto;width: 100%;margin: 0 0 .8rem;transform: none !important;background: #fff !important; }
    .join-section5, .join-section1 .box, .join-section3 {padding: 3.5rem 0 3rem; }
    .join-section3 .right .item-title {padding: 2rem 0 .5rem }
    .join-section3 .right li:nth-child(even) {margin-top: 2.5rem; }
    .join-section3 .right li:nth-child(odd) {margin-top: -1rem; }
    .join-section2 {padding: 3.5rem 0 3rem; }
    .join-section2 .each-item {margin: 2rem 0 0; }
    .join-container .join-section .editor {margin-top: .75rem; }
    .join-section5 .left, .join-section2 .left, .join-section3 .left {width: 100%;margin-bottom: .5rem; }
    .join-section5 .right, .join-section3 .right, .join-section2 .right {width: 100%; }
    .adv-list .adv-icon {width: 6rem;height: 6rem;position: relative;padding: .5rem; }
    .adv-list .adv-icon .icon {line-height: 4.7rem; }
    .adv-list .adv-icon img {width: 2rem; }
    .container-404 .button-list a {width: 8rem;height: 3rem;line-height: 3rem;font-size: 1rem;margin: 0 0.5rem; }
    .banner, .job-container .banner {height: 20rem; }
    .news-list li:nth-child(2) {border-top: 1px solid #eaeaea; }
    .news-list li {width: 100%; }
    .news-list li a, .index-section5 .news-list li a {padding: 1rem;animation-delay: 0s !important;margin: 2px; }
    .news-list li:after {display: none; }
    .neiye-pagetion a {width: 1.5rem;height: 1.5rem;line-height: 1.5rem;margin: 0 .2rem; }
    .popup-box-right .popup-subtitle {padding: .5rem 0; }
    .popup-box-right .popup-main-title {font-size: 1.4rem }
    .popup-box-right .popup-info-box {padding-top: 1.1rem; }
    .popup-box-right .box-form-item {width: 100%;margin: 0 0 1rem;float: none !important; }
    .popup-box-right .box-form-item:nth-child(3) {margin: 0; }
    .popup-box-right .popup-note {padding-top: .5rem;padding-bottom: 1rem; }
    .popup-box-btn .btn-text {font-size: .85rem }
    .popup-box-right .box-form-item:nth-child(3) .title {padding-top: 0;padding-bottom: .5rem }
    .site-map-box, .site-map-box:first-child, .site-map-box:last-child {width: 100%; }
    .site-map-container .list-box-title {text-align: left !important;box-sizing: border-box;padding: 1.5rem 0 0.5rem 1rem; }
    .site-map-container .box-item-text {text-align: left;padding-left: 1rem;box-sizing: border-box;font-size: .9rem; }
    .site-map-box {height: auto;min-height: 0;padding-bottom: 1rem;border-right: 0; }
    .common-page-title {padding-top: 1.5rem;padding-bottom: 1.9rem;font-size: 1.6rem;font-family: PingFangSC-Semibold, sans-serif;font-weight: bold; }
    .channel-cooperation-apply {padding-bottom: 3rem; }
    .pro-info .right dd:nth-child(3n - 1), .pro-info .right dd {width: 100%;margin: 1rem 0 0; }
    .pro-container .nav-sum {top: .5rem; }
    .contact-us-map-img {height: 300px; }
    .container-404 .icon {max-width: 70%; }
    .footer-container .footer-about table td {min-width: 3rem;padding: .5rem 0 0;font-size: .9rem; }
    .footer-container .footer-nav .title, .footer-about .title {font-size: .9rem; }
    .disclaimers-list .info-desc {font-size: .9rem;line-height: 1.6; }
    .disclaimers-list .info-title {padding-bottom: 1rem;font-size: 1.2rem; }
    .channel-cooperation-apply .ordinary-btn {margin-right: 1rem; }
    .common-contact .button-list {margin-top: 3rem; }
    .common-contact .button-list a:first-child {margin-left: 0; }
    .pro-d-nav a {margin: 0 11px;font-size: .9rem; }
    .pro-d-nav .box {width: 100%; }
    /*.partner-list li:nth-child(1),*//*.partner-list li:nth-child(2),*//*.partner-list li:nth-child(8),*//*.partner-list li:nth-child(9) {*//*    display: none;*//*}*/ .about-container .icon-show.show, .serve-container .icon-show.show {display: none; }}


@media screen and (max-width: 560px) { .partner-sum .data {position: relative;height: auto;width: 100%; }
    .partner-list li.null:nth-child(1) {display: none; }
    .partner-list li:nth-child(5n - 4), .partner-list li:nth-child(5n), .partner-list li:nth-child(7n - 6), .partner-list li:nth-child(7n), .partner-list li {width: 50%;height: 100px;border-left: 0px solid #e8e8e8;line-height: 4rem;border-right: 1px solid #e8e8e8; }
    .partner-list li:nth-child(odd) {border-left: 0; }
    .partner-list li:last-child {border-right: 1px solid #e8e8e8; }
    .partner-list li:nth-child(2n) { /* border-right: 0; */ }
    .case-list li, .case-list li:nth-child(3n), .case-list li:nth-child(2n), .case-list li:nth-child(3n -1) {margin: 0 0 2rem;width: 100%; }
    .join-section3 .right {display: block; }
    .join-section3 .right li:nth-child(odd), .join-section3 .right li {width: 100%;margin: 0 0 0.8rem;height: auto;padding: 1rem;border-radius: .5rem; }
    .case-container .banner {height: 24rem; }
    .date-sum .date .swiper-slide-active {font-size: 1.1rem; }
    .tings .picture, .tings .text {padding: 1rem 0;width: 100%; }
    .date-sum {padding-top: 2rem; }
    .tings {padding: 2rem 0 4rem; }
    .nation-circle .gray {width: 10px;height: 10px;line-height: 10px; }
    .news-list .slick-list {overflow: hidden; }}


@media screen and (max-width: 460px) { .partner-list li {height: 5rem !important; }}


@media screen and (max-width: 767px) {
	.banner-section-list .button{display: none;}
	.banner-section-list .video-bg video{display: none;}
}