@charset "utf-8";
/*lightbox*/
.rebox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000;-webkit-filter:none !important;background:rgb(0,0,0);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);background:rgba(0,0,0,0.7)}
.rebox *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}
.rebox-contents{position:absolute;top:5%;left:5%;text-align:center;width:90%;height:90%}
.rebox-contents .rebox-content{border:5px solid #fff;box-shadow:0 0 20px #000;border-radius:1px;max-width:100%;max-height:100%}
.rebox-loading{width:31px;height:31px;margin:-16px 0 0 -16px;position:absolute;top:48%;left:50%}
.rebox-caption{display:none;position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:1000;background:#000;background:rgba(0,0,0,0.7)}
.rebox-caption p{margin:0 auto;max-width:70%;display:inline-block;*display:inline;*zoom:1;padding:10px;color:#fff;font-size:12px;line-height:18px}
.rebox-button{position:absolute;z-index:9999;min-width:40px;height:40px;line-height:40px;background:rgb(0,0,0);opacity:0.4;text-decoration:none;font-size:24px;color:#fff;text-align:center;vertical-align:middle;-webkit-border-radius:32px;-moz-border-radius:32px;-ms-border-radius:32px;border-radius:32px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.rebox-button:hover,.rebox-button:focus{opacity:1;-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}
.rebox-close{right:10px;top:10px}
.rebox-next{right:10px;top:48%}
.rebox-prev{left:10px;top:48%}
.rebox-loading{left:50%;top:48%;-webkit-animation-name:spin;-webkit-animation-duration:2000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:2000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:2000ms;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:2000ms;animation-iteration-count:infinite;animation-timing-function:linear}
@-ms-keyframes spin{
	from{-ms-transform:rotate(0deg)}
	to{-ms-transform:rotate(360deg)}
}
@-moz-keyframes spin{
	from{-moz-transform:rotate(0deg)}
	to{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes spin{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}
@keyframes spin{
	from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}
}
/*lightbox end*/

#product{}
.title{text-align:center;margin:10px 0}
.title h2{font-size:20px;position:relative}
.title span{}
.title p{font-size:14px;color:#666}
.title h2:after,.title h2:before{display:block;content:'';position:absolute;bottom:0}
.title h2:after{background:#015FA5;width:20%;height:3px;margin-left:40%;bottom:-1px}
.title h2:before{height:1px;width:80%;background:#DADADA;margin-left:10%}
.product{}
.product li{margin-bottom:10px}
.product li>a{display:block;position:relative;height:0;padding:0 0 75% 0;background:#fff}
.product li p{text-align:center}
.product li p a{display:block;background:#015FA5;color:#fff;height: 2em;overflow: hidden;}
#about{padding:0 10px;background: #333 url(../images/about.jpg) no-repeat center;color:#fff;}
#about .title p{color:#eee}
.about-con{
    font-size: 14px;
    overflow: hidden;
    height: 10em;
    margin-bottom: 10px;
}
#case{}
.case{}
.case li{margin-bottom:10px}
.case li>a{display:block;position:relative;height:0;padding: 0 0 75% 0;background:#fff;}
.case li p{
    background: #fff;
    text-align: center;
    height: 2em;
    overflow: hidden;
}
#news{background: #333 url(../images/news.jpg) no-repeat center;color:#fff;overflow:hidden;padding-bottom: 10px;}
#news .title p{color:#eee}
.news{margin:0}
.news li{border-bottom:1px dashed #eee;line-height:40px;height:40px;position:relative}
.news li:before{content:'';width:0;border:5px solid #fff;vertical-align:middle;transform:rotate(45deg);position:absolute;top:16px}
.news a{color:#fff;font-size:14px;width:69%;float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:all 0.3s;padding-left:20px}
.news span{float:right;width:21%;text-align:right;color:#eee;font-size:12px}

#link{font-size: 14px;background: #333;color: #fff;margin-bottom: 5px;}
#link span{}
#link a{
    color: #fff;
}