/*header style*/
.topwrapwrap{width:100%;background:url("http://www.e-works.net.cn/imageshome/topbg.jpg") repeat-x;border-bottom:1px solid #7F7F7F;}
.topwrap{width:980px;height:38px;line-height:38px;padding:0px 0px;font-size:14px;color:#7D8184;overflow:hidden;}
.qlink{width:534px;}
.qlink a{padding-right:21px;}
.qlink a:link,.qlink a:visited{color:#5E5E5E;}
.qlink a:hover{color:#f60;}
#foot {width:980px;margin:20px auto 45px;text-align:center;}
#foot a:link,#foot a:visited{color:#000;}
#foot a:hover{color:#5F99DA;}
.tl			{text-align:left;}
.tc			{text-align:center;}
.tr			{text-align:right;}
.mag		{margin:0px auto;}
.fl		    {float: left;}
.fr			{float: right;}
.clear             {clear:both;}
.clearfix:after    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix          {display: inline-block;}      
/* Hides from IE-mac \*/
* html .clearfix   {height: 1%;}
.clearfix          {display: block;}
/*header style end*/

/* general reset */
body{
font:12px/20px  Arial,Helvetica, sans-serif;
color:#5d5d5d;
background:#e8e8e8;
height:100%;
margin:0;padding:0;min-width:980px;
}
/* general setings */
dl,dt,dd,h2,h3{margin:0px;padding:0px;}
a{
color:#5d5d5d;
text-decoration:none;
}
a:hover{text-decoration:underline;color:#fe9b00;}
/* wrapper */
#wrapper {width:960px;background:#fff;margin:0 auto;}
* html #wrapper {height: 100%;}
#main{padding:10px;width:940px;}
/*header start*/
#header{
padding:32px 0 17px;
font:13px/15px Arial, Helvetica, sans-serif;
border-bottom:1px solid #c0c0c0;
margin-bottom:18px;
}
#header .mail{
text-align:right;
position:relative;
}
#header .mail a{color:#999898;}
#header .row{width:100%;overflow:hidden;margin-top:-11px;}
.logo{float:left;overflow:hidden;text-indent:-9999px;background:url(../images/logo.gif) no-repeat;width:218px;height:103px;}
.logo a{display:block;height:100%;}
#nav{float:right;padding:45px 0 0;}
#nav li{float:left;margin-left:67px;display:inline;font:bold 12px/15px Arial, Helvetica, sans-serif;text-transform:uppercase;
}
#nav li a:hover,#nav li.active a{text-decoration:none;color:#090909;}
/*header end*/
/*promo start*/
.promo{width:100%;background:url(../images/top.jpg) no-repeat center;height:300px;}
.promo img{display:block;}
.promo .view{position:absolute;background:#090909;width:422px;text-transform:uppercase;font:bold 15px/44px Arial, Helvetica, sans-serif;color:#999898;top:290px;left:35px;padding:0 8px 0 13px;overflow:hidden;}
.promo .view a{float:right;background:url(../images/arrow-orange.gif) no-repeat 100% 19px;padding-right:16px;}
/*promo end*/
/*main start*/
.mt15{margin-top:15px;}
.fwb{font-weight:bold;}
.three-cols{width:980x;overflow:hidden;padding-bottom:23px;border-bottom:1px solid #c0c0c0;margin-bottom:19px;}
.three-cols .col{float:left;width:283px;margin-right:56px;display:inline;}
.two-title{color:#333;border-top:2px solid #E4E4E4;height:60px;}
.title2		{font-weight:bold;font-family: "Microsoft Yahei";font-size:20px;line-height:60px;background:url(../images/titbg.gif) repeat-x;padding-left:20px;}
.title		{font-family: "Microsoft Yahei";font-size:22px;text-align:center;padding:8px 0 8px 0px;}
.three-cols .col .more{background:url(../images/small-arrow.gif) no-repeat 0 50%;padding-left:23px;font-weight:bold;text-transform:uppercase;}
.three-cols .col p{margin-bottom:5px;}
.three-cols .list li{background:url(../images/sep02.gif) no-repeat 0 3px;line-height:14px;padding:2px 0 14px 29px;}
.three-cols q{display:block;margin-bottom:19px;}
.three-cols cite{color:#090909;}
.portfolio{padding-bottom:40px;border-bottom:1px solid #c0c0c0;margin-bottom:25px;	}
.portfolio h2{
text-transform:uppercase;font:bold 18px/18px Arial, Helvetica, sans-serif;color:#090909;padding:0 0 18px 30px;background:url(../images/arrow.gif) no-repeat 0 7px;}
.portfolio ul{width:994px;overflow:hidden;}
.portfolio ul li{float:left;margin-right:33px;position:relative;}
.portfolio ul li img{display:block;}
.portfolio .view{position:absolute;bottom:0;right:0;padding:0 20px 0 10px;color:#090909;font:bold 12px/21px Arial, Helvetica, sans-serif;background:#fe9b00 url(../images/orang-arrow.gif) no-repeat 100% 6px;text-transform:uppercase;}
* html .portfolio .view{bottom:-1px;right:-1px;}
.block{width:100%;overflow:hidden;}
.block h3{background:url(../images/small-arrow.gif) no-repeat 0 4px;padding:0 0 21px 23px;font:bold 12px/14px Arial, Helvetica, sans-serif;color:#090909;text-transform:uppercase;}
.block .social{float:right;width:219px;margin-left:82px;}
.social ul{width:100%;overflow:hidden;}
.social li{float:left;margin-right:14px;}
.social li img{display:block;}
.block .text{height:1%;overflow:hidden;}
/*main end*/
/*wrapper end*/
/*footer start*/
#footer{background:#2691A8;position:relative;width: 100%;height:90px;text-align:center;line-height:26px;padding-top:20px;color:#fff;font-size:14px;}
#footer .nav{height:1%;overflow:hidden;padding:10px 0 0;}
#footer .nav li{float:left;background:url(../images/sep01.gif) no-repeat 0 50%;padding:0 6px 0 9px;margin:0 9px 0 -9px;line-height:18px;display:inline;}
#footer a:link,#footer a:visited{color:#fff;}
#footer a:hover{color:#fff;}
/*footer end*/
.zs{width:427px;padding:15px 498px 35px 15px;font-size:14px;line-height:25px;text-align:Justify;text-justify:inter-ideograph;background:#707C93 url(../images/zsbj.jpg) no-repeat;color:#C2D2E8;}
.zs h2{font-size:30px;text-align:center;font-family: "Microsoft Yahei";color:#fff;padding-top:35px;}
.zs p{text-indent:25px;}
.zs a:link,.zs a:visited {color:#C2D2E8;}
.zs a:hover {color:#fff;text-decoration:none;}
.report{width:300px;float:right;}
.report a{margin-bottom:2px;}
.colusdl dl{width:464px;font-size:14px;float:left;margin-right:10px;display:block;margin-bottom:15px;}
.colusdl dl dt{color:#1A469B;padding:8px 0 8px 36px;border-top:2px solid #6F89A8;background:url(../images/arrow.gif);margin-bottom:10px;}
.colusdl dl dd{background:#E8EBF2;font-size:14px;text-align:Justify;text-justify:inter-ideograph;padding:10px;}

.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.pr10{padding-right:10px;}
.fz14{font-size:14px;}
.sectionl{width:630px;}
.case dl{padding:7px 0px 0px;clear:both;margin:0px 0px 8px;}
.case dl dt{float:left;padding:3px 3px 0px;width:158px;text-align:center;height:114px;overflow:hidden;}
.case dl dd{float:left;width:426px;font-size:12px;padding:5px 5px 5px 15px;text-align:Justify;text-justify:inter-ideograph;}
.case dl dd h2{font-size:14px;}

.bg1{background:#BCE1EF;}
.implementation dl{padding:0px 10px 15px;clear:both;}
.implementation dl dt{float:left;width:203px;text-align:center;font-size:14px;background:url(../images/prol.jpg) center center;height:123px;line-height:123px;color:#fff;}
.implementation dl dd{float:left;margin-top:8px;width:602px;font-size:14px;padding:10px 10px 18px;background:#F6E9D9;}
.fangtan{padding:15px;}
.fangtan dl{margin:0px 0px 0px;float:left;width:370px;color:#C2D8E7;}
.fangtan dl.tit{width:160px;}
.fangtan dl dt{float:left;width:120px;text-align:center;}
.fangtan dl dt img{width:120px;}
.fangtan dl dd{float:left;width:260px;font-size:14px;padding:10px 0px 0px 15px;text-align:Justify;text-justify:inter-ideograph;}
.fangtan dl h3{padding-bottom:7px;font-family: "Microsoft Yahei";}
.fangtan a:link,.fangtan a:visited{color:#fff;}
.fangtan a:hover{color:#e8e8e8;}
.report img		{padding-bottom:10px;}
.reports		{width:300px;}
.colus dl{padding:10px 8px 8px;width:278px;_width:275px;float:left;margin-right:13px;}
.colus dl dt{text-align:center;}
.colus dl dd{width:258px;_width:258px;padding:10px;font-size:14px;text-align:Justify;text-justify:inter-ideograph;}
.colus dl dd a:link,.colus dl dd a:visited{color:#00B2F0;}
.colus dl dd a:hover{color:#3CD3D1;}
.rlist li	{padding-bottom:10px;}
.col		{margin-right:10px;}
.col h2		{font-family: "Microsoft Yahei";font-size:16px;}
.col a:link,.col a:visited{color:#fff;}
.col a:hover{color:#fff;text-decoration:underline;}
.col_1		{width:150px;font-family: "Microsoft Yahei";}
.col_2		{width:200px;}
.col_3		{width:388px;}
.col_4		{width:170px;_width:168px;margin-right:0;}
.bg_1		{background:#00B2F0;}
.bg_2		{background:#3CD3D1;}
.bg_4		{background:#FF9000;}
.bg_5		{background:#A82691;}
.bg_6		{background:#018D32;height:120px;line-height:20px;color:#fff;}
.bg_7		{background:#2691A8;}
.bg_3		{background:#58B30E;}
.bg_8		{background:#BA00FF;}
.widget_1	{height:93px;line-height:93px;margin:0 auto;text-align:center;}
.widget_2	{height:85px;line-height:85px;margin:0 auto;text-align:center;}
.widget_3	{height:80px;line-height:80px;width:70px;margin:0 auto;text-align:center;}
.widget_4	{height:62px;line-height:22px;padding-top:18px;width:172px;font-family: "Microsoft Yahei";margin:0 auto;text-align:center;}
.widget_5	{height:110px;line-height:20px;}
.text		{width:80px;font-size:22px;}
.mb10		{margin-bottom:10px;}
.mt10		{margin-top:10px;}
.fwn		{font-weight:normal;}
.bg_6 h2	{padding:10px 10px 0px 10px;}
.bg_6 p		{padding:0px 10px 10px 10px;margin-bottom:0px;margin-top:8px;}
.col3_3		{width:278px;}
.col3_4		{width:100px;font-size:22px;height:120px;line-height:120px;margin:0 auto;text-align:center;font-family: "Microsoft Yahei";}
.col3_6		{width:137px;height:70px;line-height:70px;background:#00B2F0 url(../images/reacher.gif) no-repeat 10px 15px;padding-left:35px;}
.col3_5		{height:148px;line-height:148px;}