.mt-n3 {
    margin-top: -3em;
}

.register_list {
    padding-left: 0;
    list-style: none;
    display: none;
}

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

    .register_list {
        display: block;
    }

    .banner-nav {
        display: none;
    }
}

.register_list li {
    margin-bottom: 0.5rem;
}

.register_link {
    display: block;
    padding: 0.9rem 2rem;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border: 4px solid #fff;
    border-radius: 1rem;
    box-shadow: 6px 6px #e6e6e6;
    width: 95%;
    margin: 0 auto;
}

    .register_link:hover {
        text-decoration: none;
        color: #fff;
        box-shadow: 6px 6px #c4c4c4;
    }

.foundries_wheel {
    background-image: url(images/wheel/bg_1.png);
}

.equipment_wheel {
    background-image: url(images/wheel/bg_2.png);
}

.examination_wheel {
    background-image: url(images/wheel/bg_3.png);
}

.marketing_wheel {
    background-image: url(images/wheel/bg_4.png);
}

.packaging_wheel {
    background-image: url(images/wheel/bg_5.png);
}

.design_wheel {
    background-image: url(images/wheel/bg_6.png);
}

body.factory_register .banner-nav .banner-nav-info {
    animation: bounceIn2 1.2s ease;
    transform-origin: center center;
    animation-fill-mode: forwards;
    animation-delay: 2.6s;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 55%;
    z-index: 7;
}

@-webkit-keyframes bounceIn2 {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn2 {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


body.factory_register .banner-nav:before {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    left: 50%;
    top: 55%;
    transform: translate(-50%,-50%);
    opacity: 0;
    background: #fff;
    animation: BannerInfo 1.2s ease;
    transform-origin: center center;
    animation-fill-mode: forwards;
    animation-delay: 2.4s;
}

@keyframes BannerInfo {
    0% {
        opacity: 1;
        background: rgba(255,255,255,0.7);
        width: 100%;
        height: 100%;
    }

    100% {
        opacity: 1;
        background: rgba(255,255,255,0);
        width: 0;
        height: 0;
    }
}

body.factory_register .banner-nav .item {
    position: absolute;
    width: 322px;
    height: 256px;
    left: 50%;
    top: 55%;
    opacity: 0;
    /*opacity: 1;*/
    transform: scale(0);
}

body.factory_register .banner-nav .banner-nav-title .item {
    z-index: 1;
}

body.factory_register .banner-nav .item .detail {
    position: relative;
    z-index: 1;
}

body.factory_register .banner-nav .item .detail,
body.factory_register .banner-nav .item .title {
    width: 100%;
    height: 100%;
}

body.factory_register .banner-nav .item:before {
    position: absolute;
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 0;
    transition: all .3s ease;
}

body.factory_register .banner-nav .item.i_01:before {
    width: 280px;
    height: 247px;
    background-image: url('images/wheel/banner_pic01.png');
}

body.factory_register .banner-nav .item.i_02:before {
    width: 196px;
    height: 319px;
    background-image: url('images/wheel/banner_pic02.png');
}

body.factory_register .banner-nav .item.i_03:before {
    width: 317px;
    height: 251px;
    background-image: url('images/wheel/banner_pic03.png');
}

body.factory_register .banner-nav .item.i_04:before {
    width: 281px;
    height: 247px;
    background-image: url('images/wheel/banner_pic04.png');
}

body.factory_register .banner-nav .item.i_05:before {
    width: 196px;
    height: 319px;
    background-image: url('images/wheel/banner_pic05.png');
}

body.factory_register .banner-nav .item.i_06:before {
    width: 317px;
    height: 252px;
    background-image: url('images/wheel/banner_pic06.png');
}

body.factory_register .banner-nav .item .title a {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}

body.factory_register .banner-nav .item.i_01 {
    -webkit-transform: translate(-2%,-128%) scale(0);
    transform: translate(-2%,-128%) scale(0);
    animation: zoomItem1 .8s ease;
    animation-delay: 1.2s;
    animation-fill-mode: forwards;
}

body.factory_register .banner-nav .item.i_02 {
    -webkit-transform: translate(136px,-64%) scale(0);
    transform: translate(136px,-64%) scale(0);
    animation: zoomItem2 .8s ease;
    animation-delay: 1.4s;
    animation-fill-mode: forwards;
}

body.factory_register .banner-nav .item.i_03 {
    -webkit-transform: translate(-32px,31%) scale(0);
    transform: translate(-32px,31%) scale(0);
    animation: zoomItem3 .8s ease;
    animation-delay: 1.6s;
    animation-fill-mode: forwards;
}

body.factory_register .banner-nav .item.i_04 {
    -webkit-transform: translate(-85%,31%) scale(0);
    transform: translate(-85%,31%) scale(0);
    animation: zoomItem4 .8s ease;
    animation-delay: 1.8s;
    animation-fill-mode: forwards;
}

body.factory_register .banner-nav .item.i_05 {
    -webkit-transform: translate(-102%,-61%) scale(0);
    transform: translate(-102%,-61%) scale(0);
    animation: zoomItem5 .8s ease;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

body.factory_register .banner-nav .item.i_06 {
    -webkit-transform: translate(-87%,-128%) scale(0);
    transform: translate(-87%,-128%) scale(0);
    animation: zoomItem6 .8s ease;
    animation-delay: 2.2s;
    animation-fill-mode: forwards;
}

@keyframes zoomItem1 {
    0% {
        opacity: 0;
        -webkit-transform: translate(-2%,-128%) scale(0);
        transform: translate(-2%,-128%) scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-2%,-128%) scale(1);
        transform: translate(-2%,-128%) scale(1);
    }
}

@keyframes zoomItem2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(136px,-64%) scale(0);
        transform: translate(136px,-64%) scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(136px,-64%) scale(1);
        transform: translate(136px,-64%) scale(1);
    }
}

@keyframes zoomItem3 {
    0% {
        opacity: 0;
        -webkit-transform: translate(-32px,31%) scale(0);
        transform: translate(-32px,31%) scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-32px,31%) scale(1);
        transform: translate(-32px,31%) scale(1);
    }
}

@keyframes zoomItem4 {
    0% {
        opacity: 0;
        -webkit-transform: translate(-85%,31%) scale(0);
        transform: translate(-85%,31%) scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-85%,31%) scale(1);
        transform: translate(-85%,31%) scale(1);
    }
}

@keyframes zoomItem5 {
    0% {
        opacity: 0;
        -webkit-transform: translate(-102%,-61%) scale(0);
        transform: translate(-102%,-61%) scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-102%,-61%) scale(1);
        transform: translate(-102%,-61%) scale(1);
    }
}

@keyframes zoomItem6 {
    0% {
        opacity: 0;
        -webkit-transform: translate(-87%,-128%) scale(0);
        transform: translate(-87%,-128%) scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-87%,-128%) scale(1);
        transform: translate(-87%,-128%) scale(1);
    }
}


body.factory_register .banner-nav .item .title a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-shadow: transparent 3px 0px 0px, transparent 2.83487px 0.981584px 0px, transparent 2.35766px 1.85511px 0px, transparent 1.62091px 2.52441px 0px, transparent 0.705713px 2.91581px 0px, transparent -0.287171px 2.98622px 0px, transparent -1.24844px 2.72789px 0px, transparent -2.07227px 2.16926px 0px, transparent -2.66798px 1.37182px 0px, transparent -2.96998px 0.42336px 0px, transparent -2.94502px -0.571704px 0px, transparent -2.59586px -1.50383px 0px, transparent -1.96093px -2.27041px 0px, transparent -1.11013px -2.78704px 0px, transparent -0.137119px -2.99686px 0px, transparent 0.850987px -2.87677px 0px, transparent 1.74541px -2.43999px 0px, transparent 2.44769px -1.73459px 0px, transparent 2.88051px -0.838247px 0px;
}

body.factory_register .banner-nav .item.i_01 .title a {
    padding: 74px 100px 10px 60px;
}

body.factory_register .banner-nav .item.i_02 .title a {
    padding: 120px 150px 10px 30px;
}

body.factory_register .banner-nav .item.i_03 .title a {
    padding: 90px 30px 10px 20px;
}

body.factory_register .banner-nav .item.i_04 .title a {
    padding: 80px 50px 10px 20px;
}

body.factory_register .banner-nav .item.i_05 .title a {
    padding: 94px 150px 10px 10px;
}

body.factory_register .banner-nav .item.i_06 .title a {
    padding: 76px 70px 13px 80px;
}

body.factory_register .banner-nav .banner-nav-info .item {
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 20px 50px 30px;
    text-align: center;
    height: 330px;
    opacity: 0;
    z-index: 0;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}





    body.factory_register .banner-nav .banner-nav-info .item.hov-ani {
        opacity: 1;
        z-index: 7;
    }

body.factory_register .banner-nav .banner-nav-info p {
    margin-bottom: 10px;
    font-size: 16px;
}


body.factory_register .banner-nav .banner-nav-info .main-txt {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

body.factory_register .banner-nav .item.hov-ani .title a {
    text-shadow: rgb(96, 64, 66) 3px 0px 0px, rgb(96, 64, 66) 2.83487px 0.981584px 0px, rgb(96, 64, 66) 2.35766px 1.85511px 0px, rgb(96, 64, 66) 1.62091px 2.52441px 0px, rgb(96, 64, 66) 0.705713px 2.91581px 0px, rgb(96, 64, 66) -0.287171px 2.98622px 0px, rgb(96, 64, 66) -1.24844px 2.72789px 0px, rgb(96, 64, 66) -2.07227px 2.16926px 0px, rgb(96, 64, 66) -2.66798px 1.37182px 0px, rgb(96, 64, 66) -2.96998px 0.42336px 0px, rgb(96, 64, 66) -2.94502px -0.571704px 0px, rgb(96, 64, 66) -2.59586px -1.50383px 0px, rgb(96, 64, 66) -1.96093px -2.27041px 0px, rgb(96, 64, 66) -1.11013px -2.78704px 0px, rgb(96, 64, 66) -0.137119px -2.99686px 0px, rgb(96, 64, 66) 0.850987px -2.87677px 0px, rgb(96, 64, 66) 1.74541px -2.43999px 0px, rgb(96, 64, 66) 2.44769px -1.73459px 0px, rgb(96, 64, 66) 2.88051px -0.838247px 0px;
}

body.factory_register .banner-nav .item.hov-ani:before {
    -webkit-animation-name: zoom2;
    -webkit-animation-duration: 1.1s;
    animation-name: zoom2;
    animation-duration: 1.1s;
}

body.factory_register .banner-nav .item.i_01.hov-ani:before {
    background-image: url('images/wheel/banner_pic01_hover.png');
}

body.factory_register .banner-nav .item.i_02.hov-ani:before {
    background-image: url('images/wheel/banner_pic02_hover.png');
}

body.factory_register .banner-nav .item.i_03.hov-ani:before {
    background-image: url('images/wheel/banner_pic03_hover.png');
}

body.factory_register .banner-nav .item.i_04.hov-ani:before {
    background-image: url('images/wheel/banner_pic04_hover.png');
}

body.factory_register .banner-nav .item.i_05.hov-ani:before {
    background-image: url('images/wheel/banner_pic05_hover.png');
}

body.factory_register .banner-nav .item.i_06.hov-ani:before {
    background-image: url('images/wheel/banner_pic06_hover.png');
}

body.factory_register .banner-nav .banner-nav-title .item.hov-ani {
    z-index: 5;
}

@-webkit-keyframes zoom2 {
    0%,100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes zoom2 {
    0%,100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.banner-ani-section-wrap {
    height: 700px;
}

.wheelbottomSpace {
    min-height: 64px;
}

.inpage .article_box p.main-txt {
    padding: 0;
}