@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: "ff_MM","Noto Sans SC",'Microsoft Yahei','PingFang SC';color:#838384;line-height:1;font-weight:normal;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { /*font-family: "ff_MM";*/ 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: #1c1514; 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:#838384; }
.search-input::-moz-placeholder { color:#838384; } /* firefox 19+ */
.search-input:-ms-input-placeholder { color:#838384; } /* ie */
.search-input input:-moz-placeholder { color:#838384; }

.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);
    }
}


@font-face{
    font-family:"ff_MM";
    src:url('../font/Montserrat-Medium-7.otf');
}

@font-face{
    font-family:"ff_MM_Light";
    src:url('../font/Montserrat-Light-6.ttf');
}

@font-face{
    font-family:"ff_MM_Bold";
    src:url('../font/Montserrat-Medium-7.otf');
}
.cn{
	font-family: "Noto Sans SC",'Microsoft Yahei','PingFang SC' !important;
	font-weight: 400;
}
.cnMedium{
	font-family: "Noto Sans SC",'Microsoft Yahei','PingFang SC' !important;
	font-weight: 500;
}
.cnLight{
	font-family: "Noto Sans SC",'Microsoft Yahei','PingFang SC' !important;
	font-weight: 300;
}
.cnBold{
	font-family: "Noto Sans SC",'Microsoft Yahei','PingFang SC' !important;
	font-weight: 700;
	/*
    font-family: "˼ԴºÚÌå CN Bold",'Microsoft Yahei Bold','PingFang SC Bold' !important;
	font-weight: bold;
	font-family: "cnNormal" !important;*/
	/*font-family: "cnBold" !important;*/
}
/*@font-face{
    font-family:"ff_SS";
    src:url('../font/SourceHanSansCN-Regular.otf');
}*/


.header{ border-bottom: 2px solid #838384; overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.header .logo{ margin-left: 2%; height:54px; cursor: pointer; }
.header .logo img{ display: block; height: 54px; }
.header .menu{ display: block; height: 90px; line-height: 90px; border-left: 2px solid #838384; width: 16.8%;  text-align: right; padding-right:2%; font-size: 36px; transition: background-color 0.6s; cursor: pointer;  }
.header .menu:hover{ background-color: #de5823; color: #1c1514; }
.header .menu.on{ background-color: #de5823; color: #1c1514; }

.txtban{ padding: 200px 0 180px; text-align: center; }
.txtban h3{ font-size: 130px; display: flex; align-items: flex-start; justify-content: center; letter-spacing:-6px; }
.txtban h3 i{ font-size: 46px; color: #838384ffe;letter-spacing:0px; font-family: "Noto Sans SC"!important;	font-weight: 400; }
.txtban h6{ font-size: 30px; color: #838384; margin-top: 20px; }

.pagem{ border-top: 2px solid #838384; border-bottom: 2px solid #838384; overflow: hidden; }
.pagem .snav{ width: 37.5%; float: left; }
.pagem .snav .sone{ padding:0 2%; border-bottom: 1px solid #838384; transition: all 0.6s; cursor: pointer; }
.pagem .snav .sone:last-child{ border-bottom: 2px solid #838384;}
.pagem .snav .sone.all{ padding-right: 0 !important; }
.pagem .snav .name{ padding: 20px 0; display: flex; align-items: flex-end; color: #838384; 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: #1c1514; margin-right: 8px; border-radius: 28px; background-color: #838384; font-family: "ff_MM_Bold";transition: background-color 0.6s; cursor: pointer;letter-spacing: -0.5px; }
.pagem .snav .sone:hover{ border-bottom: 2px solid #de5823; background-color:#de5823;  }
.pagem .snav .sone:hover .name{ color: #1c1514; }
/*.pagem .snav .sone.p_all:hover{ border-bottom: 2px solid #de5823; background-color:#de5823;  }
.pagem .snav .sone.p_all:hover .name{ color: #1c1514; }*/
.pagem .snav .sone.more:hover{ border-bottom: 1px solid #838384; background-color:#1c1514;  }
.pagem .snav .sone.more:hover .name{ color: #838384; }
.pagem .snav .sone.click{ background-color:#de5823;}
.pagem .snav .sone.click .name{ color: #1c1514; }
.pagem .snav .sone.one.click{ background-color:#de5823;}
.pagem .snav .sone.one.click .name{ color: #1c1514; }
.pagem .snav .kon:hover{ background-color:#de5823; color: #1c1514; }
.pagem .snav .kon.on{ background-color:#de5823; color: #1c1514; }
.pagem .snav.fixs{ position: fixed; left: 0; top: 0; width: 37.5%; z-index: 3; background-color: #1c1514; }
.pagem .snav .space{ padding-left:35px; padding-top:0px !important; }
.pagem .snav .space2{ margin-left:35px; padding: 20px 0%; border-top: 2px solid #838384;}
.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:#de5823; color: #1c1514; }
.pagem .snav .space2.on img{ display:block; width:35px; }

.pagem .mains{ width: 62.5%; float: right; border-left: 2px solid #838384; padding:0px 2%; min-height: 900px; }

.pagenum{ display: flex; align-items: center; justify-content: center; padding: 55px 0 140px; }
.pagenum .icon{ display: block; width: 44px; height: 44px; margin:0 15px; cursor: pointer; opacity: 0.4; }
.pagenum .icon.active{ opacity: 1; }
.pagenum .icon img{ display: block; width: 44px; }
.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: #838384; text-decoration: underline; }
.pagenum .numa:hover{ color: #838384; text-decoration: underline; }

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

.footer{ border-top: 2px solid #838384; position: relative; }
.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: #838384; 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: #de5823; }
.ftup .link:after{content: ""; position: absolute; left: 0; top: 0; width: 2px; background-color: #838384; height: 100%;}
.foot{ background-color: #de5823; height: 80px; padding: 0 2%;  font-size: 22px; color: #1c1514; line-height: 80px; }
.foot p{ width: 50%; float: left; letter-spacing: -1px; }
.foot p a{ color:#1c1514; text-decoration:none;}
.foot ul{ width: 50%; float: left; display: flex; align-items: center; justify-content: space-between; padding-left:70px; letter-spacing: -1px; }
.foot ul li{ position: relative; cursor: pointer; }
.foot ul li a{ display: flex; align-items: center; color:#1c1514; }
.foot ul li a img{ display: block; width: 16px; margin-left: 6px; }
.foot ul li .drop{ position: absolute; width: 98px; left: 10%; z-index: 2; bottom: 70%; display: none; }
.foot ul li:hover .drop{ display: block; }
.gotop{ position: absolute; right:4%; width: 79px; height: 87px; top: -44px; z-index: 2; cursor: pointer;  }



.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{background-image: url(../img/img23.png);}
.swiper-button-next.white{background-image: url(../img/img22.png);}


@media (max-width: 1440px) {


.header .logo{ height:54px;  }
.header .logo img{  height: 54px; }
.header .menu{ height: 90px; line-height: 90px; font-size: 32px; }

.txtban{ padding: 150px 0 120px; }
.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: 38px; height: 38px;}
.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; }

.foot{ height: 70px; font-size: 18px; line-height: 70px; }
.foot p{ width: 50%; float: left; }
.foot ul{ width: 50%; float: left;  }
.foot ul li a img{ width: 12px;  }
.gotop{ width: 79px; height:auto; top: -44px; }

}
@media (min-width:1024px) and (max-width:1439px) {
   .foot{ height: 70px; font-size: 15px; line-height: 70px; }
}




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

.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: 60px; color: #838384; display: block;  }
.indexs .txt span{ display: block; word-spacing: 0; }

.indexs .tip{ position: absolute; right: 4.56%; top:22%; z-index: 8; font-size: 18px; color: #838384; 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: #838384; }
.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 #838384; height: 100%; writing-mode:vertical-rl; text-orientation: mixed;display: flex; align-items: center; justify-content: space-between; font-size: 16px; color: #838384; padding: 2% 0; position: relative; }
.indexs .side a{color:#838384; text-decoration:none;}

.bottxt{ position: fixed; left: 0; bottom: 0; width: 100%; background-color: #de5823; height: 60px; display: flex; align-items: center; justify-content: space-between; padding:  0 4.16%; font-size: 30px; color: #1c1514; }
.bottxt .bone{ display: flex; align-items: center; position: relative; cursor: pointer; }
.bottxt .bone i{ display: block; width: 22px; height: 22px; background-color: #1c1514; 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: #1c1514; 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) {
/*body{ padding: 0; }*/

.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: #838384; }
.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 #838384; font-size:0.24rem; font-size: 12px; color: #838384; 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; padding-top: 1.22rem; font-family: "ff_MM","Noto Sans SC",'Microsoft Yahei','PingFang SC';font-weight:normal; }
.indexs .tip{ font-size:0.26rem; top: 10%; right: 14%; line-height: 0.3rem; 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 #838384; }
.pagem .snav .sone:hover{ border-bottom: 0.02rem solid #de5823; background-color:#de5823;  }
.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{ border-width: 0.02rem;border-top: 0.04rem solid #838384; }
.pagem .mains{ width: 100%; border:none; padding: 0 5%; min-height: 0; }


.header{ height: 1.22rem; border-bottom: 0.04rem solid #838384; position: fixed; left: 0; top: 0; width: 100%; z-index: 99; background-color: #1c1514; }
.header .logo{ margin-left: 4%; height:0.6rem;}
.header .logo img{  height: 0.6rem; }
.header .menu{display: block; font-family:"ff_MM"; font-weight:bold; height: 1.2rem; line-height: 1.2rem; border-left: 2px solid #838384;letter-spacing: -0.03rem; width: 30%; padding-right:0; text-align: center; font-size: 0.36rem; border-left-width: 0.04rem; }

.txtban{ padding: 1.5rem 0 1.5rem; }
.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"; }

.pagenum{ padding: 0.5rem 0 1.2rem; }  
.pagenum .icon{ width: 0.48rem; height: 0.48rem; margin:0 0.2rem; }
.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 #1c1514; padding: 0.12rem 0.03rem; border-radius: 0.6rem; width: 100%; letter-spacing:-0.02rem; font-weight:bold; }


.footer{ border-width: 0.02rem;}
.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; }
.foot{ height:auto; padding: 0.2rem 5%; font-size: 0.21rem; line-height:0.4rem; }

.foot p{ width: 100%; font-size: 0.21rem; margin-bottom: 0.1rem;letter-spacing: -0.015rem; }
.foot ul{ width: 100%; padding-left:0px; letter-spacing:-0.01rem;}
.foot ul li a img{ width: 0.2rem; margin-left: 0.1rem; }
.foot ul li .drop{ position: absolute; width: 98px; left: 10%; z-index: 2; bottom: 70%; display: none; }
.gotop{ right:5%; width:0.6rem; height: auto; top: -0.4rem; }
.gotop img{ display: block; width: 100%; }


.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; }
}