.form-control:focus,.form-control,.has-error .form-control:focus,.has-error .form-control,.has-success .form-control,.has-success .form-control:focus{
    box-shadow:none;
}
.red{
    color:red
}
.orange{
    color:#fa8b15
}
.gray{
    color:#777
}
.mt-0,.mtop0{
    margin-top:0 !important
}
.mt-10,.mtop10{
    margin-top:10px !important
}
.mt-15,.mtop15{
    margin-top:15px !important
}
.mt-20,.mtop20{
    margin-top:20px !important
}
.mt-30,.mtop30{
    margin-top:30px !important
}
.mt-40,.mtop40{
    margin-top:40px !important
}
.mt-50,.mtop50{
    margin-top:50px !important
}
.mb-0,.mbottom0{
    margin-bottom:0 !important
}
.mb-10,.mbottom10{
    margin-bottom:10px !important
}
.mb-15,.mbottom15{
    margin-bottom:15px !important
}
.mb-20,.mbottom20{
    margin-bottom:20px !important
}
.mb-30,.mbottom30{
    margin-bottom:30px !important
}
.mb-40,.mbottom40{
    margin-bottom:40px !important
}
.mb-50,.mbottom50{
    margin-bottom:50px !important
}
.show-center,.ServiceShowPic{
    font-size:0.95em;
    text-align:center;
    line-height:1.7em !important;
    color:#666666;
}
.show-center img,.ServiceShowPic img{
    margin:auto;
}
.show-left,.ServiceShowleftPic{
    margin-right:15px;
    text-align:center;
    color:#666666;
    display:inline-block;
}
.show-right,.ServiceShowrightPic{
    margin-left:15px;
    text-align:center;
    color:#666666;
    display:inline-block;
}
.show-center,.show-left,.show-right,.ServiceShowPic,.ServiceShowrightPic,.ServiceShowleftPic{
    font-size:0.95em;
    text-align:center;
    line-height:1.7em !important;
}
.show-center img,.show-left img,.show-right img,.ServiceShowPic img,.ServiceShowrightPic img,.ServiceShowleftPic img{
    display:block;
    max-width:100%;
    height:auto;
    margin-bottom:15px;
    margin-left:auto;
    margin-right:auto;
}
.container-row-a li{
    list-style:none;
}
.Reference,.reference{
    font-size:0.97em;
    color:#666;
    margin-top:40px;
}
.Reference p,.reference p{
    margin-bottom:10px;
}
.Reference ol,.reference ol{
    margin-bottom:15px;
    padding-left:15px;
}
@media only screen and (min-width:992px){
    .ServiceShowrightPic,.show-right{
        float:right;
    }
    .ServiceShowleftPic,.show-left{
        float:left;
    }
}
.service-box ul,.service-box ol,.product-box ul,.product-box ol{
    margin-bottom:20px;
}
.ul-right li{
    position:relative;
}
.service-box ul ul,.product-box ul ul{
    margin-bottom:10px;
}
.service-box{
    margin-top:30px;
}
ul.border-box>li:last-child{
    margin-bottom:0
}
ul.border-box{
    padding:15px 15px 15px 30px
}
.border-box{
    border:1px solid #ccc;
    padding:15px;
    border-radius:5px
}
.bg-box{
    background:#eef8f7;
    padding:15px;
    border-radius:5px 100px 5px 5px
}
.bg-box ul{
    list-style:none;
    padding-left:0
}
.bg-box li{
    padding-left:30px;
    position:relative
}
.bg-box li:before{
    content:"\e927";
    font-family:icomoon;
    font-size:.9em;
    position:absolute;
    left:0;
    top:2px;
    color:#82ab28
}
div.bg-box,div.border-box{
    margin-bottom:25px
}
.bg-box .container,.gray-box .container,.gray-bg .container,.bg-box-3 .container,.bg-box-1 .container,.bg-box-2 .container{
    padding-top:40px;
    padding-bottom:20px;
}
.bg-box:has(.container),.bg-box-1:has(.container),.gray-box:has(.container),.gray-bg:has(.container),.bg-box-3:has(.container),.bg-box-2:has(.container){
    margin-bottom:40px;
    padding:0;
}
.container:has(+ .bg-box),.container:has(+ .bg-box-1),.container:has(+ .bg-box-3),.container:has(+ .gray-box),.container:has(+ .gray-bg),.container:has(+ .bg-box-2){
    margin-bottom:25px;
}
.gray-box,.gray-bg{
    background:#efefef;
    padding:20px 15px;
}
.bg-box-1{
    background: linear-gradient(to bottom,#f4f8ef,#ecf6f0);
    padding:20px 15px;
}
.bg-box-2{
    background: linear-gradient(to right,#f4fcf4,#eafbfc);
    padding:20px 15px;
}
.bg-box-3{
    background:#edf3e9;
    padding:20px 15px;
}
@media (min-width:992px){
    .list-box,.flex-box{
        display:flex;
        flex-wrap:wrap
    }
    .flex-row{
        display:flex;
        flex-wrap:wrap;
        align-items:center;
    }
    .list-box div[class*="col-md"]{
        display:flex
    }
}
.flex-box .border-box{
    margin-bottom:0;
    height:100%
}
.flex-box .border-box p{
    font-size:.94em
}
.list-box div[class*="col-md"],.flex-box div[class*="col-md"],.flex-row div[class*="col-md"]{
    margin-bottom:20px
}
.list-box a,.list-box div[class*="col-md"]>span{
    display:flex;
    align-items:center;
    border:1px solid #ddd;
    width:100%;
    padding:10px;
    border-radius:5px;
    position:relative;
    transition:all ease .4s;
    text-align:left
}
.list-box a:before,.list-box div[class*="col-md"]>span:before{
    position:absolute;
    content:'';
    background:#82ab28;
    z-index:-1;
    top:0;
    right:auto;
    bottom:auto;
    left:0;
    width:0;
    height:100%;
    opacity:1;
    border:solid 2px #82ab28;
    transition:all ease .4s
}
.list-box a:hover,.list-box div[class*="col-md"]>span:hover{
    color:#fff;
    border:1px solid transparent
}
.list-box a:hover:before,.list-box div[class*="col-md"]>span:hover:before{
    right:0;
    width:100%;
    border-radius:5px
}
.flex-box p{
    margin-bottom:15px
}
.flex-box p:last-child{
    margin-bottom:10px
}
@media(min-width:992px){
    .bg-box>.row{
        display:flex;
        flex-wrap:wrap;
    }
    .border-box ul:last-child,.border-box p:last-child,.bg-box div[class*="col-md"]>p:last-child,.bg-box div[class*="col-md"] img,.bg-box ul:last-child{
        margin-bottom:0
    }
}
.bg-box>.row .ServiceShowPic,.bg-box>.row .show-center{
    height:100%;
    width:100%;
    position:relative;
    overflow:hidden;
    min-height:140px;
}
.bg-box>.row .ServiceShowPic img,.bg-box>.row .show-center img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    min-width:100%;
    min-height:100%;
    max-width:120%;
}
@media(min-width:992px){
    .next-box{
        display:flex;
        flex-wrap:wrap;
    }
}
.next-box div[class*="col-md"]{
    margin-bottom:25px;
}
.next-box div[class*="col-md"]>div,.next-box div[class*="col-md"]>a{
    display:flex;
    flex-wrap:wrap;
    height:100%;
    align-items:center;
    align-content:center;
    min-height:140px;
    position:relative;
    width:100%;
    color:#fff;
    text-align:center;
    border-radius:5px;
    transition:all ease .4s;
    background-repeat:no-repeat;
    background-size:cover!important;
    background-position:center;
    padding:15px 10px;
    overflow:hidden;
}
.next-box div[class*="col-md"]>div:before,.next-box div[class*="col-md"]>a:before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.4);
    position:absolute;
    top:0;
    left:0;
}
.next-box h2,.next-box h3{
    font-weight:normal;
    margin-bottom:10px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    font-size:1.25em;
    position:relative;
    z-index:2
}
.next-box p{
    width:100%;
    position:relative;
    z-index:2;
    margin-bottom:10px;
    line-height:1.5em
}
.next-box div[class*="col-md"] p:last-child,.next-box div[class*="col-md"] h3:last-child,.next-box div[class*="col-md"] h2:last-child{
    margin-bottom:0
}
.next-box a:hover{
    box-shadow:0 0 10px #ccc;
    transform:scale(1.02);
}
table{
    margin-bottom:25px;
    width:100%;
    border:1px solid #ddd
}
table p,table td ul,table td ol{
    margin-bottom:15px
}
table td ul:last-child,table td ol:last-child,table td p:last-child,table td ul:last-child>li:last-child,table td ol:last-child>li:last-child{
    margin-bottom:0
}
table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td,.table>thead>tr>th,table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{
    padding:12px 8px;
    border-top:1px solid #ddd;
    vertical-align:middle;
    line-height:1.428571429
}
.service-table tr:first-child {
    border-bottom: 2px solid #ddd;
    border-top: 2px solid #82ab28;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    font-weight: bold;
}
.service-table tr:first-child,.service-tr,.service-table.table-striped tr:first-child{
    background: #f8fcf6;
    color: #52730b;
}
.service-table tr:first-child td,.service-table tr:first-child th,.table-bordered .service-tr td,.service-tr td{
    border:none
}
.service-table.table-striped>tbody>tr:nth-child(1)>td,.service-table.table-striped>tbody>tr:nth-child(1)>th{
    background-color:transparent
}
@media (max-width:760px){
    table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{
        display:block;
        width:100%;
        border:none;
    !important;
    }
    table tr{
        border-bottom:1px solid #ddd;
    }
}
@media (min-width:992px){
    .col-md-9.service-box{
        padding-left:50px;
    }
}
.underline{
    width:100px;
    height:2px;
    background:#fff;
    margin-bottom:30px;
}
.aboutUsLink{
    width:155px;
    border:1px solid #fff;
    border-radius:20px;
    padding:5px 13px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.aboutUsLink:hover{
    border:1px solid #000;
}
.aboutUsLink span{
    font-size:18px;
    margin-left:8px;
}
.aboutUsLink:hover span{
    color:#000;
}
.four-list h2{
    font-size:3rem;
    margin:20px 0 30px 0;
}
.four-list p{
    font-size:1.15em;
    line-height:1.7em;
    margin-bottom:30px;
}
@media (max-width:992px){
    .index-four .row{
        min-height:0;
    }
    .aboutUsLink{
        border:1px solid #fff;
        border-radius:20px;
        margin-top:30px;
        float:left;
        padding:5px 15px;
        margin-bottom:60px;
    }
    .aboutUsLink span{
        font-size:1em;
        margin-left:8px;
    }
}
.side-title{
    margin-top:50px;
    background:#f1f5e8;
    color:#3c6a36;
    padding:10px 15px;
    font-weight:bold;
    margin-bottom:0;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom: 2px solid #82ab28;
}
.side-title a{
    color:#3c6a36;
}
@media (max-width:760px){
    .navMenu,.side-products{
        display:none;
    }
}
ul.navMenu{
    padding:15px 0;
    background:none;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    border: 1px solid #ddd;
    transition: all ease .4s;
}
ul.navMenu:hover{
    border: 1px solid transparent;
    box-shadow: 0 0 10px #ddd;
}
.navMenu> li{
    display:block;
    margin:0 0 10px 0;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
    position:relative;
    padding-left:15px;
    line-height:1em
}
.navMenu>li.open>ul.sub-menu{
    display:block;
}
.navMenu>li.open>ul.sub-menu>li.open>ul.sub-menu{
    display:block;
}
.navMenu>li>a{
    display:inline-block;
    overflow:hidden;
    color:#203552;
    transition:all .3s;
    position:relative;
    text-decoration:none;
    padding:0;
    line-height:1.56em;
    font-weight:bold;
}
.navMenu>li>a:hover{
    color:#82ab28;
}
.arrow:before{
    cursor:pointer;
    content:"\e92d";
    float:right;
    padding:0 10px;
    display:inline;
    font-family:"icomoon";
    color:#617590;
}
.arrow.open:before{
    cursor:pointer;
    float:right;
    padding:0 10px;
    display:inline;
    font-family:"icomoon";
    content:"\e969";
    color:#617590;
}
.navMenu> li>span.arrow:before{
    padding:4px 10px;
    position:absolute;
    right:0;
}
.navMenu>li>a:before{
    position:absolute;
    top:5px;
    left:0;
    font-family:"icomoon";
    font-weight:900;
    color:#666;
}
.navMenu>li>ul.sub-menu{
    margin-top:10px;
}
.navMenu>li>ul.sub-menu>li>ul.sub-menu{
    margin:7px 0;
}
.navMenu>li>ul.sub-menu,.navMenu>li>ul.sub-menu>li>ul.sub-menu{
    list-style:none;
    padding:0;
    display:none;
}
.navMenu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{
    color:#82ab28;
}
.navMenu>li>ul.sub-menu>li>ul.sub-menu>li>a:before{
    color:#333;
}
.navMenu>li ul.sub-menu li{
    margin-bottom:7px;
}
.navMenu>li ul.sub-menu>li>a{
    display:inline-block;
    line-height:1.5em;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    position:relative;
    width:85%;
    color:#2a394e;
}
.navMenu>li>ul.sub-menu>li>a:hover{
    color:#82ab28;
}
.navMenu>li>ul.sub-menu>li>a:before{
    top:3px;
    position:absolute;
    left:0;
    color:#82ab28;
}
.navMenu>li>ul.sub-menu .sub-menu li>a{
    display:inline-block;
    padding-left:15px;
    line-height:1.5em;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    position:relative;
    width:85%;
    color:#048ca9;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu{
    list-style:none;
    font-size:.95em;
    padding:5px 0 0 0;
    display:none;
    margin-top:0;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a{
    color:#555;
    padding-left:15px;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a:before{
    content:'';
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu .sub-menu{
    padding:8px;
    margin-bottom:0;
    background:#eeeeee;
}
.bread-box{
    border-bottom: 1px solid #ddd;
}
.bread-box .breadcrumb{
    background:none;
    padding-left:0;
    margin-bottom:10px;
    padding-bottom:0;
    padding-top:15px;
    color:#777;
}
.bread-box .breadcrumb a{
    color:#777;
}
.bread-box .breadcrumb>li{
    margin-bottom:6px;
}
.bread-box .breadcrumb>li+li:before{
    color:#999;
    padding:0 5px;
    font-size:.9em;
}
.title-name{
    font-size:2em;
    font-weight:bold;
    margin-bottom:30px;
    margin-top:10px;
    color:#163354;
}
.title-name::after{
    content:"";
    display:block;
    height:4px;
    width:68px;
    background:#82ab28;
    margin-top:1.5rem;
}
.pro-detail .sub-nav-list{
    width:100%;
    margin-top:10px;
    margin-bottom:30px;
    padding-left:0;
}
@media (min-width:768px){
    .pro-detail .sub-nav-list{
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
        column-width:50%;
        column-gap:20px;
    }
}
.pro-detail .sub-nav-list li{
    list-style:none;
    position:relative;
    margin-bottom:10px;
    break-inside:avoid;
    padding:8px;
    background:#f8fbfd;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    padding-left:30px;
}
.pro-detail .sub-nav-list li:before{
    content:"\e927";
    font-family:'icomoon';
    position:absolute;
    left:14px;
    font-size:20px;
}
.pro-detail .sub-nav-list li a{
    color:#000;
    display:block;
    line-height:26px;
}
.pro-detail .sub-nav-list li:hover{
    color:#fff;
    background:#82ab28;
}
.pro-detail .sub-nav-list li:hover a{
    color:#fff;
}
.pro-detail .span-color{
    color:#82ab28;
    font-weight:700;
}
.pro-detail div[class*="col-md"]{
    margin-bottom:22px;
}
.identify-box{
    position:relative;
}
.identify-box .check-fa{
    position:absolute;
    top:17px;
    right:150px;
    font-size:22px;
    color:#048ca9;
}
.identify-box img{
    position:absolute;
    top:4px;
    right:5px;
    width:130px;
    height:47px;
    cursor:pointer;
    border:none;
}
.inquiry-part label>span{
    color:#82ab28;
}
.side-inquiry{
    background:none;
    transition: all ease .4s;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}
.side-inquiry .inquiry-part:hover{
    border: 1px solid transparent;
    box-shadow: 0 0 10px #ddd;
}
.side-inquiry .inquiry-part{
    padding:35px 10px 15px 10px;
    margin:0;
    border: 1px solid #ddd;
    transition: all ease .4s;
}
.side-inquiry .form-group{
    margin-bottom:20px;
}
.side-inquiry div[class*='col-md'].form-group{
    width:100%;
}
.product-content{
    margin:30px 0;
}
.solution-pic{
    height:180px;
    overflow:hidden;
    position:relative;
    margin-bottom:25px;
}
.solution-pic img{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    min-width:100%;
    min-height:100%;
    max-width:102%;
    height:auto;
}
.solution-box a{
    display:block;
    color:#08294d;
}
.solution-box a:hover h3{
    color:#08294d;
}
.solution-box h3{
    margin-bottom:15px;
    color:#82ab28;
}
.solution-box a p{
    font-size:.96em;
    line-height:1.55em;
}
.solution-box .row{
    margin-bottom:25px;
}
.sub-list{
    margin-bottom:30px;
}
.sub-list a{
    display:block;
    padding:3px 5px;
    font-weight:bold;
    border:1px solid #f2f2f2;
    margin-bottom:5px;
}
.sub-list a:hover,.sub-list a:focus{
    background:#fff;
    color:#82ab28;
}
.list-search{
    background:#f2f2f2;
    padding:20px 20px 10px 20px;
    font-size:1.05em;
    margin-bottom:30px;
}
.list-search div[class*='col-md']{
    margin-bottom:20px;
}
.list-btn{
    display:inline-block;
    padding:4px 12px;
    border:none;
    background:#82ab28;
    color:#fff;
    border-radius:5px;
}
.list-btn:hover,.list-btn:focus,.inquiry-a:hover,.inquiry-a:focus{
    background:#08294d;
    color:#fff;
}
.list-search .form-control{
    height:44px;
    background:#f7f7f7;
}
.inquiry-a{
    display:inline-block;
    padding:3px 5px;
    background:#82ab28;
    color:#fff;
    border-radius:5px;
    font-size:.94em;
}
.pro-table,.enzymes-table{
    border-top:none;
    border-left:none;
    border-right:none;
}
.pro-table th{
    font-family:'Oswald',sans-serif;
    border-top:none;
    font-size:1.05em;
    padding:16px 8px;
}
.enzymes-table th{
    border-top:none;
    padding:16px 8px;
    background:#f1f1f1;
}
.enzymes-table tr:nth-child(2) td{
    border-top:none;
}
.pro-table tr th:first-child,.pro-table tr td:first-child{
    padding-left:0;
}
.pro-table tr:first-child{
    border-bottom:2px solid #08294d;
}
.contact-inquiry{
    background:#ececed;
    padding:3%;
}
.contact-inquiry .inquiry-part{
    box-shadow:0 10px 10px #f3f3f3;
    background:#fff;
    padding:5%;
    margin:0;
}
.inquiry-part{
    margin:10px 0 20px 0;
}
.message-box .index-title{
    margin-bottom:10px;
    text-align:left;
}
.service-inquiry h3>span{
    display:inline-block;
    padding:10px 25px;
    background:#82ab28;
    color:#fff;
    margin-bottom:-1px;
}
.solutions-inquiry{
    display:inline-block;
    padding:8px 15px;
    background:#ec9e40;
    color:#fff;
    border-radius:5px;
    margin:15px 0;
}
@media (min-width:992px){
    .solutions-inquiry{
        float:right;
    }
}
.solutions-inquiry:hover{
    color:#fff;
    background:#82ab28;
}
.inquiry-submit{
    border:none;
    padding:10px 55px;
    width:100%;
    font-weight:bold;
    background:#82ab28;
    color:#fff;
    border-radius:6px;
}
.inquirySubmit{
    float:right;
    margin-right:15px;
}
.inquiry-submit:hover,.inquiry-submit:focus{
    background: #ec9e40;
}
.product-page{
    text-align:right;
}
@media (max-width:760px){
    .service-box h1{
        font-size:2.3em;
        margin-bottom:10px;
    }
    .inquiry-submit{
        padding:10px 40px;
    }
}
.detail-more a:hover,.detail-more a:focus{
    color:#82ab28;
    background-color:#fff;
    box-shadow:none;
}
@media (min-width:992px){
    .detail-more a:hover,.detail-more a:focus{
        background-image:url(../images/right-arrow.png);
        background-position:calc(100% - 30px) 18px;
        background-repeat:no-repeat;
        background-size:50px;
    }
    .detail-more{
        background-image:url(../images/right-arrow.png);
        background-position:calc(100% - 30px) 18px;
        background-repeat:no-repeat;
        background-size:50px;
    }
}
.service-box ul.detail-nav{
    margin-bottom:0;
}



.discovery-pic img{
    width:100%;
}
.discovery-text{
    padding:2em 1.8em;
}
.discovery-solutions h2{
    font-size:2.6rem;
    text-align:center;
}
.discovery-solutions span{
    color:#82ab28;
    font-weight:700;
}
@media (max-width:992px){
    .discovery-solutions{
        margin-top:40px;
    }
    .discovery-solutions .row{
        padding-bottom:70px;
    }
}
.contact-box{
    margin-bottom:50px;
}
@media(min-width: 768px) {
    .contact-box {
        grid-gap: 0;
    }

    .contact-box>div {
        border-right: 1px solid #ddd;
    }

    .contact-box>div:nth-child(3n+3) {
        border-right: none;
    }
}
.contact-box h2:before{
    content:'';
    display:inline-block;
    height:2px;
    width:50px;
    position:absolute;
    background:#e68124;
    bottom:-10px;
}
.contact-box h2{
    padding-left:50px;
    margin-bottom:40px;
    position:relative;
    margin-top:0;
    font-size:2.2rem;
}
.contact-box li{
    position:relative;
    padding-bottom:17px;
    margin-bottom:10px;
    border-bottom:1px dashed #ddd;
    padding-left:50px;
    line-height:1.65em;
}
.contact-box li>strong,.contact-box li>div>strong{
    display:block;
    margin-bottom:17px;
}
.contact-box li:before{
    font-family:'icomoon';
    position:absolute;
    left:10px;
    font-size:26px;
    top:3px;
    color:#093551;
}
.contact-box p{
    font-size:1em;
    margin-bottom:0px;
    line-height:22px;
}
.table-first{
    background:#82ab28;
}
.services-list a{
    height:180px;
    display:block;
    overflow:hidden;
    position:relative;
    margin-bottom:10px;
    border-radius:5px;
}
.services-list h2{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:3;
    display:table;
    font-size:1.8rem;
    margin:0;
    width:100%;
    text-align:center;
}
.services-list h2 span{
    display:table-cell;
    vertical-align:middle;
    height:180px;
    width:100%;
    padding:0 10px;
    color:#fff;
}
.services-pic{
    transition:all ease .5s;
    position:relative;
    height:100%;
}
.services-pic:before{
    content:'';
    display:inline-block;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,.45);
    z-index:1;
}
.services-pic img{
    min-width:0;
    min-height:100%;
    width:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
}
.services-list a:hover h2 span{
    color:#fff;
}
.services-list a:hover .services-pic{
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}
.ul-right{
    padding-left:0;
}
.ul-right>li:before{
    font-family:'icomoon';
    position:absolute;
    left:0;
    font-size:20px;
}
.ul-right>li{
    list-style:none;
    padding-left:20px;
}
.ul-right>li::before{
    content:"\e918";
}
.successinfo{
    line-height:30px;
    color:#888888;
    padding-right:20px;
    padding-bottom:20px;
    margin-top:50px;
}
.successinfo .iconarea .iconunit{
    text-align:center;
    display:block;
    width:40px;
    height:40px;
    border-radius:40px;
    background-color:#82ab28;
    color:#ffffff;
    line-height:40px;
    font-weight:bolder;
    font-size:22px;
    position:relative;
    z-index:9;
}
.successinfo .tit{
    font-size:24px;
    font-weight:bold;
    color:#82ab28;
    display:block;
}
.successinfo .iconarea .iconunit img{
    top:10px;
    left:5px;
    position:absolute;
    z-index:10;
}
.nav-view{
    grid-gap: 10px;
    --number:auto-fill;
    --width: 360px;
    margin-bottom: 25px;
    padding: 20px;
    background: rgba(229, 246, 228, 0.5);
    border: 1px solid #f1f0ef;
    min-height: 138px;
    align-items: center;
}
.nav-view strong{
    font-weight: normal;
}
@media(min-width: 992px){
    .nav-view{
        grid-template-columns: repeat(var(--number), minmax(var(--width),1fr));
    }
}
.nav-view a {
    display: block;
    color: #424a30;
    transition: all ease .4s;
}
.nav-view a:hover {
    transform: scale(1.03);
}
@media(min-width: 992px) {
    .page-content {
        position: sticky;
        top: 62px;
        z-index:5;
        width: 100%;
    }
    .page-content .navbar-nav {
        width: 100%;
        padding: 10px 10px 0 10px;
    }
    .page-content .nav>li>a {
        margin-right: 5px;
    }
}
@media(max-width: 992px) {
    .page-content .navbar-nav {
        display: grid;
        padding: 20px 5px;
        grid-gap: 5px;
        grid-template-columns: repeat(2,1fr);
        text-align: center;
    }
    .page-content .navbar-nav:before,.page-content .navbar-nav:after {
        display: none;
    }
    .page-content .navbar-nav a {
        height: 100%;
        align-content: center;
    }
}
.page-content .nav>li>a,.page-content .affix-top li.active a {
    border-radius: 30px;
    background: rgba(255, 255, 255, .97);
    font-size: .96em;
    padding: 7px 10px;
    color: #627587;
}
.page-content li.active a, .page-content a:hover {
    background: linear-gradient(to right, #fff, #f7efdb);
    color: #ec9e40;
}
.page-content .navbar-nav {
    background: #dfe9f2;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 30px;
}
#navbar-top {
    display: none;
}
#navbar-top .affix {
    position: static;
}
.page-content +.container{
    margin-top:30px;
}
.panel-box .panel-title{
    margin:0;
    font-weight:600;
    position:relative;
    font-size:1em;
}
.panel-box .panel-default>.panel-heading{
    cursor:pointer;
    border-radius:0;
    background:0;
    padding:15px 15px 15px 55px;
    background:#f5f5f5;
    font-size:1.05em;
}
.panel-box input[type=checkbox],.panel-box input[type=radio]{
    margin-top:-2px;
    padding:0;
    vertical-align:middle
}
.panel-group .panel+.panel{
    margin-top:0
}
.panel-box .panel{
    border:1px solid #ddd;
    box-shadow:none;
    margin-top:0;
    margin-bottom:20px;
    border-radius:0;
}
.panel-box .panel-body{
    border-top:none !important;
}
.panel-box .panel-body>p:last-child,.panel-box .panel-body>ul:last-child,.panel-box .panel-body>ol:last-child{
    margin-bottom:0;
}
.panel-box .panel-body>p,.panel-box .panel-body>ul,.panel-box .panel-body>ol{
    margin-bottom:15px;
}
.panel-group .panel:last-child{
    border-bottom:1px solid #ccc
}
.panel-box .panel-heading.collapsed>.panel-title:after{
    content:"\e95b";
    font-family:icomoon;
    color:#82ab28
}
.panel-box .panel-heading>.panel-title:after{
    content:"\e950";
    font-family:icomoon;
    color:#82ab28;
    border:2px solid #82ab28;
    border-radius:30px;
    width:22px;
    height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    left:-35px;
    top:2px;
}
.view-inquiry{
    display:inline-block;
    padding:15px 20PX;
    background:#ec9e40;
    color:#fff;
    border-radius:40px;
    line-height:1.4em;
    min-width:280px;
    font-weight:bold;
    transition:all ease .4s;
    text-align:center;
}
.view-inquiry:hover{
    background:#82ab28;
    color:#fff;
    transform:scale(1.05);
}
.detail-nav>li>h2{
    margin:0;
    font-family:inherit;
    font-size:1.05em;
    padding-bottom:0;
}
.detail-nav>li>h2>a{
    font-weight:bold;
}
.detail-nav>li>h2:before,.detail-nav>li>h2:after{
    display:none;
}
.detail-nav>li a{
    display:inline-block;
    margin-right:10px;
    padding:12px 25px;
    border-radius:10px 10px 0 0;
    background:#e2f0f3;
    color:#82ab28;
    line-height:1em;
    font-size:1em;
    font-weight:normal;
    border-bottom:1px solid transparent;
}
.service-box .detail-nav.nav-tabs{
    margin-bottom:20px;
    border-bottom:1px solid #c8ccad;
}
.detail-nav>li a:hover{
    border-bottom:1px solid #82ab28;
}
.detail-nav>li.active a,.detail-nav>li.active a:hover,.detail-nav>li.active a:focus{
    background:linear-gradient(to right,#aac078,#bfcc6e);
    color:#fff;
}
.img-box,.pic-box{
    position:relative;
    min-height:140px;
    overflow:hidden;
}
.img-box img,.pic-box img{
    min-height:100%;
    min-width:100%;
    max-width:110%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}
.search-list{
    margin-bottom:25px;
}
@media(min-width:992px){
    .search-list{
        grid-gap:4px;
    }
}
.search-list a,.search-list span{
    display:block;
    align-content:center;
    padding:5px 10px;
    background:linear-gradient(to right,#edf6f7,#f9f9f9);
    transition:all ease .4s;
    min-height:50px;
    line-height:1.4em;
    font-weight:bold;
}
.search-list a:hover{
    transform:scale(1.03);
    background:linear-gradient(to right,rgba(248,227,201,0.9),rgba(229,246,228,0.5));
}