
.disnone{ display:none !important; }
body{ margin:0; }
a{ text-decoration:none; }
a:active, a:hover{ text-decoration:none; text-decoration-line:none !important; }
p{ margin:0; }
div{ box-sizing:border-box; }
dd, ol, ul, li{ margin:0; padding:0; list-style:none; }
img, svg{ max-width:100%; }
form input:focus, form textarea:focus, button:focus, button:focus{ --tw-ring-offset-shadow:none !important; outline:none !important; }
[x-cloak]{ display:none !important; }
.bg-opacity-50 { opacity:0; }
.normal_h1{ padding:10px 0; color:#0079c1; font-size:48px; text-align:center; font-weight:bold; }
@media (max-width:768px){
    .normal_h1{ font-size:32px; }
}

.navigation-logo::before{ display:none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image:none; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image:none; }
#page-content form .flex input[type=checkbox]{ border:1px solid rgb(var(--color-primary-rgb) / var(--tw-text-opacity)); }
#page-content form .flex input[type=checkbox], #page-content .flex label{ cursor:pointer; }
#page-content .product-list .product-item > div{ overflow:hidden; }
#contact_form input, #contact_form textarea{ box-sizing:border-box; padding:6px 12px; box-shadow:none; border:1px solid #888; }
.flex.items-end.opacity-0{ box-sizing:border-box; }
#product .grid .absolute a.bg-black{ line-height:0; }
#product .grid .absolute.rounded-full{ line-height:0; }
#product .grid .flex-1.cursor-pointer{ line-height:0; }
div[component='sidebar_buttons.js'] a.fixed{ font-size:0; z-index:9000; }
div[component='wave_footer.html']{ font-size:0; }
.pc_content, .pc_content *{ max-width:100%; font-size:16px; line-height:1.6; }
.lg-backdrop{ z-index:104000 !important; }
.lg-outer{ z-index:105000 !important; }




#form form { max-width:100%; width:100%; padding:15px 15px; color:black; border-radius:5px; /* background-image:url('//cdn.xuansiwei.com/yisun5245/1662690529801/phone-2499668_1280.jpg'); */ }
#form label { color:black; margin-bottom:0; }
@media (max-width:768px) {
    #form form { margin:1rem auto; }
}


/* footer */
/*! CSS Used from:https://cdn.globalso.com/nndhpaper/style/global/style.css */
.web_footer h2, ul, li, .web_footer a, img { margin:0; padding:0; }
.web_footer footer { display:block; }
.web_footer h2 { font-size:18px; }
.web_footer img { width:100%; max-width:100%; border:none; vertical-align:middle; }
.web_footer li { list-style:none; }
.web_footer a { color:#333; text-decoration:none; }
.web_footer a:focus { outline:none; }
.web_footer a:hover { color:#0079c1; text-decoration:none; }
.web_footer a:active { outline:0 !important; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-tap-highlight-color:transparent; }
.web_footer * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:0; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
.web_footer .layout:after, .foor_service:after { clear:both; display:block; visibility:hidden; height:0; content:""; }
.web_footer .layout, .foor_service { *zoom:1; }
.web_footer .layout { position:relative; margin:0 auto; width:1400px; }
.web_footer .foot_item a { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; -ms-transition:all .3s ease; }
.web_footer a { -webkit-transition:all .35s ease-in-out; -o-transition:all .35s ease-in-out; transition:all .35s ease-in-out; }
.web_footer { position:relative; background:#fff; }
.web_footer, .web_footer a { display:block; color:#000; font-size:14px; font-family:Roboto-Regular; line-height:24px; }
.web_footer .foor_service { position:relative; padding:120px 0 55px 0; }
.web_footer .foor_service .foot_item .fot_tit { position:relative; margin-bottom:30px; text-transform:capitalize; font-size:30px; line-height:1; }
.web_footer .foot_item { position:relative; float:left; display:block; }
.web_footer .foot_item.foot_company_item { width:25%; }
.web_footer .foot_item.foot_contact_item { /* margin-left:7.86%; width:27.5%; */ }
.web_footer .foot_item.foot_inquiry_item { float:right; /* width:34.65%; */ }
.web_footer .foot_logo { position:absolute; top:30px; left:0; -webkit-transform:translateY(-100%); transform:translateY(-100%); }
.web_footer .foot_logo img { width:auto; height:80px; }
.web_footer .foot_item.foot_contact_item ul.foot_contact li { position:relative; margin-bottom:20px; padding-left:25px; }
.web_footer .foot_item.foot_contact_item ul.foot_contact li:last-child { margin-bottom:0; }
.web_footer .foot_item.foot_contact_item ul.foot_contact li:before { position:absolute; top:0; left:0; content:""; font-size:16px; font-family:fontawesome; }
.web_footer .foot_item.foot_contact_item ul li.foot_address:before { content:"\f041"; }
.web_footer .foot_item.foot_contact_item ul li.foot_phone:before { content:"\f095"; }
.web_footer .foot_item.foot_contact_item ul li.foot_email:before { content:"\f003"; }
.web_footer .inquriy_info { font-size:16px; line-height:20px; }
.web_footer .foot_item.foot_inquiry_item .inquiry_btn { display:table; margin-top:30px; padding:0 15px; border-radius:5px; background:#fff; color:#0079c1; letter-spacing:.38px; font-size:16px; font-family:Roboto-Bold; line-height:45px; border:2px solid transparent; }
.web_footer .foot_item.foot_inquiry_item .inquiry_btn:hover { border:2px solid #fff; background:transparent; color:#fff; }
.web_footer .foot_item.foot_inquiry_item .inquiry_btn:before { margin-right:15px; content:"\f003"; font-family:fontawesome; }
.web_footer .foot_bottom { position:relative; padding:10px; border-top:1px solid #fff; }
.web_footer .foot_nav { position:relative; text-align:center; }
.web_footer .foot_nav li { position:relative; display:inline-block; padding:0 43px; border-right:1px solid #fff; }
.web_footer .foot_nav li:last-child { border-right:none; }
.web_footer .foot_nav li a { text-transform:uppercase; font-weight:400; font-size:18px; font-family:Roboto-Bold; line-height:23px; }
.web_footer .foot_sns { position:relative; margin-top:55px; }
.web_footer .foot_sns li { display:inline-block; margin:0 5px; }
.web_footer .foot_sns li a { width:30px; height:24px; text-align:center; line-height:24px; }
.web_footer .foot_sns li img { width:auto; max-height:30px; }
.web_footer .foot_sns li:hover img { -webkit-transform:rotate(-15deg); transform:rotate(-15deg); }
.web_footer .copyright { position:relative; display:block; margin-top:60px; text-transform:capitalize; }
@media only screen and (max-width:1680px) {
    .web_footer .layout { width:1300px; }
}
@media only screen and (max-width:1440px) {
    .web_footer .layout { width:1200px; }
}
@media only screen and (max-width:1366px) {
    .web_footer .layout { width:1150px; }
    .web_footer .foor_service { padding:120px 0 35px 0; }
    .web_footer .web_footer .foot_bottom { padding:30px 0; }
}
@media only screen and (max-width:1280px) {
    .web_footer .layout { width:98%; }
}
@media only screen and (max-width:950px) {
    .web_footer .layout { margin:0 auto; width:98%; }
    .web_footer .foor_service { width:98%; }
    .web_footer .foot_nav li { padding:0 20px; }
    .web_footer .foot_logo { position:relative; top:unset; left:unset; -webkit-transform:unset; transform:unset; }
    .web_footer .copyright { margin-top:20px; }
    .web_footer .foor_service .foot_item .fot_tit { margin-bottom:10px; font-size:18px; }
    .web_footer .inquriy_info { font-size:12px; line-height:1.5; }
    .web_footer .foot_item.foot_contact_item ul.foot_contact li { margin-bottom:7px; padding-left:20px; }
    .web_footer, .web_footer a { font-size:12px; line-height:1.5; }
    .web_footer .foor_service { padding:30px 0; }
    .web_footer .foot_sns { margin-top:20px; }
    .web_footer .foot_bottom { padding:15px 0; }
    .web_footer .foot_nav li a { font-size:12px; line-height:1.5; }
}
@media only screen and (max-width:768px) {
    .web_footer .foor_service { padding:20px 2%; }
    .web_footer .foot_item.foot_inquiry_item .inquiry_btn { font-size:14px; line-height:32px; }
}
@media only screen and (max-width:640px) {
    .web_footer .foot_item.foot_company_item, .foot_item.foot_inquiry_item, .foot_item.foot_contact_item { width:100%; margin-left:0; float:none; margin-bottom:15px; }
    .web_footer .foor_service .foot_item .fot_tit { font-size:16px; }
}
@media only screen and (max-width:320px) {
    .web_footer .foor_service { flex-direction:column; }
    .web_footer .foor_service .foot_item { margin-bottom:10px; }
    .web_footer .foor_service .foot_item .fot_tit { margin-bottom:5px; }
}
.web_footer .fadeInLeftA { -webkit-animation-name:fadeInLeftA; animation-name:fadeInLeftA; }
.web_footer .fadeInUpA { -webkit-animation-name:fadeInUpA; animation-name:fadeInUpA; }
.web_footer .foot_item.foot_contact_item ul li.footer_company:before { content:url('//cdn.xuansiwei.com/yisun5245/1664182113867/company.png'); position:absolute; left:-3px; }
/*! CSS Used keyframes */
@-webkit-keyframes fadeInLeftA {
    0% { opacity:0; -webkit-transform:translate3d(-30%, 0, 0); transform:translate3d(-30%, 0, 0); }
    100% { opacity:1; -webkit-transform:none; transform:none; }
}
@keyframes fadeInLeftA {
    0% { opacity:0; -webkit-transform:translate3d(-30%, 0, 0); transform:translate3d(-30%, 0, 0); -ms-transform:translate3d(-30%, 0, 0); }
    100% { opacity:1; -webkit-transform:none; transform:none; -ms-transform:none; }
}
@-webkit-keyframes fadeInUpA {
    0% { opacity:0; -webkit-transform:translate3d(0, 30%, 0); transform:translate3d(0, 30%, 0); }
    100% { opacity:1; -webkit-transform:none; transform:none; }
}
@keyframes fadeInUpA {
    0% { opacity:0; -webkit-transform:translate3d(0, 30%, 0); transform:translate3d(0, 30%, 0); -ms-transform:translate3d(0, 30%, 0); }
    100% { opacity:1; -webkit-transform:none; transform:none; -ms-transform:none; }
}

/*! CSS Used fontfaces */
@font-face {
    font-family:"Roboto-Regular";
    font-style:normal;
    src:url(/css/Roboto-Regular.ttf) format("TrueType");
    font-display:fallback;
}
@font-face {
    font-weight:normal;
    font-style:normal;
    font-family:'fontawesome';
    src:url("/css/fontawesome-webfont.eot");
    src:url("/css/fontawesome-webfont.eot#iefix") format("embedded-opentype"), url("/css/fontawesome-webfont.woff2") format("woff2"), url("/css/fontawesome-webfont.woff") format("woff"), url("/css/fontawesome-webfont.ttf") format("truetype"), url("/css/fontawesome-webfont.svg#fontawesomeBold") format("svg");
    font-display:fallback;
}
@font-face {
    font-family:"Roboto-Bold";
    font-style:normal;
    src:url(/css/Roboto-Bold.ttf) format("TrueType");
    font-display:fallback;
}
