// 设置常见的屏幕尺寸 修改里面的html文字大小 a{text-decoration:none}// 一定要写到最上面 // 我们此次定义的划分的份数为15 html{font-size:50px}$no:15;// 320 @media screen and(max-width: 320px){html{font-size:320px/$no}}// 360 @media screen and(max-width: 360px){html{font-size:360px/$no}}// 375 iphone 678 @media screen and(max-width: 375px){html{font-size:375px/$no}}// 384 @media screen and(max-width: 384px){html{font-size:384px/$no}}// 400 @media screen and(max-width: 400px){html{font-size:400px/$no}}// 414 @media screen and(max-width: 414px){html{font-size:414px/$no}}// 424 @media screen and(max-width: 424px){html{font-size:424px/$no}}// 480 @media screen and(max-width: 480px){html{font-size:480px/$no}}// 540 @media screen and(max-width: 540px){html{font-size:540px/$no}}// 720 @media screen and(max-width: 720px){html{font-size:720px/$no}}// 750 @media screen and(max-width: 750px){html{font-size:750px/$no}}html{font-size:62.5%}*{margin:0;padding:0}.layui-nav a{color:#000!important}.layui-nav{color:#fff;background-color:#fff}@media(max-width:1920px){.biao{text-align:center;line-height:6rem}.jie{margin:0 auto;width:1400px;height:500px;background-image:url(../img/jianjie.d94950a5.png);background-size:cover;background-position:50%;background-position-x:center;background-position-y:center;border-radius:30px}.ding{display:flex;line-height:4rem;position:fixed;z-index:100;top:65%;right:25%}.phone{position:absolute;right:92%;padding:0 1rem;font-size:1.5rem;width:10rem;height:3rem;border-radius:10%;color:#008cd6;border:1px solid #008cd6}.phone,.sanjiao{display:none;align-self:center}.sanjiao{transform:rotate(45deg);border:1rem #000!important;width:0;height:0;border-style:solid dashed dashed dashed;border-color:#008cd6 #008cd6 transparent transparent;margin:0}.di{margin:5rem 0;padding:45px 0;background-color:#fafafa}.dibu{display:flex;justify-content:center}.dibu span{border-right:1px solid #616161}.dibu .san,.dibu span{padding:0 15px;font:1.3rem Mycrosoft YaHei}.dibu .san{border-right:none}.bq{width:100%;margin-top:2rem;display:flex;justify-content:center}.bq span{padding:0 .5rem;font:1.2rem Mycrosoft YaHei}.dichen{display:none}.jian{font:2.5rem Arial;color:#000;text-align:center!important}.title{padding:6rem 0;padding-bottom:0;height:6rem}.line{display:flex;justify-content:center}.jian2{text-align:center;font:2.5rem Arial}}@media(max-width:1600px){.layui-container{background-color:#fff}.biao{text-align:center}.daohang{display:flex;justify-content:between}.biao{line-height:6rem}.daohang img{height:3.2rem;width:14.4rem}.layui-nav{position:relative;padding:0 20px;border-radius:2px;font-size:0}.ding{display:flex;line-height:4rem;position:fixed;top:65%;right:25%}.phone{position:absolute;right:92%;padding:0 1rem;font-size:1.5rem;width:10rem;height:3rem;border-radius:10%;color:#008cd6;border:1px solid #008cd6}.phone,.sanjiao{display:none;align-self:center}.sanjiao{transform:rotate(45deg);border:1rem #000!important;width:0;height:0;border-style:solid dashed dashed dashed;border-color:#008cd6 #008cd6 transparent transparent;margin:0}.jian{font:2.5rem Arial;color:#000;text-align:center!important}.title{padding:6rem 0;padding-bottom:0;height:6rem}.line{display:flex;justify-content:center}.jian2{text-align:center;font:2.5rem Arial}.text{display:flex;justify-content:center;height:16rem}.bq{margin-top:2rem}.dibu span{padding:0 15px;border-right:1px solid #616161;font:1.3rem Mycrosoft YaHei}.dibu .san{border-right:none}.bq{margin-top:4rem;display:flex;justify-content:center}.bq span{padding:0 .5rem;font:1.2rem Mycrosoft YaHei}.dichen{display:none}}@media(max-width:992px){.layui-nav{padding:0!important}.biao{text-align:center;width:50%}.daohang{display:flex;justify-content:between}.biao{line-height:6rem}.daohang img{height:3.2rem;width:14.4rem}.layui-nav{position:relative;padding:0 20px;border-radius:2px;font-size:0;width:70%}.jie,.jie img{width:100%}.jie img{height:34.67rem;border-radius:30px}.dichen,.ding{display:none}}@media screen and (max-width:750px){.daohang,.ding,.pp,.zhu{display:none}.daohang{display:flex;justify-content:center}.di{margin-bottom:4rem}.dichen{display:block;position:fixed;background-color:#ff0!important;height:6rem;bottom:0;left:0;padding:0;text-align:center}.layui-nav{display:none;margin:1rem;position:fixed;font-size:0;top:60rem}.layui-nan,.layui-nav{padding:0;background-color:#fff!important;z-index:1111;border-radius:2px;width:100%;text-align:center}.layui-nan{border-top:1px solid #c8c8c8;font-size:12px;height:6rem}.layui-nan li{width:100%;display:flex;flex-direction:column;align-self:center}.layui-nan i{color:#000;height:1.6rem;margin:0;text-align:center}}.zizhimage{flex:1 0 calc(30% - 10px);margin:10px;box-sizing:border-box;border:1px solid #fff;overflow:hidden;display:inline-flex;height:auto;width:466px}.zizhi{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 auto;width:auto}.layui-nav-item ul{display:none;position:absolute;background:#fff;z-index:1000}ul li:hover>ul{display:block}ul ul li a:hover{background-color:#bbb;color:#fff}