optim.css
4.44 KB
/*! dili 2015-06-01 */
@charset "utf-8";.nav-h2{display:none}.optim-main{height:490px;min-width:990px;background:url(../images/optimization/tio-pic.png) center no-repeat;position:relative;padding-bottom:15px}.optim-pic{width:100%;min-width:990px;text-align:center;position:absolute;top:196px;z-index:9}.optim-bg{width:100%;min-width:990px;height:174px;background:#000;filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;position:absolute;top:181px}.optim-box{width:990px;margin:30px auto 0 auto}.op-box-list{height:585px}.op-box-list dt{width:317px;height:560px;float:left;padding-left:20px}.op-box-list dd{width:632px;height:560px;float:right;padding-right:20px}.op-tit{width:237px;height:66px;background:url(../images/optimization/na-list.gif) no-repeat;font-size:24px;font-family:"Microsoft YaHei UI";color:#FFF;line-height:52px;padding-left:80px}.op-box-list dt .s2{background-position:0 -228px}.op-box-list dt .s3{background-position:0 -76px}.op-box-list dt .s4{background-position:0 -152px}.op-tabs{height:488px;border:#CCC solid 1px;background:#fff}.op-tabs .op-tabs-pic{width:295px;height:395px;margin:10px;overflow:hidden;position:relative}.op-tabs .op-tabs-pic ul{position:relative}.op-tabs .op-tabs-pic ul li{float:left}.op-tabs .op-tabs-btn{height:52px;padding:20px 0 0 20px}.op-tabs .op-tabs-btn a{width:30px;height:20px;margin:5px 0;display:block;border-right:#eee solid 1px;color:#666;text-align:center;line-height:20px;float:left}.op-tabs .op-tabs-btn a:hover{color:#666;text-decoration:none}.op-tabs .op-tabs-btn a.on{height:30px;line-height:30px;margin:0;background:#B64F22;color:#FFF}.op-tabs .btn-on1 a.on{background:#B64F22}.op-tabs .btn-on2 a.on{background:#317111}.op-tabs .btn-on3 a.on{background:#0C4E6D}.op-tabs .btn-on4 a.on{background:#9C1717}.op-more{height:50px;border-bottom:#ddd solid 1px;line-height:55px;text-align:right;color:#666;float:right;width:615px}.op-more a{color:#666;text-decoration:none}.op-more a:hover{color:#C00300}.op-mbox{height:auto;padding-top:12px;float:right;width:100%}.op-mbox ul li{width:295px;height:149px;padding:10px;background:url(../images/optimization/op-i.png) no-repeat 15px 0;position:relative}.mbox-bg{width:255px;height:97px;padding:17px 20px 23px 20px;position:absolute}.mbox-bg .mbox-pic{width:150px;height:175px;position:absolute;z-index:99;top:-20px;right:-20px}.mbox-bg .mbox-txt{width:150px;height:97px}.mbox-bg .mbox-txt span a:hover{color:#9a2f00}.mbox-bg .mbox-txt p{font-size:14px;width:120px;line-height:130%;padding:18px 0 3px 20px;color:#000;text-indent:20px;margin-bottom:14px}.mbox-bg .mbox-txt em{font-size:18px;color:#F60;font-family:"Microsoft YaHei UI";position:relative;left:30px;font-weight:700}.mbox-bh{width:295px;height:150px;position:absolute;top:10px;display:none}.mbox-bh .mbox-bh-po{height:50px;width:100px;background:#FFF;filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;position:absolute;right:0;bottom:13px}.mbox-bh .mbox-bh-a{height:50px;padding:0 20px;display:inline-block;line-height:50px;font-size:24px;font-family:"Microsoft YaHei UI";color:red;position:absolute;right:0;bottom:13px}.mbox-bh .mbox-bh-a:hover{text-decoration:none}.op-tabs .op-tabs-pic ul{width:1425px;position:relative}.op-tabs .op-tabs-pic li{float:left}.mbox-pic img{position:relative;top:0}.li1 ul li .mbox-bg{background-image:url(../images/optimization/op-i-bg1.jpg);background-repeat:no-repeat;background-position:15px 0}.li2 ul li .mbox-bg{background-image:url(../images/optimization/op-i-bg2.jpg);background-repeat:no-repeat;background-position:15px 0}.li3 ul li .mbox-bg{background-image:url(../images/optimization/op-i-bg3.jpg);background-repeat:no-repeat;background-position:15px 0}.li4 ul li .mbox-bg{background-image:url(../images/optimization/op-i-bg4.jpg);background-repeat:no-repeat;background-position:15px 0}.op-more a em{font-size:14px;font-family:Arial,Verdana}.li1 .mbox-txt span a{color:#9a2f00;font-weight:700;font-size:18px;margin-left:7px;display:block;height:18px;overflow:hidden}.li1 .mbox-txt span a:hover{color:#9a2f00}.li2 .mbox-txt span a{color:#317111;font-weight:700;font-size:18px;margin-left:7px}.li2 .mbox-txt span a:hover{color:#317111}.li3 .mbox-txt span a{color:#0c4e6d;font-weight:700;font-size:18px;margin-left:7px}.li3 .mbox-txt span a:hover{color:#0c4e6d}.li4 .mbox-txt span a{color:#9c1717;font-weight:700;font-size:18px;margin-left:7px}.li4 .mbox-txt span a:hover{color:#9c1717}div.op-mbox span a{height:45px;overflow:hidden;line-height:22px;float:left;width:135px;font-family:Arial}.mbox-bg .mbox-txt em{font-family:Arial}