@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1023px) {
  #menu,
  .head {
    display: none !important;
  }
  .mobile-inner-header {
    display: block;
  }
  .mobile-inner-header > div {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
  }
  .section,
  .fp-tableCell {
    height: auto !important;
  }
  .section2 .img,
  .section2 .rt {
    transform: translateX(0);
    opacity: 1;
  }
  .common-card {
    width: 100%;
    padding: 0 2%;
  }
  .section2 .rt .text {
    font-size: 14px;
    line-height: 30px;

    margin-top: 20px;
  }
  .section2 .common-card {
    padding-top: 0;
  }

  .section2 {
    padding: 20px 0;
    background: url(../img/bg.png) center no-repeat;
  }
  .headerSwiper .swiper-slide img {
    width: 100%;
    height: auto;
  }
  .common-tl {
    position: static;
    transform: translateX(0);
  }
  .common-tl h2 {
    font-size: 16px;
    transform: translateY(0);
    opacity: 1;
  }
  .common-tl p {
    font-size: 14px;
    margin-top: 10px;
    transform: translateY(0);
    opacity: 1;
  }
  .section3,
  .section4,
  .intro,
  .developmentCourse,
  .qualification {
    padding: 20px 0;
  }
  .section3Swiper {
    position: static;
    transform: translateY(0);
    opacity: 1;
    margin-top: 15px;
  }
  .section3Swiper img {
    height: auto;
  }
  .section3Swiper .name {
    height: 35px;
    font-size: 14px;
    line-height: 35px;
  }
  .section4-con {
    padding-top: 15px;
    opacity: 1;
    transform: translateY(0);
  }
  .section4-con .top {
    margin-bottom: 10px;
    flex-wrap: wrap;
  }
  .section4-con .lt {
    width: 100%;
    margin-right: 0;
  }
  .section4-con .text .tl p,
  .product li .text p,
  .detailsList h6,
  .com-tl,
  .news li .text p,
  .news .bto .time span {
    font-size: 16px;
  }
  .section4-con .text .ls,
  .intro .text {
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
  }
  .section4-con .text .tl span,
  .section4-con li .more,
  .news .bto .time i {
    font-size: 14px;
    width: fit-content;
  }
  .section4-con .lt img {
    height: auto;
    margin-bottom: 10px;
  }
  .section4-con li {
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .section4-con .rt li img {
    width: auto;

    margin-right: 10px;
    height: auto;
  }
  .section4-con .rt li:first-child {
    margin-bottom: 15px;
  }
  .common-more {
    width: fit-content;
    padding: 0 15px;
    height: 35px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 35px;
    opacity: 1;
    transform: translateY(0);
  }
  .footer {
    padding-top: 20px;
  }
  .footer .ph {
    transform: translateY(0);
    opacity: 1;
    width: 100%;
    margin-right: 0;
  }
  .footer .rt li {
    transform: translateY(0);
    opacity: 1;
  }
  .footer .bto {
    position: static;
    opacity: 1;
    padding: 10px 2%;
    transform: translateY(0);
    margin-top: 15px;
  }
  .section3Swiper .text {
    bottom: 35px;
    font-size: 12px;
    line-height: 25px;
    padding: 10px;
  }
  .section3Swiper .swiper-slide:hover .text {
    height: 65px;
  }
  .footer {
    height: auto;
  }
  .footer .flex,
  .contactUs ul,
  .form .item,
  .culture-con .flex-btn {
    flex-wrap: wrap;
  }
  .footer .ph p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .footer .ph span {
    font-size: 24px;
  }
  .footer .rt p {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .footer .rt {
    margin-top: 15px;
  }
  .footer .rt a,
  .footer .rt span,
  .detailsList .lss,
  .developmentSwiper .ls {
    font-size: 14px;
    line-height: 30px;
  }
  .footer .rt img {
    width: 110px;
    height: 110px;
    margin-top: 10px;
  }
  .banner .text {
    font-size: 18px;
  }
  .navigation {
    height: 48px;
    padding: 0 2%;
  }
  .navigation a {
    font-size: 14px;
    padding-right: 25px;
    margin-right: 25px;
    line-height: 14px;
  }
  .product li .tl {
    height: auto;

    padding: 20px;
  }
  .product li img {
    width: auto;
    height: auto;
    margin-right: 30px;
  }
  .product li .tl::after {
    width: 25px;
    height: 25px;
  }
  .product li .text .ls {
    font-size: 14px;
    line-height: 25px;
    margin-right: 20px;
    margin-top: 10px;
  }
  .detailsList {
    margin: 15px 0;
  }
  .intro .number span {
    font-size: 24px;
  }
  .intro .number h6 {
    font-size: 16px;
    margin-top: 5px;
  }
  .culture-con li p {
    font-size: 16px;
    margin-top: 10px;
  }
  .developmentSwiper .time {
    font-size: 14px;
    padding: 30px 0;
  }
  .developmentSwiper .ls {
    margin-bottom: -15px;
  }
  .developmentSwiper .text {
    height: 180px;
  }

  .qualificationSwiper {
    margin-top: 15px;
  }
  .news li .more {
    width: fit-content;
    height: 30px;
    border-radius: 15px;
    padding: 0 15px;
    font-size: 14px;

    line-height: 30px;
  }
  .news .bto .time {
    width: fit-content;
    margin-right: 20px;
  }
  .news .bto li {
    padding: 10px;
    margin-bottom: 10px;
  }
  .news .top .text {
    position: 10px;
  }

  .contactUs .top li {
    width: calc((100% - 10px) / 2);
    margin: 0 10px 10px 0;
    height: auto;
    padding: 5% 0;
  }
  .contactUs .top li:nth-child(2n) {
    margin-right: 0;
  }
  .contactUs .top li img {
    width: 25px;
    margin-bottom: 10px;
  }
  .contactUs .top li .ls {
    font-size: 14px;
    line-height: 25px;
  }
  .contactUs .gs {
    font-size: 18px;
    margin: 10px 0 15px 0;
  }
  .form input[type='text'] {
    width: 100%;
    height: 35px;
    font-size: 14px;
    padding-left: 10px;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .form textarea {
    height: 120px;
    font-size: 14px;
    padding: 10px 0 0 10px;
    margin-bottom: 10px;
  }
  .form input[type='submit'] {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
  }
  .product .tl {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .product .lt h6 {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .product .lt .text {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 10px;
  }
 .culture-con .img {
    width: 260px;
    height: 225px;
}
  .culture-con .img img {
    width: 20px;
  }
  .culture-con .img h6 {
    font-size: 15px;
    margin-top: 10px;
  }
  .culture-con .img .ls,
  .contactTxt .ls {
    font-size: 14px;
    line-height: 30px;
  }
  .contactTxt h6 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .contactTxt {
    padding: 10px 0;
  }
.developmentSwiper .text.active  .time {
 
    padding-bottom: 30px;
}
.development-button-next,
.development-button-prev {
    width: 15px;
    height: 28px;
}
.product .icon {
    width: 15px;
    margin-right: 7px;
}
.product .name {
    font-size: 16px;
}
.controller .item li ,
.advantage li{
    height: auto;
}
.controller .item li .text, .advantage li .text {
    font-size: 14px;
    margin-bottom: 0px;
}
.product .rt {
    flex: none;
 
}
.argument-con .ls, .domain .item .text, .design .lt .ls {

    font-size: 14px;
    line-height: 25px;
}
table  td {
    height: 30px;
    font-size: 14px;
        line-height: 25px;
}
.qualificationItem li {
    width: 250px;
}
.qualification-con .img .bgimg {
    width: 100%;
    height: auto; 
}



}

@media screen and (max-width: 768px) {
  .mobile-inner-header .logo {
    padding: 0 10%;
  }
  .section2 .number span {
    font-size: 22px;
  }
  .section2 .number h6 {
    font-size: 16px;
    margin-top: 5px;
  }
  .section2 .flex-c,
  .product li .tl,
  .product .common-card ,
.product .item{
    flex-wrap: wrap;
  }
.product .rt img {
  
    height: auto;
}
  .section2 .rt {
    width: 100%;
    margin-top: 15px;
    flex: auto;
  }
  .section2 .img {
    width: 250px;
    height: 250px;
    background-size: contain;
    margin-right: 0;
  }
  .section2 .img .video {
    width: 50px;
    height: 50px;
  }
  .section2 .more {
    width: 35px;
    height: 35px;
    position: static;
    margin-top: 2%;
  }
  .product li img {
    width: 100%;
    height: 150px;
    object-fit: contain;
    margin-right: 0;
 
  }
  .footer .rt li:first-child {
    //display: none;
  }
  .navigation .common-card {
    top: -24px;
  }
  .intro .number li {
    height: auto;
    padding: 5% 2%;
  }
  .developmentSwiper .dot {
    width: 30px;
    height: 30px;
  }
  .developmentSwiper .dot::before {
    width: 20px;
    height: 20px;
  }
  .developmentSwiper .ls {
    margin-bottom: -10px;
  }
  .news .top li {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .news .top .flex {
    flex-wrap: wrap;
  }
  .news .top li img {
    height: auto;
  }
  .product .rt,
  .product .lt {
    width: 100%;
  }
  .contactUs .bto .bt img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  .contactUs .bto .bt {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
.product .rt {
    height: auto;
}
}

@media screen and (max-width: 420px) {
  #map {
    height: 150px;
  }
  .section2 .common-card {
    display: flex;
    justify-content: center;
  }
  .section4-con .rt li a,
  .intro .number ul,
  .culture-con .flex-btn {
    flex-wrap: wrap;
  }
  .section4-con .rt li img {
    width: 100%;
    margin-right: 0;
  }
  .section4-con .rt .text {
    margin-top: 10px;
  }
  .product li .tl {
    padding: 10px;
  }
  .banner img {
    object-fit: fill;
    height: 120px;
  }
  .intro .number li {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .navigation a {
    padding-right: 10px;
    margin-right: 10px;
  }
  .videoPlayback #image {
    width: 30px;
    height: 30px;
  }

  .culture-con li {
    margin: 0 10px 15px 0;
  }
  .culture-con ul {
    justify-content: flex-start;
  }
  .developmentSwiper .time {
    padding: 68px 0;
  }
  .contactUs .top li {
    height: 120px;
  }
.development-button-prev {
    top: 43.5%;
    right: -9px;
}
.development-button-next {
    top: 43.5%;
left:5px;
 
}
.developmentSwiper .text {
    height: 210px;
}
.culture-con ul{
justify-content: center;
}
.VideoPlayback {
    width: 90%;
    height: 225px;
}
#videoPlayer {

    height: 190px;
    padding: 0 5px 5px 5px;
}
.VideoPlayback .tl {
        height: 30px;
        padding: 5px 15px;

}

.VideoPlayback   h6 {
    font-size: 15px;
}
.close-btn {

    width: 20px;
    height: 20px;
}

}

@media screen and (max-width: 375px) {
  
}

@media screen and (max-width: 360px) {
}