.wp{
    width: 95%;
    max-width: 1400px;
    margin: 0 auto;
}
.banl{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.banl .txt{
    text-align: center;
    overflow: hidden;
    padding: 140px 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .04), rgba(0, 0, 0, .18));
}
.banl .txt .tips{
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 12px rgba(0, 0, 0, .35);
    margin-bottom: 21px;
    font-size: 15px;
    overflow: hidden;
}
.banl .txt .tit{
    color: #fff;
    text-shadow: 0 1px 18px rgba(0, 0, 0, .35);
    font-size: 52px;
    font-weight: 400;
    line-height: 1.15;
}
.banl .txt .desc{
    text-shadow: 0 1px 12px rgba(0, 0, 0, .45);
    margin: 23px 0 0;
    font-size: 21px;
    color: #fff;
}
.cur{
    overflow: hidden;
    font-size: 15px;
    color: #222;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 29px 0 0;
}
.cur a{
    color: #717171;
    transition: .5s;
}
.cur a:hover,
.cur a:hover svg{
    color: #2461A5;
}
.cur svg{
    width: 13px;
    height: 13px;
    color: #717171;
    transition: .5s;
}
.cur a svg{
    width: 13px;
    height: 13px;
}
.g-titl1{
    color: #2461A5;
    margin: 0 0 26px;
    font-family: Arial, Microsoft YaHei, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.3;
    overflow: hidden;
}
.m-londonl1{
    overflow: hidden;
}
.m-londonl1 .london{
    padding: 64px 0 15px;
    overflow: hidden;
    border-bottom: 1px solid #dedede;
}
.m-londonl1 .info{
    color: #222;
    font-size: 20px;
    line-height: 1.85;
    overflow: hidden;
    margin-bottom: 21px;
}
.m-londonl1 .desc{
    overflow: hidden;
}
.m-londonl1 .desc p{
    color: #717171;
    margin-bottom: 21px;
    font-size: 17px;
    line-height: 1.95;
}
.m-londonl2 {
    overflow: hidden;
}
.m-londonl2 .london{
    padding: 34px 0 14px;
    overflow: hidden;
    border-bottom: 1px solid #dedede;
}
.ul-listl1{
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0 -11px;
}
.ul-listl1 li{
    width: 50%;
    flex-shrink: 0;
    padding: 0 11px;
    margin-bottom: 22px;
}
.ul-listl1 .con{
    display: block;
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .08);
    color: #2461A5;
    box-shadow: 0 0 4px rgba(0, 0, 0, .08);
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    padding: 37px 68px;
    font-size: 18px;
    position: relative;
    transition: .5s;
}
.ul-listl1 .con .arrow{
    position: absolute;
    top: 50%;
    right: 40px;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
}
.ul-listl1 .con .arrow svg{
    display: block;
    width: 100%;
    height: 100%;
}
.ul-listl1 .con:hover{
    background: #2461A5;
    color: #fff;
}
.m-londonl3{
    padding: 34px 0 79px;
    overflow: hidden;
}
.ul-listl2{
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0 -10px;
}
.ul-listl2 li{
    width: 16.666%;
    flex-shrink: 0;
    padding: 0 10px;
}
.ul-listl2 .con{
    display: block;
    height: 100%;
    overflow: hidden;
}
.ul-listl2 .con .pic{
    display: block;
    padding-top: 128.4404%;
    position: relative;
    height: 0;
    overflow: hidden;
    margin-bottom: 12px;
}
.ul-listl2 .con .pic .img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: .5s;
}
.ul-listl2 .con .txt{
    overflow: hidden;
}
.ul-listl2 .con .tit{
    display: block;
    margin: 0 0 4px;
    color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;
    transition: .5s;
}
.ul-listl2 .con .tit svg {
    width: 11px;
    height: 11px;
    color: #2461A5;
}
.ul-listl2 .con .info{
    color: #717171;
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
}
.ul-listl2 .con .email{
    color: #2461A5;
    overflow-wrap: anywhere;
    margin-top: 7px;
    font-size: 13px;
    display: block;
}
.ul-listl2 .con:hover .pic .img{
    transform: scale(1.08, 1.08);
}
.ul-listl2 .con a.tit:hover{
    color: #2461A5;
}
.m-londonl4{
    padding: 65px 0;
    overflow: hidden;
}
.m-londonl4 .col-l{
    width: 47.2857%;
    float: left;
    overflow: hidden;
}
.m-londonl4 .col-r{
    width: 47.2857%;
    float: right;
    overflow: hidden;
}
.m-londonl4 .col-l .left{
    float: left;
    width: 72.6998%;
    overflow: hidden;
}
.m-londonl4 .col-l .left .g-titl1{
    margin-bottom: 24px;
}
.m-londonl4 .col-l .left .info{
    margin-bottom: 23px;
    font-size: 17px;
    line-height: 1.9;
    color: #222;
    overflow: hidden;
}
.m-londonl4 .col-l .left .addr{
    overflow: hidden;
}
.m-londonl4 .col-l .left .addr a{
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    display: flex;
    color: #222;
    transition: .5s;
}
.m-londonl4 .col-l .left .addr a svg{
    width: 15px;
    height: 15px;
    color: #2461A5;
}
.m-londonl4 .col-l .left .addr a:hover,
.m-londonl4 .col-l .left .addr a.btn{
    color: #2461a5;
    transition: .5s;
}
.m-londonl4 .col-l .left .addr a.btn:hover{
    opacity: 0.7;
}
.m-londonl4 .col-l .right{
    float: right;
    overflow: hidden;
    width: 150px;
}
.m-londonl4 .col-l .right .tit{
    margin: 10px 0 24px;
    font-size: 17px;
    font-weight: 500;
    color: #222;
    overflow: hidden;
}
.m-londonl4 .col-l .right .date{
    overflow: hidden;
}
.m-londonl4 .col-l .right .box{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #222;
    padding-bottom: 18px;
}
.m-londonl4 .col-l .right .box .rr{
    color: #717171;
}
.m-londonl5{
    padding: 60px 0 66px;
    overflow: hidden;
}
.ul-imgl1{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 25px;
    padding: 28px 0 30px;
    border-bottom: 1px solid #dedede;
}
.ul-imgl1 li{
    overflow: hidden;
}
.ul-imgl1 .con{
    display: block;
    height: 77px;
    line-height: 77px;
    font-size: 0;
    overflow: hidden;
}
.ul-imgl1 .con img{
    display: inline-block;
    vertical-align: middle;
    max-width: 165px;
    max-height: 100%;
}
.m-londonl5 .desc{
    overflow: hidden;
}
.m-londonl5 .desc p{
    margin: 0 0 11px;
    font-size: 14px;
    color: #717171;
    line-height: 1.85;
}
.m-mapl{
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
    background: #dedede;
}
.m-detailsl{
    overflow: hidden;
    background-position: top center;
    background-size: 100% 260px;
    background-repeat: no-repeat;
    padding-top: 260px;
}
.m-detailsl .wp{
    max-width: 1290px;
}
.m-detailsl .detailsl{
    background: #fff;
    margin-top: -102px;
    overflow: hidden;
    padding: 50px 244px 90px;
    position: relative;
}
.m-detailsl .detailsl .btn{
    display: block;
    position: absolute;
    top: 40px;
    right: 61px;
    overflow: hidden;
}
.m-detailsl .detailsl .back{
    display: block;
    float: left;
}
.m-detailsl .detailsl .back .icon{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #999;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 11px;
    transition: .5s;
}
.m-detailsl .detailsl .back .icon svg{
    width: 20px;
    height: 20px;
    fill: #999;
    transition: .5s;
}
.m-detailsl .detailsl .back .tt{
    font-size: 14px;
    color: #999;
    text-align: center;
    overflow: hidden;
    transition: .5s;
}
.m-detailsl .detailsl .back:hover .icon{
    border-color: #2461A5;
}
.m-detailsl .detailsl .back:hover .icon,
.m-detailsl .detailsl .back:hover .tt{
    color: #2461A5;
}

.m-detailsl .detailsl .back:hover .icon svg{
    fill: #2461A5;
}
.m-detailsl .detailsl .title{
    font-size: 40px;
    color: #222;
    line-height: 1.4;
    overflow: hidden;
    font-weight: bold;
    margin-bottom: 41px;
}
.m-detailsl .detailsl .text{
    font-size: 18px;
    color: #222;
    line-height: 1.75;
    overflow: hidden;
}

.footer{
    /* overflow: hidden; */
}
.ul-linkl{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 40px 0 34px;
    border-bottom: 1px solid #dedede;
    gap: 14px 38px;
    font-size: 16px;
}
.ul-linkl li{
    overflow: hidden;
}
.ul-linkl .con{
    color: #fff;
    overflow: hidden;
}
.footer .foot{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    /* overflow: hidden; */
    padding: 25px 0;
    gap: 20px;
}
.footer .foot .ll{
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    display: flex;
}
.footer .foot .ll .link{
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
}
.footer .foot .ll .link .a{
    font-size: 16px;
    color: #fff;
}
.footer .foot .share{
    /* overflow: hidden; */
    align-items: center;
    gap: 8px;
    display: flex;
}
.footer .foot .share .img{
    width: 30px;
    height: 30px;
}
.footer .foot .share .btn{
    position: relative;
    cursor: pointer;
}
.footer .foot .share .wechat-popover{
    background: #fff;
    border: 1px solid #dedede;
    width: 190px;
    padding: 12px;
    position: absolute;
    bottom: 45px;
    overflow: hidden;
    display: none;
}
.footer .foot .share .wechat-popover img{
    display: block;
    width: 100%;
}

.footer .foot .rr{
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    gap: 15px;
    margin-left: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.footer .foot .rr a{
    color: #fff;
}
.footer .foot .rr a:hover,
.footer .foot .ll .link .a:hover,
.ul-linkl .con:hover{
    text-decoration: underline;
}


@media screen and (max-width: 1000px) {
    .wp,.m-detailsl .wp{
        max-width: none;
        margin: 0 auto;
        width: 100%;
        padding: 0 20px;
    }
    .banl .txt .tips{
        font-size: 13px;
        margin-bottom: 14px;
    }
    .banl .txt .tit{
        font-size: 42px;
    }
    .banl .txt .desc{
        max-width: 330px;
        font-size: 18px;
        line-height: 1.6;
        margin: 0 auto;
    }
    .cur{
        padding-top: 21px;
        font-size: 13px;
    }
    .g-titl1{
        font-size: 25px;
    }
    .m-londonl1 .london{
        padding: 35px 0 15px;
    }
    .m-londonl1 .info{
        font-size: 19px;
        margin-bottom: 15px;
    }
    .ul-listl1{
        margin:  0 -8px;
    }
    .ul-listl1 li{
        padding: 0 8px;
        margin-bottom: 16px;
    }
    .ul-listl1 .con{
        padding: 26px 44px;
        font-size: 16px;
    }
    .ul-listl1 .con .arrow{
        right: 22px;
    }
    .ul-listl2 li{
        width: 33.33%;
        margin-bottom: 20px;
    }
    .m-londonl3{
        padding: 34px 0 20px;
    }
    .m-londonl4 .col-l .left,
    .m-londonl4 .col-l .right{
        float: none;
        width: auto;
        margin-bottom: 10px;
        padding: 0;
    }
    .m-londonl4{
        padding: 30px 0;
    }
    .m-londonl4 .col-l .right .tit{
        margin-top: 0;
    }
    .m-londonl5{
        padding: 30px 0;
    }
    .ul-imgl1 .con{
        height: 70px;
        line-height: 70px;
    }
    .ul-imgl1{
        padding-top: 10px;
    }

    .m-detailsl{
        padding-top: 150px;
        background-size: auto 150px;
    }
    .m-detailsl .detailsl{
        margin-top: 0;
        padding: 20px 0 40px;
    }
    .m-detailsl .detailsl .btn{
        position: static;
        padding-top: 20px;
    }
    .m-detailsl .detailsl .title{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .m-detailsl .detailsl .text{
        font-size: 14px;
    }

}

@media screen and (max-width: 640px) {
    .ul-listl1{
        display: block;
    }
    .ul-listl1 li{
        width: 100%;
    }
    .ul-listl1 .con{
        padding: 22px 34px;
    }
    .ul-listl1 .con .arrow{
        right: 15px;
    }
    .ul-listl2{
        margin: 0 -9px;
    }
    .ul-listl2 li{
        width: 50%;
        padding: 0 9px;
        margin-bottom: 18px;
    }
    .m-londonl4 .col-l,
    .m-londonl4 .col-r{
        float: none;
        width: auto;
    }
    .m-londonl4 .col-l{
        display: flex;
    }
    .m-londonl4 .col-l .left{
        flex: 1;
        margin-right: 10px;
    }
    .m-londonl4 .col-l .right{
        flex-shrink: 0;
        width: 130px;
    }
    .m-londonl4 .col-l .left .addr a{
        font-size: 14px;
    }
    .ul-linkl{
        gap: 10px 20px;
        padding: 26px 0 22px;
        font-size: 14px;
    }
    .footer .foot{
        gap: 15px;
    }
}