*{box-sizing:border-box;}
body,html{ font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; color: #253654; font-size:14px; line-height:22px; min-width:1260px; max-width:100%;}
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;}

img {max-width:100%;}
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:1400px; margin:auto; position: relative;}

/*字体颜色*/
.f_blue { color: #0184FE;}
.f_green {color: #5fbf31;}
.f_grey {color: #505E77;}
.f_grey2 {color: #646A73;line-height:1.8}
.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:40px;}
.banner_btn {width:155px; height:50px; 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: #00a985; color:#fff;}
.btn_primary:hover {color:#fff;}
.btn_normal {border:1px solid #00a985; color:#00a985; }
.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;}

.sol_btn {line-height:35px; height:35px; font-size:16px; border-radius:24px; padding:0 24px;}

/*切换按钮和三角形箭头*/
.change_btn {width:44px; height:44px; border-radius:50%; text-align:center; cursor:pointer; line-height:44px; display:inline-block;}
.change_btn.change_l {background: linear-gradient( 270deg, rgba(222,233,246,0.2) 0%, rgba(162,162,162,0.2) 100%); margin-right:20px;}
.change_btn.change_r {background: linear-gradient( 90deg, rgba(222,233,246,0.2) 0%, rgba(162,162,162,0.2) 100%);}
.arrow_box_l {width:9px; height:9px; border:1px solid; display:inline-block; border-color: black black transparent transparent; transform:rotate(45deg); margin-left:-4px;}
.arrow_box_r {width:9px; height:9px; border:1px solid; display:inline-block; border-color: transparent transparent black black; transform:rotate(45deg); margin-right:-4px;}
.change_btn:hover .arrow_box_l {border-color: white white transparent transparent;}
.change_btn:hover .arrow_box_r {border-color: transparent transparent white white;}

/*渐变字体*/
.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: #00a985; -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";color: #1a1c1f;font-weight: bold;}
.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); -webkit-backdrop-filter:blur(35px); position:fixed; left:0; right:0; top:44px; z-index:999;}
.top_nav_box .logo { padding-top:0px;}
.top_btn {padding-top:12px;}
.top_btn .btn_primary {margin-left:12px;}

.top_tel {padding:22px 40px 0 0; font-size:16px; line-height:18px;}
.top_tel>img {vertical-align:middle; margin-right:6px; margin-top:0px;}

.nav_box {margin-left:40px; }
.nav_box .nav_item {display:inline-block; padding:0 35px; 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:#00a985;}
.nav_box .nav_item.cur>a,.nav_box .nav_item:hover>a {color:#00a985;}
.nav_item>a .arrow {width:18px; height:18px; position:absolute; right:-20px; top:50%; margin-top:-8px; vertical-align:middle; display:inline-block; background:url("../images/arrow_1.svg") 60% 40% no-repeat; transition:all 0.2s;}
.nav_item:hover>a .arrow {background:url("../images/arrow_2.svg") 60% 40% no-repeat; transform:rotate(90deg);}
.nav_box .nav_item>a:after {background:#00a985; 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;}

.dropdown_box {width:700px; left:-50px; height:0; transition:all 0.3s; background:#fff; padding:0; box-shadow:0px 16px 24px 0px rgba(227,234,252,0.3); border-radius:0px 0px 20px 20px; position:absolute; overflow:hidden;}
.dropdown_box.enter {height:568px; padding:32px 35px;}
.dropdown_box .drop_side {width:260px; height:426px; border-radius:12px; overflow:hidden; background:#F4F9FF; opacity:0; transition:all 0.3s;}
.dropdown_box .drop_side .ds_top {height:204px; background: linear-gradient( 180deg, #e4f5ff 0%, #bbcbff 100%); text-align:center; padding-top:22px;}
.dropdown_box .ds_bottom {padding:20px;}
.dropdown_box .ds_bottom .sub_des {font-size:12px; line-height:18px; margin-top:8px;}
.drop_menu {flex:1; opacity:0; transition:all 0.3s;}
.drop_menu .s_menu_item {width:206px; height:56px; border-radius:8px; display:inline-block; position:relative; padding:12px 0 0 50px; font-size:14px; line-height:18px;}
.drop_menu .s_menu_item>img {width:44px; position:absolute; left:0px; top:8px;}
.drop_menu .s_menu_item .pro_title {display:block; font-weight:bold;}
.drop_menu .s_menu_item .pro_des {font-size:12px;}
.drop_menu .s_menu_item:hover { background:#E8F0FF;}
.drop_menu .s_menu_item:hover .pro_title {color:#0184FE;}
.dropdown_box.enter .drop_menu, .dropdown_box.enter .drop_side {opacity:1;}
.sol .dropdown_box {left:-168px;}
.sol .dropdown_box.enter {height:485px;}

.top_banner { padding:0 50px; padding-top:180px; }
.top_banner .pro_box {line-height:18px; font-size:16px;}
.top_banner .pro_box>img {margin-right:8px; margin-top:-3px;}
.top_banner .banner_big_txt {font-size:48px; line-height:68px; position: relative; padding-top:24px; font-weight:bold;}
.top_banner .sub_txt {font-size:16px; color: #505E77; margin-top:24px;}
.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:100%; background-image:url("../images/smsTrade_banner_bg.jpg"); overflow:hidden;}
.sub_banner_wrapper1007 { background-image:url("../images/banner1.jpg");background-size: cover;}
.sub_banner_wrapper1018 { background-image:url("../images/banner2.jpg");background-size: cover; }
.sub_banner_wrapper1004 { background-image:url("../images/banner3.jpg");background-size: cover; }
.sub_banner_wrapper1002 { background-image:url("../images/banner4.jpg");background-size: cover;}
.sub_banner_wrapper1005 { background-image:url("../images/banner5.jpg");background-size: cover;}
.banner_img_box {position:absolute; right:50px; top:120px; width:500px; height:500px;}
.banner_img_box>img {position:absolute; max-width:200%; right:0; top:0;}


/*底部*/
.ll_foot { color:#fff; background:#282b31; min-height:430px;}
.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:36px;}
.foot_save_wrapper .f_r_txt>div>img {width:72px;}
.footer_wraper { padding-top:60px; padding-bottom:30px;}
.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;}
.qrcode_box {padding-left:20px;}
.copyright {font-size:16px; padding:30px 0; line-height:28px; margin-top:20px;border-top: 1px solid #3a3a3a;}
.copyright a { color: #00a985;}
.foot_tel {/*background: linear-gradient( 135deg, #016FFD 0%, #01A7FF 100%);*/ border-radius: 3px; height:38px; line-height:38px; /*width:190px; */text-align:center;}

/*价格模块*/
.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;}
#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;}

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

@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;}
	.nav_box .nav_item{padding:0 25px}
}

@media screen and (max-width:1260px) {
    .top_nav_box .content {width:100%;}
    .nav_box .nav_item {padding:0 16px;}
}

@media screen and (max-width:1180px) {
    .dropdown_box,.sol .dropdown_box {position:fixed; top:62px; left:0;}
    .top_tel  {display:none;}
    .top_nav_box .content {width:100%;}
    .nav_box .nav_item {padding:0 16px;}
}

@media screen and (max-width:1000px) {
    .top_btn {/*display:none;*/}
}