.height_screen{position:relative;overflow:hidden;width:640px;text-align:center}
.index_step1{background:#ffd000}
.index_logo{position:relative;left:145px;top:240px;width:311px;height:370px}
.index_ani2{position:absolute;left:301px;bottom:29px;width:36px;z-index:1;animation:1s suofang infinite linear alternate;-webkit-animation:1s suofang infinite linear alternate}
.index_ani3{position:absolute;left:420px;bottom:20px;width:26px;z-index:1;animation:2s suofang infinite linear alternate;-webkit-animation:2s suofang infinite linear alternate}
.index_ani1{position:absolute;bottom:87px;left:113px;width:30px;animation:1s height1 infinite linear alternate;-webkit-animation:1s height1 infinite linear alternate}
.index_ani{position:absolute;bottom:4px;right:0;width:110px;animation:2s rotateZZZ infinite linear;-webkit-animation:2s rotateZZZ infinite linear}
.clock{z-index:1;width:24px;height:24px;position:absolute;left:199px;bottom:100px}
.clockr{left:237px}
.clock1{width:6px;height:2px;background:#282828;position:absolute;margin-top:10px;margin-left:6px;transform-origin:right center;-webkit-transform-origin:right center;animation:6s rotateZZZ infinite linear;-webkit-animation:6s rotateZZZ infinite linear}
.clock2{width:10px;height:1px;background:#282828;position:absolute;margin-top:11px;margin-left:2px;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}
.shine2{width:187px;height:109px;background:url(http://ddkj-video.oss-cn-beijing.aliyuncs.com/offical/m/shine2.png) no-repeat;position:absolute;left:71px;bottom:1px;-webkit-animation:shine2 3s steps(2) 1 0s;animation:shine2 3s steps(2) 1 0s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
.round0{animation:1s rotateZZZ;-webkit-animation:1s rotateZZZ;transform-origin:center 214px;-webkit-transform-origin:center 214px}
.round1{animation:1s rotateZZ;-webkit-animation:1s rotateZZ;transform-origin:center 214px;-webkit-transform-origin:center 214px}
.index_logo1{position:absolute;left:145px;margin-top:-148px;width:311px;height:369px}
.logo_img1{position:absolute;left:0;top:0}
.logo_img2{position:absolute;left:0;top:0}
.index_logo2{position:absolute;left:123px;margin-top:-127px; width: 311px; height: 369px; display: none;}
.index_bottom{position:absolute;bottom:0;left:0;width:640px}
.nav_bth{position:fixed;z-index:1;margin-top:41px;margin-left:525px;width:80px;height:80px;cursor:pointer}
.shadow_nav{position:fixed;top:0;right:-444px;z-index:5;width:444px;height:100%}
.shadow_1{width:100%;height:100%;background:#282828;opacity:.98}
.nav_1{position:absolute;top:0;right:0;width:444px;height:100%}
.nav_bth2{position:absolute;top:41px;left:31px}
.nav_detail{position:absolute;top:68px;right:65px;width:276px;text-align:right}
.nav_detail li{margin-bottom:40px;border-right:3px solid #ffd000}
.nav_detail li a{display:block;padding-right:46px;color:#ffd000;font-size:36px}
.nav_erwei{position:absolute;right:48px;bottom:130px}
.nav_info{position:absolute;right:48px;bottom:52px;color:#ffd000;text-align:right;letter-spacing:1px;font-size:18px;line-height:30px}
.index_top2{width:640px}
.index_ball{margin-top:50px}
.index_about{margin-top:50px;margin-bottom:15px}
.index_ani4{width:21px;z-index:-1px;position:absolute;top:0;left:23px;animation:1s height2 infinite linear alternate;-webkit-animation:1s height2 infinite linear alternate}
.shine1{width:14px;height:95px;background:url(http://ddkj-video.oss-cn-beijing.aliyuncs.com/offical/m/shine1.png) no-repeat;position:absolute;top:4px;left:178px;-webkit-animation:shine1 3s steps(2) 1 0s;animation:shine1 3s steps(2) 1 0s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
.index_step2 h3{margin-bottom:55px;color:#ffd000;font-weight:400;font-size:18px}
.about{margin-bottom:75px;color:#282828;font-size:18px;line-height:35px}
.about_scroll{overflow-y:scroll;max-height:318px}
.about p{display:none;margin-top:30px}
.more{margin:0 auto;margin-bottom:150px;padding:10px 0;width:60px}
.mar_bo{margin-bottom:20px}
.about_bo{position:absolute;bottom:0;left:0}
.wu{position:absolute;bottom:0;right:-540px;width:450px;animation:5s wu infinite linear;-webkit-animation:5s wu infinite linear}
.computer{margin-top:130px;margin-bottom:50px}
.riqi{margin:13px 0 14px 0;color:#ffd000;letter-spacing:1px;font-size:18px}
.index_new{position:relative;overflow:hidden;margin-top:10px;width:640px;height:540px;background:url(http://ddkj-video.oss-cn-beijing.aliyuncs.com/offical/m/new_bg.png) no-repeat left 65px;text-align:center}
.index_new li{width:640px;height:471px;background:url(http://ddkj-video.oss-cn-beijing.aliyuncs.com/offical/m/h_11.png) no-repeat center}
.index_new li a{display:block;color:#fff;font-size:18px}
.index_new img{margin-left:0;width:373px;height:180px}
.content_new{margin-top:16px;margin-left:102px;width:470px;height:90px;letter-spacing:1px;line-height:26px}
.index_newimg{margin-top:142px}
.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{position:absolute;top:52px;left:262px;z-index:2}
.como_1{position:absolute;top:200px;left:130px;z-index:2}
.index_step4 p{margin-top:240px;color:#FFD000;letter-spacing:1px;font-size:18px}
.index_pinpai{position:relative;margin:85px auto auto auto;width:588px;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}
.index_pinpai .hd li.on{background:#FFD000;color:#FFD000}
.index_step4 hr{position:absolute;width:100%}
.pinpai_bo{position:absolute;bottom:0;left:0}
.pinpai_bo1{bottom:0;animation:1s height4 infinite linear alternate;-webkit-animation:1s height4 infinite linear alternate}
.pinpai_bo2{bottom:-60px;animation:1s height3 infinite linear alternate;-webkit-animation:1s height3 infinite linear alternate}
.index_step5{background:#282828}
.index_contact{margin-top:100px}
.index_need{margin-top:50px;margin-bottom:40px}
.need{margin-bottom:45px;color:#FFD000;letter-spacing:1px;font-size:18px}
.text{color:#fff;font-size:24px;line-height:34px}
.text p{margin-top:10px}
.zp_bo{position:absolute;bottom:-3px;left:0}
.index_step6{position:relative;height:430px;background:#fff}
.backtop{width: 80px; height: 80px; position:fixed;right:46px;bottom:160px; background: url(http://ddkj-video.oss-cn-beijing.aliyuncs.com/offical/m/icon_8.png) no-repeat;}
.text_center{margin-top:55px;text-align:center}
.contat_index{background:url(http://ddkj-video.oss-cn-beijing.aliyuncs.com/offical/m/contact/contat.png) no-repeat center;color:#282828;font-size:18px;line-height:30px}
.contat_index ul{padding-top:15px}
.cnt_le{padding-right:20px;width:250px;height:115px;background:url(http://ddkj-video.oss-cn-beijing.aliyuncs.com/offical/m/contact/bac.png) no-repeat right center;text-align:right}
.cnt_r{padding-left:20px;width:250px;height:115px;background:url(http://ddkj-video.oss-cn-beijing.aliyuncs.com/offical/m/contact/bac.png) no-repeat left center;text-align:left}
.ani1{position:absolute;top:200px;left:-103px;animation:3s rightmove infinite 1s linear;-webkit-animation:3s rightmove 1s infinite linear}
.ani2{position:absolute;top:650px;left:640px;animation:4s leftmove infinite 2s linear;-webkit-animation:4s leftmove 2s infinite linear}
.ani3{position:absolute;bottom:180px;left:-103px;animation:6s rightmove infinite 1s ease-out;-webkit-animation:6s rightmove 1s infinite ease-out}
.ani16{position:absolute;top:155px;left:0;animation:8s rotateZZ infinite .3s linear;-webkit-animation:8s rotateZZ .3s infinite linear}
.ani4{position:absolute;top:275px;left:0}
.ani5{position:absolute;top:474px;left:-103px;animation:3s rightmove infinite 1s linear;-webkit-animation:3s rightmove 1s infinite linear}
.ani6{position:absolute;bottom:111px;left:640px;animation:2s leftmove infinite .5s linear;-webkit-animation:2s rightmove .5s infinite linear}
.ani19{position:absolute;top:413px;left:-103px;animation:7s rightmove infinite 1s linear;-webkit-animation:7s rightmove 1s infinite linear}
.ani7{position:absolute;top:200px;left:-103px;animation:7s rightmove infinite .5s linear;-webkit-animation:7s rightmove .5s infinite linear}
.ani8{position:absolute;bottom:48px;left:-103px;animation:4s rightmove infinite .8s linear;-webkit-animation:4s rightmove .8s infinite linear}
.ani17{position:absolute;top:242px;left:640px;animation:2s leftmove infinite .8s linear;-webkit-animation:2s leftmove .8s infinite linear}
.ani9{position:absolute;top:337px;left:640px;animation:3s leftmove infinite .5s linear;-webkit-animation:3s leftmove .5s infinite linear}
.ani10{position:absolute;top:430px;left:-103px;animation:4s rightmove infinite .9s linear;-webkit-animation:4s rightmove .9s infinite linear}
.ani11{position:absolute;top:228px;left:-103px;animation:3.5s rightmove infinite .4s linear;-webkit-animation:3.5s rightmove .4s infinite linear}
.ani18{position:absolute;top:700px;left:640px;animation:6s leftmove infinite .4s linear;-webkit-animation:6s leftmove .4s infinite linear}
.ani12{position:absolute;top:190px;left:-103px;animation:3.5s rightmove infinite .5s linear;-webkit-animation:3.5s rightmove .5s infinite linear}
.ani13{position:absolute;top:288px;left:-103px;animation:3s rightmove infinite 1s linear;-webkit-animation:3s rightmove 1s infinite linear}
.ani14{position:absolute;top:486px;left:640px;animation:4s leftmove infinite .5s linear;-webkit-animation:4s leftmove .5s infinite linear}
.ani15{position:absolute;bottom:155px;left:-103px;animation:5s rightmove infinite .3s linear;-webkit-animation:5s rightmove .3s infinite linear}
.rightmove{animation:1s rightmove;-webkit-animation:1s rightmove}
@-webkit-keyframes rightmove{0%{-webkit-transform:translate3d(-103px,0,0);transform:translate3d(-103px,0,0)}
100%{-webkit-transform:translate3d(800px,0,0);transform:translate3d(800px,0,0)}
}
@keyframes rightmove{0%{-webkit-transform:translate3d(-103px,0,0);transform:translate3d(-103px,0,0)}
100%{-webkit-transform:translate3d(800px,0,0);transform:translate3d(800px,0,0)}
}
@-webkit-keyframes leftmove{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(-800px,0,0);transform:translate3d(-800px,0,0)}
}
@keyframes leftmove{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(-800px,0,0);transform:translate3d(-800px,0,0)}
}
@-webkit-keyframes qingxie{0%{bottom:80px;left:0}
100%{bottom:800px;left:640px}
}
@keyframes qingxie{0%{bottom:80px;left:0}
100%{bottom:800px;left:640px}
}
.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)}
}
.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)}
}
.scale1{animation:1s scale1;-webkit-animation:1s scale1}
@-webkit-keyframes scale1{0%{transform:scale(1);-webkit-transform:scale(1)}
50%{transform:scale(1.2);-webkit-transform:scale(1.2)}
100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scale1{0%{transform:scale(1);-webkit-transform:scale(1)}
50%{transform:scale(1.2);-webkit-transform:scale(1.2)}
100%{transform:scale(1);-webkit-transform:scale(1)}
}
.rotateZZZ{animation:1s rotateZZZ;-webkit-animation:1s rotateZZZ}
@-webkit-keyframes rotateZZZ{0%{transform:rotateZ(0)}
100%{transform:rotateZ(360deg)}
}
@keyframes rotateZZZ{0%{transform:rotateZ(0)}
100%{transform:rotateZ(360deg)}
}
@-webkit-keyframes height1{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0)}
}
@keyframes height1{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0)}
}
@-webkit-keyframes height2{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
}
@keyframes height2{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
}
@-webkit-keyframes height3{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}
}
@keyframes height3{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}
}
@-webkit-keyframes height4{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}
}
@keyframes height4{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}
}
@-webkit-keyframes suofang{0%{transform:scale(1)}
100%{transform:scale(.8)}
}
@keyframes suofang{0%{transform:scale(1)}
100%{transform:scale(.8)}
}
@keyframes shine1{100%{background-position:-28px 0}
}
@-webkit-keyframes shine1{100%{background-position:-28px 0}
}
@keyframes shine2{100%{background-position:-374px 0}
}
@-webkit-keyframes shine2{100%{background-position:-374px 0}
}
@-webkit-keyframes wu{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 wu{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}