@charset "UTF-8";
*{margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box;}
.ease{transition: all .3s linear;}
a,
a:link,
a:visited,
a:hover,
a:active{color: #000; text-decoration: none;}
html{width: 100%; min-height: 100%;}
body{width: 100%; min-height: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; font: 0.24rem/1.6 "Microsoft Yahei", Arial; color: #333; background: #fff; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: url(bodybg.jpg) repeat 0 0;}
body:before,
body:after{content: ""; width: 100%; display: block;}
body:after{height: 0rem;}
img{border: 0px;}
em,
b{font-style: normal;}
h1,
h2,
h3,
h4,
h5,
h6{font-weight: normal; font-size: .24rem;}
ul,
ol{list-style-type: none;}
input,
button,
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: #fff;}
input:-moz-placeholder,
textarea:-moz-placeholder{color: #fff;}
input::-moz-placeholder,
textarea::-moz-placeholder{color: #fff;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #fff;}
.hidden{display: none;}
.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: .7;}
.fl{float: left;}
.fr{float: right;}
.por{position: relative;}
.poa{position: absolute;}
.tac{text-align: center;}
.hide,
.hidden{display: none;}
.icon1{background: url(icon1.png) no-repeat; display: inline-block; background-size: 4rem auto; vertical-align: middle;}
.ico,.icon,
.icobef:before,
.icobef:after{background: url(icon.png) no-repeat; display: inline-block; background-size: 4rem auto; vertical-align: middle;}
.icobef:before,
.icobef:after{content: "\20"; display: block;}

.icobef:before,
.icobef:after{background: url(icon1.png) no-repeat; display: inline-block; background-size: 4rem auto; vertical-align: middle;}
.icobef:before,
.icobef:after{content: "\20"; display: block;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.dialog-layout{position: fixed; width: 100%; height: 100%; left: 0; top: 1rem; z-index: 101; background: #000; opacity: .6;}
.telfix{width: 1rem; height: 1rem; position: fixed; right: 1%; bottom: 5.4rem; z-index: 999; background:url("gTel.png") no-repeat center center;background-size:1rem 1rem;}
.toTop{width: 1rem; height: 1rem; position: fixed; right: 1%; bottom: 3rem; z-index: 999; background:url("goTop.png") no-repeat center center;background-size:1rem 1rem;}
.cb_lj{width: 1rem; height: 1rem; position: fixed; right: 1%; bottom: 4.2rem; z-index: 999; background:url("menu1.png") no-repeat center center;background-size:1rem 1rem;}

/***************top and bottom css*********************/
/**header_main**/
.header_main{width: 100%;height: 1rem;position: relative;left: 0;top: 0;z-index: 100;background: #fff;box-shadow: 0 0 0.04rem rgba(0, 0, 0, 0.2);}
.header_main .logo{display: block;float: left;height: .45rem;width: .45rem;margin: .26rem 0 0 .26rem;color: #097ad3;}
.header_main .logo img{display: block;height: .45rem;width: .45rem;background-size: cover;}
.header_main h1{height: .7rem;line-height: .7rem;margin: .16rem 0 0 .0rem;padding-left: .14rem;color: #097ad3;float: left;font-size: .44rem;font-weight: bold;}
.header_main h1 em{font-size: .3rem;color: #333333;font-weight: bold;}

.header_main .navbtn{width: .9rem;height: 1rem;padding-top: .34rem;position: absolute;right: 0;top: 0;z-index: 10;}
.header_main .navbtn s{width: .42rem;height: .38rem;display: block;margin: 0 auto;background-position: -0rem 0;}
.header_main .navbtn.cur s{background-position: -1.92rem 0;}
.header_main .goBack{width: 1rem; height: .8rem; position: absolute; left: 0; top: 0;}
.header_main .goBack:before{width: 0.22rem; height: 0.36rem; margin: .28rem auto 0; background: url(../g-images/g-ico.png) no-repeat; background-size: 4rem auto; background-position: -0.98rem -0.9rem; content: ''; display: block;}
.header_main .search_ico{display: block; position: absolute; left: 0; top: 0; text-align: center; cursor: pointer; width: .8rem; height: 1rem; z-index: 6; padding-top: .34rem;}
.header_main .search_ico s{width: .45rem; height: .45rem; margin: 0 auto; background-position: -0.62rem 0;}
.header_main .search_ico.on{background: #fff;}
.header_main .search_ico.on s{background-position: -1.92rem 0;}
.header_main.ny_header_main .logo{display: block; margin: 0 auto; float: none; padding-top: .1rem;}
.header_main.ny_header_main .tsearch{width: 100%; padding: .2rem 4%; position: absolute; left: 0; top: 1rem; background: #fff; display: none;}
.header_main.ny_header_main .tsearch s{left: .45rem; top: .34rem;}
.tsearch{width: 5.92rem; height: .64rm; position: relative; margin: 0 auto 0;}
.tsearch .txt{width: 100%; color: #000; padding-left: .7rem; color: #fff; font-size: .22rem; height: .6rem; background: #b3d8f0; border: none; border-radius: .15rem;}
.tsearch s{width: .38rem; height: .38rem; position: absolute; left: .2rem; top: .16rem; background-position: -0.66rem 0;}

/*subNav*/
.subNav{position: fixed; max-width: 750px; min-width: 320px; width: 100%; margin: 0 auto; height: 100%; top: 0; bottom: 0; z-index: 9999; display: none;}
.subNav.show { display: block;}
.subNav .subNavCon{width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: #fff;}
.subNav .close{width: .42rem; height: .4rem; display: block; position: absolute; right: .28rem; top: .28rem; margin: 0 auto; background-position: -1.92rem 0;}
.subNav ul{width: 100%; padding: .8rem 0 .5rem; overflow-y: auto; height: 100%;}
.subNav li{width: 94%; display: block; line-height: 0.8rem; margin: 0 3%; position: relative;}
.subNav li a{display: block; color: #333; font-size: 0.4rem; width: 100%; border-bottom: 1px solid #ddd;}
.subNav li a s{width: .25rem; height: .25rem; display: block; text-align: center; color: #333; font-size: .24rem; background-position: -3.68rem 0; margin-top: .27rem; margin-right: .1rem;}
.subNav li a.on{color: #097ad3;}
.subNav li a.on s{background-position: -3.28rem 0;}
.subNav li .box{display: none;}
.subNav li .box a{border-color: #f9f9f9; height: 0.6rem; line-height: 0.6rem; color: #333 !important; font-size: .24rem;}
.subNav li.hover a{color: #097ad3;}
.subNavShow{display: block;}

/***footer****/
.footer_main{text-align: left; color: #cccccc; line-height: .4rem; padding: .4rem 0.3rem .3rem; background: #16191d;font-size: 0.26rem;height:3.2rem;}
.footer_main a{color: #cccccc;}

/*悬浮工具*/
.g_top{width: 0.68rem; height: 0.68rem; padding-top: 0.12rem; background: #000; border-radius: 100%; position: fixed; right: 0.1rem; bottom: 1.4rem; display: block; z-index: 999; opacity: 0.89; display: none;}
.g_top:before{width: 0.42rem; height: 0.36rem; margin: 0.08rem auto 0; background-position: -2.56rem 0;}
.g_top:hover{background: #097ad3;}

/***************top and bottom css end*********************/
/* imgtog */
.imgtog{width: 94%; margin: 0 auto; position: relative; overflow: hidden; height: 3.85rem;}
.imgtog .list{float: left; width: 500%; height: 3.85rem;}
.imgtog .list .item{float: left; width: 20%; height: 3.85rem;}
.imgtog .list .item img{width: 100%;}
.imgtog .prev,
.imgtog .next{width: .3rem; height: .45rem; position: absolute; top: .9rem; z-index: 20;}
.imgtog .prev{left: .1rem; background-position: -0.98rem 0;}
.imgtog .next{right: .1rem; background-position: -1.4rem 0;}
.imgtog .tip{height: .2rem; width: 100%; position: absolute; left: 0; bottom: .3rem; margin-left: 0; text-align: center; z-index: 10;}
.imgtog .tip span{width: .4rem; height: .14rem; margin: 0 .08rem; border-radius: .2rem; display: inline-block; cursor: pointer; vertical-align: top; text-align: center; background: #c9c9c9;}
.imgtog .tip span.cur{background: #e6242c;}
.imgtog.banner{height: 4.2rem; width: 5.92rem; margin: 0 auto .3rem; padding-bottom: .5rem; border-radius: .1rem; }
.imgtog.banner .list{height: 3.7rem;}
.imgtog.banner .list .item{height: 3.7rem; box-shadow: 0 0.05rem 0.16rem rgba(0, 0, 0, 0.3); border-radius: .1rem;}
.imgtog.banner .list .item a{width: 100%; display: block;}
.imgtog.banner .list .item img{display: block; min-height: 100%; border-radius: .1rem; }
.imgtog.banner .tip{bottom: .05rem;}

/* banner */
#banner_main{width:100%;overflow:hidden;position:relative;z-index:1;height:auto;background-size: 1px auto;}
.banner{margin:0 auto;width:100%;*zoom: 1;overflow:hidden;position:relative;height:auto;}
.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{width:100%;height:auto;}
#banner .tip {width:100%;height:0.32rem;line-height:0.32rem;text-align:center;clear:both;position:absolute;left:0%;bottom: 0.1rem;z-index:12;font-size: 0;}
#banner .tip span {display:inline-block;vertical-align:middle; width:0.4rem; height:0.05rem;margin:0 0.08rem;vertical-align:middle;background-position:-1.2rem -0rem;}
#banner .tip span.cur {background-position:-0.6rem -0rem;}

.indexsplit{width: 100%; height: .3rem; background: #f6f6f6; border-top: 1px solid #e4e4e4;}
.indexmore,
.addclick{text-align: center;height: 0.8rem;line-height: 0.8rem;width: 94%;display: block;margin: 0.5rem auto .2rem;font-size: .34rem;background: #097ad3;color: #fff;border-radius: 0.12rem;}
.indexmore:link,
.addclick:link,
.indexmore:visited,
.addclick:visited{color: #fff;}
.addclick{width: 94%; border-color: #999;}
.indexTit{height: 0.8rem;  margin: 0 3% .2rem;border-bottom: 1px solid #cccccc;padding-bottom: 0.7rem;}
.indexTit h3{font-size: .4rem; display: inline-block; vertical-align: middle;}
.indexTit h3 strong{color: #097ad3;}
.indexTit:before{width: .4rem; height: .4rem; display: inline-block; vertical-align: middle; background-position: 0 -0.46rem;}
.indexTit .line{width: .32rem; height: .02rem; display: inline-block; vertical-align: middle; background: #dddddd; margin: 0 .06rem;}
.indexTit h4{display: inline-block; vertical-align: middle; font-size: .3rem; color: #333333;padding-left: .3rem;    padding-top: 0.1rem;}

/*newslist*/
.newslist{padding: .2rem 3% .3rem;}
.newslist .item{width: 100%;display: block;padding: .3rem 0;border-bottom: 1px solid #dddddd;margin: 0 auto;position: relative;}
.inews  .newslist .item:first-child{border-bottom: 0px;}
.newslist .item img{width: 3.2rem;height: 1.8rem;display: block;float: right;border-radius: 0.12rem;}
.newsPage .newslist .item img{float:left;}
.newsPage .txtcont{ width:100%;}

.newslist .item .txt{width:100%;border-bottom: 1px solid #DDDDDD;height: 1.8rem;float:right;}
.newslist .item .txt h3{font-size: .3rem;line-height: 0.4rem;height: 0.8rem;margin-bottom: .05rem;overflow: hidden;color: #333333;margin-bottom: .1rem;}
.newslist .item .txt .time{color: #666666;font-size: .26rem;line-height: .22rem;display: block;position: absolute;bottom: 0.6rem;}
.newslist .item:first-child{padding-top: 0;}
.inews .newslist .item img{width: 3.2rem;height: 1.8rem;display: block;float: right;border-radius: 0.12rem;}
.inews .indexmore{    margin: 0.1rem auto .2rem;}

.newslist .item1 h3{font-size: 0.3rem;color: #333333;float: left;}
.newslist .item1 .time1{font-size: 0.26rem;color: #666666;float: right;}
.newslist .item1{height: .86rem;line-height: .86rem;border-bottom: 1px solid #DDDDDD;display: block;}
.gridlist{padding: .1rem 3% .2rem;}
.gridlist .item{width: 48.5%; float: left; margin-right: 3%; margin-bottom: .26rem; background: #fff; border: 1px solid #dddddd;    border-radius: 0.12rem;}
.gridlist .item a{width: 100%; display: block;}
.gridlist .item:nth-child(2n){margin-right: 0;}
.gridlist .item figure{width: 100%;padding-top: 75%;position: relative;overflow: hidden;border-bottom: 1px solid #dddddd;border-top-left-radius: 0.12rem;border-top-right-radius: 0.12rem;}
.gridlist .item figure img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}
.gridlist .item h3{width: 100%;height: 0.8rem;line-height: 0.8rem;overflow: hidden;text-align: center;color: #171e36;font-size: 0.26rem;}
.gridlist.gridlist12 .item figure img{min-height: auto; top: 0.5rem;}
/*caselist*/

.caselist{padding: .1rem 3% .2rem;}
.caselist .item{width: 48.5%; float: left; margin-right: 3%; margin-bottom: .26rem; background: #fff; border: 1px solid #dddddd;    border-radius: 0.12rem;}
.caselist .item a{width: 100%; display: block;/*padding-bottom: 0.2rem;*/text-align: center;}
.caselist .item:nth-child(2n){margin-right: 0;}
.caselist .item figure{width: 100%;padding-top: 75%;position: relative;overflow: hidden;border-bottom: 1px solid #dddddd;border-top-left-radius: 0.12rem;border-top-right-radius: 0.12rem;}
.caselist .item figure img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}
.caselist .item h3{width: 100%;height: 0.8rem;line-height: 0.8rem;overflow: hidden;text-align: center;color: #171e36;font-size: 0.26rem;}
.icase .indexmore{    margin: 0rem auto .2rem;}
.relateBox .caselist .txtcon{padding:0 .1rem;}

.relateBox .caselist{padding: .1rem 3% .2rem;}
.relateBox .caselist .item{width: 48.5%;float: left;height: 3.5rem;position: relative;margin-right: 3%;margin-bottom: .26rem;background: #097ad3;}
.relateBox .caselist .item a{width: 100%; display: block;}
.relateBox .caselist .item:nth-child(2n){margin-right: 0;}
.relateBox .caselist .item figure{width: 100%; padding-top:56.25%; position: relative; overflow: hidden; border-bottom: 1px solid #dddddd;}
.relateBox .caselist .item figure img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}
.relateBox .caselist .item .txtcon{width: 94%; height: 1.37rem; padding: 0 .15rem; position: absolute; left: 3%; bottom: .1rem; background: #fff; z-index: 10;}
.relateBox .caselist .item .txtcon h3{height: 0.55rem; line-height: 0.55rem; overflow: hidden; margin-bottom: .1rem; border-bottom: 1px solid #dddddd; color: #333;}
.relateBox .caselist .item .txtcon .txt{line-height: .3rem; max-height: .6rem; font-size: .2rem; overflow: hidden; color: #666;}

/**********************index css*************************/
/*inav*/
.inav{width: 98%; text-align: center;background: #fff;margin: 0 auto; border: 1px solid #dddddd;margin-top: 0.3rem;}
.inav a{width: 100%;display: block;height:.5rem;width:50%; line-height:.5rem;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;float: left; font-size:.36rem;}
.inav a.a5,.inav a.a6,.inav a.a7,.inav a.a8{border-bottom: 0px;}
.inav a:nth-child(2n+1){border-left: 0;}

.iproduct{background: #FFFFFF; padding: .4rem 0 0 0; }
.iproduct .indexTit{height: 1.1rem;    border-bottom:0px solid #cccccc;text-align: center;}
/*.iproduct .indexTit::before{}*/
.iproduct .indexTit h3{font-size: .56rem;color: #333333;font-weight: bold; text-align: center;}
.iproduct .indexTit .wrap{width: 6.29rem;height: 0.4rem;display: block;background: url(wrap.png) center center no-repeat;background-size:cover;margin: 0 auto;margin-top: 0.1rem;}
.iproduct .indexmore{    margin: 0rem auto .2rem;}
.iproduct .indexTit:before{ display: none;} 

/*理由*/
.iadvan{padding: .3rem 0 0 0;}
.iadvan .indexTit{height: 1rem;border-bottom: 0px;}
.iadvan .indexTit h3{font-size: .36rem;color: #333333;font-weight: bold;display: block;text-align: center;}
.iadvan .indexTit h3 em{color: #097ad3;}
.iadvan .indexTit .wrap{width: 6.29rem;height: 0.4rem;display: block;background: url(wrap.png) center center no-repeat;background-size:cover;margin: 0 auto;margin-top: 0.1rem;}

.iadvan .title{text-align: center;}
.iadvan .title h3{font-size: .32rem; font-weight: bold; color: #097ad3;}
.iadvan .list{width: 94%;margin: 0 auto;padding-top: 0rem;position: relative;    height: 7rem;overflow: hidden;}
.iadvan li{width: 50%;height: 3.2rem;/* padding: .6rem .3rem; */float: left;margin-bottom: 0.76rem;}
.iadvan li img{width: 0.9rem;height: 0.9rem;background-position: cover;margin-top: 0.3rem;}
.iadvan li h3{font-size: .3rem;height: 0.46rem;line-height: 0.46rem;color: #097ad3;font-weight: bold;margin-top: 0.2rem;text-align: left;}
.iadvan li .p1{font-size: 0.26rem;color: #333333;padding-bottom: 0.1rem;text-align: left;}
.iadvan li.a2 .p1,.iadvan li.a3 .p1{/* font-size: 0.26rem; *//* color: #FFFFFF; */}
.iadvan li .txt{line-height: .35rem;height: 1.4rem;overflow: hidden;font-size: .24rem;color: #666666;}

.iadvan li.a2 h3{text-align: right;}
.iadvan li.a2 .p1{text-align: right;}
.iadvan li.a2 img{float: right;}
.iadvan li.a4 h3{text-align: right;margin-top: 1.5rem;}
.iadvan li.a4 .p1{text-align: right;}
.iadvan li.a4 img{float: right;}
.icase{padding: .4rem 0 .2rem;}
.icase .indexTit:before{}
.iadvan .img1{width: 5.73rem;height: 3.74rem;background-position: 5.73rem 3.74rem;position: absolute;left: 0.56rem;top: 1.5rem;}

/*关于我们*/
.iabout{padding: .3rem 0;/* background: #f8f8f8 url(iaboutbg.jpg) no-repeat center bottom; */width: 94%;margin: 0 auto;}
.iabout .indexTit:before{background-position: -2.2rem -1.5rem;}
.iabout .videoCon{width: 7.06rem;height: 4.16rem; position: relative; overflow: hidden;display: block;}
.iabout .videoCon img{width: 100%; margin: 0 auto; overflow: hidden; display: block;height: 4.16rem;border-radius: 0.12rem;}
.iabout .tit{/* padding: .3rem 3% .3rem; */font-size: .34rem;color:#333333;/* padding-left: .3rem; */padding-top:.5rem;}
.iabout .tit span{color: #097ad3;}
.iabout .tit:before{width: .34rem; height: .34rem; display: inline-block; margin-right: .05rem; background-position: -1.42rem -0.52rem;}
.iabout .txt{text-align: justify;line-height: .5rem;color: #666666;font-size: 0.26rem;/* width: 6.3rem; *//* padding-left: .3rem; */}
.iabout .indexTit{    margin: 0 0 .2rem;}

.ihonor{padding: .35rem 0 0rem;}
.ihonor .gridlist .item{border: 0px;}
.ihonor .gridlist .item figure{border: 0px;}
.ihonor .gridlist{padding: .1rem 3% .2rem;}
.ihonor .gridlist .item{width: 48.5%; float: left; margin-right: 3%; margin-bottom: .26rem; background: #fff; border: 1px solid #dddddd;    border-radius: 0rem;}
.ihonor .gridlist .item a{width: 100%; display: block;}
.ihonor .gridlist .item:nth-child(2n){margin-right: 0;}
.ihonor .gridlist .item figure{width: 100%;padding-top: 75%;position: relative;overflow: hidden;border-bottom: 1px solid #dddddd;border-top-left-radius: 0rem;border-top-right-radius: 0rem;}
.ihonor .gridlist .item figure img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}
.ihonor .indexTit:before{background-position: -2.2rem -1.5rem;}

/*询盘*/
.enqiryM{background-color: #FFFFFF;/* padding-top: 0.6rem; */margin-top: -0.5rem;}
.enquiry{position:relative;width:6.9rem;height:3.42rem;margin:0 auto;margin-top:0.6rem;background:url("enquiryBg.png") no-repeat center center;background-size:6.9rem 3.42rem;}
.enquiry .txt{padding: 0.7rem 0 0 0rem;}
.enquiry .txt .tit{font-weight:bold;font-size: 0.32rem;line-height: 0.32rem;text-align: left;color:#34adf9;font-weight: bold;padding-left: .4rem;border-bottom:0rem;height:auto;}
.enquiry .txt .tit .tel{color:#FFFFFF;font-size: .36rem;display: inline-block;}
.enquiry .txt .tit .tel i{width: 0.27rem;height: 0.27rem;background-position: -2.5rem 0;display: block;float: left;margin: 0 .14rem;}
.enquiry .txt .subtit{padding-left: 0.4rem;margin-top: 0.2rem;font-size:0.3rem;line-height:0.26rem;color:#ffffff;}
.enquiry .btns{position:absolute;bottom: 0.3rem;width:100%;height: 0.95rem;}
.enquiry .btns a{float:left;display:block;width:50%;height:0.95rem;font-size:0.3rem;line-height:0.95rem;color:#fff;}
.enquiry .btns a.tel{text-indent:1.5rem;background:url("telIco.png") no-repeat 0.94rem center;background-size:0.25rem 0.28rem;} 
.enquiry .btns a.online{text-indent: 1rem;border-left: 1px solid #950006;background: url("onIco.png") no-repeat 0.6rem center;background-size:0.28rem 0.28rem;} 

.inews{padding: .3rem 0;}
.inews .indexTit:before{background-position: -2.2rem -1.5rem;}
/***************index css end*********************/
.pager{width: 100%; padding: .2rem 3% .45rem;}
.pager a,
.pager span{width: 2rem; height: 0.6rem; line-height: 0.6rem; display: block; text-align: center; background: #fff; border: 1px solid #dddddd; float: left;}
.pager a.hover,
.pager span.hover,
.pager a:hover,
.pager span:hover{color: #097ad3; border-color: #097ad3;}
.pager a.next,
.pager span.next{float: right;}
.relateBox{padding-bottom: .1rem;}
.relateTit{width: 94%; margin: 0 auto; padding-bottom: .15rem; border-bottom: 1px solid #e4e4e4; margin-bottom: .25rem;}
.relateTit h3{font-size: .28rem; display: inline-block; position: relative; color: #333;}
.relateTit h3 s{width: .28rem; height: .28rem; margin-right: .1rem; background-position: -3.28rem -0.94rem;}
.relateTit h3 .line{width: 100%; height: 2px; display: block; position: absolute; left: 0; bottom: -0.15rem; background: #097ad3;}
.relateTit .more{color: #999999; font-size: .2rem; float: right; margin-top: .08rem;}
.relateTit .more:after{width: .2rem; height: .24rem; display: inline-block; margin-left: .08rem; background-position: -3.65rem -0.5rem;}
.content{padding-bottom: .5rem; min-height: 10.2rem;}
.content.newsPage{padding-bottom: .1rem; overflow: hidden;}
.content.newsPage h3{width: 100%;    font-size: 0.3rem;}
.content.newsPage p{width:100%;padding-top: 0.1rem;}
.content.newsPage .time{    position: absolute;bottom: 0.22rem;}

.content .gridlist{padding-bottom: 0;}
.content .menu{margin-top: .02rem; margin-bottom: .2rem;}
.content .menu .title{width: 100%; padding: 0 3%; position: relative; height: 0.6rem; line-height: 0.6rem; background: #097ad3; color: #fff;}
.content .menu .title h3{font-size: .26rem;}
.content .menu .title s{width: .44rem; height: .28rem; position: absolute; right: 3%; top: .15rem; background-position: -2.22rem -0.9rem; display: block;}
.content .menu .list{padding: .2rem 0 .1rem 3%;}
.content .menu .list a{width: 30.3%; margin: 0 3% .2rem 0; height: 0.62rem; line-height: 0.62rem; border-radius: .1rem; text-align: center; background: #fff; display: block; box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.2); float: left; font-size:.28rem;}
.content .menu .list a.hover,
.content .menu .list a:hover{color: #097ad3; border-color: #097ad3;}
.content .iadvan{padding: 0 0 .35rem;}
.content .iadvan .title{padding-bottom: .3rem; background: url(ny-case-tit.png) no-repeat center bottom; background-size: 2.56rem auto;}
.content .iadvan .title h3{color: #333;}
.content .iadvan .title h3 span{color: #097ad3;}
.content .imgtog{width: 100%; margin: 0 auto; position: relative; overflow: hidden; height: 3rem;}
.content .imgtog .list{float: left; width: 500%; height: 3rem;}
.content .imgtog .list .item{float: left; width: 20%; height: 3rem;}
.content .imgtog .list .item a{display: block;}
.content .imgtog .list .item img{width: 100%; display: block;height:3rem;}
.content .imgtog .tip{bottom: 0;}
.content .imgtog .tip span{width: .12rem; height: .12rem; display: inline-block; border: 1px solid #097ad3;}
.content .imgtog .tip span.cur{background: #097ad3;}
.showPro{background: #fff; padding-bottom: 0;}
.showPro .imgtog{width: 6rem; margin: 0 auto; position: relative; overflow: hidden; height: 4.5rem;}
.showPro .imgtog .list{float: left; width: 500%; height: 4.5rem;}
.showPro .imgtog .list .item{float: left; width: 20%; height: 4.5rem;}
.showPro .imgtog .list .item a{display: block;}
.showPro .imgtog .list .item img{width: 100%; height: 4.5rem; display: block;}
.showPro .imgtog .tip{bottom: 0;}
.showPro .imgtog .tip span{width: .12rem; height: .12rem; display: inline-block; background: none; border: 1px solid #097ad3;}
.showPro .imgtog .tip span.cur{background: #097ad3;}
.showPro .summary{padding: .2rem 3% .4rem;}
.showPro .summary .tit{font-weight: bold; font-size: .28rem; line-height: .42rem; padding: .1rem 0 .15rem; color: #097ad3;}
.showPro .summary .txt{line-height: .48rem; color: #666666;}
.showPro .isplit{margin-bottom: .4rem;}
.showPro .contxt{padding: 0 3% .4rem; line-height: .45rem;}
.showPro .contxt img{max-width: 100%; height: auto !important;}
.showPro .contxt td{padding: 4px; border: 1px solid #ccc; text-align: center; vertical-align: middle; WORD-WRAP: break-word; TABLE-LAYOUT: fixed; word-break: break-all;}
.singlePage{background: #fff;}
.singlePage .contxt{padding: .1rem 3% 0; line-height: .45rem;}
.singlePage .contxt img{max-width: 100%; height: auto !important;}
.singlePage .contxt td{padding: 4px; border: 1px solid #ccc; text-align: center; vertical-align: middle; WORD-WRAP: break-word; TABLE-LAYOUT: fixed; word-break: break-all;}
.contactPage{padding-bottom: 0;}
.contactPage .floor_1{padding: .1rem 3% .4rem;}
.contactPage .floor_1 img{max-width: 100%; display: block; margin: 0 auto;}
.contactPage .floor_1 .t{color: #333; font-size: .24rem; padding: .2rem 0 .1rem;}
.contactPage .floor_1 .txt{font-size: .22rem; line-height: .4rem;}
.contactPage .floor_2{padding: .4rem 3% .53rem; background: #fff;}
.contactPage .floor_2 .title{text-align: center;}
.contactPage .floor_2 .title h3{font-weight: bold; color: #333333; margin-bottom: .05rem;}
.contactPage .floor_2 .title h3 span{color: #097ad3;}
.contactPage .floor_2 .title p{font-size: .2rem; color: #999; height: .42rem; line-height: .42rem; background: url(contact-titbg.png) no-repeat center center; background-size: auto .42rem;}
.contactPage .floor_2 .list{line-height: .94rem; padding: .3rem 0;}
.contactPage .floor_2 .list li{margin: 0 auto; white-space: nowrap; border-bottom: 1px solid #dddddd; font-size: .23rem;}
.contactPage .floor_2 .list li:before{width: .7rem; height: .7rem; content: "\20"; display: inline-block; vertical-align: middle; margin-right: .08rem; background: url(contact-ico.png) no-repeat 0 center; background-size: auto .7rem;}
.contactPage .floor_2 .list li:nth-child(2):before{background-position: -0.76rem center;}
.contactPage .floor_2 .list li:nth-child(3):before{background-position: -1.52rem center;}
.contactPage .floor_2 .list li:nth-child(4):before{background-position: -2.28rem center;}
.contactPage .floor_2 .list li:nth-child(5):before{background-position: -3.02rem center;}
.contactPage .floor_2 .list li:nth-child(6):before{background-position: -3.74rem center;}
.contactPage .floor_2 .mapArea .tit{padding: .3rem 0 .1rem; color: #333;}
.contactPage .floor_2 .mapArea #allmap{width: 100%; height: 3.5rem; overflow: hidden;}
/*reLink*/
.reLink{margin: .2rem 3% .2rem; font-size: .22rem; border: 1px solid #e3e3e3; 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 #e3e3e3; 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;}
.msgPage{width: 100%; padding: .2rem 3% .4rem;}
.msgPage .item{width: 100%; height: .82rem; line-height: .8rem; padding-left: 1.4rem; position: relative; margin-bottom: .2rem; border: 1px solid #dddddd;}
.msgPage .item .t{width: 1.3rem; position: absolute; left: 0; top: 0; display: block; text-align: center;}
.msgPage .item input{width: 100%; height: .8rem; line-height: .8rem; outline: none; background: none; border: 0px;}
.msgPage .item .tip{width: 1.3rem; height: 0.6rem; line-height: 0.6rem; text-align: center; border: 1px solid #ddd; border-radius: .06rem; position: absolute; right: .1rem; top: .1rem; border: 1px solid #097ad3; color: #097ad3;}
.msgPage .item input[type="file"]{opacity: 0;}
.msgPage .item.itemxt{width: 100%; padding-left: 0; height: 1.6rem;}
.msgPage .item.itemxt textarea{width: 100%; height: 1.55rem; border: 0px; padding: 8px; overflow: hidden; color: #333; resize: none; font-family: "microsoft yahei"; outline: none;}
.msgPage .btn{width: 100%; height: 45px; line-height: 45px; text-align: center; margin-top: .2rem; border-radius: .08rem; background: #097ad3; color: #fff; cursor: pointer; border: 0px;}
.msgPage .btn:hover{background: #eb4e46;}
/*showInfo*/
.showInfo{padding-bottom: 0; overflow: hidden; background: #fff;}
.showInfo article{width: 100%; padding: 0 3% .3rem;}
.showInfo article .title{margin: 0 2%; font-size: .36rem; line-height: .44rem; text-align: center;}
.showInfo article .mark{font-size: .22rem; padding: .2rem 0 .08rem; text-align: center; color: #666666; border-bottom: 1px solid #dddddd;}
.showInfo article .mark span{margin: 0 .06rem;}
.showInfo .reLink{margin: 0 0 .2rem;}
.showInfo .img{width: 94%; margin: .25rem auto;}
.showInfo .img img{max-width: 100%; display: block; margin: 0 auto;}
.showInfo .contxt{padding: .2rem 3% .2rem; line-height: .42rem; color: #666666;}
.showInfo .contxt img{max-width: 100%; height: auto !important;}
.showInfo .contxt td{padding: 4px; border: 1px solid #ccc; text-align: center; vertical-align: middle; WORD-WRAP: break-word; TABLE-LAYOUT: fixed; word-break: break-all;}
.BMap_bubble_content{font-size: .2rem;}
/*fenx*/
#nativeShare{margin: 0 auto; width: 100%; padding-top: 0.3rem; max-width: 750px; 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('weibo.png'); background-size: cover;}
#nativeShare .weixin i{background-image: url('weixin_friend.png'); background-size: cover;}
#nativeShare .weixin_timeline i{background-image: url('weixin.png'); background-size: cover;}
#nativeShare .qq i{background-image: url('qq.png'); background-size: cover;}
#nativeShare .qzone i{background-image: url('qqzone.png'); background-size: cover;}
#nativeShare .more i{background-image: url('more.png'); background-size: cover;}
#nativeShare .list span.qzone,
#nativeShare .list span.more{width: 0.73rem;}

/*产品详情*/
.product_d {background: #FFFFFF;}
.product_d .tit{font-size: 0.34rem;color: #333333;height: 0.88rem;line-height: .88rem;border-bottom: 1px solid #dddddd;text-align: center;}
.product_d .tit i{background-position:0 -0.6rem;width:0.16rem;height:0.3rem;display:block;float:left;    margin: 0.3rem 0 0 0.3rem;}
.product_d .imgcon{width: 6.9rem; background: #fff; border-radius: .1rem; margin: 0 auto .3rem; box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.2);margin-top: .3rem;}
.product_d .imgcon .imgtog{width: 100%; height:5.2rem;}
.product_d .imgcon .imgtog .tip{text-align: center; bottom: .2rem;}
.product_d .imgcon .imgtog .tip span{border-radius: .1rem;}
.product_d .imgcon .imgtog .tip span.cur{width: .4rem;}
.product_d .imgcon .txt{padding: .5rem 4% .5rem; font-size: .22rem; line-height: .38rem;}
.product_d .imgcon .list .item img{height: 4.9rem;border-radius: 0.12rem;}
.product_d1{width: 6.9rem; background: #fff; border-radius: .1rem; margin: 0 auto .3rem; box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.2);}
.product_d1 .tit{font-size: 0.3rem;color: #097ad3;font-weight: bold;height: .8rem;line-height: 0.8rem;border-bottom: 1px solid #dddddd;text-align: left;}
.product_d .imgcon .txt .ftit{height: 0.6rem;}
.product_d .imgcon .txt .ftit p{font-size: 0.28rem;color: #333333;float: left; width: 3rem;height: 0.6rem;line-height: 0.6rem;border-bottom: 0.02rem solid #e5e5e5;}
.product_d .imgcon .txt .ftit p:first-child{margin-right: 0.3rem;}

.product_d .imgcon .txt .ftit p em{font-weight: bold;font-size: 0.28rem;color: #333333;}
.product_d .imgcon .txt .amore{height: 0.8rem;margin-top: 0.3rem;}
.product_d .imgcon .txt .amore p{font-size: 0.3rem;float: left;border-radius: 0.12rem;text-align: center; color: #fcf8f7;width: 3rem;height: 0.8rem;background-color: #097ad3;line-height: 0.8rem;}
.product_d .imgcon .txt .amore p:first-child{margin-right: .3rem;}
.product_d .imgcon .txt .amore p.p2{background: #FFFFFF;border:0.02rem solid #dcdcdc;color: #097ad3;}
.product_d .imgcon .txt .amore p i{background-position: 0 -1.1rem;width: 0.38rem;height: 0.38rem;display: block;float: left;margin: .2rem 0 0 .2rem;}

.product_d1 .tit i{display: block;float: left;background-position: -3.1rem 0;width: 0.34rem;height: 0.34rem;margin-top: 0.3rem;margin-left: .3rem;margin-right: 0.1rem;}
.product_d1 .cont{padding: 0.3rem; font-size:.3rem;}
.product_d1 .cont .p1{font-size: 0.26rem;color: #171e36;}
.product_d1 .cont img{ max-width:100%; margin-top:.1rem;margin-bottom: .1rem;}

.product_d2 {padding: .1rem 3% .2rem;}
.product_d2 .tit{font-size: 0.3rem;color: #097ad3;font-weight: bold;height: .8rem;line-height: 0.8rem;border-bottom: 1px solid #dddddd;text-align: left;}
.product_d2 .tit em{color: #333333;}
.product_d2 .tit i{display: block;float: left;background-position: -3.1rem 0;width: 0.34rem;height: 0.34rem;margin-top: 0.3rem;margin-left: .3rem;margin-right: 0.1rem;}
.product_d2 .tit span{font-size: 0.26rem;color: #333333;margin-left: 0.2rem;}
.product_d2 .cont{margin-top: 0.4rem;}
.product_d2 .item{width: 48.5%; float: left; margin-right: 3%; margin-bottom: .26rem; background: #fff; border: 1px solid #dddddd;    border-radius: 0.12rem;}
.product_d2 .item a{width: 100%; display: block;}
.product_d2 .item:nth-child(2n){margin-right: 0;}
.product_d2 .item figure{width: 100%;padding-top: 75%;position: relative;overflow: hidden;border-bottom: 1px solid #dddddd;border-top-left-radius: 0.12rem;border-top-right-radius: 0.12rem;}
.product_d2 .item figure img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}
.product_d2 .item h3{width: 100%;height: 0.8rem;line-height: 0.8rem;overflow: hidden;text-align: center;color: #171e36;font-size: 0.26rem;}
.product_d2 .indexmore{    margin: 0rem auto .2rem;}

.product_d3 {padding: .1rem 3% .2rem;}
.product_d3 .tit{font-size: 0.3rem;color: #097ad3;font-weight: bold;height: .8rem;line-height: 0.8rem;border-bottom: 1px solid #dddddd;text-align: left;}
.product_d3 .tit em{color: #333333;}
.product_d3 .tit i{display: block;float: left;background-position: -3.1rem 0;width: 0.34rem;height: 0.34rem;margin-top: 0.3rem;margin-left: .3rem;margin-right: 0.1rem;}
.product_d3 .tit span{font-size: 0.26rem;color: #333333;margin-left: 0.2rem;}
.product_d3 .cont{margin-top: 0.4rem;}
.product_d3 .item{width: 48.5%; float: left; margin-right: 3%; margin-bottom: .26rem; background: #fff; border: 1px solid #dddddd;    border-radius: 0.12rem;}
.product_d3 .item a{width: 100%; display: block;}
.product_d3 .item:nth-child(2n){margin-right: 0;}
.product_d3 .item figure{width: 100%;padding-top: 75%;position: relative;overflow: hidden;border-bottom: 1px solid #dddddd;border-top-left-radius: 0.12rem;border-top-right-radius: 0.12rem;}
.product_d3 .item figure img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}
.product_d3 .item h3{width: 100%;height: 0.8rem;line-height: 0.8rem;overflow: hidden;text-align: center;color: #171e36;font-size: 0.26rem;}
.product_d3 .indexmore{    margin: 0rem auto .2rem;}

.product_d4{width: 6.9rem; background: #fff; border-radius: .1rem; margin: 0 auto .3rem; box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.2);}
.product_d4 .tit{font-size: 0.3rem;color: #097ad3;font-weight: bold;height: .8rem;line-height: 0.8rem;border-bottom: 1px solid #dddddd;text-align: left;}
.product_d4 .tit em{color: #333333;}
.product_d4 .tit i{display: block;float: left;background-position: -3.1rem 0;width: 0.34rem;height: 0.34rem;margin-top: 0.3rem;margin-left: .3rem;margin-right: 0.1rem;}
.product_d4 .cont{padding: 0.3rem;}
.product_d4 .cont .p1{font-size: 0.18rem;color: #171e36;}

.imgtog .tip{height: .2rem; width: 100%; position: absolute; left: 0; bottom: .35rem; margin-left: 0; z-index: 10;}
.imgtog .tip span{width: .1rem; height: .1rem; margin: 0 .08rem; border-radius: 100%; display: inline-block; vertical-align: top; cursor: pointer; text-align: center; background: #606d78;}
.imgtog .tip span.cur{background: #1d448e;}
.erro img{width:100%;}

.contxt {padding-bottom: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 .3rem;}
.contxt img{max-width: 100%;}
/*navBar*/
.navBar{width: 6.9rem; height: 1.2rem; position: fixed; bottom: .2rem; border-radius: .6rem; left: 44%; margin-left: -3rem; z-index: 100; overflow: hidden; /*background: linear-gradient(#0267ad, #047dbb);*/background: url(navBg.png) center center no-repeat; border-bottom: .02rem solid #005489;}
.navBar ul{max-width: 640px; min-width: 320px; width: 100%; height: 0.8rem; margin: 0 auto;}
.navBar ul li{float: left;width: 25%;height: 1.2rem;border-left: 1px solid #005286;}
.navBar ul li a{width: 100%;height: 1.2rem;/*padding-top: .24rem;*/display: block;text-align: center;color: #fff;font-size: 0.24rem;}
.navBar ul li a:before{width: .42rem;height: .42rem;display: block;margin: 0 auto .02rem;margin-top: 0.2rem;}
.navBar ul li:first-child{border-left: 0px;}
.navBar ul li:nth-child(1) a:before{background-position: 0rem -1rem;}
.navBar ul li:nth-child(2) a:before{background-position: -0.5rem -1rem;}
.navBar ul li:nth-child(3) a:before{background-position: -1rem -1rem;}
.navBar ul li:nth-child(4) a:before{background-position: -1.5rem -1rem;}
.navBar ul li:hover{background: url(navBg1.png) center center no-repeat;}

.navBar ul li:nth-child(1):hover a:before{background-position: -0rem -1.5rem;}
.navBar ul li:nth-child(2):hover a:before{background-position: -0.5rem -1.5rem;}
.navBar ul li:nth-child(3):hover a:before{background-position: -1rem -1.5rem;}
.navBar ul li:nth-child(4):hover a:before{background-position: -1.5rem -1.5rem;}

/* 工具栏 */
#toolbar {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 888;
	height: 1.3rem;
	left: 0;
}
#toolbar .list {
	width: 100%;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	background: #097ad3;
}
#toolbar .list li {
	float: left;
	width: 25%;
	text-align: center;
}
#toolbar .list a {
	display: block;
	height: 1.3rem;
	line-height: 0.44rem;
	font-size: 0.28rem;
	color: #fff;
	padding-top: 0.25rem;
}
#toolbar .list a.hover {
	background: #ff9000;
}
#toolbar .list a s {
	margin-left: auto;
	margin-right: auto;
	width: 0.42rem;
	height: 0.46rem;
	display: block;
	background-size: 5rem auto;
}
#toolbar .list a span {
	text-align: center;
	line-height: 0.45rem;
	display: block;
}
#toolbar .list a .too-home {
	background-position: 0.03rem 0;
}
#toolbar .list a .too-qiao {
	background-position: -1.6rem 0;
}
#toolbar .list a .too-map {
background-position: -.79rem 0;
}
#toolbar .list a .too-tel {
	background-position: -2.36rem 0;
}
.xbg {
	width: 100%;
	display: block;
	position: fixed;
	height: 1.05rem;
	left: 0;
	bottom: 0;
	background: #fff;
	z-index: 880;
}
#toolbar .list a s span {
	color: #fff;
padding-top:.9rem;
	text-transform: initial;
	font-style: normal;
}
/*微信弹窗*/
.icon_wx{
	background: url(/3g/images/icon2.png) no-repeat;
	display: inline-block;
	background-size: 4rem auto;
	vertical-align: middle;
}
.icon, .iconn:before, .iconn:after, .iconbef:before, .iconbef:after {
	content: "\20";
	display: block;
}
#wxnr {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top:40%;
	left: 0;
	right: 0;
	width: 6rem;
	height: 6rem;
	padding: 0.3rem;
	padding-top: 0.6rem;
	margin-top: -2.5rem;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
}
#wxnr img {
	width: 3.3rem;
	height: 3.3rem;
	display: block;
	margin: 0 auto;
}
#wxnr p {
	font-size: 0.29rem;
	line-height: 0.45rem;
	text-align: center;
}
#wxnr i {
	position: absolute;
	top: 0.2rem;
	right: 0.2rem;
	width: 0.3rem;
	height: 0.3rem;
	font-size: 0.2rem;
	line-height: 0.3rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 1rem;
	cursor: pointer;
}
#wxnr span {
	display: inline-block;
	padding: 0.03rem 0.1rem;
	line-height: 0.35rem;
	background-color: #ff9000;
	color: #fff;
	border-radius: 0.05rem;
	cursor: pointer;

}
#wxnr span.wx {
	padding-left: 0.4rem;
	background-image: url(/3g/images/wx.jpg);
	background-size: 0.28rem;
	background-position: 0.1rem center;
	background-repeat: no-repeat;
}
/*复制提示*/
#weixin {
	position: fixed;
	top: 50%;
	margin-top: -0.4rem;
	z-index: 9999999;
	font-size: 0.26rem;
	color: #fff;
	width: 90%;
	right: 5%;
	line-height: 0.8rem;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	border: 2px solid #333;
	border-radius: 0.1rem;
	display: none;
}


/*字体*/
@media only screen and (min-width:751px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-width:750px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-width:640px) {
    html {
        font-size:85.3333px;
    }
}
@media only screen and (max-width:540px) {
    html {
        font-size:72px;
    }
}
@media only screen and (max-width:480px) {
    html {
        font-size:64px;
    }
}
@media only screen and (max-width:414px) {
    html {
        font-size:55.2px;
    }
}
@media only screen and (max-width: 400px) {
    html {
        font-size:53.3333px;
    }
}
@media only screen and (max-width: 375px) {
    html {
        font-size:50px;
    }
}
@media only screen and (max-width: 360px) {
    html {
        font-size:48px;
    }
}
@media only screen and (max-width: 320px) {
    html {
        font-size:42.6667px;
    }
}