@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px }
body{font-size:100px;}
* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing: border-box; }
.trans{ transition: all .3s ease-in;}
html {width:100%;min-height:100%; }
body {width:100%;min-height:100%; max-width:640px; min-width:320px; margin:0 auto; font:.24rem/1.5 "PingFang SC",Helvetica,"Helvetica Neue","microsoft yahei",Tahoma,Arial,sans-serif; color:#666; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;background: #f5f5f5;position: relative;}
body:before, body:after { content:""; width:100%; display:block; }
body:before{ height: .75rem;}
body:after{ height: .88rem;}
img { border:0px; }
em{ font-style:normal;}
s,i{font-style: normal;}
ul, ol { list-style-type:none; }
li{ list-style: none outside none;}
b{ font-weight: normal;}
/*表单*/
input,button,select,textarea { outline:none; font-family:"PingFang SC","Microsoft Yahei", Arial; font-size:.24rem; -webkit-appearance:none !important; }
table { border-collapse:collapse; border-spacing:0; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#999; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999;} 

/*公用样式*/
.layout { position:fixed; width:100%; height:100%; left:0; top:0; z-wrapper:101; background:#000; opacity:1; } 
.blue{ color:#28a5f4;}

/*链接*/
a, a:link, a:visited, a:hover, a:active {color:#666;text-decoration: none;}
a:focus { outline:none; }
a:hover, a:active{ color:#011a6a; outline:none; }

/*标题*/
h1, h2, h3, h4, h5, h6, h7 {font-weight: normal;}

.icon{ background:url(../images/icon.png) no-repeat;display:inline-block;background-size:2.4rem auto;vertical-align:middle; }
.icon,.icobef:before,.icobef:after{ content: "\20"; display:block; }
.icobef:before{background: url(../images/icon.png) no-repeat;background-size:2.4rem auto;    vertical-align: middle;}
/*清除浮动*/
.fl { float:left; }
.fr { float:right; }
.hidden { display:none; }
.clearfix:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }
.clear,.clearfix:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }

/*==========@@HTML默认  结束@@==========*/
.wrapper{width:100%;}
/*==========@@公共模块 开始@@==========*/
.header {background-size:100% 1.04rem;}
#top_main {width: 100%; height: 1rem;  *zoom: 1;z-index: 99; position: fixed; top: 0px; left: 0px;background:#fff;border-bottom: 1px solid #d9d9d9;}
#top { max-width: 640px; min-width: 320px; height: 1rem; margin: 0px auto; position: relative;border-bottom;1px solid #e0e0e0;}
#top .logo {width: 1.85rem;height: 0.9rem;display: block;    position: absolute;
  top: 0.14rem;
  left: 0.24rem;    background-size: 1.85rem 0.7rem;}

#top .logo img {width: 1.85rem;height:0.7rem;float: left;margin-right: .2rem; background-size:1.85rem 0.7rem;}
#top  .title{float: left;border-left: 1px solid #ccc;display: block; height: .38rem;margin-top: .16rem;width: 3.5rem;    margin-left: 2.5rem;
  margin-top: 0.3rem;}
#top  .title .p1{font-size: .20rem;    margin-top: -0.08rem;padding-left: .2rem;}
#top  .title .p2{font-size: .2rem;padding-left: .2rem;}
#top .topsearch{display: block; position: absolute; top:0.3rem;left:0.4rem;text-align: center; cursor: pointer;width:0.38rem; height:0.38rem;}
#top .topsearch span{display:block;width:0.38rem;height:0.38rem;background-position:0rem -1.19rem;}
#top_main .btn_close_main {width: .88rem;height: 1rem;background-color: #3426ad;position: absolute;top: 0;left: 0;z-index:101;display:none;}
#top_main .btn_close_main .btn_close{width: .34rem;height: .33rem;margin-top: .32rem;margin-left: .26rem;background-position: -2rem -1rem;}
#top #nav { width: .4rem;height: .4rem;background-position: -.5rem -1.2rem;position: absolute; right: 6%;  top: .32rem;text-align: center; cursor: pointer;}
#top .close {background-position: -2.06rem 0;  width: .34rem;height: .34rem;cursor: pointer; position: absolute; right: 12%; top: -0.06rem; text-align: center; }

/*subNav*/
.subNav { position: fixed; width: 100%; height: 100%; right: 0%; top: 0; z-index: 999; max-width: 640px; min-width: 320px;background:#fff;display:none;overflow:scroll;}
.subNavCon {margin: 0px; width: 100%; border-top: 1px solid #e5e5e5;}
.subNav .subTop{height:1rem;background:#fff;z-index:400;position:relative;border-bottom:1px solid #ddd;}
.subNav .subTop .nylogo{display:block;width: 5.6rem;height:0.6rem;}


.subNav .subTop .nylogo .title{float: left;border-left: 1px solid #ccc;display: block;    height: .38rem;
  margin-top: .26rem;}
  .subNav .subTop .nylogo .title .p1{font-size: .20rem;    margin-top: -0.08rem;
  padding-left: .2rem;}
  .subNav .subTop .nylogo .title .p2{font-size: .14rem;padding-left: .2rem;}


.subNav .subTop .nylogo img{display:block;width: 1.85rem;height:0.7rem;margin-left:.2rem;margin-top:.14rem;margin-right: .2rem; float: left;background-size:1.85rem 0.7rem;}
.subNav .subTop .close{width:.42rem;height:.42rem;position:absolute;z-index:1;right:.4rem;top:.28rem;background-position:-2.06rem 0;display:inline-block;vertical-align:middle;}
.subNav .subBottom{height:100%;margin:0 0.2rem;}
.subNav .subBottom li{padding-top:.06rem;padding-bottom:.08rem;border-bottom: 1px solid #ddd;position:relative;}
.subNav .subBottom li a{display:block;font:normal .3rem "AvantGarde Bk BT";color:#999;width:80%;}
.subNav .subBottom li a .txt{height:.8rem;line-height:.8rem;color:#333;}
.subNav .subBottom li a .tit{display: inline-block;font-size:.3rem;line-height:.8rem;font-family:"AvantGarde Bk BT";color:#333;}
.subNav .subBottom li em{ width: 0.17rem;height: .28rem; display: inline-block; background-position: 0rem -.5rem; vertical-align: middle; position: absolute; right: 0;  top: .32rem;}
.subNav .subBottom .list{padding-top:0.2rem;}
.subNav .subBottom li.hover,.subNav .subBottom li:hover{border-bottom:1px solid #3426ad;}
.subNav .subBottom li.hover a .tit,.subNav .subBottom li:hover a .tit{color:#333;}
.subNav.show { display: block; !important;}
.subNavShow { -webkit-transform: translateX(-48%); -moz-transform: translateX(-48%); -ms-transform: translateX(-48%); transform: translateX(-48%); display: block; }
.subNav .subnav2{margin-top:.2rem;display:none;}
.subNav .subnav2 a{ height: .6rem;font-size: .24rem;box-sizing:border-box;
 line-height: .6rem; text-align: left;color: #fff;display: block; 
 padding:0; background: none; border-bottom: 1px solid #ddd; font-size: .24rem!important;
 margin-bottom: .2rem;}
.subNav li.hover em{width:.31rem;height:.03rem;top:.46rem;background-position:-2.06rem -1.54rem;}

/* banner */
#banner_main{width:100%;overflow:hidden;margin-top:0.28rem;position:relative;z-index:1;background-size: 1px auto;background:#fff;}
.banner{ margin:0 auto; width:5.9rem;*zoom: 1;overflow:hidden;position:relative;height:3.76rem;margin: .25rem;border-radius: .14rem;box-shadow: 0px 0.03rem 0.2rem #dfeef8;background: #dfeef8;}
.banner .list{width: 100%; overflow: hidden;}
.banner .list li{ float:left; width:100%;overflow:hidden;}
.banner .list li a{display:block;}
.banner .list li img{display:block;width:100%; height:3.7rem;border-radius:0.12rem;}
#banner .tip {width:100%;height:0.32rem;line-height:0.32rem;text-align:center;clear:both;position:absolute;left:0%;bottom:5%;z-index:12;font-size: 0;}
#banner .tip span {display:inline-block;vertical-align:middle; width:0.3rem; height:0.13rem;margin:0 0.06rem;vertical-align:middle;background-position:-0.5rem -2.27rem;}
#banner .tip span.cur {width:.4rem;height:.13rem;background-position:0 -2.27rem;}

/*版权信息*/
#footer_main{text-align:center;width: 100%; padding:0.1rem 0 0;border-top:1px solid #e3e3e3;border-bottom:1px solid #cccccc;}
#returntop{width:1rem;height:1rem;background:url(../images/gotop.png) no-repeat center top;background-size:1rem auto;position: fixed;bottom:20%;right: 2%; cursor: pointer;z-index:99;}
#copyright{width: 90%; margin:0 auto;color:#666;font-size:0.24rem;line-height:.4rem;padding:0.5rem 0 .5rem;text-align:left;}
#copyright p{font-size:.24rem;color:#333;line-height:.4rem;text-align:center;}
#footer_main .bottomNav{padding-left:.4rem;padding-right:.4rem;}
#footer_main .bottomNav .list{padding-top:.12rem;}
#footer_main .bottomNav .list li{width:100%;height:.8rem;border-bottom:1px solid #ccc;}
#footer_main .bottomNav .list li a{display: block;height: 0.8rem;line-height: 0.8rem;}
#footer_main .bottomNav .list li .tit{display: block;font: normal 0.26rem "AvantGarde Bk BT";color: #333;line-height: 0.8rem;float: left;}
#footer_main .bottomNav .list li em{display: block;float: right;width: 0.28rem;height: 0.32rem;margin-top: 0.25rem;background-position:-2.08rem -.5rem;}
#footer_main .bottomNav .list li:hover .tit{color:#8ABC29;}
#copyright a{font:normal .24rem "microsoft yahei";color: #666;line-height:.4rem;}
#copyright p{font:normal .24rem "microsoft yahei";color:#666;}
#fix-sider{width:1rem;height:1rem;position:fixed;right:2%;bottom:29%;background:url(../images/tel.png) no-repeat center top;background-size:1rem auto;cursor: pointer;z-index:999;}

/* 工具栏 */
#toolbar{position: fixed; bottom: 0; width: 100%; z-index: 88; height: 1rem; background: #ffffff; left: 0;border-top:1px solid #ddd;}
#toolbar .list{width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto;}
#toolbar .list li{float: left; width: 20%; text-align: center;}
#toolbar .list li:last-child{border-right:none;}
#toolbar .list a{display: block; height: 1rem; line-height: 0.24rem; font: bold 0.26rem "microsoft yahei"; padding-top: 0.2rem;}
#toolbar .list a span{text-align: center; color: #333333; margin-top:.06rem;display: block; font-size:.2rem;}
#toolbar .list a s{margin-left: auto; margin-right: auto; width: 0.3rem; height: 0.34rem; display: block; background-position: -.0rem -.0rem; margin-bottom: .02rem;}
#toolbar .list li:nth-child(2) s{background-position: -.4rem -.0rem;width:.29rem;height:0.32rem;}
#toolbar .list li:nth-child(3) s{background-position: -0.15rem -0.33rem;width:.91rem;height:.84rem;margin-top: -0.54rem;}
#toolbar .list li:nth-child(4) s{background-position: -0.8rem -.0rem;width:.31rem;}
#toolbar .list li:nth-child(5) s{background-position: -1.2rem -.0rem;width:.28rem;}
#toolbar .list li:nth-child(1):hover s{background-position: -.5rem -1.75rem;}
#toolbar .list li:nth-child(2):hover s{background-position: -.9rem -1.75rem;}
#toolbar .list li:nth-child(4):hover s{background-position: -1.3rem -1.75rem;}
#toolbar .list li:nth-child(5):hover s{background-position: -1.7rem -1.75rem;}
#toolbar .list li:nth-child(3) span{margin-top:0.06rem;}
#toolbar .list li:nth-child(3) span{margin-top:0.1rem;}
#toolbar .list li:hover span{color:#0093dd;}

/*==========@@页面布局  开始@@==========*/
#search{background:#fff;width:96%;margin:0.2rem auto;height:0.6rem;-moz-border-radius:0.5rem;-webkit-border-radius:0.5rem;border-radius:0.5rem;padding: 0;-webkit-box-shadow: 1px 1px 1px #e7e9e9;
  -moz-box-shadow: 1px 1px 1px #e7e9e9;
  box-shadow: 1px 1px 1px #e7e9e9;}
#search input{display:block;font-family: "微软雅黑";padding: 0;margin: 0;}
#search .txt{border:none;width:66%;height:0.5rem;line-height:0.6rem;margin-right:1%; padding:0 4%;color:#666;font-size: 0.22rem; background: none;} 
#search .searchbtn{ cursor:pointer;border:none;font-size: 0.24rem; width:0.8rem; height:0.6rem;text-align:center;background-position:-0.63rem 0;}

/*index*/
.index{background: #f5f5f5;overflow: hidden;}
.index .indexTit{padding-top:0.56rem;padding-bottom:0.5rem;} 
.index .indexTit .wrap{background: url(../images/wrap.png) center center no-repeat;background-size: 1.59rem .31rem;width: 1.59rem;height: .31rem;display: block;margin: 0 auto;}
.index .indexTit .tit{font-size:0.4rem;color:#333333;text-align:center;line-height:0.4rem;padding-top: .16rem;}
.index .indexTit .tit em{color:#0093dd;}
.index .indexTit .subtit{margin-top:0.14rem;font-size:0.24rem;color:#333;text-align:center;}
.index .btns{width:6rem;margin:0 auto;}
.index .btns .more{float:left;width:50%;height:0.6rem;background:#3426ad;color:#fff;font-size:0.24rem;line-height:0.62rem;text-align:center;border:1px solid #3426ad;border-top-left-radius: 0.06rem;border-bottom-left-radius: 0.06rem;}
.index .btns .zx{float:left;width:50%;height:0.6rem;background:#fff;color:#333;font-size:0.24rem;line-height:0.62rem;text-align:center;border:1px solid #e5e5e5;border-top-right-radius: 0.06rem;border-bottom-right-radius: 0.06rem;}
.index .btns .more:hover{background:#fff;color:#333;border-color:#e5e5e5;}
.index .btns .zx:hover{background:#3426ad;color:#fff;border-color:#3426ad;}
.gap{width:100%;height:0.3rem;background:url("../images/gap.png") no-repeat center center;}
.telfix{width: 1rem; height: 1rem; position: fixed; right: 1%; bottom: 2.6rem; z-index: 999; background:url("../images/gTel.png") no-repeat center center;background-size:1rem 1rem;}
.toTop{width: 1rem; height: 1rem; position: fixed; right: 1%; bottom: 1.5rem; z-index: 999; background:url("../images/goTop.png") no-repeat center center;background-size:1rem 1rem;}

 .tsearch *{ box-sizing: border-box;}
 .tsearch{ position:relative;width:6.4rem!important; padding: .2rem 3%;z-index: 99;box-sizing: border-box;background:#fff;}
 .searchMain{display:block;width:5.92rem;height:0.64rem;background:url("../images/searchBg.png") no-repeat center center;background-size:5.92rem 0.64rem;}
 .tsearch input{  -webkit-appearance: none; }
 .tsearch .txt{ width: 80%; color:#fff; text-indent: .12rem; font-size:.22rem;  height:.64rem;background:transparent; border:1px solid transparent; border-radius: 0.1rem; position: absolute; left: 5%; top:.2rem;}
 .tsearch .btn{ color:#fff; font-size:.22rem; width: 12%; height:.66rem; line-height: .6rem; text-align: center; border:0px; position: absolute; right: 5%; top:.2rem;}
 .tsearch .btn .btn_icon{display:block;width:0.34rem;height:0.34rem;margin-left:.32rem;margin-top:.14rem;background-position:-1.08rem -1.2rem;}
.tsearch input::-webkit-input-placeholder{ color:#fff; }
 
/*navlist*/
.index .navlist{ background: #fff; width: 100%;padding-top: 0.3rem;border-bottom:1px solid #ddd;}
.index .navlist .list li{float: left; width: 25%; text-align: center; display: block; margin-bottom: 0.5rem;}
.index .navlist .list li .sImg{width: 0.92rem; height: 0.92rem; display: block; margin: 0 auto; background: url(../images/navicon.png) no-repeat; background-size: 5.8rem 1rem;}
.index .navlist .list li .tit{ margin-top:.16rem;font-size: .24rem; text-align:center;color: #333; display: block;}
.index .navlist li:nth-child(1) .sImg{background-position:0rem 0rem;}
.index .navlist li:nth-child(2) .sImg{background-position:-1.65rem 0rem;}
.index .navlist li:nth-child(3) .sImg{background-position:-3.3rem 0;}
.index .navlist li:nth-child(4) .sImg{background-position:-4.8rem 0;}

/*核心业务*/
.index #floor_1_main{background:#fff;padding-bottom:0rem;margin-top: .3rem;}
.index #floor_1_main .cont{border-bottom: 1px solid #e3e3e3;}
.index #floor_1_main .indexTit{}
.index #floor_1_main .cont .list{padding-bottom:0.4rem;margin: 0 auto;width: 5.92rem;height: auto;}
.index #floor_1_main .cont .list .item a .txt .tit{font-size: .28rem;font-weight:bold;color: #333333;background: url(../uploadfile/f1_i1.png) left center no-repeat;background-size: .27rem .26rem; text-indent: .4rem;}
.index #floor_1_main .cont .list .item a .txt .ename{font-size: .24rem;color: #333333;}
.index #floor_1_main .cont .list .item.it2 a .txt .tit{background: url(../uploadfile/f1_i2.png) left center no-repeat;background-size: .27rem .26rem;}
.index #floor_1_main .cont .list .item.it2 a .txt .tit{font-size: .28rem;font-weight:bold;color: #333333;background: url(../uploadfile/f1_i2.png) left center no-repeat;background-size: .27rem .26rem; }
.index #floor_1_main .cont .list .item.it3 a .txt .tit{font-size: .28rem;font-weight:bold;color: #333333;background: url(../uploadfile/f1_i3.png) left center no-repeat;background-size: .27rem .26rem; }
.index #floor_1_main .cont .list .item.it4 a .txt .tit{font-size: .28rem;font-weight:bold;color: #333333;background: url(../uploadfile/f1_i4.png) left center no-repeat;background-size: .27rem .26rem; }
.index #floor_1_main .cont .list .item.it5 a .txt .tit{font-size: .28rem;font-weight:bold;color: #333333;background: url(../uploadfile/f1_i5.png) left center no-repeat;background-size: .27rem .26rem; }
.index #floor_1_main .cont .list .item.it6 a .txt .tit{font-size: .28rem;font-weight:bold;color: #333333;background: url(../uploadfile/f1_i6.png) left center no-repeat;background-size: .27rem .26rem; }
.index #floor_1_main .cont .list .item.it6{    width: 2.85rem;height: 3.4rem;margin: 0 auto;display: block;float: left;margin-bottom: .22rem;}


.index #floor_1_main .cont .list .item.it1{width: 5.92rem;height: 6rem;margin: 0 auto;display: block;margin-bottom: .3rem;}
.index #floor_1_main .cont .list .item.it1 a{display: block;}
.index #floor_1_main .cont .list .item.it1 a .img img{width: 5.92rem;height: 5.18rem;background-size: 5.92rem 5.18rem;}
.index #floor_1_main .cont .list .item.it1 a .txt{width: 5.92rem;height: .6rem;}

.index #floor_1_main .cont .list .item.it2{width: 5.92rem;height: 3.5rem;margin: 0 auto;display: block;margin-bottom: .3rem;}
.index #floor_1_main .cont .list .item.it2 a{display: block;}
.index #floor_1_main .cont .list .item.it2 a .img img{width: 5.92rem;height: 2.66rem;background-size: 5.92rem 2.66rem;}
.index #floor_1_main .cont .list .item.it2 a .txt{width: 5.92rem;height: .6rem;}



.index #floor_1_main .cont .list .item.it3,.index #floor_1_main .cont .list .item.it4,.index #floor_1_main .cont .list .item.it5{ width: 2.85rem;height: 3.4rem;margin: 0 auto;display: block;float: left;margin-bottom: .22rem;}
.index #floor_1_main .cont .list .item.it3 a,.index #floor_1_main .cont .list .item.it4 a,.index #floor_1_main .cont .list .item.it5 a,.index #floor_1_main .cont .list .item.it6 a{display: block;}
.index #floor_1_main .cont .list .item.it3 a .img img,.index #floor_1_main .cont .list .item.it4 a .img img,.index #floor_1_main .cont .list .item.it5 a .img img,.index #floor_1_main .cont .list .item.it6 a .img img{width: 2.85rem;height: 2.56rem;background-size: 5.92rem 2.56rem;}
.index #floor_1_main .cont .list .item.it3 a .txt,.index #floor_1_main .cont .list .item.it4 a .txt.index #floor_1_main .cont .list .item.it5 a .txt,.index #floor_1_main .cont .list .item.it6 a .txt{width: 5.92rem;height: .6rem;}
.index #floor_1_main .cont .list .item.it3,.index #floor_1_main .cont .list .item.it5{margin-right: .22rem;}





/*新闻中心*/
.index #floor_2_main{height:auto;background-color: #f5f5f5;}
.index #floor_2_main .cont{margin: 0 auto;width: 5.92rem;height: auto;}
.index #floor_2_main .cont .item{width: 2.34rem; height: .58rem; display: block;border-radius: .16rem;line-height: .58rem;text-align: center;}
.index #floor_2_main .cont .item:hover a{color: #FFFFFF;}
.index #floor_2_main .cont .item:hover{background-color: #0093dd;}
.index #floor_2_main .cont .item a{display: block;}
.index #floor_2_main .cont .img img{width: 5.92rem;height: 4.29rem;background-size: 5.92rem 4.29rem;padding-top: .28rem;}
.index #floor_2_main .cont .txt{}
.index #floor_2_main  .mLink{height: .7rem;line-height: .7rem;text-align: center;font-size: .26rem;color: #FFFFFF;width: 5.92rem;background-color: #0093dd;display: block;margin: 0 auto;margin-bottom: .5rem;}
.index #floor_2_main .cont{ width:5.9rem; height:5.6rem;  margin:0 auto; position:relative; overflow:hidden;   }
.index #floor_2_main .cont .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:.6rem;  }
.index #floor_2_main .cont .hd ul{ display:inline-block; height:5px;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.index #floor_2_main .cont .hd ul li{ display:inline-block; width:.4rem; height:0.05rem;  background:#5e4f4f;margin-right: 0.1rem;  vertical-align:top; overflow:hidden;   }
.index #floor_2_main .cont .hd ul .on{ background:#ac0a0b;  }
.index #floor_2_main .cont .bd{ position:relative; z-index:0; }
.index #floor_2_main .cont .bd .list .item a .img{width: 5.92rem;height: 4.29rem;background-size: 5.92rem 4.29rem;border-radius:0.12rem;}
.index #floor_2_main .cont .bd .list .item a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ width: 5.9rem;height: 4.3rem; }
.index #floor_2_main .txt{width: 5.9rem;height: 2.9rem;margin: 0 auto;margin-top: -0.4rem;}
.index #floor_2_main  .txt .tit{font-size: .3rem;color: #333333;font-family: 宋体;font-weight: bold;padding-top: .24rem;text-align: left; width: 5.9rem;}
.index #floor_2_main  .txt .tit1{font-size: .26rem;color: #333333;text-align: left;width: 5.9rem;}
.index #floor_2_main  .txt .tit2{font-size: .24rem;color: #333333;padding-top: .2rem;text-align: left;width: 5.9rem;}


/*荣誉资质*/
.index #floor_3_main{background:#fff;border-bottom: 1px solid #e3e3e3;}
.index #floor_3_main .cont{margin: 0 auto;width: 5.92rem;height: auto;padding-bottom: .5rem;}
.index #floor_3_main .cont .img{border: .1rem solid #0093dd;}
.index #floor_3_main .cont .img img{width: 5.72rem;height: 2.84rem;background-size: 5.72rem 2.84rem; }
.index #floor_3_main .cont .txt{}
.index #floor_3_main .cont .txt .tit{font-size: .3rem;color: #333333;padding-top: .4rem;}
.index #floor_3_main .cont .txt .tit1{font-size: .4rem;color: #333333;}
.index #floor_3_main .cont .txt .tit2{font-size: .24rem;color: #333333;padding-top: 0.1rem;}
.index #floor_3_main .cont .mLink{font-size: .28rem;color: #FFFFFF;display: block;background-color: #0093dd;width: 5.92rem;height: .7rem;line-height: .7rem;padding-left: 2.5rem; position: relative;margin-top: .5rem;}
.index #floor_3_main .cont .mLink .arrow{background: url(../images/arrow2.png)center center no-repeat;background-size: .14rem .16rem;width: .14rem;height: .16rem;display: block;position: absolute;top: .28rem;left: 3.26rem;}
.index #floor_3_main .cont .dateShow{}
.index #floor_3_main .cont .dateShow .txt{float: left;padding-right:1.15rem;}
.index #floor_3_main .cont .dateShow .txt:last-child{padding-right: 0rem;}
.index #floor_3_main .cont .dateShow .txt .p1{font-size: .28rem;color: #333333;padding-left: 0.08rem;}
.index #floor_3_main .cont .dateShow .txt .p1 em{font-size: .62rem;color: #0093dd;font-family: impact;padding-right: 0.18rem;}
.index #floor_3_main .cont .dateShow .txt .p2{font-size: .22rem;color: #999999;}



/*新闻*/
.index #floor_4_main{background-color: #FFFFFF;    margin-top: .2rem;}

.index  #floor_4_main .indexTit{padding-bottom: .76rem;}
.index #floor_4_main .cont{width: 5.8rem;height: auto;margin: 0 auto; padding-bottom: .5rem;margin-top: -0.4rem;}
.index #floor_4_main .cont .list{width: 5.92rem;margin: 0 auto;}
.index #floor_4_main .cont .list .item{height: 1.7rem;margin-top: .26rem;border-bottom: 1px solid #eeeeee;}
.index #floor_4_main .cont .list .item:last-child{border-bottom: none;}
.index #floor_4_main .cont .list .item a{}
.index #floor_4_main .cont .list .item a .txt .p1{font-size: .36rem;color: #333333;width:3.3rem;}
.index #floor_4_main .cont .list .item a .txt{float: right;width: 3.64rem;height: auto; }
.index #floor_4_main .cont .list .item a .txt .con{ height: 1.2rem;overflow: hidden;line-height: 2;font-size: .28rem;color: #333333;margin-top: -0.16rem;}
.index #floor_4_main .cont .list .item a .txt .tit{font-size: .28rem;color: #333333;width: 3.4rem;}
.index #floor_4_main .cont .list .item a .txt .p2{height: .26rem;background:url(../images/f4_2.png) right bottom no-repeat;background-size: .16rem 0.06rem;float: left;    padding-top: 0.06rem;}
.index #floor_4_main .cont .list .item a .txt .p2 span{  font-size: .18rem;color: #333333; }
.index #floor_4_main .cont .list .item a .txt .p2 .number{padding-right: .4rem;}
.index #floor_4_main .cont .list .item a img{float: left;width: 2.13rem;height: 1.4rem;}
.index #floor_4_main .cont .list .item a .txt .time{width: .8rem;height: .7rem;float: left;}
.index #floor_4_main .cont .list .item a .txt .time .day{width: 1rem;font-size: .48rem;color: #de411a;font-family: impact;}
.index #floor_4_main .cont .list .item a .txt .time .yeay{width: 1rem;font-size: .2rem;color: #333333;margin-top: -0.1rem;}
.index #floor_4_main .cont .mLink{height: .7rem;line-height: .7rem;text-align: center;font-size: .26rem;color: #FFFFFF;width: 5.92rem;background-color: #0093dd;display: block;    margin-top: 0.3rem;}

.detailPage{background:#fff;}
/*reLink*/
.reLink{margin: .2rem .4rem .2rem; border: 1px solid #dddddd; color: #333;}
.reLink .prevLink,
.reLink .nextLink{width: 100%; height: 0.6rem; line-height: 0.6rem; position: relative; overflow: hidden; text-indent: .18rem; border-bottom: 1px solid #ddd; background: #fff;}
.reLink .prevLink:before,
.reLink .nextLink:before{width: 0.16rem; height: 0.26rem; position: absolute; right: .18rem; top: .18rem; background-position: -4.45rem 0;}
.reLink .nextLink{border-bottom: 0;}
.reLink .nextLink:hover a{color:#0362ab;}
/*showInfo*/
.showInfo{padding: 0 0 .2rem; overflow: hidden;}
.showInfo article{width: 100%; padding: .3rem 0; text-align: center; background: #fff; border-bottom: 1px solid #dddddd;}
.showInfo article .title{margin: 0 2%; font-size: .36rem; line-height: .44rem; text-align: center;}
.showInfo article .mark{font-size: .22rem; padding: .2rem 0 0; text-align: center; color: #666666;}
.showInfo article .mark span{margin: 0 .06rem;}
.showInfo .img{width: 94%; margin: .25rem auto;}
.showInfo .img img{max-width: 100%; display: block; margin: 0 auto;}
.showInfo .contxt{padding: .2rem 3% .4rem; line-height: .42rem; color: #666666;}
.showInfo .contxt img{max-width: 100%; height: auto !important;}

/* navBar */
.navBar{width: 5rem; height: .7rem; position: fixed; bottom: .2rem; left: 50%; margin-left: -2.5rem; z-index: 100; background: #0093dd; border-radius: .35rem; box-shadow: .01rem .01rem .05rem #06ac63;}
.navBar ul{width: 100%; height: .7rem; margin: 0 auto;}
.navBar li{float: left; width: 33.3333%; height: .7rem; border-left: 1px solid #0b9f5e;}
.navBar li a{width: 100%; height: .7rem; font-size: .22rem; display: block; text-align: center; color: #fff; border-radius: .35rem 0 0 .35rem;}
.navBar li a.hover{background: #0b9257;}
.navBar li a:before{width: .58rem; height: .7rem; display: block; margin: 0 auto;}
.navBar li:nth-child(1){border: none;}
.navBar li:nth-child(1) a:before{background-position: 0rem -1.4rem;}
.navBar li:nth-child(2) a:before{background-position: -.58rem -1.4rem;}
.navBar li:nth-child(3) a:before{background-position: -1.16rem -1.4rem;}
.navBar li:nth-child(3) a.hover{border-radius: 0 .35rem .35rem 0;}
/*subNav*/
/***********************index css*****************/
/*prolist*/
.prolist .item{width: calc(48.5%); margin-right: 3%; margin-bottom: .2rem; float: left; position: relative;}
.prolist .item a{width: 100%; display: block;}
.prolist .item h3{width: 100%; height: .7rem; line-height: .7rem; text-align: center; background: #fff;}
.prolist .item figure{width: 100%; position: relative; padding-top: 75%; overflow: hidden;}
.prolist .item figure img{position: absolute; width: 100%; min-height: 100%; left: 0; top: 0;}
.prolist .item:nth-child(2n){margin-right: 0;}
/*ipro*/
.iproduct{width: 100%; padding: .5rem 3% .4rem; background: #f0f0f0;}
.iproduct .title{width: 100%; margin-bottom: .25rem; font-size: .34rem; font-weight: bold; color: #0093dd;}
.iproduct .title span{color: #999999; text-transform: uppercase; margin-left: .15rem;}
.iproduct .title:after{width: .54rem; height: .3rem; margin-top: .1rem; background-position: -1.2rem 0;}
.iproduct .tab{width: 100%; margin-bottom: .2rem;}
.iproduct .tab a{width: 31.3%; margin-left: 3%; margin-bottom: .2rem; height: .68rem; line-height: .68rem; display: block; float: left; text-align: center; background: #fff;}
.iproduct .tab a:nth-child(3n+1){margin-left: 0;}
.iproduct .morebtn{width: 100%; height: .7rem; line-height: .7rem; display: block; text-align: center; background: #fff;}
/*inews*/
.inews .title{width: 100%; height: 2.04rem; margin-bottom: .4rem; background: #bc2030; color: #fff; padding: .4rem 3% 0; font-size: .34rem; position: relative;}
.inews .title .more{width: .84rem; height: .84rem; display: block; position: absolute; right: 3%; top: .58rem; background-position: -1.02rem -.5rem;}
.inews .title span{display: block; font-size: .5rem; line-height: .5rem;}
.inews .imglist{width: 6rem; padding-bottom: .4rem; margin: 0px auto; position: relative; overflow: hidden;}
.inews .imglist .list{width: 500%;}
.inews .imglist .item{float: left; width: 6rem; padding-bottom: .4rem; background: #fff; display: block;}
.inews .imglist .item a{display: block; width: 100%;}
.inews .imglist .item img{width: 6rem; height: 3.38rem; display: block;}
.inews .imglist .item .time{color: #666666; font-family: arial; display: block; padding: .3rem 0 .15rem;}
.inews .imglist .item h3{font-size: .3rem; color: #333333;}
.inews .tip{width: 100%; height: .2rem; position: absolute; left: 0; bottom: .2rem;}
.inews .tip span{width: .14rem; height: .14rem; border-radius: 100%; margin-right: .14rem; display: inline-block; vertical-align: top; background: #999999;}
.inews .tip span.cur{background: #0093dd;}
/*iabout*/
.iabout{width: 100%; padding-bottom: .8rem; position: relative; z-index: 20; background: #343434 url(../images/iaboutbg.jpg) no-repeat center bottom; background-size: 100% auto; color: #fff;}
.iabout .img{width: 6rem; display: block; position: relative; overflow: hidden;}
.iabout .img img{width: 100%; display: block;}
.iabout .tit1{width: 3.5rem; height: 2rem; padding: .1rem; background: #da0a1b; position: absolute; right: 0; top: -.42rem; z-index: 20;}
.iabout .tit1 .con{border: 1px solid #ed858d; color: #fff; padding: .28rem .3rem .3rem;}
.iabout .tit1 .con .en{font-size: .34rem; line-height: .34rem; font-weight: bold; margin-bottom: .15rem; display: block; text-transform: uppercase;}
.iabout .tit1 .con h3{line-height: .35rem; font-size: .24rem;}
.iabout .tit1 .con h3 span{font-size: .26rem; display: block;}
.iabout .tit2{font-size: .34rem; color: #fff; padding: .45rem 3% .18rem;}
.iabout .txtcon{padding: 0 3% .5rem; font-size: .26rem; line-height: .5rem; color: #fff;}
.iabout .more{width: 2.8rem; height: .7rem; line-height: .66rem; margin-left: 3%; color: #fff; text-align: center; border: .02rem solid #999999; font-weight: bold; display: block;}
/**************category****************/
.cateList{margin-top:0.26rem;width: 100%; height: .8rem; line-height: .8rem; text-align: center; background: #0093dd; color: #fff; position: relative;}
.cateList .goBack{width: .8rem; height: .8rem; padding-top: .25rem; position: absolute; left: .1rem; top: 0;}
.cateList .goBack:before{width: .2rem; height: .32rem; display: block; margin: 0 auto; background-position: -1.5rem -2.1rem;}
.cateList h3{font-size: .3rem;}
.cateList h3 s{width: .2rem; height: .16rem; margin-left: .1rem; background-position: -1.06rem -2.2rem;display: inline-block; position:absolute; right:0.34rem; top:0.34rem;}
.cateList .box{width: 100%; position: absolute; left: 0; top: .8rem; padding: .3rem 3% .2rem; z-index: 11; background: #fff; display: none;border-bottom:1px solid #ddd;}
.cateList .box a{width: 48.5%; margin-right: 3%; margin-bottom: .15rem; height: .62rem; line-height: .6rem; border: 1px solid #dddddd; font-size: .26rem; text-align: center; display: block; float: left;}
.cateList .box a:nth-child(2n){margin-right: 0;}
.cateList .box a.on{background: #0093dd; border-color: #0093dd; color: #fff;}
.dialog-layout{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; background: #000; opacity: .8;}
.rotate1{ transform: rotate(180deg);margin-top: 0rem!important;}

/*content*/
.content{width: 100%; padding: .3rem 0 .3rem;overflow:hidden;}
.content.iteam{padding: 0 3% .4rem;}
/*newsPage*/
.newsPage{padding-bottom: .4rem; min-height:6.6rem;background: #f0f0f0;}
.newsPage .item{width: 94%; padding-right: .1rem; height: 1.5rem; display: block; background: #fff; margin: 0 auto .22rem;}
.newsPage .item img{width: 2.66rem; height: 1.5rem; display: block; margin-right: .2rem;}
.newsPage .item h3{padding-top: .2rem; font-size: .26rem; line-height: .34rem; height: .88rem; margin-bottom: .06rem; overflow: hidden; color: #333333;}
.newsPage .item .time{color: #999; font-size: .22rem;}
.newsPage .item:first-child{padding-top: 0;}
/*picturePage*/
.picturePage{width: 100%; padding-bottom: 5%;}
.picturePage .item{width: 45.5%; margin-left: 3%; margin-bottom: .3rem; float: left; background: #fff;}
.picturePage .item a{display: block; width: 100%;}
.picturePage .item figure{width: 100%; padding-top: 75%; overflow: hidden; position: relative;}
.picturePage .item img{width: 100%; min-height: 100%; position: absolute; left: 0; top: 0;}
.picturePage .item h3{text-align: center; line-height: .6rem; height: .6rem;}
.searchPage .list{width: 100%; padding: 0;}
.searchPage .list .item img{height: auto;}
.seeMore{width: 94%; margin: 0 auto; height: .7rem; line-height: .7rem; display: block; text-align: center; color:#fff; background: #0093dd;}
/*reLink*/
.reLink{margin: .2rem 3% .2rem; border: 1px solid #dddddd; color: #333;}
.reLink .prevLink,
.reLink .nextLink{width: 100%; height: 0.6rem; line-height: 0.6rem; position: relative; overflow: hidden; text-indent: .18rem; border-bottom: 1px solid #ddd; background: #fff;}
.reLink .prevLink:before,
.reLink .nextLink:before{width: 0.16rem; height: 0.26rem; position: absolute; right: .18rem; top: .18rem; background-position: -4.45rem 0;}
.reLink .nextLink{border-bottom: 0;}
/*showInfo*/
.showInfo{padding: 0 0 .2rem; overflow: hidden;}
.showInfo article{width: 100%; padding: .3rem 0; text-align: center; background: #fff; border-bottom: 1px solid #dddddd;}
.showInfo article .title{margin: 0 2%; font-size: .36rem; line-height: .44rem; text-align: center;}
.showInfo article .mark{font-size: .22rem; padding: .2rem 0 0; text-align: center; color: #666666;}
.showInfo article .mark span{margin: 0 .06rem;}
.showInfo .img{width: 94%; margin: .25rem auto;}
.showInfo .img img{max-width: 100%; display: block; margin: 0 auto;}
.showInfo .contxt{padding: .2rem 3% .4rem; line-height: .42rem; color: #666666;}
.showInfo .contxt img{max-width: 100%; height: auto !important;}
/*imessage*/
.imessage{margin-top: .6rem; margin-bottom: .4rem;}
.imessage h2{color: #333333; margin-bottom: .3rem; text-align: center; font-size: .28rem;}
.imsg{width: 93%; margin: 0 auto;}
.imsg .item{width: 100%; height: .67rem; box-sizing: border-box; margin-bottom: .28rem; position: relative; line-height: .67rem; border: 1px solid #aaaaaa; background: #fff;}
.imsg .item span.red{position: absolute; left: .05rem; top: .02rem; color: red;}
.imsg .item s{width: .35rem; height: .32rem; position: absolute; right: .1rem; top: .18rem;}
.imsg .item s{background-position: -1.05rem -.98rem;}
.imsg .item:nth-child(2) s{background-position: -1.46rem -.98rem;}
.imsg .item:nth-child(3) s{background-position: -1.82rem -.98rem;}
.imsg .item .txt{width: 100%; height: .65rem; text-indent: .2rem; line-height: .65rem; border: 0px; background: none; outline: none; color: #666;}
.imsg .item.liuyan{width: 100%; margin-bottom: .2rem; height: 2.08rem;}
.imsg .item.liuyan textarea{width: 100%; color: #666; overflow: hidden; box-sizing: border-box; padding: .1rem 0; text-indent: .2rem; height: 2.08rem; font-family: "微软雅黑"; resize: none; border: 0; background: none;}
.imsg .submit{width: 100%; height: .68rem; cursor: pointer; border: 0; line-height: .68rem; text-align: center; color: #fff; display: block; background: #0093dd;}
/*proPage*/
.proPage .item{margin: 0 3% .4rem; background: #fcfafb; border-bottom: .04rem solid #e7e5e6;}
.proPage .item a{display: block; width: 100%;}
.proPage .item a img{width: 100%; display: block;}
.proPage .item h3{height: 1rem; line-height: 1rem; color: #333333; font-size: .28rem; font-weight: bold; padding-left: .2rem;}
/*aboutPage*/
.aboutPage{padding: .3rem 3% .4rem; color: #666; line-height: .38rem; box-sizing: border-box;background:#fff;}
.aboutPage img{max-width: 100%;}
/*contactPage*/
.contactPage{padding-bottom: .3rem;}
.contactPage .txtcon{padding: .2rem 3% .3rem;}
.contactPage .imessage{position: relative;}
.contactPage .miaod{position: absolute; width: 100%; height: .01rem; display: block; opacity: 0; left: 0; top: -1rem;}
.contactPage .title{margin: .2rem 3% .2rem; color: #61b32e; font-size: .34rem; font-weight: bold;}
.contactPage .mapArea{width: 100%; overflow: hidden; margin-top: .2rem;}
.BMap_bubble_content{font-size: .2rem;}
/*fenx*/
#nativeShare{margin: 0 auto; width: 100%; padding-top: 0.3rem; max-width: 640px; min-width: 320px;}
#nativeShare .label{margin-left: 0.2rem; font-size: 0.24rem; color: #666666; line-height: 0.6rem;}
#nativeShare .list{width: 5.4rem; float: right;}
#nativeShare .list span{height: 0.9rem; width: 0.9rem; padding: 0; display: inline-block;}
#nativeShare .list span i{margin: 0 auto; width: 0.63rem; height: 0.63rem; display: block;}
#nativeShare .weibo i{background-image: url('../images/weibo.png'); background-size: cover;}
#nativeShare .weixin i{background-image: url('../images/weixin_friend.png'); background-size: cover;}
#nativeShare .weixin_timeline i{background-image: url('../images/weixin.png'); background-size: cover;}
#nativeShare .qq i{background-image: url('../images/qq.png'); background-size: cover;}
#nativeShare .qzone i{background-image: url('../images/qqzone.png'); background-size: cover;}
#nativeShare .more i{background-image: url('../images/more.png'); background-size: cover;}
#nativeShare .list span.qzone,
#nativeShare .list span.more{width: 0.73rem;}
#fenxiang{display: none;}
.fenx{height: 1.0rem; width: 100%;}
.fenx .tt{margin-left: 0.2rem; font-size: 0.24rem; color: #666666; line-height: 0.6rem;}
.fenx .bdsharebuttonbox{width: 80%; float: right;}
.fenx .bdsharebuttonbox a{margin-left: 0.2rem;}
#bdfx a{height: 0.6rem; width: 0.6rem; margin: 0; padding: 0; margin: 0px 0.08rem; display: inline-block;}
#bdfx .d1{background: url(../images/qqzone.png) no-repeat center; background-size: 100% 100%;}
#bdfx .d2{background: url(../images/weibo.png) no-repeat center; background-size: 100% 100%;}
embed{width: 100% !important; height: auto !important;}
.g_wximg{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99999; display: none;}
.g_wximg .close{background: url(../images/close.png) no-repeat center; background-size: .4rem auto; width: .4rem; height: .4rem; cursor: pointer; position: fixed; right: 18%; top: 18%; text-align: center; display: block; z-index: 12;}
.g_wximg .bdtel img{width: 4.0rem !important; display: block;}
.bdtel{position: fixed; top: 22%; z-index: 10; padding: 0 0 .1rem; max-width: 640px; min-width: 320px; width: 100%; left: 50%; transform: translateX(-50%);}
.bdtel .upIn{width: 6.4rem; display: block; text-align: center; color: #fff; padding: 4%; margin: 0 auto;}
.bdtel p{padding: 2%; text-align: center; color: #fff;}
.bdtel img{margin: 0 auto; display: block; max-width: 80% !important;}
.bdtelbg{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; max-width: 640px; min-width: 320px; display: none;}
.bga{background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%;}
.erro{color:red;font-size:.26rem;text-align:center;min-height:4rem; padding-top:.5rem;}
.erro img{max-width:100%;}


#topnav.menu-btn .menu-line{background:#000;height:4px;position:absolute;width:24px;right: 0;}
#topnav.menu-btn #menu-line1{top:0;}
#topnav.menu-btn #menu-line2{top:50%;}
#topnav.menu-btn #menu-line3{top:100%;}
#topnav.menu-btn .menu-line{animation-duration: 0.5s;animation-timing-function: ease;animation-iteration-count: 1;animation-direction: normal;animation-delay: 0;animation-play-state: running;animation-fill-mode: forwards;}
#topnav.menu-btn.inactive #menu-line1{animation: 800ms ease 0s normal none 2 running menu;}
#topnav.menu-btn.inactive #menu-line2{animation: 800ms ease 0.16s normal none 2 running menu;}
#topnav.menu-btn.inactive #menu-line3{animation: 800ms ease 0.32s normal none 2 running menu;}

/*导航动画*/
@keyframes menu-line1-hover{0%{} 50%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);} 100%{top:50%; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);}}
@keyframes menu-line2-hover{0%{opacity: 1} 50%{opacity: 1} 51%{opacity: 0} 100%{opacity: 0}}
@keyframes menu-line3-hover{0%{} 50%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);} 100%{top:50%; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);}}
@keyframes menu-line1{0%{top:50%; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);} 50%{top:50%; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);} 100%{top:0%; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);}}
@keyframes menu-line2{0%{opacity: 0} 50%{opacity: 0} 51%{opacity: 1} 100%{opacity: 1}}
@keyframes menu-line3{0%{top:50%; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);} 50%{top:50%; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);} 100%{top:100%;}}
@-webkit-keyframes menu{0%{width: 24px;}
    45%{width: 6px;}
    90%{width: 24px;}
    100%{width: 24px;}}
@keyframes menu{0%{width: 24px;}
    45%{width: 6px;}
    90%{width: 24px;}
    100%{width: 24px;}}
	
/*****通用*****/
@media only screen and (min-width: 641px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (max-width: 640px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (max-width: 540px) {
  html {
    font-size: 84.375px;
  }
}
@media only screen and (max-width: 480px) {
  html {
    font-size: 75px;
  }
}
@media only screen and (max-width: 414px) {
  html {
    font-size: 64.6875px;
  }
}
@media only screen and (max-width: 400px) {
  html {
    font-size: 62.5px;
  }
}
@media only screen and (max-width: 375px) {
  html {
    font-size: 58.5938px;
  }
}
@media only screen and (max-width: 360px) {
  html {
    font-size: 56.25px;
  }
}
@media only screen and (max-width: 320px) {
  html {
    font-size: 50px;
  }
}