@media screen and (max-width: 500px) {
    .iconbg{
        width: 85%;
        left: 5%;
        top: 0;
    }
}
@media screen and (max-width: 737px){
    .newHeader #phone{
        padding: 0 !important;
    }
    .first_image div{
        height: 150%;
    }
    .iconbg{
        width: 30em;
        left: 0em;
        top: 0;
    }
    .iconyys{
        width: 15em;
        left: 8.5em;
        top: 7em;
        z-index: 10;
    }
    .iconyx{
        width: 18em;
        left: 7.7em;
        top: 4.7em;
        z-index: 9;
    }
    .iconbnt{
        width: 17.5em;
        left: 10.7em;
        top: 2.7em;
        z-index: 8;
    }
    .icon1{
        width: 3em;
        left: 0.2em;
        top: 16em;
        z-index: 8;
    }
    .icon2{
        width: 3em;
        left: 0.2em;
        top: 10em;
        z-index: 8;
    }
    .icon3{
        width: 3em;
        left: 2.5em;
        top: 4.3em;
        z-index: 8;
    }
}
@media screen and (min-width: 737px){
    .first_image div{
        height: 115%;
    }
    .iconbg{
        /* width: 70%; */
        width: 32em;
        left: 3em;
        top: 0;
    }
    .iconyys{
        width: 16em;
        left: 12em;
        top: 7.6em;
        z-index: 10;
    }
    .iconyx{
        width: 19em;
        left: 11.2em;
        top: 5.3em;
        z-index: 9;
    }
    .iconbnt{
        width: 18.5em;
        left: 14.3em;
        top: 3em;
        z-index: 8;
    }
    .icon1{
        width: 3em;
        left: 3.5em;
        top: 18em;
        z-index: 8;
    }
    .icon2{
        width: 3em;
        left: 3.2em;
        top: 11em;
        z-index: 8;
    }
    .icon3{
        width: 3em;
        left: 5.5em;
        top: 5em;
        z-index: 8;
    }
}
.at-top{
    background-color:#1b262e;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 99;
}
/* 宣传图 7个素材 */
.iconyys,.iconbg,.iconyx,.iconbnt,.icon1,.icon2,.icon3{
    pointer-events: bounding-box;
    position: absolute;
}
.icon1:hover,.icon2:hover,.icon3:hover{
    /* pointer-events: none; */
    transform: scale(1.1);
    cursor: pointer;
}
.imageright{
    height: 20em;
    /* background-image: url(/public/images/newHome/bg1.png); */
    /* background-repeat: no-repeat; */
    position: relative;
}
.home_sevenulid div a {
    text-decoration: none;
}
.newHeader #newlogo{
    position: static;
}
.newHeader #phone{
    padding-top: 0.9em;
    /* margin-bottom: 2em; */
    color: #b8b8b8;
    margin:0 2em;
     font-size: 1.3em;
}
.newHeader #nav{
    position: static !important;
    padding-top: 0.5em;
}
.floating-window li.float_qq2:hover a{
    height: 120px;
    background-color: #FFF;
}
.floating-window li.float_qq2:hover .img1{
     display: none;
}
.floating-window li.float_qq2:hover .img2{
    opacity: 1;
    width: 100px;
    height: 100px;
}

.home_sevenulid3 div a{
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
.home_sevenulid3 div span{
    display: inline-block;
    height: auto;
    cursor: pointer;
}
.newHeader{
    display: flex;
    justify-content: space-between;
}
.newHeader ul,p{
    margin-bottom: 0.5em;
}
.newHeader #newlogo{
    position: static;
}
/* 悬浮窗口的样式 */
.floating-window {
    position: fixed; /* 固定定位 */
    right: 2px; /* 距离右侧20像素 */
    top: 65%; /* 距离顶部100像素 */
    width: 50px; /* 窗口宽度 */
    height: 150px;
    z-index: 1000; 
}
.floating-window ul li{
    height: 50px;
    z-index: 20;
    transition: all 0.3s linear;
}
.floating-window ul li .img2{
    opacity: 0;
}
.floating-window li.float_qq3 {
    position: absolute;
    top: 0px;
    left: 5px;
    width: 172px;
}
.floating-window li.float_qq2 {
    position: absolute;
    top: 60px;
    left: 5px;
    width: 172px;
}
.floating-window li a {
    display: block;
    font-family: "Microsoft Yahei";
    color: #FFF;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background-color: #000;
    opacity: 0.8;
    border-radius: 6px;
    text-decoration: none;
}
.floating-window li a img {
    display: block;
    float: left;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 12px 12px 14px 14px;
}
.floating-window li.float_qq3:hover {
    left: -116px;
}
.floating-window li a:hover {
    opacity: 1;
}
.floating-window li.float_qq2:hover {
    left: -75px;
}
.floating-window li.float_qq2:hover a{
    height: 120px;
    background-color: #FFF;
}
.floating-window li.float_qq2:hover .img1{
    display: none;
}
.floating-window li.float_qq2:hover .img2{
    opacity: 1;
    width: 100px;
    height: 100px;
}
.qr-code {
    width: 80%;
    margin-top: 10px; /* 上边距 */
}
.qr-code img{
    width: 100%;
}
@media screen and (min-width: 768px) {
    .home_sevenulid{
        opacity: 1 !important;
        transform: none;
    }
    .home_sevenul li{
        height: 240px;
    }
    .home_sevenul li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
	text-decoration: none;
    }
    .home_sevenul li .home_sevenultim{
        margin: 0;
        position: static;
    }
    .home_sevenulid div span{
        vertical-align: baseline;
    }
    .home_sevenul li:hover .home_sevenultim{
        transform:scale(0);
        -webkit-transform:scale(1) ;
        opacity:1;
    }
    .home_sevenul li:hover .home_sevenulid{
        -webkit-transform:scale(1) ;
        transform:scale(1);
        opacity:1;
    }
}