#fp-nav ul li a span {
    background: #084541 !important;
    border: 2px solid #efefef;
    box-shadow: 0 0 8px #fff;
}

#fp-nav ul li .active {

}

@media screen and (min-width: 1160px) {
	.section .phone{
		display: none;
	}
    .one {
        background: url(../img/web001.jpg) no-repeat;
        background-size: cover;
    }

    .two {
        background: url(../img/web002.jpg) no-repeat;
        background-size: cover;
    }

    /* 审核版 */
    /* .two{
        background:url(../img/web002t.jpg) no-repeat;
        background-size: cover;
    } */
    /* .three{
        background:url(../img/web003t.jpg) no-repeat;
        background-size: cover;
    } */
    .three {
        background: url(../img/web003.jpg) no-repeat;
        background-size: cover;
    }

    .four {
        background: url(../img/web004.jpg) no-repeat;
        background-size: cover;
    }

    .five {
        background: url(../img/web005.jpg) no-repeat;
        background-size: cover;
    }

    .one {
        position: relative;
    }
	.one .company_name{
		position: absolute;
		top:10%;
		left: 50%;
		transform: translateX(-50%);
		color: #fff;
		font-size: 36px;
	}
    .one-box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .one-box .big-tit {
        font-size: 60px;
        color: black;
    }

    .one-box .txt {
        font-size: 30px;
        color: black;
        padding: 30px 0;
    }

    .download-wrap {
        width: 450px;
        position: relative;
		display: flex;
		justify-content: space-between;
    }

    .download-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 200px;
        height: 50px;
        font-size: 20px;
        background: #EBD7BC;
        border-radius: 10px;
		color: #000;
    }

    .download-qrcode {
        width: 200px;
        position: absolute;
        z-index: 1000;
        height: 200px;
        padding: 10px;
        background: #ffffff;
        border: 2px #f5f5f5 solid;
        display: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .download-qrcode-1{
        top: 65px;
    }
    .download-qrcode-2{
        bottom: 65px;
    }

    .download-qrcode img {
        width: 100%;
        height: 100%;
    }


    .two {
        position: relative;
    }

    .two-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 50%;
        right: 8%;
    }

    .two-box .big-tit {
        font-size: 60px;
        color: black;
    }

    .two-box .txt {
        font-size: 30px;
        color: black;
        padding: 30px 0;
        width: 800px;
    }

    .three {
        position: relative;
    }

    .three-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 8%;
        color: #fff;
    }

    .three-box .big-tit {
        font-size: 60px;
        color: #fff;
    }

    .three-box .txt {
        font-size: 30px;
        color: #fff;
        padding: 30px 0;
        width: 800px;
    }

    .four {
        position: relative;
    }

    .four-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 30%;
        left: 8%;
        color: #000;
    }

    .four-box .big-tit {
        font-size: 60px;
        color: #000;
    }

    .four-box .txt {
        font-size: 30px;
        color: #000;
        padding: 30px 0;
        width: 800px;
    }

    .five {
        position: relative;
    }

    .five-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 2%;
        left: 50%;
        transform: translateX(-50%);
        color: #000;
    }

    .five-box .big-tit {
        font-size: 60px;
        color: #000;
    }

    .five-box .txt {
        font-size: 30px;
        color: #000;
        padding: 20px 0;
    }

    .connect-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        bottom: 30%;
        left: 50%;
        transform: translateX(-50%);
        color: #000;
    }

    .connect-tit {
        font-size: 40px;
    }

    .connect-subtit {
        font-size: 28px;
        padding: 20px 0;
    }

    .connect-txt {
        font-size: 26px;
    }

    .web-id {
        position: absolute;
        bottom: 2%;
        left: 50%;
        transform: translateX(-50%);
        color: #000;
    }

    .bottom_info {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 500px;
	}

    .bottom_info .info_box {
        display: flex;
        align-items: center;
        color: #939393;
        justify-content: center;
    }
}

@media screen and (min-width: 960px) and (max-width: 1160px) {
	.section .phone{
		display: none;
	}
    .one {
        background: url(../img/web001.jpg) no-repeat;
        background-size: cover;
    }

    .two {
        background: url(../img/web002.jpg) no-repeat;
        background-size: cover;
    }

    /* .two{
        background:url(../img/web002t.jpg) no-repeat;
        background-size: cover;
    } */
    .three {
        background: url(../img/web003.jpg) no-repeat;
        background-size: cover;
    }

    /* .three{
        background:url(../img/web003t.jpg) no-repeat;
        background-size: cover;
    } */
    .four {
        background: url(../img/web004.jpg) no-repeat;
        background-size: cover;
    }

    .five {
        background: url(../img/web005.jpg) no-repeat;
        background-size: cover;
    }

    .one {
        position: relative;
        width: 100%;
        height: 100%;
    }
	.one .company_name{
		position: absolute;
		top:10%;
		left: 50%;
		transform: translateX(-50%);
		color: #fff;
		font-size: 36px;
	}
    .one-box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .one-box .big-tit {
        font-size: 40px;
        color: black;
    }

    .one-box .txt {
        font-size: 20px;
        color: black;
        padding: 15px 0;

    }

    .download-wrap {
        width: 350px;
        position: relative;
		display: flex;
		justify-content: space-between;
    }

    .download-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 150px;
        height: 60px;
        font-size: 16px;
        background: #EBD7BC;
        border-radius: 10px;
		color: #000;
    }

    .download-qrcode {
        width: 150px;
        position: absolute;
        z-index: 1000;
        top: 65px;
        height: 150px;
        padding: 10px;
        background: #ffffff;
        border: 2px #f5f5f5 solid;
        display: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
	.download-qrcode-1{
	    top: 65px;
	}
	.download-qrcode-2{
	    bottom: 65px;
	}

    .download-qrcode img {
        width: 100%;
        height: 100%;
    }

    .two {
        position: relative;
    }

    .two-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 50%;
        right: 50px;
    }

    .two-box .big-tit {
        font-size: 40px;
        color: black;
    }

    .two-box .txt {
        font-size: 20px;
        color: black;
        padding: 15px 0;
        width: 500px;
    }

    .three {
        position: relative;
    }

    .three-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 100px;
        color: #fff;
    }

    .three-box .big-tit {
        font-size: 40px;
        color: #fff;
    }

    .three-box .txt {
        font-size: 20px;
        color: #fff;
        padding: 15px 0;
        width: 500px;
    }

    .four {
        position: relative;
    }

    .four-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 30%;
        left: 8%;
        color: #000;
    }

    .four-box .big-tit {
        font-size: 40px;
        color: #000;
    }

    .four-box .txt {
        font-size: 20px;
        color: #000;
        padding: 15px 0;
    }

    .five {
        position: relative;
    }

    .five-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 2%;
        left: 50%;
        transform: translateX(-50%);
        color: #000;
    }

    .five-box .big-tit {
        font-size: 40px;
        color: #000;
    }

    .five-box .txt {
        font-size: 20px;
        color: #000;
        padding: 10px 0;
    }

    .connect-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        bottom: 30%;
        left: 50%;
        transform: translateX(-50%);
        color: #000;
    }

    .connect-tit {
        font-size: 30px;
    }

    .connect-subtit {
        font-size: 20px;
        padding: 10px 0;
    }

    .connect-txt {
        font-size: 26px;
    }

    .web-id {
        position: absolute;
        bottom: 2%;
        left: 50%;
        transform: translateX(-50%);
        color: #000;
    }

    .bottom_info {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 500px;
    }

    .bottom_info .info_box {
        display: flex;
        align-items: center;
        color: #939393;
        justify-content: center;
    }
}

@media screen and (min-width: 750px) and (max-width: 960px) {
	.section .pc{
		display: none;
	}
    .one {
        background: url(../img/phone001.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .two {
        background: url(../img/phone002.jpg) no-repeat;
        background-size: 100% 100%;
    }

    /* .two{
        background:url(../img/phone002t.jpg) no-repeat;
        background-size: 100% 100%;
    } */
    .three {
        background: url(../img/phone003.jpg) no-repeat;
        background-size: 100% 100%;
    }

    /* .three{
        background:url(../img/phone003t.jpg) no-repeat;
        background-size: 100% 100%;
    } */
    .four {
        background: url(../img/phone004.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .five {
        background: url(../img/phone005.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .one {
        position: relative;
    }
	.one .company_name{
		position: absolute;
		top:10%;
		right: 10%;
		color: #fff;
		font-size: 24px;
	}
    .one-box {
        position: absolute;
        top: 20%;
        left: 10%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .one-box .big-tit {
        font-size: 30px;
        padding-bottom: 5px;
        font-weight: 700;
        color: black;
    }

    .one-box .txt {
        font-size: 20px;
        color: black;
        padding: 10px 0;
        width: 260px;
    }

    .download-wrap {
        width: 250px;
        position: relative;
		display: flex;
		justify-content: space-between;
    }

    .download-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100px;
        height: 40px;
        font-size: 14px;
        background: #EBD7BC;
        border-radius: 10px;
		color: #000;
    }
	.download-btn a{
		color: #000;
		text-decoration: none;
	}

    .download-qrcode {
        width: 100px;
        position: absolute;
        z-index: 1000;
        top: 65px;
        height: 100px;
        padding: 10px;
        background: #ffffff;
        border: 2px #f5f5f5 solid;
        display: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
	.download-qrcode-1{
	    top: 65px;
	}
	.download-qrcode-2{
	    bottom: 65px;
	}
    .download-qrcode img {
        width: 100%;
        height: 100%;
    }

    .two {
        position: relative;
    }

    .two-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        bottom: 2%;
        left: 50%;
        transform: translateX(-50%);
        padding: 20px;
    }

    .two-box .big-tit {
        font-size: 30px;
        padding-bottom: 5px;
        font-weight: 700;
        color: black;
    }

    .two-box .txt {
        font-size: 20px;
        color: black;
        padding: 10px 0;
        width: 260px;
        text-align: center;
    }

    .three {
        position: relative;
    }

    .three-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        bottom: 4%;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
    }

    .three-box .big-tit {
        font-size: 30px;
        padding-bottom: 5px;
        font-weight: 700;
        color: #fff;
    }

    .three-box .txt {
        font-size: 20px;
        color: #fff;
        padding: 10px 0;
        width: 360px;
        text-align: center;
    }

    .four {
        position: relative;
    }

    .four-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translateX(-50%);
        color: #000;
    }

    .four-box .big-tit {
        font-size: 30px;
        padding-bottom: 5px;
        font-weight: 700;
        color: #000;
    }

    .four-box .txt {
        font-size: 20px;
        color: #000;
        padding: 10px 0;
        width: 360px;
        text-align: center;
    }

    .five {
        position: relative;
    }

    .five-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 5%;
        left: 50%;
        transform: translateX(-50%);
        color: #000;
    }

    .five-box .big-tit {
        font-size: 30px;
        padding-bottom: 5px;
        font-weight: 700;
        color: #000;
    }

    .five-box .txt {
        font-size: 20px;
        color: #000;
        padding: 10px 0;
        width: 460px;
        text-align: center;
    }

    .connect-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        bottom: 30%;
        left: 50%;
        transform: translateX(-50%);
        color: #000;
    }

    .connect-tit {
        font-size: 30px;
        padding-bottom: 5px;
        font-weight: 700;
    }

    .connect-subtit {
        font-size: 20px;
        padding: 10px 0;
        text-align: center;
    }

    .connect-txt {
        font-size: 20px;
    }

    .web-id {
        position: absolute;
        bottom: 2%;
        left: 50%;
        transform: translateX(-50%);
        color: #000;
        font-size: 16px;
    }

    .bottom_info {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 300px;
    }

    .bottom_info .info_box {
        display: flex;
        align-items: center;
        color: #939393;
        justify-content: center;
    }
}

/* 移动端 */
@media screen and (max-width: 750px) {
	.section .pc{
		display: none;
	}
    .one {
        background: url(../img/phone001.jpg) no-repeat;
        background-size: cover;
    }

    .two {
        background: url(../img/phone002.jpg) no-repeat;
        background-size: cover;
    }

    /* .two{
        background:url(../img/phone002t.jpg) no-repeat;
        background-size: cover;
    } */
    .three {
        background: url(../img/phone003.jpg) no-repeat;
        background-size: cover;
    }

    /* .three{
        background:url(../img/phone003t.jpg) no-repeat;
        background-size: cover;
    } */
    .four {
        background: url(../img/phone004.jpg) no-repeat;
        background-size: cover;
    }

    .five {
        background: url(../img/phone005.jpg) no-repeat;
        background-size: cover;
    }

    .one {
        position: relative;
    }
	.one .company_name{
		position: absolute;
		top:5%;
		right: 10%;
		color: #fff;
		font-size: 18px;
	}
    .one-box {
        position: absolute;
        top: 20%;
        left: 10%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .one-box .big-tit {
        font-size: 26px;
        padding-bottom: 5px;
        font-weight: 700;
        color: black;
    }

    .one-box .txt {
        font-size: 16px;
        color: black;
        padding: 10px 0;
        width: 200px;
    }

    .download-wrap {
        width: 210px;
        position: relative;
    	display: flex;
    	justify-content: space-between;
    }
    
    .download-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100px;
        height: 40px;
        font-size: 12px;
        background: #EBD7BC;
        border-radius: 10px;
		color: #000;
    }
	.download-btn a{
		color: #000;
		text-decoration: none;
	}
    
    .download-qrcode {
        width: 100px;
        position: absolute;
        z-index: 1000;
        height: 100px;
        padding: 10px;
        background: #ffffff;
        border: 2px #f5f5f5 solid;
        display: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .download-qrcode-1{
        top: 45px;
    }
    .download-qrcode-2{
        bottom: 45px;
    }
    .download-qrcode img {
        width: 100%;
        height: 100%;
    }

    .two {
        position: relative;
    }

    .two-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        bottom: 2%;
        left: 50%;
        transform: translateX(-50%);
    }

    .two-box .big-tit {
        font-size: 20px;
        padding-bottom: 5px;
        font-weight: 700;
        color: black;
    }

    .two-box .txt {
        font-size: 13px;
        color: black;
        padding: 5px 0;
        width: 300px;
        text-align: center;
    }

    .three {
        position: relative;
    }

    .three-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        bottom: 2%;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
    }

    .three-box .big-tit {
        font-size: 20px;
        padding-bottom: 5px;
        font-weight: 700;
        color: #fff;
        text-align: center;
    }

    .three-box .txt {
        font-size: 13px;
        color: #fff;
        padding: 10px 0;
        width: 300px;
        text-align: center;
    }

    .four {
        position: relative;
    }

    .four-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translateX(-50%);
        color: #000;
    }

    .four-box .big-tit {
        font-size: 20px;
        padding-bottom: 5px;
        font-weight: 700;
        color: #000;
        text-align: center;
    }

    .four-box .txt {
        font-size: 13px;
        color: #000;
        padding: 10px 0;
        width: 300px;
        text-align: center;
    }

    .five {
        position: relative;
    }

    .five-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 5%;
        left: 50%;
        transform: translateX(-50%);
        color: #000;
    }

    .five-box .big-tit {
        font-size: 20px;
        padding-bottom: 5px;
        font-weight: 700;
        color: #000;
    }

    .five-box .txt {
        font-size: 13px;
        color: #000;
        padding: 10px 0;
        width: 260px;
        text-align: center;
    }

    .connect-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        bottom: 30%;
        left: 50%;
        transform: translateX(-50%);
        color: #000;
    }

    .connect-tit {
        font-size: 20px;
        padding-bottom: 5px;
        font-weight: 700;
    }

    .connect-subtit {
        font-size: 13px;
        padding: 10px 0;
        text-align: center;
    }

    .connect-txt {
        font-size: 14px;
    }

    .web-id {
        position: absolute;
        bottom: 2%;
        left: 50%;
        transform: translateX(-50%);
        color: #000;
        font-size: 14px;
    }

    .bottom_info {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 300px;
    }

    .bottom_info .info_box {
        display: flex;
        align-items: center;
        color: #939393;
        justify-content: center;
    }
}