@charset "utf-8";
/* restyle */
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
body{color:#333;font:14px/1.5em "Microsoft Yahei",Arial,"Lantinghei SC","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;}
h1, h2, h3, h4, h5, h6,b,strong{font-weight: normal;}
address, cite, em,i{font-style:normal;}
li{list-style-type:none;}
a{ color:#333; text-decoration:none;}
a:active, a:hover { text-decoration:none;}
a:focus,input:hover,button:hover,input[type='button']:hover{ outline:none;}
fieldset, img {border:0;}
button, input, select, textarea{ font:14px/1.5em "Microsoft YaHei";}
.clearfix:after {content: " ";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}
.fl{float:left;}
.fr{float:right;}

/* common style */
.w1200{width:1200px;margin:0 auto;overflow:hidden;zoom: 1;}
.noshowlist{display: none;}
*:focus { outline: none; }
::-webkit-input-placeholder{color: #ddd;}
:-moz-placeholder {color:#ddd;}
::-moz-placeholder {color:#ddd;}
:-ms-input-placeholder {color:#ddd;}

.header{width:100%; background: #333; box-shadow: 0 0 10px #9f9f9f;}
.header .w1200{height:82px;}

.header .nav{float: left; margin-left: 60px; height: 54px; margin-top: 14px;}
.header .nav a{font-size:18px;color: #b9dcff;float: left;padding:0 15px;position: relative;height: 54px;line-height: 54px;margin-right: 30px;}
.header .nav a.cur:after{content:'';width:75px;height: 3px;background: #b9dcff;position: absolute;left: 50%;bottom:0; margin-left: -38px;}

.header .logo{width:210px;float:left;height: 74px;background: url(img/pc-logo.png) no-repeat; margin-top: 4px;}
.search{width: 280px;float: right; margin-top: 25px; height: 32px;border:1px solid #ccc;border-radius: 16px; overflow: hidden; display: none;}
.search #s-key{width: 210px;height: 32px;line-height: 32px;border: none;float: left;padding: 0 0 0 20px; background: transparent;color: #ddd;}
.search #s-botton{border:none;height: 32px;width: 37px;background:url(img/pc-icons.png) no-repeat;float: right;text-indent: -9999px;cursor: pointer;background-position: -8px 0;}

.bread-wrap{height: 30px; padding: 15px 0; font-size: 12px; color: #999; line-height: 30px;}
.bread-wrap .w1200::before{content: ''; display: block; float: left; width: 15px; height: 17px; margin-right: 8px; background: url(img/pc-icons.png) no-repeat; background-position: -8px -35px; margin-top: 6px;}
.bread-wrap a{ color: #999;}
.bread-wrap a:hover{color: #01a0e2;}
.bread-wrap em{color: #666;} 

.footer{background: #333;color: #ddd;height:148px;width: 100%;}
.footer .w1200{padding-top: 35px; line-height:34px; text-align: center;}
.footer .w1200 div span{color: #01a0e2;}
.footer .w1200 a{color: #ddd}

/* page */
#page {clear:both;margin: 0px;height: auto;font-size: 13px;padding-top: 20px;padding-right: 10px;padding-left: 10px;padding-bottom: 13px;text-align:center;}
#page b.selected,#page a.on{display: inline-block;height: 32px;line-height: 32px;padding: 0 13px;margin: 0 3px;color: #fff;background-color: #01a0e2;border: 1px solid #01a0e2;border-radius: 4px;vertical-align: middle;font-size: 14px;} 
#page b.total{color: #aaa;display: inline-block;font-size: 14px; margin-left:3px;}
#page a {box-shadow: 0px 0px 4px #ccc;display: inline-block;height: 32px;line-height: 32px;padding: 0 13px;margin: 0 3px;color: #666;background-color: #fff;border: 1px solid #eee;border-radius: 4px;vertical-align: middle;font-size: 14px; text-decoration: none;}
#page strong.selected,#page a:hover,#page strong.on {display: inline-block;height: 32px;line-height: 32px;padding: 0 13px;margin: 0 3px;color: #fff;background-color: #01a0e2;border: 1px solid #01a0e2;border-radius: 4px;vertical-align: middle;font-size: 14px; text-decoration: none;}
#page strong.total{ text-align:center; line-height:20px; font-size:12px; color:#b2b2b2;}