*{
	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:4475px;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:40px;}
img.bg2{top:1555px;}
img.bg3{top:3155px;}
/*头部*/
.header_1{width:100%;height:40px;background:url(../images/bg_head.jpg) repeat-x;position:fixed;z-index:1;top:0;left:0;}
.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:176px;height:430px;background:url(../images/nav.png) no-repeat;position:fixed;right:2px;top:50%;margin-top:-215px;display:none;}
div.navs a{display:block;width:176px;height:38px;line-height:38px;text-align:center;font-size:18px;color:#ffffff;}
div.navs a:hover,div.navs a.selected{color:#fffd46;}
div.navs span{width:176px;height:44px;line-height:36px;text-align:center;font-size:20px;color:#aad4f4;margin-top:165px;}
div.navs a.totop{width:40px;height:26px;background:url(none.jpg) no-repeat;position:absolute;bottom:50px;left:68px;}

/*微信微博*/
div.contacts{width:100%;position:absolute;top:40px;left:0;}
/*主要内容区*/
div.section1{background:url(../images/bg_1.jpg) no-repeat center top;}
div#flashdiv{width:1920px;height:1080px;position:absolute;top:40px;left:50%;margin-left:-960px;overflow:hidden;}
div.line{border:1px solid #665932;position:fixed;top:90px;left:50%;}
a.logolink{width:256px;height:100px;background:url(../images/logo.png) no-repeat;position:absolute;top:70px;left:35px;}
a.toplinks{width:37px;height:44px;position:fixed;z-index:1;top:100px;}
a.link_1{background:url(../images/ihome.png) no-repeat;right:100px;}
a.link_1:hover{background:url(../images/ihome_h.png) no-repeat;}
a.link_2{background:url(../images/iDL.png) no-repeat;right:55px;}
a.link_2:hover{background:url(../images/iDL_h.png) no-repeat;}
div.indexmain{width:1000px;position:relative;margin:0px auto;}
div.main_1{width:800px;height:900px;}
.btnvideo{display:block;width:85px;height:98px;background:url(../images/video.png) no-repeat;border:none;outline:none;cursor:pointer;position:absolute;top:335px;right:190px;}
div.main_1 a{display:block;width:145px;height:240px;background:url(../images/nav_n.png) no-repeat;position:absolute;margin-top:-300px;opacity:0;transition: all 1s; }
div.main_1 a:hover{-webkit-animation:updown 1.5s linear infinite;background:url(../images/nav_s.png) no-repeat;}
a.mnav1,a.mnav4{top:600px;}
a.mnav2,a.mnav3{top:640px;}
a.mnav1{left:5px;-webkit-animation-delay: 0.1s;}
a.mnav2{left:215px;-webkit-animation-delay: 0.3s;}
a.mnav3{left:425px;-webkit-animation-delay: 0.5s;}
a.mnav4{left:635px;-webkit-animation-delay: 0.7s;}
.active div.main_1 a{margin-top:0;opacity:1;}
.active div.main_1 a.mnav1{transition-delay: 0.1s;}
.active div.main_1 a.mnav2{transition-delay: 0.3s;}
.active div.main_1 a.mnav3{transition-delay: 0.5s;}
.active div.main_1 a.mnav4{transition-delay: 0.7s;}

img.subtitle{width:900px;position:absolute;top:112px;margin-top:-200px;left:50%;margin-left:-450px;opacity:0;transition:all 0.8s;}
.active img.subtitle{margin-top:0;opacity:1;transition-delay:0.5s;}
.intros{display:block;width:800px;text-align:center;font-size:18px;color:#ced2e0;position:absolute;margin-bottom:300px;left:50%;opacity:0;transition:all 0.8s;}
.intro1{top:345px;margin-left:-500px;}
.intro2{top:395px;margin-left:-300px;}
.intro3{top:440px;margin-left:-500px;}
.intro4{top:492px;margin-left:-300px;}
.intro5{top:540px;margin-left:-500px;}
.intro6{top:578px;margin-left:-300px;}
.active .intros{opacity:1;margin-left:-400px;}
.active .intro1{transition-delay:0.8s;}
.active .intro2{transition-delay:1.2s;}
.active .intro3{transition-delay:1.4s;}
.active .intro4{transition-delay:1.6s;}
.active .intro5{transition-delay:1.8s;}
.active .intro6{transition-delay:2.0s;}
div.section2 span strong{color:#4d90e5;}
div.section2 span.intro6 strong{font-size:30px;}
a.btn1{width:293px;height:75px;background:url(../images/btn_dl.png) no-repeat;position:absolute;top:690px;margin-top:100px;left:50%;margin-left:-146px;opacity:0;transition:all 0.8s;}
a.btn1:hover{-webkit-animation:setbtnbg 0.3s linear infinite;background:url(../images/btn_dl_h.png) no-repeat;}
.active a.btn1{margin-top:0;opacity:1;transition-delay:2.2s;}

/*.bg17 { position: absolute; bottom: 0px; left:50% ; width: 1125px; margin-left:-563px; height:535px; 
		background:url(../images/bg3_people.png) no-repeat; opacity: 0; transition: all 1.7s; bottom: 90px\0;}
.active .bg17 { bottom:50% ; margin-bottom:-268px ; opacity: 1; transition-delay: 0.7s; }*/


div.main3{width:1000px;height:850px;}
div.main3 a{display:block;width:150px;height:235px;position:absolute;}
div.main3 a *{position:absolute;display:none;}
div.main3 a img.bgbtn{display:block;}
div.main3 a.btnhover *{display:block;}
span.btncover{width:100%;height:100%;background:url(../images/btncover.png);top:0;left:0;}
span.btnborder{width:138px;height:224px;border:1px solid #a99b5d;top:5px;left:5px;}
span.border1{width:328px;height:468px;}
img.iview{width:33px;height:33px;top:50%;margin-top:-17px;left:50%;margin-left:-17px;}
span.author{width:120px;height:22px;line-height:22px;text-align:center;font-size:14px;color:#cfbb6b;border-bottom:1px solid #cfbb6b;bottom:38px;left:13px;}
span.author1{width:312px;}
span.authorname{width:100%;height:34px;line-height:34px;text-align:center;font-size:18px;color:#cfbb6b;bottom:5px;left:0;}
a.showImg1,a.showImg2,a.showImg3,a.showImg4,a.showImg5{top:345px;}
a.showImg6,a.showImg7,a.showImg8,a.showImg9{top:588px;}
div.main3 a.showImg1{width:340px;height:480px;left:0;}
a.showImg2,a.showImg6{left:355px;}
a.showImg3,a.showImg7{left:520px;}
a.showImg4,a.showImg8{left:685px;}
a.showImg5,a.showImg9{left:850px;}


div.skillShow{width:652px;height:335px;background:url(../images/bg_phone.png) no-repeat;position:absolute;top:318px;left:50%;margin-left:-326px;opacity: 0;-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 0.3s;}
img.skimg{position:absolute;top:24px;left:64px;}
div.skillIntro{width:652px;height:100px;position:absolute;top:678px;left:50%;margin-left:-326px;}
span#skName{width:100%;height:42px;line-height:30px;text-align:center;font-size:24px;color:#4d90e5;}
p#skDesc{font-size:18px;color:#ced2e0;line-height:26px;}
div.skillBtn{width:430px;height:61px;position:absolute;top:790px;left:50%;margin-left:-215px;}
div.skillBtn a{display:block;width:61px;height:61px;float:left;margin-left:20px;}
a#showSk1{background:url(../images/sk1.png) no-repeat;}
a#showSk1.sel{background:url(../images/sk1_s.png) no-repeat;}
a#showSk2{background:url(../images/sk2.png) no-repeat;}
a#showSk2.sel{background:url(../images/sk2_s.png) no-repeat;}
a#showSk3{background:url(../images/sk3.png) no-repeat;}
a#showSk3.sel{background:url(../images/sk3_s.png) no-repeat;}
a#showSk4{background:url(../images/sk4.png) no-repeat;}
a#showSk4.sel{background:url(../images/sk4_s.png) no-repeat;}
a#showSk5{background:url(../images/sk5.png) no-repeat;}
a#showSk5.sel{background:url(../images/sk5_s.png) no-repeat;}

.active div.skillShow{opacity: 1;-webkit-transform:scale(1.0, 1.0); transform:scale(1.0, 1.0);transition-delay:0.8s;}


div.main_5{width:980px;height:750px;}
img.subtitle_t{width:900px;position:absolute;top:238px;left:50%;margin-left:-450px;margin-top:-100px;opacity:0;transition:all 0.5s;}
.active img.subtitle_t{opacity:1;margin-top:0;transition-delay:0.8s;}
div.main_5 a{width:320px;height:195px;background:url(../images/ev.jpg) no-repeat;position:absolute;}
div.main_5 a:hover{-webkit-animation:setbg 0.3s linear infinite;background:url(../images/ev_h.jpg) no-repeat;}
div.main_5 a:hover{background:url(../images/ev_h.jpg) no-repeat;}
/*a.row1{top:340px;margin-top:-200px;opacity:0;transition:all 0.8s;}
a.row2{top:548px;margin-top:200px;opacity:0;transition:all 0.8s;}*/
a.row1{top:340px;}
a.row2{top:548px}
a.e1,a.e4{left:0;}
a.e2,a.e5{left:330px;}
a.e3,a.e6{left:660px;}
.active a.row1,.active a.row2{opacity:1;margin-top:0;}
.active a.e1{transition-delay:0.9s;}
.active a.e2{transition-delay:1.1s;}
.active a.e3{transition-delay:1.3s;}
.active a.e4{transition-delay:1.5s;}
.active a.e5{transition-delay:1.7s;}
.active a.e6{transition-delay:1.9s;}


/*右侧导航*/
div.rightNav{width:45px;height:400px;position:fixed;top:50%;margin-top:-200px;right:0;}
div.rightNav a{display:block;width:45px;font-size:14px;line-height:16px;color:#9e8a5a;text-align:center;position:relative;margin-top:12px;}
div.rightNav a >img{position:absolute;top:50%;margin-top:-25px;left:-11px;display:none;}
div.rightNav a:hover,div.rightNav a.on,div.rightNav a.active{color:#cfbb6b;}
div.rightNav a:hover >img,div.rightNav a.on >img,div.rightNav a.active >img{display:block;}
div.rightNav a.totop{width:38px;height:46px;background:url(../images/top.png) no-repeat;margin-left:5px;margin-top:15px;}
div.rightNav a.totop:hover{background:url(../images/top_h.png) no-repeat;}


/*底部*/
.footer{height:130px;width:100%;color:#606060;text-align:center;font-family:宋体;font-size:14px;background:#171414;overflow:visible;}
.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,.btnclose{display:block;width:37px;height:37px;background:url(../images/close.png) no-repeat center #AA9C5D;position:absolute;top:-2px;right:-39px;}
.btnclose{top:0px;right:-37px;}
#backgroundPopup{width:100%;height:100%;color:#fff; background:url(../images/bg_popup.png);line-height:45px;text-align:center;position:fixed;z-index:9;top:0;left:0;display:none;}
div#popupDownload{width:494px;height:296px;border:2px solid #AA9C5D;background:url(../images/boxDown.jpg) no-repeat;position:fixed;z-index:10;top:50%;margin-top:-150px;left:50%;margin-left:-249px;display:none;}
div#popupDownload a{display:block;position:absolute;}
a.downloads{width:187px;height:56px;left:254px;}
a.download1{background:url(../images/down1.jpg) no-repeat;top:46px;}
a.download1:hover{background:url(../images/down1_h.jpg) no-repeat;}
a.download2{background:url(../images/down2.jpg) no-repeat;top:113px;}
a.download2:hover{background:url(../images/down2_h.jpg) no-repeat;}
a.download3{background:url(../images/down3.jpg) no-repeat;top:179px;}
a.download3:hover{background:url(../images/down3_h.jpg) no-repeat;}
div#popupCode{background:url(../images/boxCode.png) no-repeat;}

div#popupImg{width:802px;height:564px;border:2px solid #000000;position:fixed;z-index:10;top:50%;margin-top:-283px;left:50%;margin-left:-402px;display:none;}
div#popupImg a{display:block;position:absolute;}
a.closeImg{top:-2px;right:-50px;}
a.iPre,a.iNext{width:50px;height:76px;top:50%;margin-top:-38px;}
a.iPre{background:url(../images/iPre.png) no-repeat;left:0;}
a.iNext{background:url(../images/iNext.png) no-repeat;right:0;}

/*视频*/
#popupVideo{border:1px solid #a99b5d;position:fixed;z-index:1001;top:50%;left:50%;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:#a99b5d;}
a.closeVideo{background:url(../images/close.png) no-repeat center #a99b5d;position:absolute;z-index:1;top:-1px;right:-38px;}

/*动画*/
@-webkit-keyframes updown{
	0%{-webkit-transform:translate(0px,0px);background:url(../images/nav_s.png) no-repeat;}
	50%{-webkit-transform:translate(0,20px);background:url(../images/nav_s.png) no-repeat;}
	100%{-webkit-transform:translate(0,0px);background:url(../images/nav_s.png) no-repeat;}
}
@-moz-keyframes updown{
	0%{-moz-transform:translate(0px,0px);background:url(../images/nav_s.png) no-repeat;}
	50%{-moz-transform:translate(0,20px);background:url(../images/nav_s.png) no-repeat;}
	100%{-moz-transform:translate(0,0px);background:url(../images/nav_s.png) no-repeat;}
}
@keyframes updown{
	0%{transform:translate(0px,0px);background:url(../images/nav_s.png) no-repeat;}
	50%{transform:translate(0,20px);background:url(../images/nav_s.png) no-repeat;}
	100%{transform:translate(0,0px);background:url(../images/nav_s.png) no-repeat;}
}
@-webkit-keyframes setbg{
	0%{background:url(../images/ev_h.jpg) no-repeat;}
	100%{background:url(../images/ev_h.jpg) no-repeat;}
}
@-moz-keyframes setbg{
	0%{background:url(../images/ev_h.jpg) no-repeat;}
	100%{background:url(../images/ev_h.jpg) no-repeat;}
}
@keyframes setbg{
	0%{background:url(../images/ev_h.jpg) no-repeat;}
	100%{background:url(../images/ev_h.jpg) no-repeat;}
}
@-webkit-keyframes setbtnbg{
	0%{background:url(../images/btn_dl_h.png) no-repeat;}
	100%{background:url(../images/btn_dl_h.png) no-repeat;}
}
@-moz-keyframes setbtnbg{
	0%{background:url(../images/btn_dl_h.png) no-repeat;}
	100%{background:url(../images/btn_dl_h.png) no-repeat;}
}
@keyframes setbtnbg{
	0%{background:url(../images/btn_dl_h.png) no-repeat;}
	100%{background:url(../images/btn_dl_h.png) no-repeat;}
}