body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}
ul,li{list-style: none}
/* ========== Header 公共样式 ========== */
.header{position: fixed;top: 0;left: 0;right: 0;z-index: 999;padding: 1.04vw 0;background: rgba(0, 0, 0, .5);transition: all .3s;transform: translateY(0);}
.header.on{background: rgba(0, 0, 0, 1);padding: 0.2vw;transition: all .3s;}
.header-fixed{transform: translateY(-78px);transition: all .3s;}
.h-b{display: flex;align-items: center;justify-content: space-between;}
.h-nav{display: flex;align-items: center;line-height: 60px;height: 60px}
.h-n{padding: 0 1.925vw;position: relative;}
.h-n.active .h-a::before{width: 50%;}
.h-n.active .h-a::after{width: 50%;}
.h-n:last-child{padding-right: 0;}
.h-n:last-child::after{display: none;}
.h-a{font-size: 0.85vw;font-family: "MISANS-REGULAR.TTF";color: #CCCCCC;line-height:60px;display: block;position: relative;}
.h-a:hover::before{transition: all .3s;width: 50%;}
.h-a:hover::after{transition: all .3s;width: 50%;}
.h-a::before{content: '';position: absolute;right: 50%;bottom: -0.47vw;width: 0;height: 2px;background: #CCCCCC;transition: all .3s;}
.h-a::after{content: '';position: absolute;left: 50%;bottom: -0.47vw;width: 0;height: 2px;background: #CCCCCC;transition: all .3s;}
.m-header{display: none;background: #000;padding: 10px 0;position: fixed;top: 0;left: 0;right: 0;z-index: 999;}
.m-box{display: flex;align-items: center;justify-content: space-between;}
.m-li{margin: 6px 0;height: 2px;width: 25px;background: #CCCCCC;border-radius: 2px;transition: all .3s;}
.m-ul.on .v1{transform: translateY(8px) rotate(45deg);transition: all .3s;}
.m-ul.on .v2{opacity: 0;}
.m-ul.on .v3{transform: translateY(-8px) rotate(-45deg);transition: all .3s;}
.m-xiala{position: fixed;top: 58px;left: 0;right: 0;bottom: 0;background: #000;padding: 10%;overflow-y: auto;z-index: 999;display: none;}
.m-a{font-size: 14px;font-family: "MISANS-MEDIUM.TTF";color: #CCCCCC;line-height: 1;text-align: left;display: flex;align-items: center;justify-content: space-between;}
.m-p{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #CCCCCC;}
.m-p:last-child{margin-bottom: 0;}
@media (max-width: 900px){
  .header{display: none;}
  .m-header{display: block;}
}

/* ========== Footer 公共样式 ========== */
.footer{padding-top: 3.13vw;background: rgba(29,27,27,0.7);position: relative;}
.f-b{position: relative;z-index: 2;}
.f-b1{position: absolute;z-index: 1;left: 50%;top: 50%;transform: translate(-50% , -50%);width: 100%;}
.f-b1{font-size: 2.50vw;font-family: "MISANS-EXTRALIGHT.TTF";color: rgba(255, 255, 255, .7);white-space: nowrap;}
.f-b1 img{width: 100%;max-width: 100%;display: block;opacity: .05;}
.f-b4{margin-bottom: 2.34vw;}
.f-b4:last-child{margin-bottom: 0;}
.f-b5{font-size: 0.94vw;color: #FFFFFF;font-family: "MISANS-MEDIUM.TTF";}
.f-b5{margin-bottom: 1.35vw;}
.nt{display: flex;align-items: flex-start;}
.nt1{margin-right: 3.13vw;}
.nt1:last-child{margin-right: 0;}
.nt2 img{max-width: 100%;display: block;width: 6.25vw;height: 6.25vw;}
.f-b6{font-size: 0.73vw;color: rgba(255, 255, 255, .7);font-family: "MISANS-REGULAR.TTF";}
.f-b6 p{margin-top: 0.52vw;}
.f-b6 span{display: inline-table;min-width: 2.60vw;margin-right: 1.04vw;}
.f-b6 a{font-size: 0.73vw;color: rgba(255, 255, 255, .7);font-family: "MISANS-REGULAR.TTF";cursor: pointer;z-index: 2;}
.f-b2{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 4.17vw;z-index: 2;}
.f-b7{display: grid;grid-template-columns: 37% auto;gap: 3.54vw;}
.f-b10 .f-b4{display: flex;flex-direction: column;align-items: flex-start;}
.f-b8{padding: 0.78vw 0.99vw;border: 1px solid #FFF;background: #FFF;width: 10.42vw;resize:none;outline: none;height: 2.60vw;margin-bottom: 0.52vw;border-radius: 3px;}
.f-b8{font-family: "MISANS-REGULAR.TTF";font-size: 0.73vw;color: rgba(0, 0, 0, .7);}
.f-b8::-webkit-input-placeholder{font-family: "MISANS-REGULAR.TTF";font-size: 0.73vw;color: rgba(0, 0, 0, .7);background-color: #FFF;}
.f-b9{padding: 0.78vw 0.99vw;border: 1px solid #666666;background: #FFF;width: 10.42vw;outline: none;height: 0.94vw;margin-bottom: 0.52vw;border-radius: 3px;}
.f-b9{font-family: "MISANS-REGULAR.TTF";font-size: 0.73vw;color: rgba(0, 0, 0, .7);background-color: #FFF;}
.f-b9::-webkit-input-placeholder{font-family: "MISANS-REGULAR.TTF";font-size: 0.73vw;color: rgba(0, 0, 0, .7);}
.f-btn{margin-top: 1.25vw;padding: 0.68vw 2.40vw;background: #FFF;border-radius: 3px;font-size: 0.73vw;color: #000000;font-family: "MISANS-MEDIUM.TTF";display: table;cursor: pointer;border:none;}
.f-bb{padding: 5.73vw 0 2.40vw;}
.f-bb{display: flex;align-items: flex-start;}
.f-bb a{margin-right: 17.45vw;white-space:nowrap;}
.f-bb a:last-child{margin-right: 0;}
.f-bb a{font-size: 0.73vw;color: rgba(255, 255, 255, .7);font-family: "MISANS-REGULAR.TTF";}
.qwerdf{display:flex;align-items:center;justify-content: flex-start;flex-wrap: wrap;}
.lyh{margin-right:28px;font-size: 0.73vw;color: rgba(255, 255, 255, .7);font-family: "MISANS-REGULAR.TTF";}
.qwerdf a{margin-right: 10px;}
.qwerdf a:last-child{margin-right:0}

@media (max-width: 900px){
  .f-b{flex-direction: column;align-items: flex-start;}
  .f-b1{margin: 0 auto 20px 0;font-size: 20px;max-width: 150px;}
  .f-b5{font-size: 14px;}
  .f-b2{grid-template-columns: repeat(1,minmax(0,1fr));}
  .f-b6{font-size: 12px;}
  .f-b6 a{font-size: 12px;}
  .f-b10 .f-b4{display: flex;flex-direction: column;align-items: flex-start;}
  .f-b8, .f-b9{font-size: 12px;}
  .f-b8::-webkit-input-placeholder, .f-b9::-webkit-input-placeholder{font-size: 12px;}
  .f-b8{width: 188px;height: 50px;margin-bottom: 8px;}
  .f-b9{width: 188px;height: 20px;margin-bottom: 8px;}
  .f-btn{width: 197px;text-align: center;padding: 0;height: 27px;line-height: 27px;font-size: 12px;}
  .f-bb{padding: 20px 0;}
  .f-bb a{font-size: 12px;}
  .lyh{font-size:12px}
}

/* ========== case-show.html 视频样式 ========== */
.c-video{width: 100%;max-width: 100%;display: block;object-fit: cover;}
.w7-bbj{margin-top: 4.17vw;}
@media (max-width: 900px){
    .w7-bbj{margin-top: 35px;}
}
.new523{height: calc(100vh - 100px);display: flex;flex-direction: column;justify-content: flex-end;}
.new523b{flex: 1;display: flex;align-items: flex-end;height: 50vh;}
.new523b .c-video{object-fit: contain;height: 100%;}
@media (max-width: 900px){
    .w6-box{padding: 60px 0 0 0 !important;}
    .new523{height: auto;}
}
video::-internal-media-controls-download-button{display:none;}
video::-webkit-media-controls-enclosure{overflow:hidden;}
video::-webkit-media-controls-panel{width: calc(100% + 30px);}
.pager-prevnext{flex-direction: column;align-items: flex-start;margin-top: 2.6vw;}
.pager-prevnext .pager-item{margin: 0 0 12px;}
.pager-prevnext .pager-item a{color: #ccc}
.pager-prevnext .pager-item a:hover{color: #fff}

.w1-c{display:none;}
@media (max-width:900px){
  .w1-b{display:none;}
  .w1-c{display:block;}
  body{padding-bottom:64px;}
}	
.m-contact{position:fixed;bottom:0;left:0;right:0;z-index:9998;display:none;background:#000000;}
.m-c-b{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;}
.m-c-left{display:flex;align-items:center;text-decoration:none;}
.m-c-left img{width:30px;max-width:100%;display:block;margin-right:6px;}
.m-c-left span{font-size:14px;color:#FFFFFF;}
.m-c-right{display:flex;align-items:center;}
.m-c-btn{display:flex;align-items:center;justify-content:center;height:34px;padding:0 8px;white-space:nowrap;background-image:url(/skin/images/img41.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;font-size:13px;color:#FFFFFF;text-decoration:none;}
.m-c-btn img{height:20px;max-width:100%;display:block;margin-right:3px;}
.m-c-right .m-c-btn + .m-c-btn{margin-left:12px;}
.m-c-layer{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background:rgba(0,0,0,.7);}
.m-c-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64%;max-width:280px;padding:12px;background:#FFFFFF;border-radius:8px;}
.m-c-box img{width:100%;max-width:100%;display:block;}
.m-c-close{position:absolute;top:-38px;right:0;width:28px;height:28px;line-height:28px;text-align:center;font-size:22px;font-style:normal;color:#FFFFFF;}
@media (max-width:900px){
  .m-contact{display:block;}
}