.bgt {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

body {
  /*padding-top: 12.7rem;*/
}

.banner {
  height: calc(100vh - 0rem);
}

.banner .swiper-container,
.banner .swiper-slide {
  height: 100%;
}

.banner .item {
  width: 100%;
  height: 100%;
  color: #fff;
}
.x25{
    width:25%;
}

.banner .item .wp {
  width:95%;
  position: relative;
}

.banner .item .txt2 {
  margin: 5.5rem 0;
  font-family: SourceHanSansCN;
  font-weight: 200;
}

.banner .item .txt3 {
  width: 100%;
}

.banner .item .txt3 li {
  position: relative;
  padding-bottom: 0.8rem;
  padding-left: 0.9rem;
}

.banner .item .txt3 li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.8rem;
  background: url("../../images/line1.png") no-repeat bottom left;
  background-size: auto 100%;
}

.banner .item .txt3 li .en {
  font-size: 1.2rem;
  margin: 1rem 0 0 7px;
}

.banner .swp-num {
  position: absolute;
  bottom: 2rem;
  left: 0;
  width: 25.5rem;
  font-family: 'DINCond-Bold';
}

.banner .swp-num .cur {
  margin-bottom: 1rem;
}

.banner .swp-num .total {
  margin-top: 1.3rem;
}

.banner .swp-num::after {
  content: "";
  width: 16.5rem;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 6.5rem;
  bottom: 2.7rem;
}

.banner .swiper-pagination {
  bottom: 4rem;
}

.banner .swiper-pagination .swiper-pagination-bullet {
  width: 2.7rem;
  height: 2.7rem;
  margin: 0 1rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../../images/dot1.png");
  opacity: 1;
}

.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-image: url("../../images/dot2.png");
}

.section1 .tabs {
  height: 6.8rem;
  background: #fff;
  position: relative;
  border-bottom: 1px solid #ddd;
}

.section1 .tabs .slides {
  position: relative;
  padding-left: 24rem;
}

.section1 .tabs .slides .arrow {
  position: absolute;
  background: #fff;
  left: 0;
  top: 0;
  width: 12.6rem;
}

.section1 .tabs .slides .arrow .jt {
  width: 6.3rem;
  height: 6.8rem;
  margin-top: 0;
  position: unset;
  background: none;
}

.section1 .tabs .slides .arrow .jt i {
  font-size: 3rem;
}

.section1 .tabs .slides .arrow .jt.swiper-button-next {
  background: var(--color);
}

.section1 .tabs .slides .arrow .jt.swiper-button-next i {
  color: #fff;
}

.section1 .tabs .slides .swiper-slide {
  height: 6.8rem;
  line-height: 6.8rem;
  cursor: pointer;
}

.section1 .tabs .slides .swiper-slide .tit {
  position: relative;
  padding: 0 5.5rem;
  text-align: center;
}

.section1 .tabs .slides .swiper-slide .tit::after {
  content: "";
  width: 0;
  transition: all ease .3s;
  height: 6px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background: var(--color);
}

.section1 .tabs .slides .swiper-slide.swiper-slide-thumb-active .tit::after {
  width: 20.1rem;
}

.section1 .tabs::before {
  content: "";
  width: 26rem;
  height: 6.8rem;
  background: var(--color);
  position: absolute;
  left: 0;
  top: 0;
}

.section1 .tab-cont {
  background: #f3f5fb;
  padding: 7.2rem 0;
}

.section1 .tab-cont .swiper-slide {
  height: 66.4rem;
  border-radius: 0 0 0 1rem;
}

.section1 .tab-cont .swiper-slide .item {
  max-width: 52rem;
  position: relative;
  padding: 12.5rem 0 7.5rem 7.5rem;
  color: #fff;
  height: 100%;
}

.section1 .tab-cont .swiper-slide .item .txt1 {
  font-family: 'SourceHanSansCN-Heavy';
}

.section1 .tab-cont .swiper-slide .item .txt2 {
  margin-top: 4rem;
  max-width: 40rem;
  line-height: 1.5;
  font-family: 'SourceHanSansCN';
  font-weight: 300;
}

.section1 .tab-cont .swiper-slide .item .more {
  position: absolute;
  bottom: 6.5rem;
}

.section1 .tab-cont .swiper-slide .item .more a {
  color: #fff;
  padding-bottom: 2px;
  text-decoration: underline;
  font-family: 'MiSans';
  font-weight: 300;
}

.section1 .tab-cont .swiper-slide .item .more a:hover {
  color: var(--color);
}

.pz2{
    padding-left:0rem!important;
}
.section2 {
  padding: 9rem 0 8rem;
  color: #fff;
}

.section2 .sec2-desc {
  margin: 2.5rem 0 7rem;
}

.section2 .sec2-tabs .col1 {
  width: 36.8rem;
  background: rgba(33, 33, 33, 0.7);
  border-radius: 2px;
  padding: 2rem 2.8rem 2.5rem 2.8rem;
}

.section2 .sec2-tabs .col1 li {
  height: 6.8rem;
  display: flex;
  align-items: center;
  padding-left: 5rem;
  cursor: pointer;
}

.section2 .sec2-tabs .col1 li.on {
  background: var(--color);
}

.section2 .sec2-tabs .col2 {
  background: rgba(0, 0, 0, 0.2);
  height: 49.8rem;
  padding: 6.5rem 4.5rem 3rem 7.7rem;
}

.section2 .sec2-tabs .col2 .txt2 {
  margin: 4rem 0 5rem;
  line-height: 1.8;
}

.section2 .sec2-tabs .col2 .txt3 {
  padding-bottom: 4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.section2 .sec2-tabs .col2 .txt3 li .icon {
  text-align: center;
  margin-bottom: 0.6rem;
}

.section2 .sec2-tabs .col2 .links {
  padding-top: 2.5rem;
}

.section2 .sec2-tabs .col2 .links a {
  width: 21.8rem;
  height: 5.2rem;
  color: #fff;
  background: #5A9FFF;
  border-radius: 0.2rem;
}

.section2 .sec2-tabs .col2 .links a:hover {
  opacity: .88;
}

.section2 .itembox {
  display: none;
}

.section2 .col3 {
  background: rgba(0, 0, 0, 0.5);
  padding: 4.7rem 6.8rem 2rem 6.8rem;
}

.section2 .col3 .swiper-wrapper {
  padding-bottom: 7rem;
}

.section2 .col3 .item-tit {
  color: #fff;
  margin-bottom: 4rem;
}

.section2 .col3 .item-pic {
  border-radius: 1rem;
}

.section2 .col3 .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background: #fff;
  opacity: 1;
  margin: 0 1rem;
}

.section2 .col3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--color);
}



.sec-type {
  margin-bottom: 6rem;
}

.sec-type .en {
  font-family: Decimal;
  font-weight: 500;
}

.sec-type .cn {
  padding-left: 30.2rem;
  position: relative;
  margin-top: 0.6rem;
}

.sec-type .cn::before {
  content: "";
  width: 20.7rem;
  height: 1.7rem;
  position: absolute;
  right: 9rem;
  z-index: -1;
  bottom: 0;
  background: var(--color);
}

.section3 {
  padding: 8rem 6rem 15.5rem 0;
  background-position: bottom center;
}

.section3 li .item {
  width: 45vh;
  height: 45vh;
  flex-shrink: 0;
  background: #FFFFFF;
  border-radius: 50%;
  border: 1px solid #FFC849;
  position: relative;
  transition: all ease .3s;
}

.section3 li .item .icon-pic {
  width: 24vh;
  height: 24vh;
  border-radius: 50%;
  margin-bottom: 1.6rem;
}

.section3 li .item .icon-pic img {
  width: 24vh;
  height: 24vh;
  border-radius: 50%;
}

.section3 li .item .txt1 .en {
  color: #606060;
  margin: 2px 0 0 10px;
}

.section3 li .item .item1 {
  height: 100%;
  transition: all ease .3s;
}

.section3 li .item .item2 {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  left: 0;
  top: 0;
  transition: all ease .3s;
  transform: scaleX(-1);
  z-index: 2;
  opacity: 0;
}

.section3 li .item .item2 .en {
  margin: 1.4rem 0 4.5rem;
}

.section3 li .item .item2 .desc {
  line-height: 1.6;
}

.section3 li:hover .item .item1 {
  opacity: 0;
}

.section3 li:hover .item .item2 {
  opacity: 1;
  transform: scaleX(1);
}

.section4 {
  padding: 13.5rem 0 8rem;
}

.section4 .info {
  max-width: 77.7rem;
}

.section4 .info .tit {
  font-family: MiSans;
  font-weight: 800;
  color: #0B0B0B;
}

.section4 .info .tit img {
  width: 5.4rem;
  height: 4rem;
}

.section4 .info .desc {
  color: #0B0B0B;
  margin: 9.5rem 0 7.4rem;
  line-height: 2;
}

.section4 .info .link a {
  width: 17.5rem;
  height: 5.1rem;
  background: #5A9FFF;
  border-radius: 0.2rem;
  color: #fff;
}

.section4 .info .link a:hover {
  opacity: .88;
}

.section5 {
  padding: 11rem 0 1rem;
}

.section5 .hz1 {
  position: relative;
}

.section5 .hz1 .itembox {
  height: 60rem;
  display: none;
}

.section5 .hz1 .itembox .item-txt {
  color: #fff;
  max-width: 80rem;
  padding: 15rem 8.4rem 0 8.4rem;
}

.section5 .hz1 .itembox .item-txt .desc {
  line-height: 2;
  margin-top: 4rem;
}

.section5 .hz1 .tabs {
  position: absolute;
  bottom: 0;
  height: 18.8rem;
  max-width: 96.5rem;
  background: #f9f9f9;
  height: 15rem;
  border-radius: 1rem 0 0 1rem;
  right: 0;
}

.section5 .hz1 .tabs li {
  height: 15rem;
  display: flex;
  cursor: pointer;
  transition: all ease .3s;
  align-items: center;
  justify-content: center;
}

.section5 .hz1 .tabs li .tb2 {
  display: none;
}

.section5 .hz1 .tabs li.hover {
  width: 32.4rem;
  height: 18.8rem;
  margin-top: -3.8rem;
  background: linear-gradient(0deg, #74CEFF, #56F1D5);
  border-radius: 0.8rem;
}

.section5 .hz1 .tabs li.hover .tb2 {
  display: inline-block;
}

.section5 .hz1 .tabs li.hover .tb1 {
  display: none;
}

.section5 .hz2 {
  padding-top: 3.5rem;
}

.section5 .hz2 .item {
  background: #f9f9f9;
  height: 17rem;
}

.section5 .hz2 .swiper-wrapper {
  padding-bottom: 5rem;
}

.section5 .hz2 .itembox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
 
 .flex-ccwd{
     width:23%;
     margin-top: 3rem;
 }

.section5 .hz2 .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background: #ddd;
  opacity: 1;
  margin: 0 0.5rem;
}

.section5 .hz2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--color);
}

.section6 {
  padding: 9rem 0 0;
  margin-bottom: 13rem;
  position: relative;
}

.section6 .sec-type {
  margin-bottom: 8rem;
}

.section6 .pz {
  min-height: 49rem;
}

.section6 .item {
  background: #f9f9f9;
}

.section6 .item .item-pic {
  height: 25.5rem;
  overflow: hidden;
  transition: all ease .3s;
  position: relative;
}

.section6 .item .item-pic .bimg {
  width: 100%;
  height: 100%;
}

.section6 .item .item-pic .bimg img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.section6 .item .item-box {
  padding: 3rem 1.8rem;
}

.section6 .item .item-box .tit {
  font-size: 1.8rem;
  color: #181818;
  transition: all ease .3s;
  font-weight: bold;
  padding-bottom: 1.7rem;
  margin-bottom: 1.7rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.section6 .item .item-box .desc {
  color: #727272;
  line-height: 1.7;
}

.section6 .item:hover .item-box .tit {
  color: var(--color);
}

.section6 .swiper-slide-active .item .item-txt {
  padding: 3rem 1.8rem 5rem 1.8rem;
}

.section6 .swiper-slide-active .item .item-pic {
  height: 32.2rem;
}

.section6 .dot {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 2;
  display: flex;
    flex-direction: row;
}

.section6 .dot .jt {
  width: 4.5rem;
  height: 4.5rem;
  background: #000;
  cursor: pointer;
  color: #fff;
  display: flex;
  border-radius: 50%;
  margin: 0 1rem;
  align-items: center;
  justify-content: center;
}

.section6 .dot .jt i {
  color: #fff;
  font-size: 1.8rem;
}

.section6 .dot .jt:hover {
  background: var(--color);
}

.pz {
  width: 100%;
}

/*life*/
.life {
  overflow: hidden;
}

.life .life-txt {
  color: #5A9FFF;
  padding: 15.6rem 0;
  line-height: 1.5;
}

.life .life1 {
  padding: 9.3rem 0;
}

.life .life1 .txt {
  line-height: 1.5;
}

.life .life1 li {
  width: 12.4rem;
  transition: all ease .3s;
  cursor: pointer;
}

.life .life1 li .item {
  border-radius: 1.2rem;
  box-shadow: 0.8rem 0.8rem 4rem rgba(0, 65, 102, 0.06);
  height: 12.4rem;
  position: relative;
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

.life .life1 li .item .item1 {
  bottom: 16px;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  left: 16px;
  line-height: 24px;
  opacity: 1;
  position: absolute;
  transition: opacity .1s linear;
  width: 20px;
}

.life .life1 li .item .item2 .link a {
  color: #1d2129;
}

.life .life1 li .item .item2 .link a svg {
  margin-left: 1rem;
}

.life .life1 li .item .s1 {
  bottom: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: opacity .26s linear;
  width: 15rem;
}

.life .life1 li .item .s2 {
  opacity: 0;
  width: 14.2rem;
  bottom: 1.6rem;
  position: absolute;
  right: -0.8rem;
  transition: opacity .4s ease-out, width .4s ease-out, height .4s ease-out;
}

.life .life1 li .item .s3 {
  bottom: -34px;
  height: 104px;
  position: absolute;
  right: -4px;
  z-index: 1;
  width: 131px;
}

.life .life1 li:nth-child(1) .item {
  background: linear-gradient(221.7deg, #ffb11a 13.67%, #ff831a 132.65%);
}

.life .life1 li:nth-child(2) .item {
  background: linear-gradient(180deg, #ff751a, #ff5d30);
}

.life .life1 li:nth-child(3) .item {
  background: linear-gradient(180deg, #3dcc5e, #3dbd3c);
}

.life .life1 li:nth-child(4) .item {
  background: linear-gradient(180deg, #00a2ff, #08f);
}

.life .life1 li .item2 {
  display: none;
}

.life .life1 li.on {
  width: 36.8rem;
}

.life .life1 li.on .s1 {
  opacity: 1;
}

.life .life1 li.on .s2 {
  opacity: 1;
}

.life .life1 li.on .item {
  background: #f7f9fc;
}

.life .life1 li.on .item1 {
  display: none;
}

.life .life1 li.on .item2 {
  display: block;
  padding: 2rem;
}

.life .life1 li.on .item2 .txt1 {
  font-size: 2rem;
}

.life .life1 li.on .item2 .txt2 {
  line-height: 1.5;
  margin: 0.5rem 0;
  color: #6c737a;
}

.life .life1 li.on .item2 .txt2 span {
  margin-right: 1rem;
  padding-right: 1rem;
  position: relative;
}

.life .life1 li.on .item2 .txt2 span::after {
  content: "";
  width: 1px;
  height: 70%;
  background: #6c737a;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.life .life1 li.on .item2 .txt2 span:last-child::after {
  display: none;
}

.life .life2 {
  padding: 9rem 0 11rem;
}

.life .life-type {
  margin-bottom: 7rem;
}

.life .life-type .tit {
  font-family: 'SourceHanSansCN';
  font-weight: 500;
  color: #121212;
}

.life .life-type .desc {
  margin-top: 1.3rem;
  color: var(--color);
}

.life .life-type .desc2 {
  margin-top: 1.3rem;
}

.life .life-type .desc2 span {
  color: var(--color);
}

.life .life2 li {
  max-width: 30.3rem;
}

.life .life2 li .item {
  height: 41rem;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../../images/bg_dd1.png");
  padding: 13rem 3rem 0 3rem;
  text-align: center;
}

.life .life2 li .item .tit {
  color: #2E2E2E;
  margin-bottom: 4rem;
}

.life .life2 li .item .desc {
  color: #616161;
  line-height: 1.5;
}

.life .life3 {
  padding: 7.5rem 0 8.5rem;
}

.life .life3 .life3-txt1 {
  margin-bottom: 7rem;
}

.life .life3 .life3-txt1 span.c1 {
  color: #FF943D;
}

.life .life3 .life3-txt1 span.c2 {
  color: #FF4B18;
}

.life .life3 li {
  max-width: 44rem;
}

.life .life3 li .item {
  padding: 2rem 2rem 3rem 2rem;
  text-align: center;
  background: #FAFCFF;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14);
  border-radius: .6rem;
}

.life .life3 li .item .tit {
  color: #FF4B18;
}

.life .life3 li .item .pic {
  margin: 2.4rem 0 3.6rem;
}

.life .life3 li .item .desc {
  color: #5A9FFF;
}

.life .life4 {
  position: relative;
  padding: 9rem 0;
}

.life .life4 .dl1 {
  padding: 0 5rem;
}

.life .life4 .dl1 .dd {
  margin-bottom: 6rem;
}

.life .life4 .dl1 .dd .tit {
  margin-bottom: 2.5rem;
  font-weight: bold;
}

.life .life4 .dl1 .dd .desc {
  line-height: 1.5;
  color: #3A3A39;
}

.life .life4 .dl1 .dd:nth-child(1) .tit {
  color: #5a9fff;
}

.life .life4 .dl1 .dd:nth-child(2) .tit {
  color: #FFAF5A;
}

.life .life4 .dl1 .dd:nth-child(3) .tit {
  color: #FE20CC;
}

.life .life4 .dl2 {
  margin-top: 13rem;
}

.life .life4 .dl2 .info .tit {
  margin: 13rem 0;
}

.life .life4 .dl2 .info .link a {
  color: var(--color);
  padding-bottom: 1rem;
  position: relative;
  border-bottom: 1px solid #eee;
}

.life .life4 .dl2 .info .link a::after {
  content: "";
  width: 0;
  height: 1px;
  transition: all ease .3s;
  background: var(--color);
  position: absolute;
  bottom: 0;
  left: 0;
}

.life .life4 .dl2 .info .link a svg {
  margin-left: 4rem;
}

.life .life4 .dl2 .info .link a:hover::after {
  width: 100%;
}

.life .life4 .dl2 .list {
  overflow: hidden;
  height: 80rem;
  position: relative;
}

.life .life4 .dl2 .list::before, .life .life4 .dl2 .list::after {
  content: "";
  background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0));
  left: 0;
  height: 25rem;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.life .life4 .dl2 .list::before {
  top: -2rem;
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.life .life4 .dl2 .list::after {
  bottom: -2rem;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.life .life4 .dl2 .list .col {
  width: calc(33.33% - 1.5rem);
}

.life .life4 .dl2 .list .col:nth-child(2) {
  margin: 2rem 0;
}

.life .life4 .dl2 .list .col:nth-child(3) {
  margin: -2rem 0;
}

.life .life4 .dl2 .list .item {
  overflow: hidden;
  border-radius: 1rem;
  height: 31rem;
  margin-bottom: 2rem;
  background-size: cover;
  color: #fff;
}

.life .life4 .dl2 .list .item .wrap {
  height: 100%;
  padding: 3.3rem 1.5rem 2rem 1.5rem;
}

.life .life4 .dl2 .list .item .item-logo img {
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 1rem;
}

.life .life4 .dl2 .list .item .item-tit {
  font-size: 1.8rem;
  margin: 1rem 0;
  color: rgba(255, 255, 255, 0.9);
}

.life .life4 .dl2 .list .item .item-desc {
  line-height: 1.5;
  height: 4.5em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  color: rgba(255, 255, 255, 0.9);
}

.life .life4 .dl2 .list .item .item-tit2 {
  margin: 2.7rem 0 0.5rem;
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.9);
}

.life .life4 .dl2 .list .item .item-price span {
  font-size: 2.4rem;
  font-weight: bold;
  margin-right: 0.5rem;
  margin-top: 1rem;
}

.life .life4 .zs1 {
  width: 18.5rem;
  position: absolute;
  right: 0;
  top: 19.2rem;
}

.life .life4 .zs2 {
  width: 13rem;
  position: absolute;
  left: 0;
  bottom: 19rem;
}

/*case*/
.case {
  padding-bottom: 10rem;
}

.case .life-type {
  margin-bottom: 5rem;
}

.case .item {
  background: #f9f9f9;
  padding: 1.5rem 1.5rem 2rem 1.5rem;
}

.case .item .item-tit {
  margin: 2rem 0;
  color: #353535;
  text-align: center;
}

.case .item .item-link {
  color: var(--color);
}

.case .item:hover .item-tit {
  color: var(--color);
}

.case.case .item {
  background: none;
  margin: 2rem 0;
}

.case.case .item .item-desc {
  color: #939393;
  margin: 0 0 2rem;
}

/*影视部项目*/
.xiangmu {
  overflow: hidden;
}

.xiangmu .xm-slide img {
  display: block;
}

.xiangmu .xm-tit {
  margin-bottom: 4rem;
}

.xiangmu .xms1 .list {
  padding: 6rem 1.5rem 0 1.5rem;
}

.xiangmu .xms2 {
  padding: 8.5rem 0;
  background: linear-gradient(0deg, #5A9FFF, #6AF1D1);
  color: #fff;
}

.xiangmu .xms2 li {
  text-align: center;
}

.xiangmu .xms2 li .item {
  position: relative;
}

.xiangmu .xms2 li .item .item-num .num {
  margin: 0.5rem 1rem 0 0;
}

.xiangmu .xms2 li .item .item-tit {
  margin-top: 1.8rem;
}

.xiangmu .xms2 li .item::after {
  content: "";
  width: 1px;
  height: 13rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.7);
}

.xiangmu .xms2 li:last-child .item::after {
  display: none;
}

.xiangmu .xms3 .item {
  border-radius: 1rem;
  padding: 7.5rem 0;
  color: #fff;
}

.xiangmu .xms3 .item .icon {
  height: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xiangmu .xms3 .item .icon img {
  max-height: 100%;
}

.xiangmu .xms3 .item .tit {
  margin-top: 1.5rem;
  font-size: 2rem;
}

.xiangmu .xms4 {
  background: #000;
  color: #fff;
}

.xiangmu .xms4 .list .item {
  justify-content: space-between;
  width: 100%;
  margin: 2rem 0;
  max-width: 26.8rem;
}

.xiangmu .xms4 .list .item .xh {
  font-size: 5rem;
  color: #6189d7;
}

.xiangmu .xms4 .list .item .tit {
  margin: 0 2rem;
  text-align: center;
}

.xiangmu .xms4 .list .item .tit .p2 {
  margin-top: .3rem;
}

.xiangmu .xms4 .list .item .link img {
  width: 1.8rem;
}

.xiangmu .xms4 .click {
  margin-top: 4rem;
}

.xiangmu .xms4 .click a {
  background: linear-gradient(90deg, #5e86d5, #0f41a3);
  width: 100%;
  color: #fff;
  border-radius: 6.9rem;
  padding: 1.8rem 0;
  font-weight: bold;
  max-width: 63rem;
  transition: all ease .3s;
}

.xiangmu .xms4 .click a img {
  width: 4rem;
  -webkit-animation: bounceDown 4s linear infinite;
  -moz-animation: bounceDown 4s linear infinite;
  -o-animation: bounceDown 4s linear infinite;
  animation: bounceDown 4s linear infinite;
}

.xiangmu .xms4 .click a span {
  font-weight: normal;
  margin: 0 1.6rem;
}

.xiangmu .xms4 .click a:hover {
  opacity: .88;
}

.xiangmu .xms5 {
  margin-bottom: 10rem;
}

.xiangmu .xms5 .xmt {
  margin-top: 6rem;
}

@keyframes zoombig {
  0% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes dot1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(16px);
  }
  100% {
    transform: translateX(0px);
  }
}

@keyframes dot2 {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(-16px);
  }
  100% {
    transform: translateX(0px);
  }
}

.z_dot {
  margin-top: 1vw;
}

.z_dot em {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

.z_dot .d1 {
  background: rgba(255, 255, 255, 0.5);
  animation: dot1 2s linear infinite;
}

.z_dot .d2 {
  background: #3B5BFF;
  animation: dot2 2s linear infinite;
}

.z_dot.white .d2 {
  background: #fff;
}

.z_other_text .z_dot {
  margin-top: 1vw;
}

/*关于我们*/
.about .about-slide img {
  display: block;
}

.about .subcat {
  background: #fff;
  z-index: 21;
}

.about .subcat li {
  padding: 4.5rem 0;
  position: relative;
  cursor: pointer;
  border-right: 1px solid #d2d2d2;
}

.about .subcat li span {
  position: absolute;
  left: 6.8rem;
  top: 1.2rem;
  opacity: 0;
  font-family: Decimal;
  font-weight: normal;
  font-size: 6rem;
  color: rgba(255, 255, 255, 0.2);
}

.about .subcat li.on {
  background: linear-gradient(-14deg, #5A9FFF, #6AF1D1);
}

.about .subcat li.on span {
  opacity: 1;
}

.about .subcat li a {
  color: #0E0E0E;
}

.about .subcat li:last-child {
  border-right: 0;
}

.about .about-type {
  text-align: center;
  margin-bottom: 5rem;
}

.about .about-type .en {
  margin-top: 1.5rem;
  color: rgba(255, 255, 255, 0.7);
}

.about .about-type .en2 {
  margin-top: 1.5rem;
  color: rgba(23, 23, 23, 0.7);
}

.about .about-type .desc {
  color: rgba(23, 23, 23, 0.7);
  margin: 3rem 0;
  line-height: 1.6;
}

.about .about1 {
  color: #fff;
  background-position: bottom center;
}

.about .about1 .box1 {
  padding: 12rem 0 7rem;
}

.about .about1 .box1 .intro {
  line-height: 1.8;
}

.about .about1 .box1 .intro p {
  margin: 2rem 0;
}

.about .about1 .box1 .z_dot {
  margin: 6rem 0 0 0;
}

.about .about1 .box2 li .item {
  max-width: 28rem;
}

.about .about1 .box2 li .item .item-tit {
  padding: 1.6rem 0;
  color: #FDBE2E;
  margin-bottom: 1.9rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  font-size: 2.4rem;
}

.about .about1 .box2 li .item .item-tit span {
  font-size: 4.7rem;
  font-weight: bold;
  margin-right: 1rem;
  margin-top: 1rem;
}

.about .about1 .box2 li .item .item-desc {
  line-height: 1.8;
}

.about .about1 .box2 li:nth-child(1) {
  margin-top: 11rem;
}

.about .about1 .box2 li:nth-child(2) {
  margin-top: 7rem;
}

.about .about1 .box2 li:nth-child(4) {
  margin-top: 5rem;
}

.about .about1 .box2 .line {
  margin-top: -9rem;
}

.about .about2 {
  padding: 6rem 0 25rem;
  color: #fff;
}

.about .about2 li {
  width: 100%;
  max-width: 42.5rem;
}

.about .about2 .item {
  background: url("../../images/bg_wh1.png") no-repeat;
  background-size: 100% 100%;
  padding: 3.2rem 4rem 3.2rem 2rem;
}

.about .about2 .item .icon span {
  width: 6.6rem;
  height: 6.6rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
}

.about .about2 .item .icon span img {
  width: 3.6rem;
}

.about .about2 .item .item-tit {
  margin: 3.5rem 0;
}

.about .about2 .item .item-desc {
  line-height: 1.8;
  height: 3.6em;
  margin-bottom: 6rem;
}

.about .about2 .item .item-xh {
  color: rgba(255, 255, 255, 0.2);
  margin-bottom: -1rem;
}

.about .about3 {
  background: url(../../images/bg_about3.png) no-repeat top center;
  background-size: 100%;
  padding-top: 39.2rem;
  margin-top: -19rem;
}

.about .about3 .about-type {
  margin-bottom: 5.5rem;
}

.about .about3 .about-type .tit {
  font-weight: bold;
}

.about .about3 .about-type .en {
  color: #171717;
}

.about .team .item {
  padding-right: 10rem;
  position: relative;
}

.about .team .item .item-info {
  position: relative;
  z-index: 1;
}

.about .team .item .item-info .yh img {
  width: 8.9rem;
}

.about .team .item .item-info .item-tit {
  padding: 0 0 7.8rem 14rem;
  align-items: flex-end;
}

.about .team .item .item-info .item-tit .post {
  margin-left: 0.5rem;
  color: rgba(20, 20, 20, 0.7);
}

.about .team .item .item-info .item-cont {
  line-height: 2;
  padding: 4rem 0 0 14rem;
}

.about .team .item .item-pic2 {
  width: 36.7rem;
  height: 50.1rem;
  margin-bottom: 1.5rem;
  z-index: 1;
  position: relative;
}

.about .team .item .item-pic2::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../../images/bg_td1.png") no-repeat;
  position: absolute;
  background-size: 100% 100%;
  right: 0;
  top: 0;
}

.about .team .item .item-pic2 img {
  margin-left: -8.5rem;
  position: relative;
  z-index: 1;
}

.about .team .item::after {
  content: "";
  background: #fff;
  height: 31.2rem;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.about .swiper-wrapper {
  padding-bottom: 6rem;
}

.about .swiper-wrapper .swiper-pagination-bullet {
  opacity: 1;
  background: rgba(0, 0, 0, 0.9);
}

.about .swiper-wrapper .swiper-pagination-bullet-active {
  background: var(--color);
}

.about .partner {
  padding: 4rem 0 0 0;
}

.about .honor {
  padding-bottom: 7rem;
}

.about .honor .list {
  margin-top: -6rem -2rem 0 -2rem;
}

.about .honor .list .item {
  margin: 4rem 2rem;
  background: url("../../images/zz1.png") no-repeat bottom center;
  background-size: 100%;
  height: 10.4rem;
  padding: 0 6rem;
  text-align: center;
}

.about .honor .list .item .tit {
  color: #DEA749;
  height: 5rem;
}

.z_hexin3 {
  padding: 7vw 12.5vw;
  background: #ececec url(../../images/zadd1.jpg) no-repeat bottom center;
  background-size: 100% auto;
  box-sizing: border-box;
}

.z_hexin3_warp {
  height: 36.97916vw;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 6vw;
}

.z_hexin3_warp .z_conbox {
  width: 14.73958vw;
  height: 14.73958vw;
  border: 0px solid #050001;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background: url(../../images/zadd2.png) no-repeat center;
  background-size: cover;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
}

.z_hexin3_warp .z_conbox img {
  max-width: 17rem;
}

.z_zh_warp::before {
  content: "";
  display: block;
  background: url(../../images/zadd3.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  animation: animtran 20s linear infinite;
}

.z_zh_warp {
  width: 19.27083vw;
  height: 19.27083vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.z_zhlogo li {
  display: block;
  width: 6vw;
  height: 6vw;
  position: absolute;
  animation: spin2 6s infinite linear;
  transform-origin: 40% 40%;
}

.z_zhlogo li .box {
  background: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 0px 15px 30px 0px rgba(0, 7, 22, 0.05);
  border-radius: 50%;
  overflow: hidden;
}

.z_zhlogo li img {
  max-width: 100%;
  max-height: 100%;
  animation: spin-reverse2 6s infinite linear;
}

.z_zhlogo li:nth-child(5n-1) {
  animation: spin 9s infinite linear;
}

.z_zhlogo li:nth-child(5n-1) img {
  animation: spin-reverse 9s infinite linear;
}

.z_zhlogo li:nth-child(5n-2) {
  animation: spin2 5s infinite linear;
}

.z_zhlogo li:nth-child(5n-2) img {
  animation: spin-reverse2 5s infinite linear;
}

.z_zhlogo li:nth-child(5n-3) {
  animation: spin 7s infinite linear;
}

.z_zhlogo li:nth-child(5n-3) img {
  animation: spin-reverse 7s infinite linear;
}

.z_zhlogo li:nth-child(5n-4) {
  animation: spin2 6s infinite linear;
}

.z_zhlogo li:nth-child(5n-4) img {
  animation: spin-reverse2 6s infinite linear;
}

.z_zhlogo li:nth-child(5n) {
  animation: spin 8s infinite linear;
}

.z_zhlogo li:nth-child(5n) img {
  animation: spin-reverse 8s infinite linear;
}

.z_zhlogo li.c1 {
  left: 27.08333vw;
  top: 3vw;
  width: 5.2vw;
  height: 5.2vw;
}

.z_zhlogo li.c2 {
  left: 20.3125vw;
  top: 11vw;
  width: 5.72916vw;
  height: 5.72916vw;
}

.z_zhlogo li.c3 {
  left: 20.3125vw;
  bottom: 10vw;
  width: 5vw;
  height: 5vw;
}

.z_zhlogo li.c4 {
  left: 27.08333vw;
  bottom: 3vw;
}

.z_zhlogo li.c5 {
  right: 27.08333vw;
  bottom: 3vw;
  width: 5.2vw;
  height: 5.2vw;
}

.z_zhlogo li.c6 {
  right: 20.3125vw;
  bottom: 10vw;
  width: 4.89583vw;
  height: 4.89583vw;
}

.z_zhlogo li.c7 {
  right: 20.3125vw;
  top: 11vw;
}

.z_zhlogo li.c8 {
  right: 27.08333vw;
  top: 3vw;
}

.z_zhlogo li.c9 {
  right: 17.70833vw;
  top: 1vw;
  width: 5.2vw;
  height: 5.2vw;
}

.z_zhlogo li.c10 {
  right: 12.5vw;
  top: 9vw;
  width: 5vw;
  height: 5vw;
}

.z_zhlogo li.c11 {
  right: 11.97916vw;
  bottom: 12vw;
  width: 6.25vw;
  height: 6.25vw;
}

.z_zhlogo li.c12 {
  right: 15vw;
  bottom: 5vw;
  width: 4.6vw;
  height: 4.6vw;
}

.z_zhlogo li.c13 {
  left: 17.70833vw;
  top: 1vw;
  width: 5.8vw;
  height: 5.8vw;
}

.z_zhlogo li.c14 {
  left: 12.5vw;
  top: 9vw;
  width: 4.8vw;
  height: 4.8vw;
}

.z_zhlogo li.c15 {
  left: 11.97916vw;
  bottom: 12vw;
}

.z_zhlogo li.c16 {
  left: 15vw;
  bottom: 3vw;
  width: 5vw;
  height: 5vw;
}

.z_zhlogo li.c17 {
  left: 3.5vw;
  top: 6vw;
}

.z_zhlogo li.c18 {
  left: 6vw;
  top: 15vw;
  width: 4vw;
  height: 4vw;
}

.z_zhlogo li.c19 {
  left: 0vw;
  bottom: 12vw;
  width: 5vw;
  height: 5vw;
}

.z_zhlogo li.c20 {
  left: 6vw;
  bottom: 5vw;
  width: 5.7vw;
  height: 5.7vw;
}

.z_zhlogo li.c21 {
  right: 3.5vw;
  top: 6vw;
}

.z_zhlogo li.c22 {
  right: 6vw;
  top: 15vw;
  width: 4vw;
  height: 4vw;
}

.z_zhlogo li.c23 {
  right: 0vw;
  bottom: 12vw;
  width: 5vw;
  height: 5vw;
}

.z_zhlogo li.c24 {
  right: 6vw;
  bottom: 5vw;
  width: 5.7vw;
  height: 5.7vw;
}

.z_zhlogo li.c25 {
  right: 8vw;
  top: 0vw;
  width: 5.7vw;
  height: 5.7vw;
}

.z_zhlogo li.c26 {
  right: -2vw;
  top: 12vw;
  width: 4.6vw;
  height: 4.6vw;
}

.z_zhlogo li.c27 {
  left: -2vw;
  top: 12vw;
  width: 4.6vw;
  height: 4.6vw;
}

.z_zhlogo li.c28 {
  left: 8vw;
  top: 0vw;
  width: 5.7vw;
  height: 5.7vw;
}

@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}

@keyframes spin2 {
  to {
    transform: rotate(-1turn);
  }
}

@keyframes spin-reverse {
  from {
    transform: rotate(1turn);
  }
}

@keyframes spin-reverse2 {
  from {
    transform: rotate(-1turn);
  }
}

.z_hexin4 {
  padding: 7vw 0;
  background: #f2f3f7;
}

.z_hexin4 .z_index_tit .desc {
  margin-top: 1.5vw;
  font-size: 16px;
  line-height: 24px;
  color: #333;
}

.z_hx_span {
  margin: 60px 0;
}

.z_hx_span a {
  display: inline-block;
  height: 36px;
  margin-bottom: 10px;
  background: #1D4DC4;
  border: 0px solid #050001;
  border-radius: 18px;
  line-height: 36px;
  color: #fff;
  padding: 0 20px;
  margin-right: 10px;
}

.z_hexin4 .z-container {
  width: 1200px;
}

.z_hx4_list {
  width: 41.66666%;
  float: left;
  border-top: 1px solid #8C8C8C;
}

.z_hx4_list li a {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  position: relative;
  padding-left: 26px;
  box-sizing: border-box;
}

.z_hx4_list li a::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #8C8C8C;
  z-index: 1;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.z_hx4_list li {
  border-bottom: 1px solid #8C8C8C;
}

.z_hx4_list li:hover a {
  color: #1D4DC4;
}

.z_hx4_list li:hover a::before {
  background: #1D4DC4;
}

.z_hx4_logo {
  width: 49.75%;
  padding: 20px 0;
  overflow: hidden;
  float: right;
  background: #FFFFFF;
  box-shadow: 0px 15px 30px 0px rgba(0, 7, 22, 0.05);
  border-radius: 20px;
}

.z_hx4_logo li {
  width: 50%;
  height: 70px;
  padding: 5px 0;
  display: flex;
  align-items: center;
  float: left;
  padding-left: 2vw;
  box-sizing: border-box;
}

.z_hx4_logo li img {
  display: block;
  max-height: 100%;
  max-width: 80%;
}

/*add*/
.z_video_pop {
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: ease 1s;
  visibility: hidden;
}

.z_video_pop.on {
  opacity: 1;
  visibility: visible;
}

.z_video_pop .close_btn {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  cursor: pointer;
  text-align: center;
  line-height: 40px;
  color: #fff;
}

.z_video_pop .close_btn .iconfont {
  font-size: 24px;
}

#zvideo {
  width: 100%;
  max-height: 100%;
}

.z_video_pop .warp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
}

.partner {
  background: url("../../images/bgk1.jpg") no-repeat top center;
}

.add-about-five {
  position: relative;
  z-index: 1;
  padding: 8vw 0;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 80% auto;
}

/* 贸易通 */
.inner-slide2 {
  padding: 15rem 0;
  color: #fff;
}

.inner-slide2 .txt2 {
  margin: 1rem 0;
}

.inner-slide2 .txt3 {
  margin-top: 6rem;
}

.inner-slide2 .txt3 img {
  width: 70.9rem;
}

.sec-type {
  margin-bottom: 4.5rem;
}

.sec-type .tit {
  font-family: Source Han Sans CN;
  font-weight: 500;
}

.maoyi .myt1 .list {
  background: #FFFFFF;
  padding: 3.8rem;
  box-shadow: 0px 0.3rem 1rem 0px rgba(0, 0, 0, 0.18);
  border-radius: 0.6rem;
}

.maoyi .myt1 .list li {
  padding: 0 6rem;
  position: relative;
  color: #121212;
}

.maoyi .myt1 .list li::after {
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(51, 51, 51, 0.1);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.maoyi .myt1 .list li .num {
  margin: 1.7rem 0;
  align-items: flex-end;
}

.maoyi .myt1 .list li .num span {
  margin: 0 1.2rem -1rem 0;
  color: var(--color);
}

.maoyi .myt1 .list li:last-child::after {
  display: none;
}

.maoyi .myt2 {
  padding: 6rem 0 15rem 0;
}

.maoyi .myt2 .sec-type .desc {
  color: #5E5C5C;
  text-align: center;
  line-height: 2;
  margin: 3rem 0 5rem;
}

.maoyi .myt2 .list2 li .item .num {
  justify-content: center;
  align-items: flex-end;
  color: #FF943D;
  margin-bottom: 1.6rem;
}

.maoyi .myt2 .list2 li .item .num span {
  font-weight: bold;
  margin: 0 0.8rem -2rem 0;
}

.maoyi .myt2 .list2 li .item .tit {
  color: #5E5C5C;
}

.maoyi .myt3 .list .item {
  height: 47.5rem;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.maoyi .myt3 .list .item .box1 {
  position: absolute;
  bottom: 0rem;
  width: 100%;
  left: 0;
  padding: 3rem;
  transition: all ease .5s;
}

.maoyi .myt3 .list .item .box1 span {
  font-size: 14rem;
  color: rgba(255, 255, 255, 0.11);
  font-weight: bold;
}

.maoyi .myt3 .list .item .box1 .tit {
  position: absolute;
  padding-left: 9rem;
  width: 100%;
  top: 55%;
  left: 0;
  transform: translateY(-50%);
  color: #fff;
}

.maoyi .myt3 .list .item .box2 {
  position: absolute;
  bottom: -20%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 4.5rem;
  color: #fff;
  transition: all ease .3s;
  opacity: 0;
}

.maoyi .myt3 .list .item .box2 .xh {
  font-family: MiSans;
  font-weight: 300;
}

.maoyi .myt3 .list .item .box2 .tit {
  margin: 2rem 0;
  position: relative;
  padding-bottom: 1.3rem;
}

.maoyi .myt3 .list .item .box2 .tit::after {
  content: "";
  width: 6.6rem;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}

.maoyi .myt3 .list .item .box2 .desc {
  color: #E6E6E6;
  line-height: 2;
}

.maoyi .myt3 .list .item:hover .box1 {
  opacity: 0;
}

.maoyi .myt3 .list .item:hover .box2 {
  opacity: 1;
  bottom: 0;
}

.maoyi .myt4 .contbox .info {
  max-width: 48rem;
  color: #121212;
}

.maoyi .myt4 .contbox .info li {
  margin: 3rem 0;
}

.maoyi .myt4 .contbox .info li p {
  margin: .6rem 0;
}

.maoyi .myt5 {
  background: #f5f5f5;
  text-align: center;
}

.maoyi .myt5 .txt1 {
  color: #2CCBFE;
}

.maoyi .myt5 .txt2 {
  margin-top: 1rem;
}

/* 网站建设 */
.website {
  overflow: hidden;
}

.website li {
  padding: 15rem 0;
}

.website li .info {
  max-width: 67rem;
  color: #242222;
  position: relative;
  padding-top: 3em;
}

.website li .info .xh {
  position: absolute;
  top: -6rem;
  left: 0;
}

.website li .info .xh img {
  width: 31.3rem;
}

.website li .info .tit {
  font-weight: bold;
}

.website li .info .subtit {
  margin: 1rem 0 3rem;
  font-weight: 300;
}

.website li .info .func {
  margin-top: 2rem;
  font-weight: 300;
}

.website li .info .desc {
  font-weight: 300;
  line-height: 1.6;
}

.website li:nth-child(2n+1) .info {
  color: #F6F6F6;
}

/* app */
.app-s1 {
  text-align: center;
  min-height: 77.7rem;
  background: url(../../images/H_img_2.jpg) no-repeat center top;
  padding: 11.4rem 0 6.5rem;
}

.app-s1 .case-view {
  position: relative;
  padding-top: 8.6rem;
  margin-top: 5rem;
}

.app-s1 .case-view .item .item-tit {
  font-size: 2rem;
  font-weight: bold;
  color: #333;
  margin: 0;
}

.app-s1 .case-view .item .txt {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: .4rem 0 0;
}

.app-s1 .case-view .item1 {
  background: url(../../images/icon_4.png) no-repeat 0 0;
  left: 0;
  top: 36%;
}

.app-s1 .case-view .item2 {
  background: url(../../images/icon_2.png) no-repeat 0 0;
  left: 6%;
  top: 9%;
}

.app-s1 .case-view .item3 {
  background: url(../../images/icon_1.png) no-repeat 0 0;
  left: 48%;
  top: 2%;
}

.app-s1 .case-view .item4 {
  background: url(../../images/icon_3.png) no-repeat 0 0;
  left: 74%;
  top: 24%;
}

.app-s1 .img {
  display: block;
  margin: 0 auto;
}

.app-s1 .btn {
  display: block;
  margin: 2.8rem auto 0;
  width: 27rem;
  height: 5.2rem;
  line-height: 5rem;
  background: #fff;
  border: .1rem solid #FF6C00;
  border-radius: 2.6rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 300;
  color: #FF6C00;
}

.app-s2 {
  text-align: center;
  padding: 5.5rem 0 0;
}

.app-s2 .content .title {
  margin-bottom: 2.8rem;
}

.app-s2 .service {
  padding: 6.4rem 0 12rem;
  background: url(../../images/H_img_5.jpg) no-repeat center bottom;
}

.app-s2 .service .title {
  margin: 0 0 6.2rem;
}

.app-s3 {
  padding: 3rem 0 10rem;
}

.app-s3 .list .item {
  width: 33.3333%;
  float: left;
  text-align: center;
  list-style: none;
  margin-bottom: 2rem;
}

.app-s3 .list .item .qrcode {
  width: 14rem;
}

.app-s3 .list .item .item-tit {
  font-size: 1.6rem;
}

.app-s3 .title {
  text-align: center;
  margin-bottom: 5rem;
}

.app-s3 .btn-1 {
  margin: 4rem auto 0;
  color: #fff !important;
  background: #fa6b03;
  border-color: #fa6b03;
}

#app202001211 > div {
  padding-bottom: 10rem;
}

#app202001211 .app-1 {
  background: url("../../images/H_img_5.jpg") no-repeat center bottom;
}

#app202001211 .name {
  text-align: center;
  color: #333;
  margin-bottom: 7.5rem;
  padding-top: 4rem;
  margin: 1.5rem 0;
}

#app202001211 .name .tit {
  font-size: 3.6rem;
  margin: 2rem 0;
}

#app202001211 .name p {
  line-height: 3rem;
  font-weight: 100;
  font-family: "Microsoft YaHei";
}

#app202001211 .app-1 .name {
  margin-bottom: 15rem;
}

#app202001211 .app-1 .main {
  position: relative;
  width: 80rem;
  margin: 5rem auto;
  height: 80rem;
  border-radius: 50%;
  background: url("../../images/quan.png") no-repeat center center #fff;
  box-shadow: 0 0 3rem rgba(61, 83, 194, 0.12);
}

#app202001211 .app-1 dd:nth-child(1),
#app202001211 .app-1 dd:nth-child(4) {
  width: 20rem;
  height: 20rem;
}

#app202001211 .app-1 dd:nth-child(3),
#app202001211 .app-1 dd:nth-child(6) {
  width: 15rem;
  height: 15rem;
}

#app202001211 .app-1 dd:nth-child(2),
#app202001211 .app-1 dd:nth-child(5) {
  width: 12rem;
  height: 12rem;
}

#app202001211 .app-1 dd:nth-child(1) {
  left: -6rem;
  top: 1.6rem;
}

#app202001211 .app-1 dd:nth-child(2) {
  right: 9rem;
  top: -1.5rem;
}

#app202001211 .app-1 dd:nth-child(3) {
  right: -10.5rem;
  top: 19.7rem;
}

#app202001211 .app-1 dd:nth-child(4) {
  right: -9rem;
  bottom: 6.3rem;
}

#app202001211 .app-1 dd:nth-child(5) {
  left: 9.3rem;
  bottom: 2rem;
}

#app202001211 .app-1 dd:nth-child(6) {
  left: -12.2rem;
  bottom: 22.7rem;
}

#app202001211 .app-1 dd aside {
  font-size: 1.8rem;
  line-height: 3rem;
  color: #333;
}

#app202001211 .app-1 dd aside figure {
  padding-bottom: 1rem;
}

@keyframes zhuan {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes zhuan2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

#app202001211 .app-2 {
  padding-top: 3rem;
}

#app202001211 .app-2 ul {
  padding-top: 3rem;
}

#app202001211 .app-2 li {
  float: left;
  width: 18.4%;
  margin-bottom: 2%;
  background: #f7f8fa;
  text-align: center;
  padding: 3.5rem 0;
  border: .1rem solid #f7f8fa;
}

#app202001211 .app-2 li:not(:nth-child(5n)) {
  margin-right: 2%;
}

#app202001211 .app-2 li aside {
  font-family: "Microsoft YaHei";
  color: #333;
  margin-top: .5rem;
}

#app202001211 .app-2 li:hover aside {
  color: #5a9fff;
}

#app202001211 .app-2 li:hover {
  border-color: #5a9fff;
}

#app202001211 .app-2 li figure {
  width: 3.4rem;
  height: 3.4rem;
  position: relative;
  margin: 0 auto;
}

#app202001211 .app-2 li figure img {
  width: 100%;
  display: block;
  height: 100%;
}

#app202001211 .app-2 li figure img.h {
  position: absolute;
  left: 0;
  top: 0;
}

#app202001211 .app-2 li figure img.s {
  transition: 0.3s ease-in-out;
}

#app202001211 .app-2 li figure img.h {
  transition: 0.6s ease-in-out;
}

#app202001211 .app-2 li .h,
#app202001211 .app-2 li:hover .s {
  opacity: 0;
  transform: scale(3);
}

#app202001211 .app-2 li .s,
#app202001211 .app-2 li:hover .h {
  opacity: 1;
  transform: scale(1);
}

.txt-blue {
  color: var(--color);
}

.type-desc {
  line-height: 1.8;
  color: #555657;
}

.app-box2 .app-tit {
  text-align: center;
}

.app-box2 .app-tit .tit {
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}

.app-box2 .app-tit .tit::after {
  content: "";
  width: 28.3rem;
  height: 1px;
  background: #ddd;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.app-box2 .app-tit .tit::before {
  content: "";
  width: 5.8rem;
  height: .5rem;
  background: var(--color);
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.app-box2 .list {
  padding-top: 3rem;
}

.app-box2 .list li {
  text-align: center;
  margin: 3rem 0;
}

.app-box2 .list li .icon {
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.app-box2 .btn-zx {
  margin-top: 5rem;
}

.app-box2 .btn-zx a {
  width: 25.3rem;
  height: 5rem;
  background: var(--color);
  color: #fff;
}

.app-box2 .btn-zx a::after, .app-box2 .btn-zx a::before {
  background: #0d56bb;
}

.app-3 {
  padding-bottom: 0;
}

.app-3 .case-type {
  position: relative;
  padding-left: 1.7rem;
  margin-bottom: 3.5rem;
}

.app-3 .case-type::before {
  content: "";
  width: 0.5rem;
  height: 2.6rem;
  background: var(--color);
  position: absolute;
  left: 0;
  top: .5rem;
}

.app-3 .case-type .desc {
  margin-top: 0.6rem;
  color: #515151;
  font-weight: 100;
}

.app-3 .side-tab li {
  height: 4.1rem;
  padding-left: 6.1rem;
  color: #515151;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 300;
  margin-bottom: 1rem;
}

.app-3 .side-tab li.on {
  background: url("../../images/bg_tab1.png") no-repeat left center;
  background-size: 100% 100%;
  color: #fff;
}

.app-3 .tablist {
  padding-left: 7.8rem;
}

.app-3 .tablist .itembox {
  background: #5a9fff;
  display: none;
}

.app-3 .tablist .itembox .item-info {
  width: 39.2rem;
  padding: 0 3.4rem;
  color: #fff;
}

.app-3 .tablist .itembox .item-info .tit {
  margin-bottom: 3rem;
}

.app-3 .tablist .itembox .item-info .desc {
  line-height: 1.7;
}

.app-3 .tablist .itembox .item-pic {
  flex: 1;
  overflow: hidden;
  height: 45.6rem;
}

/* 新媒体 */
/*==新媒体推广↓==*/
.MediaInner {
  padding: 0rem !important;
  overflow: hidden;
}

.MediaInner .operate ul {
  margin: 0 0 0 -2%;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  padding: 10px 0;
}

.MediaInner .operate ul li {
  display: inline-block;
  width: 23%;
  margin: 0 0% 0 2%;
  text-align: center;
  padding: 3rem 1rem;
  border-radius: 1rem;
  box-shadow: .5rem .5rem 1rem #ddd;
  background: #999;
}

.MediaInner .operate ul h4 {
  color: #fff;
  margin-bottom: 1rem;
  font-weight: normal;
}

.MediaInner .operate ul p {
  color: #fff;
  font-weight: bold;
}

.MediaInner .operate ul li:hover {
  transform: translateY(-0.6rem);
}

.MediaInner .operate ul li:nth-child(1) {
  background: #d93915;
}

.MediaInner .operate ul li:nth-child(2) {
  background: #ffba5f;
}

.MediaInner .operate ul li:nth-child(3) {
  background: #e01800;
}

.MediaInner .operate ul li:nth-child(4) {
  background: #eb5a2e;
}

.MediaInner .operate ul li:nth-child(5) {
  background: #dd0518;
}

/*--------*/
.MediaInner .make {
  background: url(../../images/MakeBg.jpg) no-repeat;
  background-position: center;
}

.MediaInner .make .top {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}

.MediaInner .make .top li {
  display: inline-block;
  width: 25%;
  text-align: center;
}

.MediaInner .make .top a {
  display: block;
  margin: auto;
  width: 22rem;
  height: 22rem;
  padding: 5rem 1rem;
  border-radius: 50%;
  box-shadow: .5rem .5rem 2rem #e5e5e5;
  border: .1rem #dd0518 solid;
  background: #fff;
}

.MediaInner .make .top h4 {
  color: #282828;
  font-size: 3.2rem;
  font-weight: bold;
}

.MediaInner .make .top p {
  color: #282828;
  font-size: 1.8rem;
  margin-top: 1rem;
}

.MediaInner .make .top li:hover a {
  transform: translateY(-0.6rem);
  box-shadow: .5rem .8rem 1rem #fb838e;
}

/*.MediaInner .make .top li:hover h4,.MediaInner .make .top li:hover p{color:#fff}*/
.MediaInner .make .bottom {
  margin: 6rem 0 -3rem -3rem;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}

.MediaInner .make .bottom li {
  display: inline-block;
  width: 25%;
  text-align: center;
  margin-bottom: 3rem;
}

.MediaInner .make .bottom a {
  position: relative;
  z-index: 2;
  display: block;
  height: 100%;
  padding: 7rem 1rem;
  border-radius: 1rem;
  margin-left: 3rem;
  overflow: hidden;
  background: #fff;
}

.MediaInner .make .bottom a:before {
  opacity: 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transform: translateY(1rem);
  background: -webkit-linear-gradient(left, #eb5a2e, #dd0518);
}

.MediaInner .make .bottom em {
	display: table;
	margin: 0 auto 2rem;
	color: #666;
	font-size: 2rem;
	width: 8rem;
	height: 8rem;
	line-height: 7rem;
	border-radius: .5rem;
	background-repeat: no-repeat;
	background-position: center;
}

.MediaInner .make .bottom h4 {
  color: #282828;
  font-size: 2.4rem;
  margin-bottom: 2rem;
}

.MediaInner .make .bottom p {
  color: #282828;
  font-size: 1.6rem;
  line-height: 2.8rem;
}

.MediaInner .make .bottom li:hover a {
  transform: translateY(-0.5rem);
}

.MediaInner .make .bottom li:hover a:before {
  opacity: 1;
  transform: translateX(0rem);
}

.MediaInner .make .bottom li:hover em {
  background-color: #fff;
}

.MediaInner .make .bottom li:hover h4 {
  color: #fff;
}

.MediaInner .make .bottom li:hover p {
  color: #fff;
}

.MediaInner .make .bottom .x1 em {
  background-image: url(../../images/MakeIco01.png);
}

.MediaInner .make .bottom .x2 em {
  background-image: url(../../images/MakeIco02.png);
}

.MediaInner .make .bottom .x3 em {
  background-image: url(../../images/MakeIco03.png);
}

.MediaInner .make .bottom .x4 em {
  background-image: url(../../images/MakeIco04.png);
}

/*--------*/
.MediaInner .pain .box h3 {
  color: #fff;
  padding: 2rem 1rem;
  text-align: center;
  background: #ff943d;
  font-weight: normal;
}

.MediaInner .pain .box span {
  display: block;
  color: #888888;
  font-size: 1.6rem;
  margin: 2.5rem 0;
  padding: 0 2rem;
  padding-bottom: 3rem;
  text-align: left;
  border-bottom: .1rem #ccc dashed;
}

.MediaInner .pain .box hr {
  /* float: left; */
  width: 3rem;
  height: .1rem;
  border: none;
  margin: 0rem 0 1rem 0;
  background: #02011f;
}

.MediaInner .pain .box span b {
  display: block;
  color: #282828;
  font-size: 2.4rem;
  margin-bottom: 1rem;
}

.MediaInner .pain .box span:last-child {
  margin-bottom: 0;
}

.MediaInner .pain .box span:hover {
  transform: translateX(0.5rem);
}

.MediaInner .pain .box span:hover b {
  color: #dd0518;
}

.MediaInner .pain .two h3 {
  background: #e01800;
}

.MediaInner .pain .two hr {
  background: #02011f;
}

/*--------*/
.MediaInner .interact {
  background: #f3f6fe;
}

.MediaInner .interact .card {
  margin: 0 0 0rem -2%;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}

.MediaInner .interact .card li {
  flex-grow: 1;
  display: inline-block;
  width: 12.2%;
  margin-left: 2%;
  color: #52597a;
  font-size: 2.4rem;
  padding: 1.8rem 1rem;
  border: .1rem #dd0518 dashed;
  box-shadow: .5rem .8rem 1rem #ddd;
  text-align: center;
  border-radius: 1rem;
  background: #fff;
}

.MediaInner .interact .card li:hover {
  transform: translateY(-0.5rem);
  color: #fff;
  background: #dd0518;
}

.MediaInner .interact .circle {
  margin: 10rem 0 0 0;
}

.MediaInner .interact .circle li {
  float: left;
  width: 33.3%;
}

.MediaInner .interact .circle a {
  position: relative;
  display: table;
  width: 26rem;
  height: 26rem;
  margin: auto;
  padding: 7.5rem 2rem;
  border-radius: 50%;
  box-shadow: 0rem 0rem 1.5rem #ff8e43;
  font-size: 5.4rem;
  color: #fff;
  text-align: center;
  background: -webkit-linear-gradient(top, #ff952e, #ff562e);
}

.MediaInner .interact .circle span {
  display: block;
  /* position: absolute; */
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.MediaInner .interact .circle font {
  font-size: 1.8rem;
  margin-top: .1rem;
  display: block;
}

.MediaInner .interact .circle li:hover a {
  transform: translateY(-0.6rem);
  /*color:#dd0518; background:#fff*/
  box-shadow: .5rem .5rem 1.2rem #fb838e;
}

/*--------*/
.MediaInner .spread ul {
  margin-left: -4rem;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}

.MediaInner .spread ul li {
  display: inline-block;
  width: 33.3%;
}

.MediaInner .spread ul a {
  position: relative;
  z-index: 2;
  display: block;
  margin-left: 4rem;
  padding: 5rem;
  height: 100%;
  border-radius: 1rem;
  box-shadow: .3rem .5rem 1.8rem #dbdbdb;
  overflow: hidden;
  background: url(https://www.myit.cc/skin/img/SpreadBg01.png) no-repeat right;
}

.MediaInner .spread ul a:before {
  opacity: 0;
  position: absolute;
  z-index: -1;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateY(-0.6rem);
  background: #dd0518 url(https://www.myit.cc/skin/img/SpreadBg01.png) no-repeat right;
}

.MediaInner .spread ul em {
  display: table;
  width: 7rem;
  height: 7rem;
  margin-bottom: 2rem;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.MediaInner .spread ul h4 {
  color: #282828;
  font-size: 2.4rem;
  margin-bottom: 1.2rem;
}

.MediaInner .spread ul p {
  color: #666;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

.MediaInner .spread ul li:hover a {
  transform: translateY(-0.5rem);
  box-shadow: .5rem .8rem 1rem #fb838e;
}

.MediaInner .spread ul li:hover a:before {
  opacity: 1;
  transform: translateY(0rem);
}

.MediaInner .spread ul li:hover h4,
.MediaInner .spread ul li:hover p {
  color: #fff;
}

.MediaInner .spread ul li:hover em {
  background-position: 0 -7rem;
}

.MediaInner .spread .x1 em {
  background-image: url(https://www.myit.cc/skin/img/SpreadIco01.png);
}

.MediaInner .spread .x2 em {
  background-image: url(https://www.myit.cc/skin/img/SpreadIco02.png);
}

.MediaInner .spread .x3 em {
  background-image: url(https://www.myit.cc/skin/img/SpreadIco03.png);
}

/*--------*/
.MediaInner .team {
  background: url(https://www.myit.cc/skin/img/TeamBg.jpg) no-repeat center;
  background-size: cover;
}

.MediaInner .team .top {
  margin-left: -2%;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}

.MediaInner .team .top li {
  float: left;
  width: 18%;
  margin: 0 0 0 2%;
  color: #fff;
  font-size: 3.2rem;
  border-radius: 1rem;
  padding: 2rem 1rem;
  text-align: center;
  box-shadow: .3rem .5rem 1rem #ddd;
  background: #333;
}

.MediaInner .team .top li:hover {
  transform: translateY(-0.5rem);
}

.MediaInner .team .top li:nth-child(1) {
  background: -webkit-linear-gradient(left, #ff6758, #fe9156);
}

.MediaInner .team .top li:nth-child(2) {
  background: -webkit-linear-gradient(left, #fba648, #ffc584);
}

.MediaInner .team .top li:nth-child(3) {
  background: -webkit-linear-gradient(left, #6ca7bc, #8dc5d9);
}

.MediaInner .team .top li:nth-child(4) {
  background: -webkit-linear-gradient(left, #8eaad9, #b9ccee);
}

.MediaInner .team .top li:nth-child(5) {
  background: -webkit-linear-gradient(left, #7d87b1, #c2c8e3);
}

.MediaInner .team .middle {
  text-align: center;
}

.MediaInner .team .middle li {
  /* float:left; */
  display: inline-block;
  width: 18%;
  margin: 0rem 3% 0 3%;
  color: #777d97;
  font-size: 3.2rem;
  border-radius: 1rem;
  padding: 2rem 1rem;
  text-align: center;
  box-shadow: .3rem .5rem 1.5rem #ddd;
  background: #fff;
}

.MediaInner .team .middle li:hover {
  transform: translateY(-0.5rem);
}

.MediaInner .team .explain {
  width: 67%;
  margin: auto;
  padding: 2.5rem;
  border: .1rem #dd0518 dashed;
  text-align: center;
  border-radius: 1rem;
  background: #f5f6f9 url(https://www.myit.cc/skin/img/TeamBg02.png) no-repeat center;
  background-size: cover;
}

.MediaInner .team .explain h4 {
  color: #dd0518;
  font-size: 3.2rem;
}

.MediaInner .team .explain p {
  color: #777d97;
  margin-top: 1rem;
  font-size: 2rem;
}

.MediaInner .team .arrow {
  position: relative;
  margin-bottom: 16rem;
}

.MediaInner .team .arrow:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -11.5rem;
  z-index: 1;
  width: 8rem;
  height: 7.3rem;
  margin-left: -4rem;
  background: url(https://www.myit.cc/skin/img/Arrow01.png) no-repeat center;
}

.MediaInner .team .arrow.top:before {
  left: 51%;
}

/*--------*/
.MediaInner .trait .circle {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}

.MediaInner .trait .circle li {
  display: inline-block;
  width: 20%;
  text-align: center;
}

.MediaInner .trait .circle a {
  display: table;
  margin: auto;
  width: 20rem;
  height: 20rem;
  padding: 5.8rem 1rem;
  border-radius: 50%;
  border: .1rem #dd0518 dashed;
  box-shadow: .2rem .2rem 1.5rem #ffcbaa;
  color: #282828;
  font-size: 3.2rem;
}

.MediaInner .trait .circle li:hover a {
  transform: translateY(-0.5rem);
  box-shadow: .5rem .8rem 1rem #ffcbaa;
}

.MediaInner .trait .process {
  margin: 7rem 0 0rem 0;
  padding: 6rem;
  border-radius: 2rem;
  background: #ced5ef;
}

.MediaInner .trait .process ul {
  margin: 0 -10rem -5rem 0;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}

.MediaInner .trait .process li {
  position: relative;
  display: inline-block;
  width: 16.6%;
  padding-right: 10rem;
  margin-bottom: 5rem;
}

.MediaInner .trait .process li:before {
  content: "";
  position: absolute;
  right: 2.5rem;
  top: 1.2rem;
  width: 4.5rem;
  height: 3.4rem;
  background: url(https://www.myit.cc/skin/img/Arrow02.png) no-repeat center;
}

.MediaInner .trait .process ul a {
  position: relative;
  z-index: 2;
  display: block;
  font-size: 2.2rem;
  color: #fff;
  font-weight: bold;
  padding: 1.5rem 1rem;
  border-radius: .5rem;
  text-align: center;
  overflow: hidden;
  background: #777d97;
}

.MediaInner .trait .process ul a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(left, #fe9156, #ff6758);
}

.MediaInner .trait .process li:nth-child(6n):before {
  display: none;
}

.MediaInner .trait .process li:hover a {
  transform: translateX(0.5rem);
}

.MediaInner .trait .process li:hover a:before {
  opacity: 0;
}

/*--------*/
.MediaInner .result {
  background: #ffffff;
}

.MediaInner .result ul {
  margin-left: -4rem;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  padding:10px 0;
}

.MediaInner .result ul li {
  display: inline-block;
  width: 33.3%;
}

.MediaInner .result ul a {
  display: block;
  height: 100%;
  margin-left: 4rem;
  box-shadow: 0 0 1rem #ddd;
  background: #fff;
}

.MediaInner .result ul h3 {
  color: #fff;
  font-size: 3.2rem;
  padding: 2rem 1rem;
  text-align: center;
  background: #333;
}

.MediaInner .result ul .box {
  padding: 4rem 4rem 6rem 4rem;
}

.MediaInner .result ul h5 {
  color: #282828;
  font-size: 2rem;
  margin-bottom: 4rem;
}

.MediaInner .result ul img {
  display: block;
  margin-bottom: 4rem;
  box-shadow: 0 0 1rem #ddd;
}

.MediaInner .result ul p {
  color: #666;
  font-size: 1.6rem;
}

.MediaInner .result ul span {
  color: #666;
  font-size: 1.6rem;
  display: inline-block;
  margin-right: 5rem;
}

.MediaInner .result ul span font {
  display: block;
  color: #fff;
  font-size: 1.4rem;
  margin-top: 1rem;
  padding: .5rem 1rem;
  border-radius: 2rem;
  text-align: center;
  background: #d93915;
}

.MediaInner .result li:nth-child(1) h3 {
  background: #d93915;
}

.MediaInner .result li:nth-child(2) h3 {
  background: #ffba5f;
}

.MediaInner .result li:nth-child(3) h3 {
  background: #e01800;
}

.MediaInner .result li:hover a {
  transform: translateY(-0.6rem);
  box-shadow: .5rem .5rem 1rem #ddd;
}

/*--------*/
.MediaInner .resource ul {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}

.MediaInner .resource li {
  position: relative;
  display: inline-block;
  width: 25%;
}

.MediaInner .resource ul a {
  display: table;
  margin: auto;
  width: 26rem;
  height: 30rem;
  color: #282828;
  font-size: 2.4rem;
  padding: 8rem 1.5rem;
  text-align: center;
  background: url(https://www.myit.cc/skin/img/shape01.png) no-repeat center;
}

.MediaInner .resource ul b {
  display: table;
  margin: auto;
  font-size: 5.2rem;
  line-height: initial;
  color: #999999;
  font-weight: bold;
  margin-bottom: 1.2rem;
}

.MediaInner .resource a:before {
  opacity: 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(https://www.myit.cc/skin/img/shape02.png) no-repeat center;
}

.MediaInner .resource li:hover b {
  color: #dd0518;
}

.MediaInner .resource li:hover a:before {
  opacity: 1;
}

.MediaInner .resource li:nth-child(5) {
  margin-left: 20rem;
}

/*--------*/
.MediaInner .run {
  background: #f6f8f9;
}

.MediaInner .run ul {
  margin-left: -4rem;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  padding: 10px 0;
}

.MediaInner .run ul li {
  display: inline-block;
  width: 33.3%;
}

.MediaInner .run ul a {
  position: relative;
  z-index: 2;
  display: block;
  margin-left: 4rem;
  padding: 5rem 5rem 5rem 10rem;
  height: 100%;
  border-radius: 1rem;
  box-shadow: .5rem .5rem 1rem #eee;
  overflow: hidden;
  background: #ffff;
}

.MediaInner .run ul a:before {
  opacity: 0;
  position: absolute;
  z-index: -1;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* transform: translateY(-0.6rem); */
  background: #dd0518;
}

.MediaInner .run ul em {
  position: absolute;
  left: -5.5rem;
  top: 0;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.MediaInner .run ul h4 {
  position: relative;
  color: #282828;
  font-size: 2.4rem;
  margin-bottom: 2rem;
}

.MediaInner .run ul p {
  color: #666;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

.MediaInner .run ul li:hover a {
  transform: translateY(-0.5rem);
  box-shadow: .5rem .5rem 1rem #fb838e;
}

.MediaInner .run ul li:hover a:before {
  opacity: 1;
  transform: translateY(0rem);
}

.MediaInner .run ul li:hover h4,
.MediaInner .run ul li:hover p {
  color: #fff;
}

.MediaInner .run ul li:hover em {
  background-position: 0 -40px;
}

.MediaInner .run .x1 em {
  background-image: url(../../images/RunIco01.png);
}

.MediaInner .run .x2 em {
  background-image: url(../../images/RunIco02.png);
}

.MediaInner .run .x3 em {
  background-image: url(../../images/RunIco03.png);
}

.slow,
.slow a,
.slow p,
.slow li,
.slow td,
.slow input,
.slow button,
.slow select.slow textarea,
.slow em,
.slow img,
.slow span,
.slow hr,
.slow h1,
.slow h2,
.slow h3,
.slow h4,
.slow h5,
.slow h6,
.slow b,
.slow *:before,
.slow *:after {
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

/*--*/
.titleBx {
  color: #000123;
  font-size: 4rem;
  margin-bottom: 5rem;
  text-align: center;
  font-weight: bold;
}

.titleBx hr {
  width: 3rem;
  height: .2rem;
  margin: 1rem auto .5rem;
  border: none;
  display: table;
  background: #dd0518;
}

.titleBx b {
  display: block;
  color: #282828;
  font-size: 2.4rem;
  font-weight: 100;
  margin-top: 1.5rem;
}

.titleBx b font {
  font-size: 3.6rem;
}

.titleBx span {
  display: block;
  margin: 1rem auto 0;
  color: #bdbdbd;
  font-size: 1.4rem;
  font-weight: 400;
}

.titleBx .se {
  font-size: 2.4rem;
  color: #282828;
  margin-top: 1.2rem;
  display: block;
}

.titleBx.cen {
  text-align: center;
}

.titleBx.white,
.titleBx.white span {
  color: #fff;
}

.titleBx.tTop {
  margin: 5rem 0 0 0;
}

/*--*/
.titleCx {
  color: #000123;
  font-size: 4rem;
  margin-bottom: 5rem;
  text-align: center;
}

.titleCx hr {
  width: 4rem;
  height: .2rem;
  margin: 1.5rem auto 0;
  border: none;
  display: table;
  background: #dd0518;
}

.titleCx span {
  display: block;
  margin-top: 1.5rem;
  color: #888888;
  font-size: 1.8rem;
}

.titleCx.cen {
  text-align: center;
}

.titleCx.white,
.titleCx.white span {
  color: #fff;
}

/* 营销推广 */
.yingxiao {
  overflow: hidden;
}

.yingxiao .yx1 ul {
  background: linear-gradient(-88deg, #29B3F6, #58EFD8);
  color: #fff;
  padding: 4.2rem 13rem;
}

.yingxiao .yx1 ul .item .num {
  margin-bottom: 1rem;
}

.yingxiao .yx2 ul {
  max-width: 91rem;
  margin: 0 auto;
}

.yingxiao .yx2 ul li .item {
  width: 22.8rem;
  height: 22.8rem;
  background: url("../../images/icon_yx1.png") no-repeat center;
  background-size: 100% 100%;
  transition: all ease .3s;
}

.yingxiao .yx2 ul li .item .cn {
  margin-bottom: 0.5rem;
  font-weight: 500;
  letter-spacing: 1px;
}

.yingxiao .yx2 ul li .item .en {
  color: #828282;
  text-transform: uppercase;
}

.yingxiao .yx2 ul li:hover .item {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.yingxiao .yx3 {
  background-position: bottom center;
  background-size: 100%;
}

.yingxiao .yx3 .list li {
  margin-bottom: 4.5rem;
}

.yingxiao .yx3 .list li .item {
  background: #F1F4F6;
  border-radius: 0.6rem;
  padding: 5.5rem 7.5rem;
  position: relative;
}

.yingxiao .yx3 .list li .item .icon {
  width: 9rem;
  flex-shrink: 0;
  margin-right: 2.5rem;
}

.yingxiao .yx3 .list li .item .info .tit {
  margin-bottom: 1rem;
}

.yingxiao .yx3 .list li .item .info .desc {
  color: #121212;
}

.yingxiao .yx3 .list li .item .xh {
  color: #fff;
  right: 7.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-style: italic;
}

.yingxiao .yx3 .list li:last-child {
  margin-bottom: 0;
}

.yingxiao .yx4 .item {
  background: #fff;
  min-height: 26.6rem;
  padding: 5rem 5rem 5rem 3rem;
  border-bottom: .4rem solid #ff943d;
}

.yingxiao .yx4 .item .item-icon img {
  max-width: 8.9rem;
}

.yingxiao .yx4 .item .item-info {
  max-width: 39rem;
}

.yingxiao .yx4 .item .desc {
  margin: 2.3rem 0;
  color: #626060;
  line-height: 1.6;
}

.yingxiao .yx4 .item .tag span {
  height: 2.4rem;
  padding: 0 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.5rem;
  border-radius: 0.8rem;
  border: 1px solid #B0B0B0;
  color: #626060;
  cursor: pointer;
}

.yingxiao .yx4 .item .tag span:hover {
  background: var(--color);
  color: #fff;
  border-color: var(--color);
}

.yingxiao .yx4 .item .icon {
  width: 9rem;
}

.yingxiao .yx5 .yx5-box1 {
  margin-bottom: 4rem;
}

.yingxiao .yx5 .yx5-box2 .item {
  background: #fff;
  border-radius: 6px;
  min-height: 18rem;
  text-align: center;
  padding: 3rem 0;
  transition: all ease .3s;
  cursor: pointer;
}

.yingxiao .yx5 .yx5-box2 .item .icon {
  margin-bottom: 2rem;
}

.yingxiao .yx5 .yx5-box2 .item .icon img {
  width: 6.6rem;
}

.yingxiao .yx5 .yx5-box2 .item .tit {
  color: #20405d;
}

.yingxiao .yx5 .yx5-box2 .item:hover {
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.1);
}

.yingxiao .yx6 {
  padding-bottom: 0;
}

.yingxiao .yx6 .item .item-tit {
  color: #f58220;
  text-align: center;
  margin: 3rem 0 2rem;
}

.yingxiao .yx6 .item .item-txt {
  max-width: 56rem;
  margin: 0 auto;
  padding: 3rem;
  text-align: center;
}

.yingxiao .yx6 .item .item-desc {
  margin: 3rem 0 4rem;
  font-style: italic;
}

.yingxiao .yx6 .item .item-desc span {
  color: #f58220;
}

.yingxiao .yx6 .item .item-desc2 {
  text-align: left;
  line-height: 1.5;
  color: #666;
}
.banner .swiper-slide{
	background-position:top center;
}


  .videofm{
      display: none;
  }
  


/*在线客服*/
.itemkefu {
    position: fixed;
    top:30%;
    left:1rem;
    background: #5A9FFF;
    z-index: 220;
}
.kfmore{
        font-weight: 400;
        font-size: 2.2rem;
        color: #fff;
        line-height: 2rem;
        text-align: center;
        padding: 4rem 1.6rem 0rem 1.6rem;
    }
    .kfmoreen{

        font-family: MiSans;
        font-weight: 400;
        font-size: 0.9rem;
        color: #FFFFFF;
        line-height: 2rem;
        opacity: 0.49;
        text-align: center;
    }
    .learnmore{
        width: 12.7rem;
        height: 6.8rem;
        background: #FFFFFF;
        border-radius: 0.4rem;
        margin:2rem auto;
        
    }
    
    .kflearnmore{
        font-weight: 500;
        font-size: 1.84rem;
        color: #5A9FFF;
        line-height: 2rem;
        text-align: center;
        padding-top: 1.5rem;
    }
    
   .kflearnmoreen{
        font-family: MiSans;
        font-weight: 500;
        font-size: 1.45rem;
        color: #5A9FFF;
        line-height: 2rem;
        text-align: center;
   }
   
   .kfimg{
       position: relative;
       display: block;
       left: 12rem;
       margin-bottom:2.7rem ;
   }


/*5-21新增*/
.maoyi .tabs li {
  height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0C0C0C;
  width: 50%;
  text-align: center;
  margin-bottom: 1rem;
  cursor: pointer;
}

.maoyi .tabs li.active {
  background: #5a9fff;
  color: #fff;
}

.maoyi .myt6 .box1 {
  padding: 5rem 0 0 13.4rem;
}

.maoyi .myt6 .box1 .info {
  max-width: 60rem;
}

.maoyi .myt6 .box1 .info .tit {
  color: #155EC3;
  margin-bottom: 5.4rem;
}

.maoyi .myt6 .box1 .info .desc {
  color: #7F7F7F;
  line-height: 1.6;
}

.maoyi .myt6 .itembox1 .box2 li .item {
  box-shadow: 0px 0px 10px 0px rgba(210, 209, 209, 0.5);
  border-radius: 1rem;
  padding: 6.2rem 5rem;
  min-height: 26rem;
}

.maoyi .myt6 .itembox1 .box2 li .item .icon {
  width: 9rem;
  flex-shrink: 0;
}

.maoyi .myt6 .itembox1 .box2 li .item .icon img {
  width: 7rem;
}

.maoyi .myt6 .itembox1 .box2 li .item .icon img.s2 {
  display: none;
}

.maoyi .myt6 .itembox1 .box2 li .item .info .desc {
  margin-top: 1.5rem;
  line-height: 1.8;
}

.maoyi .myt6 .itembox1 .box2 li:hover .item {
  background-color: #0E669F;
  box-shadow: 9px 8px 12px 0px rgba(167, 167, 167, 0.5);
  color: #fff;
}

.maoyi .myt6 .itembox1 .box2 li:hover .item .icon img {
  animation-name: elementor-animation-buzz-out;
  animation-duration: .75s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.maoyi .myt6 .itembox1 .box2 li:hover .item .icon img.s1 {
  display: none;
}

.maoyi .myt6 .itembox1 .box2 li:hover .item .icon img.s2 {
  display: inline-block;
}

.maoyi .myt6 .itembox2 .box2 li .item {
  box-shadow: 0px 0px 10px 0px rgba(210, 209, 209, 0.5);
  border-radius: 1rem;
  padding: 6.2rem 5rem;
  transition: all ease .3s;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto 99%;
  min-height: 27.5rem;
}

.maoyi .myt6 .itembox2 .box2 li .item .item-tit {
  height: 5.5rem;
}

.maoyi .myt6 .itembox2 .box2 li .item .icon {
  width: 5rem;
  flex-shrink: 0;
  margin-right: 1.5rem;
  margin-top: 1rem;
}

.maoyi .myt6 .itembox2 .box2 li .item .icon img {
  width: 5rem;
}

.maoyi .myt6 .itembox2 .box2 li .item .icon img.s2 {
  display: none;
}

.maoyi .myt6 .itembox2 .box2 li .item .item-desc {
  max-width: 39rem;
  line-height: 1.6;
  margin-top: 1.8rem;
}

.maoyi .myt6 .itembox2 .box2 li:hover .item {
  background-color: #0E669F;
  box-shadow: 9px 8px 12px 0px rgba(167, 167, 167, 0.5);
  color: #fff;
}

.maoyi .myt6 .itembox2 .box2 li:hover .item .icon img {
  animation-name: elementor-animation-buzz-out;
  animation-duration: .75s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.maoyi .myt6 .itembox2 .box2 li:hover .item .icon img.s1 {
  display: none;
}

.maoyi .myt6 .itembox2 .box2 li:hover .item .icon img.s2 {
  display: inline-block;
}

.maoyi .myt6 .itembox2 .box2 li:nth-child(1) .item {
  background-image: url("../../images/bg_zi1.png");
}

.maoyi .myt6 .itembox2 .box2 li:nth-child(2) .item {
  background-image: url("../../images/bg_zi2.png");
}

.maoyi .myt6 .itembox2 .box2 li:nth-child(3) .item {
  background-image: url("../../images/bg_zi3.png");
}

.maoyi .myt6 .itembox2 .box2 li:nth-child(4) .item {
  background-image: url("../../images/bg_zi4.png");
}

.maoyi .myt6 .list1 .item {
  width: 30rem;
  height: 30rem;
  padding: 0 4.2rem;
  text-align: center;
  color: #fff;
  background: url("../../images/bg_card.png") no-repeat;
  background-size: 100% 100%;
}

.maoyi .myt6 .list1 .item .item-tit {
  line-height: 1.1;
  margin: -2rem 0 .5rem;
}

.maoyi .myt6 .itembox4 .box2 .item {
  height: 17.6rem;
  border-radius: 1rem;
  border: 1px solid #155EC3;
  padding: 3.6rem 0;
  text-align: center;
}

.maoyi .myt6 .itembox4 .box2 .item .tit {
  color: #155EC3;
  margin: -1.3rem 0 .5rem;
}

.maoyi .myt6 .itembox4 .box2 .item .desc {
  color: #232323;
}

.maoyi .myt6 .itembox4 .box3 .item {
  background: #fff;
  border-radius: 1rem;
  padding: 6.2rem 6rem;
  margin: 1.5rem;
  transition: all ease .3s;
  min-height: 22rem;
}

.maoyi .myt6 .itembox4 .box3 .item .item-tit {
  margin-bottom: 2.5rem;
  color: #155EC3;
}

.maoyi .myt6 .itembox4 .box3 .item .item-tit img {
  max-width: 5rem;
  margin-right: 2rem;
  max-height: 5rem;
}

.maoyi .myt6 .itembox4 .box3 .item:hover {
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.175) !important;
}

.maoyi .myt6 .itembox5 .box2 .item {
  background: #F4F4F4;
  padding: 4rem;
  min-height: 30rem;
  border-radius: 1rem;
  transition: all ease .3s;
  color: #444;
}

.maoyi .myt6 .itembox5 .box2 .item .item-tit {
  margin-bottom: 2rem;
}

.maoyi .myt6 .itembox5 .box2 .item .item-tit img {
  width: 4.5rem;
  margin-right: 2rem;
}

.maoyi .myt6 .itembox5 .box2 .item .item-desc {
  line-height: 1.7;
  font-weight: normal;
}

.maoyi .myt6 .itembox5 .box2 .item:hover {
  background-color: transparent;
  background-image: linear-gradient(90deg, #4690BD 0%, #06609B 100%);
  box-shadow: 10px 10px 5px 0px rgba(180, 180, 180, 0.5);
  color: #fff;
}

.maoyi .myt6 .itembox5 .box3 .item .item-tit {
  margin: 0 0 1rem 0;
}

.maoyi .myt-type {
  text-align: center;
  margin: 5.5rem 0;
}

.maoyi .myt-type .tit {
  color: #5A9FFF;
  position: relative;
  padding-bottom: 1rem;
}

.maoyi .myt-type .tit::after {
  content: "";
  width: 6rem;
  height: .1rem;
  background: rgba(90, 159, 255, 0.8);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.maoyi .myt-type .desc {
  margin: 2rem 0 0 0;
  color: #585858;
}

@keyframes elementor-animation-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    transform: translateX(1px) rotate(0);
  }
  100% {
    transform: translateX(-1px) rotate(0);
  }
}

.elementor-animation-buzz-out:active,
.elementor-animation-buzz-out:focus,
.elementor-animation-buzz-out:hover {
  animation-name: elementor-animation-buzz-out;
  animation-duration: .75s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.website .web2 {
  padding: 10rem 0 12rem;
}

.website .web2 .web2-type {
  text-align: right;
  position: relative;
}

.website .web2 .web2-type img {
  width: 38.2rem;
}

.website .web2 .web2-type .tit {
  color: #06609B;
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.website .web2 .item {
  max-width: 40.7rem;
  background: url("../../images/bg_yx01.png") no-repeat;
  background-size: cover;
  color: #fff;
  border-radius: 1rem;
  padding: 3.7rem 2.8rem 2.4rem 3.5rem;
}

.website .web2 .item .item-desc {
  min-height: 23rem;
  margin-top: 4rem;
  line-height: 1.6;
}

.website .web2 .item .xh {
  text-align: right;
}

.website .web3 .web2-type {
  text-align: center;
}

.website .web3 .web2-type .tit {
  color: #06609B;
  font-weight: bold;
}

.website .web3 .web2-type .line {
  margin: 2.5rem 0;
}

.website .web3 .web2-type .line img {
  max-width: 11.9rem;
}

.website .web3 .web2-type .desc {
  color: #707070;
}

.website .web3 .list {
  padding: 8rem 0;
}

.website .web3 li {
  text-align: center;
  padding: 3rem 0;
}

.website .web3 li .icon {
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}

.website .web3 li .icon img {
  max-width: 4rem;
}

.website .web3 li .tit {
  color: #0C0C0C;
}

.website .web3 li .item {
  transition: all ease .3s;
  cursor: pointer;
}

.website .web3 li:hover .item {
  transform: translateY(-6px);
}

.website .web3 li:hover .item .tit {
  color: #06609B;
}

.website .web4 {
  padding: 11rem 0;
  text-align: center;
  color: #fff;
  font-weight: 300;
  line-height: 1.8;
  font-family: 'microsoft yahei';
}

.website .web4 strong {
  font-weight: bold;
}

.website .web5 {
  padding: 5rem 0 0 0;
  margin-bottom: -5rem;
}

.website .web5 .dd {
  margin-top: 6rem;
  min-height: 24.5rem;
  background-repeat: no-repeat;
  background-position: right center;
  padding: 1rem 6.4rem;
  color: #fff;
  transition: all ease .3s;
  background-color: transparent;
}

.website .web5 .dd .item-info {
  max-width: 53.5rem;
  padding: 6rem 0;
}

.website .web5 .dd .item-desc {
  color: rgba(255, 255, 255, 0.7);
  margin-top: 1.8rem;
}

.website .web5 .dd:nth-child(1) {
  background-image: linear-gradient(90deg, #2B91E7 0%, #1D6DCF 100%);
}

.website .web5 .dd:nth-child(2) {
  background-image: linear-gradient(90deg, #23CDBB 0%, #1BC295 100%);
}

.website .web5 .dd:nth-child(3) {
  background-image: linear-gradient(90deg, #878ADD 0%, #7357DC 100%);
}

.website .web5 .dd:nth-child(3) .item-info {
  padding-bottom: 10rem;
}

.website .web5 .dd:hover {
  opacity: .88;
}

@media (max-width:1200px){
	.banner .swp-num{
		left:3rem;
	}
	.itemkefu {
    display: none;
}
}
@media (max-width:980px){
	.banner{
		height:55vh
	}
	.banner .item .txt3 li{
		margin:5px 0;
	}
	.section5 .hz2 .item {
    background: #f9f9f9;
    height: 7rem;
}
}