body{
    color:#5b482b;
}
.kc-item  img {
    position: absolute;
    pointer-events: none; /* Make images non-selectable. */
    width: 100%; /* Make images expand to wrapper size. */
    left:0;
    top:0;
}

.kc-item .prod-link{
    position: absolute;
    z-index: 1000;
    display: none;
    width: 100%;

    text-align: center;
    bottom:-10px;
    font-size: 13px;
    color: #5A5248;
    padding: 5px;
    font-weight: bold;


}
.kc-item .prod-link:hover{

    color: #352d28;
}
.kc-item:hover > .prod-link{
    font-family: 'Helvetica Neue LT Std' !important;
    font-weight: bold !important;
    font-style: normal !important;
    display: block;
}
.kc-wrap {
    height: 40%;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image:url("/_images/slider/arrow-left.png") !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image:url("/_images/slider/arrow-right.png") !important;
}
.swiper-pagination-bullet-active{
    background: #6a8276 !important;
}
.section-blk .inner{
    text-align: center;
}
.chinese .section-blk .inner h2{
    font-family: 'Flama',微软雅黑体, "Microsoft YaHei", 黑体, SimHei, 冬青黑体, "Hiragino Sans GB", 华文黑体, STHeiti!important;
    font-size: 20px;
    font-weight: 700 !important;
}
.en .section-blk .inner h2{
    font-family: 'DIN Alternate';
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
}
.chinese .section-blk .inner h3{
    font-size: 15px;
    font-weight: 700 !important;

}
.en .section-blk .inner h3{
    font-family: 'DIN Alternate' ;
    font-weight: bold;
    font-style: normal;
    font-size: 15px;
}
.section-blk .inner p{
    font-size: 14px;
    font-weight: normal;
    text-align: justify;
    text-justify: inter-ideograph; /* IE*/
}

.section-blk .section-link-btn{
    font-family: 'Helvetica Neue LT Std';
    font-style: italic;
    font-weight: 300;
    background: #544332;
    border: 1px solid #6a8276;
    color: #729B8F;

    padding: 5px 20px;



}

#section2 .content.leftbox {
    position: absolute;
    left: 0px;
    width: 58.8%;
    height: 100%;
}
#section2 .content.leftbox >a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
#section2 .content.leftbox >a:hover {
    background:#6a8276;
    opacity: 0.2;
}
#section2 .content {
    position: absolute;
    right: 0px;
    width: 41.2%;
    height: 100%;
}

#section2 .content.rightbox:hover {
background:#E3EDEB;
}
#section2 .content.rightbox:hover .section-link-btn {
    color:white
}
#section2 .content > div{
    width: 290px;
    height: 158px;


}
#section3 .leftTop{
    position: absolute;
    left: 0px;
    top:0;
    width: 31.3%;
    height: 33.2%;
    background: url("/_images/home/section3_leftTop.jpg");
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;;
}
#section3 .left-content {
    position: absolute;

    left: 0px;
    bottom: 0px;
    width: 31.3%;
    height: 66.8%;
    background: url("/_images/home/section3_leftBtm.jpg");
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;;

}
#section3 .left-content:hover{
    background: url("/_images/home/section3_leftBtm_over.jpg");
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;;
}

#section3 .left-content:hover .section-link-btn{
    color: white;

}

#section3 .left-content > div{
    width: 290px;
    height: 158px;


}


#section3 .right-content {
    position: absolute;

    right: 0px;
    bottom: 0px;
    width: 69%;
    height: 100%;
    background: url("/_images/home/section3_rightBg.jpg");
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;;

}

#section3 .right-content > div{
    width: 80%;
    height: 80%;
}

#section4 .content{
    width: 48%;
    min-height: 42%;
    position: absolute;
    right: 0;
    bottom: 7%;
    background: url("/_images/home/section4_content_bg.png");
    z-index: 5;
}
#section4 .content > div{
    padding: 10px;
    text-align: left;
}

#section4 .content > div >h2{
  color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 25px;
}

#section4 .content .description{

    padding-left: 20%;
        padding-right: 20%;
    text-align: justify;
    text-justify: inter-ideograph; /* IE*/
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #a4c9b6;
}
#section4 .pager-bullet{
    position: absolute;
    z-index: 100;
    right: 10px;
    top:50%;
    bottom: 0;
    margin-top: -20px;

}
#section4 .pager-bullet .bullet{

    background: #979797;
    margin-bottom: 10px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;

    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;

}

#section4 .pager-bullet .bullet.active{
    background: white;
}


#section4 .slide{
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}
#section4 .AnimOut{
    opacity: 0;
    filter: alpha(opacity=0);

    z-index: 1;
}
#section4 .AnimIn{
    opacity: 1;
    filter: alpha(opacity=100);
}
#section5 .section-title{
    float: left;
    margin-left: 26px;
    margin-top: 26px;
}



#section5 .news-container{
    margin-left:31%;
    margin-top:5%;
    width: 550px;
    height: 336px;
    text-align:left;
}
#section5 .news-items-container{
    margin-top: 20px;
}


#section5 .news-container > h2{
    padding: 10px;
    font-size: 18px;
}
#section5 .news-items-container table{
    width: 70%;
}
#section5 .news-items-container table td{
   vertical-align: top;
    padding: 10px;

}
#section5 .news-items-container .title{
    color: #6a8276;
    padding-left: 30px;
}

#section5 #news-detail-container{
    position: absolute;
    top:0px;
    right: -1000px;
    opacity: 0;
    bottom: 0;
    width: 70%;
    background: url("/_images/home/section4_content_bg.png");
    z-index: 10;
}
#section5 #news-detail-container .close-btn {
 position: absolute;
    left: 20px;
    top:20px;
}
#section5 #news-detail-container .close-btn .close-action {
 color: #cccccc;
    font-size: 30px;

}
#section5 #news-detail-container .news-detail{
    margin-top: 80px;
    margin-left: 80px;
    text-align: left;
}
#section5 #news-detail-container .news-detail  img.cover{
 float: left;
    margin-right: 10px;
    max-height: 500px;
    max-width: 200px;
}
#section5 #news-detail-container .news-detail  .desc{
color: white;
}
#section5 #news-detail-container .news-detail  .desc > h3.date{
    font-size: 15px;
}
#section5 #news-detail-container .news-detail  .desc > h2.heading{
font-size: 16px;
}
#section5 #news-detail-container .news-detail  .desc .desc-text{
    font-size: 14px;
    color: #a4c9b6;
    border-top: 1px solid #6a8276;
    margin-top: 10px;
    padding-top: 10px;
    letter-spacing: 1px;
    width: 300px;
    float: left;


}
#section5 #news-slide .item .date{
    font-family: 'Arial';
    font-weight: bold;

}
#section5 #news-slide .item .title{
    font-family: 'Arial';
    font-weight: normal;

}
#section5 #news-slide .item .title ,#section5 #news-slide .item .date{
    font-size: 13px;
}
#section5 #news-slide .item .title{
    padding-left: 45px;
}
#section5 #news-slide .item .title > div{
    padding-bottom: 10px;
    border-bottom: 1px solid #CCC;
}
#section6 .content{
    text-align: left;
    padding: 26px;
    padding-bottom: 100px;
}
#section6{
    margin-bottom: 0px !important;
}
#footer{
    margin-bottom: 0px !important;
}
.section-title{

    font-size: 28px !important;
    color: #000000;
}
body.en .section-title {
    font-family: 'Century Gothic' !important;
    font-weight: bold !important;
    font-style: normal !important;
}
#section6 .head-address{
    font-family: 'Helvetica Neue LT Std';
    margin-top: 80px;
    color: black;
    font-size: 12px;
}
#section6 .store-address{
    font-family: 'Helvetica Neue LT Std';
    margin-top: 40px;
    font-size: 12px;
}
#section6 .store-address > h2{
    font-size: 14px;
    color: #000000;
}
#section6 .store-address ul{
    list-style: none;
    margin-top: 20px;
}
#section6 .store-address li{
    margin-bottom: 20px;
    color: #888888;
}

#section6 .leftside{
    float: left;
    width: 30%;
}
#section6 .rightside{
    float: left;
    width: 70%;
    padding-top: 118px;
}

#section6 ul{
    list-style: none;
}



.section_bg {
    position: relative;
    width: 100%;
    min-width: 100%;
}


#section6 {
    background: #e8e8e8;

}
#section6 .inner{
    position: inherit;
}
#section6 .store-address li{
    cursor: pointer;
}
#section6 .store-address li.current{
    color:black;
}
#section6 .map-container li{
    width: 605px;
    display: none;
}
#section6 .map-container li > img{
    width: 100%;
}
#section6 .locator{
    position: relative;

    top: 70px;
    left: 100px;
}
#section6 .dot-container{
    width: 150px;
    position: absolute;
    top:-5px;
}
#section6 .dot-container .dot-name{
    font-size: 12px;
    text-align: center;
    display: none;
}

#section6 .dot-container .dot{
    width: 10px;
    height: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    background: #CCC;
    cursor: pointer;
}
#section6 .dot-container.active .dot,#section6 .dot-container .dot:hover{
    background: #696969;

}
#section6 .dot-container.active .dot-name{
   display: inherit;
}
@media (max-width:960px){
    #section3 .left-content > div{
        width: 250px;
    }
    #section3 .right-content h3{
        top: 60px !important;
    }
 #section4 .inner .content .description{
     font-size: 8px !important;
     padding-left: 10%;
     padding-right: 10%;
 }
    #section4 .content{

        bottom: 2%;

    }
    #section5 .news-items-container table td{
        padding: 5px;
        font-size: 11px;
    }
    #section5 .news-items-container .title{

        padding-left: 10px;
    }

}

@media (max-width:960px){
    #section6 .locator {
        display: none;
    }
}