/*全局样式*/

body{max-width:640px; min-width:360px; margin:0 auto; -webkit-tap-highlight-color:rgba(0,0,0,0);}
#main{padding:4.75rem 0 5.5625rem 0;}
.wrap-white{padding:2rem 1rem; background:#fff;}
.wrap-gray{padding:2rem 1rem; background:#f6f6f6;}

/*头部样式*/

#header{height:4.75rem; background:#fff; z-index:999;}
#logo{left:1rem; top:1rem; height:2.75rem; overflow:hidden;}
#logo img{height:2.75rem;}
#nav-btn{right:1rem; top:1.6875rem; width:1.875rem; height:1.375rem; background:url(../images/nav-btn.png) no-repeat center; background-size:1.875rem 1.375rem; cursor:pointer;}
#nav-btn.close{width:1.375rem; height:1.375rem; background-image:url(../images/close.png); background-size:1.375rem 1.375rem;}

#nav{left:0; right:0; top:4.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;}
#nav ul li{display:flex; flex-wrap:wrap; line-height:4.375rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:1.0625rem;}
#nav ul li:last-child{border-bottom:none;}
#nav ul li a{flex:auto;}
#nav ul li a:hover{color:#b60303;}
#nav ul li em{width:1rem; height:4.375rem; margin-left:1rem; background:url(../images/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#nav ul li em.del{background-image:url(../images/del.png);}
#nav ul li ul{width:100%; display:none;}
#nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;}
#nav ul li ul li a{padding-left:1.0625rem;}

/*首页样式*/

#banner-img ul li{float:left; overflow:hidden;}
#banner-btn{left:0; bottom:1.5rem; width:100%; height:0.5rem; overflow:hidden;}
#banner-btn dl{display:flex; justify-content:center; height:0.5rem; overflow:hidden;}
#banner-btn dl dd{width:0.5rem; height:0.5rem; margin:0 0.375rem; background:rgba(255,255,255,.5); border-radius:50%; cursor:pointer;}
#banner-btn dl dd.on{background:#fff;}

.title h2{height:1.5rem; line-height:1.5rem; font-size:1.375rem; font-weight:bold; overflow:hidden;}
.title h2 em{color:#b60303;}
.title h3{height:1.125rem; line-height:1.125rem; margin-top:0.5rem; font-size:0.9375rem; text-transform:uppercase; color:#666; overflow:hidden;}

.wrap-white.ab{padding-bottom:1.5rem;}
.wrap-gray.at{padding-top:1rem;}

#about section{padding:1.5rem; background:#fff;}
#about section h3{height:1.25rem; line-height:1.25rem; font-size:1.125rem; font-weight:bold; overflow:hidden;}
#about section p{max-height:11.25rem; line-height:1.875rem; margin-top:1rem; font-size:0.9375rem; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden;}

.view-more{width:13.75rem; height:3rem; line-height:3rem; margin:2rem auto 0 auto; background:#b60303; border-radius:1.5rem; font-size:0.9375rem; text-align:center; overflow:hidden;}
.view-more a{display:block; color:#fff;}

#product{margin-top:1.5rem;}
#product ul{margin:-1.25rem 0 0 -0.75rem;}
#product ul li{float:left; margin:1.25rem 0 0 0.75rem; overflow:hidden;}
#product ul li h3{height:1.125rem; line-height:1.125rem; margin-top:0.75rem; font-size:0.9375rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#product ul li:hover h3{color:#b60303;}

#news{margin-top:1.5rem;}
#news ul li{float:left; margin-left:0.75rem; overflow:hidden;}
#news ul li:first-child{margin-left:0;}
#news ul li section{height:6.75rem; padding:1.25rem; background:#fff; overflow:hidden;}
#news ul li section h3{height:1.125rem; line-height:1.125rem; font-size:1rem; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news ul li section h4{height:1.125rem; line-height:1.125rem; margin-top:0.625rem; font-size:0.9375rem; color:#888; overflow:hidden;}
#news ul li section p{height:3.25rem; line-height:1.625rem; margin-top:0.625rem; font-size:0.9375rem; color:#888; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#news ul li:hover section h3{color:#b60303;}

#keyan-big{position:relative; margin-top:1.5rem; overflow:hidden;}
#keyan-big section{position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.2); overflow:hidden;}
#keyan-big h3{position:absolute; left:1rem; right:1rem; top:50%; transform:translateY(-50%); display:block; height:1.25rem; line-height:1.25rem; font-size:1.0625rem; font-weight:bold; text-align:center; color:#fff; overflow:hidden;}
#keyan-small{margin-top:1.5rem; overflow:hidden;}
#keyan-small dl dd{position:relative; overflow:hidden;}
#keyan-small dl dd section{position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.25); overflow:hidden;}
#keyan-small dl dd h3{position:absolute; left:1rem; right:1rem; top:50%; transform:translateY(-50%); display:block; height:1.25rem; line-height:1.25rem; font-size:1.0625rem; font-weight:bold; text-align:center; color:#fff; overflow:hidden;}

#feedback{margin-top:1.5rem;}
#feedback input{height:3rem; line-height:2.875rem; margin-bottom:0.75rem; padding:0 1rem; border-radius:0.25rem; font-size:0.9375rem; color:#666;}
#feedback textarea{height:9.5rem; line-height:1.625rem; padding:0.625rem 1rem; border-radius:0.25rem; font-size:0.9375rem; color:#666;}
#feedback button{height:3rem; line-height:3rem; margin-top:1.5rem; background:#b60303; border-radius:1.5rem; font-size:0.9375rem;}

#validate-tip{left:50%; top:50%; transform:translate(-50%,-50%); height:3rem; line-height:3rem; padding:0 1rem; background:#333; border-radius:0.25rem; font-size:0.9375rem; color:#fff; overflow:hidden; display:none; z-index:1002;}

/*内页样式*/

#menu{margin-bottom:1.5rem;}
#menu dl{margin:-0.5rem 0 0 -0.5rem;}
#menu dl dd{float:left; margin:0.5rem 0 0 0.5rem; height:3.125rem; line-height:3rem; border:0.0625rem solid #e1e1e1; border-radius:1.5625rem; box-sizing:border-box; font-size:0.9375rem; text-align:center; overflow:hidden;}
#menu dl dd a{display:block; color:#666;}
#menu dl dd:hover{border-color:#b60303;}
#menu dl dd:hover a{color:#b60303;}
#menu dl dd.current{background:#b60303; border-color:#b60303;}
#menu dl dd.current a{color:#fff;}

#product-list ul{margin:-1.25rem 0 0 -0.75rem;}
#product-list ul li{float:left; margin:1.25rem 0 0 0.75rem; overflow:hidden;}
#product-list ul li h3{height:1.125rem; line-height:1.125rem; margin-top:0.75rem; font-size:0.9375rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#product-list ul li:hover h3{color:#b60303;}

#news-list ul{margin:-0.75rem 0 0 -0.75rem;}
#news-list ul li{float:left; margin:0.75rem 0 0 0.75rem; overflow:hidden;}
#news-list ul li section{height:6.75rem; padding:1.25rem; background:#fff; border:0.0625rem solid #e1e1e1; border-top:none; overflow:hidden;}
#news-list ul li section h3{height:1.125rem; line-height:1.125rem; font-size:1rem; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list ul li section h4{height:1.125rem; line-height:1.125rem; margin-top:0.625rem; font-size:0.9375rem; color:#888; overflow:hidden;}
#news-list ul li section p{height:3.25rem; line-height:1.625rem; margin-top:0.625rem; font-size:0.9375rem; color:#888; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#news-list ul li:hover section h3{color:#b60303;}

#pageinfo{margin-top:2rem; font-size:0;}
#pageinfo a{display:inline-block; min-width:0.9375rem; height:2.625rem; line-height:2.625rem; margin:0 0.25rem; padding:0 0.875rem; background:#fff; border:0.0625rem solid #d6d6d6; font-size:0.9375rem; color:#666;}
#pageinfo a:hover{color:#b60303;}
#pageinfo a.current{background:#b60303; border-color:#b60303; color:#fff;}

#single{line-height:200%; font-size:0.9375rem; color:#464646;}
#single img{display:inline-block; vertical-align:middle;}
#article-title{line-height:180%; font-size:1.0625rem; font-weight:bold; text-align:center; color:#333;}
#article-info{margin:0.625rem 0; font-size:0.9375rem; text-align:center; color:#999;}

#prev-next{height:3.25rem; margin-top:1.25rem; padding-top:1.25rem; border-top:0.0625rem dashed #e1e1e1; overflow:hidden;}
#prev-next dl dd{height:1.125rem; line-height:1.125rem; font-size:0.9375rem; color:#464646; overflow:hidden;}
#prev-next dl dd:first-child{margin-bottom:1rem;}
#prev-next dl dd a{color:#464646;}
#prev-next dl dd a:hover{color:#b60303;}

/*底部样式*/

#copyright{padding:1.5rem 1rem; line-height:1.875rem; background:#2c2b29; font-size:0.9375rem; text-align:center; color:#999;}
#copyright a{color:#999;}
#copyright a:hover{color:#fff;}

#tabbar{left:0; right:0; bottom:0; height:3.5rem; margin-left:auto; margin-right:auto; padding:1rem 0; background:#fff; border-top:0.0625rem solid #e1e1e1; z-index:997;}
#tabbar dl dd{float:left; width:33.33%; height:3.5rem; text-align:center; overflow:hidden;}
#tabbar dl dd a{display:block;}
#tabbar dl dd em{display:block; width:100%; height:1.75rem; background-repeat:no-repeat; background-position:center;}
#tabbar dl dd em.home{background-image:url(../images/home.png); background-size:1.75rem 1.625rem;}
#tabbar dl dd em.wechat{background-image:url(../images/wechat.png); background-size:2.125rem 1.75rem;}
#tabbar dl dd em.tel{background-image:url(../images/tel.png); background-size:1.75rem 1.75rem;}
#tabbar dl dd h3{height:1.25rem; line-height:1.25rem; margin-top:0.5rem; font-size:1.125rem; overflow:hidden;}
#tabbar dl dd.current em.home,#tabbar dl dd:hover em.home{background-image:url(../images/home-h.png);}
#tabbar dl dd.current em.wechat,#tabbar dl dd:hover em.wechat{background-image:url(../images/wechat-h.png);}
#tabbar dl dd.current em.tel,#tabbar dl dd:hover em.tel{background-image:url(../images/tel-h.png);}
#tabbar dl dd.current h3,#tabbar dl dd:hover h3{color:#b60303;}