
.w3layouts-banner-top{
     /*background: url(../img/IMG_0946.JPG) no-repeat 0px 0px;*/
     background-size: cover;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     min-height:500px;
 }
.w3layouts-banner-top1{
    /*background: url(../img/IMG_0947.JPG) no-repeat 0px 0px;*/
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    min-height:500px;
}
.w3layouts-banner-top2{
    /*background: url(../img/slider-3.jpg) no-repeat 0px 0px;*/
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    min-height:500px;
}
.w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2, .w3layouts-banner-top3 {
    min-height: 400px;
}
.edu-banner-top{
    background: url(../img/edu0.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    min-height:500px;
}
.edu-banner-top1{
    background: url(../img/edu1.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    min-height:500px;
}
.edu-banner-top2{
    background: url(../img/edu2.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    min-height:500px;
}
.edu-banner-top3{
    background: url(../img/edu3.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    min-height:500px;
}
.edu-banner-top, .edu-banner-top1, .edu-banner-top2, .edu-banner-top3 {
    min-height: 400px;
}
.scrollbar{
    height:400px;
}
.scrollbar-lg{
    height:610px;
    float: left;
    width:100%;
    overflow-y: scroll;
}
.scrollbar-md{
    height:400px;
    float: left;
    width:100%;
    overflow-y: scroll;
}
@media(max-width:1440px) {
    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2, .w3layouts-banner-top3 {
        min-height: 390px;
    }
    .edu-banner-top, .edu-banner-top1, .edu-banner-top2, .edu-banner-top3 {
        min-height: 390px;
    }
    .scrollbar{
        height:390px;
    }

    .agileits-banner-info {
        padding: 1em 0 0em;
    }

    .agileits-banner-info h3 {
        font-size: 5.5em;
        margin: 0.1em 0 0.2em 0;
    }
}
@media(max-width:1366px) {
    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2, .w3layouts-banner-top3 {
        min-height: 380px;
    }
    .edu-banner-top, .edu-banner-top1, .edu-banner-top2, .edu-banner-top3 {
        min-height: 380px;
    }
    .scrollbar{
        height:380px;
    }
    .agileits-banner-info {
        padding:1em 0 0em;
    }
    .agileits-banner-info h3 {
        font-size: 5em;
        margin: 0.1em 0 0.2em 0;
    }
}
@media(max-width:1280px) {
    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2, .w3layouts-banner-top3 {
        min-height: 370px;
    }
    .edu-banner-top, .edu-banner-top1, .edu-banner-top2, .edu-banner-top3 {
        min-height: 370px;
    }
    .scrollbar{
        height:370px;
    }

    .agileits-banner-info {
        padding: 1em 0 0em;
    }
}
@media(max-width:1024px) {

    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2, .w3layouts-banner-top3 {
        min-height: 370px;
    }
    .edu-banner-top, .edu-banner-top1, .edu-banner-top2, .edu-banner-top3 {
        min-height: 370px;
    }
    .scrollbar{
        height:360px;
    }
}
@media(max-width:991px) {
    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2, .w3layouts-banner-top3 {
        min-height: 360px;
    }
    .edu-banner-top, .edu-banner-top1, .edu-banner-top2, .edu-banner-top3 {
        min-height: 360px;
    }
    .scrollbar{
        height:350px;
    }
    .agileits-banner-info {
        padding: 1em 0 0 2em;
    }

    .agileits-banner-info span {
        padding: 0.5em 2em;
        color: #fff;
        font-size: 1em;
        padding: 5px 1.8em;
        letter-spacing: 1px;
    }
}
@media(max-width:667px) {
    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2, .w3layouts-banner-top3 {
        min-height: 340px;
    }
    .edu-banner-top, .edu-banner-top1, .edu-banner-top2, .edu-banner-top3 {
        min-height: 340px;
    }
    .scrollbar{
        height:340px;
    }

    .agileits-banner-info {
        padding: 5em 0 0 3em;
    }

    .agileits-banner-info span {
        font-size: 0.9em;
    }
}
@media(max-width:640px) {
    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2, .w3layouts-banner-top3 {
        min-height: 340px;
    }
    .edu-banner-top, .edu-banner-top1, .edu-banner-top2, .edu-banner-top3 {
        min-height: 340px;
    }
    .scrollbar{
        height:340px;
    }

    .agileits-banner-info {
        padding: 1em 0 0 3em;
    }
}
@media(max-width:568px){
    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2, .w3layouts-banner-top3 {
        min-height: 330px;
    }
    .edu-banner-top, .edu-banner-top1, .edu-banner-top2, .edu-banner-top3 {
        min-height: 330px;
    }
    .scrollbar{
        height:330px;
    }
    .agileits-banner-info span {
        font-size: 0.9em;
        padding: 4px 1.2em;
        letter-spacing: 1px;
    }
    .agileits-banner-info {
        padding: 1em 0 0 3em;
    }
    .agileits-banner-info h3 {
        font-size: 1.8em;
        margin: 0.1em 0 0.2em 0;
    }

}
@media(max-width:414px){

    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2, .w3layouts-banner-top3 {
        min-height:320px;
    }
    .edu-banner-top, .edu-banner-top1, .edu-banner-top2, .edu-banner-top3 {
        min-height:320px;
    }
    .scrollbar{
        height:320px;
    }

    .agileits-banner-info p {
        line-height: 1.9em;
        width: 100%;
        text-align: left;
    }
    .agileits-banner-info {
        padding: 1em 0 0 2em;
    }
}

@media(max-width:375px) {
    .agileits-banner-info {
        padding: 1em 0 0 1em;
    }

    .agileits-banner-info p {
        line-height: 1.9em;
        font-size: 0.8em;
    }

    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2, .w3layouts-banner-top3 {
        min-height: 350px;
    }
    .edu-banner-top, .edu-banner-top1, .edu-banner-top2, .edu-banner-top3 {
        min-height: 350px;
    }
    .scrollbar{
        height:350px;
    }
}

/*会议系统增加单独控制样式*/


.Hy-banner-top{

    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    min-height:300px;
}
.Hy-banner-top1{

    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    min-height:300px;
}
.Hy-banner-top2{

    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    min-height:300px;
}
.Hy-banner-top, .Hy-banner-top1, .Hy-banner-top2, .Hy-banner-top3 {
    min-height: 330px;
}
.Hy-banner-top-s, .Hy-banner-top1-s, .Hy-banner-top2-s, .Hy-banner-top3-s {
    min-height: 240px;
}
.Hy-scrollbar-s{
    height:240px;
}
.Hy-scrollbar{
    height:330px;
}
.Hy-scrollbar-lg{
    height:500px;
}

@media(max-width:1440px) {
    .Hy-banner-top, .Hy-banner-top1, .Hy-banner-top2, .Hy-banner-top3 {
        min-height: 320px;
    }
    .Hy-banner-top-s, .Hy-banner-top1-s, .Hy-banner-top2-s, .Hy-banner-top3-s {
        min-height: 230px;
    }
    .Hy-scrollbar-s{
        height:230px;
    }
    .Hy-scrollbar{
        height:320px;
    }
    .Hy-scrollbar-lg{
        height:490px;
    }

}
@media(max-width:1366px) {
    .Hy-banner-top, .Hy-banner-top1, .Hy-banner-top2, .Hy-banner-top3 {
        min-height: 320px;
    }
    .Hy-banner-top-s, .Hy-banner-top1-s, .Hy-banner-top2-s, .Hy-banner-top3-s {
        min-height: 230px;
    }
    .Hy-scrollbar-s{
        height:230px;
    }
    .Hy-scrollbar{
        height:320px;
    }
    .Hy-scrollbar-lg{
        height:490px;
    }

}
@media(max-width:1280px) {
    .Hy-banner-top, .Hy-banner-top1, .Hy-banner-top2, .Hy-banner-top3 {
        min-height: 320px;
    }
    .Hy-banner-top-s, .Hy-banner-top1-s, .Hy-banner-top2-s, .Hy-banner-top3-s {
        min-height: 230px;
    }
    .Hy-scrollbar-s{
        height:230px;
    }
    .Hy-scrollbar{
        height:320px;
    }
    .Hy-scrollbar-lg{
        height:490px;
    }

}
@media(max-width:1199px) {

    .Hy-banner-top, .Hy-banner-top1, .Hy-banner-top2, .Hy-banner-top3 {
        min-height: 310px;
    }
    .Hy-banner-top-s, .Hy-banner-top1-s, .Hy-banner-top2-s, .Hy-banner-top3-s {
        min-height: 230px;
    }
    .Hy-scrollbar-s{
        height:230px;
    }
    .Hy-scrollbar{
        height:310px;
    }
    .Hy-scrollbar-lg{
        height:480px;
    }

}
@media(max-width:1024px) {

    .Hy-banner-top, .Hy-banner-top1, .Hy-banner-top2, .Hy-banner-top3 {
        min-height: 370px;
    }
    .Hy-banner-top-s, .Hy-banner-top1-s, .Hy-banner-top2-s, .Hy-banner-top3-s {
        min-height: 260px;
    }
    .Hy-scrollbar-s{
        height:260px;
    }
    .Hy-scrollbar{
        height:370px;
    }
    .Hy-scrollbar-lg{
        height:540px;
    }

}
@media(max-width:991px) {
    .Hy-banner-top, .Hy-banner-top1, .Hy-banner-top2, .Hy-banner-top3 {
        min-height: 410px;

    }
    .Hy-banner-top-s, .Hy-banner-top1-s, .Hy-banner-top2-s, .Hy-banner-top3-s {
        min-height: 410px;
    }
    .Hy-scrollbar-s{
        height:260px;
    }
    .Hy-scrollbar{
        height:360px;
    }
    .Hy-scrollbar-lg{
        height:530px;
    }

}
@media(max-width:667px) {
    .Hy-banner-top, .Hy-banner-top1, .Hy-banner-top2, .Hy-banner-top3 {
        min-height: 340px;
    }
    .Hy-banner-top-s, .Hy-banner-top1-s, .Hy-banner-top2-s, .Hy-banner-top3-s {
        min-height: 340px;
    }
    .Hy-scrollbar-s{
        height:280px;
    }
    .Hy-scrollbar{
        height:340px;
    }
    .Hy-scrollbar-lg{
        height:510px;
    }

}
@media(max-width:640px) {
    .Hy-banner-top, .Hy-banner-top1, .Hy-banner-top2, .Hy-banner-top3 {
        min-height: 340px;
    }
    .Hy-banner-top-s, .Hy-banner-top1-s, .Hy-banner-top2-s, .Hy-banner-top3-s {
        min-height: 340px;
    }
    .Hy-scrollbar-s{
        height:270px;
    }
    .Hy-scrollbar{
        height:340px;
    }
    .Hy-scrollbar-lg{
        height:510px;
    }

}
@media(max-width:568px){
    .Hy-banner-top, .Hy-banner-top1, .Hy-banner-top2, .Hy-banner-top3 {
        min-height: 330px;
    }
    .Hy-banner-top-s, .Hy-banner-top1-s, .Hy-banner-top2-s, .Hy-banner-top3-s {
        min-height: 330px;
    }
    .Hy-scrollbar-s{
        height:260px;
    }
    .Hy-scrollbar{
        height:330px;
    }
    .Hy-scrollbar-lg{
        height:500px;
    }


}
@media(max-width:414px){

    .Hy-banner-top, .Hy-banner-top1, .Hy-banner-top2, .Hy-banner-top3 {
        min-height:320px;
    }
    .Hy-banner-top-s, .Hy-banner-top1-s, .Hy-banner-top2-s, .Hy-banner-top3-s {
        min-height: 320px;
    }
    .Hy-scrollbar-s{
        height:260px;
    }
    .Hy-scrollbar{
        height:320px;
    }
    .Hy-scrollbar-lg{
        height:590px;
    }

}

@media(max-width:375px) {


    .Hy-banner-top, .Hy-banner-top1, .Hy-banner-top2, .Hy-banner-top3 {
        min-height: 350px;
    }
    .Hy-banner-top-s, .Hy-banner-top1-s, .Hy-banner-top2-s, .Hy-banner-top3-s {
        min-height: 350px;
    }
    .Hy-scrollbar-s{
        height:250px;
    }
    .Hy-scrollbar{
        height:350px;
    }
    .Hy-scrollbar-lg{
        height:520px;
    }

}
