.competency-header {
  position: relative;
}

.competency-header img {
  width: 100%;
}

.competency-header .big-title {
  font-size: 5rem;
  width: 100%;
  text-align: center;
  top: 34%;
  color: #333;
  font-weight:normal;
  line-height:1.42857;
}

.model-position {
  width: 100%;
}

.model-position .ppt {
  width: 62.5%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.model-position .ppt a.download {
  width: 120px;
  height: 30px;
  background-color: #55bb33;
  color: white;
  border: 1px solid #55bb33;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide {
  width: 100%;
}

.slide .slide-big-img {
  width: 62.5%;
  margin: 0 auto;
  height: 675px;
  height: 33.75rem;
  position: relative;
}

.slide .slide-big-img img {
  height: 100%;
  width: 100%;
  display: none;
}

.slide .slide-big-img img.active {
  display: block;
}

.slide .slide-big-img a {
  position: absolute;
  font-size: 2.5rem;
  color: white;
  height: 100%;
  display: flex;
  width: 50%;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.slide .slide-big-img a.btn-right {
  right: 0;
}

.competency .container {
  display: flex;
}

.competency .container img {
  margin-right: 10rem;
  margin-top:5rem;
}

.competency .container .competency-public-header {
  font-size: 1.6rem;
  font-weight: 700;
  color: #333;
  margin-top:6.5rem;
}

.competency .container .competency-public-border {
  width: 60px;
  height: 1px;
  border: 1px solid #55bb33;
}

.competency .container p {
  font-size: 0.7rem;
  letter-spacing: 4px;
  line-height: 25px;
}

.testingProcess {
  width: 100%;
  background: #f7f7f7;
}

.testingProcess .testingProcess-main {
  width: 75%;
  min-width:1200px;
  margin: 0 auto;
  margin-bottom:5rem;
}

.testingProcess .testingProcess-main ul.pc-flex-swiper-show {
  display: flex;
  justify-content: space-between;
}

.testingProcess .testingProcess-main ul.pc-flex-swiper-show li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 68px;
  width: 16.7%;
  height: 323px;
  cursor: pointer;
}

.testingProcess .testingProcess-main ul.pc-flex-swiper-show li i {
  font-size: 2.3rem;
  color: #999999;
}

.testingProcess .testingProcess-main ul.pc-flex-swiper-show li span {
  font-size: 1.2rem;
  color: #333;
}

.testingProcess .testingProcess-main ul.pc-flex-swiper-show li p {
  display: none;
  text-align: left;
  width: 160px;
  font-size: 0.7rem;
  letter-spacing: 2px;
}

.testingProcess .testingProcess-main ul.pc-flex-swiper-show li.active {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.08);
  justify-content: center;
  margin-top: 0;
}

.testingProcess .testingProcess-main ul.pc-flex-swiper-show li.active i {
  color: #55bb33;
}

.testingProcess .testingProcess-main ul.pc-flex-swiper-show li.active span {
  margin-bottom: 30px;
  margin-top: 30px;
}

.testingProcess .testingProcess-main ul.pc-flex-swiper-show li.active p {
  display: block;
}

.testingProcess .testingProcess-main ul.pc-flex-swiper-show li:hover {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.08);
  justify-content: center;
  margin-top: 0;
}

.testingProcess .testingProcess-main ul.pc-flex-swiper-show li:hover i {
  color: #55bb33;
}

.testingProcess .testingProcess-main ul.pc-flex-swiper-show li:hover span {
  margin-bottom: 30px;
  margin-top: 30px;
}

.testingProcess .testingProcess-main ul.pc-flex-swiper-show li:hover p {
  display: block;
}

.customerCase {
  width: 100%;
}

.customerCase .container h6 {
  font-size: 1.2rem;
  color: #333;
}

.customerCase .container p {
  text-align: center;
  line-height: 32px;
  letter-spacing: 3px;
}

.customerCase .customerCase-post {
  display: flex;
  justify-content: space-around;
  width: 75%;
}

.customerCase .customerCase-post li div {
  width: 3.6rem;
  height: 3.6rem;
  background-color: #3ABFA9;
  border-radius: 50%;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.customerCase .customerCase-post li div i {
  font-size: 1.8rem;
  color: white;
}

.customerCase .customerCase-post li h6 {
  font-size: 1.2rem;
  color: #333;
  margin-bottom: 70px;
}

.customerCase .customerCase-post li:nth-child(2) div {
  background-color: #F7B95A;
}

.customerCase .customerCase-post li:nth-child(3) div {
  background-color: #DD7466;
}

.customerCase .customerCase-footer-out {
  width: 100%;
  height: 200px;
  background-color: #f7f7f7;
  position: relative;
}

.customerCase .customerCase-footer-out .customerCase-footer-gradual {
  width: 65%;
  display: flex;
  justify-content: space-between;
  height: 38px;
  position: absolute;
  left: 11%;
  top: 41%;
}

.customerCase .customerCase-footer-out .customerCase-footer-gradual span {
  background: linear-gradient(180deg, #999999, rgba(138, 138, 138, 0.19) 37%, rgba(128, 128, 128, 0));
  font-size: 1.3rem;
  -webkit-background-clip: text;
  color: transparent;
}

.customerCase .customerCase-footer-out .customerCase-footer {
  display: flex;
  width: 75%;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin: 0 auto;
}

.customerCase .customerCase-footer-out .customerCase-footer li {
  display: flex;
  align-items: center;
}

.customerCase .customerCase-footer-out .customerCase-footer li span {
  /*background: linear-gradient(180deg, #999999, rgba(138, 138, 138, 0.19) 37%, rgba(128, 128, 128, 0));*/
  font-size: 1.3rem;
  -webkit-background-clip: text;
  color: #666;
  margin-right: 1rem;
}

.customerCase .customerCase-footer-out .customerCase-footer li p {
  text-align: left;
  letter-spacing: 2px;
  line-height: 20px;
  font-size:14px;
}

.customerCase .customerCase-footer-out.customerCase-line-feed {
  height: 332px;
}

.customerCase .customerCase-footer-out.customerCase-line-feed ul {
  flex-wrap: wrap;
}

.customerCase .customerCase-footer-out.customerCase-line-feed ul li {
  width: 33%;
  justify-content: center;
}

.dataReference {
  width: 100%;
}

.dataReference .dataReference-content {
  width: 60%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

.dataReference .dataReference-content .dataReference-content-top {
  display: flex;
  justify-content: space-between;
}

.dataReference .dataReference-content .dataReference-content-bottom {
  display: flex;
  justify-content: space-between;
}

.dataReference .dataReference-content .dataReference-content-item {
  display: flex;
  flex-direction: column;
  padding: 30px;
  width: 43.5%;
  height: 230px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}
.dataReference .dataReference-content .dataReference-item-height{height:235px;}
.dataReference .dataReference-content .dataReference-content-item h6 {
  font-size: 1.2rem;
  text-align: left;
  color: #333;
  margin-bottom: 1rem;
}

.dataReference .dataReference-content .dataReference-content-item p {
  height: 96px;
  line-height: 32px;
  letter-spacing: 2px;
  font-size: 0.7rem;
}
.dataReference .dataReference-content .dataReference-item-height p{height:130px;}
.dataReference .dataReference-content .dataReference-content-item a {
  text-align: right;
  color: #4C8FF8;
}
.competency-header p,
.competency-header h1 {
    position: absolute;
    top: 35%;
    font-size: 6rem;
}
.ltpc-show,.ltpc-show1{display:none;}
@media (max-width: 1280px) {
    .ltpc-show1{display:block!important;}
    .pc-show1{display:none!important;}
    .dataReference .dataReference-content .dataReference-content-item p{line-height:28px;}
}
@media (max-width: 1024px) {
    .testingProcess .testingProcess-main{min-width:0;width:98%;margin-bottom:50px;}
    .customerCase .customerCase-footer-out .customerCase-footer{width:94%;}
    .mb-pdt50{padding-bottom:50px!important;}
    .ltpc-show{display:block!important;}
    .pc-show{display:none!important;}
    .testingProcess .testingProcess-main ul.pc-flex-swiper-show li{height:230px;}
    .dataReference .dataReference-content .dataReference-content-item p{line-height:24px;}
    .competency .container p{font-size:14px;}
}
@media (max-width: 768px) {
    .dataReference .dataReference-content{
        width:80%;
    }
    .testingProcess .testingProcess-main ul.pc-flex-swiper-show li{width:26%;}
    .customerCase .customerCase-footer-out .customerCase-footer li p{width:150px;}
    .ltpc-show1{display:block!important;}
}
@media (max-width: 768px){
    .swiper-container{padding-bottom:40px;}
    .mb-flex-direction-column{
        flex-direction:column;
    }
    .mb-mgt0{margin-top:0px!important;}
    .mb-mgb0{margin-bottom:0px!important;}
    .mb-mgb20{margin-bottom:20px!important;}
    .mb-pdt30{padding-top:30px!important;}
    .competency .container img{text-align:center;margin:20px auto 0;}
    .competency .container .competency-public-header {margin-top:1rem}
    .testingProcess .testingProcess-main{margin-bottom:0;}
    .swiper-container .swiper-slide div {
        background: #ffffff;
        border-radius: 12px;
        box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.08);
        justify-content: center;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 80%;
        height: 200px;
    }
    .swiper-container .swiper-slide div i{font-size:3rem;color:#55bb33;}
    .swiper-container .swiper-slide div span{font-size:2rem;}
    .swiper-container .swiper-slide div p{font-size:1.2rem;width:80%;text-align:center;margin-top:10px;}
    .carousel-indicators li{border:1px solid #55bb33;}
    .carousel-indicators .active{background:#55bb33}
    .customerCase .customerCase-footer-out .customerCase-footer{flex-wrap:wrap;}
    .customerCase .container p,
    .customerCase .customerCase-footer-out .customerCase-footer li p{font-size:1.2rem;}
    .dataReference .dataReference-content .dataReference-content-top{flex-direction:column;align-items:center}
    .dataReference .dataReference-content .dataReference-content-item {
        width: 80% !important;
        margin-top: 10px;
        height: auto!important;
    }
    .dataReference .dataReference-content .dataReference-content-item h6{font-size:1.6rem;}
    .dataReference .dataReference-content .dataReference-content-item p{font-size:1.2rem;}
    .customerCase .customerCase-post{width:100%;}
    .customerCase .customerCase-footer-out{height:260px;}
    .customerCase .customerCase-footer-out .customerCase-footer li{align-items:flex-start;height:100px;}
    .slide .slide-big-img img,
    .slide .slide-big-img{height:auto;}
    .model-position p{margin-bottom:0px;}
    .model-position .ppt{display:flex;width: 80%;}
    .model-position .ppt a.download{
        width:78px;
        height:22px;
    }
}
@media (max-width: 320px){
    .dataReference .dataReference-content .dataReference-item-height {
        height: 205px;
    }
    .customerCase .customerCase-footer-out .customerCase-footer li p{width:120px;}
}