@charset "utf-8";
/* CSS Document */
body{
   margin:0;padding:0;border:none;
	font-family: arial;
	font-size:12px;
	background:black;
}
ul,li{
	margin:0;padding:0;border:none;
	list-style: none;
}
img{border:none;}
b{font-weight:normal;}
.clearor{
   display:block;
	clear:both;
	height:0;overflow:hidden;font-size:0;
}
a:hover{
	zoom:1;
}
i{
display:block;
font-size:0;height:0;clear:both;
overflow:hidden;}

b,u,i{
	font-weight: normal;
	margin:0;padding:0;
	font-style:normal;
	text-decoration:none;
	border: none;
}
.cl{
   display:block;
	clear: both;
	font-size:0;
	height:0;
	float:none;
	visibility: hidden;
}
h1,h2,h3,h4,h5,h6{
font-weight:bolder;
padding:0;margin:0;}
h1{font-size:36px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:16px;}
h6{font-size:12px;}

/* ------------------------------------------------------------------ 
------------------------------------------------------------------*/
#mainPanel{
background: url(images/index301312_01.jpg) repeat-x;
position: absolute; top:0;left:0;
width:100%;
}
#mainPanel .mainPanel_inner{
	clear: both;
	padding-left:50px;
}
#mainMiddle,#mainBottom{
	width:910px;
}
#mainTop{
width:100%;height:184px;overflow:hidden;
background: url(images/header_bg.png) repeat-x;
}
#mainTop{
	padding-left:50px;
}
#mainMiddle{
width:910px;overflow:hidden;
}
#mainMiddle .mainAnnex{
background: url(images/mainMiddle_mmiddle.jpg);
}
#mainMiddle .mainAnnex .inner{
   background: url(images/mainMiddle_mtop.jpg) no-repeat;
	width:100%;
	padding-left:13px;
	padding-bottom:30px;padding-top:20px;
}
#mainMiddle  .topAngle{
	background: url(images/mainMiddle_top.png) no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/mainMiddle_top.png',sizingMethod='crop');
   _background-image:none;
	height:13px;
}
#mainMiddle .botAngle{
   height: 17px;
	background: url(images/mainMiddle_mbottom.png) no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/mainMiddle_mbottom.png',sizingMethod='crop');
   _background-image:none;
}
#mainMiddle  .contentLeft{
	float:left;width:600px;
	overflow:hidden;
}
#mainMiddle  .contentLeft .contentLeftInner{
	padding-left:14px;
}
#mainMiddle  .contentRight{
	float:left;width:286px;
	overflow:hidden;
}
#mainMiddle  .contentRight .rightInner{
	width:252px;margin-left:15px;
}
#mainMiddle .mainDefault{
background: url(images/mainMiddle_middle.jpg);
}
#mainMiddle .mainDefault .inner{
   background:url(images/mainMiddle_top.jpg) no-repeat;
	width:100%;
	padding:20px 10px;
	padding-bottom:30px;
}
#mainMiddle  .DefaultBotAngle{
   height: 17px;
	background: url(images/mainMiddle_bottom.png) no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/mainMiddle_bottom.png',sizingMethod='crop');
   _background-image:none;
}
#mainMiddle  .defaultContentLeft{
	float:left;width:260px;clear:left;
	overflow:hidden;
}
#mainMiddle  .defaultContentLeft .leftInner{
margin-left:16px;
width:220px;}
#mainMiddle  .defaultContentRight{
	float:left;width:600px;
	overflow:hidden;
}

/* ------------------------------------------------------------------ 
------------------------------------------------------------------*/
#mainBottom{
width:100%;
}

/* ------------------------------------------------------------------ 
------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
.botNavigation{
background: url(images/index301312_20.jpg) repeat-x left bottom;
width:auto;height:63px;
padding-left:53px;
clear:both;
}
.botNavigation .inner{
   margin:0;padding:0;
	width:910px;
}
.botNavigation div{
	float:left;
	padding-top:30px;
}
.botNavigation  div a{
	padding:0 20px;
	height:60px;font-weight:bolder;
	color: silver;
	text-decoration:none;
}
.botNavigation  div a{
	padding:0 20px;
	height:22px;font-weight:bolder;
	color: silver;
	text-decoration:none;
}
.links{
   margin-top:-5px;

	
}
.links .inner{
width:910px;overflow:hidden;
background:#828282;
position:relative;
padding-top:10px;
}
.links .botbg{
	height:8px;margin-top:20px;
	background: url(images/linkBg.png) no-repeat -910px top;
}
.links .topbg{
}
.links .title{
	margin:0 12px;margin-bottom:7px;
	background: url(images/links_bg.png);
}
.links .title b{
   display:block;
	float:left;
	margin-left:14px;
	padding:0 7px;
	height:16px;
	background:#828282;
	font-weight:bolder;}
.links .content{
	padding:0 16px;
}
.links .content span{
display:block;
float:left;width:170px;
margin-right:5px;margin-bottom:3px;
}
.links .content span a{
display:block;
font-weight:bolder;
border: 1px solid #666666;
padding:3px 0;
padding-left:15px;padding-right:5px;
text-decoration: none;
clear:both;
background: url(images/linkbasebg.png);
}
.links .content span a:hover{
	background: url(images/linkbasebg.png) 0 -81px;;
}
.header{
	height:180px;
}
.header .headInner{
   float:left;
	width:910px;
}
.header  ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
	
}
.header li{
    float:left;
	 padding:0;margin:0;
	 text-align:center;
	 font-size:16px;
	 font-weight:bold;
	 color:#FFFFFF;
	 height:180px;overflow:hidden;
	 
}
.topmenu{
   margin:0;padding:0;
	height:32px;overflow:hidden;
	line-height: 32px;
}
.topmenu .top-slogan{
	float:left;
	padding-left:20px;
}
.topmenu .top-phone{
	float:right;
}
.navication{
	margin:0;padding:0;
	height:160px;
}
.navication .space{
   display:block;
	width:1px;height:180px;font-size:0;overflow:hidden;
	background: url(images/navication_space.png) no-repeat center top;
	overflow: hidden;
   
}
.navication li{
	width:210px;overflow:hidden;
	float:left;
}
.navication li a{
	text-decoration: none;
	display: block;
	color: #D2D2D2;
	padding:0;margin:0;
	height:180px;width:209px;
}
.navication li a:hover{
	color:#FF9900;
}
.navication li a span{
      display:block;
		background-repeat: no-repeat;
		height:110px;width:160px;margin:0 auto;
		cursor:pointer;
}
.navication .nav2,.navication .nav3{
	display:none;
}
.navication .nav1 a span{
background-image: url(images/NavIcon_webDesign.png);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/NavIcon_webDesign.png',sizingMethod=crop );
_background-image:none;
}
.navication .nav1 a:hover span{
background-image: url(images/NavIcon_webDesign_hover.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/NavIcon_webDesign_hover.png',sizingMethod='crop' );
_background-image:none;
}
.navication .nav2 a span{
background-image: url(images/NavIcon_CustomizedApplication.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/NavIcon_CustomizedApplication.png',sizingMethod='crop' );
}
.navication .nav3 a span{
background-image: url(images/NavIcon_LogoTrademark.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/NavIcon_LogoTrademark.png',sizingMethod='crop' );
_background-image:none;
}
.navication .nav4 a span{
background-image: url(images/NavIcon_VisualisationRendering.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/NavIcon_VisualisationRendering.png',sizingMethod='crop');
_background-image:none;}
.navication .nav4 a:hover span{
background-image: url(images/NavIcon_VisualisationRendering_hover.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/NavIcon_VisualisationRendering_hover.png',sizingMethod='crop');
_background-image:none;
}
.navication .nav5 a span{
background-image: url(images/web_template.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/web_template.png',sizingMethod='crop');
_background-image:none;}
.navication .nav5 a:hover span{
background-image: url(images/web_template_hover.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/web_template_hover.png',sizingMethod='crop');
_background-image:none;}
/*-------------------------------------------------------------------------*/
.logoBox{
    float:left;
	 width:274px;height:174px;overflow:hidden;
	 background: url(images/header-logo.png) no-repeat;
}
.logoBox .logo{
	display:block;
	height:143px;
	overflow:hidden;
	position: relative;
	
}
.logoBox .logo a{
   display:block;
	width:219px;
	height:154px;
	background-position: center top;
	background-repeat: no-repeat;
	margin:0 auto;
}
.logoBox .lang{
	display:block;
	width:219px;margin:0 auto;
	height:24px;line-height:24px;
	background-position: center -154px;
	color:green;
	text-align: center;
	 position: relative;
}
.logoBox .lang a{
   color:green;
	text-decoration:none;
	padding:0 5px;
}
/*-------------------------------------------------------------------------*/
.banner{
	 height:242px;
	 position: relative;
	 
}
.banner .bannerAdvert{
   padding-top:12px;padding-left:10px;
}
.banner .bannerAdvert .bannerContent{
	height:213px;width:890px;
	overflow: hidden;
	background: Black;
}
.banner .bannerBg{
	position:absolute;
	width:920px;height:242px;
	z-index:2;margin-left:-3px;
	background:url(images/adverBg.png) no-repeat;
	 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/adverBg.png',sizingMethod='crop');
    _background-image:none;
	 top:0;
}
.banner_top{
	 width:903px;
	 }
.banner_top .b1,.banner_top .b2,.banner_top .b3,.banner_top .b4,.banner_top .b5.banner_top .b6
 {height:1px;background-color:#000000;display:block;font-size:0px;overflow:hidden;}
.banner_top .b1{margin:0 1px;}
.banner_top .b2{margin:0 2px;}	
.banner_top .b3{margin:0 3px;}	
.banner_top .b4{margin:0 4px;}	
.banner_top .b5{margin:0 5px;}	
.banner_top .b6{margin:0 6px;}	
/*-------------------------------------------------------------------------*/
.teamIntro .title{
}
.teamIntro .text{
	line-height: 16px;
	padding-bottom:10px;
}
.teamIntro .text .img{
   width:188px;height:160px;
	float:right;margin-right:20px;
	background: url(images/team.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/team.png',sizingMethod=crop );
  _background-image:none;
	
}
.IndexAdvertisment{
	clear:both;
	height:187px;width:597px;
	margin-top:30px;margin-bottom:30px;
	background: url(images/indexadvert.jpg) no-repeat 0 -187px;
	}
.IndexAdvertisment div{
	height:187px;
	width:199px;
	float:left;
}
.IndexAdvertisment div a{
	display: block;
	height:187px;
	width:199px;
}
.IndexAdvertisment .intemplate a:hover{
	background: url(images/indexadvert.jpg) no-repeat 0 0;
}
.IndexAdvertisment .insite a:hover{
	background: url(images/indexadvert.jpg) no-repeat -199px 0;
}
.IndexAdvertisment .inportfolio a:hover{
	background: url(images/indexadvert.jpg) no-repeat -398px 0;
	
}
/*-------------------------------------------------------------------------*/
.rightBox {
width:220px;
}
.rightBox .title{
	font-size:20px;font-weight:bolder;
	padding-top:10px;
	color:orange;position: relative;
}
.rightBox .card{
	width:196px;margin:0 auto;
}
.rightBox .card img{
float:left;margin-left:5px;}
.rightBox .title b{
   display:block;float:left;
	height:64px;width:70px;	
}
.rightBox .text{
	padding-left:70px;padding-top:7px;padding-bottom:10px;
	color:white;height:auto;position: relative
}
.rightBox .but_01{
	padding-left:30px;
}
.paymentImage{
	background: url(images/payment.png) no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/payment.png',sizingMethod=crop );
   _background-image:none;
}
.contactImage{
		background: url(images/Users_Chat.png) no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/Users_Chat.png',sizingMethod=crop );
   _background-image:none;
}
/*-------------------------------------------------------------------------*/
.featureProduct{
padding-bottom:30px;
}
.featureProduct .title{
	width:220px;height:35px;
background-image: url(images/index3_71.jpg);
}
.wapDesign{
width:220px;height:40px;
background: url(images/index3_89.jpg) no-repeat 30px top;
margin-top:20px;
}
.wapAdvertisement{
   width:220px;height:175px;margin-top:10px;
	background-image: url(images/featuredProduct.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/featuredProduct.png',sizingMethod=crop );
   _background-image:none;
}
/*-------------------------------------------------------------------------*/
.articleShowcase{
	width:220px;
	margin-bottom:10px;
}
.articleShowcase .title{
  height:57px;
  background: url(images/artShowcase_title.gif) no-repeat;
  color:white;
}
.articleShowcase .title b{
	display:block;
	padding:30px 0 0 60px;
	font-size:18px; font-weight: bolder;
}
.articleShowcase .bottom{
	height:8px;font-size:0;
	background: url(images/artShowcase_bottom.jpg);
}
.articleShowcase .artContent{
	
}
.articleShowcase .artContent div{
clear: both;
	border-bottom:1px solid #282828;
	background: url(images/artShowcase_bg.jpg);
}
.articleShowcase .artContent div p{
	margin:0;padding:0;clear:both;
	display:block;
}
.articleShowcase .artContent div a{
	display:block;
	height:25px;line-height:25px;
	text-decoration:none;
	color:silver;

}
.articleShowcase .artContent div a:hover{
	color:white;
}
.articleShowcase .artContent div a b{
	display:block;width:25px;height:25px;
	float: left;
	background: url(images/triangleIcon.gif) no-repeat center center;
}
.articleShowcase .artContent div a span{
	display:block;float:left;
	width:190px;font-weight:bolder;
	line-height: 16px;
	padding:5px 0;
	cursor: pointer;
}

.relArticle .articleShowcase{
width:100%;
}
.relArticle .title{
background: url(images/art_top.gif);
}
.relArticle .bottom{
background: url(images/art_bottom.jpg);
}
.relArticle .articleShowcase .artContent div a span{
width:220px;}
.relpayment .rightBox,.relContent .rightBox{
	width:252px;
	margin-bottom:10px;
}
.relpayment{}
.relContent{}
/*-------------------------------------------------------------------------*/
.button{}
.button a{display:block;overflow:hidden;position:relative;}
.button a b{display:block;position:relative;cursor:pointer;}
.button a:hover{zoom:1;}
/*-----------------------------------------------------*/
.but{}
.but a{
display:block;float:left;
position: relative;clear:both;
text-decoration: none;overflow:hidden;
}
.but a b,.but a u,.but a span{
display:block;overflow:hidden;margin:0;padding:0;
float:left;cursor: pointer;background: Black;
position:relative;background-repeat: no-repeat;
}
.but a span{padding:0 10px;}
.but a span em{display:block;font-style:normal;position:relative;}
.but a b{background-position:left;}
.but a u{background-position:right;}

/*-----------------------------------------------------*/
.but_01 a{height:36px;}
.but_01 a b,.but_01 a u,.but_01 a span{height:72px;}
.but_01 a:hover b,.but_01 a:hover u,.but_01 a:hover span{top:-36px;}
.but_01 a span em{font-weight:bolder;color:black;line-height:37px;}
.but_01 a:hover span em{top:36px;color:black;}
.but_01 a b{
   width:48px;
	background: url(images/but_left.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/but_left.png',sizingMethod='crop');
   _background:none;
}
.but_01 a u{
   width:48px;
	background: url(images/but_right.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/but_right.png',sizingMethod='crop');
   _background:none;
}
.but_01 a span{
   background: url(images/but_bg.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/but_bg.png',sizingMethod='crop');
   _background:none;
}
/*-----------------------------------------------------*/
.learnMore{
display: block;
}
.learnMore a{
	width:117px;height:27px;
}
.learnMore a b{
width:117px;height:54px;
background: url(images/learnMore.png) no-repeat left top;
}
.learnMore a:Hover b{
top:-27px;height:54px;
}

/*-----------------------------------------------------*/
.webDesignIntronation{
	padding:30px 0 0 20px;
}
.webDesignIntro {
float:left;
width:350px;
padding-top:20px;
}
.webDesignIntro .title{
display:block;
font-size:32px;font-weight:bolder;
padding-bottom:20px;
}
.webDesignIntro .text{
		padding-right:10px;
		display:block;
}
.webDesignIntro .text strong{
	font-size:16px;
}
.webintroBg{
  float:left;
	background: url(images/web_001.png) no-repeat ;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/web_001.png',sizingMethod='crop');
   _background:none;
	width:200px;
}
.technologe {
}
.technologe div{
	display:block;
	width:90px;
	float:left;
	overflow: hidden;
}
.technologe div a{
 display: block;
 text-align: center;
 font-weight: bolder;
 color:green;
 text-decoration:none;
}
.technologe div a:hover{
	color:orange;
}
.technologe div a span{
	 display: block;
	 width:73px;height:68px;
	 position: relative;
	 cursor: pointer;
}
.technologe .c2c a span{
	background: url(images/icon_c2c.png) no-repeat  center top;	
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/icon_c2c.png',sizingMethod='crop');
   _background:none;
}
.technologe .b2b a span{
background: url(images/icon_b2b.png) no-repeat  center top;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/icon_b2b.png',sizingMethod='crop');
   _background:none;
	
}
.technologe .swf a span{
background: url(images/icon_flash.png) no-repeat  center top;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/icon_flash.png',sizingMethod='crop');
   _background:none;
	
}
.technologe .web a span{
background:  url(images/icon_web2.0.png) no-repeat  center top;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/icon_web2.0.png',sizingMethod='crop');
   _background:none;
	
}
.technologe .cart a span{
background: url(images/icon_chart.png) no-repeat  center top;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/icon_chart.png',sizingMethod='crop');
   _background:none;
	
}
.technologe .cms a span{
background: url(images/icon_cms.png) no-repeat  center top;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/icon_cms.png',sizingMethod='crop');
   _background:none;
	
}
.technologe .blog a span{
background: url(images/icon_blog.png) no-repeat  center top;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/icon_blog.png',sizingMethod='crop');
   _background:none;
	
}
.technologe .sns a span{
background: url(images/icon_sns.png) no-repeat  center top;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/icon_sns.png',sizingMethod='crop');
   _background:none;
	
}
/*-----------------------------------------------------*/
.webTitle{
	background: url(images/web_space.png) no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/web_space.png',sizingMethod='crop');
   _background:none;
	height:67px;
}
.webTitle span,.webTitle b{
   display:block;
	padding-left:70px;padding-right:20px;
}
.webTitle .icon{
   padding:0;width:46px;height:43px;float:left;
	background: url(images/icon_001.png) no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/icon_001.png',sizingMethod='crop');
   _background:none;
	margin:15px 10px 0 10px;
}
.webTitle .text{
	font-size:22px;font-weight:bolder;
	padding:24px 20px 0 65px;
}
.webServices{
padding-left:7px;
}
.webServices div{
	float:left;width:280px;height:204px;
	background: url(images/services.png) no-repeat;
}
.webServices div h4{
	padding:0 15px;
	padding-top:20px;
}
.webServices div img{
	margin:0 15px;
}
.webServices div p{
	padding:0 15px;
	margin:0;
	padding-top:7px;
	color:#808080;
}
.power{
width:570px;
}
.power .contentbox{
	float:left;width:50%;
}
.howToDo {
	padding-left:10px;
	clear:both;
}
.howToDo div{
	float:left;width:185px;height:80px;
	background: url(images/how.gif) no-repeat left top;
	background: url(images/question_bg.png) no-repeat;
}
.howToDo div a{
   display:block;
	color:gray;
	text-decoration:none;
	padding-left:45px;padding-right:20px;
	padding-top:20px;
}
.howToDo div span a:hover{
color:orange;}
.howToDo .cl{
	clear: both;
	font-size:0;
	height:0;
	float:none;
	visibility: hidden;
}
/*-----------------------------------------------------*/

.orderBg{
	width:180px;height:260px;float:left;
	background: url(images/order.png) no-repeat  center top;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/order.png',sizingMethod='crop');
   _background:none;
}
.portfolioBg{
	width:180px;height:260px;float:left;
	background:  url(images/portfolio_img.png) no-repeat  center top;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/portfolio_img.png',sizingMethod='crop');
   _background:none;
}

/*-----------------------------------------------------*/
.showMore{
	position:relative;
}
.showMore b{
	position:absolute;
	width:32px;height:32px;
	background: url(images/icon_showMore.png);
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/icon_showMore.png',sizingMethod='crop');
   _background:none;
	cursor:pointer;
}

.verticalBox{
  display:table-cell;
  overflow:hidden;
  text-align:center;
  position:relative;
  vertical-align:middle;
}
.verticalBox .verticalPositionBox{
  position:static;
  +position:absolute;
  top:50%;
}
.verticalBox .verticalPositionBox .verticalObjectBox{
  +position:relative;
  top:-50%;left:-50%;
}
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
.google{
   width:252px;overflow:hidden;
	background-image: url(images/googleBg.png);
	background-position:-252px 0;
}
.google .topBg{
	margin:0 auto;
	background-image: url(images/googleBg.png);
	background-position:0 top;
	background-repeat: no-repeat;
}
.google .bottomBg{
	margin:0 auto;padding-top:20px;
	background-image: url(images/googleBg.png);
	background-position:-504px bottom;
	background-repeat: no-repeat;
	padding:30px 0 10px 0;
}
.google .space{
   height:0; font-size:0;
	width:200px;margin:0 auto;
	float:none;
	clear:both;
	overflow: hidden;
	border-bottom: 1px solid gray;
}

.google .advert{
width:200px;
margin:0 auto;
text-align:left;
padding:10px 0;
}
.google .advert .title{
display:block;
font-size:14px;
color:orange;
padding-bottom:3px;
}
.google .advert .text{
display:block;
font-size:12px;
color:silver;
padding-bottom:7px;
}
.google .advert .url{
display:block;
font-size:9px;
color:green;
}
/*-----------------------------------------------------*/
.tempCategorie{margin-bottom:20px;}
.tempCategorie .topBg{
background: url(images/templateCategorie_bg_row.png) no-repeat left -28px;
height:13px;overflow:hidden;
}
.tempCategorie .topBg span{
display:block;
background: url(images/templateCategorie_bg_row.png) no-repeat right -42px;}
.tempCategorie .topBg span b{
display:block;height:14px;margin:0 13px;
background: url(images/templateCategorie_bg_row.png) 0 -14px;}
.tempCategorie .botBg{
height:13px;overflow:hidden;
background: url(images/templateCategorie_bg_row.png) no-repeat 0 -56px;}
.tempCategorie .botBg span{
display:block;
background: url(images/templateCategorie_bg_row.png) no-repeat right -70px;}
.tempCategorie .botBg span b{
display:block;height:14px;margin:0 13px;
background: url(images/templateCategorie_bg_row.png);}
.tempCategorie .midBg{
background: url(images/templateCategorie_bg_col_lef.png) repeat-y;
}
.tempCategorie .midBg .midBgIn{
background: url(images/templateCategorie_bg_col_rel.png) repeat-y right;
padding:0 14px ;
}
.tempCategorie .midBg .midContent{
width:100%;
background:black;
color:white;
}
.tempCategorie .midBg .midContent span{
	display:block;
	overflow:hidden;
	width:135px;height:22px;
	float:left;
}
.tempCategorie .midBg .midContent span a{
	display:block;
	height:22px;line-height:22px;
	text-decoration: none;
	font-weight:bolder;
	color:white;
}
.tempCategorie .midBg .midContent span a b{
   display:block;float:left;
	background: url(images/icon_021.png) no-repeat 0 0;
	width:12px;height:12px;overflow:hidden;
	margin:5px 7px 0 10px;
}
.tempCategorie .midBg .midContent span a:hover{
	color:orange;
}
.tempCategorie .midBg .midContent span a:hover b{
   display:block;float:left;
	background: url(images/icon_021.png) no-repeat 0 -12px;
	width:12px;height:12px;
	
}
.tempCategorie .midBg .midContent .select a{
	color:orange;
	font-size:14px;
}
/*--------------------------------------------------------------*/
.tempList{}
.tempList .tempBase{
	width:285px;height:262px;
	overflow:hidden;
	background: url(images/tempBase_bg.png) no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/tempBase_bg.png',sizingMethod='crop');
   _background:none;
	float:left;
}
.tempList .tempBase .image{
	padding-top:13px;padding-left:11px;
}
.tempList .tempBase .image img{
    max-width: 250px;
    width:expression(this.width > 250 ? "250px" : this.width); height:auto;
	 }
.tempList .tempBase .verticalBox{
	width:248px;
	height:155px; _height:153px;
	overflow:hidden;

}
.tempList .tempBase .buttons{
	padding-top:10px;padding-left:7px;
}
.tempList .tempBase .buttons .learnMore{
	float:left;margin-top:7px
}
.tempList .tempBase .buttons .name{
   display:block;width:140px;overflow:hidden;
	float:left;
	background: url(images/icon_00234.jpg) no-repeat 3px 5px;
}
.tempList .tempBase .buttons .name b{
   display:block;
	padding-left:16px;
}
/*--------------------------------------------------------------*/
.tempDetail{
padding-bottom:50px;
}
.tempDetail .topBg{
}
.tempDetail .bottomBg{

}
.tempDetail .detTitle{
border-bottom:1px solid #333333;
padding-bottom:7px;}
.tempDetail .detTitle span{
   display:block;
	font-weight:bolder;font-size:20px;
}
.tempDetail .detImage{
float:left;
padding-top:30px;padding-left:20px;padding-bottom:20px;
background: url(images/tempDetail.png) no-repeat 17px 23px;
}
.tempDetail .detImage .photo{
	display:block;position:relative;
	width:250px;height:174px;
	background: white;
	margin-right:10px;
}

.tempDetail .detImage .photo .showMore{
float:left;
left:7px;
	
}
.tempDetail .detImage .photo span{}
.tempDetail .detImage .photo span img{
}

.tempDetail .choise{
	width:200px;float:left;
	background: white;
	padding-top:10px;padding-bottom:10px;
	border:1px solid #ABABAB;
	margin-left:10px;
}
.tempDetail .choise .photo{
	width:180px;height:120px;
	overflow: hidden;
	background: Black;
	margin:0 auto;
}
.tempDetail .price{
	padding-top:20px;
	clear: both;
	font-size:24px;font-weight:bolder;
	color:green;text-align:center;
	padding-right:5px;
}
.tempDetail .price b{
	font-size:14px;
}
.tempDetail .detText{
padding-top:30px;padding-left:20px;
float:left;
}
.tempDetail .detText .textInner{
   display:block;padding-top:7px;
	width:240px;
}
.tempDetail .nextStep{
	height:158px;
}
.priceCount{
	font-size:12px;
}
.priceCount input{
	width:70px;
	border: none;
	font-weight:bolder;
	color: Green;
	border-top:2px solid #9F9F9F;border-left:2px solid #9F9F9F;
	border-bottom:2px solid #E6E6E6;border-right:2px solid #E6E6E6;
	padding:3px;
}
/*-----------------------------------------------------*/
.pages{
	clear:both;
	width:400px;height:30px;
	margin:0 auto;
}
.pages a{
	display:block;float:left;
	padding:0 5px;text-align:center;
	font-weight:bolder;
	color:#333333;
	height:22px;overflow:hidden;line-height:20px;
}
.pages a b{
   display:block;
	font-size:1px;overflow:hidden;
	width:12px;height:1px;
}
.pages a:hover{
	color:green;
}
/*-----------------------------------------------------*/
.columnIntro{
padding:20px 0 20px 0;
}
.columnIntro .image{
	float:left;
}
.columnIntro .title{
   padding-top:20px;
	font-size:30px;line-height:30px;
	font-weight:bolder;
}
.columnIntro .text{
padding-top:20px;
font-size:12px;
line-height: 16px;
padding-right:20px;
}
.columnTitle .image{
	float:left;
	width:120px;height:50px;
}
.columnTitle .text{
font-size: 36px;
font-weight:bolder;
}

/*----------------------------------------------------------------*/
.tempImage {
	width:220px;height:170px;
	background: url(images/templateImage.png) no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/templateImage.png',sizingMethod='crop');
   _background:none;
}
.template{
width:252px;height:114px;
margin:5px auto;
background: url(images/template.png) no-repeat;
}
.template a{
width:97px;height:36px;
top:60px;left:140px;
}
.template a b{
   width:97px;height:72px;
	background: url(images/templateButton.png) no-repeat;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/templateButton.png',sizingMethod='crop');
   _background:none;
}
.template a:hover b{top:-36px;}

.newSite{
width:252px;height:114px;
margin:5px auto;
background: url(images/newSite.png) no-repeat;
}
.newSite a{
width:97px;height:36px;
top:60px;left:140px;
}
.newSite a b{
   width:97px;height:72px;
	background: url(images/newSiteButton.png) no-repeat left top;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/newSiteButton.png',sizingMethod='crop');
   _background:none;
}
.newSite a:hover b{top:-36px;}

.purchase{
width:120px;
padding-top:30px;margin-left:140px;
}
.purchase a{
width:120px;height:36px;
}
.purchase a b{
   width:120px;height:72px;
	background: url(images/purchase.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/purchase.png',sizingMethod='crop');
   _background:none;
}
.purchase a:hover b{top:-36px;}

/*----------------------------------*/
.templateBanner{
	display:block;
	width:572px;height:135px;
	overflow: hidden;
	background: url(images/templateBanner.png);
}
.templateBanner a{
	width:115px;height:79px;
	top:36px;left:420px;
}
.templateBanner a b{
	display:block;width:115px;height:158px;
	background: url(images/browseNow.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/browseNow.png',sizingMethod='crop');
   _background:none;
}
.templateBanner a:hover b{top:-79px;}
.tempPlug{
	padding:30px 0 20px 30px;
}
.tempPlug i{
	height:20px;
}
.tempPlugBase {
	float:left;
	width:160px;
	border: 1px solid #666666;
	margin-right:10px;
	padding:7px 0;
}
.tempPlugBase .icon{
	width:50px;height:50px;
	float:left;overflow:hidden;
	margin:5px;
}
.tempPlugBase .icon img{
	  max-width: 50px;
    width: expression(( this.width > 50) ? 50 : this.width );
}
.tempPlugBase .title{
	font-weight:bolder;
}
.tempPlugBase .text{
padding:5px;
color:#333333;
}
.tempPlugBase .price{
	clear: both;
	font-size:24px;font-weight:bolder;
	color:green;text-align:right;
	padding-right:5px;
}
.tempPlugBase .price b{
	font-size:14px;font-family:verdana;
	font-weight:bolder;
}
.tempPlugBase .select{
	clear:both;
	color: #7A7A7A;
}
/*--------------------------------------------------------------*/
.tempOther{
	padding:20px 0 50px 7px;
}
.tempOther div{
	float:left;
}
.tempOther .goleft{
width:20px;padding-top:14px;
}
.tempOther .goleft b{
display:block;width:15px;height:55px;
background:url(images/DetailViewBox_gotoLeft.png) no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/DetailViewBox_gotoLeft.png',sizingMethod='crop');
   _background:none;
}
.tempOther .goright{
width:20px;padding-top:14px;
}
.tempOther .goright b{
display:block;width:15px;height:55px;float:right;
background:url(images/DetailViewBox_gotoRight.png) no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/DetailViewBox_gotoRight.png',sizingMethod='crop');
   _background:none;]
	
}
.tempOther .bases{
   position: relative;
	border:7px solid black;background:Black;
	height:70px;width:500px;overflow:hidden;
}
.tempOther .bases a b img{}
/*----------------------------------------------------------------*/
.example{
	margin:10px auto;
	background-position:-252px 0;
}
.example a{
	display:block;
	width:252px;height:117px;
	background-image: url(images/example.png);
}
/*-----------------------------------------------------*/

.button_orderNow{
text-align: center;
padding:30px 30px 10px 30px;;
}
.button_orderNow a{
	height:64px;width:193px;
}
.button_orderNow a b{
	height:256px;width:193px;
	background: url(images/OrderNow.png);
 	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/OrderNow.png',sizingMethod='crop');
   _background:none;
}
.button_orderNow a:hover b{
	top:-64px;
}
/*-----------------------------------------------------*/
.buyForm{
	width:520px;
	margin:0 auto;
	 padding-top:20px;padding-bottom:50px;}
.buyForm div{
	clear:both;
	padding-bottom:10px;
}
.buyForm div .input{
	display:block;
	float:left;
	margin-bottom:5px;
	padding:5px 0;
	background: white;
	border-top:2px solid #9F9F9F;border-left:2px solid #9F9F9F;
	border-bottom:2px solid #E6E6E6;border-right:2px solid #E6E6E6;
	
}
.buyForm div .tag{
	display:block;
	float:left;
	width:120px;
	margin-bottom:5px;
	font-weight: bolder;
	text-align: right;
	margin-right:20px;
}
.buyForm div input{
	border: none;
	width:300px;
	padding:0 7px;
}
.buyForm div textarea{
	border: none;
	overflow:auto;
	width:300px;height:100px;
	padding:0 7px;
}
.buyForm div select{
	margin:0 7px;
}
/*----------------------------------*/
.textBox{
	padding:5px;
	display:block;
	margin:0 auto;margin-bottom:1px;
	width:540px;
	background: white;
	border:1px solid #b1b1b1;
}
.textBox .tag {
   display:block;
	width:160px;padding-right:10px;float:left;
	overflow:hidden;
	border-right:1px solid #b1b1b1;
}
.textBox .input{
float:left;width:340px;padding-left:10px;
display:block;overflow:hidden;
}
/*----------------------------------*/
/*----------------------------------*/
.portfolioImage{
	width:180px;height:200px;float:left;
	background:  url(images/portfolio_img.png) no-repeat  center top;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/portfolio_img.png',sizingMethod='crop');
   _background:none;
}
.portfolioList{
}
.portfolioList .portfolio{
	width:520px;float:left;
	margin-left:20px;margin-bottom:40px;
	_margin-left:12px;
	position:relative;
}
.portfolioList .portfolio  .showMore{
	position:absolute;
	z-index: 11;
	top:17px;left:17px;
}
.portfolioList .portfolio .img {
	display:block;
	background: white;
	padding:10px;
	
}

.portfolioList .portfolio .img .verticalBox{
   display:block;
	background: gray;
	width:500px;height:240px;
	overflow: hidden;
}
.portfolioList .portfolio .img a{
	display:block;
	
}
.portfolioList .portfolio .tag{
   display:block;
	text-align: center;
	padding:7px 0 0 11px;
}
.portfolioList .portfolio .tag a{
	color:black;
	font-weight:bolder;
	text-decoration:none;
	font-size:12px;
}
.portfolioList .portfolio .tag a:hover{
	text-decoration: underline;
   color:green;
}
/*----------------------------------*/
.articleImage{
	width:508px;height:96px;
	background: url(images/articletitle.png) no-repeat;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/articletitle.png',sizingMethod='crop');
   _background:none;
}
.article{
	padding:0 20px;
}
.article .title{
	font-size:36px;
	font-weight: bolder;
	padding-bottom:10px;
}
.article .text{
	padding:20px 0;
}
.article .date{
	font-weight:bolder;
	color:#333333;
}
/*----------------------------------*/
.newsiteImage{
	width:220px;height:230px;float:left;
	background:  url(images/order.png) no-repeat  center top;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/order.png',sizingMethod='crop');
   _background:none;
}
.thankyouImage{
	width:200px;height:159px;float:left;
	background: url(images/thankyou.png) no-repeat  center top;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/thankyou.png',sizingMethod='crop');
   _background:none;
}
.infomationConfirmImage{
	width:113px;height:83px;float:left;
	background: url(images/infomationConfirm.png) no-repeat  center top;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/infomationConfirm.png',sizingMethod='crop');
   _background:none;
}

.personalImage{
	width:240px;height:200px;float:left;
	background:  url(images/personal.png) no-repeat  center top;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/personal.png',sizingMethod='crop');
   _background:none;	
}
/*----------------------------------*/
.alertBox{
	
}
.alertBox .aleheight{
height:300px;width:1px;float:left;overflow:hidden;
}
.alertBox .aleContent{
	padding-left:100px;padding-top:60px;
}
.alertBox .aleContent .text {
   width:500px;
		font-size:24px;font-weight:bolder;
	float:left;
}
.alertBox .aleContent .icon{
	height:128px;width:180px;
	float:left;
	background: url(images/arent.png) no-repeat;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/arent.png',sizingMethod='crop');
   _background:none;	
}

/*----------------------------------*/
.requirementsForm{
padding-bottom:30px;
}
.requirementsForm .text{
	
}
.requirementsForm strong{
	font-size:14px;
}
.requirementsForm .questions{
width:528px;margin:auto;
}
.requirementsForm .questions strong{
	display: block;
	border-bottom:1px solid black;
	padding-top:20px;
	margin-bottom:11px;
}
.requirementsForm .questions div{
	padding-bottom:20px;
}
.requirementsForm .questions div u{
	display:block;
	width:460px;
}
.requirementsForm .questions div b{
	display:block;
}
.requirementsForm .questions div textarea{
	width:520px;height:50px;
	border:none; color: Gray;overflow:auto;
	border-top:2px solid #9F9F9F;border-left:2px solid #9F9F9F;
	border-bottom:2px solid #E6E6E6;border-right:2px solid #E6E6E6;
	font-size:12px;
}
.requirementsForm .questions div input{
   width:300px;height:26px;
	border-top:2px solid #9F9F9F;border-left:2px solid #9F9F9F;
	border-bottom:2px solid #E6E6E6;border-right:2px solid #E6E6E6;
}
/*-----------------------------------------------------------------*/
.buttons{
padding-top:30px;
padding-left:30px;
}
.buttons div{
	float:left;
}
.nextButton{float:left;margin-right:10px;}
.nextButton a{
	height:64px;width:193px;
}
.nextButton a b{
	height:128px;width:193px;
	background: url(images/nextStep.png);
 	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/nextStep.png',sizingMethod='crop');
   _background:none;
}
.nextButton a:hover b{top:-64px;}
.backButton{float:left;margin-right:10px;}
.backButton a{height:64px;width:193px;}
.backButton a b{
	height:128px;width:193px;
	background: url(images/backStep.png);
 	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/backStep.png',sizingMethod='crop');
   _background:none;
}
.backButton a:hover b{top:-64px;}
.cancelButton{float:left;}
.cancelButton a{height:64px;width:193px;}
.cancelButton a b{
	height:128px;width:193px;
	background: url(images/cancel.png);
 	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/cancel.png',sizingMethod='crop');
   _background:none;
}
.cancelButton a:hover b{
	top:-64px;
}

.confirmButton{float:left;}
.confirmButton a{height:64px;width:193px;}
.confirmButton a b{
	height:128px;width:193px;
	background: url(images/confirm.png);
 	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/confirm.png',sizingMethod='crop');
   _background:none;
}
.confirmButton a:hover b{top:-64px;}
/*-----------------------------------------------------------------*/
.intro{
	padding:0 30px;
}
.intro .title{
	font-size:24px;
	font-weight:bolder;
}
.intro .text{
	
}
.intro .date{
	display: none;
}

.BGtitle{
   font-size:18px;
   padding:7px 0 3px 10px;
	background: url(images/bg.gif);
}
.price{
	padding-top:20px;
	clear: both;
	font-size:24px;font-weight:bolder;
	color:green;
	padding:0 7px;
}
/*-----------------------------------------------------------------*/
.autoBox{}
.autoBox div,.autoBox span,.autoBox b,.autoBox a{
	margin:0;padding:0;
}
.autoBox .top{
	background: url(images/autoSize_top_01.png);
	font-size:0;
}
.autoBox .top b{
	display:block;height:11px;
	background: url(images/autoSize_top_02.png) no-repeat  right;
}
.autoBox .mid{
   background: url(images/autoSize_mid_04.png);
}
.autoBox .midinner{
   background: url(images/autoSize_mid_03.png) repeat-y right;}
.autoBox .midcontent{
   background: url(images/autoSize_mid_01.png) no-repeat;
	padding:11px;margin-right:2px;
}
.autoBox .bot{
	background: url(images/autoSize_bot_01.png);
	font-size:0;
}
.autoBox .bot b{
	display:block;height:11px;
	background: url(images/autoSize_bot_02.png) no-repeat  right;
}
/*-----------------------------------------------------------------*/
.contentbox{}
.contentbox span{
display:block;float:left;
width:70px;height:70px;
background:green; 
overflow:hidden;
}
.contentbox  h3{
font-size:16px;
margin:0;padding:0;
margin-bottom:7px;
}
.contentbox  p{
	
}

.imagebox{text-align:center;}
.imagebox span{
}
.imagebox span img{
}
.imagebox span a{
   display: block;
	width:170px; height:100px;overflow:hidden;
	border:4px solid white;
}
.imagebox span a:hover{
	border-color:orange;
}
.imagebox a{
	color:white;
	font-weight:bolder;
}
.imagebox a:hover{
	color:orange;
}


.module{
	margin-bottom:11px;
}
.module .module-title{
background:url(images/module-h3-span.png) no-repeat right;
height:44px;overflow:hidden;
}
.module .module-title span{
   display:block;
	height:44px;
	background: url(images/module-h3.png) no-repeat;
	margin-right:5px;
	color:white;font-weight:bolder;
   font-size:16px;padding-left:11px;padding-top:16px;
}
.module .module-content{
	background:black;
	margin:0;padding:1px 0;
}
.module ul li{
color:white;
background: url(images/module-content-li.png);
}
.module .module-bottom{
   height:13px;font-size:0;
	background: url(images/module-bottom.png) no-repeat;
}

/*-----------------------------------------------------------------*/


.web-package{}
.web-package .package-one{
height:111px;position: relative;
margin-left:5px;
background: url(images/bg_09035321531.png) no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/bg_09035321531.png',sizingMethod='crop');
   _background-image:none;
}
.web-package .package-two{
height:114px;position: relative;
margin-left:5px;
background: url(images/bg_005321.png) no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html/zh-cn/style/images/bg_005321.png',sizingMethod='crop');
   _background-image:none;
	
}

.contentRight .web-package .module-content{
padding-left:18px;	
}
.web-package ul li{
 padding-left:11px;
}
.web-package ul li h4{
padding-top:26px;
padding-bottom:7px;
}
.web-package ul li span{
	display:block;
	width:100px;
}
.web-package a{
	text-decoration: none;
	zoom:1;
	cursor: pointer;
}
.web-package ul li .price{
   display:block;width:100px;
	position:absolute;top:40px;left:118px;z-index:2;
	color:yellow;
	zoom:1;
	text-decoration: none;
}


/*-----------------------------------------------------------------*/
.quick-contact{
	
}
.quick-contact ul {
	padding:0;margin:0;
}
.quick-contact ul li{
   padding-bottom:5px;
	height:48px;padding-left:15px;
	margin-top:1px;
}
.quick-contact ul li h4{
	font-size:14px;
	padding-top:7px;
}
.quick-contact ul li a{
	display: block;
	float:left;
	width:40px;height:45px;
	margin-top:3px;margin-right:7px;
}
.quick-contact .phone{
	background: url(images/contact-phone.png) no-repeat ;
}
.quick-contact .qq{
	background: url(images/contact-qq.png) no-repeat ;
}
.quick-contact .mail{
	background: url(images/contact-mail.png) no-repeat ;
}

/*-----------------------------------------------------------------*/


.index-portfolio{
	background: #363636;
	margin-top:30px;
	padding-top:11px;
	background: url(images/index-portfolio_top.png) no-repeat;
}
.index-portfolio .bottom{
   font-size:0;height:7px;overflow:hidden;
	background: url(images/index-portfolio_bottom.png) no-repeat;
	margin-top:7px;
}
.index-portfolio .title{
	padding-top:7px;
}
.index-portfolio .title h2{
	float:left;
	padding-left:10px;
	padding-bottom:20px;
	color:white;
}
.index-portfolio .title a{
	display:block;
	float:right;color:white;
	font-size:12px;font-weight:normal;
	position:relative;top:10px;right:20px;
}
.index-portfolio .content{
	padding-left:17px;_padding-left:26px;
	clear:both;
}
.index-portfolio .imagebox{
	float:left;text-align:center;
	margin-right:15px;_margin-right:15px;
}
.index-portfolio .imagebox span a{
	border-color:#E6E6E6;
}
.teamIntro{
	margin-top:40px;
}
.contentRight .module .module-bottom{
background: url(images/module-bottom-wide.png) no-repeat;
}

div.web-package .moddule-content{
	margin-left:10px;
}

.teammember .contentbox{
	float:left;
	width:50%;
	margin-bottom:7px;
}
.teammember .contentbox span{
	width:93px;height:93px;
	background: url(images/team-people_bg.png) no-repeat;
	margin-right:10px;
	text-align: center;
	padding-top:7px;
}

/*-----------------------------------------------------------------*/
.bussiness{
}
.bussiness .title{
	font-size:36px;
	font-weight:bolder;
	padding-bottom:10px;
	padding-top:20px;
}
.bussiness .contents{
}
.bussiness .contents .contentbox{
width:50%;height:178px;
background: url(images/business-bg.png) no-repeat;
	float:left;
}
.bussiness .contentbox span{
	float:right;width:120px;height:150px;
	position:relative;top:16px;right:15px;
	text-align:center;
	background:none;
}
.bussiness .contents .contentbox h3{
	padding-top:16px;
	padding-left:20px;padding-bottom:10px;
	margin:0;
}
.bussiness .contents .contentbox p{
	width:140px;
	position: relative;left:20px;
	margin:0;
}
.bussiness .contents .contentbox  a{
	display: block;
	width:116px;height:34px;
	background: url(images/more.png) no-repeat;
	margin:0 auto;margin-top:11px;
}
.bussiness .contents .space{
}

/*-----------------------------------------------------------------*/
.Advantages{
	
}
.Advantages ul{
	margin:0;padding:0;
}
.Advantages ul li{
	padding:10px 10px;
	background: url(images/advantages.png)repeat-x;
	
}
.Advantages ul li h3{
	clear: both;
}
.Advantages ul li p{
	color: #585858;
}
.Advantages ul li span{
	margin-right:10px;
	width:64px;height:64px;
}
.Advantages ul li span img{
	margin-top:2px;margin-left:2px;
}

/*-----------------------------------------------------------------*/
.con-title{
	height:45px;overflow:hidden;
	background: url(images/cen-title_bg.png) no-repeat;
}
.con-title h2{
	padding-top:15px;padding-left:11px;
}
.con-container{
background: url(images/cen-middle.png) repeat-y;
padding-top:10px;
clear: both;
}
.con-bottom{
height:5px;
background: url(images/cen-bottom.png) no-repeat;
}
/*-----------------------------------------------------------------*/
.cen-portfolio{
width:570px;
}
.cen-portfolio .title{
	
}
.cen-portfolio .title h2{
	float: left;
}
.cen-portfolio .title  a{
	display:block;float:right;
	padding-top:21px;padding-right:10px;
	color:white;
}
.cen-portfolio .content{
	text-align: center;
	padding-left:7px;padding-top:20px;padding-bottom:20px;
	clear:both;
}
.cen-portfolio .content .imagebox{
	display:inline-block;zoom:1;*display: inline; 
	margin-right:7px;
}