@charset "utf-8";

/*公用部分*/
body {margin:0px auto; padding:0px; font-family:Arial, "宋体"; font-size:12px; line-height:18px; color:#7b797b}
div,form,ul,li,h1,h2,h3,h4,h5,h6,p{list-style:none;margin:0px;padding:0px}
a:link,a:visited{text-decoration:none;color:#7b797b}
a:hover{text-decoration:none;color:#4baa41}
img{border:none;margin:0px;padding:0px; line-height:0px; font-size:0px;}
.hackbox{clear:both;height:0px;font-size:0px;line-height:0px;}

/*页眉*/
.header{ width:1000px; height:103px;margin:0px auto;}
	.logo{ float:left; padding:19px 0px 0px 35px}
	.info{ float:left; padding:62px 0px 0px 179px;}
	.slogan{ float:left; padding:49px 0px 0px 22px;}

/*导航*/
.nav{ background:url(images/nav_bd.gif) repeat-x; height:66px;}
	.nav ul{ width:937px; padding:13px 0px; margin:0px auto;}
	.nav li{ display:block; width:147px; height:41px; float:left; text-indent:-20000px; text-align:center; margin-left:11px;}
	.nav li a:link,.nav li a:visited{ display:block; width:147px; height:41px; text-align:center; background-image:url(images/nav01.gif); background-repeat:no-repeat;}
	.nav li a:hover{ background-image:url(images/nav02.gif);}
	.nav li.nav_index{ margin-left:0px;}
	.nav li .nav_about{ background-position:-158px 0;}
	.nav li .nav_service{ background-position:-316px 0;}
	.nav li .nav_brand{ background-position:-473px 0;}
	.nav li .nav_work{ background-position:-631px 0;}
	.nav li .nav_contact{ background-position:-789px 0;}
	.nav li .on:link,.nav li .on:visited,.nav li .on:hover{background-image:url(images/nav02.gif);}

/*版权信息*/
.footer{ background:url(images/footer_bd.gif) repeat-x; height:73px;}
	.copy{ width:973px; margin:0px auto; padding-left:8px; padding-right:19px;}
	.copy ul{margin-top:20px; float:left;}
	.copy li{ font-size:10px; color:#b7b7b7; text-indent:206px; line-height:10px;}
	.copy li.intro01_copy{ float:left; display:block; text-align:center; border-left:1px solid #FFFFFF; height:14px; line-height:14px; padding:0px 23px; color:#fff; margin-top:5px; text-indent:0px; font-size:12px;}
	.copy li a:link,.copy li a:visited,.copy li a:hover{ color:#fff;}
	.i_tel{ float:left; font-size:12px; color:#fff; font-weight:normal; margin-top:22px;line-height:14px; margin-left:45px;}
	.i_tel span{ font-size:10px;}
	.i_add{ float:left; font-size:12px; color:#fff; font-weight:normal; background:url(images/footer_bd01.gif) no-repeat 0 5px; width:150px;line-height:14px; padding-left:85px; padding-top:22px; margin-left:20px;}

/*首页内容*/
.i_main{ width:937px; margin:0px auto;}
	.banner{ float:left;}
	.ours{ float:left; width:220px; height:222px; background-color:#4a494a; margin-left:6px; padding:25px 0px 0px 15px;}
		.ours .intro01_ours{ border-bottom:1px solid #6e6d6e; margin-top:38px; padding-bottom:14px; margin-right:26px;}
		.ours .intro02_ours{ margin-top:10px;}
	.i_service{ margin-top:13px; margin-bottom:32px;}
		.i_service li{ display:block; float:left; width:240px; margin-right:15px;}
		.i_service li.intro01_i_service{width:230px;}
		.i_service li.intro02_i_service{width:210px;}
		.i_service li.intro03_i_service{width:200px; margin-right:0px;}
		.i_service li p{ margin-top:28px; padding-left:13px;}
	.i_work{ float:left; margin-bottom:23px; width:698px;}
		.i_work li{ float:left; border-bottom:1px dashed #b6b6b6; margin:13px 13px 13px 0px; padding-bottom:9px; display:block; line-height:12px;}
		.i_work li.intro01_i_work{ margin-right:0px; margin-left:1px;}
		.i_work li span{font-size:10px; color:#4baa41; line-height:10px;}
		
	.i_more{ display:block; width:698px; background:url(images/more_bd.gif) repeat; height:25px; text-align:right;}	
	.i_news{float:left; margin-bottom:23px; width:235px; margin-left:4px; padding-bottom:10px;}
		.i_news li{ margin-top:8px; padding-left:8px; background:url(images/index_bd.gif) repeat-x left bottom; padding-bottom:11px;}
		.i_news li span{font-size:10px; color:#4baa41; line-height:10px;}
		.i_news li p{ color:#000; line-height:12px;}
		.i_news li a:link,.i_news li a:visited{color:#000;}
		.i_news li a:hover{color:#4baa41}
	.i_more01{ display:block; width:auto; background-color:#6fbb67; height:25px; text-align:right; margin-top:13px;}
	
/*简介内容*/
.about_main{ width:919px; margin:0px auto;}
	.about01_banner{ background-color:#4a494a; display:block; height:162px;}
		.about01_banner h2{ padding:12px 0px 0px 28px;}
		.about_nav li{ float:left; display:block;}
		.about_nav li a:link,.about_nav li a:visited{ display:block; height:38px; text-indent:-100000px; background-image:url(images/about_nav01.gif); background-repeat:no-repeat;}
		.about_nav li a:hover{ background-image:url(images/about_nav02.gif);}	
		.about_nav li .about01_nav{ width:262px; background-position:left top}
		.about_nav li .about02_nav{ width:135px; background-position:-262px top}
		.about_nav li .about03_nav{ width:135px; background-position:-397px top}
		.about_nav li .about04_nav{ width:135px; background-position:-532px top}
		.about_nav li .about05_nav{ width:252px; background-position:-667px top}
		.about_nav li .on01:link,.about_nav li .on01:visited,.about_nav li .on01:hover{background-image:url(images/about_nav02.gif);}
	.about01_main01{ margin:40px 0px; width:400px; padding-left:25px; border-left:1px solid #838383; float:left; margin-right:50px; height:210px;}
		.about01_main01.intro01_about01{ margin-right:0px;}
		.about01_main01 p{line-height:24px; padding-bottom:35px;}
		.about01_main01 p.intro02_about01{ padding-bottom:3px;}
		.about01_main01 p.intro03_about01{ background:none; text-indent:0px;}
	.about01_title{ height:32px; background-color:#848684}
		.about01_title img{ padding:8px 0px 0px 28px;}
	.about01_main02{ float:left; width:466px; margin-top:50px;}
		.about01_main02 li{ float:left; padding-bottom:15px; padding-right:8px;}
	.about01_main03{ float:left; padding:24px 0px 28px 10px;}
	
/*理念内容*/
.about_main.about02_bd{ background:url(images/about02_bd01.gif) no-repeat left 360px;}
	.about02_main01{ text-align:center; margin:60px 0px 30px 0px;}
	.about02_main02{ padding:20px 50px 50px 230px; background:url(images/about02_bd02.gif) no-repeat 20px 20px; line-height:14px;}

/*团队内容*/
.about03_main{ background:url(../pic/about03_pic.jpg) no-repeat bottom right; margin:45px 0px; height:371px;}
	.about03_main p{ width:300px; margin-top:10px;}

/*新闻内容*/

.newscate_main{ float:left; border-left:1px solid #838383; padding-left:32px; width:425px; margin:32px 0px 20px 0px; line-height:16px; height:280px;}
	.newscate_main li{ padding-bottom:10px; background:url(images/about04_bd01.gif) no-repeat 0px 7px; padding-left:10px;}
	.newscate_main li span{ font-size:10px; color:#4baa41;}
.pageg{float:left;}
	.pageg li{ float:left; display:block; margin-left:2px; width:19px; height:19px; border:3px solid #bdbabd; text-align:center; line-height:20px;}
	.pageg li.intro01_page{ width:auto; border:none}
	.pageg li a:hover{ background-color:#bdbabd; display:block; color:#fff; font-weight:bold;}
	.pageg li .on02:link,.page li .on02:visited,.page li .on02:hover{background-color:#bdbabd; display:block; color:#fff; font-weight:bold;}
	.pagebd{background:url(images/more_bd.gif) repeat; display:block; height:25px; width:580px; float:left;}
	.pagemore{background:url(images/more_bd.gif) repeat; display:block; height:25px; width:800px; float:left;}
	.pagemore a img{padding-left:780px;}
	
.about04_left{float:left; width:450px; }	
.about04_left .about04_main{ float:left; border-left:1px solid #838383; padding-left:32px; width:425px; margin:32px 0px 20px 0px; line-height:16px; height:375px;}
	.about04_left .about04_main li{ padding-bottom:10px; background:url(images/about04_bd01.gif) no-repeat 0px 7px; padding-left:10px;}
	.about04_left .about04_main li span{ font-size:10px; color:#4baa41;}
.about04_left .page ul{ margin-bottom:30px; float:left;}
	.about04_left .page ul li{ float:left; display:block; margin-left:2px; width:19px; height:19px; border:3px solid #bdbabd; text-align:center; line-height:20px;}
	.about04_left .page ul li.intro01_page{ width:auto; border:none}
    .about04_left .page ul li a:hover{ background-color:#bdbabd; display:block; color:#fff; font-weight:bold;}
    .about04_left .page ul li .on02:link,.page li .on02:visited,.page li .on02:hover{background-color:#bdbabd; display:block; color:#fff; font-weight:bold;}
	.about04_left .page_bd{background:url(images/more_bd.gif) repeat; display:block; height:25px; width:100px; float:left;}
	
.about04_rigth{float:left;width:425px; }		
.about04_rigth  .about04_main{ float:left; border-left:1px solid #838383; padding-left:32px; width:425px; margin:32px 0px 20px 0px; line-height:16px; height:375px;}
	.about04_rigth .about04_main li{ padding-bottom:10px; background:url(images/about04_bd01.gif) no-repeat 0px 7px; padding-left:10px;}
	.about04_rigth .about04_main li span{ font-size:10px; color:#4baa41;}
.about04_rigth.page ul{ margin-bottom:30px; float:left;}
	.page li{ float:left; display:block; margin-left:2px; width:19px; height:19px; border:3px solid #bdbabd; text-align:center; line-height:20px;}
	.page li.intro01_page{ width:auto; border:none}
    .page li a:hover{ background-color:#bdbabd; display:block; color:#fff; font-weight:bold;}
    .page li .on02:link,.page li .on02:visited,.page li .on02:hover{background-color:#bdbabd; display:block; color:#fff; font-weight:bold;}
	.page_bd{background:url(images/more_bd.gif) repeat; display:block; height:25px; width:100px; float:left;}
	

	
/*新闻详细内容*/
.i_more.back{ width:auto;margin-bottom:30px; }
.left_rigth{float:left;}
.about04n_main{ border-left:1px solid #838383; padding-left:18px; padding-right:30px; margin:25px 0px;  width:620px;float:left;}
	.about04n_main img{ float:right; margin-left:25px;}
	.about04n_main p{ margin-bottom:35px; line-height:24px;}
	.about04n_main p.intro01_about04n{ margin-bottom:0px;}
.about04n_title{ background-color:#848684; margin-top:30px; height:32px; font-size:14px; color:#fff; font-weight:bold; line-height:32px; padding-left:20px;}
	.about04n_title span{ float:right; font-size:10px; font-weight:normal; margin-right:20px;}
	
/*历程内容*/
.about05_main{ background:url(images/about05_bd01.jpg) no-repeat right bottom; margin-top:35px;}
	.about05_left{width:478px; float:left}
	.about05_main ul{ border-left:1px solid #838383; padding-left:120px; margin-bottom:30px; line-height:24px;}
	.about05_main ul.intro02_about05{ background:url(images/about05_bd01.gif) no-repeat 20px 5px;}
	.about05_main ul.intro03_about05{ background:url(images/about05_bd01.gif) no-repeat 20px -93px;}
	.about05_main ul.intro04_about05{ background:url(images/about05_bd01.gif) no-repeat 20px -262px;}
	.about05_main ul.intro05_about05{ background:url(images/about05_bd01.gif) no-repeat 20px -406px;}
	.about05_main ul.intro06_about05{ background:url(images/about05_bd01.gif) no-repeat 20px -540px;}
	.about05_main ul.intro07_about05{ background:url(images/about05_bd01.gif) no-repeat 20px -610px;}
	.about05_main ul.intro08_about05{ background:url(images/about05_bd01.gif) no-repeat 20px -682px; height:37px;}
	.about05_left.intro01_about05{ width:440px;}
	
/*网络互动行销全案内容*/
.service_nav li{ float:left; display:block; }
	.service_nav li a:link,.service_nav li a:visited{ display:block; height:38px; text-indent:-100000px; background-image:url(images/service_nav01.gif); background-repeat:no-repeat;}
	.service_nav li a:hover{ background-image:url(images/service_nav02.gif);}
	.service_nav li .service01_nav{ width:276px; background-position:0px 0px;}	
	.service_nav li .service02_nav{ width:193px; background-position:-276px 0px;}
	.service_nav li .service03_nav{ width:193px; background-position:-469px 0px;}
	.service_nav li .service04_nav{ width:257px; background-position:-662px 0px;}
	.service_nav li .on03:link,.service_nav li .on03:visited,.service_nav li .on03:hover{background-image:url(images/service_nav02.gif);}
.service01_left{ margin:42px 0px; float:left; width:403px;}
	.service01_left h3{padding-left:25px;}
	.service01_left p{border-left:1px solid #838383; padding-left:25px; margin:12px 0px 24px 0px; line-height:24px; }
	.service01_left ul{ border-left:1px solid #838383; padding-left:25px; }
	.service01_left li{ padding-top:10px;}
	.service01_left li.intro01_service01{ font-size:14px; font-weight:bold;}
.service01_right{ float:left; width:486px; text-align:center; margin:42px 0px; }
	.service01_pic01{ float:left; padding-top:30px; padding-left:130px;}
	.service01_pic02{ float:left; padding-top:30px; padding-left:20px;}
	
/*网站设计内容*/
.service02_pic01{ padding-top:60px;}

/*网络公关内容*/
.service03_left{ width:432px; margin:42px 0px; float:left; }
	.service03_left h3{padding-left:25px;}
	.service03_left p{border-left:1px solid #838383; padding-left:25px; margin:12px 0px 24px 0px; line-height:24px;}
	.service03_left h4{border-left:1px solid #838383; padding-left:25px; line-height:24px; font-size:14px;}
	.service03_left h4 span{ font-size:12px; line-height:18px;}

/*数据库营销服务内容*/
.dbpop_main{ margin:50px 0px 120px 0px;}
	.dbpop_main h3{ padding-left:25px;}
	.dbpop_main p{border-left:1px solid #838383; padding-left:25px; margin:12px 0px 70px 0px; font-weight:bold;}
	
/*服务品牌内容*/
.brand_tab{ background-color:#bfbfbf; margin:30px 0px;}
	.brand_tab td{ background-color:#fff}

/*作品赏析内容*/
.work_title{ background-color:#848684; height:32px; margin-top:30px;}
	.work_title img{ padding-top:9px; padding-left:20px;}
.work_main{ width:auto;}
	.work_main li{ margin-right:28px; margin-bottom:0px;}
	.footer.intro01_work{ margin-top:40px;}
	
/*作品赏析详细页面内容*/
.workn_title{ font-size:14px; color:#fff; background-color:#848684; height:24px;margin-top:30px; padding-top:8px; padding-left:20px;}
	.workn_title span{ font-size:10px; font-weight:normal; float:right; padding-right:20px;}
.workn_main{ padding:25px 0px; line-height:24px;}
	.workn_main p{ border-left:1px solid #838383; padding-left:20px; margin-bottom:20px;}
	.workn_main p.intro01_workn01{ margin-bottom:0px;}
	.workn_main p.intro02_workn01{ margin-bottom:0px; margin-top:20px;}
	.workn_pic01{ float:right; margin-left:24px;}
.workn_main.intro03_work05{ background:url(../pic/workn05_pic02.jpg) no-repeat right top;}
	
/*联系我们内容*/
.contact_left{ float:left; margin:10px 25px 19px 0px;}
.contact_right{ font-size:14px; color:#000; background:url(images/contact_bd.gif) no-repeat 0px 210px; float:left; padding-top:270px;}
	.contact_right li{ padding-top:15px;}
	
/*网站地图内容*/
.sitemap_main{ margin:55px 0; font-size:14px; background:url(images/sitemap_bd01.gif) no-repeat 200px 0px; height:420px; position:relative;}
	.sitemap_main li{ color:#000;}
	.sitemap_main li a:link,.sitemap_main li a:visited{color:#000;}
	.sitemap_main li a:hover{color:#4baa41;}
	.sitemap_main li span{ color:#4baa41; margin-right:8px;}
.sitemap_index{ position:absolute; top:168px; left:480px;}
.sitemap_about{ position:absolute; top:195px; left:217px;}
.sitemap_service{ position:absolute; top:34px; left:406px;}
.sitemap_brand{ position:absolute; top:20px; left:662px;}
.sitemap_work{ position:absolute; top:232px; left:682px;}
.sitemap_contact{ position:absolute; top:320px; left:388px;}
	.sitemap_servicelist{position:absolute; top:15px; left:240px; text-align:right;}
	.sitemap_aboutlist{position:absolute; top:190px; left:65px; text-align:right; width:165px;}
		.sitemap_aboutlist li{ float:left; margin-right:30px;}
		.sitemap_aboutlist li.intro01_aboutlist{ padding-left:74px;}


.hcc_main li{ display:block; height:auto; overflow:auto;  width:920px; float:left; margin-bottom:5px}
.hccml_title{ height:62px;background:#F9FCF6; border:1px solid #E3E6E0; cursor:pointer}
.hccml_title h3{ font-size:14px; color:#000; line-height:26px; border-bottom:1px solid #D7DAD6; margin-top:4px; margin-bottom:1px}
.hccm_l{ margin:4px 0 0 0px;float:left; padding-left:4px}
.hccm_c{ float:left;margin:0 10px 0 10px; width:750px}
.hccm_c span{ display:block; float:left; line-height:30px; overflow:hidden}
.hccm_c_s1{ width:300px}
.hccm_c_s2{ width:185px}
.hccm_c_s3{ width:120px}
.hccm_btn_nomorl{ float:left; width:30px; height:41px; background:url(images/hccm_btn_1.gif); margin-top:10px; clear:right}
.hccm_btn_hover{ float:left; width:30px; height:41px; background:url(images/hccm_btn_2.jpg); margin-top:10px; clear:right}

.hccml_title_h{ color:#fff; border:1px solid #96A1A7; background:#96A1A7;height:62px; cursor:pointer}
.hccml_title_h h3{font-size:14px; color:#fff; line-height:26px; border-bottom:1px solid #D7DAD6; margin-top:4px; margin-bottom:1px}

.hccml_main{ width:918px; border:1px solid #B4BDC0; background:#fff; margin:0; clear:both; height:auto; overflow:auto; text-align:left; margin-bottom:3px; overflow:hidden}
.hccml_img{ display:block; float:left; width:228px; height:138px; padding:14px 0 14px 14px}
.hccml_main p{float:left; width:410px; line-height:22px; padding:14px 14px 14px 41px}
.hccml_main p img{ margin-top:10px}