@font-face {
  font-family: "BIG JOHN"; 
  src: url('../fonts/BIG JOHN.otf');
}
@font-face {
  font-family: "SourceHanSansCN-Light_0"; 
  src: url('../fonts/SourceHanSansCN-Light_0.otf');
}
@font-face {
  font-family: "SourceHanSansCN-ExtraLight_0"; 
  src: url('../fonts/SourceHanSansCN-ExtraLight_0.otf');
}
@font-face {
  font-family: "SourceHanSansCN-Regular_0"; 
  src: url('../fonts/SourceHanSansCN-Regular_0.otf');
}
@font-face {
  font-family: "big-john-woff2-2"; 
  src: url('../fonts/big-john-woff2-2.otf');
}
@font-face {
  font-family: "SourceHanSansCN-Bold_0"; 
  src: url('../fonts/SourceHanSansCN-Bold_0.otf');
}
@font-face {
  font-family: "SourceHanSansCN-Heavy_0"; 
  src: url('../fonts/SourceHanSansCN-Heavy_0.otf');
}
@font-face {
  font-family: "SourceHanSansCN-Medium_0"; 
  src: url('../fonts/SourceHanSansCN-Medium_0.otf');
}
@font-face {
  font-family: "SourceHanSansCN-Normal_0"; 
  src: url('../fonts/SourceHanSansCN-Normal_0.otf');
}

.scrolling {
    white-space: nowrap; /* 防止换行 */
    /*overflow: hidden; */
    animation: scrollText 12s linear infinite; /* 使用动画效果进行无限滚动 */
}
        
@keyframes scrollText {
    0% { transform: translateX(0); } /* 初始位置为左侧起点 */
    100% { transform: translateX(-120%); } /* 最后位置为右侧结尾处 */
}


.mycontact{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:80px 0 180px;
}

.mycontact .ml{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 25%;
}

.mycontact .ml .mlt h2{
    font-size: 48px;
    color: #fff;
    font-family: opm;

}
.mycontact .ml .mlt h2:first-child{
    margin-bottom: 20px;
}
.mycontact .ml .mlb img{
    width: 120px;
}
.mycontact .mr{
    font-size: 18px;
    color: #fff;
    font-family: opm;
    line-height: 1.8;
}
.mycontact .mr .mlist{
    margin-top: 90px;
}
.mycontact .mr .mlist li{
    margin-top: 45px;
    display: flex;
    align-items: center;
    line-height: unset;
    font-size: 14px;
    font-family: opm;

}
.mycontact .mr .mlist li .cimg{
    margin-right: 20px;
    height: 46px;
}
.mjoin{
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding:25px 0;
}
.mjoin:hover{
    background: #ff0707;	/* 滚动条背景红 */
}
.mjoin.active{
    border-bottom: none;
    background: #0000ff;
}
.mjoin .jolist{
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: space-between;
    
}
.mjoin .jolist .item{
    font-family: opm;
    font-size: 34px;
    color: #000000;
    text-transform: uppercase;
    margin-right: 150px;
}

















