@media (max-width: 1800px) { .page-banner .pb-tit { margin-left: -650px; } .about-culture .item .cont { padding: 40px 35px 0; } .sfq-list li .tab-cont { width: 356px; } .sfq-list li .tab-cont h3 { font-size: 24px; } .index-news-content .block .cont .tit, .news-one .cont h4 { font-size: 30px; /*height: 78px;*/ } .form ul li textarea { height: 110px; } .news-list .item .cont { padding-top: 10px; } .navlist>li ~ li { margin-left: 35px; } .num-scroll-two li { margin-right: 50px; } .banner .swiper-slide { background-size: 1600px !important } .banner-wrap { height: auto !important; } .banner .swiper-slide { background-size: contain !important; } .banner .swiper-pagination { bottom: 20px !important; } } @media (max-width: 1600px) { .banner .swiper-slide { background-size: 1500px !important } } @media (max-width: 1440px) { .huanjing-list .prev-hj, .huanjing-list .next-hj { opacity: .8; } .huanjing-list .prev-hj { left: 25px; } .huanjing-list .next-hj { right: 25px; } } @media (max-width: 1390px) { .navlist>li ~ li { margin-left: 30px; } .page-banner .pb-tit { margin-left: 0; left: 4%; } .foot-contact p { font-size: 14px; } .foot-nav .item ul li a { font-size: 14px; } .navlist>li ~ li { margin-left: 20px; } .banner-wrap { height: auto !important; } .banner .swiper-slide { background-size: contain !important; } .num-scroll-two li { margin-right: 30px; } .num-scroll-two li .num-tit { color: #333; font-size: 12px; } } @media (max-width: 1280px) { .navlist>li ~ li { /*margin-left: 20px;*/ } .header .hotline { display: none; } } @media (max-width: 1000px) { .col-4>li, .col-4 .item { width: 50%; } .pt-50 { padding-top: 20px; } .pb-90 { padding-bottom: 30px; } .col { margin-left: -5px; margin-right: -5px; } .col>li, .col .item { padding: 0 5px; } .pages { margin-top: 20px; } .header-wrap { position: relative; height: 50px; } .header .hotline { display: none; } .header { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 50px; line-height: 50px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } .header .logo img { height: 25px; } .header .langulage { /*font-size: 14px;*/ } /*手机导航1 开始*/ .menuph { display: block; float: right; /*width: 50px;*/ height: 50px; cursor: pointer; text-align: center; margin-left: 20px; } .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative; vertical-align: middle; } .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #d71618; } /*.menuph .point:hover .navbtn, .menuph .point:hover .navbtn::after, .menuph .point:hover .navbtn::before { width: 28px; }*/ .menuph .navbtn::after, .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #d71618; } .menuph .navbtn::before { top: 10px; } /*.menuph .point:hover .navbtn, .menuph .point:hover .navbtn::after, .menuph .point:hover .navbtn::before { width: 28px; }*/ .menuph .navbtn::after { top: -11px; } .menuph .point.active .navbtn { background: 0 0; } .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; } .menuph .point.active .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0; } .xialaph { display: block; position: fixed; left: 0; top: 50px; float: left; width: 100%; padding: 0 15px 30px; display: none; z-index: 9999; background: #fff; border-top: 1px solid #e5e5e5; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } .xialaph h4 { float: left; width: 100%; position: relative; } .xialaph h4 .icon-down { width: 16px; height: 16px; float: right; margin-top: 17px; background: url(../images/icon-down.png) no-repeat center; background-size: contain; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .xialaph h4.active .icon-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .xialaph h4 a { /*display: block;*/ color: #333; font-size: 15px; line-height: 50px; } .xialaph h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e5e5e5; } .xialaph .ul2 { float: left; width: 100%; padding: 0 15px; display: none; background: #f5f5f5; } .xialaph h5 { float: left; width: 100%; position: relative; } .xialaph h5 a { display: block; color: #333; font-size: 14px; line-height: 45px; } .xialaph .ul2 li h5::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e5e5e5; } .xialaph .ul2 li:last-child() h5::after { display: none; } /*手机导航1 结束*/ .index-product { padding: 30px 0; } .com-title, .title-bar h3 { font-size: 20px; } .com-title .en { font-size: 16px; margin-top: 12px; } .index-product-content { margin-top: 30px; } .index-product-content .item, .index-product-content .item:first-child { width: 100%; height: auto; } .index-product-content .item .abox { padding: 25px 20px; } .index-product-content .item .pic { position: static; right: 0; width: 100%; padding-top: 10px; } .index-product-content .item .des { width: 100%; margin-top: 20px; margin-bottom: 25px; height: auto; overflow: hidden; } .index-product-content .item ~ .item { margin-top: 10px; } .index-product-content .item:nth-child(2n+1) { margin-right: 0; } .index-product-content { margin-bottom: 0; } .index-product-content .item { margin-bottom: 0; } .links { display: none; } .footer { padding-top: 30px; padding-bottom: 30px; } .foot-contact { width: 100%; } .foot-contact .hotline { margin-bottom: 0; } .qrbox { float: left; width: 100%; margin-left: 0; padding-top: 20px; text-align: center; } .qrbox .item { display: inline-block; margin: 0 8px; } .foot-nav { display: none; } .copyright { padding: 10px 0; font-size: 12px; } .copyright .fr { display: none; } .banner-wrap { height: auto !important; } .navlist { display: none; } .banner .swiper-slide { background-size: 150% !important; } .banner .swiper-button-next, .banner .swiper-button-prev { display: none; } .index-product-content .item h4 { font-size: 18px; } .index-product-content .item h4 span { font-size: 12px; } .com-more { height: 35px; line-height: 35px; } .title-bar { margin-top: 30px; margin-bottom: 30px; } .hot-product-list li .abox .pic { margin-bottom: 5px; } .hot-product-list li .abox p { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; } .hotline-bar { text-align: center; margin-top: 30px; font-size: 20px; } .icon-hotline { width: 20px; height: 20px; background: url(../images/icon-tel.jpg) no-repeat center; background-size: contain; margin-top: -3px; margin-right: 10px; } .index-solution { padding: 30px 0 30px; } .com-title p { font-size: 12px; padding: 0 20px; margin-top: 20px; } .sfq-list { margin-top: 30px; } .sfq-list li img { position: static; margin-left: 0; width: 100%; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; } .sfq-list li { width: 100%; height: 50px } .sfq-list { height: auto; flex-wrap: wrap; } .sfq-list li.on { width: 100%; height: 300px; } .sfq-list li .tab-cont { width: 100%; padding: 0 20px; } .sfq-list li .tab-cont { opacity: 1; visibility: visible; } .sfq-list li .tab-cont .en, .sfq-list li .tab-cont .des, .sfq-list li .tab-cont .more, .sfq-list li.on .tab-tit { display: none; } .sfq-list li .tab-cont h3 { font-size: 18px; } .sfq-list li .tab-cont { background-color: rgba(215, 22, 24, .1); } .sfq-list li.on .tab-cont .en, .sfq-list li.on .tab-cont .des, .sfq-list li.on .tab-cont .more { display: block; } .sfq-list li.on .tab-cont { background-color: rgba(215, 22, 24, .8); } .index-news { padding-top: 30px; padding-bottom: 30px; } .index-news-tab { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 30px; margin-bottom: 30px; } .index-news-tab li { padding: 0; width: 32%; height: 35px; line-height: 35px; margin: 0; } .index-news-content .block, .index-news-content .list, .index-news-content .block .pic { width: 100%; float: none; height: auto; } .index-news-content .block .cont { padding-left: 0; } .index-news-content .block .cont .cate { display: none; } .index-news-content .block .cont .tit, .news-one .cont h4 { font-size: 18px; margin-top: 20px; } .index-news-content .block .cont .date { font-size: 16px; margin-top: 10px; } .index-news-content .block .cont .des { font-size: 14px; margin-top: 10px; } .index-news-content .block .cont .more, .news-one .cont .more { display: inline-block; margin-top: 20px; font-size: 12px; } .index-news-content .list { padding-left: 0; margin-top: 30px; } .index-news-content .list li h4 { font-size: 16px; line-height: 1.3; } .index-news-content .list li p { line-height: 1.7; color: #666; margin-top: 10px; } .index-news-content .list li { padding-bottom: 15px; } .index-news-content .list li ~ li { padding-top: 15px; border-top: 1px dashed #dcdcdc; } /*面包屑*/ .mbx { height: 35px; line-height: 35px; font-size: 12px; color: #666; } .mbx .icon-home { width: 15px; height: 12px; background: url(../images/icon-home.png) no-repeat center; background-size: contain; margin-top: -2px; margin-right: 8px; margin-left: 0; } /*page-banner*/ .page-banner { display: none; } .page-banner .pb-pic { height: auto; padding-bottom: 0; } .page-banner .pb-tit { margin-top: -25px; } .page-banner .pb-tit .cn { font-size: 22px; } .page-banner .pb-tit .en { margin-top: 12px; font-size: 16px; } /*产品列表*/ .com-left { float: none; width: 100%; } .cate-tit { height: 40px; line-height: 40px; background-color: #c9161d; color: #fff; padding-left: 10px; font-size: 18px; } .product-cate-content { padding: 10px; } .product-cate-list h4 a { display: block; width: 100%; height: 35px; line-height: 35px; padding-left: 10px; padding-right: 20px; background-color: #f5f5f5; border-radius: 2px; color: #333; font-size: 14px; } .product-cate-list { padding-bottom: 10px; } .product-cate-list ~ .product-cate-list { margin-top: 0; } .product-cate-list ul li a { position: relative; display: block; line-height: 35px; width: 100%; font-size: 14px; padding-left: 30px; } .product-cate-list ul li a:before { left: 15px; } .contact-side, .com-right>h3 { display: none; } .com-right { float: none; width: 100%; padding-top: 20px; } .product-list li { width: 50%; } .product-list li p { font-size: 14px; margin-top: 10px; margin-bottom: 15px; } /*产品详情*/ .product-album { width: 100%; float: none; } .product-header .cont { padding-top: 20px; padding-left: 0; } .product-tabcont { background: #fff; padding: 15px 15px; overflow: hidden; } .product-wrap .com-left { display: none; } .product-wrap .com-right { padding-top: 0; } .product-header .cont h1 { font-size: 20px; } .product-header .cont .des { line-height: 26px; height: auto; margin-top: 15px; overflow: hidden; } .font-imp p span, .font-imp p { font-size: 14px; } .product-pics-list li { float: left; width: 24%; } .product-tab li { padding: 0; width: 50%; text-align: center; } .font-imp p span, .font-imp p { font-size: 14px !important } .product-tabcont .item { line-height: 1.75; } .product-tabcont .item td { width: auto; } .about-map { width: 100%; padding-top: 30px; padding-bottom: 30px; } .about-map .service-tit { margin-bottom: 30px; } /*新闻详情*/ .news-show-left, .news-show-right { float: none; width: 100%; } .news-show-right { margin-top: 20px; } .news-show-right dl { margin-bottom: 0; } .pb-60 { padding-bottom: 40px; } .gr-back-btn { display: none; } .news-show-left .news-title p { font-size: 12px; } .news-show-left .news-title .tit { font-size: 20px; line-height: 1.3; } /*新闻列表*/ .pb-70 { padding-bottom: 30px; } .pt-70 { padding-top: 30px; } .news-list .item .pic, .news-list .item .cont { width: 100%; float: none; } .news-list .item .cont { padding-left: 0; padding-top: 20px; } .news-list .item .cont h4 { font-size: 18px; color: #333; margin-bottom: 10px; } .news-list .item .cont .more { font-size: 14px; margin-top: 20px; line-height: 30px; } .news-list .item .date { font-size: 20px; margin-top: -20px; } .news-list .item { padding: 20px 0; border-bottom: 1px dashed #e5e5e5; } .mbx-cate { height: auto; line-height: 45px; font-size: 14px; } .mbx-cate .com-width { width: 96%; } .mbx-cate .mbx-cont { display: none; } .com-cate { float: none; width: 100%; text-align: center; } .com-cate li { width: 25%; margin-left: 0; } .com-cate-5 li { width: 20%; } .com-cate li:before { border-bottom: 2px solid #d71618; } .solution-detail { padding: 0; } .mhide { display: none; } .com-cate-solution li { width: 33.3333%; } .pt-60 { padding-top: 30px; } .solution-list .item { padding-top: 20px; padding-bottom: 20px; } .solution-list .item .pic { float: none; } .solution-list .item .cont { float: none; padding-left: 0; padding-bottom: 0; padding-top: 20px; } .solution-list .item .cont h3 span { display: none; } .solution-list .item .cont h3 .icon { margin-right: 5px; width: 40px; position: relative; top: -2px; } .solution-list .item .cont .des { line-height: 1.75; } .solution-list .item .cont .zixun { margin-top: 20px; } .solution-list .item .cont h3 { font-size: 20px; color: #333333; margin-bottom: 15px; line-height: 1; } .pt-80 { padding-top: 30px; } .service-tit { margin-bottom: 20px; } .service-tit h3 { font-size: 20px; } .service-tit p { margin-top: 20px; } .service-tit p br { display: none; } .service-content { flex-wrap: wrap; } .service-content .item { position: relative; float: none; width: 100%; padding: 20px 20px; } .service-content .item .pic img { width: 50px; } .service-content .item ~ .item { border-top: 1px dashed #e5e5e5; } .service-content .item h4 { font-size: 18px; margin-top: 20px; margin-bottom: 15px; } .service-tit .f16 { margin-top: 10px; font-size: 12px; } .telbar { margin-top: 30px; text-align: center; height: 50px; line-height: 50px; font-size: 24px; color: #fff; background: url(../images/telbar.jpg) no-repeat center; background-size: 750px; } .icon-telbar { width: 30px; height: 30px; background: url(../images/telbar-icon.png) no-repeat center; background-size: contain; margin-right: 10px; margin-top: -2px; } /*关于*/ .about-intro { padding-top: 30px; padding-bottom: 30px; } .about-intro .pic { position: relative; width: 100%; } .about-intro .cont { width: 100%; overflow: hidden; padding-left: 0; padding-top: 25px; } .about-intro .cont h3 { font-size: 20px; } .about-intro .cont .des { line-height: 1.75; margin-top: 18px; } .about-intro .cont .des p ~ p { margin-top: 10px; } .num-scroll-two { font-size: 0; margin-top: 30px; width: 100%; } .num-scroll-two li { margin-right: 0; width: 50%; text-align: center; margin-bottom: 10px; } .num-scroll-two li .scroll-cont { text-align: center; } .about-culture { padding-top: 30px; padding-bottom: 30px; } .about-culture .item .pic, .about-culture .item .cont { width: 100%; } .about-culture .item:nth-child(2n+1) .pic { float: none; } .about-culture .item .cont { position: static; padding: 20px 15px; } .about-culture .item .cont h4 { font-size: 20px; font-weight: bold; line-height: 1; color: #333; margin-bottom: 15px; } .about-culture .item .cont p { line-height: 1.75; } .about-culture .item .cont ul { margin-top: 10px; line-height: 1.75; } .about-culture .item ~ .item { margin-top: 10px; } .about-culture .item:last-child .cont { padding-top: 20px; } .about-linian { padding-top: 30px; padding-bottom: 30px; } .about-linian .tit h3 { font-size: 20px; } .about-linian .tit p { font-size: 12px; margin-top: 10px; margin-bottom: 25px; } .com-pic-cont .pic { width: 100%; float: none; } .com-pic-cont .cont { position: static; width: 100%; padding-left: 0; padding: 20px 15px; } .com-pic-cont .cont h4 { font-size: 18px; line-height: 1.5; } .com-pic-cont .cont .en { font-size: 12px; color: #333333; line-height: 1.3; margin-top: 10px; } .pb-80 { padding-bottom: 30px; } .zhuanli-list li .abox { padding: 15px; } .zhuanli-list li { margin-bottom: 10px; } .page-title { padding-top: 30px; padding-bottom: 25px; font-size: 20px; } .honor-content .pic { width: 100%; float: none; } .honor-scroll { width: 100%; float: none; } .honor-scroll ul { left: 0; top: 15%; margin-left: 0; margin-top: 0; display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 0 10px; } .honor-scroll ul li { width: 49%; height: auto; line-height: 1; } .honor-scroll ul li ~ li { margin-left: 0; } .com-pic-cont .cont.center { width: 100%; } /*发展历程*/ .develop-list { margin-top: 30px; } .develop-list li { padding: 20px 15px; } .develop-list li .year { float: none; margin-bottom: 15px; padding: 0; font-size: 24px; color: #333; line-height: 1; } .develop-list li .cont { padding-left: 0; line-height: 1.75; font-size: 14px; } .about-video { padding: 30px 0; } .page-title.min { padding-top: 30px; padding-bottom: 25px; } .huanjing-list .item { width: 50%; } .huanjing-list .prev-hj, .huanjing-list .next-hj { display: none; } .huanjing-list .swiper-pagination { position: static; } .huanjing-list .swiper-pagination .swiper-pagination-bullet { background: #666; } .product-album:before { background-size: 40px; } /*联系*/ .contact-list li { float: none; width: 100%; justify-content: left; height: auto; padding: 15px 20px; } .contact-list li ~ li { border-top: 1px dashed #ddd; } .contact-list li .pic img { width: 80%; } .contact-list li ~ li .pic img { width: 26px; } .contact-list li ~ li { margin-left: 0; } .contact-list li .cont h4 { font-size: 16px; margin-bottom: 5px; } .contact-list li .cont p.min { font-size: 14px; } .contact-list li .cont p { font-size: 14px; line-height: 1.3; } .contact-tit { font-size: 20px; margin-top: 30px; margin-bottom: 25px; } .company-list li { margin-bottom: 10px; } .company-list li .tit { font-size: 12px; line-height: 1.5; height: auto; overflow: hidden; padding: 10px 15px; } .company-list li .cont { /*opacity: 1;*/ background: rgba(215, 22, 24, .5); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); padding: 20% 5%; } .company-list li h4 { font-size: 14px; line-height: 1.3; } .company-list li .des { margin-top: 10px; font-size: 12px; line-height: 1.75; } .message .pic { display: none; } .message .cont { overflow: hidden; padding-left: 0; padding-top: 0; } #dituContent { height: 250px; } .message .cont h3 { font-size: 20px; } .message .cont p { margin-top: 15px; font-size: 12px; } .form { margin-top: 20px; } .form ul li { margin-bottom: 10px; } .form ul li input { padding: 0 10px; height: 40px; font-size: 14px; } .form ul li textarea { height: 80px; padding: 10px; font-size: 14px; } .form .sub { margin-top: 10px; width: 100%; } } @media (max-width: 750px) { .banner-wrap { height: calc(60vh - 50px) !important; } .mbanner {display: block;} .banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; } .banner .swiper-pagination-bullet { width: 8px; height: 8px; } .banner .swiper-pagination { bottom: 10px !important; } }