#mainN1{width: 100%;height: auto;float: left}
#mainN1 .mainN1M{width: 100%;height: auto;float: left;position: relative}
#mainN1 .mainN1M .box{
position: absolute;
top: 58px;
width: 100%;
height: auto;
float: left;
left: 0;
text-align: center;

}

#mainN1 .mainN1M b{font-family: BarlowSemiBold;font-size: 48px;margin-bottom: 20px;display: inline-block}
#mainN1 .mainN1M p{font-family: BarlowRegular;font-size: 18px;}

.my-image {
    height: auto;
    width: 100%;
    max-width: 100%;
}

img[usemap] {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#mainN1 .mainN1B{display: none}

#mainN1 .wapmainN1M{display: none}

@media screen and (max-width: 1500px) {
    /* 在这里写入当屏幕宽度小于或等于1920像素时需要应用的CSS样式 */
    #mainN1 .mainN1M .box{top: 50px}
}
@media screen and (max-width: 1300px) {
    /* 在这里写入当屏幕宽度小于或等于1920像素时需要应用的CSS样式 */
    #mainN1 .mainN1M .box{top: 50px}
}
@media screen and (max-width: 1200px) {
    /* 在这里写入当屏幕宽度小于或等于1920像素时需要应用的CSS样式 */

}
@media screen and (max-width: 1100px) {
    /* 在这里写入当屏幕宽度小于或等于1920像素时需要应用的CSS样式 */
    #mainN1 .mainN1M .box{top: 10px}
}

@media screen and (max-width: 640px) {
    /* 在这里写入当屏幕宽度小于或等于1920像素时需要应用的CSS样式 */
    #mainN1 .mainN1M{display: none}
    #mainN1 .mainN1M .box{display: none}

    #mainN1 .mainN1B{width: 100%;height: auto;float: left;display: block}
    #mainN1 .wapmainN1M{width: 100%;height: auto;float: left;display: block}
    #mainN1 .wapmainN1M img{width: 100%}
    #mainN1 .mainN1B ul{width: 100%;height: auto;float: left}
    #mainN1 .mainN1B ul li{width: 100%;height: auto;float: left}
    #mainN1 .mainN1B ul li .liT{width: 100%;height: auto;float: left;background: #000;color: #fff;font-size: 1.8rem;padding: 0.5rem 0;font-family: BarlowRegular;margin-bottom: 2rem}
    #mainN1 .mainN1B ul li .liT span{margin-left: 3rem;        letter-spacing: 1px;}
    #mainN1 .mainN1B ul li .liM{width:calc(100% - 3rem);height: auto;float: left;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items: center;flex-wrap: wrap;        margin:0 0 3rem 3rem;}

    #mainN1 .mainN1B ul li .liM a{width: 33%;display: inline-block;font-size: 1.2rem;margin-bottom: 2rem;font-family: BarlowSemiBold}

    #mainN1 .mainN1B ul li:last-child .liM {margin-bottom: 0}
    #mainN1 .mainN1B ul li:last-child .liM a{margin-bottom: 0}
    #mainN1 .mainN1B ul li:nth-of-type(1) .liM a:nth-of-type(8){width: 58%}
    #footer{margin-top: 3rem;  border-top: 1px solid #c1c1c1;  }

}


