* {margin:0;padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
html{min-width: 1280px;}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: .16rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-left:before {
  content: "\e77f";
}

.icon-right:before {
  content: "\e783";
}

.icon-arrow-left:before {
  content: "\e685";
}

.icon-arrow-right:before {
  content: "\e687";
}

html{
	font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
  color: #333333;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:300;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{zoom: 1;}
a{text-decoration:none;color: #333333;}
a:focus, input:focus, textarea:focus,button {outline: none;}
a:hover{color: #0c9358;}
h1 { 
	font-size:.38rem;
}
h2 {
	font-size:.36rem;
}
h3 {
	font-size:.28rem;
}
h4 {
	font-size:.22rem;
}
h5 {
	font-size:.16rem;
}
h6 {
	font-size:.14rem;
}

p{
	font-weight:400;
	font-size:.16rem;
}
ul{
	list-style:none;
	padding:0;
	margin:0;	
}
.fr{float: right !important;}
.fl{float: left !important;}

.button .btn {
	font-weight: 700;
	padding: .15rem .25rem;
	font-size: .14rem;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	-webkit-box-shadow: 0 .02rem -.05rem rgba(0,0,0,.25);
	-moz-box-shadow: 0 .02rem .05rem rgba(0,0,0,.25);
	box-shadow: 0 .02rem .05rem rgba(0,0,0,.25);
	height: auto;
}
.button .btn:hover{
	-webkit-box-shadow: 0 .02rem -.05rem rgba(0,0,0,.50);
	-moz-box-shadow: 0 .02rem .05rem rgba(0,0,0,.50);
	box-shadow: 0 .02rem .05rem rgba(0,0,0,.50);
}
.button .btn i{
	margin-right:.05rem;	
}
input{color:#636566 ;}
html::-webkit-scrollbar {/*������������ʽ*/
        width: 10px;     /*�߿�ֱ��Ӧ����������ijߴ�*/
        height: 10px;
    }
html::-webkit-scrollbar-thumb {/*��������������*/
         -webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);
        background: #038f52;
        border-radius: .25rem;
    }
html::-webkit-scrollbar-track {/*������������*/
        -webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);
        background: #FFFFFF;
        border-radius: .05rem;
    }

/*头部*/
header{width: 100%;}
.header-top{width: 100%;height: 1.1rem;}
.header-top-box{width: 12rem;margin: 0 auto;height: 1.1rem;position: relative;}
.header-top-box .logo{height: .9rem;float: left;width: .7rem;margin-top: .1rem;line-height: 1rem;margin-right: .30rem;overflow: hidden;text-indent: 1.5rem;}
.header-top-box .logo a{display: block;}
.header-top-span{height: .76rem;width: 6rem;float: left;background: url(../img/header_top_bg.png)no-repeat left top;background-size: 0.01rem .76rem;padding: .1rem .30rem;box-sizing: border-box;margin-top: .14rem;letter-spacing: .02rem;}
.header-top-span h2{font-size: .24rem;color: #038f52;font-weight: 500;line-height: .30rem;margin-bottom: .02rem;}
.header-top-span span{font-size: .14rem;color: #383838;line-height: .24rem;}
.header-top-contact{float: right;height: .7rem;margin-top: .2rem;width: 2.6rem;}
.header-top-contact-ioc{width: 100%;height: .26rem;line-height: .26rem;color: #11a866;font-size: .18rem;letter-spacing: .03rem;font-weight: bold;}
.header-top-contact-ioc img{float: left;height: .2rem;width: .24rem;margin-top: .03rem;margin-right: .04rem;}
.header-top-contact h6{font-size: .3rem;color: #3b3b3b;font-weight: bold;}

nav{width: 100%;border-top: .01rem solid #b4b4b4;border-bottom: .01rem solid #b4b4b4;}
nav ul{width: 100%;max-width: 12rem;margin: 0 auto;}
nav ul li{width: 11.11%;float: left;height: .80rem;text-align: center;letter-spacing: .01em;position: relative;transition: all 500ms ease-out;-webkit-transition:  all 500ms ease-out;}
nav ul li a{display: block;height: .8rem;}
nav ul li h3{font-size: .18rem;color: #343038;font-weight: 500;line-height: .8rem;}
nav ul li.spa{background: #11a866;}
nav ul li.spa h3{color: #FFFFFF;}
nav ul li:hover{background: #11a866;}
nav ul li:hover h3{color: #FFFFFF;}
/*侧边联系*/
.suspension{width: 1.2rem;height: 4.15rem;background: #038f52;position: fixed;top: 50%;right: .4rem;transform: translateY(-50%);z-index: 99;padding: .06rem;color: #FFFFFF;box-sizing: border-box;}
.suspension-top{width: 100%;height: 1.8rem;background: #FFFFFF;border: .02rem solid #bcbcbc;border-bottom: 0;box-sizing: border-box;position: relative;}
.suspension-top-hidden{width: 100%;height: .3rem;line-height: .3rem;text-align: center;color: #333333;font-size: .16rem;cursor: pointer;}
.suspension-top ul{width: 1.4rem;position: absolute;left: -.18rem;top: .31rem;}
.suspension-top ul li{width: 100%;height: .44rem;line-height: .44rem;padding-left: .46rem;box-sizing: border-box;font-size: .16rem;color: #FFFFFF;margin-top: .08rem;background: #038f52;position: relative;cursor: pointer;}
.suspension-top ul li a{display: block;width: 100%;height: 100%;color: #FFFFFF;}
.suspension-top ul li:nth-child(1){margin-top: 0;}
.suspension-top ul li:before{content: '';position: absolute;}
.suspension-top ul li:nth-child(1):before{background: url(../img/suspension_qq.png)no-repeat;background-size: 100% 100%;height: .24rem;width: .22rem;left: .18rem;top: .1rem;}
.suspension-top ul li:nth-child(2):before{background: url(../img/suspension_telphone.png)no-repeat;background-size:  100% 100%;height: .2rem;width: .27rem;left: .13rem;top: .12rem;}
.suspension-top ul li:nth-child(3):before{background: url(../img/suspension_wechat.png)no-repeat;background-size:  100% 100%;height: .22rem;width: .28rem;left: .12rem;top: .11rem;}
.suspension-qrcode{width: 100%;height: 1.2rem;padding: .1rem .04rem;box-sizing: border-box;}
.suspension-qrcode img{width: 100%;height: 100%;display: block;}
.suspension-botm{width: 100%;height: 1.02rem;border: .02rem solid #bcbcbc;border-top: 0;box-sizing: border-box;padding-top: .74rem;position: relative;background: #FFFFFF;}
.suspension-botm-phone{width: 1.4rem;height: .64rem;background: #038f52;position: absolute;top: .1rem;left: -.18rem;padding: .05rem 0 0;box-sizing: border-box;z-index: 10;}
.suspension-botm-phone h5{font-size: .16rem;padding-left: .48rem;box-sizing: border-box;background: url(../img/suspension_phone.png)no-repeat .17rem center;background-size: .2rem .2rem;line-height: .3rem;}
.suspension-botm-phone h4{text-align: center;font-size: .18rem;font-weight: bold;line-height: .24rem;}
.suspension-botm a{display: block;width: 100%;height: .26rem;line-height: .26rem;position: relative;}
.suspension-botm a:before{content: '';border: .15rem solid transparent;border-bottom-color: #038f52;border-bottom-width: .15rem;position: absolute;top: 20%;left: 50%;transform: translate(-50%,-50%);}


.animated{-webkit-animation:AniTop 1s ease-out 0.3s both;-o-animation:AniTop 1s ease-out 0.3s both;animation:AniTop 1s ease-out 0.3s both;}
@-webkit-keyframes AniTop{
  0%{-webkit-transform:translateY(1rem); opacity:0;}
  100% {-webkit-transform:translateY(0); opacity:1;}
}
@-o-keyframes AniTop{
  0%{-o-transform:translateY(1rem); opacity:0;}
  100% {-o-transform:translateY(0); opacity:1;}
}
@keyframes AniTop{
  0%{transform:translateY(1rem); opacity:0;}
  100% {transform:translateY(0); opacity:1;}
}