*{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:#000000; line-height:30px;}
a {cursor: pointer; color:#505E77; 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 {/*background:#0680F1;*/ background: linear-gradient(135deg, #6BB8FF 0%, #0680F1 45%, #0680F1 100%);}
/*.c_btn.primary:hover {background:#136af9;} */
.c_btn.primary1 {background: linear-gradient(135deg, #6BB8FF 0%, #0680F1 45%, #0680F1 100%);}
.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(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 25px; font-size:16px; height:62px; overflow: hidden;}
.nav_box .nav_item.cloud {background:url("../image/clound.svg") 30% top no-repeat;}
.nav_box .nav_item>a {display:block; position: relative; color:#000;}
.nav_box .nav_item.cur {color:#0680F1;}
.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("../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:#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;}
.nav_item.activity>a{ display:inline-block; height:62px; width:102px; background:url("../image/nav.png") center center no-repeat; background-size:100% auto; animation: wobble 3s ease-in-out infinite;}

.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.icon10 {background:url("../image/nav_multi_icon_10.jpg");}
.nav_box .nav_icon.icon11 {background:url("../image/nav_multi_icon_11.png");}
.nav_box .nav_icon.icon12 {background:url("../image/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 wobble {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
  
    30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
  
    45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
  
    60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
  
    75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

@keyframes navS { 
    0%{transform:rotate(0);}
    10%,20% {transform:rotate(-6deg);}
    30%,42%,54% {transform:rotate(6deg);}
    36%,48%,60%{transform:rotate(-6deg);}
    72%,100% {transform:rotate(0);}
}

@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 {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: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; flex-wrap:wrap; background:#F1F2F5; box-shadow: 0 0 16px rgba(152,160,204,0.2);}
.dropdownmenu_box .nav_pro_item {width:248px; padding:8px 16px; margin-top:16px; margin-left:14px; background:#fff;}
.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;}

.FloatDiv {position:fixed; right:1%; margin-right:-4px; top:54%; z-index:99;}
.FloatDiv>a {display:block; position: relative;}
.FloatDiv>a>img {display:block;}
.FloatDiv>a.phone {margin-top:-8px;}
.FloatDiv>a.phone:hover {color:inherit;}
.FloatDiv>a.phone:hover .phone_box {display:block;}

.FloatDiv .phone_box {width:280px; background:#F5F7F9; border:2px solid #FFF; position:absolute; left:-280px; top:10px;display:none;
    box-shadow: 3px 3px 30px 1px rgba(122,156,181,0.16), inset 3px 3px 30px 1px rgba(225,243,255,0.16); }
.FloatDiv .phone_box p {padding:0 28px; line-height:32px;}
.FloatDiv .phone_box .phone_f { border-bottom:1px solid #E1E4E9;font-size:16px; color:#1857BD; font-weight:bold; line-height:48px;}
.FloatDiv .phone_box p img {vertical-align:middle; margin-top:-2px; margin-right:5px;}

.drop_l {width:280px; height:324px; padding:28px; background:url("../image/drop_bg.png") #fff right bottom no-repeat;}
.product .drop_l {width:280px; height:324px; padding:28px; background:url("../image/nav_bg.png") #fff right bottom no-repeat;}
.drop_r {height:324px; flex:1; display:flex; flex-wrap:wrap; padding-bottom:16px;}
.aboutUs .drop_l, .aboutUs .drop_r {height:152px;}
.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_sub_txt>img {vertical-align:middle;}
.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 20px; font-size:16px;}

.banner_wrapper {position:relative; height:562px; overflow: hidden; background-color:#ebeaeb;}
.banner_slide {position:absolute; min-width:1920px; height:562px; width:100%; left:50%; top:50%; transform:translate(-50%, -50%); background:#f3f5f8; opacity:0; transition:all 0.6s; z-index: 1;}
.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; min-height:4px; padding:12px 0;  margin-right:10px; float:left; cursor: pointer; position:relative; text-align:right;}
.banner_dots .dot span {height:4px; width:0; z-index:2; display:inline-block; position:absolute; right:0; top:50%; margin-top:-2px;}
.banner_dots .dot i {background:#fff; height:4px; width:32px; display:block; position:absolute; left:0; top:50%; margin-top:-2px;}
.banner_dots .dot.cur span{width:32px; /*background:#0680F1;*/ background: linear-gradient(135deg, #6BB8FF 0%, #0680F1 45%, #0680F1 100%); }
.banner_dots .dot.cur.move span {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 {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 { 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:320px !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;}


/*体验短信*/
.sms_box {text-align:center; background:url("../image/sendBg.jpg") center center no-repeat; background-size:100% 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 #0680F1; 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: #ffffff;
    background: rgb(255 255 255 / 65%);
    box-shadow: inset 0px 15px 30px 1px rgb(255 255 255 / 10%);
    padding-top: 60px;
    padding-bottom: 50px;
    border-top: 1px solid #ffffff;}
.sub_product_box {width:1340px; height:558px; /*background:url("../image/sms_t_pro_bg.png");*/ 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; 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: #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:464px; margin-top:40px;}
.advantage2_box .a_left {width:338px; background:linear-gradient(135deg, #6BB8FF 0%, #0680F1 45%, #0680F1 100%); color:#fff; padding:40px 30px; position:relative;}
.advantage2_box .a_right{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 {opacity: .7; 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 {opacity:.6;}
.advantage2_box .a_left .item_box>img {position:absolute; left:0; top:50%; transform:translateY(-50%);}
.advantage2_item {height:232px; 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 {background:url("../image/ys_item_bg.png") 100% 100% no-repeat;}
.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:1500px) {
    .top_btn_box a {padding:0 10px; font-size:15px;}
    .c_btn.big {font-size:15px;}
    .nav_box .nav_item {padding:0 20px;}
}

@media screen and (max-width:1400px) {
    .nav_box .nav_item.cloud {background-size:100%; background-position:center 30%;}
  .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;}
  .nav_box .nav_item,.top_btn_box a {font-size:15px;}
}

@media screen and (max-width:1360px) {
  .content {width:1260px; }
  .banner_txt {padding-left:50px;}
  .banner_dots {padding-left:50px;}
  .foot_tips {padding: 36px 20px;}
  .nav_box .nav_item {padding:0 15px;}
  .nav_box .nav_item,.top_btn_box a {font-size:14px;}
  .drop_l { width:200px; }
  .dropdownmenu_box .nav_pro_item {width:228px; padding: 8px 8px;}
  .drop_case_item {width:55px; font-size:12px;}
  .f_20 {font-size:18px;}
  .f_16 {font-size:14px;}
  .more_box .main_advantage_box .sub_t {padding:20px 120px 0 80px;}
}

@media screen and (max-width:1280px) {
    .product .drop_l {width:240px;}
    .nav_box .nav_item {padding:0 8px;}
    .content {width:1100px; }
    .nav_box .nav_icon {width:54px; height:54px;}
    .dropdownmenu_box .nav_pro_item {width:200px; padding:8px 4px;}
    .f_18 {font-size:15px;}
    .f_20 {font-size:16px;}
    .dropdownmenu {font-size:13px;}
    .drop_case_item {margin-right:5px;}
    .price_box .p_title {font-size:20px;}
    .price_box .p_tips {font-size:12px;}
    .price_box .tag {margin-right:4px !important; padding:0 4px !important;}
    .sub_product_box .pro_img_l {left:-100px;}
    .sub_product_box .pro_img_r {right:-100px;}
    .sub_product_box .pro_l_txt {padding-left:20px; width: 520px;}
    .mms_video {right:254px !important;}
    .mms .sub_product_box {overflow: hidden !important;}
    .sub_product_box {overflow: hidden;}
}

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