.rmiddle{ height: 574px; width: 100%; background: #27304f; color: #ffffff; } .rmiddle .rbj{ height: 547px; background: url('../image/2.jpg') left center no-repeat; } .rmiddle .timefree{ height: 114px; line-height: 188px; padding-top: 158px; text-align: right; font-size: 36px; font-weight: lighter; } .rmiddle .qy{ height: 91px; line-height: 115px; text-align: center; font-size: 20px; text-align: right; /* padding-right: 69px; */ font-weight: lighter; } .rmiddle .iwantjoin{ height: 56px; line-height: 56px; width: 260px; background: #6a8ee5; display: block; font-size: 20px; color: #ffffff; float: right; border-radius: 2px; margin-top: 116px; margin-right: 100px; letter-spacing:2px; font-weight: lighter; } .rmiddle .iwantjoin:hover{ background: #5481ec; } .wmys{ height: 330px; width: 100%; background:url('../image/1.jpg') center center no-repeat #ffffff; } .wmys .weyous{ height: 150px; line-height: 150px; color: #27304f; font-size: 36px; font-weight: lighter; } .wmys .jbox{ display: inline-block; height: 150px; width: 350px; } .wmys .jbox i{ display: block; height: 60px; background: url('../image/ruzhu1.png') 93px 4px no-repeat; text-align: center; } .wmys .jbox .ji1{ background: url('../image/ruzhu1.png') 93px -78px no-repeat; } .wmys .jbox .ji2{ background: url('../image/ruzhu1.png') 93px -151px no-repeat; } .wmys .jbox span{ display: block; font-weight: lighter; font-size: 20px; color: #27304f; height: 50px; line-height: 50px; } .weneed{ height: 970px; width: 100%; background: #27304f; color: #ffffff; font-weight: lighter; } .weneed h1{ padding-top: 110px; font-size: 36px; font-weight: lighter; } .weneed .nwhat{ height: 100px; line-height: 100px; font-size: 20px; margin-bottom: 73px; } .weneed .wwbox a{ display: inline-block; width: 148px; height: 48px; line-height: 48px; background: #6a8ee5; color: #ffffff; margin-top: -2px; border-radius: 2px; } .weneed .wwbox a:hover{ background: #5481ec; } .weneed .wwbox .wbox { display: inline-block; width: 278px; height: 512px; border-radius: 4px; border: 1px solid #ffffff; margin-right: 16px; } .weneed .wwbox .wbox i{ display: inline-block; height: 130px; width: 100%; margin-bottom: 30px; margin-top: 19px; } .weneed .wenan{ height: 60px; line-height: 60px; margin-top: 20px; font-size: 14px; color: #6a8ee5; } .weneed .wwbox .wbox .wi1{ background:url('../image/ruzhu1.png') 63px -232px no-repeat; } .weneed .wwbox .wbox .wi2{ background: url('../image/ruzhu1.png') 63px -400px no-repeat; } .weneed .wwbox .wbox .wi3{ background: url('../image/ruzhu1.png') 63px -559px no-repeat; } .weneed .wwbox .wbox .wi4{ background:url('../image/ruzhu1.png') 63px -724px no-repeat; } .weneed .wwbox .wbox .sjs{ font-size: 20px; font-weight: normal; height: 50px; line-height: 30px; } .weneed .wwbox .wbox .ppt{color:#5bd893 ;} .weneed .wwbox .wbox .word{color:#ffd800 ;} .weneed .wwbox .wbox .excel{color:#75e23b;} .weneed .wwbox .wbox .video{color:#00ccff;} .weneed .wwbox .wbox ul{ height: 200px; } .weneed .wwbox .wbox ul li{ display:block; height: 40px; line-height: 40px; font-size: 14px; font-weight: inherit; } .yget{ height: 817px; background: #edeaea; } .yget h3{ padding-top: 100px; font-weight: lighter; font-size: 36px; height: 40px; line-height: 40px; padding-bottom: 50px; } .yget ul li{ height: 40px; line-height: 40px; font-size: 20px; color: #27304f; font-weight: lighter; } .yget .yimg{ height: 490px; background: url('../image/3.jpg') center center no-repeat; } .yget .rightjoin{ display: block; height: 56px; line-height: 56px; width: 240px; color: #ffffff; background:#6a8ee5 ; margin: 0 auto; color: #ffffff; font-size: 20px; margin-bottom: 20px; border-radius: 2px; margin-top: 30px; cursor: pointer; } .yget .rightjoin:hover{ background: #5884ef; } .yget span{ display: block; font-size: 14px; color: #6a8ee5; font-weight: lighter; }