.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus {outline:none}
.slick-list.dragging {cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track {position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after {display:table;content:''}
.slick-track:after {clear:both}
.slick-loading .slick-track {visibility:hidden}
.slick-slide {display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide {float:right}
.slick-slide img {display:block}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden {display:none}
.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title {text-overflow:ellipsis;white-space:nowrap}
*html {background-image:url(about:blank);background-attachment:fixed}
html #layuicss-skinlayercss {display:none;position:absolute;width:1989px}
.layui-layer,.layui-layer-shade {position:fixed;_position:absolute;pointer-events:auto}
.layui-layer-shade {top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}
.layui-layer {-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#333;-webkit-background-clip:content;box-shadow:1px 1px 50px rgba(0,0,0,.3)}
.layui-layer-close {position:absolute}
.layui-layer-content {position:relative}
.layui-layer-border {border:1px solid #b2b2b2;border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.2)}
.layui-layer-load {background:url(https://www.chinaswany.com/static/js/layer/skin/default/loading-1.gif) center center no-repeat #eee}
.layui-layer-ico {background:url(https://www.chinaswany.com/static/js/layer/skin/default/icon.png) no-repeat}
.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a {display:inline-block;*display:inline;*zoom:1;vertical-align:top}
.layui-layer-move {display:none;position:fixed;*position:absolute;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;filter:alpha(opacity=0);background-color:#333;z-index:2147483647}
.layui-layer-resize {position:absolute;width:15px;height:15px;right:0;bottom:0;cursor:se-resize}
.layui-layer {border-radius:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}
@-webkit-keyframes bounceIn {0% {opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
100% {opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn {0% {opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
100% {opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.layer-anim {-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes zoomInDown {0% {opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60% {opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
@keyframes zoomInDown {0% {opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60% {opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
.layer-anim-01 {-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-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)}
}
.layer-anim-02 {-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes zoomInLeft {0% {opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60% {opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
@keyframes zoomInLeft {0% {opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60% {opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
.layer-anim-03 {-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes rollIn {0% {opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100% {opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
@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(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
.layer-anim-04 {-webkit-animation-name:rollIn;animation-name:rollIn}
@keyframes fadeIn {0% {opacity:0}
100% {opacity:1}
}
.layer-anim-05 {-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-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)}
}
.layer-anim-06 {-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes fadeIn {0% {opacity:0}
100% {opacity:1}
}
@-webkit-keyframes bounceOut {100% {opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}
30% {-webkit-transform:scale(1.05);transform:scale(1.05)}
0% {-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceOut {100% {opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}
30% {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
0% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.layer-anim-close {-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.2s;animation-duration:.2s}
.layui-layer-title {padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#f8f8f8;border-radius:2px 2px 0 0}
.layui-layer-setwin {position:absolute;right:15px;*right:0;top:15px;font-size:0;line-height:initial}
.layui-layer-setwin a {position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}
.layui-layer-setwin .layui-layer-min cite {position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2e2d3c;cursor:pointer;_overflow:hidden}
.layui-layer-setwin .layui-layer-min:hover cite {background-color:#2d93ca}
.layui-layer-setwin .layui-layer-max {background-position:-32px -40px}
.layui-layer-setwin .layui-layer-max:hover {background-position:-16px -40px}
.layui-layer-setwin .layui-layer-maxmin {background-position:-65px -40px}
.layui-layer-setwin .layui-layer-maxmin:hover {background-position:-49px -40px}
.layui-layer-setwin .layui-layer-close1 {background-position:0 -40px;cursor:pointer}
.layui-layer-setwin .layui-layer-close1:hover {opacity:.7}
.layui-layer-setwin .layui-layer-close2 {position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}
.layui-layer-setwin .layui-layer-close2:hover {background-position:-180px -31px}
.layui-layer-btn {text-align:right;padding:0 10px 12px;pointer-events:auto;user-select:none;-webkit-user-select:none}
.layui-layer-btn a {height:28px;line-height:28px;margin:0 6px;padding:0 15px;border:1px solid #dedede;background-color:#f1f1f1;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}
.layui-layer-btn a:hover {opacity:.9;text-decoration:none}
.layui-layer-btn a:active {opacity:.8}
.layui-layer-btn .layui-layer-btn0 {border-color:#4898d5;background-color:#2e8ded;color:#333}
.layui-layer-btn-l {text-align:left}
.layui-layer-btn-c {text-align:center}
.layui-layer-dialog {min-width:260px}
.layui-layer-dialog .layui-layer-content {position:relative;padding:20px;line-height:24px;word-break:break-all;overflow:hidden;font-size:14px;overflow-x:hidden;overflow-y:auto}
.layui-layer-dialog .layui-layer-content .layui-layer-ico {position:absolute;top:14px;left:15px;_left:-40px;width:30px;height:30px}
.layui-layer-ico1 {background-position:-30px 0}
.layui-layer-ico2 {background-position:-60px 0}
.layui-layer-ico3 {background-position:-90px 0}
.layui-layer-ico4 {background-position:-120px 0}
.layui-layer-ico5 {background-position:-150px 0}
.layui-layer-ico6 {background-position:-180px 0}
.layui-layer-rim {border:6px solid #8d8d8d;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}
.layui-layer-msg {min-width:180px;border:1px solid #d3d4d3;box-shadow:none}
.layui-layer-hui {min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#333;border:none}
.layui-layer-hui .layui-layer-content {padding:12px 25px;text-align:center}
.layui-layer-dialog .layui-layer-padding {padding:20px 20px 20px 55px;text-align:left}
.layui-layer-page .layui-layer-content {position:relative;overflow:auto}
.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn {padding-top:10px}
.layui-layer-nobg {background:0 0}
.layui-layer-iframe iframe {display:block;width:100%}
.layui-layer-loading {border-radius:100%;background:0 0;box-shadow:none;border:none}
.layui-layer-loading .layui-layer-content {width:60px;height:24px;background:url(https://www.chinaswany.com/static/js/layer/skin/default/loading-0.gif) no-repeat}
.layui-layer-loading .layui-layer-loading1 {width:37px;height:37px;background:url(https://www.chinaswany.com/static/js/layer/skin/default/loading-1.gif) no-repeat}
.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2 {width:32px;height:32px;background:url(https://www.chinaswany.com/static/js/layer/skin/default/loading-2.gif) no-repeat}
.layui-layer-tips {background:0 0;box-shadow:none;border:none}
.layui-layer-tips .layui-layer-content {position:relative;line-height:22px;min-width:12px;padding:5px 10px;font-size:12px;_float:left;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.2);background-color:#000;color:#333}
.layui-layer-tips .layui-layer-close {right:-2px;top:-1px}
.layui-layer-tips i.layui-layer-TipsG {position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}
.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT {left:5px;border-right-style:solid;border-right-color:#000}
.layui-layer-tips i.layui-layer-TipsT {bottom:-8px}
.layui-layer-tips i.layui-layer-TipsB {top:-8px}
.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR {top:1px;border-bottom-style:solid;border-bottom-color:#000}
.layui-layer-tips i.layui-layer-TipsR {left:-8px}
.layui-layer-tips i.layui-layer-TipsL {right:-8px}
.layui-layer-lan[type=dialog] {min-width:280px}
.layui-layer-lan .layui-layer-title {background:#4476a7;color:#333;border:none}
.layui-layer-lan .layui-layer-btn {padding:10px;text-align:right;border-top:1px solid #e9e7e7}
.layui-layer-lan .layui-layer-btn a {background:#bbb5b5;border:none}
.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {background:#c9c5c5}
.layui-layer-molv .layui-layer-title {background:#009f95;color:#333;border:none}
.layui-layer-molv .layui-layer-btn a {background:#009f95}
.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {background:#92b8b1}
.layui-layer-iconext {background:url(https://www.chinaswany.com/static/js/layer/skin/default/icon-ext.png) no-repeat}
.layui-layer-prompt .layui-layer-input {display:block;width:220px;height:30px;margin:0 auto;line-height:30px;padding:0 5px;border:1px solid #ccc;box-shadow:1px 1px 5px rgba(0,0,0,.1) inset;color:#333}
.layui-layer-prompt textarea.layui-layer-input {width:300px;height:100px;line-height:20px}
.layui-layer-prompt .layui-layer-content {padding:20px}
.layui-layer-prompt .layui-layer-btn {padding-top:0}
.layui-layer-tab {box-shadow:1px 1px 50px rgba(0,0,0,.4)}
.layui-layer-tab .layui-layer-title {padding-left:0;border-bottom:1px solid #ccc;background-color:#eee;overflow:visible}
.layui-layer-tab .layui-layer-title span {position:relative;float:left;min-width:80px;max-width:260px;padding:0 20px;text-align:center;cursor:default;overflow:hidden}
.layui-layer-tab .layui-layer-title span.layui-layer-tabnow {height:43px;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#333;z-index:10}
.layui-layer-tab .layui-layer-title span:first-child {border-left:none}
.layui-layer-tabmain {line-height:24px;clear:both}
.layui-layer-tabmain .layui-layer-tabli {display:none}
.layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer {display:block}
.xubox_tabclose {position:absolute;right:10px;top:5px;cursor:pointer}
.layui-layer-photos {-webkit-animation-duration:1s;animation-duration:1s}
.layui-layer-photos .layui-layer-content {overflow:hidden;text-align:center}
.layui-layer-photos .layui-layer-phimg img {position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}
.layui-layer-imgbar,.layui-layer-imguide {display:none}
.layui-layer-imgnext,.layui-layer-imgprev {position:absolute;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}
.layui-layer-imgprev {left:10px;background-position:-5px -5px;_background-position:-70px -5px}
.layui-layer-imgprev:hover {background-position:-33px -5px;_background-position:-120px -5px}
.layui-layer-imgnext {right:10px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}
.layui-layer-imgnext:hover {background-position:-33px -50px;_background-position:-120px -50px}
.layui-layer-imgbar {position:absolute;left:0;bottom:0;width:100%;height:32px;line-height:32px;background-color:rgba(0,0,0,.8);background-color:#000\9;filter:Alpha(opacity=80);color:#333;overflow:hidden;font-size:0}
.layui-layer-imgtit * {display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}
.layui-layer-imgtit a {max-width:65%;overflow:hidden;color:#333}
.layui-layer-imgtit a:hover {color:#333;text-decoration:underline}
.layui-layer-imgtit em {padding-left:10px;font-style:normal}
@media screen and (max-width:1100px) {.layui-layer-iframe {overflow-y:auto;-webkit-overflow-scrolling:touch}
}
.layui-layer-dialog .layui-layer-content {word-break:break-word !important}
.img-box img {width:100%}
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,li,pre,form,fieldset,legend,button,input,textarea,th,td,ol {margin:0;padding:0}
*,:after,:before {box-sizing:border-box;outline:none}
body {font:12px "Microsoft YaHei","Arial";color:#000;line-height:1.5;overflow-x:hidden}
ol,ul,li {list-style-type:none;vertical-align:middle}
img {vertical-align:top;border:0;max-width:100%;height:auto;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}
input,select,textarea,button {vertical-align:middle}
textarea,input {outline:none;resize:none}
input[type=submit],input[type=button],button {text-indent:0;text-align:center;cursor:pointer}
label,button,a {cursor:pointer}
ins,em,b,i {text-decoration:none;font-style:normal}
select:focus,textarea:focus,input:focus,button {outline:none}
input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder,textarea::-webkit-input-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder,textarea:-ms-input-placeholder {color:#999}
table {border-collapse:collapse;border-spacing:0;font:inherit}
a {color:inherit;text-decoration:none}
a[href] {cursor:pointer}
a:hover {text-decoration:none;cursor:pointer}
a:focus {background-color:transparent;outline:none}
h1,h2,h3,h4,h5,h6,em {font-weight:400}
a,span,li,b,i,label,p,strong,div,h1,h2,h3,h4,h5,h6,font,small,em,li,pre,form,fieldset,legend,button,input,textarea,th,td {font:inherit;color:inherit}
audio,canvas,progress,video {display:inline-block;vertical-align:baseline}
body {-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:focus,input:focus,p:focus,div:focus {-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,html {width:100%!important;padding:0!important;height:100%}
*::-webkit-scrollbar {width:3px;border-radius:1.5px}
*::-webkit-scrollbar-button {display:none}
*::-webkit-scrollbar-track {background-color:#eee}
*::-webkit-scrollbar-thumb {background-color:#199840}
.fl {float:left}
.fr {float:right}
.cl:after {content:'\20';display:block;height:0;line-height:0;font-size:0;clear:both;visibility:hidden}
.hide {display:none}
.show {display:block}
.up-word {text-transform:uppercase}
.v-show {visibility:visible}
.v-hide {visibility:hidden}
.mt-8 {margin-top:8px}
.mt-10 {margin-top:10px}
.mt-12 {margin-top:12px}
.mt-24 {margin-top:24px}
.mt-32 {margin-top:32px}
.mt-36 {margin-top:36px}
.mt-48 {margin-top:48px}
.mt-15 {margin-top:15px}
.mt-20 {margin-top:20px}
.mt-30 {margin-top:30px}
.mt-40 {margin-top:40px}
.mt-55 {margin-top:55px}
.mt-60 {margin-top:60px}
.mb-8 {margin-bottom:8px}
.mb-10 {margin-bottom:10px}
.mb-12 {margin-bottom:12px}
.mb-24 {margin-bottom:24px}
.mb-32 {margin-bottom:32px}
.mb-36 {margin-bottom:36px}
.mb-48 {margin-bottom:48px}
.mb-15 {margin-bottom:15px}
.mb-20 {margin-bottom:20px}
.mb-30 {margin-bottom:30px}
.mb-40 {margin-bottom:40px}
.mb-55 {margin-bottom:55px}
.mb-60 {margin-bottom:60px}
.ml-8 {margin-left:8px}
.ml-10 {margin-left:10px}
.ml-12 {margin-left:12px}
.ml-24 {margin-left:24px}
.ml-32 {margin-left:32px}
.ml-36 {margin-left:36px}
.ml-48 {margin-left:48px}
.ml-15 {margin-left:15px}
.ml-20 {margin-left:20px}
.ml-30 {margin-left:30px}
.ml-40 {margin-left:40px}
.ml-55 {margin-left:55px}
.ml-60 {margin-left:60px}
.mr-8 {margin-right:8px}
.mr-10 {margin-right:10px}
.mr-12 {margin-right:12px}
.mr-24 {margin-right:24px}
.mr-32 {margin-right:32px}
.mr-36 {margin-right:36px}
.mr-48 {margin-right:48px}
.mr-15 {margin-right:15px}
.mr-20 {margin-right:20px}
.mr-30 {margin-right:30px}
.mr-40 {margin-right:40px}
.mr-55 {margin-right:55px}
.mr-60 {margin-right:60px}
.pt-8 {padding-top:8px}
.pt-10 {padding-top:10px}
.pt-12 {padding-top:12px}
.pt-24 {padding-top:24px}
.pt-36 {padding-top:36px}
.pt-48 {padding-top:48px}
.pt-15 {padding-top:15px}
.pt-20 {padding-top:20px}
.pt-30 {padding-top:30px}
.pt-40 {padding-top:40px}
.pt-55 {padding-top:55px}
.pt-60 {padding-top:60px}
.pb-8 {padding-bottom:8px}
.pb-10 {padding-bottom:10px}
.pb-12 {padding-bottom:12px}
.pb-24 {padding-bottom:24px}
.pb-36 {padding-bottom:36px}
.pb-48 {padding-bottom:48px}
.pb-15 {padding-bottom:15px}
.pb-20 {padding-bottom:20px}
.pb-30 {padding-bottom:30px}
.pb-40 {padding-bottom:40px}
.pb-55 {padding-bottom:55px}
.pb-60 {padding-bottom:60px}
.pl-8 {padding-left:8px}
.pl-10 {padding-left:10px}
.pl-12 {padding-left:12px}
.pl-24 {padding-left:24px}
.pl-36 {padding-left:36px}
.pl-48 {padding-left:48px}
.pl-15 {padding-left:15px}
.pl-20 {padding-left:20px}
.pl-30 {padding-left:30px}
.pl-40 {padding-left:40px}
.pl-55 {padding-left:55px}
.pl-60 {padding-left:60px}
.pr-8 {padding-right:8px}
.pr-10 {padding-right:10px}
.pr-12 {padding-right:12px}
.pr-24 {padding-right:24px}
.pr-36 {padding-right:36px}
.pr-48 {padding-right:48px}
.pr-15 {padding-right:15px}
.pr-20 {padding-right:20px}
.pr-30 {padding-right:30px}
.pr-40 {padding-right:40px}
.pr-55 {padding-right:55px}
.pr-60 {padding-right:60px}
.backImg {background-size:cover}
.text_overflow {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.txt-center {text-align:center}
.txt-right {text-align:right}
[data-ahref] {cursor:pointer}
body {background:0 0}
.font-40 {font-size:40px}
.font-38 {font-size:32px}
.font-36 {font-size:32px}
.font-34 {font-size:32px}
.font-32 {font-size:32px}
.font-30 {font-size:30px}
.font-28 {font-size:28px}
.font-24 {font-size:24px}
.font-22 {font-size:22px}
.font-20 {font-size:20px}
.font-18 {font-size:18px}
.font-16 {font-size:16px}
.font-14 {font-size:14px}
.font-12 {font-size:12px}
.op-1 {opacity:.1}
.op-2 {opacity:.2}
.op-3 {opacity:.3}
.op-4 {opacity:.4}
.op-5 {opacity:.5}
.op-6 {opacity:.6}
.op-7 {opacity:.7}
.op-8 {opacity:.8}
.op-9 {opacity:.9}
.op-10 {opacity:1}
.font-light {font-weight:lighter}
.font-bold {font-weight:700}
.font-500 {font-weight:500}
.pr {position:relative}
.pa {position:absolute}
.block {display:block}
.container {position:relative;padding:0 15px;margin:0 auto}
.grid-box {font-size:0;[;letter-spacing:-4px;font-size:12px;]}
.grid-box .column {display:inline-block;font-size:12px;vertical-align:top;[;letter-spacing:0;]}
.grid-box .column {width:100%}
.grid-box.two>.column {width:50%}
.grid-box.three>.column {width:33.33333%}
.grid-box.four>.column {width:25%}
.grid-box.five>.column {width:20%}
.grid-box.six>.column {width:16.6666667%}
.grid-box.seven>.column {width:14.285714%}
.grid-box.eight>.column {width:12.55%}
.grid-box.nine>.column {width:11.11111111%}
.grid-box.ten>.column {width:10%}
.wid-100 {width:100%}
.wid-10 {width:10%}
.wid-20 {width:20%}
.wid-30 {width:30%}
.wid-40 {width:40%}
.wid-50 {width:50%}
.wid-60 {width:60%}
.wid-70 {width:70%}
.wid-80 {width:80%}
.wid-90 {width:90%}
.half {width:50%}
.layout-middle {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
.layout-v-middle {position:absolute;top:0;bottom:0;margin:auto}
.layout-h-middle {position:absolute;left:0;right:0;margin:auto}
.layout-tab {display:table;width:100%}
.layout-tab>.cell {display:table-cell;vertical-align:middle}
.transi {transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out}
#lanSelBox {font-size:16px;background:#333;border-radius:4px;position:relative}
.current_lang {cursor:pointer;text-transform:uppercase;overflow:hidden}
.lang.selected {display:none}
.lang img,.lang span.lang-txt {display:inline-block;margin-left:5px;vertical-align:middle;color:#444}
.lang span.lang-txt {position:relative;top:-1px;font-weight:700}
.lang img {width:20px;margin-left:0}
.lang span span {color:#999;font-weight:400}
.lang i.chevron.down {font-size:12px;position:relative;top:-1px;margin-left:3px}
.more_lang {transform:translateY(-20px);opacity:0;cursor:pointer;display:none;position:absolute;right:0;top:100%;width:180px;background:#333;-webkit-transition:all .3s cubic-bezier(.25,1.15,.35,1.15);-moz-transition:all .3s cubic-bezier(.25,1.15,.35,1.15);-o-transition:all .3s cubic-bezier(.25,1.15,.35,1.15);-ms-transition:all .3s cubic-bezier(.25,1.15,.35,1.15);transition:all .3s cubic-bezier(.25,1.15,.35,1.15)}
.more_lang .lang {padding:10px 15px}
#lanSelBox.active .more_lang {display:block}
.more_lang.active {opacity:1;transform:translateY(0px)}
.more_lang .lang:hover {background:#5766b2;color:#333}
.more_lang .lang:hover span {color:#333}
#lanSelBox:hover,#lanSelBox.active {box-shadow:rgba(0,0,0,.2) 0 5px 15px;-webkit-transition:all .3s cubic-bezier(0,.99,.44,.99);-moz-transition:all .3s cubic-bezier(0,.99,.44,.99);-o-transition:all .3s cubic-bezier(0,.99,.44,.99);-ms-transition:all .3s cubic-bezier(0,.99,.44,.99);transition:all .3s cubic-bezier(0,.99,.44,.99)}
#lanSelBox.active .more_lang .lang {border-top:1px solid #eaeaea}
.hwaq_img_btn_01 {width:100%;overflow:hidden;position:relative}
.hwaq_img_btn_01 img {margin:0;padding:0;position:relative;top:0;width:100%;left:0}
.hwaq_img_btn_01 .ovrly {position:absolute;background:rgba(0,0,0,.5);height:100%;left:0;top:0;width:100%;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.hwaq_img_btn_01 .buttons {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.hwaq_img_btn_01 .buttons>a {-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;background-color:#333;-webkit-box-shadow:0 0 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 1px rgba(0,0,0,.3);box-shadow:0 0 1px rgba(0,0,0,.3);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;line-height:40px;font-size:16px;text-align:center;text-decoration:none;width:40px;height:40px;margin:0 1px;color:rgba(50,50,50,.9);-webkit-transition:all .3s cubic-bezier(0,1.135,.73,1.405);-moz-transition:all .3s cubic-bezier(0,1.135,.73,1.405);-o-transition:all .3s cubic-bezier(0,1.135,.73,1.405);transition:all .3s cubic-bezier(0,1.135,.73,1.405)}
.hwaq_img_btn_01 .buttons .the_search {-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s}
.hwaq_img_btn_01:hover .buttons>a {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
.hwaq_img_btn_01:hover .ovrly {opacity:1}
.hwaq_img_btn_02 {position:relative;overflow:hidden;text-align:center;cursor:pointer}
.hwaq_img_btn_02 .layer,.hwaq_img_btn_02 .layer>a {position:absolute;top:0;left:0;width:100%;height:100%}
.hwaq_img_btn_02 .layer {padding:2em;color:#333;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.hwaq_img_btn_02 img {opacity:.9}
.hwaq_img_btn_02 .layer:after,.hwaq_img_btn_02 img,.hwaq_img_btn_02 p {-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
.hwaq_img_btn_02 .layer:after {position:absolute;top:0;left:0;width:100%;height:100%;border-top:1px solid #333;border-bottom:1px solid #333;content:'';opacity:0;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
.hwaq_img_btn_02 h2,.hwaq_img_btn_02 p {opacity:1;-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}
.hwaq_img_btn_02 h2 {padding-top:26%;-webkit-transition:-webkit-transform .35s;transition:transform .35s}
.hwaq_img_btn_02 p {padding:.5em 2em;text-transform:none;font-size:.85em;opacity:0}
.hwaq_img_btn_02:hover {background:-webkit-linear-gradient(-45deg,#053565 0%,#06c 100%);background:linear-gradient(-45deg,#053565 0%,#06c 100%)}
.hwaq_img_btn_02:hover img {opacity:.7;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)}
.hwaq_img_btn_02:hover .layer:after {opacity:1;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);transform:rotate3d(0,0,1,45deg) scale3d(1,1,1)}
.hwaq_img_btn_02:hover h2,.hwaq_img_btn_02:hover p {opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.icon-eye:before {content:'\e000'}
.icon-paper-clip:before {content:'\e001'}
.icon-heart:before {content:'\e024'}
.hwaq_img_btn_02 h2 {display:inline-block}
.hwaq_img_btn_02:hover p.description {opacity:1}
.hwaq_img_btn_02:hover figcaption,.hwaq_img_btn_02:hover h2,.hwaq_img_btn_02:hover p.icon-links a {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.hwaq_img_btn_02:hover h2 {-webkit-transition-delay:.05s;transition-delay:.05s}
.hwaq_img_btn_02:hover p.icon-links a:nth-child(3) {-webkit-transition-delay:.1s;transition-delay:.1s}
.hwaq_img_btn_02:hover p.icon-links a:nth-child(2) {-webkit-transition-delay:.15s;transition-delay:.15s}
.hwaq_img_btn_02:hover p.icon-links a:first-child {-webkit-transition-delay:.2s;transition-delay:.2s}
.hwaq_just_btn_01 {-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative}
.hwaq_just_btn_01:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(255,255,255,.25);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.hwaq_just_btn_01>span {position:relative;z-index:20}
.hwaq_just_btn_01:hover:before {opacity:0;-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}
.hwaq_just_btn_01:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;border:1px solid rgba(255,255,255,.5);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.hwaq_just_btn_01:hover:after {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
.mfp-zoom-in .mfp-with-anim {opacity:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}
.mfp-zoom-in.mfp-bg {opacity:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.mfp-zoom-in.mfp-ready .mfp-with-anim {opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.mfp-zoom-in.mfp-ready.mfp-bg {opacity:.8}
.mfp-zoom-in.mfp-removing .mfp-with-anim {-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0}
.mfp-zoom-in.mfp-removing.mfp-bg {opacity:0}
.mlztx {opacity:.6;width:60px;height:60px;border-radius:60px;background-color:#2b93e6;position:fixed;bottom:50px;right:20px;font-size:30px;text-align:center;line-height:55px;color:#333;transition:all 1s ease 0s;z-index:99;-webkit-box-shadow:0px 0px 2px 3px hsla(0,0%,0%,.1);box-shadow:0px 0px 2px 3px hsla(0,0%,0%,.1);cursor:pointer}
.mlztx:hover {opacity:1;background-color:#00b1ff;width:65px;height:65px}
.layer-form {display:none}
.container-contact100 {width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background:rgba(0,0,0,.8);position:fixed;z-index:1000001;left:0;top:0}
.wrap-contact100 {width:560px;background:#333;border-radius:3px;position:relative;overflow:auto;max-height:90vh}
.contact100-form-title {font-size:30px;color:#333;line-height:1.2;text-transform:uppercase;background-image:url("https://www.chinaswany.com/template/en/images/layer-form-bg.jpg");width:100%;min-height:128px;position:relative;z-index:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;background-repeat:no-repeat;background-size:cover;background-position:center;border-top-left-radius:3px;border-top-right-radius:3px;overflow:hidden;padding:30px 15px}
.contact100-form-title:before {content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;background-color:rgba(67,67,67,.6)}
.contact100-form {width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px 55px 48px}
.wrap-input100 {width:100%;position:relative;border:1px solid #e6e6e6;border-radius:2px;margin-bottom:15px}
.label-input100 {font-size:18px;color:#999;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;position:absolute;width:60px;height:100%;top:0;left:2px}
.label-input100.rs1 {height:60px}
.input100 {display:block;width:100%;background:0 0;font-size:15px;color:#333;line-height:1.2;padding:0 25px 0 60px;border:none}
input.input100 {height:55px}
textarea.input100 {min-height:162px;padding-top:22px;padding-bottom:15px;font-family:'microsoft yahei'}
.focus-input100 {position:absolute;display:block;width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;pointer-events:none;border:1px solid;border-radius:2px;border-color:#06c;visibility:hidden;opacity:0;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;-webkit-transform:scaleX(1.1) scaleY(1.3);-moz-transform:scaleX(1.1) scaleY(1.3);-ms-transform:scaleX(1.1) scaleY(1.3);-o-transform:scaleX(1.1) scaleY(1.3);transform:scaleX(1.1) scaleY(1.3)}
.input100:focus+.focus-input100 {visibility:visible;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.input100:focus+.focus-input100+.label-input100 {color:#06c}
.container-contact100-form-btn {width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;padding-top:17px}
.contact100-form-btn {font-size:12px;color:#333;line-height:1.2;text-transform:uppercase;border:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 20px;min-width:160px;height:42px;border-radius:21px;background:#06c;cursor:pointer;box-shadow:0 10px 30px 0px rgba(132,106,221,.5);-moz-box-shadow:0 10px 30px 0px rgba(132,106,221,.5);-webkit-box-shadow:0 10px 30px 0px rgba(132,106,221,.5);-o-box-shadow:0 10px 30px 0px rgba(132,106,221,.5);-ms-box-shadow:0 10px 30px 0px rgba(132,106,221,.5);-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.contact100-form-btn:hover {background:#333;box-shadow:0 10px 30px 0px rgba(51,51,51,.5);-moz-box-shadow:0 10px 30px 0px rgba(51,51,51,.5);-webkit-box-shadow:0 10px 30px 0px rgba(51,51,51,.5);-o-box-shadow:0 10px 30px 0px rgba(51,51,51,.5);-ms-box-shadow:0 10px 30px 0px rgba(51,51,51,.5)}
@media (max-width:576px) {.contact100-form {padding:40px 15px 48px}
.input100 {padding:0 25px 0 40px}
.label-input100 {width:40px}
}
.validate-input {position:relative}
.alert-validate .focus-input100 {box-shadow:0 5px 20px 0px rgba(250,66,81,.1);-moz-box-shadow:0 5px 20px 0px rgba(250,66,81,.1);-webkit-box-shadow:0 5px 20px 0px rgba(250,66,81,.1);-o-box-shadow:0 5px 20px 0px rgba(250,66,81,.1);-ms-box-shadow:0 5px 20px 0px rgba(250,66,81,.1)}
.alert-validate:before {content:"";display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);background-color:transparent;border:1px solid #ff5c19;border-radius:2px;top:-1px;left:-1px;pointer-events:none}
.btn-hide-validate {font-size:18px;color:#ff5c19;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;position:absolute;height:100%;top:0;right:-25px}
.rs1-alert-validate.alert-validate:before {background-color:#333}
.true-validate:after {content:"\f26b";font-size:18px;color:#00ad5f;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;position:absolute;height:100%;top:0;right:-25px}
@media (max-width:576px) {.btn-hide-validate {right:10px}
.true-validate:after {right:10px}
}
.btn-hide-contact100 {font-size:20px;color:#333;opacity:.6;position:absolute;right:10px;top:5px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;cursor:pointer;z-index:10}
.btn-hide-contact100 .icon {margin:0;padding:0;background:0 0}
.btn-hide-contact100:hover {opacity:1}
.img-box {overflow:hidden;position:relative}
.img-box img {transition:1s ease}
.img-box:hover img {transform:scale(1.1,1.1)}
.slideBox {overflow:hidden}
.hwaq-hover-btn {display:inline-block;position:relative}
.hwaq-hover-btn span {display:block;transition:all .5s ease 0s}
.hwaq-hover-btn:hover span {color:#ff5c19}
.hwaq-hover-btn:before,.hwaq-hover-btn:after,.hwaq-hover-btn span:before,.hwaq-hover-btn span:after {content:"";width:25%;height:100%;border-radius:30px;border:2px solid #ff5c19;border-left:none;border-right:none;position:absolute;top:0;left:0;opacity:0;transform:scale(.8);transition:all .3s ease 0s}
.hwaq-hover-btn:after {left:25%}
.hwaq-hover-btn span:before {left:50%}
.hwaq-hover-btn span:after {left:75%}
.hwaq-hover-btn:hover:before,.hwaq-hover-btn:hover:after,.hwaq-hover-btn:hover span:before,.hwaq-hover-btn:hover span:after {border-radius:0;opacity:1;transform:scale(1)}
.hwaq-hover-btn:hover:before {border-left:2px solid #ff5c19}
.hwaq-hover-btn:hover span:after {border-right:2px solid #ff5c19}
.set_1_btn {color:#333;cursor:pointer;display:block;position:relative;vertical-align:middle;background:0 0}
.set_1_btn:hover {text-decoration:none;transition:all .15s linear 0s}
.set_1_btn svg {height:100%;left:0;position:absolute;top:0;width:100%}
.set_1_btn rect {fill:none;stroke:#e1b700;stroke-width:2;stroke-dasharray:422,0;transition:all .45s linear 0s}
.set_1_btn:hover rect {stroke-width:5;stroke-dasharray:15,310;stroke-dashoffset:114;-webkit-transition:all 1.35s cubic-bezier(.19,1,.22,1);transition:all 1.35s cubic-bezier(.19,1,.22,1)}
.portfolio-item {position:relative;overflow:hidden;width:300px;height:300px}
.portfolio-item img {position:absolute;top:50%;left:50%;width:100%;height:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.portfolio-item__info {position:absolute;top:7px;left:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100% - 2*7px);height:calc(100% - 2*7px);background-color:rgba(38,37,37,.5)}
.portfolio-item__header {position:relative;margin:0 0 20px;padding:15px 0;font-size:22px}
.portfolio-item__header:after {position:absolute;left:0;bottom:0;display:block;height:2px;width:100%;content:'';background-color:#8d909b}
.portfolio-item__links {display:flex}
.portfolio-item__link-block {position:relative;width:35px;height:35px;margin-right:10px}
.portfolio-item__link-block:last-child {margin-right:0}
.portfolio-item__link {transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#101010;text-decoration:none;border:1px solid #101010;border-radius:50%}
.portfolio-item__link:hover {color:#333;background-color:#101010}
.portfolio-item--eff3 .portfolio-item__info {transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.3s;transition-timing-function:linear;transition-delay:0s;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:right top;transform-origin:right top}
.portfolio-item--eff3 .portfolio-item__header {-webkit-transform:scale(.4);transform:scale(.4);opacity:0}
.portfolio-item--eff3 .portfolio-item__header:after {bottom:-20px;opacity:0}
.portfolio-item--eff3 .portfolio-item__link-block {opacity:0}
.portfolio-item--eff3 .portfolio-item__link-block:first-child {-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.portfolio-item--eff3 .portfolio-item__link-block:nth-child(2) {-webkit-transform:translateX(50%);transform:translateX(50%)}
.portfolio-item--eff3:hover .portfolio-item__info {transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.3s;transition-timing-function:linear;transition-delay:0s;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transform-origin:left top;transform-origin:left top}
.portfolio-item--eff3:hover .portfolio-item__header {transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:.45s;-webkit-transform:scale(1);transform:scale(1);opacity:1}
.portfolio-item--eff3:hover .portfolio-item__header:after {transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:.6s;bottom:0;opacity:1}
.portfolio-item--eff3:hover .portfolio-item__link-block {transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:.85s;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
.hwaq-img-fg-box {position:relative}
.hwaq-img-fg-box .pic {position:relative;z-index:1;transform-origin:95% 50% 0;transition:all .5s ease 0s}
.hwaq-img-fg-box:hover .pic {transform:rotate(-160deg);z-index:10}
.hwaq-img-fg-box .pic img {width:100%;height:auto;border-radius:50%}
.hwaq-img-fg-box .content {position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#b9607e}
@keyframes fadeInLeftSmall {from {opacity:0;transform:translate3d(-10%,0,0)}
to {opacity:1;transform:none}
}
.fadeInLeftSmall {animation-name:fadeInLeftSmall}
@keyframes fadeInRightSmall {from {opacity:0;transform:translate3d(10%,0,0)}
to {opacity:1;transform:none}
}
.fadeInRightSmall {animation-name:fadeInRightSmall}
@keyframes fadeInDownSmall {from {opacity:0;transform:translate3d(0%,-10%,0)}
to {opacity:1;transform:none}
}
.fadeInDownSmall {animation-name:fadeInDownSmall}
@keyframes fadeOutDownSmall {from {opacity:1;transform:none}
to {opacity:0;transform:translate3d(0%,10%,0)}
}
.fadeOutDownSmall {animation-name:fadeOutDownSmall}
@keyframes fadeInUpSmall {from {opacity:0;transform:translate3d(0%,10%,0)}
to {opacity:1;transform:none}
}
.fadeInUpSmall {animation-name:fadeInUpSmall}
.Txtblur1 {animation-duration:1.2s!important;animation:Txtblur cubic-bezier(.82,.01,.34,1)}
.Txtblur2 {animation-duration:1s!important;animation:Txtblur cubic-bezier(.82,.01,.34,1)}
.scaleIn {animation-duration:.8s!important;animation:scaleIn cubic-bezier(.82,.01,.34,1)}
@keyframes Txtblur {0% {filter:blur(12px);opacity:0;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2)}
100% {filter:blur(0);opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
}
@keyframes scaleIn {0% {opacity:0;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
100% {opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
}
.scale_go {animation:scale_go 3s cubic-bezier(.34,.9,1,1);animation-duration:3s!important}
@keyframes scale_go {from {transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3)}
to {transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
}
@media screen and (max-width:1000px) {.grid-box.two>.column {width:50%}
.grid-box.three>.column {width:33.33333%}
.grid-box.four>.column {width:33.33333%}
.grid-box.five>.column {width:33.33333%}
}
@media screen and (max-width:700px) {.grid-box.two>.column {width:50%}
.grid-box.three>.column {width:50%}
.grid-box.four>.column {width:50%}
.grid-box.five>.column {width:50%}
}
@media screen and (max-width:500px) {.grid-box.two>.column {width:100%}
.grid-box.three>.column {width:100%}
.grid-box.four>.column {width:100%}
.grid-box.five>.column {width:100%}
}
@font-face {font-family:'COM4tFineRegular';src:url(../font/COM4tFineRegular.ttf) format('truetype'),url(../font/COM4tFineRegular.eot) format('eot'),url(../font/COM4tFineRegular.woff) format('woff'),url(../font/COM4tFineRegular.woff2) format('woff2')}
@font-face {font-family:'Mulish-Bold';src:url(../font/Mulish-Bold.ttf) format('truetype'),url(../font/Mulish-Bold.eot) format('eot'),url(../font/Mulish-Bold.woff) format('woff'),url(../font/Mulish-Bold.woff2) format('woff2')}
@font-face {font-family:'Mulish-Light';src:url(https://www.chinaswany.com/template/en/fonts/Mulish-Light.ttf) format('truetype'),url(https://www.chinaswany.com/template/en/fonts/Mulish-Light.eot) format('eot'),url(https://www.chinaswany.com/template/en/fonts/Mulish-Light.woff) format('woff'),url(https://www.chinaswany.com/template/en/fonts/Mulish-Light.woff2) format('woff2')}
@font-face {font-family:'Mulish-Regular';src:url(https://www.chinaswany.com/template/en/fonts/Mulish-Regular.ttf) format('truetype'),url(https://www.chinaswany.com/template/en/fonts/Mulish-Regular.eot) format('eot'),url(https://www.chinaswany.com/template/en/fonts/Mulish-Regular.woff) format('woff'),url(https://www.chinaswany.com/template/en/fonts/Mulish-Regular.woff2) format('woff2')}
:root {--base-color:#ff5c19;color:#333}
body {font-family:"Mulish-Regular";max-width:1920px;margin:0 auto}
.ui.container {padding:0 15px;position:relative;width:90%}
.body-overflow-box {position:relative;left:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index:2;overflow:hidden}
#header {z-index:9;position:fixed;top:0;left:0;width:100%}
#header.active {background:#333;width:100%;left:auto;right:0;}
#header .h-top {line-height:36px;height:36px;background:#333}
#header .h-top ul {float:right;margin-right:-15px}
#header .h-top ul li {line-height:36px;font-size:14px;color:#333;display:inline-block;height:36px;margin-top:-3px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
#header .h-top ul li.active,#header .h-top ul li:hover {background:var(--base-color)}
#header .h-top ul li a {padding:0 15px}
#header .nav {display:inline-block;width:100%;background:0 0}
#header .nav .ui.menu {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;width:100%;}
#header .nav .ui.menu .logo {display:inline-block;margin-left:0;margin-right:0;vertical-align:middle}
#header .nav .ui.menu .menu-box {display:inline-block;vertical-align:middle;margin-left:auto;margin-right:auto}
.nav-sub {position:absolute;top:100%;left:0;width:300px;max-width:1054px;background:#000;transform:translateX(-25%);display:none;}
.menu-box ul.menu li a:hover .nav-sub{ display:block;}
.nav-sub .navitem {display:flex;justify-content:space-between;align-items:flex-start}
.nav-sub .navitem .item {padding:50px;color:#fff}
.nav-sub .navitem .item h5 {font-family:"Mulish-Bold";font-size:18px;width:100%;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.5);position:relative}
.nav-sub .navitem .item a {transition:.3s all}
.nav-sub .navitem .item a:hover {transition:.3s all;color:var(--base-color)}
.nav-sub .navitem .item ul li {font-size:16px;margin-top:15px;position:relative;width:200px}
.nav-sub .navitem .item ul li .navsub3 {position:absolute;width:300px;top:0;left:100%;background:#000}
.nav-sub .navitem .item ul.navsub4 li .navsub3 {left:100%;top:0;background:#000;z-index:2;width:100px}
.nav-sub .navitem .item ul li .navsub3 li {padding:0 10px;width:100%}
.nav-sub .navitem .item ul.navsub2 li:nth-child(4) i {display:none}
.nav-sub .navitem .item ul.navsub4 li:nth-child(1) i,.nav-sub .navitem .item ul.navsub4 li:nth-child(2) i {display:none}
.nav-sub .navitem .item ul li i {position:absolute;top:5px;right:5px;font-size:16px}
.nav-sub .navitem .item ul li .navsub3 {display:none}
.nav-sub .navitem .item ul.navsub4 {display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;flex-direction:column}
.nav-sub .navitem .item h5:before {content:"";width:150px;position:absolute;bottom:-1px;background:#333;height:2px;left:0}

#header .nav .ui.menu .menu-box ul.menu>li {
  margin:0 60px;font-size:24px;font-family:"Mulish-Bold";color:#fff;
  -webkit-perspective:500px;-moz-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;transform-style:preserve-3d;z-index:100;float:left;position:relative;
  border-bottom:3px solid transparent;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;text-transform:capitalize;
}
#header .nav .ui.menu .menu-box ul.menu>li:hover>a {
  border-color:var(--base-color);color:var(--base-color);-webkit-transition:.5s border;
  -moz-transition:.5s border;transition:.5s border;
}
#header .nav .ui.menu .menu-box ul.menu>li>a {display:block;padding:25px 0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu {-webkit-perspective:500px;-moz-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;text-align:left;position:absolute;font-size:15px;background:#333;top:100%;left:-10px;width:180px;transform:rotate3d(1,0,0,-90deg);-webkit-transform:rotate3d(1,0,0,-90deg);-moz-transform:rotate3d(1,0,0,-90deg);-ms-transform:rotate3d(1,0,0,-90deg);-o-transform:rotate3d(1,0,0,-90deg);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;-webkit-transition:opacity .3s,-webkit-transform .5s;transition:opacity .3s,-webkit-transform .5s;-moz-transition:transform .5s,opacity .3s,-moz-transform .5s;transition:transform .5s,opacity .3s;transition:transform .5s,opacity .3s,-webkit-transform .5s,-moz-transform .5s;-webkit-transition:-webkit-transform .5s,opacity .3s;-moz-transition:-moz-transform .5s,opacity .3s;-webkit-box-shadow:0px 8px 10px rgba(0,0,0,.2);box-shadow:0px 8px 10px rgba(0,0,0,.2);border-bottom:3px solid var(--base-color);display:none \9}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li {display:block;float:none;padding:0 15px;line-height:40px;color:#000;font-size:12px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;text-transform:capitalize}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li a {display:block}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:hover {background:#222;color:#333}
#header .nav .ui.menu .menu-box ul.menu>li:hover ul.sub-menu {-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:rotate3d(0,0,0,0);-webkit-transform:rotate3d(0,0,0,0);-moz-transform:rotate3d(0,0,0,0);-ms-transform:rotate3d(0,0,0,0);-o-transform:rotate3d(0,0,0,0);display:block \9}


#header .nav .ui.menu .morenav {margin-left:40px;z-index:1000;position:fixed;top:54px;right:4%}
#header .nav .ui.menu .morenav span {position:relative;width:24px;height:24px;display:block;overflow:hidden;cursor:pointer}
#header .nav .ui.menu .morenav span .line {width:100%;height:2px;background:#333;position:absolute;top:0;left:0;-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all}
#header .nav .ui.menu .morenav span .line.line2 {top:10px}
#header .nav .ui.menu .morenav span .line.line3 {top:22px;left:15px}
#header .nav .ui.menu .morenav:hover span .line.line3 {-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all;left:0}
#header .nav .ui.menu .morenav.active span .line.line2 {opacity:0}
#header .nav .ui.menu .morenav.active span .line.line1 {-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotate(45deg);transform:rotateZ(45deg);top:16px;left:5px}
#header .nav .ui.menu .morenav.active span .line.line3 {-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotate(-45deg);transform:rotateZ(-45deg);top:15px;left:5px}
#header .nav .ui.menu .h-search {display:inline-block;vertical-align:middle;margin-left:0;margin-right:0;cursor:pointer;cursor:hand;margin-right:90px}
#header .nav .ui.menu .h-search img {max-width:20px}
#morehead {position:fixed;height:100%;background:#000;z-index:16;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#333;width:100%}
#morehead .moreclose {position:absolute;top:40px;right:5%;color:#333;width:40px;height:40px}
#morehead .moreclose i {font-size:28px;color:#333}
#morehead>div {height:100%}
#morehead .nav {padding:90px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;flex-direction:column}
#morehead .nav .logobox2 {margin-bottom:40px}
#morehead .nav ul li {font-size:24px;font-weight:700;line-height:2;margin:20px 0}
#morehead .img {background:url(https://www.chinaswany.com/chinaswany/2022/12/01/modern-kitchen.jpg) center center no-repeat #333;background-size:cover}
#morehead .text {padding:90px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
#morehead .text p {font-size:20px;line-height:2;text-align:left}
#morehead .text .language {margin-top:100px}
#morehead .text .language span {font-size:24px;font-weight:700}
#morehead .text .language ul li {margin-top:20px}
#morehead .text .language ul li a {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-size:20px}
#morehead .text .language ul li a i {max-height:16px;margin-right:10px}
#header .nav .search-box {line-height:normal;position:fixed;top:0;left:0;background:#333;width:100%;height:100%;z-index:99999;display:none}
#header .nav .search-box form {position:absolute;top:45%;left:50%;width:60%;margin-left:-30%}
#header .nav .search-box form input {background:0 0;outline:none;border:none}
#header .nav .search-box form input[type=text] {width:100%;border-bottom:1px solid #e1e1e1;font-size:26px;color:#000;padding:10px 0}
#header .nav .search-box form input[type=submit] {width:22px;height:22px;background:url(https://www.chinaswany.com/template/en/images/tc-zoom.png) no-repeat;position:absolute;right:15px;top:20px}
#header .nav .search-box form input[type=submit]:hover {opacity:.7;filter:alpha(opacity=70)}
#header .nav .search-box .close {width:30px;height:30px;background:url(https://www.chinaswany.com/template/en/images/close.png) no-repeat;position:absolute;right:25px;top:15px;cursor:pointer}
#banner .slick-arrow {position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:50px;height:80px;color:transparent;border:none;z-index:1;outline:none;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;opacity:0}
#banner .slick-arrow:hover {background-color:var(--base-color)}
#banner:hover .slick-arrow {opacity:1}
#banner .slick-prev {background:url("https://www.chinaswany.com/template/en/images/banner-btn-l.png") no-repeat center center rgba(0,0,0,.3);left:15px}
#banner .slick-next {background:url("https://www.chinaswany.com/template/en/images/banner-btn-r.png") no-repeat center center rgba(0,0,0,.3);right:15px}
#banner ul.slick-dots {position:absolute;bottom:5%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
#banner ul.slick-dots li {width:30px;height:30px;display:inline-block;margin:0 10px;border-radius:100%;border:6px solid #333;background-color:var(--base-color);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
#banner ul.slick-dots li button {display:none}
#banner ul.slick-dots li.slick-active {border-color:var(--base-color);background-color:#333}
#banner .slick-slide .content {display:none}
#banner .slick-active .content {display:block}
table {margin-bottom:20px;word-break:break-word;width:100% !important;height:auto !important;display:block;overflow:auto}
table tbody {display:table;width:100% !important}
table td,table th {padding:5px 10px;border:1px solid #666;width:auto !important;height:auto !important}
table tr {width:auto !important;height:auto !important}
/* table tr:nth-child(even) {background:#eee} */
.wpulike.wpulike-default {display:none}
.prodet-page .wpulike.wpulike-default,.newdet-page .wpulike.wpulike-default {display:inline-block}
.post-views-box {position:relative;margin-left:20px}
.post-views-box .wp_ulike_btn.wp_ulike_put_image:after {background-image:url(https://www.chinaswany.com/template/en/images/fw.png) !important;-webkit-filter:none;filter:none}
.wpulike {z-index:10}
.wpulike.post-views-box {z-index:5}
#banner .nivo-directionNav a {width:40px;height:40px;background-color:rgba(0,0,0,.3);background-repeat:no-repeat;background-position:center;background-size:10px;color:transparent;overflow:hidden;text-indent:-999em;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
#banner .nivo-directionNav a {opacity:0}
#banner:hover .nivo-directionNav a {opacity:1}
#banner .nivo-directionNav a:hover {background-color:var(--base-color)}
#banner .nivo-directionNav a.nivo-prevNav {background-image:url(https://www.chinaswany.com/template/en/images/banner-btn-l.png);left:40px}
#banner .nivo-directionNav a.nivo-nextNav {background-image:url(https://www.chinaswany.com/template/en/images/banner-btn-r.png);right:40px}
#banner .theme-default .nivo-controlNav {position:absolute;bottom:20px;left:50%;width:auto !important}
#banner .theme-default .nivo-controlNav a {width:25px !important;height:25px !important;background:#333 !important;border:7px solid #7d7d7d !important;border-radius:100% !important;-webkit-box-shadow:none !important;box-shadow:none !important;margin:0 8px !important}
#banner .theme-default .nivo-controlNav a.active {border-color:var(--base-color) !important}
html.mobile {overflow:hidden}
html.mobile .body-overflow-box {position:relative;left:280px}
#mobile {position:fixed;top:0;left:-280px;width:280px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;display:none;z-index:20;height:100%!important}
#mobile:before {content:'';width:200%;height:100%;position:fixed;top:0;right:100%;display:block;background:rgba(0,0,0,.13);z-index:-1;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
#mobile .mobile-logo {position:absolute;left:100%;width:100vw;height:40px;line-height:40px;text-align:center;background:#111;-o-box-shadow:0 0 10px rgba(255,255,255,.2);-webkit-box-shadow:0 0 10px rgba(255,255,255,.2);box-shadow:0 0 10px rgba(255,255,255,.2)}
#mobile .mobile-logo img {max-height:30px;margin:0 auto;display:inline-block;vertical-align:middle}
#mobile #menu-on {width:40px;height:40px;background:#f5f5f5;position:absolute;left:100%;top:0;cursor:pointer;cursor:hand;z-index:1}
#mobile #menu-on i {width:23px;height:2px;background:#222;display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
#mobile #menu-on i.line1 {top:12px}
#mobile #menu-on i.line2 {top:19px}
#mobile #menu-on i.line3 {top:26px}
#mobile .menu-content {width:100%;height:100%;display:block;background:#222;padding:40px 10% 60px;overflow-y:auto;color:#333}
#mobile .menu-content::-webkit-scrollbar {width:3px;border-radius:1.5px}
#mobile .menu-content::-webkit-scrollbar-button {display:none}
#mobile .menu-content::-webkit-scrollbar-track {background-color:#222}
#mobile .menu-content::-webkit-scrollbar-thumb {background-color:#eee}
#mobile .menu-content h3 {font-size:20px;color:inherit;text-transform:capitalize;margin-bottom:10px;color:#fff;}
#mobile .menu-content h3 i {font-size:16px;position:relative;top:-1px;color:#fff;}
#mobile .menu-content .menu-logo {display:block}
#mobile .menu-content .menu-logo img {margin:0 auto}
#mobile .menu-content .menu-list {margin:40px 0}
#mobile .menu-content .menu-list ul li {font-size:15px;color:inherit;text-transform:uppercase;line-height:20px}
#mobile .menu-content .menu-list ul li a {padding:8px 0;display:block;color:#fff;}
#mobile .menu-content .menu-list ul li a:hover {color:var(--base-color);text-decoration:underline}
#mobile .menu-content .menu-list ul li li a {position:relative;padding-left:15px;font-size:13px;line-height:18px}
#mobile .menu-content .menu-list ul li li a:after {content:'';width:6px;height:1px;background:#333;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#mobile .menu-content .menu-list ul li li li a {padding-left:25px}
#mobile .menu-content .menu-list ul li li li a:after {width:12px}
#mobile .menu-content .mob-search form {position:relative}
#mobile .menu-content .mob-search form input {width:100%;height:45px;line-height:45px;border-radius:5px;border:none;padding:0 15px;font-size:14px;color:#000}
#mobile .menu-content .mob-search form input[type=submit] {width:45px;height:45px;background:url("https://www.chinaswany.com/template/en/images/icon-search-white.png") no-repeat center center #222;position:absolute;right:0;top:0;border-radius:0}
#mobile .menu-content .mob-yuy {margin:40px 0}
#mobile .menu-content .mob-yuy ul li {margin-bottom:10px;color:inherit;font-size:14px}
#mobile .menu-content .mob-yuy ul li img {max-width:40px;display:inline-block;vertical-align:middle;margin-right:10px}
#mobile .menu-content .mob-share ul li {width:30px;height:30px;border-radius:3px;background:#333;display:inline-block;text-align:center;line-height:30px;color:#333;font-size:14px;margin-right:3px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
#mobile .menu-content .mob-share ul li:hover {background:var(--base-color)}
#mobile .menu-content #menu-off {margin-top:40px;cursor:pointer;cursor:hand}
#mobile.active {left:0}
#mobile.active:before {right:0}
#mobile.active #menu-on i.line1 {-webkit-transform:translateX(-50%) rotateZ(45deg);-moz-transform:translateX(-50%) rotateZ(45deg);-ms-transform:translateX(-50%) rotateZ(45deg);transform:translateX(-50%) rotateZ(45deg);top:12px;margin-left:3px}
#mobile.active #menu-on i.line2 {opacity:0}
#mobile.active #menu-on i.line3 {-webkit-transform:translateX(-50%) rotateZ(-45deg);-moz-transform:translateX(-50%) rotateZ(-45deg);-ms-transform:translateX(-50%) rotateZ(-45deg);transform:translateX(-50%) rotateZ(-45deg);top:28px;margin-left:3px}
#mobile.white .mobile-logo {-o-box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);background:#333}
#mobile.white .menu-content {background:#333;color:#000}
#mobile.white .menu-content .menu-list ul li li a:after {background:#fff}
#mobile.white .menu-content .mob-search form input {border:1px solid #000}
#mobile.white .menu-content .mob-search form input[type=submit] {border-top-right-radius:5px;border-bottom-right-radius:5px}
#banner .bannerbox ul li {position:relative}
#banner .bannerbox ul li .text {position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);transform:translateY(-50%);left:12%;color:#333}
#banner .bannerbox ul li .text h6 {font-family:"COM4tFineRegular";font-size:36px;line-height:1.8;text-transform:uppercase;color:#fff;}
#banner .bannerbox ul li .text h2 {font-family:"COM4tFineRegular";font-size:68px;font-weight:700;color:#fff;}
#banner .bannerbox ul li .text p {font-family:"Mulish-Regular";font-size:20px;max-width:580px;color:#fff;}
.btnbox a.more2 {font-size:15px;line-height:2;color:#666;-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all}
.btnbox a.more2:hover {-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all;color:var(--base-color)}
#index-body {padding-left:160px;background:#fff}
#index-body .navbox {position:fixed;width:159px;height:100%;border-right:1px solid rgba(0,0,0,.6);top:0;left:0;z-index:9;text-align:center;
  padding:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;
  -webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;
  -webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background:#333;color:#333;
  -webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;
  -ms-flex-direction:column;flex-direction:column;opacity:0;-webkit-transition:1s all;-moz-transition:1s all;transition:1s all}
#index-body .navbox ul {margin-top:100px;width:100%}
#index-body .navbox ul li {margin-bottom:10px;position:relative;width:100%;cursor:pointer;color:#fff;}
#index-body .navbox ul li span {font-size:16px;line-height:2}
#index-body .navbox ul li h4 {font-size:16px;line-height:2;opacity:0;-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all}
#index-body .navbox ul li.active:before {content:"";width:4px;height:30px;background-color:#ff5c19;position:absolute;right:-2px;top:0;-webkit-transition:1s all;-moz-transition:1s all;transition:1s all}
#index-body .navbox ul li.active h4 {-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all;opacity:1}
#index-body .navbox .jiantou {margin-top:40px;cursor:pointer}
#index-body .navbox .jiantou i {font-size:24px;color:#333}
#index-body .main .i-cate {padding:145px 0;position:relative}
#index-body .main .i-cate:before {content:"CATEGORY";position:absolute;top:-26%;right:24%;line-height:11px;font-family:"COM4tFineRegular";font-size:179px;-webkit-transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);-ms-transform:rotate(90deg);transform:rotateZ(90deg);color:#ddd;width:127px;height:813px}
#index-body .main .i-cate .slickbox {width:80%;margin-left:0;margin-right:auto;margin-top:40px;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:120px}
#index-body .main .i-cate .slickbox:before {content:"";width:213px;height:4px;background-color:#333;position:absolute;bottom:0;right:0}
#index-body .main .i-cate .slickbox span {display:inline-block;margin-right:50px;cursor:pointer}
#index-body .main .i-cate .slickbox span i {color:#333;font-size:24px}
#index-body .main .i-cate .ui.container {width:80%;margin-left:0;margin-right:auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:0}
#index-body .main .i-cate .ui.container .main {display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important}
#index-body .main .i-cate .ui.container .left {width:65%}
#index-body .main .i-cate .ui.container .left ul li {display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:top;-webkit-align-items:top;-moz-box-align:top;-ms-flex-align:top;align-items:top}
#index-body .main .i-cate .ui.container .left ul li .img {width:55%}
#index-body .main .i-cate .ui.container .left ul li .txt {width:40%;padding:10px;color:#333}
#index-body .main .i-cate .ui.container .left ul li .txt h4 {font-family:"COM4tFineRegular";font-size:35px;line-height:1.5;margin-top:40px}
#index-body .main .i-cate .ui.container .left ul li .txt ul {margin-top:40px}
#index-body .main .i-cate .ui.container .left ul li .txt ul li a {font-size:23px;line-height:1.5;-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all}
#index-body .main .i-cate .ui.container .left ul li .txt ul li a:hover {-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all;color:var(--base-color)}
#index-body .main .i-cate .ui.container .left ul li .txt .btnbox {margin-top:60px}
#index-body .main .i-cate .ui.container .right {width:35%}
#index-body .i-about {text-align:center;position:relative;padding-top:140px}
#index-body .i-about:before {content:"ABOUT";font-family:"COM4tFineRegular";font-size:226px;color:#ddd;opacity:.6;z-index:1;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
#index-body .i-about h2 {font-family:"COM4tFineRegular";font-size:114px;color:#333;line-height:1.2;z-index:2;position:relative;}
#index-body .i-about .ui.container {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:80%;margin:0 auto;margin-top:100px;padding-bottom:80px}
#index-body .i-about .ui.container .left {text-align:left;color:#333;padding-right:20px}
#index-body .i-about .ui.container .left h1 {color:#333;font-size:18px;line-height:2;padding-left:20px;position:relative;margin-top: 60px;}
#index-body .i-about .ui.container .left h1:before {content:"";width:12px;height:12px;background-color:#333;border-radius:100%;position:absolute;left:0;top:50%;margin-top:-6px}
#index-body .i-about .ui.container .left p {font-size:16px;line-height:2;margin:30px 0}
/* #index-body .i-about .ui.container .left p {font-size:16px;line-height:2;max-width:500px;margin:30px 0} */
/* .videobox {margin-top:100px} */
.videobox .imgbox {position:relative;display:inline-block}
.videobox .imgbox .play {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#index-body .i-about .ui.container .right .imgbox {position:relative;display:inline-block}
#index-body .i-about .ui.container .right .imgbox:before {content:"";position:absolute;width:100%;height:100%;background:0 0;border-radius:0 300px 0 280px;border:solid 1px #333;opacity:.32;top:30px;left:-30px;z-index:-1}
/* #index-body .i-about .ui.container .right .imgbox img {border-radius:0 250px;overflow:hidden} */
#index-body .i-about .ui.container .right .imgbox img {overflow:hidden}
#index-body .i-partner {padding:140px 0}
#index-body .i-partner .ui.container .top {position:relative}
#index-body .i-partner .ui.container .top .slick-arrow {width:83px;height:16px;display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:3;border:none;color:transparent}
#index-body .i-partner .ui.container .top .slick-arrow.slick-prev {background:url(https://www.chinaswany.com/template/en/images/partner-left.png) center center no-repeat;left:-90px}
#index-body .i-partner .ui.container .top .slick-arrow.slick-next {background:url(https://www.chinaswany.com/template/en/images/partner-right.png) center center no-repeat;right:-90px}
#index-body .i-partner .ui.container .top ul li img {margin:0 auto}
#index-body .i-partner .ui.container .btm {margin-top:100px}
#index-body .i-partner .ui.container .btm .date {margin-top:40px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;color:#333}
#index-body .i-partner .ui.container .btm .date span {font-family:"COM4tFineRegular";font-size:29px}
#index-body .i-partner .ui.container .btm .date em {font-family:"Impact";font-size:87px}
#index-body .i-why {background:url(../images/whybg.jpg) center center no-repeat;background-size:cover;
  height:700px;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;
  display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;
  -moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:200px;}
#index-body .i-why .ui.container {width:86%;padding-right:30%;color:#fff}
#index-body .i-why .ui.container .top {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}
#index-body .i-why .ui.container .top h3 {font-family:"COM4tFineRegular";font-size:48px;line-height:1}
#index-body .i-why .ui.container .top p {font-size:18px;max-width:430px}
#index-body .i-why .ui.container .btm {margin-top:150px}
#index-body .i-why .ui.container .btm ul {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}
#index-body .i-why .ui.container .btm ul li {display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
#index-body .i-why .ui.container .btm ul li span {font-family:"Anton-Regular";font-size:60px;-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all;font-weight:700}
#index-body .i-why .ui.container .btm ul li p {font-size:24px;margin-top:40px}
#index-body .i-why .ui.container .btm ul li:hover {-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all}
#index-body .i-why .ui.container .btm ul li:hover span {-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all;color:var(--base-color)}
#index-body .i-ido {padding:60px 0}
#index-body .i-ido .ui.container {color:#333;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
#index-body .i-ido .ui.container h6 {font-size:18px;padding-left:40px;position:relative}
#index-body .i-ido .ui.container h6:before {content:"";width:12px;height:12px;display:block;border-radius:100%;background:#333;position:absolute;top:50%;margin-top:-6px;left:0}
#index-body .i-ido .ui.container p {font-size:16px;line-height:2;color:#333}
#index-body .i-ido .ui.container .left p {margin-top:30px;margin-bottom:45px;max-width:500px}
#index-body .i-ido .ui.container .right {padding-left:40px}
#index-body .i-ido .ui.container .right ul li {padding:10px 0;border-bottom:1px solid rgba(255,255,255,.6);margin-bottom:20px}
#index-body .i-ido .ui.container .right ul li:last-child {border-bottom:none}
#index-body .i-ido .ui.container .right ul li .top {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
#index-body .i-ido .ui.container .right ul li .top h5 {font-size:18px;line-height:1.8}
#index-body .i-ido .ui.container .right ul li .content {display:none;padding:10px}
#index-body .i-news .ui.container {position:relative;color:#333;padding:70px 0;padding-bottom:200px}
#index-body .i-news .ui.container:before {content:"NEWS";font-family:"COM4tFineRegular";font-size:211px;position:absolute;left:0;top:0;opacity:.2;line-height:1}
#index-body .i-news .ui.container h3 {font-family:"COM4tFineRegular";font-size:80px;line-height:1}
.newsbox {margin-top:160px}
.newsbox ul {margin:0 -27px}
.newsbox ul li {padding:0 27px}
.newsbox ul li .imgbox {position:relative;overflow:hidden}
.newsbox ul li .imgbox .date {padding:5px 20px;color:#fff;font-size:14px;line-height:2;position:absolute;bottom:0;left:-100%;background:rgba(0,0,0,.3);-webkit-transition:.3 sall;-moz-transition:.3 sall;transition:.3 sall}
.newsbox ul li .text {margin-top:25px}
.newsbox ul li .text h4{ font-size:22px;color:#333;margin-bottom:10px;}
.newsbox ul li .text p {font-size:16px;color:#999;line-height:2;text-overflow:-o-ellipsis-lastline;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.newsbox ul li:hover {-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all}
.newsbox ul li:hover .imgbox .date {-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all;left:0}
#footer {background:url(../images/footbg.jpg) center center no-repeat;background-size:cover;padding-bottom:200px}
#footer .contactbox {background:rgba(0,0,0,.8);padding-top:60px;padding-left:10%;padding-bottom:40px;padding-right:30px;width:90%;max-width:1106px;
  margin:0 auto;color:#fff}
#footer .contactbox .ui.container {width:100%}
#footer .contactbox .top h3 {font-family:"COM4tFineRegular";font-size:80px;line-height:1}
#footer .contactbox .btm {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;
  -webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;
  -webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}
#footer .contactbox .btm ul.sharelist {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
#footer .contactbox .btm ul.sharelist li {margin:0 20px}
#footer .contactbox .btm ul.sharelist li a {font-size:16px;color:#333;-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all}
#footer .contactbox .btm ul.sharelist li a:hover {-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all}
#footer .contactbox .btm ul.infolist {margin-left:20px}
#footer .contactbox .btm ul.infolist li {margin-bottom:10px}
#footer .contactbox .btm ul.infolist li p {font-size:16px;max-width:400px}
#footer .footer-bottom {background:0 0;margin-top:20px;padding:10px 0}
#footer .footer-bottom .ui.container {width:90%;color:#ddd;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
#footer .footer-bottom p {font-size:16px;line-height:30px}
#footer .footer-bottom p img {height:16px;margin:8px 10px}
#footer .footer-bottom p a:hover {color:var(--base-color)}
#footer .footer-bottom svg {max-height:30px;width:auto;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;fill:#333}
#footer .footer-bottom svg text {fill:#333}
#footer .footer-bottom svg:hover {fill:#333}
#footer .footer-bottom svg g.en {display:block}
#footer .footer-bottom svg g.cn {display:none}
@media screen and (max-width:1800px) {#index-body .main .i-cate:before {right:30%}
}
@media screen and (max-width:1600px) {#index-body .main .i-cate .ui.container .left ul li .txt h4 {font-size:26px}
#index-body .main .i-cate:before {right:34%}
#index-body .i-about .ui.container .right {padding-left:20px}
#index-body .i-partner .ui.container .top {width:80%;margin:0 auto}
#index-body .i-why .ui.container {padding-right:15%}
.ui.container {width:90%}
}
@media screen and (max-width:1400px) {#index-body .main .i-cate:before {right:39%;font-size:110px}
#header .nav .ui.menu .menu-box ul.menu>li {margin:0 30px;font-size:20px}
}
@media screen and (max-width:1200px) {#header .nav .ui.menu .menu-box ul.menu>li {margin:0 20px;font-size:18px}
#banner .bannerbox ul li .text {left:100px}
#index-body .main .i-cate:before {display:none}
#index-body .main .i-cate .ui.container {width:95%}
#index-body .main .i-cate .ui.container .left ul li .txt ul li a {font-size:18px}
#index-body .i-about h2 {font-size:80px}
#index-body .i-about .ui.container .left p {font-size:14px}
#index-body .i-about .ui.container {width:95%}
#index-body .i-why .ui.container {padding-right:0}
#index-body .i-why .ui.container .top h3 {font-size:32px}
#index-body .i-why .ui.container .top p {font-size:14px}
#index-body .i-why .ui.container .btm ul li p {font-size:20px}
#index-body .i-about:before {font-size:180px}
#index-body .i-about {padding-top:100px}
}
@media screen and (max-width:1000px) {#header {display:none}
#mobile {display:block}
.navbox {display:none!important}
#index-body {padding-left:0}
#index-body .main .i-cate .slickbox {width:95%}
#index-body .main .i-cate .ui.container {margin:0 auto}
#footer .contactbox .top h3 {font-size:120px}
#footer .footer-bottom .ui.container {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}
#footer .contactbox .btm {margin-top:60px}
#footer .footer-bottom {margin-top:60px}
#banner .bannerbox ul li .text h6 {font-size:24px}
#banner .bannerbox ul li .text h2 {font-size:68px}
#banner .bannerbox ul li .text p {font-size:14px}
}
@media screen and (max-width:800px) {#index-body .main .i-cate .ui.container .right {display:none}
#index-body .main .i-cate .ui.container .left {width:100%}
#index-body .i-about .ui.container .right {display:none}
#index-body .i-about .ui.container .left {width:100%}
#index-body .i-about h2 {font-size:54px}
#index-body .i-partner .ui.container .btm .date em {font-size:44px}
#index-body .i-partner .ui.container .btm .date span {font-size:24px}
#index-body .i-why .ui.container .top {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
#index-body .i-why .ui.container .btm {margin-top:100px}
#index-body .i-why .ui.container .btm ul li span {font-size:32px}
#index-body .i-why .ui.container .btm ul li p {font-size:14px}
#index-body .i-ido .ui.container .left {width:100%}
#index-body .i-ido .ui.container .right {width:100%;padding-left:0;margin-top:40px}
#footer .footer-bottom .ui.container {width:100%}
}
@media screen and (max-width:600px) {#banner .bannerbox ul li .text h6 {display:none}
#banner .bannerbox ul li .text p {display:none}
#banner .bannerbox ul li .text h2 {font-size:24px}
#index-body .main .i-cate .ui.container .left ul li {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
#index-body .main .i-cate .ui.container .left ul li .img {width:100%}
#index-body .main .i-cate .ui.container .left ul li .txt {width:100%}
#index-body .main .i-cate .slickbox {display:none}
#index-body .main .i-cate {padding:45px 0}
#index-body .i-partner .ui.container .top .slick-arrow {display:none!important}
#index-body .i-about:before {font-size:90px}
#index-body .i-about h2 {font-size:28px}
#index-body .i-about {padding-top:50px}
#index-body .i-partner {padding:40px 0}
#index-body .i-partner .ui.container .btm .date em {font-size:28px}
#index-body .i-partner .ui.container .btm .date span {font-size:12px}
#index-body .i-why .ui.container .btm ul {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
#index-body .i-why .ui.container .btm ul li {width:100%;margin-top:10px}
#index-body .i-news .ui.container:before {font-size:100px}
#index-body .i-news .ui.container {padding:35px}
#index-body .i-news .ui.container h3 {font-size:54px}
#footer .contactbox .top h3 {font-size:53px}
#footer .contactbox .btm ul.infolist {margin-left:0}
#footer .footer-bottom p {font-size:12px}
#footer .footer-bottom svg {max-height:22px;position:relative;top:4px}
#footer .contactbox {padding-left:0;padding-right:0}
#footer .contactbox {width:100%}
#footer .footer-bottom .ui.container {padding:0}
#footer .contactbox .btm {-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
}
h1,h2,h3,h4,h5,h6 {font-family:COM4tFineRegular;color:#fff}
p {font-family:"Mulish-Light";font-size:16px;line-height:2}
.inner-page .inner-banner {height:400px;width:100%}
.inner-page .mbx {font-size:16px;color:#333;margin-bottom:40px}
.inner-page .ui.container {width:90%;max-width:1330px}
.inner-page {padding-top:300px!important}
.inner-page.about-page {padding-top:200px}
.inner-page .main .about-1 .top .ui.container h2 {font-size:114px;line-height:1.3}
.inner-page .main .about-1 .inner-banner {background:url(https://www.chinaswany.com/chinaswany/2022/12/01/about-banner.jpg) center center no-repeat;background-attachment:fixed!important;background-size:cover!important}
.inner-page .main .about-1 .text {color:#333;margin-top:-200px;padding-bottom:40px}
.inner-page .main .about-1 .text .ui.container {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}
.inner-page .main .about-1 .text .ui.container .left {padding:60px;background:#000}
.inner-page .main .about-1 .text .ui.container .left h1 {font-size:57px;line-height:1.3}
.inner-page .main .about-1 .text .ui.container .right {padding:60px 25px;background:#000}
.inner-page .main .about-1 .text .ui.container .right h3 {font-size:30px;line-height:1.5;margin-bottom:30px}
.inner-page .main .about-1 .text .ui.container .right i {font-size:100px;color:#333;margin-top:20px;opacity:.32}
.inner-page .main .about-2 .ui.container {color:#333}
.inner-page .main .about-2 .ui.container .top {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:80px}
.inner-page .main .about-2 .ui.container .top .text {padding-right:60px}
.inner-page .main .about-2 .ui.container .top .text h3 {font-size:97px;margin-bottom:60px}
.inner-page .main .about-2 .ui.container .top .text ul li {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-top:40px}
.inner-page .main .about-2 .ui.container .top .text ul li span {font-family:"Mulish-Bold";font-size:16px}
.inner-page .main .about-2 .ui.container .top .text ul li p {display:inline-block;margin-left:20px}
.inner-page .main .about-2 .ui.container .top .img .btm {margin-top:40px}
.inner-page .main .about-2 .ui.container .top .img .btm .text {padding-right:20px}
.inner-page .main .about-2 .ui.container .top .img .btm .right .imgbox {position:relative;left:20px;display:inline-block}
.inner-page .main .about-2 .ui.container .top .img .btm .right .imgbox:before {content:"";position:absolute;width:100%;height:100%;border:1px solid rgba(255,255,255,.6);left:-20px;top:20px;display:block;border-radius:0 50px;z-index:-1}
.inner-page .main .about-2 .ui.container .top .img .btm .right .imgbox img {border-radius:0 50px;overflow:hidden}
.inner-page .main .about-2 .ui.container .bottom {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:60px 0}
.inner-page .main .about-2 .ui.container .bottom ul.data {width:75%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.inner-page .main .about-2 .ui.container .bottom ul.data li {display:inline-block;text-align:center}
.inner-page .main .about-2 .ui.container .bottom ul.data li span {font-family:"Anton-Regular";font-size:72px;font-weight:700}
.inner-page .main .about-2 .ui.container .bottom ul.data li p {font-size:18px}
.inner-page .main .about-3 .ui.container {max-width:1330px}
.inner-page .main .about-3 .video {position:relative}
.inner-page .main .about-3 .video .play {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.about-page .about-3 {padding:90px 0 100px}
.prodet-page .about-page .about-3 {padding-bottom:100px}
.about-page .about-3 .content {display:block;padding:25px 0 80px;font-size:16px;color:#959595;line-height:30px}
.about-page .about-3 .list ul {display:flex;flex-wrap:wrap;align-items:stretch}
.about-page .about-3 .list ul li {padding:50px 25px 65px;border:1px solid #eee;text-align:center;margin:-1px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;position:relative}
.about-page .about-3 .list ul li i {display:block;height:109px;background-position:center center;background-repeat:no-repeat;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.about-page .about-3 .list ul li i.ie1 {background-image:url("https://www.chinaswany.com/template/en/images/icon-3-1-1.png")}
.about-page .about-3 .list ul li i.ie2 {background-image:url("https://www.chinaswany.com/template/en/images/icon-3-2-1.png")}
.about-page .about-3 .list ul li i.ie3 {background-image:url("https://www.chinaswany.com/template/en/images/icon-3-3-1.png")}
.about-page .about-3 .list ul li i.ie4 {background-image:url("https://www.chinaswany.com/template/en/images/icon-3-4-1.png")}
.about-page .about-3 .list ul li i.ie5 {background-image:url("https://www.chinaswany.com/template/en/images/icon-3-5-1.png")}
.about-page .about-3 .list ul li i.ie6 {background-image:url("https://www.chinaswany.com/template/en/images/icon-3-6-1.png")}
.about-page .about-3 .list ul li:hover i.ie1 {background-image:url("https://www.chinaswany.com/template/en/images/icon-3-1-2.png")}
.about-page .about-3 .list ul li:hover i.ie2 {background-image:url("https://www.chinaswany.com/template/en/images/icon-3-2-2.png")}
.about-page .about-3 .list ul li:hover i.ie3 {background-image:url("https://www.chinaswany.com/template/en/images/icon-3-3-2.png")}
.about-page .about-3 .list ul li:hover i.ie4 {background-image:url("https://www.chinaswany.com/template/en/images/icon-3-4-2.png")}
.about-page .about-3 .list ul li:hover i.ie5 {background-image:url("https://www.chinaswany.com/template/en/images/icon-3-5-2.png")}
.about-page .about-3 .list ul li:hover i.ie6 {background-image:url("https://www.chinaswany.com/template/en/images/icon-3-6-2.png")}
.about-page .about-3 .list ul li h5 {display:block;font-size:20px;font-family:"Castellar";line-height:1.8;margin:10px 0 20px;text-transform:uppercase;font-weight:700}
.about-page .about-3 .list ul li p {display:block;font-size:16px;color:#959595;line-height:30px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.about-page .about-3 .list ul li:hover {background:#ff5c19;color:#333}
.about-page .about-3 .list ul li:hover p {color:#333}
.about-page .about-3 .list ul li:nth-child(2),.about-page .about-3 .list ul li:nth-child(5) {top:-30px}
.inner-page .main .about-4 .ui.container .top {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:100px 0}
.inner-page .main .about-4 .ui.container .top h3 {font-size:42px;display:inline-block}
.inner-page .main .about-4 .ui.container .top p {display:inline-block;color:#333;max-width:650px}
.inner-page .main .about-4 .ui.container .bottom {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:100px 0}
.inner-page .main .about-4 .ui.container .bottom .left {width:30%;padding-right:40px}
.inner-page .main .about-4 .ui.container .bottom .right {width:70%}
.inner-page .main .about-4 .ui.container .bottom .right ul li img {filter:grayscale(1);transition:.3s all}
.inner-page .main .about-4 .ui.container .bottom .right ul li img:hover {filter:grayscale(0);transition:.3s all}
.inner-page .main .about-4 .ui.container .bottom .text h3 {font-size:42px}
.inner-page .main .about-4 .ui.container .bottom .text p {color:#333}
@media screen and (max-width:1600px) {.inner-page .main .about-4 .ui.container .bottom .text h3 {font-size:36px}
}
@media screen and (max-width:1400px) {.inner-page .main .about-1 .top .ui.container h2 {font-size:84px}
.inner-page .main .about-1 .text .ui.container .left h1 {font-size:36px}
.inner-page .main .about-1 .text .ui.container .right h3 {font-size:24px}
.inner-page .main .about-2 .ui.container .top .text h3 {font-size:65px}
.inner-page .main .about-2 .ui.container .bottom ul.data li span {font-size:56px}
.inner-page .main .about-4 .ui.container .bottom .text h3 {font-size:28px}
.about-page .about-3 .list ul li i {height:80px;background-size:auto 100%}
.about-page .about-3 .list ul li h5 {font-size:18px}
.about-page .about-3 .list ul li p {font-size:16px}
.about-page .about-3 .list ul li {padding:30px 15px}
.about-page .about-3 {padding:60px 0}
.prodet-page .about-page .about-3 {padding:0 0 30px}
}
@media screen and (max-width:1200px) {.inner-page .main .about-1 .top .ui.container h2 {font-size:52px}
.inner-page .main .about-1 .text .ui.container .left h1 {font-size:28px}
.inner-page .main .about-1 .text .ui.container .right h3 {font-size:18px}
.inner-page .main .about-2 .ui.container .top .text h3 {font-size:48px}
p {font-size:14px}
.inner-page .main .about-2 .ui.container .top .img .btm {margin-top:40px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.inner-page .main .about-4 .ui.container .bottom .text h3 {font-size:24px}
}
@media screen and (max-width:1000px) {.inner-page.about-page {padding-top:80px}
.inner-page .main .about-1 .text .ui.container {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.inner-page .main .about-1 .text .ui.container .left {width:100%}
.inner-page .main .about-1 .text .ui.container .right {width:100%;padding:60px}
.inner-page .main .about-2 .ui.container .top .img .btm .right {display:none}
.inner-page .main .about-2 .ui.container .top .img .btm .text {width:100%}
.inner-page .main .about-2 .ui.container .bottom ul.data li span {font-size:42px}
.inner-page .main .about-2 .ui.container .top .text {width:100%;padding-right:0}
.inner-page .main .about-2 .ui.container .top .img {width:100%;margin-top:40px}
.inner-page .main .about-2 .ui.container .bottom ul.data {width:100%}
.inner-page .main .about-4 .ui.container .bottom .left {width:100%}
.inner-page .main .about-4 .ui.container .bottom .right {width:100%;margin-top:40px}
.about-page .about-3 .content {font-size:16px}
.about-page .about-3 .list ul li i {height:60px}
.about-page .about-3 .list ul li {width:50%}
.about-page .about-3 .list ul li:nth-child(2),.about-page .about-3 .list ul li:nth-child(5) {top:0}
}
@media screen and (max-width:800px) {.inner-page .main .about-1 .top .ui.container h2 {font-size:24px}
.inner-page .main .about-1 .inner-banner {height:300px}
.inner-page .main .about-1 .text .ui.container .left {padding:30px 15px}
.inner-page .main .about-1 .text .ui.container .right {padding:30px 15px}
.about-page .about-3 .list ul li {width:100%}
.about-page .about-3 .list ul li p {height:auto !important}
}
@media screen and (max-width:600px) {p{font-size:12px}
.inner-page .main .about-2 .ui.container .bottom ul.data {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.inner-page .main .about-2 .ui.container .bottom ul.data li {width:100%}
.inner-page .main .about-2 .ui.container .bottom ul.data li span {font-size:32px}
.inner-page .main .about-4 .ui.container .top h3 {font-size:20px}
}
.inner-page .top .ui.container h2 {font-family:COM4tFineRegular;font-size:114px;line-height:1.3;color:#333;margin-bottom:40px}
.inner-page .top .inner-banner {height:400px}
.contact-page {padding-top:200px}
.contact-page .top .inner-banner {background:url(../image/kinchen-banner.jpg) center center no-repeat;background-size:cover!important;background-attachment:fixed!important}
.contact-page .contact-1 .ui.container.grid-box {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-200px}
.contact-page .contact-1 .ui.container.grid-box>div {padding:60px}
.contact-page .contact-1 .ui.container.grid-box .left {background:#000}
.contact-page .contact-1 .ui.container.grid-box .left h6 {font-family:"Mulish-Light";font-size:24px}
.contact-page .contact-1 .ui.container.grid-box .left h3 {font-size:57px;margin-top:25px;margin-bottom:40px}
.contact-page .contact-1 .ui.container.grid-box .left form ul li {width:100%;margin-bottom:20px}
.contact-page .contact-1 .ui.container.grid-box .left form ul li input[type=text] {background:#333;border:none;font-size:16px;line-height:2;color:#666;width:100%;padding:20px}
.contact-page .contact-1 .ui.container.grid-box .left form ul li textarea {background:#333;border:none;font-size:16px;line-height:2;color:#666;width:100%;padding:20px;height:160px}
.contact-page .contact-1 .ui.container.grid-box .left form ul li input[type=submit] {border:none;font-size:18px;padding:15px 60px;background:var(--base-color);color:#333;-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all}
.contact-page .contact-1 .ui.container.grid-box .left form ul li input[type=submit]:hover {-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all;background:#333;color:#000}
.contact-page .contact-1 .ui.container.grid-box .info {color:#333;background:#000;margin-bottom:40px}
.contact-page .contact-1 .ui.container.grid-box .info ul li {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.contact-page .contact-1 .ui.container.grid-box .info ul li span {font-family:"Mulish-Light";font-size:24px}
.contact-page .contact-1 .ui.container.grid-box .info ul li p {font-size:48px;font-family:"COM4tFineRegular"}
.contact-page .contact-1 .ui.container.grid-box .info ul li p.font30 {font-size:30px}
.contact-page .contact-2 {position:relative}
@media screen and (max-width:1600px) {.inner-page .top .ui.container h2 {font-size:86px}
.contact-page .contact-1 .ui.container.grid-box .left h3 {font-size:42px}
.contact-page .contact-1 .ui.container.grid-box .info ul li p {font-size:42px}
}
@media screen and (max-width:1400px) {.contact-page .contact-1 .ui.container.grid-box .left h3 {font-size:36px}
.contact-page .contact-1 .ui.container.grid-box .info ul li p {font-size:32px}
}
@media screen and (max-width:1200px) {.contact-page .contact-1 .ui.container.grid-box .left h3 {font-size:28px}
.contact-page .contact-1 .ui.container.grid-box .info ul li p {font-size:18px}
.contact-page .contact-1 .ui.container.grid-box .info ul li p.font30 {font-size:14px}
.contact-page .contact-1 .ui.container.grid-box {-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
}
@media screen and (max-width:1000px) {.contact-page .contact-1 .ui.container.grid-box .left h3 {font-size:24px}
.inner-page .top .ui.container h2 {font-size:52px}
.contact-page {padding-top:80px}
}
@media screen and (max-width:700px) {.contact-page .contact-1 .ui.container.grid-box .left {width:100%}
}
.service-page {padding-top:200px}
.service-page .inner-banner {background:url(../image/service-banner.jpg) center center no-repeat;background-size:cover!important;background-attachment:fixed!important}
.service-page .service-2 {margin-top:-150px;position:relative}
.service-page .service-2:before {content:"";position:absolute;width:100%;height:100%;left:50%;background:#000}
.service-page .service-2 .ui.container.grid-box {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#333}
.service-page .service-2 .ui.container.grid-box .txt {text-align:left;padding:60px;background:#000}
.service-page .service-2 .ui.container.grid-box .txt span {font-family:"Mulish-Light";font-size:24px;color:#333}
.service-page .service-2 .ui.container.grid-box .txt h3 {font-size:57px;margin-top:35px;margin-bottom:25px}
.service-page .service-3 {padding-top:100px;padding-bottom:170px}
.service-page .service-3 .ui.container h3 {font-size:60px;margin-bottom:40px}
.service-page .service-3 .ui.container .main {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.service-page .service-3 .ui.container .main .textlist {color:#333}
.service-page .service-3 .ui.container .main .textlist ul li {border:solid 1px rgba(255,255,255,.2)}
.service-page .service-3 .ui.container .main .textlist ul li .top {padding:20px 10px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.service-page .service-3 .ui.container .main .textlist ul li .top i {font-size:20px}
.service-page .service-3 .ui.container .main .textlist ul li .top .left {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.service-page .service-3 .ui.container .main .textlist ul li .top .left h5 {font-size:18px}
.service-page .service-3 .ui.container .main .textlist ul li .top .left i {margin-right:10px}
.service-page .service-3 .ui.container .main .textlist ul li .content {display:none;padding:40px}
@media screen and (max-width:1400px) {.inner-page .top .ui.container h2 {font-size:66px}
.service-page .service-2 .ui.container.grid-box .txt h3 {font-size:32px}
}
@media screen and (max-width:1200px) {.inner-page .top .ui.container h2 {font-size:42px}
.service-page .service-3 .ui.container .main .left {padding-right:20px}
.service-page .service-3 .ui.container h3 {font-size:42px}
}
@media screen and (max-width:1000px) {.service-page {padding-top:80px}
.service-page .service-2 .ui.container.grid-box .txt {width:100%}
}
@media screen and (max-width:800px) {.service-page .service-3 .ui.container h3 {font-size:32px}
.service-page .service-3 .ui.container .main .left {width:100%;padding-right:0}
.service-page .service-3 .ui.container .main .textlist {width:100%;margin-top:40px}
}
@media screen and (max-width:600px) {.service-page .service-2 .ui.container.grid-box .txt {padding:20px 10px}
.inner-page .top .ui.container h2 {font-size:20px}
}
.product-page {padding-top:200px}
.product-page .product-1 .top .ui.container h2 {font-size:114px;margin-bottom:40px}
.product-page .product-1 .top .inner-banner {background-size:cover!important;background-attachment:fixed!important}
.product-page .product-2 {background:#333}
.product-page .product-2 .product-nav ul {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:50px 0}
.product-page .product-2 .product-nav ul li {padding:0 50px;border-right:1px solid #000}
.product-page .product-2 .product-nav ul li a {font-size:24px;line-height:1.5;-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all;display:inline-block;padding-bottom:10px;border-bottom:1px solid transparent}
.product-page .product-2 .product-nav ul li a:hover {-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all;border-color:#000}
.product-page .product-2 .product-nav ul li a.active {border-color:#000}
.product-page .product-2 .product-box {padding-top:50px;padding-bottom:137px}
.product-page .product-2 .product-box h3 {font-size:72px;color:#000}
.product-page .product-2 .product-box ul {margin:0 -35px}
.product-page .product-2 .product-box ul li {padding:35px}
.product-page .product-2 .product-box ul li .item {background:#f1f1f1;padding:45px;text-align:center}
.product-page .product-2 .product-box ul li .item .imgbox {overflow:hidden}
.product-page .product-2 .product-box ul li .item h5 {margin-top:50px;height:66px}
.product-page .product-2 .product-box ul li .item h5 a {color:#000;font-size:16px;font-family:"Mulish-Regular";-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all}
.product-page .product-2 .product-box ul li .item h5 a:hover {-webkit-transition:.3s all;-moz-transition:.3s all;transition:.3s all;color:var(--base-color)}
.product-page .product-2 .product-box ul.slick-dots {display:flex;justify-content:center;align-items:center}
.product-page .product-2 .product-box ul.slick-dots li {width:26px;height:26px;display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid transparent;padding:0;margin:20px}
.product-page .product-2 .product-box ul.slick-dots li button {width:10px;height:10px;background:#222;display:block;border-radius:100%;overflow:hidden;color:transparent;min-width:10px;border:none}
.product-page .product-2 .product-box ul.slick-dots li.slick-active {border-color:#222}
.product-page .product-2 .product-box ul.slick-dots li.slick-active button {background:#cf323c}
.product-page .product-2 .product-box .m-link {margin-top:40px}
.product-page .product-3 {padding:160px 0}
.product-page .product-3 .ui.container {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.product-page .product-3 .ui.container .text {padding-right:40px}
.product-page .product-3 .ui.container .text h3 {font-size:48px;max-width:460px}
.product-page .product-3 .ui.container .text p {margin-top:50px;color:#333;font-size:18px;max-width:570}
@media screen and (max-width:1600px) {.product-page .product-2 .product-nav ul li a {font-size:20px}
.product-page .product-2 .product-box ul li .item h5 a {font-size:16px}
}
@media screen and (max-width:1400px) {.product-page .product-1 .top .ui.container h2 {font-size:72px}
.product-page .product-2 .product-nav ul li {padding:0 25px}
.product-page .product-2 .product-box h3 {font-size:56px}
.product-page .product-2 .product-box ul {margin:0 -10px}
.product-page .product-2 .product-box ul li {padding:35px 10px}
.product-page .product-3 .ui.container .text h3 {font-size:36px}
}
@media screen and (max-width:1200px) {.product-page .product-2 .product-nav ul li a {font-size:16px}
.product-page .product-3 .ui.container .text h3 {font-size:28px}
}
@media screen and (max-width:1000px) {.product-page {padding-top:80px}
.product-page .product-2 .product-box ul li {width:50%}
.product-page .product-2 .product-box ul li .item {padding:45px 15px}
}
@media screen and (max-width:800px) {.product-page .product-1 .top .ui.container h2 {font-size:42px}
.product-page .product-3 .ui.container .text {width:100%;padding-right:0}
.product-page .product-3 .ui.container .img {width:100%;margin-top:20px}
}
@media screen and (max-width:600px) {.product-page .product-2 .product-nav ul {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.product-page .product-2 .product-nav ul li {margin-top:10px;border-right:none}
.product-page .product-2 .product-box h3 {font-size:36px}
.product-page .product-2 .product-box ul li {width:100%}
.product-page .product-3 .ui.container .text p {font-size:12px}
.product-page .product-3 .ui.container .text h3 {font-size:23px}
.product-page .product-1 .top .inner-banner {background-size:cover}
}
.inner-banner {height:460px;background-position:center center;background-size:cover;position:relative}
.inner-banner .box {position:absolute;left:0;width:100%;bottom:0;z-index:1;color:#333}
.inner-banner .box .mbx {display:block;font-size:20px;line-height:1.8;position:relative;z-index:1}
.inner-banner .box .mbx:after {content:'';width:10px;height:10px;border-radius:100%;position:absolute;bottom:100%;left:0;z-index:-1;-o-box-shadow:0 0 30px 40px #e33032;-webkit-box-shadow:0 0 30px 40px #e33032;box-shadow:0 0 30px 40px #e33032;background:#e33032}
.inner-banner h2 {font-size:30px;line-height:1.8;margin-bottom:-12px;margin-top:10px;z-index:1;position:relative;padding-bottom:30px}
.inner-page .m-page {margin-top:75px;text-align:center;display:block}
.inner-page .m-page a,.inner-page .m-page span {line-height:36px;height:36px;padding:0 12px;font-size:20px;color:#7f7f7f;display:inline-block;vertical-align:middle;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.inner-page .m-page a:hover,.inner-page .m-page span {background:#ff5c19;color:#333}
.inner-page .m-page.point a {width:10px;height:10px;border-radius:100%;background:#000;color:transparent;padding:0;margin:0 30px}
.inner-page .m-page.point span {position:relative;background:var(--base-color);padding:0;width:10px;height:10px;border-radius:100%;background:#000;color:transparent;margin:0 30px;background:var(--base-color)}
.inner-page .m-page.point span:before {content:"";width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #000;border-radius:100%}
.inner-page .m-page.point .wp-pagenavi {display:flex;justify-content:center;align-items:center}
@-webkit-keyframes ks {from {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
80% {-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:.2}
to {-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0}
}
@-moz-keyframes ks {from {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
80% {-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:.2}
to {-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0}
}
@keyframes ks {from {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
80% {-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:.2}
to {-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0}
}
.custom-page i.tag {display:block;font-size:16px;font-weight:300;color:#ff5c19;line-height:30px}
.custom-page h2 {display:block;font-size:36px;font-weight:700;line-height:1.8}
.custom-page .custom-1 {padding:200px 0 130px}
.custom-page .custom-1 .box {background:url("../image/custom-1.jpg") center center no-repeat;background-size:cover;display:block}
.custom-page .custom-1 .box .img {margin-left:50%;display:inline-block;top:-70px;margin-bottom:-150px;position:relative}
.custom-page .custom-1 .box .img .play {position:absolute;left:45%;bottom:10%;white-space:nowrap}
.custom-page .custom-1 .box .img .play p {max-width:300px;font-size:16px;line-height:30px;margin-top:15px;display:block;white-space:normal;margin-left:50px}
.custom-page .custom-1 .box .img .play span {display:inline-block;vertical-align:middle;width:26px;height:26px;border-radius:100%;background:rgba(230,0,18,.5);position:relative;z-index:1}
.custom-page .custom-1 .box .img .play span i {border-left:8px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.custom-page .custom-1 .box .img .play span:after,.custom-page .custom-1 .box .img .play span:before {content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:inherit;border-radius:inherit;-webkit-animation:ks 2s linear infinite;-moz-animation:ks 2s linear infinite;animation:ks 2s linear infinite;z-index:-1}
.custom-page .custom-1 .box .img .play span:after {-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.custom-page .custom-1 .box .img .play h6 {font-size:16px;line-height:30px;display:inline-block;vertical-align:middle;font-weight:700;margin-left:20px}
.custom-page .custom-2 {padding-bottom:90px}
.custom-page .custom-2 h2 {width:55%}
.custom-page .custom-2 .text {width:50%;display:inline-block;vertical-align:middle;font-size:16px;color:#959595;line-height:30px;margin-top:25px}
.custom-page .custom-2 .iconList {float:right;margin-top:-20px}
.custom-page .custom-2 .iconList ul li {width:auto;margin-left:25px}
.custom-page .custom-2 .iconList ul li i {display:block;width:82px;height:82px;border-radius:100%;border:1px solid #eee;line-height:82px;text-align:center;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.custom-page .custom-2 .iconList ul li i img {display:inline-block;vertical-align:middle;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.custom-page .custom-2 .iconList ul li h6 {display:block;font-size:16px;color:#3b3b3b;margin-top:8px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;text-align:center;line-height:30px}
.custom-page .custom-2 .iconList ul li:hover i {background:#ff5c19}
.custom-page .custom-2 .iconList ul li:hover i img {-webkit-filter:brightness(1) invert(1);filter:brightness(1) invert(1)}
.custom-page .custom-2 .iconList ul li:hover h6 {color:#ff5c19}
.custom-page .custom-2 .list {margin-top:60px;text-align:center}
.custom-page .custom-2 .list ul {margin:0 -20px}
.custom-page .custom-2 .list ul li {padding:0 20px}
.custom-page .custom-3 {padding:80px 0 100px;text-align:center;background:#f5f5f5}
.custom-page .custom-3 .text {display:block;font-size:16px;color:#7a7a7a;margin:20px 0 30px;line-height:30px}
.custom-page .custom-3 .list>ul {border-bottom:1px solid #eee;text-align:left}
.custom-page .custom-3 .list>ul>li {padding:30px 0 30px 65px;border-top:1px solid #eee;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;position:relative}
.custom-page .custom-3 .list ul li i {position:absolute;top:18px;left:0;width:60px}
.custom-page .custom-3 .list ul li i img {display:block;max-width:100%}
.custom-page .custom-3 .list ul li h5 {padding-right:60px;position:relative;font-size:30px;color:#333;text-transform:uppercase;font-weight:700;line-height:1.8}
.custom-page .custom-3 .list ul li h5 span {width:18px;height:18px;display:block;position:absolute;right:15px;top:10px;cursor:pointer;cursor:hand}
.custom-page .custom-3 .list ul li h5 span:after,.custom-page .custom-3 .list ul li h5 span:before {content:'';width:100%;height:1px;background:#000;position:absolute;top:50%;left:0}
.custom-page .custom-3 .list ul li h5 span:after {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.custom-page .custom-3 .list ul li .content {margin-top:30px;font-size:18px;color:#7a7a7a;line-height:1.8}
.custom-page .custom-3 .list ul li .content table {border:none}
.custom-page .custom-3 .list ul li .content table tbody {table-layout:fixed}
.custom-page .custom-3 .list ul li .content table tbody td {border:none}
.custom-page .custom-3 .list ul li .content table tbody td:first-child {padding-right:10%;border-right:1px solid #e5e5e5}
.custom-page .custom-3 .list ul li .content table tbody td:last-child {padding-left:10%}
.custom-page .custom-3 .list ul li.active {border-top:2px solid #000}
.custom-page .custom-3 .list ul li.active h5 span:after {-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
.custom-page .custom-4 {padding:70px 0 60px;text-align:center}
.custom-page .custom-4 .form {margin-top:50px}
.custom-page .custom-4 .form ul {margin:-10px}
.custom-page .custom-4 .form ul li {padding:10px}
.custom-page .custom-4 .form ul li input,.custom-page .custom-4 .form ul li textarea {width:100%;padding:15px;border:1px solid #ccc;font-size:16px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;background:#333;line-height:30px}
.custom-page .custom-4 .form ul li input:focus,.custom-page .custom-4 .form ul li textarea:focus {border-color:#ff5c19}
.custom-page .custom-4 .form ul li textarea {height:120px}
.custom-page .custom-4 .form ul li input[type=submit] {padding:15px 50px;width:auto;border-color:#000;color:#000;font-weight:700;max-width:none}
.custom-page .custom-4 .form ul li input[type=submit]:hover {background:#ff5c19;border-color:#ff5c19;color:#333}
.custom-page .custom-4 .form ul li.wid-100 {width:100%}
.technology-page {padding:140px 0 120px}
.technology-page i.tag {display:block;font-size:16px;font-weight:300;color:#ff5c19;line-height:30px}
.technology-page h2 {display:block;font-size:36px;font-weight:700;line-height:1.6}
.technology-page .technology-1 .list {margin-top:25px}
.technology-page .technology-1 .list ul li {font-size:16px;color:#959595;line-height:30px}
.technology-page .technology-1 .list ul li i {display:inline-block;vertical-align:middle;width:30px;height:30px;border-radius:100%;border:1px solid #ff5c19;line-height:30px;position:relative;text-align:center;font-size:16px;color:#ff5c19;margin-right:7px;margin-top:-3px}
.technology-page .technology-1 .list ul li i:after {content:'';width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%;border:inherit;opacity:.4;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
.technology-page .technology-2 {margin-top:75px}
.technology-page .technology-2 ul {margin:-15px -20px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.technology-page .technology-2 ul li {padding:15px 20px}
.technology-page .technology-2 ul li .box {background:#333;-o-box-shadow:0 0 40px rgba(95,95,95,.15);-webkit-box-shadow:0 0 40px rgba(95,95,95,.15);box-shadow:0 0 40px rgba(95,95,95,.15);text-align:center;padding:60px 50px 25px;height:100%}
.technology-page .technology-2 ul li .box h5 {font-size:26px;color:#ff5c19;line-height:1.6}
.technology-page .technology-2 ul li .box .text {display:block;margin:40px 0 30px;font-size:16px;color:#6b6a6a;line-height:30px}
.technology-page .technology-2 ul li .box .box2 .left {width:40%;vertical-align:middle}
.technology-page .technology-2 ul li .box .box2 .right {width:60%;vertical-align:middle;padding-left:10px;text-align:left}
.technology-page .technology-2 ul li:nth-child(2) .box .text {margin-bottom:0}
.case-page {padding:140px 0;background:url("../image/about-1-bg.jpg") top right no-repeat}
.case-page i.tag {display:block;font-size:16px;font-weight:300;color:#ff5c19;line-height:30px}
.case-page h2 {display:block;font-size:30px;font-weight:700;line-height:1.6}
.case-page .list {margin-top:40px}
.case-page .list ul {margin:-15px -13px}
.case-page .list ul li {padding:15px 13px}
.case-page .list ul li a.img {display:block;-o-box-shadow:0 0 40px rgba(95,95,95,.15);-webkit-box-shadow:0 0 40px rgba(95,95,95,.15);box-shadow:0 0 40px rgba(95,95,95,.15);text-align:center;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.case-page .list ul li a.img img {display:block;width:100%}
.case-page .list ul li a.img h6 {display:block;font-size:20px;font-weight:700;padding:20px 15px;text-align:center;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;background:#333;line-height:1.6}
.case-page .list ul li a.img:hover {background:#ff5c19}
.proyd-page {height:100%}
.proyd-page .box {height:100%}
.proyd-page .box .left {width:22%;height:100%;background:url("../image/proyd-1.jpg") center center;background-size:cover;position:relative}
.proyd-page .box .left .box2 {position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;padding:0 20px 0 60px}
.proyd-page .box .left .box2 i.tag {font-size:14px;color:#ff5c19;font-weight:300;text-transform:uppercase;line-height:1.2}
.proyd-page .box .left .box2 i.tag img {display:inline-block;vertical-align:middle;margin-right:10px}
.proyd-page .box .left .box2 i.tag span {display:inline-block;vertical-align:middle;font-size:16px;line-height:30px}
.proyd-page .box .left .box2 h6 {display:block;font-size:24px;line-height:1.8;text-transform:uppercase;margin:10px 0 20px;font-weight:700}
.proyd-page .box .left .box2 .text {display:block;font-size:16px;color:#949494;font-family:"Arial";line-height:30px;margin:20px 0 30px}
.proyd-page .box .left .box2 .play {white-space:nowrap;cursor:pointer;cursor:hand}
.proyd-page .box .left .box2 .play span {display:inline-block;vertical-align:middle;width:26px;height:26px;border-radius:100%;background:rgba(230,0,18,.5);position:relative;z-index:1}
.proyd-page .box .left .box2 .play span i {border-left:8px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.proyd-page .box .left .box2 .play span:after,.proyd-page .box .left .box2 .play span:before {content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:inherit;border-radius:inherit;-webkit-animation:ks 2s linear infinite;-moz-animation:ks 2s linear infinite;animation:ks 2s linear infinite;z-index:-1}
.proyd-page .box .left .box2 .play span:after {-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.proyd-page .box .left .box2 .play h5 {font-size:18px;line-height:1.8;display:inline-block;vertical-align:middle;font-weight:700;margin-left:20px;color:#ff5c19}
.proyd-page .box .right {width:78%;height:100%;overflow:hidden;background:url("../image/proyd-bg.jpg") center center no-repeat;position:relative;z-index:1}
.proyd-page .box .right ul {height:100%}
.proyd-page .box .right ul li {height:100%;position:relative;border-right:1px solid rgba(255,255,255,.3);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.proyd-page .box .right ul li .img {width:300%;height:100%;position:absolute;left:0;top:0;z-index:-1;background-size:cover;background-position:center center;opacity:0;-webkit-transition:1s;-moz-transition:1s;transition:1s;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.proyd-page .box .right ul li .box2 {bottom:10%;left:0;width:100%;padding:0 40px;position:absolute}
.proyd-page .box .right ul li .box2 .list {-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;position:relative;left:-20px}
.proyd-page .box .right ul li .box2 .list dl dd {font-size:16px;margin-bottom:15px;line-height:1;display:none}
.proyd-page .box .right ul li .box2 .list dl dd:last-child {margin-bottom:0}
.proyd-page .box .right ul li .box2 .list dl dd:hover {text-decoration:underline}
.proyd-page .box .right ul li .box2 h5 {font-size:36px;line-height:1.6;margin:90px 0 20px;font-weight:700;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.proyd-page .box .right ul li:after,.proyd-page .box .right ul li:before {content:'';width:100%;height:100%;position:absolute;top:0;right:0;background:#cf2929;-webkit-transition:.5s all,width 0s .5s;-moz-transition:.5s all,width 0s .5s;transition:.5s all,width 0s .5s;opacity:0;z-index:-1}
.proyd-page .box .right ul li:nth-child(2) .img {left:-100%}
.proyd-page .box .right ul li:nth-child(3) .img {left:-200%}
.proyd-page .box .right ul li:hover {background:rgba(207,41,41,.9)}
.proyd-page .box .right ul li:hover .img {opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:.6s .2s;-moz-transition:.6s .2s;transition:.6s .2s}
.proyd-page .box .right ul li:hover .list {left:0}
.proyd-page .box .right ul li:hover .list dl dd {display:block;color:#333}
.proyd-page .box .right ul li:hover h5 {color:#333}
.proyd-page .box .right ul li:hover a.more {color:#333}
.proyd-page .box .right ul li:hover a.more:before {background:#333}
.proyd-page .box .right ul li:hover a.more:after {border-color:#333}
.proyd-page .box .right ul li:hover:after,.proyd-page .box .right ul li:hover:before {opacity:1;width:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.proyd-page .box .right ul li:hover:after {-webkit-transition:.8s .2s;-moz-transition:.8s .2s;transition:.8s .2s}
.proyd-page .box .right ul:hover li .box2 h5,.proyd-page .box .right ul:hover li .box2 a.more {color:#333;opacity:.2}
.proyd-page .box .right ul:hover li .box2 h5:before,.proyd-page .box .right ul:hover li .box2 a.more:before {background:#333}
.proyd-page .box .right ul:hover li .box2 h5:after,.proyd-page .box .right ul:hover li .box2 a.more:after {border-color:#333}
.proyd-page .box .right ul:hover li:hover .box2 h5,.proyd-page .box .right ul:hover li:hover .box2 a.more {opacity:1}
.product-page {padding:100px 0 80px}
.product-page .sideBox .slideLeft {width:27.5%}
.product-page .sideBox .slideLeft .box {padding:30px 20px;background:#f7f7f7;margin-bottom:20px}
.product-page .sideBox .slideLeft .box:last-child {margin-bottom:0}
.product-page .sideBox .slideLeft .box h4 {display:block;font-weight:700;text-transform:uppercase;line-height:1.8;color:#000;padding-bottom:20px;border-bottom:1px solid #e4e4e4;position:relative;font-size:20px;margin-bottom:20px}
.product-page .sideBox .slideLeft .box h4:after {content:'';width:24%;background:#ff5c19;position:absolute;bottom:-3px;left:0;height:5px}
.product-page .sideBox .slideLeft .box .list ul li {margin-bottom:10px}
.product-page .sideBox .slideLeft .box .list ul li a {display:block;padding:15px 35px 15px 12px;font-size:18px;color:#262626;background:#333;-o-box-shadow:0 0 21px rgba(25,25,25,.11);-webkit-box-shadow:0 0 21px rgba(25,25,25,.11);box-shadow:0 0 21px rgba(25,25,25,.11);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;position:relative;text-align:center;line-height:1.8}
.product-page .sideBox .slideLeft .box .list ul li a span {width:10px;height:10px;position:absolute;right:14px;top:24px;display:block}
.product-page .sideBox .slideLeft .box .list ul li a span:after,.product-page .sideBox .slideLeft .box .list ul li a span:before {content:'';width:100%;height:1px;background:#333;position:absolute;top:50%;left:0}
.product-page .sideBox .slideLeft .box .list ul li a span:after {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.product-page .sideBox .slideLeft .box .list.nav ul li a:hover {background:#ff5c19;color:#333;text-align:left}
.product-page .sideBox .slideLeft .box .list.info ul li {margin-bottom:18px}
.product-page .sideBox .slideLeft .box .list.info ul li a {padding-left:60px;text-align:left;padding-right:15px}
.product-page .sideBox .slideLeft .box .list.info ul li a i {width:38px;position:absolute;top:10px;left:10px}
.product-page .sideBox .slideLeft .box .list.info ul li:last-child {margin-bottom:0}
.product-page .sideBox .slideLeft .box .list.info ul li:last-child a {font-size:16px;line-height:30px}
.product-page .sideBox .slideLeft .box.playBg {height:370px;padding:0;position:relative;background:url("../image/sideLeftBg.jpg") center center;background-size:cover}
.product-page .sideBox .slideLeft .box.playBg:after {content:'';width:100%;height:40%;display:block;position:absolute;left:0;bottom:0;background:0 0;background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,transparent),color-stop(100%,#e43234));background:-moz-linear-gradient(bottom,transparent 0%,#e43234 100%);background:-webkit-linear-gradient(top,transparent 0%,#e43234 100%);background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#e43234));background:-webkit-linear-gradient(top,transparent,#e43234);background:-moz-linear-gradient(top,transparent,#e43234);background:linear-gradient(to bottom,transparent,#e43234);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent',endColorstr='#e43234',GradientType=0)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent',endColorstr='#e43234',GradientType=0)}
.product-page .sideBox .slideLeft .box.playBg .play {position:absolute;bottom:15px;left:0;width:100%;padding:0 30px;white-space:nowrap;z-index:1;cursor:pointer;cursor:hand}
.product-page .sideBox .slideLeft .box.playBg .play span {display:inline-block;vertical-align:middle;width:26px;height:26px;border-radius:100%;background:#333;position:relative;z-index:1}
.product-page .sideBox .slideLeft .box.playBg .play span i {border-left:8px solid #ff5c19;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.product-page .sideBox .slideLeft .box.playBg .play span:after,.product-page .sideBox .slideLeft .box.playBg .play span:before {content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:inherit;border-radius:inherit;-webkit-animation:ks 2s linear infinite;-moz-animation:ks 2s linear infinite;animation:ks 2s linear infinite;z-index:-1}
.product-page .sideBox .slideLeft .box.playBg .play span:after {-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.product-page .sideBox .slideLeft .box.playBg .play h6 {font-size:21px;line-height:1.8;display:inline-block;vertical-align:middle;font-weight:700;margin-left:20px;color:#333;letter-spacing:1px;max-width:80%;word-break:break-word;white-space:normal}
.product-page .sideBox .slideRight {width:72.5%;padding-left:60px}
.product-page .sideBox .slideRight .hmvillaelevator1 h1 {font-weight:700;line-height:1.8;color:#000;padding-bottom:20px;border-bottom:1px solid #e4e4e4;font-size:24px;margin-bottom:20px}
.product-page .sideBox .slideRight .hmvillaelevator1 {font-size:16px;line-height:30px;padding-bottom:20px}
.product-page .sideBox .slideRight .list ul {margin:-20px -10px}
.product-page .sideBox .slideRight .list ul li {padding:20px 10px}
.product-page .sideBox .slideRight .list ul li .box {overflow:hidden}
.product-page .sideBox .slideRight .list ul li .box .left {padding:50px 0 25px 25px;background:#f3f3f3;width:60%;vertical-align:bottom;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;position:relative}
.product-page .sideBox .slideRight .list ul li .box .left:after {content:'';width:100%;height:100%;left:99%;top:0;position:absolute;z-index:-1;background:inherit}
.product-page .sideBox .slideRight .list ul li .box .left>* {position:relative;z-index:1}
.product-page .sideBox .slideRight .list ul li .box .left h4 {display:block;font-size:18px;text-transform:uppercase;line-height:1.8;font-weight:700}
.product-page .sideBox .slideRight .list ul li .box .left p {display:block;font-size:14px;color:#8b8b8b;line-height:1.2;margin:12px 0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.product-page .sideBox .slideRight .list ul li .box .left a.more {line-height:30px;height:36px;padding:0 14px;font-size:16px}
.product-page .sideBox .slideRight .list ul li .box .right {padding:0 20px 10px;vertical-align:bottom;width:40%}
.product-page .sideBox .slideRight .list ul li .box .right a {display:block;position:relative;width:200%;max-width:none;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.product-page .sideBox .slideRight .list ul li .box .right img {-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.product-page .sideBox .slideRight .list ul li .box .right img.img2 {position:absolute;top:0;left:0;opacity:0}
.product-page .sideBox .slideRight .list ul li .box:hover .right img {opacity:0}
.product-page .sideBox .slideRight .list ul li .box:hover .right img.img2 {opacity:1}
.product-page .sideBox .slideRight .list ul li .box:hover {color:#333}
.product-page .sideBox .slideRight .list ul li .box:hover .left {background:#ff5c19}
.product-page .sideBox .slideRight .list ul li .box:hover .left p {color:#333}
.product-page .sideBox .slideRight .list ul li .box:hover .left a.more {color:#333}
.product-page .sideBox .slideRight .list ul li .box:hover .left a.more:before {background:#333}
.product-page .sideBox .slideRight .list ul li .box:hover .left a.more:after {border-color:#333}
.prodet-page i.tag {display:block;font-size:16px;font-weight:300;color:#ff5c19;line-height:30px}
.prodet-page h2,.prodet-page h1 {display:block;font-size:30px;font-weight:400;line-height:1.6}
.prodet-page .prodet-1 {padding-top:4rem}
.prodet-page .prodet-1 .left {background:#f1f1f1;background-size:cover;padding:20px;text-align:center;vertical-align:middle;border:1px solid rgb(0 0 0/3%);position:relative}
.prodet-page .prodet-1 .left .big ul .slick-dots {display:flex;justify-content:center;align-items:center}
.prodet-page .prodet-1 .left .big ul .slick-dots li {padding:0;width:15px;height:15px;border:1px solid var(--base-color);border-radius:100%;cursor:pointer;margin:0 20px;display:block}
.prodet-page .prodet-1 .left .big ul .slick-dots li.slick-active {background:var(--base-color)}
.prodet-page .prodet-1 .left .big ul .slick-dots li button {display:none}
.prodet-page .prodet-1 .left img {display:block;margin:0 auto}
.prodet-page .prodet-1 .left i.block {width:25%;height:30%;position:absolute;background:#eee;z-index:-1;left:-12%;top:20%}
.prodet-page .prodet-1 .right {padding-left:5%;vertical-align:top;padding-top:4rem}
.prodet-page .prodet-1 .right h1 {font-size:30px;line-height:1.8;color:#333}
.prodet-page .prodet-1 .right .content {display:block;padding:40px 0 100px;font-size:16px;color:#959595;line-height:30px}
.prodet-page .prodet-1 .right .content h6 {font-size:18px;text-transform:uppercase;text-decoration:underline;display:block;margin-bottom:10px;color:#ff5c19;font-weight:700}
.prodet-page .prodet-1 .right .btn {padding:35px 0;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}
.prodet-page .prodet-1 .right .btn a {display:inline-block;vertical-align:middle;line-height:40px;height:40px;padding:0 24px;border-radius:20px;background:#000;color:#333;font-size:16px;font-weight:700;margin-right:25px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;margin-top:5px}
.prodet-page .prodet-1 .right .btn a:hover {background:#ff5c19}
.prodet-page .prodet-1 .right .share {margin-top:20px}
.prodet-page .prodet-1 .right .share h6 {display:inline-block;vertical-align:middle;font-size:16px;text-transform:uppercase;line-height:30px}
.prodet-page .prodet-1 .right .share ul {display:inline-block;vertical-align:middle}
.prodet-page .prodet-1 .right .share ul li {width:auto;margin-left:15px;color:#666;font-size:14px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.prodet-page .prodet-1 .right .share ul li:hover {color:#ff5c19}
.prodet-page .custom-page .custom-3 {background:0 0;padding:110px 0}
.prodet-page .custom-page .custom-3 .list>ul>li {padding-left:0}
.prodet-page .custom-page .custom-3 .list>ul>li i {display:none}
.prodet-page .prodet-2 h2 {display:inline-block;color:#333}
.prodet-page .prodet-2 .btn {float:right}
.prodet-page .prodet-2 .btn div {width:36px;height:36px;display:inline-block;margin-left:10px;border:1px solid #e73032;line-height:36px;text-align:center;font-size:24px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;cursor:pointer;cursor:hand;color:#ff5c19}
.prodet-page .prodet-2 .btn div:hover {color:#333;background:#ff5c19}
.prodet-page .prodet-2 .list {display:inline-block;width:100%;margin-top:40px}
.prodet-page .prodet-2 .list ul {margin:-12px}
.prodet-page .prodet-2 .list ul li {padding:12px}
.prodet-page .prodet-2 .list ul li .box {padding:15px;background:#f1f1f1;background-size:cover;text-align:center;position:relative;-o-box-shadow:0 0 17px rgba(0,0,0,.04);-webkit-box-shadow:0 0 17px rgba(0,0,0,.04);box-shadow:0 0 17px rgba(0,0,0,.04)}
.prodet-page .prodet-2 .list ul li .box span {font-size:14px;color:#404040;text-transform:uppercase;position:absolute;top:40px;right:20px;display:block}
.prodet-page .prodet-2 .list ul li .box span i {width:50px;height:50px;border-radius:100%;display:block;margin:0 auto 5px}
.prodet-page .prodet-2 .list ul li .box h5 {font-size:16px;line-height:30px;color:#333;font-weight:700;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;padding-top:20px}
.prodet-page .prodet-2 .list ul li .box:hover h5 {color:#ff5c19}
.honor-page {padding:130px 0 160px;text-align:center;overflow:hidden}
.honor-page .text {font-size:16px;color:#666;max-width:600px;display:block;margin:15px auto 20px;line-height:30px}
.honor-page .list {margin-top:10px;position:relative}
.honor-page .list ul li {-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;position:relative}
.honor-page .list ul li img {width:100%}
.honor-page .list ul .slick-slide li {-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);left:90%}
.honor-page .list ul .slick-slide+div.slick-active li {-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);left:45%}
.honor-page .list ul .slick-slide+div.slick-active+div.slick-current li {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);left:0;z-index:2}
.honor-page .list ul .slick-slide+div.slick-active+div.slick-current+div.slick-active li {-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);left:-45%;z-index:1}
.honor-page .list ul .slick-slide+div.slick-active+div.slick-current+div.slick-active+div.slick-slide li {-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);left:-90%}
.honor-page .list ul .slick-arrow {position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:40px;height:40px;background-color:rgba(0,0,0,.3);background-position:center center;background-repeat:no-repeat;border:none;background-size:12px;z-index:1;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.honor-page .list ul .slick-arrow.slick-prev {background-image:url("https://www.chinaswany.com/template/en/images/banner-btn-l.png");left:0}
.honor-page .list ul .slick-arrow.slick-next {background-image:url("https://www.chinaswany.com/template/en/images/banner-btn-r.png");right:0}
.honor-page .list ul .slick-arrow:hover {background-color:#ff5c19}
.form ul {margin:-10px}
.form ul li {padding:10px}
.form ul li input,.form ul li textarea {width:100%;padding:15px;border:1px solid rgba(0,0,0,.2);font-size:16px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;line-height:30px}
.form ul li input:focus,.contact-page .form ul li textarea:focus {border-color:#ff5c19}
.form ul li textarea {height:120px}
.form ul li input[type=submit] {padding:12px;max-width:180px;border-color:#000;background-color:transparent;font-weight:700}
.form ul li input[type=submit]:hover {color:#333;background-color:#ff5c19;border-color:#ff5c19}
.form ul li.wid-100 {width:100%}
.faq-page {padding:120px 0}
.faq-page ul li {margin-bottom:20px;padding:15px;border:1px solid #eee;background:#f8f8f8}
.faq-page ul li h4 {font-size:20px;font-weight:700;margin-bottom:10px;line-height:1.8}
.faq-page ul li .content {padding-top:10px;border-top:1px solid #eee;font-size:16px;line-height:30px}
.faq-page ul li:last-child {margin-bottom:0}
.news-page {padding:100px 0;padding-bottom:0}
.news-page .list ul {margin:-10px}
.news-page .list ul li {padding:10px}
.news-page .list ul li .img-box {display:block}
.news-page .list ul li .img-box img {width:100%}
.news-page .list ul li .content {padding:15px;border:1px solid #eee;font-family:"Arial"}
.news-page .list ul li .content h4 {font-size:18px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.8}
.news-page .list ul li .content p {font-size:16px;line-height:30px;margin:15px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:120px}
.news-page .list ul li .content a.more {display:inline-block;line-height:34px;height:34px;padding:0 25px;border:1px solid #eee;font-size:16px;color:#666;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.news-page .list ul li .content a.more:hover {color:#333;background:#ff5c19}
.newdet-page {padding:100px 0}
.newdet-page h2 {font-size:26px;font-weight:400;text-align:left;line-height:1.8;color:#333}
.newdet-page time {display:block;font-size:16px;line-height:30px;color:#666;margin-top:20px;text-align:center}
.newdet-page .content {display:block;font-size:16px;line-height:30px;margin:20px 0;padding:20px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
.newdet-page .content table td {border:none}
.newdet-page .m-link {font-size:16px;line-height:30px}
.newdet-page .m-link a {display:block}
.newdet-page .m-link a:hover {text-decoration:underline}
@media screen and (max-width:1500px) {#innerHeader .box .menu-box ul.menu>li {margin:0 5px}
#innerHeader .box {padding-right:15px}
#innerHeader .logo {padding-left:30px;padding-right:20px}
#innerHeader {line-height:80px;height:80px}
.inner-banner {height:460px}
.honor-page {padding:80px 0}
.honor-page .list {margin-top:50px}
.prodet-page {padding:80px 0}
.prodet-page .prodet-1 .right h1 {font-size:40px}
.prodet-page .prodet-1 .right .content {padding:30px 0 50px}
.custom-page .custom-3 .list ul li .content {font-size:16px}
.product-page .sideBox .slideRight {padding-left:30px}
.product-page .sideBox .slideLeft .box .list ul li a {font-size:16px}
.product-page .sideBox .slideRight .list ul li .box .left h4 {font-size:16px}
.product-page .sideBox .slideRight .list ul li .box .left {padding:25px 0 25px 15px}
.product-page .sideBox .slideLeft .box.playBg .play h6 {font-size:18px}
.proyd-page .box .right ul li .box2 h5 {font-size:24px}
a.more {line-height:40px;height:40px;font-size:16px;padding:0 16px}
.proyd-page .box .left .box2 {padding-left:30px}
.proyd-page .box .left .box2 h6 {font-size:18px}
.proyd-page .box .left .box2 .text {font-size:14px;margin:15px 0 20px}
.proyd-page .box .left .box2 .play h5 {font-size:14px}
#header .nav .ui.menu .yuy {bottom:120px}
.proyd-page .box .right {background-size:100% auto}
.proyd-page .box .right ul li .box2 .list dl dd {font-size:14px}
.case-page {padding:80px 0}
.case-page .list ul li a.img h6 {font-size:22px;padding:15px}
.case-page h2,.technology-page h2,.custom-page h2,.about-page h2,.prodet-page .prodet-1 .right h1 {font-size:32px}
#footer .footer-top .right ul li:nth-child(4) .share ul li {margin:0 10px}
#footer .footer-bottom {margin-top:0}
#footer .footer-top .right ul li dl dd {font-size:16px}
#footer .footer-top .left {width:30%;padding-right:5%}
#footer .footer-top .right {width:70%}
.technology-page {padding:80px 0}
.technology-page .technology-2 ul li .box h5 {font-size:22px}
.technology-page .technology-2 ul li .box .text {margin:20px 0;font-size:16px}
.technology-page .technology-2 ul li .box {padding:30px}
.custom-page .custom-1 {padding:120px 0 80px}
.custom-page .custom-4 .form ul li input,.custom-page .custom-4 .form ul li textarea {padding:10px}
.custom-page .custom-4 .form ul li input[type=submit] {padding:10px 40px}
.custom-page .custom-3 .list ul li h5 {font-size:26px}
#banner li .content h2,#index-body h2,#index-body .init-2 h2,#index-body .init-5 h2 {font-size:36px}
#index-body .init-1 .box .right h2 {margin-left:-15%}
#index-body .init-1 .box .right {padding-right:15px}
#index-body .init-1 .box .right .list ul li h6 {font-size:36px}
#index-body .init-2 a.more {margin-top:30px}
#index-body .init-2 {padding:80px 0}
#index-body .init-3 .box {padding:60px 0}
#index-body .init-3 .box .list ul li i {height:50px}
#index-body .init-3 .box .list ul li h5 {font-size:18px}
#index-body .init-3 .box .list ul li p {font-size:16px}
#index-body .init-4 {padding:80px 0}
#index-body .init-4 .right {padding-right:15px}
#index-body .init-5 {padding:100px 0}
#footer {padding-top:30px}
#menu {padding:20px 20px 0}
#menu .list {margin-top:50px}
#menu .list ul li h6 {font-size:24px;padding-top:20px}
}
@media screen and (max-width:1250px) {#innerHeader .box .menu-box ul.menu>li {margin:0 15px;font-size:16px}
#innerHeader .logo img {max-height:50px}
.product-page .sideBox .slideLeft .box .list ul li a {padding:10px 30px 10px 10px}
.product-page .sideBox .slideLeft .box .list ul li a span {top:16px;right:10px}
.product-page .sideBox .slideLeft .box h4 {font-size:16px}
.product-page .sideBox .slideLeft .box .list.info ul li:last-child a {font-size:13px}
.product-page .sideBox .slideLeft .box .list.info ul li a {padding-left:45px}
.product-page .sideBox .slideLeft .box .list.info ul li a i {width:30px;top:6px}
.product-page .sideBox .slideLeft .box.playBg .play h6 {font-size:14px}
.product-page .sideBox .slideRight .list ul li .box .left h4 {font-size:16px;line-height:30px}
.product-page .sideBox .slideRight .list ul li .box .left p {font-size:13px}
.product-page {padding:60px 0}
.inner-page .m-page {margin-top:40px}
.proyd-page .box .left .box2 h6 {font-size:15px}
.proyd-page .box .left .box2 i.tag {font-size:12px}
.proyd-page .box .left .box2 i.tag img {width:30px}
.proyd-page .box .left .box2 .text {font-size:13px}
.proyd-page .box .left .box2 .play h5 {font-size:12px}
.proyd-page .box .right ul li .box2 h5 {font-size:18px;margin:40px 0 20px}
a.more,.news-page .list ul li .content a.more {line-height:30px;height:32px;font-size:16px;padding:0 15px}
.proyd-page .box .right ul li .box2 .list dl dd {font-size:13px}
.proyd-page .box .right ul li .box2 {padding:0 15px}
.case-page h2,.technology-page h2,.custom-page h2,.about-page h2,.prodet-page .prodet-1 .right h1,.prodet-page h2 {font-size:28px}
.prodet-page .custom-page .custom-3 {padding:60px 0}
.custom-page .custom-3 .list ul li .content table tbody td:first-child {padding-right:5%}
.custom-page .custom-3 .list ul li .content table tbody td:last-child {padding-left:5%}
.custom-page .custom-3 .list ul li .content {font-size:16px;line-height:30px}
.news-page,.newdet-page {padding:60px 0}
.inner-banner {height:400px}
.inner-banner h2 {font-size:48px}
.newdet-page .content,.technology-page .technology-1 .list ul li {font-size:16px}
.about-page i.tag {font-size:16px}
.technology-page .technology-2 ul li .box h5 {font-size:18px;line-height:1.8}
.faq-page {padding:60px 0}
.faq-page ul li h4 {font-size:16px;line-height:30px}
.faq-page ul li .content {font-size:16px}
.custom-page .custom-1 .box .img {width:170px}
.custom-page .custom-1 .box .img .play h6 {font-size:16px}
.custom-page .custom-3 .list ul li i {width:40px;top:21px}
.custom-page .custom-3 .list ul li h5 {font-size:22px}
.custom-page .custom-4 .form ul li input,.custom-page .custom-4 .form ul li textarea,.contact-page .form ul li input,.contact-page .form ul li textarea {font-size:16px}
.case-page .list ul li a.img h6 {font-size:18px}
#banner li .content h2,#index-body h2,#index-body .init-2 h2,#index-body .init-5 h2 {font-size:28px}
#index-body .init-1 .box .left {height:600px}
#index-body .init-1 .box .right .text {font-size:14px}
#index-body .init-1 .box .right .list ul li h6 {font-size:28px}
#index-body .init-1 .box .right .list ul li p {font-size:14px}
#index-body .init-1 .box .right a.more {margin-top:30px}
#index-body .init-2 .list {margin-top:40px}
#index-body .init-3 .box .text {font-size:16px}
#index-body .init-4 .left .text {font-size:16px;margin:30px 0 50px}
#index-body .init-4 .right .btn div {width:40px;height:40px;line-height:40px}
#index-body .init-5 {padding:50px 0}
#index-body .init-5 i.tag {font-size:20px}
#footer .footer-top .left {width:30%}
#footer .footer-top .right {width:70%}
#footer .footer-top .right ul li dl dd {font-size:14px}
#footer .footer-top .right ul li:nth-child(4) {display:none}
#footer .footer-top .right ul li:nth-child(3) {width:38%}
#footer .footer-top .right ul li:nth-child(2) {width:30%}
#footer .footer-top .right ul li:nth-child(1) {width:32%}
#footer .footer-bottom {padding:15px 0}
#innerHeader {display:none !important}
.proyd-page .box .right ul li {width:100%;height:300px;margin-bottom:20px;display:block;overflow:hidden}
.proyd-page .box .right ul li .img {opacity:1;overflow:hidden;width:100%;left:0 !important;background-size:cover}
.proyd-page .box .right ul li .box2 {color:#333;bottom:10px}
.proyd-page .box .right ul li .box2 h5 {margin:20px 0 10px}
.body-overflow-box {height:auto !important}
}
.ewm {width:115px;height:115px;display:block;padding:5px;background:#333}
@media screen and (max-width:1000px) {.inner-page {padding-top:100px!important}
#banner li .content i.tag {font-size:12px}
#banner li .content h2,#index-body h2,#index-body .init-2 h2,#index-body .init-5 h2 {font-size:24px}
#banner li .content .left {width:60%}
#index-body .init-1 .box .right .text {padding:15px 0;line-height:30px;font-size:16px}
#index-body .init-1 .box .right .list ul li h6 {font-size:24px}
#index-body .init-1 .box .right .list ul li p {font-size:14px;line-height:28px}
#index-body .init-1 .box .right {padding-right:0}
#index-body .init-1 .box .left {height:540px}
#index-body .init-2 a.more {margin-top:15px}
#index-body i.tag {font-size:16px}
#index-body .init-2 .list ul li .box h5 {font-size:16px;line-height:30px}
#index-body .init-3 .box .text {max-width:60%}
#index-body .init-3 .box {padding-right:15px}
#index-body .init-3 .box a.more {margin-right:0}
#index-body .init-3 .box .list ul li p {font-size:16px;line-height:30px}
#index-body .init-3 .box .list ul li {width:50%}
#index-body .init-3 .box .list ul li i {height:40px}
#index-body .init-4 .right .slideBox {padding-right:0;margin-right:0}
#index-body .init-4 .right .slideBox ul li .box2 h4 {font-size:16px;padding:10px}
#index-body .init-4 .right .slideBox ul li .box2 a.img {top:57px}
#index-body .init-4 .left .text {margin:20px 0 30px}
#index-body .init-4 {padding:40px 0}
#footer .footer-top .right {width:100%;padding-top:20px}
#footer .footer-top .left {width:100%;text-align:center}
#footer .footer-top .left img {max-height:50px}
#footer .footer-top .right ul li dl {padding-top:0}
.inner-banner {height:300px}
.case-page .list ul li a.img h6 {font-size:16px;line-height:30px}
#mapContainer {height:300px !important}
.custom-page .custom-2 h2,.custom-page .custom-2 .text {width:100%}
.custom-page .custom-2 .text {font-size:16px}
.custom-page .custom-2 .iconList {display:none}
.custom-page .custom-2 .list {margin-top:30px}
.custom-page .custom-2 {padding:50px 0}
.custom-page .custom-2 .list ul li {padding:0 10px}
.custom-page .custom-2 .list ul {margin:0 -10px}
.custom-page .custom-3 {padding:60px 0}
.technology-page .technology-2 ul li {width:100% !important}
.technology-page .technology-2 ul li .box .box2 {margin-top:20px}
.honor-page .text {font-size:14px}
.newdet-page h2 {font-size:24px}
.prodet-page .prodet-1 .right .btn a {line-height:32px;height:32px;padding:0 15px;font-size:14px}
.prodet-page .prodet-1 .right {width:60%;padding-left:3%}
.prodet-page .prodet-1 .left {width:40%}
.prodet-page .prodet-1 .right .content h6 {font-size:16px}
.prodet-page .prodet-1 .right .content {font-size:16px;line-height:30px}
.prodet-page .prodet-1 .right .content {padding:15px 0}
.prodet-page .prodet-1 .right .btn {padding:10px 0}
.prodet-page .prodet-1 .right .share {margin-top:10px}
.prodet-page {padding:60px 0 30px}
.product-page .sideBox .slideRight {width:100%;padding-left:0}
.product-page .sideBox .slideRight .hmvillaelevator1 {display:none!important}
.product-page .sideBox .slideLeft {display:none}
.proyd-page .box .right {width:100%}
.proyd-page .box .left {display:none}
}
@media screen and (max-width:700px) {.ewm {display:none}
.contact-page .contact-1 .ui.container.grid-box>div {padding:20px 10px}
.inner-page .ui.container {width:95%}
.ui.container {width:100%}
#banner li .content h2,#index-body h2,#index-body .init-2 h2,#index-body .init-5 h2 {font-size:20px;line-height:34px}
.product-page .sideBox .slideRight .list ul li {width:100%}
.prodet-page .prodet-1 .right {width:100%;padding-left:0;padding-top:20px}
.prodet-page .prodet-1 .left {width:100%}
.custom-page .custom-3 .list ul li .content table tbody td {display:block !important;width:100%;padding:0 !important;border-right:none}
.custom-page .custom-3 .list ul li .content table tbody td:first-child {border-right:none}
.inner-banner h2 {font-size:36px;margin-bottom:-7px}
#footer .footer-top .right {display:none}
#footer .footer-bottom {text-align:center}
#footer .footer-bottom p a.foot-link {display:none!important}
.inner-banner {height:220px}
.custom-page .custom-1 .box .img {width:120px;margin-left:5%}
.custom-page .custom-1 .box .img .play p {margin-left:0;display:none}
.custom-page .custom-1 .box .img .play h6 {max-width:200px;white-space:normal}
.custom-page i.tag {font-size:16px}
#index-body .init-1 .box .right {width:100%;padding-top:20px}
#index-body .init-1 .box .left {width:100%;height:200px;background-position:center bottom -100px;background-size:cover}
#index-body .init-1 .box .right h2 {width:100%;margin-left:0}
#index-body .init-1 .box .right i.tag {text-align:left}
#index-body .init-1 .box .right .list ul li {width:33.333%}
#index-body .init-3 .box a.more {margin-top:10px}
#index-body .init-3 .box .text {max-width:100%}
#index-body .init-4 .left {width:100%;padding-right:0}
#index-body .init-4 .right {width:100%;padding-top:20px}
}
@media screen and (max-width:500px) {#index-body .init-1 .box .left {margin-top:20px}
#index-body .init-1 .box .right {padding-left:0}
#banner li .content .left {width:100%}
#banner li .content .left i.tag {display:none}
#banner li .content h2 {font-size:16px;line-height:30px}
#index-body .init-2 h2 {max-width:none}
#index-body .init-2 a.more,#index-body .init-3 .box a.more {float:none}
#index-body .init-2 {padding:50px 0}
#index-body .init-3 .box h2 {max-width:none}
#index-body .init-3 .box .list ul li {width:100%;padding:15px}
#index-body .init-3 .box .text {margin:20px 0 30px}
.inner-banner h2 {font-size:14px}
.inner-banner {height:260px}
.inner-banner .box .mbx {font-size:16px}
.case-page {padding:50px 0}
.case-page h2,.technology-page h2,.custom-page h2,.about-page h2,.prodet-page .prodet-1 .right h1,.prodet-page h2 {font-size:20px;line-height:1.8}
.service-page .qr-list ul li .box .text h3 {font-size:16px}
.service-page .qr-list ul li .box .text {padding-left:10px;width:70%}
.service-page .qr-list ul li .box .img {width:30%}
.service-page .qr-list ul li .box .text p {font-size:12px}
.contact-page .contact-1 .list ul li {width:100%}
.contact-page .contact-1 .list ul li .box p {height:auto;min-height:auto}
.contact-page .contact-1 .list ul li .box span {width:40px;height:40px;line-height:40px}
.contact-page .contact-1 .list ul li .box span i {font-size:20px}
.contact-page .contact-2 .right h3 {font-size:20px;line-height:1.8}
.custom-page .custom-3 .list ul li h5 {font-size:16px;line-height:30px}
.custom-page .custom-3 .list ul li h5 span {top:3px}
.custom-page .custom-3 .list ul li {padding-left:0;padding-top:5px;padding-bottom:5px}
.custom-page .custom-3 .list ul li i {width:30px;top:14px}
.technology-page .technology-2 ul li .box .box2 .right {width:100%;padding-left:0}
.technology-page .technology-2 ul li .box .box2 .left {width:100%}
.technology-page .technology-2 ul li .box img {max-height:120px}
.honor-page .list ul li {-webkit-transform:scale(1) !important;-moz-transform:scale(1) !important;-ms-transform:scale(1) !important;transform:scale(1) !important;left:0 !important}
.honor-page {padding:40px 0}
.prodet-page .prodet-1 .right .btn a {margin-right:15px;font-size:16px}
.prodet-page .prodet-2 .btn div {width:30px;height:30px;line-height:30px;font-size:18px}
.proyd-page .box .right {padding:15px}
.proyd-page .box .right ul li .box2 h5 {font-size:16px;line-height:30px}
.proyd-page .box .right ul li:last-child {margin-bottom:0}
}
.otherblock {background:#333;padding:50px 0}
#pups_from {position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:80%;width:500px;max-width:90%;-o-box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);z-index:22;background:#333;padding:30px;overflow:auto}
#pups_from h4 {font-size:18px;color:#222;text-transform:capitalize;line-height:1;font-weight:700;position:absolute;left:0;width:100%;top:0;padding:15px 20px;background:#f5f5f5;-o-box-shadow:0 0 5px rgba(0,0,0,.1);-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}
#pups_from form {margin-top:40px}
#pups_from i.close {width:30px;height:30px;position:absolute;top:10px;right:10px;background:#eee;cursor:pointer;cursor:hand;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
#pups_from i.close:after,#pups_from i.close:before {content:"";-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;width:70%;height:2px;margin-top:-1px;background:#000;position:absolute;top:50%;left:15%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#pups_from i.close:after {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
#pups_from i.close:hover {background:var(--base-color)}
#pups_from i.close:hover:after,#pups_from i.close:hover:before {background:#333}
#pups_from form ul li {margin-bottom:10px;position:relative}
#pups_from form ul li label {font-size:14px;margin-bottom:10px;display:block}
#pups_from form ul li label em {color:#ff5c19;margin-right:2px}
#pups_from form ul li input,#pups_from form ul li textarea {width:100%;line-height:24px;padding:6px 15px;border:1px solid #eee;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;font-size:16px}
#pups_from form ul li input:focus,#pups_from form ul li textarea:focus {border-color:var(--base-color)}
#pups_from form ul li textarea {height:80px}
#pups_from form ul li input[type=submit] {width:auto;padding:6px 40px;display:inline-block;background:var(--base-color);color:#333;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
#pups_from form ul li input[type=submit]:hover {opacity:.7}
#pups_from form ul li:last-child {margin-bottom:0}
#Pop_UpsBtn {width:60px;height:60px;line-height:60px;text-align:center;position:fixed;border-radius:100%;background:var(--base-color);color:#333;right:2%;bottom:5%;font-size:24px;-o-box-shadow:0 2px 7px rgba(0,0,0,.3);-webkit-box-shadow:0 2px 7px rgba(0,0,0,.3);box-shadow:0 2px 7px rgba(0,0,0,.3);cursor:pointer;cursor:hand;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
#Pop_UpsBtn:hover {background:#000}
#pups_from i.close:after,#pups_from i.close:before {content:'';-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;width:70%;height:2px;margin-top:-1px;background:#000;position:absolute;top:50%;left:15%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#pups_from i.close:after {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
#pups_from i.close:hover {background:var(--base-color)}
#pups_from i.close:hover:after,#pups_from i.close:hover:before {background:#333}
*::-webkit-scrollbar-thumb {background-color:var(--base-color) !important}
#mobile .menu-content .menu-list ul li {position:relative}
#mobile .menu-content .menu-list ul li i {position:absolute;right:0;font-size:20px;top:10px;width:20px;height:20px;display:block;text-align:center}
#mobile .menu-content .menu-list ul li i:hover {color:var(--base-color)}
#mobile .menu-content .menu-list ul li ul.sub-menu {display:none}
#mobile .menu-content .menu-list ul li.active>.sub-menu {display:block}
/*! *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome *  License - http://fontawesome.io/license (Font:SIL OFL 1.1,CSS:MIT License) */@font-face {font-family:'FontAwesome';src:url('https://www.chinaswany.com/template/en/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('https://www.chinaswany.com/template/en/fonts/fontawesome-webfont.eot?') format('embedded-opentype'),url('https://www.chinaswany.com/template/en/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('https://www.chinaswany.com/template/en/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('https://www.chinaswany.com/template/en/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('https://www.chinaswany.com/template/en/fonts/fontawesome-webfont.svg?v=4.7.0') format('svg');font-weight:normal;font-style:normal}
.fa {display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-lg {font-size:1.33333333em;line-height:.75em;vertical-align:-15%}
.fa-2x {font-size:2em}
.fa-3x {font-size:3em}
.fa-4x {font-size:4em}
.fa-5x {font-size:5em}
.fa-fw {width:1.28571429em;text-align:center}
.fa-ul {padding-left:0;margin-left:2.14285714em;list-style-type:none}
.fa-ul>li {position:relative}
.fa-li {position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}
.fa-li.fa-lg {left:-1.85714286em}
.fa-border {padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}
.fa-pull-left {float:left}
.fa-pull-right {float:right}
.fa.fa-pull-left {margin-right:.3em}
.fa.fa-pull-right {margin-left:.3em}
.pull-right {float:right}
.pull-left {float:left}
.fa.pull-left {margin-right:.3em}
.fa.pull-right {margin-left:.3em}
.fa-spin {-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
.fa-pulse {-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}
@-webkit-keyframes fa-spin {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100% {-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100% {-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
.fa-rotate-90 {-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180 {-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270 {-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal {-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}
.fa-flip-vertical {-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical {filter:none}
.fa-stack {position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}
.fa-stack-1x,.fa-stack-2x {position:absolute;left:0;width:100%;text-align:center}
.fa-stack-1x {line-height:inherit}
.fa-stack-2x {font-size:2em}
.fa-inverse {color:#333}
.fa-glass:before {content:"\f000"}
.fa-music:before {content:"\f001"}
.fa-search:before {content:"\f002"}
.fa-envelope-o:before {content:"\f003"}
.fa-heart:before {content:"\f004"}
.fa-star:before {content:"\f005"}
.fa-star-o:before {content:"\f006"}
.fa-user:before {content:"\f007"}
.fa-film:before {content:"\f008"}
.fa-th-large:before {content:"\f009"}
.fa-th:before {content:"\f00a"}
.fa-th-list:before {content:"\f00b"}
.fa-check:before {content:"\f00c"}
.fa-remove:before,.fa-close:before,.fa-times:before {content:"\f00d"}
.fa-search-plus:before {content:"\f00e"}
.fa-search-minus:before {content:"\f010"}
.fa-power-off:before {content:"\f011"}
.fa-signal:before {content:"\f012"}
.fa-gear:before,.fa-cog:before {content:"\f013"}
.fa-trash-o:before {content:"\f014"}
.fa-home:before {content:"\f015"}
.fa-file-o:before {content:"\f016"}
.fa-clock-o:before {content:"\f017"}
.fa-road:before {content:"\f018"}
.fa-download:before {content:"\f019"}
.fa-arrow-circle-o-down:before {content:"\f01a"}
.fa-arrow-circle-o-up:before {content:"\f01b"}
.fa-inbox:before {content:"\f01c"}
.fa-play-circle-o:before {content:"\f01d"}
.fa-rotate-right:before,.fa-repeat:before {content:"\f01e"}
.fa-refresh:before {content:"\f021"}
.fa-list-alt:before {content:"\f022"}
.fa-lock:before {content:"\f023"}
.fa-flag:before {content:"\f024"}
.fa-headphones:before {content:"\f025"}
.fa-volume-off:before {content:"\f026"}
.fa-volume-down:before {content:"\f027"}
.fa-volume-up:before {content:"\f028"}
.fa-qrcode:before {content:"\f029"}
.fa-barcode:before {content:"\f02a"}
.fa-tag:before {content:"\f02b"}
.fa-tags:before {content:"\f02c"}
.fa-book:before {content:"\f02d"}
.fa-bookmark:before {content:"\f02e"}
.fa-print:before {content:"\f02f"}
.fa-camera:before {content:"\f030"}
.fa-font:before {content:"\f031"}
.fa-bold:before {content:"\f032"}
.fa-italic:before {content:"\f033"}
.fa-text-height:before {content:"\f034"}
.fa-text-width:before {content:"\f035"}
.fa-align-left:before {content:"\f036"}
.fa-align-center:before {content:"\f037"}
.fa-align-right:before {content:"\f038"}
.fa-align-justify:before {content:"\f039"}
.fa-list:before {content:"\f03a"}
.fa-dedent:before,.fa-outdent:before {content:"\f03b"}
.fa-indent:before {content:"\f03c"}
.fa-video-camera:before {content:"\f03d"}
.fa-photo:before,.fa-image:before,.fa-picture-o:before {content:"\f03e"}
.fa-pencil:before {content:"\f040"}
.fa-map-marker:before {content:"\f041"}
.fa-adjust:before {content:"\f042"}
.fa-tint:before {content:"\f043"}
.fa-edit:before,.fa-pencil-square-o:before {content:"\f044"}
.fa-share-square-o:before {content:"\f045"}
.fa-check-square-o:before {content:"\f046"}
.fa-arrows:before {content:"\f047"}
.fa-step-backward:before {content:"\f048"}
.fa-fast-backward:before {content:"\f049"}
.fa-backward:before {content:"\f04a"}
.fa-play:before {content:"\f04b"}
.fa-pause:before {content:"\f04c"}
.fa-stop:before {content:"\f04d"}
.fa-forward:before {content:"\f04e"}
.fa-fast-forward:before {content:"\f050"}
.fa-step-forward:before {content:"\f051"}
.fa-eject:before {content:"\f052"}
.fa-chevron-left:before {content:"\f053"}
.fa-chevron-right:before {content:"\f054"}
.fa-plus-circle:before {content:"\f055"}
.fa-minus-circle:before {content:"\f056"}
.fa-times-circle:before {content:"\f057"}
.fa-check-circle:before {content:"\f058"}
.fa-question-circle:before {content:"\f059"}
.fa-info-circle:before {content:"\f05a"}
.fa-crosshairs:before {content:"\f05b"}
.fa-times-circle-o:before {content:"\f05c"}
.fa-check-circle-o:before {content:"\f05d"}
.fa-ban:before {content:"\f05e"}
.fa-arrow-left:before {content:"\f060"}
.fa-arrow-right:before {content:"\f061"}
.fa-arrow-up:before {content:"\f062"}
.fa-arrow-down:before {content:"\f063"}
.fa-mail-forward:before,.fa-share:before {content:"\f064"}
.fa-expand:before {content:"\f065"}
.fa-compress:before {content:"\f066"}
.fa-plus:before {content:"\f067"}
.fa-minus:before {content:"\f068"}
.fa-asterisk:before {content:"\f069"}
.fa-exclamation-circle:before {content:"\f06a"}
.fa-gift:before {content:"\f06b"}
.fa-leaf:before {content:"\f06c"}
.fa-fire:before {content:"\f06d"}
.fa-eye:before {content:"\f06e"}
.fa-eye-slash:before {content:"\f070"}
.fa-warning:before,.fa-exclamation-triangle:before {content:"\f071"}
.fa-plane:before {content:"\f072"}
.fa-calendar:before {content:"\f073"}
.fa-random:before {content:"\f074"}
.fa-comment:before {content:"\f075"}
.fa-magnet:before {content:"\f076"}
.fa-chevron-up:before {content:"\f077"}
.fa-chevron-down:before {content:"\f078"}
.fa-retweet:before {content:"\f079"}
.fa-shopping-cart:before {content:"\f07a"}
.fa-folder:before {content:"\f07b"}
.fa-folder-open:before {content:"\f07c"}
.fa-arrows-v:before {content:"\f07d"}
.fa-arrows-h:before {content:"\f07e"}
.fa-bar-chart-o:before,.fa-bar-chart:before {content:"\f080"}
.fa-twitter-square:before {content:"\f081"}
.fa-facebook-square:before {content:"\f082"}
.fa-camera-retro:before {content:"\f083"}
.fa-key:before {content:"\f084"}
.fa-gears:before,.fa-cogs:before {content:"\f085"}
.fa-comments:before {content:"\f086"}
.fa-thumbs-o-up:before {content:"\f087"}
.fa-thumbs-o-down:before {content:"\f088"}
.fa-star-half:before {content:"\f089"}
.fa-heart-o:before {content:"\f08a"}
.fa-sign-out:before {content:"\f08b"}
.fa-linkedin-square:before {content:"\f08c"}
.fa-thumb-tack:before {content:"\f08d"}
.fa-external-link:before {content:"\f08e"}
.fa-sign-in:before {content:"\f090"}
.fa-trophy:before {content:"\f091"}
.fa-github-square:before {content:"\f092"}
.fa-upload:before {content:"\f093"}
.fa-lemon-o:before {content:"\f094"}
.fa-phone:before {content:"\f095"}
.fa-square-o:before {content:"\f096"}
.fa-bookmark-o:before {content:"\f097"}
.fa-phone-square:before {content:"\f098"}
.fa-twitter:before {content:"\f099"}
.fa-facebook-f:before,.fa-facebook:before {content:"\f09a"}
.fa-github:before {content:"\f09b"}
.fa-unlock:before {content:"\f09c"}
.fa-c#ff5c19it-card:before {content:"\f09d"}
.fa-feed:before,.fa-rss:before {content:"\f09e"}
.fa-hdd-o:before {content:"\f0a0"}
.fa-bullhorn:before {content:"\f0a1"}
.fa-bell:before {content:"\f0f3"}
.fa-certificate:before {content:"\f0a3"}
.fa-hand-o-right:before {content:"\f0a4"}
.fa-hand-o-left:before {content:"\f0a5"}
.fa-hand-o-up:before {content:"\f0a6"}
.fa-hand-o-down:before {content:"\f0a7"}
.fa-arrow-circle-left:before {content:"\f0a8"}
.fa-arrow-circle-right:before {content:"\f0a9"}
.fa-arrow-circle-up:before {content:"\f0aa"}
.fa-arrow-circle-down:before {content:"\f0ab"}
.fa-globe:before {content:"\f0ac"}
.fa-wrench:before {content:"\f0ad"}
.fa-tasks:before {content:"\f0ae"}
.fa-filter:before {content:"\f0b0"}
.fa-briefcase:before {content:"\f0b1"}
.fa-arrows-alt:before {content:"\f0b2"}
.fa-group:before,.fa-users:before {content:"\f0c0"}
.fa-chain:before,.fa-link:before {content:"\f0c1"}
.fa-cloud:before {content:"\f0c2"}
.fa-flask:before {content:"\f0c3"}
.fa-cut:before,.fa-scissors:before {content:"\f0c4"}
.fa-copy:before,.fa-files-o:before {content:"\f0c5"}
.fa-paperclip:before {content:"\f0c6"}
.fa-save:before,.fa-floppy-o:before {content:"\f0c7"}
.fa-square:before {content:"\f0c8"}
.fa-navicon:before,.fa-reorder:before,.fa-bars:before {content:"\f0c9"}
.fa-list-ul:before {content:"\f0ca"}
.fa-list-ol:before {content:"\f0cb"}
.fa-strikethrough:before {content:"\f0cc"}
.fa-underline:before {content:"\f0cd"}
.fa-table:before {content:"\f0ce"}
.fa-magic:before {content:"\f0d0"}
.fa-truck:before {content:"\f0d1"}
.fa-pinterest:before {content:"\f0d2"}
.fa-pinterest-square:before {content:"\f0d3"}
.fa-google-plus-square:before {content:"\f0d4"}
.fa-google-plus:before {content:"\f0d5"}
.fa-money:before {content:"\f0d6"}
.fa-caret-down:before {content:"\f0d7"}
.fa-caret-up:before {content:"\f0d8"}
.fa-caret-left:before {content:"\f0d9"}
.fa-caret-right:before {content:"\f0da"}
.fa-columns:before {content:"\f0db"}
.fa-unsorted:before,.fa-sort:before {content:"\f0dc"}
.fa-sort-down:before,.fa-sort-desc:before {content:"\f0dd"}
.fa-sort-up:before,.fa-sort-asc:before {content:"\f0de"}
.fa-envelope:before {content:"\f0e0"}
.fa-linkedin:before {content:"\f0e1"}
.fa-rotate-left:before,.fa-undo:before {content:"\f0e2"}
.fa-legal:before,.fa-gavel:before {content:"\f0e3"}
.fa-dashboard:before,.fa-tachometer:before {content:"\f0e4"}
.fa-comment-o:before {content:"\f0e5"}
.fa-comments-o:before {content:"\f0e6"}
.fa-flash:before,.fa-bolt:before {content:"\f0e7"}
.fa-sitemap:before {content:"\f0e8"}
.fa-umbrella:before {content:"\f0e9"}
.fa-paste:before,.fa-clipboard:before {content:"\f0ea"}
.fa-lightbulb-o:before {content:"\f0eb"}
.fa-exchange:before {content:"\f0ec"}
.fa-cloud-download:before {content:"\f0ed"}
.fa-cloud-upload:before {content:"\f0ee"}
.fa-user-md:before {content:"\f0f0"}
.fa-stethoscope:before {content:"\f0f1"}
.fa-suitcase:before {content:"\f0f2"}
.fa-bell-o:before {content:"\f0a2"}
.fa-coffee:before {content:"\f0f4"}
.fa-cutlery:before {content:"\f0f5"}
.fa-file-text-o:before {content:"\f0f6"}
.fa-building-o:before {content:"\f0f7"}
.fa-hospital-o:before {content:"\f0f8"}
.fa-ambulance:before {content:"\f0f9"}
.fa-medkit:before {content:"\f0fa"}
.fa-fighter-jet:before {content:"\f0fb"}
.fa-beer:before {content:"\f0fc"}
.fa-h-square:before {content:"\f0fd"}
.fa-plus-square:before {content:"\f0fe"}
.fa-angle-double-left:before {content:"\f100"}
.fa-angle-double-right:before {content:"\f101"}
.fa-angle-double-up:before {content:"\f102"}
.fa-angle-double-down:before {content:"\f103"}
.fa-angle-left:before {content:"\f104"}
.fa-angle-right:before {content:"\f105"}
.fa-angle-up:before {content:"\f106"}
.fa-angle-down:before {content:"\f107"}
.fa-desktop:before {content:"\f108"}
.fa-laptop:before {content:"\f109"}
.fa-tablet:before {content:"\f10a"}
.fa-mobile-phone:before,.fa-mobile:before {content:"\f10b"}
.fa-circle-o:before {content:"\f10c"}
.fa-quote-left:before {content:"\f10d"}
.fa-quote-right:before {content:"\f10e"}
.fa-spinner:before {content:"\f110"}
.fa-circle:before {content:"\f111"}
.fa-mail-reply:before,.fa-reply:before {content:"\f112"}
.fa-github-alt:before {content:"\f113"}
.fa-folder-o:before {content:"\f114"}
.fa-folder-open-o:before {content:"\f115"}
.fa-smile-o:before {content:"\f118"}
.fa-frown-o:before {content:"\f119"}
.fa-meh-o:before {content:"\f11a"}
.fa-gamepad:before {content:"\f11b"}
.fa-keyboard-o:before {content:"\f11c"}
.fa-flag-o:before {content:"\f11d"}
.fa-flag-checke#ff5c19:before {content:"\f11e"}
.fa-terminal:before {content:"\f120"}
.fa-code:before {content:"\f121"}
.fa-mail-reply-all:before,.fa-reply-all:before {content:"\f122"}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {content:"\f123"}
.fa-location-arrow:before {content:"\f124"}
.fa-crop:before {content:"\f125"}
.fa-code-fork:before {content:"\f126"}
.fa-unlink:before,.fa-chain-broken:before {content:"\f127"}
.fa-question:before {content:"\f128"}
.fa-info:before {content:"\f129"}
.fa-exclamation:before {content:"\f12a"}
.fa-superscript:before {content:"\f12b"}
.fa-subscript:before {content:"\f12c"}
.fa-eraser:before {content:"\f12d"}
.fa-puzzle-piece:before {content:"\f12e"}
.fa-microphone:before {content:"\f130"}
.fa-microphone-slash:before {content:"\f131"}
.fa-shield:before {content:"\f132"}
.fa-calendar-o:before {content:"\f133"}
.fa-fire-extinguisher:before {content:"\f134"}
.fa-rocket:before {content:"\f135"}
.fa-maxcdn:before {content:"\f136"}
.fa-chevron-circle-left:before {content:"\f137"}
.fa-chevron-circle-right:before {content:"\f138"}
.fa-chevron-circle-up:before {content:"\f139"}
.fa-chevron-circle-down:before {content:"\f13a"}
.fa-html5:before {content:"\f13b"}
.fa-css3:before {content:"\f13c"}
.fa-anchor:before {content:"\f13d"}
.fa-unlock-alt:before {content:"\f13e"}
.fa-bullseye:before {content:"\f140"}
.fa-ellipsis-h:before {content:"\f141"}
.fa-ellipsis-v:before {content:"\f142"}
.fa-rss-square:before {content:"\f143"}
.fa-play-circle:before {content:"\f144"}
.fa-ticket:before {content:"\f145"}
.fa-minus-square:before {content:"\f146"}
.fa-minus-square-o:before {content:"\f147"}
.fa-level-up:before {content:"\f148"}
.fa-level-down:before {content:"\f149"}
.fa-check-square:before {content:"\f14a"}
.fa-pencil-square:before {content:"\f14b"}
.fa-external-link-square:before {content:"\f14c"}
.fa-share-square:before {content:"\f14d"}
.fa-compass:before {content:"\f14e"}
.fa-toggle-down:before,.fa-caret-square-o-down:before {content:"\f150"}
.fa-toggle-up:before,.fa-caret-square-o-up:before {content:"\f151"}
.fa-toggle-right:before,.fa-caret-square-o-right:before {content:"\f152"}
.fa-euro:before,.fa-eur:before {content:"\f153"}
.fa-gbp:before {content:"\f154"}
.fa-dollar:before,.fa-usd:before {content:"\f155"}
.fa-rupee:before,.fa-inr:before {content:"\f156"}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before {content:"\f157"}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before {content:"\f158"}
.fa-won:before,.fa-krw:before {content:"\f159"}
.fa-bitcoin:before,.fa-btc:before {content:"\f15a"}
.fa-file:before {content:"\f15b"}
.fa-file-text:before {content:"\f15c"}
.fa-sort-alpha-asc:before {content:"\f15d"}
.fa-sort-alpha-desc:before {content:"\f15e"}
.fa-sort-amount-asc:before {content:"\f160"}
.fa-sort-amount-desc:before {content:"\f161"}
.fa-sort-numeric-asc:before {content:"\f162"}
.fa-sort-numeric-desc:before {content:"\f163"}
.fa-thumbs-up:before {content:"\f164"}
.fa-thumbs-down:before {content:"\f165"}
.fa-youtube-square:before {content:"\f166"}
.fa-youtube:before {content:"\f167"}
.fa-xing:before {content:"\f168"}
.fa-xing-square:before {content:"\f169"}
.fa-youtube-play:before {content:"\f16a"}
.fa-dropbox:before {content:"\f16b"}
.fa-stack-overflow:before {content:"\f16c"}
.fa-instagram:before {content:"\f16d"}
.fa-flickr:before {content:"\f16e"}
.fa-adn:before {content:"\f170"}
.fa-bitbucket:before {content:"\f171"}
.fa-bitbucket-square:before {content:"\f172"}
.fa-tumblr:before {content:"\f173"}
.fa-tumblr-square:before {content:"\f174"}
.fa-long-arrow-down:before {content:"\f175"}
.fa-long-arrow-up:before {content:"\f176"}
.fa-long-arrow-left:before {content:"\f177"}
.fa-long-arrow-right:before {content:"\f178"}
.fa-apple:before {content:"\f179"}
.fa-windows:before {content:"\f17a"}
.fa-android:before {content:"\f17b"}
.fa-linux:before {content:"\f17c"}
.fa-dribbble:before {content:"\f17d"}
.fa-skype:before {content:"\f17e"}
.fa-foursquare:before {content:"\f180"}
.fa-trello:before {content:"\f181"}
.fa-female:before {content:"\f182"}
.fa-male:before {content:"\f183"}
.fa-gittip:before,.fa-gratipay:before {content:"\f184"}
.fa-sun-o:before {content:"\f185"}
.fa-moon-o:before {content:"\f186"}
.fa-archive:before {content:"\f187"}
.fa-bug:before {content:"\f188"}
.fa-vk:before {content:"\f189"}
.fa-weibo:before {content:"\f18a"}
.fa-renren:before {content:"\f18b"}
.fa-pagelines:before {content:"\f18c"}
.fa-stack-exchange:before {content:"\f18d"}
.fa-arrow-circle-o-right:before {content:"\f18e"}
.fa-arrow-circle-o-left:before {content:"\f190"}
.fa-toggle-left:before,.fa-caret-square-o-left:before {content:"\f191"}
.fa-dot-circle-o:before {content:"\f192"}
.fa-wheelchair:before {content:"\f193"}
.fa-vimeo-square:before {content:"\f194"}
.fa-turkish-lira:before,.fa-try:before {content:"\f195"}
.fa-plus-square-o:before {content:"\f196"}
.fa-space-shuttle:before {content:"\f197"}
.fa-slack:before {content:"\f198"}
.fa-envelope-square:before {content:"\f199"}
.fa-wordpress:before {content:"\f19a"}
.fa-openid:before {content:"\f19b"}
.fa-institution:before,.fa-bank:before,.fa-university:before {content:"\f19c"}
.fa-mortar-board:before,.fa-graduation-cap:before {content:"\f19d"}
.fa-yahoo:before {content:"\f19e"}
.fa-google:before {content:"\f1a0"}
.fa-#ff5c19dit:before {content:"\f1a1"}
.fa-#ff5c19dit-square:before {content:"\f1a2"}
.fa-stumbleupon-circle:before {content:"\f1a3"}
.fa-stumbleupon:before {content:"\f1a4"}
.fa-delicious:before {content:"\f1a5"}
.fa-digg:before {content:"\f1a6"}
.fa-pied-piper-pp:before {content:"\f1a7"}
.fa-pied-piper-alt:before {content:"\f1a8"}
.fa-drupal:before {content:"\f1a9"}
.fa-joomla:before {content:"\f1aa"}
.fa-language:before {content:"\f1ab"}
.fa-fax:before {content:"\f1ac"}
.fa-building:before {content:"\f1ad"}
.fa-child:before {content:"\f1ae"}
.fa-paw:before {content:"\f1b0"}
.fa-spoon:before {content:"\f1b1"}
.fa-cube:before {content:"\f1b2"}
.fa-cubes:before {content:"\f1b3"}
.fa-behance:before {content:"\f1b4"}
.fa-behance-square:before {content:"\f1b5"}
.fa-steam:before {content:"\f1b6"}
.fa-steam-square:before {content:"\f1b7"}
.fa-recycle:before {content:"\f1b8"}
.fa-automobile:before,.fa-car:before {content:"\f1b9"}
.fa-cab:before,.fa-taxi:before {content:"\f1ba"}
.fa-tree:before {content:"\f1bb"}
.fa-spotify:before {content:"\f1bc"}
.fa-deviantart:before {content:"\f1bd"}
.fa-soundcloud:before {content:"\f1be"}
.fa-database:before {content:"\f1c0"}
.fa-file-pdf-o:before {content:"\f1c1"}
.fa-file-word-o:before {content:"\f1c2"}
.fa-file-excel-o:before {content:"\f1c3"}
.fa-file-powerpoint-o:before {content:"\f1c4"}
.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before {content:"\f1c5"}
.fa-file-zip-o:before,.fa-file-archive-o:before {content:"\f1c6"}
.fa-file-sound-o:before,.fa-file-audio-o:before {content:"\f1c7"}
.fa-file-movie-o:before,.fa-file-video-o:before {content:"\f1c8"}
.fa-file-code-o:before {content:"\f1c9"}
.fa-vine:before {content:"\f1ca"}
.fa-codepen:before {content:"\f1cb"}
.fa-jsfiddle:before {content:"\f1cc"}
.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before {content:"\f1cd"}
.fa-circle-o-notch:before {content:"\f1ce"}
.fa-ra:before,.fa-resistance:before,.fa-rebel:before {content:"\f1d0"}
.fa-ge:before,.fa-empire:before {content:"\f1d1"}
.fa-git-square:before {content:"\f1d2"}
.fa-git:before {content:"\f1d3"}
.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before {content:"\f1d4"}
.fa-tencent-weibo:before {content:"\f1d5"}
.fa-qq:before {content:"\f1d6"}
.fa-wechat:before,.fa-weixin:before {content:"\f1d7"}
.fa-send:before,.fa-paper-plane:before {content:"\f1d8"}
.fa-send-o:before,.fa-paper-plane-o:before {content:"\f1d9"}
.fa-history:before {content:"\f1da"}
.fa-circle-thin:before {content:"\f1db"}
.fa-header:before {content:"\f1dc"}
.fa-paragraph:before {content:"\f1dd"}
.fa-sliders:before {content:"\f1de"}
.fa-share-alt:before {content:"\f1e0"}
.fa-share-alt-square:before {content:"\f1e1"}
.fa-bomb:before {content:"\f1e2"}
.fa-soccer-ball-o:before,.fa-futbol-o:before {content:"\f1e3"}
.fa-tty:before {content:"\f1e4"}
.fa-binoculars:before {content:"\f1e5"}
.fa-plug:before {content:"\f1e6"}
.fa-slideshare:before {content:"\f1e7"}
.fa-twitch:before {content:"\f1e8"}
.fa-yelp:before {content:"\f1e9"}
.fa-newspaper-o:before {content:"\f1ea"}
.fa-wifi:before {content:"\f1eb"}
.fa-calculator:before {content:"\f1ec"}
.fa-paypal:before {content:"\f1ed"}
.fa-google-wallet:before {content:"\f1ee"}
.fa-cc-visa:before {content:"\f1f0"}
.fa-cc-mastercard:before {content:"\f1f1"}
.fa-cc-discover:before {content:"\f1f2"}
.fa-cc-amex:before {content:"\f1f3"}
.fa-cc-paypal:before {content:"\f1f4"}
.fa-cc-stripe:before {content:"\f1f5"}
.fa-bell-slash:before {content:"\f1f6"}
.fa-bell-slash-o:before {content:"\f1f7"}
.fa-trash:before {content:"\f1f8"}
.fa-copyright:before {content:"\f1f9"}
.fa-at:before {content:"\f1fa"}
.fa-eyedropper:before {content:"\f1fb"}
.fa-paint-brush:before {content:"\f1fc"}
.fa-birthday-cake:before {content:"\f1fd"}
.fa-area-chart:before {content:"\f1fe"}
.fa-pie-chart:before {content:"\f200"}
.fa-line-chart:before {content:"\f201"}
.fa-lastfm:before {content:"\f202"}
.fa-lastfm-square:before {content:"\f203"}
.fa-toggle-off:before {content:"\f204"}
.fa-toggle-on:before {content:"\f205"}
.fa-bicycle:before {content:"\f206"}
.fa-bus:before {content:"\f207"}
.fa-ioxhost:before {content:"\f208"}
.fa-angellist:before {content:"\f209"}
.fa-cc:before {content:"\f20a"}
.fa-shekel:before,.fa-sheqel:before,.fa-ils:before {content:"\f20b"}
.fa-meanpath:before {content:"\f20c"}
.fa-buysellads:before {content:"\f20d"}
.fa-connectdevelop:before {content:"\f20e"}
.fa-dashcube:before {content:"\f210"}
.fa-forumbee:before {content:"\f211"}
.fa-leanpub:before {content:"\f212"}
.fa-sellsy:before {content:"\f213"}
.fa-shirtsinbulk:before {content:"\f214"}
.fa-simplybuilt:before {content:"\f215"}
.fa-skyatlas:before {content:"\f216"}
.fa-cart-plus:before {content:"\f217"}
.fa-cart-arrow-down:before {content:"\f218"}
.fa-diamond:before {content:"\f219"}
.fa-ship:before {content:"\f21a"}
.fa-user-secret:before {content:"\f21b"}
.fa-motorcycle:before {content:"\f21c"}
.fa-street-view:before {content:"\f21d"}
.fa-heartbeat:before {content:"\f21e"}
.fa-venus:before {content:"\f221"}
.fa-mars:before {content:"\f222"}
.fa-mercury:before {content:"\f223"}
.fa-intersex:before,.fa-transgender:before {content:"\f224"}
.fa-transgender-alt:before {content:"\f225"}
.fa-venus-double:before {content:"\f226"}
.fa-mars-double:before {content:"\f227"}
.fa-venus-mars:before {content:"\f228"}
.fa-mars-stroke:before {content:"\f229"}
.fa-mars-stroke-v:before {content:"\f22a"}
.fa-mars-stroke-h:before {content:"\f22b"}
.fa-neuter:before {content:"\f22c"}
.fa-genderless:before {content:"\f22d"}
.fa-facebook-official:before {content:"\f230"}
.fa-pinterest-p:before {content:"\f231"}
.fa-whatsapp:before {content:"\f232"}
.fa-server:before {content:"\f233"}
.fa-user-plus:before {content:"\f234"}
.fa-user-times:before {content:"\f235"}
.fa-hotel:before,.fa-bed:before {content:"\f236"}
.fa-viacoin:before {content:"\f237"}
.fa-train:before {content:"\f238"}
.fa-subway:before {content:"\f239"}
.fa-medium:before {content:"\f23a"}
.fa-yc:before,.fa-y-combinator:before {content:"\f23b"}
.fa-optin-monster:before {content:"\f23c"}
.fa-opencart:before {content:"\f23d"}
.fa-expeditedssl:before {content:"\f23e"}
.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before {content:"\f240"}
.fa-battery-3:before,.fa-battery-three-quarters:before {content:"\f241"}
.fa-battery-2:before,.fa-battery-half:before {content:"\f242"}
.fa-battery-1:before,.fa-battery-quarter:before {content:"\f243"}
.fa-battery-0:before,.fa-battery-empty:before {content:"\f244"}
.fa-mouse-pointer:before {content:"\f245"}
.fa-i-cursor:before {content:"\f246"}
.fa-object-group:before {content:"\f247"}
.fa-object-ungroup:before {content:"\f248"}
.fa-sticky-note:before {content:"\f249"}
.fa-sticky-note-o:before {content:"\f24a"}
.fa-cc-jcb:before {content:"\f24b"}
.fa-cc-diners-club:before {content:"\f24c"}
.fa-clone:before {content:"\f24d"}
.fa-balance-scale:before {content:"\f24e"}
.fa-hourglass-o:before {content:"\f250"}
.fa-hourglass-1:before,.fa-hourglass-start:before {content:"\f251"}
.fa-hourglass-2:before,.fa-hourglass-half:before {content:"\f252"}
.fa-hourglass-3:before,.fa-hourglass-end:before {content:"\f253"}
.fa-hourglass:before {content:"\f254"}
.fa-hand-grab-o:before,.fa-hand-rock-o:before {content:"\f255"}
.fa-hand-stop-o:before,.fa-hand-paper-o:before {content:"\f256"}
.fa-hand-scissors-o:before {content:"\f257"}
.fa-hand-lizard-o:before {content:"\f258"}
.fa-hand-spock-o:before {content:"\f259"}
.fa-hand-pointer-o:before {content:"\f25a"}
.fa-hand-peace-o:before {content:"\f25b"}
.fa-trademark:before {content:"\f25c"}
.fa-registe#ff5c19:before {content:"\f25d"}
.fa-creative-commons:before {content:"\f25e"}
.fa-gg:before {content:"\f260"}
.fa-gg-circle:before {content:"\f261"}
.fa-tripadvisor:before {content:"\f262"}
.fa-odnoklassniki:before {content:"\f263"}
.fa-odnoklassniki-square:before {content:"\f264"}
.fa-get-pocket:before {content:"\f265"}
.fa-wikipedia-w:before {content:"\f266"}
.fa-safari:before {content:"\f267"}
.fa-chrome:before {content:"\f268"}
.fa-firefox:before {content:"\f269"}
.fa-opera:before {content:"\f26a"}
.fa-internet-explorer:before {content:"\f26b"}
.fa-tv:before,.fa-television:before {content:"\f26c"}
.fa-contao:before {content:"\f26d"}
.fa-500px:before {content:"\f26e"}
.fa-amazon:before {content:"\f270"}
.fa-calendar-plus-o:before {content:"\f271"}
.fa-calendar-minus-o:before {content:"\f272"}
.fa-calendar-times-o:before {content:"\f273"}
.fa-calendar-check-o:before {content:"\f274"}
.fa-industry:before {content:"\f275"}
.fa-map-pin:before {content:"\f276"}
.fa-map-signs:before {content:"\f277"}
.fa-map-o:before {content:"\f278"}
.fa-map:before {content:"\f279"}
.fa-commenting:before {content:"\f27a"}
.fa-commenting-o:before {content:"\f27b"}
.fa-houzz:before {content:"\f27c"}
.fa-vimeo:before {content:"\f27d"}
.fa-black-tie:before {content:"\f27e"}
.fa-fonticons:before {content:"\f280"}
.fa-#ff5c19dit-alien:before {content:"\f281"}
.fa-edge:before {content:"\f282"}
.fa-c#ff5c19it-card-alt:before {content:"\f283"}
.fa-codiepie:before {content:"\f284"}
.fa-modx:before {content:"\f285"}
.fa-fort-awesome:before {content:"\f286"}
.fa-usb:before {content:"\f287"}
.fa-product-hunt:before {content:"\f288"}
.fa-mixcloud:before {content:"\f289"}
.fa-scribd:before {content:"\f28a"}
.fa-pause-circle:before {content:"\f28b"}
.fa-pause-circle-o:before {content:"\f28c"}
.fa-stop-circle:before {content:"\f28d"}
.fa-stop-circle-o:before {content:"\f28e"}
.fa-shopping-bag:before {content:"\f290"}
.fa-shopping-basket:before {content:"\f291"}
.fa-hashtag:before {content:"\f292"}
.fa-bluetooth:before {content:"\f293"}
.fa-bluetooth-b:before {content:"\f294"}
.fa-percent:before {content:"\f295"}
.fa-gitlab:before {content:"\f296"}
.fa-wpbeginner:before {content:"\f297"}
.fa-wpforms:before {content:"\f298"}
.fa-envira:before {content:"\f299"}
.fa-universal-access:before {content:"\f29a"}
.fa-wheelchair-alt:before {content:"\f29b"}
.fa-question-circle-o:before {content:"\f29c"}
.fa-blind:before {content:"\f29d"}
.fa-audio-description:before {content:"\f29e"}
.fa-volume-control-phone:before {content:"\f2a0"}
.fa-braille:before {content:"\f2a1"}
.fa-assistive-listening-systems:before {content:"\f2a2"}
.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before {content:"\f2a3"}
.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before {content:"\f2a4"}
.fa-glide:before {content:"\f2a5"}
.fa-glide-g:before {content:"\f2a6"}
.fa-signing:before,.fa-sign-language:before {content:"\f2a7"}
.fa-low-vision:before {content:"\f2a8"}
.fa-viadeo:before {content:"\f2a9"}
.fa-viadeo-square:before {content:"\f2aa"}
.fa-snapchat:before {content:"\f2ab"}
.fa-snapchat-ghost:before {content:"\f2ac"}
.fa-snapchat-square:before {content:"\f2ad"}
.fa-pied-piper:before {content:"\f2ae"}
.fa-first-order:before {content:"\f2b0"}
.fa-yoast:before {content:"\f2b1"}
.fa-themeisle:before {content:"\f2b2"}
.fa-google-plus-circle:before,.fa-google-plus-official:before {content:"\f2b3"}
.fa-fa:before,.fa-font-awesome:before {content:"\f2b4"}
.fa-handshake-o:before {content:"\f2b5"}
.fa-envelope-open:before {content:"\f2b6"}
.fa-envelope-open-o:before {content:"\f2b7"}
.fa-linode:before {content:"\f2b8"}
.fa-address-book:before {content:"\f2b9"}
.fa-address-book-o:before {content:"\f2ba"}
.fa-vcard:before,.fa-address-card:before {content:"\f2bb"}
.fa-vcard-o:before,.fa-address-card-o:before {content:"\f2bc"}
.fa-user-circle:before {content:"\f2bd"}
.fa-user-circle-o:before {content:"\f2be"}
.fa-user-o:before {content:"\f2c0"}
.fa-id-badge:before {content:"\f2c1"}
.fa-drivers-license:before,.fa-id-card:before {content:"\f2c2"}
.fa-drivers-license-o:before,.fa-id-card-o:before {content:"\f2c3"}
.fa-quora:before {content:"\f2c4"}
.fa-free-code-camp:before {content:"\f2c5"}
.fa-telegram:before {content:"\f2c6"}
.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before {content:"\f2c7"}
.fa-thermometer-3:before,.fa-thermometer-three-quarters:before {content:"\f2c8"}
.fa-thermometer-2:before,.fa-thermometer-half:before {content:"\f2c9"}
.fa-thermometer-1:before,.fa-thermometer-quarter:before {content:"\f2ca"}
.fa-thermometer-0:before,.fa-thermometer-empty:before {content:"\f2cb"}
.fa-shower:before {content:"\f2cc"}
.fa-bathtub:before,.fa-s15:before,.fa-bath:before {content:"\f2cd"}
.fa-podcast:before {content:"\f2ce"}
.fa-window-maximize:before {content:"\f2d0"}
.fa-window-minimize:before {content:"\f2d1"}
.fa-window-restore:before {content:"\f2d2"}
.fa-times-rectangle:before,.fa-window-close:before {content:"\f2d3"}
.fa-times-rectangle-o:before,.fa-window-close-o:before {content:"\f2d4"}
.fa-bandcamp:before {content:"\f2d5"}
.fa-grav:before {content:"\f2d6"}
.fa-etsy:before {content:"\f2d7"}
.fa-imdb:before {content:"\f2d8"}
.fa-ravelry:before {content:"\f2d9"}
.fa-eercast:before {content:"\f2da"}
.fa-microchip:before {content:"\f2db"}
.fa-snowflake-o:before {content:"\f2dc"}
.fa-superpowers:before {content:"\f2dd"}
.fa-wpexplorer:before {content:"\f2de"}
.fa-meetup:before {content:"\f2e0"}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus {position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
/*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite {-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge {-webkit-animation-duration:2s;animation-duration:2s}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounce {0%,20%,53%,80%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}
40%,43% {-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
40%,43%,70% {-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
70% {-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90% {-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce {0%,20%,53%,80%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}
40%,43% {-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
40%,43%,70% {-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
70% {-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90% {-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
.bounce {-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash {0%,50%,to {opacity:1}
25%,75% {opacity:0}
}
@keyframes flash {0%,50%,to {opacity:1}
25%,75% {opacity:0}
}
.flash {-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse {0% {-webkit-transform:scaleX(1);transform:scaleX(1)}
50% {-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to {-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes pulse {0% {-webkit-transform:scaleX(1);transform:scaleX(1)}
50% {-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to {-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.pulse {-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand {0% {-webkit-transform:scaleX(1);transform:scaleX(1)}
30% {-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40% {-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50% {-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65% {-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75% {-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to {-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes rubberBand {0% {-webkit-transform:scaleX(1);transform:scaleX(1)}
30% {-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40% {-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50% {-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65% {-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75% {-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to {-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.rubberBand {-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake {0%,to {-webkit-transform:translateZ(0);transform:translateZ(0)}
10%,30%,50%,70%,90% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake {0%,to {-webkit-transform:translateZ(0);transform:translateZ(0)}
10%,30%,50%,70%,90% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake {-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes headShake {0% {-webkit-transform:translateX(0);transform:translateX(0)}
6.5% {-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5% {-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5% {-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5% {-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50% {-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake {0% {-webkit-transform:translateX(0);transform:translateX(0)}
6.5% {-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5% {-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5% {-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5% {-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50% {-webkit-transform:translateX(0);transform:translateX(0)}
}
.headShake {-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
@-webkit-keyframes swing {20% {-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40% {-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60% {-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80% {-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
to {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes swing {20% {-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40% {-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60% {-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80% {-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
to {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
.swing {-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada {0% {-webkit-transform:scaleX(1);transform:scaleX(1)}
10%,20% {-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}
30%,50%,70%,90% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
40%,60%,80% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
to {-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes tada {0% {-webkit-transform:scaleX(1);transform:scaleX(1)}
10%,20% {-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}
30%,50%,70%,90% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
40%,60%,80% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
to {-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.tada {-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble {0% {-webkit-transform:none;transform:none}
15% {-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}
30% {-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}
45% {-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}
60% {-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}
75% {-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}
to {-webkit-transform:none;transform:none}
}
@keyframes wobble {0% {-webkit-transform:none;transform:none}
15% {-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}
30% {-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}
45% {-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}
60% {-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}
75% {-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}
to {-webkit-transform:none;transform:none}
}
.wobble {-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello {0%,11.1%,to {-webkit-transform:none;transform:none}
22.2% {-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3% {-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4% {-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5% {-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6% {-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7% {-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8% {-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
@keyframes jello {0%,11.1%,to {-webkit-transform:none;transform:none}
22.2% {-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3% {-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4% {-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5% {-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6% {-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7% {-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8% {-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
.jello {-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes bounceIn {0%,20%,40%,60%,80%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20% {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60% {opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80% {-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to {opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes bounceIn {0%,20%,40%,60%,80%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20% {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60% {opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80% {-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to {opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.bounceIn {-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60% {opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to {-webkit-transform:none;transform:none}
}
@keyframes bounceInDown {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60% {opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to {-webkit-transform:none;transform:none}
}
.bounceInDown {-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60% {opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90% {-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to {-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60% {opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90% {-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to {-webkit-transform:none;transform:none}
}
.bounceInLeft {-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60% {opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90% {-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to {-webkit-transform:none;transform:none}
}
@keyframes bounceInRight {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60% {opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90% {-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to {-webkit-transform:none;transform:none}
}
.bounceInRight {-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90% {-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes bounceInUp {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90% {-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.bounceInUp {-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut {20% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55% {opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOut {20% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55% {opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
.bounceOut {-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown {20% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown {20% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown {-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft {20% {opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft {20% {opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft {-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight {20% {opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight {20% {opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight {-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp {20% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45% {opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp {20% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45% {opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp {-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn {0% {opacity:0}
to {opacity:1}
}
@keyframes fadeIn {0% {opacity:0}
to {opacity:1}
}
.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown {0% {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown {0% {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown {-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig {0% {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig {0% {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDownBig {-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig {0% {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBig {0% {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeftBig {-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight {0% {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight {0% {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig {0% {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBig {0% {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRightBig {-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {0% {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig {0% {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig {0% {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpBig {-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut {0% {opacity:1}
to {opacity:0}
}
@keyframes fadeOut {0% {opacity:1}
to {opacity:0}
}
.fadeOut {-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown {-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig {-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft {-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig {-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight {-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig {-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp {-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig {-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip {0% {-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}
0%,40% {-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40% {-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}
50% {-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}
50%,80% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80% {-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}
to {-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip {0% {-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}
0%,40% {-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40% {-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}
50% {-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}
50%,80% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80% {-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}
to {-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip {-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX {0% {-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
0%,40% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40% {-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}
60% {-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}
80% {-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}
to {-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX {0% {-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
0%,40% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40% {-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}
60% {-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}
80% {-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}
to {-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX {-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY {0% {-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
0%,40% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40% {-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}
60% {-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}
80% {-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
to {-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY {0% {-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
0%,40% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40% {-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}
60% {-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}
80% {-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
to {-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY {-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX {0% {-webkit-transform:perspective(400px);transform:perspective(400px)}
30% {-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}
to {-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
@keyframes flipOutX {0% {-webkit-transform:perspective(400px);transform:perspective(400px)}
30% {-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}
to {-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
.flipOutX {-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY {0% {-webkit-transform:perspective(400px);transform:perspective(400px)}
30% {-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}
to {-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
@keyframes flipOutY {0% {-webkit-transform:perspective(400px);transform:perspective(400px)}
30% {-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}
to {-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
.flipOutY {-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn {0% {-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60% {-webkit-transform:skewX(20deg);transform:skewX(20deg)}
60%,80% {opacity:1}
80% {-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}
to {-webkit-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn {0% {-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60% {-webkit-transform:skewX(20deg);transform:skewX(20deg)}
60%,80% {opacity:1}
80% {-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}
to {-webkit-transform:none;transform:none;opacity:1}
}
.lightSpeedIn {-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut {0% {opacity:1}
to {-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut {0% {opacity:1}
to {-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut {-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn {0% {transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
0%,to {-webkit-transform-origin:center}
to {transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn {0% {transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
0%,to {-webkit-transform-origin:center}
to {transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
.rotateIn {-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft {0% {transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownLeft {0% {transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownLeft {-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight {0% {transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownRight {0% {transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownRight {-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft {0% {transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpLeft {0% {transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpLeft {-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight {0% {transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpRight {0% {transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpRight {-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut {0% {transform-origin:center;opacity:1}
0%,to {-webkit-transform-origin:center}
to {transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
@keyframes rotateOut {0% {transform-origin:center;opacity:1}
0%,to {-webkit-transform-origin:center}
to {transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
.rotateOut {-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft {0% {transform-origin:left bottom;opacity:1}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
}
@keyframes rotateOutDownLeft {0% {transform-origin:left bottom;opacity:1}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
}
.rotateOutDownLeft {-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight {0% {transform-origin:right bottom;opacity:1}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
}
@keyframes rotateOutDownRight {0% {transform-origin:right bottom;opacity:1}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
}
.rotateOutDownRight {-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft {0% {transform-origin:left bottom;opacity:1}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
}
@keyframes rotateOutUpLeft {0% {transform-origin:left bottom;opacity:1}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
}
.rotateOutUpLeft {-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight {0% {transform-origin:right bottom;opacity:1}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
@keyframes rotateOutUpRight {0% {transform-origin:right bottom;opacity:1}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
.rotateOutUpRight {-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge {0% {transform-origin:top left}
0%,20%,60% {-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60% {-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}
40%,80% {-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to {-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@keyframes hinge {0% {transform-origin:top left}
0%,20%,60% {-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60% {-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}
40%,80% {-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to {-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
.hinge {-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}
to {opacity:1;-webkit-transform:none;transform:none}
}
.rollIn {-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}
}
@keyframes rollOut {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}
}
.rollOut {-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn {0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50% {opacity:1}
}
@keyframes zoomIn {0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50% {opacity:1}
}
.zoomIn {-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInDown {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInDown {-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInLeft {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInLeft {-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInRight {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInRight {-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInUp {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInUp {-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut {0% {opacity:1}
50% {-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%,to {opacity:0}
}
@keyframes zoomOut {0% {opacity:1}
50% {-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%,to {opacity:0}
}
.zoomOut {-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutDown {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutDown {-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to {opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to {opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft {-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to {opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to {opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight {-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutUp {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutUp {-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown {0% {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInDown {0% {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.slideInDown {-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {0% {-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInLeft {0% {-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.slideInLeft {-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight {0% {-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInRight {0% {-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.slideInRight {-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp {0% {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInUp {0% {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.slideInUp {-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.slideOutDown {-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes slideOutLeft {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.slideOutLeft {-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes slideOutRight {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.slideOutRight {-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.slideOutUp {-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
body.compensate-for-scrollbar {overflow:hidden}
.fancybox-active {height:auto}
.fancybox-is-hidden {left:-9999px;margin:0;position:absolute !important;top:-9999px;visibility:hidden}
.fancybox-container {-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}
.fancybox-container * {box-sizing:border-box}
.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage {bottom:0;left:0;position:absolute;right:0;top:0}
.fancybox-outer {-webkit-overflow-scrolling:touch;overflow-y:auto}
.fancybox-bg {background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}
.fancybox-is-open .fancybox-bg {opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button {direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}
.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button {opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}
.fancybox-infobar {color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fancybox-toolbar {right:0;top:0}
.fancybox-stage {direction:ltr;overflow:visible;-webkit-transform:translate3d(0,0,0);z-index:99994}
.fancybox-is-open .fancybox-stage {overflow:hidden}
.fancybox-slide {-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}
.fancybox-slide:before {content:'';display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next {display:block}
.fancybox-slide--next {z-index:99995}
.fancybox-slide--image {overflow:visible;padding:44px 0}
.fancybox-slide--image:before {display:none}
.fancybox-slide--html {padding:6px 6px 0}
.fancybox-slide--iframe {padding:44px 44px 0}
.fancybox-content {background:#333;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}
.fancybox-slide--image .fancybox-content {-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}
.fancybox-can-zoomOut .fancybox-content {cursor:-webkit-zoom-out;cursor:zoom-out}
.fancybox-can-zoomIn .fancybox-content {cursor:-webkit-zoom-in;cursor:zoom-in}
.fancybox-can-drag .fancybox-content {cursor:-webkit-grab;cursor:grab}
.fancybox-is-dragging .fancybox-content {cursor:-webkit-grabbing;cursor:grabbing}
.fancybox-container [data-selectable=true] {cursor:text}
.fancybox-image,.fancybox-spaceball {background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}
.fancybox-spaceball {z-index:1}
.fancybox-slide--html .fancybox-content {margin-bottom:6px}
.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--iframe .fancybox-content {height:100%;margin:0;overflow:visible;padding:0;width:100%}
.fancybox-slide--video .fancybox-content {background:#000}
.fancybox-slide--map .fancybox-content {background:#e5e3df}
.fancybox-slide--iframe .fancybox-content {background:#333;height:calc(100% - 44px);margin-bottom:44px}
.fancybox-video,.fancybox-iframe {background:0 0;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}
.fancybox-iframe {vertical-align:top}
.fancybox-error {background:#333;cursor:default;max-width:400px;padding:40px;width:100%}
.fancybox-error p {color:#444;font-size:16px;line-height:20px;margin:0;padding:0}
.fancybox-button {background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}
.fancybox-button,.fancybox-button:visited,.fancybox-button:link {color:#ccc}
.fancybox-button:focus,.fancybox-button:hover {color:#333}
.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover {color:#888;cursor:default}
.fancybox-button svg {display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}
.fancybox-button svg path {fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}
.fancybox-button--play svg path:nth-child(2) {display:none}
.fancybox-button--pause svg path:nth-child(1) {display:none}
.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path {fill:currentColor}
.fancybox-button--share svg path {stroke-width:1}
.fancybox-navigation .fancybox-button {height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}
.fancybox-show-nav .fancybox-navigation .fancybox-button {transition:opacity .25s,visibility 0s,color .25s}
.fancybox-navigation .fancybox-button:after {content:'';left:-25px;padding:50px;position:absolute;top:-25px}
.fancybox-navigation .fancybox-button--arrow_left {left:6px}
.fancybox-navigation .fancybox-button--arrow_right {right:6px}
.fancybox-close-small {background:0 0;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}
.fancybox-close-small svg {fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}
.fancybox-close-small:focus {outline:none}
.fancybox-close-small:hover svg {opacity:1}
.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small,.fancybox-slide--iframe .fancybox-close-small {color:#ccc;padding:5px;right:-12px;top:-44px}
.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg,.fancybox-slide--iframe .fancybox-close-small:hover svg {background:0 0;color:#333}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {display:none}
.fancybox-caption {bottom:0;color:#333;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}
.fancybox-caption:before {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:'';display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}
.fancybox-caption:after {border-bottom:1px solid rgba(255,255,255,.3);content:'';display:block;left:44px;position:absolute;right:44px;top:0}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {color:#ccc;text-decoration:none}
.fancybox-caption a:hover {color:#333;text-decoration:underline}
.fancybox-loading {-webkit-animation:fancybox-rotate .8s infinite linear;animation:fancybox-rotate .8s infinite linear;background:0 0;border:6px solid rgba(100,100,100,.5);border-radius:100%;border-top-color:#333;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}
@-webkit-keyframes fancybox-rotate {from {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to {-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fancybox-rotate {from {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to {-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
.fancybox-animated {transition-timing-function:cubic-bezier(0,0,.25,1)}
.fancybox-fx-slide.fancybox-slide--previous {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.fancybox-fx-slide.fancybox-slide--next {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.fancybox-fx-slide.fancybox-slide--current {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next {opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}
.fancybox-fx-fade.fancybox-slide--current {opacity:1}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--next {opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--current {opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.fancybox-fx-rotate.fancybox-slide--previous {opacity:0;-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg)}
.fancybox-fx-rotate.fancybox-slide--next {opacity:0;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.fancybox-fx-rotate.fancybox-slide--current {opacity:1;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
.fancybox-fx-circular.fancybox-slide--previous {opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}
.fancybox-fx-circular.fancybox-slide--next {opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}
.fancybox-fx-circular.fancybox-slide--current {opacity:1;-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0)}
.fancybox-fx-tube.fancybox-slide--previous {-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}
.fancybox-fx-tube.fancybox-slide--next {-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}
.fancybox-fx-tube.fancybox-slide--current {-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}
.fancybox-share {background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}
.fancybox-share h1 {color:#222;font-size:35px;font-weight:700;margin:0 0 20px}
.fancybox-share p {margin:0;padding:0}
.fancybox-share__button {border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}
.fancybox-share__button:visited,.fancybox-share__button:link {color:#333}
.fancybox-share__button:hover {text-decoration:none}
.fancybox-share__button--fb {background:#3b5998}
.fancybox-share__button--fb:hover {background:#344e86}
.fancybox-share__button--pt {background:#ff5c19}
.fancybox-share__button--pt:hover {background:#ff5c19}
.fancybox-share__button--tw {background:#1da1f2}
.fancybox-share__button--tw:hover {background:#0d95e8}
.fancybox-share__button svg {height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}
.fancybox-share__button svg path {fill:#333}
.fancybox-share__input {background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}
.fancybox-thumbs {background:#333;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}
.fancybox-thumbs-x {overflow-x:auto;overflow-y:hidden}
.fancybox-show-thumbs .fancybox-thumbs {display:block}
.fancybox-show-thumbs .fancybox-inner {right:212px}
.fancybox-thumbs>ul {font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}
.fancybox-thumbs-x>ul {overflow:hidden}
.fancybox-thumbs-y>ul::-webkit-scrollbar {width:7px}
.fancybox-thumbs-y>ul::-webkit-scrollbar-track {background:#333;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {background:#2a2a2a;border-radius:10px}
.fancybox-thumbs>ul>li {-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}
.fancybox-thumbs-loading {background:rgba(0,0,0,.1)}
.fancybox-thumbs>ul>li {background-position:center center;background-repeat:no-repeat;background-size:cover}
.fancybox-thumbs>ul>li:before {border:4px solid #4ea7f9;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}
.fancybox-thumbs .fancybox-thumbs-active:before {opacity:1}
@media all and (max-width:800px) {.fancybox-thumbs {width:110px}
.fancybox-show-thumbs .fancybox-inner {right:110px}
.fancybox-thumbs>ul>li {max-width:calc(100% - 10px)}
}
/*! * fullPage 3.0.4 * https://github.com/alvarotrigo/fullPage.js * * @license GPLv3 for open source use only * or Fullpage Commercial License for commercial use * http://alvarotrigo.com/fullPage/pricing/ * * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo */.fp-enabled body,html.fp-enabled {margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.fp-section {position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.fp-slide {float:left}
.fp-slide,.fp-slidesContainer {height:100%;display:block}
.fp-slides {z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.fp-section.fp-table,.fp-slide.fp-table {display:table;table-layout:fixed;width:100%}
.fp-tableCell {display:table-cell;vertical-align:middle;width:100%;height:100%;}
.fp-slidesContainer {float:left;position:relative}
.fp-controlArrow {-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.fp-controlArrow.fp-prev {left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #333 transparent transparent}
.fp-controlArrow.fp-next {right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #333}
.fp-scrollable {overflow:hidden;position:relative}
.fp-scroller {overflow:hidden}
.iScrollIndicator {border:0!important}
.fp-notransition {-webkit-transition:none!important;transition:none!important}
#fp-nav {position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}
#fp-nav.fp-right {right:17px}
#fp-nav.fp-left {left:17px}
.fp-slidesNav {position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}
.fp-slidesNav.fp-bottom {bottom:17px}
.fp-slidesNav.fp-top {top:17px}
#fp-nav ul,.fp-slidesNav ul {margin:0;padding:0}
#fp-nav ul li,.fp-slidesNav ul li {display:block;width:14px;height:13px;margin:7px;position:relative;}
.fp-slidesNav ul li {display:inline-block}
#fp-nav ul li a,.fp-slidesNav ul li a {display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span {height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%;}
#fp-nav ul li a span,.fp-slidesNav ul li a span {border-radius:50%;position:absolute;z-index:1;height:17px;width:17px;border:0;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span {width:10px;height:10px;margin:-5px 0 0 -5px}
#fp-nav ul li .fp-tooltip {position:absolute;top:-2px;color:#333;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip {-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}
#fp-nav ul li .fp-tooltip.fp-right {right:20px}
#fp-nav ul li .fp-tooltip.fp-left {left:20px}
.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section {height:auto!important}
.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section {height:auto!important}
.fp-sr-only {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.section,.fp-section,.fp-table,.active,.fp-completely {height:auto !important;}
/*# sourceMappingURL=fullpage.min.css.map */




.ysbox{ width:100%;height:auto;display:inline-block;margin-top:150px;}
.ysbox .yslist{ width:48%;margin-right:2%;float:left;margin-bottom:20px;}
.ysbox .yslist .ysnum img{ width:60px;height:auto;float:left;margin-right:10px;}
.ysbox .yslist .zi{ font-size:16px;color:#fff;width:calc(100% - 10px);height:72px;}
.ewm{ margin:50px 200px 0 0;}
.ewm h3{ font-size:18px;line-height:44px;}




/* nyban */
.nyban{ width:100%;height:auto;display:inline-block;position:relative;border-bottom:1px solid #ddd;}
.nyban .position{ position:absolute;bottom:0;width:96%;height:52px;line-height:52px;margin:0 2%;background:#fff;z-index:1;padding:0 50px;}
.nyban .position h4{ float:left;padding:0 20px;background:#8abc19;color:#fff;height:100%;margin:0;line-height:52px;}
.nyban .position p{ float:right;margin:0;}
.nyban .position p a{ color:#333;}
@media (max-width: 1920px) and (min-width: 1450px){
    .nyban .position {width: 90%;height: auto;margin: 0 5%;}
}

.nybox{ width:100%;height:auto;display:inline-block;margin:80px 0;}
.ableft h2{ font-weight:600;color:#fff;margin:80px 50px 20px;position:relative;}
.ableft h2::before{ content:"";position:absolute;left:0;bottom:-20px;width:36px;height:3px;background:#fff;}
.abnr h3{ font-weight:600;margin-bottom:30px;}
.abnr p{ text-indent:0;}
.tu{ width:100%;height:auto;}
.abzs{ width:100%;height:auto;display:inline-block;background:rgba(27,43,98,.05);padding:80px 0;}
.zs{ width:92%;height:auto;margin:0 4%;}

/* left-nav */  
.nav-pro>ul {border:none;background:rgba(0,0,0,.1);padding:0;margin-left:0;}
.nav-pro>ul>li {position:relative;border-bottom:1px solid #555;transition:.3s;background:#111;}
.nav-pro>ul>li>a {padding:2px 0 0 20px;display:block;transition:.3s;cursor:pointer;line-height:42px;}
.nav-pro>ul>li:hover>a {border-left:5px solid var(--base-color);background:#f5f5f5;}
.nav-pro>ul>li>i {position:absolute;right:6px;top:8px;font-size:24px;}
.nav-pro>ul>.active {border:none;}
.nav-pro>ul>.active>a {border-left:5px solid #f5f5f5;background:var(--base-color);display:block;}
.nav-pro>ul>.active>a:hover{ color:#333;}
.nav-pro>ul>li>a {color:#f5f5f5;font-size:16px;}
.nav-pro>ul>li>a:hover{ color:#333;}
.nav-pro>ul>li>ul>li>a {color:#555;padding:10px 5px;margin:0 10px;border-bottom:1px solid #ddd;display:block;font-size:15px;}
.nav-pro>ul>li>ul>.active {background:#333;}
.nav-pro>ul>li>ul>li>ul>li {padding-left:26px;}
.nav-pro>ul>li>ul>li>ul>li>a {color:#888;line-height:32px;width:92%;display:block;padding:0 0 0 8px;border-bottom:1px dotted #ddd;}
.submenu {display:none !important;}
.showsub .submenu {display:block !important;}
.sonmenu {display:none;}
.thumbnail { width:94%;margin:0 3% 40px;border:2px solid #ddd;border-radius:30px;padding:0;overflow:hidden;}
.thumbnail img { border-radius:30px;transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}
.thumbnail:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}

/* ny-product */
.nyproduct{ width:100%;height:auto;display:inline-block;padding:80px 0;background:rgba(27,43,98,.05);}
.nypbox{ width:96%;height:auto;margin:120px 0 0;display:flex;display:-webkit-flex;flex-flow:row wrap;margin-left:4%;}
.nypbox li{ width:30.333%;position:relative;overflow-x:hidden;margin:0 1.5% 40px;}
.nypbox li a{ width:100%;height:auto;display:inline-block;vertical-align:top;}
.tubox {width:100%;margin:0 auto;overflow:hidden;}
.tubox img { border-radius:30px;transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}
.tubox:hover img {transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);}
.nypbox li .pzi{ position:absolute;width:100%;height:100%;display:inline-block;background:rgba(255,92,25,.8);left:0;top:0;
    border-radius:30px;color:#fff;display:none;}
.nypbox li .pzi h3{ width:90%;height:auto;border-top:1px solid #fff;margin:40% 0 0 5%;padding:50px 0 0;font-size:18px;font-weight:600;}
.nypbox li:hover .pzi{ display:block;animation:slideRight 0.6s forwards;animation-name:slideRight;}
.nypbox li p{ color:#fff;line-height:46px;}

.nyright{ width:96%;margin-left:4%;}
.nypcanshu h3{ margin:0;}

.news ul li{ width:48%;}
.pagination{ margin:30px 0 0 !important;}

/* nylink */
.linkbox{ border:1px solid #fff;border-radius:20px;width:96%;margin:30px 2%;text-align:center;padding:50px 8px;
position:relative;z-index:1;box-shadow: 0 2px 20px rgb(44 91 149 / 14%);}
.linkbox i{ font-size:30px;margin-bottom:20px;color:var(--base-color);}
.linkbox ul li{ font-size:18px;line-height:32px;}
.map{ width:100%;height:auto;display:inline-block;}
.mapbox{ width:100%;height:auto;display:inline-block;background:#fff;}
.mapzi{ padding:60px 60px;}
.mapzi h5{ color:#333;font-size:20px;margin-bottom:42px;font-weight:600;}
.linktu{ border-right:20px solid #333;}
.mapzi .etu1{ width:50%;float:left;text-align:center;}
.mapzi .etu1{ display:block;text-align:center;}
.mapzi .etu1 p{ color:#333;}
.mabotnone{ margin-bottom:0;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ z-index:1;}

.nycontbg{ width:100%;height:auto;background:#333;display:inline-block;padding:240px 0 120px;color:#fff;}
.nytitle h2{ font-size:20px;text-transform:uppercase;}
.nytitle h1{ font-size:46px;margin:50px 0 100px;}
.cont9{ width:90%;max-width:1330px;margin:0 auto;}
.nytu .tupro{ width:100%;height:400px;display:inline-block;background: url(../images/tupro.jpg) no-repeat center bottom fixed;}
.nytu .tuabout{ width:100%;height:400px;display:inline-block;background: url(../images/about.jpg) no-repeat center bottom fixed;}
.nytu .tunews{ width:100%;height:400px;display:inline-block;background: url(../images/tunews.jpg) no-repeat center bottom fixed;}
.nytu .tudown{ width:100%;height:400px;display:inline-block;background: url(../images/tudown.jpg) no-repeat center bottom fixed;}
.nytu .tulink{ width:100%;height:400px;display:inline-block;background: url(../images/tulink.jpg) no-repeat center bottom fixed;}
.nytu .abnr{ margin:100px 0 0;}

.downlist h3{ margin:80px 0 30px;text-transform:uppercase;font-size:24px;}
.downbox { width:100%;height:auto;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;}
.downbox li{ width:48%;border-top:1px solid #666;border-bottom:1px solid #666;padding:20px;}
.downbox li p{ font-size:18px;}
.downbox li b{ float:right;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, 
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
  background:#ff5c19 !important;border-color:#ff5c19 !important;
}

.factory{ margin:80px 0 0;}
.factory h3{ font-size:24px;font-weight:600;text-align:center;position:relative;width:100%;}
.factory h3::before{ content:"";position:absolute;left:48%;top:50px;width:4%;height:3px;background:#fff;display:block;}
.cfbox{ margin:50px 0;width:100%;display:inline-block;height:auto;}
.cfbox .tuc1{ width:96%;margin:0 2% 20px;}
.cfbox .tuc2{ width:96%;margin:0 2%;}

.honor{ padding:30px 50px 0;}
.honor h4{ font-size:20px;font-weight:600;border-left:6px solid #ff5c19;padding-left:15px;}
.honor p{ color:#ddd;margin-left:22px;}

.top80{ margin-top:80px;}




@media all and (max-width:768px) {
  .videobox .imgbox .play img{ width:30px;max-width:30px;height:auto;}
  .ysbox{ margin-top:30px;}
  .ysbox .yslist{ width:100%;}
  #index-body .i-why{ margin-bottom:50px;}
  .newsbox{ margin-top:30px;}
  .nycontbg{ padding:100px 0;}
  .nytitle h2{ font-size:16px;}
  .nytitle h1{ font-size:26px;}
  .nypbox li{ width:100%;margin: 0 auto 20px;}
  .downbox li{ width:100%;}
  .linktu{ border:none;}
  .mapzi{ padding: 60px 30px;}
  .mapzi .etu1{ width:48%;margin:0 1%;}
}