@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: 869px;



}











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







.procontent .tit dt {



  float: left;



  line-height: 48px;



  height: 47px;



  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;



  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;



  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;



}







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

  *line-height: 15px;



}







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



}