* {margin: 0;padding: 0;box-sizing: border-box}
.fl_jsp {display: flex;justify-content: space-evenly;flex-flow: wrap;}
#sc_szzf {
    max-width: 1200px;margin: 10px auto 0;padding:20px 0;
    background:linear-gradient(white,#EDF4FC, white);
}
#tit {
    margin-bottom: 80px;padding: 20px 0;border-bottom: 2px solid #AAC9E8;
    text-align: center;position: relative;
}
#tit h1 {font: bold 4.8em '';color: #0059B5;letter-spacing: 8px}
#tit p {font: 2.5em/2 '';color: #1f75ce}
#tit span {
    white-space:nowrap;font: 2.3em '';color: #B0CBE9;
    letter-spacing: 2px;display: inline-block; background: #F4F8FD;
   position: absolute;left: 50%;bottom: -10%;transform: translateX(-50%);
}

#yiwang dd {
    width: 21%;height: 185px;border: 1px solid #ddebf9;
    cursor: pointer;text-align: center;
}
#yiwang dd > img {position: relative;top: -10px;}
#yiwang h1 {font: bold 26px '';color: #0059B5;margin-top: 10px}
#yiwang dd:nth-of-type(1) .hoverbox:before {left: 10%}
#yiwang dd:nth-of-type(2) .hoverbox:before {left: 36%}
#yiwang dd:nth-of-type(3) .hoverbox:before {left: 63%}
#yiwang dd:nth-of-type(4) .hoverbox:before {left: 89%}

.hoverbox {
    width: 100%;padding: 20px;box-shadow: #c5c5c5 0 0 10px;
    list-style: none;display: none;background-color: white;
    position: absolute;left: 0;top: 180px;text-align: left;z-index: 10;
}
.hoverbox:before {
    content: '';width: 20px;height: 10px;position: absolute;top: -10px;
    background: url("img/scindex_hoverboxbgsjx.png");background-size: 100%;
}
.hoverbox > li {position: relative}
.hoverbox h2 {font: 22px/2 '';}
.hoverbox ul {width: 190px;margin: 20px 0;height: 220px;overflow: hidden;}
.hoverbox ul li {list-style: disc;margin-left: 20px}
.hoverbox ul li::marker{font: 18px/2 '';color: #a3a3a3;}
.hoverbox ul a {font: 18px/2 '';color: #a3a3a3;}
.hoverbox a {
    display: -webkit-box;overflow: hidden;text-decoration: none;
    -webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.hoverbox button {
    width: 20px;height: 20px;margin: 0 15px;transform: translateY(-10px);
    border: 1px solid darkgray;border-radius: 53%;
    font: 20px/.8 '';cursor: pointer;
}
.Submenu {
    border: 1px solid;padding: 5px;background-color: white;display: none;
    position: absolute;top: 36%;bottom: 12%;left: 50%;right: -35%;
}
.Submenu a {font-size: 14px !important;}

#banner a {width: 49.2%;}
#btn a {width: 23%;}
#banner img, #btn img {width: 100%;}

@media (max-width: 768px) {
    #yiwang dd {width: 23%}
    #yiwang dd img {max-width: 80%}
    #yiwang dd h1 {font-size: 20px}
    #banner a {width: 100%;}
    #btn a {width: 49%;}
}

#yiwang dd:hover .hoverbox, .hoverbox:hover {display: flex}
.hoverbox a:hover {text-decoration: underline;color: red}
.hoverbox ul li:hover .Submenu, .Submenu:hover {display: block;}