@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;font-size: 0;text-align: center;user-select: none;}
.paging-menu{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.paging-menu a{width: 50px;height: 50px;display: flex;font-family:'fgr';margin-left: 10px;align-items: center;justify-content: center;background: #fff;border-radius: 50%;font-size: 18px;color: #3f4150;transition: all .4s ease;}
.paging-menu a:first-child, .paging-menu a:last-child{width: 110px;border-radius: 30px;font-family: "fmin";}
.paging-menu a:first-child:first-child{margin-left: 0;}
.paging.color .paging-menu a{background: #efeff3;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #0f4c81 !important;background-color: #0f4c81 !important;color: #fff !important;}
@media all and (max-width:1590px) {.paging-menu a{width: 44px;height: 44px;font-size: 16px;}.paging-menu a:first-child, .paging-menu a:last-child{width: 90px;border-radius: 24px;}}
@media all and (max-width:1000px) {.paging-menu a{margin: 4px 2px;font-size: 14px;width: 34px;height: 34px;}.paging-menu a:first-child, .paging-menu a:last-child{width: 64px;border-radius: 18px;}}

/* 搜索页面 */
.search{width: 100%;background: #f4f4f6;}
.search-result{font-size: 14px;color: #0f4c81;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #17171d;}
.search-info span{color: #0f4c81;font-family: "fmib";flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #dfdfdf;background: #fff;padding: 40px 24px;transition: border .4s ease;}
.search-link:not(:first-child){margin-top: 16px;}
.search-link h2{color: #17171d;line-height: 1.1;font-family: "fmib";transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #0f4c81 !important;}
.search-link:hover{border-color: #0f4c81;}
.search-link:hover h2{color: #0f4c81;}
@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: #17171d;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}

.sonBan{width: 100%;position: relative;overflow: hidden;}
.sonBan img{width: 100%;transform: matrix(1.16, 0, 0, 1.16, 0, 0);animation: sonBanImg 3s ease both .2s;height: 460px;}
@keyframes sonBanImg{0%{transform: matrix(1.16, 0, 0, 1.16, 0, 0);}100%{transform: matrix(1, 0, 0, 1, 0, 0);}}
.sonBan-cont{position: absolute;width: 100%;top: 0;left: 0;height: 100%;z-index: 4;display: flex;flex-direction: column;justify-content: center;color: #fff;transform: translate3d(0,0,10px);}
.sonBan-cont .title{line-height: 1.14;opacity: 0;animation: sonBanRight 2s ease both .2s;}
@keyframes sonBanLeft {0%{opacity: 0;transform: translateX(-120px);filter: blur(6px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
@keyframes sonBanRight {0%{opacity: 0;transform: translateX(120px);filter: blur(6px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
@keyframes sonBanRightBig {0%{opacity: 0;transform: translateX(180px);filter: blur(6px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
@keyframes sonBanUp {0%{opacity: 0;transform: translateY(60px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
@keyframes sonBanUpBig {0%{opacity: 0;transform: translateY(120px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}

.sonMenu{width: 100%;justify-content: center;background: #fff;}
.sonMenu a{display: flex;align-items: center;height: 88px;color: #666;margin-left: 80px;transition: all .4s ease;position: relative;}
.sonMenu a:first-child{margin: 0;}
.sonMenu a::after{content: "";width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #0f4c81;opacity: 0;}
.sonMenu a:hover, .sonMenu a.active{color: #0f4c81;}
.sonMenu a.active::after{opacity: 1;}

.sonTitle{width: auto;}
.sonTitle.center{width: 100%;}
.sonTitle .title{color: #000;line-height: 1.14;}
.sonTitle .text{color: #666;max-width: 962px;margin-left: auto;margin-right: auto;}

/* 产品详情 */
.proxq{width: 100%;position: relative;background: #000;}
.proxq>div{position: relative;width: 100%;}
.proxq .bg{width: 100%;height: 100vh;object-fit: cover;}
.proxq-mix{position: absolute;z-index: 4;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;color: #fff;}
.proxq-mix .contain{position: relative;display: flex;flex-flow: wrap;}
.proxq1 .proxq-mix .contain{height: 100%;flex-direction: column;justify-content: space-between;}
.proxq1-mouse{width: 24px;height: 36px;background: url('../images/pages/proxqIcon.png') no-repeat center/100% auto;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 40px;}
.proxq1-mouse i{width: 4px;height: 4px;display: block;border-radius: 50%;background: #fff;margin: 0 auto;position: relative;top: 8px;animation: proxq1Run 1.6s ease infinite;}
@keyframes proxq1Run {0%{opacity: 1;transform: translateY(0);}50%{opacity: 1;}100%{opacity: 0;transform: translateY(16px);}}
.proxq1-title{width: 100%;text-align: center;line-height: 1.14;}
.proxq1-title span{margin-left: 24px;}
.proxq1-number{width: 100%;}
.proxq1-number li{flex: 1;text-align: center;}
.proxq1-number li .num{line-height: 1.14;}
.proxq1 video{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;object-fit: cover;}
.proxq-info{max-width: 660px;}
.proxq-info .title{line-height: 1.24;letter-spacing: 2px;}
.proxq>div.right .proxq-mix .contain{justify-content: flex-end;text-align: right;}
.proxq6 .proxq-mix .contain{height: 100%;align-items: flex-end;}
.proxq6 .proxq-info{max-width: none;text-align: center;width: 100%;}
.proxq7-head{width: 100%;line-height: 1.14;align-items: baseline;}
.proxq7-head .title {letter-spacing: 2px;}
.proxq7-head .hint{margin-left: 24px;}
.proxq7-param{width: 100%;justify-content: space-between;}
.proxq7-param ul{width: calc(50% - 140px);}
.proxq7-param li{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 7px 0;}
.proxq7-param li .text{font-family:'fmol';}
.proxq7-param li .name, .proxq7-param li .text{line-height: 1;}
.proxq7-param li .name{padding-right: 12px;}
.proxq7-param li hr{display: block;width: 100%;height: 2px;background: #fff;border: none;margin: 22px 0;}
/* 整屏 */
#FullPage .fp-section {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#FullPage .fp-section.fp-table, #FullPage .fp-slide.fp-table {display: table;table-layout: fixed;width: 100%;}
#FullPage .fp-tableCell {display: table-cell;vertical-align: middle;width: 100%;height: auto;}
#FullPage .fp-auto-height.fp-section, #FullPage .fp-auto-height .fp-slide, #FullPage .fp-auto-height .fp-tableCell {height: auto !important;}
@media all and (min-width:1100px) {
    #FullPage .backTop{display: none !important;}
    .proxq>div.active .proxq1-number{animation: fadeInDownFull 1.3s ease both .5s;}
    .proxq>div.active .proxq1-title{animation: zoomInFull 1.3s ease both .5s;}
    .proxq>div.active .proxq-info{animation: fadeInUpFull 1.3s ease both .5s;}
    .proxq>div.active .proxq7-head{animation: fadeInUpFull 1.3s ease both .5s;}
    .proxq>div.active .proxq7-param{animation: fadeInUpFull 1.3s ease both .5s;}
    @keyframes fadeInDownFull {0% {opacity: 0;transform: translateY(-160px)}100% {opacity: 1;transform: translateY(0)}}
    @keyframes zoomInFull {0% {opacity: 0;transform: scale(.3)}50% {opacity: 1}}
    @keyframes fadeInUpFull {0% {opacity: 0;transform: translateY(160px)}100% {opacity: 1;transform: translateY(0)}}
}

/* 关于我们 */
.abo{width: 100%;position: relative;}
.abojj{background: #ffff;}
.abojj-img{width: 100%;overflow: hidden;}
.abojj-img img{width: 100%;transition: all .6s ease;}
.abojj-img:hover img{transform: scale(1.06);}
.abozl{background: #fff;}
.abozl-list{width: 100%;}
.abozl-list li{width: 50%;padding: 0 150px;margin-top: 60px;text-align: center;}
.abozl-list li .img{width: 100%;height: 302px;display: flex;align-items: flex-end;justify-content: center;}
.abozl-list li .img img{max-height: 100%;transition: all .6s ease;}
.abozl-list li:hover .img img{transform: scale(1.04);}
.abozl-list li .cont{width: 100%;}
.abozl-list li .title{color: #000;line-height: 1.14;}
.abozl-list li .text{color: #666;}
.abotp{background-color: #fff;background-repeat: no-repeat;background-attachment: fixed;background-position: center;background-size: cover;height: 100vh;}
.abowh{background: #fff;}
.abowh-list{width: 100%;}
.abowh-list li{width: 100%;display: flex;flex-wrap: wrap;}
.abowh-list li .img, .abowh-list li .cont{width: 50%;overflow: hidden;}
.abowh-list li .img img{width: 100%;transition: all .6s ease;}
/* .abowh-list li:hover .img img{transform: scale(1.06);} */
.abowh-list li .cont{display: flex;flex-direction: column;justify-content: center;padding-left: 88px;}
.abowh-list li .cont .hint{line-height: 1.14;color: #666;}
.abowh-list li .cont .name{color: #000;}
.abowh-list li:nth-child(2n){flex-direction: row-reverse;}
.abowh-list li:nth-child(2n) .cont{padding: 0 88px 0 0;}

/* 联系我们 */
.relBan{width: 100%;position: relative;overflow: hidden;height: 100vh;}
#map{width: 100%;height: 100%;}
#map .amap-logo,#map .amap-copyright{display: none !important;}
.relBan::before{content: "";position: absolute;width: 100%;top: 0;left: 0;height: 390px;background: url('../images/pages/relSd.png') repeat-x center/auto 100%;z-index: 10;pointer-events: none;}
.relBan-info{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;z-index: 12;pointer-events: none;top: 0;left: 0;}
.relBan-cont{width: 524px;background: #fff;padding: 80px 80px 100px;pointer-events: auto;opacity: 0;animation: sonBanRightBig 1.4s ease both 1.2s;}
.relbd{width: 100%;overflow: hidden;}
.relbd-form{max-width: 1068px;margin-left: auto;margin-right: auto;}
.relbd-form ul{margin: -20px 0 0 -20px;}
.relbd-form li{width: calc(50% - 20px);margin: 20px 0 0 20px;}
.relbd-form li.long, .relbd-form li.btn{width: calc(100% - 20px);}
.relbd-form li.btn{margin-top: 40px;display: flex;justify-content: center;}
.relbd-form li input, .relbd-form li select, .relbd-form li textarea{width: 100%;display: block;height: 56px;border: 1px solid #ededed;border-radius: 5px;background: #f7f7f7;padding: 0 18px;font-size: 16px;color: #333;transition: box-shadow .4s ease;}
.relbd-form li input:focus, .relbd-form li textarea:focus{box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.06) inset;}
.relbd-form li textarea{padding: 14px 18px;height: 146px;}
.relbd-form li button{font-family:'fmim';width: 224px;height: 56px;border-radius: 5px;background: #0f4c81;cursor: pointer;transition: all .4s ease;font-size: 16px;color: #fff;}
.relbd-form li button:hover{box-shadow: 0 4px 16px 0 rgba(15, 76, 129, 0.24);}
.relBan-hint{position: absolute;color: #fff;z-index: 10;transform: translate3d(-50%,0,10px);justify-content: center;left: 50%;bottom: 20px;flex-direction: column;align-items: center;}
.relBan-hint .proxq1-mouse{position: relative;bottom: 0;left: 0;bottom: 0;margin: 0 auto;background-image: url('../images/pages/proxqIconW.png')}
.relBan-hint .text{margin-top: 10px;}

/* 人才招聘 */
.job{background: #f4f4f6;}
.job-list{width: 100%;}
.job-link{display: flex;width: 100%;position: relative;margin-top: 20px;background: #fff;padding: 36px 40px 40px;justify-content: space-between;transition: all .4s ease;}
.job-link::before{content: "";position: absolute;width: 100%;height: 2px;background: #0f4c81;top: 0;left: 0;}
.job-link:first-child{margin-top: 0;}
.job-link-cont{width: calc(100% - 200px);}
.job-link-cont .name{line-height: 1.28;color: #17171d;transition: all .4s ease;}
.job-link-cont .hint{color: #000;opacity: 0.6;}
.job-link-cont .hint span{position: relative;margin-left: 23px;}
.job-link-cont .hint span:first-child{margin-left: 0;}
.job-link-cont .hint span::before{content: "";position: absolute;width: 1px;height: 12px;background: rgba(0, 0, 0, 0.6);left: -12px;top: 50%;margin-top: -6px;}
.job-link-cont .hint span:first-child:before{display: none;}
.job-link-cont .text{color: #000;opacity: 0.6;}
.job-link-arr{width: 60px;height: 60px;border-radius: 50%;background: #f4f4f6;display: flex;align-items: center;justify-content: center;color: #0f4c81;font-size: 20px;transform: rotateY(180deg);transition: all .4s ease;}
.job-link-arr i{font-size: inherit;}
.job-link:hover{box-shadow: 0px 0px 30px 0px rgba(16, 16, 16, 0.24);}
.job-link:hover .job-link-cont .name{color: #0f4c81;}
.job-link:hover .job-link-arr{background: #0f4c81;color: #fff;}

/* 人才招聘-详情 */
.jobxqBan{width: 100%;overflow: hidden;position: relative;}
.jobxqBan img{width: 100%;height: 305px;}
.jobxqBan-cont{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;z-index: 4;top: 0;left: 0;}
.jobxqBan-cont .contain{max-width: 966px;}
.jobxqBan-cont .btn{align-items: center;color: #666;transition: all .4s ease;}
.jobxqBan-cont .btn i{font-size: inherit;color: #0f4c81;}
.jobxqBan-cont .btn span{margin-left: 8px;}
.jobxqBan-cont .btn:hover{color: #0f4c81;}
.jobxqBan-cont .title{line-height: 1.28;color: #000;}
.jobxqBan-cont .hint{color: #666;}
.jobxqBan-cont .hint span{position: relative;margin-left: 29px;}
.jobxqBan-cont .hint span:first-child{margin-left: 0;}
.jobxqBan-cont .hint span::before{content: "";position: absolute;width: 1px;height: 14px;background: rgba(0, 0, 0, 0.6);left: -15px;top: 50%;margin-top: -7px;}
.jobxqBan-cont .hint span:first-child:before{display: none;}
.jobxqBan-cont .btn, .jobxqBan-cont .title, .jobxqBan-cont .hint{opacity: 0;}
.jobxqBan-cont .btn{animation: sonBanUp 1s ease both .2s;}
.jobxqBan-cont .title{animation: sonBanUp 1s ease both .3s;}
.jobxqBan-cont .hint{animation: sonBanUp 1s ease both .4s;}
.jobxq{background: #fff;}
.jobxq .contain{max-width: 966px;}
.jobxq-cont{width: 100%;}
.jobxq-cont .items{width: 100%;margin-top: 48px;}
.jobxq-cont .items:first-child{margin-top: 0;}
.jobxq-cont .title{color: #000;line-height: 1.14;}
.jobxq-cont .text{color: #666;}
.jobxq-send{width: 100%;margin-top: 46px;}
.jobxq-send a{padding: 0 34px;height: 50px;border: 2px solid #87a5c0;border-radius: 25px;color: #0f4c81;text-transform: uppercase;transition: all .4s ease;}
.jobxq-send a:hover{border-color: #0f4c81;color: #fff;background: #0f4c81;box-shadow: 0 4px 16px 0 rgba(15, 76, 129, 0.24);}

/* 新闻中心 */
.news{width: 100%;position: relative;}
.news-head{width: 100%;position: relative;background: #f4f4f4;}
.news-head-img, .news-head-cont{width: 50%;margin: 0;}
.news-head-img .image{display: block;width: 100%;}
.news-head-img .image img{height: 488px;width: 100%;}
.news-head-cont .cont{width: 100%;padding: 70px 110px 20px 96px;}
.news-head-cont .cont .title .time{line-height: 1.14;}
.news-head-cont .cont .title a{color: #000;transition: all .4s ease;}
.news-head-cont .cont .title a:hover{color: #0f4c81;}
.news-head-cont .cont .text{hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;}
.news-head .swiper-pagination{width: 100%;text-align: left;font-size: 0;bottom: 80px;padding-left: 96px;}
.news-head .swiper-pagination-bullet {background: #b5b5b5;opacity: 1;margin: 0 0 0 14px !important;border-radius: 0;width: 38px;height: 4px;}
.news-head .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.news-head .swiper-pagination-bullet-active {opacity: 1;background: #0f4c81;}
.news-list{width: 100%;}
.news-list-ul{margin: -32px 0 0 -32px;}
.news-list-link{display: block;width: calc(33.3333% - 32px);margin: 32px 0 0 32px;transition: all .4s ease;}
.news-list-link .image{width: 100%;}
.news-list-link .image img{height: 312px;width: 100%;}
.news-list-link .cont{width: 100%;padding: 24px;background: #fff;}
.news-list-link .cont .time{line-height: 1.14;}
.news-list-link .cont .title{color: #000;transition: all .4s ease;max-width: 366px;}
.news-list-link:hover .image img{transform: scale(1.04);}
.news-list-link:hover .cont .title{color: #0f4c81;}
.news-list-link:hover {box-shadow: 0px 0px 15px 0px rgba(15, 76, 129, 0.14);}
  
/* 新闻中心-详情 */
.newsxq{width: 100%;position: relative;}
.newsxq-mix{width: calc(100% - 450px - 126px);padding-right: 126px;}
.newsxq-head{width: 100%;}
.newsxq-head .title{line-height: 1.2;color: #000;}
.newsxq-head .hint p{margin-left: 24px;}
.newsxq-head .hint p:first-child{margin-left: 0;}
.newsxq-content{width: 100%;hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;letter-spacing: .8px;}
.newsxq-content img{max-width: 100% !important;height: auto !important;}
.newsxq-content input{max-width: 100% !important;height: auto !important;}
.newsxq-side{width: 450px;}
.newsxq-side-title{line-height: 1.14;color: #000;}
.newsxq-side-list{width: 100%;}
.newsxq-side-list a{display: block;width: 100%;padding: 24px 0;border-top: 1px solid #ececec;}
.newsxq-side-list a .title{transition: all .4s ease;}
.newsxq-side-list a .time{line-height: 1.14;}
.newsxq-side-list a:hover .title{color: #0f4c81;}
.newsxq-btn{width: 100%;align-items: center;border-top: 1px solid #ededed;justify-content: space-between;}
.newsxq-btn a{width: auto;display: flex;align-items: center;}
.newsxq-btn a i{width: 30px;height: 30px;border-radius: 50%;padding-top: 1px;border: 2px solid #ededed;display: flex;align-items: center;justify-content: center;font-size: 12px;color: #b5b5b5;transition: all .4s ease;}
.newsxq-btn a span{font-size: 16px;color: #666;margin-left: 10px;transition: all .4s ease;}
.newsxq-btn a:nth-child(2) i{transform: rotate(90deg);}
.newsxq-btn a:last-child{flex-direction: row-reverse;;}
.newsxq-btn a:last-child span{margin: 0 10px 0 0;}
.newsxq-btn a:last-child i{transform: rotate(180deg);padding: 0 0 1px;}
.newsxq-btn a:hover i{color: #0f4c81;border-color: #0f4c81;}
.newsxq-btn a:hover span{color: #0f4c81;}

/* 解决方案 */
.caseBan.sonBan img{height: 100vh;}
.caseBan .sonBan-cont{text-align: center;}
.caseBan .sonBan-cont .hint{line-height: 1.14;opacity: 0;animation: sonBanLeft 2s ease both .2s;}
.caseBan .sonBan-cont .title{opacity: 0;animation: sonBanRight 2s ease both .2s;}
.case{width: 100%;position: relative;}
.caseys{background: #fff;}
.caseys-list{width: 100%;}
.caseys-list li{width: 33.3333%;padding: 0 80px;margin-top: 60px;text-align: center;}
.caseys-list li .img{width: 100%;height: 236px;display: flex;align-items: center;justify-content: center;}
.caseys-list li .img img{max-height: 100%;transition: all .6s ease;}
.caseys-list li:hover .img img{transform: scale(1.04);}
.caseys-list li .cont{width: 100%;}
.caseys-list li .title{color: #000;line-height: 1.14;}
.caseys-list li .text{color: #666;}
.casezt{background: #fff;}
.casezt-bg{width: 100%;min-height: 220px;}
.casezt-cont{position: absolute;width: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,10px);}
.casezt-cont .sonTitle .title, .casezt-cont .sonTitle .text{color: #fff;}
.casefa{background: #fff;}
.casefa-list{width: 100%;}
.casefa-list ul{margin: -30px 0 0 -30px;}
.casefa-list li{width: calc(33.3333% - 30px);margin: 30px 0 0 30px;position: relative;overflow: hidden;}
.casefa-list li::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, 0.5);transition: all .4s ease;}
.casefa-img{width: 100%;height: 470px;transition: all .8s ease;}
.casefa-cont{position: absolute;z-index: 4;color: #fff;text-align: center;transform: translate3d(0,0,10px);width: 100%;height: 100%;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.casefa-cont .ico{display: flex;height: 42px;width: 100%;justify-content: center;align-items: center;transition: all .4s ease;}
.casefa-cont .ico img{max-height: 100%;}
.casefa-cont .text{width: 100%;transition: all .4s ease;}
.casefa-more{position: absolute;width: 100%;height: 100%;overflow: hidden;top: 0;left: 0;color: #fff;z-index: 8;transform: translate3d(0,0,10px);padding: 70px 68px;}
.casefa-more .title{line-height: 1.14;}
.casefa-more .title, .casefa-more .text{opacity: 0;transform: translateY(30px);filter: blur(6px);transition: all .6s ease;}
.casefa-more .text p{position: relative;padding-left: 16px;}
.casefa-more .text p::before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #fff;left: 0;top: 50%;margin-top: -3px;}
.casefa-list li:hover .casefa-img{transform: scale(1.1);}
.casefa-list li:hover .casefa-cont .ico{opacity: 0;}
.casefa-list li:hover .casefa-cont .text{opacity: 0;}
.casefa-list li:hover:before{background: rgba(15, 76, 129, .92);}
.casefa-list li:hover .casefa-more .title, .casefa-list li:hover .casefa-more .text{opacity: 1;transform: translateY(0);filter: blur(0);}
.casecj{background: #fff;}
.casecj-list{width: 100%;}
.casecj-list ul{display: flex;}
.casecj-list li, .casecj-li{width: 320px;height: 560px;background-repeat: no-repeat;background-size: auto 100%;background-position: center;position: relative;}
.casecj-list li::before, .casecj-li::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, 0.2);transition: all .6s ease;}
.casecj-list li::after, .casecj-li::after{content: "";position: absolute;width: 100%;z-index: 2;transform: translate3d(0,0,10px);height: 182px;background: url('../images/pages/case4sd.png') repeat-x center/auto 100%;left: 0;bottom: 0;}
.casecj-cont{position: absolute;width: 100%;bottom: 0;left: 0;z-index: 4;transform: translate3d(0,0,10px);color: #fff;padding: 28px 30px;}
.casecj-list li.active{width: calc(100% - 320px*4);}
.casecj-list li.active::before{opacity: 0;}
.casecj-mb{display: none;}
.casecj-loop{width: 100%;}
.casecj-loop .swiper-pagination{position: static;width: 100%;font-size: 0;}
.casedn{background: #fff;}
.casedn-img{width: 100%;text-align: center;}
.casemk{background: #fff;}
.casemk-list{width: 100%;}
.casemk-list li{width: 33.3333%;text-align: center;margin-top: 52px;padding: 0 60px;}
.casemk-list li .ico{width: 124px;height: 124px;border-radius: 50%;background: #0f4c81;margin: 0 auto;transition: all .4s ease;}
.casemk-list li .ico img{max-width: 56px;max-height: 46px;}
.casemk-list li .cont{width: 100%;}
.casemk-list li .title{width: 100%;line-height: 1.14;color: #000;}
.casemk-list li .text{width: 100%;color: #666;}
.casemk-list li:hover .ico{transform: translateY(-6px);}
.casezc{background: #f6f6f6;}
.casezc-list{width: 100%;}
.casezc-list ul{justify-content: space-between;}
.casezc-list li{width: auto;flex: 1;background: #fff;border-radius: 30px;border: 1px dashed #e6edf2;padding: 58px 24px;text-align: center;transition: all .4s ease;}
.casezc-list .add{width: 74px;background: url('../images/pages/case6j.png') no-repeat center/22px auto;}
.casezc-name{color: #0f4c81;line-height: 1.14;width: 100%;}
.casezc-items{width: 100%;}
.casezc-items-ul{margin: -18px 0 0 -18px;}
.casezc-items-li{width: calc(50% - 18px);margin: 18px 0 0 18px;border-radius: 5px;display: flex;align-items: center;justify-content: center;border: 1px dashed #0f4c81;height: 70px;}
.casezc-items-li i{height: 30px;font-style: normal;display: flex;align-items: center;margin-right: 8px;max-width: 34px;}
.casezc-items-li i img{max-height: 100%;}
.casezc-items-li .text{color: #666;line-height: 1;}
.casezc-list li:hover{box-shadow: 0px 0px 20px 0px rgba(16, 16, 16, 0.1);}
.caseal{background: #fff;}
.caseal-loop{width: 100%;position: relative;}
.caseal-loop .swiper-pagination{position: static;width: 100%;font-size: 0;display: none;}
.caseal-link{display: block;width: 100%;}
.caseal-link .img{width: 100%;overflow: hidden;}
.caseal-link .img img{width: 100%;height: 390px;transition: all .6s ease;}
.caseal-link::after{content: "";position: absolute;width: 100%;z-index: 2;transform: translate3d(0,0,10px);height: 184px;background: url('../images/pages/case7sd.png') repeat-x center/auto 100%;left: 0;bottom: 0;}
.caseal-link .cont{width: 100%;position: absolute;z-index: 4;transform: translate3d(0,0,10px);bottom: 0;left: 0;padding: 24px 28px;}
.caseal-link .title{color: #fff;transition: all .4s ease;}
.caseal-link:hover .img img{transform: scale(1.06);}
.caseal-prev, .caseal-next{position: absolute;width: 50px;height: 50px;border-radius: 50%;border: 2px solid #fff;transition: all .4s ease;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 22px;color: #999;top: 50%;margin-top: -25px;}
.caseal-prev i, .caseal-next i{font-size: inherit;}
.caseal-prev{left: -120px;}
.caseal-next{right: -120px;transform: rotateY(180deg);}
.caseal-prev:hover, .caseal-next:hover{border-color: #0f4c81;color: #0f4c81;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .newsxq-mix {width: calc(100% - 450px - 90px);padding-right: 90px;}
    .caseal-prev{left: -74px;}
    .caseal-next{right: -74px;}
    .casefa-img{height: 426px;}
    .casecj-list li{width: 270px;height: 460px;}
    .casecj-list li.active{width: calc(100% - 270px*4);}
    .casezc-items-li .text{font-size: 16px;}
    .casefa-more{padding: 60px 50px;}
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .proxq1-mouse{bottom: 30px;}
    .proxq7-param li {padding: 5px 0;}
    .proxq7-param li hr {margin: 16px 0;}
    .proxq7-param ul {width: calc(50% - 80px);}
    .sonBan img{height: 344px;}
    .abozl-list li {padding: 0 60px;margin-top: 50px;}
    .abowh-list li .cont {padding-left: 60px;}
    .abowh-list li:nth-child(2n) .cont {padding: 0 60px 0 0;}
    .relBan-cont {width: 460px;padding: 60px 60px 80px;}
    .sonMenu a{height: 68px;margin-left: 60px;}
    .job-link {padding: 30px 34px 34px;}
    .job-link-cont {width: calc(100% - 160px);}
    .job-link-arr {width: 50px;height: 50px;font-size: 18px;}
    .jobxqBan img{height: 250px;}
    .jobxq-cont .items {margin-top: 36px;}
    .jobxq-send {margin-top: 34px;}
    .news-head-img .image img{height: 382px;}
    .news-head-cont .cont {padding: 50px 80px 20px 70px;}
    .news-head .swiper-pagination {bottom: 60px;padding-left: 70px;}
    .news-list-ul {margin: -26px 0 0 -26px;}
    .news-list-link {width: calc(33.3333% - 26px);margin: 26px 0 0 26px;}
    .news-list-link .cont {padding: 20px;}
    .news-list-link .image img{height: 244px;}
    .newsxq-mix {width: calc(100% - 400px - 60px);padding-right: 60px;}
    .newsxq-side{width: 400px;}
    .newsxq-side-list a {padding: 20px 0;}
    .caseal-prev{left: -82px;}
    .caseal-next{right: -82px;}
    .caseal-link .img img{height: 304px;}
    .caseal-link::after{height: 150px;}
    .caseal-link .cont {padding: 18px 20px;}
    .caseys-list li {padding: 0 32px;margin-top: 48px;}
    .caseys-list li .img {height: 210px;}
    .casefa-list ul {margin: -24px 0 0 -24px;}
    .casefa-list li {width: calc(33.3333% - 24px);margin: 24px 0 0 24px;}
    .casefa-img{height: 366px;}
    .casecj-list li{width: 240px;height: 416px;}
    .casecj-list li.active{width: calc(100% - 240px*4);}
    .casecj-cont {padding: 18px 20px;}
    .casecj-list li::after, .casecj-li::after{height: 150px;}
    .casemk-list li {margin-top: 38px;padding: 0 20px;}
    .casezc-list li {border-radius: 20px;padding: 30px 16px;}
    .casezc-items-ul {margin: -10px 0 0 -10px;}
    .casezc-items-li {width: calc(50% - 10px);margin: 10px 0 0 10px;height: 60px;}
    .casezc-list .add{width: 48px;}
    .casezc-items-li .text {font-size: 14px;}
    .casemk-list li .ico {width: 110px;height: 110px;}
    .casefa-more{padding: 46px 36px;}
}

@media all and (max-width:1430px) {
    /* 1360 */
    .caseal-prev{left: -64px;}
    .caseal-next{right: -64px;}
}

@media all and (max-width:1350px) {
    /* 1280 */
    .caseal-prev, .caseal-next{z-index: 10;transform: translate3d(0,0,10px);color: #fff;}
    .caseal-next{transform: rotateY(180deg) translate3d(0,0,10px);}
    .caseal-prev{left: 10px;}
    .caseal-next{right: 10px;}
    .caseal-prev:hover, .caseal-next:hover{border-color: #fff;color: #0f4c81;background: #fff;}
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .proxq1 .proxq-mix .contain{padding: 120px 0 100px;}
    .proxq7-param ul {width: calc(50% - 40px);}
    .sonBan img{height: 310px;}
    .abozl-list li {padding: 0 20px;margin-top: 40px;}
    .abozl-list li .img {height: 260px;}
    .abowh-list li .cont {padding-left: 40px;}
    .abowh-list li:nth-child(2n) .cont {padding: 0 40px 0 0;}
    .relBan-cont {width: 360px;padding: 30px 30px 40px;}
    .sonMenu a{height: 58px;margin-left: 50px;}
    .job-link {padding: 24px 28px 28px;}
    .jobxqBan img{height: 220px;}
    .jobxq-cont .items {margin-top: 30px;}
    .jobxq-send {margin-top: 30px;}
    .news-head-img .image img{height: 305px;}
    .news-head-cont .cont {padding: 30px 40px 20px 40px;}
    .news-head .swiper-pagination {bottom: 40px;padding-left: 40px;}
    .news-list-ul {margin: -20px 0 0 -20px;}
    .news-list-link {width: calc(33.3333% - 20px);margin: 20px 0 0 20px;}
    .news-list-link .cont {padding: 16px;}
    .news-list-link .image img{height: 196px;}
    .newsxq-mix {width: calc(100% - 280px - 40px);padding-right: 40px;}
    .newsxq-side{width: 280px;}
    .caseal-link .img img{height: 242px;}
    .caseal-link::after{height: 136px;}
    .caseal-link .cont {padding: 14px 18px;}
    .caseys-list li {padding: 0 20px;margin-top: 40px;}
    .caseys-list li .img {height: 194px;}
    .casefa-list ul {margin: -18px 0 0 -18px;}
    .casefa-list li {width: calc(33.3333% - 18px);margin: 18px 0 0 18px;}
    .casefa-img{height: 294px;}
    .casecj-list li{width: 190px;height: 350px;}
    .casecj-list li.active{width: calc(100% - 190px*4);}
    .casecj-cont {padding: 14px 18px;}
    .casecj-list li::after, .casecj-li::after{height: 136px;}
    .casemk-list li {padding: 0 44px;}
    .casezc-list li{width: 100%;flex: none;}
    .casezc-list .add{width: 100%;height: 60px;}
    .casefa-more{padding: 40px 20px;}
    .caseal-prev, .caseal-next{display: none;}
    .caseal-loop .swiper-pagination{display: block;margin-top: 36px;}
    .caseal-loop .swiper-pagination .swiper-pagination-bullet{background: #b5b5b5;opacity: 1;margin: 0 0 0 14px !important;border-radius: 0;width: 38px;height: 4px;}
    .caseal-loop .swiper-pagination .swiper-pagination-bullet:first-child{margin: 0 !important;}
    .caseal-loop .swiper-pagination .swiper-pagination-bullet-active {background: #0f4c81;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .proxq .bg{height: 100%;position: absolute;top: 0;left: 0;}
    .proxq-mix {position: relative;min-height: 600px;height: auto;}
    .proxq1 .proxq-mix .contain {padding: 0;height: 300px;}
    .proxq6 .proxq-mix .contain{position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 0;}
    .proxq7{padding: 40px 0;}
    .relBan::before{display: none;}
    .relBan{height: 50vh;}
    .caseBan.sonBan img{height: 50vh;}
    .casecj-list li{width: 170px;height: 304px;}
    .casecj-list li.active{width: calc(100% - 170px*4);}
    .proxq1 video{display: none;}
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .proxq-mix {min-height: 400px;}
    .relBan-hint, .proxq1-mouse{display: none;}
    .proxq7-param ul{width: 100%;}
    .abozl-list li .img {height: 216px;}
    .job-link-cont {width: calc(100% - 80px);}
    .news-head-img, .news-head-cont{width: 100%;}
    .news-head-img .image img{height: auto;min-height: 210px;}
    .news-head-cont .cont {padding: 30px 40px 60px;}
    .news-head .swiper-pagination {bottom: 20px;text-align: center;padding-left: 0;}
    .news-list-link {width: calc(50% - 20px);}
    .news-list-link .image img{height: 218px;}
    .news-list-link{box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);}
    .newsxq-mix {width: calc(100% - 200px - 30px);padding-right: 30px;}
    .newsxq-side{width: 200px;}
    .newsxq-side-list a {padding: 16px 0;}
    .caseal-link .img img{height: 274px;}
    .casefa-list li {width: calc(50% - 18px);}
    .casefa-img{height: 328px;}
    .casecj-pc{display: none;}
    .casecj-mb{display: block;}
    .casecj-list li, .casecj-li{width: 100%;background-size: 100% auto;height: 540px;}
    .casecj-list li::before, .casecj-li::before{display: none;}
    .casecj-loop .swiper-pagination{margin-top: 28px;}
    .casecj-loop .swiper-pagination .swiper-pagination-bullet{background: #b5b5b5;opacity: 1;margin: 0 0 0 14px !important;border-radius: 0;width: 38px;height: 4px;}
    .casecj-loop .swiper-pagination .swiper-pagination-bullet:first-child{margin: 0 !important;}
    .casecj-loop .swiper-pagination .swiper-pagination-bullet-active {background: #0f4c81;}
    .casemk-list li{width: 100%;padding: 0;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    @keyframes sonBanLeft {0%{opacity: 0;transform: translateX(-60px);filter: blur(6px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
    @keyframes sonBanRightBig {0%{opacity: 0;transform: translateX(90px);filter: blur(6px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
    @keyframes sonBanRight {0%{opacity: 0;transform: translateX(60px);filter: blur(6px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
    @keyframes sonBanUp {0%{opacity: 0;transform: translateY(30px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
    @keyframes sonBanUpBig {0%{opacity: 0;transform: translateY(60px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
    .proxq-mix {min-height: 350px;}
    .proxq1-title span {margin-left: 18px;}
    .proxq1-number{margin-top: 40px;}
    .proxq1-number li{flex: none;width: 50%;margin-top: 16px;}
    .proxq1 .proxq-mix .contain{height: 280px;}
    .proxq1-title{font-size: 24px;margin-top: 32px;}
    .proxq-info .title{font-size: 22px;letter-spacing: 1px;}
    .proxq-info .text{font-size: 14px;line-height: 22px;margin-top: 10px;}
    .proxq1-title span {margin-left: 12px;}
    .proxq7-head .title {font-size: 22px;letter-spacing: 1px;}
    .proxq7-head .hint {margin-left: 12px;}
    .proxq7-param{font-size: 14px;margin-top: 14px;}
    .proxq7-param li {padding: 3px 0;}
    .proxq7-param li hr {margin: 8px 0;height: 1px;}
    .proxq7 {padding: 36px 0 28px;}
    .sonBan img{height: 160px;}
    .sonTitle .text{line-height: 25px;}
    .abozl-list{margin-top: 24px;}
    .abozl-list li {width: 100%;padding: 0;margin-top: 30px;}
    .abozl-list li:first-child{margin-top: 0;}
    .abowh-list li .cont {padding: 12px 0 0 !important;}
    .abowh-list li .img, .abowh-list li .cont{width: 100%;}
    .abowh-list li {margin-top: 20px;}
    .abowh-list li:first-child{margin-top: 0;}
    .abowh-list li .cont .name{font-size: 18px;}
    .abozl-list li .img{height: auto;}
    .abozl-list li .img img{max-height: 216px;}
    .relBan {height: auto;padding-bottom: 40px;}
    #map{height: 280px;}
    .relBan-info {position: relative;}
    .relBan-cont {width: 100%;padding: 30px 0 0;animation: sonBanUpBig 1s ease both .3s;}
    .relbd{padding-top: 0;}
    .relbd-form ul {margin: -12px 0 0;}
    .relbd-form li {width: 100%;margin: 12px 0 0;}
    .relbd-form li.long, .relbd-form li.btn {width: 100%;}
    .relbd-form li input, .relbd-form li select, .relbd-form li textarea {height: 44px;padding: 0 12px;}
    .relbd-form li textarea {padding: 8px 12px;height: 120px;}
    .relbd-form li.btn {margin-top: 18px;}
    .relbd-form li button {width: 160px;height: 44px;}
    .sonMenu a{height: 42px;margin-left: 30px;}
    .sonMenu a::after{height: 1px;}
    .job-link-arr{display: none;}
    .job-link{margin-top: 16px;}
    .job-link{padding: 20px 16px;}
    .job-link-cont {max-width: none;width: 100%;}
    .job-link-cont .hint span {margin-left: 15px;}
    .job-link-cont .hint span::before{left: -8px;}
    .jobxqBan img{height: 180px;}
    .jobxq-cont .items {margin-top: 20px;}
    .jobxq-send {margin-top: 20px;}
    .jobxqBan-cont .hint span {margin-left: 15px;}
    .jobxqBan-cont .hint span::before{left: -8px;height: 12px;margin-top: -6px;}
    .jobxq-send a {padding: 0 18px;height: 44px;border-radius: 22px;}
    .news-head-cont .cont {padding: 18px 16px 44px;}
    .news-head .swiper-pagination-bullet {margin: 0 0 0 12px !important;width: 28px;height: 3px;}
    .news-head-cont .cont .text{margin-top: 10px;}
    .newsxq-head .hint p {margin-left: 18px;}
    .news-list-ul {margin: -14px 0 0;}
    .news-list-link {width: 100%;margin: 14px 0 0;}
    .news-list-link .image img{height: auto;min-height: 210px;}
    .newsxq-mix {padding-right: 0;flex: none;width: 100%;}
    .newsxq-side{width: 100%;margin-top: 32px;}
    .newsxq-side-list a {padding: 12px 0;}
    .newsxq-content{margin-top: 18px;}
    .newsxq-btn a span {font-size: 15px;margin-left: 6px;}
    .newsxq-btn a:last-child span {margin: 0 6px 0 0;}
    .caseal-link .img img{height: 264px;}
    .caseal-loop .swiper-pagination {margin-top: 24px;}
    .caseal-link::after{height: 120px;}
    .caseal-link .cont {padding: 12px 16px;}
    .caseBan.sonBan img{height: 320px;}
    .caseys-list{margin-top: 20px;}
    .caseys-list li{width: 100%;padding: 0;margin-top: 30px;}
    .caseys-list li:first-child{margin-top: 0;}
    .caseys-list li .img{height: auto;}
    .caseys-list li .img img{max-height: 200px;}
    .casezt-cont{padding-top: 24px;}
    .casezt-cont .sonTitle .title{font-size: 20px;}
    .casezt-cont .sonTitle .text{font-size: 16px;margin-top: 6px;}
    .casefa-list ul {margin: -12px 0 0 -6px;}
    .casefa-list li {width: calc(50% - 6px);margin: 12px 0 0 6px;}
    .casefa-cont, .casefa-list li::before, .casefa-img{height: 156px;}
    .casefa-cont .text{font-size: 16px;}
    .casefa-cont .ico{height: 34px;}
    .casefa-more{position: static;width: 100%;padding: 0;margin-top: 14px;color: #333;}
    .casefa-more .title, .casefa-more .text {opacity: 1;transform: translateY(0);filter: blur(0);}
    .casefa-more .title{font-size: 16px;}
    .casefa-more .text{color: #999;font-size: 13px;line-height: 24px;margin-top: 6px;}
    .casefa-more .text p {padding-left: 12px;}
    .casefa-more .text p::before{width: 4px;height: 4px;margin-top: 0;top: 10px;background: #999;}
    .casefa-list li:hover .casefa-img{transform: scale(1);}
    .casefa-list li:hover .casefa-cont .ico{opacity: 1;}
    .casefa-list li:hover .casefa-cont .text{opacity: 1;}
    .casecj-list li, .casecj-li{height: 264px;}
    .casecj-cont {padding: 12px 16px;}
    .casecj-list li::after, .casecj-li::after{height: 120px;}
    .casecj-loop .swiper-pagination{margin-top: 24px;}
    .casemk-list li .ico img {max-width: 40px;max-height: 34px;}
    .casemk-list li .ico {width: 80px;height: 80px;}
    .casemk-list{margin-top: 24px;}
    .casemk-list li{margin-top: 20px;}
    .casemk-list li:first-child{margin-top: 0;}
    .casezc-items-ul {margin: -10px 0 0;}
    .casezc-items-li {width: 100%;margin: 10px 0 0;height: 52px;}
    .casezc-list li {border-radius: 14px;padding: 20px 16px;}
    .casezc-list .add {height: 40px;background-size: 17px auto;}
    .caseal-loop .swiper-pagination .swiper-pagination-bullet{margin: 0 0 0 12px !important;width: 28px;height: 3px;}
    .casecj-loop .swiper-pagination .swiper-pagination-bullet{margin: 0 0 0 12px !important;width: 28px;height: 3px;}
    .abotp {background-attachment: inherit;background-size: auto 100%;height: 212px;}
}