body,html{color: #333;}
section.all{width: 100%;background: url(../jpg/bg-3.jpg) no-repeat;background-size: 100%;}
.header-item{width: 100%;padding: 80px 0;}
.header-item img.bg{width: 100%;}
.header-item .containers{width: 1200px;margin: 0 auto;display: flex;}
.header-item .main{width: 60%;}
.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;}
.header-item .main .title .name h3,.header-item .main .title .name span{font-size: 36px;width: 100%;font-weight: 700;}
.header-item .main .title .name span{display: block;font-size: 28px;font-weight: 600;margin-top: 15px;}

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

.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: #fff;border-radius: 10px;}
.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: 12px;color: #fff;background: #000;
border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.header-item .main .qrcode li.last{margin-left: 26px;}

.header-item .right{width: 50%;}
.header-item .right img{width: 100%;}


.remote{width: 100%;display: flex;margin-top: 120px;}
.remote .left{width: 50%;display: flex;align-items: center;}
.remote .left img{width: 100%;}

.remote .right{width: calc(50% - 40px);margin-left:40px;display: flex;justify-content: center;flex-direction: column;}
.remote .right .title h3{font-size: 36px;font-weight: bold;}
.remote .right p{font-size: 20px;line-height: 30px;width: 60%;margin-top: 30px;}
.remote .right ul{display: flex;margin-top: 15px;}
.remote .right ul li{margin-right: 20px;}
.remote .right ul li img{width: 60px;height: 60px;margin: 0 auto;}
.remote .right ul li span{display: block;text-align: center;font-size: 18px;margin-top: 10px;}

.profession{width: 100%;position: relative;margin-top: 60px;}
.profession img.main{width: 100%;}
.profession .cons{width: 1200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.profession .cons h3{font-size: 36px;font-weight: 700;text-align: center;}
.profession .cons p{font-size: 20px;text-align: center;margin-top: 25px;}
.profession .cons img.card{width: 100%;margin-top: 30px;}
.profession .cons ul{display: flex;justify-content: space-between;}
.profession .cons ul li strong{display: block;}
.profession .cons ul li{width: calc(33.3% - 50px);font-size: 18px;line-height: 28px;}

.doc{width: 100%;}
.doc .main{width: 1200px;margin: 80px auto;color: #666;text-align: center;}
.doc .main h3{font-size: 36px;font-weight: bold;}
.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: 40%;margin:0 auto;display: flex;justify-content: space-between;}
.doc .main .nav ul li{width: 50%;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-2.png) no-repeat center center;background-size: cover;}
.doc .main .nav ul li .img2{background: url(../png/d2-2.png) no-repeat center center;background-size: cover;}


.doc .main .nav ul li .img1.ac{background: url(../png/d1s-2.png) no-repeat center center;background-size: cover;}
.doc .main .nav ul li .img2.ac{background: url(../png/d2s-2.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: #00B0FF;font-weight: 700;}
.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 video,.doc .main .cons ul li img{width: 100%;}

.doc .main .cons ul li{position: relative;}





.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: 220px;font-weight: bold;}
.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 (min-width:1280px) and (max-width:1441px){
	.doc .main,.use .main{width: 1000px;}
    .profession{margin-top: 100px;}
    .doc{margin-top: 100px;}
    .use .main h3{margin-top: 120px;}
}
@media (max-width: 1280px) {
	.header-item .containers{width: 1000px !important;}
	.header-item .main .desc{margin-top: 20px;}
	.header-item .right{display: flex;align-items: center;}
	.remote .right p{margin-top: 15px;width: 80%;}
	.profession{margin-top: 140px;}
	.profession .cons,.doc .main,.use .main{width: 1000px;}
    .doc{margin-top: 140px;}
    .use .main h3{margin-top: 80px;}
    .use .main .ccc{margin-top: 40px;}
}