@charset "utf-8";

@font-face {
	font-family:iconfont;src:url(//www.cpanet.org.cn/public/font/iconfont.eot?t=1459307021);src:url(//www.cpanet.org.cn/public/font/iconfont.eot?t=1459307021#iefix) format('embedded-opentype'),url(//www.cpanet.org.cn/public/font/iconfont.woff?t=1459307021) format('woff'),url(//www.cpanet.org.cn/public/font/iconfont.ttf?t=1459307021) format('truetype'),url(//www.cpanet.org.cn/public/font/iconfont.svg?t=1459307021#iconfont) format('svg')
}

.iconfont {
	font-family: iconfont!important;
	font-size: 24px;
	color: #666;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.icon-jiantouyou:before {
	content: "\e608"
}

.icon-shenglveeps:before {
	content: "\e603"
}

.icon-leaf:before {
	content: "\e601"
}

.icon-tupian:before {
	content: "\e600"
}

.icon-jiantouzuo:before {
	content: "\e604"
}

.icon-yishu01:before {
	content: "\e602"
}

.icon-iconfonti2-copy:before {
	content: "\e606"
}

.icon-xialia-jiantou:before {
	content: "\e607"
}

.icon-xiangji:before {
	content: "\e605"
}

#waterfull {
	position: relative;
	border-top: 1px solid #DBDBDB;
	margin-top: 15px
}

.tiles-wrap {
	width: 1000px;
	margin: 15px 0 80px
}

.item {
	position: absolute;
	left: 0;
	top: 0;
	margin-bottom: 14px;
	border: 1px solid #DBDBDB;
	background: #fff
}

.item img {
	width: 227px;
	display: block
}

#loader {
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	background: #EBEBEB
}

.btn-group {
	font-size: 14px
}

.btn-group a {
	display: inline-block;
	padding: 7px 25px;
	border: 1px solid #cbcbcb;
	margin-left: -1px
}

.btn-group a:hover {
	color: #333;
	background: #e8e8e8;
	text-decoration: none
}

.btn-group .active {
	background: #e8e8e8
}

#waterfull .u-txt {
	height: 75px;
	text-align: center
}

#waterfull .u-txt .time {
	padding: 9px 0;
	color: #999;
	border-bottom: 1px solid #eaeaea
}

#waterfull .u-txt p {
	padding: 4px
}

.m-crumb {
	margin: 17px 0
}

.m-crumb li>a {
	color: #666
}

.m-crumb li>a:hover {
	font-size: 14px;
	color: #fc0905
}

.m-crumb li {
	padding: 5px 5px 5px 0
}

.m-crumb li:after {
	content: ">";
	padding-left: 5px
}

.m-crumb li:last-child:after {
	content: ""
}

.m-nb-bd li>a,.m-nb-bd li>a:hover {
	font-size: 14px
}

#sm-container {
	width: 1140px
}

.m-img-list li {
	float: left;
	width: 179px;
	height: 113px;
	cursor: pointer;
	margin: 5px 5px;
	overflow: hidden
}

.m-img-list .active {
	 border: 2px solid #EA0002;
	margin: 3px;
 }

.m-img-list li>img {
	display: block;
	height: 113px;
	margin: 0 auto
}

.m-pagination {
	text-align: center;
	margin: 60px 0
}

.m-pagination li {
	display: inline-block;
	*display: inline;
	padding: 3px 5px
}

.m-pagination .active {
	color: #D20001
}

.m-pagination a {
	text-decoration: none
}

.m-fx {
	margin: 25px 0
}

.m-fx span {
	display: inline-block;
	line-height: 24px
}

.flow-p {
	width: 220px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#waterfull .u-txt {
	width: 227px
}

#loaderover {
	display: none
}

#fullscreenSlideshowContainer .ui {
	position: absolute;
	font-family: sans-serif;
	z-index: 10;
	color: #000
}

#fs-loader,#fs-prev,#fs-next,#fs-close {
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	line-height: 1em
}

#fs-close {
	top: 1em;
	right: 1em;
	font-size: 3em
}

#fs-prev,#fs-next {
	top: 50%;
	margin-top: -1em
}

#fs-prev {
	left: 1em;
	font-size: 4em
}

#fs-next {
	right: 1em;
	font-size: 4em
}

#fs-pagination {
	position: absolute;
	top: 50px;
	left: 50px;
	font-size: 5em;
	font-weight: 100;
	color: #fff
}

#fs-pagination span {
	vertical-align: middle
}

#fs-loader {
	top: 50%;
	left: 50%;
	height: 1em;
	margin-top: -1em;
	margin-left: -75px;
	display: none
}

#fs-caption {
	position: absolute;
	z-index: 20;
	font-size: 16px;
	right: 0;
	left: 0;
	bottom: 60px;
	padding: 40px 100px;
	text-align: center;
	line-height: 28px;
	background: rgba(255,255,255,.75)
}

#fs-loader,#fs-prev,#fs-next,#fs-close {
	padding: 5px 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	font-family: "微软雅黑"
}

#white_btn,#black_btn {
	display: inline-block;
	cursor: pointer
}

#white_btn {
	margin-left: 20px;
	font-size: 14px
}

#black_btn {
	margin-left: 15px;
	font-size: 24px
}

.gallery h1 {
	text-align: center;
	font-size: 28px;
	line-height: 75px;
	color: #666
}

.content h3 {
	padding-left: 35px;
	line-height: 90px;
	font-size: 24px;
	font-weight: 300;
	color: #666
}

.content p {
	font-size: 16px;
	line-height: 28px
}

.m-big-img {
	position: relative;
	margin: 30px auto;
	width: 1200px;
	height: 655px;
}

.img-warp {
	position: absolute;
	top: 0;
	left: 0;
	width: 1200px;
	height: 655px;
	overflow: hidden;
	visibility: hidden
}
.img-warp img.c_img{
	max-width: 1200px;
	max-height: 655px;}
.img-warp p {
	position: absolute;
	bottom: 0;
	width: 1200px;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	z-index: 999;
	background: #fff;
	height: 30px
}

.show {
	visibility: visible
}

.img-warp img {
	display: block;
	margin: 0 auto
}

.info {
	position: absolute;
	right: 0;
	top: -40px;
	height: 30px;
	line-height: 30px;
	z-index: 1000
}

.prev,.next {
	color: #333;
	cursor: pointer
}

.b-prev {
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	top: 300px;
	left: 0;
	text-align: center;
	background: #dedede;
	color: #fff;
	opacity: .75;
	cursor: pointer;
	z-index: 999
}

.b-next {
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	top: 300px;
	right: 0;
	text-align: center;
	background: #dedede;
	color: #fff;
	opacity: .75;
	cursor: pointer;
	z-index: 999
}

#ctr-sm-img {
	position: relative;
	margin:10px auto;
	width: 1200px;
	height: 123px
}

#sm-container {
	position: relative;
	width: 1135px;
	height: 123px;
	overflow: hidden;
	margin-left: 4px;
	margin-right: 4px;
}

#sm-container .m-img-list {
	position: absolute
}

#sm-container p {
	font-size: 14px;
	line-height: 32px;
	text-align: center
}

.prev,.next,#sm-container {
	display: inline-block;
	vertical-align: middle
}

.prev:hover,.next:hover {
	background: #EA0002;color: #fff;
}

.prev {
	*position: absolute;
	*left: 0;
	*top: 45px
}

.next {
	*position: absolute;
	*right: 0;
	*top: 45px
}

#sm-container {
	*display: block;
	*position: absolute;
	*left: 32px
}

.t-xgtj .m-img-list {
	width: 1135px;
	margin-bottom: 40px;
	font-size: 14px
}

.t-xgtj li {
	width: 236px;
	height: 220px;
	overflow: hidden
}

.t-xgtj img {
	display: block;
	width: 236px;
	height: 155px;
	margin-right: 10px
}

.t-xgtj h3 {
	font-size: 24px;
	line-height: 50px
}

.t-xgtj a {
	display: block;
	padding: 5px 0;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	color: #184585;
	line-height: 17px
}

.t-xgtj .u-txt {
	width: 236px
}

.hd-info {
	position: absolute;
	width: 980px;
	height: 650px;
	z-index: 900;
	display: none;
	color: #fff;
	background: #000
}

.hd-info h3 {
	margin-left: 70px;
	line-height: 80px;
	color: #fff;
	font-size: 24px
}

.hd-info ul {
	width: 870px;
	height: 570px;
	margin: 0 auto
}

.hd-info ul>li {
	float: left;
	margin: 15px
}

.hd-info img {
	display: block;
	width: 260px;
	height: 170px
}

.hd-info .u-txt {
	color: #fff;
	line-height: 32px
}

#open-screen {
	cursor: pointer;
	font-size: 16px
}

.ft-content li {
	border: 0
}

.ft-content li:after {
	content: "|"
}

#fs-caption span {
	display: block;
	font-size: 20px;
	color:#222222;
}

.img-title {
	display: none
}

.img-title-warpper {
	margin-top: 15px;
	font-size: 16px;
	line-height: 28px;
	text-align: center
}

.img-title-warpper .show {
	display: block;
	text-align:center;
}