body { background-color:#f2f2f2; }
.banner { position:relative; width:100%; min-width:1000px; height:240px; background:#13295b; overflow:hidden; }

#J_bannerPic li { width:100%; height:240px; overflow:hidden; } 
#J_bannerPic li a { display:block; width:100%; height:240px; overflow:hidden; }
#J_bannerBar { position:absolute; left:50%; bottom:40px; _bottom:40px; margin-left:350px; height:28px; overflow:hidden; z-index:9;}
#J_bannerBar li { float:left; width:15px; height:15px; margin-right:5px; background-position:0 -169px; _background-position:0 -168px; overflow:hidden; text-align:center; cursor:pointer; text-indent:-999em; }
#J_bannerBar .current { height:28px; background-position:-17px -169px; _background-position:-17px -168px; }

.bannerPhoto { position:relative; height:240px; overflow:hidden; }
.bannerPhoto ul { position:absolute; width:30000em; height:383px; }
.bannerPhoto ul li { float:left; height:240px; }
.bannerPhoto ul li a { display:block; height:240px; }

.container { position:relative; width:960px; margin:-40px auto 0; padding:0 20px 20px; background:#fff; z-index:999; }

.colPicTitle { padding:20px 0; }

.wrap {}
.wrap .main { float:left; width:840px; }
.wrap .extra { float:right; width:110px; }

.wrap .main_web { float:left; width:800px; }
.wrap .extra_web { float:right; width:150px; }

.programNews { width:840px; height:30px; background:#f5f5f5; overflow:hidden; }
.programNews ul { height:30px; padding:0; }
.programNews ul li { float:left; padding:0 35px 0 10px; background-position:-147px -13px; font-size:12px; line-height:30px; }
.programNews a { margin-right:15px; }
.programNews a:hover { color:#f7b700; }

.sNav { margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ddd; line-height:30px; }
.sNav a { margin:0 8px; color:#4c4c4c; }
.sNav a:hover,.sNav .current { color:#1361b9; }

.menu_web {}
.menu_web li { width:110px; margin-bottom:10px; background:#aaa; font:100 18px/24px "microsoft yahei"; }
.menu_web li a { display:block; padding:45px 0px 7px 7px; color:#fff; text-align:left; }
.menu_web li a:hover,.menu li .current { background:url(ico_12.png) no-repeat 70px 14px; color:#fff; text-decoration:none; }
.menu_web .m1 { background:#1361b9; }
.menu_web .m2 { background:#f7b700; }

.menu {}
.menu li { width:150px; margin-bottom:10px; background:#aaa; font:100 18px/24px "microsoft yahei"; }
.menu li a { display:block; padding:45px 0px 7px 7px; color:#fff; text-align:left; }
.menu li a:hover,.menu li .current { background:url(ico_12.png) no-repeat 70px 14px; color:#fff; text-decoration:none; }
.menu .m1 { background:#1361b9; }
.menu .m2 { background:#f7b700; }

/* 方案 */
.pMod-a { margin-bottom:20px; padding:15px 0 10px; border-bottom:1px solid #ddd; }
.pMod-a-1 { width:578px; }
.pMod-a-2 { width:250px; }

.sItem { height:100px; padding-top:20px; }
.sItem dl { position:relative; width:140px; height:75px; padding:0 600px 0 100px; }
.sItem dl dt { position:absolute; top:0; left:10px; width:75px; height:75px; }
.sItem dl .t { padding-top:18px; color:#1361b9; font-size:16px; font-weight:bold; line-height:30px; }
.sItem dl .i { padding:5px 0 10px; line-height:16px; }
.sItem dl .m { line-height:20px; }
.sItem dl .m a { color:#1361b9; }
.sItem dl .pic { position:absolute; top:0; right:0; width:600px; height:75px; }

.pMod-b { padding-top:20px; }
.pMod-b-w { width:840px; padding-top:0; }
.pMod-b-1 { width:270px; }
.pMod-b-2 { width:270px; }
.mr15 { margin-right:15px; }

.tT24 { padding:0 10px; font-size:24px; line-height:40px; font-weight:100; font-family:"microsoft yahei"; }

.programSNav { padding-bottom:0; border-top:1px solid #ddd; border-bottom:none; line-height:40px; }
.programSNav a { display:inline-block; }
.programSNav a:hover,.programSNav .current { background:url(ico_09.gif) no-repeat top center; }

.pBox { min-height:228px; _height:228px; padding:10px; border:1px solid #e8e8e8; overflow:hidden; }
.pBox .tT24 { padding:0; }
.pBox p { padding-top:7px; text-align:center; }
.pBox ul { height:54px; padding:10px 3px 12px }
.pBox ul li,.pBox ul li a { color:#1361b9; }
.pBox .more { text-align:right; line-height:15px; }
.pBox .more a { color:#1361b9; }

.tSlide { background:#eee; }
.tSlide dt { background:url(ico_07.gif) no-repeat 12px 5px; }
.tSlide dt a { display:block; padding-left:45px; line-height:30px; }
.tSlide dt a:hover,.tSlide dt .current { background:url(ico_08.gif) no-repeat #e2e2e2 12px 5px; }
.tSlide dd { position:relative; height:75px; padding:20px 0 20px 105px; background:#f7f7f7; }
.tSlide dd .pic { position:absolute; top:20px; left:15px; width:75px; height:75px; }

.introduction { width:250px; height:320px; padding:0; overflow:hidden; }
.introduction .tT24 { padding:10px 10px 0; }
.introduction .programWrap { padding:5px 0; }
.introduction .program dd { width:145px; display:none; }
.introduction .programWrap .current dt { background:url(ico_08.gif) no-repeat 12px 5px #e2e2e2; }
.introduction .programWrap .current dd { display:block; }


.industry { width:270px; height:250px; overflow:hidden; }
.industry .tT24 { padding-top:10px; }
.industry .programWrap { padding:16px 0 0; }
.industry .program dd { width:225px; display:none; height:auto; padding:14px 0 14px 45px; line-height:21px; }
.industry .program dd a { color:#1361b9; }
.industry .current dt { background:url(ico_08.gif) no-repeat 12px 5px #e2e2e2; }
.industry .current dd {display:block;}

/* 案例 */
.casePanel { margin:0 14px; }
.casePanel .hd { position:relative; height:60px; padding:13px 13px 13px 113px; background:#ececec; overflow:hidden; }
.casePanel .hd .smPic { position:absolute; top:13px; left:13px; width:90px; height:60px; }
.casePanel .hd .tit,.casePanel .hd .tit a { color:#1361b9; font-size:14px; }
.casePanel .hd .tit .hook { float:right; width:23px; height:23px; background-position:0 -75px; font-size:0; line-height:0; }

.casePanel .hd .line { background:url(ico_06.gif) repeat-x left bottom; }
.casePanel .hd .tit { font-size:16px; cursor: pointer; }
.casePanel .hd .tit,.casePanel .hd ul { height:30px; line-height:30px; }
.casePanel .hd ul li { float:left; margin-right:35px; color:#999; }
.casePanel .hd ul li em { color:#333; }

.casePanel .current .tit .hook { background-position:0 -98px; }

.casePanel .con { padding:20px; border:6px solid #ececec; background:#fff; line-height:20px; display:none; }
.casePanel .con .fl { width:322px; }
.casePanel .con .fr { width:415px; }
.bigPic { width:320px; margin-bottom:20px; border:1px solid #666; }
.wTLink a { display:block; width:63px; height:16px; background:url(ico_05.gif) no-repeat; text-indent:-999em; }

.casePanel .ft { height:20px; overflow:hidden; }

.mb100 { margin-bottom:100px; }

.map { padding:20px 20px; }

/* 内容区域 */
.article { padding:0 0 0; }
.article .hd { padding:23px 35px 7px; text-align:center; }
.article .hd h1 { padding:0; color:#1361b9; font-size:18px; line-height:50px; }
.article .hd .titBar { padding:6px 0 0; border-top:1px solid #eee; color:#7f7f7f; line-height:28px; } 
.article .bd { padding:20px 35px 35px; font-size:14px; line-height:24px; word-wrap:break-word; word-break:break-all; }

.article h2 {
	font-size: 18px;
	line-height: 35px;
	text-indent: 28px;
}

.article p {
	font-size: 14px;
	line-height: 28px;
	text-indent: 28px;
}

.article .mytitle {
	font-size: 14px;
	text-align: left;
	text-indent: 28px;
	line-height: 28px;
	color: #060;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E8E8E8;
	font-weight: normal;
	background-image: url(images/dot1.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 10px;
}
.article .case_list li{
	float: left;
	height: 190px;
	width: 220px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 9px;
	margin-left: 9px;
	padding-left: 22px;
	display: inline;
}
.article .case_list img{
    
	display: block;
	background-color: #FFF;
	padding: 3px;
	border: 1px solid #EDC7A1;
 	width: 200px;
	 
}
.article .case_list a{
	line-height: 31px;
	font-size: 14px;
}

/* 新闻列表 */
.firstNews { position:relative; height:330px; margin:20px 15px; padding:5px 20px 5px 385px; border:6px solid #ececec; }
.firstNews .pic { position:absolute; top:5px; left:5px; width:356px; height:330px; background:#f7f7f7; text-align:center; }
.firstNews .pic img { margin-top:40px; border:1px solid #e2e2e2; }
.firstNews .intro { padding-top:45px; }
.firstNews .intro .t { color:#1361b9; font:100 11px/16px arial; }
.firstNews .intro h3 { font-size:14px; line-height:24px; }
.firstNews .intro .i { padding:10px 0 0; line-height:18px; }

.list { width:810px !important; margin:0 15px 40px; overflow:hidden; clear:both; }
.list ul { width:860px; }
.list ul li { float:left; width:380px; margin-right:50px; }

.newsPanel { margin:0 14px 20px; }
.newsPanel h3 { padding-left:15px; border-left:5px solid #f7b700; background:#f4f4f4; color:#1361b9; line-height:33px; }
.newsPanel h3 a { color:#1361b9; }
.newsPanel dl { position:relative; height:140px; padding:10px 0 0 390px; overflow:hidden; }
.newsPanel dl dt { position:absolute; top:10px; left:6px; }
.newsPanel dl dd { line-height:28px; }
.newsPanel dl dd span { display:inline-block; width:64px; color:#999; }
.newsPanel dl .info { padding:5px 0; line-height:18px; }
.newsPanel dl .line { background:url(ico_06.gif) repeat-x left bottom; }
.newsPanel dl .more { height:16px; line-height:16px; }
.newsPanel dl .more a { float:left; width:65px; margin-right:5px; color:#fff; font-family:"microsoft yahei"; font-size:11px; text-align:center; }

.cBlue { color:#1361b9!important; }
.bBlue { background:#1361b9!important; }
.bOrange { background:#ff9f33; }

/* 列表区域 */
.infoList_01 li { background:url(ico_06.gif) repeat-x top left; line-height:30px; }
.infoList_01 li a { float:left; padding-left:30px; background:url(ico_10.gif) no-repeat 11px 11px; }

/* 列表区域 half */
.infoList_Half_01 { width:840px; overflow:hidden; }
.infoList_Half_01 li { float:left; width:380px; margin-right:40px; }

/* 分页 */
.pageWrapper_02{height:18px;margin:0 15px;padding-top:10px;border-top:1px solid #ececec; }
.pageWrapper_02 .pagination{float:left;height:18px}
.pageWrapper_02 .pages,.pageWrapper_02 .pages li,.pageWrapper_02 .pages a,.pageWrapper_02 .pages span,.pageWrapper_02 .jump{float:left}
.pageWrapper_02 .pages li{margin-right:4px;color:#999}
.pageWrapper_02 .pages a,.pageWrapper_02 .pages span{padding:0 0 0 4px;line-height:18px}
.pageWrapper_02 .pages .prev,.pageWrapper_02 .pages .next {padding:0 10px;background:#c6c6c6;color:#fff;}
.pageWrapper_02 .pages .prev a,.pageWrapper_02 .pages .next a {padding:0;color:#fff;}
.pageWrapper_02 .pages .prev a:hover,.pageWrapper_02 .pages .next a:hover {padding:0;color:#fff;}
.pageWrapper_02 .pages .current span{font-weight:bold;color:#1361b9}
.pageWrapper_02 .pages a:hover,.pageWrapper_02 .pages a:active{color:#1361b9;text-decoration:none}

.history { width:840px; }
#history { width:840px; overflow:hidden; }
#history .viewport { position:relative; width:840px; height:490px; overflow:hidden; }
#history .overview { position:absolute; left:0; top:0; height:490px; margin:0; padding:0; list-style:none; }
#history .scrollbar{ position:relative; height:15px; background:url(bg-scrollbar-track-x.png) no-repeat 0 0; clear:both; }
#history .track { position:relative; width:100%; height:15px; background:url(bg-scrollbar-trackend-x.png) no-repeat 100% 0 }
#history .thumb { position:absolute; left:0; top:-5px; background:transparent url(bg-scrollbar-thumb-x.png) no-repeat 100% 50%; height:25px; cursor:pointer; overflow:hidden; }
#history .thumb .end{ height:25px; width:5px; background:transparent url(bg-scrollbar-thumb-x.png) no-repeat 0 50%; overflow:hidden; }
#history .disable { display: none; }

.officeMenu { height:35px; margin-bottom:0; background:url(r4.gif) repeat-x; }
.officeMenu li { float:left; width:138px; height:35px; font-size:14px; font-weight:bold; text-align:center; }
.officeMenu li a { display:block; width:138px; padding-top:4px; line-height:31px; }
.officeMenu li a:hover,.officeMenu li .current { background:url(r5.jpg) no-repeat; color:#ff9000; text-decoration:none; }
.office { margin-top:20px; }
.office th { height:32px; border-bottom:4px solid #0075c4; background:url(r6.gif) no-repeat; color:#0075c2; font-size:14px; text-align:left; line-height:32px; }
.office th em { padding-left:37px; }
.office .cl { background:#e8ebf0; color:#0075bf }
.office tr { border-bottom:1px dotted #cacccb; }
.office td a:hover { color:#ff9000; }
.highPaying { width:231px; margin:14px auto 0; }
.highPaying li { width:231px; border-bottom:3px solid #fff; background:#c7c7c7; color:#fff; }
.highPaying li a { display:block; width:231px; padding:3px 0; background:#c7c7c7; color:#fff; }
.highPaying li a:hover { background:#ff9000; color:#fff; text-decoration:none; }
.highPaying .o { padding-left:15px; font-weight:bold; }

.messageForm { padding:0 0 20px 60px; }
.messageForm p { padding:5px 0; }
.messageForm select,.messageForm input,.messageForm textarea { border:1px solid #888888; }
.messageForm select { width:160px; }
.messageForm textarea { vertical-align:top; }

/* 08-27 */
.classroom { padding:10px 22px 7px; border:1px solid #eee; }
.classroom h3 { font:22px/38px "microsoft yahei"; }
.classroom ul { padding:11px 0 ;}
.classroom ul li { float:left; width:304px; }
.classroom ul li a { color:#1361B9; }
.classroom .more { text-align:right; }
.classroom .more a { color:#1361B9; }

	/* 服务项目 */
.service { width:770px; margin:0 auto; padding:60px 0 60px; }
.sIntro { margin-top:-20px; padding:7px 17px 7px 5px; color:#777; line-height:24px; position:relative; }
.service .serviceItem { position:relative; float:left; width:150px; height:150px; margin:0 2px 4px; display:inline; overflow:hidden; cursor:pointer; }
.service .serviceItem h2 { width:150px; height:150px; background:#ffad33; font:16px/150px "microsoft yahei"; text-align:center; color:#000;}
.service .serviceItem .trans { position:absolute; top:150px; left:0; width:120px; height:120px; padding:15px; background:#66ccff; }
.service .serviceItem .trans dt { margin-bottom:13px; font:16px/26px "microsoft yahei";color:#000; }
.service .serviceItem .trans dd { color:#fff; line-height:18px; }
.service .serviceItem2 { position:relative; float:left; width:150px; height:150px; margin:0 2px 4px; display:inline; overflow:hidden; cursor:pointer; }
.service .serviceItem2 h2 { width:150px; height:150px; background:#ffad33; font:16px/150px "microsoft yahei"; text-align:center; color:#000;}
.service .serviceItem2 .trans { position:absolute; top:150px; left:0; width:120px; height:120px; padding:15px; background:#66ccff; }
.service .serviceItem2 .trans dt { margin-bottom:13px; font:16px/26px "microsoft yahei";color:#000; }
.service .serviceItem2 .trans dd { color:#fff; line-height:18px; }

.yahei{font-family:"microsoft yahei";}

/* 互联网营销解决方案 */
.fProgram { margin:0 5px 35px; }

.need { float:left; width:405px; padding:16px 35px 0; }
.need .hd { height:35px; padding-left:50px; background:url(ico_17.jpg) no-repeat; }
.need .hd h3 { padding-top:3px; color:#214382; font:15px/18px "microsoft yahei"; }
.need .hd h4 { color:#999; font:9px/11px arial; }
.need .bd { height:130px; }
.need .bd ul { padding:10px; }
.need .bd ul li { padding-left:12px; line-height:28px; background:url(ico_18.gif) no-repeat 0 11px; }
.need .bd ul li a { padding-left:12px; }

.help { background:url(fProgramL.gif) no-repeat; }
.help .hd { background:url(ico_19.jpg) no-repeat; }

/* 一站式服务流程 */
.fiveParts { width:940px; margin:0 10px 24px; overflow:hidden; }
.fiveParts ul { height:35px; background:url(fiveParts.jpg) repeat-x; }
.fiveParts ul li { float:left; height:35px; background:url(fivePartsF.jpg) no-repeat right top; font-size:15px; line-height:35px; overflow:hidden; }
.fiveParts ul li a { float:left; padding:0 55px 0 35px; color:#fff; }
.fiveParts ul li a:hover { color:#fff; }
.fiveParts .other { background:none; }
.fiveParts .other a { padding-right:0; background:none; }
.fiveParts p { padding-top:14px; background:url(fivePartsL.gif) no-repeat center 7px; color:#666; font-size:15px; line-height:24px; text-align:center; }

.parts { background:url(parts.jpg) repeat-x; }

.project { margin:0 5px; padding:16px 35px 0; }
.project .hd { position:relative; height:35px; padding-left:50px; }
.project .hd h3 { color:#214382; font:16px/18px "microsoft yahei"; }
.project .hd h4 { color:#92aace; font:12px/16px \5b8b\4f53; }
.project .hd .num { position:absolute; top:0; left:0; width:37px; height:35px; background:url(ico_20.jpg) no-repeat; color:#fff; font-family:arial; font-weight:bold; font-size:20px; line-height:35px; text-align:center; }
.project .bd { height:180px; }

.projectItem { position:relative; width:760px; height:150px; padding:20px 10px 10px 110px; }
.projectItem .pic { position:absolute; top:22px; left:10px; width:85px; height:85px; }
.projectItem h3 { margin-bottom:4px; color:#214382; font-weight:100; font-size:16px; line-height:20px; }
.projectItem .info { padding-bottom:19px; color:#666; line-height:20px; overflow:hidden; }
.projectItem .more { width:85px; height:27px; padding-left:15px; background:url(ico_22.gif) no-repeat; color:#fff; font-size:14px; line-height:25px; }
.projectItem .more a { color:#fff; }

.projectItemHalf .bd { height:218px; }
.projectItemHalf .projectItem { float:left; width:320px; height:188px; }

/* 大型 */
.solutions { width:410px; height:280px; margin:0 auto 35px; padding:62px 510px 0 30px; background:url(solutions.jpg) no-repeat; color:#666; }
.solutions h2 { margin-bottom:5px; color:#0196da; font-weight:100; font-size:20px; line-height:38px; }
.solutions h4 { margin-bottom:5px; color:#333; font-weight:100; font-size:12px; line-height:20px; }
.solutions .more { width:85px; height:27px; margin-top:25px; padding-left:15px; background:url(ico_22.gif) no-repeat; color:#fff; font-size:14px; line-height:25px; }
.solutions .more a { color:#fff; }
.fiveParts_2 ul li a { float:left; padding:0 41px 0 20px; }

/* 品牌 */
.designFoucs { position:relative; width:950px; height:356px; margin:0 auto; }
#designFoucs .slides_container { width:950px; height:356px; }
#designFoucs .pagination { position:absolute; bottom:20px; right:20px; z-index:99; }
#designFoucs .pagination li { float:left; width:15px; height:15px; margin-left:11px; display:inline; text-indent:-999em; overflow:hidden; }
#designFoucs .pagination li a { display:block; width:15px; height:15px; background:url(ico_30.gif) no-repeat; }
#designFoucs .pagination li a:hover,#designFoucs .pagination .current a { background:url(ico_31.gif) no-repeat; }
.description { width:850px; height:303px; margin:0 auto; padding:57px 0 0 100px; background:url(description.jpg) no-repeat; color:#708d99; line-height:30px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs17 { font-size:17px; }
.cBlue { color:#36a1d3; }
.cYellow { color:#c19c2b; }
.cGreen { color:#329727; }
.cDeepBlue { color:#436471; }
.m10 { margin-bottom:10px; }
.designItem { width:930px; height:310px; margin:0 auto; padding:0 15px 0 5px; background:url(designItem.jpg) no-repeat; }
.designItem li { float:left; width:197px; height:78px; color:#bbeeff; margin-top:73px; margin-left:108px; display:inline; cursor:pointer; }
.designItem li:hover { text-decoration:underline; }
.designItem .designItemBottom { height:83px; margin-top:56px; }
.IDC { margin:0 30px 20px; height:38px; line-height:38px; }
.IDC a { display:block; float:right; width:405px; height:38px; background:url(ico_32.gif) no-repeat; color:#1f1506; font-size:13px; text-align:center; }
.IDC a:hover { background:url(ico_33.gif) no-repeat; color:#fff; text-decoration:none; }

/* 新闻 瀑布流 */
.resultWrap { width:840px; }
.resultBox { width:840px; position:relative; }
.newsBox { float:left; width:206px; padding:0; margin:0 2px 0; background:#fff url(pb_c.gif) repeat-y; display:inline; }
.newsBox .pic { width:176px; padding:15px 15px 0; background:url(pb_t.gif) no-repeat; height:auto; }
.newsBox .intro { width:176px; padding:0 15px 4px; background:url(pb_b.gif) no-repeat left bottom; }
.newsBox .intro dt { padding:5px 0 3px; font-size:14px; line-height:24px; text-align:center; }
.newsBox .intro .more { height:17px; margin-top:9px; text-align:right; overflow:hidden; }
.newsBox .intro .more a { display:inline-block; width:30px; height:17px; padding-top:17px; background:url(pb_btn.gif) no-repeat; overflow:hidden; }