@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);display:none;}
}
@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}
.skin1-newslist .media .media-img{width:100px;display:inline-block;aspect-ratio:1.5909090909}
.skin1-newslist .media .media-img img{aspect-ratio:1.5909090909}
.skin1-newslist .media .media-img + .media-body{max-width:calc(100% - 114px)}
@media (min-width:992px){.skin1-newslist .media .media-img{width:175px}
.skin1-newslist .media .media-img + .media-body{max-width:calc(100% - 189px)}
.skin1-newslist .media .media-body .info{height:40px}
}
.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)}
.skin3-recservice .media .media-img{width:105px;height:75px}
.skin3-recservice .media .media-body{max-width:calc(100% - 153px)}
.skin5-recnews .media .media-img{width:120px}
.copyright{width:100%;text-align:center}
.copyright p,.copyright a{font-size:12px;line-height:28px;color:var(--gray-800);margin-bottom:0}
.copyright a:hover,.copyright a:active,.copyright a:focus{color:var(--white) !important;text-decoration:revert}