@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; width: 100%; clear: both;}  */
body{width: 100%;height:100%; background: #fff; font-size: .12rem;min-width: 11rem!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{width: 1200px; margin: 0 auto; text-align: center; box-sizing: border-box;overflow: hidden;}
.hide{display: none !important;}
.section{ padding-top: .7rem;display: inline-block;width: 100%;float: left;}
.title{ margin-bottom: .3rem;}
.title h2{text-align: center; position: relative;}
.title h2 img{height: .75rem}
.title p{font-size: .28rem;color: #353535}
.title h2::after{content: '';display: inline-block;width: 1.9rem;height: .4rem;background: url("../images/titB1.png");background-size: 100%;vertical-align: top;margin-top: .22rem;margin-left: .3rem;}
.title h2::before{content: '';display: inline-block;width: 1.9rem;height: .4rem;background: url("../images/titB1.png");background-size: 100%;vertical-align: top;margin-top: .22rem;margin-right: .3rem;}
.main{display: block;}
/*banner*/
.banner{
	width: 100%; height: 8.8rem; position: relative; background: url(../images/ban_bg.jpg) no-repeat top center; font-size: 0;
}
.ban-logo{
  width: 4.84rem; height: 0.67rem; background: url(../images/ban_logo_bg.png) no-repeat center / 100%; display: flex; align-items: center; margin-bottom: 0.36rem;
}
.ban-logo .logo{
  width: 1.32rem; display: block; margin-left: 0.28rem;
}
.ban-logo .logo img{
  width: 100%;
}
.ban-tea{
  width: 3.01rem;margin-top: 1.62rem;float: right;margin-right: 3.3rem;
}
.ban-bt{
  margin-top: -0.36rem; margin-left: -0.15rem;
}
.ban-list{
  display: inline-block;width: 100%; height: 1.18rem; background: url("../images/banLis.png") no-repeat center top;background-size: auto 100%;
}
.ban-list ul{
  width: 65%;display: inline-block;margin-top: .18rem;
}
.ban-list ul li{
  display: inline-block;float: left;font-size: .24rem;color: #270468;font-weight: 600;border-radius: .1rem;margin: 0 .15rem;position: relative;height: .4rem;line-height: .4rem;width: 3.6rem;text-align: left;margin-bottom: .04rem;
}
.ban-list ul li img{
  width: .27rem;margin-top: .08rem;vertical-align: top;margin-right: .1rem;
}

/*sec1*/
.sec1-item{
  background: #f2f4ff;padding-bottom: .32rem;
}
.sec1-item h3{display: inline-block;width: 100%;height: .88rem;line-height: .88rem;}
.sec1-item h3 img{
  display: inline-block;float: left;
}
.s1t1{
  width: .44rem;margin-top: .36rem;margin-left: .28rem;margin-right: .26rem;
}
.s1t3{
  margin-top: .4rem;width: 7.67rem;margin-left: .36rem;
}
.sec1-item h3 span{
  display: inline-block;float: left;font-size: .3rem;font-weight: bold;color: #0a077d;
}
.sec1-item-box{
  display: flex; justify-content: center; flex-wrap: wrap; position: relative;
}
.s1-titem-l{
  width: 7.1rem;margin-right: .32rem;
}
.s1-titem-l .play-box{
  width: 100%; height: 3.82rem; background: #333333; margin-bottom: .1rem;
}
.s1-titem-r{
  width: 4rem; background: #ffffff;box-sizing: border-box;
}
.s1-list-box{
  position: relative; display: flex; flex-wrap: wrap;
}
.s1-list-box::before{
  content: ''; width: 4rem; height: 4rem; background: url(../images/s1_item01_r_line.png) no-repeat center / 100%; display: block; position: absolute; top: 0; left: 0;
}
.s1-tlist{
  width: 2rem; height: 2rem; position: relative;cursor: pointer;
}
.s1-tlist .front{
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.s1-tlist .front img{
  margin-top: .1rem;
}
.s1-tlist .front h4{
  font-size: .24rem; color: #353535;margin-top: -.12rem;
}
.s1-tlist .back{
  width: 100%; height: 100%; background: #7b78f1; position: absolute; top: 0; left: 0; display: none;
}
.s1-tlist:nth-of-type(1) .back{
  background: url("../images/s1Cur1.png") no-repeat center top;background-size: 100%;
}
.s1-tlist:nth-of-type(2) .back{
  background: url("../images/s1Cur2.png") no-repeat center top;background-size: 100%;
}
.s1-tlist:nth-of-type(3) .back{
  background: url("../images/s1Cur3.png") no-repeat center top;background-size: 100%;
}
.s1-tlist:nth-of-type(4) .back{
  background: url("../images/s1Cur4.png") no-repeat center top;background-size: 100%;
}
.s1-tlist .back p{
  font-size: .19rem;color: #fff;text-align: center;line-height: .29rem;margin-top: .7rem;
}
.s1-tlist:nth-of-type(4) .back p{
  margin-top: .48rem;
}

/*sec2*/
.sec2{
  margin-top: .38rem;
}
.sec2-main {
  margin-top: .5rem;
  display: block;
}
.s2Rb{width: 1100px;position: relative;margin: 0 5%;}
.s2Rb .swiper {
  width: 67%;
}
.s2Rb .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 262px;
  /*height: 532px;*/
  position: relative;
}
.s2Rb .swiper-slide-active{
  filter: blur(0px);
}
.s2Rb .swiper-slide-active span{top: 8.2%!important;left: 11.5%!important;}
.s2Rb .swiper-slide img {
  display: block;
  width: 100%;
}
.s2Rb .swiper-slide p{
  display: none;
}
.s2Rb .swiper-slide-active p {
  width: 100%;
  height: .56rem;
  line-height: .56rem;
  background: #7a77f1;
  border-radius: 1rem;
  font-size: .24rem;
  color: #fff;
  display: block;
  margin-top: .3rem;
  box-shadow: 0 .04rem .18rem #9996ff;
  margin-bottom: .28rem;
}
.s2Rb .swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right {
  background-image: none;
}
.s2Rb .swiper-button-next, .s2Rb .swiper-button-prev{
  display: block;
  width: 73px;
  height: 118px;
  background: url(../images/eight_010.png) center no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  position: absolute;
  left:0;
  top: 45%;
  margin-top: -15px;
  z-index: 1;
  overflow: hidden;
}
.s2Rb .swiper-button-prev {
  background: url(../images/eight_011.png) center no-repeat;
  background-size: 100% 100%;
  left: auto;
  right:0;
}
.s2Rb .swiper-button-next:after, .s2Rb .swiper-button-prev:after{display: none;}
.s2Rb .swiper-button-next:hover, .s2Rb .swiper-button-prev:hover{
  -webkit-box-shadow: 0 0 40px rgb(202 206 219);
  -moz-box-shadow: 0 0 40px rgba(202, 206, 219);
  box-shadow: 0 0 40px rgb(202 206 219);
}

/*sec3*/
.sec3{
  height: 10.76rem;
  background: url(../images/s3Bg.jpg) no-repeat center .7rem;
  background-size: auto 10.75rem;
  padding-top: 0;
  margin-top: .4rem;
}
.sec3-t{
  display: inline-block;
  width: 100%;
  margin-top: .18rem;
}
.s3Lb{
  display: inline-block;
  width: 100%;
  height: 4.73rem;
  background: url(../images/s3img1.jpg) no-repeat center top;
  background-size: auto 100%;
  margin-top: -.03rem;
}
.sec3-b{
  display: inline-block;
  width: 100%;
  position: relative;
}
.sec3 .swiper-container{
  width: 8.36rem; padding-top: .48rem; position: relative;margin-left: 1.64rem;overflow: hidden;
}
.sec3 .swiper-slide{
  width: 8.36rem; position: relative;
}
.sec3 .swiper-button-next{
  width: .73rem; height: 1.18rem;
  background-image: url(../images/s3_jt02.png);
  background-size: 100% 100%;
  right: .2rem;
  margin-top: -.35rem;
}
.sec3 .swiper-button-prev{
  width: .73rem; height: 1.18rem;
  background-image: url(../images/s3_jt01.png);
  background-size: 100% 100%;
  left: .2rem;
  margin-top: -.35rem;
}
.sec3 .swiper-button-prev:after, .sec3  .swiper-button-next:after{
  display: none;
}
.s3JL{
  display: inline-block;
  width: 3.15rem;
  float: left;
  margin-right: .3rem;
  margin-top: -.2rem;
}
.s3JR{
  display: inline-block;
  float: left;
  width: 4.9rem;
  margin-top: .42rem;
}
.s3JR>div{
  display: inline-block;
  float: left;
}
.jzxq1 .sp1{
  font-size: .34rem;
  font-weight: bold;
  color: #fff;
  margin-left: .32rem;
}
.jzxq1 .sp2{
  margin-left: .32rem;
  margin-top: .02rem;
}
.jzxq1>span{
  font-size: .18rem;
  color: #fff;
  display: block;
  text-align: left;
}
.jzxq2{
  width: 100%;
  background: #fff;
  border-radius: .08rem;
  position: relative;
  margin-top: .2rem;
  padding-bottom: .2rem;
  min-height: 1.45rem;
}
.jzxq2::before{
  display: inline-block;
  content: '';
  width: .16rem;
  height: .26rem;
  background: url(../images/s3sj.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  left: -.16rem;
  top: .23rem;
}
.jzxq2 p{
  font-size: .18rem;
  color: #353535;
  text-align: left;
  width: 92%;
  line-height: .28rem;
  margin: 0 4%;
  padding-top: .23rem;
}
.jzxq2 .p1{
  font-weight: bold;
}
.jzxq2 .p2{
  padding-top: 0;
}
.s3Btn{
  display: inline-block;
  width: 100%;
  margin-top: -.3rem;
  margin-bottom: .28rem;
}
.s3Btn a{
  display: inline-block;
  font-size: .32rem;
  font-weight: bold;
  color: #fff;
  width: 3.6rem;
  height: .6rem;
  line-height: .6rem;
  background: #ff4c4e;
  border-radius: 1rem;
  box-shadow: 0 .1rem .18rem #6260e7;
  animation: scale1 1s linear infinite alternate;
  -webkit-animation: scale1 1s linear infinite alternate;
}

/*sec4*/
.sec4 .wrap{
  overflow: inherit;
}
.s4titP{
  margin-top: .13rem;
}
.sec4-main>div{
  display: inline-block;
  width: 100%;
}
.s4T>div{
  display: inline-block;
  float: left;
  width: 2.9rem;
  height: 3.3rem;
  margin-right: .13rem;
  border-radius: .1rem;
}
.s4T>div:last-child{
  margin-right: 0;
}
.s4xqB{
  font-size: .23rem;
  color: #353535;
}
.s4xqB i{
  color: #f9513e;
  display: inline-block;
  width: .22rem;
  margin-right: .07rem;
}
.s4xqB>span{
  display: inline-block;
  text-align: left;
  line-height: .35rem;
}
.s4xq2 .s4xqB>span{
  width: 87%;
}
.s4xq2 .s4xqB i{
  color: #0045c1;
}
.s4xq3 .s4xqB>span{
  width: 82%;
}
.s4xq3 .s4xqB i{
  color: #ff7c45;
}
.s4xq4 .s4xqB>span{
  width: 66%;
}
.s4xq1{
  background: #fff5f4;
}
.s4xq2{
  background: #eff7ff;
}
.s4xq3{
  background: #fff8ef;
}
.s4xq4{
  background: #fff5f4;
}
.s4xqT img{
  width: 3.06rem;
  margin-left: -.08rem;
  margin-top: -.02rem;
  transition: all .5s;
}
.s4xqT img:hover{
  transform: scale(1.1);
}
.sec4-main {
  margin-top: .07rem;
  display: inline-block;
}
.s4Btn{
  display: inline-block;
  width: 100%;
  margin-bottom: .2rem;
  margin-top: .36rem;
}
.s4Btn a{
  display: inline-block;
  width: 3.6rem;
  height: .7rem;
  line-height: .7rem;
  background: #7a77f1;
  border-radius: 1rem;
  box-shadow: 0 .1rem .18rem #d4d3ff;
  font-size: .3rem;
  font-weight: bold;
  color: #fff;
  animation: scale1 1s linear infinite alternate;
  -webkit-animation: scale1 1s linear infinite alternate;
}
/* sec5 */
.sec5{
  height: 7.1rem;
  background: url(../images/s5Bg.jpg) no-repeat center top;
  background-size: auto 100%;
  margin-top: .52rem;
  padding-top: .42rem;
}
.sec5 .title h2::before {
  width: 1.23rem;
  background: url(../images/titB3.png);
  background-size: 100%;
  margin-right: 1.1rem;
}
.sec5 .title h2::after {
  width: 1.23rem;
  background: url(../images/titB3.png);
  background-size: 100%;
  margin-left: 1.1rem;
}
.sec5-main{
  height: 5.36rem; display: flex; flex-wrap: wrap; position: relative;
}
.sec5-main::after{
  content: ''; width: 11.09rem; height: 5.36rem; background: url(../images/s13_mbg.png) no-repeat center / 100%; display: block; margin-left: .5rem; position: absolute; top: .04rem;
}
.sec5-l{
  display: flex; align-items: center; margin-left: .99rem; position: relative; z-index: 2; margin-top: .1rem; margin-right: -0.93rem;
}
.sec5-l ul{
  width: .86rem; text-align: left;
}
.sec5-l ul li{
  font-size: .22rem; color: #333333; font-weight: 600; margin: .32rem 0;
}
.sec5-l ul li:nth-child(1),.sec5-l ul li:nth-child(5){
  text-align: right;
}
.sec5-l ul li:nth-child(2n){
  padding-left: .21rem;
}
.sec5-l h3{
  width: .41rem; font-size: .22rem; color: #fff; border-radius: .2rem; line-height: .24rem; padding: .16rem 0; margin-left: .56rem; box-sizing: border-box;
  background: #ff811b;
  background: -webkit-linear-gradient(bottom, #ffaf25, #ff811b);
  background: -o-linear-gradient(bottom, #ffaf25, #ff811b);
  background: -moz-linear-gradient(bottom, #ffaf25, #ff811b);
  background: linear-gradient(to bottom, #ffaf25, #ff811b);
}
.sec5-m{
  width: 6.63rem; height: 5.3rem; background: url(../images/s13_mbg02.png) no-repeat top center / 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1;margin-top: -.5rem;
}
.sec5-m img{
  margin-top: 1.3rem; animation: s13Heart .8s infinite alternate ease-in-out;
}
@keyframes s13Heart{
  0%{transform: scale(.95);}
  100%{transform: scale(1.01);}
}
.sec5-r{
  position: relative; z-index: 1; display: flex; align-items: center; margin-left: -1.63rem;
}
.sec5-r h3{
  width: .4rem; font-size: .22rem; color: #fff; border-radius: .2rem; border: .01rem solid #6964fe; line-height: .24rem; padding: .16rem 0; margin-left: .65rem; margin-right: .72rem; box-sizing: border-box;
  background: #6964fe;
  background: -webkit-linear-gradient(bottom, #6964fe, #6217ff);
  background: -o-linear-gradient(bottom, #6964fe, #6217ff);
  background: -moz-linear-gradient(bottom, #6964fe, #6217ff);
  background: linear-gradient(to bottom, #6964fe, #6217ff);
}
.sec5-r ul li{
  margin: .3rem 0;
}
.sec5-r ul li:nth-child(2){
  margin-left: .3rem;
}
.sec5-r ul li h4{
  font-size: .18rem; color: #333333; font-weight: 600; text-align: left;
}
.sec5-r ul li h4 span{
  font-size: .48rem;
}
.sec5-r ul li p{
  font-size: .16rem; color: #666666; line-height: .2rem; text-align: left; margin-left: .25rem;
}
.s5titP{
  margin-top: .12rem;
}
/*.sec6*/
.sec6 .title h2::before {
  width: 1.23rem;
  background: url(../images/titB2.png) 0% 0% / 100%;
  margin-right: 1.1rem;
}
.sec6 .title h2::after {
  width: 1.23rem;
  background: url(../images/titB2.png) 0% 0% / 100%;
  margin-left: 1.1rem;
}
.s6titP{
  margin-top: .03rem;
}
.sec6-main>div{
  display: inline-block;
  width: 100%;
}
.s6T>div{
  display: inline-block;
  float: left;
  width: 2.42rem;
  height: 2.37rem;
  background: url("../images/s6nrBg.png") no-repeat center top;
  background-size: 100%;
  font-size: .2rem;
  color: #353535;
  margin-right: .26rem;
  position: relative;
  transition: all .5s;
}
.s6T>div:hover{
  transform: scale(1.1);
}
.s6T>div::after{
  display: inline-block;
  content: '';
  width: .33rem;
  height: .84rem;
  background: url(../images/s6img5.png) no-repeat center top;
  background-size: 100%;
  margin-top: .22rem;
}
.s6T>div:last-child{
  margin-right: 0;
}
.s6Tnr p{
  display: inline-block;
  width: 84%;
  margin: .27rem 5% 0;
  line-height: .29rem;
}
.s6Z{
  display: inline-block;
  width: 100%;
}
.s6Z img{
  width: 10.44rem;
  margin-top: -2rem;
  float: left;
  margin-left: .7rem;
}
.s6Tnr1{
  margin-left: .74rem;
  margin-top: 1.65rem;
}
.s6Tnr2{
  margin-top: 1.14rem;
}
.s6Tnr3{
  margin-top: .45rem;
}
.s6Tnr4{
  margin-top: -.08rem;
}
.s6B {
  margin-top: -.18rem;
}
.s6B>div{
  display: inline-block;
  float: left;
  width: 2.68rem;
  margin-right: .01rem;
}

.s6Bxq1{
  height: 1.45rem;
  background: url(../images/s6img1.png) no-repeat center top;
  background-size: 100%;
  margin-top: .87rem;
  margin-left: .64rem;
}
.s6Bxq2{
  height: 1.75rem;
  background: url("../images/s6img2.png") no-repeat center top;
  background-size: 100%;
  margin-top: .58rem;
}
.s6Bxq3{
  height: 2.05rem;
  background: url("../images/s6img3.png") no-repeat center top;
  background-size: 100%;
  margin-top: .29rem;
}
.s6Bxq4{
  width: 2.6rem;
  height: 2.35rem;
  background: url("../images/s6img4.png") no-repeat center top;
  background-size: 100%;
}
.s6Bxq p{
  font-size: .26rem;
  font-weight: bold;
  color: #fff;
}
.s6Bxq1 p{
  line-height: .83rem;
}
.s6Bxq2 p{
  line-height: 1.14rem;
}
.s6Bxq3 p{
  line-height: 1.43rem;
}
.s6Bxq4 p{
  line-height: 1.43rem;
}
/*sec7*/
.sec7{
  height: 12.06rem;
  background: url(../images/s7Bg.jpg) no-repeat center top;
  background-size: auto 100%;
  padding-top: 1.4rem;
}
.sec7 .title h2::before {
  width: 1.23rem;
  background: url(../images/titB2.png) 0% 0% / 100%;
  margin-right: 1.1rem;
}
.sec7 .title h2::after {
  width: 1.23rem;
  background: url(../images/titB2.png) 0% 0% / 100%;
  margin-left: 1.1rem;
}
.s7titP{
  margin-top: .12rem;
}
.sec7-main>div{
  display: inline-block;
  width: 100%;
}
.s7T>div{
  display: inline-block;
  float: left;
}
.s7L{
  margin-left: 1.62rem;
  margin-right: .37rem;
  margin-top: .88rem;
}
.s7R{
  width: 5.02rem;
  height: 4.69rem;
  background: url(../images/s7img1.png) no-repeat center top;
  background-size: 100%;
  margin-top: .37rem;
}
.s7R img{
  width: 2.96rem;
  margin-left: 2.1rem;
  margin-top: 1.82rem;
}
.s7TP{
  display: inline-block;
  font-size: .3rem;
  font-weight: bold;
  color: #fff;
  width: 3.07rem;
  height: .6rem;
  line-height: .58rem;
  background: #f9553e;
  border-radius: 1rem;
  float: left;
  text-align: left;
  padding-left: .36rem;
  margin-bottom: .56rem;
}
.s7nr {
  display: block;
  clear: both;
  margin-left: .34rem;
}
.s7nr p{
  text-align: left;
}
.s7nr .p1{
  font-size: .24rem;
  font-weight: bold;
  color: #353535;
}
.s7nr .p2{
  font-size: .18rem;
  color: #353535;
  margin-left: .35rem;
  margin-top: .05rem;
  margin-bottom: .22rem;
}
.s7nr>p>img{
  margin-right: .12rem;
}
.s7B .s7R {
  background: url(../images/s7img2.png) no-repeat center top;
  background-size: 100%;
  margin-top: .16rem;
  margin-left: 1rem;
  margin-right: .7rem;
}
.s7B .s7R img {
  width: 3.01rem;
  margin-left: -1.68rem;
  margin-top: 2.02rem;
}
.s7nr .p3{
  font-size: .2rem;
  color: #353535;
  text-align: left;
  line-height: .3rem;
}
.s7B .s7L{
  width: 4.2rem;
  margin-left: 0;
  margin-right: 0;
  margin-top: 1.95rem;
}
.s7B .s7TP{
  margin-bottom: .24rem;
}

/*侧边悬停*/
.lfNav{
	position: fixed;top:50%; margin-top: -2.625rem; left:0;z-index:99;
	width:1.75rem; height:5.12rem; display: block;
	background: url(../images/fixedNavBg.png) no-repeat center;
	
}
.lfNav .close{position:absolute;bottom:-.4rem; left:55%; transform: translateX(-50%); height:.24rem; width:.24rem; }
.lfNav .close img{width: 100%;}
.mt185{margin-top: 148px;}
.nav-bg{
  line-height: 46px;
  display: block;
  text-align: center;
  box-sizing: border-box;
  margin-left: .18rem;
}
.nav-bg a{
  width:100%; height:100%; display: block; margin:auto; font-size: .18rem; color: #000000;
}
.nav-bg a:hover{
	color: #ff4b35; font-weight: 600;
}
.left_top{
  width: 1.2rem;
  height: .34rem;
  display: block;
  float: left;
  margin-left: .35rem;
  margin-top: .1rem;
}