/* header */
header {width: 100%;height: 80px;position: fixed; left:0px; top: 0; z-index: 999; }/* IE6 */
header #navbg {width: 100%;height: 80px;overflow: hidden;text-indent: -9999px;position: absolute;left: 0;top: 0;background: #000;}
header .wrapper {width: 986px;margin: 0 auto;position: relative;}
header .logo {position: absolute;left:0px;top: 0px;}
header .menu {display: block;position: absolute;right: 0;top: 0;font-size: 0;}
header .menu li {float:left;display: inline-block;zoom: 1;width: 135px;height: 78px;}
header .menu li.home {border-left: none;background: url(../images/menu_icons1.png) no-repeat;background-position: 10px 28px;}
header .menu li.about {border-left: none;background: url(../images/menu_icons2.png) no-repeat;background-position: 10px 28px;}
header .menu li.service {border-left: none;background: url(../images/menu_icons3.png) no-repeat;background-position: 10px 28px;}
header .menu li.case {border-left: none;background: url(../images/menu_icons4.png) no-repeat;background-position: 10px 28px;}
header .menu li.client {border-left: none;background: url(../images/menu_icons5.png) no-repeat;background-position: 10px 28px;}
header .menu li a {display: block;height: 40px;padding-left: 40px;margin: 20px 5px 0 5px;font-size: 14px;line-height:24px;color: #fff;text-decoration: none;font-family:"microsoft yahei",Arial, Helvetica, sans-serif;}
header .menu li span {line-height:12px;display: block;color: #999;font-size: 11px;-webkit-text-size-adjust: none;font-family:"microsoft yahei",Arial, Helvetica, sans-serif;}

/* Banner */
#banner {width: 100%;height: 650px; background: #000; overflow: hidden; position:relative; left:0px; top:0px; }/* IE6 */
#banner .wrapper {width: 986px;margin: 0 auto;position: relative;}
#banner_img li {position: absolute;top: 0;left: 0;width: 100%;height: 650px;background-position: center;background-size: cover;}
#banner #banner_img {display: block;position: relative;}
#banner #banner_img .ad_txt {position: absolute;left: 10px;top: 170px;color: #fff;text-shadow: 1px 1px rgba(51,51,51,0.3);}
#banner #banner_img .ad_txt h2 {font: bold 36px/60px Microsoft YaHei;}
#banner #banner_img .ad_txt p{font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;}
#banner #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;font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;	}
#banner_img .ad_img {position: absolute;right: 10px;top: 80px;width: 506px;height: 404px;}/* IE6 */
#banner_ctr{position:absolute;width:960px;height:122px;margin-left:-480px;left:50%;bottom:40px;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; font-size:0px; line-height:0px; text-decoration:none; color:#FFFFFF;}
#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;background:url(../images/drag_banner_arrow.gif) center 14px no-repeat; z-index:100;}

/*cases*/

#gooduoHome .cat_title{overflow:hidden;padding:35px 0;height:64px;}
#gooduoHome .cat_title h2{font-size:46px;font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;color: #666;display: inline-block; float:left;zoom: 1;vertical-align: middle;}/* text-indent:10px; */
#gooduoHome .cat_title strong{font-size:50px;float:none;font-weight:normal;font-family:Verdana;color:#999;vertical-align:top;}/* margin:0 6px; */
#gooduoHome .cat_title p{display: inline-block;zoom: 1;vertical-align: middle;font-size: 12px;color: #999; margin-left: 10px; font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif; float:left; padding-top:15px;}
#gooduoHome .cat_title p span{color:#FFFFFF; font-size:24px; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}
#gooduoHome .cat_title .more {font-size: 24px;position: absolute;right: 10px;top: 50px;color: #39f;text-decoration: none; font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;}
#gooduoHome .cat_title .more:hover{text-decoration:underline;}

#cases{position:relative;height:599px;overflow:hidden;width: 1226px;margin:auto;margin-bottom:50px;}
#cases .wrapper {width: 986px;margin: 0 auto;position: relative;  overflow:hidden;}
#cases ul{display:block;font-size:0;letter-spacing:-6px;text-align:center;width:100%;height:464px; overflow:hidden;}
#cases ul li{display:inline-block;zoom:1;*display:inline;vertical-align:top;position:relative;width:240px;height:152px;overflow:hidden;margin:2px 0 0 2px;letter-spacing:normal;}
#cases ul li img{position:absolute;top:0;left:0;width:240px;height:152px;}
#cases ul li p{display:none;width:210px;height:100%;position:absolute;z-index:1;font-size:12px;text-align:left;padding:0 15px;background:#212121;color:#999;left:0;bottom:0;font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;}
#cases ul li p strong{display:block;font:bold 14px/30px Microsoft YaHei;color:#fff;margin-top:10px}
#cases ul li p a{display:inline-block;zoom:1;*display:inline;font-weight:bold;height:30px;line-height:30px;padding:0 8px;margin-top:8px;}
#cases ul li p a.openurl{width:23px;height:23px;padding:0;background:url(../images/ico_website.png) 0px 0px no-repeat;overflow:hidden;text-indent:-9999px;position:absolute;bottom:5px;right:5px; cursor:pointer;}
#cases ul li p a.openurl:hover{background-position:0 -23px;}

/* 按钮 */

.btn_blue,#filter li a.cur,.category li a.cur{background-color:#4d90fe;background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);background-image:-ms-linear-gradient(top,#4d90fe,#4787ed);background-image:-o-linear-gradient(top,#4d90fe,#4787ed);background-image:linear-gradient(top,#4d90fe,#4787ed);border:1px solid #3079ed;color:#fff; text-decoration:none;}
.btn_blue:hover,#filter li a.cur:hover,.category li a.cur:hover{background-color:#357ae8;background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8);background-image:-moz-linear-gradient(top,#4d90fe,#357ae8);background-image:-ms-linear-gradient(top,#4d90fe,#357ae8);background-image:-o-linear-gradient(top,#4d90fe,#357ae8);background-image:linear-gradient(top,#4d90fe,#357ae8);border:1px solid #2f5bb7;border-image:initial;text-decoration:none}

/* client */
#client {height:560PX;background:#212121;overflow:hidden;}
#client .wrapper {width: 986px;margin: 0 auto;position: relative;  overflow:hidden;}
#client .cat_title h2{color:#fff;}
#client .cat_title a{color:#999;}
#client ul{width:980px;font-size:0;letter-spacing:-6px;text-align:center;border-top:1px dotted #444;}
#client ul li{display:inline-block;zoom:1;*display:inline;position:relative;width:195px;height:120px;overflow:hidden;letter-spacing:normal;border-bottom:1px dotted #444;border-right:1px dotted #444;}
#client ul li a{display:block;width:100%;height:100%;}
#client ul li a:hover{background:#333;}
#client ul li.justify_fix{height:0;overflow:hidden;border:none;}
#client ul li.noborder{border-right:none;}

/*footer*/
footer{clear:both;}
footer .wrapper {width: 986px;margin: 0 auto;position: relative;  overflow:hidden;}

#footerlink{background:#111;height:46px;line-height:46px;border-bottom:1px solid #000;position:relative;}
#footerlink a{color:#999;margin-right:20px;font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif; text-decoration:none;}
#footerlink a:hover{ text-decoration:underline;}
#footerlink a.lab{display:inline-block;zoom:1;*display:inline;padding-left:18px;background:url(../images/lab.png) left center no-repeat;}
#gotop {display:block;width:41px;height:35px;position:absolute;right:0;top:0;overflow:hidden;background:url(../images/top.png) no-repeat;text-indent:-9999px;}
#footerinfo{padding-bottom:20px;background:#181818;border-top:1px solid #292929;font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif; color: #666;}
#footerinfo .wrapper{height:190px;border-bottom:1px dotted #333;}
#footerinfo h2{width:112px;position:absolute;top:20px;left:0;font-size:28px;text-align:right;}
#footerinfo h2 strong{display:block;font-size:28px;color:#333; font-family:Arial, Helvetica, sans-serif;}
#footerinfo .wrapper p{position:absolute;width:520px;top:30px;left:128px;line-height:1.5;}
#footerinfo #qq{display:block;width:92px;height:22px;margin-bottom:8px;overflow:hidden;background:url(../images/qq.png) no-repeat;text-indent:-9999px;background-position:0 -22px;}
#footerinfo #qq:hover{background-position:0 -22px;}
#footerinfo #homemap{position:absolute;top:0;right:10px;}
#footerinfo .links{width:986px;min-height:120px;_height:120px;margin:0 auto;position:relative;}
#footerinfo .links p{position:absolute;width:850px;top:25px;left:128px;line-height:1.8;}
#footerinfo .links p a{color:#444; text-decoration:none;}
#footerinfo .links p a:hover{ text-decoration:underline;}
#footerinfo .links em{display:block;color:#333;line-height:2.8;}