/*
	css stylesheet for kjt website
	version 1.0
*/

/* css reset (base on YUI) */
html{color:#535353;}
body,div,dl,dt,dd,ul,li,h1,h2,h3,form,legend,input,button,textarea,select,p,th,td,header{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
img{border:none;}
button,em,input,option,select,textarea,th{font:inherit}
li{list-style:none}
h1,h2,h3,h4{font-size:100%;font-weight:400}

/*清除浮动*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/* global */
body{color:#535353;font:14px/1.8em '微软雅黑'; background: url(bg.jpg) center top no-repeat;}
html:root body,html:root input,html:root button,html:root textarea,html:root select{font-family:'微软雅黑'}
a{color:#535353;text-decoration:none}
a:hover{text-decoration:underline}
.clr{clear:both}
.mt5{margin-top:5px}
.mr5{margin-right:5px}
.mt10{margin-top:10px}
.ml10{margin-left:10px}
.mr10{margin-right:10px}
.mt15{margin-top:15px}
.ml15{margin-left:15px}
.pt15{padding-top: 15px;}
.fl{float:left}
.fr{float:right}
.show{display:block}
.hide{display:none}
.bw{background-color:#FFF}
.posr{position:relative}
.posa{position:absolute}
.piclink,.piclink img{display:block}
.piclink p{text-align:center;margin:5px 0}
a.react{display:block;color:inherit;height:100%}
.mbox{width: 1002px; margin: 0 auto;}
.bor{ border: 1px solid #dedede;}
.tc{ text-align: center;}

.wrap{ width: 1100px; margin: 0 auto;}
.top{ padding: 18px 0; height: 68px; overflow: hidden;}
.timebox{ margin-top: 5px; padding-left: 30px; background: url(icon1.png) 0 50% no-repeat; color: #535353;}

/*nav*/
.nav{ height: 75px; border-bottom: 2px solid #a60300; background-color: #c50300;width: 1100px; margin: 0 auto;}
.nav li{ float: left;}
.nav li a{ padding: 0 24px; display: block; line-height: 75px;height: 75px; color: #fff; font-size: 16px; position: relative;}
.nav li a.on,.nav li a:hover{ background-color: #fff; color: #c50300; border-bottom: 2px solid #ffae00; text-decoration: none;}

/*subnav*/
.subnavbox{ height: 60px; padding-top: 280px;}
.coverbg{ position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background-color: #000; opacity: 0.3; filter:alpha(opacity=30); -moz-opacity:0.3;}
.subnav{ position: relative; z-index: 1000;padding-top: 20px}
.subnav div{ height: 40px; line-height: 39px; color: #fff; font-size: 16px;}
.subnav h3{ float: left; padding: 0 20px;}
.subnav ul{ float: left;}
.subnav ul li{ margin-left: 15px; float: left; padding-left: 15px; width: 80px;}
.subnav ul li a{ color: #fff;}
.system h3{ background-color: #c50300;}
.system li{ background: url(icon4.png) 0 50% no-repeat;}
.website h3{ background-color: #ffae00;}
.website li{ background: url(icon5.png) 0 50% no-repeat;}

/*searchbox*/
.searchbox{ width: 280px; height: 38px; z-index: 100; position: relative;}
.keyword{ width: 175px; height: 38px; padding-left: 35px; background: url(icon2.png) 8px 50% no-repeat #fff;}
.keyword input{ display: block; width: 100%; height: 38px; line-height: 38px; border: 0; outline: none;}
.sbtn{ display: block; width: 70px; text-align: center; line-height: 38px; border: 0; background-color: #c50300; color: #fff; cursor: pointer; outline: none;}

/*footer*/
.footer{ margin-top: 30px; background-color: #c50300; height: 60px; line-height: 60px; color: #c50300;}
.footer a{ margin: 0 10px; color: #ffffff;}
.copyright{ color: #fff;}