@charset "utf-8";
/* CSS Document */
/*
	@名称: style.css
	@日期: 20114-04-01
	@功能: C+云优化型手机网站浏览器样式渲染
	@作者: 深圳市国人天下电子商务有限公司C+前端架构师
	@版权: 深圳市国人天下电子商务有限公司(http://www.ceotx.com)保留
*/
body{ margin:0; padding:0; font-size:12px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; color:#666; }
a{ font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-decoration:none; color:#666;}
a:hover{ text-decoration: none; color:#d00;}
.clear{ clear:both;}
.fleft{ float:left;}.fright{ float:right;}
.top10{ margin-top:10px;}.bot10{ margin-bottom:10px;}.left10{ margin-left:10px;}.right10{ margin-right:10px;}.bot05{ margin-bottom:5px;}

#container{ width:100%; height:auto;}

#header{ width:100%; height:185px; background:url(/images/headerbg.jpg) no-repeat center top;}
.top ul{ width:980px; margin:0 auto; height:25px; line-height:25px; color:#ebebeb;}
.top .bar{ float:right;}
.top .bar a{ background:url(/images/topbar.png) no-repeat -5px top; color:#ebebeb; height:25px; line-height:25px; padding:0 4px 0 22px; display:inline-block;}
.top .bar a.txwb{ background-position:-3px top;}
.top .bar a.xlwb{ background-position:-3px -25px;}
.top .bar a.xlbk{ background-position:-5px -100px;}
.top .bar a.scbz{ background-position:-3px -50px;}
.top .bar a.wzdt{ background-position:-5px -75px;}

.logo h1{ width:980px; height:80px; margin:0 auto;}

.menu,.search{ width:100%; height:40px; overflow:hidden;}
.menu ul,.search ul{ width:980px; height:40px; margin:0 auto;}
.menu ul li{ float:left; margin:0; padding:0;  }
.menu ul li a{ float:left; height:40px; line-height:40px; padding:0 25px 0 19px ; font-family:"微软雅黑"; font-size:14px; color:#fff;}
.menu ul li a.on,.menu ul li a:hover{ text-decoration:none; padding:0 25px 0 19px ;  background:url(/images/menuon.png) no-repeat left top; text-align:center;}
.menu ul li a:hover{  background:url(/images/menuon.png) no-repeat left top;}
.menu ul li a.on{/* width:100px; padding:0;*/} 
.menu ul li a.no,.menu ul li.no{ background:none;}

.search ul{ height:40px; line-height:40px; color:#8a8a8a;}
.search a { color: #8a8a8a; margin: 0 10px 0 0;}
.search a:hover{ color:#ffc001;}
.input_s { float:left; background: url("/images/searchbg.jpg") repeat scroll left top;color: #C5C5C5; height: 25px;line-height: 25px;padding: 0 0 0 20px; width: 195px; border:0; margin-top:8px;}
.submit_s { float:left; background: url("/images/searchbg.jpg") repeat scroll right top; cursor: pointer; height: 25px; margin: 8px 10px 0; width: 57px; border:0;}

#banner_i{ width:100%;  text-align:center;}
#banner{ width:100%; height:250px; text-align:center;}

#main{ width:1105px; margin:0 auto; height:auto; padding-bottom:10px;}

.youshiDiv{ width:100%; height:613px; margin:0px auto; margin-top:8px;}

.cpfl,.khal{ width:220px; height:465px; background-color:#fff; overflow:hidden;}
.cpfl h3,.sidebar h3,.sidebara h3{  padding:15px 15px 10px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#333;}
.more{ float:right; margin:10px 10px 0 0 ;}
.cpfl ul,.sidebar ul,.sidebara ul{ padding:13px 10px 10px; background:url(/images/sidebarulbg.jpg) repeat-x left top;}
.cpfl ul li,.sidebar ul li{ line-height:30px; margin-bottom:5px; float:left; margin-right:10px; width:20%;}
.cpfl ul li a,.sidebar ul li a{ height:30px; overflow:hidden; display:block; text-indent:24px; background:url(/images/sidebarlibg.jpg) no-repeat left top;}
.cpfl ul li a.on,.cpfl ul li a:hover,.sidebar ul li a.on,.sidebar ul li a:hover{ background:url(/images/sidebarlih.jpg) no-repeat left top; color:#fff; text-decoration:none;}
.cpfl ul li ul,.sidebar ul li ul{ padding:5px 0 0 10px; background:none;}
.cpfl ul li ul li a,.sidebar ul li ul li a{ background:url(/images/sidebarlili.jpg) no-repeat left top;}

.tjcp h3,.slzs h3,.gywm h3,.khal h3,.gsdt h3,.hyzx h3,.lxwm h3,.rightbar h3{ height:41px; line-height:41px; text-indent:35px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#333;}
.slzs h3 label,.gywm h3 label,.khal h3 label,.hyzx h3 label,.lxwm h3 label,.gsdt h3 label{ color:#b1b1b1;}

.tjcp,.gywm{ width:750px; height:461px; overflow:hidden; padding:4px 0 0 0; background:url(/images/rightbar.jpg) no-repeat left top #fff;}
.tjcp h3,.gywm h3,.rightbar h3{ height:41px; line-height:41px; background:url(/images/tit_tjcp.jpg) no-repeat 15px center; text-indent:35px;}
.tjcp ul{ padding:0 0px;}
.tjcp ul li,.slzs ul li,.gywm .zzzs li,#product_list ul li{ float:left; width:162px; margin:5px 11px 10px;}
.tjcp ul li div,.slzs ul li div,.gywm .zzzs li div,.di,#product_list ul li div{ width:200px; height:134px; overflow:hidden; border:1px solid #f4f4f4; text-align:center;}
.tjcp ul li div:hover,.slzs ul li div:hover,.gywm .zzzs li div:hover,.di:hover,#product_list ul li div:hover{ border:1px solid #d00;}
.tjcp ul li p,.slzs ul li p,.gywm .zzzs li p,#product_list ul li p{ height:30px; line-height:30px; text-align:center; overflow:hidden;}

.slzs{ width:980px; margin:10px auto 0;}
.slzs h3{ height:40px; line-height:40px; text-indent:40px; background:url(/images/tit_slzs.png) no-repeat left top; font-size:24px;}

.slzs ul{}
.slzs ul li{ margin:10px 10px;}

#demo{ padding:10px 10px 10px; height:210px; overflow:hidden; background:url(/images/rightbar.jpg) no-repeat left top #fff;}
#demo img{margin: 0 auto;}
#indemo {float: left;overflow: hidden;width: 600%;}
#demo1, #demo2{float: left;overflow: hidden;}
#demo1 a, #demo2 a{font-size: 12px;text-decoration: none;}
#demo1 a:hover, #demo2 a:hover{text-decoration: underline;}
#demo1 ul li, #demo2 ul li {display: inline;float: left;overflow: hidden;text-align: center;width: 162px;}
#demo1 ul li span, #demo2 ul li span{float: left;height: 24px;line-height: 24px;overflow: hidden;width: 100%;}


.gywm{ background:none; padding:0;}
.gywm h3{ background:url(/images/tit_gywm.png) no-repeat left top; font-size:22px;}
.gywm .gsjj{ padding:20px 10px 20px 10px; line-height:22px; background:url(/images/rightbar.jpg) no-repeat left top #fff; height:190px; overflow:hidden;}
.gywm .zzzs{ padding:15px 10px 20px; border-top:1px dashed #d7d7d7; background-color:#fff;}
.gywm .zzzs li{ margin:0px 10px 0px;}
.gywm .zzzs li p{}

.khal{ height:460px; background:none;}
.khal h3{ background:url(/images/tit_khal.png) no-repeat left top; font-size:22px;}
.khal ul{ height:400px; padding:9px 0 10px 0; background-color:#fff; background:url(/images/rightbar.jpg) no-repeat left top #fff;}
.khal ul li { border: 1px solid #F5F5F5; display: inline; float: left; height: 40px; margin: 10px 4px 5px 4px; overflow: hidden; text-align: center; width: 100px; }
.khal ul li:hover{ border:1px solid #ffc001;}

.gsdt,.hyzx{ width:370px; height:420px; background-color:#fff;}
.bor{ height:3px; overflow:hidden;}
.one{ background-color:#00aeef;}
.two{ background-color:#f2078d;}
.three{ background-color:#eded31;}

.gsdt h3{ background:url(/images/tit_gsdt.png) no-repeat left top;}
.hyzx h3{ background:url(/images/tit_hyzx.png) no-repeat left top;}
.lxwm h3{ background:url(/images/tit_lxwm.png) no-repeat left top;}

.lxwm{ width:220px; height:420px; background-color:#fff;}
.lxwm ul{ padding:5px 15px; line-height:20px;}
.ewm {background: url("/images/ewm_bg.jpg") no-repeat scroll center top; height: 150px; margin: 0 auto; padding: 40px 0 5px; text-align: center; width: 200px;}

.gsdt ul,.hyzx ul{ padding:5px 15px 10px;}
.gsdt ul li,.hyzx ul li,#lefta .sidebara li{ padding:5px 0px 0; height:24px; line-height:24px; overflow:hidden; border-bottom:1px dashed #d7d7d7; background:url(/images/news_arc.jpg) no-repeat 8px center; text-indent:17px;}
.gsdt ul li label,.hyzx ul li label{ float:right; color:#999;}

.yqlj{ display:table; width:1105px;padding:10px 0; background-color:#fff;}
.yqlj a{ margin:0 8px; line-height:22px; color:#676767;}

#footer{ width:100%; background:url(/images/footerbg.jpg) no-repeat center top;}
#footer ul{ width:950px; margin:0 auto; padding:15px 15px 0;}
#footer ul.nav{ text-align:center; height:25px; line-height:25px;}
#footer ul.nav a{ padding:0 15px; color:#fff; border-right:1px solid #d7d7d7;}
#footer ul.bot{ color:#a8cfed; text-align:left; line-height:22px;}
#footer ul.bot a{ color:#a8cfed;}

#left,#lefta{ float:left; width:100%; margin:10px 10px 0 0; background-color:#fff; margin-bottom:10px;}
#left .sidebar{ width:100%;}

#right,#righta{ float:left; width:100%; background-color:#fff; margin-top:10px;padding:4px 0 0 0;}
#right{ margin-bottom:10px;}
#right .rightbar h3,#righta h3{ font-size:12px; font-family:"宋体"; color:#666;} 

#about,#news_list,#product_list,#product,#search{ line-height: 26px; min-height: 500px; overflow: hidden; padding: 15px; border-top:1px solid #eee;}
.cont{ font-size:14px; min-height:200px;}
.cont a{ font-size:14px}
.cent{ font-size:14px; min-height:10px;}
.cent a{ font-size:14px}
#about h1 { color: #585858; font-family: "微软雅黑"; font-size: 20px; line-height: 35px; text-align: center;}
#about .time { border-bottom: 1px dashed #D9D9D9; color: #878787; font-size: 12px; line-height: 30px; margin: 10px 0 15px; text-align: center;}
#about .time a {}
#about .imgshow img { margin: 10px auto; max-width: 600px;}
.bds_more { background: none repeat scroll 0 0;}

#product_list ul li{ margin:20px 50px 0;}

#xg_pic,#xg_news,.content{ padding:4px 0 0 0;}
#xg_pic h2, #xg_news h2,.content h2{
	background: url("/images/tit_tjcp.jpg") no-repeat scroll 5px center;
    font-size: 16px;
	font-family:"微软雅黑";
    height: 39px;
    line-height: 39px;
    text-indent: 24px;
	border-bottom:1px dashed #d7d7d7;
}
#xg_news ul li {
    background: url("/images/news_arc.jpg") no-repeat scroll 10px center;
    border-bottom: 1px dashed #EEEEEE;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 1% 0 3%;
    width: 46%;
}

#marquee {
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}
#marquee dl{ width:500%;}
#marquee img {
}
#marquee dl, #marquee dt, #marquee dd, #marquee a {
    float: left;
    font-size: 12px;
    padding: 0;
    text-align: center;
}
#marquee a {
    margin: 0 5px;
    overflow: hidden;
    width: 162px;
}
#marquee dl dt a {
    display: inline;
    float: left;
    line-height: 20px;
}
#marquee dl dt a:hover .di {
    border: 1px solid #ffc001;
}

#news_list ul li {
    background: url("/images/tb.png") no-repeat scroll 0 5px;
    border-bottom: 1px dashed #EEEEEE;
    display: block;
    margin-bottom: 10px;
    padding: 0 0 10px 25px;
}
#news_list ul li h2 {
    height: 30px;
    overflow: hidden;
}
#news_list ul li h2 a {
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
    overflow: hidden;
}
#news_list ul li h2 label {
    color: #AEAEAE;
    display: inline;
    float: right;
    font-size: 12px;
    font-weight: 100;
    text-align: right;
    width: 180px;
}
#news_list ul li h2 label a {
    float: right;
    margin-top: 5px;
}
#news_list ul li h2 a {
}
#news_list ul li p {
    color: #878787;
    font-size: 12px;
    line-height: 20px;
}

#pagelist {
    font-size: 12px;
    padding: 20px;
    text-align: center;
}
#pagelist a, span.page_index, span.page_prev, #pagelist span.active, span.page_end, span.page_next, #pagelist span {
    cursor: pointer;
    font-size: 12px;
    padding: 5px 8px;
}
#pagelist a.on {
}
#pagelist span.active {
    background-color: #01aef0;
    color: #FFFFFF;
}
#pagelist a:hover, #pagelist span:hover {
    background-color: #01aef0;
    color: #FFFFFF;
}

#righta{ float:left; width:700px;}
#lefta{ float:left; width:270px; margin:10px 0 0 10px;}
.sidebara{ background: url("/images/rightbar.jpg") no-repeat scroll left top;}
/*.sidebara .lxwmtit{ background:url(/images/tit_lxwm.png) no-repeat left 8px; text-indent:24px;}*/

.probar {
    padding: 10px 0 0;
}
.probar_left {
    width: 100%;
	margin-top:20px;
}
.probar_right { 
    width: 100%;
	margin-top:20px;
}
.probar_right li {
    border: 0 none;
}
.probar_right li h1, .probar_right li h3 {
    border-bottom: 1px dashed #EEEEEE;
}
.tagContent_ {
    border: 1px solid #EEEEEE; 
    overflow: hidden;
    text-align: center;
    width: 400px;
}
#thumb {
    float: left;
    overflow: hidden;
    width: 402px;
}
#thumb li {
    border: 1px solid #EEEEEE;
    display: inline;
    float: left;
    height: 70px;
    margin: 10px 4px;
    overflow: hidden;
    text-align: center;
    width: 70px;
}
#thumb li:hover {
    border: 1px solid #EEEEEE;
}
#thumb li img {
}
#thumb li A {
    float: left;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}
#thumb li.emptyTag {
}
#thumb li.selectTag {
    position: relative;
}
#thumb li.selectTag A {
}
.big {
    background: url("/images/big.jpg") no-repeat scroll left center;
    float: left;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding-left: 20px;
}
#show {
    border: 1px solid #EEEEEE; 
    left: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
#show_mark {
    background-color: #000000;
    border: 1px solid #999999;
    cursor: crosshair;
    display: none;
    height: 400px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 400px;
}
#zoom {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    display: none;
    float: left;
    height: 400px;
    left: 412px;
    line-height: 400px;
    margin-top: -402px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 300px;
    z-index: 1000;
}
#zoom img {
    margin: 0 auto;
    position: absolute;
}
.probar_right ul {
    padding: 0 0 0 15px;
}
.probar_right ul li {
    padding: 0 0 0 10px;
}
.probar_right ul li h1, .probar_right ul li h3 {
    color: #111;
    font-size: 12px;
    line-height: 30px;
    text-align: left;
}
.inp, .textarea {
    border: 1px solid #EEEEEE;
    color: #686868;
    font-family: "宋体";
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0 5px 0 7px;
    width: 247px;
}
.inp {
    height: 24px;
}
.textarea {
    height: 90px;
}
.code {
    border: 1px solid #EEEEEE;
    float: left;
    height: 18px;
    margin-right: 8px;
    padding: 1px;
    text-align: center;
    width: 60px;
}
.sub {
    background: url("/images/zixun.gif") no-repeat scroll left center;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 23px;
    width: 61px;
}
.prew, .nextw {
    background: url("/images/ui_pre_info.gif") no-repeat scroll left 6px;
    color: #878787;
    float: left;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding-left: 15px;
    text-align: left;
    width: 46%;
}
.nextw {
    background: url("/images/ui_next_info.gif") no-repeat scroll right 6px;
    float: right;
    padding-right: 15px;
    text-align: right;
}
.prew a, .nextw a {
    color: #878787;
}
.prew a:hover, .nextw a:hover, .about .time a:hover {
    color: #ffc001;}

#plun {
    border: 1px solid #EEEEEE;
    font-size: 12px;
    margin: 20px 0 0 5px;
    padding: 10px;
    width: 686px;
}
#plun h5 {
    display: block;
    padding: 0 10px 10px;
}
#plun h5 span {
    color: #6B6B6B;
    float: right;
}
#plun h5 label {
    background: url("/images/plun.gif") no-repeat scroll left center;
    color: #267CC8;
    padding-left: 15px;
}
#plun .pl {
    margin: 10px 0 0;
}
#plun .pl .text {
    border: 1px solid #EEEEEE;
    color: #666666;
    display: block;
    font-family: "宋体",Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 80px;
    line-height: 18px;
    width: 682px;
}
#plun .pl li {
    float: left;
    margin: 10px 0 0;
    text-align: left;
    width: 100%;
}
.plun_inp {
    background: url("/images/plun1.gif") no-repeat scroll left top;
    border: 0 none;
    height: 22px;
    margin-right: 10px;
    padding: 0;
    width: 66px;
}
.emiall {
    border: 1px solid #EEEEEE;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding: 0 10px 0 0;
}
.em1 {
    color: #666666;
    margin: 0 7px;
}
#plun .pl li em {
    float: left;
    height: 22px;
    margin: 0 10px;
    width: 60px;
}
#plun .ly {
    padding: 5px 0;
}
#plun .ly li {
    border-bottom: 1px dashed #CFD3D6;
    clear: both;
    margin: 10px 0 0;
    padding: 0 5px 5px;
}
#plun .ly li label {
    background: url("/images/arrow.gif") no-repeat scroll 2px center;
    color: #267CC8;
    padding: 0 0 0 15px;
}


#guest {
    color: #545454;
    line-height: 22px;
    width: 638px;
	font-size:12px;
}
.input_on {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #999999;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_off {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_move {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #0088CD;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out1 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    height: 70px;
    margin: 0;
    padding: 2px 8px 0 3px;
    resize: none;
    width: 350px;
}
.input_out2 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
    width: 80px;
}
#guest .input_test {
    height: 400px;
    list-style-type: none;
    margin: 20px auto 0;
    padding-bottom: 10px;
    width: 500px;
}
#guest ul.input_test .hr {
    display: block;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#guest ul.input_test li {
    background-image: none;
    display: inline;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    width: 500px;
}
#guest .input_test label {
    background-image: none;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    text-align: right;
}
#guest .input_test span {
    background-image: none;
    color: #999999;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin-left: 0;
    padding-left: 10px;
    text-align: left;
}
#guest .input_test .red {
    color: #FF0000;
    float: none;
}
#sub_btn, #sub_reset {
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    width: 50px;
}
#sub_btn:hover, #sub_reset:hover {
    height: 24px;
    line-height: 24px;
    width: 50px;
}
.inp_kg {
    overflow: hidden;
    width: 50px;
}
#submit, #sub_reset {
    cursor: pointer;
    height: 24px;
}
#guest #submit{ width:50px;}

#search ul li{ float:left; width:100%; height:162; margin:10px 0;}
#search ul li div{ float:left; width:160px; height:160px; overflow:hidden; border:1px solid #d7d7d7;}
#search ul li dl{ float:left; width:500px; padding:0 12px 0 11px; height:162px; line-height:26px; }
#search ul li dl h2 a{ font-size:14px; font-weight:bold;}




/*----------------------------------------------------------------------------- 幻灯片设置  --------------------------------------------------*/

/*----------------------------------------------------------------------------- 幻灯片设置  --------------------------------------------------*/
.leftLoop{ overflow:hidden; position:relative; } 
.leftLoop .hd{ overflow:hidden;  height:100%; } 
.leftLoop .hd .prev,.leftLoop .hd .next{ display:block; float:right;  overflow:hidden; height:100%; width:25px; cursor:pointer;}  
.leftLoop .hd .next{  } 

.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);} 
.leftLoop .hd ul li.on{ background:#f00;  } 
.leftLoop .bd{ padding:10px; height:100%;} 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; } 

.cproducts3{width:100%; height:100%; margin:0px auto; padding:0px auto; overflow:hidden; text-align:left;position:relative;  }
.cproducts3 ul{ width:100%; height:100%;}
.cproducts3 ul li{ float:left;width:163px; height:100%;text-align:center; margin-right:10px; overflow:hidden;} 
.cproducts3 ul li div {width:100%; height:100%;; margin:0px auto; padding:0px; overflow:hidden;  margin-top:5px; border:0px;}
.cproducts3 ul li:hover div{ border:0px;} 
.cproducts3 ul li div span{width:160px; height:160px; display:block; text-align:center; vertical-align:middle;overflow:hidden;  margin:0px auto; padding:0px auto;border:solid 1px #ddd;  }
.cproducts3 ul li .smallpic{width:160px; max-height:160px;display:table-cell; } 
.cproducts3 ul li  a{ line-height:30px;}

div.page {height:30px; line-height:30px; width:100%; text-align:center;color: #ff0000; padding-top:20px;}
div.page span {padding:3px 5px 3px 5px; background-color:#08a9c4; color:#fff; border:solid 1px #08a9c4;}
div.page a{ color:#444444; border:1px solid #ccc;padding:3px 5px 3px 5px; margin:0 2px; text-decoration:none; background-color:#ddd}
div.page a:hover {color:#fff; background-color:#08a9c4; }