@charset "utf-8";
/* CSS Document */
.zoom-section{clear:both;margin-top:20px;}
*html .zoom-section{display:inline;clear:both;}
.zoom-desc{float:left;margin-left:10px;width:310px;margin-bottom:20px;}
.zoom-small-image{border:1px solid #CCC;float:left;margin-bottom:20px;}
.zoom-tiny-image{border:1px solid #CCC;margin:0px;}
.zoom-tiny-image:hover{border:1px solid #C00;}
.prohead{ overflow:hidden}
.prohead .hleft{ width:402px; float:left}
.prohead .hleft .proimg{ width:400px; height:400px;}
.prohead .hleft .proimg img{width:400px; height:400px; }
.prohead .hleft .smallimg{ width:402px; height:60px; overflow:hidden}
.prohead .hleft .smallimg dl{ width:402px; height:60px;}
.prohead .hleft .smallimg dl dt{ width:10px; height:45px; margin-top:8px;}
.prohead .hleft .smallimg dl dt.prev{ float:left;}
.prohead .hleft .smallimg dl dt.next{ float:right;}
.prohead .hleft .smallimg dd{ width:360px; height:60px; float:left; margin-left:12px; overflow:hidden}
.prohead .hleft .smallimg dd li{ width:72px; float:left; height:60px; text-align:center}
.prohead .hleft .smallimg dd li img{ width:58px; height:58px; border:1px solid #ccc; }
.prohead .hleft .smallimg dd li a:hover img,.prohead .hleft .smallimg dd li a.hover img{ border-color:#dd127b}
.prohead .hleft .btns{margin-top:20px;}
.prohead .hleft .btns span{ display:none}
.prohead .hleft .btns a{ display:block; height:22px; line-height:22px; text-indent:20px; font-size:12px; background:url(../images/btn-s-bg.png) no-repeat; float:left; margin-right:16px; width:80px;}
.prohead .hleft .btns a.b1{ background-position: left -150px}
.prohead .hleft .btns a.b2{ background-position: left -30px; width:93px;}
.prohead .hleft .btns a.b3{ background-position: left -120px;}
.prohead .hleft .btns a.b4{ background-position: left -60px;}
.btns1{ clear:both; margin-top:15px;}
.prohead .hright{ float:right; width: 408px;font-family:microsoft yahei;}
.prohead .hright h1{ font-size:18px; }
.prohead .hright h2{ font-size:15px; color:#ff7300;}
.prohead .hright .proinfo{ border-bottom:1px solid #ddd; padding-bottom:12px;}
.prohead .hright .btns{  width:100%; overflow:hidden; margin:15px auto;}
.prohead .hright .btns img{ margin-right:20px;}
.prohead .hright .tips{ border:#F66 1px solid; background-color:#FCF; font-size:12px; padding:0px 12px; color:#F00; display:none}
.procontent{ margin-top:20px;}
.procontent .tit{ height:40px; line-height:40px; border-bottom: 2px solid #0864bc;}
.procontent .tit dt{ float:left; height:40px; line-height:40px; color:#fff; background-color: #0864bc; text-align:center; width:160px; font-weight:bold; font-size:14px;}
.procontent .detail{ margin-top:20px;}
.comment_list{ width:95%; margin:0 auto;}
.formbox222{border:1px solid #d5d5d5; border-radius:4px; overflow:hidden; padding-left: 25px;
margin-top: 20px; padding-bottom:20px;}
 .prohead .hright .tels {
    border-bottom: 1px solid #DDD;
    font-size: 16px;
    line-height: 36px;
}
.prohead .hright .tels span {
    color: #F00;
    font-size: 28px;
    font-weight: bold;
    margin-left: 12px;
    line-height: 36px;
}










.contactus {
  padding: 20px;
  line-height: 26px;
}
.contactus p {
  float: left;
  clear: both;
  width: 240px;
  padding-right: 10px;
  background: #fff;
  line-height: 32px;
}
.contact {
  float: left;
  width: 434px;
  font-size: 14px;
  height: 330px;
  overflow: hidden;
  background: #fff url(../images/kf.jpg) no-repeat right bottom;
  border: 1px solid #d5d5d5;
}
.contact dl dt {
  height: 32px;
  padding-left: 12px;
  line-height: 32px;
  font-weight: bold;
  background: #fafafa;
  border-bottom: 1px solid #e5e5e5;
}
.formbox {
  float: right;
  width: 424px;
  font-size: 14px;
  background: #fff;
  height: 330px;
  overflow: hidden;
  border: 1px solid #d5d5d5;
  margin-bottom: 15px;
}
.formbox dl dt {
  height: 32px;
  padding-left: 12px;
  line-height: 32px;
  font-weight: bold;
  background: #fafafa;
  border-bottom: 1px solid #e5e5e5;
}
.formbox dl dd {
  padding: 20px 0px;
  line-height: 26px;
}
.formbox dl dd input {
  border: 1px solid #ccc;
  height: 30px;
  padding: 0px 12px;
}
.formbox dl dd textarea {
  border: 1px solid #ccc;
  height: 100px;
}
.formbox dl dd input.submit {
  background-color: #dd127b;
  color: #FFF;
  border-color: #9c0c56;
  text-shadow: 1px 1px 0px #9c0c56;
}
.formbox dl dd .rate {
  background: url(../images/stars_3_small.gif) no-repeat;
  width: 80px;
  height: 12px;
  overflow: hidden;
}
.formbox dl dd .rate label {
  width: 14px;
  height: 12px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
  line-height: 12px;
  margin-right: 1px;
}
.formbox dl dd .ratesbox {
  width: 0px;
  height: 0px;
  overflow: hidden;
  float: left
}
.formbox dl dd .rate.rate1 {
  background: url(../images/stars_1_small.gif) no-repeat;
}
.formbox dl dd .rate.rate2 {
  background: url(../images/stars_2_small.gif) no-repeat;
}
.formbox dl dd .rate.rate3 {
  background: url(../images/stars_3_small.gif) no-repeat;
}
.formbox dl dd .rate.rate4 {
  background: url(../images/stars_4_small.gif) no-repeat;
}
.formbox dl dd .rate.rate5 {
  background: url(../images/stars_5_small.gif) no-repeat;
}
.formbox .btnews {
  padding: 0px 20px;
  overflow: hidden
}
.formbox .btnews li {
  width: 300px;
  float: left;
  list-style: square inside;
  margin-left: 20px;
  margin-right: 10px;
}
.formbox .reviewbox {
  padding: 0px 30px;
}
.formbox .reviewbox li {
  padding-bottom: 12px;
}
.formbox .reviewbox li .name {
  font-weight: bold;
}
.formbox .reviewbox li .name span {
  color: #F90;
  margin: 0px 12px;
}
.formbox .reviewbox li .reply {
  background: #f4f4f4;
  padding: 0px 12px;
}
.formbox .reviewbox li .reply span {
  color: #999
}
.formbox table {
  padding: 10px;
  width: 100%;
}
.formbox table tr {
  line-height: 35px;
}
#feedback_form .btn_submit {
  background: none repeat scroll 0px 0px #005dbf;
  color: #FFF;
  cursor: pointer;
  font-family: "Microsoft YaHei";
  font-size: 12px;
  line-height: 1em;
  padding: 10px 30px;
  margin-top: 0px;
}
#feedback_form textarea {
  width: 80%;
  height: 70px;
  padding: 5px;
  border: 1px solid #cacaca;
}