*{
        margin: 0;
        padding: 0;
    }
    .nav{
        height: 5.9rem;
        display: flex;
        align-items: center;
        background-color: white;
                justify-content: space-between;
    }
        .nav div{
            display: flex;
            align-items: center;
        }
        .nav div:last-child{
            margin-right: 5rem;
        }
    .logo{
        width: 3.9rem;
        height: 3.9rem;
        margin: 0 1rem 0 13rem;
    }
    .title{
        font-size:1.5rem;
        white-space: nowrap;
        font-family:Source Han Sans CN;
        font-weight:bold;
        color:rgba(51,51,51,1);
    }
    .top-box{
        height: 30rem;
        position: relative;
        background-image: url("http://sp.99add.com/top-bg.png");
        background-repeat: no-repeat;
        background-size: contain;
    }
    .top-box-title{
        position: absolute;
        z-index: 1;
        left:13rem;
        top:3rem;
        font-size:2.4rem;
        font-family:Source Han Sans CN;
        font-weight:bold;
        color:rgba(255,255,255,1);
        white-space: pre-wrap;
        line-height: 4rem;
    }
    .top-box-btn{
        width:10.6rem;
        height:3rem;
        background:rgba(255,255,255,1);
        box-shadow:0 4px 2rem 0 rgba(0,187,172,0.19);
        border-radius:1.5rem;
        position: absolute;
        left: 12.95rem;
    }
    .top-box-btn:nth-child(2){
        top:13.05rem
    }
    .top-box-btn:nth-child(2) img{
        width: 1.35rem;
        height: 1.7rem;
        position: absolute;
        top:50%;
        left: 1rem;
        transform: translateY(-50%);
    }
    .top-box-btn:nth-child(2) .top-box-btn-title{
        position: absolute;
        left: 3.2rem;
        top:0.2rem;
        font-size:1rem;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:rgba(154,154,154,1);
    }
    .top-box-btn:nth-child(2) .top-box-btn-sub-title{
        position: absolute;
        left: 3.2rem;
        top:1.6rem;
        font-size:0.8rem;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(154,154,154,1);
    }
    .top-box-btn:nth-child(3){
        top:16.8rem
    }
    .top-box-btn:nth-child(3) img{
        width: 1.6rem;
        height: 1.9rem;
        position: absolute;
        top:50%;
        left: 1rem;
        transform: translateY(-50%);
    }
    .top-box-btn:nth-child(3) .top-box-btn-title{
        position: absolute;
        left: 3.2rem;
        top:50%;
        transform: translateY(-50%);
        font-size:1rem;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:rgba(154,154,154,1);
    }
    .qr-img{
        width: 5.65rem;
        height: 5.65rem;
        position: absolute;
        top:13rem;
        left: 25.6rem;
    }
    .qr-text{
        font-size:0.85rem;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(255,255,255,1);
        position: absolute;
        top:18.9rem;
        left: 25.45rem;
    }
    .verson-text{
        position: absolute;
        top:20.75rem;
        left: 12.9rem;
        font-size:0.85rem;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(255,255,255,1);
    }
    .source-text{
        position: absolute;
        top:23rem;
        left: 12.95rem;
        font-size:1.25rem;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(255,255,255,1);
    }
    .manage-text{
        position: absolute;
        top:25.35rem;
        left: 12.95rem;
        font-size:1.25rem;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(255,255,255,1);
    }
    .video-box{
        padding: 0.75rem;
        background-color: white;
        position: absolute;
        top:3.75rem;
        right: 12.75rem;
        border-radius: 1rem;
    }
    .video-box video{
        width: 38rem;
        height: 21.4rem;
        border-radius: 1rem;
        background-color: black;
        outline: none;
    }
    .video-box .play-btn{
        width: 4.9rem;
        height: 4.9rem;
        position: absolute;
        top:50%;
        left: 50%;
        z-index: 99;
        transform: translate(-50%,-50%);
        background:rgba(255,255,255,0.32);
        border-radius: 50%;
        cursor: pointer;
    }
    .triangle{
        position: absolute;
        top: 50%;
        left: 2.1rem;
        z-index: 99;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border: 0.95rem solid transparent;
        border-left-color: white
    }
    .content-box, .mainNav{
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .content-box .title{
        font-size:1.8rem;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:rgba(51,51,51,1);
        border-bottom: 2px solid #add7f8;
        /*text-decoration: underline #ADD7F8 solid;*/
    }
    .content-box .title1{
        margin-top: 2.5rem;
        margin-bottom: 3.6rem;
    }
    .link1{
        position: absolute;
        right: 13.3rem;
        top:2.8rem;
        font-size:1.2rem;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:rgba(15,155,253,1);
    }
    .btn-box{
        display: flex;
    }
    .btn-box-item{
        width:16rem;
        height:5rem;
        flex: 0 0 auto;
        margin-right: 2rem;
        background:rgba(255,255,255,1);
        box-shadow:0 1px 7px 0 rgba(137,137,137,0.31);
        border-radius:1rem;
        position: relative;
        cursor: pointer;
    }
    .btn-box-item img{
        width:2.5rem;
        height:2.5rem;
        position: absolute;
        left: 0.5rem;
        top:50%;
        transform: translateY(-50%);
    }
    .btn-box-item span:nth-child(2){
        position: absolute;
        top:0.9rem;
        left: 4.1rem;
        font-size:1.4rem;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:rgba(51,51,51,1);
    }
    .btn-box-item span:nth-child(3){
        position: absolute;
        top:3rem;
        left: 4rem;
        font-size:1.2rem;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(128,128,128,1);
    }
    .title2{
        margin-top: 3.5rem;
        margin-bottom: 3.5rem;
    }
    .grid-ul{
        list-style: none;
        overflow: hidden;
        width: 70rem;
    }
    .grid-ul li{
        float: left;
        width: 31.2%;
        height: 15.7rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 0.65rem;
    }
    .grid-ul li:nth-child(1){
        border-right:2px dotted #808080;
        border-bottom:2px dotted #808080;
    }
    .grid-ul li:nth-child(2){
        border-right:2px dotted #808080;
        border-bottom:2px dotted #808080;
    }
    .grid-ul li:nth-child(3){
        border-bottom:2px dotted #808080;
    }
    .grid-ul li:nth-child(4){
        border-right:2px dotted #808080;
        border-bottom:2px dotted #808080;
    }
    .grid-ul li:nth-child(5){
        border-right:2px dotted #808080;
        border-bottom:2px dotted #808080;
    } .grid-ul li:nth-child(6){
          border-bottom:2px dotted #808080;
      }
    .grid-ul li:nth-child(7){
        border-right:2px dotted #808080;
    } .grid-ul li:nth-child(8){
          border-right:2px dotted #808080;
      }

    .grid-ul img{
        width: 5rem;
        height: 5rem;
        margin-bottom: 1rem;
    }
    .grid-ul span{
        font-size:1.3rem;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:rgba(51,51,51,1);
        margin-bottom: 1rem;
    }
    .grid-ul p{
        font-size:1rem;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(77,77,77,1);
        white-space: pre-wrap;
        word-break: break-all;
        max-width: 100%;
    }
    .title3{
        margin:3.5rem 0 3.5rem 0;
    }
    .grid-ul2{
        width: 70.5rem;
        padding-left: 0.5rem;
        list-style: none;
    }
    .grid-ul2 li{
        box-sizing: border-box;
        padding: 0 0.75rem;
        position: relative;
        float: left;
        width: 22.4rem;
        height: 15.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background:rgba(255,255,255,1);
        box-shadow:0 1px 9px 0 rgba(15,155,253,0.31);
        margin-right: 1rem;
        margin-bottom: 1rem;
    }
    .grid-ul2 li img{
        width: 4.55rem;
        height: 4.3rem;
        margin-bottom: 1.55rem;
    }
    .grid-ul2 li span{
        margin-bottom: 1.4rem;
        font-size:1.3rem;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:rgba(51,51,51,1);
    }
    .grid-ul2 li p{
        font-size:1rem;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(77,77,77,1);
        line-height:1.35rem;
        white-space: pre-wrap;
        max-width: 100%;
    }
    .grid-ul2 li .border{
       position: absolute;
        z-index: 1;
        width: 100%;
        height: 0.6rem;
        left: 0;
        bottom: 0;
        background-color: #0F9BFD;
    }
    .title4{
        margin: 3.5rem 0;
    }
    .title4-nav{
        width: 70rem;
        display: flex;
        justify-content: space-between;
        margin-bottom: 3.5rem;
        position: relative;
    }
    .title4-nav span:nth-child(1){
        font-size:1.4rem;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:rgba(51,51,51,1);
        border-bottom: 2px solid #add7f8;
        /*text-decoration: underline #ADD7F8 solid;*/
    }
    .title4-nav span:nth-child(2){
        font-size:1.4rem;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:rgba(102,102,102,1);
        position: absolute;
        right: 0;
    }
    .title4-nav span:nth-child(3){
        position: absolute;
        left: 0;
        top: 1.7rem;
        font-size:1rem;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:rgba(102,102,102,1);
        opacity:0.25;
    }
    .grid-ul3{
        width: 70rem;
        list-style: none;
        overflow: hidden;
    }
    .grid-ul3 li{
        float: left;
        margin-right: 2.98rem;
        margin-bottom: 4rem;
    }
    .grid-ul3 li:nth-child(5n){
        margin-right: 0;
    }
    .grid-ul3 li img{
        width: 11.6rem;
        height: 4.6rem;
    }
    .grid-ul-4{
        width:70rem;
        list-style: none;
    }
    .grid-ul-4 li{
        height:11.15rem;
        box-sizing: border-box;
        background:rgba(255,255,255,1);
        box-shadow:0 1px 7px 0 rgba(137,137,137,0.31);
        border-radius:1rem;
        padding: 1.5rem;
        margin-bottom: 1.4rem;
    }
    .grid-ul-4 li .nav{
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.85rem;
        height: auto;
    }
    .grid-ul-4 li .nav span:nth-child(1){
        font-size:1.4rem;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:rgba(51,51,51,1);
    }
    .grid-ul-4 li .nav span:nth-child(2){
        font-size:1.2rem;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:rgba(102,102,102,1);
    }
    .grid-ul-4 li .content{
        padding-left: 0.8rem;
        display: flex;
    }
    .grid-ul-4 li .content .content-item{
        margin-bottom: 2.4rem;
        flex: 0 0 auto;
        width:14.5rem;
        height:4.2rem;
        background:rgba(255,255,255,1);
        border:3px dotted rgba(15,155,253,1);
        border-radius:1rem;
        margin-right: 2.3rem;
        font-size:1.8rem;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:rgba(102,102,102,1);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .grid-ul-4 li .content .content-item:nth-child(4){
        margin-right: 0;
    }
    .footer{
        width: 100%;
        height:13rem;
        margin-top: 2.5rem;
        position: relative;
        background:rgba(77,77,77,1);
    }
    .footer span:nth-child(1){
         position: absolute;
         top:3rem;
         left: 25.15rem;
         font-size:1.3rem;
         font-family:Source Han Sans CN;
         font-weight:400;
         color:rgba(255,255,255,1);
     }
    .footer span:nth-child(2){
        position: absolute;
        top:6.15rem;
        left: 25.15rem;
        font-size:1.1rem;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(255,255,255,1);
    }
    .footer span:nth-child(3){
        position: absolute;
        top:3rem;
        left: 62.7rem;
        font-size:1.3rem;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:rgba(255,255,255,1);
    }
    .footer span:nth-child(4){
        cursor: pointer;
        position: absolute;
        top:6.2rem;
        left: 62.7rem;
        font-size:1.1rem;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(255,255,255,1);
    }
    .footer span:nth-child(4) a,.footer span:nth-child(5) a{
        color:rgba(255,255,255,1);
        text-decoration: none;
    }
    .footer span:nth-child(5){
        cursor: pointer;
        position: absolute;
        top:6.15rem;
        left: 73.75rem;
        font-size:1.1rem;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(255,255,255,1);
    }
    .footer span:nth-child(6){
        position: absolute;
        bottom:0.8rem;
        left: 50%;
        transform: translateX(-50%);
        font-size:1rem;
        font-family:Source Han Sans CN;
        font-weight:400;
        white-space: nowrap;
        color:rgba(255,255,255,1);
    }
    .footer img{
        width: 6.5rem;
        height: 6.5rem;
        position: absolute;
        top:1.85rem;
        left: 17rem;
    }
        .changeLan{
            border-radius: 5px;
            line-height: 25px;
            height: 25px;
            width: 65px;
        }
.mainNav{
	flex-direction: row;
	justify-content: space-between;
	box-shadow:0px 0px 15px 0px rgba(107,107,107,0.34);
	padding: 0 13%;
}
.mainNav li{
	list-style: none;
	position: relative;
	flex: 1;
	z-index: 1;
}
.mainNav a{
	display: inline-block;
	text-decoration: none;
	padding: 20px 0;
	width: 100%;
	text-align: center;
	color: rgba(51,51,51,1);
}
.mainNav li>dl{
	position: absolute;
	top: 66px;
	width: 100%;
	display: none;
	border: 1px solid #CCCCCC;
	background-color: white;
	box-sizing: border-box;
}
.mainNav a:active, .active, .mainNav a:hover{
	color: white !important;
	background-color: #0F9BFD;
}
.active + dl{
	display: block;
}