﻿/**2017.6.15
 *  
 * 
 * **/
*{ margin: 0; padding: 0;}
html { font-size: 100%;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { margin: 0; font-size: 13px; line-height: 1.231;}
body, button, input, select, textarea { font-family: sans-serif;}
a,a:hover,a:focus { text-decoration: none; outline: 0;}
b, strong { font-style: normal;}
ul li, ol li{ list-style: none;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
button, input, select, textarea {outline: none; font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input { line-height: normal; *overflow: visible;}
table button, table input { *overflow: auto;  outline: none;}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}

/* : h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
.clearfix { zoom: 1;}

body{ font: 14px/1.5,"",arial,"simsun";  background: url(../images/bodybg.jpg) repeat;}
.top,.header,.logo,.lib_left, .lib_right, .box1, .box, .con { overflow: hidden;}
.bgcolor {  background-color: #fff;  box-shadow: #999 1px 1px 4px; padding: 10px 0; border-radius: 5px;}
.libPad { padding: 15px;}

.w1200 { width:1200px; margin:0 auto; min-width: 1200px;}

.logoImg { margin:16px 0  0 0; float:left;}
.wenxi { float:right; margin: 59px 170px 0 0;}
.top { background: url(../images/topbgs.jpg) repeat  left top; height: 30px; line-height: 30px;min-width: 1200px;}
.top { color: #333;text-align: right;}
.top a { color: #333;  font-weight: bold;}
.top a +a { margin: 0 30px 0  0;}
.header  { position: relative;min-width: 1200px; height: 199px; background: url(../images/header_bg.jpg) repeat-x -1000px top;}
.headerPos {min-width: 1200px;  position: absolute; left: 0; top: 0; z-index: 10;  width: 100%;}
.logo { height: 180px;}
.nav { background: #0397de; height: 45px; min-width: 1200px;}
.nav>ul>li:first-child {
	background-image: none;}
.nav>ul>li{width: 133px;text-align: center; font-size: 16px;}

.nav>ul>li {
	width: 133px;
	z-index: 100;
	font-size: 16px;
	position: relative;
	float: left;
	height: 45px;
	line-height: 45px;
font-weight: bold;}

.nav>ul>li:hover ul.navShow {
	display: block;}
.nav ul li a {
	color: #fff;
	width: 133px;
display:block;}

.nav>ul>li>ul.navShow {
	display: none;
	top: 45px;
	left: 0px;
	position: absolute;
	z-index: 9999;
	background-color: #0397de;
	width: 133px;}
.nav>ul>li>ul.navShow li {
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	border-top: 1px solid #fff;
	width: 133px;
	text-align: center;}

.nav>ul>li>ul.navShow li:hover {
	background-color: #680900;}

.nav>ul>li>ul.navShow li:hover a,.nav>ul>li:hover >a {
	/*color: #820b0b;*/
	color: #fff;}
.nav>ul>li:hover { background: #680900;}
.nav>ul>li:hover >a { color: #fff;}



/*****/
.leftImgText { width:1200px;     margin: 29px 0 0 0;height: 199px; overflow:hidden; position:relative;}
.leftImgText .hd{  height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display:none;}
.leftImgText .hd ul{ overflow:hidden; zoom:1; float:left;}
.leftImgText .hd ul li{ display:none; font-size: 12px; float:left; margin-right:2px;  width:15px; height:15px; line-height:17px; text-align:center; background:#fff;  background:rgba(255,255,255,0.6);cursor:pointer;}
.leftImgText .hd ul li.on{ background:#fa6e07; color:#fff;}
.leftImgText .bd{ position:relative; height:100%; z-index:0;}
.leftImgText .bd li { zoom:1; vertical-align:middle; font-size: 13px;}
.leftImgText .bd li >span { display: block; overflow:hidden;width:100%;}
.leftImgText .bd li >a { display: none; color: #333333; margin:7px 0 0  0; text-align: center; display: block;}
.leftImgText .bd li img { border:0; float:right; margin:0 20px 0 0 ;}


.lib_left { width: 910px;  float:left;}
.lib_right { width: 229px;  float: right;}
.searchWrap { overflow: hidden;}
.searchWrap .searchTitle { height: 36px; line-height:36px;letter-spacing: 2px; color:#3980fd;  font-size: 24px; text-align: right; width: 300px; overflow: hidden; float: left;}
.searchWrap form { float:left;border: 2px solid #00c0ff;margin: 0 0 0 10px;      height: 36px;
    line-height: 36px;
    width: 450px;
    padding: 0 0 0 10px;
    font-size: 16px;
    transition: all 0.3s ease-in-out 0s;}
.searchWrap form .xg1 { color: #999999; width: 409px; float: left; height: 33px; border: 0; line-height: 33px;}
.searchWrap form input[type="submit"] {border-left:1px solid #cccccc; text-indent: 999em; float: left; border-right: 0; border-top: 0; border-bottom: 0; background-color: transparent; width: 36px;  height: 36px; background: url(../images/searchbtn.jpg) no-repeat center;}
.searchWrap form a {color: #999999; text-align: center; border-left:1px solid #cccccc; display: inline-block; float: left; width: 45px; height: 36px; font-size: 12px;}

.wrapDiv { overflow: hidden; margin: 15px 0 0 0;}
.box1 { float: left; width: 320px; heigth:193px;}
.box2 { float:right; width: 554px;heigth:193px;}

.title { height: 35px; line-height: 35px; border-bottom: 1px solid #cccccc;}
.title span { letter-spacing: 1px; float:left; font-size: 16px; color: #333;padding:0 0 0 10px;}
.title span i {font-weight: normal; font-size: 12px; color: #0091ff;font-style: normal;}
.title a { font-weight:normal;color: #0091ff; float: right; font-size: 12px; margin: 5px 20px 0 0;}

.con {  clear: both; padding: 5px;}
.ul1, .ul2 { overflow: hidden;}
.ul1 li{ font-size: 12px; padding: 0 0 0 15px; height: 32px; line-height: 32px; background: url(../images/dian.jpg) no-repeat left center;}
.ul1 li a,.ul2 li a { color: #504f4f;}
.ul2 li{ float:left; width: 254px; font-size: 12px; padding: 0 0 0 18px; height: 32px; line-height: 32px; background:url(../images/dain1.jpg) no-repeat left center;}



.newImgText { border:4px solid #dbdbdb; height: 193px; overflow:hidden; position:relative;}
.newImgText .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;}
.newImgText .hd ul{ overflow:hidden; zoom:1; float:left;}
.newImgText .hd ul li{ font-size: 12px; float:left; margin-right:2px;  width:15px; height:15px; line-height:17px; text-align:center; background:#fff;  background:rgba(255,255,255,0.6);cursor:pointer;}
.newImgText .hd ul li.on{ background:#fa6e07; color:#fff;}
.newImgText .bd{ position:relative; height:100%; z-index:0;}
.newImgText .bd li { zoom:1; vertical-align:middle; font-size: 13px; position:relative;}
.newImgText .bd li >span { display: block; overflow:hidden;width:100%;}
.newImgText .bd li >a { height: 30px; line-height: 30px; font-size: 12px; width: 100%; padding: 0 10px;  color: #fff; margin:7px 0 0  0;display: block; position: absolute; 
z-index: 100; left: 0; bottom:0; background: url(../images/left_box_bg.jpg) repeat-x;}
.newImgText .bd li img { height:193px;width:100%;}

.foot_l {background-color: #0397de;box-shadow: #999 1px 1px 4px; overflow: hidden; margin: 20px 0 0 0; padding: 5px 5px 16px 18px;}
.foot_l a { border-radius: 3px; background-color: #fff; color: #333; font-size: 14px; margin:10px 0 0 0;padding:0px 8px;border:1px solid #cccccc; display: inline-block; height: 45px; line-height: 45px;}
.foot_l a + a { margin: 0 0 0 3px;}
.foot_l a i { display: inline-block;float: left; margin:6px 5px 0 0;}
.foot_l a i img  {width: 35px; height: 35px;}
.footer {  background-color: #0397de;  overflow: hidden; border-top: 1px solid #fff;}
.footer p {color: #fff; text-align: center; height: 35px; line-height: 35px;}
.footer p a { color:#fff;}
.lib_list_aside { overflow: hidden; width: 220px; float:left;}
.title_list { color: #fff;  text-align:center; font-size:22px; background-color: #0397de; height: 50px; line-height: 50px; letter-spacing: 2px;}
.aside_div { overflow: hidden;}
.aside_div a { border-top:2px solid #ebebeb; height: 45px; line-height:45px; display: block; padding: 0 10px 0 25px; color: #333; font-size: 14px; font-weight: bold;}
.aside_div a:hover { background-color: #0397de; color: #fff;}
.lib_list_con { float: right; width: 960px; overflow: hidden;}
.title2{ padding: 0 15px; overflow: hidden; height: 40px; border-bottom: 1px solid #0397de;}
.con_pad { min-height: 342px; padding: 5px 15px; overflow: hidden;}

.listTitles, .lsitconDiv, .listBackground { overflow:hidden;}

.listTitles { height:40px; line-height:40px; color:#333;text-align:center; font-size:16px;}
.listTitles a { float:right; font-size:12px; margin:0 20px 0 0;}
.lsitconDiv { overflow:hidden;}
.listBackground  { background-color:#0594d8; height:50px; margin: 20px 0;}