@charset "utf-8";

/*news*/
.news_item{ border-bottom: 1px solid #E9E9E9; margin: 0 0 20px; padding: 0 0 10px; width: 660px;}
.news_img{float: left; width: 150px;}
.news_tex{float: right; width: 490px;}
.news_tex h1{color: #333333; font: bold 12px "宋体","微软雅黑";}
.news_tex dd{color: #999999;font: 12px/20px Arial,Helvetica,sans-serif;}
.news_tex dt{color: #444666; font: 12px/16px "宋体","微软雅黑";}

/*page*/
.page{
    border-top: 1px solid #ccc;
    width:100%;
    height:26px;
    line-height: 26px;
    padding: 10px 0;
    overflow: hidden;;
}
.pagein{ padding:  0 50px;}
.contentCon .noborder{
    border: 0;
}
.page span{
    display:inline;
    color:#000;
}
.page a{
    color:#000;display:inline;}
.page .page-con1{width: 30%; float: left;}
.page .page-con2{width: 56%; float: left; text-align: right;}
.page .page-con3{width: 14%; float: right; text-align: right;}
.page .page-con2 span{ position: relative; width: 43px; height: 28px; display: inline-block;}
.page .page-con2 span a{width: 43px; height: 28px; display: inline-block;}
.page .page-first{ color: #888; background: url("../images/page/first.gif") no-repeat left center; padding-left: 12px; text-align: left;}
.page .page-firsta a{  color: #000; background: url("../images/page/firsta.gif") no-repeat left center; padding-left: 12px; text-align: left;}
.page .page-last{ color: #888; background: url("../images/page/last.gif") no-repeat right center; padding-right: 12px;}
.page .page-lasta a{ color: #000; background: url("../images/page/lasta.gif") no-repeat right center; padding-right: 12px;}
.page .shang{ color: #888; background: url("../images/page/prev.gif") no-repeat left center; padding-left: 12px; text-align: left;}
.page .shanga a{ color: #000; background: url("../images/page/preva.gif") no-repeat left center; padding-left: 12px; text-align: left;}
.page .xia{ color: #888; background: url("../images/page/next.gif") no-repeat right center; padding-right: 12px;}
.page .xiaa a{ color: #000; background: url("../images/page/nexta.gif") no-repeat right center; padding-right: 12px;}
.page .page-con2 .page-firsta, .page .page-con2 .page-lasta, .page .page-con2 .shanga, .page .page-con2 .xiaa{ width: 55px;}

/*products*/
.prob{ overflow: hidden;height:450px; padding-top: 20px;  width: 750px;}
.products{ width: 800px;}
.products li{ color: #444666;float: left;font: 12px/24px "微软雅黑";height: 200px;padding: 0;
    width: 242px; display: block; text-align: center; margin:10px 3px 0 6px;}
.products li a{ color: #444666;}
.products li a:hover{ color: #900;}
.products li img{ width: 220px; height: 160px; padding: 6px; cursor: pointer;}

/*honor cases*/
.honor li{ width: 228px; display: block; float: left; text-align: center; line-height: 20px; padding: 10px 0;}
.honor li img{ padding-bottom: 3px;}
.honor li a{ color: #000;}

/*news no img*/
.content-news{ line-height:20px; width: 750px; overflow: auto;}
.content-news .c-ul{ margin-top:10px;min-height:450px;}
.content-news .c-ul form{ display: inline;}
.content-news .c-ul li{ height: 23px; line-height: 23px;margin-bottom: 5px; overflow: hidden; border-bottom: 1px dashed #bbb;}
.content-news .c-ul li h3{float: left; width: 65%;background: url("../images/icon.png") no-repeat scroll left center transparent; padding: 0 0 0 24px;}
.content-news .c-ul li h3 a{color: #eee; font-size: 14px; font-weight: normal;}
.content-news .c-ul li h3 a:hover{ text-decoration: underline;}
.content-news .c-ul li span{display: inline; float: right; text-align: right; width: 100px;}

/*message*/
.content-message{ line-height: 20px;}
.content-message li{ display: block; margin-bottom: 10px; width: 685px;}
.content-message span{ width: 150px; float: left; display: block; text-align: center;}
.content-message input{ float: left;display: block; height: 20px;}
.content-message .bd1{ width: 200px; }
.content-message .bd2{ width: 400px;}
.content-message .bd3{ width: 400px; height: 200px;}
.content-message .bd4{ position: relative; left: 340px; cursor: pointer;}

/*showin*/
.content-view{padding-bottom: 10px; font-size: 14px;}
.content-view a{ color: #333333;}
.content-view a:hover{ text-decoration: underline; }
.content-view .vtitle{color: #333333;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    line-height: 23px;
    padding: 10px 0;}
.content-view .vphoto{ padding: 2px;}
.content-view .vcontent{ padding: 20px 0 ; width:100%; min-height: 400px; overflow: hidden; line-height: 1.8em;}
.content-view .vpro{ text-align: left;}
.content-view .vcontent-box{ min-height: 400px; overflow: auto;}
.content-view .vpage{ border-top: 1px solid #333; padding: 5px 0;}
.content-view .vpage1{ border-top: 1px solid #333; padding: 5px 0; padding-left: 10px;}
.content-view .vpage .vshang{ float: left; width: 36%; margin-left: 2%; text-align: center;}
.content-view .vpage .vmore{ text-align: center; font-size: 14px; float: left; width: 24%; margin-top: 30px;}
.content-view .vpage .vmorenopic{ text-align: center; font-size: 14px; float: left; width: 24%; }
.content-view .vpage .vxia{ float: right; width: 36%; text-align: center; margin-right: 2%;}
.content-view .vpage img{ border: 1px solid #000;}
.content-view .vpage1 .vshang{ padding:5px 17px; background: url("../images/page/showprev.gif") left center no-repeat; }
.content-view .vpage1 .vmore{ padding:5px 17px; background: url("../images/page/showother.gif") left center no-repeat;}
.content-view .vpage1 .vxia{ padding:5px 17px; background: url("../images/page/shownext.gif") left center no-repeat;}
