@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: 50px;height: 50px;line-height: 50px;margin: 6px;font-size: 15px;color: #444;transition: all .4s ease;background-color: #fff;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #8ec31f;background-color: #8ec31f;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: #8ec31f;}
.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: #8ec31f;color: #fff;border-color: #8ec31f;}
.paging-hint span{color: #8ec31f;}
@media all and (max-width:1000px) {.paging-menu a{margin: 4px 2px;width: 40px;height: 40px;line-height: 40px; font-size: 13px;}.paging-skip{width: 100%;margin-left: 0;}}
/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #8ec31f;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #8ec31f;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: #8ec31f !important;}
.search-link:hover h2{color: #8ec31f;}
@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: #8ec31f;}
.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: #8ec31f;}
.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>.drozp .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: 680px) {
    .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;}
}
/* 内页公共样式 */
.pagesBan-bg img{width: 100%;min-height: 300px;}
.pagesBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;}
.pagesBan-text{transform: scale(0); animation: pagesBan 1s ease forwards; width: 310px;height: 130px;text-align: center;background: rgba(143, 195, 41, .6);display: flex;flex-direction: column;align-items: center;justify-content: center;}
@keyframes pagesBan {0%{transform: scale(0);}100%{transform: scale(1);}}
.pagesBread{background: #fff;border-bottom: 1px solid #edf1f5;}
.pagesBread-item{height: 80px;margin-left: 30px;padding: 0 15px;}
.pagesBread-item:first-child{margin-left: 0;}
.pagesBread-item::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 0;height: 2px;background: #99ce17;transition: all .4s ease;}
.pagesBread-item:hover,.pagesBread-item.active{color: #8ec31f;}
.pagesBread-item.active::after{width: 100%;}
.indTitle{padding-bottom: 14px;}
.indTitle::after,.indTitle::before{content: "";position: absolute;left: 50%;bottom: 0;width: 30px;height: 4px;background: #003586;transform: skew(-20deg);}
.indTitle::before{left: auto;right: 50%;background: #8ec31f;transform: translateX(20deg);}
.indTitle.white::after,.indTitle.white::before{background: #fff;}
.indTitle.left::after{left: 0;}
.indTitle.left::before{left: 24px;right: auto;}
/* 新闻中心 */
.news{background: linear-gradient(to bottom,transparent 80%,#f6f6f6 90%);}
.newsItem{padding: 45px 30px;border: 1px solid #f2f2f2;align-items: center;}
.newsItem-img{width: 34%;}
.newsItem-img img{width: 100%;height: 230px;transition: all .4s ease;}
.newsItem-con{width: 66%;padding: 0 30px 0 65px;}
.newsItem-con .date{padding-left: 25px;background: url('../images/pages/newsIcon.png') no-repeat left center/15px auto;}
.newsItem-con .more{width: 32px;height: 32px;border-radius: 50%;}
.newsItem-con .more::before{transform: rotate(180deg);}
.newsItem:hover{border-color: #8ec31f;}
.newsItem:hover .newsItem-img img{transform: scale(1.1);}
.newsItem:hover .newsItem-con .title{color: #8ec31f;}
/* 新闻详情 */
#toShare{padding: 45px 0;border-bottom: 1px solid rgba(255, 255, 255, .1);}
#toShare .contain-1400{justify-content: flex-end;align-items: center;display: flex;}
#toShare a{color: rgba(255, 255, 255, .4); display: flex;width: 36px; height: 36px;font-size: 16px;margin-left: 10px; background: rgba(64, 64, 64, .6);border-radius: 50%;align-items: center;justify-content: center;transition: all .4s ease;}
#toShare a>img{max-width: 22px;}
#toShare a:first-child{margin-top: 0;}
#toShare a:hover{background: #0056b8;color: #fff;}
#toShare .icon-wechat{position: relative;}
#toShare .icon-wechat .wechat-qrcode{display: none;border: 1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px rgba(0, 0, 0, .1);transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms; }
#toShare .icon-wechat .wechat-qrcode.bottom {top:40px;left:-84px;}
#toShare .icon-wechat .wechat-qrcode.bottom:after {display:none;}
#toShare .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; }
#toShare .icon-wechat .wechat-qrcode .qrcode{width:105px; margin:10px auto;}
#toShare .icon-wechat .wechat-qrcode .qrcode table{margin:0!important;}
#toShare .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0;}
#toShare .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}
#toShare .icon-wechat:hover .wechat-qrcode{display: block;}
.details{background: linear-gradient(to bottom,#f7fafc 50%,transparent 100%);}
.detBack{border-bottom: 1px solid #e5e5e5;align-items: center;}
.detBack i{font-style: normal;width: 30px;height: 30px;border-radius: 50%;background: #8ec31f;margin-right: 10px;font-size: 12px;}
.detBack .title:hover {color: #8ec31f;text-decoration: underline;}
.detCon{justify-content: space-between;}
.detCon-text{width: 42%;flex-direction: column;justify-content: space-between;}
.detCon-top-title{padding-right: 10%;border-bottom: 1px solid #e5e5e5;}
.detCon-btm #toShare{align-items: center;padding: 0;}
.detCon-btm #toShare a{color: #fff;}
.detCon-btm #toShare a.icon-wechat{background: #56c989;}
.detCon-btm #toShare a.icon-weibo{background: #f88755;}
.detCon-btm #toShare a.icon-facebook{background: #578bcb;}
.detCon-btm #toShare a.icon-linkedin{background: #4792df;}
.detCon-btm #toShare a.icon-twitter{background: #5ebcf2;}
.detCon-top-date{align-items: flex-start;}
.detCon-top-date .day{line-height: .8;margin-right: 30px;}
.detCon-top-date .year span{width: 100%;display: block;}
.detCon-file{width: 47%;}
.detCon-file img,.detCon-file video{width: 100%;}
.detCon-file p{line-height: inherit;}
.detHot .contain{border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;padding: 50px;}
.detHot-header{flex-direction: column;justify-content: space-between;width: 22%;}
.detHot-next{margin-left: 22px;}
.detHot-btn .btn{cursor: pointer;}
.detHot-btn .btn:hover{color: #8ec31f;}
.detHot-btn .btn.detHot-next{transform: rotate(180deg);}
.detHot-swp{width: 78%;}
.detHot-slide{border-left: 1px solid #e5e5e5;padding: 20px 30px 20px 40px;}
.detHot-slide .date{font-weight: 700;}
.detHot-slide .more{align-items: center;transition: all .4s ease;}
.detHot-slide .more i{display: flex;align-items: center;width: 32px;height: 32px;font-style: normal; margin-right: 15px; justify-content: center;border-radius: 50%;transform: rotate(180deg);border: 1px solid #9b9b9b;color: #9b9b9b;transition: all .4s ease;}
.detHot-slide .more i::before{content: "\e83f";display: inline-block;font-family: "icon";font-size: 15px;}
.detHot-slide:hover .more i{background: #8ec31f;border-color: #8ec31f;color: #fff;}
.contList{padding: 0 4%;justify-content: space-between;}
.contList::after{content: "";width: 33%;}
.contList li{display: flex;width: 320px;}
.contList-icon{width: 75px;height: 75px;border-radius: 50%;}
.contList-text{flex: 1;padding-left: 30px;}
.contList-text .text{margin-top: 5px;}
.contMap{height: 440px;}
.amap-copyright,.amap-logo{display: none !important;}
.contMes{background: #fbfbfb;}
.contMes-table{justify-content: space-between;}
.contMes-table input, .contMes-menu,.contMes-img,.contMes-code button,.contMes-drop li{height: 50px;}
.contMes-table input, .contMes-menu,.contMes-table textarea{background: #fff;border: 1px solid #ededed;padding-left: 24px;}
.contMes-table input::-webkit-input-placeholder{color: #777;font-size: 14px;}
.contMes-table textarea::-webkit-input-placeholder{color: #777; font-size: 14px;}
.contMes-table textarea{height: 160px;width: 100%;padding-top: 17px; font-size: 14px;}
.contMes-table>input,.contMes-select{width: 32.3%;}
.contMes-code input{width: 250px;float: left;}
.contMes-img{cursor: pointer; width: 170px;margin-left: 15px;float: left;}
.contMes-img img{width: 100%;height: 100%;}
.contMes-code{width: 100%;}
.contMes-code button{transition: all .4s ease; float: right;width: 152px;line-height: 50px;color: #fff;text-align: center;background: #8ec31f;cursor: pointer;}
.contMes-code button:hover{box-shadow: 0 0 10px #8ec31f;}
.join{background: #f8f8f8;}
.join-menu,.join-header{user-select: none;cursor: pointer; position: relative; height: 70px;padding: 0 60px;border-bottom: 1px solid #f4f4f4;justify-content: space-between;cursor: pointer;align-items: center;}
.join-header{padding: 0 60px 32px;}
.join-menu li,.join-header li{width: 150px;text-align: center;}
.join-menu li:first-child,.join-header li:first-child{text-align: left;width: 240px;}
.join-menu::after{content: "\e7e7";font-family: "icon";display: inline-block;transition: all .4s ease;transform:translateY(-50%) rotate(-90deg);color: #333;position: absolute;right: 30px;top: 50%;}
.join-menu.active::after{transform: translateY(-50%) rotate(90deg);}
.joinDrop{padding: 20px 60px 60px;background: #fff;display: none;}
.joinDrop-btn{transition: all .4s ease; width: 150px;height: 55px;border-radius: 40px;background: #003586;color: #fff; cursor: pointer;user-select: none;position: relative;}
.joinDrop-btn::before,.joinDrop-btn p{position: relative;z-index: 2;transition: all .4s ease;}
.joinDrop-btn::before{content: "";display: inline-block;width: 18px;height: 18px;margin-right: 7px;background: url('../images/pages/join-icon.png') no-repeat center/100% auto;}
.joinDrop-btn:hover{box-shadow:  0 0 10px #003586;}
/* 弹窗 */
.add-popup{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;z-index: 99999;background: rgba(0, 0, 0, .56);}
.addP-con{width: 500px; text-align: center; padding: 50px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 10px;}
.addP-con .title{color: #595662;font-weight: 700;}
.addP-con input{background: #f2f2f2;}
.addP-con input,.addP-con button{padding: 15px;}
.addP-con button{cursor: pointer; border-radius: 5px; background: #003586;color: #fff;}
.addP-phone,.addP-btn{width: 100%;}
.addP-code input{width: 60%;}
.addP-code button,.addP-code-img{width: 40%;}
.addP-con .text{text-align: right;}
.addP-con .text a{color: #003586;}
.addP-close{cursor: pointer; position: absolute;right: 5px;top: 5px;width: 40px;height: 40px;}
.addP-close::after{content: ""; width: 20px;height: 2px;background: #717171;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);}
.addP-close::before{content: ""; width: 20px;height: 2px;background: #717171;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-45deg);}
.addP-scroll{height: 100%;overflow: hidden;}
.addP-resume{display: flex;}
.addP-resume input{width: 78%;}
.addP-resume button{width: 22%;}
.addP-resume-list li{cursor: pointer; position: relative; display: flex;align-items: center;}
.addP-resume-index{transition: all .4s ease; width: 23px;height: 23px;border-radius: 50%;background: #b0b0b0;color: #fff;text-align: center;line-height: 23px;}
.addP-resume-text{color: #777;margin-left: 10px;}
.addP-resume-list li::after{transition: all .4s ease;position: absolute; content: "";top: 50%;right: 0;width: 20px;height: 2px;background: #717171;transform: translateY(-50%) rotate(45deg);}
.addP-resume-list li::before{content: "";top: 50%;transition: all .4s ease;position: absolute; right: 0;width: 20px;height: 2px;background: #717171;transform: translateY(-50%) rotate(-45deg);}
.addP-resume-list li:hover .addP-resume-index,.addP-resume-list li:hover::after,.addP-resume-list li:hover::before{background: #003586;}
.addP-code-img{padding-left: 10px;overflow: hidden;}
.addP-code-img img{width: 100%;border-radius: 5px;}
.addP-position input::-webkit-input-placeholder{font-size: 14px;}
.add-popup{display: none;}
.add-sort-mbBtn{display: none; padding: 8px 30px 8px 8px;position: relative;margin-top: 20px;background: #f0f3f6;color: #333;}
.add-sort-mbBtn::after{content: "";position: absolute;right: 11px;top: 50%;transform: translateY(-40%);width: 11px;height: 15px;background: url('../images/pages/sort-mbBtn.png') no-repeat center/100% auto;}
@keyframes banAnimation{0%{transform:scale(1);}50%{transform: scale(1.1);}100%{transform: scale(1.2);}}
@keyframes abBanAnimation{0%{transform:scale(1.2);}50%{transform: scale(1.1);}100%{transform: scale(1);}}
/* 服务项目-ems */
.ems,.pcba{background: url('../images/pages/serBg.jpg') no-repeat center/cover;}
.emsText{padding: 0 5%;}
.emsList{margin-left: -14px;}
.emsList li{width: calc(25% - 14px);margin: 14px 0 0 14px;position: relative;overflow: hidden;}
.emsList-show{transition: all .4s ease; position: absolute;left: 0;flex-direction: column; top: 0;width: 100%;height: 100%;z-index: 3; background: #fff;}
.emsList-show-icon{height: 62px;}
.emsList-show-icon img{max-height: 100%;}
.emsList-hide{padding: 30px;min-height: 260px;}
.emsList-hide-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.emsList-hide-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.emsList-hide-bg img{width: 100%;height: 100%;}
.emsList-hide-title,.emsList-hide-text{position: relative;z-index: 2;}
.emsList li:hover .emsList-show{opacity: 0;}
/* 服务项目-pcba */
.pcbaCon{justify-content: flex-end;}
.pcba-img{width: 64%;overflow: hidden;}
.pcba-img img{width: 100%;height: 520px;transition: all .6s ease;}
.pcba-img:hover img{transform: scale(1.08);}
.pcba-desc{background: #fff;z-index: 2; box-shadow: 0px 2px 38px 0px rgba(113, 113, 113, 0.19);width: 45%;position: absolute;left: 0;bottom: 0;height: 85%;display: flex;flex-direction: column;justify-content: center;padding: 0 65px 0 55px;}
.pcba-num{width: 90%;justify-content: space-between;}
.pcba-num .num{display: flex;align-items: flex-end;}
.pcba-num .num span{display: inline-block;margin-right: 5px;line-height: 1;}
/* 智慧工厂 */
.rdShb-swp{padding: 0 20px;}
.rdShb-img{overflow: hidden;}
.rdShb-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,.1) 40%,rgba(0,0,0,.5));}
.rdShb-img img{width: 100%;height: 540px;transition: all .6s ease;}
.rdShb-img:hover img{transform: scale(1.08);}
.rdShb-text{position: absolute;left: 0;bottom: 0;padding: 25px;z-index: 3;}
.rdShb-btn{z-index: 3;position: absolute;left: 35px;transition: all .4s ease; top: 50%;transform: translateY(-50%);font-size: 20px;font-weight: 700;user-select: none;cursor: pointer;width: 30px;height: 30px;}
.rdShb-btn.next{transform: translateY(-50%) rotate(180deg);left: auto;right: 35px;}
.rdShb-btn:hover{color: #8ec31f;}
.rdShb-pagination{display: none;}
.rdMes-nav{border-bottom: 1px solid #ebebeb;}
.rdMes-nav li{transition: all .4s ease;padding: 0 20px 25px;position: relative;user-select: none;cursor: pointer;}
.rdMes-nav li::after{transition: all .4s ease; content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 0;height: 3px;background: #8ec31f;}
.rdMes-nav li:hover,.rdMes-nav li.active{color: #8ec31f;}
.rdMes-nav li.active::after{width: 100%;}
.rdMes-con{display: none;}
.rdMes-con:first-child{display: block;}
.rdMes-bg img{width: 100%;height: 500px;}
.rdMes-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.rdMes-bg::before{z-index: 2; width: 50%;content: "";position: absolute;left: 0;top: 0;height: 100%;background: linear-gradient(to right,rgba(0,0,0,.8) 0%,transparent 100%);}
.rdMes-text{z-index: 3;position: absolute;right: 0;bottom: 30px;width: calc(100% - 30px);background: rgba(0, 0, 0, .5);padding: 50px 15% 50px 50px;}
.rdMes-text .text{color: #ccc;}
.rd-process{background: url('../images/pages/rdProc-bg.jpg') no-repeat center/cover;}
.rdProc-nav-item{padding: 0 10px;min-width: 190px;background: #fff;height: 56px;user-select: none;cursor: pointer;border-radius: 40px;margin-left: 20px;}
.rdProc-nav-item:first-child{margin-left: 0;}
.rdProc-nav-item:hover{color: #003586;}
.rdProc-nav-item.active{color: #fff;font-weight: 700;background: #003586;}
.rdProc-nav-item.active:hover{color: #fff;}
.rdProc-con{display: none;}
.rdProc-con:first-child{display: block;}
.rdProc-list{margin-left: -20px;}
.rdProc-list li{transition: all .4s ease; width: calc(25% - 20px);margin: 20px 0 0 20px; flex-direction: column;background: #fff;border-radius: 6px;padding: 45px 15px;}
.rdProc-list li:hover{transform: translateY(-10px);}
.rdProc-con:first-child .rdProc-list li:nth-child(n+5){width: calc(20% - 20px);}
.rdProc-list .page{color: #cedaed;position: absolute;left: 20px;top: 20px;}
.rdProc-icon{border-radius: 8px;width: 66px;height: 66px;}
.rdProc-icon img{max-width: 60%;max-height: 60%;}
.rdProc-list .text{margin-top: 15px;}


/* 产品中心 */
.product{background: #f8f8f8;}
.product .contain{justify-content: space-between;align-items: flex-start;}
.proCon-box{width: 78.5%;}
.proCon:first-child{margin-top: 0;}
.proTitle{align-items: center;}
.proTitle-icon{margin-right: 20px;}
.proList{justify-content: space-between;}
.proList::after{content: "";width: 32%;}
.proItem{width: 32%;background: #fff;padding:50px;position: relative;border-radius: 10px;margin-bottom: 20px;}
.proItem-img{height: 280px;}
.proItem-img img{max-width: 90%;max-height: 80%;}
.proItem-title{transition: all .4s ease;}
.proItem-more{color: #8ec31f;}
/* .proItem:hover{box-shadow: 0 8px 15px rgba(120, 173, 0, .2);} */
.proItem:hover .proItem-more{text-decoration: underline;}
.proItem:hover .proItem-title{color: #8ec31f;}
.proSite{position: sticky;top: 120px;}
.proSite a{margin-top: 15px;transition: all .4s ease; width: 210px;height: 48px;display: flex;align-items: center;padding-left: 20%;line-height: 1;user-select: none;cursor: pointer;border-radius: 40px;}
.proSite a:first-child{margin-top: 0;}
.proSite .title{margin-right: 20px;}
.proSite .dot{opacity: 0;transition: all .4s ease;}
.proSite .dot svg path,.proSite .dot svg circle{transition: all .4s ease;}
.proSite a:hover,.proSite a.active{color: #8ec31f;}
.proSite a.active{background: #fff;}
.proSite a.active .dot{opacity: 1;transform: rotate(180deg);}
.proSite a.active .dot svg circle{fill: #8ec31f;}
.proSite a.active .dot svg path{stroke: #8ec31f;}
.proDet-show{background: url('../images/pages/proDet-show-bg.jpg') no-repeat center/cover;}
.proDet-show .contain{justify-content: space-between;padding-right: 80px;}
.proDet-show-con{width: 48%;}
.proDet-show-list p{padding-left: 24px;position: relative;color: #60666c;line-height: inherit;}
.proDet-show-list p::after{content: "<";position: absolute;left: 0;top: 5px;font-weight: 700;}
.proDet-show-btn .btn{width: 150px;height: 55px;border-radius: 40px;margin-left: 14px;transition: all .4s ease;}
.proDet-show-btn .btn i{display: inline-block;font-style: normal;margin-right: 10px;}
.proDet-show-btn .btn:nth-child(1){margin-left: 0;}
.proDet-show-btn .btn:nth-child(1):hover{box-shadow: 0 0 10px #8ec31f;}
.proDet-show-btn .btn:nth-child(2):hover{box-shadow: 0 0 10px #003586;}
.proDet-show-swp{width: 43%;}
.proDet-show-slide{height: 350px;}
.proDet-show-slide img{max-width: 90%;max-height: 80%;}
.proDet-show-prev,.proDet-show-next{position: absolute;left: -30px;top: 50%;font-weight: 700;font-size: 18px;color: #999; transform: translateY(-50%);width: 30px;height: 30px;user-select: none;cursor: pointer;z-index: 2;}
.proDet-show-next{left: auto;right: -30px;transform: translateY(-50%) rotate(180deg);}
.proDet-show-next:hover,.proDet-show-prev:hover{color: #8ec31f;}
.proDet-show-pagination .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;margin: 0 7px;background: #c2c2c2;}
.proDet-show-pagination .swiper-pagination-bullet-active{background: #8ec31f;}
.proDet-con{background: linear-gradient(to bottom,transparent 70%,#fbfbfb 100%);}
.proDet-con .contain{justify-content: space-between;align-items: flex-start;}
.proDet-file .indTitle{line-height: 1.3;margin-bottom: 30px;}
.proDet-file{width: 78.5%;border-right: 1px solid #f0f0f0;padding-right: 7%;}
.proDet-file h1,.proDet-file h2,.proDet-file h3,.proDet-cofilen h4,.proDet-file h5,.proDet-file h6{font-weight: 700;}
.proDet-file p br{height: 12px;}
.proDet-file table{width: 100%;}
.proDet-file table th,.proDet-file table td{height: 44px;border: 1px solid #c0c0c0;}
.proDet-file table th{font-weight: 700;background: #f5f5f5;}
.proDet-file table td{background: #fff;text-align: center;padding:10px 5px;}
.proDet-con .proSite{top: 40px;}
.proDet-con .proSite a.active{box-shadow: 0px 4px 64.4px 5.6px rgba(8, 17, 29, 0.08);}
/* 关于我们 */
.abIntro{background: url('../images/pages/abIntro-bg.jpg') no-repeat center/cover;}
.abIntro .contain{padding-right: 10%;}
.abIntro-text p{margin-top: 10px;line-height: inherit;}
.abIntro-num li{display: flex;align-items: center;margin-left: 80px;}
.abIntro-num li:first-child{margin-left: 0;}
.abIntro-con{padding-left: 20px;}
.abIntro-con .num{line-height: 1;align-items: flex-end;}
.abIntro-con .num span{display: inline-block;margin-right: 5px;}
.abIntro-con .text{margin-top: 5px;}
.abWH{background: rgba(0, 0, 0, .5);}
.abWH-bg img{width: 100%;display: none;}
.abWH-bg img:first-child{display: block;}
.abWH-list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.abWH-list li{width: 25%;border-left: 1px solid rgba(255, 255, 255, .2);display: flex;align-items: flex-end;overflow: hidden;}
.abWH-list li:first-child{border-left: unset;}
.abWH-text{width: 100%;padding: 40px 40px 30px;position: relative;transition: all .4s ease;}
.abWH-text .title,.abWH-text .text{position: relative;z-index: 2;}
.abWH-icon{position: absolute;right: 5%;top: 10%;opacity: 0;transition: all .4s .2s ease;}
.abWH-text .text{opacity: 0;}
.abWH-list li.active .abWH-text{padding-bottom: 50px;background: #8ec31f;}
.abWH-list li.active .abWH-text .text{opacity: 1;}
.abWH-list li.active .abWH-icon{opacity: .2;}
.abHonor{background: url('../images/pages/abHonor-bg.png') no-repeat center/cover;}
.abHonor-text{width: 55%;margin: 30px auto 0;text-align: center;}
.abHonor-swp{border-top: 1px solid #f4f4f4;}
.abHonor-slide{cursor: pointer;user-select: none;padding-top: 20px;}
.abHonor-slide .text{opacity: 0;transition: all .4s ease;}
.abHonor-btn{color: #fff; z-index: 2;position: absolute;left: -50px;top: 48%; width: 42px;height: 42px;border-radius: 50%;background: #b7b7b7;user-select: none;cursor: pointer;transition: all .4s ease;}
.abHonor-btn.next{transform: rotate(180deg);left: auto; right: -50px;}
.abHonor-btn:hover{background: #8ec31f;}
.abHonor-slide .img{display: flex;align-items: center;justify-content: center;perspective: 800px;height: 360px;}
.abHonor-slide .img img{opacity: .5;transition: all .4s ease;transform-style: preserve-3d;width: 60%;max-height: 100%;}
.swiper-slide.next2 .abHonor-slide .img img{transform: rotateY(-30deg);}
.swiper-slide.prev1 .abHonor-slide .img img{transform: rotateY(30deg);}
.swiper-slide.prev2 .abHonor-slide .img img{transform: rotateY(30deg);}
.swiper-slide.next1 .abHonor-slide .img img{transform: rotateY(-30deg);}
.swiper-slide-active .abHonor-slide .img img{transform: rotate(0) !important;opacity: 1;width: auto;}
.swiper-slide-active .abHonor-slide .text{opacity: 1;}

.abFZ{background: #f4f4f4;overflow: hidden;}
.abFZ-swp{position: relative;}
.abFZ-swp .swiper-container{padding-left: 260px;}
.abFZ-swp .swiper-slide{height: auto;}
.abFZ-scrollbar{height: 40px;position: relative;margin-top: 30px;width: 99.9%;}
.abFZ-scrollbar::after{content: "";position: absolute;left: 0;top: calc(50% - 1px);width: 100%;height: 2px;background: #c8c8cf;}
.abFZ-scrollbar .swiper-scrollbar-drag{z-index: 2; border-radius: 40px;background: #343538;display: flex;align-items: center;justify-content: center;color: #fff;transition: all .4s ease;cursor: grab;}
/* .abFZ-scrollbar .swiper-scrollbar-drag:hover{transform: scale(.85);} */
.abFZ-scrollbar .swiper-scrollbar-drag::after,.abFZ-scrollbar .swiper-scrollbar-drag::before{content: "\e80b";display: block;font-family: "icon";line-height: 1;}
.abFZ-scrollbar .swiper-scrollbar-drag::after{transform: rotate(180deg);margin-left: 15px;}
.abFZ-slide{height: 100%; border-right: 1px solid #efefef;background: #fff;position: relative;padding: 40px 40px 270px;}
.abFZ-slide .img{position: absolute;left: 50%;transform: translateX(-50%);bottom: 40px;width: calc(100% - 80px);}
.abFZ-slide .img img{width: 100%;height: 170px;}







/* -------------------------4k端 S=50% Y*2--------------------------- */
@media all and (min-width:3000px) and (max-width:5000px) {}
/* -------------------------2k端 S=75% Y*1.5--------------------------- */
@media all and (min-width:2000px) and (max-width:3000px) {}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .abozlls-contimgwd {padding: 50px;}

}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .fs38{font-size: 30px;}
    .newsItem-con{padding: 0 20px 0 40px;}
    .newsItem{padding: 30px 20px;}
    .newsItem-img img{height: 200px;}
    .detHot .contain{padding: 40px;}
    .detHot-slide{padding: 25px;}
    .join-menu, .join-header{padding: 0 30px;}
    .join-header{padding-bottom: 20px;}
    .joinPopup{padding: 30px 40px 40px;width: 500px;border-radius: 8px;}
    .joinPopup-close{right: 40px;}
    .emsList-hide{padding: 20px;}
    .rdShb-img img{height: 390px;}
    .rdMes-nav li{padding: 0 15px 20px;}
    .rdMes-bg img{height: 430px;}
    .rdMes-text{padding: 40px 15% 40px 40px;}
    .proSite a{width: 200px;}
    .proSite .title{margin-right: 15px;}
    .proItem{padding: 40px;}
    .proItem-img{height: 250px;}
    .abHonor-slide .img{height: 310px;}
    .abWH-text{padding: 30px 30px 20px;}
    .abWH-list li.active .abWH-text{padding-bottom: 40px;}
    .abWH-icon{width: 50px;}
    .pagesBan-text{width: 270px;height: 120px;}

    
    .abHonor-text{width: 65%;}
    .pcba-desc{padding: 0 30px;}
    .pcba-img img{height: 430px;}
    /* .pcba-num{width: 100%;} */

    .abFZ-swp .swiper-container{padding-left: 120px;}
    .abFZ-slide{padding: 30px 30px 200px;}
    .abFZ-slide .img{width: calc(100% - 60px);bottom: 30px;}
    .abFZ-slide .img img{height: 130px;} 
    .rdProc-list li{padding: 35px 15px;}
    .rdProc-list .page{left: 15px;top: 15px;}
    .rdProc-icon{width: 55px;height: 55px;}
    
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .fs38{font-size: 25px;}
    .detHot .contain{padding: 25px;}
    .detHot-btn .btn{margin-left: 10px;}
    .contList{padding: 0;}
    .contList li{width: 30%;}
    .contList-icon{width: 60px;height: 60px;}
    .contList-text{padding-left: 15px;}
    .emsList-hide{padding: 15px;}
    .proSite a{width: 180px;}
    .proItem{padding: 25px;}
    .proItem-img{height: 230px;}

    .abFZ-swp .swiper-container{padding-left: 80px;}

}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */

}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .fs38{font-size: 22px;}
    .pagesBread{overflow-x: auto;}
    .pagesBread .contain{width: 100%;flex-wrap: nowrap; white-space: nowrap;}
    .pagesBread-item{height: 50px;margin-left: 10px !important;padding:  0 10px;}
    .indTitle{padding-bottom: 10px;}
    .indTitle::after, .indTitle::before{width: 25px;height: 3px;}
    .newsItem{padding: 15px;}
    .newsItem-img{width: 100%;}
    .newsItem-con{width: 100%;padding: 20px 0 0;}
    .newsItem-img img{height: 160px;}
    .icon-w0013:before{font-size: 14px;}
    .news {background: linear-gradient(to bottom,transparent 90%,#f6f6f6 100%);}
    .detCon-text{width: 100%;}
    .detCon-top-date .day{margin-right: 10px;}
    .detCon-top-date .year{font-size: 12px;}
    .detCon-top-title{padding-right: 0;}
    .detCon-file{width: 100%;margin-top: 30px;}
    .detHot .contain{padding: 20px 15px;}
    .detHot-header{width: 100%;flex-direction: row;}
    .detHot-swp{width: 100%;margin-top: 20px;}
    .detHot-slide{padding: 0;border-left: unset;}
    .detHot-btn .btn{font-weight: 400;display: flex;align-items: center;}
    .detHot-slide .more::before{width: 15px;height: 2px;margin-right: 8px;}
    .contMes-table>input, .contMes-select{width: 100%;}
    .contMes-table input, .contMes-menu, .contMes-table textarea,.contMes-drop li{padding-left: 15px;}
    .contMes-table input, .contMes-menu, .contMes-img, .contMes-code button, .contMes-drop li{height: 45px;}
    .contMes-code input{width: 40%;}
    .contMes-img{width: 33%;}
    .contMes-code button{float: unset;width: 41%;margin-top: 65px;display: block;line-height: 45px;}
    .contList li{width: 100%;margin: 20px 0 0;}
    .contList-icon img{width: 40%;}
    .contMap{height: 250px;}
    .join-header{display: none;}
    .join-menu{padding: 12px 0;height: auto;justify-content: flex-start;}
    .join-menu li{width: auto;margin-right: 10px;}
    .join-menu li:first-child{width: 100%;font-weight: 700;margin-bottom: 5px;margin-left: 0;font-size: 16px;}
    .join-menu li:last-child{margin-right: 0;}
    .join-menu::after{right: 10px;}
    .joinDrop{padding: 10px 15px 20px;}
    .joinDrop-btn{margin-top: 20px;width: 130px;height: 44px;border-width: 2px;}
    .joinDrop-btn::before{margin-right: 5px;width: 14px;height: 14px;}
    .joinPopup-box{display: block;}
    .joinPopup{width: 90%;padding:25px 15px;}
    .joinPopup-close{top: 25px;right: 15px;width: 22px;height: 22px;border-width: 1px;}
    .joinPopup-close::before{font-size: 12px;transform: scale(.8);}
    .joinPopup-input input{margin-top: 5px;font-size: 12px;height: 40px;}
    .joinPopup-input input::-webkit-input-placeholder{font-size: 12px;}
    .joinPopup-input .upload-btn{height: 40px;}
    .joinPopup-btn{margin-top: 20px;width: 120px;height: 44px;}
    .addP-con{width: 90%;padding: 10px;}
    .addP-con input, .addP-con button{padding: 8px;}
    .addP-con .addP-resume-btn{padding: 5px;}
    .addP-position input::-webkit-input-placeholder{font-size: 12px;}
    .emsList{margin-left: 0;}
    .emsList li{width: 100%;margin: 15px 0 0;}
    .emsText{padding: 0;}
    .emsList-hide-title,.emsList-show-text{font-size: 17px;}
    .emsList-hide-text{line-height: 22px;}
    .emsList-hide{min-height: 220px;}
    .rdShb-swp{padding: 0 4%;}
    .rdShb-img img{height: 400px;}
    .rdShb-btn{display: none;}
    .rdShb-pagination{display: block;}
    .rdShb-pagination .swiper-pagination-bullet{margin: 0 4px;width: 7px;height: 7px;}
    .rdShb-pagination .swiper-pagination-bullet-active{background: #8ec31f;}
    .rdMes-nav{flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;justify-content: flex-start;}
    .rdMes-nav li{padding: 0 15px 15px;}
    .rdMes-text{z-index: 2; padding: 30px 15px;width: 100%;right: auto;bottom: auto;position: relative;}
    .rdMes-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .rdMes-bg img{width: 100%;height: 100%;}
    .product .contain{flex-direction: column-reverse;}
    .proSite{top: 60px;width: 100%;display: flex;flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;background: #fff;}
    .proSite a{flex-wrap: nowrap;margin:0;padding: 0 30px;height: 45px;}
    .proCon-box{width: 100%;margin-top: 20px;}
    .proTitle-icon{width: 26px;margin-right: 10px;}
    .proItem{width: 100%;}
    .proItem:hover{color: #444;}   
    .proItem.active:hover{color: #8ec31f;}
    .proDet-show .contain{flex-direction: column-reverse;padding-right: 0;}
    .proDet-show-con{width: 100%;margin-top: 30px;}
    .proDet-show-swp{width: 100%;}
    .proDet-show-slide img{max-width: 80%;}
    .proDet-show-prev,.proDet-show-next{display: none;}
    .proDet-show-slide{height: 300px;}
    .proDet-show-list p{padding-left: 20px;}
    .proDet-show-list p::after{top: 0;}
    .proDet-show-btn .btn{width: 130px;height: 50px;}
    .proDet-file{width: 100%;padding-right: 0;border-right: unset;}
    .proDet-con .proSite{display: none;}
    .proDet-file p br{height: 8px;}
    .abIntro .contain{padding-right: 0;}
    .abIntro-num{justify-content: space-between;}
    .abIntro-num li{margin: 20px 0 0;width: 48%;}
    .abIntro-icon{width: 35px;}
    .abWH-list li{width: 100%;border-left: unset;border-top: 1px solid rgba(255, 255, 255, .2);}
    .abHonor-slide .img img{transform: unset !important;opacity: 1 !important;width: auto !important;}
    .abWH-list li:first-child{border-top: unset;}
    .abWH-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .abWH-bg img{height: 100%;}
    .abWH-list{position: relative;z-index: 2;}
    .abWH-text{padding: 20px 15px;}
    .abWH-list li.active .abWH-text{padding-bottom: 20px;}
    .abHonor-text{width: 100%;margin-top: 15px;}
    .abHonor-swp{padding-bottom: 70px;}
    .abHonor-btn{left: calc(50% - 50px);top: auto;bottom: 0;}
    .abHonor-btn.next{right: calc(50% - 50px);}
    .pcba-desc{width: 100%;position: sticky;height: auto;padding: 30px 15px;}
    .pcba-img{width: 100%;margin-top: 20px;}
    .pcba-img img{height: auto;}
    .proDet-file table{font-size: 12px;}
    .abHonor-slide .text{opacity: 1;}
    .pagesBan-text {width: 150px;height: 80px;}

    .abFZ-swp .swiper-container{padding-left: 4%;}
    .abFZ-slide{padding: 25px 15px 200px;}
    .abFZ-slide .img{bottom: 15px;width: calc(100% - 30px);}
    .abFZ-slide .img img{height: 160px;}
    .abFZ-scrollbar{height: 36px;}
    .abFZ-scrollbar .swiper-scrollbar-drag::after{margin-left: 10px;}
    .rdProc-nav{justify-content: flex-start;overflow-x: auto;flex-wrap: nowrap;}
    .rdProc-list{margin-left: 0;justify-content: space-between;}
    .rdProc-list li{width: 48% !important;margin: 15px 0 0;padding: 30px 15px;}
    .rdProc-icon{width: 45px;height: 45px;}
    .rdProc-list .page{left: 10px;top: 10px;}
    .proDet-file .table{overflow-x: auto;}
    .proDet-file table td{white-space: nowrap;}
}