
/* ------------------------------大事记-------------------------------- */
.dsj-timeshaft-box{width: 100%;overflow: hidden;}
/* ------------------------------关于betway西汉姆官网-------------------------------- */
.gywm-message-box{width: 100%;overflow: hidden;padding: 44px 0 80px 0;}
.gywm-message{width: 1140px;margin: 0 auto;}
.gywm-message p{font-size: 15px;color: #777;line-height: 24px;}
.gywm-message-words{width: 100%;overflow: hidden;}
.gywm-message-words p{font-size: 15px;color: #777;line-height: 24px;margin-top: 24px;}
.gywm-message-num{width: 100%;overflow: hidden;margin-bottom: 50px;}
.gywm-message-num ul li{width: 25%;float: left;text-align: center;overflow: hidden;}
.gywm-message-num ul li span{font-size: 70px;color: #004098;font-family: 'Dincond';}
.gywm-message-num ul li b{font-weight: normal;font-size: 18px;color: #555;margin-left: 6px;}
.gywm-message-num ul li p{width: 90%;margin-left: 5%;font-size: 16px;color: #777;margin-top: 4px;line-height: 26px;}

/* ------------------------------合作伙伴-------------------------------- */
.hzhb-piclist-box{width: 100%;overflow: hidden;padding: 44px 0 80px 0;}
.hzhb-piclist{width: 1240px;margin: 0 auto;}
.hzhb-piclist-pic{width: 98%;overflow: hidden;margin: 0 auto;}
.hzhb-piclist-pic ul li{width: 20%;float: left;text-align: center;height: 130px;border: 1px solid transparent;transition: all .3s;padding: 16px 10px;position: relative;overflow: hidden;cursor: pointer;display:flex;align-items: center;justify-content: center}
.hzhb-piclist-pic ul li img{max-width: 100%;max-height: 100%;object-fit:cover;transform:none;position:static}
.hzhb-piclist .swiper-wrapper{padding-bottom: 60px;}
.hzhb-piclist-pic ul li:hover{border-color: #004098;}
.hzhb-piclist-pic ul li:hover img{margin-top: -6px;}
.hzhb-piclist .swiper-pagination-bullet {background: #dddddc;opacity: 1;}
.hzhb-piclist .swiper-pagination-bullet-active {background: #004098;}

/* ------------------------------betway西汉姆官网期刊-------------------------------- */
.xfqk-piclist-box{width: 100%;overflow: hidden;padding: 44px 0 80px 0;}
.xfqk-piclist{width: 1260px;margin: 0 auto;}
.xfqk-piclist ul{margin-left: -3%}
.xfqk-piclist ul li{width: 22%;margin-left: 3%;float: left;overflow: hidden;position: relative;padding: 16px 16px 0 0;}
.xfqk-piclist-pic{
    width: 100%;
    overflow: hidden;
    height: 370px;
    position: relative;
}
.xfqk-piclist-color{
    position: absolute;
    width: 92%;
    height: 360px;
    background-color: #e4e4e4;
    right: 0;
    top: 0;
    z-index: 1;
}
.xfqk-piclist-pic img{width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 2;}

.xfqk-piclist-shade{
    position: absolute;
    width: 100%;height: 88%;
    background-color: rgba(0, 71, 157, .9);
    right: 0;
    top: 0;
    z-index: 3;
    opacity: 0;
    transition: all .6s;
}
.xfqk-piclist-shade h6{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;}
.xfqk-piclist-shade i{
    width: 40px;height: 41px;
    display: block;margin: 0 auto;
    background: url('/APP/Public/Home/images/about/xfqk_more.png') no-repeat;
    transition: all .6s;
}
.xfqk-piclist-shade p{font-size: 16px;color: #fff;font-weight: bold;margin-top: 20px;}
.xfqk-piclist-shade h6:hover i{transform: translateY(-10px);}
.xfqk-piclist-pic:hover .xfqk-piclist-shade{height: 100%;opacity: 1;}
.xfqk-piclist-words{width: 100%;overflow: hidden;padding: 34px 0 20px 0;text-align: center;}
.xfqk-piclist-words p{width: 90%;margin-left: 5%;font-size: 16px;color: #333;line-height: 26px;}

/* ------------------------------企业文化-------------------------------- */
.qywh-navbar-box{width: 100%;overflow: hidden;padding: 24px 0;}
.qywh-navbar{width: 1300px;margin: 0 auto;position: relative;height: 207px;}
.qywh-navbar ul li{width: 25%;float: left;overflow: hidden;position: relative;text-align: center;padding: 30px 0;cursor: pointer;}

.qywh-navbar ul li span{
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #5b7eb9;
    margin: 0 auto;
    z-index: 3;
    position: relative;
}
.qywh-navbar ul li:nth-child(2n+1) span{margin-bottom: 38px;margin-top: 66px;}
.qywh-navbar ul li:nth-child(2n) span{margin-top: 38px;margin-bottom: 66px;}
.qywh-navbar ul li span:before{
    content: "";
    display: block;
    border-radius: 50%;
    opacity: 0;
    position: absolute;
    width: 80px;
    height: 80px;
    top: -33px;
    left: -33px;
    background-color: rgba(38,93,168,0.44);
    z-index: 1;
}

.qywh-navbar ul li span:after{
    content: "";
    display: block;
    border-radius: 50%;
    opacity: 0;
    position: absolute;
    width: 80px;
    height: 80px;
    top: -33px;
    left: -33px;
    background-color: rgba(38,93,168,0.55);
    z-index: 1;
}
.qywh-navbar-active span:before{
    animation: ripple 3s ease-out .6s infinite;
    -webkit-animation: ripple 3s ease-out .6s infinite;
}
.qywh-navbar-active span:after{
    animation: ripple 3s ease-out 1.2s infinite;
    -webkit-animation: ripple 3s ease-out 1.2s infinite;
}

@-webkit-keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1)}}
@keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}

.qywh-navbar ul li p{font-size: 22px;color: #333;}
.qywh-navbar ul li:hover p{color: #004098;}
.qywh-navbar ul li.qywh-navbar-active p{color: #004098;}


.qywh-navbar-line{
    position: absolute;width: 100%;height: 2px;
    background-color: #cbdaef;left: 0;top: 50%;
}

.qywh-message-box{width: 100%;overflow: hidden;padding: 50px 0 80px 0;}
.qywh-message{width: 1300px;margin: 0 auto;}

.qywh-message-size{width: 100%;overflow: hidden;position: relative;}
.qywh-message-size img{width: 100%;height: 402px;object-fit: cover;}
.qywh-message-words{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.qywh-message-words h4{font-size: 34px;color: #fff;font-weight: bold;}
.qywh-message-words p{font-size: 24px;color: #fff;margin-top: 14px;}

.qywh-message .swiper-slide-active .qywh-message-words h4{ animation: bannerupV 1s ease both;}
.qywh-message .swiper-slide-active .qywh-message-words p{ animation: bannerriV 1s ease both;}
@keyframes bannerupV {
    0% {margin-left: -10%;opacity: 0;}
    100% {margin-left: 0%;opacity: 1;}
}
@keyframes bannerriV {
    0% {margin-left: 10%;opacity: 0;}
    100% {margin-left: 0%;opacity: 1;}
}


/* -------------------------PC端--------------------------- */

@media all and (max-width:1380px) {
    .xfqk-piclist{width: 94%;}
    .qywh-navbar{width: 94%;}
    .qywh-message{width: 94%;}
}

@media all and (max-width:1300px) {
    .hzhb-piclist{width: 94%;}
}

@media all and (max-width:1280px) {
    .gywm-message{width: 94%;}
    .xfqk-piclist-pic{height: 340px;}
    .xfqk-piclist-color{height: 340px;}
    .xfqk-piclist-words {padding: 20px 0 18px 0;}
}

@media all and (max-width:1200px) {
    .xfqk-piclist-pic{height: 290px;}
    .xfqk-piclist-color{height: 290px;}
    .xfqk-piclist-words {padding: 20px 0 18px 0;}
    .qywh-message-size img{height: 360px;}
}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .gywm-message-box {padding: 18px 0 44px 0;}
    .gywm-message-words p {margin-top: 14px;}
    .gywm-message-num {margin-top: 10px;}
    .gywm-message-num ul li{width: 50%;margin-top: 20px;}
    .gywm-message-num ul li b {font-size: 14px;margin-left: 4px;}
    .gywm-message-num ul li span {font-size: 44px;}
    .gywm-message-num ul li p {font-size: 14px;line-height: 22px;height: 44px;}
    .hzhb-piclist-box {padding: 18px 0 44px 0;}
    .hzhb-piclist-pic ul li{width: 33.3333333333333%;height: 80px;padding: 6px 6px;}
    .hzhb-piclist-pic ul li img{max-width: 84%;}
    .hzhb-piclist .swiper-wrapper {padding-bottom: 50px;}
    .xfqk-piclist-box {padding: 24px 0 44px 0;}
    .xfqk-piclist ul{margin-left: 0%;}
    .xfqk-piclist ul li {width: 100%;margin-left: 0%;}
    .xfqk-piclist-pic{height: 410px;}
    .xfqk-piclist-color{height: 410px;}
    .qywh-navbar ul li p {font-size: 14px;}
    .qywh-navbar ul li span{display: none;}
    .qywh-navbar ul li{padding: 16px 0;}
    .qywh-navbar{height: 54px;}
    .qywh-navbar-line {
        top: auto;
        bottom: 0;
    }
    .qywh-message-box {
        padding: 18px 0 44px 0;
    }
    .qywh-message-size img{height: 160px;}
    .qywh-message-words h4 {
        font-size: 18px;
    }
    .qywh-message-words p {
        font-size: 14px;
        margin-top: 8px;
    }
}


<!--耗时1761841325.6715秒-->