@charset "utf-8";
/*全局变量 update-2024*/
:root{
    /*全局颜色设置*/
    --main_color:#125ca5;/*主色*/
    --help_color:#62b1ff;/*辅助色*/
    --dianzhui_color:#0e8b3b;/*点缀色*/
    --font_color:#333;/*文本色*/

    /*颜色*/
    --black:#000;
    --gray:#eee;
    --light_gray:#f2f2f2;
    --dark_gray:#333;
    --red:#f00;
    --white:#fff;
    --placeholder_color:#000;
    --border_color:#ddd;

    /*opacity*/
    --placeholder_opacity:0.15;

    /*侧边栏宽度*/
    --aside_width_min:50px;
    --aside_width_normal:200px;
    --aside_width_max:400px;

    /*列表项间距*/
    --list_gap_num:20;
    --list_gap:calc(var(--list_gap_num) * 1px);/*加单位*/

    /*标题字体*/  
    --title_size:38;
    --title_line_height:38;
    --title_gap:20;

    /*正文字体*/
    --font_size:14px;
    --font_line_height:22px;

    /*主体最大宽度*/
    --max_width:1440px;

    /*模块容器内边距*/
    --container_padding_top_bottom:100px;
    --container_padding_left_right:20px;

    /*左右布局侧边栏宽度*/
    --side_bar_width:350;

    /*首页轮播Banner设置*/
    --banner_height:800px;
}

html,body{height: 100%;width: 100%;background:var(--white);color: var(--font_color);}
ul{list-style-type:none;padding:0;margin: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section,img,a,span{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body,button,input,select,textarea {font: 14px/22px Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
input,select,textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
th {text-align:inherit;}
fieldset,img {border:none;}
iframe {display:block;}
abbr,acronym {border:none;font-variant:normal;}
del {text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:500;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;}
q:before,q:after {content:'';}
sub,sup {font-size:75%;line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
ins,a {text-decoration:none;}

/*超链接*/
a:link,a:visited{color: var(--font_color);text-decoration: none;cursor: pointer;}
a:hover {color: var(--main_color);}
a:focus,*:focus {outline:none;}


/*input、textarea，placeholder颜色更改*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: var(--placeholder_color);opacity: var(--placeholder_opacity);}
input:-moz-placeholder, textarea:-moz-placeholder {color: var(--placeholder_color);opacity:  var(--placeholder_opacity)}
input::-moz-placeholder, textarea::-moz-placeholder {color: var(--placeholder_color);opacity:  var(--placeholder_opacity)}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: var(--placeholder_color);opacity:  var(--placeholder_opacity)}

.leakey_clear:after{content:"";clear:both; display:block; font-size:0; height:0; line-height:0; overflow:hidden;}
.leakey_hide{display:none;}
.leakey_show{display:block;}
.leakey_fl,.leakey_fr{display:inline;}
.leakey_fl{float:left!important;}
.leakey_fr{float:right!important;}
.leakey_txt_overflow{overflow:hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;display:block}
.leakey_big_ellipsis{text-align: center;display: block;}
.leakey_big_ellipsis:after{content: "● ● ●";font-size: 24px;color:var(--font_color);display: inline-block;}

/*--------------------------------------------边距------------------------------------------------*/

/*去内边距*/
.leakey_no_padding{padding: 0!important}
.leakey_no_padding_top{padding-top:0!important}
.leakey_no_padding_bottom{padding-bottom:0!important}
.leakey_no_padding_right{padding-right:0!important}
.leakey_no_padding_left{padding-left:0!important}

/*去外边距*/
.leakey_no_margin{margin: 0!important}
.leakey_no_margin_top{margin-top: 0!important}
.leakey_no_margin_bottom{margin-bottom: 0!important}

/*--------------------------------------------边框------------------------------------------------*/

/*去边框*/
.leakey_no_border{border: 0!important}
.leakey_border{border:1px solid var(--border_color);}

/*--------------------------------------------字体------------------------------------------------*/

/*禁用字体选择*/
.leakey_noselect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/*字体粗细*/
.leakey_font_bold{font-weight: bold!important;}
.leakey_font_normal{font-weight: normal!important;}

/*字体大小写*/
.leakey_font_uppercase{text-transform: uppercase!important;}
.leakey_font_lowercase{text-transform: lowercase!important;}
.leakey_font_capitalize{text-transform: capitalize!important;}

/*文字居中*/
.leakey_align_center{text-align: center!important;}
.leakey_align_left{text-align: left!important;}
.leakey_align_right{text-align: right!important;}

/*字体颜色*/
.leakey_color_red{color:var(--red);!important;}
.leakey_color_white{color:var(--white);!important;}

/*字体投影*/
.leakey_super_shadow{text-shadow: 0 1px 0 hsl(174,5%,80%),0 2px 0 hsl(174,5%,75%), 0 3px 0 hsl(174,5%,70%), 0 4px 0 hsl(174,5%,66%), 0 5px 0 hsl(174,5%,64%), 0 6px 0 hsl(174,5%,62%), 0 7px 0 hsl(174,5%,61%), 0 8px 0 hsl(174,5%,60%), 0 0 5px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.2), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.2), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.3);} 

/*字体大小*/
.leakey_font_12{font-size: 12px!important;line-height: 22px!important;}
.leakey_font_16{font-size: 16px!important;line-height: 22px!important;}
.leakey_font_14{font-size: 14px!important;line-height: 22px!important;}
.leakey_font_18{font-size: 18px!important;line-height: 22px!important;}
.leakey_font_20{font-size: 20px!important;line-height: 22px!important;}
.leakey_font_22{font-size: 22px!important;line-height: 22px!important;}
.leakey_font_24{font-size: 24px!important;line-height: 24px!important;}
.leakey_font_26{font-size: 26px!important;line-height: 26px!important;}
.leakey_font_28{font-size: 28px!important;line-height: 28px!important;}
.leakey_font_30{font-size: 30px!important;line-height: 30px!important;}
.leakey_font_32{font-size: 32px!important;line-height: 32px!important;}
.leakey_font_34{font-size: 34px!important;line-height: 34px!important;}
.leakey_font_36{font-size: 36px!important;line-height: 36px!important;}
.leakey_font_38{font-size: 38px!important;line-height: 38px!important;}
.leakey_font_40{font-size: 40px!important;line-height: 40px!important;}
.leakey_font_42{font-size: 42px!important;line-height: 42px!important;}
.leakey_font_44{font-size: 44px!important;line-height: 44px!important;}
.leakey_font_46{font-size: 46px!important;line-height: 46px!important;}
.leakey_font_48{font-size: 48px!important;line-height: 48px!important;}
.leakey_font_50{font-size: 50px!important;line-height: 50px!important;}
.leakey_font_60{font-size: 60px!important;line-height: 60px!important;}

/*超文本链接*/
.leakey_a_hover_underline{position:relative;}
.leakey_a_hover_underline:after{content:"";transition: all 0.3s ease-in-out;display: block;height:2px;width:100%;background: var(--main_color);position: absolute;bottom:-10px;left:0;transform: scaleX(0);transform-origin: center;}
.leakey_a_hover_underline:hover:after{transform: scale(1.0);}

/*--------------------------------------------背景------------------------------------------------*/

/*背景颜色*/
.leakey_bg_white{background-color: var(--white)!important}
.leakey_bg_light_gray{background-color: var(--light_gray)!important}
.leakey_bg_gray{background-color: var(--gray)!important}
.leakey_gradient_bg{background: var(--main_color);background: -moz-linear-gradient(left,var(--main_color) 0%,var(--help_color) 100%);background: -o-linear-gradient(left,var(--main_color) 0%,var(--help_color) 100%);background: -webkit-gradient(linear,left top, right top,from(var(--main_color)),to(var(--help_color)));background: -moz-linear-gradient(left,var(--main_color),var(--help_color));background: -o-linear-gradient(left,var(--main_color),var(--help_color));background: linear-gradient(to right,var(--main_color),var(--help_color)); } 

/*图片背景*/
.leakey_bg_img{background-size:cover;background-repeat:no-repeat;background-position: center;}
.leakey_bg_img_fixed{background-attachment: fixed;}

/*--------------------------------------------盒子------------------------------------------------*/

/*盒子投影、鼠标动效*/
.box_hover_shadow,.box_hover_up{-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;}
.box_hover_shadow:hover{-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.box_shadow{-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.box_hover_up:hover{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

/*圆角*/
.leakey_radius_3{border-radius:3px!important;}
.leakey_radius_5{border-radius:5px!important;}
.leakey_radius_10{border-radius:10px!important;}
.leakey_radius_20{border-radius:20px!important;}
.leakey_radius_30{border-radius:30px!important;}
.leakey_radius_50{border-radius:50px!important;}

/*--------------------------------------------布局------------------------------------------------*/

.leakey_cols:after{content: "";display: block;clear: both;}
.leakey_cols_space{margin-left:calc(var(--list_gap_num) / 2  * -1px);margin-right:calc(var(--list_gap_num) / 2  * -1px);}
.leakey_cols_space .leakey_col{padding-left:calc(var(--list_gap_num) / 2  * 1px);padding-right:calc(var(--list_gap_num) / 2  * 1px);margin-bottom: var(--list_gap);}
.leakey_col{float: left;display: block;}

.leakey_col_24{width: 100%}
.leakey_col_23{width:95.83333%}
.leakey_col_22{width:91.66667%}
.leakey_col_21{width:87.5%}
.leakey_col_20{width:83.33333%}
.leakey_col_19{width:79.16667%}
.leakey_col_18{width:75%}
.leakey_col_17{width:70.83333%}
.leakey_col_16{width:66.66667%}
.leakey_col_15{width:62.5%}
.leakey_col_14{width:58.33333%}
.leakey_col_13{width:54.16667%}
.leakey_col_12,.leakey_col_avg_2{width:50%}/*均分2栏*/
.leakey_col_11{width:45.83333%}
.leakey_col_10{width:41.66667%}
.leakey_col_9{width:37.5%}
.leakey_col_8,.leakey_col_avg_3{width:33.33333%}/*均分3栏*/
.leakey_col_7{width:29.16667%}
.leakey_col_6,.leakey_col_avg_4{width:25%}/*均分4栏*/
.leakey_col_5{width:20.83333%}
.leakey_col_4,.leakey_col_avg_6{width:16.66667%}/*均分6栏*/
.leakey_col_3,.leakey_col_avg_8{width:12.5%}/*均分8栏*/
.leakey_col_2{width:8.33333%}
.leakey_col_1{width:4.16667%}

.leakey_col_avg_5{width:20%}/*均分5栏*/
.leakey_col_avg_7{width:14.28571%}/*均分7栏*/
.leakey_col_avg_9{width:11.11111%}/*均分9栏*/
.leakey_col_avg_10{width:10%}/*均分10栏*/

/*左右布局-默认左小右大*/
.leakey_frame_lr{overflow: hidden;}
.leakey_frame_lr .leakey_left,.leakey_frame_lr.l_small_r_big .leakey_left{width: calc(var(--side_bar_width) * 1px);float: left;}
.leakey_frame_lr .leakey_right,.leakey_frame_lr.l_small_r_big .leakey_right{margin-left: calc((var(--side_bar_width) + 30) * 1px);overflow: hidden;}

.leakey_frame_lr.l_big_r_small .leakey_left{width:calc(100% - calc((var(--side_bar_width) + 30) * 1px));}
.leakey_frame_lr.l_big_r_small .leakey_right{width: calc(var(--side_bar_width) * 1px);margin-left: 0;float: right;}


/*左右布局-flex*/
.leakey_iframe_lr_flex>.leakey_container{display: flex}
.leakey_iframe_lr_flex .leakey_iframe_lr_flex_l{flex:0 0 calc(var(--side_bar_width) * 1px)}
.leakey_iframe_lr_flex .leakey_iframe_lr_flex_r{flex:1}
@media screen and (max-width: 720px){
   .leakey_iframe_lr_flex .leakey_iframe_lr_flex_l{display: none}
}

/*--------------------------------------------布局update-2024------------------------------------------------*/

/*FLEX布局*/
.leakey_flex{display: flex;justify-content:space-between;width:100%;overflow: hidden;} 
.leakey_flex.space_between{margin-left:calc(var(--list_gap_num) / 2  * -1px);margin-right:calc(var(--list_gap_num) / 2  * -1px);}        
.leakey_flex.space_between .leakey_flex_item{padding-left:calc(var(--list_gap_num) / 2  * 1px);padding-right:calc(var(--list_gap_num) / 2  * 1px);}
.leakey_flex .leakey_flex_item,.leakey_flex .leakey_flex_item.width_normal{width:var(--aside_width_normal)}/*子项固定宽度栏*/
.leakey_flex .leakey_flex_item.avg,.leakey_flex .leakey_flex_item.width_auto{flex:1;}/*子项自动宽度栏*/ 
.leakey_flex .leakey_flex_item.width_min{width:var(--aside_width_min)}
.leakey_flex .leakey_flex_item.width_max{width:var(--aside_width_max)}

/*FLEX_LITE布局 DOM层级减少一层*/
.leakey_flex_lite{display: flex;justify-content:space-between;width:100%;overflow: hidden;}
.leakey_flex_lite.space_between .leakey_flex_item:not(:last-child){margin-right: var(--list_gap);}
.leakey_flex_lite .leakey_flex_item,.leakey_flex_lite .leakey_flex_item.width_normal{width:var(--aside_width_normal)}/*子项固定宽度栏*/
.leakey_flex_lite .leakey_flex_item.avg,.leakey_flex_lite .leakey_flex_item.width_auto{flex:1;}/*子项自动宽度栏*/ 
.leakey_flex_lite .leakey_flex_item.width_min{width:var(--aside_width_min)}
.leakey_flex_lite .leakey_flex_item.width_max{width:var(--aside_width_max)}

/*GRID布局*/
.leakey_grid{display: grid;grid-gap: var(--list_gap); /* 网格项之间的间隙 */}
.leakey_grid.leakey_grid_2{grid-template-columns: repeat(2, 1fr);}/*均分2列*/
.leakey_grid.leakey_grid_3{grid-template-columns: repeat(3, 1fr);}
.leakey_grid.leakey_grid_4{grid-template-columns: repeat(4, 1fr);}
.leakey_grid.leakey_grid_5{grid-template-columns: repeat(5, 1fr);}
.leakey_grid.leakey_grid_6{grid-template-columns: repeat(6, 1fr);}
.leakey_grid.leakey_grid_8{grid-template-columns: repeat(8, 1fr);}

/*瀑布流*/
.leakey_masonry_grid{column-gap: var(--list_gap);/* 间距 */}
.leakey_masonry_grid_2{column-count: 2;}/*2列*/
.leakey_masonry_grid_3{column-count: 3;}
.leakey_masonry_grid_4{column-count: 4;}
.leakey_masonry_grid_5{column-count: 5;}
.leakey_masonry_grid_6{column-count: 6;}
.leakey_masonry_grid_item{break-inside: avoid;/* 不允许内容溢出到其他单元格 */margin-bottom: var(--list_gap);}



/*图片容器*/
.leakey_img_box,.img{overflow: hidden;line-height: 0;display: block;}
.leakey_img_box>img,.img img{transition: all 0.6s ease-in-out;width: 100%}
/*图片容器-交互放大*/
.leakey_img_box.hover_scale,.img.hover_scale{min-height:100px}
.leakey_img_box.hover_scale img,.img.hover_scale img{object-fit: cover;height: 100%;}
.leakey_img_box.hover_scale:hover img,.img.hover_scale:hover img{transform: scale(1.2);}
/*图片容器-交互灰度*/
.leakey_img_box.hover_gray img,.img.hover_gray img{filter: grayscale(50%);}
.leakey_img_box.hover_gray:hover img,.img.hover_gray:hover img{filter: grayscale(0%);}

/*列表分页按钮*/
ul.pagination {margin: 0;padding: 0;text-align: center;margin-top: 20px;}
ul.pagination li {display: inline-block;background:var(--white);}
ul.pagination li.active{background:var(--main_color);}
ul.pagination li.active a{color:#fff;}
ul.pagination li.active a{border-color:var(--main_color);}
ul.pagination li.disabled a{color:#ccc;}
ul.pagination li a {display: block;line-height: 40px;padding: 0 10px;border: 1px solid #ccc;margin-left: -1px}
ul.pagination li.active_next a{border-left-color:var(--main_color);}

/*模块标题*/
.leakey_title_box .leakey_title{margin-bottom: calc(var(--title_gap) * 1px);font-size: calc(var(--title_size) * 1px);line-height:calc(var(--title_line_height) * 1px)}
.leakey_title_box .leakey_title:after{content: "";display: block;height: 3px;width: 74px;background: var(--main_color);margin-top: calc((var(--title_gap) - 2 ) * 1px);} 
.leakey_title_box .leakey_title_sub{font-size: calc((var(--title_size) - 16) * 1px);margin-bottom: calc(var(--title_gap) * 1px);line-height: calc((var(--title_line_height) - 10)* 1px);}
.leakey_title_box .leakey_title_des{}
.leakey_title_box.leakey_title_no_line .leakey_title:after{display: none}
.leakey_title_box.white{color:var(--white);}
.leakey_title_box.white .leakey_title:after{background:var(--white);}

/*模块标题-中号*/
.leakey_title_box.m .leakey_title{font-size: 30px;line-height: 32px}
.leakey_title_box.m .leakey_title:after{height: 2px;width: 50px;margin-top: 12px} 
.leakey_title_box.m .leakey_title .leakey_title_sub{font-size: calc((var(--title_size) - 20) * 1px);margin-bottom: calc(var(--title_gap) / 2 * 1px);line-height: 22px;}

/*模块标题居中*/
.leakey_title_box.leakey_align_center .leakey_title:after{margin-left:auto;margin-right: auto;}
.leakey_title_box.leakey_align_center .leakey_title{text-align: center;}

/*模块标题+按钮，左右结构*/
.leakey_title_btn.leakey_title_btn_lr{position:relative;}
.leakey_title_btn.leakey_title_btn_lr .leakey_more{position: absolute;right: 0;top:0}

/*更多按钮*/
.leakey_more{padding: 6px 30px;border: 1px solid var(--border_color);-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;display: inline-block;}
.leakey_more.leakey_more_l{padding: 10px 50px;}
.leakey_more.leakey_more_m{padding: 6px 30px;}
.leakey_more.leakey_more_s{padding: 2px 20px;}
.leakey_more.leakey_more_white{background: var(--white);color: var(--font_color)}
.leakey_more.leakey_more_icon:after{content:"\e609";  font-family: "iconfont"!important;font-size: 12px;font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;margin-left: 10px} 
.leakey_more.leakey_more_icon.leakey_more_icon_feedback:after{content:"\e607";font-size: 14px}
.leakey_more.leakey_more_icon.leakey_more_icon_download{position: relative;background:var(--dark_gray);color: var(--white);padding-right: 65px;border:0}
.leakey_more.leakey_more_l.leakey_more_icon.leakey_more_icon_download{padding-right: 80px}
.leakey_more.leakey_more_s.leakey_more_icon.leakey_more_icon_download{padding-right: 50px}
.leakey_more.leakey_more_icon.leakey_more_icon_download:after{content:"\e61c";font-size: 14px;background: var(--main_color);color:var(--white);display: inline-block;position: absolute;right:0;top:0;height:100%;width:34px;line-height:34px;text-align: center;}
.leakey_more.leakey_more_l.leakey_more_icon.leakey_more_icon_download:after{width:42px;line-height: 42px;}
.leakey_more.leakey_more_m.leakey_more_icon.leakey_more_icon_download:after{width:36px;line-height: 36px;}
.leakey_more.leakey_more_s.leakey_more_icon.leakey_more_icon_download:after{width:26px;line-height: 26px;}

/*更多按钮交互动效*/
.leakey_more:hover,.leakey_more.leakey_more_white:hover{background: var(--main_color);border: 1px solid var(--help_color);
background: -moz-linear-gradient(left,var(--main_color) 0%,var(--help_color) 100%);
background: -o-linear-gradient(left,var(--main_color) 0%,var(--help_color) 100%);
background: -webkit-gradient(linear,left top, right top,from( var(--main_color)),to(var(--help_color)));
background: -moz-linear-gradient(left,var(--main_color),var(--help_color));
background: -o-linear-gradient(left,var(--main_color),var(--help_color));
background: linear-gradient(to right,var(--main_color),var(--help_color));color: var(--white);}
.leakey_more.hover_shadow:hover{box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);transform: translateY(-3px);}
.leakey_more.hover_round_radius:hover{border-radius: 50px}
.leakey_more.hover_bg_white,.leakey_more.leakey_more_hover_white:hover{background: var(--white);border-color: var(--white);color: var(--font_color);}

/*鼠标经过按钮水波纹背景变化*/
.leakey_btn_round_bg{position: relative;overflow:hidden;transition: all 0.6s ease-in-out}
.leakey_btn_round_bg *{position: relative;z-index: 3}
.leakey_btn_round_bg:after{content:"";position:absolute;top:50%;left:50%;z-index:1;transition: all 0.3s ease-in-out;height:500px;width:500px;background: var(--main_color);transform: translate(-50%,-50%) scale(0.2);border-radius: 50%;transition-delay:0.15s;opacity: 0}
.leakey_btn_round_bg:hover:after{transform: translate(-50%,-50%) scale(1);opacity: 1}
.leakey_btn_round_bg:before{content:"";position:absolute;top:50%;left:50%;z-index:0;transition: all 0.3s ease-in-out;height:500px;width:500px;background: var(--main_color);opacity:0.4;transform: translate(-50%,-50%) scale(0);border-radius: 50%;}
.leakey_btn_round_bg:hover:before{transform: translate(-50%,-50%) scale(1);}
.leakey_btn_round_bg:hover *{color:var(--white);}

/*leakey_more_line*/
.leakey_more_line{position: relative;height:35px;line-height: 35px;padding:0 30px!important;display: inline-block;color:var(--font_color);letter-spacing: 2px}
.leakey_more_line:after{content:"";position:absolute;left:0;bottom:0;z-index:0;transition: all 0.3s ease-in-out;height:1px;width:100%;background:var(--main_color);opacity: 0.5}
.leakey_more_line:hover:after{height:100%;opacity: 0.08;left:-10px;width:calc(100% + 20px);}
.leakey_more_line:hover{color:var(--font_color);background: none}

/*icon图标鼠标经过3d旋转*/
.leakey_3d_rorate .iconfont{transition: transform 0.6s ease-in;display: inline-block;transition-delay: 0.2s}
.leakey_3d_rorate:hover .iconfont{transform:rotate3d(0,1,0,360deg);}

/*icon图标鼠标经过360旋转*/
.leakey_360_rorate .iconfont{transition: transform 0.3s ease-in;display: inline-block;transition-delay: 0.2s}
.leakey_360_rorate:hover .iconfont{transform:rotate(360deg);}

/*icon图标鼠标经过重复上滑*/
.leakey_icon_silde_up{overflow: hidden;}
.leakey_icon_silde_up.iconfont:before,.leakey_icon_silde_up.leakey_more_icon:after{display: inline-block;animation-delay: 0.4s;animation-duration: 0.6s}
.leakey_icon_silde_up.iconfont:hover:before,.leakey_icon_silde_up.leakey_more_icon:hover:after{animation-name: icon_slide_up_ani;}
@-webkit-keyframes icon_slide_up_ani{
    0%{-webkit-transform: translateY(0);}
    50%{-webkit-transform: translateY(-100%);}
    50.001%{-webkit-transform: translateY(100%);}
    100%{-webkit-transform: translateY(0);}
}
@-moz-keyframes up_to_top{
    0%{-moz-transform: translateY(0);}
    50%{transform: translateY(-100%);}
    50.001%{-moz-transform: translateY(100%);}
    100%{-moz-transform: translateY(0);}
}
@keyframes icon_slide_up_ani{
    0%{transform: translateY(0);}
    50%{transform: translateY(-100%);}
    50.001%{transform: translateY(100%);}
    100%{transform: translateY(0);}
}

/*注释标题*/
.leakey_remark_title{padding: 0 20px;font-size: 24px;position: relative;}
.leakey_remark_title:before{content: "";width: 3px;height: 22px;display: inline-block;background: var(--main_color);position: absolute;left: 0;}

/*分割线*/
.leakey_split_line{height: 2px;width: 100%;display: block;background:var(--main_color);position: relative;overflow: hidden;margin: 20px 0;clear: both;}
.leakey_split_line:before{content: "";height: 100%;width: 100px;background:var(--dianzhui_color);display: block;}
.leakey_split_line_txt{position: relative;text-align: center;margin: 50px 0}
.leakey_split_line_txt span{background: var(--white);padding: 0 20px;position: relative;z-index: 1;font-size: 24px;line-height: 25px}
.leakey_split_line_txt:after{content: "";height: 1px;width: 100%;display: block;position: absolute;left: 0;top: 50%;background: var(--light_gray);z-index: 0;}

/*文章段落*/
article p{margin-bottom: 10px;}

/*多图fancybox*/
.fancybox-thumbs {top: auto; width: auto; bottom: 0; left: 0; right : 0; height: 95px; padding: 10px 10px 5px 10px; box-sizing: border-box; background: rgba(0, 0, 0, 0.3); }  
.fancybox-show-thumbs .fancybox-inner {right: 0; bottom: 95px; }


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_banner{overflow: hidden;position: relative;height: var(--banner_height)}
.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;}
.leakey_section{background: var(--white);}
.leakey_container{max-width: var(--max_width);margin: auto;padding: var(--container_padding_top_bottom) var(--container_padding_left_right);}
/*banner-fixed*/
.leakey_banner .swiper-wrapper{position: fixed;top: 0;left: 0;width: 100%;z-index: 0}
.leakey_section,.leakey_footer{z-index: 2;position: relative;}

#menu{display: none;}
.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; }

.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 .banner_txt{position: absolute;z-index: 1;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);color: var(--white);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_f_container{max-width: var(--max_width);margin: auto;padding: 70px 20px;overflow: hidden;}
.leakey_footer{}
.leakey_f_bottom{color: var(--white);}
.leakey_f_bottom a:link,.leakey_f_bottom a:visited{color: var(--white)}
.leakey_f_bottom a:hover{color: var(--main_color);}
.leakey_f_bottom .leakey_f_container{padding: 5px 20px}
.leakey_f_b_l,.leakey_f_t_l{float: left;}
.leakey_f_b_r,.leakey_f_t_r{float: right;}
.leakey_f_b_r a{padding-left: 20px;}
.leakey_f_b_r a:first-child{padding-left: 0;}
.leakey_f_t_l p{margin-bottom: 3px;}
.leakey_footer .leakey_title{margin-bottom: 20px}
.qrcode{width: 84px;text-align: center;}
.qrcode img{width: 100%;border: 2px solid var(--white)}
.leakey_footer .iconfont{font-size: 14px;}
.leakey_footer .iconfont:before{padding-right: 10px;}
.leakey_float_up{cursor: pointer;height: 50px;width: 50px;position: fixed;right: 20px;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_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_location li{float: left;margin-right: 10px;}
.leakey_location ul{overflow: hidden;float: right;}
.leakey_location_home.iconfont{font-size: 12px;}

.left_side_title{font-size: 24px;color: var(--white);padding: 11px 20px;position: relative;text-align: center;}
.left_side li{text-align: center;background: var(--light_gray);margin-bottom: 1px;}
.left_side li:hover{background: var(--main_color);
background: -moz-linear-gradient(left,var(--main_color) 0%,var(--help_color) 100%);
background: -o-linear-gradient(left,var(--main_color) 0%,var(--help_color) 100%);
background: -webkit-gradient(linear,left top, right top,from( var(--main_color)),to(var(--help_color)));
background: -moz-linear-gradient(left,var(--main_color),var(--help_color));
background: -o-linear-gradient(left,var(--main_color),var(--help_color));
background: linear-gradient(to right,var(--main_color),var(--help_color));}}
.left_side li:hover a,.left_side li.active a{color: var(--white);}
.left_side li.active{background: var(--main_color);
background: -moz-linear-gradient(left,var(--main_color) 0%,var(--help_color) 100%);
background: -o-linear-gradient(left,var(--main_color) 0%,var(--help_color) 100%);
background: -webkit-gradient(linear,left top, right top,from( var(--main_color)),to(var(--help_color)));
background: -moz-linear-gradient(left,var(--main_color),var(--help_color));
background: -o-linear-gradient(left,var(--main_color),var(--help_color));
background: linear-gradient(to right,var(--main_color),var(--help_color));}}
}
.left_side li a{display: block;padding: 10px 20px}
.right_side{padding-left: 20px;}
.right_side a span{overflow: hidden;}
.right_side a img{width: 100%;}
.right_side a h2{padding: 10px 20px;background: var(--white);}

.contacts_info .leakey_col{border: 1px solid var(--light_gray);padding: 20px}
.contacts_info .leakey_col h3{font-size: 22px;margin-bottom: 5px;}
.contacts_info .leakey_col p{margin-bottom: 5px;}
.contacts_info div:first-child{border-right: 0}

#map{height: 400px;margin-top: 30px;}
.addStr{font-size:14px;padding:20px;line-height:18px;text-align: center;}
.leakey_swiper_wraper{overflow: hidden;position: relative;}


@-webkit-keyframes up_to_top{
    0%{-webkit-transform: translateY(0px);transform: translateY(0px);}
    25%{-webkit-transform: translateY(5px);transform: translateY(5px);}
    50%{-webkit-transform: translateY(0px);transform: translateY(0px);}
    75%{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
    100%{-webkit-transform: translateY(0px);transform: translateY(0px);}
}
@-moz-keyframes up_to_top{
    0%{-moz-transform: translateY(0px);transform: translateY(0px);}
    25%{-moz-transform: translateY(5px);transform: translateY(5px);}
    50%{-moz-transform: translateY(0px);transform: translateY(0px);}
    75%{-moz-transform: translateY(-5px);transform: translateY(-5px);}
    100%{-moz-transform: translateY(0px);transform: translateY(0px);}
}
@keyframes up_to_top{
    0%{-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
    25%{-webkit-transform: translateY(5px);-moz-transform: translateY(5px);transform: translateY(5px);}
    50%{-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
    75%{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);transform: translateY(-5px);}
    100%{-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
}

@-webkit-keyframes banner_progress{
    0%{width:0}    
    100%{width: 100%;}
}

@-moz-keyframes banner_progress{
    0%{width:0}    
    100%{width: 100%;}
}

@keyframes banner_progress{
    0%{width:0}    
    100%{width: 100%;}
}

@media screen and (max-width: 1820px){
    header:before{width:98% }
    .index_product:after{left: -30%}
}
@media screen and (max-width: 1600px){
    .leakey_banner .banner_txt{padding-left:50px;padding-right: 50px; }
}
@media screen and (max-width: 1440px){
    header:before{width:99% }
    .leakey_header_container nav>ul>li a{padding: 5px 30px}
    .leakey_banner .swiper-button-next,.leakey_banner .swiper-button-prev{display: none;}
    .leakey_banner .banner_txt,.leakey_banner .swiper-pagination,.leakey_f_container,.leakey_f_bottom .leakey_f_container{padding-left:20px;padding-right: 20px; }
    .leakey_container{padding-left: 20px;padding-right: 20px}
}
@media screen and (max-width: 1280px){
    .leakey_header_container nav>ul>li a{padding: 5px 25px}    
}
@media screen and (max-width: 1200px){ 
    .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}    
}
@media screen and (max-width: 1024px){
    .left_side{display: none;}
    .right_side{padding-left: 0;width: 100%}  
    .leakey_frame_lr .leakey_left{display: none;}
    .leakey_frame_lr .leakey_right{margin-left: 0;}
    .leakey_frame_lr.l_big_r_small .leakey_left{display: block;width:100%}
    .leakey_frame_lr.l_big_r_small .leakey_right{display: none;}
}
@media screen and (max-width: 960px){    
    .leakey_banner .banner_txt h3{font-size: 32px;}
    header:before{width: 65%}
}
@media screen and (max-width: 720px){    
    .right_side li,.equ_list li{width: 50%} 
    ul.pagination li{display: none}
    ul.pagination li.active,ul.pagination li:nth-child(2),ul.pagination li:nth-last-child(2){display: inline-block;}
    .leakey_title_box .leakey_title,.leakey_title_btn.leakey_title_btn_lr .leakey_title{font-size: calc((var(--title_size) - 4) * 1px);line-height: calc((var(--title_line_height) - 4)* 1px)}
}
@media screen and (max-width: 614px){
    .leakey_f_b_l,.leakey_f_b_r{float: none;}
}
@media screen and (max-width: 512px){    
    .leakey_header_container{padding: 0px 30px}    
    .leakey_f_t_l{float: none;}
    .leakey_f_t_r{float: none;margin-top: 20px}
    .leakey_banner .banner_txt h3{font-size: 28px;}
    .leakey_banner .banner_txt p{font-size: 14px;}   
    .leakey_title_box .leakey_title,.leakey_title_btn.leakey_title_btn_lr .leakey_title{font-size: calc((var(--title_size) - 6) * 1px);line-height: calc((var(--title_line_height) - 6)* 1px)}
    .leakey_title_box .leakey_title_sub{font-size:  calc((var(--title_size) - 20) * 1px)}
    .leakey_title_btn.leakey_title_btn_lr .leakey_more{position:relative;right:auto;left:0;float: none!important} 
}
@media screen and (max-width: 414px){
    .leakey_header_container{padding: 0px 30px} 
}