@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{ position:relative; 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; }

.gyhr{ background-color:#f0f0f0; overflow:hidden;}
.gyhr hr{ border:0; border-bottom:3px solid #d70408; margin:0 47%; padding-top:5%;}
.gyhr .tit{ text-align:center;}
.gyhr .tit a{ color:#000; font-size:130%;}
.gyhr .nr{ background-color:#FFF; padding:5%; margin:3%;}
.gyhr .nr .checkall{ width:20%; background-color:#d70408; color:#fff; padding:1%; margin-top:5%; text-align:center; font-size:80%;}

.cpgc{ overflow:hidden; padding:5% 3%;}
.cppic{ width:50%; float:left;}
.cppic .bd{ border:1px solid #ccc;}
.cppic img{ width:100%; height:100%;}
.classcpgc{ width:50%; float:right;}
/*图片上浮动标题*/
/*<div class="pic_txt">
<img src="sy_jtyw_pic.jpg" />
<a class="tit" href="#"><div class="btn"></div></a>
</div>*/
.img{ position:relative;}
.img .tit{ width:100%; height:20%; position:absolute; bottom:0; left:0; text-align:center; filter:alpha(Opacity=80);-moz-opacity:0.8; opacity: 0.8; z-index:100; background-color:#000;}
.img .tit div{ color:#FFF; margin-top:5%;}


.botmenu{ position:relative;}
.botmenu a{ position:absolute; width:25%; height:35%; left:3.5%; top:10%;}
.botmenu a:hover{ filter:alpha(Opacity=50);-moz-opacity:0.5; opacity: 0.5; z-index:100; background-color:#000;}
.botmenu a.ap{ filter:alpha(Opacity=50);-moz-opacity:0.5; opacity: 0.5; z-index:100; background-color:#000;}
#menu1{ left:37.5%; top:10%;}
#menu2{ left:71.5%; top:10%;}
#menu3{ left:3.5%; top:50%;}
#menu4{ left:37.5%; top:50%;}
#menu5{ left:71.5%; top:50%;}

.nrtit{ position:relative;}
.nrtit span{ position:absolute; top:30%; left:40%; font-weight:bold;}
.nrtit a{ position:absolute; top:35%; right:5%; color:#000; font-size:80%;}
.nrtit hr{ border:4px solid #005ac7;}

.nr{ overflow:hidden; padding:4%; background-color:#f0f0f0;}

.classlist{}
.classlist li{ position:relative; margin-bottom:5%;}
.classlist li span{ position:absolute; top:25%; left:10%; color:#000;}

.imglist{ width:48%;}
.imglist .img{}
.imglist .tit{ text-align:center; margin:5% 0;}
.imglist .tit a{ color:#000;}

.slideTxtBox{ overflow:hidden;}
.slideTxtBox .hd{ overflow:hidden; border:1px solid #ddd; margin:6% 0;}
.slideTxtBox .hd ul{}
.slideTxtBox .hd ul li{ float:left; cursor:pointer; padding:1% 2%;}
.slideTxtBox .hd ul li.on{ background:#d70408; color:#FFF;}
.slideTxtBox .bd{ overflow:hidden; clear:both;}

.titlist{}
.titlist li{ line-height:200%; text-align:left; list-style-type:disc; margin-left:6%;}
.titlist li a{ color:#000;}

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

.pagefoot{ overflow:hidden; margin-top:10%;}
.syy{ height:100%; float:left; text-align:center; color:#000; margin-left:30%; padding:1%; background-color:#d70408; color:#ffffff;}
.xyy{ height:100%; float:right; text-align:center; color:#000; margin-right:30%; padding:1%; background-color:#d70408; color:#ffffff;}