/*==== Public css ====*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form,pre{margin:0;padding:0}
body{background:#222;color:#CCC;font:14px Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif}
li{list-style:none} img{display:inline-block;border:none;vertical-align:middle}

a, a:active, a:link {text-decoration:none;outline:0;color:#CCC;cursor:pointer} a:hover {color:#FFF;text-decoration:underline}
a img:hover{transform:scale(1.1)} a img{transition:transform 1s ease}
.none {display:none} .block {display:block} .clear {clear:both}

/*==== common css ====*/
.main {padding:0 0 15px;margin:0 auto;clear:both}
.mainbar {position:relative;background:#000} .corebar a:hover, .sidebar a:hover{color:#FFF} .corebar a, .sidebar a{color:#DDD} .sidebar a{color:#BBB}
.corebar {min-height:620px;margin-right:300px;background:#333 url(../img/inlist.jpg) no-repeat right top;border-right:#4D4D4D solid 1px}
.sidebar {position:absolute;width:300px;right:0;top:0;overflow:hidden;}

/*==== InfoList css ====*/
.sidebar ul {margin:0 18px 15px} .sidebar li {color:#CCC;line-height:1.8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sidebar ul a img {max-width:270px;display:block;margin:0 auto} .sidebar ul li:nth-child(2) {text-align:center;margin:10px 0;}

/*==== bar css ====*/
.box-show{box-shadow:#282828 0px 0px 2px 1px}
.panelbar{line-height:23px;padding:10px;display:block} .panelbar a, .panelbar a:hover, .home-title a:hover{color:#BE7B06!important}
.panel-title{padding:15px;font-size:15px;color:#B37A09;font-weight:bold}
.bar-icon{background:#303030 url(../img/tb.jpg) no-repeat 10px center;text-indent:30px;font-size:16px;color:#BE7B06;font-weight:bold}

/*==== border css ====*/
.border_c5{border:#555 solid 1px}
.border_bc5{border:0;border-bottom:#555 solid 1px}
.border_bc{border:0;border-bottom:#888 solid 1px;margin:8px 18px;padding:12px 0} .border_bc span{padding:13px 5px;border-bottom:darkred solid 1px}

/*==== margin padding css ====*/
.margin_tlr15 {margin:15px 15px 0}
.margin_tb10 {margin-top:10px;margin-bottom:10px} .margin_tb15 {margin-top:15px;margin-bottom:15px}
.margin_a15 {margin:15px}

.bg_0{background:black}


/*==== Header Footer Main css ====*/
.header {width:100%;background-color:#000;color:#FFF;padding-top:5px} .headhome{margin:0 auto;position:relative;z-index:9} .search{position:absolute;right:0;top:20px} .search input{position:relative;height:28px;line-height:28px;border:#FFF solid 1px;padding:0 40px 0 70px;width:160px;border-radius:3px} .search button{right:1px;width:28px;cursor:pointer} .sort{left:1px;} .search button, .sort{position:absolute;z-index:1;height:28px;line-height:28px;border:0;top:1px;}
.logo{display:inline-block;width:318px;height:80px;background:url(../img/logo.png) no-repeat center;text-align:center;text-indent:-9999px}

.footer {background:#fff url(../img/footer_bg.jpg) repeat-x;text-align:center;padding:12px 0} .footer p, .footer a{color:#999;height:28px;line-height:28px}

.headnav{font-size:17px;height:30px;line-height:30px} .headnav li{float:left;margin:0 15px;text-align:center} .headnav li a{color:#EEE} .headnav .chkon a, .headnav li a:hover{font-weight:bold;color:darkred}

.banners{width:100%;background:#000;height:265px;border-bottom:#676767 solid 1px} .banner img, .ui-carousel{max-width:100%!important;height:266px}
.banner, .ui-carousel{margin:0 auto}

/*==== page css ====*/
#pages{text-align:center;padding:10px 0;}
.ui-laypage a, .ui-laypage span{background:#000!important;border:solid 1px #555!important;color:#FFF!important}

/*==== 面包屑 css ====*/
.breadtool {margin:8px auto!important} .breadtool .ui-breadcrumb, .breadtool .ui-breadcrumb a{color:#888!important} .breadtool .ui-breadcrumb a cite{color:#999} .breadtool .ui-breadcrumb a:hover{text-decoration:none;color:#999!important}

/*==== Ulink css ====*/
.ulink, .ulink a{color:#888;margin:15px auto} .ulink li{display:inline-block;margin-right:10px} .ulink li:first-child{margin:0}

/*==== Media Screen css ====*/
@media screen and (min-width: 1366px) {
	.headhome, .banner, .main, .breadtool{width:1300px}
}
@media screen and (min-width: 1200px) and (max-width: 1365px) {

}
@media screen and (min-width: 992px) and (max-width: 1199px) {

}
@media screen and (min-width: 768px) and (max-width: 991px) {

}
@media screen and (max-width: 767px) {

}