html,body{
font-family:"微软雅黑",arial,"宋体"; font-size:12px;line-height:2;color:#555555; margin:0 auto; background:url(../Images/OJKaboutbg.jpg) top left repeat-x; background-color:#e7e7e7;}

.nybanner{ width:1167px; height:164px; padding:13px 16px 13px 17px; overflow:hidden; background-color:#ffffff; margin:0 auto; margin-top:12px;}
.nybq{ width:910px; padding-right:257px; padding-bottom:10px; border-bottom:1px dashed #444444;}
.nybq h4{display:inline; color:#007ABB;}
.nygaisu{ width:1167px; margin:0 auto; overflow:hidden; margin-top:14px;}
.nygaisu li{ float:left;}

.nycontent{ width:1200px; margin:0 auto; overflow:hidden; margin-top:8px;}
.nyleft{ width:346px; float:left; margin-left:2px;_margin-left:1px; overflow:hidden;}
.nyright{ width:836px; float:right; overflow:hidden;}
.lefttitle{ width:316px; height:50px; padding-left:30px; background:url(../Images/OJKabout_r8_c3.jpg) top left no-repeat; color:#333333; line-height:36px;}
.lefttitle h3, .leftsearch h3, .leftcontact h3{ line-height:36px; color:#343434;}
.aboutleft{ width:320px; padding:0px 13px 13px 13px; overflow:hidden; background-color:#FFFFFF; margin:0 auto;}
.aboutleft li{ width:320px; height:24px; line-height:24px;}
.aboutleft li a{ line-height:24px;}


.righttitle{ width:800px; height:59px; padding-left:20px; padding-right:16px; background:url(../Images/OJKabout_r8_c6.jpg) top left no-repeat; line-height:34px; text-align:left; color:#333333; font-size:14px; font-weight:bold; }
.righttitle span{ float:right; line-height:34px; font-weight:normal; font-size:12px;}
.righttitle a{ line-height:34px; font-size:12px;}

.maintest { width: 810px; overflow: hidden; padding-left: 13px; padding-right: 13px;   padding-bottom: 18px; background-color: #FFFFFF;}
.picl { margin: 0 auto; width: 935px;}    
.piclItem { float: left; width: 412px; margin: 10px 20px 0px 10px; background-color: #f7f7f7;   border: 1px solid #d5d5d5; border-radius: 5px;}
.piclClassImage { float: left; display: inline; margin: 15px 10px; padding: 5px; border: 1px solid #cccccc;}
.piclClassInfo { float: left; width: 190px; margin-top: 15px;}

.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1;}
.right-extra { float: left;}
.spec-preview { width: 360px; height: 270px; border: 1px solid #DFDFDF;}


.InfoBox { float: right; display: inline; width: 400px; height: 314px; margin-top: 6px; line-height: 22px; position: relative;}
.InfoBox .pdTitle { font-size: 24px; font-weight: bold; color: #0076DB; margin: 12px 0;}
.pdKeywords { color: #4a4a4a; font-size: 12px; margin-bottom: 6px;}
.pdClass, .pdClass a { margin-bottom: 6px;}
.pdpromo { width: 100px; height: 36px; line-height: 36px; background: #0076DB; text-align: center; font-size: 14px; position: absolute; bottom: 10px; right: 0;}
.pdpromo a, .xggc a { color: #fff;}

.ztitle { border-bottom: 1px solid #ccc; margin-top: 20px;}
.zntit_con { display: none; margin: 20px 0; border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.ztitle span.tithov, .ztitle span.tithov a { background: #0076DB; color: #fff;}
.ztitle span { float: left; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #0076DB; font-size: 20px; background: #f0f0f0; font-size: 14px; margin: 0 4px 0 0;}
.zntit_con1 { display: block;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:263px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
 
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}





.spec-scroll .items { float: left; position: relative; width: 322px; height: 44px; overflow: idden;}
.spec-scroll .items ul li { float: left; width: 64px; text-align: center;}
.spec-scroll .items ul li img { border: 1px solid #CCC; padding: 2px; width: 50px; height: 38px;}

.spec-scroll .prev, .spec-scroll .next { display: block; font-family: "宋体"; text-align: center; width: 10px; height: 42px; line-height: 42px; border: 1px solid #CCC; background: #EBEBEB; cursor: pointer; text-decoration: none;}
.spec-scroll .prev { float: left; margin-right: 4px;}
.spec-scroll .next { float: right;}
.spec-scroll { clear: both; margin-top: 5px; width: 362px;}



.rightcontent{ width:810px; overflow:hidden; padding-left:13px; padding-right:13px; padding-bottom:18px; background-color:#FFFFFF;}

/*Main Content*/
.MainContent { overflow: hidden; clear: both; line-height: 20px; text-align: left; }
.MainContent div, .MainContent ul, .MainContent li { overflow: hidden; }

/*Detail Content*/
.DetailContent { width: 810px; margin: 10px auto; line-height: 24px; color: Black; }

/*Article List*/
.arList { clear: both; margin: 0px 20px 0px 10px; line-height: 30px; }
.arList li { margin-top: 5px; border-bottom: 1px dashed #636363; }
.arList li a { color: #636363; text-decoration: none; }

/*Article Content*/
.arTitle, .arDate, .arKeywords, .arContent { clear: both; width: 810px; }
.arTitle { height: 36px; line-height: 36px; text-align: center; color: Black; }
.arDate { height: 24px; line-height: 24px; text-align: center; }
.arKeywords { height: 24px; margin: 10px auto; line-height: 24px; text-indent: 10px; color: #007ee0; border-top: dashed 1px #858585; border-bottom: dashed 1px #858585; }
.arContent { margin: 10px auto; line-height: 24px; color: Black; }

/*Exhibit List*/
.ExhibitList { clear: both; margin: 0 auto; width: 810px; }
.ExhibitList li { float: left; width: 190px; height:168px; overflow:hidden; margin-top: 10px; margin-right: 10px; text-align: center; border: 1px solid #e4e4e4; }
.ExhibitList li img { padding: 5px; }

/*Product Index*/
.picl { width: 720px; }
.piclItem { float: left; width: 337px; height: 145px; margin: 10px 10px 0px 10px;_margin:10px 5px 0px 10px; background-image: url(../Images/pdClass.gif); background-repeat: no-repeat; }
.piclClassImage { float: left; display: inline; width: 140px; height: 105px; margin: 15px 10px; padding: 5px; border: 1px solid #cccccc; }
.piclClassInfo { float: right; width: 165px; margin-top: 15px; }
.piclClassTitle { height: 20px; line-height: 20px; }
.piclClassTop3 { height: 72px; margin-top: 3px; }
.piclClassTop3 li { width: 165px; height: 24px; line-height: 24px; background: url(../images/dot.gif) no-repeat left center; text-indent: 6px; }
.piclClassOther { width: 150px; margin-top: 3px; text-align: center; font-size: 12px; color: #666666; background-color: #EEEEEE; border: 1px solid #999999; }

/*Product List*/
.ProductList { width: 810px; margin: 0 auto; }
.pdListItem { width: 810px; height: 149px; margin-top: 10px; background-image: url(../Images/ListBox.gif); background-repeat: no-repeat; border-bottom: 1px dotted #ccc;}
.pdImage { float: left; display: inline; width: 140px; height: 105px; margin: 17px 0px 0px 10px; padding: 5px; border: 1px solid #cccccc; }
.pdInfo { float: right; display: inline; width: 630px; height: 115px; margin-top: 17px; margin-right: 10px; }
.pdInfo .pdTitle { height: 22px; line-height: 22px; }
.pdInfo .pdTitle a { font-size: 16px; font-weight: bold; color: #656565; }
.pdInfo .pdTitle .ProSubTitle { display: none; color: Red; font-size: 12px; }
.pdInfo .pdOverview { height: 66px; line-height: 22px; margin-top: 3px; }
.prolistmo { width: 77px; height: 20px; line-height: 20px; color: #666; font-size: 14px; border:1px solid #ccc;  text-align: center;  float: right; background-color:#ECECEC;}

.pdInfo .pdQuickButton { float: right; clear: both; height: 20px; margin-top: 4px; }
.pdInfo .pdQuickButton li { float: left; width: 73px; height: 20px; margin-left: 10px; }
.bpi, .bpv, .bpc, .bpd, .bpj { display: none; }

/*Product Content*/
.ProductBox { clear: both; width: 810px; height: 197px; margin: 10px auto; background-image: url(../Images/pdBox.gif); }
.ProductBox .ImageBox { float: left; display: inline; width: 220px; height: 150px; margin-left: 10px; margin-top: 16px; }
.ProductBox .InfoBox { float: right; display: inline; width: 460px; height: 150px; margin-right: 10px; margin-top: 16px; line-height: 22px; }
.ProductBox .InfoBox .pdTitle { height: 22px; }
.ProductBox .InfoBox .pdKeywords { height: 22px; }
.ProductBox .InfoBox .pdOverview { height: 88px; }
.ProductBox .OrderBox { display: block; width: 155px; height: 42px; float: right; margin-top: -11px; margin-right: 10px; }
.ProductButton { clear: both; width: 810px; height: 38px; margin: 10px auto; }
.ProductButton li { float: left; }
.ProductInfo { clear: both; width: 810px; margin: 10px auto; }
.BoxHeader { width: 810px; height: 7px; background-image: url(../images/boxheader.gif); }
.BoxFooter { width: 810px; height: 7px; background-image: url(../images/boxfooter.gif); }
.BoxBody { clear: both; width: 690px; padding: 10px; background: url(../images/boxbody.gif) repeat-y; }
.RelatedProduct { clear: both; width: 810px; margin: 10px auto; }
.rpTitle { float: left; width: 40px; height: 50px; margin-left: 10px; background-color: #a10200; color: #ffffff; line-height: 25px; text-align: center; }
.rpList { width: 250px; float: left; margin: 0 20px; }
.rpList li { width: 250px; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px; background: url(../images/dot1.gif) no-repeat left center; text-indent: 6px; }
.RelatedInfo { clear: both; width: 810px; margin: 10px auto; }
.riTop { height: 20px; border-bottom: 1px solid #cccccc; line-height: 20px; }
.riTitle { float: left; }
.riMore { float: right; }
.riLeft { float: left; width: 345px; margin-top: 10px; }
.riRight { float: right; width: 345px; margin-top: 10px; }
.riList li { width: 330px; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px; background: url(../images/dot1.gif) no-repeat left center; text-indent: 6px; }

/*Project List*/
.ProjectList { width: 810px; margin: 0 auto; }
.pjListItem { width: 810px; height: 149px; margin-top: 10px; background-image: url(../Images/ListBox.gif); background-repeat: no-repeat; }
.pjImage { float: left; display: inline; width: 140px; height: 105px; margin: 17px 0px 0px 10px; padding: 5px; border: 1px solid #cccccc; }
.pjInfo { float: right; display: inline; width: 630px; height: 115px; margin-top: 17px; margin-right: 10px; }
.pjInfo .pjTitle { height: 24px; line-height: 24px; }
.pjInfo .pjTitle a { font-size: 16px; text-decoration: none; font-weight: bold; }
.pjInfo .pjCustomer { height: 24px; line-height: 24px; }
.pjInfo .pjClass { height: 24px; line-height: 24px; }
.pjInfo .pjOverview { height: 72px; line-height: 24px; }

/*Project Content*/
.ProjectBox { width: 810px; height: 149px; margin: 10px auto; background-image: url(../Images/ListBox.gif); background-repeat: no-repeat; }
.ProjectContent { width: 810px; margin: 10px auto; }

/*Job List*/
.JobList { width: 810px; margin: 10px auto; }
.JobListItem { margin-bottom: 20px; width: 100%; }
.JobPost { width: 800px; }
.JobPost tr { }
.JobPost td { border: 1px solid #656565; height: 24px; line-height: 24px; }
.jpTitle { width: 100px; text-align: center; }
.jpContent { width: 250px; padding: 0px 5px; }
.jpUnite { width: 600px; padding: 0px 5px; }

/*Equipment*/
.equipment { width: 500px; height: 314px; margin: 20px auto; background-image: url(../Images/Equipment.jpg); background-repeat: no-repeat; }
.equipment a { display: block; width: 201px; height: 59px; }
.e_button { float: left; width: 201px; height: 59px; margin-right: 32px; }
.e_button_1 { float: left; width: 201px; height: 59px; margin-left: 8px; }
.e_position { margin-left: 29px; margin-bottom: 60px; padding-top: 63px; }
.e_position_1 { margin-left: 29px; }

/*Product&Project List SubTitle&Hot*/
.SubTitle { display: none; color: Red; font-size: 12px; }
.HotImage { display: none; }

/*Prev Next*/
.FastMove { clear: both; width: 810px; margin: 10px auto; border-top: 1px dashed black; font-weight: bold; }
.FastMove .Prev, .FastMove .Next { height: 30px; line-height: 30px; }
.FastMove .Prev { float: right; }
.FastMove .Next { float: left; }

/*PageBar*/
.PageBar { clear: both; width: 810px; height: 54px; margin: 20px auto 10px auto; font-size: 12px; text-align: center; }
.PageButtons { height: 28px; }
.PageButtons span, .PageButtons a { height: 26px; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 6px; }
.PageButtons span { color: #ffffff; background-color: #CCCCCC; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background-color: #FFFF99; }
.PageInfo { height: 24px; line-height: 24px; }

.but_tit {height: 30px;border-bottom: 2px solid #ccc;line-height: 30px;margin-top: 25px; clear:both;}
.but_tit span{display:block;width:114px;height:30px;line-height:30px;color:#fff;background: #db0023;text-align:center;}
.but_tit span em{width: 6px;height: 14px;background-color: #fff;display: inline-block;vertical-align: middle;margin: -3px 5px 0 0;}

.xgwz ul{padding:25px 0;}
.xgwz ul li {height: 28px;line-height: 28px; text-indent:12px; border-bottom: 1px dashed #cecece;overflow: hidden;width: 47%;float: left;margin: 0 1%;}
 .xgwz ul li span {float: right;}

 .zxcp li{  }