/** * @author leakey * @date 创建日期 */ .leakey_container{padding:100px 20px} a:hover {color: #18498a;} /*target指当前路径hash指定的元素的样式，用以锚链接遇到fixed导航的位置纠正*/ /*:target{padding-top:90px;}*/ /*leakey_title*/ /*.leakey_title{font-weight: bold!important;}*/ .leakey_title:after{content: "";display: block;height: 2px;width: 74px;background: #555;margin-top: 18px;} .leakey_title_no_line:after{display: none;} .leakey_title_h_38{line-height: 38px;} .leakey_title{margin-bottom: 20px;font-size: 38px;} .leakey_title_sub{font-size: 22px;margin-bottom: 20px;line-height: 28px;} .leakey_title .title_txt{font-size: 32px;line-height: 36px;} .leakey_title.center {text-align: center;} .leakey_title.center .title_txt{float: none;display: inline-block;} .leakey_title.center .title_txt:after{margin-left: auto;margin-right: auto;} .leakey_title .leakey_title_alias{margin-top: 15px;display: block;} .leakey_title_box.leakey_align_center .leakey_title:after{margin-left: auto;margin-right: auto} /*leakey_title_m*/ .leakey_title.m:after{content: "";display: block;height: 2px;width: 50px;margin-top: 12px} .leakey_title.m{font-size: 30px;line-height: 32px} .leakey_title.m .leakey_title_sub{font-size: 18px;margin-bottom: 10px;line-height: 22px;} /*leakey_more*/ .leakey_more{border-color: #ccc;display: inline-block;} .leakey_more:hover{box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);transform: translateY(-3px);} .leakey_more:hover,.leakey_more.leakey_more_white:hover{background: #18498a;background: -moz-linear-gradient(left,#18498a 0%,#1686ea 100%);background: -o-linear-gradient(left,#18498a 0%,#1686ea 100%);background: -webkit-gradient(linear,left top, right top,from(#18498a),to(#1686ea));background: -moz-linear-gradient(left,#18498a,#1686ea);background: -o-linear-gradient(left,#18498a,#1686ea);background: linear-gradient(left,#18498a,#1686ea); color: #fff} .leakey_more.gradient_bg_blue{border:0;color:#fff} .leakey_container{max-width:100%;padding-left:50px;padding-right:50px;} .leakey_title_btn{margin-bottom:20px} /*模块标题+按钮，左右结构*/ .leakey_title_btn_lr{position:relative;} .leakey_title_btn_lr .leakey_title{line-height: 38px} .leakey_title_btn_lr .leakey_more{position: absolute;right: 0;top:0} @media screen and (max-width: 1440px){ .leakey_container{padding-right:20px;padding-left:20px} } @media screen and (max-width: 720px){ .leakey_title,.leakey_title_btn_lr .leakey_title{font-size: 34px;line-height: 34px} } @media screen and (max-width: 512px){ .leakey_title,.leakey_title_btn_lr .leakey_title{font-size: 30px!important;line-height: 30px!important} .leakey_title_sub{font-size: 16px;line-height: 22px} .leakey_title_btn_lr .leakey_more{position:relative;right:auto;left:0;float: none!important} .leakey_more.leakey_more_l{padding:5px 25px!important} } /*header*/ header{background: rgba(255,255,255,0.05);} 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: 50px;top: 50%;margin-top: -30px;position: absolute;line-height: 0;width:150px;z-index: 10} header .logo img{max-height: 60px;float: left;margin-right: 10px;} header .logo .t{font-size: 24px;line-height: 24px;color:#fff;margin-top: 9px;opacity: 0.95;margin-bottom: 3px;display:block} header .logo p{color:#fff;line-height: 22px;font-size: 12px;opacity: 0.6;letter-spacing: 1.2px;} header.en .logo p{letter-spacing: 1.65px} header.fixedon .logo .t,header.fixedon .logo p,header.show_search .logo .t,header.show_search .logo p{color:#333} header nav li a:link,header nav li a:visited{color: #fff;padding: 0 25px;} 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;} .leakey_header_container{padding: 0 50px;max-width: 100%;z-index: 10;} .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: #333;transition: color 0.3s ease} header.fixedon .leakey_header_container nav>ul>li:hover>a,header .leakey_header_container nav>ul>li:hover>a{color:#18498a} header.fixedon .leakey_header_container nav>ul>li:hover>a:after,header .leakey_header_container nav>ul>li:hover>a:after{color:#333} header .leakey_header_container nav>ul>li.active>a{color:#18498a} .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;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.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{position: relative;display: block;padding:6px 15px;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:8px;top:7px;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:hover{background:rgba(50, 67, 134, 0.1);color: #333} .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;box-shadow: none;border:0;line-height: 22px;padding:50px 50px 0} .leakey_header_container nav>ul>li div.rich_sub_nav>ul{border-bottom-left-radius: 8px;overflow:hidden;margin-left: -10px;margin-right: -10px;padding-top:40px;padding-bottom: 40px} .leakey_header_container nav>ul>li div.rich_sub_nav>ul>li{width:14.2857%;float: left;} .leakey_header_container nav>ul>li div.rich_sub_nav>ul>li{padding:10px 10px 0px} .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.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;} header nav li .leakey_title_box a:link,header nav li .leakey_title_box a:visited{color: #333;} header nav li .leakey_title_box a:hover{color: #fff} /*子公司列表*/ .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:#18498a;*/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:before{transition: all 0.3s ease;display: inline-block;} .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;} .company_list.active p span:before{transform: rotate(180deg);} /*子栏目顶部border+fadeInUp*/ .leakey_header_container nav>ul>li div.sub_nav{border-top:2px solid #18498a;} .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);} } .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: #1686ea} 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: 90px;color:#fff;font-size:20px;padding:0 10px;cursor: pointer;position: relative;} 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:#1686ea} .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:#1686ea;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;} .leakey_header_container nav>ul>li{float: none;display: inline-block;} /*下拉子栏目居中*/ .leakey_header_container nav>ul>li div.sub_nav{left: 50%;} .leakey_header_container nav>ul>li div.sub_nav div.lite_sub_nav{left:150%;} @keyframes show_sub_nav{ 0%{opacity: 0;transform: translate(-50%,10px);} 100%{opacity: 1;transform: translate(-50%,0);} } /*有子菜单*/ 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} .leakey_header_container nav{position:relative;} header nav li a:link, header nav li a:visited{padding:0 20px} } @media screen and (max-width: 1520px){ header nav li a:link, header nav li a:visited{padding:0 15px} } /*header-导航居中-end*/ @media screen and (max-width: 1440px){ /*header*/ .leakey_header_container nav>ul>li>a{font-size: 16px;} 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 .logo img{max-height: 50px} header .logo{margin-top:-25px} } @media screen and (max-width: 1300px){ /*header*/ header nav li a:link, header nav li a:visited{padding: 0 12px} .company_list{width:130px} .icon_btn{padding-left: 5px;} } @media screen and (max-width: 1200px){ /*header*/ header nav li a:link, header nav li a:visited{padding: 0 15px} .icon_btn{margin-right: 50px;} .top_search .close_popup{top:75px;right:20px} .pc_menu, .language{display: none;} .mobile_menu{display: block;} .company_list{width:160px} } @media screen and (max-width: 1024px){ #menu{display: none;} } @media screen and (max-width: 460px){ .company_list{position: absolute;float: none;left:0;top:90px;margin-top: 0;width: 100%;} .company_list p{border-radius: 0} .company_list:hover{width: 100%} } /*banner*/ .leakey_banner{height: 800px;height:100vh;background: #333} .leakey_banner .swiper-pagination{max-width: 100%;padding-left:50px;padding-right: 50px;} .leakey_banner .swiper-slide:after{opacity: 0.15;} .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;line-height: 50px;margin-bottom:30px;max-width: 55%;} .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;letter-spacing: 1px;max-width: 50%;} .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: 30%;background-color: rgba(255,255,255,0.3);height:60px;width:60px;margin-top:-30px;border:1px solid rgba(255,255,255,0.35)} .leakey_banner .swiper-button{transition: all 0.15s ease-in} .leakey_banner .swiper-slide:after{opacity: 0.15;} .leakey_banner .mobile{display: none;} .leakey_banner .leakey_more{margin-top: 20px} /*切换右下角*/ /*.leakey_banner .swiper-button-prev,.leakey_banner .swiper-button-next{background-color:#257bcc;height:60px;width:60px;background-size: 20px;top:auto;bottom:50px} .leakey_banner .swiper-button-prev{left:auto;right:110px;border-right: 1px solid #1d6ab3;} .leakey_banner .swiper-button-prev:hover,.leakey_banner .swiper-button-next:hover{background-color:#1d6ab3 ;background-size: 18px;border:0}*/ /*文字水平居中*/ .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: 1200px){ .leakey_banner .swiper-pagination{padding-left: 20px;padding-right: 20px} .leakey_banner .banner_txt h3{font-size: 34px;line-height: 38px} .leakey_banner .banner_txt p{line-height: 24px;} .leakey_banner .banner_txt h3, .leakey_banner .banner_txt p{max-width: 100%} } @media screen and (max-width: 720px){ .leakey_banner .mobile{display: block;} .leakey_banner .banner_txt{top: 200px;transform: translateY(0);}/*文字居上，去掉默认垂直居中*/ .leakey_banner .banner_txt div{padding-left:0px;padding-right: 0px} .leakey_banner .banner_txt p{letter-spacing: 0;font-size: 16px} } /*leakey_index_pro*/ .leakey_index_pro .leakey_container{padding-top: 60px;padding-bottom: 60px} .leakey_index_pro div.index_pro_txt{padding:20px 0 0px} .leakey_index_pro .leakey_title_btn{margin-bottom: 20px;position: relative;} .leakey_index_pro .leakey_title_btn .leakey_more{position: absolute;right: 0px;top:0px} .leakey_index_pro ul li h6{margin-top:10px;opacity: 0.7} .leakey_index_pro ul li p{position: absolute;top:-100%;right:50px;left:50px;display: block;font-size:16px; line-height: 22px;color: #fff;z-index: 1;transition: top 0.3s ease-in-out;} .leakey_index_pro ul li p i{display: none;font-size: 14px;opacity: 0.75;font-style: normal;margin-bottom: 10px} .leakey_index_pro ul li p i:before{content: "/";margin-right: 10px} .leakey_index_pro ul li p i:after{content: "/";margin-left: 10px} .leakey_index_pro ul li .leakey_more{margin-top:10px} .leakey_index_pro ul li .leakey_img_box{position: relative;} .leakey_index_pro ul li .leakey_img_box:after{content:"";position:absolute;top:100%;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;background:#18498a;opacity: 0.95} .leakey_index_pro ul li.box_hover_up:hover img{transform: scale(1.2);} .leakey_index_pro ul li.box_hover_up:hover .leakey_img_box:after{top:0} .leakey_index_pro ul li.box_hover_up:hover p{top:60px} .leakey_index_pro ul li.box_hover_up:hover .pro_inner_pic{bottom:50px} .leakey_index_pro li a:hover{color: #333} .pro_inner_pic {position: absolute;bottom: -100px;left:50px;right:50px;z-index: 2;transition: all 0.3s ease-in-out;transition-delay: 0.2s} .pro_inner_pic li{padding-right: 1px!important;padding-left:0!important;margin-bottom: 0!important} .pro_inner_pic img{width: 100%} .leakey_index_pro ul li.box_hover_up:hover .pro_inner_pic img{transform: none} .leakey_index_pro .index_pro_txt .leakey_more:hover{border:1px solid #257bcc} @media screen and (max-width: 1680px){ .pro_inner_pic,.leakey_index_pro ul li p{left:20px;right:20px} .leakey_index_pro ul li.box_hover_up:hover p{top:30px} .leakey_index_pro ul li.box_hover_up:hover .pro_inner_pic{bottom: 30px} } @media screen and (max-width: 1280px){ .leakey_index_pro ul li p{font-size: 14px;} .leakey_index_pro ul li.box_hover_up:hover p{top:20px} .leakey_index_pro ul li.box_hover_up:hover .pro_inner_pic{bottom: 20px} .leakey_index_pro div.index_pro_txt .leakey_font_16{font-size: 14px!important} .leakey_index_pro div.index_pro_txt .leakey_font_22{font-size: 18px!important;} } @media screen and (max-width: 1200px){ .leakey_index_pro ul li.box_hover_up:hover p{top:30px} .leakey_index_pro ul li.box_hover_up:hover .pro_inner_pic{bottom: 30px} } @media screen and (max-width: 720px){ .pro_inner_pic,.leakey_index_pro ul li p,.leakey_index_pro ul li p{display: none} .leakey_index_pro div.index_pro_txt .leakey_font_22{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px!important;} .leakey_index_pro ul li .leakey_more{display: none} /* .leakey_index_pro ul li{width: 100%!important}*/ .leakey_index_pro .leakey_title_btn .leakey_more{position: relative;float: none!important;} } @media screen and (max-width: 1024px){ .leakey_pro_ch .leakey_cols_space .leakey_col{width:33.33%} .leakey_pro_ch .leakey_cols_space .leakey_col .leakey_img_box p,.leakey_pro_ch .leakey_cols_space .leakey_col .leakey_img_box ul{display: none} } @media screen and (max-width: 512px){ .leakey_pro_ch .leakey_cols_space .leakey_col{width:50%} } /*leakey_float_bar*/ #qr_box #qr_wrap a:hover{background:#c73f0e;} #on_line_contact_box .on_line_contact_t{height:40px;background:#c73f0e;color:#fff;line-height: 40px;font-weight:bold;padding:0px 15px;} #on_line_contact_box{position:fixed;right:0;background:#fff;top:0;transform: translateX(100%);-webkit-transform: translateX(100%);z-index:1000;width:230px;color:#333;text-align: center;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;box-shadow: 0 5px 10px rgba(0,0,0,0.15);} #on_line_contact_box.on_line_contact_box_show{transform: translateX(0);-webkit-transform: translateX(0);} #on_line_contact_box i.iconfont{height:40px;width:40px;display: block;float:left;text-align: center;line-height:40px;font-size:38px;margin-right:5px;} #on_line_contact_box .on_line_contact_t span{font-size:14px;line-height:40px;color:#fff;float:right;} #on_line_contact_box .on_line_contact_t:hover{cursor: pointer;background:#333;} .contact_tel_no{padding:15px;text-align: left} .contact_tel_no span{font-size:17px;font-weight: 200} #qr_box{position:fixed;z-index:1000;height:100%;width:100%;top:0;left:0;display:none;text-align: center;} #qr_box .fullScreenBg{height:100%;width:100%;background:#000;opacity:0.7;position:absolute;top:0;left:0;} #qr_box #qr_wrap{position:fixed;} #qr_box #qr_wrap p{width:100%;height:30px;line-height:14px;text-align: center;color:#333;background:#fff;font-size:14px;display: block;} #qr_box #qr_wrap a{display:block;height:40px;width:100%;background:#333;color:#fff;font-size:14px;line-height:40px;text-align: center;cursor:pointer;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} #qr_box #qr_img{line-height:0;} #leakey_float_bar{position: fixed;right: 0px;bottom: 63px;z-index: 99;margin:0;padding:0;display: none;} #leakey_float_bar.lfb_middle{bottom: 50%;transform: translateY(50%);} #leakey_float_bar li{display:block;height:50px;width:50px;border: 1px solid #e6e6e6;background:#fff;margin-top:-1px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;cursor:pointer;color:#333;} #leakey_float_bar li:hover{background:#c73f0e;border-color:#c73f0e;color:#fff;} #leakey_float_bar li.lfb_scale:hover i{font-size:30px;} #leakey_float_bar li.lfb_rotate:hover i:before{transform: rotate(360deg);} #leakey_float_bar li i:before{transition: all 0.2s ease-out;display:block;} #leakey_float_bar li a{display: block;height:100%;width:100%;text-align: center;line-height:50px;color:inherit;} #leakey_float_bar li i{font-size:20px;font-style: normal;color:inherit;transition: font-size 0.2s ease-out;} #leakey_float_bar li.on_line_contact_hide{transform: translateX(100%);-webkit-transform: translateX(100%);} #leakey_float_bar.basic_style .lfb_qq,#leakey_float_bar.basic_style .lfb_qr,#leakey_float_bar.basic_style .lfb_tel,#leakey_float_bar.basic_style .lfb_link{display:none;} #leakey_float_bar.basic_style .goToTop{background:#c73f0e;border-color:#c73f0e;color:#fff;} #leakey_float_bar.basic_style{bottom:20px;right:20px} @media screen and (max-width: 720px){ #leakey_float_bar{bottom:0px;} #leakey_float_bar.mp_style {width:100%;padding:0;bottom:0px;margin:0;left:0;right:0;} #leakey_float_bar.mp_style li{float:left} #leakey_float_bar .lfb_qq,#leakey_float_bar .lfb_qr,#leakey_float_bar.mp_style #on_line_contact_box{display:none;} #leakey_float_bar.basic_style .lfb_tel,#leakey_float_bar.basic_style .lfb_link{display: block} #leakey_float_bar.lfb_middle{transform:translateY(0);} } /*index_about*/ .index_about{padding:100px 50px 100px;overflow: hidden;} .index_about:after{content:"";position:absolute;top:0;left:0;right:0;z-index:0;transition: all 0.3s ease-in-out;background:#18498a;height:65%;} .index_about .leakey_container{padding:0;position: relative;z-index: 1;} .index_about img{width: 100%;height:100%;object-fit: cover;transition: all 0.3s ease-in;} .index_about .index_about_txt{padding:80px 50px;background: #fff;} .index_about .index_about_des{font-size: 16px;line-height: 26px;margin-top:30px} .index_about .index_about_des p{margin-bottom: 20px} .index_about .index_about_des p:last-child{margin-bottom: 0} /*leakey_count_up*/ .leakey_count_up{margin: 50px 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: 50px;font-weight: bold;line-height: 55px;} .leakey_count_up li small{font-size: 14px;} .index_about .leakey_count_up li p{color: 777;} .index_about .leakey_count_up li strong{color: #333;font-weight:normal;} @media screen and (max-width: 720px){ .leakey_count_up li .leakey_count_up_num{font-size: 30px} } /*swiper*/ .index_about .leakey_swiper_wraper{height: 100%} .index_about .leakey_swiper_wraper .swiper-wrapper li{line-height: 0;position: relative;} .index_about .leakey_swiper_wraper .swiper-wrapper li .zigongsi{position: absolute;z-index: 1;bottom:0;left:0;padding:50px;background: rgba(255,255,255, 0.55);} .index_about .leakey_swiper_wraper .swiper-wrapper li .zigongsi_name{margin-bottom: 10px} .index_about .leakey_swiper_wraper .swiper-wrapper li .zigongsi p{line-height: 18px} .index_about .leakey_swiper_wraper .swiper-wrapper li .zonggongsi p{line-height: 18px;margin-bottom: 6px} .index_about .swiper-button{background-color: #18498a;height:70px;width:90px;left:auto;bottom:0px;top:auto;margin: 0} .index_about .swiper-button:hover{background-color: #2162b9} .index_about .swiper-button-prev{right:90px;border-right: 1px solid #0a3b7b ;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")} .index_about .swiper-button-next{right:0px;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")} @media screen and (max-width: 1440px){ .index_about{padding-left:20px;padding-right: 20px} .index_about .leakey_swiper_wraper .swiper-wrapper li .zigongsi{padding:20px} .index_about .leakey_swiper_wraper .swiper-wrapper li .zigongsi_name{font-size: 18px!important} } @media screen and (max-width: 1024px){ .index_about .index_about_lr .leakey_col_avg_2{width: 100%;} .index_about .index_about_txt{padding:50px 20px} .index_about{padding-bottom: 0} } @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);} .leakey_count_up li.leakey_col_8{width: 50%;background: rgba(255,255,255,0.6);border-color: #f2f2f2;padding-top: 10px;padding-bottom: 10px;} .leakey_count_up li.leakey_col_8:nth-of-type(3){width: 100%;border-top: 1px solid #f2f2f2} .index_about .swiper-button-prev,.index_about .swiper-button-next{height:40px;width:50px} .index_about .swiper-button-prev{right:50px} .index_about .swiper-button-next,.index_about .swiper-button-prev{background-size: 14px 44px;top:0;bottom: auto;} .index_about .leakey_swiper_wraper .swiper-wrapper li .zigongsi{right:0} } @media screen and (max-width: 512px){ .leakey_count_up li{font-size: 12px;} } /*advantage*/ .advantage{overflow: hidden;} .advantage .leakey_container{padding:0} .advantage li{min-height: 600px;background-color: #f2f2f2;position: relative;overflow: hidden;background-repeat: no-repeat;background-size: cover;} .advantage li .leakey_title_box{position: absolute;left:50px;top:50%;right:50px;transform: translateY(-50%);color:#fff;z-index: 1;transition: all 0.3s ease-in} .advantage li .leakey_title_box .leakey_title{transition: all 0.4s ease-in-out;transition-delay: 0.1s;line-height: 35px!important} .advantage li:after{content:"";position:absolute;top:0;left:-100%;height:100%;width:100%;z-index:0;transition: all 0.3s ease-in-out;background:#18498a;opacity:0.85;} .advantage li:hover:after{left:0} .advantage li:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;opacity: 0.4;background: #000;z-index: 0} .advantage li:hover:before{opacity: 0.2} .advantage li:hover .leakey_title_box{transform: translateY(-60%);} .advantage li:hover .leakey_title_box .leakey_title{letter-spacing: 3px} .advantage li .leakey_title_box p{font-size: 14px;opacity: 0.9} @media screen and (max-width: 720px){ .advantage li{width:100%;min-height: 400px} .en_body .advantage li{min-height: 480px} .advantage li .leakey_title_box{left:20px;right:20px;} } /*leakey_index_news*/ .index_news{overflow: hidden;} .index_news li:hover .img img{transform: scale(1.2);} .index_news li .img{overflow: hidden;line-height: 0;display: block;position: relative;z-index: 0;} .index_news li a img{width: 100%;height: 100%;object-fit: cover;transition: all 1s ease-in-out;} .index_news_ch a:after{content: "/";padding: 0 10px;} .index_news_ch a:last-child:after{display: none} .index_news .news_img_top{border: 1px solid #f2f2f2;} .index_news .news_img_top:before{content: "";top: 0;left: 0;right: 0;bottom: 0;background: #000;opacity: 0.15;z-index: 2;position: absolute;display: block;} .index_news .news_img_top li a{display: block;position: relative;} .index_news .news_img_top li>a,.index_news .news_img_top li>a>span{height: 100%} .index_news .news_img_top li a p span{padding-right: 10px;display: block;} .index_news .news_img_top li a h4{margin-bottom: 10px;} .index_news .news_img_top li a:hover p{text-overflow: unset;white-space: normal;} .index_news .news_img_top li a:hover{color: #333;} .index_news .news_img_top li a div{position: absolute;left: 40px;bottom: 30px;right: 40px;padding: 30px 50px;background: rgba(255,255,255,0.85);transition: all 0.3s ease-in-out;border-radius: 3px;} .index_news .news_img_top li a:hover div{transform: translateY(-10px);} .index_news .news_img_top .swiper-wrapper{z-index: 5;} .index_news li a h4{font-size: 16px;font-weight: bold;transition: all 0.3s ease-in-out;} .news_img_top.swiper-container-horizontal>.swiper-pagination-bullets{right: 0;top: 50%;transform: translateY(-50%);bottom:auto;width:18px;left: auto} .index_news .news_img_list{padding-left: 20px;} .index_news .news_img_list li{margin-bottom: 0px;} .index_news .news_img_list li h4{margin-bottom: 10px;padding-right: 90px;position: relative;} .index_news .news_img_list li h4 span{position: absolute;right: 0;top: 0px;font-weight: normal;} .index_news .news_img_list li a{padding: 20px;display: block;border-bottom: 1px solid #f2f2f2;height: 100%} .index_news .news_img_list li a:hover{color: #333} .index_news .news_img_list li:nth-of-type(1) a,.index_news .news_img_list li:nth-of-type(2) a{border-top: 1px solid #f2f2f2;} @media screen and (max-width: 1440px){ .index_news .news_img_list li:nth-of-type(5),.index_news .news_img_list li:nth-of-type(6){display: none;} } @media screen and (max-width: 1200px){ .index_news .news_img_list li:nth-of-type(7),.index_news .news_img_list li:nth-of-type(8){display: none;} .index_news .news_img_top,.index_news .news_img_list{width: 50%} .index_news .news_img_list li{width: 100%;height: auto!important} .index_news .news_img_list li:nth-of-type(2) a{border-top: 0;} } @media screen and (max-width: 720px){ .index_news .news_img_top,.index_news .news_img_list{width:100%} .index_news .news_img_list,.index_news .news_img_list li{padding-left: 0;} .index_news .leakey_cols_space .leakey_col{padding-right: 0;} .index_news .leakey_cols_space{margin-left: 0;margin-right: 0;} .index_news .news_img_list li:nth-of-type(1) a{border-top: 0;} .index_news .news_img_list li:nth-of-type(5),.index_news .news_img_list li:nth-of-type(6), .index_news .news_img_list li:nth-of-type(7),.index_news .news_img_list li:nth-of-type(8){display: block;} } @media screen and (max-width: 512px){ .index_news .news_img_top li a div{padding: 20px 30px;left: 30px;right: 30px} .index_news .news_img_list li a{padding-left: 0;padding-right: 0;} .index_news .leakey_more.leakey_more_l{float: none!important;margin-bottom: 20px;} } /*index_r_d*/ .index_r_d{overflow: hidden;} .index_r_d .leakey_title_box{margin-bottom: 30px} .index_r_d .index_r ul li{padding:30px 20px;background:#fff;transition: all 0.3s ease-in;overflow: hidden;min-height: 286px;position: relative;} .index_r_d .index_r ul li:nth-of-type(1),.index_r_d .index_r ul li:nth-of-type(3){background: #18498a;color:#fff;} .index_r_d .index_r ul li div{position: absolute;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;padding:20px;left:0;bottom:50px;text-align: justify;} .en_body .index_r_d .index_r ul li div{text-align: left;line-height: 14px;} .en_body .index_r_d .index_r ul li:hover div{font-size: 10px;opacity: 0.75} .index_r_d .index_r ul li:hover{background: #c73f0e;color:#fff;} .index_r_d .index_r ul li h5{margin-bottom: 20px;text-align: center;margin-top:60px;transition: transform 0.3s ease-in-out} .index_r_d .index_r ul li h5 span{display: block;} .index_r_d .index_r ul li h5 i{font-size: 50px;font-style: normal;display:inline-block;margin-bottom: 30px} .index_r_d .index_r ul li:hover div{text-overflow: unset;white-space: normal;bottom: auto;top:20px} .index_r_d .index_r ul li:hover h5{opacity: 0.05;transform: scale(4);font-weight: bold;} .index_r_d .index_r ul li p{display: none;font-size: 16px;margin-bottom: 10px;font-weight: bold;} .index_r_d .index_r ul li p:before{content: "/";margin-right: 10px} .index_r_d .index_r ul li p:after{content: "/";margin-left: 10px} .index_r_d .index_r ul li:hover p{display: block;} .index_r_d .index_r>div,.index_r_d .index_d>div{padding:100px 50px 80px;background: #f2f2f2;overflow: hidden;} .index_r_d .index_d .leakey_swiper_wraper img{width: 100%;transition: all 0.3s ease-in} .index_r_d .index_d .leakey_swiper_wraper li{position: relative;line-height: 0;background:#fff;padding:10px 0} .index_r_d .index_d .leakey_swiper_wraper li h3{position: absolute;line-height:22px;top:50%;left:0;transform: translateY(-50%);width: 100%;opacity: 0;color: #fff;z-index: 1;transition: opacity 0.3s ease-in} .index_r_d .index_d .leakey_swiper_wraper li:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;background: #18498a;opacity: 0;transition: opacity 0.3s ease-in} .index_r_d .index_d .leakey_swiper_wraper li:hover h3{opacity: 1} .index_r_d .index_d .leakey_swiper_wraper li:hover:after{opacity: 0.85} @media screen and (max-width: 1440px){ .index_r_d .index_r>div, .index_r_d .index_d>div{padding:50px 20px 40px} } @media screen and (max-width: 1024px){ .index_r_d .index_r,.index_r_d .index_d{width: 100%} .index_r_d .index_r ul li div{display: none} .index_r_d .index_r ul li{min-height: auto} } @media screen and (max-width: 720px){ .index_r_d .index_r ul li h5 span{font-size: 14px} } /*logo_wall*/ .logo_wall{background-color: #ccc;overflow: hidden;background-image:url(../images/fdj.jpg);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;} .logo_wall:after{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.5} .logo_wall .leakey_container{padding-top:150px;padding-bottom: 150px;position: relative;z-index: 1} .logo_wall .leakey_title_box{} .logo_wall .leakey_more{margin-top:50px} .logo_wall img{background:rgba(255,255,255,0.8);width:200px;transition: background 0.3s ease-in-out;filter: grayscale(50%);} .logo_wall .logo_list{padding-left:200px} .logo_wall img:hover{background: #fff;filter: grayscale(0);} .logo_wall_des{font-size: 16px;line-height: 22px;opacity: 0.9} .logo_wall .leakey_swiper_wraper{padding-top:12px;transform: translateY(-12px);} .logo_wall .leakey_swiper_wraper li:hover img{transform:scale(1);} /*leakey_footer*/ .leakey_footer{background: #003369;} .leakey_footer li a{cursor:pointer;} .leakey_footer li a:link,.leakey_footer li a:visited{color: #fff;} .qrcode{width: 100px;} .qrcode img{border: 0} .leakey_f_t_l p{clear: both;margin-bottom: 8px;} .leakey_footer address.iconfont:before{padding-right: 14px;} .leakey_f_t_l p a{margin-right: 10px;} .footer_icon_list{margin-top: 40px} .footer_icon_list li{float: left;height: 40px;width: 40px;background: #36c3ee;color: #fff;border-radius: 50%;overflow: hidden;margin-right: 15px;} .footer_icon_list li:nth-of-type(2){background: #067ad1;} .footer_icon_list li:nth-of-type(3){background: #1278f3} .footer_icon_list li a{cursor:pointer;} .footer_icon_list li a:link,.footer_icon_list li a:visited{color: #fff;} .footer_icon_list li .iconfont{font-size: 24px;display: block;line-height: 40px;text-align: center;width: 100%;height: 100%;} .footer_icon_list li .iconfont:before{-webkit-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;transition: all 0.2s ease-in;} .footer_icon_list li .iconfont:hover:before{text-shadow: 0 0 10px rgba(0, 0, 0,0.3);font-size: 32px;} .leakey_footer .footer_icon_list .iconfont:before{padding-right: 0;} .leakey_footer .leakey_title{margin-bottom: 30px;} .leakey_footer .leakey_title:after{background: #fff;} .footer_nav{position: relative;width: 100%;text-align: left;margin-top:20px} .footer_nav li{float: left;padding:0 20px;position: relative;} .footer_nav>li:last-child{padding-right: 0;} .footer_nav>li:first-child{padding-left:0;} .footer_nav>li>a{font-size: 16px;font-weight: bold;margin-bottom: 20px;display: block;} .footer_nav li li{float: none;display: block;padding-left: 0;padding-right: 0;margin-bottom: 10px;} .leakey_f_t_r .qrcode{float: right;margin-left:20px} .leakey_f_bottom{position: relative;} .leakey_f_top{color:#fff} .leakey_f_top .leakey_f_container{position: relative;padding-top: 80px;padding-bottom: 80px;} .leakey_f_top .leakey_f_container .leakey_fr .leakey_fl{max-width: 380px;} .leakey_f_top a{color: #fff;font-size: 16px;} .leakey_f_top a:link:hover{color:#4cacf5} .leakey_f_bottom .leakey_f_container{position:relative;z-index: 2;opacity: 0.75;padding:10px 50px} .leakey_f_bottom:after{content:"";background: #000;position: absolute;top:0;left:0;right:0;bottom:0;z-index: 1;opacity: 0.3;} .footer_logo{position: absolute;left:0;top:50%;width: 100%;text-align: center;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 0} .leakey_f_t_l,.leakey_f_t_r{position: relative;z-index: 1;} .leakey_f_top .footer_nav li a:hover{color:#4cacf5} .leakey_footer .bottom_search .iconfont:before{padding-right: 0;} .leakey_footer .bottom_search .iconfont{cursor: pointer;} .bottom_search{width:330px;margin:0;position: relative;border-radius:0;overflow: hidden;} .bottom_search input{width:100%;background: #f2f2f2;height:40px;line-height: 40px;padding:0 55px 0 20px;border:0;font-size: 16px;background: rgba(255,255,255,0.3);} .bottom_search a{position: absolute;right:0;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: block;height:30px;width:50px;line-height: 30px;text-align: center;color:#333;font-size: 16px;} .leakey_footer .bottom_search .iconfont{font-size: 20px;} .bottom_search a:hover{color:#4cacf5} .leakey_footer .iconfont{font-size: 16px;} .leakey_f_container, .leakey_f_bottom .leakey_f_container{max-width: 100%;padding-left: 50px;padding-right: 50px;} .leakey_f_top .footer_service_tel{font-size: 36px;line-height: 36px;margin-top: 10px;display: inline-block;margin-bottom: 20px;font-weight: bold;} .leakey_footer .iconfont{margin-bottom: 10px;} .leakey_footer .iconfont:before{transition: all 0.3s ease-in-out;display: inline-block;} .leakey_footer .iconfont:hover:before{transform: translateX(5px);} .footer_service_title{opacity: 0.75;} .footer_qrcode_box{margin-top: 35px;margin-left: 10px;} .footer_qrcode_box .qrcode{float: left;margin-left: 30px;} .leakey_f_top a,.leakey_f_top,.leakey_footer li a:link, .leakey_footer li a:visited,.leakey_f_bottom,.leakey_f_bottom a:link, .leakey_f_bottom a:visited{color: #fff;opacity: 0.85} .leakey_f_top a:link:hover,.leakey_f_top .footer_nav li a:link:hover,.leakey_f_bottom a:link:hover,.leakey_f_bottom a:visited:hover{color:#4cacf5;opacity: 1} .leakey_f_bottom:after{background: none;left: 50px;right: 50px;border-top: 1px solid rgba(255,255,255,0.05);opacity: 1;} .leakey_f_top_search_box{border-bottom: 1px solid rgba(255,255,255,0.05);padding-bottom: 20px;margin-bottom: 30px;} .leakey_f_top_search_box>a{line-height:40px;} @media screen and (max-width: 1440px){ /*leakey_footer*/ .leakey_f_container, .leakey_f_bottom .leakey_f_container{padding-left: 20px;padding-right: 20px;} } @media screen and (max-width: 1280px){ .footer_nav li{padding: 0 10px} .footer_qrcode_box .qrcode{margin-left: 20px;} } @media screen and (max-width: 1200px){ .footer_logo{display: none;} .footer_qrcode_box{display: none;} } @media screen and (max-width: 900px){ .leakey_f_top>.leakey_f_container>.leakey_fl{display: none;} .leakey_f_top>.leakey_f_container>.leakey_fl,.leakey_f_top>.leakey_f_container>.leakey_fr{width: 100%;float: none;} .leakey_f_top>.leakey_f_container>.leakey_fr .leakey_fl{max-width: none;} } @media screen and (max-width: 720px){ .leakey_f_t_r{display: none;} } @media screen and (max-width: 512px){ .leakey_f_top_search_box>a{display: none;} .bottom_search{width: 100%;} .leakey_f_bottom{padding-bottom: 50px} .leakey_f_b_r a{display: block;padding-left: 0;text-align: center; margin-bottom: 10px} .leakey_f_b_l{text-align: center;margin-bottom: 10px;margin-top: 10px} } /*subbanner*/ .leakey_subbanner:after{opacity: 0.25} .leakey_subbanner{z-index: 5;background-color: #000;} .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: 100%;padding: 150px 50px 80px;margin: auto;position: relative;z-index: 3;min-height: 500px;} .leakey_subbanner{background-repeat: no-repeat;background-position: center;background-size: cover;background-color: #f2f2f2;} .leakey_subbanner .cur_location{margin-top: 50px} .leakey_subbanner .cur_location li{float: left;} .leakey_subbanner .cur_location li a{color: #fff;} .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_sub{font-size: 18px;max-width: 60%;} .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;} .leakey_subbanner.map>.leakey_container:after{content: "";background: #000;opacity: 0.5;top: 0;left: 0;bottom: 0;right: 0;z-index:2;position: absolute;} /*联系信息*/ .leakey_subbanner .leakey_contacts{position: relative;z-index: 3;background:none} .leakey_subbanner .leakey_contacts .leakey_container{padding-left:0;padding-right: 0;color:#000;min-height: auto;padding-bottom: 0;padding-top: 80px} .leakey_subbanner .leakey_contacts h6{font-size: 32px;margin-bottom: 10px;border-bottom: 1px solid #eee;padding-bottom:10px;line-height: 32px} .leakey_subbanner .leakey_contacts .leakey_col div{padding: 40px 50px;height: 100%;background: #fff} .leakey_subbanner .leakey_contacts .leakey_col div a:hover{text-decoration: underline;} .leakey_subbanner .leakey_contacts .leakey_col div p.com_tips{font-size:18px;margin-bottom: 20px;color: #fff;background:#11488f;display:inline-block;padding:15px 60px;transform: translateX(-60px);} /*视频*/ .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: #000;opacity: 0.35;top: 0;left: 0;bottom: 0;right: 0;z-index:2;position: absolute;} /*视频质感遮罩，需引用图片*/ .leakey_subbanner.video>.leakey_container:after{opacity: 0.9;background-color:rgba(0,0,0,0.5);background-image: url(../images/video_mask.png);background-repeat: repeat;} @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} } /*leakey_develop*/ .leakey_develop .leakey_container{position: relative;background-position: center;} .company_history:after{content: "";background: #000;opacity: 0.3;position: absolute;top: 0;left: 0;z-index: 0;bottom: 0;right: 0} .company_history{padding: 150px 50px;position: relative;z-index: 1;background-size: cover;} .company_history .histroy_line{height: 1px;position: absolute;top: 213px;left:0px;right: 0px;background: #fff;} .company_history .swiper-slide{float: left;} .company_history .swiper-slide .h_txt_box{position: absolute;top: 0;width: 170%;padding-left: 30px;padding-top: 50px;text-align: left;} .company_history .swiper-slide .h_txt_box:before{content: "";width: 1px;height: 50px;position: absolute;left: 0;top: 0;background: #fff} .company_history .swiper-slide .h_txt_box:after{content: "";width: 5px;height: 5px;position: absolute;left: -4px;top: 50px;background: #257bcc;background:none; border-radius: 50%;border: 2px solid #fff;box-shadow: 0 0 2 2px #13843a;} .company_history .swiper-slide:nth-of-type(2n){margin-top: 0;} .company_history .swiper-slide:nth-of-type(2n) .h_txt_box{top: auto;bottom: 0;padding-top: 0;padding-bottom: 50px;} .company_history .swiper-slide:nth-of-type(2n) .h_txt_box:before{top: auto;bottom: 0;height: 100%} .company_history .swiper-slide:nth-of-type(2n) .h_txt_box:after{top: -7px;} .company_history .swiper-slide strong{color: #fff;font-size: 22px;font-weight: normal;} .company_history .swiper-slide div{color: #fff} .company_history .swiper-slide p{opacity: 0.7;} .company_history .swiper-slide .h_txt_box span{padding-bottom: 5px;display: block;font-weight: 600} .company_history .swiper-slide .h_txt_box span em{font-style: normal;} .company_history .swiper-slide .h_txt_box .h_txt_1{line-height: 23px!important;margin-bottom: 10px} .company_history .swiper-slide .h_txt_box .h_txt_2{line-height: 18px!important;} .company_history .swiper-button-prev{left: 0;background: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")} .company_history .swiper-button-next{right: 0;background: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")} /*culture*/ .culture{background: #f2f2f2} .culture .leakey_title_sub{width:100%;max-width:800px;margin:auto} .culture .culture_txt{margin:50px auto auto;} .culture .culture_txt li div{background: #333;color:#fff;padding:50px 20px;position: relative;overflow: hidden;} .culture .culture_txt li div>*{position: relative;z-index: 1} .culture .culture_txt li h3{margin-bottom: 10px} .culture .culture_txt li i{font-size: 80px;line-height: 80px;margin-bottom: 20px;display: inline-block;} .culture .culture_txt li div:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;background: #11488f;opacity: 0.75;transform: translateY(100%);/*mix-blend-mode:color*/} .culture .culture_txt li div: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.4;} .culture .culture_txt li:hover div:after{transform: translateY(0);} .culture .leakey_title_box p{font-size: 18px;opacity: 0.9;line-height: 24px} @media screen and (max-width: 512px){ .culture .culture_txt li{width: 100%} } /*overview*/ .overview{background: #333;color: #fff;background-image: url(../images/fdj.jpg);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;} .overview:after{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.65} .overview ul{border-left: 1px solid rgba(255,255,255,0.15);position: relative;z-index: 2} .overview li{padding:50px 20px;border-right: 1px solid rgba(255,255,255,0.15);position: relative;overflow: hidden;} .overview li>*{position: relative;z-index: 1} .overview .leakey_cols_space .leakey_col{margin:0} .overview li:after{content:"";position:absolute;top:0;left:0;bottom:0;right:50%;z-index:0;transition: all 0.3s ease-in-out;background: #11488f;opacity: 0.75;transform: translateX(-110%);} .overview li:hover:after{transform: translateX(0);} .overview li:before{content:"";position:absolute;top:0;left:50%;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;background: #11488f;opacity: 0.75;transform: translateX(110%);} .overview li:hover:before{transform: translateX(0);} .overview li h4{margin-bottom: 20px;transition: all 0.6s ease;} .overview li:hover h4{transform: scale(1.2);} /*profile*/ .profile .leakey_title_box{margin-bottom: 50px} .profile .txt_box{font-size: 16px;line-height: 24px;} .profile .txt_box p{margin-bottom: 5px} .profile .leakey_count_up li>p{margin-top:10px;color: #555} .profile .leakey_count_up li>p strong{font-weight: normal;font-size: 19px;display: block;color: #333;margin-bottom: 5px} /*about_map*/ .about_map{overflow: hidden;/*padding:100px 50px;*/background: #e6e6e6} /*.about_map:after{content:"";position:absolute;top:0;left:0;width:100%;height:65%;right:0;z-index:0;transition: all 0.3s ease-in-out;background:#11488f;}*/ .about_map .leakey_container{position: relative;min-height: 650px;z-index:1} .about_map .leakey_cols_space li.leakey_col{margin-bottom: 0} .about_map #leakey_map{position: absolute;z-index: 0;top:0;left:0;right:0;bottom: 0} .about_map .txt_box{position: relative;z-index: 1;padding:30px;background: rgba(255,255,255,0.8);width:80%;margin:auto;top:50px} .about_map .txt_box .title{margin-bottom: 20px} #leakey_map .addStr{font-size:14px;padding:2px;line-height:18px;text-align: center;} #leakey_map .addStr h5{font-weight: bold;font-size: 16px} #leakey_map .addStr img{width: 200px!important} #leakey_map .addStr>div{margin-bottom: 20px} #leakey_map .addStr>div:last-child{margin-bottom: 0} #leakey_map .amap-marker-label{border:0;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding:8px 8px;border-radius: 3px} #leakey_map .amap-marker-label:before{content:"◀";position:absolute;top:50%;margin-top:-7px;left:-14px;z-index:0;color:#fff;font-size: 22px;} .about_map .leakey_title{margin-bottom: 35px} @media screen and (max-width:1440px){ .about_map{padding-left:20px;padding-right: 20px} } /*地图灰色*/ #leakey_map.gray .amap-layer,#leakey_map.gray .amap-labels{-webkit-filter: grayscale(1);filter: grayscale(1);} #leakey_map.gray object{background:#000;opacity:0.1;z-index:1!important;} /*products_sub*/ .products_sub{overflow: hidden;margin-top:40px} .products_sub .leakey_swiper_wraper{height:100%;min-height: 430px;border:1px solid #f2f2f2} .products_sub .leakey_swiper_wraper .swiper-slide{background-size: cover;transition: all 0.3s ease-in;background-position: center;} .products_sub .leakey_swiper_wraper .swiper-slide a{position: absolute;top:0;left:0;right:0;bottom: 0;cursor: pointer;} .products_sub .product_des{font-size: 15px;line-height: 22px;opacity:0.9;padding-left: 10px} .products_sub .product_des .leakey_count_up li{width: 25%;float: left;} .products_sub .product_des_tip{opacity: 0.9;margin-bottom: 10px;display: block;} .products_sub .product_des_tip:before{content: "/";margin-right: 10px} .products_sub .product_des_tip:after{content: "/";margin-left: 10px} .products_sub .leakey_title_box .leakey_title span{font-size: 18px} .products_sub .products_sub_download{margin-top:30px;} .products_sub .products_sub_download .leakey_more{background: #11488f} .leakey_more.leakey_more_icon.leakey_more_icon_download:after{background: #c73f0e} @media screen and (max-width:1024px){ .products_sub .leakey_swiper_wraper{height:450px;min-height: none} .products_sub_img,.products_sub_txt{width: 100%} .products_sub_txt{margin-top:20px} } @media screen and (max-width:720px){ .products_sub .leakey_swiper_wraper{height:320px} .products_sub .leakey_count_up li{width:50%} .products_sub .leakey_count_up li:nth-of-type(2n){border-right: 1px solid #ddd} } @media screen and (max-width:512px){ .products_sub .leakey_swiper_wraper{height:280px} } @media screen and (max-width:414px){ .products_sub .leakey_swiper_wraper{height:220px} } /*leakey_img_list_fancybox*/ .leakey_img_list .img_list a{display: block;border: 1px solid #eee;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 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;padding-left: 20px;padding-right: 20px} } .leakey_img_list_fancybox.multi .img_list li{float: left;} .leakey_img_list_fancybox.multi .img_list li a{display: none;} .leakey_img_list_fancybox.multi .img_list li a:first-child{display: block;} .leakey_img_list_fancybox.multi .img_list li img{width: 100%;filter: grayscale(0.3);transition: all 0.3s ease-in-out;border-bottom: 1px solid #eee} .leakey_img_list_fancybox.multi .img_list li:hover img{filter: grayscale(0);transform:scale(1.2)} .leakey_img_list_fancybox.multi .img_list li span{position: relative;} .leakey_img_list_fancybox.multi .img_list li .title{font-weight: bold;font-size: 16px;padding:8px 20px} /*fancybox文字显示*/ .fancybox_img_data{position: fixed;right:0;bottom:95px;background: rgba(255,255,255,0.85);padding:20px 40px;z-index: 2;color:#333;text-align: left;max-width: 320px;width:100%} .fancybox_img_data_title{font-size: 16px;margin-bottom: 10px;display: block;} .fancybox_img_data_des{margin-bottom: 10px} @media screen and (max-width:720px){ .fancybox_img_data{max-width: 100%;background: rgba(0,0,0,0.9);box-shadow:0 5px 20px rgba(0,0,0,0.45);bottom:0;color:#fff } } .about_honor.leakey_img_list{background: #f2f2f2} .about_honor.leakey_img_list .img_list a{padding:50px 40px 10px} @media screen and (max-width:1440px){ .about_honor.leakey_img_list .img_list a{padding:30px 20px 5px} } @media screen and (max-width:1200px){ .about_honor.leakey_img_list .img_list li.leakey_col_avg_5{width:20%} } @media screen and (max-width:1024px){ .about_honor.leakey_img_list .img_list li{width:33.3333%!important} .about_honor.leakey_img_list .img_list li:nth-of-type(4),.about_honor.leakey_img_list .img_list li:nth-of-type(5){display: none;} .about_honor.leakey_img_list .img_list a{padding:0} } @media screen and (max-width:512px){ .about_honor.leakey_img_list .img_list li{width:50%!important} .about_honor.leakey_img_list .img_list li:nth-of-type(4){display: block;} .about_honor.leakey_img_list .img_list a{padding:0} } /*leakey_swiper_top_articles*/ .leakey_swiper_top_articles .leakey_swiper_wraper{background: #fff} .leakey_swiper_top_articles .leakey_swiper_wraper li .title{padding:8px 20px} .leakey_swiper_top_articles .leakey_swiper_wraper li:hover img{transform:scale(1.1)} .leakey_swiper_top_articles .swiper-slide{position: relative;} .leakey_swiper_top_articles .leakey_img_box{float: left;width: 60%;height:500px;display: block;} .leakey_swiper_top_articles .leakey_img_box img{height:100%;width:100%;object-fit: cover;} .leakey_swiper_top_articles .txt_box{padding:50px 30px;background: #fff;right:0;top:0;bottom:0;width:40%;height: 100%;position: absolute;} .leakey_swiper_top_articles .txt_box h3{margin-bottom: 20px} .leakey_swiper_top_articles .txt_box .channel_name{display: block;margin-bottom: 10px;opacity: 0.65} .leakey_swiper_top_articles .news_date{margin-bottom: 20px} .leakey_swiper_top_articles .leakey_more{position: absolute;bottom:50px;left:30px} .leakey_swiper_top_articles a:hover,.leakey_swiper_top_articles a:visited{color:#333} @media screen and (max-width: 1440px){ .leakey_swiper_top_articles .leakey_img_box,.leakey_swiper_top_articles .txt_box{width: 50%} .leakey_swiper_top_articles .leakey_more{position: relative;bottom: auto;left: auto;margin-top:20px} .leakey_swiper_top_articles .leakey_img_box{height:300px} } @media screen and (max-width: 1200px){ .leakey_swiper_top_articles .leakey_img_box{float: none;width: 100%} .leakey_swiper_top_articles .leakey_img_box{height:400px} .leakey_swiper_top_articles .txt_box{position: relative;height:auto;top:auto;width:100%} } /*news list*/ .news_list{background: #f2f2f2;overflow: hidden;} .news_list .news_txt_box{padding:20px 25px;background: #fff;width:85%;margin:auto;position: relative;margin-top:-50px;transition: all 0.3s ease-in-out} .news_list .news_txt_b .leakey_more{padding:0;display: inline-block;} .news_list li .leakey_more:hover{box-shadow: none;background: none;color: #333} .news_list a:hover{color: #333} .news_list p{margin-top:8px;opacity: 0.7} .news_list .channel_name{display: block;margin-bottom: 5px;opacity: 0.65} .news_txt_b{margin-top:16px} .news_list li:hover img{transform: scale(1.2);} .news_list li:hover .news_txt_box{width: 100%} .news_list_root{background: #fff} .news_list_root .leakey_container>div{background: #f2f2f2;margin-bottom: 20px;padding:50px} .news_list .leakey_img_box{height: 290px;} .news_list .leakey_img_box img{object-fit: cover;} @media screen and (max-width: 1440px){ .news_list li{width:33.3333%} } @media screen and (max-width: 1024px){ .news_list li{width:50%} .news_list .news_txt_box{width: 100%} } @media screen and (max-width:720px){ .news_list li{width:100%} .news_list_root .leakey_container>div{padding:0;background: none} .news_list .news_txt_box{background: #f2f2f2} .news_list .news_txt_box .leakey_more{background: #fff} .news_list_root .leakey_container>div .leakey_title_box{display: block;float: none!important} .news_list_root .leakey_container>div .leakey_title_btn .leakey_more{display: inline-block;float: none!important} } /*leakey_article_detail*/ .leakey_article_detail .leakey_container{padding:0} .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_detail .atricle_tips font:before{padding-right: 5px} .leakey_article_n_p{border-top: 1px solid #f2f2f2;margin-top: 30px;padding-top:30px;position: relative;} .leakey_article_n_p a span{font-weight: bold;} .leakey_article_n_p a:first-child{float: left;} .leakey_article_n_p a:last-child{float: right;} .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} /*表格*/ .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%} @media screen and (max-width: 1200px){ .leakey_article_n_p a:last-child,.leakey_article_n_p a:first-child{float: none;display: block;margin-bottom: 10px;} } @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} .leakey_article_detail .article_title{text-align: left;} } .leakey_left_img_list .img_list li:last-child{margin-bottom: 0} .leakey_left_img_list .img_list li a{border:1px solid #f2f2f2;display: block;} .leakey_left_img_list .img_list li a .img_title{padding:10px 20px} .leakey_frame_lr.l_big_r_small .leakey_right .leakey_container{padding:0 30px 20px;margin-bottom: 10px} .leakey_bottom_img_list .img_list li{float: left;width:16.66667%} .leakey_bottom_img_list .img_list li a .img_title{padding:10px 20px;background: #f2f2f2} @media screen and (max-width: 1280px){ .leakey_bottom_img_list .img_list li{width:33.33%} } @media screen and (max-width: 1024px){ .leakey_frame_lr.l_big_r_small .leakey_left{float: none} .leakey_frame_lr.l_big_r_small .leakey_right{display: block;float: none;width: 100%;margin-top: 50px} .leakey_frame_lr.l_big_r_small .leakey_right .leakey_container{padding-left:0;padding-right: 0} } @media screen and (max-width: 720px){ .leakey_bottom_img_list .img_list li{width:50%} } .leakey_search_ani{position: relative;background: rgba(0,0,0,0.05);margin-top:35px;} .leakey_search_ani .leakey_search_ani_val{position: relative;z-index: 1;width: 100%;height:40px;line-height: 40px;padding:5px 10px;border:0;background: none} .leakey_search_ani .leakey_search_ani_btn{position: absolute;right:0;top:0;height: 40px;width:40px;line-height: 40px;text-align: center;z-index: 2;display: block;cursor: pointer;} .leakey_search_ani .leakey_search_ani_tip{position: absolute;top:0;left:10px;z-index: 0;height:40px;line-height: 40px;transition: all 0.3s ease-in-out;opacity: 0.75} .leakey_search_ani.focus .leakey_search_ani_tip{transform: translateY(-35px);font-size: 14px} .leakey_search_ani.focus .leakey_search_ani_tip:before{content:"/";display: inline;padding-right: 5px} .leakey_search_ani.focus .leakey_search_ani_tip:after{content:"/";display: inline;padding-left: 5px} .leakey_search_ani .leakey_search_ani_btn:hover{background: #2771b5;color:#fff} /*本文标签*/ .tag_box{margin-top:50px;} .tag_box span{font-weight: bold;} .tag_box a{border: 1px solid #f2f2f2;padding:10px 25px;display: inline-block;margin-right: 10px} .tag_box a:hover{background: #2771b5;color:#fff} /*热门标签*/ /*.hot_tag a{border:1px solid #f2f2f2;padding:10px 25px;display: inline-block;margin-right: 10px;margin-bottom: 10px}*/ .hot_tag a{padding:2px 5px;margin-bottom: 5px;margin-right: 5px;display: inline-block;} /*breadcrumb面包屑导航*/ .breadcrumb{margin-top:90px;} .breadcrumb .leakey_container{padding-top:20px;padding-bottom: 20px;background: rgba(0,0,0,0.1)} .breadcrumb li{float: left;} .breadcrumb li a{color: #333;} .breadcrumb li a:hover{text-decoration: underline;} .breadcrumb li.contentT{opacity: 0.75;} .breadcrumb li.split{padding: 0 10px;} @media screen and (max-width: 720px){ .breadcrumb *{display: none} } /*实力见证*/ .tx_section{overflow:hidden;padding-top:0px;background: none} .tx_section strong{font-size:32px;line-height: 38px;font-weight: normal;margin-bottom: 10px;display: block;} .tx_section p{font-size: 18px;line-height: 24px;} .tx_section_imgs{padding:0 80px 80px} .tx_section_imgs>div{width: 50%;float: left;padding:0;padding-left: 20px;padding-right: 20px} .tx_section_title{padding:50px 20px;position: relative;overflow: hidden;color:#fff} .tx_section .tx_section_list{overflow: hidden;position: relative;} .tx_section .tx_section_list>div{position: relative;z-index: 1} .tx_section .tx_section_list::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;background: #175c9b;opacity: 0.87} .tx_section .tx_section_list:last-child::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;background: #2771b5;opacity: 0.87} .tx_section .tx_section_list:hover:after{opacity: 0.97} @media screen and (max-width: 1200px){ .tx_section_imgs{padding:0 20px 80px} } @media screen and (max-width:512px){ .tx_section .tx_section_list{width: 100%;} } /*leakey_swiper_wraper*/ .leakey_swiper_wraper li .title{padding:8px 20px;text-align: center;} .leakey_swiper_wraper li:hover img{transform:scale(1.2)} /*荣誉资质*/ .ryzz_section{background: #fff} .ryzz_section .leakey_title_box{margin-bottom: 50px} .ryzz_section .leakey_container::after{content:"";position:absolute;top:0;left:0;bottom:35%;right:0;z-index:-1;transition: all 0.3s ease-in-out;background: #2771b5} .ryzz_section .leakey_container::after{background: #175c9b;background: -moz-linear-gradient(top,#175c9b 0%,#4388c7 100%);background: -o-linear-gradient(top,#175c9b 0%,#4388c7 100%);background: -webkit-gradient(linear,left top, left bottom,from(#175c9b),to(#4388c7));background: -moz-linear-gradient(top,#175c9b,#4388c7);background: -o-linear-gradient(top,#175c9b,#4388c7);background: linear-gradient(top,#175c9b,#4388c7);} .ryzz_section .leakey_swiper_wraper{padding-bottom: 30px} .ryzz_section .leakey_swiper_wraper .swiper-slide{padding:20px 20px 0;background: #fff} .ryzz_section .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0px} .ryzz_section .swiper-pagination-white .swiper-pagination-bullet{background: #f2f2f2;opacity: 1} .ryzz_section .swiper-pagination-white .swiper-pagination-bullet-active{background: #2771b5} /*leakey_partner*/ /*.leakey_partner{background-color: #f2f2f2;background-attachment: fixed;position: relative;background-size: cover;} .leakey_partner:after{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.65} .leakey_partner .leakey_container{position: relative;z-index: 1} .leakey_partner .leakey_title_box{max-width: 1440px;margin:0 auto 50px} .leakey_partner li.leakey_col span font{display: block;text-align: center;padding-bottom: 10px;} .leakey_partner li.leakey_col span{border: 1px solid #f2f2f2;display: block;padding: 10px 10px 0;text-align: center;background: rgba(255,255,255,0.8);transition: all 0.4s ease-in;} .leakey_partner li.leakey_col img{max-width: 100%;filter: grayscale(100%);transition: all 0.4s ease-in;} .leakey_partner li.leakey_col:hover img{filter: grayscale(0);} .leakey_partner li.leakey_col:hover span{background: rgba(255,255,255,1)} @media screen and (max-width: 1440px){ .leakey_partner .leakey_col{width: 20%} } @media screen and (max-width: 1200px){ .leakey_partner .leakey_col{width: 25%} } @media screen and (max-width: 960px){ .leakey_partner .leakey_col{width: 33.3333333%} } @media screen and (max-width: 720px){ .leakey_partner .leakey_col{width: 50%} }*/ /*leakey_feedback*/ .leakey_feedback{width:100%;max-width: 800px;float: right;margin-right: 200px;margin-top:-70px;margin-bottom: 100px;background: rgba(255,255,255,0.92)} .leakey_feedback .leakey_container{padding:60px 50px} .leakey_feedback .form-label em{color:#c73f0e;padding-right: 5px} .leakey_feedback .form-group{width: 32%;float: left;margin-right: 2%;margin-bottom: 20px;} .leakey_feedback .form-group:nth-of-type(3n){margin-right: 0;} .leakey_feedback .form-group input{border: 1px solid #ddd;width: 100%;padding: 2px 4px;height: 40px;line-height: 40px;} .leakey_feedback .form-group textarea{border: 1px solid #ddd;width: 100%;padding: 2px 4px;height: 100px;resize: vertical;} .leakey_feedback .form-group.form-textarea{width: 100%;} .leakey_feedback .form-group.form-button{text-align: center;width: 100%;margin-bottom: 0} .leakey_feedback .form-group.form-button input{border: 0;background: #257bcc;color: #fff;padding: 0 80px;cursor: pointer;width: auto} .leakey_feedback .form-group.form-button input:hover{background: #c73f0e;} .leakey_feedback .tips{margin-bottom: 30px;} .leakey_feedback .form-button input[disabled="disabled"]{background: #ddd;cursor: not-allowed} .leakey_feedback .form-button input[disabled="disabled"]:hover{box-shadow: none;transform: translate(0);background: #ddd} @media screen and (max-width: 720px){ .leakey_feedback .form-group{width: 49%} .leakey_feedback .form-group:nth-of-type(3n){margin-right: 2%;} .leakey_feedback .form-group:nth-of-type(2n){margin-right: 0;} } @media screen and (max-width: 512px){ .leakey_feedback .form-group{width: 100%} } /*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} /*联系我们*/ .zigongsi_info ul strong{margin-bottom: 20px;display: block;margin-top:30px} .zigongsi_info .leakey_title_box{margin-bottom: 50px} .zigongsi_info li .leakey_img_box{position: relative;} .zigongsi_info li:hover .leakey_img_box img{transform:scale(1.2);} .zigongsi_info .leakey_img_box span{position: absolute;z-index: 2;top: -100px;left:50%;white-space: nowrap; transform: translate(-50%,-50%);padding:10px 40px;border:1px solid rgba(255,255,255,0.3);color:#fff;font-size: 20px;display: inline-block;;line-height: 30px;background: rgba(255,255,255,0.2);transition: all 0.3s ease-in-out;border-right:0;border-left: 0} .zigongsi_info li:hover .leakey_img_box span{top:50%} .sczznl_section{background:#fff} .sczznl_section .list_box img{object-fit: cover;height: 100%;width:100%} .sczznl_section .list_box>div{overflow: hidden;height:350px;} .sczznl_section .list_box>div>.leakey_img_box{height: 100%} .sczznl_section .list_box .txt_box{color:#fff;padding:50px;position: relative;} .sczznl_section .list_box .txt_box::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;transition: all 0.3s ease-in-out;background:#257bcc;opacity: 0.8} .sczznl_section .list_box .txt_box strong{margin-bottom: 15px;display: block;} .sczznl_section .list_box .txt_box p{font-size: 20px;margin-bottom: 20px} .sczznl_section .list_box .txt_box p:before{padding-right: 10px} .sczznl_section .list_box .txt_box li{list-style-type: square;margin-left: 16px} .sczznl_section .list_box .txt_box .leakey_img_box{position: absolute;top:0;left:0;z-index: 0} .sczznl_section .list_box .txt_box>div{position: relative;z-index: 2} .sczznl_section .list_box>div:hover img{transform: scale(1.2);} .sczznl_section .leakey_title_box{margin-bottom: 50px} .sczznl_section .list_box .robot{position: relative;} .sczznl_section .list_box .robot .txt_box {position: absolute;z-index: 2;bottom:0;left:0;} .sczznl_section .list_box .robot .txt_box strong{font-size: 30px;line-height:30px;font-weight: normal;margin-bottom: 20px} .sczznl_section .list_box .robot .txt_box::after{display: none} @media screen and (max-width: 720px){ .sczznl_section .leakey_container{overflow: hidden;} .sczznl_section .list_box{width: 50%;float: left;} .sczznl_section .list_box>div{width: 100%;height:200px;} .sczznl_section .list_box:nth-of-type(2)>div{padding-right: 0} .sczznl_section .list_box:nth-of-type(3){float: right;} .sczznl_section .list_box:nth-of-type(3)>div{padding-left: 0} } .yftd_section .leakey_title_box{margin-bottom: 50px} .yftd_section ul{text-shadow: 1px 1px 2px rgba(0,0,0,0.65)} .yftd_section ul li>div{height:400px;background:#f2f2f2;position: relative;overflow: hidden;color: #fff;background: #000;padding: 80px;} .yftd_section ul li>div img{opacity: 0.7;height:100%;width:100%;object-fit: cover;} .yftd_section ul li:hover{text-shadow:none;} .yftd_section ul li:hover>div img{opacity: 0.75;transform: scale(1.1);} .yftd_section ul li>div:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;transition: all 0.3s ease-in-out;background: #18498a;opacity: 0.85;transform: scale(0);} .yftd_section ul li>div:hover:after{transform: scale(1);} .yftd_section ul li>div>div:first-child{position:relative;text-align: left;z-index: 3} .yftd_section ul li>div>div:last-child{position: absolute;top:0;left:0;bottom: 0;right: 0} .yftd_section ul li>div strong{margin-bottom: 50px;display: block;text-align: center;} .yftd_section ul li i{display: inline-block;margin-right: 10px;font-size: 30px;transition: all 0.3s ease-in} .yftd_section table{width:100%;border-top:1px solid #fff;background: #f7f7f7;} .yftd_section table tr:last-child td{padding-bottom: 30px} .yftd_section table td{padding:10px;text-align: center;border-bottom: 1px solid #fff} .yftd_section table th{padding:30px 10px;text-align: center;border-bottom: 1px solid #fff} .yftd_section ul li:hover i.iconfont{transform: rotate(360deg);margin-right: 20px} .en_r_d_body .yftd_section ul li>div{padding:60px 40px} @media screen and (max-width: 1860px){ .en_r_d_body .yftd_section ul li>div{padding:50px 30px} .en_r_d_body .yftd_section ul li>div strong{margin-bottom: 20px} } @media screen and (max-width: 1440px){ .en_r_d_body .yftd_section ul li>div{padding:30px 20px} .cn_r_d_body .yftd_section ul li>div{padding:30px 20px} } @media screen and (max-width: 720px){ .yftd_section ul li{width:100%} .en_r_d_body .yftd_section ul li>div{padding:50px 20px} .cn_r_d_body .yftd_section ul li>div{padding:50px 20px} .en_r_d_body .yftd_section ul li>div p{line-height: 18px} } .zl_section{overflow: hidden;} .zl_section .leakey_title_box{margin-bottom: 50px} .zl_section .leakey_count_up{margin-top:60px} .zl_section .leakey_title_box ul.zl_txt_list{margin-bottom: 40px;margin-top:50px} .zl_section .leakey_title_box ul.zl_txt_list li{margin-bottom: 10px} .zl_section .leakey_title_box ul.zl_txt_list li.iconfont:before{display: inline-block;padding-right: 10px} .zl_section .leakey_swiper_wraper{padding-bottom: 30px} .yfnl_section{background: url(../images/r_d_bg.jpg) no-repeat;background-size: cover;background-attachment: fixed;overflow: hidden;} .yfnl_section .leakey_container{padding-bottom: 70px} .yfnl_section .leakey_title_box{margin-bottom: 10px} .yfnl_section .leakey_swiper_wraper{padding-bottom: 50px} .yfnl_section .leakey_swiper_wraper li{padding:20px 15px 0;background: #fff} .yfnl_section .leakey_swiper_wraper li .title{background: #fff;text-align: center;} .yfnl_section img{filter: grayscale(50%);} .yfnl_section .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0px} .syjcnl_section img{width:100%;height:100%;object-fit: cover;} .syjcnl_section .sy_txt{color:#fff;padding:50px;line-height: 26px;position: relative;padding:50px!important} .syjcnl_section .sy_txt::after{content:"";position:absolute;top:0;left:10px;bottom:20px;right:10px;z-index:-1;transition: all 0.3s ease-in-out;background: #18498a; } .syjcnl_section .sy_txt::after{background: #175c9b;background: -moz-linear-gradient(top,#175c9b 0%,#4388c7 100%);background: -o-linear-gradient(top,#175c9b 0%,#4388c7 100%);background: -webkit-gradient(linear,left top, left bottom,from(#175c9b),to(#4388c7));background: -moz-linear-gradient(top,#175c9b,#4388c7);background: -o-linear-gradient(top,#175c9b,#4388c7);background: linear-gradient(top,#175c9b,#4388c7);} .syjcnl_section .sy_txt p:nth-of-type(1){position: absolute;bottom:60px;left:50px} .syjcnl_section .sy_txt p:nth-of-type(2){position: absolute;bottom: 60px;right:50px} .syjcnl_section .sy_txt p i{display: block;line-height: 10px;font-size: 22px} .syjcnl_section .sy_txt p:nth-of-type(2) i{text-align: right;} .syjcnl_section .sy_txt div{font-size: 17px} .syjcnl_section .leakey_swiper_wraper.sy_pic_txt .leakey_img_box{width:50%;float: left;} .syjcnl_section .leakey_swiper_wraper.sy_pic_txt a>div{width:50%;float: right;padding:50px 20px;color:#fff;} .syjcnl_section .leakey_swiper_wraper.sy_pic_txt li{background: #18498a;} .syjcnl_section .leakey_swiper_wraper.sy_pic_txt li{background: #175c9b;background: -moz-linear-gradient(top,#4388c7 0%,#175c9b 100%);background: -o-linear-gradient(top,#4388c7 0%,#175c9b 100%);background: -webkit-gradient(linear,left top, left bottom,from(#4388c7),to(#175c9b));background: -moz-linear-gradient(top,#4388c7,#175c9b);background: -o-linear-gradient(top,#4388c7,#175c9b);background: linear-gradient(top,#4388c7,#175c9b);} .syjcnl_section .leakey_swiper_wraper.sy_pic_txt a>div h3{font-size: 24px;line-height: 30px;margin-bottom: 20px} .syjcnl_section .leakey_swiper_wraper.sy_pic_txt a>div div{padding:0 20px} .syjcnl_section .leakey_swiper_wraper.sy_pic_sw a{position: relative;} .syjcnl_section .leakey_swiper_wraper.sy_pic_sw a>div{position: absolute;bottom: 0;left:0;width: 100%;background: rgba(0,0,0,0.5);color:#fff} .syjcnl_section .leakey_title_box{margin-bottom: 50px} .syjcnl_section .leakey_title_sub{line-height: 32px} .syjcnl_section .r_first_row{overflow: hidden;margin-left: -10px;margin-right: -10px;height:50%} .syjcnl_section .r_first_row>div{width: 33.3333%;padding:0px 10px 20px;float: left;height:100%} .syjcnl_section .r_second_row{height:50%;overflow: hidden;margin-left: -10px;margin-right: -10px;} .syjcnl_section .r_second_row>div{float: left;padding:0 10px;height: 100%} .syjcnl_section .r_second_row>div>div,.syjcnl_section .r_second_row>div>div>ul,.syjcnl_section .r_second_row>div>div>ul>li, .syjcnl_section .r_second_row>div>div>ul>li>a,.syjcnl_section .r_second_row>div>div>ul>li>a>span{height:100%} .syjcnl_section_sw1{width:33.3333%} .syjcnl_section_sw2{width:66.6666%} .syjcnl_section .swiper-container-horizontal>.swiper-pagination-bullets{width:10px;left:auto;right: 20px;top:50%;bottom: auto;text-align: center;transform: translateY(-50%);line-height: 18px} .syjcnl_section .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0} .syjcnl_section .syjcnl_box{position: relative;min-height:600px;overflow: hidden;} .syjcnl_section .syjcnl_box strong{font-weight: normal;} .syjcnl_section .syjcnl_box .syjcnl_box_left{position: absolute;top:0;left:0;height:100%;} .syjcnl_section .syjcnl_box .syjcnl_box_left>div{height:50%;position: relative;padding-top: 10px;padding-bottom: 10px;margin-bottom: 0!important} .syjcnl_section .syjcnl_box .syjcnl_box_left>div>img{height: 100%;width:100%;object-fit: cover;background: #ccc;display: block;} .syjcnl_section .syjcnl_box .syjcnl_box_left>div>strong{position: absolute;bottom: 20px;left:30px;right:30px;display: block;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .syjcnl_section .syjcnl_box .syjcnl_box_center{position: absolute;left:37.5%;top:0;height: 100%;padding:10px;} .syjcnl_section .syjcnl_box .syjcnl_box_right{position: absolute;right:0;top:0;height:100%;} .syjcnl_section .syjcnl_box .syjcnl_box_right>div.syjcnl_box_right_l, .syjcnl_section .syjcnl_box .syjcnl_box_right>div.syjcnl_box_right_r{height: 100%} .syjcnl_section .syjcnl_box .syjcnl_box_right>div.syjcnl_box_right_l>div strong{position: absolute;bottom:20px;left:0;display: block;text-align: center;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .syjcnl_section .syjcnl_box .syjcnl_box_right>div.syjcnl_box_right_l>div{height:50%;;position: relative;padding-top: 10px;padding-bottom: 10px;margin-bottom: 0!important;} .syjcnl_section .syjcnl_box .syjcnl_box_right>div.syjcnl_box_right_l>div>img{height: 100%;width:100%;object-fit: cover;background: #ccc;display: block;} .syjcnl_section .syjcnl_box .syjcnl_box_right>div.syjcnl_box_right_r>img{height: 100%;width:100%;object-fit: cover;background: #ccc;display: block;} .syjcnl_section .syjcnl_box .syjcnl_box_right>div.syjcnl_box_right_r{position: relative;padding:10px;} .syjcnl_section .syjcnl_box .syjcnl_box_right>div.syjcnl_box_right_r>img{height: 100%;width:100%;object-fit: cover;background: #ccc;display: block;} .syjcnl_section .syjcnl_box .syjcnl_box_right>div.syjcnl_box_right_r>strong{position: absolute;bottom: 20px;left:0;display: block;text-align: center;width: 100%;} @media screen and (max-width:1440px){ .syjcnl_section .syjcnl_box .syjcnl_box_center{display:none} .syjcnl_section .syjcnl_box .syjcnl_box_left,.syjcnl_section .syjcnl_box .syjcnl_box_right{width:50%} } @media screen and (max-width:1024px){ .syjcnl_section .syjcnl_box .syjcnl_box_left,.syjcnl_section .syjcnl_box .syjcnl_box_right{width:100%;position: relative;} } @media screen and (max-width: 720px){ .syjcnl_section .syjcnl_box .syjcnl_box_right{height:400px} .syjcnl_section .syjcnl_box>div{position: relative;} .syjcnl_section .syjcnl_box .syjcnl_box_left>div>strong,.syjcnl_section .syjcnl_box .syjcnl_box_right>div.syjcnl_box_right_l>div strong{bottom: 15px;left:20px;right: 20px;width:auto;} .syjcnl_section .syjcnl_box .syjcnl_box_center{display: block;position: relative;left: 0;height: auto;width: 100%;margin-bottom: 0;padding-bottom: 0} .syjcnl_section .syjcnl_box .syjcnl_box_left, .syjcnl_section .syjcnl_box .syjcnl_box_right{margin-bottom: 0} } .news_col_3_pic {overflow: hidden;} .news_col_3_pic img{width: 32%;margin-right: 2%;margin-bottom: 20px;float: left;} .news_col_3_pic img:nth-of-type(3n){margin-right: 0} @media screen and (max-width:720px){ .news_col_3_pic img{width: 100%;margin-right:0} } .news_col_2_pic {overflow: hidden;} .news_col_2_pic img{width: 49%;margin-right: 2%;margin-bottom: 20px;float: left;} .news_col_2_pic img:nth-of-type(2n){margin-right: 0} @media screen and (max-width:720px){ .news_col_2_pic img{width: 100%;margin-right:0} } .world_map_box{color:#fff;} .world_map_box{min-height: 700px;overflow: hidden;} .world_map_box>*{position: relative;z-index: 1;} .world_map_box #world_map{height:100%;width:100%;position: absolute;left:0;z-index: 0;top:0px} .world_map_box #world_map canvas:nth-of-type(1){opacity:1} /*leakey_partner*/ .leakey_partner{background: #f2f2f2;overflow: hidden;} .leakey_partner li.leakey_col span font{display: block;text-align: center;padding-bottom: 10px;} .leakey_partner li.leakey_col span{border: 1px solid #f2f2f2;display: block;padding: 10px 10px 0;text-align: center;background: #fff} .leakey_partner li.leakey_col img{max-width: 100%;} .leakey_partner .leakey_p_box .leakey_fl{width: 61%} .leakey_partner .leakey_p_box .leakey_fr{width: 36.6%} .leakey_partner .leakey_title_box{margin-bottom: 30px} /*.leakey_partner:after{content: "";background: #18498a;top:50px;bottom:70px;left:50%;right: 0;position: absolute;z-index: 0} .leakey_partner:before{content: "";background: #f2f2f2;top:50px;bottom:70px;left:0;right: 50%;position: absolute;z-index: 0}*/ .leakey_partner .leakey_container{position: relative;z-index: 1;} @media screen and (max-width: 1200px){ .leakey_partner .leakey_fl .leakey_col{width: 25%} .leakey_partner .leakey_fr .leakey_col{width: 50%} .leakey_partner .leakey_p_box .leakey_fl{width: 66%} .leakey_partner .leakey_p_box .leakey_fr{width: 33%} .leakey_partner .leakey_fl .leakey_col:nth-of-type(29),.leakey_partner .leakey_fl .leakey_col:nth-of-type(30){display: none;} .leakey_partner .leakey_fr .leakey_col:nth-of-type(15),.leakey_partner .leakey_fr .leakey_col:nth-of-type(16), .leakey_partner .leakey_fr .leakey_col:nth-of-type(17),.leakey_partner .leakey_fr .leakey_col:nth-of-type(18){display: none;} } @media screen and (max-width: 720px){ .leakey_partner .leakey_fl .leakey_col{width: 50%} .leakey_partner .leakey_fr .leakey_col{width: 50%} .leakey_partner .leakey_p_box .leakey_fl{width: 49.5%} .leakey_partner .leakey_p_box .leakey_fr{width: 49.5%} .leakey_partner .leakey_fl .leakey_col:nth-of-type(15),.leakey_partner .leakey_fl .leakey_col:nth-of-type(16), .leakey_partner .leakey_fl .leakey_col:nth-of-type(17),.leakey_partner .leakey_fl .leakey_col:nth-of-type(18), .leakey_partner .leakey_fl .leakey_col:nth-of-type(19),.leakey_partner .leakey_fl .leakey_col:nth-of-type(20), .leakey_partner .leakey_fl .leakey_col:nth-of-type(21),.leakey_partner .leakey_fl .leakey_col:nth-of-type(22), .leakey_partner .leakey_fl .leakey_col:nth-of-type(23),.leakey_partner .leakey_fl .leakey_col:nth-of-type(24), .leakey_partner .leakey_fl .leakey_col:nth-of-type(25),.leakey_partner .leakey_fl .leakey_col:nth-of-type(26), .leakey_partner .leakey_fl .leakey_col:nth-of-type(27),.leakey_partner .leakey_fl .leakey_col:nth-of-type(28){display: none;} } @media screen and (max-width: 512px){ .leakey_partner .leakey_fr .leakey_col{width: 100%} .leakey_partner .leakey_p_box .leakey_fl{width:64.5%} .leakey_partner .leakey_p_box .leakey_fr{width:32.251%} .leakey_partner .leakey_fl .leakey_col:nth-of-type(15),.leakey_partner .leakey_fl .leakey_col:nth-of-type(16), .leakey_partner .leakey_fl .leakey_col:nth-of-type(17),.leakey_partner .leakey_fl .leakey_col:nth-of-type(18), .leakey_partner .leakey_fl .leakey_col:nth-of-type(19),.leakey_partner .leakey_fl .leakey_col:nth-of-type(20), .leakey_partner .leakey_fl .leakey_col:nth-of-type(21),.leakey_partner .leakey_fl .leakey_col:nth-of-type(22), .leakey_partner .leakey_fl .leakey_col:nth-of-type(23),.leakey_partner .leakey_fl .leakey_col:nth-of-type(24), .leakey_partner .leakey_fl .leakey_col:nth-of-type(25),.leakey_partner .leakey_fl .leakey_col:nth-of-type(26), .leakey_partner .leakey_fl .leakey_col:nth-of-type(27),.leakey_partner .leakey_fl .leakey_col:nth-of-type(28){display: block;} } /*leakey_artile_list_2*/ .leakey_artile_list_2{overflow: hidden;} .leakey_artile_list_2 .article_list>div{background: #f2f2f2;padding:50px} .leakey_artile_list_2 .article_list a{border:1px solid #eee;display: block;position: relative;overflow: hidden;} .leakey_artile_list_2 .article_list a img{min-height:180px;height:100%;width:100%;object-fit: cover;position: relative;} .leakey_artile_list_2 .article_list a .leakey_img_box{position: relative;z-index: 2;width:50%;height:100%} .leakey_artile_list_2 .article_list a .leakey_img_box:before{content:"";position: absolute;top:0;left: 0;right: 0;bottom: 0;box-shadow: inset 0px -30px 20px -10px rgba(0, 0, 0, 0.5);display: block;z-index: 2} .leakey_artile_list_2 .article_list a .title{font-size: 18px;padding:30px 20px 0 0;transition: transform 0.3s ease-in-out;transition-delay: 0.1s;position: relative;z-index: 1} .leakey_artile_list_2 .article_list a .des{padding:10px 20px 0;opacity: 0.7;transition: transform 0.3s ease-in-out;transition-delay: 0.2s;position: relative;z-index: 1} .leakey_artile_list_2 .article_list a .type:after{content:"";display:block;top:0;left:0;right:0;bottom:0;background:#257bcc;position: absolute;z-index:1;transform: translateY(-100px);opacity: 0;transition: all 0.3s ease-in-out;} .leakey_artile_list_2 .article_list a:hover img{transform: scale(1.1);} .leakey_artile_list_2 .article_list a:hover .title,.leakey_artile_list_2 .article_list a:hover .des{color: #333} .leakey_artile_list_2 .article_list a:hover .title{transform: translateY(-5px);} .leakey_artile_list_2 .article_list a:hover .des{transform: translateY(-8px);} .leakey_artile_list_2 .leakey_news_title{margin-bottom: 50px} @media screen and (max-width: 1440px){ .leakey_artile_list_2 .article_list .leakey_col{width:33.33%} .leakey_artile_list_2 .article_list>div{padding:40px 20px} } @media screen and (max-width: 1024px){ .leakey_artile_list_2 .article_list{width: 100%} } @media screen and (max-width: 768px){ .leakey_artile_list_2 .article_list .leakey_col{width:50%} } @media screen and (max-width: 720px){ .leakey_artile_list_2 .article_list a .leakey_img_box{width: 100%;float: none!important;height: auto} .leakey_artile_list_2 .article_list a .title,.index_news_2 .news_date{padding-left: 20px;padding-right: 20px} } @media screen and (max-width: 520px){ .leakey_artile_list_2 .article_list .leakey_col{width:100%} .leakey_artile_list_2 .article_list a .des,.leakey_artile_list_2 .article_list a .title{padding-left: 20px;padding-right: 20px} .leakey_artile_list_2 .article_list .leakey_title_btn a.leakey_more{float: none!important;display: inline-block;} .leakey_artile_list_2 .article_list .leakey_title_btn div{display: block;float: none!important} } .index_news_2 .article_list li{margin-bottom: 20px;background: #fff} .index_news_2 .article_list li:last-child{margin-bottom: 0} .index_news_2 .leakey_img_box{margin-right: 20px;} .index_news_2 .news_date{opacity: 0.8;padding-bottom: 30px;color: #333} .leakey_split_line_txt{margin:30px 0} .leakey_cols_space .products_sub_txt,.leakey_cols_space .products_sub_img{margin-bottom: 0} .job_section{overflow: hidden;} .job_section .job_section_title{background: rgba(255,255,255,0.9);max-width: 80%;margin:auto;padding:40px 20px;border-radius: 10px} .job_section .job_section_type{padding:80px 50px;text-align: center;background-repeat: no-repeat;background-size: cover;background-position: center;} .job_section .job_section_area{margin-top: 30px;opacity: 0.8;line-height: 22px!important} .job_section .job_section_area a{padding:0 5px;} .job_sub_section .job_list_box .job_list_area a{border:1px solid #ddd;padding:8px 30px;display: inline-block;border-radius: 3px;margin-right: 10px;margin-bottom: 30px} .job_sub_section .job_list_box .job_list_area a:hover{background: #f2f2f2} .job_sub_section .job_list_box .job_list_area a.active{background: #18498a;color: #fff;border-color: #18498a} .job_sub_section .job_item{padding:30px 50px;background: #f2f2f2} .job_sub_section .job_item .leakey_more{margin-top: 20px;cursor: pointer;} .job_sub_section .job_item h4{margin-bottom: 15px} @media screen and (max-width: 720px){ .job_section .leakey_col_avg_2{width: 100%} .job_section .job_section_title{max-width: 100%} .job_section .job_section_type{padding-left: 20px;padding-right: 20px} .job_detail_section .job_detail_list{padding-left: 20px!important;padding-right: 20px!important} .job_detail_section .leakey_fl ul{padding-left: 20px} } .hr_value_section font{margin-bottom: 20px;display: block;} .hr_value_section .hr_value_item{padding:110px 50px;text-shadow: 1px 1px 3px rgba(0,0,0,0.4)} .hr_value_section ul>li>div{position: relative;overflow: hidden;color: #fff} .hr_value_section ul>li font,.hr_value_section ul>li p{position: relative;z-index: 2} .hr_value_section ul>li>div:after{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.3} .hr_value_section ul>li>div:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;transition: all 0.3s ease-in-out;background: #18498a;transform: scale(0);opacity: 0} .hr_value_section ul>li:hover>div:before{opacity: 0.75;transform: scale(1);} @media screen and (max-width: 720px){ .hr_value_section li.leakey_col_avg_3{width:100%} } .job_detail_section{overflow: hidden;} .job_detail_section .channel_name{margin-bottom: 20px} .job_detail_section .job_title{margin-bottom: 20px} .job_detail_section .job_detail_list{width:430px;} .job_detail_section .job_detail{margin-left: 500px} .job_detail_section .job_list_box .job_list_area a{border:1px solid #ddd;padding:8px 30px;display: inline-block;border-radius: 3px;margin-right: 10px;margin-bottom: 30px} .job_detail_section .job_list_box .job_list_area a:hover{background: #f2f2f2} .job_detail_section .job_list_box .job_list_area a.active{background: #18498a;color: #fff;border-color: #18498a} .job_detail_section .job_detail_list ul li a{padding:10px 0;border-bottom:1px solid #e5e5e5;display: block;} .job_detail_section .job_detail_list ul li:last-child a{border:0} .job_detail_section .leakey_fl {background: #f2f2f2;padding:50px 50px;border-radius: 3px} .job_detail_section .leakey_fl .leakey_title_sub{margin-bottom: 30px;overflow: hidden;} .job_detail_section .leakey_fl .leakey_title_sub a{background: #fff;padding:3px 10px;font-size: 16px!important;float: left;width:50%;text-align: center;overflow: hidden;white-space: nowrap;border-right:1px solid #f2f2f2;margin-bottom: 1px} .job_detail_section .leakey_fl .leakey_title_sub a.active{background:#18498a;color:#fff } .job_detail_section .leakey_fl .leakey_title_sub a:hover{text-decoration: underline;} .job_detail_section .leakey_fl .leakey_title_sub a.active{} .en_job_body .job_detail_section .leakey_fl .leakey_title_sub a{width: 100%;text-align: left;padding:3px 20px} .job_detail_section .leakey_fl ul{list-style-type:circle;} @media screen and (max-width: 1024px){ .job_detail_section .job_detail_list{width: 100%;float: none!important;display: block;} .job_detail_section .job_detail{margin-left: 0;float: none!important;margin-top: 50px} } .hr_develop_section{background: #f2f2f2} .hr_develop_section .leakey_col>div{background: #fff} .hr_develop_section p{padding:20px 30px;} .hr_develop_section .leakey_col:hover img{transform: scale(1.2);} @media screen and (max-width: 720px){ .hr_develop_section div.leakey_col_avg_3{width:100%} .hr_develop_section p{padding-left: 20px;padding-right: 20px} }