@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: 45px;height: 45px;line-height: 45px;margin: 4px;font-size: 18px;color: #666;transition: all .4s ease;border-radius: 100%;background-color: #fff;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #3ba86f;background-color: #3ba86f;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: #0079c3;}
.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: #0079c3;color: #fff;border-color: #0079c3;}
.paging-hint span{color: #0079c3;}
/* 搜索页面 */
.search{width: 100%;}
.search-info{width: 100%;line-height: 1.1;color: #333;font-weight: 700;}
.search-info span{color: #0079c3;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border-bottom: 1px solid #f0f0f2;}
.search-link h2{color: #333;line-height: 1.1;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #0079c3 !important;}
.search-link:hover h2{color: #0079c3;}
@media all and (max-width:1000px) {.search-link{padding: 22px 0;}.search-list{margin-top: 10px;}}

/* 隐私协议 */
.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: #0079c3;}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -40px 0 0 -40px;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{flex: auto;width: auto;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: #0079c3;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: 20px;width: 100%;padding-bottom: 20px;margin-bottom: 16px;line-height: 1;}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: 6px 0;font-size: 17px;}
.webmap-list>ul>li>.drop .drop a{padding-left: 18px;font-size: 15px;}
.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:1279px) {
    .webmap-list>ul{margin: -24px 0 0 -24px;}
    .webmap-list>ul>li{margin: 24px 0 0 24px;}
}
@media all and (max-width: 1000px) {
    .webmap-title {padding-bottom: 16px;}
    .webmap-title::after {width: 44px;height: 3px;}
    .webmap-list>ul{margin: -20px 0 0;}
    .webmap-list>ul>li{flex: none;width: 100%;margin: 20px 0 0;}
    .webmap-list>ul>li>.menu {font-size: 18px;padding-bottom: 14px;margin-bottom: 10px;}
    .webmap-list>ul>li>.drop a{padding: 4px 0;font-size: 16px;}
    .webmap-list>ul>li>.drop .drop a{padding-left: 12px;font-size: 14px;}
    .webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}

/* 公共 */
.CommonBanner>img{width: 100%;}
.CommonBanner-cont{position: absolute;width: 100%;top: 0px;left: 0px;height: 100%;display: flex;align-items: center;}
.CommonBanner-cont .title{animation: ComTile 1s both;}
.CommonBanner-cont .text{color: rgba(255, 255, 255, .5);margin-top: -6px;animation: ComTile 1s both;}
@keyframes ComTile {0%{transform: translateX(120px);opacity: 0;}100%{transform: translateX(0px);opacity: 1;}}
.CommonBanner-nav{position: absolute;width: 100%;height: 100%;bottom: 0px;left: 0px;display: flex;align-items: flex-end;}
.CommonBanner-nav .contain{position: relative;}
.CommonBanner-nav .fanhui{position: absolute;right: 0px;top: 0px;display: flex;align-items: center;}
.CommonBanner-nav .fanhui .img i{font-size: 17px;color: #fff;transition: all .4s ease;}
.CommonBanner-nav .fanhui:hover .img i{color: #0079c3;}
.CommonBanner-nav .fanhui .img{display: flex;align-items:center;}
.CommonBanner-nav .fanhui .text{display: flex;align-items:center;margin-left: 12px;transition: all .4s ease;}
.CommonBanner-nav .fanhui:hover .text{color: #0079c3;}
.CommonBanner-nav li a{transition: all .4s ease;}
.CommonBanner-nav li{margin-right: 20px;padding-bottom: 20px;position: relative;transition: all .4s ease;}
.CommonBanner-nav li:nth-child(odd):before{content: "";background: url(../images/pages/sanjiao.png)center no-repeat;background-size: cover;position: absolute;bottom: -20px;width: 24px;height: 12px;left: calc(50% - 12px);transition: all .4s ease;opacity: 0;}
.CommonBanner-nav li.active:nth-child(odd):before,.CommonBanner-nav li:hover:nth-child(odd):before{bottom: 0px;opacity: 1;}
/* .CommonBanner-nav li:nth-child(odd).active a,.CommonBanner-nav li:nth-child(odd):hover a{color: #0079c3;} */
.CommonBanner-nav li:nth-child(even) a{color: rgba(255, 255, 255, .3);}

.PageTitle {width: 100%;text-align: center;position: relative;font-weight: 700;}
.PageTitle .text{text-transform: uppercase;line-height: 1;color: #f9f9f9;font-family: siyuan;}
.PageTitle .name{position: absolute;width: 100%;left: 0;bottom: 4px;color: #343434;}

.CommonBtn{width: 105px;height: 35px;background-color: #3ba86f;color: #fff;font-size: 14px;display: flex;justify-content: center;align-items: center;border-radius: 15px 0px 15px 0px;transition: all .4s ease;}
.CommonBtn:hover{box-shadow: 0 4px 16px 0 rgba(255, 255, 255, .4);background-color: rgba(255, 255, 255, 0);border: 1px solid #fff;}
/* 解决方案 */
.sololb-list{margin-right: -30px;margin-bottom: -30px;}
.sololb-list .list-muen{width: calc(25% - 30px);margin-right: 30px;margin-bottom: 30px;position: relative;overflow: hidden;height: 525px;}
.sololb-list .list-muen a{width:100%;height: 100%;display: flex;}
.sololb-list .list-muen a img{width: 100%;height: 100%;}
.sololb-list .list-muen .show{position: absolute;bottom: 20px;width: 100%;left: 0px;display: flex;justify-content: center;z-index: 1;transition: all .4s ease;}
.sololb-list .list-muen .hide{position: absolute;bottom: -200px;left: 0px;width: 100%;padding: 0px 35px;transition: all .4s ease;z-index: 2;height: 100px;}
.sololb-list .list-muen:hover .hide{bottom: 64px;}
.sololb-list .list-muen:hover .show{opacity: 0;}
.sololb-list .list-muen .back{position: absolute;bottom: -100%;left: 0px;background: url(../images/pages/sololb-back.png)center no-repeat;background-size: cover;width: 100%;height: 80%;transition: all .4s ease;}
.sololb-list .list-muen:hover .back{bottom: 0px;z-index: 1;}

/* 解决方案-详情 */
.solojs-cont{width: 100%;}
.solojs-cont .cont-l{width: 70%;padding-right: 70px;}
.solojs-cont .cont-r{width: 30%;overflow: hidden;}
.solojs-cont .cont-l .text1 p{text-indent: 30px;}
.solojs-cont .cont-l .title2{color: #3ba86f;}
.solojs-cont .cont-r img{width: 100%;height: 100%;transition: all .4s ease;}
.solojs-cont .cont-l .CommonBtn{width: 150px;height: 50px;}
.solojs-cont .cont-l .CommonBtn:hover{border: 1px solid #3ba86f;color: #3ba86f;}
.solojs-cont .cont-l .CommonBtn a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.solojs-cont .cont-r:hover img{transform: scale(1.04);}

.solotd{background: url(../images/pages/solotd-back.jpg)center no-repeat;background-size: cover;}
.solotd .PageTitle .text{color: #f9f9f9;}
.solotd-svp{width: 100%;}
.solotd-list{margin-right: -20px;margin-bottom: -20px;}
.solotd-list .list-muen{margin-right: 20px;margin-bottom: 20px;width: calc(50% - 20px);box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.07);background-color: rgba(255, 255, 255, .7);padding: 50px 55px;position: relative;}
.solotd-list .list-muen .title{position: relative;padding-bottom: 15px;z-index: 1;transition: all .4s ease;}
.solotd-list .list-muen .title::before{position: absolute;content: "";background-color: #0079c3;height: 3px;width: 42px;bottom: 0px;left: 0px;z-index: 1;transition: all .4s ease;}
.solotd-list .list-muen .text{position: relative;z-index: 1;transition: all .4s ease;}
.solotd-list .list-muen .bg {position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;z-index:0;opacity: 0;transition: all .4s ease;}
.solotd-list .list-muen .bg img{width: 100%;height: 100%;}
.solotd-list .list-muen:hover .bg{opacity: 1;}
.solotd-list .list-muen:hover .title{color: #fff;}
.solotd-list .list-muen:hover .title::before{background-color: #fff;}
.solotd-list .list-muen:hover .text{color: #fff;}
.solotd-page{display: flex;justify-content: center;}
.solotd-page .swiper-pagination-bullet {width: 10px;height: 10px;background: #d1d1d1;opacity: 1;margin: 0px 10px;}
.solotd-page .swiper-pagination-bullet-active {opacity: 1;background: #0079c3;}

.solock-list{box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.09);padding: 8px;border-radius: 5px;width: 100%;}
.solock-list .list-muen>div{width: 25%;display: flex;justify-content: center;align-items: center;height: 65px;border: 2px solid #fff;}
.solock-list .list-muen:nth-child(odd)>div:nth-child(1){background-color: #0079c3;}
.solock-list .list-muen:nth-child(odd)>div{background-color: #f3f3f3;}
.solock-list .list-muen:nth-child(even)>div:nth-child(1){background-color: #3ba86f;}
.solock-list .list-muen:nth-child(even)>div{background-color: #f9f9f9;}

.prodlb{background-color: #f7f7f7;}
.prodlb-list{margin-right: -40px;margin-bottom: -40px;}
.prodlb-list .list-muen{width: calc(25% - 40px);margin-right: 40px;margin-bottom: 40px;background-color: #fff;padding: 40px;overflow: hidden;position: relative;}
.prodlb-list .list-muen .img{height: 205px;display: flex;justify-content: center;align-items: center;width: 100%;}
.prodlb-list .list-muen .bg{position: absolute;bottom: -100%;left: 0px;background: url(../images/pages/sololb-back.png)center no-repeat;background-size: cover;width: 100%;height: 80%;transition: all .4s ease;z-index: 1;}
.prodlb-list .list-muen:hover .bg{bottom: -20%;}
.prodlb-list .list-muen .content{position: relative;z-index: 2;}
.prodlb-list .list-muen .title{transition: all .4s ease;}
.prodlb-list .list-muen .text{transition: all .4s ease;}
.prodlb-list .list-muen:hover .title{color: #fff;}
.prodlb-list .list-muen:hover .text{color: #fff;}
.prodlb-list .list-muen .img img{transition: all .4s ease;}
.prodlb-list .list-muen:hover .img img{transform: scale(1.04);}

.prodxq-cont{width: 100%;}
.prodxq-cont .cont-l{width: 53%;}
.prodxq-cont .cont-r{width: 47%;}
.prodxq-cont .cont-r .title{position: relative;padding-bottom: 20px;}
.prodxq-cont .cont-r .title::before{content: "";position: absolute;bottom: 0px;width: 47px;height: 3px;background-color: #0079c3;left: 0px;}
.prodxq-cont .cont-r li .text1{color: #0079c3;}
/* .prodxq-cont .cont-r li .text2{color: #0079c3;} */
.prodxq-cont .cont-r li {border-bottom:1px solid #f0f0f0;padding-top: 17px;padding-bottom: 12px;}
.prodxq-cont .cont-l .thumbs{width: 13%;padding: 50px 0px;position: relative;height: 520px;}
.prodxq-cont .cont-l .gallery{width: 87%;padding: 50px;}
.prodxq-cont .cont-l .thumbs .thumbs-year{width: 100%;border-radius: 5px;box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.08);border: 1px solid #ededed;background-color: #fff;display: flex;justify-content: center;align-items: center;height: 100%;transition: all .4s ease;}
.prodxq-cont .cont-l .thumbs .thumbs-year.active{border: 1px solid #0079c3;box-shadow: 0px 0px 16px 0px rgba(0, 121, 195, 0.27);}
.prodxq-cont .cont-l .thumbs .swiper-container{height: 100%;}
.prodxq-cont .cont-l .thumbs .thumbs-year img{max-height: 65px;}
.prodxq-cont .cont-l .gallery .gallery-more{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.prodxq-cont .cont-l .gallery .swiper-container{height: 100%;}
.prodxq-cont .cont-l .gallery .gallery-more img{max-height: 410px;}
.prodxq-cont .cont-l .thumbs .thumbs-prev{position: absolute;top: 0px;left: 50%;transform: translateX(-50%);}
.prodxq-cont .cont-l .thumbs .thumbs-next{position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);}
.prodxq-cont .cont-l .thumbs .thumbs-prev i,.prodxq-cont .cont-l .thumbs .thumbs-next i{font-size: 28px; color: #bebebe;}
.prodxq-cont .cont-l .thumbs .swiper-slide:last-child{margin-bottom: 0px !important;}

.prodtd{background: url(../images/pages/prodtd-bg.jpg)top no-repeat;background-size: cover;}
.prodtd .PageTitle .text{color: #f0f0f0;}
.prodtd-list{margin-right: -190px;margin-bottom: -90px;}
.prodtd-list .list-muen{margin-right: 190px;margin-bottom: 90px;width: calc(100%/5 - 190px);display: flex;justify-content: center;align-items: center;flex-direction: column;}
.prodtd-list .list-muen .img{width: 100px;height: 100px;background-color: #0079c3;border-radius: 100px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.prodtd-list .list-muen .text{transition: all .4s ease;}
.prodtd-list .list-muen:hover .img{background-color: #3ba86f;}
.prodtd-list .list-muen:hover .text{color: #3ba86f;}

.caselb .caselb-list{width: 100%;}
.caselb .caselb-list .list-muen{width: 100%;padding: 115px 0px;}
.caselb .caselb-list .cont-l{width: 48%;display: flex;justify-content: center;flex-direction: column;padding-right: 130px}
.caselb .caselb-list .cont-r{width: 52%;overflow: hidden;border-radius: 20px;}
.caselb .caselb-list .cont-r img{width: 100%;height: 100%;transition: all .4s ease;}
.caselb .caselb-list .cont-l .CommonBtn{width: 150px;height: 50px;font-size: 16px;}
.caselb .caselb-list .cont-l .CommonBtn:hover{color: #3ba86f;border: 1px solid #3ba86f;}
.caselb .caselb-list .cont-l .title{position: relative;padding-bottom: 18px;transition: all .4s ease;}
.caselb .caselb-list .cont-l .title::before{position: absolute;bottom: 0ex;left: 0px;width: 47px;height: 3px;background-color: #0079c3;content: "";}
/* .caselb .caselb-list .cont-l .title:hover{color: #3ba86f;} */
/* .caselb .caselb-list .list-muen:nth-child(even) .title:hover{color: #0079c3;} */
.caselb .caselb-list .list-muen:nth-child(even){background-color: #eef1f3;}
.caselb .caselb-list .list-muen:nth-child(even) .contain{display: flex;flex-direction: row-reverse;}
.caselb .caselb-list .list-muen:nth-child(even) .cont-l{padding-right: 0px;padding-left: 130px;}
.caselb .caselb-list .list-muen:nth-child(even) .CommonBtn{background-color: #0079c3;}
.caselb .caselb-list .list-muen:nth-child(even) .CommonBtn:hover{border: 1px solid #0079c3;color: #0079c3;background-color: rgba(0, 0, 0, 0)}
.caselb .caselb-list .cont-r:hover img{transform: scale(1.04);}

.casesvp .contain>.text{position: relative;margin-top: 8px;padding: 30px 190px 0px;}
.casesvp .contain>.text::before{position: absolute;top: 0px;width: 47px;height: 3px;background-color: #0079c3;content: "";left: 50%;transform: translateX(-50%);}
.casesvp-cont{padding: 0px 130px;height: 550px;position: relative;}
.casesvp-cont .swiper-container{height: 100%;}
.casesvp-cont .swiper-slide img{height: 100%;width: 100%;position: relative;}
.casesvp-cont .swiper-slide{position: relative;}
.casesvp-cont .swiper-slide::before{background-color: rgba(255, 255, 255, .8);content: "";top: 0px;left: 0px;width: 100%;height: 100%;position: absolute;transition: all .4s ease;z-index: 99;}
.casesvp-cont .swiper-slide-active::before{background-color: rgba(0, 0, 0, 0);}
.casesvp-cont .swiper-prev{width: 55px;height: 55px;position: absolute;left: 0px;top: 50%;transform: translateY(-50%);z-index: 99;}
.casesvp-cont .swiper-next{width: 55px;height: 55px;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);z-index: 99;}
.casesvp-cont .swiper-prev a,.casesvp-cont .swiper-next a{width: 100%;height: 100%;border-radius: 100px;display: flex;justify-content: center;align-items: center;}
.casesvp-cont .swiper-prev a{background-color: #3ba86f;}
.casesvp-cont .swiper-next a{background-color: #0079c3;}
.casesvp-cont .swiper-prev a span{background: url(../images/pages/casesvp-l.png) center no-repeat;background-size: cover;width: 12px;height: 22px;margin-right: 5px;}
.casesvp-cont .swiper-next a span{background: url(../images/pages/casesvp-r.png) center no-repeat;background-size: cover;width: 12px;height: 22px;margin-left: 5px;}

.casecp{background-color: #f5f5f5;width: 100%;position: relative;}
.casecp::before{position: absolute;top: -205px;width: 100%;height: 205px;background-color: #f5f5f5;left: 0px;content: "";}
.casecp .PageTitle .text{color: #f0f0f0;}
.casecp-svp .list-muen{width: 100%;background-color: #fff;padding: 40px;overflow: hidden;position: relative;}
.casecp-svp .list-muen .img{height: 205px;display: flex;justify-content: center;align-items: center;width: 100%;}
.casecp-svp .list-muen .bg{position: absolute;bottom: -100%;left: 0px;background: url(../images/pages/sololb-back.png)center no-repeat;background-size: cover;width: 100%;height: 80%;transition: all .4s ease;z-index: 1;}
.casecp-svp .list-muen:hover .bg{bottom: -20%;}
.casecp-svp .list-muen .content{position: relative;z-index: 2;}
.casecp-svp .list-muen .title{transition: all .4s ease;}
.casecp-svp .list-muen .text{transition: all .4s ease;}
.casecp-svp .list-muen:hover .title{color: #fff;}
.casecp-svp .list-muen:hover .text{color: #fff;}
.casecp-svp .list-muen .img img{transition: all .4s ease;}
.casecp-svp .list-muen:hover .img img{transform: scale(1.04);}
.casecp-svp .pages{display: flex;justify-content: center;}
.casecp-svp .pages .swiper-pagination-bullet {width: 10px;height: 10px;background: #d1d1d1;opacity: 1;margin: 0px 10px;}
.casecp-svp .pages .swiper-pagination-bullet-active{background-color: #0079c3;}

.servehz .sololb-list .list-muen .show{justify-content:flex-start;padding-left: 40px;}
.servehz .sololb-list{margin-right: -25px;margin-bottom: -25px;}
.servehz .sololb-list .list-muen{border-radius: 10px;width: calc(25% - 25px);margin-right: 25px;margin-bottom: 25px;}
.servehz .sololb-list .list-muen:hover .hide{bottom: 100px;}
.servehz .sololb-list .list-muen .back{bottom: -60%;background: url(../images/pages/servehz-back.png)center no-repeat;background-size: cover;}
.servehz .sololb-list .list-muen:hover .back{bottom: 0%;}

.servesh{background: url(../images/pages/servesh-bg.jpg)center no-repeat;background-size: cover;}
.servesh-list{margin-right: -100px;}
.servesh-list .list-muen{position: relative;width: calc(100%/6 - 100px);margin-right: 100px;display: flex;flex-direction: column;align-items: center;}
.servesh-list .list-muen .img{width: 100px;height: 100px;border-radius: 100px;display: flex;justify-content: center;align-items: center;background-color: #0079c3;transition: all .4s ease;}
.servesh-list .list-muen .text2{margin-top: -4px;text-align: center;}
.servesh-list .list-muen:hover .img{background-color: #3ba86f;}
.servesh-list .list-muen::before{background: url(../images/pages/servesh-xian.png)center no-repeat;background-size: cover;content: "";width: 135px;height: 10px;top: 45px;left: 150px;position: absolute;}
.servesh-list .list-muen:last-child:before{display: none;}

.serveln .PageTitle{text-align: left;}
.serveln-cont{width: 100%;}
.serveln-cont .cont-l{width: 67%;padding-right: 115px;}
.serveln-cont .cont-r{width: 33%;overflow: hidden;border-radius: 10px;}
.serveln-cont .cont-r img{width: 100%;height: 100%;transition: all .4s ease;}
.serveln-cont .cont-l .title{color: #3ba86f;}
.serveln-cont .cont-r:hover img{transform: scale(1.04);}

.servexz-list{width: 100%;}
.servexz-list .list-muen{width: 100%;height: 125px;border-bottom:1px solid #f3f3f3;transition: all .4s ease;}
.servexz-list .list-muen a{height: 100%;}
.servexz-list .list-muen .img{width: 8%;display: flex;justify-content: center;align-items: center;height: 100%;}
.servexz-list .list-muen .content{width: 87%;height: 100%;display: flex;justify-content: center;flex-direction: column;overflow: hidden;position: relative;}
.servexz-list .list-muen .btn{width: 5%;height: 100%;}
.servexz-list .list-muen .img div{width: 68px;height: 68px;display: flex;justify-content: center;align-items: center;border-radius: 100px;background-color: #f3f3f3;}
.servexz-list .list-muen .content .bg {position: absolute;left: 520px;bottom: -55px;}
.servexz-list .list-muen .content .title{transition: all .4s ease;}
.servexz-list .list-muen .content .data{transition: all .4s ease;}
.servexz-list .list-muen:hover .content .title{color: #fff;}
.servexz-list .list-muen:hover .content .data{color: #fff;}
.servexz-list .list-muen .btn{display: flex;justify-content: center;align-items: center;position: relative;}
.servexz-list .list-muen .btn img:nth-child(1){opacity: 1;position: absolute;transition: all .4s ease;}
.servexz-list .list-muen .btn img:nth-child(2){opacity: 0;transition: all .4s ease;}
.servexz-list .list-muen:hover .btn img:nth-child(1){opacity: 0;}
.servexz-list .list-muen:hover .btn img:nth-child(2){opacity: 1;}
.servexz-list .list-muen:hover{background-color: #0079c3;border-bottom: 1px solid #fff;border-radius: 20px;}
.servexz-list .list-muen .content .title{width: 1100px;}

.newslb-cont{width: 100%;}
.newslb-cont .cont-l{width: 77%;}
.newslb-cont .cont-r{width: 23%;}
.newslb-svp{position: relative;}
.newslb-lun{width: 100%;background-color: #f7f7f7;position: relative;}
.newslb-lun .img{width: 57%;overflow: hidden;}
.newslb-lun .content{width: 43%;padding: 70px 60px 0px 70px;}
.newslb-lun .img img{height: 100%;width: 100%;transition: all .4s ease;}
.newslb-lun .content .title{position: relative;transition: all .4s ease;padding-bottom: 16px;}
.newslb-lun .content .title::before{position: absolute;content: "";bottom: 0px;left: 0px;width: 35px;height: 3px;background-color: #0079c3;}
.newslb-lun .content .title:hover{color: #0079c3;}
.newslb-lun .img:hover img{transform: scale(1.04);}
.newslb-lun .content .data{display: flex;align-items: center;}
.newslb-lun .content .data .data-img{margin-right: 8px;}
.newslb-lun .content .data>div{display: flex;align-items: center;}
.newslb-svp .pages{position: absolute;bottom: 55px;right: 150px;}
.newslb-svp .pages .swiper-pagination{display: flex;}
.newslb-svp .pages .swiper-pagination-bullet {width: 10px;height: 10px;background: #d1d1d1;opacity: 1;margin: 0px 10px;}
.newslb-svp .pages .swiper-pagination-bullet-active{background-color: #0079c3;}
.newslb-list{width: 100%;}
.newslb-list .list-muen{width: 100%;padding-bottom: 50px;margin-bottom: 50px;border-bottom: 1px solid #efefef;}
.newslb-list .list-muen:last-child{margin-bottom: 0px;}
.newslb-list .list-muen .img{width: 19%;overflow: hidden;}
.newslb-list .list-muen .content{width: 74%;display: flex;justify-content: center;flex-direction: column;padding: 0px 40px;}
.newslb-list .list-muen .data{width: 7%;display: flex;justify-content: center;align-items: center;}
.newslb-list .list-muen .img img{height: 100%;width: 100%;transition: all .4s ease;}
.newslb-list .list-muen .img:hover img{transform: scale(1.04);}
.newslb-list .list-muen .content .title{transition: all .4s ease;}
.newslb-list .list-muen:hover .content .title{color: #3ba86f;}
.newslb-list .list-muen .data .number{color: #767676;transition: all .4s ease;}
.newslb-list .list-muen .data .text{color: #8c8b8b;transition: all .4s ease;margin-top: -6px;}
.newslb-list .list-muen .data >div{width: 80px;height: 80px;background-color: #f4f4f4;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: all .4s ease;}
.newslb-list .list-muen:hover .data .number{color: #fff;}
.newslb-list .list-muen:hover .data .text{color: #fff;}
.newslb-list .list-muen:hover .data >div{background-color: #3ba86f;}
.newslb-cont .cont-r{padding-left: 60px;}
.newslb-cont .cont-r>.img img{width: 100%;}
.newslb-cont .cont-r>.btn a{display: flex;align-items: center;height: 93px;width: 100%;position: relative;margin-bottom: 12px;}
.newslb-cont .cont-r>.btn a .bg{position: absolute;width: 100%;height: 100%;}
.newslb-cont .cont-r>.btn a .bg img{width: 100%;height: 100%;}
.newslb-cont .cont-r>.btn a:last-child{margin-bottom: 0px;}
.newslb-cont .cont-r>.btn .img{position: relative;z-index: 1;padding-left: 33px;margin-right: 10px;}
.newslb-cont .cont-r>.btn .text{position: relative;z-index: 1;}
.newslb-cont .cont-r ul .title{display: flex;align-items: center;margin-bottom: 20px;}
.newslb-cont .cont-r ul .title .img{margin-right: 7px;display: flex;align-items: center;}
.newslb-cont .cont-r ul .title .text{display: flex;align-items: center;}
.newslb-cont .cont-r .cont-list{width: 100%;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #e6e6e6;}
.newslb-cont .cont-r .cont-list:last-child{margin-bottom: 0px;}
.newslb-cont .cont-r .cont-list a{width: 100%;display: flex;}
.newslb-cont .cont-r .cont-list .img{width: 28%;}
.newslb-cont .cont-r .cont-list .content{width: 72%;padding-left: 14px;}
.newslb-cont .cont-r .cont-list .img img{height: 100%;width: 100%;}
.newslb-cont .cont-r .cont-list .content>div:nth-child(1){transition: all .4s ease;}
.newslb-cont .cont-r .cont-list:hover .content>div:nth-child(1){color: #0079c3;}
.newslb-cont .cont-r .cont-list.single .content{width: 100%;padding-left: 0px;}

.newsxq-title .data{display: flex;align-items: center;}
.newsxq-title .data>div{display: flex;align-items: center;}
.newsxq-title .data .img{margin-right: 5px;}
.newsxq-content{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;padding: 40px 0px;}
.newsxq-content img{display: block;margin: 0px auto;}
.newsxq-page{display: flex;justify-content: space-between;}
.newsxq-page .page-l a span{transition: all .4s ease;}
.newsxq-page .page-l a:hover span{color: #3ba86f;}
.newsxq-page .page-r a{display: flex;align-items: center;}
.newsxq-page .page-r a>div{display: flex;align-items: center;}
.newsxq-page .page-r a .img{margin-left: 8px;}

.contactfs{background: url(../images/pages/contactfs-bg.jpg)bottom no-repeat;background-size: cover;}
.contactfs .PageTitle{text-align: left;}
.contactfs-cont{width: 100%;}
.contactfs-cont .cont-l{width: 42%;}
.contactfs-cont .cont-r{width: 58%;padding-left: 145px;}
.contactfs-cont .cont-l li{padding: 30px 0px;border-bottom: 1px solid #ededed;display: flex;align-items: center;}
.contactfs-cont .cont-l li .img{margin-right: 17px;}
.contactfs-cont .cont-l li > div{display: flex;align-items: center;}

.relmap{width: 100%;height: 100%;overflow: hidden;border: 6px solid #fff;border-radius: 5px;box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.15);}
#map{width: 100%;height: 100%;}
#map .amap-info-close{right: 6px !important;top: 6px;}
#map .amap-info-content{padding: 18px;}
.relmap-info{width: 100%;overflow: hidden;}
.relmap-info h6{font-size: 16px;color: #000;line-height: 24px;}
.relmap-info p{font-size: 14px;color: #000;margin-top: 8px;}
.relmap-info a{font-size: 14px;display: block;margin: 10px auto 0;color: #d4a95b;width: 180px;height: 32px;line-height: 32px;border: 1px solid #d4a95b;text-align: center;transition: all .3s ease;}
.relmap-info a:hover{background: #d4a95b;color: #fff;}
#map .amap-logo,#map .amap-copyright{display: none !important;}
#map .amap-info-close{display: none !important;}
.amap-info-content{background-color: rgba(0, 0, 0, 0);box-shadow:none;}
.amap-info-content:hover{background-color: rgba(0, 0, 0, 0);box-shadow:none !important;}
.bottom-center .amap-info-sharp{display: none !important;}
.amap-info-contentContainer.bottom-left, .amap-info-contentContainer.bottom-center, .amap-info-contentContainer.bottom-right{padding-bottom: 0px;}
.relmap-info h6{width: 140px;text-align: center;}

.contactly .PageTitle{text-align: left;}
.contactly form{margin-bottom: -15px;margin-right: -15px;}
.contactly form .input-row{width: calc(50% - 15px);margin-right: 15px;margin-bottom: 15px;}
.contactly form .text{width: 100%;}
.contactly form .input-row .text span{color: #a92334;}
.contactly form .input-row input{height: 50px;border: 1px solid #ededed;border-radius: 5px;width: 100%;background-color: #f8f8f8;margin-top: 7px;padding-left:15px;}
.contactly form .input-row.row{width: 100%;}
.contactly form .input-row.row textarea{height: 110px;border: 1px solid #ededed;border-radius: 5px;width: 100%;background-color: #f8f8f8;margin-top: 7px;padding:15px;}
.contactly form .img{width: 110px;height: 50px;background-color: #f8f8f8;border: 1px solid #ededed;border-radius: 5px;margin-top: 7px;} 
.contactly form .btn{width: 275px;height: 50px;margin-top: 7px;margin-left: 15px;margin-right: 15px;}
.contactly form .btn a{width: 100%;height: 100%;background-color: #3ba86f;border-radius: 5px;display: flex;justify-content: center;align-items: center;}
.contactly form .input-row.yunCont {width: 1085px;}

.indjr{background-color: #f7f7f7;}
.indjr .PageTitle .text{color: #f2f2f2;}
.indjr .cont{width: 100%;position: relative;}
.indjr .cont .list-muen{width: 100%;}
.indjr .cont .list-muen .show{width: 100%;background-color: #fff;padding-left: 40px;display: flex;padding-right: 30px;transition: all .4s ease;border-bottom: 1px solid #ebf0f4;height: 75px;position: relative;overflow: hidden;}
.indjr .cont .list-muen .show a{justify-content: space-between;width: 100%;height: 100%;display: flex;align-items: center;}
.indjr .cont .list-muen .show .content-r li{margin-left: 100px;display: flex;justify-content: center;align-items: center;}
.indjr .cont .list-muen .show .content-r li i{font-size: 20px;transform: rotate(90deg);font-weight: 700;transition: all .4s ease;}
.indjr .cont .list-muen.active .show,.indjr .cont .list-muen:hover .show{background-color: #0079c3;}
.indjr .cont .list-muen:hover .show,.indjr .cont .list-muen.active .show{color: #fff;}
.indjr .cont .list-muen:hover .show li,.indjr .cont .list-muen.list-muen.active .show li{color: #fff;}
.indjr .cont .list-muen .hide{padding: 35px 40px;background-color: #fff;width: 100%;border-bottom: 1px solid #ebf0f4;display: none;}
.indjr .cont .list-muen .hide .title{color: #0079c3;}
.indjr .cont .list-muen .hide .emile{color: #0079c3;}
.indjr .cont .list-muen.active .show .content-r li i{transform: rotate(-90deg);}
.indjr .cont .list-muen .show .bg{position: absolute;left: 400px;top: -480px;}
.indjr .cont .list-muen .hide .emile a{color: #3ba86f;position: relative;padding-bottom: 5px;}
.indjr .cont .list-muen .hide .emile a::before{position: absolute;bottom: 0px;left: 0px;width: 0%;height: 2px;background-color: #3ba86f;content: "";transition: all .4s ease;}
.indjr .cont .list-muen .hide .emile a:hover::before{width: 100%;}

.aboutjj{background: url(../images/pages/aboutjj-bg.jpg)bottom no-repeat;background-size: contain;}
.aboutjj .content{text-indent: 33px;}
.aboutjj .number{}
.aboutjj-list{display: flex;justify-content: space-between;}
.aboutjj-list .list-muen{padding: 0px 60px;border-right:1px solid #dedede;}
.aboutjj-list .list-muen:last-child{border: 0px;}
.aboutjj-list .list-muen .text1{color: #0079c3;}
.aboutjj-list .list-muen .text2{display: flex;justify-content: center;margin-top: -10px;}

.listBox ul{margin-left: -15px;flex-wrap: nowrap;width: 100%;}
.listBox li{width: calc(100%/5 - 15px);height: 215px;margin-left: 15px;position: relative;overflow: hidden;border-radius: 5px;}
.listBox li.active{width: calc(100% - 255px*4 - 15px*5);}
.listBox li img{height: 215px;position: absolute;max-width: none;object-fit: fill;top: 0;left: 0;width: 100%;}
.listBox li .show{width: 100%;position: absolute;bottom: 18px;left: 0px;display: flex;justify-content: center;transition: all .6s ease;margin-bottom: 0px;}
.listBox li .hide{position: absolute;bottom: -50%;width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: all .6s ease;}
.listBox li .hide .title{position: relative;padding-bottom: 10px;z-index: 2;}
.listBox li .hide .title::before{position: absolute;bottom: 0px;left: 0px;width: 100%;height: 2px;background-color: #fff;content:"";}
.listBox li .bg{background-color: rgba(59, 168, 111, 90%);position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 1;transition: all .6s ease;opacity: 0;}
.listBox li .hide .text{position: relative;z-index: 2;padding: 0px 15px;text-align: center;}
.listBox li.active .bg{opacity: 1;}
.listBox li.active .hide{bottom: 60px;}
.listBox li.active .show{margin-bottom: -200px;}

.listBox.lt2 ul{margin-left: -15px;flex-wrap: nowrap;width: 100%;}
.listBox.lt2 li{width: calc(100%/5 - 15px);height: 215px;margin-left: 15px;position: relative;overflow: hidden;border-radius: 5px;}
.listBox.lt2 li.active{width: calc(100% - 255px*4 - 15px*5);}
.listBox.lt2 li img{height: 215px;position: absolute;max-width: none;object-fit: fill;top: 0;left: 0;width: 100%;}
.listBox.lt2 li .show{width: 100%;position: absolute;bottom: 18px;left: 0px;display: flex;justify-content: center;transition: all .6s ease;margin-bottom: 0px;}
.listBox.lt2 li .hide{position: absolute;bottom: -50%;width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: all .6s ease;}
.listBox.lt2 li .hide .title{position: relative;padding-bottom: 10px;z-index: 2;}
.listBox.lt2 li .hide .title::before{position: absolute;bottom: 0px;left: 0px;width: 100%;height: 2px;background-color: #fff;content:"";}
.listBox.lt2 li .bg{background-color: rgba(59, 168, 111, 90%);position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 1;transition: all .6s ease;opacity: 0;}
.listBox.lt2 li .hide .text{position: relative;z-index: 2;padding: 0px 15px;text-align: center;}
.listBox.lt2 li.active .bg{opacity: 1;}
.listBox.lt2 li.active .hide{bottom: 60px;}
.listBox.lt2 li.active .show{margin-bottom: -200px;}

.aboutzl{background-color: #f7f7f7;}
.aboutzl .PageTitle .text{color: #f0f0f0;}
.aboutzl-svp{width: 100%;}
.aboutzl-lun{width: 100%;background-color: #fff;box-shadow: 0px 0px 9.8px 0.2px rgba(0, 0, 0, 0.06);position: relative;}
.aboutzl-lun .img{padding: 60px 85px;position: relative;}
.aboutzl-lun .img img{max-height: 235px;width: 100%;height: 100%;}
.aboutzl-lun .text{width: 100%;height: 75px;border-top: 1px solid #ebebeb;display: flex;justify-content: center;align-items: center;transition: all .4s ease;padding: 0px 15px;text-align: center;}
.aboutzl-lun .btn{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;opacity: 0;transition: all .4s ease;}
.aboutzl-lun .btn>div{width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 100%;background-color: #3ba86f;}
.aboutzl-lun .btn i{color: #fff;font-size: 19px;}
.aboutzl-lun:hover .btn{opacity: 1;}
.aboutzl-lun:hover .text{background-color: #3ba86f;color: #fff;}
.aboutzl-svp .pages{display: flex;justify-content: center;}
.aboutzl-svp .pages .swiper-pagination-bullet {width: 10px;height: 10px;background: #d1d1d1;opacity: 1;margin: 0px 10px;}
.aboutzl-svp .pages .swiper-pagination-bullet-active{background-color: #0079c3;}

.aboutsc .casesvp-cont{padding: 0px;}
.aboutsc .casesvp-cont .swiper-prev{left: 90px;}
.aboutsc .casesvp-cont .swiper-next{right: 90px;}

.abolc{background-repeat: no-repeat;background-size: cover;}
.abolc-loop{width: 600px;margin-left: auto;margin-right: auto;position: relative;margin-top: 140px;}
.abolc-loop .swiper-container{overflow: visible;}
.abolc-year{width: 100%;position: relative;line-height: 1;height: 102px;font-family: siyuan;text-align: center;font-weight: 700;opacity: 0.25;transition: all .4s ease;}
.abolc-cont{width: 100%;margin-top: 130px;text-align: center;padding: 0 20px 40px;min-height: 160px;opacity: 0;transition: all .4s ease;}
.abolc-cont p{line-height: inherit;}
.swiper-slide-active .abolc-year, .swiper-slide-active .abolc-cont{opacity: 1;}
.abolc-control{position: absolute;width: 100%;top: 102px;left: 0;padding-top: 36px;z-index: 2;pointer-events: none;border-top: 1px solid rgba(255, 255, 255, .2);}
.abolc-control::before, .abolc-control::after{content: "";position: absolute;width: 1px;height: 12px;background: rgba(255, 255, 255, .6);top: -6px;transition: all .4s ease;}
.abolc-control::before{left: 0;}
.abolc-control::after{right: 0;}
.abolc-control .swiper-pagination{width: 100%;font-size: 0;display: flex;left: 0;top: -1px;}
.abolc-control .swiper-pagination-bullet {width: auto;flex: 1;height: 1px;display: block;border-radius: 0;background: #fff;opacity: 0;transition: all .4s ease;}
.abolc-control .swiper-pagination-bullet-active {opacity: 1;background: #fff;}
.abolc-control-hint{text-align: center;padding-top: 34px;background: url('../images/pages/abolcic.png') no-repeat center top;color: #fff;font-size: 12px;opacity: 0.5;}
.abolc .PageTitle .text{color: rgba(255, 255, 255, 5%);}
.abolc .PageTitle .name{color: #fff;}
.abolc-cont h3{font-size: 20px;font-weight: bold;color: #fff;}

.aboutsc{background-color: #f7f7f7;}

.aboutry-cont{width: 100%;}
.aboutry-cont .cont-l{width: 37%;position: relative;}
.aboutry-cont .cont-r{width: 63%;position: relative;}
.aboutry-cont .cont-l .img{position: absolute;top: 50px;left: 25px;animation: backTop 1s linear infinite alternate;}
@keyframes backTop{0%{transform:translateY(0px);}100%{transform:translateY(20px);}}
.aboutry-cont .cont-r .list1 li{display: flex;align-items: center;margin-bottom: 25px;}
.aboutry-cont .cont-r .list1 li:last-child{margin-bottom: 0px;}
.aboutry-cont .cont-r .list1 li .number{margin-right: 15px;transition: all .4s ease;}
.aboutry-cont .cont-r .list1 li .text{margin-left: 15px;transition: all .4s ease;}
.aboutry-cont .cont-r .list1 li .xian{width: 0%;height: 2px;background-color: #0079c3;transition: all .4s ease;}
.aboutry-cont .cont-r .list1 li:hover .xian{width: 80px;}
.aboutry-cont .cont-r .list1 li:hover .number{margin-left: -40px;color: #0079c3;}
.aboutry-cont .cont-r .list1 li:hover .text{color: #0079c3;}
.aboutry-cont .cont-r .list1 li.active .xian{width: 80px;}
.aboutry-cont .cont-r .list1 li.active .number{margin-left: -40px;color: #0079c3;}
.aboutry-cont .cont-r .list1 li.active .text{color: #0079c3;}
.aboutry-cont .cont-r .list1{padding-top: 65px;padding-left: 140px;}
.aboutry-cont .cont-r .list2{position: absolute;right: 0px;top: 65px;}
.aboutry-cont .cont-r .list2 li{display: none;}
.aboutry-cont .cont-r .list2 li.active{display: block;}
.aboutry-cont .cont-r .list2 li img{width: 400px;object-fit: contain;}

.aboutzl-lun .img img{object-fit: contain;}

.aboutsc .PageTitle .text{color: #f0f0f0;}
.aboutjj-list .list-muen .text1 span{margin-right: 4px;}

.aboutry-cont .cont-r .list2{top: 50%;transform: translateY(-50%);}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .servesh-list .list-muen::before {left: 133px;}
    .contactly form .input-row.yunCont {width: 985px;}
    .listBox li.active {width: calc(100% - 220px*4 - 15px*5);}
    .listBox.lt2 li.active {width: calc(100% - 220px*4 - 15px*5);}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .sololb-list .list-muen .hide{padding: 0px 15px;}
    .sololb-list{margin-right: -15px;margin-bottom: -15px;}
    .sololb-list .list-muen{width: calc(25% - 15px);margin-right: 15px;margin-bottom: 15px;}
    .solojs-cont .cont-l{width: 65%;}
    .solojs-cont .cont-r{width: 35%;}
    .solotd-list .list-muen {padding: 40px 45px;}
    .prodlb-list{margin-right: -20px;margin-bottom: -20px;}
    .prodlb-list .list-muen{margin-right: 20px;width: calc(25% - 20px);margin-bottom: 20px;}
    .prodxq-cont .cont-l .thumbs{width: 15%;}
    .prodxq-cont .cont-l .gallery {width: 85%;}
    .casexq .CommonBanner-nav .fanhui{display: none;}
    .casecp-svp .list-muen {padding: 25px;}
    .servesh-list .list-muen::before {left: 120px;background-size: contain;width: 100px;}
    .servexz-list .list-muen .content .title {width: 860px;}
    .servexz-list .list-muen .img {width: 10%;}
    .servexz-list .list-muen .content {width: 83%;}
    .servexz-list .list-muen .btn {width: 7%;}
    .newslb-lun .content {padding: 50px;}
    .newslb-list .list-muen {padding-bottom: 40px;margin-bottom: 40px;}
    .newslb-list .list-muen .data {width: 9%;}
    .newslb-list .list-muen .img {width:21%;}
    .newslb-list .list-muen .content {width: 70%;}
    .newslb-cont .cont-r {padding-left: 30px;}
    .newsxq-content {padding: 30px 0px;}
    .contactly form .input-row.yunCont {width: 785px;}   
    .contactfs-cont .cont-r {width: 58%;padding-left: 100px;}
    .abolc-loop {width: 440px;margin-top: 100px;}
    .abolc-year{height: 80px;}
    .abolc-control {top: 80px;}
    .aboutjj-list .list-muen {padding: 0px 40px;}
    .listBox li.active .hide {bottom: 20px;}
    .listBox.lt2 li.active .hide {bottom: 20px;}
    .aboutzl-lun .img {padding: 40px 50px;}
    .aboutry-cont .cont-r .list1 {padding-left: 70px;}
    .sololb-list .list-muen {height: 430px;}
    .aboutry-cont .cont-r .list2 li img {width: 320px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .sololb-list .list-muen .hide{padding: 0px 15px;}
    .sololb-list{margin-right: -15px;margin-bottom: -15px;}
    .sololb-list .list-muen{width: calc(33.3333% - 15px);margin-right: 15px;margin-bottom: 15px;}
    .sololb-list .list-muen:hover .hide{bottom: 50px;}
    .solojs-cont .cont-l{width: 100%;margin-bottom: 25px;padding-right: 0px;}
    .solojs-cont .cont-r{width: 100%;height: 400px;}
    .solotd-list .list-muen {padding: 30px 35px;}
    .prodlb-list .list-muen {margin-right: 20px;width: calc(50% - 20px);margin-bottom: 20px;}
    .prodlb-list .list-muen:hover .bg {bottom: -40%;}
    .prodlb-list .list-muen .bg {height: 100%;}
    .prodxq-cont{flex-direction: column-reverse;}
    .prodxq-cont .cont-r{width: 100%;}
    .prodxq-cont .cont-l{width: 100%;flex-direction: column-reverse;}
    .prodxq-cont .cont-l .thumbs{width: 100%;padding: 0px 50px; height: 135px;}
    .prodxq-cont .cont-l .gallery{width: 100%;}
    .prodxq-cont .cont-l .thumbs .thumbs-prev{top: 50%;transform: translateY(-50%) rotate(-90deg);left: 0px;}
    .prodxq-cont .cont-l .thumbs .thumbs-next{top: 50%;transform: translateY(-50%) rotate(-90deg);right: 0px;bottom: auto;left: auto;}
    .prodtd-list {margin-right: -60px;margin-bottom: -60px;}
    .prodtd-list .list-muen {margin-right: 60px;margin-bottom: 60px;width: calc(100%/5 - 60px);}
    .caselb .caselb-list .cont-l {width: 48%;padding-right: 60px;}
    .caselb .caselb-list .list-muen:nth-child(even) .cont-l {padding-left: 60px;}
    .caselb .caselb-list .list-muen {padding: 70px 0px;}
    .casesvp-cont {height: 360px;padding: 0px 85px;}
    .servehz .sololb-list .list-muen{width: calc(50% - 25px);}
    .servesh-list{margin-bottom: -25px;}
    .servesh-list .list-muen{width: calc(100%/3 - 100px);margin-bottom: 25px;}
    .servesh-list .list-muen:nth-child(3):before{display: none;}
    .servesh-list .list-muen::before {left: 235px;width: 150px;}
    .servexz-list .list-muen .img {width: 12%;}
    .servexz-list .list-muen .content {width: 79%;}
    .servexz-list .list-muen .btn {width: 9%;}
    .servexz-list .list-muen {height: 100px;}
    .servexz-list .list-muen .content .title {width: 675px;}
    .newslb-lun .img {width: 100%;}
    .newslb-lun .content {width: 100%;padding: 15px;}
    .newslb-svp .pages {bottom: 25px;right: 150px;}
    .newslb-list .list-muen .content {width: 66%;padding: 0px 25px;}
    .newslb-list .list-muen .data {width: 11%;}
    .newslb-list .list-muen .img {width:23%;}
    .newslb-cont .cont-r .cont-list .img{display: none;}
    .newslb-cont .cont-r .cont-list .content{width: 100%;padding-left: 0px;}
    .contactly form .input-row.yunCont {width: 545px;}
    .contactfs-cont .cont-r {padding-left: 55px;}
    .contactfs-cont .cont-l li {padding: 25px 0px;}
    .abolc-loop {width: 380px;margin-top: 60px;}
    .abolc-year {height: 64px;}
    .abolc-control {top: 64px;padding-top: 24px;}
    .abolc-cont {margin-top: 100px;padding: 0 16px 40px;min-height: 160px;font-size: 18px;line-height: 28px;}
    .aboutry-cont .cont-r .list2 li img{max-width: 230px;}
    .listBox li{width: 155px;}
    .listBox li.active {width: calc(100%/5 - 10px)}
    .listBox li {width: calc(100%/5 - 10px);height: 165px;margin-left: 10px;}
    .listBox.lt2 li{width: 155px;}
    .listBox.lt2 li.active {width: calc(100%/5 - 10px)}
    .listBox.lt2 li {width: calc(100%/5 - 10px);height: 165px;margin-left: 10px;}
    .aboutjj-list .list-muen {padding: 0px 25px;}
    .sololb-list .list-muen {height: 330px;}
    .aboutry-cont .cont-r .list1 li.active .xian {width: 45px;}
    .aboutry-cont .cont-r .list1 li:hover .xian{width: 45px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .CommonBanner>img{height: 500px;}
    .sololb-list .list-muen .hide{padding: 0px 15px;}
    .sololb-list{margin-right: -15px;margin-bottom: -15px;}
    .sololb-list .list-muen{width: calc(50% - 15px);margin-right: 15px;margin-bottom: 15px;}
    .prodlb-list .list-muen {padding: 25px;}
    .CommonBanner-nav .contain{overflow-x: auto;}
    .CommonBanner-nav ul{flex-wrap: nowrap;}
    .CommonBanner-nav li a{white-space: nowrap;}
    .CommonBanner-nav .fanhui{display: none;}
    .prodtd-list .list-muen {margin-right: 60px;margin-bottom: 60px;width: calc(100%/3 - 60px);}
    .casesvp-cont {padding: 0px 0px;}
    .casesvp .contain>.text {padding: 30px 55px 0px;}
    .servesh-list .list-muen::before {left: 145px;width: 150px;}
    .serveln-cont .cont-l{width: 100%;margin-bottom: 15px;padding-right: 0px;}
    .serveln-cont .cont-r{width: 100%;}
    .servexz-list .list-muen .img {width: 14%;}
    .servexz-list .list-muen .btn{width: 11%;}
    .servexz-list .list-muen .content{width: 75%;}
    .servexz-list .list-muen .content .title {width: 470px;}
    .newslb-cont .cont-r{width: 100%;padding-left: 0px;}
    .newslb-cont .cont-l{width: 100%;}
    .newslb-cont .cont-r>.img img{display: none;}
    .newslb-cont .cont-r>.btn a{display: none;}
    .newslb-cont .cont-r .cont-list{width: calc(50% - 10px);margin-right: 10px;}
    .newslb-cont .cont-r ul{display: flex;flex-wrap: wrap;margin-right: -10px;}
    .newslb-cont .cont-r ul .title{width: 100%;}
    .newslb-list .list-muen {padding-bottom: 25px;margin-bottom: 25px;}
    .newsxq-content {padding: 20px 0px;}
    .indjr .cont .list-muen .show .content-r li {margin-left: 40px;}
    .indjr .cont .list-muen .show .content-l{width: 280px;}
    .indjr .cont .list-muen .hide>div{display: flex;}
    .contactfs-cont .cont-l{width: 100%;margin-bottom: 15px;}
    .contactfs-cont .cont-r{width: 100%;padding-left: 0px;}
    .relmap{height: 500px;}
    .contactly form .input-row{width: 100%;}
    .contactly form .input-row.yunCont {width: 580px;}
    .contactly form .btn {width: 275px;height: 50px;margin-top: 0px;margin-left: 0px;margin-right: 0px;}
    .abolc-loop .swiper-container{overflow: hidden;}
    .abolc-loop{width: 92%;}
    .aboutjj-list{justify-content: unset;flex-wrap: wrap;margin-right: -25px;margin-bottom: -25px;}
    .aboutjj-list .list-muen{width: calc(50% - 25px);margin-right: 25px;margin-bottom: 25px;}
    .aboutjj-list .list-muen:nth-child(2n){border: none;}
    .aboutjj-list .list-muen .text2 {justify-content: flex-start;margin-top: -5px;}
    .listBox li{width: calc(100%/3 - 10px);margin-bottom: 10px;}
    .listBox ul{flex-wrap: wrap;margin-bottom: -10px;}
    .listBox li.active{width: calc(100%/3 - 10px);margin-bottom: 10px;}
    .listBox li .bg{opacity: 1;}
    .listBox li .hide{bottom: 20px;}
    .listBox li .show{display: none;}
    .listBox.lt2 li{width: calc(100%/3 - 10px);margin-bottom: 10px;}
    .listBox2 ul{flex-wrap: wrap;margin-bottom: -10px;}
    .listBox.lt2 li.active{width: calc(100%/3 - 10px);margin-bottom: 10px;}
    .listBox.lt2 li .bg{opacity: 1;}
    .listBox.lt2 li .hide{bottom: 20px;}
    .listBox.lt2 li .show{display: none;}
    .aboutry-cont .cont-r .list2 li img{display: none;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .sololb-list{margin-right: 0px;margin-bottom: -15px;}
    .sololb-list .list-muen{width: 100%;margin-right: 0px;margin-bottom: 15px;}
    .paging-menu a {width: 35px;height: 35px;line-height: 35px;font-size: 16px;}
    .solotd-list{margin-right: 0px;margin-bottom: -15px;}
    .solotd-list .list-muen {margin-right: 0px;margin-bottom: 15px;width: 100%;padding: 15px;}
    .solock-list{overflow: auto;}
    .solock-list .list-muen{width: 1000px;}
    .prodlb-list{width: 100%;}
    .prodlb-list .list-muen{margin-right: 0px;margin-bottom: 15px;width: 100%;}
    .prodxq-cont .cont-r li {padding-top: 10px;padding-bottom: 10px;}
    .prodxq-cont .cont-l .gallery {padding: 15px;}
    .prodtd-list{margin-right: -15px;margin-bottom: -30px;}
    .prodtd-list .list-muen {margin-right: 15px;margin-bottom: 30px;width: calc(100%/2 - 15px);}
    .caselb .caselb-list .cont-l{width: 100%;padding: 0px !important;}
    .caselb .caselb-list .cont-r{width: 100%;margin-bottom: 15px;border-radius: 5px;}
    .caselb .caselb-list .list-muen .contain{flex-direction: column-reverse !important;}
    .caselb .caselb-list .list-muen {padding: 15px 0px;}
    .caselb .caselb-list .cont-l .text{margin-top: 10px;}
    .caselb .caselb-list .cont-l .title{padding-bottom: 10px;}
    .caselb .caselb-list .cont-l .CommonBtn {width: 130px;height: 40px;}
    .caselb .caselb-list .cont-l .text{line-height: 26px;}
    .casesvp .contain>.text {padding: 15px 0px 0px;}
    .casecp::before{display: none;}
    .servehz .sololb-list{margin-right: 0px;margin-bottom: -15px;}
    .servehz .sololb-list .list-muen{width: 100%;margin-right: 0px;margin-bottom: 15px;}
    .servesh-list .list-muen{width: calc(100%/2 - 100px);}
    .servesh-list .list-muen::before {left: 110px;width: 110px;}
    .servesh-list .list-muen:nth-child(even):before{display: none;}
    .servesh-list .list-muen:nth-child(3):before{display: block;}
    .servexz-list .list-muen .content .title {width: 245px;}
    .servexz-list .list-muen .img {display: none;}
    .servexz-list .list-muen .content {width: 80%;padding-left: 15px;}
    .servexz-list .list-muen .btn {width: 20%;}
    .servexz-list .list-muen {height: 75px;}
    .newslb-cont .cont-r .cont-list{width: 100%;margin-right: 0px;}
    .newslb-cont .cont-r ul{margin-right: 0px;}
    .newslb-svp .pages {bottom: 25px;right: 100px;}
    .newslb-list .list-muen .img{width: 100%;margin-top: 15px;}
    .newslb-list .list-muen .content{width: 100%;padding: 0px 10px;}
    .newslb-list .list-muen .data{width: 100%;margin-bottom: 15px;}
    .newslb-list .list-muen a{flex-direction:column-reverse;}
    .newslb-list .list-muen .data >div{width: 100%;}
    .newslb-list .list-muen .data >div {padding-left: 10px;align-items: flex-start;}
    .newslb-list .list-muen {padding-bottom: 15px;margin-bottom: 15px;}
    .newslb-cont .cont-r .cont-list {padding-bottom: 10px;margin-bottom: 10px;}
    .newsxq-content {padding: 15px 0px;}
    .newsxq-page .page-l{width: 100%;margin-bottom: 15px;}
    .newsxq-page .page-r{width: 100%;}
    .newsxq-page{flex-wrap: wrap;}
    .indjr .cont .list-muen .show .content-r li:nth-child(1){display: none;}
    .indjr .cont .list-muen .show .content-r li:nth-child(2){display: none;}
    .indjr .cont .list-muen .show .content-r li:nth-child(3){display: none;}
    .indjr .cont .list-muen .show .content-l {width: 190px;}
    .indjr .cont .list-muen .show {padding-left: 20px;padding-right: 20px;}
    .indjr .cont .list-muen .hide {padding: 15px 20px;}
    .relmap {height: 360px;}
    .contactfs-cont .cont-l li {padding: 15px 0px;}
    .contactly form{margin-bottom: -5px;}
    .contactly form .input-row {margin-bottom: 5px;}
    .contactly form .input-row.yunCont {width: 59%;}
    .contactly form .input-row input {height: 35px;}
    .contactly form .img {height: 35px;}
    .contactly form .btn{margin-top: 15px;}
    .contactly form .btn {width: 165px;height: 40px;}
    .abolc-loop {margin-top: 28px;}
    .abolc-year {height: 48px;font-size: 32px;}
    .abolc-control {top: 48px;padding-top: 16px;}
    .abolc-control-hint {padding-top: 28px;}
    .abolc-cont {margin-top: 76px;padding: 0 0 28px;min-height: 132px;font-size: 16px;line-height: 26px;}
    .aboutjj-list .list-muen {padding: 0px 15px;}
    .aboutry-cont .cont-l{width: 100%;}
    .aboutry-cont .cont-r{width: 100%;}
    .aboutry-cont .cont-r .list2{position: relative;top: 0px;margin-top: 20px;}
    .aboutry-cont .cont-r .list2 li img{display: block;}
    .aboutry-cont .cont-r .list1 {padding-left: 35px;}
    .aboutry-cont .cont-r .list1 li.active .xian {width: 25px;}
    .aboutry-cont .cont-r .list2 li img{margin: 0 auto;}
    .aboutsc .casesvp-cont .swiper-next{right: 0px;}
    .aboutsc .casesvp-cont .swiper-prev{left: 0px;}
    .listBox ul{margin-left: 0px;margin-right: -10px;}
    .listBox li{width:100%;margin-left: 0px;margin-right: 0px;}
    .listBox li.active{width:100%;margin-left: 0px;margin-right: 0px;}
    .listBox2 ul{margin-left: 0px;margin-right: -10px;}
    .listBox.lt2 li{width:100%;margin-left: 0px;margin-right: 0px;}
    .listBox.lt2 li.active{width:100%;margin-left: 0px;margin-right: 0px;}
    .aboutry-cont .cont-r .list2{transform: translateY(0);}
    .listBox.lt2 ul{flex-wrap: wrap;margin-left: 0px;}
}