body 
{
    font-family: "PingFang SC","Source Han Sans CN", "Microsoft YaHei", Helvetica, Arial, sans-serif;
    font-size: 14px;
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: border-box;
}
a
{
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
}
/* 设计系统变量 */
:root
{
    /*颜色系统*/
    --default-color:#333333;
    --hover-color:#1863DF;
    --shense-color:#000000;
    --qianse-color:#666666;
    --border-color:#DDDDDD;
    /*间距系统*/
    --spacing-5:5px;
    --spacing-10:10px;
    --spacing-15:15px;
    --spacing-20:20px;
    --spacing-25:25px;
    /*字体系统*/
    --fontsize-12:12px;
    --fontsize-14:14px;
    --fontsize-16:16px;
    --fontsize-18:18px;
    --fontsize-20:20px;
    --fontsize-22:22px;
    --fontsize-24:24px;
    --fontsize-26:26px;
    --fontsize-28:28px;
    --fontsize-30:30px;
    --fontsize-32:32px;
}
.flex-row-left
{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (有bug) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.flex-row-right
{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (有bug) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.flex-row-center
{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (有bug) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.flex-row-space
{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (有bug) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.flex-column-left
{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (有bug) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
}
.flex-column-right
{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (有bug) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
}
.flex-column-center
{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (有bug) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
}
.flex-column-center-center
{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (有bug) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.flex-column-space
{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (有bug) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
}
.pc
{
	display: block;
}
.yd
{
	display: none;
}
.container
{
    position: relative;
    width: 100%;
	margin:0 auto;
}
.visible
{
    width: 1680px;
    margin: 0 auto;
}
.screen
{
    width: 100%;
	margin:0 auto;
}
header
{
    padding-bottom: var(--spacing-10);
    border-bottom: 1px solid var(--border-color);
}
.header-top
{
    width:100%;
    padding:18px 0px;
}
.header-top-left a
{
   font-size:var(--fontsize-16);
   color:var(--default-color);
}
.header-top-left a:hover
{
   color:var(--hover-color);
}
.header-top-left a img
{
   width: 20px;
   padding-right:var(--spacing-5);
}
.header-top-left span
{
   padding:0px var(--spacing-10);
}
.header-top-right
{
    font-size:var(--fontsize-20);
    color: var(--shense-color);
}
.header-nav .logo img
{
    width: 200px;
}
.header-nav .search
{
    width: 100px;
    font-size: var(--fontsize-20);
    color: var(--shense-color);
    cursor: pointer;
}
.header-nav .search .icon-sousuo
{
    font-size:var(--fontsize-20);
    margin-left: var(--spacing-10);
}
.header-nav .nav
{
    width: 100%;
    padding:0px 150px;
}
.header-nav .nav .layui-nav 
{
    position: unset;
    background-color: #FFFFFF;
}
.header-nav .nav .layui-nav .layui-nav-item {
    position: unset;
}
.header-nav .nav .layui-nav .layui-nav-item a 
{
    color: var(--shense-color);
    font-size:var(--fontsize-20);
}
.header-nav .nav .layui-nav .layui-nav-item a:hover
{
    color:var(--hover-color);
}
.header-nav .nav .layui-nav .layui-nav-more 
{
    position: unset;
    padding-left: var(--spacing-5);
}
.header-nav .nav .layui-nav-child
{
    top:140px;
}
.header-nav .nav .ejnva
{
    width: 100%;
    padding:15px 200px;
    flex-wrap: wrap;
}
.header-nav .nav .ejnva .ejlm
{
    width: 23%;
    margin-right: 2%;
    line-height: 60px;
    text-align: center;
    border-bottom: 1px solid #f7f7f7;
}
.header-nav .nav .ejnva .ejlm a
{
    color:var(--default-color);
    font-size: var(--fontsize-18);
}
.header-nav .nav .ejnva .ejlm a:hover
{
    background-color: #FFFFFF;
    color:var(--hover-color);
}
footer
{
    width:100%;
    min-height:580px;
    padding:120px 0px;
    background-color:#212429;
}
.footer
{
    width:100%;
    align-items: start;
}
.footer .footer-left
{
    width:35%;
}
.footer .footer-left .footer-left-logo img
{
    width:370px;
}
.footer .footer-left .footer-left-ewm
{
    margin-top:110px;
}
.footer .footer-left .footer-left-ewm img
{
    width:140px;
    margin-right:45px;
}

.footer .footer-right
{
    width:65%;
}
.footer .footer-right .footer-right-top
{
    width:100%;
    padding-bottom:50px;
    border-bottom:1px solid #666666;
}
.footer .footer-right .footer-right-top .footer-right-top-dh
{
    font-size:40px;
    color:#FFFFFF;
}
.footer .footer-right .footer-right-center
{
    width:100%;
    padding:60px 0px;
    padding-right:200px;
    border-bottom:1px solid #666666;
    align-items: start;
}
.footer .footer-right .footer-right-center .dg-footer-lanmu .dg-lanmu-title
{
    font-size:var(--fontsize-20);
    color:#FFFFFF;
}
.footer .footer-right .footer-right-center .dg-footer-lanmu .dg-lanmu-ms a
{
    font-size:var(--fontsize-14);
    color:#999999;
    line-height:28px;
}
.footer .footer-right .footer-right-center .dg-footer-lanmu .dg-lanmu-ms a:hover
{
    color:var(--hover-color);
}
.footer .footer-right .footer-right-bottom
{
    margin-top:10px;
}
.footer .footer-right .footer-right-bottom .footer-bottom-left
{
    font-size:var(--fontsize-16);
    color:#999999;
}
.footer .footer-right .footer-right-bottom .footer-bottom-center
{
    font-size:var(--fontsize-16);
    color:#999999;
}
.footer .footer-right .footer-right-bottom .footer-bottom-right .iconfont
{
    font-size:var(--fontsize-24);
    padding:0px 5px;
    color:#999999;
}
@media only screen and (max-width: 1920px)
{
    .visible
    {
        width: 1680px;
        margin: 0 auto;
    }
    /* 设计系统变量 */
    :root 
    {
        /*间距系统*/
        --spacing-5:5px;
        --spacing-10:10px;
        --spacing-15:15px;
        --spacing-20:20px;
        /*字体系统*/
        --fontsize-12:12px;
        --fontsize-14:14px;
        --fontsize-16:16px;
        --fontsize-18:18px;
        --fontsize-20:20px;
        --fontsize-22:22px;
        --fontsize-24:24px;
        --fontsize-26:26px;
        --fontsize-28:28px;
        --fontsize-30:30px;
        --fontsize-32:32px;
    }

}
@media only screen and (max-width: 1680px)
{
     .visible
    {
        width: 1440px;
        margin: 0 auto;
    }
    /* 设计系统变量 */
    :root 
    {
        /*间距系统*/
        --spacing-5:calc(5px * 1680/1920);
        --spacing-10:calc(10px * 1680/1920);
        --spacing-15:calc(15px * 1680/1920);
        --spacing-20:calc(20px * 1680/1920);
        /*字体系统*/
        --fontsize-12:calc(12px * 1680/1920);
        --fontsize-14:calc(14px * 1680/1920);
        --fontsize-16:calc(16px * 1680/1920);
        --fontsize-18:calc(18px * 1680/1920);
        --fontsize-20:calc(20px * 1680/1920);
        --fontsize-22:calc(22px * 1680/1920);
        --fontsize-24:calc(24px * 1680/1920);
        --fontsize-26:calc(26px * 1680/1920);
        --fontsize-28:calc(28px * 1680/1920);
        --fontsize-30:calc(30px * 1680/1920);
        --fontsize-32:calc(32px * 1680/1920);
    }
    
    .header-top
    {
        padding:calc(18px * 1680/1920) 0px;
    }
    .header-top-left a img
    {
       width: calc(20px * 1680/1920);
    }
    .header-nav .logo img
    {
        width: calc(200px * 1680/1920);
    }
    .header-nav .search
    {
        width: calc(100px * 1680/1920);
    }
    .header-nav .nav
    {
        padding:0px calc(150px * 1680/1920);
    }
    .header-nav .nav .layui-nav-child
    {
        top:calc(140px * 1680/1920);
    }
    .header-nav .nav .ejnva
    {
        padding:calc(15px * 1680/1920) calc(200px * 1680/1920);
    }
    .footer .footer-left .footer-left-logo img
    {
        width:calc(370px * 1680/1920);
    }
    .footer .footer-left .footer-left-ewm
    {
        margin-top:calc(110px * 1680/1920);
    }
    .footer .footer-left .footer-left-ewm img
    {
        width:calc(140px * 1680/1920);
        margin-right:calc(45px * 1680/1920);
    }
    .footer .footer-right .footer-right-top
    {
        padding-bottom:calc(50px * 1680/1920);
    }
    .footer .footer-right .footer-right-top .footer-right-top-dh
    {
        font-size:calc(40px * 1680/1920);
    }
    .footer .footer-right .footer-right-center
    {
        padding:calc(60px * 1680/1920) 0px;
        padding-right:calc(200px * 1680/1920);
    }

}
@media only screen and (max-width: 1440px)
{
     .visible
    {
        width: 1360px;
        margin: 0 auto;
    }
    /* 设计系统变量 */
    :root 
    {
        /*间距系统*/
        --spacing-5:calc(5px * 1440/1920);
        --spacing-10:calc(10px * 1440/1920);
        --spacing-15:calc(15px * 1440/1920);
        --spacing-20:calc(20px * 1440/1920);
        /*字体系统*/
        --fontsize-12:calc(12px * 1440/1920);
        --fontsize-14:calc(14px * 1440/1920);
        --fontsize-16:calc(16px * 1440/1920);
        --fontsize-18:calc(18px * 1440/1920);
        --fontsize-20:calc(20px * 1440/1920);
        --fontsize-22:calc(22px * 1440/1920);
        --fontsize-24:calc(24px * 1440/1920);
        --fontsize-26:calc(26px * 1440/1920);
        --fontsize-28:calc(28px * 1440/1920);
        --fontsize-30:calc(30px * 1440/1920);
        --fontsize-32:calc(32px * 1440/1920);
    }
    
    .header-top
    {
        padding:calc(18px * 1440/1920) 0px;
    }
    .header-top-left a img
    {
       width: calc(20px * 1440/1920);
    }
    .header-nav .logo img
    {
        width: calc(200px * 1440/1920);
    }
    .header-nav .search
    {
        width: calc(100px * 1440/1920);
    }
    .header-nav .nav
    {
        padding:0px calc(150px * 1440/1920);
    }
    .header-nav .nav .layui-nav-child
    {
        top:calc(140px * 1440/1920);
    }
    .header-nav .nav .ejnva
    {
        padding:calc(15px * 1440/1920) calc(200px * 1440/1920);
    }
    .footer .footer-left .footer-left-logo img
    {
        width:calc(370px * 1440/1920);
    }
    .footer .footer-left .footer-left-ewm
    {
        margin-top:calc(110px * 1440/1920);
    }
    .footer .footer-left .footer-left-ewm img
    {
        width:calc(140px * 1440/1920);
        margin-right:calc(45px * 1440/1920);
    }
    .footer .footer-right .footer-right-top
    {
        padding-bottom:calc(50px * 1440/1920);
    }
    .footer .footer-right .footer-right-top .footer-right-top-dh
    {
        font-size:calc(40px * 1440/1920);
    }
    .footer .footer-right .footer-right-center
    {
        padding:calc(60px * 1440/1920) 0px;
        padding-right:calc(200px * 1440/1920);
    }
    

}
@media only screen and (max-width: 1366px)
{
    .visible
    {
        width: 1280px;
        margin: 0 auto;
    }
    /* 设计系统变量 */
    :root 
    {
        /*间距系统*/
        --spacing-5:calc(5px * 1366/1920);
        --spacing-10:calc(10px * 1366/1920);
        --spacing-15:calc(15px * 1366/1920);
        --spacing-20:calc(20px * 1366/1920);
        /*字体系统*/
        --fontsize-12:calc(12px * 1366/1920);
        --fontsize-14:calc(14px * 1366/1920);
        --fontsize-16:calc(16px * 1366/1920);
        --fontsize-18:calc(18px * 1366/1920);
        --fontsize-20:calc(20px * 1366/1920);
        --fontsize-22:calc(22px * 1366/1920);
        --fontsize-24:calc(24px * 1366/1920);
        --fontsize-26:calc(26px * 1366/1920);
        --fontsize-28:calc(28px * 1366/1920);
        --fontsize-30:calc(30px * 1366/1920);
        --fontsize-32:calc(32px * 1366/1920);
    }
    .header-top
    {
        padding:calc(18px * 1366/1920) 0px;
    }
    .header-top-left a img
    {
       width: calc(20px * 1366/1920);
    }
    .header-nav .logo img
    {
        width: calc(200px * 1366/1920);
    }
    .header-nav .search
    {
        width: calc(100px * 1366/1920);
    }
    .header-nav .nav
    {
        padding:0px calc(150px * 1366/1920);
    }
    .header-nav .nav .layui-nav-child
    {
        top:calc(140px * 1366/1920);
    }
    .header-nav .nav .ejnva
    {
        padding:calc(15px * 1366/1920) calc(200px * 1366/1920);
    }
    .footer .footer-left .footer-left-logo img
    {
        width:calc(370px * 1366/1920);
    }
    .footer .footer-left .footer-left-ewm
    {
        margin-top:calc(110px * 1366/1920);
    }
    .footer .footer-left .footer-left-ewm img
    {
        width:calc(140px * 1366/1920);
        margin-right:calc(45px * 1366/1920);
    }
    .footer .footer-right .footer-right-top
    {
        padding-bottom:calc(50px * 1366/1920);
    }
    .footer .footer-right .footer-right-top .footer-right-top-dh
    {
        font-size:calc(40px * 1366/1920);
    }
    .footer .footer-right .footer-right-center
    {
        padding:calc(60px * 1366/1920) 0px;
        padding-right:calc(200px * 1366/1920);
    }

}
@media only screen and (max-width: 1280px)
{
    .visible
    {
        width: 1200px;
        margin: 0 auto;
    }
    /* 设计系统变量 */
    :root 
    {
        /*间距系统*/
        --spacing-5:calc(5px * 1280/1920);
        --spacing-10:calc(10px * 1280/1920);
        --spacing-15:calc(15px * 1280/1920);
        --spacing-20:calc(20px * 1280/1920);
        /*字体系统*/
        --fontsize-12:calc(12px * 1280/1920);
        --fontsize-14:calc(14px * 1280/1920);
        --fontsize-16:calc(16px * 1280/1920);
        --fontsize-18:calc(18px * 1280/1920);
        --fontsize-20:calc(20px * 1280/1920);
        --fontsize-22:calc(22px * 1280/1920);
        --fontsize-24:calc(24px * 1280/1920);
        --fontsize-26:calc(26px * 1280/1920);
        --fontsize-28:calc(28px * 1280/1920);
        --fontsize-30:calc(30px * 1280/1920);
        --fontsize-32:calc(32px * 1280/1920);
    }
    .header-top
    {
        padding:calc(18px * 1280/1920) 0px;
    }
    .header-top-left a img
    {
       width: calc(20px * 1280/1920);
    }
    .header-nav .logo img
    {
        width: calc(200px * 1280/1920);
    }
    .header-nav .search
    {
        width: calc(100px * 1280/1920);
    }
    .header-nav .nav
    {
        padding:0px calc(150px * 1280/1920);
    }
    .header-nav .nav .layui-nav-child
    {
        top:calc(140px * 1280/1920);
    }
    .header-nav .nav .ejnva
    {
        padding:calc(15px * 1280/1920) calc(200px * 1280/1920);
    }
    .footer .footer-left .footer-left-logo img
    {
        width:calc(370px * 1280/1920);
    }
    .footer .footer-left .footer-left-ewm
    {
        margin-top:calc(110px * 1280/1920);
    }
    .footer .footer-left .footer-left-ewm img
    {
        width:calc(140px * 1280/1920);
        margin-right:calc(45px * 1280/1920);
    }
    .footer .footer-right .footer-right-top
    {
        padding-bottom:calc(50px * 1280/1920);
    }
    .footer .footer-right .footer-right-top .footer-right-top-dh
    {
        font-size:calc(40px * 1280/1920);
    }
    .footer .footer-right .footer-right-center
    {
        padding:calc(60px * 1280/1920) 0px;
        padding-right:calc(200px * 1280/1920);
    }
}
@media only screen and (max-width: 960px)
{
    .pc
    {
        display: none;
    }
    .yd
    {
        display: block;
    }
    .visible
    {
        width: 100%;
        margin: 0 auto;
    }
    header
    {
        border-bottom:0px;
        padding-bottom:0px;
    }
    footer {
        padding: 20px 0px;
    }
    .footer {
        width: 100%;
        padding: 10px;
        flex-wrap: wrap;
        align-items: start;
    }
    .footer .footer-left {
        width: 100%;
    }
    .footer .footer-left .footer-left-ewm {
        margin-top: 20px;
    }
    .footer .footer-right {
        width: 100%;
    }
   .footer .footer-right .footer-right-top .footer-right-top-dh {
        font-size: calc(40px* 1280 / 1920);
        padding: 10px 0px;
    }
    .footer .footer-right .footer-right-top
    {
        flex-wrap:wrap;
    }
   .footer .footer-right .footer-right-center {
        padding-right: 0px;
    }    
    .footer .footer-right .footer-right-bottom {
        flex-wrap: wrap;
    }
    .footer .footer-right .footer-right-bottom .footer-bottom-left {
        width: 50%;
    }
    .footer .footer-right .footer-right-bottom .footer-bottom-center {
        width: 50%;
    }

}