@charset "utf-8";

/* CSS Document */


#focus {width:1080px;height:320px;overflow:hidden;position:relative; margin:0 auto;}
#focus ul {height:320px;position:absolute;}
#focus ul li {float:left;width:1080px;height:320px;overflow:hidden;position:relative;}
#focus ul li img{ width:1080px; height:320px;}
#focus ul li div {position:absolute;overflow:hidden;}
#focus .btnBg {position:absolute;width:1080px;height:20px;left:0;bottom:0;background:#cbcbcb;}
#focus .btn {position:absolute;width:562px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;}
#focus .btn span {display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#focus .btn span.on {background:#fff;}
.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: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;}

.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 #14a016;}

.procontent .tit dt{ float:left; height:40px; line-height:40px; color:#fff; background-color:#14a016; 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;}

.formbox{ margin-top:20px;}

.formbox dl{border:1px solid #d5d5d5; border-radius:4px; overflow:hidden;_float:left }

.formbox dl dt{ background:url(../images/tit1.gif) repeat-x; height:32px; padding-left:12px; line-height:32px; font-weight:bold;}

.formbox dl dd{ padding:20px 0px; line-height:26px;}

.formbox dl dd input{ border:1px solid #ccc; height:30px; border-radius:4px; padding:0px 12px;}

.formbox dl dd textarea{border:1px solid #ccc; height:100px; border-radius:4px;}

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



input.txt {

    width: 200px;

    float: left;

}

.input {

    display: inline;

    margin-right: 5px;

    padding: 5px;

    height: 18px;

    line-height: 18px;

    vertical-align: middle;

    background: none repeat scroll 0% 0% #FFF;

    border: 1px solid #CACACA;

    border-radius: 4px;

    font-family: "Microsoft YaHei";

}



.btn_submit {

    background: none repeat scroll 0px 0px #52A152;

    border: 1px solid #429342;

    color: #FFF;

    cursor: pointer;

    font-family: "Microsoft YaHei";

    font-size: 12px;

    line-height: 1em;

    padding: 10px 30px;

}

.contactus strong{padding: 0px 6px 0px;}

.contactus {
padding: 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;

}