body {

  background: #fff;

}
video{
  max-width: 100%;
}
ul{
  margin-bottom: 0;
}
p{
  margin: 0;
}

@font-face {

  font-family: "SourceHanSansCN-Medium";

  src: url("../font/SourceHanSans-Medium.otf");

  font-style: normal;

}

@font-face {

  font-family: "BebasNeue";

  src: url("../font/BebasNeue.otf");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: SourceHanSansCN-Regular;

  src: url("../font/SourceHanSans-Regular.otf");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: SourceHanSansCN-Heavy;

  src: url("../font/SourceHanSans-Heavy.otf");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: SourceHanSansCN-Light;

  src: url("../font/SourceHanSans-Light.otf");

  font-weight: normal;

  font-style: normal;

}
@font-face {

  font-family: OPPOSans-L;

  src: url("../fonts/OPPOSans-L.ttf");

  font-weight: normal;

  font-style: normal;

}
@font-face {

  font-family: OPPOSans-B;

  src: url("../fonts/OPPOSans-B.ttf");

  font-weight: normal;

  font-style: normal;

}
@font-face {

  font-family: OPPOSans-R;

  src: url("../fonts/OPPOSans-R.ttf");

  font-weight: normal;

  font-style: normal;

}
@font-face {

  font-family: OPPOSans-H;

  src: url("../fonts/OPPOSans-H.ttf");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: OPPOSans-M;

  src: url("../fonts/OPPOSans-M.ttf");

  font-weight: normal;

  font-style: normal;

}
@font-face {

  font-family: PingFang-SC-Medium;

  src: url("../fonts/PingFang_Medium_downcc.otf");

  font-weight: normal;

  font-style: normal;

}
@font-face {

  font-family: PingFang-SC-Bold;

  src: url("../fonts/PingFang-SC-Bold.ttf");

  font-weight: normal;

  font-style: normal;

}
@font-face {

  font-family: DIN-Bold;

  src: url("../fonts/DIN-Bold.ttf");

  font-weight: normal;

  font-style: normal;

}





.activehead {

  /* background: #ffffff !important; */
  background: url(../images/h-bg11.jpg) no-repeat !important;
  background-size: cover !important;

  box-shadow: 0px 16px 51px 0px rgba(0, 0, 0, 0.06);
  z-index: 999 !important;

}

.activehead .head-cen .head-logo img:nth-child(1) {

  display: none !important;

}

.activehead .head-cen .head-logo img:nth-child(2) {

  display: inline !important;

}

.activehead .head-cen ul li a {

  color: #595757 !important;

}

.activehead .head-cen ul li .head-items div {

  /* background: #fff !important; */
  background: url(../images/h-bg22.jpg) no-repeat !important;
  background-size: cover !important;

  box-shadow: 1px 5px 7px #999;

}

.head {

  position: fixed;

  width: 100%;

  top: 0;

  z-index: 10;

  transition: all 0.5s;
  background: rgba(0,0,0,0);

}

.head .head-cen {

  max-width: 1632px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  align-items: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;

}


.pagination{
  justify-content: center;
}

.pagination li{

}

.pagination li a{
  
}

.head .head-cen .head-logo img:nth-child(2) {

  display: none;

}

.head .head-cen .head-logo img {

  transition: all 0.5s;

}

.head .head-cen ul {

  display: flex;

  justify-content: space-between;

  /* width: 48.9%; */
  width: 70%;

}

.head .head-cen ul li {

  position: relative;

}
/* .head .head-cen ul li:last-child{
    display: none;
}
.head .head-cen ul li:nth-child(8){
  display: none;
} */

.head .head-cen ul li a {

  font-size: 16px;

  transition: all 0.5s;

  color: #ffffff;

  position: relative;

  padding: 24px 0;

  display: block;

	font-family: OPPOSans-R;

}

.head .head-cen ul li a::after {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  content: '';

  width: 0;

  height: 1px;

  background: #fff;

  bottom: 16px;

  transition: all 0.5s;

}

.head .head-cen ul li a:hover {

  color: #000 !important;

}

.head .head-cen ul li .head-items {

  opacity: 0;

  visibility: hidden;

  transform: translateY(25px);

  transition: all 0.5s;

  width: 100%;

  position: fixed;

  left: 0;

}
.head .head-cen ul li:nth-child(7) .head-items{
  display: none;
}

.head .head-cen ul li .head-items div {

  /* background: rgba(250, 250, 250, 0.6); */
  background: url(../images/h-bg2.png) no-repeat;
  background-size: cover;

  height: 46px;

  display: flex;

  align-items: center;

}

.head .head-cen ul li .head-items div ul {

  display: flex;

  justify-content: center;

  width: 100%;

  position: absolute;

}
.head .head-cen ul li .head-items div ul li:last-child{
    display: block;
}

.head .head-cen ul li .head-items div ul li {

  padding: 0 29px;

}

.head .head-cen ul li .head-items div ul li a {

  font-size: 13px;

  transition: all 0.5s;

  color: #595757 !important;

}

.head .head-cen ul li .head-items div ul li a:hover {

  color: #000 !important;

}

.head .head-cen ul li .head-items div ul li a::after {

  display: none !important;

}

.head .head-cen ul li .head-items div ul li:hover a::after {

  display: none !important;

  width: 0 !important;

}

.head .head-cen ul .head-code {

  position: absolute;

  /* left: 0; */
  right: 0;

  min-width: 199px;

  top: 98%;

  opacity: 0;

  visibility: hidden;

  transform: translateY(15px);

  transition: all 0.5s;

}

.head .head-cen ul .head-code .head-code-con {

  background: #fff;

  position: relative;

  display: flex;

}

.head .head-cen ul .head-code .head-code-con div {

  text-align: center;

  padding-top: 6px;

  padding-bottom: 2px;

}

.head .head-cen ul .head-code .head-code-con div p {

  font-size: 12px;

  color: #000000;

  transform: scale(0.75);

  margin-top: -6px;
  white-space: nowrap;

}

.head .head-cen ul .head-code .head-code-con::before {

  position: absolute;

  /* left: 15px; */

  top: -15px;

  content: '';

  width: 16px;

  height: 15px;

  background: url(../images/sjx.png) no-repeat;

  background-size: 100% 100%;
  right: 25px;

}

.head .head-cen ul li:hover a::after {

  width: 100%;

  background: #000;

}

.head .head-cen ul li:hover .head-items {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

}

.head .head-cen ul li:hover a {

  color: #000 !important;

}

.head .head-cen ul li:hover .head-code {

  opacity: 1;

  visibility: visible;

  transform: translateY(3px);

}

.head .head-cen .mob-ico {

  display: none;

}

.head .head-cen .mob-ico img {

  max-width: 37px;

}

.head .head-cen .mob-ico img:nth-child(2) {

  display: none;

}

.head .language{
  position: relative;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.head .language .drop {
  position: absolute;
  top: 72px;
  left: 0;
  width: 100%;
  background: url(../images/h-bg2.png) no-repeat;
  background-size: cover;
  padding: 16px 0;
  display: none;
}

.head .language .lang{
  display: flex;
  align-items: center;
  padding: 24px 0;
}

.head .language .lang span{
  margin: 0 10px 0 8px;
}

.head .language .drop a{
  display: block;
  text-align: center;
  color: #595757;
  line-height: 28px;
}

.head:hover .language,
.activehead .language{
  color: #595757;
}

.head:hover .language img,
.activehead .language img{
  filter: invert(1);
}

.head .language:hover .drop {
  display: block;
}

.head:hover {

  /* background: rgba(255, 255, 255, 0.8); */
  background: url(../images/h-bg1.png) no-repeat;
  background-size: cover;
  

}

.head:hover .head-cen .head-logo img:nth-child(1) {

  display: none;

}

.head:hover .head-cen .head-logo img:nth-child(2) {

  display: inline;

}

.head:hover .head-cen ul li a {

  color: #595757;

}

.mb-nav {

  position: fixed;

  width: 100%;

  height: 100%;

  top: 60px;

  z-index: 99999;

  background: #000;

  padding: 20px;
  padding-top: 5px;
  display: none;

}

.mb-nav p:nth-child(1) {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.mb-nav p:nth-child(1) a img {

  max-width: 212px;

}

.mb-nav p:nth-child(1) .closed {

  max-width: 23px;

}

.mb-nav ul {

  width: 100%;

  margin: 0 auto;

  margin-top: 0px;

}

.mb-nav ul li {
  position: relative;
  border-top: 1px solid #1b1b1b;
  padding: 11px;
}
.mb-nav ul li:nth-child(7) .mb-div{
  display: none !important;
}

.mb-nav ul li a {

  display: block;

  width: 93%;

  font-size: 16px;

  color: rgba(255, 255, 255, 0.7);

}

.mb-nav ul li .mxl-o {

  position: absolute;
  right: 13px;
  top: 18px;
  width: 15px;
  

}
.mb-nav ul li .mxl-t,.mb-nav ul li:nth-child(7) img {

  position: absolute;
  right: 13px;
  top: 21px;
  width: 9px;
  

}

.mb-nav ul li .mb-div {
  display: none;
  margin-top: 13px;
  padding-left: 0;

}

.mb-nav ul li .mb-div .mxl-t {

  position: absolute;

  right: -29px;

  top: 13px;

}
.mb-nav ul li .mxl-e {
  display: none;
  position: absolute;
  right: 10px;
  top: 27px;
  width: 17px;
}

.mb-nav ul li .mb-div a {

  color: #555;
  width: 100%;
  position: relative;
  border-top: 1px solid #1b1b1b;
  padding: 11px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.mb-nav ul li .mb-div a img{
  width: 9px;
}
.mb-nav ul li .mb-div a:last-child{
  padding-bottom: 0;
}

.mb-nav ul li .mb-div a:last-child {

  margin-bottom: 0;

}

.mb-nav p:nth-child(3) {

  width: 84%;

  margin: 0 auto;

  color: rgba(255, 255, 255, 0.7);

  font-size: 17px;

  margin-top: 42px;

}

.mb-nav p:nth-child(3) a {

  color: rgba(255, 255, 255, 0.7);

  font-size: 17px;

  padding: 0 8px;

}

.mb-nav p:nth-child(3) a:nth-child(1) {

  padding-left: 0;

}

.banner .ban-swiper .swiper-wrapper .swiper-slide {

  position: relative;

  height: 100vh;

  overflow: hidden;

}

.banner .ban-swiper .swiper-wrapper .swiper-slide .banner-bg {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  width: 100%;

  height: 100vh;

  max-height: 100vh;

  position: absolute;

  //animation: myfirst1 10s infinite linear;

  //transform: scale(1.5);

}

.banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con {

  max-width: 1570px;

  margin: 0 auto;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  z-index: 5;

}

.banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont1 {

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  z-index: 3;

  justify-content: center;

}

.banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont1 div {

  opacity: 0;

  transform: translateY(50px);

  transition: all 1s ease;

}

.banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont1 div h3 {

  font-size: 72px;

  font-weight: bold;

  color: #ffffff;

  margin-bottom: 20px;

  margin-top: -120px;

}

.banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont1 div p {

  font-size: 20px;

  letter-spacing: 3px;

  color: #ffffff;

  opacity: 0.68;

  /* font-family: SourceHanSansCN-Regular; */

}

.banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 {

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  z-index: 3;

  justify-content: center;

}

.banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 div {

  opacity: 0;

  transform: translateY(50px);

  transition: all 1s ease;

}

.banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 div p {

  font-size: 36px;

  color: #ffffff;

}

.banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 div h3 {

  font-size: 72px;

  font-weight: bold;

  color: #ffffff;

  margin-top: 14px;

  font-family: OPPOSans-H;

}

.banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 div a {

  margin-top: 145px;

  display: flex;

}

.banner .ban-swiper .swiper-wrapper .swiper-slide-active .banner-con .banner-cont1 div {

  opacity: 1;

  transform: translateY(0);

}

.banner .ban-swiper .swiper-wrapper .swiper-slide-active .banner-con .banner-cont2 div {

  opacity: 1;

  transform: translateY(0);

}

.banner .ban-swiper .ban-pagination {

  bottom: 28px;

  left: auto;

  right: 125px;

  display: flex;

  justify-content: flex-end;

}

.banner .ban-swiper .ban-pagination .swiper-pagination-bullet {

  width: 16px;

  height: 16px;

  background-color: #ffffff;

  opacity: 0.4;

  margin: 0 8px;

  border-radius: 100%;

  transition: all 0.5s;

}

.banner .ban-swiper .ban-pagination .swiper-pagination-bullet-active {

  width: 40px;

  height: 16px;

  background-color: #ffffff;

  border-radius: 8px;

  opacity: 1;

  border-radius: 20px;

}

@keyframes myfirst1 {

  from {

    transform: scale(1.25);

  }

  to {

    transform: scale(1);

  }

}

.i-ban {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  width: 100%;

  height: 100vh;

  max-height: 100vh;

  display: flex;

  justify-content: center;

  align-items: center;
  image-rendering: pixelated;

}

.i-ban h3 {

  font-size: 72px;

  font-weight: 400;

  color: #ffffff;
  letter-spacing: 6px;
	font-family: OPPOSans-B;
}


/*视频弹窗*/
.v-fix{
    position: fixed;
    z-index: 9999 !important;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    top: 0;
    left: 0;
    display: none;
    
}

.v-fix .v-fix-con{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 50px 0;
    position: relative;
}
.v-fix .v-fix-con video{
    max-width: 70%;
    max-height: 90%;
}

.v-fix .v-fix-con p{
    position: absolute;
    right: 33px;
    top: 28px;
    width: 42px;
    cursor: pointer;
}

#none{
    display: none !important;
}











.c-chip {

  text-align: center;

  margin-top: 90px;

}

.c-chip h3 {

  font-size: 50px;

  font-weight: bold;

  color: #000000;

  z-index: 2;

  position: relative;
	font-family: OPPOSans-B;
}

.c-chip h4 {

  font-size: 24px;

  font-weight: bold;

  color: #333333;

  margin-top: 12px;

  z-index: 2;

  position: relative;
	font-family: OPPOSans-M;
}

.c-chip div {

  font-size: 18px;

  line-height: 36px;

  color: #666666;

  margin-top: 22px;

  z-index: 2;

  position: relative;
	font-family: OPPOSans-R;
}

.c-chip p {

  margin-top: -170px;

}

.c-chip p img{
    width: 100%;
}
.c-cloud {

  text-align: center;

  margin-top: 90px;

}

.c-cloud h3 {

  font-size: 50px;

  font-weight: bold;

  color: #000000;

  z-index: 2;

  position: relative;
  font-family: OPPOSans-B;
}

.c-cloud h4 {

  font-size: 24px;

  font-weight: bold;

  color: #333333;

  margin-top: 12px;

  z-index: 2;

  position: relative;
	font-family: OPPOSans-M;
}

.c-cloud .c-cloud-cont {

  font-size: 18px;

  line-height: 36px;

  color: #666666;

  margin-top: 22px;

  z-index: 2;

  position: relative;
	font-family: OPPOSans-R;
}

.c-cloud ul {

  display: flex;

  justify-content: space-between;

  max-width: 961px;

  margin: 0 auto;

  margin-top: 80px;

}

.c-cloud ul li h3 {

  display: flex;

  align-items: flex-end;

}

.c-cloud ul li h3 p:nth-child(1) {

  display: flex;

  align-items: center;

}

.c-cloud ul li h3 p:nth-child(1) span:nth-child(1) {

  font-size: 82px;

  font-weight: bold;

  color: #555555;
	font-family: OPPOSans-H;
}

.c-cloud ul li h3 p:nth-child(1) span:nth-child(2) {

  font-weight: 400;

  font-size: 60px;

  color: #555555;

}

.c-cloud ul li h3 p:nth-child(2) {

  font-size: 44px;

  font-weight: 400;

  margin-left: 9px;

  color: #555555;

  position: relative;

  top: -16px;
	font-family: OPPOSans-B;
}

.c-cloud ul li h5 {

  font-size: 33px;

  color: #555555;

  margin-top: -6px;
	font-family: OPPOSans-R;
}

.c-cloud ul li:nth-child(1) {

  position: relative;

  top: 153px;

  left: 31px;

}

.c-cloud ul li:last-child {

  position: relative;

  top: 117px;

  left: 28px;

}

.c-cloud ul li:last-child h3 p:nth-child(2) {

  font-weight: bold;

  position: relative;

  top: 0;

  font-size: 82px;

}

.c-cloud .c-cloud-con {

  background: url(../images/y-bg.jpg) no-repeat;

  background-size: cover;

  height: 123vh;

  margin-top: 28px;

  background-position: top center;

}


.c-cloud .c-cloud-con .c-cloud-cen {

  max-width: 1456px;

  margin: 0 auto;

  display: flex;

  justify-content: center;

  align-items: center;

}

.c-cloud .c-cloud-con .c-cloud-cen .c-cloud-cen-cen {

  width: 100%;

}

.c-cloud .c-cloud-con .c-cloud-cen .c-cloud-cen-cen .c-cloud-cen-cen-thumb {

  text-align: center;

}

@keyframes myfirst11 {

  0% {

    margin-top: 280px;

    margin-left: 0;

  }

  25% {

    margin-top: 240px;

    margin-left: 50px;

  }

  50% {

    margin-top: 220px;

    margin-left: 25px;

  }

  75% {

    margin-top: 240px;

    margin-left: 50px;

  }

  100% {

    margin-top: 280px;

    margin-left: 0;

  }

}

@keyframes myfirst2 {

  0% {

    margin-top: 0px;

    margin-left: 0;

  }

  25% {

    margin-top: 70px;

    margin-left: 50px;

  }

  50% {

    margin-top: 40px;

    margin-left: 30px;

  }

  75% {

    margin-top: 70px;

    margin-left: 50px;

  }

  100% {

    margin-top: 0px;

    margin-left: 0;

  }

}

@keyframes myfirst3 {

  0% {

    margin-top: 54px;

    margin-left: 0;

  }

  25% {

    margin-top: 100px;

    margin-left: 50px;

  }

  50% {

    margin-top: 70px;

    margin-left: 25px;

  }

  75% {

    margin-top: 100px;

    margin-left: 50px;

  }

  100% {

    margin-top: 54px;

    margin-left: 0;

  }

}

@keyframes myfirst4 {

  0% {

    margin-top: 290px;

    margin-left: 0;

  }

  25% {

    margin-top: 260px;

    margin-left: 30px;

  }

  50% {

    margin-top: 240px;

    margin-left: 15px;

  }

  75% {

    margin-top: 260px;

    margin-left: 30px;

  }

  100% {

    margin-top: 290px;

    margin-left: 0;

  }

}

.c-voice {

  padding-top: 98px;

  background: #f6f6f6;

  padding-bottom: 100px;

}

.c-voice h3 {

  font-size: 50px;

  font-weight: bold;

  color: #000000;

  z-index: 2;

  position: relative;

  text-align: center;
	font-family: OPPOSans-B;
}

.c-voice h4 {

  font-size: 24px;

  font-weight: bold;

  color: #333333;

  margin-top: 12px;

  z-index: 2;

  position: relative;

  text-align: center;
	font-family: OPPOSans-M;
}

.c-voice .c-cloud-cont {

  font-size: 18px;

  line-height: 36px;

  color: #666666;

  margin-top: 22px;

  z-index: 2;

  position: relative;

  text-align: center;
	font-family: OPPOSans-R;
}

.c-voice .c-voice-cont {

  position: relative;

  padding-top: 321px;

  padding-bottom: 191px;

  margin-top: -30px;

}

.c-voice .c-voice-cont .cvoice-thumb {

  text-align: center;

}

.c-voice .c-voice-cont .c-voice-content {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  background: url(../images/ty.png) no-repeat;

  background-size: 118% 100%;

  background-position: center center;

}

.c-voice .c-voice-cont .c-voice-content div {

  display: flex;

  justify-content: space-between;

  max-width: 1600px;

  margin: 0 auto;

}

.c-voice .c-voice-cont .c-voice-content div ul {

  display: flex;

  justify-content: space-between;

  margin-top: 120px;

}

.c-voice .c-voice-cont .c-voice-content div ul li {

  text-align: center;

}

.c-voice .c-voice-cont .c-voice-content div ul li p:nth-child(2) {

  font-size: 20px;

  color: #000000;
  margin-top: 9px;
	font-family: OPPOSans-R;
}

.c-voice .c-voice-cont .c-voice-content div ul:nth-child(1) {

  width: 33%;

}

.c-voice .c-voice-cont .c-voice-content div ul:nth-child(1) li:nth-child(1) {

  margin-top: 280px;

  animation: myfirst11 8s infinite linear;

}

.c-voice .c-voice-cont .c-voice-content div ul:nth-child(1) li:nth-child(2) {

  animation: myfirst2 8s infinite linear;

}

.c-voice .c-voice-cont .c-voice-content div ul:nth-child(2) {

  width: 29%;

}

.c-voice .c-voice-cont .c-voice-content div ul:nth-child(2) li:nth-child(1) {

  margin-top: 54px;

  animation: myfirst3 8s infinite linear;

}

.c-voice .c-voice-cont .c-voice-content div ul:nth-child(2) li:nth-child(2) {

  margin-top: 290px;

  animation: myfirst4 8s infinite linear;

}

.i-ban {

  background-position: top center;

}

.i-ban div h3 {

  font-size: 60px;

  font-weight: 400;

  color: #ffffff;

  position: relative;

  left: 330px;

  top: -20px;
	font-family: OPPOSans-B;
}

.m-con {

  background-color: #f9f9f9;

  padding-top: 104px;
  padding-bottom: 52px;

}

.m-con .mcon-cen {

  max-width: 1600px;

  margin: 0 auto;

}

.m-con .mcon-cen h3 {

  font-size: 50px;

  font-weight: 400;

  color: #333333;

  text-align: center;

  margin-bottom: 0;
  font-family: OPPOSans-B;
}

.m-con .mcon-cen .m-cont {

  margin-top: 96px;

}

.m-con .mcon-cen .m-contt{
  margin-top: 0;
  display: none;
}

.m-con .mcon-cen .m-cont .m-items {

  display: flex;

  justify-content: space-between;

  align-items: center;

  background: #fff;

  margin-bottom: 30px;

  transition: all 0.5s;

}

.m-con .mcon-cen .m-cont .m-items .m-items-lf {

  width: 50%;

}

.m-con .mcon-cen .m-cont .m-items .m-items-lf a {

  display: block;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  width: 100%;

  height: 443px;

  max-height: 443px;

}

.m-con .mcon-cen .m-cont .m-items .m-items-rt {

  width: 50%;

  padding-left: 90px;

  padding-right: 60px;

}

.m-con .mcon-cen .m-cont .m-items .m-items-rt a:nth-child(1) {

  font-size: 30px;

  font-weight: 400;

  transition: all 0.5s;

  color: #333333;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  display: -moz-box;

  -moz-line-clamp: 2;

  -moz-box-orient: vertical;

  word-wrap: break-word;

  word-break: break-all;

  white-space: normal;

  line-height: 38px;
	font-family: OPPOSans-M;
}

.m-con .mcon-cen .m-cont .m-items .m-items-rt p {

  font-size: 18px;

  color: #999999;

  margin-top: 20px;
  font-family: OPPOSans-R;
}

.m-con .mcon-cen .m-cont .m-items .m-items-rt a:nth-child(3) {

  font-size: 18px;

  line-height: 36px;

  letter-spacing: 1px;

  color: #666666;

  transition: all 0.5s;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  display: -moz-box;

  -moz-line-clamp: 2;

  -moz-box-orient: vertical;

  word-wrap: break-word;

  word-break: break-all;

  white-space: normal;

  margin-top: 39px;

}

.m-con .mcon-cen .m-cont .m-items:nth-child(2n) {

  flex-direction: row-reverse;

}

.m-con .mcon-cen .m-cont .m-items:hover {

  box-shadow: 0px 16px 51px 0px rgba(0, 0, 0, 0.06);

}

.m-con .mcon-cen .m-cont .m-items:hover .m-items-rt a:nth-child(1) {

  color: #2749a1;

}

.m-video-con {

  background-color: #f9f9f9;

  padding-top: 104px;

}

.m-video-con .m-video-cont {

  max-width: 1600px;

  margin: 0 auto;

}

.m-video-con .m-video-cont h3 {

  font-size: 50px;

  font-weight: 400;

  color: #333333;

  text-align: center;

  margin-bottom: 0;
  font-family: OPPOSans-B;
}

.m-video-con .m-video-cont .m-video-content {

  margin-top: 93px;

}

.m-video-con .m-video-cont .m-video-content .row .m-video-items {

  margin-bottom: 45px;

}

.m-video-con .m-video-cont .m-video-content .row .m-video-items div {

  transition: all 0.5s;

}

.m-video-con .m-video-cont .m-video-content .row .m-video-items div a:nth-child(1) {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  width: 100%;

  height: 300px;

  max-height: 300px;

  display: block;

}

.m-video-con .m-video-cont .m-video-content .row .m-video-items div a:nth-child(2) {

  font-size: 24px;

  font-weight: 400;

  color: #333333;

  margin-top: 14px;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  display: -moz-box;

  -moz-line-clamp: 1;

  -moz-box-orient: vertical;

  word-wrap: break-word;

  word-break: break-all;

  white-space: normal;

  transition: all 0.5s;
	font-family: OPPOSans-M;
}
.m-video-con .m-video-cont .m-video-content .row .m-video-items div a:nth-child(2) img{
  display: none;
}

.m-video-con .m-video-cont .m-video-content .row .m-video-items .div-v:hover {

  transform: translateY(-10px);

}

.m-video-con .m-video-cont .m-video-content .row .m-video-items div:hover a:nth-child(2) {

  color: #2749a1;

}

.mshow-con {

  max-width: 1300px;

  margin: 0 auto;

  margin-top: 90px;

  padding-bottom: 100px;

}

.mshow-con h3 {

  font-size: 34px;

  font-weight: 400;

  color: #333333;

  text-align: center;
	font-family: OPPOSans-B;
}

.mshow-con .mshow-date {

  font-size: 18px;

  color: #000000;

  text-align: center;

  border-bottom: 1px solid #dcdcdc;

  margin-top: 13px;

  padding-bottom: 10px;
	font-family: OPPOSans-R;
}

.mshow-con .mshow-cont {

  font-size: 24px;

  line-height: 48px;

  color: #333333;

  padding-top: 44px;
	font-family: OPPOSans-R;
}

.mshow-con .mshow-dh {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin-top: 40px;

}

.mshow-con .mshow-dh p {

  display: flex;

  align-items: center;

}

.mshow-con .mshow-dh p span {

  font-size: 24px;

  letter-spacing: 1px;

  color: #333333;
  white-space: nowrap;
	font-family: OPPOSans-R;
}

.mshow-con .mshow-dh p a {

  font-size: 22px;

  color: #333333;

  transition: all 0.5s;
	font-family: OPPOSans-R;
}

.mshow-con .mshow-dh p a:hover {

  color: #2749a1;

}

.mshow-con .mshow-dh p:nth-child(2) {

  flex-direction: row-reverse;

}

.mshow-con .row {

  margin-left: -9px;

  margin-right: -9px;

  margin-top: 20px;

}

.mshow-con .row .mshow-items {

  padding: 0 9px;

}

.mshow-con .row .mshow-items .mshow-items-con {

  border: 1px solid #e0e0e0;

}

.mshow-con .row .mshow-items .mshow-items-con .mshow-thumb {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  width: 100%;

  height: 285px;

  max-height: 285px;

  display: block;

}

.mshow-con .row .mshow-items .mshow-items-con div {

  padding: 17px 30px 15px 15px;

}

.mshow-con .row .mshow-items .mshow-items-con div a {

  font-size: 20px;

  line-height: 28px;

  letter-spacing: 1px;

  color: #333333;

  transition: all 0.5s;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  display: -moz-box;

  -moz-line-clamp: 2;

  -moz-box-orient: vertical;

  word-wrap: break-word;

  word-break: break-all;

  white-space: normal;
	font-family: OPPOSans-M;
}

.mshow-con .row .mshow-items .mshow-items-con div p {

  font-size: 18px;

  line-height: 48px;

  letter-spacing: 1px;

  color: #333333;

  opacity: 0.59;

  margin-top: 12px;
  font-family: OPPOSans-R;
}

.mshow-con .row .mshow-items .mshow-items-con:hover a {

  color: #2749a1;

}

.i-ban {

  flex-direction: column;

}

.i-ban p {

  font-size: 30px;

  letter-spacing: 6px;

  color: #ffffff;

  opacity: 0.5;

  margin-top: 18px;

}

.j-ceo {

  max-width: 1600px;

  margin: 0 auto;

  margin-top: 90px;

}

.j-ceo .j-ceo-con {

  display: flex;

  justify-content: space-between;

  margin-top: 50px;

}

.j-ceo .j-ceo-con .j-ceo-con-lf {

  width: 49.4%;

}

.j-ceo .j-ceo-con .j-ceo-con-lf ul li {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  width: 100%;

  height: 595px;

  max-height: 595px;

}

.j-ceo .j-ceo-con .j-ceo-con-rt {

  width: 49.4%;

}

.j-ceo .j-ceo-con .j-ceo-con-rt ul:nth-child(1) {

  margin-bottom: 21px;

}

.j-ceo .j-ceo-con .j-ceo-con-rt ul:nth-child(1) li {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  width: 100%;

  height: 287px;

  max-height: 287px;

}

.j-ceo .j-ceo-con .j-ceo-con-rt ul:nth-child(2) {

  display: flex;

  justify-content: space-between;

}

.j-ceo .j-ceo-con .j-ceo-con-rt ul:nth-child(2) li {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  height: 287px;

  max-height: 287px;

  width: 48.6%;

}

.jceo-bt1 {

  font-size: 50px;

  font-weight: 500;

  color: #333333;

  text-align: center;
	font-family: OPPOSans-B;
}

.jceo-bt2 {

  font-size: 18px;

  color: #333333;

  text-align: center;

  margin-top: 15px;
	font-family: OPPOSans-R;
}

.j-happy {

  max-width: 1600px;

  margin: 0 auto;

  margin-top: 90px;

}

.j-happy .j-happy-con {

  display: flex;

  justify-content: space-between;

  margin-top: 50px;

}

.j-happy .j-happy-con .j-ceo-con-lf {

  width: 49.4%;

}

.j-happy .j-happy-con .j-ceo-con-lf ul li {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  width: 100%;

  height: 648px;

  max-height: 648px;

}

.j-happy .j-happy-con .j-ceo-con-rt {

  width: 49.4%;

}

.j-happy .j-happy-con .j-ceo-con-rt ul li {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  width: 100%;

  height: 324px;

  max-height: 324px;

}

.j-happy .j-happy-con .j-ceo-con-rt ul:nth-child(1) {

  margin-bottom: 19px;

}

.j-happy .j-happy-con .j-ceo-con-rt ul:nth-child(2) li {

  height: 305px;

  max-height: 305px;

}

.j-join {

  background-color: #f9f9f9;

  margin-top: 90px;

  padding-bottom: 80px;

}

.j-join .j-join-cen {

  max-width: 1600px;

  margin: 0 auto;

  padding-top: 70px;

}

.j-join .j-join-cen .row {

  margin-left: -11px;

  margin-right: -11px;

  margin-top: 57px;

  transition: all 0.5s;

}

.j-join .j-join-cen .row .jjoin-items {

  padding: 0 11px;

  margin-bottom: 22px;

}

.j-join .j-join-cen .row .jjoin-items .jjoin-con {

  background: #fff;

  padding: 0 58px;

  padding-top: 40px;

  padding-bottom: 18px;

  cursor: pointer;

  position: relative;

  overflow: hidden;

  transition: all 0.5s;

}

.j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-bt {

  font-size: 30px;

  font-weight: 500;

  color: #333333;
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 1;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    font-family: OPPOSans-R;
}

.j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-bt2 {

  font-size: 22px;

  color: #333333;

  margin-top: 26px;
  font-family: OPPOSans-R;

}

.j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-add {

  font-size: 18px;

  text-align: right;

  color: #999999;

  margin-top: 43px;

  font-family: OPPOSans-R;
}

.j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-content {

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  visibility: hidden;

  background: #fff;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  padding: 0 14px;

  transition: all 0.5s;

}
.j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-content div{
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 7;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
.j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-content div p {

  font-size: 15px;

  position: relative;

  line-height: 26px;

  letter-spacing: 1px;

  color: #666666;

  padding-left: 12px;
  word-break: normal;

}

.j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-content div p::before {

  position: absolute;

  left: 0;

  top: 10px;

  content: '';

  width: 4px;

  height: 4px;

  border-radius: 100%;

  background: #666;

}

.j-join .j-join-cen .row .jjoin-items .jjoin-con:hover {

  box-shadow: 0px 16px 51px 0px rgba(0, 0, 0, 0.06);

}

.j-join .j-join-cen .row .jjoin-items .jjoin-con:hover .jjoin-content {

  opacity: 1 !important;

  visibility: visible !important;

}

.j-join .j-join-cen .jjoin-zd {

  display: none;

}

.j-join .j-join-cen .jjoin-zd .row {

  margin-top: 0;

}

 .j-join-down {

  text-align: center;

  margin-top: 40px;

}

 .j-join-down img:nth-child(2) {

  display: none;

}

 .j-join-down img {

  cursor: pointer;

}

.j-join-emali {

  max-width: 1600px;

  margin: 0 auto;

  margin-top: 80px;

  padding-bottom: 80px;

}

.j-join-emali div {

  font-size: 24px;

  line-height: 47px;

  color: #333333;

  text-align: center;	font-family: OPPOSans-R;

}

.j-join-emali h5 {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  margin-top: 70px;
	font-family: OPPOSans-M;
}

.j-join-emali h5 img {

  margin-right: 16px;

}

.s-ban h3 {

  color: #fff;

  font-weight: 500;
	font-family: OPPOSans-B;
}

.shead {

  /* background: rgba(255, 255, 255, 0.8); */
  background: url(../images/h-bg1.png) no-repeat;
  background-size: cover;

}

.shead .head-cen .head-logo img:nth-child(1) {

  display: none;

}

.shead .head-cen .head-logo img:nth-child(2) {

  display: inline;

}

.shead .head-cen ul li a {

  color: #595757;

}

.s-security {

  background: #eaeaea;

  padding-top: 80px;

}

.s-security .s-security-con {

  max-width: 1600px;

  margin: 0 auto;

  text-align: center;

}

.s-security .s-security-con h3 {

  font-size: 50px;

  font-weight: 400;

  color: #333333;
	font-family: OPPOSans-B;
}

.s-security .s-security-con div {

  font-size: 18px;

  line-height: 36px;

  margin-top: 17px;

  color: #333333;

}
.s-security .s-security-con div p{
  font-family: OPPOSans-R;
}
.s-security .s-security-thumb {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: top center;

  width: 100%;

  height: 100vh;

  max-height: 100vh;

  margin-top: 39px;
  cursor: pointer;
  display: block;

}

.s-setup {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: top center;

  width: 100%;

  height: 100vh;

  max-height: 100vh;

  padding-top: 120px;
  display: block;

}

.s-setup .s-setup-cen {

  max-width: 1600px;

  margin: 0 auto;

  text-align: center;

}

.s-setup .s-setup-cen h3 {

  font-size: 50px;

  font-weight: 400;

  color: #110f0f;

  line-height: 63px;

}

.s-setup .s-setup-cen div {

  font-size: 18px;

  line-height: 36px;

  color: #000000;

  margin-top: 17px;

}

.s-setup .s-setup-cen ul {

  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: 28px;

}

.s-setup .s-setup-cen ul li {

  padding: 0 20px;

}

.s-setup .s-setup-cen ul li:nth-child(2) {

  font-size: 30px;

  color: #000000;

  padding: 0;

}

.s-warm {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  width: 100%;

  height: 100vh;

  max-height: 100vh;
  display: block;

}

.s-warm .s-warm-cen {

  max-width: 1300px;

  margin: 0 auto;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.s-warm .s-warm-cen h3 {

  font-size: 50px;

  font-weight: 400;

  color: #ededed;

  line-height: 72px;

}

.s-warm .s-warm-cen div {

  font-size: 18px;

  line-height: 36px;

  color: #ededed;

  margin-top: 67px;

}

.c-protocol {

  margin-top: 90px;

}

.c-protocol h3 {

  font-size: 50px;

  font-weight: bold;

  color: #000000;

  z-index: 2;

  position: relative;

  text-align: center;
	font-family: OPPOSans-B;
}

.c-protocol .c-cloud-cont {

  font-size: 18px;

  line-height: 36px;

  color: #666666;

  margin-top: 22px;

  z-index: 2;

  position: relative;

  text-align: center;
	font-family: OPPOSans-R;
}

.c-protocol .cprotocol-con {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  width: 100%;

  height: 100vh;

  max-height: 100vh;

  display: flex;

  justify-content: center;

  align-items: center;

}

.c-protocol .cprotocol-con .cprotocol-con-cen {

  position: relative;

}

.c-engine {

  margin-top: 90px;

}

.c-engine h3 {

  font-size: 50px;

  font-weight: bold;

  color: #000000;

  z-index: 2;

  position: relative;

  text-align: center;
	font-family: OPPOSans-B;
}

.c-engine h4 {

  font-size: 24px;

  font-weight: bold;

  color: #333333;

  margin-top: 12px;

  z-index: 2;

  position: relative;

  text-align: center;
	font-family: OPPOSans-M;
}

.c-engine .c-cloud-cont {

  font-size: 18px;

  line-height: 36px;

  color: #666666;

  margin-top: 22px;

  z-index: 2;

  position: relative;

  text-align: center;
	font-family: OPPOSans-R;
}

.c-engine .c-engine-con {

  display: flex;

  justify-content: space-between;

  margin-top: 65px;

  background-image: url(../images/yq-bg1.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  width: 100%;

  height: 100vh;

  max-height: 100vh;

  align-items: flex-start;

}

.c-engine .c-engine-con .c-engine-con-lf {

  width: 37.55%;

  background: url(../images/yq-bg.jpg) no-repeat;

  background-size: cover;

  height: 100vh;

}

.c-engine .c-engine-con .c-engine-con-lf div {

  height: 100%;

  align-items: center;

  display: flex;

  justify-content: flex-end;

}

.c-engine .c-engine-con .c-engine-con-lf div img {

  position: relative;

  left: -10px;

  top: 65px;

}

.c-engine .c-engine-con .c-engine-con-rt {

  width: 62.3%;

  display: flex;

  justify-content: flex-end;

  height: 100%;

  position: relative;

}

.c-engine .c-engine-con .c-engine-con-rt ul {

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  height: 100%;

  align-items: flex-start;

  position: absolute;

  left: 0;

}

.c-engine .c-engine-con .c-engine-con-rt ul li:nth-child(1) {

  font-size: 24px;

  color: #ffffff;

  background: rgba(0, 71, 210, 0.34);

  border-radius: 50px 50px 50px 0;

  padding: 23px 16px 22px 50px;

  position: relative;

  left: -175px;

  transition: all 0.5s;
	font-family: OPPOSans-R;
}

.c-engine .c-engine-con .c-engine-con-rt ul li:nth-child(2) {

  font-size: 28px;

  color: #ffffff;

  background: rgba(0, 71, 210, 0.46);

  border-radius: 50px 50px 50px 0;

  padding: 23px 16px 22px 50px;

  margin-top: 47px;

  position: relative;

  left: -314px;

  margin-bottom: 139px;

  transition: all 0.5s;
  font-family: OPPOSans-R;
}

.c-engine .c-engine-con .c-engine-con-rt ul li:hover {

  transform: translateX(-10px);

}

.c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con {

  display: flex;

  margin-right: 132px;

  justify-content: space-between;

  margin-top: 105px;

  background: rgba(255, 255, 255, 0.76);

  align-items: center;

  height: fit-content;

  border-radius: 10px;

  border: 1px solid rgba(197, 197, 197, 0.23);

  padding: 50px 44px 44px 44px;

  position: relative;

}

.c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con .c-engine-con-rt-con-lf {

  margin-right: 44px;

}

.c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con .c-engine-con-rt-con-lf h5 {

  font-size: 29px;

  text-align: center;

  line-height: 36px;

  color: #0071e3;
  font-family: OPPOSans-M;
}

.c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con .c-engine-con-rt-con-rt div {

  display: flex;

  align-items: center;

  margin-bottom: 5px;

}

.c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con .c-engine-con-rt-con-rt div img {

  margin-right: 8px;

}

.c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con .c-engine-con-rt-con-rt div p {

  font-size: 19px;

  color: #0071e3;
	font-family: OPPOSans-R;
}

.c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con::after {

  position: absolute;

  left: 54px;

  bottom: -29px;

  content: '';

  width: 39px;

  height: 28px;

  background: url(../images/sjx1.png) no-repeat;

  background-size: 100% 100%;

}

.c-institute {

  background-color: #0c0c0c;

  padding-top: 90px;

}

.c-institute h3 {

  font-size: 50px;

  font-weight: bold;

  color: #fff;

  z-index: 2;

  position: relative;

  text-align: center;
	font-family: OPPOSans-B;
}

.c-institute h5 {
  color: #dcdddd;
  text-align: center;
  font-size: 24px;
  margin-top: 20px;
  font-family: OPPOSans-M;
}

.c-institute .c-cloud-cont {

  font-size: 18px;

  line-height: 36px;

  color: #666666;

  margin-top: 22px;

  z-index: 2;

  position: relative;

  text-align: center;
	font-family: OPPOSans-R;
}

.c-institute .cinstitute-data {

  max-width: 1272px;

  margin: 0 auto;

  margin-top: 120px;

}

.c-institute .cinstitute-data ul {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  text-align: center;

}

.c-institute .cinstitute-data ul li {

  margin-bottom: 60px;

  width: calc(100%/3);

}

.c-institute .cinstitute-data ul li h4 {

  display: flex;

  align-items: flex-end;

  justify-content: center;

}

.c-institute .cinstitute-data ul li h4 p:nth-child(1) span:nth-child(1) {

  font-size: 60px;

  font-weight: bold;

  color: #0071e3;
	font-family: OPPOSans-B;
}

.c-institute .cinstitute-data ul li h4 p:nth-child(1) span:nth-child(2) {

  font-size: 60px;

  font-weight: bold;

  color: #0071e3;
  display: none;

}
.c-institute .cinstitute-data ul li:nth-child(5) h4 p:nth-child(1) span:nth-child(2) {
  display: inline;

}
.c-institute .cinstitute-data ul li h4 p:nth-child(2) {

  font-size: 24px;

  font-weight: bold;

  color: #ffffff;

  margin-left: 5px;

  position: relative;

  top: -9px;
	font-family: OPPOSans-B;
}

.c-institute .cinstitute-data ul li h5 {

  font-size: 18px;

  text-align: center;

  color: #ffffff;
  font-family: OPPOSans-M;
}

.c-institute .cinstitute-person {

  margin-top: 150px;

}

.c-institute .cinstitute-person ul {

  display: flex;

}

.c-institute .cinstitute-person ul li {

  width: calc(100%/7);

  overflow: hidden;

}

.c-institute .cinstitute-person ul li p {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  width: 100%;

  height: 100vh;

  max-height: 100vh;

  transition: all 0.8s;

}

.c-institute .cinstitute-person ul li:hover P {

  transform: scale(1.05);

}

.foot {

  padding-top: 86px;

  background: #131313;

  padding-bottom: 40px;
  position: relative;

}

.foot .foot-cen {

  max-width: 1530px;

  margin: 0 auto;

}

/* .foot .foot-cen .foot-way {

  display: flex;

  justify-content: space-between;

} */

.foot .foot-cen .foot-way ul {

  display: flex;

  justify-content: space-between;

  width: 100%;

  text-align: center;

  /* margin-top: 45px; */

}

.foot .foot-cen .foot-way ul li p {

  font-size: 22px;

  color: #fff;
  font-family: OPPOSans-R;
}

.foot .foot-cen .foot-way ul li ul {

  display: block;

  width: 100%;

  margin-top: 17px;

}

.foot .foot-cen .foot-way ul li ul li {

  margin-bottom: 11px;

}

.foot .foot-cen .foot-way ul li ul li a {

  font-size: 16px;

  transition: all 0.5s;

  color: #898989;
	font-family: OPPOSans-R;
}

.foot .foot-cen .foot-way ul li ul li a:hover {

  color: #2749a1;

}

.foot .foot-cen .foot-way .foot-contact {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  margin-top: 54px;

  border-top: 1px solid #464646;

}

.foot .foot-cen .foot-way .foot-contact h5 {

  display: flex;

  align-items: center;

  font-size: 22px;

  margin-top: 30px;

  color: #fff;
  font-family: OPPOSans-M;
}

.foot .foot-cen .mediasbox{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.foot .foot-cen .mediasbox p{
  color: #898989;
  font-size: 18px;
  font-family: OPPOSans-R;
}

.foot .foot-cen .medias a{
  margin-left: 16px;
  display: inline-block;
}

.foot .foot-cen .medias img{
  height: 22px;
}

.foot .foot-cen .foot-way div h5 span {

  font-size: 24px;

  color: #333333;

}

/* .foot .foot-cen .foot-bt {

  text-align: left;

  border-top: 1px solid #464646;

  padding-top: 10px;

  margin-top: 16px;

}

.foot .foot-cen .foot-bt p {

  font-size: 14px;

  color: #898989;

} */

.copyright{
  background: #000;
}

.copyright .foot-bt{

  max-width: 1530px;

  margin: 0 auto;
}

.copyright .foot-bt p{
  color: #898989;
  font-size: 14px;
  height: 64px;
  line-height: 64px;
  	font-family: OPPOSans-R;
}


.fix-top{
  position: fixed;
  right: 0;
  z-index: 99 !important;
  bottom: 13.5%;
  right: 3.5%;

  /* position: absolute;
  right: 0;
  z-index: 99 !important;
  right: 8%;
  top: 36%; */
}
.fix-top p{

}

.fix-top p img{
  cursor: pointer;
  opacity: 0;
  transition: all .5s;
}

@media (max-width: 1632px) {

  .head .head-cen,

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con {

    max-width: 93%;

  }

}

@media (max-width: 1600px) {

  .j-ceo,

  .j-happy,

  .j-join .j-join-cen,

  .j-join-emali,

  .m-video-con .m-video-cont,

  .m-con .mcon-cen {

    max-width: 93%;

  }

}

@media (max-width: 1599px) {

  .j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-content div p {

    font-size: 14px;

    line-height: 22px;

  }

}

@media (max-width: 1400px) {

  .m-con .mcon-cen .m-cont .m-items .m-items-rt {

    padding-left: 40px;

    padding-right: 40px;

  }
  .c-engine .c-engine-con .c-engine-con-lf{
    padding-left: 65px;
  }
  .c-voice .c-voice-cont .c-voice-content div{
    max-width: 93%;
    margin: 0 auto;
  }
  .i-ban h3{
    font-size: 63px;
  }

}

@media (max-width: 1365px) {

  .mshow-con,

  .s-warm .s-warm-cen {

    max-width: 93%;

  }

}

@media (max-width: 1300px) {

  .s-warm .s-warm-cen,

  .foot .foot-cen {

    max-width: 93%;

  }

  .s-setup .s-setup-cen div {

    max-width: 93%;

    margin: 0 auto;

  }

}

@media (max-width: 1199px) {

  .banner {

    margin-top: 0;

  }

  .head .head-cen ul {

    width: 66.9%;

  }

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 div h3,

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont1 div h3 {

    font-size: 53px;

  }

  .i-ban h3 {

    font-size: 47px;

  }

  .jceo-bt1 {

    font-size: 40px;

  }

  .j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-content {

    padding: 0 9px;

  }

  .j-ceo .j-ceo-con .j-ceo-con-rt ul:nth-child(1) li,

  .j-ceo .j-ceo-con .j-ceo-con-rt ul:nth-child(2) li {

    height: 234px;

  }

  .j-ceo .j-ceo-con .j-ceo-con-lf ul li {

    height: 481px;

  }

  .j-ceo .j-ceo-con .j-ceo-con-rt ul:nth-child(1) {

    margin-bottom: 13px;

  }

  .j-happy .j-happy-con .j-ceo-con-rt ul li {

    height: 250px;

  }

  .j-happy .j-happy-con .j-ceo-con-rt ul:nth-child(2) li {

    height: 235px;

  }

  .j-happy .j-happy-con .j-ceo-con-rt ul:nth-child(1) {

    margin-bottom: 12px;

  }

  .j-happy .j-happy-con .j-ceo-con-lf ul li {

    height: 497px;

  }

  .mshow-con h3 {

    font-size: 27px;

  }

  .mshow-con .mshow-cont {

    font-size: 19px;

  }

  .mshow-con .mshow-dh p span {

    font-size: 21px;

  }

  .mshow-con .mshow-dh p a {

    font-size: 18px;

  }

  .mshow-con .row .mshow-items .mshow-items-con .mshow-thumb {

    height: 193px;

  }

  .m-video-con .m-video-cont h3 {

    font-size: 33px;

  }

  .m-video-con .m-video-cont .m-video-content .row .m-video-items div a:nth-child(1) {

    height: 230px;

  }

  .m-video-con .m-video-cont .m-video-content .row .m-video-items div a:nth-child(2) {

    font-size: 21px;

  }

  .m-video-con .m-video-cont .m-video-content .row .m-video-items {

    margin-bottom: 24px;

  }

  .m-video-con .m-video-cont .m-video-content {

    margin-top: 54px;

  }

  .m-con .mcon-cen h3 {

    font-size: 36px;

  }

  .m-con .mcon-cen .m-cont {

    margin-top: 46px;

  }

  .s-setup .s-setup-cen h3,

  .s-security .s-security-con h3,

  .s-warm .s-warm-cen h3 {

    font-size: 34px;

    line-height: 50px;

  }

  .s-security .s-security-con,.c-cloud {

    /* max-width: 93%; */

  }
  .c-cloud,.c-protocol,.c-engine{
    /* margin: 0 auto;
    margin-top: 80px;
    max-width: 93%; */
  }
  .c-cloud .c-cloud-con{
    height: 123vh;
  }
  .c-voice h3,.c-protocol h3{
    font-size: 36px;
  }
  .c-voice h4{
    font-size: 21px;
  }
  .c-protocol .cprotocol-con{
    height: 61vh;
  }
  .c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con {
    margin-right: 33px;
    margin-top: 30px;
    padding: 24px 35px 16px 35px;
}
.c-institute .cinstitute-person ul li p{
  height: 56vh;
}
.c-engine .c-engine-con .c-engine-con-rt ul li:nth-child(1),.c-engine .c-engine-con .c-engine-con-rt ul li:nth-child(2){
  font-size: 20px;
  padding: 15px 16px 15px 31px;
}
.c-engine .c-engine-con .c-engine-con-rt ul li:nth-child(2){
  left: -139px;
}
.c-engine .c-engine-con .c-engine-con-rt ul li:nth-child(1){
  left: -73px;
}
.c-cloud .c-cloud-cont,.c-protocol .c-cloud-cont,.c-engine .c-cloud-cont,.c-institute .c-cloud-cont{
  max-width: 93%;
  margin: 0 auto;
  margin-top: 22px;
  font-size: 17px;
  line-height: 33px;
}
.c-cloud ul li h3 p:nth-child(1) span:nth-child(1){
  font-size: 57px;
}
.c-cloud ul li h3 p:nth-child(1) span:nth-child(2){
  font-size: 43px;
}
.c-cloud ul li h3 p:nth-child(2){
  font-size: 32px;
  top: -9px;
}
.c-cloud ul li:last-child h3 p:nth-child(2){
  font-size: 57px;
}
.c-cloud ul li h5{
  font-size: 26px;
}
.c-voice .c-cloud-cont {
    font-size: 17px;
    line-height: 33px;
}
.c-cloud ul li:nth-child(1) {
  top: 131px;
  left: 119px;
}
.c-cloud ul li:last-child {
  top: 107px;
  left: -70px;
}
.c-institute .cinstitute-person{
  margin-top: 74px;
}
.j-join .j-join-cen .row .jjoin-items .jjoin-con {
  padding: 0 27px;
  padding-top: 29px;
  padding-bottom: 25px;
}
  

}

@media (max-width: 990px) {

  .head .head-cen ul {

    display: none;

  }

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 div h3,

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont1 div h3 {

    font-size: 37px;

  }

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 div p {

    font-size: 31px;

  }

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 div a {

    margin-top: 90px;

  }

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont1 div p {

    font-size: 18px;

  }

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont1 div h3 {

    margin-top: 0;

  }

  .i-ban h3 {

    font-size: 39px;

  }

  .i-ban p {

    font-size: 22px;

    margin-top: 4px;

  }

  .jceo-bt1 {

    font-size: 31px;

  }

  .jceo-bt2 {

    font-size: 16px;

    line-height: 28px;

  }

  .j-ceo .j-ceo-con .j-ceo-con-rt ul:nth-child(1) li,

  .j-ceo .j-ceo-con .j-ceo-con-rt ul:nth-child(2) li {

    height: 178px;

  }

  .j-ceo .j-ceo-con .j-ceo-con-lf ul li {

    height: 364px;

  }

  .j-ceo .j-ceo-con .j-ceo-con-rt ul:nth-child(1) {

    margin-bottom: 8px;

  }

  .j-happy .j-happy-con .j-ceo-con-rt ul li {

    height: 202px;

  }

  .j-happy .j-happy-con .j-ceo-con-rt ul:nth-child(2) li {

    height: 175px;

  }

  .j-happy .j-happy-con .j-ceo-con-rt ul:nth-child(1) {

    margin-bottom: 8px;

  }

  .j-happy .j-happy-con .j-ceo-con-lf ul li {

    height: 386px;

  }

  .j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-bt {

    font-size: 24px;

  }

  .j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-bt2 {

    font-size: 20px;

  }

  .j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-add {

    font-size: 16px;

    text-align: right;

    margin-top: 23px;

  }

  .j-join .j-join-cen .row .jjoin-items .jjoin-con {

    padding: 0 37px;

    padding-top: 40px;

    padding-bottom: 12px;

  }

  .j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-content div p {

    font-size: 13px;

    line-height: 19px;

  }

  .j-join-emali div {

    font-size: 17px;

    line-height: 37px;

  }

  .j-join-emali h5 {

    margin-top: 31px;

  }

  .i-ban div h3 {

    font-size: 39px;

  }

  .mshow-con .row .mshow-items .mshow-items-con div a {

    font-size: 16px;

    line-height: 24px;

  }

  .m-video-con .m-video-cont h3 {

    font-size: 24px;

  }

  .m-video-con .m-video-cont .m-video-content .row .m-video-items {

    padding: 0 7px;

  }

  .m-video-con .m-video-cont .m-video-content .row {

    margin-left: -7px;

    margin-right: -7px;

  }

  .m-video-con {

    padding-top: 74px;

  }

  .m-video-con .m-video-cont .m-video-content .row .m-video-items div a:nth-child(2) {

    font-size: 17px;

    margin-top: 6px;

  }

  .m-video-con .m-video-cont .m-video-content .row .m-video-items div a:nth-child(1) {

    height: 194px;

  }

  .m-video-con .m-video-cont .m-video-content {

    margin-top: 34px;

  }

  .m-con .mcon-cen h3 {

    font-size: 24px;

  }

  .m-con .mcon-cen .m-cont .m-items .m-items-lf a {

    height: 278px;

  }

  .m-con .mcon-cen .m-cont .m-items .m-items-rt a:nth-child(1) {

    font-size: 17px;

    line-height: 27px;

  }

  .m-con .mcon-cen .m-cont .m-items .m-items-rt p {

    font-size: 16px;

    margin-top: 6px;

  }

  .m-con .mcon-cen .m-cont .m-items .m-items-rt a:nth-child(3) {

    font-size: 15px;

    line-height: 22px;

    margin-top: 24px;

  }

  .foot .foot-cen .foot-way ul {

    width: 58%;

  }

  .foot .foot-cen .foot-way div h5 {

    font-size: 23px;

  }

  .head .head-cen .mob-ico {

    display: block;

  }

  .head {

    padding: 14px 0;
     background: #000;

  }

  .head .head-cen .head-logo img {

    height: 32px;

  }

  .head .head-cen .mob-ico img {

    max-width: 30px;

  }

  .head .head-cen .mob-ico {

    display: block;

    margin-top: 2px;

  }

  .shead .head-cen .mob-ico img:nth-child(1) {

    display: none;

  }

  .shead .head-cen .mob-ico img:nth-child(2) {

    display: block;

  }

  .activehead {

    /* background: #000 !important; */
    background: url(../images/h-bg11.png) no-repeat !important;
    background-size: cover !important;

    box-shadow: 1px 1px 10px #000;

  }

  .activehead .head-cen .head-logo img:nth-child(2){
    display: none !important;
  }





  .activehead .head-cen .head-logo img:nth-child(1){
    display: block !important;
  }
  .shead .head-cen .head-logo img:nth-child(2){
    display: none;
  }
  .shead .head-cen .head-logo img:nth-child(1),.shead .head-cen .mob-ico img:nth-child(1){
    display: block;
  }
  .shead .head-cen .mob-ico img:nth-child(2){
    display: none;
  }
  
  .s-security .s-security-thumb{
    max-width: 93%;
    margin: 0 auto;
    margin-top: 16px;
  }

  .s-setup{
    max-width: 93%;
    margin: 0 auto;
  }
  .s-security{
    background: #fff;
  }
  .s-setup{
    margin-top: 15px;
  }
  .s-setup{
    background-position: bottom center;
    background-size: 100% 281px;
    padding-top: 17px;
    height: 71vh;
  }
  .s-setup .s-setup-cen div{
    text-align: left;
  }
  .s-setup .s-setup-cen div p{
    display: inline;
  }
  .i-ban p{
    display: none;
  }  
  .jceo-bt2{
    text-align: justify;
  }
  .j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-content {
    padding: 0;
    position: relative;
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: all .5s;
  }
  .j-join .j-join-cen .row .jjoin-items .jjoin-con{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
  }
  .j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-bt{
    width: 100%;
  }
  .j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-add,.j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-bt2{
    margin-top: 4px;
    padding-bottom: 12px;
  }
  .j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-content div p::before{
    display: none;
  }
  .j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-content div p{
    padding-left: 0;
    line-height: 21px;
    margin-bottom: 4px;
  }

  .j-join .j-join-cen .row .jjoin-items .jjoin-con:hover .jjoin-content{
    height: auto;
    opacity: 1;
    visibility: visible;
  }
   .j-join-down{
    display: none;
  }
  .j-join .j-join-cen .jjoin-zd{
    display: flex;
  }
  .j-join-emali h5{
    justify-content: flex-start;
  }
  .j-join-emali div{
    text-align: left;
  }
  .s-security .s-security-con div{
    text-align: left;
    max-width: 93%;
    margin:0 auto;
  }
  .s-security .s-security-con div p{
    display: inline;
  }


  .s-warm .s-warm-cen h3{
    text-align: center;
    color: #000;
  }
  .s-warm .s-warm-cen{
    text-align: left;
    justify-content: flex-start;
    margin-top: 17px;
  }
  .s-warm {
    height: 57vh;
    background-size: 100% 281px;
    background-position: bottom center;
    max-width: 93%;
    margin: 0 auto;
    margin-top: 15px;
  }
  .s-warm .s-warm-cen div{
    color: #333;
    margin-top: 0px;
  }
  .head:hover {
    background: #000;
  }
  .head:hover .head-cen .head-logo img:nth-child(1) {
    display: block;
  }
  .head:hover .head-cen .head-logo img:nth-child(2) {
    display: none;
  }
  .mb-nav ul li a{
    color: #fff;
  }
  .banner .ban-swiper .swiper-wrapper .swiper-slide-active .banner-con .banner-cont2 div{
    width: 100%;
  }
  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 div p{
    text-align: center;
  }
  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 div a{
    margin: 0 auto;
  }
  .c-chip div,.c-cloud .c-cloud-cont,.c-voice .c-cloud-cont,.c-protocol .c-cloud-cont,.c-engine .c-cloud-cont,.c-institute .c-cloud-cont{
    max-width: 93%;
    margin: 0 auto;
    text-align: left;
    margin-top: 22px;
  }
  .c-chip h3,.c-cloud h3,.c-cloud h3,.c-voice h3,.c-protocol h3,.c-engine h3,.c-institute h3{
    font-size: 34px;
  }
  .c-chip h4,.c-cloud h4,.c-cloud h4,.c-voice h4,.c-protocol h4,.c-engine h4,.c-institute h4{
    font-size: 21px;
  }
  .c-chip p {
    margin-top: -87px;
  }
  .c-cloud ul li h3 p:nth-child(1) span:nth-child(1),.c-cloud ul li:last-child h3 p:nth-child(2) {
    font-size: 47px;
  }
  .c-cloud ul li h3 p:nth-child(1) span:nth-child(2) {
    font-size: 33px;
  }
  .c-cloud ul li h5 {
    font-size: 22px;
  }
  .c-cloud .c-cloud-con {
    height: 77vh;
  }
  .c-cloud ul{
    max-width: 730px;
  }
  .c-cloud ul li:last-child {
    top: 81px;
  }
  .c-cloud ul li:nth-child(1) {
    top: 101px;
  }
  .c-cloud ul li h3 p:nth-child(2){
    margin-left: 2px;
  }
  .c-voice .c-voice-cont .c-voice-content{
    height: 92%;
  }
  .c-voice .c-voice-cont .c-voice-content div ul li p:nth-child(2) {
    font-size: 17px;
    color: #000000;
  }
  #carousel figure,.caursel3d {
    width: 216px !important;
    height: 192px !important;
  }
  .c-voice .c-voice-cont .c-voice-content div ul:nth-child(2) {
    width: 33%;
  }
  .c-voice .c-voice-cont .c-voice-content div ul:nth-child(1) {
    width: 35%;
  }
  .c-voice .c-voice-cont .c-voice-content div ul{
    margin-top: 42px;
  }
  .c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con .c-engine-con-rt-con-rt div{
    margin-bottom: 0;
  }
  .c-engine .c-engine-con .c-engine-con-rt ul li:nth-child(1), .c-engine .c-engine-con .c-engine-con-rt ul li:nth-child(2){
    font-size: 17px;
    line-height: 24px;
  }
  .c-engine .c-engine-con,.c-engine .c-engine-con .c-engine-con-lf{
    height: 77vh;
  }
  .c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con .c-engine-con-rt-con-lf h5 {
    font-size: 23px;
  }
  .c-institute .cinstitute-data{
    margin-top: 33px;
  }
  .c-institute .cinstitute-person {
    margin-top: 26px;
  }
}

@media (max-width: 767px) {

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 div h3,

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont1 div h3 {

    font-size: 24px;

  }

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont1 div p {

    font-size: 14px;

    line-height: 22px;

    text-align: center;

    margin-top: -7px;

  }

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 div h3,

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont1 div h3 {

    text-align: center;

  }

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 div p {

    font-size: 22px;

  }

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 div a {

    margin-top: 47px;

    width: 37px;

  }

  .banner .ban-swiper .swiper-wrapper .swiper-slide .banner-con .banner-cont2 div h3 {

    margin-top: 4px;

  }

  .banner .ban-swiper .ban-pagination .swiper-pagination-bullet {

    width: 9px;

    height: 9px;

    margin: 0 6px;

  }

  .banner .ban-swiper .ban-pagination {

    right: auto;

    justify-content: center;

  }

  .banner .ban-swiper .ban-pagination .swiper-pagination-bullet-active {

    width: 37px;

    height: 9px;

  }

  .i-ban h3 {

    font-size: 22px;

  }

  .i-ban p {

    font-size: 14px;

    letter-spacing: 3px;

    margin-top: 1px;

  }

  .i-ban {

    height: 58vh;

  }

  .jceo-bt1 {

    font-size: 18px;

    font-weight: bold;

  }

  .jceo-bt2 {

    font-size: 14px;

    line-height: 22px;

    margin-top: 9px;

  }

  .j-ceo .j-ceo-con {

    margin-top: 16px;

    display: block;

  }

  .j-ceo .j-ceo-con .j-ceo-con-rt ul:nth-child(1) li,

  .j-ceo .j-ceo-con .j-ceo-con-rt ul:nth-child(2) li {

    height: 139px;

  }

  .j-ceo .j-ceo-con .j-ceo-con-lf {

    width: 100%;

  }

  .j-ceo .j-ceo-con .j-ceo-con-rt {

    width: 100%;

    margin-top: 8px;

  }

  .j-ceo .j-ceo-con .j-ceo-con-lf ul li {

    height: 258px;

  }

  .j-ceo {

    margin-top: 29px;

  }

  .j-happy {

    margin-top: 35px;

  }

  .j-happy .j-happy-con {

    display: block;

    margin-top: 10px;

  }

  .j-happy .j-happy-con .j-ceo-con-lf {

    width: 100%;

  }

  .j-happy .j-happy-con .j-ceo-con-lf ul li {

    height: 268px;

  }

  .j-happy .j-happy-con .j-ceo-con-rt {

    width: 100%;

    margin-top: 8px;

  }

  .j-join {

    margin-top: 26px;

    padding-bottom: 14px;

  }

  .j-join .j-join-cen {

    padding-top: 22px;

  }

  .j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-bt {

    font-size: 16px;

  }

  .j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-bt2 {

    font-size: 15px;

    margin-top: 7px;

  }

  .j-join .j-join-cen .row .jjoin-items .jjoin-con .jjoin-add {

    font-size: 14px;

    margin-top: 48px;

  }

  .j-join .j-join-cen .row .jjoin-items .jjoin-con {

    padding: 0 19px;

    padding-top: 26px;

    padding-bottom: 12px;

  }

  .j-join .j-join-cen .row {

    margin: 0;

    margin-top: 15px;

  }

  .j-join .j-join-cen .row .jjoin-items {

    padding: 0;

    margin-bottom: 10px;

  }

   .j-join-down {

    margin-top: 8px;

  }

  .j-join-emali div {

    font-size: 15px;

    line-height: 27px;

  }

  .j-join-emali {

    margin-top: 26px;

    padding-bottom: 20px;

  }

  .j-join-emali h5 {

    margin-top: 7px;

    font-size: 14px;

  }

  .j-join-emali h5 img {

    margin-right: 9px;

  }

  .i-ban div h3 {

    font-size: 22px;

    left: 0;

  }

  .i-ban div {

    width: 100%;

    text-align: right;

    padding-right: 28px;

  }

  .mshow-con h3 {

    font-size: 18px;

  }

  .mshow-con .mshow-date {

    font-size: 14px;

    margin-top: -1px;

    padding-bottom: 4px;

  }

  .mshow-con {

    margin-top: 28px;

    padding-bottom: 9px;

  }

  .mshow-con .mshow-cont {

    font-size: 14px;

    line-height: 26px;

    padding-top: 11px;

  }

  .mshow-con .mshow-dh p span {

    font-size: 14px;

  }

  .mshow-con .mshow-dh p a {

    font-size: 13px;

  }

  .mshow-con .mshow-dh {

    margin-top: 13px;

  }

  .mshow-con .row .mshow-items {

    padding: 0 9px;

    width: 100%;

    flex: 100%;

    max-width: 100%;

  }

  .mshow-con .row {

    margin-top: 12px;

  }

  .mshow-con .row .mshow-items .mshow-items-con div a {

    font-size: 14px;

    line-height: 19px;

  }

  .mshow-con .row .mshow-items .mshow-items-con div p {

    font-size: 14px;

    line-height: inherit;

    margin-top: 5px;

  }

  .mshow-con .row .mshow-items .mshow-items-con div {

    padding: 13px 16px 7px 16px;

  }

  .mshow-con .row .mshow-items {

    margin-bottom: 11px;

  }

  .m-video-con .m-video-cont h3 {

    font-size: 18px;

    font-weight: bold;

  }

  .m-video-con {

    padding-top: 29px;

  }

  .m-video-con .m-video-cont .m-video-content .row .m-video-items div a:nth-child(1) {

    height: 214px;

  }

  .m-video-con .m-video-cont .m-video-content .row .m-video-items div a:nth-child(2) {

    font-size: 13px;

    margin-top: 6px;

  }

  .m-video-con .m-video-cont .m-video-content {

    margin-top: 18px;

  }

  .m-video-con .m-video-cont .m-video-content .row .m-video-items {

    margin-bottom: 11px;

  }

  .m-con .mcon-cen h3 {

    font-size: 18px;

    font-weight: bold;

  }

  .m-con {

    padding-top: 27px;

  }

  .m-con .mcon-cen .m-cont {

    margin-top: 20px;

  }

  .m-con .mcon-cen .m-cont .m-items .m-items-rt {

    padding-left: 16px;

    padding-right: 16px;

  }

  .m-con .mcon-cen .m-cont .m-items .m-items-rt a:nth-child(1) {

    font-size: 14px;

    line-height: 21px;

  }

  .m-con .mcon-cen .m-cont .m-items .m-items-rt p {

    font-size: 14px;

    margin-top: 2px;

  }

  .m-con .mcon-cen .m-cont .m-items .m-items-rt a:nth-child(3) {

    font-size: 13px;

    line-height: 21px;

    margin-top: 3px;

  }

  .m-con .mcon-cen .m-cont .m-items .m-items-lf {

    width: 44%;

  }

  .m-con .mcon-cen .m-cont .m-items .m-items-lf a {

    height: 165px;

  }

  .m-con .mcon-cen .m-cont .m-items .m-items-rt {

    width: 56%;

  }

  .m-con .mcon-cen .m-cont .m-items {

    margin-bottom: 14px;

  }

  .s-setup .s-setup-cen h3,

  .s-security .s-security-con h3,

  .s-warm .s-warm-cen h3 {

    font-size: 18px;

    font-weight: bold;

    line-height: 27px;

  }

  .s-security .s-security-con div,

  .s-setup .s-setup-cen div {

    font-size: 14px;

    line-height: 25px;

    margin-top: -3px;

  }

  .s-security {

    padding-top: 19px;

  }

  .s-security .s-security-thumb {

    height: 39vh;

    margin-top: 16px;

  }

  .s-setup .s-setup-cen ul {

    margin-top: 7px;

  }

  .s-setup {

    height:58vh;

    padding-top: 17px;

  }

  .s-warm .s-warm-cen div {

    font-size: 15px;

    line-height: 26px;

    /* margin-top: 22px; */

  }

  .s-warm {

    /* height: 80vh; */

  }

  .foot .foot-cen .foot-way ul {

    display: none;

  }

  .foot .foot-cen .foot-way div {

    width: 100%;

    align-items: center;

    margin-top: 25px;

  }

  .foot .foot-cen .foot-way div h5,

  .foot .foot-cen .foot-way div h5 span {

    font-size: 19px;

  }

  .foot .foot-cen {

    text-align: center;

  }

  .foot {

    padding-top: 32px;

    padding-bottom: 10px;

  }

  .foot .foot-cen .foot-way div h5 {

    margin-top: 15px;

  }

  .foot .foot-cen .foot-bt p {

    font-size: 13px;

    text-align: center;

    line-height: 24px;

  }

  .foot .foot-cen .foot-bt {

    padding-top: 4px;

    margin-top: 5px;

  }
  .s-warm{
    background-size: 100% 258px;
    height: 53vh;
  }
  .s-setup{
    background-size: 100% 258px;
  }
  .m-con .mcon-cen .m-cont .m-items{
    display: block;
  }
  .m-con .mcon-cen .m-cont .m-items .m-items-lf,.m-con .mcon-cen .m-cont .m-items .m-items-rt{
    width: 100%;
  }
  .m-con .mcon-cen .m-cont .m-items .m-items-rt a:nth-child(3){
    display: none;
  }
  .m-con .mcon-cen .m-cont .m-items .m-items-rt{
    padding-top: 10px;
    padding-bottom: 6px;
  }
  .m-video-con .m-video-cont .m-video-content .row .m-video-items div a:nth-child(2){
    background: #fff;
    margin-top: 0;
    padding: 9px 19px;
  }

  .m-video-con .m-video-cont .m-video-content .row .m-video-items div a:nth-child(2) img{
    display: block;
    width: 22px;
    margin-left: 10px;
  }
  .m-video-con .m-video-cont .m-video-content .row .m-video-items div a:nth-child(2){
    display: flex;
    align-items: center;
  }
  .mshow-con .mshow-dh p:nth-child(2){
    align-items: flex-start;
  }
  .c-chip h3, .c-cloud h3, .c-cloud h3, .c-voice h3, .c-protocol h3, .c-engine h3, .c-institute h3{
    font-size: 18px;
    font-weight: bold;
  }
  .c-chip h4, .c-cloud h4, .c-cloud h4, .c-voice h4, .c-protocol h4, .c-engine h4, .c-institute h4 {
    font-size: 15px;
  }
  .c-chip div, .c-cloud .c-cloud-cont, .c-voice .c-cloud-cont, .c-protocol .c-cloud-cont, .c-engine .c-cloud-cont, .c-institute .c-cloud-cont{
    font-size: 14px;
    line-height: 24px;
    margin-top: 9px;
  }
  .c-chip,.c-cloud{
    margin-top: 26px;
  }
  .c-chip p {
    margin-top: -55px;
  }
  .c-cloud .c-cloud-con {
    height: 34vh;
  }
  .c-cloud ul li h3 p:nth-child(1) span:nth-child(1), .c-cloud ul li:last-child h3 p:nth-child(2),.c-cloud ul li h3 p:nth-child(2) {
    font-size: 20px;
  }
  .c-cloud ul li h3 p:nth-child(1) span:nth-child(2) {
    font-size: 21px;
  } 
  .c-cloud ul li h3 p:nth-child(2){
    top: 0;
  }
  .c-cloud ul li h5 {
    font-size: 15px;
  }
  .c-cloud ul li:last-child {
    top: 33px;
    left: -38px;
  }
  .c-cloud .c-cloud-con{
    margin-top: 6px;
  }
  .c-cloud ul{
    margin-top: 25px;
  }
  .c-cloud ul li:nth-child(1) {
    top: 39px;
    left: 55px;
  }
  .c-voice{
    padding-top: 26px;
    padding-bottom: 0;
    overflow: hidden;
  }
  .c-voice .c-voice-cont .c-voice-content {
    height: 93%;
  }
  .c-voice .c-voice-cont{
    padding-top: 104px;
  }
  .c-voice .c-voice-cont .c-voice-content div ul li p:nth-child(2){
    font-size: 13px;
    white-space: nowrap;
  }
  .c-voice .c-voice-cont .c-voice-content div ul {
    width: 40% !important;
  }


  @keyframes myfirst11 {

    0% {
  
      margin-top: 100px;
  
      margin-left: 0;
  
    }
  
    25% {
  
      margin-top: 85px;
  
      margin-left: 25px;
  
    }
  
    50% {
  
      margin-top: 65px;
  
      margin-left: 15px;
  
    }
  
    75% {
  
      margin-top: 85px;
  
      margin-left: 25px;
  
    }
  
    100% {
  
      margin-top: 100px;
  
      margin-left: 0;
  
    }
  
  }
  
  @keyframes myfirst2 {
  
    0% {
  
      margin-top: 0px;
  
      margin-left: 0;
  
    }
  
    25% {
  
      margin-top: 30px;
  
      margin-left: 30px;
  
    }
  
    50% {
  
      margin-top: 40px;
  
      margin-left: 20px;
  
    }
  
    75% {
  
      margin-top: 30px;
  
      margin-left: 30px;
  
    }
  
    100% {
  
      margin-top: 0px;
  
      margin-left: 0;
  
    }
  
  }
  
  @keyframes myfirst3 {
  
    0% {
  
      margin-top: 0px;
  
      margin-left: 0;
  
    }
  
    25% {
  
      margin-top: 34px;
  
      margin-left: 25px;
  
    }
  
    50% {
  
      margin-top: 24px;
  
      margin-left: 15px;
  
    }
  
    75% {
  
      margin-top: 34px;
  
      margin-left: 25px;
  
    }
  
    100% {
  
      margin-top: 0px;
  
      margin-left: 0;
  
    }
  
  }
  
  @keyframes myfirst4 {
  
    0% {
  
      margin-top: 100px;
  
      margin-left: 0;
  
    }
  
    25% {
  
      margin-top: 90px;
  
      margin-left: 30px;
  
    }
  
    50% {
  
      margin-top: 70px;
  
      margin-left: 15px;
  
    }
  
    75% {
  
      margin-top: 90px;
  
      margin-left: 30px;
  
    }
  
    100% {
  
      margin-top: 100px;
  
      margin-left: 0;
  
    }
  
  }


  .c-protocol .cprotocol-con {
    height: 58vh;
  }
  .c-protocol {
    margin-top: 26px;
  }
  .c-protocol .cprotocol-con {
    height: 34vh;
  }
  .c-engine,.c-engine .c-engine-con {
    margin-top: 26px;
  }
  .c-institute .cinstitute-data ul li h4 p:nth-child(1) span:nth-child(1) {
    font-size: 32px;
  }
  .c-institute .cinstitute-data ul li h4 p:nth-child(2) {
    font-size: 17px;
  }
  .c-institute .cinstitute-data ul li h5 {
    font-size: 13px;
    text-align: left;
  }
  .c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con .c-engine-con-rt-con-lf h5{
    font-size: 14px;
    line-height: 20px;
  }
  .c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con .c-engine-con-rt-con-rt div p {
    font-size: 12px;
  }
  .c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con{
    display: block;
  }
  .c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con .c-engine-con-rt-con-lf{
    margin-right: 0;
    text-align: left;
  }
  .c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con {
    padding: 9px 10px 10px 10px;
  } 
  .c-engine .c-engine-con .c-engine-con-rt .c-engine-con-rt-con .c-engine-con-rt-con-lf h5{
    text-align: left;
  }
  .c-engine .c-engine-con .c-engine-con-rt ul li:nth-child(1), .c-engine .c-engine-con .c-engine-con-rt ul li:nth-child(2) {
    font-size: 12px;
    line-height: 19px;
  }
  .c-engine .c-engine-con, .c-engine .c-engine-con .c-engine-con-lf {
    height: 63vh;
  }
  .c-engine .c-engine-con .c-engine-con-rt ul li:nth-child(1), .c-engine .c-engine-con .c-engine-con-rt ul li:nth-child(2){
    padding: 10px 15px;
  }
  .c-engine .c-engine-con .c-engine-con-rt ul li:nth-child(2) {
    left: -90px;
  }
  .c-engine .c-engine-con .c-engine-con-rt ul li:nth-child(2){
    margin-top: 26px;
  }
  .c-engine .c-engine-con .c-engine-con-lf {
    padding-left: 33px;
  }
  .c-engine .c-engine-con .c-engine-con-lf div img{
    top: 0;
  }
  .c-institute{
    padding-top: 24px;
  }
  .c-institute .cinstitute-data ul li h4 p:nth-child(1) span:nth-child(2) {
    font-size: 30px;
  }
  .c-institute .cinstitute-data{
    max-width: 93%;
    margin: 0 auto;
    margin-top: 26px;
  }
  .c-institute .cinstitute-data ul li h4 p:nth-child(2){
    top: -4px;
  }
  .c-institute .cinstitute-data ul li h5{
    text-align: center;
    line-height: 21px;
  }
  .c-institute .cinstitute-data ul li {
    width: 26%;
    margin-bottom: 11px;
  } 
  .c-institute .cinstitute-person ul li p {
    height: 22vh;
  }
  .c-institute .cinstitute-person{
    margin-top: 0;
  }








}