.banner .contant {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.conce {
    margin-top: .8rem;
}
.logo li{float: left;
    width: 10.5%;
    margin: 1%;}
    
.list{margin-top: .8rem;}
.list div{width:48%;}
.list .right{margin: 2%;}
.list a {
    width: 1.8rem;
    line-height: .42rem;
    height: .42rem;
    border: 1px solid #CFB9A3;
    color: #CFB9A3;
    font-size: .16rem;
    font-weight: bold;
    text-align: center;
}
.list a:hover {
    background-color: #CFB9A3;
    color: #fff;
}

.conce h3{
    font-size: .24rem;
    color: #CFB9A3;
    font-weight: bold;
    margin-bottom: .35rem;
}

.conce p {
    font-size: .16rem;
    color: #666;
    line-height: 1.5;
    margin-bottom: .27rem;
}
.conce strong, .conce b {
    font-weight: bold;
    color: #CFB9A3;
}
.conce div ul li {
    padding-left: 0.2rem;
    font-size: .16rem;
    color: #333;
    line-height: .26rem;
}

.conce div ul li::after {
    content: '';
    display: block;
    height: 0.06rem;
    width: 0.06rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.1rem;
    background-color: #333;
}



.direction {
    margin-top: .8rem;
    padding: .8rem 0;
    background-color: #CFB9A3;
}

.direction h3 {
    font-size: .26rem;
    color: #fff;
    text-align: center;
    margin-bottom: .1rem;
    font-weight: bold;
}

.direction p {
    font-size: .16rem;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    margin-bottom: .55rem;
}

.direction li {
    margin-top: .4rem;
}

.direction li p {
    font-size: .16rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-top: .2rem;
	margin-bottom: 0rem;
}

.direction li:hover img {
    transform: scale(1.03);
}

.expanding {
    margin-bottom: .8rem;
}

.expanding li {
    font-size: .16rem;
    line-height: 1.8;
    color: #666;
    margin-bottom: .35rem;
}

.expanding li span {
    font-size: .16rem;
    font-weight: bold;
    color: #CFB9A3;
}






@media (min-width: 800px) {
    .conce div:nth-child(odd) .left {
        float: left;
    }
    .conce div:nth-child(odd) .right {
        float: right;
    }
    .conce div:nth-child(even) .left {
        float: right;
    }
    .conce div:nth-child(even) .right {
        float: left;
    }

    .direction li {width: 22%;float: left;margin-right: 4%;}
    .direction li:nth-child(4n) {margin-right: 0;}

}

@media (max-width: 799px) {
    .conce div:nth-child(even) .left, .conce div:nth-child(odd) .left {
        width: 100%;
        margin: auto;
    }
	.list div{width:96%;}

    .direction li {
        width: 49%;
        float: left;
        margin-right: 2%;
    }

    .direction li:nth-child(2n) {
        margin-right: 0;
    }
}