/*******************************
    -------[=首页]-------
********************************/

.banner-index {
    position: relative;
    height: 652px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #1e1e1e;
}

.banner-index .logo-banner {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 370px;
    height: 370px;
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.box-mession {
    padding: 80px 0 80px;
    background-color: #1e1e1e;
}

.box-mession .cont-mession {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}

.box-mession .tit {
    margin-bottom: 25px;
    color: #fff;
    font-size: 44px;
    font-family: 'Noto Sans CJK SC', 'Source Han Sans CN', 'Microsoft YaHei', 'sans-serif';
    letter-spacing: 4px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
}

.box-mession .txt {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.7;
    text-align: left;
    word-break: break-all;
}

.box-mession .more {
    text-align: center;
}

.box-products {
    padding: 58px 0 40px;
}

.box-products .wp {
    position: relative;
    overflow: hidden;
}

.box-products img {
    float: left;
    display: block;
    width: 50%;
}

.box-products .info {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.box-products .tit {
    margin-bottom: 20px;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Noto Sans CJK SC', 'Source Han Sans CN', 'Microsoft YaHei', 'sans-serif';
    color: #fff;
    font-weight: bold;
}

.box-products .txt {
    margin-bottom: 10px;
    padding: 0 20%;
    text-align: left;
    font-size: 14px;
    word-break: break-all;
    line-height: 1.7;
}

.box-products .more {
    text-align: center;
}

.box-showrooms {
    padding-top: 316px;
    background: url(./HEBO_官网_files/img-index-showrooms.jpg);
    background-size: cover;
}

.box-showrooms .cont-showrooms {
    position: relative;
    padding: 50px 26px 22px;
    width: 100%;
    max-width: 534px;
    background-color: rgba(30, 30, 30, .8);
}

.box-showrooms .triggle {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 30px;
    background: url(./HEBO_官网_files/img-index-showrooms.jpg);
}

.box-showrooms .tit {
    margin-bottom: 20px;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Noto Sans CJK SC', 'Source Han Sans CN', 'Microsoft YaHei', 'sans-serif';
    color: #fff;
    line-height: 1;
    font-weight: bold;
}

.box-showrooms .txt {
    margin-bottom: 10px;
    text-align: justify;
    font-size: 14px;
    line-height: 1.7;
}

.box-showrooms .more {
    text-align: center;
}

.box-partner {
    padding: 154px 0 124px;
}

.box-partner .wp {
    position: relative;
    overflow: hidden;
}

.box-partner img {
    float: left;
    display: block;
    max-width: 480px;
    margin-left: 27px;
}

.box-partner .info {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.box-partner .tit {
    margin-bottom: 20px;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Noto Sans CJK SC', 'Source Han Sans CN', 'Microsoft YaHei', 'sans-serif';
    color: #fff;
    font-weight: bold;
}

.box-partner .txt {
    margin-bottom: 10px;
    padding: 0 20%;
    text-align: left;
    font-size: 14px;
    word-break: break-all;
    line-height: 1.7;
}

.box-partner .more {
    text-align: center;
}


/*******************************
    -------[=产品]-------
********************************/

.box-proinfo {
    padding: 74px 0 110px;
    background-color: #1e1e1e;
}

.box-proinfo .wp {
    padding: 0 16%;
}

.box-proinfo .tit {
    margin-bottom: 25px;
    font-size: 44px;
    color: #fff;
    font-family: 'Noto Sans CJK SC', 'Source Han Sans CN', 'Microsoft YaHei', 'sans-serif';
    letter-spacing: 4px;
    text-align: center;
    text-transform: uppercase;
}

.box-proinfo .txt {
    font-size: 22px;
    text-align: justify;
    line-height: 1.3;
}

.box-proinfo p {
    padding-bottom: 10px;
}

.box-pro {
    position: relative;
}

.box-pro img {
    display: block;
    width: 50%;
}

.box-pro .tit {
    margin-bottom: 14px;
    font-size: 20px;
    letter-spacing: 3px;
    color: #fff;
    font-family: 'Noto Sans CJK SC', 'Source Han Sans CN', 'Microsoft YaHei', 'sans-serif';
    text-align: center;
    line-height: 1;
    font-weight: bold;
}

.box-pro .txt {
    font-size: 14px;
    line-height: 1.7
}

.box-pro .txt {
    padding: 0 20%;
    text-align: justify;
}

.box-pro .txt2 {
    font-size: 14px;
    text-align: justify;
    line-height: 1.7

}

.box-pro .txt2 p {
    padding-bottom: 10px;
}

.box-pro .txt p {
    padding-bottom: 10px;
}

.box-pro .more {
    padding-top: 10px;
    text-align: center;
}

.box-pro:nth-of-type(even) img {
    float: left;
}

.box-pro:nth-of-type(odd) img {
    float: right;
}

.box-pro:nth-of-type(even) .wp {
    position: relative;
    /*overflow: hidden;*/
}

.box-pro:nth-of-type(even) .info {
    position: absolute;
    top: 50%;
    left: 75%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.box-pro:nth-of-type(even) {
    padding: 106px 0 88px;
}

.box-pro:nth-of-type(2n+1) .triggle-top {
    position: absolute;
    top: -41px;
    left: 0;
    width: 100%;
    height: 41px;
    background: url(./HEBO_官网_files/bg-triggle-pro-1.png);
    background-size: cover;
}

.box-pro:nth-of-type(4n+1) .triggle-top {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 30px;
    background: url(./HEBO_官网_files/bg-triggle-pro-2.png);
    background-size: cover;
}

.box-pro:nth-of-type(odd) .info {
    position: absolute;
    top: 50%;
    left: 64%;
    width: 72%;
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.box-pro .cont-info {
    position: relative;
    margin-top: 52px;
    float: left;
    width: 50%;
    background-color: rgba(30, 30, 30, .8);
}

.box-pro:nth-of-type(5) .cont-info,
.box-pro:nth-of-type(9) .cont-info {
    margin-top: 38px !important;
}

.ul-pro-kitchen {
    padding: 120px 0;
    overflow: hidden;
}

.ul-pro-kitchen li {
    margin-right: 2%;
    float: left;
    width: 32%;
    margin-bottom: 20px;
}
#ul-pro-one{
    margin-left:34%;
}
#ul-pro-two{
    margin-left:16%;
}
#ul-pro-third{
    margin-right:0px;
}
.ul-pro-kitchen li:last-child {
    margin-right: 0;
}

.ul-pro-kitchen .box-img {
    display: block;
}

.ul-pro-kitchen .img {
    position: relative;
    padding-top: 43%;
    height: 0;
    height: 0;
    overflow: hidden;
}

.ul-pro-kitchen img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.ul-pro-kitchen li:hover img {
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.ul-pro-kitchen .tit {
    padding-top: 36px;
    padding-bottom: 10px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-family: 'Noto Sans CJK SC', 'Source Han Sans CN', 'Microsoft YaHei', 'sans-serif';
    text-transform: uppercase;
    line-height: 1;
}

.ul-pro-kitchen .info {
    font-size: 16px;
    line-height: 1.2;
}

.ul-pro-kitchen .more {
    padding-top: 14px;
    text-align: center;
}

.ul-pro-kitchen .more a {
    color: #3388cc;
    font-family: 'Noto Sans CJK SC', 'Source Han Sans CN', 'Microsoft YaHei', 'sans-serif';
    border-bottom: 2px solid #3388cc;
    font-size: 14px;
    text-transform: uppercase;
}

.ul-pro-kitchen .more a:hover {
    color: #335ecc;
    border-bottom: 2px solid #335ecc;
}

.box-designer {
    padding-bottom: 150px;
    overflow: hidden;
}

.box-designer .info {
    padding: 0 10%;
    float: left;
    width: 50%;
    line-height: 1.2;
}

.box-designer img {
    margin-left: 50%;
    display: block;
    width: 282px;
}

.box-mession .tit1 {
    margin-bottom: 10px;
    color: #3388cc;
    font-size: 16px;
    text-align: center;
    line-height: 1;
}

.box-designer .tit1 {
    padding-bottom: 20px;
    color: #3388cc;
    font-size: 16px;
    text-align: center;
    line-height: 1;
    padding-top: 80px;
}

.box-designer .tit {
    padding-bottom: 14px;
    font-size: 30px;
    color: #fff;
    font-family: 'CS';
    text-transform: uppercase;
    text-align: center;
}

.box-designer .txt {
    font-size: 16px;
    text-align: justify;
}

.box-designer .txt p {
    padding-bottom: 10px;
}

.mask {
    position: absolute;
    top: 0px;
    filter: alpha(opacity=60);
    background-color: #000;
    z-index: 1002;
    left: 0px;
    opacity: 0.5;
    -moz-opacity: 0.5;
}

.company-anchor {
    position: absolute;
    top: -88px;
}

.dd {
    word-spacing: 30px;
}

.shop-p2 {
    margin: 20px 20px 20px 0px;
}