@charset "utf-8";
/* CSS Document */
body { margin:0px auto; font-family:verdana,"宋体"; font-size:12px; line-height:24px; color:#333; }

a:link{ color:#333; text-decoration:none;}
a:visited{ color:#333; text-decoration:none;}
a:hover{ color:#333; text-decoration:underline;}
a:active{ color:#333; text-decoration:none;}

.topPic{ margin:0 auto; width:1000px; height:92px;}

.width1000{ margin:0 auto; width:1000px; height:auto;}

.topMenu{ margin:0 auto; width:1000px; height:38px; line-height:38px; background:url(../images/top_menu_bg.gif) no-repeat bottom;}
.topMenu ul{ margin:0; padding:0px; list-style:none; width:1000px; height:38px;}
.topMenu ul li.topMunuLeftWidth{ float:left; display:block; width:31px; height:38px;}
.topMenu ul li.topMunuLine{ float:left; display:block; width:1px; height:38px; background:url(../images/top_menu_line.gif) no-repeat bottom;}
.topMenu ul li.topMunuBtn1{ float:left; display:block; width:71px; height:38px;}
.topMenuBtn1Link{ display:block; width:71px; height:38px; line-height:38px; text-align:center; color:#000; text-decoration:none;}
a:link.topMenuBtn1Link{ color:#000; text-decoration:none;}
a:visited.topMenuBtn1Link{ color:#000; text-decoration:none;}
a:hover.topMenuBtn1Link{ color:#cc0000; font-size:14px; font-weight:bold; text-decoration:none; background:url(../images/top_menu_btn1.gif) no-repeat bottom;}
a:active.topMenuBtn1Link{ color:#000; text-decoration:none;}
.topMenuBtn1LinkTrue{ display:block; width:71px; height:38px; line-height:38px; text-align:center; color:#cc0000; font-size:14px; font-weight:bold; text-decoration:none; background:url(../images/top_menu_btn1.gif) no-repeat bottom;}
a:link.topMenuBtn1LinkTrue{ color:#cc0000; text-decoration:none;}
a:visited.topMenuBtn1LinkTrue{ color:#cc0000; text-decoration:none;}
a:hover.topMenuBtn1LinkTrue{ color:#cc0000; text-decoration:none;}
a:active.topMenuBtn1LinkTrue{ color:#cc0000; text-decoration:none;}

.topMenu ul li.topMunuBtn2{ float:left; display:block; width:95px; height:38px;}
.topMenuBtn2Link{ display:block; width:95px; height:38px; line-height:38px; text-align:center; color:#000; text-decoration:none;}
a:link.topMenuBtn2Link{ color:#000; text-decoration:none;}
a:visited.topMenuBtn2Link{ color:#000; text-decoration:none;}
a:hover.topMenuBtn2Link{ color:#cc0000; font-size:14px; font-weight:bold; text-decoration:none; background:url(../images/top_menu_btn2.gif) no-repeat bottom;}
a:active.topMenuBtn2Link{ color:#000; text-decoration:none;}
.topMenuBtn2LinkTrue{ display:block; width:95px; height:38px; line-height:38px; text-align:center; color:#cc0000; font-size:14px; font-weight:bold; text-decoration:none; background:url(../images/top_menu_btn2.gif) no-repeat bottom;}
a:link.topMenuBtn2LinkTrue{ color:#cc0000; text-decoration:none;}
a:visited.topMenuBtn2LinkTrue{ color:#cc0000; text-decoration:none;}
a:hover.topMenuBtn2LinkTrue{ color:#cc0000; text-decoration:none;}
a:active.topMenuBtn2LinkTrue{ color:#cc0000; text-decoration:none;}

.topMenu ul li.topMunuBtn3{ float:left; display:block; width:91px; height:38px;}
.topMenuBtn3Link{ display:block; width:91px; height:38px; line-height:38px; text-align:center; color:#000; text-decoration:none;}
a:link.topMenuBtn3Link{ color:#000; text-decoration:none;}
a:visited.topMenuBtn3Link{ color:#000; text-decoration:none;}
a:hover.topMenuBtn3Link{ color:#cc0000; font-size:14px; font-weight:bold; text-decoration:none; background:url(../images/top_menu_btn3.gif) no-repeat bottom;}
a:active.topMenuBtn3Link{ color:#000; text-decoration:none;}
.topMenuBtn3LinkTrue{ display:block; 91px:95px; height:38px; line-height:38px; text-align:center; color:#cc0000; font-size:14px; font-weight:bold; text-decoration:none; background:url(../images/top_menu_btn3.gif) no-repeat bottom;}
a:link.topMenuBtn3LinkTrue{ color:#cc0000; text-decoration:none;}
a:visited.topMenuBtn3LinkTrue{ color:#cc0000; text-decoration:none;}
a:hover.topMenuBtn3LinkTrue{ color:#cc0000; text-decoration:none;}
a:active.topMenuBtn3LinkTrue{ color:#cc0000; text-decoration:none;}

.topMenuBottom{ margin:0 auto; width:1000px; height:12px; }

.indexBanner{ margin:0 auto; width:940px; height:390px;}
.indexBanner ul{ margin:0; padding:0px; list-style:none; width:940px; height:390px;}
.indexBanner ul li.bannerLeft{ float:left; width:380px; height:390px;}
.indexBanner ul li.bannerRight{ float:left; width:560px; height:390px;}

.contentLine{ margin:0 auto; width:1000px; height:26px; background:url(../images/line.gif) no-repeat;}

.indexCasesTitle{ margin:0 auto; width:940px; height:33px; }
.indexCasesTitle ul{ margin:0; padding:0px; list-style:none; width:940px; height:33px; }
.indexCasesTitle ul li.titleLeft{ float:left; width:220px;; height:33px;}
.indexCasesTitle ul li.titleMore{ float:right; width:49px;; height:33px;}

.indexCases{ margin:0 auto; width:940px; height:325px; }
.indexCasesContent{ float:left; width:290px; height:auto;}
.indexCasesContent ul{ margin:0; padding:0px; list-style:none; width:290px; height:auto;}
.indexCasesContent ul li.casesPic{ width:290px; height:auto;}
.casesPicLink{ display:block; width:280px; height:180px; border:#eeeeee 1px solid; padding:4px; background-color:#eeeeee;}
a:link.casesPicLink{ border:#eeeeee 1px solid; background-color:#eeeeee; padding:4px; text-decoration:none;}
a:visited.casesPicLink{ border:#eeeeee 1px solid; background-color:#eeeeee; padding:4px; text-decoration:none;}
a:hover.casesPicLink{ border:#cc0000 1px solid; padding:4px; text-decoration:none;}
a:active.casesPicLink{ border:#eeeeee 1px solid; background-color:#eeeeee; padding:4px; text-decoration:none;}
.indexCasesContent ul li.casesLine{ height:13px; line-height:13px; background:url(../images/cases_line.gif) no-repeat;}
.indexCasesContent ul li.casesContent{ line-height:18px; color:#999999;}
.indexCasesContent ul li.casesMore{ color:#cc0000;}
.indexCasesContentWidth{ float:left; display:block; width:35px; height:50px;}

.textRed10{ font-size:10px; color:#cc0000;}
a:link.textRed10{ color:#cc0000; text-decoration:none;}
a:visited.textRed10{ color:#cc0000; text-decoration:none;}
a:hover.textRed10{ color:#cc0000; text-decoration:underline;}
a:active.textRed10{ color:#cc0000; text-decoration:none;}

.textRed40{ font-size:40px; color:#cc0000; line-height:60px;}

.buboPicBorder{ border:#d1d1d1 1px solid;}


.indexNewsDiv940{ margin:0 auto; width:940px; height:265px;}
.indexNews{ float:left; width:365px; height:auto;}
.indexNewsTitle{ clear:both; width:365px; height:auto;}
.indexNewsTitle ul{ margin:0; padding:0px; list-style:none; width:365px; height:auto;}
.indexNewsTitle ul li.titleLeft{ float:left;}
.indexNewsTitle ul li.titleRight{ float:right;}
.indexNewsContent{ clear:both; width:365px; height:auto;}
.indexNewsContentLink{ height:14px; line-height:14px;}
.height15{ height:15px; line-height:15px;}
.indexNewsWidth{ float:left; width:20px;}
.indexAffiliates{ float:left; width:241;}
.indexAffiliates ul{ margin:0; padding:0px; list-style:none;}
.indexOurWebsite{ float:left; width:290px;}

.newsTime{ font-size:10px; color:#c1c1c1;}

.footLink{ margin:0 auto; width:940px; height:45px; line-height:18px; background:url(../images/foot_link_bg.gif) repeat-x bottom;}
a:link.footLinkMenu{ color:#c1c1c1; text-decoration:none;}
a:visited.footLinkMenu{ color:#c1c1c1; text-decoration:none;}
a:hover.footLinkMenu{ color:#666666; text-decoration:underline;}
a:active.footLinkMenu{ color:#c1c1c1; text-decoration:none;}
.footLine{ clear:both; margin:0 auto; width:940px; height:15px;}
.footContent{ clear:both; margin:0 auto; width:940px; height:60px;}
.footContentLeft{ float:left;}
.footContentLeft ul{ margin:0; padding:0px; list-style:none;}
a:link.footLinkMenu2{ color:#000000; text-decoration:none;}
a:visited.footLinkMenu2{ color:#000000; text-decoration:none;}
a:hover.footLinkMenu2{ color:#cc0000; text-decoration:none;}
a:active.footLinkMenu2{ color:#000000; text-decoration:none;}
.footContentTel{ float:left; width:290px; text-align:center;}
.footContentRight{ float:left;}
.footContentRight ul{ margin:0; padding:0px; list-style:none;}
.footContentRight ul li.add{ color:#000000;}
.footContentRight ul li.copyright{ color:#999999;}
.footLinkMenu3{ color:#999999; text-decoration:none;}
a:link.footLinkMenu3{ color:#999999; text-decoration:none;}
a:visited.footLinkMenu3{ color:#999999; text-decoration:none;}
a:hover.footLinkMenu3{ color:#000000; text-decoration:none;}
a:active.footLinkMenu3{ color:#999999; text-decoration:none;}

.topMenuS{ margin:0 auto; width:940px; height:35px; color:#cc0000;}
a:link.topMenuSLink{ color:#000000; text-decoration:none;}
a:visited.topMenuSLink{ color:#000000; text-decoration:none;}
a:hover.topMenuSLink{ color:#cc0000; text-decoration:none;}
a:active.topMenuSLink{ color:#000000; text-decoration:none;}

.topTitleDiv{ margin:0 auto; width:940px; height:28px; background:url(../images/top_title_bg.gif)}
.topTitleDivTitle{ float:left;}
.topTitleDivLink{ float:right; color:#999999; line-height:28px;}

.textRed12{ color:#cc0000;}
a:link.textRed12{ color:#333333; text-decoration:none;}
a:visited.textRed12{ color:#333333; text-decoration:none;}
a:hover.textRed12{ color:#cc0000; text-decoration:none;}
a:active.textRed12{ color:#333333 ; text-decoration:none;}
.textRed16Bold{ color:#cc0000; font-size:16px; font-weight:bold;}

.height30{ clear:both; width:100px; height:30px; line-height:30px;}
.height10{ clear:both; width:100px; height:10px; line-height:10px;}
.aboutContent{ margin:0 auto; width:880px; height:auto; font-size:14px; color:333333;}

.newsContent{ clear:both; margin:0 auto; width:910px; height:105px;}
.newsListPic{ float:left; width:135px;}
.newsPicLink{ display:block; width:120px; height:90px; border:#eeeeee 5px solid;}
a:link.newsPicLink{ border:#eeeeee 2px solid; text-decoration:none;}
a:visited.newsPicLink{ border:#eeeeee 2px solid; text-decoration:none;}
a:hover.newsPicLink{ border:#cc0000 2px solid; text-decoration:none;}
a:active.newsPicLink{ border:#eeeeee 2px solid; text-decoration:none;}
.newsListContent{ float:left; width:775px;}
.newsListContentTitle{ height:28px;}
.newsListContentContent{ color:#999999; line-height:18px;}
.newsListContentMore{ margin-top:5px;}
.newsListLine{ clear:both; margin:0 auto; width:910px; height:40px; background:url(../images/news_list_line.gif) repeat-x center;}

.newsPageListBtnDiv{ clear:both; margin:0 auto; width:350px; height:40px; text-align:center;}
.newsPageListBtnDiv ul{ margin:0; padding:0px; list-style:none;}
.newsPageListBtnDiv ul li{ float:left; margin-right:5px;}
.pageListBtnTrue{ display:block; width:20px; height:16px; line-height:16px; background-color:#cc0000; font-size:10px; font-weight:bold; color:#FFFFFF;}
a:link.pageListBtnTrue{ display:block; width:20px; height:16px; line-height:16px; background-color:#cc0000; font-size:10px; font-weight:bold; color:#FFFFFF;text-decoration:none;}
a:visited.pageListBtnTrue{ display:block; width:20px; height:16px; line-height:16px; background-color:#cc0000; font-size:10px; font-weight:bold; color:#FFFFFF;text-decoration:none;}
a:hover.pageListBtnTrue{ display:block; width:20px; height:16px; line-height:16px; background-color:#cc0000; font-size:10px; font-weight:bold; color:#FFFFFF;text-decoration:none;}
a:active.pageListBtnTrue{ display:block; width:20px; height:16px; line-height:16px; background-color:#cc0000; font-size:10px; font-weight:bold; color:#FFFFFF;text-decoration:none;}
.pageListBtn{ display:block; width:20px; height:16px; line-height:16px; background-color:#eeeeee; font-size:10px; font-weight:bold; color:#000000;}
a:link.pageListBtn{ display:block; width:20px; height:16px; line-height:16px; background-color:#eeeeee; font-size:10px; font-weight:bold; color:#000000;}
a:visited.pageListBtn{text-decoration:none;}
a:hover.pageListBtn{ background-color:#cc0000; color:#FFFFFF; text-decoration:none;}
a:active.pageListBtn{text-decoration:none;}

.newsContentTitle{ margin:0 auto; width:880px; height:auto; text-align:center; font-size:14px;}
.newsContentTitle ul{ margin:0; padding:0px; list-style:none;}
.newsContentTitle ul li.newsContentTitleLi1{ color:#cc0000; font-size:24px; font-weight:bold;}
.newsContentTitle ul li.newsContentTitleLi2{ color:#999999; font-size:12px;}
.newsContentDiv{ margin:0 auto; width:880px; height:auto; font-size:14px; color:333333;}

.btnBack{ clear:both; margin:0 auto; width:155px; height:28px;}

.casesListLine{ clear:both; margin:0 auto; width:940px; height:40px; background:url(../images/news_list_line.gif) repeat-x center;}
.casesPageListBtnDiv{ clear:both; margin:0 auto; width:150px; height:40px; text-align:center;}
.casesPageListBtnDiv ul{ margin:0; padding:0px; list-style:none;}
.casesPageListBtnDiv ul li{ float:left; margin-right:5px;}
.casesContentDiv{ margin:0 auto; width:910px; height:auto; font-size:14px; color:333333;}
.casesViewPicRight{ float:right;}
.casesWebLink{ font-size:12px; color:#999999; text-decoration:none;}
a:link.casesWebLink{ color:#999999; text-decoration:none;}
a:visited.casesWebLink{ color:#999999; text-decoration:none;}
a:hover.casesWebLink{ color:#000000; text-decoration:none;}
a:active.casesWebLink{ color:#999999; text-decoration:none;}

.flashCases{ margin:0 auto; width:940px; height:250px; }
.flashCasesContent{ float:left;  width:288px; height:218px; border:#eeeeee 1px solid;}
.flashCasesContentPic{ display:block; width:280px; height:180px; margin:4px;}
.flashCasesContentTitle{ width:288px; height:30px; line-height:30px; background:url(../flash/images/list_bg.gif) no-repeat bottom;}
.flashCasesContentTitle ul{ margin:0; padding:0px; list-style:none;}
.flashCasesContentTitle ul li.flashCasesContentTitleLi1{ float:left;}
.flashCasesContentTitle ul li.flashCasesContentTitleLi2{ float:right; color:#cc0000; font-size:10px;}
.flashContentDiv{ margin:0 auto; width:880px; height:auto; font-size:14px; color:333333; text-align:center;}
.flashContentTitle{ margin:0 auto; width:880px; height:auto; text-align:center; font-size:14px;}
.flashContentTitle ul{ margin:0; padding:0px; list-style:none;}
.flashContentTitle ul li.flashContentTitleLi1{ color:#cc0000; font-size:24px; font-weight:bold;}
.flashContentTitle ul li.flashContentTitleLi2{ color:#999999; font-size:12px;}

.softwareContent{ margin:0 auto; width:880px; height:auto; font-size:14px; color:333333;}

.marketingContent{ margin:0 auto; width:880px; height:auto; font-size:14px; color:333333;}

.serviceContent{ margin:0 auto; width:880px; height:auto; font-size:14px; color:333333; background:url(../service/images/service_bg.gif) no-repeat top right;}
.serviceContentTopLeft{ float:left; width:150px; height:350px;}
.serviceContentTopRight{ float:left; width:350px; height:350px;}
.serviceContentTopLeftQQ1{ width:120px; height:73px; background:url(../service/images/service_qq_bg1.gif) no-repeat no-repeat 0 0;}
.serviceContentTopLeftQQ1True{ width:120px; height:73px; background:url(../service/images/service_qq_bg1.gif) no-repeat no-repeat 0 -73px;}
.serviceContentTopLeftQQ2{ width:120px; height:73px; background:url(../service/images/service_qq_bg2.gif) no-repeat no-repeat 0 0;}
.serviceContentTopLeftQQ2True{ width:120px; height:73px; background:url(../service/images/service_qq_bg2.gif) no-repeat  0 -73px;}
.serviceContentTopLeftQQ3{ width:120px; height:73px; background:url(../service/images/service_qq_bg3.gif) no-repeat 0 0;}
.serviceContentTopLeftQQ3True{ width:120px; height:73px; background:url(../service/images/service_qq_bg3.gif) no-repeat no-repeat 0 -73px;}
.serviceContentTopLeftUL1{ margin:0; padding:0px; list-style:none;}
.serviceContentTopLeftUL1 li{ width:120px; height:43px;}
.serviceContentTopLeftUL2{ margin:0; padding:0px; list-style:none;}
.serviceContentTopLeftUL2 li.serviceContentTopLeftUL2Li1{ margin:0px; padding:0px; float:left; width:10px; list-style:none;}
.serviceContentTopLeftUL2 li.serviceContentTopLeftUL2Li2{ margin:0px; padding:0px; float:left; text-align:right; width:23px; list-style:none;}
.serviceContentTopLeftUL2 li.serviceContentTopLeftUL2Li3{ margin:0px; padding:0px; float:left; width:12px; list-style:none;}
.serviceContentTopLeftUL2 li.serviceContentTopLeftUL2Li4{ margin:0px; padding:0px; float:left; text-align:right; width:23px; list-style:none;}
.serviceContentTopLeftUL2 li.serviceContentTopLeftUL2Li5{ margin:0px; padding:0px; float:left; width:12px; list-style:none;}
.serviceContentTopLeftUL2 li.serviceContentTopLeftUL2Li6{ margin:0px; padding:0px; float:left; text-align:right; width:23px; list-style:none;}
.serviceContentQuestion{ clear:both;}
.serviceContentQuestionTitle{ width:880px; height:51px; text-align:center; background:url(../service/images/service_question_top_btn_bg.gif) repeat-x top;}
.serviceContentQuestionTitle ul{ margin:0 auto; padding:0px; list-style:none; width:522px;}
.serviceContentQuestionTitle ul li{ float:left}
.serviceContentQuestionBg{ margin:0 auto; width:833px; height:auto; background:url(../service/images/question_bg.gif) repeat-y;}
.serviceContentQuestionIcon{ float:left; width:61px; height:auto;}
.serviceContentQuestionContent{ float:left; width:772px; height:auto;}
.serviceContentQuestionContentContent{ margin:0 auto; width:752px; height:auto;}
.serviceContentQuestionBottom{ clear:both; width:833px; height:10px;}
.textServices12{ color:#b1b1b1; font-size:12px;}

.careerContent{ margin:0 auto; width:920px; height:830px; font-size:12px; color:666666; background:url(../images/career_bg.jpg) no-repeat top right;}
.careerContentTextTop{ width:430px; height:150px; color:#000000;}
.careerContentTextLeft{ float:left; width:410px; height:auto; color:#666666;}
.careerContentTextCenter{ float:left; width:100px; height:auto; color:#666666;}
.careerContentTextRight{ float:left; width:410px; height:auto; color:#666666;}

.contactContent{ margin:0 auto; width:910px; height:auto; font-size:14px; color:333333;}
.contactMap{ float:left; width:520px; height:420px; }
.contactTel{ float:left; width:390px;}
.contactPayment{ clear:both;}

.text12{ font-size:12px;}

.newsBottomKeyWord{ margin:0 auto; color:#986844; font-size:12px; text-align:center;}
a:link.newsBottomKeyWord{ color:#986844; text-decoration:none;}
a:visited.newsBottomKeyWord{ color:#986844; text-decoration:none;}
a:hover.newsBottomKeyWord{ color:#000000; text-decoration:underline;}
a:active.newsBottomKeyWord{ color:#986844; text-decoration:none;}