@charset "utf-8";
/*
  [CSS Giants](C)2006-2008 TriTigerMedia Inc
  Author @ msn:liujian@xiaoyemen.com
  $Id: V1.0 2008/08/06 17:05:00 to 2008/08/06 17:08:00 by Jensen $
*/
*{margin:0;padding:0}
html{font-size:63%}
body,input,select{color:#333;font:1.1em Verdana, Arial, Helvetica, sans-serif}/*定义通用的字体与颜色*/
body{background:url(../images/index_bg.jpg) top center no-repeat; background-color:#131418;}
ul,li{list-style:none}
img{border:0}
a{text-decoration:none}
a:hover{text-decoration:underline}
#container{width:100%;margin:0 auto; }
#header{}
#header h1{float:left; width:30%;background:url(../images/logo.png) center left no-repeat; padding:20px 0;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/logo.png',sizingMethod='crop');}
#header h1 a{display:block;width:300px;height:40px;text-indent: -9999px;}
#quickSummary{float:left;height:100px;width:50px;background:url(../images/1b.png) center left no-repeat;border-left: 2px solid #000000;}
#nav{ float:right; padding:46px 20px 0 0;}
#nav li{float:left; margin-right:20px;}
#nav a{display:block;text-indent: -9999px;}
#nav .navindex a{ height:12px; width:47px;}
#nav .navindex a{background:url(../images/home_h.png) top left;}
#nav .navindex a:hover{background:url(../images/home_h.png) bottom left;}
#nav .navabout-us a{height:12px; width:76px;}
#nav .navabout-us a{background:url(../images/about-us_h.png) top left;}
#nav .navabout-us a:hover{background:url(../images/about-us_h.png) bottom left;}
#nav .navservices a{height:12px; width:69px;}
#nav .navservices a{ background:url(../images/services_h.png) top left;}
#nav .navservices a:hover{background:url(../images/services_h.png) bottom left;}
#nav .navportfolio a{ height:12px; width:85px;}
#nav .navportfolio a{background:url(../images/portfolio_h.png) top left;;}
#nav .navportfolio a:hover{background:url(../images/portfolio_h.png) bottom left;}
#nav .navcontact-us a{height:12px; width:94px;}
#nav .navcontact-us a{background:url(../images/contact-us_h.png) top left;;}
#nav .navcontact-us a:hover{background:url(../images/contact-us_h.png) bottom left;}#contentContainer{float:left;width:100%;}
#contentWrap{float:left;width:68%;border-left:2px solid #000000; min-height:500px;}
#path{padding:10px; display:none;}
#content{ width:94%;}
#content h2{width:30%;text-align:lfet;border-bottom: 1px dashed #000000; margin:5px 0 30px 0; padding-left:30px;font-family:Arial Black; font-size:14px; font-weight:normal;}
#c{height:400px; width:600px; margin-left:20px;}
#content p{text-align:justify; margin:10px 0 5px 0;}
#content ul{}
#content li{ float:left; width:138px; height:142px; background:url(../images/pro_bg.png) top left no-repeat; padding:3px; margin-right:7px}
#span4{float:left; width:618px; height:18px; background:url(../images/t1.png) top left no-repeat;}
#span5{float:left; width:618px; height:18px; background:url(../images/t2.png) top left no-repeat;}
.clear{ clear:both;}
#content_inside{position:relative; display:inline;float:left;width:630px;margin-left:35px;padding:7px}
#tl{position:absolute;top:0;left:0;width:17px; height:17px; background:url(../images/tl.png)}
#tr{position:absolute;top:0;right:0;width:17px; height:17px; background:url(../images/tr.png);}
#bl{position:absolute;bottom:0;left:0;width:17px; height:17px; background:url(../images/bl.png);}
#br{position:absolute;bottom:0;right:0;width:17px; height:17px; background:url(../images/br.png);}
#con{position:relative;float:left;width:100%; background:url(../images/content_bg.png)}
#content_real{ margin:10px;line-height:20px;}
#content_real ul li a{position:relative;display:block;float:left;padding:10px;text-align:center;font-size:12px;}
#content_real ul li a h5{display:none;text-decoration: none;}
#content_real ul li a:hover h5{display:block;position:absolute;bottom:0;left:0;color:#000;text-decoration: none;width:118px; margin:0 10px 10px 10px;background:url(../images/content_bg.png)}
#content_real ul li  a img {}
#sideWrap{display:none}
#sideNav{float:left;width:30%; height:500px; background:url(../images/tritiger.png) top left no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/tritiger.png',sizingMethod='crop')}
/*border-right:2px solid #000000;*/
.span1{ float:right; display:block; height:60px; width:35px; margin-right:10px; background:url(../images/1a.png) top right no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/1a.png',sizingMethod='crop')}
.span2{ clear:both; float:right; display:block; height:19px; width:54px; background:url(../images/one.png) top right no-repeat;_background:none;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/one.png',sizingMethod='crop')}
.span3{ clear:both; float:right; display:block; height:361px; width:54px;  margin-right:3px; background:url(../images/about.png) top right no-repeat; margin-top:20px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/about.png',sizingMethod='crop')}
#sideMenu{}
#sideMenu h2{padding:10px 0;text-align:center}
#sideMenu ul{padding:10px}
#sideMenu li{}
#quickContact{}
#footer{clear:both;}
#footerNav{ float:left;width:30%; height:142px; border-right:2px solid #000000;}
#copyright{ float:right; width:40%; text-align:right; margin-right:50px;}
#power{ display:none;}
#power a{}
#services #quickSummary{float:left;height:100px;width:50px;background:url(../images/2b.png) center left no-repeat;border-left: 2px solid #000000;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/2b.png',sizingMethod='crop')}
#services .span1{ float:right; display:block; height:60px; width:45px; margin-right:10px; background:url(../images/2a.png) top right no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/2a.png',sizingMethod='crop')}
#services .span2{ clear:both; float:right; display:block; height:19px; width:54px; background:url(../images/two.png) top right no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/two.png',sizingMethod='crop')}
#services .span3{ clear:both; float:right; display:block; height:361px; width:54px;margin-right:3px; background:url(../images/services.png) top right no-repeat; margin-top:20px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/services.png',sizingMethod='crop')}
#portfolio #quickSummary{float:left;height:100px;width:50px;background:url(../images/3b.png) center left no-repeat;border-left: 2px solid #000000;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/3b.png',sizingMethod='crop')}
#portfolio .span1{ float:right; display:block; height:61px; width:44px; margin-right:10px; background:url(../images/3a.png) top right no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/3a.png',sizingMethod='crop')}
#portfolio .span2{ clear:both; float:right; display:block; height:19px; width:54px; background:url(../images/three.png) top right no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/three.png',sizingMethod='crop')}
#portfolio .span3{ clear:both; float:right; display:block; height:410px; width:54px;margin-right:3px; background:url(../images/portfolio.png) top right no-repeat; margin-top:20px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/portfolio.png',sizingMethod='crop')}
#contact-us #quickSummary{float:left;height:100px;width:50px;background:url(../images/4b.png) center left no-repeat;border-left: 2px solid #000000;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/4b.png',sizingMethod='crop')}
#contact-us .span1{ float:right; display:block; height:60px; width:45px; margin-right:10px; background:url(../images/4a.png) top right no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/4a.png',sizingMethod='crop')}
#contact-us .span2{ clear:both; float:right; display:block; height:19px; width:54px; background:url(../images/four.png) top right no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/four.png',sizingMethod='crop')}
#contact-us .span3{ clear:both; float:right; display:block; height:441px; width:54px;margin-right:3px; background:url(../images/contact-us.png) top right no-repeat; margin-top:20px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='s-template/default/images/contact-us.png',sizingMethod='crop')}
#map{ float:left;}
#cont{ float:left; margin:90px 0 0 20px;}