.us{
    width:100%;
    display:flex;
    flex-direction:column;
    position: relative;
}

.us .banner{
    height:630px;
}


/**us 动画部分**/
.us .banner{
    opacity: 0;
    transform: translateY(50px);
}
.us .leftNav{
    opacity: 0;
    transform: translateY(50px);
}

.us.DSActive .banner{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
.us.DSActive .leftNav{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
/***/



.us .gus{
    width:100%;
    background-image: url("/h/images/n/usbg.png");
    width:100%;
    height: 430px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}
.us .gus .content{
    width:1310px;
    margin:0 auto;
    
    font-weight: 400;
    font-size: 45px;
    color: #0E161E;
    line-height: 90px;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    height:430px;
}
.us .gus .content div{
    width:100%;
    height:180px;
}

.us .map{
    width:100%;
    background-color: #fff;
}
.us .map .content{
    width:1310px;
    margin:30px auto;
    display:flex;
    justify-content: row;
}
.us .map .content .left{
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    
    font-weight: 300;
    font-size: 18px;
    color: #0E161E;
    line-height: 30px;
    height:438px;
    width:500px;
    flex:1;
    padding-right:50px;
}
.us .map .content .left .t1{
    height:430px;
    
    font-weight: 400;
    font-size: 26px;
    color: #0E161E;
    padding-right:20px;
    line-height: 45px;
}
.us .map .content .left .mail{
    text-decoration: underline;
    font-weight: 600;
}

.us .map .content .right{
    width:730px;
}

.us .map .content .left span{
    
    font-weight: 300;
    font-size: 26px;
    color: #0E161E;
    line-height: 30px;
}

.us #container{
    height:500px;
    width:700px;
}

.mobile-us .bander{
    width:7.5rem;
    height:6.22rem;
}
.mobile-us .bander img{
    width:7.5rem;
    height:6.22rem;
}

.mobile-us .gus{
    background-image: url("/h/images/m/us/us05.png");
    width:100%;
    height:8.8rem;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top:-1.83rem;
    display:flex;
    flex-direction:column;
    background-color:#fff;
}
.mobile-us .gus .content{
    width:6.7rem;
    margin:0 auto;
    
    font-weight: 400;
    font-size: .36rem;
    color: #0E161E;
    line-height: .5rem;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    height:auto;
    padding-top:2rem;
}
.mobile-us .gus .content div{
    width:100%;
    height:auto;
}
.mobile-us .gus div p{
    
    font-weight: 400;
    font-size: .26rem;
    color: #0E161E;
    line-height: .45rem;
    padding-top:1.01rem;
    width:100%;
}
.mobile-us .gus .mail{
    text-decoration: underline;
    font-weight: 600;
    font-size:.27rem;
}

.mobile-us .map{
    width:100%;
    background-color: #fff;
}
.mobile-us .map .content{
    width:6.7rem;
    display:flex;
    flex-direction:column;
    justify-content:start;
    margin:0 auto;
    padding-top:.5rem;
}
.mobile-us .map .content .left{
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    
    font-weight: 300;
    font-size: .18rem;
    color: #0E161E;
    line-height: .3rem;
    height:auto;
    width:100%;
    flex:1;
    padding:.5rem 0;
}
.mobile-us .map .content .left .t1{
    height:430px;
    
    font-weight: 400;
    font-size: .26rem;
    color: #0E161E;
    padding-right:.2rem;
    line-height: .45rem;
}
.mobile-us .map .content .right{
    width:730px;
}

.mobile-us .map .content .left span{
    
    font-weight: 300;
    font-size: .24rem;
    color: #0E161E;
    line-height: .3rem;
}

.mobile-us #mcontainer{
    height:4.38rem;
    width:6.7rem;
    margin:0 auto;
}
.BMap_bubble_title{
    line-height:0px!important;
}
.BMap_bubble_title p{
    font-size:16px;
    line-height:0px!important;
    padding:0px;
    margin:0px;
}