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

/*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; }
em, strong, cite, th { font-style:normal; font-weight:400; }
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,textarea{ 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";}

/*导航*/
nav{
	width:100%;
	height:110px;
	background-size:cover;
}
.navTop{
	width:1200px;
	margin:0 auto;
	line-height:110px;
	position:relative;
}
.navTop a{
	color:#333;
	font-size:14px;
	margin:0 14px;
}
.navTop .greenline{
	color:#0077c3;
	padding-bottom:15px;
	border-bottom:1px solid #0077c3;
}
.navTop .noline{
	padding-bottom:0;
	border-bottom:none;
}
.navTop a:hover{
	color:#0077c3;
}
.navTop .searchIcon{
	display:inline-block;
	width:28px;
	height:28px;
	cursor:pointer;
	margin-top:10px;
	background:url(../images/icon.png) -2px -24px no-repeat;
}
.search{
	width: 298px;
	height: 45px;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 99;
	display:none ;
	
}
.search .txt{
	width: 75%;
	height: 45px;
	border: none;
	padding-left: 5%;
	font-size: 14px;
	float:left;	
}
.search .subtn{
	float: right;
	width: 20%;
	height: 45px;
	border:none;
	cursor: pointer;
	background: #0077c3 url(../images/search-b.png)no-repeat center center;
}
/*banner*/
#banner .item {position: relative;height: 449px;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 12px;display: inline-block;width: 12px;height: 12px;border-radius: 50%;background-color: #fff;cursor: pointer;}
#banner .slick-dots .slick-active {background-color: #1890dd;width: 42px;height: 12px;border-radius: 20px;}
#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);}
@media(max-width: 1440px){
	#banner .item {height: 400px!important;}
}
/* 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;
}

.dubbing{
	width:100%;
	background:url(../images/der.jpg) repeat;
	padding:20px 0;
}
.dubb-all{
	width:1200px;
	margin:0 auto;
	padding:25px 0;
}
.sameTit{
	/*margin:20px 0;*/
	text-align:center;
}
.sameTit H4{
	font-size:22px;
	font-weight:normal;
	color:#333;
}
.sameTit span{
	display:block;
	position:relative;
	width:15%;
	height:1px;
	background:#ccc;
	margin:15px auto;
}
.sameTit span i{
	display:block;
	position:absolute;
	left:40%;
	bottom:0;
	width:30px;
	height:1px;
	background:#0077c3;
	transition:all 0.8s;
}
.sameTit:hover span i{
	width:100%;
	left:0;
}
.sameTit strong{
	display:block;
	font-size:14px;
	color:#666;
}
.dubb-area{
	margin-top:32px;
}
.dubox{
	position:relative;
}

.voice{
	position:absolute;
	top:28%;
	left:24%;
}
.animate{	
	width:193px;
	height:122px;
	overflow:hidden;
	text-align:center;
}
.animate a{
	color:#fff;
}
.animate-1{
	position:absolute;
	top:0;
	right:0;
}
.animate-2{
	position:absolute;
	left:0;
}
.showImg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(8,8,8,0.35);
}
.showImg-1{
	width:392px;
	height:122px;
}
.animate .en-letter{
	display:block;
	margin:8px 0;
}
.type-big .en-letter{
	display:block;
	font-size:18px;
	text-align:center;
	font-family:'Arial';
	margin:15px 0;
}
.type-big h6{
	text-align:center;
}
.animate h6,.type-big h6{
	font-size:20px;
	font-weight:normal;
}
.type-big{	
	position:relative;
	width:595px;
	height:250px;
	overflow:hidden;
}
.type-big a{
	color:#fff;
}
.type-big1{
	margin-top:10px;
}
.type-big2{
	margin-bottom:10px;
}
.type-big h6{ 	
	font-size:32px;
	font-weight:normal;
}
.layer-smal{
	position:absolute;
	top:36%;
	left:26%;
}
.layer-smal2{
	position:absolute;
	top:36%;
	left:12%;
}
.layer strong{
	display:inline-block;
	font-size:20px;
}
.layer-big{
	position:absolute;
	top:32%;
	left:38%;
}
.type-smal{
	position:relative;
	width:392px;
	height:122px;
	overflow:hidden;
}
.type-smal a{
	color:#fff;
}
.type-smal2{
	margin-left:203px;
}
.type-smal a img,.type-big a img,.animate a img{
	transition:all ease .8s; 
}
.type-smal:hover img,.type-big:hover img,.animate:hover img{
	transform:scale(1.1); -webkit-transform:scale(1.1);-webkit-transition:all ease 0.8s;
}



.classic{
	width:1200px;
	margin:30px auto;
}
.justify{
	/*margin-top:25px;*/
}
.justify ol li{
	float:left;
	width:23%;
	margin-right:2%;
}
.justify ol li:last-child{
	margin-right:0;
}
.justify ol li strong{
	display:block;
	margin:15px 0;
	text-align:center;
	font-size:16px;
}
.justify ol li strong a{
	color:#2da8d1;

}
.justify ol li span{
	display:block;
	width:28px;
	height:28px;
	margin:15px auto;
	background:url(../images/icon.png) 0px -116px no-repeat;
}
.justify ol li:hover span{
	background:url(../images/icon.png) 0px -142px no-repeat;
}
.stList{
	padding:15px;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}
.stList a{
	display:block;
	font-size:14px;
	color:#444;
	line-height:34px;
	background:url(../images/headset-r.png) no-repeat right top;
}
.stList .icon_stop{
	color:#0077c3;
	background:url(../images/headset-l.png) no-repeat right center;
}
.stList .icon_play{
	background:url(../images/headset-r.png) no-repeat right center;
}
.more{
	width:100px;
	height:35px;
	line-height:35px;
	margin:20px auto;
	border-radius:25px;
	border:1px solid #ccc;
}
.more a{
	display:block;		
	text-align:center;	
	font-size:14px;
	background-image:linear-gradient(to right,#2967bb,#2da8d1);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.more:hover{
	border:1px solid #0077c3;
	background:linear-gradient(to right,#2967bb,#2da8d1);
	color:#fff;
	/*background-image:none;	*/
}
.more:hover a{
	color:#fff;
	background-image:none;
	-webkit-background-clip: text;
    -webkit-text-fill-color: white;
}
.rs-film{
	width:100%;
	height:219px;
	background:url(../images/film.jpg) center center no-repeat;background-size:cover;
}
.film{
	width:1200px;
	margin:0 auto;
	padding-top:45px;
	position:relative;
}
#film-list{
	margin-left:220px;
}
#film-list li{
	color:#fff;
	float:left;
	width:120px;
	margin:9px;
	height:122px;
	background:url(../images/icon.png) -278px -8px no-repeat;
}
#film-list li:hover{
	background:url(../images/icon.png) -274px -152px no-repeat;
}
#film-list li span{
	display:block;
	text-align:center;
	font-size:17px;
	line-height:26px;
}
.vlue{
	padding-top:30px;
}
.rsf{
	position:absolute;
	top:55px;
	left:0;
	color:#fff;
}
.rsf strong{
	display:block;
	font-size:58px;
	font-family:'arial';
}
.rsf p{
	font-size:16px;
}
.tvall{
	margin-top:30px;
}
.case-nav{
	width:820px;
	margin:12px auto;
}
.case-nav span{
	display:inline-block;
	width:240px;
	height:40px;
	margin:0 15px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	color:#555;
	cursor:pointer;
	border-bottom:1px solid #d9d9d9;
}
.case-nav .mine{
	color:#0077c3;
	border-bottom:1px solid #0077c3;
}
.tv-area{
	margin-top:35px;
}
.paul-same .pautv{
	display:inline-block;
	width:310px;
	height:190px;
	position:relative;
}
.paul-same .pautv-other{
	display:inline-block;
	width:533px;
	height:447px;
	position:relative;
}
.paul-same .pautv span{
	display:block;
	width:45px;
	height:45px;
	position:absolute;
	top:40%;
	left:40%;
	background:url(../images/icon.png) -4px -346px no-repeat;
}
.paul-same .pautv-other span{
	display:block;
	width:60px;
	height:60px;
	position:absolute;
	top:40%;
	left:45%;
	background:url(../images/icon.png) -4px -387px no-repeat;
}
.paul-same p{
	text-align:center;
	margin:10px 0;
	font-size:14px;
	color:#444;
}
.parke-two{
	margin-top:34px;
}
.paul-m{
	margin-left:22px;
}
.tvImg1{
	width:310px;
	height:190px;
	overflow:hidden;
}
.tvImg1 img,.tvImg2 img{
	width:100%;
	transition:all ease .8s;
}
.tvImg2{
	width:533px;
	height:447px;
	overflow:hidden;
}
.parke:hover .tvImg1 img{
	transform:scale(1.1); -webkit-transform:scale(1.1);-webkit-transition:all ease 0.8s;
}
.paul-m:hover .tvImg2 img{
	transform:scale(1.1); -webkit-transform:scale(1.1);-webkit-transition:all ease 0.8s;
}

.studio{
	width:1200px;
	margin:35px auto;
}
.complate{
	margin-top:30px;
}
.complate ul li{
	float:left;
	margin:10px 9px;
	border:1px solid #ccc;
	position:relative;
	padding:10px;
}
.complate ul li img{
	width:260px;
	height:172px;
}
.complate ul li:hover .paint{
	display:block;
}
.paint{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(8,8,8,.6);
	transition:all .8s;
	display:none;
}
.kxjon{
	width:260px;
	height:172px;
	text-align:center;
}
.kxjon p{
	color:#FFF;
	margin-top:25px;
	font-size:14px;
}
.kxjon span{
	display:block;
	width:30px;
	height:30px;
	margin:50px auto 0px;
	background:url(../images/icon.png) -1px -178px no-repeat;
}

.clients{
	width:100%;
	
	background:url(../images/cooperBg.jpg) center center no-repeat;
	background-size:cover;
	 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cooperBg.jpg',  sizingMethod='scale');
}
.cooper{
	width:1200px;
	margin:0px auto;
	padding-top:30px;
}
.otherTit{
	/*margin:20px 0;*/
	text-align:center;
}
.otherTit h4{
	font-size:22px;
	font-weight:normal;
	color:#fff;
}
.otherTit span{
	display:block;
	position:relative;
	width:15%;
	height:1px;
	background:#fff;
	margin:20px auto;
}
.otherTit span i{
	display:block;
	position:absolute;
	left:40%;
	bottom:0;
	width:30px;
	height:1px;
	background:#0077c3;
	transition:all 0.8s;
}
.otherTit:hover span i{
	width:100%;
	left:0;
}
.otherTit strong{
	display:block;
	font-size:14px;
	color:#fff;
}	
.otherTit:hover i:before{
	width:100%;
	left:0;
	border-top:1px solid #0077c3;
}
.mr_frbox-1,.mr_frbox-2,.mr_frbox-3,.mr_frbox-4,.mr_frbox-5{padding:10px 0px 0px;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;margin:80px 10px 0 0;width:34px;height:67px;}
.mr_frUl{float:left;height:226px;width:1080px;margin-left:10px;}
.mr_frBtnR{float:right;margin-top:138px;cursor:pointer;width:50px;height:50px;}
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:314px;overflow:hidden;position:relative; margin-right:20px;}
.mr_frUl ul li p{text-align:center;font-size:14px;color:#444;margin:10px 0;}
.tempWrap{margin:0 auto;}
#featured { 
	overflow: hidden; }
#featured>img,  
#featured>div,
#featured>a { display: none; }
.platform_list {
  position: relative;
  padding-top:20px;
  padding-bottom:35px;
}

.platform_list .prev,
.platform_list .next {
  width: 26px;
  height: 74px;
  position: absolute;
  top: 120px;
  cursor: pointer;
}
.platform_list .prev {
  left: -66px;
  background: url(../images/index_slide_arrl.png) no-repeat center;
}
.platform_list .next {
  right: -66px;
  background: url(../images/index_slide_arrr.png) no-repeat center;
}
.turnkey li{
	float:left;
	margin:18px 25px;
	border:1px solid #999;
	/*filter:grayscale(100%);
	-webkit-filter:grayscale(100%);*/
	opacity:0.8;
	transition:all 0.8s;
	cursor: pointer;
}

@media(max-width: 1440px){
	.platform_list .prev {left: -26px;}
	.platform_list .next {right:-12px;}
}

footer{
	width:100%;
	background:url(../images/der.jpg) repeat;
	padding:30px 0;
}
.foot{
	width:1200px;
	margin:0 auto;
	position:relative;
}
.contactUs{
	position:absolute;
	top:95px;
	left:0;
}
.contactUs h4{
	font-size:22px;
	font-weight:normal;
	color:#444;
}
.contactUs span{
	display:block;
	color:#666;
	font-size:14px;
	margin:10px 0;
	text-align:right;
}
.reserv{
	margin:20px 0 20px 128px;
}
.address-area{
	width:450px;
}
.address p{
	line-height:30px;
	font-size:14px;
	color:#555;
}
.f-icon{
	margin-top:22px;
}
.f-icon a{
	display:inline-block;
	width:38px;
	height:38px;
	margin:0 10px;
	border:1px solid #ccc;
}
.f-icon a:hover{
	border:1px solid #ccc;
	border-radius:50%;
}
.f-icon a span{
	display:inline-block;
	width:30px;
	height:30px;	
}
/*
.f-icon a .f-icon-wechat{
	background:url(../images/icon.png) -11px -459px no-repeat;
}
.f-icon a .f-icon-qq{
	background:url(../images/icon.png) -11px -500px no-repeat;
}
.f-icon a .f-icon-weibo{
	background:url(../images/icon.png) -11px -545px no-repeat;
}
*/

.f-icon a .f-icon-wechat{
	background:url(../images/icon.png) -68px -459px no-repeat;
}
.f-icon a .f-icon-qq{
	background:url(../images/icon.png) -67px -500px no-repeat;
}
.f-icon a .f-icon-weibo{
	background:url(../images/icon.png) -68px -545px no-repeat;
}
.message{
	width:600px;
}
input,button,select,textarea{outline:none}

.frame .tebox{
	display:inline-block;
	height:36px;
	border-bottom:1px solid #ccc;
}
.frame input{
	color:#555;
	font-size:14px;
	height:35px;
	border:none;
	background:none;
	padding-left:3px;
	margin:0 5px;
}
.frame .tarea{
	display:block;
	width:100%;
	border-bottom:1px solid #ccc;
	margin:35px 0;
}
.frame textarea{
	width:99%;
	height:95px;
	border:none;
	font-size:14px;
	background:none;
	padding-left:1%;
	outline:none;
}
.frame .yzm{
	display:inline-block;
	cursor:pointer;
	
	margin:0 5px;
}
.frame .submit{
	width:110px;
	height:38px;
	line-height:38px;
	text-align:center;
	background:linear-gradient(to right,#2967bb,#2da8d1);
	background:#2da8d1\9;
	color:#fff;
	cursor:pointer;
	border-radius: 25px;
	margin-left:75px;
}
.copy{
	width:100%;
	height:60px;
	line-height:60px;
	background:#4d4d4d;
	text-align:center;
}
.copy span{
	color:#fff;
	display:inline-block;
	font-size:14px;
	margin:0 6px;
}

/**====================公司简介====================**/
.banner{
	width:100%;
	height:417px;
	
}
.banner-intro{
	background:url(../images/banner-intro.jpg) center center no-repeat;
	background-size:cover;
}
.banner-contact{
	background:url(../images/banner-contact.jpg) center center no-repeat;
	background-size:cover;
}
.banner-dubbing{
	background:url(../images/banner-dubbing.jpg) center center no-repeat;
	background-size:cover;
}
.banner-game{
	background:url(../images/banner-game.jpg) center center no-repeat;
	background-size:cover;
}
.banner-make{
	background:url(../images/banner-make.jpg) center center no-repeat;
	background-size:cover;
}
.banner-packing{
	background:url(../images/banner-packing.jpg) center center no-repeat;
	background-size:cover;
}
.banner-studio{
	background:url(../images/banner-studio.jpg) center center no-repeat;
	background-size:cover;
}
.banner-vocal{
	background:url(../images/banner-vocal.jpg) center center no-repeat;
	background-size:cover;
}
.banner-works{
	background:url(../images/banner-works.jpg) center center no-repeat;
	background-size:cover;
}
.seat-area{
	width:100%;
	height:80px;
	line-height:80px;
	box-shadow: 0 8px 8px rgba(0,0,0,.07);
	background:url(../images/der.jpg) repeat;
}
.seat{
	width:1170px;
	margin:0 auto;
	color:#444;
	font-size:14px;
	padding-left:30px;
	position:relative;
}
.seat:before{
	content:'';
	position:absolute;
	top:20px;
	left:0;
	width:26px;
	height:26px;
	background:url(../images/icon.png) 0px 8px no-repeat;
}
.seat a{
	color:#444;
	font-size:14px;
}
.introBox{
	margin:20px auto;
	width:1200px;
}
.intit{
	margin-top:50px;
	
}
.intit h3{
	margin:25px 0;
	color:#333;
	font-size:22px;
	font-weight:normal;
	text-align:center;
}
.intit img{
	display:block;
	margin:18px 0;
}
.intit p{
	line-height:24px;
	font-size:14px;
	color:#333;
}
.intdl{
	margin-top:25px;
	padding-bottom:20px;
}
.intdl dl{
	margin:20px 0;
}
.intdl dl dt{
	font-size:18px;
	font-weight:bold;
	color:#666;
	margin:16px 0;
	padding-left:35px;
	position:relative;
}
.intdl dl .intro-dt1:before{	
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:26px;
	height:26px;
	background:url(../images/icon.png) -6px -212px no-repeat;
}
.intdl dl .intro-dt2:before{	
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:26px;
	height:26px;
	background:url(../images/icon.png) -6px -249px no-repeat;
}
.intdl dl .intro-dt3:before{	
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:26px;
	height:26px;
	background:url(../images/icon.png) -6px -284px no-repeat;
}
.intdl dl .intro-dt4:before{	
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:26px;
	height:26px;
	background:url(../images/icon.png) -6px -311px no-repeat;
}
.intdl dl dd{
	line-height:24px;
	font-size:14px;
	color:#333;
}
.pod{
	width:800px;
	margin:30px auto;
	color:#444;
	border-bottom:1px solid #ccc;
	
}
.pod-dl{
	margin-left:10px;
}
.pod dl dt{
	font-size:16px;
	margin:10px 0;
}
.pod dl dd{
	font-size:14px;
	line-height:28px;
}
.adress-box{
	width:800px;
	margin:20px auto;
	padding-top:6px;
	position:relative;
}
.adress-box p{
	font-size:14px;
	color:#444;
	line-height:28px;
}
.pod dl dt i{
	display:inline-block;
	width:0px;
	height:1px;
	vertical-align:middle;
	font-style:normal;
	background:#444;
	transition:all 0.8s;
}
.pod dl:hover i{
	width:11px;
	margin-right:8px;
}
.aboutUS{
	margin:35px auto 88px;
}

.cont-ewm img{
	position:absolute;
	bottom:-36px;
	right:0;
}
/**====================游戏配音====================**/
.introBox ol{
	margin-top:35px;
}
.introBox ol li{
	float:left;
	padding:10px;
	margin:9px;
	border:1px solid #ccc;
	position:relative;
}
.introBox ol li p{
	margin:10px auto 10px;
	font-size:14px;
	color:#333;
	text-align:center
}
.introImg{
	width:260px;
	
	overflow:hidden;
}
.introImg img{
	width:100%;
	transition:all ease .8s;
}
.introBox ol li span{
	display:block;
	width:45px;
	height:45px;
	position:absolute;
	top:30%;
	left:42%;
	background:url(../images/icon.png) -4px -346px no-repeat;
}
.introBox ol li:hover .introImg img{
	transform:scale(1.1); -webkit-transform:scale(1.1);-webkit-transition:all ease 0.8s;
}
.pages{
	margin:35px 0;
	text-align:center;
}
.pages a{
	display:inline-block;
	width:65px;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:14px;
	border:1px solid #ccc;
}
.pages a:hover{
	background:#2977c0;
	border:1px solid #2977c0;
	color:#fff;
}
.pages a.act{
	background:#2977c0;
	border:1px solid #2977c0;
	color:#fff;
}
.pages .blue{
	background:#2977c0;
	border:1px solid #2977c0;
	color:#fff;
}
.packing{
	margin:25px auto 0;
}
.packing p{
	line-height:25px;
	font-size:14px;
	color:#444;
}
.sutdio-nav{
	width:400px;
	margin:40px auto;
	text-align:center;
}
.sutdio-nav a{
	display:inline-block;
	width:160px;
	height:50px;
	line-height:50px;
	font-size:15px;
	color:#444;
	margin:0 6px;
	position:relative;
	border:1px solid #ccc;
}
.sutdio-nav .cord:after{
	content:'';
	border:8px solid #0077c3;
	border:0px solid #0077c3\9;
	position:absolute;
	bottom:-5px;
	left:45px;
	overflow:hidden;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 
	-moz-transform:rotate(45deg); 	
	-webkit-transform:rotate(45deg); 
	-o-transform:rotate(45deg); 
}
.sutdio-nav .cord{
	color:#fff;
	border:1px solid #0077c3;
	background:#0077c3;
}
.sutdio-nav a:hover{
	color:#fff;
	border:1px solid #0077c3;
	background:#0077c3;
}

/**====================影视制作====================**/
.team-intro{
	margin-top:50px;
	border:1px solid #0077c3;
	border:none\9;
}
.team-intro h3{
	width:100%;
	height:54px;
	font-size:20px;
	font-weight:normal;
	line-height:54px;
	color:#fff;
	text-align:center;
	background:#0077c3;
}
.movies{
	margin-top:10px;
	padding:15px;
}
.movies p{
	line-height:25px;
	font-size:14px;
	color:#444;
}
.briefly{
	margin:35px 0;
	text-align:center;
}
.briefly strong{
	display:block;
	font-size:20px;
	color:#333;
	margin:15px 0px;
}
.briefly p{
	font-size:14px;
	color:#666;
}
.fourBox ul li{
	float:left;
	width:280px;
	text-align:center;
	min-height:215px;
	margin-right:22px;
	margin-right:18px\9;
	border:1px solid #0a81f9;
}
.fourBox ul li:last-child{
	margin-right:0;
}
.fourBox ul li h4{
	font-size:15px;
	color:#444;
	margin-top:45px;
	margin-bottom:25px;
}
.fourBox ul li p{
	line-height:24px;
	font-size:14px;
	color:#444;
}
.make-film{
	margin:36px 0;
}
.service{
	width:1200px;
	margin:25px auto;
	padding-bottom:35px;
}
.service ol li{
	float:left;
	margin:8px 4px;
	position:relative;
}
.service ol li p{
	margin:20px 0;
	text-align:center;
	color:#444;
	text-align:center;
}
.service ol li span{
	display:block;
	width:45px;
	height:45px;
	position:absolute;
	top:30%;
	left:42%;
	background:url(../images/icon.png) -4px -346px no-repeat;
}
.bigImg{
	width:390px;
	height:239px;
	overflow:hidden;
}
.bigImg img{
	transition:all ease .8s;
}
.service ol li:hover{
	box-shadow:0 3px 6px rgba(0,0,0,.2)
}
.service ol li:hover .bigImg img{
	transform:scale(1.1); -webkit-transform:scale(1.1);-webkit-transition:all ease 0.8s;
}


/**====================录音棚价格====================**/
.price-icon{
	margin-top:35px;
	
}
.price-icon dl{
	float:left;
	width:260px;
	/*min-height:150px;*/
	margin:19px;
	text-align:center;
	
}
.price-icon dl dt{
	width:112px;
	height:112px;
	border:1px solid #0c82ca;
	border-radius: 50%;
	margin:0 auto;
}
.price-icon dl dd{
	margin:20px 0;
	font-size:16px;
	color:#444;
	padding:15px 0;
}
.price-icon dl dt span{
	display:inline-block;
	width:62px;
	height:62px;
	margin-top:24px;
}
.price-icon dl dt .price-icon-1{
	background:url(../images/icon.png) -64px 4px no-repeat;
}
.price-icon dl dt .price-icon-2{
	background:url(../images/icon.png) -67px -80px no-repeat;
}
.price-icon dl dt .price-icon-3{
	background:url(../images/icon.png) -64px -163px no-repeat;
}
.price-icon dl dt .price-icon-4{
	background:url(../images/icon.png) -64px -238px no-repeat;
}
.price-icon dl:hover .price-icon-1{
	background:url(../images/icon.png) -164px 4px no-repeat;
}
.price-icon dl:hover .price-icon-2{
	background:url(../images/icon.png) -162px -79px no-repeat;
}
.price-icon dl:hover .price-icon-3{
	background:url(../images/icon.png) -163px -163px no-repeat;
}
.price-icon dl:hover .price-icon-4{
	background:url(../images/icon.png) -167px -238px no-repeat;
}
.price-icon dl:hover dd{
	color:#0c82ca;
}
.price-icon dl dd{
	margin:20px 0;
	font-size:16px;
	color:#444;
	padding:15px 0;
}
.pric-all{
	width:1200px;
	margin:25px auto;
}
.pricTit{
	text-align:center;
}
.pricTit h3{
	font-size:24px;
	font-weight:normal;
	color:#333;
	margin:8px 0;
}
.pricTit h3 i{
	color:#0077c3;
	font-style:normal;
}
.pricTit strong{
	font-size:18px;
	color:#ccc;
	
}
.pricTit span{
	display:block;
	position:relative;
	width:400px;
	height:1px;
	background:#ccc;
	margin:12px auto;
}
.pricTit span i{
	display:block;
	position:absolute;
	left:45%;
	bottom:0;
	width:30px;
	height:1px;
	background:#696969;
	transition:all 0.8s;
}
.pricTit:hover span i{
	width:100%;
	left:0;
}
.pricTable p{
	font-size:13px;
	color:#444;
	text-align:center;
	margin:18px 0;
}
#table1,#table2{
	border-bottom:3px solid #0077c3;
}
#table1 dt,#table2 dt{
	width:100%;
	height:80px;
	line-height:80px;
	background:#087ec7;
	box-sizing:border-box;
}
#table1 dt strong,#table2 dt strong{
	display:inline-block;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	border-left:1px solid #4fa3d6;
	text-align:center;
}
#table1 dt .wd2,#table1 dd .wd2{
	width:239px;
}
#table2 dd .ed2,#table2 dt .ed2{
	width:376px;
}
#table2 dd .ed4,#table2 dt .ed4{
	width:431px;
}
#table1 dt .wd4,#table1 dd .wd4{
	width:464px;
}
#table1 dd,#table2 dd{
	height:58px;
	line-height:57px;
	text-align:center;
}
#table1 dd span,#table2 dd span{
	display:inline-block;
	color:#444;
	font-size:14px;
}
#table1 .aclor,#table2 .aclor{
	background:#e3e3e3;
}
#table1 .bclor{
	background:#f6f6f6;
}
#table1 .aclor .wother{
	background:#ebebeb;
}
#table1 .bclor .mother{
	background:#f6f6f6;
}
.activ{
	margin-top:40px;
}
.package{
	width:100%;
	height:184px;
	margin:25px 0;
	background:url(../images/adv.jpg) center center no-repeat;
	background-size:cover;
}
@media(max-width: 1440px){
	.package{height: 155px!important;}
}
.heat{
	width:1200px;
	margin:0 auto;
}
.heat li{
	float:left;
	color:#fff;
	width:108px;
	height:102px;
	margin:45px 94px;
	background:url(../images/icon.png) -283px -308px no-repeat;
}
.heat li span{
	display:inline-block;
	font-size:40px;
	margin:24px;
}
.charge{
	width:1200px;
	margin:23px auto;
}
.chal,.char{
	min-height:320px;
}
.chal{
	width:562px;
	padding:15px;
	border:1px solid #ccc;
}
.chal h4{
	font-size:15px;
	color:#0d83ca;
	margin-bottom:20px;
}
.chal dl dt{
	font-size:14px;
	color:#333;
	margin:10px 0;
}
.chal dl dd{
	font-size:14px;
	color:#444;
	line-height:26px;
}
.char{
	width:592px;
}
.char ol li{
	padding:10px;
	border:1px solid #ccc;
	margin-bottom:25px;
}
.char ol li h4{
	font-size:15px;
	color:#0d83ca;
	margin-bottom:10px;
}
.char ol li p{
	font-size:14px;
	color:#444;
	line-height:26px;
}

/**====================声乐培训====================**/
.vlcal{
	width:1200px;
	margin:50px auto;
}
.sky{
	margin-top:36px;
}
.deepsky h4{
	font-size:15px;
	font-weight:normal;
	color:#0077c3;
	margin-bottom:15px;
	margin-top:15px\9;
}
.deepsky strong{
	display:block;
	font-size:14px;
	color:#333;
	margin-bottom:8px;
}
.deepsky table{
	font-size:14px;
	border:1px solid #ccc;
}
.deepsky table .found{
	height:40px;
	padding-left:15px;
}
.deepsky table .cound{
	height:85px;
	padding:0 10px;
}
.sky table{
	width:100%;
}
.sky table p{
	line-height:24px;
}
.sky-2 table .jound{
	width:50%;
	height:40px;
	padding-left:15px;
}
.sky table .just-1{
	background:#ececec;	
}
.sky table .just-2{
	background:#f5f5f5;	
}
.sky-3 .sound{
	height:95px;	
}
.sky-3 .sound span{
	display:block;
	text-align:center;
	line-height:24px;
}
.sky-3 .yound{
	padding-left:12px;
	height:42px;	
}
.sign-up{
	text-align:center;
}
.sign-up h4{
	font-size:24px;
	font-weight:normal;
	color:#0077c3;	
	margin-bottom:15px;
}
.sign-up span{
	display:block;
	font-size:14px;
	color:#333;
	line-height:26px;
}
.mode{
	width:800px;
	margin:26px auto;
}
.mode dl{
	float:left;
	width:180px;
	height:75px;
	margin:6px;
	color:#555;
	padding-top:10px;
	padding-left:30px;
	padding-right:15px;
	text-align:right;
	font-size:14px;
	border:1px solid #dcdcdc;
	position:relative;
}
.mode dl dt{
	margin:10px 0;
}
.mode .three-3 .dl-dd{
	margin-top:15px;
}
.mode .three-1:before{
	position:absolute;
	top:20px;
	left:22px;	
	content:'';
	width:48px;
	height:48px;
	background:url(../images/icon.png) -8px -595px no-repeat;
}
.mode .three-2:before{
	position:absolute;
	top:20px;
	left:25px;	
	content:'';
	width:48px;
	height:48px;
	background:url(../images/icon.png) -8px -662px no-repeat;
}
.mode .three-3:before{
	position:absolute;
	top:20px;
	left:25px;	
	content:'';
	width:48px;
	height:48px;
	background:url(../images/icon.png) -8px -715px no-repeat;
}
.mode dl:hover{
	border:1px solid #0077c3;
}

.notes{
	font-size:14px;
	color:#333;
	text-align:center;
}
/**====================配音作品====================**/
.workBox{
	position:relative;
	width:1200px;
	margin:26px auto;
}
.wrap ol li{
	width:31.5%;
	width:31%\9;
	float:left;
}
.wrap .acting{
	color:#0077c3;
	font-weight:normal;
	font-size:14px;
	text-align:left;
}
.wrap p{	
	color:#0077c3;
	font-size:14px;
	margin-bottom:10px;
}
.stnone{
	border-bottom:none;
}
#loutinav{
	width: 209px;
	position: absolute;
	top: 52px;
	/*float:left;*/
	box-shadow:0 5px 10px rgba(0,0,0,.2)
}
#loutinav h5{
	display:block;
	width:209px;
	height:80px;
	line-height:80px;
	font-size:25px;
	font-weight:normal;
	color:#fff;
	text-align:center;
	background:url(../images/special.jpg) no-repeat;
}
#loutinav ul{
	padding:20px 0;
}
#loutinav ul li {
	width: 209px;
	height: 46px;
	line-height:46px;
	/*border-bottom: 1px dotted #eee;*/
	font-size: 15px;
	text-align: center;
	position: relative;
	cursor: pointer;
	background: #fff;
	color: #444;
}			
#loutinav ul li span {
	display:block;
	width: 209px;
	height: 46px;
	line-height:46px;
	position: absolute;
	top: 0;
	left: 0;
}
#loutinav ul li.last {
	background: #1185cf;
	color: #fff;
	border-bottom: 1px solid #ddd;
}
/*#loutinav ul li:hover span {
	background: #1185cf;
	color: #fff;
	display: block;
}	*/
#loutinav ul li.active span{
	color: #333;
	position:relative;
}
#loutinav ul li.active span:before{
	content:'';
	position:absolute;
	top:35%;
	left:8%;
	width:12px;
	height:12px;
	transform:rotate(45deg);
	background:#1185cf;
}
.voice-other{
	left:4%;
}			
#main {
	width: 920px;
	margin-top:50px;
	float:right;
}			
#main .louti {
	height: 580px;
	width: 920px;
	color: #fff;
}						
#footer {
	width: 920px;
	height: 560px;
	background: red;
	margin: 0 auto;
	font-size: 50px;
	color: #000;
}
@media(max-width: 1440px){
	#loutinav{
		
	}
}

/*图片弹出层*/
#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	background-color: #222;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-transition: opacity 0.5s ease;
	        transition: opacity 0.5s ease;
}

#baguetteBox-overlay.visible {
	opacity: 1;
}

#baguetteBox-overlay .full-image {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}

#baguetteBox-overlay .full-image figure {
	display: inline;
	margin: 0;
	height: 100%;
}

#baguetteBox-overlay .full-image img {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	   -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
	font-family: sans-serif;
	white-space:normal;
	padding:5px 15px;
}

#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}

#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease;
	        transition: left 0.4s ease, -moz-transform 0.4s ease;
	        transition: left 0.4s ease, transform 0.4s ease;
}

#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight 0.4s ease-out;
	        animation: bounceFromRight 0.4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft 0.4s ease-out;
	        animation: bounceFromLeft 0.4s ease-out;
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 55px);
	width: 44px;
	height: 110px;
}

.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: none;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 15%;
	     border-radius: 15%;
	background-color: #4f4f4f;
	/*background-color: rgba(50, 50, 50, 0.5);*/
	color: #fff;
	font: 1.6em sans-serif;
	-webkit-transition: background-color 0.4s ease;
	        transition: background-color 0.4s ease;
}

.baguetteBox-button:hover {
	background-color:#701b2e;
}

.baguetteBox-button#next-button {
	right: 0; display:block !important; border-radius:5px 0 0 5px;
}

.baguetteBox-button#previous-button {
	left: 0; display:block !important; border-radius:0 5px 5px 0;
}

.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px;
	background:none;
}

.spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	     border-radius: 50%;
	background-color: #fff;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	        animation: bounce 2s infinite ease-in-out;
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	        animation-delay: -1s;
}

@-webkit-keyframes bounceFromRight {

0% {
	margin-left: 0;
}

50% {
	margin-left: -30px;
}

100% {
	margin-left: 0;
}

}

@keyframes bounceFromRight {

0% {
	margin-left: 0;
}

50% {
	margin-left: -30px;
}

100% {
	margin-left: 0;
}

}

@-webkit-keyframes bounceFromLeft {

0% {
	margin-left: 0;
}

50% {
	margin-left: 30px;
}

100% {
	margin-left: 0;
}

}

@keyframes bounceFromLeft {

0% {
	margin-left: 0;
}

50% {
	margin-left: 30px;
}

100% {
	margin-left: 0;
}

}

@-webkit-keyframes bounce {

0%,100% {
	-webkit-transform: scale(0);
	        transform: scale(0);
}

50% {
	-webkit-transform: scale(1);
	        transform: scale(1);
}

}

@keyframes bounce {

	0%,100% {
		-webkit-transform: scale(0);
		   -moz-transform: scale(0);
				transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
				transform: scale(1);
	}

}
.weixin-pic{	
	position:absolute;
	bottom:0;
	left:28%;
}
.f-icon .moved .weixin-pic img{
	transition:all 0.8s;
}
.f-icon .moved:hover .weixin-pic{
	padding-left:12px;
	transition:all 0.8s;
}
.justify{
	position:relative;
}
.dub-more{
	width:30%;
	position:absolute;
	bottom:-7%;
	right:0%;
}
.dub-more span{
	display:inline-block;
	width:10%;
	height:1px;
	margin:0 20px;
	background:#ccc;
	transition:all 0.8s;
}
.dub-more a{
	font-size:13px;
	color:#666;
}
.dub-more:hover span{
	width:15%;
	background:#1185cf;
}
.dub-more:hover a{
	color:#1185cf;
}