@charset "utf-8";
/* CSS Document */
body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none; }
html{width: 100%;height: 100%;}
body {font-family:"Arial";font-size:0.24rem;color:#333333;min-width: 320px; max-width: 640px; overflow-x: hidden; position: relative; margin: 0 auto; background-color:#fff;}
.dis{display:none;}
em,i{font-style:normal;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
form{display: inline}
ul, ol{list-style: none}
a {text-decoration: none;color:#333;}
a:hover,a:active,a:focus{/*color:#377cce;*/text-decoration: none;
cursor:pointer;}
a:active{color:#aaa;}
a{blr:expression(this.onFocus=this.blur());-webkit-tap-highlight-color:rgba(0,0,0,0);}
*:focus{outline:0;}
.clearfix:after{clear:both;}
.clearfix:after,.cf:before{content:" ";display:table}
.clear{clear:both;}
img { max-width: 100%;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;
}
ul, ol, li {
    list-style: none;
}
input,textarea,button,select{outline:none;border: none;*border:0;padding: 0;margin: 0;box-shadow: none;background: none; font-family: "Arial";font-size: 0.24rem;color: #333333;}
textarea{resize:none;}
button,input[type="button"],input[type="reset"], input[type="submit"], input[type="text"],input[type="password"]{
	cursor: pointer;
	/*-webkit-appearance: button;
	-moz-appearance: button*/
	-webkit-appearance:none;
	-moz-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner
{padding:0;border:0;}
table {border-collapse:collapse;border-spacing:0;}
.left,.fl{float: left;}
.right,.fr{float: right;}
.tr{text-align: right;}
.tl{text-align: left;}
img,object{max-width:100%;}
/*webcss reset部分结束*/
.mai_top{min-width:320px;max-width:800px;margin:0 auto; height: 100%; position: relative; z-index:666;}
.w540{ width:5.4rem; margin:0 auto;}
.w560{ width:5.6rem; margin:0 auto;}
.w600{ width:6rem; margin:0 auto;}
.wp{ padding:0 0.4rem;}
.icon { background: url(../images/icon.png) no-repeat;  display: inline-block; background-size: 4rem auto; vertical-align: middle;}
.icon1 { background: url(../images/icon1.png) no-repeat;  display: inline-block; background-size: 3rem auto; vertical-align: middle;}
.icon, .iconbef::before, .iconbef::after { content: "\20"; display: block;}
/*头部及导航start*/
.wa_left { width:100%;z-index: 10;position:relative; height:1rem; background-color:#1271c0; background-size:100%;}
.wa_left .logo{width:2.28rem; height:0.56rem; text-align:center; margin-left:0.2rem; margin-top:0.2rem; display:block;}
.wa_left .logo img{width:2.28rem; height:0.56rem; background-size:100%; display:block;}
.wa_left .btn{ width:1.15rem; height:1rem; position:relative; background:url(../images/sou_03.png) center center no-repeat; background-size:100%;}

.wa_right .logo{width:2.28rem; height:0.56rem; text-align:center; margin-left:0.2rem; margin-top:0.2rem; display:block;}
.wa_right .btn1{ width:1.2rem; height:1rem; position:relative;}
.wa_right .btn1 b{width:1.2rem; height:1rem; display:block;  position:absolute; left:0; top:0;  }
.wa_right .btn1 img{width: 0.40rem; height: 0.34rem; position:absolute; top:0.33rem; left:0.4rem;}
.wa_logo{ width:100%;z-index: 10;position: relative; height:1rem;background-size:100%;box-shadow: 0px 1px 5px #e6e5e5;background-color:#1271c0; }
.wa_right .logo img{width:2.28rem; height:0.56rem; background-size:100%; display:block;}

.wa_left .topsearch { display: block; position: absolute; right:1.46rem; top: .30rem; text-align: center; cursor: pointer; width: .5rem; height: .5rem; margin: 0 auto;}
.wa_left .topsearch span { display: block; width: 0.43rem; height: 0.43rem;  background-position:0 -1.24rem;}
.wa_left .tsearch { position: absolute;  height: 1rem;  width: 6.4rem !important; padding: .2rem 5%; left: 0; top: 1rem; z-index: 99; background: #f2f2f2; box-sizing: border-box; display: none;}
.wa_left .tsearch .txt { width: 78%; color: #000;  text-indent: .1rem; font-size: .22rem; height: .64rem; background: #fff; border: 1px solid #fff; border-radius: 0.1rem; position: absolute; left: 5%; top: .2rem; border-top-left-radius: .6rem; border-bottom-left-radius: .6rem;}
.wa_left .tsearch .btn9 { color: #fff; font-size: .22rem; width: 16%; height: .66rem; line-height: .66rem; text-align: center; border: 0px; background: #1271c0; position: absolute; right: 5%; top: .2rem; border-top-right-radius: .6rem; border-bottom-right-radius: .6rem;}
.wa_left .tsearch .btn9 .btn_icon { display: block; width: 0.36rem;  height: 0.36rem; margin-left: .32rem; margin-top: .14rem; background-position: 0rem -2.14rem;}
.wa_left .btn_close_main { width: .88rem; height: 1rem; background-color: #f2f2f2; position: absolute; top: 0; right: 20%; z-index: 9; display: none;}
.wa_left  #nav { width: .6rem; height: 50%; position: absolute;right: 3%; top: .38rem; text-align: center; cursor: pointer;}
.wa_left .btn_close_main .btn_close { width: .34rem;  height: .33rem; margin-top: .38rem; margin-left: .26rem; background-position: 0rem -1.72rem;}




#banner_main { width:6.4rem; margin:0 auto; overflow: hidden; psosition:relative; height:3.6rem; background-size: 1px auto;}
.banner { margin: 0 auto; width: 100%; *zoom: 1; overflow: hidden; position: relative; height:3.6rem;}
.banner .list { width: 100%; overflow: hidden;}
.banner .list li { float: left; width: 100%; overflow: hidden;}
.banner .list li img { width: 100%; height: 3.6rem;}
#banner .tip { width:6.4rem; height:0.36rem;  border-radius:0.2rem; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-3.2rem;bottom:0.2rem;z-index:13; }
#banner .tip span { width:0.45rem;height:0.03rem;margin:0 0.08rem;display:inline-block;font-size: 0;cursor: pointer; background-color:#1271c0;margin-top:0.1rem; border-radius:0.02rem;}
#banner .tip span.cur { background-color:#ffcd2e;}


.in_title{ text-align:center; padding-top:0.7rem;}
.in_title b{ display:inline-block; background:url(../images/m3_03.png) center center no-repeat; background-size:100%; width:2.89rem; height:0.26rem;}
.in_title h3{ font-size:0.32rem; color:#333;display:block;font-weight:bold;}
.in_title h3 span{ display:inline-block; color:#1271c0;}
.in_title i{ display:inline-block; font-size:0.18rem; color:#858484; padding-top:0.08rem;}

.floor_1_main{ width:100%; margin-top:0.4rem; background:url(../images/m2_02.jpg) bottom center no-repeat; background-size:100%; padding-bottom:0.66rem;} 
.floor_1_main ul{ display:inline-block; width:100%;}
.floor_1_main ul li{ width:25%; text-align:center; float:left; }
.floor_1_main ul li i{ display:inline-block; width:0.98rem; height:0.94rem; background:url(../images/m1_03.jpg) center center no-repeat; background-size:100%; }
.floor_1_main ul li:nth-child(2) i{ background:url(../images/m1_05.jpg) center center no-repeat; background-size:100%;}
.floor_1_main ul li:nth-child(3) i{ background:url(../images/m1_07.jpg) center center no-repeat; background-size:100%;}
.floor_1_main ul li:nth-child(4) i{ background:url(../images/m1_09.jpg) center center no-repeat; background-size:100%;}
.floor_1_main ul li p{ padding-top:0.12rem;}

.floor_2_main{ width:100%;}
.iBuilding{ margin:0 0.2rem; position:relative; text-align:center; margin-top:0.2rem;}
.iBuilding .list{ display:inline-block;}
.iBuilding .list .item{ display:block; width:2.9rem; float:left; text-align:center; margin-top:0.2rem; margin-right:0.2rem;}
.iBuilding .list .item:nth-child(2n){ margin-right:0;}
.iBuilding .list .item a{ display:block;}
.iBuilding .list .item i{ display:block; width:2.9rem; height:2.18rem;transition: all .6s ease 0s;}
.iBuilding .list .item i img{display:block; width:2.9rem; height:2.18rem;}
.iBuilding .list .item p{ display:block; font-size:0.26rem; color:#333; height:0.66rem; border:#d0d3d5 solid 1px; line-height:0.66rem; border-top:none;}

.gengduo{ margin:0 auto;margin-top:0.4rem; width:3.8rem;}
.gengduo a{ display:block; width:3.8rem; height:0.6rem; font-size:0.24rem; color:#333; text-align:center; line-height:0.6rem; margin:0 auto; transition: .9s ease; background:url(../images/m7_03.png) center center no-repeat; background-size:100%;}

.floor_3_main{ background:url(../images/m4_06.jpg) center center no-repeat; background-size:100%;  width:100%; height:2.67rem; position:relative; margin-top:0.58rem;}
.floor_3 .more1{ margin:0 auto; width:3.19rem; height:0.51rem; display:block; padding-top:1.62rem; text-align:center;}
.floor_3 .more1 a{ display:block;width:2.79rem; height:0.51rem; font-size:0.32rem; color:#c5532b; font-family:"Arial"; line-height:0.51rem; background:url(../images/m5_03.png) center center no-repeat; background-size:100%; padding-left:0.4rem;}

.floor_4_main{ background-color:#f1f6f9; padding:0 0.2rem; padding-bottom:0.54rem;}
.floor_4{ margin-top:0.42rem; height:6.12rem; background-color:#fff; border-bottom:#d0d3d5 solid 1px;}
.floor_4 .bd{ width:6rem; text-align:center;}
.floor_4 .bd img{width:6rem; height:4.5rem;}
.floor_4 .bd li p{ padding-top:0.38rem; font-size:0.3rem; color:#1271c0; line-height:0.3rem;}
.floor_4 .hd{ text-align:center; margin-top:0.24rem;}
.floor_4 .hd ul{ display:inline-block;}
.floor_4 .hd ul li{ float:left; width:0.14rem; height:0.14rem; background-color:#666666; margin:0 0.08rem; font-size:0; border-radius:0.2rem;}
.floor_4 .hd ul li.on{ background-color:#1271c0;}

.floor_4_1,.floor_6_1{position:relative; text-align:center; margin-top:0.2rem;}
.floor_4_1 .list,.floor_6_1 .list{ display:inline-block;}
.floor_4_1 .list .item,.floor_6_1 .list .item{ display:block; width:2.9rem; float:left; text-align:center; margin-top:0.2rem; margin-right:0.2rem; background-color:#fff;}
.floor_4_1 .list .item:nth-child(2n),.floor_6_1 .list .item:nth-child(2n){ margin-right:0;}
.floor_4_1 .list .item a,.floor_6_1 .list .item a{ display:block;}
.floor_4_1 .list .item i,.floor_6_1 .list .item i{ display:block; width:2.9rem; height:2.18rem;transition: all .6s ease 0s;}
.floor_4_1 .list .item i img,.floor_6_1 .list .item i img{display:block; width:2.9rem; height:2.18rem;}
.floor_4_1 .list .item p,.floor_6_1 .list .item p{ display:block; font-size:0.26rem; color:#333; height:0.66rem; border:#d0d3d5 solid 1px; line-height:0.66rem; border-top:none;}
.floor_4_1 .list .item img{display:block; width:2.9rem; height:2.18rem;}

.floor_5_1{ margin:0 0.2rem;position:relative; text-align:center; margin-top:0.2rem;}
.floor_5_1 .list{ display:inline-block;}
.floor_5_1 .list .item{ display:block; width:2.9rem; float:left; text-align:center; margin-top:0.2rem; margin-right:0.2rem; background-color:#fff;}
.floor_5_1 .list .item:nth-child(2n){ margin-right:0;}
.floor_5_1 .list .item a{ display:block;}
.floor_5_1 .list .item i{ display:block; width:2.9rem; height:2.18rem;transition: all .6s ease 0s;}
.floor_5_1 .list .item i img{display:block; width:2.9rem; height:2.18rem;}
.floor_5_1 .list .item p{ display:block; font-size:0.26rem; color:#333; height:0.66rem; border:#d0d3d5 solid 1px; line-height:0.66rem; border-top:none;}

.floor_6_main{background-color:#f1f6f9; padding:0 0.2rem; padding-bottom:0.54rem; margin-top:0.5rem;}
.floor_6{ margin-top:0.42rem; height:6.12rem; background-color:#fff; border-bottom:#d0d3d5 solid 1px; text-align:center;}
.floor_6 a img{width:6rem; height:4.5rem;}
.floor_6 a p{ padding-top:0.38rem; font-size:0.28rem; color:#333; line-height:0.28rem;}
.floor_6 a i{ display:inline-block; width:1.8rem; height:0.4rem; background:url(../images/m8_03.png) center center no-repeat; background-size:100%; margin-top:0.28rem;}





.floor_7_1{ margin:0 0.2rem; margin-top:0.4rem;}
.floor_7_1 ul{ display:inline-block;}
.floor_7_1 ul li{ display:block; width:6rem; height:3.38rem; position:relative; margin-top:0.2rem; overflow:hidden;}
.floor_7_1 ul li img{ display:block; width:6rem; height:3.38rem; background-size:100%;}
.floor_7_1 ul li p{ background:url(../images/m10_03.png) top center no-repeat; width:100%; height:0.86rem; position:absolute; left:0; bottom:0;}
.floor_7_1 ul li p span{ display:block; float:left; line-height:0.86rem; font-size:0.3rem; color:#fff; padding-left:0.3rem;}
.floor_7_1 ul li p i{ display:block; width:0.43rem; height:0.43rem; background-position:-2.72rem 0rem; float:right; margin-right:0.3rem; margin-top:0.24rem;}

.floor_8_main{ background-color:#f1f6f9; width:100%; background-size:100%; margin-top:0.7rem; padding-bottom:0.45rem;}
.floor_8_1{ margin:0 0.2rem; margin-top:0.6rem; height:1.3rem;}
.floor_8_1 dl{ float:left; padding:0 0.32rem;}
.floor_8_1 dl dt p{ font-size:0.22rem; color:#666;}
.floor_8_1 dl dt p span{ display:inline-block; font-size:0.6rem; color:#1271c0;font-family: "Impact"; line-height:1.2rem; padding-right:0.1rem; line-height:0.6rem;}
.floor_8_1 dl dd{ font-size:0.22rem; color:#666; padding-top:0.02rem;}
.floor_8_1 i{ display:block; float:left; width:0.02rem; height:0.46rem; background-color:#d7d7d7; margin-top:0.2rem;}
.floor_8_1 i.i3{ display:none;}
.floor_8_1 dl:nth-child(1){ padding-left:0;}
.floor_8_1 dl:nth-child(2){ padding-left:0;}
.floor_8_2{ padding:0 0.2rem; font-size:0.24rem; color:#333; line-height:0.48rem;}
.floor_8_2 span{ display:inline-block; color:#1271c0;}

.textlist{ display:block; margin:0 0.2rem; margin-top:0.3rem;}
.textlist ul{ display:inline-block; width:100%;}
.textlist ul li{ display:block; height:1.31rem; padding-top:0.2rem; border-bottom:#dddddd solid 1px; padding-bottom:0.2rem;}
.textlist ul li:nth-child(4){ border-bottom:none;}
.textlist ul li .tl{ float:left; width:3.1rem;}
.textlist ul li .tl em{ display:block; font-size:0.26rem; color:#333333; line-height:0.4rem; height:0.9rem; font-weight:normal;}
.textlist ul li .tl p{ display:block; font-size:0.22rem; color:#999; line-height:0.22rem; float:left; height:0.24rem; line-height:0.24rem; background:url(../images/m15_07.jpg) left center no-repeat; padding-left:0.36rem; background-size:0.26rem 0.26rem; }
.textlist ul li .tl i{ display:block; font-size:0.2rem; color:#999999; line-height:0.2rem; float:left; margin-left:0.2rem;height:0.24rem; line-height:0.24rem; }
.textlist ul li img{ float:right; width:2.32rem; height:1.31rem; background-size:100%; border-radius:0.08rem;}
.textlist ul li .tl b{ width:0.19rem; height:0.06rem; background-position:-1.95rem -1.35rem; float:right; display:block; margin-top:0.1rem;}
.floor_9_main{ padding-bottom:0.5rem;}




.footer{ background-color:#232323; width:6.4rem;  background-size:100%;}
.footer .bNav{ margin:0 0.2rem; padding-top:0.56rem;}
.footer .bNav ul{ display:inline-block;}
.footer .bNav ul li.li1{ color:#fff; line-height:0.28rem; font-size:0.28rem;  display:inline-block;}
.footer .bNav ul li.li2{ color:#ffc321; line-height:0.46rem; font-size:0.46rem; display:inline-block; font-weight:bold; display:block; margin-top:0.2rem;}
.footer .bNav ul li.li3 p{ float:left; width:5.56rem; font-size:0.26rem; color:#fff; line-height:0.34rem; margin-left:0.12rem;}
.footer .bNav ul li.li3{ display:inline-block; margin-top:0.22rem;}
.footer .bNav ul li.li3 i{ display:block; float:left; width:0.28rem; height:0.33rem; background-position:-2.89rem -2.99rem;}
.footer .bNav ul li.li4 p{ float:left; width:5.56rem; font-size:0.26rem; color:#fff; line-height:0.34rem; margin-left:0.12rem;}
.footer .bNav ul li.li4{ display:inline-block; margin-top:0.20rem;}
.footer .bNav ul li.li4 i{ display:block; float:left; width:0.28rem; height:0.33rem; background-position:-3.31rem -3.04rem; margin-top:0.04rem;}

.footer .bNav dl{ display:inline-block; padding-top:0.46rem;}
.footer .bNav dd{ position: relative; z-index: 99; cursor: pointer; float:left; width:0.53rem; height:0.53rem;margin-right:0.2rem;}
.footer .bNav dd.dd1 a{ display: block; width:0.53rem; height:0.53rem; background-position:-0.59rem -3.47rem; }
.footer .bNav dd.dd2 a{display: block; width:0.53rem; height:0.53rem;  background-position:-1.3rem -3.47rem; }
.footer .bNav dd.dd3 a{display: block; width:0.53rem; height:0.53rem;  background-position:-2.04rem -3.47rem; }
.footer .bNav dd.dd4 a{display: block; width:0.53rem; height:0.53rem;  background-position:-2.76rem -3.47rem; }
.footer .bNav dd.dd5 a{display: block; width:0.53rem; height:0.53rem;  background-position:-3.47rem -3.47rem; }


.copyright{ width:6.4rem; margin:0 auto; padding-top:0.3rem; padding-bottom:1.4rem; text-align:center; background-color:#f0f1f1; color:#ababab;}
.copyright span{ padding:0 0.2rem; display:block; font-size:0.24rem; color:#ababab;}
.copyright p{ display:block; font-size:0.24rem; color:#ababab;}
.copyright a{ display:inline-block; padding:0 0.15rem; color:#ababab; padding-top:0.1rem;}


.transform {transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.wa_right{ height: 100%;width:100%;z-index: 12; position: fixed; right: 0; top: 0rem;  overflow-x: hidden; overflow-y: auto; display:none; background-color:#fff;}
.foot{ position: relative; bottom: 0; left:0;  text-align: center; background: #009bdb; width: 100%; color: #fff; font-size: 0.12rem; height: 0.5rem; line-height: 0.5rem;}
.nav{ width: 100%; overflow: hidden; padding-bottom:1.2rem;  text-align:center; padding-top:0.8rem;height: 100%;}
.nav li{ position: relative; width: 100%;}
.nav li a{ overflow:hidden; width: 100%; color: #333; display: block; font-size: 0.28rem; position: relative;}
.nav li a span{height: 1rem; line-height: 1rem;border-bottom:#e3e3e3 solid 0.01rem; display:block; font-size:0.34rem; color:#333; width:4.82rem; margin:0 auto;}
.nav li a.one_a{}
.nav .nav_li{ display: none; height:100%; background:#fff; padding:0 0.2rem;}
.nav .nav_li a{ font-size: 0.34rem; line-height: 1rem;  color:#fff; border-bottom:#6283c7 dotted 0.01rem; margin:0 0.8rem;}
.nav .nav_li a.xux{ border-bottom:none;}
.nav .nav_li a:hover{ background:#1e479c; color: #e4edff;}
/*.nav li.act a span{ border-bottom:#1e479c solid 0.01rem;}
.nav li.act a{ border-bottom:#1e479c dotted 1px; background-color:#1e479c; color: #fff;}*/
.nav li .search1{width:4.82rem; margin:0 auto;}
.nav li .search1 input.s_input { border: none; background: url(../images/so_03.png) no-repeat; width:3.98rem; height:1rem; font-size:0.34rem; color:#e4edff; padding-left:0.04rem; color: #99b3df; background-size:100%; line-height:1rem;}
.nav li .search1 input.s_btn { border: none; background: url(../images/so_04.png) no-repeat;  width:0.79rem; height:1rem; background-size:100%;}
span.more span{background: #fff; position: absolute;}
span.more{width: 0.12rem; height: 0.12rem; position: relative; float: right; top: 0.3rem; margin-right: 0.3rem;}
span.more span.h { width: 12px; height: 2px; transform: translate3d(0,5px,0); -webkit-transform: translate3d(0,5px,0);}
span.more span.v { transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);  -webkit-transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);}
/*底部 start*/
.btmH{width:100%;}
.f_tit_bnav {position: fixed;bottom: 0rem;left:50%;width:5.36rem;cursor: pointer; background:url(../images/bottom.png) center center no-repeat;font-size: 0.2rem;z-index: 88;height:1.09rem; margin-left:-2.68rem; background-size:100% 100%; text-align:center;}
.f_tit_bnav ul{ display:inline-block; width:5rem; height:0.7rem; border-radius:1rem; overflow:hidden;}
.f_tit_bnav ul li {float: left;text-align: center;width:33.3%; height:0.7rem;}
.f_tit_bnav li a{color: #fff;display:block; font-size:0.22rem;}
.f_tit_bnav li i{ display:inline-block; width:0.44rem; height:0.42rem; background:url(../images/bottom_08.png) no-repeat; background-size:100%; margin-top:0.12rem; }
.f_tit_bnav li img{display: block;margin:0 auto;width: 0.3rem; height:0.29rem; margin-top:0.26rem; margin-bottom:0.08rem;}
.f_tit_bnav li img.f_tit_img02{display:none;}
.f_tit_bnav li span{ display:block; font-size:0.22rem; color:#fff;}
.f_tit_bnav li.li2 i{ display:inline-block; width:0.44rem; height:0.42rem; background:url(../images/bottom_03.png) no-repeat; background-size:100%; }
.f_tit_bnav li.li3 i{ display:inline-block; width:0.44rem; height:0.42rem; background:url(../images/bottom_09.png) no-repeat; background-size:100%; }
.f_tit_bnav li.li4 i{ display:inline-block; width:0.44rem; height:0.42rem; background:url(../images/bottom_09.png) no-repeat; background-size:100%; }
.f_tit_bnav li.f_tit_li span{ color:#fff;}
.f_tit_bnav li.f_tit_li{ background-color:#168be2;}
/*底部 end*/

/*返回顶部*/
.idx_top { width: 0.94rem; right:0.18rem; bottom: 0.8rem; position: fixed; z-index: 99; height: 2.5rem;}
.idx_top a{ display:block; width:0.94rem; height:0.94rem; margin-bottom:0.2rem;}
.idx_top a img{ width:0.94rem; height:0.94rem; background-size:100%;}

body:before, body:after { content:""; width:100%;display:block; }
/*body:before{ height: .75rem;}*/
body:after{ height:0rem;}




/*字体*/ 
@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;
    }
}