@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;font-size: 0;text-align: center;user-select: none;}
.paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;}
.paging-menu a{width: 38px;height: 38px;line-height: 36px;border: 1px solid #e1e1e1;margin: 4px;font-size: 14px;color: #555;transition: all .4s ease;border-radius: 3px;background-color: #fff;}
.paging-menu a:first-child, .paging-menu a:last-child{width: 68px;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #2272e9;background-color: #2272e9;color: #fff;}
.paging-skip{margin-left: 8px;}
.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #2272e9;}
.paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #2272e9;color: #fff;border-color: #2272e9;}
.paging-hint span{color: #2272e9;}
@media all and (max-width:1000px) {.paging-menu a{margin: 4px 2px;}.paging-skip{width: 100%;margin-left: 0;}.paging-menu a:first-child, .paging-menu a:last-child{width: 54px;}}

/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #2272e9;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #2272e9;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: 40px 24px;}
.search-link:not(:first-child){margin-top: 16px;}
.search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #2272e9 !important;}
.search-link:hover h2{color: #2272e9;}
@media all and (max-width:1000px) {.search-link{padding: 20px 15px;}.search-link:not(:first-child) {margin-top: 12px;}}

/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}

/* 网站地图 */
.webmap{width: 100%;}
.webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: 24px;}
.webmap-title::after{content: "";position: absolute;width: 60px;left: 0;right: 0;margin: 0 auto;bottom: 0;height: 4px;background: #2272e9;}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -40px 0 0 -40px;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{width: calc(20% - 40px);margin: 40px 0 0 40px;color: #333;}
.webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;}
.webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;}
.webmap-list>ul>li a:hover{color: #2272e9;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: 20px;width: 100%;padding-bottom: 20px;line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: 16px;}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: 6px 0;font-size: 18px;}
.webmap-list>ul>li>.drop .drop a{padding-left: 18px;font-size: 16px;}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 14px;}
@media all and (max-width:1270px) {
    .webmap-list>ul{margin: -24px 0 0 -24px;}
    .webmap-list>ul>li{width: calc(20% - 24px);margin: 24px 0 0 24px;}
    .webmap-list>ul>li>.menu {font-size: 18px;}
    .webmap-list>ul>li>.drop a {font-size: 16px;}
    .webmap-list>ul>li>.drop .drop a{font-size: 14px;}
    .webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}
@media all and (max-width: 640px) {
    .webmap-title {padding-bottom: 16px;}
    .webmap-title::after {width: 44px;height: 3px;}
    .webmap-list>ul{margin: -14px 0 0;}
    .webmap-list>ul>li{width: 100%;margin: 14px 0 0;}
    .webmap-list>ul>li>.menu {font-size: 16px;padding-bottom: 14px;}
    .webmap-list>ul>li>.drop{margin-top: 10px;}
    .webmap-list>ul>li>.drop a{padding: 4px 0;font-size: 15px;}
    .webmap-list>ul>li>.drop .drop a{padding-left: 12px;}
}

/*  */
.CommonBanner>img{width: 100%;}
.CommonBanner .content{position: absolute;top: 0px;left: 0px;width: 100%;display: flex;align-items: center;height: 100%;}
.CommonBanner .content .CommonBtn{color: #fff;background-color: #2272e9;transition: all .4s ease;}
.CommonBanner .content .CommonBtn:hover{transform: translateY(-10px);}

.CommonBtn{display: flex;width: 110px;height: 40px;display: flex;justify-content: center;align-items: center;}

.CommonTitle .title{color: #1a212b;}
.CommonTitle .line{background-color: #2272e9;height: 2px;width: 80px;}
.CommonTitle{display: flex;flex-direction: column;align-items: center;}

.proys{background-color: #f7f8fb;}
.proys-list {margin-bottom: -15px;}
.proys-list .list-muen{width: calc(100%/4 - 15px);margin-right: 15px;background-color: #fff;padding: 50px 30px;margin-bottom: 15px;}
.proys-list .list-muen li{padding-left: 15px;position: relative;}
.proys-list .list-muen li::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0px;width: 6px;height: 6px;background-color: #2272e9;border-radius: 100px;}
.proys-list .list-muen .img{width: 60px;height: 60px;display: flex;justify-content: center;margin: 0px auto;}
.proys-list .list-muen .img img{max-width: 60px;max-height: 60px;}

.progn{background: url(../images/pages/progn-bg.jpg)center no-repeat;background-size: cover;}
.progn .thumbs{position: relative;border-bottom: 1px solid #eeeeee;}
.progn .thumbs .thumbs-year{position: relative;padding-bottom: 15px;display: flex;justify-content: center;}
.progn .thumbs .thumbs-year::before{content: "";position: absolute;bottom: 0px;left: 0px;width: 100%;height: 2px;opacity: 0;background-color: #2272e9;}
.progn .thumbs .thumbs-year.active{color: #2272e9;}
.progn .thumbs .thumbs-year.active::before{opacity: 1;}
.progn .gallery .gallery-more{display: flex;flex-direction: column;align-items: center;}
.progn .gallery .gallery-more .content{box-shadow: 0px 0px 25px 0px rgba(5, 5, 5, 0.06);}
.progn .gallery .gallery-more .content img{width: 100%;height: 100%;}

.prosj-list {margin-right: -27px;margin-bottom: -27px;}
.prosj-list li{width: calc(100%/4 - 27px);margin-right: 27px;margin-bottom: 27px;border: 1px solid #dddddd;padding: 20px;display: flex;justify-content: center;align-items: center;}

.soluyw-list {box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);}
.soluyw-list li{width: calc(100%/3);display: flex;flex-direction: column;align-items: center;padding: 50px 40px;position: relative;}
.soluyw-list li .img{height: 60px;position: relative;z-index: 2;}
.soluyw-list li .img img{max-height: 60px;transition: all .4s ease;}
.soluyw-list li .img img:nth-child(1){opacity: 1;position: absolute;}
.soluyw-list li .img img:nth-child(2){opacity: 0;}
.soluyw-list li:hover .img img:nth-child(1){opacity: 0;}
.soluyw-list li:hover .img img:nth-child(2){opacity: 1;}
.soluyw-list li:nth-child(2){background-color: #f7f8fb;}
.soluyw-list li .bg{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;transition: all .4s ease;}
.soluyw-list li .bg img{width: 100%;height: 100%;}
.soluyw-list li:hover .bg{opacity: 1;}
.soluyw-list li .title{position: relative;z-index: 2;transition: all .4s ease;}
.soluyw-list li .text{position: relative;z-index: 2;transition: all .4s ease;}
.soluyw-list li:hover .title{color: #fff;}
.soluyw-list li:hover .text{color: #fff;}

.soluhy-title{color: #323335;padding-left: 25px;position: relative;}
.soluhy-title::before{content: "";position: absolute;height: 23px;width: 4px;background-color: #2272e9;left: 0px;top: 50%;transform: translateY(-50%);}
.soluhy-list {margin-right: -20px;margin-bottom: -20px;}
.soluhy-list li{width: calc(100%/2 - 20px);margin-right: 20px;margin-bottom: 20px;background-color: #fff;border: 1px solid #dddddd;padding: 40px;transition: all .4s ease;}
.soluhy-list li .img{width: 70px;position: relative;}
.soluhy-list li .cont{width: calc(100% - 70px);}
.soluhy-list li .img img{transition: all .4s ease;}
.soluhy-list li .img img:nth-child(1){position: absolute;opacity: 1;}
.soluhy-list li .img img:nth-child(2){opacity: 0;}
.soluhy-list li:hover .img img:nth-child(1){opacity: 0;}
.soluhy-list li:hover .img img:nth-child(2){opacity: 1;}
.soluhy-list li .cont .title{transition: all .4s ease;}
.soluhy-list li .cont .text{transition: all .4s ease;}
.soluhy-list li:hover .cont .title{color: #fff;}
.soluhy-list li:hover .cont .text{color: #fff;}
.soluhy-list li:hover{background-color: #2272e9;}
.soluhy-btn{display: flex;justify-content: center;}
.soluhy-btn a{display: flex;align-items: center;font-size: 16px;color: #2272e9;}
.soluhy-btn a i{transition: all .4s ease;}
.soluhy-btn a:hover i{transform: translateX(10px);}

.solual-list{margin-right: -30px;margin-bottom: -30px;}
.solual-list li{width: calc(100%/3 - 30px);margin-right: 30px;margin-bottom: 30px;background-color: #fff;transition: all .4s ease;}
.solual-list li:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);}
.solual-list li .img{height: 250px;overflow: hidden;}
.solual-list li .img img{width: 100%;height: 100%;transition: all .4s ease;}
.solual-list li .img:hover img{transform: scale(1.04);}
.solual-list li .cont{padding: 30px 30px 25px;}
.solual-list li .cont .text{transition: all .4s ease;}
.solual-list li .cont .text:hover{color: #2272e9;}
.solual-list li .cont .icon{max-width: 100%;display: flex;justify-content: center;max-height: 50px;}
.solual-list li .cont .icon img{max-height: 100%;}

.soluqj-content{display: flex;justify-content: center;}
.soluqj-content img{box-shadow: 0px 0px 20px 0px rgba(29, 95, 192, 0.08);}

.solufa-list{margin-bottom: -20px;}
.solufa-list li{width: 100%;margin-bottom: 20px;box-shadow: 0px 0px 20px 0px rgba(29, 95, 192, 0.08);transition: all .4s ease;padding: 30px;}
.solufa-list li:hover{background-color: #2272e9;}
.solufa-list li .title{position: relative;padding-left: 20px;transition: all .4s ease;}
.solufa-list li .title::before{content: "";position: absolute;width: 8px;height: 8px;background-color: #2272e9;border-radius: 100px;left: 0px;top: 50%;transform: translateY(-50%);transition: all .4s ease;}
.solufa-list li:hover .title{color: #fff;}
.solufa-list li:hover .title::before{background-color: #fff;}
.solufa-list li .text{transition: all .4s ease;}
.solufa-list li:hover .text{color: #fff;}

.solukh-list{margin-right: -16px;margin-bottom: -16px;}
.solukh-list li{width: calc(100%/6 - 16px);margin-right: 16px;margin-bottom: 16px;height: 80px;background-color: #fff;box-shadow: 0px 0px 20px 0px rgba(12, 57, 124, 0.08);display: flex;justify-content: center;align-items: center;padding: 10px;}
.solukh-list li img{max-height: 100%;}

.servexz-list li .icon{width: 50px;}
.servexz-list li .cont{width: calc(100% - 170px);}
.servexz-list li .btn{width: 120px;}
.servexz-list li .cont .title{color: #1a212b;line-height: 1;}
.servexz-list li .btn a{width: 120px;height: 45px;background-color: #2272e9;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;transition: all .4s ease;}
.servexz-list li .btn a img{margin-right: 10px;}
.servexz-list li{padding-bottom: 34px;border-bottom: 1px solid #dddddd;margin-bottom: 40px;}
.servexz-list li:last-child{margin-bottom: 0px;}
.servexz-list li .btn a:hover{box-shadow: 0px 0px 20px 0px rgba(29, 95, 192, 0.08);}

.servejc-lun{background-color: #fff;transition: all .4s ease;display: block;}
.servejc-lun:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.servejc-lun .img{height: 240px;position: relative;}
.servejc-lun .img>img{width: 100%;height: 100%;}
.servejc-lun .img .show{position: absolute;bottom: 30px;left: 30px;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 100px;background-color: rgba(0, 0, 0, .3);display: flex;justify-content: center;align-items: center;}
.servejc-lun .img .show i{color: #fff;}
.servejc-lun .cont{padding: 30px;}
.servejc-lun .cont .title{transition: all .4s ease;}
.servejc-lun:hover .cont .title{color: #2272e9;}
.servejc-svp{position: relative;}
.servejc-svp .swiper-btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;}
.servejc-svp .swiper-btn a{width: 45px;height: 45px;border: 2px solid #d1d1d2;border-radius: 100px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.servejc-svp .swiper-btn a i{color: #d1d1d1;transition: all .4s ease;}
.servejc-svp .swiper-btn.prev{left: -75px;}
.servejc-svp .swiper-btn.next{right: -75px;}
.servejc-svp .swiper-btn a:hover{border: 2px solid #2272e9;}
.servejc-svp .swiper-btn a:hover i{color: #2272e9;}

.servefw-list{margin-right: -40px;margin-bottom: -30px;}
.servefw-list li{width: calc(100%/2 - 40px);margin-right: 40px;margin-bottom: 30px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);position: relative;padding: 60px 60px;}
.servefw-list li img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;transition: all .4s ease;}
.servefw-list li .title{position: relative;z-index: 2;color: #1a212b;}
.servefw-list li .text{position: relative;z-index: 2;width: 350px;}
.servefw-list li .btn{position: relative;z-index: 2;display: flex;align-items: center;color: #2272e9;}
.servefw-list li .btn i{transition: all .4s ease;}
.servefw-list li .btn:hover i{transform: translateX(10px);}
.servefw-list li:hover img{opacity: 1;}

.serveyw-cont{width: 100%;}
.serveyw-cont li{display: flex;justify-content: center;width: 100%;margin-bottom: 14px;}
.serveyw-cont li img{margin-right: 20px;object-fit: contain;}
.serveyw-cont li span{color: #1a212b;}
.serveyw-cont .number{color: #2272e9;}
.serveyw-cont li:last-child{margin-bottom: 0px;}

.serveyw-list{margin-right: -20px;margin-bottom: -20px;}
.serveyw-list li{width: calc(100%/2 - 20px);margin-right: 20px;margin-bottom: 20px;background-color: #f7f8fb;padding: 40px;height: 215px;}
.serveyw-list li .title{display: flex;align-items: center;}
.serveyw-list li .title img{margin-right: 18px;}

.servewt-list{border-top: 1px solid #dddddd;}
.servewt-list li .number{width: 50px;}
.servewt-list li .number > div{width: 30px;height: 30px;border-radius: 100px;background-color: #2272e9;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 16px;}
.servewt-list li .btn{width: 40px;display: flex;justify-content: center;align-items: center;}
.servewt-list li .cont{width: calc(100% - 90px);}
.servewt-list li{padding: 30px 0px;border-bottom: 1px solid #dddddd;}
.servewt-list li .hide{width: 100%;padding-left: 50px;display: none;}
.servewt-list li .btn a{font-size: 18px;color: #6c6c6c;transition: all .4s ease;}
.servewt-list li.active .btn a{transform: rotate(180deg);}

.ecolcp-list li{background-color: #fff;width: calc(100%/4 - 12px);margin-right: 12px;height: 270px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ecolcp-list li .btn{display: flex;justify-content: center;align-items: center;width: 110px;height: 40px;background-color: #2272e9;color: #fff;}
.ecolcp-list li .img{height: 45px;display: flex;align-items: center;}
.ecolcp-list li .img img{max-height: 100%;}

.ecolly-list {margin-right: -20px;}
.ecolly-list li{width: calc(100%/3 - 20px);margin-right: 20px;height: 180px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);padding: 40px;}
.ecolly-list li:nth-child(1){background: url(../images/pages/ecolly-list1.jpg)center no-repeat;background-size: cover;}
.ecolly-list li:nth-child(2){background: url(../images/pages/ecolly-list2.jpg)center no-repeat;background-size: cover;}
.ecolly-list li:nth-child(3){background: url(../images/pages/ecolly-list3.jpg)center no-repeat;background-size: cover;}

.ecolfs-list{margin-right: -20px;}
.ecolfs-list li{width: calc(100%/3 - 20px);margin-right: 20px;background-color: #fff;}
.ecolfs-list li .img{height: 200px;overflow: hidden;}
.ecolfs-list li .cont{padding: 40px;}
.ecolfs-list li .cont .btn{width: 110px;height: 40px;display: flex;justify-content: center;align-items: center;background-color: #2272e9;color: #fff;}
.ecolfs-list li .img img{transition: all .4s ease;width: 100%;height: 100%;}
.ecolfs-list li .img:hover img{transform: scale(1.04);}


/* 新闻中心 */
.newsShow .PageContain{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);background: #fff; transform:translateY(-80px) ; -webkit-transform:translateY(-80px) ; -moz-transform:translateY(-80px) ; -ms-transform:translateY(-80px) ; -o-transform:translateY(-80px) ; }
.newsShow-slide{padding: 40px;justify-content: space-between;}
.newsShow-img{width: 43%;overflow: hidden;}
.newsShow-img img{ width: 100%; height: 320px; transition:all .6s ease ; -webkit-transition:all .6s ease ; -moz-transition:all .6s ease ; -ms-transition:all .6s ease ; -o-transition:all .6s ease ; }
.newsShow-con{width: 52%;padding-right: 20px;}
.newsShow-more{align-items: center;}
.newsShow-more::after{content: "\e622";font-family: "icon";display: inline-block;margin-left: 12px;font-size: 14px;margin-top: 2px;}
.newsShow-pagination{ position: absolute; left: 50%; bottom: -40px; transform:translateX(-50%) ; z-index: 2;}
.newsShow-pagination .swiper-pagination-bullet{ width: 60px; height: 2px; background: #e5e5e5; margin-left: 10px; opacity: 1; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
.newsShow-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.newsShow-pagination .swiper-pagination-bullet-active{background: #2272e9;}
.newsShow-slide:hover .newsShow-img img{ transform:scale(1.08) ; -webkit-transform:scale(1.08) ; -moz-transform:scale(1.08) ; -ms-transform:scale(1.08) ; -o-transform:scale(1.08) ; }
.newsShow-slide:hover .newsShow-title{color: #2272e9;}

.newsList{background: #f7f8fb;}
.newsList-item{ background: #fff;align-items: center; padding: 40px; transition:all .4s ease ; -webkit-transition:all .4s ease ; -moz-transition:all .4s ease ; -ms-transition:all .4s ease ; -o-transition:all .4s ease ; }
.newsList-img{overflow: hidden;}
.newsList-img img{ width: 250px; height: 150px; transition:all .6s ease ; -webkit-transition:all .6s ease ; -moz-transition:all .6s ease ; -ms-transition:all .6s ease ; -o-transition:all .6s ease ; }
.newsList-con{flex: 1;padding: 0 35px;}
.newsList-con .date{margin-top: 5px;}
.newsList-item:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);}
.newsList-item:hover .newsList-img img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.newsList-item:hover .newsList-con .title{color: #2272e9;}

/* 新闻详情 */
.newsDet .PageContain{justify-content: space-between;align-items: flex-start;}
.newsDet-con{width: 74%;}
.newsDet-header,.newsDet-file{border-bottom: 1px solid #ededed;}
.newsDet-file p{line-height: inherit;}
.newsDet-file img,.newsDet-file video{display: block;margin: 0 auto;}
.newsDet-file h1,.newsDet-file h2,.newsDet-file h3,.newsDet-file h4,.newsDet-file h5,.newsDet-file h6{font-size: 18px;font-weight: 500;color: #333;}
.newsDet-switch{justify-content: space-between;}
.newsDet-switch-item{ width: 49%; height: 140px;border: 1px solid #efefef;padding: 30px; transition:all .4s ease ;}
.newsDet-switch-item .label{align-items: center;}
.newsDet-switch-item:first-child .label::before{content:"\e623";font-family: "icon";display: inline-block;margin-right: 20px;}
.newsDet-switch-item:nth-child(2) .label::after{content:"\e622";font-family: "icon";display: inline-block;margin-left: 20px;}
.newsDet-switch-item:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);background: #fff;}
.newsDet-switch-item:hover .title{color: #2272e9;}
.newsDet-side{width: 22%;padding: 25px 20px 35px;border: 1px solid #ededed;}
.newsDet-side-list{border-top: 1px solid #efefef;}
.newsDet-side-item .title{ transition: all .4s ease ; -webkit-transition: all .4s ease ; -moz-transition: all .4s ease ; -ms-transition: all .4s ease ; -o-transition: all .4s ease ; }
.newsDet-side-item .date{margin-top: 5px;}
.newsDet-side-item:hover .title{color: #2272e9;}

/* 客户案例 */
.pagesNav{background: #fff;}
.pagesNav-item{height: 60px;align-items: center;position: relative;margin-left: 75px;}
.pagesNav-item:first-child{margin-left: 0;}
.pagesNav-item::after{ content: "";background: #2272e9; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; transition: all .4s ease; transform:translateX(-50%) ;  -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; }
.pagesNav-item:hover,.pagesNav-item.active{color: #2272e9;}
.pagesNav-item.active::after{width: 100%;}
.case{background: #f7f8fb;}
.case-title{padding-left: 25px;margin-bottom: 25px;}
.case-title::after{ content: ""; position: absolute; left: 0; top: 50%;width: 4px;height: 60%; transform: translateY(-50%); background: #2272e9;}
.case-item:first-child{margin-top: 0;}


/* 客户案例详情 */
.caseDet-intro{justify-content: space-between;}
.caseDet-intro-con{width: 45%;}
.caseDet-intro-text{padding-right: 30px;}
.caseDet-intro-text p{font-size:16px;line-height:30px;}
.caseDet-intro-link{margin-left: -10px;}
.caseDet-intro-link a{ width: calc(20% - 10px); margin-left: 10px; height: 38px; background: #f1f7ff; transition:all .4s ease ; -webkit-transition:all .4s ease ; -moz-transition:all .4s ease ; -ms-transition:all .4s ease ; -o-transition:all .4s ease ; }
.caseDet-intro-link a:hover{background: #2272e9;color: #fff;}
.caseDet-intro-img{width: 50%;}
.caseDet-intro-img img{width: 100%;}
.caseDet-item{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);padding: 40px;}
.caseDet-item p{line-height: inherit;}
.caseDet-item h1,.caseDet-item h2,.caseDet-item h3,.caseDet-item h4,.caseDet-item h5,.caseDet-item h6{font-size: 28px;color: #333;margin-bottom: 10px;}


/* 关于我们 */
.abIntro .PageContain{justify-content: space-between;}
.abIntro-img{width: 42%;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);}
.abIntro-img img{width: 100%;}
.abIntro-con{width: 53%;}
.abIntro-con .title::after{content: "";position: absolute;left: 0;bottom: 0;width: 65%;height: 2px;background: #2272e9;}
.abHonor-slide{background: #f7f8fb;padding: 48px 15px;}
.abHonor-img{height: 254px;display: flex;align-items: center;justify-content: center;}
.abHonor-img img{max-height: 100%;}
.abHonor-pagination{display: none;}
.abHonor-prev,.abHonor-next{ transition:all .4s ease ; width: 45px; height: 45px; border-radius:50% ; border: 2px solid #cfcfcf; color: #cfcfcf; display: flex; align-items: center; justify-content: center; cursor: pointer; user-select: none; position: absolute; right: -75px; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; -webkit-transition:all .4s ease ; -moz-transition:all .4s ease ; -ms-transition:all .4s ease ; -o-transition:all .4s ease ; }
.abHonor-prev{ right: auto; left: -75px; transform:translateY(-50%) rotate(180deg) ; -webkit-transform:translateY(-50%) rotate(180deg) ; -moz-transform:translateY(-50%) rotate(180deg) ; -ms-transform:translateY(-50%) rotate(180deg) ; -o-transform:translateY(-50%) rotate(180deg) ; }
.abHonor-prev::after,.abHonor-next::after{content: "\e622";font-family: "icon";display: inline-block;font-weight: 700;}
.abHonor-prev:hover,.abHonor-next:hover{border-color: #2272e9;color: #2272e9;}

.abContact{background: #f7f8fb;}
.abCont-desc{width: 480px;padding-right: 45px;}
.abCont-list li{display: flex;align-items: center;}
.page-about .history-item .item-bg {
    position: absolute;
    width: 13.5rem;
    height: 13.5rem;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.45);
    background: rgba(255,255,255,.3);
    pointer-events: none;
}
.abCont-text{flex: 1;padding-left: 20px;}
.abCont-btn{border: 1px solid #2272e9; width: 220px; overflow: hidden; height: 54px; position: relative; background: #2272e9; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; }
.abCont-btn p{position: relative;z-index: 2;}
.abCont-btn::after{ content: ""; background: #fff; position: absolute; left: 50%; top: 50%; width: 0; height: 400%; transform:translate(-50%,-50%) rotate(45deg); transition:all .4s ease ; -webkit-transition:all .4s ease ; -moz-transition:all .4s ease ; -ms-transition:all .4s ease ; -o-transition:all .4s ease ; }
.abCont-btn:hover{color: #2272e9;}
.abCont-btn:hover::after{width: 105%;}
.contCode-map{width: calc(100% - 480px);height: 420px;border: 1px solid #ddd;}
.map-info{padding: 25px 40px;width: 350px;}
.map-img{text-align: center;}
.map-con{margin-top: 13px;font-size: 14px;color: #777;}
.amap-info-content{padding: 0;background: rgba(255, 255, 255, .95);}
.amap-info-close,.amap-logo,.amap-copyright{display: none !important;}

.abFZ{background: url('../images/pages/abFZ-BG.jpg') no-repeat center/cover;overflow: hidden;}
.abFZ-list{position: relative; display: flex;flex-wrap: nowrap;flex-direction: row;justify-content: space-between;align-items: center;position: relative;z-index: 3;}
.abFZ-list::after{ content: ""; position: absolute; left: 50%; top: 53%; transform: translate(-50%,-50%);width: 100vw;height: 1px;background: rgba(255, 255, 255, .3); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.abFZ-list li{position: relative;z-index: 2; flex: 1;height: 216px;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;}
.abFZ-bg {position: absolute;width: 105%;height: 105%;border-radius: 50%;border: 1px solid rgba(255,255,255,.45);background: rgba(255,255,255,.2);pointer-events: none;}
.abFZ-list li:nth-child(even) .abFZ-bg { transform: scale(1.4); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); }
.abFZ-date{position: relative;z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center; transition:all .4s ease ; -webkit-transition:all .4s ease ; -moz-transition:all .4s ease ; -ms-transition:all .4s ease ; -o-transition:all .4s ease ; }
.abFZ-date .dot{ width: 12px; height: 12px; transition:all .4s ease ; border-radius: 50%;background: #fff;margin: 15px 0 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.abFZ-list li.active .abFZ-date{color: #2272e9;}
.abFZ-list li.active .abFZ-date .dot{background: #2272e9;}
.abFZ-list li.active .abFZ-bg  {border: 1px solid rgba(255,255,255,.9);background: rgba(255,255,255,.7);}
.abFZ-text{margin-top: 80px;}

.abFZ_text_list>div{display: none;}
.abFZ_text_list>div.active{display: block;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .newsShow-slide,.newsList-item{padding: 30px;}
    .newsShow-img img{height: 290px;}
    .pagesNav-item{margin-left: 60px;}
    .caseDet-intro-link a{font-size: 13px;}
    .abFZ-list li{height: 200px;}
    .abFZ-list::after{top: 52%;}
    .contCode-map{height: 390px;}
}

@media all and (max-width:1430px) {
    /* 1360 */
}

@media all and (max-width:1350px) {
    /* 1280 */
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .progn .gallery .gallery-more .content{width: calc(100% - 20px);margin: 10px;}
    .proys-list {margin-bottom: -15px;}
    .proys-list .list-muen{width: calc(100%/2 - 15px);margin-bottom: 15px;}
    .newsShow-img img{height: 240px;}
    .solual-list li .img{height: 200px;}
    .pagesNav-item{margin-left: 40px;}
    .caseDet-intro-link a{font-size: 12px;height: 34px;}
    .abFZ-date .dot{margin: 12px 0;}
    .abFZ-list li {height: 160px;}
}

@media all and (max-width:1140px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .CommonBanner>img{min-height: 500px;}
    .solukh-list li {width: calc(100%/3 - 16px);margin-right: 16px;margin-bottom: 16px;}
    .servefw-list li .text{width: 100%;}
    .serveyw-list li{height: auto;}
    .ecolcp-list {margin-bottom: -12px;}
    .ecolcp-list li {width: calc(100%/2 - 12px);margin-bottom: 12px;}
    .ecolly-list {margin-bottom: -20px;}
    .ecolly-list li {width: calc(100%/2 - 20px);margin-right: 20px;margin-bottom: 20px;}
    .ecolfs-list{margin-bottom: -20px;}
    .ecolfs-list li {width: calc(100%/2 - 20px);margin-right: 20px;margin-bottom: 20px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .CommonBanner>img{min-height: 250px;}
    .proys-list {margin-right: 0px;}
    .proys-list .list-muen{width: 100%;margin-right: 0px;margin-bottom: 15px;padding: 30px;}
    .prosj-list {margin-right: -10px;margin-bottom: -10px;}
    .prosj-list li {width: calc(100%/2 - 10px);margin-right: 10px;margin-bottom: 10px;padding: 20px;}
    .soluyw-list li {width: 100%;padding: 25px;}
    .soluhy-list{margin-right: 0px;margin-bottom: -10px;}
    .soluhy-list li {width: 100%;margin-right: 0px;margin-bottom: 10px;padding: 15px;}
    .solual-list{margin-right: -15px;margin-bottom: -15px;}
    .solual-list li .img{height: 96px;}
    .solual-list li {width: calc(100%/2 - 15px);margin-right: 15px;margin-bottom: 15px;}
    .solufa-list{margin-bottom: -15px;}
    .solufa-list li{padding: 15px;margin-bottom: 15px;}
    .solukh-list li {width: calc(100%/2 - 16px);margin-right: 16px;margin-bottom: 16px;}
    .servejc-lun .cont{padding: 15px;}
    .servejc-lun .img{height: 190px;}
    .servefw-list{margin-right: 0px;margin-bottom: -15px;}
    .servefw-list li {width: 100%;margin-right: 0px;margin-bottom: 15px;padding: 30px;}
    .servexz-list li .icon{width: 100%;display: flex;justify-content: center;margin-bottom: 10px;}
    .servexz-list li .cont{width: 100%;margin-bottom: 10px;}
    .servexz-list li .btn{width: 100%;display: flex;justify-content: center;}
    .servexz-list li {padding-bottom: 15px;margin-bottom: 15px;}
    .serveyw-list{margin-right: 0px;margin-bottom: -15px;}
    .serveyw-list li{width: 100%;margin-right: 0px;margin-bottom: 15px;padding: 20px;}
    .servewt-list li .hide{padding-left: 0px;}
    .servewt-list li{padding: 15px 0px;}
    .ecolcp-list{margin-bottom: -15px;margin-right: 0px;}
    .ecolcp-list li {width: 100%;margin-bottom: 15px;margin-right: 0px;}
    .ecolly-list{margin-bottom: -15px;margin-right: 0px;}
    .ecolly-list li {width: 100%;margin-right: 0px;margin-bottom: 15px;height: auto;padding: 15px;}
    .ecolfs-list{margin-bottom: -15px;margin-right: 0px;}
    .ecolfs-list li {width: 100%;margin-right: 0px;margin-bottom: 15px;}
    .ecolfs-list li .cont {padding: 15px;}
    .tanCon-from .list {margin-right: 0px;margin-bottom: -10px;}
    .tanCon-from .list .input {width: 100%;margin-right: 0px;margin-bottom: 10px;}
    .newsShow-con {width: 100%;padding-right: 0px;}
    .newsShow .PageContain{transform:translateY(0px)}
    .newsList-img img{width: 100%;}
    .newsList-img{width: 100%;}
    .newsList-item{padding: 15px;}
    .newsList-con{padding: 0px 15px;}
    .newsShow-slide{padding:20px 15px 30px;}
    .newsShow-img{width: 100%;}
    .newsShow-con{padding: 30px 0 0;width: 100%;}
    .newsShow .PageContain{ transform:translateY(-50px) ; -webkit-transform:translateY(-50px) ; -moz-transform:translateY(-50px) ; -ms-transform:translateY(-50px) ; -o-transform:translateY(-50px) ; }
    .newsShow-pagination .swiper-pagination-bullet{width: 40px;}
    .newsList-item{padding: 30px 15px;}
    .newsList-img{width: 100%;}
    .newsList-img img{width: 100%;height: 190px;}
    .newsList-con{flex: unset;width: 100%;padding: 20px 0 0;}
    .newsDet-con{width: 100%;}
    .newsDet-file h1, .newsDet-file h2, .newsDet-file h3, .newsDet-file h4, .newsDet-file h5, .newsDet-file h6{font-size: 16px;}
    .newsDet-switch-item{width: 100%;height: auto;margin-top: 15px;padding: 20px 15px;}
    .newsDet-switch-item:first-child .label::before{font-size: 15px;margin-right: 10px;}
    .newsDet-switch-item:nth-child(2) .label::after{font-size: 15px;margin-left: 10px;}
    .newsDet-side{width: 100%;margin-top: 30px;padding: 20px 15px;}
    .pagesNav-item{height: 46px;margin-left: 30px;white-space: nowrap;}
    .pagesNav{width: 100%;overflow-x: auto;padding: 0 4%;}
    .pagesNav .PageContain{flex-wrap: nowrap;}
    .case-title{padding-left: 15px;}
    .case-title::after{width: 3px;}
    .case-title{margin-bottom: 15px;}
    .solual-list li .cont{padding: 20px 15px;}
    .caseDet-intro{flex-direction: column-reverse;}
    .caseDet-intro-img{width: 100%;}
    .caseDet-intro-con{width: 100%;margin-top: 35px;}
    .caseDet-intro-text{padding-right: 0;}
    .caseDet-intro-link a{width: calc(25% - 10px);}
    .caseDet-item{padding: 30px 15px;}
    .caseDet-item h1, .caseDet-item h2, .caseDet-item h3, .caseDet-item h4, .caseDet-item h5, .caseDet-item h6{font-size: 20px;margin-bottom: 5px;}
    .abIntro-img{width: 100%;}
    .abIntro-con{width: 100%;margin-top: 25px;}
    .abFZ-list-box{overflow-x: auto;padding: 40px;}
    .abFZ-list{width: 100%;width: 800px;}
    .abFZ-list li{flex: unset;width: 130px;height: 130px;}
    .abFZ-list::after{width: 100%;top: 51%;}
    .abFZ-text{margin-top: 30px;}
    .abFZ-date .dot{width: 8px;height: 8px;margin: 8px 0;}
    .abCont-desc{width: 100%;padding-right: 0;}
    .contCode-map{width: 100%;height: 250px;margin-top: 30px;}
    .abCont-text{padding-left: 15px;}
    .abCont-icon{width: 18px;}
    .map-info{padding: 15px 10px;width: 250px;}
    .amap-container img{width: 100px;}
    .map-con{font-size: 12px;margin-top: 10px;}
    .abCont-btn{width: 150px;height: 50px;}
    .servejc-lun .cont{padding: 15px;}
    .servejc-lun .img{height: 190px;}
    .servefw-list{margin-right: 0px;margin-bottom: -15px;}
    .servefw-list li {width: 100%;margin-right: 0px;margin-bottom: 15px;padding: 30px;}
    .servexz-list li .icon{width: 100%;display: flex;justify-content: center;margin-bottom: 10px;}
    .servexz-list li .cont{width: 100%;margin-bottom: 10px;}
    .servexz-list li .btn{width: 100%;display: flex;justify-content: center;}
    .servexz-list li {padding-bottom: 15px;margin-bottom: 15px;}
    .serveyw-list{margin-right: 0px;margin-bottom: -15px;}
    .serveyw-list li{width: 100%;margin-right: 0px;margin-bottom: 15px;padding: 20px;}
    .servewt-list li .hide{padding-left: 0px;}
    .servewt-list li{padding: 15px 0px;}
    .ecolcp-list{margin-bottom: -15px;margin-right: 0px;}
    .ecolcp-list li {width: 100%;margin-bottom: 15px;margin-right: 0px;}
    .ecolly-list{margin-bottom: -15px;margin-right: 0px;}
    .ecolly-list li {width: 100%;margin-right: 0px;margin-bottom: 15px;height: auto;padding: 15px;}
    .ecolfs-list{margin-bottom: -15px;margin-right: 0px;}
    .ecolfs-list li {width: 100%;margin-right: 0px;margin-bottom: 15px;}
    .ecolfs-list li .cont {padding: 15px;}
    .tanCon-from .list {margin-right: 0px;margin-bottom: -10px;}
    .tanCon-from .list .input {width: 100%;margin-right: 0px;margin-bottom: 10px;}
    .solual-list li .cont .icon{max-height: 20px;}
    .solual-list li .cont .icon img{object-fit: contain;}
    .solual-list li .cont{padding: 10px;}
    .abHonor-pagination{display: flex;justify-content: center;margin-top: 15px;}
    .abHonor-pagination .swiper-pagination-bullet{margin: 0px 5px;}
}