*{padding:0;margin:0}
body{color:#ababab;font:12px/1.5 "Microsoft YaHei","宋体",Arial,Helvetica,sans-serif;background:#2b2b2b}
ul,li{list-style:none}
body.special-page {
    color: #ababab;
    font: 12px/1.5 "Microsoft YaHei", "宋体", Arial, Helvetica, sans-serif;
    background: #363636; /* 将背景颜色改为白色 */
}

img{border:none}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}
.clearfix{zoom:1}
.clear{clear:both}
.left{float:left}
.right{float:right}
.t_hide{text-indent:-999em;overflow:hidden}
.t_left{text-align:left !important}
.t_center{text-align:center !important}
.t_right{text-align:right !important}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
input,textarea{font-family:"Microsoft YaHei","宋体",Arial,Helvetica,sans-serif;outline:none}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none}
a:hover img{opacity:0.8;filter:Alpha(opacity=80);-ms-filter:"Alpha(opacity=80)"}
.hide{clip:rect(1px,1px,1px,1px);height:0;opacity:0;position:absolute;visibility:hidden;width:0}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}
.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.5)),to(transparent));background-image:-webkit-linear-gradient(right,rgba(0,0,0,0.5),transparent);background-image:-moz-linear-gradient(right,rgba(0,0,0,0.5),transparent);background-image:-o-linear-gradient(right,rgba(0,0,0,0.5),transparent);background-image:linear-gradient(to left,rgba(0,0,0,0.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(transparent));background-image:-webkit-linear-gradient(left,rgba(0,0,0,0.5),transparent);background-image:-moz-linear-gradient(left,rgba(0,0,0,0.5),transparent);background-image:-o-linear-gradient(left,rgba(0,0,0,0.5),transparent);background-image:linear-gradient(to right,rgba(0,0,0,0.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(transparent));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,0.5),transparent);background-image:-moz-linear-gradient(bottom,rgba(0,0,0,0.5),transparent);background-image:-o-linear-gradient(bottom,rgba(0,0,0,0.5),transparent);background-image:linear-gradient(to top,rgba(0,0,0,0.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(transparent));background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.5),transparent);background-image:-moz-linear-gradient(top,rgba(0,0,0,0.5),transparent);background-image:-o-linear-gradient(top,rgba(0,0,0,0.5),transparent);background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),transparent)}
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}
}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}
}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}@-webkit-keyframes fadeInMove{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInMove{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);-ms-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}@-webkit-keyframes fadeInMoveRight{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInMoveRight{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);-ms-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}@-webkit-keyframes bounce{0%,20%,53%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-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%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash{0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}@-webkit-keyframes zoomOut{0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
100%{opacity:0}
}@keyframes zoomOut{0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);-ms-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
100%{opacity:0}
}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
.wrapper{width:1200px;margin:0 auto;text-align:center;position:relative}
a{outline:none;-webkit-tap-highlight-color:transparent}
.section{width:100%;overflow:hidden}
.header{background:#303030;width:100%;padding:1px 0;z-index:111;position:relative}
.header h1{display:block}
.header h1 img{display:block;width:70px;height:80px}
.header .btn-menu{display:none}
.header .sns{position:absolute;right:0;top:25px}
.header .sns li{float:left;margin-left:5px;position:relative}
.header .sns li a{display:block}
.header .sns li a i{background:url(../image/icon_sns.png) no-repeat;width:30px;height:30px;display:block;opacity:.6}
.header .sns li a i.i1{background-position:0 0}
.header .sns li a i.i2{background-position:-30px 0}
.header .sns li a i.i3{background-position:-60px 0}
.header .sns li a i.i4{background-position:-90px 0}
.header .sns li a .qrcode{position:absolute;top:57px;left:0;box-shadow:0 0 10px rgba(0,0,0,0.2);display:none;opacity:1 !important}
.header .sns li a:hover i{opacity:1}
.header .sns li a:hover .qrcode{-webkit-animation:fadeInUp 0.3s ease;-moz-animation:fadeInUp 0.3s ease;animation:fadeInUp 0.3s ease;display:block}
.header .sns li a:active{-webkit-transform:scale(0.95,0.95)}
.nav{background:url(../image/nav_bg.jpg) no-repeat center top;height:62px;z-index:11}
.nav li{width:20%;float:left;position:relative;z-index:11}
.nav li a{display:block;line-height:62px;text-align:center;font-size:16px;color:#fff;overflow:hidden;position:relative}
.nav li a.n1{background:#000;color:#fff}
.nav li a.n1:hover{background:#fff;color:#000}
.nav li a.n2{background:#07a83d;color:#000}
.nav li a.n2:hover{background:#00f184;color:#000}
.nav li a.n3{background:#000;color:#fff}
.nav li a.n3:hover{background:#fff;color:#000}
.nav li a.n4{background:#00f184;color:#000}
.nav li a.n4:hover{background:#07a83d;color:#000}
.nav li a.n5{background:#ffffff;color:#000}
.nav li a.n5:hover{background:#000;color:#fff}
.nav li a:hover{color:#fff;transition:background-color .4s ease}
.nav li .submenu{position:absolute;left:0;top:62px;width:100%;display:none;z-index:11}
.nav li .submenu li{float:none;display:block;width:100%}
.nav li .submenu li a{background:#07a83d;font-size:14px;height:40px;line-height:40px}
.nav li .submenu li a:hover{background-color:#00f184}
.index-slider{width:100%;z-index:1;height:628px;overflow:hidden}
.index-slider .swiper-pagination-bullet-active{background:#07a83d}
.index-slider .swiper-slide{background-repeat:no-repeat;background-position:center top}
.index-slider .swiper-slide a{display:block;width:100%;margin:0 auto;max-width:1200px;height:100%;text-indent:-999em;overflow:hidden}
.index-slider.sub-slider{height:364px}
.feature{background:#2b2b2b;padding:36px 0}
.feature li{width:31.33%;padding-left:2%;float:left;text-align:left;color:#ababab;font-size:12px}
.feature li .icon{position:relative;width:90px;height:90px;display:block;float:left;border-radius:50%;margin-right:20px;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear}
.feature li .icon i{border:1px solid #363636;height:88px;width:88px;left:0px;position:absolute;z-index:1;top:0px;border-radius:50%;-webkit-transition:all 225ms cubic-bezier(0.4,0.25,0.14,1.73);-moz-transition:all 225ms cubic-bezier(0.4,0.25,0.14,1.73);-ms-transition:all 225ms cubic-bezier(0.4,0.25,0.14,1.73);-o-transition:all 225ms cubic-bezier(0.4,0.25,0.14,1.73);transition:all 225ms cubic-bezier(0.4,0.25,0.14,1.73)}
.feature li .icon:after{position:absolute;content:"";background:url(../image/icon_main.png) no-repeat;display:block;width:60px;height:60px;position:absolute;left:50%;top:50%;margin:-30px 0 0 -30px;opacity:.5}
.feature li .icon.i1{background:#363636}
.feature li .icon.i1:after{background-position:0 0}
.feature li .icon.i2{background:#363636}
.feature li .icon.i2:after{background-position:-60px 0}
.feature li .icon.i3{background:#363636}
.feature li .icon.i3:after{background-position:-120px 0}
.feature li .icon:hover.i1{background:#07a83d}
.feature li .icon:hover.i1 i{border-color:#07a83d}
.feature li .icon:hover.i2{background:#eeb074}
.feature li .icon:hover.i2 i{border-color:#eeb074}
.feature li .icon:hover.i3{background:#65adb3}
.feature li .icon:hover.i3 i{border-color:#65adb3}
.feature li .icon:hover i{-webkit-transform:scale(1.18);-moz-transform:scale(1.18);-ms-transform:scale(1.18);-o-transform:scale(1.18);transform:scale(1.18)}
.feature li .icon:hover:after{opacity:1}
.feature li h4{font-size:18px;margin-top:20px}
.footer{background:#161616;padding:10px 0;text-align:center;font-size:12px;color:#bababa}
.works{padding:3% 0 5%}
.works .wrapper{width:90%}
.works h2{padding-bottom:10px;border-bottom:1px solid #4f4f4f;color:#07a83d;font-size:20px;font-weight:normal;line-height:1.2;margin-bottom:20px;text-align:left;text-transform:uppercase;margin-top:20px}
.works li{width:25%;float:left;overflow:hidden}
.works li a{display:block;overflow:hidden;position:relative}
.works li a img{width:100%;display:block;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.works li a span{display:inline-block;position:absolute;left:50%;top:50%;border:2px solid #fff;padding:6px 20px;color:#fff;font-size:14px;white-space:nowrap;z-index:2;opacity:0;-webkit-transform:translate(-50%,400%);-moz-transform:translate(-50%,400%);-ms-transform:translate(-50%,400%);-o-transform:translate(-50%,400%);transform:translate(-50%,400%);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.works li a:after{content:"";background:rgba(0,0,0,0.5);position:absolute;z-index:1;height:100%;position:absolute;width:100%;left:50%;top:50%;border-radius:50%;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
.works li a:hover img,.works li a.active img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.works li a:hover span,.works li a.active span{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}
.works li a:hover:after,.works li a.active:after{-webkit-transform:scale(3,3);-moz-transform:scale(3,3);-ms-transform:scale(3,3);-o-transform:scale(3,3);transform:scale(3,3)}
.joinus{padding:3% 0}
.joinus h2{padding-bottom:10px;border-bottom:1px solid #4f4f4f;color:#07a83d;font-size:20px;font-weight:normal;line-height:1.2;margin-bottom:20px;text-align:left;text-transform:uppercase}
.joinus li{width:32%;float:left;overflow:hidden;position:relative;cursor:pointer;margin:0 2% 2% 0}
.joinus li:nth-child(3n){margin-right:0}
.joinus li a{display:block}
.joinus li a .con{border:3px solid #07a83d;padding:25px 10px;border-radius:8px;color:#07a83d;font-size:12px}
.joinus li a .con h4{font-size:16px;font-weight:bold}
.joinus li a .con .icon{width:80px;height:65px;margin:0 auto 10px;border-radius:50%;border:2px solid #07a83d;padding-top:15px}
.joinus li a .con .icon img{width:50px;height:50px}
.joinus li a .detail{position:absolute;left:0;top:0;width:100%;height:100%;background:#ac3b48;color:#fff;text-align:left;border-radius:8px;display:none}
.joinus li a .detail .info{padding:40px 10% 30px;font-size:14px;position:relative}
.joinus li a .detail .info:before{content:"";width:15%;height:2px;background:#fff;position:absolute;left:10%;top:30px}
.joinus li a:hover .detail{display:block}
.addrcon{width:400px;margin:0 auto;text-align:left}
.addrcon li{border-top:1px solid #666;height:30px;line-height:30px;color:#aeaeae}
.addrcon li i{background:url(../image/icon_addr.png) no-repeat;width:30px;height:30px;vertical-align:top;display:inline-block}
.addrcon li i.i1{background-position:0 0}
.addrcon li i.i2{background-position:-30px 0}
.addrcon li i.i3{background-position:-60px 0}
.addrcon li i.i4{background-position:-90px 0}
.addrcon li i.i5{background-position:-120px 0}
.contact{margin-bottom:5%}
.contact .wrapper{background:url(../image/contact_bg.png) no-repeat center top;border-top:3px solid #07a83d;padding:15px 0}
.contact .wrapper h3{font-size:20px;font-weight:normal;text-transform:uppercase;color:#aeaeae;text-align:left;width:400px;margin:0 auto 10px}
.contactus{padding:3% 0}
.contactus h2{padding-bottom:10px;border-bottom:1px solid #4f4f4f;color:#07a83d;font-size:20px;font-weight:normal;line-height:1.2;margin-bottom:20px;text-align:left;text-transform:uppercase}
.contactus .cl{float:left;width:320px;position:relative}
.contactus .cl .qrcode{width:110px;float:left}
.contactus .cl .qrcode img{width:110px;display:block;margin-bottom:5px}
.contactus .cl .qrcode2{position:absolute;display:none;left:120px;bottom:80px;width:110px;text-align:center;-webkit-animation:fadeInDown 0.3s ease;-moz-animation:fadeInDown 0.3s ease;animation:fadeInDown 0.3s ease}
.contactus .cl .qrcode2 img{width:100%;display:block}
.contactus .sns{float:left;padding-top:60px}
.contactus .sns li{float:left;margin-left:10px}
.contactus .sns li a{width:56px;height:46px;padding-top:10px;background:#07a83d;border-radius:50%;display:block;transition:all .2s}
.contactus .sns li a i{background:url(../image/icon_sns2.png) no-repeat;width:30px;height:30px;display:block;margin:0 auto}
.contactus .sns li a i.i1{background-position:0 0}
.contactus .sns li a i.i2{background-position:-30px 0}
.contactus .sns li a i.i3{background-position:-60px 0}
.contactus .sns li a:hover{background-color:#c8677b}
.contactus .addrcon{width:320px;margin-bottom:10px}
.contactus .addrcon li{border-bottom:1px solid #666;border-top:0}
.contactus .map{float:right;display:block;position:relative;transition:all .3s;border-top:3px solid #07a83d;overflow:hidden;width:854px;height:286px}
.aboutus{padding:3% 0}
.aboutus .show{margin-bottom:20px}
.aboutus .show img{display:block}
.aboutus h2{padding-bottom:10px;border-bottom:1px solid #4f4f4f;color:#07a83d;font-size:20px;font-weight:normal;line-height:1.2;margin-bottom:20px;text-align:left;text-transform:uppercase;margin-top:20px}
.aboutus .intro{text-align:left;font-size:15px;padding:0 10px;line-height:1.8}
.aboutus .intro p{padding-bottom:15px}
.aboutus .intro p span{color:#07a83d}
.aboutus .client{overflow:hidden;margin-bottom:15px}
.aboutus .client li{width:16.6%;float:left;text-align:center;margin:0 0 15px 0}
.aboutus .client li img{display:block;margin:0 auto}
.aboutus .flow{position:relative;overflow:hidden}
.aboutus .flow h3{background:#383838;font-size:20px;line-height:1.4;font-weight:normal;width:20px;padding:40px 10px;position:absolute;left:0;top:50%;margin-top:-100px;color:#fff}
.aboutus .flow li{position:relative;float:left;width:207px;height:240px;margin-right:25px}
.aboutus .flow li a{display:table;position:relative;width:207px;height:240px;table-layout:fixed}
.aboutus .flow li a .icon{width:207px;height:240px;display:table-cell;vertical-align:middle;font-size:20px;text-align:center;color:#595959;background:url(../image/flow_bg.png) no-repeat 0 0}
.aboutus .flow li a .icon i{background:url(../image/icon_flow.png) no-repeat;width:60px;height:60px;display:block;margin:10px auto 0}
.aboutus .flow li a .con{position:absolute;left:0;top:0;display:block;background:url(../image/flow_bg.png) no-repeat -210px 0;vertical-align:middle;padding:40px 15px 0;color:#fff;width:177px;height:200px;font-size:14px;display:none}
.aboutus .flow li a .con span{font-size:40px;line-height:1;display:block;margin-bottom:10px;text-align:center;font-style:italic;font-family:georgia}
.aboutus .flow li a:hover .con{display:block}
.aboutus .flow li.i1 a .icon i{background-position:0 0}
.aboutus .flow li.i2 a .icon i{background-position:-60px 0}
.aboutus .flow li.i3 a .icon i{background-position:-120px 0}
.aboutus .flow li.i4 a .icon i{background-position:-180px 0}
.aboutus .flow li.i5 a .icon i{background-position:-240px 0}
.aboutus .flow li.i6 a .icon i{background-position:-300px 0}
.aboutus .flow li.i7 a .icon i{background-position:-360px 0}
.aboutus .flow li.i8 a .icon i{background-position:-420px 0}
.aboutus .flow .flow_1{margin-left:270px}
.aboutus .flow .flow_2{margin-left:150px;margin-top:-100px}
.h100{height:100%;overflow:hidden}
.h100 body{height:100%}
.mask{width:100%;height:100%;position:fixed;left:0;right:0;top:0;bottom:0;z-index:999;background:rgba(0,0,0,0.8);cursor:pointer}
.cell-wrap{display:none}
video::-webkit-media-controls{display:none !important}
.show-video{position:fixed;left:50%;margin-left:-540px;top:10%;width:1080px;height:720px;z-index:1000;background:#000;-webkit-animation:zoomIn 0.3s ease;-moz-animation:zoomIn 0.3s ease;animation:zoomIn 0.3s ease}
.show-video.autoHeight{height:auto;width:1080px;margin-left:-540px}
.show-video .btn-close{display:block;font-size:50px;font-weight:lighter;background:#07a83d;color:#fff;line-height:75px;width:80px;height:80px;box-sizing:border-box;position:absolute;right:-80px;top:0;text-align:center;z-index:999;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.show-video .btn-close:hover{background:#ba425c}
.show-video .wrap{width:100%;background:#000;height:auto;}

.show-video .wrap video,.show-video .wrap .video-js,.show-video .wrap .youku,.show-video .wrap #videoMp4{width:100%;height:100%}
.show-video .wrap .name{display:none;background:#07a83d;padding:10px 15px;color:#fff;font-size:16px;text-align:left}
.show-video .wrap #poster img{display:block;margin:0 auto;width:100%}
.page{padding:10px 0;overflow:hidden;font-size:14px;line-height:24px;text-align:center;color:#666}
.page a,.page span.current{display:inline-block;vertical-align:middle;margin:5px;padding:10px 20px;text-align:center;height:24px;border:1px solid #dfdfdf;color:#333;text-decoration:none;background:#fff;box-sizing:content-box;line-height:24px;font-size:14px}
.page span.current{font-size:14px;color:#fff;background:#07a83d;border-color:#037529}
@media (max-width:1199px){.wrapper{width:96%}
.nav .wrapper{width:100%}
.contactus .cl{float:none;width:720px;margin:0 auto 2%;position:relative}
.contactus .cl .addrcon{float:left;margin-right:10px;margin-bottom:10px}
.contactus .cl .qrcode{padding-top:30px}
.contactus .cl .qrcode2{left:auto;bottom:6px;right:100px;-webkit-animation:fadeInRight 0.3s ease;-moz-animation:fadeInRight 0.3s ease;animation:fadeInRight 0.3s ease}
.contactus .sns{padding-top:50px}
.contactus .map{margin:0 auto;float:none}
.aboutus .show img{width:100%}
.aboutus .intro{font-size:14px}
.aboutus .client li img{max-width:100%}
.aboutus .flow li{margin-bottom:10px}
.aboutus .flow .flow_1{margin-left:50px}
.aboutus .flow .flow_2{margin-left:150px;margin-top:-100px}
}@media (max-width:1000px){.header h1{padding-left:10px}
.header .sns{right:10px}
.header .sns li a .qrcode{position:absolute;top:57px;left:0;box-shadow:0 0 10px rgba(0,0,0,0.2);display:none;opacity:1 !important}
.header .sns li a .qrcode img{width:150px}
.nav{background:none;height:56px}
.nav li{width:20%;float:left}
.nav li a{display:block;line-height:56px;font-size:14px}
.nav li .submenu{top:56px}
.nav li .submenu li a{font-size:13px}
.index-slider{height:560px}
.index-slider .swiper-slide{background-repeat:no-repeat;background-position:center top;background-size:auto 100%}
.index-slider .swiper-slide a{display:block;width:100%;margin:0 auto;max-width:1200px;height:100%}
.index-slider.sub-slider{height:320px}
.feature{background:#2b2b2b;padding:32px 0}
.feature li .icon{margin-right:12px}
.feature li h4{font-size:16px;margin-top:20px}
.footer{padding:10px}
.works .wrapper{width:98%}
.works li{width:33.33%}
.joinus li a .con{font-size:12px}
.joinus li a .con h4{font-size:15px}
.joinus li a .detail .info{font-size:12px}
.contact .wrapper{background-size:100% 100%;padding:12px 0}
.contact .wrapper h3{font-size:18px;margin-bottom:5px}
.addrcon li{height:24px;line-height:24px}
.contactus .map{width:100%}
.aboutus .show img{width:100%}
.aboutus .intro{font-size:14px}
.aboutus .client li img{max-width:100%}
.aboutus .flow li{margin-bottom:10px}
.aboutus .flow .flow_1{margin-left:50px}
.aboutus .flow .flow_2{margin-left:50px;margin-top:-100px}
.show-video{margin-left:-300px;top:20%;width:600px;height:338px}
.show-video.autoHeight{width:600px;margin-left:-300px}
}@media (max-width:720px){a:hover img{opacity:1}
.no-pc{display:none !important}
.header{position:fixed;left:0;width:100%;top:0}
.header h1{padding-left:10px;height:60px;background:url(../image/icon@3x.png) no-repeat left center;background-size:auto 50px}
.header h1 a{display:block;height:60px;width:60px}
.header h1 img{display:none}
.header .sns{display:none}
.header .btn-menu{position:absolute;right:10px;top:30px;width:30px;height:3px;background:#07a83d;display:block;outline:none}
.header .btn-menu:before,.header .btn-menu:after{content:"";position:absolute;width:30px;height:3px;background:#07a83d;left:0;transition:-webkit-transform .2s ease}
.header .btn-menu:before{top:-8px}
.header .btn-menu:after{top:8px}
.header .btn-menu.btn-active{background:none}
.header .btn-menu.btn-active:before{-webkit-transform:rotate(-45deg);top:-0px}
.header .btn-menu.btn-active:after{-webkit-transform:rotate(45deg);top:0px}
.nav{display:none;position:fixed;left:0;top:62px;height:auto;width:100%;z-index:2}
.nav li{width:100%;float:none}
.nav li a{display:block;line-height:40px;font-size:14px}
.nav li a:after{width:720px;height:720px;margin:-360px 0 0 -360px}
.nav li .submenu{position:static;display:none !important}
.nav li .submenu li a{border-top:1px solid rgba(0,0,0,0.1);font-size:13px;line-height:36px}
.index-slider{margin-top:62px;height:auto}
.index-slider .swiper-slide{background:none;height:auto}
.index-slider .swiper-slide a{text-indent:0}
.index-slider .swiper-slide a img{width:100%;display:block}
.index-slider.sub-slider{height:auto}
.feature{background:#2b2b2b;padding:32px 0}
.feature li{text-align:center;margin-bottom:10px}
.feature li .icon{float:none;margin:0 auto 10px;width:80px;height:80px}
.feature li .icon i{width:78px;height:78px}
.feature li .icon:after{background-size:auto 50px;width:50px;height:50px;margin:-25px 0 0 -25px}
.feature li .icon.i1:after{background-position:0 0}
.feature li .icon.i2:after{background-position:-50px 0}
.feature li .icon.i3:after{background-position:-100px 0}
.feature li h4{font-size:16px;margin-top:0;font-weight:normal}
.feature li p{display:none}
.footer{padding:10px}
.works .wrapper{width:100%}
.works h2{text-indent:1em}
.works li{width:100%}
.works li a span{border-width:1px;padding:10px}
.joinus li{width:48%;margin-right:4%;margin-bottom:5%}
.joinus li:nth-child(3n){margin-right:4%}
.joinus li:nth-child(2n),.joinus li:nth-child(6n){margin-right:0}
.joinus li a .con{font-size:12px}
.joinus li a .con h4{font-size:15px}
.joinus li a .detail .info{font-size:12px}
.contact .wrapper{background:none;padding:12px 0}
.contact .wrapper h3{font-size:18px;margin-bottom:5px;width:90%}
.addrcon{width:90%}
.addrcon li{height:24px;line-height:24px}
.addrcon li i{background:url(../image/icon_addr@3x.png) no-repeat;background-size:auto 30px}
.contactus .cl{width:100%}
.contactus .cl .addrcon{width:90%;margin:0 auto;float:none}
.contactus .cl .qrcode{margin-left:5%}
.contactus .map{width:100%}
.contactus .sns li a i{background:url(../image/icon_sns2@3x.png) no-repeat;background-size:auto 30px}
.aboutus .wrapper{width:100%}
.aboutus h2{text-indent:1em}
.aboutus .show img{width:100%}
.aboutus .intro{font-size:12px;padding:0 5%}
.aboutus .client li{width:33.33%}
.aboutus .client li img{max-width:none}
.aboutus .flow,.aboutus .flow-title{display:none}
.show-video{margin:0 auto;top:0;left:0;right:0;width:100%;height:220px}
.show-video.autoHeight{width:100%;margin:0 auto}
.show-video .btn-close{    width: 60px;
    height: 50px;
    font-size: 30px;
    line-height: 50px;
    border-radius: 100px;
   top:0;right:0;
    font-weight: normal;
 
    border: none;
    font-family: serif;
	box-sizing:border-box;
	background:none;color:#777;
	}
.show-video .wrap .name{font-size:14px}
.cell-wrap{display:block}
.cell-wrap h2{border-bottom:0 none;text-indent:0;margin-bottom:10px;padding-bottom:0}
.cell-wrap .aboutus{padding:0 5%;line-height:1.8;font-size:14px}
.cell-wrap .works h2{padding:0 5%}
.cell-wrap .contactus{padding:0 5%}
.cell-wrap .contactus .addrcon{width:100%}
.cell-wrap .contactus .addrcon li{height:30px;line-height:30px}
.cell-wrap .contactus .addrcon li:last-child{border-bottom:0 none}
.cell-wrap .fix-video-tab{background:#131313;position:fixed;width:100%;top:62px;left:0;z-index:1;text-align:center}
.cell-wrap .fix-video-tab a{color:#aeaeae;display:inline-block;padding:10px 15px;font-size:14px;text-transform:uppercase}
.cell-wrap .fix-video-tab a.on{color:#fff}
.cell-wrap ~ .works{padding-top:30px}
}@media (max-width:560px){.aboutus .client li{width:50%}
}
.player-wrok-title{color:#eee;text-align:center;padding:25px 6px;background:#000;font-size:18px!important}
.show-video.isV .wrap{height:100%}