@charset "utf-8";
/*--------------------------------------------------------------
	Basic CSS Document (for IE8)
	version:1.1
	Author:Giwork
	Email:Service@giwork.com
	Website:http://www.giwork.com/
--------------------------------------------------------------*/

body{margin:0; padding:0; background:#fff url(../images/bg.gif) repeat-x; color:#000; font:12px "宋体"; line-height: 160%;}

/* --------------------1、通用属性 */
a{color: #000; text-decoration:none;}
a:hover { color:#960; text-decoration:none;}

h1,h2,h3,h4,ul,img{margin:0; float:left; padding:0; font-size:12px; font-weight:normal;}
h2 a{color: #fff;}
h2 a:hover{color: #fc0;}

h3{color:#666}
h3 a{color: #666;}
h3 a:hover{color: #960; text-decoration: underline;}

h4{color: #960; text-align:right; width:180px; padding-top:8px;}
h4 a{color: #960;}
h4 a:hover{color: #960; text-decoration: underline;}

ul{margin:0; padding:0; list-style:none;}
img{border:none;}

p{margin:0; float:left; padding:0 10px 5px 10px;}
em{font-style:normal; color:#f00; font-weight:normal;}

/* --------------------2、网页容器 */
.container{margin:auto; padding-top:10px; width:960px; background:#fff; overflow:hidden;}
.mainContainer{float:left; width:710px; overflow:hidden;}
.subContainer{float:left; width:240px; overflow:hidden;}

.contents{border-left:1px #ccc solid; border-right:1px #ccc solid;}
.subWidth{ width:236px;}
.mainWidth{ width:706px;}

.mainContents{float:left; width:460px; overflow:hidden;}
.mainContents_w{float:left; width:710px; overflow:hidden;}
.subContents{float:left; width:240px; margin-right:10px;}
.midContents{float:left; width:350px; overflow:hidden;}

.margin_r{ margin:0 10px 0 0;}
.margin_l{ margin:0 0 0 10px;}

/* --------------------3、网页头部 */
#head{margin:auto; width:960px; height:200px; background:#cc9933 url(../images/head.jpg) no-repeat; border-bottom:1px #fff solid;}
#logo{float:left; padding:68px 0 0 69px;}

#menu{margin:auto; width:960px; height:35px; background:#990000 url(../images/menu_bg2.gif) repeat-x; overflow:hidden;}	
#menu ul{float:left; width:910px; padding-left:50px; background: url(../images/menu_bg1.gif) no-repeat; font-size:14px; color:#fff;}
#menu ul li{float:left; border-right:1px #fff solid; margin:10px 18px 0 0;}
#menu ul li a{float:left; color:#fff; padding-right:18px; line-height:16px;}
#menu ul li a:hover{color:#fc0;}
#menu ul li.noborder{border:none; width:80px; margin-right:0; }
#menu ul li.line{ float:right; background: url(../images/menu_bg3.gif) no-repeat; margin:0; height:35px; width:16px; border:none;}

#searchbar{margin:auto; width:960px; height:28px; padding-top:4px; background: url(../images/search_bg.gif) repeat-x; overflow:hidden;}
#searchbar #sbox{ float:right; background: url(../images/zoom.gif) no-repeat; padding:1px 0 0 32px; width:300px; height:24px;}
#searchbar #sbox input.search{ float:left; margin-right:8px; width:180px;}
#searchbar p{ padding:4px 0 0 30px; width:500px;}



/* --------------------5、边框背景 */
.titlebar{float:left; height:32px; background: url(../images/title_bg2.gif) repeat-x; text-align:center; color:#fff; width:100%;}
.titlebar p{width:115px; height:24px; padding:8px 30px 0 0; background: url(../images/link_bg.gif) no-repeat; color:#000; font-size:14px;}
.titlebar h2{width:125px; height:27px; padding:5px 0 0 20px; background: url(../images/title_bg1.gif) no-repeat;}
.titlebar h3{float:right; height:27px; width:68px; padding:5px 10px 0 0; background: url(../images/title_bg3.gif) no-repeat right;}
.titlebar h4{text-align:left; width:400px;}
.titlebar2{float:left; height:24px; padding:8px 0 0 30px; background: url(../images/title_bg.gif) no-repeat; color:#fff; width:210px;}

.bottomline{float:left; height:22px; background: url(../images/bottom_bg2.gif) repeat-x; width:100%;}
.bottomline h2{background: url(../images/bottom_bg1.gif) no-repeat; width:12px; height:12px;}
.bottomline h3{float:right; background: url(../images/bottom_bg3.gif) no-repeat; width:12px; height:12px;}

/* --------------------6、网页列表 */
dl{float:left; padding:1px; margin:0; height:448px;}
dl dt{font-weight:bold; background:#efefef url(../images/arrow.gif) no-repeat; padding:6px 0 2px 32px;}
dd{margin-left:32px; border-bottom:1px #efefef solid; padding:2px 5px; width:180px;}
dd.noborder{ border:none;}

ul.list{float:left; padding:8px 0 0 10px; width:228px; height:312px;}
ul.list li{float:left; padding:2px 0 0 5px; width:200px; border-bottom:1px #efefef solid;}
ul.list li.noborder{ border:none; padding:0;}

ul.list2{float:left; padding:8px 0 10px 10px; width:338px;}
ul.list2 li{float:left; padding:2px 0 0 5px; width:310px; border-bottom:1px #efefef solid;}
ul.list2 li h3{float:right; padding:2px 0 0 5px; width:50px; color:#960;}
ul.list2 li.noborder{ border:none; padding:0;}

ul.product {float:left; padding:8px 0 0 10px; width:698px;}
ul.product li{float:left; padding:2px 0 0 5px; width:132px;}
ul.product li h3{float:left; text-align:center; width:122px;}
ul.product img{float:left; padding:2px; border:1px #ccc solid; width:118px; height:94px; margin:0 10px 5px 0;}

ul.product2 {float:left; padding:8px 0 0 20px; width:688px;}
ul.product2 li{float:left; padding:2px 0 0 10px; width:215px;}
ul.product2 li h3{float:left; text-align:center; width:180px;}
ul.product2 img{float:left; padding:2px; border:1px #ccc solid; width:165px; height:146px; margin:0 10px 5px 0;}

ul.case {float:left; padding:10px 0 0 10px; width:228px;}
ul.case li{float:left; padding:11px 0 10px 16px; width:198px; border-bottom:1px #efefef solid; }
ul.case li.noborder{ border:none;}
ul.case li h3{float:left; text-align:center; width:180px;}
ul.case img{float:left; padding:2px; border:1px #ccc solid; width:176px; height:113px; margin-bottom: 8px;}

ul.server {float:left; padding:5px 0 0 10px; width:228px;}
ul.server li{float:left; padding:5px 0 25px 0; width:228px; background: url(../images/arrow_down.gif) no-repeat bottom center;}
ul.server li.nopic{ background:none; padding:5px 0 0 0;}
ul.server h1{ font-size:14px; width:148px; padding-top:5px;}
ul.server li h3{ color:#960; width:148px; line-height:16px; padding-top:1px;}
ul.server li h4{padding:10px 20px 10px 0; border-top:1px #efefef solid; width:188px;}
ul.server img{float:left; width:64px; height:64px; margin:0 3px 8px 0;}

ul.link{float:left; padding:10px 0 5px 30px; width:678px;}
ul.link li{float:left; margin-bottom:2px; width:108px;}

ul.linkq{float:left; padding:16px 0 0 70px; width:870px; height:96px; background: url(../images/linkq_bg1.gif) no-repeat;}
ul.linkq li{float:left; margin-bottom:2px; width:143px;}

/* --------------------6、网页链接 */
#linkq{float:left; width:960px; background: url(../images/linkq_bg2.gif) repeat-x; margin-bottom:10px;}
#linkq #r_bg{float:right; height:112px; width:16px; background: url(../images/linkq_bg3.gif) no-repeat right;}

#contact{float:left; padding:10px 0 12px 16px; width:222px;}
#contact p{ border-bottom:1px #efefef solid; padding-bottom:10px;}

/* --------------------8、网页底部 */
#foot{margin:auto; width:960px; background:url(../images/foot.gif) repeat-x; height:168px; text-align:center;}
#secNav{float:left; padding-top:8px; height:58px; width:960px;}

#siteInfo{float:left; width:960px; color:#fc0; height:68px;}
#siteInfo h3{width:960px;}

/* --------------------9、详细页面 */
#main{float:left; padding:10px 0 30px 30px; width:600px;}

#title{float:left; width:650px; text-align:center; margin-bottom:10px; overflow:hidden;}
#title h1{font-size:14px; font-weight:bold; width:650px; padding:40px 0 10px 0;  border-bottom:3px #960 solid;}
#title h3{width:650px; padding:10px 0; color:#000;}

#content{float:left; width:600px; padding-bottom:30px;}
#content p{float:left; font-size:14px; text-indent:28px; padding:5px 20px; width:600px; line-height:22px;}
#content p img{float:left; padding:2px;  border:1px #ccc solid;  max-width:550px; margin:0 10px 20px 10px;}
#content a:link{ color:blue; text-decoration:underline;}
#content a:visited{color:blue;text-decoration:underline;}
#content a:hover{color:blue;text-decoration:underline;}
#content a:active{color:blue;text-decoration:underline;}
#anli{float:left; width:600px; padding-bottom:30px;}
#anli p{float:left; font-size:14px; text-indent:28px; padding:5px 20px; width:600px; line-height:22px;}
#anli p img{float:left; padding:2px;  border:1px #ccc solid; _width:550px; max-width:550px; margin:0 10px 20px 10px;}

#nav{padding-top:10px;width:650px; height:98px; border-top:1px #ccc solid;}
#nav p{ font-size:14px; width:600px; padding:5px 0 0 20px;}
#main #list{ width:600px;}
#main #list h4{width:600px; float:inherit; height:35px; line-height:35px; padding-left:18px; position:relative;  text-align:left;background:url(../images/ti.jpg) no-repeat left center}
#main #list h4 span{position:absolute; right:0; top:6px;}
#main #list h4 a{ display:block; border-bottom:dotted 1px #999; color: #000}

#li{ position:relative;}
#li img{float:left; width:142px; border:0; margin:5px;}
#li h4{position:relative; float:inherit; text-align:left;margin:10px; width:400px; }
#li p{ line-height:20px; text-indent:2em;}
.k_pagelist {
 float:left;
 display:table;
 clear:both;
 line-height:30px;
 width: 250px;
 text-align: left;
}
.k_pagelist em {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;background:#F5F9FE;color:#14316B;font-weight:bold;font-style:normal;}
.k_pagelist strong {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;color:#009900;}
.k_pagelist a {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;}


#main #cases{ margin:0; padding:0; width:600px; height:300px;}
#main #cases dt{ margin:10px 0;}
#main #cases dd{ margin:10px 0 0 10px; padding:0; float:left; text-align:center; vertical-align:middle;}
#main #cases dd a img{ padding:5px;border:0; width:154px; height:99px;}

/* --------------------4、动态展示 */
#focus{float:left; background: url(../images/player_bg2.gif) repeat-x; width:460px; height:365px; }
#focus #focus_panel1{float:left; background: url(../images/player_bg1.gif) no-repeat; padding:12px 0 0 12px; width:435px; height:353px;}
#focus #focus_panel2{float:right; background: url(../images/player_bg3.gif) no-repeat; height:365px; width:12px;}

#player{float:left; width:435px; height:215px; overflow:hidden;}
#descripter{float:left; width:435px; padding-top:28px; overflow:hidden;}
#descripter p{float:left; font-weight:bold; padding-bottom:2px;}
#descripter p{float:left; width:435px; padding:0; text-indent:24px;}

#banner{float:left; margin:10px 0; width:460px; height:118px; background:#CC0}

/* JS转换效果样式 */
.pic{ position:relative; float:left; width:435px; height:202px;}
#picture{ position:relative; width:332px; height:212px;}
#picture a img{ width:331px; height:213px;}
#button{ position: absolute; right:-10px; top:0px; width:93px;height:212px; overflow: hidden;}
#button li{  margin:0px 0 5px; height:68px; }
#button li a img{ width:76px; height:48px; margin:0; padding:0;}
#text{position:absolute;top:240px; left:10px;width:300px; line-height:24px; text-align:center; height:24px;}
#text label h3{ position:absolute; left:5px; top:0px; width:400px;}
#text label h3 a{font-size: medium; font-weight:bold; }
#text label p{ position:absolute;top:25px; left:0px; width:400px;text-align:left; text-indent:2em; line-height:18px; font-size:12px;}
#button a:link,#button a:visited,#button a:hover,#button a:active{ display:block; float:left;color:#fff; border:1px #fff groove; margin-left:3px; background:#323931;}
#button a:hover,#button a.on:hover,#button a.on:link,#button a.on:visited,#button a.on:active{border:2px solid #FF0000; }