@charset "utf-8";

html{ margin:0; padding:0; }
body{ margin:0; padding:0; font-size:12px; font-family:Tahoma, Arial, '宋体'; color:#000; background:#fff;}
img ,a img{ border:none; margin:0; padding:0;}
ul{ list-style:none; overflow:hidden; zoom:1;}
p ,ul ,li ,dl ,dt ,dd ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,input ,button ,th ,td{ margin:0; padding:0;}
h1 ,h2 ,h3 ,h4 ,h5 ,h6{ font-weight:normal; line-height:100%;}
table{ border-collapse:collapse; border-spacing:0;}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:underline;}
em,i{font-style:normal;}

.cl{ clear:both; height:1px; line-height:1px;}
.of{overflow:hidden; zoom:1;}
.bold{ font-weight:bold;}
.txt_left{ text-align:left;}
.txt_center{ text-align:center;}
.txt_right{ text-align:right;}
.float_left{ float:left;}
.float_right{ float:right;}


/*font*/
.f_12{ font-size:12px;}
.ft14{ font-size:14px;}
.f_18{ font-size:18px;}
.f_24{ font-size:24px;}

.f_black_01{ color:#333;}
.clHightlights{ color:#D36349}
.gray1 { color: #666666;}
.gray2{ color:#999;}
.gray3{ color:#ccc;}
.gray4{ color: #FCFCFC }
.f_red_01{ color:#D36349;}
.f_white_01{ color:#fff;}
.f_orange_01{ color:#f27a0c;}
.f_green_01{ color:#309b00;}

.clear{clear: both;height: 10px;}
.wrap{ margin:0 auto; width:990px; overflow:hidden; zoom:1;}

#header{ background:url(../img/headerBg.gif) repeat-x; height:43px;}
#header a{ color:#333;}
#header .wrap{ overflow:visible}
#header a:hover{ color:#D36349;}
.headerline{ background:url(../img/headerSep.gif) no-repeat 0 50%; width:1px; height:12px; display:inline; line-height:12px; margin:0; *+margin:0 3px 0 0;}
#headerLeft{ float:left; width:500px; line-height:30px;}
#headerLeft span{ color:#D36349; margin-right:5px;}
#headerLeft a ,#topRight a{ margin:0 5px;}

#headerLeftLong{ float:left; width:1020px; line-height:30px;}
#headerLeftLong span{ color:#D36349; margin-right:5px;}
#headerLeftLong a ,#topRight a{ margin:0 5px;}
#headerLeftLong div.dropMenuContainer{	display:inline-block;position:relative;}
#headerLeftLong div.dropMenuContainer:hover div.dropContent{ display:block}
#headerLeftLong a.dropMenu {
    background: url("../img/drop1a.gif") no-repeat scroll right 50% transparent;
    padding-right: 15px;
}
#headerLeftLong div.dropMenuContainer div.dropContent{ display:none;text-align: left; position:absolute; top:25px; width: 150px; padding: 5px 5px 5px 10px; background-color:#fff; border:1px solid #CCC; z-index:10	}
#headerRight{ width:490px; float:right; line-height:30px; text-align:right;}
#headerRight div.dropMenuContainer{	display:inline-block;position:relative;}
#headerRight div.dropMenuContainer:hover div.dropContent{ display:block}
#headerRight a.dropMenu {
    background: url("../img/drop1a.gif") no-repeat scroll right 50% transparent;
    padding-right: 15px;
}
#headerRight div.dropMenuContainer div.dropContent{ display:none;text-align: left; position:absolute; top:25px; width: 150px; padding: 5px 5px 5px 10px; background-color:#fff; border:1px solid #CCC; z-index:10	}
#headerRight a.cart {
    background: url("../img/cart1a.gif") no-repeat scroll 0 50% transparent;
    padding-left: 2px;
}
#navBar{ background:#D36349; height:30px; margin-top:6px;}
.navContainer{ z-index:20; margin:0 auto; width:990px;}
.navContent{ width:990px; background:none; float:left;   z-index:35px; position:relative;}
.navContent ul{ overflow:hidden; zoom:1; width:500px}
.navContent ul li{ float:left; line-height:30px; height:20px; padding:7px 0 3px 0; line-height:16px; border-right:1px solid #df968d}
.navContent ul li a{ display:inline-block; padding:0 20px; font-size:14px; color:#fff;;}
.navContent ul li.active{ background:#834B3E; font-weight:bold;}
.navContent ul li.active a{ color:#fee818;}
.navBarRight{ float:right; width:460px; font-size:12px; margin-top:-30px; line-height:30px; color:#fff; text-align:right;}


/* item list A1*/
.itemListA1 {border:1px solid #e1e1e1; overflow:hidden;}
div.itemListA1 div.cnt{ float:left; overflow:hidden;width:100%; height:auto; border:0px; padding:0px 10px;}
div.itemListA1 div.cnt ul li{float:left; width:135px; padding:10px 13px; height:210px; font-size:12px; line-height:30px; }
div.itemListA1 div.cnt ul li a img{width:135px; height:135px;}
div.itemListA1 div.cnt ul li a{ color:#333;}
div.itemListA1 div.cnt ul li h2{font-size:12px; line-height:18px;height: 50px;}
.ilA1Header{
background: none repeat scroll 0 0 #F8F7F7;
border-bottom: 1px solid #E1E1E1;
padding: 0 10px;
width: auto;
clear: both;
height: 32px;
line-height: 32px;
}
.ilA1Header span {
  float: left;
  font-size: 14px;
  font-weight: bold;
}
.ilA1Header ul {
  float: right;
}
.ilA1Header ul a {
  color: #717171;
  margin-right: 10px;
}
/*footer*/

#siteGuide {
    border: 1px solid #E1E1E1;
    margin: 0 auto 10px;
    overflow: hidden;
    padding: 50px 0 10px 30px;
    width: 958px;
}
.siteGuideMenu {
    float: left;
    font-size: 12px;
    padding: 0 0 0 20px;
    width: 134px;
}
.siteGuideMenu h2 {
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
}
.siteGuideMenu h3 a {
    background: url("../images/ico_news_01.gif") no-repeat scroll 0 50% transparent;
    display: block;
    font-size: 12px;
    line-height: 180%;
    padding-left: 10px;
}
.siteGuideMenu a {
    color: #666666;
}
.siteGuideMenu a:hover {
    color: #D36349;
}
#footerContent{ margin:10px auto; width:990px; text-align:center; color:#666;}
#footerContent p{ line-height:180%;}
#footerContent img{ margin:10px auto;}

/*button*/
.button_01{ width:138px; height:37px; text-align:center; color:#fff; font-size:18px; font-weight:bold; cursor:pointer; line-height:150%; border:none; background:url(../img/gbutton.gif) no-repeat;}
.btn2a {
    background: url("../img/bntBg.gif") no-repeat scroll 0 -58px transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 74px;
}

/*sepline*/
.hr{ display:block; line-height:4px; height:4px; margin:0; background:url(../img/sepLineBg.gif) repeat-x 0 0; border:none;}

/*top nav logo*/
#topNav{ float:left; width:830px; zoom:1;}
#topNav ul{ overflow:visible}
#topNav ul li{ float:left; border-left:1px solid #ccc; position:relative; padding-left:10px; height:45px; margin-left:20px;  margin-top: 15px;}
#topNav ul li a.m{ font-size:21px; color: #666666;     display: inline-block;  padding: 20px 0 0;}
#topNav ul li a.m:hover{ text-decoration:none}
#topNav ul li div.bg{ position:absolute; height:15px; width:50px; bottom:25px; border-bottom:3px solid #D36349; background:url(../img/dotArrow.gif) 0 0 no-repeat}
#quickLogin{ text-align: right; }
#topNav ul li.login{float:right;    height: 88px;    margin: 0;}
#quickLogin a{ color:#999}
#quickLogin a:hover{ text-decoration:none}

#logo{ float:left; width:160px; height:90px;}
#logo img{ display:block; margin:10px 0 0 0; padding:0; z-index:30;}
#logo h1{ display:block; margin:0; padding:0; z-index:20; position:absolute; color:#FFF; font-size:9px;}

.searchTb{ float:left; border-left:1px dashed #A0A0A0}
.searchTb td{padding:5px;}
.searchTb input{margin-right:5px;height:21px; line-height:21px;}
.searchTb label input{border:0px;}
.searchTb em{float:none !important; font-style:normal;margin-right:5px; margin-top:0px !important;}
.searchTb .hr{ width:90%}



/*reg box*/
#regSection {
  background: url("../img/qq.jpg") no-repeat scroll right bottom transparent;
  border: 3px solid #E1E1E1;
  margin: 20px auto 60px;
  padding: 1px;
  position: relative;
}
.ind_tit_01 {
  background: url("../img/bg_ind_tit_01.gif") repeat-x scroll 0 0 transparent;
  border: 1px solid #E1E1E1;
  color: #D36349;
  font-size: 14px;
  font-weight: bold;
  height: 31px;
  line-height: 31px;
  padding-left: 10px;
}
#regSection dl {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  width: 930px;
  font-size: 14px;
}
#regSection dl dd {
  display: block;
  float: left;
  padding: 20px;
  width: 220px;
}
#regSection dl dt {
  background: url("../img/regLeftBg.gif") repeat-y scroll right 0 transparent;
  display: block;
  float: left;
  padding: 20px 30px 20px 0;
  position: relative;
  width: 610px;
}
#regSection dl dt h2 {
  color: #666666;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 20px;
}
#regSection label.regL{ display:block; cursor:pointer; border:1px solid #D36349;width: 140px; float:left; margin-left:10px}
#regSection label.regL span{ display:block; float:left; height:45px; width:40px; background-color:#D36349;}
#regSection label.regL input[type=radio]{ border:none;    margin-left: 30%;    margin-top: 40%;}
#regSection label.regL em{ display: inline-block;    height: 35px;
    margin-left: 10px;
    margin-top: 10px;
    width: 90px;}
#regSection dl dd h2 {
  color: #666666;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 20px;
  
}
#regSection dl dt h2 {
  height: 30px;
  line-height: 30px !important;
}

#regSection dl dt h2.line2 {
  margin-top: 20px;
}
#regSection dl dt table {
  color: #666666;
  line-height: 150%;
   width:100%;
}

#regSection dl dt table tr{
  height: 30px;
  
}


#regSection dl dt table input {
  vertical-align: middle;
  width:300px;
}


#regSection dl  table input {
  vertical-align: left;
  width:98%;
}
#regSection dl  table textarea  {
  vertical-align: middle;
  width:98%;
}



#regSection dl dt table img {
  vertical-align: top;
}
#regSection dl dt table input {
  vertical-align: middle;
}
.btn2a2 {
  background: url("../img/btn2a2.gif") no-repeat scroll 0 0 transparent;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  height: 26px;
  line-height: 120%;
  text-align: center;
  width: 81px;
}

#regSection dl dd p {
  color: #666666;
  font-size: 12px;
  line-height: 150%;
  margin: 10px auto;
}