/*字体*/
@font-face {
  font-family: 'MiSans-Light';
  src: url('fonts/MiSans-Light.woff2') format('woff2');
  font-weight: 300; /* H5标准字重：Light */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MiSans-Regular';
  src: url('fonts/MiSans-Regular.woff2') format('woff2');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MiSans-Medium';
  src: url('fonts/MiSans-Medium.woff2') format('woff2');
  font-weight: 500; /* H5标准字重：Medium */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MiSans-Bold';
  src: url('fonts/MiSans-Bold.woff2') format('woff2');
  font-weight: 700; /* H5标准字重：Bold */
  font-style: normal;
  font-display: swap;
}

*, *::before, *::after {box-sizing: border-box;}
* {margin: 0; padding: 0;}
body {line-height: 1; -webkit-font-smoothing: antialiased;}
img, picture, video, canvas, svg {display: block;max-width: 100%;}
input, button, textarea, select {font: inherit;}
p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;}
p {text-wrap: pretty;}
h1, h2, h3, h4, h5, h6 {text-wrap: balance;}
a{text-decoration: none;}
#root, #__next {isolation: isolate;}
/*reset*/
.mar0{margin: 0px !important;}
.pad0{padding:0px !important;}
.gap0{gap:0px !important;}
ul{list-style: none;}
/*width*/
.w100{width: 100%;}
.h100{height: 100%;}
.w1520{width: 100%; margin-left:auto; margin-right: auto; max-width: 1520px;}
.w500 {width: 100%; margin-left:auto; margin-right: auto; max-width: 500px;}
/*margin-top*/
.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}.mt35{margin-top: 35px;}.mt40{margin-top: 40px;}.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}.mt55{margin-top: 55px;}.mt60{margin-top: 60px;}.mt65{margin-top: 65px;}
.mt70{margin-top: 70px;}.mt75{margin-top: 75px;}.mt80{margin-top: 80px;}.mt85{margin-top: 85px;}
.mt90{margin-top: 90px;}.mt95{margin-top: 95px;}.mt100{margin-top: 100px;}
/*margin-bottom*/
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}.mb35{margin-bottom: 35px;}.mb40{margin-bottom: 40px;}.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}.mb55{margin-bottom: 55px;}.mb60{margin-bottom: 60px;}.mb65{margin-bottom: 65px;}
.mb70{margin-bottom: 70px;}.mb75{margin-bottom: 75px;}.mb80{margin-bottom: 80px;}.mb85{margin-bottom: 85px;}
.mb90{margin-bottom: 90px;}.mb95{margin-bottom: 95px;}.mb100{margin-bottom: 100px;}
.mb120{margin-bottom: 120px;}.mb200{margin-bottom: 200px;}
/*margin-right*/
.mr10{margin-right: 10px;}.mr20{margin-right: 20px;}.mr30{margin-right: 30px;}.mr40{margin-right: 40px;}
/*margin-left*/
.ml10{margin-left: 10px;}.ml20{margin-left: 20px;}.ml30{margin-left: 30px;}.ml40{margin-left: 40px;}
/*padding*/
.pad10{padding: 10px;}.pad15{padding: 15px;}.pad20{padding: 20px;}.pad25{padding: 25px;}
.pad30{padding: 30px;}.pad35{padding: 35px;}.pad40{padding: 40px;}.pad45{padding: 45px;}
.pad50{padding: 50px;}.pad55{padding: 55px;}.pad60{padding: 60px;}.pad65{padding: 65px;}
.pad70{padding: 70px;}.pad75{padding: 75px;}.pad80{padding: 80px;}.pad85{padding: 85px;}
.pad90{padding: 90px;}.pad95{padding: 95px;}.pad100{padding: 100px;}.pad110{padding: 110px;}
.pad120{padding: 120px;}.pad200{padding: 200px;}
/*padding-top*/
.pt10{padding-top: 10px;}.pt15{padding-top: 15px;}.pt20{padding-top: 20px;}.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}.pt35{padding-top: 35px;}.pt40{padding-top: 40px;}.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}.pt55{padding-top: 55px;}.pt60{padding-top: 60px;}.pt65{padding-top: 65px;}
.pt70{padding-top: 70px;}.pt75{padding-top: 75px;}.pt80{padding-top: 80px;}.pt85{padding-top: 85px;}
.pt90{padding-top: 90px;}.pt95{padding-top: 95px;}.pt100{padding-top: 100px;}.pt110{padding-top: 110px;}
.pt120{padding-top: 120px;}.pt200{padding-top: 200px;}
/*padding-bottom*/
.pb10{padding-bottom: 10px;}.pb15{padding-bottom: 15px;}.pb20{padding-bottom: 20px;}.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}.pb35{padding-bottom: 35px;}.pb40{padding-bottom: 40px;}.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}.pb55{padding-bottom: 55px;}.pb60{padding-bottom: 60px;}.pb65{padding-bottom: 65px;}
.pb70{padding-bottom: 70px;}.pb75{padding-bottom: 75px;}.pb80{padding-bottom: 80px;}.pb85{padding-bottom: 85px;}
.pb90{padding-bottom: 90px;}.pb95{padding-bottom: 95px;}.pb100{padding-bottom: 100px;}.pb110{padding-bottom: 110px;}
.pb120{padding-bottom: 120px;}.pb200{padding-bottom: 200px;}
/*gap*/
.gap10{gap:10px;}.gap15{gap:15px;}.gap20{gap:20px;}.gap25{gap:25px;}
.gap30{gap:30px;}.gap35{gap:35px;}.gap40{gap:40px;}.gap45{gap:45px;}
.gap50{gap:50px;}.gap55{gap:55px;}.gap60{gap:60px;}.gap65{gap:65px;}
.gap70{gap:70px;}.gap75{gap:75px;}.gap80{gap:80px;}.gap85{gap:85px;}
.gap90{gap:90px;}.gap95{gap:95px;}.gap100{gap:100px;}.gap120{gap:120px;}
.gap125{gap:125px;}.gap150{gap:150px;}.gap165{gap:165px;}.gap180{gap:180px;}
/*gap*/
.cgap40{column-gap: 40px;}
.rgap40{row-gap: 40px;}
/*Animation*/
.border,.big,.lift,.bright{transition: all .3s;}
.border:hover{box-shadow: 9px 12px 38px 0 rgba(0, 0, 0, 0.1);}
.big:hover{transform: scale(1.2);}
.lift:hover{transform: translateY(-10px);}
.bright:hover{filter:brightness(1.3);}
/*flex*/
.flex{display: flex;}
.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}
.align-center{align-items: center;}
.align-end{align-items: end;}
.flex-column{flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}

/*relative*/
.relative{position: relative;}
.overflow-hidden{overflow: hidden;}

.text-center{text-align: center;}




/*Themes*/
body{font-family: "MiSans-Regular", Arial, Helvetica, sans-serif;}
img{height:auto;}
h1{font-size:60px;}
h2{font-size:48px;}
h3{font-size:24px;}
p{font-size: 16px;}
img.alignright{float: right; margin-left: 20px;}
img.alignleft{float: right; margin-right: 20px;}
img.aligncenter{display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
.bg3{background: #F6F8FA;}

.icon-left{ cursor: pointer; width: 42px; height:42px; border-radius: 50%; background:url(/wp-content/uploads/2025/07/l_1.webp) no-repeat center; transition: all 0.3s ease;}
.icon-right{ cursor: pointer; width: 42px; height:42px; border-radius: 50%; background:url(/wp-content/uploads/2025/07/r_1.webp) no-repeat center; transition: all 0.3s ease;}
.icon-left:hover{background: url(/wp-content/uploads/2025/07/l_2.webp) no-repeat center; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
.icon-right:hover{background: url(/wp-content/uploads/2025/07/r_2.webp) no-repeat center; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}



.contact form{font-size: 16px; color: #031543;}
.contact form input,.contact form textarea{ display: flex; padding: 10px 14px; border: 1px solid #D6FCFF; border-radius: 4px; transition: all 0.3s ease;}
.contact form input:hover,.contact form textarea:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
.contact form button{width: 100%; padding-top: 12px; padding-bottom: 12px; background: #003F98; border-radius: 4px; color: #FFFFFF; border: 1px solid #003F98; cursor: pointer; transition: all 0.3s ease;}
.contact form button:hover{ background: #ffffff; color: #003F98; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
input::placeholder, textarea::placeholder{font-family: MiSans;font-size: 16px; color: #031543;}
input:focus,textarea:focus{outline: none; border-color: #031543;}



@media (min-width: 768px) {
    .slider-item {
        flex: 0 0 33.3333%;
    }
}

@media (min-width: 1200px) {
    .slider-item {
        flex: 0 0 20%;
    }
}



/* .arrow-indicator::after {content: "";position: absolute;top: 1.6rem;right: 8px;transform: translateX(-50%);width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #003f98;z-index: 10;} */




.archive .banner{/*height: 48rem;*/ width: 100%; aspect-ratio: 1920 / 480; background-repeat: no-repeat; background-position-x:50%; background-position-y:50%; background-size:cover; }
.archive .banner h1{font-weight: 700;color: #031543;}
.archive .banner h3{font-weight: 400;color: #031543;}



.archive-lists .item{ width: calc((100% - 200px) / 6); aspect-ratio: 1 / 1; border: 1px solid #D6ECFB; border-radius: 4px; transition: all 0.3s ease; background-position-x:50%; background-position-y:50%; background-repeat: no-repeat; background-size: cover; background-color: #ffffff;}
.archive-lists .item:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
.archive-lists .item div { width: 100%; height: 100%; border-radius: 4px; opacity: 0; transition: all 0.3s ease;}
.archive-lists .item div:hover{ background-color: rgba(0, 63, 152, 0.8); opacity: 1;}
.archive-lists .item h3 a{color: #FFFFFF;}



.btn-y{font-size: 16px; color: #031543; padding: 16px 65px; border-radius: 30px; background: #FFC400;transition: all 0.3s ease;}
.btn-y:hover{color: #FFFFFF; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
.btn-w{font-size: 16px;color: #FFFFFF; padding: 8px 12px; border: 1px solid #D6FCFF; border-radius: 20px; transition: all 0.3s ease;}
.btn-w:hover{ background: #FFC400; border-color: #FFC400; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
.btn-b{font-size: 16px;color: #FFFFFF; padding: 8px 1.7rem; background: #003F98;border-radius: 20px;transition: all 0.3s ease;} 
.btn-b:hover{background: #FFC400; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); color: #FFFFFF;}
.btn-s-y{color: #FFFFFF; padding: 8px 17px; background: #FFC400; border-radius: 16px; transition: all 0.3s ease;} 
.btn-s-y:hover{background: #003F98; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); }



.header{background: #F2F2F2; position: sticky; z-index: 9999; top: 0;}
.header .tools{ font-size: 16px;}
.header .tools a{color: #031543;}
.header .tools a:hover{color: #003F98;}
.header .tools a.btn-s-y{color: #FFFFFF;}

.header .menu{font-size: 16px; column-gap: 40px;}
.header .menu a{color: #031543;}
.header .menu a:hover{color: #003F98;}
.header .menu .current-menu-item a{color: #003F98; position: relative;}
.header .menu .current-menu-item a::after{ display: block; position: absolute; content:'';width: 90px; height: 2px; background: #060680; bottom: -30px; left: calc((100% - 90px) /2); z-index: 99;}





.footer{background: #031543; font-size: 16px; color: #FFFFFF; font-family: "MiSans-Light";}
.footer a{color: #FFFFFF;}
.footer .menu-footer{ /*column-gap: 19rem;*/ width: 100%; max-width:500px; margin-right: 100px;}
.footer .menu-footer ul{gap: 0.5rem;}
.footer .menu-footer ul li:first-of-type{font-size: 24px; margin-bottom: 30px;}




.screen {
    width: 100%;
    height: 100vh;
    display: flex;
    color: white;
    overflow: hidden;
}

/* 滚动指示器 */
.scroll-indicator {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}
.scroll-indicator span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 10px 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.3s;
}
.scroll-indicator span.active {
    background-color: white;
    transform: scale(1.3);
}




#screen1 { }
#screen2 { }






#screen3 { }
#screen4 { }

.home .header{position:fixed; width: 100%; z-index: 999; background: transparent;}
.home .header .logo-c{display: none;}
.home .header .menu a,.home .header .tools a{color: #ffffff;}
.home .header .menu .current-menu-item a{color: #ffffff;}
.home .header .menu .current-menu-item a::after{background: #ffffff;}
.home .btn-b{background: #FFD300; color: #031543;}
.home .header .tools a.btn-b{color: #031543;}
.home .header:hover{background: #F2F2F2;}
.home .header:hover .logo-c{display: block;}
.home .header:hover .logo-w{display: none;}
.home .header:hover .menu a,.home .header:hover .tools a{color: #031543;}
.home .header:hover .menu .current-menu-item a::after{background: #031543;}

.home .header .hamburger-line{background: #ffffff;}

.home .header .hamburger.active .hamburger-line{background: #031543;}

















/* 汉堡菜单 */
.hamburger {
    width: 42px;
    height: 42px;
    display:none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 300;
    transition: transform 0.3s ease;
}

.hamburger.active {
    transform: rotate(180deg);
}

.hamburger-line {
    width: 32px;
    height: 4px;
    background: #031543;
    margin: 3px 0;
    border-radius: 2px;
    transition: transform 0.3s ease, opacity 0.2s ease;
}

.hamburger.active .hamburger-line:nth-child(1) {
    transform: translateY(10px) rotate(45deg);
}

.hamburger.active .hamburger-line:nth-child(2) {
    opacity: 0;
}

.hamburger.active .hamburger-line:nth-child(3) {
    transform: translateY(-10px) rotate(-45deg);
}

/* 遮罩层 */
.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

.header .menu.active{display: flex; flex-direction: column; position: absolute; top: 80px; left: 0; width: 100%; align-items: center; gap: 20px; padding:20px 0; background: #f2f2f2;}
.header .menu.active .current-menu-item a::after{width: 80px; left: calc((100% - 80px) /2); bottom: -5px;}











@media screen and (max-width: 1580px) {
    #screen2 .left{margin-left: 60px;}
    
    .footer .menu-footer{margin-right: 0;}
}

@media screen and (max-width: 1399px) {
   .w1400{padding-left:1.5rem; padding-right:1.5rem;}
   .slick-next{right:0;}
   .slick-prev{left:0;}
   /* .about .banner h5{font-size: 2.6rem; } */
   /* .archive-lists .item{ width: calc((100% - 16rem) / 5);}  */
   .header .menu{column-gap: 30px;}

   



    /* background-size: cover !important; */
    






}

@media screen and (max-width: 1199px) {
    /*table*/  











     /* .slider .slider-item { margin: 0 15px; flex: 0 0 33%;} */
     /* .footer .menu-footer{ column-gap: 15rem;} */
     #screen3 .text{top: 200px;}
     /* .archive .banner{height: 42rem;} */
     
     .header .tools{display: none;}
     .pt80{padding-top: 70px;}
    





     
}
@media screen and (max-width: 1100px) {





    /* .about .banner h5{font-size: 2.2rem; } */
    /* .archive-lists .item{ width: calc((100% - 120px) / 4); } */
    .header .menu{column-gap: 20px;}
    
}
@media screen and (max-width: 900px) {
     .mb60{margin-bottom: 40px;}
     .mobile-none{display: none;}
     #screen3 .text{width: 80%;}
      .header .menu{display: none;}
      .hamburger{display: flex;}
      .pt80{padding-top: 60px;}
      .home .btn-w{padding: 10px 50px;}
}
@media screen and (max-width: 767px) {
    /*Phone*/
     .mb60{margin-bottom: 30px;}
    .pt65{padding-top:4.5rem}.pt60{padding-top:4rem}.pt35{padding-top:2.5rem}
    .pt65{padding-bottom:4.5rem}.pb60{padding-bottom:4rem}.pb35{padding-bottom:2.5rem}
    .pad25{padding:1.5rem;}
    .mb15{margin-bottom:12px;}
    #screen3 .text{top: 16rem;}
     .pt80{padding-top: 50px;}
}

@media screen and (max-width: 480px) {
    .mb60{margin-bottom: 20px;}
     .pt80{padding-top: 40px;}
     .bread{display: none;}
    #screen2 .pt200{padding-top: 15rem; row-gap: 60px;}
    #screen4 .pt40{padding-top: 20px;}
    #screen4 .pb65{padding-bottom: 20px;}
}





/*home首页*/
.home h1{font-weight: 400;}
.home .btn-w{padding: 15px 65px; border-radius: 40px;font-size: 24px;}
.home .btn-w:hover{ background: transparent; border-color: #fff; padding: 15px 85px;}
.banner-1{position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; left: 0; color: #fff;}
.banner-1 .text p{line-height: 1.5;}

.screen2 .left{width: 620px; height: 620px; border-radius: 50%; background: url(/wp-content/uploads/2025/07/b-4.webp) no-repeat center; border: 1px solid #003F98;}
.screen2 .left::before{display: block; position: absolute; content: ''; width: 683px; height: 683px; border-radius: 50%; border: 1px dotted #00DCFF;}
.screen2 .left::after{display: block; position: absolute; content: ''; width: 552px; height: 552px; border-radius: 50%; border: 1px dotted #00DCFF;}
.screen2 .left ul{position: absolute; width: 640px; height: 640px; transform: rotate(-30deg); z-index: 99;}
.screen2 .left ul li {position: absolute; top: 50%; left: 50%; transform-origin: 0 0;}
.screen2 .left ul li {display: flex; width: 123px;height: 123px; align-items: center;justify-content: center;border: 1px solid #003F98;border-radius: 50%;background: #FFFFFF;}
.screen2 .left ul li a{display: flex; width: 80px; height: 80px; background: #D6ECFB; border: 1px solid #003F98; border-radius: 50%;font-size: 22px;color: #003F98; justify-content: center; align-items: center; font-weight: 700;}
.screen2 .left ul li.active{width: 121px; height: 121px; border: 3px solid #003F98;}
.screen2 .left ul li.active a{background: #003F98;color: #FFFFFF;}
.screen2 .left ul li:nth-child(1) { transform: rotate(300deg) translateX(240px); }
.screen2 .left ul li:nth-child(2) { transform: rotate(0deg) translateX(240px); }
.screen2 .left ul li:nth-child(3) { transform: rotate(60deg) translateX(240px);  }
.screen2 .left ul li:nth-child(4) { transform: rotate(120deg) translateX(240px);}
.screen2 .left ul li:nth-child(5) { transform: rotate(180deg) translateX(240px); }
.screen2 .left ul li:nth-child(6) { transform: rotate(240deg) translateX(240px); }
.screen2 .left ul li:nth-child(1) a{transform: rotate(90deg);}
.screen2 .left ul li:nth-child(2) a{transform: rotate(30deg);}
.screen2 .left ul li:nth-child(3) a{transform: rotate(-30deg);}
.screen2 .left ul li:nth-child(4) a{transform: rotate(-90deg);}
.screen2 .left ul li:nth-child(5) a{transform: rotate(-150deg);}
.screen2 .left ul li:nth-child(6) a{transform: rotate(-210deg);}
.screen2 .left .image-display{ width: 600px; height: 600px;}
.screen2 .left .image-display img{transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); position: absolute; top: calc((100% - 240px) / 2); left: calc((100% - 350px) / 2);}
.screen2 .left .image-display img {opacity: 0;transform: translateY(20px);pointer-events: none;}
.screen2 .left .image-display img.active {opacity: 1;transform: translateY(0);}
.screen2 .right{width: 480px; color: #031543;}
.screen2 .right .product-description {display: none;animation: fadeIn 0.5s ease-in-out;}@keyframes fadeIn {from { opacity: 0; }to { opacity: 1; }}
.screen2 .right .product-description.active {display: block;}
.screen2 .right .toggle-btn{font-size: 24px; border: 0; background: transparent; padding: 7px 12px; border-radius: 30px; color: #003F98;}
.screen2 .right .toggle-btn.active{background: #003F98;color: #FFFFFF;}
.screen2 .right .archive-lists{row-gap: 20px;display: none; opacity: 0; transition: all 0.3s ease;}
.screen2 .right .archive-lists .item{ width: 220px; height: 60px; border: 1px solid #003F98; background-repeat: no-repeat; background-color: #fff; background-position-x:50%; background-position-y:50%;}
.screen2 .right h3{font-size: 16px;}
.screen2 .right .archive-lists.active{ display: flex; opacity: 1;}
.screen2 .right a.hbtn{font-size: 24px; padding: 20px 60px; border-radius: 40px; transition: all 0.3s ease;}
.screen2 .right a.hbtn:first-child{background: #FFD300;color: #031543; border: 1px solid #FFD300;}
.screen2 .right a.hbtn:last-child{color: #003F98;border: 1px solid #003F98;}
.screen2 .right a.hbtn:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}

.screen3{background:#031543; color: #ffffff;}
.screen3 .text{position: absolute; width: 600px; top: 220px; left: 200px;}
.screen3 .text p{line-height: 1.5;}
.screen3 .item:nth-of-type(1){justify-content: end; padding-bottom: 40px; background: url(/wp-content/uploads/2025/08/l_1.webp) no-repeat right bottom;}
.screen3 .item:nth-of-type(2){justify-content: end; padding-bottom: 86px; background: url(/wp-content/uploads/2025/08/l_2.webp) no-repeat right bottom;}
.screen3 .item:nth-of-type(3){justify-content: end; padding-bottom: 164px; background: url(/wp-content/uploads/2025/08/l_3.webp) no-repeat right bottom;}
.screen3 .item:nth-of-type(4){justify-content: end; padding-bottom: 80px; gap: 95px; background: url(/wp-content/uploads/2025/08/l_4.webp) no-repeat right bottom;}
.screen3 .item:nth-of-type(5){justify-content: end; padding-bottom: 170px;  gap: 180px; background: url(/wp-content/uploads/2025/08/l_5.webp) no-repeat right bottom;}
.screen3 .item:nth-of-type(6){justify-content: end; padding-bottom: 136px; gap: 150px; background: url(/wp-content/uploads/2025/08/l_6.webp) no-repeat right bottom;}
.screen3 .item:nth-of-type(7){justify-content: end; padding-bottom: 114px;  gap: 150px; background: url(/wp-content/uploads/2025/08/l_7.webp) no-repeat right bottom;}
.screen3 .item:nth-of-type(8){justify-content: end; padding-bottom: 40px; gap: 140px; background: url(/wp-content/uploads/2025/08/l_8.webp) no-repeat right bottom;}
.screen3 .item img{transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);}
.screen3 .item img:hover{animation: float 0.5s ease-in-out;}@keyframes float {0%, 100% {transform: translateY(0);}50% {transform: translateY(-10px);}}

.screen4 {color: #ffffff;}
.screen4 .text{width: 100%; height: 100%; justify-content: flex-end;}
.screen4 .text p{width: 100%; max-width: 900px; padding-left: 30px; padding-right: 30px; line-height: 1.5;}
.home .footer{width: 100%;}
.screen4 .slider-item>div{ padding: 0;}
.screen4 .slider-item a{font-size: 24px; color: #FFFFFF;}
.screen4 .slider-item>div:hover,.screen4 .slider-item .bg-w{background: #FFFFFF;border-radius: 4px; display: block;}
.screen4 .slider-item:hover a{color: #003F98;}
.screen4 .home-youshi .youshi-bg{ width: 100%; padding: 40px 75px; background: rgba(3, 21, 67, 0.3); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 16px;}
.screen4 .home-youshi h5{font-size: 24px; color: #09B5F3; line-height: 1.5;}

/*bread面包导航*/
.bread{ font-size: 16px; color: #031543;}
.bread a{ color: #031543;}
.bread a:hover{ color: #000000;}
/*bread面包导航*/

/*.bg1背景*/
.bg1{background: #D6ECFB;}
.bg1 h2,.single h2,.archive h2{color: #031543;}
.bg1 h3{color: #003F98;}
.bg1 h2,.bg1 h3,.single h2{font-weight: 400;}
/*.bg1背景*/

/*qs趋势*/
.qs .arrow-indicator{ min-width: 360px; min-height: 40px;}
.qs .select{ position: absolute; width: max-content; right: 0; border: 1px solid #003F98; border-radius: 40px; height: 40px; transition: all 0.3s ease; background: url(/wp-content/uploads/2025/07/ico_d.webp) no-repeat; background-position-x: calc(100% - 10px); background-position-y: 15px;}
.qs .select:hover{ height: max-content; border-radius: 20px; background:url(/wp-content/uploads/2025/07/ico_d.webp) no-repeat #ffffff; background-position-x: calc(100% - 10px); background-position-y: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); z-index: 9;}
.qs .select li{ padding: 8px 40px;}
.qs .select a:hover h3{color: #000000;}
.qs .chart-wrapper { width: 100%; height: 55vh; min-height: 560px;}
/*qs趋势*/

/*slider滑动切换*/
.slider-title h2{ font-weight: 400; color: #031543;}
.slider{transition: all 0.3s ease;}
.slider h3 a{color: #003F98;}
.slider .slider-item{  flex: 0 0 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px;}
.slider .slider-item>div{border-radius: 4px; transition: all 0.3s ease;}
.slider .slider-item>div:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
/*slider滑动切换*/

/*about关于我们*/
.about .banner h2{color: #FFFFFF;}
.about .banner p{color: #F2F2F2;}
.about .banner>div:first-child>div:last-child{ width: 100%; max-width: 1152px; }
.about .banner>div:first-child>div:last-child p{text-indent: 3ch; line-height: 1.7;}
.about .banner h5{font-size: 32px; color: #0BB6F5; text-align: center;}
.about .slider-item>div{border: 1px solid #003F98;}
.about .slider-item>div:hover{background: #D6ECFA; border: 1px solid #D6ECFA; }
/*about关于我们*/

/*contact联系我们*/
.contact-info .sns h3{font-family: "MiSans-Bold", Arial, Helvetica, sans-serif; color: #003F98;}
.contact-info .sns p{color: #031543;}
.con-info{background: #003F98; color: #ffffff;}
.con-info strong{font-family: "MiSans-Bold", Arial, Helvetica, sans-serif;}
/*contact联系我们*/


/*single产品内页*/
.single .product-list .item{ width:calc((100% - 80px) / 3); border: 1px solid #1952A2; transition: all 0.3s ease;}
.single .product-list .item:hover{ border-radius: 4px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
.single .product-list .item .txt{ padding: 20px 30px; transition: all 0.3s ease; height: fit-content; max-height: 160px; color: #031543;}
.single .product-list .item .txt:hover{transition: all 0.3s ease; max-height: fit-content;}
.single .product-list .item .txt h3{min-height: 65px;}
.single .product-list .item .txt p{line-height: 1.5;}
.single .product-list .item .txt:hover{background: #003F98; color: #FFFFFF;}
.single .slider-item>div{ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);}
.single .product-list{display: none; transition: all 0.3s ease; opacity: 0;}
.single .product-list.active {display: flex; opacity: 1;}
.single .btns{border: 1px solid #003F98; border-radius: 30px; }
.single .btns button{border: 0; font-size: 24px; border-radius: 30px; color: #003F98; background: transparent; transition: all 0.3s ease; padding: 8px 20px;}
.single .btns button.active{color: #FFFFFF; background: #003F98; }
/*single产品内页*/



/*archive*/
.archive .sidenav{width: 350px;}
.archive .sidenav ul li{ width: 100%; border: 1px solid #003F98; font-size: 24px; padding: 30px 17px; margin-bottom: 20px; background-image: url(/wp-content/uploads/2025/08/d-r.webp); background-repeat: no-repeat; background-position-x: calc(100% - 30px); background-position-y:center ; transition: all 0.3s ease;}
.archive .sidenav ul li:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
.archive .sidenav ul li a{color: #003F98; }
.archive .sidenav ul li.current-menu-item{background-color: #003F98; background-image: url(/wp-content/uploads/2025/08/d-b.webp); }
.archive .sidenav ul li.current-menu-item a{color: #FFFFFF;}

.dk .item{ width: calc((100% - 80px) / 3);}
.dk.single .item{width: calc((100% - 120px) / 4);}
.dk .item{ border: 1px solid #003F98; transition: all 0.3s ease;}
.dk .item:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
.dk .item .txt{min-height: 104px; padding: 20px 25px;}
.dk .item .txt h3{font-family: 'MiSans-Bold'; line-height: 1.5;}
.dk .item .txt h3 a{color: #031543;}
.dk .item .txt:hover{background: #003F98;}
.dk .item .txt:hover h3 a{color: #FFFFFF;}

.dk .dk-img{ width: 740px; min-height: 740px;}
.dk-img img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;transition: transform 0.6s ease, opacity 0.8s ease;opacity: 0;transform: scale(0.95);cursor: pointer;}
.dk-img img.active {opacity: 1;transform: scale(1);z-index: 1;}
.dk-img button {position: absolute; width: 24px; height: 46px; top: 50%;transform: translateY(-50%); background:transparent;border: none; /*width: 60px;height: 60px;border-radius: 50%;box-shadow: 0 0 15px rgba(0,0,0,0.1);*/cursor: pointer;transition: all 0.3s ease;z-index: 2;backdrop-filter: blur(5px);}
.dk-img button:hover {/*background: rgba(255, 255, 255, 0.4);*/transform: translateY(-50%) scale(1.1);}
.dk-img button.left {left: 20px;padding-right: 5px; background: url(/wp-content/uploads/2025/09/l.webp) no-repeat;}
.dk-img button.right {right: 20px;padding-left: 5px; background: url(/wp-content/uploads/2025/09/r.webp) no-repeat;}
.dk-img button img { opacity: 1; /*width: 24px;height: 24px; object-fit: contain; filter: invert(1);*/}


.dk .dk-infos{ width: calc(100% - 780px); max-width: 600px;}
.dk-infos h2{line-height: 1.5;}
.dk-infos .btn-1,.dk-infos .btn-2{ display: flex; width: 100%; height: 80px; align-items: center; justify-content: center; border: 1px solid #003F98; font-size: 24px; transition: all 0.3s ease;}
.dk-infos .btn-1{background: #003F98; color: #FFFFFF;}
.dk-infos .btn-2{color: #003F98;}
.dk-infos .btn-2:hover,.dk-infos .btn-1:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
.dk-infos h3{font-family: 'MiSans-Bold'; color: #031543;}
/* .dk-infos .tit{position: relative;display: block; border-top: 1px solid #003F98; padding: 20px 0; color: #031543; font-size: 24px;}
.dk-infos .tit::after {content: '+';color: #031543;position: absolute;right: 10px;}
.dk-infos .tit.active::after {content:'–';} */
.dk-infos .txt {display: none;font-size: 16px;color: #031543;line-height: 1.5;}
.dk-infos .txt.show {display: block;}

.dk a.tit{ padding: 30px 35px; font-size: 24px; color: #031543;}
.dk a.tit.active{background: #003F98; color: #FFFFFF;}

.dk .newlist h2{margin-bottom: 40px;}
.dk .newlist p{font-size: 16px; color: #031543; line-height: 1.75; }
.dk .newlist table{ margin-top: 35px; width: 100%; text-align: center; color: #031543; border: 1px solid #003F98; border-collapse:collapse}
.dk .newlist table thead{font-weight: bold; background: #D6ECFB;border: 1px solid #003F98;}
.dk .newlist table th{font-weight: bold; background: #D6ECFB;border: 1px solid #003F98;}
.dk .newlist table td{border: 1px solid #003F98; padding-top: 20px; padding-bottom: 20px;}
.dk .newlist .boxs{color: #031543;}
.dk .newlist .box{ width: 100%; background: #F6F8FA; padding: 50px; text-align: center;} 
.dk .newlist .box img{display: block; margin-left: auto; margin-right: auto; margin-bottom: 25px;}
.dk .newlist .box h3{margin-bottom: 20px;}
.dk .newlist .box p{font-size: 16px;}

/*wuliu*/
.wuliu .txt{position: absolute; top: 0;}
.wuliu .txt h1{font-family: 'MiSans-Bold'; color: #FFFFFF;}
.wuliu p{font-family: 'MiSans-Light';}
.wuliu .bg2{background: #003F98; color: #FFFFFF;}
.wuliu .datas{padding-left: 80px; padding-right: 80px;}
.wuliu .datas h2{font-family: 'MiSans-Bold'; }
.wuliu .datas p{font-size: 24px;}
.wuliu .p-s h2{ font-family: 'MiSans-Light';color: #031543;}
.wuliu .p-s .left,.wuliu .p-s .right{width: calc((100% - 40px) / 2);}
.wuliu .p-s .left img{border-radius: 8px;}
.wuliu .p-s .left>div{position: absolute;top: 0; justify-content: end; color: #FFFFFF;}
.wuliu .p-s h3{font-size: 32px; font-family: 'MiSans-Bold';}
.wuliu .p-s p{line-height: 1.75;}
.wuliu .p-s .right{color: #031543;}
.wuliu .p-s .right p{ white-space: nowrap;}
.wuliu .p-s .right img{display: block; margin: 0 0 0 40px;}
.wuliu .banner h2{font-family: 'MiSans-Light';color: #FFFFFF;}
.wuliu .banner p{line-height: 1.75;color: #FFFFFF; width: 100%; max-width: 440px;}
.wuliu .dsly h2{font-family: 'MiSans-Light';color: #031543;}
.wuliu .dsly p{color: #031543;}
.wuliu .dsly .left>div,.wuliu .dsly .right>div{ position: absolute; top: 0; justify-content: end; color: #FFFFFF;}
.wuliu .dsly .left>div p,.wuliu .dsly .right>div p{color: #FFFFFF; line-height: 1.75;}
.wuliu .dsly img{border-radius: 8px;}

.wuliu .list{display: none; transition: all 0.3s ease; opacity: 0;}
.wuliu .list.active {display: flex; opacity: 1;}
.wuliu .btns{border: 1px solid #003F98; border-radius: 30px; }
.wuliu .btns button{border: 0; font-size: 24px; border-radius: 30px; color: #003F98; background: transparent; transition: all 0.3s ease; padding: 8px 20px;}
.wuliu .btns button.active{color: #FFFFFF; background: #003F98; }



@media screen and (max-width: 1520px) {
    /*最大内容宽度*/
    .w1520{padding-left:30px; padding-right:30px;}
    .screen3 .text{top: 200px; left: 60px;}
    .wuliu .p-s .right img{width: 90%; margin-left: 0;}
}
@media screen and (max-width: 1440px) {
    /*笔记本电脑*/
    .archive-lists .item{width: calc((100% - 160px) / 5);}.archive-lists.gap40{gap:40px}
    .banner-1 .w1520.pt120{padding-top: 100px;} 
    .screen2 .w1520.gap180{gap: 140px;}
    .screen2 .left{width: 520px; height: 520px; margin-top: 70px; }
    .screen2 .left::before{width: 563px; height: 563px;}
    .screen2 .left::after{width: 482px; height: 482px;}
    .screen2 .left .image-display{width: 520px;height: 520px; }
    .screen2 .left .image-display img{top:calc((100% - 240px) / 2); left: calc((100% - 350px) / 2);}
    .screen2 .left ul{width: 540px; height: 540px;}
    .screen2 .left ul li:nth-child(1) { transform: rotate(300deg) translateX(220px); }
    .screen2 .left ul li:nth-child(2) { transform: rotate(0deg) translateX(220px); }
    .screen2 .left ul li:nth-child(3) { transform: rotate(60deg) translateX(220px);  }
    .screen2 .left ul li:nth-child(4) { transform: rotate(120deg) translateX(220px);}
    .screen2 .left ul li:nth-child(5) { transform: rotate(180deg) translateX(220px); }
    .screen2 .left ul li:nth-child(6) { transform: rotate(240deg) translateX(220px); }
    .screen2 .right{width: 400px;}
    .screen2 .right .archive-lists .item{width: calc((100% - 20px) / 2); }
    .screen2 .right a.hbtn{padding: 14px 35px;}
    .wuliu .p-s .right p{ white-space:unset;}
    .wuliu .p-s .right img{width: 80%;}
}
@media screen and (max-width: 1366px) {
    .screen4 .home-youshi .youshi-bg{ padding: 40px;}
    .screen4 .home-youshi h5{ font-size: 22px;}
    .dk .dk-img{ width: 640px; min-height: 640px;}
    .dk-infos h2{ font-size: 42px;}
    .dk .dk-infos{ width: calc(100% - 680px); max-width: 600px;}
    .wuliu .p-s .right img{width: 75%;}
}
@media screen and (max-width: 1200px) {
    /*小屏幕笔记本*/
    .archive .banner{height: 300px;}
    .archive-lists .item{width: calc((100% - 120px) / 4);}.archive-lists.gap40{gap:40px}
    .about .banner h5{font-size: 28px;}
    .banner-1 .w1520.pt120{padding-top: 80px;} 
    .screen2 .w1520.gap180{gap: 100px;}
    .screen2 .right{width: 100%; max-width: 900px;}
    .screen2 .right h1.mb35{margin-bottom: 15px;}
    .screen2 .right p{display: none;}
    .screen2 .right .toggle-btn{padding: 1px 5px;}
    .screen2 .right .archive-lists .item{width: calc((100% - 30px) / 3);}
    .screen3 .text{width: 500px; top: 160px; }
    .screen4 .home-youshi.mb80{margin-bottom: 60px;}
    .screen4 .home-youshi .youshi-bg{ padding: 30px;}
    .screen4 .home-youshi h5{ font-size: 20px;}
    .dk .dk-img{ width: 540px; min-height: 540px;}
    .dk-infos h2{ font-size: 38px;}
    .dk .dk-infos{ width: calc(100% - 580px); max-width: 600px;}
    .dk .item{ width: calc((100% - 40px) / 2);}
    .wuliu .p-s .right img{width: 70%;}
    .wuliu .datas{padding-left: 30px;padding-right: 30px;}
}
@media screen and (max-width: 1080px) {
    /*横屏*/
    .archive-lists .item{width: calc((100% - 90px) / 4);}.archive-lists.gap40{gap:30px}
    .about .banner h5{font-size: 24px;}
    .about .banner img{ height: 80%;}
    .banner-1 .w1520.pt120{padding-top: 60px;} 
    .screen2 .w1520.pt100{padding-top: 80px;}
    .screen3 .text{width: 480px; top: 120px; }
    .screen4 .home-youshi .youshi-bg img{ height: 90%;}
    .wuliu .p-s .w1520 .flex{flex-direction: column; row-gap: 30px; align-items: center;}
    .wuliu .p-s .left, .wuliu .p-s .right{width: 100%;}
    .wuliu .p-s .right img{width: 100%;}
    .wuliu .banner p{max-width: 100%;}
    .wuliu .bg2.pt55{padding-top: 30px;}
    .wuliu .bg2.pb55{padding-bottom: 30px;}
    .wuliu .list{flex-direction: column; align-items: center;}
    .wuliu .datas h2{font-size: 36px;}
}
@media screen and (max-width: 860px) {
    /*小平板*/
    .archive .banner{height: 370px;}
    .bg1 h2{font-size: 42px;}
    .archive-lists .item{width: calc((100% - 60px) / 3);}.archive-lists.gap40{gap:30px}
    .youshi.justify-between{justify-content: center;}
    .qs .chart-wrapper { height: 60vh;}
    .chart-container.w1520{padding-left: 10px; padding-right: 10px;}
    .single .product-list .item{ width:calc(100% / 2 - 10px);}
    .home h1{font-size: 48px;}.banner-1 .w1520.pt120{padding-top: 40px;} .banner-1 .w1520.gap35{gap: 30px;}
    .screen2 .w1520.pt100{padding-top: 60px;}
    .screen2 .w1520.pb100{padding-bottom: 60px;}
    .screen2 .w1520.gap180{gap: 80px;}
    .screen2 .left{width: 320px; height: 320px; background-size: cover !important;}
    .screen2 .left::before{width: 353px; height: 353px;}
    .screen2 .left::after{width: 292px; height: 292px;}
    .screen2 .left .image-display{width: 320px;height: 320px; }
    .screen2 .left .image-display img{top:calc((100% - 218px) / 2); left: calc((100% - 318px) / 2);}
    .screen2 .left ul{width: 340px; height: 340px;}
    .screen2 .left ul li a{width: 60px; height: 60px; font-size: 16px;}
    .screen2 .left ul li{width: 83px; height: 83px;}
    .screen2 .left ul li.active{width: 81px; height: 81px;}
    .screen2 .left ul li:nth-child(1) { transform: rotate(300deg) translateX(130px); }
    .screen2 .left ul li:nth-child(2) { transform: rotate(0deg) translateX(130px); }
    .screen2 .left ul li:nth-child(3) { transform: rotate(60deg) translateX(130px);  }
    .screen2 .left ul li:nth-child(4) { transform: rotate(120deg) translateX(130px);}
    .screen2 .left ul li:nth-child(5) { transform: rotate(180deg) translateX(130px); }
    .screen2 .left ul li:nth-child(6) { transform: rotate(240deg) translateX(130px); }
    .screen3 .text{width: 480px; top: 80px; }
    .screen3 .text h1.mb60{margin-bottom: 40px;}
    .screen3 .item:nth-of-type(4){gap: 65px;}
    .screen3 .item:nth-of-type(5){gap: 120px; padding-bottom: 130px;}
    .screen3 .item:nth-of-type(6){gap: 100px; padding-bottom: 70px;}
    .screen3 .item:nth-of-type(7){gap: 120px; padding-bottom: 100px;}
    .screen3 .item:nth-of-type(8){gap: 90px; padding-bottom: 60px;}
    .screen4 .home-youshi.mb80{margin-bottom: 40px;}
    .screen4 .home-youshi .youshi-bg{row-gap: 20px;}
    .screen4 .home-youshi .youshi-bg img{ height: 80%;}
    .screen4 .home-youshi h5{ font-size: 18px;}
    .dk .w1520.flex{flex-direction: column;}
    .dk .dk-img{ width: 100%; min-height: unset;}
    .dk .dk-infos{ width: 100%; max-width: fit-content;}
    .dk.single .item{width: calc((100% - 40px) / 2);}
    .dk .sidenav {width: 100%;}
    .dk .sidenav ul{display: flex; column-gap: 20px;}
    .wuliu h2{font-size: 42px;}
    .wuliu .datas h2{font-size: 32px;}
    /* .wuliu .banner{min-height: 300px; overflow: hidden;} */
    /* .wuliu .banner img{width: 100%; height: 100%; object-fit: cover;} */
}
@media screen and (max-width: 720px) {
    /*手机*/
    h1{font-size: 40px;}
    .bg1 h2{font-size: 40px;}
    .bg1 .pt75{padding-top: 65px;}
    .btn-y{padding: 12px 45px;}
    .archive-lists .item{width: calc((100% - 40px) / 2);}.archive-lists.gap40{gap:40px}
    .chart-container.w1520{padding-left: 5px; padding-right: 5px;}
    .home h1{font-size: 42px;}.banner-1 .w1520.pt120{padding-top: 50px;} .banner-1 .w1520.gap35{gap: 20px;}.home .btn-w{padding: 10px 50px; font-size: 20px;}
    .screen2 .w1520.pt100{padding-top: 40px;}
    .screen2 .w1520.pb100{padding-bottom: 40px;}
    .screen3 .text{top: 60px; width: fit-content; }
    .screen3 .text p{display: none;}
    .screen3 .text h1.mb60{margin-bottom: 30px;}
    .screen4 .home-youshi .youshi-bg img{ height: 60%;}
    .wuliu h2{font-size: 40px;}
    .wuliu .datas h2{font-size: 28px;}
}
@media screen and (max-width: 540px) {
    /*小手机*/
    .banner .w1520{padding-left: 10px; padding-right: 10px;}
    h1{font-size: 34px; line-height: 1.4; font-family: 'MiSans-Light';}
    .bg1 .w1520.flex{ flex-direction: column;}
    .bg1 h2{font-size: 32px;}
    .bg1 .pt75{padding-top: 45px;}
    .qs .select{width: 100%;}
    .qs .arrow-indicator{min-width: 100%;}
    .archive-lists .item{width: calc((100% - 30px) / 2);}.archive-lists.gap40{gap:30px}
    .about .banner h5{font-size: 20px;}
    .about .banner img{ height: 70%;}
    .single .product-list .item{ width:calc(100% - 10px);} 
    .home h1{font-size: 34px;}.banner-1 .w1520.pt120{padding-top: 30px;} .banner-1 .w1520.gap35{gap: 15px;}.home .btn-w{padding: 10px 40px; font-size: 16px;}
    .screen3 .text h1.mb60{margin-bottom: 20px;}
    .screen3 .item:nth-of-type(1){padding-bottom: 60px;}
    .screen3 .item:nth-of-type(3){padding-bottom: 124px;}
    .screen3 .item:nth-of-type(4){gap: 35px;}
    .screen3 .item:nth-of-type(5){gap: 60px; padding-bottom: 100px;}
    .screen3 .item:nth-of-type(6){gap: 40px; padding-bottom: 90px;}
    .screen3 .item:nth-of-type(7){gap: 50px; padding-bottom: 85px;}
    .screen3 .item:nth-of-type(8){gap: 50px; padding-bottom: 60px;}
    .screen4 .home-youshi .youshi-bg img{ height: 55%;}
    .screen4 .home-youshi h5{ font-size: 16px;}
    .wuliu h2{font-size: 32px;}
    .wuliu .datas h2{font-size: 24px;}
}
@media screen and (max-width: 470px) {
    /*最小手机*/
    .banner .w1520{padding-left: 5px; padding-right: 5px;}
    h2{font-size: 34px;}
    .bg1 h2{font-size: 28px;}
    h3{font-size: 16px; line-height: 1.4;}
    .btn-y{font-size: 14px; padding: 10px 30px;}
    .archive-lists .item { width: 100%;}
    .footer img{max-width: 320px;}
    .footer .menu-footer{margin-right: 0; width: 100%;}
    .footer .menu-footer ul li:first-of-type{font-size: 20px; margin-bottom: 20px;}
    .copyright{font-size: 14px; line-height: 1.4;}
    .con-info,.contact-info .sns{width: 100%;}
    .about .banner h5{font-size: 18px;}
    .about .banner img{ height: 60%;}
    .home h1{font-size: 28px;}.banner-1 .w1520.pt120{padding-top: 20px;} .banner-1 .w1520.gap35{gap: 10px;}.home .btn-w{padding: 8px 30px; font-size: 14px;}
    .screen2 .left{width: 220px; height: 220px; }
    .screen2 .left::before{width: 243px; height: 243px;}
    .screen2 .left::after{width: 202px; height: 202px;}
    .screen2 .left .image-display{width: 200px;height: 220px; }
    .screen2 .left .image-display img{top:calc((100% - 140px) / 2); left: calc((100% - 200px) / 2);}
    .screen2 .left ul{width: 240px; height: 240px;}
    .screen2 .left ul li a{width: 50px; height: 50px; font-size: 13px;}
    .screen2 .left ul li{width: 73px; height: 73px;}
    .screen2 .left ul li.active{width: 71px; height: 71px;}
    .screen2 .left ul li:nth-child(1) { transform: rotate(300deg) translateX(80px); }
    .screen2 .left ul li:nth-child(2) { transform: rotate(0deg) translateX(80px); }
    .screen2 .left ul li:nth-child(3) { transform: rotate(60deg) translateX(80px);  }
    .screen2 .left ul li:nth-child(4) { transform: rotate(120deg) translateX(80px);}
    .screen2 .left ul li:nth-child(5) { transform: rotate(180deg) translateX(80px); }
    .screen2 .left ul li:nth-child(6) { transform: rotate(240deg) translateX(80px); }
    .screen2 .right{width: 100%;}
    .screen2 .right .archive-lists .item{width: calc((100% - 20px) / 2);}
    .dk.single .item{width: 100%;}
    .dk .item{ width: 100%;}
    .dk .sidenav ul{display: flex; flex-direction: column;}
    .wuliu h2{font-size: 28px;}
}