.banner-swiper {
  width: 100%;
  height: 600px;
}

.banner-swiper .banner1 {
  background: url(../../images/product/tiktok/banner.png) no-repeat center/cover;
}

.banner-swiper .banner1 .banner-box {
  margin-top: 100px;
}

.banner-swiper .banner1 .banner-box img {
  height: 30px;
  margin-right: 20px;
}

.banner-swiper .banner1 .banner-box h2 {
  margin-top: 50px;
  font-size: 66px;
  font-weight: 800;
  color: #fff;
  line-height: 100px;
}

.banner-swiper .banner1 .banner-box p {
  width: 633px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  box-sizing: border-box;
  border-radius: 50px;
  background: linear-gradient(to right, #3054FE, #F985FC);
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  margin-top: 40px;
}

.comment-title {
  font-size: 40px;
  font-weight: 600;
  color: #000308;
  line-height: 56px;
  text-align: center;
}

.comment-subtitle {
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  color: #000308;
  margin-top: 8px;
  text-align: center;
}

.sec1 {
  width: 100%;
  height: 165px;
  background: rgba(237, 242, 255, .58);
}

.sec1 .item-box {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sec1 .item-box .item {
  display: flex;
}

.sec1 .item-box .item .img-box {
  margin-right: 7px;
  margin-top: 7px;
}

.sec1 .item-box .item .title {
  font-size: 26px;
  font-weight: 600;
  color: #000308;
}

.sec1 .item-box .item .subtitle {
  font-size: 14px;
  font-weight: 500;
  color: #2C2424;
  margin-top: 5px;
}

.sec2 {
  padding: 92px 0 86px;
}

.sec2-content {
  margin-top: 59px;
}

.sec2-content .title {
  font-size: 24px;
  font-weight: 800;
  line-height: 67px;
  color: #000308;
}

.sec2-content img {
  width: 100%;
  vertical-align: middle;
}

.sec3 {
  background: #EEF4FF;
  padding-top: 100px;
  padding-bottom: 166px;
}

.sec3-content {
  margin-top: 85px;
}

.sec3-content .item-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 314px;
}

.sec3-content .item-box .item {
  width: 370px;
  height: 298px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 10px 10px 30px rgba(155, 152, 152, 0.16);
  text-align: center;
  box-sizing: border-box;
  padding: 46px 18px ;
  cursor: pointer;
  color: #000207;
  transition: all .3s;
}

.sec3-content .item-box .item:hover {
  background: #5091FF;
  color: #fff;
  height: 314px;
  padding-top: 54px;
}

.sec3-content .item-box .item .icon {
  height: 68px;
}

.sec3-content .item-box .item .icon_active {
  height: 68px;
  display: none;
}

.sec3-content .item-box .item:hover .icon {
  display: none;
}

.sec3-content .item-box .item:hover .icon_active {
  display: inline-block;
}

.sec3-content .item-box .item .title {
  font-size: 18px;
  font-weight: 800;
  line-height: 25px;
  margin-top: 40px;
}

.sec3-content .item-box .item .descr {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 19px;
}

.sec4 {
  padding: 80px 0 80px;
}

.sec4-content img {
  margin-top: 121px;
}

.sec5 {
  background-color: #EEF4FF;
  padding: 142px 95px;
}

.sec5-content {
  margin-top: 78px;
}

.sec5-content .item-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sec5-content .item-box .item {
  width: 320px;
  height: 250px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #B2C7EB;
  box-shadow: 5px 5px 20px rgba(140, 135, 135, 0.16);
  margin-bottom: 59px;
  box-sizing: border-box;
  padding: 37px 26px 0;
}

.sec5-content .item-box .item .title-box img{
  width: 67px;
  vertical-align: bottom;
  margin-right: 19px;
}

.sec5-content .item-box .item .title-box .text {
  vertical-align: bottom;
  font-size: 22px;
  font-weight: bold;
  color: #475669;
}

.sec5-content .item-box .item .decr {
  font-size: 18px;
  line-height: 24px;
  color: 475669;
  margin-top: 30px;
}

.sec6 {
  padding-top: 112px;
}

.sec6-content {
  padding: 97px 0 93px;
  border-bottom: solid 1px #707070;
}

.sec6-content img {
  width: 100%;
  vertical-align: middle;
}

.sec7 {
  padding-top: 87px;
  background: #fff;
}

.sec7-content {
  padding: 128px 80px 0;
  box-sizing: border-box;
  position: relative;
}

.sec7-content .swiper-slide {
  height: 443px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 10px;
}

.sec7-content .swiper-slide .slide-content {
  width: 100%;
  height: 411px;
  box-shadow: 6px 6px 20px rgba(169, 165, 165, 0.16);
  background: #fff;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #DDDDDD;
}

.sec7-content .swiper-slide .slide-content .icon {
  width: 100%;
  height: 197px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sec7-content .swiper-slide .slide-content .icon img {
  width: 53px;
  vertical-align: middle;
}

.sec7-content .swiper-slide .slide-content .icon img:first-child {
  display: inline-block;
}

.sec7-content .swiper-slide .slide-content .icon img:last-child {
  display: none;
}

.sec7-content .swiper-slide .slide-content .title {
  font-size: 22px;
  color: #130303;
}

.sec7-content .swiper-slide .slide-content .line {
  width: 46px;
  height: 3px;
  margin: 26px auto 24px;
}

.sec7-content .swiper-slide:nth-child(5n) .slide-content .line {
  background: #5091FF;
}

.sec7-content .swiper-slide:nth-child(5n+1) .slide-content .line {
  background: #6377FE;
}

.sec7-content .swiper-slide:nth-child(5n+2) .slide-content .line {
  background: #2BD898;
}

.sec7-content .swiper-slide:nth-child(5n+3) .slide-content .line {
  background: #37C4FD;
}

.sec7-content .swiper-slide:nth-child(5n+4) .slide-content .line {
  background: #004BE1;
}

.sec7-content .swiper-slide .slide-content .descr p {
  font-size: 18px;
  font-weight: 500;
  line-height: 35px;
  color: #130303;
}

.sec7-content .swiper-slide-active {
  padding: 0;
}

.sec7-content .swiper-slide-active .slide-content {
  width: 100%;
  height: 100%;
  background-color: #5091FF;
}

.sec7-content .swiper-slide-active .slide-content .line {
  background: #fff !important;
}

.sec7-content .swiper-slide-active .slide-content .title {
  color: #fff;
}

.sec7-content .swiper-slide-active .slide-content .descr p {
  color: #fff;
}

.sec7-content .swiper-slide-active .slide-content .icon img:last-child {
  display: inline-block;
}

.sec7-content .swiper-slide-active .slide-content .icon img:first-child {
  display: none;
}

.sec7-content .sec7_swiper_prev {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url(../../images/new_index/sec4_l.png);
  transform: translateY(50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sec7-content .sec7_swiper_next {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  background-image: url(../../images/new_index/sec4_r.png);
  transform: translateY(50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sec8 {
  padding-top: 68px;
}

.sec8-content {
  padding: 77px 0 134px;
  box-sizing: border-box;
  position: relative;
}

.sec8-swiper {
  width: 763px;
  margin: auto;
}

.sec8-swiper .swiper-slide {
  width: 100%;
}

.sec8-swiper .swiper-slide img {
  width: 100%;
  vertical-align: middle;
}

.sec8-content .sec8_swiper_prev {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 40%;
  background-image: url(../../images/new_index/sec4_l.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sec8-content .sec8_swiper_next {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 40%;
  background-image: url(../../images/new_index/sec4_r.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sec8-content .tips {
  margin-top: 22px;
  text-align: center;
  font-size: 26px;
  color: #130303;
}

/* news_list */
.news_list {
	width: 100%;
    padding: 96px 0 80px;
    box-sizing: border-box;
    background-color: #f4f4f4;
}
.news_list .news_box {
	margin-top: 38px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
}
.news_list .news_box .bottom_part_L {
	width: 580px;
  margin-right: 40px;
  overflow: hidden;
}
.news_list .news_box .bottom_part_L >img{
  max-width: 100%;
  width: 100%;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.news_list .news_box .bottom_part_L>img:hover{
  -webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
  transform: scale(1.1);
}
.news_list .news_box .bottom_part_R{
    width: calc(100% - 620px);
}
.news_list .news_box .bottom_part_R li {
	margin-top: 12px;
}
.news_list .news_box .bottom_part_R li:hover .title{
	color: #257dff;
}
.news_list .news_box .bottom_part_R li:first-child {
	margin-top: 0;
}
.news_list .news_box .bottom_part_R li .title {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap	;
}
.news_list .news_box .bottom_part_R li .title span {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #DFDFDF;
	color: #fff;
	border-radius: 2px;
	text-align: center;
	line-height: 25px;
	font-weight: normal;
	margin-right: 10px;
}
.news_list .news_box .bottom_part_R li:nth-child(1) .title span{
	background: #FD6600;
}
.news_list .news_box .bottom_part_R li:nth-child(2) .title span{
	background: #FE9703;
}
.news_list .news_box .bottom_part_R li:nth-child(3) .title span{
	background: #F3B61E;
}
.news_list .news_box .bottom_part_R li .keywords {
	display: none;
}
.news_list .news_box .bottom_part_R li .descr {
	font-size: 13px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 5px;
	margin-left: 35px;
}
/* news_list */