body{
    margin: 0;
    font-family: '微软雅黑';
}
.left{
    float: left;
}
.right{
    float: right;
}
.contain{
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.fixBar{
    background: #0f3871;
    height: 70px;
    line-height: 70px;
    width: 100%;
    z-index: 2;
}
.logo{
    width: 197px;
    height: 45px;
    display: block;
    position: relative;
    top: 50%;
    margin-top: -23px;
    margin-left: 45px;
}
.bannerBox{
    /* height: 605px; */
    height: 680px;
    /* background: url(../img/banner.jpg) no-repeat; */
    background-size: 100% 100%;
}
.banContent{
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.4); */
    padding: 60px 45px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.banContent::after{
    content: '';
    display: block;
    clear: both;
}
.txtLeft{
    color: white;
}
.txtTit{
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 20px;
}
.title-box{
    margin-bottom: 20px;
}
.nfdw-logo{
    float: left;
    width: 130px;
    height: 130px;
    margin-right: 10px;
}
.nfdw-logo>img{
    width: 100%;
    height: 100%;
}
.title-box::after{
    content: '';
    display: block;
    clear: both;
}
.txts{
    font-size: 14px;
    margin-top: 25px;
}
.loadBox{
    /* margin-top: 65px; */
    margin-top: 40px;
}
.loadBox::after{
    content: '';
    display: block;
    clear: both;
}
.code{
    float: left;
    /* width: 215px;
    height: 200px; */
    width: 165px;
    height: 165px;
}
.code>img{
    width: 100%;
    height: 100%;
}
.loadBtn{
    display: block;
    width: 210px;
    height: 50px;
    border: solid 2px white;
    border-radius: 20px;
    font-size: 20px;
    line-height: 50px;
    margin-left: 60px;
    cursor: pointer;
    font-weight: bold;
    color: #0b5597;
    text-decoration: none;
    background: #fff;
}
.loadBtn:hover{
    /* background-color: #0f3871; */
    border: solid 2px #0f3871;
    /* color: white; */
    text-decoration: none;
}
.ios{
   /* margin-top: 30px;
   margin-bottom: 45px; */
   margin-top: 10px;
   margin-bottom: 45px;
}
.ios>img{
    width: 35px;
    height: 35px;
    vertical-align: middle;
    margin-left: 26px;
    margin-right: 20px;
    margin-top: -8px;
}
.andrion>img{
    width: 35px;
    height: 35px;
    vertical-align: middle;
    margin-left: 26px;
    margin-right: 4px;
    margin-top: -8px;
}
.slideBox{
    width: 300px;
    height: 460px;
    margin-right: 45px;
}
#swiper{
    width: 300px;
}
.slideBox img{
    width: 100%;
    /* height: 665px; */
}
@media only screen and (min-width:990px) {
    .bannerBox{
        background: url(../img/banner-pc.png) no-repeat top right;
        background-size: 100% 100%;
    }
	.slideBox img{
        height: 624px;
    }
    .txtTit{
        letter-spacing: 10px;
    }
    .txt-subTit{
        font-size: 22px;
        letter-spacing: 7px;
    }
    .slide-shadow{
        display: none;
    }
    .txts{
        width: 510px;
        line-height: 25px;
    }
}
/* width: 520px;
    padding-top: 20px; */
@media only screen and (max-width:990px) {
    .bannerBox{
        background: url(../img/banner-mobile.png) no-repeat top right;
        background-size: 100% 100%;
    }
    .slideBox img{
        height: 624px;
    }
    .txtTit{
        font-size: 30px;
        margin-bottom: 16px;
        margin-top: 4px;
        letter-spacing: 12px;
    }
    .txt-subTit{
        font-size: 18px;
        letter-spacing: 2px;
    }
    .nfdw-logo{
        float: left;
        width: 93px;
        height: 93px;
    }
    .slide-shadow{/* 747*193 */
        width: 100%;
        height: 95px;
    }
    .slide-shadow>img{
        width: 100%;
        height: 100%;
    }
    .loadBox{
        margin-top: -45px;
    }
}
.slideBox2{
    width: 50%;
    /* margin: 50px auto 0; */
    margin: 45px auto 0;
}
.slideBox2 img{
    width: 100%;
}
.footer{
    /* background: #c3c1c1; */
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 20px;
}
@media only screen and (min-width:1380px) {
	/* .txts{
		width: 617px;
	} */
}
@media only screen and (max-width:990px) {
	.banContent{
        padding: 10vw 3vw;
    }
    .logo{
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        margin: 0;
    }
    .bannerBox{
        height: auto;
    }
    .loadBox{
        width: 100%;
    }
    .code{
        float: left;
        width: 36%;
        height: 30vw;
    }
    .code>img{
        width: 100%;
        height: 100%;
    }
    .loadBtn{
        margin-left: 7vw;
        max-width: 210px;
        width: 47vw;
        font-size: 5vw;
    }
    .ios{
       margin-top: 0;
       margin-bottom: 4vw;
    }
    .ios>img{
        margin-left: 5vw;
        margin-right: 2vw;
    }
    .andrion>img{
        margin-left: 1vw;
        margin-right: 1vw;
    }
    .footer{
        height: auto;
        line-height: 7vw;
        font-size: 4vw;
    }
}


.clearFloat::after{
    content: '';
    display: block;
    clear: both;
}