*{
	margin:0;
	padding:0;
}
html,body{
	height:100%;
	margin:0;
	padding:0;
}
a{text-decoration:none;}
body{
	font-family:SimHei;
	background:#18191b;
	-webkit-text-size-adjust:none;
}
p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
img{border:none;}
iframe{border:none;}
.clear_l{clear:left;}
.clear_r{clear:right;}
.clear_b{clear:both;}
ul{list-style-type:none;}
.blockEle{display:block;}
div.wrap{width:100%;height:5830px;background:#fff;overflow:hidden;position:relative;margin:0px auto;}
img.bgs{display:block;width:1920px;position:absolute;left:50%;margin-left:-960px;}
img.bg1{top:0;}
img.bg2{top:1040px;}
img.bg3{top:2120px;}
img.bg4{top:3130px;}
img.bg5{top:3940px;}
img.bg6{top:4750px;}
a.logolink{width:250px;height:100px;background:url(../images/logo.png) no-repeat;position:absolute;top:30px;left:25px;}
/*头部*/
.header_1{width:100%;height:40px;background:url(../images/bg_head.jpg) repeat-x;position:relative;z-index:1;}
.header_1_main{width:1200px;height:40px;position:relative;margin:0px auto;background:url(../images/yh-logo.png) no-repeat left center;}
.header_1_main a{display:block;width:120px;height:40px;position:absolute;top:0;left:0;}

/*导航*/
div.navs{width:188px;height:520px;background:url(../images/nav.png) no-repeat;position:fixed;right:0;top:50%;margin-top:-260px;}
div.navs a{display:block;width:188px;height:28px;line-height:28px;text-align:center;font-size:14px;color:#42d6fd;}
div.navs a:hover,div.navs a.selected{color:#fa5468;background:url(../images/nav_s.png) no-repeat center;}
div.navs span{width:165px;height:36px;line-height:36px;text-align:center;font-size:20px;color:#eab888;margin-top:170px;}
div.navs a.todownload{width:116px;height:38px;background:url(none.png) no-repeat;margin:8px auto;}

/*微信微博*/
div.contacts{width:100%;position:absolute;top:40px;left:0;}
/*主要内容区*/
div.indexmain{width:1000px;position:relative;margin:0px auto;}
div.main_1{height:1000px;}
div.main_2{height:650px;padding-top:280px;}
div.main_3{height:750px;padding-top:380px;}
div.main_4{height:400px;padding-top:300px;}
div.main_5{height:400px;padding-top:430px;}
div.main_6{height:500px;padding-top:442px;}
div.main_1 >a{width:266px;height:110px;background:url(../images/vd.png) no-repeat;position:absolute;top:562px;left:97px;opacity:1;margin-top:0;}
div.main_1 >a:hover{background:url(../images/vd_h.png) no-repeat;}
/*音效*/
#bgMusic{width:0;height:0;position:absolute;top:0;left:0;}
#playPause{display:block;width:256px;height:77px;background:url(../images/mic.png) no-repeat;border:none;outline:none;cursor:pointer;position:absolute;top:795px;left:200px;}
#playPause:hover{background:url(../images/mic_h.png) no-repeat;}
div.main_2 >span{position:absolute;}
span.rintro1{font-size:80px;color:#fa5468;top:340px;left:498px;}
span.rintro2{font-size:30px;color:#41d6fd;top:370px;left:738px;}
span.rintro3{font-size:16px;color:#42d6fd;top:406px;left:738px;}
div.indexmain >p{font-size:14px;color:#bcd9e6;line-height:24px;}
div.indexmain >p >span{color:#fa5468;}
div.main_2 >p{padding-left:605px;}
p.rp1{padding-top:192px;}
p.rp2{padding-top:25px;}
p.rp3{padding-top:25px;}
p.rp4{padding-top:25px;}
a.showGif{display:block;width:232px;height:128px;position:absolute;top:760px;}
a.showGif span{display:block;width:103px;height:22px;background:url(../images/gif_v.png) no-repeat;position:absolute;bottom:0;right:0;}
a.sg1{left:500px;}
a.sg2{left:760px;}
div.main_3 >p{text-align:center;}
div.skillbox{width:700px;height:394px;background:url(../images/bgskill.jpg) no-repeat;position:absolute;top:498px;left:130px;}
div.skillbox >*{display:block;position:absolute}
div.skillbox >img{top:143px;right:6px;}
a.btnchange{width:92px;height:92px;background:url(../images/sk_a_c.png) no-repeat center;top:166px;right:-1px;}
a.btnchange >img{-webkit-animation:imgScale 2s linear infinite;} 
a.sktype1,a.sktype2{width:66px;height:66px;text-align:center;background:url(../images/sk_n.png) no-repeat;}
a.sktype1 img,a.sktype2 img{margin-top:3px;}
a.sktype1.sksel,a.sktype2.sksel{background:url(../images/sk_s.png) no-repeat;}
a.sk1,a.sk4{top:190px;right:82px;}
a.sk2,a.sk5{top:245px;right:136px;}
a.sk3,a.sk6{top:318px;right:146px;}
a.sk7,a.sk8{width:111px;height:110px;background:url(none.png) no-repeat center;top:267px;right:8px;}
a.sk7.sksel,a.sk8.sksel{background:url(none.png) no-repeat center;}
a.sktype2{display:none;}
div.skillintro{width:730px;text-align:center;color:#41d6fd;font-size:30px;position:absolute;top:970px;left:50%;margin-left:-365px;}
div.skillintro >img{position:absolute;top:35px;left:0;}
div.skillintro >p{font-size:14px;text-align:left;line-height:30px;color:#bcd9e6;padding:5px 0 0 75px;}
div.main_4 >p{padding-left:100px;padding-right:570px}
p.sp1{padding-top:126px;}
p.sp2{padding-top:25px;}
div.main_4 >img{position:absolute;top:330px;right:10px;}
div.main_5 >p{padding-left:675px;}
p.dp1{padding-top:105px;}
p.dp2{padding-top:25px;}
div.main_5 >img{position:absolute;top:460px;left:0;}
div.main_4 >span,div.main_5 >span{font-size:14px;color:#6993a6;position:absolute;}
div.main_6 >a{display:block;width:198px;height:272px;background:url(../images/e_bg.png) no-repeat;position:absolute;}
div.main_4 >span{top:690px;left:570px;}
div.main_5 >span{top:820px;left:105px;}
div.main_6 >a >span{display:block;}
div.main_6 >a span.espan1{width:188px;text-align:center;font-size:24px;line-height:28px;color:#41d6fd;}
div.main_6 >a span.espan2{width:106px;height:28px;line-height:28px;text-align:center;font-size:14px;color:#4471a4;background:url(../images/view.png) no-repeat;margin-top:5px;margin-left:40px;}
div.main_6 >a.ehover span.espan2{color:#41d6fd;background:url(../images/view_h.png) no-repeat;}
a.erow1{top:442px;}
a.erow2{top:658px;}
a.e1{left:103px;}
a.e2{left:304px;}
a.e3{left:504px;}
a.e4{left:704px;}
a.e5{left:5px;}
a.e6{left:203px;}
a.e7{left:403px;}
a.e8{left:603px;}
a.e9{left:803px;}


/*底部*/
.footer{position:relative;height:130px;width:100%;color:#606060;text-align:center;font-family:宋体;font-size:14px;background:#05080f;position:relative;}
.footleft{width:900px;height:60px;position:absolute;top:40px;left:50px;}
a.linkyh{display:block;width:166px;height:45px;background:url(../images/footerlogo.png) no-repeat center left;border-right:1px solid #4B7FBF;position:absolute;top:0;left:0;}
.footleft p{font-size:12px;color:#606060;line-height:20px;padding-left:185px;text-align:left;}
.footleft p span{color:#363636;}
.footleft p a{color:#838080;}
.footleft p.p1{padding-top:5px;}
div.footright{width:300px;height:60px;position:absolute;top:45px;right:0;}
a.ibtns{display:block;width:36px;height:28px;position:absolute;z-index:1;top:10px;}
a.ibs1{background:url(../images/iwx.png) no-repeat;right:50px;cursor:default;}
a.ibs1 img{display:none;}
a.ibs1_1 img{position:absolute;top:30px;left:-100px;}
a.ibs1_2 img{position:absolute;top:-142px;left:-51px;}
a.ibs2{background:url(../images/isina.png) no-repeat;right:98px;}
a.ibs3{background:url(../images/iqq.png) no-repeat;right:58px;}


/*=======弹窗=====*/
a.closePopup{display:block;width:40px;height:40px;background:url(../images/close.png) no-repeat center #41d6fd;position:absolute;top:-1px;right:-41px;}
#backgroundPopup{width:100%;height:100%;color:#fff; background:url(../images/bg_pupup.png);line-height:45px;text-align:center;position:fixed;z-index:9;top:0;left:0;display:none;}
div#popupDownload{width:494px;height:296px;background:url(../images/boxDown.jpg) no-repeat;border:1px solid #41d6fd;position:fixed;z-index:10;top:50%;margin-top:-149px;left:50%;margin-left:-248px;display:none;}
div#popupDownload a,div#popupGif a{display:block;position:absolute;}
a.downloads{width:185px;height:56px;left:250px;}
a.download1{background:url(../images/down1.png) no-repeat;top:46px;}
a.download1:hover{background:url(../images/down1_h.png) no-repeat;}
a.download2{background:url(../images/down2.png) no-repeat;top:114px;}
a.download2:hover{background:url(../images/down2_h.png) no-repeat;}
a.download3{background:url(../images/down3.png) no-repeat;top:180px;}
a.download3:hover{background:url(../images/down3_h.png) no-repeat;}
div#popupGif{width:744px;height:464px;background:url(../images/boxGif.jpg) no-repeat;border:1px solid #41d6fd;position:fixed;z-index:10;top:50%;margin-top:-233px;left:50%;margin-left:-373px;display:none;}
img.skillImg{display:block;width:700px;height:394px;margin:0px auto;margin-top:32px;}
p.skillName{text-align:center;font-size:24px;line-height:30px;color:#ffd322;padding-top:5px;}
p.skillInfo{font-size:14px;color:#bcaba1;line-height:24px;padding:0 80px 0 80px;}
a.iPre,a.iNext{width:32px;height:58px;top:200px;}
a.iPre{background:url(../images/iPre.png) no-repeat;left:-55px;}
a.iNext{background:url(../images/iNext.png) no-repeat;right:-55px;}

/*视频*/
#popupVideo{border:1px solid #41d6fd;position:fixed;z-index:1001;top:50%;margin-top:-233px;left:50%;margin-left:-408px;display:none;}
#videoMain{width:800px;height:450px;border:8px solid #000;overflow:hidden;}
.jp-details .jp-title{display:none;}
.jp-gui{width:800px;height:46px;position:absolute;bottom:8px;left:8px;}
div.times{width:150px;height:38px;line-height:38px;text-align:center;color:#4b4b4b;font-size:14px;position:absolute;z-index:2;top:10px;left:50%;margin-left:-75px;}
div.times div.jp-current-time{color:#888888;}
.jp-play-bar{background:#41d6fd;}
a.closeVideo{width:50px;height:50px;background:url(../images/close.png) no-repeat center #41d6fd;position:absolute;z-index:1;top:-1px;right:-50px;}

/*进场动画*/
/*div.fademain >*{opacity:0; animation:moveIn 1s forwards; animation-play-state:paused;}
div.fademain >*.move{animation-play-state:running;}*/

@-webkit-keyframes btnRotate{
	0%{
		-webkit-transform:rotate(0deg);
	}
	100%{
		 -webkit-transform:rotate(360deg);
	}
	
}
@-webkit-keyframes imgScale{
    0%{transform:scale(1.0);}
	25%{transform:scale(0.85);}
	50%{transform:scale(1.0);}
	100%{transform:scale(1.0);}
}

@keyframes moveIn{
	from{ opacity:0;margin-top:100px;}
	to{ opacity:1;margin-top:0;}
}