.about-banner {position: relative;}
.about-banner img {width: 100%;}
.about-banner::after {content: ' ';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, .6);z-index: 2;}
.about-banner .banner-title {position: absolute;top: 20%;left: 50%;transform: translateX(-50%);z-index: 3;color: #fff;text-align: center;text-transform: uppercase;}
.about-banner .banner-title h2 {color: #fff;font-size: 60px;font-family: 'TwCenMT Regular';position: relative;}
.about-banner .banner-title h2 span {display: inline-block;width: 105px;height: 10px;border-radius: 5px;background-color: #f6b74e;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}
.about-banner .banner-title p {font-size: 24px;margin-top: 46px;}
.about-banner .bl-wrap {position: absolute;bottom: 0;left: 0;z-index: 3;}
.about-banner .bl-wrap img {width: 100%;}
.about-banner-title-2 {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 1300px;}
.about-banner-title-2 a {color: #000;font-size: 20px;}
.about-banner-title-2 span {font-size: 20px;}
.breadcrumbs-wrap {border-image-slice: 10;border-bottom: 1px solid;border-image-source: linear-gradient(to right, rgba(0,0,0,.3) 0%, rgba(255,255,255,.1) );line-height: 30px;}
.breadcrumbs-wrap i {color: #fd9923;margin-right: 10px;}


.about-section {padding: 90px 0 60px;}
.about-section .about-top-text .content-p *{font-size: 18px;}

.about-content-01-wrap {padding: 90px 0 60px;background-color: #fff;}
.about-content-01-right h2{    font-size: 2.5rem;font-weight: 700;line-height: 1.2em;}
.about-content-01-right .aboutProductText {overflow-x: auto;}
.about-content-01-right .aboutProductText table td,.about-content-01-right .aboutProductText table {border: 1px solid #dcd7ca;}
.about-content-01-right .aboutProductText table {border-collapse: separate;border-spacing: 0;border-width: 1px 0 0 1px;margin: 0 0 1.5em;width: 100%;border-color: #dcd7ca;}
.about-content-01-right .aboutProductText table tr:nth-child(odd) td {background: #f1f1f1;}
.about-content-01-right .aboutProductText table td,.about-content-01-right .aboutProductText table tr {padding: 8px;border-width: 0 1px 1px 0;border-style: solid;border-color: #dcd7ca;}
.commonBtn {display: inline-block;color: #fff;font-size: 16px;text-align: center;padding: 10px 20px;text-decoration: none!important;background: #fd9923;border: 1px solid #fd9923;transition: all .3s;}

.about-content-01-left {padding-right: 30px;height: 100%;display: flex;align-items: center;}
.about-content-01-left ul li * {font-size: 20px;}
.about-content-01-left ul li a {color: #fd9923;}

.about-cerfiticates-wrap {padding: 80px 0;position: relative;}
.about-cerfiticates-wrap h2 {font-size: 2.5rem;font-weight: 700;line-height: 1.2em;}
.about-cerfiticates-wrap::before {width: 65%;height: 50%;position: absolute;content: '';bottom: 0;right: 0;background: #fff;}

.cerfiticates-items .cerfiticates-swiper {overflow: hidden;}
.cerfiticates-items .cerfiticates-swiper .swiper-slide img{width: 100%;}

.about-swiper-change-button {color:rgba(0,0,0,.2);font-size: 30px;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}
.about-swiper-change-button i {color: #000;font-size: 30px;vertical-align: middle;cursor: pointer;}
.about-swiper-change-button i:hover {color: #fd9923;transition: all 0.6s;}

.about-new-wrap {padding: 80px 0;}
.about-new-wrap .about-new-left img {width: 100%;}
.about-new-wrap .about-new-right {height: 100%;display: flex;align-items: center;padding: 0 10px;}
.about-new-wrap .about-new-right h4 {font-size: 32px;}
.about-new-wrap .about-new-right p {font-size: 18px;}
.bg-white {background-color: #fff;}

.about-form-table {padding: 80px 0;}
.about-form-table .about-form-table-box {padding: 20px;background-color: #fff;
}

.pc-show {display: block;}
.md-show {display: none;}
@media (max-width:786px) { 
    .about-banner .banner-title h2 {font-size: 20px;}
    .about-banner .banner-title p {font-size: 16px; margin-top: 5px;line-height: 1;}
    .about-banner-title-2 a,.about-banner-title-2 span {font-size: 14px;}
    .breadcrumbs-wrap {padding-left: 40px;line-height: 1;}
    .about-banner-title-2 {bottom: -15px;}
    .about-section {padding: 20px 10px;}
    .about-content-01-wrap{padding: 0 10px;}
    .about-cerfiticates-wrap,.about-new-wrap {padding: 10px;}
    .about-cerfiticates-wrap h2 {font-size: 26px;}
    .about-new-left {margin-top: 10px;}
    .pc-show {display: none;}
    .md-show {display: block;}
    .about-form-table {padding: 10px 0;}
}