/**
 * @author     leakey
 * @date       创建日期
 */
/*target指当前路径hash指定的元素的样式，用以锚链接遇到fixed导航的位置纠正*/
/*:target{padding-top:90px;}*/
@font-face {
    font-family: "big-john";
    src: url("font/big-john-woff2-2.ttf") format("truetype");
}

html { overflow-x: hidden; }

/* WebKit内核浏览器样式 */
::-webkit-scrollbar {width: 8px; /* 设置滚动条宽度 */ } 
/* 水平滚动条样式 */
::-webkit-scrollbar-track {background-color: #222; /* 设置滑道背景色 */ }
::-webkit-scrollbar-thumb {background-color: #555; /* 设置滑块背景色 */ border-radius: 4px; /* 设置滑块圆角 */ } 
/* 垂直滚动条样式 */
::-webkit-scrollbar-corner {display: none; /* 去除交叉点 */ } 
/* Firefox浏览器支持 */
@supports (-moz-appearance:none) {
    ::-moz-scrollbar {width: 8px; /* 设置滚动条宽度 */ }    
    ::-moz-scrollbar-track {background-color: #222; /* 设置滑道背景色 */ }    
    ::-moz-scrollbar-thumb {background-color: #555; /* 设置滑块背景色 */ border-radius: 4px; /* 设置滑块圆角 */ }
}


/*title字体*/
.leakey_title{font-size:45px!important;line-height:50px!important;letter-spacing: -1px;}
.leakey_subbanner .leakey_title{text-transform: uppercase;}

@media screen and (max-width: 1440px){
    .leakey_container{padding-right:20px;padding-left:20px}
}
@media screen and (max-width: 720px){
    .leakey_title,.leakey_title_btn_lr .leakey_title{font-size: 34px;line-height: 34px}
}
@media screen and (max-width: 512px){
    .leakey_title,.leakey_title_btn_lr .leakey_title{font-size: 32px;line-height: 38px}
    .leakey_title_sub{font-size: 18px}
    .leakey_title_btn_lr .leakey_more{position:relative;right:auto;left:0;float: none!important}
}

header.leakey_section{position:fixed;top:0;left:0;width:100%;height:90px;z-index:999;background: none;}
header .leakey_container{display: flex;justify-content: space-between;align-items: center;min-height: 90px;}
header .leakey_container::before{content:"";position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: -1;background: linear-gradient(to bottom,rgba(0,0,0,0.5),transparent);}
header .leakey_container .logo{display:flex;align-items:center;font-size: 60px;}
header .leakey_container .logo img{max-height:60px;pointer-events: none;}
header .leakey_container nav{display: flex;align-items: center;gap:var(--container_padding_left_right);flex:1;justify-content: center;overflow: hidden;}
header .leakey_container nav a{font-size: 18px;line-height: 90px;min-width: 0;text-align: center;color:#fff;transition: transform 0.3s ease-in-out,opacity 0.3s ease-in-out;opacity: 1;}
header .leakey_container nav a:hover{color:#333}
header.leakey_section.hide nav a{opacity: 0;transform: translateY(-100%);}
header .leakey_container nav a:nth-child(1){transition-delay: 0s;}
header .leakey_container nav a:nth-child(2){transition-delay: 0.06s;}
header .leakey_container nav a:nth-child(3){transition-delay: 0.12s;}
header .leakey_container nav a:nth-child(4){transition-delay: 0.18s;}
header .leakey_container nav a:nth-child(5){transition-delay: 0.24s;}
header .leakey_container nav a:nth-child(6){transition-delay: 0.3s;}
header .leakey_container nav a:nth-child(7){transition-delay: 0.36s;}
header .top_contacts{display: flex;flex-direction: column;color:#fff;padding-right: calc(var(--container_padding_left_right) * 2);}
header .top_contacts a{color:#fff}
header .top_contacts span.t{opacity: 0.45;text-align: right;width: 100%;display: block;margin-bottom: 5px;}
header .top_contacts span.t::before{content:"/";font-size:14px;padding-right: 5px;}
header .top_contacts span.t::after{content:"/";font-size:14px;padding-left: 5px;}
header .top_contacts strong{font-size: 30px;line-height: 30px;font-family: big-john;letter-spacing: 3px;}
/*nav-btn菜单按钮*/
header .nav_btn{position: relative;width:50px;height:35px;cursor: pointer;}
header .nav_btn::after,header .nav_btn::before{content:"";position: absolute;height: 4px;width: 100%;display: inline-block;background: #fff;bottom:0;left:0;border-radius: 10px;transition: all 0.3s ease-in-out;}
header .nav_btn::before{top:0;left:0;}
header .nav_btn span{position: absolute;height:4px;width:100%;display: inline-block;top:50%;transform: translateY(-50%);}
header .nav_btn span::after,header .nav_btn span::before{content:"";position: absolute;height: 4px;width: 100%;display: inline-block;background: #fff;top:0;left:0;border-radius: 10px;transform: rotate(0deg);transition: all 0.3s ease-in-out;}
header .nav_btn.active::after,header .nav_btn.active::before{width:0;left:50%;opacity:0;}
header .nav_btn.active span::after{transform: rotate(45deg);}
header .nav_btn.active span::before{transform: rotate(-45deg);}
/*nav-btn菜单按钮*/
header .nav_btn{position: relative;width:50px;height:35px;cursor: pointer;}
header .nav_btn::after,header .nav_btn::before{content:"";position: absolute;height: 4px;width: 100%;display: inline-block;background: #fff;bottom:0;left:0;border-radius: 10px;transition: all 0.3s ease-in-out;}
header .nav_btn::before{top:0;left:0;}
header .nav_btn span{position: absolute;height:4px;width:100%;display: inline-block;top:50%;transform: translateY(-50%);}
header .nav_btn span::after,header .nav_btn span::before{content:"";position: absolute;height: 4px;width: 100%;display: inline-block;background: #fff;top:0;left:0;border-radius: 10px;transform: rotate(0deg);transition: all 0.3s ease-in-out;}
header .nav_btn.active::after,header .nav_btn.active::before{width:0;left:50%;opacity:0;}
header .nav_btn.active span::after{transform: rotate(45deg);}
header .nav_btn.active span::before{transform: rotate(-45deg);}
/*移动端菜单*/
.mobile_menu{position: fixed;top:0;left:0;right:0;bottom:0;z-index: 998;display: none;justify-content: center;}
.mobile_menu.show{display: flex;}
.mobile_menu>.container{position: relative;z-index: 1;opacity: 0;display: flex;justify-content: flex-end;flex-direction: column;align-items: center;max-width: 1000px;user-select: none;height:calc(100vh - 90px);top:90px}
.mobile_menu.show>.container{animation: container_show 0.3s ease-in-out 0.3s forwards;}
@keyframes container_show {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.mobile_menu::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;background: rgba(0,0,0,0.25);transform-origin: center;opacity: 0;}
.mobile_menu.show::after{animation: mobile_menu_show 0.6s ease-in-out 0.1s forwards;}
@keyframes mobile_menu_show {
    0% { transform: scale(0);opacity: 0;border-radius: 50%;}
    70% { transform: scale(1);opacity: 1;border-radius: 0;backdrop-filter: blur(0);backdrop-filter: blur(2px);}
    100% { transform: scale(1);opacity: 1;border-radius: 0;backdrop-filter: blur(20px);}
}
.mobile_menu .mobile_menu_list{display: flex;flex-direction: row;gap: 50px;align-items: center;flex: 1;}
.mobile_menu .mobile_menu_list li a{font-size: 32px;line-height:32px;font-weight: normal;color:#fff}
.mobile_menu .services{display: flex;flex-direction: row;gap: 20px;align-items: center;padding-bottom: 50px;}
.mobile_menu .services li{display: flex;flex-direction: column;gap: 20px;align-items: center;background-color: #fff;padding:50px 50px;border-radius: 5px;border:1px solid #f2f2f2}
.mobile_menu .services li strong{font-size: 28px;line-height: 28px;font-weight: normal;}
.mobile_menu .services li a{border-radius: 50px;background: linear-gradient(to left,var(--main_color),var(--help_color));color: var(--white);border:1px solid #fff}
.mobile_menu .services li a:hover{background: #fff;color: var(--font_color);border: 1px solid var(--border_color);}
.mobile_menu .services li div{opacity: 0.65;margin-top: 10px;}

@media screen and (max-width:1200px) {
    header .top_contacts span.t{text-align: center;}
    header .leakey_container nav{display: none;}
}
@media screen and (max-width: 720px){
   .mobile_menu .mobile_menu_list{flex-direction: column;justify-content: center;}
   .mobile_menu .services{display: none;}
   header .top_contacts{position: fixed;background: #c73f0e;bottom:10px;left:10px;width:calc(100vw - 120px);padding:10px 0;color:var(--white);border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.05);}
   header .top_contacts a{color:var(--white);}
   header .top_contacts strong{text-align: center;}   
}
@media screen and (max-width: 500px){
    header .top_contacts{width:calc(100vw - 110px);}
}

/*坐标*/
.banner_coordinate{position: absolute;left:var(--container_padding_left_right);top:50%;transform: translateY(-50%);color:#fff;font-size: 12px;z-index: 10;opacity: 0;animation: banner_coordinate_show 1s ease-in-out forwards;animation-delay: 1s;}
.banner_coordinate .coordinate{display: flex;gap: 10px;}
.banner_coordinate .coordinate>span{flex: 1;}
.banner_coordinate i.pointer{height:5px;width:5px;background: #fff;border-radius: 50%;display: inline-block;margin:0 5px;transform: translateY(7px);}
.banner_coordinate_add{width:150px;display: flex;}
@keyframes banner_coordinate_show {
    0% { opacity: 0;transform: translate(-10px,-50%);}
    100% { opacity: 1;transform: translate(0,-50%); }
}
/*3D空间翻转*/
.animate_3d{
    --add_w:100px;/*宽度*/
    --add_h:100px;/*高度*/
    --add_d:100px;/*深度*/
    transform-style: preserve-3d;position: relative;width:var(--add_w);height:var(--add_h);
    opacity: 0;transition: all 0.3s ease-in-out;display: none;
}
.animate_3d.show{opacity: 1;display:block}
.animate_3d .face{position:absolute;width:100%;height:100%;display:flex;backface-visibility:hidden;}
.animate_3d.center_x .face{justify-content:center;}
.animate_3d.center_y .face{align-items:center;}
.animate_3d .front{ transform:translateZ(calc(var(--add_d) / 2));width:var(--add_w);height:var(--add_h);}
.animate_3d .back{ transform:scale(-1) translateZ(calc(-1 * var(--add_d) / 2)) rotateY(180deg);width:var(--add_w);height:var(--add_h);}
.animate_3d.animate_3d_x .back{transform:translateZ(calc(-1 * var(--add_d) / 2)) rotateY(180deg);}
.animate_3d .right{ transform:translateX(calc(-1 * var(--add_d) / 2)) rotateY(90deg) ;width:var(--add_d);height:var(--add_h);}
.animate_3d .left{ transform:translateX(calc(var(--add_w) - calc(var(--add_d) / 2))) rotateY(-90deg) ;width:var(--add_d);height:var(--add_h);}
.animate_3d .top{ transform:translateY(calc(-1 * var(--add_d) / 2)) rotateX(90deg);width:var(--add_w);height:var(--add_d);}
.animate_3d .bottom{ transform:translateY(calc(var(--add_h) - calc(var(--add_d) / 2))) rotateX(-90deg);width:var(--add_w);height:var(--add_d);} 

/*咨询*/
.banner_consult{position: absolute;right:var(--container_padding_left_right);bottom: var(--container_padding_left_right);z-index: 10;color:#fff;text-align: right;}
.banner_consult p{font-size: 32px;line-height: 32px;margin-bottom: 30px;color:rgba(255,255,255,0.75)}
.consult_btn{display: inline-block;height:50px;padding:0 40px 0 80px;border-radius: 50px;color:#fff!important;font-size: 24px;line-height: 50px;position: relative; transition: all 0.3s ease-in-out;background:linear-gradient(-45deg,#6b6dfa,#0f66e9,#2fb9f0,#137af0);-webkit-animation: gradient 8s ease infinite;
    animation: gradient 8s ease infinite;background-size: 200% 100%;}
.consult_btn .iconfont{font-size: 40px;position: absolute;left:30px;top:50%;transform: translateY(-50%);pointer-events: none;} 
.consult_btn:hover {
    background-position: 100% 0;animation: none;
}

@keyframes gradient {
    0% {background-position: 0 50%}
    50% {background-position: 100% 50%}
    to {background-position: 0 50%}
}



/*文字动画*/
.leakey_aw_flag>span{transition: all 0.3s ease-in-out;transform: translateY(10px);opacity: 0;display: inline-block;}
.leakey_aw_flag.active>span{transform: translateY(0)!important;opacity: 1;pointer-events: none;}


/*鼠标跟随*/
.leakey_cursor{position:fixed;width:15px;height:15px;border-radius:50%;background:#fff;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;z-index:99;left:0;top:0;transition: transform 0.1s ease-out, width 0.3s ease, height 0.3s ease,opacity 0.6s ease-in-out,background 0.6s ease;display: flex;align-items: center;justify-content: center;opacity: 0;}
/* .leakey_cursor>*{display: inline-block;} */
.leakey_cursor.leakey_cursor_breath::after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(255,255,255,.3);animation:cursor_breath 1.5s infinite}
@keyframes cursor_breath {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(3); opacity: 0; }
}
.leakey_cursor_zoom *,.leakey_cursor_disable *{pointer-events: none;}
/* .leakey_cursor>*{opacity: 0;animation: cursor_child_show 0s linear forwards;animation-delay: 0.06s;}
@keyframes cursor_child_show{
    0% { opacity: 0; }
    100% { opacity: 1; }
} */

/*悬浮工具*/
.leakey_float_bar{position: fixed;top:50%;transform: translateY(-50%);right:var(--container_padding_left_right);z-index:99;width:50px;overflow-x: hidden;mix-blend-mode: difference;}
.leakey_float_bar a,.leakey_float_bar a:hover{color:#fff;}
.leakey_float_bar a span{text-align: center;display: block;font-size: 16px;font-weight: bold;}
.leakey_float_bar a .iconfont{font-size: 50px;display: block;height: 50px;line-height: 50px;text-align: center;}

@media screen and (max-width: 720px){
   .leakey_float_bar{bottom: 10px;right:10px;left:auto;transform: translateY(0);top:auto;background:#c73f0e;padding:10px 0;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.05);mix-blend-mode: normal;width:90px;z-index: 999;}
   .leakey_float_bar a{color:var(--white);display: flex;flex-direction: row-reverse;justify-content: center;align-items: center;gap:10px}
   .leakey_float_bar a .iconfont{height:57px;line-height: 57px;}
   .leakey_float_bar a span{display: none;}
}
@media screen and (max-width: 500px){
    .leakey_float_bar{width:80px;}
}

/*leakey_banner_canvas*/
.leakey_banner_canvas{overflow: hidden;position: relative;height: var(--banner_height);background-color: #333;}
.leakey_banner_canvas::before,.leakey_banner_canvas::after{content:"";position:absolute;top:0;left:0;bottom: 0;right: 0;z-index: 2;}
.leakey_banner_canvas::before{background: linear-gradient(to top,rgba(0,0,0,0.5),transparent 35%);}
.leakey_banner_canvas::after{opacity: 0.05;background: var(--black);}
/*---------------canvas*/
.leakey_banner_canvas #banner_canvas{position: absolute;top:0;left:0;/*height:100vh;width:100vw;*/z-index: 1;}
/*---------------items*/
.leakey_banner_canvas .banner_item_box{position: absolute;top:0;left:0;bottom: 0;right: 0;z-index: 0;}
.leakey_banner_canvas .banner_item{opacity: 0;position: absolute;top:0;left:0;bottom: 0;right: 0;z-index: 0;transition: opacity 0.6s ease-in-out;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.leakey_banner_canvas .banner_item.active{opacity: 1;z-index: 1;}
.leakey_banner_canvas .banner_item img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.2);transition: transform 1s ease-in-out;}
.leakey_banner_canvas .banner_item.active img{transform: scale(1);}
/*---------------txts*/
.leakey_banner_canvas .banner_txt_box{position: absolute;bottom: var(--container_padding_left_right);padding: 0 var(--container_padding_left_right);width:100%;z-index: 4;overflow: hidden;max-height: 0;}
.leakey_banner_canvas .banner_txt_box .banner_txt{line-height: 0;}
.leakey_banner_canvas .banner_txt_box .banner_txt_container{transition: transform 0.6s ease-in-out;}
.leakey_banner_canvas .banner_txt_box div a,.leakey_banner_canvas .banner_txt_box div a:hover{display: inline-block;width:60%;color:#fff}
.leakey_banner_canvas .banner_txt_box h3{font-size: 60px;text-transform: uppercase;font-weight: 500;line-height: 60px;margin-bottom: 5px;}
.leakey_banner_canvas .banner_txt_box p{font-size: 146px;letter-spacing: 1px;line-height: 146px;font-family: big-john;height:146px;overflow-y: hidden;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.leakey_banner_canvas .banner_txt_box h3,.leakey_banner_canvas .banner_txt_box p{text-shadow: 2px 2px 6px rgba(0, 0, 0,0.3);}
.leakey_banner_canvas .banner_txt_box h3 span{font-size: 16px;display: inline-block;padding-left: 20px;line-height:16px}
/*---------------btn*/
.leakey_banner_canvas .banner_btn{position: absolute;bottom:240px;height:auto;z-index: 5;top:150px;width:calc(50% - var(--container_padding_left_right) - 120px);background: none;cursor: pointer;}
.leakey_banner_canvas .banner_btn.prev{left: var(--container_padding_left_right);bottom: 290px;}
.leakey_banner_canvas .banner_btn.next{right: var(--container_padding_left_right);}

/*sub页面大banner*/
.leakey_banner_sub .banner_txt_box{bottom: auto;top: 50%;transform: translateY(-50%);}
.leakey_banner_sub .banner_txt_box h3{font-size: 108px;text-transform: uppercase;font-weight: 600;line-height: 120px;margin-bottom: 5px;letter-spacing: 8px;}
.leakey_banner_sub .banner_txt_box p{font-size: 40px;line-height: 50px;}
.leakey_banner_sub .banner_txt_box section{font-size: 40px;letter-spacing: 1px;line-height: 50px;font-family: big-john;height:146px;overflow-y: hidden;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.leakey_banner_sub .banner_txt_box section span{color:var(--main_color)}
.leakey_banner_sub .banner_txt_box .banner_txt{text-align: center;}
.leakey_banner_sub .banner_sub_txt{position: absolute;left:var(--container_padding_left_right);bottom:var(--container_padding_left_right);z-index: 4;font-size: 26px;color:#fff;line-height: 26px;}
.leakey_banner_sub .banner_sub_txt p{margin-top: 15px;}
.leakey_banner_sub .banner_txt_box div a, .leakey_banner_sub .banner_txt_box div a:hover{width:100%}
@media screen and (max-width: 1680px){
    .index_banner.leakey_banner_canvas .banner_txt_box p{font-size: 90px;line-height: 90px;height:90px}
    .index_banner.leakey_banner_canvas .banner_txt_box h3{font-size: 32px;line-height: 32px;}
}
@media screen and (max-width: 1200px){
    .index_banner .banner_consult p{font-size: 22px;line-height: 22px;margin-bottom: 20px;}
    .index_banner .banner_consult{right: auto;bottom:200px;left:var(--container_padding_left_right);text-align: left;}
    .leakey_banner_canvas .banner_txt_box div a, .leakey_banner_canvas .banner_txt_box div a:hover{width: 100%;}
}
@media screen and (max-width: 1024px){
   .leakey_banner_sub .banner_txt_box h3{font-size: 72px;line-height: 72px;margin-bottom: 20px;}
   .leakey_banner_sub .banner_txt_box p{font-size: 28px;line-height: 28px;height:28px;}
   .leakey_banner_sub .banner_consult p{font-size: 22px;line-height: 22px;}
   .leakey_banner_sub .banner_sub_txt{font-size: 22px;line-height: 22px;} 
}
@media screen and (max-width: 960px){
    .leakey_banner_sub .banner_consult{left:var(--container_padding_left_right);text-align: center;bottom:200px;width:100%}
    .leakey_banner_sub .banner_sub_txt{right: var(--container_padding_left_right);text-align: center;}    
}
@media screen and (max-width: 720px){
   .leakey_banner_sub .banner_txt_box h3{font-size:59px;line-height:59px;letter-spacing:5px;font-weight: normal;}
   .leakey_banner_sub .banner_txt_box p{font-size: 22px;line-height: 22px;}   
   .leakey_banner_sub .banner_sub_txt{font-size: 16px;font-weight: bold;bottom:100px}
   .leakey_banner_sub .banner_sub_txt p{font-size: 14px;}
   .index_banner .banner_consult p{font-size: 16px;font-weight: bold;}
   .index_banner .banner_consult{bottom:230px;margin-bottom: 20px}
   .index_banner.leakey_banner_canvas .banner_txt_box{bottom:100px}
   .index_banner.leakey_banner_canvas .banner_txt_box p{font-size: 50px;line-height: 50px;height:50px}
}
@media screen and (max-width: 512px){
    .leakey_banner_sub .banner_txt_box h3{font-size:45px;line-height:45px;letter-spacing:3px;}
    .leakey_banner_sub .banner_txt_box p{font-size: 16px;font-weight: bold;}
    
}


/*首页-设计理念*/
.index_design_idea{background-color: #323232;background-image: url(../images/bg_dark.jpg);background-position: center;color:#fff;font-size: 22px;line-height: 32px;background-repeat:repeat-y;z-index: 1;background-attachment: fixed;}
.index_design_idea .leakey_container{max-width: 1440px;padding-bottom: calc(var(--container_padding_top_bottom) + 150px);}
.index_design_idea .big{font-size: 82px;line-height: 110px;}
.index_design_idea .leakey_grid{gap:200px 100px;position: relative;z-index:1 ;}
.index_design_idea a:link,.index_design_idea a:hover{color:#fff;}

/*文字遮罩*/
.mask_word{
    --mask_word_width: 0%;
    position: relative;
}
.mask_word:after{content:attr(data-text);position: absolute;top:0;left:0;bottom: 0;right: 0;z-index: 1;color: #777;clip-path:polygon(var(--mask_word_width) 0%,100% 0%,100% 100%,var(--mask_word_width) 100%);transition: all 0.3s ease-in-out;}

/*3d粒子动画*/
.leakey_animate_3d_particles{position: fixed;top:0;left:0;bottom: 0;right: 0;z-index: 0;overflow: hidden;pointer-events: none;}

@media screen and (max-width: 1440px){
    .index_design_idea .leakey_container{padding-top: 200px;padding-bottom: 200px;}
}
@media screen and (max-width: 1280px){
   .index_design_idea .leakey_grid{grid-template-columns: 200px 1fr;}
}
@media screen and (max-width: 960px){
    .index_design_idea .big{font-size: 45px;line-height: 65px;}
    .index_design_idea{font-size: 18px;line-height: 22px;}
}
@media screen and (max-width: 720px){
    .index_design_idea .leakey_grid{grid-template-columns: repeat(1,1fr);gap:150px}
}

/*标题*/
.title{display: block;}
.title:hover{color:var(--font_color)}
.title p{font-size: 146px;letter-spacing: 1px;line-height: 146px;font-family: big-john;height:146px;overflow-y: hidden;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 60px;}
.title h3{font-size: 60px;line-height: 60px;display: flex;align-items: center;margin-bottom: 20px;}
.title i.pointer{height:8px;width:8px;background: var(--font_color);border-radius: 50%;display: inline-block;margin:0 10px;}
.title i.pointer.white{background: #fff;}
.title>span{display: block;font-size: 22px;line-height: 32px;}
.leakey_align_center.title h3{justify-content: center;}
@media screen and (max-width: 1440px){
   .title p{font-size: 100px;line-height: 100px;height:100px}
}
@media screen and (max-width: 1024px){
   .title p{font-size: 80px;line-height: 80px;height:80px}
}
@media screen and (max-width: 600px){
   .title p{font-size: 70px;line-height: 70px;height:70px}
}
@media screen and (max-width: 500px){
   .title p{font-size: 40px!important;line-height: 40px!important;height:40px!important;margin-bottom: 40px;}
   .title h3{font-size: 40px!important;line-height: 40px!important;}
}

/*首页-服务内容*/
.index_service{background-color: #fff;background-image: url(../images/bg_light.jpg);background-position: center;font-size: 22px;line-height: 30px;background-repeat:repeat-y;background-attachment: fixed;}
.index_service .leakey_container{max-width: 1440px;}
.index_service .title{position: absolute;top:-176px;left:var(--container_padding_left_right);}
.index_service .title.fixed{position: fixed;top:auto;bottom:var(--container_padding_left_right);left:var(--container_padding_left_right);}
.index_service .title p{color:#fff}
.index_service .title.fixed p{color:var(--main_color);margin-bottom: 20px;height:130px}
.index_service .service_box{width:100%}
.index_service ul.service_list{display: flex;font-size: 16px;flex-wrap: nowrap;gap:80px;opacity:0;transition: opacity 0.6s ease-in-out;
    /* 初始状态：位于视窗右侧外部 */
    transform: translateX(50vw);will-change: transform;
}
.index_service ul.service_list.active{opacity: 1;}
.index_service ul.service_list li{flex:1}
.index_service ul.service_list strong{font-size: 48px;line-height: 48px;margin-bottom: 20px;display:block;font-weight: normal;}
.index_service ul.service_list font{display: block;margin-bottom: 40px;font-size: 22px;line-height: 22px;}
.index_service ul.service_list ul{margin-top: 20px;font-size: 18px;}
@media screen and (max-width: 1440px){
   .index_service .title{top:-130px}
}
@media screen and (max-width: 1024px){
   .index_service .title{top:-90px}
   .index_service ul.service_list li{min-width: 350px;}
}
@media screen and (max-width: 720px){
   .index_service .title{top:-120px}
}
@media screen and (max-width: 500px){
    .index_service .title{top:-60px}
}

/*首页案例*/
.index_case{background-color: #323232;background-image: url(../images/bg_dark.jpg);background-position: center;color:#fff;font-size: 22px;line-height: 32px;background-repeat:repeat-y;z-index: 1;background-attachment: fixed;}
.index_case .leakey_container{max-width: 1440px;position: relative;padding-bottom: calc(var(--container_padding_top_bottom) + 50px);}
.index_case .title{margin-bottom: 150px;color:#fff}
.index_case ul{display: grid;grid-template-columns: repeat(2,1fr);gap:50px 150px;margin-top: 100px;}
.index_case ul li.big_animate{position: absolute;top:0;left:0;height:100vh;width: 100vw;z-index: -1;padding:0;margin-top:0!important;transform: translateX(calc(1440px / 2 - 100vw / 2));grid-area: 1 / 1 / 2 / 2;}
.index_case ul li.hide{visibility: hidden;pointer-events: none;}
.index_case ul li.big_animate a{height:100%;width: 100%;}
.index_case ul li.big_animate a .leakey_img_box{max-height: none;width:100%;height:calc(100% - 82px)}
.index_case ul li.big_animate a .leakey_img_box img{object-fit: cover;height:100%;width: 100%;}
/* .index_case ul li:nth-child(2){margin-top: 628px!important;} */
.index_case ul li{padding:0 var(--container_padding_left_right);will-change: transform;;}
.index_case ul li:not(.big_animate){margin-top: 100px;transition: all 0.3s ease}
.index_case ul li:nth-child(2n+1){margin-top: 100px;}
.index_case ul li a{position: relative;overflow: hidden;color:#fff;display: block;}
.index_case ul li a .leakey_img_box{background: rgba(0, 0, 0, 0.5);max-height: 600px;overflow:hidden}
.index_case ul li a .leakey_img_box img{width: 100%;height:auto;transition: transform 0.6s ease-in-out;will-change: transform;}
.index_case ul li a:not(.no_hover_scale):hover .leakey_img_box img{transform: scale(1.1)!important;}
.index_case ul li a div strong{font-size: 36px;line-height: 36px;margin-bottom: 10px;font-weight: normal;display: block;margin-top: 20px;}
.index_case ul li a div span{display:block;font-size: 16px;line-height: 16px;opacity: 0.75;}

@media screen and (max-width: 1440px){
    .index_case ul{gap:0 100px}
    .index_case ul li{padding:0}
    .index_case .leakey_container{padding-top: 200px;padding-bottom: 200px;}
    .index_case ul li.big_animate{transform: translateX(0);}
}
@media screen and (max-width: 1200px){
    .index_case ul{margin-bottom: 50px;}
}
@media screen and (max-width: 1024px){
    .index_case ul{gap: 0 20px;}
}
@media screen and (max-width: 500px){
    .leakey_case ul{grid-template-columns: repeat(1,1fr);}
    .index_case ul{grid-template-columns: repeat(1,1fr);}
}

/*首页-客户说*/
.index_reviews{
    --touxiang-size: 190px;
    background-color: #fff;background-image: url(../images/bg_light.jpg);background-position: center;font-size: 14px;line-height:22px;background-repeat:repeat-y;background-attachment: fixed;align-items: flex-end;
}
.index_reviews .leakey_container{max-width: 1440px;}
.index_reviews .title{position: absolute;top:-176px;left:var(--container_padding_left_right);}
.index_reviews .title p{color:#fff}
.index_reviews .title.fixed{position: fixed;top:auto;bottom:var(--container_padding_left_right);left:var(--container_padding_left_right);}
.index_reviews .title.fixed p{color:var(--main_color);margin-bottom: 20px;height:130px}
.index_reviews .review_box{width:100%}
.index_reviews ul.review_list{display: flex;flex-wrap: nowrap;gap:80px;opacity:1;transition: opacity 0.6s ease-in-out;
    /* 初始状态：位于视窗右侧外部 */
    transform: translateX(50vw);will-change: transform;
}
.index_reviews ul.review_list li{flex:0 0 350px;padding:var(--container_padding_left_right);text-align: center;position: relative;}
.index_reviews ul.review_list li::after{content:"";position: absolute;top:calc(var(--touxiang-size)/2 + var(--container_padding_left_right));left:0;bottom: 0;right: 0;z-index: -1;background-color: #fff;transition: top 0.3s ease-in-out;box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}
.index_reviews ul.review_list li.active::after{top:0}
.index_reviews ul.review_list div{margin:20px 0;}
.index_reviews ul.review_list strong{font-size: 22px;line-height: 22px;padding-bottom:5px;display:block;font-weight: normal;}
.index_reviews ul.review_list p{text-align: left;}
.index_reviews .touxiang{display: inline-block;width: var(--touxiang-size);height: var(--touxiang-size);border-radius: 50%;overflow: hidden;position: relative;}
.index_reviews .touxiang img{width: 100%;height: 100%;object-fit: cover;position: absolute;z-index: 0;left:50%;top:50%;transform: translate(-50%,-50%);transition: all 0.3s ease-in-out;}
.index_reviews .touxiang::before{position:absolute;top:22px;left:50%;z-index:2;transform: translateX(-50%);transition: all 0.3s ease-in-out;color:#fff;font-size: 70px;line-height: 70px;transition-delay: 0.2s;}
.index_reviews .touxiang::after{content:"";position:absolute;top:50%;left:50%;z-index:1;transition: all 0.3s ease-in-out;background-color: var(--main_color);opacity: 0.1;transform: translate(-50%,-50%) scale(0);border-radius: 50%;height:100%;width:100%;}
.index_reviews li.active .touxiang{margin-top: 0;}
.index_reviews li.active .touxiang::before{color:#fff;top:50%;transform: translate(-50%,-50%);font-size: 90px;line-height:90px;opacity: 0.95;}
.index_reviews li.active .touxiang img{width:150%;height:150%;transform: translate(-50%,-68%);}
.index_reviews li.active .touxiang::after{transform: translate(-50%,-50%) scale(1);opacity: 0.65;}

@media screen and (max-width: 1440px){
   .index_reviews .leakey_container{padding-top: 200px;padding-bottom: 200px;}
   .index_reviews .title{top:-130px}
}
@media screen and (max-width: 1024px){
    .index_reviews .title{top:-110px}
}
@media screen and (max-width: 500px){
    .index_reviews .title{top:-60px}
}
/*leakey_3d_txt_hover*/
.leakey_3d_txt_hover{position: relative;transition: transform 0.6s ease-in-out;backface-visibility:hidden;transform-style: preserve-3d;text-indent:-9999px;display: block;}
.leakey_3d_txt_hover::before,.leakey_3d_txt_hover::after{position: absolute;top:0;left:0;bottom:0;right:0;text-indent: 0!important;}
.leakey_3d_txt_hover::before{content:attr(data-start);transform:rotateX(0deg) translateZ(16px);}
.leakey_3d_txt_hover::after{content:attr(data-end);transform:rotateX(-90deg) translateZ(16px);}
.leakey_3d_txt_hover_box:hover .leakey_3d_txt_hover{transform: rotate3d(1,0,0,90deg);}


/*index_partner*/
.index_partner{background-color: #323232;background-image: url(../images/bg_dark.jpg);background-position: center;color:#fff;font-size: 22px;line-height: 32px;background-repeat:repeat-y;z-index: 1;background-attachment: fixed;}
.index_partner .leakey_container{max-width: 1440px;padding-bottom: calc(var(--container_padding_top_bottom) + 150px);}
.index_partner .title{margin-bottom: 150px;color:#fff}
.index_partner p{font-size: 22px;line-height: 32px;text-align: center;margin-top: 50px;}
.index_partner ul{display: grid;grid-template-columns: repeat(4,1fr);gap:5px;}
.index_partner ul li{text-align: center;line-height: 0;font-size: 0;padding:30px 20px;background: rgba(255,255,255,0.02);position: relative;}
.index_partner ul li::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;background-color: var(--main_color);transform: scaleY(0);transition: all 0.3s ease-in-out;opacity: 0;}
.index_partner ul li:hover::after{transform: scaleX(1);opacity: 0.65;}
.index_partner ul li img{filter: grayscale(100%) brightness(9000%);opacity: 0.6;;transition: all 0.3s ease-in-out;position: relative;z-index: 1;transition: all 0.3s ease-in-out;max-width: 100%;}
.index_partner ul li img:hover{filter: grayscale(0%) brightness(100%);opacity: 1;}
@keyframes img_blur_shake{
    0%{filter: blur(0px);transform: scale(1);}
    25%{filter: blur(4px);transform: scale(1.1);}
    50%{filter: blur(0px);transform: scale(1.5,0.5) skewX(5deg);}
    75%{filter: blur(4px);transform: scale(1.1);}
    100%{filter: blur(0px);transform: scale(1);}
}
.index_partner ul li:hover img{animation: img_blur_shake 0.3s ease-in-out;}

@media screen and (max-width: 1024px){
   .index_partner ul{grid-template-columns: repeat(3,1fr);}
}

@media screen and (max-width: 720px){
   .index_partner ul{grid-template-columns: repeat(2,1fr);}
}

/*index_msg*/
.index_msg{background-image: url(../images/index_msg.jpg);background-position: center;background-size: cover;color:#fff;background-attachment: fixed;opacity: 0.97;position:relative}
.index_msg::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--main_color);opacity:0.45;z-index:0}
.index_msg .leakey_container{max-width: 1440px;z-index:1;position:relative}
.index_msg .lr_box{gap:100px}
.index_msg .title{position: absolute;top:-176px;right:var(--container_padding_left_right);color:#fff}
.index_msg .title>h3{justify-content: flex-end;}
.index_msg .title>span{justify-content: flex-end;display: flex;}
.index_msg .l strong{font-weight: normal;font-size: 42px;line-height:52px;}
.index_msg .l p{margin-top: 80px;font-size: 16px;line-height: 32px;}
.index_msg .l>div{margin-top: 50px;overflow:visible;justify-content: space-between;}
.index_msg .l>div>a{flex:0 0 220px;display: inline-block;}
.index_msg .l>div>a:nth-child(2){flex: 0 0 300px;font-size: 30px;line-height: 30px;font-family: big-john;letter-spacing: 3px;display: flex;justify-content: flex-end;color:#fff}
.index_msg form{display: grid;grid-template-columns: repeat(2,1fr);gap:var(--list_gap);margin-top: 150px;}
.index_msg form>div>input[type="text"],.index_msg form>div>button{border:0;background: rgba(0,0,0,0.2);height:45px;line-height: 45px;padding:0 20px;border-radius: 50px;color:#fff;width: 100%;}
.index_msg form>div.full{grid-column: span 2;}
.index_msg form>div>button{background: var(--main_color);color:#fff;cursor: pointer;margin-top: 30px;user-select: none;}

.index_msg button:disabled{background: rgba(255,255,255,0.3);cursor: not-allowed;pointer-events: none;color:gray;}
.index_msg  input[type="text"].error{outline-color: #f00;box-shadow: 0 0 0 4px rgba(255, 0, 0, 0.2);}
.index_msg  input[type="text"].shake{animation: input_shake 0.15s cubic-bezier(.36,.07,.19,.97);}
@keyframes input_shake {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-8px); }
    40% { transform: translateX(8px); }
    60% { transform: translateX(-8px); }
    80% { transform: translateX(8px); }
}

@media screen and (max-width: 1440px){
   .index_msg .leakey_container{padding-top: 200px;padding-bottom: 200px;}
   .index_msg .title{top:-130px}
}
@media screen and (max-width: 1024px){
   .index_msg .title{top:-110px;left:var(--container_padding_left_right);right: auto}
   .index_msg .title>h3{justify-content: flex-start;}
}
@media screen and (max-width: 720px){
    .index_msg .lr_box{flex-direction: column;gap:0}
}
@media screen and (max-width: 500px){
    .index_msg .title{top:-60px}
    .index_msg form{display: flex;flex-direction: column;}
}

/*index_news*/
.index_news{background-color: #fff;background-image: url(../images/bg_light.jpg);background-position: center;font-size: 22px;line-height: 32px;background-repeat:repeat-y;background-attachment: fixed;}
.index_news .leakey_container{max-width: 1440px;}
.index_news .news_title{display: flex;align-items: flex-end;justify-content: flex-end;;}
.index_news .news_title>div{flex:1}
.index_news .news_title>div.l strong{font-weight: normal;font-size: 42px;line-height:52px;}
.index_news .news_title>div.l  p{margin-top: 0px;font-size: 16px;line-height: 32px;}
.index_news .news_title>div.r{display:flex;justify-content: flex-end;align-items: center;}
.index_news .news_title>div.r a{padding:0 16px;font-size: 30px;line-height: 30px;}
.index_news .news_title>div.r .separator{color:rgba(0,0,0,0.3)}
.index_news ul{gap:70px 100px;margin-top: 150px;}
.index_news ul strong{font-size: 24px;line-height: 24px;font-weight: normal;}
.index_news ul p{font-size: 16px;margin-top: 20px;}
@media screen and (max-width: 1280px){
    .index_news .news_title .l{flex:0 0 350px}
    .index_news .news_title>div.r{flex:1}
    .index_news ul{gap:50px 40px}
}
@media screen and (max-width: 1024px){
    .index_news .news_title{flex-direction: column;align-items: flex-start;gap:20px}
    .index_news .news_title .l{flex:1}
    .index_news .news_title>div.r a:first-child{padding-left: 0;}
    .index_news ul{margin-top: 100px;grid-template-columns: repeat(2,1fr)!important;}
    .index_news{line-height: 22px;}
}
@media screen and (max-width: 720px){
    .index_news .news_title>div.r a{font-size: 16px;font-weight: bold;padding:0 10px;}
    .index_news ul a h4{font-size: 16px;font-weight: bold;}
}
@media screen and (max-width: 500px){
    .index_news ul{grid-template-columns: repeat(1,1fr)!important}
}
@media screen and (max-width: 400px){
    .index_news .news_title>div.r a{font-size: 14px;}
}

/*底部*/
footer.leakey_section{background-color: #323232;background-image: url(../images/bg_dark.jpg);background-position: center;color:rgba(255,255,255,0.9);font-size: 22px;line-height: 32px;background-repeat:repeat-y;z-index: 1;background-attachment: fixed;}
footer.leakey_section .leakey_container{padding-top: 130px;}
.footer_t{display: flex;gap:90px;max-width: 1440px;margin:auto;padding:0 var(--container_padding_left_right);}
.footer_t>*{flex:1}
.footer_t .footer_logo a{display: inline-block;}
.footer_t .footer_logo strong{font-weight: normal;display: block;font-size: 24px;margin-top: 30px;line-height: 32px;}
.footer_t a{color:rgba(255,255,255,0.9)}
.footer_t .footer_logo .shengming{font-size: 12px;line-height: 18px;margin-top: 90px;opacity: 0.45;transition: opacity 0.3s ease-in-out;}
.footer_t .footer_logo .shengming:hover{opacity: 0.7;}
.footer_t .footer_logo .shengming .leakey_remark_text{margin-bottom: 15px;}
.footer_t .footer_logo .shengming p.leakey_ring{margin-top: 10px;}
.footer_t>.qr_code_box{text-align: center;flex:0 0 255px}
.footer_t>.qr_code_box a.tel{display: block;font-size: 30px;line-height: 30px;font-family: big-john;letter-spacing: 3px;margin-top: 10px;}
.footer_t>.qr_code_box a.email{font-size: 16px;line-height: 22px;margin-top: 15px;opacity: 0.75;display: block;}
.footer_t>.qr_code_box p{font-size: 12px;line-height: 12px;opacity: 0.45;margin-top: 20px;}
.footer_t>.footer_logo nav{display: flex;justify-content: flex-start;gap:20px;margin-top:50px;}
.footer_t>.footer_logo nav a{font-size: 14px;line-height: 14px;}
.footer_b{margin-top: 80px;border-top: 1px solid rgba(255,255,255,0.1);}
.footer_b .footer_b_box{font-size: 14px;display: flex;color:rgba(255,255,255,0.9);justify-content: space-between;gap:50px;max-width: 1440px;margin:auto;width:100%;padding:20px var(--container_padding_left_right);}
.footer_b .footer_b_box>div{display: flex;gap:20px}
.footer_b a{color:rgba(255,255,255,0.9)}

.footer_t>.footer_t_right{flex:0 0 calc(50% - 255px / 2 - 80px)}

.footer_form .leakey_remark_title{font-weight: normal;margin-bottom: 45px;}
.footer_form strong{display: block;margin-bottom: 15px;font-family: big-john;}
.footer_form input[type="text"]{height:40px;line-height: 40px;padding:0 20px;background-color: rgba(0,0,0,0.15);border: 0;color:#fff;font-size: 14px;font-weight: normal;border-radius: 5px;width:100%}
.footer_form textarea{height:80px;line-height: 40px;padding:0 20px;background-color: rgba(0,0,0,0.1);border: 0;color:#fff;font-size: 14px;font-weight: normal;border-radius: 5px;}
.footer_form .form_group {margin-bottom:35px;}
.footer_form .form_group .input_text_box{
    --input_max_width:150px;
    --input_gap:8px;
    --input_col_num:3;
    display: grid;grid-template-columns: repeat(var(--input_col_num),1fr);gap:var(--input_gap);
}
.footer_form .form_group .input_text_box .full{grid-column: span var(--input_col_num);}
.footer_form .form_group .input_text_box>div>input{width:100%}
.footer_form .form_group strong{font-size: 16px;line-height: 16px;}
.footer_form .form_group label{font-size: 14px;line-height: 14px;color:rgba(255,255,255,0.35);user-select: none;}
.footer_form .form_group label input{margin-right: 5px;display: inline-block;position: relative;top:2px;}
.footer_form .form_group .choose_box{display: grid;grid-template-columns: repeat(4,1fr);gap:8px;}
.footer_form .form_group .choose_box .full{grid-column: span 4;}
.footer_form .form_group .leakey_more{font-size: 16px;line-height: 16px;width: 100%;text-align: center;border-radius: 5px;}
.footer_form .form_group .choose_box.flex{display: flex;}
.footer_form .form_group .choose_box.flex>*{flex:1;}
.footer_form .form_group.service_web_other_remark{display: none;}
.footer_form .form_group.service_focus{display: none;}
.footer_form .form_group.service_focus_other_remark{display: none;}

.footer_form input[type="radio"],
.footer_form input[type="checkbox"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:2px solid rgba(255,255,255,0.3);outline:none;position: relative;font-family: "iconfont" !important;transition: all 0.15s ease-in;}
.footer_form input[type="radio"]{border-radius:50%;}
.footer_form input[type="radio"]:checked,
.footer_form input[type="checkbox"]:checked{background-color:var(--main_color);}
.footer_form input[type="radio"]::after{content:"";position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);height:5px;width:5px;border-radius: 50%;background-color: rgba(255,255,255,0.65);opacity: 0;transition: all 0.15s ease-in;}   
.footer_form input[type="radio"]:checked::after,
.footer_form input[type="checkbox"]:checked::after{opacity: 1;}
.footer_form input[type="checkbox"]::after{content:"\e63b";position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size: 14px;line-height: 14px;color:rgba(255,255,255,0.75);opacity: 0;transition: all 0.15s ease-in;}

.footer_form input[type="text"],.footer_form textarea{outline: 1px solid rgba(19, 122, 240, 0);transition: all 0.2s ease-in;}
.footer_form input[type="text"]:focus,.footer_form textarea:focus{outline: 1px solid rgba(19, 122, 240, 0.3);}

.footer_form #submit.disabled{background: rgba(255,255,255,0.3);cursor: not-allowed;pointer-events: none;color:gray;}
.footer_form  input[type="text"].error{outline-color: #f00;box-shadow: 0 0 0 4px rgba(255, 0, 0, 0.2);}
.footer_form  input[type="text"].shake{animation: input_shake 0.15s cubic-bezier(.36,.07,.19,.97);}
@keyframes input_shake {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-8px); }
    40% { transform: translateX(8px); }
    60% { transform: translateX(-8px); }
    80% { transform: translateX(8px); }
}

@media screen and (max-width: 1200px){
   .footer_t{display: grid;grid-template-columns: repeat(2,1fr);gap:100px 20px;}
   .footer_t>.footer_t_right{grid-column: span 2;}
}
@media screen and (max-width: 720px){
   .footer_t{display: flex;flex-direction: column;}
   .footer_t>.footer_logo nav{justify-content: center;}
   .footer_b .footer_b_box{flex-direction: column;justify-content: center;align-items: center;gap:10px;}   
}
@media screen and (max-width: 450px){
    .footer_form .form_group .input_text_box{display: flex;flex-direction: column;}    
}
/*企业建站-痛点*/
.tongdian{background-color: #fff;background-image: url(../images/bg_light.jpg);background-position: center;font-size: 22px;line-height: 32px;background-repeat:repeat-y;background-attachment: fixed;}
.tongdian .leakey_container{max-width: 1440px;padding-bottom: calc(var(--container_padding_top_bottom) + 150px);}
.tongdian .service_box{width:100%}
.tongdian .leakey_title{font-size: 72px!important;line-height:82px!important;font-weight: normal;}
.tongdian_b_txt{font-size: 52px;line-height: 62px;text-align: center;margin-top: 100px;}
.tongdian_b_txt p{margin-bottom: 20px;}
.tongdian_b_txt p:last-child{margin-bottom: 0;}

@media screen and (max-width: 1024px){
   .tongdian .leakey_title{font-size: 54px!important;line-height:62px!important;}
   .tongdian_b_txt{font-size: 32px;line-height: 42px;margin-top: 50px;}
}

@media screen and (max-width: 720px){
   .tongdian .leakey_title{font-size: 38px!important;line-height:45px!important;}
}

/*词云*/
.clound_words{height:700px;margin-top: 30px;margin-bottom: 30px;}
.clound_words svg{height:100%;width:100%;}
.clound_words svg .word{opacity: 0;transition: all 0.3s ease-in-out;}
.clound_words svg .cw_box{font-weight:bold;fill:rgb(51, 51, 51);}
.clound_words svg .fill_1{fill: rgba(51, 51, 51, 0.6);}
.clound_words svg .fill_2{fill: rgba(51, 51, 51, 0.4);}
.clound_words svg .fill_3{fill: rgba(51, 51, 51, 0.2);}     
.clound_words svg .cw_font1{font-size:117.3053px;}	
.clound_words svg .cw_font2{font-size:73.5402px;}
.clound_words svg .cw_font3{font-size:46.0484px;}
.clound_words svg .cw_font4{font-size:61.8438px;}
.clound_words svg .cw_font5{font-size:47.963px;}
.clound_words svg .cw_font6{font-size:35.9723px;}
.clound_words svg .cw_v{writing-mode: tb;glyph-orientation-vertical: 0;letter-spacing: 6px;}

/*企业建站-优势设计*/
.advantages_design{background-color: #fff;background-image: url(../images/bg_dark.jpg);background-position: center;font-size: 22px;line-height: 32px;background-repeat:repeat-y;background-attachment: fixed;}
.advantages_design .leakey_container{max-width: 1440px;padding-bottom: 400px;padding-top: 150px;}
.advantages_design .title{position: absolute;top:-176px;left:var(--container_padding_left_right);}
.advantages_design .title h3{color: #fff;}
.advantages_design .title>span{color:#fff;opacity: 0.65;}
/* .advantages_design .title.fixed{position: fixed;top:auto;bottom:var(--container_padding_left_right);left:var(--container_padding_left_right);}
.advantages_design .title.fixed p{color:var(--main_color);margin-bottom: 20px;height:130px} */
.advantages_design .advantages_design_box{padding:0 0 400px;position:relative;width:100%;height:calc(100vh - 200px);}
.advantages_design ul.advantages_box{color:#fff;display: flex;flex-direction: column;width:calc(100% - 400px);position: absolute;top:100%;left:0}
.advantages_design ul.advantages_box li{display: grid;grid-template-columns: repeat(2,1fr);gap:20px;opacity: 0.3;transition: opacity 0.3s ease-in-out;padding:50px 0}
.advantages_design ul.advantages_box li.active{opacity: 1;}
.advantages_design ul.advantages_box li strong{font-size: 58px;font-weight: normal;line-height: 58px;margin-bottom:50px;display: block;grid-column: span 2;}
/* .advantages_design .advantages_box li strong font{background-image: linear-gradient(to right, var(--main_color), var(--help_color));background-clip: text; color: transparent;} */
.advantages_design ul.advantages_box li p{font-size: 16px;line-height: 32px;color:rgba(255,255,255,0.7)}
.advantages_design ul.advantages_box li p span{font-size: 22px;display: block;margin-bottom:10px;color:rgba(255,255,255,1)}
.advantages_design .advantages_design_box .advantages_design_icon_title{flex: 0 0 232px;}
.advantages_design_icon_title{position: absolute;top:0;right:0;height:100%;width:150px;display: none;flex-direction: column;justify-content: space-between;transition: all 0.3s ease-in-out;}
.advantages_design_icon_title i.iconfont{color: #fff;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;font-size: 60px;line-height: 60px;}
.advantages_design_icon_title em.iconfont{color: #fff;font-size: 30px;line-height: 30px;position: absolute;left:-35px;top:50%;transform: translateY(-50%);opacity: 0;transition: all 0.2s ease-in;}
.advantages_design_icon_title .active em.iconfont{opacity: 1;}
.advantages_design_icon_title>div{position: relative;flex:0 0 150px;opacity: 0;transform: translateX(100%);transition: all 0.3s ease-in-out;}
.advantages_design_icon_title>div:nth-child(1){transition-delay: 0s;}
.advantages_design_icon_title>div:nth-child(2){transition-delay: 0.1s;}
.advantages_design_icon_title>div:nth-child(3){transition-delay: 0.2s;}
.advantages_design_icon_title>div:nth-child(4){transition-delay: 0.3s;}
.advantages_design_icon_title.show>div{opacity: 1;transform: translateX(0);}

.advantages_list{display: grid;grid-template-columns: repeat(3,1fr);gap:100px 50px;color:#fff;margin-top: 100px;text-align: center;}
.advantages_list strong{font-weight: normal;display: block;}
.advantages_list p{font-size: 14px;opacity: 0.65;}
.advantages_list i{font-size: 50px;line-height: 50px;display: inline-block;margin-bottom: 20px;}
/*圆环进度条*/
.ring_container{
    --ring_width:8px;
    position:relative;width:100%;height:100%;box-sizing:border-box;margin:auto;border-radius:50%;
}
.ring{position:absolute;top:calc(-1 * var(--ring_width));left:calc(-1 * var(--ring_width));right:calc(-1 * var(--ring_width));bottom:calc(-1 * var(--ring_width));border-radius:50%;background:none;animation:rotate 3s ease-in-out forwards;opacity: 0.6;}
.ring::before{content:'';position:absolute;top:var(--ring_width);left:var(--ring_width);bottom:var(--ring_width);right:var(--ring_width);border-radius:50%;background:rgb(51, 51, 51,1)}

.advantages_design_text{margin-top: 50px;}
@media screen and (max-width: 1440px){
   .advantages_design .title{top:-130px}
}

@media screen and (max-width: 720px){
   .advantages_design ul.advantages_box{width:calc(100% - 150px)}
   .advantages_design_icon_title{width:80px}
   .advantages_design_icon_title>div{flex:0 0 80px}
   .advantages_design .advantages_design_box{height:calc(100vh - 350px)}
   .advantages_design ul.advantages_box li strong{font-size: 32px;margin-bottom: 20px;line-height:32px;}
   .advantages_design ul.advantages_box li p{line-height: 22px;}
   .advantages_design ul.advantages_box li p span{font-weight: bold;font-size: 16px;}
}
@media screen and (max-width: 512px){
   .advantages_design ul.advantages_box{width:100%}
   .advantages_list{grid-template-columns: repeat(2,1fr);}
   .advantages_design{font-size: 18px;line-height: 22px;}
   .advantages_list strong{margin-bottom: 10px;}
   .advantages_design .title{top:-60px}
}

/*企业建站-客户案例*/
.our_case{background-color: #fff;background-image: url(../images/bg_light.jpg);background-position: center;font-size: 22px;line-height: 22px;background-repeat:repeat-y;background-attachment: fixed;padding-bottom: 120px;}
.our_case .leakey_container{max-width: 1440px;}
.our_case .leakey_tab_title a{cursor: pointer;}
.our_case .leakey_tab_title a span{font-size: 14px;line-height: 22px;opacity: 0.65;}
.our_case .title{text-align: center;position: absolute;top:-176px;left:50%;transform: translateX(-50%);width:100%;padding:0 20px}
.our_case .title h3{display: block;}
.our_case .title p{color:#fff}
.our_case .title>span{opacity: 0.65;}
.our_case .our_case_tips{display: block;margin:0 auto 100px;text-align: center;opacity: 0.5;font-size: 16px;}

@media screen and (max-width: 1440px){
   .our_case .title{top:-130px}
   .our_case .leakey_container{padding-top: 200px;}
}
@media screen and (max-width: 1024px){
    .our_case .title h3{font-size: 45px;line-height: 45px;}
    .our_case .leakey_tab_title a span{display: none;}
}
@media screen and (max-width: 720px){
    .our_case .title{top:-110px}
    .leakey_tab .leakey_tab_title ul li a{font-size: 16px;font-weight: bold;line-height: 22px;}
    .leakey_tab_container .swiper-button.iconfont{display: none;}
}
@media screen and (max-width: 500px){
    .our_case .title{top:-70px}
    .our_case .title>span{font-size: 14px;line-height: 22px;}
    .leakey_tab .leakey_tab_title .leakey_more{display: none;}
}

/*leakey_tab*/
.leakey_tab{position: relative;}
.leakey_tab .leakey_tab_title{position: relative;box-shadow: inset 0 -1px 0 0 #ddd;}
.leakey_tab .leakey_tab_title .leakey_more{position: absolute;right:0;top:0;border:0;font-size: 16px;opacity: 0.75;}
.leakey_tab .leakey_tab_title ul{overflow: hidden;}
.leakey_tab .leakey_tab_title ul li{float: left;margin-right: 20px;}
.leakey_tab .leakey_tab_title ul li::after{content:"/";padding-left: 20px;opacity: 0.3;}
.leakey_tab .leakey_tab_title ul li:hover::after{transform: scaleX(1);}
.leakey_tab .leakey_tab_title ul li:last-child{margin-right: 0;}
.leakey_tab .leakey_tab_title ul li:last-child::after{display: none;}
.leakey_tab .leakey_tab_title ul li a{position: relative;padding-bottom: 20px;display: inline-block;color:rgba(0, 0, 0,0.75)}
.leakey_tab .leakey_tab_title ul li a::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:2px;background-color: var(--main_color);transform: scaleX(0);transition: all 0.2s ease-in-out;}
.leakey_tab .leakey_tab_title ul li.active a::after{transform: scaleX(1);}
.leakey_tab .leakey_tab_container{margin-top: 100px;}
.leakey_tab .leakey_tab_container .leakey_tab_item{display: none;}
.leakey_tab .leakey_tab_container .leakey_tab_item.active{display: block;}


.leakey_tab_container .leakey_swiper_wraper {overflow: visible;}
.leakey_tab_container .leakey_swiper_wraper li:hover img{transform:scale(1.1)}
.leakey_tab_container .leakey_swiper_wraper li a:hover{color:var(--font_color)}
.leakey_tab_container .swiper-slide{position: relative;transform: scale(0.8);transition: all 0.4s ease-in-out;}
.leakey_tab_container .swiper-slide .leakey_img_box{border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,0.3);}
.leakey_tab_container .swiper-slide font{opacity: 0;transition: all 0.4s ease-in-out;transition-delay: 0.3s;font-size: 40px;line-height: 40px;margin-top: 40px;transform: translateY(-20px);}
.leakey_tab_container .swiper-slide font em{font-size: 22px;line-height: 22px;font-family: big-john;display: block;margin-top: 10px;}
.leakey_tab_container .swiper-slide-active{transform: scale(1);}
.leakey_tab_container .swiper-slide-active font{opacity: 1;transform: translateY(0);}
.leakey_tab_container .swiper-slide{width:60%;}
.leakey_tab_container .swiper-button{border:1px solid #ddd;height:50px;width: 50px;line-height:50px;border-radius: 50%;background: none;text-align: center;}
.leakey_tab_container .swiper-button.iconfont{font-size: 22px;color:#999;}
.leakey_tab_container .swiper-button-prev{left:140px}
.leakey_tab_container .swiper-button-next{right:140px}
@media screen and (max-width:1680px){
    .leakey_tab_container .swiper-slide{width: 75%}
}
@media screen and (max-width:720px){
    .leakey_tab_container .swiper-slide{width: 100%}
    .leakey_tab_container .swiper-slide-active font{font-size: 38px;line-height: 38px}
}
@media screen and (max-width:512px){
    .leakey_tab_container .swiper-slide font{font-size: 28px;line-height: 28px}
    .leakey_tab_container .swiper-slide-active font{font-size: 34px;line-height: 34px}
}

.advantages_responsive{padding-bottom: 120px;}
.advantages_responsive .title{top:-170px;position: absolute;}
.advantages_responsive .advantages_responsive_content{max-width: 1440px;margin:auto;padding:80px var(--container_padding_left_right) 0;font-size: 22px;line-height: 38px;gap:50px}
.advantages_responsive .advantages_responsive_content>div>p{margin-bottom: 20px;}
.advantages_responsive .advantages_responsive_content>div>p:last-child{margin-bottom: 0;}
.advantages_responsive .advantages_responsive_content>img{max-width: 100%;}
@media screen and (max-width: 1440px){
   .advantages_responsive .leakey_container{padding-top: 200px;}
   .advantages_responsive .title{top:-130px}
   .advantages_responsive .advantages_responsive_content{padding-left: 0;padding-right: 0;}
}
@media screen and (max-width: 1024px){
   .advantages_responsive .title{top:-110px}
   .advantages_responsive .title h3{font-size: 45px;line-height: 45px;}
   .advantages_responsive .advantages_responsive_content{display: grid;grid-template-columns: repeat(2,1fr);font-size: 18px;line-height: 28px;}
   .advantages_responsive .advantages_responsive_content>div{grid-column: span 2;}
}
@media screen and (max-width: 768px){
    .advantages_responsive .title h3{font-size: 32px!important;line-height: 32px!important;}
}
@media screen and (max-width: 600px){
    .advantages_responsive .title h3{display: block;}
    .advantages_responsive .advantages_responsive_content{display: flex;flex-direction: column;gap:20px}
}


.service_process {background-color: #fff;background-image: url(../images/bg_light.jpg);background-position: center;font-size: 22px;line-height: 22px;background-repeat:repeat-y;background-attachment: fixed;}
.service_process .title{margin:auto;text-align: center;position: absolute;top:-170px;width:100%;left:0}
.service_process .title h3{display: block;}

@media screen and (max-width: 1440px){
   .service_process .title{top:-130px}
}
@media screen and (max-width: 512px){
    .service_process .title{top:-60px;padding-left: 20px;padding-right: 20px;}
    .service_process .title h3{font-size: 32px!important;line-height: 32px!important;}
}

.get_solution{padding-bottom: 120px;background-image: url(../images/bg_dark.jpg);background-position: center;font-size: 22px;line-height: 22px;background-repeat:repeat-y;background-attachment: fixed;}
.get_solution .leakey_container{text-align: center;}
.get_solution .title{margin:auto;text-align: center;color:#fff}
.get_solution .title h3{display: block;}
.get_solution .leakey_more{margin-top: 40px;border-radius: 50px;padding:15px 50px}

@media screen and (max-width: 1440px){
   .get_solution .leakey_container{padding-top: 200px;padding-bottom: 200px;}
}

.industry_knowledge .title{position: absolute;top:-176px;left:var(--container_padding_left_right);}
.industry_knowledge .title>p{color: #fff;}
.industry_knowledge .title>span{opacity: 0.65;}
.industry_knowledge .leakey_container{max-width: 1440px;}
.industry_knowledge ul{margin-top: 80px;gap:80px 200px}
.industry_knowledge ul li h4{font-size: 28px;margin-bottom: 20px;line-height: 32px;}
.industry_knowledge ul li a:hover{color:var(--font_color)}
@media screen and (max-width: 1440px){
   .industry_knowledge .title{top:-130px}
   .industry_knowledge .leakey_container{padding-top: 200px;padding-bottom: 200px;}
}
@media screen and (max-width: 1024px){
    .industry_knowledge ul{gap:50px 40px}
    .industry_knowledge .title{top:-100px}
}
@media screen and (max-width: 512px){
    .industry_knowledge ul{grid-template-columns: repeat(1,1fr)!important;}
    .industry_knowledge .title{top:-70px}
}


/*案例栏目*/
.leakey_case{background-color: #323232;background-image: url(../images/bg_dark.jpg);background-position: center;color:#fff;font-size: 22px;line-height: 32px;background-repeat:repeat-y;z-index: 1;background-attachment: fixed;}
.leakey_case .leakey_container{max-width: 1440px;position: relative;padding-bottom: calc(var(--container_padding_top_bottom) + 50px);}
.leakey_case .title{margin-bottom: 150px;color:#fff}
.leakey_case ul.case_list{display: grid;grid-template-columns: repeat(2,1fr);gap:50px 150px;margin-top: 100px;}
.leakey_case ul.case_list li.hide{visibility: hidden;pointer-events: none;}
.leakey_case ul.case_list li{padding:0 var(--container_padding_left_right);will-change: transform;margin-top: 100px;transition: all 0.3s ease}
.leakey_case ul.case_list li:nth-child(2n+1){margin-top: 100px;}
.leakey_case ul.case_list li a{position: relative;overflow: hidden;color:#fff;display: block;}
.leakey_case ul.case_list li a .leakey_img_box{background: rgba(0, 0, 0, 0.5);max-height: 600px;overflow:hidden}
.leakey_case ul.case_list li a .leakey_img_box img{width: 100%;height:auto;transition: transform 1s ease-in-out;will-change: transform;will-change: transform;}
.leakey_case ul.case_list li a div strong{font-size: 36px;line-height: 36px;margin-bottom: 10px;font-weight: normal;display: block;margin-top: 20px;}
.leakey_case ul.case_list li a div span{display:block;font-size: 16px;line-height: 16px;opacity: 0.75;}
.leakey_case ul.case_list li a:not(.no_hover_scale):hover .leakey_img_box img{transform: translate3d(0,-130px,0);}
.leakey_case ul.pagination{margin-top: 80px;}
.leakey_case .title .sub_case_nav{margin-top: 20px;;}
.leakey_case .title .sub_case_nav li{display: inline-block;font-size: 16px;line-height: 16px;opacity: 0.95}
.leakey_case .title .sub_case_nav li.active{opacity: 0.65;}
.leakey_case .title .sub_case_nav li a{font-size: 16px;line-height: 16px;color:#fff}
.leakey_case .title .sub_case_nav li::after{content:" / ";margin: 0 5px 0 10px;}
.leakey_case .title .sub_case_nav li:last-child::after{display: none;}
@media screen and (max-width: 1440px){
   .leakey_case .leakey_container{padding-top: 200px;}
   .leakey_case ul.case_list{gap:0 100px}
   .leakey_case ul.case_list li{padding:0}
}
@media screen and (max-width: 1024px){
    .leakey_case ul.case_list{gap:0 20px}
}
@media screen and (max-width: 500px){
    .leakey_case ul.case_list{grid-template-columns: repeat(1,1fr);}
}

/*案例详情*/
.leakey_case_detail_subbanner{height:90vh;background-position: center;position: relative;}
.leakey_case_detail_subbanner::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;opacity: 0.3;background: linear-gradient(to top, #000 40%, transparent 100%);}
.leakey_case_detail_subbanner_t{font-size: 110px;line-height:110px;color:#fff;font-family: "big-john";max-width: 50%;position: absolute;top:50%;transform: translateY(-50%);}
.leakey_case_detail_subbanner_t p{font-size: 52px;line-height: 52px;margin-top: 30px;}
.leakey_case_detail_subbanner .leakey_container{position: relative;z-index: 1;max-width: 1440px;height:100%}
.leakey_case_detail_subbanner .leakey_more{position: absolute;bottom: 100px;left: var(--container_padding_left_right);}

.case_cur_location{font-size: 14px;color:#fff;line-height: 22px;overflow: hidden;margin-top: 30px;}
.case_cur_location li{float: left;opacity: 0.9;}
.case_cur_location li a{color:#fff}
.case_cur_location li.contentT{opacity: 0.6;}
.case_cur_location li.split{font-family: "arial";display: inline-block;padding:0 10px}

.leakey_case_detail_design{background-color: #222;background-position: center top;background-repeat: repeat-y;background-size: contain;}
.leakey_case_detail_design .leakey_container{max-width: 1440px;padding-top: 100px;}
.leakey_case_detail_design .leakey_container .detail_box{background-color: none;color:var(--font_color);line-height: 0;}
.leakey_case_detail_design .leakey_container .detail_box video{max-width: 100%;}
.leakey_case_detail_design .leakey_container .detail_box p{line-height:26px}

.leakey_case_detail_info{color:#fff;margin-bottom: 100px;}
.leakey_case_detail_info ul{display: grid;grid-template-columns: 300px 1fr;gap:0 50px;}
.leakey_case_detail_info ul li{display: flex;border-right: 1px solid rgba(255, 255, 255, 0.1);padding:50px 0}
.leakey_case_detail_info ul li:nth-child(2n){border-right: 0;}
.leakey_case_detail_info ul li>*{flex:1;opacity: 0.65;}
.leakey_case_detail_info ul strong{flex:0 0 130px;opacity: 1;font-size: 22px;font-weight: normal;margin-bottom: 20px;display: block;}

.case_detail{text-align: center;margin-top: 20px;}
.case_detail img{max-width: 100%;}
@media screen and (max-width: 1440px){
   .leakey_case_detail_subbanner_t{font-size: 90px;line-height:90px;}
}
@media screen and (max-width: 1024px){
   .leakey_case_detail_info ul li{flex-direction: column;}
   .leakey_case_detail_info ul strong{flex: 1;}
   .leakey_case_detail_info ul{grid-template-columns:200px 1fr;}
}
@media screen and (max-width: 720px){
   .leakey_case_detail_subbanner_t{max-width: 100%;}
   .leakey_case_detail_subbanner_t{font-size: 60px;line-height:60px;}
   .leakey_case_detail_subbanner_t p{font-size: 36px;line-height: 36px;margin-top: 20px;}
   .leakey_case_detail_info ul{grid-template-columns: repeat(1,1fr);}
   .leakey_case_detail_info ul li{padding:20px 0;margin-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.1);border-right: 0;}
   .leakey_case_detail_info ul li:last-child{border-bottom: 0;}
}

/*案例-前后案例推荐*/
.leakey_case_detail_PN{font-size: 22px;margin-top: 100px;}
.leakey_case_detail_PN ul{display: flex;align-items: center;gap:50px;}
.leakey_case_detail_PN ul>li{flex:1}
.leakey_case_detail_PN ul .leakey_img_box{height: 300px;overflow: hidden;position: relative;}
.leakey_case_detail_PN ul .leakey_img_box img{width:100%;height: auto;transition: transform 1s ease-in-out;will-change: transform;position: absolute;top: 50%;transform: translateY(-40%);max-width: 100%;}
.leakey_case_detail_PN ul li a:hover .leakey_img_box img{transform: translate3d(0,-60%,0);}
.leakey_case_detail_PN ul li a{color:#fff}
.leakey_case_detail_PN ul li a div strong{font-size: 36px;line-height: 36px;margin-bottom: 10px;font-weight: normal;display: block;margin-top: 20px;}
.leakey_case_detail_PN ul li a div span{display:block;font-size: 16px;line-height: 16px;opacity: 0.75;}
@media screen and (max-width: 720px){
   .leakey_case_detail_PN ul li a div strong{font-size: 22px;line-height: 28px;}
   .leakey_case_detail_PN ul{gap:20px}
}

/*建站服务流程*/
.web_service_process{display: grid;grid-template-columns: repeat(4,1fr);gap:140px 0;margin-left: 150px;margin-top: 100px;}
.web_service_process li{display: flex;gap:0;align-items: center;position: relative;margin-left: 50px;align-items: center;}
.web_service_process li:nth-child(5){ grid-column: 4 / 4; grid-row: 2; }
.web_service_process li:nth-child(6){ grid-column: 3 / 4; grid-row: 2; }
.web_service_process li:nth-child(7){ grid-column: 2 / 4; grid-row: 2; }
.web_service_process li:nth-child(8){ grid-column: 1 / 4; grid-row: 2; }
.web_service_process li strong{font-size: 22px;line-height: 28px;font-weight: normal;display: block;}
.web_service_process li p{font-size: 12px;margin-top: 10px;line-height: 18px;}
.web_service_process li i{font-size: 48px;line-height: 48px;display: block;margin-bottom: 5px;}
.web_service_process li>div:first-child{width:150px;background: #fff;height:200px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.web_service_process li>div:last-child{height:160px;width:100px;display: flex;flex-direction:column;justify-content: center;text-align: right;}
.web_service_process li>div:last-child em{font-family:"big-john";font-size: 42px;line-height: 42px;}
.web_service_process li>div:last-child span{font-size: 20px;line-height: 20px;}
.web_service_process .hexagon{background-color:#fff;position:relative;position: relative;z-index: 2;}
.web_service_process .hexagon.small{position: absolute;z-index: 1;left:160px;color:#fff;background: #327af6;transform: translateX(-160px);transition: transform 0.3s ease-in-out;}
.web_service_process .active .hexagon.small{transform: translateX(0);}
.web_service_process .active .hexagon.shadow{box-shadow: 50px 0 30px rgba(0, 0, 0, 0.2);}
.web_service_process .active.reverse .hexagon.shadow{box-shadow: -50px 0 30px rgba(0, 0, 0, 0.2);}
.web_service_process .hexagon:before,.web_service_process .hexagon:after{content:"";position:absolute;width:0;border-top:100px solid transparent;border-bottom:100px solid transparent}
.web_service_process .hexagon:before{left:-50px;border-right:50px solid #fff;top:0}
.web_service_process .hexagon:after{right:-50px;border-left:50px solid #fff;top:0}
.web_service_process .hexagon.small:before,.web_service_process .hexagon.small:after{border-right-color: #327af6;border-left-color: #327af6;border-top:80px solid transparent;border-bottom:80px solid transparent}
/*向下*/
.web_service_process .down .hexagon.small{transform: translateY(-150px);}
.web_service_process .down.active .hexagon.small{transform: translateY(0);}
.web_service_process li.down>div:first-child{width:200px;height:150px;padding:0 20px}
.web_service_process li.down>div:last-child{width:160px;height:100px;justify-content: flex-end;}
.web_service_process .down .hexagon.small{left:20px;top:185px;display: flex;align-items: center;}
.web_service_process .down .hexagon:before,.web_service_process .down .hexagon:after{border-left:100px solid transparent;border-right:100px solid transparent}
.web_service_process .down .hexagon:before{top:-150px;border-bottom:50px solid #fff;left:0;right:auto}
.web_service_process .down .hexagon:after{bottom:-150px;border-top:50px solid #fff;left:0;top:auto}
.web_service_process .down .hexagon.small:before,.web_service_process .down .hexagon.small:after{border-left:80px solid transparent;border-right:80px solid transparent}
.web_service_process .down .hexagon.small:before{top:-130px;border-bottom:50px solid #327af6;left:0;right:auto}
.web_service_process .down .hexagon.small:after{bottom:-130px;border-top:50px solid #327af6;left:0;top:auto}
.web_service_process .active.down .hexagon.shadow{box-shadow: 0 50px 30px rgba(0, 0, 0, 0.2);}
/*反向行*/
.web_service_process .reverse .hexagon.small{transform: translateX(160px);}
.web_service_process .reverse.active .hexagon.small{transform: translateX(0);}
.web_service_process .reverse .hexagon.small{left:-110px;color:#fff;background: #327af6;}
.web_service_process li.reverse>div:last-child{text-align: left;}

@media screen and (max-width: 1440px){
   .web_service_process{margin-left: 0;}
}
@media screen and (max-width: 1280px){
    .web_service_process li:nth-child(4){ grid-column: 3 / 3; grid-row: 2; }
    .web_service_process li:nth-child(5){ grid-column: 2 / 3; grid-row: 2; }
    .web_service_process li:nth-child(6){ grid-column: 1 / 3; grid-row: 2; }
    .web_service_process li:nth-child(7){ grid-column: 1 / 3; grid-row: 3; }
    .web_service_process li:nth-child(8){ grid-column: 2 / 3; grid-row: 3; }
    .web_service_process li:nth-child(9){ grid-column: 3 / 3; grid-row: 3; }
    .web_service_process li:nth-child(10){ grid-column: 3 / 3; grid-row: 4; }
}
@media screen and (max-width: 1024px){
    .web_service_process{margin-left: 70px;}
    .web_service_process li:nth-child(3){ grid-column: 2 / 2; grid-row: 2; }
    .web_service_process li:nth-child(4){ grid-column: 1 / 2; grid-row: 2; }
    .web_service_process li:nth-child(5){ grid-column: 1 / 2; grid-row: 3; }
    .web_service_process li:nth-child(6){ grid-column: 2 / 2; grid-row: 3; }
    .web_service_process li:nth-child(7){ grid-column: 2 / 2; grid-row: 4; }
    .web_service_process li:nth-child(8){ grid-column: 1 / 2; grid-row: 4; }
    .web_service_process li:nth-child(9){ grid-column: 1 / 2; grid-row: 5; }
    .web_service_process li:nth-child(10){ grid-column: 2 / 2; grid-row: 5; }
}
@media screen and (max-width: 768px){
    .web_service_process{margin-left: 0px;}
    .web_service_process li:nth-child(3),
    .web_service_process li:nth-child(4),
    .web_service_process li:nth-child(5),
    .web_service_process li:nth-child(6),
    .web_service_process li:nth-child(7),
    .web_service_process li:nth-child(8),
    .web_service_process li:nth-child(9),
    .web_service_process li:nth-child(10){ grid-column: auto; grid-row: auto; }
    .web_service_process li{margin:auto}
    .web_service_process .down .hexagon.small{top:160px}
    .web_service_process{gap:170px;padding-bottom: 150px;margin-top: 200px;}
}

/*helper_center_subbanner*/
.helper_center_subbanner{background: #555;background-image: url(../images/service_bg.jpg);background-size: cover;background-position: center top;}
.helper_center_subbanner::after{content:"";position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.15);z-index: 1;}
.helper_center_subbanner>.leakey_container{position: relative;z-index: 2;padding-top: 150px;padding-bottom: 150px;}
.helper_center_subbanner .title{color:#fff;}
.helper_center_subbanner .search_box{
    --search_box_height:80px;
    position: relative;background-color: #fff;border-radius: var(--search_box_height);overflow: hidden;max-width: 800px;width: 100%;margin:auto;margin-top: 100px;transition: all 0.5s ease-in-out;}
.helper_center_subbanner .search_box.active{max-width: 1200px;}
.helper_center_subbanner .search_box input{position: relative;z-index: 0;border:0;display: block;width: 100%;height:var(--search_box_height);padding:0 var(--search_box_height) 0 calc(var(--search_box_height) / 2);font-size: 22px;}
.helper_center_subbanner .search_box i{position: absolute;z-index: 1;height:var(--search_box_height);width: var(--search_box_height);display: block;color:#333;font-size: 30px;line-height: var(--search_box_height);text-align: center;top:0;right:0;cursor: pointer;}
.helper_center_subbanner .search_box i:hover{color:var(--main_color)}
.hot_search{display: flex;gap:20px;margin-top: 50px;font-size: 16px;justify-content: center;}
.hot_search a{color:#fff;}

@media screen and (max-width: 720px){
   .hot_search{flex-wrap: wrap;gap:10px;}
   .hot_search a{flex:0 0 calc(50% - 5px);text-align: center;}
}

/*helper_center_content*/
.helper_center_content { background: linear-gradient(to right, #f2f2f2 50%, #fff 50%);background:#fff}
.helper_center_content .leakey_container{display: flex;gap:0px;max-width: 1440px;}
.helper_center_content .leakey_container .menu{flex:0 0 30%;padding:var(--container_padding_top_bottom) var(--container_padding_left_right);position: relative;}
.helper_center_content .leakey_container .menu::before{content:"";position:absolute;top:0;bottom:0;right:0;width:40px;z-index:0;transition: all 0.3s ease-in-out;background: linear-gradient(to left, #aaa,transparent);opacity: 0.2;}
.helper_center_content .leakey_container .menu a{font-size: 22px;padding:20px 0;display: block;text-align: right;}
.helper_center_content .leakey_container .menu .active a{color:var(--main_color);}
.helper_center_content .leakey_container .menu ul{position: sticky;top:90px;z-index: 1;}
.helper_center_content .content_box{padding:var(--container_padding_top_bottom) var(--container_padding_left_right);background: #fff;}
.helper_center_content .content_box .content_list li {border-bottom: 1px solid #eee;padding-bottom: 50px;margin-bottom: 50px;}
.helper_center_content .content_box .content_list li a {position: relative;}
.helper_center_content .content_box .content_list li a:hover{color:#333}
.helper_center_content .content_box .content_list li a strong{font-size: 22px;line-height: 28px;font-weight: normal;margin-bottom: 30px;display: block;}
.helper_center_content .content_box .content_list li a p{font-size: 16px;line-height: 24px;opacity: 0.65;}
.helper_center_content .content_box .content_list li a span{position: absolute;right: 0;top:0;font-size: 16px;opacity: 0.65;}

@media screen and (max-width: 1024px){
   .helper_center_content .content_box .content_list li a span{position: relative;display: block;margin-bottom: 5px;}
}
@media screen and (max-width: 450px){
   .helper_center_content .leakey_container .menu a{font-size: 18px;padding:10px 0}
   .helper_center_content .content_box .content_list li a strong{font-size: 16px;font-weight: bold;line-height: 22px;margin-bottom: 20px;}
   .helper_center_content .content_box .content_list li a p{font-size: 14px;}
   .helper_center_content .content_box .content_list li{padding-bottom: 30px;margin-bottom: 30px;}
}

.about_section{background-color:#333;background-position:center top;background-image: url('../images/about_banner.jpg');}
.about_section .leakey_container{min-height: 100vh;}
.about_section .content_box {display:flex;position: absolute;left:var(--container_padding_left_right);bottom:var(--container_padding_left_right);right:var(--container_padding_left_right);color:#fff;align-items: flex-end;gap:var(--container_padding_left_right)}
.about_section .content_box>*{flex:1;}
.about_section .content_box>div{font-size: 16px;line-height:28px;opacity: 0.75;display: flex;max-width: 720px;gap:40px}
.about_section .content_box>div>div{flex:1}
.about_section .title{color:#fff;}
@media screen and (max-width:1730px){
    .about_section .title p{font-size: 120px;line-height:120px;height:120px;margin-bottom: 45px;}
    .about_section .content_box>div{flex-direction: column;gap:20px}
}
@media screen and (max-width:1200px){
    .about_section .title p{font-size: 90px;line-height: 90px;height:90px;}
}
@media screen and (max-width:780px){
    .about_section .content_box{flex-direction: column;align-items: flex-start;gap:50px}
}
@media screen and (max-width:720px){
    .about_section .content_box{bottom: 100px;}
}
@media screen and (max-width:600px){
    .about_section .title p{font-size: 60px;line-height: 60px;height:60px;margin-bottom: 10px;}
}

.about_history_section{background-color: #fff;background-image: url(../images/about_histroy.jpg);background-position: center top;background-repeat:no-repeat;background-attachment: fixed;}
.about_history_section::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;background-color: #000;opacity: 0.25;}
.about_history_section .leakey_container{display: flex;gap:0px;min-height: 100vh;max-width: 1440px;position: relative;z-index: 2;padding-bottom: 400px;}
.about_history_section .leakey_container>.title{flex:0 0 50%;color:#fff}
.about_history_section .leakey_container>div{flex:1;transform: translateY(50px);max-width: 800px;}
.about_history_section .title h3{font-size: 50px;line-height: 50px;}

/*发展历程*/
.history_ring_box{position: relative;max-width: 1000px;}
.history_ring_box ul{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 100%;height: 300px;}
.history_ring_box li{position: absolute;width: 100%;height:100%}
.history_ring_box li .txt{background-color: #fff;padding:40px 50px;border-radius: 10px;position: absolute;right:0;top:0;max-width: 48%;z-index: 2;}
.history_ring_box li .txt span{font-size: 28px;line-height: 32px;font-family:"big-john";}
.history_ring_box li:nth-child(even) .txt{right:auto;left:0;}
.history_ring_box li .img{height:200px;width:300px;overflow: hidden;position: absolute;left:0;top:40px;border-radius: 10px;max-width: 48%;z-index: 1;}
.history_ring_box li .img img{object-fit: cover;height:100%;width:100%;}
.history_ring_box li:nth-child(even) .img{left:auto;right:0;}
.history_ring_box li .year{position: absolute;left:50%;top:50%;height: 300px;width: 300px;border-radius: 50%;transform: translate(-50%,-50%);z-index: 3;}

@media screen and (max-width: 1024px){
   .about_history_section .leakey_container{flex-direction: column;gap:0px}
   .history_ring_box li .txt{padding:20px 30px}
   .history_ring_box li .img{height:160px;width: 200px;}
   .history_ring_box ul{top:0;transform: translateX(-50%);height:200px}
}


.about_culture_section{background-color: #333;background-image: url(../images/culture_bg.jpg);background-position: right center;background-size: cover;background-repeat: repeat-y;}
.about_culture_section::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;background-color: #000;opacity: 0.3;}
.about_culture_section .title:hover{color: #fff;}
.about_culture_section .leakey_container{min-height: 100vh;max-width: 1440px;color:#fff;position: relative;z-index: 2;padding-bottom: 300px;}
.about_culture_section .content_box{margin-top: 100px;}
.about_culture_section .content_box>div{display: flex;gap:30px;flex-direction: column;}
.about_culture_section .content_box>div>div{flex:1;display: flex;justify-content: flex-start;flex-direction: row;gap:20px;}
.about_culture_section .content_box>div>div:nth-child(2)>div{flex:1;color:rgba(255,255,255,0.75);padding:30px 30px;border:1px solid rgba(255,255,255,0.1)}
.about_culture_section .content_box>div strong{font-size: 36px;font-weight: normal;flex:1;line-height:36px}


.about_vision_section{background-color: #f2f2f2;background-image: url(../images/bg_light.jpg);background-position: center;background-repeat:repeat-y;background-attachment: fixed;}
.about_vision_section .leakey_container{min-height: 100vh;max-width: 1440px;}
.about_vision_section .leakey_container .content_box {margin-top: 100px;display: flex;gap:0px}
.about_vision_section .title {position: absolute;top:-176px;left:var(--container_padding_left_right);right:var(--container_padding_left_right);}
.about_vision_section .title strong{font-size: 22px;text-align: right;font-weight: normal;display: block;position: relative;top:120px;color: #fff;}
.about_vision_section .title p{margin-bottom: 0;color:#fff}
.about_vision_section .title div{margin-top:60px;font-size: 22px;line-height: 28px;margin-bottom: 50px;}
.about_vision_section .leakey_container .content_box>div{flex:1;position: relative;display: flex;flex-direction: column;min-height:550px}
.about_vision_section .leakey_container .content_box strong{font-size: 22px;font-weight: normal;margin-bottom: 50px;display: block;grid-column: span 4;}
.about_vision_section .leakey_container .content_box>div>*{flex:0 0 50%;background-color: #fff;padding:40px 30px;display: flex;justify-content: center;flex-direction: column;gap:20px}
.about_vision_section .leakey_container .content_box>div:nth-child(2n){flex-direction: column-reverse;}
.about_vision_section .leakey_container .content_box>div>div font{font-size: 32px;font-weight: normal;display: block;text-align: left;letter-spacing: 1px;position: relative;z-index: 2;}
.about_vision_section .leakey_container .content_box>div>div em{font-size: 16px;line-height: 16px;opacity: 0.65;display: block;margin-bottom: 20px;text-align: left;position: relative;z-index: 2;color:rgba(0,0,0,0.65);display: none;}
.about_vision_section .leakey_container .content_box>div>div p{position: relative;z-index: 2;opacity: 0.8;} 
.about_vision_section .leakey_container .content_box>div>span{background-position: center center;background-size: cover;position: relative;}
.about_vision_section .leakey_container .content_box>div>span{filter: grayscale(1);}
.about_vision_section .leakey_container .content_box>div>span::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;background-color: #000;opacity: 0.25;}
.about_vision_section .leakey_container .content_box>div:nth-child(2)>div,
.about_vision_section .leakey_container .content_box>div:nth-child(3)>div{background-color: var(--main_color);color:#fff;filter: grayscale(0.3);}

@media screen and (max-width: 1024px){
    .about_vision_section .leakey_container .content_box{flex-wrap: wrap;}
    .about_vision_section .leakey_container .content_box>div{flex:0 0 50%}
    .about_vision_section .title{top:-155px}
    .about_vision_section .title div{font-size: 18px;line-height: 28px;}
}
@media screen and (max-width: 600px){
    .about_vision_section .title{top: -130px;}
    .about_vision_section .title strong{top:60px}
    .about_vision_section .leakey_container .content_box>div>*{padding:30px 20px}
    .about_vision_section .title div{margin-top: 66px;font-size: 16px;line-height: 24px;}
}

.about_team_section{background-color: #333;background-image: url(../images/bg_dark.jpg);background-position: center;background-repeat:repeat-y;background-attachment: fixed;}
.about_team_section .title{color:#fff;position: relative;z-index: 2;}
.about_team_section .title:hover{color: #fff;}
.about_team_section .leakey_container{min-height: 100vh;max-width: 100%;padding-left: calc(50vw - 700px);}
.about_team_section .leakey_container::after{content: "";position: absolute;top:0;right: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);z-index: 0;}
.about_team_section video{width: 50%;height:calc(100vh + 100px);object-fit: cover;position: absolute;top:0;right: 0;z-index: -1;}
.about_team_section .content_box{display: flex;flex-direction: column;color:#fff;gap: 40px;margin-top: 50px;position: relative;z-index: 2;}
.about_team_section .content_box>div span{font-size: 22px;display:block;margin-bottom: 20px;}
.about_team_section .content_box>div div{opacity: 0.65;}

.about_customer_section{background-color: #f2f2f2;background-image: url(../images/bg_light.jpg);background-position: center;background-repeat:repeat-y;background-attachment: fixed;}
.about_customer_section .title p{color:var(--main_color);}
.about_customer_section .leakey_container{min-height: 100vh;max-width: 1440px;}
.about_customer_section ul{display: grid;gap:20px;grid-template-columns: repeat(4,1fr);margin-top: 150px;}
.about_customer_section ul li{background-color: #fff;padding:20px;text-align: center;border-radius: 5px;filter: grayscale(0.3);transition: all 0.3s ease-in-out;}
.about_customer_section ul li:hover{filter: grayscale(0);}
.about_customer_section ul li img{display: inline-block;max-width: 100%;}
@media screen and (max-width: 1440px){
    .about_team_section .leakey_container{padding-left: var(--container_padding_left_right)!important;}
    .about_team_section .title{margin-top: 150px;}
}

@media screen and (max-width: 1024px){
   .about_customer_section ul{grid-template-columns: repeat(3,1fr);}
}

@media screen and (max-width: 768px){
   .about_customer_section ul{grid-template-columns: repeat(2,1fr);}
}

/*breadcrumb面包屑导航*/
.breadcrumb{margin-top:90px;background: var(--white);position: relative;border-bottom: 1px solid #f2f2f2;}
.breadcrumb .leakey_container{padding-top:20px;padding-bottom: 20px;max-width: 1440px;}
.breadcrumb li{float: left;}
.breadcrumb li a{color: #333;}
.breadcrumb li a:hover{text-decoration: underline;}
.breadcrumb li.contentT{opacity: 0.75;}
.breadcrumb li.split{padding: 0 10px;}


.article_main{background-color: #f2f2f2;background-image: url(../images/service_bg.jpg);background-size: 100% auto;background-position: center center;background-attachment: fixed;}
.article_main .breadcrumb{margin-top: 0;background: none;border-bottom: 1px solid rgba(255,255,255,0.2);}
.article_main .breadcrumb .leakey_container{padding-top:150px;padding-bottom: 30px;}
.article_main .breadcrumb li.split{opacity: 0.35;}
.article_main .leakey_container{display: flex;gap:20px;max-width: 1440px;padding-top: 50px;padding-bottom: 100px;}
.article_main article{background-color: #fff;padding:120px 90px;flex:1;position: relative;}
.article_main article h1{font-size: 38px;line-height: 45px;font-weight: normal;margin-bottom: 40px;}
.article_main article .article_info{display: flex;gap:30px}
.article_main .leakey_share{position: relative;justify-content: flex-end;}
.leakey_case_detail_subbanner .leakey_share{margin-top: 50px;}
.leakey_case_detail_subbanner .leakey_share a{color:#fff;}
.leakey_share{display: flex;gap:10px;font-size: 14px;line-height: 22px;}
.leakey_share a{position: relative;cursor: pointer;}
.leakey_share a>i{position: relative;z-index: 1;width:23px;text-align: center;display: inline-block;}
.leakey_share a::after{content:"";position:absolute;top:-5px;left:-5px;bottom:-5px;right:-5px;z-index:0;transition: all 0.3s ease-in-out;background:#000;opacity: 0;border-radius: 5px;display: block;}
.leakey_share a:hover::after{opacity: 0.15;}
.leakey_share .wechat{position: relative;z-index: 1;}
.leakey_share #qrcode_container{display: none;position: absolute;margin-top:-220px;left:50%;transform: translateX(-50%);border:1px solid #ddd;background: #fff;}
.leakey_share #qrcode_container.show{display: block;}
.leakey_share #qrcode_container p{font-size: 12px;line-height: 30px;text-align: center;color: var(--font_color);margin-bottom: 0;background-color: #f2f2f2;margin-top: 0;}
.article_main article .article_content{margin-top: 10px;padding-top: 50px;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;padding-bottom: 50px;margin-bottom: 50px;}
.article_main article .article_content h2{font-size: 32px;line-height: 32px;font-weight: normal;margin-bottom: 15px;margin-top: 15px;}
.article_main article .article_content h3{font-size: 24px;line-height: 24px;font-weight: normal;margin-bottom: 15px;margin-top: 15px;}
.article_main article .article_content h4,.article_main article .article_content strong{font-size: 22px;line-height: 22px;font-weight: normal;margin-bottom: 15px;margin-top: 15px;}
.article_main article .article_content img{max-width: 100%;}
.article_main article .article_content p{line-height: 28px;margin-bottom: 15px;}
.article_main article .prev_next{display: grid;gap:10px 20px;grid-template-columns: 1fr 60px;}
.article_main article .prev_next a:nth-child(2){text-align: right;}
.article_main aside{display: flex;gap:20px;flex-direction: column;flex:0 0 320px;}
.article_main aside>div{background-color: #fff;padding:40px 40px}
.article_main aside>div .leakey_remark_title{border-bottom: 1px solid #f2f2f2;padding-bottom: 15px;margin-bottom: 15px;display: block;font-weight: normal;}
.article_main aside>div .leakey_remark_title:before{bottom:auto;height:25px;top:4px}
.article_main .article_aside_nav {position: sticky;top:100px;z-index: 1;}
.article_main .article_aside_nav ul{display:grid;gap:0 20px;grid-template-columns: repeat(2,1fr);justify-content: center;align-items: center;height:70px}
.article_main .article_aside_nav ul a{font-size: 16px;line-height: 16px;font-weight: bold;}
/* .article_main .hots{position: sticky;top:323px;z-index: 1;} */
.article_main .hots ul{display: flex;gap:30px;flex-direction: column;}
.article_main .hots ul li a{display: grid;grid-template-columns: 150px 1fr;gap:10px;align-items: center;}
.article_main .hots ul li a .leakey_img_box{grid-row: span 2;background: #ddd;min-height:80px;height:100%;}
.article_main .hots ul li a>p{font-size: 16px;line-height: 18px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.article_main .hots ul li a>div{font-size: 12px;line-height: 22px;opacity: 0.85;}
/*无图*/
.article_main.no_pic .hots ul li a{grid-template-columns:auto;gap:0px;align-items: start;}
.article_main.no_pic .hots ul li a .leakey_img_box{display: none;}

.article_main .hots ul li a em{opacity: 0.75;}
.article_main .hots ul li a:hover em{color:var(--font_color)}
.article_main .search_box{position: relative;}
.article_main aside>div.search .leakey_remark_title{margin-bottom: 0;}
.article_main .search_box input{border:0;border-bottom: 1px solid #f2f2f2;width:100%;height:50px;line-height:50px;background-color: transparent;transition: all 0.3s ease-in-out;}
.article_main .search_box input:focus{border-color:#aaa;}
.article_main .search_box i{position: absolute;right:0;top:0;height:49px;line-height: 49px;width:50px;text-align: center;cursor: pointer;border-left: 1px solid #f2f2f2;}

@media screen and (max-width: 1440px){
    .article_main .leakey_share{position: relative;top:0;right:auto;margin-top: 20px;}
    .leakey_case_detail_subbanner .leakey_share{margin-top: 50px;}
}
@media screen and (max-width: 1200px){
    .article_main article{padding-left: 50px;padding-right: 50px;}
    .article_main{background-position: center top;}
}

@media screen and (max-width: 1024px){
   .article_main .leakey_container{flex-direction: column;}
}

@media screen and (max-width: 720px){
   .article_main article{padding-left: var(--container_padding_left_right);padding-right: var(--container_padding_left_right);}
   .article_main article h1{font-size: 32px;line-height: 40px;}
   .article_main article .article_info {flex-wrap: wrap;gap:10px;}
   .article_main article .article_info span{flex:0 0 calc(50% - 5px);}
   .article_main .leakey_share{justify-content: flex-start;}
}

/*leakey_sitemap_format*/
.leakey_sitemap_format{background-color: #f2f2f2;background-image: url(../images/about_banner.jpg);background-size: 100% 100vh;background-position: center center;background-attachment: fixed;}
.leakey_sitemap_format .leakey_container{max-width: 1440px;}
.leakey_sitemap_format .sitemap_list{display: flex;flex-direction: column;gap:20px;}
.leakey_sitemap_format .sitemap_list li>*:last-child{margin-bottom: 0;}
.leakey_sitemap_format .sitemap_list>li{flex:1;background-color: rgba(255,255,255,0.97);padding:80px;border-radius: 10px;}/*一级栏目*/
.leakey_sitemap_format .sitemap_list>li>a{font-size: 32px;line-height:32px;display: block;}
.leakey_sitemap_format .sitemap_list>li>ul{display: flex;flex-direction: column;gap:60px;border-top: 1px solid #ddd;padding-top: 50px;margin-top:50px}
.leakey_sitemap_format .sitemap_list>li>ul>li{flex:1;display: flex;gap:20px}/*二级栏目*/
.leakey_sitemap_format .sitemap_list>li>ul>li>a{font-size: 22px;margin-bottom: 20px;display: block;flex:0 0 200px;}
.leakey_sitemap_format .sitemap_list>li>ul>li:last-child>a{margin-bottom: 0}
.leakey_sitemap_format .sitemap_list>li>ul>li>ul{display: grid;grid-template-columns: repeat(3,1fr);gap:20px;margin-bottom: 20px;flex:1}
.leakey_sitemap_format .sitemap_list>li>ul>li>ul>li{display: flex;gap:10px;flex-direction: column;}/*三级栏目*/
.leakey_sitemap_format .sitemap_list>li>ul>li>ul>li>a{font-size: 16px;display: block;font-weight: bold;opacity: 0.75;}
.leakey_sitemap_format .sitemap_list>li>ul>li>ul>li:last-child>a{margin-bottom: 0}
.leakey_sitemap_format .sitemap_list li ul.sitemap_contents a{opacity: 0.55;font-size: 14px!important;font-weight: normal!important;}

@media screen and (max-width: 1440px){
    .leakey_sitemap_format .sitemap_list>li>ul>li>ul{grid-template-columns: repeat(3,1fr);}
}

@media screen and (max-width: 1024px){
    .leakey_sitemap_format .sitemap_list>li>ul>li>ul{grid-template-columns: repeat(2,1fr);}
    .leakey_sitemap_format .sitemap_list>li{padding:var(--container_padding_top_bottom) var(--container_padding_left_right)}
}
@media screen and (max-width: 650px){
    .leakey_sitemap_format .sitemap_list>li>ul>li{flex-direction: column;}
    .leakey_sitemap_format .sitemap_list>li>ul>li>a{flex:1}
}
@media screen and (max-width: 400px){
    .leakey_sitemap_format .sitemap_list>li>ul>li>ul{grid-template-columns: repeat(1,1fr);padding-left: 20px;padding-right: 20px;}
}


/*leakey_search_result*/
.leakey_search_result .leakey_container{max-width: 1440px;}
.search-contents-list .content-list li>div{border: 1px solid #f2f2f2;padding: 50px 30px;height: 100%;background: rgba(255,255,255,0.97);}
.search-contents-list .content-list li img{max-width: 100%;transition: all 0.3s ease-in-out;height: 400px;object-fit: cover;}
.search-contents-list .content-list li a{display: block;}
.search-contents-list .content-list li a.img{line-height: 0;overflow: hidden;margin-bottom: 20px;}
.search-contents-list .content-list li:hover a.img img{transform: scale(1.2);}
.search-contents-list .content-list li a strong{color: #f00}
.big_marks{font-size: 80px!important;display: inline-block;}
.big_marks_l{transform: translateY(30px);padding-right: 10px}
.big_marks_r{transform: translateY(50px);padding-left: 10px}
.search_result_keywords{font-size: 32px}


.leakey_search_result {background:url(../images/service_bg.jpg) center center no-repeat;background-size: 100% auto;background-attachment: fixed;}
.leakey_search_result .search_box{
    --search_box_height:80px;
    position: relative;background-color: #fff;border-radius: var(--search_box_height);overflow: hidden;max-width: 800px;width: 100%;margin:auto;margin-bottom: 100px;transition: all 0.5s ease-in-out;}
.leakey_search_result .search_box.active{max-width: 1200px;}
.leakey_search_result .search_box input{position: relative;z-index: 0;border:0;display: block;width: 100%;height:var(--search_box_height);padding:0 var(--search_box_height) 0 calc(var(--search_box_height) / 2);font-size: 22px;}
.leakey_search_result .search_box i{position: absolute;z-index: 1;height:var(--search_box_height);width: var(--search_box_height);display: block;color:#333;font-size: 30px;line-height: var(--search_box_height);text-align: center;top:0;right:0;cursor: pointer;}
.leakey_search_result .search_box i:hover{color:var(--main_color)}

@media screen and (max-width: 1440px){
    .search-contents-list .content-list li img{height:300px }
    .search-contents-list .leakey_col{width: 33.333333%;}
    .leakey_search_result .leakey_container{padding-top: 200px;}
}
@media screen and (max-width: 1200px){
    .leakey_search_result{background-position: center top}
}
@media screen and (max-width: 720px){
    .search-contents-list .content-list li img{height:200px }
    .search-contents-list .leakey_col{width: 50%;}
}
@media screen and (max-width: 512px){
    .search-contents-list .leakey_col{width:100%;}
    .search-contents-list .content-list li img{width: 100%}
}

/*leakey_float_up*/
.leakey_float_up{cursor: pointer;height: 50px;width: 50px;position: fixed;right: var(--container_padding_left_right);border-radius: 10px;bottom: 50px;background: rgba(199,63,14,0.9);color: var(--white);text-align: center;line-height: 50px;font-size: 24px;z-index: 10;-webkit-transform-origin: bottom;-moz-transform-origin: bottom;-ms-transform-origin: bottom;transform-origin: bottom; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.leakey_float_up.hide{-webkit-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);opacity: 0;}
.leakey_float_up:hover{background: rgba(199,63,14,1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.leakey_float_up:before{display: inline-block;}
.leakey_float_up:hover:before{-webkit-animation: up_to_top 0.6s infinite;-moz-animation: up_to_top 0.6s infinite;animation: up_to_top 0.6s infinite;}

.leakey_float_up{height: 60px;width: 60px;line-height: 60px;}/*根据需要设定，默认50*/
@media screen and (max-width: 720px){
   .leakey_float_up{bottom:100px;display: none;}
}


/*leakey_popup_form*/
.leakey_popup_form_box{position: fixed;top:0;left:0;height:100vh;width: 100vw;z-index: 1000;display: flex;justify-content: center;align-items: center;flex-direction: column;gap:20px}
.leakey_popup_form{position: relative;z-index: 1;background-color: #fff;border-radius: 5px;width: 800px;max-width: 90%;display: flex;flex-direction: row;overflow: hidden;box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);transition: all 0.3s ease-in-out;}
.leakey_popup_form.hide{opacity: 0;}
.leakey_popup_form .leakey_container{padding:50px 50px 40px}
.leakey_popup_form .leakey_title_box .leakey_title{font-size: 40px!important;line-height: 40px!important;user-select: none;}
.leakey_popup_form .leakey_title_box p{font-size: 14px;line-height: 22px;opacity: 0.5;margin-bottom: 30px;user-select: none;}
.leakey_popup_form .leakey_container .form_group{display: grid;grid-template-columns: repeat(2,1fr);gap:10px 12px}
.leakey_popup_form .leakey_container .form_group.grid_2{grid-template-columns: repeat(2,1fr);}
.leakey_popup_form .leakey_container .form_group.grid_3{grid-template-columns: repeat(3,1fr);}
.leakey_popup_form .leakey_container .form_group.grid_4{grid-template-columns: repeat(4,1fr);}
.leakey_popup_form .leakey_container .form-group.full{grid-column: 1 / -1;}
.leakey_popup_form .leakey_container .form-group input,
.leakey_popup_form .leakey_container .form-group textarea{width:100%;padding:5px;border:1px solid #ddd}
.leakey_popup_form .leakey_container .form-group input[type="submit"]{background-color: var(--main_color);color: var(--white);border:0;padding:15px 20px;border-radius: 5px;margin-top: 20px;cursor:pointer}
.leakey_popup_form .leakey_container .form-group input[type="submit"]:disabled{background-color: #ddd;cursor: not-allowed;}
.leakey_popup_form .leakey_container .form-group input[type="submit"]:not(:disabled):hover{background-color: #c73f0e;}
.leakey_popup_form .leakey_container .form-group label{display: inline-block;margin-bottom: 3px;color:#555;user-select: none;}
.leakey_popup_form .leakey_container .form-group label em{color:#f00;display: inline-block;margin-right: 3px;position: relative;top:2px}
.leakey_popup_form_btn{cursor: pointer;}
.leakey_popup_form_pic{flex:0 0 300px;min-height:100%;background-position: center center;background-size: cover;background-repeat: no-repeat;position: relative;}
.leakey_popup_form_pic span{position: absolute;color:#fff;top:50px;left:20px;right:20px;display: block;text-align: center;opacity: 0.95;font-size: 22px;line-height: 22px;font-family: big-john;}
.leakey_popup_form_tips{font-size: 12px;display: block;margin-top:10px;opacity: 0.3;text-align: center;user-select: none;}
.leakey_popup_form_close_btn{position: absolute;right: 0;top:0;color: #aaa;font-size: 24px;padding: 13px;border: 1px solid #f2f2f2;cursor: pointer;transition: all 0.3s ease-in-out;}
.leakey_popup_form_close_btn:hover{color:var(--white);border-color: #c73f0e;background-color: #c73f0e;}
.leakey_popup_form_bg{position: absolute;top: 0;left: 0;right:0;bottom:0;background: rgba(0,0,0,0);z-index: 0;backdrop-filter: blur(0);transition: all 0.3s ease-in-out;}
.leakey_popup_form_bg.show{backdrop-filter: blur(12px);background: rgba(0,0,0,0.1);}
.leakey_popup_form_bg.show.noblur{backdrop-filter: blur(0);}
.leakey_popup_form  input[type="text"].error{outline-color: #f00;box-shadow: 0 0 0 4px rgba(255, 0, 0, 0.2);}
.leakey_popup_form  input[type="text"].shake{animation: input_shake 0.15s cubic-bezier(.36,.07,.19,.97);}

@media screen and (max-width: 1024px){
   .leakey_popup_form{flex-direction: column;}
   .leakey_popup_form_pic{flex:0 0 200px}
   .leakey_popup_form_pic span{top:20px}
}
@media screen and (max-width: 400px){
    .leakey_popup_form .leakey_container{padding-left: var(--container_padding_left_right);padding-right: var(--container_padding_left_right);}
}

/*leakey_draggable拖拽*/
.leakey_draggable{position: absolute!important;/* 启用硬件加速 */transform: translateZ(0);backface-visibility: hidden;perspective: 1000px;}
.leakey_draggable_dom{user-select: none;cursor: move;}
.leakey_draggable.dragging{transition: all 0.3s ease-in-out;}
.leakey_draggable.dragging .leakey_draggable_dom{cursor: grabbing;}

/*扣子 AI 聊天弹窗*/
.ab1ac9d9bab12da47298{bottom:auto;top:50%;transform: translateY(-50%);margin-top: 80px;right:var(--container_padding_left_right)!important;z-index: 999;}
.coze-chat-sdk{top:100px;height:calc(100% - 150px)!important;right:var(--container_padding_left_right)!important;}
@media screen and (max-width: 720px){
   .ab1ac9d9bab12da47298{bottom:100px!important;top:auto;transform: translateY(0);margin-top: 0;}
   .coze-chat-sdk{bottom:100px!important;max-width: calc(100% - 40px);width: 100%;right:auto!important;left:50%!important;transform: translateX(-50%)!important;height:calc(100% - 220px)!important;min-height: auto!important;max-height: none!important;}
}