@charset "utf-8";

/*格式化*/

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
blockquote,
pre,
form,
fieldset,
table,
th,
td,
span,
input,
textarea {
    margin: 0;
    padding: 0;
}

body {
    font-size: 14px;
    font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;
    background: url(../images/bg01.gif) repeat center 0;
}

li,
ol {
    list-style: none;
}

ins {
    text-decoration: none;
}

i,
em {
    font-style: normal;
}

a {
    text-decoration: none;
    font-family: "Microsoft Yahei";
    color: #333;
}

a:hover {
    cursor: pointer;
    text-decoration: none;
}

a:active {
    star: expression(this.onFocus=this.blur());
}

:focus {
    outline: 0;
}

.clear {
    clear: both;
    line-height: 0px;
    overflow: hidden;
    zoom: 1;
    font-size: 0px;
    content: '.';
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

img {
    padding: 0;
    margin: 0;
}

a img {
    border: none;
}

input,
textarea {
    border: none;
    font-family: "Microsoft Yahei";
    font-size: 13px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 14px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


/* -- 页面整体布局 -- */

.wrap {
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}


/*网站首页宽度*/

.wrap img {
    display: block;
    width: 100%;
}


/* -- 广告 -- */

.ban {
    position: relative;
}

.g_bd .ban {
    overflow: unset;
    z-index: 2;
}

.ban img {
    line-height: 0
}

.ban_j {
    position: absolute;
    bottom: 0;
    left: 36%;
    z-index: 9;
    font-size: 0;
    line-height: 0
}

.ban_j img {
    display: inline-block;
    width: 4.05rem;
}


/* -- 引子 -- */

.yz {
    width: 100%;
    height: 43.65rem;
    overflow: hidden;
}

.yz h2 {
    height: 3.0rem;
    text-align: center;
    padding-top: 0rem;
    padding-bottom: 2rem;
}

.yz h2 em {
    font-size: 1.8rem;
    color: #af2023;
    display: block;
    line-height: 1.8rem;
    font-weight: bold;
}

.yz h2 span {
    font-size: 0.65rem;
    color: #808080;
    display: block;
    line-height: 0.65rem;
    text-transform: uppercase;
    width: 42.40%;
    margin: 0.5rem auto 0;
    position: relative;
}

.yz h2 span:before {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/lt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    left: 0;
    top: 0;
}

.yz h2 span:after {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/rt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
}

.yz p {
    font-size: 16px;
    line-height: 1.4rem;
    color: #666666;
    display: block;
    text-align: left;
    width: 94%;
    margin: 1.5rem auto 0;
    margin-bottom: 2.0rem;
}

.yz .vi {
    margin: 0 3.1%;
}

.yz .vi b {
    /* border: 2px solid #000000; */
    display: block;
    /* height: 15.66rem; */
}

.yz .vi b img {
    width: 100%;
    display: block;
}

.yz .gd_1 {
    height: 1.95rem;
    width: 25.8%;
    display: block;
    text-align: center;
    font-size: 0.9rem;
    color: #fff;
    background: #af2023;
    line-height: 1.95rem;
    border-radius: 20px;
    margin: 10px auto 10px;
}


/* -- 产品中心 -- */

.cp1 {
    height: 62rem;
    /* background: url(../images/cp_g.jpg) no-repeat center 0; */
    background-size: 100% 24rem;
}

.cp1 h2 {
    height: 3.0rem;
    text-align: center;
    padding-top: 4.0rem;
}

.cp1 h2 em {
    font-size: 1.8rem;
    color: #af2023;
    display: block;
    line-height: 1.8rem;
    font-weight: bold;
}

.cp1 h2 span {
    font-size: 0.65rem;
    color: #808080;
    display: block;
    line-height: 0.65rem;
    text-transform: uppercase;
    width: 54.40%;
    margin: 0.5rem auto 0;
    position: relative;
}

.cp1 h2 span:before {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/lt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    left: 0;
    top: 0;
}

.cp1 h2 span:after {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/rt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
}

.cp1 .tit1 {
    /* height:17.65rem; */
    margin: 2.5rem 3.1% 1.0rem 3.1%;
    width: 93.75%;
    /* background: url(../images/cp_bgs.jpg) no-repeat center; */
    /* background-size: 100% 17.65rem; */
}

.cp1 .tit1 li {
    height: 36px;
    width: 48%;
    float: left;
    text-align: center;
    background-color: #ededed;
    margin: 2px;
}

.cp1 .tit1 li em {
    width: 4.0rem;
    height: 3.58rem;
    margin: 3rem auto 0;
    display: block;
}

.cp1 .tit1 li img {
    width: 100%;
    display: block;
}

.cp1 .tit1 li h3 {
    font-size: 16px;
    color: #000000;
    display: block;
    line-height: 36px;
    /* margin-top:0.5rem; */
}

.cp1 .tit1 .cur {
    background-color: #af2023;
}

.cp1 .tit1 .cur h3 {
    font-weight: bold;
    color: #fff;
}

.cp_con ul {
    margin: 0 3.1%;
}

.cp_con ul li {
    float: left;
    width: 49%;
    height: 14rem;
    display: flex;
    position: relative;
    margin-right: 1%;
    margin-bottom: 0.15rem;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.cp_con ul li i img {
    width: 100%;
    display: block;
    height: 130px;
    object-fit: cover;
}

.cp_con ul li h4 {
    height: 3rem;
    width: 101%;
    position: absolute;
    bottom: 0.05rem;
    font-size: 1.2rem;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    border-bottom: 1px solid #333333;
    line-height: 3.0rem;
}

.cp_con ul li:last-child {
    margin-right: 0;
}

.cp_con ul li:nth-child(2) {
    margin-right: 0;
}

.cp_con ul li h4 a {
    color: #ffffff;
}


/* -- 奥迪斯品质 -- */

.pz {
    height: 30.2rem;
    background: #af202300;
    background-size: 100% 60.7rem;
}

.pz h2 {
    height: 3.0rem;
    text-align: center;
    padding-top: 1rem;
    margin-bottom: 2.65rem;
}

.pz h2 em {
    font-size: 1.8rem;
    color: #af2023;
    display: block;
    line-height: 1.8rem;
    font-weight: bold;
}

.pz h2 span {
    font-size: 0.65rem;
    color: #808080;
    display: block;
    line-height: 0.65rem;
    text-transform: uppercase;
    width: 52%;
    margin: 0.5rem auto 0;
    position: relative;
}

.pz h2 span:before {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/lt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    left: 0;
    top: 0;
}

.pz h2 span:after {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/rt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
}

.qy {
    float: left;
    overflow: hidden;
    width: 25%;
    margin-left: 3.1%;
}

.qy ul {
    width: 100%;
}

.qy li {
    line-height: 0;
    margin-bottom: 0.2rem;
    position: relative;
    float: left;
}

.qy li img {
    width: 100%;
    display: block;
    filter: grayscale(100%);
}

.qy li span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 1.4rem;
    font-size: 1.2rem;
    color: #ffffff;
    width: 100%;
    padding-top: 1.05rem;
}

.qy li:hover:after,
.qy li.cur:after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border: 4px solid #af2023;
    content: "";
    box-sizing: border-box;
}

.qy li.cur span {
    display: none;
}

.qy li:hover img,
.qy li.cur img {
    filter: grayscale(0%);
}

.pz .pz_con {
    float: right;
    margin-right: 3.1%;
    width: 67.8%;
}

.pz .pz_con dl {
    position: relative;
}

.pz .pz_con dt img {
    width: 100%;
    display: block;
}

.pz .pz_con dd {
    height: 13.25rem;
    padding-left: 1rem;
}

.pz .pz_con dd h3 {
    height: 2.5rem;
    text-align: left;
    padding-top: 1.5rem;
}

.pz .pz_con dd h3 b {
    font-size: 1.4rem;
    color: #af2023;
    display: block;
    line-height: 1.4rem;
    font-weight: normal;
}

.pz .pz_con dd h3 span {
    font-size: 0.8rem;
    color: #000;
    display: block;
    line-height: 0.65rem;
    text-transform: uppercase;
    padding-top: 0.5rem;
}

.pz .pz_con dd p {
    font-size: 1.0rem;
    color: #000;
    display: block;
    line-height: 1.4rem;
    width: 92%;
    margin-top: 0.55rem;
}


/* -- 奥迪斯优势 -- */

.ys {
    height: 57.85rem;
}

.ys h2 {
    height: 3.0rem;
    text-align: center;
    padding-top: 3.5rem;
    margin-bottom: 2.2rem;
}

.ys h2 em {
    font-size: 1.8rem;
    color: #000000;
    display: block;
    line-height: 1.8rem;
    font-weight: bold;
}

.ys h2 span {
    font-size: 1.0rem;
    color: #666666;
    display: block;
    line-height: 1rem;
    width: 70%;
    margin: 0.5rem auto 0;
    position: relative;
}

.ys h2 span:before {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/lt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    left: 0;
    top: 0.25rem;
}

.ys h2 span:after {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/rt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    right: 0;
    top: 0.25rem;
}

.ys .ys_con {
    margin: 0 3.1%;
}

.ys .ys_con dl {
    position: relative;
}

.ys .ys_con dt img {
    width: 100%;
    display: block;
}

.ys .ys_con dd {
    background: #ffffff;
    height: auto;
}

.ys .ys_con dd h3 {
    height: 3.5rem;
    text-align: left;
    margin-left: 2.05rem;
    padding-top: 1.25rem;
    /*margin-bottom: 1.2rem;*/
}

.ys .ys_con dd h3 b {
    font-size: 1.65rem;
    color: #af2023;
    display: block;
    line-height: 1.65rem;
}

.ys .ys_con dd h3 span {
    font-size: 1.35rem;
    color: #323232;
    display: block;
    line-height: 1.35rem;
    font-weight: bold;
    padding-top: 0.5rem;
}

.ys .ys_con dd p {
    font-size: 1.1rem;
    line-height: 1.8rem;
    display: block;
    color: #323232;
    padding-left: 1.0rem;
    margin-left: 1.15rem;
    width: 86.5%;
    background: url(../images/y_d.png) no-repeat 0 0.5rem;
    background-size: 0.6rem 0.65rem;
}
.ysimage img{
    width: 49%;
    display: inline-block;
}

.ys_qie .ys2tit{
    margin-bottom: 5px;
}
.ys_qie .ys2tit li{
    float: left;
    font-size: 14px;
    width: 46%;
    color: #000;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    padding: 7px 2px;
    background-color: #d31e1e;
}
.ys_qie .ys2tit li a{
    color: #fff;
}
.ysq {
    float: left;
    overflow: hidden;
    margin-left: 25%;
    margin-top: 2.5rem;
}

.ysq li {
    height: 4.55rem;
    float: left;
    width: 4.75rem;
    display: block;
    background: #e0e0e0;
    margin-right: 0.9rem;
}

.ysq li em {
    font-size: 2.55rem;
    color: #ffffff;
    display: block;
    line-height: 4.55rem;
    font-weight: bold;
    text-align: center;
}

.ysq li:hover,
.ysq li.cur {
    background: #af2023;
}

.ysq li:hover,
.ysq li.cur em {
    color: #fff;
}


/* -- 政策支持 -- */

.zc {
     height: 45rem;
     /* background: url(../images/k_bg1.jpg) no-repeat center; */
     background-size: 100% 90.95rem;
     overflow: hidden;
}

.zc h2 {
    height: 5.6rem;
    text-align: center;
    padding-top: 1rem;
    /* margin-bottom: 2.75rem; */
}

.zc h2 em {
    font-size: 1.8rem;
    color: #af2023;
    display: block;
    line-height: 1.8rem;
    font-weight: bold;
}

.zc h2 i {
    font-size: 1.8rem;
    color: #ffffff;
    display: block;
    line-height: 1.8rem;
    font-weight: bold;
    padding-top: 0.25rem;
}

.zc h2 span {
    font-size: 0.65rem;
    color: #808080;
    display: block;
    line-height: 0.65rem;
    text-transform: uppercase;
    width: 52%;
    margin: 0.95rem auto 0;
    position: relative;
}

.zc h2 span:before {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/lt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    left: 0;
    top: 0;
}

.zc h2 span:after {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/rt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
}

.zc .tit4 {
    margin: 0 3.1%;
}

.tit4 li {
    float: left;
    width: 49.7%;
    background: url(../images/zc_g.jpg) no-repeat center;
    height: 37px;
    text-align: center;
    margin-bottom: 0.1rem;
    background-size: 100% 6.25rem;
    margin-right: 0.51%;
}

.tit4 li em {
    font-size: 16px;
    color: #ffffff;
    display: block;
    line-height: 38px;
    /* padding-top: 1.5rem; */
}

.tit4 li:nth-child(2n) {
    margin-right: 0;
}

.tit4 li:last-child {
    margin-right: 0;
}

.tit4 li:hover,
.tit4 li.cur {
    background: #af2023;
}

.tit4 li:hover,
.tit4 li.cur em {
    font-weight: bold;
    color: #fff;
}

.tit4 li:hover em {
    font-weight: bold;
    color: #fff;
}

.zc .zc_con {
    margin: 0 3.1%;
}

.zc .zc_con dl {
    position: relative;
}

.zc .zc_con dt img {
    width: 100%;
    display: block;
}

.zc .zc_con dd {
    height: 4rem;
    background: #af2023;
}

.zc .zc_con dd h4 {
    text-align: center;
    padding-top: 1.9rem;
}

.zc .zc_con dd h4 em {
    font-size: 1.4rem;
    color: #ffffff;
    display: block;
    font-weight: bold;
    line-height: 1.4rem;
}

.zc .zc_con dd p {
    font-size: 1.1rem;
    color: #fff;
    display: block;
    line-height: 1.5rem;
    padding-top: 1.0rem;
    text-align: center;
    width: 95%;
    margin: 0 auto;
}


/* -- 加盟流程 -- */

.jm {
    height: 25.3rem;
    background: #f2f2f2;
}

.jm h2 {
    height: 3.0rem;
    text-align: center;
    padding-top: 3.1rem;
    margin-bottom: 2.0rem;
}

.jm h2 em {
    font-size: 1.8rem;
    color: #000000;
    display: block;
    line-height: 1.8rem;
    font-weight: bold;
}

.jm h2 span {
    font-size: 0.65rem;
    color: #808080;
    display: block;
    line-height: 0.65rem;
    text-transform: uppercase;
    width: 42.40%;
    margin: 0.5rem auto 0;
    position: relative;
}

.jm h2 span:before {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/lt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    left: 0;
    top: 0;
}

.jm h2 span:after {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/rt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
}

.jm1 {
    margin: 0 3.1%;
}

.jm1 ul li {
    width: 33.3%;
    height: 6.25rem;
    text-align: center;
    margin-bottom: 1.35rem;
    float: left;
}

.jm1 ul li i {
    width: 3.25rem;
    margin: 0 auto;
    display: block;
}

.jm1 ul li img {
    width: 100%;
    display: block;
}

.jm1 ul li h3 {
    height: 2.25rem;
    text-align: center;
    margin-top: 0.9rem;
}

.jm1 ul li h3 em {
    font-size: 1.1rem;
    color: #323232;
    display: block;
    line-height: 1.1rem;
}

.jm1 ul li h3 span {
    font-size: 0.65rem;
    color: #323232;
    display: block;
    line-height: 0.65rem;
    padding-top: 0.5rem;
}


/* -- 客户见证 -- */

.jzt {
    /* height: 50.0rem; */
    overflow: hidden;
}

.jzt h2 {
    height: 3.0rem;
    text-align: center;
    padding-top: 3.8rem;
    margin-bottom: 1.8rem;
}

.jzt h2 em {
    font-size: 1.8rem;
    color: #000000;
    display: block;
    line-height: 1.8rem;
    font-weight: bold;
}

.jzt h2 span {
    font-size: 0.65rem;
    color: #808080;
    display: block;
    line-height: 0.65rem;
    text-transform: uppercase;
    width: 48.40%;
    margin: 0.5rem auto 0;
    position: relative;
}

.jzt h2 span:before {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/lt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    left: 0;
    top: 0;
}

.jzt h2 span:after {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/rt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
}

.jz_1 {
    margin: 2.0rem 3.1% 0 3.1%;
}

.jz_1 ul li {
    float: left;
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 0.9rem;
}

.jz_1 ul li i img {
    width: 100%;
    display: block;
}

.jz_1 ul li:nth-child(2n) {
    margin-right: 0;
}

.jz_1 ul li:last-child {
    margin-right: 0;
}

.jz_1 ul li h4 {
    height: 64px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    border-top: none;
}

.jz_1 ul li h4 em {
    font-size: 1.1rem;
    line-height: 1.4rem;
    display: block;
    color: #323232;
    margin: 0 auto;
    padding-top: 1rem;
    width: 87%;
}

.jz_1 .xqs1 {
    font-size: 1.1rem;
    color: #af2023;
    display: block;
    line-height: 1.1rem;
    padding-top: 1.0rem;
    margin-left: 0.9rem;
}


/* -- 新闻资讯 -- */

.news {
    /*height: 37.2rem;*/
    /* background: #ffffff; */
    margin-bottom: 5rem;
}

.news h2 {
    height: 3.0rem;
    text-align: center;
    padding-top: 3.5rem;
    margin-bottom: 1.8rem;
}

.news h2 em {
    font-size: 1.8rem;
    color: #000000;
    display: block;
    line-height: 1.8rem;
    font-weight: bold;
}

.news h2 span {
    font-size: 0.65rem;
    color: #808080;
    display: block;
    line-height: 0.65rem;
    text-transform: uppercase;
    width: 68.40%;
    margin: 0.5rem auto 0;
    position: relative;
}

.news h2 span:before {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/lt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    left: 0;
    top: 0;
}

.news h2 span:after {
    height: 0.5rem;
    width: 3.55rem;
    content: " ";
    background: url(../images/rt.png) no-repeat;
    background-size: 3.55rem 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
}

.news1 {
    height: 4.45rem;
    margin: 0 3.1% 0.75rem 3.1%;
    background: #333333;
}

.news .news1 h3 {
    width: 100%;
    float: left;
    height: 4.45rem;
    line-height: 4.45rem;
}

.news .news1 h3 a {
    display: block;
    float: left;
    font-size: 1.2rem;
    color: #ffffff;
    font-weight: bold;
    width: 50%;
    text-align: center;
    line-height: 4.45rem;
}

.news .news1 h3 a.cur {
    background: #af2023;
    color: #000000;
}

.news2 {
    margin: 1.55rem 3.1% 0 3.1%;
}

.news2 dl {
    /*height: 10.55rem;*/
    border-bottom: 1px solid #d2d2d2;
    overflow: hidden;
}

.news2 dl dt {
    float: left;
    width: 43.16%;
}

.news2 dl dt img {
    width: 100%;
    display: block;
}

.news2 dl dd {
    float: left;
    width: 56%;
}

.news2 dl dd h3 {
    padding-left: 0.7rem;
}

.news2 dl dd h3 a {
    font-size: 1.2rem;
    color: #000000;
    display: block;
    line-height: 1.2rem;
    font-weight: bold;
    padding-top: 0.2rem;
}

.news2 dl dd p {
    padding-left: 0.7rem;
    font-size: 1.2rem;
    color: #626262;
    display: block;
    line-height: 1.6rem;
    padding-top: 1.0rem;
}

.news2 .ckxq {
    font-size: 1.1rem;
    line-height: 1.4rem;
    color: #af2023;
    display: block;
    padding-left: 0.7rem;
    padding-top: 1.0rem;
}

.news2 ul {
    height: 8.0rem;
    padding-top: 1.0rem;
}

.news2 ul li {
    float: left;
    height: 2.0rem;
    line-height: 2.0rem;
    padding-left: 1.5rem;
    background: url(../images/dian1.png) no-repeat left;
    background-size: 0.6rem 0.6rem;
    width: 96%;
    margin-left: 1.0rem;
    margin-top: 0.4rem;
}

.news2 ul li a {
    font-size: 1.2rem;
    color: #626262;
    display: block;
}


/**/

@media screen and (min-width:320px) {
    html {
        font-size: 10px;
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 11.25px;
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 11.7px;
    }
}

@media screen and (min-width:384px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 15px;
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 13px;
    }
}

@media screen and (min-width:560px) {
    html {
        font-size: 17.5px;
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 20px;
    }
}

@media screen and (min-width:320px) {
    html {
        font-size: 10px;
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 11.25px;
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 11.7px;
    }
}

@media screen and (min-width:384px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 15px;
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 13px;
    }
}

@media screen and (min-width:560px) {
    html {
        font-size: 17.5px;
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 20px;
    }
}