.fl{float:left;display: inline-block}
.fr{float:right;display: inline-block}
.clear:after{clear:both;display:block;visibility:hidden;height:0;line-height:0;content:'';  }
strong{ font-weight: bold}
body{font-size: 0.5rem;padding:0 0.14rem 1.8rem 0.14rem;background: #000;color:#fff;}
.header{background: #f02325;height:1.15rem;line-height: 1.15rem;text-align: center;position: relative;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
a{color:#fff;text-decoration: none;}
.header .logo img{height:0.75rem;padding-top:0.2rem;}
.header .home img{position: absolute;height:0.75rem;top:0.20rem;left:0.3rem;}
.header .online img{position: absolute;height:0.75rem;top:0.20rem;right:0.3rem;}


.footer{position: fixed;bottom:0;left:0;width:12.42rem;height:1.46rem;line-height: 1.46rem;background: url(../images/m_footer_bg.jpg);}

.footer .drop{display: none;position: absolute;left:0;bottom:1.46rem}
.footer .drop a{line-height: 0.85rem;height:0.85rem;background:#ddddde;text-align: center;display: block;color:#000;overflow: hidden;width:3.5rem;}
.footer .drop a.fire{background: #7d0000;color:#fff;}

.footer >li>a{text-align: center;padding:0 0.25rem;}
.footer >li>a.fire{background: url(../images/m_footer_bg_fire.jpg);}


.home .banner {
    width: 12.14rem;
    height: 7rem;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
}
.home .banner .screen{position: absolute;left:0;top:0;}
.home .banner li img{
    width: 12.14rem;
    height: 7rem;
    float: left;
}

.home .focus{margin:0.3rem auto 0 auto;background: url(../images/m_home_focus_bg.png);background-size:100% 100%;width:12.06rem;height:1.86rem;text-align: center;overflow: hidden}
.home .focus .s1{line-height: 0.93rem;font-size: 0.5rem;color:#c60000;}
.home .focus .s2{line-height: 0.93rem;font-size: 0.4rem;color:#7e7e7e;}

.home .qr{margin-top:1.26rem;text-align: center}
.home .qr img{width:3.78rem;height:3.78rem;display: block;margin-bottom: 0.16rem;}
.home .qr .s1,.home .qr .s2{float:left;}
.home .qr .s1{margin-left:2rem;}
.home .qr .s2{margin-left:0.6rem;}

.home .friend{margin-top: 40px;text-align: center}
.home .friend img{width:1.5rem;height:0.85rem;}
.home .friend dt{margin-bottom: 0.16rem;}
.home .friend dd{display: inline-block}
.home .copyright{margin-top:0.42rem;text-align: center}

.aboutus .aboutus-body .body{display: none;}
.aboutus .aboutus-body .title{margin-top:0.54rem;text-align: center;font-size: 0.72rem;margin-bottom: 0.6rem;}
.aboutus .aboutus-body .body,.aboutus .aboutus-body .desc{line-height: 0.66rem;}
.aboutus .aboutus-body .desc{margin-bottom: 1.6rem;position: relative;}
i.down-arrow{background: url(../img/down-arrow.png);background-size:100% 100%;display: block;width:1.5rem;height:1.5rem;position: absolute;bottom:-1.6rem;left:0;cursor:pointer;}


.founder .top-img{
    width: 12.14rem;
    height: 7rem;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin-bottom: 0.9rem;
    margin-top:0.28rem;
}
.founder .left-img img {
    width: 4.16rem;
    height: 6.20rem;
    border: 0.02rem solid #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.founder .box{width:7.2rem;}
.founder .box .title{line-height: 1.07rem;font-size: 0.5rem;}
.founder .box .desc,.founder .box .body{line-height: 0.5rem;font-size: 0.26rem;}
.founder .box .body{display: none;}
.founder .box .desc{position: relative;margin-bottom: 0.6rem;}

.opus-list{margin-top:0.35rem;}
.opus-list li{margin-bottom:4px;}
.opus-list .cover{width:7.6rem;height:3.5rem;}
.opus-list .box{width:4.16rem;padding-top:0.8rem;line-height: 0.64rem;position: relative;margin-bottom: 0.6rem;}

.opus-list i.down-arrow{width:0.6rem;height:0.6rem;bottom: -0.6rem}
.opus-show img,.ability-show img{max-width: 100%;}

.ability-list li{margin:0.56rem 0;background: #fff;padding:0.05rem 0;position: relative}
.ability-list li .index{width:0.68rem;height:3.5rem;margin-left:0.05rem;
    line-height: 3.5rem;background: #7d0000;
    -moz-border-radius: 0.05rem;
    -webkit-border-radius: 0.05rem;
    border-radius: 0.05rem;
    text-align: center;
}
.ability-list li .cover{
    width:3.9rem;
    height:3.5rem;
    margin-left:0.05rem;
    -moz-border-radius: 0.05rem;
    -webkit-border-radius: 0.05rem;
    border-radius: 0.05rem;
}
.ability-list li .box{
    width:6.53rem;margin-right:0.5rem;
    height:3.5rem;overflow: hidden;
}
.ability-list li .box,.ability-list li .box a{color:#000}
.ability-list li .box .title{line-height: 0.6rem;}
.ability-list li .box .desc{line-height: 0.35rem;font-size: 0.2rem;}
.ability-list li i{background: url(../images/m_a.png);background-size:100% 100%;width:0.16rem;height:0.26rem;position: absolute;right:0.2rem;top:1.7rem;}



.contact-body{padding:0.3rem 0;}
.contact-body .body{width:12.14rem;overflow-x: hidden;}
.contact-body a{color:#fff;}
.contact-body a:hover{color:#650000}
.contact-body dl{margin-top: 0.7rem;}
.contact-body dt{font-size:0.6rem;margin-bottom: 22px;}
.contact-body dd{margin-bottom:0.2rem;padding-bottom:0.2rem;font-size: 0.5rem;}
.contact-body dl.s dd{border-bottom:1px solid #650000;}
.contact-body dl.s dd.ss{border-top:1px solid #650000;padding-top:0.2rem;}

.contact-body .c{width:12rem;}
.contact-body .c dt{width:12rem;}

.contact-body .c dd a{background: #7d0000;width:150px;height:39px;line-height: 39px;text-align: center;display: block}
.contact-body .c input{width:225px;height:39px;line-height: 39px;}
.contact-body .c input,.contact-body .c textarea{background: #7d0000;border:1px solid #a60808;display: block;color:#fff;margin-top:0.3rem;}
.contact-body .c textarea{width:12rem;height:3rem;}