@media all and (max-width:1280px) {.w1200 {width:94%;}
.home-about .content {padding:100px 0;}
.w1400 {width:94%;}
;}
@media all and (max-width:1160px) {
    .w1080 {width:94%;}
;}
@media all and (max-width:1100px) {
    header .head-nav .info {display:none !important;}
.w980 {width:94%;}
;}
@media all and (max-width:992px) {#container {padding-top:56px !important;}
header {position:fixed;top:0;left:0;right:0;}
header .head-nav {height:56px;}
.home-about .content {position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;padding:80px 20px 0 !important;}
.home-about .content .desc {line-height:28px !important;}
.home-about .introduce {position:absolute;left:0;right:0;bottom:0;}
.home-product .more {width:160px;height:40px;}
.culture-list ul li {flex-direction:column;margin-bottom:16px;}
.culture-list ul li .img {width:100%;}
.culture-list ul li .text {width:100%;}
.case-list ul li .item .text .more span {width:40px;height:40px;}
.case-list ul li .item .text .more span .icon {font-size:24px;}
.course-list ul::before {content:none;}
.course-list ul::after {content:none;}
.course-list ul li:nth-child(2n) {margin-top:0;}
.course-list ul li .img {width:100% !important;}
;}
@media all and (max-width:768px) {
    .case-page .info .title {flex-direction:column;}
.case-page .info .title .img {width:100%;}
.case-page .info .title .text {width:100%;margin-top:20px;}
footer {padding-bottom:50px;}
.message form .btn-1 {width:100%;}
.home-news .tab-pane .swiper-container {height:380px;}
.home-client .client-container {height:220px;}
.breadcrumb{color:#ffffff;}
.breadcrumb a {font-size:12px;padding-left:2px; display: inline-block; color:#ffffff;}
.breadcrumb a::before {padding-right:2px;}
.question-list ul li .desc {line-height:24px;}
.news-list ul li a .img {width:35%;padding-top:30%;}
.news-list ul li a .text h4 {-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;white-space:normal;overflow:hidden;}
.tab-content .fs-14{font-size: 12px !important;}
.pro-list .align-items-center .fs-12{font-size: 12px !important;}

.home-product .pro-nav ol li{ width: 33.33%;}
.home-product .pro-nav ol li a.active h4{ font-size: 12px !important;}
.home-product .pro-nav ol li a{white-space: nowrap;}

}
@media all and (max-width:576px) {
.contact-page .content #map {height:320px;}
.home-product .pro-nav .pro-list-1 {overflow-x:auto;background-color:#2a81c5;}
.home-product .pro-nav .pro-list-1 ol {white-space:nowrap;background-color:#2a81c5;}
.home-product .pro-nav .pro-list-1 li {display:inline-block;background-color:#2a81c5;}
.home-product .pro-nav ol li a h4 span{ display: block; font-weight: normal;  font-size: 12px;  }
.home-news>.w1400>.d-flex {flex-direction:column;}
.home-news>.w1400>.d-flex h2 {text-align:center;}
.hzlist{overflow-x:auto; }
.sy_section2 .content .left .more{ width: 120px;}
.sy_section2 .content .left .more a .words{ font-size: 12px;}
.home-product h3{ font-size: 18px;line-height: 22px; margin-bottom: 12px;}
.home-product{ margin-top: 40px;}

.contact-content .qr-list li{ clear: both; width: 100%; margin: 0; padding: 0;}
.contact-content .left{ clear: both; width: 100%;}
.contact-content .f-r{clear: both; width: 100%;  display: flex; margin-top: 30px; overflow: hidden; }
.contact-content .qr-list p{ padding: 0; margin: 0; line-height: 1.6;}
.contact-content .qr-list img{ max-width: 140px; height: auto;}

.message-content .first .inp{ clear: both; width: 100%; padding: 0 5px; margin: 10px 0; height: 42px; line-height: 42px;}
.message-content .first .inp~.inp{margin: 10px 0;}
.home-product .pro-nav ol li a{height:45px; }



}