.box {
    width: 100%;
    height: 9.92rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.oneText {
    width: 7.02rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.oneText .tit {
    font-family: MiSans, MiSans;
    font-weight: 800;
    font-size: 0.6rem;
    color: #FFFFFF;
    text-align: center;
}

.oneText .txt {
    font-family: MiSans, MiSans;
    font-weight: 400;
    font-size: 0.25rem;
    color: #FFFFFF;
    text-align: center;
}

.twoText {
    width: 10.62rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: MiSans, MiSans;
    font-weight: 500;
    font-size: 0.4rem;
    color: #FFFFFF;
    text-align: center;
}

.boxthree {
    height: 10.08rem;
    position: relative;
    z-index: 2;
}

.aboutMap {
    width: 100%;
    height: auto;
}

.aboutMask {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}

.countryItem {
    width: .27rem;
    height: .36rem;
    position: absolute;
    cursor: pointer;
}

.countryItem::after {
    display: none;
    content: '';
    width: .01rem;
    background: rgba(82 , 60 , 34 , .29);
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    transition: all .3s;
}

.countryItem::before {
    display: none;
    content: '';
    width: 0.05rem;
    height: 0.05rem;
    border-radius: 50%;
    background: rgba(125, 160, 201, .29);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s;
}

.countryItem:hover::after,
.countryItem:hover::before {
    display: block;
    background: #523C22;
}

.addImg img:last-child,
.countryItem:hover .addImg img:first-child {
    display: none;
}

.countryItem:hover .addImg img:last-child {
    display: block;
}

.countryName {
    display: none;
    font-family: MiSans, MiSans;
    font-weight: 500;
	font-size: 0.17rem;
	color: #919191;
    white-space: nowrap;
    position: absolute;
    transition: all .3s;
}

.countryItem:hover .countryName {
    display: block;
    color: #523C22;
}

.California {
    left: 18.75%;
    top: 77.37%;
}

.California::after {
    height: 2.74rem;
}

.California::before {
    bottom: calc(100% + 2.74rem);
}

.California .countryName {
    right: .2rem;
    bottom: calc(100% + 2.74rem - .11rem);
}

.NewJersey {
    left: 29.84%;
    top: 66.87%;
}

.NewJersey::after {
    height: 2.74rem;
}

.NewJersey::before {
    bottom: calc(100% + 2.74rem);
}

.NewJersey .countryName {
    right: .2rem;
    bottom: calc(100% + 2.74rem - .11rem);
}

.Barcelona {
    left: 46.04%;
    top: 64.22%;
}

.Barcelona::after {
    height: 1.89rem;
}

.Barcelona::before {
    bottom: calc(100% + 1.89rem);
}

.Barcelona .countryName {
    right: .2rem;
    bottom: calc(100% + 1.89rem - .11rem);
}

.Rome {
    left: 48.33%;
    top: 63.2%;
}

.Rome::after {
    height: 2.53rem;
}

.Rome::before {
    bottom: calc(100% + 2.53rem);
}

.Rome .countryName {
    right: .2rem;
    bottom: calc(100% + 2.53rem - .11rem);
}


/* box4 */

.boxfour {
    margin-top: -2rem;
    padding-top: 3.75rem;
    /* height: calc(9.92rem - 2.3rem); */
}

.boxfour .info_box {
    max-width: 15.58rem;
    height: 4.7rem;
    /*background: linear-gradient( 50deg, rgba(0, 0, 0, 0.74) 0%, rgba(84, 84, 84, 0.74) 100%);*/
    background: rgba(255, 255, 255, 52%) !important;
    /*backdrop-filter: blur(2px);*/
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.boxfour .text_box {
    max-width: 2.98rem;
        max-height: 2.7rem;
        height: auto;
}

.boxfour .title {
    font-family: MiSans, MiSans;
    font-weight: bold;
    font-size: 35px;
    color: #6D4F2E;
}

.boxfour .des {
    font-family: MiSans, MiSans;
    font-weight: 300;
    font-size: 0.2rem;
   color: #6D4F2E;
    margin-top: 0.15rem;
    height: 1rem;
        /*max-height: 0.78rem;*/
}