#preview{ float:left; margin:35px auto; text-align:center; width:330px; }
.jqzoom{ width:325px; height:265px; position:relative; border:1px solid #ccc}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:325px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:300px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:294px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

/*tab*/
.tab-all{ width:512px; padding-bottom:30px;  margin-top:40px; float:right;}
.tabb-head{ width:100%; height:27px; border-bottom:1px solid #ccc}
.tabb-head li{ float:left; margin-right:8px; border-bottom:none; width:66px; text-align:center; background:#fff}
.tabb-head li:last-child{ margin-right:0px}
.tab-con{ line-height:24px; padding-top:14px;  }
.tab-yy{height:26px; line-height:26px; border:1px solid #ccc;}
.tab-cure{ height:28px; line-height:28px; color:#54b6e5;}
#proc-con{display:none}
.tt20{ margin-top:40px}
.ww64{ width:64%; margin: auto; padding-top:30px}

/*liuyan*/
#gysy {
    background-color: #f5f6f7;
    border-bottom: 1px solid #eaeaea;
    margin: 30px auto;
    padding: 20px;
    width: 100%;
}
.inputs {
    border: 1px solid #d8d8d8;
    height: 32px;
    line-height: 32px;
    padding: 0 3px;
}
input[type="button"] {
    background: #0165c9 none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    padding: 0px 10px;
}
.gysy_intro {
   
}

.nnn{ width:100%; padding:2% 0px;}

#showpage .active {
    background: #e7e7e7 none repeat scroll 0 0;text-align: center;
}
#showpage a {
    background: #f8f8f8 none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 0 1px #333;
    color: #333;
    margin: 5px;
    padding: 5px 10px;
    text-decoration: none;
}
#mobile-ly{ display:none}
@media screen and (min-device-width:320px)and (max-device-width:480px) {
/* Styles */
#pro-search{ display:none}
#preview{display:none}
#tab-all{display:none}
#proc-con{ display:block}
#proc-con ul{ padding:20px 0px; line-height:24px;}
#proc-con ul li{ font-size:16px}
#proc-con ul img{ width:100%}
#proc-con ul p{ font-size:12px}
#proc-con ul p  span{ font-size:12px}
#gysy{ }
#mobile-ly{ display: none}
.ww64{ width:80%; margin:auto; padding-top:1px}
#paage{ display:none}
.gray1{ width:20%}
.red1{ width:120%}
.inputs{ width:90%}
.form2{ width:90%}
.input{ height:30px}
#fooot{ position:absolute; bottom:0px; width:100%}
}

@media screen and (min-device-width:992px)and (max-device-width:1400px) {
#pppsearch{ display:none}

}