body 
{
    font-family: "HarmonyOS Sans SC","PingFang SC","Source Han Sans CN", "Microsoft YaHei", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-size-adjust: 0.51;
}
* {
    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;
    --touming-color-1:rgba(255, 255, 255, 0.1);
    --touming-color-4:rgba(255, 255, 255, 0.4);
    --touming-color-5:rgba(255, 255, 255, 0.5);
    --touming-color-7:rgba(255, 255, 255, 0.7);
    /*间距*/
    --size-5:5px;
    --size-10:10px;
    --size-15:15px;
    --size-20:20px;
    --size-25:25px;
    --size-40:40px;
    --size-60:60px;
    --size-100:100px;
    --size-12:12px;
    --size-14:14px;
    --size-16:16px;
    --size-18:18px;
    --size-22:22px;
    --size-24:24px;
    --size-26:26px;
    --size-28:28px;
    --size-30:30px;
    --size-32:32px;
    --size-34:34px;
    --size-36:36px;
    --size-48:48px;
    --size-72:72px;
    --size-38:38px;
    --size-44:44px;
    --size-80:80px;
    --size-85:85px;
    --size-112:112px;
    --size-170:170px;
    --size-200:200px;
    --size-242:242px;
    --size-1080:1080px;
    --size-570:570px;
    --size-350:350px;
    --size-546:546px;
    --size-800:800px;
    --size-150:150px;
    --size-506:506px;
    --size-840:840px;
    --size-450:450px;
    --size-440:440px;
    --size-930:930px;
}
/* 全站图片基础样式 */
img {
  cursor: pointer; /* 小手形状 */
  transition: transform 0.3s ease; /* 缩放动画 */
  will-change: transform; /* 性能优化 */
  overflow:hidden;
}

/* 悬停效果 */
img:hover {
  transform: scale(1.03); /* 轻微放大 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
{
    position: relative;
    width: 1680px;
    margin: 0 auto;
}
.screen
{
    position: relative;
    width: 100%;
	margin:0 auto;
}
.header-nav
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: var(--size-112);
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.2);
}
.header-nav .visible
{
    height: 100%;
}
.header-nav .visible .nav-info
{
    width: 100%;
    height: 100%;
}
.nav-info .nav-info-logo
{
    margin-right: var(--size-200);
}
.nav-info .nav-info-nr
{
    width: 100%;
    height: 100%;
}
.nav-info .nav-info-nr ul
{
    width: 100%;
    height: 100%;
}
.nav-info .nav-info-nr ul li a
{
    color: #FFFFFF;
}
.nav-info .nav-info-xx
{
    width:var(--size-242);
    align-items: flex-end;
    color:#FFFFFF;
}
.nav-info .nav-info-xx .nav-info-xx-icon
{
    font-size: var(--size-22);
}
.nav-info .nav-info-xx .nav-info-xx-icon .iconfont
{
    margin-left: var(--size-20);
    font-size: var(--size-22);
}
.nav-info .nav-info-xx .nav-info-xx-tel
{
    padding-top: var(--size-10);
    font-size: var(--size-20);
}
.lanmu-info
{
    position: relative;
    font-weight: bold;
    font-size: var(--size-72);
    color: #FFFFFF;
}
.lanmu-info span
{
    position: absolute;
    top:-40px;
    left:0px;
    font-weight: bold;
    font-size: var(--size-72);
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.1);
}
.lanmu-info::before
{
   position: absolute;
   left:0px;
   top:var(--size-170);
   content: '';
   width: 31px;
   height: 3px;
   background: #CA0A13;
}
.alllanmu-info
{
    position: relative;
    font-weight: bold;
    font-size: var(--size-60);
    color: #000000;
}
.alllanmu-info span
{
    position: absolute;
    top:-40px;
    left:0px;
    font-weight: bold;
    font-size: var(--size-72);
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.1);
}
.alllanmu-info::before
{
   position: absolute;
   left:0px;
   top:var(--size-112);
   content: '';
   width: 31px;
   height: 3px;
   background: #CA0A13;
}
.neiyelanmu-left-info
{
    position: relative;
    font-weight: bold;
    font-size: var(--size-60);
    color: #000000;
}
.neiyelanmu-left-info::before
{
   position: absolute;
   left:0px;
   top:var(--size-112);
   content: '';
   width: 31px;
   height: 3px;
   background: #CA0A13;
}
.neiyelanmu-center-info
{
    position: relative;
    font-weight: bold;
    font-size: var(--size-60);
    color: #000000;
}
.neiyelanmu-center-info::before
{
   position: absolute;
   left:42%;
   top:var(--size-112);
   content: '';
   width: 31px;
   height: 3px;
   background: #CA0A13;
}
.bankuai-info .bankuai-info-shuzi
{
    font-family: Arial;
    padding-left:var(--size-44);
    font-weight: bold;
    font-size: var(--size-18);
    color: #CA0A15;
    text-align: right;
}
.bankuai-info .bankuai-info-mc
{
    padding-top: var(--size-5);
    font-family: Arial;
    padding-left:var(--size-44);
    font-weight: bold;
    font-size: var(--size-22);
    line-height: var(--size-22);
    color: #FFFFFF;
    border-top:1px solid rgba(255,255,255,0.3);
    text-transform: uppercase;
    text-align: right;
}
.allbankuai-info .allbankuai-info-shuzi
{
    font-family: Arial;
    padding-left:var(--size-44);
    font-weight: bold;
    font-size: var(--size-18);
    color: #CA0A15;
    text-align: right;
}
.allbankuai-info .allbankuai-info-mc
{
    padding-top: var(--size-5);
    font-family: Arial;
    padding-left:var(--size-44);
    font-weight: bold;
    font-size: var(--size-22);
    line-height: var(--size-22);
    color: rgba(0, 0, 0, 0.5);
    border-top:1px solid rgba(0,0,0,0.3);
    text-transform: uppercase;
    text-align: right;
}
.footer
{
    width: 100%;
    min-height: var(--size-800);
    background-color: #000000;
    background: url('../images/foot-bj.png') no-repeat;
    padding-top:var(--size-150);
    background-color:#000000;
}
.footer .footer-top
{
    width: 100%;
    align-items: flex-start;
}
.footer-top .footer-top-left
{
    width: 25%;
}
.footer-top .footer-top-left .footer-logo img
{
    height: var(--size-60);
}
.footer-top .footer-top-left .footer-tel
{
    margin-top: var(--size-20);
    width: 100%;
}
.footer-top .footer-top-left .footer-tel .tel-mc
{
    font-weight: 400;
    font-size: var(--size-18);
    color: #FFFFFF;
}
.footer-top .footer-top-left .footer-tel .tel-dianhua
{
    font-weight: bold;
    font-size: var(--size-48);
    color: #FFFFFF;
}
.footer-top .footer-top-right
{
    width: 70%;
    align-items: flex-start;
}
.footer-top-right .dg-footer-daohang
{
    width: 100%;
}
.footer-top-right .dg-footer-daohang .footer-daohang-mc
{
    font-weight: 500;
    font-size: var(--size-24);
    color: #FFFFFF;
}
.footer-top-right .dg-footer-daohang .footer-daohang-mc a
{
    color: #FFFFFF;
}
.footer-top-right .dg-footer-daohang .footer-daohang-nr
{
    margin-top: var(--size-30);
}
.footer-top-right .dg-footer-daohang .footer-daohang-nr ul li
{
    font-size: var(--size-18);
    line-height: var(--size-18);
    padding-top: var(--size-20);
}
.footer-top-right .dg-footer-daohang .footer-daohang-nr ul li a
{
    color:rgba(255, 255, 255, 0.5);
}
.footer-top-right .dg-footer-daohang .footer-daohang-nr .footer-erweima-pic 
{
    width: 80%;
}
.footer-top-right .dg-footer-daohang .footer-daohang-nr .footer-erweima-pic img
{
    width: 100%;
}
.footer-top-right .dg-footer-daohang .footer-daohang-nr .footer-erweima-mc 
{
    width: 80%;
    text-align: center;
    font-size: var(--size-18);
    line-height: var(--size-18);
    padding-top: var(--size-20);
    color:rgba(255,255,255,0.5);
}
.footer .footer-center
{
    width: 100%;
    margin-top: var(--size-100);
}
.footer .footer-center .footer-youqing-mc
{
    font-size: var(--size-20);
    color: #FFFFFF;
}
.footer .footer-center .footer-youqing-nr ul li
{
   font-size:var(--size-18);
   padding:0px var(--size-10);
}
.footer .footer-center .footer-youqing-nr ul li a
{
   color:rgba(255, 255, 255, 0.5);
}
.footer .footer-bottom
{
    width: 100%;
    margin-top:var(--size-30);
    border-top:1px solid rgba(255, 255, 255, 0.1);
    padding:var(--size-30) 0px;
}
.footer .footer-bottom  .footer-bottom-left
{
    font-size:var(--size-18);
    color: rgba(255, 255, 255, 0.2);
}
.footer .footer-bottom  .footer-bottom-right ul li
{
    font-size:var(--size-18);
    padding:0px var(--size-10);
}
.footer .footer-bottom  .footer-bottom-right ul li a
{
    color: rgba(255, 255, 255, 0.3);
}
.neiye-banner
{
    position: relative;
    width: 100%;
    height: var(--size-800);
}
.neiye-banner img
{
    width: 100%;
    height: var(--size-800);
    object-fit: cover;
    transition:1s linear 2s;
    transform:scale(1.1,1.1);
}
.neiye-banner .neiye-banner-nr
{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.2);
    font-weight: 500;
    font-size: var(--size-60);
    color: #FFFFFF;
}
.lanmu-daohang
{
    width: 100%;
    padding:var(--size-40) 0px;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
}
.lanmu-daohang .lanmu-content
{
    width: 100%;
}
.lanmu-daohang .lanmu-content .lanmu-content-weizhi
{
    font-weight: 400;
    font-size: var(--size-22);
    color: rgba(0, 0, 0, 0.6);
}
.lanmu-daohang .lanmu-content .lanmu-content-weizhi img
{
    width: var(--size-32);
    padding-right: var(--size-5);
}
.lanmu-daohang .lanmu-content .lanmu-content-title
{
    font-weight: 500;
    font-size: var(--size-30);
    color: #000000;
}
.lanmu-daohang .lanmu-content .lanmu-content-fenlei ul li
{
    margin-left: var(--size-40);
    color:#8B8B8B;
    font-weight: 500;
    font-size: var(--size-22);
}
.lanmu-daohang .lanmu-content .lanmu-content-fenlei ul li a
{
    color:#8B8B8B;
}
.lanmu-daohang .lanmu-content .lanmu-content-fenlei ul li a:hover
{
    color:#CA0A15;
}
.lanmu-daohang .lanmu-content .lanmu-content-fenlei ul li.on a
{
    color:#CA0A15;
}
.chakanmore
{
    width: var(--size-242);
    height: var(--size-72);
    background: #CA0A15;
    border-radius: var(--size-36);
    font-weight: 400;
    font-size: var(--size-22);
    color: #FFFFFF;
}
.chakanmore a
{
    color: #FFFFFF;
}
.nav-henggang
{
    display:none;
}
@media only screen and (max-width: 1920px)
{
    :root 
    {
        /*间距系统*/
        --size-5:calc(5px * 1366/1920);
        --size-10:calc(10px * 1366/1920);
        --size-15:calc(15px * 1366/1920);
        --size-20:calc(20px * 1366/1920);
        --size-25:calc(25px * 1366/1920);
        --size-40:calc(40px * 1366/1920);
        --size-60:calc(60px * 1366/1920);
        --size-100:calc(100px * 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-22:calc(22px * 1366/1920);
        --size-24:calc(24px * 1366/1920);
        --size-26:calc(26px * 1366/1920);
        --size-28:calc(28px * 1366/1920);
        --size-30:calc(30px * 1366/1920);
        --size-32:calc(32px * 1366/1920);
        --size-34:calc(34px * 1366/1920);
        --size-36:calc(36px * 1366/1920);
        --size-48:calc(48px * 1366/1920);
        --size-72:calc(72px * 1366/1920);
        --size-38:calc(38px * 1366/1920);
        --size-44:calc(44px * 1366/1920);
        --size-80:calc(80px * 1366/1920);
        --size-85:calc(85px * 1366/1920);
        --size-112:calc(112px * 1366/1920);
        --size-170:calc(170px * 1366/1920);
        --size-200:calc(200px * 1366/1920);
        --size-242:calc(242px * 1366/1920);
        --size-1080:calc(1080px * 1366/1920);
        --size-570:calc(570px * 1366/1920);
        --size-350:calc(350px * 1366/1920);
        --size-546:calc(546px * 1366/1920);
        --size-800:calc(800px * 1366/1920);
        --size-150:calc(150px * 1366/1920);
        --size-506:calc(506px * 1366/1920);
        --size-840:calc(840px * 1366/1920);
        --size-450:calc(450px * 1366/1920);
        --size-440:calc(440px * 1366/1920);
        --size-930:calc(930px * 1366/1920);
    }

}
@media only screen and (max-width: 1680px)
{
     .visible
    {
        width: 1440px;
        margin: 0 auto;
    }
    /* 设计系统变量 */
    :root 
    {
        /*间距系统*/
        --size-5:calc(5px * 1680/1920);
        --size-10:calc(10px * 1680/1920);
        --size-15:calc(15px * 1680/1920);
        --size-20:calc(20px * 1680/1920);
        --size-25:calc(25px * 1680/1920);
        --size-40:calc(40px * 1680/1920);
        --size-60:calc(60px * 1680/1920);
        --size-100:calc(100px * 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-22:calc(22px * 1680/1920);
        --size-24:calc(24px * 1680/1920);
        --size-26:calc(26px * 1680/1920);
        --size-28:calc(28px * 1680/1920);
        --size-30:calc(30px * 1680/1920);
        --size-32:calc(32px * 1680/1920);
        --size-34:calc(34px * 1680/1920);
        --size-36:calc(36px * 1680/1920);
        --size-48:calc(48px * 1680/1920);
        --size-72:calc(72px * 1680/1920);
        --size-38:calc(38px * 1680/1920);
        --size-44:calc(44px * 1680/1920);
        --size-80:calc(80px * 1680/1920);
        --size-85:calc(85px * 1680/1920);
        --size-112:calc(112px * 1680/1920);
        --size-170:calc(170px * 1680/1920);
        --size-200:calc(200px * 1680/1920);
        --size-242:calc(242px * 1680/1920);
        --size-1080:calc(1080px * 1680/1920);
        --size-570:calc(570px * 1680/1920);
        --size-350:calc(350px * 1680/1920);
        --size-546:calc(546px * 1680/1920);
        --size-800:calc(800px * 1680/1920);
        --size-150:calc(150px * 1680/1920);
        --size-506:calc(506px * 1680/1920);
        --size-840:calc(840px * 1680/1920);
        --size-450:calc(450px * 1680/1920);
        --size-440:calc(440px * 1680/1920);
        --size-930:calc(930px * 1680/1920);
    }

   

}
@media only screen and (max-width: 1440px)
{
     .visible
    {
        width: 1360px;
        margin: 0 auto;
    }
    /* 设计系统变量 */
    :root 
    {
       /*间距系统*/
        --size-5:calc(5px * 1440/1920);
        --size-10:calc(10px * 1440/1920);
        --size-15:calc(15px * 1440/1920);
        --size-20:calc(20px * 1440/1920);
        --size-25:calc(25px * 1440/1920);
        --size-40:calc(40px * 1440/1920);
        --size-60:calc(60px * 1440/1920);
        --size-100:calc(100px * 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-22:calc(22px * 1440/1920);
        --size-24:calc(24px * 1440/1920);
        --size-26:calc(26px * 1440/1920);
        --size-28:calc(28px * 1440/1920);
        --size-30:calc(30px * 1440/1920);
        --size-32:calc(32px * 1440/1920);
        --size-34:calc(34px * 1440/1920);
        --size-36:calc(36px * 1440/1920);
        --size-48:calc(48px * 1440/1920);
        --size-72:calc(72px * 1440/1920);
        --size-38:calc(38px * 1440/1920);
        --size-44:calc(44px * 1440/1920);
        --size-80:calc(80px * 1440/1920);
        --size-85:calc(85px * 1440/1920);
        --size-112:calc(112px * 1440/1920);
        --size-170:calc(170px * 1440/1920);
        --size-200:calc(200px * 1440/1920);
        --size-242:calc(242px * 1440/1920);
        --size-1080:calc(1080px * 1440/1920);
        --size-570:calc(570px * 1440/1920);
        --size-350:calc(350px * 1440/1920);
        --size-546:calc(546px * 1440/1920);
        --size-800:calc(800px * 1440/1920);
        --size-150:calc(150px * 1440/1920);
        --size-506:calc(506px * 1440/1920);
        --size-840:calc(840px * 1440/1920);
        --size-450:calc(450px * 1440/1920);
        --size-440:calc(440px * 1440/1920);
        --size-930:calc(930px * 1440/1920);
    }
    
}
@media only screen and (max-width: 1366px)
{
    .visible
    {
        width: 1280px;
        margin: 0 auto;
    }
    /* 设计系统变量 */
    :root 
    {
        /*间距系统*/
        --size-5:calc(5px * 1366/1920);
        --size-10:calc(10px * 1366/1920);
        --size-15:calc(15px * 1366/1920);
        --size-20:calc(20px * 1366/1920);
        --size-25:calc(25px * 1366/1920);
        --size-40:calc(40px * 1366/1920);
        --size-60:calc(60px * 1366/1920);
        --size-100:calc(100px * 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-22:calc(22px * 1366/1920);
        --size-24:calc(24px * 1366/1920);
        --size-26:calc(26px * 1366/1920);
        --size-28:calc(28px * 1366/1920);
        --size-30:calc(30px * 1366/1920);
        --size-32:calc(32px * 1366/1920);
        --size-34:calc(34px * 1366/1920);
        --size-36:calc(36px * 1366/1920);
        --size-48:calc(48px * 1366/1920);
        --size-72:calc(72px * 1366/1920);
        --size-38:calc(38px * 1366/1920);
        --size-44:calc(44px * 1366/1920);
        --size-80:calc(80px * 1366/1920);
        --size-85:calc(85px * 1366/1920);
        --size-112:calc(112px * 1366/1920);
        --size-170:calc(170px * 1366/1920);
        --size-200:calc(200px * 1366/1920);
        --size-242:calc(242px * 1366/1920);
        --size-1080:calc(1080px * 1366/1920);
        --size-570:calc(570px * 1366/1920);
        --size-350:calc(350px * 1366/1920);
        --size-546:calc(546px * 1366/1920);
        --size-800:calc(800px * 1366/1920);
        --size-150:calc(150px * 1366/1920);
        --size-506:calc(506px * 1366/1920);
        --size-840:calc(840px * 1366/1920);
        --size-450:calc(450px * 1366/1920);
        --size-440:calc(440px * 1366/1920);
        --size-930:calc(930px * 1366/1920);
    }
    
}
@media only screen and (max-width: 1280px)
{
    .visible
    {
        width: 1200px;
        margin: 0 auto;
    }
    /* 设计系统变量 */
    :root 
    {
         /*间距系统*/
        --size-5:calc(5px * 1280/1920);
        --size-10:calc(10px * 1280/1920);
        --size-15:calc(15px * 1280/1920);
        --size-20:calc(20px * 1280/1920);
        --size-25:calc(25px * 1280/1920);
        --size-40:calc(40px * 1280/1920);
        --size-60:calc(60px * 1280/1920);
        --size-100:calc(100px * 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-22:calc(22px * 1280/1920);
        --size-24:calc(24px * 1280/1920);
        --size-26:calc(26px * 1280/1920);
        --size-28:calc(28px * 1280/1920);
        --size-30:calc(30px * 1280/1920);
        --size-32:calc(32px * 1280/1920);
        --size-34:calc(34px * 1280/1920);
        --size-36:calc(36px * 1280/1920);
        --size-48:calc(48px * 1280/1920);
        --size-72:calc(72px * 1280/1920);
        --size-38:calc(38px * 1280/1920);
        --size-44:calc(44px * 1280/1920);
        --size-80:calc(80px * 1280/1920);
        --size-85:calc(85px * 1280/1920);
        --size-112:calc(112px * 1280/1920);
        --size-170:calc(170px * 1280/1920);
        --size-200:calc(200px * 1280/1920);
        --size-242:calc(242px * 1280/1920);
        --size-1080:calc(1080px * 1280/1920);
        --size-570:calc(570px * 1280/1920);
        --size-350:calc(350px * 1280/1920);
        --size-546:calc(546px * 1280/1920);
        --size-800:calc(800px * 1280/1920);
        --size-150:calc(150px * 1280/1920);
        --size-506:calc(506px * 1280/1920);
        --size-840:calc(840px * 1280/1920);
        --size-450:calc(450px * 1280/1920);
        --size-440:calc(440px * 1280/1920);
        --size-930:calc(930px * 1280/1920);
    }
   
}
@media only screen and (max-width: 960px)
{
    /* 设计系统变量 */
    :root 
    {
         /*间距系统*/
        --size-5:calc(5px * 640/1920);
        --size-10:calc(10px * 640/1920);
        --size-15:calc(15px * 640/1920);
        --size-20:calc(20px * 640/1920);
        --size-25:calc(25px * 640/1920);
        --size-40:calc(40px * 640/1920);
        --size-60:calc(60px * 640/1920);
        --size-100:calc(100px * 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-22:calc(22px * 640/1920);
        --size-24:calc(24px * 640/1920);
        --size-26:calc(26px * 640/1920);
        --size-28:calc(28px * 640/1920);
        --size-30:calc(30px * 640/1920);
        --size-32:calc(32px * 640/1920);
        --size-34:calc(34px * 640/1920);
        --size-36:calc(36px * 640/1920);
        --size-48:calc(48px * 640/1920);
        --size-72:calc(72px * 640/1920);
        --size-38:calc(38px * 640/1920);
        --size-44:calc(44px * 640/1920);
        --size-80:calc(80px * 640/1920);
        --size-85:calc(85px * 640/1920);
        --size-112:calc(112px * 640/1920);
        --size-170:calc(170px * 640/1920);
        --size-200:calc(200px * 640/1920);
        --size-242:calc(242px * 640/1920);
        --size-1080:calc(1080px * 640/1920);
        --size-570:calc(570px * 640/1920);
        --size-350:calc(350px * 640/1920);
        --size-546:calc(546px * 640/1920);
        --size-800:calc(800px * 640/1920);
        --size-150:calc(150px * 640/1920);
        --size-506:calc(506px * 640/1920);
        --size-840:calc(840px * 640/1920);
        --size-450:calc(450px * 640/1920);
        --size-440:calc(440px * 640/1920);
        --size-930:calc(930px * 640/1920);
    }
    .pc
    {
        display: none;
    }
    .yd
    {
        display: block;
    }
    .visible
    {
        width: 100%;
        padding:0px 10px;
        margin: 0 auto;
    }

    .nav-info .nav-info-logo img
    {
        width:100px;
    }
    .nav-info .nav-info-xx
    {
        display:none;
    }
    .nav-info .nav-info-nr
    {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 0px;
        background:rgba(0, 0, 0, 0.5);
        height: 50vh;
        overflow:hidden;
        transition: width 0.4s linear 200ms;
    }
    .nav-info .nav-info-nr.on
    {
        width: 40%;
    }
    .nav-henggang
    {
        display:block;
    }
    .nav-henggang img
    {
        width:25px;
    }
    .nav-info .nav-info-nr ul 
    {
        flex-wrap: wrap;
    }
    .nav-info .nav-info-nr ul li
    {
        width:100%;
        text-align:center;
    }

    
    

}