body {
    background: #eeeeee;
}

.content {
    background: #eeeeee;
}

.index-banner {
    background: url("../images/index/banner.jpg") no-repeat center;
    background-size: cover;
   height: 2.89rem;
    position: relative;
}

.banner-box {
    position: absolute;
    top: 1.8rem;
    height: 1.96rem;
    left: 50%;
    margin-left: -3.25rem;
    z-index: 3;
    width: 6.5rem;

}
/*--------------首页快捷导航--------------*/
.quick-nav-container {
    background-color: #ffffff;
    border-radius: 0.08rem;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    padding: 0 0.12rem;
}

.quick-nav-container .quick-entry-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.96rem;
}

.quick-nav-container .quick-entry-nav .quick-entry-link {
    width: 25%;
    padding: 0.12rem 0 0.18rem;
    display: block;
    text-align: center;
}


.quick-nav-container .quick-entry-nav .quick-entry-link img {
    width: .98rem;
    margin-bottom: 0.1rem;
}
.quick-nav-container .quick-entry-nav .quick-entry-link p{
    color: #727272;
    font-size: .24rem;
}
/*板子*/
.board-box{
    background: #ffffff;
    padding-top: .8rem;
}
.board-box .board-nav{
    padding: .4rem .4rem 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.board-box .board-nav h2{
    font-size: .3rem;
    color: #333333;
    font-weight: bold;
}
.board-box .board-nav p{
    font-size: .24rem;
    color: #9b9b9b;
}
.board-box .wrap {
    height: 3.8rem;
    background-color: #ffffff;
}
/*新加*/
.board-box .swiper-container1{
    padding: 0.1rem 0;
}

/*新加*/

.board-box .swiper-container .swiper-slide{
    width: 5.38rem;
    box-sizing: border-box;
    margin: 0 .1rem !important;
    box-shadow: 0 0 .12rem #efefef;
    opacity: .6;
}

.board-box .swiper-container .swiper-slide-active{
    opacity: 1;
}

.board-box .swiper-container .item {
    width: 5.38rem;
    height: auto;
    padding: .28rem;
    box-sizing: border-box;
    border: 1px solid #efefef;
}
.board-box .top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 1.55rem;
    position: relative;
}

.board-box .top .special-img {
    width: 1.38rem;
    height: 1.55rem;
}

.board-box .top .special-text {
    margin-left: .1rem;
    font-size: .18rem;
    color: #727272;
}

.board-box .top .special-text .size {
    color: #333333;
    font-size: .18rem;
}
.board-box .top .special-text .layer{
    color: #333333;
}

.board-box .top .special-text .price {
    position: absolute;
    top: 0;
    right: -.03rem;
    z-index: 3;
    display: inline-block;
    border: 1px solid #008546;
    width: 1.04rem;
    color: #008546;
    font-size: .24rem;
    text-align: center;
    border-radius: .5rem;
}

.board-box .bottom {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #ffffff;
    color: #727272;
    padding-top: .1rem;
    width: 3.7rem;
    margin: 0 auto;
}


.board-box .bottom .time {
    color: #333333;
    font-weight: bold;
}

.board-box .bottom .price {
    display: inline-block;
    padding: 0.05rem .35rem;
    border: 1px solid #c0c0c0;
    border-radius: .2rem;
    margin-top: 2px;
    font-size: .24rem;
    font-weight: bold;
}
.board-box .bottom .to-buy{
    color: #ffffff;
    background: #008546;
    border: 1px solid #008546;
    font-weight: unset;
}
/*控制手柄*/
.control-parent1 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: .1rem;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px !important;
}

.swiper-p1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative !important;
}


.board-box .swiper-pagination-bullet {
    margin-right: .12rem;
    width: .2rem !important;
    height: .2rem !important;
}

.board-box .swiper-pagination-bullet-active {
    width: .2rem !important;
    height: .2rem !important;
    border-radius: 100% !important;
}

.board-box .swiper-pagination-bullet-active {
    background-color: #008546 !important;
}

/*好礼相送*/
.send-gifts {
    height: 2.2rem;
    background-color: #ffffff;
}

.send-gifts .swiper-container2 {
    height: 2.2rem;
}

.send-gifts .swiper-container2 img {
    width: 100%;
}

.swiper-p2 {
    background-color: rgba(0, 0, 0, .2);
    border-radius: .2rem;
    position: relative !important;
    padding: .05rem 0 .05rem .1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.control-parent2 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -.42rem;
}

.control2 .swiper-pagination-bullet {
    width: .2rem;
    height: .2rem;
    float: left;
    margin-right: .1rem;
    background: #ffffff;
    opacity: .3;
}

.control2 .swiper-pagination-bullet-active {
    opacity: 1;
}

/*空运*/
.air-freight {
    margin-top: .2rem;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .4rem 0;
}

.air-freight h2 {
    font-size: .3rem;
    color: #333333;
    font-weight: bold;
}

.air-freight p {
    font-size: .28rem;
    color: #9b9b9b;
}

.air-link {
    padding: .5rem 0 0;
    border-top: 1px solid #f0f0f0;
    position: relative;
    background-color: #ffffff;
}

.air-link .air-img {
    width: 5rem;
    margin: 0 auto;
     padding-bottom: .75rem;
    background-size: contain;
}
.air-link .air-img .list{
    margin-bottom: .15rem;

}
.air-link .air-img .list .time{
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    font-size: .28rem;
    text-align: center;
    line-height: .31rem;
    position: relative;
    margin-top: -0.05rem;
}
.air-link .air-img .list .time img{
    width: 2rem;
    
}
.air-link .air-img .list .time span{
    font-size: .28rem;
    position: absolute;
    top:0.03rem;
    right: .4rem;
    z-index: 3;
    display: inline-block;
}

.air-link .air-img .list .text{
    color: #333333;
    font-size: .28rem;
    margin-left: .05rem;
}
.air-link .the-order {
    position: absolute;
    bottom: -.3rem;
    left: 50%;
    z-index: 3;
    transform: translateX(-50%);
    border: 1px solid #f53848;
    width: 2.8rem;
    height: .55rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .28rem;
    color: #f53848;
    border-radius: .4rem;
    background: #ffffff;
}

.ads-box {
    background: url("../images/index/ads-bg.jpg") no-repeat center;
    height: 3.43rem;
    background-size: cover;
    width: 7.5rem;
}

/*特殊工艺*/
.special-process {
    margin-top: .2rem;
    background-color: #ffffff;
}

.special-process .process-title {

    height: 1.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
}

.special-process .process-title h2 {
    color: #333333;
    font-size: .3rem;
    font-weight: bold;
}

.special-process .process-title p {
    font-size: .28rem;
    color: #9b9b9b;
}

.special-process .process-content {
    position: relative;
    box-sizing: border-box;
    height: 5.2rem;
}

.special-process .process-content .lists {
    width: 4.5rem;
    margin: 0 0 0 2.2rem;
    box-sizing: border-box;
    height: 3.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.special-process .process-content .list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: .16rem;
}
.special-process .process-content .list:first-child{
    margin-top: 0;
}
.special-process .process-content .list:after{
    display: block;
    content: '';
    width: 0;
    height: 0;
    clear: both;
}
.special-process .process-content .list .item {
    text-indent: .5rem;
    font-size: .28rem;
    color: #252931;
    float: left;
}
.special-process .process-content .icon{
    display: inline-block;
    background: url("../images/index/iconed.png") no-repeat left center;
    width: .29rem;
    height: .3rem;
    margin-right: .05rem;
    margin-top: -0.05rem;
    background-size: contain;
    vertical-align: middle;
}

.special-process .process-content .list .item:first-child {
    margin-right: .18rem;
}

.special-process .process-content .groove-img {
    position: absolute;
    bottom: 0;
    left: .25rem;
    z-index: 3;
    width: 1.91rem;
    height: 4.7rem;
}

.custom-box {
    background: url("../images/index/groove-bg.jpg") no-repeat center;
    height: 1.6rem;
    align-items: center;
    background-size: contain;
    position: relative;
}

.custom-box .custom-btn {
    width: 2.8rem;
    height: .55rem;
    line-height: 0.55rem;
    display: inline-block;
    text-align: center;
    background: #f53848;
    color: #ffffff;
    border-radius: .6rem;
    font-size: .28rem;
    margin:0.54rem 0 0 2.6rem;
    border: 1px solid #f53848;
}

/*定制板子*/
.the-board {
    margin-top: .2rem;
    background: #ffffff;
}

.the-board .board-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .4rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.the-board .board-title h2 {
    color: #333333;
    font-size: .3rem;
    font-weight: bold;
}

.the-board .board-title p {
    color: #9b9b9b;
    font-size: .28rem;
}

/*板子切换*/
.board-swiper {
    position: relative;
}

.board-swiper .control-parent3 {
    height: .7rem;
}

.board-swiper .swiper-p3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.swiper-p3 .swiper-pagination-bullet {
    width: 25%;
    height: .7rem;
    border-left: 1px solid #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: unset;
    opacity: 1;
    background: #ffffff;
    position: relative;
    outline: none;
}

.swiper-p3 .swiper-pagination-bullet:first-child {
    border-left: 0;
}

.swiper-p3 .swiper-pagination-bullet-active {
    color: #ffffff;
    background-color: #008546;
}

.swiper-p3 .swiper-pagination-bullet-active:after {
    position: absolute;
    left: 50%;
    margin-left: -.1rem;
    z-index: 3;
    bottom: -.12rem;
    display: block;
    content: '';
    border-top: .12rem solid #008546;
    border-left: .1rem solid transparent;
    border-right: .1rem solid transparent;
}

.swiper-container3 .template-img {
    width: 7.5rem;
    height: 4.15rem;
}

/*左右回退按钮*/
.swiper-container3 .swiper-button-prev {
    background: url("../images/index/left.png") no-repeat;
    background-size: contain;
    height: .73rem;
    width: .73rem;
}

.swiper-container3 .swiper-button-next {
    background: url("../images/index/right.png") no-repeat;
    background-size: contain;
    height: .73rem;
    width: .73rem;
}

/*制作展示*/
.product-show {
    padding: .4rem 0 .4rem .26rem;
    background-color: #ffffff;
}

.product-show .swiper-slide {
    width: 3.2rem;
    height: auto;
    margin-right: .2rem;
    font-size: .28rem;
}

.product-show .show-img {
    width: 3.2rem;
    height: 1.86rem;
    overflow: hidden;
    display: flex;
}

.product-show .show-img img {
    width: 100%;
    height: auto;
}

.product-show .item h2 {
    font-size: .28rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #008546;
    margin-top: .2rem;
}

.product-show .item .des {
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: .05rem;
    line-height: 1.3;
}

/*一站式服务*/
.one-stop {
    margin-top: .2rem;
    background: #252931;
}

.one-stop .stop-title {
    padding: .4rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #2f343e;
}

.one-stop .stop-title h2 {
    font-size: .30rem;
    color: #008546;
    font-weight: bold;
}

.one-stop .des {
    padding: .5rem 0;
}

.one-stop .des .title {
    font-size: .28rem;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.one-stop .style-box {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: .45rem;
    padding: 0.45px 0.35rem ;
}

.one-stop .style-box .item {
    width: 1.1rem;
    height: 1.1rem;
    line-height: 1.2;
    border-radius: 100%;
    border: 1px solid #008546;
    color: #008546;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/*工厂展示*/
.factory-show {
    padding: 0 0 .78rem .26rem;
    background-color: #252931;
}

.factory-show .swiper-slide {
    width: 3.2rem;
    height: auto;
    margin-right: .2rem;
    font-size: .28rem;
}

.factory-show .show-img {
    width: 3.2rem;
    height: 1.86rem;
    overflow: hidden;
    display: flex;
}

.factory-show .show-img img {
    width: 100%;
    height: auto;
}

.factory-show .name {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: .5rem;
    color: #ffffff;
    font-size: .28rem;
    background-color: #505661;
}

/*客户晒单*/
.bask-order {
    margin-top: .2rem;
    padding: .4rem 0 .6rem;
    background-color: #ffffff;
}

.bask-order .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bask-order .title h2 {
    color: #333333;
    font-size: .3rem;
    font-weight: bold;
}

.bask-order .title p {
    color: #9b9b9b;
    font-size: .28rem;
}

.bask-order .items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 .26rem;
}

.bask-order .items .list {
    width: 3.34rem;
    height: auto;
    background-color: #ffffff;
    margin-top: .4rem;
}

.bask-order .items .list .imgs {
    height: 1.92rem;
    display: flex;
    overflow: hidden;
}

.bask-order .items .list .imgs img {
    max-width: 100%;
}

.bask-order .items .list .des {
    margin-top: .2rem;
    color: #333333;
    font-size: .28rem;
}

.bask-order .items .list .location-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .2rem;
    font-size: .28rem;
}

.location-box .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.location-box .info .location {
    color: #9b9b9b;
    max-width: 2.5rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.location-box .view {
    padding-right: .2rem;
}

.location-box .view img {
    width: .43rem;
    height: .26rem;
}

.location-box .view .number {
    color: #676767;
}

.bask-order .more-btn {
    font-size: .28rem;
    color: #008546;
    display: flex;
    width: 2.5rem;
    height: .50rem;
    justify-content: center;
    align-items: center;
    border-radius: .4rem;
    border: 1px solid #008546;
    margin: .4rem auto 0;
}

/*底部*/
footer{
    margin-top: .2rem;
    color: #798192;
}

footer a{
    color: #798192;
}

.reg-log {
    padding: .26rem 0;
    background: #ffffff;
    text-align: center;
    position: fixed;
    left: 0; right: 0;
    z-index: 99;
    bottom: 0.9rem;
}

.reg-log a {
    display: inline-block;
    width: 2.8rem;
    height: .55rem;
    line-height: .5rem;
    text-align: center;
    font-size: .28rem;
    border-radius: .4rem;
    box-sizing: border-box;
    border: 1px solid #f53848;
}

.reg-log .reg {
    color: #f53848;
    margin-right: .5rem;
}

.reg-log .log {
    background: #f53848;
    color: #fff;
}