@charset "utf-8";
/* CSS Document */
/*
Copyright: www.ui8.cn and www.siuc.cn
time: 2008.11.11
UpTime: 2016-12-12
By Kevin Deng( www.ui8.cn )
*/
* {
	margin: 0px;
	padding: 0px;
	border:0;
}
img {border:0;}
body {
	font-family: Candara, Verdana, "微软雅黑", Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #f0f0f0;
	line-height: 180%;
}
a:link {
	color: #999;
}
a:visited {
	color: #CCC;
}
a:hover {
	color: #069;
}
a:active {
	color: #06C; /*活动链接*/
}
.l {
	float: left;
}
.l-txt{
	text-align: left;
}
.r {
	float: right;
}
.r-txt{
	text-align: right;
}
.c {
	margin-right: auto;
	margin-left: auto;
}
.c-txt {
	text-align: center;
}
/* -通用Css 结束- */
.page-w {
	width: 1160px; /*随屏幕变动*/
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 1201px) {
.page-w  {width: 1160px}
}
/* 浏览器宽度不小于1201px时,显示1160px宽度 */

@media screen and (max-width: 1200px) {
.page-w {width: 860px}
}
/* 设置了浏览器宽度不大于1200px时, 显示860px宽度 */

@media screen and (max-width: 900px) {
.page-w {width: 560px;}
}
/* 设置了浏览器宽度不大于900px时, 显示560px宽度 */

@media screen and (max-width: 500px) {
.page-w {width: 460px;}
}
/* 设置了浏览器宽度不大于500px时, 显示460px宽度 */ 

.page-1200w {
	width: 1200px;/* = =*/
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 1201px) {
.page-1200w  {width: 1200px}
}
@media screen and (max-width: 1200px) {
.page-1200w {width: 900px}
}
@media screen and (max-width: 900px) {
.page-1200w {width: 600px;}
}
@media screen and (max-width: 500px) {
.page-1200w {width: 460px;}
}

/* ------------------------------ */
/* ----------------( 动画 )--------------- */
.top-box-bg {
	background-color:#999;	
	background-image: url(../images/ads_02.jpg);
	background-position: center bottom;
	height: 400px;
	animation: adsimg 30s linear infinite alternate;
	/* Firefox: */
	-moz-animation: adsimg 30s linear infinite alternate;
	/* Safari 和 Chrome: */
	-webkit-animation: adsimg 30s linear infinite alternate;
	/* Opera: */
	-o-animation: adsimg 30s linear infinite alternate;
}
@keyframes adsimg {
0% { background-position: center bottom; }
50% { background-position: center top; }
100% { background-position: center bottom;  }
}
@-moz-keyframes adsimg /* Firefox */
{
0% { background-position: center bottom; }
50% { background-position: center top; }
100% { background-position: center bottom;  }
}
@-webkit-keyframes adsimg /* Safari 和 Chrome */
{
0% { background-position: center bottom; }
50% { background-position: center top; }
100% { background-position: center bottom;  }
}
@-o-keyframes adsimg /* Opera */
{
0% { background-position: center bottom; }
50% { background-position: center top; }
100% { background-position: center bottom;  }
}
/* ----------------( end if )---------------------- */
.top-box-menu-ap {
	background-color: #000;
	height: 70px;
	filter:alpha(opacity=50); /*透明*/
	background: rgba(0,0,0, 0.5);/*火狐*/
	z-index:90;
}
.top-box-menu-bg {
	color: #FFF;
	overflow: hidden;
	margin-top: -70px;
	height: 70px;
}
.top-box-menu-txt a {
	color: #FFF;
	text-decoration: none;
	padding-right: 40px;
}
.top-box-menu-txt a:hover {
	text-decoration: underline;
	color: #EFA524;
}
.top-box-menu-txt a:visited {
	color: #FFF;
}
.ads-txts-title { /* --------( title )--------- */
	font-size: 36px;
	color: #FFF;
	text-align: center;
	margin-top: 100px;
	z-index:99;
	text-shadow:#666 0px 2px 2px;
}

.top-menu-logo {
	padding-top: 16px;
}
.top-box-menu-txt {
	text-align: right;
	padding-right: 20px;
	padding-top: 10px;
	margin-top: -70px;
}
.page-info {
	margin-top: -100px;
	height: 100px;
	color: #FFF;
	font-size: 32px;
}
.page-info-two {
	color: rgba(255,255,255,0.5);
	font-size: 16px;
}

.page-menu-bg {
	background-color: #fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e6e6e6;
	border-right-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
	border-left-color: #e6e6e6;
	text-align: center;
}
.page-menu-txt a {
	text-decoration: none;
	color: #666;
	padding-right: 30px;
	padding-left: 30px;
}
.page-menu-txt a:hover {
	color: #009FE7;
}
.page-menu-at a {
	color: #009fe7;
}
.page-menu-at a:hover {
	color: #CCC;
}
.page-menu-txt {
	background-color: #FFF;
}
.page-content-box {
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 18px;
	color: #aaa;
}
.content-li-box {
	background-color: #FFF;
	width: 360px;
	height: 360px;
	border: 1px solid #dcdcdc;
	overflow: hidden;
	float: left;
	margin-top: 38px;
	margin-right: 18px;
	margin-bottom: 18px;
	margin-left: 18px;
	box-shadow: 0px 1px 2px #ddd; /*阴影*/
}
.content-li-box-img {
	height: 240px;
	width: 360px;
	overflow: hidden;
}
.content-li-box-name {
	text-align: center;
	font-size: 24px;
	color: #666;
	padding-top: 20px;
}
.content-li-box-name-two {
	text-align: center;
}
.page-page {
	padding-top: 40px;
}

/* 页码翻页 */
.page-p {
	padding-top: 20px;
	padding-bottom: 40px;
	height: 60px;
	text-align: center;
}
.page-p a {
	color: #898989;
	text-decoration: none;
	padding: 10px;
	border: 1px solid #d2d2d2;
	background-color: #FFF;
	margin-right: 10px;
	margin-left: 10px;
	box-shadow: 0px 1px 2px #ddd; /*阴影*/
}
.page-p a:hover {
	color: #FFF;
	background-color: #699eff;
	border: 1px solid #3f83ff;
}
.page-at{
	color: #fff;
	text-decoration: none;
	padding: 10px;
	border: 1px solid #3f83ff;
	background-color: #699eff;
	margin-right: 10px;
	margin-left: 10px;
	box-shadow: 0px 1px 2px #ddd; /*阴影*/
}
/*-------------------------(copyright)----------------------------*/
.copyright-bg {
	background-color: #ebebeb;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #d2d2d2;
	border-right-color: #d2d2d2;
	border-bottom-color: #d2d2d2;
	border-left-color: #d2d2d2;
}
.copyright-box {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #666;
	font-size: 0.6em;
}
.copyright-logo-txt {
	padding-top: 10px;
	padding-bottom: 10px;
}
.copyright-logo-txt a {
	color: #333;
	text-decoration: underline;
}
.copyright-logo-txt a:hover {
	color: #699eff;
	text-decoration: none;
}
/*copy -logo 动画*/
.copyright-logo {
	width:70;
	height:40;
	width:60px;
	height:40px;
	position:relative;
	/*动画*/
	animation:logo 5s infinite;
	-moz-animation:logo 5s infinite;
	-webkit-animation:logo 5s infinite;
	-o-animation:logo 5s infinite;
	border-radius:5px;
	-webkit-border-radius:5px;
	padding: 2px;
}
@keyframes logo
	{
	0%		{transform: rotate(0deg);left:0px;}
	25%		{transform: rotate(10deg);left:0px;}
	50%		{transform: rotate(360deg);left:320px;}
	70%		{transform: rotate(-10deg);left:0px;}
	100%	{transform: rotate(0deg);left:0px;}
	}

@-webkit-keyframes logo
	{
	0%		{transform: rotate(0deg);left:0px;}
	25%		{transform: rotate(10deg);left:0px;}
	50%		{transform: rotate(360deg);left:320px;}
	70%		{transform: rotate(-10deg);left:0px;}
	100%	{transform: rotate(0deg);left:0px;}
	}
@-moz-keyframes logo
	{
	0%		{transform: rotate(0deg);left:0px;}
	25%		{transform: rotate(10deg);left:0px;}
	50%		{transform: rotate(360deg);left:320px;}
	70%		{transform: rotate(-10deg);left:0px;}
	100%	{transform: rotate(0deg);left:0px;}
	}

@-o-keyframes logo
	{
	0%		{transform: rotate(0deg);left:0px;}
	25%		{transform: rotate(10deg);left:0px;}
	50%		{transform: rotate(360deg);left:320px;}
	70%		{transform: rotate(-10deg);left:0px;}
	100%	{transform: rotate(0deg);left:0px;}
	}
/* blog*/
/*------------ ( 头像 ) ------------*/
#touxiang{
	width: 200px;
	height: 200px;
	border-radius: 200px;
	background-color: #FFF;
	padding: 4px;
	box-shadow: 0px 3px 6px #333; /*阴影*/
	margin-right: auto;
	margin-top: -100px;
	margin-left: auto;
	margin-bottom:40px;
}
.touxiang-photo{
	width: 200px;
	height: 200px;
	border-radius: 200px;
	background-color: #FFF;
	overflow: hidden;
}

.page-menu-txt-blog {
	text-align: center;
	margin-bottom:60px;
	
}
.page-menu-txt-blog a {
	text-decoration: none;
	color: #666;
	padding-right: 30px;
}
.page-menu-txt-blog a:hover {
	color: #009FE7;
}
/* blog */
.page-blog-bg {
	background-color: #e6e6e6;
}
.blog-content-li-box {
	margin-right: auto;
	margin-left: auto;
	margin-top: -80px;
	background-color: #FFF;
	margin-bottom: 120px;
	border-radius:4px;
	border: 1px solid #dcdcdc;
	box-shadow: 0px 1px 2px #ddd; /*阴影*/
}
.blog-content-li-box-txts {
	margin: 20px;
	color: #666;
}
.blog-content-li-box-txts a {
	color: #E83C39;
	padding-right: 10px;
	padding-left: 10px;
}
.blog-content-li-box-txts a:hover {
	color: #2c6ee7;
	text-decoration: underline;
}
.blog-content-li-box-name {
	font-size: 24px;
	color: #666;
	padding-left: 20px;
}
.blog-content-li-box-name-two {
	padding-left: 20px;
	padding-bottom: 40px;
}
.blog-content-li-box-name-two a {
	padding-right: 10px;
	text-decoration: none;
}
.blog-content-li-box-name-two a:hover {
	color: #e63a37;
	text-decoration: underline;
}
.blog-content-li-box-name-two ul {
	padding-left: 80px;
}
.blog-content-li-box-name-two li {
	padding-left: 10px;
}