html{
    font-size: 100px;
}

html,body, .content{
    width: 100%;
    background:#fafafa;
    overflow-x:hidden;
}
#newBridge {
    display: none !important;
}
#newBridge .nb-icon-wrap-3 .nb-icon-wrap-3-right-center,#newBridge .nb-icon-wrap {
    display: none;
}
/*头部*/
.header{
    height: .88rem;
    background: #ecf0f3;
    line-height: .88rem;
}

.header .logo{
    height: .38rem;
    line-height: .38rem;
    width: 1.34rem;
    float: left;
    margin-left: .3rem;
    margin-top: .3rem;
}
.logo img{
    height: 100%;
    width: 100%;
}
.header .telNum{
    float: right;
    margin-right: .15rem;
    color: #333333;
}
.header .tellogo{
    float: right;
    width: .2rem;
    height: .24rem;
    margin-right: 0.15rem;

}
.header .tellogo img{
    height: 100%;
    width: 100%;
}


.publicity-img{
    width:7.5rem;
    height:4.11rem;
}
.publicity-img img{
    width:100%;
    height:100%;
}


.publicity-text{

    background: #fafafa;
    padding:.8rem .3rem ;
    border:none;

}
.publicity-text span{

    font-size: 15px;
    color: #333;
    border:none;

}
.character-outer{
    background: #fafafa;
    margin-bottom: .8rem;
}
.character{
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    background: #fafafa;
    /*height: 2.4rem;*/
    height: auto;
    margin: 0 .3rem;
    border-bottom: none;

}
.character-1,.character-2,.character-3,.character-4{
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    height: .8rem;
    line-height: .8rem;

}
.character-1,.character-2,.character-3,.character-4{
    border-bottom:1px solid #ccc;
}
.character-1 a,.character-2 a,.character-3 a,.character-4 a{
    float: right;
    margin-right: .5rem;
    font-size: 24px;
    color:#333;
    font-weight: 100;

}


/*展开动画*/
#character-1-unfold,#character-2-unfold,#character-3-unfold,#character-4-unfold{
    -webkit-animation: fadeInDown 1s 0s both;
    animation: fadeInDown 1s 0s both;
}


@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -5%, 0);
        transform: translate3d(0, -5%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -5%, 0);
        -ms-transform: translate3d(0, -5%, 0);
        transform: translate3d(0, -5%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}


@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        -ms-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}


/*展开*/
.character-1-unfold{

    display: none;
    /*margin-left: .3rem;*/
    margin-top: .8rem;
    margin-bottom: .8rem;
    /*margin-right: .3rem;*/

}
.character-1-unfold .character-1-unfold-li1{
    height: 2.09rem;
    /*margin-bottom: .8rem;*/
}
.character-1-unfold .character-1-unfold-li1 span{
    float: left;

    height: 1.29rem;
    width: 2.67rem;
}
.character-1-unfold .character-1-unfold-li1 span img{
    height: 100%;
    width: 100%;
}
.character-1-unfold-li1-right{
    float: right;
    width: 3.2rem;
    height:1.3rem;
}
.character-1-unfold-li1-right li:nth-child(1){
    font-size: 13px;
    color: #333;
    font-weight: bold;

}
.character-1-unfold-li1-right li:nth-child(2),.character-1-unfold-li1-right li:nth-child(3){
    font-size: 12px;
    color: #666;

}





.character-1-unfold .character-1-unfold-li2{
    height: 1.79rem;
    margin-bottom: .8rem;
}
.character-1-unfold .character-1-unfold-li2 span{
    float: right;

    height: 1.79rem;
    width: 3.01rem;
}
.character-1-unfold .character-1-unfold-li2 span img{
    height: 100%;
    width: 100%;
}
.character-1-unfold-li2-right{
    float: left;
    width: 3.2rem;
    height:1.3rem;
}
.character-1-unfold-li2-right li:nth-child(1){
    font-size: 13px;
    color: #333;
    font-weight: bold;

}
.character-1-unfold-li2-right li:nth-child(2),.character-1-unfold-li2-right li:nth-child(3){
    font-size: 12px;
    color: #666;

}




.character-1-unfold .character-1-unfold-li3{
    height: 1.29rem;
    margin-bottom: .8rem;
}
.character-1-unfold .character-1-unfold-li3 span{
    float: left;
    margin-top: -.5rem;
    height: 1.75rem;
    width: 2.83rem;
}
.character-1-unfold .character-1-unfold-li3 span img{
    height: 100%;
    width: 100%;
}
.character-1-unfold-li3-right{
    float: right;
    width: 3.2rem;
    height:1.3rem;
}
.character-1-unfold-li3-right li:nth-child(1){
    font-size: 13px;
    color: #333;
    font-weight: bold;

}
.character-1-unfold-li3-right li:nth-child(2){
    font-size:12px;
    color: #666;

}


.character-1-unfold .character-1-unfold-li4{
    height: 1.79rem;
}
.character-1-unfold .character-1-unfold-li4 span{
    float: right;

    margin-top: -.5rem;
    height: 2.24rem;
    width: 2.44rem;
}
.character-1-unfold .character-1-unfold-li4 span img{
    height: 100%;
    width: 100%;
}
.character-1-unfold-li4-right{
    float: left;
    width: 3.2rem;
    height:1.3rem;
}
.character-1-unfold-li4-right li:nth-child(1){
    font-size:13px;
    color: #333;
    font-weight: bold;
}
.character-1-unfold-li4-right li:nth-child(2),.character-1-unfold-li4-right li:nth-child(3){
    font-size:12px;
    color: #666;

}



.character-2-unfold{
    display: none;
    margin-top: .8rem;
}
.character-2-unfold-ul1{
    float: left;
}
.character-2-unfold-ul1 li{
    width: .98rem;
    height: .98rem;
    margin-top: .9rem;
    margin-bottom: .9rem;
}
.character-2-unfold-ul1 li:nth-child(1){
    margin-top: .2rem;
}
.character-2-unfold-ul1 li:nth-child(6){
    margin-bottom: 0;
}
.character-2-unfold-ul1 li img{
    width: 100%;
    height: 100%;
}
.character-2-unfold-ul2{
    float: left;
    width: 5.3rem;
    margin-left: .4rem;
}
.character-2-unfold-ul2> p:nth-child(1), p:nth-child(4), p:nth-child(9), p:nth-child(12), p:nth-child(15), p:nth-child(18){
    font-size: 13px;
    color: #333;
    font-weight: bold;
    margin-bottom: .24rem;
}
.character-2-unfold-ul2> p:nth-child(3), p:nth-child(8), p:nth-child(11), p:nth-child(14), p:nth-child(17),p:nth-child(21){
    margin-bottom: .4rem;
    font-size: 12px;
}




.character-2-unfold .character-2-unfold-li1{
    height: 2.09rem;
}
.character-2-unfold .character-2-unfold-li1 span{
    float: left;

    height: .98rem;
    width: .98rem;
}
.character-2-unfold .character-2-unfold-li1 span img{
    height: 100%;
    width: 100%;
}
.character-2-unfold-li1-right{
    float: left;
    width: 5.5rem;
    height:1.3rem;
    margin-left: .4rem;
}
.character-2-unfold-li1-right li:nth-child(1){
    font-size: 13px;
    color: #333;
    font-weight: bold;

}
.character-2-unfold-li1-right li:nth-child(2){
    font-size: 12px;
    color: #666;
    margin-top: .1rem;

}







.character-3-unfold{
    display: none;
    margin: .8rem .5rem;

}

.character-3-unfold .character-3-unfold-li1,.character-3-unfold .character-3-unfold-li2{
    height: 1rem;
}
.character-3-unfold .character-3-unfold-li1 span:nth-child(1){
    float: left;
    width: .26rem;
    height: .26rem;
}
.character-3-unfold .character-3-unfold-li1 span:nth-child(1) img,.character-3-unfold .character-3-unfold-li1 span:nth-child(3) img,.character-3-unfold .character-3-unfold-li2 span:nth-child(1) img,.character-3-unfold .character-3-unfold-li2 span:nth-child(3) img{
    width: 100%;
    height: 100%;
}

.character-3-unfold .character-3-unfold-li1 span:nth-child(2){
    float: left;
    width: 2rem;
    height: 1.6rem;
    margin-left: .3rem;
}
.character-3-unfold .character-3-unfold-li1 span:nth-child(3){
    float: left;
    margin-left: .7rem;
    width: .26rem;
    height: .26rem;
}


.character-3-unfold .character-3-unfold-li1 span:nth-child(4){
    float: left;
    width: 2rem;
    height: 1.6rem;
    margin-left: .3rem;
}




.character-3-unfold .character-3-unfold-li2 span:nth-child(1){
    float: left;
    margin-top: .7rem;
    width: .26rem;
    height: .26rem;

}
.character-3-unfold .character-3-unfold-li2 span:nth-child(2){
    float: left;
    width: 2rem;
    height: 1.6rem;
    margin-left: .3rem;
    margin-top: .7rem;

}
.character-3-unfold .character-3-unfold-li2 span:nth-child(3){
    float: left;
    margin-left: .7rem;
    margin-top: .7rem;
    width: .26rem;
    height: .26rem;
}
.character-3-unfold .character-3-unfold-li2 span:nth-child(4){
    float: left;
    width: 2rem;
    height: 1.6rem;
    margin-left: .3rem;
    margin-top: .7rem;

}



.character-4-unfold{
    display: none;
    margin: .8rem .5rem;
}




.scene-1{
    background:#fafafa;
    padding:.8rem .3rem .5rem .3rem;

}
.scene-1 p:nth-child(1){
    font-size: 14px;
    font-weight:bold;
    color: #333;
    height: .28rem;
}
.scene-2{
    background:#fafafa;
    padding-bottom:.5rem;

}
.scene-2 p:nth-child(1){
    font-size: 13px;
    color: #666;
}

.scene-3{
    width:100%;
    margin-left:auto;
    margin-right: auto;

}
.scene-3-inner{
    width:100%;
    height: auto;
    text-align: center;
}
.scene-3-a{

    font-size: 18px;
    color: #666;
    display:inline-block;
    text-align: left;
}
.scene-3-b{

    font-size: 18px;
    color: #666;
    display:inline-block;
    text-align: left;
    margin-left: .5rem;
}
.scene-3-c{

    font-size: 18px;
    color: #666;
    display:inline-block;
    text-align: left;
    margin-left: .5rem;
}

.case-1{
    background:#ecf0f3;
    padding-top: .8rem;
    padding-bottom: .5rem;
    padding-left: .3rem;
}
.case-1 p{
    color:#333;
    font-weight:bold;
    font-size:15px;
}


.case-2{
    background:#ecf0f3;
    height: 100%;
}
.case-2 li:nth-child(1){
    margin-bottom: .5rem;
    height: .42rem;
    line-height: .42rem;

}

.case-2 li:nth-child(1) span:nth-child(1){
    float: left;
    margin-left:.3rem;
    height:.32rem;
    width: 1.01rem;


}

.case-2 li:nth-child(1) span:nth-child(2){
    float: left;
    margin-left:.8rem;
    height:.41rem;
    line-height: .41rem;
    width: 0.94rem;
    margin-top: -.02rem;


}

.case-2 li:nth-child(1) span:nth-child(3){
    float: left;
    margin-left:.8rem;
    height:.33rem;
    width: 1.56rem;

}

.case-2 li:nth-child(1) span:nth-child(4){
    float: left;
    margin-left:.5rem;
    height:.36rem;
    width: 1.14rem;
    margin-top: -.07rem;


}
.case-2 li:nth-child(1) span:nth-child(1) img,.case-2 li:nth-child(1) span:nth-child(2) img,.case-2 li:nth-child(1) span:nth-child(3) img,.case-2 li:nth-child(1) span:nth-child(4) img{
    height: 100%;
    width: 100%;
}




.case-2 li:nth-child(2){
    margin-bottom: .5rem;
    height:.43rem ;

}
.case-2 li:nth-child(2) span:nth-child(1){
    float: left;
    margin-left:.3rem;
    height:.26rem;
    width: 1.57rem;

}
.case-2 li:nth-child(2) span:nth-child(2){
    float: left;
    margin-left:.2rem;
    height:.34rem;
    width: .88rem;

}
.case-2 li:nth-child(2) span:nth-child(3){
    float: left;
    margin-left:.9rem;
    height:.31rem;
    width: 1.43rem;

}
.case-2 li:nth-child(2) span:nth-child(4){
    float: left;
    margin-left:.6rem;
    height:.31rem;
    width: 1.03rem;

}
.case-2 li:nth-child(2) span:nth-child(1) img,.case-2 li:nth-child(2) span:nth-child(2) img,.case-2 li:nth-child(2) span:nth-child(3) img,.case-2 li:nth-child(2) span:nth-child(4) img{
    height: 100%;
    width: 100%;
}


.case-2 li:nth-child(3){
    margin-bottom: .8rem;
    height: .27rem;
    line-height: .27rem;
}
.case-2 li:nth-child(3) span:nth-child(1){
    float: left;
    margin-left:.3rem;
    height:.24rem;
    width: 1.37rem;

}
.case-2 li:nth-child(3) span:nth-child(2){
    float: left;
    margin-left:.4rem;
    height:.26rem;
    width: .98rem;

}
.case-2 li:nth-child(3) span:nth-child(3){
    float: left;
    margin-left:.8rem;
    height:.26rem;
    width: 2.36rem;

}
.case-2 li:nth-child(3) span:nth-child(1) img,.case-2 li:nth-child(3) span:nth-child(2) img,.case-2 li:nth-child(3) span:nth-child(3) img{
    height: 100%;
    width: 100%;
}



.company-1{
    padding-top: .8rem;
    padding-bottom: .5rem;
    padding-left: .3rem;
}
.company-1 p{
    color:#333;
    font-weight:bold;
    font-size: 15px;
}
.company-2{
    background: #fafafa;
    margin:0 .3rem 0 .3rem;
    border: 1px solid #ccc;
    border-left: none;
    border-top:none;
    border-right: none;
    padding-bottom: .8rem;
}
.company-2 p{
    font-size:13px;
    color: #666;
}
.technology{
    width:100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center;
}
.technology-1{
    /*float: left;*/
    display:inline-block;
    text-align: left;
}
.technology-1 li:nth-of-type(1){
    font-size: 12px;
    color: #333;
    font-weight: bold;
}
.technology-1 li:nth-of-type(2){
    margin-top: .3rem;
    font-size: 10px;
    color: #666;
}
.technology-1 li:nth-of-type(3){
    font-size: 10px;
    color: #666;

}



.technology-2{
    /*float: left;*/
    margin-left: .3rem;
    display:inline-block;
    text-align: left;
}
.technology-2 li:nth-of-type(1){
    font-size: 12px;
    color: #333;
    font-weight: bold;
}
.technology-2 li:nth-of-type(2){
    margin-top: .3rem;
    font-size: 10px;
    color: #666;
}
.technology-2 li:nth-of-type(3){
    font-size: 10px;
    color: #666;

}
.technology-3{
    /*float: left;*/
    margin-left: .3rem;
    display:inline-block;
    text-align: left;
}
.technology-3 li:nth-of-type(1){
    font-size: 12px;
    color: #333;
    font-weight: bold;
}
.technology-3 li:nth-of-type(2){
    margin-top: .3rem;
    font-size: 10px;
    color: #666;
}
.technology-3 li:nth-of-type(3){
    font-size: 10px;
    color: #666;

}

.QRcode{
    height: 2.12rem;
    width: 2.12rem;
    margin-left: .3rem;
    margin-bottom: .3rem;
}
.QRcode span{
    height: 1.06rem;
    width: 1.06rem;


}
.QRcode span img{
    width: 100%;
    height: 100%;

}

.sanmang{
    margin-bottom: 1.05rem;
    margin-left: .3rem;
}
.sanmang p{
    font-size:9px;
    color: #999;
}

.footer{
    height: 1.05rem;
    line-height:1.05rem;
    position: fixed;
    width: 100%;
    bottom: 0;
    background:#000;
    filter:alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;

}

.footer a:nth-of-type(1){
    float: left;
    margin-left: .1rem;
    margin-top: .1rem;
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    background:url("../images/close.png") no-repeat center center;
    background-size:.3rem .3rem ;

}
.footer a:nth-of-type(1):active{
    background:url("../images/close-pre.png") no-repeat center center;
    background-size:.3rem .3rem ;
}

/*免费体验*/

.footer a:nth-of-type(2){
    float: left;
    font-size:15px;
    color: #3498db;
    margin-left: .8rem;
    background:url("../images/experience-normal.png") no-repeat left center;
    background-size:0.33rem  0.33rem;
    height: 1.05rem;
    line-height: 1.05rem;
    text-align: center;
    width: 2.4rem;
}
.footer a:nth-of-type(2):active{
    color: #c2e0f2;
    background:url("../images/experience-pre.png") no-repeat left center;
    background-size:0.33rem  0.33rem;
}



/*竖线*/
.footer .line{
    float: left;
    border: 1px solid #1a1a1a;
    height: .58rem;
    line-height: .58rem;
    /*color: #1a1a1a;*/
    margin-top: .2rem;
    margin-left: .2rem;
    z-index: 1000;
}


/*在线咨询*/
.footer a:nth-of-type(3){
    float: left;
    font-size: 15px;
    color: #3498db;
    margin-left: .7rem;
    background:url("../images/consult-normal.png") no-repeat left center;
    background-size:0.33rem  0.33rem;
    height: 1.05rem;
    line-height: 1.05rem;
    text-align: center;
    width: 2.5rem;
}
.footer a:nth-of-type(3):active{
    color: #c2e0f2;
    background:url("../images/consult-pre.png") no-repeat left center;
    background-size:0.33rem  0.33rem;
}