@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: #08369e; 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 !important;}
/* .section{ padding-top: .8rem;} */
.title{ margin-bottom: .5rem;}
.title h2{font-size: .36rem; color: #fff; font-weight: bold; letter-spacing: .01rem; display: flex; align-items: flex-start; justify-content: center;}
.bt1{width: .17rem; height: .35rem; background: url(../images/bt1.png) no-repeat center / 100%; display: block; margin-top: .04rem; margin-right: .32rem; animation: titleMoveL 2s infinite alternate ease-in-out;}
.bt2{width: .19rem; height: .31rem; background: url(../images/bt2.png) no-repeat center / 100%; display: block; margin-left: .32rem; margin-top: .01rem; animation: titleMoveR 2s infinite alternate ease-in-out;}

/*banner*/
.banner{
	width: 100%; height: 4.5rem; position: relative; background: url(../images/ban_bg.jpg) no-repeat top center; font-size: 0;
}
.banner .wrap{
  height: 100%;
}
.ban-ren{
  position: absolute;
  top: .51rem;
  right: 1.33rem;
  animation: move 1s infinite alternate ease-in-out;
}
.ban-bt3{
  position: absolute;
  top: 2.61rem;
  right: 3.79rem;
}
.ban-img{
  position: absolute;
  top: .87rem;
  right: 4rem;
  animation: move2 1s infinite alternate ease-in-out;
}
@keyframes move{
  0%{transform: translateY(.05rem);}
  100%{transform: translateY(-0.05rem);}
}
@keyframes move2{
  0%{transform: translateY(-0.05rem);}
  100%{transform: translateY(.05rem);}
}
@keyframes titleMoveL{
  0%{transform: translateY(-0.05rem); opacity: 1;}
  50%{transform: translateY(.05rem); opacity: 1;}
  100%{transform: translateY(-0.05rem); opacity: 0;}
}
@keyframes titleMoveR{
  0%{transform: translateY(.05rem); opacity: 1;}
  50%{transform: translateY(-0.05rem); opacity: 1;}
  100%{transform: translateY(.05rem); opacity: 0;}
}

/*sec01*/
.sec01{
  overflow: hidden; padding-bottom: 1rem; background: url(../images/s1_bg.jpg) no-repeat top center;
}
.swiper2{
  margin-bottom: .25rem;
}
.swiper2 .swiper-slide{
  width: 3.66rem !important; height: .87rem; line-height: .96rem; background: url(../images/s1_bt_bg.png) no-repeat center / 100%; font-size: .28rem; font-weight: 600; color: #bce0ff; margin: 0 .05rem; cursor: pointer;
}
.swiper2 .swiper-slide-thumb-active{
  background: url(../images/s1_bt_bg2.png) no-repeat center / 100%; color: #fff; font-weight: bold;
}
.swiper2 .swiper-wrapper{
  justify-content: center !important;
}
.swiper3{
  padding-top: .34rem; overflow: hidden;
  background: #2152c2;
  background: -webkit-linear-gradient(bottom, #2152c2, #2151c200);
  background: -o-linear-gradient(bottom, #2152c2, #2151c200);
  background: -moz-linear-gradient(bottom, #2152c2, #2151c200);
  background: linear-gradient(to bottom, #2152c2, #2151c200);
}
.swiper3 .s1-tips{
  margin-bottom: .4rem; display: flex; align-items: center; justify-content: center;
}
.i01{
  width: .85rem; height: .01rem; background: #07a7ec; display: block; margin-right: .24rem;
}
.i02{
  width: .85rem; height: .01rem; background: #07a7ec; display: block; margin-left: .24rem;
}
.swiper3 ul{
  display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 .54rem; background: url(../images/s1_bg2.png) no-repeat right -0.1rem bottom / 8rem;
}
.swiper3 ul li{
  width: 3.58rem; height: 2.64rem; background: url(../images/s1_lbg.png) no-repeat center / 100%; margin-bottom: .36rem;
}
.swiper3 ul li h3{
  font-size: .36rem; font-weight: bold; padding-top: .36rem; margin-left: -0.04rem;
  background: linear-gradient(to right, #16409f, #1b5cf1);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.swiper-slide01 ul li:nth-child(3) h3,.swiper-slide01 ul li:nth-child(4) h3{
  background: linear-gradient(to right, #944722, #e67142);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.swiper-slide01 ul li:nth-child(5) h3,.swiper-slide01 ul li:nth-child(6) h3{
  background: linear-gradient(to right, #2f7033, #4caa3f);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.swiper-slide01 ul li:nth-child(7) h3,.swiper-slide01 ul li:nth-child(8) h3{
  background: linear-gradient(to right, #4f359b, #8b52ef);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.swiper-slide02 ul li h3{
  background: linear-gradient(to right, #b91b1b, #e52424);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.swiper-slide02 ul li:nth-child(3) h3{
  background: linear-gradient(to right, #944722, #e67141);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.swiper-slide03 ul li h3{
  background: linear-gradient(to right, #4d3599, #8b52ef);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.swiper3 ul li p{
  font-size: .22rem; color: #373737; font-weight: 600; margin-top: .34rem; margin-left: -0.04rem;
}
.swiper3 ul li a{
  width: 2.4rem; height: .6rem; line-height: .6rem; border-radius: .3rem; border: .01rem solid #0e7ce2; font-size: .26rem; color: #fff; font-weight: bold; text-shadow: 0 .02rem .03rem #0b48d4; display: inline-block; margin-top: .36rem; margin-left: -0.04rem;
  background: #00c0fa;
  background: -webkit-linear-gradient(bottom, #00c0fa, #124dd7);
  background: -o-linear-gradient(bottom, #00c0fa, #124dd7);
  background: -moz-linear-gradient(bottom, #00c0fa, #124dd7);
  background: linear-gradient(to bottom, #00c0fa, #124dd7);
}
.swiper3 ul li:hover a{
  border: .01rem solid #ff995b; text-shadow: 0 .02rem .03rem #f94c36;
  background: #fe984b;
  background: -webkit-linear-gradient(bottom, #fe984b, #f85347);
  background: -o-linear-gradient(bottom, #fe984b, #f85347);
  background: -moz-linear-gradient(bottom, #fe984b, #f85347);
  background: linear-gradient(to bottom, #fe984b, #f85347);
}

/*sec02*/
.sec02{
  padding-bottom: 1rem;
}
.sec02-main{
  display: flex; justify-content: space-between;
}
.sec02-l h3{
  display: flex; align-items: center;
}
.sec02-l h3 span{
  width: 1.9rem; height: .56rem; line-height: .56rem; background: #2152c2; font-size: .26rem; color: #fff; font-weight: bold; display: block;
}
.sec02-l h3 i{
  width: 6.1rem; height: .01rem; background: #3360c5; display: block; margin-left: .3rem;
}
.sec02 .txt{
  font-size: .22rem; color: #fff; text-align: left;
}
.sec02-item{
  display: flex; align-items: center; margin-bottom: .4rem;
}
.sec02-item .txt{
  margin-left: .28rem;
}
.sec02 p{
  margin-top: .26rem; line-height: .44rem;
}
.sec02-r h3{
  width: 1.9rem; height: .5rem; line-height: .5rem; font-size: .22rem; color: #fff; text-align: center;
  background: #153b91;
  background: -webkit-linear-gradient(right, #153b91, #1c61ff);
  background: -o-linear-gradient(right, #153b91, #1c61ff);
  background: -moz-linear-gradient(right, #153b91, #1c61ff);
  background: linear-gradient(to right, #153b91, #1c61ff);
}

/* sec03 */
.sec03-main{
  height: 6.08rem; display: flex; justify-content: flex-start; align-items: center;
}
.sec03 .hd ul li{
  width: 3.67rem; height: .88rem; line-height: 1rem; background: url(../images/s3_lbg01.png) no-repeat center / 100%; color: #bce0ff; font-size: .3rem; margin-bottom: .12rem; cursor: pointer;
}
.sec03 .hd ul li.on{
  background: url(../images/s3_lbg02.png) no-repeat center / 100%; color: #fff; font-weight: bold; text-shadow: 0 .01rem .03rem #007afc;
}
.sec03 .bd{
  height: 6.08rem;
}
.sec03 .bd ul{
  width: 9.64rem; height: 6.08rem;
}
.sec03 .bd ul li{
  width: 100%; height: 6.08rem; text-align: left; position: relative; display: none;
}
.sec03 .bd ul li.on{
  display: block;
}
.sec03 .bd ul li h3{
  font-size: .26rem; color: #fff; font-weight: bold; text-shadow: 0 .02rem .04rem #227bdf; margin-bottom: .04rem;
}
.sec03 .bd ul li p{
  font-size: .2rem; color: #00f5fa; text-shadow: 0 .02rem .04rem #227bdf;
}
.list01{
  background: url(../images/s3_rbg01.jpg) no-repeat top left;
}
.list01 img{
  margin-left: 1rem; margin-top: .24rem;
}
.list01 .item{
  width: 2.2rem; height: 1rem; border-radius: .09rem; padding-top: .18rem; padding-left: .29rem; box-sizing: border-box; position: absolute;
  background: #0e61ea;
  background: -webkit-linear-gradient(right, #0e61ea, #0e62ea00);
  background: -o-linear-gradient(right, #0e61ea, #0e62ea00);
  background: -moz-linear-gradient(right, #0e61ea, #0e62ea00);
  background: linear-gradient(to right, #0e61ea, #0e62ea00);
}
.list01 .item01,.list01 .item03{
  background: #01abed;
  background: -webkit-linear-gradient(right, #01abed, #0e62ea00);
  background: -o-linear-gradient(right, #01abed, #0e62ea00);
  background: -moz-linear-gradient(right, #01abed, #0e62ea00);
  background: linear-gradient(to right, #01abed, #0e62ea00);
}
.list01 .item::before{
  content: ''; width: .29rem; height: .29rem; background: url(../images/s3_yuan.png) no-repeat center / 100%; display: block; position: absolute; top: .22rem;
  left: -0.16rem;
}
.list01 .item01{
  top: .61rem;
  left: 3.96rem;
}
.list01 .item02{
  top: 1.21rem;
  left: 1.17rem;
}
.list01 .item03{
  top: 3.28rem;
  left: .59rem;
}
.list01 .item04{
  top: 4.03rem;
  left: 3.77rem;
}
.list02{
  background: url(../images/s3_rbg02.jpg) no-repeat top left;
}
.list02 .item{
  width: 2.4rem; height: 1.1rem; padding-top: .25rem; padding-left: .35rem; box-sizing: border-box; position: absolute;
  background: url(../images/s3_list2_lbg01.png) no-repeat center / 100%;
}
.list02 .item01,.list02 .item03{
  background: url(../images/s3_list2_lbg02.png) no-repeat center / 100%;
}
.list02 .item::before{
  content: ''; width: .29rem; height: .29rem; background: url(../images/s3_yuan.png) no-repeat center / 100%; display: block; position: absolute; top: .28rem;
  left: -0.14rem;
}
.list02 .item01{
  top: .59rem;
  left: 5.4rem;
}
.list02 .item02{
  top: .64rem;
  left: .74rem;
}
.list02 .item03{
  top: 4.2rem;
  left: 1.73rem;
}
.list02 .item04{
  top: 4.04rem;
  left: 5.21rem;
}
.list03{
  background: url(../images/s3_rbg03.jpg) no-repeat top left;
}
.list03 .item{
  width: 2.36rem; height: 1.16rem; padding-top: .24rem; padding-left: .34rem; box-sizing: border-box; position: absolute;
  background: url(../images/s3_list3_lbg01.png) no-repeat center / 100%;
}
.list03 .item01,.list03 .item03{
  background: url(../images/s3_list3_lbg02.png) no-repeat center / 100%;
}
.list03 .item::before{
  content: ''; width: .29rem; height: .29rem; background: url(../images/s3_yuan.png) no-repeat center / 100%; display: block; position: absolute; top: .28rem;
  left: -0.14rem;
}
.list03 .item01{
  top: .5rem;
  left: 5.4rem;
}
.list03 .item02{
  top: .83rem;
  left: .73rem;
}
.list03 .item03{
  top: 4.2rem;
  left: .97rem;
}
.list03 .item04{
  top: 3.91rem;
  left: 4.6rem;
}
.list04{
  background: url(../images/s3_rbg04.jpg) no-repeat top left;
}
.list04 .item{
  width: 2.3rem; height: 1.01rem; padding-top: .18rem; padding-left: .34rem; box-sizing: border-box; position: absolute;
  background: url(../images/s3_list4_lbg01.png) no-repeat center / 100%;
}
.list04 .item01,.list04 .item03{
  background: url(../images/s3_list4_lbg02.png) no-repeat center / 100%;
}
.list04 .item::before{
  content: ''; width: .29rem; height: .29rem; background: url(../images/s3_yuan.png) no-repeat center / 100%; display: block; position: absolute; top: .2rem;
  left: -0.03rem;
}
.list04 .item01{
  top: .86rem;
  left: 5.59rem;
}
.list04 .item02{
  top: 1.08rem;
  left: .66rem;
}
.list04 .item03{
  top: 3.16rem;
  left: .97rem;
}
.list04 .item04{
  top: 4.15rem;
  left: 3.78rem;
}