*{
	margin:0;
	padding:0;
}
html,body{
	height:100%;
	margin:0;
	padding:0;
}
a{text-decoration:none;}
body{
	font-family:simsun,Tahoma,sans-serif;
	background:#18191b;
	-webkit-text-size-adjust:none;
}
ul{list-style-type:none;}
.clear_l{clear:left;}
.blockEle{display:block;}
div.wrap{width:640px;position:relative;margin:0px auto;margin-top:90px;}
/*======================================头部========================================*/
div.header{width:640px;height:90px;background:#0f0805;position:fixed;z-index:3;top:0px;left:50%;margin-left:-320px;}
div.header *{position:absolute;}
div.header img.gIcon{width:72px;top:9px;left:20px;}
div.header span.gName{color:#fff;font-size:28px;line-height:28px;top:15px;left:105px;}
div.header span.gIntro{color:#ccc0bc;font-size:22px;line-height:22px;top:50px;left:105px;}
/*a.btnDownload{width:160px;height:50px;font-size:26px;color:#fff;line-height:50px;text-indent:45px;background:url(../images/download.png) no-repeat 10px center #de5508;border-radius:5px;top:20px;right:20px;}*/
a.btnIn{width:160px;height:50px;font-size:26px;color:#fff;line-height:50px;text-align:center;background:#3672be;border-radius:5px;top:20px;right:20px;}
/*======================================主要内容========================================*/
div.indexmain{width:100%;overflow:hidden;position:relative;}
div.main_1{height:880px;background:url(../images/bg_1.jpg) no-repeat;}
div.main_2{height:1255px;background:url(../images/bg_2.jpg) no-repeat;}
div.main_3{height:964px;background:url(../images/bg_3.jpg) no-repeat;}
div.main_4{height:930px;background:url(../images/bg_4.jpg) no-repeat;}
div.main_5{height:887px;background:url(../images/bg_5.jpg) no-repeat;}
div.main_6{height:990px;background:url(../images/bg_6.jpg) no-repeat;}
div.main_1 >a{position:absolute;}
a.btnVideo{width:98px;height:110px;top:598px;left:50%;margin-left:-49px;}
a.btnDownload{width:310px;height:88px;top:730px;left:50%;margin-left:-155px;}
div.main_2 >*{position:absolute;}
div.intros{width:556px;height:100px;background:url(../images/line.png) no-repeat center bottom;top:640px;left:50%;margin-left:-278px;}
div.intros >span{position:absolute;}
span.rintro1{font-size:86px;line-height:86px;color:#fa5468;top:5px;left:10px;}
span.rintro2{font-size:36px;line-height:36px;color:#41d6fd;top:25px;left:265px;}
span.rintro3{font-size:20px;line-height:20px;color:#42d6fd;top:65px;left:265px;}
div.indexmain >p{font-size:20px;color:#bcd9e6;line-height:31px;}
div.indexmain >p >span{color:#fa5468;}
div.main_2 >p{position:relative;padding-left:160px;padding-right:10px;}
img.himg1{top:50px;left:0;}
img.himg2{top:175px;right:39px;}
p.rp1{padding-top:764px;}
p.rp2{padding-top:33px;}
p.rp3{padding-top:28px;}
p.rp4{padding-top:32px;}
a.showGif{display:block;width:258px;height:144px;position:absolute;top:1050px;}
a.showGif span{display:block;width:152px;height:26px;line-height:26px;text-align:center;font-size:16px;color:#8798a8;background:url(../images/size.png) no-repeat;position:absolute;bottom:-1px;right:-1px;}
a.sg1{left:38px;}
a.sg2{right:38px;}
div.main_3 >p{text-align:center;padding:180px 50px 0 50px;}
div.phone{width:602px;height:450px;background:url(../images/phone.png) no-repeat center top;position:relative;margin:0 auto;margin-top:30px;}
div.skillbox{width:502px;height:282px;position:absolute;top:18px;left:36px;}
div.phone >*{display:block;position:absolute}
div.phone >img{top:425px;right:30px;}
div.skibtns{width:600px;height:86px;top:360px;left:20px;}
div.skibtns >a{float:left;margin-left:35px;}
a.btnchange{width:86px;height:86px;background:url(../images/sk_a_c.png) no-repeat center;z-index:3;top:336px;right:30px;}
a.btnchange >img{-webkit-animation:imgScale 2s linear infinite;} 
/*a.sktype1,a.sktype2{width:68px;height:66px;text-align:center;background:url(../images/sk_n.png) no-repeat center;}
a.sktype1 img,a.sktype2 img{margin-top:0px;}
a.sktype1.sksel,a.sktype2.sksel{background:url(../images/sk_s.png) no-repeat center;}
a.sktype2{display:none;}
div.skillintro{width:600px;text-align:center;color:#41d6fd;font-size:34px;position:absolute;top:750px;left:50%;margin-left:-300px;}
div.skillintro >img{position:absolute;top:50%;margin-top:-33px;left:0;}
div.skillintro >p{font-size:20px;text-align:left;line-height:36px;color:#bcd9e6;padding:5px 0 0 75px;}*/

div#skillSlider{width:502px;height:700px;overflow:hidden;top:0;}
div#skillSlider .swiper-slide{width:640px;height:820px;position:relative;}
div#skillSlider .swiper-slide img{position:absolute;top:0;left:0;}
span.skName{width:100%;height:50px;line-height:36px;text-align:center;font-size:34px;color:#41d6fd;position:absolute;top:430px;left:0;}
p.skDesc{font-size:20px;color:#ced2e0;line-height:36px;padding:475px 0 0 0;position:relative;}
div.swiper-button-white{width:66px;height:150px;background:rgba(41,25,10,0.7);position:absolute;top:50%;margin-top:-275px;display:none;}
span.getSkill{width:160px;height:36px;line-height:36px;text-align:center;font-size:20px;color:#ffffff;background:rgba(0,0,0,0.7);border-radius:6px;position:absolute;z-index:1;top:247px;right:0;}
a.showSkill{width:502px;height:282px;position:absolute;top:0;left:0;}
div#skillPre{left:15px;}
div#skillNext{right:15px;}
div#skillPages{width:100%;height:100px;background:url(../images/bg_dots.png) no-repeat center;position:absolute;z-index:2;top:330px;left:0;}
p.skillInfo{font-size:20px;color:#eaa888;line-height:36px;padding-top:50px;}
p.skillInfo span{width:100%;text-align:center;font-size:34px;line-height:50px;color:#ff4c22;}
.swiper-slide{position:relative;}
span.showGifInfo{width:180px;height:60px;line-height:60px;text-align:center;font-size:24px;color:#fff;border-radius:6px;background:rgba(0,0,0,0.8);position:absolute;top:259px;right:0;-webkit-animation:flash 5s linear infinite;}


div.main_4 >p{padding-left:160px;padding-right:10px;}
p.sp1{padding-top:622px;}
p.sp2{padding-top:33px;}
div.main_4 >img{position:absolute;top:210px;left:58px;}
div.main_4 >span,div.main_5 >span{font-size:18px;color:#6993a6;position:absolute;left:120px;}
div.main_4 >span{top:570px;}
div.main_5 >p{padding-left:160px;padding-right:10px;}
p.dp1{padding-top:620px;}
p.dp2{padding-top:31px;}
div.main_5 >a{display:block;width:524px;height:350px;position:absolute;top:210px;left:58px;}
div.main_5 >a span{display:block;width:150px;height:35px;line-height:37px;text-align:center;color:#fff;font-size:20px;position:absolute;bottom:0;right:0;}
div.main_5 >span{top:570px;}
div.main_6 >p{padding:173px 0  0 311px;}
div.main_6 >a{width:560px;height:680px;position:absolute;top:242px;left:40px;}

div.main_4 a{width:530px;height:300px;position:absolute;top:275px;left:55px;}
img.vdicon{position:absolute;top:106px;left:221px;}
img.vi1{-webkit-animation:btnRotate 3s linear infinite;}
div.activityBox{width:280px;height:180px;font-size:28px;line-height:28px;text-indent:45px;color:#ff4c22;position:absolute;}
div.activityBox p{font-size:20px;color:#eaa888;text-align:left;text-indent:0;line-height:36px;padding:15px 15px 0 15px;}
div.ab1,div.ab2{top:247px;}
div.ab3,div.ab4{top:607px;}
div.ab1,div.ab3{left:40px;}
div.ab2,div.ab4{left:340px;}
#footer{width:100%;text-align:center;line-height:30px;color:#657292;font-size:20px;background:#180b06;padding:20px 0;}
#footer span{font-size:20px;line-height:30px;}

/*=====================================弹窗=============================================*/
a.closePopup{display:block;width:37px;height:37px;background:url(../images/close.png) no-repeat center;position:absolute;top:-15px;right:-40px;}
#backgroundPopup{width:100%;height:100%;color:#fff;background:rgba(0,0,0,0.8);line-height:45px;text-align:center;position:fixed;z-index:5;top:0;left:0;display:none;}
/*视频*/
div#popupVideo{width:640px;height:360px;position:fixed;z-index:100;top:50%;margin-top:-180px;left:50%;margin-left:-320px;display:none;}
video#gVideo{position:absolute;top:0;left:0;}
/*技能*/
div#skillPopup,div#popupGif{width:526px;height:350px;position:fixed;z-index:10;top:50%;margin-top:-175px;left:50%;margin-left:-263px;display:none;};}

div.gifbox{width:510px;height:318px;position:fixed;z-index:10;top:50%;margin-top:-159px;left:50%;margin-left:-255px;display:none;}


@-webkit-keyframes btnRotate{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@keyframes btnRotate{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@-webkit-keyframes flash{0%,100%,50%{opacity:0}25%,75%{opacity:1}}
@keyframes flash{0%,100%,50%{opacity:0}25%,75%{opacity:1}}

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