html
{
   font-size: 62.5%;
   -webkit-text-size-adjust: 100%;
   text-size-adjust: 100%;
}
body 
{
    font-family: "HarmonyOS Sans SC","PingFang SC","Source Han Sans CN", "Microsoft YaHei", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1;
}
* {
    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:#FFFFFF;
    --hover-color:#CA0A15;
    --shense-color:#000000;
    --qianse-color:#696969;
    /**字体大小**/
    --font-16:1.6rem;
    --font-17:1.7rem;
    --font-18:1.8rem;
    --font-20:2rem;
    --font-22:2.2rem;
    --font-24:2.4rem;
    --font-26:2.6rem;
    --font-27:2.7rem;
    /*间距*/
    --size-4:4px;
    --size-6:6px;
    --size-8:8px;
    --size-10:10px;
    --size-12:12px;
    --size-14:14px;
    --size-16:16px;
    --size-18:18px;
    --size-20:20px;
    --size-22:22px;
    --size-24:24px;
}
/* 全站图片基础样式 */
img {
  cursor: pointer; /* 小手形状 */
  transition: transform 0.3s ease; /* 缩放动画 */
  will-change: transform; /* 性能优化 */
  overflow:hidden;
}

/* 悬停效果 */
img:hover {
  transform: scale(1.01); /* 轻微放大 5% */
}

/* 可选：添加聚焦状态，提高可访问性 */
img:focus {
  outline: 2px solid #4a90e2;
  outline-offset: 2px;
}
.img-container {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
}
.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
{
    position: relative;
    width: 100%;
	margin:0 auto;
    overflow: hidden;
}
.pro-banner
{
    position: relative;
    width:100%;
    overflow: hidden;
}
.pro-banner .swiper
{
    width:100.2%;
}
.pro-banner .dg-pro-banner
{
    position: relative;
    width:100%;
    height:auto;
}
.pro-banner .dg-pro-banner img
{
    width:100%;
}
.pro-banner .dg-pro-banner .banner-anniu
{
    position: absolute;
    left:15rem;
    bottom:15rem;
}
.banner-anniu .dg-banner-anniu
{
    margin:0px 1rem;
}
.pro-banner .dg-pro-banner .banner-miaoshu
{
    position: absolute;
    left:0px;
    bottom:5rem;
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 3.6rem;
    color: #FFFFFF;
}
.pro-banner .dg-pro-banner .banner-center
{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.banner-center .banner-center-title
{
    font-weight: 400;
    font-size: 6rem;
    color: #FFFFFF;
}
.banner-center .banner-center-miaoshu
{
    margin-top: 3.5rem;
    font-weight: 400;
    font-size: 3rem;
    color: #FFFFFF;
}
/**导航**/
.header-nav
{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 8rem;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.3);
}
.header-nav.nynav
{
    background-color: #FFFFFF;
}
.header-nav .visible
{
    height:100%;
}
.header-nav .visible .nav-info
{
    width: 100%;
    height:100%;
}
.nav-info .nav-lanmu
{
    width: 40%;
}
.nav-info .nav-lanmu.nynav ul li
{
    color: #000000;
}
.nav-info .nav-lanmu.nynav ul li > a
{
    color: #000000;
}
.nav-info .nav-lanmu ul li
{
    cursor: pointer;
    padding:0px var(--size-14);
    font-weight: 400;
    font-size: var(--font-17);
    color: #FFFFFF;
}
.nav-info .nav-lanmu ul li > a
{
    color: #FFFFFF;
}
.nav-info .nav-logo img
{
    height:5rem;
}
.nav-info .nav-tel
{
    width:40%;
}
.nav-info .nav-tel .nav-tel-nr
{
    font-weight: 600;
    font-size: var(--font-22);
    color: #FFFFFF;
}
.nav-info .nav-tel .nav-tel-nr.nynav
{
    color: #000000;
}
.nav-info .nav-tel .nav-tel-yuyan img
{
    height: 2rem;
    margin-left: var(--size-10);
}
.nav-info .nav-lanmu ul li .nav-xiala
{
    position: absolute;
    top:8rem;
    left:0px;
    width: 100%;
    max-height: 0rem;
    background-color: #FFFFFF;
    overflow: hidden;
    transition: max-height 0.4s linear 200ms;
}
.nav-info .nav-lanmu ul li .nav-xiala.on
{
    max-height: 100vh;
}
.nav-xiala .nav-xiala-moniqi
{
    width:100%;
    padding-top:6rem;
}
.nav-xiala-moniqi .nav-moniqi-info
{
    position: relative;
    width:100%;
    min-height: 20rem;
    align-items: flex-start;
}
.nav-moniqi-info .nav-close
{
    position: absolute;
    top:0px;
    right:0px;
    cursor: pointer;
}
.nav-moniqi-info .nav-close img
{
    width:1.6rem;
}
.nav-moniqi-info .nav-moniqi-left
{
    width: 13%;
    height:100%;
}
.nav-moniqi-left .moniqi-left-info
{
    width:100%;
}
.moniqi-left-info .moniqi-title
{
    font-weight: 500;
    font-size: var(--font-18);
    color: #000000;
}
.moniqi-left-info .moniqi-pro
{
    margin-top: 4.8rem;
    font-size: var(--font-27);
    color: #000000;
}
.moniqi-left-info .moniqi-protitle
{
    margin-top: 3rem;
    font-size: var(--font-22);
    color: #B3B3B3;
}
.moniqi-left-info .moniqi-protitle ul li
{
    margin-top: 1.5rem;
    font-size: var(--font-22);
    color: #B3B3B3;
    padding: 0px;
}
.moniqi-left-info .moniqi-protitle ul li a
{
    color: #B3B3B3;
}
.nav-info .nav-lanmu.nynav .moniqi-left-info .moniqi-protitle ul li a
{
    color: #B3B3B3;
}
.moniqi-left-info .moniqi-protitle ul li.on
{
    color: #000000;
}
.moniqi-left-info .moniqi-xg
{
    margin-top: 8rem;
    font-weight: 500;
    font-size: var(--font-18);
    color: #000000;
}
.moniqi-left-info .moniqi-xgtitle
{
    margin-top: 3rem;
}
.moniqi-left-info .moniqi-xgtitle ul li
{
    margin-top: 1.5rem;
    font-size: var(--font-18);
    color: #000000;
    padding: 0px;
}
.moniqi-left-info .moniqi-xgtitle ul li a
{
    color: #000000;
}
.nav-moniqi-info .nav-moniqi-right
{
    width: 87%;
    border-left:1px solid rgba(0, 0, 0, 0.1);
}
 .nav-moniqi-right .moniqi-right-info
 {
    width: 100%;
    padding:0px 5rem;
    flex-wrap: wrap;
 }
 .nav-moniqi-right .moniqi-right-info .dg-moniqi-pic
 {
    width: 49%;
    height:35rem;
    margin-bottom:4rem;
 }
.nav-moniqi-right .moniqi-right-info .dg-moniqi-pic img
 {
    width: 100%;
    height:100%;
    object-fit: cover;
 }
.nav-xiala .nav-xiala-saishizhongxin
{
    width:100%;
    padding-top:6rem;
}
.nav-xiala-saishizhongxin .nav-saishizhongxin-lanmu
{
    width: 100%;
    padding-bottom:8rem;
    border-bottom:1px solid rgba(133, 133, 133, 0.1);
}
.nav-saishizhongxin-lanmu .nav-gongkaisai-lanmu
{
    position: relative;
    width:53%;
    height:49rem;
}
.nav-saishizhongxin-lanmu .nav-gongkaisai-lanmu img
{
    width:100%;
    height:100%;
    object-fit: cover;
}
.nav-saishizhongxin-lanmu .nav-saishi-lanmu
{
    position: relative;
    width:14.5%;
    height:49rem;
}
.nav-saishizhongxin-lanmu .nav-saishi-lanmu img
{
    width:100%;
    height:100%;
    object-fit: cover;
}
.gongkaisai-lanmu-mc
{
    position: absolute;
    width: 100%;
    left:0px;
    bottom:2.4rem;
    text-align: center;
    font-weight: 400;
    font-size: var(--font-24);
    color: #FFFFFF;
}
.gongkaisai-lanmu-mc a
{
    color: #FFFFFF;
}
.nav-saishi-news
{
    width:100%;
    padding:6rem 0px;
    align-items: flex-start;
}
.nav-saishi-news .nav-news-mingcheng
{
    width:8%;
    font-weight: 400;
    font-size: var(--font-24);
    color: #000000;
}
.nav-saishi-news .nav-news-info
{
    width:25%;
}
.nav-saishi-news .nav-news-info .nav-news-title
{
    font-weight: 400;
    font-size: var(--font-20);
    color: #000000;
    line-height: 2.9rem;
}
.nav-saishi-news .nav-news-info .nav-news-title a
{
    color: #000000;
}
.nav-saishi-news .nav-news-info .nav-news-shijian
{
    margin-top: 2rem;
    font-weight: 500;
    font-size: var(--font-20);
    color: rgba(0, 0, 0, 0.5);
}
.nav-xiala .nav-xiala-chengshiqiuchang
{
    width:100%;
    padding-top:6rem;
}
.nav-xiala-chengshiqiuchang .nav-chengshiqiuchang-info
{
    width: 100%;
    align-items: flex-start;
}
.nav-chengshiqiuchang-info .nav-chengshiqiuchang-left
{
    width: 80%;
    padding-right: 9rem;
    flex-wrap: wrap;
}
.nav-chengshiqiuchang-left .dg-nav-chengshiqiuchang
{
    width:32%;
    margin-right:2%;
    margin-bottom: 6rem;
}
.nav-chengshiqiuchang-left .dg-nav-chengshiqiuchang:nth-child(3n)
{
    margin-right: 0%;
}
.dg-nav-chengshiqiuchang .dg-nav-chengshiqiuchang-pic
{
    position: relative;
    width:100%;
    height: 23.3rem;
}
.dg-nav-chengshiqiuchang .dg-nav-chengshiqiuchang-pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dg-nav-chengshiqiuchang .dg-nav-chengshiqiuchang-pic .nav-chengshiqiuchang-fenceng
{
    display: none;
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.dg-nav-chengshiqiuchang .dg-nav-chengshiqiuchang-pic:hover .nav-chengshiqiuchang-fenceng
{
    display:flex;
}
.nav-chengshiqiuchang-fenceng .chengshiqiuchang-biaoqian
{
    margin: 0px 0.6rem;
}
.dg-nav-chengshiqiuchang .dg-nav-chengshiqiuchang-title
{
    width:100%;
    margin-top: 2.5rem;
    text-align: center;
    font-weight: 400;
    font-size: var(--font-22);
    color: #000000;
}
.dg-nav-chengshiqiuchang .dg-nav-chengshiqiuchang-title a
{
    color: #000000;
}
.nav-chengshiqiuchang-info .nav-chengshiqiuchang-right
{
    width: 20%;
    padding-left: 3rem;
    min-height: 20rem;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.nav-chengshiqiuchang-right .chengshiqiuchang-title
{
    font-weight: 500;
    font-size: var(--font-18);
    color: #000000;
}
.nav-chengshiqiuchang-right .chengshiqiuchang-fenlei
{
    width:100%;
    margin-top: 4rem;
}
.nav-chengshiqiuchang-right .chengshiqiuchang-fenlei ul li
{
    padding-left: 0px;
    font-weight: 500;
    font-size: var(--font-18);
    color: #A3A3A3;
    margin-top: 1.5rem;
}
.nav-chengshiqiuchang-right .chengshiqiuchang-fenlei ul li a
{
    color: #A3A3A3;
}
.nav-chengshiqiuchang-right .chengshiqiuchang-fenlei ul li.on a
{
    color: #000000;
}
.nav-chengshiqiuchang-right .chengshiqiuchang-qita
{
    font-weight: 500;
    font-size: var(--font-18);
    color: #000000;
    margin-top: 4.5rem;
}
.nav-chengshiqiuchang-right .chengshiqiuchang-qita a
{
    color: #000000;
}
.nav-chengshiqiuchang-right .chengshiqiuchang-logo
{
    margin-top: 14.5rem;
    margin-bottom: 10rem;
    width: 90%;
    height: 23rem;
    background: #EFF1F4;
}
.nav-xiala-yundonggongyuan
{
    width: 100%;
    padding-top: 6rem;
}
.nav-xiala-yundonggongyuan .nav-yundonggongyuan-info
{
    width:100%;
}
.nav-yundonggongyuan-info .nav-yundonggongyuan-top
{
    width: 100%;
    padding-bottom: 10rem;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
}
.nav-yundonggongyuan-top .nav-yundonggongyuan-lanmu
{
    width:24%;
}
.nav-yundonggongyuan-lanmu .nav-yundonggongyuan-lanmu-pic
{
    width:100%;
    height: 22.5rem;
}
.nav-yundonggongyuan-lanmu .nav-yundonggongyuan-lanmu-pic img
{
    width:100%;
    height: 100%;
    object-fit: cover;
}
.nav-yundonggongyuan-lanmu .nav-yundonggongyuan-lanmu-title
{
    width:100%;
    text-align: center;
    padding-top: 2.3rem;
    font-weight: 400;
    font-size: var(--font-22);
    color: #000000;
}
.nav-yundonggongyuan-lanmu .nav-yundonggongyuan-lanmu-title a
{
    color: #000000;
}
.nav-xiala-news
{
    width: 100%;
    padding-top: 6rem;
}
.nav-xiala-news .nav-news-info
{
    width: 100%;
}
.nav-news-info .nav-news-title
{
    font-weight: 500;
    font-size: var(--font-22);
    color: #000000;
}
.nav-news-info .nav-news-neirong
{
    width: 100%;
    padding:3.8rem 0px;
    align-items: flex-start;
}
.nav-news-neirong .nav-news-list
{
    width: 35%;
}
.nav-news-neirong .nav-news-list .nav-news-pic
{
    width: 100%;
    height: 30rem;
}
.nav-news-neirong .nav-news-list .nav-news-pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nav-news-neirong .nav-news-list .nav-news-title
{
    position: relative;
    width: 100%;
    margin-top: 2rem;
    font-weight: 400;
    font-size: var(--font-26);
    color: #000000;
    line-height: 3.6rem;
    text-align: left;
}
.nav-news-neirong .nav-news-list .nav-news-title a
{
    color: #000000;
}
.nav-news-neirong .nav-news-list .nav-news-title .nav-news-shijian
{
    position: absolute;
    bottom:0px;
    right:0px;
    font-weight: 500;
    font-size: var(--font-20);
    color: rgba(0, 0, 0, 0.6);
}
.nav-news-neirong .nav-news-lanmu
{
    width: 24%;
}
.nav-news-lanmu .dg-nav-news-lanmu
{
    width: 100%;
    height: 10.2rem;
    margin-bottom: 1.5rem;
    background: #F6F7F9;
    padding:0px 5.6rem;
}
.dg-nav-news-lanmu .nav-news-lanmu-icon img
{
    height: 4.4rem;
}
.dg-nav-news-lanmu .nav-news-lanmu-title
{
    font-weight: 500;
    font-size: var(--font-22);
    color: #000000;
}
.dg-nav-news-lanmu .nav-news-lanmu-title a
{
    color: #000000;
}
.dg-nav-news-lanmu .nav-news-lanmu-jiantou img
{
    height: 1.9rem;
}
.nav-xiala-about
{
    width: 100%;
    padding: 6rem 0px;
}
.nav-xiala-about .nav-about-info
{
    width: 100%;
    padding:0px 7rem;
}
.nav-xiala-about .nav-about-info .nav-about-lanmu
{
    font-weight: 400;
    font-size: var(--font-22);
    color: #979797;
}
.nav-xiala-about .nav-about-info .nav-about-lanmu a
{
    color: #979797;
}
.nav-xiala-about .nav-about-info .nav-about-lanmu a:hover
{
    color: #000000;
}
.lanmu-title
{
    width: 100%;
    text-align: center;
    font-weight: 800;
    font-size: 5.7rem;
    color: #000000;
}
.lanmu-titlems
{
    width: 100%;
    text-align: center;
    margin-top: 2.2rem;
    font-weight: 600;
    font-size: 3.2rem;
    color: rgba(0, 0, 0, 0.9);
}
.lanmu-ywtitle
{
    width: 100%;
    text-align: center;
    margin-top: 2.2rem;
    font-weight: 600;
    font-size: 4.6rem;
    color: #000000;
    text-transform: uppercase;
}
.lanmu-miaoshu
{
    width: 100%;
    padding:0px 30rem;
    margin-top: 3rem;
    text-align: center;
    font-weight: 400;
    font-size: var(--font-24);
    color: rgba(0, 0, 0, 0.6);
    line-height: 4rem;
}
.lanmu-tab
{
    width: auto;
    height: 5.6rem;
    background-color: #FFFFFF;
    border-radius: 2.8rem;
    padding:0.5rem;
}
.lanmu-tab .dg-lanmu-tab
{
    cursor: pointer;
    padding:0px 3rem;
    font-weight: 500;
    font-size: var(--font-20);
    color: #6F6F6F;
}
.lanmu-tab .dg-lanmu-tab.on
{
    height: 4.6rem;
    line-height: 4.6rem;
    background-color: #000000;
    color: #FFFFFF;
    border-radius: 2.3rem;
}
.lanmu-tab .dg-lanmu-tab:hover
{
    height: 4.6rem;
    line-height: 4.6rem;
    background-color: #000000;
    color: #FFFFFF;
    border-radius: 2.3rem;
}
.dianji-anniu
{
    cursor: pointer;
    width: 6rem;
    height: 6rem;
    background: rgba(255,255,255,0);
    border-radius: 50%;
    border: 1px solid #C9C9C9;
}
.dianji-anniu:hover
{
    background: #003686;
}
.dianji-anniu .iconfont
{
    color:#C9C9C9;
    font-size:2.5rem;
    transform: translateY(1px);
}
.dianji-anniu:hover .iconfont
{
    color:#FFFFFF;
}
.dianji-anniu.on
{
    background: #003686;
}
.dianji-anniu.on .iconfont
{
    color:#FFFFFF;
}
.lianjieanniu
{
    width: 16.3rem;
    height: 6.1rem;
    line-height: 6.1rem;
    text-align: center;
    background: #FFFFFF;
    font-weight: 400;
    font-size: var(--font-22);
    color: #000000;
}
.lianjieanniu a
{
    color: #000000;
}
.lianjieanniu:hover
{
    background: #003686;
    color: #FFFFFF;
}
.lianjieanniu:hover a
{
    color: #FFFFFF;
}
.lianjieanniu.on
{
    background: #003686;
    color: #FFFFFF;
}
.lianjieanniu.on a
{
    color: #FFFFFF;
}
.news-list-info
{
    width: 100%;
}
.news-list-info .news-list-pic
{
    width: 100%;
    height: 30rem;
}
.news-list-info .news-list-pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-list-info .news-list-title
{
    position: relative;
    width: 100%;
    margin-top: 3rem;
    font-weight: 400;
    font-size: 3rem;
    color: #000000;
    line-height: 4rem;
    min-height: 7rem;
}
.news-list-info .news-list-title a
{
    color: #000000;
}
.news-list-info .news-list-title .news-list-shijian
{
    position: absolute;
    right:0px;
    bottom:0px;
    font-weight: 500;
    font-size: var(--font-22);
    color:rgba(0, 0, 0, 0.6);
}
.foot-kefu
{
    width: 100%;
}
.foot-kefu .foot-kefu-pic img
{
    height: 6.6rem;
}
.foot-kefu .foot-kefu-miaoshu
{
    padding:0px 14rem;
    font-weight: 400;
    font-size: 2.2rem;
    color: #000000;
    line-height: 3.8rem;
    text-align: left;
}
.footer
{
    width: 100%;
    padding:7rem 0px 6rem 0px;
    background: #F5F6F8;
}
.footer-info
{
    width: 100%;
}
.footer-info .footer-info-top
{
    width: 100%;
    align-items: flex-start;
    padding-bottom: 9rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.footer-info-top .footer-info-logo
{
    width: 30%;
}
.footer-info-top .footer-info-logo img
{
    max-width: 80%;
}
.footer-info-top .footer-info-logo
{
    width: 30%;
}
.footer-info-top .footer-info-dlanmu
{
    width: 15%;
}
.footer-info-top .footer-info-lanmu
{
    width: auto;
}
.footer-info-lanmu-mc
{
    font-weight: bold;
    font-size: var(--font-18);
    color: #000000;
    padding-bottom: 2rem;
}
.footer-info-lanmu-mc a
{
    color: #000000;
}
.footer-info-lanmu-cd
{
    margin-top: 1.5rem;
    font-weight: 400;
    font-size: var(--font-16);
    color: rgba(0, 0, 0, 0.6);
}
.footer-info-lanmu-cd a
{
    color: rgba(0, 0, 0, 0.6);
}
.footer-info-bottom
{
    width: 100%;
    padding-top:4.5rem;
}
.footer-info-yinsi ul li
{
    font-weight: 400;
    font-size: var(--font-16);
    color: rgba(0, 0, 0, 0.6);
    margin-right: 1.5rem;
}
.footer-info-yinsi ul li a
{
    color: rgba(0, 0, 0, 0.6);
}
.footer-info-copy
{
    margin-top: 2.5rem;
    font-weight: 400;
    font-size: var(--font-16);
    color: rgba(0, 0, 0, 0.6);
}
.footer-info-right .dg-footer-icon
{
    position: relative;
    margin-left: 1rem;
}
.footer-info-right .dg-footer-icon img
{
    max-height: 2rem;
}
.dg-footer-icon .hover-footer-icon
{
    display:none;
    position: absolute;
    top: -16rem;
    right: 0px;
}
.dg-footer-icon .hover-footer-icon img
{
    width:16rem;
    height:auto;
    max-height: 16rem;
}
.dg-footer-icon:hover .hover-footer-icon
{
    display:block;
}
.ny-huise-lanmu
{
    width: 100%;
    padding:7rem 0px;
    background: #F2F4F6;
}
.ny-huise-lanmu-info
{
    width: 100%;
}
.ny-baise-lanmu
{
    width: 100%;
    padding:7rem 0px;
    background: #FFFFFF;
}
.ny-baise-lanmu-info
{
    width: 100%;
}
.ny-kefubaise-lanmu
{
    width: 100%;
    padding:7rem 0px;
    background: rgba(0, 0, 0, 0.1);
}
.yundongqi-lanmu
{
    width: 100%;
    height: 10rem;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
}
.yundongqi-lanmu .dg-yundongqi-lanmu
{
    font-weight: 500;
    font-size: var(--font-24);
    color: #696969;
    padding:0px 3rem;
}
.yundongqi-lanmu .dg-yundongqi-lanmu a
{
    color: #696969;
}
.yundongqi-lanmu .dg-yundongqi-lanmu.on a
{
    color: #000000;
}
.yundongqi-lanmu .dg-yundongqi-lanmu a:hover
{
    color: #000000;
}
.lanmu-biaoqian
{
    width: 100%;
    margin: 2.5rem 0px;
    padding:4.5rem 6rem;
    background: #F5F6F8;
    flex-wrap: wrap;
}
.lanmu-biaoqian .dg-lanmu-biaoqian
{
    cursor: pointer;
    padding:1.2rem 2.1rem;
    background-color: #FFFFFF;
    margin-right: 2rem;
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: var(--font-20);
    color: #757575;
}
.lanmu-biaoqian .dg-lanmu-biaoqian a
{
    color: #757575;
}
.lanmu-biaoqian .dg-lanmu-biaoqian.on
{
    background: #003686;
    color: #FFFFFF;
}
.lanmu-biaoqian .dg-lanmu-biaoqian.on a
{
    color: #FFFFFF;
}
.lanmu-biaoqian .dg-lanmu-biaoqian:hover
{
    background: #003686;
    color: #FFFFFF;
}
.lanmu-biaoqian .dg-lanmu-biaoqian:hover a
{
    color: #FFFFFF;
}
.newslist-more-info
{
    width: 24rem;
    height: 6.8rem;
    border: 1px solid rgba(0,0,0,0.2);
    font-weight: 400;
    font-size: var(--font-22);
    color: #000000;
}
.newslist-more-info a
{
    color: #000000;
}
.newslist-more-info:hover
{
    background-color: #003686;
}
.newslist-more-info:hover a
{
    color: #FFFFFF;
}
.yuyue-biaodan
{
    width: 100%;
}
.yuyue-biaodan .dg-yuyue-biaodan
{
    width: 100%;
    margin-bottom: 1.7rem;
}
.yuyue-biaodan .dg-yuyue-biaodan input
{
    width: 100%;
    height: 8rem;
    line-height: 8rem;
    padding-left: 2.6rem;
    background: #F5F6F8;
    font-size: 2.5rem;
    color: rgba(0, 0, 0, 0.5);
}
.yuyue-biaodan .shuang-yuyue-biaodan
{
    width: 100%;
    margin-bottom: 1.7rem;
}
.yuyue-biaodan .shuang-yuyue-biaodan .dg-input-biaodan
{
    width: 49%;
}
.yuyue-biaodan .shuang-yuyue-biaodan .dg-input-biaodan input
{
    width: 100%;
    height: 8rem;
    line-height: 8rem;
    padding-left: 2.6rem;
    background: #F5F6F8;
    font-size: 2.5rem;
    color: rgba(0, 0, 0, 0.5);
}
.shuang-yuyue-biaodan textarea
{
    width: 100%;
    height: 23rem;
    padding:2rem;
    font-size: 2.5rem;
    background: #F5F6F8;
}
.yuyue-biaodan .yuyue-biaodan-sub
{
    width: 100%;
    margin-top: 1rem;
}
.yuyue-biaodan .yuyue-biaodan-sub .layui-btn
{
    width: 27rem;
    height: 8.6rem;
    background: #003686;
    font-weight: 400;
    font-size: var(--font-26);
    color: #FFFFFF;
}
.nav-mobile
{
    display: none;
}
.nav-mobile-lanmu
{
    width: 0px;
    height: 0px;
    overflow: hidden;
}  
.piaofu-kefu
{
    cursor: pointer;
    position: fixed;
    right: 5rem;
    bottom:15rem;
    width: 6rem;
    padding:2rem 0px;
    background: #FFFFFF;
    border-radius: 0.2rem;
    z-index: 9999;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
}
.piaofu-kefu .dg-piaofu-kefu
{
    position: relative;
    margin: 1rem 0px;
}
.piaofu-kefu .dg-piaofu-kefu img
{
    width:3rem;
}
.dg-piaofu-kefu .piaofu-kefu-neirong
{
    display:none;
    position: absolute;
    top: 0px;
    left: -20rem;
    font-size:3rem;
    color:rgba(0, 0, 0, 0.7);
}
.dg-piaofu-kefu .piaofu-kefu-neirong img
{
    width:16rem;
}
.dg-piaofu-kefu:hover .piaofu-kefu-neirong
{
    display:block;
}
@media only screen and (max-width: 1920px)
{
    html
    {
    font-size: 62.5%;
    }

}
@media only screen and (max-width: 1680px)
{
    html
    {
        font-size: 54.6875%;
    }
     .visible
    {
        width: 1440px;
        margin: 0 auto;
    }
    /* 设计系统变量 */
    :root 
    {
        /*间距系统*/
        --size-4:calc(4px * 1680/1920);
        --size-6:calc(6px * 1680/1920);
        --size-8:calc(8px * 1680/1920);
        --size-10:calc(10px * 1680/1920);
        --size-12:calc(12px * 1680/1920);
        --size-14:calc(14px * 1680/1920);
        --size-16:calc(16px * 1680/1920);
        --size-18:calc(18px * 1680/1920);
        --size-20:calc(20px * 1680/1920);
        --size-22:calc(22px * 1680/1920);
        --size-24:calc(24px * 1680/1920);
    }


   

}
@media only screen and (max-width: 1440px)
{
    html
    {
        font-size: 46.875%;
    }
     .visible
    {
        width: 1360px;
        margin: 0 auto;
    }
    /* 设计系统变量 */
    :root 
    {
       /*间距系统*/
        --size-4:calc(4px * 1440/1920);
        --size-6:calc(6px * 1440/1920);
        --size-8:calc(8px * 1440/1920);
        --size-10:calc(10px * 1440/1920);
        --size-12:calc(12px * 1440/1920);
        --size-14:calc(14px * 1440/1920);
        --size-16:calc(16px * 1440/1920);
        --size-18:calc(18px * 1440/1920);
        --size-20:calc(20px * 1440/1920);
        --size-22:calc(22px * 1440/1920);
        --size-24:calc(24px * 1440/1920);
    }
    
}
@media only screen and (max-width: 1366px)
{
    html
    {
        font-size: 44.466146%;
    }
    .visible
    {
        width: 1280px;
        margin: 0 auto;
    }
    /* 设计系统变量 */
    :root 
    {
        /*间距系统*/
        --size-4:calc(4px * 1366/1920);
        --size-6:calc(6px * 1366/1920);
        --size-8:calc(8px * 1366/1920);
        --size-10:calc(10px * 1366/1920);
        --size-12:calc(12px * 1366/1920);
        --size-14:calc(14px * 1366/1920);
        --size-16:calc(16px * 1366/1920);
        --size-18:calc(18px * 1366/1920);
        --size-20:calc(20px * 1366/1920);
        --size-22:calc(22px * 1366/1920);
        --size-24:calc(24px * 1366/1920);
    }
    
}
@media only screen and (max-width: 1280px)
{
    html
    {
        font-size: 41.666667%;
    }
    .visible
    {
        width: 1200px;
        margin: 0 auto;
    }
    /* 设计系统变量 */
    :root 
    {
         /*间距系统*/
        --size-4:calc(4px * 1280/1920);
        --size-6:calc(6px * 1280/1920);
        --size-8:calc(8px * 1280/1920);
        --size-10:calc(10px * 1280/1920);
        --size-12:calc(12px * 1280/1920);
        --size-14:calc(14px * 1280/1920);
        --size-16:calc(16px * 1280/1920);
        --size-18:calc(18px * 1280/1920);
        --size-20:calc(20px * 1280/1920);
        --size-22:calc(22px * 1280/1920);
        --size-24:calc(24px * 1280/1920);
    }
   
}
@media only screen and (max-width: 960px)
{
    html
    {
        font-size: 31.25%;
    }
    /* 设计系统变量 */
    :root 
    {
         /*间距系统*/
        --size-4:calc(4px * 640/1920);
        --size-6:calc(6px * 640/1920);
        --size-8:calc(8px * 640/1920);
        --size-10:calc(10px * 640/1920);
        --size-12:calc(12px * 640/1920);
        --size-14:calc(14px * 640/1920);
        --size-16:calc(16px * 640/1920);
        --size-18:calc(18px * 640/1920);
        --size-20:calc(20px * 640/1920);
        --size-22:calc(22px * 640/1920);
        --size-24:calc(24px * 640/1920);
    }
    .pc
    {
        display: none;
    }
    .yd
    {
        display: block;
    }
    .visible
    {
        width: 100%;
        padding:0px 10px;
        margin: 0 auto;
    }
    .header-nav
    {
        display: none;
    }
    .nav-mobile
    {
        display: flex;
        position: fixed;
        width: 100%;
        padding:0px 1rem;
        height: 8rem;
        top:0px;
        left: 0px;
        z-index: 9;
        background-color: rgba(255,255,255,0.8);
    }
    .nav-mobile .mobile-lanmu img
    {
        cursor: pointer;
        height: 6rem;
    }
    .nav-mobile .mobile-logo img
    {
        height: 4rem;
    }
    .nav-mobile .mobile-yuyan img
    {
        height: 3rem;
    }
    .nav-mobile-lanmu
    {
        width: 0px;
        position: fixed;
        top:8rem;
        left:0px;
        min-height: 100vh;
        background-color: #FFFFFF;
        z-index: 9999;
        overflow: hidden;
        transition: width 0.4s linear 200ms;
    }
    .nav-mobile-lanmu.on
    {
        width: 100%;
    }  
    .mobile-guanbi
    {
        display: none;
    }
    .nav-moblile-list
    {
        width: 100%;
        padding:4rem;
    }
    .nav-moblile-list .dg-moblile-lanmu
    {
        width: 100%;
        margin-top: 4rem;
        font-size: 4rem;
        color: rgba(0, 0, 0, 0.9);
    }
    .nav-moblile-list .dg-moblile-lanmu a
    {
        color: rgba(0, 0, 0, 0.9);
    }
    .lianjieanniu
     {
        width: auto;
        padding: 0px 2rem;
     }
     .news-list-info .news-list-pic
     {
        height: 40rem;
     }
     .footer-info .footer-info-top 
     {
        flex-wrap: wrap;
     }
     .footer-info-top .footer-info-dlanmu 
     {
        width: 35%;
     }
     .footer-info-top .footer-info-lanmu 
     {
        width: 25%;
        margin-top: 4rem;
     }
     .yundongqi-lanmu 
     {
        height: auto;
        flex-wrap: wrap;
     }
     .yundongqi-lanmu .dg-yundongqi-lanmu 
     {
        width: 33%;
        height: 6rem;
        line-height: 6rem;
        text-align: center;
     }
     .pro-banner .dg-pro-banner .banner-miaoshu
     {
        font-size: 2.8rem;
     }
     .lanmu-biaoqian
     {
        padding:2rem;
     }
     .lanmu-miaoshu
     {
        padding:0px;
     }
     .pro-banner .dg-pro-banner .banner-anniu {
        left: 2rem;
        bottom: 2rem;
    }
    .foot-kefu {
        flex-wrap: wrap;
    }
    .foot-kefu .foot-kefu-miaoshu
    {
        padding: 3rem 0px;
    }
    .piaofu-kefu
    {
        display:none;
    }

}