.corporate-news-wrap .corporate-dynamic .list .item .cont .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html{font-size:16px;background:#f6f6f6}
body{margin:0;font:.12rem "Pingfang SC","Helvetica Neue",Helvetica,Arial,sans-serif;color:#1A2535;-webkit-text-size-adjust:none}
html,body{height:100%}
*{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,.1)}
input,textarea,select,button{margin:0;padding:0;font-size:inherit;font-family:"Pingfang SC",Helvetica,Arial;color:inherit;border:.005rem solid;border-radius:0;background:#fff;outline:0;box-shadow:none}
input[type=text],input[type=tel],input[type=email],input[type=url],input[type=search],input[type=password],textarea{-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button{display:none}
form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p{margin:0;padding:0;list-style:none}
a{text-decoration:none;color:inherit;outline:0}
a img{border:0}
i,em{font-style:normal}
s,u{text-decoration:none}::-webkit-input-placeholder{color:#999}
.office-usage-scenarios .ous-wrap ul:after,.cloud-advantage-function .caf-wrap ul:after,.director-wrap .director-member ul:after,.investment-wrap .investment-reason ul:after,.applyfield-wrap ul:after,.applyfield-wrap2 ul:after{content:"";display:block;clear:both;height:0}
.corporate-news-wrap .corporate-dynamic .list .item .cont .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.corporate-dynamic .care-list .item .name,.corporate-dynamic .care-pic .info span,.corporate-dynamic .list .item .cont .desc,.corporate-dynamic .list .item .cont .name,.applyfield-wrap .item .info span,.applyfield-wrap2 .item .info span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.button{display:inline-block;vertical-align:top;padding:0 20px;height:38px;line-height:38px;font-size:0;background-color:#2777F8;border:1px solid #2777F8;border-radius:2px}.button i,.button span{display:inline-block;vertical-align:middle}.button i{margin-right:4px}.button span{font-size:14px;line-height:20px;color:#fff}.button:active{background-color:#186ef8;border-color:#186ef8}.btn-orange{background-color:#ff8c20;border-color:#ff8c20}.btn-orange:active{background-color:#ff8411;border-color:#ff8411}.btn-line{background-color:transparent;border-color:rgba(255,255,255,.9)}.btn-line:active{background-color:rgba(0,0,0,.01);border-color:rgba(255,255,255,.9)}
.icon-btn{display:inline-block;width:16px;height:16px;background-image:url(icon_btn.svg);background-repeat:no-repeat}
.icon-btn.ib-download{background-position-x:0}.icon-btn.ib-open{background-position-x:-16px}.understand-more{display:block;text-align:center;width:138px;height:46px;line-height:46px;margin:0 auto;font-size:0;background:#fff;border:1px solid #F2F4F8;border-radius:2px;box-shadow:0 4px 16px rgba(0,0,0,.04)}.understand-more span{display:inline-block;vertical-align:middle;font-size:14px;color:#224888}
.understand-more:after{content:"";display:inline-block;vertical-align:middle;width:16px;height:16px;margin-left:4px;background-image:url(icon_learn_more.svg);background-repeat:no-repeat}
.apply-form-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1111111;text-align:center;white-space:nowrap}
.apply-form-hint s{display:inline-block;height:100%;vertical-align:middle}
.apply-form-hint span{position:relative;display:inline-block;min-width:60px;margin:0 20px;margin-top:-10%;padding:12px;text-align:center;vertical-align:middle;white-space:normal;word-wrap:break-word;font-size:14px;color:#fff;border-radius:4px;background:rgba(0,0,0,.8)}
.top-fixed{position:fixed;top:0;left:0;right:0;height:57px;z-index:10}
.top-sticky{position:-webkit-sticky;position:sticky;top:0;transition:top .3s;z-index:10002}
.sub-sticky{position:-webkit-sticky;position:sticky;top:0;z-index:10001}

.header-title{position:fixed;top:0;left:0;right:0;height:56px;transition:top .25s;z-index:10002}
.header-title.has-border{border-bottom:1px solid #e4eaef}
.header-title .bg{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;opacity:.95;transition:opacity .1s}
.header-title .left-side{position:relative;float:left;z-index:1}
.header-title .left-side+.cont{position:absolute;top:0;left:58px;right:58px;bottom:0;justify-content:center;padding-left:0}
.header-title .cont{position:relative;float:left;display:flex;align-items:center;height:56px;padding-left:20px}
.header-title .right-side{position:relative;float:right}

.header-title .logo{position:relative;flex-shrink:0;display:block;font-size:0;z-index:2}
.header-title .logo .icon-logo-cloud{background-size:cover;width:169px;height:28px;background-image:url(icon_logo_cloudd.png);background-repeat:no-repeat;display:block;vertical-align:middle;}
.header-title .logo span{display:inline-block;vertical-align:middle;background-repeat:no-repeat;}








.header-title .menu-enter{display:block;padding:20px}
.header-title .menu-enter .icon-menu-enter{margin-left:20px;display:block;width:18px;height:16px;background-image:url(icon_menu_enter.svg);background-repeat:no-repeat;background-size:contain}
.header-title .back{display:block;padding:20px}
.header-title .back .icon-back{display:block;width:18px;height:16px;background-image:url(icon_back.svg);background-repeat:no-repeat;background-size:contain}
.header-title .name{font-size:18px;font-weight:700;line-height:24px}.header-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(26,37,53,.7);overflow:hidden;z-index:10003}
.header-menu .close{position:absolute;top:16px;right:16px;display:block;width:27px;height:27px;background-image:url(icon_dialog_close.svg);background-repeat:no-repeat;background-position:center;z-index:1}
.header-menu .inner{position:absolute;top:0;right:0;bottom:0;display:flex;width:311px;padding:56px 0;background:#fff;-webkit-animation:menu .25s ease-out;animation:menu .25s ease-out}
.header-menu .inner li{position:relative}.header-menu .inner li ul{display:none;position:absolute;top:4px;right:0;z-index:1}.header-menu .inner>ul{flex:1;overflow:auto}
.header-menu .inner.spread>ul>li{padding-right:155px}.header-menu .inner.spread .open ul{display:block}
.header-menu .title{position:relative;display:block;min-width:136px;text-align:center;font-size:16px;line-height:56px}
.header-menu .title:before{position:absolute;top:50%;left:0;width:4px;height:16px;margin-top:-8px;background:#2777F8}
.header-menu .title:after{position:absolute;top:50%;right:5px;display:block;width:6px;height:6px;margin-top:-3px;border-top:1px solid #8C9399;border-right:1px solid #8C9399;transform:rotate(45deg)}
.header-menu .title.current{font-weight:700}.header-menu .title.current:before{content:""}.header-menu .title.current:after{content:""}
.header-menu .sm-title{display:block;width:155px;text-align:center;font-size:14px;line-height:48px;color:#5E6770}@-webkit-keyframes menu{0%{transform:translate(311px,0);opacity:.8}100%{transform:translate(0px,0);opacity:1}}@keyframes menu{0%{transform:translate(311px,0);opacity:.8}100%{transform:translate(0px,0);opacity:1}}
.fixed-bar-right{position:fixed;right:20px;bottom:65px;box-sizing:border-box;z-index:12;width:40px;padding:5px 0;border-radius:2px;border:1px solid rgba(255,255,255,.08);background:rgba(26,39,52,.3);box-shadow:0 0 8px rgba(0,0,0,.1);z-index:10}.fixed-bar-right .item{display:flex;justify-content:center;align-items:center;height:36px}.fixed-bar-right .item s{display:none}.fixed-bar-right .item .icon-bar-right{display:block;width:20px;height:20px;margin:0 auto}
.fixed-bar-right .item .icon-bar-right.ibr-top{background-image:url(icon_bar_top.svg);background-repeat:no-repeat}
.fixed-bar-right .item .icon-bar-right.ibr-msg{background-image:url(icon_bar_msg.svg);background-repeat:no-repeat}
.banner-wrap{position:relative;background-color:#F2F4F8;overflow:hidden}
.banner-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,rgba(12,56,131,.45) 0,rgba(61,107,184,.45) 100%)}
.banner-wrap .swiper-banner{position:relative;display:flex;width:500%}.banner-wrap .swiper-banner .item{position:relative;flex-shrink:0;width:calc(100% / 5)}
.banner-wrap .swiper-banner-i{position:absolute;left:0;right:0;bottom:20px;display:flex;justify-content:center;z-index:1}
.banner-wrap .swiper-banner-i i{width:10px;height:10px;margin:0 4px;border-radius:50%;background:rgba(0,0,0,.6)}
.banner-wrap .swiper-banner-i i.current{background:#fff}
.banner-wrap .bg{display:block;padding-top:100%;background-repeat:no-repeat;background-position:center bottom;background-size:cover}
.banner-wrap .bg.bg-company{background-image:url(company.png)}
.banner-wrap .bg.bg-government{background-image:url(government.png)}
.banner-wrap .bg.bg-invest{background-image:url(invest.png)}
.banner-wrap .bg.bg-cloud{background-image:url(cloud.png)}
.banner-wrap .bg.bg-office{background-image:url(office.png)}
.banner-wrap .bg.bg-update{background-image:url(update.png)}
.banner-wrap .bg.bg-supplier{background-image:url(supplier.png)}
.banner-wrap .bg.bg-personnel{background-image:url(personnel.png)}
.banner-wrap .bg.bg-industry{background-image:url(industry.png)}
.banner-wrap .bg.bg-society{background-image:url(society.png)}
.banner-wrap .cont{position:absolute;top:50%;right:0;left:0;padding-left:24px;transform:translateY(-50%);z-index:1}
.banner-wrap .cont .name{position:relative;font-size:30px;font-weight:700;line-height:48px;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.3)}
.banner-wrap .cont .name:after{content:"/";margin-left:4px;font-size:18px;font-weight:400;color:#fff}
.banner-wrap .cont .info{padding-top:4px;font-size:18px;line-height:24px;text-shadow:0 0 4px rgba(0,0,0,.3);color:rgba(255,255,255,.9)}
.banner-wrap .cont .action{margin-top:16px;font-size:0}.banner-wrap .cont .action .button+.button{margin-left:16px}.banner-wrap .personnel-cont{position:absolute;top:32.5%;right:0;left:0;z-index:1}.banner-wrap .personnel-cont .info{text-align:center;font-size:24px;line-height:32px;font-weight:700;color:rgba(255,255,255,.9);text-shadow:0 0 4px rgba(0,0,0,.3)}.banner-wrap .banner-pic{position:relative}.banner-wrap .banner-pic img{display:block;width:100%}.top-panel{position:relative;height:56px;border-bottom:1px solid #e4eaef;background:#fff;overflow:hidden}.top-panel .inner{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;padding:0 8px;overflow:auto;-webkit-overflow-scrolling:touch}.top-panel .menu-bar{position:relative;display:block;flex-shrink:0;padding:17px 12px;font-size:16px;line-height:22px;color:#8C9399}
.top-panel .menu-bar.current{color:#1A2535}.top-panel .menu-bar.current:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;background-color:#2777F8}.top-panel .line{position:absolute;left:0;bottom:0;width:64px;height:3px;background-color:#2777F8}.top-panel .side{position:absolute;top:0;right:0;bottom:0}.top-panel .side .hinder{position:relative;display:block;width:49px;height:100%;background:linear-gradient(270deg,#FFF 64.29%,rgba(255,255,255,0) 100%)}.top-panel .side .hinder:after{content:"";position:absolute;top:50%;right:18px;width:6px;height:6px;margin-top:-3px;display:block;border-top:1px solid #D1D4D6;border-right:1px solid #D1D4D6;transform:rotate(45deg)}.top-panel .side.left{right:auto;left:0}.top-panel .side.left .hinder{background:linear-gradient(90deg,#FFF 64.29%,rgba(255,255,255,0) 100%)}.top-panel .side.left .hinder:after{right:auto;left:18px;transform:rotate(-135deg)}.swiper-opt-wrap{position:relative;display:flex;justify-content:center}
.swiper-opt-wrap .last,.swiper-opt-wrap .next{width:24px;height:24px;margin:0 6px;background-image:url(icon_swipe_opt.svg);background-repeat:no-repeat}
.swiper-opt-wrap .next{transform:rotate(180deg)}

.page-wrap{position:relative;margin:0 auto;min-height:100%;background:#fff}
.footer{padding:25px 0;color:#fff;background:#1A2535}
.footer .footer-info{position:relative;padding:0 0 7px}
.footer .footer-info:after{content:"";position:absolute;bottom:0;left:24px;right:24px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer .footer-info .cell.open .f-title:after{transform:rotate(-135deg)}.footer .footer-info .cell.open ul{display:block}
.footer .footer-info .f-title{position:relative;padding:13px 30px 13px 24px;font-size:16px;line-height:22px}
.footer .footer-info .f-title:after{content:"";position:absolute;top:50%;right:24px;width:6px;height:6px;margin-top:-4px;border-right:1px solid #8C9399;border-bottom:1px solid #8C9399;transform:rotate(45deg)}
.footer .footer-info .f-title:only-child:after{display:none}.footer .footer-info ul{display:none;background-color:rgba(0,0,0,.08)}
.footer .footer-info ul a{display:block;padding:12px 24px 12px 56px;font-size:14px;line-height:20px;color:rgba(255,255,255,.5)}
.footer .footer-info ul a.current{color:#2777F8}.footer .footer-contact{display:flex;padding:16px 10px 12px 24px}
.footer .footer-contact .logo-info{flex:1;min-width:0;display:flex}
.footer .footer-contact .logo-info .logo{width:24px;height:24px;margin-right:8px;background-image:url(icon_logo_cloud.png);background-repeat:no-repeat;background-size:cover}
.footer .footer-contact .logo-info span{padding:2px 0;font-size:14px;line-height:20px;color:#D1D4D6}
.footer .footer-contact .contact-info{flex-shrink:0;display:flex}
.footer .footer-contact .contact-info .icon-contact-footer{display:block;width:32px;height:32px;background-image:url(icon_contact_footer.svg);background-repeat:no-repeat}
.footer .footer-contact .contact-info .icon-contact-footer.icf-wb{background-position-x:-32px}
.footer .footer-contact .contact-info .icon-contact-footer.icf-dy{background-position-x:-64px}
.footer .footer-p-wrap{padding:0 24px;text-align:center;font-size:12px;line-height:22px;color:rgba(255,255,255,.3)}
.footer .footer-p-wrap .footer-p span{display:inline-block;vertical-align:top}.fixed-download{height:88px}





.folder-empty .empty-content h5{margin-bottom:10px;color:#8C9399;font-size:16px;line-height:22px;font-weight:400}@media (min-width:640px){.page-wrap{width:640px}


.header-title{right:auto;width:640px;left:50%;margin-left:-320px}
.fixed-bar-right{right:auto;left:50%;margin-left:250px}
.fixed-download .inner{right:auto;left:50%;margin-left:-320px;width:600px}
.header-menu{right:auto;left:50%;margin-left:-320px;width:640px}}

.sm-bg-wrap [class*=sm-bg-]{position:absolute}
.sm-bg-wrap .sm-bg-one{width:8px;height:24px;background-image:url(sm_bg_one.svg);background-repeat:no-repeat}
.sm-bg-wrap .sm-bg-two{width:16px;height:16px;background-image:url(sm_bg_two.svg);background-repeat:no-repeat}
.sm-bg-wrap .sm-bg-three{width:12px;height:12px;background-image:url(sm_bg_three.svg);background-repeat:no-repeat}
.sm-bg-wrap .sm-bg-four{width:20px;height:20px;background-image:url(sm_bg_four.svg);background-repeat:no-repeat}

.dot-bg-wrap i{position:absolute;background-image:url(dot.png);background-image:-webkit-image-set(dot.png) 1x,url(dot@2x.png) 2x);background-repeat:no-repeat;background-repeat:repeat}
.page-index{position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch}
.first-screen-wrap{position:relative;height:100vh;overflow:hidden;z-index:11}
.first-screen-wrap .inner{position:relative;display:flex;width:300%;height:100vh}
.first-screen-wrap .inner .fs-wrap{position:relative;display:flex;flex-direction:column;width:calc(100% / 3);height:calc(100% - 76px);padding-bottom:76px}
.first-screen-wrap .inner .fs-wrap .fs-bg img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background-color:#fff}
.first-screen-wrap .fs-bg{position:absolute;top:0;left:0;bottom:0;right:0;background-position:center;background-size:cover;background-repeat:no-repeat}

.first-screen-wrap .fs-info{flex:1;position:relative;padding-top:124px;text-align:center}
.first-screen-wrap .fs-info .name{font-size:36px;font-weight:700;line-height:48px}
.first-screen-wrap .fs-info .info{padding-top:4px;font-size:18px;line-height:24px;color:#5E6770}
.first-screen-wrap .fs-panel{position:absolute;left:0;right:0;bottom:96px;display:flex;justify-content:center;padding:0 18px}
.first-screen-wrap .fs-panel .item{position:relative;flex:1;padding:18px 10px 20px 28px;margin:0 10px;box-shadow:0 8px 16px rgba(0,0,0,.1);border-radius:2px;overflow:hidden}
.first-screen-wrap .fs-panel .item:before{content:"";position:absolute;top:50%;left:0;width:6px;height:46px;margin-top:-23px;border-radius:0 2px 2px 0;z-index:1}
.first-screen-wrap .fs-panel .item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.8);border-radius:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.first-screen-wrap .fs-panel .item .name{position:relative;font-size:24px;font-weight:700;line-height:32px;z-index:1}
.first-screen-wrap .fs-panel .item .info{position:relative;font-size:14px;line-height:20px;color:#8C9399;z-index:1}
.first-screen-wrap .fs-panel .item .download{position:absolute;bottom:22px;right:16px;width:16px;height:16px;background-image:url(icon_btn.svg);background-repeat:no-repeat;background-position-x:-32px;z-index:1}
.first-screen-wrap .fs-panel .item.cloud:before{background:#2777F8}
.first-screen-wrap .fs-panel .item.office:before{background:#ff8c20}
.first-screen-wrap .switch-line{position:absolute;left:50%;bottom:67px;display:flex;justify-content:center;width:120px;margin-left:-60px}
.first-screen-wrap .switch-line i{width:32px;height:4px;margin:0 4px;background-color:rgba(26,37,53,.2);border-radius:1px}
.first-screen-wrap .switch-line i.focus{background-color:#fff}
.first-screen-wrap .next-screen{position:absolute;bottom:0;left:0;right:0;display:block;width:32px;height:32px;margin:20px auto 24px;background-image:url(icon_next_screen.svg);background-repeat:no-repeat}
.index-video-wrap{padding:59px 0 64px}
.index-video-wrap .title{padding-bottom:40px;text-align:center;font-size:24px;font-weight:700;line-height:32px}
.index-video{position:relative;width:100%;padding-top:64%}
.index-video .mv-wrap{position:absolute;top:0;left:0;right:0;bottom:0}
.index-video .mv-wrap:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(26,37,53,.4)}
.index-video .play{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;background-image:url(icon_play.svg);background-repeat:no-repeat}
.index-video img{display:block;width:100%}.index-mv-details{position:relative;padding:32px 0 16px;overflow:hidden}
.index-mv-details .info-wrap{margin-bottom:24px;text-align:center;font-size:14px;line-height:24px}
.index-mv-details .sm-bg-wrap .sm-bg-one{top:34px;left:0}
.index-mv-details .sm-bg-wrap .sm-bg-two{bottom:-2px;left:22px}
.index-mv-details .sm-bg-wrap .sm-bg-three{top:96px;right:10px}
.index-mv-details .sm-bg-wrap .sm-bg-four{right:-4px;bottom:28px}
.strategy-wrap{position:relative;padding:59px 0 64px}
.strategy-wrap .title{position:relative;padding-bottom:40px;text-align:center;font-size:24px;font-weight:700;line-height:32px}
.strategy-wrap .strategy-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(bg_strategy.png);background-image:-webkit-image-set(url(bg_strategy.png) 1x,url(bg_strategy@2x.png) 2x);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto}
.strategy-wrap .strategy-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f2f4f8 0,#f2f4f8 70%,rgba(242,244,248,0) 100%)}
.strategy-wrap .strategy-swiper-wrap{position:relative;width:100%;overflow:hidden}
.strategy-wrap .strategy-swiper-wrap ul{position:relative;display:flex;width:300%}
.strategy-wrap .strategy-swiper-wrap li{flex-shrink:0;width:calc(100% / 3 - 127px);margin:0 12px}
.strategy-wrap .strategy-item{position:relative;box-sizing:border-box;border-radius:2px;padding-top:145.16%}
.strategy-wrap .strategy-item .bg{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center bottom;background-size:cover;background-color:#EDEEEF;border-radius:2px}
.strategy-wrap .strategy-item .top{position:absolute;top:0;left:16px;width:98px;height:88px;background:linear-gradient(180deg,rgba(39,119,248,.2) 0,rgba(39,119,248,0) 100%)}
.strategy-wrap .strategy-item .top:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:#2777F8;border-radius:0 0 2px 2px}
.strategy-wrap .strategy-item .cont{position:absolute;top:0;left:0;padding:32px 24px 20px}
.strategy-wrap .strategy-item .name{font-size:24px;font-weight:700;line-height:32px}
.strategy-wrap .strategy-item .name:after{content:"/";margin-left:4px;font-size:12px}
.strategy-wrap .strategy-item .desc{padding-top:8px;font-weight:700;font-size:16px;line-height:22px;color:#5E6770}
.strategy-wrap .strategy-item .info{padding-top:16px;font-size:14px;line-height:20px;color:#5E6770}
.strategy-wrap .strategy-item.science .bg{background-image:url(bg_science.png)}
.strategy-wrap .strategy-item.science .cont{color:#fff}
.strategy-wrap .strategy-item.science .desc,.strategy-wrap .strategy-item.science .info{color:rgba(255,255,255,.9)}
.strategy-wrap .strategy-item.pattern .bg{background-image:url(bg_pattern.png)}
.strategy-wrap .strategy-item.duty .bg{background-image:url(bg_duty.png)}
.strategy-wrap .strategy-item.duty .cont{color:#fff}
.strategy-wrap .strategy-item.duty .desc,.strategy-wrap .strategy-item.duty .info{color:rgba(255,255,255,.9)}
.strategy-wrap .swiper-opt-wrap{margin-top:24px}


/*anli*/
.index-video-wrap2{padding:58px 0 23px}
.index-video-wrap2 .title{padding-bottom:20px;text-align:center;font-size:24px;font-weight:700;line-height:32px}

.applyfield-wrap{padding:1px 20px 1px}
.applyfield-wrap li{float:left;position:relative;width:calc((100% - 9px) / 2);padding-top:59.703%;margin-right:9px;margin-bottom:9px;-webkit-filter:drop-shadow(0px 4px 16px rgba(0,0,0,.04));filter:drop-shadow(0px 4px 16px rgba(0,0,0,.04))}
.applyfield-wrap li:nth-child(2n+1){margin-right:0}
.applyfield-wrap li:first-child{width:100%;margin-right:0;padding-top:50.2%}
.applyfield-wrap .item{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;border-radius:2px}
.applyfield-wrap .item img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:2px}
.applyfield-wrap .item .cont{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:2px}
.applyfield-wrap .item .cont:after{content:"";position:absolute;bottom:0;left:0;right:0;height:56px;background:linear-gradient(0deg,rgba(26,39,52,.9) .21%,rgba(26,39,52,.5) 66.25%,rgba(26,39,52,0) 100%);opacity:.7}
.applyfield-wrap .item .name{position:absolute;bottom:0;left:0;right:0;padding:16px;font-size:18px;line-height:24px;color:#fff;z-index:1}
.applyfield-wrap .item .info,.applyfield-wrap .item .learn-link{display:none}
.applyfield-wrap .item .info{font-size:14px;line-height:20px;color:rgba(255,255,255,.7)}
.applyfield-wrap .item .info span{-webkit-line-clamp:4}
.applyfield-wrap .item .learn-link{font-size:0;padding:10px 0}
.applyfield-wrap .item .learn-link span,.applyfield-wrap .item .learn-link i{display:inline-block;vertical-align:middle}
.applyfield-wrap .item .learn-link span{margin-right:4px;font-size:14px;line-height:20px;color:#fff}
.applyfield-wrap .item .learn-link i{width:16px;height:16px;background-image:url(icon_learn_more_white.svg);background-repeat:no-repeat}

.applyfield-wrap .item:hover .cont{display:flex;flex-direction:column;padding:24px 16px 10px;background:rgba(39,119,248,.9)}
.applyfield-wrap .item:hover .cont:after{display:none}
.applyfield-wrap .item:hover .name{flex-shrink:0;position:static;padding:0 0 8px}
.applyfield-wrap .item:hover .info,.applyfield-wrap .item:hover .learn-link{display:block}
.applyfield-wrap .item:hover .info{flex:1;min-height:0}
.applyfield-wrap .item:hover .learn-link{flex-shrink:0}


/*anli2*/
.applyfield-wrap2{padding:1px 20px 7px}
.applyfield-wrap2 li{float:left;position:relative;width:calc((100% - 9px) / 2);padding-top:59.703%;margin-right:9px;margin-bottom:9px;-webkit-filter:drop-shadow(0px 4px 16px rgba(0,0,0,.04));filter:drop-shadow(0px 4px 16px rgba(0,0,0,.04))}
.applyfield-wrap2 li:nth-child(2n+1){margin-right:0}
.applyfield-wrap2 li:first-child{width:100%;margin-right:0;padding-top:50.2%}
.applyfield-wrap2 .item{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;border-radius:2px}
.applyfield-wrap2 .item img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:2px}
.applyfield-wrap2 .item .cont{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:2px}
.applyfield-wrap2 .item .cont:after{content:"";position:absolute;bottom:0;left:0;right:0;height:56px;background:linear-gradient(0deg,rgba(26,39,52,.9) .21%,rgba(26,39,52,.5) 66.25%,rgba(26,39,52,0) 100%);opacity:.7}
.applyfield-wrap2 .item .name{position:absolute;bottom:0;left:0;right:0;padding:16px;font-size:18px;line-height:24px;color:#fff;z-index:1}
.applyfield-wrap2 .item .info,.applyfield-wrap2 .item .learn-link{display:none}
.applyfield-wrap2 .item .info{font-size:14px;line-height:20px;color:rgba(255,255,255,.7)}
.applyfield-wrap2 .item .info span{-webkit-line-clamp:4}
.applyfield-wrap2 .item .learn-link{font-size:0;padding:10px 0}
.applyfield-wrap2 .item .learn-link span,.applyfield-wrap2 .item .learn-link i{display:inline-block;vertical-align:middle}
.applyfield-wrap2 .item .learn-link span{margin-right:4px;font-size:14px;line-height:20px;color:#fff}
.applyfield-wrap2 .item .learn-link i{width:16px;height:16px;background-image:url(icon_learn_more_white.svg);background-repeat:no-repeat}
.applyfield-wrap2 .item:hover .cont{display:flex;flex-direction:column;padding:24px 16px 10px;background:rgba(39,119,248,.9)}
.applyfield-wrap2 .item:hover .cont:after{display:none}
.applyfield-wrap2 .item:hover .name{flex-shrink:0;position:static;padding:0 0 8px}
.applyfield-wrap2 .item:hover .info,.applyfield-wrap2 .item:hover .learn-link{display:block}
.applyfield-wrap2 .item:hover .info{flex:1;min-height:0}
.applyfield-wrap2 .item:hover .learn-link{flex-shrink:0}