@charset "utf-8";
/* CSS Document */
*{border:0;margin:0;padding:0; outline:none}

body{font-family:'微软雅黑'; margin:0 auto;font-size:14px; background:#fff;}
ul{display:block;margin:0;padding:0;list-style:none;}
li{display:block;margin:0;padding:0;list-style: none;}
img{border:0;}
dl,dt,dd,span{margin:0;padding:0; display:inline}
a,a:focus{text-decoration:none;color:#000;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{text-decoration:none;}
table{border-collapse:collapse;border-spacing: 0;}
cite{font-style:normal;}
h2{font-weight:normal;}
.bg_black{ background:#000}



.index_box{text-align:center; position: absolute;top:50%;width:100%;transform:translate(0,-50%); }
.index_box img{ width:153px; height:91px; }
.language_switching{ height:56px; width:158px; margin:0 auto;background:url(../images/language_switching.png) no-repeat; background-size:100% 100%;overflow:hidden; margin-top:20px;}
.language_switching a{ display:block; height:28px;margin-bottom:1px;}



.swiper-container {width: 100%;overflow:hidden; height:auto}
.swiper-container .swiper-wrapper{ height:auto}
.swiper-slide {text-align: center;background: #fff; overflow:hidden; font-size:0;  }
.swiper-slide a{ display:block}
.swiper-slide table,.swiper-slide table td{ width:100%; height:150px;}
.swiper-slide img{ max-width:100%; max-height:100%;}
.swiper-slide .b_mask{ position:absolute; top:0; left:0; width:100%; height:100%;background:url(../images/banner_mask.png) center top no-repeat; background-size:100% auto; display:none;}
.swiper-slide h3{width:100%; font-size:12px; color:#000; font-weight:normal; line-height:55px; overflow:hidden; height:55px;}
.swiper-container .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{ position:relative; width:100%; left:auto; bottom:0}
.swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{ width:30px; height:30px;background:url(../images/btn_prev.png) center no-repeat; background-size:100% 100%; margin-top:-65px}
.swiper-container .swiper-button-next{background:url(../images/btn_next.png) center no-repeat; background-size:100% 100%;}

.i_link{ font-size:0; margin-top:25px;}
.i_link li img{ width:100%;}

.banner img{ width:100%;}

.page{ width:100%; }
.about_page{  text-align:center; color:#676767; font-size:12px; line-height:24px;}
.about_page p{ padding:0 25px;}
.about_page p.tl{ text-align:left}
.about_page h2{ font-size:14px; line-height:14px; padding:20px 0 ;}
.img_box{ margin-top:20px; }
.img_box img{ width:100%;}
.n_bg{ background:none;}
.blank50{ height:25px; overflow:hidden}

.news_list{ width:100%; margin-top:25px;}
.news_list li{ border-bottom:#000 1px dotted; overflow:hidden; position:relative; padding-bottom:9px; height:124px; margin-bottom:9px; padding-left:58px; overflow:hidden}
.news_list_l{ width:56px; height:122px;border:#A4A4A4 1px solid; float:left; text-align:center; color:#676767; font-size:20px; left:0; top:0; position:absolute; overflow:hidden}
.news_list_l i{ width:6px; height:12px; display:block; position:absolute; left:-1px; top:55px;background:url(../images/arrow_r.png) no-repeat;background-size:100% 100%;}
.news_list_r{ height:124px; position:relative; display:block}
.news_list_r img{ width:100%; height:100%; float:left;}
.news_list_r a{ float:left; width:100%; height:100%}
.news_list_l b{ font-weight:normal}
.f36{ font-size:8px; line-height:8px; vertical-align:middle}
.d_m{ padding-top:25px; line-height:8px; font-size:8px;}
.d_d{ font-size:20px; line-height:20px; padding:14px 0;}
.d_y{font-size:8px; line-height:8px;}
.f18{ font-size:8px; padding-top:12px;  }
.nl_mask{ width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3) url(../images/arrow_l.png) right center no-repeat;}
.nl_mask h3{ font-weight:normal; font-size:10px; color:#fff; text-align:right; line-height:16px; padding:0 15px 0 45px; right:0; position:absolute;top:50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.news_ico{ width:20px; height:30px; display:block; position:absolute; left:15px; top:46px;background:url(../images/news_ico.png) no-repeat; background-size:100% 100%;}
.more_bar{ text-align:center; }
.more_bar img{ width:100%;}

.news_page{ width:100%; margin:0 auto; overflow:hidden}
.news_fl{ font-size:12px; color:#676767; line-height:40px; text-align:center}
.news_tt{ font-weight:normal; font-size:16px; color:#676767; text-align:center; line-height:25px; padding:0 30px;}
.news_date{ text-align:center; font-size:12px; color:#676767; line-height:40px; border-bottom:#676767 1px solid;}
.news_details{ margin:0 30px; padding:15px 0 0 0; color:#676767; font-size:12px;border-bottom:#B3B3B3 1px solid;}
.news_details .news_tt{ padding:10px 0;}
.news_details img{ max-width:100%; height:auto}
.news_details p{ /*text-indent:2em; */line-height:25px; padding-bottom:15px;}
.news_details p.p_img{  text-align:right; margin:0; text-indent:0px; font-size:10px; line-height:12px;}
.news_details p.p_img img{ max-width:100%; margin-bottom:10px;}
.case_box{ margin:0 30px;}
.case_box h2{ font-size:14px; color:#676767; font-weight:normal; line-height:18px; padding:15px 0;}
.img_list{ overflow:hidden; margin:-5px}
.img_list li{float:left;width:25%; font-size:0; text-align:center; color:#676767; position:relative; padding:4px; box-sizing:border-box;}
.img_list li table,.video_list li table{ width:100%;}
.img_list li img{max-width:100%; height:auto; cursor:pointer}
.img_list li .a_mask{width:100%;height:100%;position:absolute; top:0; left:0; background:rgba(0,0,0,0.2) url(../images/a_mask.png) center no-repeat; display:none}
.img_list li:hover .a_mask{ display:none; cursor:pointer;}
.img_list li h3{ font-size:16px; line-height:16px; font-weight:normal; padding:10px}
.img_list li p{ font-size:12px; line-height:12px; padding-bottom:3px;}
.works_list{ margin:0 30px;}
.works_list li{ border-bottom:#000 1px dotted; width:49%; padding:0; margin-bottom:15px; box-sizing:border-box; overflow:hidden}
.works_list li p{ line-height:16px; font-size:10px; padding:10px 0;}
.works_list li:nth-child(odd) img{}
.works_list li:nth-child(even){ margin-left:1px;}
.other_artist .case_box .img_list{ margin:-7px 7px 0 7px;}
.other_artist .case_box .img_list li{ width:50%; padding:7px;}
.other_artist .case_box h2{ padding:15px 14px;}

.set_bar{ padding:20px 15px 6px 15px;}
.set_bar .fl img{ width:50px;}
.set_bar .fr img{ width:60px;}
.index_header{ position:fixed; width:100%; height:64px; top:0; left:0; z-index:9999}
.index_header header{ background:none;}
.index_header .index_link{ display:none;}
.header_wrap{ height:64px;}
header,header.current{ position:fixed; width:100%; height:64px; background:#000 url(../images/logo_top.png) center no-repeat;background-size:auto 100%; z-index:9999}
#hBtn{ width:64px; height:64px; display:block; position:absolute; right:0; top:0;background:url(../images/d_ico.png) center no-repeat;background-size:24px 24px; cursor:pointer }
#hBtn.current{background:url(../images/u_ico.png) center no-repeat;background-size:24px 24px; }
.fl{ float:left}.fr{ float:right}
.index_link{ display:block; height:100%;}
.sub_nav{ position:fixed;top:64px;background:#fff url(../images/sub_nav.png) top center no-repeat; background-size:14px 7px;width:100%; left:0; text-align:center; overflow:hidden; display:none; height:3000%; padding-top:15px;}
.sub_nav ul li{ display:block; text-align:center}
.sub_nav ul li a{ line-height:60px; font-size:14px; display:block}
.sub_nav p{ line-height:60px; font-size:12px;}
.mask{ width:100%;height:100%; background:rgba(0,0,0,0.4); position:fixed; z-index:9999999; left:0; top:0}
.pop_page{ width:1240px; background:rgba(255,255,255,0.95); position:fixed; top:0; left:50%; height:100%; margin-left:-620px; z-index:9999999}
.h2_tt{ font-size:24px; text-align:center; line-height:115px; height:115px; border-bottom:#636363 1px solid; color:#636363; margin:0 42px; position:relative}
.pp_close{ width:33px; height:33px; display:block;  position:absolute; right:0; top:41px; cursor:pointer;background:url(../images/pp_close.png) no-repeat;}
.page_content{ margin:0 42px; font-size:14px; color:#636363; line-height:30px; padding:35px 0; overflow:hidden; overflow-y:auto}
.page_content h3{ font-weight:normal}
.page_content p{ padding-bottom:30px;}





.artist_page{ width:100%;  overflow:hidden; }
.artist_list{ margin:30px 15px;}
.artist_list li{font-size:0;color:#676767; border-bottom:#000 1px dotted; margin-bottom:15px; position:relative; text-align:center}
.artist_list li:last-child{padding-bottom:15px;}
.artist_list li .a_mask{ width:592px; height:335px; position:absolute; top:0; left:0; background:rgba(0,0,0,0.2) url(../images/a_mask.png) center no-repeat; display:none}
.artist_list li:hover .a_mask{ display:none}
.artist_list li img{ width:100%}
.artist_list li h3{ font-size:16px;  font-weight:normal; line-height:16px; padding:10px 0;}
.artist_list li p{ font-size:12px; line-height:14px; padding-bottom:10px;}
.other_artist{  margin:0 auto; background:#fff; overflow:hidden; position:relative; z-index:99; margin-top:-32px;}
.other_artist .case_box{ margin:0; border-top:#B3B3B3 1px solid; }
.artist_head{ text-align:center; padding-bottom:2px;}
.artist_head img{ width:155px; height:auto; border-radius:50%;}
.tab_box{  width:100%;  background:#fff; overflow:hidden; border-bottom:#717171 1px solid; }
.tab_box li{ float:left; width:50%;}
.tab_box li a{ display:block; height:30px; line-height:30px; text-align:center; font-size:14px; background:#fff; cursor:pointer}
.tab_box li a:first-child{ border-right:#717171 1px solid}
.tab_box li a:hover{ color:#000}
.tab_box li a.current{ background:#000; color:#fff}
.tab_box_wrap{ overflow:hidden;}
.artist_details{ border:none; padding-top:25px;}
.artist_info{ font-size:12px; text-align:center; line-height:24px; border-bottom:#000 1px dotted; padding-bottom:10px;}
.artist_content{ font-size:12px; line-height:22px; padding:10px 0}
.fenlei{ font-size:14px; color:#676767; text-align:center}
.fenlei b{ display:inline-block; border-bottom:#959595 1px solid; padding:5px; font-weight:normal; cursor:pointer}

.h3_tt{ text-align:center; font-weight:normal; font-size:14px; margin:20px 30px;background:url(../images/dot.gif) center repeat-x; line-height:16px;}
.h3_tt b{ font-weight: normal; background:#FFF; display:inline-block; padding:0 20px; color:#676767}


.video_list{ overflow:hidden;  margin:0 7px; padding-top:10px;}
.video_list li{ float:left; width:50%; padding:5px 7px; box-sizing:border-box; text-align:center; color:#676767; position:relative}
.video_list li img,.video_list li .a_mask{ width:100%}
.video_list li h3{ font-size:12px; font-weight:normal; line-height:16px; padding-top:10px; height:16px; overflow:hidden}
.video_list li p{ font-size:12px; line-height:16px; height:16px; overflow:hidden; }
.video_list li .a_mask{display:none}
.video_list li:hover .a_mask{ display:none}


.hzjg{ background:#F2F2F2; text-align:center; padding:25px 0;}
.hzjg_img{ width:138px;}
.jg_list{ width:100%; margin:0; overflow:hidden; padding-top:25px;}
.jg_list li{ float:left; width:33.33333%;}
.jg_list li img{ width:100%;}

.swiper-container.picture_preview{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0, 0, 0, 0.9); z-index:99999999}
.swiper-container.picture_preview .swiper-slide{background:rgba(0, 0, 0, 0.9);  position:relative;  /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
.swiper-container.picture_preview .swiper-slide h2{ position:absolute; bottom:0; left:0; width:100%; color:#fff; z-index:99999; font-size:12px; line-height:40px; padding:0 15px; box-sizing:border-box; background:#000}
.swiper-container.picture_preview .swiper-slide img{ max-width:100%; max-height:100%; vertical-align:middle}
/*.swiper-container.picture_preview .swiper-slide img{ position:absolute; left:50%; top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); float:left; max-width:100%; max-height:100%; float:left}*/
.swiper-container.picture_preview .swiper-pagination{ width:100%; }
.swiper-container.picture_preview .swiper-pagination span{ display:inline}
.zoomableContainer{background: #000; width:100%; height:100%;}
.preview_close{ cursor:pointer; border-radius:100%; position:fixed; right:10px; top:10px; z-index:999999999;font-size:16px; color:#fff; text-align:center;display:inline-block;background:rgba(0, 0, 0, 0.5) url(../images/pop_close.png) center no-repeat; width:18px; height:18px;padding:5px; border-radius:5px; background-size:18px 18px;}
.preview_num,.swiper-container.picture_preview .swiper-pagination{ display:inline-block;position:fixed; top:10px; bottom:auto; font-size:12px; padding:3px 5px;  z-index:99999999; background:rgba(0,0,0,0.5); left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0); border-radius:5px; text-align:center; color:#fff;width:auto}
.preview_del{ position:absolute; left:10px; top:10px; display:block; z-index:999999999; cursor:pointer; font-size:16px;color:#fff; text-align:center;  display:inline-block; background:rgba(0, 0, 0, 0.5);padding:5px; border-radius:5px;}
.preview_right{ cursor:pointer; border-radius:100%; position:fixed; right:10px; bottom:10px; z-index:999999999;font-size:16px; color:#fff; text-align:center;display:inline-block;background:rgba(0, 0, 0, 0.5);padding:5px; border-radius:5px;}
.preview_left{ position:absolute; left:10px; bottom:10px; display:block; z-index:999999999; cursor:pointer; font-size:16px;color:#fff; text-align:center;  display:inline-block; background:rgba(0, 0, 0, 0.5);padding:5px; border-radius:5px;}
.swiper-slide .slide_box{ width:100%; height:100%; }
.swiper-container.picture_preview .swiper-button-prev,.swiper-container.picture_preview .swiper-button-next{ margin-top:-15px; z-index:9999999999999999999999999}
.swiper-container.picture_preview .swiper-wrapper{ height:100%;}
.video-container{ background:#F2F2F2; padding:20px 0}
.video-container .swiper-slide{ background:none;}
.video-container .swiper-slide h3{line-height:22px; height:auto; padding:10px 0}
.video-container .swiper-slide h3 i{ width:15px; height:15px; display:inline-block; background:url(../images/video_ico.png) no-repeat; background-size:100% 100%; vertical-align:middle; position:relative; top:-2px; margin-right:6px;}
.video-container .swiper-pagination-bullet{ background:#333}
.index-swiper .swiper-pagination .swiper-pagination-bullet{ width:20px; height:16px;opacity:1; font-size:9px;background:url(../images/on.png) center top no-repeat; background-size:100% auto; border-radius:0; line-height:24px; overflow:hidden; color:#fff}
.index-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active
{ background:url(../images/on_current.png) center top no-repeat; background-size:100% auto; border-radius:0; color:#000}


.pager {
	margin: 0;
	padding:25px 0
}
.pager ul {
	text-align: center;
	font-size: 0;
}
.pager li {
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
}
.pager li a,
.pager li span {
	display: block;
	min-width: 25px;
	height: 25px;
	line-height:25px;
	border: 1px solid #ddd;
	background-color: #eee;
	text-align: center;
	font-size: 12px; /*reset zeroing*/
	cursor: pointer;
}
.pager li span {
	border-color: transparent;
	background-color: #676767;
	color: #fff;
}
.pager li.previous-page *,
.pager li.next-page *,
.pager li.first-page *,
.pager li.last-page * {
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
	color: #fff;
}
.pager li.previous-page * {
	background-image: url(../images/p_prev.png);
}
.pager li.next-page * {
	background-image: url(../images/p_next.png);
}
.pager li.first-page * {
	background-image: url(../images/p_first.png);
}
.pager li.last-page * {
	background-image: url(../images/p_last.png);
}
.pager li a:hover {
	border-color: transparent;
	background-color: #ddd;
}



.about_page p{ text-align:left;}
.about_page p.t_c{ text-align:center}
.news_list2{ width:100%; margin:0 auto;margin-top:25px;}
.news_list2 li{ border-bottom:#000 1px dotted; overflow:hidden; padding-bottom:9px; margin-bottom:9px;border:1px dotted #000}
.news_list2 li h3{ font-size:15px; line-height:20px; padding:0; margin:10px 0;  height:20px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.news_list2 li .news_img{float:left; margin:10px 10px 0 10px;}
.news_list2 li .news_img img{ max-width:100px; max-height:100px; }
.news_list2 li .news_img table th{ width:100px; height:100px;}
.news_list2 li .news_info{ padding:0 10px; text-indent:2em; line-height:145%; font-size:12px;}
.news_text{ overflow:hidden; max-height:55px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news_time{ text-indent:0; color:#999}
.works_list li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:32px; padding:0; margin:10px 0}