@charset "utf-8";
html,body{height: 100%;width: 100%;background:#fff;color: #333;}
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: #333;text-decoration: none;cursor: pointer;}
a:hover {color: #11488f;}
a:focus,*:focus {outline:none;}


/*input、textarea，placeholder颜色更改*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #000;opacity: 0.15}
input:-moz-placeholder, textarea:-moz-placeholder {color: #000;opacity: 0.15}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000;opacity: 0.15}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000;opacity: 0.15}

.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:#333;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_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 #ddd}

/*--------------------------------------------字体------------------------------------------------*/

/*禁用字体选择*/
.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:#f00!important;}
.leakey_color_white{color:#fff!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: 16px!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_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_38{font-size: 38px!important;line-height: 38px!important;}
.leakey_font_48{font-size: 48px!important;line-height: 48px!important;}

/*--------------------------------------------背景------------------------------------------------*/

/*背景颜色*/
.leakey_bg_white{background-color: #fff!important}
.leakey_bg_light_gray{background-color: #f2f2f2!important}
.leakey_bg_gray{background-color: #eee!important}
.gradient_bg_blue{background: #04487a;background: -moz-linear-gradient(left,#04487a 0%,#2771b5 100%);background: -o-linear-gradient(left,#04487a 0%,#2771b5 100%);background: -webkit-gradient(linear,left top, right top,from(#04487a),to(#2771b5));background: -moz-linear-gradient(left,#04487a,#2771b5);background: -o-linear-gradient(left,#04487a,#2771b5);background: linear-gradient(left,#04487a,#2771b5); } 
.gradient_bg_yellow{background: #c73f0e;border: 1px solid #ffdb2d; background: -moz-linear-gradient(left,#c73f0e 0%,#ffdb2d 100%); background: -o-linear-gradient(left,#c7a600 0%,#ffdb2d 100%); background: -webkit-gradient(linear,left top, right top,from(#c7a600),to(#ffdb2d)); background: -moz-linear-gradient(left,#c7a600,#ffdb2d); background: -o-linear-gradient(left,#c7a600,#ffdb2d); background: linear-gradient(left,#c7a600,#ffdb2d); }
.gradient_bg_red{background: #a5000d;background: -moz-linear-gradient(left,#a5000d 0%,#e60012 100%);background: -o-linear-gradient(left,#a5000d 0%,#e60012 100%);background: -webkit-gradient(linear,left top, right top,from(#a5000d),to(#e60012));background: -moz-linear-gradient(left,#a5000d,#e60012);background: -o-linear-gradient(left,#a5000d,#e60012);background: linear-gradient(left,#a5000d,#e60012); } 

/*--------------------------------------------盒子------------------------------------------------*/

/*盒子投影、鼠标动效*/
.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: -10px;margin-right: -10px}
.leakey_cols_space .leakey_col{padding-left:10px;padding-right: 10px;margin-bottom: 20px;}
.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: 350px;float: left;}
.leakey_frame_lr .leakey_right,.leakey_frame_lr.l_small_r_big .leakey_right{margin-left: 380px;}

.leakey_frame_lr.l_big_r_small .leakey_left{width:calc(100% - 380px);}
.leakey_frame_lr.l_big_r_small .leakey_right{width: 350px;margin-left: 0;float: right;}

/*图片容器*/
.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%}

/*列表分页按钮*/
ul.pagination {margin: 0;padding: 0;text-align: center;margin-top: 20px;}
ul.pagination li {display: inline-block;background:#fff}
ul.pagination li.active{background:#18498a;}
ul.pagination li.active a{color:#fff;}
ul.pagination li.active a{border-color:#18498a;}
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:#18498a;}

/*模块标题*/
.leakey_title_box.leakey_align_center .leakey_title:after{margin-left:auto;margin-right: auto;}
.leakey_title .title_txt{font-size: 24px;}
.leakey_sub_title .title_txt,article .title_txt{font-size: 24px;text-align: center;}
.leakey_sub_title .title_txt:after,article .title_txt:after{content: "";height: 2px;width: 50px;display:block;margin:15px auto 20px;background: #18498a;}
.leakey_title_box.white{color:#fff}
.leakey_title_box.white .leakey_title:after{background:#fff}

/*更多按钮*/
.leakey_more{padding: 6px 30px;border: 1px solid #f2f2f2;-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_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:hover,.leakey_more.leakey_more_white:hover{background: #18498a;border: 1px solid #1c66c3;
background: -moz-linear-gradient(left,#18498a 0%,#1c66c3 100%);
background: -o-linear-gradient(left,#18498a 0%,#1c66c3 100%);
background: -webkit-gradient(linear,left top, right top,from(#18498a),to(#1c66c3));
background: -moz-linear-gradient(left,#18498a,#1c66c3);
background: -o-linear-gradient(left,#18498a,#1c66c3);
background: linear-gradient(left,#18498a,#1c66c3);color: #fff}
.leakey_more.leakey_more_hover_white:hover{background: #fff;;border-color: #fff;color: #333}
.leakey_more.leakey_more_white{background: #fff;color: #333}
.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:#333;color: #fff;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: #d60111;color:#fff;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_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: #d60111;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: #d60111;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:#fff}

/*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图标鼠标经过重复上滑*/
.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: #18498a;position: absolute;left: 0;}

/*分割线*/
.leakey_split_line{height: 2px;width: 100%;display: block;background:#18498a;position: relative;overflow: hidden;margin: 20px 0;clear: both;}
.leakey_split_line:before{content: "";height: 100%;width: 100px;background:#c73f0e;display: block;}
.leakey_split_line_txt{position: relative;text-align: center;margin: 50px 0}
.leakey_split_line_txt span{background: #fff;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: #f2f2f2;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}

.leakey_banner{overflow: hidden;position: relative;height: 800px;height:100vh}
.leakey_header_container{max-width: 1440px;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: #18498a;}
.leakey_header_container nav>ul>li a:hover{color: #18498a;}
.leakey_header_container nav>ul>li ul{display: none;}
.leakey_section{background: #fff;}
.leakey_container{max-width: 1440px;margin: auto;padding: 80px 20px}
/*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: #333}
.mobile_menu:before,.mobile_menu:after{content: ""; display: block; background: #fff; height: 2px; }
.mobile_menu span{background: #fff; 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: #000;}
.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: #fff;width: 100%;}
.leakey_banner .banner_txt div{max-width: 1440px;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 #fff;text-align: center;color: #fff;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:#2e86f3;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: 1440px;-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: #fff;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: 1440px;margin: auto;padding: 70px 20px;overflow: hidden;}
.leakey_footer{}
.leakey_f_bottom{color: #fff;}
.leakey_f_bottom a:link,.leakey_f_bottom a:visited{color: #fff}
.leakey_f_bottom a:hover{color: #4cacf5}
.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 #fff}
.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: #fff;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: #fff;color: #fff;}
.leakey_subbanner:after{content: "";top: 0;left: 0;right: 0;bottom: 0;background: #000;opacity: 0.3;position: absolute;z-index: 0;}
.leakey_subbanner_container{padding: 80px 20px;height: 400px;text-align: center;max-width: 1440px;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: #fff;padding: 11px 20px;position: relative;text-align: center;}
.left_side li{text-align: center;background: #f2f2f2;margin-bottom: 1px;}
.left_side li:hover{background: #c73f0e;
background: -moz-linear-gradient(left,#c73f0e 0%,#ffdb2d 100%);
background: -o-linear-gradient(left,#c73f0e 0%,#ffdb2d 100%);
background: -webkit-gradient(linear,left top, right top,from(#c73f0e),to(#ffdb2d));
background: -moz-linear-gradient(left,#c73f0e,#ffdb2d);
background: -o-linear-gradient(left,#c73f0e,#ffdb2d);
background: linear-gradient(left,#c73f0e,#ffdb2d);}
.left_side li:hover a,.left_side li.active a{color: #fff}
.left_side li.active{background: #18498a;
background: -moz-linear-gradient(left,#18498a 0%,#1c66c3 100%);
background: -o-linear-gradient(left,#18498a 0%,#1c66c3 100%);
background: -webkit-gradient(linear,left top, right top,from(#18498a),to(#1c66c3));
background: -moz-linear-gradient(left,#18498a,#1c66c3);
background: -o-linear-gradient(left,#18498a,#1c66c3);
background: linear-gradient(left,#18498a,#1c66c3);
}
.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: #f2f2f2}

.contacts_info .leakey_col{border: 1px solid #f2f2f2;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; }
}
@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}
    .leakey_container{padding-left: 20px;padding-right: 20px}
}
@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;}
}
@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: 10px 30px 20px}    
    .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;}    
}
@media screen and (max-width: 414px){
    .leakey_header_container{padding: 8px 30px 15px} 
}
