/**
 * @author     leakey
 * @date       创建日期
 */
/*target指当前路径hash指定的元素的样式，用以锚链接遇到fixed导航的位置纠正*/
/*:target{padding-top:90px;}*/


/*title字体*/
.leakey_title{font-size:45px!important;line-height:50px!important;letter-spacing: -1px;text-transform: uppercase;}
.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!important;line-height: 34px!important}
}
@media screen and (max-width: 512px){
    .leakey_title,.leakey_title_btn_lr .leakey_title{font-size: 32px!important;line-height: 38px!important}
    .leakey_title_sub{font-size: 18px}
    .leakey_title_btn_lr .leakey_more{position:relative;right:auto;left:0;float: none!important}
}


/*header*/
header{position: relative;}
header.fixed{position: fixed;left: 0;top: 0;width: 100%;z-index: 20;}
.leakey_header_container{padding: 20px 20px;height: 90px;padding:0 20px}
.leakey_header_container{max-width: var(--max_width);margin: auto;position: relative;}
.leakey_header_container nav>ul:after{content: "";clear: both;display: block;}
.leakey_header_container nav>ul>li{float: left;}
.leakey_header_container nav>ul>li.active>a{color: var(--main_color);}
.leakey_header_container nav>ul>li a:hover{color: var(--main_color);}
.leakey_header_container nav>ul>li ul{display: none;}

#menu{display: none;}
.mm-page{background: var(--white);}
.mm-menu{overflow: hidden;}
.mm-menu.mm-theme-dark .mm-navbar a{border-right: 1px solid rgba( 0,0,0, 0.3 )}
.mm-menu.mm-theme-dark .mm-navbar a:last-child{border: 0;}
.mm-navbars-bottom>.mm-navbar{border-bottom:1px solid rgba( 0,0,0, 0.3 );}
.mm-navbars-bottom>.mm-navbar:last-child{border: 0}
.mobile_menu{display: none; position: absolute; top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); right: 0; width: 80px; height: 44px; padding: 12px 25px; } 
.fixedon .mobile_menu:before,.fixedon .mobile_menu:after,.fixedon .mobile_menu span{background: var(--dark_gray);}
.mobile_menu:before,.mobile_menu:after{content: ""; display: block; background: var(--white); height: 2px; }
.mobile_menu span{background: var(--white); display: block; height: 2px; margin: 7px 0; }

header{background: rgba(255,255,255,0);}
header.fixedon{background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);}
header.fixedon nav>ul>li>a:link,header.fixedon nav>ul>li>a:visited{color: #333;}
header .logo{display: block;left: var(--container_padding_left_right);top: 50%;margin-top: -30px;height:60px;width:238px;position: absolute;line-height: 0;z-index: 10;text-indent: -2000px;overflow: hidden;background-image: url(../images/logo.png);background-position: 0 60px}
header.fixedon .logo,header.show_search .logo{background-position: 0 0}
header nav li a,header nav li a:link,header nav li a:visited{color: #fff;padding: 0 25px;}
header.fixedon nav>ul>li>a,header.show_search nav>ul>li>a,header.fixedon nav>ul>li>a:link, header.fixedon nav>ul>li>a:visited,header.show_search nav>ul>li>a:link, header.show_search nav>ul>li>a:visited{color: #333;}
header.fixedon nav>ul>li.active>a:link,header.fixedon nav>ul>li.active>a:visited{color:var(--main_color);}
.leakey_header_container{padding: 0 var(--container_padding_left_right);max-width: var(--max_width);z-index: 10;margin:auto}
.leakey_header_container nav{position: absolute;top:0;right: 0;left:0}
.leakey_header_container nav>ul>li>a{display:block;height: 90px;line-height: 90px;font-size: 18px;position: relative;overflow: hidden;color: rgba(255,255,255,0.8);transition: color 0.3s ease}

/*高亮背景*/
/*header.fixedon .leakey_header_container nav>ul>li:hover,header .leakey_header_container nav>ul>li:hover{background: var(--main_color);box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);z-index:1}
header.fixedon .leakey_header_container nav>ul>li:hover>a,header .leakey_header_container nav>ul>li:hover>a{color:var(--white);}
header.fixedon .leakey_header_container nav>ul>li:hover>a:after,header .leakey_header_container nav>ul>li:hover>a:after{color:var(--white);}*/

/*高亮文字*/
header.fixedon .leakey_header_container nav>ul>li:hover>a,header .leakey_header_container nav>ul>li:hover>a{color:var(--main_color);}
header.fixedon .leakey_header_container nav>ul>li:hover>a:after,header .leakey_header_container nav>ul>li:hover>a:after{color:var(--font_color)}

/* .leakey_header_container nav>ul>li.active>a{color:#fff} */
.leakey_header_container nav>ul>li{position: relative;}
.leakey_header_container nav>ul>li div.sub_nav{display:none;position: absolute;left:0;top:100%;min-width:100%;padding:8px 0;}
.leakey_header_container nav>ul>li div.sub_nav div.lite_sub_nav{top:0;left:100%;}
.leakey_header_container nav>ul>li div.sub_nav ul{text-align: center;}
.leakey_header_container nav>ul>li div.sub_nav ul li {margin-bottom: 5px;padding-left:8px;padding-right: 8px;position: relative;}
.leakey_header_container nav>ul>li div.sub_nav ul li:last-child{margin-bottom: 0}
.leakey_header_container nav>ul>li div.sub_nav ul li a{overflow:hidden;position: relative;display: block;/*padding:8px 15px;*/padding:8px 30px;transition: all 0.2s ease-in-out;background-size: cover;color:#333;border-radius: 5px;background:rgba(0, 0, 0, 0);transition: background 0.3s ease-in-out;line-height: 22px;white-space: nowrap;}
.leakey_header_container nav>ul>li div.sub_nav ul li a:after{position: absolute;right:10px;transition: all 0.3s ease-in;transform-origin: center;}
.leakey_header_container nav>ul>li div.sub_nav ul li:hover>a:after{transform: rotate(-90deg);padding-left: 0}
.leakey_header_container nav>ul>li div.sub_nav ul li a:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;background: var(--main_color);opacity: 0}
.leakey_header_container nav>ul>li div.sub_nav ul li a:hover{color: var(--font_color);}
.leakey_header_container nav>ul>li div.sub_nav ul li a:hover:before{opacity: 0.07;}
.leakey_header_container nav>ul>li ul{display: block;clear: both;}
.leakey_header_container nav>ul>li div.rich_sub_nav{position: fixed;left:0;right:0;top:90px;padding:0 50px;background: none;box-shadow: none;border:0;line-height: 22px}
.leakey_header_container nav>ul>li div.rich_sub_nav>ul{border-bottom-left-radius: 8px;overflow:hidden;padding:0 20px}
.leakey_header_container nav>ul>li div.rich_sub_nav>ul>li{width:25%;float: left;}
.leakey_header_container nav>ul>li div.rich_sub_nav>ul>li{padding:40px 20px}
.leakey_header_container nav>ul>li div.rich_sub_nav>ul>li img{width:100%;display: block;}
.leakey_header_container nav>ul>li div.rich_sub_nav>ul>li strong{display: block;font-weight: normal;padding:20px 0 10px}
.leakey_header_container nav>ul>li div,.leakey_header_container nav>ul>li div.rich_sub_nav>ul{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);background: #fff;}
.leakey_header_container nav>ul>li div.rich_sub_nav>ul>li span{line-height: 22px}
.leakey_header_container nav>ul>li div.rich_sub_nav>ul>li a{white-space: normal;padding:0}
.leakey_header_container nav>ul>li div.rich_sub_nav>ul>li a:hover{background: none}
.leakey_header_container nav>ul>li div.rich_sub_nav>ul>li a:hover img{transform: scale(1.2);}
.leakey_header_container nav>ul>li div.rich_sub_nav .leakey_title_box{text-align: left;}

/*子公司列表*/
.company_list{float: right;position: relative;z-index: 10;width:170px;margin-top:27px;transition: width 0.3s ease-in-out;}
.company_list:hover{width: 270px}
.company_list p{height:35px;line-height: 35px;/*background:var(--main_color);*/color:#fff;position: relative;padding:0 45px 0 10px;text-align: center;border-radius: 3px;overflow: hidden;}
.company_list p span{display: block;height:35px;width:35px;line-height: 35px;position: absolute;right: 0;top:0;background: #333;cursor: pointer;}
.company_list p span:hover{background: #444}
.company_list ul{padding: 10px 8px;background: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;position: absolute;left:0;top:100%;width:100%;display: none;opacity: 0}
.company_list ul li{margin-bottom: 5px}
.company_list ul li a{padding:5px 15px;border-radius: 5px;display: block;}
.company_list ul li a:hover{background:rgba(50, 67, 134, 0.1);color: #333}
.company_list ul li:last-child{margin-bottom:0;}
.company_list.active ul{display: block;animation:show_sub_nav 0.3s ease-in;animation-fill-mode: forwards;animation-delay: 0.3s}
.company_list.active p{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

/*子栏目顶部border+fadeInUp*/
.leakey_header_container nav>ul>li div.rich_sub_nav>ul,.leakey_header_container nav>ul>li div{border-top:2px solid var(--dianzhui_color);}
/*高亮背景*/
/*.leakey_header_container nav>ul>li div.rich_sub_nav>ul, .leakey_header_container nav>ul>li div{border:0}*/
.leakey_header_container nav>ul li:hover>div{animation:show_sub_nav 0.3s ease-in;animation-fill-mode: forwards;display: block;}
@keyframes show_sub_nav{
    0%{opacity: 0;transform: translateY(10px);}
    100%{opacity: 1;transform: translateY(0);}
}

/*下拉子栏目居中*/
.leakey_header_container nav>ul>li div.sub_nav{left: 50%;transform: translateX(-50%)!important;}
.leakey_header_container nav>ul>li div.sub_nav div.lite_sub_nav{left:100%;transform: translateX(0)!important;}

@keyframes show_sub_nav{
    0%{opacity: 0;transform: translate(-50%,10px);}
    100%{opacity: 1;transform: translate(-50%,0);}
}

.language{float: right;position: relative;z-index: 10}
.language a{display: block;height: 90px;line-height: 90px;padding: 0 15px;position: relative;float: left;color: #fff}
.language a:after{content: "";width: 1px;height: 13px;top: 50%;margin-top: -6px;right: 0;background: #fff;display: block;position: absolute;transform: skewX(-10deg);}
.language a:last-child{padding-right: 0;}
.language a:last-child:after{display: none;}
header.fixedon .language a:hover,header.show_search .language a:hover{color: var(--main_color);}
header.fixedon .language a,header.show_search .language a{color: #333;}
header.fixedon .language a:after,header.show_search .language a:after{background: #333;}
.icon_btn{float: right;padding:0 0 0 30px;position: relative;z-index: 10}
.icon_btn a{display: inline-block;line-height: 22px;color:#fff;font-size:20px;padding:0 10px;cursor: pointer;position: relative;top:35px}
.shop_btn {float: right;line-height: 22px;font-size: 20px;margin-left:20px;cursor: pointer;position: relative;z-index: 10;top:20px}
.lang{float: right;text-align: center;margin-left: 10px;position: relative;z-index: 11;top:35px}
.lang>a{line-height: 22px;font-size: 20px;cursor: pointer;color:rgba(255,255,255,0.85)}
header.fixedon .lang>a,header.show_search .lang>a{color:var(--font_color)}
.lang ul{display: none;position: absolute;top:100%;left:50%;transform: translateX(-50%);background: var(--main_color);min-width:60px;}
.lang ul a{color: #fff;display: inline-block;padding: 5px 15px}
.lang:hover ul{display: block;}
.lang ul a{display: block;}
.lang ul a:hover{background: var(--help_color);color: var(--white)}
.header_icon_list{position: absolute;right:50px;bottom: 20px;width:138px;z-index: 10}
.header_icon_list li{float: left;height: 22px;width: 22px;background: #067ad1;color: #fff;border-radius: 50%;overflow: hidden;margin-right: 7px;filter: grayscale(100%);}
.header_icon_list li:nth-of-type(2){background: #1278f3;}
.header_icon_list li:nth-of-type(3){background: #c81f9a}
.header_icon_list li:nth-of-type(4){background: #36c3ee}
.header_icon_list li:nth-of-type(5){background:#f00 }
.header_icon_list li:last-child{margin-right: 0}
.header_icon_list li a{cursor:pointer;cololr:#fff}
.header_icon_list li a:link,.header_icon_list li a:visited{color: #fff;}
.header_icon_list li .iconfont{font-size: 14px;display: block;line-height: 22px;text-align: center;width: 100%;height: 100%;}
.header_icon_list li .iconfont:before{transition: all 0.2s ease-in;}
.header_icon_list li .iconfont:hover:before{text-shadow: 0 0 10px rgba(0, 0, 0,0.3);font-size: 18px;}
.header_icon_list .iconfont:before{padding-right: 0;}
.header_icon_list li:hover{filter: grayscale(0);}

header.fixedon .icon_btn a,header.show_search .icon_btn a{color:#333}
header.show_search .mobile_menu:before,header.show_search .mobile_menu:after,header.show_search .mobile_menu span{background:#333}
.icon_btn a:hover,header.fixedon .icon_btn a:hover{color:var(--main_color);}
.top_search{background:#fff;position:fixed;max-height: 0;overflow: hidden;padding:0;transition: all 0.3s ease-in-out;top:0;left:0;width:100%;z-index:2;border-bottom: 1px solid #f2f2f2;}
.top_search:before{content:"";height:1px;width:100%;background:#f2f2f2;position: absolute;top:90px;left:0}
.top_search div{width:100%;margin:auto;max-width: 800px;position: relative;padding:0 20px}
.top_search div input{width:100%;background: #f2f2f2;height:50px;line-height: 50px;padding:0 55px 0 20px;border:0;font-size: 16px;}
.top_search div a{position: absolute;right:20px;top:50%;transform: translateY(-50%);display: block;height:40px;width:50px;line-height: 40px;text-align: center;font-size: 24px;cursor: pointer;}
.top_search .close_popup{position: absolute;right:50px;top:50%;margin-top:39px;font-size: 24px;color:var(--main_color);cursor: pointer;transition: transform 0.3s ease-in-out;}
.top_search .close_popup:hover{transform: rotate(90deg);}
header.show_search .top_search{max-height: none;padding:170px 0 80px;}
.top_search input::-webkit-input-placeholder{color: #bbb;}
.top_search input:-moz-placeholder{color: #bbb;}
.top_search input::-moz-placeholder{color: #bbb;}
.top_search input:-ms-input-placeholder{color: #bbb;}

/*input、textarea，placeholder颜色更改*/
.top_search div input::-webkit-input-placeholder{color: #000;opacity: 0.45}
.top_search div input:-moz-placeholder{color: #000;opacity: 0.45}
.top_search div input::-moz-placeholder{color: #000;opacity: 0.45}
.top_search div input:-ms-input-placeholder{color: #000;opacity: 0.45}

/*header-导航居中-start*/
.leakey_header_container nav>ul{width: 100%;text-align: center;line-height: 0;font-size: 0}
.leakey_header_container nav>ul>li{float: none;display: inline-block;font-size:var(--font_size)}



/*有子菜单*/
header .has_child:after{content: "\e6b6";display: inline-block;margin-left: auto;padding-left: 8px;opacity: 0.85;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 12px;font-weight: bold;}

@media screen and (max-width: 1680px){
    /*header-导航居中取消*/
    .leakey_header_container nav>ul{float: right;margin-top: 0;width: auto;margin-right: 50px}
    .leakey_header_container nav{position:relative;}
}
/*header-导航居中-end*/

@media screen and (max-width: 1820px){
    header:before{width:98% }
}

@media screen and (max-width: 1440px){
    /*header*/
    header:before{width:99% }
    .leakey_header_container nav>ul>li a{padding: 5px 30px}
    
    .leakey_header_container nav>ul>li>a{font-size: 16px;}
    header nav li a:link, header nav li a:visited{padding: 0 20px}
    header .logo{left:20px}
    .leakey_header_container{padding-left:20px;padding-right: 20px;}
    .leakey_header_container nav>ul>li div.rich_sub_nav{padding:0}
    .header_icon_list{right: 20px}
}

@media screen and (max-width: 1280px){
    /*header*/
    .leakey_header_container nav>ul>li a{padding: 5px 25px}
    header nav li a:link, header nav li a:visited{padding: 0 12px}
    .icon_btn{padding-left: 20px;}    
}

@media screen and (max-width: 1200px){
    /*header*/
    .pc_menu,.language{display: none;}    
    .mobile_menu,#menu.mm-opened{display: block;z-index:10} 

    .leakey_header_container nav>ul>li a{padding: 5px 18px}

    header nav li a:link, header nav li a:visited{padding: 0 15px}    
    .icon_btn{margin-right: 0px;}
    .top_search .close_popup{top:75px;right:20px}
    .pc_menu, .language{display: none;}
    .mobile_menu{display: block;}
    .header_icon_list{display: none}
    .icon_btn a{top:35px}
    .lang{top:35px;margin-right: 55px}
    .shop_btn{top:35px;margin-right: 70px;margin-left: 0}
}
@media screen and (max-width: 1024px){
    #menu{display: none;}
}
@media screen and (max-width: 960px){    
    header:before{width: 65%}
}

@media screen and (max-width: 512px){
    .leakey_header_container{padding: 0 30px}

    header .logo{transform: scale(0.8);transform-origin: left;}
}
@media screen and (max-width: 414px){
    .leakey_header_container{padding: 0 30px} 

    header .logo{transform: scale(0.6);}
}
@media screen and (max-width: 340px){
    header .logo{transform: scale(0.5);}
}

/*banner-video*/
.leakey_banner{overflow: hidden;position: relative;height: var(--banner_height)}
/*banner-fixed*/
.leakey_banner .swiper-wrapper{position: fixed;top: 0;left: 0;width: 100%;z-index: 0}

.leakey_banner .swiper-button-next{right: 50px}
.leakey_banner .swiper-button-prev{left: 50px}
.leakey_banner .swiper-slide{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
.leakey_banner .swiper-slide:after{content: "";opacity: 0.3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 0;background: var(--black);}
.leakey_banner .swiper-slide.video_slide:after{background:none;/*background-image: url(../images/video_mask.png);*/background-repeat: repeat;background-color: rgba(0,0,0,0.25);opacity: 1;}/*视频项*/
.leakey_banner .banner_txt{position: absolute;z-index: 1;top: 50%;left:50%;transform:translate(-50%,-50%);color: var(--white);width:var(--max_width);max-width: 100%;}
.leakey_banner .banner_txt div{max-width: var(--max_width);margin: auto;}
.leakey_banner .banner_txt h3{font-size: 36px;line-height: 45px;margin-bottom: 30px;font-weight: normal;}
.leakey_banner .banner_txt p{font-size: 16px;line-height: 28px;letter-spacing: 2px;}
.leakey_banner .swiper-pagination-white .swiper-pagination-bullet{-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; font-size: 16px;border-radius: 0;opacity: 1;width: 30px;border-bottom: 2px solid var(--white);text-align: center;color: var(--white);background: none;padding-bottom:22px;line-height: 22px;}
.leakey_banner .swiper-pagination-white .swiper-pagination-bullet:first-child{margin-left: 0;}
.leakey_banner .swiper-pagination-white .swiper-pagination-bullet-active{width: 100px}
.leakey_banner .swiper-pagination-bullet{position: relative;}
.leakey_banner .swiper-pagination-bullet:after{content:"";position: absolute;height:2px;width:0;background:var(--main_color);left:0;bottom:-2px;}
.leakey_banner .swiper-pagination-bullet-active:after{-webkit-animation: banner_progress 3s linear;-moz-animation: banner_progress 3s linear;animation: banner_progress 3s linear;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.leakey_banner .swiper-pagination{width: 100%;max-width: var(--max_width);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);text-align: left;left: 50%;bottom: 30px;}
.leakey_banner .swiper-pagination:after{content: "";width: 100%;display: block;height: 1px;background: var(--white);position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);bottom: 0px;opacity: 0.15;}


.leakey_banner{background:#333}
.leakey_banner .swiper-pagination{max-width: 100%;padding-left:50px;padding-right: 50px;}
.leakey_banner .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.leakey_banner .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.leakey_banner .banner_txt div{padding: 0 60px;text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);max-width:none}
.leakey_banner .banner_txt h3{font-size: 48px;text-transform: uppercase;font-weight: 500;max-width: 55%;line-height: 50px;}
.leakey_banner .banner_txt h3:after{content: "";height: 2px;width: 90px;background: #fff;display: block;margin-top: 15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.leakey_banner .banner_txt p{font-size: 20px;max-width: 50%;letter-spacing: 1px;}
.leakey_banner .banner_txt h3,.leakey_banner .banner_txt p{text-shadow: 2px 2px 6px rgba(0, 0, 0,0.3);}
.leakey_banner .swiper-button-next,.leakey_banner  .swiper-button-prev{transition: background 0.3s ease-in-out;}
.leakey_banner .swiper-button-next:hover, .leakey_banner .swiper-button-prev:hover{background-size: 60%;background-color: rgba(255,255,255,0.3);}
.leakey_banner .banner_more{display: inline-block;padding:8px 40px;border:1px solid rgba(255, 255, 255, 0.5);margin-top:30px;color:#fff!important;}
.leakey_banner .banner_more:hover{background: #04487a;background: linear-gradient(left,#04487a,#2771b5);color:#fff;border:0;padding:9px 41px;}
.leakey_banner .swiper-button-prev,.leakey_banner .swiper-button-next{background-color:var(--main_color);height:60px;width:60px;background-size: 20px;top:auto;bottom:50px}
.leakey_banner .swiper-button-prev{left:auto;right:110px;border-right: 1px solid var(--help_color);}
.leakey_banner .swiper-button-prev:hover,.leakey_banner .swiper-button-next:hover{background-color:var(--help_color) ;background-size: 18px;}
.leakey_banner .banner_more{background:var(--main_color);border:0}
.leakey_banner .banner_more:hover{padding:8px 40px;background:#fff;color:#555!important}
.leakey_banner .swiper-slide:after{opacity: 0.15;}
.leakey_banner .swiper-pagination-bullet-active:after{animation-duration:3s;}
.leakey_banner .swiper-slide .banner_video{object-fit: cover;height: 100%;width:100%}
.leakey_banner .swiper-slide.swiper-slide-active .banner_txt{opacity: 1;transition: all 0.3s ease-in-out}
.leakey_banner .swiper-slide .banner_txt{opacity: 0}
#wechat_video_btn{border:1px solid #f00;position:absolute;font-size:50px;z-index:999;background:rgba(65,0,13,0.7);text-align:center;padding:25px;color:#fff;bottom:80px;right:10px}
/*文字水平居中*/
.leakey_banner .banner_txt{text-align: center;}
.leakey_banner .banner_txt h3,.leakey_banner .banner_txt p{max-width:60%;margin-left:auto;margin-right: auto}
.leakey_banner .banner_txt h3:after{margin-left:auto;margin-right:auto;}
@media screen and (max-width: 1600px){
    /*banner*/
    .leakey_banner .banner_txt{padding-left: 0;padding-right: 0;}    
}
@media screen and (max-width: 1440px){
    /*banner*/
    .leakey_banner .swiper-button-next, .leakey_banner .swiper-button-prev{display: block;}  
    .leakey_banner .swiper-pagination,.leakey_banner .banner_txt div{padding-left:20px;padding-right: 20px;}  
    .leakey_banner .swiper-button-next{right: 20px}
    .leakey_banner .swiper-button-prev{right: 80px;}
}
@media screen and (max-width: 1200px){
    /*banner*/    
    .leakey_banner .swiper-button-next, .leakey_banner .swiper-button-prev{display: none;}
    .leakey_banner .banner_txt{padding-left: 0px;padding-right: 0px;}
}
@media screen and (max-width: 1024px){
    /*banner*/
    .leakey_banner .banner_txt h3{font-size: 38px;line-height: 50px;max-width: 85%}   
    .leakey_banner .banner_txt p{max-width: 85%;font-size: 18px;}
}
@media screen and (max-width: 960px){    
    .leakey_banner .banner_txt h3{font-size: 32px;}
}
@media screen and (max-width: 512px){
    /*banner*/
    .leakey_banner .banner_txt h3{font-size: 30px;line-height: 38px;margin-bottom: 20px;max-width: 100%}
    .leakey_banner .banner_txt p{font-size: 16px;;max-width: 100%}
}

/*leakey_index_about*/
.leakey_index_about .leakey_container{max-width: 1200px;margin-left:auto;margin-right: auto;}
.leakey_index_about .leakey_more{margin-top: var(--list_gap);}
.leakey_index_about .leakey_title_des{margin-top:var(--list_gap);text-align: justify;}
.leakey_index_about .leakey_title_des p{margin-bottom: 10px}

.leakey_index_about .leakey_count_up i{display: block;font-size: 38px;line-height: 38px;text-align: center;margin-bottom: 20px;}

/*leakey_count_up*/
.leakey_count_up{margin: 80px 0 0}
.leakey_count_up li{text-align: center;border-left: 1px solid #ddd;padding: 0 10px}
.leakey_count_up li:last-child{border-right: 1px solid #ddd;}
.leakey_count_up li .leakey_count_up_num{font-size: 38px;font-weight: bold;line-height: 38px;}
.leakey_count_up li small{font-size: 14px;}
@media screen and (max-width: 1200px){
    .leakey_count_up li.leakey_col{width: 33.33333%;background: rgba(255,255,255,0.6);border-color: #ddd;padding-top: 10px;padding-bottom: 10px;margin-bottom: 20px;}
    .leakey_count_up li.leakey_col:nth-of-type(3){border-right: 1px solid #ddd}
}
@media screen and (max-width: 960px){
    .leakey_count_up{margin-top: 30px;margin-bottom: 30px;}
}
@media screen and (max-width: 720px){
    .leakey_count_up li{color: #555}
    .leakey_count_up{background: rgba(255,255,255,0.6);}    
}
@media screen and (max-width: 680px){
    .leakey_count_up li.leakey_col{width: 50%;}
    .leakey_count_up li.leakey_col:nth-of-type(3){border-right:0}
    .leakey_count_up li.leakey_col:nth-of-type(2n){border-right: 1px solid #ddd}
}
@media screen and (max-width: 512px){
    .leakey_count_up li{font-size: 12px;}   
}

/*leakey_index_pros*/
.leakey_index_pros{background: #333;color:#fff;position: relative;z-index: 3}
.leakey_index_pros::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;opacity: 0.2;background: #000;z-index:-1;}
.sub_pros_bg{position: absolute;top:0;left:0;right: 0;bottom: 0;background: #333;z-index: -1;background-position: center;background-attachment: fixed;background-size: cover;opacity: 0;transition: all 0.5s ease-in-out;}
.sub_pros_bg::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;background: #000;opacity: 0.35;}
.sub_pros_bg.active{opacity: 1;}
.sub_pros{color:#fff}
.sub_pros ul{display: grid;margin-top:50px;grid-template-columns: repeat(2, 1fr);text-align:center;border-left:1px solid rgba(255,255,255,0.15);border-top:1px solid rgba(255,255,255,0.15);justify-content: center;align-items: center;}
.sub_pros ul li{border-right:1px solid rgba(255,255,255,0.15);border-bottom:1px solid rgba(255,255,255,0.15);position: relative;height:100%}
.sub_pros ul li a{color:#fff;padding:120px 50px;display: block;transition: background 0.3s ease-in-out;}
.sub_pros ul li a .leakey_more{margin-top:var(--list_gap);}
.sub_pros ul li a:hover .leakey_more{background: var(--main_color);border-color:var(--main_color)}
.sub_pros ul li a:hover{background-color: rgba( 0,0,0, 0.2 );}
.sub_pros ul strong{font-size: 32px;line-height: 38px;margin-bottom:var(--list_gap);display:block;font-weight:normal; }
.sub_pros .animate_line i{transition-delay: 0.3s;}
@media screen and (max-width: 512px){
    .sub_pros ul li a{padding:50px 20px}
}
@media screen and (max-width: 480px){
    .sub_pros ul strong{font-size: 22px;line-height: 32px;}
}
/*leakey_beautify*/
.leakey_beautify{background-image: url(../images/index_adv_bg.jpg);background-attachment: fixed;color: #fff;background-repeat:no-repeat;background-size:cover;}
.leakey_beautify:after{content: "";background: #000;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;opacity: 0.25;}
.leakey_beautify .leakey_container{position: relative;z-index: 1;padding-top: 150px;padding-bottom: 150px;}
.leakey_beautify .leakey_title:after{background: #fff;}


/*leakey_index_news*/
.leakey_index_news{background-color: #f2f2f2;overflow: hidden;background-image: url(../images/index_news_bg.jpg);background-repeat: no-repeat;background-position: left bottom;}
.leakey_index_news a .img img{width: 100%;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-o-object-fit: cover;object-fit: cover;}
.leakey_index_news a:hover{color: #555}
.leakey_index_news h4{font-size: 18px;line-height: 30px;margin-bottom:8px ;}
.leakey_index_news .img{overflow: hidden;line-height: 0;display:block}
.leakey_index_news a:hover .img img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.leakey_index_news .leakey_title_sub{max-width: 300px;}
.index_news_box{width: 75%;}
.index_news_list{padding-left: 20px;}
.index_news_list li{margin-bottom: 20px;background: #fff;padding-right: 20px;}
.index_news_list li:last-child{margin-bottom: 0;}
.index_news_list li .img{width: 30%;float: left;margin-right: 20px;}
.index_news_list li .des{margin-bottom: 10px;}
.index_news_list li .createtime{margin-bottom: 20px;}
.index_news_list li h4{padding-top: 15px}
.index_news_list img{height: 150px}
.index_news_1{background: #fff;padding-bottom: 20px;}
.index_news_1 a{display:block}
.index_news_1 img{height: 320px}
.index_news_1 h4{margin-top: 20px;}
.index_news_1 p,.index_news_1 h4{padding-left: 20px;padding-right: 20px;}
.index_news_1 .createtime{margin-bottom: 4px;}

@media screen and (max-width: 1200px){
    .index_news_box{width: 100%;}
    .leakey_index_news .leakey_title_box{width: 100%;position: relative;}
    .leakey_index_news .leakey_more.leakey_more_l{position: absolute;right: 0;top: 0}
    .leakey_index_news{background-image: none;}
}
@media screen and (max-width: 960px){
    .index_news_1,.index_news_list{width: 100%;}
    .index_news_list{padding-left: 0;margin-top: 20px;}
}
@media screen and (max-width: 540px){
    .index_news_list li .img{width: 100%;float: none;}
    .index_news_list li{padding: 20px;}
    .index_news_list li .createtime{margin-bottom: 0;}
}

/*leakey_footer*/
.leakey_footer_bg{background: #fff;color:var(--font_color);position: relative;z-index: 2;overflow: hidden;}
.leakey_footer_bg .leakey_footer_t_container{padding:60px var(--container_padding_left_right) 60px;max-width: var(--max_width);margin:auto}
.footer_logo{/*filter: brightness(20000%) grayscale(100%);*/max-height: 60px;}
.leakey_footer_b{position: relative;}
.leakey_footer_b:before{content:"";position: absolute;top:0;left:0;right:0;height:1px;background:#fff;opacity:0.15;}
.leakey_footer_b_container{padding:15px var(--container_padding_left_right) 15px;overflow: hidden;max-width: var(--max_width);margin:auto}
.leakey_footer_b_l{float: left;}
.leakey_footer_b_l p{opacity: 0.5;margin-bottom: 5px}
.leakey_footer_b_l a{margin-right: 15px;opacity: 0.5}
.footer_rz_img_list{float:right}
.footer_rz_img_list a{margin-right: 15px;opacity: 0.5}
.footer_rz_img_list a:hover{opacity: 0.9}
.footer_rz_img_list a:last-child{margin-right: 0}
.leakey_footer_b_container a:link,.leakey_footer_b_container a:visited{color: var(--font_color);}
.leakey_footer_b_l a:hover{opacity: 0.9}
/* .leakey_footer_t_l{max-width: 350px;margin-right: 50px;} */
.leakey_footer_t_l img{height: 50px;display: inline-block;margin-left: 42px;margin-bottom: 20px;}
.leakey_footer_t_l a,.leakey_footer_t_l a:link,.leakey_footer_t_l a:visited{color: #fff;padding:0!important}
.leakey_footer_t_l strong{margin-bottom: 10px;display: block;}
.leakey_footer_t_l strong a{display: block;font-weight: normal;font-size: 26px;margin-top: 20px;line-height: 24px;opacity: 0.6;transition: all 0.3s ease-in-out}
.leakey_footer_t_l strong a:hover{opacity: 0.9}
.leakey_footer_t_l p{margin-bottom: 5px}
.leakey_footer_t_l p a{opacity: 0.6;margin-top: 5px;transition: all 0.3s ease-in-out;font-size: 16px;line-height: 18px}
.leakey_footer_t_l p a:link:hover{opacity: 0.9;}
.leakey_footer_t_l p a:hover{color: #fff}

.foot_t_r{float: right;}

/*第三方平台icon*/
/*.footer_icon_list {margin-top: 30px}*/
.footer_icon_list a:link,.footer_icon_list a:visited{color: rgba(0,0,0,0.6);}
.footer_icon_list a{font-size: 20px;border:1px solid rgba(0,0,0,0.2);height:40px;width:40px;line-height: 40px;text-align: center;display: inline-block;border-radius: 50%;margin-right: 10px;transition: all 0.3s ease-in-out}
.footer_icon_list a:last-child{margin-right: 0}
.footer_icon_list a:hover{border-color: rgba(0,0,0,0.6);color: rgba(0,0,0,0.9)}

/*二维码*/
.qr_box{text-align: right;}
.qr_box>div{display: inline-block;margin-left: 10px;text-align: center;background: rgba(255,255,255,0.2)}
.qr_box>div img{display: block;}
.qr_box>div p{display: block;height:30px;line-height: 30px;transition: all 0.3s ease-in;text-align: center;}
.qr_box>div p:hover{background: var(--main_color);}

/*认证图标*/
.footer_rz_img_list{float: right;filter: grayscale(100%);}
.footer_rz_img_list img{display: inline-block;height:50px;width: 50px;margin-left:30px;opacity: 0.3;transition: all 0.3s ease-in-out}
.footer_rz_img_list img:hover{opacity: 0.7;}

/*footer_nav*/
.footer_nav{overflow: hidden;display: grid; grid-template-columns: auto auto auto;justify-content: space-between;width: 100%;}
.ru_body .footer_nav>li{margin-right: 110px;}
.footer_nav>li:last-child{margin-right: 0;}
.footer_nav li a{color: var(--font_color);opacity: 0.6;padding:2px 0px 2px 0;transition: all 0.3s ease-in-out;display: inline-block;}
.footer_nav>li>a{font-size:16px;margin-bottom: 10px;font-weight: bold;}
.footer_nav li a:hover{opacity: 0.9}
.footer_nav>li>ul span{display: inline-block;width: 50px;float: left;position: relative;top:2px}
.ru_body .footer_nav>li>ul span{width:70px}
.footer_nav>li:last-child>ul a{padding-left: 0px;}
@media screen and (max-width: 1440px){
    .leakey_footer_bg .leakey_footer_t_container,.leakey_footer_b_container{padding-left: 20px;padding-right: 20px}
}
@media screen and (max-width: 1200px){   
    .leakey_footer_t_l{margin-right: 0px;}
    .leakey_footer_t_l{float: none;text-align: center;max-width: 100%}
    .footer_icon_list{text-align: center;margin-top: 10px}
    .foot_t_r{float: none;margin-top: 20px}
}
@media screen and (max-width: 1024px){
    .footer_nav>li:nth-child(1),.footer_nav>li:nth-child(2){grid-row: 2;}
    .footer_nav>li:nth-child(3){grid-row: 1;grid-column: -1 / 1;margin-bottom: 30px;}
    .footer_nav{grid-template-columns:1fr auto auto;width:100%}
}
@media screen and (max-width: 720px){    
    .footer_nav>li:nth-child(1),.footer_nav>li:nth-child(2){display: none;}
    .footer_nav>li:nth-child(3){margin-bottom: 0;}
    .leakey_footer_bg .leakey_footer_t_container{border-bottom: 1px solid #f2f2f2;}
    .qr_box{text-align: center;margin-top: 30px}
    .leakey_footer_b_l{float: none;text-align: center;}
    .footer_rz_img_list{float: none;margin-top: 20px;text-align: center;}
    .footer_rz_img_list img:first-child{margin-left: 0}
}



/*subbanner*/
.leakey_subbanner{position: relative;background: var(--white);color: var(--white);}
.leakey_subbanner:after{content: "";top: 0;left: 0;right: 0;bottom: 0;background: var(--black);opacity: 0.3;position: absolute;z-index: 0;}
.leakey_subbanner_container{padding: 80px 20px;height: 400px;text-align: center;max-width: var(--max_width);margin: auto;position: relative;z-index: 1;}
.leakey_subbanner .leakey_subbanner_t{margin-top: 150px;font-size: 30px;}
.leakey_subbanner .leakey_subbanner_des{font-size: 16px;margin-top: 20px;opacity: 0.75;}

.leakey_subbanner:after{opacity: 0.2;z-index: -1;}
.leakey_subbanner{z-index: 5;background-color: var(--black);}
.leakey_subbanner.animate_bg{overflow: hidden;}
.leakey_subbanner.animate_bg .animate_bg_clone{animation: subbanner_bg 20s ease-in-out infinite;transform-origin: 90%; position: absolute;top:0;left:0;right:0;bottom:0;z-index: 0;background-size: cover;}
.leakey_subbanner .leakey_container{max-width: var(--max_width);padding: 150px var(--container_padding_left_right) 80px;margin: auto;position: static;z-index: 3;min-height: 500px;}
.leakey_subbanner{background-repeat: no-repeat;background-position: center 35%;background-size: cover;background-color: var(--light_gray);}
.leakey_subbanner .cur_location{margin-top: 50px}
.leakey_subbanner .cur_location li{float: left;}
.leakey_subbanner .cur_location li a{color: var(--white);}
.leakey_subbanner .cur_location li a:hover{text-decoration: underline;}
.leakey_subbanner .cur_location li.contentT{opacity: 0.75;}
.leakey_subbanner .cur_location li.split{padding: 0 10px;}
.leakey_subbanner .leakey_title_box{position: relative;z-index: 3}
.leakey_subbanner .leakey_title_sub{font-size: 18px;max-width: 100%;}
.leakey_main{font-size: 16px;line-height: 28px;color: #555;}
/*地图*/
.leakey_subbanner.map .map_bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1}
.leakey_subbanner.map .leakey_title_box{position: relative;z-index: 3;max-width: var(--max_width);margin: auto}
.leakey_subbanner.map>.leakey_container:after{content: "";background: var(--black);opacity: 0.5;top: 0;left: 0;bottom: 0;right: 0;z-index:2;position: absolute;}
.leakey_subbanner.map #allmap.baidu canvas{filter: grayscale(50%);}
/*去地图水印*/
/*.leakey_subbanner.map div.amap-layer>img{display: none!important}*/
/*联系信息*/
.leakey_subbanner .leakey_contacts{position: relative;z-index: 3;background:none;max-width: var(--max_width);margin: auto}
.leakey_subbanner .leakey_contacts .leakey_container{padding-left:0;padding-right: 0;color:var(--black);min-height: auto;padding-bottom: 0;padding-top: 80px}
.leakey_subbanner .leakey_contacts h6{font-size: 20px;margin-bottom: 10px;border-bottom: 1px solid var(--gray);padding-bottom:10px}
.leakey_subbanner .leakey_contacts .leakey_col div{padding: 30px;height: 100%;background: var(--white);}
.leakey_subbanner .leakey_contacts .leakey_col div:hover{background:var(--main_color);color: var(--white);}
.leakey_subbanner .leakey_contacts .leakey_col div:hover a{color:  var(--white);}
.leakey_subbanner .leakey_contacts .leakey_col div a:hover{text-decoration: underline;}
/*视频*/
.leakey_subbanner.video .ch_bg_video{position: absolute;height:100%;top:0;left:0;width:100%;z-index: 1;object-fit: cover;object-position: center;}
.leakey_subbanner.video .leakey_title_box{position: relative;z-index: 3;}
.leakey_subbanner.video .leakey_container{overflow: hidden;}
.leakey_subbanner.video>.leakey_container:after{content: "";background:var(--black);opacity: 0.35;top: 0;left: 0;bottom: 0;right: 0;z-index:2;position: absolute;}
/*视频质感遮罩，需引用图片*/
/*.leakey_subbanner.video>.leakey_container:after{opacity: 1;background-color:rgba(0,0,0,0.5);background-image: url(../images/video_mask.png);background-repeat: repeat;}*/
/*文字居中*/
/*.leakey_subbanner.center{text-align: center;}
.leakey_subbanner.center .leakey_title_sub{max-width:100%}
.leakey_subbanner.center .leakey_container{padding:0;margin-top:90px}
.leakey_subbanner.center .leakey_title_box{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}*/
@keyframes subbanner_bg{
    0%{transform: scale(1);}
    70%{transform: scale(1.2);}
    100%{transform: scale(1);}
}
@media screen and (max-width: 1440px){
    .leakey_subbanner .leakey_contacts>.leakey_container{padding-left: 0;padding-right: 0}
    .leakey_main h4{font-size: 14px;}
    .leakey_subbanner .leakey_container{padding-left: 20px;padding-right: 20px;}
    .leakey_subbanner .leakey_title_sub{max-width: 70%;}
}
@media screen and (max-width: 1200px){
    .leakey_subbanner .leakey_contacts .leakey_col{width: 50%;}
    .leakey_subbanner .leakey_title_sub{max-width: 100%;}
}
@media screen and (max-width: 720px){
    .leakey_subbanner .leakey_contacts .leakey_col{width: 100%;}
    .leakey_subbanner .leakey_container{min-height: auto}
}

/*pros_sub*/
.pros_sub{position: relative;}
.pros_sub::before{content:"";position:absolute;top:0;left:0;bottom:0;width:400px;z-index:0;transition: all 0.3s ease-in-out;background-color: #333;z-index: -1;}
.pros_sub .leakey_container{display: flex;gap: 0;}
.pros_sub .leakey_container>div{flex:1;color:#fff;background:#fff}
.pros_sub .leakey_container>div.pro_menu{flex:0 0 459px;background-color: #333;position: relative;}
.pros_sub .leakey_container>div.pro_menu::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;background-color: #333;opacity: 0.5;}
.pros_sub .leakey_container>div.pro_menu a{color:#fff;}
.pros_sub .leakey_container>div.pro_menu .bg{background-repeat: no-repeat;background-attachment: fixed;background-position: center top;position: fixed;top:0;left:0;right:50%;bottom:0;z-index: 0;opacity: 0;transform:translateX(-300px);transition: all 0.3s ease-in-out;}
.pros_sub .leakey_container>div.pro_menu .bg::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;background-color: #000;opacity: 0.65;}
.pros_sub .leakey_container>div.pro_menu .bg.active{opacity: 0.4;transform: translateX(0);}
/*一级列表*/
.pros_sub .leakey_container>div.pro_menu>ul{width: 100%;padding:60px 50px;position: sticky;top:90px;z-index: 2;}
.pros_sub .leakey_container>div.pro_menu>ul>li{margin-bottom: 50px;position: relative;}
.pros_sub .leakey_container>div.pro_menu>ul>li>*{position: relative;z-index: 1;}
.pros_sub .leakey_container>div.pro_menu>ul>li.active::after{content: "";position: absolute;top:-20px;bottom:-20px;left:-40px;right:-80px;background-color: var(--main_color);z-index: 0;border-top-left-radius:10px;border-bottom-left-radius:10px;opacity: 0.95;}
.pros_sub .leakey_container>div.pro_menu>ul>li.active>a{}
.pros_sub .leakey_container>div.pro_menu>ul>li:last-child{margin-bottom: 0;}
.pros_sub .leakey_container>div.pro_menu>ul>li>a{font-size: 26px;line-height: 26px;margin-bottom: 30px;display: block;}
.pros_sub .leakey_container>div.pro_menu>ul>li:not(.active)::after{content: "";position: absolute;transform: scaleX(0);transform-origin: right center;transition: all 0.3s ease-in-out;top:-20px;bottom:-20px;left:-40px;right:-80px;background-color: rgba(255, 255, 255, 0.05);z-index: 0;border-top-left-radius:10px;border-bottom-left-radius:10px;}
.pros_sub .leakey_container>div.pro_menu>ul>li:not(.active):hover::after{transform: scaleX(1);}
/*二级列表*/
.pros_sub .leakey_container>div.pro_menu>ul>li>ul>li{margin-bottom: 10px;}
.pros_sub .leakey_container>div.pro_menu>ul>li>ul>li:last-child{margin-bottom: 0;}
.pros_sub .leakey_container>div.pro_menu>ul>li>ul>li>a{font-size: 18px;opacity: 0.65;position: relative;padding:0 0 10px 0;display: block;}
.pros_sub .leakey_container>div.pro_menu>ul>li>ul>li>a::after{content:"";position:absolute;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;height:1px;background-color: #fff;opacity: 0.3;transform-origin: left center;transform: scaleX(0);}
.pros_sub .leakey_container>div.pro_menu>ul>li>ul>li:hover>a::after,
.pros_sub .leakey_container>div.pro_menu>ul>li>ul>li.active>a::after{transform: scaleX(1);}

@media screen and (max-width: 1440px){
    .pros_sub .leakey_container>div.pro_menu{flex:0 0 360px}
    .pros_sub .leakey_container>div.pro_menu>ul>li.active::after{right: -65px;}
}
@media screen and (max-width: 1200px){
    .pros_sub .leakey_container>div.pro_menu{}
}
@media screen and (max-width: 1024px){
    .pros_sub .leakey_container>div.pro_menu{display: none;}    
    .pros_sub::before{display: none;}
}

/*产品列表*/
.pro_list_box{padding:50px;position: relative;}
.pro_list_box ul.filter{border-bottom: 1px solid #ddd;}
.pro_list_box ul.filter a{color:#333}
.pro_list_box ul.filter{overflow: hidden;}
.pro_list_box ul.filter li{float: left;}
.pro_list_box ul.filter li a{display: block;padding:20px 0;font-size: 22px;margin-right: 30px;}
.pro_list_box ul.filter li:last-child a{margin-right: 0;}
.pro_list_box ul.filter li a::before{content:"";height:10px;width:10px;border-radius:50%;display: inline-block;border:2px solid #333;background:#fff;margin-right: 10px;}
.pro_list_box ul.filter li a:hover{color:var(--main_color)}
.pro_list_box ul.filter li.active a::before{background-color: var(--main_color);border-color: var(--help_color);}
@media screen and (max-width: 1024px){
    .pro_list_box{padding:50px 20px}
}
@media screen and (max-width:640px){
    .pro_list_box ul.filter{margin:20px 0 0;padding-bottom: 20px;}
    .pro_list_box ul.filter li a{padding:5px 0}
}
/*产品搜索*/
.pro_list_box .pro_search {width:100%;max-width: 350px;position: relative;float: right;color:#333;cursor: pointer;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;}
.pro_list_box .pro_search input{border:0;width: 100%;height:40px;line-height: 40px;padding:2px 10px}
.pro_list_box .pro_search a{position: absolute;right: 10px;top:10px;display: inline-block;font-size: 22px;}
.pro_list_box .pro_search a:hover{color: var(--main_color);}
@media screen and (max-width: 1480px){
    .pro_list_box .pro_search{max-width: 220px;}    
}
@media screen and (max-width: 1280px){
    .pro_list_box .pro_search{position: relative;top:auto;right: auto;max-width: 50%;}
}
@media screen and (max-width: 640px){
    .pro_list_box .pro_search{max-width: 100%;}
}
/*产品*/
.pro_list{display: grid;grid-template-columns: repeat(3,1fr);gap:var(--list_gap);margin-top: 50px;padding-top: 20px;}
.pro_list a{display: block;text-align: center;}
.pro_list a strong{font-size: 16px;padding:20px 20px 0;display: block;}
@media screen and (max-width: 640px){
    .pro_list{grid-template-columns: repeat(2,1fr);}
}
/*暂无内容*/
.leakey_none{position: relative;background-image:url(../images/none.png);text-align: center;margin:auto;background-repeat: no-repeat;background-position: center top;width:500px;height:350px;margin:auto;background-size: contain;}
.leakey_none:after{content:attr(data);display: block;font-size: 22px;color:var(--placeholder_color);position: absolute;bottom: 80px;left:0;width: 100%}
@media screen and (max-width: 720px){
   .leakey_none:after{font-size: 18px}
}
@media screen and (max-width: 500px){
    .leakey_none{width: 100%;height:280px}
}

/*产品详情*/
.pro_detail_box{color:var(--font_color)!important;padding:50px;background: #fff;position: relative;z-index: 0;width: 100%;}
@media screen and (max-width: 1024px){
    .pro_detail_box{padding:50px 20px}
}
/*产品详情lf*/
.leakey_pro_pic{width: 100%}
.leakey_pro_pic .leakey_swiper_wraper{width: 100%;border: 1px solid #eee;overflow: hidden;position: relative;}
.leakey_pro_pic .leakey_swiper_wraper li.swiper-slide{line-height: 0;} 
.leakey_pro_pic .leakey_swiper_wraper li img{width: 100%;}
.leakey_pro_pic .swiper-pagination{overflow: hidden;border-left: 1px solid #eee;position: relative;width: 100%;}
.leakey_pro_pic .swiper-pagination span{width: 20%;box-sizing: border-box ;display: block;float: left;opacity: 1;border-radius: 0;margin: 0;border: 1px solid #eee;background-size: cover;margin: 0;border-left: 0;border-top: 0;}
.leakey_pro_pic .swiper-pagination span.swiper-pagination-bullet-active{border-bottom-color: #7197ae;}

.leakey_pro_parameter{padding-left: 10px;}
.leakey_pro_parameter .details{display: block;padding-top: 20px;padding-bottom: 20px;}

.leakey_cols_space .pro_detail,.leakey_cols_space .pro_img{padding-left: 20px;}
.pro_detail_img_title{
    --pro_min_w:500px;
}
.pro_img{float: left;width:var(--pro_min_w);}
.pro_detail_title{float: right;width:calc(100% - var(--pro_min_w));padding-left: 30px;margin-bottom: 50px;padding-top:110px}
.pro_detail_title .price{color:#7197ae;font-size:30px;font-weight:bold; line-height: 32px;padding:10px 0}
.pro_detail_title .price .sale{text-decoration: line-through;font-size: 18px;color:#aaa;font-weight: normal;padding-left:10px }
.pro_detail_title .canshu span{font-weight: bold;min-width: 70px;display: inline-block;}
.pro_detail_title .canshu span:after{content: ":";padding:0 10px;float: right;}
.pro_detail_title .buy .leakey_more{background:var(--main_color);color:#fff;border-color:var(--main_color);font-size: 18px;float: right;position: relative;top: 5px;}
.pro_detail_title .buy{padding-left:5px;margin:30px 0 0;color:var(--main_color);padding-right: 50px;}
.pro_detail_title .buy>div{position:relative;padding-left:60px;float: left;margin-right: 50px}
.pro_detail_title .buy>div strong{margin-bottom: 0px;display: block;font-size: 14px;opacity: 0.5;margin-top: 5px;line-height: 16px;}
.pro_detail_title .buy>div>a{font-size: 20px;margin-right: 10px}
.pro_detail_title .buy>div>a:last-child{margin-right: 0;color:var(--main_color)}
.pro_detail_title .buy>div>span{position: absolute;left: 0;top:0;font-size: 50px;line-height: 50px;}
.pro_detail_title .pro_title{font-size: 28px;line-height: 32px;font-weight: normal;}
.pro_detail_title .pro_ch_tips{opacity: 0.4;display: block;padding-bottom: 70px;}
.pro_detail_title .pro_ch_tips:before{content: "/ ";}
.pro_detail_title .des{padding: 20px 0;font-size: 15px;line-height: 25px;}

.pro_detail_title .buy>div>div{display: none;}
.pro_detail_title .buy>div>a:last-child{line-height: 47px;}

.related_products{margin-top: 50px}
.related_products li a{border: 1px solid #eee;display: block;transition: all 0.3s ease-in-out;text-align: center;}
.related_products li a strong{text-align: center;display: block;padding: 5px 20px;font-weight: normal;}
.related_products li a:hover{transform: translateY(-10px);}
.related_products li .price{background: #f2f2f2;padding:1px 10px;display: inline-block;margin-bottom: 10px}
.related_products li .price.sale{background: none;text-decoration:line-through;padding:1px 5px;opacity: 0.75}
.related_products li a:hover .price{background:#7197ae;color:#fff;}
.related_products li a:hover .price.sale{color: #333;background: none}

.pro_detail{clear: both;padding-top: 2px;}
.pro_detail .details{overflow: auto;}
.pro_detail .details img{max-width: 100%;}
.pro_detail article p{margin-bottom: 0;}
.pro_detail article .details p{margin-bottom: 10px;}
.pro_detail .details td{border-left: 1px solid #ddd;border-top: 1px solid #ddd;padding: 5px}
.pro_detail .details table{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.pro_detail .details tr.firstRow td,.pro_detail .details tr.bg_green td{text-align: center;background: #a0c55b;color: #fff}

.leakey_pro_pic .swiper-button-prev, .leakey_pro_pic .swiper-container-rtl .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%235785a1'%2F%3E%3C%2Fsvg%3E")}
.leakey_pro_pic .swiper-button-next, .leakey_pro_pic .swiper-container-rtl .swiper-button-prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%235785a1'%2F%3E%3C%2Fsvg%3E")}
.leakey_pro_pic .swiper-button-prev, .leakey_pro_pic .swiper-container-rtl .swiper-button-next,
.leakey_pro_pic .swiper-button-next, .leakey_pro_pic .swiper-container-rtl .swiper-button-prev{display: none}
@media screen and (max-width:1635px){
    .pro_detail_title .buy{padding-right: 0;}
}
@media screen and (max-width:1580px){
    .pro_detail_title .buy .leakey_more{float: none;margin-top: 20px}
    .pro_detail_title .buy>div{margin-right: 0;width: 100%}
    .pro_detail_title{padding-top: 80px;}
}
@media screen and (max-width:1480px){
    .pro_detail_title{padding-top:30px}
}
@media screen and (max-width:1440px){
    .pro_detail_img_title{
        --pro_min_w:400px;
    }
    .pro_detail_box{padding-left: 30px;padding-right: 20px;}
    .pro_detail_title{padding-left: 20px;}
    .pro_detail_title .buy .leakey_more{float: left;margin-top: 0px;margin-left: 15px;}
    .pro_detail_title .buy>div{width: auto}
}
@media screen and (max-width:1280px){
    .pro_detail_img_title{
        --pro_min_w:360px;
    }
    /* .pro_detail_title .buy{padding:30px} */
    .pro_detail_title .buy{margin-top: 0;}
}
@media screen and (max-width: 1200px){
    .leakey_cols_space .pro_img{width: 100%;margin-bottom: 30px;}
    .pro_detail{width: 100%;}
    .leakey_pro_parameter{padding-left: 0;}   
    .pro_detail_title .buy .leakey_more{float: none;margin-top: 20px;margin-left: 0;}
    .pro_detail_title .buy>div{width: 100%} 
}
@media screen and (max-width: 1024px){
    .leakey_pro_pic .swiper-button-prev, .leakey_pro_pic .swiper-container-rtl .swiper-button-next,
    .leakey_pro_pic .swiper-button-next, .leakey_pro_pic .swiper-container-rtl .swiper-button-prev{display: block}
    .leakey_cols_space .pro_detail, .leakey_cols_space .pro_img{padding-left: 10px}
    .pro_detail_title .buy .leakey_more{float: left;margin-top: 0;margin-left: 20px;}
    .pro_detail_title .buy>div{width: auto;}
    .pro_detail_box{padding-left: 20px;}
}
@media screen and (max-width:850px){
    .pro_detail_img_title{
        --pro_min_w:320px;
    }
}
@media screen and (max-width:800px){
    .pro_detail_title .buy .leakey_more{float: none;margin-top: 20px;margin-left: 5px;}
    .pro_detail_title .buy>div{width: 100%} 
}
@media screen and (max-width:720px){
    .pro_detail_img_title{
        --pro_min_w:100%;
    }
    .pro_detail_title{width: 100%;float: none;padding-left: 0;margin-top: 0px;}
    .pro_img{float: none}
    .pro_detail_title .buy .leakey_more{float: left;margin-top: 0;margin-left: 20px;}
    .pro_detail_title .buy>div{width: auto;}
    .pro_detail_box .leakey_container{padding-top: 50px}
}
@media screen and (max-width: 680px){    
    .related_products.leakey_cols_space .leakey_col{width: 50%}
    .leakey_pro_parameter .canshu li{width: 100%}
}
@media screen and (max-width: 480px){
    .pro_detail_title .buy .leakey_more{float: none;margin-top: 20px;margin-left: 5px;}
    .pro_detail_title .buy>div{width: 100%} 
}
@media screen and (max-width: 420px){
   .pro_detail_title .buy>div>a{font-size: 17px}
   .pro_detail_title .buy .leakey_more{width: 100%;text-align: center;padding-top: 10px;padding-bottom: 10px;margin-left: 0;}
   .pro_detail_title .buy{padding-left: 0;}
}


/*product_detail*/
.pro_detail .details{text-align: center;}
.pro_detail .details strong{font-size: 32px;font-weight: normal;margin-bottom: 50px;display: block;line-height:38px}
.pro_detail .details strong:after{content:"";width:60px;height:2px;background: var(--main_color);display: block;margin:10px auto 0}

.pro_detail .details li p span{font-size: 22px;display: block;margin-bottom: 20px}
.pro_detail .details li{border:1px solid #ddd;padding:30px 20px;border-right:0;flex:1;}
.pro_detail .details li:last-child{border-right: 1px solid #ddd}
.pro_detail .details ul{display: flex;justify-content:space-between;width:100%;overflow: hidden;margin-bottom: 80px}
.pro_detail .details ul:last-child{margin-bottom: 0}
.pro_detail .details li:hover{background: #f2f2f2}
@media screen and (max-width: 720px){
    .pro_detail .details ul{display: block;}
    .pro_detail .details li{border-right:1px solid #ddd;border-bottom: 0;width: 100%}
    .pro_detail .details li:last-child{border-bottom: 1px solid #ddd}
}


/*首页新闻*/
.leakey_index_articles {background-color: #f2f2f2;}
.leakey_index_articles .leakey_title_box{margin-bottom: 50px;}
.leakey_index_articles .article_list li{margin-top:20px;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
.leakey_index_articles .article_list li>a{display: flex;gap:50px;cursor: pointer;}
.leakey_index_articles .article_list li>a:hover{color:var(--font_color)}
.leakey_index_articles .article_list li>a>span{flex:1;background-position: center;background-size: cover;background-repeat: no-repeat;}
.leakey_index_articles .article_list li>a>div.txt{flex:1;padding:20px 0;}
.leakey_index_articles .article_list li>a>div.date{flex:0 0 100px;padding:20px 0;position: relative;}
.leakey_index_articles .article_list li>a .title{font-size: 22px;line-height:26px;margin-bottom: 10px;color:var(--main_color);transition: all 0.3s ease-in-out;}
.leakey_index_articles .article_list li>a>div.txt p{transition: all 0.3s ease-in-out;}
.leakey_index_articles .article_list li>a>div.date font{font-size: 22px;display: block;}
.leakey_index_articles .article_list li>a>div.date em{border-left: 1px solid #ddd;padding:0 0 0 20px;position: absolute;bottom:20px;left:0;color:var(--main_color);overflow: hidden;}
.leakey_index_articles .article_list li>a:hover .title{transform: translateY(-5px);}
.leakey_index_articles .article_list li>a:hover>div.txt p{transform: translateY(5px);}
.leakey_index_articles .article_list li>a:hover .iconfont:before{display: inline-block;animation-delay: 0.2s;animation: icon_slide_right_ani 0.8s infinite;}
@keyframes icon_slide_left_ani{
    0%{transform: translateX(0);opacity:1}
    50%{transform: translateX(-100%);opacity:0}
    50.001%{transform: translateX(100%);opacity:0}
    100%{transform: translateX(0);opacity:1}
}
@media screen and (max-width: 1280px){
    .leakey_index_articles .article_list li>a{gap:20px}
}
@media screen and (max-width: 720px){
    .leakey_index_articles .article_list li>a>span{display: block;width: 100%;height:300px}
    .leakey_index_articles .article_list li>a{display: block;}
    .leakey_index_articles .article_list li>a>div.date em{left:auto;right: 0;}
    .leakey_index_articles .article_list li>a>div.date{padding-top: 0;}
}
@media screen and (max-width: 512px){
    .leakey_index_articles .article_list li>a>span{height:200px}
}

/*article_lite*/
.article_lite .article_lite_list a{display: flex;gap:0;margin-bottom: 50px;padding:50px 80px;background: #fff;}
.article_lite .article_lite_list a:nth-child(even){flex-direction: row-reverse;}
.article_lite .article_lite_list a>span.leakey_img_box{flex:0 0 500px;height:300px}
.article_lite .article_lite_list a>span.leakey_img_box img{object-fit: cover;height:100%;width: 100%;object-position: center;}
.article_lite .article_lite_list a>div{flex:1;padding:50px 0 50px 50px}
.article_lite .article_lite_list a:nth-child(even)>div{padding:50px 50px 50px 0px}
.article_lite .article_lite_list a>div p{text-align: justify;}
.article_lite .article_lite_list a .title{font-size: 26px;line-height: 32px;display: block;margin-bottom: 20px;position: relative;padding-bottom:15px;}
.article_lite .article_lite_list a font{opacity: 0.7;display: block;margin-bottom: 5px;}
.article_lite .article_lite_list a .title::before{content:"";position:absolute;left:0;bottom:0;width:80px;height:2px;background:var(--main_color);opacity: 0.5;z-index:0;transition: all 0.3s ease-in-out;}
.article_lite .article_lite_list a:hover{color:var(--font_color)}
.article_lite .article_lite_list a:hover .title{color:var(--main_color)}
@media screen and (max-width: 1440px){
    .article_lite .article_lite_list a{padding:50px}
}
@media screen and (max-width: 1280px){
    .article_lite .article_lite_list a{display: block;}
    .article_lite .article_lite_list a>span.leakey_img_box{width: 100%;}
    .article_lite .article_lite_list a>div,.article_lite .article_lite_list a:nth-child(even)>div{padding:0;margin-top: 20px;}
}
@media screen and (max-width: 512px){
    .article_lite .article_lite_list a{padding:30px}
    .article_lite .article_lite_list a{margin-bottom: 30px;}
}

/*leakey_article_detail*/
.leakey_article_detail img{max-width: 100%;}
.leakey_article_detail .article_title{text-align: center;font-size: 28px;margin-bottom: 20px;line-height: 35px;}
.leakey_article_detail .atricle_tips{text-align: center;margin-bottom: 50px;border-bottom: 1px solid #f2f2f2;padding-bottom: 30px;}
.leakey_article_detail .atricle_tips font{display: inline;padding: 0 10px}
.leakey_article_n_p{border-top: 1px solid #f2f2f2;margin:auto;margin-top:30px;position: relative;max-width: 1200px;}
.leakey_article_n_p a span{font-weight: bold;}
.leakey_article_n_p a{display: block;width: calc(100% - 160px)}
.leakey_article_n_p a:last-child{width:auto;position: absolute;top:0;right: 0;}
.leakey_article_detail .down_load span{font-size: 22px;}
.leakey_article_detail .down_load span:before{padding-right: 10px;display: inline-block;}
.leakey_article_detail .down_load a{padding-right: 10px}
.leakey_article_n_p.go_back_to_list a{float: none;display:block;}
.leakey_article_n_p.go_back_to_list a.leakey_more{position: absolute;right: 0;top:30px;width: auto}
/*表格*/
.leakey_article_detail article td{border:1px solid #ddd;border-bottom: 0;border-right:0;text-align: center;padding:5px 10px}
.leakey_article_detail article table{border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;max-width: 100%}

/*左右留白*/
.leakey_article_detail{background: #f2f2f2}
.leakey_article_detail article{background: #fff;padding:80px 120px;max-width: 1200px;margin: auto;}

@media screen and (max-width: 1200px){
    .leakey_article_n_p{padding-top: 30px;}
    .leakey_article_n_p a{float: none!important;display: block;margin-bottom: 10px;width:100%}
    .leakey_article_n_p a.leakey_more{text-align: center;position: relative;display: block;}
}
@media screen and (max-width: 720px){
    .leakey_news_detail .atricle_tips font{padding-left: 0;}
    .leakey_news_detail .atricle_tips font:last-child{padding-right: 0;}
    .leakey_article_n_p.go_back_to_list a.leakey_more{position: relative;display: inline-block;top:0;margin-top:20px;width: 100%} 
    /*取消左右留白*/
    .leakey_article_detail{background: #fff}
    .leakey_article_detail article{background: #fff;padding:0;padding-top: 120px;}
}
@media screen and (max-width: 520px){
    .leakey_article_detail .leakey_container{padding-left: 20px;padding-right: 20px}
}

/*contacts_info*/
.contacts_info{overflow: hidden;}
.contacts_info ul{width:800px;max-width: 100%;margin:50px auto 0;border-top: 1px solid #ddd;position: relative;}
.contacts_info ul li{border-bottom: 1px solid #ddd;}
.contacts_info ul li p {font-size: 16px;display: flex;justify-content: center;align-items: center;}
.contacts_info ul li p a{flex:1}
.contacts_info ul li p span{display: inline-block;width:180px;font-weight: normal;margin-right: 50px;padding:30px;position: relative;}
.contacts_info ul li p span font{font-family:  Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
.contacts_info ul li p span::after{content:"";width:100%;height:0px;position: absolute;bottom:-1px;left:0;border-bottom: 1px solid #333;transition: all 0.3s ease-in-out;}
.contacts_info ul li:hover p span::after{width: 800px;}
.contacts_info ul::after{content:"";position: absolute;border-top: 1px solid #333;top:-1px;left:0;width:180px}
.contacts_info ul li p span::before{display: inline-block;margin-right: 30px;}
.contacts_info .iconfont:before{transition: transform 0.3s ease-in;display: inline-block;transition-delay: 0.2s}
.contacts_info li:hover .iconfont:before{transform:rotate(360deg);color:var(--help_color)}
@media screen and (max-width: 512px){
    .contacts_info ul li p span{margin-right: 20px;padding:30px 20px;width: 135px;}
    .contacts_info ul li p span::before{margin-right: 15px;}
    .contacts_info ul::after{width: 135px;}
}
@media screen and (max-width: 360px){
    .contacts_info ul li p span{padding:30px 10px;width: 110px;}
    .contacts_info ul li p span::before{margin-right: 10px;}
    .contacts_info ul::after{width: 110px;}
}

/*r&d*/
.r_d{overflow: hidden;}
.r_d .advs{background: #fff;padding:10px 20px;}
.r_d .advs li{text-align: center;height:100%}
.r_d .advs span{height:70px;width:70px;line-height: 70px;border-radius: 50%;font-size: 32px;text-align: center;display: inline-block;background: var(--help_color);color:#fff;font-weight: 600;}
.r_d .advs p{display: inline-block;padding-left: 10px;position: relative;top:-5px;}
.ru_body .r_d .advs p{display: block;margin-top: 20px;}
.r_d .pic_list{margin-top: 20px;}
.r_d .pic_list>div{position: relative;}
.r_d .pic_list>div p{position: absolute;left:0;right:0;bottom:0;background: rgba(0,0,0,0.3);color:#fff;padding:20px;text-align: center;}
.r_d .pic_list>div:hover img{transform: scale(1.2);}
@media screen and (max-width: 1280px){
    .r_d .pic_list{grid-template-columns: repeat(2, 1fr);}
    .r_d .advs{grid-template-columns: repeat(2, 1fr);background: none;padding:0}
    .r_d .advs li{text-align: left;padding:20px;background: #fff;}
    .ru_body .r_d .advs li{text-align: center;}
}
@media screen and (max-width: 720px){
    .r_d .advs li{text-align: center;padding:20px 10px}
    .r_d .advs p{display: block;margin-top: 20px;}
    .r_d .pic_list{grid-template-columns: repeat(1, 1fr);}
}


/*leakey_img_list_fancybox*/    
.leakey_img_list .img_list a{display: block;;border: 1px solid #f2f2f2;text-align: center;}
.leakey_img_list .img_list .img_title{font-size: 16px;padding: 10px 20px;}
.leakey_img_list .img_des{padding: 0 20px 10px;font-size: 14px;opacity: 0.75;}
.leakey_img_list li a .leakey_img_box{position:relative}
.leakey_img_list li a .leakey_img_box:before{content:"";background: #000;position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;transition: all 0.3s ease-in-out;opacity: 0;transform: scale(0.3);}
.leakey_img_list li a .leakey_img_box i{font-size:60px;position: absolute;top: 50%;left: 50%;margin-left: -65px;margin-top: -19px;z-index: 2;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0); padding: 8px 30px;color: #fff;font-style: normal;display: block;line-height: 20px;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.leakey_img_list .img_list a span{position: relative;}
.leakey_img_list li a:hover .leakey_img_box i{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1); }
.leakey_img_list li a:hover .leakey_img_box:before{opacity: 0.15;transform: scale(1);}
@media screen and (max-width: 1200px){
    .leakey_img_list .img_list li{width:25%}
    .leakey_img_list .img_list .img_title{padding-left:0;padding-right: 0}
}
@media screen and (max-width: 960px){
    .leakey_img_list .img_list li{width:33.333333%}
}
@media screen and (max-width: 512px){
    .leakey_img_list .img_list li{width:50%}
    .leakey_img_list .img_list .img_title{font-size: 16px}
}

/*about_section*/
.about_section .about_txt{text-align: justify;background: none;padding: 0;max-width: 1200px;margin:auto;margin-top: 50px;}
.about_section .about_txt p{margin-bottom: 10px;}
.about_section .leakey_img_list{padding:20px;max-width: 1200px;margin:auto;padding-bottom: 0;margin-top: 50px;}
.about_section video{width:1200px;max-width:100%;margin:50px auto auto;display: block;}

/*leakey_swiper_wraper*/
.certification .leakey_swiper_wraper{padding-bottom: 30px;}
.certification .leakey_swiper_wraper li .title{padding:8px 20px;text-align: center;}
.certification .leakey_swiper_wraper li:hover img{transform:scale(1.2)}
.certification .swiper-pagination-white .swiper-pagination-bullet{background-color: #000;}
.certification .swiper-pagination{bottom:0}

/*leakey_download_list*/
.leakey_download_list ul li{background: #f2f2f2;padding:10px 20px;border-radius: 5px;}
.leakey_download_list ul li i{float: left;margin-right: 20px;font-size: 70px;line-height: 70px;margin-bottom: 10px;position: relative;color:var(--help_color);transition: all 0.3s ease-in-out;}
.leakey_download_list ul li:hover i{transform: translateY(-20px);}
.leakey_download_list ul li i::after{content: attr(data);position: absolute;font-size: 16px;font-weight: bold;text-transform: uppercase;color: #fff;opacity: 0.9;top:50%;transform: translateY(-42%);width:100%;display: block;text-align: center;}
.leakey_download_list ul li strong{font-size: 22px;line-height: 26px;font-weight: normal;position: relative;top:10px;}
.leakey_download_list ul li div{clear: both;border-top: 1px solid #ddd;margin-top: 10px;padding-top: 10px;}
.leakey_download_list ul li div a{display: inline-block;background: rgba( 0,0,0, 0.05);margin-right: 10px;padding:1px 10px;border-radius: 5px;position: relative;overflow: hidden;}
.leakey_download_list ul li div a>font{position: relative;z-index: 2;}
.leakey_download_list ul li div a::before{content: "";position: absolute;top:0;left:0;right:0;bottom:0;z-index: 0;transform: translate(-105%);background: var(--main_color);transition: all 0.3s ease-in-out;}
.leakey_download_list ul li div a:hover::before{transform: translateX(0);}
.leakey_download_list ul li div a:hover{color:#fff}
.leakey_download_list ul li div span{float:right;}
@media screen and (max-width: 1440px){
    .leakey_download_list ul.leakey_grid{grid-template-columns: repeat(3,1fr);}
}
@media screen and (max-width: 1200px){
    .leakey_download_list ul.leakey_grid{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 720px){
    .leakey_download_list ul.leakey_grid{grid-template-columns: repeat(1,1fr);}
}

/*leakey_search_result*/
.search-contents-list .content-list li>div{border: 1px solid #f2f2f2;padding: 20px;height: 100%}
.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}
@media screen and (max-width: 1440px){
    .search-contents-list .content-list li img{height:300px }
    .search-contents-list .leakey_col{width: 33.333333%;}
}
@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_sitemap*/
.leakey_sitemap .sitemap_1{display: block;border-top: 1px solid #f2f2f2;font-size: 30px;color: #333;line-height: 40px;padding: 50px 20px 0;margin-top: 50px}
.leakey_sitemap .sitemap_1:nth-of-type(1){border: 0;margin-top: 0;}
.leakey_sitemap .sitemap_1.sitemap_has_child{margin-bottom: 20px;}
.leakey_sitemap .sitemap_2{padding: 0 20px;font-size: 20px;margin-top: 20px;margin-bottom: 10px;}
.leakey_sitemap .sitemap_3{padding: 0 40px;margin-bottom: 10px;display: inline-block;}
.leakey_sitemap .sitemap_has_content{display: block;}
.leakey_sitemap .leakey_container a:first-child{padding-top: 0}

@media screen and (max-width: 512px){
   .leakey_sitemap .sitemap_2,.leakey_sitemap .sitemap_3{display: block;}
}