/*corpyRight　定义底部CSS*/
#corpyRight{ width:930px; height:auto; margin:0 auto; padding-top:15px; background:#000000; border-top:1px solid #666666; clear:both; overflow:hidden;}
#corpyRight p{ margin:8px 0; text-align:center; color:#7A7A7A;}
#corpyRight p a{ color:#FFFFFF;}
#corpyRight p a:hover{ color:#FFCC00;}

/*common　定义公用CSS*/
.mainBody{ height:auto; margin:0 auto; padding:20px 10px 0 30px; clear:both; background:#353535;}
#mainLeft{ float:left; width:700px; margin-right:20px; overflow:hidden;}
#mainTitle1, #mainTitle2, #mainTitle3, #mainTitle4, #mainTitle5, #mainTitle6, #mainTitle7, #mainTitle8, #mainTitle9, #mainTitle10{ width:662px; height:39px;  background:url(../images/mainTitle.gif); clear:both;}
#mainRight{ float:left; width:200px; height:auto; margin-bottom:10px; padding-top:10px; background:#7a7a7a;}
.mainRightTitle{ width:170px; height:26px; margin:0 auto 10px auto; line-height:26px; background:url(../images/contentBg.gif) no-repeat -550px -5px; font-size:14px; font-weight:bold; color:#000000; clear:both;}
.mainRightContent{ width:170px; line-height:21px; margin:0 auto 15px auto; color:#222222;}
.mainRightContent p{ line-height:21px; color:#222222;}
.mainRightContent p a:link, .mainRightContent p a:visited, .mainRightContent p a:hover{ float:right; color:#FFCC00; text-decoration:underline;}
.mainRightList{ width:170px; margin:0 auto 15px auto;}
.mainRightList ul li{ height:auto; margin-bottom:6px; padding:0 0 5px 10px; background:url(../images/contentBg.gif) no-repeat -730px 0; border-bottom:1px dashed #9C9A9C;}
.mainRightList ul li a{ color:#222222;}
.mainRightList ul li a:hover{ color:#FFCC00;}
.mainRightList h3{ text-align:right; font-weight:normal; clear:both;}
.mainRightList h3 a{ color:#FFCC00; text-decoration:underline;}
.mainRightCase{ width:170px; margin:0 auto 15px auto;}
.mainRightCase ul li{ height:24; line-height:24px; padding-left:10px; background:url(../images/contentBg.gif) no-repeat -730px 0; color:#222222;}
.mainRightCase ul li a{ color:#222222;}
.mainRightCase ul li a:hover{ color:#FFCC00;}

.mainRightAds{ width:200px;  padding-top:10px; background:#353535; clear:both;}
.arrow_dot{ padding:0 12px 0 3px; background:url(../images/arrow_dot.gif) no-repeat right center; color:#FFFFFF;}

/*1_index　首页*/
#mainTitle1{ background-position:0 0;}
.mainBlock{ width:670px; margin-bottom:25px; background:url(../images/serviceTitle.gif) no-repeat 0 -200px; clear:both}
.mainBlock ul{ display:block; float:left; width:126px; padding:63px 0 0 5px;}
.mainBlock ul li{ width:126px; height:129px; background:url(../images/serviceTitle.gif) no-repeat;}
.mainBlock ul .MBL1{ background-position:0 0;}
.mainBlock ul .MBL2{ background-position:-210px 0;}
.mainBlock ul .MBL3{ background-position:-410px 0;}
.mainBlock ul .MBL4{ background-position:-600px 0;}
.mainBlock ul .MBL5{ background-position:-800px 0;}
.mainBlock dl{ display:block; float:left; width:490px; padding:30px 0 0 35px;}
.mainBlock dl dt{ margin-bottom:15px; font-size:14px; font-weight:bold; color:#FFFFFF;}
.mainBlock dl dt a{ color:#FFFFFF;}
.mainBlock dl dt a:hover{ color:#FFCC00;}
.mainBlock dl dd{ color:#999999; line-height:21px;}
.mainBlock dl dd p{ color:#999999; line-height:21px; text-indent:28px;}
.mainBlock dl dd a:link, .mainBlock dl dd a:visited, .mainBlock dl dd a:hover{ color:#999999;}
.mainBlock dl dd p a:link, .mainBlock dl dd p a:visited, .mainBlock dl dd p a:hover{ float:right; color:#FFCC00; text-decoration:underline;}
/*首页外部链接*/
.outlink{ width:900px; height:auto; margin:10px auto -15px auto; padding:10px 5px 20px 25px; background:#353535; clear:both;}

.outlink ul li{ float:left; width:111px; height:35px; line-height:35px; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}
.outlink ul li img{ margin-right:5px;}
.outlink ul li a{ color:#a5a5a5;}

/*2_about Us　关于我们*/
#mainTitle2{ background-position:0 -60px;}
.aboutContent{ margin-bottom:30px; padding:25px 10px 10px 10px;}
.aboutContent h1{ margin-bottom:20px; font-size:14px; font-weight:bold; color:#FFFFFF;}
.aboutContent p{ line-height:23px; color:#999999; text-align:left; margin-bottom:18px;}
.aboutContent a:link{ color:#FFFFFF;}
.designer{ width:670px; margin-bottom:30px; padding-top:40px; background:url(../images/serviceTitle.gif) no-repeat 0 -200px; clear:both;}
.designer ul{ display:block; float:left; width:126px; padding-left:15px;}
.designer ul li{ width:122px; height:122px;}
.designer ul li img{ width:120px; height:120px; border:1px solid #232323;}
.designer dl{ display:block; float:left; width:490px; padding-left:20px;}
.designer dl dt{ margin-bottom:5px; font-size:14px; font-weight:bold; color:#FFFFFF;}
.designer dl dt a{ color:#FFFFFF;}
.designer dl dt a:hover{ color:#FFCC00;}
.designer dl dd{ color:#999999; line-height:21px;}
.designer dl dd p{ color:#999999; line-height:21px;}
.designer dl dd p a:link, .designer dl dd p a:visited, .designer dl dd p a:hover{ float:right; color:#FFCC00; text-decoration:underline;}

/*3_service　服务项目*/
.serviceContent{ width:670px; background:url(../images/tabMainBg.gif) repeat-y -20px 0; clear:both;}
.tabTitle{ float:left; width:153px; padding-top:60px; text-align:right;}
.tabTitle ul li{ height:31px; line-height:31px; padding-right:20px; font-weight:bold; cursor:pointer;}
.tabTitleOn{ color:#FFCC00; background:url(../images/contentBg.gif) no-repeat -230px 0;}
.tabTitleOn a{ color:#FFCC00;}
.tabTitleOff{ color:#7a7a7a;}
.tabTitleOff a{ color:#7a7a7a;}
.tabContent{ float:left; width:517px; background:#353535;}
.tabContent ul li{ padding:20px 10px 20px 25px;}
.tabContent ul li h3{ font-size:18px; font-family:"黑体"; font-weight:normal; color:#FFFFFF; text-align:center;}
.tabContent ul li p, .tabContent dl dd, .tabContent dl dd p{ line-height:22px; color:#7a7a7a;}
.tabContent ul li img{ border:1px solid #000000;}
.tabContent dl{ padding:20px 10px 0 25px; clear:both;}
.tabContent dl dt{ margin-bottom:15px; border-bottom:2px solid #232323;}
.tabContent dl dt span{ display:block; float:left; height:26px; line-height:26px; font-size:14px; font-weight:bold; color:#FFFFFF; background:url(../images/contentBg.gif) no-repeat;}
.tabContent dl dt .spanC1{ width:15px; background-position:-400px 0;}
.tabContent dl dt .spanC2{ background:#232323;}
.tabContent dl dt .spanC2 a{ color:#FFFFFF;}
.tabContent dl dt .spanC2 a:hover{ color:#FFCC00;}
.tabContent dl dt .spanC3{ width:15px; background-position:-503px 0;}
.tabContent dl dd p a{ float:right; color:#FFCC00;}

/*4_charge　收费标准*/
#mainTitle4{ background-position:0 -300px;}
.chargeContent{ margin:25px 0; border:1px solid #232323; border-collapse:collapse; clear:both;}
.chargeContent tr td{ padding:8px 10px; border:1px solid #232323; border-collapse:collapse; color:#999999; line-height:21px;}
.chargeContent tr td strong{ font-weight:bold; font-size:14px;}
.chargeTitle{ background:#535353; font-size:14px; font-weight:bold;}
.beizhu{ padding:5px; color:#999999;}
.beizhu p{ line-height:21px; padding:6px 0; text-indent:30px; color:#999999;}

/*5_flow　项目开发流程*/
#mainTitle5{ background-position:0 -120px;}
.flowContentText{ padding:20px;}
.flowContentText dl{ margin-bottom:15px; padding:0 5px; border-bottom:1px dashed #555555;}
.flowContentText dl dt{ margin-bottom:5px; font-weight:bold; color:#FFCC00;}
.flowContentText dl dd{ margin-bottom:15px; color:#999999; line-height:18px; text-indent:24px;}
.flowContent{ padding:25px 0; text-align:center;}

/*6_case　经典案例*/
#mainTitle6{ background-position:0 -180px;}
.caseContent{ padding:25px 0 0 20px; overflow:hidden;}

.caseContent dl{ display:block; float:left; width:295px; height:250px; margin:0 30px 10px 0; overflow:hidden;}
.caseContent dl dt{ width:285px; height:200px; padding:5px; background:#FFFFFF;}
.caseContent dl dt img{ width:283px; height:198px; border:1px solid #b3b3b3;}
.caseContent dl dd{ width:295px; height:44px; padding-top:5px; line-height:22px; font-size:14px; text-align:center; color:#FFFFFF;}
.caseContent dl dd a{ color:#FFFFFF;}
.ourclient{}
.ourclient ul li{ text-align:center; margin-bottom:10px;}
.caseClassTitle{ width:617px; height:20px; margin:20px 0 0 20px; padding:0 0 7px 25px; font-size:16px; color:#7a7a7a; border-bottom:1px solid #7a7a7a; font-weight:bold; background:url(../images/casetitledot.gif) 3px 2px no-repeat; clear:both;}
.casenotice{ margin:10px 44px 30px 20px; padding:6px 15px; background:#6c6c6c; color:#171717; font-weight:bold; clear:both;}

/*7_phpProject　开源项目介绍*/
#mainTitle7{ background-position:0 -360px;}

/*8_contact　联系我们*/
#mainTitle8{ background-position:0 -240px;}
.contactContent{ padding-top:25px; clear:both;}
.contactContent dl{ margin-bottom:20px; clear:both;}
.contactContent dl dt{ margin-bottom:20px; font-family:"黑体"; font-size:20px; text-align:center; font-weight:normal; color:#FFCC00;}
.contactContent dl dd{ float:left; width:50%; line-height:22px;}
.contactContent dl dd p{ color:#FFFFFF; line-height:22px;}
.contactContent dl dd p a{ color:#FFCC00; line-height:22px; text-decoration:underline;}
.contactContent ul{ margin-bottom:20px; clear:both;}
.feedback{ margin:0 auto; clear:both;}
.input_feedback{ width:200px; height:22px; border-bottom:1px solid #999999; border-right:1px solid #999999; border-left:1px solid #333333; border-top:1px solid #333333; background:#999999;}
.select_feedback{ width:200px; height:22px; border:1px solid #006699;}
.textarea_feedback{ width:500px; height:200px; border-bottom:1px solid #999999; border-right:1px solid #999999; border-left:1px solid #333333; border-top:1px solid #333333; background:#999999;}
.btn_feedback{ width:50px; margin-right:15px; padding:3px 5px; *padding:5px 150px 2px 3px; border:1px solid #cccccc; background:#999999;}

/*list*/
.list_left_title a{ float:right; color:#617b85;}
.list_class_title{ padding:0 20px 10px 20px; clear:both;}
.list_class_title ul li{ margin-right:15px;}
.list_class_title ul li{ float:left; padding:3px 15px; *padding:4px 15px 2px 15px; line-height:20px;}
.list_class_title ul li a{ font-size:14px;}
.list_class_title ul li.list_class_title_off{ background:#c2c2c2;}
.list_class_title ul li.list_class_title_off a{ color:#444444;}
.list_class_title ul li.list_class_title_on{ font-weight:bold; background:#545454;}
.list_class_title ul li.list_class_title_on a{ color:#CCCCCC;}
.list_newslist{ clear:both;}
.list_newslist dl{ padding:20px; border-bottom:1px solid #666666;}
.list_newslist dl dt{ margin-bottom:10px; color:#666666;}
.list_newslist dl dt a{ display:block; margin-bottom:10px; font-size:14px; font-weight:bold; color:#CCCCCC;}
.list_newslist dl dd{ color:#999999; line-height:21px;}
.list_newslist dl dd a{ color:#999999; text-decoration:underline;}
.list_page{ margin-top:20px; padding:20px 0; text-align:center; font-size:14px; color:#CCCCCC; border-top:none; clear:both;}
.list_page a{ margin:0 3px; padding:3px 5px; background:#c2c2c2; color:#444444; font-size:14px; line-height:21px;}
.list_page a:hover{ background:#000000; color:#FFFFFF;}

/*8_detail　新闻页*/
#breadcrumb{ height:30px; margin-bottom:30px; padding-left:5px; color:#999999; line-height:30px; border-bottom:1px solid #232323; clear:both;}
#breadcrumb a{ color:#999999;}
#breadcrumb a:hover{ color:#FFCC00;}
#newsTitle{ width:670px; margin-bottom:20px;}
#newsTitle h1{ display:block; width:670px; margin-bottom:10px; padding-bottom:6px; text-align:center; font-family:"黑体"; font-size:20px; font-weight:normal; border-bottom:1px solid #727272; color:#FFFFFF; clear:both;}
#newsTitle p{ color:#999999; text-align:center;}
#newsTitle p a{ color:#999999; text-decoration:underline;}
#newsTitle p span{ color:#999999;}
#newsContent{ min-height:1055px; *min-height:1075px; _height:1075px; margin-bottom:30px; padding:15px; font-size:14px; line-height:200%; color:#cccccc; background:#494949; overflow:visible;}
#newsContent div{color:#CCCCCC;}
#newsContent h2{ font-size:18px; color:#CCCCCC;}
#newsContent h3{ font-size:16px; color:#CCCCCC;}
#newsContent p{ margin-bottom:20px; font-size:14px; line-height:200%; color:#cccccc;}
#newsContent a, #newsContent p a{ color:#cccccc;}
#newsContent img, #newsContent p img{ margin:20px auto; border:1px solid #000000;}

/*顶部声明*/
#topADS{ width:100%; margin:0 auto; background:#000000; border-bottom:1px solid #353535; display:none;}
#topADS span{ display:block; width:830px; height:60px; margin:0 auto; font-size:14px; font-weight:bold; background:url(/images/iconWarning.png) center left no-repeat; padding-left:30px; color:#ffcc00; line-height:60px; overflow:hidden;}

/*网站地图*/
#sitemap{ padding:0 30px 30px 0; clear:both;}
#sitemap h3{ display:block; margin:25px 0 6px 0; padding:0 0 6px 5px; border-bottom:1px solid #3e3e3e; font-size:14px; color:#999999; clear:both;}
#sitemap h3 a{ color:#999999;}
#sitemap p{ display:block; padding-left:6px; color:#777777; clear:both;}
#sitemap p a{ color:#777777;}
#sitemap p span{ margin-right:30px; padding-left:10px; background:url(/images/list_dot1.gif) center left no-repeat;}