.about:before{background-color:#0000008a}
.about{height:700px !important}
.about { background-size: cover;}
.about-wrapper { padding-top: 50px; }
@media (max-width:584px){.about{height:950px !important}}
.about .about-text{text-align: left;}
.about .about-p{font-size: var(--fontsize20);margin-bottom: 20px;}
.about .about-p:last-child{margin-bottom: 0;}
@media (max-width:1280px) {.about .about-p{font-size: var(--fontsize18);}}
@media (max-width:768px) {
.about .about-title{padding:0;}
.about .about-p{font-size: var(--fontsize16);margin-bottom: 10px;}
}
.about .common-more-btn-y{color:#fff;border-color:#fff;}
.news .hvr-bounce-to-right:before{background:var(--color);color:#fff;}
.hot-pro ul li{background:var(--color);box-shadow:0px 5px 10px rgba(0,0,0,.3)}
.hot-pro ul li .pro-intro,.hot-pro .pro-name{color:#fff;}
.news ul li{box-shadow:0px 5px 10px rgba(0,0,0,.3)}