/*全局样式*/

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

/*头部样式*/

#header{height:4.5rem; background:#fff; z-index:999;}
#logo{left:1rem; top:1rem; height:2.5rem; overflow:hidden;}
#logo img{height:2.5rem;}
#nav-btn{right:1rem; top:1.5625rem; width:1.875rem; height:1.375rem; background:url(/templates/mobile/css/img/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(/templates/mobile/css/img/close.png); background-size:1.375rem 1.375rem;}

#nav{left:0; right:0; top:4.5rem; 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:#ea1000;}
#nav ul li em{width:1rem; height:4.375rem; margin-left:1rem; background:url(/templates/mobile/css/img/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#nav ul li em.del{background-image:url(/templates/mobile/css/img/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:#fff; border-radius:50%; cursor:pointer;}
#banner-btn dl dd.on{background:#ea1000;}

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

#about{margin-top:1.5rem;}
#about h3{height:1.25rem; line-height:1.25rem; margin-top:1.25rem; font-size:1.125rem; font-weight:bold; overflow:hidden;}
#about p{max-height:11.25rem; line-height:1.875rem; margin-top:0.75rem; font-size:0.9375rem; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden;}
#about dl{display:flex; justify-content:space-between; margin-top:1.5rem;}
#about dl dd{cursor:pointer;}
#about dl dd em{display:block; width:4.5rem; height:4.5rem; margin:0 auto; background-repeat:no-repeat; background-position:center; background-color:#d9d8de; border-radius:50%;}
#about dl dd em.a-icon1{background-image:url(/templates/mobile/css/img/a-icon1.png); background-size:2.25rem 2.25rem;}
#about dl dd em.a-icon2{background-image:url(/templates/mobile/css/img/a-icon2.png); background-size:2.375rem 2rem;}
#about dl dd em.a-icon3{background-image:url(/templates/mobile/css/img/a-icon3.png); background-size:1.875rem 1.75rem;}
#about dl dd em.a-icon4{background-image:url(/templates/mobile/css/img/a-icon4.png); background-size:1.875rem 1.875rem;}
#about dl dd span{display:block; height:1.125rem; line-height:1.125rem; margin-top:0.75rem; font-size:0.9375rem; text-align:center; color:#666; overflow:hidden;}
#about dl dd:hover em{background-color:#ea1000;}
#about dl dd:hover em.a-icon1{background-image:url(/templates/mobile/css/img/a-icon1-h.png);}
#about dl dd:hover em.a-icon2{background-image:url(/templates/mobile/css/img/a-icon2-h.png);}
#about dl dd:hover em.a-icon3{background-image:url(/templates/mobile/css/img/a-icon3-h.png);}
#about dl dd:hover em.a-icon4{background-image:url(/templates/mobile/css/img/a-icon4-h.png);}
#about dl dd:hover span{color:#ea1000;}

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

#wrap-subcompany{padding:2rem 1rem; background:url(/templates/mobile/css/img/subcompany-bg.jpg) no-repeat top center #fff; background-size:100%;}
#wrap-subcompany .title h2,#wrap-subcompany .title h3{color:#fff;}

#subcompany{margin-top:1.5rem;}
#subcompany-item{overflow:hidden;}
#subcompany-item ul li{float:left; overflow:hidden;}
#subcompany-item ul li section{height:10.125rem; padding:1.25rem; background:#f7f7f7; overflow:hidden;}
#subcompany-item ul li section h3{height:1.125rem; line-height:1.125rem; font-size:1rem; font-weight:bold; overflow:hidden;}
#subcompany-item ul li section p{height:4.875rem; line-height:1.625rem; margin-top:0.625rem; font-size:0.9375rem; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
#subcompany-item ul li section h4{width:10rem; height:2.75rem; line-height:2.75rem; margin-top:0.75rem; background:#ea1000; border-radius:1.375rem; font-size:0.875rem; text-align:center; color:#fff; overflow:hidden;}
#subcompany-item ul li:hover section h3{color:#ea1000;}
#subcompany-btn{height:0.5rem; margin-top:1.25rem; overflow:hidden;}
#subcompany-btn dl{display:flex; justify-content:center;}
#subcompany-btn dl dd{width:0.5rem; height:0.5rem; margin:0 0.375rem; background:#d9d8de; border-radius:50%;}
#subcompany-btn dl dd.on{background:#ea1000;}

#case{margin-top:1.5rem;}
#case ul{margin:-0.75rem 0 0 -0.75rem;}
#case ul li{position:relative; float:left; margin:0.75rem 0 0 0.75rem; overflow:hidden;}
#case ul li h3{position:absolute; left:0; right:0; bottom:0; height:1.125rem; line-height:1.125rem; padding:2rem 1rem 1.5rem 1rem; background:url(/templates/mobile/css/img/gradual.png) repeat-x top center; background-size:0.0625rem 4.625rem; font-size:0.9375rem; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#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:#f7f7f7; 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:#ea1000;}

/*内页样式*/

#menu{margin-bottom:1.5rem;}
#menu.nb{margin-bottom:0;}
#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; background:#fff; 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; padding:0 1rem; white-space:nowrap; text-overflow:ellipsis; color:#666; overflow:hidden;}
#menu dl dd:hover{border-color:#ea1000;}
#menu dl dd:hover a{color:#ea1000;}
#menu dl dd.current{background:#ea1000; border-color:#ea1000;}
#menu dl dd.current a{color:#fff;}

#news-list ul li{position:relative; height:7.625rem; margin-top:1rem; overflow:hidden;}
#news-list ul li:first-child{margin-top:0;}
#news-list ul li img{width:10.625rem; height:7.625rem;}
#news-list ul li section{position:absolute; left:11.625rem; right:0; top:0.625rem; height:6.625rem;}
#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:#999; overflow:hidden;}
#news-list ul li section p{height:3.25rem; line-height:1.625rem; margin-top:0.5rem; font-size:0.9375rem; color:#999; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#news-list ul li:hover section h3{color:#ea1000;}

#case-list ul{margin:-0.75rem 0 0 -0.75rem;}
#case-list ul li{position:relative; float:left; margin:0.75rem 0 0 0.75rem; overflow:hidden;}
#case-list ul li h3{position:absolute; left:0; right:0; bottom:0; height:1.125rem; line-height:1.125rem; padding:2rem 1rem 1.5rem 1rem; background:url(/templates/mobile/css/img/gradual.png) repeat-x top center; background-size:0.0625rem 4.625rem; font-size:0.9375rem; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#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:#ea1000;}
#pageinfo a.current{background:#ea1000; border-color:#ea1000; color:#fff;}

#single{line-height:200%; font-size:0.9375rem; color:#464646;}
#single img{display:block; vertical-align:middle;height: auto !important;max-width: 100% !important;}
#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:#ea1000;}

#contact h3{height:1.25rem; line-height:1.25rem; font-size:1.125rem; font-weight:bold;}
#contact section{margin-top:1rem;}
#contact section p{line-height:1.625rem; padding-left:2.125rem; background-repeat:no-repeat; background-position:left top; background-size:1.625rem 1.625rem; font-size:0.9375rem; color:#464646;}
#contact section p{margin-top:0.75rem;}
#contact section p.c-icon1{background-image:url(/templates/mobile/css/img/c-icon1.png);}
#contact section p.c-icon2{background-image:url(/templates/mobile/css/img/c-icon2.png);}
#contact section p.c-icon3{background-image:url(/templates/mobile/css/img/c-icon3.png);}
#contact section p.c-icon4{background-image:url(/templates/mobile/css/img/c-icon4.png);}

#map{height:18.75rem; margin-top:1.25rem; background:#f9f9f9; overflow:hidden;}
#map img{max-width:none;}
.anchorBL{display:none;}

#sub-about section{padding:1.25rem; background:#fff;}
#sub-about section h3{height:1.25rem; line-height:1.25rem; margin-bottom:0.75rem; font-size:1.125rem; font-weight:bold; overflow:hidden;}
#sub-about section p{line-height:1.875rem; font-size:0.9375rem; color:#666;}

.product{margin-top:1.5rem; overflow:hidden;}
.product-item{overflow:hidden;}
.product-item ul li{float:left; margin-right:0.75rem; overflow:hidden;}
.product-item ul li img{border:0.0625rem solid #e1e1e1;}
.product-item ul li h3{height:3rem; line-height:3rem; padding:0 1rem; background:#e1e1e1; font-size:0.9375rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.product-item ul li:hover img{border-color:#ea1000;}
.product-item ul li:hover h3{background:#ea1000; color:#fff;}
.p-prev,.p-next{top:50%; transform:translateY(-50%); width:3rem; height:3rem; margin-top:-1.5rem; background-repeat:no-repeat; background-position:center; background-size:1.125rem 1.375rem; background-color:#ea1000; border-radius:50%; cursor:pointer;}
.p-prev{left:1rem; background-image:url(/templates/mobile/css/img/prev.png);}
.p-next{right:1rem; background-image:url(/templates/mobile/css/img/next.png);}

/*底部样式*/

#copyright{padding:1.5rem 1rem; line-height:1.875rem; background:#2f3237; font-size:0.9375rem; text-align:center; color:#b3b3b4;}
#copyright a{color:#b3b3b4;}
#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(/templates/mobile/css/img/home.png); background-size:1.75rem 1.625rem;}
#tabbar dl dd em.wechat{background-image:url(/templates/mobile/css/img/wechat.png); background-size:2.125rem 1.75rem;}
#tabbar dl dd em.tel{background-image:url(/templates/mobile/css/img/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(/templates/mobile/css/img/home-h.png);}
#tabbar dl dd.current em.wechat,#tabbar dl dd:hover em.wechat{background-image:url(/templates/mobile/css/img/wechat-h.png);}
#tabbar dl dd.current em.tel,#tabbar dl dd:hover em.tel{background-image:url(/templates/mobile/css/img/tel-h.png);}
#tabbar dl dd.current h3,#tabbar dl dd:hover h3{color:#ea1000;}<!--耗时1756509197.7179秒-->