@charset "UTF-8";

/*公共样式*/
html{font-size:625%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
h2{font:600 40px/40px '微软雅黑';}
ul li{list-style:none;}
a{text-decoration:none;color:#333;}
a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none; /*指已经访问过的链接*/}
a:hover{text-decoration:none;/*指鼠标在链接*/}
a:active{text-decoration:none;/* 指正在点的链接*/}
body{background-color:#fff;}

/*头部样式*/
.header{
    width: 100%;
    height: 1.77rem;
    padding: 0.6rem 0.5rem 0.5rem 0.5rem;
    box-sizing: border-box;
}

.header .logo{
    float: left;
    width: 2.7rem;
    height: 0.65rem;
}

.header .logo img{
    display: block;
    width: 100%;
}

.header .line{
    float: left;
    width: 0.02rem;
    height: 0.39rem;
    border-left: 2px solid #8A8A8A;
    margin-left: 0.25rem;
    margin-top: 0.13rem;
    margin-right: 0.26rem;
}

.header .headertit{
    font-size: 0.24rem;
    display: inline-block;
    float: left;
}

.header .headertit p:first-child{
    color: #00A09B;
    font-weight:bold;
}

.header .headertit p:last-child{
    color: #8A8A8A;
    font-weight:bold;
}

.header .tel{
    float: right;
    text-align: right;
}

.header .tel a div{
    width: 2rem;
    height: 0.55rem;
}

.header .tel a div img{
    width: 100%;
    display: block;
}

/*.header a p:first-child{
    font-size: 0.31rem;
    font-weight:bold;
}

.header a p:last-child{
    font-size: 0.25rem;
}

.header a img{
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.15rem;
}*/

/*导航样式*/
.navbox{
    height: 6.35rem;
    box-sizing: border-box;
    padding: 0.52rem 1.11rem 0.78rem 1.11rem;
}

.navup,.navdown{
    display: -webkit-flex; /* Safari，Chrome */
    display: flex;
    justify-content:space-between;
}

.navup img,.navdown img{
    width: 100%;
}

.navdown{
    margin-top: 0.64rem;
}

.navup div,.navdown div{
    width: 1.54rem;
    height: 2.2rem;
}

.navup div span,.navdown div span{
    float: left;
    font-size: 0.34rem;
    color: #636363;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

/*门店图*/
.intropic{
    width: 100%;
    padding: 0 0.3rem;
    box-sizing: border-box;
}

.intropic img{
    width: 100%;
}

/*视频*/
.videobox{
    width: 94%;
    margin: 0 auto;
    margin-top: 0.4rem;
    height: 5rem;
    background: url("../images/video@2x.png") no-repeat center;
    background-size: 100%;
    padding-top: 2rem;
    box-sizing: border-box;
}

.videobox div{
    width: 0.95rem;
    height: 0.95rem;
    margin: 0 auto;
}

.videobox div img{
    width: 100%;
    height: 100%;
}

.videoend{
    height: 0.65rem;
}

.greybar{
    height: 0.16rem;
    background-color: #F7F7F7;
}

/*荣誉资质*/
.honorbox{
    width: 100%;
    height: 13rem;
    box-sizing: border-box;
}

.honorbox .honortit{
    width: 5.44rem;
    height: 0.56rem;
    margin-top: 0.66rem;
    margin-left: 0.3rem;
}

.honorbox .honortit img{
    width: 100%;
    display: block;
}

.honorbox .prizeimg{
    margin: 0 auto;
    margin-top: 0.7rem;
    width: 8.02rem;
    height: 7.8rem;
}

.honorbox .prizeimg img{
    width: 100%;
    display: block;
}

.honorbox .word{
    margin: 0 auto;
    width: 2.72rem;
    height: 0.34rem;
    font-size: 0.31rem;
    color: #1F1F1F;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 0.35rem;
    margin-bottom: 0.2rem;
}

.honorbox .proofimg{
    margin: 0 auto;
    width: 6.76rem;
    height: 2.2rem;
}

.honorbox .proofimg img{
    width: 100%;
    display: block;
}

/*合作加盟*/
.joinbox{
    width: 100%;
    height: 8.3rem;
    box-sizing: border-box;
}

.joinbox .joinboxtit{
    width: 6.13rem;
    height: 0.56rem;
    margin-top: 0.66rem;
    margin-left: 0.3rem;
}

.joinbox .joinboxtit img{
    width: 100%;
    display: block;
}

.joinbox .joinimg{
    margin: 0 auto;
    margin-top: 0.7rem;
    width: 8.66rem;
    height: 5.24rem;
}

.joinbox .joinimg img{
    width: 100%;
    display: block;
}

.joinbox .words{
    margin: 0 auto;
    margin-top: 0.5rem;
    width: 8.57rem;
    height: 0.66rem;
    background: url("../images/wordback@2x.png") no-repeat center;
    background-size: 100%;
    line-height: 0.66rem;
    color: #1F1F1F;
    font-size: 0.31rem;
    font-weight: bold;
    text-align: center;
}

.words span{
    color: #00A09B;
}

/*门店赋能*/
.funeng{
    width: 100%;
    height: 17.59rem;
    box-sizing: border-box;
    background: url("../images/funengbg.jpg") no-repeat center;
    background-size: 100%;
    position: relative;
}

.funeng .funengtit{
    margin: 0 auto;
    padding-top: 0.65rem;
    width: 3.14rem;
    height: 0.55rem;
}

.funeng .funengtit img{
    width: 100%;
    display: block;
}

.funeng .circleline{
    margin: 0 auto;
    width: 0.38rem;
    height: 10.94rem;
    margin-top: 1rem;
}

.mendianinfo{
    width: 100%;
    box-sizing: border-box;
}

.funeng .container{
    margin: 0 auto;
    width: 7.3rem;
    height: 12.6rem;
    margin-top: 0.9rem;
}

.cl{
    clear: both;
}

.left{
    width: 45%;
    height: 2.12rem;
    display: block;
    float: left;
}

.right{
    width: 45%;
    height: 2.1rem;
    display: block;
    float: right;
}

.left .lefttit{
    width: 100%;
    text-align: right;
    font-size: 0.33rem;
    color: #fff;
}

.left .leftcon{
    width: 100%;
    text-align: right;
    font-size: 0.25rem;
    color: #DBDBDB;
    margin-top: 0.24rem;
}

.right .righttit{
    width: 100%;
    text-align: left;
    font-size: 0.31rem;
    color: #fff;
}

.right .rightcon{
    width: 100%;
    text-align: left;
    font-size: 0.24rem;
    color: #DBDBDB;
    margin-top: 0.24rem;
}

.mendianinfo .infoitem{
    width: 94%;
    height: 1.1rem;
    margin: 0 auto;
    margin-top: 0.88rem;
    margin-bottom: 0.85rem;
    display: -webkit-flex; /* Safari，Chrome */
    display: flex;
    justify-content:space-between;
}

.mendianinfo .infoitem .itembox{
    width: 2.7rem;
    height: 1.08rem;
    text-align: center;
}

.mendianinfo .infoitem .itembox .tit{
    color: #00A09B;
    font-weight: bold;
    font-size: 0.57rem;
}

.mendianinfo .infoitem .itembox .con{
    color: #000;
    font-size: 0.25rem;
}

.map{
    width: 100%;
    height: 10.2rem;
    box-sizing: border-box;
}

.map .mapbox{
    width: 8.73rem;
    height: 7.08rem;
    margin: 0 auto;
}

.map .mapbox img{
    width: 100%;
    display: block;
}

/*新闻*/
.news{
    width: 100%;
    padding: 0.6rem 0.3rem 0.76rem 0.3rem;
    box-sizing: border-box;
}

.news .top .newstit{
    width: 6.32rem;
    height: 0.56rem;
    float: left;
}

.news .top .more{
    width: 1.6rem;
    height: 0.56rem;
    float: right;
    color: #ADADAD;
    font-size: 0.39rem;
    line-height: 0.56rem;
    position: relative;
}

.news .top .newstit img{
    width: 100%;
    display: block;
}

.de-btn {
    border: 1px solid #999;
    border-radius: 20px;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0.3rem;
    top: 50%;
    margin-top: -12px;
}

.de-btn i:after {
    border-color: #888;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 8px;
    left: 4px;
    border: 1px solid #888;
    border-width: 0 0 1px 1px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.knowmore{
    margin: 0 auto;
    width: 3.68rem;
    height: 1.01rem;
    border: 1px solid #EBEBEB;
    line-height: 1.01rem;
    margin-top: 0.71rem;
}

.knowmore .div{
    text-align: center;
}

.knowmore a{
    color: #DCDCDC;
    font-size: 0.31rem;
    line-height: 1.01rem;
    display: block;
    text-align: center;
}

.newsbox{
    width: 96%;
    margin: 0 auto;
    height: 2.16rem;
    margin-top: 0.41rem;
}

.whitebar{
    height: 0.37rem;
}

.newsleft{
     width: 3.7rem;
     height: 100%;
     float: left;
 }

.newsleft img{
    width: 100%;
    display: block;
}

.newsright{
    width: 4.77rem;
    height: 100%;
    float: right;
}

.newsright .newsrighttit{
    width: 100%;
    margin-top: 0.21rem;
    color: #000;
    font-size: 0.36rem;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;   /*行数*/
overflow: hidden;
}

.newsright .newsrightcon{
    width: 100%;
    margin-top: 0.27rem;
    color: #989898;
    font-size: 0.28rem;
    line-height: 0.39rem;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;   /*行数*/
overflow: hidden;
}

ul, li{list-style: none;}
.js-mask{margin: 0 auto;width: 96%;height: 2.48rem;position: relative;overflow: hidden;margin-top:0.56rem;}
.js-mask ul{position: absolute; left:0; top:0;}
.js-mask ul li{float:left; width:4.05rem; height: 2.48rem;margin-left: 0.26rem;}
.js-mask ul li img{width: 100%; display: block}

.contact{
    width: 100%;
    padding: 0.56rem 0.3rem 0.8rem 0.3rem;
    box-sizing: border-box;
}
.contact .contacttit{
    width: 6.13rem;
    height: 0.56rem;
}

.contact .contacttit img{
    width: 100%;
    display: block;
}

.inpbox{
    width: 96%;
    height: 1.01rem;
    margin: 0 auto;
    margin-top: 0.39rem;
    box-sizing: border-box;
}

.inpbox .inp{
    width: 100%;
    height: 100%;
    border: 1px solid #AAAAAA;
    padding-left: 0.27rem;
    box-sizing: border-box;
    font-size: 0.39rem;
}

.inpbox .inp::-webkit-input-placeholder{
    color: #ADADAD;
    font-size: 0.39rem;
}
.inpbox .inp::-moz-placeholder{
    color: #ADADAD;
    font-size: 0.39rem;
}
.inpbox .inp:-ms-input-placeholder{
    color: #ADADAD;
    font-size: 0.39rem;
}

.addressbox{
    width: 96%;
    height: 1.01rem;
    margin: 0 auto;
    display: -webkit-flex; /* Safari，Chrome */
    display: flex;
    justify-content:space-between;
    text-align: center;
}

.addressbox div{
    width: 30%;
    height: 1.01rem;
    margin-top: 0.39rem;
}

.addressbox div select{
    width: 100%;
    height: 100%;
    border: 1px solid #AAAAAA;
    font-size: 0.39rem;
    text-align: center;
    text-align-last: center;
    color: #AAA;
}

.addressbox option{
    font-size: 0.39rem;
    color: #AAA;
}

.textarea{
    margin: 0 auto;
    width: 96%;
    height: 3.62rem;
    margin-top: 1.20rem;
}

.textarea textarea{
    width: 100%;
    height: 100%;
    border: 1px solid #AAAAAA;
    padding: 0.3rem;
    box-sizing: border-box;
    color: #ADADAD;
    font-size: 0.39rem;
}

.textarea textarea::-webkit-input-placeholder{
    color: #ADADAD;
    font-size: 0.39rem;
}
.textarea textarea::-moz-placeholder{
    color: #ADADAD;
    font-size: 0.39rem;
}
.textarea textarea:-ms-input-placeholder{
    color: #ADADAD;
    font-size: 0.39rem;
}

.subbtnbox{
    width: 8.6rem;
    height: 1.24rem;
    margin: 0 auto;
}

.subbtn{
    width: 100%;
    height: 100%;
    background-color: #292929;
    color: #fff;
    font-size: 0.39rem;
    margin-top: 0.39rem;
}

.bottom{
    width: 100%;
    height: 4.8rem;
    background-color: #292929;
    box-sizing: border-box;
    display: block;
    padding-top: 1.12rem;
    padding-left: 0.42rem;
    padding-right: 0.42rem;
    margin-bottom: 1.4rem;
}

.bottombox{
    display: block;
    height: 2.32rem;
    position: relative;
}

.bottombox .erweima{
    width: 2.16rem;
    height: 2.16rem;
    position: absolute;
    bottom: 0;
    right: 0;
}

.bottombox .erweima img{
    width: 100%;
    display: block;
}

.telphone{
    color: #fff;
    font-size: 0.59rem;
}

.telphone img{
    width: 0.59rem;
    height: 0.59rem;
}

.bottominfo{
    margin-top: 0.3rem;
    color: #fff;
    font-size: 0.31rem;
}

.bottominfo p{
    line-height: 0.45rem;
}

.navbar{
    width: 100%;
    height: 1.4rem;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    box-shadow:0px -15px 10px -15px #ccc;
}

.navbar div{
    width: 31%;
    height: 100%;
    display: inline-block;
    text-align: center;
    font-size: 0.32rem;
    color: #989898;
}

video{
    width: 100%;
}