/** * @author leakey * @date 创建日期 */ .leakey_container{padding:100px 20px} a:hover {color: #010042;} /*target指当前路径hash指定的元素的样式，用以锚链接遇到fixed导航的位置纠正*/ :target{padding-top:90px;} /*leakey_title*/ /*.leakey_title{font-weight: bold!important;}*/ .leakey_title:after{content: "";display: block;height: 3px;width: 74px;background: #f6c11b;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;border-radius: 5px} .leakey_more:hover{box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);transform: translateY(-3px);} .leakey_container{max-width:100%;padding-left:50px;padding-right:50px;} .leakey_more:hover,.leakey_more.leakey_more_white:hover{border:0;background: #010042;background: -moz-linear-gradient(left,#010042 0%,#f6c11b 100%);background: -o-linear-gradient(left,#010042 0%,#f6c11b 100%);background: -webkit-gradient(linear,left top, right top,from(#010042),to(#f6c11b));background: -moz-linear-gradient(left,#010042,#f6c11b);background: -o-linear-gradient(left,#010042,#f6c11b);background: linear-gradient(left,#010042,#f6c11b); color: #fff} .leakey_more:hover,.leakey_more.leakey_more_white:hover{border:0;background: #34377e;color: #fff;border:1px solid #34377e} .leakey_more.gradient_bg_red{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: 32px;line-height: 32px} .leakey_title_sub{font-size: 18px} .leakey_title_btn_lr .leakey_more{position:relative;right:auto;left:0;float: none!important} } /*title加粗*/ /*.leakey_banner .banner_txt h3,.leakey_title{font-weight: bold!important;}*/ .leakey_title_des{opacity: 0.75} /*header*/ header{/*background: rgba(255,255,255,0.05);*/background:none} 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.en nav li a:link,header.en nav li a:visited{color: #fff;padding: 0 15px;} 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:#010042} header.fixedon .leakey_header_container nav>ul>li:hover>a:after,header .leakey_header_container nav>ul>li:hover>a:after{color:#333} .leakey_header_container nav>ul>li.active>a{color:#fff} .leakey_header_container nav>ul>li{position: relative;} .leakey_header_container nav>ul>li div.sub_nav{display:none;position: absolute;left:0;top:100%;min-width:100%;padding:8px 0;} .leakey_header_container nav>ul>li div.sub_nav div.lite_sub_nav{top:0;left:100%} .leakey_header_container nav>ul>li div.sub_nav ul{text-align: center;} .leakey_header_container nav>ul>li div.sub_nav ul li {margin-bottom: 5px;padding-left:8px;padding-right: 8px} .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{float: right;} .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;background: none;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} .leakey_header_container nav>ul>li div.rich_sub_nav>ul>li{width:20%;float: left;} .leakey_header_container nav>ul>li div.rich_sub_nav>ul>li{padding:40px 10px} .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.sub_nav{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);background: #fff;} .leakey_header_container nav>ul>li div.rich_sub_nav>ul>li span{line-height: 22px} .leakey_header_container nav>ul>li div.rich_sub_nav>ul>li a{white-space: normal;padding:0} .leakey_header_container nav>ul>li div.rich_sub_nav>ul>li a:hover{background: none} .leakey_header_container nav>ul>li div.rich_sub_nav>ul>li a:hover img{transform: scale(1.2);} .leakey_header_container nav>ul>li div.rich_sub_nav .leakey_title_box{text-align: left;} .leakey_header_container nav>ul>li div.rich_sub_nav .leakey_title_box p{line-height: 22px!important} .leakey_header_container nav>ul>li a:hover{color:#010042} 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} header.fixedon nav>ul>li.active>a:link, header.fixedon nav>ul>li.active>a:visited, header.show_search nav>ul>li.active>a:link, header.show_search nav>ul>li.active>a:visited{color:#04487a;} /*子公司列表*/ .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:#010042;*/color:#fff;position: relative;padding:0 45px 0 10px;text-align: center;border-radius: 3px;overflow: hidden;} .company_list p span{display: block;height:35px;width:35px;line-height: 35px;position: absolute;right: 0;top:0;background: #333;cursor: pointer;} .company_list p span:hover{background: #444} .company_list ul{padding: 10px 8px;background: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;position: absolute;left:0;top:100%;width:100%;display: none;opacity: 0} .company_list ul li{margin-bottom: 5px} .company_list ul li a{padding:5px 15px;border-radius: 5px;display: block;} .company_list ul li a:hover{background:rgba(50, 67, 134, 0.1);color: #333} .company_list ul li:last-child{margin-bottom:0;} .company_list.active ul{display: block;animation:show_sub_nav 0.3s ease-in;animation-fill-mode: forwards;animation-delay: 0.3s} .company_list.active p{border-bottom-left-radius: 0;border-bottom-right-radius: 0;} /*子栏目顶部border+fadeInUp*/ .leakey_header_container nav>ul>li div.rich_sub_nav>ul,.leakey_header_container nav>ul>li div{border-top:2px solid #010042;} .leakey_header_container nav>ul li:hover>div{animation:show_sub_nav 0.3s ease-in;animation-fill-mode: forwards;display: block;} @keyframes show_sub_nav{ 0%{opacity: 0;transform: translateY(10px);} 100%{opacity: 1;transform: translateY(0);} } /*下拉子栏目居中*/ .leakey_header_container nav>ul>li div.sub_nav{left: 50%;} .leakey_header_container nav>ul>li div.sub_nav div.lite_sub_nav{left:100%;} @keyframes show_sub_nav{ 0%{opacity: 0;transform: translate(-50%,10px);} 100%{opacity: 1;transform: translate(-50%,0);} } .language{float: right;position: relative;z-index: 10} .language a{display: block;height: 90px;line-height: 90px;padding: 0 15px;position: relative;float: left;color: #fff} .language a:after{content: "";width: 1px;height: 13px;top: 50%;margin-top: -6px;right: 0;background: #fff;display: block;position: absolute;transform: skewX(-10deg);} .language a:last-child{padding-right: 0;} .language a:last-child:after{display: none;} header.fixedon .language a:hover,header.show_search .language a:hover{color: #010042} 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:#010042} .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:#010042;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;} /*有子菜单*/ 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-导航居中-end*/ /*导航透明 字体白色*/ header .leakey_header_container nav>ul>li>a{color: #fff} header .logo img.logo_black{display: none} header.fixedon .logo img.logo_white{display: none} header.fixedon .logo img.logo_black{display: block} @media screen and (max-width: 1500px){ header.en nav li a:link, header.en nav li a:visited{padding:0 10px} } @media screen and (max-width: 1480px){ /*header*/ .leakey_header_container nav>ul>li>a{font-size: 16px;} header nav li a:link, header nav li a:visited{padding: 0 20px} header .logo{left:20px} .leakey_header_container{padding-left:20px;padding-right: 20px;} .leakey_header_container nav>ul>li div.rich_sub_nav{padding:0} } @media screen and (max-width: 1280px){ /*header*/ header nav li a:link, header nav li a:visited{padding: 0 12px} .icon_btn{padding-left: 20px;} } @media screen and (max-width: 1200px){ /*header*/ 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;} } @media screen and (max-width: 1024px){ #menu{display: none;} } @media screen and (max-width: 720px){ header .logo img{max-height: 50px} header .logo{margin-top:-25px} } @media screen and (max-width: 340px){ header .logo img{max-height: 40px} header .logo{margin-top: -20px} } .leakey_header_container nav>ul li:hover>div.rich_sub_nav{padding-top:0;} .leakey_header_container nav>ul>li div.rich_sub_nav>ul>li{padding:20px 50px;float: none;display: inline-block;width:auto} .leakey_header_container nav>ul>li div.rich_sub_nav>ul>li a{font-size: 16px} .leakey_header_container nav>ul>li div.rich_sub_nav>ul>li a:before{ content:"";display:inline-block;margin-right: 20px; width:7px;height:7px;border-radius: 1px;z-index:0;transition: all 0.3s ease-in-out;background-color: #f6c11b;transform:rotate(45deg); } .leakey_header_container nav>ul>li div.rich_sub_nav>ul{text-align: center;} /*banner-video*/ .leakey_banner{background:#ccc} .leakey_banner .swiper-pagination{max-width: 100%;padding-left:50px;padding-right: 50px;} .leakey_banner .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .leakey_banner .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .leakey_banner .banner_txt div{padding: 0 60px;text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);max-width:none;} .leakey_banner .banner_txt h3{font-size: 48px;text-transform: uppercase;font-weight: 500;max-width: 55%;line-height: 50px;} .leakey_banner .banner_txt h3:after{content: "";height: 2px;width: 90px;background: #fff;display: block;margin-top: 15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);} .leakey_banner .banner_txt p{font-size: 18px;max-width: 50%;letter-spacing: 1px;} .leakey_banner .banner_txt h3,.leakey_banner .banner_txt p{text-shadow: 2px 2px 6px rgba(0, 0, 0,0.3);} .leakey_banner .swiper-button-next,.leakey_banner .swiper-button-prev{transition: background 0.3s ease-in-out;} .leakey_banner .swiper-button-next:hover, .leakey_banner .swiper-button-prev:hover{background-size: 60%;background-color: rgba(255,255,255,0.3);} .leakey_banner .banner_more{display: inline-block;padding:8px 40px;border:1px solid rgba(255, 255, 255, 0.5);margin-top:30px;color:#fff!important;} .leakey_banner .banner_more:hover{background: #04487a;background: linear-gradient(left,#04487a,#010042);color:#fff;border:0;padding:9px 41px;} .leakey_banner .swiper-button-prev,.leakey_banner .swiper-button-next{background-color:#f6c11b;height:60px;width:60px;background-size: 20px;top:auto;bottom:50px} .leakey_banner .swiper-button-prev{left:auto;right:110px;border-right: 1px solid #dea801;} .leakey_banner .swiper-button-prev:hover,.leakey_banner .swiper-button-next:hover{background-color:#dea801 ;background-size: 18px;} .leakey_banner .banner_more{background:#f6c11b;border:0} .leakey_banner .banner_more:hover{padding:8px 40px;background:#fff;color:#555!important} .leakey_banner .swiper-slide:after{opacity: 0;} .leakey_banner .swiper-pagination-bullet-active:after{animation-duration:3s;} .leakey_banner .swiper-slide .banner_video{object-fit: cover;height: 100%;width:100%} .leakey_banner .swiper-slide.swiper-slide-active .banner_txt{opacity: 1;transition: all 0.3s ease-in-out} .leakey_banner .swiper-slide .banner_txt{opacity: 0} #wechat_video_btn{border:1px solid #f00;position:absolute;font-size:50px;z-index:999;background:rgba(65,0,13,0.7);text-align:center;padding:25px;color:#fff;bottom:80px;right:10px} /*文字水平居中*/ .leakey_banner .banner_txt{text-align: center;} .leakey_banner .banner_txt h3,.leakey_banner .banner_txt p{max-width:60%;margin-left:auto;margin-right: auto} .leakey_banner .banner_txt h3:after{margin-left:auto;margin-right:auto;} .leakey_banner .swiper-pagination-bullet:after{background:#f6c11b } .leakey_banner .swiper-slide{background-size: unset;} @media screen and (min-width:1920){ .leakey_banner .swiper-slide{background-size: cover;} } @media screen and (max-width: 1600px){ /*banner*/ .leakey_banner .banner_txt{padding-left: 0;padding-right: 0;} } @media screen and (max-width: 1440px){ /*banner*/ .leakey_banner .swiper-button-next, .leakey_banner .swiper-button-prev{display: block;} .leakey_banner .swiper-pagination,.leakey_banner .banner_txt div{padding-left:20px;padding-right: 20px;} .leakey_banner .swiper-button-next{right: 20px} .leakey_banner .swiper-button-prev{right: 80px;} } @media screen and (max-width: 1200px){ /*banner*/ .leakey_banner .swiper-button-next, .leakey_banner .swiper-button-prev{display: none;} .leakey_banner .banner_txt{padding-left: 0px;padding-right: 0px;} } @media screen and (max-width: 1024px){ /*banner*/ .leakey_banner .banner_txt h3{font-size: 38px;line-height: 50px;max-width: 85%} .leakey_banner .banner_txt p{max-width: 85%;font-size: 18px;} } @media screen and (max-width: 512px){ /*banner*/ .leakey_banner .banner_txt h3{font-size: 30px;line-height: 38px;margin-bottom: 20px} .leakey_banner .banner_txt p{font-size: 16px;} } /*leakey_footer*/ .leakey_footer{background: #fbb10d;} .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: 2px;} .footer_nav>li{position: relative;} .footer_nav>li:nth-of-type(4){margin-left:-120px;margin-top:40px} .footer_nav>li:nth-of-type(5){margin-left:-120px;margin-top:75px} .footer_nav>li:nth-of-type(7){margin-left:-105px;margin-top:40px} .en_foot .footer_nav>li:nth-of-type(4){margin-left:-185px;} .en_foot .footer_nav>li:nth-of-type(5){margin-left:-185px;} .en_foot .footer_nav>li:nth-of-type(7){margin-left:-82px;} .en_foot .footer_nav>li:nth-of-type(6),.en_foot .footer_nav>li:nth-of-type(7){display:none} .en_foot .footer_nav>li:nth-of-type(5)>ul{display: none} .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: 310px;} .en .leakey_f_top .leakey_f_container .leakey_fr .leakey_fl{max-width: 320px} .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: #fff;position: absolute;top:0;left:0;right:0;bottom:0;z-index: 1;opacity: 0.35;} .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_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.95);border-radius: 5px} .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;color:#010042} .leakey_footer .bottom_search .iconfont:hover{color:#fbb10d } .bottom_search a:hover{color:#fbb10d} .leakey_footer .iconfont:before{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: #010042;} .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:#fff;opacity: 1} .leakey_f_bottom:after{background: none;left: 50px;right: 50px;border-top: 1px solid rgba(255,255,255,0.35);opacity: 1;} .leakey_f_top_search_box{border-bottom: 1px solid rgba(255,255,255,0.35);padding-bottom: 20px;margin-bottom: 30px;} .leakey_f_top_search_box>a{line-height:40px;color:#fff} .leakey_f_top_search_box>a .iconfont{font-size: 20px} .leakey_f_top_search_box>a span{opacity: 0.9} .f_logo_box{text-align: center;padding-top: 30px;margin-right: 60px} .f_logo_box img{margin-bottom: 10px;transition: transform 0.6s ease-in;display: inline-block;transition-delay: 0.2s;} .f_logo_box:hover img{transform:rotate3d(0,1,0,360deg);} .f_logo_box p{margin-bottom: 20px;opacity: 0.85;font-size: 24px;letter-spacing: 3px;margin-top:10px} .f_logo_box a{display: inline-block;border-radius: 50px;background: #ffcb2b;color:#010042;font-size: 12px;line-height: 12px;padding:8px 20px;margin-right:10px} .leakey_footer .f_logo_box a:link,.leakey_footer .f_logo_box a:visited{color:#010042 } .f_logo_box a:after{content:"\e609"; font-family: "iconfont"!important;font-size: 12px;font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;margin-left: 10px} .leakey_f_top .f_logo_box a:link:hover,.leakey_f_top .f_logo_box a:visited:hover{color:#010042!important} @media screen and (max-width: 1680px){ .en_foot .footer_nav>li:nth-of-type(1){display: none} } @media screen and (max-width: 1600px){ .leakey_f_top .leakey_f_container>div:nth-of-type(2){display: none} } @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;} .en_foot .footer_nav>li:nth-of-type(4),.en_foot .footer_nav>li:nth-of-type(5){margin-left: -166px} } @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_float_bar*/ #qr_box #qr_wrap a:hover{background:#f6c11b;} #on_line_contact_box .on_line_contact_t{height:40px;background:#f6c11b;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:210px;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:#f6c11b;border-color:#f6c11b;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:#f6c11b;border-color:#f6c11b;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);} } .leakey_footer{background: #333b6e} .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_top .footer_nav li a:visited:hover, .leakey_f_bottom a:link:hover, .leakey_f_bottom a:visited:hover{color:#f6c11b!important} .leakey_f_top_search_box{border-bottom: 1px solid rgba(255,255,255,0.15)} .leakey_f_bottom:after{border-top: 1px solid rgba(255,255,255,0.15) } .leakey_f_top a{font-size: 14px} #leakey_float_bar.lfb_middle{bottom:50px!important;transform: none!important} .leakey_f_top .leakey_f_container .leakey_fr .leakey_fl{margin-left: 50px} .leakey_f_top .leakey_f_container .leakey_fr .leakey_fl:nth-of-type(1){margin-left: 0} @media screen and (max-width: 1680px){ .leakey_f_top .footer_service_tel{font-size: 32px;line-height: 32px} .leakey_f_top .leakey_f_container .leakey_fr .leakey_fl{margin-left: 30px;max-width: 260px} } @media screen and (max-width: 1440px){ .leakey_f_bottom:after{left:20px;right: 20px} } @media screen and (max-width: 550px){ .leakey_f_top .leakey_f_container .leakey_fr .leakey_fl{width: 100%;float: none!important;margin-bottom: 20px;margin-left: 0;display: block;} .leakey_f_top .leakey_f_container{padding-top:50px;padding-bottom: 20px} .leakey_f_top .leakey_f_container .leakey_fr .leakey_fl{max-width: 100%} } /*leakey_menu*/ .leakey_menu{font-size: 14px;} .leakey_menu>li>a{font-size: 15px;position: relative;overflow: hidden;} .leakey_menu li a>em{position: absolute;z-index: 2;right: 30px;font-size: 16px;transform: rotate(180deg);font-weight: bold;height:53px;top:0;line-height: 53px;width:30px;text-align: center;transition: all 0.3s ease-in-out;} .leakey_menu li a>em:hover{font-size: 20px} .leakey_menu li li a>em{height:39px;line-height: 39px;} .leakey_menu li a{padding:15px 0px;display: block;background: #f2f2f2;border-bottom: 1px solid #fff;} .leakey_menu li a>span{padding-left: 30px;padding-right: 60px;display: block;} .leakey_menu li ul{display: none;} .leakey_menu li a>em.active{transform: rotate(0);} .leakey_menu li.active>ul{display: block;} .leakey_menu li li{background: #fff;border-bottom: 1px solid #eee;padding-left: 20px;position: relative;overflow: hidden;} .leakey_menu li li:last-child{border-bottom: 0} .leakey_menu li li a{background: none;position: relative;z-index: 2;} .leakey_menu>li>a>span{position: relative;z-index: 2;transition: all 0.3s ease-in-out;font-weight: bold;font-size: 16px} .leakey_menu>li>a:after{content: "";position: absolute;left: 50%;top: 50%;margin-top: -250px;margin-left: -250px;background: #010042;opacity: 0;z-index: 0;border-radius: 100%;height: 500px;width: 500px;transform: scale(0);transition: all 0.3s ease-in-out;transform-origin: center;} .leakey_menu>li.active>a:after,.leakey_menu>li:hover>a:after{color: #fff;transform: scale(1);opacity: 1;} .leakey_menu>li.active>a>span,.leakey_menu>li:hover>a>span,.leakey_menu>li.active>a>em,.leakey_menu>li:hover>a>em{color: #fff} .leakey_menu>li li.active>a,.leakey_menu>li li:hover>a{color: #010042;font-weight: bold;} .leakey_menu>li li a{padding: 8px 0;} .leakey_menu>li li:after{content: "";position: absolute;left: 50%;top: 50%;margin-top: -250px;margin-left: -250px;background: #f9f9f9;opacity: 0;z-index: 0;border-radius: 100%;height: 500px;width: 500px;transform: scale(0);transition: all 0.3s ease-in-out;transform-origin: center;} .leakey_menu>li li:hover:after{transform: scale(1);opacity: 1;} /*菜单普通鼠标效果normal_hover*/ .leakey_menu.normal_hover>li>a:after,.leakey_menu.normal_hover>li li:after{transform: scale(1);} @media screen and (max-width:1200px){ .leakey_menu>li li a{padding:8px 0} .leakey_menu li a>em{right: 20px} .leakey_menu li a>span{padding-right: 50px;padding-left: 20px} } /*index_about_us*/ .leakey_index_about{background-color: #f2f2f2;overflow: hidden;background-image: url(../images/bg.jpg);background-repeat:no-repeat;background-size:cover; } .index_honor,.index_about{height: 500px} .index_about{padding-right: 20px;} .index_dep{height: 250px;background: #777;position: relative;overflow: hidden;border-bottom: 20px solid #f2f2f2;} .index_dep:after,.index_contact:after,.index_honor:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 0;background: #000;opacity: 0.05;} .index_dep:before, .index_contact:before, .index_honor:before{content: "";background: linear-gradient(360deg, #000, transparent);position: absolute;top:40%;left:0;right:0;bottom:0;z-index: 1;opacity: 0.55} .index_dep .leakey_title_box,.index_contact .leakey_title_box,.index_honor .leakey_title_box{position: relative;z-index: 1;} .index_dep .leakey_more,.index_contact .leakey_more,.index_honor .leakey_more{border-color: #fff;color:#fff} .index_contact{height: 250px;background: #555;position: relative;overflow: hidden;} .index_honor{background: #aaa;position: relative;overflow: hidden;border-right: 20px solid #f2f2f2;} .index_honor .leakey_title_box,.index_contact .leakey_title_box,.index_dep .leakey_title_box{position: absolute;bottom: 0;left: 0;padding: 20px;color: #fff;width: 100%} .index_honor .leakey_title_box{padding-bottom: 30px} .index_honor .leakey_title_box .leakey_title,.index_contact .leakey_title_box .leakey_title,.index_dep .leakey_title_box .leakey_title{margin-bottom: 10px;font-size: 30px;} .index_dep .leakey_title_box .leakey_title_sub,.index_contact .leakey_title_box .leakey_title_sub{margin-bottom: 0;} .leakey_index_about .bg{background-repeat: no-repeat;background-size: cover;background-position: center;position: absolute;top: 0;left: 0;bottom: 0;right: 0;transition: all 2s ease-in-out;filter: grayscale(20%);} .index_dep:hover .bg,.index_contact:hover .bg,.index_honor:hover .bg{transform: scale(1.2);filter: grayscale(0);} /*leakey_count_up*/ .leakey_count_up{margin: 80px 0 0} .leakey_count_up li{text-align: center;border-left: 1px solid #ddd;padding: 0 10px} .leakey_count_up li:last-child{border-right: 1px solid #ddd;} .leakey_count_up li .leakey_count_up_num{font-size: 50px;font-weight: bold;line-height: 55px;} .leakey_count_up li small{font-size: 14px;} @media screen and (max-width: 1024px){ .index_dep .leakey_more, .index_contact .leakey_more, .index_honor .leakey_more{float: none!important;} .leakey_index_about .index_dep_contact .leakey_title_box>.leakey_fl{float: none!important;display: block;} .index_dep .leakey_title_box .leakey_title_sub, .index_contact .leakey_title_box .leakey_title_sub{margin-bottom: 20px;} } @media screen and (max-width: 960px){ .index_honor{width: 50%;height: 450px;border-right: 0;} .index_dep{height: 200px;border-bottom: 0;} .leakey_index_about .leakey_container .index_dep_contact{width: 50%;} .leakey_count_up{margin-top: 30px;margin-bottom: 30px;} .index_about{width: 100%;height: auto} .index_about{padding-right: 0;} } @media screen and (max-width: 720px){ .leakey_index_about .leakey_count_up{background: #f9f9f9;} .leakey_index_about .leakey_count_up li.leakey_col_8{width: 50%;background: #f9f9f9;border-color: #f2f2f2;padding-top: 10px;padding-bottom: 10px;} .leakey_index_about .leakey_count_up li.leakey_col_8:nth-of-type(3){width: 100%;border-top: 1px solid #f2f2f2} } @media screen and (max-width: 512px){ .leakey_index_about .leakey_more.leakey_more_l{float: none!important;} .leakey_index_about .leakey_more.leakey_more_l{margin-bottom: 20px;} .leakey_index_about .leakey_title_box .leakey_fl{float: none!important;} .index_honor{width: 100%;height: 250px;margin-bottom: 20px;} .leakey_index_about .leakey_container .index_dep_contact{width: 100%} .index_dep,.index_contact{height: 250px;margin-bottom: 20px;} } .index_pro_section_box{background-size: cover;background-repeat: no-repeat;position: relative;} .index_pro_section{overflow: hidden;padding:80px 50px;color:#010042;position: relative;} .index_pro_section .leakey_more{color: #010042;border-color: #fff} .index_pro_section_box::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;background: #010042;z-index:0;opacity: 0.55} .index_pro_section>div{width: 100%;position: relative;z-index:1;overflow: hidden;border-radius: 5px} .index_pro_section>div::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;background: #f6c11b;z-index:2;opacity: 0.9} .index_pro_section>div>div{position: relative;z-index: 3;padding:100px 50px} .index_pro_section .leakey_swiper_wraper li .title{font-size: 16px;line-height: 28px;padding:5px 20px 0;background: rgba(255,255,255,0.95)} .index_pro_section .leakey_swiper_wraper li:hover img{transform:scale(1.1)} .index_pro_section .leakey_title:after{background: #010042} .index_pro_section:nth-of-type(2){padding-top: 40px!important} .index_pro_section:nth-of-type(2)>div{width:49%} .index_pro_section:nth-of-type(1)>div>div{overflow: hidden;} .index_pro_section:nth-of-type(1)>div .leakey_title_box{width:30%;float: left;} .en .index_pro_section:nth-of-type(1)>div .leakey_title_box{width: 35%} .index_pro_section:nth-of-type(1)>div .leakey_swiper_wraper{width:60%;float: right;} /*leakey_index_news*/ .leakey_index_news{background-color: #f2f2f2;overflow: hidden;background-image: url(../images/index_news_bg.jpg);background-repeat: no-repeat;background-position: left bottom;} .leakey_index_news a .img img{width: 100%;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-o-object-fit: cover;object-fit: cover;} .leakey_index_news a.leakey_more:hover{color: #fff} .leakey_index_news a:hover{color: #333} .leakey_index_news h4{font-size: 18px;line-height: 30px;margin-bottom:8px ;} .leakey_index_news .img{overflow: hidden;line-height: 0;display:block} .leakey_index_news a:hover .img img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);} .leakey_index_news .leakey_title_sub{max-width: 300px;margin-bottom: 10px} .leakey_index_news .leakey_title_des{margin-bottom: 20px} .index_news_box{width: 75%;} .index_news_list{padding-left: 20px;} .index_news_list li{margin-bottom: 20px;background: #fff;padding-right: 20px;} .index_news_list li .img{width: 30%;float: left;margin-right: 20px;} .index_news_list li .des{margin-bottom: 10px;} .index_news_list li .createtime{margin-bottom: 20px;} .index_news_list li h4{padding-top: 15px} .index_news_list img{height: 150px} .index_news_1{background: #fff;padding-bottom: 20px;} .index_news_1 a{display:block} .index_news_1 img{height: 320px} .index_news_1 h4{margin-top: 20px;} .index_news_1 p,.index_news_1 h4{padding-left: 20px;padding-right: 20px;} .index_news_1 .createtime{margin-bottom: 4px;} .index_news_list li{padding-left: 20px;} @media screen and (max-width: 1200px){ .index_news_box{width: 100%;} .leakey_index_news .leakey_title_box{width: 100%;position: relative;} .leakey_index_news .leakey_more.leakey_more_l{position: absolute;right: 0;top: 0} .leakey_index_news{background-image: none;} } @media screen and (max-width: 960px){ .index_news_1,.index_news_list{width: 100%;} .index_news_list{padding-left: 0;margin-top: 20px;} } @media screen and (max-width: 540px){ .index_news_list li .img{width: 100%;float: none;} .index_news_list li{padding: 20px;} .index_news_list li .createtime{margin-bottom: 0;} } .leakey_more.leakey_more_hover_white:hover{background:#f6c11b } .case_section{overflow: hidden;/*background-image: url(../images/bg.jpg);background-repeat:no-repeat;background-size:cover;*/ } .case_section .case_box{margin:50px auto 20px;} .case_section ul.leakey_fr{width:50%;border: 1px dashed #ccc;border-right: 0;border-bottom: 0;overflow: hidden;border-left: 0} .case_section .leakey_fr li .iconfont{font-size: 50px;display: block;line-height: 50px;margin-bottom: 10px} .case_section .leakey_fr li div{padding:50px 30px;background: #f2f2f2;border-right: 1px dashed #ccc;border-bottom: 1px dashed #ccc;position: relative;overflow: hidden;} .case_section .leakey_fr li div:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;z-index: 0;background: #ccc;transform: translateX(-100%);opacity: 0} .case_section .leakey_fr li div:hover:after,.case_section li.active div:after{transform: translateX(0);opacity: 0.75;} .case_section .leakey_fr li div a{position: relative;z-index:1} .case_section .leakey_fr li div span{font-size: 16px;font-weight: bold;opacity: 0.75;display: block;margin-top: 10px} .case_section .leakey_fr li.more_li div{padding:0} .case_section .leakey_fr li.more_li div span{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);color: #fff;z-index:3;font-weight: normal!important;} .case_section .leakey_fr li.more_li div span font{font-size: 22px;display: block;margin-top:10px} .case_section .leakey_fr li.more_li div:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;background: #010042;} .case_section .leakey_fr li.more_li div a{display: block;height:100%;width:100%;padding:30px;position: relative;z-index: 2} .case_section .leakey_fr li.more_li div:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;z-index: 0;background: #f6c11b;transform: scale(0.3);opacity: 0} .case_section .leakey_fr li.more_li div:hover:after{opacity: 1;transform: scale(1);} .case_section .case_box_img{width:50%;background: #010042;overflow: hidden;position: relative;} .case_section .case_box_img span{display: block;height:100%;width: 100%;background-size: cover;transition: all 0.6s ease-in-out;position: absolute;top:0;left:0;z-index:0;opacity: 0} .case_section .case_box_img span.active{opacity: 1;z-index: 1} /*.case_section .case_box_img:hover span{transform: scale(1.1);}*/ .case_section .case_box_img span::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.1;z-index: 0} /*左上角按钮*/ /*.case_section .case_box_img span a{display: block;position: absolute;left:0top:0;height:70px;width:70px;background:#f6c11b;color:#fff;font-size: 24px;text-align: center;line-height: 70px;transition: all 0.3s ease-in;z-index: 2} .case_section .case_box_img:hover span a{height:80px;width:80px;line-height: 80px}*/ .case_section .case_box_img span>div{position:absolute;bottom:0px;left:50px;right:50px;background: rgba(246,193,27,0.9);padding:40px 50px 35px;opacity:0;color: #fff;border-radius: 5px;transition: all 0.6s ease;transition-delay: 0.3s} .case_section .case_box_img span.active>div{bottom: 40px;opacity:1;} .case_section .case_box_img .case_logo_box{height:80px} .case_section .case_box_img .leakey_swiper_wraper{margin-top:30px;height:100%} .case_section .case_box_img .leakey_swiper_wraper img{width: 100%} .leakey_icon_silde_up.iconfont:before,.leakey_icon_silde_up.leakey_more_icon:after{display: inline-block;animation-delay: 0.3s;animation-duration: 0.6s} .case_section .leakey_fr li:hover .leakey_icon_silde_up.iconfont:before,.case_section li:hover .leakey_icon_silde_up.iconfont:after{animation-name: icon_slide_up_ani;} .why_choose_us .tec_p div{background:#fff;padding:30px 50px;border-radius: 5px} .why_choose_us .tec_p p{opacity: 0.75} .why_choose_us .tec_p div font{margin-bottom: 20px;display: block;} .why_choose_us .adv{margin:50px auto 20px;max-width: 1680px;opacity:0.9} .why_choose_us .adv .iconfont{font-size: 50px;float: left;line-height: 45px;margin-right: 10px;transition: all 0.3s ease-in} .why_choose_us .adv a:hover .iconfont{color:#f6c11b;transform: rotate(360deg);} .why_choose_us .tec_p{margin-top: 50px} .leakey_swiper_center .leakey_swiper_wraper li .title{padding:8px 20px} .leakey_swiper_center .leakey_swiper_wraper li:hover img{transform:scale(1.1)} .leakey_swiper_center .swiper-slide{position: relative;/*transform: scaleY(0.95);transition: all 0.3s ease-in*/;filter: blur(0.1px);} .leakey_swiper_center .swiper-slide-active {filter: blur(0);} /*.leakey_swiper_center .swiper-slide-active{transform: scale(1);}*/ .leakey_swiper_center .swiper-slide font{position: absolute;z-index: 2;top:50%;left:50%;transform: translate(-50%,-50%);color:#fff;font-size: 32px;line-height: 32px;text-shadow: 1px 1px rgba(0,0,0,0.3);transition: all 0.4s ease-in-out;transition-delay:0.5s;opacity: 0} .leakey_swiper_center .swiper-slide-active font{font-size: 50px;line-height: 50px;opacity: 1} .leakey_swiper_center .swiper-slide:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.3s ease-in-out;z-index:2;background: #000;opacity: 0.75;animation: 0.3s ease-in} .leakey_swiper_center .swiper-slide-active:before{opacity: 0.1;} .leakey_swiper_center .swiper-slide{width:60%;} .leakey_swiper_center .swiper-slide .leakey_title_box{position: absolute;bottom: 0;left:0;background: #fff;padding:40px 50px;right:0} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f6c11b'%2F%3E%3C%2Fsvg%3E");} .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f6c11b'%2F%3E%3C%2Fsvg%3E");} .leakey_swiper_center .swiper-button{opacity: 0;transition: all 0.6s ease-in} .leakey_swiper_center:hover .swiper-button{opacity: 1} @media screen and (max-width:1680px){ .leakey_swiper_center .swiper-slide{width: 75%} } @media screen and (max-width:720px){ .leakey_swiper_center .swiper-slide{width: 100%} .leakey_swiper_center .swiper-slide-active font{font-size: 38px;line-height: 38px} } @media screen and (max-width:512px){ .leakey_swiper_center .swiper-slide font{font-size: 28px;line-height: 28px} .leakey_swiper_center .swiper-slide-active font{font-size: 34px;line-height: 34px} } .section_case_app{} .section_case_app .case_app{max-width: 100%;margin:50px auto 0} .section_case_app .case_app li>div{background: #fff;height:530px;background-repeat: no-repeat;background-size: cover;background-position: center;overflow: hidden;} .section_case_app .case_app li>div a{display: block;position: relative;height:100%} .section_case_app .case_app li>div div.case_title{position: absolute;bottom: 20px;left:0;width: 100%;padding:5px 10px;text-align: center;font-size: 20px;line-height: 20px;z-index: 10} .section_case_app .case_app li>div div.case_title i{font-size: 20px} .section_case_app .case_app li .case_des{padding:80px 50px;position: absolute;top:0;left:0;bottom:0;right:0;text-align: center;transform: translateY(-100%);transition: all 0.7s ease-in-out;} .section_case_app .case_app li .case_des p{text-align: justify;line-height: 26px;opacity: 0.85} .section_case_app .case_app li .case_des p,.section_case_app .case_app li .case_des span{position: relative;z-index: 3;color: #fff} .section_case_app .case_app li .case_des span{display: block;position: absolute;top: 50%;left:50%;transform: translateX(-50%);} .section_case_app .case_app li .case_des span:hover{background: #fff;color:#333} .section_case_app .case_app li .case_des:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;transition: all 0.5s ease-in-out;background: #2739a0;opacity: 0} .section_case_app .case_app li:hover .case_des{transform: translateY(0);} .section_case_app .case_app li:hover .case_des:after{opacity: 0.2} /*subbanner*/ .leakey_subbanner:after{opacity: 0.15} .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: 16px;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: 20px;margin-bottom: 10px;border-bottom: 1px solid #eee;padding-bottom:10px} .leakey_subbanner .leakey_contacts .leakey_col div{padding: 30px;height: 100%;background: #fff} .leakey_subbanner .leakey_contacts .leakey_col div:hover{background:#11488f;color: #fff} .leakey_subbanner .leakey_contacts .leakey_col div:hover a{color: #fff;} .leakey_subbanner .leakey_contacts .leakey_col div a:hover{text-decoration: underline;} /*视频*/ .leakey_subbanner.video .ch_bg_video{position: absolute;height:100%;top:0;left:0;width:100%;z-index: 1;object-fit: cover;object-position: center;} .leakey_subbanner.video .leakey_title_box{position: relative;z-index: 3;} .leakey_subbanner.video .leakey_container{overflow: hidden;} .leakey_subbanner.video>.leakey_container:after{content: "";background: #000;opacity: 0.35;top: 0;left: 0;bottom: 0;right: 0;z-index:2;position: absolute;} /*视频质感遮罩，需引用图片*/ /*.leakey_subbanner.video>.leakey_container:after{opacity: 1;background-color:rgba(0,0,0,0.5);background-image: url(../images/video_mask.png);background-repeat: repeat;}*/ .subbanner_txt_des{width: 60%;font-size: 16px;opacity: 0.75;margin-top: 20px} .subbanner_txt_des p{margin-bottom: 10px;font-size: 14px} @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_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: 14px;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: 14px} } .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;padding:50px} .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;max-width: 50%} .leakey_img_list_fancybox.multi .img_list li .title{font-weight: bold;font-size: 16px;padding:8px 20px} /*leakey_content_detail*/ .leakey_content_detail p{font-size: 18px;line-height: 30px;margin-bottom: 10px} .leakey_content_detail.about strong{display: block;margin-bottom: 50px;font-weight: normal;font-size: 32px;line-height: 32px} .leakey_content_detail.about .about_txt{margin-bottom: 80px;} /*about*/ .leakey_img_block{display: flex;justify-content:space-between;align-items: center;height:500px;gap: 5px;margin-top:40px} .leakey_img_block img{object-fit: cover;width:100%;height:100%} .leakey_img_block span{text-align: center;display: flex;align-items: center;justify-items: center;color:#fff;font-size: 16px} .leakey_img_block span font{margin:auto;padding:50px} .leakey_img_block span i.iconfont{font-size: 50px;line-height: 50px;margin-bottom: 25px;display: block;} .leakey_img_block>div{display: flex;justify-content:space-between;flex-wrap:wrap;} .leakey_img_block>div:nth-of-type(1){width:40%;height:100%;} .leakey_img_block>div:nth-of-type(1)>div.leakey_img_box:nth-of-type(1){width:100%;height:50%;display: inline-block;border-bottom: 5px solid #fff;} .leakey_img_block>div:nth-of-type(1)>div.leakey_img_box:nth-of-type(2){width:50%;height:50%;display: inline-block;border-right: 5px solid #fff} .leakey_img_block>div:nth-of-type(1)>span{width:50%;height:50%;background: #333b6e;} .leakey_img_block>div:nth-of-type(2){width:20%;height:100%;} .leakey_img_block>div:nth-of-type(2)>div.leakey_img_box{height:100%;width:100%;display: inline-block;} .leakey_img_block>div:nth-of-type(3){width:40%;height:100%;} .leakey_img_block>div:nth-of-type(3)>div.leakey_img_box:nth-of-type(1){width:50%;height:50%;display: inline-block;border-right: 5px solid #fff} .leakey_img_block>div:nth-of-type(3)>div.leakey_img_box:nth-of-type(2){width:100%;height:50%;display: inline-block;border-top: 5px solid #fff} .leakey_img_block>div:nth-of-type(3)>span{width:50%;height:50%;background: #f6c11b;} .leakey_img_block .leakey_img_box:hover img{transform: scale(1.1);} .about_ch_img_box{margin-top:30px} .about_ch_img_box .leakey_img_box img{object-fit: cover;height:100%;width:100%} .about_ch_img_box>div>*{height:350px} .about_ch_img_box>div>span{display: block;} .about_ch_img_box>div>span{text-align: center;display: flex;align-items: center;justify-items: center;color:#fff;font-size: 16px} .about_ch_img_box>div>span font{margin:auto;padding:50px} .about_ch_img_box>div>span i.iconfont{font-size: 50px;line-height: 50px;margin-bottom: 25px;display: block;} .about_ch_img_box>div:nth-of-type(3)>span{background: #f6c11b;} .about_ch_img_box>div:nth-of-type(2)>span{background: #2b62c7;} .about_ch_img_box>div:hover img{transform: scale(1.2);} @media screen and (max-width: 1024px){ .about_ch_img_box>div{width: 50%} } @media screen and (max-width: 512px){ .about_ch_img_box>div{width: 100%} } /*leakey_develop*/ /*使用在subbaner处-start*/ .leakey_develop_subbanner .leakey_container{padding:0} .leakey_develop_subbanner .leakey_container>.leakey_title_box{position: absolute;z-index:5;padding: 50px;width: 100%;top:90px} .leakey_develop_subbanner .leakey_container>.leakey_title_box .cur_location{opacity: 0.5} .leakey_develop .leakey_title_box{position: absolute;top:80px;left:0px;z-index: 5;width:100%;} .leakey_develop .leakey_container{position: relative;padding:740px 0 100px} .leakey_develop .leakey_container:before{content:"";position:absolute;top:0;left:0;width:100%;height:690px;z-index:0;transition: all 0.3s ease-in-out;background-color: #999;background-image: url(../images/develop.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;} .leakey_develop .leakey_container:after{content:"";position:absolute;bottom:280px;left:0;width:100%;height:169px;z-index:0;transition: all 0.3s ease-in-out;background: #000;opacity: 0.4} .leakey_develop ul{text-align: center;display: flex;justify-content:space-between;position: relative;padding:0 160px;flex-wrap: wrap;} .leakey_develop li{position: relative;cursor: default;margin-bottom: 20px} .leakey_develop li:before{content:"";width:0;height:0;border-top:20px solid #333b6e;border-left:20px solid transparent;border-right: 20px solid transparent;position: absolute;top:-81px;left:50%;transform:translateX(-50%);opacity: 0;transition: all 0.2s ease-in-out;transition-delay: 0s} .leakey_develop li .small_year_box{} .leakey_develop ul:before{content:"";position:absolute;top:25px;left:0;height:1px;width:100%;z-index:0;transition: all 0.3s ease-in-out;background: #ccc} .leakey_develop li .small_year_box strong{font-family: Impact;font-size: 30px;font-weight: normal;color:#aaa} .leakey_develop li.active .small_year_box strong{color:#333} .leakey_develop li .small_year_box span{display: block;font-size: 30px;height:50px;line-height: 50px;margin:0 auto 30px;width:50px;border-radius: 50%;border:1px solid #ddd;color:#aaa;text-align: center;background: #fff;position: relative;z-index: 1} .leakey_develop li.active .small_year_box span{background: #333b6e;color:#fff;border-color: #333b6e} .leakey_develop li .develop_detail{opacity:0;position: absolute;top:-345px;width:300px;left:50%;transform: translateX(-50%);color: #fff;transition: all 0.4s ease-in-out;z-index: 1} .leakey_develop li .develop_detail>div:nth-of-type(2){background-color:#333b6e;height:170px;padding:20px 35px;font-size: 12px;line-height: 24px;text-align: left;} .en .leakey_develop li .develop_detail>div:nth-of-type(2){line-height: 18px;padding:20px} .leakey_develop li.active .develop_detail{opacity:1} .leakey_develop li.active:before{opacity:1;top:-51px;transition-delay: 0.3s;transition: opacity 0,transform 0.5s ease-in-out;} .leakey_develop li .big_year{font-size: 150px;font-family: Impact;line-height: 100px;margin-bottom: 25px;font-weight: normal;} .leakey_develop li .develop_detail>div:nth-of-type(2) img{max-height: 60px} @media screen and (max-width: 1440px){ .leakey_develop ul{padding:0 140px} .leakey_develop li .small_year_box strong{font-size: 28px;} } @media screen and (max-width: 1200px){ .leakey_develop li .small_year_box strong{font-size: 22px} } @media screen and (max-width: 1024px){ .leakey_develop li{position: static;padding:0 5px} .leakey_develop ul{padding:0 20px} .leakey_develop .leakey_container:after{display: none} .leakey_develop li .big_year{font-size: 130px;font-weight: bold;font-family: "微软雅黑"} .leakey_develop li .small_year_box strong{font-size: 18px} .leakey_develop li .small_year_box span{margin-bottom: 10px} .leakey_develop_subbanner .leakey_container>.leakey_title_box{padding-left: 20px;padding-right: 20px} } /*使用在subbaner处-end*/ /*leakey_cul_detail*/ .leakey_cul_detail .leakey_img_box{position: relative;} .leakey_cul_detail .leakey_img_box::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;transition: all 0.3s ease-in-out;background: #000;opacity: 0.25} .leakey_cul_detail .leakey_img_box .txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align: center;z-index: 2} .leakey_cul_detail .leakey_img_box .txt i{font-size: 50px;line-height: 50px;margin-bottom: 30px;display: block;} .leakey_cul_detail .leakey_img_box .txt strong{font-size: 30px;line-height:30px;font-weight: normal;} .leakey_cul_detail .leakey_img_box .txt p{font-size: 22px;line-height: 22px;margin-top:10px;opacity: 0.5} .leakey_cul_detail .leakey_img_box{background: #555;color:#fff;height:300px;position: relative;margin-bottom: 20px} .leakey_cul_detail>.leakey_container{padding-bottom: 50px} /*leakey_rencai_detail*/ .leakey_rencai_detail .txt p{text-indent: 2em;line-height: 30px;font-size: 16px;margin-bottom: 10px} .leakey_rencai_detail .rencai_links {margin-top: 40px} .leakey_rencai_detail .rencai_links .leakey_more{margin-top:50px} .leakey_rencai_detail .leakey_bg_box{background: #999;padding:70px 50px;color:#fff;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;} .leakey_rencai_detail .leakey_bg_box a{color:#fff} .leakey_rencai_detail .leakey_bg_box>div{position: relative;z-index: 2} .leakey_rencai_detail .leakey_bg_box::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.25} @media screen and (max-width: 720px){ .leakey_rencai_detail .rencai_links>div{width:100%} } .leakey_pros{overflow: hidden;} .leakey_pros .leakey_container{padding-top: 80px;} .leakey_pros .leakey_container li{text-align: left;position: relative;transition: all 0.3s ease;} .leakey_pros .leakey_container li .pro_txt{border-radius: 3px;padding:15px 50px;position: absolute;bottom: 0px;left:0px;right: 0px;z-index: 2;transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;background:#f2f2f2; text-align: left;transition-delay: 0.1s;} .leakey_pros .leakey_container li .pro_txt p{display: none;margin-bottom: 10px} .leakey_pros .leakey_container li>a{display: block;position: relative;padding-bottom: 50px} .leakey_pros .leakey_container li>a>span{display: block;} .leakey_pros .leakey_container li h4{font-size: 16px;font-weight: bold;line-height: 37px;} .leakey_pros .leakey_container li h4 span{font-weight: normal;float: right;position: relative;top: 4px;line-height: 22px;} .leakey_pros .leakey_container li ul{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .leakey_pros .leakey_container li ul li{display: inline;} .leakey_pros .leakey_container li ul h5{display:none;padding: 0 10px 0 0;min-width: 70px;} .leakey_pros .leakey_container li ul h5 a:before{content: "[ "} .leakey_pros .leakey_container li ul h5 a:after{content: " ]";padding: 0;opacity: 1;} .leakey_pros .leakey_container li:hover ul h5 a:last-child:after{display: inline;} .leakey_pros .leakey_container li:hover a{color:#333} .leakey_pros .leakey_container li ul a{font-size: 14px;font-weight: normal;} .leakey_pros .leakey_container li ul a:hover{text-decoration: underline;font-weight: bold;} .leakey_pros .leakey_container li ul a:after{content: "/";padding: 0 2px 0 5px;opacity: 0.6;} .leakey_pros .leakey_container>.leakey_cols_space>li.leakey_col:hover{transform: translateY(-20px);} .leakey_pros .leakey_container li:hover ul a:last-child:after{display: none;} .leakey_pros .leakey_container li:hover h4{font-size: 18px;margin-bottom: 20px;} .leakey_pros .leakey_container li:hover ul h5{display: inline-block;} .leakey_pros .leakey_container li:hover ul{overflow: visible;white-space: normal;text-overflow: unset;} .leakey_pros .leakey_container li:hover ul li{display: block;} .leakey_pros .leakey_container li:hover .pro_txt{padding:30px 50px;background:rgba(255,255,255,0.85);left: 40px;right: 40px;bottom:20px} .leakey_pros .leakey_container li:hover .pro_txt p{display: block;} .leakey_pros .leakey_container li:hover .pro_txt{transform: translateY(-20px);} .leakey_pros .leakey_container>.leakey_cols_space>li.leakey_col>a:after{content: "";background: #333b6e;position: absolute; opacity: 0;left: 0;right: 0;bottom: 0;top: 0;z-index: 1;transform: scale(0);transition: all 0.3s ease-in-out;} .leakey_pros .leakey_container>.leakey_cols_space>li.leakey_col>a:hover:after{transform: scale(1);opacity: 0.65;} .leakey_pros .leakey_container li img{width: 100%;} @media screen and (max-width: 1860px){ .leakey_pros .leakey_container li .pro_txt{padding:15px 30px;left: 30px;right: 30px} } @media screen and (max-width: 1600px){ .leakey_pros .leakey_container li ul h5{min-width: auto;} .leakey_pros .leakey_container li:after{opacity: 0.45;} .leakey_pros .leakey_container li:hover .pro_txt{transform: translateY(0);} .leakey_pros .leakey_container li:hover h4{font-size: 18px;margin-bottom: 10px;} } @media screen and (max-width: 1440px){ .leakey_pros .leakey_container li:hover .pro_txt p{display: none;} .leakey_pros .leakey_container li:hover .pro_txt,.leakey_pros .leakey_container li .pro_txt{padding-left: 20px;padding-right: 20px;left: 20px;right: 20px} } @media screen and (max-width: 1200px){ .leakey_pros .leakey_container li.leakey_col_6{width: 33.333333%;} } @media screen and (max-width: 960px){ .leakey_pros .leakey_container li.leakey_col_6{width: 50%;} .leakey_pros .leakey_container li h4 a span{position: absolute;right: 20px;top: 14px} } @media screen and (max-width: 512px){ .leakey_pros .leakey_container li:hover .pro_txt p{display: block;} .leakey_pros .leakey_container li ul h5{min-width: 70px;} .leakey_pros .leakey_container li.leakey_col_6{width: 100%;} } /*products_sub*/ .products_sub{overflow: hidden;} .products_sub .leakey_swiper_wraper{height:100%;min-height: 500px;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: #333b6e;overflow: hidden;} .leakey_more.leakey_more_icon.leakey_more_icon_download:after{background: #f6c11b} .products_sub .leakey_img_box.main_pic{border:1px solid #f1f1f1} @media screen and (max-width:1024px){ .products_sub .leakey_swiper_wraper{height:450px;min-height: none} .products_sub_img,.products_sub_txt{width: 100%} } @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: 14px;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: 14px} } .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 } .leakey_img_list_fancybox.multi .img_list li a:first-child{padding:0} .leakey_img_list_fancybox.multi .img_list li span{width:100%;max-width: 100%;margin-bottom: 20px;float: none} } .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%} .leakey_img_list_fancybox.multi .img_list li{width:100%} } /*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;} /*case_list*/ .case_list li>a{background:#999;display: block;height:510px;padding:20px;color:#fff;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;} .case_list li>a: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.35} .case_list li>a>div{position: absolute;z-index: 1;bottom:40%;left:50%;transform: translateX(-50%);width:100%} .case_list li>a i.iconfont{transition: all 0.3s ease-in; font-size: 28px;height:60px;width:60px;text-align: center;line-height: 60px;margin:0 auto 20px;display: block;border-radius: 50%;border:1px solid rgba(255,255,255,0.3);} .case_list li>a .leakey_more{position: absolute;bottom: 50px;left:50%;transform:translateX(-50%);z-index: 1;background: #fff;color:#333} .case_list li>a .leakey_more:hover{background: #f6c11b;border-color: #f6c11b} /*.case_list:hover li>a:after{opacity:0.45}*/ .case_list li:hover>a:after{background: #11488f;opacity: 0.75} .case_list li:hover i{transform: rotate(360deg);} /*leakey_artile_list_5*/ .leakey_artile_list_5 .article_list a{border:1px solid #eee;display: block;padding-bottom: 30px;position: relative;overflow: hidden;} .leakey_artile_list_5 .article_list a img{height:220px;width:100%;object-fit: cover;position: relative;filter: grayscale(30%);} .leakey_artile_list_5 .article_list a .leakey_img_box{position: relative;z-index: 2} .leakey_artile_list_5 .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_5 .article_list a .title{font-size: 16px;font-weight:bold;padding:30px 40px 0;transition: transform 0.3s ease-in-out;transition-delay: 0.1s;position: relative;z-index: 1} .leakey_artile_list_5 .article_list a .des{padding:10px 40px 0;opacity: 0.7;transition: transform 0.3s ease-in-out;transition-delay: 0.2s;position: relative;z-index: 1} .leakey_artile_list_5 .article_list a .date{position: absolute;background:rgba(0,0,0,0.3);text-align: center; right:0;top:0;padding:8px 15px 5px;color:#fff;transition: all 0.3s ease-in-out;z-index: 5} .leakey_artile_list_5 .article_list a:hover{background:#11488f} .leakey_artile_list_5 .article_list a:hover .leakey_img_box{box-shadow:0 1px 0 #11488f} .leakey_artile_list_5 .article_list a .date:after{content:"";display:block;top:0;left:0;right:0;bottom:0;background:#f6c11b;position: absolute;z-index:1;transform: translateY(-100px);opacity: 0;transition: all 0.3s ease-in-out;} .leakey_artile_list_5 .article_list a:hover .date:after{transform: translateY(0);opacity: 0.8} .leakey_artile_list_5 .article_list a .date font{font-size: 46px;line-height: 38px;font-weight: bold;position: relative;z-index: 2;} .leakey_artile_list_5 .article_list a .date span{display: block;font-size: 12px;padding:10px 0;position: relative;z-index: 2} .leakey_artile_list_5 .article_list a:hover img{transform: scale(1.1);filter: grayscale(0);} .leakey_artile_list_5 .article_list a:hover .title,.leakey_artile_list_5 .article_list a:hover .des{color: #fff} .leakey_artile_list_5 .article_list a:hover .title{transform: translateY(-5px);} .leakey_artile_list_5 .article_list a:hover .des{transform: translateY(-8px);} .leakey_artile_list_5 .article_list_2 .leakey_col{margin-bottom: 0} .leakey_artile_list_5 .article_list_2 a{padding:30px 50px;display: block;border-bottom: 1px solid #f2f2f2} .leakey_artile_list_5 .article_list_2 h4{margin-bottom: 10px} .leakey_artile_list_5 .article_list_2 .createtime{opacity: 0.75;margin-top:5px} @media screen and (max-width: 1440px){ .leakey_artile_list_5 .article_list .leakey_col{width:33.33%} .leakey_artile_list_5 .article_list_2 a{padding-left: 0;padding-right: 0} } @media screen and (max-width: 768px){ .leakey_artile_list_5 .article_list .leakey_col{width:50%} } @media screen and (max-width: 520px){ .leakey_artile_list_5 .article_list_2 .leakey_col{width: 100%} .leakey_artile_list_5 .article_list .leakey_col{width:100%} .leakey_artile_list_5 .article_list a .des,.leakey_artile_list_5 .article_list a .title{padding-left: 20px;padding-right: 20px} } /*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;} /*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_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;} .news_detail_list_icon{height:2px;width:5px;display: inline-block;background: #f6c11b;margin-right: 10px;position: relative;top:-3px} /*leakey_honor_line*/ .leakey_honor_line{background: #f2f2f2} .leakey_honor_line .leakey_container{padding-top:50px;padding-bottom: 50px} .leakey_honor_line_box{padding:20px 50px;border-radius: 10px;background: #fff;display: flex;justify-content: space-between;} .leakey_honor_line_box>div{text-align: center;} .leakey_honor_line_box>div.leakey_flex_col_split{border-right:1px solid #eee;} .leakey_honor_line_box>div:last-child{border-right: 0} .leakey_honor_line_box>div img{margin-right: 10px;vertical-align: middle;} .leakey_honor_line_box>div font{vertical-align: middle;font-size: 16px} /*map2*/ .leakey_map_2{overflow: hidden;position: absolute;top:0;left:0;right:0;bottom:0;z-index: 0} .leakey_map_2 .leakey_container{position: relative;min-height: 650px;z-index:1} .leakey_map_2 .leakey_cols_space li.leakey_col{margin-bottom: 0} .leakey_map_2 #leakey_map,.leakey_map_2 #leakey_map_en{position: absolute;z-index: 0;top:90px;left:0;right:0;bottom: 0} .leakey_map_2 .txt_box{position: absolute;z-index: 1;padding:35px 50px;background: rgba(255,255,255,0.8);left:100px;bottom:50px;right:100px;color:#333;border-radius: 10px;box-shadow: 0 0 30px rgba(0,0,0,0.15)} .leakey_map_2 .txt_box .leakey_fl li{margin-bottom:8px;cursor: pointer;} .leakey_map_2 .txt_box .leakey_fl li:hover h4 i,.leakey_map_2 .txt_box .leakey_fl li.active h4 i{background:#f6c11b;margin-right: 15px} .leakey_map_2 .txt_box .leakey_fl h4{float: left;font-weight: bold;} .leakey_map_2 .txt_box .leakey_fl h4 i{font-style: normal;font-weight: bold;display: inline-block;margin-right: 10px;height:14px;width:14px;line-height: 14px;text-align:center;font-size: 12px;background: #3276f2;color: #fff;border-radius: 50%;overflow: hidden;transition: all 0.3s ease-in} .leakey_map_2 .txt_box .leakey_fl p{display: inline;padding-left: 10px} .leakey_map_2 .txt_box .leakey_fr{width:65%} .leakey_map_2 .txt_box .leakey_fr h4{margin-bottom: 10px} .leakey_map_2 .txt_box .leakey_fr ul{display: flex;justify-content: space-between;} .leakey_map_2 .txt_box .leakey_fr ul li.leakey_flex_col_split{border-right:1px solid #ddd;} .leakey_map_2 #leakey_map .addStr,.leakey_map_2 #leakey_map_en .addStr{font-size:14px;padding:13px 18px;line-height:18px;text-align: left;color:#333;min-width: 320px} .leakey_map_2 #leakey_map .addStr h5,.leakey_map_2 #leakey_map_en .addStr h5{font-weight: bold;font-size: 16px;margin-bottom: 10px} .leakey_map_2 #leakey_map .amap-marker-label,.leakey_map_2 #leakey_map_en .amap-marker-label{border:0;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding:8px 30px;border-radius: 3px} .leakey_map_2 #leakey_map .amap-marker-label:before,.leakey_map_2 #leakey_map_en .amap-marker-label:before{content:"◀";position:absolute;top:50%;margin-top:-7px;left:-14px;z-index:0;color:#fff;font-size: 22px;} .leakey_map_2 .txt_box .leakey_title{margin-bottom: 30px} .amap-layers:before{content: "";position: absolute;top:0;left:0;right:0;bottom: 0;background: #000;opacity: 0.1;z-index: 119} @media screen and (max-width:1440px){ .leakey_map_2 .txt_box{left:20px;right:20px} .leakey_map_2 .txt_box .leakey_fl{display: none;} .leakey_map_2 .txt_box .leakey_fr{width: 100%} } @media screen and (max-width:1024px){ .leakey_map_2 .txt_box .leakey_fr ul li.leakey_flex_col_split{display: none} } @media screen and (max-width:860px){ .leakey_map_2 .txt_box .leakey_fr ul{display: block;overflow: hidden;} .leakey_map_2 .txt_box .leakey_fr li{width: 50%;float: left;margin-bottom: 20px;} .leakey_map_2 .txt_box .leakey_fr li:last-child{width: 100%} } @media screen and (max-width:512px){ .leakey_subbanner.map2 .leakey_container{height:1000px} .leakey_map_2 .txt_box .leakey_fr li{width: 100%;float: none;} .leakey_map_2 .txt_box{padding-left: 20px;padding-right: 20px;bottom:20px} .leakey_map_2 .txt_box .leakey_fr .leakey_title_box{display: none} } /*地图灰色*/ .leakey_map_2 #leakey_map.gray .amap-layer,#leakey_map.gray .amap-labels,.leakey_map_2 #leakey_map_en.gray .amap-layer,#leakey_map.gray .amap-labels{-webkit-filter: grayscale(1);filter: grayscale(1);} .leakey_map_2 #leakey_map.gray object,.leakey_map_2 #leakey_map_en.gray object{background:#000;opacity:0.1;z-index:1!important;} .leakey_subbanner.map2 .leakey_container{min-height: 100vh;} .leakey_subbanner.map2 .leakey_container>.leakey_title_box{position: relative;z-index: 1;width:300px} /*leakey_iframe_lr_flex*/ .leakey_iframe_lr_flex>.leakey_container{display: flex} .leakey_iframe_lr_flex .leakey_iframe_lr_flex_l{flex:0 0 300px} .leakey_iframe_lr_flex .leakey_iframe_lr_flex_r{flex:1} @media screen and (max-width: 720px){ .leakey_iframe_lr_flex .leakey_iframe_lr_flex_l{display: none} } /*leakey_menu*/ .leakey_menu{font-size: 14px;margin-right: 30px} .leakey_menu>li>a{font-size: 15px;position: relative;overflow: hidden;} .leakey_menu li a>em{position: absolute;z-index: 2;right: 30px;font-size: 16px;transform: rotate(180deg);font-weight: bold;height:53px;top:0;line-height: 53px;width:30px;text-align: center;transition: all 0.3s ease-in-out;} .leakey_menu li a>em:hover{font-size: 20px} .leakey_menu li li a>em{height:39px;line-height: 39px;} .leakey_menu li a{padding:15px 0px;display: block;background: #f2f2f2;border-bottom: 1px solid #fff;} .leakey_menu li a>span{padding-left: 30px;padding-right: 60px;display: block;} .leakey_menu li ul{display: none;} .leakey_menu li a>em.active{transform: rotate(0);} .leakey_menu li.active>ul{display: block;} .leakey_menu li li{background: #fff;border-bottom: 1px solid #eee;padding-left: 20px;position: relative;overflow: hidden;} .leakey_menu li li:last-child{border-bottom: 0} .leakey_menu li li a{background: none;position: relative;z-index: 2;} .leakey_menu>li>a>span{position: relative;z-index: 2;transition: all 0.3s ease-in-out;font-weight: bold;font-size: 16px} .leakey_menu>li>a:after{content: "";position: absolute;left: 50%;top: 50%;margin-top: -250px;margin-left: -250px;background: #f6c11b;opacity: 0;z-index: 0;border-radius: 100%;height: 500px;width: 500px;transform: scale(0);transition: all 0.3s ease-in-out;transform-origin: center;} .leakey_menu>li.active>a:after,.leakey_menu>li:hover>a:after{color: #fff;transform: scale(1);opacity: 1;} .leakey_menu>li.active>a>span,.leakey_menu>li:hover>a>span,.leakey_menu>li.active>a>em,.leakey_menu>li:hover>a>em{color: #fff} .leakey_menu>li li.active>a,.leakey_menu>li li:hover>a{color: #333d79;font-weight: bold;} .leakey_menu>li li a{padding: 8px 0;} .leakey_menu>li li:after{content: "";position: absolute;left: 50%;top: 50%;margin-top: -250px;margin-left: -250px;background: #f9f9f9;opacity: 0;z-index: 0;border-radius: 100%;height: 500px;width: 500px;transform: scale(0);transition: all 0.3s ease-in-out;transform-origin: center;} .leakey_menu>li li:hover:after{transform: scale(1);opacity: 1;} /*菜单普通鼠标效果normal_hover*/ .leakey_menu.normal_hover>li>a:after,.leakey_menu.normal_hover>li li:after{transform: scale(1);} @media screen and (max-width:1200px){ .leakey_menu>li li a{padding:8px 0} .leakey_menu li a>em{right: 20px} .leakey_menu li a>span{padding-right: 50px;padding-left: 20px} } .leakey_menu_title{margin-right: 30px;/*margin-top:30px*/} .leakey_menu_title>div{background-color: #333d79;color:#fff;padding:30px 30px} .leakey_menu_title:nth-of-type(1){margin-top:0px} .leakey_menu_contacts{margin-right: 30px;padding:20px 30px;background: #f2f2f2} .leakey_menu_contacts .service_tel{font-size: 30px;line-height: 32px;margin-top: 5px;display: inline-block;margin-bottom: 20px;font-weight: normal;} .leakey_menu_contacts .service_tel_en{font-size: 28px} .leakey_menu_contacts .iconfont{margin-bottom: 5px;} .leakey_menu_contacts .iconfont:before{transition: all 0.3s ease-in-out;display: inline-block;} .leakey_menu_contacts .iconfont:hover:before{transform: translateX(5px);} .leakey_menu_contacts a:link:hover,.leakey_menu_contacts a:visited:hover{color:#333d79!important} .leakey_menu_contacts address{font-size: 14px;} .leakey_menu_contacts address.address_en{font-size: 12px} .leakey_menu_contacts address.iconfont:before{font-size: 16px;padding-right: 5px} /*shuzihua*/ .shuzihua_yewumokuai{background-color: #f2f2f2;background-image: url(../images/szh_bg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;} .shuzihua_yewumokuai .items{margin-top:100px} .shuzihua_yewumokuai .leakey_col>div{background: #fff;padding:50px;border-radius: 10px} .shuzihua_yewumokuai .leakey_col>div:hover i{transform: rotate(360deg);background: #f6c11b} .shuzihua_yewumokuai .leakey_col i{font-size: 50px;line-height: 100px;display: block;width:100px;height: 100px;border-radius: 50%;margin:-100px auto 30px;color: #fff;background-color:#333d79;text-align: center;transition: all 0.4s ease-in;transition-delay: 0.2s} .shuzihua_yewumokuai .leakey_col strong{margin-bottom:5px;display: block;text-align: center;} .shuzihua_yewumokuai .leakey_col p{text-align: center;} .shuzihua_yewumokuai .leakey_col ul{margin:50px auto 0;font-size: 22px;overflow: hidden;width:360px;max-width: 100%} .shuzihua_yewumokuai_en .leakey_col ul{width: 450px} .shuzihua_yewumokuai .leakey_col ul li{margin-bottom: 10px;width: 50%;float: left;} .shuzihua_yewumokuai_en .leakey_col ul li{width: 100%;float: none} .shuzihua_yewumokuai .leakey_col ul .iconfont{font-size: 22px;line-height: 22px;padding-right: 10px;transition: all 0.3s ease-in} .shuzihua_yewumokuai .leakey_col>div:hover ul li .iconfont{color: #f6c11b} .shuzihua_yewumokuai .leakey_title_box{color: #fff} .shuzihua_jishutedian .leakey_container{position: relative;} .shuzihua_jishutedian .leakey_container>div:nth-of-type(1){position: absolute;left:50px;top:50%;text-align: center;transform: translateY(-50%);} .shuzihua_jishutedian .leakey_container>div:nth-of-type(2) ul{text-align: center;font-size: 16px;line-height: 26px} .shuzihua_jishutedian_en .leakey_container>div:nth-of-type(2) ul{max-width: 50%;margin:auto} .shuzihua_jishutedian .leakey_container>div:nth-of-type(2) .leakey_title_box{margin-bottom: 50px} .shuzihua_jishutedian .leakey_container>div:nth-of-type(3){position: absolute;right:50px;top:50%;text-align: center;transform: translateY(-50%);} .shuzihua_jishujiagou .leakey_title_box{margin-bottom: 50px} .shuzihua_jishujiagou ul li{text-align: center;} .shuzihua_jishujiagou ul li div{margin-top: 20px} .shuzihua_jishujiagou ul li .leakey_img_box{margin-bottom: 30px} .shuzihua_jishujiagou ul li:hover img{transform: scale(1.1);} .shuzihua_jishujiagou .leakey_more{margin-top:10px} @media screen and (max-width: 1500px){ .shuzihua_jishutedian .leakey_container>div:nth-of-type(1){bottom:0;left:0;top:auto;} .shuzihua_jishutedian .leakey_container>div:nth-of-type(3){bottom: 0;right: 0;top:auto;} .shuzihua_jishutedian .leakey_container{padding-bottom: 600px} } @media screen and (max-width: 1024px){ .shuzihua_yewumokuai .items>div{width: 100%} } @media screen and (max-width: 720px){ .shuzihua_jishujiagou ul li{width:100%} .shuzihua_jishutedian_en .leakey_container>div:nth-of-type(2) ul{max-width: 100%} } @media screen and (max-width: 512px){ .shuzihua_yewumokuai .leakey_col ul li{width: 100%} .shuzihua_yewumokuai .leakey_col ul{margin-top: 30px} } /*yitiaolong*/ .yitiaolong .leakey_fl{width: 40%;} .yitiaolong .leakey_fr{width: 60%;} .yitiaolong .ytl_title{padding:50px;background-color: #333;color:#fff} .yitiaolong .ytl_detail{background-color: #f2f2f2;padding:50px} .yitiaolong .leakey_fl>.leakey_fl strong{margin-bottom: 20px;display: block;} .yitiaolong .emc>div{height:100%} .yitiaolong .emc .ytl_title{background: #173a74;position: relative;} .yitiaolong .emc .ytl_title font{position: absolute;bottom: 50px;left:50px;right:50px;font-size: 16px;line-height: 28px} .yitiaolong .emc .ytl_detail{position: relative;} .yitiaolong .emc .ytl_detail>div{position: absolute;bottom: 50px;right:50px;left:50px} .yitiaolong .emc .ytl_detail li i{padding-right: 10px} .yitiaolong .emc .ytl_detail .leakey_img_box{margin-bottom: 20px;height:240px;position: absolute;top:50px;left:50px;right:50px;box-shadow: 10px 10px 0 #173a74;transition: all 0.3s ease-in} .yitiaolong .emc .ytl_detail:hover img{transform: scale(1.1);} .yitiaolong .emc .ytl_detail:hover .leakey_img_box{box-shadow: 0 0 0 #173a74 } .yitiaolong .epc li>div{padding:0 20px} .yitiaolong .epc li:first-child>div{padding-left: 0} .yitiaolong .epc li:last-child>div{padding-right: 0} .yitiaolong .epc li>div>strong{font-size: 22px;font-weight: normal;margin-bottom: 5px;display: block;text-align: center;} .yitiaolong .epc li>div>p{margin-bottom: 30px;text-align: center;} .yitiaolong .epc li{border-right: 1px solid #ddd;} .yitiaolong .epc li:last-child{border-right: 0} .yitiaolong .epc .ytl_title{background-image:url(../images/epc_bg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;} @media screen and (max-width: 1200px){ .yitiaolong .epc{width: 100%} .yitiaolong .emc{width: 100%} } @media screen and (max-width:720px){ .yitiaolong .epc li{width: 100%;border:0;border-bottom: 1px solid #ddd;padding-bottom: 20px} .yitiaolong .epc li:last-child{border:0} .yitiaolong .ytl_title{width: 100%;float: none} .yitiaolong .emc .ytl_title font{position: relative;top:auto;left:auto;bottom:auto;right:auto;} .yitiaolong .emc .ytl_title strong{display: block;} .yitiaolong .emc .ytl_detail{width: 100%;display: block;float: none;padding:0;padding-bottom: 50px} .yitiaolong .emc .ytl_detail>div{position: relative;top:0} .en .yitiaolong .emc .ytl_detail>div{left:10px} .yitiaolong .emc .ytl_detail .leakey_img_box{position: relative;left:0;right: 0;top:0} .en .yitiaolong .ytl_detail{padding:30px 0px} .en .yitiaolong .epc li:first-child>div{padding-left: 20px} .en .yitiaolong .epc li:last-child>div{padding-right: 20px} } /*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} /*shuzihua*/ .leakey_cul_detail2{background:none;color:#333} .leakey_cul_detail2 .items{margin-top:100px} .leakey_cul_detail2 .leakey_col>div{background: #fff;padding:50px;border-radius: 10px} .leakey_cul_detail2 .leakey_col>div:hover i{transform: rotate(360deg);background: #f6c11b} .leakey_cul_detail2 .leakey_col i{font-size: 50px;line-height: 100px;display: block;width:100px;height: 100px;border-radius: 50%;margin:-100px auto 30px;color: #fff;background-color:#333d79;text-align: center;transition: all 0.4s ease-in;transition-delay: 0.2s} .leakey_cul_detail2 .leakey_col strong{margin-bottom:5px;display: block;text-align: left;} .leakey_cul_detail2 .leakey_col p{text-align: left;} .leakey_cul_detail2 .leakey_col div.items_detail{opacity: 0.85;margin-top:20px} .leakey_cul_detail2 .leakey_title_box{color: #fff} @media screen and (max-width: 1024px){ .leakey_cul_detail2 .items>div{width: 100%} } .rongyu .leakey_img_list li a .leakey_img_box{padding:20px 30px} .shuzihua_jishujiagou_txt {text-align: left;text-indent: 2em;line-height: 24px} .shuzihua_jishujiagou_txt p{margin-bottom: 10px} .products_d .leakey_title:after{margin-left:auto;margin-right: auto;} .products_sub .leakey_img_box.main_pic{max-width: 600px;margin-left:auto;margin-right: auto;} .page_des_txt{overflow: hidden;} .page_des_txt strong{display: block;margin-bottom: 30px;font-weight: normal;font-size: 32px;line-height: 32px} .page_des_txt .page_des{line-height:2em;font-size:24px;font-family: "宋体"} .case_sub .leakey_img_box{float: left;margin-right: 20px;} .case_sub.leakey_img_list_fancybox.multi .img_list li a{overflow: hidden;} .case_sub.leakey_img_list .img_list .img_title{padding:0;margin-bottom: 20px;margin-top:5px;font-size: 24px;line-height: 24px} .case_sub.leakey_img_list .img_des{font-size: 16px;line-height: 26px} @media screen and (max-width: 720px){ .case_sub.leakey_img_list .img_list .img_title{margin-top: 20px} .case_sub.leakey_img_list .img_list .img_title{padding:0 20px;display: block;} } .app_detail .txt{margin-top:80px;font-size: 16px;line-height:40px} /*why_choose_us_2*/ .why_choose_us_2{background: #f2f2f2;overflow: hidden;} .why_choose_us_2 .why_choose_us_img_sw{max-width: 1200px;margin:auto;} .why_choose_us_2 .leakey_swiper_wraper li .title{padding:8px 20px} .why_choose_us_2 .leakey_swiper_wraper li:hover img{transform:scale(1.1)} .why_choose_us_2 .adv{margin:50px auto 20px;max-width: 1200px;opacity:0.9;} .why_choose_us_2 .adv a{color: #333} .why_choose_us_2 .adv .iconfont{font-size: 50px;float: left;line-height: 45px;margin-right: 10px;transition: all 0.3s ease-in} .why_choose_us_2 .adv a:hover .iconfont{color:#f6c11b;transform: rotate(360deg);} .why_choose_us_2 .swiper-slide .leakey_title_box{float:left;bottom: 0;left:0;top:0;background: #fff;padding:60px 40px;width:35%} .why_choose_us_2 .swiper-slide .leakey_img_box{width:65%;float: right;} /*索引*/ .why_choose_us_2 .swiper-slide em{position: absolute;font-style: normal; bottom: 60px;left: 40px;line-height: 60px;font-size: 60px;font-weight: bold;opacity: 0.15;color:#18498a;font-family: Impact;letter-spacing: 4px} .why_choose_us_2 .swiper-button-prev, .why_choose_us_2 .swiper-container-rtl .swiper-button-next{left:-100px} .why_choose_us_2 .swiper-button-next, .why_choose_us_2 .swiper-container-rtl .swiper-button-prev{right:-100px} @media screen and (max-width: 1200px){ .why_choose_us_2 .adv{text-align: center;} .why_choose_us_2 .adv .iconfont{float: none;margin-bottom: 20px;display: inline-block;} .why_choose_us_2 .adv font{display: block;} .why_choose_us_2 .adv p{display: block;} } @media screen and (max-width: 1024px){ .why_choose_us_2 .swiper-slide .leakey_title_box{width: 100%;float: none;} .why_choose_us_2 .swiper-slide .leakey_img_box{width: 100%;float: none} .why_choose_us_2 .swiper-slide em{bottom: 0} .why_choose_us_2 .adv font{font-size: 18px!important;} } @media screen and (max-width:720px){ .why_choose_us_2 .adv li{width: 50%} .why_choose_us_2 .adv font{font-size: 16px!important;} .why_choose_us_2 .swiper-slide .leakey_title_box{padding:20px 30px 50px} } /*index_about_c*/ .index_about_c{margin-top:10px;} .index_about_c ul{margin-top:60px} .index_about_c li:first-child a{border-left:1px solid #ddd} .index_about_c li a .iconfont{transition: all 0.3s ease-in;} .index_about_c li:hover a .iconfont{transform: rotate(360deg);} /* .index_about_c li:hover a{font-weight: bold;}*/ .index_about_c li a{text-align: center;display: block;border-right:1px solid #ddd} .index_about_c li a .iconfont{font-size: 50px;line-height: 50px;color:#f6c11b;margin-bottom: 10px;display: block;} .leakey_index_about .leakey_img_box{height: 100%;overflow: hidden;border-radius: 5px} .leakey_index_about:hover .leakey_img_box img{transform: scale(1.1);} .leakey_index_about .leakey_img_box img{object-fit: cover;height:100%;width:100%} .leakey_index_about .leakey_col_avg_2:nth-of-type(2){float:right;width:45%} @media screen and (max-width: 1024px){ .leakey_index_about .leakey_col_avg_2:nth-of-type(2){width:100%} } /*index_pro_section*/ .index_pro_section:nth-of-type(1)>div ul{width:60%;float: right;} .index_pro_section:nth-of-type(1)>div ul li{margin-bottom: 0} .index_pro_section:nth-of-type(1)>div ul li a{display: block;} .index_pro_section>div>div{padding:50px} .index_pro_section>div::after{background: rgba(255,255,255,0.92);opacity: 1} .index_pro_section .leakey_title:after{background: #f6c11b} .pro_index{font-size: 50px;font-family: Impact;line-height: 50px;float: left;width:50px;height:50px;opacity: 0.65;} .index_pro_section .leakey_title{padding-top:5px;text-indent: 15px;white-space: nowrap;} .index_pro_section .leakey_title_des{color:#333;text-indent: 2em} .index_pro_section:nth-of-type(1)>div ul .title{padding:8px 10px;background: #fff} .index_pro_section:nth-of-type(2){padding-top: 1px!important} .index_pro_section:nth-of-type(2)>div{width: 50%} .index_pro_section:nth-of-type(2)>div:nth-of-type(1){border-right:1px solid #010042} .index_pro_section:nth-of-type(2) .leakey_more{margin-top:30px} .index_pro_section:nth-of-type(2) .leakey_title_box{width: 50%;} .index_pro_section:nth-of-type(2) .leakey_img_box{width: 40%;position: absolute;z-index: 3;display: block;top:50px;right:50px;bottom:50px} .index_pro_section:nth-of-type(2) .leakey_img_box img{height:100%;width:100%;object-fit: cover;} .index_pro_section>div{border-radius: 0} .index_pro_section .leakey_more{border-color:#ccc} @media screen and (max-width: 1800px){ .en .index_pro_section .leakey_title{font-size: 25px!important} .en .index_pro_section:nth-of-type(2) .leakey_title_box{padding-right: 0} } @media screen and (max-width: 1680px){ .index_pro_section:nth-of-type(1)>div .leakey_title_box{width:40%} .index_pro_section:nth-of-type(1)>div ul{width:55%} } @media screen and (max-width: 1440px){ .index_pro_section{padding-left: 20px;padding-right: 20px} .index_pro_section .leakey_title{font-size: 34px!important} .en .index_pro_section:nth-of-type(1)>div .leakey_title_box{width: 50%} .en .index_pro_section:nth-of-type(1)>div ul{width: 50%} } @media screen and (max-width: 1200px){ .index_pro_section:nth-of-type(1)>div ul li:last-child{display: none} .index_pro_section:nth-of-type(1)>div ul li{width: 33.33%} .index_pro_section:nth-of-type(1)>div .leakey_title_box{width:50%} .index_pro_section:nth-of-type(1)>div ul{width:45%} .index_pro_section:nth-of-type(2)>div{width: 100%;border:0} .index_pro_section:nth-of-type(2)>div:nth-of-type(1){border:0;margin-bottom: 1px} .index_pro_section .leakey_title{font-size: 38px!important} } @media screen and (max-width: 1024px){ .index_pro_section:nth-of-type(1)>div .leakey_title_box{width:100%} .index_pro_section:nth-of-type(1)>div ul{width:100%} .en .index_pro_section:nth-of-type(1)>div .leakey_title_box{width: 100%} .en .index_pro_section:nth-of-type(1)>div ul{width: 100%} } @media screen and (max-width:720px){ .index_pro_section:nth-of-type(2) .leakey_title_box{width: 100%;} .index_pro_section:nth-of-type(2) .leakey_img_box{width: 100%;position: relative;top:0;left:0;right: 0;bottom: auto} .en .index_pro_section:nth-of-type(2) .leakey_title_box{padding-right: 50px} } @media screen and (max-width:512px){ .index_pro_section .leakey_title_box .leakey_clear>.leakey_fl{float: none;display: block;width: 100%} .index_pro_section .leakey_more{float: none!important;margin-bottom: 20px} .index_pro_section:nth-of-type(1)>div ul li{width:100%} } .index_pro_section_box .leakey_container>.leakey_title_box{position: relative;z-index: 10;max-width: 1440px;margin:auto;padding-left: 20px;padding-right: 20px} .leakey_swiper_center .leakey_swiper_wraper{background: #000} .leakey_swiper_center .swiper-slide .leakey_title_box{float:left;bottom: 0;left:0;top:0;background: #fff;padding:60px 40px;width:30%} .leakey_swiper_center .swiper-slide .leakey_img_box{width:70%;float: right;} .leakey_swiper_center .swiper-button{opacity: 1} .leakey_swiper_center .swiper-button-prev, .leakey_swiper_center .swiper-container-rtl .swiper-button-next{left:100px} .leakey_swiper_center .swiper-button-next, .leakey_swiper_center .swiper-container-rtl .swiper-button-prev{right:100px} .leakey_swiper_center .swiper-slide .leakey_title_box .leakey_title{margin-bottom: 30px} .leakey_swiper_center .swiper-slide>div{height:100%;position: relative;overflow: hidden;} /*索引*/ .leakey_swiper_center .swiper-slide em{position: absolute;font-style: normal; bottom: 60px;left: 40px;line-height: 60px;font-size: 60px;font-weight: bold;opacity: 0.15;color:#18498a;font-family: Impact;letter-spacing: 4px} /*遮罩fixed*/ .leakey_swiper_center .swiper-slide:before{display: none} .leakey_swiper_center .swiper-slide.swiper-slide-active:before{opacity:0 } .leakey_swiper_center .leakey_swiper_wraper:before{content:"";position:absolute;top:0;left:0;display:block;width:20%;height:100%;z-index:2;transition: all 0.3s ease-in-out;background: #000;opacity: 0.75} .leakey_swiper_center .leakey_swiper_wraper:after{content:"";position:absolute;top:0;right:0;display:block;width:20%;height:100%;z-index:2;transition: all 0.3s ease-in-out;background: #000;opacity: 0.75} @media screen and (max-width: 1680px){ .leakey_swiper_center .leakey_swiper_wraper:before{width:12.5%} .leakey_swiper_center .leakey_swiper_wraper:after{width:12.5%} } /*section_case_app*/ .section_case_app{background:#333;background-position: center;background-size: cover;background-repeat: repeat;position: relative;} .section_case_app::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.15} .section_case_app .leakey_container{position: relative;z-index: z-index:5} .section_case_app .case_app li>div div.case_title{background: rgba(255,255,255,0.82);left:20px;right:20px;bottom:50px;width:auto;padding:10px 20px;border-radius: 0px} .section_case_app .case_app li>div div.case_title .iconfont{border-right: 1px solid #ccc;padding-right:10px;margin-right: 10px;line-height:20px;display: inline-block;position: relative;top:2px} .section_case_app .case_app li>div{position: relative;} .section_case_app .case_app li>div a{position: relative;z-index: 3} .section_case_app .case_app 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.1} .section_case_app .case_list li>a:after{opacity:0.2 } .section_case_app .case_list{margin-top: 50px} @media screen and (max-width: 1680px){ .section_case_app .case_app li>div div.case_title{font-size: 18px;line-height: 22px;left:20px;right:20px;padding:6px 10px;font-size: 18px;line-height: 18px} .section_case_app .case_app li>div div.case_title .iconfont{font-size: 18px;line-height: 18px;top:2px} .section_case_app .case_app li>div{height:480px} } @media screen and (max-width: 1440px){ .case_list li{width: 33.3333%} } @media screen and (max-width: 1200px){ .section_case_app .case_list li{width: 33.3333%} .case_list li>a{height:350px} } @media screen and (max-width: 730px){ .section_case_app .case_list li{width: 50%;padding-left:0;padding-right: 0;margin-bottom: 0} .section_case_app .case_list ul{margin-left: 0;margin-right: 0} .case_list li>a{height:350px} } @media screen and (max-width: 512px){ .case_list li>a .leakey_title{font-size: 18px!important} .case_list li{width: 50%} } .db_img .leakey_container{padding:0;} .db_img .leakey_container img{width: 100%;display: block;} /*.amap-info-content{background: none;box-shadow: none} .bottom-center .amap-info-sharp{display: none} .amap-info-contentContainer:hover .amap-info-outer{box-shadow: none}*/ .case_sub_title {margin-bottom: 30px;position: relative;} .case_sub_title::before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#ffc107 } .case_sub_title span{background: #ffc107;color: #fff;display: inline-block;padding:2px 40px;font-size: 22px;position: relative;z-index: 2}