@charset "utf-8";
/* CSS Document for about*/
@font-face {
    font-family: gothicb;
    src: url(../font/gothic/GOTHICB.TTF);
}
.mt-45{margin-top: 45px;}
.border-none{border: none;}
.text-72{font-size: 72px;}
.text-indent-2{ text-indent: 2em;}  
.leading-1{line-height: 1;}
.leading-36{line-height: 36px;}
.about-main{width: 100%;background: url(../images/about/pic-bg-about.png) no-repeat center top;}
.statistics{margin-top:65px;display:flex;justify-content:space-around;flex-wrap:wrap;}
.statis-item{width:220px;height:220px;border-radius:50%;background-color:#ffffff;border:dashed 2px #2593d2;}
.statis-item .title{margin-top:55px;}
.statis-item .num{margin-top:20px;color:#1f61af;font-family:gothicb;}
.about-content p{margin-top: 38px;}
.about-content1{margin-top: 100px;}
.about-content2{position: relative;padding: 58px 0 130px;color: #fff;max-width: 1920px; margin: 80px auto 0;}
.about-content2::before{position: absolute;left: 0;top: 0;content: "";background: url(../images/about/pic-bg-center.png) no-repeat left top;display: block;width:100%;height: 627px;z-index: -1;}
.about-content3{margin-top: 106px;margin-bottom: 76px;}

.theme-red .about-content2::before{background-image: url(../images/about/pic-bg-center-red.png);}
.theme-red .statis-item{border-color:#9a0813;}
.theme-red .statis-item .num{color:#9a0813;}
/* pc md*/
@media screen and (max-width:1400px) {

}
/*pc sm*/
@media screen and (max-width: 1280px) {
    .about-content p{margin-top: 16px;}
}

/*pad md*/
@media screen and (max-width: 991px){
    .mt-45{margin-top: 0;}
    .statistics{margin-top: 0px;}
    .statis-item{border: none;height: 160px;background-color: unset;width: 50%;}
    .about-content1{margin-top: 20px;}
    .about-content2{background-color: #1f61af;padding: 10px 0;margin-top: 20px;}
    .about-content2::before{content: none;}
    .about-content3{margin: 20px 0;}

    .theme-red .about-content2{background-color: #9a0813;}
}

/*phone sm*/
@media screen and (max-width: 767px) {
    .statis-item .num{font-size: 40px;}
}

/*phone xs*/
@media screen and (max-width: 638px) {

}

/*phone mini*/
@media screen and (max-width: 375px) {
    
}