@charset "utf-8";
/* =====================内页样式======================== */
/* common */
.com-tit{font-size:42px;font-weight:700;color:#007f83;text-align:center}
.com-banner{position:relative}
.com-banner-bg{width:100%;object-fit:cover}
.com-banner h1{color:#fff;font-size:66px;font-family:Montserrat;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-weight:700}
.com-menu{width:100%;position:absolute;left:0;bottom:0;z-index:1}
.com-menu:after{content:'';width:50%;left:0;bottom:0;height:100%;background:#fff;position:absolute;z-index:-1}
.com-menu-main{width:90%;height:83px;display:flex;align-items:center;background:#fff;justify-content:space-between}
.com-menu-l a{display:inline-flex;align-items:center;color:#777;font-size:14px;transition:all .4s ease}
.com-menu-l a:hover{color:#007f83}
.com-menu-l span{padding:0 5px}
.com-menu-r a{margin-right:25px;color:#555;font-size:16px;transition:all .4s ease}
.com-menu-r a:hover{color:#007f83}
.com-menu-r a.active{font-weight:700;color:#007f83}
.com-banner-txt{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%}
.com-banner-txt .contain-1400{position:relative;height:100%}
.com-banner-tit{position:absolute;font-size:46px;color:#fff;font-weight:700;left:0;top:50%;transform:translateY(-50%)}
.com-banner-tit:after{content:'';height:192px;width:2000%;background:rgba(0,127,131,.5);position:absolute;right:-70px;top:50%;transform:translateY(-50%);z-index:-1}
.com-btn{display: inline-flex;align-items: center;justify-content: center;color: #007f83;font-size: 14px;width: 122px;height: 43px;border-radius: 30px;border: 2px solid #007f83;transition: all .4s ease}
.com-btn:hover{color: #fff;background: #007f83}
.com-btn.long{width: auto;padding: 0 28px}
.com-block{overflow: hidden}


/* 视频弹窗 */
.popVideo{display: none;opacity: 0;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;display: none;padding: 34px 34px 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;}
@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: 44px;height: 44px;line-height: 44px;border: 1px solid #f3f3f3;margin: 5px;font-size: 18px;color: #555;transition: all .4s ease;border-radius: 50%;background-color: #fff;}
.paging-menu a:first-child, .paging-menu a:last-child{width: 110px;border-radius: 30px}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #007f83;background-color: #007f83;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: #007f83;}
.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: #007f83;color: #fff;border-color: #007f83;}
.paging-hint span{color: #007f83;}
@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;}}

/* 搜索页面 */
.search{width: 100%;padding: 80px 0;}
.search-info{width: 100%;font-size: 28px;color: #333;font-weight: 700;}
.search-info span{color: #007f83;}
.search-list{width: 100%;margin-top: 30px;}
.search-link{display: block;width: 100%;padding: 32px 0;border-bottom: 1px solid #f0f0f2;}
.search-link h2{font-size: 20px;color: #333;line-height: 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;}
.search-link p{width: 100%;font-size: 16px;margin-top: 16px;color: #666;line-height: 26px;max-height: 52px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.search-link .highlightRow span{color: #007f83 !important;}
.search-link:hover h2{color: #007f83;}
@media all and (max-width:1599px) {.search{padding: 70px 0;}.search-info{font-size: 26px;}.search-link{padding: 28px 0;}.search-list{margin-top: 18px;}}
@media all and (max-width:1279px) {.search{padding: 60px 0;}.search-info{font-size: 24px;}.search-link{padding: 24px 0;}.search-list{margin-top: 12px;}}
@media all and (max-width:1000px) {.search{padding: 40px 0;}.search-info{font-size: 20px;}.search-link{padding: 20px 0;}.search-list{margin-top: 8px;}.search-link h2{font-size: 18px;}.search-link p{margin-top: 12px;}}

/* 关于我们 */
.about-intro{padding:96px 0 140px}
.about-intro-main{display:flex;justify-content:space-between;align-items:center;margin-top:70px}
.about-intro-r{width:50%}
.about-intro-l{width:44%;position:relative;z-index:1;padding-top:65px}
.about-intro-l:after{content:'';background:url(../images/pages/dot.png) no-repeat center/100%;width:141px;height:91px;position:absolute;left:0;top:0;z-index:-1}
.about-intro-l h3{font-weight:700;font-size:24px;line-height:30px;color:#007f83;margin-bottom:20px}
.about-intro-l h3 span{display:block}
.about-intro-l p{font-size:20px;line-height:28px;color:#777}
.about-intro-r img{width:100%;object-fit:cover}
.about-team{padding:115px 0 120px;background:#f7f7f7}
.team-list{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between}
.team-list:after{width:31.5%;content:''}
.team-list a{width:31.5%;display:block;margin-top:30px}
.team-pic{height:316px;overflow:hidden}
.team-pic img{width:100%;height:100%;object-fit:cover;transition:all .6s ease}
.team-list a:hover img{transform:scale(1.1)}
.team-txt{background:#fff;height: 130px;padding:28px}
.team-txt h3{font-size:18px;font-weight:700;color:#333;transition:all .4s ease}
.team-list a:hover h3{color:#007f83}
.team-txt p{font-size:16px;color:#555;margin-top:10px}
.pop-txt{position:fixed;width:660px;background:#fff url(../images/pages/pop-bg.png) no-repeat left bottom -50px/100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999991;padding:60px 50px;border-radius:5px;display:none}
.pop-bg{position:fixed;width:100vw;height:100vh;background:#000;opacity:.8;left:0;top:0;z-index:9999999;display:none}
.pop-top{display:flex;padding-bottom:34px;border-bottom:1px solid #f4f4f4}
.pop-top img{width:216px;height:216px;object-fit:cover}
.pop-top img.team-img1{width:290px}
.pop-top .info{padding:44px 0 0 34px}
.pop-top h3{color:#007f83;font-size:25px;font-weight:700}
.pop-top p{font-size:16px;color:#444;margin-top:15px}
.pop-content p{font-size:20px;line-height:34px;color:#777}
.pop-inner{margin-top:40px;max-height:200px;overflow:auto}
.pop-close{position:absolute;right:46px;top:33px;transition:all .4s ease}
.pop-close:hover{background:rgba(0,0,0,.2);border-radius:50%}
.pop-close img{transition:all .4s ease}
.pop-close:hover img{transform:scale(.7)}
.about-team2{padding:120px 0}
.about-team2 .team-list a{width:23%}
.about-team2 .team-list:after{content:'';width:23%}
.about-team2 .team-txt{background:#f7f7f7}
.placeholder{visibility:hidden!important;height:0!important;border:0!important;padding:0!important;margin:0!important}/*space-between占位*/
.about-fz{padding:130px 0 122px;background:url(../images/pages/about-fz-bg.jpg) no-repeat center/cover}
.fz-nav{margin-top: 50px}
.fz-item{display:flex}
.fz-item-l{width:37.5%;height:286px;opacity:0;transition:all 1.5s ease}
.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%;height:100%;object-fit:cover}
.fz-item-r{margin-left:135px;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:26px;font-weight:700;color:#007f83;margin-bottom:18px}
.fz-item-r li{color:#555}
.fz-item-r li span{font-size:22px;font-weight:700;line-height:34px}
.fz-item-r li p{font-size:20px;line-height:32px}
.timer-dot{position:relative;margin-top:70px}
.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:#007f83;animation-fill-mode:both;animation-duration:2.8s;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:#007f83}
.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:#007f83}
@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);}}

/* 转化研究院 */
.itsi-yj{padding:115px 0 100px}
.mission-item{position:relative;height:583px;margin-top:50px}
.mission-item-l{width:77%;height:100%}
.mission-item-l img{width:100%;height:100%;object-fit:cover}
.mission-item-r{position:absolute;z-index:2;background:#fff;height:85%;width:41%;right:0;bottom:0;box-shadow:0 5px 40px rgba(17,58,93,.1);display:flex;flex-direction:column;justify-content:center;padding:0 50px 0 60px}
.mission-item-r h3{font-weight:700;font-size:30px;color:#333;position:relative;z-index:1;margin-bottom:16px}
.mission-item-r h3 span{color:#efefef;font-size:52px;font-weight:700;line-height:1;position:absolute;left:-4%;top:50%;transform:translateY(-50%);z-index:-1;text-transform:uppercase}
.mission-item-r p{font-size:20px;line-height:28px;color:#777}
.itsi-yj:nth-child(even) .mission-item,.mission-item.res{display:flex;justify-content:flex-end}
.itsi-yj:nth-child(even) .mission-item .mission-item-r,.mission-item.res .mission-item-r{left:0;right:unset}
.itsi-yj:nth-child(odd){padding:94px 0 119px;background:#f4f4f4}
.itsi-ys{padding:95px 0}
.itsi-ys-main{display:flex;justify-content:space-between;margin-top:55px}
.itsi-ys-item{width:33.33%;padding:0 50px;text-align:center}
.itsi-ys-item i{width:90px;height:90px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#007f83;margin:0 auto}
.itsi-ys-item h3{font-weight:700;font-size:26px;color:#007f83;margin:22px 0;line-height:1}
.itsi-ys-item p{font-size:20px;line-height:28px;color:#777}

/* 研发 */
.dev{padding:100px 0}
.dev.com-block{overflow: unset!important}
.dev table{width:100%;border-collapse:inherit;border-spacing:2px}
.dev table+table{margin-top:-2px}
.dev td{height:67px;text-align:center;font-size:13px;color:#666;overflow:hidden}
.dev th{width:10.428%;background:#7a7a7a;color:#fff;height:67px;font-size:16px}
.dev tbody:nth-of-type(2) td.dev-tit{background:#72b4b6}
td.dev-tit2{width:15%}
td.dev-tit3{width:9%}
.dev i{display:block;height:26px;background:#d6d6d6;position:relative;margin-left:-16px}
.dev p{text-align:left;color:#555;margin:5px 0 0 10px}
.dev i:after{content:"";width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:16px solid #d6d6d6;position:absolute;right:-16px;top:0}
tbody:not(:first-child) tr:nth-child(odd){background:#f0f0f0}
tbody:not(:first-child) tr:nth-child(even){background:#fcfcfc}
tbody:first-child tr:nth-child(odd){background:#f0f0f0}
tbody:first-child tr:nth-child(even){background:#fcfcfc}
.dev-item{display:flex;position:relative}
.dev-item:not(:first-of-type){margin-top:-2px}
.dev-tit{width:42px;background:#008083;color:#fff;padding:0 10px;line-height:24px;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;position:absolute;height:calc(100% - 4px);left:0;top:2px; writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap}
.dev-item table{padding-left:42px}
.dev-item td:nth-of-type(1),.dev-item td:nth-of-type(2){width:11%}
.dev .dev-tit.light{background:#72b4b6}
.dev-header-out{position:sticky;top:96px;z-index:999}
.table-header{width:calc(100% - 42px)!important;margin-left:auto;z-index:999;background:#fff}
.dev-item:nth-child(2) .table-inner{margin-top:67px}
.dev-item:nth-child(2){margin-top:-71px}
.table-inner{width:100%}

/* 合作机会 */
.cooperation{padding:116px 0 219px}
.cooperation .contain-1400{display:flex;justify-content:space-between}
.cooperation-l{width:50%;padding-left:45px;border-left:5px solid #007f83}
.cooperation h3{font-weight:700;font-size:35px;color:#007f83;position:relative;z-index:1;margin-bottom:20px}
.cooperation h3 span{color:#efefef;font-size:52px;font-weight:700;line-height:1;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1;text-transform:uppercase}
.cooperation p{font-size:20px;line-height:30px;color:#777}
.cooperation p+p{margin-top:10px}
.cooperation-r{width:45%;padding-right:76px;height:460px;position:relative}
.cooperation-r-bg{display:block;width:433px;height:321px;background:#cce5e6;position:absolute;right:0;bottom:0;z-index:-1}
.cooperation-r img{width:100%;height:407px;object-fit:cover}

/* 公司新闻 */
.news{width: 100%;padding: 75px 0 100px;background-color: #f6f6f6;}
.news-top{display:flex;}
.news-top-l{width:54%;height:492px}
.news-top-l img{width:100%;height:100%;object-fit:cover}
.news-top-r{width:46%;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 40px}
.news-top-r .time{font-size:12px;color:#888;font-weight:300;padding-left:30px;height:20px;line-height:20px;background:url(../images/pages/news_icon.png) no-repeat left center}
.news-top-r h3{font-size:26px;color:#007f83;line-height:34px;font-weight:700;margin:20px 0;max-height: 68px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical}
.news-top-r p{font-size:20px;color:#737373;line-height:28px;    overflow: hidden;-webkit-line-clamp: 6;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.news-top-r a{margin-top:40px}
.news-list{width:100%;margin-top:76px;overflow:hidden}
.news-ul{display:flex;flex-wrap:wrap}
.news-link{display:block;width:31.5%;float:left;margin:0 2.5% 2.5% 0;background:#fff;transition:all .4s ease}
.news-link:nth-child(3n){margin-right: 0;}
.news-img{width:100%;overflow:hidden;height:280px}
.news-img img{width:100%;object-fit:cover;transition:all .6s ease;height:100%}
.news-cont{width:100%;padding:50px 38px 44px}
.news-cont h2{font-size:22px;color:#007f83;margin-bottom: 28px;line-height: 30px; transition:all .4s ease;font-weight:700;}
.news-cont p{font-size:12px;color:#888;font-weight:300;padding-left:30px;height:20px;line-height:20px;background:url(../images/pages/news_icon.png) no-repeat left center}
.news-link:hover{box-shadow:0 3px 20px 3px rgba(0,0,0,.08)}
.news-link:hover .news-img img{transform:scale(1.04)}
.news-link:hover .news-cont h2{color:#007f83}
.news .paging{margin-top: 40px}

/* 新闻详情 */
.article{background:#f5f5f5;padding:70px 0 90px;overflow:hidden}
.article .contain-1400{display:flex;justify-content:space-between}
.article .art-cont{background:#fff;width:69%;padding:54px 40px;overflow:hidden}
.article .art-cont h1{color:#007f83;font-size:32px;font-weight:700;line-height:38px}
.article .art-cont .title-info{font-size:12px;color:#7d7f79;font-weight:300;padding-left:30px;height:20px;line-height:20px;background:url(../images/pages/news_icon.png) no-repeat left center;margin:24px 0 30px}
.article .art-cont .main-content p{font-size:20px;line-height:32px;color:#666}
.article .art-cont .main-content img{max-width:100%;object-fit:cover;display:block;margin:0 auto}
.article .art-cont .art-bott{margin-top:60px;display:flex;justify-content:space-between;padding-bottom:30px;margin-bottom:45px;border-bottom:1px solid #f0f0f0;align-items:center}
.article .social-share-icon{width:37px;height:37px;border:1px solid #c2c2c2;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.article .social-share-icon:not(:first-child){margin-left:20px}
.article .arc-nav a{position:relative;display:block;font-size:14px;color:#666;padding-left:15px;transition:all .4s ease;font-weight:500}
.article .arc-nav a:hover{color:#007f83}
.article .arc-nav a:after{content:'';width:7px;height:7px;background:#a0a0a0;border-radius:50%;top:8px;left:0;position:absolute;transition:all .4s ease}
.article .arc-nav a:hover:after{background:#007f83}
.article .arc-nav a:not(:first-child){margin-top:20px}
.art-sidebar{width:28%;background:#fff;height:100%;padding:32px 38px;overflow:hidden}
.art-sidebar .tit{font-size:22px;font-weight:700;color:#007f83}
.art-sidebar li{padding-top:20px;margin-top:20px;border-top:1px solid #f1f1f1}
.art-sidebar li:last-child{padding-bottom:20px;border-bottom:1px solid #f1f1f1}
.art-sidebar a .time{display:block;font-size:12px;color:#7d7f79;font-weight:300;padding-left:30px;height:20px;line-height:20px;background:url(../images/pages/news_icon.png) no-repeat left center}
.art-sidebar h3{font-size:18px;color:#333;line-height:26px;margin-top:16px;transition:all .1s ease;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;height:52px}
.art-sidebar a:hover h3{font-weight:700;color: #007f83;}
/*分享*/
#toShare .icon-wechat{position:relative}
#toShare .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all .2s;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
#toShare .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}
#toShare .icon-wechat .wechat-qrcode.bottom:after{display:none}
#toShare .icon-wechat .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
#toShare .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
#toShare .icon-wechat .wechat-qrcode .qrcode table{margin:0!important}
#toShare .icon-wechat .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0}
#toShare .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
#toShare .icon-wechat:hover .wechat-qrcode{display:block}

/* 招贤纳士 */
.jobs-ln{padding:76px 0 126px}
.jobs-ln .mission-item{margin-top:40px}
.jobs-js{padding:96px 0 99px;background:#f3f3f3}
.culture-actitems{width:100%;margin-top:38px;position:relative}
.culture-actitems .swiper-slide{width:900px;height:554px}
.culture-actimg{width:100%;height:100%}
.culture-actimg img{width:100%;object-fit:cover;height:100%}
.culture-actitems .swiper-slide:after{content:'';top:0;left:0;height:100%;width:100%;position:absolute;background:rgba(0,0,0,.5);z-index:0;transition:all .6s ease;opacity:0}
.culture-actitems .swiper-slide-next:after,.culture-actitems .swiper-slide-prev:after{opacity:1}
.culture-actitems .swiper-slide-next+.swiper-slide,.culture-actitems .swiper-slide.active{pointer-events:none}
.activity-next,.activity-prev{width:62px;height:62px;background:rgba(0,0,0,.35);position:absolute;top:50%;left:calc(50% - 560px);z-index:2;margin-top:-33px;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center}
.culture-actitems .activity-next{background:rgba(0,0,0,.35);left:auto;right:calc(50% - 560px)}
.culture-actitems .activity-next:hover,.culture-actitems .activity-prev:hover{background-color:#007f83}
.jobs-txt{position:absolute;bottom:40px;background:rgba(255,255,255,.95);left:50%;transform:translateX(-50%);width:85%;text-align:center;padding:18px 0;transition:all .4s ease;opacity:0}
.jobs-txt p{color:#333;font-size:16px;line-height:24px}
.jobs-js .swiper-slide-active .jobs-txt{opacity:1}
.jobs{padding:103px 0 100px}
.joinplan-left-nav{width:100%;overflow:hidden;margin-top:44px}
.joinplan-left-navaddress,.joinplan-left-navjob,.joinplan-left-navkey{border:1px solid #f0f0f0;width:100%;overflow:hidden;padding:16px 22px}
.joinplan-left-navkeyL{float:left;width:11%}
.joinplan-left-navkeyL h6{display:inline-block;vertical-align:middle;height:42px;line-height:42px}
.joinplan-left-navkeyL h6 i{width:24px;height:29px;display:inline-block;vertical-align:middle;background:url(../images/pages/jobs-01.png) no-repeat;margin:4px 0 0 0}
.joinplan-left-navkeyL h6 span{font-size:16px;color:#555;font-weight:700;margin-left:20px}
.joinplan-left-navkeyR{float:left}
.joinplan-left-navkeyR input{display:inline-block;width:360px;height:42px;border:1px solid #f0f0f0;padding:0 10px;font-size:14px;color:#333;vertical-align:middle}
.joinplan-left-navkeyR input::placeholder{font-size:14px;color:#ddd}
.joinplan-left-navkeyR p{width:54px;height:42px;display:inline-block;vertical-align:middle;text-align:center;line-height:42px;font-size:15px;color:#fff;background-color:#007f83}
.joinplan-left-navaddressL{float:left;width:13%}
.joinplan-left-navaddressL h6{display:inline-block;vertical-align:middle;height:42px;line-height:42px}
.joinplan-left-navaddressL h6 i{width:23px;height:26px;margin:-6px 0 0 0;display:inline-block;vertical-align:middle;background:url(../images/pages/jobs-02.png) no-repeat}
.joinplan-left-navaddressL h6 span{font-size:16px;color:#555;font-weight:700;margin-left:20px}
.joinplan-left-navaddressC{float:left;width:70%;overflow:hidden}
.joinplan-left-navaddressC a{display:inline-block;margin-right:48px;height:42px;line-height:42px;font-size:16px;color:#777}
.joinplan-left-navaddressC a:hover{color:#007f83}
.joinplan-left-navaddressR{float:left;width:14%;overflow:hidden;cursor:pointer;text-align:center;user-select:none}
.joinplan-left-navaddressR h6{font-size:14px;color:#777;height:42px;line-height:42px;width:100%}
.joinplan-left-navaddressR h6:hover{color:#007f83}
.joinplan-left-navwords{width:70%;margin-left:16%;overflow:hidden;display:none}
.joinplan-left-navwords a{display:inline-block;margin-right:24px;height:42px;line-height:42px;font-size:14px;color:#777}
.joinplan-left-navwords a:hover{color:#007f83}
.joinplan-left-navjob .joinplan-left-navaddressL h6 i{width:23px;height:22px;margin:-6px 0 0 0;display:inline-block;vertical-align:middle;background:url(../images/pages/jobs-03.png) no-repeat}
.joinplan-left-navaddress,.joinplan-left-navjob{border-top:none}
.joinplan-left-words{width:100%;overflow:hidden}
.joinplan-left-wordT{width:100%;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0;overflow:hidden;background-color:#f2f2f2}
.joinplan-left-wordT ul{width:100%;overflow:hidden;padding:0 45px}
.joinplan-left-wordT ul li{font-size:16px;color:#555;font-weight:700;height:60px;background-color:#f2f2f2;text-align:left;float:left;line-height:60px}
.joinplan-left-wordsB{width:100%;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0;overflow:hidden}
.joinplan-left-wordsB ul{border-bottom:1px solid #f0f0f0;width:100%;overflow:hidden;padding:0 45px}
.joinplan-left-wordsB ul li{font-size:18px;float:left;color:#555;text-align:left;padding:18px 0}
.joinplan-left-words li:nth-child(1){width:24%}
.joinplan-left-words li:nth-child(2){width:26%}
.joinplan-left-words li:nth-child(3){width:19%}
.joinplan-left-words li:nth-child(4){width:14%}
.joinplan-left-words li:nth-child(5){width:10%}
.joinplan-left-words li:nth-child(6){width:6%}
.joinplan-left-wordsB ul li span:not(.joinplan-words-clickspan){display:flex;width:90%}
.joinplan-words-click{cursor:pointer;user-select:none}
.joinplan-words-click span{transform:rotate(90deg);font-family:宋体,"Helvetica Neue";display:inline-flex;width:100%;align-items:center;justify-content:center}
.joinplan-left-wordsB ul.on .joinplan-words-click span{transform:rotate(-90deg)}
.joinplan-words-click:hover{color:#007f83}
.joinplan-words{width:100%;overflow:hidden;background-color:#f6f6f6;padding:32px 44px 58px 44px;display:none}
.joinplan-words h4{font-size:26px;color:#007f83;margin-bottom:15px;font-weight:700}
.joinplan-words p{font-size:20px;color:#666;line-height:28px;margin-top:6px}
.joinplan-words a{display:inline-block;width:134px;height:46px;line-height:46px;margin-top:20px;background-color:#007f83;font-size:14px;color:#fff;text-align:center;border-radius:30px}
.joinplan-words a i{width:18px;height:17px;background:url(../images/pages/jobs-04.png) no-repeat;display:inline-block;vertical-align:middle;margin:-4px 6px 0 0;transition:all .4s}
.joinplan-words a:hover i{width:0;margin:-4px 0 0 0}
.joinplan-left-wordsB ul.on{background-color:#007f83}
.joinplan-left-wordsB ul.on li{color:#fff}
.joinplan-left-wordsB ul.on .joinplan-words-click span{color:#fff;transform:rotate(270deg)}
.jobs .paging{margin-top:40px}
.jobs-ln .mission-item{height: 450px}
.jobs-ln .mission-item-r{width:51%;height:90%}
.jobs-ln .mission-item-l{width:55%}

/* 联系我们 */
.contact{padding:80px 0 130px}
.contact .com-tit{text-align:left}
.contact-info{display:flex;justify-content:space-between;align-items:center;padding:30px 0 50px}
.contact-info-l{width:85%;display:flex;justify-content:space-between}
.contact-info-l h3{font-size:26px;font-weight:700;color:#007f83;display:flex;align-items:center;margin-bottom:10px}
.contact-info-l h3 img{padding-right:8px}
.contact-info-l p{font-size:20px;line-height:30px;color:#777}
.contact-info-cont{display:flex;justify-content:space-between}
.contact-info-item:nth-child(1){width:35%}
.contact-info-item:nth-child(2){width:58%}
.contact-info-r img{width:113px;height:113px}
.contact-msg{margin-top:40px}
.contact-msg .com-tit{text-align:left}
.contact-msg .rel-hz-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.contact-msg .inline-input{margin-bottom:40px;width:32%}
.contact-msg .inline-input.max{width:100%}
.contact-msg input{width:100%;background:0 0;height:50px;line-height:50px;font-size:16px;border-bottom:2px solid #e8e8e8;transition:all .4s ease}
.contact-msg input::placeholder{color:#777;font-size:16px;font-weight:700}
.contact-msg input:focus{border-color:#007f83}
.contact-msg button{display:flex;width:130px;height:46px;background:#007f83;align-items:center;justify-content:center;color:#fff;font-size:14px;cursor:pointer;transition:all .4s ease;border-radius:30px;margin-left:24px;font-weight:700}
.contact-msg button:hover{opacity:.8}
.inline-mix{width:100%;overflow:hidden;display:flex}
.inline-code{width:300px;overflow:hidden;position:relative}
.inline-code input{padding-right:20px;height:45px;line-height:45px}
.inline-code span{position:absolute;right:0;top:0;height:45px;width:100px;overflow:hidden;cursor:pointer}
.inline-code span canvas,.inline-code span img{max-width:100%;max-height:100%}

.about-team.lty{background-color: #fff;}

.about_list{margin-right: -15px;display: flex;flex-wrap: wrap;justify-content: left;margin-bottom: -15px;}
.about_list a{width: calc(100%/4 - 15px);margin-right: 15px;background-color: #fff;margin-bottom: 15px;margin-top: 0px;}
.about-team.lty .about_list a{background-color: #f7f7f7;}
.about-team.lty .about_list .team-txt{background-color: #f7f7f7;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .com-banner h1{font-size: 60px}
    .com-tit{font-size: 38px}
    .com-banner-tit{font-size: 40px}
    .com-banner-tit:after{height: 130px}
    .com-block{padding:90px 0}

    .about-intro-l h3{font-size: 22px}
    .about-intro-main{margin-top: 50px}
    .about-intro-l:after{width: 120px;height: 70px}
    .about-intro-l{padding-top: 40px}
    .team-pic{height: 280px}
    .pop-txt{padding: 50px 40px}
    .pop-close{right: 4%;top: 4%}
    .pop-content p{font-size:18px;line-height:30px}

    .mission-item{height: 500px}
    .cooperation-r img{height:320px}

    .news-cont h2{overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;height: 52px;font-size:18px;margin-bottom:15px;line-height:26px}
    .news-cont{padding: 20px}
    .news-top-l{height:410px}
    .news-top-r{padding:40px 30px}
    .news-img{height:240px}
    .news-top-r p{font-size:18px;line-height:26px;height:78px;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
    .news-top-r h3{font-size:24px}
    .news-top-r a{margin-top:30px}
    
    .culture-actitems .swiper-slide{width: 850px;height:520px}
    .culture-actitems .activity-prev{left: calc(50% - 535px)}
    .culture-actitems .activity-next{right: calc(50% - 535px)}

    .article .art-cont h1{font-size: 26px}
    .art-sidebar h3{font-size: 16px}
    .article .art-cont .main-content p{font-size:18px;line-height:30px}
    
    .joinplan-left-navaddressL,.joinplan-left-navkeyL{width:13%}
    .joinplan-words h4{font-size:22px}
    .joinplan-words p{font-size:18px}
    .joinplan-left-wordsB ul li{font-size:18px}
    .joinplan-left-words li:nth-child(5){font-size:16px}
    .contact-info-l{width: 89%;}
    .contact-info-l h3{font-size:24px}
    .contact-info-l p{font-size:18px}
    .contact-info-item:nth-child(2){width:65%}
    .contact-info-item:nth-child(1){width:45%}
    
    .itsi-ys-item h3{font-size:24px}
    .itsi-ys-item p{font-size:18px}
    
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .com-block{padding: 80px 0}
    .com-menu-r a{margin-right: 20px}
    .com-menu-main{height: 65px}
    .com-tit{font-size: 32px}
    .com-banner-tit{font-size: 36px}
    .paging-menu a{font-size: 14px;width: 38px;height: 38px;line-height: 38px;margin: 4px}
    .paging-menu a:first-child, .paging-menu a:last-child{width: 90px}

    .about-intro-l h3{font-size: 20px;line-height: 26px}
    .about-intro-l p{font-size: 16px;line-height: 24px}
    .about-intro-main{margin-top: 30px}
    .team-pic{height: 220px}
    .team-txt{padding: 20px}
    .pop-inner{margin-top: 20px}
    .pop-top{padding-bottom: 20px}
    .pop-txt{padding: 30px}
    .about-team2 .team-list a{width: 31.5%}
    .about-team2 .team-list:after{width: 31.5%}
    .fz-item-l{height: 240px}
    .timer-dot{margin-top: 40px}
    .line-cont{margin-top: 8px;font-size: 18px}
    .fz-item-r{margin-left: 60px;margin-top: 50px}
    .fz-year{font-size: 130px;left: -20px}
    .fz-item-r h3{font-size: 22px;margin-bottom: 10px}
    .fz-next, .fz-prev{width: 35px;height: 35px;top: -12px}
    .fz-next{right: 2%}
    .fz-prev{left: 2%}
    .pop-content p{font-size:16px;line-height:28px}

    .mission-item{height: 440px}
    .mission-item-r{padding: 0 30px;width: 50%}
    .mission-item-r h3{font-size: 26px}
    .mission-item-r h3 span{font-size: 40px}
    .mission-item-r p{font-size: 15px}
    .itsi-ys-item{padding: 0 30px}

    .dev th{font-size: 13px}
    td.dev-tit{font-size: 14px}

    .cooperation-l{padding-left: 20px}
    .cooperation p{font-size: 16px;line-height:30px}
    .cooperation h3{font-size: 30px}
    .cooperation h3 span{font-size: 36px}
    .cooperation-r img{height: 300px}
    .cooperation-r-bg{width: 350px;height: 270px}
    .cooperation-r{height: 360px}

    .news-top-l {height: 368px; }
    .news-top-r h3 {font-size: 20px;line-height: 30px;max-height: 60px;}
    .news-list {margin-top: 58px;}
    .news-img {height: 228px;}
    .news-cont h2 {font-size: 20px;margin-bottom: 24px;line-height: 26px;height: 52px;}
    .news-cont h2{margin-bottom: 10px}
    .news-top-r p{font-size:16px}
    .news-top-r{padding:28px 30px}
    .news .paging{margin-top: 20px}
    .news-cont p,.news-top-r .time,.article .art-cont .title-info{background: url(../images/pages/news_icon.png) no-repeat left center /16px;padding-left: 25px}

    .article .art-cont{padding: 30px}
    .article .art-cont h1{font-size: 24px;line-height: 30px}
    .article .art-cont .title-info{margin: 15px 0 20px}
    .article .art-cont .art-bott{margin:30px 0}
    .art-sidebar{padding: 20px}
    .art-sidebar .tit{font-size: 18px}
    .art-sidebar li{margin-top: 10px}
    .article .art-cont .main-content p{font-size:16px;line-height:28px}

    .joinplan-left-navaddressL,.joinplan-left-navkeyL{width: 15%}
    .culture-actitems .swiper-slide{width: 800px;height: 500px}
    .culture-actitems .activity-next{right: calc(50% - 492px)}
    .culture-actitems .activity-prev{left: calc(50% - 492px)}
    .joinplan-left-wordT ul,.joinplan-left-wordsB ul{padding: 0 22px}
    .joinplan-words h4{font-size:20px}
    .joinplan-words p{font-size:16px;line-height:24px}
    .joinplan-left-wordsB ul li{font-size:16px}

    .contact-info-item:nth-child(2){width: 55%}
    .contact-info-l h3{font-size:22px}
    .contact-info-l p{font-size:16px;line-height:28px}
    
    .itsi-ys-item h3{font-size:22px;margin:15px 0 10px}
    .itsi-ys-item p{font-size:16px;line-height:24px}
    .about_list a{width: calc(100%/3 - 15px);}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}