@media screen and (max-width: 640px) {

    :root {

    font-size: 24px;

}

}

@media screen and (min-width:640px){

 :root {

    font-size: 40px;

}

}

.tel0519{display:none}


.hide { display: none;}

.gwrap .gicon2,.gslide .hd ul li i,.gbtns a i { background: url(../images/gsprss.png) no-repeat; background-size: 12.5rem auto;}

.ghead { width: 16rem; margin:0 auto; padding:0.75rem 0.4rem; background: #e6f6f4; position: relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.ghead i { display: block; width: 1.6rem; height: 1.6rem; cursor: pointer; }

.ghead i img { display: block; width: 100%;}

.ghead .gtel { display:block; width: 1.9rem; margin-top:0.35rem;}

.ghead .glogo { display: block; width: 11.85rem;}

.ghead .tel0328 { margin:0.2rem 0 0 0.25rem;}



.headLug { display: inline-block; padding:0.1rem 0.35rem 0.1rem; color: #00ffc7; border:1px solid #00ffc7; border-radius: 0.125rem; font-size: 0.4rem; line-height: 0.6rem; background: url(../images/add0117_07.png) no-repeat right 0.2rem center; background-size:0.3rem auto; margin-top:0.35rem}

.headLug p{ position:relative; right:0.2rem; font-size: 0.4rem;}

.headLug img { display: block; margin-left:0.1rem; width: 0.5rem;}

 .others { background: url(../images/add0116_03.png) no-repeat; background-size:3.7rem 2.95rem; width: 3.7rem; right: 0.5rem; position: absolute; z-index: 99; height: 2.95rem; top:2.5rem; padding-left:1.25rem; padding-top:0.3rem; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display: none;}

 .others li { height: 1.3rem; line-height: 1.3rem; font-size:0.45rem;}

.logo0329 { display: block; float: left; width:12.8rem; margin:0 0 0 0.6rem;}

.tel0519 img { display: block; width: 1.55rem;}



.nav{width: 16rem;height: 3.525rem;margin: 0 auto;background: #efedee;}

.nav ul{height: 100%;}

.nav ul li{border-right:1px solid #cccccc;width: 3.9rem;background: #eeeeee;height: 1.72rem;float: left;border-bottom:1px solid #cccccc;text-align: center;font-size: 0.65rem;border-left:1px solid white;border-top:1px solid white;}

.nj{border-bottom: none !important;}

.vn{border-right: none !important;}

.mk{border-left: none !important;}

.nav ul li a{ line-height: 1.75rem;display: block;}

.col_ff6714 {color: #ff6714;}

.banner{width: 16rem;height:8rem;margin: 0 auto;position: relative;overflow: hidden;}

.banner img { display:block; width:100%;}

.bag,.bags{width: 100%;height: 100%;}

.bag li,.bags li{width: 100%;height: 100%;}

.bag li img{width: 16rem;}

.hid,.nhomead .hd {position: absolute;bottom: 0.25rem;width: 100%;height: auto; z-index:11; font-size:0;}

.hid,.nhomead .hd ul {text-align: center;}

.hid .swiper-pagination-bullet,.nhomead .hd ul li {width: 0.25rem;height:0.25rem ;border-radius: 50%;background: gray;display: inline-block; margin:0 0.125rem;}

.hid .swiper-pagination-bullet-active,.nhomead .hd ul li.on {background:orange;}



.gwrap { position: fixed; left:-100%; top:0; z-index: 999999; height: 100%; background:#1d8978 url(../images/gbg.png) no-repeat; background-size: 100% auto; width: 16rem; color: #fff; margin-left:-8rem; overflow:hidden;}

.gwrap .gwrap_head { padding:1rem 0.5rem 0; height: 4rem; box-sizing: border-box; -webkit-box-sizing: border-box;}

.gwrap .glogo2 { display: block; width: 8.375rem;}

.gwrap .gicon2 { display: block; width: 1.45rem; height: 1.45rem; background-position: -3.9rem 0; margin-top: 0.25rem; cursor: pointer;}

.gslide .hd { width: 6rem;}

.gslide .hd ul li { height: 2.35rem; line-height: 2.35rem; text-align: center; font-size: 0.7rem; cursor: pointer;}

.gslide .hd ul li a { color: #fff;}

.gslide .hd ul li.on { background: rgba(255,255,255,.1);}

.gslide .hd ul li i { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; margin-right: 0.5rem; background-position: 0 -1.95rem; margin-top: -0.15rem;}

.gslide .hd ul li:nth-child(2) i { background-position: -1.1rem -1.95rem;}

.gslide .hd ul li:nth-child(3) i { background-position: -2.2rem -1.95rem;}

.gslide .hd ul li:nth-child(4) i { background-position: -3.3rem -1.95rem;}

.gslide .hd ul li:nth-child(5) i { background-position: -4.4rem -1.95rem;}

.gslide .hd ul li:nth-child(6) i { background-position: -7.7rem -1.95rem;}

.gslide .hd ul li:nth-child(7) i { background-position: -5.5rem -1.95rem;}

.gslide .hd ul li:nth-child(8) i { background-position: -6.6rem -1.95rem;}

.gslide .bd { background: rgba(255,255,255,.1); width: 10rem; height: 21rem; }

.gslide .bd ul li { width: 4rem; float: left; height: 2.35rem; line-height: 2.35rem; margin-left:1rem; }

.gslide .bd ul li a { color: #c6fce7; font-size: 0.7rem;}

.gslide .bd ul li a.colors { color: #f4e164;}

.gbtns { padding:0 1rem; margin-top:1rem;}

.gbtns a { text-align: center; display: block; width: 6.35rem; border:2px solid #adf7ee; border-radius: 0.25rem; height: 1.5rem; line-height: 1.45rem; color: #adf7ee; font-size: 0.7rem;}

.gbtns a:first-child { border:2px solid #f8ed74; color: #f8ed74;}

.gbtns a i { display: inline-block; vertical-align: middle; width: 1.1rem; height: 1.1rem; background-position: -8.7rem -1.95rem; margin-top:-0.12rem; margin-right: 0.25rem;}

.gbtns a:last-child i { background-position: -9.9rem -1.94rem;}



/**/

.footer{width: 16rem;height:5.425rem ;background:url(../images/footer_02.jpg) no-repeat; background-size: 100% 100%;margin-bottom:12%;}

.f_logo{width:6.125rem ;height: 3.725rem;margin: 0.8rem 0rem 0 0.75rem;}

.uio{width: 9rem;height: 100%;}

.ghj{width: 100%;height: auto;margin-top: 1.3rem;}

.ghj img{width:1.375rem ;height: 1.375rem;float: left;margin-right: 0.25rem;}

.ghj p{font-size: 0.45rem;color: white;line-height: 0.65rem;}

.ghj p b{font-size: 0.6rem;color: #f4b836;}

.ghh{width: 100%;height: auto;margin-top: 0.5rem;}

.ghh img{width:1.375rem ;height: 1.375rem;float: left;margin-right: 0.25rem;}

.ghh p{font-size: 0.45rem;color: white;line-height: 0.65rem;}

.ghh p b{font-size: 0.6rem;color: #f4b836;}



.lxb-container{opacity: 0!important; height:0!important; width: 0!important;}