.banner_title{position:absolute;text-align:left;color:#FFF;top:40%;left:62%}
#title_desc{display:inline-table}
#title_desc .zh{font-size:2.5vw;line-height:3vw;font-weight:700;letter-spacing: 5px;}
#title_desc .en{margin-top:0.3vw; font-family:"Arial,Microsoft YaHei";font-size:1.1vw;line-height:1.5vw;font-weight:400;letter-spacing:2px;}

.tool-main{margin:30px auto 30px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.bq-nav{width:100%;margin:0 auto}
.tool-menu dl,.tool-menu ul{display:block;width:100%;;height:auto;background:#fff;border:1px solid #d5d5d5;border-radius: 10px;box-sizing:border-box;    overflow: hidden;}
.tool-menu ul::-webkit-scrollbar{width:0;height:10px}
.tool-menu ul::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,0)}
.tool-menu ul::-webkit-scrollbar-track{border-radius:0;background:rgba(0,0,0,0)}
.tool-menu ul li{width:100%;line-height:35px;border-bottom:1px solid #ebebeb}
.tool-menu ul li:last-child{border-bottom:0 solid #ddd}
.tool-menu ul li a{display:block;color:#000;line-height:40px;padding-left:15px;box-sizing:border-box}
.tool-menu dl dd span,.tool-menu ul li span{width:18px;height:18px;display:inline-block;background:#1954f0;text-align:center;vertical-align:middle;border-radius:3px;margin-right:5px}
.tool-menu dl dd span em,.tool-menu ul li span em{font-size:12px;line-height:18px;color:#fff;display:block}
.tool-menu ul li.active{background:#4f7cbe}
.tool-menu ul li.active a{color:#fff}
.tool-menu ul li.active span{background:#fff}
.tool-menu ul li.active span em{color:#4f7cbe}
.tool-menu ul li:hover{background:#4f7cbe}
.tool-menu ul li:hover a{color:#fff}
.tool-menu ul li:hover span{background:#fff}
.tool-menu ul li:hover span em{color:#4f7cbe}
.tool-menu ul li i{margin-right:8px}

.page-ecnav .item-box{margin-top:0px;margin-bottom:20px; background:#fff;border:1px solid #eee}
.page-ecnav .item-box .main-title{line-height:22px;font-size:20px;color:;padding:16px 0 16px 35px;border-bottom:1px solid #eee}
.tool-contain{list-style:none outside;padding:0;margin:0;overflow:visible}
.tool-contain li{float:left;width:20%;text-align:center;height:50px;line-height:50px;border-bottom:1px solid #eee}

.tool-contain li.last-row { border-bottom:none;}

.tool-contain li:hover{background:#fbfbfb}
.tool-contain li .li-box{border-right:1px dashed #eee;padding:0 7px;height:50px;line-height: 50px;}
.tool-contain li .li-box .desc{height:54px;font-size:12px;color:#9c9c9c;line-height:18px;text-align:left;padding:0 18px 0 15px;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.tool-contain li .li-box .hot-icon{display:inline-block;vertical-align:top;margin-right:2px}
.tool-contain li .last-el{border-right:0}
.tool-contain li a{width:100%;text-align:left;height:50px;line-height:50px;color:#3c3c3c;font-size:14px;display:block;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis}
.tool-contain li .tool-span-box:hover a{color:#23b8ff;width:93%}
.tool-contain li .tool-span-box:hover .icon-box{display:block}
.tool-contain li a:hover+.ff-help-body{display:block}
.tool-contain li .arrow-top{border:6px solid;height:0;width:0;margin:0;padding:0;border-color:transparent transparent #000;border-color:transparent transparent rgba(0,0,0,.75);margin-left:48px}
.tool-contain li p{word-break:normal;box-shadow:0 0;line-height:1.5em;text-align:left;z-index:100000;background-color:#000;background-color:rgba(0,0,0,.75);font-size:12px;font-weight:400;color:#fdf8f6;padding:10px;margin:0;border-radius:5px;min-width:90px;min-height:18px}
.tool-contain li .tool-span-box{width:100%;display:inline-block;position:relative}
.tool-contain li .icon-box{position:absolute;top:0;right:0;display:none}
.tool-contain li .icon-box .layui-icon{cursor:pointer}
.tool-contain li .tool-span-box .prmt-box{max-width:80px;margin:auto;position:absolute}

.tool-contain li:hover .ff-add{display:inline-block}
.tool-contain li:hover .ff-help{display:block}
.tool-contain .more{padding:5px 0 10px}
.category-two{background:#fbfbfb;border-bottom:1px solid #eee;position:relative}
.category-two:last-child{border-bottom:none;}
.category-two:first-child{border-top:0}
.category-two-name{width:148px;color:#3c3c3c;text-align:center;float:left;font-weight:400;position:absolute;top:50%;margin-top:-15px;height:30px;line-height:30px}
.category-two-contain{list-style:none outside;padding:0;margin:0;margin-left:153px;background-color:#fff;border-left:1px solid #eee;overflow:visible}
.category-two-contain .last-row{border-bottom:0}

@media screen and (max-width:1440px) {
    .tool-contain li{width: 25%;}
}

@media screen and (max-width:1200px) {

}

@media screen and (max-width:1024px) {
    .tool-menu{display: none;}
}

@media screen and (max-width:960px) {
    .tool-contain li{width: 33.3333%;}
}

@media screen and (max-width:641px) {
    .category-two-name{width: 33.3333%;}
    .category-two-contain {margin-left: 33.3333%;}
    .tool-contain li{width: 50%;}
}

@media screen and (max-width:450px) {
    .category-two-name{width: 33.3333%;}
    .category-two-contain {margin-left: 33.3333%;}
    .tool-contain li{width: 100%;}
}