
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.marginauto {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.linenowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flexCetween {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flexAlign {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center;
}
@media screen and (max-width: 1600px) {
  .navs > li {
    margin-right: 2.4vw;
  }
  .navs > li > a,
  .securities {
    font-size: 14px;
  }
  .search span {
    font-size: 18px;
  }
  .oa a {
    font-size: 16px;
  }
  .solute-name p {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .solute-top {
    padding-bottom: 20px;
  }
  .solute-defaul p {
    font-size: 14px;
    height: 88px;
  }
  .solute-top p {
    font-size: 14px;
  }
  .relevant span,
  .relevant-info p {
    font-size: 14px;
  }
  .product-line {
    margin-top: 16px;
  }
  .commonbtn span {
    width: 55px;
    height: 62px;
    background-size: cover !important;
  }
  .commonbtn span.prev {
    margin-top: 20px;
  }
  .about-title {
    margin-bottom: 20px;
  }
  .about-info p {
    font-size: 14px;
  }
  .about-data-item {
    margin-right: 4vw;
  }
  .about-data-item p {
    font-size: 16px;
  }
  .news-infos strong {
    font-size: 16px;
  }
  .news-infos1 strong {
    font-size: 18px;
  }
  .news-infos p {
    margin-top: 6px;
  }
  .footer-navs-item {
    margin-right: 4vw;
  }
  .footer-navs-item dd p a {
    font-size: 14px;
  }
  .footer-contact span {
    margin-bottom: 20px;
  }
  .footer-contact strong {
    margin-bottom: 18px;
  }
  .footer-contact p {
    font-size: 14px;
  }
  .footer-copy p {
    font-size: 14px;
  }
  .honor-text p {
    font-size: 14px;
  }
  .leval-menu-li li a {
    width: 140px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
  }
  .honor-wr {
    width: 200px;
  }
  .honor-wr p {
    font-size: 16px;
  }
  .contact-items strong {
    font-size: 20px;
  }
  .contact-items span {
    font-size: 16px;
  }
  .news-in p {
    -webkit-line-clamp: 3;
  }
  .news-in span {
    margin-top: 1.8vw;
  }
  .bidngs-text strong {
    margin-bottom: 22px;
    font-size: 22px;
  }
  .product-info p {
    font-size: 14px;
  }
  .product-list li figure strong {
    font-size: 24px;
  }
  .solute-info p {
    font-size: 14px;
  }
  .value-wrap p {
    font-size: 16px;
  }
  .venues-fix strong {
    font-size: 18px;
  }
  .venues-fix span {
    font-size: 14px;
  }
  .related-swiper {
    margin-top: 40px;
  }
  .related-info strong {
    font-size: 18px;
  }
  .related-swiper .swiper-pagination {
    margin-top: 30px;
  }
  .responsibility-imgs figure {
    padding-bottom: 360px;
  }
  .social-text strong {
    font-size: 30px;
  }
  .frame-in strong {
    margin-top: 18px;
    font-size: 20px;
  }
  .frame-in p {
    font-size: 16px;
  }
  .solute-items dd p a {
    font-size: 14px;
  }
}
@media screen and (max-width: 1360px) {
  .header-wrap {
    padding: 0 4vw;
  }
}
@media screen and (max-width: 1200px) {
  .navs > li {
    margin-right: 1.4vw;
  }
}
@media screen and (max-width: 1024px) {
  .navs-boxs {
    position: fixed;
    left: 100%;
    top: 84px;
    bottom: 0;
    width: 100%;
    background: #fff;
    opacity: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    transition: 0.88s;
  }
  .navs-boxs.show {
    opacity: 1;
    visibility: visible;
    left: 0;
  }
  .header.scroll .header-wrap,
  .header:hover .header-wrap,
  .header-wrap {
    padding: 12px 5%;
  }
  .header.scroll .header-wrap .menubtn.active span,
  .header:hover .header-wrap .menubtn.active span {
    background: transparent;
  }
  .header.scroll .header-wrap .menubtn span,
  .header:hover .header-wrap .menubtn span {
    background: #333;
  }
  .header.scroll .header-wrap .menubtn span:before,
  .header:hover .header-wrap .menubtn span:before,
  .header.scroll .header-wrap .menubtn span:after,
  .header:hover .header-wrap .menubtn span:after {
    background: #333;
  }
  .securities {
    display: none;
  }
  .menubtn {
    display: block;
    margin-left: 20px;
  }
  .navs {
    display: block;
  }
  .navs > li {
    margin-right: 0;
    margin-bottom: 18px;
    text-align: center;
  }
  .navs > li:last-child {
    margin-bottom: 0;
  }
  .navs > li > a {
    line-height: 1.8;
    color: #333;
    font-size: 18px;
  }
  .navs-down {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    display: none;
  }
  .navs > li:before {
    display: none;
  }
  .navs {
    margin-top: 80px;
  }
  .solution {
    padding: 60px 5%;
  }
  .home-title small {
    font-size: 46px;
  }
  .home-title strong {
    font-size: 28px;
  }
  .home-title {
    padding-left: 24px;
    padding-top: 18px;
  }
  .home-title p {
    font-size: 16px;
  }
  .solution-list {
    margin-top: 50px;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .solution-list li {
    margin-right: 4%;
    width: 48%;
  }
  .solution-list li:nth-child(2n+2) {
    margin-right: 0;
    margin-bottom: 40px;
  }
  .solute-end {
    display: none;
  }
  .solute-defaul strong {
    font-size: 22px;
  }
  .product-slide figure strong {
    font-size: 20px;
  }
  .product-slide {
    width: 38vw;
  }
  .home-about {
    display: block;
  }
  .about-video {
    width: 100%;
  }
  .about-fix {
    box-sizing: border-box;
    padding: 50px 5%;
    width: 100%;
  }
  .news-swiper-middle,
  .news-swiper-right {
    display: none;
  }
  .news-swiper-left {
    width: 50%;
  }
  .footer {
    padding: 0 5%;
  }
  .footer-top {
    padding: 22px 0;
  }
  .flogo {
    width: 200px;
  }
  .eq span {
    font-size: 40px;
  }
  .footer-navs {
    display: none;
  }
  .footer-down {
    padding: 30px 0;
  }
  .footer-copy {
    padding: 15px 0;
    display: block;
  }
  .inner-pbanner {
    padding: 80px 5%;
  }
  .inner-back a {
    width: 46px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
  }
  .company-honor {
    padding: 50px 5%;
  }
  .honor-b {
    margin-top: 40px;
  }
  .honor-li li {
    margin-right: 2%;
    padding: 20px;
    width: 32%;
  }
  .honor-li li:nth-child(5n+5) {
    margin-right: 2%;
  }
  .honor-li li:nth-child(3n+3) {
    margin-right: 0;
  }
  .honor-li li figure {
    padding-bottom: 160px;
  }
  .honor-text {
    margin-top: 28px;
  }
  .about-btn p {
    margin-top: 12px;
    font-size: 16px;
  }
  .about-banner h3 {
    font-size: 28px;
  }
  .about-btn {
    margin-top: 20px;
  }
  .leval-menu-li {
    justify-content: flex-start;
  }
  .leval-menu {
    padding-bottom: 10px;
    left: 5%;
    width: auto;
    right: 5%;
    overflow: hidden;
    overflow-x: auto;
  }
  .leval-menu::-webkit-scrollbar {
    width: 6px;
    height: 4px;
    border-radius: 3px;
    background-color: #fff;
  }
  .leval-menu::-webkit-scrollbar-track {
    border-radius: 6px;
    border-radius: 3px;
    background-color: #fff;
  }
  .leval-menu::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #116fd7;
  }
  .posite {
    padding: 14px 5%;
  }
  .posite-wrap span,
  .posite-wrap b,
  .posite-wrap a {
    font-size: 14px;
  }
  .introduct {
    padding: 30px 5% 200px;
  }
  .introduct-wrap {
    display: block;
  }
  .introduct-title strong {
    margin-bottom: 12px;
    font-size: 24px;
  }
  .introduct-title p {
    font-size: 16px;
  }
  .introduct-title small img {
    margin-left: -5vw;
  }
  .introduct-title small b {
    font-size: 46px;
  }
  .introduct-info {
    width: 100%;
  }
  .posite {
    justify-content: flex-start;
  }
  .introduct-title small {
    display: none;
  }
  .introduct-title {
    margin-bottom: 28px;
  }
  .introduct-text {
    font-size: 14px;
  }
  .history {
    padding: 0 5% 60px;
  }
  .history-swiper {
    display: none;
  }
  .history-fix {
    width: 100%;
  }
  .honor-bds span {
    padding-top: 0;
  }
  .honor-boxs {
    padding-left: 5%;
    padding-right: 5%;
  }
  .honors-swiper .swiper-pagination {
    margin-right: 5vw;
  }
  .honors-top strong {
    font-size: 24px;
  }
  .honor-bds {
    width: 150px;
  }
  .contact-box {
    padding: 60px 5%;
    display: block;
  }
  .contact-info {
    width: 100%;
  }
  .contact-map {
    margin-top: 30px;
    width: 100%;
  }
  .pbanner-title small {
    font-size: 42px;
  }
  .pbanner-title strong {
    font-size: 30px;
  }
  .pbanner-title p {
    font-size: 18px;
  }
  .inner-ptext .leval-menu {
    left: 0;
  }
  .inner-ptext .leval-menu-li {
    justify-content: center;
  }
  .news-tops {
    padding: 50px 5% 70px;
  }
  .news-slides a {
    display: block;
  }
  .news-imgs {
    width: 100%;
  }
  .news-lefts {
    margin-left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 35px 5% 100px;
  }
  .news-tts strong {
    font-size: 20px;
  }
  .news-inners {
    padding: 80px 5%;
  }
  .news-inner-text strong {
    font-size: 16px;
  }
  .news-inner-time span {
    font-size: 14px;
  }
  .views-news {
    padding: 0 5% 80px;
    display: block;
  }
  .recommend {
    display: none;
  }
  .views-left {
    width: 100%;
    padding-top: 60px;
  }
  .views-top strong {
    font-size: 24px;
  }
  .views-top p {
    margin-top: 20px;
  }
  .header.innerBg .menubtn span {
    background: #333;
  }
  .header.innerBg .menubtn span:before,
  .header.innerBg .menubtn span:after {
    background: #333;
  }
  .product-boxs {
    padding: 55px 5%;
  }
  .product-list li {
    margin-right: 4%;
    width: 48%;
  }
  .product-list li:nth-child(3n+3) {
    margin-right: 4%;
  }
  .product-list li:nth-child(2n+2) {
    margin-right: 0;
  }
  .product-info {
    padding: 26px;
  }
  .solute-item {
    padding: 56px 5%;
  }
  .posite-menu {
    display: block;
  }
  .menu-levals-li li a {
    line-height: 62px;
  }
  .menu-levals-li {
    margin-bottom: 12px;
  }
  .programme-leval {
    position: relative;
    height: auto;
    padding: 30px 5% 0;
    top: 0;
    display: block;
  }
  .programme-title {
    padding-left: 20px;
    font-size: 22px;
  }
  .programme-menu {
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .programme-list {
    display: inline-flex;
  }
  .programme-list li a {
    white-space: nowrap;
  }
  .programme-list li a {
    height: 60px;
    line-height: 60px;
  }
  .case-back {
    padding: 50px 5%;
  }
  .case-tops small {
    font-size: 26px;
  }
  .case-tops strong {
    font-size: 24px;
  }
  .case-infos {
    font-size: 14px;
  }
  .schemes,
  .frame {
    padding: 60px 5%;
  }
  .frame strong {
    margin-top: 30px;
  }
  .values {
    padding: 80px 5%;
  }
  .value-li li p {
    font-size: 18px;
  }
  .value-wrap strong {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .value-btn {
    position: relative;
    top: 0;
    margin-top: 40px;
    left: 0;
    right: 0;
  }
  .value-btn span {
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
  }
  .values-slide {
    padding: 0;
  }
  .value-li {
    display: none;
  }
  .values-slide .value-wrap {
    transform: none !important;
  }
  .value-wrap {
    padding: 30px 24px;
  }
  .values-swiper {
    margin-top: 40px;
  }
  .venues {
    padding: 60px 5%;
  }
  .venues-list {
    margin-top: 40px;
  }
  .venues-list li {
    margin-right: 4%;
    width: 48%;
  }
  .venues-list li:nth-child(3n+3) {
    margin-right: 4%;
  }
  .venues-list li:nth-child(2n+2) {
    margin-right: 0;
  }
  .related {
    padding: 56px 5%;
  }
  .cooperate {
    margin-top: 40px;
    height: 140px;
  }
  .cooperate strong {
    font-size: 22px;
  }
  .announcement {
    padding: 60px 5%;
  }
  .announcement-wrpa {
    margin-top: 40px;
    display: block;
  }
  .announcement-list {
    width: 100%;
  }
  .announcement-imgs {
    margin-top: 30px;
    width: 100%;
  }
  .investor-title strong {
    font-size: 22px;
  }
  .report {
    padding: 60px 5%;
  }
  .staff {
    padding: 60px 0 60px 5%;
  }
  .staff-min-imgs {
    display: none;
  }
  .staff-infos {
    left: 5%;
    right: 5%;
    width: auto;
  }
  .responsibility {
    padding: 60px 5%;
  }
  .responsibility-item {
    display: block;
  }
  .responsibility-imgs {
    width: 100%;
  }
  .responsibility-imgs figure {
    padding-bottom: 62.5%;
  }
  .responsibility-info {
    box-sizing: border-box;
    width: 100%;
    padding: 32px 30px 80px;
  }
  .responsibbtn {
    left: 0;
    margin-left: 0;
  }
  .social-recuite {
    display: block;
  }
  .social-item {
    width: 100%;
  }
  .select-recuites {
    padding: 50px 5%;
  }
  .recuite-top h3 {
    margin-bottom: 30px;
    font-size: 26px;
  }
  .recuite-name span:nth-child(3),
  .recuite-line span:nth-child(3),
  .recuite-name span:nth-child(2),
  .recuite-line span:nth-child(2) {
    display: none;
  }
  .recuite-name,
  .recuite-line {
    justify-content: space-between;
  }
  .recuite-wr {
    display: block;
  }
  .recuite-item {
    width: 100%;
  }
  .recuite-infos,
  .recuite-dy {
    font-size: 14px;
  }
  .recuite-item {
    padding: 32px 5%;
  }
  .recuitement-in strong {
    font-size: 22px;
  }
  .recuitement-in p {
    font-size: 14px;
  }
  .product-tts strong {
    font-size: 24px;
  }
  .product-tts:before {
    transform: scale(0.7);
    transform-origin: center bottom;
  }
  .product-introduct .schemes-infos {
    font-size: 14px;
  }
  .ability {
    padding: 60px 5%;
  }
  .search-result {
    left: 5%;
    font-size: 14px;
  }
  .culture-btn {
    left: 5%;
    right: 5%;
  }
}
@media screen and (max-width: 861px) {
  .news-inner-list li {
    margin-right: 4%;
    margin-bottom: 40px;
    width: 48%;
  }
  .news-inner-list li:nth-child(3n+3) {
    margin-right: 4%;
  }
  .news-inner-list li:nth-child(2n+2) {
    margin-right: 0;
  }
  .solute-item a {
    display: block;
  }
  .solute-item a figure {
    width: 100%;
  }
  .solute-info {
    margin-top: 30px;
    width: 100%;
  }
  .solute-info strong {
    font-size: 22px;
  }
  .join-staff strong {
    font-size: 26px;
  }
  .join-staff p {
    font-size: 16px;
  }
}
@media screen and (max-width: 641px) {
  .logo {
    width: 140px;
  }
  .menubtn {
    height: auto;
  }
  .menubtn span {
    margin-top: 0;
  }
  .navs-boxs {
    top: 63px;
  }
  .flex-menu {
    display: none;
  }
  .btext p {
    margin-bottom: 20px;
  }
  .btext strong {
    font-size: 5vw;
  }
  .btext small {
    margin-top: 20px;
    font-size: 18px;
  }
  .btext p img {
    height: 32px;
  }
  .banner-arrow {
    bottom: 32px;
  }
  .banner-swiper .swiper-pagination {
    right: 5%;
    bottom: 30px;
  }
  .banner-swiper .swiper-pagination .swiper-pagination-bullet {
    margin-left: 14px;
    width: 14px;
    height: 14px;
    background-size: cover !important;
  }
  .solution-list li {
    margin-right: 0;
    margin-bottom: 40px;
    width: 100%;
  }
  .solution-list li:last-child {
    margin-bottom: 0;
  }
  .solution-list {
    margin-top: 40px;
  }
  .solute-defaul {
    padding: 28px 24px;
  }
  .solute-defaul b {
    margin-bottom: 20px;
    height: 40px;
  }
  .solute-defaul strong {
    padding-bottom: 22px;
    margin-bottom: 20px;
    font-size: 24px;
  }
  .solute-defaul span {
    margin-top: 20px;
    font-size: 14px;
  }
  .product-center {
    padding: 55px 5%;
  }
  .product-swiper {
    margin-top: 40px;
  }
  .product-slide {
    width: 78vw;
  }
  .product-slide.swiper-slide-active .relevant {
    opacity: 1;
    visibility: visible;
  }
  .product-slide.swiper-slide-active figure i {
    opacity: 1;
    visibility: visible;
  }
  .product-slide figure strong {
    left: 20px;
    right: 20px;
    bottom: 22px;
  }
  .relevant span {
    width: auto;
    margin-right: 20px;
  }
  .commonbtn span {
    width: 45px;
    height: 51px;
  }
  .product-line .swiper-pagination {
    margin-right: 22px;
  }
  .product-line {
    margin-right: 0;
  }
  .about-title span {
    margin-bottom: 10px;
    font-size: 20px;
  }
  .about-title h2 {
    margin-bottom: 12px;
    font-size: 24px;
  }
  .about-title p {
    font-size: 18px;
  }
  .about-more {
    margin-top: 24px;
  }
  .about-more a {
    width: 120px;
    height: 38px;
    line-height: 38px;
  }
  .about-data-item p b {
    font-size: 34px;
  }
  .about-data-item {
    margin-right: auto;
  }
  .about-data {
    margin-top: 36px;
  }
  .about-more a {
    font-size: 14px;
  }
  .news-swiper-left {
    width: 100%;
  }
  .news-tab {
    margin-top: 40px;
    display: block;
  }
  .news-btns {
    position: relative;
    bottom: 0;
    margin-top: 30px;
  }
  .home-news {
    padding: 55px 5%;
  }
  .video-btn p {
    font-size: 18px;
  }
  .pop-close p {
    font-size: 18px;
  }
  .pop-video-wrap {
    width: 90%;
    margin-left: -45%;
  }
  .footer-contact strong {
    font-size: 30px;
  }
  .flogo {
    width: 160px;
  }
  .eq {
    margin-top: 0;
  }
  .honor-li li {
    margin-right: 4%;
    width: 48%;
  }
  .honor-li li:nth-child(3n+3) {
    margin-right: 4%;
  }
  .honor-li li:nth-child(2n+2) {
    margin-right: 0;
  }
  .company-top {
    display: block;
  }
  .honor-btns {
    margin-top: 20px;
  }
  .honor-li li figure {
    padding-bottom: 20vw;
  }
  .honor-btns a {
    margin-right: 40px;
  }
  .honor-title strong {
    font-size: 24px;
  }
  .honor-title {
    padding-left: 20px;
  }
  .innerwrap strong {
    font-size: 24px;
  }
  .mtop {
    height: 63px;
  }
  .about-btn b {
    width: 36px;
    height: 36px;
  }
  .leval-menu-li li {
    margin-right: 10px;
  }
  .leval-menu-li li a {
    width: 100px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
  }
  .history-tab {
    margin-top: 0;
  }
  .about-titles {
    font-size: 24px;
  }
  .about-btn-common span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
  }
  .history-time time {
    font-size: 30px;
  }
  .history-in strong {
    font-size: 22px;
  }
  .history-year-item p {
    font-size: 14px;
  }
  #advantage {
    margin-top: 0;
  }
  .honors-btn {
    margin-top: 40px;
  }
  .honor-items .about-more {
    margin-top: 0;
  }
  .honor-wr figure {
    height: 62px;
    margin-bottom: 15px;
  }
  .honor-wr {
    padding: 16px 0;
  }
  .honors-swiper .swiper-pagination {
    margin-top: 25px;
  }
  .honor-boxs {
    padding: 50px 5%;
  }
  .culture-text strong {
    font-size: 24px;
  }
  .contact-info .contact-tt {
    padding-bottom: 28px;
    font-size: 24px;
  }
  .contact-items {
    margin-bottom: 28px;
  }
  .contact-items p {
    font-size: 22px;
  }
  .contact-dit span {
    font-size: 18px;
  }
  .pbanner-title strong {
    font-size: 22px;
  }
  .news-tts {
    margin-bottom: 20px;
  }
  .news-in p {
    font-size: 14px;
  }
  .news-in span {
    margin-top: 22px;
    font-size: 14px;
  }
  .news-lefts {
    padding-bottom: 60px;
  }
  .news-tts strong {
    font-size: 18px;
  }
  .news-inner-list li {
    margin-right: 0;
    width: 100%;
  }
  .news-inner-text {
    padding-bottom: 20px;
  }
  .views-info {
    padding-top: 30px;
    font-size: 14px;
  }
  .views-top .views-back {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
  }
  .bidngs-text strong {
    margin-bottom: 16px;
    font-size: 20px;
  }
  .bidngs-text p {
    font-size: 14px;
  }
  .biding-time span {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .biding-status {
    display: none;
  }
  .bidngs-text {
    margin-right: 0;
  }
  .inner-ptext .leval-menu-li {
    overflow-y: hidden;
    flex-wrap: wrap;
  }
  .leval-menu-li li {
    margin-bottom: 10px;
  }
  .product-list li {
    margin-right: 0;
    margin-bottom: 30px;
    width: 100%;
  }
  .product-list li:last-child {
    margin-bottom: 0;
  }
  .posite-menu .posite-wrap {
    display: none;
  }
  .posite-menu {
    padding: 0 5%;
  }
  .menu-levals-li li {
    margin-right: auto;
  }
  .posite-menu .menu-levals-li {
    margin-bottom: 0;
  }
  .venues-list li {
    margin-right: 0;
    width: 100%;
  }
  .related-info {
    padding: 25px 22px;
  }
  .cooperate strong {
    font-size: 20px;
  }
  .report {
    position: relative;
    padding-bottom: 120px;
  }
  .report-top .about-btn-common {
    position: absolute;
    left: 5%;
    bottom: 50px;
  }
  .report-top {
    margin-bottom: 30px;
  }
  .staff-sbtns {
    margin-top: 32px;
  }
  .staff-prev span {
    margin-right: 12px;
    width: 42px;
    height: 42px;
    line-height: 42px;
  }
  .staff-item figure {
    padding-bottom: 420px;
  }
  .staff-text {
    width: 100%;
  }
  .staff-text strong {
    margin-bottom: 20px;
    font-size: 26px;
  }
  .staff-text p {
    font-size: 16px;
  }
  .responsibility-info strong {
    font-size: 24px;
  }
  .responsibility-info span {
    font-size: 16px;
  }
  .responsibility-info p {
    font-size: 14px;
  }
  .responnumble span {
    font-size: 34px;
  }
  .social-text strong {
    font-size: 24px;
  }
  .social-text strong i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
  }
  .select-list {
    display: block;
  }
  .select-item {
    margin-bottom: 12px;
    margin-right: 0;
    width: 100%;
    height: 52px;
    line-height: 50px;
  }
  .recuite-name span,
  .recuite-line span {
    width: 50%;
    font-size: 15px;
  }
  .recuite-name span:nth-child(4),
  .recuite-line span:nth-child(4) {
    margin-left: 0;
  }
  .recuite-btns a {
    width: 45%;
    height: 52px;
    line-height: 52px;
  }
  .frame-list {
    display: block;
  }
  .frame-items {
    margin-right: 0;
    margin-bottom: 30px;
    width: 100%;
  }
  .frame-items {
    padding: 28px 32px;
  }
  .frame-items:last-child {
    margin-bottom: 0;
  }
  .frame-title {
    height: 55px;
    line-height: 55px;
    font-size: 22px;
  }
  .analysis-fix {
    padding: 60px 5%;
  }
  .analysis-wrap {
    padding: 25px;
  }
  .adnys-common {
    z-index: 10;
    margin-top: -23px;
    left: -12px;
    right: -12px;
  }
  .adnys-common span {
    width: 46px;
    height: 46px;
    line-height: 46px;
  }
  .analysis-wrap p {
    font-size: 16px;
  }
  .advatages {
    padding: 65px 5%;
    background-attachment: local;
  }
  .advatages-slide {
    padding: 32px 5%;
  }
  .advatages-info {
    font-size: 16px;
  }
  .advatages-slide strong {
    font-size: 20px;
    padding-bottom: 18px;
  }
  .advatages-info {
    height: 110px;
  }
  .advatages-wrap .swiper-pagination {
    margin-top: 30px;
  }
  .advatages-wrap .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px;
  }
  .advatages-wrap {
    margin-top: 40px;
  }
  .views-prev {
    margin-top: 30px;
  }
}
