.overflow-elli {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .opahover:hover {
            opacity: 0.8;
            filter: alpha(opacity=80);
        }
        
        .inline-block {
            display: inline-block;
            *display: inline;
            *zoom: 1;
        }
        
        .inline-block-m {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: middle;
        }
        
        .inline-block-t {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: top;
        }
        
        .rgbafilter {
            filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
        }
        
        #browser-low {
            position: fixed;
            width: 100%;
            padding: 20px;
            z-index: 99999;
            top: 0;
            left: 0;
        }
        
        .alert-danger {
            background-color: #f2dede;
            border-color: #ebccd1;
            color: #a94442;
        }
        
        #browser-low .close {
            position: absolute;
            top: 0;
            right: 0;
            width: 60px;
            height: 100%;
        }
        
        button.close {
            padding: 0;
            cursor: pointer;
            background: transparent;
            border: 0;
            -webkit-appearance: none;
            float: right;
            font-size: 21px;
            font-weight: 700;
            line-height: 1;
            color: #000;
            text-shadow: 0 1px 0 #fff;
            opacity: 0.2;
            filter: alpha(opacity=20);
        }
        /*头部*/
        
        .header {
            background: #fff;
        }
        
        .header .logo {
            line-height: 80px;
        }
        
        .logo img {
            vertical-align: middle;
            max-height: 80px;
        }
        
        .nav-menu {
            font-size: 0;
        }
        
        .nav-menu .nav-list {
            margin: 0 25px;
            /* float: left; */
            display: inline-block;
            *display: inline;
            *zoom: 1;
            position: relative;
        }
        
        .nav-menu .nav-list a {
            display: block;
            font-size: 16px;
            color: #0f0f0f;
            line-height: 80px;
            /* position: relative; */
        }
        
        .nav-menu .nav-list:hover a,
        .nav-menu .nav-list.active a {
            color: #1073c4;
        }
        
        .nav-menu .nav-list a:after {
            content: "";
            display: none;
            width: 32px;
            height: 2px;
            background-color: #1073c4;
            position: absolute;
            bottom: 0px;
            left: 50%;
            margin-left: -15px;
        }
        
        .nav-menu .nav-list:hover a:after,
        .nav-menu .nav-list.active a:after {
            display: block;
        }
        
        .nav-toggle {
            cursor: pointer;
            padding: 20px 0;
        }
        
        .nav-toggle .icon-bar {
            display: block;
            width: 25px;
            height: 2px;
            border-radius: 1px;
            background: #1073c4;
            transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
        }
        
        .nav-toggle .icon-bar+.icon-bar {
            margin-top: 7px;
        }
        
        .nav-toggle.active .icon-bar:nth-child(1) {
            transform: rotate(-45deg);
            transform-origin: 25px;
        }
        
        .nav-toggle.active .icon-bar:nth-child(2) {
            opacity: 0;
        }
        
        .nav-toggle.active .icon-bar:nth-child(3) {
            transform: rotate(45deg);
            transform-origin: 25px;
        }
        /* 侧边栏 */
        /* .aside {
            width: 60px;
            height: 182px;
            background-color: #fff;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            z-index: 2;
            position: fixed;
            top: 614px;
            right: 30px;
        } */
        
        .aside {
            width: 60px;
            height: 182px;
            box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
            border-radius: 10px;
            position: fixed;
            background-color: #fff;
            top: 614px;
            right: 30px;
            z-index: 10;
        }
        
        .aside ul li {
            width: 100%;
            height: 61px;
        }
        
        .aside ul .one:hover {
            background-color: #eeeeee;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }
        
        .aside ul .last:hover {
            background-color: #eeeeee;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
        }
        
        .aside ul li {
            position: relative;
            cursor: pointer;
            text-align: center;
        }
        
        .aside ul li:hover {
            background-color: #eeeeee;
        }
        
        .aside ul li i {
            display: block;
            width: 60px;
            height: 61px;
            background: url(../images/icon.png);
        }
        
        .aside ul li .a1>i {
            background-position: -254px 5px;
        }
        
        .aside ul li .a2>i {
            background-position: -318px 102px;
        }
        
        .aside ul li .a3>i {
            background-position: -252px 53px;
        }
        
        .aside ul li .a1 .tel,
        .aside ul li .a3 .qq {
            display: none;
        }
        
        .aside ul li .a2 .pic {
            width: 100px;
            height: 100px;
            background-color: #fff;
            box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
            border-radius: 10px;
            padding: 5px;
            position: absolute;
            top: 50%;
            right: 83px;
            display: none;
            transform: translateY(-50%);
        }
        
        .aside ul li .a2 .pic img {
            width: 90px;
            height: 90px;
            /* margin: 5px; */
        }
        
        .sj {
            width: 0;
            height: 0;
            border: 11px solid transparent;
            border-left-color: #fff;
            position: absolute;
            top: 50%;
            right: 61px;
            display: none;
            transform: translateY(-50%);
        }
        
        .aside ul li .a1 .tel,
        .aside ul li .a3 .qq {
            width: 150px;
            background-color: #fff;
            box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
            border-radius: 10px;
            position: absolute;
            right: 83px;
            top: 50%;
            /* padding: 20px; */
            line-height: 32px;
            display: none;
            transform: translateY(-50%);
        }
        
        .aside ul li .a1:hover .tel,
        .aside ul li .a2:hover .pic,
        .aside ul li .a3:hover .qq,
        .aside ul li:hover .sj {
            display: block;
        }
        
        .black {
            width: 60px;
            height: 60px;
            background-color: #fff;
            box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
            position: fixed;
            top: 810px;
            right: 30px;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            z-index: 10;
        }
        
        .black i {
            width: 100%;
            height: 100%;
            display: block;
            background: url(../images/icon.png) -321px 53px;
        }
        /*banner*/
        
        .banner {
            position: relative;
            overflow: hidden;
        }
        
        .banner-img-menu {
            width: 100%;
            position: relative;
        }
        
        .banner-img-menu li {
            float: left;
            width: 100%;
        }
        
        .banner-img-menu li a {
            display: block;
            height: 700px;
        }
        
        .banner .btn-a {
            position: absolute;
            bottom: 24px;
            width: 100%;
            text-align: center;
            z-index: 10;
        }
        
        .banner .btn-a a {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            width: 10px;
            height: 10px;
            border-radius: 100%;
            margin: 0 15px;
            background: rgba(255, 255, 255, .6);
            cursor: pointer;
        }
        
        .banner .btn-a a.active {
            width: 14px;
            height: 14px;
            background: #fff;
        }
        /* 首页 */
        
        .index-about {
            padding: 37px 0 40px;
            position: relative;
        }
        
        .index-about .container {}
        
        .index-about .index-about-name {
            font-size: 36px;
            color: #0f0f0f;
            text-align: center;
            margin-bottom: 22px;
        }
        
        .index-about .index-about-name span {
            color: #1073c4;
        }
        
        .index-about .about-left {
            width: 61%;
            position: relative;
        }
        
        .index-about .about-left .about-txt {
            font-size: 20px;
            line-height: 32px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 8;
            -webkit-box-orient: vertical;
            height: 230px;
        }
        
        .index-about .about-left .about-date {
            padding: 30px 0 40px;
        }
        
        .index-about .about-left .about-date .date-box {
            text-align: center;
            display: inline-block;
            width: 32%;
            text-align: left;
        }
        
        .index-about .about-left .about-date .date-box p {
            font-size: 42px;
            color: #1073c4;
        }
        
        .index-about .about-left .about-date .date-box span {
            font-size: 24px;
            color: #0f0f0f;
        }
        
        .more {
            width: 100px;
            height: 40px;
            line-height: 40px;
            display: inline-block;
            text-align: center;
            border: 1px solid #1073c4;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            font-size: 16px;
            color: #1073c4;
        }
        
        .index-about .about-left .more:hover {
            background-color: #1073c4;
            color: #fff;
        }
        
        .index-about .about-pic {
            position: absolute;
            bottom: 44px;
            right: 0;
            width: 42%;
            height: 440px;
        }
        
        .index-about .about-pic img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .index-case {
            background-color: #1073c4;
            padding-bottom: 40px;
        }
        
        .index-case .container {
            padding-right: 0;
            padding-left: 0;
        }
        
        .index-case-name {
            height: 115px;
            line-height: 115px;
            text-align: center;
            font-size: 36px;
            color: #fff;
        }
        
        .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-left: 12px;
            padding-right: 8px;
        }
        
        .index-case .case-intro {
            margin-top: 4px;
            background-color: #fff !important;
        }
        
        .index-case li:hover .case-intro {
            background-color: #fff !important;
        }
        
        .index-case .case-list img {
            transition: all 1s;
        }
        
        .index-case .case-list:hover img {
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
        }
        
        .index-case li:hover .case-name {
            color: #1073c4 !important;
        }
        
        .index-case .case-list-menu li:hover .arrow {
            background-position: -15px -12px;
        }
        
        .index-case .case-list-menu li:hover .c-address {
            color: #666;
        }
        
        .more-pro {
            text-align: center;
        }
        
        .index-case .more {
            border-color: #fff;
            color: #fff;
        }
        
        .index-case .more:hover {
            background-color: #fff;
            color: #1073c4;
        }
        
        .index-news {
            padding-bottom: 40px;
        }
        
        .index-news .index-case-name {
            color: #0f0f0f;
        }
        
        .index-news-box .news-lbox {
            width: 600px;
            height: 450px;
            position: relative;
            overflow: hidden;
        }
        
        .index-news-box .news-lbox .bd {
            position: relative;
            overflow: hidden;
        }
        
        .index-news-box .news-lbox .bd li {
            zoom: 1;
            position: relative;
            overflow: hidden;
        }
        
        .index-news-box .news-lbox .bd .pic-box {
            display: block;
            /* width: 100%;
            height: 100%; */
            width: 600px;
            height: 450px;
            ov
        }
        
        .index-news-box .news-lbox img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        .index-news-box .news-lbox .card-into {
            position: absolute;
            bottom: 20px;
            left: -1px;
            z-index: 100;
            padding-left: 15px;
            width: 100%
        }
        
        .index-news-box .news-lbox .date-box {
            text-align: center;
            color: #ccc;
            margin-right: 10px;
            padding: 0 10px;
        }
        
        .index-news-box .news-lbox .date-right {
            width: 80%;
            overflow: hidden;
            padding-right: 10px;
            float: left !important;
        }
        
        .index-news-box .news-lbox .date-box p {
            margin-top: 20px;
            font-size: 28px;
        }
        
        .index-news-box .news-lbox .date-box span {
            font-size: 16px;
        }
        
        .index-news-box .news-lbox .date-right .news-name {
            font-size: 20px;
            color: #fff;
            display: block;
            margin-top: 20px;
            margin-bottom: 8px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .index-news-box .news-lbox .date-right .news-name:hover {
            text-decoration: underline;
        }
        
        .index-news-box .news-lbox .date-right .txt {
            font-size: 16px;
            color: #eee;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .index-news-box .news-lbox .hd {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: 100px;
            background-color: rgba(0, 0, 0, .6);
            z-index: 0;
        }
        
        .index-news-box .news-lbox .hd li {
            width: 100%;
            height: 100px;
            display: block;
            position: relative;
        }
        
        .index-news-box .news-lbox .hd li .dot {
            width: 100%;
            height: 2px;
            background-color: #fff;
        }
        /* .index-news-box .news-lbox .hd li .liner {} */
        
        .news-rbox {
            width: 48%;
        }
        
        .news-rbox .index-news-list li {
            border-bottom: 1px solid #eee;
            height: 100px;
            padding-top: 14px;
            padding-left: 17px;
        }
        
        .news-rbox .index-news-list li:first-child {
            padding-top: 0px;
            height: 77px;
        }
        
        .news-rbox .index-news-list li:last-child {
            border-bottom: none;
        }
        
        .news-rbox .index-news-list li .date-box {
            width: 64px;
            margin-right: 17px;
            color: #1073c4;
            text-align: center;
        }
        
        .news-rbox .index-news-list li .date-box p {
            font-size: 28px;
            /* margin-top: 20px; */
            margin-bottom: 5px;
        }
        
        .news-rbox .index-news-list li .date-box span {
            font-size: 16px;
        }
        
        .news-rbox .index-news-list li .date-right {
            width: 85%;
        }
        
        .news-rbox .index-news-list li .date-right .news-name {
            display: block;
            font-size: 20px;
            color: #0f0f0f;
            margin-bottom: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .news-rbox .index-news-list li:hover .news-name {
            color: #1073c4;
        }
        
        .news-rbox .index-news-list li .date-right .txt {
            font-size: 16px;
            color: #666;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .index-news .more-pro {
            margin-top: 13px;
        }
        
        .index-news .more:hover {
            background-color: #1073c4;
            color: #fff;
        }
        
        .index-contact {
            width: 100%;
            height: 555px;
            background: url(../images/contact.jpg) no-repeat;
            background-size: cover;
            position: relative;
        }
        
        .contact-mask {
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, .6);
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 2;
        }
        
        .index-contact .contact-box .box-left {
            font-size: 18px;
            color: #fff;
            width: 50%;
        }
        
        .index-contact .contact-box .box-left p:first-child {
            padding-top: 15px
        }
        
        .index-contact .contact-box .box-left p {
            padding: 20px 0 25px;
        }
        
        .index-contact .contact-box .box-left p i {
            width: 20px;
            height: 20px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            background: url(../images/icon.png) -5px 84px;
        }
        
        .index-contact .contact-box .box-left p i.shouqian {
            background-position: -47px 84px;
        }
        
        .index-contact .contact-box .box-left p i.shouhou {
            background-position: -89px 84px;
        }
        
        .index-contact .contact-box .box-left p i.kf {
            background-position: -131px 84px;
        }
        
        .index-contact .contact-box .box-left p i.wx {
            background-position: -173px 84px;
        }
        
        .index-contact .contact-box .box-left p i.email {
            background-position: -215px 84px;
        }
        
        .index-contact .map {
            width: 584px;
            height: 400px;
        }
        
        .index-contact .map img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        /* 关于我们 */
        
        .bannerColumn {
            height: 300px;
        }
        
        .about-wrap {
            padding: 60px 0 80px;
            color: #0f0f0f;
        }
        
        .about-wrap .about-wrap-l .company-name {
            font-size: 36px;
            margin-bottom: 30px;
            text-align: center;
            line-height: 38px;
        }
        
        .about-wrap .about-wrap-l .text {
            font-size: 20px;
            line-height: 32px;
        }
        
        .about-wrap .about-wrap-r {
            width: 50%;
            margin-left: 26px;
            margin-bottom: 10px;
        }
        
        .about-wrap .about-wrap-r img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
        }
        /* 企业文化 */
        
        .culture-wrap {
            margin: 60px 0;
        }
        
        .culture-wrap .culture-text {
            font-size: 20px;
            color: #0f0f0f;
            line-height: 33px;
            margin-bottom: 20px;
        }
        
        .culture-wrap img {
            max-width: 100%;
            height: auto;
        }
        /* 工程案例 */
        
        .case-wrap {
            padding: 60px 0;
        }
        
        .case-list {
            display: block;
            margin-bottom: 43px;
        }
        
        .case-list .pic-wrap {
            /* width: 280px;
            height: 210px; */
            overflow: hidden;
        }
        
        .case-list .pic-wrap img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .case-list .case-intro {
            background-color: #f3f8fc;
            text-align: center;
            padding: 7% 10%;
        }
        
        .case-list-menu .col-md-3,
        .case-list-menu .col-sm-6,
        .case-list-menu .col-xs-6 {
            /* padding-left: 12px; */
            padding-left: 0px;
            padding-right: 12px;
        }
        
        .case-list-menu li:hover .case-intro {
            background-color: #1073c4;
        }
        
        .case-list-menu li:hover .case-name {
            color: #fff;
        }
        
        .case-list-menu li:hover .c-address {
            color: #ccc;
        }
        
        .case-list .case-intro .case-name {
            font-size: 18px;
            color: #0f0f0f;
            font-weight: 700;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 8%;
        }
        
        .case-list .case-intro .c-address {
            font-size: 16px;
            color: #666666;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 8%;
        }
        
        .case-list .case-intro .arrow {
            width: 20px;
            height: 20px;
            background: url(../images/arrow.png) no-repeat -15px -12px;
            margin: 0 auto;
        }
        
        .case-list-menu li:hover .arrow {
            background-position: -15px -65px;
        }
        /* 案例详情页 */
        
        .project {
            padding-bottom: 60px;
        }
        
        .project .left-box {
            width: 51%;
            background-color: #fff;
            /* margin-right: 60px; */
            position: relative;
        }
        
        .project .left-box .swiper-slide .pic {
            width: 100%;
            height: 100%;
        }
        
        .project .left-box .swiper-slide .pic img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
        
        .project .right-box {
            padding: 40px 0;
            width: 44%;
        }
        
        .project .right-box .project-name {
            font-size: 36px;
            color: #0f0f0f;
            padding-bottom: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .project .right-box p {
            font-size: 24px;
            color: #666;
            padding-top: 20px;
        }
        
        .project .right-box .cost {
            width: 280px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            display: block;
            font-size: 24px;
            color: #fff;
            background-color: #1073c4;
            border-radius: 10px;
            margin-top: 50px;
        }
        
        .case-container .content-top {
            background-color: #f5f5f5;
            line-height: 60px;
            padding-left: 30px;
            /* padding: 18px 0 18px 30px; */
        }
        
        .case-container .content-top span {
            font-size: 28px;
            color: #666;
            display: block;
            position: relative;
            padding-left: 20px;
        }
        
        .case-container .content-top span:after {
            content: "";
            width: 8px;
            height: 24px;
            background-color: #1073c4;
            position: absolute;
            bottom: 17px;
            left: 0px;
        }
        
        .case-container .news-content {
            border-top: none;
            padding: 30px 0;
        }
        
        .left-box .swiper-button-prev,
        .left-box .swiper-button-next {
            width: 40px;
            height: 60px;
            background-color: rgba(0, 0, 0, 0.3);
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
        }
        
        .left-box .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            display: inline-block;
            border-radius: 100%;
            background-color: #a4a8b3;
        }
        
        .left-box .swiper-pagination-bullet-active {
            background-color: #fff;
        }
        
        .left-box .swiper-container-horizontal>.swiper-pagination-bullets {
            bottom: 20px;
        }
        
        .left-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 10px;
        }
        
        .left-box {
            --swiper-navigation-color: #fff;
            --swiper-navigation-size: 30px;
            --swiper-pagination-color: #fff;
        }
        /* 企业资质/企业荣誉 */
        
        .qualifications a {
            font-size: 16px;
            display: block;
            color: #0f0f0f;
            position: relative;
            margin-right: 80px;
        }
        
        .qualifications a:after {
            content: "";
            width: 32px;
            height: 2px;
            background-color: #1073c4;
            display: none;
            position: absolute;
            bottom: -20px;
            left: 50%;
            margin-left: -16px;
        }
        
        .qualifications a:hover,
        .qualifications a.active {
            color: #1073c4;
        }
        
        .qualifications a:hover:after,
        .qualifications a.active:after {
            display: block;
        }
        
        .qualify-pic {
            padding: 60px 0;
        }
        
        .qualify-pic .pic-list-menu li {
            float: left;
            cursor: pointer;
        }
        
        .qualify-pic .pic-list-menu li .img-wrap {
            margin-bottom: 40px;
            display: block;
        }
        
        .qualify-pic .pic-list-menu li .img-wrap img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        /* 弹窗 */
        
        .popup {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            background: rgba(0, 0, 0, 0.6);
            filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
            z-index: 6666;
            display: none;
        }
        
        .popup .pop-box {
            height: 100%;
            text-align: center;
            font-size: 0;
            max-width: 90%;
            margin: 0 auto;
        }
        
        .popup .pop-box .pop-content {
            position: relative;
            background-color: #0f0f0f;
            margin: 62px auto;
            width: 20%;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: middle;
            position: relative;
            z-index: 6668;
            *margin-top: 100px;
            /*margin-top: 62px; */
        }
        
        .qualifications-pop .pop-content {
            width: 675px;
            background-color: #0f0f0f;
        }
        
        .popup .pop-content .close-pop {
            position: absolute;
            right: -50px;
            top: 0;
            width: 30px;
            height: 31px;
            display: block;
            z-index: 6669;
            background: url(../images/quxiao.png) no-repeat;
            cursor: pointer;
        }
        
        .popup .pop-content .pop-pic {
            /* width: 85%; */
            /* height: 950px; */
        }
        
        .popup .pop-content .pop-pic img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        /* 新闻动态 */
        
        .news-list-menu {
            padding-top: 30px;
            padding-bottom: 60px;
        }
        
        .news-list-menu .news-list {
            padding-bottom: 40px;
        }
        
        .news-list-menu .news-list li.col-md-12 {
            padding-left: 0;
            padding-right: 0;
        }
        
        .news-list-menu .news-list li .item {
            padding: 30px 0;
            border-bottom: 1px solid #eee;
        }
        
        .news-list-menu .news-list .pic {
            margin-right: 40px;
            width: 27%;
        }
        
        .news-list-menu .news-list .pic img {
            /* width: 320px;
            height: 240px; */
            width: 100%;
            height: 100%;
            object-fit: cover;
            vertical-align: bottom;
        }
        
        .news-list-menu .news-list .news-intro {
            padding: 20px 0;
            width: 69%;
        }
        
        .news-list-menu .news-list .news-intro .news-tit {
            font-size: 28px;
            color: #0f0f0f;
            margin-bottom: 30px;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .news-list-menu .news-list li:hover .news-tit {
            color: #1073c4;
        }
        
        .news-list-menu .news-list .news-intro .news-txt {
            font-size: 16px;
            color: #666;
            height: 84px;
            line-height: 28px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }
        
        .news-list-menu .news-list .news-intro .time {
            padding-top: 30px;
            font-size: 16px;
            color: #999;
        }
        /* 新闻详情页 */
        
        .new-wrap {
            padding-top: 60px;
            padding-bottom: 60px;
        }
        .new-wrap .swiper-slide {
            height: 447px;
        }

        .nav-bar {
            box-shadow: 0px 2px 8px 0px rgba(17, 52, 152, 0.09);
            /* box-shadow: 1px 2px 2px 0px rgba(11, 2, 5, 0.1); */
            padding-top: 20px;
            padding-bottom: 20px;
            overflow-x: auto;
            white-space: nowrap;
        }
        
        .nav-bar .bread {
            font-size: 16px;
            color: #0f0f0f;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .nav-bar .bread a {
            color: #999;
        }
        
        .new-details .news-tit {
            font-size: 28px;
            color: #0f0f0f;
            text-align: center;
        }
        
        .new-details p {
            margin: 30px 0;
            color: #666;
            text-align: center;
        }
        
        .new-details p .time {
            margin-right: 40px;
        }
        
        .news-content {
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee;
            padding-top: 20px;
            padding-bottom: 20px;
            font-size: 16px;
            color: #999;
            line-height: 28px;
        }
        
        .news-c {
            color: #666;
        }
        
        .news-bottom {
            margin-top: 60px;
        }
        
        .news-bottom .pre-page,
        .news-bottom .next-page {
            box-shadow: 0px 0px 7px 1px rgba(17, 52, 152, 0.09);
            border-radius: 10px;
            padding: 10px 16px;
            font-size: 16px;
            color: #0f0f0f;
            width: 34%;
        }
        
        .news-bottom .pre-pages,
        .news-bottom .next-pages {
            border-radius: 10px;
            padding: 10px 16px;
            font-size: 16px;
            color: #666;
            background-color: #f5f5f5;
            box-shadow: none;
            width: 34%;
            margin-bottom: 10px;
        }
        
        .news-bottom .pre-page a,
        .news-bottom .next-page a {
            color: #0f0f0f;
        }
        
        .news-bottom .pre-page a:hover,
        .news-bottom .next-page a:hover {
            color: #1073c4;
        }
        
        .news-bottom .pre-pages span,
        .news-bottom .next-pages span,
        .news-bottom .pre-pages a,
        .news-bottom .next-pages a,
        .news-bottom .pre-page span,
        .news-bottom .next-page span,
        .news-bottom .pre-page a,
        .news-bottom .next-page a {
            display: block;
            padding: 10px 0;
        }
        
        .news-bottom .pre-pages a,
        .news-bottom .next-pages a,
        .news-bottom .pre-page a,
        .news-bottom .next-page a {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .news-bottom .pre-pages a {
            text-align: right;
        }
        
        .news-bottom .pre-pages span,
        .news-bottom .pre-page span {
            padding-right: 16px;
            border-right: 1px solid #eee;
            margin-right: 16px;
        }
        
        .news-bottom .next-pages span,
        .news-bottom .next-page span {
            padding-left: 16px;
            border-left: 1px solid #eee;
            margin-left: 16px;
        }
        /* 联系我们 */
        
        .contact-wrap {
            height: 590px;
            position: relative;
        }
        
        .contact-wrap .map {
            width: 51%;
            height: 100%;
        }
        
        .contact-wrap .map img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        .contact-wrap .contact-box {
            background-color: #fff;
            box-shadow: 2px 3px 12px 1px rgba(17, 52, 152, 0.1);
            border-radius: 10px;
            margin-left: -40px;
            padding: 60px 94px 60px 60px;
            float: none;
            position: absolute;
            bottom: 28px;
            left: 51%;
        }
        
        .contact-wrap .contact-box .company-name {
            font-size: 36px;
            color: #0f0f0f;
            position: relative;
            padding-left: 20px;
            margin-bottom: 35px;
        }
        
        .contact-wrap .contact-box .company-name:after {
            content: "";
            width: 10px;
            height: 34px;
            background-color: #1073c4;
            position: absolute;
            bottom: 5px;
            left: 0px;
        }
        
        .contact-wrap .contact-box .contact-way {
            font-size: 20px;
            color: #0f0f0f;
        }
        
        .contact-wrap .contact-box .contact-way p {
            line-height: 55px;
        }
        
        .contact-wrap .contact-box .contact-way p i {
            width: 20px;
            height: 20px;
            display: inline-block;
            background: url(../images/icon.png) -5px 38px;
            margin-right: 10px;
            vertical-align: middle;
        }
        
        .contact-wrap .contact-box .contact-way p i.shouqian {
            background-position: -47px 38px;
        }
        
        .contact-wrap .contact-box .contact-way p i.shouhou {
            background-position: -89px 38px;
        }
        
        .contact-wrap .contact-box .contact-way p i.kefu {
            background-position: -131px 38px;
        }
        
        .contact-wrap .contact-box .contact-way p i.wx {
            background-position: -173px 38px;
        }
        
        .contact-wrap .contact-box .contact-way p i.email {
            background-position: -215px 38px;
        }
        
        .contact-wrap .contact-box .contact-way span {
            color: #666;
            margin-right: 10px;
        }
        /* 分页 */
        
        .page {
            text-align: center;
            margin-top: 20px;
        }
        
        .page a {
            display: inline-block;
            vertical-align: middle;
            *display: inline;
            *zoom: 1;
            width: 40px;
            height: 40px;
            line-height: 40px;
            border-radius: 4px;
            border: solid 1px #ddd;
            text-align: center;
            color: #999;
            margin: 0 12px;
        }
        
        .page a:hover,
        .page a.active {
            color: #fff;
            border-color: #1073c4;
            background-color: #1073c4;
        }
        
        .page a.pageprev {
            background: url('../images/page.png') no-repeat 0 -2px;
        }
        
        .page a.pagenext {
            background: url('../images/page.png') no-repeat -57px -2px;
        }
        
        .page a.pageprev:hover {
            background-color: #1073c4;
            background-position: 0 -46px;
        }
        
        .page a.pagenext:hover {
            background-color: #1073c4;
            background-position: -57px -46px;
        }
        /* 底部 */
        
        .footer {
            background-color: #333;
        }
        
        .footer .footer-top-wrap {
            text-align: center;
            border-bottom: 1px solid #ccc;
        }
        
        .footer .footer-nav {
            display: inline-block;
            padding: 20px 0;
        }
        
        .footer .footer-nav .footer-nav-li {
            float: left;
            margin: 0 40px;
        }
        
        .footer .footer-nav .footer-nav-li a {
            color: #fff;
            font-size: 16px;
        }
        
        .footer .footer-nav .footer-nav-li:hover a {
            color: #1073c4;
        }
        
        .footer .footer-bottom-wrap {
            padding: 20px 0;
            text-align: center
        }
        
        .footer .footer-bottom-wrap a {
            color: #999;
            margin-right: 30px;
        }
        
        .footer .footer-bottom-wrap span {
            color: #999;
        }
        /* .index-news-box .news-lbox .card-into {
                        position: absolute;
                        bottom: -2px;
                        left: -1px;
                        z-index: 100;
                    }
        .index-news-box .news-lbox .date-right {
                        width: 80%;
                        overflow: hidden;
                        padding-right: 10px;
                    }
                
                .index-news-box .news-lbox .date-right .news-name {
                        font-size: 20px;
                        color: #fff;
                        display: block;
                        margin-top: 20px;
                        margin-bottom: 8px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    } */