﻿@charset "utf-8";
#header{width:100%;height:85px;clear:both;text-align:center;background:#000;}
.index_3{width:1000px;height:85px;display:inline-block;text-align:left;}
#logo{width:167px;height:43px;margin-left:1px;margin-top:22px;float:left;display:inline;text-align:left;}
.index_3 ul{width:770px;height:45px;margin-left:62px;margin-top:20px;float:left;display:inline;text-align:left;}
.index_3 ul li{height:45px;float:left;display:inline-block;text-align:left;font-size:14px;line-height:22px;padding-left:32px;padding-right:19px;}
.index_3 ul li a{color:#fff;display:block;}
.index_3 ul li a:hover{filter:alpha(opacity=80);opacity:0.8;text-decoration:none;}
.index_3 ul li span{color:#999;font:10px Arial, Helvetica, sans-serif;display:block;text-transform:uppercase;}
.index_3 ul li.home{background: url(../images/home.png) no-repeat left center;}
.index_3 ul li.about{background: url(../images/about.png) no-repeat left center;}
.index_3 ul li.news{background: url(../images/news.png) no-repeat left center;}
.index_3 ul li.product{background: url(../images/product.png) no-repeat left center;}
.index_3 ul li.case{background: url(../images/case.png) no-repeat left center;}
.index_3 ul li.contact{background: url(../images/contact.png) no-repeat left center;}
.index_3 ul li.service{background: url(../images/service.png) no-repeat left center;}
#banner{width:100%;height:595px;background:#000;overflow:hidden;position:relative;}
#banner .wrapper{width:986px;margin:0 auto;position:relative;}
#banner_img{display:block;position:relative;}
#banner_img li{position:absolute;top:0;left:0;width:100%;height:595px;background-position:center;background-size:cover;display:none;}
#banner_img li.item1{background-image:url(../images/banner_bg1.jpg);display:block;}
#banner_img li.item2{background-image:url(../images/banner_bg2.jpg);}
#banner_img li.item3{background-image:url(../images/banner_bg3.jpg);}
#banner_img li.item4{background-image:url(../images/banner_bg4.jpg);}
#banner_img li.item5{background-image:url(../images/banner_bg5.jpg);}
#banner_img li.item6{background-image:url(../images/banner_bg6.jpg);}
#banner_img li.item7{background-image:url(../images/banner_bg7.jpg);}
#banner_img li.item8{background-image:url(../images/banner_bg8.jpg);}
#banner_img .ad_img{position:absolute;right:10px;top:80px;width:506px;height:404px;}
#banner_img .ad_txt{position:absolute;left:10px;top:170px;color:#fff;text-shadow:1px 1px rgba(51, 51, 51, 0.3);}
#banner_img .ad_txt h2{font:bold 36px/60px Microsoft YaHei;}
#banner_img .ad_txt a{display:block;width:100px;height:25px;line-height:25px;text-align:center;margin-top:10px;background:#fff;color:#666;text-decoration:none;text-shadow:none;}
#banner_ctr{position:absolute;width:960px;height:122px;margin-left:-480px;left:50%;bottom:47px;z-index:1;}
#banner_ctr ul{width:960px;height:122px;background:url(../images/serv_ico.png) center no-repeat;font-size:0;line-height:0;position:relative;}
#banner_ctr li{display:block;float:left;width:115px;height:122px;cursor:pointer;}
#banner_ctr li.first-item{background:#fff;width:20px;-webkit-border-radius:20px 0 0 20px;-moz-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px;cursor:default;}
#banner_ctr li.last-item{background:#fff;width:20px;-webkit-border-radius:0 20px 20px 0;-moz-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0;cursor:default;}
#drag_ctr{position:absolute;top:-14px;left:20px;width:115px;height:156px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;bottom:170px;background:#0084cf;}
#drag_arrow{position:absolute;top:-14px;left:20px;width:115px;height:156px;}
#cases{width:1000px;height:340px;clear:both;text-align:left;margin:0 auto;}
.index_9{width:1000px;height:126px;clear:both;display:inline-block;text-align:left;line-height:126px;}
.index_9 h1{display:inline;font-weight:bold;font-size:48px;}
.index_9 h2{display:inline;color:#999;font:48px Arial, Helvetica, sans-serif;text-transform:uppercase;}
.index_9 span{display:inline-block;width:146px;color:#999;line-height:18px;padding-left:20px;}
.index_10{width:1000px;height:214px;clear:both;display:inline-block;text-align:left;}
.index_11{width:245px;height:193px;float:left;display:inline-block;text-align:left;margin-right:5px;}
.index_11 .slide-box{width:229px;height:183px;display:inline-block;text-align:left;background: url(../images/bg-1.png) no-repeat;display:none;position:absolute;padding-left:16px;padding-top:10px;}
.index_11 .slide-box h1{color:#fff;font-weight:bold;font-size:14px;line-height:30px;}
.index_11 .slide-box p{width:210px;color:#bfbfbf;font-size:14px;line-height:20px;}
.index_11 .slide-box a{color:#fff;font-size:14px;display:block;width:102px;height:29px;background:#8fc31f;text-align:center;line-height:29px;text-decoration:none;margin-top:10px;}
.index_12{width:245px;height:154px;clear:both;display:inline-block;text-align:left;}
.index_13{width:245px;height:24px;clear:both;margin-top:6px;display:inline-block;text-align:left;font-size:14px;}
.index_13 a{color:#535353;}
#client{width:100%;height:560px;background:#212121;}
#client .cat_title{width:1000px;margin:0 auto;line-height:126px;}
#client .cat_title h1{display:inline;color:#fff;font-weight:bold;font-size:48px;}
#client .cat_title h2{display:inline;color:#999;font:48px Arial, Helvetica, sans-serif;text-transform:uppercase;}
#client .cat_title span{display:inline-block;color:#999;line-height:18px;padding-left:20px;}
#client ul{width:980px;font-size:0;letter-spacing:-6px;text-align:center;border-top:1px dotted #444;border-left:1px dotted #444;margin:0 auto;}
#client ul li{display:inline-block;zoom:1;*display:inline;position:relative;width:195px;height:120px;letter-spacing:normal;border-bottom:1px dotted #444;border-right:1px dotted #444;}
#client ul li a{display:block;width:100%;height:100%;line-height:120px;}
#client ul li a:before{content:".";margin-left:-5px; font-size:10px;visibility:hidden;}
#client ul li a:hover{background:#333;}
#client ul li.justify_fix{height:0;overflow:hidden;border:none;}
#client ul li img{max-width:180px;max-height:120px;*margin-top:expression((120 - this.height )/2);vertical-align:middle;}
#news{width:100%;overflow:hidden;clear:both;text-align:center;background:#f1f1f1;padding-bottom:29px;}
.index_16{width:1000px;display:inline-block;text-align:left;}
.index_17{width:1000px;height:127px;clear:both;display:inline-block;text-align:left;line-height:126px;}
.index_17 h1{display:inline;font-weight:bold;font-size:48px;}
.index_17 h2{display:inline;color:#999;font:48px Arial, Helvetica, sans-serif;text-transform:uppercase;}
.index_17 span{display:inline-block;color:#999;line-height:18px;padding-left:20px;}
.index_18{width:1000px;height:520px;clear:both;display:inline-block;text-align:left;background:#fff;}
.index_19{width:321px;height:486px;margin-left:17px;margin-top:17px;float:left;display:inline;text-align:left;}
.index_20{width:623px;margin-left:22px;margin-top:38px;float:left;display:inline;text-align:left;}
.index_21{width:623px;height:104px;float:left;display:inline-block;text-align:left;border-bottom:1px dotted #c9c9c9;margin-bottom:15px;}
.index_22{width:89px;height:79px;float:left;display:inline;text-align:center;background:#acd598;color:#fff;font:bold 26px/36px "Times New Roman", Times, serif;padding-top:10px;}
.index_22 span{display:block;fong-size:30px;}
.index_23{width:508px;margin-left:21px;float:left;display:inline;text-align:left;}
.index_24{width:508px;height:26px;clear:both;display:inline-block;text-align:left;font-size:13px;line-height:26px;color:#707070;}
.index_24 a{color:#444;font-weight:bold;font-size:16px;}
.index_25{width:508px;clear:both;display:inline-block;text-align:left;}
.index_25 p{font-size:13px;line-height:20px;color:#707070;text-indent:2em;}
#footer{width:100%;height:455px;clear:both;text-align:center;background: url(../images/footer-x.png) repeat-x;}
.index_27{width:1000px;display:inline-block;text-align:left;background: url(../images/network.png) no-repeat right 80px;}
.index_28{width:1000px;height:50px;clear:both;display:inline-block;text-align:left;position:relative;}
.index_28 ul li{float:left;font-size:14px;line-height:50px;padding-right:25px;}
.index_28 .gotop{position:absolute;right:0px;}
.index_29{width:571px;height:218px;clear:both;display:inline-block;text-align:left;border-bottom:1px dotted #444;}
.index_30{width:177px;margin-top:39px;float:left;display:inline;text-align:left;font-weight:bold;font-size:36px;line-height:44px;}
.index_30 span{color:#333;}
.index_31{width:394px;margin-top:37px;float:left;display:inline;text-align:left;font-size:13px;line-height:22px;}
.index_32{width:1000px;clear:both;margin-top:30px;display:inline-block;text-align:left;}
.index_33{width:177px;float:left;display:inline;text-align:left;font-weight:bold;font-size:36px;line-height:44px;}
.index_33 span{color:#333;display:block;text-indent:1.5em;}
.index_34{width:823px;float:left;display:inline;text-align:left;font-size:13px;line-height:22px;}
