/*****************全局*************************/

*{margin:0;padding:0;list-style-type:none;}

body { background: #fff; color:#222; overflow-x: hidden; overflow-y: auto;-webkit-overflow-scrolling: touch; font: 14px/1.5 "思源黑体 CN", "Source Han Sans CN", "noto sans", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", Arial, tahoma, Helvetica, sans-serif}

html{-webkit-box-sizing:border-box;

    -moz-box-sizing:border-box;

    box-sizing:border-box;overflow-x: hidden;}

body,div,ul,li,dd,dt,dl,h3,p{padding: 0px; margin: 0px;outline:none;}

ul,li,dd,dt,dl {list-style-type: none}

ul,li{ float:left;}

a,a:hover {text-decoration: none;}

a,img{border:0;}

a {color: #222;}

img {padding: 0px; margin: 0px; border:0; max-width:100%;vertical-align:bottom; position: relative;}

img::after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background:#f9f9f9;
        }

p {text-justify: inter-ideograph; padding:0; margin: 0; }

input,button{border: none; outline: none; background: inherit;-webkit-appearance: none; border-radius: 0;}

input:focus,button:focus{ outline: none; }

input{box-shadow: 0 0 0px 1000px #fff inset;-webkit-box-shadow: 0 0 0px 1000px #fff inset;-moz-box-shadow: 0 0 0px 1000px #fff inset;-ms-box-shadow: 0 0 0px 1000px #fff inset; -o-box-shadow: 0 0 0px 1000px #fff inset;

}

textarea{resize: none;}

.tags ul{ padding:3rem 0; }


::-webkit-scrollbar { width:10px;} 

::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #6F6F6F; } 

::-webkit-scrollbar-thumb {  background:#6F6F6F; -webkit-box-shadow: inset 0 0 6px #6F6F6F; } 

::-webkit-scrollbar-thumb:window-inactive {  background:#6F6F6F;}



/*****************共享*************************/


.postxt a i {
    width: 12px;
    height: 12px;
    background: url(../images/Home.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    transition: all .4s ease;
    margin-top: -2px;
}

.all{ width:100%; margin:0 auto;}

.w1680{ width:105rem; margin:0 auto;}

.w1680 #yqlj{margin-bottom: 1rem;}

.w1440{ width: 90rem; margin: 0 auto; }
.w1200{ width: 75rem; margin: 0 auto; }

.w1000{ width: 62.5rem; margin: 0 auto; }

.left{ float:left;}

.right{ float:right;}

.center{ text-align:center;}

.r5{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.r10{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

.r15{-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}

.time05{-webkit-transition: all 0.5s;  -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

*, ::after, ::before { box-sizing: border-box;}

.clear{ clear:both}

.mobile{ display: none; }
.pc{ display: inline-block; }


.title{ width: 100%; float: left; text-align: center;}
.title h2{ font-size: 1.625rem; color: #434343; line-height: 2rem;}
.title h3{ font-size: 1rem; color: #AFAFAF; line-height: 1.5rem; font-weight: 300; font-family: 'Arial' }

.box:hover{box-shadow: 0 2rem 4rem 0 rgb(43 35 79 / 14%);}

.trans:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

.hr{ background: #B0C0D7; height: 0.5rem; margin: 1rem 0; }
.quote{ font-size: 1rem; background: #FAFAFA; margin:1rem 0; padding: 0 1rem; height: 3rem; line-height: 3rem; border-left:#3A75B7 0.3rem solid ; }


/**顶部***********************************/


.toptxt{ background: #F0F7F7; color: #00B09F; height: 2.75rem; padding: 0.125rem 0; font-size: 1rem; }

.toptxt .left{
    float: left;
}
.toptxt .left a{
    position: relative;
    color: #01b1a0;
}
.toptxt .left li:nth-child(1) a{
    margin-left: 0;
}
.toptxt .left li:nth-child(1) a:before,.toptxt .left li:nth-child(2) a:before{
    display: none;
}
.toptxt .left a:before{
    position: absolute;
    content: '';
    width: 0.2rem;
    height: 0.2rem;
    left: -0.75rem;
    top: 50%;
    transform: translate(0%, -50%);
    background: #01b1a0;
    border-radius: 100%;
}
.toptxt .left a:hover{
    color: #028276;
}


.toptxt .search{ float: left;width: 16rem; margin: 0.25rem 0; height: 2rem; overflow: hidden; position: relative;}
.toptxt a.search i{ float: right; }
.toptxt a.search i.cur{ background: url(../images/icon.png) 0 -30px no-repeat; }
.toptxt .search form{ width: 0; overflow: hidden; position: absolute; right: 2.5rem; border-bottom: #8DB7ED 2px solid;}
.toptxt .search input{ width: 10rem; float: left; margin: 0; padding: 0.44rem; border-radius: 0.5rem;background: #F0F7F7;box-shadow: 0 0 0px 1000px #F0F7F7 inset;
    -webkit-box-shadow: 0 0 0px 1000px #F0F7F7 inset;
    -moz-box-shadow: 0 0 0px 1000px #F0F7F7 inset;
    -ms-box-shadow: 0 0 0px 1000px #F0F7F7 inset;
    -o-box-shadow: 0 0 0px 1000px #F0F7F7 inset;}
.toptxt .search button{ float: left; width: 1.875rem; height: 1.875rem; cursor: pointer; background: url(../images/icon.png) 0 -150px no-repeat; }

.toptxt .search form.cur{ width: 11.9rem; overflow: inherit; }


.toptxt a{ display: inline-block; float: left; color: #00B09F; margin: 0.3125rem 0; margin-left: 2rem; }
.toptxt a .icon{ width: 1.875rem; height: 1.875rem; float: left; }
.toptxt a.phone font{ line-height: 1.875rem; line-height: 1.875rem; font-size: 0.875rem;}

.toptxt a .icon.icon-search{ background: url(../images/icon.png) 0 0px no-repeat; }
.toptxt a .icon.icon-phone{ background: url(../images/icon.png) 0 -60px no-repeat; }
.toptxt a .icon.icon-qrcode{ background: url(../images/icon.png) 0 -90px no-repeat; }
.toptxt a .icon.icon-buy{ background: url(../images/icon.png) 0 -120px no-repeat; }

.toptxt a.qrcode,.toptxt a.buy{ position: relative; }
.toptxt a.qrcode .wx,.toptxt a.buy .wx{ display:none; position: absolute; z-index: 999999; left:-3.8rem; top: 2.1rem; background: #fff;box-shadow: 0 0rem 1rem 0.5rem rgb(43 35 79 / 15%); border-radius: 0.6rem;}
.toptxt a.qrcode .wx .img,.toptxt a.buy .wx .img{ width:9.5rem; padding: 1rem; padding-top: 1rem; padding-bottom: 0; float: left; overflow: hidden;}
.toptxt a.qrcode .wx .img img,.toptxt a.buy .wx .img img{ width: 100%; float: left; }
.toptxt a.qrcode .wx p,.toptxt a.buy .wx p{ display: inline-block; width: 100%; color: #626262; font-size: 0.7rem; padding:0.8rem 0.7rem 1.2rem 0.7rem; text-align: center; }
.toptxt a.qrcode .wx:before,.toptxt a.buy .wx:before{ position: absolute; content: ''; left: 50%; margin-left: -0.4rem; top: -0.8rem;transform:; width: 0; height: 0;border-width: 0.4rem;border-style: solid; border-color: transparent #fff transparent transparent; transform: rotate(90deg); /*顺时针旋转90°*/}

.toptxt a.qrcode:hover .wx{ display: inline-block; }
.toptxt a.buy:hover .wx{ display: inline-block; }


/**导航***********************************/
.navbar{ background: #fff; height: 7.5rem; line-height: 7.5rem;}
.navbar .w1680{ height: 100%; position:relative;}
.navbar .logo{ position: absolute; left: 0; top: 50%;transform: translate(0%, -50%);}
.navbar .logo img{ height: 3rem; float: left;}

.navbar .zixun{ position: absolute; right: 0rem; top: 50%; padding: 0 2.4375rem; font-size: 0.9rem; height: 2.5rem; line-height: 2.5rem; color: #fff; border-radius: 2rem; background: #00B09F;transform: translate(0%, -50%);}

.navbar .menu{ font-size: 1.25rem; margin-right: 8.8rem}
.navbar .menu .nav-item{ position: relative; }
.navbar .menu .nav-item .nav-link{ display: inline-block; padding: 0 1.5625rem; font-size: 1rem; color: #363636 }

.navbar .menu .nav-item.active a,.navbar .menu .nav-item:hover a{ color: #01b1a0; }

.navbar .menu .nav-item .nav-child{ position: absolute;width: calc(100% + 3.125rem); top: 6.25rem; left: 0; height: 0; z-index: 999; background: #fff;  overflow: hidden;}
.navbar .menu .nav-item .nav-child dd{ width: 100%; height: 2.75rem; line-height: 2.75rem; text-indent: 0.85rem; }
.navbar .menu .nav-item .nav-child dd a{ display: inline-block; width: 100%; color: #636363; font-size: 0.875rem;}

.navbar .menu .nav-item:hover .nav-child{  height: inherit; overflow: inherit;padding: 1rem 0 3rem 0;}
.navbar .menu .nav-item .nav-child dd:hover a{ color: #47C5B9; }

.navbar .menu .nav-item .nav-child:before{ position: absolute; left: 0; top: -0.375rem; content:''; height: 0.375rem; width: 100%;width: calc(100% - 3.125rem); background: #00b1a0 }
.navbar .menu .nav-item .nav-child:after { content: ""; position: absolute; width: 8000px;height: 100%; background: #fff; left: -4000px; top: 0; box-shadow: 0 10px 10px 0px rgba(141, 183, 237, 0.1); z-index: -1;}


.navbar.fixed{ position: fixed; top: 0; z-index: 99999; height: 4rem; line-height: 4rem;border-bottom: #E3E3E3 1px solid; }
.navbar.fixed .logo img{ height: 3rem; }
.navbar.fixed .menu{ font-size: 1rem; }
.navbar.fixed .menu .nav-item .nav-child{ top: 4rem; }
.navbar.fixed .menu .nav-item .nav-child dd{ height: 2rem; line-height: 2rem; font-size: 0.9rem; }



/**helpu***********************************/
.helpu{ background: #00B09F url(../images/bg.png) right no-repeat; color: #fff; padding: 6.05rem 0 4rem; height: 100%; overflow: hidden; text-align: center;}
.helpu a{ color: #fff; }
.helpu .name{ width: 100%; float: left; font-size: 2.25rem; line-height: 3rem; font-weight: 700;}
.helpu .desc{ width: 42%; float: left; margin-top: 2rem; margin-left: 29%; font-size: 1.2rem; line-height: 2rem; letter-spacing: 0.1rem;}

.helpu .link{ width: 100%; float: left; margin: 4.2rem 0 3rem 0; text-align: center; }
.helpu .link a{ display: inline-block; background: #fff; color: #fff; font-size: 1.125rem; line-height: 1.5rem; font-weight: 700; padding: 1.125rem 4.1758rem; border-radius: 0.5rem; letter-spacing: 0.1rem; color: #00B09F;box-shadow: 0 1rem 3rem 0 rgb(43 35 79 / 5%);}
.helpu .link a:hover{ background: #00776c; color: #fff;box-shadow: 0 1rem 3rem 0 rgb(43 35 79 / 15%);}




/**底部foot***********************************/
.foot{ height: 100%; overflow: hidden;  padding: 5rem 0 2rem 0; color: #363636}
.foot .w1440{height: 100%; overflow: hidden; position: relative; }


.foot .address{ float: left; width:30rem; height: 7.4rem; margin-top:1.125rem;   margin-bottom: 1rem; }
.foot .address .img{ width: 20rem; float: left; margin-bottom: 1rem;}
.foot .address .img img{ width: 20rem; float: left; }
.foot .address p{ width: 100%; float: left; font-size: 1rem; line-height: 1.8rem;}
.foot .address font{ font-weight: 700; font-size: 1.1rem; }


.foot .time{ position: absolute; left: 50%;top:1rem; transform: translate(-50%, 0); }
.foot .time h2{ font-size: 1.1rem; font-weight: 700;  }
.foot .time p{ font-size: 1rem; line-height: 2rem;}

.foot .right{ margin-right: 3rem; text-align: center; margin-top: 1rem;}
.foot .right a{ display: inline-block; float: left; margin-left: 2rem;}
.foot .right img{ width: 6.875rem; float: left; overflow: hidden; }
.foot .right p{ line-height: 2rem; font-size: 1rem;}



.footer { height: 100%; overflow: hidden; text-align: center;}

.footer .fdlink{ width: 100%; float: left; border-bottom: #D6D6D6 1px solid; }
.footer .fdlink a{ color: #767676; padding: 0 1rem; font-size: 1rem; line-height: 100%; position: relative;}
.footer .fdlink a:before{ position: absolute; content: ''; left: 0; top: 50%;transform: translate(0, -50%); width: 1px; max-width: 1px; min-width: 1px; height: 80%; background: #999; }
.footer .fdlink a:nth-child(1):before{  background: none }

.footer .fdlink a:nth-child(1){padding:0}
.footer .fdlink a:nth-child(2):before{display:none}


.footer .pc{ width: 100%; float: left; margin: 0; padding: 0; font-size: 0.9rem; line-height:1.875rem; padding-bottom:2rem;}
.footer .pc .fdlink{ line-height:6.25rem; margin-bottom:2rem;}
.footer .pc>a:nth-child(2){ margin-right: 2rem; }
.footer .pc>a:nth-child(3){ margin-left: 0.6rem; }

.foot a{color: #363636}
.footer a:hover{ color: #363636 }


/**返回顶部***********************************/

#goToTop{ bottom: 10%; font-size: 1.2rem; cursor: pointer;  opacity: .8; position: fixed; right: 0.8rem;  width: 3rem; height: 3rem; border-radius: 3rem; text-align: center; transition: all 1s ease 0s; z-index: 9999999999; background: #00B09F; }
#goToTop a{ display: inline-block; width: 100%; height: 100%; border-radius: 100%; position: relative; border: #fff 2px solid}
#goToTop a:before,#goToTop a:after{ position: absolute; left:0; content: '';border-right: 2px solid #fff; border-top: 2px solid #fff; height: 0.8rem; width: 0.8rem;  margin:1rem; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); border-left: 2px solid transparent; border-bottom: 2px solid transparent; }
#goToTop a:after{ margin-top: 1.5rem; }





@media(max-width:1680px) {
    .w1680{ width: 94%; }
    
    .navbar .menu .nav-item .nav-link{
        padding: 0 1.375rem;
    }
}

/***********新增1441-1679**************************/
@media only screen and (min-width: 1441px) and (max-width: 1679px) {
.navbar .menu .nav-item .nav-link {
  padding: 0 0.575rem;
}
 
}
/***********新增1441-1679**************************/

@media(max-width:1440px) {

    .w1440{ width: 96%; }

    .navbar .logo img{ height: 3rem; }

    .toptxt a.buy{ margin-right: 0rem; }
    .toptxt a.buy .wx{ right: 0; left: inherit; }
    .toptxt a.buy .wx:before{ right: 0.5rem; left: inherit; }

    .navbar .menu .nav-item .nav-link{ padding: 0 0.60rem; }
    .navbar .menu .nav-item .nav-child dd{ text-indent: 0.6rem; height: 2.375rem; line-height: 2.375rem;}

    .helpu{ padding: 3rem 0; }
    .helpu .name{ font-size: 2.4rem; }
    .helpu .desc{ font-size: 1.1rem; width: 40%; margin-left: 30%; }
    .helpu .link{ margin: 3rem 0 1rem; }
    .helpu .link a{ padding: 0.5rem 3rem; }

	 


    .foot{ padding: 3rem 0 1rem }
    .footer .pc{ line-height: 1.625rem; }

}

@media(max-width:1366px) {

    .foot .address{ width: 42%; }
    
    .navbar .menu .nav-item .nav-link{ padding: 0 0.5rem; }


}


@media(max-width:1280px) {


    .navbar .menu .nav-item .nav-link{ padding: 0 0.25rem; }
    .navbar .menu .nav-item .nav-child dd{ text-indent: 0.5rem; height: 2rem; line-height: 2rem;font-size: 0.9rem; }


    .helpu .desc{  font-size: 1rem; width: 41%; margin-left: 29.5%; }

}

@media(max-width:1024px) {

    .title h2{ font-size: 1.3rem; }
    .title h3{font-size: 0.9rem; line-height: 1.2rem;}

    .w1680,.w1440,.w1000{ width: 100%; }


    .toptxt a{ margin-left: 1rem; }


    .navbar .logo{ left: 1rem }
    .navbar .logo img{ height: 2rem; }
    .navbar.fixed .logo img{ height: 2rem; }
    .navbar .menu{ font-size: 1rem; margin-right: 9rem;}
    .navbar .menu .nav-item .nav-link{ padding: 0 0.25rem; font-size: 0.875rem; }
    .navbar .menu .nav-item .nav-child dd{ text-indent: 0; font-size: 0.8rem; padding:0 0.5rem; }

    .navbar .zixun{ right: 1rem; height: 2rem; line-height: 2rem; padding: 0 1.875rem }
   

    .helpu .name{ font-size: 2rem; }
    .helpu .desc{ font-size: 0.9rem; width: 42%; margin-left: 29%; }
    .helpu .link{  margin: 2rem 0 1rem }
    .helpu .link a{ padding: 0.7rem 2rem; font-size: 1.05rem }


    .foot .address{ margin-left: 3rem; margin-top: 1.2rem;}
    .foot .address .img,.foot .address .img img{ width: 16rem; }
    .foot .address p{ font-size: 0.8rem; }
    .foot .address font{ font-size: 0.9rem; }
    .foot .time{ margin-top: 0.7rem; }
    .foot .time h2{ font-size: 1.05rem; margin-bottom: 0.5rem; }
    .foot .time p{ font-size: 0.8rem; line-height: 1.6rem}
    .foot .right p{ font-size: 0.8rem; line-height: 1.6rem }


}

/***********新增769-1203**************************/
@media only screen and (min-width: 769px) and (max-width: 1023px) {
 .navbar {
  position: fixed;
  left: 0;
  top: 2.75rem;
  height: 4rem;
  line-height: 4rem;
  z-index: 9;
}

.navbar .w1680 {
  height: 4rem;
  line-height: 4rem;
  padding: 0;
  position: fixed;
  z-index: 9;
}

.navbar .logo {
  left: 1rem;
}

.navbar .logo img {
  height: 2rem;
  max-height: 2rem;
}

.phone-nav {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  width: 2rem;
  height: 3rem;
  line-height: 3rem;
  cursor: pointer;
  color: #151515;
  background: 0 0;
  border: none;
  outline: none;
  z-index: 1;
}

.mobile {
  display: inline-block;
}

.phone-nav .icon-bar {
  display: block;
  width: 2rem;
  height: 0.125rem;
  border-radius: 1px;
  transform: none;
  background-color: #000000;
}

.phone-nav span {
  transition: .3s all ease;
}

.phone-nav .icon-bar + .icon-bar {
  margin-top: 0.3rem;
}

.navbar .zixun {
  position: absolute;
  right: 4rem;
  padding: 0 1rem;
  font-size: 0.9rem;
  height: 2rem;
  line-height: 2rem;
  color: #fff;
  border-radius: 2rem;
  background: #00B09F;
}

.navbar .menu {
  display: none;
  position: absolute;
  z-index: 88888;
  top: 4rem;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: rgba(0,0,0,.4);
  font-size: 0.7rem;
  border-top: #E5E5E5 1px solid;
}

.navbar-nav {
  width: 100%;
  height: 100%;
  float: right;
  background: #fff;
  overflow: auto;
  padding-bottom: 5rem;
}

.navbar .menu .nav-item {
  width: 100%;
  padding: 0 4%;
  line-height: 2.5rem;
}

.navbar .menu .nav-item .nav-link {
  color: #333;
  position: relative;
  font-size: 1rem;
}

.navbar .menu .nav-item {
  width: 100%;
  padding: 0 4%;
  line-height: 2.5rem;
}

.navbar .menu .nav-item i.mobile {
  position: absolute;
  content: '';
  top: 0;
  right: 2%;
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 1;
}

.navbar .menu .nav-item .nav-child {
  display: none;
  position: inherit;
  left: -6%;
  top: 0;
  background: #F3F7FA;
  height: inherit;
}

.navbar .menu .nav-item .nav-child dd {
  height: 2rem;
  line-height: 2rem;
  font-size: 0.8rem;
  padding: 0 8%;
}

.navbar .menu .nav-item .nav-child dd a {
  display: inline-block;
  width: 100%;
  color: #636363;
  font-size: 0.875rem;
}

.nav-linka {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 2rem;
}

.nav-linka a {
  font-size: 1rem;
  border: #25B6A7 1px solid;
  border-radius: 0.5rem;
  color: #25B6A7;
  padding: 0.4rem 0.6rem;
  margin: 0 1rem;
  text-align: center;
}

.process ul li {
  
}

}



@media(max-width:768px) {

    .w1000{ width: 96%; margin:0 2%; }

    .pc{ display: none; }
    .mobile{ display: inline-block; }


    .menuover{ height: 6.35rem; }

    .toptxt{ position: fixed; left: 0; top: 0; z-index: 99999 }
    .toptxt .w1680{ position: relative; }
    .toptxt a.phone{ position: absolute;left: 0; top: 0; }
    .toptxt .search{ display: none; }
    .toptxt a.buy{ margin-right: 1rem }

    .navbar{ position: fixed; left: 0; top: 2.75rem; height: 4rem; line-height: 4rem; z-index: 9 }
    .navbar .w1680{ height: 4rem; line-height: 4rem; padding: 0;position: fixed; z-index: 9;}
    .navbar .logo{ left: 1rem; }
    .navbar .logo img{ height: 2rem; max-height: 2rem;  }

    .navbar .zixun{ position: absolute; right: 4rem; padding: 0 1rem; font-size: 0.9rem; height: 2rem; line-height: 2rem; color: #fff; border-radius: 2rem; background: #00B09F}

    .navbar .menu{ display: none; position: absolute; z-index: 88888; top: 4rem;  width: 100%; height:100vh;  overflow: hidden; background:  rgba(0,0,0,.4); font-size:0.7rem; border-top: #E5E5E5 1px solid;}

    .navbar-nav{ width: 100%; height: 100%; float: right; background:#fff; overflow: auto; padding-bottom: 5rem}
    .navbar .menu .nav-item{ width: 100%; padding: 0 4%; line-height: 2.5rem;}
    .navbar .menu .nav-item .nav-link{ display: inline-block; width: 100%; padding: 0; padding-left: 0.5rem; }
    .navbar .menu .nav-item .nav-child dd{ height: 2rem; line-height: 2rem; font-size: 0.8rem; padding: 0 8%; }


    .navbar .menu .nav-item .nav-child{ display: none; position: inherit; left: -6%;  top: 0; background: #F3F7FA; height: inherit; }
    .navbar .menu .nav-item .nav-child:before,.navbar .menu .nav-item .nav-child:after{ display: none; }

    .navbar .menu .nav-item .nav-link{ color: #333; position: relative; font-size: 1rem;}
    .navbar .menu .nav-item i.mobile:before{ position: absolute; right: 1rem; top:0.9rem;  content: ''; width: 0.6rem; height: 0.6rem; border-left: #696969 1px solid; border-top: #696969 1px solid;
    transform: rotate(-135deg);-webkit-transform: rotate(-135deg); }
    .navbar .menu .nav-item i.mobile{ position: absolute; content: ''; top: 0; right: 2%; cursor: pointer; width: 2.5rem; height: 2.5rem; z-index: 1; }

    .navbar.fixed .menu .nav-item .nav-child.active{ display: inline-block; height: inherit; }
    .navbar .menu .nav-item.active a{ font-size: 1rem; color: #00B09F }
    .navbar .menu .nav-item:hover a{ color: #333 }
    .navbar .menu .nav-item:hover .nav-child{ background: #F3F7FA }
    .navbar .menu .nav-item .nav-child dd:hover{ background: inherit; }
    .navbar.fixed .menu .nav-item .nav-child{ display: none; width: 108%;  top: 0; left: -4.3%; padding: 0; margin: 0; }
    .navbar .menu .nav-item:hover .nav-child{  height: 0; overflow: hidden ; padding:0;}

    .phone-nav{ position: absolute; top: 0.5rem; right: 1rem; width: 2rem; height: 3rem; line-height: 3rem; cursor: pointer; color: #151515;  background: 0 0;border: none; outline: none; z-index: 1;}
    .phone-nav .icon-bar { display: block; width: 2rem; height: 0.125rem; border-radius: 1px; transform: none;background-color: #000000;}
    .phone-nav .icon-bar+.icon-bar { margin-top: 0.3rem;}
    .phone-nav span { transition: .3s all ease;}

    .phone-nav.active{ right: 1rem; }
    .phone-nav.active .icon-bar01 {top: 0; margin-top: 0.3rem; width: 2rem; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);transform-origin: center;}
    .phone-nav.active .icon-bar02{ display: none; }
    .phone-nav.active .icon-bar03 { top: 0; margin-top: -0.1rem; width: 2rem; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg);transform-origin: center;}


    .nav-linka{
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 2rem;
    }
    .nav-linka a{
        font-size: 1rem;
        border:#25B6A7 1px solid;
        border-radius: 0.5rem;
        color: #25B6A7;
        padding: 0.4rem 0.6rem;
        margin: 0 1rem;
        text-align: center;
    }
    .nav-linka a:hover{
        background:#25B6A7;
        color: #fff; 
    }





    .helpu{  background: #00B09F url(../images/bg.png) right bottom no-repeat;background-size: 100%; }
    .helpu .name{ font-size: 1.3rem; line-height: 2rem; }
    .helpu .desc{ width:80%; margin-top: 1rem; margin-left: 10%; font-size: 0.7rem; line-height: 1.4rem;}
    .helpu .link a {font-size: 0.8rem;padding: 0.4rem 2rem; font-weight: inherit; letter-spacing: 0.1rem;}


    .foot{ padding: 1rem 0; width: 96%; margin-left: 2%;}
    .foot .address{ margin: 0; width: 100%; height: inherit; margin-top: 0.5rem; text-align: center; }
    .foot .address .img{ width: 100%; text-align: center; margin-bottom: 0.5rem}
    .foot .address .img img{ float: initial; }
    .foot .address p{ font-size: 0.7rem; line-height: 1.4rem; }
    .foot .address font{ font-size: 0.7rem; font-weight: inherit; }

    .foot .time{ margin: 1rem 0; width: 100%; float: left; position: inherit;  left: initial; top: initial;transform:initial; text-align: center;}
    .foot .time p{ font-size: 0.7rem; line-height: 1.4rem; }

    .foot .right{ width: 100%; float: left; margin-top: 0; text-align: center; }
    .foot .right a{ float: initial; margin: 0; margin: 0 1rem; }
    .foot .right p{ font-size: 0.7rem; line-height: 1.4rem }


    .footer{ border-top: #D6D6D6 1px solid; }
    .footer .mobile{ padding:1rem 0; line-height: 1.875rem; font-size: 0.7rem; color: #353535}
    .footer a{color: #353535; margin-left: 1rem;}

}


/* Mobile devices */
@media(max-width:480px){
  .navbar .zixun {
    position: absolute;
    right: 3.1rem;
    padding: 0 0.79rem;
    font-size: 0.8rem;
    height: 2rem;
    line-height: 2rem;
    color: #fff;
    border-radius: 2rem;
    background: #00B09F;     
    width: 5.1rem; 
}

.navbar .logo img {
    left: -0.6rem;
    width: 100%;
}
 

}