.l-c {
  max-width: 80%;
}
.pcshow {
  display: block !important;
}
.mbshow {
  display: none !important;
}
.a-c {
  max-width: 75%;
}

.b-c {
  max-width: 87%;
}
.acc{padding: 0;padding-right:100px;}
.ablewise-content.pro {
  width: 74%;
}
.index-our-clients-swiper .swiper-slide {
  width: 75%;
  background: #fff
}
.index-our-clients-swiper .swiper-slide img {
  padding: 12px;
}
.iks {
  list-style: none;
  padding-left: 0;
  padding-top: .7rem;
  margin-bottom: 0;
}
.iks li {
  border-bottom: 1px dashed #dedede;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.iks li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0;
}
.iks strong {
  font-weight: normal;
  font-family: 'om';
  color: #111;
}
.iks sub {
  color: #1eae53;
  bottom: .1rem;
  padding-right: .3rem;
}
.blogo {
  width: 250px;
}
.clamp1 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.clamp2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.clamp3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.clamp4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.clamp5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.navbar-brand img {
  width: 180px;
}
.swiper-button-next, .swiper-button-prev {
  background: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  top: 45%;
  box-shadow: 5px 10px 20px rgba(0, 0, 0, .2);
  transition: .3s ease;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 24px;
  color: var(--accent-color);
}
.swiper-button-next:hover, .swiper-button-prev:hover {
  background: var(--accent-color);
  color: #fff;
}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after {
  font-size: 24px;
  color: #fff;
}
.pbox {
  position: relative;
  border: 1px solid #ddd;
  padding: 10px;
  border-bottom: 2px solid var(--accent-color);
  border-radius: 8px;
  background: #fff;
}
.pbox img {
  width: 40px;
  padding-bottom: 15px
}
.pbox p {
  margin-bottom: 0;
  color: #111;
  font-size: 14px;
}
.col-md-2x {
  flex: 0 0 auto;
  width: 15%
}
.abbg {
  padding-bottom: 70px;
}
.row.g-0 .col-md-2 {
  padding-left: 0;
  padding-right: 10px;
}
.row.g-0 .col-md-2s {
  padding-left: 0;
  padding-right: 10px;
}
.bvf {
  position: absolute;
  width: 1000px;
  height: auto;
  right: -50px;
  bottom: 10%;
  z-index: 1
}
.about-us-list {
  padding-right: 50px;
  position: relative;
  z-index: 10
}
.foots a {
  color: #fff;
}
.bgh {
  margin-top: -20px;
  position: relative;
  z-index: 0
}
.cvbx {
  width: 50%;
}
.cobox {
  position: relative;
}
.cobox img {
  width: 50px;
  padding-bottom: 20px
}
.cobox h1 {
  font-family: 'OB';
  padding-bottom: 5px;
  font-size: 40px
}
.cobox h3 {
  padding-bottom: 10px;
  font-size: 30px;
}
.cobox P {
  font-size: 20px;
}
.footlogo img {
  width: 250px;
  padding-bottom: 30px
}
.footp {
  font-size: 52px;
  color: #fff;
  font-family: 'OM';
  padding-bottom: 30px;
  margin-bottom: 0
}
.footl {
  color: #fff;
  font-family: 'OR';
  margin-bottom: 0;
  font-size: 18px;
}
.foots {
  color: #fff;
  font-family: 'OR';
  padding-top: 50px;
  font-size: 18px;
}
.foots span {
  opacity: .2;
  padding: 0 20px;
  font-family: 'OL'
}
.vbg {
  padding-bottom: 80px
}
.page-strategic-layout {
  padding: 120px 0 200px;
  overflow: hidden;
  position: relative;
  background: url('../image/strategic.jpg') center top no-repeat;
  background-size: cover;
}
.page-strategic-layout-top {
  width: 75%;
  margin: auto;
  position: relative;
  z-index: 10;
}
.page-strategic-layout-top .title-1 {
  font-weight: normal;
  font-family: 'OM';
  font-size: 50px;
  padding-bottom: 20px;
  color: #111
}
.page-strategic-layout-top .text-1 {
  margin-top: 2rem;
  width: 50%;
  font-size: 16px;
  font-family: 'OR';
  color: #333;
}
.page-strategic-layout-content {
  width: 75%;
  margin: auto;
  margin-top: -1%;
}
.strategic-layout-data {
  width: 40%;
  margin-top: -14%;
  position: relative;
  z-index: 10;
}
.strategic-layout-data .data-1 {
  color: #1eae53;
  font-size: 100px;
  font-family: 'OB';
  padding-bottom: 30px;
}
.strategic-layout-data .text-2 {
  margin-top: 1rem;
}
.strategic-layout-map {
  width: 75%;
  margin: auto;
  position: relative;
  transform: translateX(10%);
}
.strategic-layout-map .map-1 {
  position: relative;
  overflow: hidden;
}
.strategic-layout-map .map-2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.strategic-layout-map .mapline {
  position: absolute;
  z-index: 10;
}
.strategic-layout-map .yuandian-1 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 11;
}
.strategic-layout-map .yuandian-1 i {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  background: rgba(241, 247, 239, 0.2);
  display: block;
  position: relative;
}
.strategic-layout-map .yuandian-1 i::before, .strategic-layout-map .yuandian-1 i::after {
  content: '';
  width: 4px;
  height: 4px;
  background: #1eae53;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  border-radius: 100%;
}
.strategic-layout-map .yuandian-1 i::before {
  z-index: 10;
}
.strategic-layout-map .yuandian-1 i::after {
  width: 100%;
  height: 100%;
  animation: yuanfangda2 1500ms infinite ease;
}
.strategic-layout-map .line-1 {
  left: 31%;
  top: 45%;
  width: 50%;
}
.strategic-layout-map .line-1 .yuandian-1 {
  left: -3%;
  bottom: 5.5%;
}
.strategic-layout-map .line-2 {
  left: 51%;
  top: 45%;
  width: 30%;
}
.strategic-layout-map .line-2 .yuandian-1 {
  left: -4%;
  bottom: 20.5%;
}
.strategic-layout-map .line-3 {
  left: 61%;
  top: 45%;
  width: 20%;
}
.strategic-layout-map .line-3 .yuandian-1 {
  left: -8%;
  bottom: 30.5%;
}
.strategic-layout-map .line-4 {
  left: 19%;
  top: 30%;
  width: 62%;
}
.strategic-layout-map .line-4 .yuandian-1 {
  left: -2%;
  bottom: 36.5%;
}
.strategic-layout-map .line-5 {
  left: 59%;
  top: 27%;
  width: 22%;
}
.strategic-layout-map .line-5 .yuandian-1 {
  left: -5%;
  top: -5%;
}
.strategic-layout-map .line-6 {
  left: 75.5%;
  top: 20%;
  width: 6%;
}
.strategic-layout-map .line-6 .yuandian-1 {
  left: -11%;
  top: -8%;
}
.strategic-layout-map .line-7 {
  left: 81%;
  top: 45%;
  width: 6%;
}
.strategic-layout-map .line-7 .yuandian-1 {
  left: auto;
  right: -12%;
  bottom: -7%;
}
.strategic-layout-map .line-8 {
  left: 76.3%;
  top: 45%;
  width: 5%;
}
.strategic-layout-map .line-8 .yuandian-1 {
  left: -23%;
  bottom: -17%;
}
.strategic-layout-map .draw {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw 3s 1s infinite;
}
a:not([href]):not([class]) {
  font-size: 12px;
}
.category-product-item.spe {
  flex-wrap: wrap;
}
.category-product-item.spe .category-product-left {
  width: 100%;
  padding-top: 50px;
}
.category-product-item.spe .category-product-right {
  width: 100%;
  padding-top: 50px;
}
.index-our-clients-top .ablewise-jiantou .swiper-button-next, .index-our-clients-top .ablewise-jiantou .swiper-button-prev {
  background: none;
  box-shadow: none;
}
.index-our-clients-top .swiper-prev::after, .index-our-clients-top .swiper-next::after {
  color: var(--accent-color) !important
}
.ssbox {
  background: #fff;

  padding: 15px 15px 25px;
  text-align: center;
  border: 1px solid #eaeaea;
  margin-bottom: 0;
}

.ssbox img{width: 60%;}

.ssbox h4 {
  font-size: 24px;
	padding-top: 20px;
  padding-bottom: 10px;
}
.ssbox p {
  margin-bottom: 0;
  font-size: 18px;
}
.col-md-3.p-2 {
  margin-top: 0;
}
.our-faqs.cxc{padding:120px 0 150px;}
.vbn{margin-bottom: 21px;}
.our-faqs.cxc .section-title h2,.our-faqs.cxc .section-title h3{color: #fff;}
.our-faqs.cxc .section-title-content p{color: rgba(255,255,255,.8)}
.our-faqs .sac{margin-top: 50px}
.vbx{padding: 80px 0;}
@media (max-width:1680px) {
  .main-menu ul ul {
    top: 120%;
  }
  .page-strategic-layout-top, .page-strategic-layout-content {
    width: 82%;
  }
  .a-c,.b-c {
    max-width: 88%
  }
  .ablewise-content.pro {
    width: 87%;
  }
  .index-our-clients-swiper {
    width: 88%
  }
  .hero.op {
    position: relative;
    padding: 100px 0 180px;
    background-image: url('../image/opbg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
  }
}
@media (max-width:1600px) {
	.about-company-item{margin-bottom: 20px;}
	.ssbox{padding: 10px 15px 15px}
  .footlogo img {
    width: 200px;
  }
  .footp {
    font-size: 42px;
  }
  .bvf {
    width: 800px;
    bottom: 15%;
    right: 0;
  }
  .about-company-content p {
    font-size: 14px;
  }
  .author-content h2 {
    font-size: 22px;
  }
  .page-about-us p.sxc {
    font-size: 20px;
  }
  .page-header-box h1 {
    font-size: 50px;
  }
  .page-header-box p {
    font-size: 16px;
  }
  .page-about-us h1 {
    font-size: 40px;
  }
  .cobox h3 {
    font-size: 28px
  }
  .cobox h1 {
    font-size: 36px;
  }
  .page-header {
    padding: 220px 0px
  }
  .hero.hero-slider .hero-slider-layout .hero-slide .hero-slider-image img {
    height: 660px;
  }
  .hero-slider-layout .hero-slide {
    padding: 330px 0;
  }
  .navbar-brand img {
    width: 150px;
  }
  .btn-default {
    padding: 15px 50px 15px 30px
  }
  .customer-service-item .title-2 strong {
    font-size: 22px;
  }
  .customer-service-item .text-1 {
    font-size: 14px;
  }
  .customer-service-item .number-1 {
    font-size: 70px;
  }
  .services-process-item .item-1 li {
    font-size: 14px;
  }
}
@media (max-width:1440px) {
  .main-menu ul li a {
    font-size: 16px;
  }
  .section-title-content p, .product-detial-top-left .text-1, .page-about-us p {
    font-size: 14px;
  }
  .cvbx {
    width: 60%;
  }
  .page-header {
    padding: 180px 0px
  }
  .col-md-2x {
    flex: 0 0 auto;
    width: 20%
  }
  .page-strategic-layout-top .title-1 {
    font-size: 40px;
  }
  .product-detial-top-left .content-1::before {
    margin: 1.5rem 0 1rem
  }
  .service-body h3 {
    font-size: 20px;
  }
  .section-title h2 {
    font-size: 32px;
  }
  .page-about-us p.abp {
    font-size: 16px;
  }
  .bvf {
    width: 700px;
  }
  .our-faqs {
    padding: 100px 0;
  }
  .page-about-us h2, .pro .index-our-clients-top .title-1 {
    font-size: 36px;
  }
  .page-strategic-layout-top, .page-strategic-layout-content {
    width: 80%;
  }
  .page-strategic-layout-top .text-1 {
    width: 60%;
  }
  .page-strategic-layout-content {
    margin-top: 3%;
  }
}
@media (max-width:1366px) {
	.acc{padding-right: 50px;}
	.main-menu ul li a{padding: 15px 10px !important}
  .footlogo img {
    width: 150px;
  }
  .footl {
    font-size: 16px;
  }
  .footp {
    font-size: 32px;
  }
  .hero.op .hero-content-title h1, .hero-content-title h2 {
    font-size: 52px;
  }
  .hero.op .hero-content-body p {
    font-size: 20px;
  }
  .section-title h3.ccc {
    font-size: 24px;
  }
  .page-about-us p.abp {
    font-size: 14px;
  }
  .cobox h1 {
    font-size: 31px;
  }
  .cobox h3 {
    font-size: 22px;
  }
  .pbox p {
    font-size: 12px;
  }
  .company-counter {
    padding: 100px 0 100px;
  }
  .company-counter-item .counter-content h3 {
    font-size: 50px;
  }
  .strategic-layout-data .data-1 {
    font-size: 70px;
  }
  .page-strategic-layout {
    padding-bottom: 100px;
  }
  .page-about-us p.iou {
    margin-bottom: 10px;
  }
  .main-footer {
    padding: 80px 0 80px 0;
  }
}
@media (max-width:1300px) {
	.b-c{max-width:95%}
	.main-menu ul li a{font-size: 14px;}
	}
@media (max-width:1152px) {
  .main-menu ul li a {
    font-size: 14px;
  }
}
@media (max-width:991px) {
	.about-us-list{padding-left: 0;padding-bottom: 70px;}
	.our-faqs.cxc{padding: 50px 0 50px}
  .col-lg-6.order-2.order-sm-1 {
    padding-top: 2.5rem;
  }
  .bnb {
    display: none;
  }
  .kiio.justify-content-end {
    justify-content: flex-start !important;
  }
  .index-our-clients-swiper {
    margin-top: 50px;
  }
  .our-faqs {
    padding: 70px 0 300px;
  }
  .bvf {
    bottom: 7%;
  }
  .page-about-us p.sxc {
    font-size: 18px
  }
  .page-about-us p br {
    display: none;
  }
  .section-title {
    margin-bottom: 10px;
  }
  .page-header-box h1 {
    font-size: 40px;
  }
  .page-about-us h1 {
    font-size: 30px;
  }
  .cvbx {
    width: 100%;
  }
  .section-title-content p {
    padding-top: 0;
  }
  .page-about-us .col-md-4 .cobox {
    border-bottom: 1px solid #dee9da;
    margin-bottom: 28px
  }
  .page-about-us .col-md-4:last-child .cobox {
    border-bottom: 0;
    margin-bottom: 0;
  }
  .kiio {
    padding-left: 15px;
  }
  .section-row .section-title {
    padding-bottom: 20px;
  }
  .col-md-2x {
    width: 33.333%;
  }
  .pbox {
    margin-bottom: 10px;
  }
  .pcshow {
    display: none !important;
  }
  .mbshow {
    display: block !important;
  }
  .hero.hero-slider .hero-slider-layout .hero-slide .hero-slider-image img {
    height: auto;
  }
  .navbar .a-c, .topbar .a-c {
    max-width: 100%;
  }
  .strategic-layout-data, .strategic-layout-map {
    width: 100%;
  }
  .page-strategic-layout-top .title-1 {
    font-size: 40px;
    padding-top: 20px;
  }
  .a-c,.b-c {
    max-width: 95%;
  }
  .ablewise-content.pro {
    width: 94%;
  }
  .index-our-clients-swiper {
    width: 95%;
  }
  .page-about-us h1 {
    font-size: 30px;
  }
  .page-about-us p {
    font-size: 18px;
  }
  .abbg {
    padding-bottom: 10px;
  }
  .vbc {
    padding-right: 10px;
    padding-top: 60px;
  }
  .vbb {
    padding-left: 10px;
    padding-top: 60px;
  }
  .section-title h3.ccc {
    font-size: 28px;
  }
  .section-title h3.ccc img {
    width: 36px;
  }
  .vbg {
    padding-bottom: 40px;
  }
  .page-about-us {
    padding: 80px 0;
  }
  .page-header-box p {
    font-size: 16px;
  }
  .customer-service-content-swiper {
    margin: 0 auto;
  }
  .page-strategic-layout-top .text-1 {
    width: 100%;
  }
  .product-category a span {
    margin-top: 0
  }
  .product-category a i img {
    max-width: 70%;
    max-height: 70%;
  }
  .page-strategic-layout-top {
    width: 90%;
  }
  .page-header.dkk {
    padding: 50px 0;
  }
  .page-strategic-layout {
    padding: 10% 0;
  }
  .category-product-left .item-4 {
    display: none;
  }
  .page-strategic-layout-content {
    width: 90%;
    margin-top: 5%;
  }
  .product-category li {
    width: 25%;
  }
  .fixed .product-category ul {
    width: 100%;
  }
  .ablewise-jiantou {
    padding: .2rem;
  }
  .category-product-left .title-2 strong {
    font-size: 28px;
  }
  .ablewise-jiantou .line-1 {
    margin: 0 1rem;
  }
}

@media (max-width:768px){
    .section-title-content p{width: 100%}
	.vcvcx{display: none!important;}
	.acc{
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 30px;
    }
}