
@font-face {
    font-family: 'langdon';
    src: url('./font/langdon/font.woff2') format('woff2'),
         url('./font/langdon/font.woff') format('woff'),
         url('./font/langdon/font.OTF') format("opentype");
    font-weight: normal;
    font-style: normal;

}

.index_mon_pay{margin: 85px auto 0px; width: 92%; max-width: 1200px; }
.index_mon_pay .main_title{font-size: 38px; line-height: 38px; color: #000000; font-weight: bold; text-align: center;}
.index_mon_pay .list{margin-top: 80px; display: flex; justify-content:space-between;}
.index_mon_pay .list .item{width: 48.16667%; padding:35px 3% 30px;  border:1px solid #666666; border-radius: 25px; box-sizing:border-box;}
.index_mon_pay .list .item .num{font-family: 'Consolas'; font-size: 48px; line-height: 48px; color: #0db083; }
.index_mon_pay .list .item .item_title{font-size: 38px; line-height: 48px; color: #000; margin-top: 20px; }
.index_mon_pay .list .item .item_pic{text-align: center; margin-top: 30px; width: 100%; padding-top: 270px; height: 0px; position: relative;}
.index_mon_pay .list .item .item_pic img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}
.index_mon_pay .list .item .func_list{margin-top: 50px; display: flex; flex-wrap:wrap; justify-content:space-around;}
.index_mon_pay .list .item .func_list .func_item{display: inline-block; width: calc(42% - 30px); font-size: 20px; color: #000000; line-height: 20px; margin-bottom: 25px; padding-left: 30px; background: url('../images/index_mon_pay_func_ico.png') no-repeat left top; }
.index_mon_pay .list .item .get_url{display: block; width: 100%; height: 70px; line-height: 70px; border-radius: 8px; background-color: #000000; color: #fff; font-size: 18px; text-decoration: none; margin-top: 35px; text-align: center;}
.index_mon_pay .list .item .get_url:hover{background-color: #0039f4;}

.index_our_advantage{margin: 115px auto 0px; width: 92%; max-width: 1200px;}
.index_our_advantage .main_title{font-size: 38px; line-height: 38px; color: #000000; font-weight: bold; text-align: center;}
.index_our_advantage .list{width: 100%; display: flex; justify-content:space-around; margin-top: 90px;}
.index_our_advantage .list .item{display: inline-block;}
.index_our_advantage .list .item .pic_box{width: 127px; padding-top: 144px; height: 0px; position: relative; margin: auto}
.index_our_advantage .list .item .pic_box img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}
.index_our_advantage .list .item .item_title{font-size: 28px; line-height: 28px; color: #3a3a3a; margin-top: 25px; text-align: center;}
.index_our_advantage .list .item .item_desc{font-size: 16px; line-height: 30px; color: #646464; margin-top: 10px; text-align: center;}

.index_promote_mode{width: 92%; max-width: 1200px; margin: 110px auto 0px;}
.index_promote_mode .main_title{font-size: 38px; line-height: 38px; color: #000000; font-weight: bold; text-align: center;}
.index_promote_mode .promote_list{margin-top: 95px; font-size: 0px; text-align: center;}
.index_promote_mode .promote_list .promote_item{display: inline-block; vertical-align: top; width: 17.91667%; margin-right: 2.5833%; position: relative;}
.index_promote_mode .promote_list .promote_item .step{display:block; width: 123px; height: 123px; border:1px solid #666666; box-sizing:border-box; text-align: center; line-height: 123px; color: #0cba91; font-size: 97px; border-radius:62px;margin:  auto;font-family: 'langdon' !important; position: relative; background-color: #fff;}
.index_promote_mode .promote_list .promote_item .title{font-size: 28px; color: #3a3a3a; line-height: 28px; margin-top: 25px;}
.index_promote_mode .promote_list .promote_item .desc{font-size: 16px; line-height: 30px; color: #646464; margin-top: 7px;}
.index_promote_mode .promote_list .promote_item:last-child{margin-right: 0px;}
.index_promote_mode .promote_list .promote_item:nth-child(2n){margin-top: 90px;}

.index_promote_mode .promote_list .promote_item:nth-child(1) .step:before{content: ''; width: 12px; height: 12px; background:url('../images/index_promote_point.png') no-repeat center center; background-size: cover; position: absolute; right: 4px; bottom: 20px;}
.index_promote_mode .promote_list .promote_item:nth-child(1) .step:after{content: ''; width:145px; height: 0px; border-top: 1px solid #16bd96; position: absolute; transform:rotate(14deg); top: 110px; right: -127px; z-index: -1;}

.index_promote_mode .promote_list .promote_item:nth-child(2) .step:before{content: ''; width: 12px; height: 12px; background:url('../images/index_promote_point.png') no-repeat center center; background-size: cover; position: absolute; left: -2px; top: 33px; z-index: 2;}
.index_promote_mode .promote_list .promote_item:nth-child(2) .step:after{content: ''; width: 12px; height: 12px; background:url('../images/index_promote_point.png') no-repeat center center; background-size: cover; position: absolute; right: -2px; top: 33px; z-index: 2;}

.index_promote_mode .promote_list .promote_item:nth-child(3) .step:before{content: ''; width:145px; height: 0px; border-top: 1px solid #16bd96; position: absolute; transform:rotate(-14deg); top: 109px; left: -128px; z-index: -1;}
.index_promote_mode .promote_list .promote_item:nth-child(3) .step:after{content: ''; width: 12px; height: 12px; background:url('../images/index_promote_point.png') no-repeat center center; background-size: cover; position: absolute; right: 5px; top: 90px; z-index: 2;}

.index_promote_mode .promote_list .promote_item:nth-child(4) .step:before{content: ''; width:145px; height: 0px; border-top: 1px solid #16bd96; position: absolute; transform:rotate(14deg); top: 23px; left: -138px; z-index: -1;}
.index_promote_mode .promote_list .promote_item:nth-child(4) .step:after{content: ''; width: 12px; height: 12px; background:url('../images/index_promote_point.png') no-repeat center center; background-size: cover; position: absolute; left: -2px; top: 35px; z-index: 2;}

.index_promote_mode .promote_list .promote_item:nth-child(5) .step:before{content: ''; width:145px; height: 0px; border-top: 1px solid #16bd96; position: absolute; transform:rotate(-14deg); top: 112px; left: -130px; z-index: -1;}
.index_promote_mode .promote_list .promote_item:nth-child(5) .step:after{content: ''; width: 12px; height: 12px; background:url('../images/index_promote_point.png') no-repeat center center; background-size: cover; position: absolute; left: 4px; top: 90px; z-index: 2;}

.index_promote_mode .promote_more{display: block;width: 506px; height: 70px; line-height: 70px; font-size: 18px; text-align: center; color: #fff; text-decoration: none; margin: 75px auto 0px; border-radius: 10px; background-color: #000000;}
.index_promote_mode .promote_more:hover{background-color: #0039f4;}

.user_case{margin-top: 110px;}
.user_case .main_title{font-size: 38px; line-height: 38px; color: #000000; font-weight: bold; text-align: center;}
.user_case .case_list{display: block; width: 100%; margin-top: 10px; text-align: center; padding: 0px !important;}
.user_case .case_list .item .tags{display: inline-block; font-size: 16px; color: #fff; height: 26px; line-height: 26px; padding: 0 12px; background-color: #ed1c24; border-radius: 13px;}
.user_case .case_list .item{margin: 85px auto 0px; width: 89.16667%; display: flex; justify-content:space-between;}
.user_case .case_list .item .left_side{width: 34.67289%;}
.user_case .case_list .item .right_side{width: 60.74766%; text-align: left;}
.user_case .case_list .item .right_side .web_url{font-size: 24px; line-height: 32px; color: #000; margin-top: 15px;}
.user_case .case_list .item .right_side .main_pro{font-size: 16px; line-height: 32px; color: #646464; margin-top: 10px;}
.user_case .case_list .item .right_side .desc{padding: 10px 0px 10px 25px; border-left: 1px solid #0ebb92; font-size: 16px; line-height: 26px; color: #434343; position: relative; margin-top: 15px;}
.user_case .case_list .item .right_side .desc:before{content: ''; width: 5px; height: 5px; background-color: #0ebb92; position: absolute; top: -3px; left: -3px;}
.user_case .case_list .item .right_side .desc:after{content: ''; width: 5px; height: 5px; background-color: #0ebb92; position: absolute; bottom: -3px; left: -3px;}
.user_case .case_list .item .right_side .desc .weight{color: #000000; font-weight: bold;}
.user_case .case_more{display: block;width: 506px; height: 70px; line-height: 70px; font-size: 18px; text-align: center; color: #fff; text-decoration: none; margin: 75px auto 0px; border-radius: 10px; background-color: #000000;}
.user_case .case_more:hover{background-color: #0039f4;}


.index_about_us{margin: 115px auto 0px; width: 100%; max-width: 1200px;}
.index_about_us .main_title{font-size: 38px; line-height: 38px; color: #000000; font-weight: bold; text-align: center;padding-bottom: 45px; position: relative;}
.index_about_us .main_title:after{content: ''; width: 47px; height: 1px; background-color: #0db083; position: absolute; left: 50%; bottom: 0px; margin-left: -23.5px;}
.index_about_us .desc{font-size: 16px; line-height: 30px; color: #646464; width: 90%; max-width: 775px; margin: 45px auto 0px; text-align: center;}
.index_about_us .pic{text-align: center; margin-top: 55px;}

.index_cp_technology{margin-top: 80px; width: 100%; background-color: #f3f6f9; padding: 38px 0px;}
.index_cp_technology .list{width: 92%; max-width: 1200px; margin:auto; display: flex; justify-content:space-between;}
.index_cp_technology .list .itme{display: inline-block; width: 23.66667%; background-color: #fff; padding: 45px 0px 50px; text-align: center;}
.index_cp_technology .list .itme .big_box{font-weight: bold; font-size: 60px; line-height: 60px; color: #000000;}
.index_cp_technology .list .itme .desc{font-size: 16px; line-height: 16px; color: #646464; margin-top: 24px;}


/******** 2022-6-15  新版 ********/
@keyframes up_to_down{
	0% { transform: translateY(-30px); opacity: 0;}
	100% { transform: translateY(0); opacity: 1;}
}


.index_different{width: 100%; max-width: 1920px; margin: 115px auto 0px; background: url('../images/index_different_bg.png') no-repeat top 510px left 0px; background-size: 100% auto;}
.index_different>.m_title{width: 92%; max-width: 1600px; margin: 0 auto; text-align: center; font-size: 50px; color: #010101; line-height: 50px;}
.index_different .different_list{width: 92%; max-width: 1440px; margin: 95px auto 0px; display: flex; justify-content:space-between;}
.index_different .different_list .item{width: 30.83333%; opacity: 0;}
.index_different .different_list .item .item_tit{font-size: 40px; color: #000; line-height: 40px; }
.index_different .different_list .item .item_stit{font-size: 18px; color: #000; line-height: 27px; min-height: 54px; margin-top: 20px;}
.index_different .different_list .item .pic_box{width: 100%; position: relative; margin-top: 23px;}
.index_different .different_list .item .pic_box .pos_ico{position: absolute; background-color: #fff;}
.index_different .different_list .item .pic_box .pos_ico img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}
.index_different .different_list .item.item1 .pic_box .pos_ico.ico1{width: 20.49549%; padding-top: 20.49549%; top: -9.0604%; left: -6.08108%; border-radius: 4px; box-shadow: 0px 0px 29px rgba(0,0,0,0.07);}
.index_different .different_list .item.item1 .pic_box .pos_ico.ico2{width: 12.16216%; padding-top: 12.16216%; top: 9.0604%; left: 17.56756%; border-radius: 2px; }

.index_different .different_list .item.item2{margin-top: 80px;}
.index_different .different_list .item.item2 .pic_box .pos_ico.ico1{width: 20.49549%; padding-top: 20.49549%; top: -24.83221%; right:3.37837%; border-radius: 4px; box-shadow: 0px 0px 29px rgba(0,0,0,0.07);}
.index_different .different_list .item.item2 .pic_box .pos_ico.ico2{width: 20.49549%; padding-top: 20.49549%; bottom: 11.40939%; left: -17.56756%; border-radius: 4px; box-shadow: 0px 0px 29px rgba(0,0,0,0.07);}

.index_different .different_list .item.item3 .pic_box .pos_ico.ico1{width: 20.49549%; padding-top: 20.49549%; top: -11.74496%; right: -6.3063%; border-radius: 4px; box-shadow: 0px 0px 29px rgba(0,0,0,0.07);}
.index_different .different_list .item.item3 .pic_box .pos_ico.ico2{width: 12.16216%; padding-top: 12.16216%; bottom: 17.78523%; left: -5.4054%; border-radius: 4px; box-shadow: 0px 0px 29px rgba(0,0,0,0.07);}
.index_different .different_list .item.item3 .pic_box .pos_ico.ico3{width: 20.49549%; padding-top: 20.49549%; bottom: -16.77852%; left: 6.75675%; border-radius: 4px; box-shadow: 0px 0px 29px rgba(0,0,0,0.07);}

.index_different .different_list.cur .item.item1{-webkit-animation: up_to_down 1s 0s ease-out forwards; animation: up_to_down 1s 0s ease-out forwards;}
.index_different .different_list.cur .item.item2{-webkit-animation: up_to_down 1s 0.5s ease-out forwards; animation: up_to_down 1s 0.5s ease-out forwards;}
.index_different .different_list.cur .item.item3{-webkit-animation: up_to_down 1s 1s ease-out forwards; animation: up_to_down 1s 1s ease-out forwards;}


.index_different .row_bar{width: 100%; max-width: 1920px; margin: 145px auto 0px; height: 194px; position: relative;}
.index_different .row_bar .bg_box{width: 100%; height: 194px; position: relative; font-size: 0px;}
.index_different .row_bar .bg_box:before{content: ''; display: inline-block; vertical-align: middle; width:75.52083%; height: 194px; background: #1e1d28;}
.index_different .row_bar .bg_box:after{content: ''; display: inline-block; vertical-align: middle; width:24%; height: 194px; background: url('../images/index_different_row_bar_bg.png') no-repeat left center;}
.index_different .row_bar .main_box{width: 92%; max-width: 1600px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); text-align: center;}
.index_different .row_bar .main_box .m_title{display: inline-block; vertical-align: middle; font-size: 40px; line-height: 48px; color: #fff;}
.index_different .row_bar .main_box .lear_more{display:inline-block; vertical-align:middle; font-size: 24px; line-height: 24px; color: #fff; padding: 16px 67px 16px 23px; border:2px solid #b8b8b8; position: relative; border-radius: 30px; margin-left: 50px; text-decoration: none;}
.index_different .row_bar .main_box .lear_more em{display: inline-block; width: 39px; height: 6px; position: absolute; top: calc(50% - 3px); right: 13px; line-height: 0px;}
.index_different .row_bar .main_box .lear_more em:before{content: ''; display: inline-block; vertical-align: middle; width: calc(100% - 6px); height: 2px; background-color: #fff;}
.index_different .row_bar .main_box .lear_more em:after{content: ''; display: inline-block; vertical-align: middle; width: 0; height: 0; border-top: 3px solid transparent; border-left: 6px solid #fff; border-bottom: 3px solid transparent;}

.index_different .help_pop_box{width: 100%; max-width: 1920px; margin: 105px auto 0px;}
.index_different .help_pop_box .m_title{font-size: 50px; line-height: 50px; color: #010101; text-align: center;}
.index_different .help_pop_box .main_box{width: 92%; max-width: 1600px; margin: 185px auto 0px; display: flex; justify-content:center;}
.index_different .help_pop_box .main_box .pic_list{width: 35.6875%; position: relative; margin-right: 117px;}
.index_different .help_pop_box .main_box .pic_list .pic_itme{position: absolute; border-radius: 8px; overflow: hidden; opacity: 0;}
.index_different .help_pop_box .main_box .pic_list .pic_itme.pic1{width: 189px; height: 189px; top: -80px; left: 75px;}
.index_different .help_pop_box .main_box .pic_list .pic_itme.pic2{width: 189px; height: 189px; top: 55px; left: 312px;}
.index_different .help_pop_box .main_box .pic_list .pic_itme.pic3{width: 336px; height: 336px; top: 318px; left: 0px;}
.index_different .help_pop_box .main_box .pic_list .pic_itme.pic4{width: 178px; height: 178px; top: 670px; right: 0px;}
.index_different .help_pop_box .main_box .pic_list .pic_itme.pic5{width: 178px; height: 178px; top: 890px; left: 155px;}
.index_different .help_pop_box .main_box .list{display: inline-block;width: 50%; max-width: 540px; position: relative; text-align: left;}
.index_different .help_pop_box .main_box .list:before{content: ''; width: 0px; height: 950px; border-left: 1px solid #c6d8ec; position: absolute; top: 16px; left: 0px;}
.index_different .help_pop_box .main_box .list .item{padding-left: 90px; padding-bottom: 80px; position: relative; opacity: 0;}
/* .index_different .help_pop_box .main_box .list .item:after{content: ''; width:0px; height: 100%; border-right: 1px solid #c6d8ec; position:absolute; top:16px; left: 0px;} */
.index_different .help_pop_box .main_box .list .item:last-child:after{content: unset;}
.index_different .help_pop_box .main_box .list .item .pic_box{display: none;}
.index_different .help_pop_box .main_box .list .item .point{position: absolute; left:-11px; top: 5px; width: 22px; height:  22px; background-color: #fff; border-radius: 11px; box-shadow: 0px 0px 8px rgba(0,0,0,0.14); z-index: 1;}
.index_different .help_pop_box .main_box .list .item .point:before{content: ''; width: 10px; height: 10px; background-color: #0044ed; border-radius: 5px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); }
.index_different .help_pop_box .main_box .list .item .item_tit{font-size: 28px; line-height: 28px; color: #000; position: relative;}
.index_different .help_pop_box .main_box .list .item .item_tit .num{font-family: Consolas;}
.index_different .help_pop_box .main_box .list .item .item_desc{font-size: 16px; line-height: 32px; color: #000; margin-top: 25px;}

.index_different .help_pop_box .main_box .pic_list .pic_itme.cur{-webkit-animation: up_to_down 1s 0s ease-out forwards; animation: up_to_down 1s 0s ease-out forwards;}
.index_different .help_pop_box .main_box .list .item.cur{-webkit-animation: up_to_down 1s 0s ease-out forwards; animation: up_to_down 1s 0s ease-out forwards;}

.index_full_server{width: 100%; max-width: 1920px; height: 937px; margin: 110px auto 0px; text-align: center; background:url('../images/index_full_server.jpg') no-repeat top center;}
.index_full_server .m_title{text-align: center; font-size: 50px; color: #fff; line-height: 50px; padding-top: 95px;}
.index_full_server .main_box{position: relative; margin-top: 140px; display: inline-block;}
.index_full_server .main_box .abs_box{position: absolute; background-color: #fff; border-radius: 4px; overflow: hidden; opacity: 0;}
.index_full_server .main_box .abs_box.type1{text-align: left;}
.index_full_server .main_box .abs_box.type1 .box_title .ico{display: inline-block; vertical-align: middle;}
.index_full_server .main_box .abs_box.type1 .box_title span{display: inline-block; vertical-align: middle; font-size: 24px; color: #000; margin-left: 15px;}
.index_full_server .main_box .abs_box.type1 .list{width: 280px; font-size: 0px; margin-left: 15px; margin-top: 20px;}
.index_full_server .main_box .abs_box.type1 .list .item{display: inline-block; vertical-align: middle; width: 50%; box-sizing:border-box; padding-left: 29px; font-size: 16px; color: #000; line-height: 32px; background: url('../images/index_full_server_right.png') no-repeat left 0px top 7px; }
.index_full_server .main_box .abs_box.type2{padding: 35px 30px 30px; min-width: 167px;}
.index_full_server .main_box .abs_box.type2 .box_title{font-size: 24px; line-height: 24px; color: #000; margin-top: 30px;}

.index_full_server .main_box .abs_box.pos1{padding: 35px 40px 25px; top: -64px; left: -155px; z-index: 1; box-shadow: 51px 25px 21px rgba(11,43,136,0.27);}
.index_full_server .main_box .abs_box.pos2{top: -76px; right: -44px; z-index: 2; box-shadow: -3px 3px 24px rgba(0,0,0,0.06);}
.index_full_server .main_box .abs_box.pos3{bottom: -60px; left: 365px; z-index: 3; box-shadow: 22px 0px 21px rgba(11,43,136,0.27);}
.index_full_server .main_box .abs_box.pos4{padding: 35px 30px 25px; bottom: -52px; left: -27px; z-index: 1; box-shadow: 51px -51px 21px rgba(11,43,136,0.27);}
.index_full_server .main_box .abs_box.pos5{padding: 35px 30px 25px; top: 131px; right: -157px; z-index: 1; box-shadow: -51px -51px 21px rgba(11,43,136,0.27);}
.index_full_server .main_box .abs_box.pos5 .list .item{width: 100%;}

.index_full_server.cur .main_box .abs_box.pos1{-webkit-animation: up_to_down 1s 0s ease-out forwards; animation: up_to_down 1s 0s ease-out forwards;}
/*
.index_full_server.cur .main_box .abs_box.pos2{-webkit-animation: up_to_down 1s 0.5s ease-out forwards; animation: up_to_down 1s 0.5s ease-out forwards;}
.index_full_server.cur .main_box .abs_box.pos3{-webkit-animation: up_to_down 1s 1.5s ease-out forwards; animation: up_to_down 1s 1.5s ease-out forwards;} */
.index_full_server.cur .main_box .abs_box.pos4{-webkit-animation: up_to_down 1s 0.5s ease-out forwards; animation: up_to_down 1s 0.5s ease-out forwards;}
.index_full_server.cur .main_box .abs_box.pos5{-webkit-animation: up_to_down 1s 1s ease-out forwards; animation: up_to_down 1s 1s ease-out forwards;}


.index_about_box{width: 100%; max-width: 1920px; margin: 115px auto 0px; background: url('../images/index_about_bg.png') no-repeat top 706px center; }
.index_about_box .m_title{text-align: center; font-size: 50px; line-height: 50px; color: #000000;}
.index_about_box .desc{width: 92%; max-width: 990px; margin:55px auto 0px; font-size: 16px; color: #000; line-height: 32px; text-align: center;}

.index_about_box .score_list{width: 92%; max-width: 1600px; margin: 50px auto 0px; display: flex; justify-content:space-between;}
.index_about_box .score_list .score_item{height: 332px; box-shadow: 0px 0px 29px rgba(15,22,76,0.07);}
.index_about_box .score_list .score_item.type1{width:34.3125%; display: flex; align-items:center; justify-content:center;}
.index_about_box .score_list .score_item.type1 .distributed{width: 223px; height: 223px; border-radius: 50%; overflow: hidden; position: relative;}
.index_about_box .score_list .score_item.type1 .distributed .distributed_name{width: 84.75336%; height: 84.75336%; position: absolute; top: 50%; left: 50%; transform:translate(-50% ,-50%); background-color: #fff; z-index: 10; border-radius: 50%;}
.index_about_box .score_list .score_item.type1 .distributed .distributed_name span{font-size: 24px; color: #000; line-height: 30px; text-align: center; position: absolute; top: 50%; left: 50%; transform:translate(-50% ,-50%); width: 100%;}
.index_about_box .score_list .score_item.type1 .data_area{width: 100%; height: 100%; position: absolute; clip: rect(0px, 223px, 223px, 111px);}
.index_about_box .score_list .score_item.type1 .data_area span{position: absolute; width: 100%; height: 100%; border-radius: 50%; clip: rect(0px, 111px, 223px, 0px);}
.index_about_box .score_list .score_item.type1 .data_list{width: 23.52941%; margin-left: 10%;}
.index_about_box .score_list .score_item.type1 .data_list .item{display: block; margin-bottom: 10px; overflow: hidden; opacity: }
.index_about_box .score_list .score_item.type1 .data_list .item .color{display: inline-block;vertical-align: middle; width: 8px; height: 8px; line-height: 24px;}
.index_about_box .score_list .score_item.type1 .data_list .item .key{display: inline-block; vertical-align: middle; font-size:16px; color: #000000; line-height: 24px;}
.index_about_box .score_list .score_item.type1 .data_list .item .val{float: right; line-height: 24px; font-size:16px; color: #000000; }
.index_about_box .score_list .score_item.item2 .data_list{margin-left: 5%; width: 28.57142%;}

.index_about_box .score_list .score_item.type1.cur .data_list .item{-webkit-animation: up_to_down 1s 0s ease-out forwards; animation: up_to_down 1s 0s ease-out forwards;}

.index_about_box .score_list .score_item.type2{width:27.625%; display: flex; justify-content:space-around; align-items:center;}
.index_about_box .score_list .score_item.type2 .list{width: 96%; max-width: 365px;}
.index_about_box .score_list .score_item.type2 .list .item{width: 100%; overflow: hidden;margin-bottom: 60px; opacity: 0;}
.index_about_box .score_list .score_item.type2 .list .item:last-child{margin-bottom: 0px;}
.index_about_box .score_list .score_item.type2 .list .item .pic{display: inline-block; vertical-align: middle; width: 40px; padding-top: 40px; position: relative;}
.index_about_box .score_list .score_item.type2 .list .item .pic img{position: absolute; top: 0px; right: 0px; bottom: 0; left: 0px; margin: auto;}
.index_about_box .score_list .score_item.type2 .list .item .item_tit{display: inline-block; vertical-align: middle; font-size: 16px; line-height: 40px; color: #000; margin-left: 30px;}
.index_about_box .score_list .score_item.type2 .list .item .item_price{float: right; font-size: 24px; line-height: 40px; color: #000;} 

.index_about_box .score_list .score_item.type2 .list .item:nth-child(1){-webkit-animation: up_to_down 1s 0s ease-out forwards; animation: up_to_down 1s 0s ease-out forwards;}
.index_about_box .score_list .score_item.type2 .list .item:nth-child(2){-webkit-animation: up_to_down 1s 0.5s ease-out forwards; animation: up_to_down 1s 0.5s ease-out forwards;}
.index_about_box .score_list .score_item.type2 .list .item:nth-child(3){-webkit-animation: up_to_down 1s 1s ease-out forwards; animation: up_to_down 1s 1s ease-out forwards;}

.index_about_box .seo_client{width: 92%; max-width: 1600px; margin: 30px auto 0px; box-shadow: 0px 0px 29px rgba(15,22,76,0.06); padding: 45px 0px 60px; background-color: #fff;}
.index_about_box .seo_client .m_title{font-size: 24px; color: #000; line-height: 30px; margin-left: 80px; text-align: left;}
.index_about_box .seo_client .seo_list{width: 100%; margin-top: 35px; display: flex; justify-content:center;}
.index_about_box .seo_client .seo_list .item{text-align: center; width: 16.66667%; position: relative;}
.index_about_box .seo_client .seo_list .item:before{content: ''; width: 1px; height: 100%; background-color: #dedede; position: absolute; left: 0px; top: 0px;}
.index_about_box .seo_client .seo_list .item:first-child:before{content: unset;}
.index_about_box .seo_client .seo_list .item .top_tit{font-size: 16px; color: #000; line-height: 30px;}
.index_about_box .seo_client .seo_list .item .num{font-size: 30px; color: #000; line-height: 30px; margin-top: 15px;}

.index_about_box .cp_architecture{width: 92%; max-width: 1600px; margin: 30px auto 0px; box-shadow: 0px 0px 29px rgba(15,22,76,0.06); padding: 45px 0px 40px; background-color: #fff;}
.index_about_box .cp_architecture .m_title{font-size: 24px; color: #000; line-height: 30px; margin-left: 80px; text-align: left;}
.index_about_box .cp_architecture .m_title span{display: inline-block; font-size: 16px;  margin-left: 20px;}
.index_about_box .cp_architecture .line_box{width: 90%; margin: 40px auto 0px; position: relative; padding: 80px 0px;}
.index_about_box .cp_architecture .line_box .line{width: 100%; height: 16px; border-radius: 8px; position: relative; overflow: hidden;}
.index_about_box .cp_architecture .line_box .line .group_item{position: absolute; top: 0px; left: 0px; height: 16px;}

.index_about_box .cp_architecture .line_box .group_data{position: absolute; text-align: center; transform:translateX(-50%); background-color: #fff; padding: 0px 20px;}
.index_about_box .cp_architecture .line_box .group_data .per{font-size: 24px; color: #000; }
.index_about_box .cp_architecture .line_box .group_data .name{font-size: 16px; color: #000; margin-top: 15px; word-break:keep-all;}


@media screen and (max-width: 1300px) {
	.index_about_box .score_list .score_item.type1 .distributed{width: 180px; height: 180px; }
	.index_about_box .score_list .score_item.type1 .data_area{clip:rect(0px, 180px, 180px, 90px);}
	.index_about_box .score_list .score_item.type1 .data_area span{clip:rect(0px, 90px, 180px, 0px);}
	.index_about_box .score_list .score_item.type1 .data_list{margin-left: 5%; width: 30%;}
	.index_about_box .score_list .score_item.item2 .data_list{margin-left: 5%; width: 35%;}

	.index_about_box .score_list .score_item.type2 .list .item{}
	.index_about_box .score_list .score_item.type2 .list .item .item_tit{font-size: 14px; margin-left: 10px;}
	.index_about_box .score_list .score_item.type2 .list .item .item_price{font-size: 18px;}
}

@media screen and (max-width: 991px) {
	/*.ueeshop_responsive_header .header .logo img{max-height: 22px;} */
	


	.banner .banner_main .b_info{margin-top: 26.66667vw;}

	.index_mon_pay{margin-top: 11.33333vw; }
	.index_mon_pay .main_title{font-size: 7.2vw; line-height: 9.6vw;}
	.index_mon_pay .list{margin-top: 10.66667vw; flex-wrap:wrap;}
	.index_mon_pay .list .item{width:100%; margin-top: 7.73333vw; padding: 8vw 4.66667vw;}
	.index_mon_pay .list .item .num{font-size: 8vw; }
	.index_mon_pay .list .item .item_title{font-size: 6.66667vw; margin-top: 0vw;}
	.index_mon_pay .list .item .item_pic{margin-top: 4vw; padding-top:46.66667vw; }
	.index_mon_pay .list .item .func_list{margin-top: 6vw;}
	.index_mon_pay .list .item .func_list .func_item{width:calc(52% - 30px); font-size: 3.73333vw; line-height: 3.73333vw; background-size: 2.8vw 2.8vw; padding-left: 5.06666vw;}
	.index_mon_pay .list .item .get_url{margin-top: 6vw; height: 12vw; line-height: 12vw; font-size: 3.73333vw; border-radius: 2.67777vw;}
	.index_mon_pay .list .item .get_url:hover{background-color: #000;}

	.index_our_advantage{margin-top: 14.66667vw;}
	.index_our_advantage .main_title{font-size: 7.2vw; line-height: 9.6vw;}
	.index_our_advantage .list{margin-top: 0vw; flex-wrap:wrap;}
	.index_our_advantage .list .item{width: 100%; margin-top: 11.33333vw;}
	.index_our_advantage .list .item .item_title{font-size: 5.6vw; line-height: 5.6vw; margin-top: 5.33333vw;}
	.index_our_advantage .list .item .item_desc{font-size: 3.73333vw; line-height: 8vw; margin-top: 4vw;}


	.index_promote_mode{margin-top: 14.66667vw;}
	.index_promote_mode .main_title{font-size: 7.2vw; line-height: 6.66667vw;}
	.index_promote_mode .promote_list{margin: 9.33333vw auto 0px; width: 81.15942%; position: relative;}
	.index_promote_mode .promote_list:before{content:'' ; width: 0px; height: 100%; border-right: 1px solid #0cba91; position: absolute; top: 0px; left: 8.2vw; z-index: -1;}
	.index_promote_mode .promote_list .promote_item{width:100%; margin-right: 0px; text-align: left; margin-top: 10vw;}
	.index_promote_mode .promote_list .promote_item:nth-child(2n){margin-top: 10vw;}
	.index_promote_mode .promote_list .promote_item:first-child{margin-top: 0px;}
	.index_promote_mode .promote_list .promote_item:last-child{background-color: #fff;}
	.index_promote_mode .promote_list .promote_item .step{display: inline-block; vertical-align: top; width: 16.4vw; height: 16.4vw; line-height: 16.4vw; border-radius: 8.2vw; font-size: 12.8vw;}
	.index_promote_mode .promote_list .promote_item .info_box{display: inline-block; vertical-align: top; width: calc(100% - 22.8vw); margin-left: 6vw;}
	.index_promote_mode .promote_list .promote_item .info_box .title{font-size: 5.06666vw; line-height: 5.06666vw; margin-top: 3.33333vw; }
	.index_promote_mode .promote_list .promote_item .info_box .desc{font-size: 3.73333vw; line-height: 7.46667vw; margin-top: 4vw;}

	.index_promote_mode .promote_list .promote_item:nth-child(1) .step:before{ width:6px; height:6px; bottom: -3px; right:50%; margin-right: -3px;}
	.index_promote_mode .promote_list .promote_item:nth-child(1) .step:after{content: none;}

	.index_promote_mode .promote_list .promote_item:nth-child(2) .step:before{width:6px; height:6px; top: -3px; right:50%; margin-right: -3px; left: unset;}
	.index_promote_mode .promote_list .promote_item:nth-child(2) .step:after{width:6px; height:6px; bottom: -3px; right:50%; margin-right: -3px; top: unset;}
	.index_promote_mode .promote_list .promote_item:nth-child(3) .step:before{content: none;}
	.index_promote_mode .promote_list .promote_item:nth-child(3) .step:after{width:6px; height:6px; top: -3px; right:50%; margin-right: -3px;}

	.index_promote_mode .promote_list .promote_item:nth-child(4) .step:before{width: 6px; height: 6px; background:url('../images/index_promote_point.png') no-repeat center center; background-size: cover; position: absolute; top: -3px; left:50%; margin-left: -3px; z-index: 2; border-top:0px; transform:unset;}
	.index_promote_mode .promote_list .promote_item:nth-child(4) .step:after{width:6px; height:6px; bottom: -3px; top: unset; left:50%; margin-left: -3px;}

	.index_promote_mode .promote_list .promote_item:nth-child(5) .step:before{content: none;}
	.index_promote_mode .promote_list .promote_item:nth-child(5) .step:after{width:6px; height:6px; top: -3px; left:50%; margin-left: -3px;}

	.index_promote_mode .promote_more{width: 78.66667vw; height: 13.46667vw; line-height:13.46667vw; font-size: 4.53333vw; margin-top: 11.33333vw; border-radius: 2.67777vw; font-size: 4.53333vw; max-width: unset;}
	.index_promote_mode .promote_more:hover{background-color: #000;}

	.user_case{margin-top: 14.66667vw;}
	.user_case .main_title{font-size: 7.2vw;}
	.user_case .case_list{margin-top: 0vw;}
	.user_case .case_list .item{margin-top: 12vw; display: block;}
	.user_case .case_list .item .tags{width: 34.13333vw; height: 6.8vw; line-height: 6.8vw; font-size: 3.73333vw; border-radius: 3.33333vw; margin: 0 auto;}
	.user_case .case_list .item .left_side{width:100%; margin-top: 5.33333vw; text-align: center;}
	.user_case .case_list .item .right_side{width: 100%; margin-top: 6.66667vw;}
	.user_case .case_list .item .right_side .web_url{font-size: 4.8vw; line-height: 4.8vw; }
	.user_case .case_list .item .right_side .main_pro{margin-top: 2vw; font-size: 3.73333vw; line-height: 4.26667vw;}
	.user_case .case_list .item .right_side .desc{margin-top: 8vw; padding: 1.33333vw 0px 1.33333vw 6.66667vw; font-size: 3.73333vw; line-height: 6.13333vw;}
	.user_case .case_list .item .right_side .desc:before{width: 11px; height: 11px; left: -5.5px; top: -5.5px;}
	.user_case .case_list .item .right_side .desc:after{width: 11px; height: 11px; left: -5.5px; bottom: -5.5px;}
	.user_case .case_more{width: 78.66667vw; height: 13.46667vw; line-height:13.46667vw; font-size: 4.53333vw; margin-top: 11.33333vw; border-radius: 2.67777vw; font-size: 4.53333vw; max-width: unset;}
	.user_case .case_more:hover{background-color: #000;}
	

	.index_about_us{margin-top: 14.66667vw;}
	.index_about_us .main_title{font-size: 7.2vw; line-height: 6.66667vw; padding-bottom: 8.66666vw;}
	.index_about_us .main_title:after{width: 11.06667vw; height: 1vw; margin-left: -5.466667vw;}
	.index_about_us .desc{width: 92%; font-size: 3.73333vw; line-height: 6.13333vw;}
	.index_about_us .pic{margin-top: 6.66667vw; font-size: 0px;}

	.index_cp_technology{margin-top: 0px; padding: 8vw 0 4.8vw;}
	.index_cp_technology .list{flex-wrap:wrap;}
	.index_cp_technology .list .itme{width: 48.69565%; padding: 8vw 0px; margin-bottom: 3.2vw;}
	.index_cp_technology .list .itme .big_box{font-size: 8vw; line-height: 8vw;}
	.index_cp_technology .list .itme .desc{font-size: 3.73333vw; line-height: 3.73333vw; margin-top: 3.33333vw;}

	.index_different{background: unset; margin-top:11.33333vw;}
	.index_different>.m_title{font-size: 7.46667vw; line-height:7.46667vw;  }
	.index_different .different_list{flex-wrap:wrap; width: 80%; margin-top:  12.66667vw;}
	.index_different .different_list .item{width: 100%; display: flex; flex-direction:column-reverse; align-items:center; margin-top: 11.33333vw;}
	.index_different .different_list .item:first-child{margin-top: 0vw;}
	.index_different .different_list .item .item_info{text-align: center; margin-top: 4.66667vw;}
	.index_different .different_list .item .item_tit{font-size: 5.33333vw; line-height: 6.4vw;}
	.index_different .different_list .item .item_stit{font-size: 3.73333vw; line-height: 6.4vw; margin-top: 2.67777vw;}
	.index_different .different_list .item .pic_box{display: inline-block; width: auto; margin-top: 0px;}

	.index_different .different_list .item.item1 .pic_box .pos_ico.ico1{width:12.13333vw; padding-top: 12.13333vw;  top:-7.2vw; left:-4.26667vw; }
	.index_different .different_list .item.item1 .pic_box .pos_ico.ico2{width:7.2vvw; padding-top:7.2vv; top:0vw; left:9.73333vw; }
	.index_different .different_list .item.item2 .pic_box .pos_ico.ico1{width:12.13333vw; padding-top: 12.13333vw;  top:-6vw; right:-3.86667vw; }
	.index_different .different_list .item.item2 .pic_box .pos_ico.ico2{width:12.13333vw; padding-top: 12.13333vw;  bottom:7.46667vw; left:-5.73333vw; }
	.index_different .different_list .item.item3 .pic_box .pos_ico.ico1{width:12.13333vw; padding-top: 12.13333vw;  top:-4.66667vw; right:-6.13333vw;; }
	.index_different .different_list .item.item3 .pic_box .pos_ico.ico2{width:7.2vw; padding-top: 7.2vw;  bottom:10.4vw; left:3.73333vw;; }
	.index_different .different_list .item.item3 .pic_box .pos_ico.ico3{width:12.13333vw; padding-top: 12.13333vw;  bottom:-4.93333vw; left:-5.6vw; }

	.index_different .row_bar{margin-top:14vw; height: auto; min-height: 63.2vw; background: url('../images/index_different_row_bar_bg_mb.jpg') no-repeat right bottom #1e1d28;}
	.index_different .row_bar .bg_box{display:none;}
	.index_different .row_bar .bg_box:before,.index_different .row_bar .bg_box:after{content: none;}
	.index_different .row_bar .main_box .m_title{display: block; text-align: center; font-size: 7.46667vw; line-height: 11.2vw;}
	.index_different .row_bar .main_box .lear_more{margin-left: 0px; margin-top: 8vw; padding: 0px; width: 47.46667vw; background-color: #3b3a43; height: 10.13333vw; line-height: 10.13333vw; border-radius: 5.2vw; font-size: 4vw; text-align: left; text-indent: 4vw;}
	.index_different .row_bar .main_box .lear_more em{text-indent: 0px; width: 5.06666vw; right:3.06667vw; }

	.index_different .help_pop_box{margin-top: 12vw;}
	.index_different .help_pop_box .m_title{font-size: 7.46667vw; line-height: 11.2vw; text-align: center;}
	.index_different .help_pop_box .main_box{margin-top: 10vw; display: block;}
	.index_different .help_pop_box .main_box .pic_list{display: none;}
	.index_different .help_pop_box .main_box .list{width: auto; margin-left: 6vw; max-width:unset;}
	.index_different .help_pop_box .main_box .list:before{height: 79%;}
	.index_different .help_pop_box .main_box .list .item{padding-left: 8.66666vw; padding-bottom: 8vw;}
	.index_different .help_pop_box .main_box .list .item .item_tit{font-size: 5.33333vw; line-height: 7.33333vw; display: inline-block; vertical-align: middle;}
	.index_different .help_pop_box .main_box .list .item .item_tit .num{font-family: 'Consolas'; font-size: 7.33333vw; line-height:  7.33333vw;display: inline-block; vertical-align: top; margin-right: 1.5vw;}
	.index_different .help_pop_box .main_box .list .item .item_desc{font-size: 3.73333vw; line-height: 6.4vw;}

	.index_full_server{margin-top: 10.66667vw; background-repeat: repeat-y; height: auto;}
	.index_full_server .m_title{display: block; width: 92%; text-align: center; font-size: 7.46667vw; line-height: 11.2vw; padding-top: 12vw; margin: 0 auto; }
	.index_full_server .main_box{width: 92%; margin: 8vw auto 13.33333vw; }
	.index_full_server .main_box .m_pic{display: none;}
	.index_full_server .main_box .abs_box{position: unset; width: auto; padding: 8.66666vw 8vw 7.33333vw !important; margin-bottom: 6.66667vw; box-shadow: none !important;}
	.index_full_server .main_box .abs_box:last-child{margin-bottom: 0px;}
	.index_full_server .main_box .abs_box.type1 .box_title span{font-size: 5.33333vw;}
	.index_full_server .main_box .abs_box.type1 .list{margin: 5.33333vw auto 0px; width: 100%;}
	.index_full_server .main_box .abs_box.type1 .list .item{font-size: 3.73333vw; line-height: 9.06666vw; background-position: 0px 3.06667vw;}
	.index_full_server.cur .main_box .abs_box.type2{display: none;}

	.index_about_box{margin-top: 12.66667vw; background: none;}
	.index_about_box>.m_title{display: block; width: 92%; text-align: center; font-size: 7.46667vw; line-height: 11.2vw; padding-top: 0vw; margin: 0 auto; }
	.index_about_box .desc{width: 84%; margin-top: 6vw; font-size: 3.73333vw; line-height: 6.4vw; text-align: left;}
	.index_about_box .score_list{width: 92%; margin-top: 8vw; flex-wrap:wrap;}
	.index_about_box .score_list .score_item{height: auto;}
	.index_about_box .score_list .score_item.type1{width:47.82608%; flex-wrap:wrap; align-content:flex-start; padding-top: 8vw; padding-bottom: 7.33333vw;}
	.index_about_box .score_list .score_item.type1 .distributed{width: 29.73333vw; height: 29.73333vw;}
	.index_about_box .score_list .score_item.type1 .data_area{clip:rect(0px, 29.73333vw, 29.73333vw, 14.8vw);}
	.index_about_box .score_list .score_item.type1 .data_area span{clip:rect(0px, 14.8vw, 29.73333vw, 0px);}
	.index_about_box .score_list .score_item.type1 .distributed .distributed_name span{font-size: 3.2vw; line-height: 4vw;}
	.index_about_box .score_list .score_item.type1 .data_list{width: 72%; margin: 6vw auto 0px;}
	.index_about_box .score_list .score_item.type1 .data_list .item .key{font-size: 3.2vw; line-height: 4.26667vw; margin-left: 1vw;}
	.index_about_box .score_list .score_item.type1 .data_list .item .val{font-size: 3.2vw; line-height: 4.26667vw;}
	.index_about_box .score_list .score_item.type2{width:100%; margin-top:2.67777vw;}
	.index_about_box .score_list .score_item.type2{padding: 6.66667vw 0px;}
	.index_about_box .score_list .score_item.type2 .list{width: 91.30%; max-width: unset;}
	.index_about_box .score_list .score_item.type2 .list .item{margin-bottom: 8vw;}
	.index_about_box .score_list .score_item.type2 .list .item .item_tit{font-size: 3.2vw; line-height: 5.33333vw;}
	.index_about_box .score_list .score_item.type2 .list .item .item_price{font-size: 3.2vw; line-height: 5.33333vw;}

	.index_about_box .seo_client{margin-top: 2.67777vw; padding: 8.66666vw 0px 12.66667vw;}
	.index_about_box .seo_client .m_title{margin-left: 0px; text-align: center; font-size: 4.26667vw; line-height: 4.26667vw;}
	.index_about_box .seo_client .seo_list{margin-top: 0vw; flex-wrap:wrap;}
	.index_about_box .seo_client .seo_list .item{width: 50%; text-align: center; margin-top: 9.33333vw;}
	.index_about_box .seo_client .seo_list .item .top_tit{font-size: 3.2vw; line-height: 6vw;}
	.index_about_box .seo_client .seo_list .item .num{font-size: 5.33333vw; line-height: 6vw;}
	.index_about_box .seo_client .seo_list .item:before{content: none;}

	.index_about_box .cp_architecture{margin-top: 2.67777vw; padding: 8.66666vw 0px 11.33333vw;}
	.index_about_box .cp_architecture .m_title{font-size: 4.26667vw; line-height: 4.26667vw; text-align: center; margin-left: 0px;}
	.index_about_box .cp_architecture .m_title span{display: block; font-size: 2.67777vw; line-height: 2.67777vw; margin-top: 15px;}

	.index_about_box .cp_architecture .line_box{width: 2.13333%; height:103.3333vw; margin: 5.33333vw auto 0px; padding: 0px;}
	.index_about_box .cp_architecture .line_box .line{height: 100%; border-radius: 1.3333vw;}
	.index_about_box .cp_architecture .line_box .line .group_item{width: 100%;}
	.index_about_box .cp_architecture .line_box .group_data{transform:translateY(-50%);}
	.index_about_box .cp_architecture .line_box .group_data.left_side{padding: 0px; right: 0px; padding-right: 17.53333vw;}
	.index_about_box .cp_architecture .line_box .group_data.left_side:after{content: ''; width: 14vw; height: 0px; border-top: 1px solid #1b1464; position: absolute; top: 50%; right:0px; }
	.index_about_box .cp_architecture .line_box .group_data.right_side{padding: 0px; left: 0px; padding-left: 17.53333vw;}
	.index_about_box .cp_architecture .line_box .group_data.right_side:after{content: ''; width: 14vw; height: 0px; border-top: 1px solid #1b1464; position: absolute; top: 50%; left:0px; }
	.index_about_box .cp_architecture .line_box .group_data .per{font-size: 4.26667vw; line-height: 4.66667vw;}
	.index_about_box .cp_architecture .line_box .group_data .name{font-size: 3.2vw; line-height: 6vw; margin-top: 0px;}
}