/* CSS Document */
@charset "UTF-8";
.bannerbox{
    height: 550px;
    width: 100%;
    overflow: hidden;
    position: relative;}
.containt-div{
    width: 1024px;
    position: relative;
    height: 600px;}
.bannerbox ul{
    position: relative;}
.bannerbox ul li{
    list-style: none;
    width: 100%;
    height: 550px;
    position: absolute;
    left: 0;
    top: 0;}
.bannerbox ul li.fst-li{
    background: url(banner1.jpg) center no-repeat;
    background-size: cover;}
.bannerbox ul li.sec-li{
    background: url(banner2.jpg) center no-repeat;
    background-size: cover;}
.bannerbox ul li.third-li{
    background: url(banner1.jpg) center no-repeat;
    background-size: cover;}
.bannerbox ul li .img1{
    position: absolute;}
/*banner-01*/
.baner-01-a{
    width: 327px;
    height: 165px;
    position: absolute;
    top: 250px;
    left: 50%;
    margin-left: -35%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;}

/*banner2*/
.banner2-02{
    width: 327px;
    height: 165px;
    position: absolute;
    top: 250px;
    left: 50%;
    margin-left: -35%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;}
/*banner3*/
.banner3-01{
    width: 327px;
    height: 165px;
    position: absolute;
    top: 250px;
    left: 50%;
    margin-left: -35%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;}

.nav{width:100px;height:14px;position:absolute;bottom:10px;right:20px;z-index: 2; left: 50%;/*margin-left: -50px;*/}
.nav dl dd{list-style-type:none; width: 25px; height: 8px; border-radius: 8px; float:left;margin-right:5px;cursor:pointer;
    border:1px solid #fff;}
.nav dl .bg{background:#fff; width: 25px; height: 8px; border-radius: 8px; border:1px solid #fff;}


.quick_links {padding:0 110px;}
.quick_links div{ float:left;width:50%;}



@media screen and (max-width: 480px){
.bannerbox{
    height: 200px;
    width: 100%;
    overflow: hidden;
    position: relative;}
.containt-div{
    width: 1024px;
    position: relative;
    height: 200px;}
.bannerbox ul{
    position: relative;}
.bannerbox ul li{
    list-style: none;
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;}
.bannerbox ul li.fst-li{
    background: url(banner1.jpg) center no-repeat;
    background-size: cover;}
.bannerbox ul li.sec-li{
    background: url(banner2.jpg) center no-repeat;
    background-size: cover;}
.bannerbox ul li.third-li{
    background: url(banner1.jpg) center no-repeat;
    background-size: cover;}
.bannerbox ul li .img1{
    position: absolute;}
.containt-div img{ width:250px; height:auto;}
/*banner-01*/
.baner-01-a{
    position: absolute;
    top: 100px;
    left: 45%;
    margin-left: -38%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;}

/*banner2*/
.banner2-02{
    position: absolute;
    top: 100px;
    left: 45%;
    margin-left: -38%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;}



/*banner3*/
.banner3-01{

    position: absolute;
    top: 100px;
    left: 42%;
    margin-left: -50%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;}
.nav{width:100px;height:auto;position:absolute;bottom:10px;right:20px;z-index: 2; left: 55%;margin-left: -50px;}
.c257324 li {
    width: 50%!important;
}
.quick_links div {
    float: none;
    width: auto;
}



}



.c257314 .main-new {position: absolute;bottom: 5px;width:100%;}
.c257314 .main-new > div {color:#fff;width:300px;padding-left: 10px;position: relative;}
.c257314 .main-new:before {content: '';display: block;width: 100%;height: 35px;background: rgb(0 0 0 / 25%);position: relative;bottom: -30px;}
.c257324 {overflow: hidden;margin-top: 20px;}
.c257324 li {width:25%;float: left;padding: 0 10px;box-sizing: border-box;}
.main-bottom .c257324 img {float:none; width:100%;height:160px;}
.c257324 li div {height:40px;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.c257324 li span {font-size: 14px;color: #999;font-weight: normal;}


