@charset "utf-8";
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;font-size: 16px;font-family: "PingFang SC", "HanHei SC", "Helvetica Neue", Microsoft Yahei, "Helvetica", "STHeitiSC-Light", "Arial", sans-serif;line-height:1.5em}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}
html,body{color: #5f6061;overflow-x: hidden;}
body{background: #fff}
ul,ol,li{list-style: none}
a{color: #5f6061;text-decoration: none}
a:hover{text-decoration: none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease}
img{border: 0}
b,em,i{font-style: normal}
h1,h2,h3,h4,h5{font-weight: normal}
@-webkit-keyframes fadeleft{0%{-webkit-transform: translateY(40px);opacity: 0}
100%{-webkit-transform: translateY(0px);opacity: 1}}
@font-face{font-family: "museo-light";src: url('../fonts/museo-light.eot');src: url('../fonts/museo-light.eot?#iefix') format('../fonts/embedded-opentype'), url('../fonts/museo-light.woff') format('woff'), url('../fonts/museo-light.ttf') format('truetype'), url('../fonts/museo-light.svg') format('svg')}
.museo-light{font-family: "museo-light" !important}
.pingfang{font-family:'pingfangscthin'!important; }
@font-face{font-family: "pingfangscthin";src: url('../fonts/pingfangscthin.eot');src: url('../fonts/pingfangscthin.eot?#iefix') format('../fonts/embedded-opentype'), url('../fonts/pingfangscthin.woff') format('woff'), url('../fonts/pingfangscthin.ttf') format('truetype'), url('../fonts/pingfangscthin.svg') format('svg')}
::-webkit-scrollbar{width:6px;height:6px;padding-right:10px}
::-webkit-scrollbar-track{border-radius:10px;background-color:#eee}
::-webkit-scrollbar-thumb{border-radius:10px;background-color:#000000}
.imgbig{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;display: block !important}
.imgbig:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.imgbigout{display: block;overflow: hidden}
.clear:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
.clear{zoom: 1}
.fl{float: left}
.fr{float: right}
.hide{display:none}
.hide-pc{display:none}
.lazy{background: url("../images/loading.gif") 50% 50% no-repeat}
.tran{transition: all .3s ease}
.bg-gray{ background-color:#f0f2f5;}
.inner{ width:1200px; margin-left:auto; margin-right:auto; clear:both;}
.inner-wide{ width:1360px; margin-left:auto; margin-right:auto; clear:both;}
/*animation*/
.trans{-webkit-transition: all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
.ani-view{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(20px)}
100%{opacity:1;-moz-transform:translateY(0)}}
@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(20px)}
100%{opacity:1;-o-transform:translateY(0)}}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}}
.ani-view.fade-in-down{opacity:0;opacity:1\0/IE9;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);-ms-transform:translateY(0)\0/IE9;}
.ani-view.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-100px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-100px)}
100%{opacity:1;-moz-transform:translateX(0)}}
@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-100px)}
100%{opacity:1;-o-transform:translateX(0)}}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-100px)}
100%{opacity:1;transform:translateX(0)}}
.ani-view.fade-in-left{opacity:0;opacity:1\0/IE9;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px);-ms-transform:translateX(0)\0/IE9;}
.ani-view.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(100px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(100px)}
100%{opacity:1;-moz-transform:translateX(0)}}
@-ms-keyframes fadeInRight{0%{opacity:0;-ms-transform:translateX(100px)}
100%{opacity:1;-ms-transform:translateX(0)}}
@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(100px)}
100%{opacity:1;-o-transform:translateX(0)}}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(100px)}
100%{opacity:1;transform:translateX(0)}}
.ani-view.fade-in-right{opacity:0;opacity:1\0/IE9;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px);-ms-transform:translateX(0)\0/IE9;}
.ani-view.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight;}
*/@-webkit-keyframes indCon2fadeInDown{0%{opacity:0;-webkit-transform:translateY(167px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes indCon2fadeInDown{0%{opacity:0;-moz-transform:translateY(167px)}
100%{opacity:1;-moz-transform:translateY(0)}}
@-ms-keyframes indCon2fadeInDown{0%{opacity:0;-ms-transform:translateY(167px)}
100%{opacity:1;-ms-transform:translateY(0)}}
@-o-keyframes indCon2fadeInDown{0%{opacity:0;-o-transform:translateY(167px)}
100%{opacity:1;-o-transform:translateY(0)}}
@keyframes indCon2fadeInDown{0%{opacity:0;transform:translateY(167px)}
100%{opacity:1;transform:translateY(0)}}
.ani-view.indCon2-fade-in-down{opacity:0;opacity:1\0/IE9;-webkit-transform:translateY(167px);-moz-transform:translateY(167px);-o-transform:translateY(167px);transform:translateY(167px);-ms-transform:translateY(0)\0/IE9;}
.ani-view.indCon2fadeInDown{-webkit-animation-name:indCon2fadeInDown;-moz-animation-name:indCon2fadeInDown;-o-animation-name:indCon2fadeInDown;animation-name:indCon2fadeInDown;}
@-webkit-keyframes indCon2fadeInUp{0%{opacity:0;-webkit-transform:translateY(-167px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes indCon2fadeInUp{0%{opacity:0;-moz-transform:translateY(-167px)}
100%{opacity:1;-moz-transform:translateY(0)}}
@-ms-keyframes indCon2fadeInUp{0%{opacity:0;-ms-transform:translateY(-167px)}
100%{opacity:1;-ms-transform:translateY(0)}}
@-o-keyframes indCon2fadeInUp{0%{opacity:0;-o-transform:translateY(-167px)}
100%{opacity:1;-o-transform:translateY(0)}}
@keyframes indCon2fadeInUp{0%{opacity:0;transform:translateY(-167px)}
100%{opacity:1;transform:translateY(0)}}
.ani-view.indCon2-fade-in-up{opacity:0;opacity:1\0/IE9;-webkit-transform:translateY(-167px);-moz-transform:translateY(-167px);-o-transform:translateY(-167px);transform:translateY(-167px);-ms-transform:translateY(0)\0/IE9;}
.ani-view.indCon2fadeInUp{-webkit-animation-name:indCon2fadeInUp;-moz-animation-name:indCon2fadeInUp;-o-animation-name:indCon2fadeInUp;animation-name:indCon2fadeInUp;}
/*swiper*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:15px;left:0;width:100%}.swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:100%;background:#fff;opacity:.8}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:#bd2a19}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
/*top*/
.back2top{display:none;width: 43px;height: 43px;background: url(../images/back2top.png) no-repeat;position: fixed;right: 3.5%;bottom: 15%;opacity:1;z-index: 99}
.back2top:hover{opacity:0.6}
.header{height: 100px;width: 100%;position: fixed;top: 0;left: 0;z-index: 99;transition: all .3s ease}
.header-small{height: 60px;background: #fff;-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;transition: all .3s ease}
.header-in{width: 92%;margin: 35px auto;height:auto;transition: all .3s ease}
.header-in .logo img{transition: all .3s ease}
.header-in .logo .logo-color{ display:block;}
.header-in .logo .logo-white{ display:none;}
.header-small .header-in{margin: 0 auto;transition: all .3s ease}
.header-small .logo img{height: 21px;margin-top: 4px}
.header .logo{float: left;margin-left: 10px;margin-top: 10px;}
.header .meun-off{float: right;margin-right: 10px;margin-top:22px;}
.header .meun-off span{width: 23px;height: 2px;background-color: #000;display: block;margin: 6px auto;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.header .meun-on #span2{opacity: 0}
.header .meun-on #span1{-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg)}
.header .meun-on #span3{-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg)}
.active .header{ height:74px; background-color:#fff;}
.active .header-small{ height:50px;}
.active .header-in{ margin:0 auto;}
.active .header .logo{ margin-top:16px;}
.active .head-nav{ display:block;}
.header-small{height: 50px}
.header-small .head-nav a{ line-height:50px;}
.active .header-small .logo{ margin-top:6px;}
.active .header-small .logo img{margin-top:9px;}
.header-small .meun-off{margin-top:10px;}
.nav{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.9);display: none}
.nav ul{margin: 0 auto;width: 50%;text-align: center;height: 500px;position: absolute;top: 50%;margin-top: -250px;left: 50%;margin-left: -25%}
.nav ul li{-webkit-animation: DDInY .8s .3s ease both;-ms-animation: DDInY .8s .3s ease both;-moz-animation: DDInY .8s .3s ease both;animation: DDInY .8s .3s ease both}
.nav ul a{display: block;height: 80px;overflow: hidden;margin: 10px 0}
.nav ul span{display: block;font-size: 48px;line-height: 80px;text-transform: uppercase;color: #e9e7e8}
.nav .nav-tel{position: absolute;left: 2%;bottom: 2%}
.nav .close{display: block;position: absolute;top: 12%;right: 8%;line-height:1; padding:1%;background-color:#666;display:inline-block;}
.nav .close:hover{background-color:#333;}
.nav .close img{transition: all .5s ease}
.nav .close:hover img{transform: rotate(180deg)}
.head-nav {position: absolute;right:8%;display: none;}
.head-nav ul{ float:right;}
.head-nav li{position:relative;float: left;margin-left:24px;}
.head-nav a{color:#000;font-size: 15px;line-height:74px;font-family: "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif; padding:0 15px; display:inline-block;}
.head-nav a:hover,.head-nav .active a,.head-nav li:hover a{ font-weight:bold;}
.head-nav li .subnav{position: absolute;top: 74px;left:0;width:90px;text-align: left;background:rgba(0,0,0,0.5); display:none;}
.header-small .head-nav li .subnav{top:50px;}
.head-nav li .subnav li{ width:100%;margin-left:0; clear:both;}
.head-nav li .subnav li a{ color:#eee; font-size:14px; line-height:26px; font-weight:normal; padding:5px 15px; display:block;}
.head-nav li .subnav li a:hover{ color:#fff; background-color:rgba(0,0,0,0.2);}
.head-block{display: block;}
@media screen and (max-width: 1620px){
.head-nav li{margin-left: 40px;}
.head-nav a{font-size: 14px;}
}
@media screen and (max-width: 1390px){
.head-nav li{margin-left: 40px;}
.head-nav a{font-size: 12px;}
}
@media screen and (max-width: 1200px){
.head-nav{display: none;}
.active .head-nav{display: none;}
}
.index-banner-wap{display: none}
.slide{position: relative;margin: 0 auto}
.slide .bd{position: relative;z-index: 0;overflow: hidden}
.slide .bd li img{width: 100%;vertical-align: top}
.slide .hd{position: relative;z-index: 1;margin-top: -60px;height: 30px;line-height: 30px;text-align: center}
.slide .hd ul{text-align: center}
.slide .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 14px;height: 14px;margin: 5px;overflow: hidden;font-size: 0;background-color: #fff;border-radius: 50%}
.slide .hd ul .on{background-color: #ff0}
.slide .prev,.slide .next{z-index: 1;display: block;width: 53px;height: 14px;position: relative;float: left;background: url(arrow.png) 0 0 no-repeat;filter: alpha(opacity=40);opacity: .4;position: absolute;top: 50%;margin-top: -7px}
.slide .prev{left: 2.1%;margin-left: 10px}
.slide .next{background-position: right 0;right: 2.1%;margin-right: 10px}
.slide .prev:hover,.slide .next:hover{filter: alpha(opacity=80);opacity: .8}
.banner{width: 100%;position: relative;z-index: 1;overflow: hidden}
.index-banner .bd ul{width: 100% !important}
.index-banner .bd li{width: 100% !important;background-position: center 0;background-attachment: fixed;background-repeat: no-repeat}
.index-banner .bd li a{display: block;width:100%;margin: 0 auto;height: 100%}
.index-banner .bd li img{ width:100%; height:auto;}
.banner .hd{position: fixed;left: 0;top: 850px;z-index: 1;width: 100%;overflow: hidden}
.banner .hd ul{text-align: center}
.banner .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 10px;height: 10px;margin: 5px;overflow: hidden;font-size: 0;background-color: #fff;border-radius: 50%}
.banner .hd ul .on{background-color: #ff0}
.banner .prev,.banner .next{z-index: 1;display: block;width: 53px;height: 44px;position: relative;float: left;background: url(arrow.png) 0 center no-repeat;filter: alpha(opacity=40);opacity: .4;position: absolute;top: 50%;margin-top: -22px}
.banner .prev{left: 2.1%;margin-left: 10px}
.banner .next{background-position: right 0;right: 2.1%;margin-right: 10px}
.banner .prev:hover,.banner .next:hover{filter: alpha(opacity=80);opacity: .8}
.banner .arrow{position:absolute;top:25%;margin-top:0;width:100px;height:50%;padding:0;cursor: pointer;z-index: 999; background-image:none;}
.banner .arrow span,.banner .arrow span:after,.banner .arrow span:before{position:absolute;top:50%;height:2px;background-color:#fff;border-radius:1px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease;transition:all .4s ease}
.banner .arrow span{margin-top:-1px;width:0}
.banner .arrow span:after,.banner .arrow span:before{content:"";width:30px}
.banner .arrow.btn-prev span{left:50%;margin-left:-10px}
.banner .arrow.btn-prev span:before{left:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.banner .arrow.btn-prev span:after{left:0;top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.banner .arrow.btn-next span{right:50%;margin-right:-10px}
.banner .arrow.btn-next span:before{right:0;bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}
.banner .arrow.btn-next span:after{right:0;top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}
.banner .arrow:hover span{width:40px}
.banner .arrow:hover.btn-prev span{margin-left:-20px}
.banner .arrow:hover.btn-next span{margin-right:-20px}
.banner .btn-next{right:2.1%}
.banner .btn-prev{left:2.1%}
.slogan-wrap{position: relative;width:100%;margin: 0 auto;padding: 70px 0 30px; clear:both;}
.index-slogan{text-align:center;padding-right:140px;-webkit-animation: fadeleft .8s .3s ease both;-ms-animation: fadeleft .8s .3s ease both;-moz-animation: fadeleft .8s .3s ease both;animation: fadeleft 1.2s .3s ease both}
.index-slogan img{max-width:100%;height:auto;}
.warp-title{ color:#000; font-size:32px; line-height:1.5em; padding-top:60px; margin-bottom:30px; clear:both;}
.warp-title h3,.warp-title h1{ color:#000; font-size:32px; line-height:1.5em; font-weight:normal;font-family: "PingFang SC", "HanHei SC", "Helvetica Neue", Microsoft Yahei, "Helvetica", "STHeitiSC-Light", "Arial", sans-serif;}
.warp-title h3 a,.warp-title h1 a{color:#000; display:inline-block;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.warp-title h3 a:hover,.warp-title h1 a:hover{color:#333;}
.text-center{ text-align:center;}
.case-wrap{width:100%;margin: 0 auto;position: relative; clear:both;}
.case-wrap .warp-type{height: 50px;position: relative;margin-bottom:10px}
.case-wrap .warp-type p{font-size: 18px;width: 1080px;line-height: 50px;position: absolute;left: 50%;margin-left: -540px;z-index: 0}
.case-wrap .warp-type p a:hover{color: #000}
.case-wrap .warp-type-list{float: right;position: absolute;z-index: 11;right: 0}
.case-wrap.news .warp-type-list{float:left;right:auto;left:0;bottom: -30px;}
.case-wrap .warp-type-list .active,.case-wrap .warp-type-list a:hover{color:#b82a21;}
.case-wrap .warp-type-list a{display: inline-block;margin-right: 25px;line-height: 50px;color: #888889;font-size: 14px}
.case-lists{ overflow:hidden;}
.case-lists ul{padding-top:60px; margin-left:-0.3%; margin-right:-0.3%;}
.case-lists ul li{width: 32.733333%;float: left;position: relative;padding:0.3%;overflow: hidden;display: block}
.case-lists ul li:nth-child(3n){ clear:right;}
.case-lists ul li:nth-child(3n+1){ clear:left;}
.case-lists ul li a{ position:relative; display:block; overflow:hidden;}
.case-lists ul li img{width: 100%;height: auto;display: block}
.case-lists ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.case-lists ul li .text-summary{display: none;width: 90%;height: 90%;background: url(../images/black.png) repeat;top: 0;left: 0;position: absolute;padding: 5%;}
.case-lists ul li .text-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 20px}
.case-lists ul li .text-summary .title{font-size:24px}
.case-lists ul li .text-summary .time{font-size:13px}
.case-lists ul li .text-summary .p1{top: 0}
.case-lists ul li .text-summary .p2{bottom: 0;font-size: 16px}
.case-wrap .case-more{display: block;width: 148px;height: 40px;font-size:24px;text-align: center;line-height: 40px;margin:70px auto;border: 2px solid #666;}
.case-wrap-cate{ width:92%; padding-top:100px; padding-bottom:6%;}
.case-wrap-cate .case-lists ul{ padding-top:0;}
.case-wrap-detail{ max-width:1700px;}
.case-detail{}
.post-content{ color:#333; font-size:16px; line-height:1.5em; text-align: justify;}
.post-content p{ color:#333; font-size:16px; line-height:1.5em; margin-bottom:10px;}
.post-content big{ font-size:18px;}
.post-content small{ font-size:13px;line-height: 1.5em;}
.post-content img{ max-width:100%; height:auto!important;}
.detail-next-prev{ text-align:center; padding-top:85px; padding-bottom:60px; clear:both;}
.case-wrap-full .detail-next-prev{padding-top:60px; padding-bottom:60px;}
.case-page{ position:relative; height:72px; padding-left:1%; padding-right:1%;}
.detail-next-prev .btn-back-cate{ position:absolute; left:50%; top:0; margin-left:-36px; display:inline-block;}
.detail-next-prev .btn-back-cate img {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.detail-next-prev .btn-back-cate:hover img {filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; transform: rotate(180deg);}
.btn-prev{float:left;background: url(../images/btn-prev.png) left center no-repeat;width:72px;height:72px;left:0;top: 7px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-next{float:right;background: url(../images/btn-next.png) right center no-repeat;width:72px;height:72px;right:0;top: 7px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-prev:hover,.btn-next:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.team-wrap{position: relative;width:100%;margin: 0 auto; clear:both;}
.team-lists{}
.team-lists ul{padding-top:50px; padding-left:6%; padding-right:6%;}
.team-lists ul li{position: relative;float: left;width: 28.33%;padding:1% 2.5% 4%;overflow: hidden;display: block}
.team-lists ul li:nth-child(3n){ clear:right;}
.team-lists ul li:nth-child(3n+1){ clear:left;}
.team-lists ul li a{ position:relative; display:block; overflow:hidden;}
.team-lists ul li img{width: 100%;height: auto;display: block}
.team-lists ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.team-lists ul li .text-summary{display: none;width:100%;height:100%;background:rgba(255,255,255,0.8);top: 0;left: 0;position: absolute;padding: 5%; border-top:5px solid #b82a21;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.team-lists ul li .text-summary p{color: #000;font-size: 20px}
.team-lists ul li .text-summary .p1{ font-size:30px; text-align:center; padding-top:20px;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.team-lists ul li .text-summary .p2{ font-size:20px; text-align:center; line-height:1.5em;}
.team-lists ul li .text-summary .p3{ font-size:14px; margin-top:40px; text-align: justify;}
.join-wrap{position: relative;width:100%;margin: 0 auto;clear:both;}
.join-content{ padding-top:60px; padding-bottom:60px; clear:both;}
.join-content .side-img{ float:left; width:40%;padding-top: 5px;}
.join-content .side-img img{ max-width:100%; height:auto;}
.join-content .main-text{ float:right; width:58%; padding-left:2%; color:#000; font-size:16px; text-align:justify;}
.join-content .main-text p{color:#000; font-size:16px;}
.corp-wrap{position: relative;width:100%;padding-top:20px;margin: 0 auto;clear:both;}
.corp-wrap .corp-img{ clear:both;}
.corp-wrap .corp-img img{ max-width:100%; height:auto;}
.corp-lists{ padding:40px; padding-bottom:130px; clear:both;}
.corp-lists ul li{ float:left; width:15.46%;padding:0.6%;display: table}
.corp-lists ul li:nth-child(6n){ clear:right;}
.corp-lists ul li:nth-child(6n+1){ clear:left;}
.corp-lists ul li a{position:relative;display:block;vertical-align: middle;}
.corp-lists ul li a .dummy{padding-top:60%;}
.corp-lists ul li img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.footer{position: relative;padding: 70px 0 0;background: #000;z-index: 10}
.footer1{width: 300px; padding-left:75px;}
.footer-logo{width: 280px;color:#ddd;font-size: 12px;line-height:1.5em;text-align:left;}
.footer-logo p{color:#ddd;font-size: 12px;line-height:1.5em;margin-bottom:10px}
.footer-logo img{display: block;margin-bottom:20px}
.footer2{width:450px;margin-left: 75px}
.footer2 .footer-nav{}
.footer2 dl{ position:relative;float: left;width:100px; padding-left:80px; margin-right:10px;}
.footer2 dl+dl{ float:right;padding-left:100px;margin-right:0;}
.footer2 dl dt{ position:absolute;left:0;top:0;width:85px;color: #ddd;font-size:13px;margin-bottom: 14px;}
.footer2 dl dt a{color: #ddd;font-size:13px;line-height:3em;border-bottom: 1px solid #ddd;margin-top:-10px;display:inline-block;}
.footer2 dl dt a:hover{color: #fff}
.footer2 dl dd{width:100%; clear:both;}
.footer2 dl dd a{color: #ddd;font-size: 12px;line-height: 24px;transition: all .3s ease;display: block;}
.footer2 dl dd a:hover{color: #fff}
.footer2 .footer-slogan{ margin-top:20px; clear:both;}
.footer3{width: 255px;font-size: 12px;color: #999; text-align:center;}
.footer3 .footer-qrcode{text-align:center; margin-top:5px; clear:both;}
.footer3 .footer-qrcode p{font-size:12px; margin-bottom:9px;}
.footer-bt{ position:relative; color:#a4a4a4; text-align:center; padding:5px 15px; margin-top:70px; background-color:#4d4d4d;clear:both;}
.footer-bt p{font-size:12px;}
.footer-bt a{ color:#a4a4a4;}
.footer-bt a:hover{color: #fff}
.case-content{padding-bottom: 150px}
.case-list{width: 94%;margin: 150px auto 0}
.case-list .warp-type{height: 50px;position: relative;margin-bottom: 25px}
.case-list .warp-type p{font-size: 18px;line-height: 50px;position: absolute;left: 33.33333%;margin-left: -160px;z-index: 0;width: 160px}
.case-list .warp-type-list{float: right;position: absolute;z-index: 11;right: 0}
.case-list .warp-type-list .active{text-decoration: underline;color: #000;font-size: 16px}
.case-list .warp-type-list a{display: inline-block;margin-right: 20px;line-height: 50px;color: #888889;font-size: 14px}
.case-list .warp-type-list a:hover{text-decoration: underline}
.case-list ul li{width: 33.333333%;float: left;position: relative;overflow: hidden;display: block}
.case-list ul li img{width: 100%;height: auto;display: block}
.case-list ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.case-list .text-summary{display: none;width: 90%;height: 90%;background: url(../images/black.png) repeat;top: 0;left: 0;position: absolute;padding: 5%}
.case-list .text-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 20px}
.case-list .text-summary span{font-size: 24px}
.case-list .text-summary .p1{top: 0}
.case-list .text-summary .p2{bottom: 0;font-size: 16px}
.case-list .case-more{display: block;width: 148px;height: 40px;margin: 100px auto;border: 2px solid #959595;text-align: center;line-height: 40px}
.case-read-top{min-height:500px;padding: 70px 0;color: #000;}
.case-read-top .fl{width: 36%;text-align: right;font-size: 22px}
.case-read-top .fl h1{font-size: 22px;}
.case-read-top .fr{width: 40%;min-height:500px;margin-right: 11%;position: relative;height: 100%}
.case-read-top .fr p{font-size: 16px;line-height: 1.8em;margin-bottom: 20px}
.case-read-top .fr ul{position: absolute;bottom: 0}
.case-read-top .fr ul li{font-size: 15px; line-height:1.5em; margin-bottom:20px;}
.case-video{padding: 70px;}
.case-video .fl{width: 66%;}
.case-video .fr{width: 30%; margin-right:0;}
.case-video .fr .post-title{}
.case-video .fr .post-title h1{font-size: 22px; margin-bottom:20px;}
.case-video .fr .post-content{}
/*video::-webkit-media-controls{overflow: hidden !important;}*/
/*video::-webkit-media-controls-enclosure{width: calc(100% + 32px);margin-left: auto;}*/
.video-wrap{ position:relative; width: 100%;height: 100%; z-index:0;}
.video-all{width: 100%; height:auto; margin: 0;}
.video-wrap .icon-play{ position:absolute; left:50%; top:50%; margin-left:-32px; margin-top:-32px; z-index:1;}
.icon-play{ width:64px; height:64px; background:url(../images/icon-play.png) center center no-repeat; cursor:pointer;}
.video-wrap:hover .icon-play{background:url(../images/icon-play-hover.png) center center no-repeat;}
.video-banner{}
.video-banner .swiper-container{ padding-bottom:20px;}
.video-banner .swiper-pagination{ bottom:5px;}
.video-banner .swiper-pagination-bullet{width:30px;height:3px;border-radius:0;margin-right: 3px;margin-left: 3px;background-color:#666;}
.video-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#000;}
.video-banner .arrow{ display:none;}
.video-banner:hover .arrow{ display:block;}
/*.video-banner .arrow{ width:50px; height:50px; top:auto; bottom:0;}
.video-banner .arrow span,.video-banner .arrow span:after,.video-banner .arrow span:before{background-color:#666;}*/
.news{width: 1200px;margin: 0 auto;padding: 100px 0}
.news-list li{width:100%;padding: 55px 0;border-bottom: 1px solid #d8d8d8}
.news-list li .imgbigout{width: 44%;float: left}
.news-list li .imgbigout img{width: 100%;height: auto}
.news-list li .news-summary{float: right;width: 49%}
.news-list li .news-summary h4{color: #999;margin-bottom: 30px;font-size: 18px}
.news-list li .news-summary p{ height:80px;margin-bottom:80px}
.news-list li .news-summary p a{color: #333;font-size:32px;line-height:40px;font-family: 'msyhl';word-break: break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden;}
.news-list li .news-summary p a:hover{color: #000;}
.news-list li .news-summary span{height:120px;margin-bottom: 60px;display: block}
.news-list li .news-summary span a{color: #333;font-size: 18px;line-height:2.25em;word-break: break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden;}
.news-list li .news-summary span a:hover{color: #000}
.news-list li .news-summary .more{text-decoration: underline;font-size: 18px}
.submenu{width: 100%;font-size: 0;text-align: center; background-color:#333;-webkit-box-shadow: rgb(0 0 0 / 10%) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgb(0 0 0 / 10%) 0 1px 5px; display:block;}
.submenu ul{ padding:0 5px;}
.submenu ul li{position: relative;height:50px;color: #ddd;font-size: 14px;line-height:50px;padding: 0 20px;margin: 0 5px;display: inline-block;transition: all .4s ease;}
.submenu ul li a{color: #ddd;display:block;}
.submenu ul li a:after{content: "";position: absolute;right: 0;width: 0;height: 3px;bottom: -1px;z-index: 1;background:#b82a21;transition: all .4s ease;}
.submenu ul li a:hover, .submenu ul li.active a{color:#fff;}
.submenu ul li a:hover:after, .submenu ul li.active a:after{width:60%;right: auto;left:20%;}
.news-wrap-detail{}
.news-detail{ width:750px; margin:auto auto;}
.post-meta{ border-bottom:1px solid #979797; padding-bottom:30px; margin-bottom:50px; margin-top:100px; clear:both;}
.post-meta h1{color:#000; font-size:30px; line-height:1.75em; margin-bottom:10px;}
.post-meta .post-time{color:#999; font-size:22px;}
.page-wrap{ width:1280px; margin:0 auto; padding: 120px 0 100px; clear:both;}
.page-banner{ position:relative;}
.page-banner-img{line-height:0; clear:both;}
.page-banner-img img{ width:100%; height:auto;}
.page-banner-text{position:absolute;left:0;top:0;width:100%;height:100%;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.page-banner .bg-gray{background-color:rgba(0,0,0,0.5);}
.page-banner-text h1{color:#fff; font-size:60px; line-height:1.5em; text-align:center;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.about-wrap{ padding-bottom:0;}
.about-wrap .post-content{ padding:90px;}
.about-wrap .post-content p{ margin-bottom:20px;}
.about-wrap .post-content a{color:#b82a21;}
.about-wrap .post-content a:hover{color:#333;}
.case-wrap-full{ padding-top:74px;}
.case-wrap-full  .post-content img{ width:100%; height:auto; font-size:0; line-height:0;}
.case-wrap-full  .post-content p{ line-height:0; margin-bottom:0;}
.text-items{ position:relative; padding-left:450px; margin-top:40px; padding-bottom:70px; clear:both;}
.text-items .items-title{ position:absolute; left:0; top:0; width:385px; text-align:right;}
.text-items .items-title h3{ color:#000; font-size:22px; line-height:1.5em; font-weight:normal;}
.text-items .items-title h3:after{position: absolute; content: ""; bottom:-15px; right:0; width:87px; height:4px; text-align:right; background-color:#b82a21; display:block;}
.text-items .items-title h3 span{ display:block; clear:both;}
.text-items .items-content{ width:100%;}
.mix-list{ overflow:hidden; clear:both;}
.mix-list ul li{ position:relative; margin-bottom:30px; padding-left:270px; clear:both;}
.mix-list ul li .mix-img{ position:absolute; left:0; top:0;}
.mix-list ul li .mix-text{}
.mix-list ul li .mix-text p{ font-size:14px; line-height:1.25em; margin-bottom:8px;}
.mix-list ul li .mix-text big{ font-size:16px; line-height:1.5em;}
.mix-list ul li .mix-text small{ font-size:12px; line-height:1.25em;}
.post-content-inner{ width:1200px; padding:100px 35px; margin:0 auto; clear:both;}
.post-content .post-title{ float:left; width:500px; font-size:40px; line-height:1.5em;}
.post-content .post-title h3{font-size:40px; line-height:1.5em; font-weight:normal;font-family: 'pingfangscthin'!important; margin-bottom:20px;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.post-content .post-title p{font-size:30px; line-height:1.25em; font-weight:normal;font-family: 'pingfangscthin'!important;}
.post-content .post-texts{ float:right; width:680px; font-size:14px; overflow: hidden;}
.post-content .post-texts p{font-size:15px;}
.post-content .post-texts hr{border: 1px solid #fff; margin-top:30px; margin-bottom:30px;}
.page-full{}
.page-full .header{background-color: transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.page-full .header-in .logo .logo-color{ display:none;}
.page-full .header-in .logo .logo-white{ display:block;}
.page-full .head-nav a{ color:#eee;}
.page-full .head-nav a:hover,.page-full .head-nav .active a,.page-full .head-nav li:hover a{ color:#fff;}
.page-full .header .meun-off span{ background-color:#ddd;}
.page-full .header .meun-off:hover span{ background-color:#fff;}
.page-full .header-small{ background-color:#fff;-webkit-box-shadow: rgb(0 0 0 / 10%) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgb(0 0 0 / 10%) 0 1px 5px;}
.page-full .header-small .head-nav a{ color:#000;}
.page-full .header-small .head-nav a:hover,.page-full .header-small .head-nav .active a,.page-full .header-small .head-nav li:hover a{ color:#000;}
.page-full .header-small .head-nav .suba{ color:#eee;}
.page-full .header-small .head-nav .suba:hover,.page-full .header-small .head-nav .active .suba,.page-full .header-small .head-nav li:hover .suba{ color:#fff;}
.page-full .header-small .meun-off span{ background-color:#000;}
.page-full .header-small .meun-off:hover span{ background-color:#333;}
.page-full .header-small .header-in .logo .logo-color{ display:block;}
.page-full .header-small .header-in .logo .logo-white{ display:none;}
.page-full .page-wrap{ width:100%; padding:0;}
.page-full .page-banner .bg-gray{background-color: rgba(60,60,60,0.4);}
.page-full .page-banner-text h1{ font-size:50px;font-family: 'pingfangscthin'!important;}
.page-full .page-banner-text h1 span{ position:relative; line-height:2em; padding-bottom:15px; display:block; clear:both;}
.page-full .page-banner-text h1 span:after{position: absolute; content: ""; bottom:15px; left:50%; margin-left:-105px; width:210px; height:2px; text-align:center; background-color:#eee; display:block;}
.page-full .page-banner-text h1 em{ line-height:1em;display: inline-block;}
.page-full .post-content{ color:#fff; background-color:#727272;}
.page-full .post-content *{ color:#fff;}
.page-full .head-nav li .subnav{background: rgba(0,0,0,0.2);}
.case-wrap .case-more{color: #666;width: 300px;height: 50px;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border-radius: 0px;font-size:32px;text-align: center;text-indent: 0px;line-height: 50px;border: none;position: relative;}
.case-wrap .case-more:after{content: "";display: block;width: 260px;height: 48px;border: 1px solid #999;position: absolute;bottom:-2px;z-index: 2;margin-left: 20px;transition: all 0.2s ease 0s;}
.case-wrap .case-more:hover{color: #333}
.case-wrap .case-more:hover:after{transform: scale(1.1,1.1);border: 1px solid #666;}
.case-wrap .case-more i{font-family: 'simsun';font-size: 18px;text-indent: -10px;line-height: 50px;transition: all ease-out .3s;color: #fff;display: inline-block;opacity: 0}
.case-wrap .case-more:hover i{color: #333;text-indent: 10px;opacity: 1}
.news-list{padding-bottom: 35px;overflow: hidden;}
.news-list .title{font-size: 18px;color: #000;line-height: 1em;margin-bottom: 14px}
.news-list .summary{font-size: 14px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;color: #323232}
.news-list .news-item{display: flex;justify-content: space-between;flex-wrap:wrap;margin-top: 15px}
.news-list .news-item a{float: left;width:23%;display: block;font-size: 14px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding-right: 1%;color: #959595;line-height: 29px}
.news-list .news-item a:after{position: absolute;right: 0;height: 14px;background:#e6e6e6;width: 1px;top: 50%;transform:translateY(-50%);content: ''}
.news-list .news-item a:nth-child(4n+4):after{display: none;}
.news_path{box-sizing: border-box;width: 100%;padding: 25px 190px 0px;font-size: 12px;color: #828282}
.news_path a{color: #828282;font-size: 12px;}
/*responsive cmsyou*/
@media screen and (max-width:1920px){
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{font-size: 14px}
.nav .close img{width:54px;height:auto;}
.case-lists ul li .text-summary .p1{font-size: 18px}
.case-lists ul li .text-summary .p2{font-size: 14px}
.news-list li .imgbigout img, .news-list li .imgbigout{width:500px}
.news-list li .news-summary{width:650px;}
.news-list li .news-summary span a{font-size: 18px}
.news-list li .news-summary p a{font-size: 30px}
.news-list li .news-summary h4, .news-list li .news-summary .more{font-size: 18px}
.news-list li{padding: 40px 0}
.case-read-top .fr ul li{font-size: 14px}
.news-list .title{font-size: 16px;margin-bottom: 7px}
.news-list .news-item a{font-size: 12px;line-height: 23px;}
.news-list .news-item{margin-top: 6px}
.news-list{padding-bottom: 25px}
.case-wrap .case-more:after{width:210px;margin-left: 10px;}
.case-wrap .case-more{width: 231px;}
}
@media screen and (max-width:1440px){
.case-read-top{min-height:auto;height: auto}
.case-read-top .fr{min-height:auto;}
.case-read-top .fr ul{position: static;}
.case-read-top .fl{font-size: 16px}
.case-read-top .fl h1{font-size: 16px;}
.case-read-top .fr p{font-size: 16px;margin-bottom: 18px}
.case-fixed{position: fixed;width: 25px;left: 50%;margin-left: 620px}
.case-wrap .warp-type p{font-size: 12px}
.case-wrap .warp-type-list a, .case-wrap .warp-type-list .active{font-size: 12px}
.case-wrap .warp-type{margin-bottom: 6px;}
.case-lists ul li .text-summary .p1{font-size: 14px}
.case-lists ul li .text-summary .p2{font-size: 12px}
.case-lists ul li .text-summary .title{font-size: 18px}
.news{width: 92%;}
.case-wrap.news .warp-type-list{ left:10px;bottom:-10px;}
.news-list{ padding-left:10px; padding-right:10px;}
.news-list li{ position:relative; padding: 30px 0; padding-left:430px;}
.news-list li .imgbigout{ position:absolute; left:0; top:30px; width:400px; overflow:hidden;}
.news-list li .imgbigout img{width:100%}
.news-list li .news-summary{ width:100%;}
.news-list li .news-summary p a{font-size:24px}
.news-list li .news-summary h4, .news-list li .news-summary .more{font-size: 16px}
.news-list li .news-summary h4{margin-bottom: 13px}
.news-list li .news-summary span{ height:90px;}
.news-list li .news-summary span a{font-size: 16px}
.news-list li .news-summary p{margin-bottom: 15px}
.case-list .warp-type-list a{margin-right: 15px}
}
@media screen and (max-width:1360px){
.inner-wide{ width:92%; padding-left:4%; padding-right:4%;}
.join-content .side-img{width:50%;}
.join-content .main-text{width:48%;}
.team-lists ul{padding-left:1.5%;padding-right:1.5%;}
}
@media screen and (max-width:1280px){
.page-wrap{ width:100%; padding:60px 0 0;}
.about-wrap .post-content{ padding:30px;}
.page-banner-text h1{font-size:54px;}
.text-items{padding-left:30%;}
.text-items .items-title{ width:25%;}
.page-full .post-content{width:92%; padding:0 4%;}
.page-full .page-banner-text h1{ font-size:40px;}
.page-full .page-banner-text h1 span:after {width: 160px;margin-left: -80px;}
.post-content-inner{ position:relative; width:auto; padding:80px 0; padding-left:320px;}
.post-content .post-title{ position:absolute; left:0; top:80px; width:300px; font-size:32px;}
.post-content .post-title h3{font-size:36px;}
.post-content .post-title p{font-size:24px;}
.post-content .post-texts{width:100%;}
}
@media screen and (max-width:1200px){
.inner{ width:96%; padding-left:2%; padding-right:2%;}
.index-slogan{padding-right:0;}
.footer1{padding-left:60px;}
.footer2{ float:right; clear:right;}
.footer3{ float:none; width:100%; padding-top:40px; clear:both;}
.team-lists ul li .text-summary .p1{ font-size:24px;}
.team-lists ul li .text-summary .p2{ font-size:16px;}
.team-lists ul li .text-summary .p3{ display:none;}
.join-content .main-text p{ font-size:14px;}
.case-lists ul li{width:49.4%;}
.case-lists ul li:nth-child(3n){ clear:none;}
.case-lists ul li:nth-child(3n+1){ clear:none;}
.case-lists ul li:nth-child(2n){ clear:right;}
.case-lists ul li:nth-child(2n+1){ clear:left;}
.case-read-top{height: auto}
.case-read-top .fr ul{position: static}
.case-read-top .fl{font-size: 20px; margin-bottom:20px!important;}
.case-read-top .fl h1{font-size: 20px;}
.case-read-top .fr p{font-size: 14px;margin-bottom: 18px}
.detail-next-prev{padding-top:40px; padding-bottom:30px;}
.case-wrap-full .detail-next-prev{padding-top:30px; padding-bottom:30px;}
.submenu{display:block;}
.case-video .fl{width: 56%;}
.case-video .fr{width: 40%;}
}
@media (max-width:919px) {
.case-lists ul{ padding-top:20px;}
.team-lists ul{ padding-top:20px;}
.join-content{ padding-top:15px; padding-bottom:20px;}
.corp-lists{ padding-top:20px; padding-bottom:100px;}
.corp-lists ul li{width: 14.66%;padding:1%;}
.footer1{padding-left:10px;}
.footer2{width: 415px;margin-left:10px;}
.footer3{padding-top:20px;}
.footer-bt{margin-top:20px;}
.news-list li{padding-left:320px;}
.news-list li .imgbigout{width:300px;}
.news-list li .news-summary p{ height:60px;}
.news-list li .news-summary p a{font-size:20px; line-height:1.5em;}
.news-list li .news-summary span{ height:84px;margin-bottom:30px;}
.news-list li .news-summary span a{font-size:14px; line-height:2em;}
.page-banner-text h1{font-size:48px;}
.post-content-inner{padding-left:200px;}
.post-content .post-title{width:180px; font-size:24px;}
.post-content .post-title h3{font-size:28px;}
.post-content .post-title p{font-size:18px;}
.post-meta{margin-top:50px;}
}
@media (max-width:767px) {
.hide-wap{display:none}
.hide-pc{display:block}
.team-lists ul{ padding-left:2.5%; padding-right:2.5%;}
.team-lists ul li{width:47%;padding:1.5%;}
.team-lists ul li:nth-child(3n){ clear:none;}
.team-lists ul li:nth-child(3n+1){ clear:none;}
.team-lists ul li:nth-child(2n){ clear:right;}
.team-lists ul li:nth-child(2n+1){ clear:left;}
.join-wrap{ padding-top:10px;}
.join-content{ padding-top:20px;}
.join-content .side-img{ width:100%; text-align:center; clear:both;}
.join-content .side-img img{display: inline-block!important;}
.join-content .main-text{ width:100%;padding-left:0; margin-top:20px; clear:both;}
.corp-lists{ padding-left:1%;padding-right:1%;}
.corp-lists ul li {width:18%;padding: 1%;}
.corp-lists ul li:nth-child(6n){ clear:none;}
.corp-lists ul li:nth-child(6n+1){ clear:none;}
.corp-lists ul li:nth-child(5n){ clear:right;}
.corp-lists ul li:nth-child(5n+1){ clear:left;}
.footer{ padding-top:0;}
.footer-top{display: none}
.footer-bt{ margin-top:0;}
.index-banner{display: none}
.header{height: 60px}
.active .header{height: 60px}
.active .header-small{ height:50px;}
.header-small{height: 50px}
.header .logo img{height:21px;margin-top: 9px}
.header .meun-off{margin-right: 0}
.header-small .logo img{margin-top:4px}
.nav .close{top:4%;right:8%;padding:1.5%;}
.nav .close img{width: 25px;height: auto}
.nav ul{height: 360px;margin-top: -180px}
.nav ul a{height: 60px}
.nav ul span{font-size: 32px;line-height: 60px}
.slide .hd{margin-top: -30px}
.slide .hd ul li{width: 7px;height: 7px}
.slide .prev, .slide .next{width: 25px;height: 14px}
.case-wrap{width: 100%;}
.case-wrap-cate{ padding-top:80px;}
.warp-type{width: 100%;height: auto}
.warp-type p{width: 100%;position: static;margin-left: 0;margin: 0 auto}
.warp-type-list{position: static;float: left}
.case-wrap-full{ padding-top:60px;}
.case-wrap-detail{ padding-top:60px;}
.header-in{margin: 0 auto;width: 94%}
.active .header-in {margin: 0 auto;}
.header .logo{margin-left: 0}
.active .header .logo{margin-top: 12px;}
.active .header-small .logo{margin-top: 7px;}
.header .meun-off{margin-top: 16px;}
.header-small .meun-off{margin-top: 11px;}
.header-small .header-in{margin: 0 auto}
.case-lists ul li{width: 100%;float: left;position: relative;overflow: hidden}
.index-banner-wap{display: block !important}
.slogan-wrap{width: 94%;margin: 0 auto;padding: 30px 0}
.case-list{margin-top: 80px;width: 94%}
.case-list .warp-type{height: auto}
.case-list ul li{width: 100%}
.case-list .warp-type-list a{line-height: 24px;margin-right: 25px;float: left}
.case-list .warp-type p{position: static;margin-left: 0;font-size: 12px;line-height: 32px}
.case-page{ height:36px; padding-left:2%; padding-right:2%;}
.detail-next-prev{padding-top:20px; padding-bottom:10px;}
.case-wrap-full .detail-next-prev{padding-top:10px; padding-bottom:10px;}
.detail-next-prev .btn-back-cate{margin-left:-18px;}
.detail-next-prev .btn-back-cate img{ width:36px; height:auto;}
.btn-prev,.btn-next{width:36px;height:36px;background-size:36px auto;}
.warp-type-list{position: static !important;float: static}
.case-list .museo-light{width: 100%;display: block}
.case-content{padding-bottom: 35px}
.warp-type-list a{line-height: 35px;margin-right: 10px}
.case-read-top .fl, .case-read-top .fr{width: 90%;text-align: left;margin: 0 auto;float: none}
.case-read-top{padding: 30px 0}
.case-read-top .fr ul{bottom: 30px}
.news{width: 92%;padding: 80px 0 10px}
.news-summary{margin-top: 10px}
.news-list{ padding-left:0; padding-right:0;}
.case-wrap.news .warp-type{ height:auto;margin-top:0;}
.case-wrap.news .warp-type-list{margin-top:10px;}
.news-list li{padding: 25px 0 10px;}
.news-list li:first-child{ padding-top:5px;}
.news-list li .imgbigout{ position:relative; left:auto; top:auto; width: 100%; clear:both;}
.news-list li .news-summary p{ height:auto; margin-top:10px;}
.news-list li .news-summary h4{margin-bottom: 10px}
.news-list li .news-summary p{margin-bottom: 20px}
.news-list li .news-summary span{height:auto;margin-bottom: 20px}
.news .case-more {display:none;}
.case-wrap.news .case-more{ margin:30px auto 50px;}
.case-wrap .case-more{width:190px; font-size:20px;}
.case-wrap .case-more:after{ width:160px;}
.news-detail{ width:100%;}
.post-meta{ padding-left:10px; padding-right:10px;}
.post-meta h1{font-size:24px; line-height:1.5em;}
.post-meta .post-time{font-size:16px;}
.back2top{display: none !important}
.case-wrap .warp-type p{width: 94%;position: static;margin-left: 0}
.case-wrap .warp-type-list{width: 100%;position: static; margin-top:10px;}
.case-wrap .warp-type{height:40px;padding-left: 15px; clear:both;}
.case-wrap .warp-type-list a{height: 30px;line-height: 30px;margin-right: 10px;font-size: 12px}
.case-more{display: none !important}
#qiao-wrap{display: none !important}
.case-list .warp-type-list a{font-size: 12px}
.case-list .warp-type-list .active{font-size: 12px}
.case-list .warp-type-list .museo-light{font-size: 16px;margin-bottom: 14px}
.page-banner-text h1{font-size:38px;}
.about-wrap .post-content{ padding:15px;}
.text-items{padding-left:0;margin-top:30px;padding-bottom:40px;}
.text-items .items-title{ position:relative; left:auto; top:auto; width:100%; text-align:center; margin-bottom:40px; clear:both;}
.text-items .items-title h3:after{ right:50%; width:60px; height:2px; margin-right:-30px;}
.mix-list ul li{ padding-left:240px;}
.page-full .page-banner-text h1{ font-size:32px;}
.page-full .page-banner-text h1 span:after {width: 90px;margin-left: -45px;}
.page-full .page-banner-text h1 em{ font-size:24px;}
.post-content-inner{padding:60px 0; padding-left:0;}
.post-content .post-title{ position:relative; left:auto; top:auto; width:100%; font-size:32px; text-align:center; margin-bottom:40px; clear:both;}
.post-content .post-title h3{font-size:24px; margin-bottom:10px;}
.post-content .post-title p{font-size:16px;}
.post-content .post-texts hr{ border-top:none;}
.submenu ul li{padding: 0 15px;}
.team-lists ul li .text-summary .p2{ font-size:15px;}
.post-meta{margin-top:20px;margin-bottom:20px;padding-bottom:10px;}
}
@media (max-width:639px) {
.warp-title {font-size:28px;padding-top:40px;margin-bottom:20px;}
.warp-title h3,.warp-title h1{font-size:28px;}
.corp-lists ul li {width:23%;padding: 1%;}
.corp-lists ul li:nth-child(5n){ clear:none;}
.corp-lists ul li:nth-child(5n+1){ clear:none;}
.corp-lists ul li:nth-child(4n){ clear:right;}
.corp-lists ul li:nth-child(4n+1){ clear:left;}
.page-banner-text h1{font-size:32px;}
.page-full .page-banner-text h1{ font-size:24px;}
.page-full .page-banner-text h1 span:after {width:70px;margin-left: -35px;}
.page-full .page-banner-text h1 em{ font-size:18px;}
}
@media (max-width:479px) {
.slogan-wrap{padding-top:30px; padding-bottom:15px;}
.warp-title {font-size:24px;padding-top:30px;margin-bottom:10px;}
.warp-title h3,.warp-title h1{font-size:24px;}
.page-banner-text h1{font-size:24px;}
.mix-list ul li{ padding-left:0;}
.mix-list ul li .mix-img{ position:relative; left:auto; top:auto; width:100%; text-align:center; margin-bottom:10px;}
.mix-list ul li .mix-img img{ width:100%; height:auto;}
.submenu ul li{font-size: 13px;padding: 0px 6px;margin: 0 0;}
.submenu ul li a:hover:after, .submenu ul li.active a:after{width:80%;left:10%;}
.news-list li .news-summary span a{ line-height:1.5em; text-align:justify;}
.post-content p{ font-size:14px;}
.post-content .post-texts p{ font-size:14px;}
.team-lists ul li .text-summary .p2{ font-size:14px;}
}
@media (max-width:359px) {
.warp-title {font-size:20px;}
.warp-title h3,.warp-title h1{font-size:20px;}
.team-lists ul li .text-summary .p1{ font-size:20px;}
.team-lists ul li .text-summary .p2{ font-size:13px;}
.corp-lists ul li {width:31.33%;padding: 1%;}
.corp-lists ul li:nth-child(4n){ clear:none;}
.corp-lists ul li:nth-child(4n+1){ clear:none;}
.corp-lists ul li:nth-child(3n){ clear:right;}
.corp-lists ul li:nth-child(3n+1){ clear:left;}
.page-banner-text h1{font-size:20px;}
.page-full .page-banner-text h1{ font-size:20px;}
.page-full .page-banner-text h1 span:after {width:50px;margin-left: -25px;}
.page-full .page-banner-text h1 em{ font-size:14px;}
.submenu ul li{font-size: 12px;padding: 0 4px;}
.submenu ul li a:hover:after, .submenu ul li.active a:after{width:90%;left:5%;}
}
@media (max-width:319px) {
}