/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: "阿里巴巴普惠体 2.0 45 Light";font-weight: 300;src: url("./font/mTR6zRZs19LpFc_5ppZc6.woff2") format("woff2"), url("./font/mTR6zRZs19LpFc_5ppZc6.woff") format("woff");
    font-display: swap;
}
* {margin: 0; padding: 0;}
body { background: #fff; font-family: webfont_0MCdcv4sPPtj_300, "阿里巴巴普惠体 2.0 45 Light", helvetica neue,arial,hiragino sans gb,stheiti,wenquanyi micro hei,\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}


.rk-main {width: 90%; max-width: 1300px; min-width: 1000px; margin: 0 auto; display: block}
.rk-indexbox { min-width: 1200px;}


header { display: block; width: 100%; height: 355px; background-image: linear-gradient(#3721B6, #6106D9); position: relative; overflow: hidden;}
header > topbar { display: block; padding: 20px 0; position: relative; z-index: 99}
header .rk-main { position: relative}
logo {display: inline-block; width: 261px; height: 32px;}
nav { font-size: 16px; font-weight: bold; line-height: 32px;}
nav a { margin-left: 30px; color: rgba(255,255,255, .8); text-shadow: rgba(0,0,0, .9) 0 0 2px}

/*header动画 logo处*/
.hd-animation-a {}
.hd-animation-a > div { width: 730px; height: 660px; border-radius: 185px; background: rgba(255,255,255, .2); position: absolute; }

.hd-animation-a > div:nth-of-type(1) {left: -209px; top: -628px;transform:rotate(-38deg); -webkit-transform:rotate(-38deg); -moz-transform:rotate(-38deg); -o-transform:rotate(-38deg); -mz-transform:rotate(-38deg);}
.hd-animation-a > div:nth-of-type(2) {left: -208px; top: -642px;transform:rotate(-56deg); -webkit-transform:rotate(-56deg); -moz-transform:rotate(-56deg); -o-transform:rotate(-56deg); -mz-transform:rotate(-56deg);}
.hd-animation-a > div:nth-of-type(3) {left: -150px; top: -682px; background:rgba(255,255,255, .7); transform:rotate(-28deg); -webkit-transform:rotate(-28deg); -moz-transform:rotate(-28deg); -o-transform:rotate(-28deg); -mz-transform:rotate(-28deg);}


.hd-animation-a > div:nth-of-type(4) {right: -207px; top: 200px; background:rgba(255,255,255, .2); transform:rotate(-61deg); -webkit-transform:rotate(-61deg); -moz-transform:rotate(-61deg); -o-transform:rotate(-61deg); -mz-transform:rotate(-61deg);}
.hd-animation-a > div:nth-of-type(5) {right: -175px; top: 281px; background:rgba(255,255,255, .2); transform:rotate(-51deg); -webkit-transform:rotate(-51deg); -moz-transform:rotate(-51deg); -o-transform:rotate(-51deg); -mz-transform:rotate(-51deg);}

.hd-bt-txt { color: rgba(255,255,255 , .7); top: 230px; position: absolute; left: 0; font-size: 16px; letter-spacing:3px; font-weight: bold}

.rk-index-banner-0 { background: #1a2321; height: 670px; width: 100%;}
.rk-index-banner-0 .rk-main { height: 100%; background: url("./images/banner-index-ai.png") no-repeat 100% 50% / auto 400px;}
.rk-index-banner-0 .ks-fl { margin-top: 180px; text-align: left}
.rk-index-banner-0 h3 { font-size: 40px; font-weight: bold; color: #fff2cd;}
.rk-index-banner-0 p { font-size: 18px; color: #dddbc8; font-weight: bold; margin-top: 20px;}
.rk-index-banner-0-btn {margin-top: 30px;}
.rk-index-banner-0-btn a { height: 36px; line-height: 36px; padding: 0 20px; border-radius: 10px; display: inline-block; color: #fff; background: linear-gradient(#E71414, #CC1C08);}

.rk-index-banner-1 { background: #DBF1FF; height: 670px; width: 100%;}
.rk-index-banner-1 .rk-main { height: 100%; background: url("./images/banner-gongshiyun.png") no-repeat 0 50% / auto 400px;}
.rk-index-banner-1 .ks-fr { margin-top: 220px; text-align: right}
.rk-index-banner-1 h3 { font-size: 40px; font-weight: bold; color: #3263D4;}
.rk-index-banner-1 p { font-size: 18px; color: #576179; font-weight: bold; margin-top: 30px;}


.rk-index-banner-2 { background: #009C8C; width: 100%; height: 820px;}
.rk-index-banner-2 .rk-main { height: 100%; background: url("./images/banner-gongshibaoxiang-logo.png") no-repeat 100% 50% / auto 500px; }
.rk-index-banner-2 .ks-fl { width: 500px; margin-top: 220px;}
.rk-index-banner-2 .ks-fl h3 { background: url("./images/banner-gongshibaoxiang-text.png") no-repeat 0 50%; height: 44px; overflow: hidden; line-height: 200px;}
.rk-index-banner-2 .ks-fl p:nth-of-type(1) { font-size: 26px; font-weight: bold; color: #e2e2e2; margin-top: 30px;}
.rk-index-banner-2 .ks-fl p:nth-of-type(2) {margin-top: 100px;}
.rk-index-banner-2 .ks-fl p:nth-of-type(2) a { display: inline-block; padding: 12px 20px; background: linear-gradient(#E71414, #CC1C08); border-radius: 10px; text-align: center; color: rgba(255,255,255, .9); font-size: 16px; font-weight: bold; margin-right: 15px; box-shadow: rgba(0,0,0, .3) 0 0 5px}
.rk-index-banner-2 .ks-fl p:nth-of-type(2) a span { margin-left: 5px;}
.rk-app-qrcode { background:#fff url(./images/app_down_qrcode.png) no-repeat 50% 50% / 160px auto; width: 180px; height:180px; margin: 30px 0 0; border-radius: 4px;}

.rk-index-banner-3 { background: #232323; width: 100%; padding: 100px 0;}
.rk-index-banner-3 > div { width: 100%; height: 432px; background: url("./images/remote-control_l.png") no-repeat 0 50%}
.rk-index-banner-3 > div > div { width: 100%; height: 432px; background: url("./images/remote-control_r.png") no-repeat 100% 50%}
.rk-index-banner-3 div a { display: inline-block; width: 160px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #eb7904; border-radius: 999em; overflow: hidden; margin: 358px 0 0 20px }

.rk-index-job { background: #fafafa; padding: 30px 0;}
.rk-index-job-title { font-size: 24px; font-weight: bold; position: relative; padding:0 0 15px 10px;}
.rk-index-job-title:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #f2f2f2}
.rk-index-job-title:after {content: ''; position: absolute; left: 0; bottom: 0; width: 120px; height: 4px; background: #3263D4}
.rk-index-job-li { margin-bottom: 40px;}
.rk-index-job-li:last-child { margin-bottom: 0}


footer { background: #414141; display: block; width: 100%; padding: 50px 0; color: #acacac;}
footer a { color: #acacac}
.rk-footer-logo { width: 260px; height: 33px; background: url(./images/footer-logo.png) no-repeat 0 0; margin-bottom: 20px;}

@media only screen and (min-width: 1100px){
    .rk-indexbox { min-width: 1100px;}
}

@media only screen and (min-width: 1200px){
    .rk-indexbox { min-width: 1200px;}
}