@charset "utf-8";

body {
  min-width: 1200px;
  width: 100%;
  overflow-x: hidden;
}

i,
em {
  font-style: normal;
}

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

.header {
  height: auto;
  /* position: relative; */
}

.h_con {
  height: 120px;
}
.h_con .ewm{ width:335px; float:right;}
.h_con .ewm i{ float:left; width:44%;text-align:center;}
.h_con .ewm i img{ width: 99px;
margin-top: 10px;
float: left;}
.h_con .ewm i em{text-orientation: upright;
transform: rotate(0deg);
writing-mode: tb-rl;
display: inline-block;
float: left;
padding-top: 30px;
font-weight: bold;
font-size: 12px;
padding-left: 1px;}
.header .logo {
  float: left;
}

.header .logo img {
  width: 232px;
  display: block;
}
.header .logo a{display: block;}
.slogan {
  float: left;
  margin-top: 34px;
  padding-left: 33px;
  position: relative;
  font-weight: normal;
  height: 50px;
  border-left: 1px solid #E8E8E8;
  ;
  margin-left: 28px;
}

.slogan span {
  display: block;
  font-size: 32px;
  color: #333333;
  line-height: 22px;
}

.slogan b img {
  display: block;
  width: 159px;
  height: 17px;
  margin-top: 12px;
}

.zx {
  float: right;
  width: 134px;
  height: 41px;
  background: #2B378B;
  border-radius: 21px;
  margin-top: 40px;
  padding-left: 26px;
  font-size: 14px;
  color: #fff;
  line-height: 41px;
  box-sizing: border-box;
  transition: all 0.3s;
}

.zx:hover {
  transform: translateY(-5px);
}

.zx img {
  display: block;
  width: 28px;
  height: 28px;
  padding-top: 7px;
  float: right;
  padding-right: 7px;
  vertical-align: middle;
}

.h_contact {
  float: right;
  margin-top: 26px;
  margin-right: 20px;
}

.h_contact p {
  height: 32px;
  margin-bottom: 6px;
}

.h_contact p:hover span img {
  animation-duration: 2s;
  animation-name: flipInY;
}

.h_contact span img {
  display: block;
  width: 32px;
  height: 32px;
  float: left;
  padding-right: 8px;
}

.h_contact strong {
  display: block;
  font-size: 26px;
  color: #333333;
  line-height: 32px;
  float: left;
  font-weight: bold;
}

.nav{width: 100%; min-width: 1300px; height: 65px; background: #0030ae;}
.nav .w1200{overflow: visible;width: 1200px; margin: 0 auto;}
.nav li {display: inline-block;vertical-align: middle; position: relative;}
.nav li:last-child{background:none;}
.nav li a {display: block;font-size: 16px;line-height: 65px;padding: 0 28px;color: #fff;}
.nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;}
.nav li .arr:after {content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;transform: rotate(135deg);right: 15px;}
.nav li.active a,.nav li.open a,.nav li a:hover {color: #fff;background-color: #ff8a00;}
 .nav li.dropdown {position: relative;}
.nav li.dropdown:before {content: "";position: absolute;border-bottom: 0;border-top-color: currentColor;top: 50%;margin-top: -2px;right: 15px;}
.nav .dropdown-box {position: absolute;left: 0;min-width: 100%;top: 100%;display: none;z-index: 10;text-align: center;}
.nav .dropdown-box p {margin: 0;}
.nav .dropdown-box a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;font-size: 14px;background-color: #122c80 !important;line-height: 40px;color: #fff !important;border-top: 1px solid #122c80;}
.nav .dropdown-box a:hover {color: #fff !important;background-color: #ff8a00 !important;}
.nav ul > li:hover .dropdown-box{display: block;}	



.list_good .hd {
  line-height: 100px;
  background: url('../images/cptit_bg.png') no-repeat center right;
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: bold;
  padding-left: 20px
}

@media (max-width:640px) {
  .list_good .hd {
      font-size: 20px
  }
}

.download_list {
  border-top: 1px solid #f2f2f3
}

.download_list li {
  border-bottom: 1px solid #f2f2f3
}

.download_list li a {
  padding: 20px 20px 20px 70px;
  display: block;
  position: relative
}

@media (min-width:481px) {
  .download_list li a {
      padding-right: 100px
  }
}

.download_list li a::before {
  content: '';
  display: block;
  position: absolute;
  background: url('../images/ic_pdf.png') no-repeat center left;
  width: 50px;
  height: 100%;
  left: 20px;
  top: 0
}

@media (max-width:480px) {
  .download_list li a {
      padding-left: 40px
  }

  .download_list li a::before {
      left: 0;
      height: 32px;
      top: 20px;
      background-size: contain
  }
}

.download_list li a .tit2 {
  font-size: 18px;
  color: #000
}

@media (max-width:480px) {
  .download_list li a .tit2 {
      font-size: 17px
  }
}

.download_list li a .time {
  margin-top: 10px;
  color: #999
}

.download_list li a .download {
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #666
}

@media (min-width:992px) {
  .download_list li a:hover {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      position: relative;
      z-index: 55
  }

  .download_list li a:hover .tit,
  .download_list li a:hover .download {
      color: #1e50ae
  }
}

















@keyframes downup { 0% { transform: translate(0, 0); } 50% { transform: translate(0, -8px); } 100% { transform: translate(0, 0); } }
@-webkit-keyframes downup { 0% { -webkit-transform: translate(0, 0); } 50% { -webkit-transform: translate(0, -8px); } 100% { -webkit-transform: translate(0, 0); } }


/* -- 广告 -- */
/* .content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";} */
.banner{position: relative;width: 100%; min-width: 1200px;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 60px;height:10px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 10px;height: 10px;background: #fff;border-radius: 100%;margin: 0 10px;vertical-align: top;}
.ban_pg i.on{background: #073884;}
.banner .prev{position:absolute;top:45%;left:1.5%;z-index: 10;cursor: pointer;transition: all .25s linear;opacity:0;}
.banner .next{position:absolute;top:45%;right:1.5%;z-index: 10;cursor: pointer;transition: all .25s linear;opacity:0;}
.banner em{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(0,0,0,0.6);}
.banner em img{height: 30px;display: inline-block;margin-top: 15px;}

.banner:hover  .prev{opacity: 1;left: 4%;}
.banner:hover .next{opacity: 1;right: 4%;}

/* -- 搜索 -- */
.search{height: 70px;background: #f6f6f6;}
.search p{float: left;height: 70px;line-height: 70px;font-size: 14px;color: #666666;}
.search p b{ color: #666666;float: left;font-weight: bold;}
.search p a{ font-size:14px ;display: block;float: left;color: #666666;line-height: 70px;margin-right: 24px;}
.search p a:hover{color: #2b378b;}
.s_box{float: right;width: 702px;height: 70px;position: relative;background: #2b378b;border-bottom: 3px solid #91c42f;box-sizing: border-box;margin-right: -360px;}
.s_box .txt{float:left;width:258px;height:70px;line-height: 70px;font-size:14px;color:#fff;border:none;background: none;outline: 0;padding-left: 44px;}
.s_box .btn{float: left;width:32px;height: 32px;border: 0;background: url(../images/sea.png) no-repeat center;outline: 0;cursor: pointer;margin-top: 17px;position: relative;}

 input::-webkit-input-placeholder{
            color:#fff;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#fff;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#fff;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#fff;
        }

/* 品牌 */
.ws_c{height:480px;overflow: hidden;position: relative;background: url(../images/yz_bj.jpg) no-repeat center top;margin-top:92px;padding:8px 9px 0;}
.ws_c dl{height: 378px;overflow: hidden;}
.ws_c dt{float: right;width:600px;height: 365px;}
.ws_c dt img{width:600px;height: 365px;}
.ws_c dd{float:left;width:554px;padding:23px 0 0 0;}
.ws_c dd h3{height:50px;line-height:50px;font-size:36px;color: #333333;}
.ws_c dd h3 i{color: #009c84}
.ws_c dd em{line-height:27px;font-size:20px;color:#333333;height:50px;display:block;background:url(../images/yz_ico2.png) no-repeat left bottom;}
.ws_c dd p{font-size:16px;color: #666666;line-height: 26px;padding-top:4px;}
.ws_c dd a{display: block;width:128px;height: 34px;border:2px solid #b5b5b5;line-height: 34px;text-align: center;margin-top:30px;display: flex;justify-content:center;align-items:center;transition: all 0.5s}
.ws_c dd a:hover{margin-top:50px;}


/* 产品中心 */
.product {padding: 50px 0;background:#f0f0f0 url(../images/pro_bj.jpg) no-repeat center top;box-sizing: border-box;padding-top:73px;

}
.product .conleft {width: 265px;background: #fff;}
.product .conleft h3 img {display: block;}
.product .conleft .proList {padding: 30px 13px 5px 13px;}
.product .conleft .proList li {padding-left: 18px;margin-bottom: 30px;background: url(../images/proicon01.png) no-repeat left center;font-size: 16px;overflow: hidden;text-overflow: ellipsis;padding-right: 3px; }
.product .conleft .proList li:hover {background: url(../images/proicon02.png) no-repeat left center;}
.product .conleft .proList li:hover a {color: #004899;}
.product .conleft .proTel {height: 101px;background: url(../images/protel.jpg) no-repeat center;}
.product .conleft .proTel p {padding: 30px 0 0 80px;color: #fff;}
.product .conleft .proTel p i {display: block; font-size: 14px !important;}
.product .conleft .proTel p span {display: block;font-size: 22px;}
.product .conright {width: 900px;}
.product .conright dl {float: left;width: 276px;padding: 7px;background: #fff;margin: 10px 10px;}
.product .conright dl.bdnot {margin-left: 0;}
.product .conright dl dt {height: 245px;overflow: hidden;margin-bottom: 7px;}
.product .conright dl dt img {display: block;width: 276px;height: 245px;transition: all 0.5s;}
.product .conright dl dd {height: 34px;line-height: 34px;text-align: center;font-size: 15px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.product .conright dl dd a {color: #333;}
.product .conright dl:hover dt img {transform: scale(1.1);}
.product .conright dl:hover dd a {color: #004899;}


/* 品质 */
.wspz {height: 728px;background: url(../images/wspzbg.jpg) no-repeat center top;}
.wspz h2 {padding-top: 40px;margin-bottom: 50px;}
.wspz h2 img {display: block;margin: 0 auto;}
.wspz h2 i {display: block; text-align: center;font-size: 18px;color: #fff;height: 30px;line-height: 30px;}
.wspz .wspzCon {height: 470px;position: relative;}
.wspz .wspzCon dl {color: #fff;width: 230px;position: absolute;}
.wspz .wspzCon dl dt {position: absolute;top: 0;}
.wspz .wspzCon dl dd.dd1 {font-size: 24px; line-height: 25px; font-weight: bold;margin-bottom: 20px;}
.wspz .wspzCon dl dd.dd2 {line-height: 20px;}
.wspz .wspzCon dl.dl1 {padding-left: 145px;left: 0;}
.wspz .wspzCon dl.dl1 dt {left: 20px;}
.wspz .wspzCon dl.dl2 {padding-right: 145px;right: 0;text-align: right;}
.wspz .wspzCon dl.dl2 dt {right: 20px;}
.wspz .wspzCon dl.dl3 {padding-left: 145px;left: 0;top: 225px;}
.wspz .wspzCon dl.dl3 dt {left: 20px;}
.wspz .wspzCon dl.dl4 {padding-right: 145px;right: 0;text-align: right;top: 245px;}
.wspz .wspzCon dl.dl4 dt {right: 20px;}
.wspz .wspzbg {width: 610px;height: 416px;background: url(../images/wspz05.png) no-repeat center;position: absolute;left: 285px;top: 119px;}

/* 优势 */

h2.h2_title {padding-top: 55px;text-align: center;font-weight: normal;margin-bottom: 5px;}
h2.h2_title a {color: #333;font-size: 30px;}
h2.h2_title span {color: #333;font-size: 30px;}
.pTit {margin-bottom: 35px;text-align: center;}
.pTit em {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 535px;height: 9px;}
.pTit em.eml {background: url(../images/titl01.png) no-repeat right center;}
.pTit em.emr {background: url(../images/titr01.png) no-repeat left center;}
.pTit span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 125px;text-align:center;font-size: 16px;color: #b7b7b7;font-weight: 100;}
.advantage {padding: 30px 0 65px 0;}
.advantage h2 b {display: block;font-size: 52px;color: #0048a1;line-height: 68px; }
.advantage .pTit {margin-bottom: 50px;}
.advantage .pTit em {width: 450px;}
.advantage .pTit span {width: 295px;color: #333;}
.advantage .advCon {position: relative;height: 973px;background: url(../images/advbg.jpg) no-repeat center top ;}
.advantage .advCon dl {position: absolute;}
.advantage .advCon dl dt {font-size: 17px;font-weight: bold;color: #333;margin-bottom: 38px;}
.advantage .advCon dl dt b {color: #0048a1;}
.advantage .advCon dl dd {padding-left: 23px;margin-bottom: 12px;background: url(../images/advicon.png) no-repeat left 6px;font-size: 14px;}
.advantage .advCon dl.dl1 {left: 740px;top: 30px;}
.advantage .advCon dl.dl2 {left: 740px;top: 278px;}
.advantage .advCon dl.dl3 {left: 63px;top: 535px; width: 470px;}
.advantage .advCon dl.dl4 {left: 63px;top: 782px;width: 470px;}

/* 关于我们 */
.ab_bj{background: #f2f2f2;height: 693px;overflow: hidden;}
.about dd{float:left;width:502px;padding-top:92px;}
.about dd h2 a{display: block;height: 49px;line-height: 49px;font-size:40px;color: #333333;}
.about dd span{height:65px;line-height: 33px;font-size:22px;color: #333333;background: url(../images/ab_ico1.png) no-repeat left bottom;display: block;}
.about dd p{font-size:14px;color: #333333;line-height: 24px;padding-top:30px;}
.about dd em a{display:inline-block;font-size:14px;color: #333333;padding-right:72px;height: 48px;line-height: 48px;background: url(../images/ab_a1.png) no-repeat right;margin-top:25px;}
.about dt{float: right;margin-right:-360px;font-size:0;line-height: 0;}
.about dt img{width:960px;height: 693px;}


.xc_c{height: 242px;padding:21px 22px 0;box-sizing: border-box;background: #fff;margin-top:-102px;position: relative;z-index: 2}
.xc_c li{float:left;width:216px;height: 200px;margin-right:19px;overflow: hidden;}
.xc_c li img{width:216px;height: 161px;display: block;}
.xc_c li span{display: block; width: 216px; line-height: 35px;text-align: center;}
.xc_c li:last-child{margin:0;}

/* 新闻资讯 */

.titis{overflow:hidden;text-align:center;height:144px}.titis h2{height:67px;line-height:67px;font-size:48px}.titis p{display:block;font-size:20px;color:#5e5e5f;line-height:34px;height:34px}
.news {
  padding-top: 63px;
  height: 768px
}

.news .tit2 {
  height: 67px;
  line-height: 67px;
  position: relative
}

.news .tit2 span a {
  font-size: 24px;
  color: #004cab;
  font-weight: 700
}

.news .tit2 i {
  font: 12px arial;
  color: #999;
  text-transform: uppercase;
  line-height: 42px;
  padding-left: 10px
}

.news .tit2:after {
  content: "";
  display: block;
  width: 255px;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: 255px;
  top: 38px
}

.news .tit2 em a {
  float: right;
  font-size: 14px;
  color: #666;
  line-height: 67px;
  box-sizing: border-box;
  padding-top: 4px;
  text-transform: uppercase
}

.news .tit2 em a:hover {
  color: #004cab
}

.dongt {
  float: left;
  width: 568px
}

.dt_a1 dl {
  height: 404px
}

.dt_a1 dt {
  font-size: 0;
  line-height: 0
}

.dt_a1 dt img {
  width: 568px;
  height: 267px
}

.dt_a1 dd {
  padding-top: 14px
}

.dt_a1 dd h4 a {
  display: block;
  height: 33px;
  line-height: 33px;
  font-size: 22px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400
}

.dt_a1 dd p {
  font-size: 14px;
  color: grey;
  line-height: 24px;
  padding-top: 9px
}

.dt_a1 dd p a {
  color: grey
}

.ab_c li p em,
.dt_a1 dl:hover dd h4 a {
  color: #21499b
}

.dt_a1 li {
  height: 36px;
  line-height: 36px
}

.dt_a1 li a {
  font-size: 14px;
  color: #333;
  display: block;
  height: 30px
}

.dt_a1 li span {
  float: right;
  font-size: 14px;
  color: #333
}

.dt_a1 li a:hover {
  color: #004cab
}

.went {
  float: right;
  width: 582px
}

.went dl {
  height: 153px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 28px
}

.went dt,
.went dt em {
  height: 30px;
  line-height: 30px
}

.went dt {
  text-overflow: ellipsis;
  white-space: nowrap
}

.went dt em {
  width: 105px;
  display: inline-block;
  background: #ed1c22;
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin-right: 15px;
  border-radius: 4px;
  vertical-align: top
}

.went dt a {
  font-size: 22px;
  color: #333
}

.went dd {
  padding-top: 17px
}

.went dd p {
  font-size: 14px;
  color: grey;
  line-height: 24px
}

.went dd a,
.went dl:hover dt a {
  color: #004cab
}

.went dd a {
  font-size: 14px;
  margin-top: 12px;
  display: block
}

.went ul {
  height: 176px
}

.went li a {
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url(../images/ns_ico2.jpg) right no-repeat
}

.went li a:hover {
  background: url(../images/ns_ico2_hv.png) right no-repeat;
  color: #004cab
}

.wt_mo {
  font-size: 0;
  line-height: 0
}

.wt_mo span {
  float: right;
  width: 172px;
  height: 157px;
  background: #21499b;
  text-align: center;
  box-sizing: border-box;
  display: block
}

.wt_mo span a {
  font-size: 18px;
  color: #fff;
  padding-bottom: 34px;
  display: block;
  background: url(../images/ns_ico4.png) center bottom no-repeat;
  margin-top: 50px;
  line-height: 30px
}

.wt_mo span a:hover {
  margin-top: 45px
}


/* 底部 */
.footer {
  padding: 40px 0;
  background: #3a3a3a;
  overflow: hidden;
}

.footer .fnav {
  width: 240px;
  float: left;
}

.footer .fnav .tit1 {
  font-size: 18px;
  color: #fff;
  margin-bottom: 30px;
  text-align: left;
}

.footer .fnav a {
  display: block;
  font-size: 14px;
  color: #fff;
  height: 30px;
  line-height: 30px;
}

.footer .fnav a:hover {
  color: #0073c6;
}

.footer .fcon {
  float: right;
  width: 340px;
}

.footer .fcon .flogo {
  margin-bottom: 20px;
}

.footer .fcon .phone {
  font-size: 18px;
  color: #8c8c8c;
  margin-bottom: 10px;
}

.footer .fcon .phone span {
  display: block;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  line-height: 40px;
}

.footer .fcon .wz {
  font-size: 14px;
  color: #8c8c8c;
  line-height: 25px;
}
.banq {
  background: #3a3a3a;
  padding: 20px 0;
  line-height: 25px;
  font-size: 14px;
  color: #fff;
  border-top: 1px solid #524d4d;
}

.banq a {
  color: #fff;
}

.banq a:hover {
  text-decoration: underline;
}

/* 友情链接 */

.lk_bj {
  height: 72px;
  z-index: 2;
  background: #21499b
}

.link {
  width: 1200px;
  margin: 0 auto;
  z-index: 2
}

.link span {
  color: #fff;
  display: inline-block;
  margin-right: 20px
}

.link span em {
  padding-left: 5px;
  display: inline-block
}

.link a {
  color: #fff;
  padding-right: 25px
}
.link,
.link span,
.lk_bj {
    line-height: 72px
}

/* 右边客服 */
.client-2 {
  width: 45px;
  position: fixed;
  right: 10px;
  top: 60%;
  z-index: 999;
  color: #fff
}

.client-2 li a {
  text-decoration: none;
  color: #fff
}

.client-2 li {
  margin-bottom: 5px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  cursor: pointer;
  position: relative
}

.client-2 li.my-kefu-qq {
  background: url(../images/cimg23.png) center no-repeat #21499b
}

.client-2 li.my-kefu-weixin {
  background: url(../images/cimg24.png) center no-repeat #21499b
}

.client-2 li.my-kefu-tel {
  background: url(../images/cimg25.png) center no-repeat #21499b
}

.client-2 li.my-kefu-shouye {
  background: url(../images/tohome.png) center no-repeat #21499b;
  background-size: 26px
}

.client-2 li.my-kefu-shouye a {
  width: 45px;
  height: 45px;
  display: block
}

.client-2 li.my-kefu-ftop {
  background: url(../images/returnTop.png) center no-repeat #21499b
}

.client-2 li p {
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  text-align: center;
  color: #fff
}

.client-2 li.my-kefu-qq .cont,
.client-2 li.my-kefu-tel .cont {
  border-radius: 50px;
  padding-left: 45px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  right: 0;
  z-index: 999;
  margin: 0;
  position: absolute
}

.client-2 li.my-kefu-qq .cont {
  background: url(../images/cimg23.png) 15px center no-repeat #21499b;
  font-size: 16px;
  width: 130px;
  top: 0
}

.client-2 li.my-kefu-tel .cont {
  background: url(../images/cimg25.png) 15px center no-repeat #21499b;
  font-size: 18px;
  width: 180px;
  top: 0
}

.client-2 .my-kefu-ftop .my-kefu-main {
  padding-top: 6px
}

.client-2 li.my-kefu-weixin .cont {
  margin: 0;
  width: 115px;
  padding: 5px;
  border: 1px solid #ccc;
  position: absolute;
  left: -150px;
  top: -44px;
  background-color: #fff
}

.client-2 li.my-kefu-weixin .cont span {
  display: block;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  color: #1a1a1a
}

.client-2 li.my-kefu-weixin .cont img {
  width: 115px;
  height: 115px
}

.client-2 li:hover .cont {
  display: block !important
}

@media screen and (min-width: 1263px) {
    html {
      font-size: calc(1263px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1349px) {
    html {
      font-size: calc(1349px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1463px) {
    html {
      font-size: calc(1463px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1543px) {
    html {
      font-size: calc(1543px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1583px) {
    html {
      font-size: calc(1583px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1643px) {
    html {
      font-size: calc(1643px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1663px) {
    html {
      font-size: calc(1663px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1903px) {
    html {
      font-size: calc(1903px * 20 / 1903);
    }
  }