@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;}
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.section{ padding-top: .8rem;}
.title{ margin-bottom: .45rem;}
.title h2{font-size: .42rem; color: #333333; font-weight: bold;}
.title h2 span{color: #064fc7;}
.title h2 span b{font-size: 0.46rem; font-weight: bold;}
.title h2::before{content: ''; width: 0.07rem; height: 0.07rem; background: #abc2e8; border-radius: .2rem; display: inline-block; vertical-align: 12px; margin-right: 0.18rem;}
.title h2::after{content: ''; width: 0.07rem; height: 0.07rem; background: #abc2e8; border-radius: .2rem; display: inline-block; vertical-align: 12px; margin-left: 0.18rem;}

/*banner*/
.banner-box{
  width: 100%;height: 580px;position: relative;background: url(../images/banner_bg.jpg) no-repeat top center;font-size: 0;
}
.banner-box ul li:nth-child(1){
  position: absolute; top: 1.5rem; left: 0; animation: itemMoveTop 1s infinite alternate ease-in-out;
}
.banner-box ul li:nth-child(2){
  position: absolute; top: 3.08rem; left: 1.2rem; animation: itemMoveBottom 1s infinite alternate ease-in-out;
}
.banner-box ul li:nth-child(3){
  position: absolute; top: 3.66rem; left: 3.26rem; animation: itemMoveTop 1s infinite alternate ease-in-out;
}
.banner-box ul li:nth-child(4){
  position: absolute; top: 3.45rem; right: 1.75rem; animation: itemMoveTop 1s infinite alternate ease-in-out;
}
.banner-box ul li:nth-child(5){
  position: absolute; top: 2.42rem; right: 0; animation: itemMoveBottom 1s infinite alternate ease-in-out;
}
@keyframes itemMoveTop{
  0%{transform: translateY(0);}
  100%{transform: translateY(10px);}
}
@keyframes itemMoveBottom{
  0%{transform: translateY(0);}
  100%{transform: translateY(-10px);}
}

/* nav-box */
.ban-link{
  height: 0.72rem; background: #fff; border-radius: .14rem; box-shadow: 0 .05rem .1rem #f0f0f0; box-sizing: border-box; position: relative;
}
.ban-link a{
	padding: .24rem 0; display: inline-block; box-sizing: border-box; position: relative;
}
.ban-link a span{
  text-align: center; line-height: 0.24rem; font-size: .24rem; color: #555555; font-weight: 600; display: block; box-sizing: border-box; padding: 0 .4rem; border-right: .01rem solid #cccccc;
}
.ban-link a:hover{
	color: #064fc7;
}
.ban-link a::after {
	content: ''; width: 0.3rem; height: 0.03rem; background: #064fc7; display: none; position: absolute; bottom: 0; left: .43rem;
}
.ban-link a:hover::after,.ban-link a.on::after {
	display: block;
}
.ban-link a:hover span,.ban-link a.on span{
	color: #064fc7;
}
.ban-link a:last-child span{
  border-right: none;
}
#nav1{
  margin-top: -0.42rem;
}
#nav2{
	display: block; position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 999999; width: 100%; box-shadow: 0 5px 22px #00000026; border-radius: 0; margin-top: 0; display: none;
}

/*sec01*/
.sec01-main{
  background: url(../images/s1_mbg.png) no-repeat top .54rem center / 100%; padding: 0 .54rem 68px;
}

/*sec02*/
.sec02{
  padding-top: .6rem; background: url(../images/s2_bg.jpg) no-repeat bottom center;
}
.sec02-main{
  display: flex; align-items: center; justify-content: space-between;
}
.sec02-main .hd{
  width: 2.4rem;
}
.sec02-main .hd ul li{
  width: 2.4rem; height: 0.68rem; line-height: 0.68rem; background: #ffffff; border: 1px solid #d5e3f6; border-radius: .1rem; font-size: .26rem; color: #666666; margin-bottom: 0.14rem; cursor: pointer;
}
.sec02-main .hd ul li::after{
  content: ''; width: 0.09rem; height: 0.12rem; background: url(../images/s2_jt.png) no-repeat center / 100%; display: inline-block; vertical-align: .03rem; margin-left: 0.2rem; display: none;
}
.sec02-main .hd ul li.on{
  color: #fff; font-weight: bold;
  background: #043bae;
  background: -webkit-linear-gradient(right, #043bae, #0099ff);
  background: -o-linear-gradient(right, #043bae, #0099ff);
  background: -moz-linear-gradient(right, #043bae, #0099ff);
  background: linear-gradient(to right, #043bae, #0099ff);
}
.sec02-main .hd ul li.on::after{
  display: inline-block; animation:s2move 1s infinite alternate ease-in-out;
}
.sec02-main .bd{
  width: 9.2rem; border-radius: .3rem; border: .01rem solid #d5e3f6; background: #fff; box-shadow: 0 .05rem .15rem #dde7f8; padding: .18rem .2rem .3rem; box-sizing: border-box;
}
.sec02-main .bd img.sec02-img{
  width: 100%;
}
.bd-bottom{
  display: flex; justify-content: space-between;
}
.bd-bottom-l{
  margin-left: -.03rem; margin-top: .12rem;
}
.bd-bottom-l p{
  width: 2.36rem; height: 0.4rem; line-height: 0.4rem; font-size: .21rem; color: #333333; display: inline-block; vertical-align: middle; margin-left: -0.62rem; text-align: center;
  background: #043bae;
  background: -webkit-linear-gradient(right, #ffffe100, #ffffe1, #ffffe100);
  background: -o-linear-gradient(right, #ffffe100, #ffffe1, #ffffe100);
  background: -moz-linear-gradient(right, #ffffe100, #ffffe1, #ffffe100);
  background: linear-gradient(to right, #ffffe100, #ffffe1, #ffffe100);
} 
.bd-bottom-l p:nth-child(1){
  margin-left: 0;
}
.bd-bottom-l p img{
  width: 0.33rem; display: inline-block; vertical-align: top; margin-right: 0.1rem; margin-top: 0.03rem;
}
.bd-bottom-l p span{
  display: inline-block; vertical-align: top; text-align: left;
}
.sec02-main .bd ul li:last-child .sec02-img{
  margin-top: 0.14rem;
}
.sec02-main .bd ul li:last-child .bd-bottom-l{
  margin-left: 0.45rem;
}
.sec02-main .bd ul li:last-child .bd-bottom-l p{
  height: 0.7rem; line-height: 0.28rem; margin-left: -.84rem;
}
.sec02-main .bd ul li:last-child .bd-bottom-l p span{
  margin-top: 0.05rem; text-align: left;
}
@keyframes s2move{
  0%{transform: translateX(0);}
  100%{transform: translateX(10px);}
}

/*sec03*/
.sec03-main{
  background: #f5f6f9; padding-top: 0.3rem; padding-bottom: 0.64rem;
}
.sec03-main .hd ul li{
  width: 2.3rem; height: 0.6rem; line-height: 0.58rem; background: #ffffff; border: .01rem solid #d5e3f6; box-sizing: border-box; border-radius: .1rem; font-size: .24rem; color: #666666; cursor: pointer; display: inline-block; margin: 0 .06rem .12rem;
}
.sec03-main .hd ul li.on{
  color: #fff;
  background: #043bae;
  background: -webkit-linear-gradient(right, #043bae, #0099ff);
  background: -o-linear-gradient(right, #043bae, #0099ff);
  background: -moz-linear-gradient(right, #043bae, #0099ff);
  background: linear-gradient(to right, #043bae, #0099ff);
}
.sec03-main .bd ul li .sec03-bd-btn{
  margin-top: -.31rem; margin-bottom: 0.31rem;
}
.sec03-main .bd ul li a{
  width: 1.5rem; height: 0.34rem; line-height: 0.34rem; background: #e8eeff; border-radius: .06rem .06rem 0 0; font-size: .16rem; color: #0263d0; display: inline-block; margin: -.1rem 1.06rem 0;
}
.sec03-main .bd ul li a:hover,.sec03-main .bd ul li a.on{
  color: #fff;
  background: #043bae;
  background: -webkit-linear-gradient(right, #043bae, #0099ff);
  background: -o-linear-gradient(right, #043bae, #0099ff);
  background: -moz-linear-gradient(right, #043bae, #0099ff);
  background: linear-gradient(to right, #043bae, #0099ff);
}
.sec03-main .bd ul li:nth-child(7) a:nth-child(2){
  margin: -.1rem 1.54rem 0;
}
.sec03-main .bd ul li:nth-child(6) a{
  margin: -.1rem 1.28rem 0;
}
.sec03-main .bd ul li:nth-child(2) a{
  margin: -.1rem 1.28rem 0;
}
.sec03-hsb {
  font-size: .26rem;
  color: #043bae;
  font-weight: bold;
  position: absolute;
  right: 76px;
  top: 84px;
  background-image: -webkit-linear-gradient(left,#043bae,#1fa3f9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec03-hsb img{
	width: 34px;
    position: absolute;
    top: 12px;
    right: 18px;
    animation: move .8s infinite alternate ease-in-out;
}
@keyframes move{
	0%{transform: scale(1);}
	100%{transform: scale(1.1);}
}

/*sec04*/
.sec04-main{
  background: #f5f6f9; padding-top: 0.3rem; padding-bottom: 0.64rem;
}
.sec04-main ul{
  text-align: left;
}
.sec04-main ul li{
  width: 2.82rem; display: inline-block; margin-right: 0.24rem; margin-bottom: 0.36rem; transition: all .5s;
}
.sec04-main ul li:nth-child(4){
  margin-right: 0;
}
.sec04-main ul li h3{
  width: 100%; height: 0.6rem; line-height: 0.58rem; background: #ffffff; border: .01rem solid #d5e3f6; box-sizing: border-box; border-radius: .1rem; font-size: .24rem; text-align: center; color: #666666; cursor: pointer; display: inline-block; margin-bottom: 0.1rem; transition: all .3s;
}
.sec04-cont{
  background: #fff; border-radius: .1rem; padding: .14rem .14rem .36rem; border: .01rem solid #fff; box-sizing: border-box;
}
.sec04-cont img{
  margin-bottom: 0.22rem;
}
.sec04-cont p.sec04-cont-bt{
  font-size: .16rem; color: #484b57; font-weight: bold; line-height: 0.26rem; text-align: left; margin-bottom: 0.12rem;
}
.sec04-cont p.sec04-cont-bt span{
  background: #eff1f9; border-radius: .02rem; color: #a1a8b6; font-size: .14rem; padding: 0 .04rem; margin-right: 0.05rem;
}
.sec04-cont p.sec04-cont-tips{
  width: 0.68rem; height: 0.22rem; line-height: 0.22rem; font-size: .14rem; color: #a06b23; border-radius: .03rem; text-align: center; margin-bottom: 0.24rem;
  background: #fdf0d9;
  background: -webkit-linear-gradient(right, #fdf0d9, #efd4a9);
  background: -o-linear-gradient(right, #fdf0d9, #efd4a9);
  background: -moz-linear-gradient(right, #fdf0d9, #efd4a9);
  background: linear-gradient(to right, #fdf0d9, #efd4a9);
}
.sec04-cont p.sec04-cont-price{
  font-size: .14rem; color: #ff3a3c;
}
.sec04-cont p.sec04-cont-price span{
  font-size: .18rem; font-weight: bold;
}
.sec04-main ul li:hover{
  transform: translateY(-5px);
}
.sec04-main ul li:hover h3{
  color: #fff;
  background: #043bae;
  background: -webkit-linear-gradient(right, #043bae, #0099ff);
  background: -o-linear-gradient(right, #043bae, #0099ff);
  background: -moz-linear-gradient(right, #043bae, #0099ff);
  background: linear-gradient(to right, #043bae, #0099ff);
}
.sec04-main ul li:hover .sec04-cont{
  border: .01rem solid #d5e3f6; box-shadow: 0 .05rem .15rem #dde7f8;
}





/*sec05*/





/*sec06*/





/*sec07*/





/*sec08*/






/*sec09*/







/*sec10*/