body {
    margin: 0;
    padding: 0;
}

.header {
    width: 100%;
    height: 1.4rem;
    position: relative;
    z-index: 9;
}

#swiper1 {
    width: 100%;
    height: calc(100vh - 1.4rem);
    height: -moz-calc(100vh - 1.4rem);
    height: -webkit-calc(100vh - 1.4rem);
}

#swiper1 .swiper-wrapper {
    width: 100%;
    height: calc(100vh - 1.4rem);
    height: -moz-calc(100vh - 1.4rem);
    height: -webkit-calc(100vh - 1.4rem);
}

#swiper1 .swiper-slide {
    width: 100%;
    height: 100%;
}

.swiper-slide.slide1 {
    background: #f9efdc;
}

.swiper-slide.slide2,
.swiper-slide.slide3,
.swiper-slide.slide4,
.swiper-slide.slide5 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.swiper-slide.slide2 {
    background: #f9efdc;
}

.carousel-indicators .item img {
    height: -moz-calc(100vh - 1.4rem);
    height: calc(100vh - 1.4rem);
}



.delicious {
    width: 100%;
    padding: 60px 0;
    background: #f9efdc;
}

.del_l {
    float: left;
    width: 40%;
    padding-left: 2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.del_zh,
.index_dark_zh,
.index_pro_zh {
    font-size: 0.35rem;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.del_en,
.index_dark_en,
.index_pro_en {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
    font-size: 0.28rem;
}

.del_b {
    width: 4.47rem;
    font-size: 0.21rem;
    color: #e95520;
    letter-spacing: 0.03rem;
    text-align: justify;
    margin-top: 0.60rem;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.del_m {
    font-size: 0.24rem;
    width: 2.24rem;
    height: 0.64rem;
    display: block;
    text-align: center;
    line-height: 0.64rem;
    -moz-border-radius: 0.50rem;
    border-radius: 0.50rem;
    border: 0.01rem solid #333;
    color: #333;
    text-decoration: none;
    margin-top: 0.80rem;
}


.del_r {
    float: right;
    width: 50%;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
}

.del_r img {
    max-width: 85%;
}


.index_dark {
    width: 100%;
    box-sizing: border-box;
    background: #f7b515 url(../img/bg1.png) no-repeat top left;
    -moz-background-size: contain;
    background-size: contain;
    padding: 1.15rem 0;
}

.index_dark_l {
    float: left;
    width: 50%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.index-banner-group {
    box-sizing: border-box;
    float: right;
    transform:translate3d(0,0,0);
    overflow:hidden;
}

.mini-banner-wrap {
    width: 8rem;
}

.mini-pagination {
    position: absolute;
    z-index: 9;
    text-align: center;
}

.swiper-button-prev {
   background: url('../img/pre.png') no-repeat center center;
}
.swiper-button-next {
    background: url('../img/next.png') no-repeat center center;
}


.banner-button-prev {
    background: url('../img/index-left.png') no-repeat center center;
    background-size: cover;
    transition: opacity 0.5s ease;
    opacity: 0.5;
    width: .62rem;
    height: .62rem;
    position: absolute;
    top: 50%;
    margin-top: -.31rem;
    z-index: 10;
    cursor: pointer;
    left: 10px;
}

.banner-button-next {
    background: url('../img/index-right.png') no-repeat center center;
    background-size: cover;
    opacity: 0.5;
    width: .62rem;
    height: .62rem;
    transition: opacity 0.5s ease;
    position: absolute;
    top: 50%;
    margin-top: -.31rem;
    z-index: 10;
    cursor: pointer;
    right: 10px;
}
.banner-button-prev:hover,
.banner-button-next:hover {
    opacity: 1;
}


.mini-banner-text {
    width: 8rem;
    height: .5rem;
    margin-top: .25rem;
    text-align: center;
}

.mini-banner-text p {
    line-height: .5rem;
    font-size: .36rem;
    color: #422b1d;
    font-weight: bold;
}
.index_dark_r {
    float: right;
    width: 44%;
    margin-top: 0.5rem;
}

.index_dark_r_b {
    font-size: 0.21rem;
    letter-spacing: 0.03rem;
    text-align: justify;
    margin-top: 0.30rem;
    width: 4.80rem;
}

.index_dark_r img {
    width: 7.2rem;
}

.index_dark_img {
    margin:.4rem 0;
}


.index_dark_m {
    font-size: 0.24rem;
    width: 2.24rem;
    height: 0.64rem;
    display: block;
    text-align: center;
    line-height: 0.64rem;
    -moz-border-radius: 0.50rem;
    border-radius: 0.50rem;
    border: 0.01rem solid #333;
    color: #333;
    text-decoration: none;
}

.index_dark_m:hover,
.del_m:hover,
.index_pro_m:hover,
.index_find_inner a:hover {
    text-decoration: none;
}

.index_pro {
    width: 100%;
    padding: 1.49rem 0;
}

.index_pro {
    background: #f9efdc url('../img/bg2.jpg') no-repeat;
    background-position: center center;
    -moz-background-size: contain;
    background-size: contain;
}


.index_pro_l {
    float: left;
    width: 60%;
    display: block;
    position: relative;
}

.index_pro_l div {
    position: absolute;
}

.index_pro_l img {
    width: 100%;
    height: 100%;
}

.index_pro_l .index_tip1 {
    width: 2.2rem;
    height: 1rem;
    position: absolute;
    top: 1rem;
    left: 2.4rem;
}

.index_pro_l .index_tip2 {
    width: 2.5rem;
    height: 1rem;
    left: 7.5rem;
    top: 0.2rem;
}

.index_pro_l .index_tip3 {
    width: 3rem;
    height: 1rem;
    top: 3rem;
    left: 3rem;
}

.index_pro_l .index_tip4 {
    width: 4.6rem;
    height: 1rem;
    top: 2rem;
    left: 6.4rem;
}

.index_pro_l .index_tip5 {
    width: 3.6rem;
    height: 1rem;
    top: 4rem;
    left: 6.5rem;
}


.index_pro_r {
    float: right;
    width: 40%;
}

.index_pro_box {
    padding: 0.25rem 0;
}

.index_pro_txt {
    font-size: 0.21rem;
    color: #e95520;
    letter-spacing: 0.03rem;
}

.index_pro_m {
    font-size: 0.24rem;
    width: 2.24rem;
    height: 0.64rem;
    display: block;
    text-align: center;
    line-height: 0.64rem;
    -moz-border-radius: 0.50rem;
    border-radius: 0.50rem;
    border: 0.01rem solid #333;
    color: #333;
    text-decoration: none;
    margin-top: 0.1rem;
}

.index_find {
    width: 100%;
    height: 4.5rem;
}

.index_find_inner {
    width: 45%;
    height: 100%;
    margin: 0 auto;
    padding-top: 0.8rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.index_bottom {
    position: relative;
    width: 100%;
    height: 100%;
}

.index_find_inner a {
    font-size: 0.24rem;
    width: 2.24rem;
    height: 0.64rem;
    display: inline-block;
    text-align: center;
    line-height: 0.64rem;
    -moz-border-radius: 0.50rem;
    border-radius: 0.50rem;
    border: 0.01rem solid #333;
    color: #333;
    vertical-align: middle;
    margin-top: 1.1rem;
}

.index_find_inner img {
    width: 4rem;
    vertical-align: middle;
    float: right;
}

/*配置轮播图样式*/
.swiper-pagination-bullet-active {
    background: #e95520;
}



.row-swiper {
    width: 100%;
    height: 100%;
}

.banner {
    width: 100%;
    height: 100%;
    position: relative;
}

.row-slide {
    height: 100%;
}

.row-slide img {
    width: 100%;
    height: 100%;
}

.row-pager {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.row-pager li {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
    opacity: 0.2;
    float: left;
    margin: 0 5px;
}

.row-pager li.active {
    background: #e95520;
    opacity: 0.8;
}


/*新添加*/
.banner1 {
    width: 600px;
    height: 300px;
    border: 2px solid #ccc;
    margin: 100px auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.img {
    position: absolute;
    top: 0;
    left: 0;
}

.des {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2;
    background: rgba(0, 0, 0, .4)
}

.des li {
    float: left;
    width: 600px;
}

.img li {
    float: left;
}

.num {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 0;
}

.num li {
    width: 10px;
    height: 10px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 100%;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

.btn {
    display: none;
}

.btn span {
    display: block;
    width: 50px;
    height: 100px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 40px;
    line-height: 100px;
    text-align: center;
    cursor: pointer;
}

.btn .prev {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -50px;
}

.btn .next {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -50px;
}

.num .active {
    background-color: #fff;
}

.hide {
    display: none;
}