* {
	font-family: 'Microsoft YaHei','微软雅黑','PingFang SC',PingFangSC-Regular,'Hiragino Sans GB',Arial,sans-serif;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,form,fieldset,input,textarea,blockquote {
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #333
}
.block {
    display: block !important;
}
.overflow{
	overflow: hidden;
}
.contents {
	font-size: 16px
}

h1,h2,h3,h4,h5,h6,th {
	font-weight: normal
}

li {
	list-style-type: none
}

img {
	border: 0;
	min-width: 1px
}
table {
	border-collapse: collapse
}

input,select,textarea {
	outline: 0;
	background: 0
}

select::-ms-expand {
	display: none
}

select {
	border: 0;
	outline: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none
}

.fl {
	float: left
}

.fr {
	float: right
}

.rp {
	position: relative;
	z-index: 1
}

.ap {
	position: absolute
}

.over {
	overflow: hidden
}

.text-over {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.header .menubtn {
    width: 2.88rem;
    height: .19rem;
    position: relative;
    z-index: 1;
    background: #e12a2a;
    margin: 3.0rem 0 0 2rem;
    display: none;
}
.header .menubtn.on {
    background: transparent;
}
.header .menubtn::before {
    position: absolute;
    bottom: -1rem;
    left: 0;
    right: 0;
    height: .19rem;
    content: "";
    background: #e12a2a;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}
.header .menubtn::after {
    position: absolute;
    top: -1rem;
    left: 0;
    right: 0;
    height: .19rem;
    content: "";
    background: #e12a2a;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}
.header .menubtn.on::before {
    top: 0;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.header .menubtn.on::after {
    top: 0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.trans {
	-webkit-transition: .3s;
	transition: .3s;
	outline: 0
}

.clean {
	zoom: 1
}

.clean:after,.clean:before {
	content: '';
	display: table;
	font-size: 0
}

.clean:after {
	clear: both;
	font-size: 0
}

a {
	color: #333;
	text-decoration: none
}

a:hover {
	color: #b91e1e;
	text-decoration: none
}

a * {
	text-decoration: none
}

a:hover * {
	text-decoration: none
}

*,html,body {
	font-family: "微软雅黑"
}

body,html,h1 {
	font-size: 14px;
	color: #333;
	-webkit-text-size-adjust: none;
	outline: 0;
	font-family: Arial,Helvetica,sans-serif
}

body,div,ul,li,h1,p {
	padding: 0;
	margin: 0
}

h1 {
	font-weight: normal
}

li {
	list-style-type: none
}

.img {
	max-width: 100%;
	max-height: 100%;
	border: none!important
}

a {
	text-decoration: none
}

img {
	max-width: 100%;
	height: auto !important;
    display: block;
    margin: 0 auto;
	border: 0
}
.nl {
	float: right
}

.clear_both {
	zoom: 1
}

.clear_both:after {
	content: "";
	display: block;
	clear: both
}

.text-over {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.trans {
	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s
}

.wrap {
	max-width: 1920px;
	overflow: hidden;
	width: 100%
}

.main {
	max-width: 1200px;
	margin: 0 auto
}

.blank-img {
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(70%,#fff));
	background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0,#fff 70%);
	padding-top: 60px;
	bottom: 0;
	left: 0;
	right: 0
}

.wrap {
	padding: 70px 0 0
}

.header {
	height: 60px;
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 20;
	box-shadow: 0 0 5px #ccc
}

.header .main {
	height: 100%
}

.header .logo {
	width: 95px;
	height: 42px;
	margin: 15px 11px 0 0;
	padding: 0 8px 0 0
}

.header .nav {
	margin: 16px 16px 0 0
}

.header .nav li {
	padding: 0 15px;
	line-height: 30px;
	border-radius: 15px;
	margin-left: 2px
}

.header .nav li>a {
	font-size: 16px;
	color: #555
}

.header .nav li:hover {
	background: #e12a2a
}

.header .nav li:hover>a {
	color: #fff
}

.mbx {
	line-height: 52px
}

.mbx .item {
	font-size: 14px;
	color: #888
}

.mbx .item a {
	font-size: 14px;
	color: #888
}

.gtitle2 {
	font-size: 18px;
	color: #333;
	position: relative;
	z-index: 1;
	padding: 0 0 0 13px;
	line-height: 36px;
	height: 36px;
	font-family: "FZYanSJW_Zhong"
}

.gtitle2 .gtico {
	position: absolute;
	left: 0;
	top: 50%;
	width: 3px;
	height: 18px;
	background: #b91e1e;
	margin: -9px 0 0
}

.gtitle3 {
	font-size: 18px;
	color: #333;
	position: relative;
	z-index: 1;
	padding: 0 0 0 13px;
	line-height: 36px;
	height: 36px
}

.gtitle3 .gtico {
	position: absolute;
	left: 0;
	top: 50%;
	width: 3px;
	height: 18px;
	background: #b91e1e;
	margin: -9px 0 0
}

.gtitle3 .more a {
	font-size: 12px;
	color: #555
}

.gtitle3 .more a:hover {
	color: #b91e1e
}
.relevantArt .key li{margin: 0 5px 5px 0;max-width: 100%;}
.relevantArt .key li a{border: 1px solid #ededed;line-height: 30px;font-size: 14px;color: #666;padding: 3px 10px;margin: 5px 6px;border-radius: 6px;    display: block;}
.relevantArt .key li a:hover{color: #b91e1e;border-color: #b91e1e;}
.layout .laleft {
	width: 868px
}

.layout .laright {
	width: 307px
}

.artNew .list {
	margin: 5px 0 0
}

.artNew .list .item {
	padding: 0 0 0 134px;
	position: relative;
	z-index: 1;
	min-height: 75px;
	margin: 0 0 20px
}

.artNew .list .item .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 121px;
	height: 75px
}

.artNew .list .item .title {
	line-height: 28px
}

.artNew .list .item .title .l {
	font-size: 14px;
	color: #424242;
	margin: 0 0 3px
}

.artNew .list .item .title .time {
	display: none
}

.artNew .list .item .brief {
	font-size: 12px;
	color: #888;
	line-height: 23px;
	height: 46px;
	overflow: hidden
}

.artNew .list .item:hover .title {
	color: #e12a2a
}


.artHot .list {
	margin: 11px 0 0
}

.artHot .list .item {
	padding: 0 0 0 30px;
	position: relative
}

.artHot .list .item .num {
	width: 21px;
	height: 21px;
	background: #bababa;
	text-align: center;
	line-height: 21px;
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -10px 0 0
}

.artHot .list .item .title {
	line-height: 42px
}

.artHot .list .item .title a {
	font-size: 14px;
	color: #333;
	max-width: 100%
}

.artHot .list .item .title .time {
	display: none
}

.artHot .list .item .img {
	display: none
}

.artHot .list .item .brief {
	display: none
}

.artHot .list .item:hover .title a {
	color: #e12a2a
}

.info-detail {
	border-top: 1px solid #e6e1e1;
	padding: 25px 0 0
}

.info-detail .title {
	line-height: 36px;
	font-size: 28px;
	color: #333;
	font-weight: bold;
	text-align: center
}

.info-detail .infomartion {
	line-height: 59px;
	text-align: center;
	font-size: 13px;
	color: #888
}
.info-detail .contents{
	padding: 0 30px;
}
.info-detail .contents,.info-detail .contents p {
	font-size: 16px;
	color: #555;
	line-height: 32px;
	margin: 0 0 20px
}
.info-detail .contents img{
    max-width: 70%!important;
}
.artcc,.infoadcd,.infoadc,.infoadcf{padding: 20px 0;}
.info-detail .contents.height {
	max-height: 1200px
}

.info-detail .contents .blank-img {
	display: none
}

.info-detail .contents.height .blank-img {
	display: block
}

.info-detail .btn {
	height: 49px;
	background: #ececec;
	line-height: 49px;
	text-align: center;
	font-size: 16px;
	color: #e12a2a;
	cursor: pointer;
	margin: 20px 30px
}

.info-detail .jumppage {
	margin: 28px 0 0;
	line-height: 58px;
	border-top: 1px dotted #d9d9d9
}

.info-detail .jumppage a {
	font-size: 14px;
	color: #555
}

.info-detail .jumppage a:hover {
	color: #b91e1e
}
.turn_page_jyw{width:100%;height:36px;text-align:center;overflow:visible;padding:20px 0 15px;}
.turn_page_jyw a,.turn_page_jyw span{margin:0 4px;float:left;position:relative;padding:0 13px;line-height:34px;border:#ebebeb 1px solid;color:#666;height:34px;border-radius:2px;}
.turn_page_jyw a:hover{background:#e12a2a;color:#fff;border:#e12a2a 1px solid;}
.turn_page_jyw span,.turn_page_jyw span:hover{background:#e12a2a;color:#fff;border:#e12a2a 1px solid;}

.relevantArt .list {
	margin: 10px 0 0
}

.relevantArt .list li {
	width: 31%;
	margin: 0 26px 28px 0;
	margin: 0 2.33% 28px 0;
	background: #f5f5f5
}

.relevantArt .list li .img {
	max-height: 155px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	background: #f1f1f1
}

.relevantArt .list li .img:before {
	padding: 56.98529% 0 0;
	display: block;
	content: ''
}

.relevantArt .list li .img img {
	margin: 0 auto;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100%
}

.relevantArt .list li .name {
	font-size: 14px;
	color: #333;
	line-height: 25px;
	margin: 7px 0;
	padding: 0 12px;
	font-weight: bold;
}

.relevantArt .list li .brief {
	margin: 0 12px 15px
}

.relevantArt .list li .brief .m {
	font-size: 12px;
	color: #555;
	line-height: 22px;
	height: 66px;
	overflow: hidden
}

.relevantArt .list li:hover .name {
	color: #e12a2a
}

.special .list {
	margin: 15px 0 0
}

.special .list a {
	width: 95px;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	color: #555;
	border: 1px solid #ededed;
	margin: 0 7px 12px 0
}

.special .list a.nomr {
	margin: 0 0 12px
}

.special .list a:hover {
	color: #e12a2a;
	border: 1px solid #e12a2a
}

.footer {
	border-top: 1px solid #b91e1e;
	background: #f9f9f9
}

.footer .link {
	text-align: center;
	line-height: 35px
}

.footer .link a {
	font-size: 14px;
	color: #555;
	display: inline-block;
	*display: inline;
	zoom: 1
}

.footer .link span {
	margin: 0 10px;
	font-size: 14px;
	color: #555
}

.footer .con {
	font-size: 14px;
	color: #555;
	text-align: center;
    padding-top: 20px;
	line-height: 30px
}

.footer .link a:hover {
	color: #b91e1e
}


.infolistbox {
	padding: 0 0 15px
}

.infolistbox .list li {
	padding: 19px 24px 22px 268px;
	border: 1px solid #e5e5e5;
	position: relative;
	z-index: 1;
	margin: 0 0 23px
}

.infolistbox .list li .img {
	width: 220px;
	position: absolute;
	left: 24px;
	top: 19px;
	z-index: 1;
	background: #f1f1f1;
	max-height: 209px;
	overflow: hidden
}

.infolistbox .list li .img:before {
	padding: 74.64285% 0 0;
	display: block;
	content: ''
}

.infolistbox .list li .img img {
	margin: 0 auto;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100%
}

.infolistbox .list li .name {
	line-height: 33px
}

.infolistbox .list li .name a {
	font-size: 18px;
	color: #333;
	font-weight: bold
}

.infolistbox .list li .other {
	line-height: 25px
}

.infolistbox .list li .other span {
	font-size: 14px;
	color: #888;
	margin: 0 41px 0 0
}

.infolistbox .list li .other span.time {
	padding: 0 0 0 16px;
	position: relative;
	z-index: 1
}

.infolistbox .list li .other span.time::after {
	background: url(/skin/20c/images/41.jpg) no-repeat;
	background-size: contain;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -6px 0 0;
	content: ""
}

.infolistbox .list li .other span.viewNum {
	padding: 0 0 0 20px;
	margin: 0;
	position: relative;
	z-index: 1
}

.infolistbox .list li .other span.viewNum::after {
	background: url(/skin/20c/images/42.jpg) no-repeat;
	background-size: contain;
	width: 15px;
	height: 9px;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -4.5px;
	content: ""
}

.infolistbox .list li .brief {
	font-size: 14px;
	color: #555;
	line-height: 28px;
	margin: 8px 0 22px
}

.infolistbox .list li .brief a {
	font-size: 14px;
	color: #e12a2a
}

.infolistbox .list li:hover .name a {
	color: #e12a2a
}

/*dd*/



@media(max-width:1250px) {
	.main {
		padding: 0 2.6%
	}

	.header .logo {
		margin-top: 24px
	}

	.header .nav {
		margin: 28px 1.8% 0 0
	}

	.header .nav li a {
		font-size: 16px
	}

	.layout .laright {
		width: 260px!important;
		overflow: hidden
	}
}

@media(max-width:1200px) {
	.layout .laleft {
		float: none;
		width: 100%
	}

	.layout .laright {
		float: none;
		width: 100%!important
	}
}

@media(max-width:1130px) {
	.header .nav {
		margin: 28px 0 0 6px
	}

	.header .nav li {
		padding: 0 8px
	}
}

@media (max-width: 1024px) {
	.wrap {
		padding-top: 10%
	}

	.header {
		height: auto;
		padding-bottom: 7px
	}
}
@media(max-width:960px) {
	.header .nav {
		margin: 28px 0 0;
		float: right
	}

	.header .nav li {
		padding: 0 6px
	}
}

@media(max-width:750px) {
	body {
		font-size: 1.6rem
	}
	.wrap {
		padding: 7.9rem 0 0
	}

	.header {
		height: auto
	}

	.header .nav {
		display: none;
		margin: 0
	}

	.header .nav {
		float: none;
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: url(/skin/20c/images/101.png);
		z-index: 2;
		padding: .88rem 0
	}
.header .nav.on {
    display: block;
}
.header .logo{
	margin: 10px 0 0 0;
	width:auto;
	height:auto;
	
}
	.header .nav li {
		width: 100%;
		height: 4.31rem;
		line-height: 4.31rem;
		padding: 0;
		text-align: center;
		border-bottom: 1px solid #e12a2a;
		border-radius: 0;
		position: relative;
		z-index: 1
	}

	.header .nav li::after {
		background: url(/skin/20c/images/102.png) no-repeat;
		background-size: contain;
		top: 50%;
		right: 1.31rem;
		position: absolute;
		width: .63rem;
		height: 1.06rem;
		margin: -0.53rem 0 0;
		z-index: 1;
		content: ""
	}

	.header .nav li:hover {
		background: 0
	}

	.header .nav li:last-child {
		border: 0
	}

	.header .nav li a {
		font-size: 1.8rem;
		color: #fff
	}

	.header .menubtn {
		display: block
	}

	.mbx {
		line-height: 3.81rem;
	}

	.mbx .item {
		font-size: 1.2rem
	}

	.mbx .item a {
		font-size: 1.2rem
	}

	.footer {
		border-top: .19rem solid #b91e1e
	}

	.footer .link {
		line-height: 2.5rem;
		padding: .69rem 0
	}

	.footer .link a {
		font-size: 1.43rem
	}

	.footer .link span {
		font-size: 1.43rem
	}

	.footer .con {
		font-size: 1.43rem;
		line-height: 2.69rem
	}

	.artHot .list .item {
		line-height: 3.9rem;
	    padding: .5rem 0;
		padding: 0
	}

	.artHot .list .item .num {
		display: none
	}

	.artHot .list .item .title {
		line-height: 3.9rem
	}

	.artHot .list .item .title .time {
		font-size: 1.13rem
	}

	.artHot .list .item .title a {
		font-size: 1.8rem;
	    margin: .5rem 0;
		max-width: 98%
	}

	.artHot .list .item .title .time {
		display: block;
		font-size: 1rem;
		color: #888
	}
.turn_page_jyw a{font-size:2rem; padding:0.94rem; line-height:3.3rem; height: 3.2rem; margin:0.38rem;width: 40%;}
.turn_page_jyw span,.turn_page_jyw .pgshuzi{    display: none;}
.info-detail .contents img{
    max-width: 100%!important;
}
	.artNew .list {
		margin: 10px 0
	}

	.artNew .list .item {
		margin: 0 0 15px
	}

	.artNew .list .item .img {
	}

	.artNew .list .item .title {
		line-height: 2.63rem
	}

	.artNew .list .item .title .l {
		font-size: 1.8rem;
		line-height: 2
	}

	.artNew .list .item .title .time {
		display: block;
		font-size: 1rem;
		color: #888
	}

	.artNew .list .item .brief {
		display: none
	}

	.gtitle2 {
		font-size: 1.8rem;
		height: 3.6rem;
		line-height: 3.6rem;
		padding: 0 0 0 .5rem
	}

	.gtitle2 .gtico {
		width: .19rem;
		height: 1.43rem;
		margin: -0.56rem 0 0
	}

	.gtitle3 {
		font-size: 1.8rem;
		height: 3.6rem;
		line-height: 3.6rem;
		padding: 0 0 0 .5rem
	}

	.gtitle3 .gtico {
		width: .19rem;
		height: 1.43rem;
		margin: -0.56rem 0 0
	}

	.gtitle3 .more a {
		font-size: .88rem
	}

	.info-detail .title {
		font-size: 2.8rem;
		line-height: 1.5
	}

	.info-detail .infomartion {
		line-height: 2.81rem;
		font-size: .88rem;
		margin: 0 0 1.28rem
	}
.info-detail .contents{
	padding: 0
}
	.info-detail .contents,.info-detail .contents p {
		line-height: 2;
		margin-bottom:1.8rem;
		font-size: 2.0rem
	}

	.info-detail .btn {
		margin: 1.5rem 0 1.5rem;
		height: 3.75rem;
		line-height: 3.75rem;
		border: 1px solid #e4e4e4;
		text-align: center;
		font-size: 2.0rem
	}

	.info-detail .jumppage {
		line-height: 3.0rem;
		font-size: 1.6rem;
		padding-top: 0.6rem
	}

	.info-detail .jumppage a {
		font-size: 1.6rem
	}

	.nl {
		clear: both;
		float: left;
	}

	.relevantArt .list li {
		width: 100%;
		margin: 0 0 1.13rem!important
	}

	.relevantArt .list li .img {
		max-height: none;
		overflow: hidden;
		position: relative;
		z-index: 1
	}

	.relevantArt .list li .img:before {
		padding: 45.05813% 0 0;
		display: block;
		content: ''
	}

	.relevantArt .list li .img img {
		margin: 0 auto;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		min-height: 100%
	}

	.relevantArt .list li .name {
		font-size: 1.8rem;
		line-height: 3.38rem;
		padding: 0 .75rem;
		margin: .5rem 0;
		height: auto;
		overflow: hidden;
	}

	.relevantArt .list li .brief {
		padding: 0 .75rem .94rem;
		margin: 0
	}

	.relevantArt .list li .brief .m {
		font-size: 1.3rem;
		line-height: 1.415rem;
		height: 4.125rem;
		overflow: hidden;
	}
	.relevantArt .key li a {font-size: 1.8rem;line-height:3.0rem;}
  
	.special .list {
		margin: .94rem 0 0
	}

	.special .list a {
		width: 21%;
		height: 3.25rem;
		line-height: 3.25rem;
		font-size: 1.31rem;
		margin: 0 3.94% 1.13rem 0!important
	}

	.special .list a:nth-child(4n) {
		margin: 0 0 1.13rem 0!important
	}
		.infolistbox .list li {
		border: 0;
		border-bottom: 1px solid #e5e5e5;
		padding: 1rem 0 1.25rem 19.38rem;
		margin-bottom: 2.0rem;
		min-height: 11.06rem
	}

	.infolistbox .list li .img {
		left: 0;
		width: 15.5rem;
		height: 10.06rem;
		top: 1rem
	}

	.infolistbox .list li .name {
		line-height: 2.63rem;
		margin: 0 0 .63rem
	}

	.infolistbox .list li .name a {
		line-height: 2;
		font-weight: normal;
		font-size: 1.8rem
	}

	.infolistbox .list li .brief {
		font-size: .88rem;
		line-height: 1.75rem;
		display: none;
		margin: .5rem 0 1.38rem
	}

	.infolistbox .list li .brief a {
		font-size: .88rem
	}

	.infolistbox .list li .other {
		line-height: 1.94rem
	}

	.infolistbox .list li .other span {
		font-size: .88rem
	}

	.infolistbox .list li .other span.time {
		margin: 0 1rem 0 0;
		padding: 0 0 0 1rem
	}

	.infolistbox .list li .other span.time::after {
		width: .75rem;
		height: .75rem;
		margin: -0.38rem 0 0
	}

	.infolistbox .list li .other span.viewNum {
		padding: 0 0 0 1.25rem
	}

	.infolistbox .list li .other span.viewNum::after {
		width: .94rem;
		height: .56rem;
		margin: -0.28rem 0 0s
	}

}