@charset "utf-8";
html {background:#fff;color: #333;}
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;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;}
a:hover {color: #0282cd;/*text-decoration:underline;*/}
a:focus,*:focus {outline:none;}
.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;}
.leakey_fr{float:right;}
.leakey_txt_overflow{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;display:block}
/*老浏览器Dom需添加unselectable="on"*/
.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_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{width:50%}/*一行2栏*/
.leakey_col_11{width:45.83333%}
.leakey_col_10{width:41.66667%}
.leakey_col_9{width:37.5%}
.leakey_col_8{width:33.33333%}/*一行3栏*/
.leakey_col_7{width:29.16667%}
.leakey_col_6{width:25%}/*一行4栏*/
.leakey_col_5{width:20.83333%}
.leakey_col_4{width:16.66667%}/*一行6栏*/
.leakey_col_3{width:12.5%}
.leakey_col_2{width:8.33333%}
.leakey_col_1{width:4.16667%}

.gradient_bg_blue{background: #004dc1;background: -webkit-linear-gradient(left,#004dc1,#0c91dc); background: -moz-linear-gradient(left,#004dc1 0%,#0c91dc 100%); background: -o-linear-gradient(left,#004dc1 0%,#0c91dc 100%); background: -ms-linear-gradient(left,#004dc1,#0c91dc); background: linear-gradient(left,#004dc1,#0c91dc); } 
.gradient_bg_yellow{background: #ecc818;border: 1px solid #ffdb2d; background: -webkit-linear-gradient(left,#c7a600,#ffdb2d); background: -moz-linear-gradient(left,#c7a600 0%,#ffdb2d 100%); background: -o-linear-gradient(left,#c7a600 0%,#ffdb2d 100%); background: -ms-linear-gradient(left,#c7a600,#ffdb2d); background: linear-gradient(left,#c7a600,#ffdb2d); }
.box_hover_shadow,.box_hover_up{transition: all 0.3s ease-in-out;}
.box_hover_shadow:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.box_hover_up:hover{transform: translateY(-10px);}

.img{overflow: hidden;display: block;line-height: 0;}
.img img{width: 100%;transition: all 0.6s ease-in-out;}
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:#004dc1;}
ul.pagination li.active a{color:#fff;}
ul.pagination li.active a{border-color:#004dc1;}
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:#004dc1;}

.leakey_banner_pc{overflow: hidden;position: relative;height: 800px}
.leakey_header_container{max-width: 1440px;margin: auto;padding: 15px 30px 30px;position: relative;z-index: 2;overflow: hidden;}
.leakey_header_container nav>ul>li{float: left;}
.leakey_header_container nav>ul>li.active a{color: #004dc1;}
.leakey_header_container nav>ul>li.active a:after{opacity: 1;}
.leakey_header_container nav>ul>li a{padding: 5px 34px;display:block;color: #fff;position: relative;}
.leakey_header_container nav>ul>li a:hover{color: #004dc1;}
.leakey_header_container nav>ul>li a:after{content: "";opacity: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transform: skewX(-35deg);background: #ffdb2d;z-index: -1;transition: opacity 0.3s ease-in-out;}
.leakey_header_container nav>ul>li a:hover:after{opacity: 1;}
.leakey_header_container nav>ul>li ul{display: none;}
.leakey_section{background: #fff;}
.leakey_container{max-width: 1440px;margin: auto;padding: 80px 20px}


.mm-page{overflow: hidden;}
.mm-menu_theme-dark .mm-navbar-a{border-right: 1px solid rgba( 0,0,0, 0.3 )}
.mm-navbar .mm-navbar-a:last-child{border: 0;}
.mm-menu_theme-dark .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%;transform: translateY(-50%); right: 0; width: 80px; height: 44px; padding: 12px 25px; } #header a:before,
.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; }

header{position: absolute;top: 30px;left: 0;z-index: 5;width: 100%;}
header:before{content: "";background: #004dc1;border: 1px solid #0c91dc;
background: -webkit-linear-gradient(left,#004dc1,#0c91dc);
background: -moz-linear-gradient(left,#004dc1 0%,#0c91dc 100%);
background: -o-linear-gradient(left,#004dc1 0%,#0c91dc 100%);
background: -ms-linear-gradient(left,#004dc1,#0c91dc);
background: linear-gradient(left,#004dc1,#0c91dc);
left:-60px;transform: skewX(-35deg);position: absolute;bottom: 0;top: 0;right: 0;z-index: 0;width: 85%}
header:after{content: "";background: #ecc818;border: 1px solid #ffdb2d;
background: -webkit-linear-gradient(left,#c7a600,#ffdb2d);
background: -moz-linear-gradient(left,#c7a600 0%,#ffdb2d 100%);
background: -o-linear-gradient(left,#c7a600 0%,#ffdb2d 100%);
background: -ms-linear-gradient(left,#c7a600,#ffdb2d);
background: linear-gradient(left,#c7a600,#ffdb2d);
height: 30px;width: 20%;position: absolute;bottom: -15px;left:-50px;transform: skewX(-35deg);z-index: 1;}
.logo{float: left;line-height: 0;position: relative;padding:8px 30px;margin-right: 30px;}
.logo img{position: relative;z-index: 1;}
.logo:after{content: "";background: #fff;position: absolute;top: 0;left: 0;bottom: 0;right: 0;transform: skewX(-35deg);z-index: 0;}
nav{margin-top: 30px}
.leakey_banner_pc .swiper-button-next{right: 20px}
.leakey_banner_pc .swiper-button-prev{left: 20px}
.leakey_banner_pc .swiper-slide{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
.leakey_banner_pc .swiper-slide:after{content: "";opacity: 0.3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 0;background: #000;}
.banner_txt{position: absolute;z-index: 1;top: 50%;transform: translateY(-50%);color: #fff;width: 100%;}
.banner_txt div{max-width: 1440px;margin: auto;}
.banner_txt h3{font-size: 36px;line-height: 42px;margin-bottom: 30px;font-weight: normal;}
.banner_txt p{font-size: 16px;line-height: 28px;letter-spacing: 2px;}
.leakey_banner_pc .swiper-pagination-white .swiper-pagination-bullet{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_pc .swiper-pagination-white .swiper-pagination-bullet:first-child{margin-left: 0;}
.leakey_banner_pc .swiper-pagination-white .swiper-pagination-bullet-active{width: 100px}
.leakey_banner_pc .swiper-pagination{width: 100%;max-width: 1440px;transform: translateX(-50%);text-align: left;left: 50%;bottom: 30px;}
.leakey_banner_pc .swiper-pagination:after{content: "";width: 100%;display: block;height: 1px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0px;opacity: 0.15;}
.index_about{overflow: hidden;}
.index_about .leakey_title{float: left;}
.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: #004dc1;}
article p{margin-bottom: 10px;}
.index_about p{float: right;width: 50%}
.index_about .leakey_about_img span{height: 100px;width: 100px;background: #eee;border-radius: 50%;display: inline-block;overflow: hidden;margin-right: 20px;}
.index_about .leakey_about_img span:nth-of-type(2) img{transition-delay: 0.2s;}
.index_about .leakey_about_img span:nth-of-type(3) img{transition-delay: 0.4s;}
.index_about .leakey_about_img img{transition: all 1s ease-in-out;width: 100%}
.index_about:hover .leakey_about_img img{transform: scale(1.4);}
.leakey_about_img{float: left;margin-left: 80px;}
.index_about .leakey_title span{display: block;}
.index_about .leakey_more{padding: 6px 25px;margin-top: 10px;display: inline-block;}

.index_product{position: relative;border-bottom: 1px solid #f2f2f2;border-top: 1px solid #f2f2f2;overflow: hidden;background:url(../images/pro_bg.jpg) center no-repeat;background-size: cover;background-attachment: fixed;}
.index_product:after{content: "";position: absolute;left: -10%;top: 0;bottom: 0;right: 70%;transform: skewX(-35deg);background: #004dc1;border: 1px solid #0c91dc;
background: -webkit-linear-gradient(left,#004dc1,#0c91dc);
background: -moz-linear-gradient(left,#004dc1 0%,#0c91dc 100%);
background: -o-linear-gradient(left,#004dc1 0%,#0c91dc 100%);
background: -ms-linear-gradient(left,#004dc1,#0c91dc);
background: linear-gradient(left,#004dc1,#0c91dc);transition: transform 0.6s ease-in-out;}
.index_product:before{content: "";position: absolute;left: 95%;top: 0;bottom: 0;right: -10%;background: #0c91dc;transform: skewX(-35deg);transition: transform 0.6s ease-in-out;}
/*.index_product:hover:after{transform: skewX(0);}
.index_product:hover:before{transform: skewX(0);}*/
.index_pro_box{overflow: hidden;max-width: 1440px;position: relative;}
.index_product .swiper-slide div{float: right;width: 50%}
.index_product .swiper-slide h4{font-size: 24px;margin-bottom: 5px;}
.index_product .swiper-slide p:after{content: "";display: block;width: 40px;height: 3px;background: #004dc1;margin-top: 10px;}
.index_product .swiper-pagination{max-width: 1440px;text-align: right;bottom: 0px}
.index_product .swiper-pagination-bullet{height: auto;width: 140px;overflow: hidden;padding: 10px 30px;background: #eee;text-align: center;border-radius: 0;opacity: 1;border: 1px solid #fff}
.index_product .swiper-pagination-bullet img{max-width:100% ;}
.index_product .swiper-pagination-bullet:hover,.index_product .swiper-pagination-bullet-active{background: #004dc1;border: 1px solid #0c91dc;
background: -webkit-linear-gradient(left,#004dc1,#0c91dc);
background: -moz-linear-gradient(left,#004dc1 0%,#0c91dc 100%);
background: -o-linear-gradient(left,#004dc1 0%,#0c91dc 100%);
background: -ms-linear-gradient(left,#004dc1,#0c91dc);
background: linear-gradient(left,#004dc1,#0c91dc);}
/*.index_product .swiper-pagination-bullet-active{border-color:#555}*/
.swiper-slide img{transition: transform 0.3s ease-in-out;width: 450px}
.swiper-slide img:hover{transform: translateY(-10px);}
.index_product .swiper-button-next{right: 10px;top: 10px;margin-top: 0;background: none;width: 100px;padding-right: 14px;height: 40px;line-height: 40px;text-align: center;transition: all 0.2s ease-in-out;}
.index_product .swiper-button-next:hover{background: #004dc1;color: #fff}
.index_product .swiper-button-next:active{transform: translate(3px,3px);}
.index_product .swiper-button-next:before{font-size: 30px;float: right;}
.index_product .swiper-button-next span{float: right;}

.index_news{overflow: hidden;}
.index_news_box a{display: block;width: 32%;margin-right: 2%;float: left;transition: all 0.3s ease-in-out;}
.index_news_box a:nth-of-type(3n){margin-right: 0;}
.index_news_box a span{overflow: hidden;line-height: 0;display: block;}
.index_news_box a img{width: 100%;transition: all 0.6s ease-in-out;}
.index_news_box h4{font-size: 20px;margin-bottom: 10px;}
.index_news_box p{opacity: 0.7;}
.index_news_box a div{background: #f2f2f2;padding:20px 30px;transition: background 0.3s ease-in-out;}
.index_news_box a:hover div{background: #004dc1;background: -webkit-linear-gradient(left,#004dc1,#0c91dc);
background: -moz-linear-gradient(left,#004dc1 0%,#0c91dc 100%);
background: -o-linear-gradient(left,#004dc1 0%,#0c91dc 100%);
background: -ms-linear-gradient(left,#004dc1,#0c91dc);
background: linear-gradient(left,#004dc1,#0c91dc);color: #fff;}
.index_news_box a:hover{box-shadow: 0 0 20px rgba(0, 0, 0,0.3);transform: translateY(-10px);}
.index_news_box a:hover img{transform: scale(1.2);}
.index_news .leakey_title{float: left;}
.leakey_more{padding: 10px 30px;border: 1px solid #f2f2f2;}
.leakey_more:hover{background: #004dc1;border: 1px solid #0c91dc;
background: -webkit-linear-gradient(left,#004dc1,#0c91dc);
background: -moz-linear-gradient(left,#004dc1 0%,#0c91dc 100%);
background: -o-linear-gradient(left,#004dc1 0%,#0c91dc 100%);
background: -ms-linear-gradient(left,#004dc1,#0c91dc);
background: linear-gradient(left,#004dc1,#0c91dc);color: #fff}
.index_news_top{overflow: hidden;margin-bottom: 30px;}
.index_news_top .leakey_more{float: right;}

.leakey_f_container{max-width: 1440px;margin: auto}
.leakey_footer{background: #f2f2f2}
.leakey_f_bottom{color: #fff;}
.leakey_f_bottom a:link,.leakey_f_bottom a:visited{color: #fff}
.leakey_f_bottom a:hover{color: #ffdb2d}
.leakey_f_container{padding: 50px 20px;overflow: hidden;}
.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(253,175,0,0.9);color: #fff;text-align: center;line-height: 50px;font-size: 24px;z-index: 10;transform-origin: bottom; transition: all 0.3s ease-in-out;}
.leakey_float_up.hide{transform: scaleY(0);opacity: 0;}
.leakey_float_up:hover{background: rgba(253,175,0,1);box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.leakey_float_up:before{display: inline-block;}
.leakey_float_up:hover:before{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;}

.left_side .channel_t .cur_ch_name{padding: 0 20px;font-size: 24px;position: relative;margin-bottom: 20px;}
.left_side .channel_t .cur_ch_name:before{content: "";width: 3px;height: 22px;display: inline-block;background: #004dc1;position: absolute;left: 0;}
.left_side li{text-align: center;background: #f2f2f2;margin-bottom: 1px;}
.left_side li:hover{background: #ecc818;
background: -webkit-linear-gradient(left,#c7a600,#ffdb2d);
background: -moz-linear-gradient(left,#c7a600 0%,#ffdb2d 100%);
background: -o-linear-gradient(left,#c7a600 0%,#ffdb2d 100%);
background: -ms-linear-gradient(left,#c7a600,#ffdb2d);
background: linear-gradient(left,#c7a600,#ffdb2d);}
.left_side li:hover a,.left_side li.active a{color: #fff}
.left_side li.active{background: #004dc1;
background: -webkit-linear-gradient(left,#004dc1,#0c91dc);
background: -moz-linear-gradient(left,#004dc1 0%,#0c91dc 100%);
background: -o-linear-gradient(left,#004dc1 0%,#0c91dc 100%);
background: -ms-linear-gradient(left,#004dc1,#0c91dc);
background: linear-gradient(left,#004dc1,#0c91dc);
}
.left_side li a{display: block;padding: 10px 20px}
.right_side{padding-left: 20px;}
.right_side a{border: 1px solid #f2f2f2;display: block;}
.right_side a span{overflow: hidden;}
.right_side a img{width: 100%;}
.right_side a h2{padding: 10px 20px;background: #f2f2f2}
.pro_detail{background: #f2f2f2;}
.pro_detail .img{padding: 20px;background: #fff;border: 1px solid #f2f2f2}
.pro_detail:hover img{transform: scale(1.2);}
.pro_info{padding: 20px}
.pro_info h1{font-size: 24px;}
.pro_info font{font-size: 13px;opacity: 0.5;padding: 20px 0 5px;display: block;}

.pro_list{overflow: hidden;}
.pro_content{overflow: hidden;}

.news_list{overflow: hidden;}
.news_list li .img{width: 200px;float: left;margin-right: 20px;}
.news_list li:hover img{transform: scale(1.2);}
.news_list li {margin-bottom: 20px;}
.news_list li a{display: block;padding: 20px;border: 1px solid #f2f2f2}
.news_list li a h2{font-size: 22px;margin-bottom: 20px;line-height: 26px;}
.news_list li a em{display: block;margin-top: 10px;}
.news_list li a em:before{padding-right: 10px;}

.news_content .news_c_t{padding-bottom: 30px;margin-bottom: 50px;border-bottom: 1px solid #f2f2f2;}
.news_content .news_c_t h1{font-size: 26px;float: left;}
.news_content .news_c_t em{float: right;font-size: 18px;}
.news_content .news_c_t em:before{padding-right:10px;}
.news_content .news_c_b{margin-top: 30px;padding-top:30px;border-top: 1px solid #f2f2f2;}

.equ_list li a{border: 1px solid #f2f2f2;display: block;}
.equ_list li a:hover{transform: translateY(-10px);}
.equ_list li h2{padding: 10px 20px;background: #fff;text-align: center;}
.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;}
@keyframes up_to_top{
    0%{transform: translateY(0px);}
    25%{transform: translateY(5px);}
    50%{transform: translateY(0px);}
    75%{transform: translateY(-5px);}
    100%{transform: translateY(0px);}
}

@media screen and (max-width: 1820px){
    header:before{width:98% }
    .index_product:after{left: -30%}
}
@media screen and (max-width: 1600px){
    .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_pc .swiper-button-next,.leakey_banner_pc .swiper-button-prev{display: none;}
    .banner_txt,.leakey_banner_pc .swiper-pagination,.leakey_f_container,.leakey_f_bottom .leakey_f_container{padding-left:20px;padding-right: 20px; }
    .index_product .swiper-pagination-bullet{width: 120px;padding: 5px 20px}
}
@media screen and (max-width: 1280px){
    .leakey_header_container nav>ul>li a{padding: 5px 25px}
    .logo img{max-width: 390px;}
}
@media screen and (max-width: 1200px){
    .logo img{max-width: 300px;}
    .index_about p{float: none;display: block;width: 100%}
    .index_about .leakey_title{margin-right: 20px;margin-bottom: 20px;}
    .index_product .swiper-pagination-bullet{width: 100px;padding: 3px 15px}
    .swiper-slide img{width: 390px}
    .index_news_box h4{font-size: 18px;}
    .leakey_header_container nav>ul>li a{padding: 5px 18px}
}
@media screen and (max-width: 1024px){
    .swiper-slide img{width: 300px}
    .index_product .swiper-pagination-bullet{padding: 3px 10px}
    .leakey_header_container nav{display: none;}
    header:before{width: 60%}
    .mobile_menu{display: block;}
    .left_side{display: none;}
    .right_side{padding-left: 0;width: 100%}
    .news_content .news_c_t em{clear: both;display: block;float: none;padding-top: 20px}
}
@media screen and (max-width: 960px){
    .index_product .swiper-pagination{display: none;}
    .index_product .swiper-slide div{margin-top: 100px}
    .index_news_box h4{font-size: 16px;}
    .index_news_box a div{padding: 20px}
    .banner_txt h3{font-size: 32px;}
    header:before{width: 65%}
}
@media screen and (max-width: 720px){
    .index_product .swiper-slide div{width: 40%}
    .index_news_box p{display: none;}
    .index_news_box a{width: 49%}
    .index_news_box a:nth-of-type(3){margin-right: 0;}
    .index_news_box a:first-child{width: 100%;margin-bottom: 20px;margin-right: 0;}
    .index_news_box a:first-child p{display: block;}
    .index_news_box h4{margin-bottom: 0;font-size: 14px;} 
    .leakey_about_img{float: right;margin-left: 0;} 
    .index_about p{margin-top: 20px;clear: both;}
    .right_side li,.equ_list li{width: 50%} 
}
@media screen and (max-width: 614px){
    .index_product .swiper-button-next{display: none;}
    .index_product .swiper-slide div{width: 100%}
    .swiper-slide img{width: 100%}
    .index_about .leakey_about_img span:nth-of-type(3){display: none;}
    .leakey_f_b_l,.leakey_f_b_r{float: none;}
}
@media screen and (max-width: 512px){
    .logo img{max-width: 200px;}
    .leakey_header_container{padding: 10px 30px 20px}
    header:before{width: 75%}
    header:after{height: 20px;width: 40%}
    .leakey_f_t_l{float: none;}
    .leakey_f_t_r{float: none;margin-top: 20px}
    .banner_txt h3{font-size: 28px;}
    .banner_txt p{font-size: 14px;}
    .pro_detail .img{width: 100%}
    .pro_info{width: 100%}
    .contacts_info div{width: 100%;height: auto!important;}
    .contacts_info div:first-child{border-right: 1px solid #f2f2f2;border-bottom: 0;}
}
@media screen and (max-width: 414px){
    .index_news_box a{width: 100%;margin-bottom: 20px;}
    .index_news_box p{display: block;}
    header:before{width: 81%}
    .logo img{max-width: 150px;}
    .leakey_header_container{padding: 8px 30px 15px}
    header:after{height: 15px;bottom: -8px;}
    .index_about .leakey_about_img span:nth-of-type(2){display: none;}
    .news_list li .img{width: 100%;margin-bottom: 20px;}
}