/*------------------flash css-----------------------*/
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.banner{margin-bottom:10px;}
.banner .ban_c img{width:100%}
.banner .ban_nav{display:none;}
/*.banner .Left,.banner .Right{position:absolute;width:38px;height:38px;right:50%;bottom:15px;}*/
.banner .Left{position:absolute;width:38px;height:38px;top:50%;left:2%;background:url('/public/images/flash/button/l.png') no-repeat}
.banner .Right{position:absolute;width:38px;height:38px;top:50%;right:2%;background:url('public/images/flash/button/r.png') no-repeat}
.bann_ext{position:relative;}
.frontCover{position:absolute;top:-120px;padding:0 0 16px;border-bottom:5px solid #de0000;}
.frontCover li{float:left;width:82px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;}
.frontCover p{text-align:center;height:14px;line-height:18px;overflow:hidden;}
.frontCover .img{position:relative;height:50px;overflow:hidden;}
.frontCover img{position:absolute;width:192px;height:50px;left:-50px;}
.frontCover .open{background:#e60013;}

/*幻灯片(组件)*/
.slide{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}
.ban_nav .on{background:#f90;color:#fff;}
.Left,.Right{cursor:pointer;}
/*-----------------lightbox css--------------*/
/* Preload images */
*{padding:0;
  margin:0;
  list-style:none;
}
body:after {
  content: url(public/images/close.png) url(public/images/loading.gif) url(public/images/prev.png) url(public/images/next.png);
  display: none;
}
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.7;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 42%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/*--------------------------------- my css---------------------------*/
*{
	text-align:justify;
}
body{
	font-family: Arial,"lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
div{
	box-sizing:border-box;
}
.fenye{
	clear:both;
	width:100%;
	font-size:0.75rem;
	font-weight:600;
	float:left;
	margin:20px 0;
	color:white;
}
.fenye a{
	background-color:#3399ff;
	padding:0.4em 0.8em;
	margin:10px 5px;
	color:white;
	-webkit-border-radius:3px;
}
.now_page{
	padding:0.4em 0.8em;
	margin:10px 5px;
	background-color:red;
	color:white;
	-webkit-border-radius:3px;
}
.fenye a:hover{
	padding:0.4em 0.8em;
	margin:10px 5px;
	background-color:red;
	color:white;
	-webkit-border-radius:3px;
	text-decoration:none;
}
hr{ height:1px;
	background-color:rgb(240,240,240);
	border:none;
	clear:both;
	width:100%;
}
a{
	text-decoration:none;
	color:rgb(18,94,166);
}
a:hover{
	color:red;
	text-decoration:underline;
}
a:active{
	color:red;
	text-decoration:underline;
}
img{
	border:none;
}
h1{
	font-size:1.6rem;
	font-weight:bold;
	line-height:1.8em;
	color:#555;
}
h2{
	font-size:1.2rem;
	font-weight:bold;
	line-height:1.8em;
	color:#555;
}
p{
	text-indent:2em;
	text-align:justify;
	word-break:all;
}
hr{
	margin:5px 0;
}
input,textarea,button{
	box-sizing:border-box;
	padding:3px 6px;
	margin:3px 0;
}
#header{
	width:100%;
	float:left;
	background:url('/public/images/webpage/header_bg.jpg') no-repeat;
	background-size:100% 100%;
}
#maincontent{
	min-height:500px;
	float:left;
	width:100%;
}
.contenter{
	clear:both;
	width:80%;
	margin:0 10%;
}
.lefter{
	float:left;
	width:68%;
	padding-right:3rem;
	font-size:0.875rem;
	line-height:1.8em;
}
.righter{
	float:right;
	width:32%;
	font-size:0.875rem;
	line-height:1.8em;
}
.content_yilan{
	width:100%;
	float:left;
	font-size:0.875rem;
	line-height:1.8em;
}
.content_yilian li{
	margin:10px;
	float:left;
	list-style:none;
}
#logo{
	float:left;
	width:20%;
	margin-top:30px;
	margin-bottom:20px;
	
}
#logo img{
	width:100%;
}
.album_shuoming{
	clear:both;
	width:100%;
	font-size:1rem;
	line-height:1.8em;
	padding:2em;
	margin:10px 0;
	-webkit-border-radius:10px;
	background:rgb(245,245,245);
}
.caidan{
	clear:both;
	width:100%;
	float:left;
	background-color:rgb(180,23,32);
}
.caidan li {
	float:left;
	display:block;
	list-style:none;
}
.caidan li a{
    text-decoration:none;
	color:white;
	font-size:1rem;
	line-height:3em;
	margin:0 15px;
}
.caidan li:hover{
	background:rgb(50,50,50);
	}
.caidan li a:hover{
	color:white;
}	
.fucaidan li{
	float:right;
	margin-top:40px;
	margin-right:10px;
	font-size:0.75rem;
	padding:5px 8px;
	-webkit-border-radius:5px;
	background-color:rgb(200,30,30);
}
.fucaidan li a{
	color:white;
}
.fucaidan li a:hover{
	color:orange;
}
.houtai_caidan{
	width:100%;
	background-color:rgb(240,240,240);
	float:left;
}
.album_img_nolist{
	width:100%;
	margin:10px 0;
}
.post_title{
	font-size:1.6rem;
	font-weight:bold;
	color:#555;
	line-height:1.8em;
}
.post_xinxi{
	font-size:0.75rem;
	color:gray;
	width:100%;
	text-align:right;
	margin:15px 0;
}
.post_content{
	width:100%;
	clear:both;
	font-size:1rem;
	word-break:break-all;
	text-align:justify;
	float:left;
	line-height:1.8em;
	padding:2rem;
	margin:10px 0;
	background-color:rgb(250,250,250);
	-webkit-border-radius:10px;
}
.post_content p{
	text-align:justify;
}
.post_content_img{
	clear:both;
	width:100%;
	margin:10px 0;
}
.righter a{
	color:black;
}
.righter a:hover{
	color:red;
}
.righter .content{
	clear:both;
	width:100%;
	padding:1rem;
	margin-bottom:15px;
	float:left;
} 
.lefter  .content{
	width:100%;
	text-align:justify;
	float:left;
	padding:1rem;
}
.content_yilan{
	width:100%;
	float:left;
}
.lefter li a{
	color:black;
}
.lefter li a:hover{
	color:red;
}
.righter .content li{
	float:left;
	width:100%;
	line-height:1.8rem;
	list-style:url('./../images/webpage/list.gif');
	line-height:1.8em;
	height:1.8rem;
	overflow:hidden;
}
.left_list{ 
	width:47%;
	padding-right:2%;
	float:left;
	line-height:1.8em;
	height:1.8rem;
	overflow:hidden;
}
.img_list_div{
	width:25%;
	float:left;
	margin:10px 0;
	padding:0 1%;
}
.img_list_div a{
	color:#777;
}
.img_list_div a:hover{
	color:red;
	text-decoration:none;
}
.img_list_photobox{
    position: relative;
    width:100%;
    padding-top:75%; // (你的图片的高度/宽度值)
	text-align:center;
	overflow:hidden;
    display:block;
	background-color:rgb(220,220,220);
	-webkit-border-radius:5px;
}
.img_list_photobox:hover{
	background-color:rgb(220,220,220);
	-webkit-filter:brightness(0.8);
	-o-filter:brightness(0.8);
	-moz-filter:brightness(0.8);
	filter:brightness(0.8);
	-webkit-border-radius:5px;
}
.img_list_photobox img{
    position: absolute;
    top:0;
    left:0;
    display:block;
	-webkit-border-radius:5px;
}
.img_list_photo_shuoming{
	text-align:center;
	width:100%;
	font-size:0.75rem;
	line-height:1.8em;
	height:2em;
	overflow:hidden;
	margin-top:10px;
    display:block;
}
.lanmu_title,.right_title{
	clear:both;
	width:100%;
	color:#444;
	background-color:rgb(240,240,240);
	-webkit-border-radius:5px;
	font-weight:bold;
	font-size:1.2rem;
	line-height:1.8em;
	padding:0.3em 1em;
	margin-top:1em;
}
.lanmu_title span{
	font-weight:bold;
	font-size:1rem;
	float:right;
	margin-right:1rem;
	
}
.lanmu_title a{
	color:rgb(18,94,166);
}
.houtai_candan{
	width:100%;
	float:left;
}
.houtai_caidan li{
	margin:10px;
	float:left;
	list-style:none;
}
#footer {
	clear:both;
	float:left;
	width:100%;
	float:left;
	background-color:black;
	color:rgb(200,200,200);
}
#footer .lefter, #footer .righter{
	font-size:0.875rem !important;
	line-height:2em !important;
}
#footer a{
	text-decoration:none;
	color:rgb(180,180,180);
}
#footer a:hover{
	color:orange;
}
@media screen and (max-width:1500px){
	#logo{
		width:30%;
	}
}
@media screen and (max-width:1000px){
	.img_list_div{
		width:33.2%;
	}
	.contenter{
		clear:both;
		width:100%;
		margin:0 auto;
	}	
	#logo{
		width:40%;
	}
	
}
@media screen and (max-width:700px){
	.righter{
		float:left;
		width:100%;
		font-size:0.9rem;
		line-height:1.8em;
		padding:0;
		margin:0;
	}
	.lefter{
		width:100%;
		padding:0;
		margin:0;
	}
	.fucaidan{
		display:none;
	}
	
	.left_list{ 
		width:100%;
		line-height:1.8rem;
		height:1.8rem;
		overflow:hidden;
	}
	.caidan{
		padding:0.5em 0;
	}
	.caidan li {
		width:32%;
	}
	.caidan li a{
		font-size:1rem;
		line-height:1.8em;		
	}
	#header{
		background-size:150% 100%;
		background-position:-150px 0;
	}
	#logo{
		width:60%;
	}
	.post_title{
		font-size:1.6rem;
		line-height:1.8em;
		font-weight:bold;
		color:#333;	
		padding:0 1rem;
	}
	.post_content{
		padding:0 1rem;
		background:none;
	}
	.album_shuoming{
		padding:0;
		background:none;
	}
	h1{
		font-size:1.6rem;
		line-height:1.8em;
		font-weight:bold;
		color:#555;	
	}
}
@media screen and (max-width:440px){
	.img_list_div{
		width:50%;
	}
}