@import url(/web/20171022144957cs_/http://www.bjmoses.com.cn/img/animate.css); @font-face { font-family: 'TrajanProRegular'; src: url('http://www.bjmoses.com.cn/img/trajanpro-regular.eot'); src: url('http://www.bjmoses.com.cn/img/trajanpro-regular.eot') format('embedded-opentype'), url('http://www.bjmoses.com.cn/img/trajanpro-regular.ttf') format('truetype'), url('http://www.bjmoses.com.cn/img/trajanpro-regular.svg#TrajanProRegular') format('svg'); } body { color:#767B7E; font-size:12px; font-family:"Arial","宋体"; } html{ overflow-y:scroll;} form,div,body,img,p,img,dl,dt,dd,h2,h1,h3,h5{ margin:0px; padding:0px; border:0; } a:link{ color:#767B7E; text-decoration:none; behavior:url(http://www.bjmoses.com.cn/scripts/blur.htc);} a:visited{ color:#5A5A5A; text-decoration:none;} a:hover{ color:#C3D821; text-decoration:none;} a:focus { -moz-outline-style: none; } a:active{ outline:none; text-decoration:none;} em,i{ font-style:normal; } ul,li{ list-style:none; margin:0; padding:0;} input,textarea,select{ color:#333; margin:0; padding:0; font-size:12px; font-family:Arial; vertical-align:middle;} input:focus,textarea:focus{ outline:none;} /*删除火狐下按钮默认样式*/ input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; } /*浮动*/ .clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; } .clearboth{ *zoom:1;} .FL{ float:left;} .FR{ float:right;} /*字号*/ .f10 { -webkit-text-size-adjust:none; font-size:0.625em; } .f11 { -webkit-text-size-adjust:none; font-size:11px;} .f12 { font-size:0.75em; } .f13{ font-size:0.8125em;} .f14 { font-size:0.875em;} .f15 { font-size:0.9375em;} .f16 { font-size:1em; } .f18{ font-size:1.125em;} .f20{ font-size:1.25em;} .f24{ font-size:1.5em;} .f30{ font-size:1.875em;} /*字体*/ .arial { font-family:Arial;} .yahei { font-family:"microsoft yahei";} .song { font-family:"宋体";} /*上下间距*/ .mb5{ margin-bottom:5px;} .mb10{ margin-bottom:10px;} .mb15{ margin-bottom:15px;} .mb18{ margin-bottom:18px;} .mb20{ margin-bottom:20px;} .mb25{ margin-bottom:25px;} .mb30{ margin-bottom:30px;} .mb35{ margin-bottom:35px;} .mb40{ margin-bottom:40px;} .mb45{ margin-bottom:45px;} .mb50{ margin-bottom:50px;} .mb60{ margin-bottom:60px;} .mb80{ margin-bottom:80px;} /*链接*/ /*公用*/ .div100{ width:100%;} .text_l{ text-align:left;} .text_r{ text-align:right;} .text_c{ text-align:center;} .width{ width:960px; margin:0 auto; } .animate{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; } .formtext{ width:300px; border:1px solid #DFDEDE; border-radius:4px; padding:7px 6px; color:#777; font-size:12px; font-family:'Arial','宋体'; background:#fff; -moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .formtext:focus{ border:1px solid #ccc; color:#222; } .dashedLine{ display:block; height:1px; border-bottom:1px dashed #C2C2C2; overflow:hidden;} /*head*/ .head_bg{ background:rgba(255,255,255,0.8); position:fixed; top:0; left:0; width:100%; z-index:10; } .head{ width:1200px; margin:0 auto; height:45px; padding:1px 0 0px; } .head .logo{ width:260px; height:35px; overflow:hidden; text-indent:-999em; float:left; } .head .logo a{ display:block; height:35px; background:url(http://www.bjmoses.com.cn/imgs/logo.png) no-repeat; font-size:0; } .head .menu{ width:123px; height:25px; margin-top:10px; float:right; } .head .menu a{ display:block; height:25px; background:url(http://www.bjmoses.com.cn/imgs/menu.png) no-repeat; } .head .menu a:hover{ background-position:0 -25px; } .head .fanhuianniu{ font-size:14px; padding:5px 0px; background-color:#d0965e; font-weight:normal;top:10px; margin-left:720px; position:absolute; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } .head .fanhuianniu a{ color:#fff; padding:20px; font-family:"微软雅黑"; } .head .fanhuianniu:hover{ background-color:#deb083; } .sysjs{font-size:14px; padding:5px 0px; background-color:#d0965e; font-weight:normal;top:10px; margin-left:720px; position:absolute; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} .sysjs a{ color:#fff; padding:20px; font-family:"微软雅黑"; } .sysjs:hover{ background-color:#deb083; } /*section_a*/ .section_a{ position:relative; overflow:hidden; } .section_a .a_bg{ width:1920px; height:560px; position:absolute; top:50%; left:50%; margin:-280px 0 0 -960px; background:url(http://www.bjmoses.com.cn/imgs/a_bg.jpg) no-repeat center; } .section_a span{ display:block; } .section_a span.a_1{ width:314px; height:282px; position:absolute; top:330px; left:15px; } .section_a span.a_1 em{ display:block; height:282px; background:url(http://www.bjmoses.com.cn/imgs/a_4.png) no-repeat; } .section_a span.a_2{ width:141px; height:141px; background:url(http://www.bjmoses.com.cn/imgs/a_3.png) no-repeat; position:absolute; top:505px; right:140px; } .section_a span.a_3{ width:169px; height:169px; position:absolute; top:50px; left:395px; } .section_a span.a_3 em{ display:block; height:169px; background:url(http://www.bjmoses.com.cn/imgs/a_1.png) no-repeat; -moz-animation:rotate 16s linear 0s infinite; -webkit-animation:rotate 16s linear 0s infinite; animation:rotate 16s linear 0s infinite; } .section_a span.a_4{ width:266px; height:181px; position:absolute; top:95px; right:260px; } .section_a span.a_4 em{ display:block; height:181px; background:url(http://www.bjmoses.com.cn/imgs/a_2.png) no-repeat; } .section_a span.a_5{ width:829px; height:57px; background:url(http://www.bjmoses.com.cn/imgs/a_11.png) no-repeat; position:absolute; top:448px; left:545px; } .section_a span.a_6{ width:792px; height:41px; background:url(http://www.bjmoses.com.cn/imgs/a_12.png) no-repeat; position:absolute; top:506px; left:560px; } .section_a span.a_7{ width:695px; height:82px; background:url(http://www.bjmoses.com.cn/imgs/a_10.png) no-repeat; position:absolute; top:396px; left:613px; } .section_a span.a_8{ width:45px; height:70px; background:url(http://www.bjmoses.com.cn/imgs/a_8.png) no-repeat; position:absolute; top:384px; left:668px; } .section_a span.a_9{ width:70px; height:108px; background:url(http://www.bjmoses.com.cn/imgs/a_9.png) no-repeat; position:absolute; top:367px; right:677px; } .section_a span.a_10{ width:639px; height:112px; /*background:url(http://www.bjmoses.com.cn/imgs/a_7.png) no-repeat;*/ position:absolute; top:273px; left:682px; } .section_a span.a_10 em{ display:block; position:absolute; opacity:0; } .section_a span.a_10 em.item{ background:url(http://www.bjmoses.com.cn/imgs/a_10_1.png) no-repeat; width:46px; height:49px; } .section_a span.a_10 em.item2{ background:url(http://www.bjmoses.com.cn/imgs/a_10_2.png) no-repeat; width:49px; height:32px; top:80px; left:88px; } .section_a span.a_10 em.item3{ background:url(http://www.bjmoses.com.cn/imgs/a_10_3.png) no-repeat; width:61px; height:25px; top:45px; left:415px; } .section_a span.a_10 em.item4{ background:url(http://www.bjmoses.com.cn/imgs/a_10_4.png) no-repeat; width:60px; height:66px; top:0; left:580px; } @-moz-keyframes SlowDown{ 0%{ opacity:0; -moz-transform:translate3d(-200px,-400px,0) rotate(0); } 10%{ opacity:0; -moz-transform:translate3d(-160px,-360px,0) rotate(180deg); } 90%{ opacity:1; -moz-transform:translate3d(-20px,-20px,0) rotate(320deg); } 100%{ opacity:0; -moz-transform:translate3d(0,30px,0) rotate(360deg); } } @-webkit-keyframes SlowDown{ 0%{ opacity:0; -webkit-transform:translate3d(-200px,-400px,0) rotate(0); } 10%{ opacity:0; -webkit-transform:translate3d(-160px,-360px,0) rotate(180deg); } 90%{ opacity:1; -webkit-transform:translate3d(-20px,-20px,0) rotate(320deg); } 100%{ opacity:0; -webkit-transform:translate3d(0,30px,0) rotate(360deg); } } @keyframes SlowDown{ 0%{ opacity:0; transform:translate3d(-200px,-400px,0) rotate(0); } 10%{ opacity:0; transform:translate3d(-160px,-360px,0) rotate(180deg); } 90%{ opacity:1; transform:translate3d(-20px,-20px,0) rotate(320deg); } 100%{ opacity:0; transform:translate3d(0,30px,0) rotate(360deg); } } /*.section_a span.a_10 em{ display:block; height:112px; background:url(http://www.bjmoses.com.cn/imgs/a_7.png) no-repeat; }*/ .section_a span.a_11{ width:415px; height:50px; background:url(http://www.bjmoses.com.cn/imgs/a_5.png) no-repeat; position:absolute; top:-10px; left:755px; } .section_a span.a_12{ width:404px; height:37px; background:url(http://www.bjmoses.com.cn/imgs/a_5.png) no-repeat 0 -46px; position:absolute; top:34px; left:755px; } .section_a span.a_13{ width:404px; height:37px; background:url(http://www.bjmoses.com.cn/imgs/a_6.png) no-repeat center; position:absolute; top:75px; left:755px; } .arrow_style{ display:block; width:121px; height:44px; position:absolute; left:50%; bottom:25px; margin-left:-60px; } .arrow_style em{ display:block; height:44px; background:url(http://www.bjmoses.com.cn/imgs/arrow.png) no-repeat; } .section_a span.a_15{ width:291px; height:305px; position:absolute; left:50%; top:50%; margin:-110px 0 0 -131px; } .tree_1,.tree_2,.tree_3,.tree_4,.tree_5,.tree_6,.tree_7,.tree_8,.tree_9,.tree_10,.tree_11,.tree_12,.tree_13,.tree_14,.tree_15,.tree_16,.tree_17,.tree_18,.tree_19,.tree_20,.tree_21,.tree_22,.tree_23,.tree_24,.tree_25,.tree_26,.tree_27,.tree_28,.tree_29,.tree_30,.tree_31,.tree_32,.tree_33,.tree_34,.tree_35,.tree_36,.tree_37,.tree_38,.tree_39,.tree_40,.section_a span.a_1 em,.section_a span.a_2,.section_a span.a_3,.section_a span.a_4 em,.section_a span.a_5,.section_a span.a_6,.section_a span.a_7,.section_a span.a_8,.section_a span.a_9,.section_a span.a_11,.section_a span.a_12,.section_a span.a_13,.arrow_style{ opacity:0; } .no-cssanimations .section_a span.a_1 em,.no-cssanimations .section_a span.a_2,.no-cssanimations .section_a span.a_3,.no-cssanimations .section_a span.a_4 em,.no-cssanimations .section_a span.a_5,.no-cssanimations .section_a span.a_6,.no-cssanimations .section_a span.a_7,.no-cssanimations .section_a span.a_8,.no-cssanimations .section_a span.a_9,.no-cssanimations .section_a span.a_11,.no-cssanimations .section_a span.a_12,.no-cssanimations .section_a span.a_13,.no-cssanimations .arrow_style{ opacity:1; } .no-cssanimations .section_a span.a_15{ background:url(http://www.bjmoses.com.cn/imgs/tree.png) no-repeat; } .screen_cur span.a_1 em{ -moz-animation:fadeInUp 3s ease 2s forwards; -webkit-animation:fadeInUp 3s ease 2s forwards; animation:fadeInUp 3s ease 2s forwards; } .screen_cur span.a_1{ -moz-animation:UpDown2 3s linear 4s infinite; -webkit-animation:UpDown2 3s linear 4s infinite; animation:UpDown2 3s linear 4s infinite; } .screen_cur span.a_2{ -moz-animation:fadeInDown 3s ease 1s forwards; -webkit-animation:fadeInDown 3s ease 1s forwards; animation:fadeInDown 3s ease 1s forwards; } .screen_cur span.a_3{ -moz-animation:fadeIn 3s ease 1s forwards; -webkit-animation:fadeIn 3s ease 1s forwards; animation:fadeIn 3s ease 1s forwards; } .screen_cur span.a_4 em{ -moz-animation:fadeInLeft 1s ease 3.4s forwards; -webkit-animation:fadeInLeft 1s ease 3.4s forwards; animation:fadeInLeft 1s ease 3.4s forwards; } .screen_cur span.a_5{ -moz-animation:fadeInDown 1s ease 0.2s forwards; -webkit-animation:fadeInDown 1s ease 0.2s forwards; animation:fadeInDown 1s ease 0.2s forwards; } .screen_cur span.a_6{ -moz-animation:fadeIn 2s ease 0.7s forwards; -webkit-animation:fadeIn 2s ease 0.7s forwards; animation:fadeIn 2s ease 0.7s forwards; } .screen_cur span.a_7{ -moz-animation:fadeInRight 1s ease 1s forwards; -webkit-animation:fadeInRight 1s ease 1s forwards; animation:fadeInRight 1s ease 1s forwards; } .screen_cur span.a_8{ -moz-animation:fadeInRight 1s ease 1.5s forwards; -webkit-animation:fadeInRight 1s ease 1.5s forwards; animation:fadeInRight 1s ease 1.5s forwards; } .screen_cur span.a_9{ -moz-animation:fadeInRight 0.5s ease 1.5s forwards; -webkit-animation:fadeInRight 0.5s ease 1.5s forwards; animation:fadeInRight 0.5s ease 1.5s forwards; } /*.screen_cur span.a_10{ -moz-animation:UpDown2 4s linear 5s infinite; -webkit-animation:UpDown2 4s linear 5s infinite; animation:UpDown2 4s linear 5s infinite; } .screen_cur span.a_10 em{ -moz-animation:fadeInDown 2s ease 3s forwards; -webkit-animation:fadeInDown 2s ease 3s forwards; animation:fadeInDown 2s ease 3s forwards; }*/ .screen_cur span.a_10 em.item{ -moz-animation:SlowDown 5s linear 0s infinite; -webkit-animation:SlowDown 5s linear 0s infinite; animation:SlowDown 5s linear 0s infinite; } .screen_cur span.a_10 em.item2{ -moz-animation:SlowDown 5s linear 2s infinite; -webkit-animation:SlowDown 5s linear 2s infinite; animation:SlowDown 5s linear 2s infinite; } .screen_cur span.a_10 em.item3{ -moz-animation:SlowDown 5s linear 4s infinite; -webkit-animation:SlowDown 5s linear 4s infinite; animation:SlowDown 5s linear 4s infinite; } .screen_cur span.a_10 em.item4{ -moz-animation:SlowDown 5s linear 6s infinite; -webkit-animation:SlowDown 5s linear 6s infinite; animation:SlowDown 5s linear 6s infinite; } .screen_cur span.a_11{ -moz-animation:fadeInUp 1s ease 2s forwards; -webkit-animation:fadeInUp 1s ease 2s forwards; animation:fadeInUp 1s ease 2s forwards; } .screen_cur span.a_12{ -moz-animation:fadeInUp 1s ease 2.5s forwards; -webkit-animation:fadeInUp 1s ease 2.5s forwards; animation:fadeInUp 1s ease 2.5s forwards; } .screen_cur span.a_13{ -moz-animation:fadeInUp 1s ease 3s forwards; -webkit-animation:fadeInUp 1s ease 3s forwards; animation:fadeInUp 1s ease 3s forwards; } .screen_cur .arrow_style{ -moz-animation:fadeInDown 1s ease 1s forwards; -webkit-animation:fadeInDown 1s ease 1s forwards; animation:fadeInDown 1s ease 1s forwards; } .screen_cur .arrow_style em{ -moz-animation:arrow 1s linear 1s infinite; -webkit-animation:arrow 1s linear 1s infinite; animation:arrow 1s linear 1s infinite; } @-moz-keyframes UpDown2{ 0%{ -moz-transform:translateY(0); } 50%{ -moz-transform:translateY(-20px); } 100%{ -moz-transform:translateY(0); } } @-o-keyframes UpDown2{ 0%{ -o-transform:translateY(0); } 50%{ -o-transform:translateY(-20px); } 100%{ -o-transform:translateY(0); } } @-webkit-keyframes UpDown2{ 0%{ -webkit-transform:translateY(0); } 50%{ -webkit-transform:translateY(-20px); } 100%{ -webkit-transform:translateY(0); } } @keyframes UpDown2{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-20px); } 100%{ transform:translateY(0); } } .screen_cur .tree_1{ -moz-animation:fadeInLeft 1s ease 0.5s forwards; -webkit-animation:fadeInLeft 1s ease 0.5s forwards; animation:fadeInLeft 1s ease 1s forwards; } .screen_cur .tree_2{ -moz-animation:fadeInRight 1s ease 0.6s forwards; -webkit-animation:fadeInRight 1s ease 0.6s forwards; animation:fadeInRight 1s ease 1.1s forwards; } .screen_cur .tree_3{ -moz-animation:fadeInUp 1s ease 0.7s forwards; -webkit-animation:fadeInUp 1s ease 0.7s forwards; animation:fadeInUp 1s ease 1.2s forwards; } .screen_cur .tree_4{ -moz-animation:fadeInUp 1s ease 0.8s forwards; -webkit-animation:fadeInUp 1s ease 0.8s forwards; animation:fadeInUp 1s ease 1.3s forwards; } .screen_cur .tree_5{ -moz-animation:fadeInUp 1s ease 0.9s forwards; -webkit-animation:fadeInUp 1s ease 0.9s forwards; animation:fadeInUp 1s ease 1.4s forwards; } .screen_cur .tree_6{ -moz-animation:fadeInUp 1s ease 1s forwards; -webkit-animation:fadeInUp 1s ease 1s forwards; animation:fadeInUp 1s ease 1.5s forwards; } .screen_cur .tree_7{ -moz-animation:fadeInUp 1s ease 1.2s forwards; -webkit-animation:fadeInUp 1s ease 1.2s forwards; animation:fadeInUp 1s ease 1.6s forwards; } .screen_cur .tree_8{ -moz-animation:fadeInUp 1s ease 1.4s forwards; -webkit-animation:fadeInUp 1s ease 1.4s forwards; animation:fadeInUp 1s ease 1.7s forwards; } .screen_cur .tree_9{ -moz-animation:fadeInUp 1s ease 1.6s forwards; -webkit-animation:fadeInUp 1s ease 1.6s forwards; animation:fadeInUp 1s ease 1.8s forwards; } .screen_cur .tree_10{ -moz-animation:fadeInUp 1s ease 1.8s forwards; -webkit-animation:fadeInUp 1s ease 1.8s forwards; animation:fadeInUp 1s ease 1.9s forwards; } .screen_cur .tree_11{ -moz-animation:fadeInUp 1s ease 2s forwards; -webkit-animation:fadeInUp 1s ease 2s forwards; animation:fadeInUp 1s ease 2s forwards; } .screen_cur .tree_12{ -moz-animation:fadeInUp 1s ease 2.2s forwards; -webkit-animation:fadeInUp 1s ease 2.2s forwards; animation:fadeInUp 1s ease 2.2s forwards; } .screen_cur .tree_13{ -moz-animation:bounceIn 1s ease 2.4s forwards; -webkit-animation:bounceIn 1s ease 2.4s forwards; animation:bounceIn 1s ease 2.4s forwards; } .screen_cur .tree_14{ -moz-animation:bounceIn 1s ease 2.5s forwards; -webkit-animation:bounceIn 1s ease 2.5s forwards; animation:bounceIn 1s ease 2.5s forwards; } .screen_cur .tree_15{ -moz-animation:bounceIn 1s ease 2.6s forwards; -webkit-animation:bounceIn 1s ease 2.6s forwards; animation:bounceIn 1s ease 2.6s forwards; } .screen_cur .tree_16{ -moz-animation:bounceIn 1s ease 2.7s forwards; -webkit-animation:bounceIn 1s ease 2.7s forwards; animation:bounceIn 1s ease 2.7s forwards; } .screen_cur .tree_17{ -moz-animation:bounceIn 1s ease 2.8s forwards; -webkit-animation:bounceIn 1s ease 2.8s forwards; animation:bounceIn 1s ease 2.8s forwards; } .screen_cur .tree_18{ -moz-animation:bounceIn 1s ease 2.9s forwards; -webkit-animation:bounceIn 1s ease 2.9s forwards; animation:bounceIn 1s ease 2.9s forwards; } .screen_cur .tree_19{ -moz-animation:bounceIn 1s ease 3s forwards; -webkit-animation:bounceIn 1s ease 3s forwards; animation:bounceIn 1s ease 3s forwards; } .screen_cur .tree_20{ -moz-animation:bounceIn 1s ease 3.1s forwards; -webkit-animation:bounceIn 1s ease 3.1s forwards; animation:bounceIn 1s ease 3.1s forwards; } .screen_cur .tree_21{ -moz-animation:bounceIn 1s ease 3.2s forwards; -webkit-animation:bounceIn 1s ease 3.2s forwards; animation:bounceIn 1s ease 3.2s forwards; } .screen_cur .tree_22{ -moz-animation:bounceIn 1s ease 3.3s forwards; -webkit-animation:bounceIn 1s ease 3.3s forwards; animation:bounceIn 1s ease 3.3s forwards; } .screen_cur .tree_23{ -moz-animation:bounceIn 1s ease 3.4s forwards; -webkit-animation:bounceIn 1s ease 3.4s forwards; animation:bounceIn 1s ease 3.4s forwards; } .screen_cur .tree_24{ -moz-animation:bounceIn 1s ease 3.5s forwards; -webkit-animation:bounceIn 1s ease 3.5s forwards; animation:bounceIn 1s ease 3.5s forwards; } .screen_cur .tree_25{ -moz-animation:bounceIn 1s ease 3.6s forwards; -webkit-animation:bounceIn 1s ease 3.6s forwards; animation:bounceIn 1s ease 3.6s forwards; } .screen_cur .tree_26{ -moz-animation:bounceIn 1s ease 3.7s forwards; -webkit-animation:bounceIn 1s ease 3.7s forwards; animation:bounceIn 1s ease 3.7s forwards; } .screen_cur .tree_27{ -moz-animation:bounceIn 1s ease 3.8s forwards; -webkit-animation:bounceIn 1s ease 3.8s forwards; animation:bounceIn 1s ease 3.8s forwards; } .screen_cur .tree_28{ -moz-animation:bounceIn 1s ease 3.9s forwards; -webkit-animation:bounceIn 1s ease 3.9s forwards; animation:bounceIn 1s ease 3.9s forwards; } .screen_cur .tree_29{ -moz-animation:bounceIn 1s ease 4s forwards; -webkit-animation:bounceIn 1s ease 4s forwards; animation:bounceIn 1s ease 4s forwards; } .screen_cur .tree_30{ -moz-animation:bounceIn 1s ease 4.1s forwards; -webkit-animation:bounceIn 1s ease 4.1s forwards; animation:bounceIn 1s ease 4.1s forwards; } .screen_cur .tree_31{ -moz-animation:bounceIn 1s ease 4.2s forwards; -webkit-animation:bounceIn 1s ease 4.2s forwards; animation:bounceIn 1s ease 4.2s forwards; } .screen_cur .tree_32{ -moz-animation:bounceIn 1s ease 4.3s forwards; -webkit-animation:bounceIn 1s ease 4.3s forwards; animation:bounceIn 1s ease 4.3s forwards; } .screen_cur .tree_33{ -moz-animation:bounceIn 1s ease 4.4s forwards; -webkit-animation:bounceIn 1s ease 4.4s forwards; animation:bounceIn 1s ease 4.4s forwards; } .screen_cur .tree_34{ -moz-animation:bounceIn 1s ease 4.5s forwards; -webkit-animation:bounceIn 1s ease 4.5s forwards; animation:bounceIn 1s ease 4.5s forwards; } .screen_cur .tree_35{ -moz-animation:bounceIn 1s ease 4.6s forwards; -webkit-animation:bounceIn 1s ease 4.6s forwards; animation:bounceIn 1s ease 4.6s forwards; } .screen_cur .tree_36{ -moz-animation:bounceIn 1s ease 4.7s forwards; -webkit-animation:bounceIn 1s ease 4.7s forwards; animation:bounceIn 1s ease 4.7s forwards; } .screen_cur .tree_37{ -moz-animation:bounceIn 1s ease 4.8s forwards; -webkit-animation:bounceIn 1s ease 4.8s forwards; animation:bounceIn 1s ease 4.8s forwards; } .screen_cur .tree_38{ -moz-animation:bounceIn 1s ease 4.9s forwards; -webkit-animation:bounceIn 1s ease 4.9s forwards; animation:bounceIn 1s ease 4.9s forwards; } .screen_cur .tree_39{ -moz-animation:bounceIn 1s ease 5s forwards; -webkit-animation:bounceIn 1s ease 5s forwards; animation:bounceIn 1s ease 5s forwards; } .screen_cur .tree_40{ -moz-animation:bounceIn 1s ease 5.1s forwards; -webkit-animation:bounceIn 1s ease 5.1s forwards; animation:bounceIn 1s ease 5.1s forwards; } /*section_b*/ .section_b{ position:relative; overflow:hidden; background:#F8F8F8; text-align:center; } .section_b table{ height:100%; width:100%;} .section_b .cont{ height:467px; position:relative; } .section_b .b_bg{ width:1920px; height:467px; position:absolute; top:0; left:50%; margin:0 0 0 -960px; } .section_b .b_bg .bg{ display:block; width:0px; height:224px; background:url(http://www.bjmoses.com.cn/imgs/b_3.png) no-repeat left; position:absolute; left:0; bottom:0; -moz-transition:all ease 2s; -webkit-transition:all ease 2s; transition:all ease 2s; } .section_b .b_bg{ width:1920px; height:467px; position:absolute; top:0; left:50%; margin:0 0 0 -960px; } .section_b span.b_14{ display:block; width:121px; height:44px; position:absolute; left:50%; bottom:30px; margin-left:-60px; } .section_b span.b_14 em{ display:block; height:44px; background:url(http://www.bjmoses.com.cn/imgs/arrow.png) no-repeat; } .no-cssanimations .section_b .b_bg .bg{ width:1920px; } /*.section_b .b_svg{ width:1920px; height:465px; position:absolute; z-index:3; }*/ .section_b .b_bg .b_4{ position:absolute; left:50%; margin:-8px 0 0 -434px; opacity:0; } .section_b .b_bg .b_4 #p icture{ background:url(http://www.bjmoses.com.cn/imgs/b_2.jpg) 0 -259px no-repeat; } .section_b .text{ width:1012px; margin:0 auto; line-height:24px; } /*.section_b .b_6{ stroke-dasharray:957; stroke-dashoffset:957; } .section_b .b_7{ stroke-dasharray:120; stroke-dashoffset:120; } .section_b .b_10{ stroke-dasharray:461; stroke-dashoffset:461; } .section_b .b_11{ stroke-dasharray:681; stroke-dashoffset:685; } .section_b .b_12{ stroke-dasharray:2112; stroke-dashoffset:2112; } .section_b .b_13{ stroke-dasharray:410; stroke-dashoffset:410; } .section_b .b_8{ stroke-dasharray:133; stroke-dashoffset:133; } .section_b .b_15{ stroke-dasharray:453; stroke-dashoffset:453; } .section_b .b_14{ stroke-dasharray:440; stroke-dashoffset:440; } .section_b .b_9{ stroke-dasharray:970; stroke-dashoffset:970; }*/ .section_b .b_1,.section_b .b_2,.section_b .b_3,.section_b .b_4,.section_b .b_14{ opacity:0; } .no-cssanimations .section_b .b_1,.no-cssanimations .section_b .b_2,.no-cssanimations .section_b .b_3,.no-cssanimations .section_b .b_4,.no-cssanimations .section_b .b_14{ opacity:1; } .screen_cur .b_bg .bg{ width:1920px; } /*.section_b_hide .b_11,.section_b_hide .b_10,.section_b_hide .b_12,.section_b_hide .b_13,.section_b_hide .b_14,.section_b_hide .b_15{ display:none; }*/ .screen_cur .b_1{ -moz-animation:fadeInUp 1s ease 0.5s forwards; -webkit-animation:fadeInUp 1s ease 0.5s forwards; animation:fadeInUp 1s ease 0.5s forwards; } .screen_cur .b_2{ -moz-animation:fadeInUp 1s ease 0.8s forwards; -webkit-animation:fadeInUp 1s ease 0.8s forwards; animation:fadeInUp 1s ease 0.8s forwards; } .screen_cur .b_3{ -moz-animation:fadeInUp 1s ease 1.1s forwards; -webkit-animation:fadeInUp 1s ease 1.1s forwards; animation:fadeInUp 1s ease 1.1s forwards; } .screen_cur .b_4{ -moz-animation:fadeInUp 1s ease 0.5s forwards; -webkit-animation:fadeInUp 1s ease 0.5s forwards; animation:fadeInUp 1s ease 0.5s forwards; } /*.screen_cur .b_6{ stroke-dashoffset:0; -moz-transition:all 1s linear 0s; -webkit-transition:all 1s linear 0s; transition:all 1s linear 0s; } .screen_cur .b_11{ stroke-dashoffset:1365; -moz-transition:all 1s linear 1s; -webkit-transition:all 1s linear 1s; transition:all 1s linear 1s; } .screen_cur .b_10{ stroke-dashoffset:21; -moz-transition:all 1s linear 2s; -webkit-transition:all 1s linear 2s; transition:all 1s linear 2s; } .screen_cur .b_7{ stroke-dashoffset:0; -moz-transition:all 0.6s linear 3s; -webkit-transition:all 0.6s linear 3s; transition:all 0.6s linear 3s; } .screen_cur .b_12{ stroke-dashoffset:0; -moz-transition:all 2s linear 3s; -webkit-transition:all 2s linear 3s; transition:all 2s linear 3s; } .screen_cur .b_13{ stroke-dashoffset:0; -moz-transition:all 1s linear 3s; -webkit-transition:all 1s linear 3s; transition:all 1s linear 3s; } .screen_cur .b_8{ stroke-dashoffset:0; -moz-transition:all 0.6s linear 5s; -webkit-transition:all 0.6s linear 5s; transition:all 0.6s linear 5s; } .screen_cur .b_15{ stroke-dashoffset:913; -moz-transition:all 1s linear 5.6s; -webkit-transition:all 1s linear 5.6s; transition:all 1s linear 5.6s; } .screen_cur .b_14{ stroke-dashoffset:0; -moz-transition:all 1s linear 6.6s; -webkit-transition:all 1s linear 6.6s; transition:all 1s linear 6.6s; } .screen_cur .b_9{ stroke-dashoffset:0; -moz-transition:all 1s linear 7.6s; -webkit-transition:all 1s linear 7.6s; transition:all 1s linear 7.6s; }*/ .screen_cur span.b_14{ -moz-animation:fadeInDown 1s ease 2s forwards; -webkit-animation:fadeInDown 1s ease 2s forwards; animation:fadeInDown 1s ease 2s forwards; } .screen_cur span.b_14 em{ -moz-animation:arrow 1s linear 3s infinite; -webkit-animation:arrow 1s linear 3s infinite; animation:arrow 1s linear 3s infinite; } .screen_cur .b_bg .b_4 #picture{ -moz-animation:moveto 30s linear 1.6s infinite; -webkit-animation:moveto 30s linear 1.6s infinite; animation:moveto 30s linear 1.6s infinite; } /*.screen_cur .b_4{ -moz-animation:fadeInUp 1s ease 0.5s forwards; -webkit-animation:fadeInUp 1s ease 0.5s forwards; animation:fadeInUp 1s ease 0.5s forwards; }*/ @-moz-keyframes moveto{ 0%{ background-position:0 -259px; } 50%{ background-position:-848px -259px; } 100%{ background-position:0 -259px; } } @-webkit-keyframes moveto{ 0%{ background-position:0 -259px; } 50%{ background-position:-848px -259px; } 100%{ background-position:0 -259px; } } @keyframes moveto{ 0%{ background-position:0 -259px; } 50%{ background-position:-848px -259px; } 100%{ background-position:0 -259px; } } /*section_c*/ .section_c{ position:relative; overflow:hidden; } .section_c .cont{ width:1920px; height:972px; position:absolute; top:50%; left:50%; margin:-486px 0 0 -960px; } .section_c .move_bg{ background:url(http://www.bjmoses.com.cn/imgs/c_8.jpg) no-repeat; } .section_c span{ display:block; } .section_c span.c_1{ position:absolute; width:448px; height:355px; top:40px; left:60px; } .section_c span.c_1 em{ display:block; background:url(http://www.bjmoses.com.cn/imgs/c_1.png) no-repeat; position:absolute; } .section_c span.c_1 em.item{ width:134px; height:134px; } .section_c span.c_1 em.item2{ width:106px; height:106px; background-position:-87px -198px; left:87px; top:198px; } .section_c span.c_1 em.item2 s{ display:block; width:63px; height:63px; position:absolute; top:50%; left:50%; margin:-31px 0 0 -31px; background:url(http://www.bjmoses.com.cn/imgs/c_1_2.png) no-repeat; -moz-animation:rotate 16s linear 0s infinite; -webkit-animation:rotate 16s linear 0s infinite; animation:rotate 16s linear 0s infinite; } .section_c span.c_1 em.item3{ width:86px; height:86px; background-position:-280px -35px; left:280px; top:35px; } .section_c span.c_1 em.item4{ width:65px; height:65px; background-position:-280px -195px; left:280px; top:195px; } .section_c span.c_1 em.item5{ width:53px; height:53px; background-position:-395px -200px; left:395px; top:200px; } .section_c span.c_1 em.item5 s{ display:block; width:31px; height:31px; position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; background:url(http://www.bjmoses.com.cn/imgs/c_1_5.png) no-repeat; -moz-animation:rotate2 16s linear 0s infinite; -webkit-animation:rotate2 16s linear 0s infinite; animation:rotate2 16s linear 0s infinite; } .section_c span.c_1 em.item6{ width:43px; height:43px; background-position:-336px -312px; left:336px; top:312px; } .section_c span.c_2{ position:absolute; top:420px; left:121px; width:514px; height:350px; } .section_c span.c_2 em{ display:block; height:350px; background:url(http://www.bjmoses.com.cn/imgs/c_2.png) no-repeat; } .section_c span.c_3{ position:absolute; width:317px; height:261px; top:160px; right:417px; background:url(http://www.bjmoses.com.cn/imgs/c_3.png) no-repeat; z-index:6; } .section_c span.c_3 em{ display:block; width:74px; height:72px; position:absolute; left:30px; top:0; -moz-transform:rotate(30deg) scale(0.5,0.5) translate(150px,100px); -webkit-transform:rotate(30deg) scale(0.5,0.5) translate(150px,100px); transform:rotate(30deg) scale(0.5,0.5) translate(150px,100px); } .section_c span.c_3 em i{ display:block; width:100%; height:72px; background:url(http://www.bjmoses.com.cn/imgs/ball.png) no-repeat; } .section_c span.c_4{ position:absolute; width:173px; height:311px; background:url(http://www.bjmoses.com.cn/imgs/c_5.png) no-repeat; top:442px; right:335px; } .section_c span.c_5{ position:absolute; width:340px; height:618px; top:20px; right:0; background:url(http://www.bjmoses.com.cn/imgs/c_6.png) no-repeat; } .section_c .c_6{ width:374px; height:323px; background:url(http://www.bjmoses.com.cn/imgs/c_10.png) no-repeat; position:absolute; top:470px; left:445px; } .section_c .c_6 span{ display:block; position:absolute; } .section_c .c_6 span.bg{ position:absolute; width:100%; height:323px; background:url(http://www.bjmoses.com.cn/imgs/c_9.png) no-repeat; top:0; left:0; -moz-transition:all ease 1s; -webkit-transition:all ease 1s; transition:all ease 1s; } .section_c .c_6 span.icon{ width:64px; height:84px; top:120px; left:155px; background:url(http://www.bjmoses.com.cn/imgs/c_15.png) no-repeat; } .section_c .c_6 span.text{ width:174px; height:47px; top:240px; left:98px; background:url(http://www.bjmoses.com.cn/imgs/c_15_2.png) no-repeat; } .section_c .cur_6{ background:url(http://www.bjmoses.com.cn/imgs/c_10.png) no-repeat; } .section_c .cur_6 span.icon{ background-position:0 -84px; } .section_c .cur_6 span.text{ background-position:0 -47px; } .section_c .cur_6 .bg{ opacity:0; filter:alpha(opacity=0); } .section_c .c_7{ width:374px; height:323px; background:url(http://www.bjmoses.com.cn/imgs/c_9.png) no-repeat; position:absolute; top:130px; left:639px; } .section_c .c_7 span{ display:block; position:absolute; } .section_c .c_7 span.bg{ position:absolute; width:100%; height:323px; background:url(http://www.bjmoses.com.cn/imgs/c_9.png) no-repeat; top:0; left:0; -moz-transition:all ease 1s; -webkit-transition:all ease 1s; transition:all ease 1s; } .section_c .c_7 span.icon{ width:75px; height:82px; top:120px; left:150px; background:url(http://www.bjmoses.com.cn/imgs/c_16.png) no-repeat; } .section_c .c_7 span.text{ width:212px; height:45px; top:240px; left:83px; background:url(http://www.bjmoses.com.cn/imgs/c_16_2.png) no-repeat; } .section_c .cur_7{ background:url(http://www.bjmoses.com.cn/imgs/c_10.png) no-repeat; } .section_c .cur_7 span.icon{ background-position:0 -82px; } .section_c .cur_7 span.text{ background-position:0 -45px; } .section_c .cur_7 .bg{ opacity:0; filter:alpha(opacity=0); } .section_c .c_8{ width:374px; height:323px; background:url(http://www.bjmoses.com.cn/imgs/c_12.png) no-repeat; position:absolute; top:130px; left:900px; } .section_c .c_8 span{ display:block; position:absolute; } .section_c .c_8 span.bg{ position:absolute; width:100%; height:323px; background:url(http://www.bjmoses.com.cn/imgs/c_11.png) no-repeat; top:0; left:0; -moz-transition:all ease 1s; -webkit-transition:all ease 1s; transition:all ease 1s; } .section_c .c_8 span.icon{ width:75px; height:81px; top:120px; left:150px; background:url(http://www.bjmoses.com.cn/imgs/c_17.png) no-repeat; } .section_c .c_8 span.text{ width:212px; height:45px; top:40px; left:83px; background:url(http://www.bjmoses.com.cn/imgs/c_17_2.png) no-repeat center 0; } .section_c .cur_8{ background:url(http://www.bjmoses.com.cn/imgs/c_12.png) no-repeat; } .section_c .cur_8 span.icon{ background-position:0 -81px; } .section_c .cur_8 span.text{ background-position:center -45px; } .section_c .cur_8 span.bg{ opacity:0; filter:alpha(opacity=0); } .section_c .c_9{ width:374px; height:323px; position:absolute; top:480px; left:705px; } .section_c .c_9 span{ display:block; position:absolute; } .section_c .c_9 span.bg{ position:absolute; width:100%; height:323px; background:url(http://www.bjmoses.com.cn/imgs/c_19.png) no-repeat; top:0; left:0; -moz-transition:all ease 1s; -webkit-transition:all ease 1s; transition:all ease 1s; } .section_c .c_9 span.icon{ width:75px; height:79px; top:120px; left:150px; background:url(http://www.bjmoses.com.cn/imgs/c_18.png) no-repeat; } .section_c .c_9 span.text{ width:212px; height:52px; top:28px; left:83px; background:url(http://www.bjmoses.com.cn/imgs/c_18_2.png) no-repeat center 0; } .section_c .cur_9{ background:url(http://www.bjmoses.com.cn/imgs/c_12.png) no-repeat; } .section_c .cur_9 span.icon{ background-position:0 -79px; } .section_c .cur_9 span.text{ background-position:center -52px; } .section_c .cur_9 span.bg{ opacity:0; filter:alpha(opacity=0); } .section_c .c_10{ width:384px; height:327px; position:absolute; top:468px; left:1085px; } .section_c .c_10 em{ display:block; height:327px; background:url(http://www.bjmoses.com.cn/imgs/c_13.png) no-repeat; } .section_c .c_11{ width:435px; height:373px; position:absolute; top:548px; left:1194px; } .section_c .c_11 em{ display:block; height:373px; background:url(http://www.bjmoses.com.cn/imgs/c_14.png) no-repeat; } .section_c .c_12{ width:407px; height:352px; position:absolute; top:438px; left:1144px; } .section_c .c_12 em{ display:block; height:352px; background:url(http://www.bjmoses.com.cn/imgs/c_4.png) no-repeat; } .section_c .c_1,.section_c .c_2 em,.section_c .c_3,.section_c .c_4,.section_c .c_5,.section_c .c_6,.section_c .c_7,.section_c .c_8,.section_c .c_9,.section_c .c_10 em,.section_c .c_11 em,.section_c .c_12 em,.section_c span.c_3 em{ opacity:0; } .no-cssanimations .section_c .c_1,.no-cssanimations .section_c .c_2 em,.no-cssanimations .section_c .c_3,.no-cssanimations .section_c .c_4,.no-cssanimations .section_c .c_5,.no-cssanimations .section_c .c_6,.no-cssanimations .section_c .c_7,.no-cssanimations .section_c .c_8,.no-cssanimations .section_c .c_9,.no-cssanimations .section_c .c_10 em,.no-cssanimations .section_c .c_11 em,.no-cssanimations .section_c .c_12 em{ opacity:1; } .section_c .c_1{ -moz-transform:translate(0,40px); -webkit-transform:translate(0,40px); transform:translate(0,40px); } .section_c .move_bg{ -moz-transform:translate(0,-100%); -webkit-transform:translate(0,-100%); transform:translate(0,-100%); } .section_c .c_2 em{ -moz-transform:translate(-30px,20px); -webkit-transform:translate(-30px,20px); transform:translate(-30px,20px); } .section_c .c_3{ -moz-transform:translate(50px,100px); -webkit-transform:translate(50px,100px); transform:translate(50px,100px); } .section_c .c_4{ -moz-transform:translate(-200px,400px); -webkit-transform:translate(-200px,400px); transform:translate(-200px,400px); } .section_c .c_5{ -moz-transform:translate(200px,-400px); -webkit-transform:translate(200px,-400px); transform:translate(200px,-400px); } .section_c .c_6{ -moz-transform:translate(40px,0); -webkit-transform:translate(40px,0); transform:translate(40px,0); } .section_c .c_7{ -moz-transform:translate(40px,0); -webkit-transform:translate(40px,0); transform:translate(40px,0); } .section_c .c_8{ -moz-transform:translate(-40px,0); -webkit-transform:translate(-40px,0); transform:translate(-40px,0); } .section_c .c_9{ -moz-transform:translate(-40px,0); -webkit-transform:translate(-40px,0); transform:translate(-40px,0); } .section_c .c_10 em{ -moz-transform:translate(0,-10px); -webkit-transform:translate(0,-10px); transform:translate(0,-10px); } .section_c .c_11 em{ -moz-transform:translate(10px,0); -webkit-transform:translate(10px,0); transform:translate(10px,0); } .section_c .c_12 em{ -moz-transform:translate(0,10px); -webkit-transform:translate(0,10px); transform:translate(0,10px); } .screen_cur .c_1,.screen_cur .c_2 em,.screen_cur .c_3,.screen_cur .c_4,.screen_cur .c_5,.screen_cur .c_6,.screen_cur .c_7,.screen_cur .c_8,.screen_cur .c_9,.screen_cur .c_10 em,.screen_cur .c_11 em,.screen_cur .c_12 em{ opacity:1; -moz-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); } .screen_cur .c_1{ -moz-transition:all 1s ease 0.6s; -webkit-transition:all 1s ease 0.6s; transition:all 1s ease 0.6s; } .screen_cur span.c_1 em.item{ -webkit-animation:UpDown 1.5s linear 0s infinite alternate; -moz-animation:UpDown 1.5s linear 0s infinite alternate; animation:UpDown 1.5s linear 0s infinite alternate; } .screen_cur span.c_1 em.item2{ -webkit-animation:UpDown 2s linear 0.5s infinite alternate; -moz-animation:UpDown 2s linear 0.5s infinite alternate; animation:UpDown 2s linear 0.5s infinite alternate; } .screen_cur span.c_1 em.item3{ -webkit-animation:UpDown 1.5s linear 0.8s infinite alternate; -moz-animation:UpDown 1.5s linear 0.8s infinite alternate; animation:UpDown 1.5s linear 0.8s infinite alternate; } .screen_cur span.c_1 em.item4{ -webkit-animation:UpDown 1.5s linear 1.2s infinite alternate; -moz-animation:UpDown 1.5s linear 1.2s infinite alternate; animation:UpDown 1.5s linear 1.2s infinite alternate; } .screen_cur span.c_1 em.item5{ -webkit-animation:UpDown 2s linear 0.3s infinite alternate; -moz-animation:UpDown 2s linear 0.3s infinite alternate; animation:UpDown 2s linear 0.3s infinite alternate; } .screen_cur span.c_1 em.item6{ -webkit-animation:UpDown 1.5s linear .7s infinite alternate; -moz-animation:UpDown 1.5s linear .7s infinite alternate; animation:UpDown 1.5s linear .7s infinite alternate; } .screen_cur .c_2 em{ -moz-transition:all 1s ease 0.9s; -webkit-transition:all 1s ease 0.9s; transition:all 1s ease 0.9s; } .screen_cur .c_3{ -moz-transition:all 1s ease 0.6s; -webkit-transition:all 1s ease 0.6s; transition:all 1s ease 0.6s; } .screen_cur span.c_3 em{ opacity:1; -moz-transform:rotate(0deg) scale(1,1) translate(0,0); -webkit-transform:rotate(0deg) scale(1,1) translate(0,0); transform:rotate(0deg) scale(1,1) translate(0,0); -moz-transition:all 0.8s ease 1.4s; -webkit-transition:all 0.8s ease 1.4s; transition:all 0.8s ease 1.4s; } .screen_cur span.c_3 em i{ -moz-animation:rotate2 10s linear 2s infinite; -webkit-animation:rotate2 10s linear 2s infinite; animation:rotate2 10s linear 2s infinite; } .screen_cur .c_4{ -moz-transition:all 0.6s ease 0.1s; -webkit-transition:all 0.6s ease 0.1s; transition:all 0.6s ease 0.1s; } .screen_cur .c_5{ -moz-transition:all 0.6s ease 0.3s; -webkit-transition:all 0.6s ease 0.3s; transition:all 0.6s ease 0.3s; } .screen_cur .c_6{ -moz-transition:transform 1s ease 0.6s,opacity 1s ease 0.6s; -webkit-transition:transform 1s ease 0.6s,opacity 1s ease 0.6s; transition:transform 1s ease 0.6s,opacity 1s ease 0.6s; } .screen_cur .c_7{ -moz-transition:transform 1s ease 0.8s,opacity 1s ease 0.8s; -webkit-transition:transform 1s ease 0.8s,opacity 1s ease 0.8s; transition:transform 1s ease 0.8s,opacity 1s ease 0.8s; } .screen_cur .c_8{ -moz-transition:transform 1s ease 1s,opacity 1s ease 1s; -webkit-transition:transform 1s ease 1s,opacity 1s ease 1s; transition:transform 1s ease 1s,opacity 1s ease 1s; } .screen_cur .c_9{ -moz-transition:transform 1s ease 1.2s,opacity 1s ease 1.2s; -webkit-transition:transform 1s ease 1.2s,opacity 1s ease 1.2s; transition:transform 1s ease 1.2s,opacity 1s ease 1.2s; } .screen_cur .c_10 em{ -moz-transition:all 1s ease 0.9s; -webkit-transition:all 1s ease 0.9s; transition:all 1s ease 0.9s; } .screen_cur .c_11 em{ -moz-transition:all 1s ease 1s; -webkit-transition:all 1s ease 1s; transition:all 1s ease 1s; } .screen_cur .c_12 em{ -moz-transition:all 1s ease 1.1s; -webkit-transition:all 1s ease 1.1s; transition:all 1s ease 1.1s; } .screen_cur .move_bg{ -moz-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); -moz-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } /*section_d*/ .section_d{ position:relative; overflow:hidden; background:#F8F8F8; } .section_d table,.section_d table tr td{ width:100%; height:100%; } .people{ width:1200px; height:275px; margin:0 auto; } .people .item,.people .item2,.people .item3,.people .item4{ width:300px; height:275px; position:relative; float:left; } .people_item{ cursor:pointer; } /*字母*/ .people span.letter{ display:block; position:relative; margin:0 auto; z-index:5; } .people .item span.letter{ width:248px; height:270px; background:url(http://www.bjmoses.com.cn/imgs/d_7.png) no-repeat; } .people .item2 span.letter{ width:275px; height:270px; background:url(http://www.bjmoses.com.cn/imgs/d_8.png) no-repeat; } .people .item3 span.letter{ width:230px; height:270px; background:url(http://www.bjmoses.com.cn/imgs/d_9.png) no-repeat; } .people .item4 span.letter{ width:262px; height:270px; background:url(http://www.bjmoses.com.cn/imgs/d_10.png) no-repeat; } /*人物图片*/ .people span.images{ display:block; width:275px; height:370px; position:absolute; z-index:6; -moz-transform:translateY(-10px); -webkit-transform:translateY(-10px); -o-transform:translateY(-10px); transform:translateY(-10px); } .people span.images img{ width:275px; height:370px; } .people .item span.images{ top:-80px; left:1px; backgroun d:url(http://www.bjmoses.com.cn/imgs/d_2.png) no-repeat; } .people .item span.images img{ width:275px; height:370px; } .people .item2 span.images img{ width:275px; height:370px; } .people .item3 span.images img{ width:275px; height:370px; } .people .item4 span.images img{ width:275px; height:370px; } .people .item2 span.images{ top:-80px; left:16px;} .people .item3 span.images{ top:-80px; left:16px; } .people .item4 span.images{ top:-80px; left:16px; } /*文字描述*/ .people a{color:#666;} .people span.text{ display:block; width:160px; height:40px; text-align:center; position:absolute; left:50%; bottom:-66px; margin-left:-80px; font-size:18px; font-family:"微软雅黑"; line-height:40px; overflow:hidden; background:none; color:#262626; } .people span.desc{ display:block; width:480px; position:absolute; left:50%; top:365px; margin-left:-240px; text-align:center; font:normal 14px/170% '宋体'; opacity:0; -moz-transform:translateY(20px); -webkit-transform:translateY(20px); -o-transform:translateY(20px); transform:translateY(20px); -webkit-transition:all ease 0.4s; -moz-transition:all ease 0.4s; -o-transition:all ease 0.4s; transition:all ease 0.4s; } .no-opacity .people span.desc{ filter:alpha(opacity=0); } .people span.desc strong{ font:normal 22px/100% 'TrajanProRegular'; display:block; margin-bottom:10px; } /*三角线条*/ .people .line{ width:338px; height:292px; position:absolute; top:-35px; left:-20px; z-index:2; } .people .line .polygon{ stroke-dasharray:1063px; stroke-dashoffset:1070px; } .people .line .polygon2{ stroke-dasharray:693px; stroke-dashoffset:-590px; } .people span.text em{ display:block; width:16px; height:8px; opacity:0; overflow:hidden; background:url(http://www.bjmoses.com.cn/imgs/d_6.png) no-repeat; position:absolute; left:50%; bottom:10px; margin-left:-8px; } .no-opacity .people span.text em{ filter:alpha(opacity=0); } /*人物滑过*/ .people .cur span.text{ color:#fff; background:#818181; -webkit-transition:all ease 0.4s; -moz-transition:all ease 0.4s; -o-transition:all ease 0.4s; transition:all ease 0.4s; } .people .cur span.letter{ background-position:0 -270px; } .people .cur span.text em{ bottom:-8px; opacity:1; -webkit-transition:all 0.4s ease 0.2s; -moz-transition:all 0.4s ease 0.2s; -o-transition:all 0.4s ease 0.2s; transition:all 0.4s ease 0.2s; } .no-opacity .people .cur span.text em{ filter:alpha(opacity=100); } .people .cur .line .polygon{ stroke-dashoffset:70px; -webkit-transition:all linear 0.8s; -moz-transition:all linear 0.8s; -o-transition:all linear 0.8s; transition:all linear 0.8s; } .people .cur .line .polygon2{ stroke-dashoffset:0px; -webkit-transition:all 0.8s linear 0.4s; -moz-transition:all 0.8s linear 0.4s; -o-transition:all 0.8s linear 0.4s; transition:all 0.8s linear 0.4s; } .people .cur span.images{ -webkit-animation:UpDown 0.7s linear 0s infinite alternate; -moz-animation:UpDown 0.7s linear 0s infinite alternate; -o-animation:UpDown .7s linear 0s infinite alternate; animation:UpDown .7s linear 0s infinite alternate; } .people .cur span.desc{ opacity:1; -moz-transform:translateY(0px); -webkit-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); } .no-opacity .people .cur span.desc{ filter:alpha(opacity=100); } @-moz-keyframes UpDown{ 0%{ -moz-transform:translateY(-10px); } 100%{ -moz-transform:translateY(10px); } } @-o-keyframes UpDown{ 0%{ -o-transform:translateY(-10px); } 100%{ -o-transform:translateY(10px); } } @-webkit-keyframes UpDown{ 0%{ -webkit-transform:translateY(-10px); } 100%{ -webkit-transform:translateY(10px); } } @keyframes UpDown{ 0%{ transform:translateY(-10px); } 100%{ transform:translateY(10px); } } /*section_e*/ .section_e{ position:relative; overflow:hidden; background:#fff; } .section_e .chaxun{ height:80px; margin-top:200px; position:relative; overflow:hidden; } .section_e .map{ height:600px; background:#CCC; position:relative; overflow:hidden; } .section_e .map .mask{ width:100%; height:600px; position:absolute; top:0; left:0; background:url(http://www.bjmoses.com.cn/imgs/map_mask.jpg) no-repeat center; } .section_e .e_items{ width:1200px; margin:0 auto; padding:30px 0px; } .section_e .e_items dl{ float:left; } .section_e .e_items dl dt{ width:90px; height:90px; float:left; border:1px solid #A6A6A6; border-radius:1000px; overflow:hidden; position:relative; } .section_e .e_items dl dd{ float:left; padding:20px 23px 0 12px; font:normal 14px/28px 'microsoft yahei'; } .section_e .e_items dl dt em,.section_e .e_items dl dt i{ display:block; width:100%; height:90px; position:absolute; top:0; left:0; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; } .section_e .e_items dl dt i{ top:90px; } .section_e .e_items dl.item dt em,.section_e .e_items dl.item dt i{ background:url(http://www.bjmoses.com.cn/imgs/e_2.png) no-repeat; } .section_e .e_items dl.item dt i{ background-position:0 -90px; } .section_e .e_items dl.item2 dt em,.section_e .e_items dl.item2 dt i{ background:url(http://www.bjmoses.com.cn/imgs/e_3.png) no-repeat; } .section_e .e_items dl.item2 dt i{ background-position:0 -90px; } .section_e .e_items dl.item3 dt em,.section_e .e_items dl.item3 dt i{ background:url(http://www.bjmoses.com.cn/imgs/e_4.png) no-repeat; } .section_e .e_items dl.item3 dt i{ background-position:0 -90px; } .section_e .e_items dl.item4 dt em,.section_e .e_items dl.item4 dt i{ background:url(http://www.bjmoses.com.cn/imgs/e_5.png) no-repeat; } .section_e .e_items dl.item4 dt i{ background-position:0 -90px; } .section_e .e_items dl dt:hover{ border:1px solid #EDC215; } .section_e .e_items dl dt:hover em{ top:-90px; } .section_e .e_items dl dt:hover i{ top:0; } /*底部样式*/ .foot_cont{ border-top:1px solid #EDEDED; background:#FCFCFC; padding:40px 0; } .foot{ width:1200px; margin:0 auto; } .foot_l{ float:left; } .foot_r{ float:right; padding-top:18px; text-align:right; } .foot_l a.weixin,.foot_l a.sina{ display:block; width:38px; height:38px; border:1px solid #C4C4C4; margin:10px 0 0 6px; border-radius:1000px; overflow:hidden; position:relative; } .foot_l a em,.foot_l a i{ display:block; width:100%; height:38px; position:absolute; top:0; left:0; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s; transition:all ease 0.5s; } .foot_l a.weixin em,.foot_l a.weixin i{ background:url(http://www.bjmoses.com.cn/imgs/e_9.png) no-repeat; } .foot_l a.weixin i{ background-position:0 -38px; } .foot_l a.sina em,.foot_l a.sina i{ background:url(http://www.bjmoses.com.cn/imgs/e_10.png) no-repeat; } .foot_l a.sina i{ background-position:0 -38px; } .foot_l a i{ top:90px; } .foot_l a:hover{ border:1px solid #EDC215; } .foot_l a:hover em{ top:-90px; } .foot_l a:hover i{ top:0; } /*菜单样式*/ .menu_mask{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:30; background:rgb(248,248,248); opacity:0.9; display:none; } .menu_box{ width:1100px; height:600px; position:fixed; left:50%; top:50%; margin:-260px 0 0 -545px; -moz-transform:translateY(600px); -webkit-transform:translateY(600px); -o-transform:translateY(600px); transform:translateY(600px); z-index:31; opacity:0; display:none; } .no-cssanimations .menu_box{ opacity:1; margin:-860px 0 0 -545px; } .box_show{ -moz-animation:menu 0.6s ease .1s 1 forwards; -webkit-animation:menu 0.6s ease .1s 1 forwards; -o-animation:menu 0.6s ease .1s 1 forwards; animation:menu 0.6s ease .1s 1 forwards; display:block; } @-webkit-keyframes menu{ 0%{ opacity:0; -webkit-transform:translateY(600px); } 100%{ opacity:1; -webkit-transform:translateY(0px); } } @-moz-keyframes menu{ 0%{ opacity:0; -moz-transform:translateY(600px); } 100%{ opacity:1; -moz-transform:translateY(0px); } } @-o-keyframes menu{ 0%{ opacity:0; -o-transform:translateY(600px); } 100%{ opacity:1; -o-transform:translateY(0px); } } @keyframes menu{ 0%{ opacity:0; transform:translateY(600px); } 100%{ opacity:1; transform:translateY(0px); } } .menu_box .close{ width:40px; height:40px; background:url(http://www.bjmoses.com.cn/imgs/close.png) no-repeat; position:absolute; top:-55px; right:-55px; cursor:pointer; } .menu_box table{ width:100%; background:#ccc; } .menu_box table tr td{ width:50%; height:140px; background:#fff; } .menu_item{ height:100%; position:relative; cursor:pointer; } .menu_item .icon{ width:80px; height:80px; position:absolute; left:248px; top:30px; -moz-transition:left ease 0.3s; -webkit-transition:left ease 0.3s; -o-transition:left ease 0.3s; transition:left ease 0.3s; } .menu_item .text{ width:140px; position:absolute; left:295px; top:46px; opacity:0; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; } .no-opacity .menu_item .text{ filter:alpha(opacity=0); } .menu_item .text em,.menu_item .text i{ display:block; } .menu_item .text em{ font:normal 21px/100% 'TrajanProRegular'; margin-bottom:4px; } .menu_item .text i{ font:normal 24px/100% 'TrajanProRegular'; } .menu_item .icon_1{ background:url(http://www.bjmoses.com.cn/imgs/menu_1.png) no-repeat; } .menu_item .icon_2{ background:url(http://www.bjmoses.com.cn/imgs/menu_20.png) no-repeat; } .menu_item .icon_3{ background:url(http://www.bjmoses.com.cn/imgs/menu_3.png) no-repeat; } .menu_item .icon_4{ background:url(http://www.bjmoses.com.cn/imgs/menu_4.png) no-repeat; } .menu_item .icon_5{ background:url(http://www.bjmoses.com.cn/imgs/menu_5.png) no-repeat; } .menu_item .icon_6{ background:url(http://www.bjmoses.com.cn/imgs/menu_60.png) no-repeat; } .menu_item .icon_8{ background:url(http://www.bjmoses.com.cn/imgs/menu_80.png) no-repeat; } .menu_item .icon_7{ background:url(http://www.bjmoses.com.cn/imgs/menu_7.png) no-repeat; } .menu_item:hover{ background:#8B8B8B; color:#fff; } .menu_item:hover .icon{ left:208px; background-position:0 -80px; } .menu_item:hover .text{ top:46px; opacity:1; } .no-opacity .menu_item:hover .text{ filter:alpha(opacity=100); } /*联系我们*/ .contact_bg{ background:url(http://www.bjmoses.com.cn/imgs/contact/img.jpg) no-repeat center; } .contact{ height:500px;} .contact ul{ position:absolute; width:1160px; left:50%; top:50%; margin:-95px 0 0 -580px; } .contact ul li{ width:232px; float:left; text-align:center; font-size:18px; color:#3D3D3D; } .contact ul li em{ display:block; } .contact ul li span{ display:block; width:110px; height:110px; margin:0 auto; border-radius:1000px; overflow:hidden; margin-bottom:10px; } .contact ul li.item span{ background:url(http://www.bjmoses.com.cn/imgs/contact/i_1.png) no-repeat; } .contact ul li.item2 span{ background:url(http://www.bjmoses.com.cn/imgs/contact/i_2.png) no-repeat; } .contact ul li.item3 span{ background:url(http://www.bjmoses.com.cn/imgs/contact/i_3.png) no-repeat; } .contact ul li.item4 span{ background:url(http://www.bjmoses.com.cn/imgs/contact/i_4.png) no-repeat; } .contact ul li.item5 span{ background:url(http://www.bjmoses.com.cn/imgs/contact/i_5.png) no-repeat; } .contact ul li em.en{ font:normal 23px/100% 'TrajanProRegular'; margin-bottom:8px; } .contact ul li em.cn{ color:#3D3D3D; } .contact ul li a:link,.contact ul li a:visited{ color:#3D3D3D; } .contact ul li a:hover{ color:#EDC215; } .contact ul li span,.contact ul li em{ opacity:0; } .no-cssanimations .contact ul li span,.no-cssanimations .contact ul li em{ opacity:1; filter:alpha(opacity=100); } .contact_cur ul li.item span{ -moz-animation:fadeInUp 1s ease 0s forwards; -webkit-animation:fadeInUp 1s ease 0s forwards; animation:fadeInUp 1s ease 0s forwards; } .contact_cur ul li.item .en{ -moz-animation:fadeInLeft 1s ease 0.5s forwards; -webkit-animation:fadeInLeft 1s ease 0.5s forwards; animation:fadeInLeft 1s ease 0.5s forwards; } .contact_cur ul li.item .cn{ -moz-animation:fadeInRight 1s ease 0.5s forwards; -webkit-animation:fadeInRight 1s ease 0.5s forwards; animation:fadeInRight 1s ease 0.5s forwards; } .contact_cur ul li.item5 span{ -moz-animation:fadeInUp 1s ease 0.3s forwards; -webkit-animation:fadeInUp 1s ease 0.3s forwards; animation:fadeInUp 1s ease 0.3s forwards; } .contact_cur ul li.item5 .en{ -moz-animation:fadeInLeft 1s ease 0.8s forwards; -webkit-animation:fadeInLeft 1s ease 0.8s forwards; animation:fadeInLeft 1s ease 0.8s forwards; } .contact_cur ul li.item5 .cn{ -moz-animation:fadeInRight 1s ease 0.8s forwards; -webkit-animation:fadeInRight 1s ease 0.8s forwards; animation:fadeInRight 1s ease 0.8s forwards; font-family:"微软雅黑";} .contact_cur ul li.item2 span{ -moz-animation:fadeInUp 1s ease 0.6s forwards; -webkit-animation:fadeInUp 1s ease 0.6s forwards; animation:fadeInUp 1s ease 0.6s forwards; } .contact_cur ul li.item2 .en{ -moz-animation:fadeInLeft 1s ease 1.1s forwards; -webkit-animation:fadeInLeft 1s ease 1.1s forwards; animation:fadeInLeft 1s ease 1.1s forwards; } .contact_cur ul li.item2 .cn{ -moz-animation:fadeInRight 1s ease 1.1s forwards; -webkit-animation:fadeInRight 1s ease 1.1s forwards; animation:fadeInRight 1s ease 1.1s forwards; } .contact_cur ul li.item3 span{ -moz-animation:fadeInUp 1s ease 0.9s forwards; -webkit-animation:fadeInUp 1s ease 0.9s forwards; animation:fadeInUp 1s ease 0.9s forwards; } .contact_cur ul li.item3 .en{ -moz-animation:fadeInLeft 1s ease 1.4s forwards; -webkit-animation:fadeInLeft 1s ease 1.4s forwards; animation:fadeInLeft 1s ease 1.4s forwards; } .contact_cur ul li.item3 .cn{ -moz-animation:fadeInRight 1s ease 1.4s forwards; -webkit-animation:fadeInRight 1s ease 1.4s forwards; animation:fadeInRight 1s ease 1.4s forwards; } .contact_cur ul li.item4 span{ -moz-animation:fadeInUp 1s ease 1.2s forwards; -webkit-animation:fadeInUp 1s ease 1.2s forwards; animation:fadeInUp 1s ease 1.2s forwards; } .contact_cur ul li.item4 .en{ -moz-animation:fadeInLeft 1s ease 1.7s forwards; -webkit-animation:fadeInLeft 1s ease 1.7s forwards; animation:fadeInLeft 1s ease 1.7s forwards; } .contact_cur ul li.item4 .cn{ -moz-animation:fadeInRight 1s ease 1.7s forwards; -webkit-animation:fadeInRight 1s ease 1.7s forwards; animation:fadeInRight 1s ease 1.7s forwards; font-family:"微软雅黑";} .section_e .contact_bg{ background:url(http://www.bjmoses.com.cn/imgs/contact/img.jpg) no-repeat center; } .section_e .contact{ height:500px;} .section_e .contact ul{ position:absolute; width:1160px; left:50%; top:50%; margin:-95px 0 0 -580px; } .section_e .contact ul li{ width:232px; float:left; text-align:center; font-size:18px; color:#3D3D3D; } .section_e .contact ul li em{ display:block; } .section_e .contact ul li span{ display:block; width:110px; height:110px; margin:0 auto; border-radius:1000px; overflow:hidden; margin-bottom:10px; } .section_e .contact ul li.item span{ background:url(http://www.bjmoses.com.cn/imgs/contact/i_1.png) no-repeat; } .section_e .contact ul li.item2 span{ background:url(http://www.bjmoses.com.cn/imgs/contact/i_2.png) no-repeat; } .section_e .contact ul li.item3 span{ background:url(http://www.bjmoses.com.cn/imgs/contact/i_3.png) no-repeat; } .section_e .contact ul li.item4 span{ background:url(http://www.bjmoses.com.cn/imgs/contact/i_4.png) no-repeat; } .section_e .contact ul li.item5 span{ background:url(http://www.bjmoses.com.cn/imgs/contact/i_5.png) no-repeat; } .section_e .contact ul li em.en{ font:normal 23px/100% 'TrajanProRegular'; margin-bottom:8px; } .section_e .contact ul li em.cn{ color:#3D3D3D; } .section_e .contact ul li a:link,.contact ul li a:visited{ color:#3D3D3D; } .section_e .contact ul li a:hover{ color:#EDC215; } .section_e .contact ul li span,.contact ul li em{ opacity:0; } .section_e .no-cssanimations .contact ul li span,.no-cssanimations .contact ul li em{ opacity:1; filter:alpha(opacity=100); } .section_e .contact_cur ul li.item span{ -moz-animation:fadeInUp 1s ease 0s forwards; -webkit-animation:fadeInUp 1s ease 0s forwards; animation:fadeInUp 1s ease 0s forwards; } .section_e .contact_cur ul li.item .en{ -moz-animation:fadeInLeft 1s ease 0.5s forwards; -webkit-animation:fadeInLeft 1s ease 0.5s forwards; animation:fadeInLeft 1s ease 0.5s forwards; } .section_e .contact_cur ul li.item .cn{ -moz-animation:fadeInRight 1s ease 0.5s forwards; -webkit-animation:fadeInRight 1s ease 0.5s forwards; animation:fadeInRight 1s ease 0.5s forwards; } .section_e .contact_cur ul li.item5 span{ -moz-animation:fadeInUp 1s ease 0.3s forwards; -webkit-animation:fadeInUp 1s ease 0.3s forwards; animation:fadeInUp 1s ease 0.3s forwards; } .section_e .contact_cur ul li.item5 .en{ -moz-animation:fadeInLeft 1s ease 0.8s forwards; -webkit-animation:fadeInLeft 1s ease 0.8s forwards; animation:fadeInLeft 1s ease 0.8s forwards; } .section_e .contact_cur ul li.item5 .cn{ -moz-animation:fadeInRight 1s ease 0.8s forwards; -webkit-animation:fadeInRight 1s ease 0.8s forwards; animation:fadeInRight 1s ease 0.8s forwards; font-family:"微软雅黑";} .section_e .contact_cur ul li.item2 span{ -moz-animation:fadeInUp 1s ease 0.6s forwards; -webkit-animation:fadeInUp 1s ease 0.6s forwards; animation:fadeInUp 1s ease 0.6s forwards; } .section_e .contact_cur ul li.item2 .en{ -moz-animation:fadeInLeft 1s ease 1.1s forwards; -webkit-animation:fadeInLeft 1s ease 1.1s forwards; animation:fadeInLeft 1s ease 1.1s forwards; } .section_e .contact_cur ul li.item2 .cn{ -moz-animation:fadeInRight 1s ease 1.1s forwards; -webkit-animation:fadeInRight 1s ease 1.1s forwards; animation:fadeInRight 1s ease 1.1s forwards; } .section_e .contact_cur ul li.item3 span{ -moz-animation:fadeInUp 1s ease 0.9s forwards; -webkit-animation:fadeInUp 1s ease 0.9s forwards; animation:fadeInUp 1s ease 0.9s forwards; } .section_e .contact_cur ul li.item3 .en{ -moz-animation:fadeInLeft 1s ease 1.4s forwards; -webkit-animation:fadeInLeft 1s ease 1.4s forwards; animation:fadeInLeft 1s ease 1.4s forwards; } .section_e .contact_cur ul li.item3 .cn{ -moz-animation:fadeInRight 1s ease 1.4s forwards; -webkit-animation:fadeInRight 1s ease 1.4s forwards; animation:fadeInRight 1s ease 1.4s forwards; } .section_e .contact_cur ul li.item4 span{ -moz-animation:fadeInUp 1s ease 1.2s forwards; -webkit-animation:fadeInUp 1s ease 1.2s forwards; animation:fadeInUp 1s ease 1.2s forwards; } .section_e .contact_cur ul li.item4 .en{ -moz-animation:fadeInLeft 1s ease 1.7s forwards; -webkit-animation:fadeInLeft 1s ease 1.7s forwards; animation:fadeInLeft 1s ease 1.7s forwards; } .section_e .contact_cur ul li.item4 .cn{ -moz-animation:fadeInRight 1s ease 1.7s forwards; -webkit-animation:fadeInRight 1s ease 1.7s forwards; animation:fadeInRight 1s ease 1.7s forwards; font-family:"微软雅黑";} /*公司介绍--section_f*/ .section_f{ position:relative; overflow:hidden; } .f_mask{ width:100%; height:970px; position:absolute; top:0; left:0; background:url(http://www.bjmoses.com.cn/imgs/company/mask.png) no-repeat center top;} .slider{ width:1070px; height:600px; margin:0 auto; } .section_f .idea_slider,.section_f .idea_slider ul.imgs li{ width:1200px; overflow:hidden; height:620px; margin:0 auto; } .section_f .idea_slider{ position:relative; overflow:hidden; } .section_f .idea_slider ul.imgs li{ position:absolute; display:none; } ul.company_ctrs{ position:absolute; left:0; top:510px; width:100%; box-sizing:border-box; text-align:center; } ul.company_ctrs li{ width:10px; height:10px; text-indent:-999em; display:inline-block; cursor:pointer; *display:inline; *zoom:1; margin:0 4px; overflow:hidden; border-radius:10px; background:#fff; opacity:0.3; filter:alpha(opacity=30); } ul.company_ctrs li.cur{ opacity:1; filter:alpha(opacity=100); } ul.company_ctrs li:hover{ opacity:1; filter:alpha(opacity=100); } .section_f .f_l{ width:480px; position:absolute; left:50%; top:40px; margin:478px 0 0 -600px; line-height:24px; } .section_f .f_r .title{ width:240px; height:67px; background:url(http://www.bjmoses.com.cn/imgs/company/title_1.gif) no-repeat; margin-bottom:20px; } .section_f .f_l span.img,.section_f .f_l span.img2{ display:block; position:absolute; } .section_f .f_l span.img{ top:-195px; left:0; background:url(http://www.bjmoses.com.cn/imgs/company/img_bg.gif) no-repeat; width:165px; height:166px; } .section_f .f_l span.img2{ top:-305px; left:-33px; background:url(http://www.bjmoses.com.cn/imgs/company/img.png) no-repeat; width:275px; height:313px;} .section_f .f_r{ width:600px; height:300px; position:absolute; top:52%; left:45%; } .section_f .f_r span{ display:block; position:absolute; } .section_f .f_r span.img{ background:url(http://www.bjmoses.com.cn/imgs/company/gray_bg.png) no-repeat; width:474px; height:314px; } .section_f .f_r span.img2{ background:url(http://www.bjmoses.com.cn/imgs/company/gray_bg2.png) no-repeat; width:364px; height:123px; left:375px; } .section_f .f_r span.img3{ background:url(http://www.bjmoses.com.cn/imgs/company/img2.png) no-repeat; width:199px; height:335px; left:150px; top:-31px; } .section_f .f_r span.img5{ background:url(http://www.bjmoses.com.cn/imgs/company/img3.png) no-repeat; width:220px; height:231px; left:414px; top:-233px; } .section_f .f_r span.img6{ background:url(http://www.bjmoses.com.cn/imgs/company/title_2.gif) no-repeat; width:94px; height:95px; left:377px; top:-101px; } .section_f .f_r span.img7{ background:url(http://www.bjmoses.com.cn/imgs/company/title_3.gif) no-repeat; width:178px; height:61px; left:347px; top:252px; } /*响应*/ .win_775 .section_f .f_l{ margin:388px 0 0 -600px; } .win_775 .section_f .f_l span.img2{ top:-325px; } .win_775 .section_f .f_l span.img{ top:-215px; } .win_775 .section_f .f_r span.img{ margin-left:40px; } .win_775 .section_f .f_r span.img5{ left:444px; } .win_775 .section_f .f_r span.img6{ left:407px; } .win_775 .section_f .f_r span.img7{ top:242px; left:387px; } /*动画效果*/ .section_f .idea_slider,.section_f .f_l .img,.section_f .f_l .img2,.section_f .f_l .title,.section_f .f_l .text,.section_f .f_r span.img,.section_f .f_r span.img2,.section_f .f_r span.img3,.section_f .f_r span.img5,.section_f .f_r span.img6,.section_f .f_r span.img7,.f_mask{ opacity:0; } .no-cssanimations .section_f .idea_slider,.no-cssanimations .section_f .f_l .img,.no-cssanimations .section_f .f_l .img2,.no-cssanimations .section_f .f_l .title,.no-cssanimations .section_f .f_l .text,.no-cssanimations .section_f .f_r span.img,.no-cssanimations .section_f .f_r span.img2,.no-cssanimations .section_f .f_r span.img3,.no-cssanimations .section_f .f_r span.img5,.no-cssanimations .section_f .f_r span.img6,.no-cssanimations .section_f .f_r span.img7,.no-cssanimations .f_mask{ opacity:1; } .screen_cur .f_mask{ -moz-animation:fadeIn 0.5s ease 0s forwards; -webkit-animation:fadeIn 0.5s ease 0s forwards; animation:fadeIn 0.5s ease 0s forwards; } .screen_cur .idea_slider{ -moz-animation:fadeInUp 1s ease 0.5s forwards; -webkit-animation:fadeInUp 1s ease 0.5s forwards; animation:fadeInUp 1s ease 0.5s forwards; } .screen_cur .f_l .img{ -moz-animation:fadeInRight 0.6s ease 0.3s forwards; -webkit-animation:fadeInRight 0.6s ease 0.3s forwards; animation:fadeInRight 0.6s ease 0.3s forwards; } .screen_cur .f_l .img2{ -moz-animation:fadeInLeft 0.6s ease 0.6s forwards; -webkit-animation:fadeInLeft 0.6s ease 0.6s forwards; animation:fadeInLeft 0.6s ease 0.6s forwards; } .screen_cur .f_l .title{ -moz-animation:fadeInUp 0.6s ease 1s forwards; -webkit-animation:fadeInUp 0.6s ease 1s forwards; animation:fadeInUp 0.6s ease 1s forwards; } .screen_cur .f_l .text{ -moz-animation:fadeInUp 0.6s ease 1.2s forwards; -webkit-animation:fadeInUp 0.6s ease 1.2s forwards; animation:fadeInUp 0.6s ease 1.2s forwards; } .screen_cur .f_r span.img{ -moz-animation:fadeInLeft 0.6s ease 0s forwards; -webkit-animation:fadeInLeft 0.6s ease 0s forwards; animation:fadeInLeft 0.6s ease 0s forwards; } .screen_cur .f_r span.img2{ -moz-animation:fadeInLeft 0.6s ease 0.3s forwards; -webkit-animation:fadeInLeft 0.6s ease 0.3s forwards; animation:fadeInLeft 0.6s ease 0.3s forwards; } .screen_cur .f_r span.img3{ -moz-animation:fadeInRight 0.6s ease 0.6s forwards; -webkit-animation:fadeInRight 0.6s ease 0.6s forwards; animation:fadeInRight 0.6s ease 0.6s forwards; } .screen_cur .f_r span.img5{ -moz-animation:fadeInLeft 0.6s ease 0.9s forwards; -webkit-animation:fadeInLeft 0.6s ease 0.9s forwards; animation:fadeInLeft 0.6s ease 0.9s forwards; } .screen_cur .f_r span.img6{ -moz-animation:fadeInRight 0.6s ease 1.3s forwards; -webkit-animation:fadeInRight 0.6s ease 1.3s forwards; animation:fadeInRight 0.6s ease 1.3s forwards; } .screen_cur .f_r span.img7{ -moz-animation:fadeInLeft 0.6s ease 1.5s forwards; -webkit-animation:fadeInLeft 0.6s ease 1.5s forwards; animation:fadeInLeft 0.6s ease 1.5s forwards; } .section_g{ position:relative; overflow:hidden; background:#F8F8F8; } .section_g table{ width:100%; height:100%; } .section_g .g_2{ background:url(http://www.bjmoses.com.cn/imgs/company/i_5.png) no-repeat; width:408px; height:73px; margin:0 auto 50px; } .section_g ul{ width:1200px; margin:0 auto; } .section_g ul li{ width:300px; float:left; } .section_g ul li span{ display:block; width:170px; height:170px; margin:0 auto 20px; } .section_g ul li em{ display:block; width:170px; height:95px; margin:0 auto; } .section_g ul li.item span{ background:url(http://www.bjmoses.com.cn/imgs/company/i_1.png) no-repeat; } .section_g ul li.item2 span{ background:url(http://www.bjmoses.com.cn/imgs/company/i_2.png) no-repeat; } .section_g ul li.item3 span{ background:url(http://www.bjmoses.com.cn/imgs/company/i_3.png) no-repeat; } .section_g ul li.item4 span{ background:url(http://www.bjmoses.com.cn/imgs/company/i_4.png) no-repeat; } .section_g ul li.item em{ background:url(http://www.bjmoses.com.cn/imgs/company/t_1.png) no-repeat center 0; } .section_g ul li.item2 em{ background:url(http://www.bjmoses.com.cn/imgs/company/t_2.png) no-repeat center 0; } .section_g ul li.item3 em{ background:url(http://www.bjmoses.com.cn/imgs/company/t_3.png) no-repeat center 0; } .section_g ul li.item4 em{ background:url(http://www.bjmoses.com.cn/imgs/company/t_4.png) no-repeat center 0; } /*动画效果*/ .section_g ul li.item span,.section_g ul li.item em,.section_g ul li.item2 span,.section_g ul li.item2 em,.section_g ul li.item3 span,.section_g ul li.item3 em,.section_g ul li.item4 span,.section_g ul li.item4 em,.section_g .g_2{ opacity:0; } .no-cssanimations .section_g ul li.item span,.no-cssanimations .section_g ul li.item em,.no-cssanimations .section_g ul li.item2 span,.no-cssanimations .section_g ul li.item2 em,.no-cssanimations .section_g ul li.item3 span,.no-cssanimations .section_g ul li.item3 em,.no-cssanimations .section_g ul li.item4 span,.no-cssanimations .section_g ul li.item4 em,.no-cssanimations .section_g .g_2{ opacity:1; } /*.screen_cur ul li.item span{ -moz-animation:fadeIn 0.5s ease 0s forwards; -webkit-animation:fadeIn 0.5s ease 0s forwards; animation:fadeIn 0.5s ease 0s forwards; }*/ .screen_cur .g_1 li.item span{ -moz-animation:fadeInUp 1s ease 0s forwards; -webkit-animation:fadeInUp 1s ease 0s forwards; animation:fadeInUp 1s ease 0s forwards; } .screen_cur .g_1 li.item em{ -moz-animation:fadeInLeft 1s ease 0.5s forwards; -webkit-animation:fadeInLeft 1s ease 0.5s forwards; animation:fadeInLeft 1s ease 0.5s forwards; } .screen_cur .g_1 li.item2 span{ -moz-animation:fadeInUp 1s ease 0.3s forwards; -webkit-animation:fadeInUp 1s ease 0.3s forwards; animation:fadeInUp 1s ease 0.3s forwards; } .screen_cur .g_1 li.item2 em{ -moz-animation:fadeInLeft 1s ease 0.8s forwards; -webkit-animation:fadeInLeft 1s ease 0.8s forwards; animation:fadeInLeft 1s ease 0.8s forwards; } .screen_cur .g_1 li.item3 span{ -moz-animation:fadeInUp 1s ease 0.6s forwards; -webkit-animation:fadeInUp 1s ease 0.6s forwards; animation:fadeInUp 1s ease 0.6s forwards; } .screen_cur .g_1 li.item3 em{ -moz-animation:fadeInLeft 1s ease 1.1s forwards; -webkit-animation:fadeInLeft 1s ease 1.1s forwards; animation:fadeInLeft 1s ease 1.1s forwards; } .screen_cur .g_1 li.item4 span{ -moz-animation:fadeInUp 1s ease 0.9s forwards; -webkit-animation:fadeInUp 1s ease 0.9s forwards; animation:fadeInUp 1s ease 0.9s forwards; } .screen_cur .g_1 li.item4 em{ -moz-animation:fadeInLeft 1s ease 1.4s forwards; -webkit-animation:fadeInLeft 1s ease 1.4s forwards; animation:fadeInLeft 1s ease 1.4s forwards; } .screen_cur .g_2{ -moz-animation:fadeInUp 1s ease 1.6s forwards; -webkit-animation:fadeInUp 1s ease 1.6s forwards; animation:fadeInUp 1s ease 1.6s forwards; } /*服务优势--section_h*/ .section_h{ position:relative; overflow:hidden; } .section_h .banner{ width:100%; height:100%; position:absolute; } .section_h .banner span{ display:block; position:absolute; } .section_h .pic{ position:absolute; width:1920px; height:100%; left:50%; margin-left:-960px; display:none; } /*banner1*/ .section_h .pic_1_1{ background:url(http://www.bjmoses.com.cn/imgs/service/b_1_1.png) no-repeat; width:1920px; height:655px; top:130px; } .section_h .pic_1_2{ width:802px; height:288px; left:50%; top:50%; margin:-194px 0 0 -401px; } .section_h .pic_1_2 em{ display:block; width:100%; height:288px; background:url(http://www.bjmoses.com.cn/imgs/service/b_1_2.png) no-repeat; } .section_h .pic_1_3{ background:url(http://www.bjmoses.com.cn/imgs/service/b_1_4.png) no-repeat; width:567px; height:70px; top:50%; left:50%; margin:110px 0 0 -283px; z-index:2; } .section_h .pic_1_4{ background:url(http://www.bjmoses.com.cn/imgs/service/b_1_5.png) no-repeat; width:656px; height:73px; top:50%; left:50%; margin:210px 0 0 -328px; } .section_h .pic_1_5{ background:url(http://www.bjmoses.com.cn/imgs/service/b_1_3.png) no-repeat; width:298px; height:218px; top:50%; left:50%; margin:-127px 0 0 -149px; } .section_h .pic_1_6{ width:96px; height:83px; top:50%; left:50%; margin:-124px 0 0 -384px; } .section_h .pic_1_6 em{ background:url(http://www.bjmoses.com.cn/imgs/service/b_1_6.png) no-repeat; display:block; width:100%; height:83px; } .section_h .pic_1_7{ width:46px; height:39px; top:50%; left:50%; margin:-292px 0 0 -4px; } .section_h .pic_1_7 em{ display:block; width:100%; height:39px; background:url(http://www.bjmoses.com.cn/imgs/service/b_1_8.png) no-repeat; } .section_h .pic_1_8{ width:31px; height:37px; top:50%; left:50%; margin:81px 0 0 236px; } .section_h .pic_1_8 em{ display:block; width:100%; height:37px; background:url(http://www.bjmoses.com.cn/imgs/service/b_1_7.png) no-repeat; } /*banner2*/ .section_h .pic_2_1{ background:url(http://www.bjmoses.com.cn/imgs/service/b_2_1.png) no-repeat; width:1920px; height:451px; background:url(http://www.bjmoses.com.cn/imgs/service/b_2_1.png) no-repeat; top:130px; } .section_h .pic_2_2{ width:768px; height:497px; left:50%; top:50%; margin:-364px 0 0 -384px; } .section_h .pic_2_2 em{ display:block; width:100%; height:497px; background:url(http://www.bjmoses.com.cn/imgs/service/b_2_4.png) no-repeat; } .section_h .pic_2_3{ background:url(http://www.bjmoses.com.cn/imgs/service/b_1_4.png) no-repeat; width:567px; height:70px; top:50%; left:50%; margin:110px 0 0 -283px; } .section_h .pic_2_4{ background:url(http://www.bjmoses.com.cn/imgs/service/b_2_3.png) no-repeat; width:215px; height:191px; top:50%; left:50%; margin:-62px 0 0 -113px; z-index:2; } .section_h .pic_2_5{ width:248px; height:248px; top:50%; left:50%; margin:-242px 0 0 -130px; } .section_h .pic_2_5 em{ display:block; width:100%; height:248px; background:url(http://www.bjmoses.com.cn/imgs/service/b_2_2.png) no-repeat; } .section_h .pic_2_6{ background:url(http://www.bjmoses.com.cn/imgs/service/b_2_5.png) no-repeat; width:512px; height:72px; top:50%; left:50%; margin:210px 0 0 -256px; } .section_i .pic_2_1{ background:url(http://www.bjmoses.com.cn/imgs/service/b_2_1.png) no-repeat; width:1920px; height:451px; background:url(http://www.bjmoses.com.cn/imgs/service/b_2_1.png) no-repeat; top:130px; } .section_i .pic_2_2{ width:768px; height:497px; left:50%; top:50%; margin:-364px 0 0 -384px; } .section_i .pic_2_2 em{ display:block; width:100%; height:497px; background:url(http://www.bjmoses.com.cn/imgs/service/b_2_4.png) no-repeat; } .section_i .pic_2_3{ background:url(http://www.bjmoses.com.cn/imgs/service/b_1_4.png) no-repeat; width:567px; height:70px; top:50%; left:50%; margin:110px 0 0 -283px; } .section_i .pic_2_4{ background:url(http://www.bjmoses.com.cn/imgs/service/b_2_3.png) no-repeat; width:215px; height:191px; top:50%; left:50%; margin:-62px 0 0 -113px; z-index:2; } .section_i .pic_2_5{ width:248px; height:248px; top:50%; left:50%; margin:-242px 0 0 -130px; } .section_i .pic_2_5 em{ display:block; width:100%; height:248px; background:url(http://www.bjmoses.com.cn/imgs/service/b_2_2.png) no-repeat; } .section_i .pic_2_6{ background:url(http://www.bjmoses.com.cn/imgs/service/b_2_5.png) no-repeat; width:512px; height:72px; top:50%; left:50%; margin:210px 0 0 -256px; } /*banner3*/ .section_h .pic_3_1{ background:url(http://www.bjmoses.com.cn/imgs/service/b_3_1.png) no-repeat; width:1920px; height:596px; top:130px; } .section_h .pic_3_2{ width:760px; height:506px; top:50%; left:50%; margin:-340px 0 0 -370px; } .section_h .pic_3_2 em{ display:block; width:100%; height:506px; background:url(http://www.bjmoses.com.cn/imgs/service/b_3_5.png) no-repeat; } .section_h .pic_3_3{ background:url(http://www.bjmoses.com.cn/imgs/service/b_1_4.png) no-repeat; width:567px; height:70px; top:50%; left:50%; margin:110px 0 0 -283px; } .section_h .pic_3_4{ background:url(http://www.bjmoses.com.cn/imgs/service/b_3_3.png) no-repeat; width:190px; height:189px; top:50%; left:50%; margin:-66px 0 0 -160px; } .section_h .pic_3_5{ width:143px; height:142px; left:50%; top:50%; margin:-202px 0 0 20px; } .section_h .pic_3_5 em{ display:block; width:100%; height:142px; background:url(http://www.bjmoses.com.cn/imgs/service/b_3_2.png) no-repeat; } .section_h .pic_3_6{ background:url(http://www.bjmoses.com.cn/imgs/service/b_3_4.png) no-repeat; width:560px; height:73px; left:50%; top:50%; margin:208px 0 0 -280px; } /*banner4*/ .section_h .pic_4_1{ background:url(http://www.bjmoses.com.cn/imgs/service/b_4_1.png) no-repeat; width:1920px; height:550px; top:130px; } .section_h .pic_4_2{ background:url(http://www.bjmoses.com.cn/imgs/service/b_1_4.png) no-repeat; width:567px; height:70px; top:50%; left:50%; margin:110px 0 0 -283px; } .section_h .pic_4_3{ width:809px; height:434px; left:50%; top:50%; margin:-340px 0 0 -370px; } .section_h .pic_4_3 em{ background:url(http://www.bjmoses.com.cn/imgs/service/b_4_7.png) no-repeat; display:block; width:100%; height:434px; } .section_h .pic_4_4{ background:url(http://www.bjmoses.com.cn/imgs/service/b_4_6.png) no-repeat; width:253px; height:108px; left:50%; top:50%; margin:10px 0 0 -120px; } .section_h .pic_4_5{ background:url(http://www.bjmoses.com.cn/imgs/service/b_4_2.png) no-repeat; width:174px; height:173px; left:50%; top:50%; margin:-200px 0 0 -77px; } .section_h .pic_4_6{ width:78px; height:77px; left:50%; top:50%; margin:0 0 0 -365px; } .section_h .pic_4_6 em{ display:block; width:100%; height:77px; background:url(http://www.bjmoses.com.cn/imgs/service/b_4_4.png) no-repeat; } .section_h .pic_4_7{ width:57px; height:54px; left:50%; top:50%; margin:-140px 0 0 225px; } .section_h .pic_4_7 em{ display:block; width:100%; height:54px; background:url(http://www.bjmoses.com.cn/imgs/service/b_4_5.png) no-repeat; } .section_h .pic_4_8{ width:84px; height:73px; left:50%; top:50%; margin:-340px 0 0 -85px; } .section_h .pic_4_8 em{ background:url(http://www.bjmoses.com.cn/imgs/service/b_4_3.png) no-repeat; display:block; width:100%; height:73px; } .section_h .pic_4_9{ background:url(http://www.bjmoses.com.cn/imgs/service/b_4_8.png) no-repeat; width:513px; height:73px; left:50%; top:50%; margin:208px 0 0 -256px; } .h_14{} .section_h .banner ul.ctrs{ position:absolute; width:100%; left:0; bottom:3%; text-align:center; } .section_h .banner ul.ctrs li{ width:7px; height:7px; font-size:0; text-indent:-999em; cursor:pointer; overflow:hidden; margin:0 6px; cursor:pointer; border-radius:1000px; border:1px solid #BDBDBD; background:#fff; display:inline-block; *display:inline; *zoom:1; } .section_h .banner ul.ctrs li.cur{ background:#BDBDBD; } .section_h .pic_1 span,.section_h .pic_2 span,.section_h .pic_3 span,.section_h .pic_4 span{ opacity:0; } .no-cssanimations .section_h .pic_1 span,.no-cssanimations .section_h .pic_2 span,.no-cssanimations .section_h .pic_3 span,.no-cssanimations .section_h .pic_4 span{ opacity:1; } .section_h .pic_cur .pic_1_1{ -moz-animation:fadeInDown 1s ease 0s forwards; -webkit-animation:fadeInDown 1s ease 0s forwards; animation:fadeInDown 1s ease 0s forwards; } .section_h .pic_cur .pic_1_2{ -moz-animation:fadeInUp 1s ease 0.2s forwards; -webkit-animation:fadeInUp 1s ease 0.2s forwards; animation:fadeInUp 1s ease 0.2s forwards; } .section_h .pic_cur .pic_1_2 em{ -moz-animation:UpDown2 2s linear 0s infinite; -webkit-animation:UpDown2 2s linear 0s infinite; animation:UpDown2 2s linear 0s infinite; } .section_h .pic_cur .pic_1_3{ -moz-animation:fadeInUp 1s ease 0.4s forwards; -webkit-animation:fadeInUp 1s ease 0.4s forwards; animation:fadeInUp 1s ease 0.4s forwards; } .section_h .pic_cur .pic_1_4{ -moz-animation:fadeInUp 1s ease 0.6s forwards; -webkit-animation:fadeInUp 1s ease 0.6s forwards; animation:fadeInUp 1s ease 0.6s forwards; } .section_h .pic_cur .pic_1_5{ -moz-animation:fadeInRight 1s ease 0.8s forwards; -webkit-animation:fadeInRight 1s ease 0.8s forwards; animation:fadeInRight 1s ease 0.8s forwards; } .section_h .pic_cur .pic_1_6{ -moz-animation:fadeInUp 1s ease 1s forwards; -webkit-animation:fadeInUp 1s ease 1s forwards; animation:fadeInUp 1s ease 1s forwards; } .section_h .pic_cur .pic_1_6 em{ -moz-animation:rotate 12s linear 0s infinite; -webkit-animation:rotate 12s linear 0s infinite; animation:rotate 12s linear 0s infinite; } .section_h .pic_cur .pic_1_7{ -moz-animation:fadeInUp 1s ease 1.2s forwards; -webkit-animation:fadeInUp 1s ease 1.2s forwards; animation:fadeInUp 1s ease 1.2s forwards; } .section_h .pic_cur .pic_1_7 em{ -moz-animation:UpDown2 2s linear .5s infinite; -webkit-animation:UpDown2 2s linear .5s infinite; animation:UpDown2 2s linear .5s infinite; } .section_h .pic_cur .pic_1_8{ -moz-animation:fadeInUp 1s ease 1.4s forwards; -webkit-animation:fadeInUp 1s ease 1.4s forwards; animation:fadeInUp 1s ease 1.4s forwards; } .section_h .pic_cur .pic_1_8 em{ -moz-animation:rotate 8s linear .5s infinite; -webkit-animation:rotate 8s linear .5s infinite; animation:rotate 8s linear .5s infinite; } .section_h .pic_cur .pic_2_1{ -moz-animation:fadeInDown 1s ease 0s forwards; -webkit-animation:fadeInUp 1s ease 0s forwards; animation:fadeInDown 1s ease 0s forwards; } .section_h .pic_cur .pic_2_2{ -moz-animation:fadeInUp 1s ease 0.2s forwards; -webkit-animation:fadeInUp 1s ease 0.2s forwards; animation:fadeInUp 1s ease 0.2s forwards; } .section_h .pic_cur .pic_2_2 em{ -moz-animation:UpDown2 4s linear .5s infinite; -webkit-animation:UpDown2 4s linear .5s infinite; animation:UpDown2 4s linear .5s infinite; } .section_h .pic_cur .pic_2_3{ -moz-animation:fadeInUp 1s ease 0.4s forwards; -webkit-animation:fadeInUp 1s ease 0.4s forwards; animation:fadeInUp 1s ease 0.4s forwards; } .section_h .pic_cur .pic_2_4{ -moz-animation:fadeInRight 1s ease 0.6s forwards; -webkit-animation:fadeInRight 1s ease 0.6s forwards; animation:fadeInRight 1s ease 0.6s forwards; } .section_h .pic_cur .pic_2_5{ -moz-animation:fadeInUp 1s ease 0.8s forwards; -webkit-animation:fadeInUp 1s ease 0.8s forwards; animation:fadeInUp 1s ease 0.8s forwards; } .section_h .pic_cur .pic_2_5 em{ -moz-animation:rotate 8s linear .5s infinite; -webkit-animation:rotate 8s linear .5s infinite; animation:rotate 8s linear .5s infinite; } .section_h .pic_cur .pic_2_6{ -moz-animation:fadeInUp 1s ease 1s forwards; -webkit-animation:fadeInUp 1s ease 1s forwards; animation:fadeInUp 1s ease 1s forwards; } .section_i .pic_cur .pic_2_1{ -moz-animation:fadeInDown 1s ease 0s forwards; -webkit-animation:fadeInUp 1s ease 0s forwards; animation:fadeInDown 1s ease 0s forwards; } .section_i .pic_cur .pic_2_2{ -moz-animation:fadeInUp 1s ease 0.2s forwards; -webkit-animation:fadeInUp 1s ease 0.2s forwards; animation:fadeInUp 1s ease 0.2s forwards; } .section_i .pic_cur .pic_2_2 em{ -moz-animation:UpDown2 4s linear .5s infinite; -webkit-animation:UpDown2 4s linear .5s infinite; animation:UpDown2 4s linear .5s infinite; } .section_i .pic_cur .pic_2_3{ -moz-animation:fadeInUp 1s ease 0.4s forwards; -webkit-animation:fadeInUp 1s ease 0.4s forwards; animation:fadeInUp 1s ease 0.4s forwards; } .section_i .pic_cur .pic_2_4{ -moz-animation:fadeInRight 1s ease 0.6s forwards; -webkit-animation:fadeInRight 1s ease 0.6s forwards; animation:fadeInRight 1s ease 0.6s forwards; } .section_i .pic_cur .pic_2_5{ -moz-animation:fadeInUp 1s ease 0.8s forwards; -webkit-animation:fadeInUp 1s ease 0.8s forwards; animation:fadeInUp 1s ease 0.8s forwards; } .section_i .pic_cur .pic_2_5 em{ -moz-animation:rotate 8s linear .5s infinite; -webkit-animation:rotate 8s linear .5s infinite; animation:rotate 8s linear .5s infinite; } .section_i .pic_cur .pic_2_6{ -moz-animation:fadeInUp 1s ease 1s forwards; -webkit-animation:fadeInUp 1s ease 1s forwards; animation:fadeInUp 1s ease 1s forwards; } .section_h .pic_cur .pic_3_1{ -moz-animation:fadeInDown 1s ease 0s forwards; -webkit-animation:fadeInDown 1s ease 0s forwards; animation:fadeInDown 1s ease 0s forwards; } .section_h .pic_cur .pic_3_2{ -moz-animation:fadeInUp 1s ease 0.2s forwards; -webkit-animation:fadeInUp 1s ease 0.2s forwards; animation:fadeInUp 1s ease 0.2s forwards; } .section_h .pic_cur .pic_3_2 em{ -moz-animation:UpDown2 3s linear 0s infinite; -webkit-animation:UpDown2 3s linear 0s infinite; animation:UpDown2 3s linear 0s infinite; } .section_h .pic_cur .pic_3_3{ -moz-animation:fadeInUp 1s ease 0.4s forwards; -webkit-animation:fadeInUp 1s ease 0.4s forwards; animation:fadeInUp 1s ease 0.4s forwards; } .section_h .pic_cur .pic_3_4{ -moz-animation:fadeInLeft 1s ease 0.6s forwards; -webkit-animation:fadeInLeft 1s ease 0.6s forwards; animation:fadeInLeft 1s ease 0.6s forwards; } .section_h .pic_cur .pic_3_5{ -moz-animation:fadeInUp 1s ease 0.8s forwards; -webkit-animation:fadeInUp 1s ease 0.8s forwards; animation:fadeInUp 1s ease 0.8s forwards; } .section_h .pic_cur .pic_3_5 em{ -moz-animation:UpDown2 2s linear .5s infinite; -webkit-animation:UpDown2 2s linear .5s infinite; animation:UpDown2 2s linear .5s infinite; } .section_h .pic_cur .pic_3_6{ -moz-animation:fadeInUp 1s ease 1s forwards; -webkit-animation:fadeInUp 1s ease 1s forwards; animation:fadeInUp 1s ease 1s forwards; } .section_h .pic_cur .pic_4_1{ -moz-animation:fadeInDown 1s ease 0s forwards; -webkit-animation:fadeInDown 1s ease 0s forwards; animation:fadeInDown 1s ease 0s forwards; } .section_h .pic_cur .pic_4_2{ -moz-animation:fadeInUp 1s ease 0.2s forwards; -webkit-animation:fadeInUp 1s ease 0.2s forwards; animation:fadeInUp 1s ease 0.2s forwards; } .section_h .pic_cur .pic_4_3{ -moz-animation:fadeInUp 1s ease 0.4s forwards; -webkit-animation:fadeInUp 1s ease 0.4s forwards; animation:fadeInUp 1s ease 0.4s forwards; } .section_h .pic_cur .pic_4_3 em{ -moz-animation:UpDown2 2s linear .5s infinite; -webkit-animation:UpDown2 2s linear .5s infinite; animation:UpDown2 2s linear .5s infinite; } .section_h .pic_cur .pic_4_4{ -moz-animation:fadeInRight 1s ease 0.6s forwards; -webkit-animation:fadeInRight 1s ease 0.6s forwards; animation:fadeInRight 1s ease 0.6s forwards; } .section_h .pic_cur .pic_4_5{ -moz-animation:fadeInUp 1s ease 0.8s forwards; -webkit-animation:fadeInUp 1s ease 0.8s forwards; animation:fadeInUp 1s ease 0.8s forwards; } .section_h .pic_cur .pic_4_6{ -moz-animation:fadeInUp 1s ease 1s forwards; -webkit-animation:fadeInUp 1s ease 1s forwards; animation:fadeInUp 1s ease 1s forwards; } .section_h .pic_cur .pic_4_6 em{ -moz-animation:UpDown2 2s linear 1.5s infinite; -webkit-animation:UpDown2 2s linear 1.5s infinite; animation:UpDown2 2s linear 1.5s infinite; } .section_h .pic_cur .pic_4_7{ -moz-animation:fadeInUp 1s ease 1.2s forwards; -webkit-animation:fadeInUp 1s ease 1.2s forwards; animation:fadeInUp 1s ease 1.2s forwards; } .section_h .pic_cur .pic_4_7 em{ -moz-animation:UpDown2 2s linear 1s infinite; -webkit-animation:UpDown2 2s linear 1s infinite; animation:UpDown2 2s linear 1s infinite; } .section_h .pic_cur .pic_4_8{ -moz-animation:fadeInUp 1s ease 1.4s forwards; -webkit-animation:fadeInUp 1s ease 1.4s forwards; animation:fadeInUp 1s ease 1.4s forwards; } .section_h .pic_cur .pic_4_8 em{ -moz-animation:rotate 8s linear .5s infinite; -webkit-animation:rotate 8s linear .5s infinite; animation:rotate 8s linear .5s infinite; } .section_h .pic_cur .pic_4_9{ -moz-animation:fadeInUp 1s ease 1.6s forwards; -webkit-animation:fadeInUp 1s ease 1.6s forwards; animation:fadeInUp 1s ease 1.6s forwards; } .section_i{ position:relative; overflow:hidden; background:#fff;} .section_i .i_1{ text-align:center; margin-bottom:25px; } .section_i .i_2{ width:845px; margin:0 auto 28px; line-height:24px; } .section_i .i_3{ width:1200px; position:relative; margin:0 auto; background-color:#0CC; } .section_i .scroll{ width:980px; height:520px; position:relative; margin:0 auto; overflow:hidden; } .section_i .scroll_cont{ width:980px; height:520px; position:absolute; top:0; left:0; } .section_i .scroll_cont .item{ width:400px; height:520px; padding-left:90px; float:left; position:relative; } .section_i .scroll_cont .man span,.section_i .scroll_cont .woman span{ display:block; width:200px; height:245px; -moz-transform-origin:50% 100%; -webkit-transform-origin:50% 100%; transform-origin:50% 100%; } .section_i .scroll_cont .item img{ width:100%; } .section_i .scroll_cont .man{ background:url(http://www.bjmoses.com.cn/imgs/service/i_4.png) no-repeat 103px 97px; } .section_i .scroll_cont .woman{ background:url(http://www.bjmoses.com.cn/imgs/service/i_5.png) no-repeat 147px 221px; } .section_i .scroll_cont .item em.name{ top:240px; left:307px; color:#555; position:absolute; font-family:"微软雅黑"; font-size:24px; } .section_i .scroll_cont .item em.zhiwu{ top:270px; left:307px; font-family:"微软雅黑"; font-size:16px; color:#555; position:absolute; } .section_i .scroll_cont .item:hover span{ -moz-animation:rotate3 1.5s linear 0s infinite; -webkit-animation:rotate3 1.5s linear 0s infinite; animation:rotate3 1.5s linear 0s infinite; } .section_i .scroll_l,.section_i .scroll_r{display:block; position:absolute; top:50%; width:45px; z-index:2; margin-top:-61px; height:122px; cursor:pointer; } .section_i .scroll_l{ left:0; background:url(http://www.bjmoses.com.cn/imgs/service/i_2.png) no-repeat; } .section_i .scroll_r{ right:0; background:url(http://www.bjmoses.com.cn/imgs/service/i_3.png) no-repeat; } .section_i table{ width:100%; height:100%; } .section_i table tr td{ height:100%; width:100%; } .section_i .i_1,.section_i .i_2{ opacity:0; } .no-cssanimations .section_i .i_1,.no-cssanimations .section_i .i_2{ opacity:1; } .screen_cur .i_1{ -moz-animation:fadeInUp 1s ease 0s forwards; -webkit-animation:fadeInUp 1s ease 0s forwards; animation:fadeInUp 1s ease 0s forwards; } .screen_cur .i_2{ -moz-animation:fadeInUp 1s ease 0.4s forwards; -webkit-animation:fadeInUp 1s ease 0.4s forwards; animation:fadeInUp 1s ease 0.4s forwards; } /*响应*/ .win_775 .section_i .scroll_cont .man span,.win_775 .section_i .scroll_cont .woman span{ width:150px; height:184px; } .win_775 .section_i .scroll_cont .man{ background:url(http://www.bjmoses.com.cn/imgs/service/i_4_small.png) no-repeat 104px 78px; } .win_775 .section_i .scroll_cont .woman{ background:url(http://www.bjmoses.com.cn/imgs/service/i_5_small.png) no-repeat 134px 163px; } .win_775 .section_i .scroll_cont .item,.win_775 .section_i .scroll_cont,.win_775 .section_i .scroll{ height:385px; } .win_775 .section_i .scroll_cont .item em.name{ top: 190px; left: 267px; } .win_775 .section_i .i_1{ margin-bottom:15px; } .win_775 .section_i .i_2{ margin:0 auto 8px; } /*合作与发展--section_j*/ .section_j{ position:relative; overflow:hidden; } .section_j span{ display:block; position:absolute; } .section_j .j_1{ background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_11.png) no-repeat; width:1920px; height:135px; left:50%; top:68%; margin-left:-960px; } .section_j .j_2{ background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_12.png) no-repeat; width:272px; height:226px; left:50%; top:50%; margin:-103px 0 0 -106px; } .section_j .j_3{ width:783px; height:485px; left:50%; top:50%; margin:-253px 0 0 -366px; } .section_j .j_3 span{ display:block; position:absolute; width:100%; height:485px; background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_1.png) no-repeat; } .section_j .j_4,.section_j .j_5,.section_j .j_6,.section_j .j_7,.section_j .j_8,.section_j .j_9,.section_j .j_10,.section_j .j_11,.section_j .j_12{ width:130px; height:70px; position:absolute; left:50%; top:50%; text-align:center; } .section_j .j_4{ margin:-202px 0 0 -315px; } .section_j .j_4 img,.section_j .j_5 img,.section_j .j_6 img,.section_j .j_7 img,.section_j .j_8 img,.section_j .j_9 img,.section_j .j_10 img,.section_j .j_11 img,.section_j .j_12 img{ position:relative; z-index:2; } .section_j .j_4 em,.section_j .j_5 em,.section_j .j_6 em,.section_j .j_7 em,.section_j .j_8 em,.section_j .j_9 em,.section_j .j_10 em,.section_j .j_11 em,.section_j .j_12 em{ display:block; position:absolute; } .section_j .j_4 em{ width:131px; height:169px; background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_13.png) no-repeat; top:-48px; left:-17px; } .section_j .j_5{ margin:-265px 0 0 -123px; } .section_j .j_5 em{ width:140px; height:127px; background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_14.png) no-repeat; top:-30px; left:-1px; } .section_j .j_6{ margin:-247px 0 0 96px; } .section_j .j_6 em{ width:160px; height:133px; background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_15.png) no-repeat; top:-27px; left:-21px; } .section_j .j_7{ margin:-166px 0 0 306px; } .section_j .j_7 em{ width:161px; height:133px; background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_16.png) no-repeat; top:-27px; left:-13px; } .section_j .j_8{ margin:14px 0 0 324px; } .section_j .j_8 em{ width:122px; height:138px; background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_17.png) no-repeat; top:-45px; left:18px; } .section_j .j_9{ margin:154px 0 0 200px; } .section_j .j_9 em{ background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_18.png) no-repeat; width:177px; height:182px; top:-65px; left:-17px; } .section_j .j_10{ margin:192px 0 0 -59px; } .section_j .j_10 em{ background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_19.png) no-repeat; width:227px; height:166px; top:-44px; left:-47px; } .section_j .j_11{ margin:108px 0 0 -290px; } .section_j .j_11 em{ background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_20.png) no-repeat; width:173px; height:152px; top:-41px; left:-28px; } .section_j .j_12{ margin:-25px 0 0 -413px; } .section_j .j_12 em{ background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_21.png) no-repeat; width:161px; height:157px; top:-65px; left:7px; } .section_j .j_13{ background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_22.png) no-repeat; width:156px; height:72px; top:50%; left:50%; margin:335px 0 0 -81px; } .section_j .j_14{ background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_23.png) no-repeat; width:209px; height:126px; top:50%; left:50%; margin:-55px 0 0 -683px; } .section_j .j_15{ width:142px; height:141px; top:50%; left:50%; margin:-275px 0 0 493px; } /*.section_j .j_15 em.item{ display:block; width:142px; height:141px; background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_24.png) no-repeat; }*/ .section_j .j_15 em.item{ display:block; width:89px; height:77px; background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_27.png) no-repeat center; position:absolute; left:10px; bottom:0; } .section_j .j_15 em.item2{ display:block; width:100%; height:141px; background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_24.png) no-repeat center; position:absolute; left:0; top:0; } .section_j .j_16{ width:1410px; height:623px; top:50%; left:50%; margin:-275px 0 0 -630px; z-index:1; } .section_j .j_16 em{ display:block; width:100%; height:623px; background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_26.png) no-repeat; } .section_j .logo_box{ z-index:2; cursor:pointer; } .section_j .logo_box img{ width:100px; height:auto; } .section_j .logo_box span{ display:block; position:relative; } .section_j .logo_box em{ -moz-transform:rotate(0); -webkit-transform:rotate(0); transform:rotate(0); -moz-transition:transform ease 0.4s; -webkit-transition:transform ease 0.4s; transition:transform ease 0.4s; } .section_j .logo_box_hover em{ background-position:right top; -moz-transform:rotate(10deg); -webkit-transform:rotate(10deg); transform:rotate(10deg); } .section_j .j_1,.section_j .j_2,.section_j .j_3,.section_j .j_4,.section_j .j_5,.section_j .j_6,.section_j .j_7,.section_j .j_8,.section_j .j_9,.section_j .j_10,.section_j .j_11,.section_j .j_12,.section_j .j_13,.section_j .j_14,.section_j .j_15,.section_j .j_16{ opacity:0; } .no-cssanimations .section_j .j_1,.no-cssanimations .section_j .j_2,.no-cssanimations .section_j .j_3,.no-cssanimations .section_j .j_4,.no-cssanimations .section_j .j_5,.no-cssanimations .section_j .j_6,.no-cssanimations .section_j .j_7,.no-cssanimations .section_j .j_8,.no-cssanimations .section_j .j_9,.no-cssanimations .section_j .j_10,.no-cssanimations .section_j .j_11,.no-cssanimations .section_j .j_12,.no-cssanimations .section_j .j_13,.no-cssanimations .section_j .j_14,.no-cssanimations .section_j .j_15,.no-cssanimations .section_j .j_16{ opacity:1; } .screen_cur .j_2{ -moz-animation:fadeInUp 1s ease 0s forwards; -webkit-animation:fadeInUp 1s ease 0s forwards; animation:fadeInUp 1s ease 0s forwards; } .screen_cur .j_3{ -moz-animation:fadeInLeft 1s ease 3s forwards; -webkit-animation:fadeInLeft 1s ease 3s forwards; animation:fadeInLeft 1s ease 3s forwards; } .screen_cur .j_4{ -moz-animation:rotateIn 1s ease 0.5s forwards; -webkit-animation:rotateIn 1s ease 0.5s forwards; animation:rotateIn 1s ease 0.5s forwards; } .screen_cur .j_5{ -moz-animation:rotateIn 1s ease 0.7s forwards; -webkit-animation:rotateIn 1s ease 0.7s forwards; animation:rotateIn 1s ease 0.7s forwards; } .screen_cur .j_6{ -moz-animation:rotateIn 1s ease 0.9s forwards; -webkit-animation:rotateIn 1s ease 0.9s forwards; animation:rotateIn 1s ease 0.9s forwards; } .screen_cur .j_7{ -moz-animation:rotateIn 1s ease 1.1s forwards; -webkit-animation:rotateIn 1s ease 1.1s forwards; animation:rotateIn 1s ease 1.1s forwards; } .screen_cur .j_8{ -moz-animation:rotateIn 1s ease 1.3s forwards; -webkit-animation:rotateIn 1s ease 1.3s forwards; animation:rotateIn 1s ease 1.3s forwards; } .screen_cur .j_9{ -moz-animation:rotateIn 1s ease 1.5s forwards; -webkit-animation:rotateIn 1s ease 1.5s forwards; animation:rotateIn 1s ease 1.5s forwards; } .screen_cur .j_10{ -moz-animation:rotateIn 1s ease 1.7s forwards; -webkit-animation:rotateIn 1s ease 1.7s forwards; animation:rotateIn 1s ease 1.7s forwards; } .screen_cur .j_11{ -moz-animation:rotateIn 1s ease 1.9s forwards; -webkit-animation:rotateIn 1s ease 1.9s forwards; animation:rotateIn 1s ease 1.9s forwards; } .screen_cur .j_12{ -moz-animation:rotateIn 1s ease 2.1s forwards; -webkit-animation:rotateIn 1s ease 2.1s forwards; animation:rotateIn 1s ease 2.1s forwards; } .screen_cur .j_1{ -moz-animation:fadeInUp 1s ease 1.5s forwards; -webkit-animation:fadeInUp 1s ease 1.5s forwards; animation:fadeInUp 1s ease 1.5s forwards; } .screen_cur .j_13{ -moz-animation:fadeInUp 1s ease 2s forwards; -webkit-animation:fadeInUp 1s ease 2s forwards; animation:fadeInUp 1s ease 2s forwards; } .screen_cur .j_14{ -moz-animation:fadeInLeft 1s ease 2.5s forwards; -webkit-animation:fadeInLeft 1s ease 2.5s forwards; animation:fadeInLeft 1s ease 2.5s forwards; } .screen_cur .j_15{ -moz-animation:fadeInLeft 1s ease 3s forwards; -webkit-animation:fadeInLeft 1s ease 3s forwards; animation:fadeInLeft 1s ease 3s forwards; } .screen_cur .j_16{ -moz-animation:fadeInUp 1s ease 3.5s forwards; -webkit-animation:fadeInUp 1s ease 3.5s forwards; animation:fadeInUp 1s ease 3.5s forwards; } /*.screen_cur .j_15 em{ -moz-animation:UpDown2 6s linear 2.8s infinite; -webkit-animation:UpDown2 6s linear 2.8s infinite; animation:UpDown2 6s linear 2.8s infinite; }*/ .screen_cur .j_16 em{ -moz-animation:UpDown2 3s linear 1s infinite; -webkit-animation:UpDown2 3s linear 1s infinite; animation:UpDown2 3s linear 1s infinite; } .screen_cur .j_4 span{ -moz-animation:UpDown2 3s linear 0s infinite; -webkit-animation:UpDown2 3s linear 0s infinite; animation:UpDown2 3s linear 0s infinite; } .screen_cur .j_5 span{ -moz-animation:UpDown2 3s linear 0.5s infinite; -webkit-animation:UpDown2 3s linear 0.5s infinite; animation:UpDown2 3s linear 0.5s infinite; } .screen_cur .j_6 span{ -moz-animation:UpDown2 3s linear 1s infinite; -webkit-animation:UpDown2 3s linear 1s infinite; animation:UpDown2 3s linear 1s infinite; } .screen_cur .j_7 span{ -moz-animation:UpDown2 3s linear 1.5s infinite; -webkit-animation:UpDown2 3s linear 1.5s infinite; animation:UpDown2 3s linear 1.5s infinite; } .screen_cur .j_8 span{ -moz-animation:UpDown2 3s linear 2s infinite; -webkit-animation:UpDown2 3s linear 2s infinite; animation:UpDown2 3s linear 2s infinite; } .screen_cur .j_9 span{ -moz-animation:UpDown2 3s linear 2.5s infinite; -webkit-animation:UpDown2 3s linear 2.5s infinite; animation:UpDown2 3s linear 2.5s infinite; } .screen_cur .j_10 span{ -moz-animation:UpDown2 3s linear 3s infinite; -webkit-animation:UpDown2 3s linear 3s infinite; animation:UpDown2 3s linear 3s infinite; } .screen_cur .j_11 span{ -moz-animation:UpDown2 3s linear 3.5s infinite; -webkit-animation:UpDown2 3s linear 3.5s infinite; animation:UpDown2 3s linear 3.5s infinite; } .screen_cur .j_12 span{ -moz-animation:UpDown2 3s linear 4s infinite; -webkit-animation:UpDown2 3s linear 4s infinite; animation:UpDown2 3s linear 4s infinite; } .section_k{ position:relative; overflow:hidden; } .section_k table.section_k_cont{ height:100%; width:100%; } .section_k .k_1{ text-align:center; margin-bottom:10px; margin-top:20px;} .section_k .k_20{ width:845px; margin:0 auto 10px; line-height:24px; font-family:"微软雅黑"; } .section_k .k_30{ width:845px; margin:0 auto 28px; line-height:24px; } .section_k .k_2_cont{ width:100%; position:relative; z-index:5; margin-bottom:50px; } .section_k #k_2_scroll{ margin-bottom:25px; } .section_k .k_2{ width:1260px; height:335px; margin:0 auto; position:relative; overflow:hidden; } .section_k .k_2 .ctrs{ text-align:center; font-size:0; } .section_k .k_2 .ctrs li{ display:inline-block; width:13px; height:13px; vertical-align:middle; cursor:pointer; background:#D1D2D4; border-radius:1000px; overflow:hidden; margin:0 10px; *display:inline; *zoom:1; } .section_k .k_2 .ctrs li.cur{ border:3px solid #F8B077; background:none; } .section_k .k_2_cont .arrow_l,.section_k .k_2_cont .arrow_r{display:block; position:absolute; top:50%; width:45px; z-index:2; margin-top:-90px; height:122px; cursor:pointer; } .section_k .k_2_cont .arrow_l{ left:50%; margin-left:-667px; background:url(http://www.bjmoses.com.cn/imgs/service/i_2.png) no-repeat; } .section_k .k_2_cont .arrow_r{ left:50%; margin-left:620px; background:url(http://www.bjmoses.com.cn/imgs/service/i_3.png) no-repeat; } .section_k table.section_k_cont table tr td{ width:1260px; vertical-align:top; } .section_k #k_2_scroll .item{ width:420px; margin:15px 0; float:left; } .section_k #k_2_scroll .item a{ display:block; width:348px; height:58px; border:1px solid #ccc; border-radius:4px; text-align:center; margin:0 auto; font:bold 24px/58px '宋体'; color:#262626 !important; background:#fff; -moz-transition:all ease 0.4s; -webkit-transition:all ease 0.4s; transition:all ease 0.4s; } .section_k #k_2_scroll .item a:hover{ background:#FDEDDE; } .section_k .k_3{ width:142px; height:141px; position:absolute; top:50%; left:50%; margin:-215px 0 0 -650px; z-index:1; } .section_k .k_3 em.item{ display:block; width:89px; height:77px; background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_27.png) no-repeat center; position:absolute; left:10px; bottom:0; } .section_k .k_3 em.item2{ display:block; width:100%; height:141px; background:url(http://www.bjmoses.com.cn/imgs/cooperation/j_24.png) no-repeat center; position:absolute; left:0; top:0; } .section_k .k_4{ width:263px; height:232px; position:absolute; top:50%; left:50%; margin:200px 0 0 470px; z-index:1; } .section_k .k_4 em{ display:block; position:absolute; } .section_k .k_4 em.item{ width:188px; height:187px; background:url(http://www.bjmoses.com.cn/imgs/cooperation/k_6.png) no-repeat; left:40px; top:0; } .section_k .k_4 em.item2{ width:107px; height:107px; background:rgba(140,241,221,0.6); border-radius:1000px; left:0; bottom:0; overflow:hidden; } .section_k .k_4 em.item3{ width:25px; height:25px; background:rgba(140,241,221,0.6); right:0; top:0; border-radius:1000px; overflow:hidden; } .section_k .tel_img2{ } .section_k .tel_img{ text-align:center; } .section_k .tel_img a{ background-color:#e0e0e0; padding:8px 20px; margin-left:8px; margin-right:8px; font-family:"微软雅黑"; font-size:16px; color:#aaa; border-right:1px solid #bbb;border-bottom:1px solid #bbb; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .section_k .tel_img a.thisclass{ color:#fff; text-decoration:none; background-color:#4fa402; } .section_k .tel_img a:hover{ background:#000; color:#fff; text-decoration:none;} .section_k .k_1,.section_k .k_20,.section_k .k_2,.section_k .arrow_l,.section_k .arrow_r,.section_k .k_3,.section_k .k_4,.section_k .tel_img .tel_img2{ opacity:0; } .no-cssanimations .section_k .k_1,.no-cssanimations .section_k .k_20,.no-cssanimations .section_k .k_2,.no-cssanimations .section_k .arrow_l,.no-cssanimations .section_k .arrow_r,.no-cssanimations .section_k .k_3,.no-cssanimations .section_k .k_4,.no-cssanimations .section_k .tel_img .tel_img2{ opacity:1; } .screen_cur .k_1{ -moz-animation:fadeInUp 1s ease 0s forwards; -webkit-animation:fadeInUp 1s ease 0s forwards; animation:fadeInUp 1s ease 0s forwards; } .screen_cur .k_20{ -moz-animation:fadeInUp 1s ease 0.4s forwards; -webkit-animation:fadeInUp 1s ease 0.4s forwards; animation:fadeInUp 1s ease 0.4s forwards; } .screen_cur .k_30{ -moz-animation:fadeInUp 1s ease 0.4s forwards; -webkit-animation:fadeInUp 1s ease 0.4s forwards; animation:fadeInUp 1s ease 0.4s forwards; } .screen_cur .k_2{ -moz-animation:fadeInUp 1s ease 0.7s forwards; -webkit-animation:fadeInUp 1s ease 0.7s forwards; animation:fadeInUp 1s ease 0.7s forwards; } .screen_cur .k_2_cont #te amcont{ -moz-animation:fadeInRight 1s ease 0.9s forwards; -webkit-animation:fadeInRight 1s ease 0.9s forwards; animation:fadeInRight 1s ease 0.9s forwards; } .screen_cur .k_2_cont .arrow_l{ -moz-animation:fadeInRight 1s ease 0.9s forwards; -webkit-animation:fadeInRight 1s ease 0.9s forwards; animation:fadeInRight 1s ease 0.9s forwards; } .screen_cur .k_2_cont .arrow_r{ -moz-animation:fadeInLeft 1s ease 0.9s forwards; -webkit-animation:fadeInLeft 1s ease 0.9s forwards; animation:fadeInLeft 1s ease 0.9s forwards; } .screen_cur .k_3{ -moz-animation:fadeInDown 1s ease 1.4s forwards; -webkit-animation:fadeInDown 1s ease 1.4s forwards; animation:fadeInDown 1s ease 1.4s forwards; } .screen_cur .k_3 em.item{ -webkit-animation:rotate 9s linear 1.5s infinite; -moz-animation:rotate 9s linear 1.5s infinite; animation:rotate 9s linear 1.5s infinite; } .screen_cur .k_3 em.item2{ -moz-animation:UpDown2 2s linear 0.5s infinite; -webkit-animation:UpDown2 2s linear 0.5s infinite; animation:UpDown2 2s linear 0.5s infinite; } .screen_cur .k_4{ -moz-animation:fadeInUp 1s ease 1.4s forwards; -webkit-animation:fadeInUp 1s ease 1.4s forwards; animation:fadeInUp 1s ease 1.4s forwards; } .screen_cur .tel_img2{ -moz-animation:fadeInUp 1s ease 0.8s forwards; -webkit-animation:fadeInUp 1s ease 0.8s forwards; animation:fadeInUp 1s ease 0.8s forwards; } .screen_cur .tel_img{ -moz-animation:fadeInUp 1s ease 0.8s forwards; -webkit-animation:fadeInUp 1s ease 0.8s forwards; animation:fadeInUp 1s ease 0.8s forwards; } .screen_cur .k_4 em.item2{ -moz-animation:UpDown2 3s linear 0.5s infinite; -webkit-animation:UpDown2 3s linear 0.5s infinite; animation:UpDown2 3s linear 0.5s infinite; } /*响应*/ .win_775 .screen_cur .k_1{ margin-bottom:10px; } .win_775 .section_k .k_2_cont{ margin-bottom:20px; } /*资源与产品*/ .section_l{ background:url(http://www.bjmoses.com.cn/imgs/product/k_1.jpg) center no-repeat; background-size:cover; overflow:hidden; position:relative; } .section_l .banner{ width:1200px; position:relative; height:100%; margin:0 auto; } .section_l .banner .pic{ position:absolute; width:100%; height:100%; } .section_l .banner .pic span{ display:block; position:absolute; } .section_l .banner .pic span.tip{ width:389px; height:169px; top:50%; margin-top:-84px; } .section_l .banner .ctrs{ width:100px; height:30px; top:50%; left:4px; margin-top:118px; position:absolute; z-index:3; } .section_l .banner .ctrs li{ width:9px; height:9px; overflow:hidden; margin-right:10px; cursor:pointer; border-radius:30px; font-size:0; text-indent:-999em; float:left; border:1px solid #666; } .section_l .banner .ctrs li.cur{ background:#666; } /*第一屏*/ .section_l .pic_1 span.tip{ background:url(http://www.bjmoses.com.cn/imgs/product/k_2.png) no-repeat; } .section_l .banner .circle_list,.section_l .banner .circle_list2{ width:570px; height:570px; position:absolute; right:0; top:50%; margin-top:-325px; } .section_l .banner .circle_list span{ width:132px; height:132px; } .section_l .banner .circle_list span em,.section_l .banner .circle_list2 span em{ font:normal 14px 'microsoft yahei'; display:block; width:132px; text-align:center; position:absolute; top:137px; left:0; } .section_l .banner .circle_list .text,.section_l .banner .circle_list2 .text{ display:block; width:55px; padding-top:62px; position:absolute; cursor:pointer; left:258px; top:630px; background:url(http://www.bjmoses.com.cn/imgs/product/back.png) no-repeat; text-align:center; } .section_l .pic_1 .circle_list .circle_1{ background:url(http://www.bjmoses.com.cn/imgs/product/k_5.png) no-repeat; top:240px; right:220px; } .section_l .pic_1 .circle_list .circle_2{ background:url(http://www.bjmoses.com.cn/imgs/product/k_6.png) no-repeat; top:172px; right:424px; } .section_l .pic_1 .circle_list .circle_3{ background:url(http://www.bjmoses.com.cn/imgs/product/k_7.png) no-repeat; top:24px; right:219px; } .section_l .pic_1 .circle_list .circle_4{ background:url(http://www.bjmoses.com.cn/imgs/product/k_8.png) no-repeat; top:171px; right:14px; } .section_l .pic_1 .circle_list .circle_5{ background:url(http://www.bjmoses.com.cn/imgs/product/k_9.png) no-repeat; top:414px; right:93px; } .section_l .pic_1 .circle_list .circle_6{ background:url(http://www.bjmoses.com.cn/imgs/product/k_10.png) no-repeat; top:414px; right:346px; } .section_l .pic_1 .circle_list2 span{ width:132px; height:132px; } .section_l .pic_1 .circle_list2 .circle_1{ background:url(http://www.bjmoses.com.cn/imgs/product/k_11.png) no-repeat; top:240px; right:220px; } .section_l .pic_1 .circle_list2 .circle_2{ background:url(http://www.bjmoses.com.cn/imgs/product/k_12.png) no-repeat; top:132px; right:407px; } .section_l .pic_1 .circle_list2 .circle_3{ background:url(http://www.bjmoses.com.cn/imgs/product/k_13.png) no-repeat; top:25px; right:220px; } .section_l .pic_1 .circle_list2 .circle_4{ background:url(http://www.bjmoses.com.cn/imgs/product/k_14.png) no-repeat; top:132px; right:33px; } .section_l .pic_1 .circle_list2 .circle_5{ background:url(http://www.bjmoses.com.cn/imgs/product/k_15.png) no-repeat; top:348px; right:33px; } .section_l .pic_1 .circle_list2 .circle_6{ background:url(http://www.bjmoses.com.cn/imgs/product/k_16.png) no-repeat; top:456px; right:220px; } .section_l .pic_1 .circle_list2 .circle_7{ background:url(http://www.bjmoses.com.cn/imgs/product/k_17.png) no-repeat; top:348px; right:407px; } .win_775 .section_l .banner .circle_list .text{ top:560px; } .win_775 .section_l .banner .circle_list2 .text{ left:385px; top:530px; } /*第二屏*/ .section_l .pic_2 span.tip{ background:url(http://www.bjmoses.com.cn/imgs/product/k_3.png) no-repeat; } .section_l .pic_2 .circle_list .circle_1{ background:url(http://www.bjmoses.com.cn/imgs/product/k_18.png) no-repeat; top:240px; right:220px; } .section_l .pic_2 .circle_list .circle_2{ background:url(http://www.bjmoses.com.cn/imgs/product/k_19.png) no-repeat; top:172px; right:424px; } .section_l .pic_2 .circle_list .circle_3{ background:url(http://www.bjmoses.com.cn/imgs/product/k_20.png) no-repeat; top:24px; right:219px; } .section_l .pic_2 .circle_list .circle_4{ background:url(http://www.bjmoses.com.cn/imgs/product/k_21.png) no-repeat; top:171px; right:14px; } .section_l .pic_2 .circle_list .circle_5{ background:url(http://www.bjmoses.com.cn/imgs/product/k_22.png) no-repeat; top:414px; right:93px; } .section_l .pic_2 .circle_list .circle_6{ background:url(http://www.bjmoses.com.cn/imgs/product/k_23.png) no-repeat; top:414px; right:346px; } /*第三屏*/ .section_l .pic_3 span.tip{ background:url(http://www.bjmoses.com.cn/imgs/product/k_4.png) no-repeat; } .section_l .pic_3 .circle_list .circle_1{ background:url(http://www.bjmoses.com.cn/imgs/product/k_24.png) no-repeat; top:240px; right:220px; } .section_l .pic_3 .circle_list .circle_2{ background:url(http://www.bjmoses.com.cn/imgs/product/k_25.png) no-repeat; top:240px; right:436px; } .section_l .pic_3 .circle_list .circle_3{ background:url(http://www.bjmoses.com.cn/imgs/product/k_26.png) no-repeat; top:25px; right:220px; } .section_l .pic_3 .circle_list .circle_4{ background:url(http://www.bjmoses.com.cn/imgs/product/k_27.png) no-repeat; top:240px; right:5px; } .section_l .pic_3 .circle_list .circle_5{ background:url(http://www.bjmoses.com.cn/imgs/product/k_28.png) no-repeat; top:456px; right:220px; } /**/ .section_l .pic_1 span.tip,.section_l .pic .circle_list,.section_l .pic .circle_list2,.section_l .pic_2 span.tip,.section_l .pic_3 span.tip{ opacity:0; } .no-opacity .section_l .pic_1 span.tip,.no-opacity .section_l .pic .circle_list,.no-opacity .section_l .pic .circle_list2,.no-opacity .section_l .pic_2 span.tip,.no-opacity .section_l .pic_3 span.tip{ filter:alpha(opacity=0); } .section_l .pic_1 .tip,.section_l .pic_2 .tip,.section_l .pic_3 .tip{ -moz-transform:translateX(100px); -webkit-transform:translateX(100px); transform:translateX(100px); -moz-transition:all ease 1s; -webkit-transition:all ease 1s; transition:all ease 1s; } .section_l .banner .circle_list,.section_l .banner .circle_list2{ -moz-transform:scale(0,0); -webkit-transform:scale(0,0); transform:scale(0,0); -moz-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } /*.screen_cur .pic_1.l_cur .tip{ opacity:1; -moz-transform:translateX(0); } .screen_cur .pic_1.l_cur .show_circle{ opacity:1; -moz-transform:scale(1,1); } .screen_cur .pic_2.l_cur .tip{ opacity:1; -moz-transform:translateX(0); } .screen_cur .pic_2.l_cur .circle_list{ opacity:1; -moz-transform:scale(1,1); } .screen_cur .pic_3.l_cur .tip{ opacity:1; -moz-transform:translateX(0); } .screen_cur .pic_3.l_cur .circle_list{ opacity:1; -moz-transform:scale(1,1); }*/ .section_l .pic_1.l_cur .tip{ opacity:1; -moz-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); } .no-opacity .section_l .pic_1.l_cur .tip{ filter:alpha(opacity=100); } .section_l .pic_1.l_cur .show_circle{ opacity:1; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1); } .no-opacity .section_l .pic_1.l_cur .show_circle{ filter:alpha(opacity=100); } .section_l .pic_2.l_cur .tip{ opacity:1; -moz-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); } .no-opacity .section_l .pic_2.l_cur .tip{ filter:alpha(opacity=100); } .section_l .pic_2.l_cur .circle_list{ opacity:1; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1); } .no-opacity .section_l .pic_2.l_cur .circle_list{ filter:alpha(opacity=100); } .section_l .pic_3.l_cur .tip{ opacity:1; -moz-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); } .no-opacity .section_l .pic_3.l_cur .tip{ filter:alpha(opacity=100); } .section_l .pic_3.l_cur .circle_list{ opacity:1; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1); } .no-opacity .section_l .pic_3.l_cur .circle_list{ filter:alpha(opacity=100); } .section_m{ background:url(http://www.bjmoses.com.cn/imgs/product/bg.jpg); position:relative; overflow:hidden; } .section_m .box{ width:1200px; height:100%; margin:0 auto; position:relative; } .section_m_l{ width:510px; position:absolute; top:0; left:0; background:url(http://www.bjmoses.com.cn/imgs/product/l_bg.jpg); height:100%; } .section_m_l .article{ width:380px; padding:0 25px; height:100%; position:absolute; top:0; left:0; display:none; } .section_m_l .article .type_img{ height:170px; padding:117px 0 5% 0; } .section_m_l .article .type_img img{ width:100%; } .section_m_l .article .en{ font-size:60px; font-family:Helvetica,Arial; font-weight:normal; color:#D4CFC1; margin:0; padding:0; line-height:100%; } .section_m_l .article .title{ border-bottom:1px solid #B3AFA8; font:normal 24px 'microsoft yahei'; color:#4A4740; padding-bottom:5px; margin-bottom:15px; } .section_m_l .article .image{ position:relative; margin-bottom:15px; background:#000; } .section_m_l .article .image img{ width:100%; opacity:0.62; cursor:pointer; -moz-transition:all ease 0.4s; -webkit-transition:all ease 0.4s; transition:all ease 0.4s; } .section_m_l .article .image img:hover{ opacity:1; } .section_m_l .article .desc{ color:#66635C; line-height:22px; } .section_m_l .article .zoom{ display:block; background:url(http://www.bjmoses.com.cn/imgs/product/k_31.png) no-repeat; width:20px; height:21px; position:absolute; right:10px; bottom:10px; cursor:pointer;pointer-events:none; } .section_m_l .type{ width:80px; height:100%; position:absolute; top:0; right:0; background:#F3C353; } .section_m_l .type ul{ padding:117px 0 0 0; background:url(http://www.bjmoses.com.cn/imgs/product/line.png) repeat-x bottom; } .section_m_l .type ul li{ background:url(http://www.bjmoses.com.cn/imgs/product/line.png) repeat-x top; padding:25px 0; color:#fff; cursor:pointer; } .section_m_l .type ul li em{ width:15px; margin:0 auto; display:block; font:normal 20px/22px 'microsoft yahei'; } .section_m_l .type ul li.cur{ background:url(http://www.bjmoses.com.cn/imgs/product/l_bg.jpg); color:#eda200; } .section_m_c{ width:570px; height:100%; left:510px; text-align:center; position:absolute; top:0; display:none; } .section_m_c table{ width:100%; height:100%; } .section_m_c .cont{ position:relative; width:100%; } .section_m_c .cont .pic{ display:none; } .section_m_c .cont .pic img{ width:100%; } .section_m_r{ width:120px; height:100%; position:absolute; top:0; right:0; display:none; } .section_m_r table{ width:100%; height:100%; } .section_m_r ul{ padding:60px 0 0 10px; } .section_m_r ul li{ width:90px; height:90px; cursor:pointer; border:2px solid #414150; background:#000; position:relative; margin-bottom:25px; } .section_m_r ul li img{ width:100%; line-height:0; opacity:0.7; -moz-transition:all ease 0.4s; -webkit-transition:all ease 0.4s; transition:all ease 0.4s; } .section_m_r ul li.cur{ border:2px solid #E8B133; } .section_m_r ul li.cur em{ display:block; width:8px; height:15px; overflow:hidden; position:absolute; top:38px; left:-10px; background:url(http://www.bjmoses.com.cn/imgs/product/k_35.jpg) no-repeat; } .section_m_r ul li.cur img{ opacity:1; } .ios_icon,.android_icon{ display:block; width:118px; height:30px; text-indent:32px; overflow:hidden; line-height:30px; color:#333 !important; font-family:'microsoft yahei'; } .ios_icon{ background:url(http://www.bjmoses.com.cn/imgs/product/ios.png) no-repeat; margin:20px 0 10px; } .android_icon{ background:url(http://www.bjmoses.com.cn/imgs/product/andr.png) no-repeat; } /*.ios_icon:hover,.android_icon:hover{ opacity:0.7; }*/ .ios_icon{ background:none; text-indent:0; border:1px solid #666; border-radius:3px; text-align:center; } .ios_icon:hover{ border:1px solid #000; color:#000 !important; } /*响应*/ .win_775 .section_m_l .type{ width:55px; } .win_775 .section_m_l .type ul li em{ font: normal 18px/20px "microsoft yahei"; } .win_775 .section_m_l{ width:385px; } .win_775 .section_m_l .article .en{ font-size:45px; } .win_775 .section_m_l .article .type_img{ padding-top:0px; height:120px; } .win_775 .section_m_l .article{ width:280px; } .win_775 .section_m_c{ width:410px; } .win_775 .section_m_r ul{ padding:40px 0 0 10px; } .win_775 .section_m_r ul li{ width:80px; height:80px; margin-bottom:20px; } .win_775 .section_m_l .article .title{ font: normal 20px "microsoft yahei"; } .win_775 .desc_scroll{ height:220px; padding-right:10px; overflow-y:auto; } .career_mask{ display:none; position:fixed; z-index:99;top:0px;left:0px;height:100%;width:100%;background:#000;filter:alpha(opacity=30);opacity:0.3; } *html .career_mask{ position:absolute; height:expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight) || window.innerHeight || self.innerHeight || (document.documentElement&&document.documentElement.clientHeight) || document.body.clientHeight + 'px');} .career{ display:none; position: fixed; width:620px; border:6px solid rgba(0,0,0,0.1); background:none; margin:-276px 0 0 -316px; top:50%; left:50%; z-index:101; border-radius:8px; } *html .career{ position:absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TipPreViewMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} .career .close{ width:55px; height:55px; background:url(http://www.bjmoses.com.cn/imgs/cooperation/close.png) no-repeat; cursor:pointer; position:absolute; top:0; right:-100px; } .career .cont{ background:#fff; height:480px; border-radius:7px; padding:30px; } .career_title{ font:bold 24px/100% '宋体'; color:#262626; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #D3D2D2; } .career_type{ font:bold 14px/100% '宋体'; color:#262626; margin-bottom:10px; } .career_text{ padding-bottom:30px; line-height:26px; color:#6C6C6C; } .career_data{ height:422px; overflow:hidden; } .mCSB_container{ line-height:26px; } .career_data .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#333; } .career_data .mCSB_scrollTools .mCSB_draggerRail{ background:#ccc; width:4px; height:100%; position:absolute; left:6px; } .career_data .mCSB_scrollTools .mCSB_dragger{ z-index:2; } .career_data .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#333;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";} .career_data .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#333;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";} .career_data .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:#333; } .coomeration_bg{ background:url(http://www.bjmoses.com.cn/imgs/cooperation/bg.jpg); } .page_tip{ position:fixed; right:20px; top:40%; overflow:hidden; } .page_tip li{ width:10px; height:10px; margin:18px 0; position:relative; border-radius:100px; overflow:hidden; background:#D3D3D3; } .page_tip li.move{ margin:0; background:url(http://www.bjmoses.com.cn/imgs/cur_icon.png) no-repeat; width:40px; height:29px; border-radius:0; position:absolute; top:6px; left:-46px; -moz-transition:all ease 1s; -webkit-transition:all ease 1s; transition:all ease 1s; } .page_tip li.cur{ background:#606060; } .pro_mask{ display:none; position:fixed; z-index:99;top:0px;left:0px;height:100%;width:100%;background:#000;filter:alpha(opacity=30);-moz-opacity: 0.3;opacity:0.3; } *html .pro_mask{ position:absolute; height:expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight) || window.innerHeight || self.innerHeight || (document.documentElement&&document.documentElement.clientHeight) || document.body.clientHeight + 'px');} .pro{ display:none; position: fixed; width:800px; height:507px; border:6px solid rgba(0,0,0,0.1); background:none; margin:-253px 0 0 -400px; top:50%; left:50%; z-index:101; border-radius:8px; } *html .pro{ position:absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TipPreViewMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} .pro .close{ width:55px; height:55px; background:url(http://www.bjmoses.com.cn/imgs/cooperation/close.png) no-repeat; cursor:pointer; position:absolute; top:0; right:-100px; } .screen_cur .page{ -moz-animation:fadeInUp 1s ease 0.4s forwards; -webkit-animation:fadeInUp 1s ease 0.4s forwards; animation:fadeInUp 1s ease 0.4s forwards; z-index:-9999; } .section_k .page{ text-align:left; font-size:12px; height:40px; line-height:40px; overflow:hidden; width:920px; color:#aaa; font-weight: normal; text-align:center; margin:25px auto; z-index:-9999;} .section_k .page a{ border-bottom:solid 1px #ccc; color:#666; height:20px; line-height:20px; margin-right:2px; font-family: "微软雅黑"; background-color:#e9e9e9; padding:6px 15px;line-height:40px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .section_k .page a:hover{ background:#000; color:#fff; text-decoration:none;} .section_k .page a.thisclass{ color:#fff; text-decoration:none; background-color:#4fa402; } .intxt2{ padding:5px 5px 5px 15px; height:20px; line-height:20px; width:200px; border:1px solid #ccc; margin:0px; font-size:18px; color:#063; -moz-border-radius:15px 0px 0px 15px; -webkit-border-radius:15px 0px 0px 15px; border-radius:15px 0px 0px 15px; } #i-search{ width:70px; height:32px; margin:0px; padding:0px; margin-left:-10px;} .content{ width:970px; float:left; font-family:"微软雅黑";} .content .jindu{ width:100%; height:60px; line-height:60px; font-size:16px; color:#F00; font-weight:bold; margin-bottom:15px;} .content .jindu span{ margin-right:8px; color:#222; } .content .jieshao{ line-height:24px; } .content .jieshao img{ max-width:900px; clear:right;} .fanhui2{ font-size:14px; mar gin-left:20px; padding:5px 15px; background-color:#6eb82a; font-weight:normal; margin:0px auto; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } .fanhui2 a{ color:#fff; } .cplist{ width:1000px; padding:5px 0px; height:auto; margin:0px auto; } .ladyScroll{width:1000px;height:180px;margin:15px auto;border:#ddd 0px solid;position:relative;} .ladyScroll .prev,.ladyScroll .next{width:51px;height:45px;position:absolute;top:60px;left:0;z-index:100; cursor:pointer; background:url(http://www.bjmoses.com.cn/img/btns.png) no-repeat;} .ladyScroll .next{ left:auto; right:0; background-position:0 -90px;} .ladyScroll .prev:hover{ background-position:0 -45px; } .ladyScroll .next:hover{ background-position:0 -135px; } .ladyScroll .scrollWrap{width:900px;margin-left:60px;padding-top:5px;overflow:hidden;position:absolute;} .ladyScroll dl{float:left;width:130px;text-align:center;position:relative; margin-left:10px; margin-right:10px; } .ladyScroll span{display:block;width:130px;height:26px; padding-top:5px;position:absolute;left:0px;bottom:0;background:#5f626b;filter:alpha(opacity=80);opacity:0.80; font-size:12px; text-transform:uppercase; } .ladyScroll dt{margin:0 auto;width:130px;overflow:hidden;} .ladyScroll img{display:block;width:130px;height:175px;} .ladyScroll dd{width:120px; padding-left:5px; padding-right:5px; line-height:24px;height:26px;font-size:12px; text-transform:uppercase;color:#fff;text-align:center;overflow:hidden;position:absolute;left:0px;bottom:0;white-space:nowrap;} .ladyScroll dd a{ color:#fff; } .ladyScroll dd a:hover{ text-decoration:none; } .ladyScroll dl:hover span{ background:#56bce9; } .sjs{ width:1000px; margin:0px auto;} .sjs .left{ width:200px; float:left; padding-left:30px; text-align:center;} .sjs .right{ width:720px; height:560px; overflow-x:hidden; overflow-y:scroll; padding-right:20px; float:right; text-align:left; line-height:28px; font-size:14px; font-family:"微软雅黑"; } .sjs .left .pic{ width:200px; height:265px; margin:0px; clear:right; float:left;} .sjs .left .pic img{ border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius:8px; } .sjs .left .xm{ width:200px; height:35px; line-height:35px; margin:0px; clear:right; float:left; font-size:20px; font-family:"微软雅黑"; margin-top:10px; color:#222;} .sjs .left .zw{ width:200px; height:25px; line-height:25px; margin:0px; clear:right; float:left; font-size:14px; font-family:"微软雅黑"; color:#777;} /* FILE ARCHIVED ON 14:49:57 Oct 22, 2017 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 10:54:50 Sep 28, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.954 exclusion.robots: 0.159 exclusion.robots.policy: 0.026 esindex: 0.013 cdx.remote: 48.904 LoadShardBlock: 77.659 (3) PetaboxLoader3.datanode: 108.593 (4) load_resource: 212.404 PetaboxLoader3.resolve: 75.171 */