﻿@charset "utf-8";
body{margin:0 auto; padding:0; font-family:"微软雅黑"; background:#222326; font-size:100%; color:#cdcdcd;}
@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%; margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:5%; position:absolute; z-index:1; bottom:1%;}
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box;}
.focus .hd ul li{ width:15%; height:0; background:#fff; float:left; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; z-index:9; cursor:pointer; font-size:0; margin-left:1%;}
.focus .hd ul li.on{ background:#01bafd;}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%; height:auto; }

.symenu{ position:relative;}
.symenu a{ position:absolute; width:25%; height:100%;}
#symenu1{ top:0; left:0;}
#symenu2{ top:0; left:25%;}
#symenu3{ top:0; left:50%;}
#symenu4{ top:0; left:75%;}

.sytit1{ position:relative;}
.sytit1 .tit_a{ position:absolute; width:36%; height:50%; top:29%; left:32%;}
.slideBox{ position:relative; overflow:hidden;}
.slideBox .hd{ position:absolute; width:100%; height:11%; bottom:0; left:0; z-index:1;}
.slideBox .hd img{ width:100%;}
.slideBox .prev,.slideBox .next{ position:absolute; left:2%; top:0; padding:1% 0; display:block; width:3%; height:100%; text-align:center; cursor:pointer;}
.slideBox .next{ left:auto; right:2%;}
.slideBox .bd{ position:relative; z-index:0;}
.slideBox .bd li{ position:relative;}
.slideBox .bd li img{ display:block;}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.slideBox .bd li .tit{ display:block; width:100%; position:absolute; bottom:0; text-indent:10px; padding:2% 0; text-align:center; color:#000; background-color:rgba(193,222,1,0.8);}

.sytit2{ position:relative;}
.sytit2 .tit_a{ position:absolute; width:36%; height:30%; top:49%; left:32%;}
.zest{ overflow:hidden;}
.zest a{ width:49.5%; margin-top:1%;}
.more{ padding-top:1%; padding-bottom:5%;}

.sytit3{ position:relative;}
.sytit3 .tit_a{ position:absolute; width:36%; height:30%; top:55%; left:32%;}
.news{ overflow:hidden;}
.news ul li{ line-height:270%;}
.news ul li span{ color:#fff; float:right;}
.news ul li a{ color:#fff;}

#botmenu{ position:fixed; bottom:0;}
#botmenu a{ position:absolute; width:16%; height:50%;}
#menu1{ left:3.5%; top:28%;}
#menu2{ left:22.5%; top:28%;}
#menu3{ left:42%; top:28%;}
#menu4{ left:61%; top:28%;}
#menu5{ left:80.5%; top:28%;}



/*内容页*/
.nrtit{ position:relative;}
.nrtit span{ position:absolute; top:30%; left:5%; color:#a9c206; font-weight:bold;}
.nrtit a{ position:absolute; top:35%; right:5%; color:#a9c206;}

.nr{ overflow:hidden; padding:4%;}

.classlist{ margin:5% 0;}
.classlist li{ position:relative; margin:4%;}
.classlist li span{ position:absolute; top:25%; left:5%; color:#000;}

.imglist{ width:48%; margin-top:5%;}
.imglist .img{}
.imglist .tit{ background-color:#a9c206; text-align:center; padding:5% 0;}
.imglist .tit a{ color:#000;}

.piclist{ position:relative; width:100%; margin-top:5%;}
.piclist .img{}
.piclist .tit{ position:absolute; bottom:0; left:0; width:100%; text-align:center; padding:2% 0; background-color:rgba(193,222,1,0.8);}
.piclist .tit a{ color:#000;}

.titlist{}
.titlist ul li{ list-style-image:url(/images/sjt_b_r.png); list-style-position:inside; line-height:270%;}
.titlist ul li a{ color:#cdcdcd;}
.titlist ul li span{ float:right; color:#cdcdcd;}

.infotitle{ padding:5%; font-weight:bold; text-align:center;}
.infocontent{ padding:4%;}

.back{ text-align:center; margin-top:10%; margin-bottom:20%;}
.back a{ color:#a9c206;}

.pagefoot{ overflow:hidden; margin-top:10%; margin-bottom:15%;}
.syy{ height:100%; float:left; text-align:center; color:#a9c206; margin-left:30%; padding:1%; background-color:#171717; color:#ffffff;}
.xyy{ height:100%; float:right; text-align:center; color:#a9c206; margin-right:30%; padding:1%; background-color:#171717; color:#ffffff;}

.twhite3{ color:#c5e300}