.height_screen{position:relative;width:100%;height: 100%;text-align:center;overflow: hidden;}
.index_step1{background:#ffd000}
/*nav*/
.nav_logo{z-index: 1; position:absolute;left: 80px;top: 60px;width: 200px;}
.nav_bth{position:fixed;z-index:10;width: 60px;right: 50px;top: 46px;cursor:pointer}
.index_logo,.index_logo1{width:345px;height: 410px;margin-top: 170px;}
.index_bottom{width:1920px;position:absolute;left:0;bottom:0px; z-index: 2;}
/*分类页*/
.shadow_nav{position:fixed;top:0;right:-100%;z-index:20;width:100%;height:100%}
.nav_logo2{position:absolute;width: 200px;left: 80px;top: 60px;}
.nav_bth2{position:absolute;width: 60px;right: 50px;top: 46px;cursor:pointer}
.shadow_1{width:100%;height:100%;background:#282828;opacity:.98}
.nav_1{position:absolute;top:0;right:0;width:100%;height:100%}
.nav_detail{width: 1100px;height: 400px;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;}
.nav_detail li{width: 230px;height: 170px;background: url(../Images/bg_navli.png) no-repeat;background-size: 100% 100%;float: left;margin-right: 35px;}
.nav_detail li:nth-of-type(5){margin-left: 120px;}
.nav_detail li:nth-of-type(n+5){margin-top: 80px;}
.nav_detail li a{display:block;color:#ffd000;font-size:36px;line-height: 170px;text-align: center;}
.nav_erwei{position:absolute;right:48px;bottom:130px;width: 86px;height: 86px;}
.nav_info{text-align: center;font-size:18px;line-height:30px;width: 100%; position: absolute;left: 0;top: 800px;color: #FFD000;}
.rotateZZ{animation:1s rotateZZ;-webkit-animation:1s rotateZZ}
@-webkit-keyframes rotateZZ{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
100%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg)}
}
@keyframes rotateZZ{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
100%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg)}
}
.sstep1{position: absolute; left: 286px; bottom: 15px;animation:2s rotateZZ linear infinite;-webkit-animation:2s rotateZZ linear infinite;}
.clock{z-index: 3; width: 32px; height: 32px; position: absolute; left: 728px; bottom: 160px;}
.clockr{left: 775px;}
.clock1{width: 10px; height: 2px; background: #282828; position: absolute; margin-top:15px; margin-left: 7px; transform-origin: right center; -webkit-transform-origin: right center; animation:6s rotateZZZ infinite linear;-webkit-animation:6s rotateZZZ infinite linear;}
.clock2{width: 13px; height: 1px; background: #282828; position: absolute; margin-top:16px; margin-left: 4px; transform-origin: right center; -webkit-transform-origin: right center; animation:1s rotateZZZ infinite linear;-webkit-animation:1s rotateZZZ infinite linear;}
.clock3{transform-origin: right center; -webkit-transform-origin: right center; animation:4s rotateZZZ infinite linear;-webkit-animation:4s rotateZZZ infinite linear;}
.clock4{ transform-origin: right center; -webkit-transform-origin: right center; animation:2s rotateZZZ infinite linear;-webkit-animation:2s rotateZZZ infinite linear;}
.sstep2{position: absolute; left: 502px; bottom: 21px;animation:3s sstep2 linear infinite;-webkit-animation:3s sstep2 linear infinite;}
@-webkit-keyframes sstep2{0%{left: 502px;}
100%{left: 769px;}
}
@keyframes sstep2{0%{left: 502px;}
100%{left: 769px;}
}
.rotateYY{animation:1s rotateYY;-webkit-animation:1s rotateYY;}
@-webkit-keyframes rotateYY{0%{transform:rotateY(0);-webkit-transform:rotateY(0)}
100%{transform:rotateY(360deg);-webkit-transform:rotateY(360deg)}
}
@keyframes rotateYY{0%{transform:rotateY(0);-webkit-transform:rotateY(0)}
100%{transform:rotateY(360deg);-webkit-transform:rotateY(360deg)}
}
.sstep3{position: absolute; left: 1232px; bottom: 103px;}
.sstep4{position: absolute; left: 867px; bottom: 37px; width: 47px; z-index: 5;animation:1s sstep4 linear infinite alternate;-webkit-animation:1s sstep4 linear infinite alternate;}
.sstep5{position: absolute; left: 1017px; bottom: 30px; width: 34px; z-index: 5;animation:1s sstep5 linear infinite alternate;-webkit-animation:1s sstep5 linear infinite alternate;transform: scale(1.1); -webkit-transform: scale(1.1);}
.sstep6{position: absolute; left: 1700px; bottom: 111px; z-index: 5;animation:3s rotateYY linear infinite;-webkit-animation:3s rotateYY linear infinite;transform-origin: 10px center; -webkit-transform-origin: 10px center;}
@-webkit-keyframes sstep4{0%{transform: scale(1); -webkit-transform: scale(1);}
100%{transform: scale(1.1); -webkit-transform: scale(1.1);}
}
@keyframes sstep4{0%{transform: scale(1); -webkit-transform: scale(1);}
100%{transform: scale(1.1); -webkit-transform: scale(1.1);}
}
@-webkit-keyframes sstep5{0%{transform: scale(1.1); -webkit-transform: scale(1.1);}
100%{transform: scale(1); -webkit-transform: scale(1);}
}
@keyframes sstep5{0%{transform: scale(1.1); -webkit-transform: scale(1.1);}
100%{transform: scale(1); -webkit-transform: scale(1);}
}
/*第二屏*/
.index_top2{width:1920px; position: absolute; top: 0; left: 0;}
.index_ball{width: 120px;margin-top: 215px}
.index_about{width: 200px;margin: 50px 0 30px 0;}
.index_step2 h3{margin-bottom:55px;color:#ffd000;font-weight:400;font-size:18px}
.about{margin-bottom:75px;width: 500px;}
.more{margin:0 auto;margin-bottom:150px;}
.mar_bo{height: 20px;margin-bottom:20px}
.mar_dri{width: 20px;margin-right: 5px;}
.about_bo{position:absolute;bottom:0;left:0;width: 100%;height: 120px;}
.about_bo1{position: absolute;bottom: 0;right: -980px;width: 980px;height: 35px;animation:4s leftmove2 infinite .5s linear;-webkit-animation:4s leftmove2 .5s infinite linear}
.sstep7{position: absolute; left:16px; top: 0;animation:1s sstep7 linear infinite alternate;-webkit-animation:1s sstep7 linear infinite alternate;}
@-webkit-keyframes sstep7{0%{top: 0;}
100%{top: -43px;}
}
@keyframes sstep7{0%{top: 0;}
100%{top: -43px;}
}
.sstep8{position: absolute; left:217px; top: -37px;animation:1.5s sstep8 linear infinite alternate;-webkit-animation:1.5s sstep8 linear infinite alternate;}
@-webkit-keyframes sstep8{0%{top: -37px;}
100%{top: 0;}
}
@keyframes sstep8{0%{top: -37px;}
100%{top: 0;}
}
/*第三屏*/
.computer{width: 122px; margin-top:130px;margin-bottom:50px}
.riqi{margin:13px 0 14px 0;color:#ffd000;letter-spacing:1px;font-size:18px}
.index_new{position:relative;margin-top:10px;width:100%;height:540px;background: url(../Images/new_bg.png) repeat-x 0 20px;overflow:hidden;}
.index_new .bd{width: 1042px; margin: 0 auto;}
.index_new li{width:1042px;height:490px;background:url(../Images/h_11.png) no-repeat center 0;position: relative;}
.index_new li a{display:block;color:#fff;font-size:18px;margin-left: 58px;}
.index_new img{width:270px;height:130px}
/*轮播*/
.content_new{position:absolute;top: 240px;left: 390px; width:470px;height:90px;letter-spacing:1px;line-height:26px;text-align: center;}
.index_newimg{position: absolute;left: 120px;top: 210px;}
.index_new .hd{position:absolute;bottom:0;overflow:hidden;width:100%;color:#282828;text-align:center;text-indent:20px}
.index_new .hd ul{display:inline-block;color:#282828}
.index_new .hd li{display:inline-block;overflow:hidden;margin:0 6px;width:10px;height:10px;border-radius:5px;background:#282828;color:#282828}
.index_new .hd li.on{background:#FFD000;color:#FFD000}
/*第四屏*/
.pinpai_sig{width: 120px;margin-top:52px;}
.como_1{width: 380px;margin-top:50px;}
.index_step4 p{margin-top:24px;color:#FFD000;letter-spacing:1px;font-size:18px}
.index_pinpai{position:relative;margin:85px auto 200px auto;width:784px;height:500px;text-align:center;}
.index_pinpai .bd ul{float:left;padding-top:10px;width:100%}
.index_pinpai .bd li{float:left;margin:18px 10px;width:176px;height:177px;background:url(http://ddkj-video.oss-cn-beijing.aliyuncs.com/offical/m/h_14.png);vertical-align:middle;text-align:center}
.index_pinpai .bd li:hover img{animation:1s rotateYY;-webkit-animation:1s rotateYY}
.index_pinpai .bd li img{margin-top:24px;width:129px;height:129px}
.index_pinpai .hd{position:absolute;bottom:0;overflow:hidden;width:100%;text-align:center}
.index_pinpai .hd ul{display:inline-block}
.index_pinpai .hd li{display:inline-block;overflow:hidden;margin:0 6px;width:10px;height:10px;border-radius:5px;background:#282828;color:#282828; cursor: pointer;}
.index_pinpai .hd li.on{background:#FFD000;color:#FFD000}
.index_step4 hr{position:absolute;width:100%}
.pinpai_bo{width: 100%;height: 150px; position:absolute;bottom:0;left:0}
.rotateYY{animation:1s rotateYY;-webkit-animation:1s rotateYY}
/*第五屏*/
.index_step5{background:#282828}
.index_contact{width: 60px; margin-top:100px}
.index_need{width: 230px; margin-top:50px;margin-bottom:40px}
.need{margin-bottom:45px;color:#FFD000;letter-spacing:1px;font-size:18px}
.step5_1{width: 1107px;height: 630px;position: absolute;top: 420px;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.step5_2{width: 100%;height: 500px;position: absolute;top: 650px;left: 0;}
.step5_div{width: 280px;height: 90px;z-index: 10;position: absolute;top: 530px;left: 0;right: 0;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content:space-between;}
.step5_div img{width: 75px;height: 88px;}
.step5_div img:hover{animation:1s rotateYY;-webkit-animation:1s rotateYY}
.backtop{position:fixed;right:46px;bottom:160px;cursor:pointer;z-index: 10;}
/**/
.ani1{width: 35px; position:absolute;top:200px;left:-35px;animation:7s rightmove infinite .5s linear;-webkit-animation:7s rightmove .5s infinite linear}
.ani2{width: 103px; position:absolute;top:650px;right: -103px;animation:4s leftmove infinite 2s linear;-webkit-animation:4s leftmove 2s infinite linear}
.ani3{width: 32px; position:absolute;bottom:180px;left:-32px;animation:6s rightmove infinite 1s ease-out;-webkit-animation:6s rightmove 1s infinite ease-out}
.ani16{width: 640px; position:absolute;top:70px;left:0;right: 0;margin: 0 auto; animation:8s rotateZZ infinite .3s linear;-webkit-animation:8s rotateZZ .3s infinite linear}
.ani4{position:absolute;top:275px;left:0;}
.ani5{width: 103px; position:absolute;top:474px;left:-103px;animation:3s rightmove infinite 1s linear;-webkit-animation:3s rightmove 1s infinite linear}
/*.ani6{width: 103px; position:absolute;bottom:111px;right: -103px;animation:2s leftmove infinite .5s linear;-webkit-animation:2s leftmove .5s infinite linear}*/
.ani7{width: 103px; position:absolute;top:200px;left:-103px;animation:7s rightmove infinite .5s linear;-webkit-animation:7s rightmove .5s infinite linear}
.ani8{width: 103px; position:absolute;bottom:48px;left:-103px;animation:4s rightmove infinite .8s linear;-webkit-animation:4s rightmove .8s infinite linear}
.ani17{width: 36px; position:absolute;top:242px;right: -103px;animation:2s leftmove infinite .8s linear;-webkit-animation:2s leftmove .8s infinite linear}
.ani19{width: 31px; position:absolute;top:413px;left:-103px;animation:7s rightmove infinite 1s linear;-webkit-animation:7s rightmove 1s infinite linear}
.ani9{width: 35px; position:absolute;top:337px;right: -103px;animation:3s leftmove infinite .5s linear;-webkit-animation:3s leftmove .5s infinite linear}
.ani10{width: 103px; position:absolute;top:430px;left:-103px;animation:4s rightmove infinite .9s linear;-webkit-animation:4s rightmove .9s infinite linear}
.ani11{width: 103px; position:absolute;top:228px;left:-103px;animation:3.5s rightmove infinite .4s linear;-webkit-animation:3.5s rightmove .4s infinite linear}
.ani18{width: 103px; position:absolute;top:700px;right: -103px;animation:6s leftmove infinite .4s linear;-webkit-animation:6s leftmove .4s infinite linear}
/*第五屏动画*/
.ani12{width: 75px;position:absolute;top:50px;right:-103px;animation:1.5s slope infinite .5s linear;-webkit-animation:1.5s slope .5s infinite linear}
.ani13{width: 55px;position:absolute;top:250px;right:-103px;animation:2.5s slope infinite 1s linear;-webkit-animation:2.5s slope 1s infinite linear}
.ani14{width: 45px;position:absolute;top:300px;right: -103px;animation:4s slope infinite 2s linear;-webkit-animation:4s slope 2s infinite linear}
.ani15{width: 50px;position:absolute;top:85px;left:-103px;animation:3.5s rightmove infinite .3s linear;-webkit-animation:3.5s rightmove .3s infinite linear}
.ani20{width: 50px;position:absolute;top:180px;right:-103px;animation:5s leftmove infinite .3s linear;-webkit-animation:5s leftmove .3s infinite linear}
.ani21{width: 75px; position:absolute;top:300px;left:-103px;animation:3s rightmove infinite .3s linear;-webkit-animation:3s rightmove .3s infinite linear}
.ani22{width: 35px; position:absolute;top:350px;left:-103px;animation:2s rightmove infinite 1s linear;-webkit-animation:2s rightmove 1s infinite linear}
.plane_aa{z-index:10; position: absolute;left: 0;top: 0;}
.plane_a{position: absolute;top: 185px;left: 225px;transform-origin: right top;-webkit-transform-origin: right top;animation:2s aa1 infinite 1s linear;-webkit-animation:2s aa1 infinite 1s linear;}
.plane_a2{position: absolute;top: 185px;left: 710px;transform-origin: left top;animation:2s aa2 infinite 1s linear;-webkit-transform-origin: left top;animation:2s aa2 infinite 1s linear;}
.plane_a3{position: absolute;top: -22px;left: -95px;animation:1.5s aa3 infinite 1s linear;-webkit-animation:1.5s aa3 infinite 1s linear;}
.plane_a4{position: absolute;top: -22px;left: 757px;animation:1.5s aa3 infinite 1s linear;-webkit-animation:1.5s aa3 infinite 1s linear;}
.plane_a5{position: absolute;top: 33px;left: 188px;animation:1.5s aa3 infinite 1s linear;-webkit-animation:1.5s aa3 infinite 1s linear;}
.plane_a6{position: absolute;top: 33px;left: 615px;animation:1.5s aa3 infinite 1s linear;-webkit-animation:1.5s aa3 infinite 1s linear;}
.plane_a7{z-index: 11; position: absolute;top: 142px;left: 440px;}
.plane_a8{z-index: 11; position: absolute;top: 142px;left: 518px;}
.plane_a9{z-index: 11; position: absolute;top: 142px;left: 595px;}
			
@keyframes aa1{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
50%{-webkit-transform:rotateZ(20deg);transform:rotateZ(20deg)}
100%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
}
@-webkit-keyframes aa1{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
50%{-webkit-transform:rotateZ(20deg);transform:rotateZ(20deg)}
100%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
}
@keyframes aa2{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
50%{-webkit-transform:rotateZ(-20deg);transform:rotateZ(-20deg)}
100%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
}
@-webkit-keyframes aa2{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
50%{-webkit-transform:rotateZ(-20deg);transform:rotateZ(-20deg)}
100%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
}
@keyframes aa3{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
}
@-webkit-keyframes aa3{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
}
@keyframes aa4{0%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity: 1;}
100%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity: 0;}
}
@-webkit-keyframes aa4{0%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity: 1;}
100%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity: 0;}
}


@-webkit-keyframes slope{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(-2000px,700px,0);transform:translate3d(-2000px,700px,0)}
}
@keyframes slope{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(-2000px,700px,0);transform:translate3d(-2000px,700px,0)}
}
@-webkit-keyframes slope2{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(2000px,700px,0);transform:translate3d(2000px,700px,0)}
}
@keyframes slope2{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(2000px,700px,0);transform:translate3d(2000px,700px,0)}
}
@-webkit-keyframes rightmove{0%{-webkit-transform:translate3d(-103px,0,0);transform:translate3d(-103px,0,0)}
100%{-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes rightmove{0%{-webkit-transform:translate3d(-103px,0,0);transform:translate3d(-103px,0,0)}
100%{-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@-webkit-keyframes leftmove{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes leftmove{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@-webkit-keyframes leftmove2{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(-4000px,0,0);transform:translate3d(-4000px,0,0)}
}
@keyframes leftmove2{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(-4000px,0,0);transform:translate3d(-4000px,0,0)}
}
@-webkit-keyframes rotateYY{0%{transform:rotateY(0)}
100%{transform:rotateY(360deg)}
}
@keyframes rotateYY{0%{transform:rotateY(0)}
100%{transform:rotateY(360deg)}
}
@-webkit-keyframes rotateZZZ{0%{transform:rotateZ(0);-webkit-transform:rotateZ(0);}
100%{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);}
}
@keyframes rotateZZZ{0%{transform:rotateZ(0);-webkit-transform:rotateZ(0);}
100%{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);}
}
/*footer*/
.footer{position: relative; margin-top: -83px; width: 100%;height: 300px;background: url(../Images/bg_foot.png) no-repeat;background-size: cover;}
.foot_content{width: 1200px;height: 150px;position: absolute;left: 0;right: 0;top: 120px; margin: 0 auto;}
.foot_font1{font-size: 16px;color: #FFD000;}
.foot_ul{margin: 20px 0 15px -16px;}
.foot_ul li{float: left;padding: 0 16px;border-right: 2px solid white;}
.foot_ul li a{font-size: 16px;color: white;}
.foot_ul li a:hover{color: rgba(255,255,255,.6);}
.foot_font2{font-size: 16px;color: rgba(255,255,255,.6);}
.foot_erweima{width: 132px;height: 132px;position: absolute;right: 0;top: 0;}