/*
 * Name:Micro Website
 * Author:Wang
 * Date:2017.10.11
*/

/*reset style*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
*{ word-wrap: break-word;}
a{ color:#666; text-decoration:none; 
 transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;}
a:hover {}
fieldset, img { border:none; }
img{ border:0; vertical-align:middle;}
legend { display:none; }
ol, ul, li { list-style:none; }
input, textarea, select, button { font:12px Verdana, Helvetica, Arial, sans-serif; vertical-align:middle;}
table { border-collapse:collapse; }
html { overflow:-moz-scrollbars-vertical; }
/* common style */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:block; zoom:1; }
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.dis{ display:none;}
.undis{ display:block;}
a,input,select,button{ outline:none; }
.mt1{margin-top:10px;}
.mt2{margin-top:20px;}
.mt3{margin-top:30px;}
.mt4{margin-top:40px;}
.pt1{padding-top:10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pl5{padding-left:5px;}
.pl15{padding-left:15px;}
.pl3{padding-left:30px;}
.pr15{padding-right:15px;}

html{ height:100%; }
body{width:100%; height:100%;margin:0;padding:0;  position:relative; left:0; top:0;font-family:"Microsoft Yahei";}
/*引导页*/
.Guide{
	width:100%;
	height:100%;
	background:url(../images/main-bg.jpg) no-repeat;
	background-size:cover;
	/*display:table;*/
}
.guide-area{
	width:1000px;
	height:100%;
	margin:0 auto;
	position:relative;
	display: flex;
	justify-content: center; 
	align-items: center;	
	flex-wrap:wrap;
}
.logo-area{
}
.logo{
	width:95px;
	height:73px;
	position:absolute;
	top:0px;
	left:-40px;
}
.circle{
	width:268px;
	height:270px;
	cursor:pointer;
	position:relative;
	background:url(../images/painting-bg.png) no-repeat;
}
.circle a{
	position:absolute;
	top:75px;
	left:50px;
	display:inline-block;
	width:156px;
	height:156px;
	transition:all 1.0s;
	background:url(../images/painting-h.png) no-repeat;
}
.circle:hover a{
	background:url(../images/painting-d.png) no-repeat;
}
.guide-text{
	margin:0 auto;
	justify-content:center;
	position:relative;
}
.guide-text img{
	display:block;
	margin:32px 0;	
	text-align:center;
}
.guide-text .cntext{ 
	width:1002px;
	height:52px; 	
}
.guide-text .entext{ 
	width:522px; 
	height:45px;
	padding-left:228px;	
}
.guide-text .entext{
	animation:Anmin1 0.4s linear .8s 1;
	-webkit-animation:Anmin1 0.4s linear .8s 1;
	-moz-animation:Anmin1 0.4s linear .8s 1;
	-o-animation:Anmin1 0.4s linear .8s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1; 
}
@keyframes Anmin1{
	0%{ opacity:0; left:62px; }
	50%{ opacity:0; left:162px; }
	100%{ opacity:1; left:202px; }
}
.guide-text .cntext{
	animation:Anmin2 0.6s linear 1.2s 1;
	-webkit-animation:Anmin2 0.6s linear 1.2s 1;
	-moz-animation:Anmin2 0.6s linear 1.2s 1;
	-o-animation:Anmin2 0.6s linear 1.2s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1; 
}
@keyframes Anmin2{
	0%{ opacity:0; left:62px; }
	50%{ opacity:0; left:162px; }
	100%{ opacity:1; left:202px; }
}
.guide-btn a{
	display:inline-block;
	width:140px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#fff;
	font-size:16px;
	background:#ccc;
	border-radius: 4px;
	margin:0 6px;
}
.guide-btn a:hover{
	background:#000;
	color:#999;
}
.guide-btn .cor-btn{
	background:#000;
	color:#999;
}


/*导航*/
nav{
	width:100%;
	height:112px;
	background:url(../images/navTop.jpg) no-repeat;
	background-size:cover;
}
.navTop{
	width:1250px;
	margin:0 auto;
	line-height:110px;
	position:relative;
	/*border:1px solid #ccc;*/
}
.navTop a{
	color:#333;
	font-size:16px;
	margin:0 36px;
}
.navTop .maincolor{
	color:#996633;
}
.navTop a:hover{
	color:#996633;
}
.language{
	position:absolute;
	right:0;
	top:40px;
	background:#000;
	height:22px;
	line-height:22px;
	color:#fff;
	padding:2px 0;
}
.language a{
	display:inline-block;
	margin:0 6px;
	color:#fff;
	font-size:14px;
}
/*banner*/
@media(max-width: 1440px){
	#banner .item {height: 500px!important;}
}
#banner .item {position: relative;height: 729px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
#banner .item .more {margin: 30px auto 0;display: block;width: 40px;height: 40px;background-image: url(../images/ico-arrow-down-2.png);}
#banner .slick-dots {position: absolute;right: 0;bottom: 6%;width: 100%;text-align: center;line-height: 1;}
#banner .slick-dots li {margin: 0 8px;display: inline-block;width: 12px;height: 12px;border-radius: 50%;background-color: #fff;cursor: pointer;}
#banner .slick-dots .slick-active {background-color: #bb9763;}
#banner .btn {position: absolute;top: 50%;margin-top: -34px;display: block;width: 50px;height: 68px;z-index: 10;}
#banner .btn.btn-prev {left: 0;background-image: url(../images/ico-arrow-left-5.png);}
#banner .btn.btn-next {right: 0;background-image: url(../images/ico-arrow-right-5.png);}
/* banner-slider */
.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*所有作品*/
.allwork{
	width:1250px;
	margin:36px auto;
}
.plate-tit{
	text-align:center;
	
}
.plate-tit span{
	display:block;
	width:38px;
	height:4px;
	background:#555;
	margin:0 auto;
}
.plate-tit strong{
	display:block;
	font-size:38px;
	color:#555;
	margin:8px 0;
}
.plate-tit strong i{
	display:inline-block;
	color:#555;
	font-style:normal;
}
.plate-tit b{
	display:block;
	font-size:24px;
	color:#555;
	margin:6px 0;
	font-weight:normal;
}
.plate-tit p{
	display:block;
	font-size:24px;
	color:#333;
}
.sixerk{
	margin:18px auto;
}
.hips{
	width:403px;
	float:left;
	margin-right:15px;
	margin-top:15px;
	border:1px solid #ccc;
}
.hip-nothing{
	margin-right:0;
}
.hips dt{
	width:201px;
	height:282px;
	overflow:hidden;
	float:left;
	position:relative;
	cursor:pointer;
}

.hips dt:before{
	position:absolute;
	top:30px;
	right:0;
	content:'';
	width:0;
	height:0;
	border-top:15px solid transparent;
    border-bottom:15px solid transparent; 
    border-right:15px solid white; 
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
}
.hips dt img{
	width:201px;
	height:282px;
	display:inline-block;
}
.hips:hover{
	border:1px solid #de9853;
}
.hips:hover dt img{
	width:100%;
}
.hips dd{
	width:175px;
	float:right;
	margin-top:25px;
	margin-right:8px;
}
.hips dd h4{
	color:#333;
	font-size:15px;
	height:38px;
	line-height:38px;
	border-bottom:1px solid #ccc;
	
}
.hips dd h4 i{
	display:inline-block;
	width:0px;
	height:1px;
	vertical-align: middle;
	background:#333;
	transition:all .8s;
}
.hips:hover dd h4 i{
	width:12px;
}
.hips dd p{
	line-height:22px;
	color:#666;
	font-size:14px;
	margin-top:12px;
	max-height:159px;
	min-height:139px;
	overflow:hidden;
}
.hips dd .hap-more{
	display:inline-block;
	width:68px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	margin-top:5px;
	border:1px solid #ccc;	
}
.hips:hover dd .hap-more{
	border:1px solid #fff;	
}
/*行走戏剧*/
.drama{
	width:100%;
	/* background:#000; */
	
	background:url(../images/drama-bg.jpg) no-repeat;
	background-size:cover;
}
.dram-rea{
	width:1250px;
	margin:0 auto;
	padding:45px 0;
}
.plate-tit .p-other{
	color:#555;
}

#top{width:100%;float:left;position:relative;}
#top .small{width:634px;height:56px;position:absolute;top:56px;left:50%;display:inline;margin:0 0 0 -310px;}
#top .small ul{margin:0;padding:0px;}
#top .small li{width:65px;height:48px;float:left;border:1px solid #000;display:inline;margin:3px 0 0 3px;padding:0px;filter:alpha(opacity=40);opacity:0.4;cursor:pointer;}
#top .small li.hove{filter:alpha(opacity=100);opacity:1;}
#box{width:100%;height:622px;float:left;overflow:hidden;position:relative;}
#box .bg{width:100%;height:340px;filter:alpha(opacity=70);opacity:0.7;position:absolute;top:132px;left:0px;}
#list{width:1004px;height:446px;position:absolute;top:75px;left:50%;display:inline;margin-left:-542px;}
#list ul {margin:0px;padding:0px;float:left;}
#list li{width:100px;position:absolute;list-style-type:none;overflow:hidden;cursor:pointer;}
#list li img{width:100%;height:100%;vertical-align:top;}
#list li div{width:100%;height:100%;background:rgba(8,8,8,.65);position:absolute;z-index:1;top:0px;left:0px;}
#list li .b_tit{width:100%;height:60px;line-height:60px;position:absolute;color:#fff;text-align:center;background:rgba(8,8,8,.55);z-index:1;bottom:-60px;left:0px;margin:0px;padding:0px;}
#list li .opacity{width:100%;height:120px;background:#000;filter:alpha(opacity=80);opacity:0.8;position:absolute;z-index:1;bottom:0px;left:0px;}
#list li .tit{width:324px;height:120px;padding:0 10px;position:absolute;z-index:2;bottom:0px;left:0px;}
#list li .tit span{width:100%;height:30px;font-weight:normal;float:left;text-align:left;line-height:30px;color:#fff;border-bottom:1px solid #2f2f2c;margin:0px;padding:0px;}
#list li .tit span em{color:#ba0707;font-style:normal;float:none;}
#list li .tit em{color:#fff;line-height:25px;float:left;margin:0px;padding:5px 0;font-style:normal;}
#list a{width:39px;height:80px;background:url(../images/btn.png) no-repeat;text-decoration:none;position:absolute;z-index:20;top:190px;}
#list a.prev{background-position:0 0;left:-54px;}
#list a.next{background-position:-39px 0;right:-100px;}

/*新闻动态*/
.main-news{
	width:1250px;
	margin:45px auto;
}
.dyn-other{
	text-align:left;
	position:relative;
}
.dyn-other span{
	margin:0 0;
}
.dynamic{
	margin-top:36px;
}
.edu_btn{height:35px;position:absolute;bottom:0;right:0;}
.edu_btn a{display:inline-block;width:36px;height:34px;transition:none;}
.edu_btn a.arrow-edu-fl{background:url(../images/edu-arrow-bg.png) no-repeat;}
.edu_btn a.arrow-edu-fr{background:url(../images/edu-arrow-bg.png) -36px 0px no-repeat;}
.edu_btn a.arrow-edu-fl:hover{background:url(../images/edu-arrow-bg.png) 0px -34px no-repeat;}
.edu_btn a.arrow-edu-fr:hover{background:url(../images/edu-arrow-bg.png) -36px -34px no-repeat;}
.alone-mg{margin-top:30px;}
.about_edulist{overflow: hidden; position: relative;width: 1250px;height: 515px;padding-top:40px;margin:0 auto;}
.about_edulist ul{position: absolute;}
#peking li{
	margin:25px 0;
	padding-bottom:18px;
	border-bottom:1px dashed #eee;
}
#peking dl dt h3 i{
	display:inline-block;
	vertical-align: middle;
	width:0;
	height:1px;	
	background:#333;
	transition:all .8s;
}
#peking dl dt{
	float:left;
	width:628px;
	position:relative;
}
#peking dl dt h3{
	color:#000;
	font-weight:normal;
	font-size:16px;
}
#peking dl dt span{
	display:block;
	font-size:14px;
	color:#666;
	margin:10px 0;
	transition:all .8s;
}
#peking dl dt .dyn-more{
	position:absolute;
	right:0;
	top:5px;
	border:1px solid #fff;
	padding:5px;
	display:inline-block;
}
#peking dl dt .dyn-p{
	margin:12px 0;
}
#peking dl dt .dyn-p p{
	font-size:14px;
	color:#666;
	line-height:24px;
}
#peking dl dd{
	float:right;
	width:597px;
	height:136px;
	margin-left:22px;
	overflow:hidden;
}
#peking .dyn-ol li:hover dl dt h3 i{
	width:12px;
	margin-right:5px;
}
#peking .dyn-ol li:hover .dyn-more{
	border:1px solid #ccc;
}
#peking .dyn-ol li:hover dl dt span{
	padding-left:20px;
}
#peking .dyn-ol li:hover dd img{
	transform:scale(1.1,1.1); transition:all ease 0.8s; -webkit-transition:all ease 0.8s;
}
/*关于我们*/
.aboutus{
	width:100%;
	background:url(../images/about-us.jpg) center center no-repeat;
	background-size:cover;
}
.ab-us{
	width:1250px;
	margin:0 auto;
	padding-top:55px;
	padding-bottom:35px;
}
.four{
	margin:90px auto 74px;
}
.four ul li{
	width:312px;
	margin:0 auto;
	height:205px;
	float:left;
}
.four ul li p{
	text-align:center;
	color:#fff;
	font-size:16px;
	margin:20px 0;
}
.shape{
	text-align:center;
}
.shape a{	
	width:147px;
	height:147px;
	background:#fff;
	border-radius: 50%;
	display:inline-block;
}
.shape a:hover{
	background:#393838;
}
.shape .icon-shape-1{
	display:inline-block;
	width:64px;
	height:65px;
	border:1px solid #333;
	border-radius: 50%;
	margin:36px;
	background:url(../images/icon-sprite.png) -1px 0px;
}
.shape .icon-shape-2{
	display:inline-block;
	width:64px;
	height:65px;
	border:1px solid #333;
	border-radius: 50%;
	margin:36px;
	background:url(../images/icon-sprite.png) -2px -83px;
}
.shape .icon-shape-3{
	display:inline-block;
	width:64px;
	height:65px;
	border:1px solid #333;
	border-radius: 50%;
	margin:36px;
	background:url(../images/icon-sprite.png) -8px 444px;
}
.shape .icon-shape-4{
	display:inline-block;
	width:64px;
	height:65px;
	border:1px solid #333;
	border-radius: 50%;
	margin:36px;
	background:url(../images/icon-sprite.png) -6px 369px;
}
.shape:hover .icon-shape-1{
	border:1px solid #fff;
	background:url(../images/icon-sprite.png) -87px 0px;
}
.shape:hover .icon-shape-2{
	border:1px solid #fff;
	background:url(../images/icon-sprite.png) -89px -83px;
}
.shape:hover .icon-shape-3{
	border:1px solid #fff;
	background:url(../images/icon-sprite.png) -94px 444px;
}
.shape:hover .icon-shape-4{
	border:1px solid #fff;
	background:url(../images/icon-sprite.png) -92px 369px;
}
.friendship{
	width:1250px;
	margin:0 auto;
	/*height:95px;*/
	line-height:95px;
}
.friend strong,.friend a{display:inline-block;}
.friend strong{
	color:#333;
	font-weight:bold;
	font-size:16px;
	margin-right:25px;
}
.friend a{
	color:#555;
	font-size:14px;
	margin:0 10px;
}
.friend a:hover{
	color:#996633;
}
.weixin-pic{
	display:none;
	position:absolute;
	top:65px;
	left:56px;
	z-index:99;
}
.share{
	padding-top:15px;
	position:relative;
}
.share a{
	display:inline-block;
	width:46px;
	height:46px;	
	margin:0 6px;
	border:1px solid #fff;
}
.share a:hover{
	border-radius: 50%;
	border:1px solid #ccc;
}
.share .icon_weibo{
	background:url(../images/icon-sprite.png) -9px -314px;
}
.share .icon_wechat{
	background:url(../images/icon-sprite.png) -13px -371px;
}
.share .icon_zhihu{
	background:url(../images/icon-sprite.png) -13px -429px;
}
.share .icon_dou{
	background:url(../images/icon-sprite.png) -15px -490px;
}
.share .icon_you{
	background:url(../images/icon-sprite.png) -13px -552px;
}
/*底部*/
footer{
	width:100%;
	background:#2e2e2e;
}
.footAll{
	width:1250px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:20px;
}
.f-nav{
	width:490px;
	padding-bottom:18px;
	border-bottom:1px solid #666;
}
.f-nav a{
	display:inline-block;
	font-size:14px;
	margin-right:24px;
	color:#ccc;
}
.f-nav a:last-child{
	margin-right:0;
}
.address,.copy{
	color:#ccc;
	font-size:14px;
}
.address span,.copy span{
	display:inline-block;
	margin-right:20px;
}
.address{
	margin-top:25px;
}
.copy{
	margin-top:14px;
}
.ewmBox ol li{
	float:left;
	text-align:center;
}
.ewmBox ol li p{
	color:#ccc;
	font-size:14px;
	margin:10px;
}
/*====================新闻动态====================*/
.banner-news{
	width:100%;
	height:350px;
	background:url(../images/banner-news.jpg) center center no-repeat;
	background-size:cover;
}
.banner-contact{
	width:100%;
	height:350px;
	background:url(../images/banner-contact.jpg) center center no-repeat;
	background-size:cover;
}
.banner-walk{
	width:100%;
	height:419px;
	background:url(../images/banner-walk.jpg) center center no-repeat;
	background-size:cover;
}
.banner-work{
	width:100%;
	height:350px;
	background:url(../images/banner-work.jpg) center center no-repeat;
	background-size:cover;
}
.seat-area{
	width:100%;
	height:68px;
	line-height:68px;
	box-shadow: 0 2px 2px rgba(0,0,0,.15);
}
.seat{
	width:1215px;
	margin:0 auto;
	color:#444;
	padding-left:35px;
	font-size:14px;
	position:relative;
}
.seat:before{
	content:'';
	position:absolute;
	top:20px;
	left:0;
	width:26px;
	height:26px;
	background:url(../images/icon-sprite.png) -260px -80px no-repeat;
}
.seat a{
	color:#444;
	font-size:14px;
}
.seat-nav{
	position:absolute;
	right:0;
	top:-1px;
	text-align:center;	
}
.seat-nav .black{
	background:#000000;
	color:#fff;
}
.seat-nav a{
	display:inline-block;
	/*width:100px;*/
	padding: 0 5px;
	font-size:14px;
}
.seat-nav a:hover{
	background:#000000;
	color:#fff;
}
.mainnews{
	width:1250px;
	margin:20px auto;
}
.mainnews dl{
	margin:20px 0;
	padding-bottom:20px;
	border-bottom:1px dashed #ccc;
}
.mainnews dl dt{
	float:left;
	width:206px;
	height:123px;
	overflow:hidden;
}
/* .mainnews dl dt img{
	width:100%;
} */
.mainnews dl dd{
	float:right;
	width:1015px;
	position:relative;
}
.mainnews dl dd h3{
	font-size:16px;
	color:#000;
}
.mainnews dl dd h3 i{
	display:inline-block;
	vertical-align: middle;
	width:0;
	height:1px;	
	background:#000;
	transition:all .8s;
}
.mainnews dl dd span{
	display:inline-block;
	margin:8px;
	font-size:14px;
	color:#999;
}
.mainnews dl dd .sub-more{
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
	width:95px;
	height:30px;
	line-height:30px;
	background:#ccc;
	color:#fff;
	font-size:14px;
	text-align:center;
}
.parag p{
	color:#444;
	font-size:13px;
	line-height:24px;
}
.mainnews dl:hover .sub-more{
	background:#333;
}
.mainnews dl:hover img{
	transform:scale(1.1,1.1); transition:all ease 0.8s; -webkit-transition:all ease 0.8s;
}
.mainnews dl:hover h3 i{
	width:10px;
	margin-right:5px;
}
.page{
	margin:15px auto 30px;
	float:right;
}
.page a{
	display:inline-block;
	width:55px;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:16px;
	margin:0 5px;
	border:1px solid #ccc;
}
.page a:hover{
	background:#333;
	color:#fff;
}

.phase{
	margin-top:20px;
	padding-bottom:15px;
	border-bottom:1px dashed #ccc;
	text-align:center;
}
.phase h2{
	font-size:20px;
	font-weight:normal;
	color:#000;
}
.time{
	margin:10px 0;
}
.time span{
	display:inline-block;
	margin:0 10px;
	font-size:14px;
	color:#666;
}
.phase-area{
	margin-top:30px;
}
.phase-area p{
	line-height:24px;
	font-size:14px;
	color:#444;
}
.p-img{
	margin:16px 0;
	text-align:center;
}
.piece{
	border-top:1px solid #ccc;
	margin:30px auto;
	padding:10px 15px 0 15px;
}
.piece div{margin:12px 0;}
.piece a{
	color:#555;
}
.piece a:hover{
	color:#996633;
}
/*====================关于我们====================*/
.contact{
	margin-top:40px;
}
.contact h3{
	text-align:center;
	font-size:20px;
}
.cont-p{
	margin-top:25px;
	
}
.cont-p strong{
	display:inline-block;
	font-weight:bold;
	font-size:15px;
	color:#333;
	margin:10px 0;
}
.cont-p p{
	line-height:26px;
	font-size:14px;
	color:#555;
}
.pod{
	margin-top:35px;
	margin-bottom:30px;
}
.pod p{
	line-height:35px;
	font-size:16px;
	color:#555;
}
.touch{
	margin-top:50px;
}

.join{
	width:1250px;
	margin:25px auto;
}
.dl-join{
	padding-bottom:12px;
	border-bottom:1px solid #ccc;
}
.dl-join dd{
	display:none;
}
.join-slide dt h4{
	line-height:60px;
	font-size:18px;
	font-weight:normal;
	color:#333;
	margin:6px 0;
    background: url(../images/icon-h1-1.png) no-repeat right center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}
.dl-join.on .tit {
    background-image: url(../images/icon-h1-2.png);
}
.join-slide dt h4 i{
	margin-right:8px;
	display:inline-block;
	color:#999;
	font-style:normal;
}
.join-slide dd strong{
	display:inline-block;
	margin:10px;
	font-size:16px;
	color:#333;
}
.join-slide dd p{
	font-size:14px;
	color:#444;
	line-height:24px;
}
/*====================所有作品====================*/
.work-area{
	width:1250px;
	margin:40px auto;
}
.dinne{
	width:690px;
	height:400px;
	position:relative;
}
.work-big{
	position:absolute;
	left:0;
	top:0;
	width:248px;
	height:379px;
	overflow:hidden;
	padding:8px;
	border:1px solid #ccc;
}
.work-big img{
	width:100%;
}
.lineup{
	margin-left:285px;
}
.lineup strong{
	display:inline-block;
	margin-bottom:10px;
	width:165px;
	height:28px;
	line-height:28px;
	background:#000;
	color:#fff;
	font-size:15px;
	text-align:center;
}
.lineup p{
	font-size:14px;
	color:#444;
	line-height:25px;
}
.dintab{
	width:506px;
	height:400px;
}
.mod18Box {margin: 0px auto; width: 506px; }
.mod18{ width: 506px; height: 400px; margin: 0px auto; position: relative; background: #f7f7f7; }
.mod18 .btn{position:absolute;width:24px;height:70px;top:348px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:140px;width:46px;height:48px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:506px;height:330px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:506px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:330px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:330px;position:absolute;}
.mod18 .picBox li{width:506px;height:330px;}
.mod18 .listBox{ width: 506px; height: 70px; margin: 0 auto; position: relative; padding: 6px 0 0px; overflow: hidden; }
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:129px;height:70px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:124px;height:70px;}
.mod18 .listBox li img{width:124px;height:70px;}
.mod18 .listBox .on img{width:118px;height:64px;border:2px solid #ac1b26;}
.mod18 .listBox .on i{display:block;}


.dintro-area{
	clear:both;
	padding-top:30px;
	width:1000px;
	margin:0 auto;
}
.detaile{
	width:100%;
	height:45px;
	line-height:45px;
	background:#ccc;
}
.detaile h4{
	width:145px;
	color:#fff;
	text-align:center;
	font-weight:normal;
	font-size:16px;
	background:#000;
	position:relative;
}
.detaile h4:before{
	content:'';
	position:absolute;
	bottom:-5px;
	left:60px;
	border:5px solid #000;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
#three{
	margin:25px 0;
}
#three li{
	margin:15px 0;
}
#three li span{
	display:block;
	font-weight:bold;
	font-size:15px;
	color:#333;
	margin:6px 0;
}
#three li p{
	font-size:14px;
	color:#555;
	line-height:24px;
}
/*====================行走戏剧====================*/
.theatre{
	width:1250px;
	margin:60px auto;
}
.theat-dl{
	margin:45px 0;
	min-height:355px;
	background:#ededed;
	position:relative;
}
.theat-dl dt{
	position:absolute;
	top:-20px;
	left:20px;
	transition:all .8s;
}
.theat-dl dd{
	width:600px;
	margin-left:612px;
}
.camp-pan{
	padding-top:25px;
}
.camp-pan span{
	display:block;
	font-size:16px;
	margin:8px 0;
}
.camp-p {
	margin:15px 0;
}
.camp-p p{
	font-size:14px;
	color:#444;
	line-height:26px;
}

#camp-more{
	display:block;
	width:95px;
	height:35px;
	line-height:35px;
	color:#fff;
	background:#ccc;
	font-size:14px;
	text-align:center;
}

.theat-dl:hover #camp-more{
	color:#fff;
	background:#000;
}
.theat-intro{
	margin-top:30px;
}
.payton{
	margin-top:30px;
}
.payton p{
	line-height:26px;
	color:#333;
	font-size:14px;
}
.payton span{
	display:block;
	text-align:center;
	margin:25px 0;
}
.theat-elevant{
	margin-top:45px;
}
.ul-list{
	margin-top:30px;
}
.ul-list ul li{
	float:left;
	margin-right:10px;
	transition:all 1s;
	border:1px solid #fff;
}
.ul-list ul li:last-child{
	margin-right:0;
}
.ul-list ul li a{
	display:block;
	margin-bottom:6px;
	width:406px;
	height:259px;
	overflow:hidden;
}
.ul-list ul li a img{
	width:100%;
}
.ul-list ul li p{
	font-size:15px;
	margin:10px 0;
	color:#444;
	text-align:center;
}
.ul-list ul li .fp{
	transition:all .8s;
}
.ul-list ul li:hover{
	border:1px solid #ccc;
	box-shadow:0 3px 6px rgba(0,0,0,.2)
}
.ul-list ul li:hover .fp{
	padding-left:12px;
}
.ul-list ul li:hover img{
	transform:scale(1.1,1.1); transition:all ease 0.8s; -webkit-transition:all ease 0.8s;
}

/*最新行走戏剧*/

.xzxj{
	width:100%;
	border-bottom:1px solid #eee;
	padding-bottom:20px;
}
.xzxj img{
	width:100%;
}
.ntheat{
	width:1250px;
	margin:0 auto;
	padding-bottom:40px;
}
.theat-ul li{
	float:left;	
	min-height:350px;
	max-height:350px;
}
.theat-ul li a{ 
	display:block;
	width:155px;
	height:219px;
	text-align:center;
	margin:41px;
	font-size:15px;
	color:#444;
	transition:none;
	padding-top:162px;
}
.theat-ul li .theat-li1{
	width:155px;
	height:219px;
	background:url(../images/circular-1.png) no-repeat;
}
.theat-ul li .theat-li-up1{
	width:155px;
	height:255px ;
	padding-top:195px;	
	background:url(../images/circular-1s.png) no-repeat;
}

.theat-ul li .theat-li-up2{
	width:155px;
	height:255px;
	padding-top:195px;	
	background:url(../images/circular-2s.png) no-repeat !important;
}

.theat-ul li .theat-li-up3{
	width:155px;
	height:255px;
	padding-top:195px;	
	background:url(../images/circular-3s.png) no-repeat !important;
}

.theat-ul li .theat-li-up4{
	width:155px;
	height:255px;
	padding-top:195px;	
	background:url(../images/circular-4s.png) no-repeat !important;
}

.theat-ul li .theat-li-up5{
	width:155px;
	height:255px;
	padding-top:195px;	
	background:url(../images/circular-5s.png) no-repeat !important ;
}

.theat-ul li .theat-li1:hover{
	width:155px;
	height:255px;	
	background:url(../images/circular-1s.png) no-repeat;
}
.theat-ul li a:hover{
	padding-top:195px;
}
.theat-ul li .theat-li2{
	width:155px;
	height:219px;
	background:url(../images/circular-2.png) no-repeat;
}
.theat-ul li .theat-li2:hover{
	width:155px;
	height:255px;	
	background:url(../images/circular-2s.png) no-repeat;
}
.theat-ul li .theat-li3{
	width:155px;
	height:219px;
	background:url(../images/circular-3.png) no-repeat;
}
.theat-ul li .theat-li3:hover{
	width:155px;
	height:255px;	
	background:url(../images/circular-3s.png) no-repeat;
}
.theat-ul li .theat-li4{
	width:155px;
	height:219px;
	background:url(../images/circular-4.png) no-repeat;
}
.theat-ul li .theat-li4:hover{
	width:155px;
	height:255px;	
	background:url(../images/circular-4s.png) no-repeat;
}
.theat-ul li .theat-li5{
	width:155px;
	height:219px;
	background:url(../images/circular-5.png) no-repeat;
}
.theat-ul li .theat-li5:hover{
	width:155px;
	height:255px;	
	background:url(../images/circular-5s.png) no-repeat;
}
.ul-list{
	margin-top:30px;
}
.ul-list ol li{
	float:left;
	margin-right:10px;
	transition:all 1s;
	border:1px solid #fff;
}
.ul-list ol li:last-child{
	margin-right:0;
}
.ul-list ol li a{
	display:block;
	margin-bottom:6px;
	width:406px;
	height:259px;
	overflow:hidden;
}
.ul-list ol li a img{
	width:100%;
}
.ul-list ol li p{
	font-size:15px;
	margin:10px 0;
	color:#444;
	text-align:center;
}
.ul-list ol li .fp{
	transition:all .8s;
}
.ul-list ol li:hover{
	border:1px solid #ccc;
	box-shadow:0 3px 6px rgba(0,0,0,.2)
}
.ul-list ol li:hover .fp{
	padding-left:12px;
}
.ul-list ol li:hover img{
	transform:scale(1.1,1.1); transition:all ease 0.8s; -webkit-transition:all ease 0.8s;
}
/*最新行走戏剧详情*/
.camprea{
	margin:25px auto;
}
.camp-tit{
	text-align:center;
}
.camp-tit h3{
	font-size:24px;
	font-weight:normal;	
	margin:8px 0;
	color:#222;
}
.camp-tit h3 i{
	display:inline-block;
	font-style:normal;
	color:#aa7c48;
}
.camp-tit span{
	display:block;
	font-size:16px;
	color:#888;
}
.camp-area{
	width:100%;
	margin:65px auto;
	position:relative;
}
.vidBg{
	width:100%;
	height:530px;
	background:url(../images/videoBg.jpg) no-repeat;
}
.ten{
	width:985px;
	height:650px;
	position:absolute;
	top:-14%;
	left:12%;
}
#tv{	
	width:100%;
}
.arrange{
	margin-top:35px;
	width:100%;
	height:270px;
	padding:40px 0;
	background:url(../images/letter.png) no-repeat;	
}
.arr-p{
	margin-top:30px;
}
.arr-p p{
	line-height:28px;
	color:#333;
	font-size:16px;
	text-align:center;
}
.brigh{
	margin-top:20px;
}
.brigh ul li{
	float:left;
	width:299px;
	position:relative;
	cursor: pointer;
	margin:6.5px;
	transition:all .8s;
}
.brigh ul li strong{
	position:absolute;
	top:30%;
	left:35%;
	display:block;
	width:102px;
	height:105px;
	font-size:56px;
	color:#fff;
	padding:16px;
	background:url(../images/big.png) no-repeat;	
}
.hidebg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(8,8,8,.75);
	opacity: 0;
}
.brigh ul li:hover .hidebg{
	opacity: 1;
}
.brigh ul li:hover strong{
	display:none;
}
.hidebox{
	padding:12px;
}
.hidebg span{
	display:block;
	width:52px;
	height:54px;
	font-size:28px;
	color:#fff;
	text-align:center;
	margin:0 auto;
	padding:6px 0;
	background:url(../images/small.png) no-repeat;	
}
.hidebg p{
	color:#fff;
	font-size:14px;
	text-align:center;
	line-height:26px;
}
.mother{
	margin-top:25px;
}
.mother-area{
	margin-top:25px;
}
.mother-area dl{
	width:399px;
	float:left;
	background:#f1f1f1;
	border:1px solid #ccc;
	min-height:550px;
	margin:7px;
}
.mother-area dt{
	width:399px;
	height:274px;
	overflow:hidden;
}
.mother-area dt img{
	width:399px;
	height:274px;
}
.mother-area dl:hover img{
	transform:scale(1.1,1.1); transition:all ease 0.8s; -webkit-transition:all ease 0.8s;
}
.mother-area dl:hover .rowup span{
	color:#aa7c48;
}
.mother-area dd {
	margin:15px 0
}
.rowup{
	width:230px;
	margin:0 auto;
	height:30px;
	line-height:30px;
	color:#333;
	font-size:18px;
	text-align:center;
}
.rowup span{
	display:block;
	position:relative;
}
.rowup span:before{
	content:'';
	position:absolute;
	top:16px;
	left:-25px;
	width:30px;
	height:1px;
	border-top:1px dashed #aa7c48;
}
.rowup span:after{
	content:'';
	position:absolute;
	top:16px;
	right:-25px;
	width:30px;
	height:1px;
	border-top:1px dashed #aa7c48;
}
.mother-area dd p{
	padding:12px;
	font-size:14px;
	color:#444;
	line-height:25px;
}
.jum{
	margin-top:25px;
}
/*最新所有作品详情*/
.projectAll{
	/*background:#fff;*/
}
.project{
	margin:0 auto;
	position:relative;
	overflow:hidden;
	}
.items{
	position:relative;
	width:248px;
	height:397px;
	overflow:hidden;}
.project ul li{
	float:left;
	}
.nexts{
	width:26px;
	height:55px;
	background:url(../images/prev.png) no-repeat;
	position:absolute;
	top:40%;
	left:0;
	cursor:pointer;
	}
.prevs{
	width:26px;
	height:55px;
	background:url(../images/next.png) no-repeat;
	position:absolute;
	top:40%;
	right:2px;
	cursor:pointer;
}
.dinne-area h2{
	font-size:20px;
	font-weight:normal;
	color:#000;
	margin:36px 0;
	text-align:center;
}
.dinne{width:266px!important;}
.featu{width:970px;margin:0 auto;}
#featured { 
	width: 940px;
	height: 450px;
	overflow: hidden; }
#featured>img,  
#featured>div,
#featured>a { display: none; }


div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }

div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }

div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0; 
    display: none; }

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; }

span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(../images/rotator-black.png) no-repeat;
    z-index: 3; }

span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

span.rotator.move {
    left: 0 }

span.mask.move {
    width: 40px;
    left: 0;
    background: url(../images/timer-black.png) repeat 0 0; }

span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url(../images/pause-black.png) no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
    opacity: 1 }

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
	text-align: center;
	padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }

div.slider-nav {
    display: block }

div.slider-nav span {
    width: 78px;
    height: 100px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -50px;
    cursor: pointer; }

div.slider-nav span.right {
    background: url(../images/right-arrow.png);
    right: 0; }

div.slider-nav span.left {
    background: url(../images/left-arrow.png);
    left: 0; }

.orbit-bullets {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: -40px;
    left: 50%;
	margin-left: -50px;
    padding: 0; }

.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(../images/bullets.jpg) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }
    
.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }

/*首页栏目*/
.xzxj-area{
	width:1250px;
	margin:0 auto;
}
.xzxj-area ul{
	margin-top:25px;
}
.xzxj-area ul li{
	float:left;
	margin:3px;
	border:1px solid #ccc;
}
.xzxj-area ul li:hover p,.xzxj-area ol li:hover p{
	color:#996633;
}
.xzxj-area ul li p,.xzxj-area ol li p{
	text-align:center;
	margin:15px 0;
	font-size:15px;
	color:#444;
}
.xzxj-area ol{
	margin-top:8px;
}
.xzxj-area ol li{
	border:1px solid #ccc;
	float:left;
	margin:2px;
}

.focus_center{width:1000px;height:470px;margin:0 auto;}
.focus_center #divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
.focus_center #playBox{ width:1000px; height:470px; position:relative; overflow:hidden;z-index:1;}
.focus_center #playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
.focus_center #playBox .oUlplay li{ float:left;}
.focus_center #playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:230px; left:10px; z-index:10;}
.focus_center #playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:230px; right:10px; z-index:10;}
.focus_center #playBox .smalltitle {width:1000px; height:10px; position:absolute; bottom:15px; z-index:10}
.focus_center #playBox .smalltitle ul{ width:120px; margin:0 auto;}
/*轮播*/
.featu{
				width:970px;margin:0 auto;
			}
			/*banner*/
			.lubo{width: 100%; min-width:1000px;/*clear: both;*/ position: relative;height:305px;}
			.lubo_box{ position: relative; width: 100%; height:305px; }
			.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:305px; opacity: 0;filter:alpha(opacity=0);}
			.lubo_box li a{ display: block;width: 100%;min-width:1200px;  height: 100%;}
			.lubo_box li img{ width: 100%; height: 305px;}	
			.lubo_box li a.albo1{background:url(images/banner-work.jpg) center no-repeat;}
			.lubo_box li a.albo2{background:url(images/banner-work.jpg) center no-repeat;}
			.lubo_box li a.albo3{background:url(images/banner-work.jpg) center no-repeat;}
			.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
			.cir_box li{ float: left; width: 12px; height: 12px;border-radius: 50%; margin:0px 8px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
			.cir_box li.cir_on{ margin:0 8px;background:#996633 !important;}
			.lubo_btn{ position: absolute; width: 100%; top: 250px;}
			.left_btn, .right_btn{ display:none;width: 30px; height: 80px; background: #333;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
			.left_btn{ float: left;}
			.right_btn{ float: right;}
			.left_btn:hover, .right_btn:hover{background:#555;opacity: 0.5;}
.page a.act{border: 1px solid #333;
    margin: 2px;
    color: #aaa;
    background-color: #333;
    text-decoration: none;
    font-size: 16px;}