@charset "utf-8";

html,body,div,p,span,font,ul,li,table,tr,td{ margin:0; padding:0; font-size:12px; font-family:'微软雅黑'; color:#333333;}
html{height:100%; margin:0; padding:0;}
body{ background:url(../Imges/BG.jpg);}
ul,li{ list-style-type:none;}
img{ border:0px;}
.All{ width:998px; margin:0 auto;}
a{color:#666666; text-decoration:none;}
a:hover{color:#666666; text-decoration:none;}



/*头部*/
#Top{ float:left; width:100%; height:27px; background:url(../Imges/TopBG.png);}
#Header{ float:left; width:100%; height:112px; overflow:hidden;}
#Header .Logo{ float:left; width:164px; height:83px; background:url(../Imges/Logo.png); margin-top:12px; margin-left:10px; display:inline;}
#Header .MenuSearch{ float:left; width:765px; margin-left:59px; margin-top:21px; display:inline;}
#Header .MenuSearch .Search{ float:right; width:195px; height:25px; background:url(../Imges/ioc/Search.png); margin-right:28px; display:inline;}
#Header .MenuSearch .Search .TextBox{ float:left; font-size:12px; line-height:20px; width:150px; color:#888888; background-color:transparent; height:20px; border:0px; margin-left:2px; margin-top:2px; padding-left:10px; padding-right:10px; display:inline;}
#Header .MenuSearch .Search .Btn{ float:left; width:17px; height:22px; border:0px; background-color:transparent; cursor:pointer; margin-top:2px; display:inline;}
#Header .MenuSearch .Menu{ float:left; width:765px; margin-top:20px; line-height:30px; display:inline;}
#Header .MenuSearch .Menu p{ float:left; font-size:16px; color:#333333; font-family:"微软雅黑"; margin-left:20px; line-height:30px; display:inline;}
#Header .MenuSearch .Menu a{ color:#333333; font-family:"微软雅黑";}



/*轮播广告*/
#AD{ float:left; width:100%; height:286px; overflow:hidden;}
#AD .ADBG{ float:left; width:998px; height:286px; overflow:hidden;}



/*尾部*/
#Bottom{ float:left; width:100%; margin-top:20px; min-height:82px; _height:82px; display:inline;}
#Bottom .BotLine{ float:left; width:998px; height:1px; overflow:hidden;}
#Bottom .BotLine .ColorLine{ float:right; width:394px; height:1px; overflow:hidden; background:#e6e6e6;}
#Bottom .BotLogo{ float:left; width:253px; height:26px; background:url(../Imges/BotLogo.png); margin-left:24px; margin-top:10px; display:inline;}
#Bottom .BotText{ float:right; width:640px; margin-right:30px; margin-top:6px; display:inline;}
#Bottom .BotText .BotLitMenu{ float:left; width:640px; text-align:right; line-height:20px;}
#Bottom .BotText .BotLitMenu p{ color:#999999; font-family:"微软雅黑"; margin-left:8px; display:inline;}
#Bottom .BotText .BotLitMenu a{ color:#999999; font-family:"微软雅黑";}
#Bottom .BotText .BotTip{ float:left; width:640px; color:#999999; text-align:right; font-family:"微软雅黑"; margin-top:5px; display:inline;}



/*分页*/
.PageBox{ float:left; width:998px; text-align:center; margin-top:20px; padding-bottom:30px; display:inline;}
.PageBox2{ float:left; width:799px; text-align:center; margin-top:30px; padding-bottom:30px; display:inline;}

.div_page{ width:100%; font-size:12px;}
.div_page a{display:inline-block; padding:0px 8px; height:22px; line-height:22px; padding-top:2px; border:solid 1px #777777; color:#959595; margin-left:5px; }
.div_page a:hover{ border:solid 1px #999999; color:#999999; background:#dfdfdf; }
.div_page span{ display:inline-block; padding:0px 8px; height:24px; line-height:24px; border:solid 1px #999999; color:#999999; background:#dfdfdf; margin-left:5px;}
.div_page font{ color:#858585; line-height:22px; padding-top:2px;}
.div_page .Btn123{ width:50px; height:24px; line-height:22px; background:url(../Imges/common.png); color:#434343; cursor:pointer; border:1px solid #D7D7D7;border-radius:4px 4px 4px 4px;}

.News-UpdateTip{ float:left; width:100%; text-align:center; font-size:16px; line-height:400px;}





/*首页中部*/
#Home{ float:left; width:100%; margin-top:17px; display:inline;}
#Home .First{ float:left; width:998px;}
#Home .First .FirstTit{ float:left; width:998px; height:29px; background:url(../Imges/ioc/HomeMet.png);}
#Home .First .FirstCon{ float:left; width:998px;}
#Home .First .FirstCon .FirstNews{ float:left; width:261px; margin-left:20px; margin-top:15px; display:inline;}
#Home .First .FirstCon .FirstNews .FNLink{ float:left; width:261px; height:30px;}
#Home .First .FirstCon .FirstNews .FNLink .Dot{ float:left; width:8px; height:8px; overflow:hidden; background:url(../Imges/ioc/BlueDot.png); margin-top:11px; display:inline;}
#Home .First .FirstCon .FirstNews .FNLink .Text{ float:left; width:235px; height:30px; line-height:30px; margin-left:14px; display:inline;}
#Home .First .FirstCon .FirstLine{ float:left; width:1px; height:145px; background:url(../Imges/ioc/HomeLine.png); overflow:hidden; margin-top:13px; display:inline;}

#Home .First .FirstCon .FirstSort{ float:left; width:680px; margin-left:20px; margin-top:13px; display:inline;}
#Home .First .FirstCon .FirstSort .SortList{ float:left; width:170px; overflow:hidden; height:145px;}
#Home .First .FirstCon .FirstSort .SortList .SLBigTit{ float:left; width:170px; height:24px; line-height:24px; overflow:hidden; margin-top:4px; display:inline;}
#Home .First .FirstCon .FirstSort .SortList .SLBigTit a{ font-size:14px; font-family:"微软雅黑";}
#Home .First .FirstCon .FirstSort .SortList .SLLitTitBox{ float:left; width:170px; height:96px; line-height:16px; margin-top:7px; display:inline;}
#Home .First .FirstCon .FirstSort .SortList .SLLitTitBox p{ float:left; width:170px; height:16px; line-height:16px; overflow:hidden;}
#Home .First .FirstCon .FirstSort .SortList .SLLitTitBox a{ color:#999999;}

#Home .Second{ float:left; width:998px;}
#Home .Second .SecondDev{ float:left; width:281px;}
#Home .Second .SecondDev .SDTit{ float:left; width:281px; height:34px; background:url(../Imges/ioc/HomeMet.png); background-position:0 -30px; margin-top:10px; display:inline;}
#Home .Second .SecondDev .SDCon{ float:left; width:269px; height:300px; overflow:hidden; margin-left:6px; margin-top:2px; display:inline;}

#Home .Second .SecondCase{ float:left; width:693px; margin-left:7px; display:inline;} 
#Home .Second .SecondCase .SCTit{ float:left; width:693px; height:34px; background:url(../Imges/ioc/HomeMet.png); background-position:0 -65px; margin-top:10px; display:inline;}
#Home .Second .SecondCase .SCTit a{ float:right; width:53px; height:14px; margin-right:10px; margin-top:13px; display:inline-block;}

#Home .Second .SecondCase .SCCon{ float:left; margin-top:16px; width:668px;}
#Home .Second .SecondCase .SCCon .SCShow{ float:left; width:166px; height:128px; border-right:1px dotted #d5d5d5;}
#Home .Second .SecondCase .SCCon .SCShow .Pic{ float:left; width:146px; height:83px; overflow:hidden; margin-top:10px; margin-left:10px; display:inline;}
#Home .Second .SecondCase .SCCon .SCShow .Text{ float:left; width:166px; text-align:center; height:35px; line-height:35px; overflow:hidden;}
#Home .Second .SecondCase .SCCon .SCShow .Text a{ font-size:13px;}



/*通用栏目中部*/
#Column{ float:left; width:100%; margin-top:14px; display:inline;}
#Column .Title{ float:left; width:998px; height:42px; line-height:42px; border-bottom:1px solid #cccccc;}
#Column .Title .ColTit{ float:left; margin-left:17px; display:inline;}
#Column .Title .ColTit .CT1{ float:left; font-size:18px;}
#Column .Title .ColTit .CT2{ float:left; font-size:16px; margin-left:3px; margin-top:2px; display:inline;}
#Column .Title .Fast{ float:right; margin-right:17px; display:inline;}
#Column .Title .Fast p{ float:left; color:#999999; margin-left:7px; display:inline;}
#Column .Title .Fast a{ color:#999999;}
#Column .Content{ float:left; width:948px; line-height:30px; margin-left:25px; margin-top:20px; padding-bottom:20px; display:inline;}



/*新闻页中部*/
#News{ float:left; width:100%; margin-top:14px; display:inline;}
#News .Title{ float:left; width:998px; height:42px; line-height:42px; border-bottom:1px solid #cccccc;}
#News .Title .NewsTit{ float:left; margin-left:17px; display:inline;}
#News .Title .NewsTit .NT1{ float:left; font-size:18px;}
#News .Title .NewsTit .NT2{ float:left; font-size:16px; margin-left:3px; margin-top:2px; display:inline;}
#News .Title .Fast{ float:right; margin-right:17px; display:inline;}
#News .Title .Fast p{ float:left; color:#999999; margin-left:7px; display:inline;}
#News .Title .Fast a{ color:#999999;}
#News .Content{ float:left; width:964px; margin-left:17px; margin-top:10px; padding-bottom:20px; display:inline;}
#News .Content .NewsShow{ float:left; width:964px; height:44px; overflow:hidden;}
#News .Content .NewsShow .Link{ float:left; width:964px; height:42px;}
#News .Content .NewsShow .Link .Dot{ float:left; width:3px; height:3px; overflow:hidden; background:#333333; margin-top:19px; margin-left:6px; display:inline;}
#News .Content .NewsShow .Link .Text{ float:left; width:840px; line-height:42px; margin-left:6px; display:inline;}
#News .Content .NewsShow .Link .Text a{ font-size:14px;}
#News .Content .NewsShow .Link .Time{ float:right; margin-right:12px; font-size:14px; line-height:42px; color:#666666;}
#News .Content .NewsShow .Line{ float:left; width:964px; height:2px; overflow:hidden; background:url(../Imges/ioc/NewsLine.png);}
#News .Content .NewsShow .LinkShowCon{ float:left; width:934px; color:#666666; line-height:22px; margin-left:15px; margin-top:10px; display:inline;}


#News .Content .NewsShowTit{ float:left; width:964px; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:600;}
#News .Content .NewsShowTC{ float:left; width:964px; height:24px; line-height:24px; text-align:center;}
#News .Content .NewsLine{ float:left; width:964px; height:2px; overflow:hidden; background:url(../Imges/ioc/NewsLine.png);}
#News .Content .NewsShowCon{ float:left; width:944px; margin-left:10px; font-size:14px; line-height:24px; margin-top:15px; padding-bottom:15px; display:inline;}
#News .Content .NewsShowCon p{ font-size:14px;}
#News .Content .NewsShowCon a{ font-size:14px;}
#News .Content .Bllok{ float:left; width:964px; margin-top:20px; padding-bottom:30px; display:inline;}
#News .Content .Bllok .Shang{ float:left; font-size:14px; margin-left:15px; display:inline;}
#News .Content .Bllok .Shang a{ font-size:14px;}
#News .Content .Bllok .Fan{ float:right; font-size:14px; margin-right:15px; display:inline;}
#News .Content .Bllok .Fan a{ font-size:14px;}



/*通用栏目中部*/
#Jobs{ float:left; width:100%; margin-top:14px; display:inline;}
#Jobs .Title{ float:left; width:998px; height:42px; line-height:42px; border-bottom:1px solid #cccccc;}
#Jobs .Title .JobsTit{ float:left; margin-left:17px; display:inline;}
#Jobs .Title .JobsTit .JT1{ float:left; font-size:18px;}
#Jobs .Title .JobsTit .JT2{ float:left; font-size:16px; margin-left:3px; margin-top:2px; display:inline;}
#Jobs .Title .Fast{ float:right; margin-right:17px; display:inline;}
#Jobs .Title .Fast p{ float:left; color:#999999; margin-left:7px; display:inline;}
#Jobs .Title .Fast a{ color:#999999;}
#Jobs .Content{ float:left; width:964px; line-height:30px; margin-left:17px; padding-bottom:20px; display:inline;}
#Jobs .Content .Link{ float:left; width:964px; margin-top:10px; display:inline;}
#Jobs .Content .Link .LinkTit{ float:left; width:964px; height:28px; line-height:28px; border-bottom:1px dashed #8b8b8b;}
#Jobs .Content .Link .LinkTit .Dot{ float:left; width:12px; height:12px; overflow:hidden; background:url(../Imges/ioc/JobBtn.png); margin-left:2px; margin-top:9px; display:inline;}
#Jobs .Content .Link .LinkTit .LinkText{ float:left; width:700px; font-size:14px; line-height:28px; overflow:hidden; margin-left:15px; height:28px; display:inline;}
#Jobs .Content .Link .LinkTit .LinkTime{ float:right; margin-right:2px; line-height:28px; font-size:14px; display:inline;}
#Jobs .Content .Link .LinkCon{ float:left; width:904px; margin-left:30px; padding-top:7px; padding-bottom:7px; display:inline;}



/*成功案例中部*/
#Suc{ float:left; width:100%; margin-top:14px; display:inline;}
#Suc .Title{ float:left; width:998px; height:42px; line-height:42px; border-bottom:1px solid #cccccc;}
#Suc .Title .SucTit{ float:left; margin-left:17px; display:inline;}
#Suc .Title .SucTit .ST1{ float:left; font-size:18px;}
#Suc .Title .SucTit .ST2{ float:left; font-size:16px; margin-left:3px; margin-top:2px; display:inline;}
#Suc .Title .Fast{ float:right; margin-right:17px; display:inline;}
#Suc .Title .Fast p{ float:left; color:#999999; margin-left:7px; display:inline;}
#Suc .Title .Fast a{ color:#999999;}
#Suc .Content{ float:left; width:920px; line-height:30px; margin-left:39px; margin-top:10px; padding-bottom:20px; display:inline;}
#Suc .Content .SucShow{ float:left; width:166px; height:128px; margin-left:15px; margin-top:20px; display:inline;}
#Suc .Content .SucShow .Pic{ float:left; width:146px; height:83px; overflow:hidden; margin-top:10px; margin-left:10px; display:inline;}
#Suc .Content .SucShow .Text{ float:left; width:166px; text-align:center; height:35px; line-height:35px; overflow:hidden;}
#Suc .Content .SucShow .Text a{ font-size:13px;}



/*客户案例中部*/
#Case{ float:left; width:100%; margin-top:14px; display:inline;}
#Case .Left{ float:left; width:192px;}
#Case .Left .Title{ float:left; width:192px; height:42px; background:url(../Imges/ioc/CaseLeft.jpg); border-bottom:1px solid #cccccc;}
#Case .Left .CaseSortBox{ float:left; width:192px; margin-top:9px; display:inline;}
#Case .Left .CaseSortBox .CSBLink{ float:left; width:173px; height:34px; line-height:34px; margin-left:19px; display:inline;}
#Case .Left .CaseSortBox .CSBLink .Dot{ float:left; width:8px; height:8px; overflow:hidden; background:url(../Imges/ioc/BlueDot.png); margin-top:14px; display:inline;}
#Case .Left .CaseSortBox .CSBLink .Text{ float:left; width:155px; height:34px; line-height:34px; overflow:hidden; margin-left:10px; display:inline;}
#Case .Left .CaseSortBox .CSBLink .Text a{ font-size:14px;}
#Case .Right{ float:left; width:799px; margin-left:7px; display:inline;}
#Case .Right .Title{ float:left; width:799px; height:42px; line-height:42px; border-bottom:1px solid #cccccc;}
#Case .Right .Title .CaseTit{ float:left; margin-left:17px; display:inline;}
#Case .Right .Title .CaseTit .CT1{ float:left; font-size:18px;}
#Case .Right .Title .CaseTit .CT2{ float:left; font-size:16px; margin-left:3px; margin-top:2px; display:inline;}
#Case .Right .Title .Fast{ float:right; margin-right:17px; display:inline;}
#Case .Right .Title .Fast p{ float:left; color:#999999; margin-left:7px; display:inline;}
#Case .Right .Title .Fast a{ color:#999999;}
#Case .Right .Content{ float:left; width:799px;}
#Case .Right .Content .CaseShow{ float:left; width:244px; margin-left:17px; margin-top:15px; display:inline;}
#Case .Right .Content .CaseShow .Pic{ float:left; width:228px; height:150px; padding:7px; background:#f4f4f4; border:1px solid #dbdbdb;}
#Case .Right .Content .CaseShow .Text{ float:left; width:244px; height:30px; line-height:30px; text-align:center;}
#Case .Right .Content .CaseShow .Text a{ font-size:14px;}
#Case .Right .Content .CaseInfo{ float:left; width:779px; margin-left:10px; margin-top:10px; display:inline;}
#Case .Right .Content .CaseInfo .CIPic{ float:left; width:700px; text-align:center; overflow:hidden; margin-left:40px; margin-top:15px; display:inline;}
#Case .Right .Content .CaseInfo .CITit{ float:left; width:779px; height:28px; line-height:28px; text-align:center; font-size:16px; margin-top:15px; display:inline;}
#Case .Right .Content .CaseInfo .CIDet{ float:left; width:779px; line-height:24px; font-size:14px; font-weight:600; margin-top:15px; display:inline;}
#Case .Right .Content .CaseInfo .CICon{ float:left; width:779px; line-height:24px; font-size:14px; margin-top:15px; display:inline;}
#Case .Right .Content .CaseInfo .CICon p{ font-size:14px;}
#Case .Right .Content .CaseInfo .CICon a{ font-size:14px;}




/*产品中心中部*/
#Product{ float:left; width:100%; margin-top:14px; display:inline;}

#Product .Left{ float:left; width:192px;}
#Product .Left .Title{ float:left; width:192px; height:42px; background:url(../Imges/ioc/ProLeft.jpg); border-bottom:1px solid #cccccc;}
#Product .Left .ProSortBox{ float:left; width:192px; margin-top:9px; display:inline;}
#Product .Left .ProSortBox .PSBLink{ float:left; width:173px; height:34px; background:url(../Imges/ioc/ProSort.jpg); line-height:34px; margin-left:19px; display:inline;}
#Product .Left .ProSortBox .PSBLink a{ float:left; width:155px; height:34px; font-size:14px; line-height:34px; overflow:hidden; margin-left:18px; display:inline-block;}
#Product .Left .ProSortBox .dropdown{ float:left; width:166px; line-height:23px; padding-top:5px; padding-bottom:5px; padding-left:26px; display:none;}






#Product .Right{ float:left; width:799px; margin-left:7px; display:inline;}
#Product .Right .Title{ float:left; width:799px; height:42px; line-height:42px; border-bottom:1px solid #cccccc;}
#Product .Right .Title .ProTit{ float:left; margin-left:17px; display:inline;}
#Product .Right .Title .ProTit .PT1{ float:left; font-size:18px;}
#Product .Right .Title .ProTit .PT2{ float:left; font-size:16px; margin-left:3px; margin-top:2px; display:inline;}
#Product .Right .Title .Fast{ float:right; margin-right:17px; display:inline;}
#Product .Right .Title .Fast p{ float:left; color:#999999; margin-left:7px; display:inline;}
#Product .Right .Title .Fast a{ color:#999999;}
#Product .Right .Content{ float:left; width:799px;}
#Product .Right .Content .ProShow{ float:left; width:244px; margin-left:17px; margin-top:15px; display:inline;}
#Product .Right .Content .ProShow .Pic{ float:left; width:228px; height:150px; padding:7px; background:#f4f4f4; border:1px solid #dbdbdb;}
#Product .Right .Content .ProShow .Text{ float:left; width:244px; height:30px; line-height:30px; text-align:center;}
#Product .Right .Content .ProShow .Text a{ font-size:14px;}

#Product .Right .Content .ProInfo{ float:left; width:779px; margin-left:10px; margin-top:10px; display:inline;}
#Product .Right .Content .ProInfo .PIPic{ float:left; width:700px; text-align:center; overflow:hidden; margin-left:40px; margin-top:15px; display:inline;}
#Product .Right .Content .ProInfo .PITit{ float:left; width:779px; height:28px; line-height:28px; text-align:center; font-size:16px; margin-top:15px; display:inline;}
#Product .Right .Content .ProInfo .PIDet{ float:left; width:779px; line-height:24px; font-size:14px; font-weight:600; margin-top:15px; display:inline;}
#Product .Right .Content .ProInfo .PICon{ float:left; width:779px; line-height:24px; font-size:14px; margin-top:15px; display:inline;}
#Product .Right .Content .ProInfo .PICon p{ font-size:14px;}
#Product .Right .Content .ProInfo .PICon a{ font-size:14px;}
#Product .Right .Content .ProInfo .Bllok{ float:left; width:779px; margin-top:20px; padding-bottom:30px; display:inline;}
#Product .Right .Content .ProInfo .Bllok .Shang{ float:left; font-size:14px; margin-left:15px; display:inline;}
#Product .Right .Content .ProInfo .Bllok .Shang a{ font-size:14px;}
#Product .Right .Content .ProInfo .Bllok .Fan{ float:right; font-size:14px; margin-right:15px; display:inline;}
#Product .Right .Content .ProInfo .Bllok .Fan a{ font-size:14px;}