@charset "UTF-8";
@media screen and (max-width: 1090px) {
    .top p {width:100%}
    .bottom {width: 100%}
    #banner .banner {width: 100%}
    .wp_articlecontent img { max-width: 100%;}
}
@media screen and (max-width: 1000px) {
    #main .item-1 .renyuan{width: 100%}
    #main .item-2 .proiect{width: 100%;background-size: 100%}
    #main .item-3 .news{width: 100%;background-size: 100%}
    #main .item-4 .notice{width: 100%;}
    #main .item-5 .cont{width: 100%}
    .footer{width: 100%}
    #main .item-1 .ryleft{background: #f2f2f2;width:100%;height: auto;padding: 0;text-align: center;float: none!important;}
    #main .item-1 .ryleft h4{color: #4a76ad;font-size: 20px}
    #main .item-1 .ryleft a{display: block;background-color: #4a76ad ;width: 92px;margin: 0 auto}
    #main .item-1 .ryright{margin: 0 auto;float: none!important;clear: both}
    #main .item-5 .cont .cont-right .text-right {text-align: center}
    #main .item-5 .cont .col-md-6:first-child{width: 500px;margin: 0 auto;float: none}
    .bottom .pull-left{float: none!important;margin:0 auto;}
    .bottom .pull-right{float: none!important;    width: 530px;margin:0 auto;}
}
@media screen and (max-width: 812px) {
    #main .item-1 .ryright{background: none #fff;width: 99%;height: 222px;border:8px solid #4a76ad}
    .bottom .pull-left img {max-width: 80%;
        padding: 6% 0px;}
        #main .item-1 .ryright .ren-item { padding-bottom: 12px;}
}

@media screen and (max-width: 767px) {
    .carousel-indicators {bottom: 13%;}
    #main .item-1 .ryright {height: auto;}
    #main .item-4 .notice .list .list-left{width: 100%;}
    #main .item-4 .notice .list .list-left .item{height: 80px;background: none  #4a76ad right  top no-repeat;padding-top: 14px;width: 49%;float: left;border-bottom: 9px solid #fff}
    #main .item-4 .notice .list .list-left .item:first-child{border-right: 0px solid #fff;}
    #main .item-4 .notice .list .list-left .item:last-child{float: right}
    #main .item-4 .notice .list .list-left .aitem{background:none  #4a76ad left top no-repeat;border-bottom: 9px solid #4a76ad!important;}
    #main .item-4 .notice .list .list-right{width: 100%;background-color:#4a76ad;height: 214px }
    #banner .banner .bantitle{bottom: 0;left: 0;right: 0;background: url("../images/ban01.png");padding: 0;text-indent: 1em;text-align: left;z-index: 1000;font-size: 14px;color: #fff;line-height: 30px;text-shadow: none;}
    #main .item-1 .renyuan {padding: 15px 0}
    #main .item-2 .proiect {padding: 15px 0}
    #main .item-3 .news {padding: 15px 0}
    #main .item-4 .notice {padding: 15px 0;background-size: 50%;background-position: 15px 45px}
    #main .item-4 .notice .list .list-right .noticelist ul li a {width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:block;}
    #main .item-4 .notice .list .list-right .noticelist ul li span {display: none}
    #main .item-5 .cont {padding: 15px 0}
    .newslist4{display: block}
    #listnav{display: none}
    .listmain .col-md-3 h4{line-height: 50px;margin: 0;background-color: #759de9;border-bottom: 1px solid #fff;padding-left: 0;text-align: center}
    .listmain .col-md-3 ul li a{display: block;font-size: 14px;color: #333;line-height: 42px;border-bottom: 1px solid #f6eaea;padding-left:0;text-align: center}
 .list-img{display: block}
    .listmain .col-md-9 .item-list ul li.item span {display: none;}
    .links-wrap { float: none;}
    .infomain {padding: 0px 6px;}
}
@media screen and (max-width: 540px){
    #main .item-5 .cont .col-md-6:first-child{width:100%;}
    #main .item-5 .cont .pull-right{padding:0;background: none;width: 100%;text-align: center}
    #main .item-5 .cont .pull-left{width: 300px;margin: 0 auto;float: none!important;clear: both}
    .bottom .pull-right{ width: 100%}
    .nav-img{display: block}
     #wp_nav_w2{display: none}
    .wp_nav .nav-item{display: block;width: 100%}
    .wp_nav .nav-item a{font-size: 18px;color: #000;}
    .wp_nav .nav-item>a{background: none}
    .wp_nav .i1>a{background: none;width: 100%}
    .wp_nav .nav-item a:hover{background-color: #4a76ad;color: #fff}
    .wp_nav .nav-item>a:hover span.item-name{background: none}
    .wp_nav .nav-item a span.item-name {
        display: block;
        padding: 0;
        line-height: 36px;
        cursor: pointer;
        width: 100%;
        margin: 0;
    }
    .wp_nav .nav-item ul{display: none!important;}
}
@media screen and (max-width: 479px) {
    #main .item-4 .notice .list .list-right .noticelist ul li a{color: #ecf0f5;font-size: 12px}
    #main .item-4 .notice .list .list-right .noticelist ul li span{display: none}
    #main .item-2 .proiect .col-xs-6 {width: 100%;}
    #main .item-3 .news .col-xs-6 {width: 100%;}
    #main .item-5 .cont .cont-right .text-right a{font-size: 12px; padding: 0px;}

}

@media screen and (max-width: 319px) {
    .listmain .col-md-3 h4 span{font-size: 14px}
    .listmain .col-md-3 ul li a{font-size: 12px}
}