*{box-sizing:border-box;}
body,html{ font-family:Arial, "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif; color: #253654; font-size:14px; line-height:22px; overflow-x: hidden;}
body,html,ul,li,p,h1,h2,h3,h4 {margin:0; padding:0; list-style:none;}
input,select,textarea{outline: 0; resize: none !important; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#aaa;}
/* input type=number时不显示按钮 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}

h1 {font-size:30px;}
h1,h2 {color:#253654; line-height:30px;}
a {cursor: pointer; color:#505E77; text-decoration:none;}
a:hover,a:active {text-decoration:none; color:inherit; color:#0184FE;}

.scroll::-webkit-scrollbar { width:6px;  height:1px; }  /*高宽分别对应横竖滚动条的尺寸*/
/*滚动条里面小方块*/
.scroll::-webkit-scrollbar-thumb {border-radius: 4px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); background: #c6cfdb; }
/*滚动条里面轨道*/
.scroll::-webkit-scrollbar-track { /*box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);*/ background: #ededed;}
  
.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ellipsis2{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.clearfix:after{content:""; clear:both; display:block;}

.ie_tips_wrapper {position: fixed; left:0; right:0; top:0; bottom:0; background:#ccc; background:rgba(0,0,0,.7); z-index:999999;}
.ie_tips_box {width:500px; background:#fff; height:360px; position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-200px; padding:30px;}
.ie_tips_item {width:140px; float:left; text-align:center;}

.content {width:1342px; margin:auto; position: relative;}


/*字体颜色*/
.f_blue { color: #0184FE;}
.f_green {color: #5fbf31;}
.f_grey {color: #A4B1C7;}
.f_grey2 {color: #646A73;}
.f_darkgrey {color: #505E77;}
.f_orange {color: #FF801A;}
.f_red {color:#FF3939;}

/*字体大小*/
.f_12 {font-size:12px;} .f_13 {font-size:13px;} .f_14 {font-size:14px;} .f_15 {font-size:15px;} .f_16 {font-size:16px;} .f_18 {font-size:18px;} .f_20 {font-size:20px;}.f_22 {font-size:22px;} .f_24 {font-size:24px;} .f_26 {font-size:26px;} .f_28 {font-size:28px;} .f_36 {font-size:36px;} 
.mt10 {margin-top:10px;}.mt20 {margin-top:20px;}.mt30 {margin-top:30px;}.mt40 {margin-top:40px;}.mt50 {margin-top:50px;}.mt60 {margin-top:60px;}.mt80 {margin-top:80px;}.mt100 {margin-top:100px;}
.ml10 {margin-left:10px;} .ml20 {margin-left:20px;} .ml30 {margin-left:30px;}.ml40 {margin-left:40px;}
.mr8 {margin-right:8px;} .mr10 {margin-right:10px;} .mr16 {margin-right:16px;} .mr20 {margin-right:20px;} .mr30 {margin-right:30px;}
.op8 {opacity:0.8;} .op6 {opacity:0.6;} .op4 {opacity:0.4;}

.f_20,.f_22,.f_24,.f_26,.f_28,.f_36 {font-family: "PingFangSC-Medium";}
.txt_bold {font-weight:bold;}
.txtInfo { color:#999; line-height:28px; text-indent:2em}

/*图片, 图标字体垂直居中*/
.txt_center { text-align: center;}
.txt_right { text-align: right;}
.img_middle {vertical-align:middle;}
.fl {float:left;}
.fr {float:right}
.flex_row {display:flex; justify-content:space-between;}
.flex1 {flex: 1;}


.banner_btn_box {padding-top:60px;}
.banner_btn {min-width:155px; height:50px; padding: 0 16px; line-height:50px; border-radius:6px; display:inline-block; font-size:18px; text-align:center; cursor: pointer;}
.banner_btn>img {vertical-align:middle; margin-left:10px;}
.banner_btn_box .btn_primary {margin-right:20px;}

.btn_round {border-radius:18px; height:36px; line-height:36px; padding:0 20px; display:inline-block; text-align:center;}
.btn_primary {background: linear-gradient( 135deg, #016FFD 0%, #01A7FF 100%); color:#fff;}
.btn_primary:hover {color:#fff;}
.btn_normal {border:1px solid #3e92ff; color:#3e92ff; }
.btn_purple {background: linear-gradient( 45deg, #5E27FF 0%, #A1B8FF 100%); color:#fff;}
.btn_purple:hover {color:#fff;}
.btn_green {background: linear-gradient( 127deg, #78CF38 0%, #45E1D2 100%); color:#fff;}
.btn_green:hover {color:#fff;}
.btn_1002 { background: linear-gradient( 127deg, #FF43FF 0%, #FE922B 100%); color:#fff;}
.b1002 {border-color:#FE7085;}
.b_purple {border-color:#5E27FF;}
.b_green {border-color:#74D144;}

/*渐变字体*/
.color_txt_blue {  background-clip: text;  background: linear-gradient(36deg, #2246FF 0%, #A5BCFF 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }
.color_txt_blue2 {  background-clip: text; background: linear-gradient(35deg, #006AFF 0%, #9CCDFF 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }
.color_txt_purple {  background-clip: text; background: linear-gradient(35deg, #5E27FF 0%, #A1B8FF 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }
.color_txt_orange {  background-clip: text; background: linear-gradient(135deg, rgba(255, 128, 26, 1) 0%, rgba(255, 144, 144, 0.33) 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }
.color_txt_1002 {  background-clip: text; background: linear-gradient(35deg, #FF43FF 0%, #FE922B 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }
.color_txt_bluePurple { background-clip: text;  background: linear-gradient(90deg, #22D2FF 0%, #E2B3FF 48%, #A5E8FF 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }
.color_txt_green{  background-clip: text; background: linear-gradient(36deg, #78CF38 0%, #45E1D2 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }
.color_txt_yellow{  background-clip: text; background: linear-gradient(36deg, #FFCA43 0%, #FE922B 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }

/* 标题字体 */
.ll_title {font-size:40px; line-height:40px; font-family: "PingFangSC-Medium";}
.ll_sub_title {font-size:20px; color:#646A73; line-height:24px; }

/*导航栏*/
.top_nav_box { height:62px; background: rgba(255,255,255,0.7); backdrop-filter: blur(35px); position:fixed; left:0; right:0; top:0; z-index:999;}
.top_nav_box .logo { padding-top:14px; display:none;}
.top_btn {padding-top:12px; display:none;}
.top_btn .btn_primary {margin-left:12px;}
.language { margin-right:30px; height:62px; line-height:62px; cursor:pointer; position:relative;}
.language .lang_box { width:120px; background:#fff; border-radius: 0px 0px 12px 12px; position:absolute; left:0; top:62px; padding:10px 20px; line-height:36px; display:none;}
.language:hover .lang_box {display:block;}
.menu_btn {display:none;}

.nav_box {/*margin-left:40px;*/ }
.nav_box .nav_item {display:inline-block; padding:0 25px; font-size:16px; height:62px; position:relative;}
.nav_box .nav_item>a {display:block; color:#000; line-height:62px; position:relative;}
.nav_box .nav_item.cur {color:#0680F1;}
.nav_box .nav_item.cur>a,.nav_box .nav_item:hover>a {color:#0680F1;}
.nav_box .nav_item>a:after {background:#0680F1; content:""; width:0; height:2px; display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:0px; transition:all 0.3s;}
.nav_box .nav_item:hover>a:after {width:60px;}

.top_banner {padding-top:180px; }
.top_banner .pro_box {line-height:18px; font-size:20px;}
.top_banner .pro_box>img {margin-right:8px; margin-top:-3px;}
.top_banner .banner_big_txt {font-size:48px; line-height:56px; position: relative; padding-top:24px; font-weight:bold;}
.top_banner .sub_txt {font-size:16px; color: #505E77; margin-top:24px; max-width:600px;}
.top_banner .b_icon {position:absolute; left:328px; top:6px;}

.banner_box {position:relative; height:675px; overflow:hidden;}
.banner_slider { height:675px; position:relative;}
.banner_img {position:absolute; right:0; top:120px;}
.sub_banner_wrapper {height:675px; background-position: center top; background-repeat:no-repeat; background-size:auto 100%; background-image:url("../images/banner/banner_bg_1003.png"); overflow:hidden;}
.banner_img_box {position:absolute; right:0; top:120px; width:500px; height:500px;}
.banner_img_box>img {position:absolute; max-width:200%; right:0; top:0;}

.fadeIn {opacity:0; transform:translateY(100px); transition:all 1s;}
.fadeIn.fadeInActive {opacity:1; transform:translateY(0);;}


/*价格模块*/
.product_phone_box {width:650px; height: 283px; background: linear-gradient( 180deg, #E5E2FF 0%, #FFEFEF 100%); border-radius: 30px; padding:68px 32px 0 32px;}
.product_phone_box .title {font-size:44px; color:#1F2329; font-family:"PingFangSC-Medium";}
.product_phone_box .phone_inp_box {height:68px; border-radius:40px; background:#fff; margin:auto; margin-top:80px; padding:10px 18px; display:flex;}
.product_phone_box .phone_icon { padding:10px 30px 0 10px;}
.product_phone_box .phone_inp_box .btn_round {height:48px; line-height:48px; border-radius:24px;}
#phone {border:0; flex:1; font-size:18px;}

.product_api_box {width:650px; height:487px; background: linear-gradient( 180deg, #E2F2FF 0%, rgba(239,237,255,0.29) 100%); border-radius: 30px; padding:52px 40px 0 40px;}
.product_price_box {width:650px; height: 810px; background: #F6F8FC; border-radius: 30px; padding:68px 42px 0 42px;}
.product_price_box .f_grey {color:#646A73;}
.product_price_box .des {padding-top:20px;}
.product_price_box .des>p {padding:12px 0;}
.product_price_box .des img{ vertical-align:middle;}
.product_price_box .btn_normal {border: 1px solid #FF801A;}

/*底部*/
.ll_foot { color:#fff; background:#03172D;}
.foot_save_wrapper {height:186px; background:url("../images/index/f_safe_bg.jpg"); background-size:cover; }
.foot_save_wrapper .f_l_txt {padding-top:50px; line-height:48px;}
.foot_save_wrapper .f_title {font-size:36px;}
.foot_save_wrapper .f_r_txt {text-align:center; padding-top:40px;}
.foot_save_wrapper .f_r_txt>div {width:180px; line-height:20px;}
.foot_save_wrapper .f_r_txt>div>p {padding-top:16px;}
.foot_save_wrapper .f_r_txt>div>img {width:72px;}
.footer_wraper { padding-top:60px; }
.doc_link_box {padding-left:30px;}
.doc_link_box a {color:#fff; display:inline-block; width:150px; line-height:36px;}
.contact_box {line-height:36px; text-align:center; font-size:16px;}
.qrcode_box {padding-left:20px;}
.copyright {font-size:16px; padding:30px 16px; line-height:28px; }
.copyright a { color: #0184FE;}
.foot_tel {background: linear-gradient( 135deg, #016FFD 0%, #01A7FF 100%); border-radius: 3px; height:48px; line-height:48px; width:190px; text-align:center; margin:auto; margin-bottom:10px;}


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


.contact_item {width:48%; background:#fff; box-shadow:0px 2px 20px 0px rgba(207,219,231,0.5); border-radius:14px; padding:36px 60px; height:232px;}
.contact_item .contact_info {float:left; padding-left:60px; line-height:32px;}
.contact_item .title {font-size:24px;  margin-bottom:4px; font-family:"PingFangSC-Medium";}

.contact_row {flex: 1; border-left:1px solid #CDCDCD; height:260px; padding:48px 0 0 60px;}
.contact_row:first-child {border:0;}
.contact_row .title {font-size:24px; margin-bottom:36px; font-family:"PingFangSC-Medium";}
.contact_row .sub_title {font-size:16px; margin-bottom:20px;}
.contact_row .sub_title::before {width:8px; height:8px; content:""; display:inline-block; background:#0184FE; border-radius:50%; margin-right:16px;}

@media screen and (max-width:1360px) {
    .content {width:1260px;}
    .product_price_box,.product_phone_box,.product_api_box {width:610px;}
    .top_banner {padding-left:50px; padding-right:50px;}
    .banner_img,.banner_img_box {right:40px;}
}

.m_banner_img {display:none;}
@media screen and (max-width:900px) {
    body,html {font-size:12px;}
    .top_banner .sub_txt {font-size:12px;}
    .banner_btn {font-size:12px;}
    .banner_btn_box {padding-top:20px;}
    .banner_btn_box .btn_primary {margin-right:10px;}
    .sub_banner_wrapper {height:auto;}
    .content {width:100%;}
    .top_nav_box .logo {padding-top:18px;}
    .logo img{width:100px;}
    .top_nav_box {padding:0 6px;}
    .top_btn {display:none;}
    .top_banner {padding-left:12px; padding-right:12px; padding-top:80px; text-align:center;}
    .top_banner .pro_box {font-size:16px;}
    .top_banner .banner_big_txt {font-size:20px; line-height:24px; }
    .banner_big_txt img {width:30px;}
    .m_banner_img {display:block; padding-top:16px;}

    .product_price_box,.product_phone_box,.product_api_box {width:100%;}
    .product_phone_box .title {font-size:24px;}
    .product_phone_box {padding:30px 20px 0 20px; height:198px;}
    .product_phone_box .phone_inp_box {margin-top:30px;}
    .product_phone_box .phone_icon {padding:10px 6px 0 0;}
    #phone {width:0; font-size:12px;}
    .phone_inp_box .btn_round {padding:0 10px;}

    .product_api_box {padding:30px 20px 20px 20px; height:auto;}
    .product_api_box .f_36, .product_price_box .f_36{font-size:22px;}

    .product_price_box {margin-top:20px; padding:30px 20px 20px 20px; height:auto;}
    .product_price_box .tel {font-size:24px; margin-top:12px; line-height:28px;}
    
    .banner_img,.banner_img_box {right:40px; display:none;}
    .menu_btn {display:block; padding: 14px 10px 0 10px;}
    .nav_box {position:fixed; left:0; right:0; top:62px; background:#fff; margin-left:0; padding-left:32px; display:none;}
    .nav_box .nav_item {display:block;}

    .ll_title {font-size:22px; line-height:32px;}
    .ll_sub_title {font-size:16px;}
    .mt60 {margin-top:30px;} .mt80 {margin-top:30px;} .mt40 {margin-top:20px;}
    .f_18 {font-size:14px;}
    .sms_row_box { overflow-x:auto;}
    .sms_row_box>div {width:940px;}

    
    .contact_wrapper {text-align:center;}
    .foot_save_wrapper {display:none;}
    .footer_wraper {text-align:center; padding-top:20px;}
    .footer_wraper .contact_wrapper,.footer_wraper>div:first-child {display:none;}
    .footer_wraper .qrcode_box {width:100%;}
    .copyright {margin-top:0; font-size:14px;}
    .ll_foot {min-height:auto;}
}