.main{
    height: 336px;
    width: 100%;

}
.mainimg{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.mainimg img{
    width: 100%;
    min-width: 1920px;
}

.maintxtcon{
    height: 200px;
    margin: 0 auto;
    width:calc(100% - 64px);
    max-width: 1260px;
    padding: 18px 0;
    padding-top: 104px;
    margin-top: -336px;
}

.maintxtcon p:nth-child(1){
    position: relative;
    float: left;
    color: #ffffff;
    font-size: 28px;
    margin-bottom: 28px;
}
.maintxtcon p:nth-child(2){
    color: #ffffff;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 28px;
    margin-left: 194px;
}
.maintxtcon p:nth-child(3){
    letter-spacing: 1px;
    color: #ffffff;
    font-size: 14px;
    margin: 0;
}


.mappenal{
    width: 100%;
    background: #F3F5F8;
    padding: 80px 0;
}
.myh2{
    text-align: center;
    width: 100%;
    font-size: 24px;
    font-weight: normal;
    color: #193347;
    margin-bottom: 64px;
}
.myp{
    color: #95a6ad;
    font-size: 14px;
    line-height: 26px;
}
.pcon{
    text-align: center;
    width: 100%;
    max-width:500px;
    margin: 0 auto;
}


.advantagecontianer {
    width: calc(100% - 128px);
    margin: 0 auto;
    height: 100%;
    max-width: 1260px;
    padding: 50px;
    background: url("../images/streedata/bg.png") no-repeat center;
    background-size: contain;
}
.advantagecontianer .col {
    display: inline-block;
    text-align: center;
    padding: 50px 0;
}
.advantagecontianer .col .con {
    max-width: 332px;
    margin: 0 auto;
}
.advantagecontianer .col .con .title {
    font-size: 24px;
    color: #193347;
}
.advantagecontianer .col .con .desc {
    font-size: 14px;
    color: #95A6AD;
    margin-top: 50px;
}
.module {
    width: 100%;
    max-width: 1260px;
    margin: 50px auto 0;
    opacity: 0;
}
.module.to {
    margin-top: 0;
    opacity: 1;
}

@media screen and (max-width : 820px) {

}