@charset "utf-8";
/* CSS Document */
@media screen and  (max-width:1440px){
    .w1520 {width: 1200px;}
    .w1448 {width: 1100px;}
    .w1300 {width: 1100px;}
    .logo {width: 270px;}
    .nav {margin: 10px 0 0 0;}
    .nav a i {padding: 0 10px;}
    header.on .logo {width: 250px}
    .vn .pic-wrap {width: 300px;}
    .vn .pic {width: 300px;background-size: cover}
    .vn .pic:hover {background-size: cover}
    .vn .news-box {width: 370px;padding-left: 320px;}
    .tabs a {width: 84px;}
    .proj-box {width: 720px;}
    .pic-show {width: 675px;}
    .news-wrap .swiper-slide ul {height: 170px;}
    .re-item {width: 255px;height: 347px;}
}

@media screen and  (max-width:1024px) {
    .menu-handler{ display:block;}
    .nav {display: none}
    .w1520 {width: 96%;border-left: 0;margin-top: 0}
    .vn .news-box {margin-top: 15px;width: 100%;box-sizing: border-box !important;}
    .j-box {width: 410px;}
    .proj-box {width: 560px;}

    .menu-handler {top: 17px;}
    center img {max-width: 100%;height: auto}
    .ny-con img {max-width: 100%;height: auto !important;}
    .new_xx_pag ul li.btn img {max-width:none !important;}
    .vn .video {width: 100%;height: auto}

    header {padding: 5px 0}
    .logo {width: 50%;height: auto}
    header.on .logo {width: 50%;transition: 0.5s ease}
    header.zix {}
    .menu-handler {width:33px;top: 9px;}
    .menu-handler .burger {width: 33px;margin: 0;left: 0;height: 4px;}
    .menu-handler .burger-2 {top: 8px;}
    .menu-handler .burger-3 {top: 16px;}
    .menu-handler.active .burger-1 {top: 10px;}
    .menu-handler.active .burger-3 {top: 10px;}
    .swiper-container {display:block;}
    .banner .swiper-pagination {bottom: 5px !important;}
    .banner .swiper-pagination-bullet {width: 8px;height: 8px;margin: 0 3px !important;}
    .banner .swiper-slide {width: 100% !important;overflow: hidden}
    .banner .swiper-slide img {width: 160%}

    .main {padding: 10px 0}
    .vn .news-box {padding-bottom: 200px;padding-left: 0;}
    .vn .pic-wrap {bottom: 0;left: 0;top: auto;width: 100%;height: 190px;margin-right: 0}
    .vn .pic-wrap .swiper-slide a {display: inline-block;width: 100%;height: 190px}
    .vn .pic {width: 100%;height: 100%}
    .i-hd {padding-left: 10px;}
    .i-hd h3 {font-size: 18px;}
    .i-hd p {font-size: 14px;}
    .i-hd:after {top:10px;height: 33px;width: 4px;}
    .news-wrap {margin-top: 10px;}
    .j-box {width: 100%;padding: 0}
    .proj-wrap {margin-top: 10px;}
    .proj-box {width: 100%;padding: 0}
    .pic-show {width: 100%;margin-top: 10px;}
    .proj-box .swiper-slide  .pic {width: 100%;height:auto}
    .proj-box .swiper-slide  .pic img{width: 100%;height:auto}
    .proj-box .swiper-slide  a {display: inline-block;width: 100%}
    .footer {padding: 10px 0;font-size: 14px;}
    .footer p{font-size: 14px;}
    #willesPlay .playContent .playTip {width: 50px !important;height: 50px !important;margin-left: -25px !important;border: 2px solid #FFFFFF !important;margin-top: -25px !important;}
    #willesPlay .playControll .timebar .progress {width: 43% !important;margin: 19px 5px 0 20px !important;}
    .glyphicon-play,.glyphicon-pause{line-height: 40px !important;}
    .glyphicon-play:before,.glyphicon-pause:before {font-size: 33px !important;line-height: 40px;}



    .ny-banner {height: 120px;}
    .w1300 {width: 96%}
    .ny-hd {margin-top: 10px;}
    .ny-hd a {font-size: 16px;padding-bottom: 0;border-bottom: 2px solid #fff;margin-right: 10px;margin-bottom: 5px;}
    .ny-tit h3 {font-size: 18px;}
    .ny-tit p {font-size: 18px;}
    .ny-con {margin-top: 10px;}
    .ny-text {margin-top: 10px;line-height: 30px;}
    .news-item {padding-left: 0;padding-top: 120px;margin-bottom: 10px;}
    .news-item .pic {width: 100%;height: 110px;}
    .re-item {width: 100%;margin-bottom: 10px;}
    .video-box {width: 100%}
    .videoList li {width: 100%;margin: 0}
    .new_xx_txt .video {width: 100% !important;}
    .paging a,.paging .nowpage{height: 28px;line-height: 28px;font-size: 14px;padding: 0 8px;margin-bottom: 8px}
    .new_xx_data {line-height: 26px;margin: 15px 0 0 0;height: auto}
    .new_xx_data span {font-size: 14px;}
    .new_xx_head {font-size: 18px;}
    .new_xx_pag {margin-top: 10px;height: auto;padding-bottom: 30px;}
    .new_xx_pag ul li {  height: auto;  line-height:30px;  width: 100%;  max-width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
    .new_xx_pag ul li.prevA ,.new_xx_pag ul li.nextA{text-align: left;float: none;width: 100%}
    .new_xx_pag ul li.btn {top: auto;bottom: 0;left: 0;width: 100%;height: 30px;line-height: 30px;}
    .zw-item {width: 100%}
    .zw-item:nth-child(odd) {margin-right: 0}


}
@media screen and  (max-width:1024px) and (min-width: 640px) {
    .logo,header.on .logo {width: 210px;}
    .menu-handler {top: 15px;}
}

@media screen and (max-width: 320px){
    .banner .swiper-slide img {width: 180%}
}