@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: hyjh;
	src: url(../font/hyjhj.eot);
	src: url(../font/hyjhj.eot?) format("embedded-opentype"), url(../font/hyjhj.woff) format("woff"), url(../font/hyjhj.ttf) format("truetype");
}

@font-face {
	font-family: TrimRegular;
	src: url(../font/Trim-Regular.eot);
	src: url(../font/Trim-Regular.eot?) format("embedded-opentype"), url(../font/Trim-Regular.woff) format("woff"), url(../font/Trim-Regular.ttf) format("truetype");
	font-style: normal;
	font-weight: 400;
}


body { background:#fff; font-family:"TrimRegular","hyjh"; }

img { display:block; }
.bg { width:100%; position:absolute; }
.maskBg { width:100%; height:100%; background:#000; opacity:0.5; }
.ele { position:absolute; }
.moreImg { position:absolute; top:0; }


/**** header */
.header { width:100%; height:75px; border-bottom:1px solid #cecece; background:#fff; }
.header .mid { width:1200px; margin:0 auto; position:relative; }
.header .logo { width:160px; padding:24px 0 0 43px; display:block; }
.header .homeBt { width:68px; position:absolute; left:1090px; top:26px; color:#000; }


/**** main */
.main { width:100%; max-width:1920px; min-width:1200px;  height:90%; 
	overflow:hidden; position:relative; margin:0 auto; }

.page { width:100%; height:100%; }

.p1 { width:100%; height:100%; position:absolute; }
.p1 div { position:absolute; }
.p1 img { width:100%; }
.p1Txt { width:33.44%; left:16.56%; top:9.47%; }
.p1p1 { width:8.06%; left:8.06%; top:22.69%; }
/*.p1p2 { width:59.62%; left:16.44%; top:22.69%; }*/
.p1p3 { width:20.94%; left:55.13%; top:8.74%; }
.p1p4 { width:17.25%; left:76.38%; top:1.82%; }
.p1Arr { width:3.25%; left:48.38%; bottom:14px; position:absolute; pointer-events:none; }
.p1p2 { width:59.62%; left:16.44%; top:8.74%; }

.kv { width:85.56%; left:8.06%; top:1.82%; }


/**** p2 */
@-webkit-keyframes show_alpha 	{  0% { opacity:0; } 100% { opacity:1; }  }
@keyframes show_alpha 	{  0% { opacity:0; } 100% { opacity:1; }  }
.show_alpha { -webkit-animation:show_alpha 0.3s ease both; animation:show_alpha 0.3s ease both; }
.show_alpha_slow { -webkit-animation:show_alpha 0.6s ease both; animation:show_alpha 0.6s ease both; }

@-webkit-keyframes out_alpha 	{  0% { opacity:1; } 100% { opacity:0; }  }
@keyframes out_alpha 	{  0% { opacity:1; } 100% { opacity:0; }  }
.out_alpha { -webkit-animation:out_alpha 0.3s ease both; animation:out_alpha 0.3s ease both; }
.out_alpha_slow { -webkit-animation:out_alpha 0.6s ease both; animation:out_alpha 0.6s ease both; }

.arr_loop { -webkit-animation:arr_loop 0.4s ease-in-out infinite alternate;
	animation:arr_loop 0.4s ease-in-out infinite alternate;
 }
@-webkit-keyframes arr_loop 	{  
	0% { -webkit-transform:translate3d(0,-5px,0); } 
	100% { -webkit-transform:translate3d(0,5px,0); }  
}
@keyframes arr_loop 	{  
	0% { transform:translate3d(0,-5px,0); } 
	100% { transform:translate3d(0,5px,0); }  
}


.p2 { width:100%; height:100%; position:absolute; display:none; }
.p2People { height:100%; width:25%; float:left; background:#000 50% 50% no-repeat; 
	position:relative; overflow:hidden; }

.p2Name4 { width:56.46%; position:absolute; left:23.96%; top:86.05%; }
.p2Name3 { width:56.25%; position:absolute; left:24.38%; top:86.05%; }
.p2Name2 { width:48.13%; position:absolute; left:26.46%; top:86.05%; }
.p2Name1 { width:48.54%; position:absolute; left:25.83%; top:86.05%; }
.p2Name1 img,.p2Name2 img,.p2Name3 img,.p2Name4 img { width:100%; }

.p2VideoBt { width:63.33%; position:absolute; left:18.75%; top:80.38%; display:none; cursor:pointer; }
.p2VideoBt img { width:100%; }

.p2VideoBox { width:480px; height:1080px; position:absolute; display:none; }
.p2VideoBox video { width:100%; height:100%; }

.p3 { width:100%; height:100%; position:absolute; background-color:#000; display:none; }
.p3 video { width:100%; height:100%; }

.p4 { width:100%; height:100%; position:absolute; overflow:auto; display:none; }
.wang,.qu,.liu,.zhou { width:1200px; margin:0 auto; position:relative; display:none; }
.moreStartBt { width:74.5%; left:12.67%; bottom:100px; position:absolute; cursor:pointer; }




