.HeaderBox {
    position: sticky;
    top: 0px;
    background: url(/Img/HeaderBox.png?v=1) repeat-x;
    z-index: 11;
}

.Header {
    position: relative;
    width: 1200px;
    height: 149px;
    margin: 0 auto;
    background: url(/Img/Logo.png?v=2) no-repeat center;
}

    .Header .Logo {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 177px;
        height: 53px;
    }


    .Header .IconMainMenu {
        position: absolute;
        width: 25px;
        line-height: 17px;
        height: 17px;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        color: #FFF;
        font-size: 15px;
        padding-left: 28px;
        background: url(/Img/IconMainMenu.jpg?v=2) no-repeat left;
        cursor: pointer;
    }

    .Header .IconMainMenuClose {
        background: url(/Img/IconMainMenuClose.png) no-repeat center;
    }

    .Header .IconLangMenu {
        position: absolute;
        width: 35px;
        height: 20px;
        right: 200px;
        top: 50%;
        transform: translateY(-50%);
        color: #FFF;
        font-size: 15px;
        padding-right: 45px;
        background: url(/Img/IconLang.png) no-repeat right;
        cursor: pointer;
    }

    .Header .IconLangMenuClose {
        background: url(/Img/IconLangClose.png) no-repeat right;
    }

    .Header .IconSearch {
        position: absolute;
        width: 22px;
        height: 22px;
        left: 100px;
        top: 50%;
        transform: translateY(-50%);
        color: #FFF;
        background: url(/Img/IconSearch.png) no-repeat;
    }

    .Header .IconCart {
        position: absolute;
        height: 22px;
        right: 110px;
        top: 50%;
        transform: translateY(-50%);
        color: #FFF;
        font-size: 15px;
        padding-right: 30px;
        background: url(/Img/IconCart.png) no-repeat right;
    }

    .Header .IconUser {
        position: absolute;
        height: 22px;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        color: #FFF;
        font-size: 15px;
        padding-right: 30px;
        background: url(/Img/IconUser.png) no-repeat right;
    }

.Banner .swiper-slide {
    width: 100%;
}

.DefaultBody {
}

    .DefaultBody .BodierBox,
    .BodierBoxFull {
        padding: 0px;
        margin: 0px;
        width: 100%;
    }

.BodierBox {
    width: 1200px;
    margin: 10px auto;
    min-height: 50vh;
    padding: 0px;
}

.BodierBoxGray {
    width: 1200px;
    margin: 70px auto;
    min-height: 50vh;
    background: #EFEFEF;
}

.MainMenuBox {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 149px;
    height: 85vh;
    padding-top: 50px;
    padding-bottom: 150px;
    background: #000;
    z-index: 11;
    border: #000 solid 1px;
    display: none;
}

    .MainMenuBox .SubMenuHeader span {
        display: inline-block;
        font-size: 26px;
        font-weight: bold;
        color: #AAA;
        margin-left: 200px;
    }

    .MainMenuBox .MainMenu > li {
        position: relative;
        margin-bottom: 50px;
        cursor: pointer;
    }

    .MainMenuBox .SubMenu {
        position: absolute;
        border-top: #888 solid 1px;
        padding-top: 20px;
        left: 0px;
        top: 0px;
        margin-left: 350px;
        padding-left: 100px;
        padding-top: 30px;
        width: 1000px;
        background: #000;
        display: none;
        z-index: 2;
    }

    .MainMenuBox .MainMenu > li:hover .SubMenuHeader span {
        color: #FFF;
        position: relative;
    }

    .MainMenuBox .MainMenu > li .SubMenuHeader span:after {
        content: "";
        height: 1.2px;
        width: 0;
        position: absolute;
        bottom: 0px;
        left: 0;
        background-color: #FFFFFF;
        transition: width 0.3s cubic-bezier(0, 1, 0.66, 1);
    }


    .MainMenuBox .MainMenu > li:hover .SubMenuHeader span:after {
        width: 100%;
    }

    .MainMenuBox .MainMenu > li:hover .SubMenu {
        display: block;
    }

    .MainMenuBox .SubMenu li a {
        display: block;
        width: 500px;
        font-size: 20px;
        color: #999;
        cursor: pointer;
        height: 50px;
        word-break: no-break;
        word-space: nowrap;
    }


        .MainMenuBox .SubMenu li a:hover {
            color: #FFF;
        }


    .MainMenuBox li.ProductCategorys {
    }

.MainMenu li.ProductCategorys:hover .SubMenu {
    display: flex;
    flex-wrap: wrap;
    margin-left: 350px;
    padding-left: 60px;
}

.MainMenu li.ProductCategorys .SubMenu li {
    width: 33%;
    text-align: left;
}

    .MainMenu li.ProductCategorys .SubMenu li .Name {
        padding-left: 15px;
    }







.LangMenuBox {
    position: fixed;
    width: 230px;
    left: 50%;
    top: 149px;
    transform: translateX(375px);
    z-index: 99;
    display: none;
}

.LangMenu {
    width: 230px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 0px;
    background: #FFF;
}

    .LangMenu li a {
        display: block;
        font-size: 15px;
        color: #000;
        cursor: pointer;
        padding-left: 50px;
        line-height: 30px;
    }

        .LangMenu li a:hover {
            color: #888;
        }


.ProductIcon {
    max-width: 50px;
    max-height: 70px;
    display: block;
    margin: auto;
}

.Banner {
    width: 100%;
    overflow-x: hidden;
}

.AboutChannels {
    width: 1200px;
    margin: 15px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .AboutChannels li {
        margin-bottom: 20px;
        height: 450px;
        overflow: hidden;
    }

        .AboutChannels li img {
            transition: all 1s;
        }

            .AboutChannels li img:hover {
                transform: scale(1.05);
            }

.CollectionChannels li {
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden;
}

    .CollectionChannels li img {
        transition: all 1s;
    }

        .CollectionChannels li img:hover {
            transform: scale(1.05);
        }

.DefaultNewsList {
    height: 630px;
    background: url(/Img/DefaultNewsList.jpg) no-repeat;
    padding-left: 360px;
    padding-top: 210px;
}

    .DefaultNewsList li {
        width: 500px;
        line-height: 60px;
        font-size: 16px;
        border-bottom: #666 solid 1px;
        background: url(/Img/IconNewsArrow.png) no-repeat right center;
    }

.FooterBox {
    position: relative;
    background: #000;
    color: #FFF;
    padding: 30px;
    border-top: #FFF solid 1px;
}

.FooterMenu {
    display: flex;
    width: 1200px;
    margin: auto;
}

    .FooterMenu > li {
        flex: 1;
        margin: 0px;
        padding: 0px;
        margin-right: 35px;
        border-right: #FFF solid 1px;
    }

        .FooterMenu > li:last-child {
            border: 0px;
        }

    .FooterMenu .SubMenuHeader {
        font-size: 20px;
        line-height: 50px;
    }

    .FooterMenu .SubMenu {
        width: 100%;
    }

    .FooterMenu > li li a {
        display: block;
        color: #FFF;
        line-height: 32px;
    }

        .FooterMenu > li li a:hover {
            color: #DDD;
        }

    .FooterMenu li.ProductCategorys {
        flex: 2;
    }

    .FooterMenu .ProductCategorys .SubMenu {
        display: flex;
        flex-wrap: wrap;
    }

        .FooterMenu .ProductCategorys .SubMenu li {
            width: 50%;
        }

.FooterText {
    display: flex;
    width: 1200px;
    margin: auto;
    justify-content: space-between;
    align-items: end;
    margin-top: 30px;
}

.FooterTextLeft {
    color: #FFF;
    line-height: 24px;
}

    .FooterTextLeft img {
        display: block;
        width: 150px;
        margin-bottom: 5px;
    }

.FooterTextRight {
    display: flex;
    height: 24px;
    line-height: 24px;
}

    .FooterTextRight img {
        display: inline-block;
        width: 24px;
        height: 24px;
    }

    .FooterTextRight > * {
        margin-right: 10px;
    }


.CategoryBar {
    font-size: 26px;
    line-height: 70px;
    border-bottom: #000 solid 1px;
    color: #000;
}

.NewsList li {
    line-height: 70px;
    font-size: 18px;
    border-bottom: #BBB solid 1px;
    background: url(/Img/NewsArrow.png) no-repeat right center;
}

    .NewsList li a {
        color: #777;
    }

        .NewsList li a:hover {
            color: #000;
        }

.ProductList {
    display: flex;
    flex-wrap: wrap;
    padding:20px;
    margin-left:15px;
}

    .ProductList li a{
        position: relative;
        width: 190px;
        height: 190px;
        margin-right: 30px;
        margin-bottom: 30px;
        background: #FFF;
        text-align:center;
		display:flex;
		flex-direction:column;
	 }
	 
	.ProductList li .ThumbnailBox{
		width:190px;
		height:145px;
		flex:1;
	}
	
        .ProductList li img {
            max-width: 100%;
            max-height: 100%;
            border:0;
        }

        .ProductList li .Name {
            height: 25px;
            line-height: 25px;
            font-weight:bold;
            overflow:hidden;
        }

        .ProductList li .Category {
            height: 20px;
            line-height: 20px;
            overflow:hidden;
        }

.ProductCategoryName {
    font-size: 18px;
    font-weight: bold;
    line-height: 70px;
    margin-top: 20px;
    text-align: center;
}

.LeftRightBox .ProductCategoryTreeBox {
    background: #FFF;
}

.ProductSpecList li a{
	display:block;
	line-height:32px;
	padding:5px;
	padding-left:15px;
}


.ProductSpecList li a.Selected ,.ProductSpecList li a:hover{
	background:url(/Img/HeaderBox.png?v=1);
	color:#FFF;
}