@import url(public.css);.app-rec .nav .nav-list + .nav-list {margin-left:16px;}
.app-rec .nav .nav-list .item {min-width:68px;width:max-content;height:32px;background:#FFFFFF;border-radius:4px;border:1px solid #E6E6E6;font-size:14px;color:#333333;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.app-rec .nav .nav-list.active .item {background:var(--primary);border:1px solid var(--primary);color:#ffffff;}
.skin1-rec .nav .nav-list + .nav-list {margin-left:16px;}
.skin1-rec .nav .nav-list .item {min-width:68px;width:max-content;height:32px;background:#FFFFFF;border-radius:4px;border:1px solid #E6E6E6;font-size:14px;color:#333333;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.skin1-rec .nav .nav-list.active .item {background:var(--primary);border:1px solid var(--primary);color:#ffffff;}
.skin1-link .nav {border-bottom:1px solid #F0F0F0;}
.skin1-link .nav .nav-items .item {position:relative;color:#333333 !important;}
.skin1-link .nav .nav-items + .nav-items {margin-left:40px;}
.skin1-link .nav .nav-items.active .item {color:#333333 !important;}
.skin1-link .nav .nav-items.active .item::before {content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:22px;height:2px;background:var(--primary) !important;border-radius:1px;}
.skin2-link .linkli + .linkli {border-top:1px solid var(--white-100);padding-top:12px;margin-top:12px;}
.skin2-link .linkli .linkli-label {width:72px;}
.skin2-link .linkli .linkli-control {flex:1;}
.skin2-link .linkli .linkli-open {width:45px;user-select:none;}
.skin4-link .nav {border-bottom:1px solid var(--gray-100);}
.skin4-link .nav .nav-items .item {position:relative;color:var(--black-400);}
.skin4-link .nav .nav-items + .nav-items {margin-left:40px;}
.skin4-link .nav .nav-items.active .item {color:var(--black);}
.skin4-link .nav .nav-items.active .item::before {content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:22px;height:2px;background:var(--gray-400);border-radius:1px;}
.skin3-link .sublevel .item {color:#999999;}
.skin3-link .sublevel .sublevel-item.active .item {color:var(--primary);}
@media (max-width:992px) {.skin3-link {display:flex;align-items:center;width:100%;justify-content:center;}
.skin3-link .linkli {flex:1;max-width:25%;position:relative;}
.skin3-link .linkli .linkli-label {width:100% !important;justify-content:center;}
.skin3-link .linkli .linkli-label.active,.skin3-link .linkli .linkli-label.on {color:var(--primary) !important;}
.skin3-link .linkli .linkli-label.active .icon-xiala1,.skin3-link .linkli .linkli-label.on .icon-xiala1 {display:block;color:var(--primary) !important;transform:rotate(-90deg);}
.skin3-link .linkli .linkli-control {position:fixed;left:0;top:120px;display:none;width:100vw;height:calc(100vh - 112px) !important;background-color:rgba(0,0,0,0.6);z-index:1000;}
.skin3-link .linkli .linkli-control.mactive {display:block;}
.skin3-link .linkli .linkli-control .links {background-color:#FFFFFF;padding:16px;margin:0 -0.75rem;}
.skin3-link .linkli .linkli-control .links .links-item {width:26%;}
.skin3-link .linkli .linkli-control .links .links-item .item {padding:5px 10px;display:block;text-align:center;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;}
.skin3-link .linkli .linkli-control .sublevel .sublevel-item {width:26%;}
.skin3-link .linkli .linkli-control .sublevel .sublevel-item .item {display:block;text-align:center;overflow:hidden;}
.skin3-link .linkli .linkli-control .maxh {min-height:200px;max-height:360px;overflow:hidden;overflow-y:auto !important;}
}
@media (min-width:992px) {.skin3-link .linkli + .linkli {border-top:1px solid var(--white-100);padding-top:12px;margin-top:12px;}
.skin3-link .linkli .linkli-label {width:76px;height:fit-content;}
.skin3-link .linkli .linkli-control {flex:1;}
.skin3-link .linkli .linkli-control .links-item .item {color:#1a1a1a;display:flex;padding:4px 10px;border-radius:4px;}
.skin3-link .linkli .linkli-control .links-item:hover .item {color:var(--primary);}
.skin3-link .linkli .linkli-control .links-item.active .item {background:var(--primary);color:#ffffff;}
.skin3-link .linkli .linkli-open {width:45px;user-select:none;}
}
.skin3-link .linkli .linkli-control .links-item .item {color:#1a1a1a;display:flex;padding:4px 10px;border-radius:4px;}
.skin3-link .linkli .linkli-control .links-item:hover .item {color:var(--primary);}
.skin3-link .linkli .linkli-control .links-item.active .item {background:var(--primary);color:#ffffff;}
.skin5-link .sublevel .item {color:#999999;}
.skin5-link .sublevel .sublevel-item.active .item {color:var(--primary);}
.skin5-link .linkli + .linkli {margin-top:6px;}
.skin5-link .linkli .linkli-label {width:36px;height:fit-content;}
.skin5-link .linkli .linkli-control {flex:1;}
.skin5-link .linkli .linkli-control .links-item .item {color:#999999;}
.skin5-link .linkli .linkli-control .links-item:hover .item {color:var(--primary);}
.skin5-link .linkli .linkli-control .links-item.active .item {color:var(--primary);}
.skin5-link .linkli .linkli-open {width:32px;user-select:none;}
.screening .item.active {color:var(--primary) !important;}
.skin1-inform .inform-tabs {display:flex;align-items:center;justify-content:center;margin-left:-8px;margin-right:-8px;}
.skin1-inform .inform-tabs .tabs-items {flex:0 0 33.33333333%;max-width:33.33333333%;padding-left:8px;padding-right:8px;}
.skin1-inform .inform-tabs .tabs-items .tab-tabs {width:100%;height:40px;border-radius:4px;border:1px solid #E6E6E6;font-size:14px;color:#666666;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.skin1-inform .inform-tabs .tabs-items.active .tab-tabs {background:var(--primary);border:1px solid var(--primary);color:#fff;}
@media (min-width:992px) {.skin1-inform .inform-tabs .tabs-items {flex:0 0 10%;max-width:10%;}
}
@media (max-width:768px) {.modal .modal-dialog {width:calc(100vw - 40px);}
}
.modal .skin2-form .form-control {background:#FAFAFA;box-shadow:none;}
.modal .skin2-form .picker .picker-selections {background:#FAFAFA;box-shadow:none;}
.content-nav {border-bottom:1px solid #F0F0F0;}
.content-nav .nav-item {width:max-content;height:48px;line-height:48px;color:#666666;position:relative;padding-bottom:4px;}
.content-nav .active .nav-item {color:#333 !important;font-weight:bold;}
.content-nav .active .nav-item::before {content:"";width:29px;height:4px;background:var(--primary);border-radius:4px;display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
.content-nav .d {display:none;}
.content-nav .d > .btn {width:154px;height:40px;line-height:initial;display:flex;align-items:center;justify-content:center;}
.content-nav .d > .btn + .btn {margin-left:16px;}
.nav-suspension {position:fixed;top:60px;left:0;width:100%;display:flex;align-items:center;backdrop-filter:blur(12px);background-color:rgba(255,255,255,0.8);box-shadow:rgba(0,0,0,0.3) 2px 4px 7px;background-color:#ffffff;border-radius:0 0 4px 4px;padding:0 16px;}
.nav-suspension + div {margin-top:60px;}
@media (min-width:992px) {.nav-suspension {left:50%;width:1400px;padding:11px 24px;top:90px;transform:translateX(-50%);}
.nav-suspension + div {margin-top:90px;}
.nav-suspension .d {display:flex;}
}
.nav-suspension .content-nav {border-bottom:none;}
@media (max-width:768px) {.webshow-list .webshow-item:nth-child(n + 2) {display:none !important;}
}
@media (min-width:992px) {.navbar-collapse {position:relative;}
}
.header-mainmenu {height:100%;margin:0 auto;}
.header-mainmenu .logo-img {max-width:120px;width:100%;height:32px;}
@media (min-width:992px) {.header-mainmenu .logo-img {max-width:initial;width:100%;height:48px;}
}
.header-mainmenu .logo-right {max-width:160px;}
@media (min-width:992px) {.header-mainmenu .logo-right {max-width:200px;}
}
.header-mainmenu .navbar-area {width:100px;height:32px;background:var(--gray-100);border-radius:16px;display:flex;align-items:center;justify-content:center;}
@media (min-width:992px) {.header-mainmenu .navbar-area {width:117px;}
}
.header-mainmenu .navbar-sousuo {width:206px;height:32px;background:#FFFFFF;border-radius:16px;border:1px solid #F0F0F0;margin-left:92px;}
.header-mainmenu .navbar-sousuo .btn {width:55px;height:32px;line-height:32px;padding:0;background:#FF3333;border-radius:0px 16px 16px 0px;margin-top:-1px;margin-right:-1px;}
.header-mainmenu .navbar-h5 .dropdown-menu {border:none;box-shadow:none;padding:0;}
.header-mainmenu .navbar-h5 .h-code {width:175px;background:#FFFFFF;padding:16px;box-shadow:0px 0px 16px 1px rgba(0,0,0,0.05);border-radius:0px 0px 0px 0px;opacity:1;}
.header-mainmenu .navbar-h5 .h-code .code-img {width:144px;height:144px;}
.header-mainmenu .navbar-menu .nav-link.active {color:var(--primary);}
.header-mainmenu .navbar-mobile .mobile-title {left:50%;transform:translateX(-50%);max-width:158px;}
.header-mainmenu .navbar-mobile .mobile .mobile-item {height:100%;display:flex;align-items:center;justify-content:center;}
.header-mainmenu .navbar-mobile .mobilemenu > .in {height:auto !important;}
.header-mainmenu .navbar-mobile .mobilemenu > .collapse {display:none !important;}
.header-mainmenu .navbar-mobile .mobilemenu .MobileBox {position:fixed;top:60px;left:0;width:100vw;height:calc(100vh - 60px);}
.header-mainmenu .navbar-mobile .mobilemenu .MobileBox .MobileBox-shade {width:100%;height:100%;background:rgba(0,0,0,0.6);}
.header-mainmenu .navbar-mobile .mobilemenu .MobileBox .MobileBox-menu {width:100%;}
.header-mainmenu .navbar-mobile .mobilemenu .navbar-menu .nav-item .nav-link.active,.header-mainmenu .navbar-mobile .mobilemenu .navbar-menu .nav-item .nav-link:hover {position:relative;color:var(--primary) !important;}
.nav-downmenu .nav-item.show .nav-link .icon {transform:rotate(-180deg);}
.nav-downmenu .nav-item .nav-link {height:100%;color:var(--black);outline:inherit;outline-offset:0;position:relative;}
.nav-downmenu .nav-item .nav-link.active {position:relative;color:var(--primary) !important;}
.nav-downmenu .nav-item .nav-link.active::before {content:"";position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:block;width:30px;height:4px;background:var(--primary);border-radius:3px;}
.nav-downmenu .nav-item .nav-link:hover {position:relative;color:var(--primary) !important;}
.nav-downmenu .nav-item .nav-link .icon {display:inline-block;transition:transform 0.5s;}
.nav-downmenu .nav-item .nav-hot {width:13px;height:13px;top:0.85rem;right:0.5rem;}
.nav-downmenu .nav-item .nav-menu {min-width:initial;top:68px;left:50%;transform:translateX(-50%);}
.nav-downmenu .nav-item .nav-menu.show {display:flex;}
.nav-downmenu .dropdown-menu {min-width:auto !important;bottom:0;left:50% !important;transform:translateX(-50%) !important;}
.nav-downmenu .dropdown-menu.skin1 {width:288px;left:0 !important;transform:translateX(0%) !important;}
.nav-downmenu .dropdown-menu.skin1 .btn-task {color:var(--gray-600);}
.nav-downmenu .dropdown-menu.skin1 .btn-task:hover {border-color:var(--orange);background-color:var(--white);color:var(--orange);}
.nav-downmenu .dropdown-menu.skin2 {width:458px;left:0 !important;transform:translateX(0%) !important;}
.nav-downmenu .dropdown-menu.skin2 .skincard + .skincard {padding-top:16px;margin-top:16px;border-top:1px solid #F0F0F0;}
.nav-downmenu .dropdown-menu.skin2 .skincard .skincard-header {display:flex;align-items:center;font-weight:bold;}
.nav-downmenu .dropdown-menu.skin2 .skincard .skincard-header::before {content:"";width:4px;height:14px;background:var(--primary);display:inline-block;margin-right:4px;}
.nav-downmenu .dropdown-menu.skin2 .skincard .skincard-body {display:flex;}
.nav-downmenu .dropdown-menu.skin2 .skincard .skincard-body .body-lisk {width:calc(100% - 33px);}
.x-header {width:100%;height:3.75rem;display:flex;align-items:center;position:sticky;top:0;background-color:var(--white);box-shadow:0px 0px 16px 1px rgba(26,26,26,0.05);}
@media (max-width:992px) {.x-header {background-color:var(--white);}
}
@media (min-width:992px) {.x-header {height:5.625rem;background-color:var(--white);}
}
@media (min-width:1600px) {.x-header .header-ecology {display:inline-block !important;}
}
.x-header .navbar-area {background:var(--gray-100);}
.x-header .navbar-tel {width:172px;height:40px;background:var(--primary);opacity:1;}
.skin2-promotion .promotion {width:100%;height:80px;}
.skin2-form textarea {resize:none;padding:10px 8px;}
.skin2-form textarea.form-control {height:70px;}
.skin2-form .form-control {width:100%;height:40px;background:var(--white);border-radius:4px;border:none;color:#1a1a1a;}
.skin2-form .form-control:focus {border-color:transparent !important;outline:0;box-shadow:none !important;}
.skin2-form .input-control-code {width:max-content;height:40px;line-height:40px;opacity:1;}
.skin2-form .picker {background-color:transparent;}
.skin2-form .picker .picker-selection-text {color:#1a1a1a;font-size:13px;}
.skin2-form .picker .picker-selections {width:100%;height:40px;background:var(--white);border-radius:4px;border:none;}
.skin2-form .picker .picker-placeholder {top:10px;font-size:13px;}
.skin2-form .picker .picker-selection-remove {top:8px;}
.skin2-form .picker .picker-selection-remove::before {color:#1a1a1a;}
.skin2-form .picker .picker-selection-single {padding:8px 20px 8px 8px;}
.skin2-form .picker .picker-selection-single::before {top:15px;color:#1a1a1a;}
.skin2-form .btn_msg[disabled="disabled"] {cursor:no-drop;}
.skin2-quotation {width:100%;height:140px;background:var(--white-100);border-radius:12px;}
.skin2-quotation .quotation-form .skin2-form {width:calc(100% - 106px);}
.skin1-recnews .media .media-img {width:100px;}
@media (min-width:992px) {.skin1-recnews .media .media-img {width:146px;}
}
.skin3-recservice .media .media-img {width:105px;height:75px;}
.skin3-recservice .media .media-body {max-width:calc(100% - 153px);}
.skin4-recnews .media .media-img {width:87px;}
.footer .footer-top a:hover,.footer .footer-top a:active,.footer .footer-top a:focus,.footer .footer-bot a:hover,.footer .footer-bot a:active,.footer .footer-bot a:focus {color:var(--white) !important;text-decoration:none;}
.footer .footer-top {border-bottom:1px solid #41414C;}
.footer .copyright {width:100%;text-align:center;}
.footer .copyright p,.footer .copyright a {font-size:14px;line-height:28px;color:var(--gray-800);margin-bottom:0;}
.footer .copyright a:hover,.footer .copyright a:active,.footer .copyright a:focus {color:var(--white) !important;text-decoration:revert;}