*{box-sizing:border-box;}
body,html{ /*font-family: "Helvetica Neue", Helvetica, "PingFang SC", Tahoma, Arial, sans-serif;*/  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:black; line-height:35px;}
a {cursor: pointer; color:black; text-decoration:none;}
a:hover,a:active {text-decoration:none; color:inherit; color:#0680F1;}


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

/*字体颜色*/
.f_blue { color: #0680F1;}
.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:hover {background:#136af9;} */
.c_btn.primary1 {background: orange;}
.c_btn.success {background:#7ac23c;}
.c_btn.white {background:#fff; color: #0680F1;}
.c_btn.grey {background:#ccc; color: #fff;}
.c_btn.white.border {background:none; color: #fff; border:1px solid #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(5px); 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 26px; font-size:16px; }
.nav_box .nav_item.cloud {background:url("../images/nav_bg.png") 30% top no-repeat; }
.nav_box .nav_item>a {display:block; position: relative;}
.nav_box .nav_item.cur {color:orange;}
.nav_box .nav_item.cur>a,.nav_box .nav_item:hover>a {color:#0680F1;}
.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("../images/arrow_1.png"); transition:all 0.2s;}
.nav_item:hover>a .arrow {background-image:url("../images/arrow_2.png"); transform:rotate(90deg);}

.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;}

.nav_item>a .arrow2 {border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:12px solid #fff; position:absolute;
left:40%; bottom:-20px; opacity:0; transition:all 0.3s;}
.nav_item:hover>a .arrow2 {opacity:1;}

.top_btn_box {display:none;}
.top_btn_box.show {display:block;}

.nav_box .nav_icon {width:64px; height:64px; background:url("../images/nav_multi_icon_1.jpg");}
.nav_box .nav_icon.icon2 {background:url("../images/nav_multi_icon_2.jpg");}
.nav_box .nav_icon.icon3 {background:url("../images/nav_multi_icon_3.jpg");}
.nav_box .nav_icon.icon4 {background:url("../images/nav_multi_icon_4.jpg");}
.nav_box .nav_icon.icon5 {background:url("../images/nav_multi_icon_5.jpg");}
.nav_box .nav_icon.icon6 {background:url("../images/nav_multi_icon_6.jpg");}
.nav_box .nav_icon.icon7 {background:url("../images/nav_multi_icon_7.jpg");}
.nav_box .nav_icon.icon8 {background:url("../images/nav_multi_icon_8.jpg");}
.nav_box .nav_icon.icon9 {background:url("../images/nav_multi_icon_9.jpg");}
.nav_box .nav_icon.icon10 {background:url("../images/nav_multi_icon_10.jpg");}
.nav_box .nav_icon.icon11 {background:url("../images/nav_multi_icon_11.png");}
.nav_box .nav_icon.icon12 {background:url("../images/nav_multi_icon_12.png");}

.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}}

/* parent下拉框样式 */ 
.dropdownmenu {height:0;  font-size:14px; line-height:32px;  position:fixed;width: 57rem; top:62px; transition:all 0.3s; overflow: hidden;}
.nav_box .nav_item:hover .dropdownmenu{height:360px; padding-top:20px; /*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; z-index: 100;flex-wrap:wrap; background:#F1F2F5; box-shadow: 0 0 16px rgba(152,160,204,0.2);}
/* new 新建固定高度 height: 128px; */
.dropdownmenu_box .nav_pro_item {width:248px; padding:8px 16px; margin-top:16px; margin-left:14px; background:#fff;height: 128px;}
.dropdownmenu_box .nav_pro_item:hover {box-shadow:8px 8px 8px 1px rgba(152,160,204,0.2);}
/* .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:#0680F1;}
.dropdownmenu_box .pro_item .s_dot::before { content:''; margin-right:10px; width:8px; height:8px; background: #ccc; border-radius:50%; display: inline-block;}
.dropdownmenu_box .pro_item:hover .s_dot::before {background:#0680F1;}
.dropdownmenu_box .nav_pro_item.slink {padding:0;}
/* parent下拉框样式 */ 

/* 解决方案下拉框样式 new*/ 
.dropdownmenujjfa {height:0; left: 7%;font-size:14px; line-height:32px;  position:fixed;width: 107rem; top:62px; transition:all 0.3s; overflow: hidden;}
.nav_box .nav_item:hover .dropdownmenujjfa{height:360px; padding-top:20px; /*box-shadow: 0px 15px 30px 1px rgba(105,121,206,0.16), inset 0px 15px 30px 1px #EFF7FF;*/ z-index:1;}
.dropdownmenujjfa_box {display:flex; z-index: 100;flex-wrap:wrap; background:#F1F2F5; box-shadow: 0 0 16px rgba(152,160,204,0.2);}
.dropdownmenujjfa_box .nav_pro_item {width:248px; padding:8px 16px; margin-top:16px; margin-left:14px; background:#fff;}
.dropdownmenujjfa_box .nav_pro_item:hover {box-shadow:8px 8px 8px 1px rgba(152,160,204,0.2);}
/* .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%);} */
.dropdownmenujjfa_box .pro_item:hover .title {color:#0680F1;}
.dropdownmenujjfa_box .pro_item .s_dot::before { content:''; margin-right:10px; width:8px; height:8px; background: #ccc; border-radius:50%; display: inline-block;}
.dropdownmenujjfa_box .pro_item:hover .s_dot::before {background:#0680F1;}
.dropdownmenujjfa_box .nav_pro_item.slink {padding:0;}
.drop_r_jjfa {height:262px; flex:1; display:flex; flex-wrap:wrap; padding-bottom:16px;}
/* 解决方案下拉框样式*/


/* 解决方案下拉框样式 new*/ 
.dropdownmenugywm {height:0; left: 40%;font-size:14px; line-height:32px;  position:fixed;width: 38.5rem; top:62px; transition:all 0.3s; overflow: hidden;}
.nav_box .nav_item:hover .dropdownmenugywm{height:360px; padding-top:20px; /*box-shadow: 0px 15px 30px 1px rgba(105,121,206,0.16), inset 0px 15px 30px 1px #EFF7FF;*/ z-index:1;}
.dropdownmenugywm_box {display:flex; z-index: 100;flex-wrap:wrap; background:#F1F2F5; box-shadow: 0 0 16px rgba(152,160,204,0.2);}
.dropdownmenugywm_box .nav_pro_item {width:248px; padding:8px 16px; margin-top:16px; margin-left:14px; background:#fff;}
.dropdownmenugywm_box .nav_pro_item:hover {box-shadow:8px 8px 8px 1px rgba(152,160,204,0.2);}
/* .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%);} */
.dropdownmenugywm_box .pro_item:hover .title {color:#0680F1;}
.dropdownmenugywm_box .pro_item .s_dot::before { content:''; margin-right:10px; width:8px; height:8px; background: #ccc; border-radius:50%; display: inline-block;}
.dropdownmenugywm_box .pro_item:hover .s_dot::before {background:#0680F1;}
.dropdownmenugywm_box .nav_pro_item.slink {padding:0;}
.drop_r_gywm {height:162px; flex:1; display:flex; flex-wrap:wrap; padding-bottom:16px;}
/* 解决方案下拉框样式*/

.drop_l {width:280px; height:324px; padding:28px; background-color: white;}
.drop_r {height:162px; flex:1; display:flex; flex-wrap:wrap; padding-bottom:16px;}
.drop_line {background: linear-gradient(135deg, #6BB8FF 0%, #0680F1 45%, #0680F1 100%); width:52px; height:5px; margin-top:4px;}
.drop_sub_txt {line-height:24px; margin-top:20px;}
.drop_r_line { background:#C8C8C8; height:2px;}
.dropdownmenu_box .pro_item:hover .drop_r_line {background:#0680F1;}
.drop_case {padding-top:10px;}
.drop_case_item {display:inline-block; width: 60px; margin-right:13px; line-height:30px;}
.drop_case_item:last-child {margin:0;}
.drop_case_item img{ max-width:100%; vertical-align:middle;}
.dropdownmenu_box .pro_item:hover .drop_case_item {box-shadow:4px 4px 4px 1px rgba(152,160,204,0.2);}

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

.banner_wrapper {position:relative; height:562px;margin-top: 62px; overflow: hidden; background-color:#ebeaeb;}
/* min-width:1920px;*/
.banner_slide {min-width:1920px;position:absolute; height:562px; width:100%; left:50%; top:50%; transform:translate(-50%, -50%); background:#ebeaeb; opacity:0; transition:all 0.6s; z-index: 1;}
.banner_slide img {display:block; width:100%; height:100%; object-fit:cover;}
.banner_slide.hightlight {opacity:1; z-index: 2;}
.banner_txt {padding-top:160px; position:relative;z-index:9; line-height:24px;}
.banner_txt h1 {margin-bottom:16px;}
.b_video,.b_image { min-width:1920px; width:100%; 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; z-index:2;}
.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:#0680F1;*/ background: linear-gradient(135deg, #6BB8FF 0%, #0680F1 45%, #0680F1 100%); 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); z-index: 2;}
.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 { height:185px; color:#405B7D;  position:relative; background: linear-gradient(90deg, rgba(236,242,255,0) 0%, #DEE9FF 42%, #0680F1 100%);}
.f_regist_box .f_l{position:absolute; left:0; top:0;}
.f_regist_box .f_r{position:absolute; right:0; bottom:0;}
.f_regist_box .f_bg {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; min-width:1920px;}
.f_regist_box .content {position: relative; z-index:1; height:100%; padding-top:50px;}

.free_btn { line-height:44px;  padding:0 20px; background:none; font-size:18px; margin-top:30px;}

footer {background:#2D3540; color:#fff;}
.foot_tips,.foot_box {display:flex; justify-content:space-between; padding:36px 0; }
.foot_tips .title {color:#fff;}

.foot_tips .sub_des {font-size:15px; padding-top:16px;}
.foot_wrapper {border-bottom:1px solid #455161; border-top:1px solid #455161; font-size:15px; line-height:30px;}
.foot_tips>div {position:relative; padding-left:100px; min-width:260px;}
/* .foot_tips>div:last-child {width:150px;} */
.foot_tips>div>img {position:absolute;left:0; top:0;}


.foot_wrapper .service_box.center {width:310px !important;}
.foot_wrapper .service_box a{ display:inline-block;  width:150px; 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;}




.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:1340px; height:500px; position:relative; background-size:100% 100%;}
.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; 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;}

/*价格方案*/
.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("../images/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;}


/*优势*/
.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("../images/advantage_bg1.jpg") #fff right center no-repeat; padding-left:14px; font-weight:bold;}
.sub_advantage_box:hover .a_title {background:url("../images/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:220px; 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:28px; bottom:50px; width:90px;}
.main_advantage_box .sub_t {padding:15px 135px 0 15px; line-height:25px;}
.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;}

.public_info_box {background-position: center center;  background-repeat:no-repeat; min-height:420px;}
.public_info_item {background:url("../images/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: #0680F1; position:absolute; left:0; top:46px;}


.main_advantage2 {background: rgba(243,245,248,0.4); box-shadow: inset 0px 15px 30px 1px rgba(190, 201, 252, 0.16); padding:60px 0;}
.advantage2_box {display:flex; height:540px; margin-top:10px;}
.advantage2_box .a_left {border-top-left-radius: 15px;border-bottom-left-radius: 15px;width:338px; background:#fc3; color:black; padding:40px 30px; position:relative;}
.advantage2_box .a_right{border-top-right-radius: 25px;border-bottom-right-radius: 25px;flex:1; background: #FFFFFF; box-shadow: 0px 0px 24px 1px rgba(105,121,206,0.16); width:0; display:flex; flex-wrap:wrap;  justify-content: space-between;}
.advantage2_box .a_left .sub_title { padding:16px 0; line-height:28px;}
.advantage2_box .a_left .ys_l_img {position:absolute; right:0; bottom:0;}
.advantage2_box .a_left .line {height: 1px; background:#fff; opacity:.2; margin-bottom:16px;}
.advantage2_box .a_left .item_box {line-height:48px; font-size:18px; position:relative; padding-left:42px;}
.advantage2_box .a_left .item_box>span {}
.advantage2_box .a_left .item_box>img {position:absolute; left:0; top:50%; transform:translateY(-50%);}
.advantage2_item {height:268px; width:33.3%; border-left:1px solid #F1F1F1; border-bottom:1px solid #F1F1F1; position:relative; overflow: hidden;padding:50px 30px; line-height:28px;}
.advantage2_item>img.bg {position:absolute; right: -100px; bottom:-100px; opacity:0; transition:all 0.6s;}
.advantage2_item:nth-child(n+4) {border-bottom:none;}
.advantage2_item:hover>img.bg {position:absolute; right:0; bottom:0; opacity:1;}
.advantage2_item .a_icon {position:absolute; left:30px; top:30px; width:61px;}

@media screen and (max-width:1400px) {
  .sub_advantage,.price_wrapper,.main_advantage,.jobs_item {margin:0 !important;}
  .banner_slide {padding-left: 20px;}
  .dots_wrapper {left:20px;}
  .nav_box .nav_item {padding:0 20px;}
}

@media screen and (max-width:1280px) {
  .content {width:1260px; }
  .banner_txt {padding-left:50px;}
  .banner_dots {padding-left:50px;}
  .foot_tips {padding: 36px 20px;}
  .nav_box .nav_item,.top_btn_box a {font-size:15px;}
  .drop_l { width:200px; }
}

@media screen and (min-width:1920px) {
    .nav_box {margin-left:80px;}
}

@media screen and (min-width:2400px) {
    .nav_box {margin-left:300px;}
}

@media screen and (min-width:2560px) {
    .nav_box {margin-left:380px;}
}

/* ======================================================================
   响应式优化（Senior Developer 添加 · 仅追加，不影响桌面布局）
   断点：≥1366 桌面 / 1100 折叠下拉 / 768 手机 / 480 超小屏
   ====================================================================== */
html { scroll-behavior: smooth; }

/* 汉堡按钮：桌面隐藏，手机显示 */
.nav_toggle { display:none; position:absolute; right:14px; top:50%; transform:translateY(-50%);
  width:42px; height:42px; padding:10px; background:none; border:0; cursor:pointer; z-index:30; }
.nav_toggle span { display:block; height:2px; width:100%; background:#253654; border-radius:2px;
  transition:all .3s cubic-bezier(.16,1,.3,1); }
.nav_toggle span + span { margin-top:6px; }
.nav_toggle.active span:nth-child(1) { transform:translateY(8px) rotate(45deg); }
.nav_toggle.active span:nth-child(2) { opacity:0; }
.nav_toggle.active span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }

/* 抽屉遮罩 */
.nav_overlay { display:none; }
.top_nav_box.nav-open ~ .nav_overlay { display:block; position:fixed; left:0; right:0; top:62px; bottom:0;
  background:rgba(0,0,0,.35); z-index:15; }

/* 返回顶部 */
.back-top { display:none; position:fixed; right:18px; bottom:22px; width:46px; height:46px;
  border-radius:50%; background:linear-gradient(135deg,#6BB8FF 0%,#0680F1 100%); color:#fff;
  align-items:center; justify-content:center; font-size:20px; line-height:1; cursor:pointer;
  box-shadow:0 8px 20px rgba(6,128,241,.35); z-index:50; opacity:0; transform:translateY(12px);
  transition:opacity .3s, transform .3s; }
.back-top.show { display:flex; opacity:1; transform:translateY(0); }
.back-top:hover { color:#fff; }

/* ---------- 平板：容器收束，下拉收窄 ---------- */
@media screen and (max-width:1366px) {
  .content { width:auto; max-width:1340px; padding-left:20px; padding-right:20px; }
}
@media screen and (max-width:1100px) {
  .top_nav_box { padding-left:16px; padding-right:16px; }
  .nav_box { margin-left:10px; }
  .nav_box .nav_item { padding:0 14px; font-size:15px; }
  .dropdownmenu { width:92% !important; left:4% !important; }
  .dropdownmenujjfa { width:94% !important; left:3% !important; }
}

/* ---------- 手机：核心响应式 + 抽屉导航 ---------- */
@media screen and (max-width:768px) {
  body, html { overflow-x:hidden; }
  .content { width:100%; padding-left:15px; padding-right:15px; }

  /* 顶部导航 → 右侧抽屉 */
  .top_nav_box { padding-left:12px; padding-right:12px; }
  .top_nav_box .logo img { width:72px; margin:-5px 4px !important; }
  .nav_toggle { display:block; }
  .nav_box {
    position:fixed; top:62px; right:0; width:82%; max-width:320px; height:calc(100vh - 62px);
    background:#fff; box-shadow:-8px 0 24px rgba(0,0,0,.12);
    flex-direction:column; align-items:stretch; margin-left:0; padding:6px 0;
    overflow-y:auto; transform:translateX(100%);
    transition:transform .3s cubic-bezier(.16,1,.3,1); z-index:20; line-height:52px;
  }
  .top_nav_box.nav-open .nav_box { transform:translateX(0); }
  .nav_box .nav_item { display:block; padding:0 18px; border-bottom:1px solid #f0f0f0; font-size:16px; }
  .nav_box .nav_item > a { display:block; }
  .nav_box .nav_item.cur > a, .nav_box .nav_item:hover > a { color:#0680F1; }
  .nav_box .nav_item > a:after { display:none; }
  .nav_box .nav_item > a .arrow2 { display:none; }
  .nav_box .nav_item > a .arrow { right:2px; transition:transform .3s; }
  .nav_box .nav_item.expanded > a .arrow { transform:rotate(90deg); }

  /* 下拉菜单 → 内嵌手风琴 */
  .dropdownmenu, .dropdownmenujjfa, .dropdownmenugywm {
    position:static !important; width:100% !important; height:auto !important;
    left:auto !important; top:auto !important; overflow:visible !important;
    box-shadow:none !important; padding:0 !important; display:none;
  }
  .nav_item.expanded .dropdownmenu,
  .nav_item.expanded .dropdownmenujjfa,
  .nav_item.expanded .dropdownmenugywm { display:block; }
  .dropdownmenu_box, .dropdownmenujjfa_box, .dropdownmenugywm_box {
    flex-direction:column; box-shadow:none; background:#f7f8fa; padding:6px 0;
  }
  .dropdownmenu_box .nav_pro_item,
  .dropdownmenujjfa_box .nav_pro_item,
  .dropdownmenugywm_box .nav_pro_item {
    width:100% !important; height:auto !important; margin:0 !important;
    padding:10px 16px !important; border-bottom:1px solid #ececec; box-shadow:none !important;
  }
  .drop_l, .drop_r, .drop_r_jjfa, .drop_r_gywm { width:100% !important; height:auto !important; }
  .drop_l { padding:16px !important; }
  .drop_case_item { width:48px !important; margin-right:8px !important; }

  /* Banner */
  .banner_wrapper { height:240px; margin-top:62px; }
  .banner_slide { height:240px; min-width:100%; }
  .banner_slide img { width:100%; height:240px; object-fit:cover; }
  .banner_f { height:auto; padding:8px 0; }
  .banner_f_box { flex-direction:column; }
  .banner_f_box .sub_nav { padding:8px 0; border-bottom:1px solid rgba(255,255,255,.45); }
  .dots_wrapper { bottom:8px; left:15px; }
  .banner_dots .dot { width:22px; }

  /* 产品服务区 */
  .product_nav { flex-wrap:wrap; justify-content:center; gap:10px; }
  .product_nav_item { width:44%; }
  .product_wrapper { height:auto !important; }
  .product_box .product_item { flex-direction:column; }
  .product_box .left_info_wrapper { width:100% !important; height:auto !important;
    border-radius:15px 15px 0 0; position:static; }
  .product_box .product_info { border-radius:0 0 15px 15px; padding:24px !important; }
  .product_box .des_box { width:100% !important; padding:12px 0 !important;
    border-bottom:1px solid #f0f0f0; }
  #hightLine { display:none; }

  /* 我们的优势 */
  .main_advantage2 .advantage2_box { flex-direction:column; height:auto; }
  .advantage2_box .a_left { width:100% !important; border-radius:15px 15px 0 0; }
  .advantage2_box .a_right { width:100% !important; border-radius:0 0 15px 15px; }
  .advantage2_item { width:100% !important; height:auto !important;
    border:0 !important; border-bottom:1px solid #f1f1f1 !important; padding:24px 16px !important; }

  /* 客户案例 */
  .case_content_box { border-radius:12px; }
  .case_item { width:140px; margin-right:10px; margin-bottom:10px; }

  /* 页脚 */
  .foot_tips, .foot_box { flex-direction:column; }
  .foot_tips > div { padding-left:70px; min-width:0; margin-bottom:16px; }
  .foot_box > div { margin-bottom:20px; }
  .copyright { font-size:13px; line-height:24px; }

  /* 子页布局安全网（防溢出、基础堆叠） */
  .sub_product_box { width:100% !important; height:auto !important; }
  .sub_product_box .pro_img_l, .sub_product_box .pro_img_r { position:static !important;
    width:100% !important; }
  .price_wrapper { margin:0 !important; }
  .price_item { width:100% !important; padding:0 !important; float:none !important;
    margin-bottom:24px; }
  .sub_advantage { margin:0 !important; }
  .sub_advantage_item { width:50% !important; padding:0 6px !important; }
  .main_advantage, .more_box .main_advantage { margin:0 !important; }
  .main_advantage_wrapper, .more_box .main_advantage_wrapper { width:100% !important;
    padding:0 !important; padding-top:24px !important; }
  .fang_an_box { padding:40px 0; }
  .fa_content { height:auto !important; }
  .main_fa_content { flex-direction:column; height:auto !important; }
  .main_fa_content .fa_leftbar, .main_fa_content .fa_case,
  .main_fa_content .fa_rightbar, .main_fa_content .fa_body { width:100% !important;
    flex:none !important; }
  .m_c_item_left .m_brand_box { width:100% !important; padding:30px 20px 0 0 !important; }
}

/* ---------- 超小屏 ---------- */
@media screen and (max-width:480px) {
  h1 { font-size:24px; line-height:30px; }
  .product_nav_item { width:100%; }
  .banner_wrapper, .banner_slide, .banner_slide img { height:200px; }
  .sub_advantage_item { width:100% !important; }
  .foot_tips > div { padding-left:56px; }
}