html, body,.swiper-container,.stone-index-banner{height: 100%;}
html, body{background-color: #363636;}
.index-nav-fixed-top{background: none!important;}
/* .index-case-item>a>img{pointer-events: none;} */
.stone-index-banner{overflow: hidden;}
.stone-animate{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.banner-image{position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;height: auto;width: auto;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);}
.banner-box{overflow: hidden;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-footer{bottom: 0px;z-index: 1;width: 100%;left: 0px;padding:25px;font-size: 12px;color: #ccc;}
.index-case-item>a>img,.index-case-item>img{height: 100%;width: auto;max-width: 1000%!important}
/* .index-case-item>img:hover{transform: scale(1.1, 1.1);-webkit-transform: scale3d(1.1,1.1);} */
.index-case-item{display: inline-block;overflow: hidden;height: 100%;margin-right: -4px;background-color: #232323;}
/* #case-box{width:100%;height: 85%;overflow:hidden;padding-left: 39px;position: relative;top: 7.5%;left: 0;} */
#case-box{width:100%;height: 100%;overflow:hidden;padding-left: 39px;position: relative;left: 0;}
.content{ width: 100%; height: 100%;background-color: #0a0a0a;overflow: hidden;}
.index_classify{top: 50%;left: 0;margin-top: -240px;padding-left: 25px;line-height: 12px;}
.classify_filter {float: left;margin-right: 12px;text-align: center;font-size: 11px;color: #cdcdcd;
}
.index_classify>.logo-font{height: 12px;width: auto;margin-right: 12px;}
.classify_filter.active{text-decoration: underline;color: #363636;}
.classify_filter:hover{text-decoration: underline;}
.banner-text{top: 50%;left: 50%;width: 1250px;margin-left: -625px;text-align: center;height: 550px;margin-top: -275px;-o-transform: translateX(0px);-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-o-transition: all 1.5s ease;transition: all 1.5s ease;}
.text-default-y{-webkit-transform: translateY(150px);transform: translateY(150px);-moz-transform: translateY(150px);-o-transform: translateY(150px);opacity: 0;}
.text-move-y{-webkit-transform: translateY(0px);transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);opacity: 1}
.logo-big{width: 107px;height: auto;}
.logo-en{width: 1127px;height: auto;margin-top: 130px;}
.banner-case{width: 768px;height: auto;margin-top: 100px;}
.banner-text-one{margin-top: 60px;color: #fff;font-size: 30px;}
.banner-down{bottom: 30px;text-align: center;width: 100%;}
.banner-down>img{width: 30px;height: auto;}
.about-footer{height: 0%;width: 100%;bottom: 0;background-color: #ffffff;}
.about-text-box{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);}
.about-text-bottom{font-size: 18px;display: none;}
.about-text-box p{text-align: center;}
.about-text-bottom>p{margin-top: 18px;}
.about-text-top>p{margin-top: 40px;}
.about-text-top{color: #fff;font-size: 36px;width: 100%;display: none;}
.about-text-top>p:nth-of-type(1),.about-text-bottom>p:nth-of-type(1){margin-top: 0px;}
.slide-2{background-color: #0a0a0a}
.case-banner{height: 100%;width: 460px;background-color: #232323;margin:70px 0 22px 34px; }
.scroll-container{height: 100%;white-space:nowrap;color: #cdcdcd;-webkit-transform: translateX(0px);transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.case-next,.case-prev{position: absolute;top: 0;cursor: pointer;height: 100%;width: 100px;z-index: 100;}
.case-next:hover,.case-prev:hover{background-color: rgba(0,0,0,0.5);transition: background-color 0.25s linear 0s, opacity 0.25s linear 0s;-webkit-transition:transition: background-color 0.25s linear 0s, opacity 0.25s linear 0s;}
.case-next{right: 38px;}
.case-prev{left: 0px;display: none;}
.case-next>img,.case-prev>img{width: 18px;height: auto;position: absolute;top: 50%;margin-top: -25px;}
.case-next>img{right: 50%;margin-right: -9px;opacity: 0.5;transition: opacity 0.25s linear;-webkit-transition: opacity 0.25s linear;}
.case-prev>img{left: 50%;margin-left: -9px;opacity: 0.5;transition: opacity 0.25s linear;-webkit-transition: opacity 0.25s linear;}
.case-banner>div:nth-of-type(1)>a{font-size: 36px;color: #fff;}
.case-banner>div:nth-of-type(2){font-size: 12px;margin-top: 60px;letter-spacing:10px;}
.case-banner>p{font-size: 14px;margin-top: 20px;}
.case-banner>p:nth-of-type(1){margin-top: 110px;line-height: 40px}
.case-banner>div:nth-of-type(3){position: absolute;bottom: 22px;left: 34px;letter-spacing:3px;}
.side-scroller{height: 85%!important;top: 7.5%;}
.side-scroller{opacity: 0.8;background: #222;-webkit-transition: opacity 0.5s linear;transition: opacity 0.5s linear;}
.swiper-slide-active{opacity: 1}
#down-arrow {bottom: 0;color: #fff;text-align: right;font-size: 14px;}
#down-arrow>div{position:absolute;height: 14px;top: 50%;margin-top: -7px;right: 20px;}
.updown-arrow {display: none;position: fixed;z-index: 10;left: 32px;right: 0;height: 7.5%;}
.arrow {cursor: pointer;-webkit-transition: background-color 0.25s linear, opacity 0.25s linear;transition: background-color 0.25s linear, opacity 0.25s linear;background-color: #222;opacity: 0.7;cursor: pointer;display: none;}
#up-arrow {top: 0}
/* .arrow:hover{opacity: 0;} */
.slide-0{top: 0!important;}
.morecase{position: absolute;top: 0;cursor: pointer;height: 100%;width: 100px;background-color: rgba(0,0,0,0.5);transition: background-color 0.25s linear 0s, opacity 0.25s linear 0s;-webkit-transition:transition: background-color 0.25s linear 0s, opacity 0.25s linear 0s;right: 38px;font-size: 18px;color: #fff;display: none;z-index: 100;}
.morecase>div{height: 20px;position: absolute;top: 50%;margin-top: -10px;text-align: center;width: 100%;}
.morecase>div>a{color: #fff;}
.index-nav-inside{padding: 10px 20px 10px 74px!important;}
.default-x{-webkit-transform: translateX(0px);transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);opacity: 1}
.meun-left-box{height: 100%;width: 38px;background-color: #000000;position: fixed;left: 0;top:0;z-index: 99997;font-size: 14px;color: #666666;}
.meun-case-box{position: absolute;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);width: 100%;white-space:nowrap;}
.meun-case{padding-left: 20px;cursor: pointer;}
.meun-case>a,.meun-case-item-box>span>a{color: #666666;cursor: pointer;}
.meun-case>a:hover,.meun-case-item-box>span>a:hover{color: #cccccc;}
.meun-case-bottom{cursor: pointer;padding-left: 15px}
.case-scroll-box{max-width: 760px;overflow: hidden;margin-left: 14px}
.line-block{display: inline-block;overflow: hidden;padding-top: 3px;}
.case-scroll-box>span{display: inline-block;}
.logo{margin-left: 0px!important;}
.index-nav-inside>.nav-logo>.nav-bar{margin: 14px 0px 0 20px!important;}
.case-swiper>.swiper-wrapper>.swiper-slide{height: 100%;width: auto!important;}
.case-swiper>.swiper-wrapper{ -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
@media (max-width: 1440px) {
    .banner-text{width: 800px;margin-left: -400px;height: 380px;margin-top: -190px;}
    .logo-en,.banner-case{margin-top: 60px;}
    .banner-text-one{font-size: 20px;}
    .logo-big {width: 80px;}
    .case-banner{width: 350px;}
}