@charset "utf-8";
html,body{width:100%;padding:0px;margin:0px;background:#333;text-align:center;font-size:12px;}
/**/
h1,h2{margin:0;padding:0;}
ul{margin:0;}
li{list-style:none;}
*{font-family:Arial, Verdana, "宋体";}
#bgTop{margin:0 auto;}
#bgBottom{margin:0 auto;}

#main{width:912px;margin:0 auto;text-align:center;background:#fff;}
	#main #top{width:900px;margin:0 6px 0 6px;height:80px;}
	#main #top h1{float:left;margin:0;display:block;float:left;width:280px;height:70px;}
	#main #top h1 a{margin:15px 0 0 5px;width:264px;height:54px;display:block;background:url(logo.gif) no-repeat;}
	#main #top h1 a:hover{background:url(logo-on.gif) no-repeat;}
	#main #top h2{float:right;width:600px;margin:12px 0 3px 0;height:35px;text-align:right;background:url(phone-bg.gif) 320px bottom no-repeat;}
	#main #top h2 img{margin-left:10px;}

	#main #top .nav{width:462px;height:30px;padding-left:38px;float:right;text-align:right;background:url(menu-bg.gif) center right no-repeat;}
	#main #top .nav img{float:left;}
	#main #top .nav a{text-indent:1px;float:left;display:block;width:77px;line-height:28px;color:#fff;font-weight:700;text-decoration:none;text-align:center;margin-top:2px;}
	#main #top .nav .index{width:48px;}
		/*home*/
		.home .index{background:url(menuhomebg.gif) 0 0 no-repeat}
		.home .index:hover{background:url(menuhomebg.gif) 0 0 no-repeat}
		.home a:hover{background:url(menubg.gif) 0 0 no-repeat;}
		/*solution*/
		.solution .index:hover{background:url(menuhomebg.gif) 0 -28px no-repeat}
		.solution .on,
		.solution a:hover{background:url(menubg.gif) 0 -28px no-repeat;}
		/*cases*/
		.cases .index:hover{background:url(menuhomebg.gif) 0 -56px no-repeat}
		.cases .on,
		.cases a:hover{background:url(menubg.gif) 0 -56px no-repeat;}
		/*service*/
		.service .index:hover{background:url(menuhomebg.gif) 0 -84px no-repeat}
		.service .on,
		.service a:hover{background:url(menubg.gif) 0 -84px no-repeat;}
		/*about*/
		.about .index:hover{background:url(menuhomebg.gif) 0 -112px no-repeat}
		.about .on,
		.about a:hover{background:url(menubg.gif) 0 -112px no-repeat;}
		/*contact*/
		.contact .index:hover{background:url(menuhomebg.gif) 0 -140px no-repeat}
		.contact .on,
		.contact a:hover{background:url(menubg.gif) 0 -140px no-repeat;}
	
	#main .slogan{height:27px;clear:both;width:900px;margin:0 6px 1px 6px;text-align:left;}

	/*picture*/
	#main #homeBanner{width:900px;margin:0 6px 6px 6px;}
	#main .slogan-home{background:#c4112f;}
	#main .slogan-about{background:#ff8400;}
	#main .slogan-service{background:#9c3681;}
	#main .slogan-cases{background:#0084ff;}
	#main .slogan-solution{background:#009353;}
	#main .slogan-contact{background:#ee1f7a;}
	
	#main #homeNews{float:left;width:275px;margin:0 0 6px 6px !important;margin:0 0 6px 3px;background:url(home-news-bg.gif) right 20px no-repeat;}
	#main #homeNews h2{margin:0;padding:0;height:20px;border-bottom:1px #dadada solid;text-align:left;background:url(home-news-tab-1.gif) left center no-repeat;}
	#main #homeNews h2 a{padding:4px 0 2px 0;width:81px;display:block;float:left;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;text-indent:14px;}
	#main #homeNews .news{height:103px !important;height:115px;}
	#main #homeNews .news ul{margin:7px;padding:0;text-align:left;}
	#main #homeNews .news ul li{color:#565555;float:left;display:block;width:260px;list-style:none;background:url(arrow01.gif) 3px center no-repeat;border-bottom:1px #e1e1e1 dashed;}
	#main #homeNews .news a{text-indent:10px;line-height:22px;color:#565555;text-decoration:none;width:185px;display:block;float:left;overflow:hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
	#main #homeNews .news a:hover{color:#ce2034;text-decoration:none;}
	#main #homeNews .news ul li span{line-height:22px;width:70px;float:right;font-size:11px;display:block;font-family:arial;text-align:right;}
	
	#main #cases{width:610px;float:right;padding-right:6px;}
	#main #cases h2{width:610px;text-align:left;text-indent:12px;padding-top:2px;border-bottom:1px #dadada solid;display:block;margin:0;height:20px;background:url(home-tab-case.gif) left bottom no-repeat;}
	#main #cases h2 .case{padding-top:4px;font-size:12px;font-weight:700;color:#fff;text-decoration:none;display:block;float:left;}
	#main #cases h2 img{padding-top:5px;float:right;border:0;padding-right:10px;}
	#recommand p{float:left;margin:14px 8px !important;margin:10px 5px;width:110px;}
	#recommand p a{}
	#recommand p img{filter:alpha(opacity=60);padding:2px;border:1px #ebebeb solid;width:110px;height:75px;}
	#recommand p a:hover img{filter:alpha(opacity=100);}
	#recommand p span{color:#555;width:110px;display:block;text-align:center;padding:4px 0px;}

/*home select*/
.tm2008style .select_box{margin-top:3px;margin-right:2px;width:102px;height:24px;float:right;text-align:left;}
.tm2008style div.tag_select{display:block;color:#8b8585;width:82px;height:22px;line-height:22px;background:transparent url("tm2008-select.gif") no-repeat 0 0;padding:0 10px;line-height:22px;padding-top:1px;}
.tm2008style div.tag_select_hover{display:block;color:#8b8585;width:82px;height:22px;background:transparent url("tm2008-select.gif") no-repeat 0 -22px;padding:0 10px;line-height:22px;padding-top:1px;}
.tm2008style div.tag_select_open{display:block;color:#8b8585;width:82px;height:22px;background:transparent url("tm2008-select.gif") no-repeat 0 -44px;padding:0 10px;line-height:22px;padding-top:1px;}
.tm2008style ul.tag_options{position:absolute;margin:0;list-style:none;background:transparent url("tm2008-select.gif") no-repeat left bottom;width:100px;padding:0 0 1px;margin:0;width:80px;}
.tm2008style ul.tag_options li{background:transparent url("tm2008-select.gif") repeat-y -102px 0;display:block;width:61px;padding:0 10px;height:22px;text-decoration:none;line-height:22px;color:#8b8585;}
.tm2008style ul.tag_options li.open_hover{background:transparent url("tm2008-select.gif") no-repeat 0 -88px;color:#8b8585}
.tm2008style ul.tag_options li.open_selected{background:transparent url("tm2008-select.gif") no-repeat 0 -66px;color:#8b8585}

/*common footer style*/
#copyright{width:900px;margin:0 6px;background:#f5f5f5;height:28px;clear:both;}
#copyright #footNav{width:900px;float:left;text-indent:5px;line-height:28px;color:#555;text-align:left;}
#copyright #footNav a{margin:0 10px;color:#555;text-decoration:none;}
#copyright #footNav a:hover{color:#3f3e3e;text-decoration:underline;}
#copyright #links{width:180px;float:right;text-align:right;}
#copyright #links select{width:120px;color:#999;height:20px;}
#cp{clear:both;width:892px;margin:0 10px;text-align:right;padding:15px 0 10px 0;color:#555555;font-size:12px;font-family:arial;}
#cp a{color:#555555;text-decoration:none;}
#cp a:hover{color:green;text-decoration:underline;}

/*common left menu*/
#left{width:200px;float:left;margin:3px 6px 6px 6px !important;margin:3px 6px 6px 3px;}
	.columnAbout{background:url(aboutIMAGE.jpg) right 3px no-repeat;}
	.columnTeam{background:url(teamIMAGE.jpg) right 3px no-repeat;}
	.columnService{background:url(serviceIMAGE.jpg) right 3px no-repeat;}
	.columnSolution{background:url(solutionIMAGE.jpg) right 3px no-repeat;}
	.columnContact{background:url(contactIMAGE.jpg) right 3px no-repeat;}
	.columnCases{background:url(casesIMAGE.jpg) right 3px no-repeat;}
	.columnIdea{background:url(ideaIMAGE.gif) right 3px no-repeat;}
	.columnWeb-design{background:url(web-designIMAGE.jpg) right 3px no-repeat;}
	.columnTuiguang{background:url(tuiguangIMAGE.gif) right 3px no-repeat;}
	.columnAided-design{background:url(aided-designIMAGE.jpg) right 10px no-repeat;}
	.columnProgram{background:url(programIMAGE.jpg) right 10px no-repeat;}
	.columnSuperior, .columnJoinus, columnTraining, .columnFlow{}

#left h2{margin-top:2px;height:34px;}
	#left .aboutTitle{background:url(left.title.about.gif) left center no-repeat;}
	#left .contactTitle{background:url(left.contact.title.gif) left center no-repeat;}
	#left .contactTitle1{background:url(left.title.contact.gif) left center no-repeat;}
	#left .serviceTitle{background:url(left.title.support.gif) left center no-repeat;}
	#left .solutionTitle{background:url(left.title.solution.gif) left center no-repeat;}
	#left .partnerTitle{background:url(left.title.partner.gif) left center no-repeat;}
	#left .newsTitle{background:url(left.news.title.gif) left center no-repeat;}
#left .caseTitle{background:url(left.case.title.gif) left center no-repeat;}
#left h2 span{display:none;}
#left ul{background:#f2f2f2 url(left.bg.gif) left center repeat-y;padding:0px;}
#left ul li{text-align:left;text-indent:30px;background:url(line01.gif) left bottom no-repeat;padding-right:2px;}
#left ul li a{color:#333;text-decoration:none;display:block;height:28px;line-height:28px;background:url(arrow02.gif) 18px center no-repeat;}
#left ul li .on{background:#e6e4e4;background:#dedede url(arrow02-on.gif) 18px center no-repeat;}
#left ul li a:hover{color:#000;text-decoration:none;background:#dedede url(arrow02-on.gif) 18px center no-repeat;}
#left ul li a span{color:#b6b1b1;}
#left ul li .sub{color:#666;text-indent:55px;background:url(arrow03.gif) 44px center no-repeat;}
#left ul li .sub:hover{background:#dedede url(arrow03-on.gif) 44px center no-repeat;}
#left ul li .subon{background:#e6e4e4;text-indent:55px;background:#dedede url(arrow03-on.gif) 44px center no-repeat;}
#left ul li .subon:hover{background:#dedede url(arrow03-on.gif) 44px center no-repeat;}
#left .btm{height:10px;background:url(left.btm.gif) left top no-repeat;}
#left .sub-contact{padding:0px 0 0px 5px;background:#f2f2f2 url(left.bg.gif) left center repeat-y;text-align:left;}
#left .sub-contact strong{color:#df0000;}
#left .sub-contact a{color:#515151;text-decoration:none;}
#left .sub-contact a:hover{color:#000;text-decoration:underline;}
#left .sub-contact img{margin:5px auto;}

#left .sub-contact .sub-img{margin:15px 0;}

/*common right content*/
#right{width:685px;float:right;margin:2px 6px 6px 0 !important;margin:2px 3px 6px 0;}
#right h2{text-align:left;padding:15px 0 8px 8px;background:url(line02.gif) left bottom no-repeat;}
#right .words{padding:18px 18px;float:left;}
#right .wordsTXT{float:left;width:450px;text-align:left;color:#4d4d4d;padding:0 10px 15px 20px;line-height:180%;background:url(line02.gif) left bottom no-repeat;}
#right .wordsTXT a{color:#333333;}
#right .content{padding:15px 20px;float:left;width:650px;text-align:left;color:#4d4d4d;line-height:180%;}
#right .faqTitle{margin-left:5px;color:#000;float:left;background:url(faq.title.bg.gif) left center no-repeat;width:630px;height:28px;line-height:30px;text-indent:40px;text-align:left;}
#right .faqAnswer{background:url(faq.quote.gif) 18px 16px no-repeat;text-indent:18px;padding:15px 20px;float:left;width:630px;text-align:left;color:#4d4d4d;line-height:180%;}
	
	#right .content .clist{background:url(clist-bg.gif) left center repeat-y;}
	#right .content .clist .case-top-line{height:9px;width:650px;background:url(case-top-line.gif) no-repeat;clear:both;}
	#right .content .clist .case-line{height:9px;width:650px;background:url(case-line.gif) no-repeat;clear:both;}
	#right .content .clist .case-btm-line{height:9px;width:650px;background:url(case-btm-line.gif) no-repeat;clear:both;}
	#right .content .clist .c{width:290px;hieght:116px;float:left;padding:13px 10px 13px 15px;margin:0 0 0 6px;}
	#right .content .clist .c .preview{width:272px;height:100px;float:left;text-align:left;background:url(case-bg.gif) no-repeat;}
	#right .content .clist .c .preview img{border:2px #eee solid; padding:3px;}
	#right .content .clist .c a{color:#7b7a7a;}
	#right .content .clist .c a:hover{color:#4890c7;}
	#right .content .clist .c .preview a:hover img{border:2px #4890c7 solid;}
	#right .content .clist .c p{float:left;margin:0;padding:5px;line-height:140%;color:#b2b2b2;}
	#right .content .clist .c p strong{color:#6d6d6d;}
	#right .content .clist .c p span{color:#6d6d6d;font-size:11px;}
	#right .content .pager{margin:-4px 0 5px 0 !important;;margin:-10px 0 5px 0;background:#f6f6f6;height:30px;text-align:right;padding-top:5px;border-top:1px #fff solid;}
	#right .content .pager a{display:block;padding:0px 4px;line-height:20px;float:left;border:1px #ccc solid;margin:auto 3px;font-size:11px;text-decoration:none;color:#686868;}
	#right .content .pager a:hover{border:1px #9c9696 solid;}
	#right .content .pager .active{color:#4890c7;font-weight:bold;border-color:#4890c7;}

	#right .content .newsTitle{width:653px;text-indent:22px;color:#af0522;height:31px;line-height:30px;background:url(news.title.gif) left center no-repeat;clear:both;}
	#right .content .newsTitle strong{width:150px;float:left;}
	#right .content .newsTitle span{width:80px;float:right;margin-right:5px;}
	#right .content .newsBlock{float:left;margin:5px auto;}
	#right .content .newsBlock img{float:left;}
	#right .content .newsBlock ul{float:left;width:485px;margin:5px 0 3px 15px;padding:0;}
	#right .content .newsBlock ul li{text-indent:10px;border-bottom:1px #ccc dashed;height:27px;line-height:27px;}
	#right .content .newsBlock ul li a{float:left;width:520px;background:url();}
	#right .content .newsBlock ul li a:hover{color:#c61e2f;background:url(arrow01.gif) 2px center no-repeat;}
	#right .content .newsBlock ul li span{float:right;width:80px;font-size:11px;text-align:right;}

	#right .content .indexnews ul{width:470px;}
	#right .content .indexnews ul li a{width:380px;}
	

	#right .content a{color:#2d2b2b;text-decoration:none;}
	#right .content a:hover{color:#555;text-decoration:underline;}

	#right .content .team .icon{float:left;}
	#right .content .team .intro{float:right;width:530px;}
	
	.hlinks{padding:0 8px;padding-left:10px;color:#555;}
	.hlinks a{margin:auto 3px;color:#555;text-decoration:none;}
	.hlinks a:hover{color:#000;text-decoration:underline;}
	/*在线客服*/
#kefu{width:112px;}
#kefuTop{ background:url(kefuTop.gif); height:28px; width:112px; }
#kefuTop span{ float:right; display:block; height:25px; width:25px; cursor:pointer;}
#kefuCen{ background:url(kefuCen.gif);}
#kefuCen ul li{ line-height:20px; height:20px; font-size:12px; color:#fff; text-align:center; margin:0 2px;}
#kefuBottom{ background:url(kefuBottom.gif) no-repeat; height:6px;}