.header .navs .nav li .ppthot{position:absolute;top:20px;right:-9px;width:26px;height:17px;background:url(../../index/image/hot.gif) 0 0 no-repeat} .header .navs .nav li .pptnew{position:absolute;top:20px;right:-9px;width:26px;height:17px;background:url(../../index/image/new.gif) 0 0 no-repeat} #banner{position:relative;width:100%;height:400px} #banner .hd{position:absolute;right:0;bottom:10px;left:0;z-index:10;text-align:center} #banner .hd ul li{display:inline-block;margin:3px 3px;width:40px;height:8px;background:#fff;color:rgba(255,255,255,.5);text-align:center;font-size:16px;line-height:30px;opacity:.4;cursor:pointer} #banner .hd ul li.current,.hd ul li:hover{background:#fff;box-shadow:0 0 2px;color:#fff;opacity:1} #banner .bd ul li{position:absolute;top:0;right:0;left:0;width:100%;height:100%} #banner .bd ul li a{display:block;width:100%;height:100%} #banner .b-btn{position:absolute;top:50%;left:50%;z-index:2;display:block;margin-top:-69px;width:65px;height:120px;border-radius:3px;text-indent:-50px;opacity:0} #banner .b-btn:hover{opacity:.9} #banner .prevBtn{margin-left:-609px;background:url(../image/arrow.png) 0 13px no-repeat} #banner .nextBtn{margin-left:551px;background:url(../image/arrow.png) -95px 13px no-repeat} #banner:hover .b-btn{opacity:.6} #searchdiv{width:100%;height:130px;background:#fff;text-align: center;} #searchdiv .search{text-align: center;position: absolute;z-index: 12;display: inline-block;margin-top: 48px;height: 60px;width: 902px;margin: 48px auto 0;left: 50%;margin-left: -451px;} #searchdiv .search .plk{position:absolute;top:-30px;left:0;display:inline-block;width:500px;height:29px;color:#565656;text-align:left;font-size:13px} #searchdiv .search .plk .pline{display:inline-block;width:1px;height:14px;background:#e8e8e8;vertical-align:-2px} #searchdiv .search .plk .plinenone{background:#fff} #searchdiv .search .plk a{position:relative;padding:4px 16px;border-radius:2px;cursor:pointer} #searchdiv .search .plk .pchose{border-radius:2px;background:#6589e4;color:#fff} #searchdiv .search .plk .pchose em{position:absolute;top:24px;left:50%;display:block;margin-left:-6px;width:0;height:0;border-top:6px solid #6085e3;border-right:6px solid transparent;border-left:6px solid transparent} #searchdiv .search .s-box{float:left;width:790px;height:56px;border:2px solid #6589e4;border-right:0 solid;background:#fff;opacity:.9} #searchdiv .search .s-niu{float:left;width:110px;height:60px;background:url(../../common/image/common.png) no-repeat 40px -116px #6589e4;cursor:pointer} #searchdiv .search .s-niu:hover{background-color:#4f75d3} #searchdiv .hot-search{position:absolute;top:60px;z-index:12;width:791px;border:1px solid #e5e5e5;background:#fff;text-align:left} #searchdiv .hot-search span{display:inline-block;margin:0 20px;width:20px;height:20px;color:#fff;text-align:center;line-height:20px} #searchdiv .hot-search ul{margin:7px 0} #searchdiv .hot-search a{display:inline-block;height:42px;color:#000;text-align:left;font-size:14px;line-height:42px} #searchdiv .hot-search li{cursor:pointer} #searchdiv .hot-search .hover,#searchdiv .hot-search li:hover{background:#f0f0f0} #searchdiv .search .s-box .i-search{margin-left:20px;width:770px;height:56px;outline:0;border:0 solid;font-size:15px;font-family:'微软雅黑';line-height:56px} #searchdiv .tip-indent{display:inline-block;width:30px} .topic{width:100%;height:250px;background:#fff;text-align:center} .topic .topic1{margin-right:-18px} .topic .topic1 .t-box{display:inline-block;margin-top:30px;margin-right:12px;margin-bottom:30px;width:292px;height:185px;color:#fff;cursor:pointer} .topic .topic1 .title{display:block;width:100%;height:81px;font-size:30px;line-height:104px} .topic .topic1 ul{padding:0 40px} .topic .topic1 a{float:left;display:inline-block;width:100px;height:35px;color:#fff;font-size:15px;line-height:60px;opacity:1} .topic .topic1 a img:hover{opacity:.8} .topic .topic2 .recomment{display:inline-block;margin-right:10px;width:287px;height:316px} .topic .topic2 .mr0{margin-right:0} .topic .topic2 .img{width:100%;height:216px;cursor:pointer} .topic .topic2 .img:hover{opacity:.9} .topic .topic2 span{display:block;height:100px;color:#4a4a4a;font-size:18px;line-height:80px} .good-ppt{width:100%} .mores{display:inline-block;margin-bottom:28px;width:180px;height:45px;border-radius:4px;background:#6085e3;color:#fff;font-size:14px;line-height:45px;cursor:pointer} .mores:hover{background:#7796e6;color:#fff} .sjsruzhu{position:relative;height:57px} .sjsruzhu .insert{position:absolute;top:20px;left:-116px;width:200px;height:77px;background:url(../image/desiger.png) 3px 1px no-repeat} .topic-title{height:110px;color:#484747;text-align:left;line-height:110px} .topic-title .jptitle{display:inline-block;width: 280px;color:#000;letter-spacing:2px;font-size:24px;} .topic-title .jptitle .ppt{display: inline-block;width: 87px;height: 63px;background: url('../image/tb.png') 0px 0px no-repeat;vertical-align: -23px;} .topic-title .jptitle .word{display: inline-block;width: 87px;height: 63px;background: url('../image/tb.png') 0px -60px no-repeat;vertical-align: -23px;} .topic-title .jptitle .shiping{display: inline-block;width: 87px;height: 63px;background: url('../image/tb.png') 0px -175px no-repeat;vertical-align: -23px;} .topic-title .jptitle .excel{display: inline-block;width: 87px;height: 63px;background: url('../image/tb.png') 0px -118px no-repeat;vertical-align: -23px;} .topic-title ul{display:inline-block;float: right;} .topic-title ul li{display:inline-block} .topic-title ul li em{display:inline-block;height: 14px;width:1px;background: #b7b7b7;vertical-align: -2px;} .topic-title ul li a{display:inline-block;margin-right:6px;padding:0 10px;height:35px;/* border:1px solid #e5e5e5; *//* background:#fff; */color:#606060;font-size:14px;line-height:35px;} .topic-title ul li a:hover{color:#668be4} .leftbar{position:fixed;bottom:115px;left:50%;z-index:2;display:none;margin-left:-717px;width:50px;background:#fff;font-size:12px} .leftbar .lline{margin-left:5px;width:40px;height:1px;background:#e0e0e0} .leftbar .lbox{display:block;padding:15px 0;width:50px;height:30px;color:#797979;cursor:pointer} .leftbar .lboxts{padding:0;height:40px} .leftbar .lbox span{display:block} .leftbar .fontchose{color:#5a81e1} .leftbar .divchose,.leftbar .nchose:hover{background:#5a81e1;color:#fff} .leftbar .lbox .return-top1{display:inline-block;width:29px;height:39px;background:url(../../common/image/ktvip.png) -77px -42px no-repeat;vertical-align:10px} .leftbar .lbox:hover .return-top1{background:url(../../common/image/ktvip.png) -104px -42px no-repeat} @media all and (max-width: 1366px) { .leftbar{margin-left: -660px;} } .box-new-hot{text-align:left;margin-bottom:20px;} .box-tab{display:inline-block;line-height: 40px;border-bottom:1px solid #e5e5e5;width:100%;font-size: 14px} .box-tab li{display:block;float:left;color:#999;margin-right:20px;} .box-tab li:hover{cursor: pointer;} .box-tab .on{color:#6085e3;} .box-new-hot .boxinfo{line-height:30px;} .box-new-hot .boxinfo a{margin-right:10px;color:#999;font-size:12px}