@charset "utf-8";
/* about-banner start */
.about-banner{
    height: 400px; 
    background: url('../img/fxpage/about-banner.jpg') no-repeat center center;
}
/* about-banner end */
/* about-des start */
.about-des{
    height: 496px;
}
.about-des-left-title{
    margin-top:115px;
    height:30px;
    font-size:30px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(16,16,16,1);
    line-height:30px;
}
.about-des-left-des{
    margin-top:30px;
    width: 496px;
    font-size:16px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(96,96,96,1);
    line-height:30px;
}
.about-des-right{
    margin-top:90px;
    height: 320px;
    width: 520px;
}
.about-des-right>video{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
/* about-des end */

/* about-development start */
.about-development{
    height: 1270px;
    background: #F5F9FD url('../img/fxpage/about-development.png') no-repeat center center;
}
/* about-development end */

/* about-interesting start */
.about-interesting{
    padding-top:60px; 
    height: 654px;
}
.about-interesting-title{
    height:30px;
    font-size:30px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(0,0,0,1);
    line-height:30px;
    text-align: center;
}
.about-interesting-main{
    margin: 30px auto 0;
    width:1078px;
}
.about-interesting-main>li{
    overflow: hidden;
    position: relative;
    margin:0 5px 10px;
    width: 144px;
    height: 144px;
    box-sizing: border-box;
    border:1px dotted #B4B1B3;
}
.about-interesting-main>li>img{
    width: 100%;
    height: 100%;
}
.about-interesting-main-cover{
    position: absolute;
    left: 144px;
    top:0;
    padding-right:25px;
    box-sizing: border-box;
    width:100%;
    height:100%;
    background:rgba(203,37,39,0.7);
    transition: left .3s ease-in-out;
    -moz-transition:left .3s ease-in-out; /* Firefox 4 */
    -webkit-transition:left .3s ease-in-out; /* Safari and Chrome */
    -o-transition:left .3s ease-in-out; /* Opera */
}
.about-interesting-main>li:hover>.about-interesting-main-cover{
    left: 0;
}
.about-interesting-main-cover-title{
    margin-top:44px;
    text-align: right;
    height:18px;
    font-size:18px;
    font-family:PingFangSC-Semibold;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:18px;
}
.about-interesting-main-cover-des{
    margin-top:15px;
    font-size:12px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:22px;
    text-align: right;
    opacity: 0.7;
}
.about-interesting-main>li.last{
    width: 452px;
    background:#F5F9FD;
    border: none;
}
.about-interesting-main>li.last a{
    display: block;
    width: 100%;
    height: 100%;
    font-size:24px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(113,130,147,1);
    text-align: center;
    line-height: 144px;
    cursor: pointer;
}
.about-interesting-main>li.last a img{
    width: 100%;
    height: 100%;
}
/* about-interesting end */
.about-map{
    height: 602px; 
    background: #F5F9FD url('../img/fxpage/about-map.png') no-repeat center center;
}