
 
.banner{ width:1000px;  margin:0 auto; overflow:hidden; text-align:center;  }

.content{ width:1000px;   margin:0 auto; margin-top:15px;   }

.sidebar{ width:232px; float:left;  }
.sidetop{width:232px; height:45px; line-height:45px; font-size:16px;  background:url("../images/sidetop.jpg")/*tpa=http://www.jshygrating.com/template/096/images/sidetop.jpg*/ no-repeat left; color:#fff; text-indent:30px;  }
 .sidetest{  border:1px solid #cdcdcd; border-top:none; padding:10px; margin-bottom:15px;  }
 
 .sidetest li{  height:34px; line-height:34px; background:url("../images/sidedot.jpg")/*tpa=http://www.jshygrating.com/template/096/images/sidedot.jpg*/ no-repeat 10px center; margin:0 auto; margin-bottom:5px; text-indent:30px; border-bottom:1px dotted #bebebe; font-size:14px;  }
 
   


 

.mainbody{ width:760px; float:right;}
.maina{ width:760px; height:5px; background:url("../images/maina.jpg")/*tpa=http://www.jshygrating.com/template/096/images/maina.jpg*/ no-repeat;}
.mainc{ width:760px; height:6px; background:url("../images/mainb.jpg")/*tpa=http://www.jshygrating.com/template/096/images/mainb.jpg*/ no-repeat; margin-bottom:15px;}
.mainb{ width:728px; padding:0 15px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5}

.maintop{ background:url("../images/maintop.jpg")/*tpa=http://www.jshygrating.com/template/096/images/maintop.jpg*/ no-repeat left center; text-indent:15px; line-height:30px; border-bottom:1px solid #ccc; color:#0258b4; line-height:35px;}
.maintop h3{ font-size:20px;}
  .maint{ padding:15px 5px ;  }
 
/*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: 710px; 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: 710px; }
.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: 650px; }
.ExhibitList li { float: left; width: 190px; margin-top: 10px; margin-right: 20px; 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; display:inline; background-image: url("../images/pdClass.gif")/*tpa=http://www.jshygrating.com/template/096/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/dot1.gif")/*tpa=http://www.jshygrating.com/template/096/images/dot1.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: 710px; margin: 0 auto; }
.pdListItem { width: 710px; height: 149px; margin-top: 10px; background-image: url("../images/ListBox.gif")/*tpa=http://www.jshygrating.com/template/096/Images/ListBox.gif*/; background-repeat: no-repeat; }
.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: 530px; 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; }
.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: 710px; height: 197px; margin: 10px auto; background-image: url("../images/pdBox.gif")/*tpa=http://www.jshygrating.com/template/096/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: 710px; height: 38px; margin: 10px auto; }
.ProductButton li { float: left; }
.ProductInfo { clear: both; width: 710px; margin: 10px auto; }
.BoxHeader { width: 710px; height: 7px; background-image: url("../images/boxheader.gif")/*tpa=http://www.jshygrating.com/template/096/images/boxheader.gif*/; }
.BoxFooter { width: 710px; height: 7px; background-image: url("../images/boxfooter.gif")/*tpa=http://www.jshygrating.com/template/096/images/boxfooter.gif*/; }
.BoxBody { clear: both; width: 690px; padding: 10px; background: url("../images/boxbody.gif")/*tpa=http://www.jshygrating.com/template/096/images/boxbody.gif*/ repeat-y; }
.RelatedProduct { clear: both; width: 710px; 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")/*tpa=http://www.jshygrating.com/template/096/images/dot1.gif*/ no-repeat left center; text-indent: 6px; }
.RelatedInfo { clear: both; width: 710px; 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")/*tpa=http://www.jshygrating.com/template/096/images/dot1.gif*/ no-repeat left center; text-indent: 6px; }

/*Project List*/
.ProjectList { width: 710px; margin: 0 auto; }
.pjListItem { width: 710px; height: 149px; margin-top: 10px; background-image: url("../images/ListBox.gif")/*tpa=http://www.jshygrating.com/template/096/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: 530px; 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: 710px; height: 149px; margin: 10px auto; background-image: url("../images/ListBox.gif")/*tpa=http://www.jshygrating.com/template/096/Images/ListBox.gif*/; background-repeat: no-repeat; }
.ProjectContent { width: 710px; margin: 10px auto; }

/*Job List*/
.JobList { width: 710px; margin: 10px auto; }
.JobListItem { margin-bottom: 20px; width: 100%; }
.JobPost { width: 700px; }
.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")/*tpa=http://www.jshygrating.com/template/096/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: 710px; 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: 710px; 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; }