#index-body .about .title {
    margin-bottom: 2rem;
    text-align: left;
}
#index-body .about .title h3::after , #index-body .about-box .title h3::before {
    content: none;
}
#index-body .about .title h3 {
    letter-spacing: normal;
    color: #333;
    padding-bottom:0;
}    

#index-body .about .title p {
    font-size: 2.8rem;
    font-weight: bold;
    font-family: tahoma; 
    text-transform:none;
}

#index-body .about .about-box {
    background: none;
    color: #333;
}

#index-body .about-box .digital-num {
    color: #555;
    font-size: .8rem;
    padding: .4rem;
}
#index-body .about-box .digital-num h3 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #386ACD;
}

#index-body .title h3::before {
    content:none;
}

#index-body .index-case .more {
    text-align: right;
    font-size: .8rem;
    margin-right: 2rem;
}
#index-body .index-case .more a {
    border:1px solid #386ACD;
    color: #386ACD;
    padding: .2rem .6rem;
}
#index-body .index-case .container {
    display: flex;
    width: 100%;
}
#index-body .index-case .container .title-column {
    flex-shrink: 0;
    background-color: #386ACD;
    color: #fff;
    padding: 2rem;
    writing-mode: vertical-lr;
    font-size: 1.5rem;
    letter-spacing: .2rem;
}
#index-body .index-case .container .title-column p{
    font-size: 2.5rem;
    font-weight: bold;
}

#index-body .gallery .gallery-box {
    width: 100%;
}
#index-body .category .cate-box {
    padding: .5rem 0 2.5rem;
}
#index-body .product .pro-box,#index-body .product .pro-box ul {
    padding: 0;
}
#index-body .category .cate-box ul li .ig .img {
    border-radius: 0;
}
#index-body .category .cate-box ul li .ig .img h4 {
    position: unset;
    background: none;
    color: #555;
    transform: none;
}
#index-body .product ,
#index-body .category{
    padding:2rem 4rem 1.8rem
}
#index-body .news .newss-box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: .8rem;
}
#index-body .news .newss-box li {
    width: 49%;
    margin-bottom: 2.2rem;
    text-align: center;
}
#index-body .news .newss-box li:nth-child(2n) {
    margin-right: 0;
}
#index-body .news .newss-box li img {
    width: 100%;
    height: 20rem;
    object-fit: cover;
}
#index-body .news .newss-box li h4 {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: .2rem;
    margin-top: 1.4rem;
    color: #333;
}
#index-body .gallery {
    background: none;
}
#index-body .category .cate-box ul li .ig:hover .img {
    box-shadow: none;
}

#footer .f-menu .grid-box .column:nth-child(2) {
    width:65%;
}
#footer .f-menu .links {
    display: flex;justify-content: end;
}
#footer .f-menu .links a {
    margin-left: 1.2rem;
    color: #fff;
}
#footer .grid-box {
    display: flex;
    align-items: center;
}
#footer .f-menu .grid-box .column {
    padding-bottom: 0;
}
#footer .f-menu {
    padding: 2rem 0;
    background: #333;
}

.contact-page .init-3 ul {
    padding: 10px 0;
}

.contact-page .init-3 ul li textarea {
    height: 100px;
}

.contact-page .init-3 ul li input[type="submit"] {
    margin-top: 20px;
}
.index-swiper .swiper-button-prev:after {
    color: #fff;
    font-size: 16px;
    content:"PREV";
}
.index-swiper .swiper-button-next:after {
    color: #fff;
    font-size: 16px;
    content:"NEXT";
}

.index-swiper .swiper-button-next, .index-swiper .swiper-button-prev {
    top:auto;
    bottom: 0px;
    color: #fff;
}
.index-swiper .swiper-button-prev {
    left:40%;
}
.index-swiper .swiper-button-next {
    right: 40%;
}

.news-page .init-2 ul li.lir .right {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  margin-right: -5px;
    margin-left: 0;
    padding: 0;

}
.news-page .init-2 ul li.lir .right a {
  overflow: hidden;
  display: block;
}
.news-page .init-2 ul li.lir .left {
  width: 75%;
  display: inline-block;
  margin-left: -5px;
  vertical-align: middle;
  padding: 20px 5% 20px 20px;
}
.news-page .init-2 ul li.lir .left h2 {
  font-size: 18px;
  color: black;
  font-weight: bold;
}
.news-page .init-2 ul li.lir .left h2 a {
  color: inherit;
}
.news-page .init-2 ul li.lir .left h2:hover {
  color: #0065C9;
}
.news-page .init-2 ul li.lir .left time {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  padding: 10px 0 20px;
  display: block;
}
.news-page .init-2 ul li.lir .left .con {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 24px;
}



@media screen and (min-width: 700px){
    #index-body .gallery .gallery-box ol li ul li .ig img {
        height: 200px;
        padding-bottom: 0px;
        object-fit: cover;
    }
    #index-body .category .cate-box ul li .ig .img img {
        height: 200px;
        object-fit: cover;
    }
}


@media screen and (min-width: 992px) {
    #index-body .gallery .gallery-box ol li ul li .ig img {
        height: 280px;
        padding-bottom: 0px;
        object-fit: cover;
    }
    #index-body .category .cate-box ul li .ig .img img {
        height: 280px;
        object-fit: cover;
    }
}


@media screen and (min-width: 1200px) {
    #index-body .gallery .gallery-box ol li ul li .ig img {
        height: 350px;
        padding-bottom: 20px;
        object-fit: cover;
    }
    #index-body .category .cate-box ul li .ig .img img {
        height: 350px;
        object-fit: cover;
    }
}


@media screen and (min-width: 1440px) {
    #index-body .gallery .gallery-box ol li ul li .ig img {
        height: 450px;
        padding-bottom: 30px;
        object-fit: cover;
    }
    #index-body .category .cate-box ul li .ig .img img {
        height: 300px;
        object-fit: cover;
    }
}