@font-face{font-family:swiper-icons; format("woff");font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform: translate3d(0px,0,0);}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{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{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:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{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:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white{--swiper-pagination-color:#ffffff}
.swiper-pagination-black{--swiper-pagination-color:#000000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content: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-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}
}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.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{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-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;backface-visibility:hidden}
.animated {-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.hinge {-webkit-animation-duration: 2s;animation-duration: 2s;}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
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%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {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 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% {-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% {-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: translateY(0);transform: translateY(0);}
}
@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: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.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: translateY(0);transform: translateY(0);}
}
@keyframes bounceInUp {
0% {opacity: 0;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);}
60% {opacity: 1;}
100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.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: translateY(0);transform: translateY(0);}
20% {opacity: 1;-webkit-transform: translateY(-20px);transform: translateY(-20px);}
100% {opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px);}
}
@keyframes bounceOutDown {
0% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
20% {opacity: 1;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
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(20px);transform: translateX(20px);}
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(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
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(-20px);transform: translateX(-20px);}
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(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}
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: translateY(0);transform: translateY(0);}
20% {opacity: 1;-webkit-transform: translateY(20px);transform: translateY(20px);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
}
@keyframes bounceOutUp {
0% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
20% {opacity: 1;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
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(-20px);transform: translateY(-20px);}
100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes fadeInDown {
0% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.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: translateY(0);transform: translateY(0);}
}
@keyframes fadeInDownBig {
0% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.fadeInDownBig {-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig;}
@-webkit-keyframes fadeInLeft {
0% {opacity: 0;-webkit-transform: translateX(-20px);transform: translateX(-20px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes fadeInLeft {
0% {opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}
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(20px);transform: translateX(20px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes fadeInRight {
0% {opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
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(20px);transform: translateY(20px);}
100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes fadeInUp {
0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.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: translateY(0);transform: translateY(0);}
}
@keyframes fadeInUpBig {
0% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.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: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}
}
@keyframes fadeOutDown {
0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
}
.fadeOutDown {-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;}
@-webkit-keyframes fadeOutDownBig {
0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px);}
}
@keyframes fadeOutDownBig {
0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
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(-20px);transform: translateX(-20px);}
}
@keyframes fadeOutLeft {
0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}
}
.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(20px);transform: translateX(20px);}
}
@keyframes fadeOutRight {
0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
}
.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: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);}
}
@keyframes fadeOutUp {
0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
}
.fadeOutUp {-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp;}
@-webkit-keyframes fadeOutUpBig {
0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
}
@keyframes fadeOutUpBig {
0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
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: translateY(0);transform: translateY(0);}
}
@keyframes slideInDown {
0% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.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: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
}
@keyframes slideOutUp {
0% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
}
.slideOutUp {-webkit-animation-name: slideOutUp;animation-name: slideOutUp;}
@-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) translateY(0);transform: rotate(60deg) translateY(0);opacity: 1;-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
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) translateY(0);-ms-transform: rotate(60deg) translateY(0);transform: rotate(60deg) translateY(0);opacity: 1;-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;}
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;}
* {margin: 0;padding: 0;box-sizing: border-box;}
html {font-size: 10px;line-height: 1;}
body {font-family: Arial, "微软雅黑", sans-serif;color: #2d343f;font-size: 14px;background-color: #fff;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6 {line-height: inherit;font-size: inherit;font-weight: normal;}
.product .txt h2{font-size: 20px;line-height: 30px;text-align: center;color: #e84b0a;}
i {font-style: normal;}
img {border: none;vertical-align: middle;}
ul,ol {list-style: none;}
li {list-style: inherit;}
input,textarea,button,span,li,a,div {border: none;outline: none;resize: none;}
textarea {font-family: Arial, "微软雅黑", sans-serif;overflow: auto;}
table {width: 100%;border-spacing: 0;border-collapse: collapse;}
a,a:active,a:hover,a:visited {color: inherit;font-size: inherit;text-decoration: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.mycol {margin: 0 -5px;*zoom: 1;}
.mycol:before, .mycol:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.mycol .col {float: left;padding: 0 5px;text-align: center;}
.mycol .col img {max-width: 100%;}
.mycol2 {margin: 0 -6.5vw;*zoom: 1;}
.mycol2:before, .mycol2:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.mycol2 .col {float: left;padding: 0 6.5vw;text-align: center;}
.mycol2 .col img {max-width: 100%;}
.mycol-2 .col {width: 25%;}
.center-img {height: 100%; overflow: hidden; position: relative;}
.center-img img {left: 50%;top: 50%;width: auto;height: 100%;position: absolute;min-width: 100%;max-width: none;transform: translate(-50%, -50%);}
.center-img-hover img {transition: all .3s;}
.center-img-hover:hover img {transform: translate(-50%,-50%) scale(1.05);}
.full-img {width: 100%;height: 0;position: relative;}
.full-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.lr-ti li {overflow: hidden;}
.lr-ti li > div {width: 50%;height: 100%;float: left;}
.lr-ti li > div .box {height: 100%;}
.lr-ti li > div .box > div {width: 100%;}
.lr-ti li:nth-child(2n) > div {float: right;}
.hvr-color {transition: all .3s;}
.hvr-color:hover {color: #ec7729;}
.w {max-width: 1400px;width: 90%;
*zoom: 1;overflow: hidden;margin-top: 0px;margin-right: auto;margin-bottom: 0;margin-left: auto;}
.w:before, .w:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.w1600 {width: 90%;margin: 0 auto;*zoom: 1;overflow: hidden;}
.w1600:before, .w1600:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.bg-img {background-size: cover;background-position: center;background-repeat: no-repeat;}
.bg-left {background-position: left center;background-repeat: no-repeat;}
.imgs-btn img {cursor: zoom-in;}
.com-padding {padding-top: 30px;padding-bottom: 30px;}
.pt0 {padding-top: 0px;}
.pb0 {padding-bottom: 0;}
.p-color {color: #7c7c7c;}
.tsi {transition: all .3s;}
.com-bg {background-color: #f4f4f4;}
.com-ba:before, .com-ba:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: transform .3s;}
.com-title {text-align: center;}
.com-title h3 {display: inline-block;height: 40px;margin-bottom: 10px;font-size: 24px;position: relative;line-height: 40px;margin-top: 10px;}
.com-title h3:before {content: '';position: absolute;left: 50%;bottom: 0;width: 80%;transform: translateX(-50%);border-bottom: 1px solid #ddd;}
.com-title h3:after {content: '';position: absolute;left: 50%;bottom: -1px;width: 30px;margin-left: -15px;border-bottom: 3px solid #ec7729;}
.com-title p {padding-bottom: 20px;line-height: 2;color: #7c7c7c;}
.com-title .more {display: block;margin-bottom: 30px;margin-top: -20px;color: #ec7729;font-size: 14px;}
.position {line-height: 1.2;overflow: hidden;font-size: 12px;transition: all .3s;background-color: #f4f4f4;padding-top: 15px;padding-right: 0;padding-bottom: 15px;padding-left: 0;}
.position a {transition: all .3s;}
.position a:hover {color: #ec7729;}
.position.top {position: fixed;left: 0;top: 60px;width: 100%;background: #fff;z-index: 998;border-bottom: 1px solid #ddd;}
.position .nav a {display: inline-block;width: 115px;text-align: center;color: #333;transition: all .3s;}
.position .nav a.active {background: #ec7729;}
.position .pos > a, .position .w > a {transition: all .3s;}
.position .pos > a:hover, .position .w > a:hover {color: #ec7729;}
.go-top {display: none;cursor: pointer;}
.go-top:before, .go-top:after {content: '';position: fixed;right: 10px;bottom: 50px;width: 30px;height: 30px;background-color: #999;border-radius: 5px;z-index: 100;}
.go-top:before {background: none;width: 12px;height: 12px;right: 17px;bottom: 54px;border: 3px solid #fff;border-bottom: none;border-right: none;transform: rotate(45deg);z-index: 102;border-radius: 0;}
.mycol-5 .col {width: 20%;}
.box {display: block;}
.center-fa {position: relative;}
.center-fa .center {left: 50%; top: 50%; position: absolute; transform: translate(-50%, 50%);}
.center-fa .centerX {left: 50%; position: absolute; transform: translateX(-50%);}
.center-fa .centerY {top: 50%; position: absolute; transform: translateY(-50%);}
.header {position: fixed;left: 0;top: 0;width: 100%;height: 90px;line-height: 90px;padding-left: 10px;box-shadow: 0 5px 30px -20px #000;background: #fff;z-index: 999;}
.header .logo {position: relative;}
.header .logo a {display: block;font-size: 0;}
.header .logo p {position: absolute;top: 50%;transform: translateY(-50%);left: 120px;color: #666;font-size: 16px;white-space: nowrap;}
.header .logo p span {display: block;height: 30px;color: #333;font-size: 20px;}
.header .nav {
	height: 100%;
	text-align: right;
	float: right;
}
.header .nav ul {width: 100%;height: 100%;display: inline-block;}
.header .nav li {display: inline-block;position: relative;text-align: center;margin-right: 10px;margin-left: 10px;}
.header .nav li > a {height: 91px;line-height: 91px;color: #3c3c3c;font-size: 18px;display: block;transition: all .3s;position: relative;}
.header .nav li > a:after {content: '';position: absolute;left: 0;bottom: 1px;width: 100%;border-top: 2px solid #ec7729;transform: scaleX(0);z-index: 2;transition: all .3s;}
.header .nav .subnav {background: rgb(255, 255, 255); transition:bottom 0.5s, opacity 0.5s; left: 50%; width: 140px; height: 0px; text-align: center; bottom: -30px; overflow: hidden; position: absolute; opacity: 0; transform: translate(-50%, 100%);}
.header .nav .subnav > a {padding: 10px 0px; line-height: 1; font-size: 14px; display: block;}
.header .nav .subnav > a:hover {background: rgb(244, 244, 244); color: #e84b0a;}
.header .nav li:hover .subnav {height: auto;bottom: 5px;opacity: 1;box-shadow: 0px 0px 30px -20px #000;padding-top: 20px;padding-right: 0px;padding-bottom: 20px;padding-left: 0px;}
.header .phone {font-size: 0;}
.header .phone p {float: left;height: 100%;padding-left: 30px;color: #ec7729;font-size: 20px;font-weight: 700;text-align: right;background: url(/style/icon_phone01.png) left center no-repeat;margin-left: 10px;padding-right: 10px;}
.header .phone .lang {float: left;width: 90px;height: 90px;position: relative;}
.header .phone .lang > a {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: block;width: 20px;height: 20px;margin-top: -6px;margin-left: -6px;color: #293e6b;font-size: 12px;line-height: 18px;border: 2px solid #293e6b;background: #fff;z-index: 2;text-align: center;}
.header .phone .lang > a.active {margin: 0;margin-top: 6px;margin-left: 6px;color: #fff;background: #293e6b;z-index: 1;}
.header .phone .search {float: left;width: 100px;height: 90px;text-align: center;background: #293e6b;}
.header .phone span {display: block;width: 100%;height: 100%;}
.header .phone form {display: none;position: fixed;top: 90px;left: 0;width: 100%;height: 80px;line-height: 80px;background-color: #fff;border-top: 1px solid #ec7729;text-align: center;z-index: 2;}
.header .phone form input {display: inline-block;}
.header .phone form .key {width: 30%;height: 40px;border-radius: 40px;padding-left: 20px;padding-right: 100px;border: 1px solid #ccc;}
.header .phone form .sub {position: relative;left: -80px;width: 80px;height: 40px;border-radius: 40px;}
.header.top {position: fixed;left: 0;top: 30px;height: 60px;line-height: 60px;background: #fff;opacity: 0;visibility: hidden;transition: all .3s;z-index: 1000;}
.header.top li > a {height: 60px;color: #2d343f;}
.header.top li > a:hover {color: #ec7729;}
.header.top.active {top: 0;opacity: 1;visibility: visible;}
.head-nav-bars span {display: block;position: absolute;top: 50%;right: 15px;width: 30px;height: 4px;border-radius: 4px;transform: translateY(-50%);background-color: #444;}
.head-nav-bars span:before,
.head-nav-bars span:after {content: '';display: block;position: absolute;left: 0;top: -10px;width: 100%;height: 100%;border-radius: 4px;background-color: #444;transition: all .3s;}
.head-nav-bars span:after {top: 10px;}
.head-nav-bars span.active {background: none;}
.head-nav-bars span.active:before,
.head-nav-bars span.active:after {top: 0;transform: rotate(45deg);background-color: #ec7729;}
.head-nav-bars span.active:after {top: 0;transform: rotate(-45deg);background-color: #ec7729;}
.header-m {position: fixed;left: 0;top: 0;width: 100%;height: 60px;line-height: 60px;padding: 0 10px;transition: all .3s;background-color: #fff;z-index: 999;display: none;}
.header-m .logo {position: relative;}
.header-m .logo a {display: block;font-size: 0;}
.header-m .logo img {height: 32px;}
.header-m .logo p {position: absolute;top: 50%;left: 60px;transform: translateY(-50%);color: #2d3540;font-size: 12px;line-height: 20px;text-align: left;font-weight: 700;white-space: nowrap;}
.header-m .logo p span {display: block;color: #666;font-size: 12px;font-weight: normal;letter-spacing: 1px;}
.header-m .nav {position: fixed;left: 0;top: 60px;width: 100%;bottom: 0;background-color: rgba(0,0,0,0.6);transform: scaleX(0);transform-origin: right;transition: all .4s;z-index: 999;}
.header-m .nav.active {transform: scaleX(1);}
.header-m .nav:after {content: '';position: absolute;right: 0;top: 0;width: 50%;height: 100%;z-index: -1;background-color: #fff;}
.header-m .nav li {text-align: center;line-height: 50px;position: relative;width: 50%;margin-left: 50%;}
.header-m .nav li > a {display: block;width: 100%;height: 100%;color: #1a1a1a;font-size: 16px;position: relative;transition: all .3s;z-index: 999;}
.header-m .nav li .subnav {display: none;}
.swiper-pagination-bullet {width: 10px;height: 10px;background-color: #fff;opacity: 1;}
.swiper-pagination-bullet {width: 10px;height: 10px;background-color: #fff;opacity: 1;}
.swiper-pagination-bullet-active {background-color: #ec7729;}
div.swiper-button-next, div.swiper-button-prev {width: 34px;height: 34px;border-radius: 5px;background: #293e6b;}
.swiper-button-next:after, .swiper-button-prev:after {content: "";position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;border: 2px solid #fff;border-left: none;border-bottom: none;transform: translate(-50%,-50%) rotate(45deg);}
.swiper-button-prev:after {left: 50%;transform: translate(-50%,-50%) rotate(-135deg);}
.swiper-button-next:before, .swiper-button-prev:before {content: '';position: absolute;left: 45%;top: 50%;width: 15px;margin-left: -8px;margin-top: -1px;border-bottom: 2px solid #fff;}
.swiper-button-prev:before {margin-left: -2px;}
.swiper-button-next:hover, .swiper-button-prev:hover {background-color: #ec7729;}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after {border-color: #fff;}
.index-banner {width: 100%;}
.index-banner img {width: 100%;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet {margin: 0 6px;}
.index-banner .swiper-pagination-bullet-active {background: #fff;position: relative;}
.index-banner .swiper-pagination-bullet-active:after {content: '';position: absolute;left: 50%;top: 50%;width: 20px;height: 20px;margin-left: -10px;margin-top: -10px;background: #fff;opacity: .3;border-radius: 50%;}
.index-service {background: #fafafa;box-shadow: 0 4px 20px -15px #000;padding-top: 30px;padding-right: 0;padding-bottom: 30px;padding-left: 0;}
.index-service .main li {margin: 15px 0;}
.index-service .main li div {background-size: 40px auto;}
.index-service .main li .box {display: block;padding-left: 50px;text-align: left;max-width: 160px;margin-right: auto;margin-left: auto;}
.index-service .main li h4 {height: 25px;color: #3c3c3c;font-size: 18px;}
.index-service .main li p {color: #7c7c7c;font-size: 14px;line-height: 1.5;}
.index-product .nav {text-align: center;}
.index-product .nav a {display: inline-block;line-height: 36px;border-radius: 36px;margin-bottom: 10px;transition: all .3s;border: 1px solid #F00;padding-top: 0;padding-right: 20px;padding-bottom: vw;padding-left: 20px;margin-right: 5px;margin-left: 5px;}
.index-product .nav a.active {color: #fff;background: #ec7729;}
.index-product .main {position: relative;max-height: 600px;}
.index-product .main .swiper-pagination-bullet {background: #ddd;}
.index-product .main .swiper-pagination-bullet-active {background: #ec7729;}
.index-product .main .item.active {padding-top: 20px;padding-right: 0;padding-bottom: 20px;padding-left: 0;}
.index-product .main li {text-align: center;border-radius: 10px;transition: all .3s;top: 0;margin-bottom: 50px;padding-top: 0px;padding-right: 10px;padding-bottom: 0px;padding-left: 10px;margin-top: 10px;}
.index-product .main li .img {padding-top: 10px;padding-bottom: 10px;}
.index-product .main li .img img {max-width: 100%;max-height: 90%;}
.index-product .main li .txt h4 {height: 22px;margin-bottom: 18px;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-product .main li .txt p {height: 0;overflow: hidden;color: #7c7c7c;font-size: 14px;line-height: 25px;margin-top: -5px;opacity: 0;transition: all .3s;}
.index-product .main li .txt .more {display: none;line-height: 32px;font-size: 0;opacity: 0;transition: all .3s;}
.index-product .main li .txt .more a {display: inline-block;width: 110px;color: #fff;font-size: 16px;background: #ec7729;}
.index-product .main li .txt .more a:first-child {background: #293e6b;border-top-left-radius: 32px;border-bottom-left-radius: 32px;}
.index-product .main li .txt .more a:last-child {border-top-right-radius: 32px;border-bottom-right-radius: 32px;}
.index-product .main li .txt .more2 a {display: inline-block;margin-top: 20px;line-height: 30px;border-bottom: 1px solid #293e6b;color: #293e6b;}
.index-product .main.main li {box-shadow: 0 0 25px -0 #ddd;position: relative;}
.index-product .main.main li h4 {color: #293e6b;}
.index-product .main.main li p {margin-bottom: 15px;height: 75px;opacity: 1;}
.index-product .main.main li .more {display: inline-block;opacity: 1;}
.index-product .main.main li .more2 {display: none;}
.index-product .main div.swiper-button-next {right: -90px;}
.index-product .main div.swiper-button-prev {left: -90px;}
.index-case .main li {margin-bottom: 10px;}
.index-case .main li .box {border: 1px solid #ddd;text-align: left;}
.index-case .main li .img {padding-bottom: 100%;}
.index-case .main li .txt {background: #fff;padding: 20px 10px;}
.index-case .main li .txt h4 {height: 18px;margin-bottom: 10px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-case .main li .txt p {height: 50px;overflow: hidden;color: #7c7c7c;font-size: 14px;line-height: 25px;margin-top: -5px;}
.index-case .main li .txt .more {display: block;padding-top: 10px;margin-top: 20px;border-top: 1px solid #ddd;color: #293e6b;font-size: 12px;transition: all .3s;}
.index-case .main li .txt .more:hover {color: #ec7729;}
.index-case .get {display: block;width: 160px;line-height: 35px;border-radius: 35px;margin: 20px auto 0;text-align: center;color: #293e6b;border: 1px solid #e84b0a;}
.index-news .right .main {position: relative;bottom: -40px;height: 0;opacity: 0;overflow: hidden;transition: all .3s;}
.index-news .right .main.active {height: auto;opacity: 1;bottom: 0;}
.index-news .right .main li {padding-top: 10px;padding-right: 0;padding-bottom: 10px;padding-left: 0;}
.index-news .right .main li ~ li {border-top: 1px solid #ddd;}
.index-news .right .main li .img {width: 80px;height: 80px;margin-right: 10px;margin-left: 10px;}
.index-news .right .main li .img img {height: 100%;}
.index-news .right .main li .txt {width: calc(100% - 110px);position: relative;}
.index-news .right .main li .txt h4 {height: 18px;overflow: hidden;margin-bottom: 5px;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;}
.index-news .right .main li .txt p {height: 40px;line-height: 20px;overflow: hidden;margin-bottom: 5px;color: #999;font-size: 12px;}
.index-news .right .main li .txt .date {color: #7c7c7c;font-size: 14px;}
.index-partner .main {position: relative;}
.index-partner .main .swiper-container {padding-bottom: 40px;}
.index-partner .main li {height: 90px;line-height: 85px;text-align: center;border: 1px solid #ddd;background: #fff;float: left;}
.index-partner .main li img {max-width: 90%;max-height: 90%;}
.index-partner .main div.swiper-button-prev {left: -70px;}
.index-partner .main div.swiper-button-next {right: -70px;}
.index-after .w {background: #fff;padding-left: 4vw;padding-right: 4vw;position: relative;bottom: -130px;margin-top: -130px;border-bottom: 3px solid #ec7729;z-index: 2;}
.index-after .main .img {margin-bottom: 20px;}
.index-after .main img {height: 40px;}
.index-after .main h4 {height: 26px;font-size: 16px;}
.index-after .main p {color: #7c7c7c;font-size: 12px;line-height: 20px;}
.banner {width: 100%;overflow: hidden;}
.banner img {width: 100%;transition: all 1s;}
.banner img:hover {transform: scale(1.02);}
.banner .pos {color: #fff;line-height: 70px;position: relative;top: -70px;margin-bottom: -70px;}
.product .main {height: 660px;}
.pro-main-title {float: left;width: 220px;padding-top: 50px;padding-bottom: 50px;background-color: #293e6b;text-align: center;position: relative;}
.pro-main-title:before {content: '';position: absolute;left: -20px;top: 0;width: 20px;height: 60px;}
.pro-main-title h3 {height: 65px;color: #fff;font-size: 32px;position: relative;}
.pro-main-title h3:after {content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 40px;height: 2px;background-color: #fff;}
.pro-main-title img {display: block;margin: 40px auto 25px;}
.pro-main-title a.more {display: inline-block;width: 135px;height: 40px;line-height: 40px;border-radius: 37px;color: #293e6b;font-size: 18px;background-color: #fff;transition: all .3s;}
.pro-main-title a.more:hover {width: 150px;}
.pro-main-title p {display: inline-block;line-height: 25px;padding-left: 35px;margin-top: 20px;color: #fff;opacity: .6;background: url(/style/phone_icon02.png) left center no-repeat;}
.pro-main-title h4 {margin-top: 10px;color: #fff;font-size: 22px;}
.pro-main-title a.more {color: #fff;border: 1px solid #fff;background: none;}
.pro-main-title a.more:hover {color: #293e6b;background-color: #fff;}
.pro-main-title ul {padding: 80px 0;margin: 30px 0;position: relative;}
.pro-main-title ul:before, .pro-main-title ul:after {content: '';position: absolute;left: 50%;top: 0;height: 60px;border-left: 1px solid #fff;}
.pro-main-title ul:after {top: auto;bottom: 0;}
.pro-main-title li {padding: 10px 15px;}
.pro-main-title li a {display: block;width: 100%;height: 45px;line-height: 45px;text-align: center;color: #fff;font-size: 18px;border-radius: 45px;transition: all .3s;}
.product .com-search .w {padding-left: 250px;}
.case li .img {padding-bottom: 70%;}
.case li h4 {height: 50px;overflow: hidden;padding-top: 10px;line-height: 20px;font-size: 14px;}
.join-require .main ul.mycol {margin: 0 -2.5vw;}
.join-require .main li.col {padding: 0 2.5vw;}
.join-require .main .box {padding: 2.5vw 3.5vw;background: #313131;text-align: left;color: #ec7729;}
.join-require .main .box h4 {height: 35px;font-size: 28px;}
.join-require .main .box h5 {height: 40px;font-size: 14px;}
.join-require .main .box img {width: 100%;margin-bottom: 30px;}
.join-require .main .box .con,
.join-require .main .box .con p {line-height: 25px;color: #fff;font-size: 14px;}
.join-require .more {display: block;width: 150px;line-height: 45px;margin: 3.5vw auto 0;text-align: center;color: #ec7729;font-size: 14px;background: #313131;}
.join-policy .main {position: relative;top: -145px;margin-bottom: -145px;margin-left: 270px;width: calc("~100% - 270px");padding: 60px 0;background: url(/style/join_policy_bg02.png) 42% top no-repeat;background-size: auto 100%;*zoom: 1;}
.join-policy .main:before,
.join-policy .main:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.join-policy .main li {float: left;width: 50%;margin-right: 1%;padding-left: 30px;border-left: 7px solid #ec7729;color: #fff;position: relative;}
.join-policy .main li:nth-child(2n - 1) {float: right;}
.join-policy .main li h4 {height: 50px;font-size: 22px;font-weight: 700;}
.join-policy .main li .con {width: 90%;}
.join-policy .main li .con p {line-height: 30px;}
.join-policy .main li span {position: absolute;right: -10px;top: 50%;transform: translateY(-50%);display: block;width: 75px;height: 75px;line-height: 75px;text-align: center;color: #ec7729;font-size: 38px;border: 1px solid #ec7729;border-radius: 50%;background: #fff;}
.join-policy .main li:nth-child(2n - 1) span {right: auto;left: -140px;}
.join-after .main li:nth-child(2) {padding-top: 5vw;}
.join-after .main li:nth-child(3) {padding-top: 2.5vw;}
.join-after .main li:nth-child(4) {padding-top: 7.5vw;}
.join-after .main li .box {padding: 3vw 2vw 0;background: #313131;border-bottom: 15px solid #ec7729;text-align: left;}
.join-after .main li h4 {height: 50px;color: #ec7729;font-size: 20px;border-bottom: 1px solid #626262;}
.join-after .main li .con {height: 250px;padding-top: 1.2vw;overflow: hidden;}
.join-after .main li .con p {line-height: 22px;color: #fff;font-size: 14px;}
.join-after .tel {margin-top: 30px;text-align: center;color: #fff;font-size: 28px;}
.join-form .t2 p {height: 55px;color: #ec7729;}
.join-form .main {width: 50%;}
.join-form .main input {width: 100%;line-height: 48px;padding-left: 20px;font-size: 14px;border: 1px solid #ec7729;}
.join-form .main textarea {width: 100%;height: 160px;padding: 20px;margin-top: 20px;border: 1px solid #ec7729;}
.join-form .main .sub {display: block;width: 150px;line-height: 50px;text-align: center;margin-top: 4vw;background: #ec7729;}
.solution .title {text-align: center;margin-bottom: 80px;}
.solution .title h3 {font-size: 40px;font-weight: 700;height: 70px;position: relative;}
.solution .title h3:after {content: '';position: absolute;left: 50%;bottom: 0;width: 30px;margin-left: -15px;border-bottom: 2px solid #ec7729;}
.solution .title p {font-size: 18px;margin-top: 30px;}
.solution .main li .txt {width: 100%;padding: 20px 0;}
.solution .main li .txt h4 {padding-bottom: 15px;color: #ec7729;font-size: 26px;text-align: center;}
.solution .main li .txt .con {max-height: 300px;overflow: hidden;color: #666;font-size: 14px;line-height: 25px;text-align: justify;}
.solution .main li .txt .more {display: block;width: 150px;line-height: 45px;margin-top: 15px;text-align: center;background: #ec7729;}
.service-after .main {margin-top: 30px;}
.service-after .main li .box {padding: 3.75vw 1.5vw 0;background: #fff;position: relative;text-align: left;}
.service-after .main li .box span {position: absolute;left: 30px;top: 0;transform: translateY(-50%);display: block;width: 76px;height: 76px;line-height: 76px;text-align: center;color: #fff;font-size: 24px;background: #ec7729;border-radius: 50%;}
.service-after .main li h5 {height: 45px;color: #ec7729;font-size: 18px;}
.service-after .main li h4 {height: 55px;margin-bottom: 20px;font-size: 24px;position: relative;}
.service-after .main li h4:after {content: '';position: absolute;left: 0;bottom: 0;width: 30px;border-bottom: 3px solid #ec7729;}
.service-after .main li .con {height: 200px;overflow: hidden;}
.service-after .main li .con p {overflow: hidden;line-height: 32px;font-size: 14px;}
.service-form .main img {width: 100%;margin-bottom: 30px;}
.service-form .main input {width: 100%;line-height: 50px;padding: 0 20px;background: #eee;}
.service-form .main textarea {width: 100%;height: 190px;padding: 25px 20px;margin-top: 20px;background: #eee;}
.service-form .main .sub {display: block;width: 160px;line-height: 50px;margin: 3.25vw auto 0;text-align: center;background: #ec7729;}
.service-nav {margin-top: 1vw;margin-bottom: 2.5vw;text-align: center;}
.service-nav a {display: inline-block;margin: 0 15px;width: 100px;line-height: 40px;}
.service-nav a.active {background: #ec7729;}
.video .main li .img {padding-bottom: 65%;position: relative;}
.video .main li .img span {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(/style/icon_play01.png) center no-repeat;background-color: rgba(0,0,0,0.2);}
.video .main li h4 {line-height: 55px;margin-bottom: 20px;font-size: 14px;}
.down .main {margin-bottom: 60px;}
.down .main li .box {height: 56px;line-height: 56px;text-align: left;border-bottom: 1px solid #ddd;}
.down .main li h4 {font-size: 14px;}
.faq .main li {padding-top: 24px;}
.faq .main li h4 {height: 34px;line-height: 34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;}
.faq .main li h4 span {display: inline-block;width: 34px;height: 34px;color: #333;text-align: center;background: #ec7729;border-radius: 50%;margin-right: 10px;}
.faq .main li p {margin-top: 10px;height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1;font-size: 14px;padding-top: 14px;border-bottom: 1px dashed #dcdcdc;}
.news-detail {padding-bottom: 20px;}
.index-news .nav {margin-bottom: 10px;text-align: center;}
.index-news .nav a {display: inline-block;line-height: 30px;border-radius: 30px;font-size: 12px;transition: all .3s;border: 1px solid #F00;text-align: center;padding-top: 0;padding-right: 10px;padding-bottom: 0;padding-left: 10px;max-width:100px;}
.index-news .nav a:hover,
.index-news .nav a.active {color: #fff;background: #ec7729;}
.index-news .nav a.fr {float: none;display: block;margin-top: 10px;color: #2d343f;background: none;margin-right: auto;margin-bottom: 0;margin-left: auto;padding-top: 0;padding-right: 10;padding-bottom: 0;padding-left: 10;}
.index-news .nav a.fr:hover {color: #ec7729;}
.index-news .left {width: 50%;padding-right: 30px;}
.index-news .left .main .img {height: 500px;}
.index-news .left .main .img img {height: 100%;}
.index-news .left .main .txt {padding: 35px;padding-bottom: 25px;border: 1px solid #ddd;}
.index-news .left .main .txt h4 {height: 22px;margin-bottom: 18px;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-news .left .main .txt p {height: 50px;overflow: hidden;color: #999;font-size: 14px;line-height: 25px;margin-top: -5px;}
.index-news .left .main .txt .date {margin: 20px -15px 0;padding: 20px 15px 0;color: #7c7c7c;border-top: 1px solid #ddd;}
.news-detail .main img {max-width: 100%;}
.news-detail .title {text-align: center;}
.news-detail .title h3 {line-height: 1.5;padding-bottom: 20px;font-size: 26px;}
.news-detail .title p {height: 60px;color: #666;font-size: 14px;line-height: 1.5;}
.news-detail .content {padding: 30px 10px;background: #fff;}
.news-detail .content .con {min-height: 100px;line-height: 30px;}
.news-detail .content .con img {max-width: 100%;}
.news-detail .more {padding: 20px;margin-top: 30px;margin-bottom: 30px;background: #fff;position: relative;font-size: 14px;}
.news-detail .more a {display: inline-block;width: calc(100% - 60px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 35px;color: #666;font-size: 14px;vertical-align: middle;}
.news-detail .more .back {display: block;position: absolute;top: 50%;right: 20px;width: 150px;line-height: 45px;margin-top: -23px;text-align: center;background: #ec7729;border-radius: 5px;color: #FFF;}
.news-detail .latest {padding: 30px 10px;margin-bottom: 20px;background: #fff;}
.news-detail .latest h5 {font-size: 20px;}
.news-detail .latest li {padding-top: 30px;padding-bottom: 15px;color: #666;font-size: 15px;border-bottom: 1px dashed #e5e5e5;}
.news-detail .latest h6 {margin-bottom: 10px;transition: all .3s;}
.news-detail .latest li:hover h6 {color: #013ca6;}
.news-detail .latest p span {color: #ef5e00;}
.news-detail .pro {margin-top: 35px;}
.news-detail .pro h5 {height: 30px;padding-left: 20px;font-size: 20px;}
.news-detail .pro li .img {background: #fff;text-align: center;}
.news-detail .pro li img {max-width: 100%;}
.news-detail .pro li h6 {line-height: 55px;font-size: 14px;text-align: center;transition: all .3s;}
.news-detail .pro li:hover h6 {color: #ec7729;}
.pro-content {float: left;width: 100%;padding: 40px 0 0;background-color: #fff;}
.pro-content table {display: block;overflow: hidden;overflow-x: auto;}
.pro-content table tr:nth-child(2n) {background: rgba(176,196,222,.2);}
.pro-content table td {border: 1px solid #ddd;line-height: 2.5;}
.pro-content .pc-title {height: 30px;white-space: nowrap;overflow-y: hidden;overflow-x: auto;border-bottom: 1px solid #ddd;}
.pro-content .pc-title h4 {display: inline-block;height: 100%;padding: 0 2px;margin: 0 3px;padding-bottom: 10px;margin-bottom: -1px;color: #1e242b;font-size: 14px;position: relative;overflow: hidden;}
.pro-content .pc-title h4:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 5px;background-color: #ec7729;transition: all .3s;opacity: .8;display: none;}
.pro-content .pc-title h4.active:after {display: block;}
.pro-content .con {display: none;line-height: 36px;font-size: 18px;}
.pro-content .con.case .img { height: auto; line-height: 1;}
.pro-content .con.active {display: block;width: 100%;padding: 15px 0;}
.pro-content img {max-width: 100%;}
.pro-related .nav {width: 100%;height: 50px;}
.pro-related .nav a {color: #1e242b;font-size: 24px;}
.pro-related li {margin-bottom: 10px;}
.pro-related li a {display: block;transition: all .3s;}
.pro-related li:hover a {transform: translateY(-5px);}
.pro-related .img {height: 260px;line-height: 260px;text-align: center;overflow: hidden;background: #fff;}
.pro-related .img img {max-width: 100%;max-height: 100%;transition: all .3s;}
.pro-related li:hover .img img {transform: scale(1.02);}
.pro-related h4 {height: 40px;line-height: 40px;overflow: hidden;color: #1e242b;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;}
.pro-related li:hover h4 {color: #ec7729;}
.case-detail {background-color: #f4f4f4;}
.case-detail .box {height: 430px;}
.case-detail .img img {height: 100%;max-width: none;max-height: none;}
.case-detail .txt {padding-left: 6vw;color: #333;}
.about-story .main li {height: 710px;margin-bottom: 60px;}
.about-story .main li .img {width: calc(50% - 3vw);margin-left: 3vw;}
.about-story .main li:nth-child(2n) .img {margin-left: 0;margin-right: 3vw;}
.about-story .main li .txt .box {padding-right: 3vw;}
.about-story .main li .txt h5 {padding-bottom: 20px;color: #ec7729;font-size: 28px;}
.about-story .main li .txt h4 {height: 70px;margin-bottom: 40px;font-size: 28px;position: relative;}
.about-story .main li .txt h4:after {content: '';position: absolute;left: 0;bottom: 0;width: 30px;border-bottom: 3px solid #ec7729;}
.about-story .main li .txt .con p {line-height: 28px;color: #666;font-size: 14px;}
.about-story .main li:nth-child(2n) .txt .box {padding-right: 0;padding-left: 3vw;}
.page-nav .w {position: relative;top: -20px;padding: 20px 0;background-color: #fff;transition: all .3s;}
.page-nav ul {display: inline-block;font-size: 0;}
.page-nav li {display: inline-block;position: relative;z-index: 1;}
.page-nav li:last-of-type {margin-right: 0;}
.page-nav li a {display: block;min-width: 90px;color: #666;height: 30px;line-height: 30px;font-size: 12px;border: 1px solid #fff;border-radius: 40px;transition: all .3s;}
.page-nav li:hover a {color: #fff;background: #ec7729;}
.about .top li.row:nth-child(2n) .img {padding-left: 2.5vw;}
.about .top li.row .txt .box {height: 100%;}
.about .top li.row .txt h4 {padding-bottom: 1.5vw;font-size: 26px;line-height: 1.5;text-align: center;}
.about .top li.row .txt h5 {height: 50px;color: #666;font-size: 16px;}
.about .top li.row .txt .con {line-height: 25px;text-align: justify;}
.about .top li.row:nth-child(2n) .txt {padding-right: 2.5vw;}
.about .main li.row {height: 370px;margin-bottom: 20px;}
.about .main li.row .img {padding-left: 2.5vw;}
.about .main li.row:nth-child(2n - 1) .img {padding-left: 0;padding-right: 2.5vw;}
.about .main li.row .txt {padding-right: 2.5vw;}
.about .main li.row .txt .box {height: 100%;}
.about .main li.row .txt h4 {padding-bottom: 1.5vw;font-size: 28px;}
.about .main li.row .txt h5 {height: 90px;line-height: 30px;overflow: hidden;font-size: 14px;}
.about .main li.row .txt li {display: inline-block;margin-right: 4.5vw;text-align: center;}
.about .main li.row .txt li h6 {height: 48px;color: #ec7729;font-size: 38px;}
.about .main li.row .txt li span {font-size: 14px;}
.about .main li.row:nth-child(2n -1) .txt {padding-right: 0;padding-left: 2.5vw;}
.about-culture .main .row {margin-bottom: 10px;}
.about-culture .main .row > div {width: 100%;}
.about-culture .main .row img {width: 100%;}
.about-culture .main .row .txt {padding: 20px 0;text-align: center;}
.about-culture .main .row .txt .box {height: 100%;}
.about-culture .main .row h5 {height: 55px;color: #ec7729;font-size: 28px;}
.about-culture .main .row h4 {height: 40px;margin-bottom: 10px;font-size: 24px;position: relative;}
.about-culture .main .row h4:after {content: '';position: absolute;left: 50%;bottom: 0;width: 30px;margin-left: -15px;border-bottom: 3px solid #e5e5e5;}
.about-culture .main .row .con {font-size: 16px;line-height: 25px;}
.about-honor .main li .img {height: 250px;line-height: 250px;border: 1px solid #d2d2d2;}
.about-honor .main li .img img {max-width: 90%;max-height: 90%;}
.about-honor .main li h4 {color: #292b3e;height: 55px;line-height: 55px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 20px;}
.about-honor .more {display: block;width: 150px;line-height: 45px;margin: 60px auto 0;text-align: center;background: #ec7729;}
.about-cert .main li {margin-bottom: 20px;}
.about-cert .main li .img {height: 200px;line-height: 200px;border: 1px solid #d2d2d2;}
.about-cert .main li .img img {max-width: 90%;max-height: 90%;}
.about-cert .more {display: block;width: 150px;line-height: 45px;margin: 60px auto 0;text-align: center;background: #ec7729;}
.about-history li {padding: 15px 0;position: relative;overflow: hidden;}
.about-history li:before, .about-history li:after {content: '';position: absolute;left: 50%;top: 50%;height: 100%;transform: translate(-50%,-50%);border-left: 1px solid #ddd;}
.about-history li:after {width: 12px;height: 12px;border-radius: 50%;background-color: #aaa;border: none;}
.about-history li:hover:after {background-color: #0096ff;}
.about-history li .time {float: left;width: 50%;height: 100%;padding: 0 5vw;font-size: 36px;font-weight: 700;line-height: 35px;text-align: right;position: absolute;top: 0;}
.about-history li .time span {position: absolute;top: 50%;right: 2.5vw;transform: translateY(-50%);}
.about-history li:nth-child(2n) .time span {right: auto;left: 2.5vw;}
.about-history li .txt {float: right;width: 50%;padding: 0 5vw;color: #7c7c7c;font-size: 14px;line-height: 25px;text-align: left;}
.about-history li:nth-child(2n) .time {float: right;text-align: left;right: 0;}
.about-history li:nth-child(2n) .time span {right: auto;left: 2.5vw;}
.about-history li:nth-child(2n) .txt {float: left;text-align: right;}
.about-photo li.col {margin-bottom: 15px;}
.about-photo li .img {height: 0;padding-bottom: 80%;position: relative;}
.about-photo li img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.about-photo li h4 {height: 30px;line-height: 30px;text-align: center;color: #1e242b;font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background-color: #fff;}
.about-swiper .main {position: relative;}
.about-swiper .swiper-button-next, .about-swiper .swiper-button-prev {left: -60px;width: 36px;height: 36px;background: none;border: 3px solid #dee3ef;}
.about-swiper .swiper-button-next:hover, .about-swiper .swiper-button-prev:hover {background: #ec7729;border-color: #ec7729;}
.about-swiper .swiper-button-next {left: auto;right: -60px;}
.about-swiper .swiper-button-next:after, .about-swiper .swiper-button-prev:after {width: 6px;height: 6px;border-color: #576077;}
.about-swiper .swiper-button-next:hover:after, .about-swiper .swiper-button-prev:hover:after {border-color: #fff;}
.com-pages {margin-top: 20px;margin-bottom: 20px;text-align: center;}
.com-pages span, .com-pages a {display: inline-block;height: 40px;line-height: 40px;font-size: 14px;font-weight: 700;background: #d6d6d6;transition: all .3s;vertical-align: middle;margin-top: 0;margin-right: 5px;margin-bottom: 0;margin-left: 5px;padding-right: 10px;padding-left: 10px;}
.com-pages .a1{color: #ec7729;background: #333;}
.com-pages a:first-of-type:before, .com-pages a:last-of-type:before {display: block;width: 100%;height: 100%;}
.com-pages a:hover {color: #fff;background-color: #ec7729;}
.com-pages span {color: #fff;background: #ec7729;}
.com-pages label {display: none;}
.news-nav .box {padding: 0 6vw;}
.news-nav a {margin: 0 2.5vw;}
.news li.col {text-align: left;margin-top: 30px;}
.news li .img {height: 0;padding-bottom: 62%;position: relative;}
.news li img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.news li .txt {padding: 25px 20px;overflow: hidden;background: #fff;}
.news li h4 {height: 18px;line-height: 1;color: #1e242b;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news li span {display: block;color: #999;font-size: 12px;line-height: 35px;}
.news li .con {height: 50px;overflow: hidden;color: #999;font-size: 14px;line-height: 25px;}
.contact .main {padding-top: 1.25vw;background-color: #fff;}
.contact .main li.col {padding-top: 20px;padding-bottom: 10px;text-align: left;overflow: hidden;border-bottom: 1px solid #e7e7e7;}
.contact .main li .img {float: left;height: 65px;width: 60px;}
.contact .main li .img img {width: 40px;}
.contact .main li .txt {float: left;width: calc(100% - 60px);}
.contact .main li h5 {height: 30px;color: #555;font-size: 16px;}
.contact .main li p {color: #1e242b;font-size: 18px;}
.contact .map {margin-top: 40px;}
#map {width: 100%;height: 400px;}
#map td {box-sizing: content-box;}
#map img {max-width: none;max-height: none;}
.BMapLib_SearchInfoWindow .BMapLib_bubble_center {line-height: 1.5;}
.map h5 {padding: 10px 0;padding-left: 10px;line-height: 2.5;color: #262626;font-size: 16px;background-color: #fff;}
.map h5 img {margin-right: 5px;}
.contact-all .main .row {height: 400px;}
.contact-all .main .row .img {width: calc(50% + 3vw);}
.contact-all .main .row .txt {width: calc(50% - 3vw);padding-left: 3vw;}
.contact-all .main .row .txt .box {height: 100%;}
.contact-all .main .row h4 {height: 3.5vw;margin-bottom: 2vw;font-size: 32px;border-bottom: 1px dashed #b5b5b5;}
.contact-all .main .row .con p {color: #666;line-height: 34px;}
.contact-message .main .txt {width: 100%;}
.contact-message .main .img {display: none;height: 420px;}
.contact-message .main li {margin-bottom: 10px;}
.contact-message .main input {width: 100%;height: 40px;line-height: 40px;padding-left: 15px;padding-right: 15px;border: 1px solid #d2d2d2;}
.contact-message .main textarea {width: 100%;height: 150px;padding: 25px 15px;border: 1px solid #d2d2d2;}
.contact-message .main .sub {display: block;width: 150px;line-height: 40px;margin: 30px auto 0;text-align: center;background-color: #ec7729;}
.job .main li {overflow: hidden;background: #fff;}
.job .main li:nth-child(2n - 1) {background-color: #f4f4f4;}
.job .main li:nth-child(1) {border-top: 1px solid #dcdcdc;}
.job .main li .tit p {line-height: 35px;}
.job .main li:nth-child(1) .tit p {color: #666;line-height: 45px;background: #eee;}
.job .main li .tit {color: #666;font-size: 12px;position: relative;cursor: pointer;}
.job .main li.active .tit, .job .main li .tit:hover {color: #fff;background: #ec7729;}
.job .main li .tit span:after {content: '+';position: absolute;right: 3vw;top: 50%;transform: translateY(-50%);}
.job .main li.active .tit span:after {content: '-';color: #fff;}
.job .main li .con {display: none;padding: 4vw 7.5vw;background: #fff;}
.job .main li .con p {color: #666;font-size: 16px;line-height: 25px;}
.related-title {text-align: center;}
.related-title h3 {height: 50px;font-size: 28px;}
.related-title h4 {height: 60px;color: #666;font-size: 14px;}
.related .main {width: 100%;position: relative;}
.related .swiper-button-next, .related .swiper-button-prev {left: -50px;width: 40px;height: 40px;background: #999;}
.related .swiper-button-next:hover, .related .swiper-button-prev:hover {background: #ec7729;}
.related .swiper-button-next {left: auto;right: -50px;}
.related .swiper-button-next:after, .related .swiper-button-prev:after {width: 6px;height: 6px;border-color: #fff;}
.pro-related li {text-align: center;margin-top: 0 !important;}
.case-related .txt {background: #fff;}
.links {
	padding-bottom: 30px;
	line-height: 2;
	color: #687281;
	font-size: 14px;
	background-color: #2D343F;
}
.links a {margin-right: 1vw;color: #687281;font-size: 14px;}
.links a:hover {color: #ec7729;text-decoration: underline;}
.footer {padding-top: 60px;color: #8793a5;font-size: 14px;background-color: #2d343f;}
.index{padding-top: 130px;}
.footer dl {float: left;margin-right: 6vw;margin-bottom: 30px;text-align: left;}
.footer dl:last-child {margin-right: 0;}
.footer dt {height: 55px;color: #b2c0d7;font-size: 18px;position: relative;}
.footer dd a {display: block;height: 35px;}
.footer .phone {float: left;}
.footer .phone h4 {height: 30px;color: #b2c0d7;}
.footer .phone h5 {height: 30px;color: #ec7729;font-size: 22px;}
.footer .phone .more {display: block;width: 150px;line-height: 35px;border-radius: 35px;margin-top: 10px;text-align: center;color: #fff;font-size: 12px;border: 1px solid #fff;}
.footer .qr {margin-left: 3vw;}
.footer .qr img {width: 110px;height: 110px;padding: 5px;background: #fff;}
.footer .qr p {margin-top: 15px;color: #677284;font-size: 14px;text-align: center;}
.footer .copy {margin-top: 20px;padding: 15px 0;line-height: 2;border-top: 1px solid #38404d;color: #687281;font-size: 12px;text-align: center;}
.footer .copy .w > div {width: 100%;}
.footer .copy span,
.footer .copy a {display: inline;}
.footer a {transition: all .3s;}
.footer a:hover {color: #ec7729;transform: translateX(4px);opacity: 1;}
.hor-top-show {position: relative;bottom: -40px;height: 0;opacity: 0;overflow: hidden;transition: all .3s;}
.hor-top-show.active {height: auto;opacity: 1;bottom: 0;}
.hvr1.hvr1 .img {background: #000;position: relative;}
.hvr1.hvr1 .img img {transition: all .5s;}
.hvr1.hvr1 .img:before {content: '';position: absolute;top: 35px;bottom: 35px;left: 20px;right: 20px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scaleX(0);transition: all .5s;z-index: 1;}
.hvr1.hvr1 .img:after {content: '';position: absolute;top: 20px;bottom: 20px;left: 35px;right: 35px;border-left: 1px solid #fff;border-right: 1px solid #fff;transform: scaleY(0);transition: all .5s;z-index: 1;}
.hvr1.hvr1:hover img {opacity: .8;}
.hvr1.hvr1:hover .img:before {transform: scaleX(1);}
.hvr1.hvr1:hover .img:after {transform: scaleY(1);}
.hover-img-big .img {overflow: hidden;}
.hover-img-big .img img {transition: transform .5s;}
.hover-img-big:hover img {transform: scale(1.04);}
.hover-color.hover-color h4 {transition: all .3s;}
.hover-color.hover-color:hover h4 {color: #ec7729;}
.hover-left-rotate {transition: transform .3s;}
.hover-left-rotate:hover {transform: rotateY(360deg);}
.hover-left-move {position: relative;right: 0;transition: all .3s;}
.hover-left-move:hover {right: -4px;}
.hover-top-move {display: inline-block;position: relative;transition: transform .3s;}
.hover-top-move:hover {transform: translateY(-5px);}
.hover-bg-big {position: relative;z-index: 1;}
.hover-bg-big:after {content: "";background-color: #fff;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(0);transition: transform .3s;z-index: -1;}
.hover-bg-big:hover:after {transform: scale(1);}
.hvr-bg-move {position: relative;overflow: hidden;transition: all .5s;}
.hvr-bg-move:hover {box-shadow: 0 0 5px #fff inset;}
.hvr-bg-move:after {content: '';position: absolute;left: -100%;top: 0;width: 0;height: 100%;background-color: #fff;opacity: .5;box-shadow: 0 0 30px #fff;}
.hvr-bg-move:hover:after {left: 100%;width: 50%;transition: all .5s;}
.hvr-bg-move2 {position: relative;overflow: hidden;z-index: 1;transition: all .3s;}
.hvr-bg-move2:hover {box-shadow: 0 0 5px #fff inset;}
.hvr-bg-move2:after {content: '';position: absolute;left: 50%;top: 50%;width: 300px;height: 300px;margin-top: -150px;margin-left: -150px;border-radius: 50%;background: #fff;transform: scale(0);transition: all .3s;z-index: -1;}
.hvr-bg-move2:hover:after {animation: bg_big 1s;}
.abouttd{ display:table-cell; vertical-align:middle}
#box{ position:relative;}
.aboutdl img,.aboutbox dt img{ display:block; width:100%; margin:0 auto;}
.aboutdl{font-size:14px; color:#666; line-height:24px; text-align:justify; padding-bottom:40px;}
.aboutdl h1{ font-size:20px; line-height:1.2em; color:#f26520; padding-top:15px; padding-bottom:10px;}
.aboutbox{text-align: center;background-color: #FFF;}
.aboutbox h2{font-size:20px;line-height:1.2em;color:#f26520;padding-top: 3px;padding-bottom:10px;}
.subabouttxt{ text-align:center; color:#666; font-size:14px;}
.aboutbox dd{ padding:20px 15px}
.aboutlast{font-size:14px;color:#666;line-height:24px;max-width:841px;padding-top: 30px;}
.aboutlast h2{ font-size:20px; text-align:center;color:#f26520; line-height:1.2em;}
.aboutlast img{ max-width:100%; height:auto !important}
.biaoqian {
	padding: 20px;
	font-size: 16px;
	line-height: 25px;
}
@keyframes bg_big {
0% {opacity: .6;}
100% {opacity: 0;transform: scale(1);}
}
.flash {overflow: hidden;width: 380px;height: 230px;position: relative;}
.flash em {cursor: pointer;height: 230px;width: 380px;left: -380px;position: absolute;top: 0;transform: skewX(-25deg);transition: all 0s;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));}
.flash:hover em {left: 380px;transition: all 0.7s;}
.flip img {width: 380px;height: 230px;position: absolute;left: 0;top: 0;z-index: 2;transform: rotateY(0deg);transition: all 0.6s ease 0s;backface-visibility: hidden;}
.flip span {position: absolute;width: 380px;height: 230px;background: #e1e1e1;line-height: 230px;text-align: center;transform: rotateY(-180deg);transition: all 0.5s ease 0s;backface-visibility: hidden;left: 0;top: 0;}
.flip:hover img {transform: rotateY(180deg);}
.flip:hover span {transform: rotateY(0deg);}
.up span {height: 40px;bottom: -40px;display: block;background: #333;transition: all 0.5s;line-height: 40px;color: #fff;}
.up:hover img {margin-top: -40px;transition: all 0.5s;}
@keyframes panorama {
to {background-position: 100% 0;}
}
.border .txt {position: absolute;top: 10px;left: 10px;right: 10px;bottom: 10px;color: #fff;line-height: 230px;transform: scale(0);}
.border .txt:before, .border .txt:after {position: absolute;content: '';opacity: 0;transition: all 0.5s;transition-delay: .3s;}
.border .txt:before {top: 0;right: 0;bottom: 0;left: 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.border .txt:after {top: 0;right: 0;bottom: 0;left: 0;border-right: 1px solid #fff;border-left: 1px solid #fff;transform: scale(1,0);transform-origin: 100% 0;}
.border:hover .txt:before, .border:hover .txt:after {opacity: 1;transform: scale(1);transition: all 0.5s;}
.border:hover .txt {transform: scale(1);}
.border:hover img {opacity: .5;}
.border2 .txt {position: absolute;top: 20px;left: 20px;right: 20px;bottom: 20px;color: #fff;line-height: 230px;transform: scale(0);}
.border2 .txt:before, .border2 .txt:after {position: absolute;content: '';opacity: 0;transition: all 0.5s;transition-delay: .3s;}
.border2 .txt:before {top: 15px;right: 0;bottom: 15px;left: 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.border2 .txt:after {top: 0;right: 15px;bottom: 0;left: 15px;border-right: 1px solid #fff;border-left: 1px solid #fff;transform: scale(1,0);transform-origin: 100% 0;}
.border2:hover .txt:before, .border2:hover .txt:after {opacity: 1;transform: scale(1);transition: all 0.5s;}
.border2:hover .txt {transform: scale(1);}
.border2:hover img {opacity: .5;}
.jitter:hover img {animation: tada 1s .2s ease both;}
@keyframes tada {
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);}
}
.effect1 {perspective: 800px;}
.effect1 .pic {display: block;transition: 0.4s;}
.effect1 .txt {position: absolute;left: 0;background: #fff;height: 90%;width: 80%;padding: 5% 10%;transition: 0.6s;top: -100%;transition: all 0.5s;z-index: -1;}
.effect1:hover .pic {transform: rotateX(80deg);transform-origin: center bottom 0;}
.effect1:hover .txt {top: 0;}
.effectBtn {display: inline-block;padding: 5px 25px;font-size: 14px;color: #fff;border: 2px solid #4d92d9;background-color: #4d92d9;text-decoration: none;transition: 0.4s;}
.text-desc {position: absolute;left: 0;top: 0;background-color: #fff;height: 100%;opacity: 0;width: 100%;padding: 20px;}
.effect2 {perspective: 500px;z-index: 5;}
.effect2 .txt {position: absolute;left: 0;bottom: 0;background: #fff;height: 90%;width: 80%;padding: 5% 10%;transition: 0.6s;z-index: -1;transform: rotateX(80deg);transform-origin: center bottom 0;opacity: 0;}
.effect2:hover .txt {transform: none;opacity: 1;}
.effect2:hover img {transform: translateY(-100%);}
.effect3 {perspective: 500px;overflow: visible;}
.effect3 .txt {position: absolute;left: 0;top: 0;background: #fff;height: 90%;width: 70%;padding: 5% 20% 5% 10%;transition: 0.6s;transform: translateX(-100%);opacity: 0;}
.effect3:hover .txt {transform: translateX(0px);opacity: 1;}
.effect3:hover img {transform: scale(0.5) translateX(100%);position: relative;z-index: 9;}
.effect4 .txt {position: absolute;left: 0;top: 0;background: #fff;height: 70%;width: 80%;padding: 25% 10% 5% 10%;transition: 0.6s;transform: translateY(100%);opacity: 0;}
.effect4:hover .txt {transform: translateY(0px);opacity: 1;}
.effect4:hover img {transform: scale(0.3) translateY(-100%);position: relative;z-index: 9;}
.effect5 .txt {position: absolute;right: 0;top: 0;background: #fff;height: 90%;width: 90%;padding: 5%;transition: 0.6s;opacity: 0;transform: perspective(600px) rotateY(-90deg);transform-origin: right center 0;width: 40%;}
.effect5 img {position: relative;right: 0;}
.effect5:hover .txt {opacity: 1;transform: perspective(600px) rotateY(0deg);z-index: 5;}
.effect5:hover img {right: 50%;}
.effect6 {border: 5px solid #eee;}
.effect6 .txt {position: absolute;right: 0;top: 0;background: #fff;width: 70%;height: 90%;padding: 5% 15%;transition: 0.6s;transform: scale(0);backface-visibility: hidden;}
.effect6:hover .txt {transform: scale(1);border-radius: 50% 0 50% 0;}
.effect6:hover img {transform: scale(1.1);}
.button1 {background: #555;padding: 50px 0;margin-bottom: 50px;overflow: hidden;}
.btn {color: #fff;cursor: pointer;display: inline-block;font-size: 16px;font-weight: 400;line-height: 45px;margin: 0 auto 2em;max-width: 160px;position: relative;text-decoration: none;text-transform: uppercase;vertical-align: middle;width: 100%;margin: 0 10px;}
.btn:hover {text-decoration: none;}
.btn1 {background: #ec7729;font-weight: 100;}
.btn1 svg {height: 45px;left: 0;position: absolute;top: 0;width: 100%;}
.btn1 rect {fill: none;stroke: #fff;stroke-width: 2;stroke-dasharray: 422, 0;}
.btn1:hover {background: #ec7729;font-weight: 900;letter-spacing: 1px;}
.btn1:hover rect {stroke-width: 5;stroke-dasharray: 15, 310;stroke-dashoffset: 48;-webkit-transition: all 1.35s cubic-bezier(0.19,1,0.22,1);transition: all 1.35s cubic-bezier(0.19,1,0.22,1);}
.btn2 {letter-spacing: 0;}
.btn2:hover, .btn2:active {letter-spacing: 5px;}
.btn2:after, .btn2:before {-webkit-backface-visibility: hidden;backface-visibility: hidden;border: 1px solid rgba(255,255,255,0);bottom: 0px;content: " ";display: block;margin: 0 auto;position: relative;-webkit-transition: all 280ms ease-in-out;transition: all 280ms ease-in-out;width: 0;}
.btn2:hover:after, .btn2:hover:before {-webkit-backface-visibility: hidden;backface-visibility: hidden;border-color: #fff;-webkit-transition: width 350ms ease-in-out;transition: width 350ms ease-in-out;width: 70%;}
.btn2:hover:before {bottom: auto;top: 0;width: 70%;}
.btn3 {background: #ec7729;border: 1px solid #da251f;box-shadow: 0px 2px 0 #d6251f, 2px 4px 6px #e02a24;font-weight: 900;letter-spacing: 1px;-webkit-transition: all 150ms linear;transition: all 150ms linear;}
.btn3:hover {background: #ec7729;border: 1px solid rgba(0,0,0,0.05);box-shadow: 1px 1px 2px rgba(255,255,255,0.2);color: #ec817d;text-decoration: none;text-shadow: -1px -1px 0 #c2211c;-webkit-transition: all 250ms linear;transition: all 250ms linear;}
.btn4 {border: 1px solid;overflow: hidden;position: relative;}
.btn4 span {z-index: 20;}
.btn4:after {background: #fff;content: "";height: 155px;left: -75px;opacity: .2;position: absolute;top: -50px;-webkit-transform: rotate(35deg);-ms-transform: rotate(35deg);transform: rotate(35deg);-webkit-transition: all 550ms cubic-bezier(0.19,1,0.22,1);transition: all 550ms cubic-bezier(0.19,1,0.22,1);width: 50px;z-index: 10;}
.btn4:hover:after {left: 120%;-webkit-transition: all 550ms cubic-bezier(0.19,1,0.22,1);transition: all 550ms cubic-bezier(0.19,1,0.22,1);}
.btn5 {border: 0 solid;box-shadow: inset 0 0 20px rgba(255,255,255,0);outline: 1px solid;outline-color: rgba(255,255,255,0.5);outline-offset: 0px;text-shadow: none;-webkit-transition: all 1250ms cubic-bezier(0.19,1,0.22,1);transition: all 1250ms cubic-bezier(0.19,1,0.22,1);}
.btn5:hover {border: 1px solid;box-shadow: inset 0 0 20px rgba(255,255,255,0.5), 0 0 20px rgba(255,255,255,0.2);outline-color: rgba(255,255,255,0);outline-offset: 15px;text-shadow: 1px 1px 2px #427388;}
.btn-hvr:before,
.btn-hvr:after {z-index: -1;box-sizing: border-box;transition: 0.5s;}
.btn-hvr {position: relative;overflow: hidden;z-index: 1;transition: all .3s;}
.btn-hvr0:before {content: '';position: absolute;top: 0;left: 0;width: 0;height: 80px;background: #ec7729;}
.btn-hvr0:hover {color: #fff;}
.btn-hvr0:hover:before {width: 250px;}
.btn-hvr1:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: #ec7729 transparent transparent transparent;position: absolute;top: 0;left: 0;}
.btn-hvr1:hover {color: #ecdcd4;}
.btn-hvr1:hover:after {border-width: 330px 330px 0 0;}
.btn-hvr1:active {background: #b27254;}
.btn-hvr1-2 {color: #bc4b41;}
.btn-hvr1-2:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #6a1a13;position: absolute;bottom: 0;left: 0;}
.btn-hvr1-2:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent #6a1a13 transparent;position: absolute;right: 0;bottom: 0;}
.btn-hvr1-2:hover {color: #ebcac7;}
.btn-hvr1-2:hover:before {border-width: 206.25px 0 0 206.25px;}
.btn-hvr1-2:hover:after {border-width: 0 0 206.25px 206.25px;}
.btn-hvr1-2:active {background: #b02b20;}
.btn-hvr2 {color: #48a6b1;}
.btn-hvr2:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #185a62;position: absolute;bottom: 0;left: 0;}
.btn-hvr2:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #185a62 transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr2:hover {color: #c9e5e8;}
.btn-hvr2:hover:before {border-width: 165px 0 0 165px;}
.btn-hvr2:hover:after {border-width: 0 165px 165px 0;}
.btn-hvr2:active {background: #2896a3;}
.btn-hvr3 {color: #ad96a0;}
.btn-hvr3:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #5f4f56;position: absolute;bottom: 0;left: 0;}
.btn-hvr3:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #5f4f56 transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr3 span:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent #5f4f56 transparent;position: absolute;right: 0;bottom: 0;}
.btn-hvr3 span:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: #5f4f56 transparent transparent transparent;position: absolute;top: 0;left: 0;}
.btn-hvr3:hover {color: #e7e0e3;}
.btn-hvr3:hover:before {border-width: 165px 0 0 165px;}
.btn-hvr3:hover:after {border-width: 0 165px 165px 0;}
.btn-hvr3:hover span:before {border-width: 0 0 165px 165px;}
.btn-hvr3:hover span:after {border-width: 165px 165px 0 0;}
.btn-hvr3:active {background: #9e838f;}
.btn-hvr4 {color: #8d53b3;}
.btn-hvr4:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #492064 transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr4:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #492064;position: absolute;bottom: 0;left: 0;}
.btn-hvr4:before, .btn-hvr4:after {border-color: #492064;}
.btn-hvr4 span:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: #492064 transparent transparent transparent;position: absolute;top: 0;left: 0;}
.btn-hvr4 span:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent #492064 transparent;position: absolute;right: 0;bottom: 0;}
.btn-hvr4 span:before, .btn-hvr4 span:after {border-color: #492064;}
.btn-hvr4:hover {color: #decde9;}
.btn-hvr4:hover:before {border-width: 20px 62.5px;}
.btn-hvr4:hover:after {border-width: 20px 62.5px;}
.btn-hvr4:hover span:before {border-width: 20px 62.5px;}
.btn-hvr4:hover span:after {border-width: 20px 62.5px;}
.btn-hvr4:active {background: #7935a6;}
.btn-hvr5 {color: #808695;}
.btn-hvr5:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #3f444e transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr5:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #3f444e;position: absolute;bottom: 0;left: 0;}
.btn-hvr5:hover {color: #dadce0;}
.btn-hvr5:hover:before, .btn-hvr5:hover:after {border-width: 80px 262.5px;}
.btn-hvr5:active {background: #697182;}
.btn-hvr6 {color: #80629f;}
.btn-hvr6 span {position: absolute;display: block;width: 0;height: 0;border-radius: 50%;background: #402a55;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: width 0.4s, height 0.4s;transition: width 0.4s, height 0.4s;z-index: -1;}
.btn-hvr6:hover {color: #dad1e3;}
.btn-hvr6:hover span {width: 562.5px;height: 562.5px;}
.btn-hvr6:active {background: #6a468e;}
.btn-hvr7 {color: #27692b;}
.btn-hvr7:before, .btn-hvr7:after, .btn-hvr7 span:before, .btn-hvr7 span:after {content: '';position: absolute;top: 0;width: 63.5px;height: 0;background: #012f04;}
.btn-hvr7:before {left: 0;}
.btn-hvr7:after {left: 125px;}
.btn-hvr7 span:before, .btn-hvr7 span:after {top: auto;bottom: 0;}
.btn-hvr7 span:before {left: 62.5px;}
.btn-hvr7 span:after {left: 187.5px;}
.btn-hvr7:hover {color: #c0d3c1;}
.btn-hvr7:hover:before, .btn-hvr7:hover:after, .btn-hvr7:hover span:before, .btn-hvr7:hover span:after {height: 80px;}
.btn-hvr7:active {background: #014f06;}
.btn-hvr8 {color: #5177a7;}
.btn-hvr8:before, .btn-hvr8:after {content: '';position: absolute;top: 0;left: 0;width: 250px;height: 0;background: #ec7729;}
.btn-hvr8:after {top: auto;bottom: 0;}
.btn-hvr8:hover:before, .btn-hvr8:hover:after {height: 40px;}
.btn-hvr8:active {background: #325f98;}
.btn-hvr9 {color: #c93a8e;}
.btn-hvr9:before, .btn-hvr9:after, .btn-hvr9 span:before, .btn-hvr9 span:after {content: '';position: absolute;top: 0;left: 0;width: 250px;height: 0;background: rgba(115,14,73,0.25);-webkit-transition: 0.4s;transition: 0.4s;}
.btn-hvr9:after, .btn-hvr9 span:before {top: auto;bottom: 0;}
.btn-hvr9 span:before, .btn-hvr9 span:after {-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.btn-hvr9:hover {color: #efc5de;}
.btn-hvr9:hover:before, .btn-hvr9:hover:after, .btn-hvr9:hover span:before, .btn-hvr9:hover span:after {height: 80px;}
.btn-hvr9:active {background: #c0177a;}
.btn-hvr10 {color: #8f5c82;}
.btn-hvr10:before, .btn-hvr10:after, .btn-hvr10 span:before, .btn-hvr10 span:after {content: '';position: absolute;top: 0;left: 0;width: 0;height: 80px;background: rgba(74,38,65,0.25);-webkit-transition: 0.4s;transition: 0.4s;}
.btn-hvr10:after, .btn-hvr10 span:before {left: auto;right: 0;}
.btn-hvr10 span:before, .btn-hvr10 span:after {-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.btn-hvr10:hover {color: #decfda;}
.btn-hvr10:hover:before, .btn-hvr10:hover:after, .btn-hvr10:hover span:before, .btn-hvr10:hover span:after {width: 250px;}
.btn-hvr10:active {background: #7b3f6c;}
@-webkit-keyframes criss-cross-left {
0% {left: -20px;}
50% {left: 50%;width: 20px;height: 20px;}
100% {left: 50%;width: 375px;height: 375px;}
}
@keyframes criss-cross-left {
0% {left: -20px;}
50% {left: 50%;width: 20px;height: 20px;}
100% {left: 50%;width: 375px;height: 375px;}
}
@-webkit-keyframes criss-cross-right {
0% {right: -20px;}
50% {right: 50%;width: 20px;height: 20px;}
100% {right: 50%;width: 375px;height: 375px;}
}
@keyframes criss-cross-right {
0% {right: -20px;}
50% {right: 50%;width: 20px;height: 20px;}
100% {right: 50%;width: 375px;height: 375px;}
}
.btn-hvr11 {position: relative;color: #9a7cba;}
.btn-hvr11:before,
.btn-hvr11:after {position: absolute;top: 50%;content: '';width: 20px;height: 20px;background: #8865ae;border-radius: 50%;}
.btn-hvr11:before {left: -20px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.btn-hvr11:hover:before {-webkit-animation: criss-cross-left 0.8s both;animation: criss-cross-left 0.8s both;}
.btn-hvr11:hover:after {-webkit-animation: criss-cross-right 0.8s both;animation: criss-cross-right 0.8s both;}
.sea-product ul.mycol {margin: 0 -10px;}
.sea-product li.col {padding: 0 10px;margin-bottom: 20px;}
.sea-product li {transition: all .3s;}
.sea-product li:hover {transform: translateY(-10px);}
.sea-product li .img {height: 280px;line-height: 280px;text-align: center;position: relative;}
.sea-product li img {max-width: 80%;max-height: 80%;}
.sea-product li h4 {height: 50px;line-height: 50px;color: #1e242b;font-size: 18px;overflow: hidden;text-align: center;}
.juzhong {max-width: 1020px;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;padding-right: 10px;padding-left: 10px;width: 100%;}
.juzhong img {width: 100%;transition: all 1s;}
.blue {
	margin-right: 10px;
	border: 1px solid #999;
	margin-top: 5px;
	margin-left: 5px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}
.bdsharebuttonbox {margin-right: auto;margin-left: auto;}
.yuyan {width: 50%;margin-left: 50%;text-align: center;color: #ec7729;position: relative;}
/*公司简介*/
.aboutbox {max-width: 1400px;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;padding-right: 1%;padding-left: 1%;}
.aboutfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.aboutfix{*zoom:1;}*{webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.aboutweb{ padding-left:15px; padding-right:15px;}
.aboutwebbox{ margin-left:0px; margin-right:0px;}
.aboutleft{float:none;}
.aboutright{float:none;}
.aboutweb{margin:0px auto; }
@media (min-width: 767px){
.aboutbox dl{ position:relative}
.aboutbox dt{float:left;width:50%;position:absolute;left:0;top:0;height: 100%;overflow:hidden;}
.aboutbox dd{ float:right; width:50%;}
.aboutbox dl:nth-child(2n) dt{ left:auto; right:0}
.aboutbox dl:nth-child(2n) dd{ float:left}
.aboutbox dt img{ height:100%; width:auto;}
}
@media (min-width:900px){
.news-detail .main {width: calc(100% - 340px);}
.news-detail .side {width: 320px;}
.news-detail .content .con .imgs img {width: 25%;}
.page-nav {text-align: center;}
.pro-detail {width: calc(100% - 250px); float: right;}
.pro-detail .top .img.fl {width: 50%; overflow: hidden;}
.pro-detail .top .txt {width: 50%;}
.pro-detail .top {padding: 25px; background-color: rgb(255, 255, 255);}
.pro-detail .top .big li {text-align: center; background-color: rgb(255, 255, 255);}
.pro-detail .top .big li .box {height: 400px;text-align: center;line-height: 400px;overflow: hidden;}
.pro-detail .top .big li .box img {max-height: 100%; max-width: 100%;}
.pro-detail .top .list {padding: 0px 40px; text-align: center; margin-top: 10px; position: relative;}
.pro-detail .top .list li {border: 1px solid transparent; border-image: none;}
.pro-detail .top .list li img {width: 100%;}
.pro-detail .top .list .swiper-slide-thumb-active {border-color: #e84b0a;}
.pro-detail .top .txt {padding-top: 20px; padding-left: 2vw;}
.pro-detail .top .title h4 {height: 52px; color: rgb(30, 36, 43); font-size: 24px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;}
.pro-detail .top .txt .con {padding: 20px 1.5vw;color: rgb(153, 153, 153);line-height: 25px;font-size: 14px;min-height: 90px;}
.pro-detail .top .more a {padding: 11px 30px; border-radius: 40px; color: rgb(255, 255, 255); font-size: 18px; margin-right: 1vw; vertical-align: middle; display: inline-block; background-color: #e84b0a;}
.pro-detail .top .more span {background: url("/style/icon_phone01.png") no-repeat left; color: #e84b0a; padding-left: 35px; font-size: 24px; vertical-align: middle; display: inline-block;}
.pro-detail .swiper-button-next {background: rgb(163, 163, 163);left: 0px;width: 30px;height: 50px;margin-top: -25px;z-index: 10;}
.pro-detail .swiper-button-prev {background: rgb(163, 163, 163);left: 0px;width: 30px;height: 50px;margin-top: -25px;z-index: 10;}
.pro-detail .swiper-button-next {left: auto; right: 0px;}
.pro-detail .swiper-button-next::after {border-width: 3px 3px medium medium; border-style: solid solid none none; border-color: rgb(255, 255, 255) rgb(255, 255, 255) currentColor currentColor; border-image: none; left: 45%; top: 50%; width: 10px; height: 10px; position: absolute; content: ""; transform: translate(-50%, -50%) rotate(45deg);}
.pro-detail .swiper-button-prev::after {border-width: 3px 3px medium medium; border-style: solid solid none none; border-color: rgb(255, 255, 255) rgb(255, 255, 255) currentColor currentColor; border-image: none; left: 45%; top: 50%; width: 10px; height: 10px; position: absolute; content: ""; transform: translate(-50%, -50%) rotate(45deg);}
.pro-detail .swiper-button-prev::after {left: 55%; transform: translate(-50%, -50%) rotate(-135deg);}
.pro-detail .swiper-button-next:hover {background-color: #e84b0a;}
.pro-detail .swiper-button-prev:hover {background-color: #e84b0a;}
.pro-detail .swiper-button-next:hover::after {border-color: rgb(255, 255, 255);}
.pro-detail .swiper-button-prev:hover::after {border-color: rgb(255, 255, 255);}
.clearfix .col {width: 25%;float:left;padding: 0 10px;text-align: center;}
.mycol-3 .col {width: 33.33333%; float: left; background-color: #fff;padding-left: 4vw;}
.mycol-4 .col {width: 25%;}
.product .list .main {background: none; width: calc(100% - 250px); height: auto; float: right;}
.product .list .main li .img {background: rgb(255, 255, 255);height: 273.5px;line-height: 273.5px;}
.product .list .main li .img img {max-height: 100%; max-width: 100%;}
.product .list .main li h4 {height: 50px; line-height: 50px; overflow: hidden; margin-bottom: 30px; white-space: nowrap; -ms-text-overflow: ellipsis;}
.index-product .main.main li {float: left;width: 25%;}
.index-about {position: relative;}
.index-about .txt {width: 50%; padding-top: 50px; padding-right: 3vw;}
.index-about .txt h2 {margin-left: -100px;margin-bottom: 35px;padding-top: 40px;padding-left: 100px;color: #000000;font-size: 42px;}
.index-about .txt h3 {color: rgb(60, 60, 60);font-size: 20px;height: 35px;}
.index-about .txt .con p {color: rgb(124, 124, 124); line-height: 30px; margin-top: -7px;}
.index-about .txt a.more {background: #e84b0a; border-radius: 36px; width: 160px; text-align: center; color: rgb(255, 255, 255); line-height: 36px; margin-top: 60px; display: block;}
.index-about .img {width: 50%; right: 0px; padding-left: 4vw; position: absolute;}
.index-about .img .video {width: 100%; height: 560px; overflow: hidden; display: block; border-top-left-radius: 50px;}
.index-about .img .video::after {background: url("/style/icon_play01.png") no-repeat center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";}
.index-about .img .more {background: rgb(255, 255, 255); padding: 25px 40px; left: 0px; top: 50%; position: absolute; border-top-right-radius: 20px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px; box-shadow: 0px 0px 30px -20px #000; transform: translateY(-50%);}
.index-about .img .more a {background-position: center 30px; height: 120px; text-align: center; padding-top: 75px; display: block; background-repeat: no-repeat;}
.index-about .img .more a:hover {color: #e84b0a;}
.index-about .num {padding: 35px 0px; margin-top: 60px; background-color: rgb(244, 244, 244);}
.index-about .num .list {width: 50%;}
.index-about .num li h4 {height: 60px; font-size: 20px;}
.index-about .num li h4 span {color: #e84b0a;font-size: 45px;font-weight: 700;vertical-align: top;}
.index-about .num li p {color: rgb(60, 60, 60); font-size: 14px;}
.index-about .num li .i {height: 60px;}
.footer .phone {float: right;}
.aboutdl dt{ float:left; width:44.97%}
.aboutdl dd{ float:right; width:52.76%}
.aboutbox dt{float:left;position:static;left:0;top:0;height: 100%;overflow:hidden;}
.aboutbox dd{ float:right; width:50%;}
.aboutbox dl:nth-child(2n) dt{ float:right}
.aboutbox dl:nth-child(2n) dd{ float:left}
.aboutbox dt img{ width:100%; height:auto;}
.xiao900{display: none;}
.liuyan .col {width: 100%;float:left; text-align: center;}
.liuyan2 {width: 48%;padding-top: 20px;padding-right: 1%;padding-bottom: 20px;padding-left: 1%;}
.shouhou{width: 48%;height: 100%;float: left;padding-top: 20px;padding-right: 1%;padding-bottom: 20px;padding-left: 1%;}
.shouhou2{width: 48%;height: 100%;float: left;padding-right: 1%;padding-left: 1%;padding-top: 20px;padding-bottom: 20px;}
.shouhou2 img{width: 100%;height: 100%;}
.shouhou h4 {padding-bottom: 15px;color: #ec7729;font-size: 26px;text-align: center;}
.shouhou .con {max-height: 400px;overflow: hidden;color: #666;font-size: 14px;line-height: 25px;text-align: justify;}
}
@media (min-width: 1000px){
.index-news .right {width: 50%;}
.zuoduiqi {width: 50%;height: 100%;float: left;padding-right: 2%;font-size: 16px;line-height: 40px;}
body {padding-top: 90px;}
.about .top li.row img {width: 48%;}
}
@media (min-width: 1200px){
.aboutweb{max-width:1200px;padding-left:0; padding-right:0}
.aboutleft{float:left;}
.aboutright{float:right;}
}
@media (min-width: 1253px){
.aboutdl{ padding-bottom:76px;}
.aboutdl h1{font-size:30px;padding-top: 19px;padding-bottom: 13px;}
.aboutbox h2{font-size:30px;padding-bottom: 13px;}
.subabouttxt{font-size:16px;max-width: 480px;}
.aboutbox dd{ position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:0; padding-left:3.5%}
.aboutbox dl:nth-child(2n) dd{right:auto;left:0;padding-left: 21%;padding-left: 6%;}
.aboutlast{ padding-top:70px;}
.aboutlast h2{font-size:30px;padding-bottom: 15px;}
}


@media (max-width:900px){
.news-detail .main {width: 100%;}
.news-detail .side {width: 100%;}
.news-detail .content .con .imgs img{width: 50%;}
.page-nav {text-align: center;margin-bottom: -20px;}
.pro-detail {width: 100%; }
.pro-detail .top .img.fl {width: 100%;overflow: hidden;}
.pro-detail .top .txt {margin-top: 15px;width: 100%;}
.pro-detail .top {padding: 25px 10px;background-color: #fff;}
.pro-detail .top .big li {text-align: center;background-color: #fff;}
.pro-detail .top .big li .box {overflow: hidden;text-align: center;}
.pro-detail .top .big li .box img {max-width: 100%;max-height: 100%;}
.pro-detail .top .list {position: relative;padding: 0 40px;margin-top: 10px;text-align: center;}
.pro-detail .top .list li {border: 1px solid transparent;}
.pro-detail .top .list li img {width: 100%;}
.pro-detail .top .list .swiper-slide-thumb-active {border-color: #ec7729;}
.pro-detail .top .txt {padding-top: 20px;padding-left: 2vw;}
.pro-detail .top .title h4 {height: 52px;color: #1e242b;font-size: 24px;border-bottom: 1px solid #ddd;}
.pro-detail .top .txt .con {min-height: 100px;padding: 20px 1.5vw;color: #999;font-size: 14px;line-height: 25px;}
.pro-detail .top .more {text-align: center;}
.pro-detail .top .more a {display: inline-block;padding: 10px 30px;margin-right: 1vw;color: #fff;font-size: 14px;background-color: #ec7729;border-radius: 40px;vertical-align: middle;}
.pro-detail .top .more span {display: inline-block;padding-left: 35px;margin-top: 10px;color: #ec7729;font-size: 24px;vertical-align: middle;background: url(/style/icon_phone01.png) left center no-repeat;}
.pro-detail .swiper-button-next, .pro-detail .swiper-button-prev {width: 30px;height: 50px;background: #a3a3a3;z-index: 10;left: 0;margin-top: -25px;}
.pro-detail .swiper-button-next {left: auto;right: 0;}
.pro-detail .swiper-button-next:after, .pro-detail .swiper-button-prev:after {content: "";position: absolute;left: 45%;top: 50%;width: 10px;height: 10px;border: 3px solid #fff;border-left: none;border-bottom: none;transform: translate(-50%,-50%) rotate(45deg);}
.pro-detail .swiper-button-prev:after {left: 55%;transform: translate(-50%,-50%) rotate(-135deg);}
.pro-detail .swiper-button-next:hover, .pro-detail .swiper-button-prev:hover {background-color: #ec7729;}
.pro-detail .swiper-button-next:hover:after,
.pro-detail .swiper-button-prev:hover:after {border-color: #fff;}
.myco6 .col {float: left;text-align: center;width: 33.3333%;padding-left: 5px;padding-top: 0;padding-right: 5px;padding-bottom: 0;}
.mycol-2 .col {width: 50%; float: left;}
.clearfix .col {width: 50%; float: left;}
.mycol-3 .col {width: 100%;float: left; background-color: #fff;padding-left: 4vw;}
.mycol-4 .col {width: 50%;}
.product .list .main {width: 100%;height: auto;background: none;}
.product .list .main li .img {height: 150px;line-height: 150px;background: #fff;}
.product .list .main li .img img {max-width: 100%;max-height: 100%;}
.product .list .main li h4 {height: 35px;line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 15px;}
.index-about {position: relative;}
.index-about .txt {width: 100%;}
.index-about .txt h2 {margin-bottom: 20px;color: #e84b0a;font-size: 26px;background: url(/style/gtd_bg.png) top left no-repeat;text-align: center;}
.index-about .txt h3 {height: 70px;line-height: 30px;color: #3c3c3c;font-size: 18px;text-align: center;}
.index-about .txt .con p {color: #7c7c7c;line-height: 25px;margin-top: -7px;text-align: justify;}
.index-about .txt a.more {display: block;width: 150px;line-height: 36px;border-radius: 36px;margin: 20px auto;text-align: center;color: #fff;background-color: #e84b0a;}
.index-about .img {width: 100%;}
.index-about .img .video {display: block;width: 100%;height: 260px;border-radius: 20px;overflow: hidden;}
.index-about .img .video:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(/style/icon_play01.png) center no-repeat;background-size: auto 50px;}
.index-about .img .more {padding: 0 10px;background: #fff;border-top-right-radius: 20px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;box-shadow: 0 0 30px -20px #000;}
.index-about .img .more a {display: block;height: 120px;padding-top: 75px;text-align: center;background-position: center 30px;background-repeat: no-repeat;}
.index-about .img .more a:hover {color: #ec7729;}
.index-about .num {background-color: #f4f4f4;padding: 25px 0;margin-top: 10px;}
.index-about .num .list {width: 100%;}
.index-about .num li {margin: 10px 0;}
.index-about .num li h4 {height: 60px;font-size: 16px;}
.index-about .num li h4 span {color: #e84b0a;font-size: 42px;font-weight: 700;vertical-align: top;}
.index-about .num li p {color: #3c3c3c;font-size: 14px;}
.index-about .num li .i {height: 60px;}
.liuyan .col {width: 100%;float:left; text-align: center;}
.liuyan2 {width: 98%;padding-top: 20px;padding-right: 1%;padding-bottom: 20px;padding-left: 1%;}
.shouhou{width: 98%;height: 100%;float: left;padding-top: 20px;padding-right: 1%;padding-bottom: 20px;padding-left: 1%;}
.shouhou2{width: 98%;height: 100%;float: left;padding-right: 1%;padding-left: 1%;padding-top: 20px;padding-bottom: 20px;}
.shouhou2 img{width: 100%;height: 100%;}
.shouhou h4 {padding-bottom: 15px;color: #ec7729;font-size: 26px;text-align: center;}
.shouhou .con {max-height: 400px;overflow: hidden;color: #666;font-size: 14px;line-height: 25px;text-align: justify;}
.da900{display: none;}
}
@media (max-width: 1000px) {
body {padding-top: 60px;}
.index-news .right {width: 100%;}
.about .top li.row img {width: 100%;}
.header {display: none;}
.header-m {display: block;}
.xiao1000{display: none;}
}
@media (max-width: 1300px) {
.xiao1300{display: none;}
}
@media (max-width: 1380px) {
.xiao1380{display: none;}
}
@media (max-width: 1580px) {
.xiao1580{display: none;}
}