* {
    margin: 0;
    padding: 0;
    list-style: none;
}


.main {
    width: 100%;
    overflow: hidden;
}

.clear {
    overflow: hidden;
}

.fl {
    float: left;
}

dl {
    text-align: center;
}

dl dt {
    height: 56px;
    
    color: #000002;
    font-size: 34px;
}

dl dd {
    margin: 0 auto;
    color: #666563;
    font-size: 16px;
    line-height: 26px;
    width: 780px;
}

.content {
    position: relative;
    height: 500px;
    text-align: center;
}

.content h2 {text-align:left;
    padding-top: 66px;
    line-height: 50px;
    font-weight: normal;
    font-size: 34px;
}

.content p {text-align:left;
	font-size:16px;
    line-height: 30px;
    color: #6f6f6f;
    margin-bottom: 45px;
}

.content ul {
    position: absolute;
    overflow: hidden;
}

.content li {
    float: left;
    width: 155px;
    height: 70px;
    border-right: 1px solid #000;
    text-align: center;
    color: #000;
}

.content li:nth-child(3) {
    border: none;
}

.content h4 {
    line-height: 20px;
    font-weight: normal;
    font-size: 24px;
}

.content span {
    font-size: 14px;
}

#section0 {
    position: relative;
    width: 100%;
    height: 1355px;
    background: url(https://d3pk9z7j5el572.cloudfront.net/images/features/homecamera2/bg1.jpg) no-repeat center center;
    background-size:cover;
}

#section0 img {
    display: block;
    margin: 116px auto;
}

#section0 div {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
}

.topLeft {
    margin-left: -416px;
    margin-top: -168px;
}

.topRight {
    margin-left: 307px;
    margin-top: -168px;
}

.bottomLeft {
    margin-left: -416px;
    margin-top: 86px;
}

.bottomRight {
    margin-left: 307px;
    margin-top: 86px;
}

#section0 strong {
    display: block;
    font-size: 50px;
    color: #666666;
    margin-top: 55px;
}

#section0 span {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    color: #666666;
}

#section1 {
    position: relative;
    width: 100%;
    height: 756px;
}

#section1 ul {
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: 116px;
    width: 1200px;
}

#section1 li {
    position: relative;
    float: left;
    width: 50%;
    height: 380px;
}
#section1 dl dt {
    height: 106px;
    font-size: 34px;
}
#section1 li span {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 144px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 22px;
}

#section2 {
    position: relative;
    margin:0 auto;
    width: 1920px;
    height: 800px;
    background: url(https://d3pk9z7j5el572.cloudfront.net/images/features/homecamera2/bg2.jpg) no-repeat center center;
}

#section2 #change {
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 800px;
    background: url(https://d3pk9z7j5el572.cloudfront.net/images/features/homecamera2/bg2_1.jpg) no-repeat left center;
    cursor: w-resize;
}

#section3 {
    position: relative;
    width: 100%;
    height: 1200px;
    background: url(https://d3pk9z7j5el572.cloudfront.net/images/features/homecamera2/bg3.jpg) no-repeat center center;
    background-size:cover;
}

#section3 img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -132px;
    margin-top: -300px;
    width: 264px;
    height: 438px;
}

#section3 dl {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 86px;
    margin-left: -390px;
}
#section3 dl dt {
    height: 106px;
    
    font-size: 34px;
}

#section3 dt {
    color: #fff;
}

#section3 dd {
    color: #fff;
}

#section3 ul {
    position: absolute;
    overflow: hidden;
    left: 50%;
    bottom: 205px;
    margin-left: -234px;
    width: 468px;
}

#section3 li {
    float: left;
    width: 155px;
    height: 0px;
    border-right: 1px solid #fff;
    text-align: center;
    color: #fff;
}

#section3 li:nth-child(3) {
    border: none;
}

#section3 h4 {
    line-height: 46px;
    font-weight: normal;
    font-size: 24px;
}

#section3 span {
    font-size: 14px;
}

#section4 {
    height: 1366px;
}

#section4 .bg4 {
    position: relative;
    width: 100%;
    height: 866px;
    background: url(https://d3pk9z7j5el572.cloudfront.net/images/features/homecamera2/bg4.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size:cover;
}

#section4 .content {
    width: 468px;margin-top:3%;
    margin-left: 18%;
    margin-right: 60px;
}
@media (max-width:1800px){
	#section4 .content {
		margin-left: 12%;margin-top:3%;
		margin-right: 60px;
	}
}
@media (max-width:1600px){
	#section4 .content {
		margin-left: 4%;margin-top:3%;
		margin-right: 60px;
	}
}
#section4 img {
    margin-top: 120px;
}

#section5 {
    height: 1366px;
}

#section5 img {
    margin-left: 360px;
    margin-right: 80px;
    margin-top: 56px;
}
@media (max-width:1800px){
	#section5 img {
		margin-left: 13%;
		margin-right: 80px;
		margin-top: 56px;
	}
}
@media (max-width:1600px){
	#section5 img {
		margin-left: 9%;
		margin-right: 80px;
		margin-top: 56px;
	}
}
@media (max-width:1366px){
	#section5 img {
		margin-left: 4%;
		margin-right: 80px;
		margin-top: 56px;
	}
}

#section5 .bg5 {
    position: relative;
    width: 100%;
    height: 866px;
    background: url(https://d3pk9z7j5el572.cloudfront.net/images/features/homecamera2/bg5.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size:cover;
}

#section5 .content {

    width: 660px;
    text-align: left;
}

#section6 {
    height: 486px;
}

#section6 .bg6 {
    position: relative;
    width: 100%;
    height: 866px;
    background: url(https://d3pk9z7j5el572.cloudfront.net/images/features/homecamera2/bg2.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size:cover;
}

#section6 .content {
    width: 700px;margin-top:4%;
    margin-left: 330px;
    margin-right: 270px;
    text-align: left;
}
@media (max-width:1800px){
	#section6 .content {
		width: 700px;margin-top:4%;
		margin-left: 13%;
		margin-right: 270px;
		text-align: left;
	}
}
@media (max-width:1600px){
	#section6 .content {
		width: 700px;margin-top:4%;
		margin-left: 10%;
		margin-right: 5%;
		text-align: left;
	}
}
@media (max-width:1366px){
	#section6 .content {
		width: 700px;margin-top:4%;
		margin-left: 6%;
		margin-right: 5%;
		text-align: left;
	}
}


#section6 img {
    margin-top: 20px;
}

#section7 {
    height: 1366px;
}

#section7 img {
    margin-left: 360px;
    margin-right: 80px;
    margin-top: 10%;
}
@media (max-width:1366px){
	#section7 img {
		margin-left:180px;
		margin-right: 80px;
		margin-top: 8%;
	}
}

#section7 .bg7 {
    position: relative;
    width: 100%;
    height: 866px;
    background: url(https://d3pk9z7j5el572.cloudfront.net/images/features/homecamera2/bg7.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size:cover;
}
#section7 .bg7-1 {
    position: relative;
    width: 100%;
    height: 866px;
    background: url(https://d3pk9z7j5el572.cloudfront.net/images/features/homecamera2/sharing_bg.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size:cover;
}

#section7 .content {
    width: 660px;
    text-align: left;
}

#section8 {
    width: 100%;
    height: 360px;
    background: #2f2e34;
}

#section8 h2 {
    color: #fff;
    text-align: center;
    padding-top: 138px;
    font-size: 34px;
    font-weight: normal;
    margin-bottom: 40px;
}

#section8 a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
}

.mask {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    cursor: w-resize;
}

#mask6 {
    right: 0%;
}

#mask7 {
    left: -20%;
}
#change img{
	position: absolute;
    width: 32px;
    height:38px;
    line-height: 62px;
    
    color: #fff;
    font-size: 22px;
    border: none;
    border-radius: 10px;
    cursor: w-resize;
	
}
#change button,.bg6 button ,.bg7 button{
    position: absolute;
    width: 230px;
    height: 62px;
    line-height: 62px;
    background: #000;
    color: #fff;
    font-size: 22px;
    border: none;
    border-radius: 10px;
    cursor: w-resize;
}

.center{width:1920px;margin:0 auto;}