/*右侧菜单*/
.right-nav {
    position: fixed;
    right: -50px;
    top: 250px;
    z-index: 30;
    transition: 0.3s;
}

   .right-nav a {
        text-decoration: none;
        color: #fff;
    }

    .right-nav .rn {
        background-color: #4662d9;
        margin: 4px 0;
        cursor: pointer;
        width: 50px;
        height: 50px;
        transition: 0.3s;
        float: right;
        clear: both;
        overflow: hidden;
        display: flex;
    }

        .right-nav .rn span {
            margin-left: 12px;
            opacity: 0;
            white-space: nowrap;
            color: #fff;
            font-size: 17px;
        }

    .right-nav .rn-a {
        align-items: center;
    }

        .right-nav .rn-a img {
            margin-left: 12px;
        }

        .right-nav .rn-a:hover {
            width: 180px;
        }

            .right-nav .rn-a:hover span {
                opacity: 1;
            }

    .right-nav .rn-b {
        flex-direction: column;
        transition: 0.3s;
        /* padding: 10px 0 10px 0 ; */
    }

    .right-nav .rn-b .rn-b-top {
            display: flex;
            margin-top: 12px;
        }

    .right-nav .rn-b .rn-b-bottom {
            margin: 10px 0 0 11px;
            width: 140px;
            height: 140px;
            display: none;
        }

            .right-nav .rn-b .rn-b-bottom img {
                width: 100%;
                height: 100%;
            }

        .right-nav .rn-b img {
            margin-left: 10px;
        }

        .right-nav .rn-b:hover {
            width: 180px;
            height: 200px;
            transition: 0.3s;
        }

            .right-nav .rn-b:hover span {
                opacity: 1;
            }

            .right-nav .rn-b:hover .rn-b-bottom {
                display: block;
            }

    .right-nav .rn-c {
        align-items: center;
    }

        .right-nav .rn-c img {
            margin-left: 16px;
        }


body {
    width: 100%;
    min-width: 1200px !important;
    margin: 0;
    padding: 0;
    font-family: '微软雅黑';
    background-color: #fbfbfd;
}

html {
    scroll-behavior: smooth; /*锚点延迟效果*/
}
a{
    color:#000000;
    text-decoration:none;
}
@font-face { /*引入字体 */
    font-family: HarmonyOS_Sans_SC_Bold;
    src: url(../fonts/HarmonyOS_Sans_SC_Bold.ttf);
}

@font-face { /*引入字体 */
    font-family: HarmonyOS_Sans_SC_Light;
    src: url(../fonts/HarmonyOS_Sans_SC_Light.ttf);
}

@font-face { /*引入字体 */
    font-family: QTBiFengShouXie;
    src: url(../fonts/QTBiFengShouXie.ttf);
}

@font-face {
    font-family: HarmonyOS_Sans_SC_Black;
    src: url(../fonts/HarmonyOS_Sans_SC_Black.ttf);
}

@font-face {
    font-family: HarmonyOS_Sans_SC_Thin;
    src: url(../fonts/HarmonyOS_Sans_SC_Thin.ttf);
}

/*导航栏 */
.order-Header {
    position: fixed;
    top: 0px;
    z-index:999;
    width: 100%;
    height: 100px;
    transition: 0.4s;
    background-color: #fff;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 15%);
}

    .order-Header .navigation {
        margin: 0 auto;
        width: 1200px;
    }

.submenu {
    width: 100%;
    height: 430px;
    transition: 0.3s;
}

.order-Header .navigation-main {
    width: 100%;
    position: relative;
}

.order-Header .navigation-left {
    display: flex;
    justify-content: space-between;
    align-items:center;
    position: absolute;
    left: 0;
    width: 194px;
    margin-top: 20px;
}

    .order-Header .navigation-left a {
        text-decoration: none;
        color: #000000;
        display: flex;
        flex-direction: column;
        font-size: 12px;
        position: relative;
        transition: 0.3s;
    }

    .order-Header .navigation-left .boeelike-logo {
        width: 114px;
        height: 21px;
        background: url("../picture/boeelikeLogo.png");
    }

    .order-Header .navigation-left .toysshow-logo {
        width: 57px;
        height: 54px;
        background: url("../picture/toyshowLogo.png");
    }

    .order-Header .navigation-left a span {
        letter-spacing: 2.4px;
        margin-top: 7px;
    }
.order-Header .navigation-centent {
    margin-left: 350px;
    cursor: pointer;
    position: absolute;
    left: 20%;
    margin-top: 35px;
}

    .order-Header .navigation-centent ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .order-Header .navigation-centent a {
        text-decoration: none;
        color: #000000;
        font-size: 18px;
    }

    .order-Header .navigation-centent .menu-list {
        display: flex;
    }

        .order-Header .navigation-centent .menu-list .menu-item {
            position: relative;
            padding:0 23px;
        }

            .order-Header .navigation-centent .menu-list .menu-item .txt {
                position: relative;
            }

                .order-Header .navigation-centent .menu-list .menu-item .txt::after {
                    display: block;
                    content: "";
                    height: 4px;
                    width: 100%;
                    position: absolute;
                    bottom: -5px;
                    left: 0px;
                    background: #4662d9;
                    opacity: 1;
                    -webkit-transition: transform 0.2s ease-out,opacity 0.2s ease-out;
                    transform-origin: 50% 0%;
                    transform: scale(0,1);
                }

            .order-Header .navigation-centent .menu-list .menu-item:hover .txt::after {
                transform: scale(1,1);
            }

            .order-Header .navigation-centent .menu-list .menu-item:hover .sub-list {
                display: block;
                transition: 0.3s;
            }

            .order-Header .navigation-centent .menu-list .menu-item .sub-list {
                text-align: center;
                position: absolute;
                width: 160px;
                left: 50%;
                margin-left: -80px;
                display: none;
                line-height: 45px;
                padding-top: 20px;
            }

                .order-Header .navigation-centent .menu-list .menu-item .sub-list li a:hover {
                    opacity: 1;
                }

                .order-Header .navigation-centent .menu-list .menu-item .sub-list li a {
                    opacity: 0.7;
                }

.order-Header .navigation-right {
    float: right;
    color: #333333;
    font-size: 18px;
    margin-top: 35px;
}


.masterMap {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    position: relative;
}

.masterMap img {
    width: 100%;
        height: auto;
        padding-top: 80px;
    }

    .masterMap .container {
        width: 100%;
        /*    height: 100%;
*/ position: absolute;
    top: 54%;
        box-sizing: border-box;
        text-align: center;
    }

        .masterMap .container :first-child {
            font-size: 46px;
            color: #ffffff;
        }

        .masterMap .container div:nth-child(2) {
            font-size: 24px;
            margin-top: 20px;
            color: #ffffff
        }


/*二级导航栏*/
.l-header {
    width: 100%;
    height: 80px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    /*position: sticky;
    position: -webkit-sticky;
    top: -1px;
    z-index: 10;*/
}

.l-header .lh-content {
        width: 1200px;
        margin: 0 auto;
    }

.l-header .lh-content a {
       text-decoration: none;
       color: #5F6464;
       margin-right: 40px;
       font-family: '微软雅黑';
       font-size: 16px;
    }
.l-header .lh-content a.active{
       color:#4662d9;
       padding-bottom: 15px;
       border-bottom: 3px solid #4662d9;
}
.l-header .lh-content a:hover {
    color: #000000;
}
        .l-header .lh-content span {
            position: relative;
            cursor: pointer;
        }
/*.active {
    content: '';
    border-bottom: 3px solid #0052d9;
    padding-bottom: 15px;
    height: 3px;
    color: #2a2e2e;
}*/

/*页脚*/
.myFooter {
    width: 100%;
    height: auto;
    background-color: #fff;
}

    .myFooter .footer-container {
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        padding-top: 80px;
        box-sizing: border-box;
    }

        .myFooter .footer-container .con-top {
            /* background-color: #0052d9; */
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding-bottom: 30px;
            border-bottom: 1px solid #eeeeee;
        }

            .myFooter .footer-container .con-top .list-item {
                display: flex;
            }

            .myFooter .footer-container .con-top .list{
                margin-right: 100px;
            }

          /*  .myFooter .footer-container .con-top .list:nth-child(2) {
                margin-right: 100px;
            }

            .myFooter .footer-container .con-top .list:nth-child(3) {
                margin-right: 80px;
            }*/

            .myFooter .footer-container .con-top .list .title {
                font-size: 18px;
            }

            .myFooter .footer-container .con-top .list ul {
                padding: 0;
                margin: 20px 0 0 0;
            }

            .myFooter .footer-container .con-top .list li {
                list-style: none;
                line-height: 35px;
            }

            .myFooter .footer-container .con-top .list a {
                text-decoration: none;
                color: #5a5a5b;
                font-size: 14px;
            }

                .myFooter .footer-container .con-top .list a:hover {
                    color: #000000;
                }

            .myFooter .footer-container .con-top .list {
                display: flex;
                flex-direction: column;
            }

            .myFooter .footer-container .con-top .main-item {
                display: flex;
                flex-direction: column;
                /* align-items: center; */
                align-items: flex-end;
            }

                .myFooter .footer-container .con-top .main-item .logo {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    width: 194px;
                }

                    .myFooter .footer-container .con-top .main-item .logo a {
                        display: flex;
                        flex-direction: column;
                        text-decoration: none;
                        color: #ffffff;
                        font-size: 12px;
                    }
                    .myFooter .footer-container .con-top .main-item .logo .boeelike-logo{
                        width:114px;
                        height:21px;
                    }
                    .myFooter .footer-container .con-top .main-item .logo .toyshow-logo {
                        width: 57px;
                        height: 54px;
                    }
                    .myFooter .footer-container .con-top .main-item .logo a span {
                        padding-top: 7px;
                        letter-spacing: 2.5px;
                        color:#000000;
                    }

                .myFooter .footer-container .con-top .main-item .contact {
                    margin-top: 60px;
                    display: flex;
                    align-items: center;
                    font-size: 14px;
                    text-align: right;
                }

                    .myFooter .footer-container .con-top .main-item .contact .con-mes {
                        display: flex;
                        flex-direction: column;
                        line-height: 27px;
                        margin-right: 10px;
                    }

                        .myFooter .footer-container .con-top .main-item .contact .con-mes p {
                            margin: 0;
                        }

                    .myFooter .footer-container .con-top .main-item .contact .con-span {
                        display: flex;
                        flex-direction: column;
                        line-height: 27px;
                        color: #4662d9;
                    }

        .myFooter .footer-container .con-bottom {
            color: #5a5a5b;
            font-size: 14px;
            margin-top: 30px;
            padding-bottom: 45px;
        }

            .myFooter .footer-container .con-bottom p {
                margin: 0;
                line-height: 25px;
            }

            .myFooter .footer-container .con-bottom a {
                text-decoration: none;
                color: #5a5a5b
            }