.kekedoc_indexhd{position:relative;margin-top:20px}
.kekebigbox{background:url(../images/new-banner.png);padding:1px 0 30px 0;margin-top:0}
.hd_left{width:202px;background:#fff;z-index:198;position:absolute;height:348px;box-shadow:0 0 20px 0 rgba(0,0,0,.08)}

body{ background: #f8f8f8;}

.index-top{ position: relative; padding-bottom: 50px; background: #f8f8f8;}
.index-top-content{ position: absolute; top:0; left:0; width:  100%; z-index: 2;}
.index-top-content .s{ width: 960px; padding-top: 100px; margin: auto; text-align: center;}
.index-top-content .h1{ font-size: 55px; color: #fff; font-weight: bold; padding-bottom: 40px; line-height: 1;}
.index-top-content .des{ font-size: 24px; font-weight: bold;  line-height: 1; color: #fff; padding-bottom: 48px;}
.index-top-content .docnumboxs{font-size:24px; margin: 0; }

.search-bar{height:60px;position:relative;z-index:10;border:2px solid #3d6ff0;border-radius:5px;margin:0 auto;background:#fff}
.search-bar input{outline:0;border:none;background:0 0;resize:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:90%;height:60px;padding:0 10px 0 20px;font-size:16px}
.search-bar button{position:absolute;text-align:center;top:0px;right:-1px;width:160px;height:60px;border-radius:0 3px 3px 0;cursor:pointer;outline:0;border:none;font-size:20px; letter-spacing:5px;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;background:linear-gradient(to bottom,#3d6ff0 0,#3d6ff0 100%)}
.search-bar button:hover{ opacity: 0.95;}
.index-top-content .info{text-align:center;margin-top:40px;color:#fff; font-size: 16px;}
.index-top-content .hot-keyword{ max-width:380px; height: 30px; line-height: 30px; overflow: hidden;}
.index-top-content .diy-info{ max-width:580px; height: 30px; line-height: 30px; overflow: hidden;}
.index-top-content .info a{padding:0 3px;color:#fff}
.index-top-content .diy-info  span{ padding: 2px 0;}

.slideBox{height:520px;overflow:hidden;position:relative; z-index: 1;}
.slideBox .hd{height:15px;overflow:hidden;position:absolute;left:50%;margin-left:-75px;text-align:center;width:150px;bottom:60px;z-index:1}
.slideBox .hd ul{overflow:hidden;zoom:1;margin:0 auto;}
.slideBox .hd ul li{display:inline-block;margin:0 5px;border-radius:50%;width:10px;height:10px;text-align:center;background:#fff; cursor:pointer}
.slideBox .hd ul li.on{background:#3d6ff0;color:#fff}
.slideBox .bd{position:relative;height:100%;z-index:0}
.slideBox .bd li{zoom:1;vertical-align:middle;font-size:0}
.slideBox .bd img{border-radius:0;height:520px;width:100%;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}

.index-nav{ position: absolute; left: 0;  bottom: 0; width: 100%; z-index: 2;}
.index-nav .item{overflow:hidden;padding:20px 20px 20px 40px;box-sizing:border-box;}
.index-nav ul{box-shadow:0 2px 10px 0 rgba(75,91,138,.1);background:#fff; border-radius: 5px;}
.index-nav li{transition:all .2s linear;width:20%;margin-bottom:0;padding:0;box-sizing:border-box;float:left;position:relative}
.index-nav li:before{ display:none;top:28px;width:1px;height:30px;position:absolute;left:-20px;background-color:#e3e3e3;content:'';transform:rotate(25deg);-webkit-transform:rotate(25deg);-moz-transform:rotate(25deg)}
.index-nav li:first-child:before{display:none}
.index-nav li:hover{cursor:pointer;}
.index-nav .icon{float:left;margin-right:10px}
.index-nav .icon img{width:48px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}
.index-nav .key{font-size:18px;margin-top:2px}
.index-nav .value{color:#999;font-size:12px;margin-top:2px}


.index-node .title-box{ height: 40px; line-height: 40px;padding: 0 25px; overflow: hidden;}
.index-node .title-box .t span{ display: inline-block; font-size: 19px;font-weight: 700; color: #333;/* padding-left: 28px; background: url(../images/muquan/t.png) no-repeat left center;*/}
.index-node .title-box .cat { max-width: 1100px; padding-left: 20px; margin: 5px auto; }
.index-node .title-box .cat a{ float: left; padding: 0 10px; height: 30px; line-height: 30px; }
.index-node .title-box .cat span{ display: inline-block; font-size: 15px;  color: #999;}
.index-node .title-box .cat .on{ height: 28px;}
.index-node .title-box .cat .on span{ border-bottom: 2px #99734b solid; color: #333;}
.index-node .title-box .more { background:#eff3f6; line-height:22px; margin-top: 9px; padding: 0 6px 0 10px; border-radius: 11px; }
.index-node .title-box .more span{display: inline-block;  color: #7a7a7a; background: no-repeat right center; padding-right: 2px;}
.index-node .line{ margin:18px 25px 15px; height: 1px; background: #eee;}


.index-node{ background: #fff;box-shadow: 0 2px 10px 0 rgb(75 91 138 / 10%); padding:15px 0; border-radius: 5px;}

.index-new-box{ padding-top: 25px;}
.index-new-box .left{ width: 920px;}
.index-new-box .right{ width: 340px;}

.index-right-item{ background: #fff;box-shadow: 0 2px 10px 0 rgb(75 91 138 / 10%); padding:12px 10px; border-radius: 5px;}
.index-right-item .t{height: 40px; line-height: 40px;padding: 0 10px; margin-bottom: 3px;}
.index-right-item .t span{ display: inline-block; font-size: 18px;font-weight: 700; color: #333; padding-left: 35px; background: url(../images/muquan/icon2.png) no-repeat left center;background-size: 30px;}

.index-top-icons .t span{ background-image: url(../images/muquan/icon1.png);}

.index-top-icons{ margin-bottom: 20px;}
.index-top-icons ul{ padding: 5px 0 6px;}
.index-top-icons li{ float: left; width: 33.333%; text-align: center;}
.index-top-icons li a{ display: block; padding: 10px;}
.index-top-icons li img{ width: 45px; height: 45px; vertical-align: middle;}
.index-top-icons li p{ font-size: 13px; color: #747474; line-height: 20px; padding-top: 5px;}

.index-top-ad .s{ padding: 6px 15px 0;}
.index-top-ad .s a{ display: block; margin-bottom: 20px;}
.index-top-ad .s img{ width: 100%; height: 87px; border-radius: 5px;}

.index-doc-image{ float: left; width: 50%;}
.index-node .cont{ padding: 0 25px;}
.index-node .image-list{ padding: 15px 0;}
.index-doc-image .m{ margin-right: 12px;}
.index-doc-image .m img{ width: 120px; height: 170px; border: 1px #eee solid;}
.index-doc-image .m a{ position: relative;}
.index-doc-image .m i{ position: absolute; right: 8px; bottom:8px; font-size: 20px; margin: 0;}
.index-doc-image .t{font-size: 16px; color: #333; line-height: 25px; height: 25px; overflow: hidden;}
.index-doc-image .des{ margin:15px 0 20px;  font-size: 13px; color: #747474; line-height: 22px; max-height: 66px; overflow: hidden;}


.index-doc-li{ float: left; width: 50%;}
.index-doc-li .cont{ line-height: 35px; height: 35px; overflow: hidden; font-size: 14px;}
.index-doc-li .cont em{ padding-right: 5px;}
.index-doc-li span{ float:right; font-size: 12px; color: #999; width: 80px; text-align: right; }


.index-nodes .index-node{ margin-top: 30px;}
.index-nodes .index-doc-image,
.index-nodes .index-doc-li{  width: 33.333%;}

.index-logo-box{ margin: 30px auto;}
.index-logo-box .s{ padding: 0 17px;}
.index-logo-box .s li{ float: left; width: 16.666%;}
.index-logo-box .s a{ display: block; border: 1px #eee solid; margin: 8px;}
.index-logo-box .s img{ width: 100%; height: 77px;}

.index-footer{ background:#4d72f7 url(../images/muquan/footer.jpg) no-repeat center; text-align: center; padding: 60px 0;}
.index-footer p{font-size: 32px; font-weight: bold;  color: #fff; margin-bottom: 30px;}
.index-footer a{ display: inline-block; line-height: 40px; border-radius: 5px; background: #fff; color: #3d6ff0; padding:0 20px; font-size: 18px; transition: 0.3s; }
.index-footer a:hover{ opacity: 0.9;}

.index-node .doc-item-data span{ margin-right: 15px;}
.index-node .doc-item-data .page{ margin: 0;}

#ft{ margin: 0;}

.ajax-box{ width: 100%; }
.ajax-box .tips{font-size: 14px; line-height: 250px; text-align: center; color: #747474;}