*{box-sizing:border-box;}
body,html{ font-family: "Helvetica Neue", Helvetica, "PingFang SC", Tahoma, Arial, sans-serif; color: #505E77; font-size:14px; line-height:20px;}
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:#0052D9;}


.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:1360px; margin:auto;}

/*字体颜色*/
.f_blue { color: #0052D9;}
.f_green {color: #5fbf31;}
.f_grey {color: #a5a5a5;}
.f_orange {color: #ff8f34;}
.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;} 
.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;}
.ml10 {margin-left:10px;} .ml20 {margin-left:20px;} .ml30 {margin-left:30px;}.ml40 {margin-left:40px;}

.txt_bold {font-weight:bold;}
.txtInfo { color:#999; line-height:28px; text-indent:2em}

/*图片, 图标字体垂直居中*/
.txt_align { text-align: center;}
.txt_right { text-align: right;}
.img_middle {vertical-align:middle;}
.fl {float:left;}
.fr {float:right}


/* 自定义按钮 */
.c_btn { background:#ffa41c; color:#fff; line-height:34px;  display:inline-block; padding:0 30px;  text-align:center; }
.c_btn:hover {color:#fff;}
.c_btn.mini { line-height:22px; font-size:12px;}
.c_btn.medium {line-height:32px; }
.c_btn.big { line-height:42px; font-size:16px;}
.c_btn.round {border-radius:20px; padding:0 20px;}
.c_btn.primary {background:#0052D9;}
.c_btn.primary:hover {background:#136af9;}
.c_btn.success {background:#7ac23c;}
.c_btn.white {background:#fff; color: #0052D9;}
.c_btn.grey {background:#ccc; color: #fff;}
.c_btn img {vertical-align:middle;}


/*头部样式*/
.top_nav_box {background:rgba(255,255,255,.2); position:fixed; left:0; top:0; height:62px; width:100%; border-bottom: 1px solid #D4D5D8; backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px); z-index: 9; padding-left:40px; transition:all 0.3s;}
.top_nav_box.white {background:rgba(255,255,255,.9);}
.top_nav_box .logo {padding-top:12px;}
/* .top_nav_box .logo img {width:152px;} */
.nav_box {line-height:62px; margin-left:40px;}
.nav_box .nav_item {display:inline-block; padding:0 30px; font-size:16px; }
.nav_box .nav_item>a {display:block; position: relative;}
.nav_box .nav_item.cur {color:#0251D8;}
.nav_box .nav_item.cur>a,.nav_box .nav_item:hover>a {color:#0251D8;}
.nav_item>a .arrow {width:18px; height:18px; position:absolute; right:-20px; top:50%; margin-top:-8px; vertical-align:middle; display:inline-block; background-image:url("../image/arrow_1.png"); transition:all 0.2s;}
.nav_item:hover>a .arrow {background-image:url("../image/arrow_2.png"); transform:rotate(90deg);}

.nav_box .nav_item>a:after {background:#0052D9; 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_btn_box {display:none;}
.top_btn_box.show {display:block;}

.nav_box .nav_icon {width:64px; height:64px; background:url("../image/nav_multi_icon_1.jpg");}
.nav_box .nav_icon.icon2 {background:url("../image/nav_multi_icon_2.jpg");}
.nav_box .nav_icon.icon3 {background:url("../image/nav_multi_icon_3.jpg");}
.nav_box .nav_icon.icon4 {background:url("../image/nav_multi_icon_4.jpg");}
.nav_box .nav_icon.icon5 {background:url("../image/nav_multi_icon_5.jpg");}
.nav_box .nav_icon.icon6 {background:url("../image/nav_multi_icon_6.jpg");}
.nav_box .nav_icon.icon7 {background:url("../image/nav_multi_icon_7.jpg");}
.nav_box .nav_icon.icon8 {background:url("../image/nav_multi_icon_8.jpg");}
.nav_box .nav_icon.icon9 {background:url("../image/nav_multi_icon_9.jpg");}

.nav_box .nav_icon.enter {animation:navIconEnter .5s steps(20) forwards; -webkit-animation:navIconEnter .5s steps(20) forwards;}
.nav_box .nav_icon.leave {animation:navIconLeave .5s steps(20) forwards; -webkit-animation:navIconLeave .5s steps(20) forwards;}

@keyframes navIconEnter { 0%{background-position:0 0}100%{background-position:-1280px 0}}
@-webkit-keyframes navIconEnter { 0%{background-position:0 0}100%{background-position:-1280px 0}}

@keyframes navIconLeave {0%{background-position:-1280px 0}100%{background-position:0 0}}
@-webkit-keyframes navIconLeave {0%{background-position:-1280px 0}100%{background-position:0 0}}

.dropdownmenu {background: #FFFFFF; height:0;  font-size:14px; line-height:32px;  position:fixed; left:0; right:0; top:62px; transition:all 0.3s; overflow: hidden;}
.nav_box .nav_item:hover .dropdownmenu{height:250px; box-shadow: 0px 15px 30px 1px rgba(105,121,206,0.16), inset 0px 15px 30px 1px #EFF7FF; z-index:1;}
.dropdownmenu_box {display:flex; flex-wrap:wrap;}
.dropdownmenu_box .nav_pro_item {width:25%; padding:4px 20px; margin-top:30px;}
.dropdownmenu_box .pro_item { display:inline-block;}
/* .dropdownmenu_box .pro_item:hover {background: linear-gradient(180deg, rgba(222,238,255,0.47) 0%, #FFFFFF 100%);} */
.dropdownmenu_box .pro_item:hover .title {color:#0052D9;}
.dropdownmenu .pro_box .sub_t {color:#a9aec5;}

/* .dropdownmenu.solution {height:240px;} */
.solution .dropdownmenu_box .nav_pro_item:hover {background: linear-gradient(180deg, rgba(222,238,255,0.47) 0%, #FFFFFF 100%);}
.nav_box .nav_item:hover .dropdownmenu.solution{height:240px;}
.nav_dot span{width:8px; height:8px; background:#ccc; border-radius:50%; display:inline-block;}
.dropdownmenu_box .pro_item:hover .nav_dot span {background:#0052D9;}
.nav_box .nav_item:hover .dropdownmenu.solution.about{height:160px;}


.top_btn_box a {line-height:62px !important; padding: 0 30px;}

.banner_wrapper {position:relative; height:562px; overflow: hidden; background-color:#ebeaeb;}
.banner_slide {position:absolute; height:562px; width:1920px; left:50%; top:50%; transform:translate(-50%, -50%); background:#f3f5f8; opacity:0; transition:all 0.6s;}
.banner_slide.hightlight {opacity:1;}
.banner_txt {padding-top:160px; position:relative;z-index:9; line-height:24px;}
.banner_txt h1 {margin-bottom:16px;}
.b_video {height:562px; width:1920px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:0;}
.sub_page_b_txt {width:350px; line-height:34px; background: linear-gradient(77deg, #ffa638 0%, rgba(255,255,255,0) 100%); color:#fff; padding-left:20px;}

.dots_wrapper {position:absolute; bottom:140px; left:0; right:0;}
.banner_dots .dot{width:32px; height:4px; background:#fff; margin-right:10px; float:left; cursor: pointer;}
.banner_dots .dot span {height:4px; width:0; }
.banner_dots .dot.cur span{width:32px; float: right; background:#0052D9; 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;}}

.banner_f {height:100px; background: rgba(255,255,255,0.4); position:absolute; left:0; right:0; bottom:0; backdrop-filter: blur(4px);}
.banner_f_box {display:flex; text-align:center; height:100%;}
.banner_f_box .sub_nav { flex:1; background:none; transition:all 0.6s; cursor: pointer;}
.banner_f_box .sub_nav .mt10 {color: #505E77;}
.banner_f_box .sub_nav .title {color:#253654;}
.banner_f_box .sub_nav .title img {vertical-align:middle; margin-top:-4px;}
.banner_f_box .sub_nav .title .gift {display:none;}
.banner_f_box .sub_nav:hover .title .gift {display:inline-block;}
.banner_f_box .sub_nav:hover .title .gift2 {display:none;}

.banner_f_box .sub_nav.cur,.banner_f_box .sub_nav:hover {background:#fff; }
.banner_f_box .sub_nav.cur .title, .banner_f_box .sub_nav:hover .title {color:#007bff;}


/*底部*/
/* .f_regist_box {background:url("../images/f_bg.jpg") center center no-repeat; height:190px; color:#fff; padding-top:50px; }
.free_btn { line-height:44px; border:1px solid #fff; padding:0 20px; background:none; font-size:18px; margin-top:30px;} */

.f_regist_box {background:#fbfcfe; height:191px; color:#405B7D; padding-top:50px; position: relative;  text-align:center;
  box-shadow: 0px -15px 30px 1px rgba(152,160,204,0.16);}
.f_regist_box .f_l{position:absolute; left:0; top:0;}
.f_regist_box .f_r{position:absolute; right:0; top:0;}
.f_regist_box .content {position: relative; z-index:1;}
.f_regist_box .content .f_22 {padding-left:100px;}
.free_btn { line-height:44px;  padding:0 20px; background:none; font-size:18px; margin-top:30px;}

footer {background:#556B87; color:#CCD3DB;}
.foot_tips {display:flex; justify-content:space-between; padding:36px 0; }
.foot_tips .title {color:#fff;}
.foot_tips .title img {width:24px; vertical-align:middle; margin-right:10px;}
.foot_tips .sub_des {font-size:15px; padding-top:16px;}
.foot_wrapper {border-bottom:1px solid #6d84a1; border-top:1px solid #6d84a1; font-size:15px; line-height:30px;}

.foot_wrapper .service_box a{ display:inline-block;  width:160px; color:#CCD3DB;}
.copyright a {color:#CCD3DB;}
.foot_wrapper .service_box a:hover, .copyright a:hover {color:#fff;}
.foot_wrapper .service_box h3{font-weight:500; color:#fff;}
.foot_wrapper .line {width:32px; height:2px; background:#253654; margin:10px 0 20px 0;}
.foot_wrapper .qrcode {display:inline-block; border:1px dashed #ccc;}
.foot_wrapper .qrcode img {display:block;}
.copyright { padding:20px 0; line-height:30px; font-size:15px;}


/*体验短信*/
.sms_box {text-align:center; background:url("../image/sendBg.jpg") center center no-repeat; background-size:100%; height:258px; padding-top:24px;}
.sms_box .tel_box {display:inline-block;}
.sms_box .tel_box input,.sms_box .tel_box a {float: left;}
.sms_box .tel_box input{ background:rgba(255, 255, 255, 0.4); width:400px; height:60px; border:1px solid #0052D9; font-size:20px; padding-left:40px;}
.sms_box .tel_box a {height:60px; line-height:60px; vertical-align:middle; width:240px;}


.sub_wrapper_bg  {background: #F3F5F8; box-shadow: 0px 15px 50px 1px rgba(150,181,212,0.26), inset 0px 15px 30px 1px rgba(152,160,204,0.06); padding:50px 0; border-top:4px solid #fff;}

/*产品介绍*/
.sub_product_wrapper {/*background:#F3F5F8;*/background: rgba(243,245,248,0.65); box-shadow: inset 0px 15px 30px 1px rgba(152,160,204,0.1); padding-top:60px; padding-bottom:50px; border-top:1px solid #e1e6ef;}
.sub_product_box {width:1360px; height:558px; background:url("../image/sms_t_pro_bg.png"); position:relative; }
.sms_pro_box {width:100%;}
.sms_pro_box2 {width:100%; height:100%;}
.sub_product_box .pro_img_l {position:absolute; left:0; bottom:0;}
.sub_product_box .pro_img_r {position:absolute; right:0; bottom:0;}
.sub_product_box .pro_r_txt {padding-right:40px; padding-top:80px; width:450px; font-size:16px;}
.sub_product_box .pro_l_txt {padding-left:80px; padding-top:80px; width:560px; font-size:16px;}
.sub_product_box h3 {line-height:42px; font-size:28px; color: #253654;}
.sub_product_box .cj_box { padding-top:20px;}
.sub_product_box .cj_box span { padding-right:40px; padding-top:10px; display:inline-block;}
.sub_product_box .cj_box img {margin-right:6px;}
.sub_product_box .td_txt {line-height:30px;}
.sub_txt_row {font-size:22px; padding-top:40px;}
.sub_txt_row .icon_l {width:45px; height:45px; padding:5px;  background:#fff; border-radius:10px; overflow: hidden; display:inline-block; vertical-align:middle; margin-right:16px;}
.sub_txt_row .icon_l img {display:block; width:100%; height:100%;}
.sub_txt_row>div {padding:10px 0;}

/*优势*/
.sub_advantage {margin:0 -12px; display:flex; flex-wrap:wrap;}
.sub_advantage_item {padding:0 12px; width:25%;}
.sub_advantage_box {box-shadow: 3px 3px 30px 1px rgba(121,151,201,0.12); border: 4px solid #FFFFFF; background: linear-gradient(180deg, rgba(240,243,247,0.17) 0%, rgba(252,253,253,0.84) 48%, #FFFFFF 100%);}
.sub_advantage .a_title {height:66px; line-height:66px; font-size:22px; background:url("../image/advantage_bg1.jpg") #fff right center no-repeat; padding-left:14px; font-weight:bold;}
.sub_advantage_box:hover .a_title {background:url("../image/advantage_bg2.jpg") #fff right center no-repeat;}
.sub_advantage .a_title img {vertical-align:middle;}
.sub_advantage_txt {height:132px; padding:24px 14px 0 14px; font-size:16px; line-height:28px;}


.main_advantage {margin:0 -18px; display:flex; flex-wrap:wrap;  padding-bottom:60px;}
.main_advantage_wrapper {padding:0 18px; width:33.3%; padding-top:40px;}
.main_advantage_box {height:180px; background: linear-gradient(180deg, #F6F7FA 0%, #FFFFFF 100%); position: relative; 
    box-shadow: 3px 3px 20px 1px rgba(121,151,201,0.12); border:4px solid #FFF; transition:all 0.3s;}
.main_advantage_box .a_img{position:absolute; right:26px; bottom:20px; width:90px;}
.main_advantage_box .sub_t {padding:30px 150px 0 30px; line-height:26px;}
.main_advantage_box:hover {box-shadow: 3px 3px 20px 1px rgba(107, 158, 247, 0.4);}

.more_box {background: rgba(243,245,248,0.4); box-shadow: inset 0px 15px 30px 1px rgba(152,160,204,0.16);}
.more_box .main_advantage_wrapper{width:50%;}
.more_box .main_advantage_wrapper {padding:0 26px; padding-top:52px;}
.more_box .main_advantage_box {height:200px;}
.more_box .main_advantage_box .sub_t {padding:20px 180px 0 60px;}
.more_box .main_advantage_box .a_img {right:30px; bottom:24px;}

/*价格方案*/
.price_wrapper {margin:0 -24px;}
.price_item {padding:0 24px; width: 33.3%; float:left;}
.price_box { padding:0 24px; position:relative; padding-bottom:12px; background: linear-gradient(180deg, rgba(211,220,232,0.17) 0%, rgba(255,255,255,0.6) 52%, #fff 100%); border: 4px solid #fff; box-shadow: 3px 3px 30px 1px rgba(121,151,201,0.12);}
.price_box .p_title {line-height:48px; color:#253654;  font-size:22px;}
.price_box .p_nums {background:#fff; margin:0 -24px; padding:10px 24px;  height:44px;}
.price_box .p_nums .tag {font-size:12px; ; vertical-align:middle; color:#aaa; line-height:20px; padding:0 12px; border:1px solid #ccc; display:inline-block; margin-left:10px;}
.price_box .p_tips {margin:0 -24px; padding:4px 24px; border-bottom:1px solid #f0f0f0; line-height:28px;}
.price_box .price { padding:14px 0;}
.price_box .c_btn.buy {display:block; line-height:40px; font-size:16px;}
.price_more {height:274px; padding-top:120px; background:url("../image/price_more.jpg") 100% 100%; box-shadow: 3px 3px 30px 1px rgba(121,151,201,0.12);}
.price_box .price_tag {position:absolute; right:-12px; top:-11px;}

.public_info_box {background-position: center center;  background-repeat:no-repeat; min-height:420px;}
.public_info_item {background:url("../image/public_info_bj.png"); width:416px; height:229px; position: relative; padding:40px; line-height:24px;}
.public_info_item h2 { color:#253654;}
.public_info_item .line {width:5px; height:20px; background: #0052D9; position:absolute; left:0; top:46px;}


@media screen and (max-width:1280px) {
  .content {width:1260px; }
  .banner_txt {padding-left:50px;}
  .banner_dots {padding-left:50px;}
  .nav_box .nav_item {padding:0 20px;}
  .foot_tips {padding: 36px 20px;}
}