@charset "utf-8";
/* =====================内页样式======================== */
/* 视频弹窗 */
.popVideo{display: none;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-items{width: 1000px;position: relative;padding: 34px 34px 0;opacity: 0;}
.popVideo-video{width: 100%;}
.popVideo-video video{width: 100%;}
.popVideo-video iframe{width: 100%;height: 500px;}
.popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('../images/common/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
.popVideo.active{display: flex;}
.popVideo.active .popVideo-items{animation: popVideRun 1s ease both .4s;}
@keyframes popVideRun {0%{opacity: 0;transform: translateY(-200px);}100%{opacity: 1;transform: translateY(0);}}
@media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}}
@media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}}

/* 分页 */
.paging{width: 100%;font-size: 0;text-align: center;margin-top: 60px;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: 35px;height: 35px;line-height: 35px;border: 1px solid #e2e2e2;margin: 4px;font-size: 16px;color: #666;transition: all .4s ease;font-family: Arial;}
.paging-menu a:first-child, .paging-menu a:last-child{width: 68px;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #ea5703;background-color: #ea5703;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: #ea5703;}
.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: #ea5703;color: #fff;border-color: #ea5703;}
.paging-hint span{color: #ea5703;}
@media all and (max-width:1599px) {.paging{margin-top: 50px;}}
@media all and (max-width:1279px) {.paging{margin-top: 44px;}}
@media all and (max-width:1000px) {.paging{margin-top: 36px;}.paging-menu a{margin: 4px 2px;}.paging-skip{width: 100%;margin-left: 0;}.paging-menu a:first-child, .paging-menu a:last-child{width: 54px;}}
@media all and (max-width:640px) {.paging-menu a{font-size: 14px}}

/* 搜索页面 */
.search{width: 100%;}
.search-info{width: 100%;line-height: 1.1;color: #333;font-weight: 700;}
.search-info span{color: #ea5703;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border-bottom: 1px solid #f0f0f2;}
.search-link h2{color: #333;line-height: 1.1;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #ea5703 !important;}
.search-link:hover h2{color: #ea5703;}
@media all and (max-width:1000px) {.search-link{padding: 22px 0;}.search-list{margin-top: 10px;}}

/* common */
.com-banner{position:relative}
.com-banner .txt{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;animation:puff-in-center 1s ease both}
.com-banner .txt .title{font-weight:700}
.com-banner .txt .title-en{color:rgba(255,255,255,.1)}
.com-navigation{height:60px}
.com-navigation.fixed .in{position:fixed;top:82px;left:0;width:100%;z-index:999;background:#fff;height:60px}
.com-navigation .in{border-bottom:1px solid #ededed}
.com-navigation a{height:100%;position: relative;display:flex;align-items:center;color:#333;text-align:center;padding:0 10px;font-size:18px;justify-content:center;transition:background .4s ease,color .4s ease;user-select:none;font-weight:400;transform:translate3d(0,0,0)}
.com-navigation a:hover{color:#ea5703}
.com-navigation a::after{content: '';width: 100%;height: 3px;position: absolute;left: 0;bottom: 0;opacity: 0;transform: translateY(-2px);background: #ea5703;transition: all .4s ease;}
.com-navigation a::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;background: #f4f4f4;transition: all .4s ease;z-index:-1;}
.com-navigation li{width: 20%;}
.com-navigation li.active a{color:#ea5703}
.com-navigation li.active a:before{opacity:1}
.com-navigation li.active a::after{opacity: 1;transform: translateY(0);}
.com-tit{font-weight:700;color:#333;padding-bottom:12px;position:relative}
.com-tit:after{content:'';width:48px;height:3px;background:#ea5703;position:absolute;left:0;bottom:0}
.com-tit.text-white:after{background:#fff}
.com-tit.text-center:after{left:50%;transform:translateX(-50%)}
.com-tip{font-size:16px;line-height:32px;color:#666;max-width:1100px;margin-left:auto;margin-right:auto}
.com-tit+.com-tip{margin-top:36px}
.bg-gray{background-color:#f7f9fa}
.bg-gray-dark{background-color:#f4f5f7;z-index:1}
.com-style{display:flex;align-items:center}
.com-style i{width:13px;height:13px;border-radius:50%;display:block}
.com-style i+i{margin-left:13px}
.com-style i.red{background-color:#df4a20}
.com-style i.orange{background-color:#e67817}
.com-style i.blue{background-color:#1276b2}
.com-style.sm i{width:10px;height:10px}
.com-style.sm i+i{margin-left:10px}
.com-btn{font-size:15px;line-height:1;display:flex;align-items:center;width:148px;height:48px;justify-content:center;transition:all .4s ease;border-radius:30px;color:#333}
.com-btn i{display:block;background:url(../images/pages/go-btn-icon-color.png) no-repeat center/100%;width:15px;height:6px;margin-left:8px;transition:margin-left .4s ease,background .4s ease}
.com-btn.white{color:#fff}
.com-btn.white i{background-image:url(../images/pages/go-btn-icon.png)}
.com-btn.white:hover{color:#ea5703;background:#fff;box-shadow:0 4px 12px 4px rgba(255,255,255,.4)}
.com-btn.white:hover i{background-image:url(../images/pages/go-btn-icon-orange.png)}
.com-btn:hover{color:#fff;background:#ea5703;box-shadow:0 4px 12px 4px rgba(234,84,3,.4)}
.com-btn:hover i{margin-left:16px;background-image:url(../images/pages/go-btn-icon.png)}
._com_bg_top{position:absolute;left:0;top:-3%;z-index:-1}
._com_bg_bottom{position:absolute;right:0;bottom:-10%;z-index:-1}

/* 产品列表 */
.prodList .item{display:flex;align-items:center;padding:42px 52px;background:#fff url(../images/pages/dot-bg.jpg) no-repeat right bottom 20%;transition:box-shadow .4s ease;box-shadow:0 -1px 15px 0 rgba(0,0,0,.1)}
.prodList .item:not(:first-child){margin-top:40px}
.prodList .item:hover{box-shadow:0 -1px 25px 0 rgba(0,0,0,.25)}
.prodList .item:hover .pic img{transform:scale(1)}
.prodList .item:hover .info .prod-line-title{color:#ea5703}
.prodList .item .pic{width:37.68%;position:relative;padding-top:22.78%;overflow:hidden}
.prodList .item .pic img{transition:all .6s ease;transform:scale(1.04)}
.prodList .item .info{width:62.32%;flex:1;padding:0 0 0 68px}
.prod-line-title{color:#333;font-weight:700;position:relative;padding-left:56px;transition:color .4s ease}
.prod-line-title:after{content:'';width:37px;height:3px;position:absolute;left:0;top:50%;background:#ea5703}
.prod-ul-txt li{color:#666;font-size:16px;position:relative;padding-left:18px}
.prod-ul-txt li:after{content:'';width:4px;height:4px;border-radius:50%;background:#ea5703;position:absolute;left:0;top:11px}
.prod-ul-txt li+li{margin-top:18px}

/* 产品详情 */
.prod-txt li{font-size:20px;color:#666;line-height:36px;padding-left:22px;position:relative}
.prod-txt li+li{margin-top:30px}
.prod-txt li:after{content:'';width:6px;height:12px;background:#ea5703;position:absolute;left:0;top:12px}
.prodIntro .content{padding:32px;box-shadow:-15px 0 58.2px 1.8px rgba(8,4,70,.1);border-radius:10px;background:url(../images/pages/dot-bg.jpg) no-repeat right bottom 10px}
.prodIntro .content .pic{padding-top:35.516%;width:53.204%;overflow:hidden;position:relative}
.prodIntro .content .info{width:46.796%;padding-left:58px;padding-top:30px}
.prodIntro .sub-cont .title{font-weight:700;color:#333}
.prodIntro .sub-cont li{background-color:#fff;border-radius:10px;border-bottom-right-radius:0;box-shadow:-15px 0 58.2px 1.8px rgba(8,40,70,.1);width:48.5%;padding:40px 30px}
.prodIntro .sub-cont li .tit{font-family:Arial;color:#333;font-weight:700;line-height:1;padding-bottom:26px;border-bottom:1px solid #ececec}
.prodIntro .sub-cont li .tit span{position:relative}
.prodIntro .sub-cont li .tit span:after{content:'';width:31px;height:3px;background:#ea5703;position:absolute;right:calc(-100% - 5px);top:50%}
.prodIntro .sub-cont li p{font-size:20px;line-height:36px;color:#666;padding-top:20px}
.com-tit-style{font-weight: bold;color: #333333}
.prodAdv-list .item{display:flex;z-index:1}
.prodAdv-list .item.max{flex-direction:column!important}
.prodAdv-list .item+.item.max{margin-top: 80px!important}
.prodCj{background-image: url("../images/pages/dot-bg.png");background-repeat: no-repeat;background-position: center right}
.prodAdv-list .item.max .pic{width: 100%}
.prodAdv-list .item.max .pic .in{background: #fff;padding: 22px 32px 54px;border-radius:10px;border:0;box-shadow: -15px 0px 58.2px 1.8px rgba(8, 40, 70, 0.1)}
.prodAdv-list .item.max .prod-txt{width: 100%;text-align: center}
.prodAdv-list .item.max .prod-txt li{display: inline-block;font-weight: bold;color:#333}
.prodAdv-list .item.max .prod-txt+.pic{margin-top: 24px}
.prodAdv-list .item.max .pic:after,.prodAdv-list .item.max .pic:before{display: none}
.prodAdv-list .item .pic{width:55.5%;position:relative;z-index:2}
.prodAdv-list .item .pic .in{background:#f7f9fa;padding:12px 18px 30px;box-shadow:-23px 0 84.39px 2.61px rgba(13,43,71,.22);border:1px solid #dbdee3;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:0}
.prodAdv-list .item .pic .in a{margin-top:12px;display:block;min-height:500px;display:flex;align-items:center}
.prodAdv-list .item .pic .in img{max-width: 100%;display: block;margin: 0 auto;width:auto!important;height:auto!important}
.prodAdv-list .item .pic .in .inner{background: #f5f7f9;padding: 90px}
.prodAdv-list .item .txt{width:44.5%;padding:60px 0 0 90px;position:relative}
.prodAdv-list .item .txt .title{padding-left:22px;color:#333;font-weight:700}
.prodAdv-list .item .txt .title.style2{padding-left:0}
.prodAdv-list .item .txt .sub-title{margin-top:10px;color:#333;padding-left:22px;font-weight:700}
.prodAdv-list .item:nth-child(even){flex-direction:row-reverse;margin-top:200px}
.prodAdv-list .item:nth-child(even) .pic:before{content:'';background:url(../images/pages/prodAdv-list-bg1.png) no-repeat center/100%;width:510px;height:362px;top:-106px;left:-90px;position:absolute;z-index:-1}
.prodAdv-list .item:nth-child(even) .pic:after{content:'';background:url(../images/pages/prodAdv-list-bg2.png) no-repeat center/100%;width:232px;height:98px;position:absolute;bottom:-94px;right:78px}
.prodAdv-list .item:nth-child(even) .txt{padding:60px 90px 0 0}
.prodAdv-list .item:not(:first-child):nth-child(odd){margin-top:170px}
.prod-icon{display:flex;flex-wrap:wrap}
.prod-icon li{margin-top:30px;text-align:center;margin-right:60px}
.prod-icon li .icon{width:80px;height:80px;background:#fff;border-radius:50%;margin:0 auto;box-shadow:3px 1px 32px 0 rgba(180,197,214,.35);transition:box-shadow .4s ease,background-color .4s ease}
.prod-icon li .icon .w{display:none}
.prod-icon li .tit{color:#666;font-size:18px;margin-top:12px;transition:color .4s ease}
.prod-icon li:hover .icon{box-shadow:3px 1px 32px 0 rgba(234,87,3,.35);background:#ea5703}
.prod-icon li:hover .icon .w{display:block}
.prod-icon li:hover .icon .c{display:none}
.prod-icon li:hover .tit{color:#ea5703}
.prodCp .list{box-shadow:0 -1px 15px 0 rgba(0,0,0,.1)}
.prodCp .cell{width:33.33%;text-align:center}
.prodCp .cell .tit{height:140px;display:flex;align-items:center;font-size:24px;justify-content:center;color:#333}
.prodCp .cell li{color:#333;font-size:16px;line-height:22px;padding:20px 42px;display:flex;justify-content:center;align-items:center;flex-direction:column}
.prodCp .cell li:nth-child(odd){background:#f4f5f7}
.prodCp .cell:nth-child(2){box-shadow:0 -1px 15px 0 rgba(0,0,0,.1)}
.prodCp .cell:nth-child(2) .tit{background:#ea5703;color:#fff}
.prodCp .cell:nth-child(2) li{color:#ea5703}
.prodCp .cell:nth-child(2) li:nth-child(odd){background:#fbf9f7}
.prodVideo{background:url(../images/pages/prodVideo-bg.jpg) no-repeat center/cover}
.prodVideo .txt{width:54.5%}
.prodVideo .txt .text{padding-right:190px}
.prodVideo .txt .desc{color:#666;font-size:16px;line-height:32px;margin-top:5px}
.prodVideo .txt .prod-ul-txt li+li{margin-top:30px}
.prodVideo .text-list li{background:#f4f5f7;border-radius:30px;border:1px solid #eaecee;padding:5px 13px;font-size:18px;color:#333;margin-top:20px;margin-right:18px;display:inline-flex;align-items:center;justify-content:center;min-width:100px}
.prodVideo .video{width:45.5%}
.prodVideo .video-player{height:415px;background:url(../images/pages/video-display.png) no-repeat center/cover;padding:26px 26px 32px;width:100%;position:relative}
.prodVideo .video-player .cover{position:absolute;left:0;top:0;width:100%;height:100%;padding:26px 26px 32px;z-index:2;cursor:default;user-select:none;pointer-events:none}
.prodVideo .video-player .cover.play{cursor:pointer;pointer-events:auto}
i.player-icon{display:block;background:url(../images/pages/player-icon.png) no-repeat center/100%;width:78px;height:78px;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}
.prodBlk .lft{width:49%;background:#fff}
.prodBlk .rgt{width:50%}
.prodBlk .rgt ul{height:100%;align-content:space-between}
.prodBlk .rgt li{width:49%;height:48.5%;background:#fff;display:flex;flex-direction:column;align-content:center;text-align:center;padding:30px 20px;box-shadow:0 -1px 15px 0 rgba(0,0,0,.05);transition:background-color .4s ease,box-shadow .4s ease}
.prodBlk .rgt li .icon{height:70px;display:flex;align-items:flex-end;justify-content:center}
.prodBlk .rgt li .icon img{max-height:100%;width:auto}
.prodBlk .rgt li .icon .w{display:none}
.prodBlk .rgt li .tip{color:#333;font-size:16px;margin-top:15px;transition:color .4s ease}
.prodBlk .rgt li .desc{margin-top:15px;font-size:18px;line-height:28px;color:#333;font-weight:700;padding:0 12px;transition:color .4s ease}
.prodBlk .rgt li:hover{background-color:#166ca7}
.prodBlk .rgt li:hover .desc,.prodBlk .rgt li:hover .tip{color:#fff}
.prodBlk .rgt li:hover .icon .w{display:block}
.prodBlk .rgt li:hover .icon .c{display:none}

/* 数字化 */
.dtAccordion .listBox ul{margin-left:-20px;flex-wrap:nowrap}
.dtAccordion .listBox li{width:20%;margin-left:20px;position:relative;overflow:hidden;padding-top:396px}
.dtAccordion .listBox li.active{width:calc(100% - 20%*3 - 20px*4)}
.dtAccordion .listBox li .bg{max-width:none;object-fit:fill;width:auto;z-index:-1}
.dtAccordion .txt{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-content:center;text-align:center}
.dtAccordion .txt .icon{height:70px;display:flex;align-items:flex-end;justify-content:center}
.dtAccordion .txt .tit{font-weight:700;margin-top:18px;padding-bottom:18px;line-height:1;position:relative}
.dtAccordion .txt .tit:after{content:'';width:26px;height:2px;background:#fff;position:absolute;left:50%;transform:translateX(-50%);bottom:0}
.dtAccordion .txt .text{font-size:15px;line-height:28px;padding:0 54px;width:528px;transition:all .3s ease;max-height:0;overflow:hidden}
.dtAccordion .listBox li.active .text{margin-top:30px;max-height:200px;animation:com-animate .3s ease both .2s}
.dtDesign li{display:flex;align-items:center;background:#fff;width:48.6%;height:246px;margin-top:40px;transition:background-color .4s ease}
.dtDesign li .icon{width:27%}
.dtDesign li .icon i{width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin:0 auto;border:2px solid #03447e;border-radius:50%;transition:all .4s ease}
.dtDesign li .icon i .w{display:none}
.dtDesign li .info{width:73%;padding-right:44px}
.dtDesign li .info .tit{font-weight:700;color:#333;transition:all .4s ease}
.dtDesign li .info .text{margin-top:15px;font-size:16px;line-height:28px;color:#666;transition:all .4s ease}
.dtDesign li:hover{background:#03447e}
.dtDesign li:hover .info .text,.dtDesign li:hover .info .tit{color:#fff}
.dtDesign li:hover .icon i{border-color:#fff}
.dtDesign li:hover .icon i .w{display:block}
.dtDesign li:hover .icon i .c{display:none}
.team-list .cell{display:flex;box-shadow:0 -1px 15px 0 rgba(0,0,0,.08);width:49%}
.team-list .cell.max{width:100%}
.team-list .cell.max .person{width:38.5%;padding-top:47.5%}
.team-list .cell.max .info{width:61.5%;padding:80px 62px 80px 52px}
.team-list .cell.max .info .name span{padding-bottom:26px}
.team-list .cell.max .info .item+.item{margin-top:35px}
.team-list .cell.max .info .item li+li{margin-top:15px}
.team-list .cell .person{position:relative;width:51%;padding-top:70.5%}
.team-list .cell .info{width:49%;padding:50px 38px;transition:background-color .4s ease}
.team-list .cell .info .name{line-height:1;font-size:18px;color:#666;border-bottom:1px solid #e8e8e8;transition:all .4s ease}
.team-list .cell .info .name span{font-size:24px;font-weight:700;color:#03447e;position:relative;padding-right:6px;display:inline-block;padding-bottom:18px;transition:all .4s ease}
.team-list .cell .info .name span:after{content:'';width:100%;height:2px;position:absolute;background:#03447e;left:0;bottom:-1px;transition:background-color .4s ease}
.team-list .cell .info .lft{width:37%}
.team-list .cell .info .rgt{width:60.5%}
.team-list .cell .info .item .tit{color:#333;font-weight:700;font-size:18px;transition:color .4s ease}
.team-list .cell .info .item ul{margin-top:12px}
.team-list .cell .info .item li{font-size:16px;color:#666;position:relative;padding-left:10px;transition:color .4s ease}
.team-list .cell .info .item li:after{content:'';width:3px;height:3px;background:#666;position:absolute;left:0;top:11px;transition:all .4s ease}
.team-list .cell .info .item li+li{margin-top:5px}
.team-list .cell .info .item+.item{margin-top:25px}
.team-list .cell+.cell{margin-top:50px}
.team-list .cell:hover .info{background:#03447e}
.team-list .cell:hover .info .item li:after,.team-list .cell:hover .info .name span:after,.team-list .cell:hover .name span:after{background:#fff}
.team-list .cell:hover .info .name{border-color:rgba(255,255,255,.1)}
.team-list .cell:hover .info .item .tit,.team-list .cell:hover .info .item li,.team-list .cell:hover .info .name,.team-list .cell:hover .info .name span{color:#fff}

/* 解决方案 */
.solList-item{position:relative}
.solList-item .heading{font-weight:700;color:#333;position:relative;padding-left:60px;line-height:1}
.solList-item .heading:after{content:'';width:48px;height:3px;background:#ea5703;position:absolute;left:0;top:50%}
.solList-item .list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-10px}
.solList-item .list:after{content:'';width:31.6%}
.solList-item .list .item{width:31.6%;margin-top:50px;box-shadow:4px 2px 10px 0 rgba(0,0,0,.05)}
.solList-item .list .item .pic{padding-top:74.684%;overflow:hidden}
.solList-item .list .item .pic img{transform:scale(1.04);transition:all .6s ease}
.solList-item .list .item .title{background:#fff;font-size:20px;text-align:center;color:#333;padding:22px 10px;transition:color .4s ease}
.solList-item .list .item:hover .pic img{transform:scale(1)}
.solList-item .list .item:hover .title{color:#ea5703}
.solDetail .content{border-radius:8px;overflow:hidden;box-shadow:4px 2px 20px 0 rgba(0,0,0,.09);background:#fff url(../images/pages/dot-bg.jpg) no-repeat right bottom}
.solDetail .lft{width:48%;padding-top:32%}
.solDetail .rgt{width:52%;padding:90px 220px 90px 90px}
.solDetail .rgt .text{font-size:16px;line-height:32px}
.solBlk li{background:#fff;box-shadow:4px 2px 27px 0 rgba(0,0,0,.05);position:relative;z-index:2;width:32.5%;margin-top:26px;padding:55px 0;text-align:center;overflow:hidden}
.solBlk li .icon{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:#ea5703;border:2px solid #ea5703;transition:all .4s ease;margin:0 auto}
.solBlk li .text{font-size:16px;line-height:24px;height:auto;margin-top:16px;color:#666;padding:0 130px;transition:color .4s ease;display:block}
.solBlk li .bg{opacity:0;visibility:hidden;position:absolute;left:0;top:0;z-index:-1;transition:all .8s ease;transform:scale(1.1)}
.solBlk li:hover .bg{transform:scale(1);opacity:1;visibility:visible}
.solBlk li:hover .text{color:#fff}
.solBlk li:hover .icon{background:0 0;border-color:#fff}
.solBlk .flex-justify-between::after{content: "";display: block;width: 32.5%;}
.solIcon{background:url(../images/pages/solIcon-bg.jpg) no-repeat top/cover}
.solIcon li{width:330px;height:330px;text-align:center;border-radius:50%;padding:40px 40px 0;transition:box-shadow .4s ease}
.solIcon li:hover{box-shadow:4px 2px 27px 0 rgba(162,162,162,.4)}
.solIcon li:hover .icon{transform:scale(.8) translate(0)}
.solIcon li:hover .icon:after{transform:scale(1.4)}
.solIcon li .tit{font-size:24px;color:#333;margin-top:12px}
.solIcon li .text{font-size:14px;line-height:22px;color:#777;margin-top:10px}
.solIcon li .icon{display:inline-flex;justify-content:center;align-items:flex-end;height:60px;position:relative;transition:all .4s ease;margin:0 auto}
.solIcon li .icon img{max-height:100%}
.solIcon li .icon:after{content:'';width:50px;height:50px;position:absolute;left:0;top:0;transform:translate(-20px,-20px);border-radius:50%;background:linear-gradient(110deg,rgba(234,87,3,.3) 0,rgba(56,142,228,0) 100%);transition:all .4s ease}
.solGraphics .content .lft{width:38%;padding-top:30px}
.solGraphics .content .lft .text{color:#444;font-size:18px}
.solGraphics .content .lft .text p{display:flex}
.solGraphics .content .lft .text p+p{margin-top:15px}
.solGraphics .content .rgt{width:52.6%}
.solGraphics .data{margin-top:-120px;z-index:2;position:relative}
.solGraphics .data .tit{color:#333;font-size:18px;font-weight:700}
.solGraphics .data ul{background:rgba(255,255,255,.95);margin-top:18px;box-shadow:-11px 3px 43px 0 rgba(0,0,0,.08);border-radius:10px;padding:27px 52px;width:72%}
.solGraphics .data li{max-width:100px}
.solGraphics .data li+li{margin-left:80px}
.solGraphics .data li .num{line-height:1;font-size:17px;display:flex;align-items:flex-end;justify-content:center;font-family:Arial;font-weight:700;color:#333}
.solGraphics .data li .num span{display:inline-block;line-height:.8;font-family:Swis721;color:#ea5703}
.solGraphics .data li p{color:#222;font-size:16px;text-align:center;margin-top:8px}
.solProd .swiper-container{width:calc(100% + 20px);padding:10px;margin-left:-10px}
.solProd .item{text-align:center;padding:0 26px;box-shadow:3px 2px 10px 0 rgba(0,0,0,.09)}
.solProd .item:hover i.orange{box-shadow:4px 2px 27px 0 rgba(255,93,0,.66)}
.solProd .item:hover i.green{box-shadow:4px 2px 27px 0 rgba(129,164,149,.66)}
.solProd .item:hover i.purple{box-shadow:4px 2px 27px 0 rgba(132,129,164,.66)}
.solProd .item .icon{padding:92px 0 42px}
.solProd .item i{width:92px;height:92px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto;transition:all .4s ease}
.solProd .item i.green{background:#81a495}
.solProd .item i.purple{background:#8481a4}
.solProd .item i.orange{background:#fa7325}
.solProd .item .title{height:150px;color:#333;font-size:20px;font-weight:700;padding-top:26px;border-top:1px solid #e8e8e8}
.solProd .slider-btn{position:absolute;top:50%;border-radius:50%;z-index:2;width:54px;height:54px;background:#b2b2b2;transition:all .4s ease;transform:translateY(-50%)}
.solProd .slider-btn.prev{left:-74px}
.solProd .slider-btn.next{right:-74px}
.solProd .slider-btn:not(.swiper-button-disabled):hover{background:#ea5703}
.solCase-list .list{margin-top:-46px}
.solCase-list .list:after{content:'';width:31.7%}
.solCase-list a{width:31.7%;border-radius:10px;overflow:hidden;border:1px solid #ececec;margin-top:46px;transition:transform .4s ease,box-shadow .4s ease}
.solCase-list a .pic{position:relative;padding-top:45%}
.solCase-list a .info{background:#fff;height:208px;padding:38px 36px}
.solCase-list a .info .tit{font-size:24px;color:#333}
.solCase-list a .info .text{font-size:15px;line-height:24px;margin-top:18px}
.solCase-list a:hover{transform:translateY(-20px);box-shadow:0 -1px 15px 0 rgba(0,0,0,.2)}

/* 成功案例 */
.scList{position: relative}
.scList-nav{border-bottom:1px solid #e2e2e2}
.scList-nav a{font-size:16px;color:#333;padding-bottom:18px;width:12.5%;text-align:center;display:block;position:relative;transition:color .4s ease;order:2}
.scList-nav a:after{content:'';width:100%;height:3px;position:absolute;left:0;bottom:0;opacity:0;transform:translateY(-2px);background:#ea5703;transition:all .4s ease}
.scList-nav a.active,.scList-nav a:hover{color:#ea5703}
.scList-nav a.active:after,.scList-nav a:hover:after{opacity:1;transform:translateY(0)}
.article .content{width:72%;padding:60px 46px 110px;border:1px solid #eaecee}
.article .content h1{color:#333;font-weight:700}
.article .content .time{font-size:13px;color:#888;line-height:1;margin-top:20px}
.article .content .time svg{margin-right:8px}
.article .content .text{font-size:15px;line-height:30px;color:#666}
.article .content .text h2{color:#333;font-size:18px}
.article .content .case-pic{padding:60px;background:#f5f5f5}
.article .content img,.article .content video{max-width:100%!important;max-height:100%!important;width:auto!important;height: auto;/*height:auto!important;display:block;margin:0 auto*/}
.article .content .nav{display:flex;justify-content:space-between}
.article .content .nav a{display:flex;align-items:center;height:48px;background:#f4f5f7;color:#333;transition:all .4s ease;width:32%;justify-content:center;text-align:center;line-height:1;font-size:16px}
.article .content .nav a:hover{background:#ea5703;color:#fff}
.article .side{width:25.867%;border:1px solid #e9ebed;height:100%;padding:30px 26px}
.article .side .heading{font-weight:700;color:#333}
.article .side .list li{padding:20px 0}
.article .side .list li a{display:flex;align-items:center}
.article .side .list li a .pic{padding-top:20%;width:29.8%}
.article .side .list li a .info{width:71.2%;padding-left:15px}
.article .side .list li a .info .tit{font-size:16px;color:#333}
.article .side .list li a .info .time{color:#888;font-size:15px;line-height:1;margin-top:8px}
.article .side .list li a:hover .tit{color:#03447e}
.article .side .list li+li{border-top:1px solid #f3f4f5}

/* 关于我们 */
.aboutIntro .lft{width:61%;border-radius:8px;overflow:hidden;height:100%}
.aboutIntro .lft .bg{cursor:pointer}
.aboutIntro .lft i.player-icon{pointer-events:none}
.aboutIntro .lft video{position:absolute;left:0;top:0;width:100%;height:100%;display:none;object-fit:contain;background:#000}
.aboutIntro .rgt{width:39%;padding-left:60px;padding-top:25px}
.aboutIntro .rgt .tit{color:#03447e;font-weight:700}
.aboutIntro .rgt .text{font-size:15px;line-height:24px;color:#666;margin-top:25px}
.about-fz{background:url(../images/pages/about-fz-bg.jpg) no-repeat center/cover}
.fz-item{display:flex}
.fz-item-l{width:37.5%;opacity:0;transition:all 1.5s ease;border-radius:6px;overflow:hidden}
.fz-item.swiper-slide-active .fz-item-l{opacity:1;animation:scaleDownUp 1.5s forwards cubic-bezier(.7,0,.3,1)}
.fz-item-l img{width:100%;object-fit:cover}
.fz-item-r{margin-left:128px;margin-top:66px;position:relative;opacity:0}
.fz-item.swiper-slide-active .fz-item-r{opacity:1;animation:to-rgt 1.5s forwards cubic-bezier(.7,0,.3,1)}
.fz-year{position:absolute;width:100%;color:rgba(0,0,0,.05);left:-30px;top:-50px;white-space:nowrap;font-size:180px;font-weight:700;filter:blur(5px);opacity:0;pointer-events:none;z-index:9;line-height:1;transition:all .4s ease}
.fz-item.swiper-slide-active .fz-year{opacity:1;z-index:10;pointer-events:auto;animation:scaleDownUp 1.5s forwards cubic-bezier(.7,0,.3,1)}
.fz-item-r h3{font-size:24px;font-weight:700;color:#003586;margin-bottom:18px}
.fz-item-r li{font-size:16px;line-height:28px;color:#666}
.timer-dot{position:relative}
.fz-next,.fz-prev{position:absolute;top:-18px;z-index:1;width:45px;height:45px;transition:all .4s ease}
.fz-prev{left:5%}
.fz-next{right:5%;transform:rotate(180deg)}
.fz-next:hover,.fz-prev:hover{opacity:.7}
.fz-next img,.fz-prev img{width:100%;height:100%;object-fit:cover}
.timer-dot:after{content:'';position:absolute;top:4px;left:0;height:1px;background:#e9e9e9;width:100%}
.timer-list{display:flex;align-items:flex-start;justify-content:center;cursor:pointer;flex-wrap:wrap;position:relative;width:16.667%}
.pre-line{position:absolute;top:4px;width:100%;height:1px;left:50%;opacity:0;z-index:0}
.pre-line:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#003586;animation-fill-mode:both;animation-duration:6s;animation-timing-function:linear}
.timer-list.active .pre-line{opacity:1}
.timer-list:last-child .pre-line{display:none}
.timer-list.active .pre-line:after{animation-name:line_1}
.timer-list .dot{width:8px;height:8px;border-radius:50%;line-height:8px;text-align:center;background-color:#909090;transition:all .3s ease-out;z-index:1}
.timer-list.active .dot{background-color:#003586}
.line-cont{width:100%;color:#909090;text-align:center;display:block;margin-top:10px;line-height:24px;font-size:20px;font-weight:700;transition:all .4s ease}
.timer-list.active .line-cont{color:#003586}
@keyframes line_1{0%{width:0%}
    100%{width:100%}
}
@keyframes scaleDownUp{from{opacity:0;transform:scale(.9)}
    to{opacity:1;transform:scale(1)}
}
@keyframes scaleUpDown{from{opacity:0;transform:scale(1.2)}
    to{opacity:1;transform:scale(1)}
}
@keyframes to-rgt{0%{opacity:0;transform:translate3d(50px,0,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}
.about-cul li{width:25%;text-align:center;padding:0 100px}
.about-cul li .title{font-size:24px;font-weight:700;margin-top:15px}
.about-cul li .text{font-size:16px;line-height:26px;margin-top:15px}
.about-cul li i{width:108px;height:108px;border-radius:50%;border:2px solid #fff;margin:0 auto;transition:transform .4s ease}
.about-cul li:hover i{transform:scale(.94)}
.honor-slider{background:url(../images/pages/honor-slider-bg.png) no-repeat bottom/100%;padding-bottom:130px}
.honor-slider .swiper-slide{width:auto}
.honor-slider .item{width:220px;display:block;position:relative;z-index:2;padding:7px}
.honor-slider .item:before{content:'';left:0;top:0;background-color:#1e1e1e;margin:0 auto;-webkit-box-shadow:4px 7px 14px rgba(50,50,50,.44);-moz-box-shadow:4px 7px 14px rgba(50,50,50,.44);box-shadow:4px 7px 14px rgba(50,50,50,.44);background:-moz-linear-gradient(-45deg,#000 0,#4c4c4c 83%,#000 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#776d71),color-stop(83%,#4c4c4c),color-stop(100%,#000));background:-webkit-linear-gradient(-45deg,#776d71 0,#4c4c4c 83%,#000 100%);background:-o-linear-gradient(-45deg,#776d71 0,#4c4c4c 83%,#000 100%);background:-ms-linear-gradient(-45deg,#776d71 0,#4c4c4c 83%,#000 100%);background:linear-gradient(135deg,#776d71 0,#4c4c4c 83%,#000 100%);position:absolute;width:100%;height:100%;z-index:-1}
.honor-slider .item:after{content:'';background:#ea5703 url(../images/pages/plus-white-icon.png) no-repeat center/16px;width:50px;height:50px;border-radius:50%;margin:auto;left:0;top:0;right:0;bottom:0;position:absolute;transform:scale(0);opacity:0;visibility:hidden;transition:all .4s ease}
.honor-slider .item:hover:after{transform:scale(1);opacity:1;visibility:visible}
.honor-slider .slider{width:calc(50vw + 750px);margin-left:auto;position:relative;overflow:hidden}
.about-honor .mouse{color:#333;font-size:14px;line-height:1;position:absolute;left:0;bottom:0;width:100%}
.about-honor .mouse i{display:block;background:url(../images/pages/mouse.png) no-repeat center/100%;width:18px;height:26px;margin-right:10px}
.about-honor .swiper-wrapper{align-items:flex-end;padding-bottom:20px}
.contactWay-info{padding:81px 0;background:#fff;box-shadow:-2px 0 15px 0 rgba(0,0,0,.1)}
.contactWay-info .item{display:flex;align-items:center;width:39%}
.contactWay-info .item .icon{width:98px;height:98px;border:1px solid #d6d6d6;border-radius:50%}
.contactWay-info .item .info{flex:1;padding-left:26px}
.contactWay-info .item .info .tit{font-size:24px;color:#333;font-weight:500}
.contactWay-info .item .info p{padding-top:15px;margin-top:10px;border-top:1px solid #e7e7e7}
.contactWay-info .item .info .phone{color:#ea5703;font-size:22px}
.contactWay-info .item .info .email{color:#777;font-size:16px}
.contactWay-info .item:not(:first-child){margin-left:116px}
.contactList .cell{display:flex;margin-top:80px;box-shadow:-2px 0 15px 0 rgba(0,0,0,.1)}
.contactList .cell .pic{width:52%;overflow:hidden;padding-top:20%}
.contactList .cell .info{width:48%;padding-left:78px;display:flex;align-items:center;padding-top:30px;padding-bottom:30px}
.contactList .cell .info .in{width:72%}
.contactList .cell .info .tit{font-size:24px;font-weight:500;color:#333}
.contactList .cell .info .address{padding-top:15px;margin-top:10px;border-top:1px solid #e7e7e7;font-size:16px;color:#777}
.contactList .cell a{margin-top:30px;display:flex;align-items:center;justify-content:center;color:#777;border:1px solid #777;font-size:16px;border-radius:30px;width:148px;height:43px;transition:background-color .4s ease,border .4s ease,color .4s ease}
.contactList .cell a:hover{background:#ea5703;border-color:#ea5703;color:#fff}
.contact-msg-main .inline-input{width:32.5%}
.contact-msg-main .inline-input.row{width:100%;position:relative}
.contact-msg-main .inline-input{margin-bottom:18px;position:relative}
.contact-msg-main .inline-input span{display:flex;align-items:center;height:100%;position:absolute;top:0;left:20px;font-weight:500;color:#a1a4b2;pointer-events:none}
.contact-msg-main .customSelect-name em,.contact-msg-main .inline-input span em{font-style:normal;color:#ee1d23;padding-right:2px}
.inline-input input:focus+span,.inline-input textarea:focus+span{opacity:0}
.contact-msg-main .inline-input.row{width:100%}
.contact-msg-main .inline-input input,.contact-msg-main .inline-input textarea{width:100%;background:#fff;padding:22px;height:50px;font-size:14px;border:1px solid #ededed;color:#a1a4b2;border-radius:4px;transition:all .4s ease}
.contact-msg-main .inline-input input::placeholder,.contact-msg-main .inline-input textarea::placeholder{font-size:14px}
.contact-msg-main .inline-input input:focus,.contact-msg-main .inline-input textarea:focus{border-color:#ea5703;box-shadow:0 2px 10px 0 rgba(234,87,3,.27)}
.contact-msg-main .inline-input textarea{height:160px}
.contact-msg-main .inline-input textarea+span{height:50px}
.msg-bott{width:100%}
.contact-msg-main .inline-input.code{display:flex;margin:0}
.contact-msg-main .inline-input.code input{width:60%;background:#fff}
.contact-msg-main .inline-input.code img{width:40%;object-fit:cover;padding-left:10px;cursor:pointer;height:50px}
.msg-bott .btn{display:flex;width:256px;height:42px;background:#ea5703;align-items:center;justify-content:center;color:#fff;font-size:14px;letter-spacing:.02em;cursor:pointer;transition:all .4s ease;border-radius:4px;font-weight:700}
.msg-bott .op-list .op{-webkit-user-select:none;user-select: none;cursor:pointer;display:flex;align-items:center;line-height:1;color:#777;font-size:14px}
.msg-bott .op-list .op+.op{margin-left:18px}
.msg-bott .op-list input[type=checkbox]{width:12px;height:12px;border:1px solid #777;border-radius:2px;cursor:pointer;position:relative;margin-right:4px}
.msg-bott .op-list input[type=checkbox]:checked{border-color:#ea5703;background:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxwYXRoIGQ9Ik05MzkuMTI2IDMxMi4xNDEgNDQ5LjY0MiA4MDEuNjg2Yy0xMS41ODMgMTEuNjA1LTI3LjU2MSAxOC43MzMtNDUuMTk2IDE4LjczMy0xNy41OTQgMC0zMy41NS03LjEyOC00NS4xMzItMTguNzMzTDgyLjU0NyA1MjQuOTljLTExLjUyNC0xMS41MzQtMTguNjcyLTI3LjUzLTE4LjY3Mi00NS4wOTEgMC0zNS4yNyAyOC41OTYtNjMuOTM4IDYzLjg2Ny02My45MzggMTcuNjMzIDAgMzMuNjEyIDcuMTg4IDQ1LjE5NSAxOC43MjFsMjMxLjUxIDIzMS41NjMgNDQ0LjM5MS00NDQuNDUzYzExLjU2My0xMS41MzEgMjcuNTYyLTE4LjY1IDQ1LjIxNi0xOC42NSAzNS4yMjggMCA2My44NjcgMjguNTg3IDYzLjg2NyA2My44NjYgMCAxNy41ODItNy4xMjkgMzMuNjEyLTE4Ljc5NSA0NS4xMzMiIGZpbGw9IiNlYTU3MDMiLz48L3N2Zz4=) no-repeat center/10px}

/* 加入我们 */
.joinOR .inner{width:500px;height:500px}
.joinOR .icon{width:100%;height:100%;border:1px solid #d0d0d0;border-radius:50%;padding:84px}
.joinOR .icon .line{width:100%;height:100%;padding:62px;border:1px solid #d0d0d0;border-radius:50%}
.joinOR li{display:inline-block;position:absolute}
.joinOR li .tit{width:162px;height:162px;border-radius:50%;border:1px solid #d0d0d0;color:#333;font-weight:700;background:#fafafb;position:relative}
.joinOR li .tit:before{content:'';width:48px;height:1px;background:#d0d0d0;top:50%;position:absolute;left:-49px}
.joinOR li .tit:after{content:'';width:12px;height:12px;background:#d0d0d0;border-radius:50%;position:absolute;left:-61px}
.joinOR li .text{width:380px;position:absolute;font-size:16px;line-height:30px;color:#333;top:50%;transform:translateY(-50%);right:calc(100% + 110px)}
.joinOR li:nth-child(1){left:2%;top:6%}
.joinOR li:nth-child(2){right:-7%;top:21%}
.joinOR li:nth-child(2) .tit:before{top:16px;left:calc(100% - 32px)}
.joinOR li:nth-child(2) .tit:after{left:calc(100% + 15px);top:10px}
.joinOR li:nth-child(2) .text{right:auto;left:calc(100% + 80px)}
.joinOR li:nth-child(3){left:17%;bottom:-4%}
.joinOR li:nth-child(3) .tit:before{top:calc(50% + 30px)}
.joinOR li:nth-child(3) .tit:after{top:calc(50% + 25px)}
.joinValue li{position:relative;width:18.667%;overflow: hidden;}
.joinValue li img{width: 100%;object-fit: cover;transition: all .6s ease;}
.joinValue li .txt{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;transition: all .4s ease;}
.joinValue li:hover img{transform: scale(1.04);}
.joinValue li:hover .txt{transform: translateY(-10px);}
.joinStyle .item{display:flex;justify-content:space-between}
.joinStyle .item a{display:block;position:relative;overflow: hidden;}
.joinStyle .item a img{width: 100%;object-fit: cover;transition: all .6s ease;}
.joinStyle .item a:hover img{transform: scale(1.04);}
.joinStyle .item .lft{width:49%;display:flex;flex-direction:column;justify-content:space-between}
.joinStyle .item .lft a{padding-top:42.45%}
.joinStyle .item .rgt{width:50.2%}
.joinStyle .item .rgt a{padding-top:84.534%}
.joinStyle .swiper-wrapper{padding-bottom:54px}
.joinStyle .swiper-pagination-bullet{width:78px;height:4px;border-radius:0;opacity:1;background:#ede6e6;transition:all .4s ease}
.joinStyle .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0!important}
.joinStyle .swiper-pagination-bullet-active{background:#ea5703}
.joinStyle .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5.5px}

/* 加入我们 */
.joinWeal{background:linear-gradient(180deg,#fff 0,#f5f6f7 80%)}
.joinWeal .list li{width:20%;margin-top:60px;text-align:center}
.joinWeal .list .icon{height:60px;display:flex;justify-content:center;align-items:center;transition:all .6s ease}
.joinWeal .list li:hover .icon{transform:translateY(-4px)}
.joinWeal .list .tit{font-size:15px;color:#222;margin-top:20px}
.joinSch li{position:relative;width:24%;overflow: hidden;}
.joinSch li>img{width: 100%;object-fit: cover;transition: all .6s ease;}
.joinSch li:hover>img{transform: scale(1.04);}
.joinSch li .txt{width:100%;height:100%;position:absolute;color:#fff;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.joinSch li .txt .icon{height:66px;display:flex;align-items:flex-end;transition: all .4s ease;}
.joinSch li:hover .txt .icon{transform: translateY(-6px);}
.joinSch li .txt .icon img{max-height:100%}
.joinSch li .txt .tit{font-weight:700;font-size:24px;margin-top:15px}
.jobs-list{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden}
.jobs-list:after{content:'';width:32%}
.jobs-list .item{width:32%;padding:45px 35px;display:block;position:relative;margin-bottom:30px;overflow:hidden;background:#fff;transition:background-color .4s ease;z-index:2}
.jobs-list .item:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background:url(../images/pages/jobs-list-item-bg.png) no-repeat center/cover;opacity:0;transform:scale(1.5);visibility:hidden;transition:all .4s ease,transform .4s ease .2s}
.jobs-list .item h3{font-size:20px;color:#666}
.jobs-list .item .cond{margin:15px 0 10px;display:flex}
.jobs-list .item .cond .sm-ico{display:flex;align-items:center;font-size:15px;color:#999;margin-right:20px;transition:color .4s ease}
.jobs-list .item .cond .sm-ico:not(:nth-child(2)){white-space:nowrap}
.jobs-list .item .cond svg{margin-right:5px;color:#dedee0}
.jobs-list .item .cont p{line-height:24px;color:#999;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:72px;font-size:15px;transition:color .4s ease}
.jobs-list .item .more-btn{display:flex;width:38px;height:38px;text-align:center;transition:all .4s ease;background:#ee7935;color:#fff;border-radius:50%;align-items:center;justify-content:center}
.jobs-list .item:hover:after{opacity: 1;visibility: visible;transform: scale(1)}
.jobs-list .item:hover .cond .sm-ico,.jobs-list .item:hover h3,.jobs-list .item:hover p{color:#fff}
.jobs-list .item:hover .cond .sm-ico svg{color:#e79568}
.jobs-list .item:hover .more-btn{background:#fff;color:#858585}
.jobs-list .orn1{width:303px;height:303px;border-radius:100%;background:rgba(255,255,255,.1);position:absolute;top:-99px;left:7px}
.jobs-list .orn2{width:296px;height:283px;border-radius:100%;background:rgba(255,255,255,.05);position:absolute;top:-99px;left:205px}
.jobs-list .orn3{width:325px;height:325px;border-radius:100%;background:rgba(255,255,255,.05);position:absolute;top:82px;left:119px}
.jobs-list .orn1,.jobs-list .orn2,.jobs-list .orn3{transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;opacity:0;z-index:-1;display: none}
.jobs-list .orn1{transform:translate(90px,-90px);-webkit-transform:translate(90px,-90px)}
.jobs-list .orn2{transform:translate(90px,0);-webkit-transform:translate(90px,0)}
.jobs-list .orn3{transform:translate(0,90px);-webkit-transform:translate(0,90px)}
.jobs-list .item:hover .orn1,.jobs-list .item:hover .orn2,.jobs-list .item:hover .orn3{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1}
.join-go{
    background: linear-gradient(180deg, #fff, #f4f5f7);
}
.join-go .list a{
    display: block;
    text-align: center;
}
.join-go .list a .icon{
    width: 152px;
    height: 152px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #f4f5f8, #ffffff);
    box-shadow:  11px 13px 21px 0px rgba(130, 146, 179, 0.2),
    11px 13px 21px 0px #ffffff;
    margin: 0 auto;
}
.join-go .list a .icon img{
    max-width: 60%;
    max-height: 60%;
}
.join-go .list a+a{
    margin-left: 180px;
}
.join-go .list a p{
    font-size: 16px;
    color: #333333;
    margin-top: 20px;
    transition: color .4s ease;
}
.join-go .list a:hover p{
    color: #e95702;
}

    /*详情*/
.CIUAV-box,.cTeamModal-contain,.picData-modal .picDataModal-contain,.tdIntroModal-contain{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.tDvptIntro-modal{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:99999;display:none;opacity:0}
.tDvptIntro-modal .tdIntroModal-contain{width:1029px;max-height:92%;padding:50px;background:#fff;display:none}
.tDvptIntro-modal .tdIntroModal-contain .inner{overflow-x:hidden;overflow-y:auto}
.tdIntroModal-contain .tdIntroModal-top{padding:0 0 20px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between}
.tdIntroModal-top .name{color:#777}
.tdIntroModal-top .about{margin:15px 0 0}
.tdIntroModal-top .about span{display:inline-block;padding:0 0 0 21px;line-height:19px;font-size:12px;color:#888;background:url(../images/pages/icon-label.png) no-repeat left center;margin:0 0 0 25px}
.tdIntroModal-contain .tdIntroModal-con{padding:0 10px 0 0;color:#777;position:relative;overflow:hidden;margin:22px 0 0;font-size:15px;line-height:30px;font-weight:500;letter-spacing:.02em;max-height:60vh;overflow-x:hidden;overflow-y:auto}
.tdIntroModal-contain .tdIntroModal-con .tit,.tdIntroModal-contain .tdIntroModal-con p{line-height:inherit}
.tdIntroModal-con .top{line-height:31px;font-size:18px}
.tdIntroModal-apply{padding:37px 0 0;border-top:1px solid #e5e5e5;margin:35px 0 0}
.tdIntroModal-apply .btn{display:block;width:180px;height:46px;line-height:46px;font-size:16px;color:#383838;background:#fff;border:1px solid #383838;text-align:center;transition:all .4s ease}
.tdIntroModal-apply .btn:hover{box-shadow:inset 0 0 0 .1em #383838}
.tdIntroModal-apply .btn span{padding:0 0 0 41px;background:url(../images/pages/icon-send.png) no-repeat left center;display:inline-block}
.xz-modal{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:99999;display:none}
.xz-modal .xz-modal-box{width:800px;height:92%;padding:50px;background:#fff;display:block;position:absolute;top:4%;left:50%;margin-left:-400px}
.xz-modal .pst-rel{position:relative;height:100%}
.xz-modal-box .content{width:100%;height:100%;position:absolute;line-height:28px;overflow:hidden}
.xz-modal-action{position:absolute;right:-70px;top:0}
.xz-modal h2{padding:0 0 20px;border-bottom:1px solid #e5e5e5;font-size:28px;color:#333;text-align:center;margin-bottom:30px}
.xz-modal-box table{width:100%;border-collapse:collapse;text-align:center}
.xz-modal-box table td{border:1px solid #e5e5e5;text-align:center;padding:5px 10px}
.tdIntroModal-action{position:absolute;right:-70px;top:0}
.tdIntroModal-action .btn,.xz-modal-action .btn{display:block;width:70px;height:70px;background:rgba(0,0,0,.8);position:relative;margin:0 0 1px}
.tdIntroModal-action .btn:after,.xz-modal-action .btn:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.tdIntroModal-action .btn.close:after,.xz-modal-action .btn:after{background:url(../images/pages/icon-close2.png) no-repeat center center}
.tdIntroModal-action .btn.prev:after{background:url(../images/pages/swiper2-r.png) no-repeat center center}
.tdIntroModal-action .btn.next:after{background:url(../images/pages/swiper2-l.png) no-repeat center center}
.tdIntroModal-action .btn:hover:after{transform:scale(.8);-webkit-transform:scale(.8)}
/* == */
.joinSch li .popcont{display: none;}
.schoolPop{display: none;width: 100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;top: 0px;left: 0px;z-index: 99999;align-items: center;justify-content: center;}
.schoolPop.active{display: flex;}
.schoolPop-contain{width: 800px;height: 600px;padding: 50px;background: #fff;position: relative;}
.schoolPop-close{width: 70px;height: 70px;position: absolute;cursor: pointer;top: 0;right: -70px;background:rgba(0,0,0,.8);}
.schoolPop-close::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/pages/icon-close2.png) no-repeat center center}
.schoolPop-close:hover:after{transform:scale(.8);-webkit-transform:scale(.8)}
.schoolPop-title{padding: 0 0 20px;border-bottom: 1px solid #e5e5e5;font-size: 28px;color: #333;text-align: center;margin-bottom: 30px;}
.schoolPop-cont{width: 100%;font-size: 16px;line-height: 26px;color: #666;max-height: 400px;overflow-y: auto;padding-right: 10px;}
.schoolPop-cont::-webkit-scrollbar {width: 2px;}
.schoolPop-cont::-webkit-scrollbar-thumb {background: #ea5703;}
.schoolPop-cont::-webkit-scrollbar-track {background: #f1f1f1;}
.schoolPop-cont{scrollbar-color:#ea5703 #f1f1f1;scrollbar-width:thin;}
.schoolPop-cont{scrollbar-face-color: #ea5703;scrollbar-shadow-color: #ea5703;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
.schoolPop-cont p{line-height: inherit;}
.schoolPop-cont img, .schoolPop-cont video{max-width: 100%;height: auto !important;}
/* == */

/* 新闻资讯 */
.news-banner{width: 100%;position:relative}
.news-banner .content{box-shadow:0 6px 21px 0 rgba(0,0,0,.1)}
.news-banner .lft{width:61%}
.news-banner .lft a{padding-top:57%}
.news-banner .rgt{width:39%;padding:30px 120px 30px 64px}
.news-banner .rgt a{display:block;padding:0 20px 20px}
.news-banner .rgt a:hover .tit{color:#ea5703}
.news-banner .rgt .tit{font-weight:700;color:#444;transition:all .4s ease}
.news-banner .rgt .desc{font-size:14px;line-height:26px;color:#777;max-height:104px}
.news-banner .swiper-pagination{position:static;display:flex;padding:0 20px;margin-top:50px}
.news-banner .swiper-pagination-bullet{width:10px;height:10px;opacity:1;background:#d2d2d2}
.news-banner .swiper-pagination-bullet:not(:first-child){margin-left:8px}
.news-banner .swiper-pagination-bullet-active{background:#ea5703}
.news-list .list{margin-top:-38px}
.news-list .list:after{content:'';width:31.667%}
.news-list .list a{width:31.667%;margin-top:38px}
.news-list .list a .pic{position:relative;padding-top:55.159%;overflow:hidden}
.news-list .list a .pic img{transform:scale(1.04);transition:all .6s ease}
.news-list .list a .info{background:#fff;padding:40px 36px}
.news-list .list a .info .time{color:#333;font-weight:500;font-size:18px;line-height:1;display:none}
.news-list .list a .info .title{color:#333;font-weight:700;transition:all .4s ease}
.news-list .list a .com-btn{border:1px solid #ccc}
.news-list .list a .com-btn:hover{border-color:#ea5703}
.news-list .list a:hover .pic img{transform:scale(1)}
.news-list .list a:hover .title{color:#ea5703}

/* 网站地图-法律声明 */
.webmap{width: 100%;overflow: hidden;padding: 80px 0 100px;}
.webmap-items{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 40px;}
.webmap-items li{width: auto;}
.webmap-title{display: block;font-size: 18px;color: #363636;transition: all .4s ease;font-weight: 500;border-bottom: 1px solid #d8dfe5;padding-bottom: 12px;}
.webmap-link{width: 100%;margin-top: 18px;}
.webmap-title:hover{color: #ea5703;}
.webmap-link a{display: block;position: relative;color: #636363;font-size: 14px;padding: 8px 0;font-weight: 500;transition: all .4s ease;}
.webmap-link a:hover{color: #ea5703;}
.webmap-link a:first-child{padding-top: 0;}
.webmap-link a:last-child{padding-bottom: 0;}
.privacy-intro{color: #666;}
.privacy-intro p{line-height: inherit;}
@media (max-width: 640px){.webmap-items{margin-top: 28px;}.webmap-items li{width: 100%;margin-top: 24px;}.webmap-items li:first-child{margin-top: 0;}.webmap {padding: 40px 0 50px;}}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .prodVideo .video-player{height: 387px}
    .prodVideo .video-player .cover,.prodVideo .video-player{padding: 24px 24px 30px}
    .prodBlk .rgt li .desc{padding: 0;font-size: 16px;line-height: 26px}
    .prodBlk .rgt li .tip{font-size: 15px}
    .prodBlk .rgt li .icon{height: 60px}

    .solDetail .rgt{padding: 70px}
    .solBlk li .text{padding: 0 70px}
    .solBlk li{margin-top: 15px}
    .solIcon li{width: 300px;height: 300px}
    .solIcon li .tit{font-size: 22px}
    .solIcon li{padding: 30px 30px 0}
    .solIcon li .text{font-size: 13px;line-height: 20px;margin-top: 8px}
    .solGraphics .content .lft{width: 40%}

    .honor-slider .slider{width: calc(50vw + 700px)}
    .about-cul li{padding: 0 80px}
    .aboutIntro .rgt{padding-top: 0}

    .joinOR li .text{right: calc(100% + 80px)}

    .schoolPop-close {width: 60px;height: 60px;right: -60px;}
    
    .solGraphics .data{margin-top:-70px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .com-tit + .com-tip{margin-top: 28px}
    .com-btn{width: 138px;height: 46px}

    .prodList .item{padding: 40px}
    .prodList .item .info{padding: 0 0 0 50px}
    .prod-ul-txt li + li{margin-top: 10px}
    .prodList .item:not(:first-child){margin-top:35px}
    .prod-txt li{font-size: 18px;line-height: 32px}
    .prodIntro .content .info{padding-left: 40px}
    .prod-txt li + li{margin-top: 20px}
    .prod-txt li:after{top: 10px}
    .prodAdv-list .item .txt{padding:50px 0 0 60px}
    .prodAdv-list .item:nth-child(even) .txt{padding: 50px 60px 0 0}
    .prodAdv-list .item:nth-child(even){margin-top: 180px}
    .prodAdv-list .item:not(:first-child):nth-child(odd){margin-top: 150px}
    .prodAdv-list .item .pic .in{padding: 12px 18px 18px}
    .prod-icon li{margin-right: 40px}
    .prodCp .cell .tit{height: 110px;font-size: 22px}
    .prodCp .cell li{padding: 20px 30px}
    .prodVideo .video-player{height: 332px}
    .prodVideo .video-player,.prodVideo .video-player .cover{padding: 20px 20px 26px}
    .prodVideo .video-base img{max-width: 160px}
    .prodVideo .txt .prod-ul-txt li + li{margin-top: 20px}
    .prodVideo .text-list li{font-size: 16px;margin-top: 15px;margin-right: 15px}
    .prodBlk .rgt li .desc{line-height: 22px;margin-top: 10px}
    .prodBlk .rgt li{height: 49%;padding: 25px 20px}
    .prodBlk .rgt li .icon{height: 50px}
    .prodBlk .rgt li .tip{margin-top: 10px}
    .prodVideo .txt .text{padding-right: 100px}
    .player-icon{width: 70px;height: 70px}
    .prodIntro .sub-cont li{padding: 30px}
    .prodIntro .sub-cont li .tit{padding-bottom: 20px}
    .prodIntro .sub-cont li .tit span:after{right: calc(-100% - 10px)}
    .prodIntro .sub-cont li p{font-size: 18px;line-height: 30px;padding-top: 15px}
    .prodAdv-list .item.max .pic .in{padding:22px 32px 32px}
    .prodAdv-list .item .pic .in .inner{padding: 50px}
    .prodAdv-list .item .pic .in a{min-height:400px}

    .dtAccordion .listBox li{margin-left: 15px}
    .dtAccordion .listBox ul{margin-left: -15px}
    .dtAccordion .listBox li.active{width: calc(100% - 20%*3 - 15px*4)}
    .dtAccordion .txt .text{width: 426px;padding: 0 28px}
    .dtAccordion .listBox li{padding-top: 360px}
    .dtDesign li{height: 220px;margin-top: 35px}
    .dtDesign li .info{padding-right: 30px}
    .dtDesign li .icon i{width: 110px;height: 110px}
    .dtDesign li .info .text{margin-top: 10px}
    .team-list .cell.max .info{padding: 70px 45px}
    .team-list .cell .info .rgt{width: 56%}
    .team-list .cell.max .info .item li + li{margin-top: 10px}
    .team-list .cell .info .item li{font-size: 15px}
    .team-list .cell.max .info .item + .item{margin-top: 25px}
    .team-list .cell .info{padding: 40px 30px}
    .team-list .cell .info .item ul{margin-top: 10px}
    .team-list .cell .info .name span{font-size: 22px;padding-bottom: 14px}
    .team-list .cell.max .info .name span{padding-bottom: 20px}

    .solList-item .list .item .title{padding: 18px 10px}
    .solList-item .list .item{margin-top: 40px}
    .solList-item .list{margin: 0}
    .solIcon li .icon{height: 50px}
    .solIcon li .tit{font-size: 20px;margin-top: 10px}
    .solGraphics .content .lft .text{font-size: 16px}
    .solGraphics .data{margin-top: -40px}
    .solGraphics .data ul{padding: 24px 20px}
    .solGraphics .data li + li{margin-left: 60px}
    .solProd .item{padding: 0 20px}
    .solProd .item .title{font-size: 18px;padding-top: 20px;height: 130px}
    .solProd .item .icon{padding: 70px 0 40px}
    .solCase-list a .info{padding: 30px;height: 190px}
    .solBlk li{padding: 50px 0}
    .solCase-list a .info .tit{font-size: 20px}
    .solCase-list a .info .text{margin-top: 10px}
    .solDetail .rgt{padding: 60px 50px}
    .solCase-list .list{margin-top: -30px}
    .solCase-list a{margin-top: 30px}

    .article .content{padding: 50px 40px 80px}
    .article .content .case-pic{padding: 40px}
    .article .side{padding: 30px 20px}
    .article .side .list li a .info{padding-left: 10px}

    .aboutIntro .lft{width: 55%}
    .aboutIntro .rgt{width: 45%;padding-left: 40px}
    .aboutIntro .rgt .text{margin-top: 15px}
    .fz-item-r{margin-left: 100px;margin-top: 60px}
    .fz-item-r h3{margin-bottom: 15px}
    .fz-year{font-size: 130px;top:-40px}
    .line-cont{font-size: 18px;line-height: 22px}
    .about-cul li i{width: 90px;height: 90px}
    .about-cul li i img{max-width: 40px}
    .about-cul li{padding: 0 44px}
    .about-cul li .text{margin-top: 10px}
    .about-cul li .title{margin-top: 10px;font-size: 22px}
    .honor-slider .slider{width: calc(50vw + 600px)}
    .honor-slider{padding-bottom: 70px}
    .honor-slider .item{width: 200px}
    .contactList .cell{margin-top: 60px}
    .contactWay-info .item:not(:first-child){margin-left: 90px}
    .contactList .cell .info{padding-left: 60px}
    .contactList .cell .info .in{width: 80%}
    .contactList .cell .info .tit,.contactWay-info .item .info .tit{font-size: 22px}
    .contactWay-info .item .info p,.contactList .cell .info .address{padding-top: 10px}
    .msg-bott .btn{width: 220px}
    .contactWay-info{padding: 70px 0}

    .joinOR li .tit{width: 150px;height: 150px}
    .joinOR li .text{width: 300px}
    .joinOR li:nth-child(2) .tit:before{left: calc(100% - 27px)}
    .joinOR li:nth-child(2) .text{left: calc(100% + 60px)}
    .joinOR li .text{right: calc(100% + 80px)}
    .joinStyle .swiper-pagination-bullet{width: 60px;height: 3px}
    .joinStyle .swiper-wrapper{padding-bottom: 44px}
    .joinWeal .list li{margin-top: 50px}
    .joinWeal .list .icon{height: 50px}
    .joinWeal .list .tit{margin-top: 15px}
    .join-go .list a .icon{width: 140px;height: 140px}
    .join-go .list a+a{margin-left: 160px}

    .tDvptIntro-modal .tdIntroModal-contain{padding: 35px;width: 880px}
    .tdIntroModal-contain .tdIntroModal-top{padding-bottom: 15px}
    .tdIntroModal-action .btn, .xz-modal-action .btn{width: 60px;height: 60px}
    .tdIntroModal-action{right: -60px}
    .tdIntroModal-apply .btn{width: 160px;height: 44px}
    .tdIntroModal-apply .btn span{background-size: 20px;padding-left: 30px}
    .tdIntroModal-apply{padding-top: 20px;margin-top: 20px}

    .joinSch li .txt .icon{height: 60px}
    .joinSch li .txt .tit{font-size: 22px;margin-top: 10px}
    .jobs-list .item{padding: 40px 30px}

    .news-banner .rgt{padding: 20px 40px}
    .news-banner .swiper-pagination{margin-top: 20px}
    .news-list .list a .info{padding: 30px 25px}
    .news-list .list a .info .title{font-size: 22px;line-height: 30px;height: 60px}
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .com-btn{width: 130px;height: 42px}

    .prodList .item{padding: 30px}
    .prod-ul-txt li{font-size: 15px;padding-left: 16px}
    .prodList .item:not(:first-child){margin-top: 30px}
    .prod-ul-txt li + li{margin-top: 8px}
    .prodList .item .info{padding:0 0 0 40px}
    .prod-line-title:after{width: 33px}
    .prod-line-title{padding-left: 48px}
    .prod-txt li{font-size: 16px;line-height: 30px;padding-left: 15px}
    .prodAdv-list .item .txt .title,.prodAdv-list .item .txt .sub-title{padding-left: 15px}
    .prodAdv-list .item .txt .sub-title{font-size: 18px;margin-top: 5px}
    .prodIntro .content{padding: 20px}
    .prod-txt li:after{width: 4px}
    .prod-txt li + li{margin-top: 15px;padding-left: 15px}
    .prodAdv-list .item .txt{padding:0 0 0 40px}
    .prodAdv-list .item:nth-child(even) .txt{padding: 0 40px 0 0}
    .prodAdv-list .item .pic .in{padding: 12px}
    .prodAdv-list .item:nth-child(even) .pic:before{width: 350px;left: -52px;height: 280px}
    .prodAdv-list .item:nth-child(even) .pic:after{width: 130px;bottom: -70px}
    .prodAdv-list .item:nth-child(even){margin-top: 150px}
    .prodAdv-list .item:not(:first-child):nth-child(odd){margin-top: 130px}
    .prodIntro .content{background-size: 200px auto}
    .prod-icon li .icon{width: 70px;height: 70px}
    .prod-icon li .icon img{max-width: 34px}
    .prod-icon li .tit{font-size: 16px;margin-top: 6px}
    .prod-icon li{margin-top: 20px;margin-right: 30px}
    .prodCp .cell .tit{height: 90px;font-size: 18px}
    .prodCp .cell li{font-size: 14px;line-height: 20px;padding: 20px}
    .prodVideo .text-list li{font-size: 15px;padding: 4px 10px}
    .prodVideo .video-player{height: 265px}
    .prodVideo .video-player,.prodVideo .video-player .cover{padding: 17px 17px 21px}
    .prodVideo .video-base img{width: 130px}
    .prodVideo .txt .desc{font-size: 15px;line-height: 26px}
    .prodVideo .txt .prod-ul-txt li + li{margin-top: 15px}
    .prodVideo .text-list li{margin-top: 10px;margin-right: 10px;min-width: 70px}
    .prodBlk .rgt li .desc{font-size: 15px}
    .prodVideo .txt .text{padding-right: 80px}
    .prodIntro .sub-cont li{padding: 20px}
    .prodIntro .sub-cont li .tit{padding-bottom: 10px}
    .prodIntro .sub-cont li .tit span:after{width: 25px;height: 2px}
    .prodIntro .sub-cont li p{font-size: 16px;line-height: 24px}
    i.player-icon{width: 68px;height: 68px}
    .prodAdv-list .item.max .pic .in{padding:12px 22px 22px}
    .prodAdv-list .item .pic .in .inner{padding: 30px}
    .prodAdv-list .item .pic .in a{min-height:360px}

    .dtAccordion .listBox li{margin-left: 5px}
    .dtAccordion .listBox ul{margin-left: -5px}
    .dtAccordion .listBox li.active{width: calc(100% - 20%*3 - 5px*4)}
    .dtAccordion .txt .text{width: 366px;padding: 0 20px;line-height: 24px}
    .dtAccordion .txt .icon{height: 60px}
    .dtAccordion .txt .tit{padding-bottom: 10px}
    .dtAccordion .listBox li.active .text{margin-top: 15px}
    .dtAccordion .listBox li{padding-top: 330px}
    .dtDesign li .info{padding: 20px 20px 20px 0}
    .dtDesign li .icon i{width: 90px;height: 90px}
    .dtDesign li .icon i img{max-width: 44px}
    .dtDesign li .info .text{font-size: 15px;line-height: 24px;margin-top: 5px}
    .dtDesign li{height: 190px;margin-top: 30px}
    .team-list .cell.max .info{padding: 50px 30px}
    .team-list .cell.max .info .name span{padding-bottom: 10px}
    .team-list .cell .info .item .tit{font-size: 16px}
    .team-list .cell .info .item li{font-size: 14px}
    .team-list .cell .info .item ul{margin-top: 5px}
    .team-list .cell + .cell{margin-top: 25px}
    .team-list .cell .info .name span{font-size: 20px;padding-bottom: 8px}
    .team-list .cell .info .name{font-size: 16px}
    .team-list .cell .info{padding: 20px 15px}
    .team-list .cell .info .item + .item{margin-top: 20px}
    .team-list .cell:not(.max) .info .item li{font-size: 13px}
    .team-list .cell .info:not(.max) .name span{font-size: 18px}
    .team-list .cell .info:not(.max) .name{font-size: 14px}

    .solList-item .list .item .title{padding: 12px 10px}
    .solList-item .list .item{margin-top: 30px}
    .solDetail .rgt{padding: 50px 30px}
    .solDetail .rgt .text{font-size: 15px;line-height: 28px}
    .solBlk li .text{font-size: 15px;padding: 0 30px;line-height: 22px;}
    .solBlk li{padding: 40px 0;margin-top: 10px}
    .solBlk li .icon{width: 60px;height: 60px}
    .solBlk li .icon img{max-width: 26px}
    .solIcon li .icon:after{width: 40px;height: 40px;transform: translate(-15px, -15px)}
    .solIcon li .tit{font-size: 18px;margin-top: 5px}
    .solGraphics .data{margin:20px 0 0}
    .solGraphics .data ul{width: 100%}
    .solGraphics .data li p{font-size: 14px;margin-top: 5px}
    .solGraphics .data li .num{font-size: 15px}
    .solGraphics .content .lft .text{font-size: 15px}
    .solProd .item i{width: 80px;height: 80px}
    .solProd .item i img{max-width: 40px}
    .solProd .item .icon{padding: 50px 0 30px}
    .solProd .item .title{font-size: 16px;padding-top: 15px;height: 100px}
    .solProd .slider-btn{width: 46px;height: 46px}
    .solCase-list a .info .text{font-size: 14px;line-height: 22px;margin-top: 5px}
    .solCase-list a .info{padding: 20px 15px;height: 160px}
    .solCase-list a .info .tit{font-size: 18px}

    .scList-nav a{padding-bottom: 10px}
    .scList-nav a:after{height: 2px}

    .article .content{padding: 40px 30px}
    .article .content .time{margin-top: 10px}
    .article .content .time svg{margin-right: 5px}
    .article .content .case-pic{padding: 30px}
    .article .content .nav a{height: 44px}
    .article .side .list li{padding: 12px 0}
    .article .side .list li a .info .time{font-size: 12px;margin-top: 5px}
    .article .side .list li a{flex-wrap: wrap}
    .article .side .list li a .pic{width: 100%;padding-top: 60%}
    .article .side .list li a .info{width: 100%;padding: 10px 0 0}

    .fz-next, .fz-prev{width: 40px;height: 40px;top: -15px}
    .fz-item-r{margin-left: 80px;margin-top: 40px}
    .fz-item-r h3{font-size: 20px;margin-bottom: 10px}
    .fz-year{font-size: 100px;top: -30px}
    .honor-slider .slider{width: calc(50vw + 480px)}
    .about-cul li{padding: 0 30px}
    .about-cul li .title{font-size: 20px}
    .about-cul li .text{font-size: 15px;line-height: 24px;margin-top: 5px}
    .honor-slider{padding-bottom: 50px}
    .honor-slider .item{width: 180px}
    .honor-slider .item:after{width: 40px;height: 40px}

    .contactWay-info .item .icon{width: 80px;height: 80px}
    .contactWay-info .item .info .phone{font-size: 20px}
    .contactList .cell .info .tit, .contactWay-info .item .info .tit{font-size: 20px}
    .contactList .cell .info{padding: 30px 40px}
    .contactList .cell .info .in{width: 100%}
    .contactList .cell a{width: 120px;font-size: 15px;margin-top: 20px}
    .contactWay-info{padding: 60px 0}
    .contactWay-info .item:not(:first-child){margin-left: 70px}

    .joinOR .inner{width: 440px;height: 440px}
    .joinOR li .tit{width: 130px;height: 130px}
    .joinOR .icon{padding: 54px}
    .joinOR .icon .line{padding: 44px}
    .joinOR li .tit:before{width: 30px;left: -31px}
    .joinOR li .tit:after{width: 8px;height: 8px;left: -39px}
    .joinOR li .text{font-size: 15px;line-height: 26px;right: calc(100% + 60px);width: 210px}
    .joinOR li:nth-child(2) .tit:before{left: calc(100% - 19px)}
    .joinOR li:nth-child(3) .tit:before{left: -24px}
    .joinOR li:nth-child(3)  .tit:after{left: -31px}
    .joinStyle .swiper-wrapper{padding-bottom: 34px}
    .joinStyle .swiper-pagination-bullet{width: 40px}
    .joinOR li:nth-child(2) .tit:after{left: calc(100% + 11px);top: 12px}
    .join-go .list a .icon{width: 120px;height: 120px}
    .join-go .list a+a{margin-left: 120px}
    .join-go .list a p{margin-top: 15px}

    .joinSch li .txt .tit{font-size: 20px}
    .jobs-list .item{padding: 30px 20px}
    .jobs-list .item h3{font-size: 18px}
    .jobs-list .item .cond .sm-ico{font-size: 13px;margin-right: 10px}
    .jobs-list .item .cond{margin: 10px 0}
    .jobs-list .item .cont p{font-size: 14px;line-height: 22px;height: 66px}
    .jobs-list .item{margin-bottom: 20px}
    .joinWeal .list .icon{height: 44px}
    .joinWeal .list .tit{margin-top: 10px}

    .news-banner .rgt .com-btn{display: none}
    .news-banner .rgt{padding: 20px}
    .news-list .list a .info .title{font-size: 18px;line-height: 24px;height: 48px}
    .news-list .list a .info{padding: 20px}
    .news-list .list a .info .time{font-size: 16px}
    .news-list .list a{margin-top: 25px}
    .news-list .list{margin-top: -25px}

    .com-navigation a:after {height: 2px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .about-honor .mouse{display: none}
    .com-banner .txt{animation: none}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .com-banner .bg{min-height: 300px}
    .com-tip{font-size: 15px;line-height: 28px}
    .com-tit + .com-tip{margin-top: 22px}

    .prodList .item{flex-wrap: wrap;background-size: 200px auto;padding: 20px;background-position: right bottom}
    .prodList .item .pic{width: 100%;padding-top: 60%}
    .prodList .item .info{padding: 20px 0 0}
    .prod-ul-txt li:after{top: 8px}
    .com-navigation.fixed .in{top: 60px}
    .com-navigation .contain{width: 100%}
    .prodIntro .content .pic{width: 100%;padding: 0}
    .prodIntro .content .pic img{position: static}
    .prodIntro .content .info{padding: 20px 0;width: 100%}
    .prodAdv-list .item{flex-wrap: wrap}
    .prodAdv-list .item .pic{width: 100%}
    .prodAdv-list .item .txt{padding: 30px 0 0 0!important;width: 100%}
    .prodAdv-list .item .prod-txt{margin-top: 15px}
    .prod-txt li + li{margin-top: 10px}
    .prodAdv-list .item:nth-child(even) .pic:before,.prodAdv-list .item:nth-child(even) .pic:after{display: none}
    .prodAdv-list .item+.item{margin-top: 100px!important}
    .prodCp .cell:nth-child(1),.prodCp .cell:nth-child(3){width: 30%}
    .prodCp .cell:nth-child(2){width: 40%}
    .prodCp .cell li{padding: 20px 10px}
    .prodVideo .txt .text{padding-right: 0}
    .prodVideo .txt{width: 100%}
    .prodVideo .video{width: 100%;margin-top: 30px}
    .prodVideo .video-player{width: 436px}
    i.player-icon{width: 56px;height: 56px}
    .prodBlk .lft{width: 100%}
    .prodBlk .rgt{width: 100%;margin-top: 10px}
    .prodBlk .rgt li{width: 49.5%}
    .prodIntro .sub-cont li p{font-size: 15px}
    .prod-txt li:after{top: 8px}
    .prodAdv-list .item.max .prod-txt li{font-size: 18px}
    .prodAdv-list .item .pic .in a{min-height:310px}

    .dtAccordion .listBox li{width: 48% !important;padding: 0;margin-top: 5px}
    .dtAccordion .listBox li .bg{width: 100%;position: absolute;background-size: cover;height: 100%;left: 0;top: 0}
    .dtAccordion .listBox ul{flex-wrap: wrap}
    .dtAccordion .listBox li .text{width: 100%;animation: none!important;height: auto;max-height:100%;margin-top: 15px!important;font-size: 15px;line-height: 22px}
    .dtAccordion .txt .icon{height: 50px}
    .dtAccordion .txt .tit{margin-top: 15px}
    .dtAccordion .listBox li .txt{position: static;padding: 40px 0}
    .dtDesign li{flex-wrap: wrap;height: auto;padding: 20px 0;margin-top: 20px}
    .dtDesign li .icon{width: 100%}
    .dtDesign li .info{padding: 20px 15px 0;width: 100%;text-align: center}
    .dtDesign li .icon i{width: 80px;height: 80px}
    .dtDesign li .icon i img{max-width: 36px}
    .team-list .cell{flex-wrap: wrap}
    .team-list .cell .person{width: 100% !important;padding-top: 0!important}
    .team-list .cell .person img{position: static}
    .team-list .cell .info{width: 100% !important}
    .team-list .cell.max .info{padding: 40px 30px}

    .solList-item .list .item .title{font-size: 22px}
    .solList-item .heading{padding-left: 40px}
    .solList-item .heading:after{width: 30px;height: 2px}
    .solDetail .rgt{padding: 30px 20px}
    .solDetail .rgt .text{font-size: 14px;line-height: 24px;margin-top: 15px}
    .solDetail .content{background-size: 150px auto}
    .solGraphics .content .lft{padding-top: 0}
    .solGraphics .data li + li{margin-left: 40px}
    .solGraphics .data ul{margin-top: 10px}
    .solProd .slider-btn.prev{left: 0}
    .solProd .slider-btn.next{right: 0}
    .solCase-list a{width: 100%}
    .solIcon li{width: 50%;border-radius: 0;height: auto;margin-top: 20px;padding:20px}
    .solIcon li .icon{height: 40px}
    .solGraphics .content .lft .text p + p{margin-top: 10px}
    .solGraphics .content .lft{width: 44%}
    .solGraphics .content .lft .text{font-size: 14px}

    .scList-nav a{font-size: 15px;width: 25%}
    .scList-nav a:after{display: none}

    .article .content{width: 100%}
    .article .side{width: 100%}
    .article .side .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 10px}
    .article .side .list li{width: 49%;border-top: 1px solid #f3f4f5}

    .aboutIntro .lft{width: 100%}
    .aboutIntro .rgt{width: 100%;padding:20px 0 0}
    .fz-item-r{margin-left: 50px;margin-top: 20px}
    .fz-year{font-size: 80px;top: -20px;left: -10px}
    .fz-prev{left: 4%}
    .fz-next{right: 4%}
    .line-cont{font-size: 16px}
    .fz-next, .fz-prev{display: none}
    .fz-item.swiper-slide-active .fz-item-r{animation: none}
    .fz-item.swiper-slide-active .fz-item-l{opacity: 1;animation: none}
    .about-cul li i{width: 70px;height: 70px;border-width: 1px}
    .about-cul li i img{max-width: 30px}
    .about-cul li{padding: 0 10px}
    .honor-slider .slider{width:92%}
    .honor-slider .item{width: 160px}
    .about-cul li .title{font-size: 18px}

    .contactWay-info .item .icon{width: 60px;height: 60px}
    .contactWay-info .item .icon img{max-width: 24px}
    .contactList .cell .info .tit, .contactWay-info .item .info .tit{font-size: 18px}
    .contactWay-info .item .info{padding-left: 15px}
    .contactWay-info .item .info .phone,.contactWay-info .item .info .email,.contactList .cell .info .address{font-size: 15px}
    .contactWay-info .item .info p, .contactList .cell .info .address{padding-top: 5px;margin-top: 5px}
    .contactList .cell .info{padding: 25px 20px}
    .contactList .cell a{width: 110px;height: 38px;font-size: 14px}
    .contactList .cell{margin-top: 40px}
    .contact-msg-main .inline-input input{height: 44px}
    .contact-msg-main .inline-input{margin-bottom: 12px}
    .msg-bott .op-list .op + .op{margin-left: 15px}
    .msg-bott .btn{width: 160px;height: 40px}
    .contactWay-info{padding: 50px}

    .joinOR .icon{width: 366px;height: 366px}
    .joinOR .inner{width: 100%;height: auto}
    .joinOR .icon{padding: 40px;margin: 0 auto}
    .joinOR .icon .line{padding: 36px}
    .joinOR li .tit{width: 100px;height: 100px;font-size: 20px}
    .joinOR li{position: static;transform: none;left: auto!important;right: auto!important;top:auto!important;display: flex;margin-top: 20px;align-items: center}
    .joinOR li .text{position: static;transform: none;left: auto!important;right: auto!important;top:auto!important;width: auto;flex: 1;padding-left: 20px}
    .joinOR li .tit:after,.joinOR li .tit:before{display: none}

    .tDvptIntro-modal .tdIntroModal-contain{width: 92%}
    .tdIntroModal-action{top:0;right: 0;display: flex;flex-direction: row-reverse}
    .tdIntroModal-action .btn, .xz-modal-action .btn{width: 30px;height: 30px}
    .tdIntroModal-action .btn.next:after, .tdIntroModal-action .btn.prev:after{background-size: 8px}
    .tdIntroModal-action .btn.close:after{background-size: 14px}
    .tdIntroModal-action #prnt{display: flex}
    .tdIntroModal-action .btn.next:after,.tdIntroModal-action .btn.prev:after{background-size: 10px}
    .tdIntroModal-action .btn.close:after{background-size: 20px}

    .joinSch li .txt .tit{font-size: 18px}
    .joinSch li .txt .icon{height: 50px}
    .jobs-list .item{width: 49%}
    .joinWeal .list .icon{height: 36px}
    .joinWeal .list .tit{font-size: 14px;margin-top: 5px}
    .join-go .list a .icon{width: 100px;height: 100px}
    .join-go .list a+a{margin-left: 100px}
    .join-go .list a p{margin-top: 10px}

    .news-banner .lft{width: 100%}
    .news-banner .rgt{width: 100%;padding: 20px 0}
    .news-list .list a{width: 49%;margin-top: 20px}
    .news-list .list{margin-top: -20px}

    .schoolPop-contain {width: 92%;height: 600px;padding: 30px;}
    .schoolPop-close {width: 40px;height: 40px;right: 0;}
    .schoolPop-close::after{background-size: 18px;}
    .schoolPop-title {padding: 0 0 16px;font-size: 24px;margin-bottom: 24px;}
    .schoolPop-cont {max-height: 420px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .com-banner .bg{min-height: 260px}
    .com-navigation a{font-size: 14px;line-height: 20px;transition: none}
    .com-navigation a:hover{color:unset}
    .com-navigation a::after{display: none;}
    .com-navigation,.com-navigation.fixed .in{height:54px}
    .com-style i{width: 10px;height: 10px}
    .com-style i + i{margin-left: 8px}
    .com-tit{padding-bottom: 8px}
    .com-tit:after{width: 40px;height: 2px}
    .com-tip{font-size: 14px;line-height: 24px}
    .com-tit + .com-tip{margin-top: 15px}
    .com-btn{width: 120px;height: 38px;font-size: 14px}

    .prodList .item{padding: 10px}
    .prod-line-title:after{width: 20px;height: 2px}
    .prod-line-title{padding-left: 30px;font-size: 17px;line-height: 22px}
    .prod-ul-txt li{font-size: 14px}
    .prodList .item .info{padding: 20px 10px}
    .prod-ul-txt li + li{margin-top: 5px}
    .prodList .item:not(:first-child){margin-top: 20px}
    .prod-txt li{font-size: 15px;line-height: 24px}
    .prodIntro .content{padding: 20px 15px}
    .prodAdv-list .item + .item{margin-top:60px!important}
    .prod-icon li .icon{width: 60px;height: 60px}
    .prod-icon li .icon img{max-width: 30px}
    .prod-icon li .tit{font-size: 15px}
    .prod-icon li{width: 33.33%;margin-right: 0;padding: 0 5px}
    .prodCp .cell .tit{height: 80px}
    .prodVideo .txt .prod-ul-txt li + li{margin-top: 10px}
    .prodVideo .text-list li{font-size: 14px;margin-right: 5px;min-width: 50px}
    .prodVideo .video-player{width: 300px;height: 182px}
    .prodVideo .video-player, .prodVideo .video-player .cover{padding: 11px 11px 14px}
    i.player-icon{width: 40px;height: 40px}
    .prodVideo .video-base img{width: 90px}
    .prodBlk .rgt li{width: 100%;height: auto}
    .prodBlk .rgt li+li{margin-top: 10px}
    .prodBlk .rgt li .tip{font-size: 14px}
    .prodIntro .sub-cont li{width: 100%}
    .prodIntro .sub-cont li+li{margin-top: 15px}
    .prodIntro .sub-cont li p{font-size: 14px;line-height: 22px}
    .prodAdv-list .item.max .pic .in{padding:12px 12px 12px}
    .prodAdv-list .item .pic .in .inner{padding: 10px}
    .prod-txt li:after{top: 6px}
    .prodAdv-list .item .pic .in a{min-height:250px}

    .dtAccordion .listBox li{width: 100% !important}
    .dtDesign li{width: 100%}
    .dtDesign li .icon i{width: 60px;height: 60px;border-width: 1px}
    .dtDesign li .icon i img{max-width: 30px}
    .dtDesign li .info .text{font-size: 14px;line-height: 22px}
    .dtDesign li .info{padding: 15px 10px 0}
    .team-list .cell.max .info{padding: 30px 20px}
    .team-list .cell .info .lft,.team-list .cell .info .rgt{width: 100%}
    .team-list .cell .info .rgt{margin-top: 20px}
    .team-list .cell.max .info .item + .item{margin-top: 20px}
    .team-list .cell .info:not(.max) .name span{font-size: 16px}
    .team-list .cell .info:not(.max) .name{font-size: 12px}
    .team-list .cell .info{padding: 15px 10px}
    .team-list .cell .info .item + .item{margin-top: 15px}
    .team-list .cell + .cell{margin-top: 10px}

    .solList-item .list .item{width: 100%}
    .solList-item .list .item .title{font-size: 18px}
    .solList-item .list .item{margin-top: 15px}
    .solList-item .heading:after{width: 20px}
    .solList-item .heading{padding-left: 30px}

    .solDetail .lft{width: 100%;padding: 0}
    .solDetail .lft img{position: static}
    .solDetail .rgt{width: 100%;padding: 20px 15px}
    .solBlk li{width: 49%}
    .solBlk .flex-justify-between::after{width: 49%;}
    .solBlk li .text{font-size: 14px;line-height: 20px;height: auto;padding: 0 20px}
    .solIcon li{width: 100%}
    .solGraphics .content .lft{width: 100%;margin-top: 20px}
    .solGraphics .content .rgt{width: 100%}
    .solGraphics .data .tit{font-size: 16px}
    .solGraphics .data li{min-width: 50%;width: 50%;margin: 15px 0 0 0!important;padding: 0 5px}
    .solGraphics .data ul{padding: 10px 10px 20px}
    .solProd .slider-btn{width: 40px;height: 40px}
    .solProd .slider-btn img{max-width: 17px}
    .solProd .item i{width: 60px;height: 60px}
    .solProd .item i img{max-width: 36px}
    .solProd .item .icon{padding: 30px 0 20px}
    .solProd .item .title{padding-top: 20px;height: 80px}

    .scList-nav a{font-size: 14px}

    .article .content{padding: 20px 10px}
    .article .content .time{font-size: 12px}
    .article .content .time svg{margin-right: 0px;width: 12px;height: 12px}
    .article .content .text{font-size: 14px;line-height: 28px}
    .article .content .text h2{font-size: 16px}
    .article .content .nav a{height: 40px;font-size: 14px}
    .article .side .list li{width: 100%}

    .fz-item{flex-wrap: wrap}
    .fz-item-l{width: 100%}
    .fz-item-r{width: 100%;margin-left: 0}
    .fz-item-r li{font-size: 15px;line-height: 24px}
    .about-cul li{width: 50%;margin-top: 20px}
    .about-cul li .text{font-size: 14px;line-height: 22px}
    .honor-slider{padding-bottom: 16px}
    .honor-slider .item{padding: 4px}
    .fz-year{left: 0;font-size: 70px;top: -10px}

    .contactWay-info{padding: 30px 20px}
    .contactWay-info .item{width: 100%}
    .contactWay-info .item+.item{margin-top: 20px}
    .contactWay-info .item:not(:first-child){margin-left: 0}
    .contactWay-info .item .icon{width: 50px;height: 50px}
    .contactWay-info .item .icon img{max-width: 20px}
    .contactList .cell .info .tit, .contactWay-info .item .info .tit{font-size: 16px}
    .contactWay-info .item .info .phone, .contactWay-info .item .info .email, .contactList .cell .info .address{font-size: 14px}
    .contactList .cell{margin-top: 20px;flex-wrap: wrap}
    .contactList .cell .pic{width: 100%;padding-top: 38%}
    .contactList .cell .info{width: 100%;padding: 15px}
    .contactList .cell a{width: 100px;height: 34px}
    .contact-msg-main .inline-input{width: 100%;margin-bottom: 5px}
    .msg-bott .btn{width: 100%;margin-top: 10px}
    .contact-msg-main .inline-input input, .contact-msg-main .inline-input textarea{padding: 8px}

    .joinOR li .text{font-size: 14px}
    .joinStyle .item .lft{width: 100%}
    .joinStyle .item .rgt{width: 100%}
    .joinStyle .item{flex-wrap: wrap}
    .joinStyle .item a{margin-top: 5px}
    .joinStyle .swiper-wrapper{padding-bottom: 30px}
    .joinStyle .swiper-pagination-bullet{width: 30px}
    .joinOR .icon{width: 300px;height: 300px}

    .tDvptIntro-modal .tdIntroModal-contain{padding: 20px}
    .tdIntroModal-top .about{width: 100%;margin-top: 0}
    .tdIntroModal-contain .tdIntroModal-top{flex-wrap: wrap}
    .tdIntroModal-top .about span:nth-child(1){margin-left: 0}
    .tdIntroModal-contain .tdIntroModal-con{font-size: 14px;line-height: 28px}

    .joinSch li{width: 49%;margin-top: 10px}
    .jobs-list .item{width: 100%;margin-bottom: 10px}
    .jobs-list .item .more-btn{width: 32px;height: 32px;margin-top: 10px}
    .joinWeal .list li{width: 50%;margin-top: 30px}
    .join-go .list a .icon{width: 90px;height: 90px}
    .join-go .list a+a{margin-left: 0}
    .join-go .list a p{margin-top: 5px;font-size: 14px}
    .join-go .list a{width: 33.33%}

    .news-banner .swiper-pagination{margin-top: 10px}
    .news-list .list a{width: 100%}
    .news-list .list a .info .title{font-size: 16px;line-height: 22px;height: 44px}
    .news-list .list a .info .time{font-size: 13px}
    .schoolPop-title {padding: 0 0 12px;font-size: 20px;margin-bottom: 16px;}
    .schoolPop-contain {height: 536px;padding: 30px 20px;}
}