* {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: #094291;}
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;	
}


.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: #094291;
        border-radius: .3rem;
    }
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.25rem;}
.header-top-box{width: 12rem;margin: 0 auto;height: 1.25rem;position: relative;}
.header-top-box h1{height: .94rem;float: left;width: .92rem;margin-top: .15rem;line-height: .94rem;margin-right: .55rem;}
.header-top-box h1 a{height: 100%;width: 100%;overflow: hidden;text-indent: 1rem;display: block;}
.header-top-box h2{float: left;height: 1.25rem;line-height: 1.25rem;font-size: .18rem;letter-spacing: .01em;}
.header-top-box h2 b{font-size: .20rem;color: #094291;}
.header-top-contact{float: right;height: .94rem;margin-top: .15rem;}
.header-top-contact ul li img{margin-right: .25rem;float: left;margin-top: .13rem;}
.header-top-contact ul li{height: .46rem;line-height: .46rem;font-size: .30rem;color: #222121;font-family: "宋体";font-weight: 600;}
.header-top-contact ul li:nth-child(2) img{margin-top: .10rem;}
nav{width: 100%;border-top: .01rem solid #000034;}
nav ul{width: 100%;max-width: 12rem;margin: 0 auto;}
nav ul li{width: 11.11%;float: left;height: .90rem;text-align: center;line-height: .23rem;padding: .22rem 0;box-sizing: border-box;letter-spacing: .01em;position: relative;}
nav ul li h3{font-size: .18rem;color: #343038;font-weight: 600;}
nav ul li h4{font-size: .14rem;color: #b2b1b2;text-transform:uppercase;}
nav ul li:after{content: '';position: absolute;left: 0;top: .22rem;width: .01rem;height: .46rem;background: #b2b1b2;}
nav ul li:nth-child(1):after{width: 0rem;}
nav ul li.spa{background: linear-gradient(to left,#0d389f,#2171d6);box-shadow: 0 .02rem .05rem #b2b2b2;position: relative;}
nav ul li.spa:before{content: '';position: absolute;bottom: 0;left: auto;right:0;height: .04rem;width: 100%;background: #FFFFFF;}
nav ul li.spa h3{color: #FFFFFF;}
nav ul li.spa h4{color: #FFFFFF;}
nav ul li:before{content: '';position: absolute;bottom: 0;left: auto;right:0;height: .04rem;width: 0rem;background: #FFFFFF;transition: all 300ms ease-out;-webkit-transition:  all 300ms ease-out;}
nav ul li:hover{background: linear-gradient(to left,#0d389f,#2171d6);box-shadow: 0 .02rem .05rem #b2b2b2;position: relative;}
nav ul li:hover h3{color: #FFFFFF;}
nav ul li:hover h4{color: #FFFFFF;}
nav ul li:hover:before{transition: all 300ms ease-out;-webkit-transition:  all 300ms ease-out;width: 100%;left: 0;right: auto;}
nav ul li:hover:after{width: 0rem;}

.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;}
}