.maincasesub-title{



	width: auto;



}



.teamh5{ font-size:18px; color:#333333; padding:50px 0; padding-left:12px;}



.teamh51{ padding-top:0; padding-bottom:0;}



.leadertop{ padding:25px 0; padding-bottom:12px;margin-bottom: 50px; display:block; width:100%; line-height:24px; text-align:justify;}







.leadertopimg{ width:180px; height:160px; overflow:hidden; margin-right:12px; margin-top:-45px;}



.leadertoptxt{ margin-left:12px; width:925px; }



.leadertopname{ font-size:22px; color:#333333;}



.leadertopname1{ font-size:18px;}



.leadertopjob{ font-size:12px; color:#999999; padding-left:10px;}



.leadertoptxtp2{line-height: 32px; padding-top:32px;color:#585858;}











.leaderlist{ width:100%; overflow:hidden;}



.leaderul{ width:110%;}



.leaderm{ float:left; width:558px; margin-right:84px; margin-top:50px; border-top:1px solid #f0f0f0; padding:32px 0;}



.leadermtxt{ width:290px; margin-left:12px; padding-top:32px;}



.leadermimg{ width:180px; height:160px; overflow:hidden; }



.leadermtxt,.leadermimg{ position:relative; top:-32px;}



/* .leaderm:hover{ border-top:1px solid #a1a1a1;} */



/* .leaderm:hover .leadermtxt,.leaderm:hover .leadermimg{ top:0;} */











.teamdetailcontent{ color:#585858; line-height:24px; text-align:justify;}



.team_c_tit{ color:#000; padding-top:40px; padding-bottom:5px;}



.teamdetailimg{ width:180px;}



.teamdetailtxt{ width:920px;}



.teamdetail{ padding-top:65px;}



.tdtp_b{ padding:60px 0; overflow:hidden;}







.casemorea3{ width:125px; margin-left:22px;}







.reamdesginer{ padding-left:3px; overflow:hidden;}



.reamdesginer img{ vertical-align:top;}



.reamdesginer li{ float:left; width:179px; margin:0 10px; margin-top:20px;}



.reamdesginer p{ height:50px; /* line-height:38px; */ background:#f1f1f1; text-align:center;}



.reamdesginer1{ padding-bottom:90px;}



.designerimg{ display:inline-block; vertical-align:top; width:100%; height:179px; overflow:hidden;}



/* .reamdesginer li:hover img{transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);} */



/* 人物详情弹窗 */

.tema-detail-warp{

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 9999;

	width: 100%;

	height: 100%;

	background-color: rgba(225,225,225,.95);

}

.tema-detail-box{

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	background-color: #fff;

}

.tema-detail-warp .close{

	position: absolute;

	top: -60px;

	right: -60px;

	cursor: pointer;

}

.tema-detail-warp .close i{

	font-size: 40px;

}

.tema-detail-list{

	

}

.tema-detail{

	display: none;

	width: 870px;

}

.tema-detail:after{

	content: '';

	display: block;

	clear: both;

}

.tema-detail-l{

	float: left;

    width: 358px;

}

.tema-detail-l .name{

	width: 75px;

    background: #eee;

    float: left;

    overflow: hidden;

    zoom: 1;

    padding-top: 10px;

    height: 390px;

}

.tema-detail-l .name_p1{

	width: 15px;

    float: left;

    border-left: #9E6D20 solid 1px;

    padding-left: 10px;

}

.tema-detail-l .name_p1 span{

	display: block;

	padding-top: 8px;

}

.tema-detail-l .name_p2{

	width: 40px;

    text-align: center;

    font-size: 25px;

    float: left;

}

.tema-detail-l .person{

	float: left;

}

.tema-detail-r{

	width: 410px;

    float: right;

    font-size: 12px;

    height: 386px;

    line-height: 20px;

    overflow: hidden;

    zoom: 1;

}

.tema-introduce-box{

	position: relative;

	

}

.tema-introduce-text-box{

	position: relative;

	margin-right: 30px;

	height: 366px;

	overflow: hidden;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

	margin-top: 20px;

}

.tema-introduce-text{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}

.tema-introduce-text p strong{
	display: block;
	margin-top: 25px;
	/* padding-top: 25px; */

}

.tema-introduce-text p:first-child{

		padding-top: 0;

	}

.tema-detail-r .scroll-warp{

	position: absolute;

	top: 10px;

	right: 0;

	width: 10px;

	height: 95%;

}

.tema-detail-r .scroll-warp:before{

	position: absolute;

	content: '';

	width: 3px;

	height: 100%;

	left: 50%;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	background-color: #ccc;

}

.tema-detail-r .scroll-bar{

	position: absolute;

	height: 30px;

	width: 100%;

	top: 0;

	left: 0;

	background-color: #999;

	border-radius: 2px;

	cursor: pointer;

}

.introduce-box{

	display: none;

	float: left;

	width: 100%;

}

.introduce-text{

	color: #666;

}

.introduce-text strong{

	font-size: 14px;

	color: #000;

}
.introduce-text p{
	font-size: 12px;
}
.introduce-text p strong{
	display: block;

	margin-top: 10px;

}





.videolist{ padding-bottom:90px;}



.videolistm{ background:#f8f8f8;}



.videolistmul{ width:110%;}



.videolisttxt{ overflow:hidden; zoom:1; padding:10px 20px;}



.videolistdate{ color:#999999; font-family:Arial, Helvetica, sans-serif;}



.videolistdate span{ font-size:18px;}



.videolistdate i{ font-size:12px; padding-left:5px;}



.videolisth5{ font-weight:bold; padding-top:30px; font-size:14px;}



.videolistimg{ overflow:hidden; height:200px; position:relative;}



.videolistdesc{ color:#585858; padding-top:5px;}



.videolistm{ margin-right:89px; margin-top:50px; width:340px; background:#f8f8f8; cursor:pointer; padding-bottom:10px; padding-top:10px;}



.videolistimg{ margin-top:15px;}



.videolistmbg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:18; background:#000;opacity:0;-webkit-opacity:0;-moz-opacity:0;}



.videolistm:hover .videolistmbg{opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5;}



.dfmz-video-btn{ height:50px; position:relative; background:url(../images/dfmz-video-btn.png) center no-repeat; width:50px; z-index:20; display:block; cursor:pointer; position:absolute; top:50%; margin-top:-25px; left:50%; margin-left:-25px; background-size:100% auto;}



.dfmz-video-btn:after{ border-radius:50%;box-sizing: content-box;content:"";height: 100%;pointer-events: none;position: absolute;width: 100%;}



.dfmz-video-btn:after{ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); left: 0;opacity: 0;top: 0;transform: scale(0.9);}



<!--.videolistm:hover img{transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);}-->











.Video-bg{ background:#000;opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50); position:fixed; left:0; top:0; width:100%; z-index:999; display:none;}



.Video-box{ width:70%; position:fixed; left:50%; top:50%; margin-top:30px; transform:translate(-50%,-50%);opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0); z-index:-9;}



.Video-box video{ width:100%; height:auto; display:none;}



.Video-box-on{opacity:1;-webkit-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);margin-top:0;z-index:1111;}

.video-pop{
	display: none;
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}
.video-pop .video{
	position: absolute;
	width: 60%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.video-pop .video video{
	width: 100%;
	vertical-align: top;
}
.video-pop .video .video-close{
	position: absolute;
	width: 30px;
	height: 30px;
	top: -50px;
	right: -50px;
	background: url(../images/closevideo.png) center/30px no-repeat;
	cursor: pointer;
}



.Video-box-txt-close{ background:url(../images/closevideo.png) center no-repeat; width:30px; height:30px; background-size:100% auto;}



.Video-box-txt{ position:relative;}



.Video-box-txt-close{ position:absolute; right:-40px; top:5px; z-index:999; cursor:pointer; font-size:30px; color:#fff;}



.videolistm:hover .dfmz-video-btn:after {



	-webkit-animation: sonarEffect 1.3s ease-out 75ms;



	-moz-animation: sonarEffect 1.3s ease-out 75ms;



	animation: sonarEffect 1.3s ease-out 75ms;



}



@-webkit-keyframes sonarEffect {



	0% {



		opacity: 0.3;



	}



	40% {



		opacity: 0.5;



		box-shadow: 0 0 2px rgba(255,255,255,0.1), 0 0 3px #ffffff, 0 0 0 1px rgba(255,255,255,0.5);



	}



	100% {



		box-shadow: 0 0 2px rgba(255,255,255,0.1), 0 0 3px #ffffff, 0 0 0 1px rgba(255,255,255,0.5);



		-webkit-transform: scale(1.5);



		opacity: 0;



	}



}



@-moz-keyframes sonarEffect {



	0% {



		opacity: 0.3;



	}



	40% {



		opacity: 0.5;



		box-shadow: 0 0  2px rgba(255,255,255,0.1), 0 0 3px #ffffff, 0 0 0 1px rgba(255,255,255,0.5);



	}



	100% {



		box-shadow: 0 0  2px rgba(255,255,255,0.1), 0 0 3px #ffffff, 0 0 0 1px rgba(255,255,255,0.5);



		-moz-transform: scale(1.5);



		opacity: 0;



	}



}



@keyframes sonarEffect {



	0% {



		opacity: 0.3;



	}



	40% {



		opacity: 0.5;



		box-shadow: 0 0 2px rgba(255,255,255,0.1), 0 0 3px #ffffff, 0 0 0 1px rgba(255,255,255,0.5);



	}



	100% {



		box-shadow: 0 0 2px rgba(255,255,255,0.1), 0 0 3px #ffffff, 0 0 0 1px rgba(255,255,255,0.5);



		transform: scale(1.5);



		opacity: 0;



	}



}







.pagemaincase{ padding-top:145px;}



.pagebanner{ height:338px;}



.leaderm,.leadermimg,.leadermtxt,.reamdesginer img,.videolistmbg,.videolistimg img{transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-webkit-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-moz-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;}







.O_n{background: #000;color: #fff;display: inline-block;*display: block;*zoom: 1;width: 30px;height: 30px;line-height: 30px;}



.O_n:hover{color: #fff;}



.Case{text-align: center;margin: 50px auto 80px;}



.Case li{display: inline-block;*display: block;*zoom: 1;margin:0 20px;width: 30px;height: 30px;line-height: 30px;}











.leadertopname2{ font-size:14px;}



.leadertopjob{ display:block; vertical-align:top; padding:0;}



.leadertoptxtp1{ padding-bottom:10px;}



.leadermtxt{ padding-top:15px;}



.leaderm{ width:326px; padding-bottom:0; margin-top:30px;}



.leaderm .leadermimg img{

	-webkit-transition: 0.8s;

	transition: 0.8s;

}

.leaderm:hover .leadermimg img{

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

}

.leaderm:hover .leadertopname{

	color: #8d6464;

}

.leadermimg{ width:162px; height:auto;}



.leadermtxt{ width:140px;}



.leadertopname1{ font-size:17px;}



.leadertopimg{ width:362px; height:auto; margin:0; padding:0;}

.leadertoptxt{ width:740px;}

.leadertopname3{ font-size:22px; font-weight:bold;}

.leadertopname4{ font-size:17px;}

.ldttit{ position:relative;}

.ldttit:before{ position:absolute; left:0; bottom:5px; content:''; width:120px; height:1px; background:#d2d2d2;}

.leadertop{ margin-bottom:0;}

.leadermtxt, .leadermimg{ top:0;}

.leaderm{ margin:0; padding:0; margin-top:60px; border:none;}

.leaderlist{ padding-bottom:60px; border-top:1px solid #dadada;}

.leadertop{ padding-bottom:60px;}

.leaderm{ width:362px; margin-right:60px;}

.leadermtxt{ width:175px;}



.llitb{ padding:60px 0; padding-bottom:45px;}

.llita,.llitb{ overflow:hidden; color:#000; line-height:20px;}

.llitam{ float:left; width:33.33%;}

.llitam1{font-size:15px;}

.llitam2{padding-left:0px;}

.llitam{ padding:15px 0;}



.tema-detail-box,.tema-detail{background:none;}

.tema-detail{ padding:40px; width:790px; }

.tema-detail-l .name{ display:none;}

.tema-detail-l{ width:280px;}

.tema-detail-r{ color:#1d1d1d; width:465px; float:right;}

.tema-layzw{ font-size:16px;}

.tema-layh2 { position:relative; padding-bottom:18px; line-height:18px;}

.tema-layh2 em{ font-size:18px;}

.tema-layh2 span{ font-size:12px; padding-left:10px;}

.tema-layzw span{ position:relative; padding-top:15px; font-size:16px; display:inline-block;}

.tema-layzw span:before{ position:absolute; content:''; left:0; top:0; width:100%; height:1px; background:#d2d2d2;}

.tema-detail-warp{background:rgba(0,0,0,0.82);}

.tema-detail-r .scroll-warp,.tema-detail-r .scroll-warp:before{ width:5px;}

.tema-detail-r .scroll-warp:before{ left:0;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);}

.tema-detail-warp .close i{ color:#fff;}

.tema-detail-warp .close{ top:-5px; right:-50px;}

.tema-detail-warp .close i{ font-size:30px;}

.tema-detail-list{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; overflow:hidden;background:#ffffff;}

.leadertop .introduce-box{ display:none;}

.maincase{ padding-top:140px;}

@media screen and (max-width:1000px){

	.tema-detail{

		width: 660px;

	}

	.tema-detail-l{

		width: 256px;

	}

	.tema-detail-l .person{

		width: 180px;

	}

	.tema-detail-l .name{

		height: 247px;

	}

	.tema-detail-l .name_p1{

		font-size: 12px;

	}

	.tema-detail-l .name_p2{

		width: 24px;

		font-size: 18px;

	}

	.tema-detail-r{

		width: 389px;

		height: 257px;

	}

	.tema-introduce-text p{

		padding-top: 5px;

	}

	.tema-introduce-text-box{

		height: 228px;

	}

	.tema-introduce-text-box{

		margin-top: 14px;

	}

	.tema-detail-warp .close{

		top: -80px;

		right: 18px;

	}

}

@media (max-width:768px) {



	.team{



		margin-top: 20px;



	}

	.maincaseteam{ padding-top:80px;}



	.Video-bg,.Video-box{ width:0; height:0;}



	.Video-box-txt-close{ display:none;}



	.pagebanner{ background-position:-9999px -9999px; height:auto;margin-top: 55px;}



	.team,.leadertop,.videolist { width:100%; box-sizing:border-box;}



	.team,.videolist{ padding-left:5%; padding-right:5%;}



	.team{padding-bottom: 10px;}



	.teamh5{padding-top: 15px; padding-bottom:15px; padding-left:0;}



	.reamdesginer1{ padding-bottom:30px;}



	.designerimg{ height:auto;}



	.reamdesginer li{ width:50%; height:auto; padding-right:2%; margin:0;margin-bottom:20px; box-sizing:border-box;}



	.reamdesginer li:nth-child(even){padding-left:2%; padding-right:0;}



	



	.teamdetail{ padding-top:30px;}



	.teamdetailimg,.teamdetailtxt{ width:100%;}



	.leadertopname2{ font-size:14px;}



	.tdtp_a{ padding-top:10px;}



	.team_c_tit{ padding-top:25px;}



	.casemorea3,.casemorea4{ margin:0; box-sizing:border-box; width:100%; margin-top:10px;}



	.tdtp_b{ padding:30px 0; padding-top:20px;}



	



	.leadertopimg,.leadertoptxt{ width:100%;  margin:0;}



	.leadertop{ padding:20px;}



	.leadertoptxtp1{ padding-top:15px;}



	.leadertoptxtp2{ padding-top:5px;}



	.videolisttxt{ padding:10px;}



	



	.leaderul{ padding-top:0; padding-bottom:30px;}



	.leaderul,.leaderm,.leadermimg,.leadermtxt{ width:100%;}



	.leaderm{ margin:0; margin-top:0; padding:20px 0;}



	.leadermimg,.leadermtxt{ margin:0;}



	.leadermtxt,.leadermimg{ top:0; padding:0; margin:0;}



	.leadertopname1{ font-size:16px;}



	.leadermimg{ width:25%; float:left; height:auto;}



	.leadermtxt{ width:75%; float:right; box-sizing:border-box; padding-left:10px;}



	.leaderm .leadertoptxtp1{ padding-top:5px;}



	.leaderm .leadertoptxtp2{ font-size:13px;}



	



	.videolistm{ width:100%; box-sizing:border-box; margin:0; margin-top:25px;}



	.videolistm img,.videolistmul{ width:100%;}



	.videolistimg{ height:auto;}



	.videolist{ padding-bottom:20px;}



	.pagemaincase{padding-top:55px;}



	.leadertop{margin-bottom: 0}



	



	.leadermimg{ width:35%;}



	.leadermtxt{ width:65%; padding-left:15px; padding-top:0;}



	.leaderm .leadertoptxtp1{ padding-bottom:0; padding-top:7px;}



	.Case li{ margin:0 5px;}



	.tema-detail-warp{

		/* display: none!important; */

	}

	.leaderm:hover .leadertopname {

	    color: #333;

	}

	.leaderm:hover .leadermimg img {

	    -webkit-transform: scale(1);

	    transform: scale(1);

	}

	.leadertop,.llitb{ padding:20px 0;}

	.leaderlist{ padding-bottom:20px; padding-top:20px;}

	.llitam{ width:100%;}

	

	.leadertop .leadertoptxtp2{ display:none;}

}