HTML,BODY {
  WIDTH: 100%; HEIGHT: 100%
}
BODY {
  MARGIN: 0px; PADDING: 0px; BACKGROUND: #fff; COLOR: #535353; FONT-FAMILY:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu ; 
}
TABLE {
  FONT-SIZE: 12px; TEXT-ALIGN: left; MARGIN: auto
}
DIV {
  FONT-SIZE: 12px; TEXT-ALIGN: left; MARGIN: auto
}
DIV.dfn {
  DISPLAY: none
}
FORM,INPUT,SELECT,TEXTAREA {
  MARGIN: 0px; PADDING: 0px
}
INPUT,SELECT,TEXTAREA {
  FONT-SIZE: 12px; FONT-FAMILY: arial; VERTICAL-ALIGN: middle;outline:medium;
}
INPUT.text {
  HEIGHT: 16px; PADDING: 2px; BORDER: #999999 1px solid
}
INPUT.btn {
  HEIGHT: 22px; LINE-HEIGHT: 22px; BORDER: #DCDCDC 1px solid; PADDING-LEFT: 14px; BACKGROUND: url(button.jpg)
}
INPUT.button {
  HEIGHT: 22px; BACKGROUND: #DDDDDD; BORDER: 1px solid; BORDER-COLOR: #DDDDDD #AAAAAA #AAAAAA #DDDDDD; PADDING: 3px 5px 3px 5px; OVERFLOW: visible
}
INPUT.file {
  HEIGHT: 22px; LINE-HEIGHT: 22px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BORDER: #999999 1px solid
}
INPUT.checkbox {
  WIDTH: 13px; HEIGHT: 13px; BORDER: 0px; MARGIN: 2px
}
INPUT.radio {
  WIDTH: 13px; HEIGHT: 13px; BORDER: 0px; MARGIN: 2px
}
SELECT.select {
  HEIGHT: 22px; LINE-HEIGHT: 22px
}
TEXTAREA.textarea {
  PADDING: 2px; BORDER: #999999 1px solid
}
IMG {
  BORDER: 0px
}
IMG.absmiddle {
  VERTICAL-ALIGN: middle
}
A {
  COLOR: #535353; text-decoration:none;
}
A:hover {
 color:#EF1B27;
}
*,p{padding:0;margin:0;}.fl{float:left;}.fr{float:right;}ul,li{list-style:none;padding:0;margin:0;}


#top {
  WIDTH: 100%;
}
#topContent {
  POSITION: relative; WIDTH: 1199px; height:102px;BORDER-left: #E5E5E5 1px solid;
}
#topContent H2 {
  MARGIN: 0px; PADDING-LEFT: 10px; POSITION: absolute; TOP: 0px; LEFT: 0px; COLOR: #666666; FONT-FAMILY: "Trebuchet MS"; FONT-SIZE: 24px; FONT-WEIGHT: bold
}
#topContent H2 A {
  COLOR: #666666; 
}
#topContent H2 A:hover {
  COLOR: #333333; 
}
#panel {POSITION: absolute; TOP: 0; RIGHT: 10px;width:296px;height:189px;border-left:1px solid #E5E5E5;}#panel p{padding-left:14px;line-height:32px;}#panel SPAN {COLOR: #1B6E26}.fwrx{font-size:16px;color:#ADABAC;padding-top:20px;}.fwdh{font-size:30px;}




#menu {
  WIDTH: 100%; HEIGHT:87px;  BORDER-top: #E5E5E5 1px solid;
}
#menu UL {
  padding:15px 0 0 40px;
}
#menu LI {
  DISPLAY: block; FLOAT: left; WHITE-SPACE: nowrap
}
#menu A {
  DISPLAY: block; COLOR: #333333; MARGIN-LEFT: 10px; LINE-HEIGHT: 24px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; text-align:center;
}

.menu{margin:0 auto;width:1199px;height:87px; line-height:87px;BORDER-left: #E5E5E5 1px solid;}.menu a h4{color:#1B6E26;font-size:16px;}.menu a p{color:#ADABAC;font-size:14px; font-weight:bold;}.menu h4:hover{color:#020403;}


#middle {
  WIDTH: 1200px; border-bottom:1px solid #E5E5E5;
}
#middleContent {
  PADDING: 10px 0 30px 0; 
}
#middleContent2 {
  PADDING: 10px 0 30px 0; MARGIN-BOTTOM: -5px; 
}
#bottom {
  WIDTH: 1200px
}
#bottomContent {
  PADDING: 10px 5px 30px 5px
}
#bottomContent P {
  MARGIN: 0px; COLOR: #297F50; LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: left
}
#bottomContent P A {
  COLOR: #297F50; 
}
#bottomContent P A:hover {
  COLOR:#111; 
}
#bottomMenu {
  COLOR: #297F50
}
#bottomMenu A {
  COLOR: #297F50; padding:0 10px 0 0;
}
#bottomMenu span{padding-right:12px;}
#bottomMenu A:hover {
  COLOR:#111; 
}
.link a{display:block;margin:0 0 10px 0;padding-right:5px;color:#297F50;float:left; }.link{width:100%;padding-top:20px;}.linktxt{border-left:6px solid #EDC565;padding:0 6px;color:#297F50;}

.ash {
  COLOR: #666666
}
.box1 {
  WIDTH: 267px; MARGIN-BOTTOM: 10px; 
}
.box1 H3 {
  MARGIN: 10px 0; height:60px; line-height:60px; FONT-SIZE: 24px; COLOR: #fff; background:#02A650; text-align:center;
}
.box1 UL {
 MARGIN: 10px 0 10px 0px; 
}
.box1 UL LI {
  MARGIN-TOP: 5px; width:267px; height:48px; line-height:48px; text-align:center; background:#F1F1F1 ; font-size:14px;padding:10px 0;
}
.box1 UL LI span{display: block;width:214px; height:48px;line-height:24px; text-align:center; margin: 0 auto; font-weight:bold;} 

.box1 DIV.box1s {
  MARGIN: 10px; TEXT-ALIGN: center
}
.box2 {
  WIDTH: 100%
}
.box2 H3 {
  MARGIN: 10px; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #666666; PADDING-BOTTOM: 5px; BORDER-BOTTOM: #999999 1px dotted
}
.box2 UL {
  LIST-STYLE-IMAGE: url(icon.2.jpg); PADDING: 0 0 5px 30px; MARGIN: 10px 0 10px 0px
}
.box2 UL LI {
  MARGIN-TOP: 5px
}
.clear {
  DISPLAY: block; CLEAR: both; WIDTH: 100%; HEIGHT: 1px; OVERFLOW: hidden
}
.content DIV {
  LINE-HEIGHT: 200%
}
.content,.content img{max-width:853px;}
.comment DIV {
  LINE-HEIGHT: 150%
}
.cutepage {
  TEXT-ALIGN:center; padding:30px 0;
}

.hand {
  CURSOR: pointer
}
.hidden {
  DISPLAY: none
}
.inline {
  DISPLAY: inline
}
.highlight {
  BACKGROUND: #ffff66
}
.imgbox1 {
  WIDTH: 187px; BORDER: 1px solid #F0F0F0; background:#F5F5F5;margin:0;
}
.imgbox2 {
  WIDTH: 189px; background:#fff;margin:0;
}
.jloader {
  MARGIN: 0px; BACKGROUND: #FFFFFF; PADDING-LEFT: 8px; BORDER: #666666 1px solid
}
.jloader DIV {
  MARGIN: 0px; BACKGROUND: url(jloading.gif) left center no-repeat; HEIGHT: 48px; LINE-HEIGHT: 48px; PADDING-LEFT: 40px; PADDING-RIGHT: 8px; COLOR: #666666
}
.list {
  PADDING-TOP:35px
}
.line1 {
  HEIGHT: 1px; BACKGROUND: url(line.1.jpg)
}
.middleSide {
  WIDTH: 267px; DISPLAY: inline; FLOAT: left
}
.middleMain {
  WIDTH: 893px; DISPLAY: inline; FLOAT: left
}
.middleMainContent {
  MARGIN-LEFT: 40px;
}
.nav SPAN {
  DISPLAY: block; LINE-HEIGHT:40px; PADDING-TOP: 2px; COLOR: #878787; BORDER-BOTTOM: #E8E8E8 1px solid; text-indent:20px;
}
.nav SPAN A {
  COLOR: #878787; 
}

.probox1 {
  WIDTH: 213px; FLOAT: left; DISPLAY: inline
}
.quote {
  WIDTH: 98%; LINE-HEIGHT: 150%; BORDER: #dcdcdc 1px dotted; PADDING: 5px
}
.relative {
  POSITION: relative
}
.red {
  COLOR: #CC0066
}
.tit1 {
  HEIGHT: 24px
}
.tit1 SPAN {
  PADDING-LEFT: 10px; BACKGROUND: url(icon.2.jpg) center left no-repeat
}
.time1 {
  TEXT-ALIGN: right
}
.time1 SPAN {
  COLOR: #999999
}
.tablem {
  WIDTH: 100%; BORDER: 0px
}
.tablen {
  WIDTH: 100%; BORDER: 0px
}

.tablex {
  WIDTH: 100%; BACKGROUND: #CCCCCC; BORDER: 0px
}
.tablex TD {
  BACKGROUND: #FFFFFF
}
.tables {
  WIDTH: 100%; MARGIN-BOTTOM: 5px; BACKGROUND: #DCDCDC; BORDER: 0px
}
.tables TD {
  BACKGROUND: #FFFFFF
}
.tables TD.tbt {
  BACKGROUND: #F9F9F9
}
.topic {
  HEIGHT: 50px
}
.topic DIV {
  LINE-HEIGHT: 50px; FONT-SIZE: 16px; FONT-WEIGHT: bold; text-align:center;
}
.ubb_code {
  BORDER: #dcdcdc 1px dotted; PADDING: 5px; LINE-HEIGHT: 150%; FONT-STYLE: italic
}
.ubb_quote {
  BORDER: #dcdcdc 1px dotted; PADDING: 5px; LINE-HEIGHT: 150%
}



/**幻灯片**/
#faded {width:100%; height:625px;overflow: hidden; position:relative; z-index:0;}
#faded ul li{width:100%;text-align:center;}
#faded ul.pagination { position:absolute; z-index:3; top:565px; left:48%;}
#faded ul.pagination li {padding-right: 1px; float: left;width:50px;height:10px;}
#faded ul.pagination li a {padding-right: 0px; display: block; padding-left: 0px; background: #20130c; padding-bottom: 0px; overflow: hidden; width:50px; padding-top: 0px; height:10px; text-decoration: none}
#faded ul.pagination li.current a {background: #ee8a00}
#faded ul.pagination li a:hover {background: #ee8a00}

/**首页内容**/
.ibox{width:100%; position:relative;}.ibox{ position:relative;top:-38px; z-index:99;width:1198px;height:3018px;margin:0 auto;background:#fff; border:1px solid #E5E5E5;}.ibox-main{padding:30px;}.mtitle{width:100%;}.mtitle .mt1{font-size:26px;color:#2B7E50;}.mtitle .mt2{font-size:18px;color:#CED0CF;}.mtitle .mxx{height: 3px; background: #CED0CF;padding: 5px 3px 0; margin-right: 8px;}.more{width:100%; height:30px;text-align:right;}.more a{width: 74px;height: 28px;background: #2B7E50;color: #fff;display: block; text-align: center; line-height: 28px; float: right; font-size:14px;}.mtitle h3 img{vertical-align:bottom;}

.iabout{width:100%;height:383px;}.iabout .fl{width:596px;}.iabout .fl img{width:576px;height:383px;}.iabout .fr{width:542px;}.iabout .fr h3{ text-align:center;padding:38px 0; }.iabout .fr p{width:100%; height:194px; overflow:hidden;line-height:30px; font-size:16px; color:#2B7E50;}.iabout .fr hr{height:1px;border:none;border-bottom:1px solid #297F50;padding:5px 0;}

/**首页产品**/
.ipro{margin-top:20px; width:1138px;overflow:hidden;}.ipro ul{overflow: hidden;zoom: 1;margin:28px -12px -12px 0;}.ipro li{float:left; display:inline;width:275px; height:278px;text-align:center;margin:0 12px 12px 0;}.imgbox{height:201px;background:#F5F5F5;border:1px solid #F0F0F0; border-left:none;}.imgbox img{width:274px;height:201px;}.ipro li a p{ height:50px; line-height:50px;}

/**首页合作交流**/
.icoop{margin-top:48px; width:1138px;}.icoop li{float:left;height:336px;width:33.3%;}.icoop li img{width:100%;height:245px;}.icoop li p{ height:50px; line-height:50px;text-align:center;color:#2B7E50; font-size:14px;}.icoop ul{margin-top:28px;}

/**首页新闻动态**/
.gdtxt {height: 52px; width: 52px; display: inline-block; vertical-align: top;background:#2B7E50; text-align: center; margin-right: 25px; color:#ECC464;}.gweek, .gdata { display:block; text-align: center;font-family: arial;}.gttop { display: inline-block; width:773px;}.gttop a{font-size:14px;color:#3F3F41;}.gweek{font-size:16px;line-height:16px; margin-top:5px;}.gdata{font-size: 11px; line-height:20px;}.list li{padding:15px 0;}.gttop a:hover{color:#8ABE2B;}.gttop p{padding-top:5px;color:#767676; line-height:20px;}.inews ul{margin-top:28px;padding-left:50px;}.inews li{height:95px;}

.list .select{width:404px;}

/**新闻列表详细**/
.here{display: inline; float: left;  font-size: 24px;  color: #009834;  line-height: 40px; border-bottom: 2px solid #02A650;}

/**首页联系留言**/
.icontact{width:1138px;height:463px;}.icontact .fl{width:550px;height:463px;}.icontact .fr{width:588px;height:463px; background:url(icontact.jpg) no-repeat left top;}.icontact .tijiao{padding:68px 30px 30px 25px;}.tijiao .txt{width:100%;height:30px;margin:0 0 10px 0; border:1px dashed #ABABAB; text-indent:5px; color:#555;}.tijiao .textarea{width:529px;height:80px;text-indent:5px; color:#555;BORDER: #999999 1px dashed;}.tijiao p{ text-align:right; line-height:28px;color:#444; font-size:14px;padding-bottom:15px;}.tijiao label{ display:block;height:25px;width:100%;}.tijiao .yzm{width:220px;height:30px;float:left; line-height:30px;margin-top:20px;padding-left:77px;}.tijiao .yzm span{padding-right:10px;}.tijiao .yzm input{width:80px;height:26px;}.tijiao .button{float:left;width:160px;height:30px;margin-top:20px;border:none; background:#2B7E50; color:#fff; cursor:pointer; font-size:16px;}

.mlx{padding:30px 0 20px 70px; line-height:28px;font-size:14px;}.icontact .fl img{width:429px;height:191px;border-top:2px solid #DCDCDC; border-bottom:2px solid #DCDCDC; border-left:1px solid #DCDCDC; border-right:1px solid #DCDCDC;margin-left:70px;}

/**工厂展示**/
.ifty{ z-index:100;left: -65px; position: relative;margin-top:26px;width:1265px;height:306px;background:#EDC565;}.ifty li{float:left;padding:0 19px;}.ifty li img{width:254px; height:169px;}.ifty h3{padding:20px 62px 20px;}.ifty ul{margin-left:46px;}.ifty li p{ height:50px; line-height:50px; text-align:center;}



/***在线客服***/
.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:150px;right:0;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(http://www.hkrdxl.com/images/kf/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:0 0 5px; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-top:5px;}
.msgserver span { background:url(http://www.hkrdxl.com/images/kf/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;color:#999;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-349px 0;}
.side_center, .side_blue .side_center {background:url(http://www.hkrdxl.com/images/kf/green_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-349px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px -23px;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px -23px;}
.show_btn , .side_blue .show_btn {background-position:-147px 0;}
.msgserver a, .side_blue .msgserver a {color:#76a20c;}