@charset "utf-8";
    /* CSS Document */
    
    * {
        margin: 0;
        padding: 0;
    }
    
    html,
    body {
        color: #000;
        font-family: Helvetica Neue, PingFang SC, Microsoft YaHei, Helvetica, Arial, sans-serif;
        height: 100%;
    }
	
    a {
        text-decoration: none;
		color:#000;
    }
    
    a:hover {
        text-decoration: underline;
    }
    
    ul,
    li {
        list-style: none;
    }
    
    .main{
        
    }
    .content{
        height: 100%;
    }

    .header {
        height: 10%;
        padding: 0 15%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .headerleft img{
        width: 60px;
        vertical-align: middle;
    }
    .headerleft > div{
        display: inline-block;
        vertical-align: middle;
        padding-left: 20px;
        font-size: 1.3rem;
    }
    .headerleft span{
        font-size: 15px;
    }
    .headerright a{
        font-weight: bold;
        padding-left: 50px;
        font-size: 1.3em;
    }

	.box1{
		height: 90%;
		padding: 0 15%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		color: #fff;
		background: url(./img/img_1.png) 85% no-repeat;
		background-size:auto 65%;
		background-color: #3C96FF;
	}
	.box1 img{
		vertical-align: middle;
		height: 28px;
	}
	.box1 > p span{
		vertical-align:middle;
		font-size: 1.3rem;
		margin-left: 5px;
		margin-right: 15px;
	}
	.boxinfo{
		width:50%;
		margin-top:1rem;
	}
.boxinfo h2{
	font-size:2.6rem;
	line-height:5rem;
	padding:2rem 0;
}
.boxinfo p{
	font-size: 1.5rem;
	line-height:2.5rem;
	opacity:.7;
}
.boxinfo a{
	margin-top:3rem;
	display:inline-block;
	padding: 1.3rem 4rem;
	border-radius:50px;
	background-color:#fff;
	color:#3C96FF;
	font-size:1.5rem;
}

.box2{height: 100%;display: flex;align-items: center;padding: 0 15%;}
.boximg{
	height:100%;
	display: flex;
	align-items: center;
	padding-right: 4rem;
}
.boximg img{
	height:70%;
	/* padding-top: 15%; */
}
.box2info{
	text-align:center;
}
.box2info h2{
	font-size:2.5rem;
	line-height:5rem;
}
.box2info p{
	font-size:1.3rem;
	line-height:2rem;
	padding:5px 0;
}
.box2info p:nth-child(2){
	opacity:.7;
	padding:1rem 0;
}
.box3{
	height: 100%;
	background: url(./img/img_3.png) right no-repeat;
	background-size: auto 100%;
	background-color: #3C96FF;
	color: #fff;
	display: flex;
	align-items: center;
	padding: 0 15%;
}
.box3info{
	width: 60%;
	text-align: center;
}
.box3 h2{
	font-size:2.5rem;
	line-height:5rem;
	padding-bottom:1rem;
}
.box3info p{
	opacity:.7;
	font-size:1.3rem;
	line-height:2rem;
	padding:5px 0;
}
	

    .privacy {
        padding: 3rem 3rem;
        color: #000;
    }
    
    .privacy h1 {
        text-align: center;
        font-size: 2rem;
        line-height: 3rem;
        margin-bottom: 2rem;
    }
    
    .privacy p {
        font-size: 1.1rem;
        line-height: 2rem;
        margin-top: 1rem;
    }
    
    .privacy li {
        margin-top: 2rem;
    }
    
    .privacy h3 {
        font-size: 2.4rem;
        line-height: 3rem;
        margin: 3rem 0 1rem;
    }
    
    .privacy h4 {
        font-size: 1.5rem;
        line-height: 2rem;
        margin: 2rem 0 1rem;
    }
    
    .privacy a {
        color: #000;
        font-weight: bold;
        text-decoration: underline;
    }
    
    .privacy a:hover {
        text-decoration: none;
    }
	.privacy .bold{
		font-weight: bold;
	}
	/* @media screen and (max-width: 1680px){
	  .contact{
		  margin-left: -300px;
	  }
	} */
	@media screen and (max-width: 960px){
		.privacy {
		    padding: 1rem 2rem;
		    color: #000;
		}
		.privacy h1 {
		    font-size: 2rem;
		    line-height: 3rem;
		}
		.privacy p {
		    font-size: 1rem;
		    line-height: 2rem;
		    margin-top: 1rem;
		}
	}

    @media screen and (max-height: 650px){
		.contentBox{
            height: 90%;
        }
	}