﻿@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%; margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ font-size:0;}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%; height:auto; }

.b1{ margin-top:5%;}
.b1 ul li{ position:relative;}
.b1 ul li a{ position:absolute; top:0; left:0; width:100%;}
.b1 ul li a img{ width:30%; margin:6% 0 0 5%; float:left;}
.b1 ul li a .txt{ float:right; width:55%; margin:5% 5% 0 0;}
.b1 ul li a .tit{ color:#166aa5; font-size:120%;}
.b1 ul li a .cont{ color:#5d5d5d;}
.b1 ul li a .mor{ color:#114773;}

.b2{ position:relative; margin:3%; margin-top:5%;}
.b2 a{ width:33.33%; height:100%; position:absolute;}
.b2 a.m1{ top:0; left:0%;}
.b2 a.m2{ top:0; left:33.33%;}
.b2 a.m3{ top:0; left:66.66%;}

.b3{ margin:3%; margin-top:5%; margin-bottom:5%;}
.b3 .title{ margin-bottom:2%;}
.b3 .title .tit{ color:#166aa5; font-weight:bold; font-size:120%;}
.b3 .title .mor{ float:right; color:#919191;}
.b3 ul li{ line-height:200%;}
.b3 ul li span{ float:right; color:#717171;}
.b3 ul li a{ color:#7a7a7a;}

/*导航栏*/
.botmenu{ position:fixed; bottom:0;}
.botmenu a{ position:absolute; display:block;}
#menu1{ width:10%; height:30%; left:5%; top:38%;}
#menu2{ width:15%; height:30%; left:18%; top:38%;}
#menu3{ width:15%; height:30%; left:36.8%; top:38%;}
#menu4{ width:18%; height:30%; left:56%; top:38%;}
#menu5{ width:15%; height:30%; left:78%; top:38%;}

/*内容页*/
.nrtit{ position:relative;}
.nrtit span{ position:absolute; top:35%; left:3%; font-size:130%; color:#fff;}
.nrtit a{ position:absolute; top:40%; right:3%; color:#fff;}
.topmenu{ overflow:hidden; margin:3%;}
.topmenu a{ display:block; float:left; margin:1%; background-color:#b4b4b4; color:#ffffff; text-align:center; padding:2% 5%;}
.topmenu a:hover{ background-color:#1568a6;}
.topmenu a.pt{ background-color:#1568a6;}
.nr{ overflow:hidden; padding:4%;}

.classlist{ margin:5%;}

.classlist li{ position:relative; margin-top:5%;}
.classlist li span.title{ position:absolute; top:25%; left:5%; color:#fff;}
.classlist li span.more{ position:absolute; top:25%; right:5%; color:#fff;}

.imglist{ width:40%; position:relative; margin-top:5%;}
.imglist_left{ float:left; margin-left:8%;}
.imglist_right{ float:right; margin-right:8%;}
.imglist a{ position:absolute; top:0; left:0; margin:2%;}
.imglist a img{ width:90%; padding:10% 5% 5% 5%;}
.imglist a .txt{ margin:5%;}
.imglist a .tit{ color:#166aa5; font-size:120%;}
.imglist a .cont{ color:#5d5d5d;}
.imglist a .mor{ color:#114773; /*margin-top:0%;*/}

.titlist{ padding:0 5%;}
.titlist ul li{ line-height:200%;}
.titlist ul li span{ float:right; color:#717171;}
.titlist ul li a{ color:#7a7a7a;}
.titlist ul li a.mor{ float:right; color:#ccc;}

.infotitle{ padding:5%; font-weight:bold; text-align:center;}
.infocontent{ padding:4%;}
.infoimg{ padding:5%;}
.infoimg img{ margin-bottom:5%;}

.back{ text-align:center; margin-top:10%; margin-bottom:20%;}
.back a{ color:#000;}

.pagefoot{ overflow:hidden; *margin-left:33%; margin-top:10%; text-align:center;}
.pagefoot .ppage{ *float:left; padding:0.5% 2%; color:#000; display:inline-block;}
.pagefoot .npage{ *float:left; padding:0.5% 2%; margin-left:1%; color:#000; display:inline-block;}

