/* CSS Document */
/* 广告轮换 */
.main { background: #f4f4f4; padding: 20px 0;}

.imgScroll { height: 378px; overflow: hidden;}
.imgScroll .bd { width: 373px; height: 362px; position: relative; *position: relative; overflow: hidden;}
.imgScroll .bd ul { position: absolute;}
.imgScroll .bd li { width: 373px; padding: 0; float: left; display: inline; margin-right: 0px; position: relative;
    zoom:1;}
.imgScroll .bd li a { width: 373px; height: 362px; display: block;}
.imgScroll .bd img { width: 373px; height: 362px}
.imgScroll .bd .picTxt { line-height: 49px; height: 50px; font-size: 18px; position: absolute; left: 0; bottom: 0;
    width: 100%; color: #fff; background: url(../img/black.png); text-align: center;}
.imgScroll .bd .picTxt:hover { background: url(../img/black_h.png);}
.imgScroll .bd .picTxt strong { color: #fff; z-index: 2;}
.imgScroll .hd { margin-top: 5px; overflow: hidden; zoom: 1; padding-left: 1px;}
.imgScroll .hd li { float: left; display: inline; width: 42px; height: 10px; line-height: 10px; margin-right: 5px;
    text-indent: -2999px; background: #D4D4D4; cursor: pointer;}
.imgScroll .hd .on { background: #0F820C;}
.imgScroll .hd .last { margin-right: 0px;}

.recommend { border: 1px solid #e0e0e0; height: 376px; overflow: hidden; background: #fff;}
.gk_top { background:url(../img/index_new.gif) repeat-x; height: 30px; width: 100%;}
.gk_top span { float: left; width: 20%; height: 30px; line-height: 31px; font-size: 15px; color: #fff; font-weight: bold; 
	padding: 0 0 0 18px; display: block;}
.more { float: right; padding: 8px 10px 0 0; height: 25px; line-height: 25px;}
.more a { color: #CC0000;}
.new_xx { padding: 10px; padding: 10px 0 10px 10px \0; width: 100% \0;}
.new_xx .tit { position: relative; padding: 0 0 3px 150px;}
.new_xx .tit .pic { position: absolute; top: 0; left: 0; width: 130px; height: 76px; padding: 2px;
	border: 1px solid #ddd;}
.new_xx .tit .pic img { width: 100%; height: 100%;}
.new_xx .tit h3 { font-weight: bold; line-height: 30px; height: 30px; overflow: hidden;}
.new_xx .tit h3 a { font-size: 16px; color: #924400;}
.new_xx .tit h3 a:hover { color: #CC0000;}
.new_xx .tit p { line-height: 25px; overflow: hidden; font-size: 14px; margin-bottom: 5px; display: -webkit-box;
	-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.new_xx .tit .more1 { color: #924400;}
.new_xx ul { overflow: hidden;}
.new_xx ul li { float: left; width: 97%; width: 100%\0; padding-left: 1.5%; margin: 0 1%; border-bottom: 1px dashed #ddd;
	height: 30px; line-height: 30px; overflow: hidden; background: url(../img/news_s.jpg) no-repeat left center; 
    box-sizing: border-box;}
.new_xx ul li a { font-size: 14px; color: #333; float: left; width: 70%;}
.new_xx ul li span { float: right;}
.new_xx ul li a:hover { color: #C00;}

.bg { background: url(../img/bg.gif) repeat;}
.art { height: 378px; overflow: hidden;}
.art h2{ overflow: hidden; zoom: 1; padding: 10px 10px 0 10px;}
.art h2 strong { float: left; font-size: 14px; padding-bottom: 5px; display: inline; line-height: 25px;}
.artAbout { width: 303px; background: #FFF; margin: 0 0 10px 10px; overflow: hidden;}
.artAbout .imgWrap { width: 303px; height: 203px; background: #F2F2F2; color: #F2F2F2;}
.artAbout .imgWrap .imgCell { width: 303px; height: 203px; line-height: 203px; font-size: 303px;}
.artAbout .imgWrap img { width: auto; max-width: 303px; max-height: 203px; margin: 0 auto; display: block;}
.artAbout .artDeil { width: 303px; line-height: 24px; color: #666; background: #fff;}
.artAbout .artDeil h3 { color: #000; padding: 8px 0 8px 9px; font-size: 16px;}
.artAbout .artDeil .dtil { width: 80%; overflow: hidden; padding: 3px 0 5px 10px; line-height: 21px; font-size: 14px;
    white-space: nowrap; text-overflow: ellipsis; float: left;}
.artAbout .artDeil a { float: right; width: 12%; font-size: 14px;}

/* 推荐作品 */
.column { background: #fff;}
.fTxt { zoom: 1; overflow: hidden; position: relative; line-height: 46px;}
.fTxt span { float: left; font-size: 16px; color: #333;}
.fTxt .all { float: right; font-weight: normal; font-size: 14px; color: #737373;}
.fTxt .all:hover { color: #737373;}

.picList { overflow: hidden; clear: both; position: relative;}
.picListBox { overflow: hidden;}
.picList ul { overflow: hidden; zoom: 1; float: left; _display: inline;}
.picList li { width: 310px; position: relative; margin-right: 25px; float: left; _display: inline; overflow: hidden;
	zoom: 1;}
/*.picList li a img { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease;
	-ms-transition: -ms-transform 0.4s ease; transform:scale(1, 1); -ms-transform:scale(1, 1);
	-webkit-transform: scale(1, 1);}
.picList li a:hover img { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease;
	-ms-transition: -ms-transform 0.4s ease; transform: scale(1.04, 1.04); -ms-transform: scale(1.04, 1.04);
	-webkit-transform: scale(1.04, 1.04);}
.imgDis li a:hover img { transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1);}*/
.hdPic li { position: relative;}
/*.hdBtn { position: absolute; right: 0; top: 0; width: 45px; height: 45px; overflow: hidden; display: none;
	z-index: 2; background: url(../img/gms_spr.png) no-repeat 13px -339px #000;}
.hdBtn:hover { background-position: 13px -389px;}*/
.picList .imgWrap { width: 280px; height: 280px; overflow: hidden; line-height: 280px;}
.picList .imgWrap .imgCell { width: 280px; height: 280px; font-size: 280px; line-height: 280px; display: flex;
    display: -webkit-flex; /* Safari */ align-items: center;}
.hdPic li.hover .hdBtn { display: block;}

.picList .imgWrap img { width: auto; display: block; margin: 0 auto; max-height: 280px; max-width: 280px;}
.picList { padding-bottom: 10px;}
.column .picList { padding-bottom: 0;}
.proList { border: 1px solid #e6e6e6; border-top: 0;  padding-bottom: 10px; padding-left: 10px;}
.picList h3, .picList h3 a { display: block; line-height: 70px; font-weight: normal;}
.picList230 li { width: 280px; margin: 0 10px;}
.picList230 h3 { padding: 18px 0 25px; text-align: center;}
.picList230 h3, .picList230 h3 a { line-height: 24px; font-size: 17px;}
.picList230 .imgWrap { width: 280px; height: 280px; text-align: center;}
.picList230 .imgWrap .imgCell { width: 280px; height: 280px; font-size: 280px; line-height: 280px;}
.imgWrap { width: 280px; height: 280px; text-align: center; overflow: hidden; display: table; table-layout: fixed\9;
    background: #ccc; color: #ccc; list-style: none; font-family: "宋体";}

/* news */
.rxMain { background: #fff; border-top: 3px solid #000;}
.viewTag li { width: auto; display: inline-block; height: 20px; padding: 11px 0; margin-left: 0; overflow: hidden;
    background-color: transparent; float: left;}
.viewTag li em, .viewTag li a { padding: 3px 5px; line-height: 1; font-weight: bold; color: #000; vertical-align: top;
    font-size: 14px; text-decoration: none; display: inline-block;}
.viewTag .current em, .viewTag .on a { background: #000; color: #fff;}

.new_list { line-height: 24px; padding: 12px 10px 11px 10px;}
.new_list li { clear: both; zoom: 1; overflow: hidden; background: url(../img/news_s.jpg) no-repeat left center}
.new_list a { background-position: -29px -133px; padding-left: 13px; font-size: 14px; display: block;
    text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.new_list .fr { padding: 1px 0px; margin-top: 4px; background: none; white-space: nowrap; line-height: 14px;}
.new_list a { color: #000;}
.new_list a:hover { color: #0F820C;}
.new_list a.textM { display: block; width: 100%; overflow: visible; background: no-repeat; padding: 0 0 10px 0;
    white-space: normal; height: 93px;}
.new_list a.textM img { width: 141px; height: 93px; float: left;}
.new_list a.textM h3 { height: auto; padding-left: 151px; font-size: 16px;}

/* 展览 */
.recAuction .exScroll { width: 100%; height: 291px; position: relative;}
.recAuction .exScroll .bd { width: 100%; height: 291px; position: relative; *position: relative; overflow: hidden;}
.recAuction .exScroll .bd ul { width: 100%; position: absolute;}
.recAuction .exScroll .bd li { width: 100%; position: relative;}
.recAuction .exScroll .bd li a { display: block;}
.recAuction .exScroll .bd li a img { width: 100%; height: 291px; display: block;}
.recAuction .exScroll .bd .shade { background: url(../img/black.png);}
.recAuction .exScroll .bd:hover .shade { background: url(../img/black_h.png);}
.recAuction .exScroll .bd .shade, .exScroll .bd span { height: 40px; line-height: 38px; position: absolute; bottom: 10px;
    left: 0; line-height: 40px \9; width: 100%; color: #fefefe; display: block; font-size: 14px;}
.recAuction .exScroll .hd { position: absolute; bottom: 15px; right: 6px;}
.recAuction .exScroll .hd li { float: left; width: 8px; height: 8px; padding-left: 6px;
	background: url(../img/exDot.png) no-repeat;}
.recAuction .exScroll .hd li.on { background-position: 0 -13px;}

.gg { width: 1200px; height: 103px;}
.gg img { width: 100%; height: auto;}

@media screen and (max-width: 768px) {
	.gg, .artAbout .imgWrap, .artAbout .imgWrap .imgCell, .artAbout .artDeil, .recAuction .exScroll .bd,
	.recAuction .exScroll, .recAuction .exScroll .bd li a img { width: 100%; height: auto;}
	.recAuction .exScroll .bd, .recAuction .exScroll, .recAuction .exScroll .bd li a img { min-height: 331px;}
	.artAbout, .artAbout .artDeil .dtil { width: 84.5%; height: auto;}

	.picList li { width: 44.5%;}
	.picList .imgWrap { width: 100%; height: 163px; overflow: hidden; line-height: 163px;}
	.picList .imgWrap .imgCell { width: 100%; height: 163px; font-size: 163px; line-height: 163px;}
	.picList .imgWrap img { max-height: 100%; max-width: 163px;}
	.picList230 li { width: 44.5%;}
	.picList230 .imgWrap { width: 100%; height: 163px;}
	.picList230 .imgWrap .imgCell { width: 100%; height: 163px; font-size: 163px; line-height: 163px;}
	.imgWrap { width: 100%; height: 163px;}
	.picList230 h3 { padding: 8px 0 15px;}

	.imgScroll { display: none;}
}
@media screen and ( max-width: 474px ) and ( min-width: 320px ) {
	.picList li { width: 43.5%;}
	.picList230 li { width: 43.5%;}
}