.leakey_banner_pc{height: 800px;}
header{background: rgba(255,255,255,0.05);}
header:after{content: "";position: absolute;width: 100%;height: 1px;left: 0;bottom: 0;opacity: 0.08;background: #fff}
header.fixedon{background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);}
header.fixedon nav li a:link,header.fixedon nav li a:visited{color: #333;}
header .logo{display: block;left: 20px;top: 50%;margin-top: -35px;position: absolute; line-height: 0;}
header .logo img{max-height: 70px;}
header nav li a:link,header nav li a:visited{color: #fff;padding: 0 20px;}

.leakey_header_container{padding: 0 20px}
.leakey_header_container nav ul{width: 100%;text-align: center;line-height: 0;}
.leakey_header_container nav ul li{float: none;display: inline-block;}
.leakey_header_container nav>ul>li a{display:block;height: 90px;line-height: 90px;font-size: 18px;position: relative;overflow: hidden;}
.leakey_header_container nav>ul>li a span{display: block;transition: transform 0.3s ease-in-out;}
.leakey_header_container nav>ul>li.active a{color:#c73f0e}
.leakey_header_container nav>ul>li a:after{content: attr(data-name);color:#18498a;display: block;height: 100%;width: 100%;position: absolute;left: 0;top: 100%;transition: transform 0.3s ease-in-out;}
.leakey_header_container nav>ul>li a:hover:after{transform: translateY(-100%);}
.leakey_header_container nav>ul>li a:before{content: "";height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #18498a;width: 0;opacity: 0;transition: all 0.6s ease-in-out;}
.leakey_header_container nav>ul>li a:hover:before{width: 100%;opacity: 1;}
.leakey_header_container nav>ul>li.active a span{transform: translateY(-100%);}
.leakey_header_container nav>ul>li.active a:after{transform: translateY(-100%);color: #c73f0e}
.leakey_header_container nav>ul>li.active a:before{background:#c73f0e }
.leakey_header_container nav>ul>li a:hover span{transform: translateY(-100%);}

.leakey_banner_pc .swiper-slide:after{opacity: 0.15;}
.leakey_banner_pc .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_pc .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");}
.banner_txt div{padding: 0 20px;text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.banner_txt h3{font-size: 48px;text-transform: uppercase;font-weight: bold;max-width: 55%;line-height: 50px;}
.banner_txt h3:after{content: "";height: 3px;width: 100px;background: #fff;display: block;margin-top: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.banner_txt p{font-size: 22px;max-width: 50%;letter-spacing: 1px;}
.swiper-button-next, .swiper-button-prev{transition: background 0.3s ease-in-out;}
.swiper-button-next:hover, .swiper-button-prev:hover{background-size: 60%;background-color: rgba(255,255,255,0.3);}

.language{position: absolute;right: 20px;top: 0;}
.language a{display: block;height: 90px;line-height: 90px;padding: 0 20px;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{color: #c73f0e}
header.fixedon .language a{color: #333;}
header.fixedon .language a:after{background: #333;}

.leakey_title .title_txt:after{content: "";display: block;height: 2px;width: 50px;background: #18498a;margin-top: 5px;}

.leakey_title{margin-bottom: 20px;}
.leakey_title .title_txt{float: left;}
.leakey_title .leakey_more{float: right;}
.leakey_more{border-color: #ccc}
.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_about_l{padding-right: 0.6%;}
.index_about_img{margin-top: 20px;height: 250px;background-repeat: no-repeat;background-size:cover ;}
.leakey_about_r{position: relative;height: 300px}
.leakey_about_r>div{position: absolute;top: 0;left: 0;width: 38%;height: 100%;background: #f2f2f2;padding: 30px;color: #fff;overflow: hidden;}
.leakey_about_r>div:nth-of-type(1) div{position: absolute;left: 30px;right: 30px;bottom: 30px}
.leakey_about_r>div:nth-of-type(1) span{margin-bottom: 20px;display: block;}
.leakey_about_r>div:nth-of-type(1) .leakey_more{margin-top: 20px}
.leakey_about_r>div:nth-of-type(2),.leakey_about_r>div:nth-of-type(3){left: 39%;height: 49%;width: 61%}
.leakey_about_r>div:nth-of-type(3){top:51%;}
.leakey_about_r .iconfont{font-size: 60px;line-height: 60px;}
.leakey_about_r>div h3{font-size: 32px;line-height: 32px;margin-bottom: 10px;}
.leakey_about_r>div:nth-of-type(2) span,.leakey_about_r>div:nth-of-type(3) span{width: 90px;display: block;float: left;height: 100%;position: relative;}
.leakey_about_r>div:nth-of-type(2) span:before,.leakey_about_r>div:nth-of-type(3) span:before{position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.leakey_about_r>div:nth-of-type(2) div,.leakey_about_r>div:nth-of-type(3) div{position: absolute;top: 50%;transform: translateY(-50%);right: 20px;left: 120px}
.leakey_about_r>div:nth-of-type(1)>div,
.leakey_about_r>div:nth-of-type(2)>span,.leakey_about_r>div:nth-of-type(2)>div,
.leakey_about_r>div:nth-of-type(3)>span,.leakey_about_r>div:nth-of-type(3)>div{z-index: 2}
.leakey_about_r>div:nth-of-type(3) .leakey_more{position: absolute;right: 30px;top: 0;}
.leakey_about_r>div:nth-of-type(1):after,.leakey_about_r>div:nth-of-type(2):after,.leakey_about_r>div:nth-of-type(3):after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:url(../images/about_bg1.jpg);background-repeat: no-repeat;background-size: cover; z-index: 0;transition: all 0.8s ease-in-out;}
.leakey_about_r>div:nth-of-type(3):after{background:url(../images/about_bg2.jpg);}
.leakey_about_r>div:nth-of-type(1):after{background:url(../images/about_bg0.jpg);}
.leakey_about_r>div:nth-of-type(2):before,.leakey_about_r>div:nth-of-type(3):before,.leakey_about_r>div:nth-of-type(1):before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #18498a;z-index: 1;opacity: 0.75;}
.leakey_about_r>div:nth-of-type(1):before{background:#c73f0e;opacity: 0.85; }
.leakey_about_r>div:hover:after{transform: scale(1.2);}
.leakey_about_r .leakey_more{display: inline-block;color: #fff;}

.index_services{background: #f2f2f2;}
.index_services .swiper_services{position: relative;overflow: hidden;}
.index_services .leakey_title{z-index: 1;position: relative;/*color: #fff;*/margin-bottom: 70px;}
/*.index_services .leakey_title .title_txt:after{background: #fff;}*/
.index_services .leakey_container{max-width: 100%;padding-left: 0;padding-right: 0;padding-bottom: 0;}
.index_services .swiper-wrapper{margin-top: 50px}
.index_services .swiper-slide{border-right: 1px solid rgba(255,255,255,0.2);}
.index_services .swiper-slide:last-child{border: 0}
.index_services .swiper-slide a{display: block;text-align: center;}
.index_services_bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;}
.index_services_bg>div{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;}
.index_services .swiper-button,.index_services .swiper-pagination{display: none;}
.index_services .swiper-slide a{color: #fff;padding: 150px 30px }
.index_services .swiper-slide a span{font-size: 50px;line-height: 50px;margin-bottom: 50px;display: inline-block;}
.index_services .swiper-slide a h3{font-size: 22px;}
.index_services .swiper-slide a p{margin-top: 30px}
.index_services .swiper-slide a em{padding: 8px 30px;background: #c73f0e;color: #fff;display: inline-block;margin-top: 80px}
.index_services_bg:before{content: "";background: #000;opacity: 0.15;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;}
.index_services_bg{background: #000;}
.index_services_bg div{opacity: 0;transition: opacity 0.4s ease-in-out,transform 2s ease-in-out 0.3s;transform-origin: center;background-size: cover;z-index: 1;}
.index_services_bg div.active{opacity: 1;transform: scale(1.1);transition: all 0;z-index: 0;}

.index_Partners{background: #fff;}
.swiper_partners{overflow: hidden;position: relative;}
.swiper_partners .swiper-slide{border: 1px solid #f2f2f2;text-align: center;line-height: 0;}
.swiper_partners .swiper-slide img{width: 100%;}
.swiper_partners .swiper-slide h4{padding: 12px 20px;line-height: 22px}
.index_Partners .swiper-container-horizontal>.swiper-pagination-bullets,.index_Partners .swiper-pagination-custom,.index_Partners .swiper-pagination-fraction{bottom: 0}
.swiper_partners{padding-bottom: 40px;}
.swiper-pagination-bullet-active{background:#18498a ;}

.leakey_f_t_l p{clear: both;}
.footer_icon_list{margin-top: 20px}
.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{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;}
.qrcode img{border: 0}
.leakey_footer .leakey_title{margin-bottom: 30px;}
.footer_nav{margin-bottom: 20px;}
.footer_nav li{float: left;padding: 0 20px;position: relative;}
.footer_nav li:last-child{padding-right: 0;}
.footer_nav li:after{content: "";width: 1px;height: 14px;background: #333;position: absolute;right: 0;top: 50%;transform: translateY(-50%) skewX(-10deg);}
.footer_nav li:last-child:after{display: none;}
.leakey_f_t_r .qrcode{float: right;}

.channel_t{margin-bottom: 1px;}
.partner_list .logo_list li a{border: 1px solid #f2f2f2;display: block;}
.partner_list .logo_list li a span{line-height: 0;overflow: hidden;display: block;}
.partner_list .logo_list li a h2{padding: 10px 20px;text-align: center;}
/*.leakey_f_top .leakey_f_container{background-image: url(../images/footer_bg.png);background-repeat: no-repeat;background-position: right bottom;}*/
.feedback{margin-top: 30px;}
.feedback .form-text{width:32%;float: left;margin-right: 2%;}
.feedback .form-text:nth-of-type(3){margin-right: 0;}
.feedback .form-text input{width: 100%;border:1px solid #aaa;padding: 2px 5px;height: 40px;line-height: 40px;}
.feedback .form-text input:focus,.feedback .form-textarea textarea:focus{border-color: #067ad1;}
.feedback .form-group{margin-bottom: 10px;}
.feedback .form-textarea{display: block;width: 100%;clear: both;}
.feedback .form-textarea textarea{width: 100%;height: 200px;border:1px solid #aaa;padding: 2px 5px}
.feedback .form-button{text-align: center;}
.feedback .form-button input{padding: 12px 40px;border: 0;background: #067ad1;color: #fff;cursor: pointer;}
.feedback .form-button input:hover{background: #c73f0e;}

.about_body .leakey_container,.img_list_body .leakey_container{overflow: hidden;}
.img_list_wrap li{text-align: center;}
.swiper_service_pic{overflow: hidden;position: relative;margin-top: 20px;;padding-bottom: 30px;}
.swiper_service_pic .swiper-slide{line-height: 0;font-size: 0;}
.swiper_service_pic .swiper-slide a{display: block;height: 100%}
.swiper_service_pic .swiper-pagination{bottom: 0px}
.swiper_service_pic img{width: 100%;height: 100%}
.index_services_pic{border-bottom: 1px solid #f2f2f2;}
.index_services_pic .leakey_container{padding:15px  0;max-width: 100%;}
.index_services_pic .swiper_service_pic{margin-top: 0;padding-bottom: 0;}
.contacts_info .leakey_col h3{line-height: 28px;}

.swiper-lazy-preloader{background-image: url(../images/qr.png);background-repeat: no-repeat;background-position: center;}
.swiper_service_pic .swiper-slide{border: 1px solid #f2f2f2}
.leakey_subbanner{background-position: center;}
@media screen and (max-width: 1440px){
    
}

@media screen and (max-width: 1280px){
    
}

@media screen and (max-width: 1200px){
    header nav li a:link, header nav li a:visited{padding: 0 15px}
    .leakey_about_l{margin-bottom: 10px;}
    .leakey_about_l,.leakey_about_r{width: 100%;}
    .footer_nav li:nth-of-type(1),.footer_nav li:nth-of-type(6){display: none;}
}

@media screen and (max-width: 1024px){
    .index_services .swiper-button,.index_services .swiper-pagination{display: block;}   
    .banner_txt h3{font-size: 38px;line-height: 40px;max-width: 100%}   
    .banner_txt p{max-width: 100%;font-size: 18px;}
    .footer_nav li:nth-of-type(7){display: none;}
    .leakey_col_4{width: 25%}
}

@media screen and (max-width: 960px){
    .footer_nav{display: none}
}

@media screen and (max-width: 720px){
    .leakey_about_r>div{position: relative;width: 100%;height: 300px;margin-bottom: 10px;}
    .leakey_about_r>div:nth-of-type(2), .leakey_about_r>div:nth-of-type(3){top: 0;left: 0;height: 150px;width: 100%;padding: 30px;}
    .leakey_about_r{height: auto;}
    .leakey_about_r>div:nth-of-type(3){margin-bottom: 0;}
    .banner_txt h3{font-size: 30px;}
    .leakey_location li{width: auto}
    .leakey_col_4{width: 33.33%}
    
}
@media screen and (max-width: 640px){
    .leakey_f_b_r{display: none;}
    .leakey_location{width: 100%;}
    .leakey_location ul{float: none;margin-top: 10px;}
    .leakey_remark_title{width: 100%;}
    .leakey_col_8{width: 49%}
    .leakey_col_8:nth-of-type(3n){margin-right: 2%;}
    .leakey_col_8:nth-of-type(2n){margin-right: 0;}
}
@media screen and (max-width: 614px){
    .leakey_f_t_r{display: none;}
}
@media screen and (max-width: 512px){
    .leakey_about_r>div:nth-of-type(3) .leakey_more{position: relative;right: auto;}
    .leakey_col_4{width: 50%}
    .contacts_info>div{width: 100%;}
    .contacts_info div:first-child{border-right: 1px solid #f2f2f2;border-bottom: 0;}
   
}
@media screen and (max-width: 414px){
    
}