#banner_swiper {
  height: 98.6667vw;
  /* height: 740px; */
}
#banner_swiper .swiper-slide img {
  height: 98.6667vw;
  /* height: 740px; */
  object-fit: cover;
}
#banner_swiper .swiper-slide .con  {}
#banner_swiper .swiper-slide .con .slogan {
  position: absolute;
  left: 13vw;
  top: 10%;
  width: 73.3333vw;
  /* width: 550px; */
  height: var(--size_200);
}
#banner_swiper .swiper-slide .con .btn-wrap {
  position: absolute;
  text-align: center;
  bottom: var(--size_70);
  width: 100%;
}
#banner_swiper .swiper-slide.swiper-slide-active .con .slogan {
  animation: slideInDown 1s 1;
}
#banner_swiper .swiper-slide.swiper-slide-active .con .btn-wrap {
  /* animation: bounceInUp 1s 1; */
}
#banner_swiper .no-button button {
    display: none;
}

.part {
  margin-top: var(--size_120);
}

/* part1 */
.part1 {

}
.part1 .icon {
  width: 100%;
  height: 28vw;
  /* height: 150px; */
  margin: 8vw 0 0;
  /* margin: 60px 0; */
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding-top: 2.6667vw;
  /* padding-top: 20px; */
}
.part1 .icon li {
  display: inline-block;
  position: relative;
  width: 14.6667vw;
  height: 14.6667vw;
  /* width: 110px;
  height: 110px; */
  margin: 0 2.6667vw;
  /* margin: 0 20px; */
  /* transition: all .3s; */
  background-size: contain;
}
.part1 .icon li.active {
  box-shadow: 0 2px 5px rgba(0,0,0,.1);
  transform: scale(1.1);
  border-radius: 5px;
}
.part1 .icon li.active::before {
  display: block;
}
.part1 .icon li::before {
  content: '';
  display: none;
  position: absolute;
  bottom: -50px;
  left: calc(50% - 20px);
  width: 0px;
  height: 0px;
  border-right:20px solid transparent;
	border-left:20px solid transparent;
	border-bottom:20px solid var(--bgColorBlue);
}
.part1 .icon li.active::before {
  /* bottom: -40px; */
  transform: scale(1.2);
}
.part1 .icon li:nth-child(1) {background-image: url(../images/part1_icon1.png);}
.part1 .icon li:nth-child(2) {background-image: url(../images/part1_icon2.png);}
.part1 .icon li:nth-child(3) {background-image: url(../images/part1_icon3.png);}
.part1 .icon li:nth-child(4) {background-image: url(../images/part1_icon4.png);}
.part1 .icon li:nth-child(5) {background-image: url(../images/part1_icon5.png);}
.part1 .icon li:nth-child(6) {background-image: url(../images/part1_icon6.png);}
.part1 .icon li:nth-child(7) {background-image: url(../images/part1_icon7.png);}
.part1 .icon li:nth-child(8) {background-image: url(../images/part1_icon8.png);}
.part1 .icon li:nth-child(9) {background-image: url(../images/part1_icon9.png);}

.part1 .pic-wrap {
  padding: var(--size_60) var(--size_30) var(--size_70);
  background-color: var(--bgColorBlue);
  /* overflow: hidden; */
}
.part1 .con-pic {
  position: relative;
}
.part1 .con-pic > div {
  display: none;
  width: 100%;
}
.part1 .con-pic > div.active {
  display: block;
}
.part1 .con-pic > div .p-main {
  width: 90%;
  margin: 0 auto;
  padding: var(--size_40);
  border-radius: var(--size_10);
  background-color: #fff;
  font-size: var(--smFontTitle);
}
.part1 .con-pic > div .p-main .big-title {
  font-size: var(--size_30);
}
.part1 .con-pic > div .p-main .p-left {
  justify-content: flex-start;
  margin-bottom: var(--size_30);
  padding-bottom: var(--size_40);
  border-bottom: 1px dashed #eee;
}
.part1 .con-pic > div .p-main .p-left img {
  width: var(--size_100);
  height: var(--size_100);
  object-fit: contain;
  margin-right: var(--size_20);
  border-radius: var(--size_10);
  box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
}
.part1 .con-pic > div .p-main .p-left ul {
  margin-top: var(--size_40);
}
.part1 .con-pic > div .p-main .p-left ul li {
  width: 48.5%;
  text-align: center;
  padding: var(--size_20);
  margin: var(--size_10) 0;
  background: #ffffff;
}
.part1 .con-pic > div .p-main .p-left ul li:last-child {
  border-right: none;
}
.part1 .con-pic > div .p-main .p-left ul li img {
  width: var(--size_60);
  height: var(--size_60);
  object-fit: contain;
}
.part1 .con-pic > div .p-main .p-left ul li p.big-title {
  margin: var(--size_20) 0;
  font-size: var(--size_30);
}
.part1 .con-pic > div .p-main .p-left ul li p:last-child {
  font-size: var(--smFontTitle);
}
.part1 .con-pic > div .p-main .pic img {
  width: 100%;
  height: auto;
}
.part1 .con-pic > div .p-main .list {
  margin-bottom: var(--size_30);
}
.part1 .con-pic > div .p-main .list li .l-t {
  font-size: var(--fontTitle);
}
.part1 .con-pic > div .p-main .list li .l-t span {
  font-size: var(--secondTitle);
}

/* part2 */
.part2 {}
.part2 .con-main {}
.part2 .con-main ul {
  margin-top: var(--size_10);
}
.part2 .con-main .one p {
  color: #fff;
}
.part2 .con-main ul li {
  position: relative;
  display: flex;
  height: var(--size_190);
  margin-bottom: var(--size_30);
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #eee;
}
.part2 .con-main ul li:last-child {
  margin-bottom: 0;
}
.part2 .con-main ul li > div {
  width: 50%;
}
.part2 .con-main ul li .l {
  
}
.part2 .con-main ul li .l > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.part2 .con-main ul li .l .text {
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
  padding: 0 var(--size_20);
  
}
.part2 .con-main ul li .l .text p {
  color: #fff;
}
.part2 .con-main ul li .l .text img {
  width: var(--size_40);
  height: auto;
}
.part2 .con-main ul li .l .text p:first-child{
  font-size: var(--fontTitle);
}
.part2 .con-main ul li .l .text p:last-child{
  /* font-size: var(--superSm); */
  font-size: 2.1333vw;
  /* font-size: 16px; */
}
.part2 .con-main ul li .r {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 var(--size_30);
}
.part2 .con-main ul li .r .pic {
  display: flex;
  align-items: center;
  margin-bottom: var(--size_10);
}
.part2 .con-main ul li .r img {
  width: var(--size_30);
  height: auto;
}
.part2 .con-main ul li .r .pic p {
  font-size: var(--fontTitle);
}
.part2 .con-main ul li .r .text p {
  font-size: var(--superSm);
}


/* part3 */
.part3 {
  padding: var(--size_80) 0;
  text-align: center;
}

.part3 .con-main {}
.part3 .con-main ul {
  display: flex;
  margin-top: var(--size_50);
}
.part3 .con-main ul li {
  width: 49%;
  margin-bottom: var(--size_40);
}
.part3 .con-main ul li .pic {}
.part3 .con-main ul li .pic i {
  display: inline-block;
  width: var(--size_200);
  height: var(--size_200);
}
.part3 .con-main ul li:nth-child(1) .pic i {background-image: url(../images/part3/1.png);}
.part3 .con-main ul li:nth-child(2) .pic i {background-image: url(../images/part3/2.png);}
.part3 .con-main ul li:nth-child(3) .pic i {background-image: url(../images/part3/3.png);}
.part3 .con-main ul li:nth-child(4) .pic i {background-image: url(../images/part3/4.png);}
.part3 .con-main ul li .text {}
.part3 .con-main ul li .text p {}
.part3 .con-main ul li .text p:first-child{
  margin: var(--size_20) 0 0;
  font-size: var(--fontTitle);
}
.part3 .con-main ul li .text p:last-child{}


/* part4 */
.part4 {
  padding: var(--size_120) 0 var(--size_70);
  color: #fff;
}
.part4 .com-title p:first-child,
.part5 .com-title p:first-child,
.part-contact .com-title p:first-child {
  /* line-height: 1.3; */
}
.part4 .com-title p:first-child::before,
.part5 .com-title p:first-child::before,
.part-contact .com-title p:first-child::before {
  top: var(--size_120);
  /* top: 120px; */
}
.part4 .con-main {
  margin-top: var(--size_60);
}
.part4 .con-main .left {
  position: relative;
}
.part4 .con-main .left .left-wrap {
  text-align: center;
  transform: scale(0);
}
.part4 .con-main .left .left-wrap.active {
  transform: scale(1);
}
.part4 .con-main .left .left-wrap.active .pic1 {
  display: inline-block;
  width: var(--size_300);
  height: var(--size_360);
  background-repeat: no-repeat;
  background-size: 100%;
}
.part4 .con-main .left .left-wrap .pic2 {
  transform: scale(0);
  transition: all 1s;
}
.part4 .con-main .left .left-wrap.active .pic2 {
  position: absolute;
  left: calc(50% - 28vw);
  top: var(--size_80);
  width: 56vw;
  /* width: 420px; */
  height: var(--size_260);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transform: none;
}
.part4 .con-main .left .left-wrap.active:nth-child(1) .pic1 {background-image: url(../images/q1.png);}
.part4 .con-main .left .left-wrap.active:nth-child(1) .pic2 {background-image: url(../images/q2.png);}
.part4 .con-main .left .left-wrap.active:nth-child(2) .pic1 {background-image: url(../images/q1.png);}
.part4 .con-main .left .left-wrap.active:nth-child(2) .pic2 {background-image: url(../images/q2.png);}
.part4 .con-main .left .left-wrap.active:nth-child(3) .pic1 {background-image: url(../images/q1.png);}
.part4 .con-main .left .left-wrap.active:nth-child(3) .pic2 {background-image: url(../images/q2.png);}

.part4 .con-main .right {}
.part4 .con-main .right ul {
  align-items: inherit;
  margin-top: var(--size_40); 
}
.part4 .con-main .right ul li {
  position: relative;
  padding: var(--size_20) var(--size_10);
  margin: 0 var(--size_10);
  background-color: #272a39;
  border-radius: 5px;
  transition: all .3s;
  border: 1px solid #444;
}
.part4 .con-main .right ul li.active {
  background-color: var(--mainColor);
}
.part4 .con-main .right ul li p {color: #fff;}
.part4 .con-main .right ul li p:nth-child(1) {
  font-size: var(--fontTitle);
}
.part4 .con-main .right ul li p:nth-child(2) {
  margin-top: var(--size_20);
}
.part4 .con-main .right ul li p:nth-child(3) {
  margin-top: 20px;
  font-size: 12px;
  color: #fff;
}
.part4 .con-main .right ul li:hover p:nth-child(3) {
  color: #fff;
}


.part5 {}
.part5 .con-main {
  margin-top: var(--size_40);
}
.part5 .con-main > div {}
.part5 .con-main .video {
  height: 58.6667vw;
  /* height: 440px; */
  background-color: #000;
}
.part5 .con-main .video video {
  object-fit: cover;
}
.part5 .con-main > ul {
  margin-top: var(--size_40);
}
.part5 .con-main > ul li {
  position: relative;
  width: 48%;
  margin-bottom: var(--size_30);
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  overflow: hidden;
}
.part5 .con-main > ul li:nth-last-child(-n + 2) {
  margin-bottom: 0;
}
.part5 .con-main > ul li .img {
  width: 100%;
  height: 30.6667vw;
  /* height: 230px; */
  overflow: hidden;
  transition: all .3s;
}
.part5 .con-main > ul li .img i {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.part5 .con-main > ul li:nth-child(1) .img i {background-image: url(../images/1.png);}
.part5 .con-main > ul li:nth-child(2) .img i {background-image: url(../images/2.png);}
.part5 .con-main > ul li:nth-child(3) .img i {background-image: url(../images/3.png);}
.part5 .con-main > ul li:nth-child(4) .img i {background-image: url(../images/4.png);}
.part5 .con-main > ul li:hover .img i {
  transform: scale(1.2);
}
.part5 .con-main > ul li .text {
  width: 100%;
  padding: var(--size_30) 0;
  text-align: center;
  background-color: #ffffff;
}

.part6 {
  padding: var(--size_120) 0 var(--size_40);
  background-image: url(../images/bg.png);
}
.part6 .con-main {
  /* margin-top: var(--size_40); */
  font-size: var(--size_30);
}
.part6 .swiper-container {
  width: 100%;
  /* height: 300px; */
  text-align: center;
}
.part6 .swiper-container .swiper-slide {
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  transition: all .3s;
  background-color: #fff;
}
.part6 .swiper-container .swiper-slide.swiper-slide-active {
  transform: scale(.8);
}
.part6 .swiper-container .swiper-slide.swiper-slide-next {
  /* transform: scale(.7) translateX(-14.6667vw); */
  transform: scale(.7) translateX(-110px);
}
.part6 .swiper-container .swiper-slide.swiper-slide-prev {
  transform: scale(.7) translateX(110px);
}
.part6 .swiper-container .swiper-slide video {
  /* height: var(--size_350); */
  width: 100%;
  object-fit: cover;
  /* margin-bottom: -1.3333vw; */
}
.part6 .swiper-container .swiper-slide .con {
  padding: var(--size_40) var(--size_40) var(--size_60);
  background-color: #fff;
}
.part6 .swiper-container .swiper-slide .con .one {
  margin-bottom: var(--size_10);
  font-size: 5.0667vw;
  /* font-size: 38px; */
}
.part6 .swiper-container .swiper-slide .con .two {
}
.part6 .swiper-container .swiper-slide .con .num {
  justify-content: space-around;
  margin: var(--size_50) 0;
  color: var(--mainColor);
}
.part6 .swiper-container .swiper-slide .con .num .top span {
  font-size: var(--size_70);
}
.part6 .swiper-container .swiper-slide .con .num .bottom {
  color: #333;
}

.part6 .swiper-container .swiper-slide .con .num .top i {
  display: inline-block;
  width: var(--size_30);
  height: var(--size_50);
}
.part6 .swiper-container .swiper-slide.swiper-slide-active .con .num .top i.up {
  animation: fadeOutUp 2s 1;
  background-image: url(../images/icon_up.png);
}
.part6 .swiper-container .swiper-slide.swiper-slide-active .con .num .top i.down {
  animation: fadeOutDown 2s 1;
  background-image: url(../images/icon_down.png);
}


.part7 {
  margin-top: 0;
  padding: var(--size_80) 0 0;
  text-align: center;
}

.part7 .con-main {
  margin-top: var(--size_50);
}
.part7 .con-main ul,
.part8 .con-main #part7_nav {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.part7 .con-main ul li {
  flex: 1;
  padding: var(--size_20);
  /* font-size: var(--fontTitle); */
}
.part7 .con-main ul li.active {
  color: var(--mainColor);
}
.part7 .con-main #part7_con {
  position: relative;
  height: 53.3333vw;
  /* height: 400px; */
}
.part7 .con-main #part7_con > div {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.part7 .con-main #part7_con > div.active {
  z-index: 9;
  opacity: 1;
}
.part7 .con-main #part7_con > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.part7 .con-main #part7_con > div .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: var(--size_20);
  background: rgba(255, 255, 255, .6);
  text-align: left;
}
.part7 .con-main #part7_con > div.active .text {
  animation: fadeInLeft 1s 1;
} 

.part8 .con-main ul li .img i {
  display: inline-block;
  width: 100%;
  height: 100%;
  transition: all .3s;
}

.part8 {
  text-align: center;
}
.part8 .con-main {}
.part8 .con-main ul {}
.part8 .con-main ul li {
  width: 50%;
  margin-bottom: var(--size_40);
  text-align: center;
}
.part8 .con-main ul li img {
  height: var(--size_180);
  width: auto;
  object-fit: contain;
  margin: 0 auto;
}

.part8 .con-main ul li .text p:first-child {
  font-size: 4.2667vw;
  /* font-size: 32px; */
  margin: var(--size_20) 0 var(--size_10);
}

.part-contact {
  padding: var(--size_120) 0 var(--size_80);
  text-align: center;
}

.lp2_form1 .lp2_un {margin-bottom:40px;}

.part-contact .con-main {
  margin-top: var(--size_40);
}
.part-contact .btn-wrap {
  margin-top: var(--size_40);
}
.part-contact .area {
  display: flex;

}
.part-contact .area > div {
  width: 49%;
  border:1px solid rgba(0,0,0,.2);
  border-radius: 5px;
}
.part-contact .area > div select {
  height: 40px;
}

/* 
  平台优势页面
*/
#advantage {}
#advantage > div{
  margin-top: var(--size_120);
}
#advantage .advan1 {}
#advantage .advan1 .con-pic {
  position: relative;
  height: 52vw;
  /* height: 390px; */
  overflow: hidden;
}
#advantage .advan1 .con-pic > div {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 1s;
  transform: calc(0);
  opacity: 0;
}
#advantage .advan1 .con-pic > div.active {
  z-index: 9;
  transform: none;
  opacity: 1;
}
#advantage .advan1 .con-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#advantage .advan1 .con-pic .icon-wrap {
  flex-wrap: wrap;
  position: absolute;
  left: var(--size_50);
  top: 50%;
  padding: var(--size_20) var(--size_20) 0;
  width: var(--size_200);
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  transform: translateY(-50%);
}
#advantage .advan1 .con-pic > div.active .icon-wrap {
  animation: zoomInLeft 1.5s 1;
}
#advantage .advan1 .con-pic .icon-wrap .icon {
  margin-bottom: var(--size_20);
}
#advantage .advan1 .con-pic .icon-wrap .icon:nth-last-child(-n + 2) {
  /* margin-bottom: 0; */
}
#advantage .advan1 .con-pic .icon-wrap i {
  display: block;
  width: var(--size_50);
  height: var(--size_50);
  margin: 0 var(--size_10);
}
#advantage .advan1 .con-pic .icon-wrap span {
  font-size: var(--superSm);
}
#advantage .advan1 .con-pic .pic1 .icon-wrap .icon:nth-child(1) i {background-image: url(../img/advantage/part1/online/1/icon_1.png);}
#advantage .advan1 .con-pic .pic1 .icon-wrap .icon:nth-child(2) i {background-image: url(../img/advantage/part1/online/1/icon_2.png);}
#advantage .advan1 .con-pic .pic1 .icon-wrap .icon:nth-child(3) i {background-image: url(../img/advantage/part1/online/1/icon_3.png);}
#advantage .advan1 .con-pic .pic1 .icon-wrap .icon:nth-child(4) i {background-image: url(../img/advantage/part1/online/1/icon_4.png);}

#advantage .advan1 .con-pic .pic2 .icon-wrap .icon:nth-child(1) i {background-image: url(../img/advantage/part1/online/2/icon_1.png);}
#advantage .advan1 .con-pic .pic2 .icon-wrap .icon:nth-child(2) i {background-image: url(../img/advantage/part1/online/2/icon_2.png);}
#advantage .advan1 .con-pic .pic2 .icon-wrap .icon:nth-child(3) i {background-image: url(../img/advantage/part1/online/2/icon_3.png);}
#advantage .advan1 .con-pic .pic2 .icon-wrap .icon:nth-child(4) i {background-image: url(../img/advantage/part1/online/2/icon_4.png);}

#advantage .advan1 .con-pic .pic3 .icon-wrap .icon:nth-child(1) i {background-image: url(../img/advantage/part1/online/3/icon_1.png);}
#advantage .advan1 .con-pic .pic3 .icon-wrap .icon:nth-child(2) i {background-image: url(../img/advantage/part1/online/3/icon_2.png);}
#advantage .advan1 .con-pic .pic3 .icon-wrap .icon:nth-child(3) i {background-image: url(../img/advantage/part1/online/3/icon_3.png);}
#advantage .advan1 .con-pic .pic3 .icon-wrap .icon:nth-child(4) i {background-image: url(../img/advantage/part1/online/3/icon_4.png);}

#advantage .advan1 .con-pic .pic4 .icon-wrap .icon:nth-child(1) i {background-image: url(../img/advantage/part1/online/4/icon_1.png);}
#advantage .advan1 .con-pic .pic4 .icon-wrap .icon:nth-child(2) i {background-image: url(../img/advantage/part1/online/4/icon_2.png);}
#advantage .advan1 .con-pic .pic4 .icon-wrap .icon:nth-child(3) i {background-image: url(../img/advantage/part1/online/4/icon_3.png);}
#advantage .advan1 .con-pic .pic4 .icon-wrap .icon:nth-child(4) i {background-image: url(../img/advantage/part1/online/4/icon_4.png);}

#advantage .advan1 .con-pic .pic5 .icon-wrap .icon:nth-child(1) i {background-image: url(../img/advantage/part1/online/5/icon_1.png);}
#advantage .advan1 .con-pic .pic5 .icon-wrap .icon:nth-child(2) i {background-image: url(../img/advantage/part1/online/5/icon_2.png);}
#advantage .advan1 .con-pic .pic5 .icon-wrap .icon:nth-child(3) i {background-image: url(../img/advantage/part1/online/5/icon_3.png);}
#advantage .advan1 .con-pic .pic5 .icon-wrap .icon:nth-child(4) i {background-image: url(../img/advantage/part1/online/5/icon_4.png);}

#advantage .advan1 .con-pic .pic6 .icon-wrap .icon:nth-child(1) i {background-image: url(../img/advantage/part1/online/6/icon_1.png);}
#advantage .advan1 .con-pic .pic6 .icon-wrap .icon:nth-child(2) i {background-image: url(../img/advantage/part1/online/6/icon_2.png);}
#advantage .advan1 .con-pic .pic6 .icon-wrap .icon:nth-child(3) i {background-image: url(../img/advantage/part1/online/6/icon_3.png);}
#advantage .advan1 .con-pic .pic6 .icon-wrap .icon:nth-child(4) i {background-image: url(../img/advantage/part1/online/6/icon_4.png);}



#advantage .advan1 #advan1_nav1 {}
#advantage .advan1 #advan1_nav1 li {
  width: 32%;
  margin: var(--size_10) 0;
  text-align: center;
  background-color: #EEEEEE;
  padding: var(--size_10) 0;
} 
#advantage .advan1 #advan1_nav1 li.active {
  background-color: var(--mainColor);
  color: #fff;
}
#advantage .advan1 #advan1_nav1 li:nth-last-child(-n+3) {
    margin-bottom: 0;
}

#advan1_nav2 {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  /* flex-wrap: wrap; */
}
#advan1_nav2 li {
  display: inline-block;
  width: 20%;
  margin-bottom: var(--size_30);
  cursor: pointer;
}
#advan1_nav2 li:nth-last-child(-n+4) {
  margin-bottom: 0;
}
#advan1_nav2 li i {
  display: inline-block;
  width: var(--size_50);
  height: var(--size_50);
  /* margin-bottom: var(--size_10); */
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
#advan1_nav2 li.active i {
  filter: grayscale(1);
}
#advan1_nav2 li:nth-child(1) i {background-image: url(../img/advantage/part1/offline/icon_1.png);}
#advan1_nav2 li:nth-child(2) i {background-image: url(../img/advantage/part1/offline/icon_2.png);}
#advan1_nav2 li:nth-child(3) i {background-image: url(../img/advantage/part1/offline/icon_3.png);}
#advan1_nav2 li:nth-child(4) i {background-image: url(../img/advantage/part1/offline/icon_4.png);}
#advan1_nav2 li:nth-child(5) i {background-image: url(../img/advantage/part1/offline/icon_5.png);}
#advan1_nav2 li:nth-child(6) i {background-image: url(../img/advantage/part1/offline/icon_6.png);}
#advan1_nav2 li:nth-child(7) i {background-image: url(../img/advantage/part1/offline/icon_7.png);}
#advan1_nav2 li:nth-child(8) i {background-image: url(../img/advantage/part1/offline/icon_8.png);}
#advan1_nav2 li p {}
#advan1_nav2 li.active p {
  color: #969696;
}

#advantage .advan2 {}
#advan2_pic {
  position: relative;
  height: 30.6667vw;
  /* height: 230px; */
  overflow: hidden;
}
#advan2_pic > div {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 1s;
  transform: calc(0);
  opacity: 0;
}
#advan2_pic > div.active {
  transform: none;
  opacity: 1;
}
#advan2_pic > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#advan2_nav {
  flex-wrap: wrap;
}
#advan2_nav li {
  width: 25%;
  margin: var(--size_20) 0;
}
#advan2_nav li:nth-last-child(-n+4) {
    margin-bottom: 0;
}
#advan2_nav li:hover i {
  animation: bounceIn 1s 1;
}
#advan2_nav li i { 
  display: inline-block;
  width: var(--size_80);
  height: var(--size_80);
  background-image: url(../images/part1_icon1.png);

}
#advan2_nav li:nth-child(1) i {background-image: url(../img/advantage/part2/icon_1.png);}
#advan2_nav li:nth-child(2) i {background-image: url(../img/advantage/part2/icon_2.png);}
#advan2_nav li:nth-child(3) i {background-image: url(../img/advantage/part2/icon_3.png);}
#advan2_nav li:nth-child(4) i {background-image: url(../img/advantage/part2/icon_4.png);}
#advan2_nav li:nth-child(5) i {background-image: url(../img/advantage/part2/icon_5.png);}
#advan2_nav li:nth-child(6) i {background-image: url(../img/advantage/part2/icon_6.png);}
#advan2_nav li:nth-child(7) i {background-image: url(../img/advantage/part2/icon_7.png);}
#advan2_nav li:nth-child(8) i {background-image: url(../img/advantage/part2/icon_8.png);}
#advan2_nav li p { }

#advantage .advan3 {
  background-image: url(../img/advantage/part3/bg.png);
  padding: var(--size_80) 0;
  color: #fff;
}
#advantage .advan3 p {
  color: #fff;
}
#advantage .advan3 .con-main {}
#advantage .advan3 .con-main ul {
  justify-content: space-around;
  align-items: inherit;
}
#advantage .advan3 .con-main ul li {
  width: 45%;
  padding: var(--size_60) var(--size_30);
  margin-bottom: var(--size_30);
  color: #fff;
  background-color: #151921;
}
#advantage .advan3 .con-main ul li:hover {
  color: #8FB9FF;
}
#advantage .advan3 .con-main ul li:last-child {
  margin-right: 0;
}
#advantage .advan3 .con-main ul li > div{
  height: var(--size_100);
  height: var(--size_100);
}
#advantage .advan3 .con-main ul li:nth-child(1) > div {background-image: url(../img/advantage/part3/icon_1_off.png);}
#advantage .advan3 .con-main ul li:nth-child(2) > div {background-image: url(../img/advantage/part3/icon_2_off.png);}
#advantage .advan3 .con-main ul li:nth-child(3) > div {background-image: url(../img/advantage/part3/icon_3_off.png);}
#advantage .advan3 .con-main ul li:nth-child(4) > div {background-image: url(../img/advantage/part3/icon_4_off.png);}

#advantage .advan3 .con-main ul li:nth-child(1):hover > div {background-image: url(../img/advantage/part3/icon_1.png);}
#advantage .advan3 .con-main ul li:nth-child(2):hover > div {background-image: url(../img/advantage/part3/icon_2.png);}
#advantage .advan3 .con-main ul li:nth-child(3):hover > div {background-image: url(../img/advantage/part3/icon_3.png);}
#advantage .advan3 .con-main ul li:nth-child(4):hover > div {background-image: url(../img/advantage/part3/icon_4.png);}
#advantage .advan3 .con-main ul li p {}
#advantage .advan3 .con-main ul li p.t{
  font-size: var(--fontTitle);
  margin: var(--size_50) 0 var(--size_30);
}
#advantage .advan3 .con-main ul li p:last-child{}

#advantage .advan4 {}
#advantage .advan4 .con-main {}
#advantage .advan4 .con-main .left {
  width: 100%;
  height: 40vw;
  /* height: 300px; */
  background-image: url(../img/advantage/part4/bg_left.png);
}
#advantage .advan4 .con-main .right {}
#advantage .advan4 .con-main .right ul {
  padding: var(--size_50) var(--size_30) var(--size_80);
}
#advantage .advan4 .con-main .right ul li {
  display: flex;
  align-items: flex-start;
  padding: var(--size_40) 0 0;
}
#advantage .advan4 .con-main .right ul li:hover img {
  animation: bounce 1s 1;
}
#advantage .advan4 .con-main .right ul li:first-child {
  padding-top: 0;
}
#advantage .advan4 .con-main .right ul li img {
  width: 4.6667vw;
  height: 4.6667vw;
  object-fit: contain;
  /* height: 35px; */
  margin-right: var(--size_10);
}
#advantage .advan4 .con-main .right ul li p {}
#advantage .advan4 .con-main .right ul li p:first-child{
  font-size: var(--fontTitle);
}
#advantage .advan4 .con-main .right ul li p:last-child{
  margin-top: var(--size_10);
  /* line-height: 2; */
}

/* 表单提交模态框 */
.modal .modal-title {
  font-family: 'FZLTZHJW';
  width: 100%;
  text-align: center;
}
.modal .form {
  padding: 20px;
}
.modal .form > div {
  padding: 15px 0;
  border-bottom: 1px dashed #eee;
}
.modal .form > div select {
  width: 170px;
}
.modal .form .tip {
  line-height: 2;
  color: #999999;
}
.modal .modal-footer button {
  height: 36px;
  line-height: 36px;
  width: 60%;
  border-radius: 18px;
  color: #fff;
  text-align: center;
  background: linear-gradient(to right bottom, #5fb2ff, #0650fe);
}


/* 
新闻中心页面
*/
#example .banner-img,
#news .banner-img {}

#example .part1 {margin-bottom:50px;}
#example .part1 .nav {}
#example .part1 .nav > div {
  font-size: 20px;
  text-align: left;
}
#example .part1 .nav > ul {
  display: flex;
  flex-wrap: wrap;
} 
#example .part1 .nav > ul li {
  width: 31%;
  border-radius: 5px;
  padding: 2vw 0;
  margin-bottom: 15px;
  margin-right: 3.5%;
  background-color: #f5f5f5;
  font-size: var(--fontTitle);
}
#example .part1 .nav > ul li:nth-child(3n) {
  margin-right: 0;
}
#example .part1 .nav > ul li.active, 
#example .part1 .nav > ul li:hover {
  background-color: var(--mainColor);
  color: #ffffff;
}
#example .part1 .pic {
  height: 30.6667vw;
  /* height: 230px; */
}
#example .part1 .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#example .part1 .main {

}
#example .part1 .main ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#example .part1 .main ul li {
  width: 100%;
  margin-bottom: var(--size_30);
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  transition: all .3s;
}
#example .part1 .main ul li .pic {
  /*height: var(--size_300);*/
  height: auto;
}
#example .part1 .main ul li .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#example .part1 .main ul li .text {
  padding: var(--size_20);
}
#example .part1 .main ul li .text p.one {
  margin-bottom: var(--size_10);
  font-size: var(--secondTitle);
}
#example .part1 .main ul li .text p.two {
  height: var(--size_70);
  line-height: 1.5;
  color: #333;
}
#example .part1 .main ul li .text p.tag {
  padding: var(--size_10) 0 var(--size_20);
  border-bottom: 1px solid #eee;
  color: #7B7B7B;
}
#example .part1 .main ul li .text .num {
  justify-content: space-around;
  margin-top: var(--size_20);
}
#example .part1 .main ul li .text .num > div {
  text-align: center;
}
#example .part1 .main ul li .text .num > div p:first-child {
  color: var(--mainColor);
  font-size: var(--fontTitle);
}
#example .part1 .main ul li .text .num > div p:first-child span:first-child {
  font-size: var(--size_40);
}
#example .part1 .main ul li .text .num > div p:first-child .unit {
  font-size: 2.4vw;
  /* font-size: 18px; */
  color: #999;
}
#example .part1 .main ul li .text .num > div p:last-child {
  color: #7B7B7B;
  font-size: 2.4vw;
  /* font-size: 18px; */
}

#example.news .part1 .main ul li .text {
  padding: 0 var(--size_20);
  margin: var(--size_20) 0;
}

/*
案例详情页面
*/
#example .exam-detail {
  border-top: 1px solid #eee;
}
#example .exam-detail .con {}
#example .exam-detail .con .detail {
  margin-top: var(--size_40);
}
#example .exam-detail .detail .title {
  margin-bottom: var(--size_50);
}
#example .exam-detail .detail .title .t {
  font-size: var(--size_40);
}
#example .exam-detail .detail .title .time {
  font-size: var(--smFontTitle);
  color: #8D8D8D;
}
#example .exam-detail .detail .title .num {
  justify-content: flex-start;
}
#example .exam-detail .detail .title .num > div {
  padding: 0 var(--size_60);
}
#example .exam-detail .detail .title .num > div:first-child {
  padding-left: 0;
  border-right: 1px solid #eee;
}
#example .exam-detail .detail .title .num > div p:first-child {
  font-size: var(--fontTitle);
}
#example .exam-detail .detail .title .num > div p:first-child span.num {
  font-size: var(--size_40);
}
#example .exam-detail .detail .title .num > div p:last-child {
  color: #8D8D8D;
}
#example .exam-detail .detail .main img {
  max-width: 100%;
  height: auto;
}


/* 
新闻中心页面
*/
#news .part1 .con > div {
  margin-top: 50px;
}
#news .part1 .con > div .title {
  font-size: 28px;
}
#news .part1 .con > div .main {}
#news .part1 .con > div .main ul {
  display: flex;
  flex-wrap: wrap;
}
#news .part1 .con > div .main ul li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  cursor: pointer;
  overflow: hidden;
  transition: all .3s;
}
#news .part1 .con > div .main ul li:hover {
  transform: translateY(-5px);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}
#news .part1 .con > div .main ul li .pic {}
#news .part1 .con > div .main ul li .pic img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}
#news .part1 .con > div .main ul li:nth-child(3n) {
  margin-right: 0;
}
#news .part1 .con > div .main ul li .text {
  padding: 20px;
}

/* 
代理商查询页面
*/
#agent {
  height: auto;
  /* min-height: 100%; */
  background: linear-gradient(to right bottom, #144fef, #0090fc);;
}
#agent .con {
  min-height: calc(100vh - 64vw);
  /* min-height: calc(100% - 480px); */
  padding: var(--size_50) var(--size_30);
}
#agent .con .title {
  padding-top: var(--size_80);
  text-align: center;
  font-size: var(--size_50);
  color: #fff;
}
#agent .con input {
  width: 75%;
  height: var(--size_80);
  line-height: var(--size_80);
  margin-right: -4px;
  margin-bottom: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #ccc;
  /* border-right: none; */
  background-color: #fff;
}
#agent .con button {
  height: var(--size_80);
  width: 25%;
  line-height: var(--size_80);
  color: #fff;
  background: linear-gradient(to right bottom, #1f222a, #1f222a);
}
#agent .con .main {
  position: relative;
}
#agent .con .main li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: var(--size_30);
  background-color: #fff;
}
#agent .con .main li:last-child {
  margin-bottom: 0;
}
#agent .con .main li .left {
  width: 25%;
  padding-right: var(--size_30);
}
#agent .con .main li .left img {
  width: 100%;
  height: auto;
}
#agent .con .main li .right {
  width: 75%;
  padding-left: var(--size_30);
  border-left: 1px solid #eee;
}
#agent .con .main li .right > p {
  font-size: var(--fontTitle);
  margin-bottom: var(--size_20);
}
#agent .con .main li .right .list {
  display: flex;
  margin-bottom: var(--size_20);
}
#agent .con .main li .right .list:last-child {
  margin-bottom: 0;
}
#agent .con .main li .right .list .f {
  width: var(--size_140);
  color: #999;
}
#agent .con .main li .right .list .s {
  flex: 1;
  flex-wrap: wrap;
  word-break: break-all;
}

/*
关于我们页面
*/
#about {}
#about > div {
  /* margin-top: var(--size_60); */
}
#about .part1 {}
#about .part1 .main {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 53.3333vw;
  /* height: 400px; */
  background-image: url(../img/about/part1_bg.png);
}
#about .part1 .main ul {
  border-radius: 5px;
  padding: 20px 10px;
  margin: 0 10px;
}
#about .part1 .main ul li {
  padding: var(--size_10) var(--size_50);
  border-radius: 5px;
  text-align: center;
}
#about .part1 .main .o {
  position: relative;
  color: #fff;
  background-color: var(--mainColor);
}
#about .part1 .main .o::before {
  content: '√';
  position: absolute;
  left: calc(50% - var(--size_20));
  top: -2.6667vw;
  width: var(--size_40);
  height: var(--size_40);
  text-align: center;
  line-height: var(--size_40);
  border-radius: var(--size_20);
  background-color: var(--mainColor);
  border: 1px solid #8acbd6;
}
#about .part1 .main .o li {
  width: 100%;
}
#about .part1 .main .o li:first-child {
  background-color: #fff;
  color: #333;
  font-size: var(--fontTitle);
}
#about .part1 .main .t {
  background-color: #fff;
}
#about .part1 .main .t li {}
#about .part1 .main .t li:first-child {
  color: #fff;
  font-size: var(--fontTitle);
  background-color: var(--mainColor);
}

#about .part2 {
  padding: var(--size_80) 0;
}
#about .part2 .nav {
  margin: var(--size_40) auto;
}
#about .part2 .nav ul {
  width: 100%;
  border: 1px solid #ccc;
}
#about .part2 .nav ul li {
  flex: 1;
  position: relative;
  padding: var(--size_10) 0;
  line-height: 1.4;
  border-right: 1px solid #ccc;
  font-size: var(--smFontTitle);
}
#about .part2 .nav ul li.active::before {
  content: '';
  position: absolute;
  left: calc(50% - var(--size_20));
  bottom: -2.5333vw;
  border-top: var(--size_20) solid var(--mainColor);
  border-left: var(--size_20) solid transparent;
  border-right: var(--size_20) solid transparent;
}
#about .part2 .nav ul li:last-child {
  border-right: none;
}
#about .part2 .nav ul li.active {
  color: #fff;
  background-color: var(--mainColor);
}
#about .part2 .main {
  position: relative;
  height: 37.3333vw;
  /* height: 280px; */
}
#about .part2 .main .left p {
  color: #fff;
}
#about .part2 .main li {
  display: flex;
  align-items: center;
  position: absolute;
  transform: scale(0);
  width: 90%;
  left: 5%;
  top: 0;
  /* transition: all 1s; */
}
#about .part2 .main li.active {
  z-index: 9;
  transform: none;
}
#about .part2 .main li > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 0 var(--size_20);
  height: 37.3333vw;
  /* height: 280px; */
}
#about .part2 .main li:last-child > div {
  justify-content: flex-start;
  padding-top: var(--size_30);
}
#about .part2 .main li > div::before {
  content: '';
  position: absolute;
  right: 0;
  height: 3px;
  bottom: -2.6667vw;
  width: 40%;
  background-color: var(--mainColor);
}
#about .part2 .main li .right::before {
  left: 0;
  background-color: #fff;
}
#about .part2 .main li .left {
  background-color: var(--mainColor);
  color: #fff;
}
#about .part2 .main li .right {
  background-color: #fff;
  color: #333;
}
#about .part2 .main li.active .left {
  animation: fadeInLeft 1s 1;
}
#about .part2 .main li.active .right {
  animation: fadeInRight 1s 1;
}
#about .part2 .main li > div p:first-child {
  font-size: var(--fontTitle);
  padding: 0 0 var(--size_20);
  border-bottom: 1px dashed #ddd;;
}
#about .part2 .main li > div p:last-child {
  margin-top: var(--size_20);
}


/* 落地页 */
.ly_part1 ul {
  background-color: #fff;
}
.ly_part1 ul li {
  display: flex;
  align-items: center;
  padding: var(--size_30) 0;
  border-bottom: 1px solid #f5f5f5;
}
.ly_part2 ul li:last-child {
  border-bottom: none;
}
.ly_part1 ul li img {
  width: var(--size_150);
  height: var(--size_150);
  margin-right: var(--size_20);
}

.lp2_p1 ul li img{width:70px;height:auto;margin-right:20px;}
.lp2_p2 ul li img{width:120px;height:auto;margin-right:20px;}

.ly_part1 ul li .text p:first-child {
  margin-bottom: var(--size_10);
  font-size: var(--size_30);
}
.ly_part1 ul li:nth-child(1) .text p:first-child {color: #d75353;}
.ly_part1 ul li:nth-child(2) .text p:first-child {color: #f48e62;}
.ly_part1 ul li:nth-child(3) .text p:first-child {color: #f4b44d;}

.ly_part3 ul {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  text-align: center;
}
.ly_part3 ul li {
  width: 31%;
  margin-bottom: var(--size_30);
}
.ly_part3 ul li:nth-last-child(-n+3) {
  margin-bottom: 0;
}
.ly_part3 ul li img {
  width: 80%;
}
.ly_part3 ul li p.big-title {
  margin: var(--size_10) 0;
  font-size: var(--size_30);
}