/* CSS Document */
 body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;margin:0;padding:0;}
body{font-size:14px;font-family:"微软雅黑";line-height:28px;color:#323232;margin:0 auto;}
img{border:0;}
table{border-collapse:collapse;}
a{cursor:pointer;text-decoration:none;}
p{word-break:break-all;word-wrap:break-word;}
ul{list-style:none;}
i{vertical-align:middle;font-style: normal;}
/* clear */
 .clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.flex{display:flex;}
.flex-wrap{flex-wrap:wrap;}
.fl{float:left;}
.fr{float:right;}
.clearflr{clear:both;}
input{outline:none;}
select{/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
 border:solid 1px #ddd;/*很关键：将默认的select选择框样式清除,ie10+,ie9需要模拟*/
 /* appearance:none;*/
 /* -moz-appearance:none;*/
 /* -webkit-appearance:none;*/
 /*在选择框的最右侧中间显示小箭头图片*/
 /* background:url("../../images/7x/arrow.png") no-repeat scroll transparent;*/
 background-position:right 50%;background-size:13px auto;padding-right:14px;background:none;outline:none;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand{display:none;}
select::-webkit-expand{display:none;}
select::-moz-expand{display:none;}
option::-ms-expand{display:none;}
option{-moz-appearance:none;/* Firefox */
 -webkit-appearance:none;/* Safari 和 Chrome */
 appearance:none;}
/* --背景色字体颜色--*/
 option:hover{color:#fff;background-color:#1E90FF;}
button{cursor:pointer;outline:none;}
.wrap{max-width:1200px;margin:0 auto;}
.flexContainer{display: flex;}
.flexCenter{justify-content: center;align-items: center;}
.flexBetween{justify-content: space-between;}
.flexColumn{flex-direction: column;}
.flexAuto{flex: 1;}

body {
    background: #080808;
    color: #fff;
    overflow-x: hidden;
}
.main-container{
    max-width: 1920px;
    margin: 0 auto;
}
.main-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #080808;
    z-index: 999;
}
.main-header-content{
    max-width: 1160px;
    margin: 0 auto;
    height: 80px;
    overflow: hidden;
    align-items: center;
}
.header-logo{
    width: 205px;
}
.header-right{
    color: #fff;
    font-size: 16px;
}
.header-right > a{
    padding: 0 20px;
    cursor: pointer;
    display: inline-block;
    color: #fff;
}
.section{
    position: relative;
}
.bg-img {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}
.section-intro {
    margin-top: 80px;
    padding-top: 45.83333%;
}
.section-intro .cheetah {
    width: 80.177%;
    padding-top: 30.677%;
    left: 9.8333%;
    top: 5.659%;
    background-image: url(https://file.zhenxiangpa.com/browser/banner.png);
}
.section-intro .title{
    width: 60%;
    padding-top: 6.146%;
    left: 50%;
    top: 59.09%;
    text-indent: -999999px;
    transform: translateX(-50%);
    background-image: url(../../images/top/top1.png);
}
.btn-dl-box{display: flex;justify-content: center;}
.section-intro .btn-dl-main {
   position: absolute;
   width: 18.75%;
   padding-top: 4.166667%;
   left: 40.625%;
   top: 72.5454%;
   background-image: url(../../images/top/download.png);
}
/* .section-intro .btn-dl-main span{margin-top: 10px;}
.section-intro .btn-dl-main:hover{opacity: 0.8;}
.section-intro .btn-dl-main:hover span{color: #1E90FF;}
.section-intro .btn-dl-main2 {
    left: 54.625%;
    background-image: url(../../images/top/download2.png);
} */
.chevron-down {
    position: absolute;
    width: 3.125%;
    height: 5.556%;
    max-width: 30px;
    max-height: 30px;
    left: 49%;
    top: 94.55925%;
    -webkit-animation: chevron-down 1s infinite;
    animation: chevron-down 1s infinite;
    cursor: pointer;
    background-size: 100% 100%;
    background-image: url(../../images/top/gd.png);
}
@keyframes chevron-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    5% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    45% {
        -webkit-transform: translateY(-15%);
        transform: translateY(-15%)
    }

    55% {
        -webkit-transform: translateY(-15%);
        transform: translateY(-15%)
    }

    95% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.section-characteristic{
    padding-top: 50%;
}
.section-characteristic .bg {
    width: 100%;
    padding-top: 22.6563%;
    left: 0;
    top: 53.125%;
    background-size: 100% 100%;
    background-image: url('https://file.zhenxiangpa.com/browser/bg1.png');
}
.section-characteristic .title {
    width: 15%;
    padding-top: 4.517%;
    left: 50%;
    top: 12.9167%;
    text-indent: -999999px;
    transform: translateX(-50%);
    background-image: url(../../images/top/ts.png);
}
.section-characteristic .feat {
    width: 13.23%;
    padding-top: 3.7%;
    top: 48.75%;
    cursor: pointer;
    background-image: url(../../images/top/icon5.png);
}
.section-characteristic .feat, .section-characteristic .feat .icon {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}
.section-characteristic .feat-jj {
    left: 71.5625%;
}
.section-characteristic .feat-dy {
    left: 34.0625%;
}
.section-characteristic .feat-read {
    left: 52.8125%;
}
.section-characteristic .feat-s {
    left: 15.3125%; 
}
.section-characteristic .feat-jj .icon {
    width: 55.118%;
    padding-top: 56.7%;
    left: 22.325%;
    bottom: 75.18%;
    background-image: url(../../images/top/icon1.png);
}
.section-characteristic .feat-dy .icon {
    width: 55.118%;
    padding-top: 56.7%;
    left: 22.441%;
    bottom: 66.18%;
    background-image: url(../../images/top/icon2.png);
}
.section-characteristic .feat-read .icon {
    width: 65.35%;
    padding-top: 54.331%;
    left: 22.441%;
    bottom: 74.64%;
    background-image: url(../../images/top/icon3.png);
}
.section-characteristic .feat-s .icon {
    width: 55.118%;
    padding-top: 56.7%;
    left: 22.441%;
    bottom: 66.18%;
    background-image: url(../../images/top/icon4.png);
}
.section-characteristic .feat .name {
    position: absolute;
    font-size: 20px;
    color: #01bde8;
    width: 100%;
    text-align: center;
    padding-top: 12%;
}
.section-characteristic .feat span {
    padding-top: 5%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: block;
    line-height: 20px;
}
.section-characteristic .feat span b{
    font-size: 20px;
    color: #f00;
    padding: 0 4px;
}

.section-about{
    padding-top: 60%;
}
.section-about .bg {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100% 100%;
    background-image: url(https://file.zhenxiangpa.com/browser/bg3.png);
}
.section-about .title {
    width: 15%;
    padding-top: 4.517%;
    left: 50%;
    top: 12.9167%;
    text-indent: -999999px;
    transform: translateX(-50%);
    background-image: url(../../images/top/about.png);
}
.section-about .title2 {
    width: 80%;
    padding-top: 5%;
    margin: 8% auto;
    background-image: url(../../images/top/bg4.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.section-about .about-main{
    width: 60%;
    left: 50%;
    top: 25%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 22px;
    line-height: 35px;
    letter-spacing: 2px;
}
.section-about .footer{
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #999;
    bottom: 10px;
}

.section-simple{
    padding-top: 50%;
}
.section-simple .bg {
    width: 100%;
    padding-top: 22.6563%;
    left: 0;
    top: 53.125%;
    background-size: 100% 100%;
    background-image: url(https://file.zhenxiangpa.com/browser/bg2.png);
}
.section-simple .title {
    width: 15%;
    padding-top: 4.517%;
    left: 47%;
    top: 12.9167%;
    text-indent: -999999px;
    transform: translateX(-50%);
    background-image: url(../../images/top/jj.png);
}
.section-simple .phone{
    width: 50%;
    padding-top: 45%;
    right: 0;
    top: 0;
    background-image: url(../../images/top/demo1.png);
}
.section-simple .main{
    width: 50%;
    left: 5%;
    top: 30%;
    font-size: 14px;
    text-align: right;
}

.section-read{
    padding-top: 50%;
}
.section-read .bg {
    width: 100%;
    padding-top: 22.6563%;
    left: 0;
    top: 53.125%;
    background-size: 100% 100%;
    background-image: url(../../images/top/bg2.png);
}
.section-read .title {
    width: 15%;
    padding-top: 4.517%;
    left: 47.5%;
    top: 12.9167%;
    text-indent: -999999px;
    transform: translateX(-50%);
    background-image: url(../../images/top/read.png);
}
.section-read .phone{
    width: 50%;
    padding-top: 45%;
    right: 0;
    top: 0;
    background-image: url(../../images/top/demo2.png);
}
.section-read .main{
    width: 50%;
    left: 5%;
    top: 30%;
    font-size: 14px;
    text-align: right;
}

.section-subscribe{
    padding-top: 50%;
}
.section-subscribe .bg {
    width: 100%;
    padding-top: 22.6563%;
    left: 0;
    top: 53.125%;
    background-size: 100% 100%;
    background-image: url(../../images/top/bg2.png);
}
.section-subscribe .title {
    width: 7%;
    padding-top: 4.517%;
    left: 48.5%;
    top: 12.9167%;
    text-indent: -999999px;
    transform: translateX(-50%);
    background-image: url(../../images/top/dy.png);
}
.section-subscribe .phone{
    width: 50%;
    padding-top: 45%;
    left: 5%;
    top: 0;
    background-image: url(../../images/top/demo3.png);
}
.section-subscribe .main{
    width: 50%;
    right: 5%;
    top: 30%;
    font-size: 14px;
    text-align: left;
}
@media screen and (max-width: 878px) {
    /* .section-about .about-main{
        font-size: 18px;
    }
    .section-about .title2{
        margin: 2% auto;
        padding-top: 2%;
    } */
}
@media screen and (max-width: 768px) {
    .header-logo img{width: 65%;}
    .section-about .about-main{
        font-size: 18px;
    }
    .section-about .title2{
        margin: 2% auto;
        padding-top: 2%;
    }
    .section-characteristic {
        padding-top: 160%;
    }
    .section-characteristic .feat .name{
        font-size: 24px;
    }
    .section-characteristic .feat{
        top: 33.5%;
    }
    .section-simple .main,.section-read .main{
        transform: scale(0.8);
        width: 60%;
        top: 22%;
    }
    .section-subscribe .main{
        transform: scale(0.8);
        width: 60%;
        top: 22%;
    }
    .section-characteristic .feat span{
        margin-top: 10%;
        font-size: 12px;
    }
    .section-about {
        padding-top: 80%;
    }
    .section-about .about-main{
        width: 90%;
        font-size: 14px;
        line-height: 25px;
    }
    .section-about .footer{
        font-size: 12px;
        padding: 0 10%;
        box-sizing: border-box;
    }
    .header-right{
        display: none;
    }
    .section-subscribe {
        padding-top: 50%;
        margin-bottom: 20%;
    }
    .section-intro{
        padding-top: 132%;
    }
    .section-intro .title{
        width: 80%;
        top: 33%;
    }
    .section-intro .btn-dl-main{
        background-size: 100%;
        width: 60%;
        padding-top: 15%;
        left: 20%;
        top: 47%;
    }
    .section-intro .btn-dl-main2{
        background-size: 100%;
        width: 60%;
        padding-top: 15%;
        left: 20%;
        top: 70.5454%;
    }
    .section-intro .btn-dl-main span{margin-top: 0;}
    .chevron-down{
        width: 6.125%;
        height: 8.556%;
        left: 47%;
        top: 96.55925%;
    }
    .section-characteristic .title{
        width: 26%;
        padding-top: 6.517%;
        left: 50%;
        top: 12.9167%;
    }
    .section-characteristic .feat{
        width: 35%;
        padding-top: 5.7%;
        background-position: center;
    }
    .section-characteristic .feat-dy{
        left: 53.0625%;
    }
    .section-characteristic .feat-read{
        left: 15.3125%;
    }
    .section-characteristic .feat-jj{
        left: 53.0625%;
    }
    .section-characteristic .feat-read,.section-characteristic .feat-jj{
        top: 78%;
    }
    .section-simple .title,.section-read .title,.section-about .title{
        width: 20%;
    }
    .section-subscribe .title{
        width: 9%;
    }
    .section-simple .title {
        left: 49%;
    }
    .section-read .title{
        left: 51%;
    }
    .section-subscribe .title{
        left: 45.5%;
    }

}
@media screen and (max-width: 320px) {
    .section-characteristic {
        padding-top: 170%;
    }
    .section-simple .main,.section-read .main{
        transform: scale(0.7);
    }
    .section-subscribe .main{
        transform: scale(0.7);
    }
    .section-about {
        padding-top: 100%;
    }
    .section-simple .title {
        left: 68%;
    }
    .section-read .title{
        left: 48%;
    }
    .section-subscribe .title{
        left: 47.5%;
    }
    
}

.inputRContainer input[type=checkbox],
.inputRContainer input[type=radio] {
    display: none;
}

.inputRContainer input[type=checkbox]+label:before {
    content: "\2713";
    color: transparent;
    display: inline-block;
    border: 1px solid #d3d4d5;
    font-size: 20px;
    line-height: 22px;
    margin: -5px 5px 0 0;
    height: 20px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    transition: color ease .3s;
}

.inputRContainer input[type=checkbox]:checked+label:before {
    color: #000;
}

.inputRContainer input[type=radio]+label:before {
    content: "";
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #d3d4d5;
    font-size: 18px;
    line-height: 18px;
    margin: -5px 5px 0 0;
    height: 20px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: 0;
    transition: background ease .3s;
}

.inputRContainer input[type=radio]:checked+label:before {
    background: #000;
}

.fontWeight {
    font-weight: 700;
}
.section{
    position: relative;
    width: 100%;
    height: 100vh;
    background: url(../../images/top/header_bg.jpg);
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
}
.section1-main{
    text-align: center;
}
.section1-title1{
    margin-bottom: 8%;
}
.section1-link{
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%);
    word-break: keep-all;
    font-size: 16px;
    display: flex;
    align-items: center;
    width: 300px;
    justify-content: space-between;
}
.section1-link a{
    color: #fff;
}
.section1-link a:nth-last-of-type(2){
}
.section1-title2{
    margin-bottom: 10%;
}
.section1{
    background: url(../../images/top/section_bg1.jpg);
    background-size: 100% 100%;
    height: 470px;
}
.section2{
    background: url(../../images/top/section_bg2.jpg);
    background-size: 100% 100%;
    height: 470px;
}
.section3{
    background: url(../../images/top/section_bg3.jpg);
    background-size: 100% 100%;
    height: 470px;
}
.footer{
    background: url(../../images/top/section_bg4.jpg);
    background-size: 100% 100%;
    height: 470px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-size: cover;
}

.section-container{
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 1240px;
    margin: 0 auto;
    padding: 80px 0;
}
.section-img{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.section-img img{
    width: 300px;
}
.section-main{
    width: 50%;
}
.section-text{
    color: #fff;
    font-size: 20px;
    line-height: 64px;
}
.section-title-img{
    margin-right: 10%;
}
.section-title{
    margin-bottom: 5%;
}
.section-title-img{
    width: 180px;
}
.section-title-number{
    width: 150px;
}
.section1-title3 img,.footer img{
    height: 68px;
}
.footer img{
    margin-bottom: 10%;
}
.footer-text{
    font-size: 26px;
}

@media screen and (max-width: 768px) {
    .section1-main img{
        width: 65%;
    }
    .section-container{
        flex-direction: column;
    }
    .section-img{
        width: 80%;
    }
    .section-main{
        width: 80%;
    }
    .section1,.section2,.section3,.footer{
        height: auto;
    }
    .section1 .section-img{
        margin-bottom: 20px;
    }
    .section-title{
        display: flex;
        align-items: flex-end;
    }
    .section-title-img{
        width: 45%;
    }
    .section-title-number{
        width: 45%;
    }
    .section-text{
        line-height: 40px;
    }
    .footer{
        padding: 50px 0;
    }
    .section1-link{
        bottom: 20%;
    }
    .section-img img{
        width: 100%;
    }
}