/***********************************
 *** 全局初始化
 **********************************/
* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.trans{ transition: all .3s ease-in;}
a, a:link, a:visited, a:hover, a:active { color:#666; text-decoration: none; }
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 "Microsoft Yahei", Arial; color:#333333; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
body:before, body:after { content:""; width:100%; display:block; }
/*body:before{ height: 1rem;}*/
body:after{ height: 1.2rem;}
img { border:0px; }
em,b{ font-style:normal;}
h1, h2, h3, h4, h5, h6, h7 { font-weight: normal; font-size: .24rem;  }
ul, ol { list-style-type:none; }
input,button,select,textarea { outline:none; font-family:"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; } 
.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; }
/*公用样式*/
.layout { position:fixed; width:100%; height:100%; left:0; top:0; z-index:101; background:#000; opacity:1; } 
.blue{ color:#0166d2;}
.fl{ float: left;}
.fr{float:right;}
.f60{ font-size: .6rem;}
.icon,.iconbef:before,.iconbef:after{ background:url(../images/icon.png) no-repeat; display:inline-block; background-size: 3.7rem auto; vertical-align:middle; }
.iconbef:before,.iconbef:after{ content: "\20"; display:block; }
.iconn{background: url(../images/iconn.png) no-repeat;background-size:1.4rem auto; vertical-align:middle;}

/* header */
.header { width:100%; height:.8rem; padding: .1rem 0 .2rem; background:#fff;}
.header .logo{ width: 47%; padding-left: 3%; height: .9rem; display: block; text-align: center; }
.header .logo img{ width: 100%; max-height: .9rem; display: block; }
.header .tel{ width: 50%; line-height: .22rem; font-size: .2rem; box-sizing: border-box; padding-left: .15rem; border-left: .02rem solid #e3e3e3; margin-top: .15rem; color: #0166d2; }
.header .tel s{ width: .22rem; height: .22rem; background-position:-2.58rem 0; margin-right: .02rem;  }
.header .tel span{ color: #c4c4c4; }
.header .tel a{ font-size: .4rem; line-height: .4rem; color: #0166d2; font-weight: bold; display: block; font-family: "arial";}
/* banner */
.banner { width: 100%; height: 3.44rem; position:relative; overflow:hidden; }
.banner .list { float:left; width:500%; }
.banner .list li { float:left; width:20%; }
.banner .list li a{ display: block;}
.banner .list img { display:block; width:100%; }
.banner .tip { width:100%; padding: .05rem 0 .06rem; text-align: center; position:absolute; left:0px; bottom:.02rem; }
.banner .tip span {  width: .14rem; height: .14rem; margin: 0 .08rem; background:none; border: .02rem solid #c0c0c0; display: inline-block;  }
.banner .tip span.cur{ border-color: #fff; background: #fff; }
/*inav*/
.inav{ width:100%; box-sizing: border-box; overflow: hidden; border-bottom: .3rem solid #dfdfdf; }
.inav li{ width:25%; box-sizing: border-box; float: left; padding-bottom: .3rem; }
.inav li:nth-child(n+4){ border-top: 1px solid #ececec; }
.inav li a{ width:100%; text-align: center; display: block; color: #333333;}
.inav li a:before{ width: .7rem; height: .7rem; content: "\20"; border-radius: 100%; display: block; margin: .32rem auto .15rem; background: url(../images/nav-ico.png) no-repeat .14rem .12rem; background-size: 6.3rem auto; background-color: #2553b3; }
.inav li:nth-child(2) a:before{ background-position: -.69rem .12rem; }
.inav li:nth-child(3) a:before{ background-position: -1.53rem .12rem; }
.inav li:nth-child(4) a:before{ background-position: -2.36rem .12rem; }
.inav li:nth-child(5) a:before{ background-position: -3.2rem .12rem; }
.inav li:nth-child(6) a:before{ background-position: -4.06rem .12rem; }
.inav li:nth-child(7) a:before{ background-position: -4.89rem .12rem; }
.inav li:nth-child(8) a:before{ background-position: -5.72rem .14rem; }
.inav li:nth-child(2) a:before,.inav li:nth-child(4) a:before,.inav li:nth-child(5) a:before,.inav li:nth-child(7) a:before{ background-color: #00a8ff; }
/*indexTit*/
.indexTit{ width: 100%; text-align: center; color: #2553b3; line-height: .45rem; margin-bottom: .4rem; }
.indexTit h3{ color: #0062d0; text-transform: uppercase; font-weight: bold; font-family: arial; font-size: .4rem; }
.indexTit h3 span{ color: #009403; }
.indexTit h2{ font-size: .28rem; font-weight: bold; margin-bottom: .1rem; }
.indexTit .line{ width: .55rem; height: .04rem; display: block; background: #2553b3; margin: 0 auto; }
/*indexMore*/
.indexMore{ width: 94%; height: .7rem; text-align: center; color: #666; line-height: .7rem; display: block; margin:  .15rem auto .3rem; border: 1px solid #bfbfbf;}
/*iservice*/
.icase{ padding: .5rem 0 .4rem; background: #fff; }
.icase .item{ width: 45.5%; margin-left: 3%; margin-bottom: .25rem; float: left; box-sizing: border-box; background: #fff; }
.icase .item a{  display: block;}
.icase .item figure{ width: 100%; padding-top: 75%;  position: relative; overflow: hidden; border-bottom: 1px solid #dcdcdc; }
.icase .item figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.icase .item h3{ height: .62rem; line-height: .62rem; color: #333; font-size: .26rem; text-align: center; }
/*iabout*/
.iabout{ width: 100%; box-sizing: border-box; padding:0 3%; height: 8.15rem; background: url(../images/iaboutbg_02.jpg) no-repeat center top; background-size: cover; }
.iabout .title{ padding: .34rem 0 2.5rem 1.94rem; line-height: .45rem; text-transform: uppercase; color: #fff; }
.iabout .title h2{ font-size: .36rem; }
.iabout .title p{ font-size: .4rem; font-family: "Arial"; font-weight: bold; }
.iabout .title p span{ color: #00a8ff; }
.iabout .txt{ color: #f4f4f4; }
.iabout .indexMore{ width: 100%; border-color: #fff; color: #fff; margin: .4rem auto .5rem; }
.iabout .list{ width: 100%; }
.iabout .list li{ width: 23.5%; height: 1.35rem; background: #2553b3; text-align: center; color: #fff;  float: left; margin-left: 2%; transition: all .3s; }
.iabout .list li:first-child{ margin-left: 0; }
.iabout .list li a{ color: #fff; display: block; }
.iabout .list li a:before{ width: .62rem; height: .6rem; display: block; content: "\20"; margin: .25rem auto .04rem; background-position: .03rem -.66rem; display: block; }
.iabout .list li:nth-child(2) a:before{ background-position: -.86rem -.66rem; }
.iabout .list li:nth-child(3) a:before{ background-position: -1.8rem -.66rem; }
.iabout .list li:nth-child(4) a:before{ background-position: -2.7rem -.66rem; }
/*inews*/
.inews{ width: 100%; padding: .6rem 0 .5rem; background: #fff; }
.inews .indexTit{ margin-bottom: .5rem; }
.inews .h3tab{ width: 100%; height: .7rem; margin-bottom: .7rem; font-size: 0; line-height: 0; text-align: center; }
.inews .h3tab a{ width: 50%; display: inline-block; line-height: 1rem; font-size: .34rem; color: #fff; background: #00a8ff; position: relative; }
.inews .h3tab a.hover{ color: #fff; background: #2553b3; }
.inews .h3tab a.hover:before{ width: 0; height: 0; content: "\20"; display: block; position: absolute; left: 50%; margin-left: -.13rem; bottom: -.23rem; border-top: .25rem solid #2553b3; border-left: .25rem solid transparent; border-right: .25rem solid transparent; }
.inews .textlist{width:94%; margin:0 auto; padding-bottom: .4rem;}
.inews .textlist li{ padding: .4rem 0 .3rem; border-bottom: 1px solid #e0e0e0;}
.inews .textlist li a{display: block;min-height:1.4rem;}
.inews .textlist li .img{width:1.9rem;margin-left:0.1rem;}
.inews .textlist li .img img{width:100%;height:1.4rem;}
.inews .textlist li h2,.inews .textlist li h2 a{font-size:0.3rem;color:#333;}
.inews .textlist li h2{ margin-top: -.04rem; }
.inews .textlist li a:hover,.index #floor_6_main .textlist li a:hover h2{color:#0071ca;}
.inews .textlist li span{font-size:0.2rem;color:#848484;display: inline-block;}
.inews .textlist li .txt{width:65%; font-size: .22rem; }
/*在线预订*/
.imessage{background:#f1f1f1; height:auto; width: 100%; padding: .5rem 0 .6rem; }
.imsg{ width: 94%; margin: 0 auto; }
.imsg .item{ width: 100%; height: .6rem; box-sizing: border-box; border-radius: .02rem; margin-bottom: .2rem; position: relative; line-height: .6rem; border: 1px solid #e3e3e3; background: #fff; }
.imsg .item label{ position: absolute; left: 0; top: .04rem; width: .5rem; height: .48rem; border-right: 1px solid #ebebeb; display: block; }
.imsg .item .txt{ width: 100%; height: .6rem; text-indent: .62rem; line-height: .6rem; 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: .06rem; height: 2.08rem; font-family: "微软雅黑"; resize: none; border: 0; background: none; }
.imsg .submit{ width: 100%; height: .75rem; cursor: pointer; border: 0; line-height: .75rem; text-align: center; color:#fff; display: block; background: #f14a00; }
.imsg .item label{ background-position: .06rem .06rem; }
.imsg .item:nth-child(2) label{ background-position: -.58rem .05rem; }
.imsg .item:nth-child(3) label{ background-position: -1.2rem .03rem; }
.imsg .item:nth-child(4) label{ background-position: -1.86rem .03rem; }
/*版权信息*/
#footer_main{text-align:center;width: 100%;background:#333; padding:0 0 0.4rem;}
#returntop{width:100%;height:1.7rem; line-height:1.7rem; cursor: pointer;background: #fff;position: relative;}
#returntop p{ position: absolute; z-index: 3; left: 35%; top: 50%; margin-top: -.3rem; width: 30%; background: #fff; height: .6rem;line-height: .6rem;text-align: center; display: block;color: #0071ca;font-size: .3rem;}
#returntop p em{background-position:-3rem 0; width: .22rem; height: .33rem; margin-left: .1rem;}
#returntop s{position: absolute;left: 0;top:50%;width: 100%;height:0;border-bottom: 1px solid #dddddd;z-index: 1;}
#copyright{width: 90%; margin:0 auto;color:#dadada;font-size:0.24rem;padding:0.4rem 0 0.1rem;}
#copyright a{color: #dadada;}


.bottomnav{width:94%;margin: 0 auto;padding-top: .2rem;padding-bottom: .2rem;}
.bottomnav li{width: 100%;display: block;border-bottom: 1px solid #2b2b2b;height: .6rem;line-height:.6rem;}
.bottomnav li a{display: block;color: #fff;font-size: .24rem;text-align: left;}
.bottomnav li em{width: .37rem;height: .37rem; margin-top: .1rem; background-position: -2.64rem -1.44rem;}
.bottomnav li a:hover{color:#509df3}

/* 工具栏 */
#toolbar {position:fixed;bottom:0;width:100%;z-index: 888;height:1.22rem; background:#2553b3;left: 0;}
#toolbar .list { width:100%;max-width:640px;min-width: 320px; margin: 0 auto;}
#toolbar .list li {float:left; width:25%; text-align:center;}
#toolbar .list a { display:block; height:1.2rem; line-height:0.24rem; font-size:0.26rem;padding-top: 0.2rem;}
#toolbar .list a:hover,#toolbar .list a.hover{color:#fff;background: #00a8ff;}
#toolbar .list a:hover span{color: #fff;}
#toolbar .list li:active {color:#fff;}
#toolbar .list a s{margin-left: auto; margin-right: auto;width:0.42rem;height: 0.38rem; margin-bottom: .06rem; display: block;}
#toolbar .list a span{text-align: center;color: #fff; padding-top: 0.1rem; display: block;}
#toolbar .list a .too-home{ background-position:.08rem -1.42rem; }
#toolbar .list a .too-qiao{background-position:-1.89rem -1.42rem;}
#toolbar .list a .too-map { background-position:-0.56rem -1.42rem;}
#toolbar .list a .too-tel{background-position:-1.19rem -1.42rem;}


/* 二级菜单 */
#menu{width:100%;background:#fff;height:0.7rem;position: relative;overflow: hidden;margin-top: 0.2rem;}
#menu li{display:inline-block;margin:0 0.2rem;line-height:0.7rem;text-align:center;}
#menu li a{display:block;height:0.66rem;text-align:center;width: 100%;}
#menu li h2{font-size:0.24rem;color:#000;display:block;text-align:center;}
#menu li em{background:#0062d0;width:1.1rem;height:0.04rem;display:none; margin: 0 auto;}
#menu li.cur em{display:block;}
#menu li a:hover h2{color:#0062d0;}
#menu li:hover em{display: block;}
#menu .swiper-container{ overflow:hidden;width:100%;}
#menu .swiper-container .swiper-wrapper {height:0.7rem;}
#menu .swiper-container .swiper-wrapper .swiper-slide{ float:left;height:0.7rem; text-align: center;}
#menu .swiper-container .swiper-wrapper .swiper-slide a{height:0.68rem;line-height:0.68rem;padding:0 0.2rem;font-size:0.24rem;display:block;text-align: center;border-bottom: 2px solid #fff;}
/*#menu .swiper-container .swiper-wrapper .swiper-slide em{background:#01a420;width:1.1rem;height:0.04rem;display:none; margin: 0 auto;}
#menu .swiper-container .swiper-wrapper .swiper-slide.cur em{display:block;}*/
#menu .swiper-container .swiper-wrapper .swiper-slide.cur a{border-bottom: 2px solid #0062d0;}
#menu .swiper-container .swiper-wrapper .swiper-slide.kong{width: .9rem;}
/*#menu.promenu{overflow:visible;}*/
#menu .submenu{width:100%;height:0.6rem;line-height:0.6rem;background:#dee0e5;position: absolute;left:0;bottom:-0.8rem;}
#menu .submenu a{text-align:center;color:#000;font-size:0.22rem;display: inline-block;padding:0 0.2rem;}
#menu .submenu a:hover{color:#0062d0;}
#menu .submenu .xsj{position:absolute;bottom:0.5rem;left:12%;border-style:dotted dashed solid dashed;border-color:transparent transparent #ddd transparent;border-width:0.2rem;width:0;height:0;}
#menu .submenu:nth-child{1} .xsj{left:12%;}
#menu .submenu:nth-child(2) .xsj{left:40%;}
#menu .submenu:nth-child(3) .xsj{left:70%;}
#menu .submenu:nth-child(4) .xsj{left:88%;}
#menu .submenu:first-child{display: block;}

#menu:before,#menu:after{ content: "\20"; display:block; position: absolute; }
#menu:after{ width: 0px; height: 0px;right: .22rem; top: .25rem; z-index: 4; border-left: .16rem solid #f6f6f6; border-bottom: .13rem solid transparent; border-top: .13rem solid transparent; }
#menu:before{ width:1.8rem; height: .7rem; top:0px; right: 0px; z-index: 3; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);}



/*顶部搜索*/
.search_form{ width:94%; margin: .2rem auto 0; height:.7rem; position: relative; line-height: .7rem; border: .02rem solid #e5e5e5; background: #f5f3f2; border-radius: .4rem; }
.search_form input{ border:0 none;  display:block; } 
.search_form .stxt{ width:4.7rem; height:.7rem; line-height:.7rem; text-indent: 1.5em;background: none; border-radius: .4rem; }
.search_form .sbtn{ width:.6rem; height:.6rem; z-index: 99;  position: absolute; right:.14rem; top: .06rem;  display:block; background-position: .04rem .06rem; }
/*returnTop*/
.toTop{ width: 100%; height: .6rem; margin: .4rem 0 0; color: #079aae; font-size: .36rem; text-align: center; position: relative;}
.toTop s{ width: .18rem; height: .4rem; margin-left: .1rem; background-position: -.62rem .02rem; }
.toTop em{ width: 2.3rem; text-align: center; display: block; background: #fff; position: absolute; top: 0; left: 50%; margin-left: -1.15rem; z-index: 3; }
.toTop span{ position: absolute; display: block; z-index: 2; left: 0; top: 50%; width: 100%; height: 1px; background: #d6d6d6; }
/*footer*/
.footer { width:94%; text-align: center; background: #fff;  padding: .3rem 3% .5rem; color: #666; }
.footer a { color: #666; }
/* navBar */
.navBar{ width:100%;  height:1.36rem; position:fixed; bottom:0px; left:0px; z-index:100; }
.navBar ul{ max-width:640px; min-width:320px; width:100%; height:1.36rem;  margin:0 auto;  background:#079aae; }
.navBar li{ float:left; width:25%; height:1.4rem; }
.navBar li a{ width: 100%; height:1.26rem; font-size: .26rem; padding-top: .1rem; display:block; text-align:center; color:#fff; border-right: 1px solid #006977; }
.navBar li:last-child a{ border-right:0; }
.navBar li a.hover,.navBar li a:active,.navBar li a:hover{ color: #15d7f1; font-weight: bold; background: #006977;}
.navBar li a:before{  width:.6rem; height:.6rem; display:block; margin:0 auto .1rem; }
.navBar li:nth-child(1) a:before{ background-position:.05rem -.95rem;}
.navBar li:nth-child(2) a:before{ background-position:-.67rem -.95rem;}
.navBar li:nth-child(3) a:before{ background-position:-1.4rem -.95rem;}
.navBar li:nth-child(4) a:before{ background-position:-2.13rem -.95rem;}
.navBar li:nth-child(1) a.hover:before,.navBar li:nth-child(1) a:active:before,.navBar li:nth-child(1) a:hover:before{  background-position:.05rem -1.7rem;}
.navBar li:nth-child(2) a.hover:before,.navBar li:nth-child(2) a:active:before,.navBar li:nth-child(2) a:hover:before{  background-position:-.67rem -1.7rem;}
.navBar li:nth-child(3) a.hover:before,.navBar li:nth-child(3) a:active:before,.navBar li:nth-child(3) a:hover:before{  background-position:-1.4rem -1.7rem;}
.navBar li:nth-child(4) a.hover:before,.navBar li:nth-child(4) a:active:before,.navBar li:nth-child(4) a:hover:before{  background-position:-2.13rem -1.7rem;}


/**************category****************/
.content{ width:100%;}
/*menu*/
.menu{ width:96%; padding:.1rem 2%; background: #f6f6f6; border-top: 1px solid #e8e8e8; }
.menu .iconbef{ width:.4rem; height: .4rem; display: inline-block; background-color: #e59f19; cursor: pointer;}
.menu .goHome{ margin-right: .16rem;}
.menu .iconbef:before{ width:.4rem; height: .4rem; background-size: 4.8rem;}
.menu .goBack:before{ background-position: -3.5rem -1.92rem;}
.menu .goHome:before{ background-position: -2.62rem -1.92rem;}
.menu .subSort:before{ background-position: -3.02rem -1.92rem;}
/*search*/
.search{ width:96%; padding:.3rem 2%; color: #666; position: relative;}
.search .keytxt{ width:98%; height: .7rem; text-indent: 1em; line-height: .7rem; border:1px solid #bcbcbc; border-radius: 4px; font-size: .24rem; background: #fff; }
.search .searbtn{ position: absolute; z-index: 11; right: 2%; bottom: .3rem; width:.7rem; height: .7rem; background:none; border:0 none; }
.search .searbtn:before{ width:.44rem; height: .44rem; margin-top: .1rem; background-position: 0 0;}
.search .searinput{ width:.7rem; height: .7rem; position: absolute; right: 2%; bottom: .2rem; z-index: 10; background: none; border: 0px;}
/*sitepath*/
.sitepath{ width:96%; padding: 0 2%; height: .6rem;  line-height: .6rem; background: #f6f6f6; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; }
/*pager*/
.pager{ width:100%; text-align: center; background: #f6f6f6; padding: .2rem 0; font-size: .2rem; }
.pager a,.pager span{ width:1.6rem; height: .4rem; line-height: .4rem; display: inline-block; background: #e59f19; color: #fff; border-radius: 5px; }
.pager .yem{ height: .4rem; display: inline-block; margin: 0px .1rem; line-height: .4rem;}
/*reLink*/
.reLink { margin: .2rem 4% .1rem; width: 92%; }
.reLink .prevLink, .reLink .nextLink { display: block; height: .6rem; line-height: .6rem; font-size: .24rem;
 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box; border-bottom: 1px solid #e8e8e8; }
.reLink a { }
/*m-share*/
.m-share{ margin-left: 3%; margin-bottom: .2rem;}
/*catelist*/ 
.catelist .item span{ display: block; width: 9px; height: 16px; position: absolute; top: 50%; margin-top:-8px; right: 2%; }
.catelist .item span:before{ content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 0; top: 0; z-indx: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.catelist .item span:after{ content: ""; position: absolute; background: #f8f4eb; width: 11px; height: 11px; right: 4px; top: 0; z-indx: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
/*product.html*/ 
.listProduct .list{ width: 100%; margin-bottom: .3rem;}
.listProduct .item{  overflow: hidden; position: relative; border-bottom: 1px solid #dfdfdf;}
.listProduct .item:nth-child(2n){ background: #f6f6f6;}
.listProduct .item:last-child{ border:0px;}
.listProduct .item a{ width:92%; height: 1.17rem; padding:.2rem 6% .2rem 2%; display: block; }
/*.listProduct li.hover{background-color:#f3f3f3;}*/
.listProduct .item img{ width: 1.5rem; height: 1.13rem; padding:.02rem; border:1px solid #dfdfdf; display:block; margin-right:.2rem; }
.listProduct .item h3{ font-size: .26rem; line-height: .38rem; font-weight: bold; margin-bottom: .08rem; color:#e59f19; }
.listProduct .item .txt{ color:#666666; font-size: .2rem; line-height: .28rem; }
/*news.html*/
.newsList .list{ width: 100%; margin-bottom: .3rem;}
.newsList .item{  overflow: hidden; position: relative; border-bottom: 1px solid #dfdfdf;}
.newsList .item:nth-child(2n){ background: #f6f6f6;}
.newsList .item:last-child{ border:0px;}
.newsList .item a{ width:92%; height: 1.17rem; padding:.2rem 6% .2rem 2%; display: block; }
.newsList .item h3{ font-size: .26rem; line-height: .38rem; font-weight: bold; margin-bottom: .08rem; color:#e59f19; }
.newsList .item .txt{ color:#666666; font-size: .2rem; line-height: .28rem; }
/*showInfor*/
.showInfo{ width:100%;}
.showInfo .showTit{ width:96%; line-height: .3rem; padding:.2rem 2% .1rem; border-bottom: 1px solid #e8e8e8; text-align: center;}
.showInfo .showTit h1{ font-weight: bold; color: #e59f19; font-size: .26rem;}
.showInfo .showTit .mark{ font-size: .22rem; margin-top: .1rem;}
/*showSubTit*/
.showInfo .showSubTit{ width:100%; height: .5rem; line-height: .5rem; font-weight: bold; margin: .2rem 0 .1rem; background: #f6f6f6; border-bottom: 1px solid #e59f19; font-size: .24rem; text-indent: .2rem; }
.showInfo .contxt{ font-size: .24rem; line-height: .34rem; padding: 2% 3% 2%;}
.showInfo .contxt img{ width:96%; margin: 0px auto; height: auto !important; }
/* 留言样式   */
.leave { padding:10px 2% 0px; }
.leave li { margin-bottom:.2rem; }
.leave li:nth-child{ margin-bottom: .1rem;}
.leave label { float:left; display:block; width:.55rem; font-size: .2rem;}
.leave .item-wrap { margin-left:.55rem;}
.leave input, .leave textarea { width:100%; background:#fff; border: 1px solid #e8e8e8; color: #aaa; font-size: .2rem; }
.leave .ly { height:.8rem; text-indent:8px; line-height:20px; resize: none; }
.show_more2 { padding:0 10px 18px 10px; height:.6rem; }
.show_more2 input { width:100%; border: 0; height: .6rem; line-height: .6rem; color: #fff; font-size: .22rem; background:#e59f19; }
/*showproduct showimg*/
/*recomPro*/
.showimg{ width:100%; position: relative; }
.showimg .imglist{ width:4.2rem;  margin:0px auto; padding: .2rem 0; position:relative; overflow:hidden; }
.showimg .list {  float: left; width:500%;}
.showimg a { float:left; width:4.2rem; text-align: center;  display: block; }
.showimg a img { height:3rem;  width:4rem;  margin: 0px auto; display:block; }
.showimg span{ display: block; width: 30px; height: 50px; text-align: center; position: absolute; top: 50%; margin-top:-25px; right: 50%; margin-right: -2.8rem; cursor: pointer; }
.showimg span.left{ right:auto; left:50%;margin-left: -2.8rem;}
.showimg span.right:after{ content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showimg span.right:before{ content: ""; position: absolute; background: #f8f4eb; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showimg span.left:after{ content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showimg span.left:before{ content: ""; position: absolute; background: #f8f4eb; width: 11px; height: 11px; right:10px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showorder{ width:2rem; height: .5rem;  margin:.1rem auto .2rem; line-height: .5rem; color: #fff; background: #e59f19; text-align: center; font-size: .24rem;}
.showorder a{ color: #fff;}
/*recomNew*/
.recomNew{ width: 96%; padding:0 2% 2%;}
.recomNew li{ width:100%; height: .5rem; line-height: .5rem; border-bottom: 1px solid #e8e8e8;}
.recomNew li a{　display: block; font-size: .22rem; }
/*recomPro*/
.recomPro{ width:100%; position: relative; }
.recomPro .recomList{ width:4.6rem;  margin:0px auto; position:relative; overflow:hidden; }
.recomPro .list { float:left; width:500%; padding: .2rem 0 .1rem; }
.recomPro .list ul{ float: left;}
.recomPro ul li { float:left; width:2.3rem; text-align: center; }
.recomPro ul li a{ display: block; width: 100%;}
.recomPro ul li h3{ font-size: .22rem; line-height: .5rem; text-align: center;}
.recomPro ul img { height:1.5rem;  width:2rem;  margin: 0px auto; display:block; }

.recomPro span{ display: block; width: 30px; height: 50px; position: absolute; top: 50%; margin-top:-35px; right: 50%; margin-right: -3rem; cursor: pointer; }

.recomPro span.left{ right:auto; left:50%;margin-left: -3rem;}
.recomPro span.right:after{ content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.recomPro span.right:before{ content: ""; position: absolute; background: #f8f4eb; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.recomPro span.left:after{ content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.recomPro span.left:before{ content: ""; position: absolute; background: #f8f4eb; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
/*subNav*/
.subNav{ position: fixed; width:100%; height:100%; right:0; top:0; z-index: 111;background: #e59f19; display: none; }
.subNav .iconbef{ width: 100%; height: 1.2rem; line-height: 1.2rem; position: relative;}
.subNav .iconbef:before{ width:.48rem; height:.45rem;  position: absolute; right:.47rem; top:.5rem; cursor: pointer; background-position: -5.26rem -.49rem;}
.subNav h2{ padding:0px 0.85rem; height:1rem; line-height: 1rem;}
.subNav h2:active{  background: #fbca4f; border-right: .06rem solid #FFF; }
.subNav h2 a{ color:#fff; font-size:.3rem; display: block;} 
.subNav h2 em{ height:.02rem; background:#fbca4f; display: block;}


/*内页样式*/
.content{ width:100%; padding-top: 0.2rem;background: #fff;}
/*menu*/
.menu{ width:100%; padding:.1rem 0; background: #fff;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; }
.menu .iconn{ width:.4rem; height:.4rem;display: inline-block;cursor: pointer;}
.menu .goHome{ margin-right:.16rem;}
.menu .iconn:before{ width:.4rem; height: .4rem; background-size:1.4rem;}
.menu .goBack{background-position:-1.0rem -0.62rem;margin-left: .2rem;}
.menu .goHome{ background-position:0 -0.66rem;}
.menu .subSort{ background-position:-0.5rem -0.7rem;}
/*sitepath*/
.sitepath{ width:100%; padding: 0 0 0 0; height: .6rem; font-size: .22rem; margin: .2rem 0 0;  line-height: .6rem; background: #f6f6f6; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;overflow: hidden;}
.sitepath .btn{ width:1.5rem; height: .8rem; text-align: center; font-size: .22rem; }
.sitepath .btn em{ width: .3rem; height: .2rem; margin-top:0;  margin-left: .06rem; display: inline-block;background-position: -1.16rem 0;}
.sitepath .btn.onbtn:after{ transform: rotate(180deg);  margin-top: -.08rem;background-position: -0.6rem 0; }
.sitepath a{color:#0e66b7; text-align: center;text-transform:Capitalize;font-size:0.24rem;margin-right:2%;display: inline-block;margin-left:2%;}
.sitepath a a:hover{color:#b58744;}
.catemore{ width:100%; margin: 2% auto 6%; height: .65rem; line-height: .65rem; display: block; text-align: center; background: #0e66b7; color: #fff; font-size: .22rem; box-shadow: 0px 1px 1px rgba(0,0,0,0.1);}
.catemore:active,.catemore:hover{ background: #0e66b7; color: #fff;}
.showmenu{ width: 100%;padding-top: 0.4rem;display: none;background: #fff;}
.showmenu a{ width:31%; height: .6rem; display: block; float: left; line-height: .6rem; text-align: center; border-radius: .04rem; color: #fff; background: #0e66b7; margin: 0 1% 2%;}
.showmenu a:last-child{margin-right: 0;}
.erro{padding-left:0.2rem; padding-top:0.2rem;}
/*pager*/
.pager{ width:100%; text-align: center; background: #f6f6f6; padding: .2rem 0; font-size: .2rem; }
.pager a,.pager span{ width:1.6rem; height: .4rem; line-height: .4rem; display: inline-block; background: #0e66b7; color: #fff; border-radius: 5px; }
.pager .yem{ height: .4rem; display: inline-block; margin: 0px .1rem; line-height: .4rem;}
/*reLink*/
.reLink { margin: 0.3rem auto 0.3rem; width: 92%; }
.reLink .prevLink, .reLink .nextLink { display: block; height: .5rem; line-height: .5rem; font-size: .22rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box;}
.reLink a { }

/* 单文章 */
.content .detail{width:100%; padding:  0.2rem 0;}
.content .detail img,.singlepage .info img,.Infonews .info img{max-width: 100% !important;text-align: center;}
.singlepage .info{width:96%;margin:0 auto;font-size:0.24rem;color:#666;overflow: hidden;}
.singlepage .ntitle{color:#000;font-size:0.3rem; margin-top:0.3rem;}
.singlepage .zxqq{height:0.9rem;width: 100%;margin: 0 auto;display: block;margin-top:0.2rem;text-align:center;color:#fff;font-size:0.24rem;background: #0062d0;line-height: 0.9rem;}
.singlepage .baiduMap{margin-top: 0.4rem;width: 100%;max-width: 640px;min-width: 320px;overflow:hidden;}
/* 新闻 */
.listNews .textlist{width:100%; padding:0.2rem auto 0;background:#fff;}
.listNews .textlist li,.recomnews .textlist li{border-bottom:1px dotted #f1f1f1;padding:4%;}
.listNews .textlist li a,.recomnews .textlist li a{display: block;min-height:0.88rem;}
.listNews .textlist li .img,.recomnews .textlist li .img{width:1.5rem;margin-left:0.1rem;}
.listNews .textlist li .img img,.recomnews .textlist li .img img{width:1.5rem;height:1.13rem;}
.listNews .textlist li h2,.listNews .textlist li h2 a,.recomnews .textlist li h2{font-size:0.3rem;color:#333;}
.listNews .textlist li span,.recomnews .textlist li span{font-size:0.2rem;color:#999;display: inline-block;padding-left:0.1rem;}
.listNews .textlist li span:nth-child(2),.recomnews .textlist li span:nth-child(2){padding-left:0;}
.listNews .textlist li span.itime em,.recomnews .textlist li span.itime em{width:0.16rem;height:0.16rem;display: inline-block;background-position:-1.6rem 0;margin-right:0.05rem; display: none;}
.listNews .textlist li a:hover,.listNews .textlist li a:hover h2,.recomnews .textlist li a:hover h2{color:#0062d0;}
/* 详情页 */
.Infonews{background: #fff;}
.ArticleTitle{padding:0.3rem;}
.ArticleTitle h1{font-weight: normal;font-size:0.4rem;color: #000; text-align: center;}
.ArticleTitle .mark{padding-top:0.16rem;color:#999;font-size:0.22rem; text-align: center;}
.ArticleTitle .mark span{display: inline-block;padding-right: 0.1rem;}
.Infonews .info{width:96%;margin: 0 auto;padding-bottom: 0.3rem;}
#loding{width:100%;height:0.7rem; margin:0 auto 0.34rem;max-width:640px;min-width:320px;background:#dee0e5;border-bottom: 1px solid #cccccc;text-align:center;line-height:0.7rem;}
#loding a{text-align:center;font-size: 0.24rem;color:#000;display:block;}

/*recomPro*/
.showimg{ width:100%; position: relative; }
.showimg .imglist{ width:4.2rem; 2.36rem;   margin:0px auto; padding: .4rem 0 .2rem; position:relative; overflow:hidden; }
.showimg .list {  float: left; width:500%;}
.showimg a { float:left; width:4.2rem; text-align: center;  display: block; }
.showimg a img { height:3.09rem;  width:4.2rem;  margin: 0px auto; display:block; }
.showimg span{ display: block; width: 30px; height: 50px; text-align: center; position: absolute; top: 50%; margin-top:-25px; right: 50%; margin-right: -2.8rem; cursor: pointer; }
.showimg span.left{ right:auto; left:50%;margin-left: -2.8rem;}
.showimg span.right:after{ content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showimg span.right:before{ content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showimg span.left:after{ content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showimg span.left:before{ content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right:10px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showorder{height: .5rem;  margin:0.3rem auto .4rem; line-height: .5rem; color: #fff;text-align: center; font-size: .24rem;}
.showorder a{ color: #fff;}
.showorder{width:100%;margin:0 auto;background:#fff; padding:0.2rem 0;}

.liuym{width:100%;margin:0 auto;padding:0.2rem 0 0;background: #fff;}
/*showInfor*/
.showInfo{ width:100%;background: #fff;overflow: hidden;}
.showSubTit{background: #fff;text-indent: 0.15rem;width: 100%;border-bottom: 1px solid #ddd;height: 0.5rem;line-height: .5rem;}
.showInfo .showSubTit{  font-weight: normal; margin: .2rem 0 .1rem; background: #f6f6f6; border-bottom: 1px solid #0e66b7; font-size: .24rem; text-indent: .1rem;}

.showInfo .showTit{ width:96%; line-height: .3rem; padding:.2rem 2% .1rem; border-bottom: 1px solid #e8e8e8; text-align: center;}
.showInfo .showTit h1{ font-weight: bold; color: #0e66b7; font-size: .4rem; line-height: .45rem; margin-bottom: .05rem;font-weight: normal;}
.showInfo .showTit .mark{ font-size: .22rem; margin-top: .1rem;}
/*showSubTit*/
.showInfo .contxt{font-size: .24rem; line-height: .34rem; padding: 5% 3% 5%;}
.showInfo .contxt img{max-width:100%; margin: 0px auto; height: auto !important;display: inline;}
/* 留言样式   */
.leave { padding:0.4rem 2% 0px; }
.leave li { margin-bottom:.2rem; }
.leave li:nth-child{ margin-bottom: .1rem;}
.leave label { float:left; display:block; width:.55rem; font-size: .2rem; height:.5rem; line-height:.5rem; }
.leave .item-wrap { margin-left:.55rem;}
.leave input, .leave textarea { width:95%; background:#fff; border: 1px solid #e8e8e8; color: #aaa; font-size: .2rem;padding: 0;margin: 0;border-radius: initial;}
.leave input{ height:.5rem; border-radius:0; -webkit-border-radius:0; text-indent:8px; color: #333; }
.leave .ly { height:1rem; padding: .1rem 0; color: #666; border-radius:0; -webkit-border-radius:0; text-indent:8px; line-height:.22rem; resize: none; }
.show_more2 { padding:0 10px 18px 10px; height:.6rem; }
.show_more2 input { width:100%; border: 0; height: .6rem; line-height: .6rem; color: #fff; font-size: .22rem; background:#0e66b7;border-radius: initial;}
.next_wrap .rtit{background:#fff;height:0.6rem;line-height:0.6rem;width:100%;margin-bottom:0.2rem;overflow: hidden;}
.next_wrap p {margin:0px;font-size:0.24rem;color:#333333; background:#fff; height:0.6rem; line-height:0.6rem;text-indent:0.16rem; margin-bottom:0.2rem;overflow:hidden;white-space:nowrap;}
.next_wrap p.biaot {margin:0 4% 0 0;width:96%;font-size:0.24rem;color:#333333;background:#fff;height:0.6rem;line-height:0.6rem; text-indent:0.2rem;overflow:hidden;white-space:nowrap;}
.next_wrap a{font-size:0.24rem;color:#333333; padding-left:0.08rem;}
.recomPro{width:100%;margin:0 auto;background:#fff; padding:0.2rem 0;}
.recomPro .showSubTit,.recomnews .showSubTit{color:#000;font-size:0.24rem; padding:0 0 0.2rem 0.2rem;}
.recomPro .recomList{width:96%;margin:0.2rem auto; overflow: hidden;}
.recomPro .recomList .list{float:left; width: 500%;}
.recomPro .recomList ul{float: left;}
.recomPro .recomList li{width:46%;float:left;margin:0 2%;text-align: center;}
.recomPro .recomList li a{width:100%;display:block;}
.recomPro .recomList li img{width:100%;height: 2.1rem;}
.recomPro .recomList li h3{color:#000;font-size:0.24rem;}
.recomPro .recomList li a:hover h3{color:#0062d0;}

.recomnews{width:100%;background:#fff;padding: 0.2rem 0;border-bottom: 1px solid #ccc;}
.recomnews .showSubTit{padding:0 0 0 0; color: #0166d2; font-weight: bold; font-size: .26rem; }
.recomnews .textlist li:last-child{border-bottom:0;}
/* 产品 */
.listproduct{ padding: 2% 0;}
.listproduct .gridlist{width:96%;overflow: hidden; margin:0.2rem auto;padding-bottom:0.2rem;}
.listproduct .gridlist li{width:49%;float:left;margin:2% 2% 0 0;}
.listproduct .gridlist li:nth-child(2n){margin-right: 0;}
.listproduct .gridlist li a{display: block;}
.listproduct .gridlist li img{width:100%;height:2.25rem;border:1px solid #e9e9e9;}
.listproduct .gridlist li h2{display:block;text-align:center;line-height:0.4rem;height:0.4rem;font-weight:normal;color:#000;}
.listproduct .gridlist li a:hover h2{color:#0062d0;}
/* 订单 */
.message .showOrder{width:96%;margin:0.2rem auto;}
.message .showOrder li{width:100%;display: block; margin-bottom: 0.2rem;}
.message .showOrder li label{color:#333;font-size:0.24rem;display:block; float:left;height:0.58rem;line-height: 0.58rem;}
.message .showOrder li .item-wrap{width:82%;}
.message .showOrder li .item-wrap input,.message .showOrder li textarea{background:#fff;border:1px solid #adadad;height:0.58rem;line-height:0.58rem;width:100%; text-indent:0.08rem;outline:none;}
.message .showOrder li.phone .item-wrap{width:65%;}
.message .showOrder li.lynr .item-wrap{width:100%;}
.message .showOrder li textarea{resize:none;height:2.0rem;color:#dee0e5;}
.message .showOrder .show_more2{width:100%;height:0.6rem;line-height:0.6rem;text-align:center;margin-bottom:0.2rem;}
.message .showOrder .show_more2 input{height:0.6rem;line-height:0.6rem;width:100%;text-indent:0.08rem;outline:none;border: none;color:#fff;border-radius: initial;}
.message .showOrder .show_more2 .upimg{background:#01a420;border-radius:initial;outline:none;border:none;height:0.6rem;line-height:0.6rem;width:100%;display:block;color:#fff;}
.message .showOrder .show_more2 .u-co-bt{background:#01a420;}
.message .replylist{padding-top:0.3rem;width:100%;}
.message .replylist h2{color:#000;font-size:0.24rem;padding-left:0.2rem;}
.message .replylist .replybox{border-top:1px dashed #e5e5e5;padding:0.2rem 0 0.2rem 0.2rem;}
.message .replylist .replybox .liuy{color:#333;font-size:0.24rem;}
.message .replylist .replybox .lytime{display: block;font-size:0.24rem;font-family: tahoma;color:#666;}
.message .replylist .replybox .liuy img{max-width:100% !important;padding-bottom:0.2rem;}
.message .replylist .replybox .reply{background:#dddddd;padding:0.2rem 0 0.2rem 0.2rem;}
.message .replylist .replybox .reply p{color:#666;}
.message .showOrder .scimg input{opacity: 0;}
.message .showOrder .show_more2 .upimg:hover,.message .showOrder .show_more2 .upimg:active{background:#e4585a;}

/* 搜索 */
#top .search{margin:0.1rem auto;width:4.6rem;height:0.56rem;line-height:0.56rem;border-radius:0.5rem;background: #fff;}
#top .search input{border:none;}
#top .search .txt{width:80%;display:block;background:none;height:0.56rem;line-height:0.56rem;text-indent:0.08rem;color:#333;font-size:0.22rem;}
#top .search .searchbtn{background-position:-2.0rem -3.64rem;width:0.4rem;height:0.4rem;display:block;margin:0.05rem 0.2rem 0 0;}
.searchinfo{background:#fff;padding:0.4rem 2%;height:100%;}
.searchinfo h2{color:#000;}
.searchinfo .searchlist{padding:0.2rem 0;}
.searchinfo .searchlist a{display:inline-block;margin:0 1.0rem 0.3rem 0;color:#fff;background:#01a420;font-size:0.24rem; text-align: center;height: 0.64rem;line-height:0.64rem;padding:0 0.2rem;border-radius: 0.5rem;}

.msg-box span{ color:#FF0000;}




#nativeShare{margin:0 auto; width: 100%;padding-top: 0.3rem;}
#nativeShare .label{margin-left:0.2rem;font-size:0.24rem;color:#666666;line-height:0.6rem;}
#nativeShare .list {width:83%;float:right;}
#nativeShare .list span {height:0.9rem;width:0.8rem;padding:0;display:inline-block;}
#nativeShare .list span i {height:0.6rem; width:0.6rem;display: block;margin:0 auto;}
#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.72rem;}

#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{}
#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%;}

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