/* ==========================================================================
    主页
============================================================================ */
.banner{position: relative;overflow: hidden;}
.banner-swiper a,
.banner-swiper img{display: block;width: 100%;}
.banner-swiper a{position: relative;}
.banner-swiper .img{overflow: hidden;}
.banner-swiper .img img{transform: scale(1.2);transition: .4s;}
.banner-swiper .text{width: 100%;position: absolute;left: 0;top: 50%;color: #fff;text-align: center;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.banner-swiper .text h2{font-size: 60px;opacity: 0;transform: translateY(100px);transition: .4s;}
.banner-swiper .text h4{font-size: 18px;opacity: 0;transform: translateY(100px);transition: .4s;}
.banner-swiper .swiper-slide-active .text h2{opacity: 1;transform: translateY(0);transition: 1s .5s;}
.banner-swiper .swiper-slide-active .text h4{opacity: 1;transform: translateY(0);transition: 1s .7s;}
.banner-swiper .swiper-slide-active .img img{transform: scale(1);transition: 3s ease-in-out;}
.banner-control{position: absolute;width: 100%;left: 0;bottom: 30px;z-index: 11;}
.banner-control .wrap{position: relative;}
.banner-control .banner-pagination{padding: 6px 0;text-align: center;}
.banner-control .banner-pagination .swiper-pagination-bullet{vertical-align: top;border: 1px solid #fff;background: none;opacity: 1;width: 12px;height: 12px;margin: 0 4px;}
.banner-control .banner-pagination .swiper-pagination-bullet-active{background: #fff;}
.banner-control .btns{width: 58px;height: 24px;position: absolute;left: 0;top: 0;}
.banner-control .btns a{display: block;width: 24px;height: 24px;border-radius: 100%;background-color: rgba(56, 45, 45, 0.3);transition: .4s;background-repeat: no-repeat;background-position: center center;outline: none;}
.banner-control .btns a:hover{background-color: rgba(56, 45, 45, 0.7);transition: .4s;}
.banner-control .btns .banner-prev{float: left;background-image: url(../img/icon_left.png);}
.banner-control .btns .banner-next{float: right;background-image: url(../img/icon_right.png);}
.banner-box{position: absolute;width: 184px;right: 0;top: 50%;z-index: 15;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);border-radius: 8px 0 0 8px;overflow: hidden;}
.banner-box::before{display: block;content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background-color: rgba(1, 155, 227, 0.5);}
.banner-box .inner{position: relative;z-index: 3;padding: 20px 30px 30px;}
.banner-box .inner h3{text-align: center;font-size: 18px;line-height: 24px;color: #fff;}
.banner-box .inner a{display: block;height: 42px;line-height: 42px;position: relative;margin-top: 20px;overflow: hidden;}
.banner-box .inner a.color1{background-color: #002a8c;color: #fff;}
.banner-box .inner a.color2{background-color: #ffb901;}
.banner-box .inner a img{position: absolute;display: block;width: 50px;height: 100%;right: 0;top: 0;transition: .4s;}
.banner-box .inner a span{display: block;width: calc(100% - 50px);text-indent: 5px;white-space: nowrap;}
.banner-box .inner a:hover img{transition: .4s;transform: translateX(5px);}
.banner-box-switch{display: none;}

@media screen and (max-width: 1440px) {
    .banner-swiper .text h2{font-size: 50px;}
    .banner-swiper .text h4{font-size: 16px;}
}

@media screen and (max-width: 992px) {
    .banner-swiper .text h2{font-size: 40px;}
    .banner-swiper .text h4{font-size: 14px;}
    .banner-box{width: 156px;}
    .banner-box .inner{padding: 12px 20px 20px;}
    .banner-box .inner a{height: 34px;line-height: 34px;}
    .banner-box .inner a img{width: 40px;}
}

@media screen and (max-width: 767px) {
    .banner-swiper .img{height: 240px;}
    .banner-swiper .img img{height: 100%;object-fit: cover;}
    .banner-swiper .text h2{font-size: 24px;}
    .banner-swiper .text h4{font-size: 12px;}
    .banner-control{bottom: 5px;}
    .banner-box{overflow: visible;transform: translate(100%,-50%);transition: .4s;}
    .banner-box-switch{display: block;width: 40px;height: 40px;border-radius: 100%;position: absolute;left: -20px;top: 50%;margin-top: -18px;z-index: 9;}
    .banner-box-switch::before{display: block;content: '';width: 50%;height: 100%;background: rgba(1, 155, 227, 0.5);border-radius: 20px 0 0 20px;position: absolute;left: 0;top: 0;}
    .banner-box-switch i{display: block;width: 50%;height: 100%;background: url(../img/icon_left.png) no-repeat 7px center;position: absolute;z-index: 3;top: 0;left: 0;transition: .4s;}
    .banner-box-switch span{display: block;width: 50%;height: 100%;top: 0;left: 0;position: absolute;background: url(../img/icon_right.png) no-repeat 12px center;transition: .4s;opacity: 0;}
    .banner-box.show{transform: translate(0,-50%);transition: .4s;}
    .banner-box.show i{transition: .4s;opacity: 0;}
    .banner-box.show span{opacity: 1;transition: .4s;}
    .banner-control .btns{display: none;}
}


.notice{padding: 12px 0;line-height: 24px;color: #fff;}
.notice .text-group{max-width: calc(100% - 200px);padding-left: 88px;position: relative;}
.notice .text-group .tit{position: absolute;left: 0;top: 0;font-weight: bold;}
.notice .text-group .tit img{vertical-align: top;margin: 4px 10px 0 0;}
.notice .notice-swiper{height: 24px;}
.notice .notice-swiper a{display: block;color: #fff;padding-right: 100px;position: relative;}
.notice .notice-swiper a p{height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notice .notice-swiper a span{display: block;position: absolute;right: 0;top: 0;text-align: right;opacity: .6;font-size: 14px;width: 100px;color: #fff;}
.notice .notice-bar .notice-order span{font-size: 22px;display: inline-block;vertical-align: middle;line-height: 20px;}
.notice .notice-bar .notice-more{color: #fff;margin-left: 40px;}
.notice .notice-bar .notice-more img{vertical-align: top;margin: 5px 0 0 2px;}

@media screen and (max-width: 767px) {
    .notice .notice-bar .notice-order{font-size: 12px;}
    .notice .notice-bar .notice-order span{font-size: 18px;}
    .notice .notice-bar .notice-more{margin-left: 10px;font-size: 12px;}
    .notice .text-group{max-width: calc(100% - 100px);padding-left: 16px;}
    .notice .text-group .tit{width: 13px;height: 16px;overflow: hidden;top: 50%;margin-top: -8px;}
    .notice .text-group .tit img{width: 100%;height: 100%;display: block;margin: 0;}
    .notice .notice-swiper a{padding-right: 84px;}
    .notice .notice-swiper a span{font-size: 12px;width: 84px;}
}

.home-sec1 .sec-left{width: 52%;}
.home-sec1 .sec-order{margin-right: 5%;}
.home-sec1 .sec-order a{display: inline-block;vertical-align: top;width: 18px;height: 14px;margin-top: 5px;outline: none;}
.home-sec1 .sec-order a.business-prev{background: url(../img/arrow_left.png) no-repeat center center;}
.home-sec1 .sec-order a.business-next{background: url(../img/arrow_right.png) no-repeat center center;}
.home-sec1 .sec-order span{display: inline-block;vertical-align: top;line-height: 24px;margin: 0 12px;}
.home-sec1 .home-swiper{margin-top: 20px;}
.home-sec1 .business-list{margin: 0 -30px;}
.home-sec1 .business-list li{float: left;width: 33.33%;padding: 20px 0;transition: .4s;}
.home-sec1 .business-list span{padding: 15px;background: #fff;border-radius: 8px;display: block;width: 110px;margin: 0 auto;}
.home-sec1 .business-list p{width: 168px;height: 74px;margin: auto;background: url(../img/base_img.png);background-size: 100% 100%;text-align: center;line-height: 1;padding-top: 8px;margin-top: 10px;}
.home-sec1 .business-list li:hover{transform: translateY(-10px);transition: .4s;}
.home-sec1 .sec-right{width: 43%;}
.home-sec1 .sec-list{overflow: hidden;}
.home-sec1 .sec-list li{float: left;width: 25%;height: 515px;}
.home-sec1 .sec-list a{display: block;height: 100%;position: relative;}
.home-sec1 .sec-list .img{height: 100%;overflow: hidden;}
.home-sec1 .sec-list .img img{width: 100%;height: 100%;object-fit: cover;transition: .4s;transform: scale(1.01);}
.home-sec1 .sec-list a:hover .img img{transition: .4s;transform: scale(1.1);}
.home-sec1 .sec-list .filter{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);}
.home-sec1 .sec-list .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.home-sec1 .sec-list .text span{display: block;width: 72px;height: 72px;background: #fff;border-radius: 100%;overflow: hidden;transition: .4s;}
.home-sec1 .sec-list .text span img{width: 100%;height: 100%;}
.home-sec1 .sec-list .text p{font-size: 18px;color: #fff;margin-top: 20px;transition: .4s;}
.home-sec1 .sec-list a:hover .text span{transform: translateY(-10px);transition: .4s;}
.home-sec1 .sec-list a:hover .text p{transform: translateY(10px);transition: .4s;}

.home-sec1 .sec-wrap{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;overflow: hidden;}
.home-sec1 .sec-box{width: 11%;transition: .4s;position: relative;min-height: 515px;}
.home-sec1 .sec-box .item-con{padding: 0 5%;visibility: hidden;opacity: 0;}
.home-sec1 .sec-box .item-menu{cursor: pointer;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.home-sec1 .sec-box .item-menu .img{height: 100%;overflow: hidden;}
.home-sec1 .sec-box .item-menu .img img{width: 100%;height: 100%;object-fit: cover;transition: .4s;}
.home-sec1 .sec-box .item-menu .filter{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);}
.home-sec1 .sec-box .item-menu .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.home-sec1 .sec-box .item-menu .text span{display: block;width: 72px;height: 72px;background: #fff;border-radius: 100%;overflow: hidden;transition: .4s;}
.home-sec1 .sec-box .item-menu .text span img{width: 100%;height: 100%;}
.home-sec1 .sec-box .item-menu .text p{font-size: 18px;color: #fff;margin-top: 20px;transition: .4s;}
.home-sec1 .sec-box .item-menu:hover .text span{transform: translateY(-20px);transition: .4s;}
.home-sec1 .sec-box .item-menu:hover .text p{transform: translateY(20px);transition: .4s;}
.home-sec1 .sec-box .item-menu:hover .img img{transition: .4s;transform: scale(1.1);}
.home-sec1 .sec-box.active{width: 56%;transition: .4s;}
.home-sec1 .sec-box.active .item-menu{visibility: hidden;opacity: 0;transition: .4s;}
.home-sec1 .sec-box.active .item-con{visibility: visible;opacity: 1;transition: .4s .2s;}

@media screen and (max-width: 1440px) {
    .home-sec1 .business-list span{padding: 10px;width: 100px;}
    .home-sec1 .business-list p{width: 144px;height: 64px;padding-top: 6px;}
    .home-sec1 .sec-box{min-height: 440px;}
}

@media screen and (max-width: 1024px) {
    .home-sec1 .business-list{margin: 0 -15px;}
    .home-sec1 .business-list li{padding: 15px 0;}
    .home-sec1 .sec-box .item-menu .text span{width: 60px;height: 60px;}
    .home-sec1 .sec-box .item-menu .text p{font-size: 16px;}
}

@media screen and (max-width: 992px) {
    .home-sec1 .sec-wrap{flex-direction: column;}
    .home-sec1 .sec-box{min-height: 0;width: 100%;}
    .home-sec1 .sec-box.active{width: 100%;}
    .home-sec1 .sec-box .item-menu{position: relative;height: 100px;}
    .home-sec1 .sec-box.active .item-menu{visibility: visible;opacity: 1;}
    .home-sec1 .sec-box .item-menu .text{-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;}
    .home-sec1 .sec-box .item-menu .text p{margin: 0 0 0 20px;}
    .home-sec1 .sec-box .item-con{height: 0;overflow: hidden;padding: 0;transition: .4s;}
    .home-sec1 .sec-box.active .item-con{height: auto;transition: .4s;}
    .home-sec1 .sec-box.active .item-con .sec-tit{padding-top: 20px;}
    .home-sec1 .business-list li{width: 16.66%;}
    .home-sec1 .home-swiper{margin-top: 10px;}
    .home-sec1 .business-list{margin: 0 -10px;}
    .home-sec1 .business-list span{width: 72px;padding: 0;}
    .home-sec1 .business-list span img{width: 100%;}
    .home-sec1 .business-list p{width: 100px;height: auto;background: none;padding: 4px 0 10px;}
    .home-sec1 .sec-box .item-menu:hover .text span{transform: translateY(0);}
    .home-sec1 .sec-box .item-menu:hover .text p{transform: translateY(0);}
}

@media screen and (max-width: 767px) {
    .home-sec1 .sec-box .item-menu{height: 80px;}
    .home-sec1 .sec-box .item-menu .text span{width: 54px;height: 54px;}
    .home-sec1 .business-list{margin: 0;}
    .home-sec1 .business-list li{width: 33.33%;padding: 10px 0;}
}

.home-sec2{overflow: hidden;}
.home-sec2 .sec-part{width: 48.5%;}
.home-sec2 .part-tit{margin-bottom: 24px;}
.home-sec2 .news-img{display: block;position: relative;}
.home-sec2 .news-img .img{overflow: hidden;}
.home-sec2 .news-img .img img{width: 100%;transition: .4s;}
.home-sec2 .news-img .text{position: absolute;width: 100%;left: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.9);padding: 25px 30px;}
.home-sec2 .news-img .text-tit{position: relative;padding-right: 80px;line-height: 36px;}
.home-sec2 .news-img .text-tit span{position: absolute;display: block;width: 80px;top: 0;right: 0;text-align: right;color: #666;}
.home-sec2 .news-img .text-tit h3{height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #002a8c;}
.home-sec2 .news-img .text p{line-height: 24px;color: #666;height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 10px 0 4px;}
.home-sec2 .news-img .text .read-more{color: #a7a7a7;transition: .4s;}
.home-sec2 .news-img:hover .img img{transition: .4s;transform: scale(1.1);}
.home-sec2 .news-img:hover .text .read-more{color: #002a8c;transition: .4s;}
.home-sec2 .part-tit a{font-size: 18px;margin-right: 8%;}
.home-sec2 .part-tit a:last-child{margin-right: 0;}
.home-sec2 .part-tit a:hover{color: #002a8c;transition: .4s;}
.home-sec2 .home-news{background-color: #fbfbfb;padding: 20px;height:403px;}
.home-sec2 .home-news .hot-one{display: block;}
.home-sec2 .home-news .hot-one .img{float: left;width: 160px;overflow: hidden;}
.home-sec2 .home-news .hot-one .img img{display: block;width: 100%;transition: .4s;}
.home-sec2 .home-news .hot-one .text{float: right;width: calc(100% - 180px);}
.home-sec2 .home-news .hot-one .text .text-tit{line-height: 24px;padding-right: 80px;position: relative;}
.home-sec2 .home-news .hot-one .text .text-tit span{position: absolute;display: block;width: 80px;top: 0;right: 0;text-align: right;color: #808080;}
.home-sec2 .home-news .hot-one .text .text-tit h3{font-size: 16px;height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;transition: .4s;}
.home-sec2 .home-news .hot-one .text p{color: #808080;line-height: 24px;height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 10px;}
.home-sec2 .home-news .hot-one:hover .img img{transition: .4s;transform: scale(1.1);}
.home-sec2 .home-news .hot-one:hover .text-tit h3{color: #002a8c;transition: .4s;}
.home-sec2 .home-news ul{margin-top: 10px;}
.home-sec2 .home-news li a{display: block;padding: 10px 80px 10px 14px;border-bottom: 1px dashed rgba(0,0,0,.1);position: relative; line-height: 22px;transition: .4s;}
.home-sec2 .home-news li a:hover{color: #002a8c;transition: .4s;}
.home-sec2 .home-news li a span{position: absolute;display: block;width: 80px;top: 50%;margin-top: -11px;right: 0;text-align: right;color: #808080;}
.home-sec2 .home-news li a::before{display: block;content: '·';width: 8px;height: 22px;position: absolute;left: 0;top: 50%;margin-top: -11px;text-align: center;}
.home-sec2 .home-news li a p{height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-sec2 .home-news .read-more{color: #a7a7a7;transition: .4s;margin-top: 16px;display: inline-block;vertical-align: top;transition: .4s;}
.home-sec2 .home-news .read-more:hover{color: #002a8c;transition: .4s;}

@media screen and (max-width: 1440px) {
    .home-sec2 .sec-part:first-child{width: 52%;}
    .home-sec2 .sec-part:last-child{width: 46%;}
    .home-sec2 .home-news li a{padding: 7px 80px 7px 0;}
}

@media screen and (max-width: 1024px) {
    .home-sec2 .home-news{padding: 14px;}
    .home-sec2 .home-news .hot-one .img{width: 136px;}
    .home-sec2 .home-news .hot-one .text{width: calc(100% - 154px);}
    .home-sec2 .home-news .hot-one .text p{margin-top: 6px;}
    .home-sec2 .home-news .read-more{margin-top: 10px;}
}

@media screen and (max-width: 992px) {
    .home-sec2 .sec-part:first-child{width: 100%;}
    .home-sec2 .sec-part:last-child{width: 100%;margin-top: 30px;}
}

@media screen and (max-width: 767px) {
    .home-sec2 .news-img .text{padding: 12px 15px;}
    .home-sec2 .news-img .text p{margin-top: 4px;}
    .home-sec2 .part-tit{margin-bottom: 15px;}
    .home-sec2 .part-tit a{font-size: 14px;margin-right: 5%;}
    .home-sec2 .home-news .hot-one .text .text-tit{padding: 0 0 20px;}
    .home-sec2 .home-news .hot-one .text .text-tit h3{height: 24px;-webkit-line-clamp: 1;}
    .home-sec2 .home-news .hot-one .text .text-tit span{font-size: 12px;left: 0;top: auto;bottom: 0;text-align: left;line-height: 20px;}
    .home-sec2 .home-news li a span{font-size: 12px;}
    .home-sec2 .home-news li a{padding: 8px 80px 8px 0;}
}


/* ==========================================================================
    个人业务
============================================================================ */
.cxck .img{border-radius: 8px;overflow: hidden;transition: .4s;}
.cxck .img img{width: 100%;}
.cxck h4{font-size: 18px;margin-top: 16px;text-align: center;transition: .4s;}
.cxck a:hover .img{transform: translateY(-5px);transition: .4s;}
.cxck a:hover h4{transform: translateY(5px);transition: .4s;color:#002a8c;}

@media screen and (max-width: 1024px) {
    .cxck h4{font-size: 16px;}
}

@media screen and (max-width: 767px) {
    .cxck h4{font-size: 14px;margin-top: 10px;}
}

.pers-sec2 .item-box{float: left;width: 320px;background-color: #394b71;border-radius: 8px;padding: 32px 28px;text-align: center;}
.pers-sec2 .item-box h3{color: #fff;font-size: 20px;}
.pers-sec2 .item-box a{display: block;background: #fff;border-radius: 8px;line-height: 50px;margin-top: 20px;font-size: 16px;transition: .4s ease-in-out;}
.pers-sec2 .item-box a:hover{background: #002a8c;color: #fff;transition: .4s ease-in-out;}
.xfdk-swiper{float: right;/*width: calc(100% - 360px);*/width:100%;}
.xfdk-swiper ul li{float: left;width: 16%;margin-bottom: 48px;text-align: center;}
.xfdk-swiper ul li a{display: block;}
.xfdk-swiper ul li .img{width: 96px;height: 96px;border-radius: 100%;overflow: hidden;margin: 0 auto;}
.xfdk-swiper ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: .4s;}
.xfdk-swiper ul li h4{margin-top: 10px;font-size: 16px;transition: .4s;}
.xfdk-swiper ul li a:hover .img img{transition: .4s;transform: scale(1.1);}
.xfdk-swiper ul li a:hover h4{transition: .4s;color:#002a8c;}

@media screen and (max-width: 1024px) {
    .pers-sec2 .item-box{width: 270px;}
    .pers-sec2 .item-box h3{font-size: 18px;}
    .pers-sec2 .item-box a{font-size: 14px;line-height: 40px;}
    .xfdk-swiper{width: calc(100% - 300px);}
    .xfdk-swiper ul li .img{width: 80px;height: 80px;}
    .xfdk-swiper ul li h4{font-size: 14px;}
}

@media screen and (max-width: 992px) {
    .pers-sec2 .item-box{width: 100%;}
    .pers-sec2 .item-box a{display: inline-block;vertical-align: top;padding: 0 15px;margin: 20px 10px 0;}
    .xfdk-swiper{width: 100%;margin-top: 20px;}
}

@media screen and (max-width: 767px) {
    .pers-sec2 .item-box{padding: 16px 0px;}
    .pers-sec2 .item-box a{font-size: 12px;padding: 0 10px;margin: 12px 0 0;line-height: 36px;}
    .xfdk-swiper ul li{width: 33%;margin-bottom: 4px;}
    .xfdk-swiper ul li .img{width: 64px;height: 64px;}
    .xfdk-swiper ul li h4{font-size: 12px;margin-top: 6px;line-height: 18px;height: 36px;}
}

.pers-sec3{margin: 0 -5px;}
.pers-sec3 .col{float: left;padding: 5px;}
.pers-sec3 .col.col-46{width: 46%;}
.pers-sec3 .col.col-54{width: 54%;}
.pers-sec3 .col.col-27{width: 27%;}
.pers-sec3 .h-big{height: 410px;}
.pers-sec3 .h-small{height: 200px;}
.pers-sec3 .item-box{position: relative;overflow: hidden;display: block;}
.pers-sec3 .item-box .img{height: 100%;overflow: hidden;}
.pers-sec3 .item-box .img img{width: 100%;height: 100%;object-fit: cover;transition: .4s ease-in-out;transform: scale(1.01);}
.pers-sec3 .item-box:hover .img img{transition: .4s ease-in-out;transform: scale(1.1);}
.pers-sec3 .item-box .text-group{position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;padding: 24px 0 ;}
.pers-sec3 .item-box .text-group h4{font-size: 20px;color: #fff;margin-bottom: 16px;}
.pers-sec3 .item-box .text-group ul{max-width: 448px;margin: auto;}
.pers-sec3 .item-box .text-group li{float: left;width: 50%;padding: 12px 0;line-height: 24px;}
.pers-sec3 .item-box .text-group li a{color: #fff;}
.pers-sec3 .item-box .text{position: absolute;width: 100%;left: 0;bottom: 20px;padding: 0 8%;color: #fff;}
.pers-sec3 .item-box .text h4{font-size: 20px;}

@media screen and (max-width: 1024px) {
    .pers-sec3 .h-big{height: 370px;}
    .pers-sec3 .h-small{height: 180px;}
    .pers-sec3 .item-box .text-group li{padding: 8px 0;}
}

@media screen and (max-width: 767px) {
    .pers-sec3{margin: 0 -2px;}
    .pers-sec3 .col{padding: 2px;}
    .pers-sec3 .col.col-46{width: 100%;}
    .pers-sec3 .h-big{height: 200px;}
    .pers-sec3 .col.col-54{width: 100%;}
    .pers-sec3 .col.col-27{width: 50%;}
    .pers-sec3 .h-small{height: 140px;}
    .pers-sec3 .item-box .text-group{padding: 16px 0;}
    .pers-sec3 .item-box .text-group h4{font-size: 18px;margin-bottom: 10px;}
    .pers-sec3 .item-box .text-group li{padding: 5px 0;}
    .pers-sec3 .item-box .text h4{font-size: 18px;}
}

.pers-sec4{margin: 0 -10px;}
.pers-sec4 li{float: left;width: 20%;padding: 10px;}
.pers-sec4 .item-box{position: relative;display: block;transition: .4s}
.pers-sec4 .item-box .img{overflow: hidden;}
.pers-sec4 .item-box .img img{width: 100%;height: 100%;transition: .4s ease-in-out;transform: scale(1.01);}
.pers-sec4 .item-box:hover{box-shadow: 0 4px 16px rgba(0,0,0,.2);transition: .4s;transform: translateY(-3px);}
.pers-sec4 .item-box:hover .img img{transition: .4s ease-in-out;transform: scale(1.1);}
.pers-sec4 .item-box .text{background: #fff;height: 230px;text-align: center;padding: 24px 5%;}
.pers-sec4 .item-box .text h4{font-size: 20px;margin-bottom: 12px;}
.pers-sec4 .item-box .text p{padding: 10px 0;line-height: 24px;color: #666;}

@media screen and (max-width: 1024px) {
    .pers-sec4 .item-box .text{padding: 18px 0;height: 200px;}
    .pers-sec4 .item-box .text p{padding: 5px 0;}
}

@media screen and (max-width: 992px) {
    .pers-sec4 li{width: 50%;}
}

@media screen and (max-width: 767px) {
    .pers-sec4{margin: 0 -4px;}
    .pers-sec4 li{padding: 4px;}
    .pers-sec4 .item-box .text{padding: 10px 0;height: 140px;}
    .pers-sec4 .item-box .text h4{font-size: 18px;}
    .pers-sec4 .item-box .text p{padding: 0;}
}

.xwdk-wrap .xwdk-con{display: block;}
.xwdk-list .item-box{position: relative;display: block;overflow: hidden;}
.xwdk-list .item-box .img img{width: 100%;height:400px;}
.xwdk-list .item-box .text{position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;background: rgba(56,45,45,.8);transition: .4s;color: #fff;overflow: hidden;height: 86px;}
.xwdk-list .item-box .text .text-inner{padding: 0 8%;}
.xwdk-list .item-box .text h4{font-size: 20px;line-height: 26px;padding: 30px 0;}
.xwdk-list .item-box .text p{line-height: 24px;opacity: 0;transition: .4s;}
.xwdk-list .item-box:hover .text{transition: .4s;height: 100%;padding-top: 8%;background: rgba(0,42,140,.9);}
.xwdk-list .item-box:hover .text p{opacity: 1;transition: .4s;}

@media screen and (max-width: 767px) {
    .xwdk-list .item-box .text{height: 66px;}
    .xwdk-list .item-box .text h4{font-size: 18px;padding: 20px 0;}
}

/* 个人业务-信用卡
============================================================================ */
.credit{padding: 20px 40px;}
.credit-list li{padding: 20px 0;border-bottom: 1px solid #edf2f6;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;}
.credit-list li a{display: block;}
.credit-list .img{float: left;box-shadow: 0 5px 5px rgba(13, 44, 81, 0.2);border-radius: 8px;overflow: hidden;}
.credit-list .img img{/*width: 100%;*/width:200px;height:130px;}
.credit-list .text{float: left;margin-left: 30px;}
.credit-list .text h4{font-size: 16px;margin-bottom: 6px;}
.credit-list .text p{color: #808080;line-height: 22px;padding: 5px 0;}
.credit-list .text p::before{display: inline;content: '·';margin-right: 6px;}
.credit-list .list-down{text-align: center;}
.credit-list .list-down p{font-size: 12px;line-height: 22px;margin-top: 5px;color: #808080;}
.credit-list .down-btn{color: #002a8c;}
.credit-list .read-more{width: 74px;height: 32px;line-height: 32px;text-align: center;box-shadow: 0 5px 10px rgba(0, 42, 140, 0.3);border-radius: 5px;background: linear-gradient(180deg, #019be3 0%, #002a8c 100%);color: #fff;}

@media screen and (max-width: 767px) {
    .credit{padding: 0 15px;}
    .credit-list .img{width: 44%;}
    .credit-list .text{width: calc(56% - 10px);margin-left: 10px;}
    .credit-list .text h4{line-height: 1;margin-bottom: 4px;}
    .credit-list .text p{padding: 0;}
    .right-con .down-group a{font-size: 12px;}

    .debit-list li{padding-bottom: 60px;position: relative;}
    .debit-list li .read-more{position: absolute;bottom: 10px;right: 0;width: 100px;}
}

/* 个人业务-线下产品/线上产品
============================================================================ */
.personal-detail{padding: 35px 35px 42px;}
.personal-detail img{max-width:100%;}
.personal-detail p{line-height: 28px;}
.personal-detail h5{margin-bottom: 4px;font-weight: bold;}
.personal-detail .btn-style2{display: block;margin: 60px auto 0;}
.personal-detail .erweima-group{margin-top: 30px;}
.personal-detail .erweima-group img{margin-bottom: 4px;}
.personal-detail .erweima-group span{display: block;font-size: 12px;color: #808080;padding-top: 4px;}
.personal-tab{padding: 0 15px;background-color: #b2e1f6;}
.personal-tab li{float: left;padding: 14px 15px;position: relative;}
.personal-tab li a{display: block;line-height: 32px;padding: 0 14px;background: #fff;border-radius: 4px;transition: .3s;}
.personal-tab li a:hover{background: #019be3;color: #fff;transition: .3s;}
.personal-tab li.on::before{display: block;content: '';border-style: solid;border-width: 6px;border-color: transparent transparent #b2e1f6 transparent;position: absolute;top: -12px;left: 24px;}
.personal-tab li.on a{background: #019be3;color: #fff;}

@media screen and (max-width: 767px) {
    .personal-tab{padding: 5px;}
    .personal-tab li{padding: 5px;}
    .personal-tab li.on::before{display: none;}
    .personal-detail{padding: 20px 20px 30px;}
    .personal-detail .btn-style2{margin-top: 30px;}
}

/* 个人业务-线下产品-表单
============================================================================ */
.pers-form{padding: 40px 5% 80px;}
.pers-form .form-tit{padding-bottom: 10px;text-align: center;}
.pers-form .form-group{margin-top: 30px;position: relative;}
.pers-form .form-group .label{width: 200px;float: left;text-align: right;line-height: 48px;font-weight: bold;}
.pers-form .form-group .input{float: left;width: calc(100% - 210px);margin-left: 10px;max-width: 572px;}
.pers-form .form-group input{display: block;width: 100%;height: 48px;border: 1px solid #d9d9d9;border-radius: 6px;padding: 0 20px;}
.pers-form .form-group .select{position: relative;cursor: pointer;}
.pers-form .form-group .select input{padding-right: 48px;cursor: pointer;}
.pers-form .form-group .select i{display: block;width: 48px;height: 48px;position: absolute;right: 0;top: 0;background: url(../img/icon_next.png) no-repeat center center;background-size: 8px 14px;transition: .4s;}
.pers-form .form-group .select .select-drop{position: absolute;width: 100%;left: 0;top: 100%;margin-top: 2px;background: #fff;border: 1px solid #d9d9d9;border-radius: 6px;box-shadow: 0 3px 5px rgba(0, 0, 0, .1);padding: 5px 0;transition: .1s;visibility: hidden;opacity: 0;transform: translateY(10px);}
.pers-form .form-group .select.show .select-drop{transition: .4s;visibility: visible;opacity: 1;transform: translateY(0);}
.pers-form .form-group .select.show i{transform: rotate(90deg);transition: .4s;}
.pers-form .form-group .select .select-drop li{padding: 5px 20px;line-height: 20px;cursor: pointer;transition: .4s;}
.pers-form .form-group .select .select-drop li:hover{background: #f5f5f5;transition: .4s;}
.pers-form .getCode{padding-right: 160px;position: relative;}
.pers-form .getCode .getCodeBtn{position: absolute;width: 135px;height: 48px;top: 0;right: 0;line-height: 48px;text-align: center;background-color: #002a8c;border-radius: 6px;color: #fff;}
.pers-form .getCode .getCodeBtn.disabled{background: #ccc;}
.pers-form .submit-btn{display: block;margin: 60px auto 0;width: 180px;line-height: 48px;box-shadow: 0 5px 10px rgba(0, 42, 140, 0.3);border-radius: 5px;background: #002a8c;background: linear-gradient(180deg, #019be3 0%, #002a8c 100%);text-align: center;color: #fff;}

@media screen and (max-width: 767px) {
    .pers-form{padding: 20px 5% 40px;}
    .pers-form .form-group{margin-top: 18px;}
    .pers-form .form-group .label{width: 100%;line-height: 20px;text-align: left;margin-bottom: 4px;}
    .pers-form .form-group .input{width: 100%;margin-left: 0;}
    .pers-form .form-group input{height: 42px;line-height: 40px;padding: 0 15px;}
    .pers-form .form-group .select input{padding-right: 42px;}
    .pers-form .form-group .select i{width: 42px;height: 42px;}
    .pers-form .getCode{padding-right: 118px;}
    .pers-form .getCode .getCodeBtn{width: 108px;line-height: 42px;height: 42px;}
    .pers-form .submit-btn{margin: 40px auto 0;width: 160px;line-height: 42px;}
}

/* ==========================================================================
    公司业务
============================================================================ */
.xscp .item-box{display: block;background: #fff;text-align: center;border-radius: 6px;border: 2px solid #e6e6e6;padding: 20px;transition: .4s;}
.xscp .item-box p{margin-top: 10px;}
.xscp .item-box:hover{box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);transition: .4s;transform: translateY(-3px);}

.company-sec2 .sec-left{width: 37.5%;}
.company-sec2 .sec-list li a{display: block;padding: 20px 0;border-bottom: 1px solid #edf2f6;}
.company-sec2 .sec-list .img{float: left;width: 190px;border-radius: 6px;overflow: hidden;}
.company-sec2 .sec-list .img img{width: 100%;transition: .4s;}
.company-sec2 .sec-list .text{float: right;width: calc(100% - 220px);}
.company-sec2 .sec-list .text h4{font-size: 16px;margin-bottom: 14px;font-weight: bold;color: #000000;transition: .4s;}
.company-sec2 .sec-list .text p{line-height: 26px;color: #808080;height: 52px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.company-sec2 .sec-list li a:hover .img img{transition: .4s;transform: scale(1.1);}
.company-sec2 .sec-list li a:hover .text h4{color: #002a8c;transition: .4s;}
.company-sec2 .sec-right{width: 60%;}
.company-sec2 .sec-box{display: block;position: relative;border-radius: 6px;overflow: hidden;}
.company-sec2 .sec-box .img img{width: 100%;transition: .4s;}
.company-sec2 .sec-box .text{position: absolute;width: 100%;left: 0;bottom: 32px;z-index: 3;padding: 0 6%;}
.company-sec2 .sec-box .text h4{color: #fff;margin-bottom: 10px;}
.company-sec2 .sec-box .text p{color: rgba(255,255,255,.7);line-height: 24px;height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.company-sec2 .sec-box:hover .img img{transition: .4s;transform: scale(1.1);}

@media screen and (max-width: 1440px) {
    .company-sec2 .sec-list li a{padding: 15px 0;}
    .company-sec2 .sec-list .img{width: 170px;}
    .company-sec2 .sec-list .text{width: calc(100% - 194px);}
}

@media screen and (max-width: 1024px) {
    .company-sec2 .sec-list li:first-child a{padding-top: 0;}
    .company-sec2 .sec-list .img{width: 150px;}
    .company-sec2 .sec-list .text{width: calc(100% - 170px);}
    .company-sec2 .sec-list .text h4{margin-bottom: 10px;}
}

@media screen and (max-width: 992px) {
    .company-sec2 .sec-left{width: 100%;}
    .company-sec2 .sec-right{width: 100%;margin-top: 30px;}
}

.company-sec3 .sec-left{width: calc(38.6% - 15px);}
.company-sec3 .sec-right{/*width: calc(61.4% - 15px);*/width:100%;}
.company-sec3 .sec-left a{display: block;}
.company-sec3 .img{border: 1px solid #d9d9d9;border-radius: 6px;overflow: hidden;}
.company-sec3 .img img{width: 100%;transition: .4s;height:326px;}
.company-sec3 .text{padding: 12px 0;}
.company-sec3 .text h4{font-size: 16px;text-align: center;transition: .4s;}
.company-sec3 .sec-list{margin: 0 -15px;}
.company-sec3 .sec-list li{float: left;width: 33.33%;padding: 0 15px;margin-bottom: 14px;}
.company-sec3 a:hover .img img{transition: .4s;transform: scale(1.1);}
.company-sec3 a:hover .text h4{color: #002a8c;transition: .4s;}

@media screen and (max-width: 1440px) {
    .company-sec3 .sec-list li{margin-bottom: 10px;}
}

@media screen and (max-width: 1024px) {
    .company-sec3 .sec-left{width: calc(40% - 10px);}
    .company-sec3 .sec-right{width: calc(60% - 10px);}
    .company-sec3 .sec-list li{padding: 0 10px;}
    .company-sec3 .text{padding: 11px 0;}
}

@media screen and (max-width: 767px) {
    .company-sec3 .sec-left{width: 100%;}
    .company-sec3 .sec-right{width: 100%;margin-top: 20px;}
    .company-sec3 .sec-list{margin: 0 -10px;}
    .company-sec3 .sec-list li{width: 50%;padding: 8px 10px;margin-bottom: 0;}
    .company-sec3 .text{padding: 8px 0 0;}
}

.company-sec4 .item-box{width: calc(25% - 1px);height: 400px;position: relative;margin-right: 1px;transition: .4s;}
.company-sec4 .item-box.active{width: calc(50% - 1px);transition: .4s;}
.company-sec4 .img{overflow: hidden;height: 100%;}
.company-sec4 .img img{width: 100%;height: 100%;object-fit: cover;}
.company-sec4 .filter{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.26) 100%);opacity: .8;}
.company-sec4 .text{position: absolute;z-index: 3;top: 0;left: 0;width: 100%;color: #fff;height: 40%;transition: .4s;}
.company-sec4 .text .text-wrap{width: 80%;}
.company-sec4 .text h3{font-size: 22px;text-align: center;padding-bottom: 20px;}
.company-sec4 .text ul{height: 0;opacity: 0;visibility: hidden;display: -webkit-box;display: flex;flex-wrap: wrap;transform: translateY(10px);}
.company-sec4 .text ul li{width: 50%;position: relative;margin-top: 10px;}
.company-sec4 .text ul li a{color: #fff;display: block;}
.company-sec4 .text ul li .tips{position: absolute;bottom: 100%;margin-bottom: 10px;left: -12px;background-color: rgba(1, 155, 227, 0.9);border-radius: 5px;padding: 14px 15px 30px;visibility: hidden;opacity: 0;transform: translateY(-10px);transition: .4s;z-index: 11;}
.company-sec4 .text ul li .tips::before{display: block;content: '';width: 0;height: 0;border-style: solid;border-width: 8px 6px;border-color:rgba(1, 155, 227, 0.9) transparent transparent transparent;position: absolute;left: 30px;bottom: -16px;}
.company-sec4 .text ul li:hover .tips{visibility: visible;opacity: 1;transform: translateY(0);transition: .4s;}
.company-sec4 .text ul li:hover a{color:rgba(1, 155, 227, 1);transition: .4s;text-decoration: underline;}
.company-sec4 .active .text{height: 100%;transition: .4s;}
.company-sec4 .active .text h3{text-align: left;transition: .4s .3s;}
.company-sec4 .active .text ul{height: auto;opacity: 1;visibility: visible;transition: .6s .3s;transform: translateY(0)}
.company-sec4 .active .filter{background-color: #000000;}

@media screen and (max-width: 1440px) {
    .company-sec4 .item-box{width: calc(20% - 1px);height: 360px;}
    .company-sec4 .item-box.active{width: calc(40% - 1px);}
    .company-sec4 .text .text-wrap{width: 84%;}
}

@media screen and (max-width: 1024px) {
    .company-sec4 .text ul li a{font-size: 12px;}
}

@media screen and (max-width: 767px) {
    .company-sec4{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .company-sec4 .item-box{width: 100%;height: 60px;}
    .company-sec4 .item-box.active{width: 100%;height: 240px;}
    .company-sec4 .text{height: 100%;}
    .company-sec4 .text h3{font-size: 18px;padding: 10px 0;}
}


/* ==========================================================================
    银行动态
============================================================================ */

/* 银行动态-重要公告
============================================================================ */
.notice-list{margin-top: 10px;}
.notice-list a{display: block;border-bottom: 1px dashed #D5DADD;line-height: 28px;padding: 25px 0;position: relative;}
.notice-list a{padding-right: 90px;}
.notice-list a span{display: block;position: absolute;right: 0;top: 50%;margin-top: -14px;color: #808080;transition: .4s;}
.notice-list a:hover span{color: rgba(0,42,140,.3);transition: .4s;}
.notice-list a p{width: 100%;height: 28px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;transition: .4s;color: #333;}
.notice-list a:hover p{color: #002a8c;transition: .4s;}
.notice-list .is-top a{padding-left: 66px;}
.notice-list .is-top a i{display: block;width: 46px;line-height: 26px;border-radius: 2px;background-color: #e38601;color: #fff;text-align: center;position: absolute;left: 0;top: 50%;margin-top: -13px;font-style: normal;}
.notice-list a::after{display: block;content: '';width: 0;height: 1px;background: #002a8c;position: absolute;left: 0;bottom: -1px;transition: .4s;}
.notice-list a:hover::after{transition: .6s ease-out;width: 100%;}

@media screen and (max-width: 767px) {
    .notice-list a{padding: 15px 0;}
    .notice-list a{padding-right: 84px;}
    .notice-list a p{font-size: 14px;}
    .notice-list .is-top a{padding-left: 50px;}
    .notice-list .is-top a i{width: 42px;line-height: 22px;margin-top: -11px;}
}

/* 银行动态-新闻资讯
============================================================================ */
.news-list a{display: block;position: relative;padding: 30px 0 30px 122px;border-bottom: 1px solid rgba(191,191,191,.3);}
.news-list a::after{display: block;content: '';width: 0;height: 1px;background: #002a8c;position: absolute;left: 0;bottom: -1px;transition: .4s;}
.news-list a:hover::after{transition: .6s ease-out;width: 100%;}
.news-list a .date{position: absolute;width: 122px;left: 0;top: 30px;color:#002a8c;opacity: .3;}
.news-list a .date h2{font-size: 40px;font-weight: bold;line-height: 1.3;}
.news-list a .text h3{font-size: 20px;line-height: 28px;height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 24px;transition: .4s;}
.news-list a:hover .text h3{color:#002a8c;transition: .4s;}
.news-list a .text p{line-height: 28px;height: 56px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

@media screen and (max-width: 767px) {
    .news-list a{padding: 20px 0 20px 72px;}
    .news-list a .text h3{font-size: 18px;line-height: 24px;height: 24px;margin-bottom: 8px;}
    .news-list a .text p{line-height: 24px;height: 48px;}
    .news-list a .date{top: 20px;}
    .news-list a .date h2{font-size: 32px;}
}

/* 银行动态-详情
============================================================================ */
.detail{padding-top: 30px;}
.detail .news-tit{font-weight: bold;}
.detail .news-info{text-align: center;margin: 20px 0 36px;}
.detail .news-info span{color:#002a8c;opacity: .3;margin: 0 10px;}
.detail .detail-text img{max-width: 100%;}
.detail .detail-text p{line-height: 28px;color: #666;}
.relative-link a{display: block;text-align: right;padding: 5px 0;line-height: 24px;transition: .3s ease-in-out;}
.relative-link a:hover{transition: .3s ease-in-out;color:#002a8c;}

/* 银行动态-营销活动
============================================================================ */
.activity{margin: 0 -5px;}
.activity li{float: left;width: 33.33%;padding: 0 10px;margin-bottom: 20px;}
.activity a{display: block;background: #fff;position: relative;}
.activity a::after{display: block;content: '';width: 0;height: 4px;background-color: #002a8c;position: absolute;left: 0;bottom: 0;transition: .4s;}
.activity .img{overflow: hidden;}
.activity .img img{width: 100%;transition: .4s;}
.activity .text{padding: 20px 30px 30px;}
.activity .text h4{font-size: 20px;color: #061940;line-height: 30px;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .4s;}
.activity .text h5{color: #002a8c;opacity: .3;margin: 6px 0 24px;}
.activity .text p{font-size: 16px;line-height: 24px;height: 72px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.activity a:hover::after{width: 100%;transition: .4s;}
.activity a:hover .img img{transition: .4s;transform: scale(1.1);}
.activity a:hover .text h4{color: #002a8c;transition: .4s;}

@media screen and (max-width: 767px) {
    .activity{margin: 0;}
    .activity li{width: 100%;padding: 0;}
    .activity .text{padding: 15px;}
    .activity .text h4{font-size: 18px;}
    .activity .text h5{margin: 4px 0 10px;}
    .activity .text p{font-size: 14px;line-height: 22px;height: 44px;-webkit-line-clamp: 2;}
}


/* ==========================================================================
    电子银行
=========================================================================== */
.item-more{padding-right: 15px;display: block;color: rgba(255,255,255,.5);position: relative;color: #808080;}
.item-more i{display: block;width: 12px;height: 14px;position: absolute;right: 0;top: 50%;margin-top: -7px;border-radius: 3px;background-color: #edf2f6;}
.item-more i::before{display: block;content: '';border-style: solid;border-width: 3px 4px;border-color: transparent transparent transparent #bfbfbf;width: 0;height: 0;position: absolute;top: 50%;left: 50%;margin: -3px 0 0 -2px;}

.elec-box{width: 48.2%;}
.elec-box .img{float: left;width: 52%;box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);overflow: hidden;border-radius: 6px;border: 2px solid rgba(0, 0, 0, 0.2);}
.elec-box .img img{display: block;width: 100%;}
.elec-box .text{float: right;width: calc(48% - 20px);padding-top: 10px;}
.elec-box .text h3{display: inline-block;vertical-align: top;background-color: #002a8c;border-radius: 4px;line-height: 24px;padding: 0 6px;margin-bottom: 15px;color: #fff;min-width: 96px;text-align: center;}
.elec-box .text ul li{padding: 15px 0;}
.elec-box .text ul li h4{font-size: 16px;margin-bottom: 8px;}
.elec-box .text ul li p{color: #808080;}
.elec-sec2 .elec-box .text h3{background-color: #019be3;}

@media screen and (max-width: 1440px) {
    .elec-box .text{padding-top: 0;}
    .elec-box .text ul li{padding:5px 0;}
}

@media screen and (max-width: 992px) {
    .elec-box{width: 100%;}
    .elec-box:last-child{margin-top: 20px;}
    .elec-box .img{width: 40%;}
    .elec-box .text{width: 56%;padding-top: 10px;}
}

@media screen and (max-width: 767px) {
    .elec-box .img{width: 100%;margin-bottom: 10px;height: 180px;display: flex;align-items: center;}
    .elec-box .img img{object-fit: cover;}
    .elec-box .text{width: 100%;}
    .elec-box .text h3{margin-bottom: 10px;}
}

.elec-bg1{background-image: url(../img/elec_bg1.jpg);}
.elec-main .img{width: 48.5%;border-radius: 6px;border: 8px solid rgba(255, 255, 255, 0.15);overflow: hidden;}
.elec-main .img img{width: 100%;}
.elec-main .text{width: 42%;padding-top: 10px;}
.elec-main .text h3{font-size: 20px;margin-bottom: 20px;}
.elec-main .text p{position: relative;line-height: 24px;text-align: justify;}
.elec-main .text .erweima{text-align: center;width: 100px;}
.elec-main .text .erweima img{width: 100%;margin-bottom: 10px;}
.elec-main .text .erweima h5{font-size: 12px;line-height: 24px;}

@media screen and (max-width: 1024px) {
    .elec-main .text{width: 48%;}
}

@media screen and (max-width: 992px) {
    .elec-main .text{width: 100%;}
    .elec-main .img{float: left;margin-bottom: 20px;}
}

@media screen and (max-width: 767px) {
    .elec-main .img{width: 100%;border: none;}
}

.elec-sec3 .text{color: #fff;}
.elec-sec3 .tit-group h2{color: #fff;}
.elec-sec3 .tit-group h2::before{background-color: #fff;}
.elec-sec3 .text .item-more{color: rgba(255,255,255,.5);position: absolute;right: 0;bottom: 0;}
.elec-sec3 .text .item-more i{background: rgba(255,255,255,.5);}
.elec-sec3 .text .item-more i::before{border-color: transparent transparent transparent rgba(255,255,255,.5);}
.elec-sec4 .text{color: #808080;}
.elec-sec4 .text h3{color: #061a40;}
.elec-sec4 .text .tit-group h2{color: #002a8c;}

@media screen and (max-width: 767px) {
    .elec-sec3 .elec-main .text p{padding-bottom: 28px;}
    .elec-main .text h3{margin-bottom: 12px;}
}

.elec-sec5 .sec-part{width: 48.5%;}
.elec-sec5 .sec-part .img{border-radius: 6px;overflow: hidden;}
.elec-sec5 .sec-part .img img{width: 100%;}
.elec-sec5 .sec-part .text{margin-top: 40px;}
.elec-sec5 .sec-part .text h4{font-size: 20px;color: #000000;}
.elec-sec5 .sec-part .text p{line-height: 24px;color: #808080;margin: 12px 0;}

@media screen and (max-width: 767px) {
    .elec-sec5 .sec-part{width: 100%;margin-bottom: 24px;}
    .elec-sec5 .sec-part:last-child{margin-bottom: 0;}
    .elec-sec5 .sec-part .text{margin-top: 12px;}
}

.elec-sec6 .tit-group h2{color: #002a8c;}
.elec-sec6 .elec-main .text p{color: #808080;}




/* 电子银行-个人手机银行
============================================================================ */
.pmbanking{padding: 70px 10% 120px;}
.pmbanking .reg-method{margin-top: 120px;}
.pmbanking .reg-method h3{margin-bottom: 20px;}
.pmbanking .reg-method ul li{padding: 15px 0 15px 70px;position: relative;}
.pmbanking .reg-method ul li span{display: block;width: 48px;height: 48px;background: #002a8c;border-radius: 100%;position: absolute;left: 0;top: 50%;margin-top: -24px;}
.pmbanking .reg-method ul li span img{width: 100%;height: 100%;display: block;}
.pmbanking .reg-method ul li h4{font-size: 20px;}

@media screen and (max-width: 767px) {
    .pmbanking{padding: 30px 5% 40px;}
    .pmbanking .reg-method{margin-top: 30px;}
    .pmbanking .reg-method h3{margin-bottom: 10px;}
    .pmbanking .reg-method ul li{padding: 8px 0 8px 70px;}
    .pmbanking .reg-method ul li h4{font-size: 18px;}
}


/* ==========================================================================
    国际业务
============================================================================ */
.international{margin: 0 -7px;}
.international .int-col{float: left;padding: 7px;}
.international .col-50{width: 50%;}
.international .col-25{width: 25%;}
.international .col-33{width: 33.33%;}
.international .higher{height: 380px;}
.international .low{height: 320px;}
.international .int-box{display: block;position: relative;}
.international .img{width: 100%;height: 100%;overflow: hidden;}
.international .img img{width: 100%;height: 100%;object-fit: cover;transition: .4s;transform: scale(1.01);}
.international .text{position: absolute;width: 100%;left: 0;z-index: 1;}
.international .int-box h3{font-size: 28px;}
.international .int-box .item-box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;background: rgba(0, 42, 140, .8);padding: 8%;color: #fff;visibility: hidden;opacity: 0;transition: .4s;}
.international .int-box .item-box h3{margin-bottom: 20px;}
.international .int-swiper{padding-bottom: 100px;}
.international .int-swiper .text{height: 100%;top: 0;left: 0;background: rgba(0, 40, 142, .8);color: #fff;padding: 10% 12%;}
.international .item-box ul li{position: relative;}
.international .item-box ul li::before{display: inline-block;vertical-align: top;width: 4px;height: 4px;content: '';background: #fff;border-radius: 100%;margin: 14px 10px 0 2px;}
.international .item-box ul li a{color: #fff;line-height: 32px;transition: .4s;}
.international .item-box ul li .tips{position: absolute;bottom: top;margin-top: 4px;left: 0;background-color: rgba(1, 155, 227, 0.9);border-radius: 5px;padding: 10px 15px;visibility: hidden;opacity: 0;transform: translateY(-10px);transition: .4s;z-index: 11;width: 100%;}
.international .item-box ul li .tips::before{display: block;content: '';width: 0;height: 0;border-style: solid;border-width: 8px 6px;border-color:  transparent transparent rgba(1, 155, 227, 0.9) transparent;position: absolute;left: 30px;top: -16px;}
.international .item-box ul li:hover .tips{transition: .4s;visibility: visible;opacity: 1;transform: translateY(0);}
.international .item-box ul li:hover a{transition: .4s;color: rgba(1, 155, 227, 0.9);text-decoration: underline;}
.international .int-btns{position: absolute;z-index: 11;width: 86px;height: 40px;right: 34px;bottom: 34px;}
.international .int-btns a{display: block;width: 40px;height: 40px;opacity: .5;transition: .4s;outline: none;}
.international .int-btns a:hover{transition: .4s;opacity: 1;}
.international .int-btns .int-prev{float: left;background: url(../img/int_prev.png) no-repeat;background-size: 100% 100%;}
.international .int-btns .int-next{float: right;background: url(../img/int_next.png) no-repeat;background-size: 100% 100%;}
.international .int-box .text{bottom: 30px;padding: 0 8%;color: #fff;z-index: 3;}
.international .int-box::before{display: block;content: '';width: 100%;height: 80%;bottom: 0;left: 0;position: absolute;z-index: 1;background: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,.4));}
.international .int-box .text h3{margin: 10px 0 4px;}
.international .int-box .text span{display: block;width: 12px;height: 20px;background: url(../img/icon_right_white.png) no-repeat center center;background-size: contain;}
.international .int-box:hover .item-box{transition: .4s;visibility: visible;opacity: 1;}
.international .int-box:hover .text{transition: .4s;transform: 100%;opacity: 0;visibility: hidden;}
.international .int-box:hover .img img{transition: .4s;transform: scale(1.1);}

@media screen and (max-width: 1440px) {
    .international{margin: -5px;}
    .international .int-col{padding: 5px;}
    .international .int-box h3{font-size: 24px;}
    .international .int-box .item-box h3{margin-bottom: 16px;}
    .international .higher{height: 340px;}
    .international .low{height: 290px;}
}

@media screen and (max-width: 992px) {
    .international .col-50{width: 100%;}
    .international .col-25{width: 50%;}
    .international .col-33{width: 50%;}
    .international .col-33:last-child{width: 100%;}
    .international .higher{height: 280px;}
    .international .low{height: 240px;}
    .international .int-box .item-box{padding: 30px 8%;}
    .international .int-box h3{font-size: 20px;}
    .international .int-box .item-box h3{margin-bottom: 10px;}
    .international .int-btns{bottom: 24px;}
    .international .int-swiper{padding-bottom: 80px;}
}

@media screen and (max-width: 767px) {
    .international .col-25{width: 100%;}
    .international .col-33{width: 100%;}
    .international .int-btns{width: 66px;height: 30px;}
    .international .int-btns a{width: 30px;height: 30px;}
}

/* ==========================================================================
    金融市场
============================================================================ */
.market-sec1 .sec-box{position: relative;overflow: hidden;}
.market-sec1 .sec-box .text{width: 50%;background-color: #f5f5f5;padding: 5.5% 8% 6%;}
.market-sec1 .sec-box .img{position: absolute;width: 50%;height: 100%;top: 0;right: 0;}
.market-sec1 .sec-box .img img{width: 100%;height: 100%;object-fit: cover;}
.market-sec1 .sec-box.reverse .text{float: right;} 
.market-sec1 .sec-box.reverse .img{left: 0;}
.market-sec1 .sec-box .market-bg1{background-image: url(../img/market_bg1.jpg);}
.market-sec1 .sec-box .market-bg1.text{color: #fff;}

@media screen and (max-width: 1024px) {
    .market-sec1 .sec-box .text{padding: 4% 6% 4.4%}
}

@media screen and (max-width: 767px) {
    .market-sec1 .sec-box .text{padding: 14px 5% 24px;}
    .market-sec1 .sec-box .img{width: 100%;position: relative;}
    .market-sec1 .sec-box .text{width: 100%;}
    .market-sec1 .sec-box .text br{display: none;}
    .market-sec1 .sec-box .text p{margin-top: 8px;font-size: 13px;}
    .market-sec1 .sec-box .text .more-style2{margin-top: 18px;}
}

.market-bg2{background-image: url(../img/market_bg2.jpg);}
.tyyw .item-box{background: #fff;padding: 12%;}
.tyyw .item-box .icon{width: 68px;height: 68px;}
.tyyw .item-box .icon img{width: 100%;height: 100%;}
.tyyw .item-box h4{margin: 20px 0;}
.tyyw .item-box p{line-height: 22px;height: 66px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;color: #666;}
.tyyw .swiper-pagination{bottom: 0;}
.tyyw .swiper-pagination .swiper-pagination-bullet{vertical-align: top;width: 12px;height: 12px;opacity: 1;background: #fff;}
.tyyw .swiper-pagination .swiper-pagination-bullet-active{background: #002a8c;}

@media screen and (max-width: 767px) {
    .tyyw .item-box{padding: 20px 5%;}
    .tyyw .item-box h4{margin: 12px 0;}
}

.market-sec3{margin: 0 -5px;}
.market-sec3 .col{float: left;padding: 5px;}
.market-sec3 .col.col50{width: 50%;}
.market-sec3 .col.col25{width: 25%;}
.market-sec3 .item-box{display: block;position: relative;}
.market-sec3 .item-box.h-big{height: 590px;}
.market-sec3 .item-box.h-small{height: 290px;}
.market-sec3 .item-box .img{overflow: hidden;height: 100%;}
.market-sec3 .item-box .img img{width: 100%;height: 100%;object-fit: cover;transition: .4s;transform: scale(1.01);}
.market-sec3 .item-box .text{position: absolute;width: 100%;left: 0;bottom: 36px;color: #fff;height: 36px;overflow: hidden;padding: 0 36px;z-index: 3;transition: .4s;}
.market-sec3 .item-box .text h3{font-size: 24px;line-height: 36px;}
.market-sec3 .item-box .text p{max-width: 390px;margin: 15px 0;line-height: 22px;height: 44px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.market-sec3 .item-box .text span{display: block;width: 12px;height: 20px;background: url(../img/icon_right_white.png) no-repeat;background-size: contain;}
.market-sec3 .item-box:hover .text{height: 136px;transition: .4s;}
.market-sec3 .item-box:hover .img img{transition: .4s;transform: scale(1.1);}

@media screen and (max-width: 1440px) {
    .market-sec3 .item-box.h-big{height: 490px;}
    .market-sec3 .item-box.h-small{height: 240px;}
    .market-sec3 .item-box .text{bottom: 24px;padding: 0 24px;}
    .market-sec3 .item-box .text h3{font-size: 20px;}
}

@media screen and (max-width: 992px) {
    .market-sec3 .item-box.h-big{height: 310px;}
    .market-sec3 .item-box.h-small{height: 150px;}
}

@media screen and (max-width: 767px) {
    .market-sec3{margin: 0 -2px;}
    .market-sec3 .col{padding: 2px;}
    .market-sec3 .col.col50{width: 100%;}
    .market-sec3 .col.col25{width: 50%;}
    .market-sec3 .item-box.h-big{height: 220px;}
    .market-sec3 .item-box.h-small{height: 140px;}
    .market-sec3 .item-box .text{bottom: 10px;padding: 0 15px;}
    .market-sec3 .item-box .text h3{font-size: 18px;}
    .market-sec3 .item-box .text p{margin: 5px 0;font-size: 12px;}
    .market-sec3 .item-box:hover .text{height: 120px;}
}

.market-bg3{background-image: url(../img/market_bg3.jpg);}
.market-sec4{margin: 0 -10px;}
.market-sec4 .item-box{float: left;width: 50%;padding: 0 10px;}
.market-sec4 .item-box .img{border-bottom: 4px solid #002a8c;}
.market-sec4 .item-box .img img{width: 100%;}
.market-sec4 .item-box .text{padding: 40px 8% 20px;}
.market-sec4 .item-box .text h4{margin-bottom: 20px;}
.market-sec4 .item-box .text p{color: #666;line-height: 22px;height: 66px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.market-sec4 .more-style2{margin-top: 24px;}

@media screen and (max-width: 767px) {
    .market-sec4 .item-box{width: 100%;margin-bottom: 30px;}
    .market-sec4 .item-box:last-child{margin-bottom: 0;}
    .market-sec4 .item-box .text{padding: 20px 5% 0;}
}

.market-sec5{margin: 0 -10px;}
.market-sec5 .col{float: left;width: 50%;padding: 10px;}
.market-sec5 .item-box{display: block;position: relative;}
.market-sec5 .item-box .img{overflow: hidden;}
.market-sec5 .item-box .img img{width: 100%;transition: .4s;transform: scale(1.01);}
.market-sec5 .item-box:hover .img img{transition: .4s;transform: scale(1.1);}
.market-sec5 .text{position: absolute;width: 100%;left: 0;bottom: 24px;padding: 0 8%;color: #fff;z-index: 3;}

@media screen and (max-width: 767px) {
    .market-sec5{margin: 0;}
    .market-sec5 .col{width: 100%;padding: 0;margin-bottom: 15px;}
    .market-sec5 .col:last-child{margin-bottom: 0;}
}


/* ==========================================================================
    投资者关系
============================================================================ */
.investor-box{position: relative;}
.investor-box .text{width: 50%;float: right;background: #f5f5f5;padding: 64px 6% 36px;}
.investor-box .img{position: absolute;width: 50%;height: 100%;top: 0;left: 0;overflow: hidden;}
.investor-box .img img{width: 100%;height: 100%;object-fit: cover;}
.investor-box .more-style1{margin-top: 36px;}
.investor-list li{border-bottom: 1px dashed #c7c7c7;}
.investor-list li a{display: block;position: relative;padding-right: 100px;font-size: 16px;padding: 17px 100px 17px 0;line-height: 24px;transition: .3s ease-in-out;}
.investor-list li a span{display: block;width: 100px;position: absolute;right: 0;top: 50%;margin-top: -12px;text-align: right;}
.investor-list li a p{height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.investor-list li a:hover{transition: .3s ease-in-out;color: #002a8c;}

@media screen and (max-width: 1440px) {
    .investor-box .text{padding: 48px 5% 30px;}
    .investor-list li a{padding: 14px 100px 14px 0;}
}

@media screen and (max-width: 1024px) {
    .investor-box .text{padding: 30px 5% 24px;}
    .investor-box .more-style1{margin-top: 24px;}
    .investor-list li a{font-size: 14px;}
}

@media screen and (max-width: 767px) {
    .investor-box .img{width: 100%;position: relative;}
    .investor-box .text{width: 100%;padding: 20px 5%;}
    .investor-list li a{padding: 8px 80px 8px 0;}
    .investor-box .more-style1{margin-top: 16px;}
    .investor-list li a span{font-size: 12px;width: 80px;}
}

.investor-box.reverse .text{float: left;background: #002a8c;}
.investor-box.reverse .img{left: auto;right: 0;}
.investor-box.reverse .investor-list li a{color: #fff;}
.investor-box.reverse .investor-list li a:hover{color: #ffb901;}
.investor-box.reverse .more-style1 a{color: #fff;}
.investor-box.reverse .more-style1 a::after{background:#019be3;}

.investor-group{width: calc(50% - 10px);}
.investor-group .tit{position: relative;}
.investor-group .tit .img img{display: block;width: 100%;}
.investor-group .tit h2{color: #fff;}
.investor-group .con{background: #fff;padding: 38px 5% 34px;}
.investor-group .con .more-style1{margin-top: 34px;}

@media screen and (max-width: 1024px) {
    .investor-group .con{padding: 22px 5% 20px;}
    .investor-group .con .more-style1{margin-top: 20px;}
}

@media screen and (max-width: 1024px) {
    .investor-group{width: 100%;margin-bottom: 20px;}
    .investor-group:last-child{margin-bottom: 0;}
}

.investor-bg1{background-image: url(../img/investor_bg1.jpg);}
.investor-bg2{background-image: url(../img/investor_bg2.jpg);}

/* 投资者关系-详情页
============================================================================ */
.investor-detail{padding: 70px 5% 100px;}
.investor-detail img{max-height:100%;}
.investor-detail .detail-tit{margin-bottom: 30px;}
.investor-detail .detail-tit h2{line-height: 38px;}

@media screen and (max-width: 767px) {
    .investor-detail{padding: 30px 5% 40px;}
}


/* ==========================================================================
    WilliamHill中文官方网站
============================================================================ */
.about-sec1 .img{width: 27%;}
.about-sec1 .img img{display: block;width: 100%;}
.about-sec1 .text{width: 70%;}
.about-sec1 .text p{color: #7b7b7b;line-height: 24px;text-align: justify;}
.about-sec1 .num-group{margin: 30px 0;line-height: 1;text-align: center;}
.about-sec1 .num-group h2{font-size: 58px;font-weight: bold;color: #002a8c;position: relative;}
.about-sec1 .num-group h2 i,
.about-sec1 .num-group h2 em{font-style: normal;letter-spacing: 0;}
.about-sec1 .num-group h2 em{font-size: 18px;vertical-align: top;display: inline-block;padding-top: 6px;}
.about-sec1 .num-group h4{font-size: 18px;margin-top: 12px;}
.about-sec1 .num-group span{display: block;width: 1px;height: 80px;background-color: #efefef;}
.text-switch{display: inline-block;vertical-align: top;line-height: 24px;color: #019be3;}
.text-switch i{display: inline-block;vertical-align: top;width: 14px;height: 14px;background: url(../img/icon_down.png) no-repeat center center;background-size: contain;transition: .4s;margin: 5px 0 0 3px;}
.text-switch .text2{display: none;}
.text-switch.on .text1{display: none;}
.text-switch.on .text2{display: inline;}
.text-switch.on i{transition: .4s;transform: rotate(180deg);}
.brief-text{/*height: 144px;*/overflow: hidden;}

@media screen and (max-width: 1440px) {
    .about-sec1 .num-group{margin: 16px 0;}
    .about-sec1 .num-group h2{font-size: 50px;}
}

@media screen and (max-width: 1024px) {
    .brief-text{height: 72px;}
    .about-sec1 .num-group{margin: 12px 0;}
    .about-sec1 .num-group h2{font-size: 44px;}
    .about-sec1 .num-group h4{font-size: 16px;}
}

@media screen and (max-width: 992px) {
    .about-sec1 .img{width: 100%;}
    .about-sec1 .text{width: 100%;margin-top: 20px;}
}

@media screen and (max-width: 767px) {
    .about-sec1 .text{width: 100%;margin-top: 10px;}
    .about-sec1 .num-group h2{font-size: 32px;}
    .about-sec1 .num-group h2 em{font-size: 14px;padding-top: 0;}
    .about-sec1 .num-group h4{font-size: 12px;}
}

.about-bg1{background-image: url(../img/about_bg5.jpg);background-attachment: fixed}
.about-sec2 .small-imgs{width: 768px;}
.about-sec2 .small-imgs a{float: left;width: 256px;height: 256px;position: relative;background: #fff;}
.about-sec2 .small-imgs a.color-blue{background: #002a8c;}
.about-sec2 .small-imgs a.color-black{background: rgba(0,0,0,.8);}
.about-sec2 .small-imgs a .img{width: 100%;height: 100%;overflow: hidden;}
.about-sec2 .small-imgs a .img img{width: 100%;height: 100%;object-fit: cover;transition: .4s;}
.about-sec2 .small-imgs a .text-box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.about-sec2 .small-imgs a .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: .4s;}
.about-sec2 .small-imgs a .text .text-wrap{max-width: 90%;}
.about-sec2 .small-imgs a .text h4{font-size: 26px;margin-bottom: 4px;}
.about-sec2 .small-imgs a .text p{color: #c5c4c4;font-size: 18px;line-height: 20px;}
.about-sec2 .small-imgs a .text h5{font-size: 18px;line-height: 32px;}
.about-sec2 .small-imgs a .text-box .back{transform: rotateY(180deg);opacity: 0;}
.about-sec2 .big-img{width: calc(100% - 768px);height: 512px;overflow: hidden;}
.about-sec2 .big-img img{width: 100%;height: 100%;object-fit: cover;transition: .4s;}
.about-sec2 .small-imgs a:hover .img img{transition: .4s;transform: scale(1.1);}
.about-sec2 .small-imgs a:hover .text-box .back{transition: .4s;transform: rotateY(0);opacity: 1;}
.about-sec2 .small-imgs a:hover .text-box .just{transition: .4s;transform: rotateY(180deg);opacity: 0;}
.about-sec2 .big-img:hover img{transition: .4s;transform: scale(1.1);}

@media screen and (max-width: 1440px) {
    .about-sec2 .small-imgs{width: 660px;}
    .about-sec2 .small-imgs a{width: 220px;height: 220px;}
    .about-sec2 .big-img{width: calc(100% - 660px);height: 440px;}
    .about-sec2 .small-imgs a .text h4{font-size: 22px;}
    .about-sec2 .small-imgs a .text p{font-size: 16px;}
}

@media screen and (max-width: 992px) {
    .about-sec2 .small-imgs{width: 100%;}
    .about-sec2 .small-imgs a{width: 33.33%;}
    .about-sec2 .big-img{width: 100%;height: 220px;}
}

@media screen and (max-width: 767px) {
    .about-sec2 .small-imgs{display: flex;flex-wrap: wrap;}
    .about-sec2 .small-imgs a{width: 50%;height: 164px;}
    .about-sec2 .small-imgs a:nth-child(1){order: 2;}
    .about-sec2 .small-imgs a:nth-child(2){order: 1;}
    .about-sec2 .small-imgs a:nth-child(3){order: 3;}
    .about-sec2 .small-imgs a:nth-child(4){order: 4;}
    .about-sec2 .small-imgs a:nth-child(5){order: 5;}
    .about-sec2 .small-imgs a:nth-child(6){order: 6;}
    .about-sec2 .small-imgs a .text h4{font-size: 18px;}
    .about-sec2 .small-imgs a .text p{font-size: 14px;line-height: 16px;}
    .about-sec2 .small-imgs a .text h5{font-size: 16px;line-height: 24px;}
    .about-sec2 .small-imgs a .text .text-wrap{max-width: 80%;text-align: center;}
    .about-sec2 .big-img{width: 100%;height: 180px;}
}

.honor{padding: 0 80px;position: relative;}
.honor .honor-btn{position: absolute;width: 14px;height: 24px;bottom: 3px;cursor: pointer;outline: none;overflow: hidden;}
.honor .honor-btn img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: .4s;}
.honor .honor-btn img:last-child{opacity: 0;}
.honor .honor-btn:hover img:last-child{opacity: 1;transition: .4s;}
.honor .honor-btn:hover img:first-child{opacity: 0;transition: .4s;}
.honor .honor-prev{left: 0;}
.honor .honor-next{right: 0;}
.honor-year::after{display: block;content: '';width: 100%;height: 2px;background: #dedede;position: absolute;bottom: 14px;left: 0;}
.honor-year .swiper-slide{padding-top: 50px;cursor: pointer;}
.honor-year .year-item{width: 30px;height: 30px;position: relative;margin: 0 auto;}
.honor-year .year-item span{display: block;width: 100%;height: 100%;padding: 6px;border-radius: 100%;}
.honor-year .year-item span::after{display: block;content: '';width: 100%;height: 100%;border-radius: 100%;background: #dedede;}
.honor-year .year-item h3{position: absolute;font-size: 20px;line-height: 50px;bottom: 100%;left: 50%;transform: translateX(-50%);color: #999;white-space: nowrap;}
.honor-year .on .year-item span{background:rgba(0, 42, 140, .32);}
.honor-year .on .year-item span::after{background: #002a8c;}
.honor-year .on .year-item h3{color: #002a8c;}
.honor-con{display: none;}
.honor-swiper{padding-bottom: 60px;}
.honor-swiper .swiper-pagination{top: auto;bottom: 0;}
.honor-swiper .img img{width: 100%;max-height:215px;}
.honor-swiper .text{margin-top: 30px;padding-top: 24px;border-top: 1px solid #878787;}
.honor-swiper .text h4{font-size: 32px;font-weight: bold;font-style: italic;margin-bottom: 10px;}
.honor-swiper .text p{line-height: 24px;color: #7d7d7d;}

@media screen and (max-width: 767px) {
    .honor{padding: 0 32px;}
    .honor-year .year-item h3{font-size: 16px;}
    .honor-year .on .year-item h3{font-size: 20px;}
    .honor-swiper .text h4{font-size: 24px;}
    .honor-swiper{padding-bottom: 20px;}
}



/* ==========================================================================
    地图
============================================================================ */
.map-page{position: relative;height: 100%;overflow: hidden;}
.map{height: 100%;background: #f5f5f5;}
.infoWindow{width: 260px;background: #fff;border-radius: 6px;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);box-shadow: 0 0 10px rgba(0, 0, 0, .05);padding: 20px 24px;transform: translate(-50%,-100%);visibility: hidden;opacity: 0;transition: .4s;}
.infoWindow::before{display: block;content: '';width: 16px;height: 16px;background: #fff;position: absolute;left: 50%;margin-left: -8px;bottom: -8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.infoWindow .info-inner{position: relative;z-index: 3;}
.infoWindow .info-inner h3{font-size: 18px;color: #002a8c;}
.infoWindow .info-inner p{color: #666;margin: 10px 0 4px;line-height: 20px;}
.infoWindow .info-inner h5{color: #666;}
.infoWindow.active{visibility: visible;opacity: 1;transition: .4s;}
.infoWindow .info-close{display: block;width: 18px;height: 18px;position: absolute;right: 10px;top: 8px;}
.infoWindow .info-close::before,
.infoWindow .info-close::after{display: block;content: '';width: 100%;height: 2px;background: #999;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.infoWindow .info-close::before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.infoWindow .info-close::after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.map-menu{position: absolute;right: 10px;width: 300px;height: 90%;top: 5%;z-index: 99;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .2);border-radius: 6px;padding: 20px 0;transform: translateX(calc(100% + 10px));transition: .4s;}
.map-menu.menu-on{transform: translateX(0);transition: .4s;}
.map-menu .map-group{height: calc(100% - 48px);padding-top: 14px;}
.map-menu .map-logo{height: 48px;margin: 0 30px;}
.map-menu .map-logo img{max-width: 90%;max-height: 90%;}
.map-menu .search{height: 36px;position: relative;padding-right: 36px;margin: 0 30px 14px;}
.map-menu .search input{display: block;width: 100%;height: 36px;border: 1px solid #ccc;padding: 0 15px;line-height: 14px;}
.map-menu .search .search-btn{display: block;width: 36px;height: 36px;position: absolute;right: 0;top: 0;background: #002a8c url(../img/icon_search.png) no-repeat center center;}
.map-menu .result{height: calc(100% - 50px);overflow-y: scroll;}
.map-menu .result::-webkit-scrollbar{width: 4px;background: #eee;}
.map-menu .result::-webkit-scrollbar-thumb{background:  #002a8c;}
.map-menu .result li{padding: 10px 26px 10px 30px;transition: .4s;cursor: pointer;}
.map-menu .result .inner-box{padding-left: 40px;position: relative;}
.map-menu .result li span{display: block;width: 30px;height: 38px;background: url(../img/marker2.png) no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;text-align: center;line-height: 34px;color: #fff;font-size: 12px;}
.map-menu .result li h4{font-size: 18px;color: #002a8c;line-height: 1.2;}
.map-menu .result li p{color: #666;margin-top: 4px;}
.map-menu .result li:hover{background: #f2f2f2;transition: .4s;}
.map-menu .map-overlay{display: none;}
.map-menu .map-close{display: none;}
.map-menu .map-btn{display: none;}
.map-menu .menu-switch{display: block;width: 40px;height: 40px;border-radius: 100%;position: absolute;left: -24px;top: 50%;margin-top: -20px;box-shadow: 5px 0 8px rgba(0, 0, 0, .2);background: #fff url(../img/arrow_blue.png) no-repeat;background-size: 20px 20px;transition: .4s;background-position: 4px center;}
.map-menu.menu-on .menu-switch{transition: .4s;transform: rotate(180deg);background-position: center center}

@media screen and (max-width: 768px) {
    .map-page{display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: stretch;align-items: stretch;}
    .map-menu{position: relative;flex: 0 0 54px;top: 0;left: 0;border-radius: 0;width: 100%;height: auto;padding: 8px 15px;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;transform: translateX(0);visibility: visible;}
    .map-menu .map-group{position: fixed;width: 80%;height: 100%;top: 0;right: 0;background: #fff;padding: 15px 0;z-index: 99;transition: .4s;transform: translateX(100%);visibility: hidden;}
    .map{flex: 0 1 100%;}
    .map-menu .map-overlay{display: block;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 91;background: rgba(0, 0, 0, .5);display: none;}
    .map-menu .search{margin: 0 0 15px;width: calc(100% - 75px);margin-left: 15px;}
    .map-menu .result li{padding: 10px 11px 10px 15px;}
    .map-menu .map-logo{height: 34px;margin: 0;-webkit-box-align: start;align-items: flex-start;}
    .map-menu .map-btn{display: block;width: 24px;height: 24px;position: relative;}
    .map-menu .map-btn span{display: block;width: 100%;height: 2px;background:  #002a8c;position: absolute;left: 0;top: 50%;margin-top: -1px;}
    .map-menu .map-btn span:first-child{transform: translateY(-8px);}
    .map-menu .map-btn span:last-child{transform: translateY(8px);}
    .map-menu .map-close{display: block;width: 30px;height: 30px;position: absolute;right: 15px;top: 18px;}
    .map-menu .map-close::before,
    .map-menu .map-close::after{display: block;content: '';width: 100%;height: 2px;background: #002a8c;position: absolute;top: 50%;margin-top: -1px;}
    .map-menu .map-close::before{transform: rotate(45deg);}
    .map-menu .map-close::after{transform: rotate(-45deg);}
    .map-page.show .map-menu .map-group{transition: .4s;visibility: visible;transform: translateX(0);}
    .map-page.show .map-menu .map-overlay{display: block;}
    .map-menu .menu-switch{display: none;}
}



/* ==========================================================================
    金融工具
============================================================================ */
.tab-wrap .tab-tit{background: #e9f2ff;border: 1px solid#b9d6ff;border-radius: 4px;font-size: 16px;padding: 8px 15px;margin-bottom: 10px;font-weight: bold;}
.table{border-collapse: collapse;width: 100%;}
.table thead{background: #fafafa;}
.table th,.table td{text-align: center;vertical-align: middle;padding: 8px 10px;line-height: 20px;border: 1px solid #eee;}

/* 民币贷存款利率
============================================================================ */
.interest-rate{padding: 40px 3% 80px;}
.interest-rate .tab-wrap{float: left;width: 50%;padding: 0 15px;}

@media screen and (max-width: 768px) {
    .interest-rate{padding: 30px 0 40px;}
    .interest-rate .tab-wrap{width: 100%;margin-bottom: 30px;}
    .interest-rate .tab-wrap:last-child{margin-bottom: 0;}
    .table th,.table td{padding: 7px 5px;}
}

/* 民币贷存款利率
============================================================================ */
.find-catalog{padding: 40px 5% 80px;}

@media screen and (max-width: 768px) {
    .find-catalog{padding: 20px 5% 40px;}
}



.pdfWrap{height: 720px;}
.pdf-download{display: none;}

@media screen and (max-width: 1440px) {
    .pdfWrap{height: 600px;}
}

@media screen and (max-width: 1024px) {
    .pdfWrap{display: none;}
    .pdf-download{display: block;}
}