@font-face {
    font-family: "pangmen";
    src: url("../js/DISPLAY-FREE-TFB.TTF") format("truetype");
}
.index-yf-num-content div{
    font-family: "pangmen";
}
.index-banner {
    background-size: cover;
    background-position: center;
    justify-content: center;
    padding-top: 0;
    width: 100%;
}
.index-banner .swiper{
    height:100%
}
.index-banner .banner-video{
    width: auto !important;
    height: 100% !important;
}
#index-banner-pagination .swiper-pagination-bullet{
    width: 1rem;
    height: 0.12rem;
    background: white;
    opacity: 0.5;
}
#index-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity: 1;
}
#index-banner-pagination{
    bottom: 0.5rem;
}
.index-img .swiper-slide.banner-img {
    height: calc(100vw/2.5);
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.banner-container{
    width: 30.22rem;
    height: 100%;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}
.banner-container .banner-text,.banner-container .banner-img{
    height: 100%;

}
.banner-container .banner-text{
    width: 60%;
}
.banner-container .banner-img{
    width: 40%;
}
.banner-text .banner-title-1{
    font-size: 1.39rem;
    color: #CD0202;
    font-weight: bolder;
    line-height: 1.93rem;
    text-shadow: 0px 0px 0px rgba(222,0,0,0.33);
}
.banner-text .banner-title-2{
    font-size: 0.48rem;
    color: #CD0202;
    line-height: 0.69rem;
}
.banner-text .banner-logo{
    margin-top: 0.83rem;
}
.banner-text .banner-title-4{
    font-size: 0.41rem;
    color: #FFFFFF;
    line-height: 0.56rem;
    margin-top: 0.26rem;
}
.banner-text .banner-button{
    width: 5.3rem;
    height: 1.19rem;
    background: #C70404;
    border-radius: 0.61rem;
    font-size: 0.37rem;
    color: #ffffff;
    line-height: 0.52rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.69rem;
}
.banner-img .banner-right-img{
    position: absolute;
    right: 0rem;
    width: 100%;
}
.banner-container .banner-img{
    display: flex;
    align-items: end;
}

.banner-container .banner-text{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.index-text-bar {
    box-shadow: 0rem 0.04rem 0.59rem 0rem rgba(51,48,48,0.32);
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    height: 2.96rem;
    justify-content: center;
    align-items: center;
}
.youshi-div:first-of-type{
    border-left: 0.02rem solid rgba(151,151,151, 0.2);
}
.youshi-div{
    width: 8rem;
    padding: 0.67rem 2rem 0.57rem 1.37rem;
    height: 100%;
    border-right: 0.02rem solid rgba(151,151,151, 0.2);
}
.label_1 {
    width: 0.63rem;

}
.box_youshi {
    height: 1.41rem;
    margin-left: 0.37rem;
}
.box_42 {
    width: 3.11rem;
    height: 1.07rem;
}
.text_14 {
    font-size: 0.86rem;
    color: #9299A6;
    line-height: 1.35rem;
}
.text_17 {
    font-size: 0.3rem;
    font-weight: 400;
    color: #9299A6;
    line-height: 0.41rem;
    margin-top: 0.1rem;
}
.index-cominfo{
    width: 30.22rem;
    margin: 1.31rem auto 1.31rem;
    font-size: 0.33rem;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 0.46rem;
}
.cominfo-text-div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 55%;
}
.cominfo-nav{
    justify-content: space-between;
}
.cominfo-nav .cominfo-nav-box-active{
    width: 3.35rem;
    height: 2.22rem;
    background: #C7000A;
    border-radius: 0.07rem;
    justify-content: center;
    padding-left: 0.48rem;
}
.cominfo-nav-div{
    cursor: pointer;
}
.cominfo-nav img{
    width: 1.33rem;
    height: 0.7rem;
    margin-bottom: 0.22rem;

}

.cominfo-nav-box{
    width: 3.35rem;
    height: 1.26rem;
    background: #FFFFFF;
    border-radius: 0.07rem;
    border: 0.02rem solid #C7000A;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.3rem;
    font-weight: 400;
    color: #C7000A;
    line-height: 0.41rem;
}
.cominfo-img{
    width: 40%;
    margin-left: 1rem;
    /*margin-right: 0.44rem;*/
}
.cominfo-text-div .cominfo-title{
    font-size: 0.63rem;
    font-weight: 600;
    color: #C7000A;
    line-height: 0.46rem;
}
.cominfo-text-div .cominfo-text{
    font-size: 0.36rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.61rem;
    margin-top: 0.8rem;
}
.page-title{
    width: 30.22rem;
    padding: 1.7rem 0 0.93rem;
    margin: 0 auto;
}
.page-title .page-title-cn{
    font-size: 0.67rem;
    color: #C7000A;
    line-height: 0.93rem;
}
.page-title .page-title-en{
    font-size: 0.44rem;
    color: #BBBBBB;
    line-height: 0.61rem;
}
.page-title .page-title-line{
    width: 1.48rem;
    height: 0.07rem;
    background: #ECCC9F;
    border-radius: 0.06rem;
    margin-top: 0.24rem;
}

.five-bankuai{
    flex-wrap: wrap;
    justify-content: space-between;
}
.five-box:before{
    content: "";
    width: 100%;
    height: 100%;
    background: #3F4856;
    opacity: 0.53;
    position: absolute;
    top: 0;
    z-index: 0;

}
.five-box{
    position: relative;
    width: 7.11rem;
    height: 6.67rem;
    margin-bottom: 0.44rem;
}
.five-text,.five-info{
    z-index: 1;
    position: relative;
}
.five-text{
    text-align: center;
    font-size: 0.59rem;
    color: #FFFFFF;
    line-height: 0.83rem;
    margin: 0 auto;
    margin-top: 2.28rem;
    position: absolute;
}
.five-info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 1.19rem;
    background: #FFFFFF;
    opacity: 0.8;
    position: absolute;
    bottom: 0;
    border: 1px solid rgba(0,0,0,0.5);
    color: #000;
}
.five-box-center{
    width: 7.11rem;
    height: 6.67rem;
    background: #9A0404;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.five-info-center{
    font-size: 0.48rem;
    color: #FFFFFF;
    line-height: 1.22rem;
}
.five-info-center span{
    font-size:  0.87rem;
    font-weight: bold;
    margin-right: 0.1rem;
}


#grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 30.22rem;
}
#grid .card {
    background-color: #ccc;
    width: 7.11rem;
    height: 6.67rem;
    margin-bottom: 0.44rem;
    transition: all 0.1s ease;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    overflow: hidden;
    cursor: pointer;
    display: flex;
    justify-content: center;
}
#grid .card:hover {
    -webkit-transform: scale(2);
    transform: scale(2);
    z-index: 2;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
}
#grid .card:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
#grid .card .reflection {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0;
    transition: all 0.1s ease;
    opacity: 0;
    mix-blend-mode: soft-light;
}
#grid .card img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: grayscale(0.65);
    filter: grayscale(0.65);
    transition: all 0.3s ease;
}
.card:before{
    content: "";
    width: 100%;
    height: 100%;
    background: #3F4856;
    opacity: 0.53;
    position: absolute;
    top: 0;
    z-index: 1;

}
.card:hover:before{
    display: none;
}
.card:hover .five-text{
    display: none;
}
.card:hover .sub-title{
    display: block;
}
.card:hover .five-info{
    height: 2.17rem;
    background: #FFFFFF;
    opacity: 0.8;
    border: 0;
    align-items: unset;
    text-align: left;
    padding-left: 0.5rem;
}
.index-anli{
    width: 100%;
    height: 17rem;
    background: url("../img/index/index-fac-bg.png");
    position: relative;
    background-position: center;
    background-size: 100% 100%;
}
.card .sub-title{
    font-size: 0.4rem;
    color: #C7000A;
    display: none;
}

.index-anli .anli-cir{
    position: absolute;
    font-size: 0.89rem;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../img/index/index-rcirc.png");
    background-size: cover;
}
.index-anli .anli-cir:hover{
    opacity: 1;
}
.index-anli .anli-r-1{
    left: 13.04rem;
    top: 3.2rem;
    opacity: 0.7;
    width: 3.75rem;
    height: 4.43rem;
    padding-bottom: 0.7rem;
    animation: myfirsta linear infinite 1.8s;
}
.index-anli .anli-r-2{
    left: 8.5rem;
    top: 6.54rem;
    opacity: 0.65;
    width: 3.06rem;
    height: 3.61rem;
    padding-bottom: 0.6rem;
    animation: myfirstb linear infinite 2s;
}
.index-anli .anli-r-3{
    left: 11.11rem;
    top: 11.81rem;
    opacity: 0.55;
    width: 1.57rem;
    height: 1.85rem;
    padding-bottom: 0.2rem;
    font-size: 0.48rem;
    animation: myfirstc linear infinite 1.9s;
}
.index-anli .anli-r-4{
    left: 15.06rem;
    top: 9.35rem;
    opacity: 0.5;
    width: 2.09rem;
    height: 2.46rem;
    padding-bottom: 0.4rem;
    font-size: 0.63rem;
    animation: myfirstd linear infinite 1.7s;
}
.index-anli .anli-r-5{
    left: 20.19rem;
    top: 2.28rem;
    opacity: 0.5;
    width: 2.09rem;
    height: 2.46rem;
    padding-bottom: 0.2rem;
    font-size: 0.52rem;
    animation: myfirsta linear infinite 2.1s;
}
.index-anli .anli-r-6{
    left: 23.5rem;
    top: 5.24rem;
    opacity: 0.63;
    width: 2.62rem;
    height: 3.09rem;
    padding-bottom: 0.2rem;
    font-size: 0.74rem;
    animation: myfirstb linear infinite 2s;
}
.index-anli .anli-r-7{
    left: 23.31rem;
    top: 9.35rem;
    opacity: 0.5;
    width: 2.09rem;
    height: 2.46rem;
    padding-bottom: 0.5rem;
    font-size: 0.63rem;
    animation: myfirstc linear infinite 2s;
}
@keyframes myfirsta {0% {margin-top:0px;} 70% {margin-top:8px;} 100% {margin-top:0px;}}
@keyframes myfirstb {0% {margin-top:0px;} 60% {margin-top:6px;} 100% {margin-top:0px;}}
@keyframes myfirstc {0% {margin-top:0px;} 40% {margin-top:7px;} 100% {margin-top:0px;}}
@keyframes myfirstd {0% {margin-top:0px;} 40% {margin-top:9px;} 100% {margin-top:0px;}}
.index-m{
    background: url("../img/index/index-m-bg.png");
    background-size: cover;
    width: 100%;
    height: 5.67rem;
    justify-content: center;
    align-items: center;
}

.index-m-l-title{
    font-size: 0.72rem;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1rem;
}

.index-m-line{
    width: 11.13rem;
    height: 0.02rem;
    border: 0.02rem solid #FFFFFF;
    margin: 0.33rem 0 0.2rem;
}
.index-m-l-sub{
    font-size: 0.3rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.41rem;
}
.index-m-r-logo{
    width: 3.67rem;
    height: 0.5rem;
    margin-right: 0.37rem;
}
.index-m-phone{
    width: 5.74rem;
    height: 1.19rem;
    background: rgba(195,0,0,0.35);
    border-radius: 0.59rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.52rem;
    color: #FFFFFF;
    line-height: 0.74rem;
    margin: 0.74rem 0 0.3rem;

}
.index-m-phone img{
    width: 0.52rem;
    height: 0.52rem;
    margin-right: 0.2rem;
}

.index-m-r-subtext{
    font-size: 0.26rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.37rem;
    letter-spacing: 8px;
    margin-right: 0.72rem;
}
.index-m-r{
    display: flex;
    flex-direction: column;
    margin-left: 2.02rem;
    align-items: end;

}
.yanfa-content{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 1rem;
}
.yanfa-content .yanfa-img{
    position: relative;
    width: 5.21rem;
    height: 5.22rem;
    cursor: pointer;
}
.yanfa-content .yanfa-text{
    font-size: 0.37rem;
    color: #666666;
    line-height: 0.52rem;
    margin-top: 0.33rem;
    text-align: center;
}

.yfcg-content{
    display: flex;
    justify-content: space-between;
    height: 9.4rem;
}
.yfcg-l{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.yfcg-l img{
    width: 5.22rem;
    height: 4.48rem;
}
.yfcg-m{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.yfcg-m-title{
    text-align: center;
    font-size: 0.77rem;
    color: #DCBA76;
    font-weight: 800;
}
.yfcg-m-sub{
    text-align: center;
    font-size: 0.59rem;
    color: #DCBA76;
}
.yfcg-m img{
    width: 6.4rem;
}
.yfcg-box{
    padding-top: 2.48rem;
}
.news-left{
    width: 15.11rem;
    height: 11.15rem;
    display: flex;
    align-items: end;
    background-size: cover !important;
}
.news-right{
    width: 15.11rem;
    margin-right: 1.04rem;
}
.news-item{
    border-bottom: 0.02rem dashed #E2E2E2;
    margin-top: 0.5rem;
    padding-bottom: 0.25rem;
}
.news-item:first-of-type{
    margin-top: 0.1rem;
}
.news-item-left-red{
    width: 2.04rem;
    height: 1rem;
    background: #950F0F;
    border: 0.02rem solid #E2E2E2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.3rem;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 0.67rem;
}
.news-item-left-date{
    width: 2.04rem;
    height: 0.8rem;
    border: 0.02rem solid #E2E2E2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.28rem;
    font-weight: 600;
    color: #AAAEB5;
    line-height: 0.22rem;
}
.news-item-right{
    margin-left: 0.39rem;
}
.news-item-right-title{
    font-size: 0.43rem;
    font-weight: 600;
    color: #000000;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    width: 11rem;
}
.news-item-right-sub{
    font-size: 0.32rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.47rem;
    width: 12.2rem;
    margin-top: 0.2rem;
}
.news-item-left{
    margin-bottom: 0.28rem;
}
.index-lc{
    padding-top: 1.72rem;
    padding-bottom: 2.85rem;
    position: relative;
    margin-left: 7.07rem;
    overflow: hidden;
}


.lc-top .lc-jaingbei{
    width: 3.2rem;
    margin-right: 2.35rem;
}
.lc-top .lc-jaingbei img{
    width: 0.85rem;
    height: 0.85rem;
}
.lc-line{
    width: 100%;
    height: 0.02rem;
    opacity: 0.23;
    border: 0.07rem solid #AEA7A7;
    position: relative;
    top: 2.65rem;
}
.lc-text{
    width: 3.2rem;
    margin-right: 2.35rem;
    margin-top: 0.44rem;
}
.lc-text .lc-title{
    font-size: 0.67rem;
    color: #DBB583;
    font-weight: bold;
    line-height: 0.93rem;
}
.lc-info{
    font-size: 0.38rem;
    color: #000000;
    line-height: 0.56rem;

}
.swiper-slide-active + div{
    opacity: 0.9;
}
.swiper-slide-active + div + div{
    opacity: 0.53;
}
.swiper-slide-active + div + div + div{
    opacity: 0.3;
}
.swiper-slide-active + div + div + div + div{
    opacity: 0.19;
}
.swiper-slide-active + div + div + div + div + div{
    opacity: 0.08;
}

.news-left-text{
    width: 100%;
    height: 1rem;
    background: rgba(0,0,0,0.7);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 0.27rem;
    padding: 0 0.5rem;
}
.new-con-dots{
    display: flex;

}
.new-con-dots div{
    width: 0.23rem;
    height: 0.23rem;
    background: #fff;
    border-radius: 50%;
    margin-right: 0.22rem;
}
.new-con-dots .news-dot{
    background: rgb(230,139, 35);
}
.mySwiper3{
    overflow: hidden;
}
.lc-main{
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(237,238,242, 0.1)));

}
.light-up{
    position: absolute;
    float: right;
    right: 0;
    width: 53%;
    height: calc(100vw/2.5);
    top: 0;
    z-index: 111;
}
.index_map {
    width: 30rem;
    height: 30rem;
    margin: auto;
    max-width: 100%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    position: absolute;
    left: 50%;
    top: 0;
}
.index_map:before{
    bottom: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}
.index-coo{
    height: 6rem;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}
.coo-num-div{
    display: flex;
    justify-content: space-evenly;
    position: relative;
    z-index: 10;
    width: 30.22rem;
}
.coo-item-top{
    font-size: 1.08rem;
    color: #EC0000;
    line-height: 1.52rem;
    font-weight: bold;
    display: flex;

}
.coo-item-top .counter{
    font-size: 1.08rem;
    color: #EC0000;
    line-height: 1.52rem;
    font-weight: bold;
}
.coo-item-top span{
    font-size: 0.4rem;
    color: #EC0000;
    line-height: 0.56rem;
    margin-top: 0.7rem;
    margin-left: 0.07rem;
}
.coo-item-bottom{
    font-size: 0.31rem;
    color: #000000;
    line-height: 0.44rem;
}
.coo-title{
    padding: 1.43rem 0 0;
}
.posix{
    font-size: 0.69rem;
}
.top-coo-main{
    width: 100%;
    background: linear-gradient(180deg, rgba(238,239,240,0.69) 0%, #ffffff 100%);
}
.top-coo{
    padding: 1.4rem 0 0.19rem;
    display: flex;
    align-content: center;
    justify-content: space-evenly;
    width: 30.22rem;
}
.top-coo img{
    width: 1.63rem;
    height: 1.63rem;
}
.coo-text{
    width: 4.19rem;
    font-size: 0.22rem;
    color: #686868;
    line-height: 0.31rem;
}
.coo-name{
    font-size: 0.22rem;
    color: #000000;
    line-height: 0.31rem;
    float: right;
    margin-right: 0.2rem;
}
.top-coo-item{
    display: flex;
    border-right: 0.02rem solid #CDCDCD;
    padding-right:0.5rem;
}
.coo-text-div{
    margin-left: 0.37rem;
}
.top-coo-item:last-child{
    border-right: 0;
}
.index-yf-item{
    width: 14.74rem;
    height: 4.3rem;
    background: rgb(245,242,243);
    border-radius: 0.15rem;
    position: relative;
}
.index-yf-item img{
    position: absolute;
    width: 6rem;
    right: 0;
}
.if-zhuanli{
    font-size: 1.5rem;
    color: #DCBA76;
    line-height: 1.91rem;
}
.if-lj{
    font-size: 0.68rem;
    color: #DCBA76;
    line-height: 0.48rem;
    margin-top: 0.13rem;
    text-align: center;
}
.index-yf-num-content div{
    background: #FFFFFF;
    border-radius: 0.09rem;
    border: 0.02rem solid #979797;
    font-size: 1.4rem;
    color: #5B5B5B;
    line-height: 1.3rem;
    width: 1.59rem;
    height: 2.17rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0.24rem;
    padding-top: 0.24rem;
    margin-right: 0.15rem;
}
.index-yf-num-content{
    margin-left: 1.06rem;
}
.hangye{
    padding-top: 2.4rem;
    padding-bottom: 2rem;

}
.jb-bg{
    background: #fff;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(237,238,242, 0.8));
}
.top-par div img{
    width: 3.5rem;
    margin: 0 auto;
    margin-bottom: 0.1rem;
}
.t-p-line{
    width: 1rem;
    height: 0.1rem;
    margin: 0 auto;
    margin-bottom: 0.5rem;
    border-radius: 0.1rem;
}
.top-par div.flex-col{
    width: 7rem;
    box-shadow: 0px 3px 1px 0px rgb(236,234,242);
    border-radius: 2rem;
    padding: 0.5rem;
}
.top-par div div{
    text-align: center;
    font-size: 0.45rem;
}
.top-par{
    justify-content: space-evenly;
    margin-bottom: 0.9rem;
}
.hangye ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.hangye ul>li.on {
    width: 55%;
    cursor: default;
    position: relative;
}
.hangye ul>li {
    position: relative;
    width: 4.6rem;
    transition: 0.5s;
    cursor: pointer;
    height: 392px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    overflow: hidden;
    display: flex;
    align-items: end;
}
.bac {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode:multiply;
    background-color: rgba(0,0,0,.7);
}
.bac.on{
    background-blend-mode:unset;
}
.bac.on:before{
    bottom: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9));
}
.bac li {
    list-style: none;
}
.bac .bac-detail{
    display:none;
    width: 50%;
    margin-bottom: 1.07rem;
    margin-left: 1.02rem;
    font-size: 0.59rem;
    position: absolute;
    z-index: 1;
}
.bac.on .bac-detail{
    display:block;
}

.bac.on .bac-detail b{
    color: #fff;
    font-size: 24px;
}
.bac.on .bac-detail div{
    color: #fff;
    z-index: 11;
    font-size: 0.3rem;
    margin-top: 0.2rem;
}
.bac.on .bac-title{
    display: none;
}
.bac .bac-title div{
    font-size: 0.48rem;
    font-weight: 700;
    color: #FFFFFF;
}
.bac .bac-title{
    font-size: 0.37rem;
    color: #FFFFFF;
    margin-bottom: 1.04rem;
    margin-left: 0.65rem;
}
.bank-row{
    height: 9.11rem;
}
.bank-row a div{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: relative;
    height: 100%;
    width: 100%;
    transition: all 0.3s ease;
    position: absolute;

}
.bank-row a span{
    position: absolute;
    color: #ffffff;
    font-size: 0.7rem;
    bottom: 1rem;
    left: 0.7rem;
    z-index: 11;
}
.bank-row a:before{
    bottom: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6))
}
.bank-row-1 a{
    width: 50%;
    overflow: hidden;
    position: relative;
}
.bank-row-2 a{
    width: 33.333%;
    overflow: hidden;
    position: relative;
}
.bank-row a:hover div{
    transform: scale(1.1);
}
.bank-row a:hover:before{
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1))
}
.index-logo-content{
    padding: 1.19rem 0 1.19rem;
}
#marquee1, #marquee2, #marquee3 {
    width: 100%;
    height: 85px;
    overflow: hidden;
    margin-bottom: 50px;
    margin-bottom: 0.44rem;
}
#marquee1 ul li, #marquee2 ul li, #marquee3 ul li {
    float: left;
    margin-right: 0.44rem;
    box-shadow: 2px 2px 4px rgb(233 238 249 / 100%);
}
.tran_scale img {
    -webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;
    transition: opacity .4s ease-in,transform .6s linear;
}
.yf-item-text{
    padding-left: 2rem;
}
.yf-item-text-1{
    font-size: 0.7rem;
}
.yf-item-text-2{
    font-size: 1.2rem;
    font-weight: 600;
}
@media (min-width:300px) and (max-width: 800px) {
    .index-banner{
        height: 7.3rem;
    }
    .index-img .swiper-slide.banner-img{
        height: 100%;
        background-position: center !important;
    }
    .banner-text .banner-title-1{
        font-size: 0.6rem;
        line-height: 1rem;
    }
    .banner-text .banner-title-2 {
        font-size: 0.2rem;
    }
    .banner-text .banner-title-4{
        font-size: 0.24rem;
    }
    .banner-text .banner-button {
        width: 2.3rem;
        height: 0.9rem;
        font-size: 0.2rem;
    }
    .banner-container{
        width: 100%;
        padding: 0.2rem;
        display: block;
        padding: 1.2rem 0.7rem;

    }
    .banner-container .banner-img{
        display: none;
    }
    .banner-container .banner-text{
        display: block;
        width: 100%;
        margin-top: 0.7rem;
    }
    .index-text-bar{
        flex-wrap: wrap;
        height: auto;
        padding-bottom: 0.4rem;
    }
    .youshi-div{
        border-right: unset;
        width: 4rem;
        padding: 0.5rem 0.1rem;
        padding-left: 0rem !important;
    }
    .youshi-div:nth-child(even){
        border-right: unset;
    }
    .text_14{
        font-size: 0.65rem;

    }
    .youshi-div:first-of-type{
        border-left: unset;
    }
    .index-cominfo{
        width: 100%;
        flex-wrap: wrap;
        padding: 0 0.7rem;
    }
    .cominfo-text-div{
        width: 100%;
    }
    .cominfo-img{
        width: 100%;
        margin-left: unset;
        margin-right: unset;
        margin: 0 auto;
        margin-top: 0.7rem;
    }
    .bank-row-1{
        flex-wrap: wrap;
    }
    .bank-row-1 a{
        width: 100%;
    }
    .bank-row-2{
        flex-wrap: wrap;
        height: 13.665rem;
    }
    .bank-row-2 a{
        width: 100%;
        height: 4.555rem;
    }
    .index-anli{
        height: 9rem;
    }
    .index-anli .anli-cir {
        font-size: 0.66rem;
    }
    .index-anli .anli-r-1{
        left: 2rem;
        top: 0.01rem;
        width: 2.1rem;
        height: 2.43rem;
        padding-bottom: 0.2rem;
    }
    .index-anli .anli-r-2{
        left: 0.6rem;
        top: 2.1rem;
        width: 1.8rem;
        height: 2.13rem;
        padding-bottom: 0.2rem;
    }
    .index-anli .anli-r-3{
        left: 1.1rem;
        top: 4.5rem;
        width: 1.1rem;
        height: 1.3rem;
        padding-bottom: 0.2rem;
        font-size: 0.4rem;
    }
    .index-anli .anli-r-4{
        left: 3rem;
        top: 4rem;
        width: 1.5rem;
        height: 1.8rem;
        font-size: 0.5rem;
        padding-bottom: 0.2rem;
    }
    .index-anli .anli-r-5{
        left: 5.8rem;
        top: 0.3rem;
        width: 1.6rem;
        height: 1.9rem;
        font-size: 0.45rem;
        padding-bottom: 0.2rem;
    }
    .index-anli .anli-r-6{
        left: 6.9rem;
        top: 2.3rem;
        width: 1.7rem;
        height: 2rem;
        font-size: 0.5rem;
        padding-bottom: 0.2rem;
    }
    .index-anli .anli-r-7{
        left: 5.9rem;
        top: 4.4rem;
        width: 1.5rem;
        height: 1.8rem;
        font-size: 0.5rem;
        padding-bottom: 0.2rem;
    }
    .page-title{
        padding: 1.1rem 0.7rem 0.6rem;
    }
    .index-m{
        flex-direction: column;
        height: auto;
        padding: 0.7rem;
        align-items: unset;
    }
    .index-m-l-title{
        font-size: 0.42rem;
        line-height: 0.6rem;
    }
    .index-m flex-row{
        width: 100%;

    }
    .index-m-line{
        width: 100%;
    }
    .index-m-r{
        align-items: flex-start;
        margin-left: unset;
    }
    .index-m-phone{
        margin: 0.2rem 0 0.2rem;
    }
    .index-m-r{
        margin-top: 0.3rem;
    }
    .yanfa-content{
        flex-direction: column;
    }
    .index-yf-item{
        width: 100%;
        margin-bottom: 1rem;
    }
    .yf-item-text{
        padding-left: 1rem;
    }
    .index-yf-item img{
        width: 5rem;
    }
    .hangye ul>li{
        width: 60px;
    }
    .bac .bac-detail{
        width: 80%;
        margin-left: 0.4rem;
    }
    .bac .bac-title{
        font-size: 0.3rem;
        margin-left: 0.15rem;
    }
    .coo-num-div{
        width: 100%;
    }
    .coo-item-top .counter{
        font-size: 0.7rem;
    }
    .coo-num{
        font-size: 0.5rem;
    }
    .coo-item-top{
        height: 1.3rem;
    }
    #marquee1 ul li, #marquee2 ul li, #marquee3 ul li{
        margin-right: 0.2rem;
    }
    .index-news{
        flex-direction: column;
        margin-bottom: 0;
    }
    .news-item-right-title{

        width: 6rem;
        font-size: 0.33rem;
    }
    .news-item-right-sub{
        width: 6rem;
        font-size: 0.2rem;
    }
    .news-right{
        width: 100%;
        padding-left: 0.7rem;
    }
    .news-left{
        margin-top: 0.5rem;
        width: 100%;
    }
    .page-title{
        width: 100%;
    }
    .top-par.flex-row{
        flex-direction: column;
        justify-content: center;
        align-content: center;
    }
}