/* design by ynit.net.cn */
/* 2010-6-11 */
*{margin:0px;}
html{Scrollbar-Base-Color:#000; background:url(images2/bg.jpg) center top repeat-x; background-color:#000; margin:auto;}
body{width:952px; font-size:12px; line-height:2.1em; margin:auto; background:url(images2/earth.png) no-repeat center top;}
*html body{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="images2/earth.png";}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{outline:none; blr:expression_r(this.onFocus=this.blur());}
img, div,  button{border:0;}
li{list-style:none;}
h2{font-size:12px; color:#FFF; font-weight:bold; margin:5px 0px 0px 35px; float:left;}/*-- 栏目标题 --*/
h2 a{color:#FFF;}
*html h2{margin:5px 0px 0px 16px;}

hr{width:703px; height:1px;  color:#505050;}

.w952{width:952px;}
.left{width:703px;}/*-- 左边栏 --*/
.right{width:234px;}/*-- 右边栏 --*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.bhh{float:left;}
.hh{float:right;}
.more{width:31px; height:5px; float:right; margin:17px 12px 0px 0px;}




/*---------------------------------- head ----------------------------------*/
.head{height:80px; background:url(images2/head-bg.jpg); border-bottom:1px solid #B9222D; position:relative;}
/*-- flash-logo --*/
.flash-logo{width:290px; height:80px; position:relative;}

/*-- logo+title --*/
.head .title h1{margin:24px 0px 0px 43px;}
.head .title h1 a{width:211px; height:42px; /*background:url(logo.png) no-repeat;*/ display:block; overflow:hidden; text-indent:-400px; font-size:0px;}

/*-- 更换皮肤 ---*/
.head .link{width:280px; right:30px; position:absolute;}
.head .link ul li{color:#6D6C6C; margin:14px 0px 0px 22px; float:right;}

/*-- 导航栏 ---*/
.head .nav{width:659px; position:absolute; bottom:0; right:0;} 
.head .nav ul span{position:absolute; right:0; bottom:0;}
.head .nav ul li{height:38px; float:left;}




/*---------------------------------- 幻灯片 ----------------------------------*/
.huandeng{height:242px; border:1px solid #696969; position:relative;}
.huandeng .new{width:63px; height:61px; background:url(flash/jquery/new.png) no-repeat; position: absolute; right:0; z-index:1;}
#Transparent {width:100%; height:50px; background:#000; border-top:1px solid #FFF; position:absolute; bottom:0; z-index:1;}
#this_pic {position:absolute; width:100%; height:100%;}
.huandeng ul{width:100%; position:absolute; bottom:0; overflow:hidden; z-index:2;} 
.huandeng ul li{width:100px; height:52px; float:left; padding-top:10px;}
.huandeng ul li img {width:65px; height:35px; border:1px solid #FFF; position:absolute; top:18px; margin:0 20px;}




/*---------------------------------- 左边 ----------------------------------*/
/*-- 服务项目(红) --*/
.server{width:454px; height:245px;}
.server .top{height:41px; /*background:url(images2/top-server.png) no-repeat;*/position:relative;}
.server .top span{position:absolute; left:0; z-index:-1;}
.server .nr-red{height:204px; background:url(images2/+.png) no-repeat;}
.server .nr-red ul{width:420px; height:172px; margin:auto;}
.server .nr-red ul li{width:191px; height:86px; color:#7F7F7F; float:left; margin:5px 0px 10px 15px; overflow:hidden; line-height:1.8em;}
*html .server .nr-red ul li{margin:8px 0px 10px 9px; line-height:1.8em;}
.server .nr-red ul li a{color:#B34141; font-weight:bold; text-decoration:none;}
.server .nr-red ul li a:hover{color:#FF0000; text-decoration:underline;}
/*-- 服务项目(蓝) --*/
.server .nr-blue{height:204px; background:url(images2/+.png) no-repeat;}
.server .nr-blue ul{width:420px; height:172px; margin:auto;}
.server .nr-blue ul li{width:191px; height:86px; color:#7F7F7F; float:left; margin:5px 0px 10px 15px; overflow:hidden; line-height:1.8em;}
*html .server .nr-blue ul li{margin:8px 0px 10px 9px; line-height:1.8em;}
.server .nr-blue ul li a{color:#0392F6; font-weight:bold; text-decoration:none;}
.server .nr-blue ul li a:hover{color:#FF6600; text-decoration:underline;}




/*-- 金拓团队(红) --*/
.team-red{width:234px; height:245px; margin-left:15px;}
.team-red .top{height:41px; /*background:url(images2/top-1.png) no-repeat;*/position:relative;}
.team-red .top span{position:absolute; left:0; z-index:-1;}
.team-red dl{height:204px; background:url(images2/nr-bg.png) no-repeat;}
*html .team-red dl{background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="images2/nr-bg.png"}
.team-red dl dd{width:209px; height:68px; margin-left:12px;}
.team-red dl dt{width:209px; height:110px; margin:auto; overflow:hidden; margin-top:12px; border-top:1px solid #CCC; border-top-style:dotted;}
.team-red dl dt a{color:#C7C7C7;}
.team-red dl dt a:hover{text-decoration: underline;}
/*-- 金拓团队(蓝) --*/
.team-blue{width:234px; height:245px;}
.team-blue .top{height:41px; /*background:url(images2/top-1.png) no-repeat;*/position:relative;}
.team-blue .top span{position:absolute; left:0; z-index:-1;}
.team-blue dl{height:204px; background:url(images2/nr-bg.png) no-repeat;}
*html .team-blue dl{background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="images2/nr-bg.png"}
.team-blue dl dd{width:209px; height:68px; margin-left:12px;}
.team-blue dl dt{width:209px; height:110px; margin:auto; color:#C7C7C7; overflow:hidden; margin-top:12px; border-top:1px solid #CCC; border-top-style:dotted;}
.team-blue dl dt a{color:#0392F6;}
.team-blue dl dt a:hover{text-decoration:none;}




/*-- 网站建设案例(红) --*/
.case-red{width:703px; height:245px;}
.case-red .top{height:41px; /*background:url(images2/top-2.png) no-repeat;*/position:relative;}
.case-red .top span{position:absolute; left:0; z-index:-1;}
.case-red .nr{height:204px; overflow:hidden;}
.case-red .nr .menu{color:#999; margin:0px 0px 0px 10px;}
.case-red .nr .menu a{color:#999;}
.case-red .nr dl{width:341px; height:85px; float:left;}
.case-red .nr dl dd{width:117px; height:85px; background:url(images2/case-bg.png) no-repeat; float:left; margin-right:20px;}
*html .case-red .nr dl dd{background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="images2/case-bg.png";}
.case-red .nr dl dd a img{width:96px; height:65px; margin:8px 0px 0px 8px;}
.case-red .nr dl dd a:hover img{width:94px; height:63px; border:1px solid #FFF;}
.case-red .nr dl dt{width:200px; color:#7F7F7F; line-height:1.6em;}
.case-red .nr dl dt a{color:#FF6600; text-decoration:underline; font-weight:bold;}
.case-red .nr dl dt a:hover{color:#FF0000;}
/*-- 网站建设案例(蓝) --*/
.case-blue{width:703px; height:245px;}
.case-blue .top{height:41px; /*background:url(images2/top-2.png) no-repeat;*/position:relative;}
.case-blue .top span{position:absolute; left:0; z-index:-1;}
.case-blue .nr{height:204px;}
.case-blue .nr .menu{color:#999; margin:0px 0px 0px 10px;}
.case-blue .nr .menu a{color:#999;}
.case-blue .nr dl{width:341px; height:85px; float:left;}
.case-blue .nr dl dd{width:117px; height:85px; background:url(images2/case-bg.png) no-repeat; float:left; margin-right:20px;}
*html .case-blue .nr dl dd{background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="images2/case-bg.png";}
.case-blue .nr dl dd a img{width:96px; height:65px; margin:8px 0px 0px 8px;}
.case-blue .nr dl dd a:hover img{width:94px; height:63px; border:1px solid #FFF;}
.case-blue .nr dl dt{width:200px; color:#7F7F7F; line-height:1.6em;}
.case-blue .nr dl dt a{color:#0071C0; text-decoration:underline; font-weight:bold;}
.case-blue .nr dl dt a:hover{color:#FF6600;}




/*-- 推荐客户 --*/
.push{width:703px; height:145px; margin-top:10px;}
*html .push{margin-top:4px;}
.push .top{height:41px; /*background:url(images2/top-2.png) no-repeat;*/position:relative;}
.push .top span{position:absolute; left:0; z-index:-1;}
.push .nr{margin-top:20px; height:84px;}



/*---------------------------------- 右边 ----------------------------------*/
/*-- 最新项目 --*/
.new-case{width:234px; height:245px; float:right;}
.new-case .top{height:41px; /*background:url(images2/top-1.png) no-repeat;*/position:relative;}
.new-case .top span{position:absolute; left:0; z-index:-1;}
.new-case .nr{height:204px; background:url(images2/nr-bg.png) no-repeat;}
.new-case .nr a{color:#C7C7C7;}
.new-case .nr ul{width:214px; height:157px; overflow:hidden; margin:5px 0px 0px 10px;}
.new-case .nr ul li{border-bottom:1px solid #CCC; border-bottom-style: dotted;}




/*-- 服务套餐 --*/
.Meal{width:234px; height:245px; float:right;}
.Meal .top{height:41px; /*background:url(images2/top-1.png) no-repeat;*/position:relative;}
.Meal .top span{position:absolute; left:0; z-index:-1;}
.Meal .nr{height:204px; background:url(images2/nr-bg.png) no-repeat;}
.Meal .nr dl{width:216px; height:65px; background:url(images2/taocan-bg.png) no-repeat; margin:auto; margin-top:2px;}
*html .Meal .nr dl{background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="images2/taocan-bg.png";}
.Meal .nr dl dd{margin:6px 0px 0px 11px; color:#FFF; float:left; text-align:right;}
.Meal .nr dl dd img{margin-right:20px;}
.Meal .nr dl dt{margin:10px 10px 0px 0px; line-height:1em; float:right;}




/*-- 联系方式 --*/
.call{width:234px; height:145px; float:right;}
.call .top{height:41px; /*background:url(images2/top-1.png) no-repeat;*/position:relative;}
.call .top span{position:absolute; left:0; z-index:-1;}
.call .nr{height:104px; background:url(images2/nr-bg2.png) no-repeat;}
.call .nr dl{width:204px; margin:auto;}
.call .nr dl dd{width:117px; height:71px; color:#C7C7C7;}
.call .nr dl dt{margin:10px 5px 0px 0px;}
*html .call .nr dl dt{margin:10px 5px 0px 0px; line-height:1em;}




/*---------------------------------- 友情链接 ----------------------------------*/
.rlink{height:46px; background:url(images2/rlink-bg.jpg) no-repeat; overflow:hidden;}
*html .rlink{background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="images2/rlink-bg.jpg";}
.rlink ul{margin:10px 0px 0px 10px;}
.rlink ul li{color:#939292; float:left; margin-left:10px; line-height:2.4em}
.rlink ul li a{color:#939292;}
.rlink ul li a:hover{color:#FFF;}




/*---------------------------------- footer ----------------------------------*/
.footer{width:952px; background:url(images2/footer-bg.png) no-repeat; text-align:center; color:#939292; line-height:2.5em;}
.footer a{color:#939292;}
