html,body{padding: 0;margin: 0;font-size: 16px;color: #333;}
.wrap{margin: 0 auto;max-width: 1560px;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
p{margin: 0;}
i,em{font-style: initial;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.flexaro{display: flex;justify-content: space-around;align-items: center;}
/**导航菜单**/
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;color: #333;height: 115px;transition: all .5s; }
header .logo a{height: 115px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center;}
header .logo img{max-height: 100%;}
header .logo .dImg{display: block;}
header .logo .hImg{display: none;}
header .rightDiv{text-align: right;font-size: 0; }
header .rightDiv .menu>ul{display: inline-block!important;}
header .rightDiv .menu>ul>li{float: left;margin:0 100px 0 0;}
header .rightDiv .menu>ul>li>a{height: 115px;text-align: left;color: #333;position: relative;font-size: 24px;display: flex;justify-content: center;align-items: center;text-transform: uppercase;font-weight: 400; }
header .rightDiv .menu>ul>li:hover>a,
header .rightDiv .menu>ul>li:focus>a,
header .rightDiv .menu>ul>li.on>a,
header .rightDiv .menu>ul>li.active>a{background:transparent; }
header .rightDiv .menu>ul>li>a::after{content: "";width: 100%;position: absolute;left: 0;margin-left: 0; background: #333;height: 2px;bottom: 0;opacity: 0;transform: scaleX(0);-webkit-transition: all 0.4s;transition: all 0.4s;border-radius: 2px;}
header .rightDiv .menu>ul>li:hover>a::after,
header .rightDiv .menu>ul>li.on>a::after{opacity: 1;transform: scaleX(1);}
header .langDiv{position: relative; }
header .langDiv>a{color: #333;height: 115px; }
header .langDiv>a i{width: 16px;height: 115px;background: url(../img/xia.png) no-repeat center center; }
header .langDiv>a span{font-size: 24px;margin-right: 11px; }
header .langDiv .aDiv{position: absolute;left: 50%;width: 100px;box-shadow: 0px 6px 16px rgba(89,89,89,.11);background: rgba(255,255,255,.9);top: 80%;transform: translateX(-50%);border-radius: 3px;font-size: 18px;display: none; }
header .langDiv .aDiv a{color: #999;display: block;line-height: 40px;text-align: center; }
header .langDiv .aDiv a.on{color: #333; }
header .langDiv:hover .aDiv{display: block; }
header .mbtn {display: inline-block;width: 50px;height: 60px;background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;}
.onFixed header{top: -115px; }
.onBg header{background: #fff; }
.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.menu>ul>li{float:left;position: relative;}
.menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff}
/*.menu ul ul{position:absolute;text-align: left;background: #fff; padding:0;width: 100%;top: 100%;left:0;opacity: 0;visibility: hidden;transform: translateY(10px);transition: transform .6s;box-shadow: 0px 5px 5px rgba(0, 0, 0, .1); padding-left: calc((100vw - 1320px) / 2);height: 366px; }*/
.menu ul ul{position:absolute;background: #fff;text-align: left; width: max-content;min-width: 180px; top: 100%;left:50%;transition: opacity .3s;opacity: 0;visibility: hidden;box-shadow: 0px 6px 16px rgba(89,89,89,.11);transform: translateX(-50%);}
.menu ul ul::before{content: "";width: 16px;height: 16px;background: url(../img/ssj.png) no-repeat center center;position: absolute;left: 50%;top: -8px;transform: translateX(-50%);z-index: 0; }
/*.menu ul ul .ulDiv{transition: all .4s;opacity: 0;position: absolute;z-index: -1;visibility: hidden;width: 100%;}*/
/*.menu ul ul:before{content: "";width: 100vw;height: 100%;background: #EFF5FF;position: absolute;left: 90%;top: 0;z-index: -1;display: none; }
.menu ul ul:after{content: "";width: 100vw;height: 100%;background: #EFF5FF;position: absolute;right: 90%;top: 0;z-index: -1;display: none; }*/
.menu>ul>li:hover>ul{height: initial;visibility: visible;opacity: 1; }
.menu>ul>li li a{line-height: 48px;text-align: center;display: block;color: #111111;font-size: 14px;position: relative;z-index: 1; }
.menu>ul>li li a:hover{color: #030b5c; }
/****底部***/
.footerDiv{background: #000;color: #fff; }
.footerDiv .hdDiv{padding: 140px 0 120px;border-bottom: 1px solid rgba(255,255,255,.1); }
.footerDiv .hdDiv{align-items: stretch;}
.footerDiv .hdDiv .listDiv{width: 40%;display: flex;flex-direction: column;justify-content: space-between; }
.footerDiv .hdDiv .listDiv .tt{color: #928C9E; }
.footerDiv .hdDiv .listDiv .tt img{margin-right: 10px; }
.footerDiv .hdDiv .p{margin-top: 15px; }
.footerDiv .hdDiv .p p{margin-top: 15px; }
.footerDiv .hdDiv .text:nth-child(2){margin-top: 100px; }
.footerDiv .bdDiv{padding: 23px 0;color: #928C9E; }
.footerDiv .bdDiv a{color: #928C9E;}
.footerDiv .bdDiv a:hover{color: #fff;}
.footerDiv .bdDiv p{width: 40%; }
/*::-webkit-scrollbar
{
width: 2px;
height: 2px;
}
::-webkit-scrollbar-track
{
border-radius: 4px;
background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb
{
border-radius: 4px;
background-color: #0E50D1;
}*/
/********************************* 首页 **********************************/
/* .main{margin-top: 80px; } */
.f50{font-size: 50px;}
.f48{font-size: 48px;}
.f40{font-size: 40px;}
.f36{font-size: 36px;}
.f30{font-size: 30px;}
.f26{font-size: 26px;}
.f24{font-size: 24px;}
.f22{font-size: 22px;}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.bold{font-weight: bold; }
.imgOver{position: relative; }
.imgOver .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.imgOver .pic img{width: 100%;height: 100%;object-fit: cover; }
.indexDiv1{overflow: hidden; }
.indexDiv1 .bdDiv{padding: 115px 0;height: 100vh;position: relative;line-height: 1.75; }
.indexDiv1 .bdDiv .sbImg{position: absolute;left: 0;bottom: 50px;animation: scrolldown 2s ease infinite; }
@keyframes scrolldown {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(0, 25px);
}
100% {
transform: translate(0, 0);
}
}
.indexDiv2{padding: 50px 0 200px;overflow: hidden; }
.indexDiv2 .hdDiv ul li{margin-right: 60px; }
.indexDiv2 .hdDiv ul li a{color: #333;opacity: .5;white-space: nowrap; }
.indexDiv2 .hdDiv ul li.active a,.indexDiv2 .hdDiv ul li a:hover{opacity: 1; }
.indexDiv2 .hdDiv ul span{overflow: hidden;width: 100%;max-width: 0;opacity: 0;transition: all 0.8s ease-in-out; }
.indexDiv2 .hdDiv ul.active span{opacity: 1;max-width: 110vw; }
.indexDiv2 .hdDiv ul .button-toggle-categories{transition: all 0.3s ease-in-out 0.5s; }
.indexDiv2 .hdDiv ul.active .button-toggle-categories {opacity: 0;pointer-events: none;transition-delay: 0s;}
.indexDiv2 .bdDiv{margin-top: 20px; }
/* .indexDiv2 .bdDiv .grid{column-count: 2;column-gap: 0;margin: 0-20px; }
.indexDiv2 .bdDiv .grid li{box-sizing: border-box;break-inside: avoid;padding: 20px; }
.indexDiv2 .bdDiv .grid li a{display: block;position: relative;border-radius: 10px;overflow: hidden; } */
.indexDiv2 .bdDiv .grid{align-items: stretch; }
.indexDiv2 .bdDiv .grid li{width: calc(50% - 20px);margin: 20px 0; }
.indexDiv2 .bdDiv .grid li a{display: block;position: relative;border-radius: 10px;overflow: hidden; }
.indexDiv2 .bdDiv .grid li a.pd50 .imgDiv{padding-top: 75%; }
.indexDiv2 .bdDiv .grid li a.pd50:nth-child(1){margin-bottom: 40px; }
.indexDiv2 .bdDiv .grid li a.pd100,.indexDiv2 .bdDiv .grid li a.pd100 .imgDiv{height: 100%; }
.indexDiv2 .bdDiv .grid li .textDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);padding: 40px 6.5%;color: #fff;transition: 0.3s ease-out;opacity: 0; }
.indexDiv2 .bdDiv .grid li .textDiv .title{font-weight: 500;margin-bottom: 10px; }
.indexDiv2 .bdDiv .grid li a:hover .textDiv{opacity: 1; }
.aboutDiv{margin-top: 115px; }
.aboutDiv .hdDiv{padding: 137px 0 200px;align-items: flex-start; }
.aboutDiv .hdDiv .imgDiv{width: 36.54%; }
.aboutDiv .hdDiv .textDiv{width: 60.9%;line-height: 1.9; }
.aboutDiv .hdDiv .textDiv .title{margin-bottom: 50px; }
.aboutDiv .bdDiv .introDiv{line-height: 1.75; }
.aboutDiv .bdDiv .hzDiv{margin: 200px 0; }
.aboutDiv .bdDiv .lbDiv{position: relative;position: relative; }
.aboutDiv .swiper-button-prev,.aboutDiv .swiper-button-next{width: 60px;height: 60px;margin-top: -30px; }
.aboutDiv .swiper-button-prev{background: url(../img/left.png) no-repeat center center/100%;left: 6.25vw; }
.aboutDiv .swiper-button-next{background: url(../img/right.png) no-repeat center center/100%;right: 6.25vw; }
.aboutDiv .jxDiv{background: #F3F4F5;padding: 200px 0; }
.aboutDiv .jxDiv .title{margin-bottom: 40px; }
.aboutDiv .jxDiv ul li{padding: 20px 0; }
.aboutDiv .jxDiv ul li .li1{width: 35%;padding-right: 30px; }
.aboutDiv .jxDiv ul li .li2{width: 35%;padding-right: 30px; }
.aboutDiv .jxDiv ul li .li3{width: 15%; }
.aboutDiv .jxDiv ul li .li4{width: 15%;text-align: right; }
.proDetailDiv .banner{height: 100vh;position: relative; }
.proDetailDiv .banner .sbImg{position: absolute;left: calc((100vw - 1560px) / 2);bottom: 50px;animation: scrolldown 2s ease infinite; }
.proDetailDiv .bdDiv{padding: 100px 0;line-height: 1.78; }
.proDetailDiv .bdDiv .hd{margin-bottom: 60px; }
.proDetailDiv .bdDiv .hd p{margin-top: 10px; }
.proDetailDiv .bdDiv .bd video{width:100%!important;height: auto!important;display: block;margin-bottom: 25px; }
.proDetailDiv .bdDiv .row{margin: 0 -12.5px; }
.proDetailDiv .bdDiv .row>div{padding: 0 12.5px;margin-bottom: 25px; }
.proDetailDiv .bdDiv .row>div img{width: 100%; }
.worksDiv{padding-top: 170px; }
.worksDiv .imgDiv{padding-top: 75%; }
.worksDiv .row{margin: 0 -20px; }
.worksDiv .row>div{padding: 0 20px;margin-top: 40px; }
.worksDiv .row>div a{display: block;position: relative;border-radius: 10px;overflow: hidden; }
.worksDiv .row>div .textDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);padding: 40px 6.5%;color: #fff;transition: 0.3s ease-out;opacity: 0; }
.worksDiv .row>div .textDiv .title{font-weight: 500;margin-bottom: 10px; }
.worksDiv .row>div a:hover .textDiv{opacity: 1; }
@media (max-width:1620px) {
.wrap{padding: 0 30px;}
.proDetailDiv .banner .sbImg{left: 30px; }
}
@media (max-width:1560px) {
.f50{font-size: 42px;}
.f48{font-size: 40px;}
.f40{font-size: 36px;}
}
@media (max-width:1220px) {
.f50{font-size: 40px;}
.f48{font-size: 38px;}
.f40{font-size: 34px;}
.f36{font-size: 30px;}
}
@media (max-width:1100px) {
}
@media (min-width:992px) and (max-width:1024px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (max-width:991px){
.f48{font-size: 36px;}
.f40{font-size: 30px;}
.f36{font-size: 28px;}
.f30{font-size: 24px;}
.f24{font-size: 18px;}
header .logo a,header .rightDiv .menu>ul>li>a,header .langDiv>a{height: 100px; }
.footerDiv .hdDiv{padding: 100px 0 80px; }
.footerDiv .hdDiv .listDiv,.footerDiv .bdDiv p{width: 45%; }
.indexDiv2 .hdDiv ul li{margin-right: 50px; }
.indexDiv2 .bdDiv{margin-top: 10px; }
/* .indexDiv2 .bdDiv .grid{margin: 0 -10px; }
.indexDiv2 .bdDiv .grid li{padding: 10px; } */
.indexDiv2 .bdDiv .grid li{width: calc(50% - 10px);margin: 10px 0; }
.indexDiv2 .bdDiv .grid li a.pd50:nth-child(1){margin-bottom: 20px; }
.aboutDiv .hdDiv{padding: 100px 0 150px; }
.aboutDiv .bdDiv .hzDiv{margin: 100px 0; }
.aboutDiv .jxDiv{padding: 100px 0; }
.worksDiv .bdDiv .row{margin: 0 -10px; }
.worksDiv .bdDiv .row>div{padding: 0 10px;margin-top: 20px; }
}
.hidden-xs{display: block;}
.visible-xs{display: none;}
/*手机*/
@media (max-width:767px) {
.wrap{padding: 0 20px;width: 100%;}
.menu{width:100%}
.menu ul{width:100%;display: block;}
.menu>ul>li>a{padding: 0 20px;}
.menu.align-center>ul,.menu.align-right ul ul{text-align:left}
.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;}
/*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(255,255,255,.2);}*/
/*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(0,0,0,.2);}*/
.menu ul li a,.menu ul ul li a{width:100%}
.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}
.menu ul ul li a{padding:0 20px 0;font-size:12px;color:#333;background:0 0}
.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333}
.menu ul ul ul li a{padding-left:40px}
.menu ul ul,
.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none}
#menu-line{display:none}
.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,0);height:52px;width:52px;cursor:pointer}
.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}
/*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer}
.indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
.indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/
/*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
.on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
.on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/
.menu .submenu-button.submenu-opened:after{display:none}
.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
.menu ul ul ul{top: 0;}
.menu li:hover>ul{left: auto;margin-left: auto;}
.menu ul ul .wrap{padding:0 15px;}
.menu ul ul .hd{display: none;}
.menu ul ul .bd{padding: 0;}
header .rightDiv .menu>ul>li li a{text-align: left;line-height: 50px;border: 0; }
/*header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}*/
.on-fixed header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}
header:before{display: none;}
header {
position: fixed !important;
z-index: 9999;
top: 0;
left: auto;
right: 0;
width: 100%;
height: 60px;
transition: right 300ms !important;
}
header .logo a,header .rightDiv .menu>ul>li>a,header .langDiv>a{height: 60px; }
header .mbtn {display: block;}
body.on-menu header{background: #fff;}
body.on-menu.on-fixed header{background: #fff;}
body.on-menu header .mbtn{z-index: 1;}
header .rightDiv .menu {
float: right;
position: fixed;
top: 60px;
right: 0;
width: 100%;
height: calc(100% - 60px);
padding-top: 0;
background-color: #fff;
/*border-bottom: 1px solid #f8f8f847;*/
transition: right 300ms;
right: -100%;
padding: 0;
overflow-y: auto;
}
.on-fixed header .rightDiv .menu{
background-color: #fff;
}
header .rightDiv .menu ul{float: initial;height: 80%;display: flex!important;align-items: center;justify-content: center;flex-direction: column; }
/*header .rightDiv .menu ul.open{background: #000;}*/
header .rightDiv .menu ul li {
padding: 0;
margin: 0;
/*border-bottom: 1px solid #f8f8f847;*/
float: initial;
position: relative;
}
header .rightDiv .menu ul li a {
display: block;
line-height: 80px;
height: 80px;
text-align: center;
font-size: 24px;
}
header .rightDiv .menu>ul {display: block;padding-top: 0;}
body.on-menu header .rightDiv .menu {right: 0;}
body.on-menu .main {right: 0;}
header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;color: #000; }
header .rightDiv .menu>ul>li>a::after{display: none;}
header .rightDiv .menu>ul>li:hover>a, header .rightDiv .menu>ul>li:focus>a, header .rightDiv .menu>ul>li.on>a, header .rightDiv .menu>ul>li.active>a{font-weight: bold;}
header .rightDiv .menu>ul>li>a span{line-height: 50px;}
.menu ul ul{box-shadow: none;opacity: 1;visibility: visible;transform: translate(0px);transition: transform .6s;padding: 0;left: 0;display: block;}
/* header .rightDiv .menu>ul>li>a{color: #333;} */
.main {position: relative;right: 0;transition: right 300ms !important; }
header .rightDiv .otherDiv{height: 50px;justify-content: center;float: initial; }
.menu ul ul .ul span{margin-top: 0;}
/* header .rightDiv .menu>ul>li .aDiv{margin-bottom: 20px;} */
header .rightDiv .menu>ul>li li{border: 0;}
header .rightDiv .menu>ul>li li a{line-height: initial;margin-bottom: 20px;height: initial;color: #fff;}
/*.twoMenuDiv.onFixed{top: 50px;}
.twoMenuDiv ul li a.top_dh_in::after{bottom: 8px;width: 4px;height: 4px;}*/
.menu ul ul:before{display: none!important;}
.menu ul ul:after{display: none!important;;}
.menu ul ul a{padding: 0 15px;margin: 0;}
.menu li:hover>ul{transform: translate(0);}
header .rightDiv .menu ul li .ulDiv{display: block;}
.menu ul ul{height: initial;}
.menu ul ul .ul{display: block;padding: 10px 30px 0;}
.menu ul ul .ul li:nth-child(2){margin-left: 0;}
/* .menu ul ul .ul span{color: #fff;} */
.menu ul ul .ul a{/* color: #fff; */margin-top: 0;}
.on-menu.onFixed header{top: 0; }
header .langDiv{margin-right: 40px; }
.hidden-xs{display: none;}
.visible-xs{display: block;}
.wrap{padding: 0 15px;width: 100%;}
.f50{font-size: 30px;}
.f48{font-size: 26px;}
.f40{font-size: 24px;}
.f36{font-size: 23px;}
.f30{font-size: 22px;}
.f26{font-size: 20px;}
.f24{font-size: 19px;}
.f22{font-size: 18px;}
.f20{font-size: 17px;}
.f18{font-size: 16px;}
.indexDiv1 .bdDiv .sbImg,.proDetailDiv .banner .sbImg{width: 15px; }
.proDetailDiv .banner{height: 40vh; }
.indexDiv2 .hdDiv{overflow-x: auto;width: 100%;padding-bottom: 10px; }
.indexDiv2 .hdDiv ul span{max-width: 100vw;opacity: 1;overflow: initial;display: none; }
.indexDiv2 .hdDiv ul li{margin-right: 40px;font-size: 18px; }
.indexDiv2 .hdDiv ul li:last-child{margin-right: 0; }
.indexDiv2 .hdDiv ul .button-toggle-categories{display: none;}
.indexDiv2{padding: 50px 0; }
/* .indexDiv2 .bdDiv .grid{column-count: 1; } */
.indexDiv2 .bdDiv .grid{display: block; }
.indexDiv2 .bdDiv .grid li{width: 100%;margin: 20px 0; }
.indexDiv2 .bdDiv .grid li a.pd100 .imgDiv{padding-top: 155.263%; }
.footerDiv .hdDiv{padding: 30px 0 10px;}
.footerDiv .hdDiv{width: 100%;flex-wrap: wrap; }
.footerDiv .hdDiv .listDiv{width: 100%;margin-bottom: 30px; }
.footerDiv .hdDiv .text:nth-child(2){margin-top: 30px; }
.footerDiv .hdDiv .p{font-size: 20px;margin-top: 0; }
.footerDiv .hdDiv .p p{margin-top: 10px; }
.footerDiv .bdDiv{font-size: 14px;padding: 15px 0; }
.footerDiv .bdDiv .flexbet{display: block; }
.footerDiv .bdDiv p{width: 100%;text-align: center;}
.aboutDiv{margin-top: 60px; }
.aboutDiv .hdDiv{padding: 50px 0;display: block; }
.aboutDiv .hdDiv .imgDiv{width: 100%;text-align: center; }
.aboutDiv .hdDiv .textDiv{width: 100%;margin-top: 20px; }
.aboutDiv .hdDiv .textDiv .title{margin-bottom: 30px; }
.aboutDiv .hdDiv .textDiv .title p{display: flex;flex-direction: column;}
.aboutDiv .hdDiv .textDiv .title p i{display: none; }
.aboutDiv .bdDiv{display: flex;flex-direction: column-reverse; }
.aboutDiv .bdDiv .hzDiv{margin: 0 0 60px; }
.aboutDiv .bdDiv .introDiv{font-size: 16px;margin-bottom: 60px; }
.aboutDiv .swiper-button-prev, .aboutDiv .swiper-button-next{width: 40px;height: 40px; }
.aboutDiv .jxDiv{padding: 60px 0; }
.aboutDiv .jxDiv .title{margin-bottom: 20px; }
.aboutDiv .jxDiv ul li{padding: 10px 0;font-size: 16px; }
.aboutDiv .jxDiv ul li .li1,.aboutDiv .jxDiv ul li .li3{display: none;}
.aboutDiv .jxDiv ul li .li2 {padding-right: 0;width: 80%; }
.proDetailDiv .bdDiv{padding: 50px 0 80px; }
.proDetailDiv .bdDiv .hd{margin-bottom: 40px; }
.proDetailDiv .bdDiv .hd p{margin-top: 0; }
.proDetailDiv .bdDiv .bd p{font-size: 16px!important;}
.proDetailDiv .bdDiv .row>div{margin-bottom: 25px; }
.worksDiv{padding-top: 80px; }
@media (max-width:320px) {
}
}
@media (min-width: 768px) {
* {
cursor: none !important;
}
}
@media (min-width: 768px) {
.custom-cursor {
position: fixed;
opacity: 0;
pointer-events: none;
mix-blend-mode: difference;
filter: grayscale(100%);
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #fff;
transition: transform 350ms ease;
transform: translate(-50%, -50%) scale(0.25);
z-index: 100000;
}
}
/* @media (max-width: 1024.08px) {
.custom-cursor {
display: none !important;
}
} */
@media (hover: none) {
.custom-cursor {
display: none !important;
}
}
@media (pointer: none) {
.custom-cursor {
display: none !important;
}
}
@media (hover: none) {
.custom-cursor {
display: none !important;
}
}
@media (pointer: none) {
.custom-cursor {
display: none !important;
}
}
@media (pointer: coarse) {
.custom-cursor {
display: none !important;
}
}
@media (min-width: 768px) {
.custom-cursor--link {
transform: translate(-50%, -50%) scale(0.7);
}
}
@media (min-width: 768px) {
.custom-cursor--play {
background-color: transparent;
width: 80px;
height: 80px;
mix-blend-mode: normal;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
transform: translate(-50%, -50%) scale(1);
backdrop-filter: saturate(0%) blur(10px) brightness(1);
background-image: url('data:image/svg+xml,');
}
}
@media (min-width: 768px) {
.custom-cursor--compare {
opacity: 0 !important;
}
}