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







    height: 280px;







}















.prohead .hleft .proimg img {







    width: 350px;







    height: 280px;







}















.prohead .hleft .smallimg {







    width: 402px;







    height: 60px;







    overflow: hidden







}















.prohead .hleft .smallimg dl {







    width: 353px;







    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: 320px;







    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: 46px;







    border: 1px solid #ccc; margin-top:6px;







}















.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: 490px;







    font-family: microsoft yahei;







}















.prohead .hright h1 {







    font-size: 18px;







}















.prohead .hright h2 {







    font-size: 18px;







}















.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: 963px;







}















.procontent .fixed {







    position: fixed;







    width: 963px;







}























/* 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-color: #fff;







    border: 1px solid #d5d5d5;







    position: relative;







}















.contact dl dt {







    height: 32px;







    padding-left: 12px;







    line-height: 32px;







    font-weight: bold;







    background: #fafafa;







    border-bottom: 1px solid #e5e5e5;







}















.contact img {







    position: absolute;







    right: 0;







    bottom: 0;







}















.formbox {







    float: right;







    width: 495px;







    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:85px 20px 20px 20px;







    line-height: 26px;







}















.contactus p {







    float: left;







    clear: both;







    width: 253px;







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







}