body{ background:#f5f5f5 url(../images/bg-index-body.png) no-repeat top center}



.banner{ height:550px}
.banner{position:relative; width:100%; height:550px; overflow:hidden;}
.banner-box{position:relative; width:100%; height:550px; overflow:hidden;}
.banner-cont li{float:left; position:relative;height:550px;}
.banner-cont li img{width:100%; height:550px;}

.banner-list{position:absolute; width:100%;right:0px;bottom:25px; text-align:center;}
.banner-list li{cursor:pointer; display:inline-block;height:9px;width:40px;margin:0px 5px;overflow:hidden; background:url(../images/bg-white-5.png) repeat; text-indent: -999em;}
.banner-list li.on,
.banner-list li:hover{ background:#fff}

.body-business{ background:url(../images/bg-index-business.png) no-repeat top center; height:592px}
.body-business ul{ margin-top:-2px; margin-left:-1px}
.body-business li{ width:393px; height:294px; margin-top:2px; margin-left:1px; position:relative; cursor:pointer}
.body-business li .show span{ display:block; width:130px; height:151px; margin:50px auto 15px auto; background:url(../images/img-icon-business.png) no-repeat top center}
.body-business li .show span.icon-01{ }
.body-business li .show span.icon-02{ background-position:0 -151px}
.body-business li .show span.icon-03{ background-position:0 -302px}
.body-business li .show span.icon-04{ background-position:0 -453px }
.body-business li .show span.icon-05{ background-position:0 -604px }
.body-business li .show span.icon-06{ background-position:0 -755px }
.body-business li .show { font-size:18px;}
.body-business li .hidden{ display:none}
.body-business li:hover .hidden{ display:block; background:url(../images/bg-blue-95.png) repeat; position:absolute; z-index:2; width:100%; height:100%; top:0px; color:#fff;-moz-box-shadow: 10px 10px 10px #c1dffb; /* 老的 Firefox */box-shadow: 10px 10px 10px #c1dffb;}
.body-business li .hidden h4{ padding-top:55px; font-size:24px}
.body-business li .hidden p{ padding:50px 50px 0 50px; font-size:16px}

.body-product{ width:1420px; margin:0 auto; height:620px; position:relative;}

.product-list{ width:1235px; height:640px; position:absolute; left:85px;}


.preNext{ width:28px; height:53px; position:absolute; top:283px; background:url(../images/icon-arrow.png) no-repeat top center; cursor:pointer}
.pre{position:absolute; left:0px}
.next{ position:absolute; right:0px; background-position:0 -53px;} 

.body-case ul{ margin-left:-20px}
.body-case li{ width:185px; padding:0 50px; margin-left:20px; margin-top:25px; background:#f5f5f5;}
.body-case li:hover{ background:#339af8}
.body-case li:hover a{ color:#fff}
.body-case li table td{font-size:18px; line-height:25px;  height:120px; text-align:center;}

.tabs-news{ text-align:center}
.tabs-news ul{display: inline-block;overflow: auto;}
.tabs-news li{ display:inline; float:left; padding:5px 30px; margin:0 8px; background:#fff; border:#1e8af1 solid 1px;border-radius:25px;-moz-border-radius:25px;-webket-border-radius:25px;}
.tabs-news li.active{ background:#1e8af1}
.tabs-news li.active a{ color:#fff}
.tabs-nes-cont ul{ margin-left:-20px}
.tabs-nes-cont li{ width:350px; height:510px; padding-bottom:5px; border-right:#e0e0e0 solid 1px; padding-right:19px; float:left; margin-left:20px}
.tabs-nes-cont li.border-none{ border-right:none}
.news-list-body{padding:25px;height: 460px;}
.news-list-body:hover{ background:#fff;-moz-box-shadow: 5px 5px 10px #c1dffb; /* 老的 Firefox */box-shadow: 5px 5px 10px #c1dffb;}
.news-list-time span{ font-size:50px; line-height:40px; color:#777; font-weight:bold}
.news-list-body:hover .news-list-time span{ color:#1e8af1}
.news-list-share{ padding-top:13px}
.news-list-share a{ padding-left:15px}
.blue-line{ background:#1e8af1; width:25px; height:5px}

.footer{ padding:85px; height:830px; background:url(../images/bg-footer.jpg) no-repeat top center}

.footer-contact input,.footer-contact textarea{ padding:20px; background:#fff; width:595px; border:none; color:#999;font: normal 14px/30px 'microsoft yahei'; }
.footer-contact textarea.put{ height:100px}
.footer-contact input.btn-submit{ width:135px; height:50px; text-align:center; font: normal 14px/50px 'microsoft yahei'; padding:0px; background:#2c85d7; color:#fff; cursor:pointer}
.footer-contact input.bg-fff{ background:#fff; color:#999}


.index-news-title{ height:30px; overflow:hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.w-575{width:575px}
.index-news-one{ font:normal 24px/40px 'microsoft yahei'; margin-top:15px}
.index-news-list{ margin-top:-20px}
.index-news-list li{ height:90px; background:url(../images/list-index-news.png) no-repeat left top; margin-top:20px}
.index-news-list li.icon-1{}
.index-news-list li.icon-2{ background-position-y:-90px}
.index-news-list li.icon-3{ background-position-y:-180px}
.index-news-list li.icon-4{ background-position-y:-270px}
.index-news-list li a{ display:block; padding-left:85px; padding-right:20px}
.index-news-list li a div{ font-size:20px; padding-top:15px}
.index-news-list li a div span{ font-size:16px}
.index-news-list li a p{ font:normal 16px/30px 'microsoft yahei'; height:30px; overflow:hidden;    text-overflow: ellipsis;
    white-space: nowrap; color:#888; margin-top:5px}
.index-news-list li:hover{ background-image:url(../images/list-index-news-hover.png); background-color:#1c9bd9 }
.index-news-list li:hover a,.index-news-list li:hover a span.blue,.index-news-list li:hover a p{ color:#fff}