@media screen and (max-width: 1699px){ .head-tel{ width: 300px; } .nav{ margin-left: 8%; } } @media screen and (max-width: 1560px){ .container{ padding: 0 4%; width: auto; } .head-tel{ width: 300px; } .nav{ margin-left: 6%; width: 48%; } } @media screen and (max-width: 1500px){ .head-tel{ width: 250px; } .nav{ margin-left: 5%; } .warpper{ padding: 0 4%; width: auto; } .index1-img{ background-size: 100% 100%; width: 62px; height: 72px; line-height: 72px; } /*内页-公司简介*/ .honor .list{ width: 100%; } .t-next{ right: 0!important; } .t-prev{ left: 0!important; } .h-next{ right: 0!important; } .h-prev{ left: 0!important; } .hj-next{ right: 0!important; } .hj-prev{ left: 0!important; } /*内页-产品中心*/ .info-pro-type .type{ width: 94%; } .info-pro-type a:before{ display: none; } } @media screen and (max-width: 1350px) { .nav{ margin-left: 2%; } .foot1 .foot1-tit h1 { font-size: 20px; } .foot1 .foot1-tit small { font-size: 12px; } .foot1 .foot1-tit { margin-left: 15px; } .foot3{ width: 27%; } .foot4{ width: 10%; } .foot4 .f-ewm{ float: right; } .f-tit { display: none; } .index6-left h3 strong{ font-size: 50px; } .index5-img{ height: 100%; } .index5-img img{ display: block; width: 100%; height: 100%; object-fit: cover; } .index5 ul li:nth-child(odd) .index5-img img { object-position: right; } .index5 ul li:nth-child(even) .index5-img img{ object-position: left; } } @media screen and (max-width: 1200px) { .container{ padding: 0 2%; } .warpper{ padding: 0 2%; } .head-tel{ display: none; } .nav{ width: 60%; float: right; } .banner .slide-inner .text{ top: 50%; } .banner .swiper-slide1 .slide-inner .text .fir{ font-size: 34px; } .banner .swiper-slide1 .slide-inner .text .thr{ font-size: 20px; } .banner .swiper-slide1 .slide-inner .text .sec img{ max-width: 68%; } .banner .swiper-slide2 .slide-inner .text .fir{ font-size: 34px; } .banner .swiper-slide2 .slide-inner .text .thr{ font-size: 20px; } .banner .swiper-slide2 .slide-inner .text .sec img{ max-width: 68%; } .banner .swiper-slide3 .slide-inner .text .fir{ font-size: 34px; } .banner .swiper-slide3 .slide-inner .text .thr{ font-size: 20px; } .banner .swiper-slide3 .slide-inner .text .sec img{ max-width: 68%; } .ban-next{ right: 5%; } .ban-prev{ left: 5%; } .index1-title h3 strong{ font-size: 40px; } .index1-left p{ line-height: 30px; } .index1 ul li{ height: 94px; } .index1 ul{ height: 150px; } .index4-left h3{ font-size: 42px; } .index4-left small{ font-size: 16px; } .index4-right strong{ width: 100%; } .foot1 .foot1-tit{ display: none; } .foot1 img{ float: none; margin: 0 auto; } /*内页-产品中心*/ .info-pro-type .type{ width: 93%; } /*内页-新闻资讯*/ .newsTime{ width: 205px; } } @media screen and (max-width: 991px) { .head{ padding: 2% 0; } .logo{ float: none; width: 100%; position: relative; height: 60px; margin-bottom: 2%; } .logo a{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .nav{ float: none; width: 100%; margin-left: 0; } .title h3{ font-size: 34px; } .index3-title h3{ font-size: 34px; } .index1-title h3 strong{ font-size: 28px; } .index1-left p{ padding-top: 20px; line-height: 28px; } .index6-right{ width: 66%; } .index6-left{ height: 527px; } .n2{ height: 277px; } .index4{ background: url(../images/guanggao.jpg) no-repeat center center; } .index4-left h3{ font-size: 36px; } .index4-left small{ font-size: 13px; } .index4-right strong{ background: url(../images/h-tel.png) no-repeat center left 15px; font-size: 18px; text-indent: 35px; } .foot1{ display: none; } .foot2{ width: 27%; } .foot3{ width: 35%; } /*内页-公司简介*/ .fixed-banner h3{ font-size: 34px; } .about2{ padding: 4% 0; } .about2 ul{ width: 100%; } .about2 ul li h3{ padding: 20px 0; } /*内页-产品中心*/ .index2-img{ height: 180px; } .cp-dian{ bottom: -5px!important; } /*内页-经典案例*/ .case-info ul li{ height: 200px; } .othercase ul li{ height: auto; } } @media screen and (max-width: 767px) { /*.head {*/ /*padding: 2% 0 0 0;*/ /*}*/ .head { padding: 2% 0 0 0; /*background: #fff;*/ position: absolute; /*position: fixed;*/ /*background: #1a1a2b;*/ top:0; width:100%; z-index:999; } .logo-tit p{ /*color: #999999;*/ color:#fff; font-size: 14px; text-transform: uppercase; } .logo-tit h3{ /*color: #1d1d1d;*/ color:#fff; /*font-size: 24px;*/ font-weight: bold; font-size:18px; } .container { padding: 0; } /*重写导航*/ .nav_all_menu{ display: block; position: absolute; top: 10px; right: 2%; } .navBg.active { opacity: 0.8; background: #1a1a2b; transform: translate(0,0); } .logo a { width: 86%; } .head .logo img { margin-right: 20px; } .logo-tit { width: 100%; float: none; } .logo-tit p { font-size: 13px; } .nav { /*background: #da0502;*/ display: none; } .nav ul li a { color: #fff; } .nav ul li a p { display: none; } .nav ul li.active a { color: #fff; } .nav ul li { width: 33.1%; padding: 2% 0; border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .nav ul li:nth-child(3n) { border-right: none; } .banner { height: 350px; } .banner .swiper-slide1 .slide-inner .text .fir { font-size: 16px; } .banner .swiper-slide1 .slide-inner .text .sec { margin: 20px 0; } .banner .swiper-slide1 .slide-inner .text .thr { font-size: 14px; width: 80%; margin: 0 auto; } .banner .swiper-slide2 .slide-inner .text .fir { font-size: 16px; } .banner .swiper-slide2 .slide-inner .text .sec { margin: 20px 0; } .banner .swiper-slide2 .slide-inner .text .thr { font-size: 14px; width: 80%; margin: 0 auto; } .banner .swiper-slide3 .slide-inner .text .fir { font-size: 16px; } .banner .swiper-slide3 .slide-inner .text .sec { margin: 20px 0; } .banner .swiper-slide3 .slide-inner .text .thr { font-size: 14px; width: 80%; margin: 0 auto; } .ban-next { width: 30px !important; height: 30px !important; background-size: 100% 100%; } .ban-prev { width: 30px !important; height: 30px !important; background-size: 100% 100%; } .swiper-pagination_wrap p em.em_1 { font-size: 20px; } .swiper-pagination_wrap p em.em_2 { font-size: 16px; } .index1-left { width: 100%; margin-bottom: 20px; } .index1-right { width: 100%; height: 280px; } .index1-left a { margin-top: 10px; line-height: 35px; height: 35px; width: 180px; } .index1 ul li { width: 100%; height: auto; border-bottom: 1px solid #eee; } .index1 ul { height: auto; margin-top: 20px; } .chanpin{ margin-top: 20px; } .index1 ul li:last-child { border-bottom: none; } .title h3 { font-size: 28px; } .title p{ font-size: 15px; width: 90%; margin: 0 auto; } .index2-img{ height:150px; } .index3-title{ position: relative; text-align: center; padding: 2% 0; } .index3-title h3:after{ left: 50%; transform: translateX(-50%); } .index3-title h3{ font-size: 28px; } .index3-title p{ font-size: 14px; } .index3-list{ height: auto; } .index3-left{ width: 100%; position: relative; height: 300px; } .index3-right{ position: relative; width: 96%; padding: 2% ; } .index4{ background: url(../images/guanggao.jpg) no-repeat center right; padding: 6% 0; } .index4-left{ width: 100%; } .index4-left p{ width: 100%; font-size: 16px; } .index4-left h3{ font-size: 26px; text-align: center; padding-bottom: 20px; } .index4-left small{ display: block; font-size: 12px; letter-spacing: -1px; text-align: center; margin-bottom: 20px; } .index4-right{ width: 100%; } .index4-right strong{ width:58%; margin: 0 auto; height: 50px; line-height: 50px } .index5 ul li{ height: auto; } .index5-img{ width: 100%; } .index5-tit{ width: 100%; margin-right: 0!important; } .index5 ul li:nth-child(even) .index5-tit{ padding-left: 0; } .index6-left{ width: 94%; height: 265px; padding: 3%; } .index6-left p{ padding-top: 20px; } .index6-right{ width: 100%; } .index6{ background-size: 100% 100%; } .f-center{ padding: 20px 0; } .foot2{ width: 100%; padding: 0; background: none; } .foot2 ul li{ width: 33.33%; } .foot3{ width: 100%; padding: 0; background: none; } .foot4{ width: 100%; } .foot4 .f-ewm{ display: block; margin: 0 auto; float: none; padding-top: 20px; } .admin{ display: none; } /*内页-公司简介*/ .nei-tit{ width: 100%; } .fixed-banner{ height: 300px; } .fixed-banner h3{ font-size: 24px; } .fixed-banner p{ width: 80%; font-size: 18px; margin: 0 auto; text-align: center; } .about1-left{ width: 100%; margin-bottom: 20px; height: 250px; } .about1-right h3:after{ margin: 20px 0; } .about1-right{ width: 94%; height: auto; padding:3%; } .about1-right .about1-tit{ max-height: 400px; } .about1-right .about1-tit p{ line-height: 25px; } .about2 ul li{ width: 50%; margin-bottom: 10px; } .about2 ul li h3{ padding: 10px; font-size: 18px; } .about2 ul li p{ font-size: 14px; } .h-type ul li{ width: 33%; font-size: 18px; } .h-list{ margin-top: 10px; } .ab-honor{ padding: 5% 0; } .h-type ul{ width: 100%; } /*内页-产品中心*/ .info-pro-type .type{ width: 90%; } .info-pro ul li{ width: 49%; } .info-pro ul li:nth-child(2n){ margin-right: 0; } .de-page-mian .page-inner span{ display: none; } .de-page-mian .page-inner input{ display: none; } .de-page-mian .page-inner a.page-btn{ display: none; } .MagnifierMain{ height: 300px; line-height: 300px; } .prodect-Info .info-main .info-preview{ width: 100%; } .prodect-Info .info-main .info-main-rig{ width:100% } .prodect-Info .info-main .info-main-rig .order-btn{ display: none; } .info-main-rig small{ line-height: 25px; font-size: 14px; } /*内页-经典案例*/ .case-info ul li{ width: 49%; } .case-info ul li:nth-child(2n){ margin-right: 0; } .incase-left{ width:100%; } .incase-left .swiper-slide{ height: 250px; } .othercase ul li{ width: 100%; } /*内页-新闻资讯*/ .newsList li{ border-top: 0; padding: 10px 0; } .newsTit{ margin: 10px 0; font-size: 18px; } .newsTime{ display: none; } .newsImg{ width: 100%; float: none; } .newsText{ margin: 0 auto; width: 100%; } .common-inner .inner-right .news-detail-content .news-detail{ padding: 0; } .incase-right{ width: 100%; } /*内页-联系我们*/ .de-contact .contact-list ul li{ width: 100%; } .de-message .tips h3{ font-size: 22px; } .de-message .mes-form .mes-input{ width: 100%; } .contact-map #dituContent{ height: 250px; } .mes-center{ width: 100%; } .de-message .mes-form .form-tr .submit{ width: 100%; float: left; margin-top: 10px; } }