.tabarea{ text-align:center; margin-top:1rem;}
.tabarea a{ min-width:3rem;padding:0.1rem 1.5rem; border:1px solid #ccc; word-break:keep-all; display:inline-block; margin-bottom:0.2rem;}
.tabarea a.on{ background-color:#C30D23; color:#fff;}
.content{line-height:1.2rem; padding:0 0.5rem; margin-top:0.5rem;}
.bigsize{ font-size:2.5rem; color:#F0F0F0; margin:0.5rem 0.3rem;}

.tabarea2{ text-align:center; margin-top:1.5rem;}
.tabarea2 a{ padding:0.2rem 3rem; background-color:#EFEFEF; word-break:keep-all; display:inline-block; margin-bottom:0.2rem; margin-left:-0.2rem; color:#9E9E9E; font-size:0.8rem;}
.tabarea2 a.on{ background-color:#C9C9C9; color:#C30D26; font-weight:bold;}

.avatararea{ border-bottom:1px dashed #ccc; margin-bottom:0.5rem;}
.avatararea .avatarbg.fl{ width:60%; background:url(../images/avatarbg.png) no-repeat; background-size:cover; font-weight:bold; font-size:1rem; color:#595758; padding-left:1rem; text-align:left; position:relative;}
.avatararea .avatarbg.fr{ width:60%; background:url(../images/avatarbg2.png) no-repeat; background-size:cover; font-weight:bold; font-size:1rem; color:#595758; padding-right:1rem; text-align:right; position:relative;}
.avatararea .avatarbg.fl p{ position:absolute; bottom:0.5rem; left:1rem;}
.avatararea .avatarbg.fr p{ position:absolute; bottom:0.5rem; right:1rem;}
.avatararea .avatar{ width:40%;}
.avatararea .avatar img{ width:100%; height:9rem;}
.avatararea p{ margin:0.5rem 0;}


.brandcase h3{ font-size:0.7rem; margin-bottom:1rem; padding-left:0.5rem;}
.brandcase ul li{ width:49%; height:9rem; float:left; text-align:center; margin-bottom:0.5rem;}
.brandcase ul li:nth-child(2n){ margin-left:2%;}
.brandcase ul li img{ height:100%;}
.brandcase ul li a{ width:100%; height:100%; display:block; background-size:cover; color:#fff; text-align:center; line-height:9rem;}


.casetitle{ height:8.7rem; width:100%; text-align:center; padding-top:4rem;}
.casetitle h1{ font-size:1.3rem;}
.casetitle h2{ font-size:1rem;}

.backarea{ text-align:center; margin:1rem 0;}
.backarea a{ padding:0.4rem 3rem; border:1px solid #C30D23; color:#C30D23; word-break:keep-all; display:inline-block; margin-bottom:0.2rem;}
/* .backarea a:last-child{ margin-left:1rem;} */
.backarea a.on{ background-color:#C30D23; color:#fff;}

.news{ width:96%; margin:0 auto;}
.news h3{ font-size:0.7rem; margin-bottom:1rem; padding-left:0.5rem;}
.news ul li{ position:relative; clear:both; height:8rem; overflow:hidden;}
.news ul li .date{ position:absolute; left:0; top:0; width:38px; height:38px; background-color:#C30D23; font-size:0.6rem; color:#fff; text-align:center;}
.news ul li .date span{ font-size:0.8rem; display:block;}
.news ul li h4{ font-size:0.8rem;}
.news ul li a{ display:block; width:91%; float:right; line-height:1.3rem; background-color:#F7F7F7; padding:0.5rem 0.8rem;}
.news ul li a span{ display:inline-block;padding:0 12px;border:1px solid #C30D23;text-transform: uppercase; border-radius: 30px; color:#C30D23; font-size:0.6rem; line-height:18px; float:right; margin-top:0.2rem;}

.news h1{ font-size:1rem; text-align:center;}
.news .newsinfo{ border-bottom:1px dashed #ccc; font-size:0.6rem; text-align:center; padding:0.4rem; 0}
.prenext{ margin:1rem 0;}
.prenext a{ display:block;}

.equipment{ margin-bottom:1rem;}
.equipment img{ width:49%; float:left;}
.equipment img:nth-child(2n){ margin-left:2%}
.movingimg{ margin-bottom:1rem; background-color:#EFEFEF; width:100%; height:5rem; overflow:hidden;}
.movingimgleft{ width:30%; height:100%; float:left; background-color:#C30D23; color:#fff; font-size:1rem; text-align:center; line-height:5rem; font-weight:bold;}
.movingimgright{ width:70%; float:left;}
.movingimgright .spec-scroll{ margin-top:0px;}
.movingimgright .items{ width:78%!important; margin-left:0.2rem;}

.movingimgright .spec-scroll .prev img,.movingimgright .spec-scroll .next img {
    display: block;
    width: 24px;
    cursor: pointer;
    text-decoration: none;
}
.movingimgright .spec-scroll .next{ margin-right:10px;}

.client h3{ font-size:0.7rem; margin-bottom:1rem; padding-left:0.5rem;}
.client ul li{ float:left; width:33%; border-bottom:1px dashed #ccc; text-align:center; height:5rem; line-height:5rem;}
.client ul li img{ width:80%;}


.contactus h3{ font-size:0.7rem; margin-bottom:1rem; padding-left:0.5rem;}
.contactus .area1{ border-top:2px solid #000; width:100%; padding: 1rem; margin-top:1rem; background-color:#F2F2F2;}
.contactus .area2{ width:100%; background-color:#fff; margin-bottom:3rem; padding:0 0.5rem;}
.contactus .area2 img{ max-width:80%;}
.contactus .area3{ width:100%;}
.contactus .area3 img{ width:100%;}
.mapbox{ display:none; position:fixed;left:0; bottom:0; width:100%; height:50%; z-index:99;}
.overdark{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:98; display:none;}

.zhanguan h3{ font-size:0.8rem; margin: 1rem 0;}
.zgztimg{ position:relative; z-index:90; margin:0.5rem 0;}
.zgztimg h2.imgtitle{ position:absolute; top:-3px; left:10px; color:#fff; z-index:99; font-weight:bold; font-size:18px; border-top:4px solid #C40D21; text-align:center;}
.zgztimg img{width:100%; position:relative; z-index:90;}
.zgztimg .imgdes{ position:absolute; bottom:5px; left:10px; color:#fff; z-index:99; font-weight:bold; font-size:14px;}
.zhanguan ul li::before{
  content:"•";
  color:#C40D21;
  font-size:25px; margin:0 0.5rem 0 -0.3rem;
}
.zhanguan ul li h2{ display:inline;}
.zhanguan ul li{ border-left:1px solid #000; padding-bottom:0.5rem;}
.zhanguan ul li p{ margin-left:0.6rem;}

/*---------------------------  放大镜 -------------------------------*/
.box{ border:1px solid #ccc; width:96%; margin:1.5rem auto; box-shadow:0 0 20px #ccc;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-s310, .tb-s310 a{width:100%; margin: 1rem 0;}
.tb-s310, .tb-s310 img{max-height:400px;max-width:100%; }
.tb-s310 a{*font-size:271px;}
.tb-booth{border:1px solid #eee;position:relative;z-index:1; padding-bottom:1rem;}
.spec-scroll{clear:both;margin-top:10px; width:100%;}
.spec-scroll .prev{float:left;margin-right:5px; margin-left:0px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:16px;cursor:pointer;text-decoration:none; margin-top:2rem;}
.spec-scroll .items{float:left;position:relative;width:90%;height:105px;overflow:hidden;}
.spec-scroll .items ul{margin:0; padding:0;list-style:none;position:absolute;width:999999px; height:100px; margin-top:3px;}
.spec-scroll .items ul li{float:left; margin:0px; padding:0px; width:6rem;text-align:center;}
.spec-scroll .items ul li img{padding:2px; width:100%;height:90px;}
/*.spec-scroll .items ul li img:hover{ border:2px solid #FF6600; padding:1px; }*/

div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden; }
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.tb-selected{border:2px solid #2196ff !important; padding:1px; } 

/*---------------------------  Detail Page -------------------------------*/