@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important; }
body { margin: 0px; padding: 0px; font-family: 'HarmonyOS Sans SC', 'Arial', 'Helvetica', sans-serif; font-weight: 300; color: white; }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ text-decoration:none}
h2,h3,h4,h5,h6,h1,b,strong { font-weight: normal; }
em,i { font-style: normal; }
body,html{ background-color: #000; max-width: 1920px; margin:0 auto; }
body{
  -webkit-text-size-adjust:100% !important;
  text-size-adjust:100% !important;
  -moz-text-size-adjust:100% !important;
}


.lg-outer .lg-img-wrap{ display: flex; align-items: center; justify-content: center; }

.search-input::-webkit-input-placeholder { color:#fff; }
.search-input::-moz-placeholder { color:#fff; } /* firefox 19+ */
.search-input:-ms-input-placeholder { color:#fff; } /* ie */
.search-input input:-moz-placeholder { color:#fff; }

.search-input::-webkit-input-placeholder { color:#898989; }
.search-input::-moz-placeholder { color:#898989; } /* firefox 19+ */
.search-input:-ms-input-placeholder { color:#898989; } /* ie */
.search-input input:-moz-placeholder { color:#898989; }


@-webkit-keyframes bounce-down {
   25% {
        -webkit-transform: translateY(-4px);
   }
   50%, 100% {
        -webkit-transform: translateY(0);
   }
   75% {
        -webkit-transform: translateY(4px);
   }
}
 
@keyframes bounce-down {
    25% {
         transform: translateY(-4px);
    }
    50%, 100% {
         transform: translateY(0);
    }
    75% {
         transform: translateY(4px);
    }
}


/* Thin */
@font-face {
    font-family: 'HarmonyOS Sans SC';
    src: url('../font/HarmonyOS_Sans_SC_Thin.woff2') format('truetype'),url('../font/HarmonyOS_Sans_SC_Thin.woff') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* Light */
@font-face {
    font-family: 'HarmonyOS Sans SC';
    src:url('../font/HarmonyOS_Sans_SC_Light.woff2') format('truetype'),url('../font/HarmonyOS_Sans_SC_Light.woff') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Regular */
@font-face {
    font-family: 'HarmonyOS Sans SC';
    src: url('../font/HarmonyOS_Sans_SC_Regular.woff2') format('truetype'), url('../font/HarmonyOS_Sans_SC_Regular.woff') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.txtban{ text-align: center; overflow:hidden;margin-top: 52px;}
.txtban h3{ font-size: 130px; display: flex; align-items: flex-start; justify-content: center; letter-spacing:-6px; }
.txtban h3 i{ font-size: 46px; color: #fffffe;letter-spacing:0px; font-family: "Noto Sans SC"!important;	font-weight: 400; }
.txtban h6{ font-size: 30px; color: #fefefe; margin-top: 20px; }
.txtbanm{display:none;}
.topbanner{width:100%; height:auto;}

.pagem{ overflow: hidden; }
.pagem .snav{ width: 37.5%; float: left; }
.pagem .snav .sone{ padding:0 2%; border-bottom: 1px solid #fff; transition: all 0.6s; cursor: pointer; }
.pagem .snav .sone:last-child{ border-bottom: 2px solid #fff;}
.pagem .snav .sone.all{ padding-right: 0 !important; }
.pagem .snav .name{ padding: 20px 0; display: flex; align-items: flex-end; color: #fff; flex-wrap: wrap; }
.pagem .snav .name i{ font-size: 16px; }
.pagem .snav .name b{ font-size: 50px; line-height:40px; padding: 0 10px;font-family: 'ff_MM_Bold';letter-spacing: -2px; }
.pagem .snav .name span{ font-size: 24px; flex:1;}
.pagem .snav .name img{ display: block; width: 46px; }
.pagem .snav .name img.small{ width:34px; }
.pagem .snav .sone.all .name{ padding-right: 2%; }
.pagem .snav .kinds{padding-top: 0 !important; padding-bottom: 10px; overflow: hidden;  }
.pagem .snav .kon{ float: left; margin-bottom: 8px; padding: 0 14px; height:28px; line-height: 28px; font-size: 14px; color: #000; margin-right: 8px; border-radius: 28px; background-color: #fff; font-family: "ff_MM_Bold";transition: background-color 0.6s; cursor: pointer;letter-spacing: -0.5px; }
.pagem .snav .sone:hover{ border-bottom: 2px solid #FBC518; background-color:#FBC518;  }
.pagem .snav .sone:hover .name{ color: #000; }
/*.pagem .snav .sone.p_all:hover{ border-bottom: 2px solid #FBC518; background-color:#FBC518;  }
.pagem .snav .sone.p_all:hover .name{ color: #000; }*/
.pagem .snav .sone.more:hover{ border-bottom: 1px solid #fff; background-color:#000;  }
.pagem .snav .sone.more:hover .name{ color: #fff; }
.pagem .snav .sone.click{ background-color:#FBC518;}
.pagem .snav .sone.click .name{ color: #000; }
.pagem .snav .sone.one.click{ background-color:#FBC518;}
.pagem .snav .sone.one.click .name{ color: #000; }
.pagem .snav .kon:hover{ background-color:#FBC518; color: #000; }
.pagem .snav .kon.on{ background-color:#FBC518; color: #000; }
.pagem .snav.fixs{ position: fixed; left: 0; top: 0; width: 37.5%; z-index: 3; background-color: #000; }
.pagem .snav .space{ padding-left:35px; padding-top:0px !important; }
.pagem .snav .space2{ margin-left:35px; padding: 20px 0%; border-top: 2px solid #fff;}
.pagem .snav .space2 img{ display:none;}
.pagem .snav .space2 b{ padding-left: 0; }
.pagem .sone.all .jt2{ display: none; }
.pagem .sone.all .drop{ display: none; }
.pagem .sone.all.on .drop{ display: block; }
.pagem .sone.all.on .jt1{ display: none; }
.pagem .sone.all.on .jt2{ display: block; }
.pagem .snav .space2.on{  background-color:#FBC518; color: #000; }
.pagem .snav .space2.on img{ display:block; width:35px; }

.pagem .mains{ width: 100%; margin:0 auto;  padding:0px 8%; }

.pagenum{ display: flex; align-items: center; justify-content: center; padding: 88px 0; border-top: 2px solid gray; }
.pagenum .icon{ display: block; width: 99px; height: 13px; margin:0 47px; cursor: pointer; }
.pagenum .icon.active{ opacity: 1; }
.pagenum .icon img{ display: block; width: 100%; }
.pagenum .numa{ display: block; width:40px; height: 44px; font-size: 16px; color: rgba(255,255,255,0.4); cursor: pointer; line-height: 44px; text-align: center; transition: all 0.6s; }
.pagenum .numa.on{ color: #fff; text-decoration: underline; }
.pagenum .numa:hover{ color: #fff; text-decoration: underline; }

.slogan{ padding: 80px 0; text-align: center; font-size: 22px; color: #fff; letter-spacing:-1px; }
.sloganw{ padding: 140px 0; text-align: center; font-size: 22px; color: #000; display: flex; align-items: center; justify-content: center; }
.sloganw p{ line-height: 54px; border:2px solid #000; padding: 0 55px; border-radius: 40px; letter-spacing:-1px; }
.sloganw.white p{ color: #fff; border-color: #fff; }


.ftup{ overflow: hidden; padding: 90px 2% 0; }
.ftup .logo{ display: block; width: 240px; float: left; }
.ftup .logo img{ display: block; width: 100%; }
.ftup .link{ float: right; padding-left: 70px; padding-bottom: 70px; margin-top:25px; position: relative; overflow: hidden; width: 50%;}
.ftup .lka{ font-size: 24px; color: #fff; margin-bottom:35px; line-height: 30px; width: 50%; float: left; transition: all 0.6s; cursor: pointer; display:flex; }
.ftup .lka span{ font-size: 30px; padding-right:12px; letter-spacing:-1px; }
.ftup .lka:hover{ color: #FBC518; }
.ftup .link:after{content: ""; position: absolute; left: 0; top: 0; width: 2px; background-color: #fff; height: 100%;}



.swiper-button-prev{ background-image: url(../img/img33.png); background-size:46px auto; background-position: center center; background-repeat: no-repeat; width: 46px !important; height: 45px !important; z-index: 80;   }
.swiper-button-next{ background-image: url(../img/img32.png); background-size:46px auto; background-position: center center; background-repeat: no-repeat; width: 46px !important; height: 45px !important; z-index: 80;  }
.swiper-button-next:after, 
.swiper-button-prev:after{ display: none; }
.swiper-button-prev.white { display: none; background-image: url(../img/detailarrowl.png); background-size: 42px auto; background-position: center center; background-repeat: no-repeat; width: 42px !important; height: 80px !important; left: 4%; top: 38%; }
.swiper-button-next.white { background-image: url(../img/detailarrowr.png); background-size: 42px auto; background-position: center center; background-repeat: no-repeat; width: 42px !important; height: 80px !important; right: 4%; top: 38%; }

@media (max-width: 1440px) {


.txtban h3{ font-size: 110px;}
.txtban h3 i{ font-size: 40px;  }
.txtban h6{ font-size: 26px; }  

.pagem .snav .name i{ font-size: 14px; }
.pagem .snav .name b{ font-size: 30px; line-height: 32px; }
.pagem .snav .name span{ font-size: 20px;}
.pagem .snav .name img{ width:32px; }
.pagem .snav .name img.small{ width:26px; }
.pagem .snav .space{ padding-left:30px; padding-top:0px; }
.pagem .snav .space2{ margin-left:30px; }

.pagenum{ padding: 40px 0 110px; }
.pagenum .icon{ width: 99px; height: 13px;}
.pagenum .icon img{ width: 100%; }
.pagenum .numa{ height: 38px;  line-height: 38px; }

.slogan{ padding: 60px 0; font-size: 20px; }
.sloganw{ padding: 110px 0; font-size: 20px; }


.ftup{ padding: 70px 2% 0; }
.ftup .logo{ width: 220px; }
.ftup .link{  padding-left: 70px; padding-bottom: 70px; }
.ftup .lka{ font-size: 20px; line-height: 30px; }
.ftup .lka span{ font-size: 26px; }


}



.indexs{ overflow: hidden; height:100vh; padding-bottom: 60px; position: fixed; left: 0; top: 0; width: 100%; z-index: 99; background-color: #000; }

.indexs .moves{ width: 95.8%; height: 100%; float: left; background-image: url(../img/img13.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: left top; position: relative; }
.indexs .logo{ position: absolute; left:4.16%; top:3.15%; height: 74px; display: block; z-index: 2;   }
.indexs .logo img{ display: block; height: 100%; }
.indexs .txt{ position: absolute; right: 4.56%; top:4.63%; z-index: 8; font-size: 66px; color: #fefefe; display: block;  }
.indexs .txt span{ display: block; word-spacing: 0; }

.indexs .tip{ position: absolute; right: 4.56%; top:25%; z-index: 8; font-size: 14px; color: #fff; display: block; line-height: 1; }
.indexs .tip span{ line-height: 1.3; }
.indexs .tip i{ display: block; height: 10px; }

.indexs ul{ padding: 0 4.16%; display: flex; align-items: flex-end; justify-content: space-between; position: absolute; left: 0; bottom: 3%; width: 100%; }
.indexs ul li{ font-size: 66px; color: #fefefe; }
.indexs ul li img{ height: 98px; }
.indexs .mka{ display: block; transition: all 0.6s; cursor: pointer; }
.indexs .mka .iconb{ display: none; }
.indexs .mka img{ width: 100%;}
/*.indexs .mka:hover img{ transform: rotate(15deg); }*/
.indexs .rot{ transform: rotate(0deg); transition: all 0.6s; }
.indexs .rot:hover{ transform: rotate(15deg); }
.indexs .mka:hover .icona{ display: none; }
.indexs .mka:hover .iconb{ display: block; }
.indexs .wz1{ position: absolute; left: 24.5%; top:14.5%; z-index: 10; width: 27%;  }
.indexs .wz2{ position: absolute; left: 55%; top:16%; z-index: 10; width: 30.82%;  }
.indexs .wz3{ position: absolute; left: 13%; top:41.5%; z-index: 10; width: 26.41%;  }
.indexs .wz4{ position: absolute; left: 40%; top:43.5%; z-index: 10; width: 22.34%;  }
.indexs .wz5{ position: absolute; left: 65%; top:55.5%; z-index: 10; width: 20%;  }

.indexs .side{ width: 4.2%; float: right; border-left: 2px solid #fff; height: 100%; writing-mode:vertical-rl; text-orientation: sideways-right;display: flex; align-items: center; justify-content: space-between; font-size: 16px; color: #fff; padding: 2% 0; position: relative; }
.indexs .side a{color:#fff; text-decoration:none;}

.bottxt{ position: fixed; left: 0; bottom: 0; width: 100%; background-color: #FBC518; height: 60px; display: flex; align-items: center; justify-content: space-between; padding:  0 4.16%; font-size: 30px; color: #000; }
.bottxt .bone{ display: flex; align-items: center; position: relative; cursor: pointer; }
.bottxt .bone i{ display: block; width: 22px; height: 22px; background-color: #000; border-radius: 50%; }
.bottxt .bone span{ padding-left: 15px; }
.bottxt .bone .icon{ margin-left: 15px; width: 20px; }
.bottxt .bone .drop{ position: absolute; width: 98px; left: 50%; margin-left: -50px; z-index: 2; bottom: 80%; display: none; }
.bottxt .bone .drop img{ display: block; width: 100%; }
.bottxt .bone:hover .drop{ display: block; }


.loading{ position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background-color: #000; z-index: 100; display: flex; align-items: center; justify-content: center; }
.loading img{ display: block; width: 320px; height:auto; }

.indexs.hasclose{ display: none;}
.indexs.hasclose.show{ display: block; }
.indexs.hasclose .side{ padding-top: 60px !important; }
.indexs.hasclose .close{ position: absolute; right: 50%; margin-right: -20px; top: 10px; width: 40px; cursor: pointer; z-index: 6; opacity: 0.3; }
.indexs.hasclose .close:hover{ opacity: 1; }

@media (max-width: 1600px) {
.indexs .txt{ right: 4%; font-size: 56px; }
.indexs .tip{ right: 4%; top:25%; font-size: 13px;}
.indexs ul li{ font-size: 56px; }
.indexs ul li img{ height: 80px; }

.bottxt{ padding: 0 4%; font-size: 26px; }
.bottxt .bone i{ width: 18px; height: 18px; }
.bottxt .bone span{ padding-left: 12px; }
.bottxt .bone .icon{ margin-left: 12px; width: 16px; }

}

@media (max-width: 1440px) {
.indexs .txt{ right: 3.5%; font-size: 50px; }
.indexs .tip{ right: 3.5%; top:25%; font-size: 10px;}
.indexs ul li{ font-size: 50px; }
.indexs ul li img{ height: 70px; }

.bottxt{ padding:  0 3.5%; font-size: 22px; }
.bottxt .bone i{ display: block; width: 14px; height: 14px; }
.bottxt .bone span{ padding-left: 10px; }
.bottxt .bone .icon{ margin-left: 10px; width: 14px; }

}

@media (max-width: 1220px) {

.indexs{ overflow: hidden; height:100vh; padding-bottom: 40px; }
.indexs .moves{ width:calc(100vw - 30px); height:calc(100vh - 40px );background-image: url(../img/mobilebg.png);}
.indexs .logo{ position: absolute; left:7%; top:3%; height: 0.6rem; }
.indexs .txt{ position: absolute; right:4%; top:3%; font-size: 0.4rem; font-size: 20px; }


.indexs .tip{ font-size:10px; top: 12%; right: 4%; line-height: 0.28rem; line-height: 12px; transform:scale(0.8); }
.indexs .tip span{ line-height: 0.32rem; line-height: 14px; }
.indexs .tip i{ height: 0; }

.indexs ul{ padding: 0 4% 0 7%; bottom: 3%; }
.indexs ul li{ font-size:0.4rem; font-size: 20px; color: #fefefe; }
.indexs ul li img{ height: 0.56rem; height: 24px; }
.indexs .menus{ }
.indexs .mka{ transition: all 0.6s; cursor: pointer; }
.indexs .mka .iconb{ display: none; }
.indexs .mka img{ width: 100%; transition: all 0.6s; }
.indexs .mka:hover{ transform: rotate(15deg); z-index: 55; }
.indexs .mka:hover .icona{ display: none; }
.indexs .mka:hover .iconb{ display: block; }
/*.indexs .wz1{ position: absolute; left: 5%; top:22%; z-index: 10; width: 59.3%; width: auto; height: 11vh;  }
.indexs .wz2{ position: absolute; left: 25%; left:auto; right: 5%; top:35%; z-index: 10; width: 67.77%;width: auto; height: 15vh;  }
.indexs .wz3{ position: absolute; left: 5%; top:51%; z-index: 10; width: 58%; width: auto; height: 15vh;  }
.indexs .wz4{ position: absolute; left: 48%; left:auto; right: 5%; top:56%; z-index: 10; width: 48%; width: auto; height: 18vh; }
.indexs .wz5{ position: absolute; left: 7%; top:71%; z-index: 10; width: 43.74%; width: auto; height: 16vh; }
  
.indexs .mka{ height: 100%; }
.indexs .mka img{ width: auto; height: 100%; transition: all 0.6s; }*/

.indexs .side{ width:30px; border-left: 0.02rem solid #fff; font-size:0.24rem; font-size: 12px; color: #fff; padding: 4% 0; }

.indexs.hasclose .side{ padding-top: 60px !important; }
.indexs.hasclose .close{ transform:scale(0.8); }


.bottxt{ height: 40px; padding: 0 3%; font-size:0.24rem; /*font-size: 12px;*/ }
.bottxt .bone { transform: scale(0.8); }
.bottxt .bone i{ width: 0.12rem; height: 0.12rem; /*width: 6px; height: 6px;*/  }
.bottxt .bone span{ padding-left: 0.06rem; }
.bottxt .bone .icon{ margin-left: 0.04rem; width: 0.16rem; /*width: 12px;*/ }
.bottxt .bone .drop{ position: absolute; width: 98px; left: 50%; margin-left: -50px; z-index: 2; bottom: 80%; display: none; }
.bottxt .bone .drop img{ display: block; width: 100%; }
.bottxt .bone:hover .drop{ display: block; }

.indexs .wz1{ top:14.5%; top:18.5%;  }
.indexs .wz2{ top:16%; top:32%; }
.indexs .wz3{ top:41.5%; top:47%; }
.indexs .wz4{ top:43.5%; top:50%; }
.indexs .wz5{ top:55.5%; top:62%;  }
.indexs .mka img{ transform: scale(1.05); }

}

@media (max-width: 1024px) {
  
.indexs .mka img{ transform: scale(1.08) translateY(10%); }
}

@media (max-width: 1023px) {

body{ width: 100%; margin:0 auto; }
.indexs .tip{ font-size:0.16rem; top: 11.5%; right: 4%; line-height: 0.18rem; transform:scale(0.8); }
.indexs .tip span{ line-height: 0.18rem; }
.pagem .snav.fixs{ position: static;}
.pagem .snav{ width: 100% !important; }
.pagem .snav .name i{ font-size: 0.24rem; }
.pagem .snav .name b{ font-size: 0.62rem; line-height: 0.5rem; padding: 0 0.06rem; font-family:"ff_MM_Light"; }
.pagem .snav .name span{ font-size: 0.32rem;}
.pagem .snav .name img{ width:0.4rem; }
.pagem .snav .name img.small{ width:0.3rem; }

.pagem .snav .sone{ padding: 0 5%; border-bottom: 0.02rem solid #fff; }
.pagem .snav .sone:hover{ border-bottom: 0.02rem solid #FBC518; background-color:#FBC518;  }
.pagem .snav .name{ padding: 0.25rem 0; }
.pagem .snav .sone.all .name{ padding-right: 5%; }
.pagem .snav .kon{ font-size: 0.26rem; padding: 0 0.2rem; font-size: 13px; }
.pagem .snav .space{ padding-left:0.4rem; padding-top:0rem; }
.pagem .snav .space2{ margin-left:0.4rem; border-width: 0.02rem; }
.pagem .snav .space2.on img {display: block; width:0.35rem;
}
.pagem .snav .kinds{ padding-bottom: 0.1rem; }

.pagem{  }
.pagem .mains{ width: 100%; border:none; padding: 0 5%; min-height: 0; }


.txtban{ display:none; }
.txtban h3{ font-size: 0.96rem;letter-spacing: -0.04rem;font-family:"ff_MM_Light";}
.txtban h3 i{ font-size: 0.36rem;  }
.txtban h6{ font-size: 0.22rem; margin-top: 0.2rem;font-family:"ff_MM_Light"; }
.txtbanm{display:block; overflow:hidden;}
.txtbanm img{width:100%; height:auto;}


.pagenum{ padding: 0.5rem 0 1.2rem; }  
.pagenum .icon{ width: 1.6rem; height: 100%; margin:0 0.4rem; }
.pagenum .numa{width: 0.44rem; height: 0.44rem; font-size: 0.28rem; line-height: 0.44rem; }

.slogan{ padding: 0.7rem 5%; font-size: 0.28rem; line-height: 1.2; font-size: 0.18rem; letter-spacing:0rem; /*transform: scale(0.9);*/ }
.sloganw{ padding: 1.2rem 5% 1.5rem; font-size: 0.18rem; /*transform: scale(0.9);*/ }
.sloganw p{ line-height: 0.22rem; border:0.02rem solid #000; padding: 0.12rem 0.03rem; border-radius: 0.6rem; width: 100%; letter-spacing:-0.02rem; font-weight:bold; }


.ftup{ padding: 1rem 5% 0; }
.ftup .logo{ width: 20%;}
.ftup .link{padding-left:0.3rem; padding-bottom: 0.3rem; width: 70%; margin-top:0px;}
.ftup .lka{ font-size: 0.24rem; line-height: 0.24rem; margin-bottom: 0.25rem;}
.ftup .lka span{ font-size: 0.26rem; padding-right:0.04rem;  }
.ftup .link:after{ width: 0.02rem; }


.swiper-button-prev{ background-size:16px auto; width: 16px !important; height: 15px !important;  }
.swiper-button-next{ background-size:16px auto; width: 16px !important; height: 15px !important;  }

}


@media (max-width: 768px) {
.indexs .wz1{ position: absolute; left: 18%; top:22%; z-index: 10; width: 59.3%; width: auto; height: 11vh;  }
.indexs .wz2{ position: absolute; left: 25%; left:auto; right: 12%; top:35%; z-index: 10; width: 67.77%;width: auto; height: 15vh;  }
.indexs .wz3{ position: absolute; left: 14%; top:51%; z-index: 10; width: 58%; width: auto; height: 15vh;  }
.indexs .wz4{ position: absolute; left: 48%; left:auto; right: 15%; top:56%; z-index: 10; width: 48%; width: auto; height: 18vh; }
.indexs .wz5{ position: absolute; left: 23%; top:71%; z-index: 10; width: 43.74%; width: auto; height: 16vh; }
.indexs .mka{ height: 100%; }
.indexs .mka img{ width: auto; height: 100%; transform: scale(1) translateY(0); }
}

@media (max-width: 750px) {
.loading img{ display: block; width: 70%; height:auto; }
.indexs .wz1{ position: absolute; left: 7%; top:22%; z-index: 10; width: 59.3%; width: auto; height: 11vh;  }
.indexs .wz2{ position: absolute; left: 25%; left:auto; right: 5%; top:35%; z-index: 10; width: 67.77%;width: auto; height: 15vh;  }
.indexs .wz3{ position: absolute; left: 7%; top:51%; z-index: 10; width: 58%; width: auto; height: 15vh;  }
.indexs .wz4{ position: absolute; left: 48%; left:auto; right: 5%; top:56%; z-index: 10; width: 48%; width: auto; height: 18vh; }
.indexs .wz5{ position: absolute; left: 7%; top:71%; z-index: 10; width: 43.74%; width: auto; height: 16vh; }
.indexs .mka{ height: 100%; }
.indexs .mka img{ width: auto; height: 100%; transform: scale(1) translateY(0); }

.indexs{ height: calc(100% - 40px); padding-bottom: 0; }
.indexs .side{ padding: 4% 0; }
}