/* 引入“思源黑体系列”字体 */
/* @font-face {
    font-family: 'SourceHanSansCN';
    src: url("../fonts/iconfont/SourceHanSansCN-Bold.otf");
    src: url("../fonts/iconfont/SourceHanSansCN-ExtraLight.otf");
    src: url("../fonts/iconfont/SourceHanSansCN-Heavy.otf");
    src: url("../fonts/iconfont/SourceHanSansCN-Light.otf");
    src: url("../fonts/iconfont/SourceHanSansCN-Medium.otf");
    src: url("../fonts/iconfont/SourceHanSansCN-Normal.otf");
    src: url("../fonts/iconfont/SourceHanSansCN-Regular.otf");
} */

@font-face {
    font-family: "SourceHanSansCN";
    src: url("../fonts/iconfont/fonts/sourcehansans.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/iconfont/fonts/sourcehansans.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../fonts/iconfont/fonts/sourcehansans.woff") format("woff"),
        /* Modern Browsers */
        url("../fonts/iconfont/iconfont.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../fonts/iconfont/fonts/sourcehansans.svg#YourWebFontName") format("svg");
    /* Legacy iOS */
}

* {
    margin: 0;
    padding: 0;
    /* font-family: "Noto Sans SC"; */
    font-family: 'SourceHanSansCN';
}

#wrap {
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* 清浮动 */
.clearfix:after {
    display: block;
    content: '';
    height: 0px;
    clear: both;
}

/* iconfont矢量图 */
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont/iconfont.woff?t=1652856142193') format('woff2'),
        url('../fonts/iconfont/iconfont.woff?t=1652856142193') format('woff'),
        url('../fonts/iconfont/iconfont.ttf?t=1652856142193') format('truetype');
}

.news-iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    font-family: 'SourceHanSansCN';
    color: #3F44C7;
    position: absolute;
    margin: 216px 0px 0px 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.about-iconfont {
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    font-family: 'SourceHanSansCN';
    color: #0067E9;
    position: absolute;
    margin: 182px 0px 0px 97px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#top {
    width: 100%;
    height: 80px;
    z-index: 999;
    position: fixed;
    margin-bottom: 80px;
    background-color: #FFFFFF;
}

.top-heart {
    width: 1920px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 20px 0px rgba(233, 233, 233, 0.9);
}

.picture {
    left: 362px;
    position: absolute;
    top: 20px;
    cursor: pointer;
}

.picture img {
    width: 184px;
    height: 44px;
    display: block;
    object-fit: contain;
}

.lists {
    width: 980px;
    position: absolute;
    left: 701px;
    top: 27px;
}

.lists li {
    width: 72px;
    height: 40px;
    list-style: none;
    border: 1px solid #fff;
    float: left;
    margin-right: 53px;
    cursor: pointer;
    border: 0px;
}

.lists li span {
    padding-bottom: 13px;
}

.lists li span:hover {
    color: #3F44C7;
    border-bottom: 4px solid #313FA0;
}

#control-width li {
    width: 130px;
    padding-left: 40px;
    line-height: 42px;
    margin-left: -47px;
    background-color: rgba(255, 255, 255, 0.98);
}

#ourServe {
    width: 90px;
}

#ourServe-lis li {
    width: 150px;
    padding-left: 20px;
    line-height: 42px;
    margin-left: -45px;
    background-color: rgba(255, 255, 255, 0.98);
}

.lists span {
    color: #333333;
    font-size: 18px;
    font-family: 'SourceHanSansCN';
    line-height: 25px;
    text-align: left;
    cursor: pointer;
}

.dorp-box,
.scheme-box,
.services-box {
    z-index: 999;
    display: none;
    padding-top: 28px;
    background-color: rgba(255, 255, 255, 0.98);
}

.liDistant {
    padding-bottom: 10px;
}

.internet {
    position: absolute;
    left: 1826px;
    top: 27px;
    width: 24px;
    height: 24px;
}

#footer {
    width: 100%;
    height: 389px;
    overflow: hidden;
    position: relative;
}

.footer-heart {
    width: 1920px;
    height: 389px;
    position: absolute;
    /* top: 50%; */
    left: 50%;
    transform: translateX(-50%);
    background: rgb(30, 30, 55);
}

.footer-infos {
    width: 1920px;
    height: 318px;
    display: flex;
}

.footer-left {
    width: 435px;
    height: 218px;
    position: absolute;
    margin: 63px 0px 0px 361px;
}

.footer-logo {
    width: 193px;
    height: 47px;
    cursor: pointer;
}

.footer-logo img {
    width: 193px;
    height: 47px;
    display: block;
    object-fit: contain;
}

.footer-info {
    width: 435px;
    height: 108px;
    position: absolute;
    margin-top: 37px;
}

.adress,
.tel,
.email {
    width: 435px;
    line-height: 36px;
}

.adress img {
    width: 16px;
    height: 16px;
    margin-right: 7px;
}

.adress-text,
.tel-text,
.email-text {
    height: 16px;
    font-size: 14px;
    font-family: 'SourceHanSansCN';
    font-weight: 400;
    color: #FFFFFF;
    line-height: 36px;
}

.tel img {
    width: 16px;
    height: 16px;
    margin-right: 7px;
}

.email img {
    width: 16px;
    height: 16px;
    margin-right: 7px;
}

.footer-right {
    width: 840px;
    height: 216px;
    position: absolute;
    margin: 65px 0px 0px 843px;
    display: flex;
}

.footer-about,
.footer-case,
.footer-scheme,
.footer-serve,
.footer-consultant,
.footer-news,
.footer-join {
    width: 64px;
    height: 216px;
    margin-right: 38px;
}

.footer-serve {
    width: 120px;
}
.footer-scheme {
    width: 90px;
}

.footer-title {
    width: 64px;
    height: 22px;
    font-size: 16px;
    font-family: 'SourceHanSansCN';
    font-weight: 500;
    color: #FFFFFF;
    line-height: 36px;
    cursor: pointer;
}

.footer-right li {
    font-size: 14px;
    font-family: 'SourceHanSansCN';
    font-weight: 400;
    color: #858A9D;
    line-height: 36px;
    cursor: pointer;
}

.icp-number {
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    height: 50px;
    line-height: 50px;
}

.icp-logo {
    width: 80px;
    left: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: yellow;
}

.icp-number img {
    width: 20px;
    height: 20px;
    margin-top: 14px;
    position: absolute;
}

.icp-number a {
    font-size: 14px;
    font-family: 'SourceHanSansCN';
    margin-left: 26px;
    font-weight: 400;
    color: #858A9D;
    /* position: absolute; */
}

/* “关于我们”导航下拉框控制 */
li:hover .dorp-box {
    display: block;
}

.dorp-box li:hover {
    color: #3F44C7 !important;
}

/* “行业方案”导航下拉框控制 */
li:hover .scheme-box {
    display: block;
}

.scheme-box li:hover {
    color: #3F44C7 !important;
}

/* “我们的服务”导航下拉框控制 */
li:hover .services-box {
    display: block;
}

.services-box li:hover {
    color: #3F44C7 !important;
}

.as-code img{
    margin: 12px 0 10px -18px;
}
.as-code span {
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    margin-left: -10px;
}
