@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%; background: #fff; font-size: 12px;min-width: 1100px!important;  font-family: "Microsoft YaHei", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei"; color: #444;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}

/*banner*/
.banner-box{
	width: 100%;height: 7.11rem;position: relative;background: url(../images/ban_bg.jpg) no-repeat top center;font-size: 0; box-sizing: border-box;
}
.banner-box .wrap{
  height: 100%; position: relative; padding-top: .9rem;
}
.ban-l p{
  width: 4.8rem; height: 0.64rem; line-height: .64rem; font-size: .35rem; color: #23a69e; font-weight: bold; background: #fff; border-radius: .2rem 0 .2rem .2rem; padding: 0 .22rem; margin-bottom: 0.4rem;
}
.ban-l h1{
  font-size: .92rem; color: #fff; font-weight: bold; text-shadow: 0 .11rem 0 #137e75; font-style: italic; padding-left: .2rem; text-align: left;
}
.ban-l h1 span{
  display: block; padding-left: 1.45rem
}
.banner-box img{
  position: absolute; right: -2.2rem; top: 1.4rem;
}

/*sec01*/
.sec01{
  background: url(../images/s1_bg.jpg) no-repeat top center; padding-bottom: 2.04rem;
}
.sec01 ul{
  display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: .68rem;
}
.sec01 ul li{
  width: 5.38rem; height: 1.45rem; background: #fff; border-radius: .2rem; box-shadow: 0 0 .25rem #cecece5e; margin-top: 0.26rem;
}
.sec01 ul li .s1-t i {
  width: .8rem; font-size: .6rem; color: #dfefee; letter-spacing: -.04rem; margin-left: .18rem;  display: block; margin-top: -0.15rem; margin-right: .05rem;
}
.sec01 ul li .s1-t i span{
  color: #e2ecfb; font-size: .3rem;
}
.sec01 ul li .s1-t i::after{
  content: ''; width: 0.15rem; height: 0.47rem; background: url(../images/s1_tbg.png) no-repeat center / 100%; display: inline-block; top: .22rem; position: relative;
}
.s1-t a{
  display: flex; align-items: flex-start; justify-content: flex-start;
}
.s1-t div{
  width: 4.06rem; height: .82rem; text-align: left; margin-top: .14rem;
}
.s1-t div h3{
  font-size: .22rem; color: #23a69e; font-weight: bold; margin-bottom: 0.05rem;
}
.s1-t div p{
  font-size: .22rem; color: #263238; font-weight: bold;
}
.s1-t div p span{
  color: #23a69e;
}
.s1-b{
  width: 100%; text-align: right;
}
.s1-b a{
  font-size: .2rem; color: #263238; padding-right: 0.26rem;
}
.sec01-btn-a{
  width: 5.96rem; height: .58rem; line-height: .58rem; background: #23a69e; border-radius: .2rem 0 .2rem .2rem; font-size: .26rem; color: #fff; display: block; margin: 0 auto; box-shadow: 0 .09rem .08rem #10726b42;
}
.sec01-btn-a span{
  font-weight: 600;
}
.sec01-btn-a::after{
  content: ''; width: .44rem; height: .26rem; background: url(../images/s1_jt.png) no-repeat center / 100%; display: inline-block; vertical-align: -0.03rem; margin-left: .2rem; animation: move2 .8s infinite alternate linear;
}

@keyframes move{
  0%{transform: translateY(0);}
  100%{transform: translateY(-0.05rem);}
}
@keyframes move2{
  0%{transform: translateX(0);}
  100%{transform: translateX(-0.05rem);}
}