/* AB模板网 整站模板下载 *//* 模板：Www.AdminBuy.Cn *//* 仿站：Fang.AdminBuy.Cn *//* 素材：Sc.AdminBuy.Cn *//* js特效：js.AdminBuy.Cn *//* 在线工具 Tool.Adminbuy.Cn *//* QQ：9490489 */
header #dowebok
{
    height: 0;
}
@media(max-width: 38.4rem)
{
    body.hidden header #dowebok
    {
        height: 100%;
    }
    header .container .logo img
    {
        height: 30px;
    }
    header
    {
        padding: .5rem .75rem!important;
    }
    header .container
    {
        justify-content: space-between;
    }
    header nav, header .wechat
    {
        display: none!important;
    }
    header .logo
    {
        flex: none;
    }
    header .mb
    {
        display: block!important;
    }
    header .tel
    {
        margin-left: .5rem!important;
        padding: .25rem .5rem!important;
        border: none!important;
        margin-right: .5rem!important;
    }
    header .tel p
    {
        margin-left: .3rem!important;
        font-size: .8rem!important;
        font-weight: 600;
    }
    header .sidebar-wrapper
    {
        position: relative;
        height: 100%;
        overflow: auto;
    }
    header .menu
    {
        margin: 0 .5rem;
    }
    header .menu i
    {
        font-size: 1.2rem;
        color: #333;
    }
    header #dowebok
    {
        background-color: #ef8e02;
    }
    header #dowebok .nav
    {
        margin-top: 2.5rem;
        line-height: 2rem;
        list-style-type: none;
    }
    header #dowebok .nav a
    {
        display: block;
        padding: 0 1rem;
        color: #fff;
        text-align: center;
        text-decoration: none;
    }
    header #dowebok .nav a:hover
    {
        background-color: #4537be;
        color: #fff;
    }
}
@media(max-width: 38.4rem)
{
    footer .f-top .container
    {
        flex-direction: column;
        align-items: center;
    }
    footer .f-top .container .fl
    {
        margin-bottom: 1rem;
        align-items: center;
        flex-direction: column;
        padding-right: 0!important;
    }
    footer .f-top .container .fl .fl-top .logo
    {
        margin-right: 0!important;
        width: 5rem!important;
    }
    footer .f-top .container .fl .fl-top ul
    {
        display: none!important;
    }
    footer .f-top .container .fl .fl-bottom
    {
        display: none!important;
    }
    footer .f-top .container .fr
    {
        margin-left: 0!important;
        flex-direction: column;
        align-items: center!important;
    }
    footer .f-top .container .fr .fr-l
    {
        margin-right: 0!important;
        align-items: center;
    }
    footer .f-top .container .fr .fr-l i
    {
        font-size: 2rem!important;
    }
    footer .f-top .container .fr .fr-l h4
    {
        align-items: flex-start;
        font-size: 1.2rem!important;
    }
    footer .f-top .container .fr .fr-r
    {
        padding-left: 0!important;
    }
    footer .f-top .container .fr .fr-r img
    {
        width: 5rem!important;
        height: 5rem!important;
    }
    footer .f-bottom
    {
        padding: .5rem!important;
    }
    footer .f-bottom p
    {
        font-size: .6rem!important;
        line-height: .9rem!important;
        text-align: center;
    }
}
@media(max-width: 38.4rem)
{
    p
    {
        font-size: .7rem!important;
        line-height: 1rem!important;
    }
    .tag
    {
        display: none!important;
    }
    .page-banner
    {
        height: 10rem!important;
    }
    .container
    {
        padding: 0 .6rem!important;
    }
    .page-t
    {
        margin-bottom: 1rem!important;
    }
    .page-t h2
    {
        font-size: 1rem!important;
        padding: 0 1rem!important;
        line-height: 1;
    }
    .page-t h2::before, .page-t h2::after
    {
        height: 1rem!important;
        width: 3rem!important;
        background-size: contain;
    }
    .page-tag
    {
        padding: .5rem 0!important;
    }
    .page-tag i
    {
        font-size: .9rem!important;
    }
    .page-tag a
    {
        font-size: .7rem!important;
    }
}
@media(max-width: 38.4rem)
{
    .banner .bp
    {
        bottom: .5rem!important;
    }
    .index-t
    {
        margin-bottom: 1rem!important;
    }
    .index-t h2
    {
        font-size: 1rem!important;
        padding: 0 1rem!important;
        line-height: 1;
    }
    .index-t h2::before, .index-t h2::after
    {
        height: 1rem!important;
        width: 3rem!important;
        background-size: contain;
    }
    .index-t p
    {
        margin-top: .5rem!important;
        font-size: .6rem!important;
    }
    #index section
    {
        padding: 1.5rem 0!important;
    }
    #index .proj .pp
    {
        display: none;
    }
    #index .proj .proj-box
    {
        margin-top: 1.5rem!important;
    }
    #index .proj .proj-box .proj-item
    {
        height: 7.5rem!important;
        width: 100%!important;
    }
    #index .proj .proj-box .proj-item:hover .p-cont
    {
        top: 0!important;
    }
    #index .proj .proj-box .proj-item:hover h4
    {
        margin-top: 0!important;
    }
    #index .proj .proj-box .proj-item .p-cont
    {
        padding: .75rem 0!important;
        top: 65%!important;
    }
    #index .proj .proj-box .proj-item .p-cont::before
    {
        margin: .5rem!important;
    }
    #index .proj .proj-box .proj-item .p-cont h4
    {
        margin-bottom: .8rem!important;
        font-size: .9rem!important;
    }
    #index .proj .proj-box .proj-item .p-cont p
    {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        text-align: center;
    }
    #index .proj .proj-box .proj-item .p-cont a
    {
        margin-top: .5rem!important;
        padding: .2rem 1rem!important;
        font-size: .65rem!important;
    }
    #index .about .about-box
    {
        margin-top: 1.5rem!important;
        flex-direction: column!important;
    }
    #index .about .about-box>div
    {
        width: 100%!important;
    }
    #index .about .about-box .a-left
    {
        height: 9rem!important;
    }
    #index .about .about-box .a-right
    {
        padding: 1rem .75rem!important;
    }
    #index .about .about-box .a-right h2
    {
        margin-bottom: 1rem!important;
    }
    #index .about .about-box .a-right p
    {
        text-align: justify;
    }
    #index .about .about-box .a-right a
    {
        margin-top: 1rem!important;
        padding: .3rem 1rem!important;
        font-size: .7rem!important;
        line-height: 1;
    }
    #index .service .service-box
    {
        margin-top: 1.5rem!important;
        overflow-x: auto;
    }
    #index .service .service-box .s-item
    {
        flex: none;
        width: 10rem;
        padding: 1rem!important;
    }
    #index .service .service-box .s-item:hover .s-pic
    {
        background-size: cover!important;
    }
    #index .service .service-box .s-item .s-pic
    {
        margin-bottom: 1rem!important;
        width: 3rem!important;
        height: 3rem!important;
        background-size: contain!important;
    }
    #index .service .service-box .s-item .s-pic i
    {
        font-size: 1.25rem!important;
    }
    #index .service .service-box .s-item h4
    {
        font-size: .9rem!important;
    }
    #index .service .service-box .s-item a
    {
        padding: .3rem 1rem!important;
        font-size: .7rem!important;
    }
    #index .service .service-box .s-item a i
    {
        margin-left: .3rem!important;
    }
    #index .case
    {
        padding: 2rem 0!important;
    }
    #index .case .case-box
    {
        margin-top: 1.5rem!important;
    }
    #index .case .case-box .case-nav ul
    {
        overflow-x: auto;
        flex-wrap: nowrap!important;
    }
    #index .case .case-box .case-nav ul li
    {
        flex: none!important;
        margin-bottom: .75rem!important;
        margin-right: .5rem!important;
        padding: 0 1rem 0 0!important;
        font-size: .7rem!important;
    }
    #index .case .case-box .case-cont .cases .case-item
    {
        width: 48%!important;
        height: 5.5rem!important;
        margin-right: .5rem!important;
    }
    #index .case .case-box .case-cont .cases .case-item:nth-child(even)
    {
        margin-right: 0!important;
    }
    #index .case .case-box .case-cont .cases .case-item:hover p
    {
        top: 1rem!important;
    }
    #index .case .case-box .case-cont .cases .case-item p
    {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 90%;
        text-align: center;
    }
    #index .case .case-box .case-cont .cases .case-item a
    {
        bottom: 1rem!important;
        white-space: nowrap;
        padding: .25rem 1rem!important;
        font-size: .6rem!important;
    }
    #index .case .case-box .case-nav ul li::after
    {
        display: none;
    }
    #index .news .news-cont
    {
        margin-top: 1.5rem!important;
    }
    #index .news .news-cont .n-head
    {
        margin-bottom: 1rem!important;
        padding-bottom: .5rem!important;
    }
    #index .news .news-cont .n-head h4
    {
        font-size: .8rem!important;
    }
    #index .news .news-cont .n-head a
    {
        font-size: .7rem!important;
    }
    #index .news .news-cont .nl-cont .nl-item .n-pic
    {
        height: 3.5rem!important;
    }
    #index .news .news-cont .nl-cont .nl-item .n-cont
    {
        padding: .75rem 0!important;
    }
    #index .news .news-cont .nl-cont .nl-item .n-cont h4
    {
        margin-bottom: .5rem!important;
        font-size: .7rem!important;
    }
    #index .news .news-cont .nl-cont .nl-item .n-cont .d
    {
        font-size: .6rem!important;
    }
    #index .news .news-cont .nl-cont .nl-item .n-cont .n
    {
        margin-top: .5rem!important;
        font-size: .65rem!important;
    }
    #index .msg h2
    {
        font-size: 1rem!important;
    }
    #index .msg form
    {
        margin-top: 1.5rem!important;
        width: 100%!important;
    }
    #index .msg form input
    {
        margin-bottom: .5rem!important;
        width: 100%!important;
        margin-right: 0!important;
        padding: .5rem 1rem!important;
        height: auto!important;
    }
    #index .msg form textarea
    {
        height: 6rem!important;
    }
    #index .msg form button
    {
        width: 100%!important;
        padding: .5rem 1rem!important;
        margin-top: 1rem!important;
    }
}
@media(max-width: 38.4rem)
{
    #about
    {
        padding-bottom: 0!important;
    }
    #about .profile
    {
        padding: 1.5rem 0!important;
    }
    #about .profile .container
    {
        flex-direction: column-reverse;
    }
    #about .profile .container .pro-left
    {
        width: 100%!important;
        margin-top: 2.5rem!important;
    }
    #about .profile .container .pro-left h2
    {
        margin-bottom: 1rem!important;
        font-size: 1rem!important;
    }
    #about .profile .container .pro-left h4
    {
        margin-bottom: 1rem!important;
        font-size: .8rem!important;
    }
    #about .profile .container .pro-left .pro-cont
    {
        padding: .75rem .5rem!important;
    }
    #about .profile .container .pro-left .pro-cont p
    {
        margin-bottom: .5rem!important;
        line-height: 1rem!important;
    }
    #about .profile .container .pro-right
    {
        margin-top: 0!important;
        width: 100%!important;
        height: 10rem!important;
        margin-left: 0!important;
    }
    #about .team
    {
        padding-top: 4rem!important;
    }
    #about .team .team-box
    {
        padding: 0 .5rem!important;
        flex-direction: column;
    }
    #about .team .team-box .team-left, #about .team .team-box .team-right
    {
        width: 100%!important;
    }
    #about .team .team-box .team-left
    {
        height: 10rem!important;
    }
    #about .team .team-box .team-right
    {
        margin-left: 0!important;
        padding: .5rem!important;
    }
    #about .team .team-box .team-right h4
    {
        font-size: 1rem!important;
    }
    #about .advantage
    {
        padding: 1.5rem 0!important;
    }
    #about .advantage h2
    {
        font-size: 1rem!important;
    }
    #about .advantage .advantage-box
    {
        margin-top: 1.5rem!important;
        flex-direction: column;
    }
    #about .advantage .advantage-box .ad-item
    {
        padding: 1rem!important;
        margin-bottom: .5rem!important;
        width: 100%!important;
    }
    #about .advantage .advantage-box .ad-item i
    {
        font-size: 3rem!important;
    }
    #about .advantage .advantage-box .ad-item h4
    {
        margin-bottom: 1.5rem!important;
        font-size: .9rem!important;
    }
    #about .advantage .advantage-box .ad-item h4 span
    {
        font-size: 2rem!important;
    }
    #about .ys .ys-box
    {
        margin-top: 1.5rem!important;
        flex-direction: column;
    }
    #about .ys .ys-box .ys-item
    {
        margin-bottom: .5rem!important;
        width: 100%!important;
        margin-left: 0!important;
        background: #fff;
        border-color: rgba(0,0,0,.08);
        box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.1);
    }
    #about .ys .ys-box .ys-item:hover
    {
        transform: none!important;
    }
    #about .ys .ys-box .ys-item>div
    {
        padding: .5rem!important;
    }
    #about .ys .ys-box .ys-item>div i
    {
        font-size: 1.3rem!important;
    }
}
@media(max-width: 38.4rem)
{
    .cul-nav
    {
        text-align: left;
    }
    .cul-nav ul li a
    {
        padding: 5px 0;
    }
    #culture .cul-nav
    {
        width: 100%;
        margin-top: 1rem!important;
    }
    #culture .cul-nav ul li
    {
        width: 24%;
        padding: 0;
        margin: 8px 0;
        text-align: center;
    }
    .cul-nav
    {
        width: 100%;
    }
    .cul-nav ul li
    {
        width: 24%;
        text-align: center;
        margin: 0;
    }
    .cul-nav ul li::before
    {
        display: none;
    }
    #culture .cul-nav ul li a
    {
        font-size: .65rem!important;
    }
    #culture .cul-nav ul li:last-child a::before
    {
        top: 116%!important;
    }
    #culture .cul-cont
    {
        margin-top: 2.5rem!important;
    }
    #culture .cul-cont .cul-item
    {
        margin-bottom: .5rem!important;
        width: 100%!important;
        margin-right: 0!important;
        margin-left: 0!important;
    }
    #culture .cul-cont .cul-item:nth-child(even)
    {
        margin-right: 0!important;
    }
    #culture .cul-cont .cul-item .pic-msg p, #culture .cul-cont .cul-item .pic-msg span
    {
        left: 50%!important;
        right: auto!important;
        transform: translateX(-50%)!important;
        text-align: center;
    }
    #culture .cul-cont .cul-item .pic-msg h2
    {
        display: none;
    }
    #culture .cul-cont .cul-item .pic-msg p
    {
        line-height: 1rem;
        bottom: 45%!important;
        width: 90%;
    }
    #culture .cul-cont .cul-item .pic-msg span
    {
        bottom: 20%!important;
    }
}
@media(max-width: 38.4rem)
{
    #wh
    {
        padding: 1.5rem 0!important;
    }
    #wh .wh-box
    {
        padding-top: 1rem!important;
        margin-top: 1.5rem!important;
        width: 100%!important;
    }
    #wh .wh-box .wh-item
    {
        margin-bottom: 1rem!important;
        padding: .5rem 0;
        border-bottom: .05rem dashed #dedede;
        border-top: .05rem dashed #dedede;
    }
    #wh .wh-box .wh-item:hover h2::before
    {
        bottom: 2.5rem!important;
    }
    #wh .wh-box h2
    {
        margin-right: .5rem!important;
        font-size: 1.5rem!important;
    }
    #wh .wh-box h2::before
    {
        height: 2rem!important;
        bottom: 1rem!important;
    }
    #wh .wh-box .wh-cont
    {
        margin-right: .3rem;
        padding: .4rem!important;
        width: 50%!important;
    }
    #wh .wh-box .wh-cont h4
    {
        font-size: .75rem!important;
        margin-bottom: .5rem!important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #wh .wh-box .wh-cont p
    {
        display: none!important;
    }
    #wh .wh-box .wh-cont a
    {
        margin-top: .5rem;
        left: 0!important;
    }
    #wh .wh-box .wh-pic
    {
        height: 5rem!important;
        width: 6rem!important;
    }
}
@media(max-width: 38.4rem)
{
    #news
    {
        padding: 1.5rem 0!important;
    }
    #news .news-cont
    {
        margin-top: 1.5rem!important;
    }
    #news .news-cont .news-item
    {
        padding-bottom: .5rem!important;
        margin-bottom: .5rem!important;
        height: 5rem!important;
    }
    #news .news-cont .news-item .n-pic
    {
        width: 6rem!important;
        height: 100%!important;
        flex: none;
    }
    #news .news-cont .news-item .n-cont
    {
        padding: .5rem!important;
        width: 70%;
    }
    #news .news-cont .news-item .n-cont h4
    {
        margin-bottom: .3rem!important;
        font-size: .75rem!important;
    }
    #news .news-cont .news-item .n-cont h4 a
    {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 98%;
    }
    #news .news-cont .news-item .n-cont .nmsg
    {
        font-size: .6rem!important;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        width: 100%!important;
    }
    #news .news-cont .news-item .n-cont .date, #news .news-cont .news-item .n-cont i
    {
        display: none!important;
    }
}
@media(max-width: 38.4rem)
{
    #contact
    {
        padding-top: 1.5rem;
    }
    #contact .msg
    {
        padding: 1rem!important;
        flex-direction: column!important;
    }
    #contact .msg .m-item
    {
        margin-bottom: .75rem;
        flex-direction: row!important;
    }
    #contact .msg .m-item:last-child
    {
        margin-bottom: 0;
    }
    #contact .msg .m-item i
    {
        margin-right: .75rem;
        font-size: 1rem!important;
    }
    #contact .msg .m-item p
    {
        padding-bottom: 0!important;
        margin-top: 0!important;
        white-space: nowrap;
    }
    #contact .msg .m-item p::before
    {
        display: none!important;
    }
    #contact .form
    {
        padding: 1rem!important;
    }
    #contact .form form input
    {
        margin-bottom: .5rem!important;
    }
    #contact .form form textarea
    {
        height: 7rem!important;
    }
    #contact .map #map
    {
        height: 15rem!important;
    }
    #contact .map #map h4
    {
        font-size: .8rem!important;
    }
    #contact .map #map p
    {
        font-size: .6rem!important;
    }
}
@media(max-width: 38.4rem)
{
    #showC .page-t h2
    {
        font-size: .8rem!important;
    }
    #showC .page-t h2::before, #showC .page-t h2:after
    {
        display: none!important;
    }
    #showC .page-t p
    {
        margin-top: 1rem!important;
    }
    #showC .showCont
    {
        padding: 1rem!important;
    }
}