@charset "utf-8";blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:lighter}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{font:12px/1.14 'Microsoft YaHei',\5b8b\4f53;color:#333;outline:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;line-height:1.75;font-size:1.6rem;color:#333;line-height:1.75}
a,a:active,a:focus,a:hover,a:visited{color:#333;text-decoration:none}
body,html{width:100%;height:100%;position:relative}
/*公共样式*/
.container{width:100%;max-width:1600px;margin:auto}
.bg-color{ background: #00916e;}
.bg-linear{ background: #00916e; background-image: linear-gradient(45deg, #00916e, #00d76f);}
/*图像*/
.imgcut{position:relative;padding-bottom:100%;overflow:hidden}
.imgcut img{position:absolute;display:block;width:100%;height:100%;object-fit:cover}

.imgcut1{position:relative;padding-bottom:50%;overflow:hidden}
.imgcut1 img{position:absolute;display:block;width:100%;height:100%;object-fit:contain}
.imgcut2{position:relative;padding-bottom:50%;;overflow:hidden}
.imgcut2 img{position:absolute;display:block;width:100%;height:100%;object-fit:cover}

.flex{display: flex; display: -webkit-flex;  -webkit-justify-content: space-between; justify-content: space-between;  -webkit-align-items: center;align-items: center;}

/********************************/
.header{ position: fixed; top: 0; left: 0; width: 100%; height: auto; padding:0; z-index: 1001; background: #fff7f7;box-shadow: 0 0 1rem rgba(0,0,0,0.2);}
.header.hbbg{ box-shadow: 0 0 3rem rgba(0,0,0,.2);}
.header .container{padding:1.5rem; transition: all 0.5s;}
.search_container{ position: absolute; width: 100%; height: auto; display: none; overflow: hidden; background: #fff;}
.search_box{ padding: 1.5rem; max-width: 1200px; margin: auto;}
.search_box span.close{ display: block; width: 2rem; height: 2rem; background: url(../images/close.png) no-repeat; background-size: contain; -webkit-transition: 0.4s; -o-transition: 0.4s;transition: 0.4s;}
.search_box span.close:hover{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.search_box form{ max-width: 60rem; margin:3rem auto; overflow: hidden;}
.search_box form input{ width: 54rem; height: 6rem; border: 0; padding:0 1.5rem; font-size: 1.6rem; float: left;background: #fff7f7;}
.search_box form input.button{ width: 6rem; background: url(../images/search.png) no-repeat center #ff5599; background-size: auto;}
.search_box .teltxt{ padding-bottom: 3rem; display: flex; align-items: center; justify-content: center; color: #666;}
.search_box .teltxt a{ font-size: 3rem; color: #ff5599; padding: 0 1rem;}
.header.hbbg .container{ padding:1rem;}
.logo{ width: 100%; max-width: 55rem; -webkit-justify-content: flex-start; justify-content: flex-start;}
.logo img{ max-height: 6rem;}
.slogn{ display: block; padding-left: 3rem;}
.header .tel{ display: flex; display: -webkit-flex; -webkit-justify-content: space-around; justify-content: space-around; min-width: 12rem; max-width: 12rem; height: 4.8rem; border-radius: 3rem; background: #ff5599; overflow: hidden;}
.header .tel a{ display: block; width: 2rem; height: 2rem; margin: 1.4rem auto;}
.header .tel a.sbtn{ background: url(../images/search.png) no-repeat; background-size: contain;}
.header .tel a.tbtn{ background: url(../images/tel.png) no-repeat; background-size: contain;}
.header .tel span{display: block; width: 1px; height: 2rem; background: rgba(255,255,255,.3); margin: 1.4rem 0;}

.navbox{ display: block; width: 100%; padding: 0 3rem; min-width: 80rem; max-width: 90rem;}
.nav{height: 5rem;line-height: 5rem;}
.nav ul li{ position: relative; width: 16.66%;}
.nav ul li>a{ position: relative; display: block; width: 100%; color: #333; text-align: center; font-size: 2rem; font-family:'宋体'; font-weight: bold;}
.nav ul li:hover > a::before,.nav ul li.active > a::before{ content: ""; display: block; position: absolute; left: 1rem; top: 1.5rem; width: 2rem; height: 2rem; background: url(../images/h.png) no-repeat; background-size: contain;}
.nav ul li:hover > a,.nav ul li.active > a{ color: #ff5599;}
.nav ul li .subnav{ position: absolute; top: 6.5rem; width: 100%; min-width:12rem; height:auto; max-height: 0; overflow: hidden; transition: all 0.5s; background:#ff5599;}
.header.hbbg .nav ul li .subnav{ top: 6.5rem;}
.nav ul li:hover .subnav{max-height: 100rem;}
.nav .subnav a{ display: block; width: 100%; line-height: 2rem; padding: 1rem 2rem; border-bottom: 1px solid rgba(255,255,255,0.2); color:#fff; font-size: 1.4rem;  transition: all 0.5s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-pack: center; -webkit-line-clamp: 1; }
.nav .subnav a:hover{ text-indent: 1rem;}
/*移动端导航样式*/
.menu-handler{position:absolute;z-index:1012;right:0;top:1.5rem;width:6rem;height:6rem;overflow:hidden;cursor:pointer; background: #ff5599; border-radius: 50%;}
.menu-handler .burger{position:absolute;z-index:5;top:1.6rem;left:50%;display:block;width:3.4rem;height:0.5rem;margin:0 0 0 -1.7rem;background:#fff;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center}
.menu-handler .burger-2{top:2.7rem}
.menu-handler .burger-3{top:3.8rem}
.menu-handler.active .burger-1{top:2.6rem;-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.menu-handler.active .burger-2{opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:-100%}
.menu-handler.active .burger-3{top:2.6rem;-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}
.menuBlack{position:fixed;z-index:999;top:0;bottom:0;right:0;left:0;background:#fff;display:none}
.menuBox{position:fixed;width:100%;top:0;right:-100%;height:100%; z-index:1000;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none; background: #fff;}
.navMobile{margin-top:8rem;padding:3rem 0;border-top:1px solid rgba(0,0,0,.2)}
.navMobile dd a{display:block;line-height:6rem;font-weight:400;font-size:2.4rem;text-align:center; }
.navMobile dd p a.act{font-size: 3rem;}
.navMobile dd .mtnav a{ line-height: 5rem; padding:0 5rem;font-size:2rem}
.mtnav{display:none; background: rgba(0,0,0,0.05);}
.m-wx{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:15px;margin:auto;border-top:1px solid rgba(255,255,255,.2)}
.m-wx img{margin:auto;}
.m-wx .codebox{max-width:50%;padding:2%;text-align:center;line-height:2rem; font-size: 2.4rem; color:#fff}
@media screen and (max-width:1560px){
    .navbox{ min-width: 70rem;}
    .nav ul li > a{ font-size: 1.6rem;}
    .slogn img{ max-width: 15rem;}
}
@media screen and (max-width:1199px){
    .header.hbbg .container{ padding: 1.5rem;}
    .navbox{ width: 0; min-width: 0;}
    .logo{ position: relative; z-index: 1002;}
    .logo a{ padding-right: 3rem;}
    .logo img{ max-height: 6rem;}
    .tel{ margin-right: 6rem;}
}
@media screen and (max-width:767px){
    .slogn{ padding-left: 0;}
    .navbox{height: 6rem; position: relative;}
    .menu-handler{ top: 0;}
    .navMobile{margin-top:8rem;}
    .header .container,.header.hbbg .container{ padding: 1rem;}
}
/*幻灯大图*/
#banner{position:relative;width:100%;height:auto; padding-top: 9rem; overflow:hidden;cursor:pointer; background: #fff7f7;}
#banner .swiper-container{ position: relative; z-index: 2; width:100%;height:auto;margin:0 auto;max-height:900px; overflow: visible;}
#banner .swiper-slide{position:relative}
#banner .img-fix{overflow:hidden}
/* #banner .swiper-slide img{width:100%;height:auto;transition:1s ease 2s;transform:scale(1.1,1.1)}
#banner .swiper-slide-active img,#banner .swiper-slide-duplicate-active img{transition:5s ease;transform:scale(1,1)} */
#banner .swiper-container img{width:100%;height:auto}
#banner .swiper-container .swiper-button-next:hover,#banner .swiper-container .swiper-button-prev:hover{opacity:1}
#banner .swiper-button-next,#banner .swiper-button-prev{width:2rem; height: 4rem; position: absolute; bottom: -6rem; top: auto;}
#banner .swiper-button-prev{background:url(../images/left.png) no-repeat center; background-size:2rem 4rem; left: 10rem;}
#banner .swiper-button-next{background:url(../images/right.png) no-repeat center; background-size:2rem 4rem; right: auto; left: 28rem;}
#banner .bottom-nav{position:absolute; left: 0; bottom:0; z-index:999;width:25%; height: auto; background: #ff5599;}
#banner .swiper-pagination{position:relative;display:flex; justify-content: center; height:3rem; margin: 1.5rem;}
#banner .swiper-pagination-bullet{ display: block; float: left; width:1.6rem;height:1.6rem;border:1px solid #fff;border-radius:50%;background:0 0;box-sizing:border-box;margin:1rem;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;opacity:1}
#banner .swiper-pagination-bullet-active{background:#fff}

@media screen and (max-width:1199px){
    #banner{ padding-top: 9rem;}
    #banner .swiper-button-next, #banner .swiper-button-prev,#banner .bottom-nav{ display: none;}
}
@media screen and (max-width:767px){
    #banner{ padding-top: 8rem;}
}
/*首页板块*/
.wrapper{ width: 100%; height: auto; overflow: hidden;}
/*标题*/
.tit{ position: relative; text-align: center; padding: 3rem 0; line-height: 2;}
.tit h3{ display: inline-block; width: auto; position: relative; font-size: 2rem; padding-left: 3rem; color: #ff5599;}
.tit a{ display: block;}
.tit a:hover{ color: #ff5599; text-decoration: underline;}
.tit h3.h{ background: url(../images/hot.png) no-repeat left center; background-size: 2rem;}
.tit h3.d{ background: url(../images/c.png) no-repeat left center; background-size: 2rem;}
.tit h3.x{ background: url(../images/x.png) no-repeat left center; background-size: 2rem;}
@media screen and (max-width:1199px){
    
}
@media screen and (max-width:767px){
    
}
/*module01*/
.module01{ width: 100%; height: auto; overflow: hidden; padding: 5rem 0;}
.module01 .bar{ padding-bottom: 3rem;}
.module01 .bar span{ display: block; font-size: 3rem; padding-left: 4rem; background: url(../images/t.png) no-repeat left center; background-size: 3rem;}
.module01 ul.box li{ position: relative; width: 48%; border-radius: 1rem; overflow: hidden; box-shadow: 0 0 1rem rgba(0,0,0,.2);}
.module01 ul.box li .img{ position: relative; z-index: 0;}
.module01 ul.box li .txt{ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; padding: 3rem;background-image: linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(255,255,255,0));}
.module01 ul.box li .txt span{ display: inline-block; font-size: 2rem; color: #fff; background: #ff5599; padding: 0.5rem 3rem; border-radius: 3rem}
.module01 ul.box li .txt p{ padding: 3rem 0;}
.module01 ul.box li .txt p a{ display: inline-block; padding:0 1rem;}
.module01 ul.box li .txt p a:hover{ color: #ff5599;}
.module01 ul.box li .txt a.btn{ background: #ff5599; color: #fff;}
@media screen and (max-width:1600px){
    .module01 .bar span{ font-size: 2.4rem;}
}
@media screen and (max-width:767px){
    .module01{ padding: 3rem 0;}
    .module01 .bar span{font-size: 1.4rem; padding-left: 2rem; background-size: 1.6rem;}
    .module01 ul.box li .txt{ position: relative; padding: 1rem;}
    .module01 ul.box li .txt h3{ font-size: 2rem; letter-spacing: 0; text-align: center;}
    .module01 ul.box li .txt p{ padding: 1rem 0;}
    .module01 ul.box li .txt a.btn{ width: 100%;}
    .module01 ul.box li .txt p{ font-size: 1.4rem; line-height: 1.5;}
}
/*module02*/
.module02{ width: 100%; height: auto; overflow: hidden; padding: 5rem 0;}
.module02 .box{ align-items: stretch; margin-bottom: 3rem;}
.module02 .box .sidebar{ width: 18%; background: #eee; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; justify-content: flex-end; padding-bottom: 5rem; background-size: cover;}
.module02 .box .sidebar p{ padding: 3rem 0; line-height: 2; font-size: 2rem; font-family: '宋体';}
.module02 .box .sidebar a{ display: inline-block; width: 80%; padding: 1rem; border: 1px solid #000; font-size: 2.4rem; font-family: '宋体';}
.module02 .box .sidebar a:hover{ background: #ff5599; color: #fff;}
.module02 .box ul.flex{ width: 80%; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -1rem;}
.module02 .box ul li{ width:20%; padding: 1rem;}
.module02 .box ul li a{ display: block; background: #f5f5f5;}
.module02 .box ul li .txt{ padding: 1rem;}
.module02 .box ul li .txt h3{ font-size: 1.6rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.module02 .box ul li .txt p{ font-size: 12px; line-height: 1.5; padding: 1rem 0; color: #888;}
.module02 .box ul li .txt .price{ font-size: 12px;}
.module02 .box ul li .txt .price b{ color: #f00; font-size: 16px;}
.module02 .box ul li:hover a{ background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,.2);}
.module02 .box ul li:hover .txt h3{ color: #ff5599;}

@media screen and (max-width:1199px){
    
}
@media screen and (max-width:767px){
    .module02{ padding: 0;}
    .module02 .box{ flex-wrap: wrap;}
    .module02 .box .sidebar{ width: 100%; margin-bottom: 1rem; padding-bottom: 0;}
    .module02 .box ul.flex{ width: auto; min-width: 100%}
    .module02 .box .sidebar a{margin: 3rem auto;}
    .module02 .box ul li{ width:50%;}
}

/*module03*/
.module03{ width: 100%; height: auto; overflow: hidden; padding: 5rem 0; background: #fff7f7;}
.module03 .box{ -webkit-align-items: stretch; align-items: stretch;}
.module03 .lbox{ width: 40%;}
.module03 .lbox a{ display: block; position: relative; height: 100%; border-radius: 1rem; overflow: hidden;}
.module03 .lbox a:hover{ box-shadow: 0 0 1rem rgba(0,0,0,.2); color: #ff5599;}
.module03 .lbox a .img{ position: relative; height: 100%; background-size: cover;}
.module03 .lbox a .txt{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 1.5rem; background: rgba(255,255,255,0.5);}
.module03 .lbox a .txt h3{ font-size: 2rem; line-height: 2;}
.module03 .lbox a .txt p{ font-size: 1.4rem;}
.module03 .rbox{ width: 58%;}
.module03 .rbox ul.flex{ -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -1rem;}
.module03 .rbox ul.flex li{ width: 33.33%; padding: 1rem;}
.module03 .rbox ul.flex li a{ display: block; background: #fff; border-radius: 1rem; overflow: hidden;}
.module03 .rbox ul.flex li .img{ padding: 1rem;}
.module03 .rbox ul.flex li .imgcut{ border-radius: 1rem; overflow: hidden;}
.module03 .rbox ul.flex li:hover a{ box-shadow: 0 0 1rem rgba(0,0,0,.2);}
.module03 .rbox ul.flex li .txt{ position: relative; padding: 1rem;}
.module03 .rbox ul.flex li .txt h3{ text-align: center;overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.module03 .rbox ul.flex li .txt p{ font-size: 1.4rem; color: #666;}
.module03 .rbox ul.flex li .txt p span{ display: inline-block; padding-right: 1rem;}
.module03 .rbox ul.flex li .txt p b{ color: #f00; font-size: 2rem; font-family: '宋体';}
.module03 .rbox ul.flex li .txt .dot{ position: absolute; right: -5rem; bottom: -5rem; width: 10rem; height: 10rem; line-height: 2; text-align: center; background: #ff5599; color: #fff; transform:rotate(-45deg);}

@media screen and (max-width:1199px){
    
}
@media screen and (max-width:767px){
    .module03{ padding-top: 0;}
    .module03 .box{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module03 .lbox,.module03 .rbox{ width: 100%;}
    .module03 .lbox{ height:50rem; margin-bottom: 1rem;}
    .module03 .rbox ul.flex li{ width: 50%;}
}
/*module04*/
.module04{ width: 100%; height: auto; overflow: hidden; padding: 5rem 0; }
.module04 .swiper-slide a{ display: block; padding: 1rem; border-radius: 1rem; overflow: hidden; background: #f5f5f5;}
.module04 .swiper-slide a .img{ border-radius: 1rem; overflow: hidden;}
.module04 .swiper-slide a .txt{ padding: 1rem;}
.module04 .swiper-slide a .txt p{ line-height: 1.5; font-size: 1.6rem; padding: 1rem 0; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.module04 .swiper-slide a .txt div.flex{ font-size: 1.4rem; color: #aaa; line-height: 2; padding-top: 1rem;}
.module04 .swiper-slide a .txt h3 span.Avatar{ display: block; width: 2.5rem; height: 2.5rem; border-radius: 50%; overflow: hidden; margin-right: 1rem;}
.module04 .swiper-slide a .txt h3{ color: #333;}
.module04 .swiper-slide a .txt .star{ width: 100%; height: 1rem; background: url(../images/star.png) no-repeat right center; background-size: contain;}
.module04 .swiper-slide a:hover{ background: #fff; border: 1px solid #ff5599; box-sizing: border-box;}
.module04 .swiper-slide a:hover p{ color: #ff5599;}
@media screen and (max-width:1199px){
    
}
@media screen and (max-width:767px){
    .module04{ padding: 0; padding-bottom: 5rem; }
}


/*footer*/
.footer{width: 100%; height: auto; overflow: hidden; background: #eee;}
.footbar{ width: 100%; height: 6rem; background: #ff5599;}
.footbar p.footnav{ line-height: 6rem;}
.footbar p.footnav a.home{ width: 6rem; height: 6rem; background: url(../images/home.png) no-repeat center #fff7f7; background-size: 2rem;}
.footbar p.footnav a{display: block; float: left; padding: 0 3rem; font-size: 2rem; color: #fff;}
.footbar p.footnav a:hover{ background: rgba(0,0,0,.2);}
.footbar p a{ color: #fff; padding-left: 3rem;}
.footbox{ padding-top: 8rem;}
.footbox h3{ font-size: 2.5rem; font-family: '宋体';}
.footbox p{ max-width: 60%; margin: 3rem auto; color: #666;}
.footbox ul li{ width: 25%; text-align: center; cursor: pointer;}
.footbox ul li:hover{ color: #ff5599;}
.footbox ul li span.icon{ display: block; width:7rem; height: 7rem; border-radius: 50%; overflow: hidden; background: #fff; margin: 1rem auto; background-size:contain;}
.footbox ul li span.icon1{ background-image: url(../images/icon1.png);}
.footbox ul li span.icon2{ background-image: url(../images/icon2.png);}
.footbox ul li span.icon3{ background-image: url(../images/icon3.png);}
.footbox ul li span.icon4{ background-image: url(../images/icon4.png);}
.Copyright{ font-size: 1.4rem; color: #666; padding-top: 3rem;}

@media screen and (max-width:1199px){
    
}
@media screen and (max-width:767px){
    .footer{background: #fff;}
    .footbar p.footnav a{ padding: 0 1.5rem;}
    .footbox p{ max-width: 100%;}
    .footbox ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .footbox ul li{ width: 50%; margin:1rem 0}
    .footbox{ padding-bottom: 7rem;}
}


/*侧边客服*/
.floating_ck{position:fixed;right:2rem;top:65%;z-index:9999;display:block}
.floating_ck dl dd{position:relative;width:5rem;height:5rem; border-radius: 50%; margin-bottom:1px;background-color:#ff5599;text-align:center;background-repeat:no-repeat;background-position:center; background-size: 2rem; cursor:pointer;color:#666}
.floating_ck dl dd:hover{background-color:#ff5599}
.floating_ck dl dd:hover .floating_left{display:block}
.consult{background-image:url(../images/qq.png)}
.words{background-image:url(../images/kficon.png)}
.quote{background-image:url(../images/kficon.png)}
.qrcord{background-image:url(../images/erweima.png)}
.return{background-image:url(../images/fanhui.png)}
.floating_ck dd span{display:block;padding-top:4rem;color:#fff;font-size:10px}
.floating_left{position:absolute;left:-15rem;top:0;width:15rem;height:5rem; border-radius: 6rem; background-color:#ff5599;border:solid 1px #ff5599;display:none}
.floating_left a{color:#fff;line-height:4.8rem}
.floating_ewm{height:auto;top:-8rem; padding-bottom: 1rem; border-radius: 0.5rem;}
.floating_ewm i{display:block;width:13rem;height:13rem;margin:auto;margin-top:1rem;background-size:100%}
.floating_ewm p{margin-top:5px;color:#fff}
.floating_ewm .qrcord_p01{font-size:1rem;line-height:2rem}
.floating_ewm .qrcord_p02{font-size:1.2rem}
@media screen and (max-width:767px){
    .floating_ck{display:none}
}
/*移动端底部导航按钮*/
.footer-nav{position:fixed;right:0;bottom:0;left:0;z-index:9999;height:7rem; padding-top: 1rem; background:#eee; box-shadow:  0 0 1.5rem rgba(0,0,0,.3);}
.footer-nav .nav-item{-webkit-display:flex;display:flex;width:20%;height:100%;vertical-align:middle;flex-shrink:1;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1.8rem;color:#333}
.footer-nav .nav-item.active{ -webkit-flex-direction: row; flex-direction: row; margin-top: -1rem; color: #fff; border-radius: 6rem; height: 5.5rem; background-color:#ff5599; width: 38%; margin-right:2%;}
.footer-nav .nav-item .nav-icon{display:block; width:3rem}
.footer-nav .nav-item .nav-icon>img{display:block;max-width:100%}
.show-wx{position:fixed;z-index:1002;bottom:6rem;width:100%;display:none;overflow:hidden;text-align:center}
.show-wx img{display:inline-block;max-width:15rem}