.main_banner_wrap { background: linear-gradient( 180deg, #D2E9FF 0%, rgba(238,244,255,0.74) 53%, rgba(237,243,255,0.68) 79%, rgba(255,255,255,0) 100%);}
.banner_slider .sub_banner_wrapper {width:100%; position:absolute; left:0; top:0; opacity:0;  transition:all 1s;}
.banner_slider .sub_banner_wrapper.cur {opacity:1; z-index:2;}

.main_top_case { padding-top:50px; line-height:60px;}
.main_top_case img {vertical-align:middle;}

.product_wrapper {padding-top:100px;}
.product_wrapper .ll_title { margin-bottom:20px;}
.product_box {display:flex; justify-content: center; padding-top:20px;}
.product_item {width:122px; height:156px; display:inline-block; padding-top:26px; text-align:center; margin:0 20px; line-height:26px;}
.product_item>img {margin-bottom:10px;}
.product_item .p_title {font-weight:bold;}
.product_item:hover {background: #E8F0FF; border-radius:20px;}

.product_item.gray{background:#fff; }
.product_item.gray .p_title {color:#505E77;}
.product_item.gray img {filter: grayscale(100%);}

.product_item .product_item_img {margin-bottom:10px;}

.solution_tab {display:flex; justify-content: center; padding-top:40px; padding-bottom:50px;}
.solution_tab .sol_tab_item {width:160px; line-height:60px; text-align:center; font-size:20px; cursor:pointer; margin:0 20px; position:relative;}
.solution_tab .sol_tab_item.cur {background: linear-gradient( 135deg, #016FFD 0%, #01A7FF 100%); color:#fff; border-radius:40px;}
.solution_tab .sol_tab_item.cur img{display:none;}
.solution_tab .sol_tab_item .num_icon {vertical-align:middle; margin-right:8px;}
.solution_tab .sol_tab_item .line {position:absolute; top:26px; left:38px;}

.sol_tab_item,.solution_title,.solution_box .f_18 {font-family: "PingFangSC-Medium";}

.solution_title {font-size:40px; width:500px; border-bottom:1px solid #D1DEF6; line-height:64px; position:relative;}
.solution_title>span::before {content:""; display:block; width:156px; height:4px; background: linear-gradient( 135deg, #016FFD 0%, #01A7FF 100%); position:absolute; left:0; bottom:-1px;}
.solution_box {height:464px; background:url("../images/index/sol_bg.jpg") right center no-repeat; padding-top:30px; padding-left:30px; position: relative;}
.solution_box ul {margin-bottom:30px; width:550px;}
.solution_box li {padding-bottom:16px;}
.solution_box li .title {font-size:18px; font-family: "PingFangSC-Medium"; padding-bottom:10px;}
.solution_box li .title img {vertical-align:middle; margin-right:12px;}


.customer_t_box {margin-bottom:-60px;}
.customer_txt {line-height:28px; color:#505E77;}
.customer_wrapper {overflow: hidden;}
.customer_box {position:relative; height:580px;}
.customer_item {height:580px; position:absolute; left:0; top:0; right:0; z-index:1;}
.customer_wrapper .customer_bg {position:absolute; right:30%; bottom:0; max-width:300%;}
.customer_wrapper .customer_img {position:absolute; left:50%; top:0; max-width:300%;}

.customer_content {position:absolute; bottom:180px; z-index:9; padding-left:30px; width:520px;}
.customer_btn_box {position:absolute; bottom:100px; padding-left:30px; z-index: 2;}

.case_list_box {max-width:3000px; margin:auto; overflow:hidden; margin-top:60px;}
.case_content {white-space:nowrap;}
.case_wrapper {white-space:nowrap; display:inline-flex; justify-content:space-between;}

.case_box { background: linear-gradient(#FFFFFF, rgba(238,244,255,0.74),#ECF5FF); height:660px;}
.case_item {width:200px; height:100px; position:relative; text-align:center; background:#fff; border-radius:8px; display:inline-block; margin-right:20px; line-height:0;}
.case_item img { display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

.phone_wrapper {background:url("../images/index/p_box_bg.svg"); background-size:cover; height:360px; padding-top:80px;}
.phone_inp_box {width:700px; height:68px; border-radius:40px; background:#fff; margin:auto; margin-top:60px; padding:10px 18px; display:flex;}
.phone_icon { padding:10px 30px 0 10px;}
#phone {border:0; flex:1; font-size:18px;}

.infomation_wrapper {background: linear-gradient( 180deg, #FFFFFF 0%, rgba(238,244,255,0.35) 42%, #FFFFFF 100%); padding-top:100px; position:relative; overflow:hidden;}
.main_describe_box {display:flex; justify-content:space-between; flex-wrap: wrap;}
.main_describe_item {width:408px; height:202px; position:relative; background:#fff; margin-top:40px; padding:36px 36px 0 36px; border-radius:20px; box-shadow: 0px 7px 12px 0px rgba(193,217,255,0.22);}
.main_describe_item .sub_des {font-size:16px; line-height:28px; padding-top:56px; color:#505E77;}
.main_describe_item .des_icon {position:absolute; right:36px; top:30px;}

.earth_box {width:1000px; height:1000px; position:absolute; left:50%; bottom:-50%; margin-left:-500px; z-index:1;}

.main_footer {height:560px; z-index:2;}
.main_footer .m_s_box {flex:1; text-align:center;}
.main_footer .m_s_title {font-size:24px; padding-bottom:16px;}
.main_footer .step_box {width:740px; margin:auto; margin-top:80px;}
.main_footer .mf_line {background: rgba(80,131,251,0.4); height:6px; width:726px; margin:auto;}
.main_footer .step_txt {margin:auto; width:950px; padding-top:30px;}

.dots_box {position:absolute; left:0; bottom:0; right:0; text-align:center; z-index: 9;}
.dots_box .dot{width:32px; min-height:4px; padding:12px 0;  margin-right:10px; display:inline-block; cursor: pointer; position:relative; text-align:right;}
.dots_box .dot:last-child {margin:0;}
.dots_box .dot span {height:4px; width:0; z-index:2; display:inline-block; position:absolute; right:0; top:50%; margin-top:-2px;}
.dots_box .dot i {background:#d9d9d9; height:4px; width:32px; display:block; position:absolute; left:0; top:50%; margin-top:-2px;}
.dots_box .dot.cur span{width:32px; background:#0680F1; /*background: linear-gradient(135deg, #6BB8FF 0%, #0680F1 45%, #0680F1 100%);*/ }
.dots_box .dot.cur.move span {animation:dotLine 6s linear; -webkit-animation:dotLine 6s linear;}

@keyframes dotLine { 0% {width:32px;} 100% {width:0;}}
@-webkit-keyframes dotLine { 0% {width:32px;} 100% {width:0;}}