.cl{
    clear:both;
}
.w{
    width: 94%;
    margin:0 auto;
}
.fl{
    float: left;
}
.fr{
    float:right;
}
.header-top{
    position:fixed;
    top:0;
    max-width: 640px;
    width:100%;
    height:1rem;
    background:#fff;
    z-index:999;
}
.header-top .logo{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    width:55%;
    left:3%;
}


/*.slideBox .hd {
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: .3rem;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
}

.slideBox .hd ul {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.slideBox .hd ul li {
    margin:.12rem;
    width: 26px;
    height: 6px;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
}

.slideBox .hd ul li.on {
    background: #f1a95f;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd ul {
    height: 100%;
}*/
.slideBox{
    border-bottom: 1px solid #bdbeff;
}
.slideBox .bd li {
    height: 100%;
}

.slideBox .bd li a {
    width: 100%;
    height: 100%;
}

.slideBox .bd img {
    width: 100%;
    height: 100%;
    display: block;
}

.about-us{
    padding:.4rem 0;
    background: #27298c;
    margin-top: .5rem;
}
.about-us .left h4{
    font-size: .28rem;
    color:#ababcb;
    text-align: right;
}
.about-us .left p{
    font-size: .6rem;
    color:#fff;
    font-family: Arial;
    font-weight: bold;
    text-align: right;
}
.about-us .right{
    width:60%;
}
.about-us .right .jianjie{
    text-indent: 2em;
    font-size: .28rem;
    color:#fff;
    line-height: 200%;
}
.about-us .right a{
    width:42%;
    padding:.1rem 0;
    text-align: center;
    border:1px solid #fff;
    font-size: .24rem;
    color:#fff;
    border-radius:.5rem;
    margin:.15rem auto 0;
}
.inc-style{
    padding-top:.3rem;
}
.inc-style .tit{
    position: relative;
}
.inc-style .tit h2{
    font-size: .6rem;
    color:#e9e9ee;
    font-weight: bold;
    text-align: center;
}
.inc-style .tit h3{
    position:absolute;
    font-size: .34rem;
    color:#27298c;
    font-weight: bold;
    left:50%;
    top:50%;
    transform: translate3d(-50%,-50%,0);
}
.inc-style .inc-type{
    display: flex;
    justify-content: flex-start;
    margin-bottom: .45rem;
    flex-wrap: wrap;
}
.inc-style .inc-type li{
    width:32%;
    background:#27298c;
    border-radius:.5rem;
    margin-right: 2%;
    margin-bottom: .1rem;
}
.inc-style .inc-type li:nth-child(3n){margin-right: 0;}
.inc-style .inc-type li a{
    font-size: .28rem;
    color:#fff;
    text-align: center;
    padding:.1rem 0;
}
.product-display .pic-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.product-display .pic-list>div{
    position:relative;
    width:48.5%;
    margin-bottom: .2rem;
}
.product-display .pic-list>div img{
    display: block;
}
.product-display .pic-list .tits{
    padding:.12rem 5%;
    width:94%;
    position:absolute;
    bottom:.1rem;
    background:#fff;
    border-radius:.1rem;
    left:3%;
    box-sizing: border-box;
}
.product-display .pic-list .tits h3{
    font-size: .26rem;
    color:#27298c;
}
.product-display .pic-list .tits .jianjie{
    font-size: .18rem;
    color:#333;
}
.case-container{
    overflow: hidden;
    background:url(../images/bg002.png) no-repeat center center/100% 100%;
    padding-bottom: .4rem;
}
.case-display{
    background:#fff;
    margin-top:1rem;
    border-radius:.3rem;
    padding-bottom: .3rem;
}
.case-display .pic-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.case-display .pic-list>div{
    position:relative;
    width:48.5%;
    margin-bottom: .22rem;
}
.case-display .pic-list>div h3{
    bottom:0;
    font-weight: normal;
    width:100%;
    position:absolute;
    font-size: .26rem;
    background:#fff;
    text-align: center;
    line-height: .5rem;
    height:.5rem;
    background:url(../images/bg003.png) no-repeat center center/100% 100%;
    color:#fff;
}
.case-display .pic-list>div img{
    display: block;
}
.inc-style .btn{
    width:28%;
    height:.5rem;
    border:1px solid #383a93;
    text-align: center;
    line-height: .48rem;
    box-sizing: border-box;
    font-size: .28rem;
    color:#27298c;
    border-radius:.5rem;
    margin:.2rem auto 0;
}
.news-list{
    padding-bottom: .3rem;
}
.news-list .new-list>div{
    background:#27298c;
    padding:.2rem .23rem;
    border-radius:.15rem;
    margin-bottom: .2rem;
}
.news-list .new-list>div .mes{
    width:60%;
}
.news-list .new-list>div .mes h3{
    font-size: .26rem;
    color:#fff;
    font-weight: normal;
    margin:.05rem 0;
}
.news-list .new-list>div .mes .jianjie{
    font-size: .22rem;
    color:#b2b2cf;
    text-indent:2em;
}
.news-list .new-list>div img{
    width:35%;
}

.inc-style ul li.active{
    background:#e0b072;
}

.pic-show>h3{
    font-size: .32rem;
    color:#27298c;
    text-align: center;
    margin-bottom: .2rem;
}
.pic-show .pro-con{
    margin:.25rem 0 .45rem;
}
.news-content>h3{
    font-size: .30rem;
    color:#27298c;
    text-align: center;
}
.news-content .contents{
    margin:.3rem 0 .5rem;
}

.inc-style form input{
    display: block;
    width:100%;
    height:.78rem;
    border:1px solid #bfbfbf;
    background:#f7f7f9;
    text-indent: .5em;
    margin-bottom: .28rem;
    box-sizing: border-box;
}
.inc-style form textarea{
    display: block;
    padding-top:.2rem;
    width:100%;
    height:4rem;
    border:1px solid #bfbfbf;
    background:#f7f7f9;
    text-indent: .5em;
    margin-bottom: .28rem;
    resize: none;
    box-sizing: border-box;
}
.inc-style form .sub{
    font-size: .3rem;
    color:#fff;
    background:#ff9900;
    text-indent:0;
    border:none;
}

.prev-next{
    margin-bottom: .4rem;
}
.prev-next a{
    font-size: .22rem;
    color:#333;
    margin:.1rem 0;
}
.footer{
    position: fixed;
    bottom:0;
    display: flex;
    max-width: 640px;
    justify-content: space-between;
    width:100%;
    height:1rem;
    background:url(../images/footer.png) no-repeat center center/100% 100%;
}
.footer>div{
    text-align: center;
    width:25%;
}
.footer>div img{
    width:25%;
    margin:.15rem 0 .05rem;
}
.footer>div p{
    font-size: .22rem;
    color:#fff;
}