@charset "gb2312";
/* CSS Document */

/*È«¾ÖËø¶¨*/
*{ padding:0px; margin:0px;}
li{ list-style:none;}
html { text-align:center; font-size:12px;}
body{ background: url(TopBg.jpg) repeat-x #ecf1f7; cursor:default}


img{ border:0;}
font{ font-size:12px;}
#red{ color:#F00;}


a:link,a:visited{ color: #201b18; text-decoration:none; }
a:hover{ color: #830600; text-decoration:none; }

#white a:link,#white a:visited{ color: #FFF;}
#white a:hover{ color: #dfb800; }


.TopM{ width:975px; height:85px; margin:auto; text-align:left; background:url(Top.jpg) no-repeat;}
.TopM ul{ width:125px; height:20px; float:right; display:inline; margin:5px 25px auto auto; line-height:20px;}

.Menu{ width:975px; height:42px; margin:20px auto 0px auto; background: url(MenuBg.jpg) repeat-x;}
.MenuLeft{ width:10px; height:42px; float:left; background: url(MenuLeft.jpg) no-repeat;}
.MenuRight{ width:10px; height:42px; float:left; background: url(MenuRight.jpg) no-repeat;}
.MenuM{ width:955px; height:42px; float:left;}

#nav a { display: block; width: 102px; height:42px; line-height:42px; text-align:center; font-size:14px;} 
#nav a:link,#nav a:visited { color:#FFF; } 
#nav a:hover { color:#FFF; font-weight:bold; } 
#nav li { float: left; } 
#nav li a:hover{ background: url(MenuHover.jpg) no-repeat; } 
#nav li ul { line-height: 27px; text-align:left; left: -999em; width: 102px; position: absolute;} 
#nav li ul li{ float: left; width: 102px; height:30px;background: #F6F6F6; border-bottom:1px solid #d1d1d1;} 
#nav li ul a{ wedisplay: block; width:102px; height:30px; text-align:center; line-height:30px; font-size:12px;} 
#nav li ul a:link,#nav li ul a:visited { color:#666;} 
#nav li ul a:hover { color:#F3F3F3; font-weight:normal; background:#da3637; } 
#nav li:hover ul { left: auto; } 
#nav li.sfhover ul { left: auto; } 

.Data{ width:120px; height:42px; float:left; text-align:center; line-height:42px; color:#FFF;}

.Banner{ width:975px; margin:5px auto auto auto;}

.IndexCont01{ width:975px; margin:10px auto 0px auto; text-align:left; overflow:hidden;}

.IndexAbout{ width:238px; height:230px; float:left; background:url(IndexAboutBg.jpg) no-repeat;}
.IndexAbout ul{ width:205px; float:left; display:inline; margin:115px auto auto 16px; line-height:20px;}

.IndexNews{ width:450px; height:225px; float:left; display:inline; margin: auto auto auto 15px; border:1px solid #e3e3e3; background:#f6f6f6;}
.IndexNewsTitle{ width:450px; height:28px; float:left; background:url(IndexNewsTitleBg.jpg) repeat-x;}
.IndexNewsTitle span{ float:left; height:28px;}
.IndexNewsTitle p{ height:28px; line-height:28px; float:right; padding-right:10px;}
.IndexNewsM1{ width:415px; height:80px; float:left; display:inline; margin:10px auto auto 17px; border-bottom:1px dotted #225ab7;}
.IndexNewsM1 span{ width:104px; height:65px; float:left; display:inline; margin:auto 10px auto auto; background:url(IndexNewsLiBg.jpg) no-repeat;}
.IndexNewsM1 span img{ width:98px; height:59px; padding:3px;}
.IndexNewsM1 h3{ width:295px; height:24px; float:left; line-height:24px; font-size:12px;}
.IndexNewsM1 p{ width:295px; float:left; line-height:18px; color:#747474;}

.IndexNewsM2{ width:415px; float:left; display:inline; margin:5px auto auto 17px;}
.IndexNewsM2 ul li{ width:395px; height:25px; float:left; line-height:25px; background:url(Icon01.jpg) no-repeat 0px 7px; padding-left:20px;}
.IndexNewsM2 ul li span{ float:right; color:#ff0101;}

.IndexBrand{ width:254px; height:230px; float:left; display:inline; margin:auto auto auto 15px; display:inline; background:url(IndexBrandBg.jpg) no-repeat;}
.IndexBrand ul{ float:left; display: inline; margin:36px auto auto 5px;}
.IndexBrand ul li{ float:left; display:inline; margin:5px auto auto 10px;}

.IndexContAd{ width:975px; height:77px; margin:10px auto 0px auto; text-align:left;}

.IndexContact{ width:238px; height:320px; float:left; background:url(IndexContactBg.jpg) no-repeat;}
.IndexContact ul{ width:205px; float:left; display:inline; margin:55px auto auto 16px; line-height:20px; color:#3b3b3b;}

.IndexCase{ width:720px; height:320px; float:left; display:inline; margin:auto auto auto 15px; background:url(IndexCase.jpg) no-repeat;}
.IndexCaseTitle{ width:720px; height:36px; float:left;}
.IndexCaseTitle a{ width:720px; height:36px; display:block;}
.IndexCaseM{ width:680px; float:left; display:inline; margin:15px auto auto 20px;}
.tablediv{ width:175px; height:160px; float:left; text-align:center; background:url(IndexCaseLiBg.jpg) no-repeat;}
.tablediv span{ float:left; width:155px; height:115px; display:inline; margin:3px auto auto 4px;}
.tablediv h3{ width:163px; height:20px; float:left; line-height:20px; text-align:center; font-weight:100; font-size:12px; margin-top:10px;}

.IndexCopy{ width:975px; height:85px; background:#0573c9; margin:10px auto 0px auto; text-align:center; color:#FFF; font-family:Arial; line-height:20px;}
.IndexCopy ul{ width:975px; float:left; margin:10px auto auto auto;}
.IndexBen{ width:975px; margin:5px auto 0px auto; text-align:center;}


.ZyCont{ width:975px; margin:10px auto 0px auto; text-align:left; overflow:hidden;}

.ZyLeft{ width:238px; float:left; }
.ZyNav{ width:238px; float:left; background:url(ZyNavBg.jpg) repeat-y;}
.ZyNavTitle{ width:238px; height:44px; float:left; background:url(ZyNavTitle.jpg) no-repeat; text-align:center; color:#FFF;}
.ZyNavTitle span{ height:30px; float:left; line-height:30px; font-size:14px; font-weight:bold; font-family:"΢ÈíÑźÚ"; padding-left:60px;}
.ZyNavTitle p{ height:30px; float:left; line-height:30px; font-size:14px; font-weight:bold; font-family: Arial; padding-left:5px;}
.ZyNavM{ width:175px; float:left; display:inline; margin: auto auto auto 30px;}
.ZyNavM ul li{ width:175px; height:30px; float:left; margin-top:5px; background:url(ZyNavLink.jpg) no-repeat;}
.ZyNavM a:link,.ZyNavM a:visited{ width:175px; height:30px; display:block; text-align:center; line-height:30px; color:#2a2a2a; }
.ZyNavM a:hover{ background:url(ZyNavHover.jpg) no-repeat; color:#FFF; font-weight:bold;}
.ZyNavBottom{ width:238px; height:35px; float:left; background:url(ZyNavBottom.jpg) no-repeat;}

.ZyNavVisited a:link,.ZyNavVisited a:visited{ color:#FFF; font-weight:bold; background:url(ZyNavHover.jpg) no-repeat;}

.ZyRight{ width:720px; float:left; display:inline; margin:auto auto auto 15px; background:#FFF;}
.ZyRightTitle{ width:720px; height:37px; float:left; background:url(ZyRightTitle.jpg) no-repeat;}
.ZyRightTitle span{ height:33px; line-height:33px; float:left; padding-left:70px; font-family:"΢ÈíÑźÚ"; font-weight:bold; font-size:14px; color:#FFF;}
.ZyRightTitle p{ height:24px; line-height:24px; float:right; padding-right:10px; color:#181818;}

.ZyRightM{ width:718px; border:1px solid #dedede; border-top:0px; overflow:hidden; padding-bottom:25px;}

.ZyNews{ width:670px; float:left; display:inline; margin:10px auto auto 25px;}
.ZyNews ul li{ width:630px; height:30px; float:left; background: url(Icon02.jpg) no-repeat #d9d9d9; line-height:32px; padding-left:40px; margin:10px auto auto auto;}
.ZyNews ul li span{ width:100px; height:30px; float:right; background:#a5a5a5; text-align:center; line-height:30px; color:#FFF;}

.ZyNewsView{ width:670px; float:left; display:inline; margin:10px auto auto 25px;}
.ZyNewsViewTitle{ width:670px; line-height:20px; float:left; font-size:18px; text-align:center; font-weight:bold; font-family:"΢ÈíÑźÚ"; margin-top:15px;}
.ZyNewsViewNav{ width:670px; height:20px; float:left; line-height:20px; text-align:center; border-bottom:1px dotted #666; margin-top:10px;}
.ZyNewsViewPic{ width:670px; float:left; margin:15px auto auto auto; text-align:center;}
.ZyNewsViewM{ width:670px; float:left; margin:15px auto auto auto; line-height:200%; color:#343434;}

.ListPage{width:670px; height:24px; float:left; line-height:24px; margin-top:20px; text-align:center; color: #333;}

.ZyProd{ width:670px; float:left; display:inline; margin:10px auto auto 25px;}
.ZyProd ul li{ width:315px; height:146px; float:left; display:inline; margin:10px auto auto 10px; border:1px solid #c7ecff; background:#FFF;}
.ZyProd ul li span{ width:180px; height:130px; float:left; display:inline; margin:5px 5px auto 5px; border:3px solid #f7f7f7;}
.ZyProd ul li p{ width:110px; float:left; margin:5px auto auto auto; line-height:18px; color:#343434;}

.ZyCase{ width:670px; float:left; display:inline; margin:10px auto auto 25px;}
.ZyCase ul li{ width:205px; height:185px; float:left; border:1px solid #c7ecff; background:#FFF; display:inline; margin:10px auto auto 10px;}
.ZyCase ul li span{ width:193px; height:143px; float:left; padding:6px;}
.ZyCase ul li h3{ width:205px; height:20px; float:left; line-height:20px; text-align:center; font-size:12px; font-weight:100;}