.index { min-width: 1200px; min-height: 960px; background-position: top; background-repeat: no-repeat; background-image: url("../images/bg.png"); -moz-background-size:100% 100%;background-size:100% 100%; /*页尾*/ } .index .header { min-width: 1200px; width: 100%; } .index .header .w1200 { height: 158px; width: 1200px; margin: 0 auto; } .index .header .w1200 .logo { float: left; margin-top: 49px; } .index .header .w1200 .text { float: right; margin-top: 56px; } .index .empty-h-32 { height: 32px; } .index .r-1 { height: 569px; } .index .r-1 .title { height: 24px; } .index .r-1 .title > i { display: block; height: 24px; width: 25px; float: left; background-position: left; background-repeat: no-repeat; } .index .r-1 .title > i.icon-1 { background-image: url("../images/icon-c-1-1.png"); } .index .r-1 .title > i.icon-2 { background-image: url("../images/icon-c-1-2.png"); } .index .r-1 .title > span.text { margin-left: 10px; height: 24px; line-height: 24px; font-size: 20px; font-weight: bold; color: #333333; display: block; float: left; } .index .r-1 > div { height: 569px; float: left; border-radius: 4px; overflow: hidden; } .index .r-1 .c-1 { width: 790px; background-color: #ffffff; box-shadow: 0px 9px 15.36px 0.64px rgba(104, 103, 103, 0.3); } .index .r-1 .c-1 .inner { margin: 20px 20px 0px 20px; height: 525px; overflow: hidden; } .index .r-1 .c-1 .inner .content { position: relative; } .index .r-1 .c-1 .inner .content .l-1 { width: auto; height: 139px; } .index .r-1 .c-1 .inner .content .l-1 ul li { float: left; margin-left: 20px; } .index .r-1 .c-1 .inner .content .l-1 ul li:first-child { margin-left: 0px; } .index .r-1 .c-1 .inner .content .l-1 ul li a { display: block; width: 236px; height: 139px; background-color: #0a57cc; border-radius: 4px; overflow: hidden; } .index .r-1 .c-1 .inner .content .l-1 ul li a i { margin-top: 3px; display: block; width: 100%; height: 80px; background-position: center; background-repeat: no-repeat; } .index .r-1 .c-1 .inner .content .l-1 ul li a i.icon-1 { background-image: url("../images/gongxiangke.png"); } .index .r-1 .c-1 .inner .content .l-1 ul li a i.icon-2 { background-image: url("../images/play.png"); } .index .r-1 .c-1 .inner .content .l-1 ul li a i.icon-3 { background-image: url("../images/shijiang.png"); } .index .r-1 .c-1 .inner .content .l-1 ul li a span { margin-top: 12px; display: block; width: 100%; text-align: center; height: 24px; line-height: 24px; font-size: 20px; color: #fff; } .index .r-1 .c-1 .inner .content .l-2 { width: auto; height: 305px; } .index .r-1 .c-1 .inner .content .l-2 .left { width: 492px; float: left; height: 305px; border-radius: 4px; overflow: hidden; } .index .r-1 .c-1 .inner .content .l-2 .right { width: 236px; float: right; height: 305px; position: relative; } .index .r-1 .c-1 .inner .content .l-2 .right ul { width: 100%; height: 305px; } .index .r-1 .c-1 .inner .content .l-2 .right ul li { margin-top: 20px; } .index .r-1 .c-1 .inner .content .l-2 .right ul li:first-child { margin-top: 0px; } .index .r-1 .c-1 .inner .content .l-2 .right ul li a { display: block; width: 236px; height: 144px; overflow: hidden; border-radius: 4px; position: relative; } .index .r-1 .c-1 .inner .content .l-2 .right ul li a img { width: 100%; } .index .r-1 .c-1 .inner .content .l-2 .right ul li a .text { width: 100%; height: 34px; position: absolute; bottom: 0px; left: 0px; background-color: rgba(51, 51, 51, 0.8); *background-color: #333333; } .index .r-1 .c-1 .inner .content .l-2 .right ul li a .text span { display: block; margin: 0px 20px 0px 20px; font-size: 14px; line-height: 34px; height: 34px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .index .r-1 .c-2 { width: 380px; background-color: #ffffff; box-shadow: 0px 9px 15.36px 0.64px rgba(104, 103, 103, 0.3); background-image: url("../images/bg-c-2.png"); background-position: bottom; background-repeat: no-repeat; } .index .r-1 .c-2 .inner { margin: 20px 35px 0px 33px; height: auto; width: auto; display: block; } .index .r-1 .c-2 .inner .content .input { width: 100%; display: block; position: relative; height: 35px; border-bottom: 1px solid #ebebeb; } .index .r-1 .c-2 .inner .content .input.input-username { margin-top: 16px; } .index .r-1 .c-2 .inner .content .input.input-password { margin-top: 25px; } .index .r-1 .c-2 .inner .content .input i { display: block; float: left; width: 26px; height: 35px; background-position: center; background-repeat: no-repeat; } .index .r-1 .c-2 .inner .content .input i.icon-1 { background-image: url("../images/icon-c-2-1.png"); } .index .r-1 .c-2 .inner .content .input i.icon-2 { background-image: url("../images/icon-c-2-2.png"); } .index .r-1 .c-2 .inner .content .input input { display: block; float: left; border: 0px; width: 270px; margin-left: 15px; height: 35px; font-size: 14px; color: #333; } .index .r-1 .c-2 .inner .content .input input::-webkit-input-placeholder { color: #999999; } .index .r-1 .c-2 .inner .content .remember { display: block; height: 15px; margin-top: 15px; } .index .r-1 .c-2 .inner .content .remember input { float: left; display: block; border: none; width: 13px; height: 13px; margin-top: 3px; margin-left: 7px; margin-right: 9px; position: relative; } .index .r-1 .c-2 .inner .content .remember input::after { content: ""; position: absolute; left: 0px; top: 0px; width: 11px; height: 11px; border: 1px solid #0067ac; } .index .r-1 .c-2 .inner .content .remember span { float: left; display: block; height: 15px; font-size: 14px; color: #333333; } .index .r-1 .c-2 .inner .content .login { margin-top: 44px; width: 100%; border-radius: 4px; overflow: hidden; background-color: #0a57cc; display: block; height: 44px; } .index .r-1 .c-2 .inner .content .login span { display: block; line-height: 44px; height: 44px; text-align: center; font-size: 16px; color: #fff; } .index .footer { margin-top: 50px; height: 30px; width: 100%; min-width: 1200px; text-align: center; heigth:100px; } .index .footer .inner { margin: 0 auto; padding-top: 45px; } .index .footer p, .index .footer p a { line-height: 16px; display: inline; color: #333; font-size: 10.5px; } .index .footer a:hover { color: #ecc22f; } #content{position: relative; max-width: 1200px; height:506px; width: 1200px; margin: 0 auto; padding-bottom:20px; overflow: hidden; border-radius: 0px 0px 10px 10px; } .inbtns{ height:224px; padding:30px 0px 0px 40px; } .inbtns2{ height:403px; padding:100px 0 60px 0px; } .inbtns li{ float:left; width:342px; margin-right:54px; } .inbtns li.li3{ margin-right:0px;} .inbtns li.li6{ margin-right:0px;} .inbtns li a{ display:block; padding-top:200px; text-align:center; color:#333; font-size:24px; } .inbtns li.li1 a{ background: url(../images/xxgw1.png) no-repeat center top; background-size;380px 280px; } .inbtns li.li2 a{ background: url(../images/sbs.png) no-repeat center top; background-size;cover; } .inbtns li.li3 a{ background: url(../images/jsfa.png) no-repeat center top; background-size;cover; } .inbtns li.li4 a{ background: url(../images/hyqy.png) no-repeat center top; background-size;cover; } .inbtns li.li5 a{ background: url(../images/bgfx.png) no-repeat center top; background-size;cover; } .inbtns li.li6 a{ background: url(../images/bys.png) no-repeat center top; background-size;cover; } .navBar{ margin: 0 auto; height: 60px; width: 1200px; background: #fff; text-align:center; } .mainNav{ width: 1200px; height: 80px; line-height: 80px; text-align: center; } .navBar .li1{ float: left; text-align: center; line-height: 60px; margin-right: 22px; margin-left:20px; } /* #li-home{ width: 192px;} #li-gszy{ width:185px; } #li-xxcmcl{ width:210px; } #li-jtxmcl{ width:220px; margin-right:0; } */ .navBar .li1 a{ font-size: 22px; color: #333; } .mainNav .on1 a,.navBar .li1 a:hover { color: #fc682d; text-decoration: none; } .navBar .li1 a{ display: block; } .navBar .li1 i{ float: left; width: 50px; height: 60px; margin:5px 0px 0 0; } #li-gszy i{ background-position:0 -100px; } #li-xxcmcl i{ background-position:0 -200px; } #li-jtxmcl i{ background-position:0 -300px; } .navBar .li1.on1 i{ }