html,body{background:url(../images/hlaboutbg.jpg) top left repeat-x; background-color:#f7f7f7;}
.nybannerbg{ width:100%; height:267px; overflow:hidden; margin:0 auto; background:url(../images/hlaboutbannerbg.jpg) top center no-repeat;}
.nybanner{ width:1000px; height:164px; overflow:hidden; margin:auto; padding-bottom:17px; padding-top:3px;}
.nybanner img{ width:1000px; height:164px;}
.nybannerbottom{ width:1000px; height:32px; overflow:hidden; margin:0 auto; background:url(../images/hlabout_r8_c4.jpg) top center no-repeat;}

.nycontent{ width:1000px; margin:0 auto; overflow:hidden; background-color:#ffffff;}
.nyleft{ width:202px; float:left; margin-left:9px;_margin-left:4px; overflow:hidden;}
.nyright{ width:766px; float:right; overflow:hidden;}

.lefttitle{ width:92px; height:37px; padding:13px 55px 15px 55px; background:url(../images/hlabout_r9_c5.jpg) top left no-repeat; color:#ffffff; line-height:37px; font-size:16px; font-weight:bold;}
.aboutleft{ width:202px; overflow:hidden; background:url(../images/hlabout_r16_c5.jpg) top left repeat-y; margin:0 auto;}
.mLeftItem{ width:202px; height:37px; overflow:hidden; margin:0 auto;}
.mLeftItem a{ width:108px; height:32px; padding-left:62px; padding-right:32px; display:block; overflow:hidden; background:url(../images/hlabout_r12_c5.jpg) top left no-repeat; color:#343434; line-height:32px; font-size:14px; font-weight:bold;}
.mLeftItem a:hover{ color:#ffffff; background:url(../images/hlabout_r15_c5.jpg) top left no-repeat;}



.leftbottom{ width:202px; height:54px; background:url(../images/hlabout_r17_c5.jpg) top left no-repeat; overflow:hidden;}
.leftsearch{ width:220px; height:39px; background:url(../images/jzabout_r14_c3.jpg) top left no-repeat; color:#343434; line-height:30px; text-indent:16px;}
.leftcontact{ width:220px; height:35px; background:url(../images/jzabout_r17_c3.jpg) top left no-repeat; color:#343434; line-height:30px; text-indent:16px;}
.leftcontact img{ float:right;}

.righttitle{ width:735px; height:56px; padding-left:20px; padding-right:11px; background:url(../images/hlabout_r9_c10.jpg) top left no-repeat; line-height:35px; color:#9D0000; font-size:14px; font-weight:bold;}
.righttitle span{ float:right; color:#666666; line-height:35px; font-size:12px; font-weight:normal;}
.righttitle a{ font-size:12px; font-weight:normal; color:#666666; line-height:35px;}
.righttitle a:hover{  color:#333333;}
.rightcontent{ width:710px; overflow:hidden;  padding-left:28px; padding-right:28px; padding-bottom:30px;}


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


.DetailContent { width: 710px; margin: 10px auto; line-height: 24px; color: Black; }


.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; }


.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; }


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


.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; }


.ProductList { width: 710px; margin: 0 auto; }
.pdListItem { width: 710px; height: 149px; margin-top: 10px; background-image: url(../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; }


.ProductBox { clear: both; width: 710px; 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: 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); }
.BoxFooter { width: 710px; 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: 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) 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) no-repeat left center; text-indent: 6px; }


.ProjectList { width: 710px; margin: 0 auto; }
.pjListItem { width: 710px; 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: 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; }


.ProjectBox { width: 710px; height: 149px; margin: 10px auto; background-image: url(../images/listbox.gif); background-repeat: no-repeat; }
.ProjectContent { width: 710px; margin: 10px auto; }


.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 { 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; }


.SubTitle { display: none; color: Red; font-size: 12px; }
.HotImage { display: none; }


.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 { 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; }