@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;


  border: 1px solid #e5e5e5;


  padding: 12px 24px;


  background: #fff;


margin-bottom: 15px;


}





.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: #666


}





.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/img/btn-s-bg.png) no-repeat;


  float: left;


  margin: 0 16px 0 0!important;


  padding: 0!important;


  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;


}





.btns1 a {


  margin-right: 20px;


}





.prohead .hright {


  float: right;


  width: 390px;


  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;


  line-height: 30px;


}





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


  border-left: 1px solid #e5e5e5;


  border-right: 1px solid #e5e5e5;


  border-bottom: 1px solid #e5e5e5;


  background: #fff;


}





.procontent .tit {


  height: 48px;


  line-height: 48px;


  border-bottom: 1px solid #dfdfdf;


  border-top: 1px solid #e5e5e5;


  border-right: 1px solid #e5e5e5;


  z-index: 998;


  background: #fff;


  width: 868px;


}





.procontent .fixed {


  position: fixed;


  width: 1080px;


}








/* if the panel is sliding, it needs position:fixed */





.procontent .tit dt {


  float: left;


  line-height: 48px;


  height: 47px;


  color: #57b000;


  text-align: center;


  width: 160px;


  font-weight: bold;


  font-size: 16px;


  border-left: 1px solid #cfbfb1;


  border-right: 1px solid #cfbfb1;


  margin-left: -1px;


  margin-top: -1px;


  border-top: 2px solid #57b000;


  position: relative;


  z-index: 999;


}





.procontent .tit #saoyisao {


  float: right;


  line-height: 48px;


  height: 48px;


  padding: 0 20px;


  background: url(../images/img/ewm.gif) no-repeat 10px center;


  padding-left: 40px;


  cursor: pointer;


  position: relative;


}





.procontent .tit #saoyisao:hover {


  background: #f5f5f5 url(../images/img/ewm.gif) no-repeat 10px center;


}





.procontent .tit .online a {


  display: none;


  float: right;


  background: #57b000;


  width: 215px;


  color: #fff;


  font-size: 18px;


  font-weight: bold;


  text-align: center;


}





.procontent .fixed .online a {


  display: block;


}





.procontent .detail {


  margin-top: 20px;


  padding: 12px 24px;


  line-height:28px;


  font-size:14px;


}

.procontent .detail a {color:#57b000;}



.comment_list {


  width: 95%;


  margin: 0 auto;


}





.contact {


  float: left;


  width: 460px;


  font-size: 14px;


  height: 330px;


  overflow: hidden;


  background: #fff url(../images/img/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: 395px;


  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/img/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/img/stars_1_small.gif) no-repeat;


}





.formbox dl dd .rate.rate2 {


  background: url(../images/img/stars_2_small.gif) no-repeat;


}





.formbox dl dd .rate.rate3 {


  background: url(../images/img/stars_3_small.gif) no-repeat;


}





.formbox dl dd .rate.rate4 {


  background: url(../images/img/stars_4_small.gif) no-repeat;


}





.formbox dl dd .rate.rate5 {


  background: url(../images/img/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;


}





.contactus strong {


  padding: 0px 6px 0px;


}





.contactus {


  padding: 20px;


  line-height: 26px;


}





.contactus p {


  float: left;


  clear: both;


  width: 240px;


  padding-right: 10px;


  background: #fff;


  line-height: 32px;


}





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


}








/*点击大图*/





#fancybox-loading {


  position: fixed;


  top: 50%;


  left: 50%;


  width: 40px;


  height: 40px;


  margin-top: -20px;


  margin-left: -20px;


  cursor: pointer;


  overflow: hidden;


  z-index: 1104;


  display: none;


}





#fancybox-loading div {


  position: absolute;


  top: 0;


  left: 0;


  width: 40px;


  height: 480px;


  background-image: url('../images/fancybox/fancybox.png');


}





#fancybox-overlay {


  position: absolute;


  top: 0;


  left: 0;


  width: 100%;


  z-index: 9999;


  display: none;


}





#fancybox-tmp {


  padding: 0;


  margin: 0;


  border: 0;


  overflow: auto;


  display: none;


}





#fancybox-wrap {


  position: absolute;


  top: 0;


  left: 0;


  padding: 20px;


  z-index: 99999;


  outline: none;


  display: none;


}





#fancybox-outer {


  position: relative;


  width: 100%;


  height: 100%;


  background: #fff;


}





#fancybox-content {


  width: 0;


  height: 0;


  padding: 0;


  outline: none;


  position: relative;


  overflow: hidden;


  z-index: 1102;


  border: 0px solid #fff;


}





#fancybox-hide-sel-frame {


  position: absolute;


  top: 0;


  left: 0;


  width: 100%;


  height: 100%;


  background: transparent;


  z-index: 1101;


}





#fancybox-close {


  position: absolute;


  top: -15px;


  right: -15px;


  width: 30px;


  height: 30px;


  background: transparent url('../images/fancybox/fancybox.png') -40px 0px;


  cursor: pointer;


  z-index: 1103;


  display: none;


}





#fancybox-error {


  color: #444;


  font: normal 12px/20px Arial;


  padding: 14px;


  margin: 0;


}





#fancybox-img {


  width: 100%;


  height: 100%;


  padding: 0;


  margin: 0;


  border: none;


  outline: none;


  line-height: 0;


  vertical-align: top;


}





#fancybox-frame {


  width: 100%;


  height: 100%;


  border: none;


  display: block;


}





#fancybox-left,


#fancybox-right {


  position: absolute;


  bottom: 0px;


  height: 100%;


  width: 35%;


  cursor: pointer;


  outline: none;


  background: transparent url('../images/fancybox/blank.gif');


  z-index: 1102;


  display: none;


}





#fancybox-left {


  left: 0px;


}





#fancybox-right {


  right: 0px;


}





#fancybox-left-ico,


#fancybox-right-ico {


  position: absolute;


  top: 50%;


  left: -9999px;


  width: 30px;


  height: 30px;


  margin-top: -15px;


  cursor: pointer;


  z-index: 1102;


  display: block;


}





#fancybox-left-ico {


  background-image: url('../images/fancybox/fancybox.png');


  background-position: -40px -30px;


}





#fancybox-right-ico {


  background-image: url('../images/fancybox/fancybox.png');


  background-position: -40px -60px;


}





#fancybox-left:hover,


#fancybox-right:hover {


  visibility: visible;


  /* IE6 */


}





#fancybox-left:hover span {


  left: 20px;


}





#fancybox-right:hover span {


  left: auto;


  right: 20px;


}





.fancybox-bg {


  position: absolute;


  padding: 0;


  margin: 0;


  border: 0;


  width: 20px;


  height: 20px;


  z-index: 1001;


}





#fancybox-bg-n {


  top: -20px;


  left: 0;


  width: 100%;


  background-image: url('../images/fancybox/fancybox-x.png');


}





#fancybox-bg-ne {


  top: -20px;


  right: -20px;


  background-image: url('../images/fancybox/fancybox.png');


  background-position: -40px -162px;


}





#fancybox-bg-e {


  top: 0;


  right: -20px;


  height: 100%;


  background-image: url('../images/fancybox/fancybox-y.png');


  background-position: -20px 0px;


}





#fancybox-bg-se {


  bottom: -20px;


  right: -20px;


  background-image: url('../images/fancybox/fancybox.png');


  background-position: -40px -182px;


}





#fancybox-bg-s {


  bottom: -20px;


  left: 0;


  width: 100%;


  background-image: url('../images/fancybox/fancybox-x.png');


  background-position: 0px -20px;


}





#fancybox-bg-sw {


  bottom: -20px;


  left: -20px;


  background-image: url('../images/fancybox/fancybox.png');


  background-position: -40px -142px;


}





#fancybox-bg-w {


  top: 0;


  left: -20px;


  height: 100%;


  background-image: url('../images/fancybox/fancybox-y.png');


}





#fancybox-bg-nw {


  top: -20px;


  left: -20px;


  background-image: url('../images/fancybox/fancybox.png');


  background-position: -40px -122px;


}





#fancybox-title {


  font-family: Helvetica;


  font-size: 12px;


  z-index: 1102;


}





.fancybox-title-inside {


  padding-bottom: 10px;


  text-align: center;


  color: #333;


  background: #fff;


  position: relative;


}





.fancybox-title-outside {


  padding-top: 10px;


  color: #fff;


}





.fancybox-title-over {


  position: absolute;


  bottom: 0;


  left: 0;


  color: #FFF;


  text-align: left;


}





#fancybox-title-over {


  padding: 10px;


  background-image: url('../images/fancybox/fancy_title_over.png');


  display: block;


}





.fancybox-title-float {


  position: absolute;


  left: 0;


  bottom: -20px;


  height: 32px;


}





#fancybox-title-float-wrap {


  border: none;


  border-collapse: collapse;


  width: auto;


}





#fancybox-title-float-wrap td {


  border: none;


  white-space: nowrap;


}





#fancybox-title-float-left {


  padding: 0 0 0 15px;


  background: url('../images/fancybox/fancybox.png') -40px -90px no-repeat;


}





#fancybox-title-float-main {


  color: #FFF;


  line-height: 29px;


  font-weight: bold;


  padding: 0 0 3px 0;


  background: url('../images/fancybox/fancybox-x.png') 0px -40px;


}





#fancybox-title-float-right {


  padding: 0 0 0 15px;


  background: url('../images/fancybox/fancybox.png') -55px -90px no-repeat;


}








/* IE6 */





.fancybox-ie6 #fancybox-close {


  background: transparent;


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_close.png', sizingMethod='scale');


}





.fancybox-ie6 #fancybox-left-ico {


  background: transparent;


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_nav_left.png', sizingMethod='scale');


}





.fancybox-ie6 #fancybox-right-ico {


  background: transparent;


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_nav_right.png', sizingMethod='scale');


}





.fancybox-ie6 #fancybox-title-over {


  background: transparent;


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_over.png', sizingMethod='scale');


  zoom: 1;


}





.fancybox-ie6 #fancybox-title-float-left {


  background: transparent;


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_left.png', sizingMethod='scale');


}





.fancybox-ie6 #fancybox-title-float-main {


  background: transparent;


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_main.png', sizingMethod='scale');


}





.fancybox-ie6 #fancybox-title-float-right {


  background: transparent;


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_right.png', sizingMethod='scale');


}





.fancybox-ie6 #fancybox-bg-w,


.fancybox-ie6 #fancybox-bg-e,


.fancybox-ie6 #fancybox-left,


.fancybox-ie6 #fancybox-right,


#fancybox-hide-sel-frame {


  height: expression(this.parentNode.clientHeight + "px");


}





#fancybox-loading.fancybox-ie6 {


  position: absolute;


  margin-top: 0;


  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2: document.body.clientHeight/2) + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');


}





#fancybox-loading.fancybox-ie6 div {


  background: transparent;


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_loading.png', sizingMethod='scale');


}








/* IE6, IE7, IE8 */





.fancybox-ie .fancybox-bg {


  background: transparent !important;


}





.fancybox-ie #fancybox-bg-n {


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_n.png', sizingMethod='scale');


}





.fancybox-ie #fancybox-bg-ne {


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_ne.png', sizingMethod='scale');


}





.fancybox-ie #fancybox-bg-e {


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_e.png', sizingMethod='scale');


}





.fancybox-ie #fancybox-bg-se {


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_se.png', sizingMethod='scale');


}





.fancybox-ie #fancybox-bg-s {


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_s.png', sizingMethod='scale');


}





.fancybox-ie #fancybox-bg-sw {


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_sw.png', sizingMethod='scale');


}





.fancybox-ie #fancybox-bg-w {


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_w.png', sizingMethod='scale');


}





.fancybox-ie #fancybox-bg-nw {


  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_nw.png', sizingMethod='scale');


}