.clearfix
{
    zoom: 1;
}
.clearfix:after
{
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}
.marginauto
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.linenowrap
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.flexAuto
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flexCetween
{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.flexAlign
{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    -webkit-align-items: center;
}
@media screen and (max-width: 1800px)
{
    .navs>li
    {
        margin-right: 1vw;
    }
    .header__wrap
    {
        padding: 0 6vw;
    }
}
@media screen and (max-width: 1600px)
{
    html
    {
        font-size: 88px;
    }
    .inner
    {
        width: 72.92vw;
    }
    .btext, .banner__numble, .ptext
    {
        margin-left: -36.46vw;
    }
    .product__prev.prev
    {
        left: -6.56vw;
    }
    .product__prev.next
    {
        right: -6.56vw;
    }
    .product__more
    {
        font-size: 14px;
    }
    .system__imgs--item strong
    {
        text-align: center;
        font-size: 14px;
    }
    .leval__list li a, .posite span, .posite a
    {
        font-size: 14px;
    }
    .recuite__wraps
    {
        margin-left: -36.46vw;
    }
    .leval__list li a
    {
        padding: 0 .14rem;
    }
    .navs>li
    {
        margin-right: 1.2vw;
    }
    .introduct__info
    {
        font-size: 13px;
        line-height: 1.4;
    }
    .about__us--text
    {
        font-size: 13px;
        line-height: 1.4;
    }
    .culture__in p
    {
        font-size: .22rem;
    }
}
@media screen and (max-width: 1450px)
{
    .header__wrap
    {
        padding: 0 5%;
    }
}
@media screen and (max-width: 1360px)
{
    .search .search__btn
    {
        padding: 0 .2rem;
    }
    .navs>li
    {
        margin-right: 1vw;
    }
    .header__wrap
    {
        padding: 0 2%;
    }
}
@media screen and (max-width: 1260px)
{
    .footer__navs--item
    {
        margin-right: 4vw;
    }
    .system__imgs--item figure img
    {
        height: 1.2rem;
    }
    .header__wrap
    {
        padding: 0 3%;
    }
    .search .search__btn
    {
        padding: 0 .2rem 0 .3rem;
    }
    .oa a span
    {
        display: none;
    }
    .header__wrap
    {
        padding: 0 5%;
    }
    .oa
    {
        padding: 0 .2rem;
    }
    .header__wrap
    {
        padding: 0 5%;
    }
    .inner
    {
        width: 90%;
    }
    .menubtn
    {
        margin-left: .24rem;
        display: block;
    }
    .navs__box
    {
        position: fixed;
        right: -100%;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 100vh;
        background: #fff;
        transition: .88s;
    }
    .navs__box.show
    {
        right: 0;
    }
    .navs
    {
        display: block;
        padding-top: 2rem;
        text-align: center;
    }
    .navs>li
    {
        padding: 0 5%;
        margin-right: 0;
        margin-bottom: .2rem;
    }
    .navs>li>a
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 2;
        font-size: 16px;
    }
    .navs>li>a i
    {
        display: block;
        font-size: 12px;
        transform: scale(.6);
    }
    .navs__menu
    {
        position: relative;
        width: auto;
        top: auto;
        margin-top: 0;
        left: 0;
        transform: translate(0);
        opacity: 1;
        visibility: visible;
        text-align: left;
        transition: 0s;
        display: none;
    }
    .navs>li:hover .navs__menu
    {
        transform: translateX(0);
    }
    .navs>li:before
    {
        display: none;
    }
    .navs>li.now>a i
    {
        color: #df0011;
        transform: scale(.7) rotate(180deg);
    }
    .navs__menu--list li a
    {
        line-height: 2.1;
        font-size: 14px;
    }
    .navs__menu--list
    {
        padding: .2rem 5%;
    }
    .header__wrap
    {
        height: .72rem;
    }
    .logo img
    {
        height: .36rem;
    }
}
@media screen and (max-width: 1024px)
{
    .btext, .banner__numble
    {
        left: 5%;
        margin-left: 0;
    }
    .introduct__wrap
    {
        display: block;
    }
    .about__us
    {
        width: 100%;
    }
    .business
    {
        margin-left: 0;
        margin-top: .6rem;
        width: 100%;
    }
    .product__prev.prev
    {
        left: -.3rem;
    }
    .product__prev.next
    {
        right: -.3rem;
    }
    .footer__middle
    {
        display: block;
    }
    .footer__navs--item dd
    {
        display: none;
    }
    .footer__tops, .footer__copy
    {
        padding: 0 5%;
    }
    .system__item
    {
        flex-wrap: wrap;
        padding-bottom: .3rem;
    }
    .system__info
    {
        width: 100%;
        box-sizing: border-box;
        margin-top: .3rem;
        flex: none;
    }
    .system__item:before
    {
        left: 0;
    }
    .ptext
    {
        left: 5%;
        margin-left: 0;
    }
    .markings
    {
        display: block;
    }
    .marking__info
    {
        margin-right: 0;
        margin-bottom: .4rem;
        width: auto;
    }
    .markings__img
    {
        width: 100%;
    }
    .base__item
    {
        padding: 0!important;
        width: 50%;
        margin-bottom: .2rem;
        position: static;
    }
    .base__item:before
    {
        display: none;
    }
    .base__list
    {
        display: flex;
        flex-wrap: wrap;
        margin-top: .4rem;
    }
    .recuite__wraps
    {
        margin-left: -45%;
    }
    .business__city li a
    {
        display: block;
    }
    .business__imgs
    {
        width: 100%;
    }
    .business__fixs
    {
        padding: .3rem;
        width: auto;
    }
}
@media screen and (max-width: 861px)
{
    .contact__info
    {
        display: block;
    }
    .contact__text
    {
        padding: .35rem 5%;
        width: auto;
    }
    .map
    {
        width: 100%;
    }
}
@media screen and (max-width: 751px)
{
    .banner-slide figure
    {
        padding-bottom: 88%;
    }
    .btext strong
    {
        font-size: .26rem;
    }
    .ptext
    {
        text-align: center;
        width: 90%;
    }
    .btext small
    {
        font-size: .2rem;
    }
    .banner
    {
        margin-top: .72rem;
    }
    .about__us--text, .introduct__info
    {
        font-size: 15px;
    }
    .about__us--info
    {
        margin-top: .32rem;
        display: block;
    }
    .about__imgs
    {
        width: 100%;
    }
    .about__us--text
    {
        margin-left: 0;
        margin-top: .35rem;
        width: auto;
    }
    .home__introduct
    {
        padding: .7rem 0 0;
    }
    .product__btn--wr
    {
        margin-top: .3rem;
        display: flex;
    }
    .product__btn--wr .product__prev
    {
        position: relative;
        top: 0;
        margin-top: 0;
        margin-right: .12rem;
        width: .54rem;
        height: .54rem;
        line-height: .54rem;
        font-size: .18rem;
    }
    .product__btn--wr .product__prev.prev
    {
        left: 0;
    }
    .product__btn--wr .product__prev.next
    {
        right: 0;
    }
    .title__name small
    {
        margin-left: .15rem;
        font-size: .18rem;
    }
    .title__name strong
    {
        font-size: .22rem;
    }
    .title__name:before
    {
        height: .28rem;
        margin-top: -.14rem;
    }
    .title__name
    {
        margin-bottom: .1rem;
    }
    .product__btn span
    {
        margin-right: .32rem;
        font-size: .18rem;
    }
    .product__more
    {
        width: 1.5rem;
        font-size: 15px;
    }
    .home__news, .home__product
    {
        padding: .7rem 0;
    }
    .news__fix
    {
        margin-top: .42rem;
        display: block;
    }
    .news__infos
    {
        width: 100%;
    }
    .news__list
    {
        margin-top: .2rem;
        width: 100%;
    }
    .news__in
    {
        padding-left: .2rem;
    }
    .news__in p
    {
        font-size: 15px;
    }
    .news__list li a
    {
        padding: .22rem 0;
    }
    .footer
    {
        padding-top: .7rem;
    }
    .footer__eqs
    {
        margin-top: .3rem;
        width: 1.5rem;
    }
    .footer__navs
    {
        flex-wrap: wrap;
    }
    .footer__navs--item
    {
        margin-right: 0;
        width: 33.333%;
    }
    .footer__logo
    {
        display: block;
    }
    .footer__address
    {
        margin-left: 0;
        margin-top: .2rem;
        padding-left: 0;
    }
    .footer__address:before
    {
        display: none;
    }
    .footer__address p
    {
        font-size: 15px;
    }
    .footer__copy
    {
        padding: .2rem 5%;
        display: block;
        height: auto;
    }
    .footer__copy p a
    {
        line-height: 2;
    }
    .system__item
    {
        text-align: center;
        padding: .3rem 5%;
    }
    .system__arlcle
    {
        margin: auto;
    }
    .system__imgs
    {
        margin-left: 0;
        width: 100%;
        justify-content: center;
    }
    .system__info
    {
        text-align: left;
    }
    .system__imgs--item strong
    {
        font-size: 13px;
    }
    .base__wrap
    {
        width: 100%;
    }
    .advatages__list
    {
        margin-top: .44rem;
        flex-wrap: wrap;
    }
    .advatages__list li
    {
        margin-right: 4%;
        margin-bottom: .5rem;
        width: 48%;
    }
    .advatages__list li:nth-child(2n+2)
    {
        margin-right: 0;
    }
    .advatages__info span
    {
        font-size: 12px;
        width: 1.6rem;
    }
    .advatages__info span i
    {
        margin-left: .03rem;
    }
    .planning
    {
        margin-top: .4rem;
    }
    .planning__item strong
    {
        font-size: 15px;
    }
    .planning__item p
    {
        font-size: 12px;
    }
    .posite
    {
        display: none;
    }
    .pbanner figure
    {
        padding-bottom: 88%;
    }
    .leval__menu--wrap
    {
        overflow: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .ptext strong
    {
        font-size: .32rem;
    }
    .builder__top
    {
        display: block;
    }
    .builder__btn
    {
        margin-top: .3rem;
    }
    .builder__btn span
    {
        margin-right: auto;
        font-size: 14px;
    }
    .builder__tab
    {
        margin-top: .4rem;
    }
    .builder__li li
    {
        margin-right: 4%;
        width: 48%;
    }
    .builder__li li:nth-child(2n+2)
    {
        margin-right: 0;
    }
    .honor__box
    {
        padding: .8rem 0;
    }
    .honor__list li
    {
        margin-right: 4%;
        width: 48%;
    }
    .honor__list li:nth-child(2n+2)
    {
        margin-right: 0;
    }
    .dynamic__list li
    {
        padding: .32rem 0;
    }
    .dynamic__imgs
    {
        width: 2.2rem;
    }
    .dynamic__fix p
    {
        font-size: 15px;
    }
    .terminal__item
    {
        display: block;
    }
    .terminal__imgs
    {
        justify-content: center;
    }
    .terminal__imgs figure:last-child
    {
        margin-right: 0;
    }
    .terminal__info
    {
        margin-left: 0;
        margin-top: .12rem;
        padding: .34rem 5%;
        width: auto;
    }
    .quality__wrap
    {
        display: block;
    }
    .quality__imgs
    {
        width: 100%;
    }
    .quality__infos
    {
        padding: .3rem 0 0;
        width: auto;
    }
    .introduct__tt
    {
        font-size: .28rem;
    }
    .introduct__texts
    {
        font-size: 14px;
    }
    .culture__li li
    {
        width: 50%;
    }
    .culture__li
    {
        flex-wrap: wrap;
    }
    .culture__fixs
    {
        display: block;
    }
    .culture__in
    {
        width: auto;
    }
    .culture__imgs
    {
        margin-top: .3rem;
        width: 100%;
    }
    .culture__in p
    {
        width: 100%;
    }
    .culture__infos strong
    {
        text-align: center;
        font-size: .2rem;
    }
    .culture__li li figure strong
    {
        bottom: .24rem;
        font-size: .2rem;
    }
    .staff__list li
    {
        display: block;
    }
    .staff__imgs
    {
        width: 100%;
    }
    .staff__infos
    {
        margin-left: 0;
        margin-top: .3rem;
        width: auto;
    }
    .idea__box
    {
        padding: 1rem 0;
    }
    .idea__hr
    {
        margin-top: .4rem;
        padding: .27rem .24rem;
        display: block;
    }
    .idea__address
    {
        margin: .3rem 0;
        width: auto;
    }
    .idea__recuit
    {
        margin-left: 0;
    }
    .talent__head span, .talent__list li a span
    {
        width: 33.333%!important;
    }
    .talent__head span:nth-child(2), .talent__head span:nth-child(3), .talent__head span:nth-child(4), .talent__head span:nth-child(5), .talent__list li a span:nth-child(2), .talent__list li a span:nth-child(3), .talent__list li a span:nth-child(4), .talent__list li a span:nth-child(5)
    {
        display: none;
    }
    .talent__head span:nth-child(7), .talent__list li a span:nth-child(7)
    {
        width: auto;
        flex: none;
    }
    .talent
    {
        padding: 1rem 0;
    }
    .contact__eq
    {
        margin-top: .2rem;
    }
    .message__row
    {
        display: block;
    }
    .message__item
    {
        margin-right: 0;
    }
    .message__item1
    {
        width: 100%;
    }
    .message__check label input
    {
        margin-right: .16rem;
    }
    .news__view--top strong
    {
        font-size: .32rem;
    }
    .news__prevs
    {
        display: block;
    }
    .news__back
    {
        margin-top: .3rem;
    }
    .base__item
    {
        width: 100%;
    }
    .loader__wrap
    {
        margin: 0 5%;
    }
    .loader__logo
    {
        width: .96rem;
        height: 1.2rem;
    }
    .loader__logo img
    {
        height: .9rem;
    }
    .loader__fix
    {
        margin-top: -.25rem;
        margin-left: -.62rem;
        height: .5rem;
    }
    .loader__logo img:last-child
    {
        bottom: .08rem;
    }
    .recuite__wraps
    {
        width: 100%;
        left: 0;
        margin-left: 0;
        top: 0;
        height: 100%;
        max-height: 100%;
        transform: translateY(0%);
        border-radius: 0;
    }
    .recuite__in
    {
        padding: .4rem 0;
        width: 100%;
    }
    .news__tts p span
    {
        font-size: 15px;
    }
    .recuite__push .news__tts
    {
        padding-bottom: .32rem;
    }
    .news__tts p
    {
        flex-wrap: wrap;
    }
    .honor__li li
    {
        margin-right: 4%;
        width: 48%;
    }
    .honor__li li:nth-child(2n+2)
    {
        margin-right: 0;
    }
    .home__flex
    {
        background-attachment: local;
    }
    .leval__list li a
    {
        max-width: none;
        white-space: nowrap;
    }
    .advatages__info strong
    {
        font-size: .18rem;
        height: .9rem;
    }
    .planning__item strong b
    {
        font-size: .22rem;
    }
    .oa
    {
        padding: 0 .12rem;
    }
    .search .search__btn
    {
        padding: 0 .12rem;
    }
    .oa a span
    {
        font-size: 14px;
    }
    .menubtn
    {
        margin-left: .12rem;
    }
    .oa a i
    {
        margin-right: .1rem;
        font-size: 14px;
    }
    .product__tops
    {
        display: block;
    }
    .product__tops .product__tabs
    {
        width: 100%;
    }
    .product__view--in
    {
        padding: .4rem 5%;
        margin-top: .4rem;
        width: 100%;
    }
    .product__link a span, .product__tels a span
    {
        font-size: 14px;
    }
    .product__tables
    {
        margin-top: .32rem;
    }
    .product__tables table
    {
        width: 11rem;
    }
    .promin-slide
    {
        width: .6rem;
    }
    .product__tels a
    {
        flex-wrap: wrap;
    }
}