/*-------------------------- banners -----------------------*/
.banners { float: right; width: 1100px; height: 360px; }
.big-ban { float: left; width: 820px; height: 360px; overflow: hidden; position: relative; }
.big-ban a { display: block; }
.big-ban img { max-width: none; width: auto; height: 100%; }
.big-ban:after { content: ''; width: 0; height: 3px; background-color: #e60000; opacity: 0; display: block; transition: 0.6s ease all; -moz-transition: 0.6s ease all; -webkit-transition: 0.6s ease all; position: absolute; z-index: 2; bottom: 0; left: 0px; }
/*.big-ban:hover:after { width:100%; opacity:1; }*/
.small-bans { float: right; width: 270px; }
.small-bans a { display: block; margin-bottom: 6px; border: 1px solid #dcdcdc; height: 116px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.small-bans a img { max-width: none; width: 100%; }
.small-bans a img:hover {  opacity: 0.8; -webkit-transform: scale(1.02);}
.small-bans a:last-child { margin-bottom: 0px; }

@media only screen and (max-width: 1480px) {
/*.banners { width: 940px; height: 296px; }*/
/*.big-ban { width: 714px; height: 296px; }*/
/*.small-bans { width: 220px; }*/
/*.small-bans a { width: 220px; height: 95px; }*/
.banners { width: 940px; height: 296px; }
.big-ban { width: 714px; height: 353px; margin-bottom:3px;}
.small-bans { width: 220px; height:100px;}
.small-bans a { width: 220px; height: 114px; }
.small-bans a img {height:114px;}
}

@media only screen and (max-width: 1279px) {
/*.banners { width: 730px; }*/
/*.big-ban { width: 100%; }*/
/*.small-bans { display: none;}*/
/*.bannerText{padding: 0.3rem 0;margin: 0.1rem 0; font-size-adjust: 0.52;}*/
.banners { width: 730px; }
.big-ban { width: 100%; height:336px;}
.small-bans { display: none;}
.bannerText{padding: 0.3rem 0;margin: 0.1rem 0; font-size-adjust: 0.52;height:50px; font-size:15px;}
}

@media only screen and (max-width: 990px) {
    .banners { width: 74%; height: auto;margin-bottom: 1rem ;margin-top: 0.5rem ;}
    .big-ban { height: auto; width: 100%;}
    .big-ban img { max-width: none; width: 100%; }
    .bannerText{margin-top: -2rem ; font-size:93%;}
}


@media only screen and (max-width: 940px) {
    .banners { width: 73%;margin-top:0; }
}

@media only screen and (max-width: 850px) {
    .banners { width: 100%; height: auto;margin-bottom: 1rem ;margin-top:0;}
    .big-ban { height: auto; }
    .big-ban img { max-width: none; width: 100%; }
    .bannerText{margin-top: 0; font-size:93%;}
}

@media only screen and (max-width: 750px) {
    .banners { width: 100%; height: auto;margin-bottom: 1rem ;margin-top:0;}
    .big-ban { height: auto; }
    .big-ban img { max-width: none; width: 100%; }
    .bannerText{margin-top: 0.2rem ; font-size:93%;}
}

@media only screen and (max-width: 650px) {
    .banners { width: 100%; height: auto; margin-top:0.1rem;}
    .big-ban { height: auto; float: left;}
    .big-ban img { max-width: none; width: 100%; }
    .bannerText{ margin-top: 0.1rem; font-size:75%}
}

@media only screen and (max-width: 480px) {
    .banners { width: 100%; height: auto; margin-top:0.1rem;}
    .big-ban { height: auto; float: left;}
    .big-ban img { max-width: none; width: 100%;}
    .bannerText{ margin-top: 0.1rem; font-size:70%}
}

@media only screen and (max-width: 430px) {
    .banners { width: 100%; height: auto; margin-top:0;}
    .big-ban { height: auto; float: left;}
    .big-ban img { max-width: none; width: 100%; }
    .bannerText{margin-top: -0.4rem;font-size: 70%;padding-left: 0.3rem;margin-bottom: -0.5rem;}
}

@media only screen and (max-width: 380px) {
    .banners { width: 100%; height: auto; margin-bottom: 1rem ; margin-top:0;}
    .big-ban { height: auto; float: left;}
    .big-ban img { max-width: none; width: 100%; }
    .bannerText{margin-top: -0.1rem;font-size:70%;margin-bottom: -2rem!important;}
}

@media only screen and (max-width: 340px) {
    .banners { width: 100%; height: 100%;}
    .big-ban { height: auto; float: left; margin-bottom: 0.1rem;}
    .big-ban img {  width: 100%; }
    .bannerText{margin-top: -0.4rem;font-size:70%;}
}