@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;text-align: center;user-select: none;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.paging-menu{display: flex;flex-wrap: wrap;margin-left: 1px;}
.paging-menu a{width: 40px;height: 40px;border: 1px solid #e9e9e9;margin-left:-1px;font-size: 16px;line-height: 1;color: #999;transition: all .4s ease;background-color: #fff;display: flex;align-items: center;justify-content: center;}
.paging-menu a:first-child, .paging-menu a:last-child{width: 80px;background-image: url("../images/common/pageArr.png");background-repeat: no-repeat;background-position: center;font-size: 0;}
.paging-menu a:last-child{transform: rotateY(180deg);}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #00a63b;background-color: #00a63b;color: #fff;}
.paging-menu a:first-child:hover, .paging-menu a:last-child:hover{background-image: url("../images/common/pageArrH.png");}
@media all and (max-width:1000px) {.paging-menu a{width: 36px;height: 36px;font-size: 14px;}.paging-menu a:first-child, .paging-menu a:last-child{width: 50px;}}

/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #00a63b;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #00a63b;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: #00a63b !important;}
.search-link:hover h2{color: #00a63b;}
@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: #00a63b;}
.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: #00a63b;}
.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: 720px) {
    .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;}
}

.commBan{width: 100%;overflow: hidden;position: relative;}
.commBan-image{width: 100%;}
.commBan-image img{width: 100%;height: 600px;transform: matrix(1.12, 0, 0, 1.12, 0, 0);animation: commBanRun 2.4s ease both .2s;}
@keyframes commBanRun{0%{transform: matrix(1.12, 0, 0, 1.12, 0, 0);}100%{transform: matrix(1, 0, 0, 1, 0, 0);}}
.commBan-content{position: absolute;width: 100%;bottom: 64px;left: 0;z-index: 4;transform: translate3d(0,0,10px);}
.commBan-content .title{color: #fff;display: flex;align-items: center;}
.commBan-content .title img{width: 95px;opacity: 0;animation: commBanRight 1.6s ease both .3s;}
.commBan-content .title span{position: relative;z-index: 4;margin-left: -40px;opacity: 0;animation: commBanRight 1.6s ease both .5s;}
@keyframes commBanRight{0%{opacity: 0;transform: translateX(120px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}

.commPlace{width: 100%;padding-top: 24px;}
.commPlace .contain{width: 100%;padding: 0 40px;}
.commPlace a{color: #666;display: flex;align-items: center;transition: color .4s ease;}
.commPlace a::before{content: "\e80b";font-family: "icon";transform: rotateY(180deg);font-size: 12px;margin: 1px 13px 0;color: #666;}
.commPlace a:first-child::before{display: none;}
.commPlace a:hover{color: #00a63b;}

/* 联系我们 */
.relqq{background: #fff url("../images/pages/relBg.jpg") no-repeat top center/cover;}
.relqq-wrap{width: 100%;background: #fff;padding: 15px;box-shadow: 0px 6px 18px 2px rgba(0, 0, 0, 0.04);}
.relqq-map{width: 684px;height: 634px;position: relative;overflow: hidden;}
.relqq-map .amap-layer img{display:none !important}
.relqq-map .amap-logo,.relqq-map .amap-copyright{display: none !important;}
.relqq-list{width: calc(100% - 684px);height: 634px;padding: 40px 0;}
.relqq-scroll{width: 100%;height: 100%;padding: 0 58px 0 56px;}
.relqq-list li{width: 100%;cursor: pointer;padding: 22px 0;border-bottom: 1px solid #e9e9e9;}
.relqq-list li:first-child{padding-top: 0;}
.relqq-list li:last-child{padding-bottom: 0;border: none;}
.relqq-list li .name{transition: all .4s ease;}
.relqq-list li:hover .name, .relqq-list li.active .name{color: #00a63b;}

/* 新闻 */
.news{background: #fff;}
.news-head{width: 100%;align-items: center;}
.news-head-img{width: 700px;overflow: hidden;display: block;}
.news-head-img img{width: 100%;height: 394px;transition: all .6s ease;}
.news-head-img:hover img{transform: scale(1.06);}
.news-head-content{width: calc(100% - 700px);padding-left: 52px;}
.news-head-content .time{color: #00a63b;font-family: Arial, Helvetica, sans-serif;}
.news-head-content .title a{transition: all .4s ease;}
.news-head-content .title a:hover{color: #00a63b;}
.news-head-content .arrow a{position: relative;font-size: 24px;display: flex;color: #00a63b;align-items: center;}
.news-head-content .arrow a i.icon{font-size: inherit;transform: rotateY(180deg);margin-left: -1px;line-height: 1;}
.news-head-content .arrow a i.line{background: #00a63b;width: 1px;height: 2px;background: #00a63b;transition: width .4s ease;}
.news-head-content .arrow a:hover i.line{width: 16px;}
.news-list{width: 100%;margin-top: 32px;}
.news-list-ul{margin: -56px 0 0 -32px;}
.news-list-link{display: block;width: calc(100%/3 - 32px);margin: 56px 0 0 32px;}
.news-list-link .img{width: 100%;overflow: hidden;}
.news-list-link .img img{width: 100%;height: 251px;transition: all .6s ease;}
.news-list-link .cont{width: 100%;padding-top: 20px;}
.news-list-link .time{color: #00a63b;font-family: Arial, Helvetica, sans-serif;}
.news-list-link .title{transition: all .4s ease;}
.news-list-link .arrow{align-items: center;font-size: 24px;}
.news-list-link .arrow i.icon{font-size: inherit;transform: rotateY(180deg);margin-left: -1px;color: #999;transition: all .4s ease;line-height: 1;}
.news-list-link .arrow i.line{width: 1px;height: 2px;background: #00a63b;transition: background .4s ease, width .4s ease;}
.news-list-link:hover .img img{transform: scale(1.06);}
.news-list-link:hover .title{color: #00a63b;}
.news-list-link:hover .arrow i.icon{color: #00a63b;}
.news-list-link:hover .arrow i.line{width: 16px;}

/* 新闻-详情 */
.newsxq-container{background: #fff url("../images/pages/newsxqBg.png") no-repeat right top/44.9% auto;}
.newsxq{width: 100%;}
.newsxq .contain{flex-direction: row-reverse;}
.newsxq-hint{width: 238px;border-top: 3px solid #00a63b;}
.newsxq-hint li{width: 100%;padding: 24px 0;border-bottom: 1px solid #e9e9e9;}
.newsxq-hint li .text{font-family: Arial, Helvetica, sans-serif;}
.newsxq-hint li .share{width: 100%;}
.newsxq-hint li .share a{font-size: 16px;color: #333;margin-left: 16px;position: relative;transition: color .4s ease;}
.newsxq-hint li .share a:first-child{margin-left: 0;}
.newsxq-hint li .share a:hover{color: #00a63b;}
.newsxq-hint li .share .icon-wechat{position: relative;}
.newsxq-hint li .share .icon-wechat .wechat-qrcode{display: none;border: 1px solid #eee;position:absolute;z-index:9;top:-205px;left:50%;margin-left: -100px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #ccc;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms; }
.newsxq-hint li .share .icon-wechat .wechat-qrcode.bottom {top:40px;left:-84px;}
.newsxq-hint li .share .icon-wechat .wechat-qrcode.bottom:after {display:none;}
.newsxq-hint li .share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px; background-color:#f3f3f3; margin:0;padding:0;color: #777; }
.newsxq-hint li .share .icon-wechat .wechat-qrcode .qrcode{width:105px; margin:10px auto;}
.newsxq-hint li .share .icon-wechat .wechat-qrcode .qrcode table{margin:0!important;}
.newsxq-hint li .share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0;}
.newsxq-hint li .share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.newsxq-hint li .share .icon-wechat:hover .wechat-qrcode{display: block;}
.newsxq-mix{width: calc(100% - 238px);padding-left: 120px;}
.newsxq-title{width: 100%;line-height: 1.28;}
.newsxq-content{width: 100%;}
.newsxq-content img{height: auto !important;}
.newsxq-control{width: 100%;background: #fafafa;padding: 0 24px;}
.newsxq-control>a{height: 72px;align-items: center;display: flex;}
.newsxq-control>a b{font-weight: normal;}
.newsxq-control>a p{transition: all .4s ease;max-width: calc(100% - 80px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.newsxq-control>a:hover p{color: #00a63b;}
.newsxq-control>a.prev, .newsxq-control>a.next{width: calc(50% - 50px);}
.newsxq-control>a.next{justify-content: flex-end;}
.newsxq-control>a.menu{color: #00a63b;width: 100px;justify-content: center;font-size: 20px;}
.newsxq-control>a.menu i{font-size: inherit;transition: all .6s ease;}
.newsxq-control>a.menu:hover i{transform: rotate(180deg);}

/* 产品服务 */
.pro{width: 100%;overflow: hidden;position: relative;}
.procp{background: #fff url("../images/pages/newsxqBg.png") no-repeat right top/44.9% auto;}
.procp-menu{width: 100%;user-select: none;}
.procp-menu .contain{width: calc(1400px + 16px * 2);position: relative;}
.procp-menu .swiper-container{width: 100%;padding: 52px 16px;margin-bottom: 28px;}
.procp-menu-link{width: 100%;text-align: center;padding: 28px 12px 18px;box-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.04);cursor: pointer;transition: box-shadow .4s ease}
.procp-menu-link .img{display: flex;align-items: flex-end;justify-content: center;height: 120px;}
.procp-menu-link .img img{max-height: 100%;}
.procp-menu-link .text{transition: all .4s ease;}
.procp-menu-link:hover, .procp-menu-link.active{box-shadow: 0px 6px 16px 2px rgba(0, 166, 59, 0.16);}
.procp-menu-link.active .text{color: #333;}
.procp-menu .prev, .procp-menu .next{width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;margin-top: -20px;cursor: pointer;background: #f4f4f4;color: #666;transition: all .4s ease;font-size: 16px;z-index: 4;}
.procp-menu .prev i, .procp-menu .next i{font-size: inherit;}
.procp-menu .prev{left: -4px;}
.procp-menu .next{right: -4px;transform: rotateY(180deg);}
.procp-menu .prev:hover, .procp-menu .next:hover{background: #00a63b;color: #fff;}
.procp-items{width: 100%;}
.procp-items .item{display: flex;width: 100%;visibility: hidden;height: 0;overflow: hidden;pointer-events: none;flex-wrap: wrap;}
.procp-items .item.active{visibility: visible;height: auto;pointer-events: auto;}
.procp-loop{width: 700px;user-select: none;}
.procp-loop .gallery{width: 100%;}
.procp-loop .gallery-img{width: 100%;}
.procp-loop .gallery-img img{width: 100%;height: 525px;}
.procp-loop .thumbs{width: 100%;margin-top: 4px;}
.procp-loop .thumbs-click{width: 100%;position: relative;display: block;}
.procp-loop .thumbs-click img{width: 100%;height: 84px;}
.procp-loop .thumbs-click::before, .procp-loop .thumbs-click::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;transition: all .4s ease;}
.procp-loop .thumbs-click::before{border: 2px solid #00a63b;opacity: 0;}
.procp-loop .thumbs-click::after{background: rgba(255, 255, 255, 0.8);}
.procp-loop .thumbs-click.active::before{opacity: 1;}
.procp-loop .thumbs-click.active::after, .procp-loop .thumbs-click:hover::after{opacity: 0;}
.procp-content{width: calc(100% - 700px);padding: 54px 0 0 110px;position: relative;}
.procp-content-wrap{width: 100%;position: relative;height: 100%;}
.procp-content-info{width: 100%;}
.procp-content-info .text{padding-right: 12px;max-height: 332px;hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;}
.procp-control{position: absolute;width: 100%;justify-content: space-between;z-index: 4;left: 0;bottom: 0;padding: 24px 0 16px;border-top: 2px solid #e9e9e9;user-select: none;}
.procp-control-num{align-items: baseline;}
.procp-control-num span{margin-right: 4px;}
.procp-control-num p{margin-left: 4px;}
.procp-control-btn{width: auto;}
.procp-control-btn>div{width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;background: #f4f4f4;color: #666;transition: all .4s ease;font-size: 16px;z-index: 4;}
.procp-control-btn>div i{font-size: inherit;}
.procp-control-btn>div.next{margin-left: 8px;transform: rotateY(180deg);}
.procp-control-btn>div:hover{background: #00a63b;color: #fff;}
.proal{background: #fafafa;}
.proal-list{margin: -32px 0 0 -32px;}
.proal-link{display: block;width: calc(100%/3 - 32px);margin: 32px 0 0 32px;position: relative;overflow: hidden;}
.proal-link img{width: 100%;transition: all .6s ease;height: 251px;}
.proal-link .cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,10px);display: flex;flex-direction: column;justify-content: center;padding: 12px 32px;background: rgba(0, 0, 0, 0.5);opacity: 0;transition: all .4s ease;}
.proal-link:hover img{transform: scale(1.04);}
.proal-link:hover .cont{opacity: 1;}

/* 一体化解决方案 */
.case{width: 100%;overflow: hidden;position: relative;}
.casexx{background: #fff url("../images/pages/newsxqBg.png") no-repeat right top/44.9% auto;}
.casexx-menu{width: 100%;user-select: none;justify-content: center;border-bottom: 1px solid #e9e9e9;}
.casexx-menu-link{position: relative;padding: 18px 0;margin-left: 60px;transition: color .4s ease;cursor: pointer;}
.casexx-menu-link:first-child{margin-left: 0;}
.casexx-menu-link::after{content: "";position: absolute;width: 0;left: 0;right: 0;margin: 0 auto;bottom: -1px;height: 2px;background: #00a63b;opacity: 0;transition: width .4s ease,opacity .2s ease .4s;}
.casexx-menu-link:hover, .casexx-menu-link.active{color: #00a63b;}
.casexx-menu-link.active::after{width: 100%;opacity: 1;transition: width .4s ease .2s,opacity .2s ease;}
.casexx-items{width: 100%;}
.casexx-items .item{display: flex;width: 100%;visibility: hidden;height: 0;overflow: hidden;pointer-events: none;flex-wrap: wrap;}
.casexx-items .item.active{visibility: visible;height: auto;pointer-events: auto;}
.casexx-loop{width: 650px;user-select: none;}
.casexx-loop-img{width: 100%;}
.casexx-loop-img img{width: 100%;height: 650px;}
.casexx-content{width: calc(100% - 650px);padding: 28px 0 0 100px;position: relative;}
.casexx-content-wrap{width: 100%;position: relative;height: 100%;}
.casexx-content .text{padding-right: 40px;max-height: 510px;hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;}
.casexx-content .text h6{padding-left: 42px;font-size: 20px;background: url("../images/pages/case1icon.png") no-repeat left center/26px auto;}
.casexx-loop .swiper-pagination{font-size: 0;bottom: 24px;cursor:pointer}
.casexx-loop .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;opacity: .2;margin: 0 0 0 8px !important;}
.casexx-loop .swiper-pagination-bullet:first-child{margin: 0 !important;}
.casexx-loop .swiper-pagination-bullet-active{opacity: 1;background: #fff;}

/* 可持续发展 */
.deve{width: 100%;overflow: hidden;position: relative;}
.devefz{background: #fff;}
.devefz-wrap{width: 100%;}
.devefz-auth{width: 100%;flex-direction: row-reverse;overflow: hidden;}
.devefz-auth .img{width: 558px;}
.devefz-auth .img img{width: 100%;}
.devefz-auth .cont{width: calc(100% - 558px);padding-right: 84px;hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;}
.devefz-green{background: #fafafa;align-items: center;overflow: hidden;}
.devefz-green .img{width: 455px;}
.devefz-green .img img{width: 100%;}
.devefz-green .cont{width: calc(100% - 455px);padding: 0 90px 0 130px;hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;}
.devegz{background: #d6e7ee;}
.devegz-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.devegz .contain{position: relative;z-index: 4;}
.devegz-loop{width: 100%;}
.devegz-loop .swiper-container{overflow: visible;}
.devegz-loop .swiper-wrapper{flex-wrap: wrap;width: auto;margin: -32px 0 0 -32px;}
.devegz-loop .swiper-slide{width: calc(100%/3 - 32px);margin: 32px 0 0 32px;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;height: auto;}
.devegz-loop-info{width: 100%;background: rgba(255, 255, 255, 0.8);padding: 50px 54px;transition: all .4s ease;height: 100%;}
.devegz-loop-info .ico{height: 34px;display: flex;align-items: flex-end;transition: all .4s ease;}
.devegz-loop-info .ico img{max-height: 100%;}
.devegz-loop-info:hover .ico{transform: translateY(-4px);}
.devegz-loop-info:hover{transform: translateY(-4px);box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14);background: #fff;}
.devegz-loop .swiper-pagination{bottom: 0;font-size: 0;display:none;position: relative;}
.devegz-loop .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;opacity: 1;margin: 0 0 0 8px !important;}
.devegz-loop .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.devegz-loop .swiper-pagination-bullet-active {background: #00a63b;}
.devesc{background: #fff;}
.devesc .commTitle{max-width: 840px;margin: 0 auto;}
.devesc-loop{width: 100%;}
.devesc-loop .swiper-container{overflow: visible;}
.devesc-loop .swiper-wrapper{width: auto;margin-left: -80px;flex-wrap: wrap;align-items: flex-start;}
.devesc-loop .swiper-slide{width: calc(100%/3 - 80px);margin-left: 80px;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;}
.devesc-loop .swiper-slide:nth-child(3n+2){margin-top: 80px;}
.devesc-loop .swiper-slide:nth-child(3n+3){margin-top: 40px;}
.devesc-loop-info{width: 100%;overflow: hidden;}
.devesc-loop-info .img{width: 100%;overflow: hidden;}
.devesc-loop-info .img img{width: 100%;transition: all .6s ease;height: 284px;}
.devesc-loop-info .cont{width: 100%;padding: 36px 0 40px;}
.devesc-loop-info .cont .title, .devesc-loop-info .cont .text{padding: 0 30px 0 46px;}
.devesc-loop-info .cont .title{align-items: center;position: relative;}
.devesc-loop-info .cont .title span{position: absolute;left: 0;top: 0;color: #00a63b;line-height: 1;height: 100%;display: flex;align-items: center;}
.devesc-loop-info .cont .title p{line-height: 1.28;transition: all .4s ease;}
.devesc-loop-info:hover .img img{transform: scale(1.04);}
.devesc-loop-info:hover .cont .title p{color: #00a63b;}
.devesc-loop .swiper-pagination{bottom: 0;font-size: 0;display:none;position: relative;}
.devesc-loop .swiper-pagination-bullet{width: 8px;height: 8px;background: #ddd;opacity: 1;margin: 0 0 0 8px !important;}
.devesc-loop .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.devesc-loop .swiper-pagination-bullet-active {background: #00a63b;}
.devezr{background: #fafafa;}
.devezr .commTitle{max-width: 840px;margin: 0 auto;}
.devezr-loop{width: 100%;position: relative;}
.devezr-loop .swiper-container{overflow: visible;}
.devezr-loop-info{width: 100%;position: relative;overflow: hidden;display: block;}
.devezr-loop-info img{width: 100%;transition: all .6s ease;height: 456px;}
.devezr-loop-info::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;transform: translate3d(0,0,10px);background: url("../images/pages/devezrSd.png") repeat-x left bottom/auto 87%;}
.devezr-loop-info .cont{position: absolute;width: 100%;left: 0;padding: 22px 30px 16px;bottom: 0;z-index: 4;transform: translate3d(0,0,10px);}
.devezr-loop-info .cont .text{height: 0;overflow: hidden;transition: all .4s ease;}
.devezr-prev, .devezr-next{width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;margin-top: -20px;cursor: pointer;background: #fff;color: #00a63b;transition: all .4s ease;font-size: 16px;z-index: 4;}
.devezr-prev i, .procp-next i{font-size: inherit;}
.devezr-prev{left: -120px;}
.devezr-next{right: -120px;transform: rotateY(180deg);}
.devezr-prev:hover, .devezr-next:hover{background: #00a63b;color: #fff;}
.devezr-loop .swiper-pagination{bottom: 0;font-size: 0;display:none;position: relative;}
.devezr-loop .swiper-pagination-bullet{width: 8px;height: 8px;background: #ddd;opacity: 1;margin: 0 0 0 8px !important;}
.devezr-loop .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.devezr-loop .swiper-pagination-bullet-active {background: #00a63b;}

/* 科技创新 */
.techIntro-head .contain{justify-content: space-between;align-items: center;position: relative;z-index: 4;transform: translate3d(0,0,10px);}
.techIntro-text{width: 31%;}
.techIntro-details{width: 61%;justify-content: space-between;}
.techIntro-details li{position: relative;width: calc(50% - 12px);background: #fff;transition:all .4s ease}
.techIntro-details-img{width:100%;}
.techIntro-details-img img{width: 100%;height: 240px;transition: all .6s ease}
.techIntro-details-con{z-index: 2;position: absolute;left: 0;top: 100%;width: 100%;background: #fff;padding: 30px;transition:box-shadow .4s ease}
.techIntro-details li:hover .techIntro-details-con{box-shadow:0 4px 16px 0 rgba(255,255,255,0.24)}
.techIntro-details li:hover .techIntro-details-img img{transform:scale(1.02)}
.techIntro-details li:hover{transform:translateY(-4px)}
.techIntro-bg img{width: 100%;}
.techIntro-list{position: absolute;left: 0;top: 43%;width: 100%;}
.techIntro-list ul{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.techIntro-page{position: relative;}
.techIntro-page i{display: block;position: relative;width: 12px;height: 12px;border-radius: 50%;background: #00a63b;}
.techIntro-page i::after,.techIntro-page i::before{opacity: 0;animation: techDot 2s linear infinite; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;background: rgba(0, 166, 59, .3);}
@keyframes techDot {
    0%{transform: scale(1);opacity: 0;}
    50%{transform: scale(1.5);opacity: 1;}
    100%{transform: scale(2);opacity: 0;}
}
.techIntro-page span{white-space: nowrap;display: block;position: absolute;left: 50%;bottom: 25px;transform: translateX(-50%);}
.techIntro-icon{position: absolute;left: 50%;top: 55px;transform: translateX(-50%);flex-direction: column;max-width: unset;white-space: nowrap;}
.techIntro-icon .img{width: 114px;height: 114px;position:relative;}
.techIntro-icon .img img{max-width: 40%;max-height: 40%;position:relative;z-index:4;transform:translate3d(0,0,10px)}
.techIntro-icon .img i{position:absolute;top:0;left:0;width:100%;height:100%;background: url('../images/pages/techIntro-icon-bg.png') no-repeat center/100% auto;}
.techIntro-list li:nth-child(2n+1) .techIntro-icon .img i{animation: techIntroRun 10s linear infinite;}
.techIntro-list li:nth-child(2n) .techIntro-icon .img i{animation: techIntroRun2 10s linear infinite;}
@keyframes techIntroRun {0% {transform: rotate(0);}100% {transform: rotate(-360deg);}}
@keyframes techIntroRun2 {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}

.techIntro-list li{position: absolute;}
.techIntro-list li:nth-child(1){left: 18%;top: 79%;}
.techIntro-list li:nth-child(2){left: 30%;top: 31%;}
.techIntro-list li:nth-child(3){left: 43%;top: 55%;}
.techIntro-list li:nth-child(4){left: 57%;top: 56%;}
.techIntro-list li:nth-child(5){left: 70%;top: -1%;}
.techIntro-list li:nth-child(6){left: 83%;top: 58%;}
.techPK-list ul{margin-left: -24px;flex-wrap: nowrap;}
.techPK-list li{width: 260px;margin-left: 24px;position: relative;overflow: hidden;}
.techPK-list li.active{width: calc(100% - 260px*2 - 24px*3);}
.techPK-img{position: relative;}
.techPK-img::after{transition: all .4s ease;content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);opacity: 0;}
.techPK-img img{height: 600px;max-width: none;object-fit: fill;}
.techPK-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 50px 40px;}
.techPK-con .title{transition: all .4s ease;}
.techPK-con .title2{opacity: 0;transform: translateY(80px);transition: all .8s .1s ease;}
.techPK-con .text{opacity: 0;transform: translateY(80px);transition: all .8s ease;width: 70%;}
.techPK-list li.active .techPK-img::after{opacity: 1;transition-delay: 0s;}
.techPK-list li.active .techPK-con .title{font-size: 40px;}
.techPK-list li.active .techPK-con .title2{opacity: 1;transform: translateY(0);transition-delay: .4s;}
.techPK-list li.active .techPK-con .text{opacity: 1;transform: translateY(0);transition-delay: .5s;}
.techSB-flex{justify-content: space-between;}
.techSB-table{width: 54%;}
.techSB-title{background: #00a63b;padding: 15px;line-height: .8;}
.techSB-table table{width:100%}
.techSB-title .title{padding-right: 14px;margin-right: 14px;border-right: 1px solid #fff;}
.techSB-table td{border: 1px solid #a6c1b0;padding: 10px 24px;width: 50%;transform-origin: left center;}
.techSB-table tr:nth-child(2n){background: #effaf3;}
.techSB-table tr:nth-child(1){color: #333;font-size: 18px;}
.techSB-table tr:nth-child(1){text-align: center;}
.techSB-table tr:nth-child(1) td{padding: 18px 30px;transform-origin: center;}
/*.techSB-table tr:nth-child(3){height: 150px;}*/
/*.techSB-table tr:nth-child(3) td:nth-child(1){border-right: unset;}*/
/*.techSB-table tr:nth-child(3) td:nth-child(2){border-left: unset;}*/
.techSB-table td:hover{transform: scale(1.04);font-weight: 700;}
.techSB-swp{width: 39%;}
.techSB-slide{height: 100%;}
.techSB-slide img{width: 100%;height: 100%;}
.techSB-swp .swiper-container{height: 100%;}
.techSB-pagination{position: absolute;left: 0;bottom: 20px;width: 100%;z-index: 2;}
.techSB-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 4px; opacity: 1;background: rgba(255, 255, 255, .2);cursor:pointer}
.techSB-pagination .swiper-pagination-bullet-active{background: #fff;}
.techMsg .contain{padding: 55px;box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.06);}
.techMsg-table{justify-content: space-between;}
.techMsg-table .w100{width: 100% !important;}
.techMsg-input{width: 32%;}
.techMsg-input .title.active::after{content: "";display: inline-block;margin-left: 5px;width: 4px;height: 4px;border-radius: 50%;background: #00a63b;}
.techMsg-input input{height: 40px;font-size: 16px;color: #333;border-bottom: 1px solid #e9e9e9;width: 100%;}
.techMsg-input input::-webkit-input-placeholder{font-size: 16px;color: #999;}
.techMsg-tips{align-items: center;}
.techMsg-tips i{display: flex;align-items: center;justify-content: center; position: relative;margin-right: 10px;width: 15px;height: 15px;border: 1px solid #333;user-select: none;cursor: pointer;}
.techMsg-tips i::after{content: "\e65";font-family: "icon";opacity: 0; display: block;font-size: 12px;transform: scale(.8);color: #fff;}
.techMsg-tips i.active{border-color: #00a63b;background: #00a63b;}
.techMsg-tips i.active::after{opacity: 1;}
.techMsg-btn .btn{width: 200px;height: 56px;border: 1px solid #333;user-select: none;cursor: pointer;line-height: 1;}
.techMsg-btn .btn:hover{color: #fff;background: #00a63b;border-color: #00a63b;}

/* 关于我们 */
.abIntro-flex{justify-content: space-between;align-items: center;}
.abIntro-list{width: 28.5%;}
.abIntro-list li{justify-content: space-between;border-bottom: 1px solid #e9e9e9;}
.abIntro-num .num{align-items: flex-end;}
.abIntro-num .num span{display: block;margin-right: 5px;line-height: .8;}
.abIntro-img{width: 65%;}
.abIntro-img img{width: 100%;transition: all 2s linear;}
.abIntro-img:hover img{transform: scale(1.08);}
.abIntro-company-title{width: 220px;height: 60px;}
.abIntro-company-title::after{content: "";position: absolute;left: calc(50% - 1px);top: 100%;width: 1px;height: 30px;background: #2ba449;}
.abIntro-link-box{margin-top: 60px;}
.abIntro-link::after{content: "";position: absolute;top: -30px;left: 110px;width: calc(100% - 220px);height: 1px;background: #2ba449;}
.abIntro-link-item{transition: all .4s ease; background: #08cb4d; width: 220px;height: 80px;flex-direction: column;margin-left: 30px;}
.abIntro-link-item:first-child{margin-left: 0;}
.abIntro-link-item::after{content: "";position: absolute;left: calc(50% - 1px);bottom: 100%;width: 1px;height: 30px;background: #2ba449;}
.abIntro-link-item:nth-child(2){background: #05b744;}
.abIntro-link-item:nth-child(3){background: #00a63b;}
.abIntro-link-item:nth-child(4){background: #048b34;}
.abIntro-link-item:nth-child(5){background: #036c28;}
.abIntro-link-item:hover{background: #1964ab;}
.abFZ{background: url('../images/pages/abFZ-bg.jpg') no-repeat center/cover;}
.abFZ-swp .swiper-container,.abHonor-swp .swiper-container{overflow: visible;}
.abFZ-swp .swiper-slide{height: auto;}
.abFZ-slide{height: 100%; cursor: grab;padding: 45px 30px; background: #fff;opacity: .5;transition: all .4s ease;box-shadow: 0px 6px 18px 2px rgba(0, 0, 0, 0.06);}
.swiper-slide.active .abFZ-slide{opacity: 1;}
.abFZ-scrollbar{width: 43%;height: 1px;background: #cdcdcd;position: relative;}
.abFZ-scrollbar .swiper-scrollbar-drag{height: 5px;background: #00a63b;border-radius: 0;top: -2px;cursor: grab;}
.abWH-swp{position: relative;width: 100%;}
.abWH-swp .swiper-container {overflow: visible;}
.abWH-img {width:100%;position:relative}
.abWH-img img{width: 100%;height: 456px;}
.abWH-img::after {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;transform: translate3d(0,0,10px);background: url("../images/pages/devezrSd.png") repeat-x left bottom/auto 87%;transition: all .4s ease;opacity: 0;}
.abWH-desc{position: absolute;width: 100%;left: 0;padding: 0 30px;bottom: 20px;z-index: 4;transform: translate3d(0,0,10px);transition: all .4s ease;opacity: 0;}
.abWH-slide:hover .abWH-img img{transform: scale(1.05);}
.abWH-slide:hover .abWH-img::after{opacity:1}
.abWH-slide:hover .abWH-desc{opacity:1;}
.abWH-prev, .abWH-next{width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;margin-top: -40px;cursor: pointer;background: #fff;color: #00a63b;transition: all .4s ease;font-size: 16px;z-index: 4;}
.abWH-prev i, .abWH-next i{font-size: inherit;}
.abWH-prev{left: -120px;}
.abWH-next{right: -120px;transform: rotateY(180deg);}
.abWH-prev:hover, .abWH-next:hover{background: #00a63b;color: #fff;}
.abWH-swp .swiper-pagination{bottom: 0;font-size: 0;display:none;position: relative;}
.abWH-swp .swiper-pagination-bullet{width: 8px;height: 8px;background: #ddd;opacity: 1;margin: 0 0 0 8px !important;}
.abWH-swp .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.abWH-swp .swiper-pagination-bullet-active {background: #00a63b;}
.abHonor-nav li{width: 200px;height: 56px;border: 1px solid #e9e9e9;margin-left: 8px;user-select: none;cursor: pointer;}
.abHonor-nav li:hover{color: #00a63b;}
.abHonor-nav li.active,.abHonor-nav li.active:hover{border-color: #00a63b;background: #00a63b;color: #fff;}
.abHonor-nav li:first-child{margin-left: 0;}
.abHonor-swp{display: none;}
.abHonor-swp:first-child{display: block;}
.abHonor-slide{height: 340px;background: url('../images/pages/abHonor-bg.jpg') no-repeat center/cover;position:relative}
.abHonor-slide img{max-width: 70%;max-height: 80%;}
.abHonor-slide::after {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;transform: translate3d(0,0,10px);background: url("../images/pages/devezrSd.png") repeat-x left bottom/auto 80%;}
.abHonor-text{position: absolute;width: 100%;left: 0;padding: 20px 28px;bottom: 0;z-index: 4;transform: translate3d(0,0,10px);}
.abHonor-slide:hover img{transform: scale(1.08);}
.abHonor-btn .btn{user-select: none;cursor: pointer;width: 40px;height: 40px;border-radius: 50%;background: #f4f4f4;margin-left: 10px;}
.abHonor-btn .btn.next{transform: rotate(180deg);}
.abHonor-btn .btn:hover{background: #00a63b;color: #fff;}
.abHZ-con{border-top: 1px solid #e9e9e9;}
.abHZ-icon{width: 22%;height: 40px;}
.abHZ-icon img{max-height: 100%;}
.abHZ-logo{width: 78%;margin-top: -20px;}
.abHZ-logo li{margin-top: 20px; height: 130px;width:20%; display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.abHZ-logo li img{max-width: 70%;max-height: 70%;}
.abHZ-logo li:hover{transform: translateY(-10px);}
.abJoin{background-color: #fafafa;}
.abJoin-con>li{margin-top: 10px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.03);background: #fff;}
.abJoin-menu{user-select: none;cursor: pointer;align-items: center;justify-content: space-between;padding: 16px 34px;}
.abJoin-menu .title{flex: 1;}
.abJoin-menu .text{width: 16%;}
.abJoin-btn{margin-left: 3vw;width: 116px;height: 40px;padding: 4px;}
.abJoin-btn i{width: 32px;height: 100%;background: #fff;transition: all .4s ease;}
.abJoin-btn span{flex: 1;}
.abJoin-btn:hover{background: #000;}
.abJoin-btn:hover i{color: #000;}
.abJoin-menu.active .title,.abJoin-menu:hover .title{color: #00a63b;}
.abJoin-drop{padding: 30px 35px 50px;width: 80%;display: none;}
.abJoin-drop h1,.abJoin-drop h2,.abJoin-drop h3,.abJoin-drop h4,.abJoin-drop h5,.abJoin-drop h6{font-size: 20px;font-weight: 500;color: #333;}
/* .commTitle .text{line-height: 1.4;} */
.mksx .abIntro,.mksxPro{border-bottom: 1px solid #e9e9e9;}

.mksxPro-list ul{margin-left: -24px;flex-wrap: nowrap;}
.mksxPro-list li{width: 330px;margin-left: 24px;position: relative;overflow: hidden;}
.mksxPro-list li.active{width: calc(100% - 330px*2 - 24px*3);}
.mksxPro-img::after{opacity: 0;transition: all .4s ease; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.8) 100%);}
.mksxPro-img img{height: 530px;max-width: none;object-fit: fill;}
.mksxPro-show{transition: all .4s .3s ease; position: absolute;left: 0;bottom: 0;width: 100%;padding: 25px 15px;}
.mksxPro-hide{padding: 30px 25px; transition: all .6s ease; transform: translateY(70%);opacity: 0; position: absolute;z-index: 2;left: 0;top: 0;width: 97%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;}
.mksxPro-list li.active .mksxPro-img::after{opacity: 1;}
.mksxPro-list li.active .mksxPro-show{opacity: 0;transform: translateY(100%);transition-delay: 0s;}
.mksxPro-list li.active .mksxPro-hide{opacity: 1;transform: translateY(0);transition-delay: .3s;}

.clipLeft{animation: clipLeft 1.5s linear forwards;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.clipRight{animation: clipRight 1s linear forwards;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
.clipTop{animation: clipTop 1.5s linear forwards;clip-path: polygon(100% 0, 0 0, 0 0, 100% 0);}
.clipBottom{animation: clipBottom .6s linear forwards;clip-path: polygon(100% 100%, 0 100%, 0 100%, 100% 100%);}
.clipCenter{animation: clipCenter 1s linear forwards;clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);}
.imgScale{animation: imgScale 5s linear forwards;}
@keyframes clipLeft {0%{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
@keyframes clipRight {0%{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
@keyframes clipTop {0%{clip-path: polygon(100% 0, 0 0, 0 0, 100% 0);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
@keyframes clipBottom {0%{clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
@keyframes clipCenter {0%{clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
@keyframes imgScale {0%{transform: scale(1);}100%{transform: scale(1.08);}}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .devezr-prev{left: 20px;}
    .devezr-next{right: 20px;}
    .abWH-prev{left: 20px;}
    .abWH-next{right: 20px;}
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .commBan-image img{height: 480px;}
    .commBan-content{bottom: 50px;}
    .commBan-content .title img {width: 228px;}
    .commBan-content .title span {margin-left: -70px;}
    .relqq-map{width: 600px;height: 590px;}
    .relqq-list{width: calc(100% - 600px);height: 590px;padding: 32px 0;}
    .relqq-list li {padding: 20px 0;}
    .relqq-scroll {padding: 0 48px 0 46px;}
    .news-head-img{width: 600px;}
    .news-head-content {width: calc(100% - 600px);padding-left: 44px;}
    .news-head-img img{height: 338px;}
    .news-list {margin-top: 26px;}
    .news-list-ul {margin: -44px 0 0 -26px;}
    .news-list-link {width: calc(100%/3 - 26px);margin: 44px 0 0 26px;}
    .news-list-link .img img{height: 216px;}
    .newsxq-mix {padding-left: 80px;}
    .newsxq-hint li {padding: 20px 0;}
    .newsxq-control>a {height: 68px;}
    .procp-menu .contain {width: calc(1200px + 10px * 2);}
    .procp-menu .swiper-container {padding: 40px 10px;margin-bottom: 20px;}
    .procp-menu-link{padding: 24px 12px 18px;box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.04);}
    .procp-menu-link:hover, .procp-menu-link.active{box-shadow: 0px 2px 10px 2px rgba(0, 166, 59, 0.16);}
    .procp-menu .prev{left: -10px;}
    .procp-menu .next{right: -10px;}
    .procp-loop {width: 650px;}
    .procp-content {width: calc(100% - 650px);padding: 40px 0 0 80px;}
    .procp-loop .gallery-img img{height: 487px;}
    .procp-loop .thumbs-click img{height: 95px;}
    .proal-list{margin: -20px 0 0 -20px;}
    .proal-link{width: calc(100%/3 - 20px);margin: 20px 0 0 20px;}
    .proal-link img{height: 218px;}
    .proal-link .cont{padding: 12px 20px;}
    .casexx-menu-link {padding: 16px 0;margin-left: 48px;}
    .casexx-loop{width: 580px;}
    .casexx-loop-img img{height: 580px;}
    .casexx-content{width: calc(100% - 580px);padding: 28px 0 0 80px;}
    .casexx-content .text {padding-right: 34px;max-height: 454px;}
    .devefz-auth .cont {padding-right: 60px;}
    .devefz-green .cont {padding: 0 60px 0 100px;}
    .devegz-loop .swiper-wrapper {margin: -20px 0 0 -20px;}
    .devegz-loop .swiper-slide {width: calc(100%/3 - 20px);margin: 20px 0 0 20px;}
    .devegz-loop-info {padding: 40px 44px;}
    .devesc-loop .swiper-wrapper {margin-left: -60px;}
    .devesc-loop .swiper-slide {width: calc(100%/3 - 60px);margin-left: 60px;}
    .devesc-loop .swiper-slide:nth-child(3n+2){margin-top: 60px;}
    .devesc-loop .swiper-slide:nth-child(3n+3){margin-top: 30px;}
    .devesc-loop-info .img img{height: 248px;}
    .devesc-loop-info .cont {padding: 30px 0 32px;}
    .devezr-loop-info img{height: 390px;}
    .techIntro-details-img img{height: 210px;}
    .techIntro-details-con{padding: 22px;}
    .techIntro-bg img{height: 600px;}
    .techIntro-icon{top: 40px;}
    .techIntro-icon .img{width: 100px;height: 100px;}
    .techPK-list ul{margin-left: -20px;}
    .techPK-list li{margin-left: 20px;width: 220px;}
    .techPK-list li.active{width: calc(100% - 220px*2 - 20px*3);}
    .techPK-con{padding: 40px 30px;}
    .techPK-list li.active .techPK-con .title{font-size: 34px;}
    .techPK-img img{height: 530px;}
    .techIntro-details-img img{height: 160px;}
    .techIntro-icon{top: 30px;}
    .techIntro-icon .img{width: 80px;height: 80px;}
    .abIntro-img{width: 62%;}
    .abIntro-link-item{margin-left: 20px;width: 210px;}
    .abIntro-company-title{width: 210px;}
    .abIntro-link::after{left: 105px;width: calc(100% - 210px);}
    .abFZ-slide{padding: 30px 25px;}
    .abWH-img img{height: 391px;}
    .abWH-prev, .abWH-next{margin-top: -36px;}
    .abHonor-nav li{width: 180px;height: 50px;}
    .abHonor-slide{height: 300px;}
    .abHZ-logo li{height: 110px;}
    .abJoin-drop h1, .abJoin-drop h2, .abJoin-drop h3, .abJoin-drop h4, .abJoin-drop h5, .abJoin-drop h6{font-size: 18px;}
    .abIntro-num .text{font-size: 15px;}
    .mksxPro-list ul{margin-left: -20px;}
    .mksxPro-list li{width: 270px;margin-left: 20px;}
    .mksxPro-list li.active {width: calc(100% - 270px*2 - 20px*3);}
    .mksxPro-show{padding: 20px 15px;}
    .mksxPro-img img{height: 480px;}
    .abHonor-text {padding: 16px 24px;}
    .abWH-desc{padding: 0 24px;bottom:16px;}
}

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

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

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .commBan-image img{height: 400px;}
    .commBan-content{bottom: 40px;}
    .commBan-content .title img {width: 179px;}
    .commBan-content .title span {margin-left: -58px;}
    .relqq-map{width: 460px;height: 530px;}
    .relqq-list{width: calc(100% - 460px);height: 530px;padding: 24px 0;}
    .relqq-list li {padding: 20px 0;}
    .relqq-scroll {padding: 0 32px 0 30px;}
    .news-head-img{width: 500px;}
    .news-head-content {width: calc(100% - 500px);padding-left: 40px;}
    .news-head-img img{height: 282px;}
    .news-list {margin-top: 20px;}
    .news-list-ul {margin: -36px 0 0 -20px;}
    .news-list-link {width: calc(100%/3 - 20px);margin: 36px 0 0 20px;}
    .news-list-link .img img{height: 173px;}
    .newsxq-mix {width: calc(100% - 200px);padding-left: 50px;}
    .newsxq-hint{width: 200px;}
    .newsxq-hint li {padding: 18px 0;}
    .newsxq-control>a {height: 60px;}
    .newsxq-control {padding: 0 20px;}
    .procp-menu .contain {width: calc(960px + 10px * 2);}
    .procp-loop {width: 550px;}
    .procp-content {width: calc(100% - 550px);padding: 30px 0 0 50px;}
    .procp-loop .gallery-img img{height: 412px;}
    .procp-loop .thumbs-click img{height: 80px;}
    .procp-control {padding: 18px 0 10px;}
    .procp-content-info .text {max-height: 290px;}
    .proal-link img{height: 174px;}
    .procp-menu .swiper-container {padding: 30px 10px;margin-bottom: 10px;}
    .casexx-menu-link {padding: 12px 0;margin-left: 40px;}
    .casexx-loop{width: 500px;}
    .casexx-loop-img img{height: 500px;}
    .casexx-content{width: calc(100% - 500px);padding: 28px 0 0 50px;}
    .casexx-content .text {padding-right: 28px;max-height: 398px;}
    .devefz-auth .img {width: 450px;}
    .devefz-auth .cont {width: calc(100% - 450px);padding-right: 40px;}
    .devefz-green .img {width: 320px;}
    .devefz-green .cont {width: calc(100% - 320px);padding: 0 30px 0 50px;}
    .devegz-loop-info {padding: 24px 28px;}
    .devesc-loop .swiper-wrapper {margin-left: -40px;}
    .devesc-loop .swiper-slide {width: calc(100%/3 - 40px);margin-left: 40px;}
    .devesc-loop .swiper-slide:nth-child(3n+2){margin-top: 40px;}
    .devesc-loop .swiper-slide:nth-child(3n+3){margin-top: 20px;}
    .devesc-loop-info .img img{height: 202px;}
    .devesc-loop-info .cont {padding: 20px 0 24px;}
    .devesc-loop-info .cont .title, .devesc-loop-info .cont .text {padding: 0 20px 0 30px;}
    .devezr-loop-info img{height: 312px;}
    .devezr-loop-info .cont {padding: 18px 24px 16px;}
    .techPK-list ul{margin-left: -15px;}
    .techPK-list li{margin-left: 15px;width: 190px;}
    .techPK-list li.active{width: calc(100% - 190px*2 - 15px*3);}
    .techPK-con{padding: 30px 25px;}
    .techPK-list li.active .techPK-con .title{font-size: 28px;}
    .techPK-img img{height: 410px;}
    .techPK-con .text{width: 90%;}
    .techSB-title{padding: 10px;}
    .techSB-table tr:nth-child(1) td{padding: 10px 20px;}
    .techSB-table tr:nth-child(1){font-size: 15px;}
    .techSB-table td{padding: 8px 20px;font-size: 14px;}
    /*.techSB-table tr:nth-child(3){height: 120px;}*/
    .techMsg .contain{padding: 40px;}
    .commTitle br{display: none;}
    .commTitle .text p{display: inline;}
    .abIntro-link-item{width: 150px;height: 60px;}
    .abIntro-company-title{width: 150px;height: 50px;}
    .abIntro-link-box{margin-top: 40px;}
    .abIntro-company-title::after,.abIntro-link-item::after{height: 20px;}
    .abIntro-link::after{left: 75px;width: calc(100% - 150px);top: -20px;}
    .abWH-img img{height: 313px;}
    .abWH-prev, .abWH-next{margin-top: -32px;}
    .abHonor-nav li{width: 150px;height: 44px;}
    .abHonor-slide{height: 250px;}
    .abHZ-logo li{height: 90px;}
    .abJoin-drop h1, .abJoin-drop h2, .abJoin-drop h3, .abJoin-drop h4, .abJoin-drop h5, .abJoin-drop h6{font-size: 16px;}
    .abIntro-num{width: 70%;}
    .mksxPro-list ul{margin-left: -15px;}
    .mksxPro-list li{width: 240px;margin-left: 15px;}
    .mksxPro-list li.active {width: calc(100% - 240px*2 - 15px*3);}
    .mksxPro-show{padding: 20px 15px;}
    .mksxPro-img img{height: 370px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .news-head-content .arrow a i.line, .news-list-link .arrow i.line{display: none;}
    .commPlace .contain{padding: 0 4%;}
    .procp-menu .contain {width: calc(92% + 10px * 2);}
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .relqq-map{width: 100%;height: 300px;}
    .relqq-list{width: 100%;}
    .news-head-img{width: 100%;}
    .news-head-content {width: 100%;padding: 20px 0 0;}
    .news-head-img img{height: 398px;}
    .news-list {margin-top: 40px;}
    .news-list-ul {margin: -28px 0 0 -16px;}
    .news-list-link {width: calc(100%/3 - 16px);margin: 28px 0 0 16px;}
    .news-list-link .img img{height: 128px;}
    .newsxq .contain {flex-direction: row;}
    .newsxq-mix {width: 100%;padding: 0;}
    .newsxq-hint{width: 100%;margin-top: 40px;}
    .procp-loop {width: 100%;}
    .procp-content {width: 100%;padding: 30px 0 0;}
    .procp-loop .gallery-img img{height: 530px;}
    .procp-loop .thumbs-click img{height: 104px;}
    .procp-control{position: relative;bottom: 0;padding-bottom: 0;margin-top: 28px;}
    .procp-content-info .text{max-height: none;padding: 0;}
    .proal-list{margin: -16px 0 0 -16px;}
    .proal-link{width: calc(100%/3 - 16px);margin: 16px 0 0 16px;}
    .proal-link img{height: 130px;}
    .proal-link .cont{padding: 10px 16px;}
    .casexx-loop{width: 100%;}
    .casexx-loop-img img{height: 707px;}
    .casexx-content{width: 100%;padding: 28px 0 0;}
    .casexx-content .text {max-height: none;padding: 0;}
    .devefz-auth{flex-direction: row;}
    .devefz-auth .img, .devefz-green .img{width: 100%;text-align: center;}
    .devefz-auth .img img, .devefz-green .img  img{width: auto;}
    .devefz-auth .cont, .devefz-green .cont{width: 100%;padding: 0;margin-top: 32px;}
    .devefz-green{padding: 16px;}
    .devegz-loop .swiper-wrapper {margin: -16px 0 0 -16px;}
    .devegz-loop .swiper-slide {width: calc(100%/3 - 16px);margin: 16px 0 0 16px;}
    .devegz-loop-info {padding: 20px 16px;}
    .devesc-loop .swiper-wrapper {margin-left: -16px;}
    .devesc-loop .swiper-slide {width: calc(100%/3 - 16px);margin-left: 16px;}
    .devesc-loop .swiper-slide:nth-child(3n+2){margin-top: 16px;}
    .devesc-loop .swiper-slide:nth-child(3n+3){margin-top: 8px;}
    .devesc-loop-info .img img{height: 154px;}
    .devesc-loop-info .cont {padding: 20px 0;}
    .devesc-loop-info .cont .title, .devesc-loop-info .cont .text {padding: 0 0 0 28px;}
    .devezr-loop-info .cont {padding: 18px 20px 16px;}
    .devezr-loop-info img{height: 230px;}
    .techIntro-text{width: 100%;}
    .techIntro-details{width: 100%;margin-top: 10px;}
    .techIntro-details-con{position: relative;height: auto;top: auto;left: auto;padding: 25px 15px;background: #eee;}
    .techIntro-details li{width: 100%;margin-top: 20px;}
    .techIntro-head{padding-bottom: 40px;}
    .techIntro-page i{width: 6px;height: 6px;}
    .techIntro-page span{font-size: 12px;bottom: 15px;}
    .techIntro-icon .img{width: 40px;height: 40px;}
    .techIntro-icon .text{font-size: 12px;transform: scale(.7);}
    .techIntro-icon{top: 20px;}
    .techIntro-list li:nth-child(1) {left: 9%;top: 43%;}
    .techIntro-list li:nth-child(2) {left: 25%;top: 43%;}
    .techIntro-list li:nth-child(3) {left: 42%;top: 51%; }
    .techIntro-list li:nth-child(4) {left: 59%;top: 33%;}
    .techIntro-list li:nth-child(5) {left: 74%;top: -1%;}
    .techIntro-list li:nth-child(6) {left: 89%;top: 76%;}
    .techIntro-bg img{height: 250px;}
    .techIntro-list{top: 36%;}
    .techPK-list ul{margin-left: 0;flex-wrap: wrap;}
    .techPK-list li{width: 100% !important;margin: 15px 0 0;}
    .techPK-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .techPK-img img{height: 100%;width: 100%;object-fit: cover;}
    .techPK-img::after{opacity: 1;}
    .techPK-con{padding: 25px 15px 40px;position: relative;z-index: 2;}
    .techPK-con .title{font-size: 18px !important;}
    .techPK-con .title2,.techPK-con .text{opacity: 1;transform: translateY(0);}
    .techPK-con .title2{line-height:1.4}
    .techPK-con .text{width: 100%;font-size: 12px;line-height: 20px;}
    .techSB-table{width: 100%;}
    .techSB-title .title{padding-right: 8px;margin-right: 8px;}
    .techSB-title .text{font-size: 12px;}
    .techSB-table td{font-size: 12px;padding: 6px 10px; line-height: 1.4;}
    .techSB-table tr:nth-child(1) td{padding: 8px 12px;}
    .techSB-swp{width: 100%;margin-top: 20px;}
    .techSB-pagination{bottom: 12px;}
    .techMsg .contain{padding: 25px 15px;}
    .techMsg-input{width: 100%;margin-top: 20px;}
    .techMsg-input input{font-size: 13px;height: 36px;margin-top: 0;}
    .techMsg-input input::-webkit-input-placeholder{font-size: 13px;}
    .techMsg-tips{margin-top: 15px;}
    .techMsg-tips i{width: 12px;height: 12px;margin-right: 5px;}
    .techMsg-tips i::after{transform: scale(.5);}
    .techMsg-btn{margin-top: 30px;}
    .techMsg-btn .btn{width: 120px;height: 40px;}
    .abIntro-list{width: 100%;}
    .abIntro-icon img{width: 35px;}
    .abIntro-img{width: 100%;margin-top: 20px;}
    .abIntro-company-title::after, .abIntro-link-item::after{display: none;}
    .abIntro-link::after{display: none;}
    .abIntro-company-title{color: #333;font-size: 18px;background: transparent;font-weight: 700;}
    .abIntro-link-box{margin-top: 10px;}
    .abIntro-link{margin: -15px 0 0 -15px;flex-wrap: wrap;justify-content: flex-start;}
    .abIntro-link-item{width: calc(50% - 15px);margin: 15px 0 0 15px !important;}
    .abFZ-slide{padding: 25px 15px;box-shadow: 0px 3px 9px 1px rgba(0, 0, 0, 0.06);}
    .abHonor .abFZ-scrollbar-box{justify-content: space-between;}
    .abFZ-scrollbar{width: calc(100% - 80px);}
    .abFZ-scrollbar .swiper-scrollbar-drag{height: 3px;top: -1px;}
    .abWH-img img{height: 220px;}
    .abWH-text{margin-top: 12px;}
    .abHonor-nav li{font-size: 12px;height: 36px;}
    .abHonor-btn .btn{font-size: 12px;width: 30px;height: 30px;margin-left: 5px;}
    .abHZ-icon img{height: 30px;}
    .abHZ-icon .text{font-size: 13px;}
    .abHZ-logo{margin-top: 0;}
    .abHZ-logo li{width: calc(100% / 3);margin-top: 0;height: 60px;}
    .abJoin-menu{padding: 15px;justify-content: flex-start;position: relative;}
    .abJoin-menu .title{flex: unset;width: 100%;font-size: 15px;font-weight: 700;margin-bottom: 14px;}
    .abJoin-menu .text{width: auto;margin-left: 15px;}
    .abJoin-menu .text:nth-child(2){margin-left: 0;}
    .abJoin-btn{background: transparent !important; width: auto;height: auto;padding: 2px; position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
    .abJoin-btn span{display: none;}
    .abJoin-btn i{width: auto;height: auto;background: transparent;font-size: 18px;}
    .abJoin-drop{width: 100%;padding: 20px 15px;}
    .abJoin-drop h1, .abJoin-drop h2, .abJoin-drop h3, .abJoin-drop h4, .abJoin-drop h5, .abJoin-drop h6{font-size: 15px;}
    .abIntro-num .text{font-size: 13px;}
    .abIntro-num{width: auto;}
    .mksxPro-list ul{margin-left: 0;flex-wrap: wrap;}
    .mksxPro-list li{width: 100% !important;margin: 15px 0 0;}
    .mksxPro-list li:first-child{margin-top: 0;}
    .mksxPro-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .mksxPro-img::after{opacity: 1;background: rgba(0, 0, 0, .5);}
    .mksxPro-img img{width: 100%;object-fit: cover;height: 100%;}
    .mksxPro-show{display: none;}
    .mksxPro-hide{opacity: 1;transform: translateY(0);padding: 40px 15px;width: 100%;position: relative;text-align: left;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
    .commBan-image img {min-height: 240px;height: auto;}
    .commBan-content{bottom: 16px;}
    .commBan-content .title{font-size: 20px;}
    .commBan-content .title img {width: 98px;}
    .commBan-content .title span {margin-left: -32px;}
    .relqq{background-size: 100% auto;}
    .relqq-wrap {padding: 6px;}
    .relqq-map{height: 210px;}
    .relqq-list{height: auto;padding: 24px 12px 12px;}
    .relqq-scroll {padding: 0 0 12px;overflow-y: hidden;overflow-x: auto;height: auto;}
    .relqq-list ul{display: flex;}
    .relqq-list li{padding: 0 20px;border-bottom: none;border-right: 1px solid #e9e9e9;width: auto;}
    .relqq-list li:first-child{padding-left: 0;}
    .relqq-list li:last-child{padding-right: 0;border: none;}
    .relqq-list li .name{white-space: nowrap;}
    .relqq-list li .text{line-height: 22px;width: 220px;}
    .news-head-img img{height: 186px;}
    .news-list {margin-top: 28px;}
    .news-list-ul {margin: -18px 0 0;}
    .news-list-link {width: 100%;margin: 18px 0 0;}
    .news-list-link .img img{height: 186px;}
    .news-list-link .arrow{font-size: 20px;margin-top: 8px;}
    .news-list-link .cont {padding-top: 16px;}
    .newsxq-container {background-size: 60% auto;}
    .commPlace a::before {margin: 0 6px 0 8px;}
    .newsxq-control>a {height: 50px;}
    .newsxq-control {padding: 0 12px;}
    .newsxq-control>a.menu {width: 50px;font-size: 16px;}
    .newsxq-control>a p, .newsxq-control>a b{display: none;}
    .newsxq-control>a.prev, .newsxq-control>a.next {width: calc(50% - 25px);}
    .newsxq-hint {margin-top: 22px;border-top: 2px solid #00a63b;}
    .newsxq-hint li {padding: 12px 0;}
    .newsxq-hint li.isShare{display: none;}
    .newsxq{padding-top: 28px;}
    .procp-menu .prev, .procp-menu .next, .procp-control-btn>div{width: 30px;height: 30px;margin-top: -15px;font-size: 12px;}
    .procp-menu .prev{left: 0;}
    .procp-menu .next{right: 0;}
    .procp-menu-link {padding: 18px 10px 10px;}
    .procp-menu-link .img {height: 64px;}
    .procp-menu .swiper-container {padding: 22px 10px;margin-bottom: 4px;}
    .procp-loop .gallery-img img{height: 248px;}
    .procp-loop .thumbs-click img{height: 80px;}
    .procp-content {padding: 20px 0 0;}
    .procp-control-btn>div{margin-top: 0;}
    .procp-content-info .text{line-height: 22px;}
    .procp-control {margin-top: 20px;padding-top: 12px;}
    .proal-list{margin: -4px 0 0 -4px;}
    .proal-link{width: calc(100%/2 - 4px);margin: 4px 0 0 4px;}
    .proal-link img{height: 110px;}
    .proal-link .cont{padding: 10px 12px;height: auto;top: auto;bottom: 0;opacity: 1;background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.7));}
    .proal-link .cont .text{display: none;}
    .casexx-menu{font-size: 12px;justify-content: space-between;}
    .casexx-menu-link{padding: 7px 0;margin: 0;}
    .casexx-loop-img img{height: 330px;}
    .casexx-loop .swiper-pagination {bottom: 18px;}
    .casexx-content .text h6 {padding-left: 30px;font-size: 16px;background-size: 26px auto;}
    .casexx-content .text{line-height: 22px;}
    .casexx-content {padding: 20px 0 0;}
    .procp, .casexx{background-size: 60% auto;}
    .devefz-auth .cont, .devefz-green .cont {margin-top: 24px;}
    .devefz-green {padding: 14px;}
    .devezr-prev, .devezr-next{display: none;}
    .abWH-prev, .abWH-next{display: none;}
    .abWH-swp .swiper-pagination{display:block;margin-top: 16px;}

    .devegz-loop .swiper-pagination{display:block;margin-top: 16px;}
    .devegz-loop .swiper-container{overflow: hidden;}
    .devegz-loop .swiper-wrapper{justify-content: flex-start;margin: 0;width: 100%;flex-wrap: nowrap;}
    .devegz-loop .swiper-slide{width: 100%;margin: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;flex: none;height: auto;}
    .devesc-loop .swiper-pagination{display:block;margin-top: 16px;}
    .devesc-loop .swiper-container{overflow: hidden;}
    .devesc-loop .swiper-wrapper{justify-content: flex-start;margin: 0;width: 100%;flex-wrap: nowrap;}
    .devesc-loop .swiper-slide{width: 100%;margin: 0 ;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;flex: none;}
    .devesc-loop .swiper-slide:nth-child(3n+2){margin-top: 0;}
    .devesc-loop .swiper-slide:nth-child(3n+3){margin-top: 0;}
    .devesc-loop-info .cont{padding: 20px 0 0;}
    .devezr-loop .swiper-container {overflow: hidden;}
    .devezr-loop .swiper-pagination{display: block;margin-top: 16px;}
    .devezr-loop-info .cont {padding: 12px 16px;}
    .devezr-loop-info img {height: 220px;}
    .devesc-loop-info .img img{height: 228px;}
    .abHonor-text {padding: 12px 20px;}
    .abWH-desc{padding: 0 20px;bottom:12px;}
}