@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 !important;}
.section{ padding-top: .8rem;}
.title{ margin-bottom: .7rem; padding-top: .24rem;}
.title h2{font-size: .48rem; color: #323232; font-weight: bold; letter-spacing: .01rem; display: flex; align-items: center; justify-content: center;}
.title h2 i:nth-child(1){ width: .28rem; height: .36rem; background: url(../images/bt_xing.png) no-repeat center / 100%; display: block; margin-right: .18rem;}
.title h2 i:nth-child(2){ width: .28rem; height: .36rem; background: url(../images/bt_xing.png) no-repeat center / 100%; display: block; margin-left: .18rem;}


/*banner*/
.banner{
	width: 100%;height: 6.87rem;position: relative;background:url(../images/ban_bg.jpg) no-repeat top center;font-size: 0;
}
.ban-logo{
  width: 2.03rem;  display: block; padding-top: .52rem; margin-bottom: .14rem;
}
.ban-logo img{
  width: 100%;
}
.banner h1{
  font-size: .44rem; font-style: italic; font-weight: 600; margin-bottom: .24rem;
  background: linear-gradient(to bottom, #f8fce2, #fff79a);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 .04rem 0 #6777dd);
}
.ban-bt2{
  width: 6.72rem; height: .84rem; display: flex; align-items: center; justify-content: center; margin: .18rem auto .42rem;
  background: #1e44f3;
  background: -webkit-linear-gradient(right, #1e44f3, #3acadb);
  background: -o-linear-gradient(right, #1e44f3, #3acadb);
  background: -moz-linear-gradient(right, #1e44f3, #3acadb);
  background: linear-gradient(to right, #1e44f3, #3acadb);
}
.pubBtn{
  width: 4.76rem; height: 1rem; line-height: 1rem; border-radius: .5rem; font-size: .48rem; color: #fff; font-weight: bold; display: block; margin: 0 auto; box-shadow: inset 0 .03rem .09rem #c66a1e,0 .05rem 0 #ffec80e0; position: relative;
  background: #ffe8b6;
  background: -webkit-linear-gradient(bottom, #ffe8b6, #fe6b41);
  background: -o-linear-gradient(bottom, #ffe8b6, #fe6b41);
  background: -moz-linear-gradient(bottom, #ffe8b6, #fe6b41);
  background: linear-gradient(to bottom, #ffe8b6, #fe6b41);
}
.pubBtn::after{
  content: ''; width: .92rem; height: .94rem; background: url(../images/ban_hand.png) no-repeat center / 100%; display: block; position: absolute; right: -0.39rem; top: .4rem; animation: handMove .8s infinite alternate ease-in-out;
}
@keyframes handMove{
  0%{transform: scale(1);}
  100%{transform: scale(1.1);}
}

/*sec01*/
.sec01{
  background: url(../images/s1_bg.jpg) no-repeat top center; padding-bottom: .78rem;
}
.sec01 .title{
  background: url(../images/s1_bt_bg.png) no-repeat top center / 8.66rem;
}
.sec01 .center-img{
  position: absolute; left: 50%; transform: translateX(-50%); top: 2.95rem; animation: s1Move .8s infinite alternate ease-in-out;
}
.sec01 ul{
  display: flex; justify-content: space-between; flex-wrap: wrap;
} 
.sec01 ul li{
  width: 4.98rem; text-align: left; margin-bottom: 2.32rem; position: relative;
}
.sec01 ul li:nth-child(3),.sec01 ul li:nth-child(4){
  margin-bottom: 0;
}
.sec01 ul li .peo-img{
  width: 1.57rem; display: block; position: relative; z-index: 1; margin-top: -0.42rem;
}
.sec01 ul li .peo-info{
  width: 4.52rem; height: 1.7rem; background: #f0f7ff; border: .01rem solid #2a67ae; border-radius: .58rem 0; padding-top: .26rem; overflow: hidden; text-align: right; box-sizing: border-box;
}
.sec01 ul li:nth-child(1) .peo-info{
  margin-left: -1.2rem; position: relative;
}
.sec01 ul li:nth-child(2) .peo-info{
  border-radius: 0 .58rem; margin-right: -1.2rem;
}
.sec01 ul li:nth-child(3) .peo-info{
  border-radius: 0 .58rem; margin-left: -1.2rem;
}
.sec01 ul li:nth-child(4) .peo-info{
  margin-right: -1.2rem;
}
.sec01 ul li .peo-info h3{
  width: 3.16rem; height: .58rem; line-height: .58rem; border-radius: .3rem 0 0 .3rem; font-size: .34rem; color: #fff; font-weight: bold; float: right; display: flex; align-items: center; justify-content: center;
  background: #3e96fc;
  background: -webkit-linear-gradient(bottom, #3e96fc, #0e38ea);
  background: -o-linear-gradient(bottom, #3e96fc, #0e38ea);
  background: -moz-linear-gradient(bottom, #3e96fc, #0e38ea);
  background: linear-gradient(to bottom, #3e96fc, #0e38ea);
}
.sec01 ul li .peo-info h3 img{
  margin-right: .16rem;
}
.sec01 ul li:nth-child(2n) .peo-info h3{
  border-radius: 0 .3rem .3rem 0; float: left;
}
.sec01 ul li .peo-info p{
  font-size: .28rem; color: #171717; font-weight: bold; float: right; margin-top: .14rem; margin-right: .76rem;
}
.sec01 ul li:nth-child(2n) .peo-info p{
  text-align: left; float: left; margin-left: .4rem;
}
@keyframes s1Move{
  0%{transform: translateY(-0.03rem)  translateX(-50%);}
  100%{transform: translateY(.03rem)  translateX(-50%);}
}

/*sec02*/
.sec02{
  background: url(../images/s2_bg.jpg) no-repeat top center; padding-bottom: .8rem;
}
.sec02 .wrap{
  width: 12.59rem;
}
.sec02 .title{
  background: url(../images/s2_bt_bg.png) no-repeat top center / 11.43rem;
}
.sec02 ul{
  background: url(../images/s2_line.png) no-repeat center / 100%; display: flex; justify-content: center;
}
.sec02 ul li{
  margin: 0 .55rem;
}
.sec02 ul li h3{
  width: 1.55rem; height: 1.55rem; line-height: 1.54rem; background: url(../images/s2_yuan.png) no-repeat center / 100%; border-radius: 100rem;font-size: .34rem; color: #fff; font-weight: bold; margin: .12rem auto;
}
.sec02 ul li i{
  width: .54rem; height: .54rem; border-radius: .54rem; border: .05rem solid #fff; display: block; margin: .12rem auto;
  background: #39c3dc;
  background: -webkit-linear-gradient(bottom, #39c3dc, #1f4ef1);
  background: -o-linear-gradient(bottom, #39c3dc, #1f4ef1);
  background: -moz-linear-gradient(bottom, #39c3dc, #1f4ef1);
  background: linear-gradient(to bottom, #39c3dc, #1f4ef1);
}
.sec02 ul li p{
  font-size: .28rem; color: #171717; line-height: .36rem;
}


/*sec03*/
.sec03-main{
  background: url(../images/s3_mbg.jpg) no-repeat top center / 100%; padding: .42rem 0;
}
.form-info{
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
}
.form-info input{
  width: 3.2rem; height: .54rem; background: #fff; border: none; font-size: .18rem; padding-left: .12rem; box-sizing: border-box; margin-right: .18rem;
}
.form-info .subtn{
  width: 3.7rem; height: .55rem; line-height: .55rem; border-radius: .5rem; font-size: .28rem; color: #fff; font-weight: bold; box-shadow: inset 0 .03rem .09rem #c66a1e,0 .05rem 0 #ffec80e0; display: flex; align-items: center; justify-content: center; cursor: pointer;
  background: #ffe8b6;
  background: -webkit-linear-gradient(bottom, #ffe8b6, #fe6b41);
  background: -o-linear-gradient(bottom, #ffe8b6, #fe6b41);
  background: -moz-linear-gradient(bottom, #ffe8b6, #fe6b41);
  background: linear-gradient(to bottom, #ffe8b6, #fe6b41);
}
.form-info .subtn::after{
  content: ''; width: .3rem; height: .3rem; background: url(../images/s3_jt.png) no-repeat center / 100%; display: block; margin-left: .1rem;
}

.agreement {
  margin: .2rem auto 0;
}

.agreement input[type = checkbox] {
  display: inline-block;
  vertical-align: middle;
  width: .16rem;
  height: .16rem;
  margin: 0 .1rem 0 0
}

.agreement label {
  display: inline-block;
  vertical-align: middle
}

.agreement span {
  display: inline-block;
  vertical-align: middle;
  font-size: .14rem;
  color: #fff;
}

.agreement a {
  display: inline-block;
  vertical-align: middle;
  font-size: .14rem;
  color: #f00;
}

/*sec04*/
.sec04{
  background: url(../images/s4_bg.jpg) no-repeat top center; padding-bottom: .8rem; margin-top: .8rem;
}
.sec04 .title{
  background: url(../images/s4_bt_bg.png) no-repeat top center / 8.36rem;
}
.title2 h2{
  color: #fff;
}
.title2 h2 i:nth-child(1){background: url(../images/bt_xing2.png) no-repeat center / 100%;}
.title2 h2 i:nth-child(2){background: url(../images/bt_xing2.png) no-repeat center / 100%;}
.sec04 ul{
  display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: .78rem;
}
.sec04 ul li{
  width: 3.43rem; height: 4.8rem; background: url(../images/s4_lbg.jpg) no-repeat center / 100%; box-shadow: 0 .02rem .32rem #172aa4b6;
}
.sec04 ul li h3{
  font-size: .34rem; color: #7a4302; font-weight: bold; padding-top: .3rem; margin-bottom: .65rem; text-shadow: .02rem .02rem 0 #fff, -0.02rem .02rem 0 #fff, .02rem -0.02rem 0 #fff, -0.02rem -0.02rem 0 #fff;
}
.sec04 ul li p{
  height: 1.48rem; font-size: .28rem; color: #171717; font-weight: 600; line-height: .36rem; text-align: left; margin-left: .46rem;
}
.sec04 ul li p span{
  color: #357eff; text-align: center; font-weight: 600; display: block; margin-left: -0.46rem; margin-bottom: .08rem;
}
.sec04 ul li img{
  animation: s4Move1 .8s infinite alternate ease-in-out;
}
.sec04 ul li:nth-child(2) img{
  animation: s4Move2 .8s infinite alternate ease-in-out;
}
@keyframes s4Move1{
  0%{transform: translateY(-0.03rem);}
  100%{transform: translateY(.03rem);}
}
@keyframes s4Move2{
  0%{transform: translateY(.03rem);}
  100%{transform: translateY(-0.03rem);}
}

/*sec05*/
.sec05{
  background: url(../images/s5_bg.jpg) no-repeat top center; padding-bottom: 1rem;
}
.sec05 .title{
  background: url(../images/s5_bt_bg.png) no-repeat top center / 7.36rem;
}
.sec05-tea{
  margin-top: -0.3rem;
}
.sec05 .tea-info{
  width: 5.68rem; height: .66rem; line-height: .66rem; border-radius: .33rem; font-size: .34rem; color: #fff; font-weight: bold; box-shadow: 0 .04rem 0 #aeafaf; margin: -0.51rem auto .68rem; position: relative;
  background: #a9d4ff;
  background: -webkit-linear-gradient(bottom, #a9d4ff, #445aea);
  background: -o-linear-gradient(bottom, #a9d4ff, #445aea);
  background: -moz-linear-gradient(bottom, #a9d4ff, #445aea);
  background: linear-gradient(to bottom, #a9d4ff, #445aea);
}

/*sec06*/
.sec06{
  background: url(../images/s6_bg.jpg) no-repeat top center; padding-bottom: 1rem;
}
.sec06 .title{
  background: url(../images/s6_bt_bg.png) no-repeat top center / 5.84rem;
}
.sec06-main{
  display: flex; justify-content: flex-start;
}
.sec06-l ul li{
  width: 6.64rem; height: 1.5rem; background: url(../images/s6_lbg.png) no-repeat center / 100%; display: flex; align-items: center; padding-left: .36rem; box-sizing: border-box; margin-bottom: .18rem;
}
.sec06-l ul li h3{
  font-size: .34rem; color: #2434be; font-weight: bold; margin-right: .24rem;
}
.sec06-l ul li p{
  font-size: .28rem; color: #000000; font-weight: 600; text-align: left;
}
.sec06 a{
  margin-top: .6rem;
}

/*侧边悬停*/
.lfNav{position: fixed;width:196px; height:603px; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:14%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:10px; right:10px; height:30px; width:30px; }
.lfNav .close img{width: 100%;}
.mt185{margin-top:118px;}
.nav-bg{width:126px; height:47px; display: block;float:left; clear:both;margin-left:34px;
	background: url(../images/fix-line.png) no-repeat center bottom / 100%;
	text-align: center;
}
.nav-bg a{width:100%; height:47px; display: block; margin:auto;
	font-size: 22px; line-height: .47rem; color: #fff;
}
.nav-bg a:hover{
	color: #fccaa6; font-weight: bold;
}
.nav-bg:last-of-type{
	background: initial;
}
.left_top{width:151px; height:40px;display: block;float:left;margin-left:22px;margin-top: 10px;}
