/* q_serach start */
.q_serach .q_serach_banner {
    padding: 60px 0 90px 0;
    background-color: #37bbb8;
}

.q_serach .q_serach_banner .line {
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: -1px;
    color: #ffffff;
    opacity: 0.6;
}

.q_serach .q_serach_banner .form_box {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 15px;
    color: #ffffff;
    margin-top: 30px;
}

.q_serach .q_serach_banner .form_box input {
    font-family: 'gilroy-Bold';
    font-size: 36px;
    line-height: 40px;
    flex: auto;
    padding-right: 20px;
    background-color: transparent;
    color: #ffffff;
}


.q_serach .q_serach_banner .form_box input::-webkit-input-placeholder {
    color: #ffffff;
}

.q_serach .q_serach_banner .form_box input:-moz-placeholder {
    color: #ffffff;
}

.q_serach .q_serach_banner .form_box input::-moz-placeholder {
    color: #ffffff;
}

.q_serach .q_serach_banner .form_box input:-ms-input-placeholder {
    color: #ffffff;
}

.q_serach .q_serach_banner .form_box .iconfont {
    font-size: 26px;
    font-weight: bold;
    background-color: transparent;
    border: none;
}

.q_serach .q_serach_banner .tag_box {
    margin-top: 30px;
    margin-left: -50px;
}

.q_serach .q_serach_banner .tag {
    font-size: 16px;
    line-height: 1.1;
    color: #a5e0df;
    margin-left: 50px;
    border-bottom: 2px solid transparent;
    transition: all .5s;
}

.q_serach .q_serach_banner .tag:hover {
    color: #ffffff;
}

.q_serach .q_serach_banner .tag.active {
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
}

/* q_serach end */




/* q_serach_line start */

.q_serach_line {
    background-color: #f1f3f5;
     padding-top: 15px !important;
        padding-bottom: 60px;
}

.q_serach_line .title_box {
    font-size: 26px;
    line-height: 1.1;
    letter-spacing: -1px;
    color: #000000;
}

.q_serach_line .title_box .tag {
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: 0px;
    color: #828282;
}

.q_serach_line .more_tag {
    margin-top: 30px;
}

.q_serach_line .more_tag .name {
    font-family: 'gilroy-Bold';
    font-size: 18px;
    line-height: 1.1;
    color: #333333;
    max-width: 190px;
}

.q_serach_line .more_tag .tag_box {
    width: 42.3%;
}

.q_serach_line .more_tag .clear_btn {
    flex: auto;
    text-align: right;
    text-decoration: underline;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0px;
    color: #666666;
    cursor: pointer;
}

.q_serach_line .more_tag .tag_box:not(:first-child) {
    margin-left: 5%;
}

.q_serach_line .drop_down {
    background-color: #fff;
    margin-left: 20px;
    width: 58.6%;
    line-height: 40px;
    border-radius: 21px;
    padding: 0 30px;
    border: solid 1px #fff;
    font-size: 16px;
    color: #828282;
    position: relative;
    cursor: pointer;
    transition: all 1s;
    z-index: 10;
}

.q_serach_line .top_txt {
    position: relative;
}

.q_serach_line .top_txt::after {
    content: ' ';
    position: absolute;
    top: calc(50% + 3px);
    right: 0;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #000 transparent transparent transparent;
}

.q_serach_line .drop_down .down {
    display: none;
    padding: 0 30px 30px;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    border: solid 1px #37bbb8;
    border-top: 0;
    border-radius: 0 0 21px 21px;
    background-color: #fff;
}

.q_serach_line .drop_down .down .line_box {
    border-top: 1px solid #dedede;
    padding-top: 10px;
}

.q_serach_line .drop_down .down .line {
    font-size: 14px;
    line-height: 28px;
    transition: all .5s;
    cursor: pointer;
}

.q_serach_line .drop_down .down .line:hover {
    color: #37bbb8;
}

.q_serach_line .drop_down.active {
    border-radius: 21px 21px 0 0;
    border: 1px solid #37bbb8;
    border-bottom: 1px solid #fff;
}

.q_serach_line .block_box {
    margin: 40px 0 55px;
    margin-top: 0 !important;
}

.q_serach_line .block_box .block {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 25px 30px;
    border: solid 2px transparent;
    transition: all .5s;
    display: block;
}

.q_serach_line .block_box .block:not(:first-child) {
    margin-top: 10px;
}

.q_serach_line .block_box .block .name {
    font-family: 'gilroy-Bold';
    font-size: 20px;
    line-height: 1.3;
    color: #000000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .5s;
}
.q_serach_line .block_box .block .name.dot2{white-space: normal;}

.q_serach_line .block_box .block .abstract {
    font-size: 16px;
    line-height: 26px;
    color: #828282;
    max-height: 52px;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 15px;
}

.q_serach_line .block_box .block .abstract span{ color: #004894;}

.q_serach_line .block_box .block .more {
    font-family: 'gilroy-Bold';
    font-size: 14px;
    line-height: 1.1;
    color: #333333;
    margin-top: 30px;
    transition: all .5s;
}

.q_serach_line .block_box .block .more .iconfont {
    margin-left: 10px;
}

.q_serach_line .block_box .block:hover {
    border: solid 2px #37bbb8;
    box-shadow: 0 40px 40px -20px #dedede;
}

.q_serach_line .block_box .block:hover .name {
    color: #37bbb8;
}

.q_serach_line .block_box .block:hover .more {
    color: #37bbb8;
}

/* q_serach_line end */



/* q_serach_none start */

.q_serach_none {
    padding: 60px 0;
    background-color: #f1f3f5;

}

.q_serach_none .cotnent {
    position: relative;
}

.q_serach_none .cotnent .bg_img {
    position: absolute;
    right: -40px;
    top: -72px;
}

.q_serach_none .title_box {
    font-family: 'gilroy-Bold';
    font-size: 30px;
    line-height: 1.5;
    letter-spacing: -1px;
    color: #000000;
}

.q_serach_none .title_box .icon {
    margin-top: 30px;
    height: 2px;
    position: relative;
    overflow: hidden;
}

.q_serach_none .title_box .icon img {
    width: 795px;
    position: absolute;
    max-width: none;
    left: 0;
}

.q_serach_none .left_box {
    width: 68.75%;
    position: relative;
    z-index: 2;
}

.q_serach_none .block_box .txt {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -1px;
    color: #000000;
    margin-top: 45px;

}

.q_serach_none .block_box .tag_box {
    margin-top: 16px;
    margin-left: -10px;
}

.q_serach_none .block_box .tag {
    line-height: 40px;
    border-radius: 25px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    transition: all .5s;
    padding: 0 25px;
    margin-left: 10px;
    margin-top: 10px;
    transition: all .5s;
}

.q_serach_none .block_box .tag:hover {
    background-color: #37bbb8;
    border: 1px solid #37bbb8;
    color: #fff;
}

/* q_serach_none end */

/* 搜索侧边导航 start */
.searchList_content{position: relative;display: flex;margin-top: 40px;}
.search_side{margin-right: 30px;}
.search_side_screen{min-width: 270px;;width: 270px;margin: 0 auto;max-width: 90%;background: #fff;border-radius: 20px;padding: 50px 30px;position: relative;}
.search_side_screen::after{display: block;content: "";left: 30px;right: 30px;top: 0;position: absolute;height: 2px;background: #37bbb8;}
.search_side_screen .screen_list .item{border-bottom: 1px solid #e5e5e5;padding: 20px 0;}
.search_side_screen .screen_list .item .s_tit{font-size: 18px;display: block;margin-bottom: 5px;color: #333;}
.search_side_screen .screen_list .item a{display: block;font-size: 16px;color: #999999;position: relative;padding: 2px 0;padding-left: 15px;}
.search_side_screen .screen_list .item a::after{display: block;content: "";position: absolute;top: 10px;left: 0;width: 6px;height: 6px;border-radius: 50%;border: 1px solid #a0a0a0;}
.search_side_screen .screen_list .item a.active{color: #37bbb8;}
.search_side_screen .screen_list .item a.active::after{background: #37bbb8;border-color: #37bbb8;}
.search_side_screen .screen_list .item .screen_down{padding-left: 20px;}
.search_side_screen .screen_list .item:first-child{padding-top: 0;}
.search_side_screen .screen_list .item:last-child{border-bottom: none;}
.clear_screen{width: 100%;height: 45px;border: none;background: #000000;color: #fff;text-align: center;line-height: 45px;border-radius: 23px;font-size: 16px;cursor: pointer;}
.clear_screen i{font-size: 18px;}
/* 搜索侧边导航 end */

@media (max-width:1700px) {
    .search_side{width: 270px;}
    .searchListpadding .block_box{padding-left: 0 !important;}
}

@media (max-width:1260px) {
    
    .q_serach_line .block_box{margin: 20px 0 40px;}
    .q_serach_line .title_box{font-size: 26px;}
    .search_side_screen{max-width: 100%;}



    .q_serach_line .more_tag .tag_box {
        width: 49%;
    }

    .q_serach_line .more_tag .tag_box:not(:first-child) {
        margin-left: 2%;
    }

    .q_serach_line .more_tag .clear_btn {
        margin-top: 20px;
    }

    .q_serach_line {
        padding: 40px 0;
    }

    .q_serach_none .title_box {
        font-size: 30px;
        line-height: 1.1;
    }
}

@media (max-width:992px) {
    .search_side_screen{padding: 30px 20px;}
    .search_side_screen .screen_list .item .s_tit{font-size: 16px;}
    .q_serach_none .cotnent .bg_img {
        display: none;
    }

    .q_serach_none .left_box {
        width: 100%;
    }

    .q_serach_line .more_tag .tag_box {
        width: 100%;
    }

    .q_serach_line .more_tag .tag_box:not(:first-child) {
        margin-left: 0;
        margin-top: 15px;
    }

    .q_serach_line .more_tag .clear_btn {
        text-align: left;
    }
}

@media (max-width:768px) {
    .searchList_content{flex-wrap: wrap;}
    .q_serach_line .more_tag .name{max-width: 100%;}
    .search_side{margin-bottom: 20px;width: 100%;margin-right: 0;}
    .search_side_screen{width: 100%;}
    .searchList_content .block_box{padding-left: 0;}
    .q_serach_line {
        padding: 60px 0;
    }

    .q_serach .q_serach_banner {
        padding: 60px 0;
    }

    .q_serach .q_serach_banner .form_box {
        margin-top: 30px;
        padding-bottom: 15px;
    }

    .q_serach .q_serach_banner .form_box input {
        font-size: 30px;
    }

    .q_serach .q_serach_banner .form_box .iconfont {
        font-size: 30px;
    }


    .q_serach_line .drop_down {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

    .q_serach_line .block_box .block {
        padding: 20px;
    }

    .q_serach_line .block_box .block .name {
        font-size: 22px;
    }

    .q_serach_line .block_box {
        margin: 20px 0;
    }

    .q_serach_none {
        padding: 40px 0;
    }

    .q_serach_none .title_box {
        font-size: 22px;
    }

    .q_serach_none .title_box .icon {
        margin-top: 20px;
    }

    .q_serach_none .block_box .txt {
        font-size: 20px;
        margin-top: 20px;
    }

    .q_serach_none .block_box .tag {
        line-height: 40px;
        padding: 0 20px;
    }
}


@media (max-width:580px) {
    .search_side_screen{border-radius: 10px;}
    .searchList_content{margin-top: 20px;}
    .q_serach_line .block_box .block{border-radius: 10px;}
    .search_side_screen .screen_list .item{padding: 10px 0;}
    .q_serach_line .block_box .block .name{letter-spacing: 0;}
    .search_side_screen .screen_list .item .screen_down a{font-size: 14px;}
    .q_serach_line {
        padding: 30px 0;
    }

    .q_serach .q_serach_banner {
        padding: 30px 0;
    }

    .q_serach .q_serach_banner .form_box {
        margin-top: 15px;
        padding-bottom: 0;
    }

    .q_serach .q_serach_banner .form_box input {
        font-size: 16px;
    }

    .q_serach .q_serach_banner .form_box .iconfont {
        font-size: 15px;
    }

    .q_serach .q_serach_banner .tag_box {
        margin-top: 15px;
        margin-left: -20px;
    }

    .q_serach .q_serach_banner .tag {
        font-size: 14px;
        margin-left: 20px;
    }

    .q_serach_line .title_box {
        font-size: 18px;
    }

    .q_serach_line .title_box .tag {
        font-size: 14px;
    }

    .q_serach_line .more_tag {
        margin-top: 15px;
    }

    .q_serach_line .more_tag .name {
        font-size: 16px;
    }

    .q_serach_line .block_box .block {
        padding: 15px 10px;
    }

    .q_serach_line .block_box .block .name {
        font-size: 16px;
    }

    .q_serach_line .block_box .block .abstract {
        margin-top: 5px;
        font-size: 12px;
        line-height: 20px;
    }

    .q_serach_line .block_box .block .more {
        margin-top: 15px;
    }

    .q_serach_none {
        padding: 30px 0;
    }

    .q_serach_none .title_box {
        font-size: 16px;
        line-height: 1.1;
        letter-spacing: 0;
    }

    .q_serach_none .block_box .txt {
        font-size: 16px;
        line-height: 1.1;
        margin-top: 10px;letter-spacing: 0;
    }

    .q_serach_none .block_box .tag {
        font-size: 12px;
        padding: 0 15px;
        line-height: 35px;
    }
    .search_side_screen::after{left: 20px;right: 20px;}
    .search_side_screen{padding: 20px 15px;}
}