@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: #b6dcf6; font-size: .12rem;min-width: 11rem!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: 8rem) {
	.pc-hide{display:none !important;}
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 11rem; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none !important;}
.section{ padding-top: .8rem;}
.title{ margin-bottom: .38rem; padding-top: .4rem;}
.title h2{font-size: .48rem; color: #000000; font-weight: bold; letter-spacing: .01rem; display: inline-block; position: relative;}
.title h2 span{
  position: relative;
  background: linear-gradient(63deg, #ee6000, #f5970e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.title h2::before{
  content: ''; width: .47rem; height: .47rem; background: url(../images/t_lbg.png) no-repeat center / 100%; display: block; position: absolute; left: -0.14rem; top: -0.03rem; z-index: 0;
}
.title h2::after{
  content: ''; width: .28rem; height: .28rem; background: url(../images/t_rbg.png) no-repeat center / 100%; display: block; position: absolute; right: -0.07rem; top: .35rem;
}

/*banner*/
.banner{
	width: 100%; height: 4.84rem; position: relative; background: url(../images/ban_bg.jpg) no-repeat top center; font-size: 0;
}
.banner .wrap{
  height: 100%;
}
.banner a{
  display: block; text-align: left;
}
.ban-bt{
  display: block; margin-left: -0.05rem; margin-top: .52rem; margin-bottom: .3rem;
}
.ban-list ul{
  margin-left: .16rem; display: flex; align-items: center;
}
.ban-list ul li{
  font-size: .28rem; color: #002766; font-weight: 600; margin-right: .28rem; display: flex; align-items: center;
}
.ban-list ul li i{
  width: .31rem; height: .27rem; background: url(../images/ban_dh.png) no-repeat center / 100%; display: block; margin-right: .05rem;
}
.phone{
  width: 3.2rem; position: absolute; right: .22rem; bottom: 0;
}
.phone img{
  display: block;
}
.ban-phone{
  margin-left: .5rem; margin-bottom: -0.47rem; position: relative; animation: moveY .8s infinite alternate ease-in-out;
}
@keyframes moveY{
  0%{transform: translateY(0);}
  100%{transform: translateY(-0.08rem);}
}

/*sec01*/
.sec01{
  background: url(../images/s1_bg.jpg) no-repeat top center; background-size: cover; padding-bottom: .24rem; padding-top: 0;
}
.sec01 .sec-box{
  height: 6.14rem; background: url(../images/s1_mbg.png) no-repeat top center / 100%; position: relative; top: -0.16rem;
}
.hd{
  margin-bottom: .21rem;
}
.hd ul{
  display: flex; justify-content: center; flex-wrap: wrap;
}
.hd ul li{
  width: 1.05rem; height: .5rem; line-height: .48rem; border: .01rem solid #8ac1f5; border-radius: .06rem; margin: 0 .08rem .14rem; font-size: .24rem; color: #333333; cursor: pointer;
}
.hd ul li.bigSize{
  width: 1.54rem;
}
.hd ul li.on{
  border: .01rem solid #ffce7f; box-shadow: 0 .03rem .1rem #c8530065; color: #fff;
  background: #ee6000;
  background: -webkit-linear-gradient(right, #ee6000, #ffac23);
  background: -o-linear-gradient(right, #ee6000, #ffac23);
  background: -moz-linear-gradient(right, #ee6000, #ffac23);
  background: linear-gradient(to right, #ee6000, #ffac23);
}
.sec01-b{
  display: flex; justify-content: center; align-items: flex-end;
}
.sec01-b-list{
  width: 5.18rem; height: 3.12rem; background: url(../images/s1_phone.png) no-repeat bottom center; position: relative; margin-right: .7rem;
}
.sec01-b-list ul li{
  display: inline-block; height: .56rem; line-height: .56rem; border-radius: .28rem .29rem 0 .28rem; font-size: .22rem; color: #fff; border: .01rem solid #b0e4ff; box-shadow: 0 .03rem .15rem #005cb769; padding: 0 .2rem; position: absolute; top: .46rem; left: 0;
  background: #046ad2;
  background: -webkit-linear-gradient(right, #046ad2, #1aa5ed);
  background: -o-linear-gradient(right, #046ad2, #1aa5ed);
  background: -moz-linear-gradient(right, #046ad2, #1aa5ed);
  background: linear-gradient(to right, #046ad2, #1aa5ed);
}
.sec01-b-list ul li:nth-child(2){
  border: .01rem solid #ffce7f; box-shadow: 0 .03rem .15rem #c8530065; top: 1.24rem; left: 3rem;
  background: #ffac23;
  background: -webkit-linear-gradient(right, #ffac23, #ee6000);
  background: -o-linear-gradient(right, #ffac23, #ee6000);
  background: -moz-linear-gradient(right, #ffac23, #ee6000);
  background: linear-gradient(to right, #ffac23, #ee6000);
}
.sec01-b-list ul li:nth-child(3){
  border: .01rem solid #8af9ce; box-shadow: 0 .03rem .15rem #00976265; top: 2.05rem; left: 0;
  background: #009e68;
  background: -webkit-linear-gradient(right, #009e68, #11c76f);
  background: -o-linear-gradient(right, #009e68, #11c76f);
  background: -moz-linear-gradient(right, #009e68, #11c76f);
  background: linear-gradient(to right, #009e68, #11c76f);
}
.ban-b-ewm{
  padding-bottom: .24rem;
}
.s1-btn{
  width: 2.14rem; height: .6rem; line-height: .54rem; background: url(../images/s1_btn_bg.png) no-repeat center / 100%;
  font-size: .22rem; color: #fff; font-weight: bold; display: block; margin: 0 auto; margin-top: .22rem; border-radius: .3rem; box-shadow: 0 .04rem .15rem #be490070; animation: dou .8s infinite alternate ease-in-out;
}
@keyframes dou{
  0%{transform: scale(1);}
  100%{transform: scale(1.1);}
}

/*sec02*/
.sec02{
  background: url(../images/s2_bg.jpg) no-repeat top center; background-size: cover; padding-bottom: .24rem; padding-top: 0;
}
.sec02-item01{
  background: #fff url(../images/s2_lbg.jpg) no-repeat bottom center; border-radius: .25rem .25rem 0 0; padding-bottom: .34rem;
}
.sec02-item01-m{
  display: flex; align-items: center; justify-content: center;
}
.sec02-item01-l{
  width: 2.16rem; border-radius: .2rem; box-shadow: 0 0 .3rem #032ea657; position: relative;
}
.sec02-item01-l .sec02-k{
  position: absolute; top: .81rem; left: 50%; margin-left: -0.925rem; visibility: hidden;
}
.sec02-item01-c{
  margin-right: .14rem; margin-left: -0.09rem; margin-top: 0.1rem; position: relative; z-index: 1;
}

.sec02 h3.pub-bt{
  font-size: .4rem; color: #333333; font-weight: bold; display: flex; align-items: center;
}
.sec02 h3.pub-bt i{
  width: .7rem; height: .7rem; line-height: .62rem; background: url(../images/s2_qp.png) no-repeat center / 100%; display: block; font-size: .22rem; color: #fff; font-style: italic; text-align: left; padding-left: .21rem; box-sizing: border-box;
}
.sec02 p.pub-txt{
  font-size: .22rem; color: #333333; line-height: .34rem; text-align: left; margin-top: .12rem; padding-left: .02rem; margin-bottom: .44rem;
}
.sec02-item01-r span.s2-tips{
  width: 1.94rem; height: .56rem; line-height: .56rem; box-shadow: 0 .03rem .15rem #005cb75e; font-size: .22rem; color: #fff; border-radius: .28rem; margin-bottom: .24rem; display: block;
  background: #0875e5;
  background: -webkit-linear-gradient(right, #0875e5, #2caef1);
  background: -o-linear-gradient(right, #0875e5, #2caef1);
  background: -moz-linear-gradient(right, #0875e5, #2caef1);
  background: linear-gradient(to right, #0875e5, #2caef1);
}
.sec02-item01-r span.tips2{
  box-shadow: 0 .03rem .15rem #c853005d;
  background: #ffac23;
  background: -webkit-linear-gradient(right, #ffac23, #ee6000);
  background: -o-linear-gradient(right, #ffac23, #ee6000);
  background: -moz-linear-gradient(right, #ffac23, #ee6000);
  background: linear-gradient(to right, #ffac23, #ee6000);
}
.sec02-item02{
  height: 4.9rem; background: #fff url(../images/s2_lbg02.jpg) no-repeat center / 100%; border-radius:0;  display: flex; align-items: center; justify-content: center;
}
.sec02-lunbo{
  width: 2.54rem; height: 4.11rem; margin-left: 1.65rem; position: relative;
}
.swiper1{
  width: 1.99rem; overflow: hidden;
}
.sec02-itemn02-k{
  position: absolute; top: -0.08rem; left: -0.08rem; box-shadow: 0 0 .2rem #032ea657; border-radius: .2rem;
}
.sec02-item03{
  height: 4.97rem; background: #fff url(../images/s2_lbg.jpg) no-repeat center / 100%; border-radius:0 0 .25rem .25rem;  display: flex; align-items: center; justify-content: center;
}
.sec02-item03 .sec02-lunbo{
  margin: 0 1.65rem 0 0;
}

/*sec03*/
.sec03{
  background: #98cdf2; padding-bottom: .7rem;
}
.sec03 .sec-box{
  border-radius: .25rem; padding-bottom: .44rem;
  background: #ffffff;
  background: -webkit-linear-gradient(bottom, #ffffff 30%, #c6eaff);
  background: -o-linear-gradient(bottom, #ffffff 30%, #c6eaff);
  background: -moz-linear-gradient(bottom, #ffffff 30%, #c6eaff);
  background: linear-gradient(to bottom, #ffffff 30%, #c6eaff);
}
.sec03-main .hd{
  margin-bottom: .28rem;
}
.sec03-main .bd{
  display: flex; justify-content: center;
}
.sec03-item{
  width: 4.66rem; height: 2.91rem; background: url(../images/s3_lbg.png) no-repeat center / 100%; margin: 0 .1rem; display: flex; align-items: center; justify-content: center;
}
.ewm-box{
  min-width: 2.3rem;
}
.ewm-box p{
  font-size: .2rem; color: #333333; line-height: .28rem; display: block; margin-top: .14rem;
}
.sec03-pt{
  margin-left: -0.2rem; animation: moveX 1s infinite alternate ease-in-out;
}
@keyframes moveX{
  0%{transform: translateX(0);}
  100%{transform: translateX(-0.08rem);}
}