/* .banner_img {right:60px;} */

.fiveg_top_wrapper {background: linear-gradient( 180deg, rgba(251,252,253,0) 0%, #F5F7FB 100%); height:880px; padding-top:60px; overflow:hidden;}
.fiveg_top_box {width:1160px; height:530px; background:linear-gradient( 180deg, #F3F5F8 0%, #FAFBFD 100%); box-shadow: 0px 16px 24px 0px rgba(192,199,218,0.3);
 border-radius:30px; border:2px solid; padding:40px 60px; border-image:linear-gradient(45deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 1)) 2 2; margin-top:70px; position:relative;
}
.color_dot { width:350px; height:350px; border-radius:50%; opacity:0.4; position:absolute;}
.color_dot.blue {background: linear-gradient( 204deg, #BADCFF 0%, rgba(255,239,239,0.22) 100%); top:40px; right:40px;}
.color_dot.purple {background: linear-gradient( 160deg, #C2BAFF 0%, rgba(255,239,239,0.22) 100%); bottom:-20px; right:-180px;}
.des_title {line-height:28px;}

.rcs_card_box {width:568px; height:288px;}
.rcs_card_item {width:270px; height:265px; background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, #FAFBFD 100%); margin-bottom:20px; transition:all 0.3s;
    box-shadow: 0px 16px 24px 0px rgba(192,199,218,0.3); border-radius: 18px; border: 2px solid #FFFFFF; padding:24px;}
.rcs_card_tag {background: rgba(0,0,0,0.15); width:72px; line-height:24px; font-size:12px; margin-top:24px; cursor:pointer; border-radius:14px; display:inline-block; text-align:center; color:#fff;}
.rcs_card_tag:hover {color:#fff;}
.rcs_card_des {font-size:16px; padding-top:12px; }
.rcs_card_item.cur {background: radial-gradient( 204% 139% at 4% 6%, #1677FF 0%, #82EAFF 100%); color:#fff; border:0;}

.phone_box {width:320px; height:596px; position:absolute; right:-80px; top:-40px;}
.phone_box .chat_box {position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/1018/phone.png"); background-size:100% 100%; opacity:0; transition:all 0.5s;}
.phone_box .chat_box.cur {opacity:1;}

.phone_box .chat_box img {position: absolute; transition:all 0.3s; opacity:0; max-width:200%;}
.phone_box .chat_box.cur img {opacity:1;}

.phone_box .chat_box.card1 img:first-child {left:-100px; top:160px; transition-delay:0.2s;}
.phone_box .chat_box.card1 img:nth-child(2) {left:-100px; top:460px; transition-delay:0.4s;}
.phone_box .chat_box.card1 img:nth-child(3) { right:-120px; top:240px; transition-delay:0.6s;}

.phone_box .chat_box.cur.card1 img:first-child {top:120px;}
.phone_box .chat_box.cur.card1 img:nth-child(2) {top:420px;}
.phone_box .chat_box.cur.card1 img:nth-child(3) { top:180px; }

.phone_box .chat_box.card2 img:first-child {right:0; top:150px; transition-delay:0.2s;}
.phone_box .chat_box.card2 img:nth-child(2) {right:-30px; top:320px; transition-delay:0.3s;}
.phone_box .chat_box.card2 img:nth-child(3) {right:-110px; top:430px; transition-delay:0.5s;}
.phone_box .chat_box.card2 img:nth-child(4) {right:24px; top:500px; transition-delay:0.6s;}
.phone_box .chat_box.card2 img:nth-child(5) {right:4px; bottom:-40px; transition-delay:0.7s;}

.phone_box .chat_box.cur.card2 img:first-child {top:110px;}
.phone_box .chat_box.cur.card2 img:nth-child(2) {top:280px;}
.phone_box .chat_box.cur.card2 img:nth-child(3) { top:390px;}
.phone_box .chat_box.cur.card2 img:nth-child(4) { top:460px;}
.phone_box .chat_box.cur.card2 img:nth-child(5) {bottom:-4px;}


.fiveg_scene_wrapper {height:1420px; background: linear-gradient(360deg, #ECF5FF 0%, rgba(238,244,255,0.74) 52%, #FFFFFF 100%);}
.fiveg_scene_box {background: linear-gradient( 180deg, #F6F7FF 0%, #FAFBFD 100%); box-shadow: 0px 16px 24px 0px rgba(192,199,218,0.3); margin-top:60px; overflow:hidden;
     border-radius: 20px 20px 0px 0px; border: 2px solid; height: 669px; border-image: linear-gradient(46deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 1)) 2 2;
}
.scene_nav_box {height:150px; background:#fff; position:absolute; left:0; right:0; bottom:0; display:flex;}
.scene_nav_item {position:relative; flex:1; text-align:center; font-size:22px; font-weight:bold; line-height:150px; cursor:pointer;}
.scene_nav_item::before {height:96px; content:""; position:absolute; left:0; top:26px; opacity:0.6;
    border: 1px solid; border-image: linear-gradient(207deg, rgba(1, 142, 254, 0), rgba(1, 142, 254, 0.48), rgba(1, 111, 253, 1), rgba(1, 167, 255, 0.45), rgba(1, 167, 255, 0)) 1 1;
}
.scene_nav_item:first-child::before {display:none;}
.scene_nav_item.cur {background:url("../images/1018/btn_bg.png") center center no-repeat; color:#016FFD;}
.scene_nav_item>span {width:48px; height:38px; display:inline-block; background-image:url("../images/1018/btn_01.png"); background-size:100% 100%; vertical-align:middle; margin-right:10px;}
.scene_nav_item.cur>span {background:url("../images/1018/btn_01_active.png"); background-size:100% 100%;} 
.scene_nav_item.cur::after {background: linear-gradient( 135deg, #016FFD 0%, #01A7FF 100%); height:4px; content:""; border-radius:2px; position:absolute; left:0; right:0; bottom:-2px;}

.scene_nav_item:nth-child(2)>span {background-image:url("../images/1018/btn_02.png");}
.scene_nav_item:nth-child(3)>span {background-image:url("../images/1018/btn_03.png");}
.scene_nav_item:nth-child(4)>span {background-image:url("../images/1018/btn_04.png");}
.scene_nav_item:nth-child(5)>span {background-image:url("../images/1018/btn_05.png");}

.scene_nav_item:nth-child(2).cur>span {background-image:url("../images/1018/btn_02_active.png");}
.scene_nav_item:nth-child(3).cur>span {background-image:url("../images/1018/btn_03_active.png");}
.scene_nav_item:nth-child(4).cur>span {background-image:url("../images/1018/btn_04_active.png");}
.scene_nav_item:nth-child(5).cur>span {background-image:url("../images/1018/btn_05_active.png");}

.scene_content {padding:48px 58px;}
.scene_item_imgBox {position:absolute; right:120px; top:60px;}
.scene_item_title {width:500px; border-bottom:1px solid #D1DEF6; font-size:24px; padding-bottom:12px; position:relative; font-weight:bold;}
.scene_item_title::before {content:""; width:36px; height:4px; background: #253654; position:absolute; left:0; bottom:0;}
.scene_item_title>img {vertical-align:middle; margin-right:12px; margin-top:-4px; }
.scene_item .scene_brand_des {font-size:16px; line-height:28px; width:540px; margin-top:20px;}