@charset "utf-8";

/* CSS Document */
* {
  padding: 0;
  margin: 0;
  /* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/
}
body {
  padding: 0;
  font-size: 12px;
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "微软雅黑";
  background: #f5f6fa;
  overflow-x: hidden;
  margin: 0 auto !important;
  font-size: 0;
}

div,ul,li,p,form,h1,h2,h3,h4,h5,h6,dt,dd,dl {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: #000;
}

img {
  border: none;
  vertical-align: middle;
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
ul,li {
  list-style: none;
}
table {
  border-collapse: collapse;
}
.wrap {
  width: 3.43rem;
  margin: 0 auto;
  position: relative;
  clear: both;
  text-align: center;
}
.section{
  padding-top: 0.32rem;
}
.section h2{
  font-size: .18rem;
  font-weight: bold;
  text-align: left;
  color: #333333;
  line-height: .25rem;
  /* background: url(../images/bt_bg.png) no-repeat left center / .74rem; */
  margin-bottom: 0.12rem;
	margin-left: 0.16rem;
}

/*banner*/
.banner {
  height: 2.7rem; background: url(../images/ban_bg.jpg) no-repeat top center / 100%;
}

/* sec01 */
.sec01{
  padding-top: 0.16rem;
}
.sec01-main{
  width: 3.43rem; background: #fff; border-radius: .08rem; margin: 0 auto;
}
.sec01-main .video1{
  width: 3.43rem;
}
.sec01-main p{
  font-size: .14rem;
  text-align: left;
  color: #43465c;
  line-height: .24rem;
  padding: .16rem .14rem;
  box-sizing: border-box;
	margin: 0 auto;
}
.plv-player-container{
  border-radius: .08rem !important;
}

/* sec02 */
.swiper{
	overflow: hidden;
}
.sec02 .swiper1{
	margin-left: 0.16rem;
}
.sec02 .swiper1 .swiper-slide{
  width: 2rem; height: 1.6rem; border-radius: .1rem; box-sizing: border-box; position: relative;
}
.swiper-slide01{
  background: url(../images/s2_img01.png) no-repeat center / 100%;
}
.swiper-slide02{
  background: url(../images/s2_img02.png) no-repeat center / 100%;
}
.swiper-slide03{
  background: url(../images/s2_img03.png) no-repeat center / 100%;
}
.swiper-slide04{
  background: url(../images/s2_img04.png) no-repeat center / 100%;
}
.swiper-slide05{
  background: url(../images/s2_img05.png) no-repeat center / 100%;
}
.swiper-m{
  position: absolute; bottom: .12rem; left: 0.1rem;
}
.sec02 .swiper1 .swiper-slide h3{
  height: .21rem;
  font-size: .15rem;
  font-weight: 600;
  text-align: left;
  color: #ffffff;
  line-height: .21rem;
}
.sec02 .swiper1 .swiper-slide h3::after{
  content: ''; width: 0.32rem; height: 0.02rem; background: url(../images/s2_bt_after.png) no-repeat center / 100%; display: block; margin-top: 0.06rem;
}
.sec02 .swiper1 .swiper-slide p{
  opacity: 0.7;
  font-size: .12rem;
  text-align: left;
  color: #ffffff;
  line-height: .17rem;
  margin-top: 0.18rem;
}

/* sec03 */
.sec03{
	position: relative;
}
.sec03 h2{
  border-bottom: .008rem solid #e8e9ed; 
  padding-bottom: 0.12rem; 
  position: relative; margin-bottom: 0;
   /* background: url(../images/bt_bg.png) no-repeat left top .07rem / .74rem; */
}
.sec03 h2::after{
  content: ''; width: 0.37rem; height: 0.02rem; background: #202228; display: block; position: absolute; left: 0; bottom: -.02rem;
}
.sec03-main{
	margin: 0 0.16rem;
}
.sec03 .swiper-button-prev:after,.sec03 .swiper-button-next:after{
  display: none;
}
.sec03 .swiper2 .swiper-slide{
  height: .2rem;
  font-size: .14rem;
  text-align: left;
  color: #3a3d4b;
  line-height: .2rem;
  margin: .12rem 0;
}
.sec03 .swiper2 .swiper-slide-active{
  font-weight: bold; font-size: .16rem;
}
.sec03 .swiper-button-next{
  width: 0.2rem; height: 0.2rem; position: absolute; top: .55rem; right: .145rem; left: auto;
}
.sec03 .swiper-button-prev{
  width: 0.2rem; height: 0.2rem; position: absolute; top: .55rem; right: .445rem; left: auto;
}
.sec03 .swiper3 .swiper-slide{
  position: relative; background: #ffffff; padding: .18rem .12rem .18rem .16rem; box-sizing: border-box;
  border-radius: .08rem;
}
/* .sec03 .swiper3 .swiper-slide::before{
  content: ''; width: 0.02rem; height: 2rem; background: url(../images/s3_line.png) no-repeat center / 100% 100%; display: block; position: absolute; left: .14rem; top: .3rem;
} */
.sec03 .swiper3 .swiper-slide img{
  width:1.28rem; display: block; margin: .08rem 0 0 .16rem; border-radius: .08rem;
}
.info-box{
  border-left: .01rem dashed #F8323C;
}
.sec03 .swiper3 .swiper-slide .info{
  margin-bottom: 0.24rem; margin-left: -.08rem;
}
.sec03 .swiper3 .swiper-slide .info:last-child{
  margin-bottom: 0;
}
.sec03 .swiper3 .swiper-slide .info p{
  font-size: .14rem;
  text-align: left;
  color: #3a3d4b;
  line-height: .2rem;
  display: flex; align-items: flex-start; justify-content: flex-start;
}
.sec03 .swiper3 .swiper-slide .info p i{
  width: 0.14rem; height: 0.14rem; background: url(../images/s3_yuan.png) no-repeat center / 100%; display: inline-block; margin-right: 0.06rem; margin-top: -0.04rem;
}
.sec03 .swiper3 .swiper-slide .info p span{
  margin-top: -0.06rem; flex: 1; display: block; line-height: 0.2rem;
}

/* sec04 */
.sec04{
  padding-bottom: 0.4rem; background: url(../images/s4_bg.png) no-repeat top center / 100%;
}
.sec04 h2{
  margin-bottom: 0.2rem;
}
.sec04 .title-p{
  height: .21rem;
  font-size: .15rem;
  text-align: left;
  color: #3a3d4b;
  line-height: .21rem;
  margin-left: 0.2rem;
  margin-bottom: 0.06rem;
}
.sec04 .title-p span{
  color: #f8323c;
  font-weight: bold;
}
.sec04-main{
  min-height: 3.98rem; box-sizing: border-box; background: #ffffff; border-radius: .16rem; padding: .15rem 0; margin-top: 0.48rem;
}
.sec04-main ul{
  display: flex; justify-content: flex-start; flex-wrap: wrap; margin-left: 0.15rem;
}
.sec04-main ul li{
  width: 0.76rem; height: 0.36rem; line-height: 0.36rem; margin:.05rem;
}
.sec04-main ul li a{
  width: 100%; height: 100%; display: block; background: linear-gradient(144deg,#f5f6ff, #f5f6ff 88%);
  border: .005rem solid #dee1f7; box-sizing: border-box;
  font-size: .14rem; color: #3a3d4b;
  text-align: center; border-radius: .04rem;
}
.sec04-main ul li a:focus{
  color: #F8323C; border-radius: .04rem;
  background: #FFEFEF;
  border: .005rem solid #ff2e30;
}
.sec04-main ul li a:hover{
  color: #F8323C; border-radius: .04rem;
  background: #FFEFEF;
  border: .005rem solid #ff2e30;
}
/* .sec04-main ul li a:visited{
  color: #F8323C; border-radius: .04rem;
  background: #FFEFEF;
  border: .005rem solid #ff2e30;
} */
.sec04-main ul li a:active{
  color: #F8323C; border-radius: .04rem;
  background: #FFEFEF;
  border: .005rem solid #ff2e30;
}

::-webkit-scrollbar {
  display: none;
}