@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{ text-align: left; border-bottom: 1px solid #dfdfdf; padding-bottom: 0.4rem;}

/*banner*/
#banner{
	overflow: hidden;
}
.swiper-container{
	height: 651px; position: relative;
}
.swiper-container .inner{
	width: 1100px; height: 100%; margin: 0 auto; position: relative;
}
#swiper-slide1{
	background: url(../images/ban1_bg.jpg) no-repeat top center;
}
#swiper-slide2{
	background: url(../images/ban2_bg.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: .14rem; 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: .56rem; left: 0; z-index: 9;
}
#swiper-slide1 .ban-zhi2{
	position: absolute; left: .16rem; top: 1.76rem; z-index: 9;
}
#swiper-slide1 .ban-zhi3{
	position: absolute; top: -5.09rem; right: -14.12rem; z-index: 9;
}
#swiper-slide1 .ban-zhi4{
	position: absolute; top: 0; right: 2.56rem; z-index: 1; animation: xie 2s infinite forwards ease-in-out;
}
#swiper-slide2 .ban-zhi2{
	position: absolute; left: 1.72rem; top: .44rem; z-index: 9;
}
#swiper-slide2 .ban-zhi3{
	position: absolute; top: 3.43rem; left: 3.75rem; z-index: 9;
}
#swiper-slide2 .ban-zhi4{
	position: absolute; top: 1.07rem; left: -3.69rem; z-index: 9; animation: Up 2s infinite forwards ease-in-out;
}
#swiper-slide2 .ban-zhi5{
	position: absolute; top: 1.07rem; right: -3.69rem; z-index: 9; animation: Up2 2s infinite forwards ease-in-out;
}
@keyframes Up{
	0%{transform: translateY(0) translateX(0); opacity: 1;}
	100%{transform: translateY(-100px) translateX(-50px); opacity: 0;}
}
@keyframes Up2{
	0%{transform: translateY(0) translateX(0); opacity: 1;}
	100%{transform: translateY(-100px) translateX(50px); opacity: 0;}
}
@keyframes xie{
	0%{transform: translateY(0) translateX(0); opacity: 1;}
	100%{transform: translateY(300px) translateX(-500px); opacity: 0;}
}
@keyframes xie2{
	0%{transform: translateY(0) translateX(0); opacity: 0;}
	100%{transform: translateY(300px) translateX(-730px); opacity: 1;}
}
@keyframes scale{
	0%{transform: scale(2); opacity: 0;}
	100%{transform: scale(1); opacity: 1;}
}
.scale{
	animation: scale 1s forwards ease-in-out;
}
.huojian{
	animation: xie2 1.5s forwards ease-in-out;
}

/*sec01*/
.sec01-main{
	display: flex; align-items:flex-end;
}
.sec01-l{
	width: 2.84rem; height: 3.74rem; background: #fce4bc; background: linear-gradient(to bottom, #fce4bc , #f46724); border-radius: .1rem; box-shadow: 0 .17rem .26rem #de4e0720; position: relative; padding-top: 0.7rem; box-sizing: border-box;
}
.sec01-l img{
	margin-left: -0.14rem;animation: swing2 ease-in-out .5s infinite alternate; transform-origin: top;
    transform-box: fill-box;
}
.sec01-r{
	width: 8.1rem; margin-left: -0.1rem;
}
.sec01-r h3{
	font-size: .3rem; color: #333; text-align: left; margin-bottom: 0.14rem; padding-left: 0.4rem;
}
.sec01-r div{
	width: 100%; height: 2.94rem; background: #1074bd; background: linear-gradient(to bottom, #1074bd ,#0c4ba8); padding: .35rem 0; box-sizing: border-box; padding-left: 0.1rem; padding-right: 0.62rem; 
}
.sec01-r h3 span{
	color: #e70013;
}
.sec01-r p{
	background: #287cc0; border: 1px solid #6fc7ff; border-radius: 0 .1rem .1rem 0; font-size: .17rem; color: #fff; line-height: 0.28rem; text-align: left; padding: .4rem .42rem;
}
.sec01-r p span{
	font-size: .24rem; color: #fbec82;
}
.pub-a{
	width: 4rem; height: 0.7rem; line-height: 0.7rem; background: #fe7936; background: linear-gradient(to right, #fe7936 , #f8381b); border-radius: .35rem; box-shadow: 0 .17rem .27rem #ff300030; display: inline-block; font-size: .3rem; color: #fff; font-weight: 600; margin-top: 0.4rem; transition: all .5s;
}
.pub-a:hover{
	transform: scale(1.1);
}
.sec01 a{
	animation: btntx .8s infinite alternate ease-in-out;
}
@keyframes swing2 {
	0% { transform: rotate(3deg); }
	100% { transform: rotate(-3deg); }
}
@keyframes btntx {
	0% { transform: scale(1); }
	100% { transform: scale(1.1); }
}

/*sec02*/
.sec02-main{
	width: 1080px; margin: 0 auto; border: 1px solid #f1f1f1;
}
.sec02-main .sec02-item:last-child .item-bt{
	border-right: none;
}
.sec02-item{
	width: 1.3rem; height: 5.2rem; transition: width 1s; overflow: hidden; position: relative;
}
.sec02-item.on{
	width: 4.3rem;
}
.item-bt{
	width: 1.3rem; height: 5.2rem; border-right: 1px solid #f1f1f1; background: #fff; position: absolute; top: 0; left: 0; position: relative; display: flex; text-align: center; justify-content: space-around;
    align-items: center; box-sizing: border-box;
}
.item-bt p{
    font-size: .24rem; color: #999; line-height: 0.28rem;
}
.item-bt p span{
	padding-bottom: 0.28rem; display: inline-block;
}
.sec02-item.on .item-info{
	display: block;
}
.item-info{
	width: 4.3rem; height: 5.2rem; background: #f5f5f5;  padding: .42rem .25rem 0; text-align: left; position: absolute; top: 0; left: 0; box-sizing: border-box; display: none;
}
.item-info h3{
	font-size: .28rem; color: #ff6410; font-weight: bold; margin-bottom: 0.2rem;
}
.item-info p{
	height: 2.14rem; font-size: .18rem; color: #000000; line-height: 0.28rem; text-align: left;
}
.item-info img{
	display: block; margin: 0 auto;
}
.sec02 .title h2 a{
	text-align: center; float: right; margin-top: .3rem;
}

/*sec03*/
.sec03 h3{
	height: 0.7rem; line-height: 0.7rem; background: #1074bd; background: linear-gradient(to bottom, #1074bd , #0c4da9); border-radius: .1rem .1rem 0 0; font-size: .3rem; color: #fff; font-weight: bold; text-align: left; padding-left: 0.38rem; box-sizing: border-box;
} 
.sec03 h3 span{
	font-size: .24rem; font-weight: normal; padding-left: 0.9rem;
}
.wrap2{
	width: 1082px; margin: 0 auto;
}
.sec03-item01{
	position: relative;
}
.sec03-item01 .wrap2{
	position: relative;
}
.sec03-item01 h3{
	margin-bottom: 0.44rem;
}
.sec03-item-p{
	text-align: left; padding-left: 0.48rem; margin-bottom: 0.4rem;
}
.sec03-item-p h4{
	font-size: .22rem; color: #e70013; padding-bottom: 0.1rem;
}
.sec03-item-p p{
	font-size: .18rem; color: #333; line-height: 0.28rem;
}
.sec03-pt{
	position: absolute; right: 1.34rem; top: .3rem;
}
.sec03-item-form{
	background: #f5f5f5; padding: .22rem 0 .3rem; box-sizing: border-box;
}
.sec03-item-form h4{
	font-size: .32rem; color: #333333; padding-bottom: 0.4rem;
}
.sec03-item-form h4 span{
	color: #e70013; font-weight: bold;
}
.sec03-item-form  .wrap2{
	padding-left: 0.6rem; position: relative;
}
.sec03-main input[type=text]{
	width: 3.5rem; height: 0.45rem; background: none; border: .01rem solid #707070; border-radius: .06rem; box-sizing: border-box; margin-right: 0.34rem; padding-left: 0.18rem; font-size: .16rem; color: #333; margin-bottom: 0.16rem;
}
.sec03 .form_bot{
	display: inline-block;
}
.sec03 .sub-btn{
	width: 2.95rem; height: 0.7rem; line-height: 0.7rem; position: absolute; right: 0; top: 0.5rem; border-radius: .35rem; border: none;
}
.sec03-item02 h3{
	font-size: .28rem; font-weight: normal; margin-bottom: 0.18rem;
}
.sec03-item02-m{
	display: flex; align-items: flex-start;
}
.item-l{
	width: 2.7rem; height: 2.54rem; background: url(../images/s3_img.jpg) no-repeat center / 100% 100%; font-size: .3rem; color: #fff; margin-right: 0.3rem;
}
.item-l h4{
	width: 0.54rem; height: 2.55rem; background: #e70114; background: linear-gradient(to bottom, #e70114, #e7011400); text-align: center; padding-top: 0.16rem; box-sizing: border-box; margin-left: auto;
}
.item-r{
	width: 7.66rem; background: #fafafa; font-size: .18rem; color: #333333; padding: .16rem; padding-bottom: 0.3rem; box-sizing: border-box; margin-top: 0.2rem;
}
.item-r ul li{
	height: 0.42rem; display: flex; align-items: center; border-bottom: 1px dashed #e4e4e4;
}
.item-r i{
	width: 0.2rem; height: 0.2rem; line-height: 0.2rem; background: #333333; border-radius: 50px; font-size: .14rem; color: #fff; margin-right: 0.14rem; text-align: center; display: block;
}

/*sec04*/
.sec04{
	overflow: hidden;
}
.sec04 h2{
	text-align: center; border-bottom: none;
}
.sec04-main{
	display: flex;
}
.sec04 .hd{
	width: 7.96rem; height: 5.39rem; background: url(../images/s4_lbg.jpg) no-repeat top center / 100%; display: flex;justify-content: flex-end; align-items: center;
}
.sec04 .hd ul{
	width: 3.47rem;
}
.sec04 .hd ul li{
	width: 100%; height: 0.8rem; line-height: 0.8rem; font-size: .2rem; color: #333333; line-height: 0.28rem; margin: 0.15rem 0; cursor: pointer; padding-top: 0.12rem; padding-left: 0.36rem; box-sizing: border-box;
}
.sec04 .hd ul li h3{
	font-weight: 600;
}
.sec04 .hd ul li.on{
	background: #fff; color: #e70013;
}
.sec04 .hd ul li.on h3{
	animation: move1 1s linear;
}
.sec04 .bd{
	height: 5.39rem; flex: 1; text-align: left;
}
.sec04 .bd ul li{
	padding: .66rem 0 0 .9rem; height: 5.39rem; box-sizing: border-box;
}
.sec04 .bd ul li:nth-child(1){
	background: url(../images/s4_rbg01.jpg) no-repeat left center;
}
.sec04 .bd ul li:nth-child(2){
	background: url(../images/s4_rbg02.jpg) no-repeat left center;
}
.sec04 .bd ul li:nth-child(3){
	background: url(../images/s4_rbg03.jpg) no-repeat left center
}
.sec04 .bd ul li:nth-child(4){
	background: url(../images/s4_rbg04.jpg) no-repeat left center;
}
.sec04 .bd h3{
	font-size: .22rem; color: #333; font-weight: 600; margin-bottom: 0.2rem; animation: move2 1s linear;
}
.sec04 .bd p{
	width: 4.22rem; font-size: .18rem; color: #333; line-height: 0.28rem; animation: move2 1s linear;
}
@keyframes move1{
	0%{transform: translateX(-50px);}
	50%{transform: translateX(0);}
}
@keyframes move2{
	0%{transform: translateX(50px);}
	50%{transform: translateX(0);}
}

/*sec05*/
.sec05{
	background: url(../images/s5_bg.jpg) no-repeat top center / 100%; height: 4.78rem; padding-top: 1.95rem; box-sizing: border-box;
}
.sec05 .title{
	position: relative; z-index: 1;
}
.sec05 h2{
	border-bottom: none;
}
.sec05-main{
	position: relative;
}
.sec05-peo{
	position: absolute; right: -2.61rem; top: -1.6rem;
}
.peoMove{
	animation: peoMove 3s ease-in-out;
}
@keyframes peoMove{
	0%{transform: translateX(0); opacity: 0;}
	60%{transform: translateX(-100px); opacity: .4s;}
	100%{transform: translateX(0); opacity: 1;}
}

/*sec06*/
.sec06-main{
	display: flex; align-items: center; justify-content: center;
}
.sec06-l{
	width: 2.92rem; height: 4.24rem; background: url(../images/s6_book_bg.png) no-repeat top / 100% 100%; display: flex; align-items: center; justify-content: center; margin-right: 0.3rem;
}
.sec06-r{
	width: 6.18rem;
}
.sec06-r ul li{
	height: .7rem; line-height: 0.2rem; background: #f4faff; border-radius: .1rem; text-align: left; margin-bottom: 0.46rem; padding-top: 0.25rem; box-sizing: border-box; position: relative;
}
.sec06-r ul li:last-child{
	margin-bottom: 0;
}
.sec06-r ul li i{
	width: 0.4rem; height: 0.24rem; line-height: 0.24rem; background: #fd7634; background: linear-gradient(to right, #fd7634 , #f93b1d); border-radius: .2rem .2rem .2rem 0; display: block; border: .01rem solid #f8381b; font-size: .16rem; color: #fff; text-align: center; font-weight: 600; box-shadow: 0 .05rem .09rem #ff300025; position: absolute; top: -.14rem; left: .37rem; animation: iMove .8s infinite alternate ease-in-out;
}
.sec06-r ul li h3{
	font-size: .24rem; color: #333333; font-weight: bold; padding-right: 0.12rem; display: inline-block; vertical-align: middle; border-right: .02rem solid #d1dcec; margin-right: 0.12rem; padding-left: 0.35rem;
}
.sec06-r ul li span{
	font-size: .18rem; color: #333;  display: inline-block; vertical-align: middle;
}
@keyframes iMove{
	0%{transform: translateX(0);}
	100%{transform: translateX(-4px);}
}

/*sec07*/
.sec07-main ul{
	display: flex; align-items: flex-start; justify-content: space-around;
}
.sec07-main ul li{
	width: 5.32rem; background: #f5fbff; text-align: left; box-sizing: border-box;
}
.sec07-item-t{
	padding-left: 0.32rem; position: relative;
}
.sec07-item-t h3{
	font-size: .26rem; color: #333; font-weight: bold; margin-bottom: 0.3rem; padding-top: 0.28rem;
}
.sec07-item-t p{
	width: 2.94rem; height: .7rem; font-size: .18rem; color: #333; line-height: 0.28rem; padding-bottom: 0.32rem;
}
.sec07-item-t i{
	width: 1.41rem; height: 1.17rem; display: block; position: absolute; right: .3rem; top: .46rem;
}
.sec07-main ul li:nth-child(1) .sec07-item-t i{
	background: url(../images/s7_i01.png) no-repeat center / 100%;
}
.sec07-main ul li:nth-child(2) .sec07-item-t i{
	background: url(../images/s7_i02.png) no-repeat center / 100%;
}
.sec07-item-b{
	height: 0.55rem; line-height: 0.55rem; background: #ecf5fe;padding-left: 0.32rem;
}
.sec07-item-b a{
	font-size: .18rem; color: #333;
}
.sec07-item-b a i{
	width: 0.33rem; height: 0.18rem; background: url(../images/s7_jt.png) no-repeat center / 100%; display: inline-block; margin-left: 0.14rem; position: relative; top: 0.03rem;
}
.sec07-main ul li.on{
	background: #fff7f4;
}
.sec07-main ul li.on .sec07-item-b{
	background: #ffe6dd;
}
.sec07-main ul li.on .sec07-item-b a{
	color: #e70013;
}
.sec07-main ul li:nth-child(1).on .sec07-item-t i{
	background: url(../images/s7_i01_h.png) no-repeat center / 100%; animation: moveY 1s ease-in-out infinite alternate;
}
.sec07-main ul li:nth-child(2).on .sec07-item-t i{
	background: url(../images/s7_i02_h.png) no-repeat center / 100%; animation: moveY 1s ease-in-out infinite alternate;
}
.sec07-main ul li.on .sec07-item-b a i{
	background: url(../images/s7_jt02.png) no-repeat center / 100%; animation: moveX 1s ease-in-out infinite;
}
@keyframes moveY{
	0%{transform: translateY(5px);}
	100%{transform: translateY(-5px);}
}
@keyframes moveX{
	0%{transform: translateX(0);}
	100%{transform: translateX(10px);}
}

/*sec08*/
.sec08{
	background: url(../images/s8_bg.png) no-repeat top center; padding-top: 0.4rem; margin-top: 0.6rem; padding-bottom: .5rem;
}
.sec08-title{
	margin-bottom: .36rem;
}
.sec08-title h2{
	border-bottom: none; text-align: center;
}
.sec08-main h3{
	width: 4.08rem; height: 0.58rem; line-height: 0.58rem; font-size: .3rem; color: #fff; font-weight: bold;
	background: #f16422; background: linear-gradient(to right, #f16422 , #f8e0b9); border-radius: .28rem; border: 1px solid #fff; margin: 0 auto; margin-bottom: 0.2rem;
}
.sec08-lbox{
	background: #fff; box-shadow: 0 0 95px #00000010; padding: .4rem .46rem;
}
.sec08-line-bg{
	border: 1px solid #e9e9e9; padding: .22rem 0;
}
.sec08-line-bg div{
	padding: .1rem 0; text-align: left; display: flex; align-items: center; margin-bottom: 0.16rem; padding-left: 0.22rem;
	background: #f0f0f1;
	background: linear-gradient(to right, #f0f0f1 , #ffffff);
}
.sec08-line-bg div h4{
	font-size: .24rem; color: #333; font-weight: bold; margin-right: 0.56rem;
}
.sec08-line-bg div p{
	font-size: .18rem; color: #353535; line-height: 0.28rem;position: relative;
}
.sec08-line-bg div p b{
	font-weight: 600;
}
.sec08-line-bg div p i{
	width: 0.56rem; height: 0.28rem; line-height: 0.28rem; background: #fd7634; background: linear-gradient(to right, #fd7634 , #f93b1d); border-radius: .2rem .2rem .2rem 0; display: block; border: .01rem solid #f8381b; font-size: .16rem; color: #fff; text-align: center; font-weight: 600; box-shadow: 0 .05rem .09rem #ff300025; position: absolute; top: -.06rem;
    right: .88rem;
}
.sec08-line-bg div.nobb{
	margin-bottom: 0;
}