/* 头部 */
        
        @media screen and (max-width: 1599px) {
            .logo img {
                max-height: 60px;
            }
            .nav-menu .nav-list {
                margin: 0 12px;
            }
        }
        
        @media screen and (max-width: 991px) {
            .header {
                height: 70px;
            }
            .header .logo {
                line-height: 70px;
            }
            .logo img {
                max-height: 40px;
            }
            .nav-menu {
                display: none;
            }
            .nav-menu .nav-list {
                margin: 0 8px;
            }
            .nav-menu .nav-list>a {
                line-height: 37px;
                font-size: 16px;
            }
            .nav-menu .nav-list:hover>a:after,
            .nav-menu .nav-list.active>a:after {
                bottom: 0;
            }
        }
        
        @media screen and (max-width: 767px) {
            body {
                padding-top: 60px;
            }
            .header {
                height: 60px;
                position: fixed;
                z-index: 1002;
                width: 100%;
                top: 0;
            }
            .header .logo {
                line-height: 60px;
            }
            .logo img {
                max-height: 25px;
            }
            .nav-menu-mask {
                position: fixed;
                top: 0;
                left: 0;
                margin: 0 auto;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.5);
                z-index: 1000;
                display: none;
            }
            .nav-menu {
                position: fixed;
                top: 60px;
                left: 0;
                width: 100%;
                z-index: 1003;
                margin-left: 0;
                display: none;
                padding: 10px 0;
                background: #fff;
                text-align: left;
                border-top: 1px solid #eee;
            }
            .nav-menu .nav-list {
                margin: 0;
                width: 100%;
                line-height: 1;
            }
            .nav-menu .nav-list>a {
                height: 36px;
                line-height: 36px;
                margin: 0 20px;
                color: #333;
                font-weight: 500;
            }
            .nav-menu .nav-list:hover>a:after,
            .nav-menu .nav-list.active>a:after {
                bottom: 3px;
                left: 20px;
                margin-left: 0;
                height: 2px;
            }
        }
        /* banner */
        
        @media screen and (max-width: 1599px) {
            .banner-img-menu li a {
                height: 582px;
            }
            .banner .btn-a {
                bottom: 18px;
            }
            .banner .btn-a a {
                margin: 0 12px;
            }
        }
        
        @media screen and (max-width: 1199px) {
            .banner-img-menu li a {
                height: 438px;
            }
            .banner .btn-a {
                bottom: 15px;
            }
            .banner .btn-a a {
                margin: 0 12px;
            }
        }
        
        @media screen and (max-width: 991px) {
            .banner-img-menu li a {
                height: 360px;
            }
        }
        
        @media screen and (max-width: 767px) {
            .banner-img-menu li a {
                height: 278px;
            }
            .banner .btn-a {
                bottom: 8px;
            }
            .banner .btn-a a {
                margin: 0 8px;
            }
            .banner .btn-a a.active {
                width: 13px;
                height: 13px;
            }
        }
        /* 首页 */
        
        @media screen and (max-width: 1599px) {
            .aside {
                top: 50%;
                right: 5px;
                z-index: 1000;
            }
            .black {
                top: 76%;
                right: 5px;
                z-index: 1000;
            }
            .index-about .index-about-name {
                font-size: 30px;
            }
            .index-about .about-left {
                width: 60%;
            }
            .index-about .about-left .about-txt {
                font-size: 18px;
            }
            .index-about .about-pic {
                width: 40%;
                height: 446px;
            }
            .index-case .case-list .pic-wrap {
                width: 100%;
                /* height: 100%; */
                overflow: hidden;
            }
            .index-case .case-list-menu .col-md-3, 
            .index-case .case-list-menu .col-sm-6, 
            .index-case .case-list-menu .col-xs-6 {
                padding-right: 12px;
                padding-left: 12px;
            }
            .index-news-box .news-lbox {
                width: 585px;
                height: auto;
            }
            .news-rbox .index-news-list li {
                height: 95px;
            }
            .news-rbox .index-news-list li .date-box p {
                font-size: 25px;
                margin-bottom: 5px;
            }
            .news-rbox .index-news-list li .date-right {
                width: 84%;
            }
            .index-news .more-pro {
                margin-top: 20px;
            }
            .index-contact .contact-box .box-left {
                padding-top: 10px;
            }
            .index-contact .contact-box .box-left p {
                padding: 0px;
                padding-bottom: 7%;
            }
            .index-contact .map {
                width: 570px;
            }
        }
        
        @media screen and (max-width: 1199px) {
            .more {
                display: block;
                margin: 0 auto;
            }
            .index-about {
                padding: 20px 0 30px;
            }
            .index-about .index-about-name {
                font-size: 25px;
                text-align: center;
                margin-bottom: 15px;
            }
            .index-about .about-left {
                width: 100%;
            }
            .index-about .about-left .about-txt {
                font-size: 16px;
                line-height: 32px;
            }
            .index-about .about-left .about-date {
                padding: 20px 0 30px;
                text-align: center;
            }
            .index-about .about-left .about-date .date-box {
                text-align: center;
            }
            .index-about .about-left .about-date .date-box p {
                font-size: 30px;
            }
            .index-about .about-left .about-date .date-box span {
                font-size: 16px;
            }
            .index-about .about-pic {
                display: none;
            }
            .index-case {
                padding-bottom: 30px;
            }
            .index-case-name {
                height: 80px;
                line-height: 80px;
                font-size: 25px;
            }
            .case-list .case-intro .case-name {
                font-size: 17px;
            }
            .case-list .case-intro .c-address {
                font-size: 15px;
            }
            .index-news {
                padding-bottom: 30px;
            }
            .index-news-box .news-lbox {
                width: 470px;
                height: auto;
            }
            .index-news-box .news-lbox .bd .pic-box {
                width: 100%;
                height: 355px;
            }
            .index-news-box .news-lbox .card-into {
                bottom: 20px;
            }
            .index-news-box .news-lbox .date-right {
                width: 70%;
            }
            .index-news-box .news-lbox .date-right {
                float: left !important;
            }
            .index-news-box .news-lbox .date-box p {
                font-size: 20px;
                margin-bottom: 10px;
            }
            .news-rbox .index-news-list li .date-right {
                width: 80%;
            }
            .index-news-box .news-lbox .date-right .news-name {
                font-size: 18px;
                margin-top: 22px;
            }
            .index-news-box .news-lbox .date-right .txt {
                font-size: 14px;
            }
            .news-rbox .index-news-list li:first-child {
                padding-top: 0px;
                height: 63px;
            }
            .news-rbox .index-news-list li {
                padding-left: 0;
                height: 75px;
                padding-top: 10px;
            }
            .news-rbox .index-news-list li .date-box p {
                font-size: 20px;
                margin-bottom: 5px;
            }
            .news-rbox .index-news-list li .date-right .news-name {
                font-size: 18px;
                margin-bottom: 8px;
            }
            .index-contact .contact-box .box-left {
                font-size: 18px;
            }
            .index-contact .contact-box .box-left p:first-child {
                padding-top: 0px;
            }
            .index-contact .contact-box .box-left p {
                padding-bottom: 9%;
            }
            
            .index-contact .map {
                width: 467px;
                height: 430px;
            }
        }
        
        @media screen and (max-width: 991px) {
            .index-news-box .news-lbox {
                width: 100%;
                margin-bottom: 10px;
                height: auto;
            }
            .index-news-box .news-lbox .bd .pic-box {
                width: 100%;
                height: 450px;
            }
            .index-news-box .news-lbox .card-into {
                padding-left: 10px;
                bottom: 20px;
            }
            .index-news-box .news-lbox .date-box {
                margin-right: 0;
            }
            .index-news-box .news-lbox .date-box span {
                font-size: 15px;
            }
            .index-news-box .news-lbox .date-right {
                width: 80%;
                float: left !important;
                padding-left: 10px;
            }
            .index-news-box .news-lbox .date-right .news-name {
                font-size: 18px;
                margin-bottom: 10px;
            }
            .news-rbox {
                width: 100%;
            }
            .news-rbox .index-news-list li {
                padding-left: 15px;
                height: 80px;
                padding-top: 12px;
            }
            .news-rbox .index-news-list li:first-child {
                height: 65px;
            }
            .news-rbox .index-news-list li .date-right {
                /* width: 70%; */
                width: 85%;
                padding-left: 2%;
            }
            .index-contact {
                width: 100%;
                height: 600px;
            }
            .index-contact .contact-box .box-left {
                font-size: 16px;
                padding-top: 0;
                width: 100%;
            }
            .index-contact .map {
                width: 100%;
                height: 240px;
                float: left !important;
            }
            .index-contact .contact-box .box-left p {
                padding-bottom: 3%;
            }
            
        }
        
        @media screen and (max-width: 767px) {
            .index-about .about-left {
                width: 100%;
            }
            .index-about .about-left .about-txt {
                font-size: 16px;
                line-height: 28px;
            }
            .index-about {
                padding: 20px 0 20px;
            }
            .index-about .index-about-name {
                font-size: 20px;
                margin-bottom: 15px;
            }
            .index-about .about-left .about-date {
                padding: 15px 0 30px;
                text-align: center;
            }
            .index-about .about-left .about-date .date-box:first-child {
                margin-left: 0;
            }
            .index-about .about-left .about-date .date-box:last-child {
                margin-right: 0;
            }
            .index-about .about-left .about-date .date-box p {
                font-size: 25px;
            }
            .index-about .about-left .about-date .date-box span {
                font-size: 16px;
            }
            .index-case {
                padding-bottom: 20px;
            }
            .index-news-box .news-lbox .bd .pic-box {
                height: 380px;
            }
            .index-news-box .news-lbox .date-right {
                width: 70%;
            }
            .index-news-box .news-lbox .card-into {
                bottom: 10px;
            }
            .index-news-box .news-lbox .date-right .news-name {
                font-size: 16px;
                margin-top: 22px;
            }
            .index-news-box .news-lbox .date-right .txt {
                font-size: 14px;
            }
            .index-news-box .news-lbox .hd {
                height: 80px;
            }
            .news-rbox .index-news-list li .date-box p {
                font-size: 20px;
            }
            .news-rbox .index-news-list li .date-right {
                width: 70%;
            }
            .news-rbox .index-news-list li .date-right .news-name {
                font-size: 18px;
                margin-bottom: 10px;
            }
            .index-news .more-pro {
                margin-top: 10px;
            }
            .black {
                top: 76%;
            }
        /* bannerColumn 关于我们*/
        
        @media screen and (max-width: 1599px) {
            .about-wrap .about-wrap-r {
                margin-left: 26px;
                margin-bottom: 10px;
            }
            .about-wrap .about-wrap-r img {
                width: 100%;
            }
            .about-wrap .about-wrap-l .company-name {
                font-size: 30px;
                line-height: 26px;
            }
            .about-wrap .about-wrap-l .text {
                font-size: 18px;
                line-height: 38px;
            }
        }
        
        @media screen and (max-width: 1199px) {
            .bannerColumn {
                height: 260px;
            }
            .about-wrap .about-wrap-r {
                margin-left: 26px;
                margin-bottom: 10px;
            }
        }
        
        @media screen and (max-width: 991px) {
            .bannerColumn {
                height: 320px;
            }
            .about-wrap {
                padding: 40px 0 60px;
            }
            .about-wrap .about-wrap-l .company-name {
                margin-bottom: 20px;
                font-size: 24px;
            }
            .about-wrap .about-wrap-l .text {
                font-size: 16px;
                line-height: 30px;
            }
            .about-wrap .about-wrap-r {
                margin-left: 26px;
                margin-bottom: 10px;
            }
        }
        
        @media screen and (max-width: 767px) {
            .bannerColumn {
                height: 200px;
            }
            .about-wrap {
                padding: 20px 0 30px;
            }
            .about-wrap .about-wrap-l {
                width: 100%;
            }
            .about-wrap .about-wrap-l .company-name {
                font-size: 20px;
                margin-bottom: 15px;
            }
            .about-wrap .about-wrap-r {
                width: 100%;
                margin-bottom: 20px;
            }
            .about-wrap .about-wrap-r img {
                width: 100%;
            }
        }
        /* 企业文化 */
        
        @media screen and (max-width: 1599px) {}
        
        @media screen and (max-width: 1199px) {
            .culture-wrap {
                margin: 40px 0;
            }
            .culture-wrap .culture-text {
                font-size: 18px;
                line-height: 32px;
            }
        }
        
        @media (max-width: 991px) {
            .culture-wrap {
                margin: 20px 0;
            }
            .culture-wrap .culture-text {
                font-size: 16px;
                line-height: 28px;
            }
        }
        /* 工程案例 */
        
        @media screen and (max-width: 1599px) {
            .case-wrap {
                padding: 40px 0;
            }
            .case-list {
                margin-bottom: 35px;
            }
            /* .case-list .pic-wrap {
                width: 273px;
            } */
            /* .case-list .pic-wrap {
                width: 100%;
            } */
            .case-list-menu .col-md-3, .case-list-menu .col-sm-6, .case-list-menu .col-xs-6 {
                padding-left: 12px;
            }
            .case-list .case-intro .case-name {
                margin-bottom: 5%;
            }
            .case-list .case-intro .c-address {
                margin-bottom: 5%;
            }
            .case-list .case-intro {
                padding: 5% 7%;
            }
        }
        
        @media screen and (max-width: 1199px) {
            .case-wrap {
                padding: 30px 0;
            }
            .case-list {
                margin-bottom: 30px;
            }
            .case-list .case-intro {
                padding: 5% 7%;
            }
        }
        
        @media screen and (max-width: 991px) {
            .case-list {
                margin-bottom: 25px;
            }
            /* .case-list .pic-wrap {
                width: 348px;
            } */
        }
        @media screen and (max-width: 767px) {
            /* .case-list .pic-wrap {
                width: 290px;
            } */
        }
        /* 工程案例详情 */
        
        @media screen and (max-width: 1599px) {
            .project {
                padding-bottom: 40px;
            }
            .project .right-box {
                padding: 33px 0;
            }
            .project .right-box .project-name {
                font-size: 32px;
            }
        }
        
        @media screen and (max-width: 1199px) {
            .project {
                padding-bottom: 30px;
            }
            .project .right-box {
                padding: 19px 0;
            }
            .project .right-box .project-name {
                font-size: 25px;
                padding-bottom: 0px;
            }
            .project .right-box p {
                font-size: 20px;
            }
            .project .right-box .cost {
                font-size: 20px;
                margin-top: 40px;
            }
            .left-box .swiper-pagination-bullet {
                width: 10px;
                height: 10px;
            }
            .case-container .content-top {
                line-height: 50px;
            }
            .case-container .content-top span:after {
                width: 5px;
                height: 18px;
                bottom: 15px;
            }
            .case-container .content-top span {
                font-size: 20px;
                padding-left: 15px;
            }
            .case-container .news-content {
                padding: 20px 0;
            }
        }
        
        @media screen and (max-width: 991px) {
            .project .right-box {
                padding: 10px 0;
            }
            .project .right-box .project-name {
                font-size: 20px;
                padding-bottom: 10px;
            }
            .project .right-box p {
                font-size: 18px;
                padding-top: 10px;
            }
            .project .right-box .cost {
                height: 50px;
                line-height: 50px;
                font-size: 18px;
                color: #fff;
                margin-top: 30px;
            }
        }
        
        @media (max-width: 767px) {
            .new-wrap .swiper-slide {
                height: 300px;
                }
            .project {
                padding-bottom: 20px;
            }
            .project .left-box {
                width: 100%;
            }
            .project .right-box {
                padding: 10px 0;
            }
            .project .right-box .project-name {
                font-size: 20px;
                padding-bottom: 5px;
            }
            .project .right-box {
                float: left;
                width: 100%
            }
            .project .right-box .cost {
                margin-top: 20px;
                font-size: 18px;
                width: 80%;
            }
            .case-container .content-top {
                padding-left: 30px;
            }
            .left-box .swiper-container-horizontal>.swiper-pagination-bullets {
                bottom: 4%;
            }
        }
        /* 企业资质 */
        
        @media screen and (max-width: 1599px) {
            .page {
                margin-top: 0;
            }
        }
        
        @media screen and (max-width: 1199px) {
            .qualify-pic {
                padding: 40px 0;
            }
            .qualify-pic .pic-list-menu li .img-wrap {
                margin-bottom: 30px;
            }
        }
        
        @media screen and (max-width: 991px) {
            .qualify-pic {
                padding: 40px 0;
            }
        }
        
        @media screen and (max-width: 767px) {
            .qualify-pic {
                padding: 30px 0;
            }
            .qualifications a {
                margin-right: 8%;
            }
            .qualify-pic .pic-list-menu li .img-wrap {
                margin-bottom: 25px;
            }
            .col-sm-6 {
                padding-right: 12px;
                padding-left: 12px;
            }
        }
        /* 弹窗 */
        @media (max-width: 1199px) {
            .popup .pop-content .close-pop {
                width: 20px;
                height: 20px;
                right: -10px;
                top: -40px;
                background: url(../images/tuichu.png) no-repeat;
            }
            .popup .pop-box .pop-content {
                width: 50%;
            }
        }
        @media (max-width: 767px) {
            .popup {
                height: 100%;
            }
            
            .popup .pop-box .pop-content {
                margin: 133px auto;
                width: 70%;
            }
        }
        /* 新闻动态 */
        
        @media screen and (max-width: 1599px) {
            .news-list-menu {
                padding-bottom: 40px;
            }
            .news-list-menu .news-list .news-intro .news-tit {
                font-size: 22px;
                margin-bottom: 20px;
            }
            .news-list-menu .news-list li .item {
                padding: 20px 0;
            }
        }
        
         @media screen and (max-width: 1199px){
            .news-list-menu {
                padding-top: 15px;
            }
            .news-list-menu .news-list .pic {
                margin-right: 30px;
                width: 30%;
            }
            
            .news-list-menu .news-list .news-intro {
                width: 65%;
                padding-bottom: 0;
            }
            .news-list-menu .news-list .news-intro .news-tit {
                font-size: 20px;
            }
            .news-list-menu .news-list .news-intro .time {
                padding-top: 20px;
            }
        }
        
        @media screen and (max-width: 991px) {
            .news-list-menu {
                padding-top: 0;
                padding-bottom: 30px;
            }
            .news-list-menu .news-list {
                padding-bottom: 30px;
            }
            .news-list-menu .news-list .pic {
                width: 35%;
            }
            .news-list-menu .news-list .news-intro {
                width: 59%;
                padding-top: 10px;
                padding-bottom: 0;
            }
            .news-list-menu .news-list .news-intro .news-tit {
                font-size: 20px;
                margin-bottom: 15px;
            }
            .news-list-menu .news-list .news-intro .time {
                padding-top: 15px;
            }
            .news-list-menu .news-list li .item {
                padding: 25px 0;
            }
        }
        
        @media (max-width: 767px) {
            .news-list-menu {
                padding-top: 20px;
                padding-bottom: 20px;
            }
            .news-list-menu .news-list {
                padding-bottom: 0;
            }
            .news-list-menu .news-list li .item {
                padding-bottom: 0;
                padding-top: 0;
                margin-bottom: 20px;
            }
            .news-list-menu .news-list .pic {
                width: 100%;
            }
            .news-list-menu .news-list .news-intro {
                width: 100%;
            }
            .news-list-menu .news-list .news-intro .news-tit {
                font-size: 20px;
                margin-bottom: 15px;
            }
            .news-list-menu .news-list .news-intro .time {
                padding-top: 10px;
                padding-bottom: 10px;
            }
        }
        /* 新闻详情页 */
        
        @media screen and (max-width: 1599px) {
            .news-content img {
                width: 100%;
                height: auto;
            }
            .new-wrap {
                padding-top: 40px;
                padding-bottom: 40px;
            }
            .news-bottom {
                margin-top: 40px;
            }
            .new-details p {
                margin: 20px 0;
            }
        }
        
        @media screen and (max-width: 1199px) {
            .nav-bar {
                padding-top: 15px;
                padding-bottom: 15px;
            }
            .new-wrap {
                padding-top: 30px;
                padding-bottom: 30px;
            }
            .new-details p {
                margin: 15px 0;
            }
            .new-details .news-tit {
                font-size: 20px;
            }
            .news-bottom {
                margin-top: 30px;
            }
            .news-bottom .pre-page,
            .news-bottom .next-page {
                width: 40%;
            }
            .news-bottom .pre-pages a {
                text-align: left;
            }
        }
        
        @media (max-width: 767px) {
            .nav-bar {
                padding-top: 10px;
                padding-bottom: 10px;
            }
            .nav-bread {
                display: none;
            }
            .new-wrap {
                padding-top: 30px;
                padding-bottom: 30px;
            }
            .news-content {
                padding-top: 15px;
                padding-bottom: 15px;
            }
            .news-bottom {
                margin-top: 30px;
            }
            .news-bottom .pre-pages,
            .news-bottom .next-pages,
            .news-bottom .pre-page,
            .news-bottom .next-page {
                width: 100%;
            }
            .news-bottom .pre-page {
                margin-bottom: 10px;
            }
            .news-bottom .pre-page span,
            .news-bottom .next-page span,
            .news-bottom .pre-page a,
            .news-bottom .next-page a {
                padding: 5px 0;
            }
            .news-bottom .pre-page span {
                padding-right: 16px;
                margin-right: 16px;
            }
            .news-bottom .next-page span {
                float: left;
                padding-left: 0;
                border-left: none;
                padding-right: 16px;
                border-right: 1px solid #eee;
                margin-left: 0;
                margin-right: 16px;
            }
        }
        /* 联系我们 */
        
        @media screen and (max-width: 1599px) {
            .contact-wrap {
                height: 500px;
            }
            .contact-wrap .map {
                height: 100%;
                position: relative;
            }
            .contact-wrap .contact-box .company-name {
                font-size: 30px;
                color: #0f0f0f;
                position: relative;
                padding-left: 20px;
                margin-bottom: 15px;
            }
            .contact-wrap .contact-box {
                padding: 30px 182px 30px 60px;
                float: none;
                position: absolute;
                bottom: 7%;
                left: 51%;
            }
            .contact-wrap .contact-box .contact-way p {
                line-height: 45px;
            }
        }
        
        @media screen and (max-width: 1199px) {
            .contact-wrap {
                height: auto;
            }
            .contact-wrap .map {
                height: 400px;
                width: 100%;
            }
            .contact-wrap .contact-box {
                width: 94%;
                margin-left: 0;
                margin: 40px 3%;
                padding: 40px 0 35px 40px;
                float: left;
                position: static;
            }
            .contact-wrap .contact-box .company-name {
                font-size: 25px;
                margin-bottom: 20px;
            }
            .contact-wrap .contact-box .contact-way p {
                line-height: 45px;
            }
            .contact-wrap .contact-box .company-name:after {
                width: 8px;
                height: 26px;
                bottom: 3px;
            }
            .contact-wrap .contact-box .contact-way {
                font-size: 18px;
            }
        }
        
        @media screen and (max-width: 991px) {}
        
        @media (max-width: 767px) {
            .contact-wrap .map {
                width: 100%;
            }
            .contact-wrap .contact-box {
                margin-top: 23px;
                width: 94%;
                margin-left: 0;
                margin: 20px auto 20px 3%;
                padding: 20px 0 20px 15px;
            }
            .contact-wrap .contact-box .company-name {
                font-size: 20px;
                margin-bottom: 15px;
                padding-left: 10px;
            }
            .contact-wrap .contact-box .company-name:after {
                width: 5px;
                height: 18px;
                bottom: 2px;
            }
            .contact-wrap .contact-box .contact-way {
                font-size: 16px;
            }
            .contact-wrap .contact-box .contact-way p {
                line-height: 34px;
            }
            .contact-wrap .contact-box .contact-way span {
                margin-right: 5px;
            }
        }
        /* 分页 */
        
        @media (max-width: 767px) {
            .page {
                margin-top: 0;
            }
            .page a {
                width: 30px;
                height: 30px;
                line-height: 28px;
                margin: 0 5px;
                font-size: 14px;
            }
            .page a.pageprev {
                background: url(../images/page.png) no-repeat -6px -9px;
            }
            .page a.pagenext {
                background: url(../images/page.png) no-repeat -63px -9px;
            }
        }
        /* footer */
        
        @media screen and (max-width: 991px) {
            .footer .footer-top-wrap {
                display: none;
            }
            .footer .footer-bottom-wrap a {
                margin: 5px 10px;
                line-height: 30px;
                font-size: 16px;
            }
            .footer .footer-bottom-wrap span {
                display: block;
            }
        }