body,html{ background-size: cover; font-family: "微软雅黑"; font-size: 14px;}
.top{ width: 100%; background: #2863a7; display: inline-block;}
.top a{ color: #fff; font-size: 14px;}
.topN{ width: 1300px; position: relative; margin: 0px auto;}
.topNL{ text-align: left; padding: 10px 0px;vertical-align:bottom;}
.topNL span{ margin: 0px 10px;}
.topNR{ text-align: right; padding: 10px 0px;vertical-align:bottom;}
.topNR span{ margin: 0px 10px;}

.banner{ width: 100%; height:300px; background: url(../images/banner.jpg) no-repeat center center; background-size: cover; margin-top:-4px;}
.bannerN{ width: 1300px; position: relative; margin: 0px auto; }
.bannerNL img{ width: 100%; }
.SsCxL{ margin-top: 30px; padding: 0px; }
.SsCxL input{ height: 40px; line-height: 40px; }
.SsCxR{ margin-top: 30px; }
.SsCxR button{ height: 40px; /*line-height: 35px;*/ width: 100%; background: #fc4349; border:1px solid #fc4349; }
.SsCxR button:hover,.SsCxR button:focus,.SsCxR button:active,.SsCxR button:active:hover{ background: #fc4349; border:1px solid #fc4349;}
.Hotspan{ width: 100%; clear: both; position: relative; left: 0px; margin-top: 70px; }
.Hotspan ul li{ width: 18%; height: 35px; line-height: 35px; float: left; margin: 1%; text-align: center; background: #3d88f2; color: #fff; border-radius: 2px; }
.Hotspan ul li a{ color: #fff; }

.nva{ width:100%; margin: 0px auto; line-height: 50px; background: #; margin-bottom:10px; }
.nvaN{ width: 1300px; position: relative; margin: 0px auto;  line-height: 50px; background:#1a6c1a; box-shadow: -1px 4px 1px 4px rgba(0,0,0,0.2);}
.navlist{ width: 100%; height: 50px; line-height: 50px; }
.navlist ul{display:inline-block; width:100%;}
.navlist ul li{ text-align: center; width:auto;  }
.navlist ul li a{ color: #fff; font-size:18px; display: block; }
.navlist ul li i{ font-size:24px; margin-right: 10px; top:3px; position: relative;}

.main{ width: 1300px; position: relative; margin: 0px auto; min-height: 300px; /*overflow: hidden;*/ box-shadow: -1px 4px 1px 4px rgba(0,0,0,0.1);}
.dypL{ padding: 0px; }
.fwfl{ width: 100%; min-height: 325px; background: #eff4fa; padding-bottom: 10px; font-size:16px; line-height:25px; }
.fwfl fieldset{ width: 96%; position: relative; margin: 0px auto; }
.fwfllist li{  height: 60px; line-height: 60px; text-align: left; margin: 5px 0px; border-bottom: 1px solid #dee1e4; overflow: hidden; }
.fwfllist li i{ font-size: 30px; margin-right:20px; }
.fwfllist li span{ color: #555; font-size:18px; }

.fwfllist li:nth-child(1) i{ color: #de0954; }
.fwfllist li:nth-child(2) i{ color: #3c989b; }
.fwfllist li:nth-child(3) i{ color: #ffac00; }
.fwfllist li:nth-child(4) i{ color: #c34960; }
.fwfllist li:nth-child(5) i{ color: #42a5ee; }
.fwfllist li:nth-child(6) i{ color: #02a676; font-size: 24px; }
.fwfllist li:nth-child(7) i{ color: #c34960; }
.fwfllist li:nth-child(8) i{ color: #9d25e8; }

.pt{ display: inline-block; width: 100%; margin-top:5px;}
.pt img{ width: 100%;}

.dyp{ display: inline-block; width: 100%;}
.dypR{padding: 0px;}
.dypRL{ padding: 0px 10px; }
.dypRL{ /*width: 633px;*/  /*background: #eee;*/   margin-bottom: 10px; }
.dypRL .swiper-slide{/* text-align: center;*/ position: relative; margin-top: 10px; }
.dypRL .swiper-slide a{ display: block; }
.dypRL .swiper-slide img{ width: 100%; }
.dypRL .swiper-pagination{ width: auto; left: auto; right: 30px; position: absolute; bottom: 0px; height: 35px; line-height: 35px; z-index: 999; }
.dypRL .swiper-pagination span{ width: 10px; height: 10px; margin: 0px 10px; background: #fff; display: inline-block; border-radius: 50%; }
.dypRL .swiper-pagination span.swiper-active-switch{ background: #2863a7 }
.dypRL .swiper-wrapper .swiper-slide span{ position: absolute; z-index: 99; width: 100%; left: 0px; bottom: 0px; display: block; height: 35px; line-height: 35px; text-indent: 1em; background: #978986; background: rgba(77,86,109,0.5); color: #fff; font-size:16px; }
.dypRR{ padding: 0px 2px;}

.lmBt{ width: 100%;line-height: 45px; display:inline-block; border-bottom: 2px solid #f6f6f6; background: #eee; position:relative; }
.lmBt span{ padding: 0px 30px; border-bottom: 2px solid #337aca; display: block; float: left; font-size: 18px; font-weight: 600; }
.lmBt a{ float: right; color: #888; font-size: 14px; margin-right: 10px; position:absolute; right:0px; top:0px; }
.lmBt span.caret{display: inline-block; float: none;padding: initial; border-bottom: none; }

.newTt{ clear: both; }
.newTt h3{ width: 100%; height: 55px; line-height: 55px; padding: 0px; margin: 0px; overflow: hidden; }
.newTt h3 a{ font-size: 16px; color: #fc8d29; }
.newTt p{ line-height: 25px; font-size: 14px; color: #999; }

.nwe1{ color: #999; margin-left: 10px; clear: both; }
.nwe1 li{ height: 35px; line-height: 35px; list-style-type: disc; }
.nwe1 li a{ color: #333; font-size: 16px; width: 80%; float: left; height: 35px; line-height: 35px; position: relative; overflow: hidden; }
.nwe1 li span{ float: right; font-size: 14px; color: #999; }

.layui-tab .layui-tab-title .layui-this{  color: #515a6e; border:none; border-radius: 2px 2px 0px 0px; border-width: inherit; border-style: none;font-size: 15px; font-weight: bold; }
.layui-tab-title .layui-this::after{ border-width: initial; border-style: none; }
.layui-tab-title{ background: #eee; }

.dypRR .layui-tab{ margin-bottom: 0px; }

.loginW{ background: #f6f6f6; /*background: url(../images/loginW.png) no-repeat center center; background-size: cover;*/ height: 222px; position: relative; overflow: hidden; border-radius: 2px; }
.login {width:240px;height:185px;margin-top:10px;background:url(../images/login.png) no-repeat; position: relative; margin: 0px auto; margin-top: 15px;}
.login a:link, .login a:active, .login a:visited, .login a:hover {text-indent:-9999px;display:block;}
.login .one a:link, .login .one a:active, .login .one a:visited {width:114px;height:90px;margin:0 14px 0 0;float:left;}
.login .one a:hover {width:114px;height:90px;float:left;}
.login .two a:link, .login .two a:active, .login .two a:visited {width:114px;height:90px;float:left;}
.login .two a:hover {width:114px;height:90px;float:left;}
.login .three a:link, .login .three a:active, .login .three a:visited {width:114px;height:90px;margin:5px 14px 0 0;float:left;}
.login .three a:hover {width:114px;height:90px;float:left;}
.login .four a:link, .login .four a:active, .login .four a:visited {width:114px;height:90px;margin:5px 0 0 0;float:left;}
.login .four a:hover {width:114px;height:90px;float:left;}
.login .five a:link, .login .five a:active, .login .five a:visited {width:100px;height:100px;margin:5px 0 0 0;position:absolute;margin:40px 0 0 70px;*margin:-50px 0 0 -170px;-margin:-145px 0 0 70px;float:left;}
.login .five a:hover {width:100px;height:100px;position:absolute;*margin:-50px 0 0 -170px;-margin:-145px 0 0 70px;float:left;}

.dep{ display: inline-block; width: 100%;}
.zcjd,.hdgg{ margin-top: 10px; }





.dsp{ clear: both; margin-top: 10px; display: inline-block; width: 100%;}
.kjxx{ clear: both; margin-top: 15px;}
.kjxxNL{ padding: 0px;}
.kjxxNR{ padding: 0px 0px;}
.zjlyfl{ margin-top: 10px;}
.zjlyfl ul li{ height: 35px; line-height: 35px; margin: 2px 0px; padding: 0px 2px; text-align: center; overflow: hidden;}
.zjlyfl ul li a{ background: #6096d5; display: block; width: 100%; height: 35px; line-height: 35px; color: #fff; font-size: 14px;}
.jszy{ clear: both; margin-top: 5px;}
.jszy ul li{ height: 75px; text-align: center; padding: 0px 3px;overflow: hidden;}
.jszy ul li a{ background: #407088; display: block; width: 100%; height: 75px;}
.jszy ul li a span{ color: #fff; font-size: 14px;}
.jszy ul li a i{ font-size: 24px; color: #fff; display: block; width: 100%; padding-top: 10px;}
.zjlist{ display: inline-block; width: 100%; position: relative; margin: 0px auto; padding-left: 5px; }
.zjlist li{ padding: 0px 2px; transition: all 0.3s; }
.zjlist li:last-child{ padding-right: 0px;}
.zjlist li a{ display: inline-block; width:100%; background:#eee; transition: all 0.3s; border: 0px solid #e3e2e2;}
.zjlist li .lmBt a{ color:#000;float:right; width:auto;display: initial; height:30px; line-height:30px;}
.zjlist li img{ width: 100%; transition: all 0.3s; }
.zjlist li span{ height: 30px; line-height: 30px; font-size: 16px; text-align: left; display: block;  overflow:hidden; color:#000; }
.zjlist li span i{ font-style:normal;}
.zjlist li em{ height: 40px; line-height: 40px;  font-size: 16px; text-align: left;  color: #036; overflow:hidden; }
.zjlist li p{ height: 50px; line-height: 25px; overflow: hidden; color: #999; width: 90%; position: relative; margin: 0px auto; }
.zjlist.grzhunajia li i{ font-style:normal;}
.zjlist.grzhunajia li span{ width:100%;}
.zjlist.grzhunajia li span em{ display:initial;}
/* .zjlist li:hover{  } */
/*.zjlist li:hover a{ background: #dceff8; color:#000;box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4); }*/
.zjlist li:hover span{ color: #000; }
.zjlist li:hover em{ color: #000; }
.zjlist li:hover p{ color: #000; }
/*.zjlist li:hover img{ border-radius:10%; overflow: hidden;}*/

.zjlist li ul li{ width: 100%; clear: both; height: 30px; line-height: 30px; overflow: hidden; position: relative; }
.zjlist li ul li span{ font-size: 16px; float: left; display: block; width: 30%; text-align: center; height: 30px; line-height: 30px; color: #000; }
.zjlist li ul li em{ width: 70%; float: right; display: block; text-align: left; color: #000; height: 30px; line-height: 30px; font-size: 16px;}

.zjlist.indexguoj li em{ display:initial;}
.zjlist.indexguoj li img{max-width:110px;}
.zjlist.grzhunajia li img{max-width:110px;}

.yqlj{ width: 100%; background: #eee; padding-top: 10px; display: inline-block; clear: both; }
.yqljN{ width: 1300px; position: relative; margin: 0px auto; }


.footer{ width: 100%; background: #0e3766; color: #fff; padding-top: 5px; padding-bottom: 5px; clear: both; }
.footer a{ color: #fff; }
.footerN{ width: 1300px; position: relative; margin: 0px auto; font-size:15px; }
.footerL ul li{ line-height: 25px; padding: 5px 0px; }
.footerC p{  line-height: 35px; padding: 0px; }
.footerR{ text-align: center; }
.footerR p{ padding: 0px 35px;}
.footerR img{ width: 80%; }
.footerR span{ clear: both; display: block;}


.cgal{ clear: both; margin-top: 15px; margin-left: 0px; width: 100%; }
.cgallist{ clear: both; }
.cgallist ul li{ padding: 0px 5px; }
.cgallist ul li div{ background: #eee; background-size: cover; padding: 10px 2%; width: 96%; margin: 5px 0px; box-sizing: content-box; border-radius: 2px; overflow: hidden; }
.cgallist ul li div h3{ line-height: 30px; margin: 5px 0px; font-size: 16px;clear: both; height:30px; overflow:hidden; }
.cgallist ul li div h3 a{ color: #000; }
.cgallist ul li div span{ color: #999; margin: 2px 0px; display: block; float: left; padding: 0px 2px; font-size: 14px; color: #999; }
.cgallist ul li div b{ background: rgba(185, 181, 181, 0.2); width: 100%; padding: 5px 0px; display: inline-block; font-weight: normal; font-style: normal; }
.cgallist ul li div em{ font-style: normal;}
.cgallist ul li div i{ font-style: normal; margin: 0px 5px;}
.cgal .lmbtsm span{ background: #f6f6f6;}

/*bootstarp对layui框架legen元素的错位修正*/
.layui-elem-field legend{  width: auto; /*display: inline;*/ border:none;  }
.layui-form-label{ box-sizing: initial; }

.layui-elem-field{ box-shadow: -1px 1px 4px 1px rgba(0,0,0,0.2); text-align: center;}
.layui-elem-field legend{ font-weight: bold; font-size: 16px; color: #021f41;  position: relative; margin: 0px auto; height: 50px; line-height: 50px;/* width: 180px; background: #f6f6f6 url(../images/legendbg.png) no-repeat center center; background-size: cover;*/ }

.layui-form-label { 
  padding: 9px 3px;
  width: 120px;  
}
.layui-input-block {
  margin-left: 140px;
  min-height: 36px;
}



.navlist{ width: 100%; height:auto; overflow: hidden; overflow-x: auto;}
.navNricon{ display: none; transition: all 0.3s;}
.navNricon.active i{ transform: rotate(180deg); display: block;}


.kjcplist { display: inline-block;}
.kjcplist li{ padding: 2px 2px; overflow: hidden;}
.kjcplist img{ width: 100%;}
.kjcplist div{ width: 100%; height: 100%; position: absolute; background: #000; top: 0px; left: 0px;}
.kjcgNR ul li{ margin: 5px 0px; padding: 0px 5px; height: auto; overflow: hidden; height: 120px;}
.kjcgNR ul li img{ width: 100%;}
.kjcgNR ul li div{ position: absolute; left: 100%; top: 0px; width: 100%; background: #0c3551;opacity:0.9;color: #fff; height: 100%; transition: all 0.3s;}
.kjcgNR ul li:hover div{ left: 0px; }
.kjcgNR ul li div h6{ height: 30px; line-height: 30px; overflow: hidden; text-align: center;}
.kjcgNR ul li div p{ line-height: 200%; font-size: 12px; width: 90%; position: relative; margin: 0px auto;}

#zhuycs{ position: relative; overflow: hidden;}
#zhuycs .kjcplist{ width: 200%; position: absolute; top:0px; left: 0px;}
#zhuycs .prev{ position: absolute; left: 0px; top: 50%; margin-top: -15px; background: #000; color: #fff; display: block; z-index: 99; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: rgba(0,0,0,0.5); display:none;}
#zhuycs .next{ position: absolute; right: 0px; top: 50%; margin-top: -15px; background: #000; color: #fff; display: block; z-index: 99; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: rgba(0,0,0,0.5); display:none;}


#zhuyjd{ position: relative; overflow: hidden;}
#zhuyjd .kjcplist{ width: 200%; position: absolute; top:0px; left: 0px;}
#zhuyjd .prev{ position: absolute; left: 0px; top: 50%; margin-top: -15px; background: #000; color: #fff; display: block; z-index: 99; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: rgba(0,0,0,0.5); display:none;}
#zhuyjd .next{ position: absolute; right: 0px; top: 50%; margin-top: -15px; background: #000; color: #fff; display: block; z-index: 99; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: rgba(0,0,0,0.5); display:none;}

.jdylxxdj{ height:170px; overflow:hidden; clear:both; }
.jdylxxdjtext{ line-height:25px; height:125px; font-size:16px;}

#swiper1{ width:100%;}
.subjglogo{ display:block; float:left; width:40px; height:40px; border-radius:50%; overflow:hidden; margin-right:10px; margin-left:15px;}
.zhucegereimgdiv{ height:150px; line-height:150px; overflow:hidden; background:#dbe5f0; padding:0px; text-align:center;}
.zhucegerelistdiv{padding:0px 5px;}

 .contentSize{ position:fixed; width:60px; height:120px; z-index:99;  right:10px; bottom:30px;}
.contentSize ul li{ width:100%; height:60px; line-height:60px; color:#fff; text-align:center; font-size:30px; font-weight:bold;background:rgba(0,0,0,0.3); border-radius:5px;  overflow:hidden; margin:1px 0px;}
.contentSize ul li:nth-child(2){ font-size:35px;}
.contentSize ul li:hover{ cursor:default;}

.topLhideicon{ float: right; color: #fff; display: none; padding: 0px 15px; font-size:16px; z-index: 99;}
.topLhideicon i{ font-size:14px;}
.topLhideicon:hover{ cursor: pointer;}

.layui-btn-container{ clear:both;}

.grzhunajia.zjlist li img{ max-width:110px;}

.zzindexzjger.zjlist li em{ display:initial;}
.zzindexzjger.zjlist li img{ max-width:110px;}

.zjlist li span i{ font-style:normal;}

.zjlist.zzindexzcjg li em{ display:block;}

.zjlist .zzlistjg em{ display:block; width:100%;}

.dypRL.tpnew{ height:350px;}
.dypRL.tpnew .swiper-slide a{ height:350px; position:relative;}
#swiper1{ height:350px;}
.dypRL .swiper-wrapper .swiper-slide span{ bottom:10px;}

.layui-table td, .layui-table th{ font-size:16px;}

.bannertext{ width:100%; text-align:left; font-size:24px; color:#2863a7;text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; height:50px; line-height:50px;font-weight:bold; margin-top:30px; position:absolute; text-indent:50px; letter-spacing:2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }



.szswg_shangwufuwu{ clear:both;display: inline-block;border-bottom: 1px solid #ccc;width: 100%;margin: 5px 0px; padding:5px 0px; } 
.szswg_shangwufuwu h3{ height:35px; line-height:35px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; }
.szswg_shangwufuwu h3 a{color:#2863a7; font-size:16px;}
.szswg_shangwufuwu_div span.span{ float:left;margin:1px 0px; margin-right:2px; font-size:14px; border:1px solid #eee; padding:0px 5px; max-width:40%; overflow:hidden; position:relative; text-overflow:ellipsis; white-space:nowrap;  }
.szswg_shangwufuwu_div span.caret{ margin-left:5px;}
.szswg_shangwufuwu_divxiala{ float:left; border:none; margin-top:0px; }
.szswg_shangwufuwu_divxiala img{ width:25px; height:17px; border-radius:5px;  }
.szswg_shangwufuwu_divxiala button{ border:none; margin-top:0px;height:25px; border:1px solid #eee; border-radius:0px; margin-right:2px; padding:7px 2px; padding-top:0px;}
.szswg_shangwufuwu_div{ display:inline-block;}

.newlistdivspan span:nth-child(1){ width:100%;}


@font-face {
  font-family: 'iconfont';
  src: url('iconfontsub/iconfont.eot');
  src: url('iconfontsub/iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfontsub/iconfont.woff2') format('woff2'),
      url('iconfontsub/iconfont.woff') format('woff'),
      url('iconfontsub/iconfont.ttf') format('truetype'),
      url('iconfontsub/iconfont.svg#iconfont') format('svg');
}

  .iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


    /*@media screen and (min-width: 990px){
      .navlist ul li{ width: 14.28%; }
    }*/
    
    
@media screen and (max-width: 1300px){
  .topN{ width: 100%;} 
  .navN{ width: 100%;}
  .banner{ height: auto;}
  .bannerN{ width: 100%; padding-bottom: 15px;}
  .bannerNR{ width: 100%; top: 0px;}
  .banner .layui-carousel div{ background-position:t -360px top;}
  .pttext{ color: #555; display: none;}
  .nav{ height: auto;}
  .nvaN{ width: 100%;}
  .main{ width: 100%;}
  .fourpt{ width: 100%;}
  .zhxxN{ width: 100%;}
  .kjxxN{ width: 100%;}
  .kjjr{background-size: cover;}
  .kjjrN{ width: 100%;}
  .kjjrN .lmbt{ width: 100%;}
  .kjcgN{ width: 100%;}
  .footerN{ width: 100%;}
  .Hotspan{ margin-top: 10px;}
  .yqljN{ width: 100%;}
  .navlist{ line-height:30px;}
  .bannertext{ position:relative;}
  .bannerN img{ margin-top:-45px;}
  .topNR span{ margin:0px 3px;}
}

@media screen and (max-width: 1000px){
  .fwfl{ height: auto; height: auto;}
  .dypR .dypRL{ clear: both;}
  .bannertext{ font-size:20px; text-indent:0px;}
}

@media screen and (max-width: 990px){
  .navlist ul li{ width: auto;}
  .navNricon{ display: block; position: absolute; right: 0px; bottom: 0px; color: #fff; padding: 0px 10px; background: #1a6c1a;}
  .topNR span{ margin:0px 2px;}
  .topNR span img{ width:20px;}.topLhideicon{ display: block;}
    .topLhideicon i{ display: block; transition: all 0.3s;}
    .topLhideicon.active i{ display: block; transform: rotate(180deg);}
    .navlist ul li a{ font-size:15px;}
    .newlistdivspan span:nth-child(1){ width:auto;}
}
@media screen and (max-width: 730px){
  .kjjrN ul li{ width: 33.3%;}
  .banner .layui-carousel div{ background-position: center top;}
  /*.nva{ position: fixed; left: 0px; bottom: 0px; z-index: 999;}*/
  .footer{margin-bottom: 0px;}
  
}

@media screen and (max-width: 768px) {
    .bannertext{ font-size:16px; margin-top:15px; margin-bottom:15px;}
}

@media screen and (max-width: 600px) {
    .bannertext{ font-size:14px; height:35px; line-height:35px;}
}

@media screen and (max-width: 400px) {
    .bannertext{ margin-top:10px; margin-bottom:10px; font-size:12px; font-weight: normal; }
}


@media screen and (min-width: 600px) and (max-width: 768px){
  .grzhunajia.zjlist li{ width:33.333%;}
}
    
/*@media screen and (min-width: 800px) and (max-width: 768px){
  .grzhunajia.zjlist li{ width:33.333%;}
}*/


@media screen and (min-width: 600px) and (max-width: 768px){
    .zjlist.indexguoj li{ width:50%;}
  .zjlist.indexguoj .zjlistL{ width:40%; height:143px; float:left;}
  .zjlist.indexguoj .zjlistR{ width:60%; float:left;}
}


@media screen and (min-width: 400px) and (max-width: 600px){
    .zjlist.indexguoj li{ width:100%;}
  .zjlist.indexguoj .zjlistL{ width:32%; height:143px; float:left;}
  .zjlist.indexguoj .zjlistR{ width:68%; float:left;}
}

@media screen and (min-width: 600px) and (max-width: 768px){
    .zjlist.zzindexzjger li{ width:50%;}
  .zjlist.zzindexzjger .zjlistL{ width:40%; height:143px; float:left;}
  .zjlist.zzindexzjger .zjlistR{ width:60%; float:left;}
}

@media screen and (min-width: 400px) and (max-width: 600px){
    .zjlist.zzindexzjger li{ width:50%;}
  .zjlist.zzindexzjger .zjlistL{ width:40%; height:143px; float:left;}
  .zjlist.zzindexzjger .zjlistR{ width:60%; float:left;}
}




@media screen and (max-width: 530px){
  .navNL img{ width: 100%;}
  .navlist ul li i{ display: none;}
}



  .iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}