@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",-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,Arial,"PingFang SC",'Noto Sans',"Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; 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: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.section{ padding-top: .8rem;}
.title{ margin-bottom: .45rem;}
.title h2{font-size: .36rem; color: #fff; font-weight: bold; letter-spacing: .01rem;}

/*banner*/
#banner{
	overflow: hidden;
}
.swiper-container{
	height: 670px; position: relative;
}
.swiper-container .inner{
	width: 1100px; height: 100%; margin: 0 auto; position: relative;
}
#swiper-slide1{
	background: url(../images/ban_bg01.jpg) no-repeat top center;
}
#swiper-slide2{
	background: url(../images/ban_bg02.jpg) no-repeat top center;
}
#banner .pagination {
	position: absolute; left: 0; bottom: .55rem; text-align: center; width: 100%; z-index:999;
}
#banner .swiper-pagination-bullet {
	display: inline-block; width: .94rem; height: .14rem; opacity:1; border-radius: .6rem; background: white; margin: 0 .05rem; cursor: pointer; transition: all 0.3s ease-in-out;
}
#banner .swiper-pagination-bullet-active{ 
	background: #ffc926;
}
.ban-zhi1{
	position: absolute; top: 2.66rem; left: 0.46rem; z-index: 9;
}
.ban-zhi2{
	position: absolute; right: 2.06rem;top: 1.74rem; z-index: 9;
}
.ban-zhi3{
	position: absolute; top: 4.08rem; right: 1.22rem; z-index: 9;
}
#swiper-slide2 .ban-zhi1{
	position: absolute; top: 2.96rem; left: 1.2rem; z-index: 9;
}
#swiper-slide2 .ban-zhi2{
	position: absolute; right: 1.48rem; top: 1.1rem; z-index: 9;
}
#swiper-slide2 .ban-zhi3{
	position: absolute; top: 2.36rem; right: 0; z-index: 9;
}
.ban-list{
	position: absolute; left: 1.14rem; bottom: 1.3rem; z-index: 99;
}
.ban-list02{
	bottom: 1.52rem;
}
.ban-list ul li{
	width: 2.48rem; height: .6rem; background: url(../images/ban_list_bg.png) no-repeat top / 100%; display: inline-block; vertical-align: top; margin: 0 .14rem; padding-left: 0.28rem; box-sizing: border-box; animation: scaleUp2 1s infinite ease-in-out alternate;
}
.ban-list ul li:nth-child(2){
	animation: scaleDown2 1s infinite ease-in-out alternate;
}
.ban-list02 ul li{
	width: 2.77rem; height: .5rem; background: url(../images/ban02_list_bg.png) no-repeat top / 100%; margin: 0 .07rem; padding-left: 0.2rem; box-sizing: border-box;
}
.ban-list ul li h3{
	font-size: .28rem; color: #0468e0; font-weight: bold; letter-spacing: .02rem; padding-right: 0.34rem; padding-top: 0.1rem; display: inline-block; vertical-align: top;
}
.ban-list02 ul li h3{
	padding-right: 0.24rem; font-size: 0.22rem;
}
.ban-list ul li span{
	font-size: .24rem; color: #4c4c4c; line-height: 0.24rem; padding-top: .18rem; display: inline-block; vertical-align: top;
}
.ban-list02 ul li span{
	font-size: 0.2rem;
}
@keyframes scaleUp2{
	0%{transform: translateY(-.1rem);}
	100%{transform: translateY(0);}
}
@keyframes scaleDown2{
	0%{transform: translateY(0);}
	100%{transform: translateY(-.1rem);}
}

/*sec01*/
.sec01{
	background: url(../images/s1_bg.jpg) no-repeat top center; padding-bottom: 2.08rem;
}
.sec01-main{
	position: relative;
}
.sec01-main img{
	position: absolute; left: 50%; top: 3.18rem; animation: move 1.5s infinite alternate ease-in-out;
}
.sec01-main ul{
	display: flex; flex-wrap: wrap; justify-content: space-between;
}
.sec01-main ul li{
	width: 3.5rem; height: 2.5rem; border: .01rem solid #4ca5d7; border-radius: .1rem; display: inline-block; vertical-align: top; margin-bottom: 0.77rem; padding: .26rem; box-sizing: border-box; transition: all 1s;
}
.sec01-main ul li:nth-child(1),.sec01-main ul li:nth-child(3){
	margin-top: 1.14rem;
}
.sec01-main ul li h3{
	font-size: .24rem; color: #2091f6; font-weight: bold; margin-bottom: 0.08rem;
}
.sec01-main ul li h3 i{
	width: 0.37rem; height: 0.43rem; background: url(../images/s1_i01.png) no-repeat center / 100% 100%; display: inline-block;   margin-right: 0.06rem; vertical-align: middle; position: relative; top: -0.02rem;
}
.sec01-main ul li p{
	height: 1.24rem; font-size: .16rem; color: #333; line-height: 0.26rem; text-align: left;
}
.sec01-main ul li span{
	width: 100%; font-size: .4rem; text-align: right; display: inline-block; margin-top: -0.1rem;
	background-image: -webkit-linear-gradient(top,#a7d3fa,#d0e7fc,#fff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.sec01-main ul li.on{
	background: #0c96fc; background: linear-gradient(to bottom, #0c96fc , #38abfd); border-radius: .1rem; transform: scale(1.05);
}
.sec01-main ul li:nth-child(1).on h3 i{
	background: url(../images/s1_i01_h.png) no-repeat center / 100% 100%;
}
.sec01-main ul li:nth-child(2).on h3 i{
	background: url(../images/s1_i02_h.png) no-repeat center / 100% 100%;
}
.sec01-main ul li:nth-child(3).on h3 i{
	background: url(../images/s1_i03_h.png) no-repeat center / 100% 100%;
}
.sec01-main ul li.on:nth-child(4) h3 i{
	background: url(../images/s1_i04_h.png) no-repeat center / 100% 100%;
}
.sec01-main ul li:nth-child(5).on h3 i{
	background: url(../images/s1_i05_h.png) no-repeat center / 100% 100%;
}
.sec01-main ul li.on h3{
	color: #fff;
}
.sec01-main ul li.on p{
	color: #fff;
}
@keyframes move{
	0%{transform: translateY(-15px) translateX(-50%);}
	100%{transform: translateY(0) translateX(-50%);}
}

/*sec02*/
.sec02{
	background: url(../images/s2_bg.jpg) no-repeat top center; padding-bottom: 0.3rem;
}
.sec02-item{
	padding: .26rem .24rem; box-sizing: border-box; display: inline-block; vertical-align: top;
}
.sec02-l{
	width: 5.12rem; height: 4.32rem; background: url(../images/s2_lbg.png) no-repeat top center / 100% 100%; margin-right: 0.18rem;
}
.sec02-lm{
	background: url(../images/s2_line01.png) no-repeat left top; padding-left: 0.38rem;
}
.sec02-r{
	width: 5.12rem; height: 4.32rem; background: url(../images/s2_rbg.png) no-repeat top center / 100% 100%; padding-left: 1.08rem;
}
.sec02-rm{
	background: url(../images/s2_line02.png) no-repeat left top; padding-left: 0.38rem;
}
.sec02-main h3{
	font-size: .2rem; color: #fff; font-weight: bold; text-align: left;
}
.sec02-main p{
	width: 3.3rem; font-size: .16rem; color: #fff; line-height: 0.2rem; text-align: left; margin-top: 0.06rem; margin-bottom: 0.23rem;
}
.sec02-rm p{
	margin-bottom: 0.25rem;
}

/*sec03*/
.sec03{
	background: url(../images/s3_bg.jpg) no-repeat top center; padding-bottom: 0.3rem;
}
.sec03-main{
	background: url(../images/s3_mbg.png) no-repeat bottom center; height: 3.72rem; position: relative;
}
.sec03-main ul li{
	text-align: left; position: absolute;
}
.sec03-main ul li:nth-child(1){
	left: 0.38rem; bottom: .26rem;
}
.sec03-main ul li:nth-child(2){
	left: 1.1rem; bottom: 1.34rem;
}
.sec03-main ul li:nth-child(3){
	left: 1.7rem; bottom: 2.36rem;
}
.sec03-main ul li:nth-child(4){
	left: 3.05rem; top: .26rem;
}
.sec03-main ul li:nth-child(8){
	right: 0.16rem; bottom: .26rem;
}
.sec03-main ul li:nth-child(7){
	right: .2rem; bottom: 1.34rem;
}
.sec03-main ul li:nth-child(6){
	right: 1.8rem; bottom: 2.36rem;
}
.sec03-main ul li:nth-child(5){
	right: 3.05rem; top: .26rem;
}
.sec03-main ul li h3{
	font-size: .22rem; color: #2091f6; font-weight: bold;
}
.sec03-main ul li p{
	max-width: 2.24rem; font-size: .16rem; color: #333333;
}
.s3-p{
	position: absolute; top: 2.4rem; left: 50%; transform: translateX(-50%);
}
.s3-peo{
	position: absolute; top: 2.72rem; left: 6.5rem; animation: move2 2s linear infinite alternate;
}
.s3-n{
	position: absolute; top: 1.26rem; left: 2.74rem; animation: ballon 2s linear infinite;
}
@keyframes ballon {
	0%{-webkit-transform: scale(.7); opacity: 0;}
   50%{-webkit-transform: scale(1); opacity: 1;}
 100% {-webkit-transform: scale(1.1); opacity: 0;}
 }
 @keyframes move2{
	0%{transform: translateY(-15px);}
	100%{transform: translateY(0);}
}

/*sec04*/
.sec04{
	background: url(../images/s4_bg.png) no-repeat center right;
}
.sec04 .sec-box{
	background: #22acfe; background: linear-gradient(to bottom, #22acfe , #fff); border-radius: .1rem .1rem 0 0; padding-top: 0.6rem;
}
.sec04-main{
	width: 1040px; background: url(../images/s4_mbg.png) no-repeat top center / 100% 100%; padding: .6rem; box-sizing: border-box;
	margin-top: -0.3rem;
}
.sideMenu{
	background: #fff;
}
.sideMenu h3{width: 100%; height:.55rem; line-height:.55rem; background: #22acfd; background: linear-gradient(to right, #22acfd , #31e1fb); font-size: .24rem; color: #fff; font-weight: bold; cursor: pointer; margin-bottom: 0.06rem;
}
.sideMenu h3.on{
	background: #fa9d51; background: linear-gradient(to right, #fa9d51 , #fa8d51);
}
.sideMenu h3 em{ float:right; margin-right: 0.35rem; margin-top: 0.12rem; display:block; width:.32rem; height:.32rem; background:url(../images/s4_i.png) no-repeat center / 100%; cursor:pointer; }
.sideMenu h3.on em{ background: url(../images/s4_i_h.png) no-repeat center / 100%; }
.sideMenu p{width: 7.68rem; font-size: .16rem; color: #333; line-height: 0.28rem; text-align: left; padding:8px 25px;  margin: 0 auto; display:none;}

/*sec05*/
.sec05{
	background: url(../images/s5_bg.jpg) no-repeat top center; margin-top: 0.6rem;
}
.sec05 ul{
	display: flex; flex-wrap: wrap; justify-content: space-between;
}
.sec05 ul li{
	width: 3.68rem; height: 5.09rem; padding: .3rem .3rem 0; box-sizing: border-box; position: relative;
}
.sec05 ul li:nth-child(2n-1){
	background: url(../images/s5_bg01.png) no-repeat top center / 100% 100%;
}
.sec05 ul li:nth-child(2n){
	background: url(../images/s5_bg02.png) no-repeat top center / 100% 100%;
}
.sec05 ul li:nth-child(3),.sec05 ul li:nth-child(4){
	margin-top: -.75rem;
}
.sec05 ul li:nth-child(4){
	width: 4.12rem;
}
.sec05 ul li h3{
	font-size: .24rem; color: #fff; font-weight: 600; display: block; margin: 0 auto;
}
.sec05 ul li:nth-child(1) h3{
	width: 2.49rem; height: 0.44rem; line-height: 0.44rem; background: url(../images/s5_ltbg01.png) no-repeat center / 100% 100%;
}
.sec05 ul li:nth-child(2) h3{
	width: 2.89rem; height: 0.44rem; line-height: 0.44rem; background: url(../images/s5_ltbg02.png) no-repeat center / 100% 100%;
}
.sec05 ul li:nth-child(3) h3{
	width: 2.49rem; height: 0.64rem; line-height: 0.26rem; background: url(../images/s5_ltbg03.png) no-repeat center / 100% 100%; padding-top: 0.1rem; font-size: .2rem;
}
.sec05 ul li:nth-child(4) h3{
	width: 3.29rem; height: 0.44rem; line-height: 0.44rem; background: url(../images/s5_ltbg04.png) no-repeat center / 100% 100%;
}
.sec05 ul li p{
	font-size: .16rem; color: #333; line-height: 0.24rem; text-align: justify; margin-top: 0.14rem;
}
.sec05-main{
	position: relative;
}
.sec05-main img{
	position: absolute; top: .8rem; left: 50%; transform: translateX(-50%); animation: move 2s infinite alternate linear;
}

/*sec06*/
.sec06{
	background: url(../images/s6_bg.jpg) no-repeat top center; margin-top: 0.6rem;
}
.sec06 ul{
	display: flex; flex-wrap: wrap; justify-content: space-between;
}
.sec06 ul li{
	width: 2.28rem;
}
.sec06 ul li div{
	width: 1.37rem; height: 1.47rem; margin: 0 auto; position: relative;
}
.sec06 ul li div img{
	position: absolute; top: 0; left: 0;
}
.sec06 ul li div img:nth-child(2){
	position: absolute; top: .19rem; left: .15rem;
}
.sec06 ul li h3{
	font-size: .22rem; color: #f56c20; font-weight: bold; margin: .1rem 0;
}
.sec06 ul li:nth-child(2n) h3{
	color: #2091f6;
}
.sec06 ul li p{
	font-size: .16rem; color: #666666; text-align: left;
}
.flipInY1{
	animation: flipInY 1s alternate linear;
}

/*sec07*/
.sec07{
	background: url(../images/s7_bg.jpg) no-repeat top center; margin-top: 0.6rem; position: relative; height: 560px;
}
.sec07-main{
	position: relative;
}
.sec07-main ul li{
	width: 1.8rem; display: inline-block; vertical-align: top; margin: 0 .2rem;
}
.sec07-main ul li:nth-child(1){
	margin-top: 0.8rem;
}
.sec07-main ul li:nth-child(2){
	margin-top: 0.6rem;
}
.sec07-main ul li:nth-child(3){
	margin-top: 1.1rem;
}
.sec07-main ul li:nth-child(4){
	margin-top: .5rem;
}
.sec07-main ul li:nth-child(1) i,.sec07-main ul li:nth-child(3) i{
	background: url(../images/s7_line.png) no-repeat top / 100%;
}
.sec07-main ul li i{
	display: inline-block; vertical-align: top; width: 0.14rem; height: 1.57rem; background: url(../images/s7_line02.png) no-repeat top / 100%;
}
.sec07-main ul li div{
	width: 1.52rem; display: inline-block; vertical-align: top; margin-left: 0.14rem; text-align: left;
}
.sec07-main ul li div h3{
	font-size: .26rem; color: #1ba1f4; font-weight: bold; margin-bottom: 0.08rem;
}
.sec07-main ul li div p{
	font-size: .16rem; color: #666666; line-height: 0.22rem; text-align: left;
}
.sec07-img01{
	position: absolute; top: .36rem; left: -1.12rem;
}
.sec07-img02{
	position: absolute;top: .14rem; right: -.56rem;
}

/*sec08*/
.sec08{
	background: url(../images/s8_bg.jpg) no-repeat bottom center;
}
.sec08-item{
	width: 1.6rem; height: 3.05rem; background: #fff; border-radius: .2rem; box-shadow: 0 0 .32rem #9edafd35;
	transition: width 1s; overflow: hidden; position: relative;
}
.sec08-item.on{
	width: 5.64rem;
}
.tea-img{
	width: 1.6rem; height: 3.05rem; background: #d3eefd; border-radius: .2rem .1rem .1rem .1rem; position: absolute; top: 0; left: 0; transition: all 1s; position: relative;
}
.tea-img span{
    width: 1.25rem; height: 0.36rem; line-height: 0.36rem; background: url(../images/s8_txt_bg02.png) no-repeat center / 100%; font-size: .2rem; color: #fff; text-align: left; padding-left: .1rem; box-sizing: border-box; position: absolute; left: 0; bottom: .5rem;opacity: 1; transition: opacity 1s;
}
.sec08-item.on .tea-img{
	background: #0d9ff0; background: linear-gradient(to bottom, #0d9ff0, #11b7d4);
}
.sec08-item.on .tea-img span{
	opacity: 0;
}
.tea-info{
	width: 4.04rem; height: 3.05rem; background: url(../images/s8_info_bg.png) no-repeat top .12rem right -.75rem; padding-left: 0.25rem; padding-top: 0.45rem; box-sizing: border-box; text-align: left; position: absolute; top: 0; left: 1.6rem;
}
.tea-info h3{
	width: 1.65rem; height: 0.4rem; line-height: 0.4rem; font-size: .22rem; color: #fff; font-weight: bold; background: url(../images/s8_txt_bg.png) no-repeat center / 100%; text-align: left; padding-left: 0.1rem; box-sizing: border-box; margin-bottom: 0.08rem;
}
.tea-info b{
	font-size: .16rem; color: #333; font-weight: bold; padding-bottom: 0.08rem; display: block;
}
.tea-info p{
	width: 3.36rem; font-size: .16rem; color: #666; line-height: 0.24rem; text-align: left;
}

/*sec09*/
.sec09{
	background: url(../images/s9_bg.jpg) no-repeat bottom center; padding-bottom: .38rem;
}
.sec09-main{
	background: #fff; box-shadow: 0 0 .32rem #9edafd33; border-radius: .2rem; padding: .4rem;
}
.sec09-main table{
	border: 1px solid #2eb0ee;
}
.sec09-main table tr th{
	height: 0.58rem; line-height: 0.58rem; background: #2091f6; font-size: .22rem; color: #fff; font-weight: bold; border-right: 1px solid #2eb0ee;
}
.sec09-main table tr th:nth-child(1){
	width: 1.68rem;
}
.sec09-main table tr th:nth-child(2){
	width: 1.5rem;
}
.sec09-main table tr th:nth-child(3){
	width: 1.86rem;
}
.sec09-main table tr th:nth-child(4){
	width: 3.5rem;
}
.sec09-main table tr th:last-child{
	border-right: none;
}
.sec09-main table tr td{
	font-size: .16rem; color: #333; line-height: 0.26rem; border: 1px solid #2eb0ee; padding: .15rem 0;
}
.sec09-main table tr td b{
	font-weight: bold;
}
.sec09-main table tr td:nth-child(1){
	font-size: .2rem; font-weight: bold;
}
.sec09-main table tr td:nth-child(4){
	text-align: left; padding: .26rem .16rem;
}
.tips{
	font-size: .16rem; color: #333; text-align: right; padding-top: 0.2rem; line-height: 0.3rem;
}