.tools{
    height: 35px;
    min-width: 1400px;
    background: #2e2e2e;
    font-family: "Graphik-Regular";
    box-sizing: border-box;
}
.tools-left{
    float: left;
}
.tools-item{
    float: left;
    color: #ffffff;
    height: 35px;
    overflow: hidden;
    margin-right: 40px;
}
.tools-item i,.tools-item span{
    display: block;
    float: left;
    line-height: 35px;
}
.tools-item i{
    font-size: 0;
    padding-top: 9px;
    line-height: 0;
}
.tools-item span{
    margin-left: 10px;
    font-size: 14px;
    /* font-family: Arial, Helvetica, sans-serif; */
}
.tools-right{
    float: right;
}
.tools-right ul{
    float: left;
}
.tools-right ul li{
    float: left;
    margin-left: 10px;
    padding-top: 9px;
    cursor: pointer;
}
.tools-right ul li a:link,.tools-right ul li a:visited{
    font-size: 0;
}
.tools-web{
    float: left;
    margin-left: 40px;
    
}
.tools-web a:link,.tools-web a:visited{
    color: #ffffff;
}
.tools-web i,.tools-web span{
    display: block;
    float: left;
}
.tools-web span{
    line-height: 35px;
}
.tools-web i{
    margin-left: 10px;
    margin-top: 9px;
}
.header{
    height: 88px;
    background-color: #ffffff;
    z-index: 1;
    position: relative;
}
.header-logo{
    float: left;
    margin-top: 17px;
}
.header-nav{
    float: right;
    font-family: "Graphik-Semibold";
}
.header-nav ul{
    margin-top: 28px;
}
.header-nav ul li{
    float: left;
    margin-left: 30px;
    line-height: 58px;
    box-sizing: border-box;
    display: block;
    color: #60b900;
    font-size: 20px;
    position: relative;
    /*font-weight: bold;*/
}
/* .header-nav ul li.on{
    color: #0272c1;
    border-bottom: 2px solid #0272c1;
} */
.header-nav ul li.on a:link,.header-nav ul li.on a:visited{
    color: #0272c1;
    border-bottom: 2px solid #0272c1;
}
.header-nav ul li.on a:hover{
    border-bottom: 2px solid #0272c1;
}
.header-nav ul li a:link,.header-nav ul li a:visited{
    color: #60b900;
    text-decoration: none;
    display: block;
}
.header-nav ul li a:hover{
    border-bottom: 2px solid #60b900;
}
.header-nav ul li dl{
    position: absolute;
    left: -4px;
    top: 58px;
    margin: 0;
    padding: 0;
    background: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #dddddd;
    min-width: 100px;
    display: none;
}
.header-nav ul li dl dd{
    padding: 0 12px;
    font-size: 16px;
    line-height: 36px;
    white-space: nowrap;
}
.header-nav ul li dl dd a:link,.header-nav ul li dl dd a:visited{
    color: #666;
    border-bottom: 0 !important;
}
.header-nav ul li dl dd a:hover{
    color: #0272c1;
    border-bottom: 0 !important;
}
.header-nav ul li:hover dl{
    display: block;
}
@media screen and (max-width: 768px){
    .tools{
        height: auto;
        min-width: 100%;
    }
    .tools:after{display:block;content:"";height:0;clear:both;visibility:hidden}
    .tools-left{
        float: none;
        padding: 0 0.2rem;
        width: 100%;
        box-sizing: border-box;
    }
    .tools-left:after{display:block;content:"";height:0;clear:both;visibility:hidden}
    .tools-item{
        margin: 0;
        float: none;
        height: 0.72rem;
        line-height: 0.72rem;
    }
    .tools-item i, .tools-item span{
        height: 0.72rem;
        line-height: 0.72rem;
    }
    .tools-item span{
        font-size: 0.36rem;
        margin-left: 0.15rem;
    }
    .tools-item i{
        line-height: 0;
        height: 0;
        padding-top: 0.18rem;
    }
    .tools-item i img{
        width: 0.36rem;
    }
    .tools-right{
        float: none;
        padding: 0 0.2rem;
        box-sizing: border-box;
    }
    .tools-right ul li{
        margin: 0;
        margin-right: 0.2rem;
        padding-top: 0.2rem;
    }
    .tools-right:after{display:block;content:"";height:0;clear:both;visibility:hidden}
    .tools-web{
        float: right;
        margin: 0;
    }
    .header{
        /*height: 2rem;*/
        position: relative;
        z-index: 1;
        height: auto;
    }
    .header:after{
    	clear: both;
    	content: '';
    	display: block;
    }
    .header-logo{
        margin: 0.5rem 0 0 0.2rem;
        float: none;
    }
    .header-logo img{
        height: 1rem;
    }
    .header-nav{
        position: relative;
        float: none;
        /*margin: 0;*/
        /*background: url("../../images/list-icon.png") no-repeat center;*/
        /*background-size: cover;*/
    }
    .header-nav ul{
        margin: 0;
        /*position: absolute;*/
        /*right: 0;*/
        /*top: 1.5rem;*/
        /*display: none;*/
        width: 100%;
    }
    .header-nav ul li{
        margin: 0;
        padding: 0;
        /*float: none;*/
        line-height: 1rem;
        position: initial;
    }
    .header-nav:hover ul{
        display: block;
        background-color: #ffffff;
        /*border-radius: 4px;*/
        /*box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.15);*/
    }
    .header-nav ul:after{
    	clear: both;
    	content: '';
    	display: block;
    }
    .header-nav{
    	padding:0 0.15rem;
    }
    .header-nav ul li a:link,.header-nav ul li a:visited{
        font-size: 0.34rem;
        padding: 0 0.3rem;
        border-bottom: 0.02rem solid transparent;
        /*padding-right: 1rem;*/
        float: left;
    }
    .header-nav ul li.on a:link, .header-nav ul li.on a:visited{
        border-bottom: 0.02rem solid #0272c1;
    }
    .header-nav ul li dl{
        position: absolute;
        width: 100%;
        left: 0;
        top: auto;
        display: none;
        border: 0;
        background: #eeeeee;
        font-weight: normal;
    }
    .header-nav ul li dl a:link,.header-nav ul li dl a:visited{
        font-weight: normal !important;
        font-size: 0.28rem !important;
        color: #666 !important;
    }
    .cur_div{
    	margin-top: 0.3rem;
    	transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        width: 0.4rem;
        height: 0.4rem;
        cursor: pointer;
        /*position: absolute;*/
        /*right: 0;*/
        /*top: 0;*/
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAAG0OVFdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYjRmOTYyOC03YmZiLTFmNGQtYTU2My00ZmZlYTIwM2JlMTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUQxMEM5N0I4RkJDMTFFQ0FENTZCNjQ5M0VGRThERjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUQxMEM5N0E4RkJDMTFFQ0FENTZCNjQ5M0VGRThERjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDMwZjY2NWQtOGUyMy1iYTRjLWJlZTgtOWFiMjA1ZDI4MGFjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmNiNGY5NjI4LTdiZmItMWY0ZC1hNTYzLTRmZmVhMjAzYmUxNyIv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") no-repeat center;
        background-size: 0.8rem;
        float: left;
    }
    .header-nav ul li:hover dl{
        display: none;
        border-radius: 0;
    }
    .header-nav ul li dl.cur_show{
        display: block;
        top: 1rem;
    }
    .header-nav ul li dl.cur_hide{
        display: none;
    }
    .header_xz{
        transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        -moz-transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg);
        -o-transform:rotate(-90deg);
    }
}

@media screen and (min-width: 768px) and (max-width: 1400px){
    .tools{
        min-width: 768px;
        padding: 0 15px;
    }
    .tools-item{
        margin-right: 30px;
    }
    .tools-item span{
        font-size: 14px;
    }
    .header{
        height: 80px;
        padding: 0 15px;
    }
    .header-logo img{
        width: 200px;
    }
    .header-nav ul{
        margin-top: 20px;
    }
    .header-nav ul li{
        font-size: 20px;
    }
    .header-nav ul li:first-child{
        margin-left: 0;
    }
}