@charset "utf-8";
body{margin:0 auto; padding:0; font-family:"微软雅黑"; background:#ffffff; font-size:100%}
@media all and (min-width:640px){
body{width:640px;margin:0 auto;}
}
html{ overflow-x:hidden; font-family:"微软雅黑";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table{margin:0px auto;padding:0;}
body{vertical-align:middle; text-align:left; margin:0 auto;}
img{border-style: none;}
dl,dt,dd,p{margin:0;padding:0;}
ol,ul,li{list-style:none;}
a{ text-decoration:none;}
/* Items */
.left{float:left;}
.right{float:right;}
.clear{clear:both; overflow:hidden;}
.overflow { overflow:hidden;}

.logo{ width:100%; height:auto;}
/* 本例子css -------------------------------------- */
.focus{ width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:0px; position:absolute; z-index:1; bottom:0; text-align:center; }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%; height:auto; }

.synav{ position:relative;}
.synav a{ position:absolute; width:30%;}
.synav a.zjyc{left:2%; top:10%;}
.synav a.khzx{left:35%; top:10%;}
.synav a.lxwm{left:68%; top:10%;}

.newlist{ position:relative; margin:5% 2%; border:1px solid #CCC; padding-top:6%}
.newlist .newtit{ position:absolute; top:-4%; left:38%; text-align:center; background-color:#fff;}
.newlist .newtit .tit{}
.newlist .newtit .entit{ color:#006dd2;}
.il{}
.il_left{ width:46%; float:left; margin:2%;}
.il_right{ width:46%; float:right; margin:2%;}
.il_img{ padding:2%; border:1px solid #CCC;}
.il_tit{ text-align:center; padding:5% 0;}
.il_tit a{ color:#000;}

.botmenu{ position:relative; margin-top:8%;}
.botmenu a{ position:absolute; height:100%;}
.botmenu a:hover{ background:url(/images/sj_navp.png) no-repeat;}
.botmenu a.ap{ background:url(/images/sj_navp.png) no-repeat;}
#menu1{ width:20%; left:0%; top:0;}
#menu2{ width:20%; left:20%; top:0;}
#menu3{ width:20%; left:40%; top:0;}
#menu4{ width:20%; left:60%; top:0;}
#menu5{ width:20%; left:80%; top:0;}

.nrtit{ position:relative;}
.nrtit .tit{ position:absolute; top:30%; left:10%; color:#000;}
.nrtit .tit font{ color:#006dd2; font-size:80%;}
.nrtit .bk{ position:absolute; top:30%; right:3%; color:#999;}

.classlist{ border:1px solid #CCC; border-radius:1%; padding:2%; margin:4%;}
.classlist span{ float:left; padding:2%; color:#000;}
.classlist a.ck{ float:right; padding:2%; color:#999;}

.nr{ padding:3%;}
.classmenu{ margin-top:5%;}
.classmenu ul{}
.classmenu ul a{}
.classmenu ul a li{ width:100%; background:url(/images/sj_cbtn.jpg) no-repeat; background-size:100%; margin-bottom:3%; position:relative;}
.classmenu ul a li span{ position:absolute; top:18%; left:8%; color:#000;}
.classmenu ul a li:hover{ background:url(/images/sj_cbtnp.jpg) no-repeat; background-size:100%;}
.classmenu ul a li:hover span{ color:#ffffff; font-weight:bold;}
.classmenu ul a li.ap{ background:url(/images/sj_cbtnp.jpg) no-repeat; background-size:100%;}
.classmenu ul a li.ap span{ color:#ffffff; font-weight:bold;}

.infotitle{ padding:5%; font-weight:bold; text-align:center;}
.infocontent{ padding:5%;}

.pagefoot{ position:relative;}
.syy{ position:absolute; width:15%; height:80%; top:10%; left:5%;}
.ym{ position:absolute; width:80%; height:80%; top:10%; left:10%; text-align:center;}
.ym span{ margin-left:5%; text-align:center;}
.xyy{ position:absolute; width:15%; height:80%; top:10%; right:5%;}