#jquery-script-menu{
    position:absolute;
    height:90px;
    width:100%;
    top:0;
    left:0;
    border-top:5px solid #316594;
    background:#fff;
    -moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.16);
    -webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.16);
    box-shadow:0 2px 3px 0 rgba(0,0,0,.16);
    z-index:200;padding:10px 0;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
        }
.jquery-script-center{
    width:960px;
    margin:0 auto
}
.jquery-script-center ul{
     width:212px;
    float:left;
    line-height:45px;
    margin:0;
    padding:0;
    list-style:none
}
.jquery-script-center a{
    text-decoration:none
}
.carbon-wrap{display:flex;align-items:center}
.carbon-img{display:block;margin:0;line-height:1}
.carbon-img img{display:block;height:90px;width:auto}
.carbon-text{
    display:block;
   padding:0 1em;
   line-height:1.35;
   text-align:left}
.carbon-poweredby{
    display:block;
    position:absolute;
    bottom:0;right:0;
    padding:6px 10px;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.5px;
    font-weight:600;
    font-size:8px;
    border-top-left-radius:4px;
    line-height:1;color:#aaa!important}

    .carbon-text {
        font-size: 14px
    }

.kslide-item {
    -webkit-transition: opacity 1.8s ease-in-out;
    -moz-transition: opacity 1.8s ease-in-out;
    -o-transition: opacity 1.8s ease-in-out;
    transition: opacity 1.8s ease-in-out;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
    h1 {
        color: #fff;
    }

    #kslide {
        height: 355px;
        width:100%;
        margin-top: 100px;
        margin-bottom:5px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .kslide-wrap {
        overflow: hidden;
    }

.box1, .box2, .box3, .box4, .box5, .box6, .box7, -box8, .box9, .box10 {
    height: 320px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    background-position: right 50px;
}


@media only screen and (max-width:600px) {
    .kslide-wrap {
        height: 240px;
    }

    .box1 {
        background-image: url('/images/rotate/bio_600.jpg');
    }

    .box2 {
        background-image: url('/images/rotate/lab_600.jpg');
    }

    .box3 {
        background-image: url('/images/rotate/farm_600.jpg');
    }

    .box4 {
        background-image: url('/images/rotate/rodb_600.jpg');
    }

    .box5 {
        background-image: url('/images/rotate/water_600.jpg');
    }

    .box6 {
        background-image: url('/images/rotate/service_600.jpg');
    }

    .box7 {
        background-image: url('/images/rotate/marine_600.jpg');
    }

    .box1, .box2, .box3, .box4, .box5, .box6, .box7, -box8, .box9, .box10 {
        height: 240px;
    }
    #kslide {
        height: 275px;
    }
    }

@media only screen and (min-width:600px) and (max-width:800px) {
    .kslide-wrap {
        height: 320px;
    }
        .box1 {
        background-image: url('/images/rotate/bio_800.jpg');
    }

    .box2 {
        background-image: url('/images/rotate/lab_800.jpg');
    }

    .box3 {
        background-image: url('/images/rotate/farm_800.jpg');
    }

    .box4 {
        background-image: url('/images/rotate/rodb_800.jpg');
    }

    .box5 {
        background-image: url('/images/rotate/water_800.jpg');
    }

    .box6 {
        background-image: url('/images/rotate/service_800.jpg');
    }

    .box7 {
        background-image: url('/images/rotate/marine_800.jpg');
    }
}

@media only screen and (min-width:800px)  {
    .kslide-wrap {
        height: 320px;
    }
        .box1 {
        background-image: url('/images/rotate/bio_1200.jpg');
    }

    .box2 {
        background-image: url('/images/rotate/lab_1200.jpg');
    }

    .box3 {
        background-image: url('/images/rotate/farm_1200.jpg');
    }

    .box4 {
        background-image: url('/images/rotate/rodb_1200.jpg');
    }

    .box5 {
        background-image: url('/images/rotate/water_1200.jpg');
    }

    .box6 {
        background-image: url('/images/rotate/service_1200.jpg');
    }

    .box7 {
        background-image: url('/images/rotate/marine_1200.jpg');
    }
}


