@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.attachment svg,.widget_media_image svg{max-width:100%;height:auto}
  @font-face {
font-family: 'HarmonyOS Sans SC';src:url(//www.harogic.cn/wp-content/themes/enharogic/skin/fonts/HarmonyOS_SansSC/HarmonyOS_SansSC_Thin.ttf) format('truetype');font-weight: 100;font-style: normal;font-display: swap;
} @font-face {
font-family: 'HarmonyOS Sans SC';src: url(//www.harogic.cn/wp-content/themes/enharogic/skin/fonts/HarmonyOS_SansSC/HarmonyOS_SansSC_Light.ttf) format('truetype');font-weight: 300;font-style: normal;font-display: swap;
} @font-face {
font-family: 'HarmonyOS Sans SC';src:url(//www.harogic.cn/wp-content/themes/enharogic/skin/fonts/HarmonyOS_SansSC/HarmonyOS_SansSC_Regular.ttf) format('truetype');font-weight: normal;font-style: normal;font-display: swap;
} @font-face {
font-family: 'HarmonyOS Sans SC';src: url(//www.harogic.cn/wp-content/themes/enharogic/skin/fonts/HarmonyOS_SansSC/HarmonyOS_SansSC_Medium.ttf) format('truetype');font-weight: 500;font-style: normal;font-display: swap;
} @font-face {
font-family: 'HarmonyOS Sans SC';src: url(//www.harogic.cn/wp-content/themes/enharogic/skin/fonts/HarmonyOS_SansSC/HarmonyOS_SansSC_Bold.ttf) format('truetype');font-weight: bold;font-style: normal;font-display: swap;
}
@font-face {
font-family: 'ESKlarheitGrotesk';src: url(//www.harogic.cn/wp-content/themes/enharogic/skin/fonts/ESKlarheitGrotesk-Smbd.otf) format('truetype'); font-style: normal; font-display: swap;
}
@font-face {
font-family: 'ESKlarheitGrotesk-Lt';src: url(//www.harogic.cn/wp-content/themes/enharogic/skin/fonts/ESKlarheitGrotesk-Lt.otf) format('truetype'); font-style: normal; font-display: swap;
}
@font-face {
font-family: 'ESKlarheitGrotesk-Xlt';src: url(//www.harogic.cn/wp-content/themes/enharogic/skin/fonts/ESKlarheitGrotesk-Xlt.otf) format('truetype'); font-style: normal; font-display: swap;
}
@font-face {
font-family: 'ESKlarheitGrotesk-Bd';src: url(//www.harogic.cn/wp-content/themes/enharogic/skin/fonts/ESKlarheitGrotesk-Bd.otf) format('truetype'); font-style: normal; font-display: swap;
}
@font-face {
font-family: 'ESKlarheitGrotesk-Rg';src: url(//www.harogic.cn/wp-content/themes/enharogic/skin/fonts/ESKlarheitGrotesk-Rg.otf) format('truetype'); font-style: normal; font-display: swap;
}
* {padding:0;margin:0;color:inherit;list-style:none;text-decoration:none;}
body { font-size:14px; overflow-y:scroll; overflow-x:hidden; box-sizing:border-box; background: #040325; font-family: 'HarmonyOS Sans SC';}
body::-webkit-scrollbar {width:8px;background:#fff;position:absolute;left:0;}
body::-webkit-scrollbar-thumb {background-color:#005dd8;}
img {display:block;width:100%;}
a,a:hover { text-decoration: none; color: inherit;}
:root {
--brand-primary: #005dd8;
}
main { max-width:2560px; margin:0 auto; background: #fff;}
.con { width:100%; box-sizing:border-box; margin:0 auto; padding: 0 clamp(130px, 6.171875vw, 160px);}
.pd0 { padding: 0 !important;}
header { position:fixed; width:100%; left:0; top:0; z-index:999; transition:all 0.3s; height:60px;}
.hd-out { max-width:2560px; width:100%; margin:0 auto;}
@media (max-width: 1919.99px) {
.con { padding: 0 130px;}
}
@media (max-width: 1799.99px) {
.con { padding: 0 110px;}
}
@media (max-width: 1599.98px) {
.con { padding: 0 5vw;}
} .header-active { background:rgba(0,0,0,0.8);} .hd { display:flex; align-items:center; height: clamp(60px, 2.34375vw, 60px); justify-content: space-between;}
.hd-left { width: clamp(230px, 8.984375vw, 230px); position:relative; display:block; padding-left: 0; margin-left: -0.375rem;}
.hd-md { width:518px; font-size: clamp(16px, 0.625vw, 16px); font-weight: 300; margin-right: 0; color:#fff;}
.hd-nav { width:100%; height:100%;}
.hdnav-box { display:flex; justify-content:space-between; align-items:center; height:100%; position:relative; padding: 0; margin: 0; text-align: center; z-index: 10;}
.hdnav-box>li .menu-item { color: #fff;}
.checked { color:var(--brand-primary) !important;}
.checked>a {font-weight: 500 !important; font-size: 17px;}
.checked>a::after {background-image:url(//www.harogic.cn/wp-content/themes/enharogic/skin/images/icon_topmenu_jiantou_blue.png) !important; margin-left:9.16px !important;} .hdnav-box>li { position:relative; transform: translate(0, calc(47.23px - 45px)); flex-grow:1;}
.hdnav-box>li:nth-last-of-type(n+2) { flex-grow:1;}
.hdnav-box>li:nth-child(3)>a {pointer-events:none;}
.hdnav-box>li>a { line-height:2.34375vw; display:block; font-weight: 300;}
.hdnav-box.checked>li>a { font-weight: 500 !important; font-size: 17px;} .hdnav-box>li>.sub-menu {position:absolute;width:100%;left:25px;padding:0;text-align:left;display:none;opacity:0;transition:opacity 0.3s ease;z-index:999;}
.hdnav-box>li:hover>.sub-menu {display:block;opacity:1;}
.hdnav-box>li>.sub-menu>li {padding-bottom:0.9375vw;position:relative;}
.hdnav-box>li>.sub-menu>.menu-item-has-children>a::after {background-image:url(//www.harogic.cn/wp-content/themes/enharogic/skin/images/icon_topmenu_jiantou_white.png);background-size:cover;display:inline-block;content:"";width:5px;height:10px;margin-left:8.5px;} .hdnav-box>li>.sub-menu>li>.sub-menu {position:absolute;width:100%;top:0;left:90%;text-align:left;display:none;opacity:0;transition:opacity 0.3s ease;}
.hdnav-box>li>.sub-menu>li:hover>.sub-menu {display:block;opacity:1;}
.hdnav-box>li>.sub-menu>li>.sub-menu>li {padding-bottom:20px;width:100px;position:relative;}
.hdnav-box>li>.sub-menu>li>.sub-menu>li>a::after {background-image:url(//www.harogic.cn/wp-content/themes/enharogic/skin/images/icon_topmenu_jiantou_white.png);background-size:cover;display:inline-block;content:"";width:5px;height:10px;margin-left:8.5px;}
.hdnav-box>li>.sub-menu>li>.sub-menu>li:last-child {padding-bottom:0px;} .hdnav-box>li>.sub-menu>li>.sub-menu>li>.sub-menu {position:absolute;width:100%;top:0;left:90%;display:none;opacity:0;transition:opacity 0.3s ease;}
.hdnav-box>li>.sub-menu>li>.sub-menu>li:hover>.sub-menu {display:block;opacity:1;}
.sub-menu li:last-child {}
.hdnav-box>li>.sub-menu>li>.sub-menu>li>.sub-menu>li {padding-bottom:20px;width:160px;position:relative;}
.hdnav-box>li>.sub-menu>li>.sub-menu>li>.sub-menu>li:last-child {padding-bottom:0px;}
.current-menu-item>a {color:var(--brand-primary);font-weight:500 !important;font-size:17px;}
.current-menu-item-active>a {color:var(--brand-primary);}
.current-category-ancestor.current-menu-item-active > a,.current-product-ancestor.current-menu-item-active > a {font-weight:500 !important;color:var(--brand-primary);}
.hd-right {display:flex;justify-content:space-between;align-items:center;width:clamp(230px,8.984375vw,230px);position:relative;padding-right:0;opacity:0;pointer-events:none;}
.hd-right>a {display:block;width:24px;height:24px;align-self:flex-start;} .hd-bg {position:absolute;top:0;height:260px;background:rgba(0,0,0,0.8);width:100%;display:none !important;opacity:0 !important;visibility:hidden !important;transition:all 0.3s ease;z-index:-1;} .hdnav-box > li.menu-item-has-children:hover .hd-bg,
.hdnav-box > li.menu-item-has-children:hover > .hd-bg,
.hd-out:has(.hdnav-box > li.menu-item-has-children:hover) .hd-bg {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
} .hdnav-box > li:hover > a {
color: var(--brand-primary) !important;
font-weight: 500 !important;
font-size: 17px !important;
}
.hdnav-box > li:hover > a::after {
background-image: url(//www.harogic.cn/wp-content/themes/enharogic/skin/images/icon_topmenu_jiantou_blue.png) !important;
}
.hdnav-box > li > .sub-menu > li:hover > a {
color: var(--brand-primary) !important;
font-weight: 500 !important;
font-size: 17px;
}
.hdnav-box > li > .sub-menu > li:hover > a::after {
background-image: url(//www.harogic.cn/wp-content/themes/enharogic/skin/images/icon_topmenu_jiantou_blue.png) !important;
}
.hdnav-box > li > .sub-menu > li > .sub-menu > li:hover > a {
color: var(--brand-primary) !important;
font-weight: 500 !important;
font-size: 17px;
}
.hdnav-box > li > .sub-menu > li > .sub-menu > li:hover > a::after {
background-image: url(//www.harogic.cn/wp-content/themes/enharogic/skin/images/icon_topmenu_jiantou_blue.png) !important;
}
.hdnav-box > li > .sub-menu > li > .sub-menu > li > .sub-menu > li:hover > a {
color: var(--brand-primary) !important;
font-weight: 500 !important;
font-size: 17px;
}
@media (min-width: 2550px) {
.hd-bg { height:300px;}
}
@media (max-width: 1280px) {
.hd { display: none;}
.phone-header { display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; padding-top: 5px; padding-bottom: 5px;}
.phone-logo img,.back-logo img { width:200px;}
.phone-more img { width:34px;}	
.back-more img { width:20px;}	
.phone-back { background-color:#000528; width:100%; height:100%; position:fixed; overflow-y:scroll; z-index:999;}
.back-desc { display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; padding-top: 5px; padding-bottom: 5px;}	
.back-title { height:100%; color:#fff;}
.back-level1 { list-style:none; width: 80%; margin: 0 auto; margin-top: 100px; padding: 0;}
.back-level1 li { clear:both; font-size:calc(10px + 0.5rem); line-height:3; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.back-level1>li>ul>li>a { color: #fff;}
.back-level1>li>.sub-menu {background-color:var(--brand-primary);}
.back-level1>li>.sub-menu>li>.sub-menu {width:100%; padding: 0 20px;}
.back-level1>li>.sub-menu>li>.sub-menu>li>.sub-menu {width:100%;}
.back-level1 li img { width:20px; transition:all 0.5s; margin-right: 20px;}
.back-booton.open { transform: rotate(180deg); padding-left: 0px !important;;}
.back-level1>li>.sub-menu>li {padding-left:unset;}
.back-level1>li>.sub-menu {display:none;width:100%;}
.back-level1 .sub-menu .sub-menu { display:none;}
.back-level1 .sub-menu .sub-menu .sub-menu {margin-left:1.3rem;}
.back-level1 .sub-menu li {padding-right:unset;}
.back-level1 .children-2 {padding-left:2rem;padding-right:1.5rem;width:137%;margin-left:-3rem;display:none;}
.back-level1 .children-3 {padding-left:4rem;width:180%;margin-left:-3.5rem;display:none;}
.title-check {background-color:var(--brand-primary);height:100%;}
.title-check li {background-color:var(--brand-primary);height:100%;}
.title-check ul {background-color:var(--brand-primary);height:100%;}
.back-level1 .title-check:last-child {padding-right:0px;}
.back-level1 .title-check:last-child li {margin-left:-1rem;padding-left:2.2rem;}
}
@media (max-width: 768px) {
.phone-logo img,.back-logo img { width:160px;}
.current-menu-item-active>a { color:#fff !important;}
.current-menu-item>a { color:#fff;}
}  .home_banner { margin-bottom: 11.25rem; overflow: hidden;}
.home_banner .swiper-horizontal { height: 900px;}
.sc1-out {position:relative;}
.sc1-item-img { height: 100%;}
.sc1-item-img img { height: 100%; object-fit: cover; width: 100%; margin: 0 auto;}
.sc1-item-img img.mobile { display: none;}
.sc1-item {background:#fff !important;} .sc1-item-wz { position:absolute; top:8.4375rem; right: 6%;}
.sc1-item-wz-1 {
font-weight: 100; 
font-size: 5.5rem; color:#fff; 
text-align:right; 
display:flex; 
align-items:flex-end; 
flex-direction:column;
}
.sc1-item-wz-1 p { line-height:1; margin-bottom: .75rem;}
.sc1-item-wz-1 p:nth-child(2) { margin-right: 3.75rem; margin-bottom: 20px;}
.sc1-item-wz-1 p:nth-child(2)::after { content: ""; display: inline-block; width: 4px; height: 4px; background: #fff;  margin-bottom: -5px; margin-left: 3px;}
.sc1-item-wz-2 {
color:var(--brand-primary); 
font-size: 2.125rem; text-align:right; 
font-weight:500; 
line-height:1.3; 
display:flex; 
align-items:flex-end; 
flex-direction:column;
}
.sc1-item-wz-2 p { margin-bottom: 0;}
.sc1-item-wz-2 p:last-child { font-weight: 300;}
.sc1-item-pimg { position:absolute; bottom:0; left:0; width:56%;}
.sc1-out .pagination { display:flex; justify-content:flex-end; position:absolute; margin:auto; z-index:998; right: 0; width: 324px; height: 324px;}
.sc1-out .pagination::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-left: 324px solid transparent; border-right: 324px solid transparent; border-bottom: 324px solid #fff; transform: rotate(0deg); }
.sc1-out .swiper-pagination { bottom: -3px; left: 80px; text-align: unset;}
.sc1-out .swiper-pagination-bullet { height:1.125rem; width:1.125rem; background:#040404; border-radius:0; opacity:1; margin: 0 !important; padding: 0; margin-right: 0.75rem !important;}
.sc1-out .swiper-pagination-bullet:last-child { margin-right: 0 !important;}
.sc1-out .swiper-pagination-bullet-active { background:var(--brand-primary);}
@media (max-width: 1920px) {
.home_banner { margin-bottom: 150px;}
.home_banner .swiper-horizontal { height: 750px;}
.sc1-item-wz-1 { font-size: 4.375rem; }
.sc1-item-wz-1 p:nth-child(2) { margin-bottom: 15px;}
.sc1-item-wz-2 {font-size: 1.75rem; }
.sc1-out .swiper-pagination { left: 140px;}
.sc1-out .pagination { width: 350px; height: 350px;}
.sc1-out .pagination::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-left: 350px solid transparent;
border-right: 350px solid transparent;
border-bottom: 350px solid #fff;
transform: rotate(0deg);
}
}
@media (max-width: 1599.98px) {
.sc1-out .swiper-pagination { left: clamp(100px, 7.5vw, 140px);}
}
@media (max-width: 1280px) {
.home_banner { margin-bottom: 80px;}
.home_banner .swiper-horizontal { height: 550px; overflow: hidden;}
.sc1-item-wz-1 { font-size: 3.125rem; }
.sc1-item-wz-2 { font-size: 1.5rem; }
.sc1-out .swiper-pagination { left: 30%;}
.sc1-out .pagination { width: 200px; height: 200px; bottom: -1px;}	
.sc1-out .pagination::before {
border-left: 200px solid transparent;
border-right: 200px solid transparent;
border-bottom: 200px solid #fff;
}
}
@media (max-width: 768px) {
.sc1-item-img img.desktop { display: none;}
.sc1-item-img img.mobile { display: block;}
.home_banner { margin-bottom: 70px;}
.home_banner .swiper-horizontal { height: auto;}
.sc1-item-wz { top:15%}
.sc1-item-wz-1 { font-size: 50px; }
.sc1-item-wz-1 p { margin-bottom: 0;}
.sc1-item-wz-1 p:nth-child(2) { margin-right: 20px; margin-bottom: 6px;}
.sc1-item-wz-2 { font-size: 26px; }
.sc1-out .swiper-pagination { left: 55%;}
.sc1-out .swiper-pagination-bullet { height: 10px; width: 10px; margin-right: 6px !important;}
.sc1-out .pagination { width: 160px; height: 160px;}	
.sc1-out .pagination::before {
border-left: 200px solid transparent;
border-right: 200px solid transparent;
border-bottom: 200px solid #fff;
}
}
.home_title { font-size: 72px; font-size: clamp(60px, 2.8125vw, 72px); color: var(--brand-primary);} .home_about { position: relative; display: flex; justify-content: space-between; align-items: center; padding-right: 0;}
.home_about_left { width: 38%; margin-top: -0.3125rem;}
.home_about_title { line-height: 1.26; margin-bottom: 1.25vw;}
.home_about_title p { margin-bottom: 0;}
.home_about_title p:nth-child(2)::after { content: ""; display: inline-block; width: 11px; height: 11px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 12px;}
.home_about_title_2 { font-size: clamp(28px, 1.328vw, 34px); font-weight: bold; margin-bottom: 26px; letter-spacing: 0.13125rem; font-family: 'ESKlarheitGrotesk-Bd';}
.home_about_title_2 p { margin-bottom: 0;}
.home_about_text { font-size: clamp(18px, 0.859vw, 22px); color: #0f0f0f; text-align: justify; line-height: 1.6; letter-spacing: 0.025em;}
.home_about_text p { margin-bottom: 0;}
.home_about_btnmore { margin-top: clamp(105px, 4.6875vw, 130px);}
.home_about_btnmore a { display: flex; color: #0f0f0f; align-items: center; font-size: clamp(18px, 0.859vw, 22px); font-weight: 500; justify-content: right;}
.home_about_btnmore i { margin-right: 10px;}
.home_about_right { position: relative; width: 45%;}
.home_about_right img { object-fit: cover; width: 100%; height: 100%;}
.home_about_right .jsmpeg::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: clamp(120px, 5.78125vw, 148px); height: clamp(120px, 5.78125vw, 148px); background: var(--brand-primary); transform: translate(-100%, 100%);} .home_tansuo { display: flex; justify-content: space-between; align-items: center; padding-left: 0;}
.home_tansuo_left { width: 49.5%;}
.home_tansuo_left img {object-fit: cover; width: 100%; height: 100%;}
.home_tansuo_right { height: 100%; width: 38%; margin-top: 1.3671875vw;}
.home_tansuo_title { line-height: 1.26; text-align: right; margin-bottom: 46px; margin-right: -4px}
.home_tansuo_title p { margin-bottom: 0;}
.home_tansuo_title p:nth-child(2) { margin-right: 34px;}
.home_tansuo_title p:nth-child(2)::after { content: ""; display: inline-block; width: 11px; height: 11px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 12px;}
.home_tansuo_right .home_about_btnmore { margin-top: 75px;}
@media (max-width: 2550px)  {
.home_about_title_2 { margin-bottom: 35px;}
.home_about_text { font-size: clamp(20px, 0.9375vw, 24px); letter-spacing: 1.5px;}
.home_about_btnmore { margin-top: 105px;}
.home_about_btnmore i { margin-right: 5px;}
.home_about_btnmore i img { width: 80%;}
.home_tansuo_right .home_about_btnmore { margin-top: 65px;}
}
@media (max-width: 1920px) {
.home_about_left { width: 46%;}
.home_about_title_2 { margin-bottom: 35px;}
.home_about_text  { font-size: 20px; letter-spacing: 1px; line-height: 1.7;}
.home_tansuo_left { width: 45.5%;}
.home_tansuo_right { margin-top: 140px; width: 45%;}
.home_tansuo_title { margin-bottom: 40px;}	
}
@media (max-width: 1800px) {	
.home_about_title p:nth-child(2)::after { width: 8px; height: 8px;}
.home_about_title_2 { font-size: 24px;}	
.home_about_right .jsmpeg::after {  width:110px; height: 110px;}
.home_tansuo_right { width: 40%; margin-top: 100px;}
.home_tansuo_title p:nth-child(2)::after { width: 8px; height: 8px;}
}
@media (max-width: 1600px) {
.home_title { font-size: 56px;}
.home_about_text,
.home_about_btnmore a { font-size: 16px;}
.home_tansuo_right { margin-top: 30px;}
}
@media (max-width: 1280px) {
.home_title { font-size: 42px; line-height: 1.1;}
.home_about_title p:nth-child(2)::after,
.home_tansuo_title p:nth-child(2)::after { margin-left: 6px;}
.home_about_text { line-height: 1.5;}
.home_about_title_2 { margin-bottom: 15px;}
.home_about_btnmore,
.home_tansuo_right .home_about_btnmore { margin-top: 5%;}
.home_about_right .jsmpeg::after { width: 90px; height: 90px;}
.home_tansuo_title { margin-bottom: 20px;}
}
@media (max-width: 768px) {
.home_title { font-size: 36px; margin-bottom: 30px;}
.home_about_title p:nth-child(2)::after,
.home_tansuo_title p:nth-child(2)::after { width: 6px; height: 6px; margin-bottom: -3px;}
.home_about { flex-wrap: wrap; justify-content: flex-end; padding-bottom: 40px; padding-left: 0;}
.home_about_title_2 { font-size: 18px; margin-bottom: 25px; letter-spacing: .8px;}
.home_about_text { font-size: 15px; line-height: 1.7; letter-spacing: .3px;}
.home_about_btnmore { margin-top: 60px;}
.home_about_btnmore a { font-size: 15px; justify-content: left;}
.home_about_left { width: 100%; margin-bottom: 70px; margin-left: 40px; padding-right: 5vw;}
.home_about_right { width: 100%; margin-left: 40px;}
.home_about_right .jsmpeg::after { width: 40px; height: 40px;}
.home_tansuo { flex-wrap: wrap; padding-left: 40px; margin-bottom: 50px;}
.home_tansuo_title { text-align: left;}
.home_tansuo_left { display: none;}
.home_tansuo_right { width: 100%; margin-top: 0; margin-bottom: 30px;}
.home_tansuo_right .home_about_btnmore { margin-top: 60px;}
} .sc3-out { background: #000; min-height: 1580px;}
.sc3-name { position:absolute; top:138px; width:100%; z-index:998; line-height: 1.18;}
.sc3-name p { margin-bottom: 0;}
.sc3-name p:nth-child(2)::after { content: ""; display: inline-block; width: 9px; height: 9px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 5px;}
.sc3-item { display:flex; justify-content:space-between; box-sizing:border-box; padding-top: 106px; padding-bottom: 236px;}
.sc3-item-left { width:50%;}
.sc3-item-left-part1 { display:flex; align-items:center; margin-top:330px;}
.sc3-item-left-part1-img { width: clamp(110px, 5.08vw, 143px);}
.sc3-item-left-part1-xl { font-size: clamp(30px, 1.328vw, 36px); font-weight: 500; margin-left: 32px; color:#fff; line-height: 1.4;}
.sc3-item-left-part1-xl p { margin-bottom: 0;}
.sc3-item-left-part2 { font-size: 40px; width:59.0625%; margin-top:25px;}
.sc3-item-left-part3 { letter-spacing:0.025em; width:80%; font-size: clamp(18px, 0.781vw, 22px); font-weight: 300; margin-top: 45px; color:#fff;}
.sc3-item-left-part3 p { line-height: 1.7;}
.sc3-item-right { width:50%;}
.sc3-item-right-img {opacity:0;transform:translateX(-10%);}
.sc3-item-right-img-active {opacity:1;transform:translateX(0%);}
.sc3sp-out { position:absolute !important; width:100%; left: clamp(130px, 6.171875vw, 160px); top: 880px;}
.sc3sp-out .swiper-pagination-bullets.swiper-pagination-horizontal {width:96px;display:flex;justify-content:space-between;height:24px;}
.sc3sp-out .swiper-pagination-bullet {height:24px;width:24px;background:#fff;border-radius:0;opacity:1;}
.sc3sp-out .swiper-pagination-bullet-active {background:var(--brand-primary) !important;}
.sc3 .swiper-slide {background: url(//www.harogic.cn/wp-content/themes/enharogic/skin/images/home_product_bg.png) no-repeat center center;background-size: cover;}
.sc3sp-out .swiper-pagination-bullet { width: 18px; height: 18px; margin: 0 !important;}
.sc3sp-out .swiper-pagination-bullets.swiper-pagination-horizontal { width: 80px;}
@media (max-width: 2550px) and (min-width: 1920px)  {	
.sc3-item-left-part1 { margin-top: 260px;}
.sc3sp-out { top: clamp(780px, 32vw, 880px);}
}
@media (max-width: 2500px) and (min-width: 2200px)  {
.sc3-out { min-height: 1380px;}
}
@media (max-width: 2200px) and (min-width: 1920px)  {
.sc3-out { min-height: 1330px;}
}
@media (max-width: 1920px) {
.sc3-out { min-height: 1310px;}
.sc3-name { top: 120px;}
.sc3-item-left-part1 { margin-top: 260px;}
.sc3-item-left-part1-xl { margin-left: 40px;}
.sc3-item-left-part1-xl p:nth-child(2) { letter-spacing: 1px;}
.sc3-item-left-part3 { margin-top: 38px; width: 89%; letter-spacing: 1.5px;}
.sc3sp-out { top: 760px; left: 130px;}
}
@media (max-width: 1799.99px) {
.sc3-out { min-height: auto}
.sc3-item { padding-bottom: 200px;}
.sc3-item-left-part1 { margin-top: 220px;}
.sc3-item-left-part1-img { width: 90px;}
.sc3-item-left-part1-xl { font-size: 26px; margin-left: 25px;}
.sc3-item-left-part3 { font-size: 16px;}
.sc3sp-out { top: 600px; left: 110px;}
.sc3sp-out .swiper-pagination-bullets.swiper-pagination-horizontal { width: 60px;}
.sc3sp-out .swiper-pagination-bullet { width: 12px; height: 12px;}
}
@media (max-width: 1600px) {
.sc3sp-out { left: 5vw;}
}
@media (max-width: 1280px) {
.sc3-name { top: 100px;}
.sc3-item-left-part1 { margin-top: 150px;}
.sc3-item-left-part3 { margin-top: 25px;}
.sc3sp-out { top: 520px;}
}
@media (max-width: 768px) {
.sc3-name { top: 60px;}
.sc3-name p:nth-child(2)::after { width: 6px; height: 6px; margin-bottom: -3px;}
.sc3-item { flex-wrap: wrap; padding-bottom: 0;}
.sc3-item-left,
.sc3-item-right { width: 100%;}
.sc3-item-left { order: 2; padding-bottom: 60px;}	
.sc3-item-left-part1 { margin-top: 0;}
.sc3-item-left-part1-img { width: 60px;}
.sc3-item-left-part1-xl { font-size: 18px; margin-left: 15px; line-height: 1.2}
.sc3-item-left-part3 { width: 100%; font-size: 15px;}
.sc3-item-right { margin-top: 70px;}
.sc3sp-out { bottom: 20px;}
.sc3sp-out .swiper-pagination-bullets.swiper-pagination-horizontal { width: 40px;}
.sc3sp-out .swiper-pagination-bullet { width: 10px; height: 10px;}
} .sc4-out { position:relative; display:flex; justify-content:space-between; margin:0 auto; left:0; right:0; z-index:990; transform:translateY(-65%); width: 100%;}
.sc4 { left: 0; width: 59.2%; display:flex; justify-content:space-between; position:relative; background:var(--brand-primary);}
.sc4-other { position: relative; overflow: hidden; width: 40%;}
.sc4-name { text-align: right; line-height: 1.1; margin-bottom: 1.875rem;}
.sc4-name p { margin-bottom: 12px;}
.sc4-name p:nth-child(2) { margin-right: 38px;}
.sc4-name p:nth-child(2)::after { content: ""; display: inline-block; width: 9px; height: 9px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 5px;}
.sc4-out .swiper-pagination-bullets.swiper-pagination-horizontal { height: 18px; z-index: 998; bottom: 0 !important; text-align: left;  padding-left: 6%;}
.sc4-out .swiper-pagination-bullet { height: 18px; width: 18px; background: #040404; border-radius: 0; opacity: 1; margin: 0 !important; margin-left: 12px !important;}
.sc4-out .swiper-pagination-bullet-active {background: var(--brand-primary) !important;}
@media (max-width: 2550px) {
.sc4-out .swiper-pagination-bullets.swiper-pagination-horizontal { padding-left: 5%;}
.sc4-name { font-size: 62px;}	
}
@media (max-width: 1920px) {
.sc4-out .swiper-pagination-bullets.swiper-pagination-horizontal { padding-left: 3.5%;}
}
@media (max-width: 1800px) {
.sc4-out .swiper-pagination-bullet { width: 12px; height: 12px; margin-left: 10px !important;}
}
@media (max-width: 1280px) {
.sc4-name { margin-right: 0; font-size: 42px; line-height: 1.1;}
.sc4-name p { margin-bottom: 0;}
.sc4-name p:nth-child(2)::after { width: 8px; height: 8px;}
}
@media (max-width: 768px) {
.sc4-out { flex-wrap: wrap; transform: translateY(0); margin-top: 60px;}
.sc4 { order: 2; width: 100%;}
.sc4-name { font-size: 36px;}
.sc4-name p:nth-child(2) {margin-right: 25px;}
.sc4-name p:nth-child(2)::after { width: 6px; height: 6px; margin-bottom: -3px;}
.sc4-out .swiper-pagination-bullets.swiper-pagination-horizontal { display: none;}
.sc4-out .swiper-pagination-bullet { margin-left: 0 !important; margin-right: 8px !important;}
.sc4-other { width: 100%;}
}
.sc5-out { width: 49%; background:var(--brand-primary);}
.sc5-out .swiper {width:100%;height:100%;}
.sc5-item { height: 100%;}
.sc5-item-con { padding:60px 50px 0 70px; font-size:36px; color:#fff; font-weight: 300; height: 100%; position: absolute;}
.sc5-item-con p:first-child { font-size: 42px; font-weight: bold; margin-bottom: 20px !important; letter-spacing: 1.2px;}
.sc5-out .swiper-slide p { transform:translateX(-200px); opacity:0; transition:all 2s; margin-bottom: 0; letter-spacing: 1.2px; line-height: 1.3;}
.sc5-out .swiper-slide a {transform:translateX(-200px);opacity:0;transition:all 2s;}
.sc5-out .ani-slide a {transform:translateX(0);opacity:1;}
.sc5-out .ani-slide p {transform:translateX(0);opacity:1;}
.sc5-item-a { display: flex; color: #fff; align-items: center; font-size: 24px; font-weight: 500; position: absolute; bottom: 60px;}
.sc5-item-a i { margin-right: 16px;}
.sc6-out { width: 50%;}
.sc6-out .swiper {width: 100%;height: 100%;}
.sc6-out .swiper-slide { display: flex; justify-content: center; align-items: center;overflow: hidden;}
.sc6-out .swiper-slide img { height: 100%;}
@media (max-width: 2550px)  {
.sc5-item-con { font-size: 26px; padding: 45px 50px 0 50px;}
.sc5-item-con p:first-child { font-size: 30px;}
.sc5-item-a { font-size: 16px; bottom: 35px;}
.sc5-item-a i { margin-right: 10px;}
.sc5-item-a i img { width: 90%;}
}
@media (max-width: 1920px) {
.sc5-item-con { font-size: 26px; padding: 45px 50px 0 50px;}
.sc5-item-con p:first-child {font-size: 30px;}
.sc5-item-a { font-size: 20px; bottom: 35px;}
.sc5-item-a i { margin-right: 10px;}
.sc5-item-a i img { width: 90%;}
}
@media (max-width: 1710px) {
.sc6-out {width: 49.5%;}
}
@media (max-width: 1280px) {
.sc5-item-con { font-size: 18px; padding: 35px 40px 0 40px;}
.sc5-item-con p:first-child {font-size: 24px;}
.sc5-item-a { font-size: 16px;}
}
@media (max-width: 768px) {
.sc5-out { width: 38%;}
.sc6-out { width: 62%;}
.sc5-item-con { position: unset; padding: 20px 10px 20px 20px; font-size: 13px;}
.sc5-item-con p:first-child {font-size: 18px;}
.sc5-item-a { font-size: 12px; position: unset; margin-top: 20px;}
.sc5-item-a i { margin-right: 2px;}
.sc5-item-a i img { width: 60%;}
} .sc7-out { padding: 0 0 6%; position: relative; transform: translateY(-20%);}
.sc7-name { line-height: 1.25; margin-bottom: 45px;}
.sc7-name p { margin-bottom: 0;}
.sc7-name p:nth-child(2)::after { content: ""; display: inline-block; width: 11px; height: 11px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 6px;} .sc7 { display:flex; justify-content:space-between;position:relative;}
.sc7-1 { width:75%;}
.sc7-1-con { color:#0f0f0f; font-size:38px; line-height:50px; margin-top:50px; background: #fff;}
.sc7-1-con p {word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; margin-bottom: 0;} .home_news_left { width: 25%;}
.sc7-2 { max-height: clamp(810px, 43.36vw, 1110px);}
.sc7-2 .swiper-slide { width: 100%; height:100%; opacity:0.4;}
.sc7-2 .swiper-slide img { max-width: clamp(260px, 13.83vw, 354px);}
.sc7-2 .swiper-slide-thumb-active {opacity:1 !important;transition:all 0.3s;}
.sc7-out .swiper-pagination-bullets.swiper-pagination-horizontal { left: clamp(130px, 6.171875vw, 160px); width:88px; display:flex; justify-content:space-between; height:18px; opacity:1; bottom: 13px;}
.sc7-out .swiper-pagination-bullet { height:18px; width:18px; background:#0f0f0f; border-radius:0; opacity:1; margin: 0 !important;}
.sc7-out .swiper-pagination-bullet-active { background:var(--brand-primary);}
.m_home_news { display: none;}
@media (max-width: 2550px) {
.sc7-name { margin-bottom: 38px;}
.sc7-1-con { font-size: 30px; margin-top: 30px;}	
}
@media (max-width: 1920px) {
.sc7-out { transform: translateY(-19%); padding: 0 0 8.5%;}
.sc7-1-con { font-size: 30px; margin-top: 30px;}
.sc7-out .swiper-pagination-bullets.swiper-pagination-horizontal { left: 130px; width: 78px;}
}
@media (max-width: 1800px) {
.sc7-out { transform: translateY(-20%);}
.home_news_left { width: 22%;}
.sc7-2 { max-height: 760px;}
.sc7-2 .swiper-slide img { max-width: 230px;}
.sc7-1 { width: 78%;}
.sc7-1-con { font-size: 24px; margin-top: 15px;}
.sc7-out .swiper-pagination-bullets.swiper-pagination-horizontal { width: 60px; left: 110px;}
.sc7-out .swiper-pagination-bullet { width: 12px; height: 12px;}
}
@media (max-width: 1600px) {
.sc7-2 { max-height: clamp(600px, 43.75vw, 700px);}
.sc7-2 .swiper-slide img { max-width: clamp(220px, 13.75vw, 260px);}
.sc7-out { padding: 0 0 6%;}
.sc7-out .swiper-pagination-bullets.swiper-pagination-horizontal { left: 5vw;}
}
@media (max-width: 1500px) {
.sc7-2 .swiper-slide img { max-width: 70%;}
}
@media (max-width: 1280px) {
.sc7-name { margin-bottom: 30px; line-height: 1.1;}
.sc7-name p:nth-child(2)::after { width: 8px; height: 8px;}
.home_news_left { display: none;}
.sc7-out { transform: translateY(-17%);}
.sc7-1 { width: 100%;}
}
@media (max-width: 768px) {
.sc7,.sc7-11 { display: none;}
.sc7-out { transform: translateY(0); margin-top: 60px; padding: 0;}
.sc7-name { margin-bottom: 40px;}
.sc7-name p:nth-child(2)::after { width: 6px; height: 6px; margin-bottom: -3px;}
.m_home_news { display: block;}
.homenews-data .news-item:last-child { display: none;}
.homenews_m_more_btn { margin-top: 70px;}
.homenews_m_more_btn a { display: flex; color: #0f0f0f; align-items: center; font-size: 15px; font-weight: 500;}
.homenews_m_more_btn i { margin-right: 10px;}
} .home_join { background:#040404; box-sizing:border-box; width:100%; position: relative; border-bottom: 1px #04003f solid; margin-top: -110px;}
.home_join_text { position: absolute; text-align:right; top: 50%; transform: translateY(-70%);}
.home_join_text_title { line-height: 1.1; margin-bottom: 35px; color:#fff;}
.home_join_text_title p { margin-bottom: 0;}
.home_join_text_title p:nth-child(2) { margin-right: 34px; margin-bottom: 0; margin-top: 11px;}
.home_join_text_title p:nth-child(2)::after { content: ""; display: inline-block; width: 9px; height: 9px; background: #fff; margin-bottom: -5px; margin-left: 5px;}
.home_join_text_info { color: #fff; text-align: left; float: right;}
.home_join_text_info p { font-size: clamp(18px, 0.781vw, 22px); line-height:1.7; letter-spacing:1.6px; margin-bottom: 0;}
.m_home_join_text_info { display: none;}
@media (max-width: 1920px) {
.home_join { margin-top: -125px;}
.home_join_text { transform: translateY(-78%);}
.home_join_text_title { margin-bottom: 20px;}
}
@media (max-width: 1890px) {
.home_join { margin-top: -100px;}
.home_join_text { transform: translateY(-70%);}
.home_join_text_title p:nth-child(2)::after { width: 8px; height: 8px;}
}
@media (max-width: 1280px) {
.home_join_text_info p { font-size: 16px; line-height:1.5;}
}
@media (max-width: 768px) {
.home_join { margin-top: 70px;}
.home_join_text_title p:nth-child(2) { margin-top: 0; margin-right: 25px;}
.home_join_text { transform: translateY(-60%);}
.home_join_text_title p:nth-child(2)::after { width: 6px; height: 6px; margin-bottom: -3px;}
.home_join_text_info { display: none;}
.m_home_join_text_info { display: block; color: #fff; text-align: left;}
.m_home_join_text_info p { font-size: 15px; line-height: 1.6; text-align: justify; letter-spacing: .6px; margin-bottom: 0;}
} .public_banner { position: relative;}
.public_banner_bg { height: 900px;}
.public_banner_bg img { object-fit: cover; width: 100%; height: 100%;}
.public_banner_bg .mobile { display: none;}
.public_banner_text { position:absolute; top:130px; left:0; width:100%;}
.public_banner_text_1 { font-size:88px; color:#fff; display:flex; justify-content:flex-start; flex-direction:column; align-items:flex-end; line-height: 1.15; font-weight: 100; margin-bottom: 12px;}
.public_banner_text_1 p { margin-bottom: 0;}
.public_banner_text_1 p:nth-child(2) { margin-right: 90px;}
.public_banner_text_1 p:nth-child(2)::after { content: ""; display: inline-block; width: 5px; height: 5px; background: #fff; margin-bottom: -5px;}
.public_banner_text_2 { font-size:36px; color:#fff; display:flex; justify-content:flex-start; flex-direction:column; align-items:flex-end; line-height: 1.3; font-weight: 500;}
.public_banner_text_2 p { margin-bottom: 0;}
.public_banner_text_2 p:nth-child(2) { font-weight: 300;}
.cooperation_banner_text_1 p:nth-child(2)::after { margin-left: 3px;} @media (max-width: 1920px) {
.public_banner_bg { height: clamp(600px, 42.5vw, 750px);}
.public_banner_text_1 { font-size:clamp(60px, 4.125vw, 70px);}
.public_banner_text_1 p:nth-child(2) { margin-right: 70px;}
.public_banner_text_2 { font-size: 32px;}
}
@media (max-width: 1350px) {
.public_banner_text_1 { font-size: 52px;}	
}
@media (max-width: 1280px) {
.public_banner_bg { height: clamp(400px, 35.15625vw, 500px);}
.public_banner_bg .desktop { display: none;}
.public_banner_bg .mobile { display: flex;}	
.public_banner_text_1 { font-size: 46px;}
.public_banner_text_2 { font-size: 24px;}
.public_banner_text_1 p:nth-child(2) { margin-right: 40px;}
}
@media (max-width: 768px) {
.public_banner_bg { height: auto;}
.public_banner_bg .mobile { display: block;}	
.public_banner_text { top: 110px;}
.public_banner_text_1 { font-size: 50px; margin-bottom: 0;}
.public_banner_text_1 p:nth-child(2) { margin-right: 25px;}
.public_banner_text_2 { font-size: 22px;}
.m_support_banner_text {font-size: 44px;}
}  .about_page_banner { position: relative; margin-bottom: 100px;}
.about_page_banner,
.about_page_banner_bg,
.about_page_banner_item { height: clamp(820px, 37.5vw, 983px);}
.about_page_banner_bg img { object-fit: cover; width: 100%; height: 100%;}
.about_page_banner_bg img.mobile { display: none;}
.about_page_banner_item { display: flex; justify-content: space-between; position: absolute; top: 0; left: 0; width: 100%;}
.about_page_banner_pic { width: 66%; position: relative;}
.about_page_banner_pic img { position: absolute; bottom: 0;}
.about_page_banner_text { margin-top: 130px;}
.about_page_banner_text_1 { font-size:88px; color:#fff; display:flex; justify-content:flex-start; flex-direction:column; align-items:flex-end; line-height: 1.15; font-weight: 100; margin-bottom: 12px;}
.about_page_banner_text_1 p { margin-bottom: 0;}
.about_page_banner_text_1 p:nth-child(2) { margin-right: 90px;}
.about_page_banner_text_1 p:nth-child(2)::after { content: ""; display: inline-block; width: 5px; height: 5px; background: #fff; margin-bottom: -5px;}
.about_page_banner_text_2 { font-size:34px; color:#fff; display:flex; justify-content:flex-start; flex-direction:column; align-items:flex-end; line-height: 1.3; font-weight: 500;}
.about_page_banner_text_2 p { margin-bottom: 0;}
.about_page_banner_text_2 p:nth-child(2) { font-weight: 300;}
@media (max-width: 1920px) {
.about_page_banner,
.about_page_banner_bg,
.about_page_banner_item { height: clamp(760px, 41.6667vw, 820px);}
.about_page_banner_text_1 { font-size:clamp(60px, 4.125vw, 70px);}
.about_page_banner_text_1 p:nth-child(2) { margin-right: 70px;}
.about_page_banner_text_2 { font-size: 28px;}
}
@media (max-width: 1800px) {
.about_page_banner_bg,.about_page_banner_item { height: 700px;}
.about_page_banner_text_1 { font-size: 52px;}	
}
@media (max-width: 1280px) {
.about_page_banner,
.about_page_banner_bg,
.about_page_banner_item { height: 450px;}
.about_page_banner { margin-bottom: 80px;}
.about_page_banner_text_1 { font-size: 46px;}
.about_page_banner_text_1 p:nth-child(2) {margin-right: 40px;}
.about_page_banner_text_2 { font-size: 24px;}
}
@media (max-width: 768px) {
.about_page_banner_bg img.desktop,
.about_page_banner_pic { display: none;}
.about_page_banner_bg img.mobile { display: block;}
.about_page_banner,
.about_page_banner_bg,
.about_page_banner_item { height: auto;}
.about_page_banner { margin-bottom: 70px;}
.about_page_banner_text { margin-top: 110px; width: 100%;}
.about_page_banner_text_1 { font-size: 56px; margin-bottom: 0;}
.about_page_banner_text_2 { font-size: 22px;}
} .about_title { font-size: clamp(60px, 2.734vw, 72px); color: var(--brand-primary);}
.about_page_about { position: relative; display: flex; justify-content: space-between; align-items: center; padding-right: 0;}
.about_page_about_left { width: 38%; margin-top: -0.3125rem;}
.about_page_about_title { line-height: 1.26; margin-bottom: 1.25vw;}
.about_page_about_title p { margin-bottom: 0;}
.about_page_about_title p:nth-child(2)::after { content: ""; display: inline-block; width: 11px; height: 11px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 12px;}
.about_page_about_title_2 { font-size: clamp(28px, 1.328vw, 36px); font-weight: bold; margin-bottom: 26px; letter-spacing: 0.13125rem; font-family: 'ESKlarheitGrotesk-Bd';}
.about_page_about_title_2 p { margin-bottom: 0;}
.about_page_about_text { font-size: clamp(18px, 0.859vw, 22px); color: #0f0f0f; text-align: justify; line-height: 1.6; letter-spacing: 0.025em;}
.about_page_about_text p { margin-bottom: 0;}
.about_page_about_right { position: relative; width: 45%;}
.about_page_about_right img { object-fit: cover; width: 100%; height: 100%;}
.about_page_about_right .jsmpeg::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: clamp(110px, 5.78125vw, 148px); height: clamp(110px, 5.78125vw, 148px); background: var(--brand-primary); transform: translate(-100%, 100%);} .about_page_tansuo { display: flex; justify-content: space-between; align-items: center; padding-left: 0;}
.about_page_tansuo_left { width: 49.5%;}
.about_page_tansuo_left img {object-fit: cover; width: 100%; height: 100%;}
.about_page_tansuo_right { height: 100%; width: 38%; margin-top: 1.3671875vw;}
.about_page_tansuo_title { line-height: 1.26; text-align: right; margin-bottom: 46px; margin-right: -4px}
.about_page_tansuo_title p { margin-bottom: 0;}
.about_page_tansuo_title p:nth-child(2) { margin-right: 34px;}
.about_page_tansuo_title p:nth-child(2)::after { content: ""; display: inline-block; width: 11px; height: 11px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 12px;}
@media (max-width: 2550px) and (min-width: 1920px)  {
.about_page_about_left { width: 45%;}
.about_page_about_title_2 { margin-bottom: 35px;}
.about_page_about_text { font-size: clamp(20px, 0.9375vw, 24px); letter-spacing: 1.5px;}
}
@media (max-width: 1920px) {
.about_page_about_left { width: 41.8%;}
.about_page_about_text  { font-size: 20px; letter-spacing: 1.8px}
.about_page_tansuo_left { width: 50%;}
.about_page_tansuo_right { width: 37.8%;}
.about_page_tansuo_title { margin-bottom: 40px;}
}
@media (max-width: 1800px) {
.about_title { font-size: 56px;}
.about_page_about_title p:nth-child(2)::after,
.about_page_tansuo_title p:nth-child(2)::after { width: 8px; height: 8px;}
}
@media (max-width: 1500px) {
.about_page_about_left { width: 44%;}
.about_page_about_right .jsmpeg::after { width: 90px; height: 90px;}
}
@media (max-width: 1280px) {
.about_title { font-size: 42px; line-height: 1.1; margin-bottom: 10px;}
.about_page_about_title p:nth-child(2)::after,
.about_page_tansuo_title p:nth-child(2)::after { margin-left: 6px;}
.about_page_about_title_2 { font-size: 18px; margin-bottom: 10px;}
.about_page_about_text { font-size: 15px; line-height: 1.4;}
.about_page_about_right .jsmpeg::after { width: 60px; height: 60px;}
.about_page_tansuo_right { width: 38%;}
}
@media (max-width: 768px) {
.about_title { font-size: 36px; margin-bottom: 30px;}
.about_page_about_title p:nth-child(2)::after, .about_page_tansuo_title p:nth-child(2)::after { width: 6px; height: 6px;}
.about_page_about_title_2 { margin-bottom: 25px;}
.about_page_about { flex-wrap: wrap; padding-left: 0; padding-right: 0; margin-bottom: 40px;}
.about_page_about_text { line-height: 1.6;}
.about_page_about_left,	.about_page_about_right { width: 100%;}
.about_page_about_left { margin-bottom: 60px; margin-left: 40px; margin-right: 5vw;}
.about_page_about_right { margin-left: 40px;}
.about_page_about_right .jsmpeg::after { width: 40px; height: 40px;}
.about_page_tansuo { flex-wrap: wrap; padding-left: 40px; margin-bottom: 40px;}
.about_page_tansuo_left { display: none;}
.about_page_tansuo_right { width: 100%; margin-bottom: 30px;}	
.about_page_tansuo_title { text-align: left;}
} .about_page_youshi {background:url(//www.harogic.cn/wp-content/themes/enharogic/skin/images/about_page_youshibg.webp) no-repeat top center #000000; padding:160px 0 330px; background-size: 100%;}
.about_youshi_title { font-size: clamp(60px, 2.8125vw, 72px); color:var(--brand-primary); margin-bottom:130px; line-height: 1.26;}
.about_youshi_title p { margin-bottom: 0;}
.about_youshi_title p:nth-child(2)::after { content: ""; display: inline-block; width: 11px; height: 11px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 12px;}
.about_youshi_team { display: flex; justify-content: space-between; align-items: center; padding-left: 0;}
.about_youshi_team_img { width: 49.5%;}
.about_youshi_factory {display: flex; justify-content: space-between; align-items: center; padding-right: 0;}
.about_youshi_ts { display: flex; justify-content: space-between; padding-left: 0;}
.about_youshi_item { width: 38%;}
.about_youshi_item_title { font-size: 72px; color:var(--brand-primary); line-height: 1.3; margin-bottom: 40px;}
.about_youshi_item_title p { margin-bottom: 0;}
.about_youshi_item_title p:nth-child(2)::after { content: ""; display: inline-block; width: 11px; height: 11px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 12px;}
.about_youshi_item_text { color: #fff; font-size: clamp(16px, 0.859vw, 22px); line-height: 1.7; text-align: justify; letter-spacing: 1.8px;}
.about_youshi_item_text p { margin-bottom: 0;}
.about_youshi_factory .about_youshi_team_img { position: relative; width: 45%;}
.about_youshi_factory .about_youshi_team_img::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: clamp(110px, 5.78125vw, 148px); height: clamp(110px, 5.78125vw, 148px); background: var(--brand-primary); transform: translate(-100%, 100%);}
.about_youshi_team .about_youshi_item_title,.about_youshi_ts .about_youshi_item_title { text-align: right;}
.about_youshi_team .about_youshi_item_title p:nth-child(2)::after,.about_youshi_ts .about_youshi_item_title p:nth-child(2)::after{ margin-right: 28px;}
.about_youshi_ts .about_youshi_item { width: 38%; position: relative;}
.about_youshi_ts_text { position: absolute; bottom: 0;}
.about_youshi_ts_text .about_youshi_item_text p { margin-bottom: 0;}
.about_page_joinus { margin-top: -128px;}
@media (max-width: 1920px) {
.about_page_youshi { padding:110px 0 260px;}
.about_youshi_title { margin-bottom: 110px;}
.about_youshi_title p:nth-child(2)::after {width: 9px; height: 9px;}
.about_youshi_item_title { font-size: 48px;}
.about_youshi_item_title p:nth-child(2)::after {width: 8px; height: 8px; margin-bottom: -5px; margin-left: 5px;}
.about_youshi_item_text { font-size: 20px; line-height: 1.7;}
.about_youshi_team_img { width: 50%;}
.about_youshi_factory .about_youshi_item { width: 42.8%;}
.about_page_joinus .home_join_text { transform: translateY(-70%);}
.about_page_joinus { margin-top: -110px;}
}
@media (max-width: 1800px) {
.about_youshi_title { font-size: 56px;}
.about_youshi_title p:nth-child(2)::after { width: 8px; height: 8px;}
.about_youshi_item { width: 40%;}
.about_youshi_factory .about_youshi_team_img { width: 47%;}
.about_youshi_factory .about_youshi_team_img::after { width: 100px; height:100px;}
}
@media (max-width: 1280px) {
.about_page_youshi { padding:80px 0 90px;}
.about_youshi_title { font-size: 42px; margin-bottom: 40px; line-height: 1.1;}
.about_youshi_title p:nth-child(2)::after { margin-left: 6px;}
.about_youshi_item { width: 41.5%;}
.about_youshi_item_title { font-size: 42px; margin-bottom: 20px; line-height: 1.1;}
.about_youshi_item_text { font-size: 15px; line-height: 1.5;}
.about_youshi_factory .about_youshi_item { width: 44%;}
.about_youshi_factory .about_youshi_team_img::after { width: 60px; height:60px;}
.about_page_joinus { margin-top: -10px;}
}
@media ( max-width:768px) {
.about_page_youshi { padding: 60px 0 40px; background-size: 140%; background-position: -70px -20px;}
.about_youshi_team,
.about_youshi_factory,
.about_youshi_ts { flex-wrap: wrap;}
.about_youshi_team,
.about_youshi_ts { padding-right: 0;}
.about_youshi_team .about_youshi_item_title,
.about_youshi_ts .about_youshi_item_title { text-align: left; margin-bottom: 30px;}
.about_youshi_team_img,
.about_youshi_item,
.about_youshi_factory .about_youshi_item,
.about_youshi_factory .about_youshi_team_img,
.about_youshi_ts .about_youshi_item { width: 100%;}
.about_youshi_item { margin-bottom: 60px; margin-left: 40px; padding-right: 5vw;}
.about_youshi_factory { padding-left: 0;}
.about_youshi_factory .about_youshi_item_title { text-align: right; margin-bottom: 40px;}
.about_youshi_factory .about_youshi_item_title p:nth-child(2) { margin-right: 20px;}
.about_youshi_factory .about_youshi_item_text { letter-spacing: 0;}
.about_youshi_factory .about_youshi_team_img { margin-left: 40px; padding-right: 0;}
.about_youshi_factory .about_youshi_team_img::after { width: 40px; height: 40px;}
.about_youshi_factory .about_youshi_item { order: 2; padding-right: 5vw;}
.about_youshi_team_img { margin-bottom: 70px; padding-right: 40px;}
.about_youshi_title { font-size: 36px; margin-bottom: 60px;}
.about_youshi_title p:nth-child(2)::after { width: 6px; height: 6px; margin-bottom: -3px;}
.about_youshi_ts .about_youshi_item,
.about_youshi_ts_text { position: unset;}	
.about_youshi_item_title { font-size: 36px; margin-bottom: 15px; line-height: 1.1;}
.about_youshi_item_title p:nth-child(2)::after { width: 6px; height: 6px; margin-bottom: -5px;}
.about_youshi_item_text { line-height: 1.6; letter-spacing: .4px;}
.about_page_joinus .home_join_text { transform: translateY(-60%);}
}  .news-list { padding-top: 180px; min-height: 400px; margin-bottom: 180px;}
.news-cate { margin: 0 auto; display: flex; margin-bottom: 80px;}
.news-cate li { margin-right: 50px; font-size: 32px; cursor: pointer; color: #666;}
.news-cate li.news-check { color: var(--brand-primary);}
.news-data { margin: 0 auto;}
.news-item { display:flex; margin-bottom:88px;}
.news-item .news-cover { width: 355px; height: auto;}
.news-item .news-cover img { object-fit: cover; width:100%; height: 100%; min-width: 355px;}
.news-item .news-desc { margin-left:50px; position: relative;}
.news-item .news-desc .news-title { color:var(--brand-primary); font-size:36px; font-weight: 500; margin-bottom: 5px; margin-top: -10px;}
.news-item .news-desc .news-detial { font-size: 22px; color:#0f0f0f; line-height: 1.6; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 300;}
.news-item .news-desc .news-date { color: #888; font-size: 18px; position:absolute; display: flex; bottom: -6px;}
.news-item .news-desc .news-date span { display: flex; align-items: center;}
.news-item .news-desc .news-date span:first-child { margin-right: 120px;}
.news-item .news-desc .news-date span i { margin-top: -2px; margin-right: 5px;}
.news-data .news-item:last-child { margin-bottom: 65px;}
@media (max-width: 1920px) {
.news-list { padding-top: clamp(100px, 7.1875vw, 130px); margin-bottom: 110px;}
.news-cate { margin-bottom: 60px;}
.news-cate li { margin-right: 25px; font-size: 24px;}
.news-data .news-item:last-child { margin-bottom: 110px;}
.news-item { margin-bottom: 60px;}
.news-item .news-cover { width: 214px;}
.news-item .news-cover img { min-width: 214px;}
.news-item .news-desc { margin-left: 45px;}
.news-item .news-desc .news-title { font-size: 24px; margin-top: -5px;}
.news-item .news-desc .news-detial { font-size:20px;}
.news-item .news-desc .news-date { font-size: 14px; bottom: -4px;}
.news-item .news-desc .news-date span i img { width: 70%;}
.news-item .news-desc .news-date span:first-child { margin-right: 80px;}
}
@media (max-width: 1800px) {
.news-list { margin-bottom: 120px;}
.news-item { margin-bottom: 40px;}
.news-item .news-desc .news-title { font-size: 22px;}
.news-item .news-desc .news-detial { font-size: 14px;}	
}
@media (max-width: 1280px) {
.news-list { padding-left: calc(var(--bs-gutter-x)* 0.75); padding-right: calc(var(--bs-gutter-x)* 0.75);}
}
@media (max-width: 768px) {
.news-list { padding-left: 5vw; padding-right: 5vw; min-height: auto; padding-top: 70px; margin-bottom: 80px;}
.news-cate { margin-bottom: 40px;}
.news-cate li { margin-right: 15px; font-size: 18px;}
.news-item { margin-bottom: 30px; padding-bottom: 30px; justify-content: space-between; border-bottom: 1px #dedede solid;}
.news-item .news-cover { width: 35%; height: auto; display: none;}
.news-item .news-cover img { min-width: 100%; height: auto;}
.news-item .news-desc { width: 100%; margin-left: 0;}
.news-item .news-desc .news-title { font-size: 16px; margin-top: 0; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.2; color: #000;}
.news-item .news-desc .news-detial { display: none;}
.news-item .news-desc .news-date { font-size: 12px; bottom: 0; position: unset;}
.news-item .news-desc .news-date span:first-child { margin-right: 30px;}
.news-data .news-item:last-child { margin-bottom: 70px;}
} .news-num { color:var(--brand-primary); font-size:18px; margin: 0 auto; display: flex; gap: 10px;}
.news-num span { display: block; background: #040404; color: #fff; width: 28px; height: 28px; text-align: center;}
.arrows-prev {cursor: pointer;}
.news-num span.current-page { background: var(--brand-primary);}
.current-page input { text-align:center; outline:none; font-size:18px; background: none; border: none; width: 100%;}
.arrows-next {cursor: pointer;}
@media (max-width: 1800px) {
.news-num,.current-page input{ font-size: 16px;}
.news-num span { width: 24px; height: 24px;}
} .news-relation { width:100%; background-color:#f0f0f0; padding:80px 0 200px;}
.relation-title { color:var(--brand-primary); font-size:72px; line-height: 1.1; margin: 0 auto; margin-bottom: 40px;}
.relation-title p { margin-bottom: 0;}
.relation-title p:nth-child(2)::after { content: ""; display: inline-block; width: 9px; height: 9px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 12px;}
.news-relation-swiper { width:100%; box-sizing:border-box;}
.news-relation-swiper .news-relation-card { width:100%;}
.news-relation-card .swiper-wrapper { align-items: center;}
.news-relation-card .swiper-slide { width:695px; height:550px; display:flex; justify-content:center; align-items:center; transition:transform 0.4s ease,opacity 0.4s ease;}    
.news-relation-card .swiper-slide { opacity:0.5;}
.news-relation-card .swiper-slide-active { transform:scale(1.2); opacity:1; z-index:10;}
.custom-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 19px; height: 32px; display: flex;justify-content: center;align-items: center; cursor: pointer; z-index: 20; user-select: none;transition: left 0.4s ease, right 0.4s ease, background-color 0.3s ease; }
.custom-nav-btn:hover {}
@media (max-width: 1920px) {
.news-relation { padding:118px 0 84px}
.relation-title { font-size: 62px; margin-bottom: 0px;}
.news-relation-swiper { margin-top: -20px;}
.news-relation-card .swiper-slide { height: 550px;}
}
@media (max-width: 1800px) {
.news-relation { padding:100px 0 20px}
.relation-title { font-size: 56px;}
.news-relation-card .swiper-slide { height: 400px;}
}
@media (max-width: 1600px) {
.news-relation-card .swiper-slide { height: 350px;}
}
@media (max-width: 1280px) {
.news-relation { padding:80px 0 20px}
.news-relation-title { padding-left: calc(var(--bs-gutter-x)* 0.75); padding-right: calc(var(--bs-gutter-x)* 0.75);}
.relation-title { font-size: 42px;}
.relation-title p:nth-child(2)::after { width: 8px; height: 8px; margin-left: 6px;}
.news-relation-card .swiper-slide { height: 300px;}
}
@media (max-width:768px) {
.news-relation { padding: 60px 0 20px;}
.news-relation-title { padding-left: 5vw; padding-right: 5vw; margin-bottom: 10px;}
.relation-title { font-size: 36px;}
.relation-title p:nth-child(2)::after { width: 6px; height: 6px; margin-bottom: -3px;}
.news-relation-swiper .swiper-slide {opacity:1;transform:scale(1);}
.news-relation-swiper .swiper-slide-active {transform:scale(1);}
#custom-prev-btn { left: 10px !important; }
#custom-next-btn { right: 10px !important; left: auto !important; }
}
.sc29-part10:hover p {color:#fff;}
.sc29-part10:hover p input {background:var(--brand-primary);}
.sc30-part10:hover p {color:#fff;}
.sc30-part10:hover p input {background:var(--brand-primary);}
.sc31-part10:hover p {color:#fff;}
.sc31-part10:hover p input {background:var(--brand-primary);} .detail-box { padding-top:180px; padding-bottom:11.875rem; }
.detail-item { margin: 0 auto;}
.detail-name { font-size: clamp(34px, 1.796875vw, 46px); margin-top:0; margin-bottom: 60px; font-weight: 500; line-height: 3rem; color:var(--brand-primary);}
.detail-date { color: #888; font-size: 16px; margin-bottom: 80px; line-height: 1;}
.detail-date span:nth-child(2) { display: inline-flex; align-items: center; margin-left: 120px;}
.detail-date span:nth-child(2) i { margin-right: 5px;} .detail-digest { color:#000; font-size:clamp(16px, 0.859vw, 22px); line-height:1.8; margin-bottom:40px; text-align:justify; font-weight:300; letter-spacing: 0.29px;} .detail-description { color:#000;font-weight:normal;font-size:calc(14px + 0.06rem);}
.detail-description h6,
.detail-description h5,
.detail-description h4,
.detail-description ul li { font-size:clamp(16px, 0.859vw, 22px); font-weight:300;}
.detail-description h5 { color: var(--brand-primary); font-weight: bold; margin-bottom:20px}
.detail-description h6 { color:#000; line-height:1.8; margin-bottom:40px; text-align:justify;  letter-spacing: 0.29px;}
.detail-description h6:last-child { margin-bottom: 0;}
.detail-description img { max-width: 100%; margin-bottom:60px; margin-top: 60px;}
.detail-description h6.news_two_photo { display: flex; margin-bottom:60px; margin-top: 60px; flex-wrap: wrap; justify-content: space-between;}
.detail-description h6.news_two_photo img { width: 49.5%; height: auto; margin-top: 0; margin-bottom: 0;}
.detail-description h6 img:first-child { margin-right: 10px;}
.detail-description h6.news_two_photo ul { width: 100%; display: flex; justify-content: space-between; margin-top: 20px; margin-bottom: 0;}
.detail-description h6.news_two_photo ul p { width: 49.5%; text-align: center; margin-bottom: 0;}
.detail-description ul { padding: 0; line-height: 2;}
.detail-description ul li strong { color: var(--brand-primary); font-weight: bold;}
@media (max-width: 1920px) {
.detail-box { padding-top:142px;}
.detail-name { font-size: 34px; margin-top:0; margin-bottom: 20px; line-height: 3rem;}
.detail-date { font-size: 12px; margin-bottom: 56px;}
.detail-date span:nth-child(2) { margin-left: 60px;}
.detail-date span:nth-child(2) i { margin-right: 0px;}
.detail-date span i img { width: 60%;}	
.detail-digest { font-size:20px; margin-bottom: 50px;}
.detail-description h5,
.detail-description h4,
.detail-description h6,
.detail-description ul li {font-size:20px;}
.detail-description h6 { line-height: 1.7;}
.detail-description h6:last-child { margin-bottom: 0;}
.detail-description img { margin-bottom: 50px; margin-top: 40px;}	
.detail-description h6.news_two_photo { margin-bottom:50px; margin-top: 40px;}
}
@media (max-width: 1280px) {
.detail-box { padding-top: 80px; padding-bottom: 80px;}
.detail-name { font-size: 28px;}
.detail-digest { font-size: 16px; margin-bottom: 35px;}
.detail-description { font-size: 16px;}
.detail-description h4,
.detail-description h5,
.detail-description h6 { font-size: 16px; margin-bottom: 35px;}
.detail-description ul li { font-size: 16px;}
.detail-description img { margin-bottom: 40px; margin-top: 30px;}
.detail-description h6.news_two_photo { margin-bottom:40px; margin-top: 30px;}
}
@media (max-width: 768px) {
.detail-box { padding-top: 60px; padding-bottom: 60px;}
.detail-name { font-size: 24px; line-height: 1.2; margin-bottom: 25px;}
.detail-date { margin-bottom: 30px;}
.detail-digest { font-size: 15px; margin-bottom: 25px; line-height: 1.6;}
.detail-description { font-size: 15px;}
.detail-description img { margin-bottom: 20px; margin-top: 20px;}
.detail-description h6.news_two_photo { margin-bottom:20px; margin-top: 20px;}
.detail-description h4, .detail-description h5, .detail-description h6 { font-size: 15px; margin-bottom: 25px;}
.detail-description ul li { font-size: 15px;}
.detail-description h6.news_two_photo img { width: 100%;}
.detail-description h6 img:first-child { margin-right: 0; margin-bottom: 15px;}
}  .product_home_banner { position: relative;}
.product_home_banner_bg,.product_home_banner_item { height: 900px;}
.product_home_banner_bg img { object-fit: cover; width: 100%; height: 100%;}
.product_home_banner_bg img.mobile { display: none;}
.product_home_banner_item { display: flex; justify-content: space-between; position: absolute; top: 0; left: 0; width: 100%;}
.product_home_banner_pic { width: 70%; position: relative;}
.product_home_banner_pic img { position: absolute; bottom: 0;}
.product_home_banner_text { margin-top: 130px;}
.product_home_banner_text_1 { font-size:88px; color:#fff; display:flex; justify-content:flex-start; flex-direction:column; align-items:flex-end; line-height: 1.15; font-weight: 100; margin-bottom: 12px;}
.product_home_banner_text_1 p { margin-bottom: 0;}
.product_home_banner_text_1 p:nth-child(2) { margin-right: 90px;}
.product_home_banner_text_1 p:nth-child(2)::after { content: ""; display: inline-block; width: 5px; height: 5px; background: #fff; margin-bottom: -5px;}
.product_home_banner_text_2 { font-size:34px; color:#fff; display:flex; justify-content:flex-start; flex-direction:column; align-items:flex-end; line-height: 1.3; font-weight: 500;}
.product_home_banner_text_2 p { margin-bottom: 0;}
.product_home_banner_text_2 p:nth-child(2) { font-weight: 300;}
@media (max-width: 1920px) {
.product_home_banner_bg,.product_home_banner_item { height: 750px;}
.product_home_banner_text_1 { font-size:clamp(60px, 4.125vw, 70px);}
.product_home_banner_text_1 p:nth-child(2) { margin-right: 70px;}
.product_home_banner_text_2 { font-size: 28px;}
}
@media (max-width: 1800px) {
.product_home_banner_bg,.product_home_banner_item { height: 700px;}
.product_home_banner_text_1 { font-size: 52px;}	
}
@media (max-width: 1280px) {
.product_home_banner_bg,.product_home_banner_item { height: 400px;}
.product_home_banner_pic { width: 60%;}
.product_home_banner_text_1 { font-size: 42px;}	
.product_home_banner_text_1 p:nth-child(2) { margin-right: 40px;}
.product_home_banner_text_2 { font-size: 22px;}
}
@media (max-width: 768px) {
.product_home_banner_bg,
.product_home_banner_item {height: auto;}
.product_home_banner_bg img.desktop,
.product_home_banner_pic { display: none;}
.product_home_banner_bg img.mobile { display: block;}
.product_home_banner_text { margin-top: 110px; width: 100%;}
.product_home_banner_text_1 { font-size: 56px; margin-bottom: 0;}	
.product_home_banner_text_1 p:nth-child(2) { margin-right: 25px;}
.product_home_banner_text_2 { font-size: 22px;}
}
.product_home_main { background:#000; padding-top: 160px;}
.product_home_main_title { font-size:72px; color:var(--brand-primary); line-height: 1.26; text-align: right; margin-bottom: 60px;}
.product_home_main_title p { margin-bottom: 0;}
.product_home_main_title p:nth-child(2) { margin-right: 35px;}
.product_home_main_title p:nth-child(2)::after { content: ""; display: inline-block; width: 9px; height: 9px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 6px;}
.product_home_item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px;}
.product_home_item:last-child { margin-bottom: 0;}
.product_home_item_img { width: 37%;}
.product_home_item_info { width: 45%; color: #fff;}
.product_home_item_info img { width: 165px; margin-bottom: 20px;}
.product_home_item_info h3 { font-size: 46px; margin-bottom: 60px; font-weight: 300; letter-spacing: 2.2px;}
.product_home_item_info p { font-size: 22px; text-align: justify; line-height: 1.7; margin-bottom: 0; letter-spacing: .5px;}
@media (max-width: 1920px) {
.product_home_main { padding-top: 120px;}
.product_home_main_title { font-size: 62px; margin-bottom: 30px;} .product_home_item { margin-bottom: 60px;}
.product_home_item_info img { width: 95px; margin-bottom: 30px;}
.product_home_item_info h3 { font-size: 30px; margin-bottom: 20px;}
.product_home_item_info p { font-size: 20px; }
}
@media (max-width: 1800px) {
.product_home_main_title { font-size: 52px;}
.product_home_item_info p { font-size: 18px; line-height: 1.5;}	
}
@media (max-width: 1420px) {
.product_home_item_info img { width: 80px;}
.product_home_item_info h3 {font-size: 26px;}
.product_home_item_info p { font-size: 16px; line-height: 1.5;}
}
@media (max-width: 1280px) {
.product_home_main { padding-top: 60px; padding-bottom: 60px;}
.product_home_main_title { font-size: 42px; position: unset; margin-bottom: 40px;}
.product_home_item_img { width: 40%;}
.product_home_item_info img { width: 80px; margin-bottom: 20px;}
.product_home_item_info h3 { font-size: 26px; margin-bottom: 20px;}
.product_home_item_info p {line-height: 1.4;}
}
@media (max-width: 768px) {
.product_home_main_title { font-size: 34px; margin-bottom: 50px; text-align: left;}
.product_home_main_title p:nth-child(2) { margin-right: 25px;}
.product_home_main_title p:nth-child(2)::after { width: 6px; height: 6px; margin-bottom: -3px;}
.product_home_item { flex-wrap: wrap;}
.product_home_item_img,.product_home_item_info { width: 100%;}
.product_home_item_img img { width: 100%;}
.product_home_item_info { margin-bottom: 0;}
.product_home_item_info h3 { font-size: 24px; margin-bottom: 15px;}
.product_home_item_info img { width: 65px; margin-bottom: 15px;}
.product_home_item_info p { font-size: 15px; line-height: 1.6;}
.product_home_main div:nth-child(3) .product_home_item_info { order: 2;}
} .sc17-out { position:relative; background:#f0f0f0; padding-top:160px; padding-bottom: 120px;}
.sc17-nav {display:none;}
.sc17-header { position:relative; margin-bottom: 70px; display:flex;justify-content:flex-start; align-items:center;}
.sc17-header span { display:block; width:auto; border-radius:0; height:auto; color:#666; font-size:46px; opacity:1; background:transparent; margin-right:82px; cursor:pointer;}
.sc17-header .swiper-pagination-bullet:focus {outline:none;}
.sc17-header span.hover {color:var(--brand-primary) !important; border-bottom: 2px var(--brand-primary) solid;}
.sc17.swiper { padding-bottom:70px;}
.sc17-item-name {display:flex;justify-content:flex-start;align-items:center;color:var(--brand-primary); margin-bottom: 20px;}
.sc17-item-name img { width:168px; margin-right:20px;}
.sc17-item-name p { font-size:46px; line-height: 1.1; margin-bottom: 0;}
.product_table_content { margin-bottom: 80px;}
.sc17-item-con::-webkit-scrollbar {width:16px;background:transparent;position:absolute;left:0;}
.sc17-item-con::-webkit-scrollbar-thumb { background-color:var(--brand-primary);}
.sc17-biao {width:100%;}
.sc17-hang { width:100%; font-size:20px; display:flex; align-items:center; padding:30px 0;}
.sc17-tou .sc17-lie { width:14%; font-weight:bold !important; background:transparent !important; font-family: 'HarmonyOS Sans SC';}
.sc17-tou .sc17-lie::after { display: none;}
.sc17-lie { width:14%; text-align:center; font-size:24px; background:#fff; display:flex; justify-content:center; align-items:center; height:80px; position: relative; font-family: 'ESKlarheitGrotesk-Lt';}
.sc17-lie::after { content: ""; width: 1.5px; height: 60%; background: #f4f4f4; position: absolute; right: 0;}
.sc17-hang .sc17-lie:last-child::after { display: none;}
.sc17-lie:nth-of-type(1) {width:6%;background:transparent;justify-content:flex-start;}
.sc17-check { border:4px solid var(--brand-primary); width:50px; height:50px; cursor:pointer;}
.sc17-lie:nth-of-type(1) img { width: 100%; height: 100%;}
.sc17-check img {display:none;}
.sc17-check span {display:none;}
.sc17-check-active img {display:block;}
.sc17-lie:nth-of-type(2) { background:transparent; justify-content:flex-start; width:10%;}
.sc17-lie:nth-of-type(2) img {width:140px;}
.sc17-lie:nth-child(3):hover {color:var(--brand-primary);}
.sc17-ts { float: right; display:flex; align-items:center; justify-content:flex-start; box-sizing:border-box; border:4px solid var(--brand-primary); cursor:pointer; color:#000528; transition:all 0.3s;}
.sc17-ts:hover { background:var(--brand-primary);color:#fff;}
.sc17-ts-img { width:60px; height:60px; background:var(--brand-primary);}
.sc17-ts-con { font-size:32px; padding:3px 40px; font-weight: 300;}
.nownum {width:30px;text-align:center;display:inline-block;}
@media (max-width: 1920px) {
.sc17-out { padding-top: 135px; padding-bottom: 100px;}
.sc17-header { margin-bottom: 50px;}
.sc17-header span { font-size: 32px; margin-right: 60px;}
.sc17-item-name { margin-bottom: 6px;}
.sc17-item-name img { width: 105px; margin-right: 15px;}
.sc17-item-name p { font-size: 30px;}
.sc17-hang { padding: 18px 0;}
.sc17-lie { font-size: 20px; height: 60px;}
.sc17-tou .sc17-lie { line-height: 1.2;}
.sc17-check { width: 30px; height: 30px;}
.sc17-lie:nth-of-type(2) img { width: 120px;}
.sc17-ts-con { font-size: 20px; padding: 0 30px;}
.sc17.swiper { padding-bottom: 50px;}
.sc17-ts-img { width: 36px; height: 36px;}
}
@media (max-width: 1800px) {
.sc17-out { padding-top: 120px; padding-bottom: 90px;}
.sc17-header { margin-bottom: 80px;}
.sc17-header span { font-size: 32px;}
.sc17-item-name img { width: 128px;}
.sc17-item-name p { font-size: 32px;}
.sc17-hang { padding: 22px 0;}
.sc17-lie { font-size: 18px;}
.sc17-check { width: 35px; height: 35px;}
.sc17-lie:nth-of-type(2) img { width: 120px;}
.sc17-ts-con { font-size: 24px;}
}
@media (max-width: 1280px) {
.sc17-out { padding-top: 80px; padding-bottom: 0;}
.sc17-header { margin-bottom: 40px;}
.sc17-header span { font-size: 28px;}
.sc17-item-name img { width: 110px;}
.sc17.swiper { padding-bottom: 0;}
.sc17-out .swiper-pagination-bullets.swiper-pagination-horizontal {top:calc(70rem / var(--mobile-width));}
.sc17-out .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {font-size:calc(var(--stand-font-size) / var(--mobile-width));margin-right:calc(28rem / var(--mobile-width));}
.sc17-lie:nth-of-type(2) img { width: 200px;}
.sc17-item-con {overflow:unset;margin:unset;width:unset;height:unset;}
.sc17-hang div:nth-of-type(1),.sc17-hang.sc17-tou {display:none;}
.sc17-hang {flex-direction:column;padding:unset;}
.sc17-lie:nth-of-type(2) {justify-content:center;padding:unset;}
.sc17-hang div:nth-of-type(3),.sc17-hang div:nth-of-type(5),.sc17-hang div:nth-of-type(7) {background-color:#f6f6f6;}
.sc17-hang div:nth-of-type(3)::before {content:"产品名称";width:50%;}
.sc17-hang div:nth-of-type(4)::before {content:"频率";width:50%;}
.sc17-hang div:nth-of-type(5)::before {content:"相位噪声\A 1 GHz载波，10 kHz频偏";white-space:pre;width:50%;}
.sc17-hang div:nth-of-type(6)::before {content:"DANL\A 1 GHz，前置放大器开";white-space:pre;width:50%;}
.sc17-hang div:nth-of-type(7)::before {content:"分析带宽";white-space:pre;width:50%;}
.sc17-hang div:nth-of-type(8)::before {content:"扫描速度";width:50%;}
.sc17-lie {width:100% !important;justify-content:space-between;padding:calc(12rem / var(--mobile-width)) calc(40rem / var(--mobile-width)) calc(12rem / var(--mobile-width)) 0;height:unset;box-sizing:border-box;}
.sc17-lie a {color:var(--kv-color);}
.sc17-ts {display:none;}
}
@media (max-width: 768px) {
.sc17-out { padding-top: 60px;}
.sc17-header { margin-bottom: 25px;}
.sc17-header span { font-size: 22px; margin-right: 20px;}
.sc17-item-name { margin-bottom: 0;}
.sc17-item-name img { width: 75px;}
.sc17-item-name p { font-size: 22px;}
.sc17-lie { padding: 15px 10px; font-size: 15px;}
.sc17-lie:nth-of-type(2) img { width: 160px;}
} .sc17-tc-dbg { width: 100%; height: 100%;; background:#000; opacity:0.5; position:fixed; top:0; left:0; display:none; z-index:999;}
.sc17-tc { width:1786px; height:920px; position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; display:none; z-index:999;}
.sc17-xbg { width:100%; opacity:1; }
.sc17-tc-con { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:flex-start; padding: 6.5% 4.5% 8.6% 5%;}
.sc17-tc-left { background:transparent; box-sizing:border-box; padding-left:4.5%; width: 30%; position: relative;}
.sc17-tc-left .tc-part1 { font-size:58px; line-height:42px; color:var(--brand-primary); top: 19%; position: absolute;}
.sc17-tc-left .tc-part2 { line-height:30px; color:#3d3d3d; top: 280px; position: absolute;}
.sc17-tc-left .tc-part1-img {display:flex;justify-content:center;}
.sc17-tc-left .tc-part1-img img {width:219px;}
.sc17-tc-left .tc-part2 div { margin-top:30px; font-size:24px; line-height:30px;}
.sc17-tc-right { width:70%; text-align:center; display:flex; justify-content:space-between;}
.sc17-tc-right .sc17-tc-item { background:#f6f6f6; padding: 10px 20px 0px;}
.sc17-tc-right .tc-part1 { margin-top:10px; margin-bottom: 40px;}
.sc17-tc-right .tc-part1-img {display:flex;justify-content:center;}
.sc17-tc-right .tc-part1-img img { width:65%; max-width: 219px;}
.sc17-tc-right .tc-part1 div { color:#3d3d3d; font-size:36px; line-height:42px; font-weight: bold}
.sc17-tc-right .tc-part2 {margin-top:20px;}
.sc17-tc-right .tc-part2 div { margin-top:30px; font-size:24px; line-height:30px;}
.sc17-close { width:65px; height:65px;position:absolute;top:0;right:0;cursor:pointer;}
.width-48 { width: 48%;}
.width-48 .tc-part1-img img { width:41.5%}
.width-32 { width: 32%;}
.sc17-tc-right .tc-part2 a { background: var(--brand-primary); color: #fff; width: 100%; line-height: 64px; font-size: 24px; margin-top: 50px; display: block;}
.sc17-tc-loading {position:absolute;width:75%;height:100%;top:0;right:0;}
.sc17-tc-loading-wz {width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.sc17-tc-loading-wz span {font-size:25px;color:var(--brand-primary);font-weight:bold;}
@media (max-width: 1920px) {
.sc17-tc { width: 1440px; height: 742px;}
.sc17-tc-left .tc-part1 { font-size: 46px;}
.sc17-tc-left .tc-part2 { top: 225px;}
.sc17-tc-left .tc-part2 div,
.sc17-tc-right .tc-part2 div { font-size: 20px; margin-top: 20px;}
.sc17-tc-right .tc-part1 { margin-top: 0; margin-bottom: 30px;}
.sc17-tc-right .tc-part1 div { font-size: 26px;}
.sc17-tc-right .tc-part2 a { line-height: 40px; font-size: 16px; margin-top: 40px;}
}
@media (max-width: 1710px) {
.sc17-tc { width: 1300px; height: 670px;}
.sc17-tc-left .tc-part1 { font-size: 36px; line-height: 35px;}
.width-48 .tc-part1-img img { width:41%}
.sc17-tc-left .tc-part2 { top: 212px;}
.sc17-tc-left .tc-part2 div,
.sc17-tc-right .tc-part2 div { font-size: 16px; margin-top: 15px;}
.width-48 .tc-part2 a { margin-top: 30px;}
}
@media (max-width: 1380px) {
.sc17-tc { width: 1100px; height: 567px;}
.sc17-tc-left .tc-part1 { line-height: 26px;}
.sc17-tc-left .tc-part2 { top: 170px;}
.sc17-tc-right .tc-part1 { margin-bottom: 0;}
.sc17-tc-right .tc-part1 div { font-size: 20px;}
.sc17-tc-right .tc-part2 {margin-top: 0;}	
.sc17-tc-left .tc-part2 div, 
.sc17-tc-right .tc-part2 div {margin-top: 10px;}
.sc17-tc-right .tc-part2 a { margin-top: 20px;}
}
@media (max-width: 1280px) {} .product_home_sc4 { padding-top: 140px; padding-bottom:12.5rem; }
.product_home_sc4 .sc4-out {transform: translateY(0);}
.product_home_sc4 .sc4-out .swiper-pagination-bullets.swiper-pagination-horizontal { text-align: right;}
@media (max-width: 1920px) {
.product_home_sc4 { padding-top: 120px; padding-bottom: 150px;}
}
@media (max-width: 1280px) {
.product_home_sc4 { padding-top: 100px; padding-bottom: 100px;}
}
@media (max-width: 768px) {
.product_home_sc4 { padding-top: 0;  padding-bottom: 60px;}
} .sc20-out { background:url(//www.harogic.cn/wp-content/themes/enharogic/skin/images/product_show_head_bg.png) no-repeat center #040403; background-size:cover;} .sc20 { position:relative; display:flex; padding-bottom: 20px;}
.sc20-left { width:45%; color:#fff; padding-top: 150px;}
.sc20-left-part2 { display:flex; justify-content:flex-start; align-items:center; margin-bottom: 70px;}
.sc20-left-part2 img { width:136px; margin-right: 30px;}
.sc20-left-part2 p { font-size:40px; margin-bottom: 0;}
.sc20-left-part4 { font-size:40px; font-weight: 500; margin-bottom: 30px;}
.sc20-left-part5 { font-size: 22px;}
.sc20-left-part5>div { display:flex; justify-content:flex-start; align-items: center; margin-bottom: 11px;}
.sc20-left-part5>div div:nth-child(1) { display:block; width:12px; height:12px; background:#005dd8; margin:7px 20px 7px 0; flex-shrink:0;}
.sc20-left-part5>div div:nth-child(2) { line-height:35px; letter-spacing:0.025em;}
.sc20-left-part5>div span { font-weight: 300;}
.sc20-left-part6 {margin-top:40px;}
.sc20-left-part6 div { display:block; width:240px; height:52px; line-height:52px; font-size:22px; color:#fff; background:var(--brand-primary); text-align:center; cursor:pointer;}
.sc20-left-part6 a.product_buy_btn {display:block; width:240px; height:52px; line-height:52px; font-size:22px; color:#fff; background:var(--brand-primary); text-align:center;}
.sc20-right { width:55%; margin-top:120px; overflow:hidden; position:relative;}
.master-div { width: 80%; height:714px;}
.sc20-right .master-photo img { width:100%; height:100%; object-fit:cover;}
.sc20sw { margin-top: -100px; width: 90%;}
.sc20sw .swiper-slide { opacity: .4;}
.sc20sw .swiper-slide.swiper-slide-thumb-active { opacity: 1; transform: scale(1.1);}
@media (max-width: 2280px) { }
@media (max-width: 2090px) {	
.sc20-left-part2 { margin-bottom: 60px;}
.sc20-left-part2 img { width: 126px;}
.sc20-left-part4 { font-size: 36px; margin-bottom: 20px;}
.sc20-left-part5 { font-size: 22px;}
}
@media (max-width: 1920px) {
.sc20 { padding-bottom: 40px;}
.sc20-left-part2 { margin-bottom: 45px;}
.sc20-left-part2 img { width: 95px; margin-right: 20px;}
.sc20-left-part2 p { font-size: 28px;}
.sc20-left-part4 { font-size: 30px; margin-bottom: 15px;}
.sc20-left-part5 { font-size: 20px;}
.sc20-left-part5>div { margin-bottom: 4px;}
.sc20-left-part5>div div:nth-child(1) { width:8px; height:8px; margin:7px 18px 7px 0;}
.sc20-left-part5>div div:nth-child(2) { line-height:33px;}
.sc20-left-part6 div { font-size: 16px; width: 166px; line-height: 36px; height: 36px;}
.sc20-left-part6 { margin-top: 20px;}
.sc20-left-part6 a.product_buy_btn {width:166px; height:36px; line-height:36px; font-size:16px;}
.sc20-right { margin-top: 140px;}
.master-div { width: 78%; height:500px;}
.sc20sw { margin-top: -40px;}
}
@media (max-width: 1280px) {
.sc20 { justify-content: space-between;}
.sc20-left { padding-top: 100px; width: 50%;}
.sc20-left-part2 { margin-bottom: 25px;}
.sc20-left-part2 img { width: 80px; margin-right: 15px;}
.sc20-left-part4 { font-size: 24px;}
.sc20-left-part4 p { margin-bottom: 0;}
.sc20-left-part5 { font-size: 14px;}
.sc20-left-part5>div { margin-bottom: 0px;}
.sc20-left-part5>div div:nth-child(1) { width: 6px; height: 6px; margin: 6px 10px 6px 0;}
.sc20-left-part5>div div:nth-child(2) { line-height: 28px; letter-spacing: 0;}
.sc20-right { width: 50%;}
.master-div {width: 80%; height: 350px;}
}
@media (max-width: 768px) {
.sc20 { flex-wrap: wrap; padding-bottom: 60px;}
.sc20-left { padding-top: 40px; width: 100%; order: 2;}
.sc20-left-part2 { margin-bottom: 35px; justify-content: center;}
.sc20-left-part2 img { width: 55px; margin-right: 15px;}
.sc20-left-part2 p { font-size: 36px;}
.sc20-left-part4 { font-size: 18px;}
.sc20-left-part4 p { margin-bottom: 0;}
.sc20-left-part5 { font-size: 14px;}
.sc20-left-part5>div { margin-bottom: 0px; align-items: flex-start;}
.sc20-left-part5>div div:nth-child(1) { width: 6px; height: 6px; margin: 6px 10px 6px 0;}
.sc20-left-part5>div div:nth-child(2) { line-height: 1.6; letter-spacing: 0;}
.sc20-left-part6 { margin-top: 60px;}
.sc20-left-part6 div { font-size: 14px; margin: 0 auto;}
.sc20-left-part6 a.product_buy_btn {font-size:14px;margin: 0 auto;}
.sc20-right { width: 100%; margin-top: 60px;}
.master-div {width: 72%; height: auto;}
.sc20sw { width: 100%;}
} .sc21-out { padding-left: 0; padding-top: 180px; margin-bottom: 160px;}
.sc21 { display:flex; justify-content:space-between; align-items:center;}
.product_show_item_title { font-size:72px; color:var(--brand-primary); display:flex; flex-direction:column; line-height: 1.26; text-align: right; margin-bottom:82px;}
.product_show_item_title p { margin-bottom: 0;}
.product_show_item_title p:nth-child(2) { margin-right: 35px;}
.product_show_item_title p:nth-child(2)::after { content: ""; display: inline-block; width: 9px; height: 9px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 6px;}
.sc21-left { width:48%;}
.sc21-right { width:45%; box-sizing:border-box;}
.sc21-right .sc21-name { display:flex;flex-direction:column;align-items:flex-end;}
.sc21-right .sc21-name p {text-align:right;}
.sc21-right-con { font-size:22px; line-height: 1.7; text-align:justify; letter-spacing:0.025em; margin-bottom: 0;}
@media (max-width: 2260px) {
.product_show_item_title { margin-bottom: 60px;}
}
@media (max-width: 2190px) {
.sc21-right-con { font-size: 22px;}
}
@media (max-width: 2026px) {
.sc21-right-con { font-size: 20px;}
}
@media (max-width: 1920px) {
.sc21-out { padding-top: 135px;}	
.sc21-left { width: 50.2%;}
.sc21-right { width: 45.5%;}
.sc21-right-con { font-size: 20px; line-height: 1.7;}
}
@media (max-width: 1280px) {
.sc21-out { padding-top: 80px; margin-bottom: 80px;}
.sc21 { flex-wrap: wrap;}
.sc21-left { width: 45%;}
.sc21-right { width: 50%;}
.sc21-right-con { font-size: 16px; line-height: 1.5;}
}
@media (max-width: 768px) {
.sc21-out { padding-top: 60px; margin-bottom: 60px;}
.sc21-left { width: 100%; margin-bottom: 70px;}
.sc21-right { width: 100%; padding-left: 5vw;}
.sc21-right-con { font-size: 15px; line-height: 1.6;}
} .sc22-out { padding-bottom:160px;}
.sc22 {display:flex;justify-content:space-between;}
.sc22-left { width:45%; position: relative;}
.sc22-left .product_show_item_title { text-align: left;}
.sc22-left-list { margin-top:50px;}
.sc22-left .swiper-slide {width:100%; height:auto !important; margin-bottom:43px;}
.sc22sw-slide { display:flex; justify-content:flex-start; align-items:center;}
.sc22-left-list-img { width:30px; height:30px; position:relative;}
.sc22-left-list-img img {position:absolute;top:0;left:0;}
.sc22-left-list-img1 {display:block;}
.sc22-left-list-img2 {display:none;}
.sc22-left-list-des { font-size:22px; line-height:35px; margin-left:20px; letter-spacing:0.025em;}
.sc22-left-list-des p { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;text-overflow:ellipsis; margin-bottom: 0;}
.sc22-left-a { width:200px; position: absolute; bottom: 0;}
.sc22-left-a a { display: flex; align-items: center; font-size: 22px; font-weight: 500;}
.sc22-left-a a i { margin-right: 20px;}
.sc22-right { width: 49%;}
@media (max-width: 2190px) {
.sc22-left-list-des { font-size: 22px;}
}
@media (max-width: 2026px) {
.product_show_item_title { margin-bottom: 30px;}
.sc22-left-list-des,.sc22-left-a a { font-size: 20px;}
}
@media (max-width: 1920px) {
.product_show_item_title { font-size: 62px; margin-bottom: 28px;}
.sc22-out { padding-bottom: 120px;}
.sc22-left .product_show_item_title { margin-bottom: 30px;}
.sc22-left-list { margin-top: 30px;}
.sc22-left .swiper-slide { margin-bottom: 20px;}
.sc22-left-list-des { font-size: 20px; margin-left: 15px;}
.sc22-left-list-img { width: 20px; height: 20px;}
.sc22-left-a { position: unset; margin-top: 30px;}
.sc22-left-a a { font-size: 20px;}
.sc22-right { width: 49.5%;}
}
@media (max-width: 1846px) {
.sc22-left-list-des p { }
}
@media (max-width: 1280px) {
.product_show_item_title { font-size:42px; margin-bottom: 20px;}	
.sc22-left .product_show_item_title { margin-bottom: 20px;}
.sc22 { align-items: center;}
.sc22-left { width: 60%;}
.sc22-left-list { margin-top: 0;}
.sc22-left .swiper-slide { margin-bottom: 10px;}
.sc22-left-a { margin-top: 15px;}
.sc22-left-a a { font-size: 16px;}
.sc22-left-a a i { margin-right: 6px;}
.sc22-left-a a i img { width: 80%;}
.sc22-out { padding-bottom: 80px;}
.sc22-right { width: 40%;}
.sc22-left-list-des { font-size: 15px; margin-left: 10px; letter-spacing: 0;}
}
@media (max-width: 768px) {
.sc22 { flex-wrap: wrap;}
.sc22-out { padding-bottom: 60px;}
.sc22-left { order: 2; width: 100%;}
.sc22-right { margin-bottom: 60px; width: 100%;}
.product_show_item_title { font-size: 34px; margin-bottom: 40px; text-align: left;}
.product_show_item_title p:nth-child(2)::after { width: 6px; height: 6px;  margin-bottom: -3px;}	
.sc22sw-slide { align-items: flex-start;}
.sc22-left .product_show_item_title { margin-bottom: 30px;}
.sc22-left-list-img { width: 16px; height: 16px; margin-top: 4px;}
.sc22-left-list-des { line-height: 1.5; width: 100%;}
.sc22-left-list-des p { }	
.sc22-left-a { margin-top: 40px;}
.sc22-left-a a { font-size: 14px;}
.sc22-left-a a i { margin-right: 0;}
.sc22-left-a a i img { width: 55%;}
} .m_product_show_table_1 { display: none;}
.sc23 { width: 94%; margin: 0 auto;}
.sc23-out { padding-top: 165px; background:#f5f5f5;}
.sc24-out { background: #fff; padding: 5px 36px;}
.sc24-name { display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; padding:30px 20px;}
.sc24-name-left { font-size:40px; line-height:42px; color: #bebebe;}
.sc24-name-left-active { color: #000;}
.sc24-name-img {width:32px;cursor:pointer;transition:all 0.5s;transform:rotate(0);}
.sc24-name-img-active {transform:rotate(180deg);}
.sc24 {display:none;}
.sc24-tou { display:flex; justify-content:space-between; align-items:center; border-top: 1px #868686 solid; border-bottom: 1px #cdcdcd solid; padding: 25px 0 23px;}
.sc24-tou .sc24-lie { line-height:1.6; font-weight: bold; text-align: center; color: #000 !important;}
.sc24-hang { display:flex; justify-content:space-between; align-items:center; height:100px;}
.sc24-lie { width:14.28%; font-size:22px; line-height:30px; display:flex; justify-content:center; align-items:center; font-family: 'ESKlarheitGrotesk-Xlt';}
.sc24-lie:last-child {color:var(--brand-primary);}
.sc24-lie:nth-child(2) { width: 10%;}
.sc24-lie img { width: 20%; margin: 0 auto;}
.sc24-lie:nth-child(6) { text-align: center;}
@media (max-width: 1920px) {
.sc23-out { padding-top: 90px;}
.sc24-out { padding: 12px 0;}
.sc24-name { padding: 10px 0;}
.sc24-name-left { font-size:30px; padding-left: 30px;}
.sc24-name-img { margin-right: 20px;}
.sc24-tou { padding: 20px 0 20px;}
.sc24-tou .sc24-lie { line-height: 1.2;}
.sc24-lie { font-size:20px; width: 12.8%;}
.sc24-lie:nth-child(3) { width: 18%;}
.sc24-lie:nth-child(4) { width: 18%;}
}
@media (max-width: 1420px) {
.sc23 { width: 100%;}
}
@media (max-width: 1280px) {
.sc24-out { padding-bottom: 0;}
.sc24-name { padding: 0;}
.sc24-name-left { font-size:24px;}	
.sc24-name-left-active { padding-bottom: 6px;}
.sc24-hang { height: 80px;}
.sc24-lie { font-size: 15px;}
}
@media (max-width: 768px) {
.sc23-out { padding-top: 70px;}
.sc24-name-left { font-size:20px;}
.sc24-tou { display: none;}
.sc24-out { padding: 10px 0 0;}
.m_product_show_table_1 { display: none; flex-wrap: wrap;} .sc24-hang { height: auto; flex-direction:column;}
.sc24-lie:nth-child(3),.sc24-lie:nth-child(4) { width: 100%;}
.sc24-lie { font-size: 15px; width:100%; justify-content:space-between; padding: 20px 40px;}
.sc24-lie-pd { background-color: #f6f6f6;}
.sc24-lie-pd span { color: var(--brand-primary);}
.sc24-hang div:nth-of-type(1)::before {content:"产品名称"; width:50%; font-weight: bold;}
.sc24-hang div:nth-of-type(2) { width: 100%;}
.sc24-hang div:nth-of-type(2)::before {content:"产品手册"; width:50%;}
.sc24-hang div:nth-of-type(2) span img { float: right; width: 15%;}
.sc24-hang div:nth-of-type(3)::before {content:"频率"; width:50%;}
.sc24-hang div:nth-of-type(4)::before {content:"相位噪声\A 1 GHz载波，10 kHz频偏"; white-space:pre;width:50%;}
.sc24-hang div:nth-of-type(5)::before {content:"DANL\A 1 GHz，前置放大器开"; white-space:pre;width:50%;}
.sc24-hang div:nth-of-type(6)::before {content:"分析带宽"; width:50%; text-align: left;}
.sc24-hang div:nth-of-type(7)::before {content:"扫描速度"; width:50%;}
.sc24-hang div:nth-of-type(8)::before {content:"价格"; width:50%;}
.sc24-hang div:nth-of-type(3), .sc24-hang div:nth-of-type(5), .sc24-hang div:nth-of-type(7) {background-color: #f6f6f6;}
.sc24-lie:last-child { color: #000;}
.sc24-lie:last-child span { color: var(--brand-primary);}
} .sc25-out { margin-top:48px; background: #fff; padding: 5px 36px;}
.sc25-name { display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; padding:30px 20px;}
.sc25-name-left { font-size:40px; line-height:42px; color: #bebebe;}
.sc25-name-left-active { color: #000;}
.sc25-name-img { width:32px; cursor:pointer;transition:all 0.5s;transform:rotate(0);}
.sc25-name-img-active {transform:rotate(180deg);}
.sc25 {display:none;}
.sc25-tou { display:flex; justify-content:space-between; align-items:center; border-top: 1px #868686 solid; border-bottom: 1px #cdcdcd solid; padding: 25px 0 23px;}
.sc25-tou .sc25-lie { line-height:1.6; color:#000 !important; font-weight: bold;}
.sc25-hang {display:flex;justify-content:space-between;align-items:center; margin-top:20px;height:100px;}
.sc25-lie { font-size:22px;line-height:30px;color:#000;display:flex;justify-content:center;align-items:center;}
.sc25-lie:nth-child(1) {width:14.28%;}
.sc25-lie:nth-child(2) {width:50%;}
.sc25-lie:nth-child(3) {width:20%;}
@media (max-width: 1920px) {	
.sc25-out { padding: 12px 0; margin-top: 16px}
.sc25-name { padding: 10px 0;}
.sc25-name-left { font-size:30px; line-height:42px; padding-left: 30px;}
.sc25-name-img { margin-right: 20px;}
.sc25-tou { padding: 20px 0;}
.sc25-lie { font-size: 20px;}
.sc25-lie:nth-child(1) { width: 22%;}
.sc25-lie:nth-child(2) { width: 55%; text-align: center;}
.sc25-lie:nth-child(3) { width: 23%;}
.sc25-hang { height: 50px;}
}
@media (max-width: 1280px) {
.sc25-name { padding: 0;}
.sc25-name-left { font-size:24px;}
.sc25-lie { font-size: 18px;}
}
@media (max-width: 768px) {
.sc25-name-left { font-size: 20px;}
.sc25-lie { font-size: 15px; line-height: 1.2; text-align: center;}
} .sc31-dbg {position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;opacity:0.4;display:flex;justify-content:center;align-items:center;z-index:999;display:none;}
.sc31-out {width:900px;height:900px;position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;z-index:999;display:none;}
.sc31-xbg {width:100%;height:100%;}
.sc31-xbg img.mobile {display:none;}
.sc31 {position:absolute;top:0;left:0;width:100%;height:100%;}
.sc31-name { color:#005dd8; font-size:50px; line-height:58px; text-align:right; margin-top:60px; box-sizing:border-box; padding-right:70px;}
.sc31-con { width:75.55%; position:absolute; top:200px; left:151px;}
.sc31-part { margin-bottom:20px;}
.sc31-part-name {color:#000528;font-size:16px;line-height:22px;}
.sc31-con .wpcf7 {width:100%;}
.sc31-con .wpcf7 form {width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.sc31-part-input {background:#f6f6f6;height:40px;box-sizing:border-box;padding:0 19px;margin-top:5px;width:100%;}
.sc31-part-input p { width:100% !important; height:100% !important; margin-bottom: 0;}
.sc31-part-input span {width:100% !important;height:100% !important;display:block;}
.sc31-part-input input {outline:none;border:none;width:100% !important;height:100% !important;font-size:16px;background:#f6f6f6;}
.sc31-part-input input::placeholder {color:#000528;}
.sc31-part1 { width:48%; position:relative;}
.sc31-part1 .sc31-part-select {position:absolute;width:100%;background:#f6f6f6;color:#000528;font-size:16px;z-index:998;display:none;}
.sc31-part1 .sc31-part-select-item {margin:13px 0;padding:0 19px;cursor:pointer;}
.sc31-part1 .sc31-part-select-item:hover {color:#005dd8;font-weight:bold;}
.sc31-part1 .sc31-part-xia {width:11px;height:11px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 0.3s;}
.sc31-part1 .sc31-part-xia p {height:100%;width:100%;display:flex;justify-content:center;align-items:center;}
.sc31-part-xia-active {transform:rotate(180deg);}
.sc31-part-select-item-active {color:#005dd8;font-weight:bold;}
.sc31-part1 .sc31-part-input {display:flex;align-items:center;justify-content:space-between;align-items:center;}
.sc31-part1 p input {pointer-events:none;background:#f6f6f6;}
.sc31-part1 .sc31-part-select {position:absolute;width:100%;background:white;color:#000528;font-size:16px;z-index:998;display:none;box-sizing:border-box;padding-right:8px;}
.sc31-part1 .sc31-part-select-scroll {overflow-y:scroll;height:300px;box-sizing:border-box;}
.sc31-part1 .sc31-part-select-scroll::-webkit-scrollbar {width:8px;background:white;}
.sc31-part1 .sc31-part-select-scroll::-webkit-scrollbar-thumb {background-color:#005dd8;}
.sc31-part-select-sort-name {font-size:16px;line-height:20px;}
.sc31-part-select-sort-sub {box-sizing:border-box;padding-left:10px;}
.sc31-part-select-sub-name {font-size:16px;line-height:20px;}
.sc31-part-select-sort-sub-wz {box-sizing:border-box;padding-left:10px;}
.sc31-part2 {width:48%;}
.sc31-part3 {width:48%;}
.sc31-part4 {width:48%;}
.sc31-part5 {width:48%;}
.sc31-part5 .sc31-part-select {position:absolute;width:100%;background:#f6f6f6;color:#000528;font-size:16px;z-index:998;display:none;box-sizing:border-box;padding-right:8px;}
.sc31-part5 .sc31-part-select-scroll {overflow-y:scroll;height:300px;box-sizing:border-box;}
.sc31-part5 .sc31-part-select-scroll::-webkit-scrollbar {width:8px;background:white;}
.sc31-part5 .sc31-part-select-scroll::-webkit-scrollbar-thumb {background-color:#005dd8;}
.sc31-part5 .sc31-part-select-item {margin:13px 0;padding:0 19px;cursor:pointer;}
.sc31-part-select-item-active {color:#005dd8;font-weight:bold;}
.sc31-part5 .sc31-part-select-item:hover {color:#005dd8;font-weight:bold;}
.sc31-part5 .sc31-part-xia {width:11px;height:11px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 0.3s;}
.sc31-part5 .sc31-part-xia p {height:100%;width:100%;display:flex;justify-content:center;align-items:center;}
.sc31-part-xia-active {transform:rotate(180deg);}
.sc31-part5 .sc31-part-input {display:flex;align-items:center;justify-content:space-between;align-items:center;}
.sc31-part5 p input { }
.sc31-part5 p input::placeholder {color:#000528;}
.sc31-part6 {width:48%;}
.sc31-part7 {width:48%;}
.sc31-part8 {width:100%;}
.sc31-part8 .sc31-part-input {height:75px;padding:18px;}
.sc31-part8 textarea {outline:none;border:none;width:100% !important;height:100% !important;font-size:16px;background:#f6f6f6;}
.sc31-part9 {display:none;}
.sc31-part10 {display:flex;width:100%;justify-content:flex-end;}
.sc31-part10 p {width:150px;line-height:26px;height:26px;text-align:center;position:relative;display:flex;align-self:center;box-sizing:border-box;border:1px solid #005dd8;color:#005dd8;transition:all 0.3s;background:white;}
.sc31-part10 .wpcf7-spinner {position:absolute;}
.sc31-part10 p input {outline:none;border:none;width:100%;height:100%;font-size:17px;cursor:pointer;background-color:white;appearance:none;-webkit-appearance:none;border-radius:0;}
.sc31-part11 {width:54.41%;}
.sc31-part11 .sc31-part-input {height:85px;width:100%;padding:0 !important;background:white;}
.sc31-part11 .sc31-part-input>p {height:100%;width:100%;}
.sc31-part11 .sc31-part-input>p>span {height:100%;width:100%;display:block;}
.sc31-part11 .sc31-part-input>p>span>span {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.sc31-part11 .wpcf7-list-item {float:left;height:auto !important;width:auto !important;margin-left:0 !important;margin-right:16px;margin-bottom:8px;}
.sc31-part11 .wpcf7-list-item input {height:12px !important;width:12px !important;margin-right:5px;border:1px solid #005dd8 !important;outline:none;display:inline-block !important;}
.sc31-part11 .wpcf7-list-item span {color:#000528;font-size:16px;display:inline-block !important;height:auto !important;width:auto !important;}
.sc31-con .wpcf7 form .wpcf7-response-output {color:#000;border:none;margin:1.5em 0.5em 1em;}
.sc31-close {width:50px;height:50px;position:absolute;right:0;top:0;cursor:pointer;z-index:998;}
.sc31-box {background:red;width:120px;height:60px;}
@media (max-width: 768px) {
.sc31-xbg img.desktop {display:none;}
.sc31-xbg img.mobile {display:block;}
.sc31-close { width: 40px; height: 40px;}
.sc31-out { width: 96%; height: auto; top: 10%;}
.sc31-name { font-size: 24px; padding-right: 40px; margin-top: 40px;}
.sc31-con { left: 60px; top: 120px; width: 80%;}
.sc31-con-cpms {font-size: 14px;}
.sc31-part { margin-bottom: 10px; width: 48%;}
.sc31-part-name {font-size: 14px;}
.sc31-part-name p { margin-bottom: 0;}
.sc31-part-input p { margin-bottom: 0;}
.sc31-part-input input { font-size: 14px;}
.sc31-part1 { width: 100%;}
.sc31-part8 { width: 100%;}
.sc31-part8 .sc31-part-input { height: 90px; padding: 15px;}
.sc31-part10 { justify-content: center; width: 100%;}
.sc31-part10 p { margin-bottom: 0; border: none; height: auto; line-height: normal; color: #fff; background: none; width: 50%;}
.sc31-part10 p input { background: var(--brand-primary); color: #fff; font-size: 14px; line-height: 2; margin-top: 20px;}
} .sc26-out { background:#f5f5f5; padding-top: 70px; padding-bottom:85px;}
.sc26-name { width: 94%; margin: 0 auto; font-size:74px; color:var(--brand-primary); margin-bottom:72px;}
.sc26-name p { margin-bottom: 0;}
.sc26-name p::after { content: ""; display: inline-block; width: 9px; height: 9px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 6px;}
.sc26 { width: 94%; margin: 0 auto; display:flex; justify-content:space-between;}
.sc26-item { position:relative; width:28%; cursor:pointer;}
.sc26-item-img { background-size: 100% !important;}
.sc26-item1 {color:#fff;}
.sc26-item2 .sc26-item-con-part1 {color:var(--brand-primary);}
.sc26-item2 .sc26-item-con-part2 {color:var(--brand-primary);}
.sc26-item3 .sc26-item-con-part1 {color:var(--brand-primary);}
.sc26-item3 .sc26-item-con-part2 {color:#fff;}
.sc26-item-con { position:absolute;top:0;left:0;width:100%;height:100%;}
.sc26-item-con-part1 { font-size:26px; line-height:24px; position:absolute; top:50px; left:35px; color:var(--brand-primary);}
.sc26-item-con-part2 { font-size:48px; line-height:50px; position:absolute; top:32px; color:#fff; right:32px; text-align:right; font-weight: 300;}
.sc26-item-con-part3 { font-size:32px; line-height:38px; position:absolute; bottom:6%; right:32px; text-align:right; transform:translateY(50%); font-weight: 500; color: var(--brand-primary);}
@media (max-width: 1920px) {
.sc26-out { padding-top: 100px; padding-bottom: 105px;}
.sc26-name { font-size:62px; margin-bottom: 50px;}
.sc26-item-con-part1 { font-size: 16px; top: 20px; left: 20px;}
.sc26-item-con-part2 { font-size: 30px; font-weight: 300; line-height: 35px; top: 20px; right: 20px;}
.sc26-item-con-part3 { font-size: 20px; right: 20px;}
}
@media (max-width: 1420px) {
.sc26-name,.sc26 { width: 100%;}
}
@media (max-width: 1280px) {
.sc26-out { padding-top: 60px; padding-bottom: 50px;}
.sc26-name { font-size:42px; margin-bottom: 25px;}
.sc26-name p::after { width: 8px; height: 8px;}
.sc26-item-con-part1 { font-size: 15px; top: 15px; left: 15px;}
.sc26-item-con-part3 {  font-size: 16px;  right: 15px;}
}
@media (max-width: 768px) {
.sc26-name { font-size:34px; margin-bottom: 15px;}
.sc26-name p::after { width: 6px; height: 6px; margin-bottom: -3px;}
.sc26 { flex-wrap: wrap;}
.sc26-out { padding-bottom: 40px;}
.sc26-item { width: 47%; margin-bottom: 20px;}
.sc26-item-con-part1 { font-size: 10px; top: 7px; left: 10px;}
.sc26-item-con-part2 { font-size: 18px; line-height: 1; top: 10px; right: 12px;}
.sc26-item-con-part3 { font-size: 12px; right: 10px;}
} .sc27-out { padding-bottom:170px; background:#f5f5f5}
.sc27-name { width: 94%; margin: 0 auto; font-size:72px; color:var(--brand-primary); margin-bottom:75px; text-align:right;}
.sc27-name p { margin-bottom: 0;}
.sc27-name p::after { content: ""; display: inline-block; width: 9px; height: 9px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 6px;}
.sc27 { width: 94%; margin: 0 auto; display:flex; justify-content:space-between;}
.sc27-item { width:15%; position:relative;}
.sc27-item-img {position:relative;}
.sc27-item-img2 {position:absolute;top:0;left:0;opacity:0;transition:all 0.3s;}
.sc27-item:hover .sc27-item-img2 {opacity:1;}
.sc27-item-con {position:absolute;top:0;left:0;height:100%;width:100%;}
.sc27-item-con-part1 { position:absolute; top:24px; left: 24px; color:#fff; font-size:36px; line-height:1.2;}
.sc27-item-con-part1 p { margin-bottom: 0;}
@media (max-width: 1920px) {
.sc27-out { padding-bottom: 120px;}
.sc27-name { font-size:62px; margin-bottom: 40px;}
.sc27-item { width: 15%;}
.sc27-item-con-part1 { font-size:24px; line-height: 1.3;}
}
@media (max-width: 1420px) {
.sc27-name,.sc27 { width: 100%;}
}
@media (max-width: 1280px) {
.sc27-out { padding-bottom: 80px;}
.sc27-name { font-size:42px; margin-bottom: 20px;}
.sc27-name p::after { width: 8px; height: 8px;}
.sc27-item-con-part1 { font-size:18px; line-height: 1.2; top: 12px; left: 12px;}
}
@media (max-width: 768px) {
.sc27-out { padding-bottom: 60px;}
.sc27-name { font-size:34px; margin-bottom: 15px; text-align: left;}	
.sc27-name p::after { width: 6px; height: 6px; margin-bottom: -3px;}
.sc27 { flex-wrap: wrap;}
.sc27-item { width: 30%; margin-bottom: 20px;}
.sc27-item-con-part1 { font-size:14px; top: 8px; left: 18px;}
} .sc28-out { padding:170px 0 160px; background:url(//www.harogic.cn/wp-content/themes/enharogic/skin/images/product_show_hotpro_bg.png) no-repeat center #000; background-size:cover;}
.sc28-name { text-align: left;}
.sc28 { position:relative; box-sizing:border-box; padding:0 5%;}
.m_sc28 { display: none;}
.sc28-out .swiper-slide {display:flex;justify-content:center;align-items:center;}
.sc28-out .swiper-button-prev {height:77px;width:55px; border-radius:none;}
.sc28-out .swiper-button-next {height:77px;width:55px; border-radius:none;}
.sc28-out .swiper-button-prev:after {display:none;}
.sc28-out .swiper-button-next:after {display:none;}
.sc28-slide-img { width:400px; margin-bottom: 40px;}
.sc28-slide-con { display:flex; justify-content:center; align-items:center; margin-bottom: 10px;}
.sc28-slide-con-img { width:90px; margin-right:10px;}
.sc28-slide-con h3 { color: var(--brand-primary); font-size: 36px; font-weight: 500; margin-bottom: 0;}
.sc28-slide-con-type { color:#fff; font-size: 40px; font-weight: 300; text-align: center;}
.sc28-slide-con-type p span { font-weight: bold; margin-right: 10px;}
.sc28-slide-a { margin-top:60px; display:flex; justify-content:center; align-items:center; width:100%; position:relative;}
.sc28-slide-a div { width:246px; line-height:54px; font-size: 24px; background: var(--brand-primary); text-align:center; color:#fff; cursor:pointer;position:relative;}
.sc28-slide-a div span { position:relative; z-index:12; }
.sc28-slide-a div p { position:absolute; z-index:10; height:100%; width:0; background:var(--brand-primary); top:0; left:0; transition:all 0.3s;}
.sc28-slide-a:hover p { width:100% !important; margin-bottom: 0;}
.sc20-quote span {position:relative;z-index:12;}
.sc14-contact span {position:relative;z-index:12;}
.sc14-contact p {position:relative;z-index:10;height:32px;width:0;background:var(--brand-primary);top:-30px;left:0;transition:all 0.3s;}
.sc14-contact:hover p {width:100% !important;}
.sc14-contact:hover {color:#fff;}
.sc20-quote p {position:relative;z-index:10;height:40px;width:0;background:var(--brand-primary);top:-40px;left:0;transition:all 0.3s;}
.sc20-quote:hover p {width:100% !important;}
@media (max-width: 1920px) {
.sc28-out { padding:110px 0 150px;}
.sc28-name {margin-bottom: 60px;}
.sc28-slide-img { width: 310px; margin-bottom: 0;}
.sc28-slide-con { margin-bottom: 5px;}
.sc28-slide-con-img { width: 74px; margin-right: 18px;}
.sc28-slide-con h3 { font-size: 26px;}
.sc28-slide-con-type { font-size: 30px;}
.sc28-slide-a { margin-top: 50px;}
.sc28-slide-a div { font-size: 16px; line-height: 36px; width: 166px;}	
}
@media (max-width: 768px) {	
.sc28-out { padding: 60px 0 10px;}
.sc28-name { margin-bottom: 50px;}
.sc28 { display: none;}
.m_sc28 { display: block;}
.m_sc28_item { display: flex; justify-content: space-between; margin-bottom: 40px;}
.m_sc28_item_img { width: 40%;}
.m_sc28_item_text { width: 55%;}
.m_sc28_item_text h3 { color: var(--brand-primary); font-size: 18px; font-weight: 500; display: flex; align-items: center; margin-bottom: 8px; justify-content: center;}
.m_sc28_item_text h3 i { margin-right: 5px;}
.m_sc28_item_text h3 i img { width: 35px;}
.m_sc28_item_text p { color:#fff; font-size: 18px; font-weight: 300; text-align: center; margin-bottom: 0;}
.m_sc28_item_text p span { font-weight: bold; margin-right: 10px;}
.m_sc28_item_text .sc28-slide-a { font-size: 16px; margin: 0 auto; margin-top: 10px; background: var(--brand-primary); color: #fff; width: 90%; line-height: 2.2;}
} .cooperation_page_title { margin-top: 160px; margin-bottom: 110px; font-size: 72px;}
.cooperation_page_title p { margin-bottom: 0; color: var(--brand-primary);}
.cooperation_page_title p::after { content: ""; display: inline-block; width: 9px; height: 9px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 6px;}
.coo-list { padding-bottom: 12.5rem; }
.coo-list .cooperation_list_item:first-child { padding-left: 0;}
.coo-list .cooperation_list_item:nth-child(2) { padding-right: 0;}
.coo-list .cooperation_list_item:nth-child(3) { padding-left: 0;}
.coo-list .cooperation_list_item:first-child .cooperation_list_img { position: relative;}
.coo-list .cooperation_list_item:first-child .cooperation_list_img::after { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: clamp(120px, 5.78125vw, 134px); height: clamp(120px, 5.78125vw, 134px); background: var(--brand-primary); transform: translate(100%, 100%);}
.coo-list .cooperation_list_item:first-child .cooperation_list_more { bottom: 10%;}
.coo-list .cooperation_list_item:nth-child(4) { padding-right: 0;}
.coo-list .cooperation_list_item:nth-child(4) .cooperation_list_img { width: 45%;}
.cooperation_list_item { display:flex; justify-content:space-between;}
.cooperation_list_text { width: 38.5%; position: relative;}
.cooperation_list_text_two { width: 43.5%;}
.cooperation_list_textbox { position: absolute; top: 50%; transform: translateY(-50%);}
.cooperation_list_text h2 { font-size: 46px; margin-bottom: 40px; font-weight: 500; line-height: 1.4;}
.cooperation_list_text h2 a:hover { color: var(--brand-primary);}
.cooperation_list_text p { font-size: 22px; text-align: justify; margin-bottom: 0; line-height: 1.8; word-break: break-all;}
.cooperation_list_img { width: 50.5%;}
.cooperation_list_more { display: flex; color: #0f0f0f; align-items: center; font-size: clamp(18px, 0.859vw, 22px); font-weight: 500; position: absolute; bottom: 10%; right: 0;}
.cooperation_list_more i {margin-right: 10px;}
.cooperation_list_text_two .cooperation_list_more { left: 0; bottom: 10%;}
.coo-list .cooperation_list_item:nth-child(2) .cooperation_list_img { width: 45%;}
@media (max-width: 2400px) {
.cooperation_list_text h2 { font-size: 46px;}
.cooperation_list_text p { font-size: 22px;}
.coo-list .cooperation_list_item:first-child .cooperation_list_img::after { width: 128px; height: 128px;}
}
@media (max-width: 1920px) {
.cooperation_page_title { font-size: 62px; margin-top: 110px; margin-bottom: 100px;}
.cooperation_list_img { width: 50%;}	
.cooperation_list_text { width: 37.5%;}
.cooperation_list_text_two { width: 45%;}
.cooperation_list_text h2 { font-size: 36px; margin-bottom: 35px;}
.cooperation_list_text p { font-size: 20px; letter-spacing: .3px; line-height: 1.7;}
.coo-list { padding-bottom: 150px;}
.coo-list .cooperation_list_item:first-child .cooperation_list_img::after { width: 110px; height: 110px;}
.coo-list .cooperation_list_item:nth-child(2) .cooperation_list_img { width: 45%;}
.cooperation_list_text_two .cooperation_list_textbox { transform: translateY(-61%);}
}
@media (max-width: 1600px) {
.cooperation_page_title { font-size: 52px; margin-top: 100px; margin-bottom: 80px;}
.coo-list .cooperation_list_item:first-child .cooperation_list_img::after { width: 80px; height: 80px;}
.coo-list .cooperation_list_item:nth-child(2) .cooperation_list_img { width: 42.5%;}
.coo-list .cooperation_list_item:nth-child(4) .cooperation_list_img { width: 42.5%;}
.cooperation_list_text h2 { font-size: 32px; margin-bottom: 20px;}
.cooperation_list_text p { font-size: 18px;}
.cooperation_list_more { font-size: 18px;}
}
@media (max-width: 1439px) {
.coo-list { padding-bottom: 120px;}
.cooperation_page_title { font-size: 46px; margin-top: 80px; margin-bottom: 60px;}
.coo-list .cooperation_list_item:first-child .cooperation_list_img::after { width: 60px; height: 60px;}
.cooperation_list_text h2 { font-size: 26px; margin-bottom: 15px; line-height: 1.2;}
.cooperation_list_text p { font-size: 16px; line-height: 1.5;}
.cooperation_list_more { font-size: 16px;}
}
@media (max-width: 1280px) {
.coo-list { padding-bottom: 80px;}
.cooperation_page_title { font-size: 42px;}
.cooperation_page_title p::after { width: 8px; height: 8px; margin-left: 6px;}
.cooperation_list_text h2 { font-size: 24px; margin-bottom: 10px;}
.cooperation_list_text p { font-size: 15px; line-height: 1.4;}
}
@media (max-width: 768px) {
.coo-list { padding-bottom: 70px;}
.cooperation_page_title { font-size: 36px; margin-top: 60px; margin-bottom: 40px;}
.cooperation_page_title p::after { width: 6px; height: 6px; margin-bottom: -3px;}
.cooperation_list_item { flex-wrap: wrap; margin-bottom: 60px;}
.cooperation_list_img { width: 100%; margin-bottom: 60px;}
.cooperation_list_text { width: 100%;}
.cooperation_list_text h2 { font-size: 20px; margin-bottom: 20px; line-height: 1.4;}
.cooperation_list_textbox {position: unset; transform: translateY(0);}
.cooperation_list_text_two .cooperation_list_textbox { transform: none; transform: translateY(0);}	
.coo-list .cooperation_list_item:first-child,
.coo-list .cooperation_list_item:last-child { padding-right: 0;}
.coo-list .cooperation_list_item:first-child .cooperation_list_img,
.coo-list .cooperation_list_item:last-child .cooperation_list_img { padding-right: 40px;}
.coo-list .cooperation_list_item:first-child .cooperation_list_img::after { display: none;}
.coo-list .cooperation_list_item:first-child .cooperation_list_text,
.coo-list .cooperation_list_item:last-child .cooperation_list_text { margin-left: 40px; padding-right: 5vw;}
.cooperation_list_text p { line-height: 1.6;}
.cooperation_list_more { position: unset; margin-top: 60px; font-size: 15px;}
.cooperation_list_more i { margin-right: 5px;}
.cooperation_list_more i img { width: 80%;}
.coo-list .cooperation_list_item:nth-child(2) { padding-left: 40px;}
.coo-list .cooperation_list_item:nth-child(2) .cooperation_list_img { width: 100%; position: relative; margin-bottom: 70px;}
.coo-list .cooperation_list_item:nth-child(2) .cooperation_list_img::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; background: var(--brand-primary); transform: translate(-100%, 100%); width: 40px; height: 40px;}
.coo-list .cooperation_list_item:last-child { margin: 0;}
.cooperation_list_text_two { order: 2; padding-right: 5vw;}	
.coo-list .cooperation_list_item:nth-child(3) .cooperation_list_text { padding-left: 5vw;}
.coo-list .cooperation_list_item:nth-child(4) .cooperation_list_img { padding-right: 0; width: 100%;}
.coo-list .cooperation_list_item:nth-child(4) .cooperation_list_text { padding-right: 5vw; margin-left: 0;}
} .cooperation_show { padding-top: 180px; padding-bottom: 12rem; }
.cooperation_show_box { margin: 0 auto;}
.cooperation_show_title { font-size: clamp(34px, 1.796875vw, 46px); margin-top: 0; margin-bottom: 52px; font-weight: 500; line-height: 3rem; color: var(--brand-primary);}
.cooperation_show_date { color: #888; font-size: 16px; margin-bottom: 90px; line-height: 1;}
.cooperation_show_date span:nth-child(2) { display: inline-flex; align-items: center; margin-left: 120px;}
.cooperation_show_date span:nth-child(2) i { margin-right: 5px;}
.cooperation_show_content { color: #000; font-weight: normal; font-size: calc(14px + 0.06rem);}
.cooperation_show_content h6 { color:#000; font-size:clamp(16px, 0.859vw, 22px); line-height:1.6; margin-bottom:40px; text-align:justify; letter-spacing: 0.29px; font-weight: 300;}
.cooperation_show_content h6:last-child { margin-bottom: 0;}
.cooperation_show_content img { max-width: 100%;}
.cooperation_show_content h5 { font-size:36px; font-weight:500; margin-bottom: 30px; margin-top: 90px; display: flex; align-items: center;}
.cooperation_show_content h5 span { margin-right: 10px; width: 12px; height: 12px; background: var(--brand-primary);}
.cooperation_show_content h4 { font-size:22px; font-weight: 500; color: var(--brand-primary); border-bottom: 2px var(--brand-primary) solid; display: inline;}
.cooperation_show_content h6.news_two_photo { display: flex;}
.cooperation_show_content h6.news_two_photo img { width: 50%; margin-top: 0; margin-bottom: 0;}
.cooperation_show_content h6 img:first-child { margin-right: 10px;}
.cooperation_show_foot { display: flex; justify-content: space-between; align-items: center; font-size: 22px; font-weight: 500; margin-top: 160px;}
.cooperation_show_back { cursor: pointer; display: flex; align-items: center;}
.cooperation_show_back a { display: flex; align-items: center;}
.cooperation_show_back img { width: auto; margin-right: 15px;}
.cooperation_show_next div.detail-up.noempty::before { content: "Previous : ";}
.cooperation_show_next div.detail-down.noempty::before {content: "Next- ";}
@media (max-width: 1920px) {
.cooperation_show { padding-top: 120px; padding-bottom: 145px;}	
.cooperation_show_title { font-size: 34px; margin-bottom: 15px;}
.cooperation_show_date { font-size: 12px;}
.cooperation_show_date span:nth-child(2) { margin-left: 100px;}
.cooperation_show_date span:nth-child(2) i { width: 26%;}
.cooperation_show_content h5 { font-size: 26px; margin-top: 50px;}
.cooperation_show_content h6 { font-size: 20px; line-height: 1.7;}
.cooperation_show_content h4 { font-size: 16px;}
.cooperation_show_content img { margin-bottom: 50px;}
.cooperation_show_foot { font-size: 20px; margin-top: 45px;}
}
@media (max-width: 1280px) {
.cooperation_show { padding-top: 90px; padding-bottom: 90px;}
.cooperation_show_title { font-size: 28px; margin-bottom: 15px;}
.cooperation_show_date { margin-bottom: 50px;}
.cooperation_show_content h5 { font-size: 20px; margin-bottom: 10px; margin-top: 40px;}
.cooperation_show_content h5 span { width: 8px; height: 8px; margin-top: 0;}
.cooperation_show_content h6 { font-size: 15px; margin-bottom: 30px; line-height: 1.6;}
.cooperation_show_content h4 { font-size: 15px;}
.cooperation_show_foot { font-size: 15px;}
}
@media (max-width: 768px) {
.cooperation_show { padding-top: 90px; padding-bottom: 90px;}
.cooperation_show_title { font-size: 26px; line-height: 1.3; margin-bottom: 25px;}
.cooperation_show_date { margin-bottom: 60px;}
.cooperation_show_content h5 { font-size: 18px; margin-bottom: 15px; margin-top: 40px; align-items: flex-start;}
.cooperation_show_content h5 span { width: 8px; height: 5px; margin-top: 5px;}
.cooperation_show_content h6 { font-size: 15px; margin-bottom: 20px;}
.cooperation_show_content h4 { font-size: 15px;}
.cooperation_show_foot { font-size: 15px;  margin-top: 70px;}
} .download_page { padding-top: 180px; padding-bottom: 180px;}
.sc19-search { height:50px; display:flex; justify-content:space-between; align-items:center; margin-bottom: 160px;}
.sc19-search-num { font-size:38px; line-height:42px; color:var(--brand-primary); width: 22%; font-weight: 500;}
.sc19-search-form { display:flex;justify-content:flex-start;align-items:center; width: 75%;}
.sc19-search-form input {}
.sc19-search-title-box {box-sizing:border-box;outline:none;padding:0 20px;list-style:none;height:50px;width:414px;position:relative;cursor:pointer;width: 100%; background: #e3e3e3;}
.sc19-search-title-box:hover .sc17-category-list {display:block;}
.sc19-search-title-box-result {color:#c2c2c2;font-size:26px;line-height:50px; font-weight: 500;}
.sc19-search-form:hover .sc19-category-list {display:block;}
.sc19-category-list {position:absolute;top:50px;left:0;background:#f6f6f6;font-size:26px;line-height:32px;color:#000528;display:none;box-sizing:border-box;padding:10px 0px 10px 20px;height:220px;}
.sc19-icon {width:8px;height:16px;display:inline;}
.sc19-category-item:hover .sc19-subcategory-list {display:block;}
.sc19-category-item {line-height:50px;width:390px;background:#f6f6f6;}
.sc19-subcategory-list {position:absolute;top:0;left:100%;background:#f6f6f6;width:375px;height:220px;display:none;box-sizing:border-box;padding:10px 0px 10px 20px;}
.sc19-subcategory-item {}
.sc19-subcategory-item:hover .sc19-post-list {display:block;}
.sc19-post-list {position:absolute;top:0;left:100%;background:#f6f6f6;width:250px;display:none;height:220px;box-sizing:border-box;padding:10px 0px 10px 20px;}
.cunzhi:hover {color:var(--brand-primary);font-weight:bold;}
.cunzhi-active {color:var(--brand-primary);font-weight:bold;}
.sc19-search-form-submit {border:none;outline:none;height:50px;width:50px;cursor:pointer;display:inline-block;}
.sc19-item-name {font-size:45px;color:var(--brand-primary);margin-top:80px;border-bottom:1px solid var(--brand-primary);margin-right:140px;padding-bottom:15px;}
.sc19 {display:flex;justify-content:space-between;}
.sc19-left { width:22%;}
.sc19-left-img {position:relative;}
.sc19-left-img2 {position:absolute;top:0;left:0;opacity:0;transition:all 0.3s;}
.sc19-left-item {position:relative;margin-bottom:36px;cursor:pointer;width:280px;height:280px;}
.sc19-back {height:53px;margin-top:17px;margin-bottom:59px;font-size:20px;color:var(--brand-primary);display:flex;align-items:center;visibility:hidden;}
.sc19-left-con { position:absolute; width:100%; height:100%; display:flex; justify-content:space-between;flex-direction:column;top:0;left:0;color:#fff;box-sizing:border-box;padding:13.5px 17px;}
.sc19-left-con p { font-size:28px; text-align:right; margin-top: 10px; margin-right: 12px;}
.sc19-left-con span { font-size:46px; font-weight: 500;}
.sc19-right { width: 75%;} .sc19-item-con::-webkit-scrollbar {width:16px;background:white;position:absolute;left:0;}
.sc19-item-con::-webkit-scrollbar-thumb {background-color:var(--brand-primary);}
.sc19-item-con-scroll {box-sizing:border-box;}
.sc19-item-con .sc19-item-list:first-child { padding-top: 0;}
.sc19-item-list { display:flex; justify-content:flex-start; align-items:center; box-sizing:border-box; border-bottom:1px solid #b5b5b5; padding-bottom: 50px; padding-top: 50px;}
.sc19-item-list-img { width:92px; flex-shrink:0; margin-right: 60px;}
.sc19-item-list-right h5 { font-size:36px; font-weight:normal; color: #000528; font-weight: 500;}
.sc19-item-list-right p {font-size:20px;color:#000528;margin:15px 0 20px; display: none;}
.sc19-item-list-right span { font-size:22px; color:#7c7d82; font-weight: 500;}
@media (max-width: 1920px) {
.download_page { padding-top: 120px; padding-bottom: 150px;}
.sc19-search { margin-bottom: 110px;}
.sc19-search-title-box { height: 40px;}
.sc19-search-form-submit { width: 40px; height: 40px;}
.sc19-search-num { font-size: 30px;}
.sc19-search-title-box-result { font-size: 20px; line-height: 40px;}
.sc19-category-list { top:40px; font-size: 20px;}
.sc19-subcategory-list { left: 35%;}
.sc19-post-list { left: 40%;}
.sc19-left-item { width: 220px; height: 220px; margin-bottom: 25px;}
.sc19-left-con p { font-size: 26px;}
.sc19-left-con span { font-size: 40px;}
.sc19-search-form,.sc19-right { width: 76%;}
.sc19-item-list-right h5 { font-size: 30px;}
.sc19-item-list-right span { font-size: 16px;}
.sc19-item-list { padding-bottom: 33px; padding-top: 33px;}
.sc19-item-list-img { width: 72px;}
}
@media (max-width: 1600px) {
.sc19-left-item { width: 190px; height: 190px; margin-bottom: 15px;}
.sc19-left-con p { font-size: 22px;}
.sc19-left-con span { font-size: 34px;}
.sc19-item-list { padding-bottom: 25px; padding-top: 25px;}
.sc19-item-list-img { width: 62px; margin-right: 40px;}
.sc19-item-list-right h5 { font-size: 24px;}
}
@media (max-width: 1380px) {
.sc19-left-item { width: 160px; height: 160px; margin-bottom: 15px;}
.sc19-left-con p { font-size: 18px; margin-top: 8px; margin-right: 8px;}
.sc19-left-con span { font-size: 24px;}
.sc19-item-list-img { width: 50px; margin-right: 30px;}
.sc19-item-list-right h5 { font-size: 20px;}
}
@media (max-width: 1280px) {
.download_page { padding-top: 80px; padding-bottom: 80px;}
.sc19-search {  margin-bottom: 80px;}
.sc19-left-item { width: 140px; height: 140px; margin-bottom: 15px;}
.sc19-left-con p { font-size: 18px; margin-top: 8px; margin-right: 8px;}
.sc19-left-con span { font-size: 24px;}
}
@media (max-width: 768px) {
.download_page { padding-top: 60px; padding-bottom: 60px;}
.sc19-search { flex-wrap: wrap; margin-bottom: 60px;}
.sc19-search-title-box-result { font-size: 16px; line-height: 40px;}
.sc19-search-num { width: 100%; margin-bottom: 15px; display: none;}
.sc19-search-form { width: 100%;}
.sc19-search-form:hover .sc19-category-list { z-index: 999;font-size: 16px;}
.sc19-category-item {  width: 90%; min-width: 85vw;}
.sc19-subcategory-list { left: 25%;}
.sc19-search-form-submit img { height: 40px; width: 40px;}
.sc19 { flex-wrap: wrap;}
.sc19-left { width: 100%; display: flex; flex-wrap: wrap; gap: 2.5%; margin-bottom: 50px;}
.sc19-left-item { width: 31.5%; height: auto;}
.sc19-left-con p { font-size: 14px; margin: 0;}
.sc19-left-con span { font-size: 20px;}
.sc19-right { width: 100%;}
.sc19-item-list { padding-bottom: 25px; padding-top: 25px; align-items: flex-start; border-bottom: 1px solid #dedede;}
.sc19-item-list-img { width: 40px; margin-right: 15px;}
.sc19-item-list-right h5 { font-size: 16px; margin-bottom: 5px;}
.sc19-item-list-right span { font-size: 12px;}
} .sc32-out { padding-top:180px; padding-bottom: 200px;}
.sc32-item-list { display:flex; justify-content:flex-start; align-items:center; box-sizing:border-box; border-bottom:1px #c3c3c3 solid; padding-bottom: 60px;}
.sc32-item-list-img { width:96px; margin-right: 50px;}
.sc32-item-list-right h5 { font-size:38px; font-weight:500;}
.sc32-item-list-right span { font-size:22px;color:#7c7d82;}
.sc32-hang.sc32-tou { font-size:38px; font-family: 'HarmonyOS Sans SC'; font-weight: 500; height: 180px;}
.sc32-tou a {display:none;}
.sc32-hang { height:150px; display:flex; justify-content:space-between; align-items:center; font-size:28px; line-height:30px; color:#000528; box-sizing:border-box;}
.sc32-hang:nth-child(2n) { background:#f5f5f5;}
.sc32-hang .sc32-lie:nth-child(1) { width:30%; font-family: 'ESKlarheitGrotesk-Bd'; padding-left: 50px;}
.sc32-hang .sc32-lie:nth-child(2) { width:30%; font-family: 'ESKlarheitGrotesk-Rg';}
.sc32-hang .sc32-lie:nth-child(3) { width:30%; font-family: 'ESKlarheitGrotesk-Rg';}
.sc32-hang .sc32-lie:nth-child(4) { width:10%; font-family: 'ESKlarheitGrotesk-Rg';}
.sc32-lie a { color:var(--brand-primary);}
@media (max-width: 1920px) {
.sc32-out { padding-top:130px; padding-bottom: 150px;}
.sc32-item-list-img { width:70px; margin-right: 40px;}
.sc32-item-list-right h5 { font-size:30px;}
.sc32-item-list-right span { font-size:16px;}
.sc32-hang.sc32-tou { font-size:30px; height: 135px;}
.sc32-hang.sc32-tou .sc32-lie { font-weight: 500;}
.sc32-hang { height:105px; font-size:20px;}
.sc32-hang .sc32-lie:nth-child(1) { padding-left: 40px;}
}
@media (max-width: 1600px) {
.sc32-out { padding-top:100px; padding-bottom: 120px;}
.sc32-item-list-img { margin-right: 30px;}
.sc32-item-list-right h5 { font-size:26px;}
.sc32-item-list-right span { font-size:16px;}
.sc32-hang.sc32-tou { font-size:26px; height: 120px;}
.sc32-hang { height:105px; font-size:18px;}
}
@media (max-width: 1280px) {	
.sc32-item-list { padding-bottom: 40px;}
.sc32-hang.sc32-tou { font-size:22px; height: 100px;}
.sc32-hang { height:85px; font-size:16px;}
.sc32-hang .sc32-lie:nth-child(1) { width: 35%; padding-left: 15px;}
.sc32-hang .sc32-lie:nth-child(4) { padding-right: 15px;}
}
@media (max-width: 768px) {
.sc32-out { padding-top:70px; padding-bottom: 70px;}
.sc32-item-list { padding-bottom: 20px; border-bottom: 1px #dedede solid;}
.sc32-item-list-img { width:60px; margin-bottom: 15px; margin-right: 15px;}
.sc32-item-list-right h5 { font-size:18px;}
.sc32-item-list-right span { font-size: 12px;}
.sc32-hang.sc32-tou { font-size: 16px; height: 80px;}
.sc32-hang { height:80px; font-size:14px;}
.sc32-hang .sc32-lie:nth-child(1) { width:40%; line-height: 1.5;}
.sc32-hang .sc32-lie:nth-child(2) { width:auto; font-size: 12px;}
.sc32-hang .sc32-lie:nth-child(3) { width:auto; font-size: 12px;}
.sc32-hang .sc32-lie:nth-child(4) { width:auto; font-size: 12px;}
.sc32-hang.sc32-tou .sc32-lie { font-size: 16px;}
} .support_box_1 { padding-top:170px;}
.support_page_title { font-size:72px; color:var(--brand-primary); display:flex; flex-direction:column; line-height: 1.26;}
.support_page_title p { margin-bottom: 0;}
.support_page_title p:nth-child(2)::after { content: ""; display: inline-block; width: 9px; height: 9px; background: var(--brand-primary); margin-bottom: -5px; margin-left: 4px;}
.support_box_1_item { display: flex; margin-top: 80px; padding-bottom: 120px;}
.support_box_1_item ul { padding: 0; margin: 0; width: 25%; text-align: center;}
.support_box_1_item ul span { display: flex; margin: 0 auto; width: 30%; margin-bottom: 30px;}
.support_box_1_item ul p { font-size: 30px; margin-bottom: 0;}
.support_box_2 { background: #f5f5f5; padding: 130px 0 140px; margin-bottom: 140px;}
.support_box_2 .sc10-out .sc10-out-2 {padding:104px 0;}
.support_box_2 .support_box_2_list { width: 95%; margin: 0 auto; margin-top:80px; display:flex; justify-content:space-between;}
.support_box_2_list_item { width: 30%; color: #fff; position: relative; cursor: pointer;}
.support_box_2_list_item_img { background-size: 100% !important;}
.support_box_2_list_item_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.support_box_2_list_item_title { font-size: 52px; line-height: 1.1; position: absolute; top: 40px; color: #fff; right: 40px; text-align: right; font-weight: 300;}
.support_box_2_list_item_more { font-size: 24px; line-height: 38px; position: absolute; bottom: 6%; right: 32px; text-align: right; transform: translateY(50%); font-weight: 500; color: var(--brand-primary);}
.support_box_3 { display: flex; justify-content: space-between; align-items: center; padding-left: 0;}
.support_box_3 .support_page_title { text-align: right; margin-bottom: 50px;}
.support_box_3 .support_page_title p:nth-child(2) { margin-right: 15px;}
.support_box_3 .support_box_img { position: relative; width: 45%;}
.support_box_3 .support_box_img::after {
content: "";
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 148px;
height: 148px;
background: var(--brand-primary);
transform: translate(100%, 100%);
}
.support_box_info { width: 38%;}
.support_box_text h3 { font-size: 36px; font-weight: bold; margin-bottom: 30px;}
.support_box_text h4 { font-size: 32px; font-weight: bold; margin-top: 50px; margin-bottom: 0;}
.support_box_text h4 span { margin-right: 20px;;}
.support_box_text ul { font-size: 22px; padding: 0; margin: 0;}
.support_box_text ul p { display: flex; align-items: center; margin-bottom: 6px; letter-spacing: 1px;}
.support_box_3 .support_box_text { text-align: right; }
.support_box_3 .support_box_text ul p {  justify-content: right;}
.support_box_3 .support_box_text ul p::after { content: ""; display: inline-block; width: 8px; height: 8px; background: var(--brand-primary); margin-left: 15px;}
.support_box_4 { display: flex; justify-content: space-between; padding-right: 0; padding-bottom: 200px;}
.support_box_4 .support_page_title { margin-bottom: 50px; margin-top: 140px;}
.support_box_4 .support_box_text ul p::before { content: ""; display: inline-block; width: 8px; height: 8px; background: var(--brand-primary); margin-right: 15px;}
.support_box_4 .support_box_img { position: relative; width: 49%;}
@media (max-width: 2200px) {
.support_box_3 .support_page_title { margin-bottom: 40px;}
.support_box_text h3 { margin-bottom: 20px;}
.support_box_text h4 { margin-top: 40px;}
}
@media (max-width: 1920px) {
.support_box_1 { padding-top: 110px;}
.support_page_title { font-size: 62px;}
.support_box_1_item ul span { width: 25%; margin-bottom: 15px;}
.support_box_1_item ul p { font-size: 26px;}
.support_box_2 { padding-top: 60px; padding-bottom: 100px; margin-bottom: 120px;}
.support_box_2 .support_box_2_list { width: 94%; margin-top: 70px;}
.support_box_2_list_item { width: 28.5%;}
.support_box_2_list_item_title { font-size: 40px; top: 25px; right: 20px;}
.support_box_2_list_item_more { font-size: 20px; right: 20px;}
.support_box_text h3 { font-size: 30px; margin-bottom: 25px; font-weight: 500;}
.support_box_text h4 { font-size: 30px; margin-top: 40px;}
.support_box_text ul { font-size: 20px;}
.support_box_3 .support_page_title { margin-bottom: 42px;}
.support_box_3 .support_box_img { width: 50%;}
.support_box_3 .support_box_img::after { width: 110px; height: 110px;}
.support_box_4 { padding-bottom: 150px;}
.support_box_4 .support_page_title { margin-top: 102px;}
.support_box_4 .support_box_text h3 { margin-bottom: 18px;}
.support_box_4 .support_box_img { width: 45%;}	
}
@media (max-width: 1599.98px) {
.support_page_title { font-size: 52px;}
.support_box_2_list_item_title { font-size: 36px;}
.support_box_2_list_item_more { font-size: 18px;}
.support_box_text h3 { font-size: 24px;}
.support_box_text h4 { font-size: 22px; margin-top: 20px;}
.support_box_3 .support_page_title { font-size: 52px; margin-bottom: 30px;}
.support_box_3 .support_box_img::after { width: 90px; height: 90px;}
.support_box_4 .support_page_title { margin-bottom: 30px; margin-top: 82px;}
}
@media (max-width: 1400px) {
.support_box_1 { padding-top: 90px;}
.support_page_title { font-size: 46px;}
.support_box_2_list_item_title { font-size: 34px;}
.support_box_2_list_item_more { font-size: 16px;}
.support_box_3 .support_page_title { margin-bottom: 30px;}
.support_box_3 .support_box_img::after { width: 80px; height: 80px;}
.support_box_4 .support_page_title { margin-bottom: 30px;}
}
@media (max-width: 1280px) {
.support_page_title { font-size: 42px; line-height: 1.1;}
.support_page_title p:nth-child(2)::after { width: 8px; height: 8px; margin-left: 6px;}
.support_box_1_item { margin-top: 40px; padding-bottom: 60px;}
.support_box_1_item ul p { font-size: 20px;}
.support_box_2 { padding-bottom: 60px; margin-bottom: 60px;}
.support_box_3 { flex-wrap: wrap; padding-left: 5vw; margin-bottom: 80px;}
.support_box_3 .support_page_title { font-size: 42px; margin-bottom: 30px;}
.support_box_3 .support_box_img,.support_box_info { width: 100%;}
.support_box_info { margin-bottom: 30px;}
.support_box_3 .support_box_img { order: 2; margin-right: 80px;}
.support_box_4 { flex-wrap: wrap; padding-right: 5vw; padding-bottom: 80px;}
.support_box_4 .support_page_title { margin-bottom: 30px; margin-top: 0;}
.support_box_4 .support_box_img { width: 100%;}
}
@media (max-width: 768px) {
.support_page_title { font-size: 36px;}
.support_page_title p:nth-child(2)::after { width: 6px; height: 6px;}
.support_box_1 { padding-top: 70px; padding-bottom: 40px;}	
.support_box_1_item { flex-wrap: wrap; margin-top: 0; padding-bottom: 40px;}
.support_box_1_item ul { width: 50%; margin-bottom: 40px;}
.support_box_1_item ul span { width: 35%;}
.support_box_1_item ul p { font-size: 14px;}
.support_box_2 { padding-bottom: 50px; margin-bottom: 60px;}
.support_box_2 .support_box_2_list { flex-wrap: wrap; width: 100%; justify-content: flex-start; gap: 8%; margin-top: 40px;}
.support_box_2_list_item { width: 46%; margin-bottom: 30px;}
.support_box_2_list_item_title { font-size: 20px; top: 15px; right: 15px;}
.support_box_2_list_item_more { font-size: 12px; right: 15px;}
.support_box_3 { flex-wrap: wrap; padding-left: 0; padding-right: 0; margin-bottom: 40px;}
.support_box_3 .support_box_img { margin-right: 0; margin-left: 40px;}
.support_box_3 .support_box_img::after { width: 40px; height: 40px; transform: translate(-100%, 100%); left: 0;}
.support_box_info { margin-bottom: 50px; margin-left: 40px;}
.support_box_3 .support_page_title { font-size: 36px; text-align: left;}
.support_box_3 .support_box_text { text-align: left; padding-right: 5vw;}
.support_box_3 .support_box_text ul p { justify-content: left;}
.support_box_3 .support_box_text ul p::after { display: none;}
.support_box_3 .support_box_text ul p::before { content: ""; display: inline-block; width: 6px; height: 6px; background: var(--brand-primary); margin-right: 5px;}
.support_box_text ul { font-size: 14px;}
.support_box_4 { flex-wrap: wrap; padding-right: 5vw; padding-bottom: 80px; padding-left: 0;}
.support_box_4 .support_page_title { text-align: right;}
.support_box_4 .support_box_text h3 { text-align: right; margin-bottom: 25px;}
.support_box_4 .support_box_img { width: 100%;}
.support_box_4 .support_box_text ul { display: flex; flex-wrap: wrap;}
.support_box_4 .support_box_text ul p { width: 50%; justify-content: right;}
.support_box_4 .support_box_text ul p::before { display: none;}
.support_box_4 .support_box_text ul p::after { content: ""; display: inline-block; width: 6px; height: 6px; background: var(--brand-primary); margin-left: 5px;}
.support_box_4 .support_box_text ul p:nth-child(2) { order: 2;}
.support_box_4 .support_box_text ul p:nth-child(4) { order: 3;}
} .after_sale { padding-top:170px; padding-bottom: 320px;}
.after_sale .support_page_title	{ margin-bottom: 30px;}
.after_sale_title_2 { margin-bottom: 80px;}
.after_sale_title_2 p { margin-bottom: 0; font-size: 24px; letter-spacing: 1.5px}
.after_sale_title_2 p:first-child { font-size: 36px; font-weight: bold; margin-bottom: 30px; letter-spacing: 2px} .sc13 { display:flex; justify-content:space-between; margin-top:35px;}
.sc13-left { width:49%; display:flex;justify-content:space-between; flex-wrap:wrap; gap: 4%;}
.sc13-left .sc13-left-item { display:flex; flex-direction:column; align-items:center; justify-content: center; box-sizing:border-box; width:48%; height: 48%; background:#f5f5f5; cursor:pointer;}
.sc13-left .sc13-checked { background:var(--brand-primary);}
.sc13-left .icon-check {display:none;}
.sc13-left .sc13-left-item-img { width:207px; margin-bottom: 50px;}
.sc13-left .sc13-left-item-title { font-size:36px; text-align:center;}
.sc13-left .sc13-left-item-title p { margin-bottom: 0;}
.sc13-right { width:49%;}
@media (max-width: 1920px) {
.after_sale { padding-top:120px; padding-bottom: 150px;}
.after_sale_title_2 { margin-bottom: 60px;}
.after_sale_title_2 p { font-size: 20px; line-height: 1.7;}
.after_sale_title_2 p:first-child { font-size: 30px; font-weight: 500; margin-bottom: 8px}	
.sc13-left .sc13-left-item-img { width: 140px; margin-bottom: 25px;}
.sc13-left .sc13-left-item-title { font-size: 24px;}
}
@media (max-width: 1600px){
.after_sale { padding-top:110px; padding-bottom: 150px;}
.after_sale_title_2 { margin-bottom: 40px;}
.after_sale_title_2 p { font-size: 18px;}
.after_sale_title_2 p:first-child { font-size: 30px;}
.sc13-left .sc13-left-item-img { width: 140px; margin-bottom: 25px;}
}
@media (max-width: 1400px) {
.after_sale { padding-top:90px; padding-bottom: 100px;}
.after_sale_title_2 { width: 48%; margin-bottom: 40px;}
.after_sale_title_2 p { font-size: 16px;}
.after_sale_title_2 p:first-child { font-size: 26px; margin-bottom: 15px;}	
.sc13-left .sc13-left-item-img { width: 100px; margin-bottom: 25px;}
.sc13-left .sc13-left-item-title { font-size: 22px;}
}
@media (max-width: 1226px) {
.after_sale_title_2 { width: 70%;}
.sc13 { flex-wrap: wrap;}
.sc13-left { width: 100%;}
.sc13-left .sc13-left-item { padding: 40px 0;}
.sc13-right { width: 100%; margin-top: 30px;}
}
@media (max-width: 768px) {
.after_sale { padding-top:60px; padding-bottom: 80px;}
.after_sale .support_page_title { margin-bottom: 30px;}
.after_sale_title_2 { width: 96%; margin-bottom: 50px;}
.after_sale_title_2 p { font-size: 15px; letter-spacing: .4px; line-height: 1.6;}
.after_sale_title_2 p:first-child { font-size: 18px;}
.sc13-left .sc13-left-item-img { width: 70px; margin-bottom: 15px;}
.sc13-left .sc13-left-item-title { font-size: 15px;}
} .contact_main { display: flex; padding-top: 180px; padding-bottom: 21.75rem; justify-content: space-between;}
.contact_text h2 { margin-bottom: 80px; font-weight: bold; font-size: 38px; letter-spacing: 2px;}
.contact_text h2 span { font-family: 'ESKlarheitGrotesk'; font-weight: normal;}
.contact_text ul { padding: 0; font-size: 24px; margin-bottom: 0;}
.contact_text ul p { margin-bottom: 26px; display: flex; align-items: center; letter-spacing: 1px;}
.contact_text ul p:last-child { margin-bottom: 0;}
.contact_text ul p i { margin-right: 20px;}
.contact_text ul p i img { width: 100%;}
.contact_map { position: relative; width: 51.5%;}
.contact_map::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: clamp(110px, 5.78125vw, 148px); height: clamp(110px, 5.78125vw, 148px); background: var(--brand-primary); transform: translate(-100%, 100%);}
@media (max-width: 1920px) {
.contact_main { padding-top: 150px; padding-bottom: 262px;}
.contact_text h2 { font-size: 30px; margin-top: 45px; margin-bottom: 40px;}	
.contact_text ul p { margin-bottom: 22px; letter-spacing: 1.4px;}
.contact_text ul p i { margin-right: 12px;}
.contact_text ul p i img { width: 85%;}
.contact_map { width: 50%;}
}
@media (max-width: 1700px) {
.contact_text ul { font-size: 20px;}
}
@media (max-width: 1600px) {
.contact_text h2 { font-size: 28px;}
.contact_map { width: 48%;}
.contact_map::after { width: 90px; height: 90px;}
}
@media (max-width: 1380px) {
.contact_main { padding-top: 100px; padding-bottom: 140px;}
.contact_text h2 { font-size: 26px; margin-bottom: 40px; margin-top: 0;}
.contact_map { width: 45%;}
.contact_map::after { width: 80px; height: 80px;}
}
@media (max-width: 1280px) {
.contact_main { flex-wrap: wrap; padding-top: 60px; padding-bottom: 180px;}
.contact_text,
.contact_map { width: 100%;}
.contact_text { margin-bottom: 30px;}
.contact_map { margin-left: 80px;}
}
@media (max-width: 768px) {
.contact_main { padding: 0; padding-top: 60px; padding-bottom: 110px;}
.contact_text { margin-bottom: 60px; padding-left: 40px; padding-right: 5vw;}
.contact_text h2 { font-size: 18px;  margin-top: 0px; margin-bottom: 30px;}
.contact_text ul { font-size: 15px;}
.contact_text ul p { align-items: flex-start; margin-bottom: 15px; letter-spacing: normal;}
.contact_text ul p i { margin-right: 0px;}
.contact_text ul p i img { width: 65%;}
.contact_map { margin-left: 40px;}
.contact_map::after { width: 40px; height: 40px;}
} footer { width: 100%; background: #000; max-width: 2560px; margin: 0 auto;}
.ft-out { padding: 135px 0; background: none; color: #fff; position: relative;}
.ft { display:flex; justify-content:space-between; position:relative;}
.ft-left { padding: 0; border: none; width: 20%;}
.ft-left-part1 {font-size:26px;font-weight:500;line-height:normal;}
.ft-left-part1 p { margin-bottom: 1rem;}
.ft-left-part2 { font-size:1rem; font-weight:300; line-height:1.5; margin-top:0;}
.ft-left-part2 p { width: auto; margin-bottom: 40px;}
.ft-bt { width: 100%; display: flex; justify-content: space-between; height: 26px;}
.ft-bt-email { width:252px; background:#fff; box-sizing:border-box; padding-left:15px; height:100%; font-size: 12px;}
.ft-bt-email .wpcf7 {width:100%;height:100%;}
.ft-bt-email .screen-reader-response {display:none !important;}
.ft-bt-email .wpcf7-form {height:100%;width:100%;}
.ft-bt-email .wpcf7-form p {height:100%;width:100%;display:flex;justify-content:space-between;align-content:center;}
.ft-bt-email .wpcf7-form p span input {width:80%;height:100%;outline:none;border:none;color:#40405a;}
.ft-bt-email .wpcf7-form p .wpcf7-submit {height:100%;width:40px;outline:none;border:none;display:block;background:var(--brand-primary);}
.ft-bt-email .wpcf7-form p .wpcf7-spinner {display:none;}
.ft-bt-email-link {display:flex;justify-content:space-between;height:32px;width:160px;padding-right:12%;}
.ft-bt-email-link a {display:block;height:32px;width:32px;}
.ft-right { width:55%; box-sizing: border-box; padding-left:20px;}
.ft-right .ftnav-box { width:60%; display:flex; justify-content:flex-start; margin: 0; padding: 0;}
.ftnav-box>li { width: 25%;}
.ftnav-box> :first-child { width: 25%;}
.ftnav-box>:nth-child(2) {width:25%;}
.ftnav-box>li>a { font-weight:500; color:#fff; display: block; margin-bottom: 18px;font-size: 16px;}
.ftnav-box .sub-menu { font-weight:500; padding:0; font-size:0.75rem;line-height: 24px;}
.ftnav-box .sub-menu li { margin-bottom: 3px;}
.ftnav-box .sub-menu a {color: #4d4d4d;}
.ftnav-box .sub-menu a:hover {color: #ccc;}
.ft-right-end { float:right;}
.ft-wxgzh {display: flex; width: 100%; text-align: right; margin-bottom: 20px; align-items: end;}
.ft-wxgzh span { margin-bottom: -5px;font-size: 1rem;}
.ft-wxgzh img { width: 110px; margin-left: 10px;}
.ft-sns { position: relative; display: flex; gap: 7px; justify-content: end;}
.ft-sns a { display: block; background: var(--brand-primary); width: 28px; height: 28px;}
.ft-sns .ft-qrcode { top: -115px; display: none; position: absolute; z-index: 999;}
.ft-sns a.foot_choose {
background: none; 
color: #fff;
font-weight:500;
font-size: 1.125rem;
width: max-content;
height: auto;
display: grid
}
.ft-sns a.foot_choose::after {
content: "";
display: inline-block;
width: 100%;
height: 1px;
background: #777777;
} .ft-bb { display: flex; justify-content: center; flex-wrap: wrap; color: #4d4d4d;}
.ft-bb p { width: unset; margin: 0; font-size: 12px; line-height: 36px;}
.ft-bb p:first-child { margin-right: 10px;}
.ft-bb p a { color: #4d4d4d;}
.ft-bb p a:hover { color: var(--brand-primary);}
@media (max-width:1920px) {
.ft-out { padding: 100px 0;}
.ft-left-part1 { font-size: 22px;}
.ft-left-part2 { font-size: 14px;}
.ft-bt { height: 23px;}
.ft-bt-email { width: 216px;}
.ft-right {padding-left: 30px;}
.ft-right .ftnav-box { width: 70%;}
.ftnav-box>li>a { font-size: 14px;}
.ft-wxgzh span { font-size:14px;}
.ft-wxgzh img { width: 94px;}
.ft-sns a { width: 24px; height: 24px;}
}
@media (max-width: 1350px) {
.ft-out {padding: 100px 0;}
}
@media (max-width: 1280px) {
footer { padding: 10px 0;}
.ft-out {display:none;}
}
@media (max-width: 768px) {
.ft-out { display: block; padding: 60px 0;}
.ft-bb { display: none;}
footer { padding: 0;}
.ft { flex-wrap: wrap;}
.ft-left { width: 100%; margin-bottom: 40px;}
.ft-left-part2 p { width: auto; margin-bottom: 20px;}
.ft-right { padding-left: 0; width: 70%; float: left;}
.ft-right .ftnav-box { width: 100%;}
.ftnav-box>li>a { font-size: 12px;}
.ftnav-box .sub-menu { font-size: 10px;}
.ft-right-end { width: 28%;}
.ft-wxgzh { flex-wrap: wrap; justify-content: right; margin-bottom: 10px;}
.ft-wxgzh span { order: 2; line-height: 1.3; font-size: 13px;}
.ft-wxgzh img { width: 60%; margin-left: 0; margin-bottom: 10px;}
} .sc33 { position:fixed; bottom:0px; right:11px; width:66px; height:139px; display:flex;flex-direction:column;justify-content:space-between;z-index:998;}
@media screen and (min-width: 1920px) {
.sc33 {
position:fixed;
bottom:0px;
right: 11px;
width:66px;
height:139px;
display:flex;
flex-direction:column;
justify-content:space-between;
z-index:998;
}
.detail {top:4.22rem !important;}
}
.sc33-item {cursor:pointer;}
.sc33-fx {position:relative;}
.sc33-fx-con {position:absolute;top:0;right:71px;width:0px;height:70px;opacity:0;transition:all 0.3s;}
.sc33-fx:hover .sc33-fx-con {opacity:1;width:283px;}
.sc33-four img {background-color:#000528;}
.sc33-fx-con-in {width:100%;height:100%;display:flex;justify-content:space-between;}
.sc33-fx:hover .sc33-fx-con {display:block;opacity:1;}
.sc33-fx-con a {width:70px;}
@media screen and (max-width: 1280px) {
.sc33 { display: none;}
} .sc30-dbg {position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;opacity:0.4;display:flex;justify-content:center;align-items:center;z-index:999;display:none;}
.sc30-out { position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:99999; display:none; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; }
.quote { cursor: pointer;}
.sc30-success {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 999;
background-color: #fff;
width: 800px;
height: 400px;
display: flex;
justify-content: center;
flex-direction: column;
.close { width: 50px; height: 50px;}
.img {width:100%;height:118px;display:flex;justify-content:space-between;}
.text-box {height:282px;width:100%;}
.text {margin-left:115px;margin-top:15.94px;color:var(--brand-primary);width:558px;height:75px;font-size:28px;}
}
.sc29-success {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 999;
background-color: #fff;
width: 800px;
height: 264px;
display: flex;
display: none;
justify-content: center;
flex-direction: column;
.close {width: 50px; height: 50px;}
.img {width:100%;height:118px;display:flex;justify-content:space-between;}
.text-box {height:145.94px;width:100%;}
.text {margin-left:115px;margin-top:15.94px;color:var(--brand-primary);width:558px;height:75px;font-size:28px;}
}
.sc29-dbg {position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;opacity:0.4;display:flex;justify-content:center;align-items:center;z-index:999;display:none;}
.sc29-out {width:895px;height:870px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%); padding-bottom:20px; z-index:999;display:none;}
.all-bg {
width:100%;height:100%;position:fixed;z-index:999;top:0;overflow-y:scroll;display:none;
&::-webkit-scrollbar {display:none;}
}
.all-bg-sc30 {
width:100%;height:100%;position:fixed;z-index:999;top:0;overflow-y:scroll;display:none;
&::-webkit-scrollbar {display:none;}
}
.sc29-xbg {width:100%;height:100%;}
.sc29 {position:absolute;top:0;left:0;width:100%;height:100%;}
.sc29-name { color:var(--brand-primary); font-size:56px; line-height:58px; text-align:right; margin-top:120px; box-sizing:border-box; padding-right:90px;}
.sc29-con { width:73%; position:absolute; top:225px; left:151px;}
.sc29-part {margin-bottom:28px;}
.sc29-part-name {color:#000528;font-size:16px;line-height:22px;}
.sc29-con .wpcf7 {width:100%;}
.sc29-con .wpcf7 form {width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.sc29-part-input { height:40px; box-sizing:border-box; margin-top:5px; width:100%;}
.sc29-part-input p {width:100% !important;height:100% !important;}
.sc29-part-input span {width:100% !important;height:100% !important;display:block;}
.sc29-part-input input { outline:none; border:none; width:100% !important; height:100% !important;font-size:16px; padding: 0 16px;}
.sc29-part1 {width:100%;}
.sc29-part2 {width:39.71%;}
.sc29-part3 {width:54.41%;}
.sc29-part4 {width:39.71%;}
.sc29-part5 {width:54.41%;position:relative;}
.sc29-part5 .sc29-part-select {position:absolute;width:100%;background:white;color:#000528;font-size:16px;z-index:998;display:none;box-sizing:border-box;padding-right:8px;}
.sc29-part5 .sc29-part-select-scroll {overflow-y:scroll;height:300px;box-sizing:border-box;}
.sc29-part5 .sc29-part-select-scroll::-webkit-scrollbar {width:8px;background:white;}
.sc29-part5 .sc29-part-select-scroll::-webkit-scrollbar-thumb {background-color:var(--brand-primary);}
.sc29-part5 .sc29-part-select-item {margin:13px 0;padding:0 19px;cursor:pointer;}
.sc29-part-select-item-active {color:var(--brand-primary);font-weight:bold;}
.sc29-part5 .sc29-part-select-item:hover {color:var(--brand-primary);font-weight:bold;}
.sc29-part5 .sc29-part-xia {width:11px;height:11px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 0.3s;}
.sc29-part5 .sc29-part-xia p {height:100%;width:100%;display:flex;justify-content:center;align-items:center;}
.sc29-part-xia-active {transform:rotate(180deg);}
.sc29-part6 {width:39.71%;}
.sc29-part7 {width:54.41%;}
.sc29-part8 {width:100%;}
.sc29-part8 .sc29-part-input { height:120px;}
.sc29-part8 textarea { outline:none; border:none; width:100% !important; height:100% !important; font-size:16px; padding: 16px;}
.sc29-part9 { display:none;}
.sc29-part10 { display:flex; width:100%; justify-content:center;}
.sc29-part10 p { width:328px; line-height:64px; text-align:center; position:relative; display:flex; align-self:center; box-sizing:border-box; color:#fff; transition:all 0.3s;}
.sc29-part10 .wpcf7-spinner {position:absolute;}
.sc29-part10 p input { outline:none; border:none; width:100%;height:100%;font-size:24px;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:0;background-color:var(--brand-primary);}
.sc29-con .wpcf7 form .wpcf7-response-output {color:white;border:none;margin:1.5em 0.5em 1em;}
.sc29-close {width:50px;height:50px;position:absolute;right:0;top:0;cursor:pointer;z-index:998;}
.sc29-box {background:red;width:120px;height:60px;}
.sc29-part-xia-active {transform:rotate(180deg);}
.sc29-part-select-item-active {color:var(--brand-primary);font-weight:bold;}
@media (max-width: 1280px) {
.sc29-name { font-size:46px; line-height:58px;} .sc29-close {width: calc(30rem / var(--mobile-width));  height: calc(30rem / var(--mobile-width));} }
@media (max-width: 768px) {
.sc29-out { width: 96%; height: auto; padding-bottom: 0;}
.sc29-name { font-size: 24px; padding-right: 40px; margin-top: 50px;}
.sc29-con { left: 70px; top: 120px;}
.sc29-part,.sc30-part { margin-bottom: 10px;}
.sc29-part-name { font-size: 14px;}
.sc29-part-name p { margin-bottom: 0;}
.sc29-part-input p { margin-bottom: 0;}
.sc29-part8 .sc29-part-input { height: 90px;}
.sc29-part10 p { margin-bottom: 0; line-height: 2.5; width: 50%;}
.sc29-part10 p input { font-size: 14px;}
}
.sc30-xbg {width:100%;height:100%;}
.sc30 {position:absolute;top:0;left:0;width:100%;height:100%;}
.sc30-name {color:var(--brand-primary);font-size:50px;line-height:58px;text-align:right;margin-top:40px;box-sizing:border-box;padding-right:74px;}
.sc30-con {width:75.55%;position:absolute;top:225px;left:151px;}
.sc31-con-cpms {position:absolute;font-size:16px;color:var(--brand-primary);top:-26px;}
.sc30-part {margin-bottom:28px;}
.sc30-part-name {color:#000528;font-size:16px;line-height:22px;}
.sc30-con .wpcf7 {width:100%;}
.sc30-con .wpcf7 form {width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.sc30-part-input {background:#fff;height:40px;box-sizing:border-box;padding:0 19px;margin-top:5px;width:100%;}
.sc30-part-input p {width:100% !important;height:100% !important; margin-bottom: 0;}
.sc30-part-input span {width:100% !important;height:100% !important;display:block;}
.sc30-part-input input {outline:none;border:none;width:100% !important;height:100% !important;font-size:16px;color:#000528;}
.sc30-part-input input::placeholder {color:#000528;}
.sc30-part1 {width:100%;position:relative;}
.sc30-part1 .sc30-part-select {position:absolute;width:100%;background:#fff;color:#000528;font-size:16px;z-index:998;display:none;}
.sc30-part1 .sc30-part-select-item {margin:13px 0;padding:0 19px;cursor:pointer;}
.sc30-part1 .sc30-part-select-item:hover {color:var(--brand-primary);font-weight:bold;}
.sc30-part1 .sc30-part-xia {width:11px;height:11px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 0.3s;}
.sc30-part1 .sc30-part-xia p {height:100%;width:100%;display:flex;justify-content:center;align-items:center;}
.sc30-part-xia-active {transform:rotate(180deg);}
.sc30-part-select-item-active {color:var(--brand-primary);font-weight:bold;}
.sc30-part1 .sc30-part-input {display:flex;align-items:center;justify-content:space-between;align-items:center;}
.sc30-part1 p input {pointer-events:none;}
.sc30-part2 {width:39.71%;}
.sc30-part3 {width:54.41%;}
.sc30-part4 {width:39.71%;}
.sc30-part5 {width:54.41%;position:relative;}
.sc30-part5 .sc30-part-select {position:absolute;width:100%;background:#fff;color:#000528;font-size:16px;z-index:998;display:none;box-sizing:border-box;padding-right:8px;height:200px;overflow-y:scroll;}
.sc30-part5 .sc30-part-select-scroll {overflow-y:scroll;height:300px;box-sizing:border-box;}
.sc30-part5 .sc30-part-select-scroll::-webkit-scrollbar {width:8px;background:#fff;}
.sc30-part5 .sc30-part-select-scroll::-webkit-scrollbar-thumb {background-color:var(--brand-primary);}
.sc30-part5 .sc30-part-select-item {margin:13px 0;padding:0 19px;cursor:pointer;}
.sc30-part-select-item-active {color:var(--brand-primary);font-weight:bold;}
.sc30-part5 .sc30-part-select-item:hover {color:var(--brand-primary);font-weight:bold;}
.sc30-part5 .sc30-part-xia {width:11px;height:11px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 0.3s;}
.sc30-part5 .sc30-part-xia p {height:100%;width:100%;display:flex;justify-content:center;align-items:center;}
.sc30-part-xia-active {transform:rotate(180deg);}
.sc30-part5 .sc30-part-input {display:flex;align-items:center;justify-content:space-between;align-items:center;}
.sc30-part5 p input { }
.sc30-part6 {width:39.71%;}
.sc30-part7 {width:54.41%;}
.sc30-part8 {width:100%;}
.sc30-part8 .sc30-part-input {height:120px;padding:18px;}
.sc30-part8 textarea {outline:none;border:none;width:100% !important;height:100% !important;font-size:16px;}
.sc30-part9 {display:none;}
.sc30-part10 {display:flex;width:100%;justify-content:flex-end;}
.sc30-part10 p {width:150px;line-height:26px;height:26px;text-align:center;position:relative;display:flex;align-self:center;box-sizing:border-box;border:1px solid var(--brand-primary);color:var(--brand-primary);transition:all 0.3s;background:#fff;}
.sc30-part10 .wpcf7-spinner {position:absolute;}
.sc30-part10 p input {outline:none;border:none;width:100%;height:100%;font-size:17px;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:0;background-color:rgb(240,240,240);}
.sc30-con .wpcf7 form .wpcf7-response-output {color:white;border:none;margin:1.5em 0.5em 1em;}
.sc30-close {width:50px;height:50px;position:absolute;right:0;top:0;cursor:pointer;z-index:998;}
.sc30-box {background:red;width:120px;height:60px;}
@media (max-width: 1700px) {
.sc30-con {top:180px;}
}