@media screen and (max-width: 1024px) {
 #header .header-content {
 width: 90%;
 padding: 40px 0;
}
 #header.fixed a {
 color: #353535;
}
 .nav-toggle {
 display: block;
}
 .navigation {
 position: fixed;
 background-color: #313131;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 99999;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
 transition: opacity 0.5s, visibility 0s 0.5s;
}
 .navigation .primary-nav {
 position: relative;
 top: 45%;
 -moz-transform: translateY(-45%);
 -ms-transform: translateY(-45%);
 -webkit-transform: translateY(-45%);
 transform: translateY(-45%);
}
 .navigation li {
 display: block;
 margin-bottom: 1px;
}
 .navigation a {
 display: block;
 font-size: 18px;
 margin: 0;
 text-align: center;
 padding: 17px 0;
 color: #fff;
}
 .person {
 margin: 0 auto 50px;
}
 .person-content {
 text-align: center;
}
 .person .social-icons li {
 display: inline-block;
 float: none;
 margin-bottom: 5px;
}
 .testimonials blockquote {
 padding: 20px 5% 0;
}
 .testimonials p {
 font-size: 12px;
}
 .flex-control-nav {
 bottom: 20px;
}
}

@media screen and (max-width: 768px) {
 #header.fixed a {
 color: #fff;
}
 #header.fixed a.logo {
 color: #000;
}
 #header .header-content {
 width: 100%;
 padding: 18px 5%;
 box-sizing: border-box;
}
 #header.fixed .header-content {
 padding: 12px 5%;
}
 #header .logo img {
 height: 28px;
}
 #header .logo span {
 font-size: 15px;
 letter-spacing: 0.5px;
}
 .nav-toggle {
 display: none;
}
 .banner-text {
 padding-top: 30%;
}
 .banner-text h1 {
 font-size: 42px;
}
 .banner-text p {
 font-size: 18px;
}
 .flexslider {
 padding-bottom: 80px;
}
 .flex-control-nav {
 width: 100%;
}
 .footer .footer-col {
 margin-bottom: 50px;
}

 /* 轮播区域：手机端使用更高比例，避免画面过扁 */
 .slider-banner,
 .slider-banner .inner,
 .slider-banner .projector {
 width: 100% !important;
 max-width: 100%;
}
 .slider-banner .inner.devrama-slider,
 .slider-banner .inner .projector {
 height: 56vw !important;
 min-height: 240px !important;
 max-height: 360px !important;
}
 .slider-banner .lazy-background {
 object-fit: cover;
 object-position: center center;
 width: 100% !important;
 height: 100% !important;
}

 /* 轮播文字：居中叠放，避免百分比定位溢出屏幕 */
 .slider-banner h3 {
 display: block !important;
 position: absolute !important;
 top: 22% !important;
 left: 6% !important;
 right: 6% !important;
 width: auto !important;
 font-size: 20px !important;
 line-height: 1.35;
 text-align: center;
 opacity: 1 !important;
 margin: 0;
}
 .slider-banner p {
 position: absolute !important;
 top: auto !important;
 bottom: 16% !important;
 left: 5% !important;
 right: 5% !important;
 width: auto !important;
 font-size: 13px !important;
 line-height: 1.55;
 text-align: center;
 opacity: 1 !important;
 font-weight: 600;
}

 /* 内容区间距 */
 .section {
 padding: 50px 0;
}
 .intro h3 {
 font-size: 22px;
 padding: 0 16px;
 line-height: 1.4;
}
 .intro .contact-info p {
 font-size: 13px !important;
}
 .intro .col-md-8 {
 padding-left: 15px;
 padding-right: 15px;
}
}

@media screen and (max-width: 640px) {
 .banner-text {
 padding-top: 57%;
}
 .testimonials p {
 font-size: 12px;
}
 .slider-banner h3 {
 font-size: 18px !important;
 top: 20% !important;
}
 .slider-banner p {
 font-size: 12px !important;
 bottom: 14% !important;
}
}

@media screen and (max-width: 480px) {
 .banner-text {
 padding-top: 45%;
}
 .banner-text h1 {
 font-size: 32px;
}
 .testimonials p {
 font-size: 12px;
}
 .slider-banner .inner.devrama-slider,
 .slider-banner .inner .projector {
 min-height: 220px !important;
}
 .intro h3 {
 font-size: 19px;
}
}

@media screen and (max-width: 320px) {
 .banner-text {
 padding-top: 55%;
}
 .testimonials blockquote {
 padding: 20px 5% 0;
}
 .testimonials p {
 font-size: 12px;
}
 .slider-banner h3 {
 font-size: 16px !important;
}
}