body {
    background-color: #f0f0ee;
}

/* 字体 */
@font-face {
    font-family: "titles";
    src: url(../fonts/pmzd3.ttf);
}

.con {
    width: 7.35rem;
    margin: .36rem auto .2rem;
}

.tit .bigTit {
    font-size: .16rem;
    font-family: "titles";
    letter-spacing: .01rem;
}

.tit .area {
    padding-right: .05rem;
    float: right;
    color: #c7c7c7;
    font-size: .08rem;
}

.tit img {
    width: 7.35rem;
}

.stit {
    position: relative;
    text-align: center;
    font-size: .12rem;
    font-family: "titles";
    margin-top: .26rem;
    letter-spacing: .03rem;
}

.borderBottom {
    position: absolute;
    left: 50%;
    margin-left: -.35rem;
    width: .7rem;
    border-bottom: 3px solid #63b482;
    margin-top: .06rem;
}

.art1 {
    margin-top: .26rem;
    background-color: white;
    padding: .1rem .15rem .2rem;
    box-shadow: rgb(202, 232, 197, 0.5) 0px 0px 10px 1px;
}

.art1 .duanluo {
    color: #7c7c7c;
    font-size: .09rem;
    letter-spacing: .01rem;
    text-indent: .2rem;
    margin-top: .1rem;
}

.imgs {
    width: 100%;
    margin-top: .15rem;
    display: flex;
}

.imgs .left {
    width: 60%;
}

.imgs .left .ltimg,
.imgs .left .lbimg {
    display: flex;
}

.imgs .left .ltimg {
    margin-bottom: .15rem;
}

.imgs .left .imgCon {
    position: relative;
    width: 50%;
    height: 1.25rem;
    padding-right: .15rem;
}

.imgs .left .imgCon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imgs .right {
    position: relative;
    width: 40%;
    height: 2.65rem;
}

.imgs .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imgCon .mengchen {
    position: absolute;
    top: 0;
    width: 93%;
    height: 100%;
    text-align: center;
    padding-top: .52rem;
    color: white;
    font-size: .12rem;
    letter-spacing: .02rem;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}

.mengchenR {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 1.28rem;
    color: white;
    font-size: .12rem;
    letter-spacing: .02rem;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}

.imgCon:hover .mengchen,
.imgs .right:hover .mengchenR {
    display: block;
}

.tstit {
    margin-top: .12rem;
}

.tstit img {
    width: .13rem;
    float: left;
}

.tstit .tt {
    color: #63b482;
    font-size: .1rem;
    padding-left: .16rem;
    padding-top: .002rem;
}

.bigImg {
    width: 100%;
    margin-top: .1rem;
    text-align: center;
}

.bigImg img {
    width: 100%;
    height: 4rem;
}

.bigText {
    color: #7c7c7c;
    font-size: .08rem;
    margin-top: .03rem;
}

.imgSix {
    width: 100%;
    margin-top: .12rem;
    height: 3;
    display: flex;
    justify-content: space-between;
}

.sixCon {
    width: 32%;
    height: 1.4rem;
    position: relative;
}

.sixCon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sixCon .mc {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    z-index: 2;
    text-align: center;
    color: white;
    font-size: .12rem;
    letter-spacing: .02rem;
    padding-top: .1rem;
    display: none;
    overflow: hidden;
}

.sixCon .mc p {
    text-indent: .2rem;
    font-size: .082rem;
    text-align: left;
    padding: .05rem .1rem;
}

.sixLast .sixCon:last-child p {
    font-size: .074rem;
    line-height: .11rem;
}

.sixCon:hover .mc {
    display: block;
}

.art2 {
    width: 100%;
    height: 2rem;
    margin-top: .1rem;
}

.fourCon {
    width: 23.5%;
    height: 2rem;
    box-shadow: rgba(232, 232, 232) 0px 0px 3px 1px;
    background-color: #F2F8F4;
    margin-right: .14rem;
    float: left;
}

.fourCon:last-child {
    margin-right: 0rem;
}

.fourCon .imgFour {
    width: 100%;
    height: .9rem;
}

.imgFour img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fourTit {
    text-align: center;
    font-size: .09rem;
    padding: .06rem 0;
}

.fourCon p {
    text-indent: .15rem;
    font-size: .07rem;
    color: #7c7c7c;
    padding: 0 .07rem;
    overflow: hidden;
    height: .8rem;
}

#f1 {
    display: none;
}

#f2 {
    display: none;
}

#toggler {
    width: 1rem;
    height: 0.25rem;
    margin-left: 2.94rem;
    letter-spacing: 5px;
}