@charset "utf-8";body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,iframe,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei",Arial,sans-serif;font-size:14px;color:#171a20;background:#fff;display: flex;flex-direction: column;min-height: 100vh;}
h1{font-size:56px;font-weight:500}
h2{font-size:56px;font-weight:500}
.clear{clear:both}
a{text-decoration:none;color:rgb(23, 26, 32)}
img{border:0}
li{list-style:none}


@font-face{font-family:iconfont;src:url(../fonts/iconfont.woff2) format('woff2'),url(../fonts/iconfont.woff) format('woff'),url(../fonts/iconfont.ttf) format('truetype'),url(../fonts/iconfont.svg#iconfont) format('svg')}

.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-xialajiantou:before {content: "\e642";}
.icon-shipinbofang:before{content:"\e719"}
.icon-guanbi1:before{content:"\e63f"}
.icon-gouwuche1:before{content:"\e65c"}
.icon-sousuo2:before{content:"\e602"}
.icon-left-arrow:before{content:"\e6e5"}
.icon-bofang:before{content:"\e60e"}
.icon-zanting:before{content:"\e693"}
.icon-m_back_normal:before{content:"\e769"}
.icon-guanbi:before{content:"\e61e"}
.icon-yduiwenhao:before{content:"\e610"}
.icon-ren2:before{content:"\e61f"}
.icon-meiguoguoqi:before{content:"\e611"}
.icon-sousuo:before{content:"\e615"}
.icon-renming:before{content:"\e60f"}
.icon-zanting-:before {content: "\e604";}
.icon-rocket:before {content: "\e7d9";}
.icon-shuangjiantoushang:before {content: "\e630";}


.top-nav{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;padding:0 2%;position:fixed;width:100%;z-index:999;min-height:60px;transition:all .3s ease,box-shadow .3s ease;background-color:transparent;box-shadow:0 0 15px transparent}
.logo{ width:200px;}
.logo img{height:60px;filter:brightness(100%) invert(0);vertical-align:middle;transition:filter .3s}
.dh_right01 a{ font-size:16px;}
.desktop-menu{display:none}
.desktop-other{display:none}
.desktop-other i{font-size:24px}
@media (min-width:1201px){
.desktop-menu{display:inline-block;text-align:center}
.desktop-menu>ul{list-style:none;margin:0;padding:0;display:inline-flex}
.desktop-menu>ul>li{position:relative}
.desktop-menu>ul>li>a{color:#fff;text-decoration:none;padding:10px 0;display:block;transition:color .3s; padding:0.5em 1em; display:inline-block; overflow:hidden; border-radius:4px;}
.desktop-menu>ul>li>a:hover{ background: rgba(0, 0, 0, .05)}
.desktop-submenu{position:fixed;top:60px;left:0;width:100vw;background-color:#fff;padding:6em 0;display:none;z-index:1000;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(-20px);visibility:hidden}
.desktop-menu>ul>li:hover .desktop-submenu,.desktop-menu>ul>li:hover::after{display:block;opacity:1;transform:translateY(0);visibility:visible}
.desktop-submenu-content{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:center}
.desktop-menu>ul>li::after{content:'';position:absolute;bottom:-15px;left:0;width:100%;height:15px;background:0 0;display:none}
.desktop-submenu ul{list-style:none;margin:0;padding:0;flex:1;min-width:200px;margin:0 15px}
.desktop-submenu ul li{margin:10px 0}
.desktop-submenu ul li a{color:#333;text-decoration:none;font-size:16px;display:block;padding:5px 0;transition:padding-left .3s}
.desktop-submenu ul li a:hover{color:#4caf50;padding-left:5px;justify-content: flex-end;}
.desktop-other{display:flex;list-style:none;margin:0; -webkit-column-gap: 10px;-moz-column-gap: 10px; column-gap:10px;width:200px;justify-content:flex-end;}
.desktop-other li a{color:#fff;text-decoration:none;font-size:20px;display:block;width:30px;height:30px;text-align:center;line-height:30px;transition:color .3s}
.hamburger-btn{display:none}
}
.desktop-other li a{ display:inline-block; overflow:hidden; border-radius:4px;}
.desktop-other li a:hover{background: rgba(0, 0, 0, .05)}

.top_wz h3{font-weight:400;padding:.5em 0}
.top_dg{display:flex;flex-wrap:wrap;-webkit-column-gap: .8em;-moz-column-gap: .8em; column-gap:.8em;justify-content:center;color:#5c5e62}
.top_dg a{text-decoration:underline; color:rgb(92, 94, 98);}
.top_dg a:hover{color:#171a20}
.submenu-content-nr h3,.submenu-content-nr h3 a{color:#5c5e62;font-weight:400;padding-bottom:1em;font-size:inherit}
.submenu-content-nr dl{display:flex;flex-wrap:wrap;flex-direction:column;gap:.8em;-webkit-gap:.8em;-moz-gap:.8em;row-gap:.8em;column-gap:.8em;}
.submenu-content-nr{display:flex;flex-wrap:wrap;text-align:left；gap:15em;-webkit-gap:15em;-moz-gap:15em;row-gap:15em;column-gap:15em;    text-align: left;}
.submenu-content-nr dt a{padding:0;border-bottom:2px solid transparent;width:fit-content;transition:border-color .3s ease;display:inline-block;border-bottom:2px solid transparent}
.submenu-content-nr dt a:hover{border-color:#171a20}
.submenu_left0 .submenu_left{display:flex;row-gap:2em;column-gap:8em;-webkit-row-gap:2em;-webkit-column-gap:8em;-moz-row-gap:2em;-moz-column-gap:8em}
.submenu_left0 h3{font-weight:400}
.scrolled{background-color:#fff;box-shadow:0 2px 15px rgba(0,0,0,.1)}
.scrolled .desktop-menu>ul>li>a,.scrolled .desktop-other li a{color:#171a20}
.logo2{display:none}
.scrolled .logo2{display:block}
.scrolled .logo1{display:none}
.scrolled1{transform:translateY(-100%)}
.scrolled2{ position:relative;}
.scrolled .desktop-menu>ul>li>a,.scrolled .desktop-other li a,.scrolled2 .desktop-menu>ul>li>a,.scrolled2 .desktop-other li a{color:#171a20}

.scrolled .desktop-other i,.scrolled2 .desktop-other i,.scrolled3.scrolled1 .desktop-other i{ color:#171a20;}
.scrolled .desktop-other i.icon-sousuo2,.scrolled2 .desktop-other i.icon-sousuo2,.scrolled3.scrolled1 .desktop-other i.icon-sousuo2{ color:rgb(57, 60, 65);}


.hamburger-btn{background:rgba(0,0,0,.05);border:none;cursor:pointer;padding:.5em 1.2em;z-index:1000}
.hamburger-btn{color:#fff; font-size:14px;}
.scrolled .hamburger-btn{color:#171a20}
.mobile-menu{position:fixed;top:0;left:-100%;width:100%;height:100%;background-color:#fff;z-index:999;transition:left .3s ease;display:flex;flex-direction:column;padding-top:80px}
.mobile-menu-content{flex:1;overflow-y:auto;max-height:calc(100vh - 80px)}
.mobile-menu.active{left:0}
.mobile-menu .close-btn{position:absolute;top:20px;right:1em;background:0 0;border:none;cursor:pointer;z-index:1001}
.mobile-menu ul{list-style:none;margin:0;padding:0 2em	}
.mobile-menu ul li{margin:15px 0}
.mobile-menu ul li a{color:#171a20;text-decoration:none;font-size:17px;display:block;padding:1em 0;position:relative}
.mobile-menu ul li.has-submenu>a::after{content:'>';position:absolute;right:10px;transition:transform .3s ease}
.mobile-menu ul li.has-submenu.active>a::after{transform:rotate(90deg)}
.submenu{display:none;padding-left:20px;margin-top:10px}
.submenu.active{display:block}
.submenu li a{font-size:18px;color:#ccc}
.submenu-page{position:fixed;top:0;left:100%;width:100%;height:100%;background-color:#fff;z-index:1000;transition:left .3s ease;display:flex;flex-direction:column}
.submenu-content{flex:1;overflow-y:auto;max-height:calc(100vh - 80px); padding:20px 2em;}
.submenu-page.active{left:0}
.submenu-header{display:flex;justify-content:space-between;align-items:center;padding:20px 2em}
.submenu-title{color:#171a20;font-size:14px;margin:0}
.back-btn,.close-btn{background:0 0;border:none;color:#171a20;font-size:24px;cursor:pointer}
.submenu-content ul{list-style:none;margin:0;padding:0}
.submenu-content ul li{margin:15px 0}
.submenu-content ul li a{color:#171a20;text-decoration:none;font-size:24px;display:block;padding:10px 0}

.submenu_left{display:grid;gap:2em 3.5em;grid-template-columns:repeat(5,1fr);text-align:center}
.submenu_left1 .submenu_left h3{font-size:17px;font-weight:550}
.submenu_left dt img{max-width:100%;display:block}
.submenu_left dt{list-style:none}
.submenu_left li a{padding:0}
@media (min-width:0px){.submenu-content .submenu_left{grid-template-columns:repeat(1,1fr)}
}
@media (min-width:450px){.submenu-content .submenu_left{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:590px){.submenu-content .submenu_left{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:768px){.submenu-content .submenu_left{grid-template-columns:repeat(5,1fr)}
}
.other_m i,.other_m span{font-size:17px}
.other_m span{padding-left:1em}
@media (max-width:450px){.submenu_left dt{display:grid;grid-template-columns:repeat(2,1fr);text-align:left;gap:1em}
.submenu_left .top_dg{justify-content:flex-start}
}
@media (max-width:768px){.submenu-content{padding:2em 2em}
.submenu-content-nr{flex-direction:column;gap:1em 0}
.submenu-content-nr h3{display:none}
.submenu-content-nr dt{font-size:17px}
.submenu-content-nr dl{gap:0}
.submenu-content-nr dt a{display:block;width:100%;padding:10px 0;}
}

@media (max-width:1201px){
    .submenu-content-nr{ gap:40px; justify-content:space-between;}
    
}

.page01{position:relative;width:100%;height:100vh}
.page01nr{position:relative;height:100%}
.page01nr_01{width:100%;height:100%;overflow:hidden}
.page01nr_01 img{width:100%;height:100%;object-fit:cover;object-position:center top;  }
.page01nr_02{position:absolute;    top: 12vh;left:0;right:0;text-align:center;color:#fff;z-index:2;padding:0 20px}
.page01nr_02_a h1{text-align:center;font-size:3.5em; margin-bottom:5px;}
.page01nr_02_b{color:#fff;display:inline-block;padding-top:5px;transition:all 0.3s}

.page01nr_02_b{color:#fff;display:inline-block;transition:all .3s;white-space:pre-wrap;position:relative;--tds-link--box-shadow--default:0 calc(1px + 1px) 0 -1px currentcolor;--tds-link--box-shadow--hover:0 calc(1px + 2px) 0 -1px currentcolor;--tds-link--box-shadow--none:0 0 0 0 transparent;background-color:transparent;border:0;-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:var(--tds-link--box-shadow--default);cursor:pointer;padding:0;position:relative;text-align:initial;transition:box-shadow .33s cubic-bezier(.4,0,.2,1),color .33s ease;display:inline;color:#fff}

.page01nr_02_b:hover{border-bottom-width:2px}
.page01nr_03{position:absolute;bottom:2em;left:0;right:0;z-index:2}
.page01nr_03 ul{display:flex;justify-content:center;list-style:none;padding:0 20px}
.page01nr_03 ul li{width:19em;background:#fff;overflow:hidden;border-radius:4px;text-align:center;margin:0 5px;transition:transform 0.3s}
.page01nr_03 ul li:nth-child(1){background:rgb(62,106,225)}
.page01nr_03 ul li a{color:#333;padding:12px 0;display:block;text-decoration:none;font-size:1em}
.page01nr_03 ul li:nth-child(1) a{color:#fff}

@media (max-width:840px){.page01nr_03 ul li{width:10em; }.page01nr_03 ul li a{ padding:10px 0;}}
@media (max-width:768px){.page01nr_02{top:6em}.page01nr_02_a h1{font-size:3.5em; line-height: 1;}.page01nr_02_b{font-size:1em;line-height: 1.8;}.page01nr_02{ top:5em;}}
@media (max-width:600px){.page01nr_03 ul li{width: 100%; } }

.page01nr{position:relative;width:100%;height:100vh;overflow:hidden}
.pagebj01{ display:block;}.pagebj02{ display:none;}.pagebj03{ display:none;}.pagebj04{ display:none;}
@media (max-width:1400px){.pagebj01{ display:none;}.pagebj02{ display:block;}.pagebj03{ display:none;}.pagebj04{ display:none;}}
@media (max-width:720px){.pagebj01{ display:none;}.pagebj02{ display:none;}.pagebj03{ display:block;}.pagebj04{ display:none;}}
@media (max-width:500px){.pagebj01{ display:none;}.pagebj02{ display:none;}.pagebj03{ display:none;}.pagebj04{ display:block;}}


.page01nr_01{position:relative;width:100%;height:100vh}
.page01nr_01 video{width:100%;height:100%;object-fit:cover}
.page01nr_04{position:absolute;bottom:50%;left:2%;color:#fff;transform:translateY(50%);z-index:5}
.page01nr_04 a{width:16.5em;background:#fff;text-align:center;display:block;overflow:hidden;border-radius:4px;padding:12px 0;margin-top:5px;color:#333;text-decoration:none}
.video-control{position:absolute;bottom:3em;left:2%;width:40px;height:40px;background:rgba(128, 128, 128, 0.6);border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all 0.3s ease}
.video-control:hover{background:rgba(0, 0, 0, 0.05);}
.video-control i{color:#fff;}


.page02,.page02 a,.page02nr_b a{ color:rgb(92, 94, 98);}
.page02nr{ margin:0 auto; font-size:12px; max-width:600px;}
.page02nr_a{ line-height:1.6;margin:3em auto 5em;}
.page02nr_a p{ padding-bottom:1em; text-align:center;}
.foot{ text-align:center; font-size:12px;}
.page02nr_b{ display:inline-block; padding:2.3em 0;}
.page02nr_b li{ list-style:none;}
.page02nr_b ul{ display:flex; gap:10px;color:rgb(92, 94, 98);flex-wrap: wrap;justify-content: center;}
.page01nr_04_a h1{ font-size:40px;margin-bottom: 0.5em;}
@media (max-width:650px){
	.page02nr{ max-width:inherit;}
	.page02nr_a{ padding: 0 2em;}
	}

@media (max-width:1200px){
	.video-control{ bottom: 45%;left: 2%;}
	.page01nr_04{ bottom:25%;}
	.page01nr_04_a h1{ font-size:28px; margin-bottom:0.5em;}
	}
@media (max-width:900px){
	.page02nr_b{ padding:2em 10%}
	.page01nr_04_b a{ width:100%;}
	.page01nr_04{padding:0 5%;width:100%; left:0;}
	
	
	}
	
@media (max-width:600px){.page02nr_b ul{flex-direction: column;}}
@media (max-width:450px){
	.page01nr_01 img {
    height: 120%;
    margin-top: -20%;}
	}
	
@media (max-height: 600px) {.page01nr_04 {bottom: 20%;}.video-control {bottom: 40%;}}

.page01nr_01{position:relative;width:100%;height:100vh;overflow:hidden}
.page01nr_01 video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover}
@media (orientation:portrait){.page01nr_01 video{width:100%;height:auto}}
@media (orientation:landscape){.page01nr_01 video{width:auto;height:100%}}



.sacle_contact{  margin:0 auto; flex-grow:1; width:650px;}
.page_tt{ padding:60px 0; font-weight:500; font-size:40px; line-height:48px;}
.contact_con{ display:flex; flex-wrap:wrap;    flex-direction: column;}
.contact_con01{ margin-bottom:50px;}
.contact_con01 li{margin-bottom:32px;}
.contact_con p{ margin-bottom:14px; color:rgb(57, 60, 65)}
.contact_con a{ border-bottom:1px solid rgb(57, 60, 65); padding-bottom:2px;}
.contact_con a:hover{ border-bottom:2px solid rgb(57, 60, 65)}
.contact_con b{font-weight:500;color:rgb(23, 26, 32)}
.contact_con strong{font-weight:400;color:rgb(23, 26, 32)}
.contact_con02 img{ max-width:100%;}

.contact_con03{ display:flex; width:100%;justify-content: space-between; flex-wrap:wrap;    flex-direction: column;}
.contact_con03 li{  margin-bottom:10px;}
.contact_con03 li img{border-radius:5px; overflow:hidden; display:block;}
.contact_con03 p{ margin-bottom:10px;}

.scale_aboutnr video{ width:100%; height:100vh;object-fit: cover;}
.scale_aboutnr{ position:relative;display: flex;justify-content: center; color:#fff;line-height:1.6;}
.scale_aboutnra{ position:absolute; top:30%; text-align:center;}

.scale_aboutnra_1{ margin-bottom:10px; font-size:40px;}
.scale_aboutnra_3 i{ font-size:60px; opacity:.7}
.scale_aboutnry{ color:#fff; position:absolute; bottom:50px; display:flex; column-gap:50px; text-align:center;}
.scale_aboutnrya{ font-weight:bold;font-size:20px;}
.scale_aboutnryb{ font-size:18px;}
.scale_aboutnrya em{ font-style:normal}
@media (max-width: 1200px){
	

	.scale_aboutnra_3 i{ font-size:50px;} .scale_aboutnr video{ height:auto; min-height: 400px;}
.page01,.page01nr,.page01nr_01,.page01nr_01{ height:auto; min-height:350px;}
}

@media (max-width: 768px){.sacle_contact{ width:100%;}	.page_tt{ font-size:28px;}}
@media (max-width: 520px){.scale_aboutnry{ display:none;} .contact_con03 li{ width:100%; }} 

.aboutnr_02{position:absolute;top:10vh;color:#fff;text-align:center;width:100%}
.aboutnr_02_h{color:#333}
.about_par{position:absolute;top:20vh;width:96%;left:0;right:0;margin:0 auto}
.world{position:relative;width:100%; height:70vh; min-height:600px;margin:0 auto}
.world a{transition:ease 1s}
.world a:hover{transform:translate(10px,0)}
@keyframes rotateT{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.z_slogo_box{width:min(25vw,200px);height:min(25vw,200px);position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}
.z_lclogo{position:absolute;z-index:0;width:min(8vw,80px);height:min(8vw,80px)}


.z_slogo_box::before{content:"";display:block;width:100%;height:100%;border:1px dashed #d61518;padding:1.5em;-webkit-animation:rotateT 100s linear infinite;animation:rotateT 100s linear infinite;position:absolute;left:50%;top:50%;z-index:1;pointer-events:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%}
.z_slogo_box::after{content:"";display:block;width:100%;height:100%;border:1px dashed #d61518;padding:2.5em;-webkit-animation:rotateT 60s linear infinite;animation:rotateT 60s linear infinite;position:absolute;left:50%;top:50%;z-index:2;pointer-events:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%}
.z_slogo{width:100%;height:100%}
.z_slogo a{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}
.z_slogo a img{display:block;width:100%;height:100%; background:#fff;}

.z_slogo_box::after,.z_slogo_box::before{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.z_lclogo a{width:100%;height:100%;background-color:#fff;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%}
.z_lclogo a img{max-width:100%;max-height:100%}

.z_lclogo1{width:8.333vw;height:8.333vw;left:1%;top:37%;-webkit-animation:moves2 2s linear infinite;animation:moves2 2s linear infinite}
.z_lclogo2{width:5.81vw;height:5.81vw;left:13.125%;top:16%;-webkit-animation:moves2 3s linear infinite;animation:moves2 3s linear infinite}
.z_lclogo3{width:6.35vw;height:6.35vw;left:14.375%;top:49.16%;-webkit-animation:moves2 4s linear infinite;animation:moves2 4s linear infinite}
.z_lclogo4{width:7.13vw;height:7.13vw;left:18.125%;top:75.83%;-webkit-animation:moves2 5s linear infinite;animation:moves2 5s linear infinite}
.z_lclogo5{width:6.35vw;height:6.35vw;left:20.75%;top:0.33%;-webkit-animation:moves2 2s linear infinite;animation:moves2 2s linear infinite}
.z_lclogo6{width:5.67vw;height:5.67vw;left:25.06%;top:31.33%;-webkit-animation:moves2 3s linear infinite;animation:moves2 3s linear infinite}
.z_lclogo7{width:5.23vw;height:5.23vw;left:32.125%;top:6.66%;-webkit-animation:moves2 4s linear infinite;animation:moves2 4s linear infinite}
.z_lclogo8{width:6.35vw;height:6.35vw;left: 36.43%;top: 81.5%;-webkit-animation:moves2 5s linear infinite;animation:moves2 5s linear infinite}
.z_lclogo9{width:5.29vw;height:5.29vw;left:55%;top:10.33%;-webkit-animation:moves2 5s linear infinite;animation:moves2 5s linear infinite}
.z_lclogo10{width:5.67vw;height:5.67vw;left:59.375%;top:73.33%;-webkit-animation:moves2 5s linear infinite;animation:moves2 5s linear infinite}
.z_lclogo11{width:7.13vw;height:7.13vw;left:61%;top:33.33%;-webkit-animation:moves2 5s linear infinite;animation:moves2 5s linear infinite}
.z_lclogo12{width:7.29vw;height:7.29vw;left:76.25%;top:68.33%;-webkit-animation:moves2 5s linear infinite;animation:moves2 5s linear infinite}
.z_lclogo13{width:7.13vw;height:7.13vw;left:83.125%;top:40.83%;-webkit-animation:moves2 5s linear infinite;animation:moves2 5s linear infinite}
.z_lclogo14{width:5.48vw;height:5.48vw;left:66.875%;top:2.5%;-webkit-animation:moves2 5s linear infinite;animation:moves2 5s linear infinite}
.z_lclogo15{width:7.29vw;height:7.29vw;right:4%;top:8%;-webkit-animation:moves2 5s linear infinite;animation:moves2 5s linear infinite}
.z_lclogo16	{width:4.67vw;height:4.67vw;left:29.06%;top:65.33%;-webkit-animation:moves2 3s linear infinite;animation:moves2 3s linear infinite}
.z_lclogo17{width:4.67vw;height:4.67vw;left:34.0%;top:42.33%;-webkit-animation:moves2 3s linear infinite;animation:moves2 3s linear infinite}
.z_lclogo18{width:4.23vw;height:4.23vw;left:40.125%;top:10.66%;-webkit-animation:moves2 4s linear infinite;animation:moves2 4s linear infinite}
.z_lclogo19{width:7.29vw;height:7.29vw;right:1%;top:60%;-webkit-animation:moves2 5s linear infinite;animation:moves2 5s linear infinite}
.z_lclogo20{width:6.48vw;height:6.48vw;left:72.875%;top:25.5%;-webkit-animation:moves2 5s linear infinite;animation:moves2 5s linear infinite}



@media (max-width: 1500px) {.z_slogo a{ width:80%; height:80%;}
.z_slogo_box::before,.z_slogo_box::after{ height:80%; width:80%;}
.z_slogo_box::before{ padding:1em;}
.z_slogo_box::after{ padding:1.5em;}
.z_slogo{ position:relative;}
.z_slogo a{position: absolute;
    top: 10%;
    left: 10%;}
}
@media (max-width: 1200px) {.z_lclogo17{ top:24%;}.world{min-height:350px;}.about_par{ top:30vh;}
.z_lclogo11{ left:66%;    top: 40.33%;}
}


.about_team{ padding-top:80px; }
.about_team_t{ text-align:center;}
.about_team_con{ width:1116px; margin:50px auto}
.about_thumbs,.about_thumbsmm { position:relative; overflow:hidden;}
.about_thumbs img{ width:100%;}
.about_thumbsmm{ padding:24px 0px;    position: relative;overflow: hidden;width: 100% !important;}

.about_thumbsmm .swiper-wrapper .swiper-slide .about_thumbsmm_d{ width:100%; height:5px; border-radius:5px; overflow:hidden; background:rgba(204,204,204,1);}
.about_thumbsmm .swiper-wrapper .swiper-slide-thumb-active .about_thumbsmm_d{ background:rgba(72,105,156,1)}
.about_thumbsmm .swiper-wrapper .swiper-slide-thumb-active{ color:rgba(72,105,156,1);}
.about_thumbsmm_t{ padding:5px 1em; font-size:24px;}



.about_join{ position:absolute; color:#FFF; bottom:40%; margin:0 auto; text-align:center; left:0; right:0;}
.about_join a{ color:#fff; display:block; padding:10px 2em}
.about_join .scale_aboutnra_3{ display:inline-block; border-radius:4px; overflow:hidden;border:1px solid #fff; }
.about_join .scale_aboutnra_3:hover{ background:#fff;}
.about_join .scale_aboutnra_3:hover a{ color:#333}

@media (max-width: 1600px) {.about_team_con{ width:60%; margin:30px auto;}.about_team{ padding-top:50px;} .scale_aboutnra_1{ font-size:36px;}}
@media (max-width: 1400px) {.about_team_con{ width:75%;margin:30px auto}.scale_aboutnra_1{ font-size:34px;}}
@media (max-width: 1200px) {.about_team_con{ width:92%;}.scale_aboutnra_1{ font-size:32px;}.scale_aboutnra_2{ font-size:20px;} .about_thumbsmm_t{ text-align:center;}.about_thumbsmm_t{ font-size:16px;}}

.page p img{ width: 100%;}

.scale_legal_banner01{height: 300px;; overflow:hidden;}
.scale_legal_banner{ position:relative; margin-bottom:50px;}
.scale_legal_banner01 img{ width: 100%;}
.scale_legal_banner01 .pagebj01{width:100%;object-fit: cover; width: 100%;}
.scale_legal_banner02 { position:absolute; font-size:40px; top:0; padding-top:5vh;left: 0;right: 0;}

.contain{ width:640px; margin:0 auto;}
@media (max-width: 1600px){.contain{width:60%; max-width:auto;}}
@media (max-width: 1400px){.contain{width:70%; max-width:auto;}.scale_legal_banner02{ padding-top:65px}}
@media (max-width: 800px){ .contain{width:98%; max-width:auto;}}

.scale_legal_con01_1{ padding-bottom:16px;}
.scale_legal h4{ font-size:28px;font-weight:500;margin:32px 0 8px;}
.scale_legal h5{ font-size:17px; font-weight:500; margin:32px 0 8px;}
.scale_legal p{ width:65%; color:rgb(57, 60, 65)}



.scale_news li{ padding:24px 0;}
.scale_news li .scale_news01{ padding:32px 0 4px; font-size:20px; font-weight:500;}
.scale_news li .scale_news02{ display:flex;gap:10px; padding-top:4px;}
.scale_news li .scale_news02 span{ color:rgb(92, 94, 98); font-size:12px;}
.scale_news li .scale_news03{ padding:16px 0; font-size:12px; color:rgb(57, 60, 65); }
.scale_news li .scale_news04 a{ color:rgb(57, 60, 65); padding-bottom:1px; border-bottom:1px solid rgb(57, 60, 65);}
.scale_news li .scale_news04 a:hover{border-bottom:2px solid rgb(57, 60, 65);}



.scblogxq01{ font-size:36px; font-weight:500; padding:112px 0 8px;}
.scblogxq02{display:flex;gap:10px; padding-top:4px; padding-bottom:64px;}
.scblogxq02 span{color:rgb(92, 94, 98); font-size:12px;}
.scblogxq03 p{ color:rgb(57, 60, 65); margin-bottom:14px; line-height:20px;}
.scblogxq03 p img{ max-width:100%;}
.scblogxq03t span{ background:#f2f2f2; text-align:center; padding:10px; border-radius:5px; display:inline-block;}
.scblogxq03t{ text-align:center}


.jianjieVideo:after{ content:""; background:rgba(0,0,0,0.2); width:100%; height:100%; position:absolute; top:0;left: 0;}




.timeline-container{margin:0 auto;overflow:visible}
.timeline-title{text-align:center;margin-bottom:60px;font-size:36px;color:#333}
.timeline-wrapper{position:relative;width:100%;margin:0 auto;padding:150px 0;height:auto;overflow:hidden; width:80%;}
.timeline-axis{position:absolute;height:4px;background-color:#ccc;width:100%;top:50%;left:0;transform:translateY(-50%);z-index:1}
#timelineTicks{position:absolute;width:100%;height:20px;top:50%;left:0;transform:translateY(-50%);z-index:2}
.timeline-tick{position:absolute;width:2px;height:100%;background-color:#ccc;transform:translateY(-25%)}
#timelineSwiper{position:relative;z-index:4;overflow:visible !important;height:auto}
.swiper-time .swiper-wrapper{overflow:visible !important}
.swiper-time .swiper-slide{display:flex;flex-direction:column;height:auto;min-height:150px;padding:0 15px 0 0;background:none;overflow:visible !important;position:relative}
.timeline-content::before{content:'';position:absolute;left:0;width:2px;background-color:#ccc;z-index:1;height:100%}
.slide-year{color:#666;font-size:14px;white-space:nowrap;min-width:60px;font-weight:normal;z-index:5;text-align:left;display:none}
.timeline-content{background:transparent;border-radius:0;box-shadow:none;padding:10px 5%;text-align:left;position:relative;overflow:visible;margin:0;position:absolute;max-height:200px;overflow-y:auto}
.timeline-content.odd{bottom:50%;margin-bottom:40px}
.timeline-content.even{top:50%}
.timeline-content.odd::before{height:100%;top:auto}
.timeline-content.even::before{height:100%}
.timeline-content:hover{transform:translateY(-5px);transition:all .5s ease}
.timeline-content.even:hover{transform:translateY(5px)}
#timelineSwiper .swiper-slide:nth-child(odd){flex-direction:column}
#timelineSwiper .swiper-slide:nth-child(even){flex-direction:column-reverse;align-self:flex-start;transform:translateY(120px)}
.content-year{font-size:32px}
.content-title{font-size:1.1rem;margin-bottom:10px;font-weight:500}
.content-details{font-size:0.9rem;color:#7f8c8d;white-space:normal;word-wrap:break-word;line-height:1.5}
.swiper-time .swiper-button-prev,.swiper-time .swiper-button-next{background-color:rgba(233,233,233,1);width:40px;height:40px;top:50% !important;transform:translateY(-50%) !important; outline:none;}
.swiper-time .swiper-button-prev:after,.swiper-time .swiper-button-next:after{font-size:18px;color:#000}
.timeline-content{background:transparent;border-radius:0;box-shadow:none;padding:15px;text-align:left;position:relative;overflow:visible;margin:0;min-height:150px;height:auto}
.content-details{font-size:0.9rem;color:#7f8c8d;white-space:normal;word-wrap:break-word;line-height:1.6;padding:5px 0}

.scale_honor{width:80%;margin:0 auto;}
.timeline-title{font-size:36px;color:#333;padding-bottom:10px;margin-bottom:40px}
.scale_honorconlist{list-style:none;padding:0;margin:0;position:relative}
.scale_honorconlist:before{content:"";position:absolute;left:15%;top:0;bottom:20px;width:3px;background:#ccc;transform:translateX(-50%);z-index:1}
.scale_honorconlist li{display:flex;position:relative;padding:30px 0}
.scale_honorconlist01{font-size:36px;font-weight:400;width:15%;text-align:right;padding-right:30px;box-sizing:border-box;position:relative;z-index:2}
.scale_honorconlist01:after{content:"";width:10px;height:10px;border-radius:50%;background:#000;display:block;position:absolute;right:0;top:0%;transform:translate(50%,-50%);border:5px solid white;z-index:3}
.scale_honorconlist li:first-child{padding-top:0}
.scale_honorconlist li:first-child .scale_honorconlist03{min-height:100px}
.scale_honorconlist li:first-child .scale_honorconlist01{padding-top:0}
.scale_honorconlist li:first-child .scale_honorconlist01:after{content:"\e630";font-family:iconfont;font-size:60px;width:auto;height:auto;background:none;border:none;border-radius:0;right:0;top:0%;transform:translate(50%,-50%);z-index:3}
.scale_honorconlist li:last-child .scale_honorconlist01:before{display:none}
.scale_honorconlist03{width:85%;box-sizing:border-box;padding-left:40px}
.scale_honorconlist03{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scale_honorconlist03_a{border:1px #f2f2f2 solid;padding:10px;transition:all 0.3s ease}
.scale_honorconlist03_a:hover{box-shadow:0 3px 10px rgba(0,0,0,0.1)}
.scale_honorconlist03_a img{display:block;max-width:100%;height:auto}
.scale_honorconlist03_b{padding:10px; text-align:center;}
.scale_honorconlist03_b p{font-size:16px;margin:0 0 5px 0;color:#333}
.scale_honorconlist03_b span{font-size:14px;color:#666}
@media (max-width:1400px){.scale_honorconlist03{grid-template-columns:repeat(2,1fr);gap:20px} .scale_honor{ width:90%;}
.scale_honorconlist01{ padding-right:10px;}
.scale_honorconlist li:first-child .scale_honorconlist03{ min-height:30px;}
}
@media (max-width:992px){
	.scale_honorconlist:before,.scale_honorconlist li:first-child .scale_honorconlist01:after,.scale_honorconlist01:after{ display:none;}
	.scale_honorconlist01,.scale_honorconlist03{ width:100%;}
	.scale_honorconlist li{flex-direction: column;}
	.scale_honorconlist01{ text-align:left; margin-bottom:20px; padding:0;}
	.scale_honorconlist03{ padding:0;}
	.scale_honorconlist li:first-child{ display:none;}
.scale_honorconlist li:first-child .scale_honorconlist01:after{font-size:50px}
.scale_honor{ width:95%;}
.scale_honorconlist01{ font-size: 25px;}
}


@media (max-width:320px){
.scale_honorconlist03{grid-template-columns:1fr;}
.scale_honorconlist li:first-child .scale_honorconlist01:after{font-size:20px}
}




#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(255,255,255,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1;background: #fff !important;}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;}
#baguetteBox-overlay .full-image figcaption{position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#fff;font-size:15px;padding:1rem;background-color:rgb(0 0 0 / 70%);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}
@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}
@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;color:#4c4c4c;background: none;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,.baguetteBox-button:hover{}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button i{position:absolute;left:0;top:0}
.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
#baguetteBox-overlay .iconfont { font-size:36px;}
#baguetteBox-overlay .iconfont.icon-guanbi1{ font-size:24px;}



.ydyconyy{min-height:100vh;background-position:center center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}
.ydycon{color:#fff;text-align:center;width:100%;padding:20px 0}
.ydycon01{text-align:center}
.ydycon01 img{width:calc(280 * 100vw / 1920);display:inline-block}
.ydycon02{font-size:calc(36 * 100vw / 1920);margin-top:20px}
.ydycon02 p:nth-child(2){font-weight:700}
.ydycon03{display:flex;flex-wrap:wrap}
.ydycon03 li{width:33.333%}
.ydycon03 li img{max-width:100%}
.ydycon03 a{display:inline-block}
.ydycon03_b{font-size:calc(32 * 100vw / 1920);padding-bottom:10px;border-bottom:3px solid transparent;display:inline-block;margin:0 auto}
.ydycon03 li:hover .ydycon03_b{border-bottom:3px solid rgba(62,106,225,1);color:rgba(62,106,225,1)}
.ydycon04{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:50px}
.ydycon04_a{font-size:calc(32 * 100vw / 1920);color:rgb(51,51,51)}
.ydycon04 a{display:inline-block;padding:20px 2em;border-radius:5px;overflow:hidden;color:#fff;background:rgba(62,106,225,1);font-size:calc(26 * 100vw / 1920)}
.ydycon04 a:hover{background:rgb(45,85,200)}
@media (max-width:1920px) and (min-width:551px){.ydycon01 img{width:calc(65px + 10 * 1vw)}
.ydycon02{font-size:calc(26px + 10 * 100vw / 1920)}
.ydycon03_b{font-size:calc(22px + 10 * 100vw / 1920)}
.ydycon04_a{font-size:calc(22px + 10 * 100vw / 1920)}
.ydycon04 a{font-size:calc(16px + 10 * 100vw / 1920)}
}@media (max-width:550px){.ydycon01 img{width:150px}
.ydycon02{font-size:24px}
.ydycon03_b{font-size:20px}
.ydycon04_a{font-size:20px}
.ydycon04 a{font-size:18px;padding:15px 1.5em}
.ydycon03{flex-direction:column}
.ydycon03 li{width:100%;margin-bottom:20px}
}




.sbxq{display:flex;justify-content:space-between;padding:0 12px;flex-grow: 1;}
.cs_thumbscon{display:flex;flex-direction:column;width:342px}
.sbxqcon{position:relative;width:calc(100% - 380px)}
.pa{padding:32px 0 8px}
.pa1{padding-bottom:16px}
.cs_thumbs_a{font-size:40px;text-align:center}
.cs_thumbs_b{text-align:center;color:rgb(92,94,98)}
.cs_thumbs_c{display:flex;flex-direction:column;}
.cs_thumbs_c .product-item{margin-bottom:20px;}
.sbcsc{display:block;box-shadow:rgb(208,209,210) 0px 0px 0px 1px inset;border-radius:5px;overflow:hidden;padding:16px;text-align:left;transition:all 0.3s ease}
.sbcsc01{display:flex;justify-content:space-between}
.sbcsc02{margin-top:12px;overflow:hidden;transition:max-height 0.3s ease;max-height:20px}
.sbcsc02.expanded{max-height:100px}
.sbcsc02 p{padding-bottom:5px}
.sbcsc01_b{font-weight:600}
.sb_thumbs{position:relative;overflow:hidden}
.sb_thumbs .swiper-button-prev:after,.sb_thumbs .swiper-rtl .swiper-button-next:after,.sb_thumbs .swiper-button-next:after,.sb_thumbs .swiper-rtl .swiper-button-prev:after{display:none}
.sb_thumbs .swiper-button-prev,.sb_thumbs .swiper-button-next{background:rgba(0,0,0,0.05);color:rgb(57,60,65);width:40px;height:40px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.3s ease}
.sb_thumbs:hover .swiper-button-prev,.sb_thumbs:hover .swiper-button-next{opacity:1}
.sb_thumbs .swiper-button-prev{left:-50px}
.sb_thumbs .swiper-button-next{right:-50px}
.sb_thumbs:hover .swiper-button-prev{left:50px}
.sb_thumbs:hover .swiper-button-next{right:50px}
.cs_thumbs_c .product-item{height:auto;background:#fff;color:rgb(92,94,98);width:100%;font-size:14px;cursor:pointer;transition:all 0.3s ease}
.cs_thumbs_c .product-item.active .sbcsc{box-shadow:0 0 0 1px rgb(23, 26, 32); color:rgb(23, 26, 32);     box-sizing: border-box;	width: 98%;margin: 0 auto;}
.sb_thumbs{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity 0.3s ease;pointer-events:none}
.sb_thumbs.active{opacity:1;pointer-events:auto;z-index:1;position: relative;}
.expand-icon{display:none;transition:transform 0.3s ease}
.product-item.active .expand-icon{display:inline-block}
.product-item.active .expand-icon.expanded{transform:rotate(180deg)}
.expand-icon,.product-item.active .expand-icon{ display:none;}


.cs_thumbs_d,.cs_thumbs_d a{ color:rgb(92, 94, 98); text-align:center;}
.cs_thumbs_d a{ padding-bottom::1px; border-bottom:1px solid rgb(92, 94, 98)}
.cs_thumbs_d a:hover{border-bottom:1px solid rgb(23, 26, 32); color:rgb(23, 26, 32)}
.cs_thumbs_e{ display:flex;justify-content:center; padding:24px 0;}
.cs_thumbs_e a{ display:inline-block; padding:7px 30px; background:rgb(244, 244, 244);}
.cs_thumbs_e a:hover{ color:#rgb(57, 60, 65); background:rgb(238, 238, 238)}


.cs_thumbs02{ margin:60px 0;}
.cs_thumbs02_a01{ text-align:center; padding-bottom:16px;}
.cs_thumbs02_a02{ font-size:20px; text-align:center;}
.cs_thumbs02_a03{ background:#}
.cs_thumbs02_a03 label{ display:flex;justify-content: space-between; width:100%;}
.cs_thumbs02_input{padding:16px; box-shadow:rgb(208, 209, 210) 0px 0px 0px 1px inset;border-radius: 5px; margin-top:20px;}
.cs_thumbs02_a03_a{ color:rgb(92, 94, 98); display:flex; align-items:center;}
.cs_thumbs02_a03_a input{ margin-right:5px;}
.cs_thumbs02_input .beizhu{ font-size:12px; color:rgba(92, 94, 98,0.8);margin-top:5px;text-align: left;}

.cs_thumbs02_a{ margin-bottom:60px;}
.cs_thumbscon{ height:calc(100vh - 80px); overflow-y: auto;overflow-x: hidden;scrollbar-width: none; -ms-overflow-style: none;}
.cs_thumbscon::-webkit-scrollbar {display: none;}

.cs_thumbsprice{ position:fixed; bottom:0; right:12px; background:#fff;box-shadow:rgba(0, 0, 0, 0.1) 0px -2px 8px 0px;width:390px;}
.cs_thumbsprice01_a{ color:rgb(23, 26, 32); font-size:24px; font-weight: 600;}
.cs_thumbsprice02{color:rgb(92, 94, 98); font-size:12px;}
.cs_thumbsprice03 .cs_thumbsprice02_button{ background:rgb(62, 106, 225); color:#fff; padding:10px 30px; border-radius:5px; overflow:hidden;border:none;}
.cs_thumbsprice{ display:flex; justify-content: space-between; padding:12px 24px; overflow:hidden; border-radius:5px; align-items: center;}
.cs_thumbsprice03 .cs_thumbsprice02_button:focus{outline: none;box-shadow: none; border:none;}
.cs_thumbsprice03 .cs_thumbsprice02_button:hover {background: rgb(45, 85, 200);}
.cs_thumbs03{ padding-bottom:100px;}
.cs_thumbs02_a03{ color:#666; text-align:center; padding:10px 0;}
.cs_thumbs03_a a{color:#333;}
.cs_thumbs03_a{display: flex;justify-content: center;}

.cs_thumbs03_b{display:flex;justify-content:space-between;font-size:20px;margin:30px 0 20px}
.cs_thumbs03_d{margin-top:20px;text-align:center}
.cs_thumbs03_d a{display:block;border:3px solid #000;border-radius:5px;padding:10px 0}
.cs_thumbs03_c{color:#666}
.cs_thumbs03_acon{overflow:hidden;max-height:0;opacity:0;transition:all 0.4s ease}
.cs_thumbs03_acon_b{color:#666;margin-top:10px}
.cs_thumbs03_acon_b li{display:flex;justify-content:space-between;padding-bottom:10px}
.cs_thumbs03_acon_d{border-top:1px solid #666;padding-top:15px}
.cs_thumbs03_acon_c{margin-top:15px;text-align:center}
.cs_thumbs03_acon.show{max-height:500px;opacity:1;margin:20px 0}
.cs_thumbs03_a{margin:20px 0;display:flex;justify-content:center}
.cs_thumbs03_a a,.cs_thumbs03_acon_c a{display:inline-flex;align-items:center;text-decoration:none;color:#333;}
.cs_thumbs03_acon_c .icon-xialajiantou{transform:rotate(180deg)}     






@media (max-width:1200px){
.cs_thumbs_a{ font-size:32px;}
.sbxq{flex-direction:column;padding:0 20px;justify-content: start;}
.sbxqcon{ width:100%}
.cs_thumbscon{ width:100%;overflow: visible;}
.cs_thumbsprice{ width:100%; right:0;}
.cs_thumbs02 .cs_thumbs_e{ margin-bottom:100px;}
}




.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:none}
.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:white;padding:48px;border-radius:16px;width:90%;max-width:900px;max-height:60vh;z-index:10000;display:none;box-shadow:0 4px 20px rgba(0,0,0,0.25)}
.modal-content{width:100%;padding:0 20px}
.modal h3{font-size:20px;color:#333;padding-bottom:8px ; color:rgb(23, 26, 32)}
.modal p{margin-bottom:12px; color:rgb(57, 60, 65)}
.modal-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:5px}

.modala{margin:0 auto;height: 44vh;overflow-y:auto;display: block;}
.modal-close{ font-size:14px;color:#333; padding:8px; background:transparent; border-radius:5px; overflow:hidden;}
.modal-close:hover{background:rgba(0, 0, 0, 0.05);}

.sbxq_thumbscon{ display:flex; }
.sbxq_thumbscon02{ background:#fff; box-sizing:border-box;}



.sbxq_thumbs-container,.sbxq_thumbs-container2{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:10000;display:none}
.swiper-container.sbxq_thumbs{width:100%;height:100%;padding-bottom: 45px;}
.sbxq_thumbs .swiper-wrapper{height:100%}
.sbxq_thumbs .swiper-slide{display:flex;justify-content:center;align-items:center;height:100%;box-sizing:border-box;opacity:0.5;transition:opacity 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.25); border-radius:16px; overflow:hidden;font-size:14px; color:rgb(57, 60, 65); text-align:left;min-height:40vh;}
.sbxq_thumbs .swiper-slide-active{opacity:1;}
.sbxq_thumbscon01{width:55%;height:100%;background:#dbdbdb;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;min-height: 50vh;	}
.sbxq_thumbscon01::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#dbdbdb;z-index:0}
.sbxq_thumbscon01 img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;position:relative;z-index:1}
.sbxq_thumbscon02{width:45%;height: 100% !important;overflow-y:auto;padding:40px 20px 20px;;box-sizing:border-box}
.sbxq_thumbscon02_a{margin-bottom:20px}
.sbxq_thumbscon02_a:first-child{font-size:24px;font-weight:bold;color:#333}
.sbxq_thumbs .swiper-button-next:after,.sbxq_thumbs .swiper-rtl .swiper-button-prev:after,.sbxq_thumbs .swiper-button-prev:after,.sbxq_thumbs .swiper-rtl .swiper-button-next:after{display:none}
.swiper-button-sbxq{position:absolute;top:45%;width:100%;display:flex;justify-content:space-between;z-index:10;transform:translateY(-50%)}
.swiper-button-prev-sbxq,.swiper-button-next-sbxq,.swiper-button-prev-sbxq2,.swiper-button-next-sbxq2{color:white;display:flex;justify-content:center;cursor:pointer;margin:0 20px;pointer-events: auto;}
.sbxq_thumbs .swiper-button-prev,.sbxq_thumbs .swiper-rtl .swiper-button-next{ left:auto;}
.sbxq_thumbs .swiper-button-next,.sbxq_thumbs  .swiper-rtl .swiper-button-prev{ right:auto;}
.swiper-button-prev-sbxq,.swiper-button-prev-sbxq2{left:20% !important}
.swiper-button-next-sbxq,.swiper-button-next-sbxq2{right:20% !important}
.swiper-pagination-sbxq,.swiper-pagination-sbxq2{position:absolute;bottom:20px !important;left:50%;transform:translateX(-50%)}
.sbxq_thumbscon-close{position:absolute;top:20px;right:20px;width:30px;height:30px;border:none;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;font-size:14px}
.sbxq_thumbscon-close i{ font-size:14px; color:rgb(57, 60, 65)}
.sbxq_thumbscon-close{background:rgba(234, 234, 234, 0.36);}
.sbxq_thumbscon-close:hover{background:rgba(0, 0, 0, 0.05);}
.swiper-button-sbxq i,.swiper-button-sbxq2 i{ font-size:34px;}
.sbxq_thumbs .swiper-pagination-bullet{ background:#000;}
.sbxq_thumbs .swiper-pagination-bullet-active{ background:#fff;}
.sbxq_thumbscon02_b{ height:30vh; overflow:auto;}
.swiper-button-sbxq2 .swiper-button-next:after,.swiper-button-sbxq2 .swiper-rtl .swiper-button-prev:after{ display:none;}
.swiper-button-sbxq2  .swiper-button-prev:after,.swiper-button-sbxq2  .swiper-rtl .swiper-button-next:after{ display:none;}

.sbxq_thumbs .swiper-button-prev,.sbxq_thumbs .swiper-button-next,.sbxq_thumbs2 .swiper-button-prev,.sbxq_thumbs2 .swiper-button-next{ width:60px; height:60px; border-radius:5px; overflow:hidden; background:rgba(0,0,0,0.5)}
@media (max-width:1200px){
	.swiper-button-prev-sbxq,.swiper-button-prev-sbxq2{left:10px !important}
.swiper-button-next-sbxq,.swiper-button-next-sbxq2{right:10px !important}
	}

@media (max-width:768px){.sbxq_thumbs-container,.sbxq_thumbs-container2{height: auto; width:95%}
.swiper-slide{flex-direction:column;	height: auto; }
.sbxq_thumbscon01,.sbxq_thumbscon02{width:100%;height:auto}
.sbxq_thumbscon01{height:50vh;}
.sbxq_thumbscon02{padding-left:10px;height:calc(40vh - 40px)}
.swiper-button-prev-sbxq,.swiper-button-next-sbxq,.swiper-button-prev-sbxq2,.swiper-button-next-sbxq2{width:40px;height:40px;margin:0 10px}
}

.quantity-control{display:flex;align-items:center;gap:5px}
.quantity-btn{width:30px;height:30px;border:none;font-size:16px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;background:none}
.quantity-input{width:50px;height:28px;text-align:center;border:1px solid #e8e8e8;border-radius:4px;font-size:16px;background:#e8e8e8;-moz-appearance:textfield;appearance:textfield}
.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.proxq_brgwc{margin-top:20px}
.proxq_brgwc .add-to-cart-btn{background:rgb(62,106,225);color:#fff;text-align:center;padding:10px 24px;min-width:300px;border:none;outline:none;cursor:pointer;border-radius:4px;transition:background 0.3s}
.proxq_brgwc .add-to-cart-btn:hover{background:rgb(45,85,200)}

@media (max-width:650px){.proxq_brgwc .add-to-cart-btn{ min-width:100%;}}




.sdcccon_container{ width:max-content; margin:0 auto;}
@media (max-width:768px) {.sdcccon_container{ width:95%;}}

.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}