section img{display: block;}
body,html{color: #fff;}
.header-item{width: 100%;position: relative;}
.header-item img.bg{width: 100%;}

.header-item .main{width: 700px;height: 620px;position: absolute;top: 50%;left: 15%;transform: translateY(-50%);color: #fff;}
.header-item .main .title{width: 100%;display: flex;}
.header-item .main .title .logo{width: 100px;height: 100px;}
.header-item .main .title .logo img{border-radius: 15px;}
.header-item .main .title .name{padding-left: 30px;display: flex;align-items: center;flex-wrap: wrap;}
.header-item .main .title .name h3,.header-item .main .title .name span{font-size: 36px;width: 100%;}
.header-item .main .title .name span{display: block;}

.header-item .main .desc{margin-top: 30px;font-size: 18px;line-height: 32px;}

.header-item .main .down{display: flex;justify-content: space-between;margin-top: 30px;}
.header-item .main .down li{width: calc(33% - 15px);}
.header-item .main .down li a{display: inline-block;cursor: pointer;}
.header-item .main .down li a img{max-width: 100%;border-radius: 10px;border:1px solid #566084;}

.header-item .main .qrcode{margin-top: 30px;display: flex;}
.header-item .main .qrcode li{width: 182px;background: #000;border-radius: 10px;border:1px solid #566084;}
.header-item .main .qrcode li img{width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.header-item .main .qrcode li span{display: block;text-align: center;height: 36px;line-height: 36px;font-size: 16px;}
.header-item .main .qrcode li.last{margin-left: 26px;}


.funitem{width: 100%;position: relative;}
.funitem .main{width: 1200px;height: 70%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;}
.funitem .main .left{width: 30%;display: flex;justify-content: center;align-items: center;}
.funitem .main .left img{max-width: 100%;}
.funitem .main .right{width: 80%;display: flex;justify-content: center;align-items: center;}
.funitem .main .right .content{width: 500px;height: 420px;}
.funitem .main .right .content h3{font-size: 36px;}
.funitem .main .right .content p{font-size: 18px;line-height: 32px;margin-top: 30px;}
.funitem .main .right .content ul.icon{margin-top: 30px;display: flex;justify-content: space-between;}
.funitem .main .right .content ul.icon li{width: 30%;text-align: center;}
.funitem .main .right .content ul.icon li img{width: 60px;margin: 0 auto;}
.funitem .main .right .content ul.icon li span{display: block;height: 40px;line-height: 40px;font-size: 16px;}

.control{width: 100%;position: relative;}
.control img.bg{width: 100%;}
.control .main{width: 1200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 300px;display: flex;}
.control .main .left{width: calc(50% - 80px);margin-right: 80px;display: flex;flex-direction: column;justify-content: center;}
.control .main .left h3{font-size: 36px;}
.control .main .left p{font-size: 18px;margin-top: 20px;line-height: 32px;}
.control .main .left .img{margin-top: 30px;width: 200px;}
.control .main .right{width: 50%;}
.control .main .right img{max-width: 100%;}

.track{width: 100%;position: relative;}
.track img.bg{width: 100%;}
.track .main{width: 1200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 300px;display: flex;}
.track .main .left{width: 50%;margin-right: 80px;position: relative;}
.track .main .left .con{width: 230px;height: 240px;position: absolute;top: 50%;left: 55%;transform: translate(-50%,-50%);background: rgba(0,0,0,.7);
border-radius: 10px;}
.track .main .left .con img{width: 60%;margin: 10px auto;}
.track .main .left .con p{width: 90%;margin:0 auto;position: relative;top: -15px;}
.track .main .left .con span{display: block;width: 100px;height: 30px;line-height: 30px;text-align: center;border-radius: 15px;border:1px solid #fff;
margin: 5px auto 0;position: relative;top: -10px;}
.track .main .right h3{font-size: 36px;}
.track .main .right p{font-size: 18px;margin-top: 20px;line-height: 32px;}
.track .main .right .img{margin-top: 30px;width: 200px;}
.track .main .right{width: calc(50% - 80px);display: flex;flex-direction: column;justify-content: center;}
.track .main .right img{max-width: 100%;}

.ai{width: 100%;position: relative;}
.ai img.bg{width: 100%;}
.ai .main{width: 1200px;position: absolute;left: 50%;height: 100%;transform: translate(-50%);top: 0;}
.ai .main .top{width: 100%;margin-top: 80px;text-align: center;}
.ai .main .top h3{font-size: 36px;}
.ai .main .top p{font-size: 18px;margin-top: 20px;}
.ai .main .top ul.icon{width: 45%;margin:20px auto 0;display: flex;justify-content: space-between;margin-top: 20px;}
.ai .main .top ul.icon li{width: 60%;text-align: center;}
.ai .main .top ul.icon li img{width: 80px;margin:0 auto;}
.ai .main .top ul.icon li span{display: block;line-height: 30px;font-size: 16px;margin-top: 10px;}
.ai .main .content{position: absolute;left: 0;bottom: 0;display: flex;}
.ai .main .content .left{width: 26%;margin-left: 4%;}
.ai .main .content .left img{width: 100%;}
.ai .main .content .right{width: 70%;}
.ai .main .content .right .text{height: 100%;display: flex;align-items: center;}
.ai .main .content .right .text ul{height: 75%;margin-left: 40%;}
.ai .main .content .right ul{width: 60%;display: flex;flex-direction: column;justify-content: space-between;}
.ai .main .content .right ul li{margin-top: 20px;}
.ai .main .content .right ul li h4{font-size: 20px;font-weight: bold;}
.ai .main .content .right ul li p{font-size: 18px;line-height: 26px;margin-top: 10px;}


.remote{width: 100%;position: relative;}
.remote img.bg{width: 100%;}
.remote .main{width: 1200px;left: 50%;position: absolute;transform: translate(-50%);top: 80px;text-align: center;}
.remote .main h3{font-size: 36px;}
.remote .main p{width: 60%;margin: 30px auto 0;line-height: 32px;font-size: 18px;}

.share{width: 100%;position: relative;}
.share img.bg{width: 100%;}
.share .main{width: 1200px;left: 50%;top: 62%;position: absolute;transform: translate(-50%,-62%);text-align: center;height: 300px;}
.share .main h3{font-size: 36px;}
.share .main p{width: 60%;margin: 20px auto 0;line-height: 32px;font-size: 18px;}

.doc{width: 100%;}
.doc .main{width: 1200px;margin: 80px auto;color: #666;text-align: center;}
.doc .main h3{font-size: 36px;}
.doc .main p{width: 60%;line-height: 32px;margin: 20px auto 0;font-size: 18px;}
.doc .main .nav{width: 70%;margin: 30px auto 0;}
.doc .main .nav ul{width: 80%;margin:0 auto;display: flex;justify-content: space-between;border-bottom:1px solid #ccc;}
.doc .main .nav ul li{width: 33.3%;text-align: center;position: relative;top: 1px;}
.doc .main .nav ul li .img{width: 60px;margin: 0 auto;height: 60px;cursor: pointer;}
.doc .main .nav ul li .img1{background: url(../png/d1.png) no-repeat center center;background-size: cover;}
.doc .main .nav ul li .img2{background: url(../png/d2.png) no-repeat center center;background-size: cover;}
.doc .main .nav ul li .img3{background: url(../png/d3.png) no-repeat center center;background-size: cover;}

.doc .main .nav ul li .img1.ac{background: url(../png/d1s.png) no-repeat center center;background-size: cover;}
.doc .main .nav ul li .img2.ac{background: url(../png/d2s.png) no-repeat center center;background-size: cover;}
.doc .main .nav ul li .img3.ac{background: url(../png/d3s.png) no-repeat center center;background-size: cover;}
.doc .main .nav ul li img.ac{display: block;}
.doc .main .nav ul li span{display: block; line-height: 30px;font-size: 16px;margin: 10px;}
.doc .main .nav ul li.active{color: #12A6EC;border-bottom: 1px solid #12A6EC;}
.doc .main .cons{margin-top: 50px;}
.doc .main .cons ul li{display: none;}
.doc .main .cons ul li.active{display: block;}
.doc .main .cons ul li img{width: 100%;}

.use{width: 100%;position: relative;}
.use img.bg{width: 100%;}
.use .main{width: 1200px;position: absolute;top: 0;left: 50%;transform: translate(-50%);height: 100%;color: #666;}
.use .main h3{font-size: 36px;text-align: center;margin-top: 80px;}
.use .main .ccc{margin-top: 80px;}
.use .main .ccc dl{margin-bottom: 30px;}
.use .main .ccc dl dt{font-size: 20px;}
.use .main .ccc dl dd{font-size: 18px;}

.site-footer{margin-top: 0px !important;}

@media (max-width: 1660px) {
	.header-item .main{width: 650px;left: 12%;}
	.ai .main .top p{margin-top: 10px;}
	.ai .main .top ul.icon li img{width: 70px;}
	.remote .main p{margin: 18px auto 0;}
	.share .main p{line-height: 30px;margin: 10px auto 0;}
	.ai .main .content .left{width: 24%;margin-left: 6%;}
}

@media (min-width:1280px) and (max-width:1440px){
	.header-item .main{width: 540px;height: 600px;left: 12%;}
	.header-item .main .title .name span{font-size: 30px;}
	.header-item .main .desc{margin-top: 18px;}
	.header-item .main .qrcode li{width: 142px;}
	.ai .main .top{margin-top: 30px;}
	.ai .main .content .left{width: 21%;margin-left: 9%;}
	.share .main{top: 70%;transform: translate(-50%,-70%);}
	.use .main{width: 1000px;}
	.ai .main .top p{margin-top: 10px;}
	.ai .main .top ul.icon li img{width: 70px;}
	.ai .main .content .right .text ul{height: 80%;margin-left: 30%;}
	.ai .main .content .right ul{width: 70%;}
	.remote .main{top: 60px;}
	.remote .main p{margin: 18px auto 0;line-height: 28px;}
	.share .main p{margin: 12px auto 0;line-height: 26px;}
	.use .main .ccc{margin-top: 40px;}
	.use .main .ccc dl{margin-bottom: 20px;}
}
@media (max-width: 1280px) {
	.header-item .main{left: 8%;height: 515px;}
	.header-item .main .desc{margin-top: 10px;line-height: 26px;}
	.header-item .main .down{margin-top: 20px;}
	.header-item .main .qrcode{margin-top: 15px;}
	.funitem .main .right .content h3,.control .main .left h3,.track .main .right h3,.ai .main .top h3,.remote .main h3,.share .main h3,.doc .main h3,.use .main h3{font-size: 32px;}
	.funitem .main .right .content p,.track .main .right p{margin-top: 20px;line-height: 28px;}
	.funitem .main{width: 1000px;}
	.control .main{width: 1000px;}
	.control .main .right{position: relative;}
	.control .main .right img{position: absolute;top: 50%;transform: translateY(-50%);}
	.control .main .left p{margin-top: 10px;line-height: 26px;}
	.control .main .left .img{margin-top: 20px;}
	.track .main{width: 1000px;}
	.track .main .left .con{width: 210px;height: 200px;}
	.track .main .left .con img{margin: 6px auto;}
	.track .main .left .con span{margin:5px auto;}
	.track .main .left .con p{margin-top: -6px;font-size: 12px;top: -10px;}
	.ai .main .top ul.icon li img{width: 60px;}
	.track .main .left img.phone{position: absolute;top: 50%;transform: translateY(-50%);}
	.ai .main .top ul.icon{width: 60%;margin: 10px auto 0;}
	.ai .main{width: 1000px;}
	.ai .main .content .left{width: 22%;margin-left: 8%;}
	.ai .main .content .right .text ul{margin-left: 20%;height: 90%;}
	.ai .main .content .right ul li{margin-top: 10px;}
	.ai .main .content .right ul{width: 80%;}
	.ai .main .top ul.icon li span{font-size: 14px;margin-top: 6px;}
	.remote .main{top: 50px;}
	.remote .main p{margin: 10px auto 0;}
	.share .main p{width: 50%;margin:8px auto 0;line-height: 22px;}
	.doc .main{width: 1000px;}
	.use .main h3{margin-top: 40px;}
	.use .main .ccc{margin-top: 30px;}
	.use .main .ccc dl{margin-bottom: 15px;}
}