@media screen and (max-width:1200px) { /* div, span, p { } */ .headers { display: none; } .phone { display: block; } /* 绉诲姩鎮诞妗 */ .phoneIcon { display: block; } /* pc鎮诞妗 */ .icon { display: none; } .banner-image { height: auto; } .swiper-slide .pS { font-size: 24px; bottom: 50%; left: 3%; } .pc>.swiper-pagination span { width: 8px; height: 8px; display: inline-block; background: #fff; opacity: 0.6; margin: 0 5px; border-radius: 50%; outline: none; } .carousel div { height: 97%; } .pageTitle { font-size: 18px; letter-spacing: 3px; margin-bottom: 24px; } .pageTitle span::before { content: ''; position: absolute; bottom: -20%; width: 20px; height: 2px; left: 50%; transform: translateX(-50%); } /* 浜у搧涓績 */ .product { display: none; } .mProduct { display: block; } /* 鏈€鏂版柊闂 */ .news-list-message { width: 100%; margin: 10px 13px; margin-bottom: 11px; } .news { width: 100%; margin: 15px auto 20px; } .news-image { height: 196px; } .news-message article { font-size: 14px; height: 25px; } .news-message { padding: 5px 5px 10px 11px; } .news-message p { font-size: 12px; line-height: 22px; } .news-message span { font-size: 12px; } /* 鍙戝睍鍘嗙▼ */ .course { margin: 0 20px; } .course-list { width: 100%; margin: 10px auto; /* padding-bottom: 10px; */ } .course-btn { position: absolute; width: 77px; height: 33px; background: #CF1322; color: #fff; top: -18px; left: 10px; border: 1px solid #CF1322; font-size: 16px; font-weight: 600; } .course-list-message { justify-content: space-between; } .course-list-message-l, .course-list-message-r { padding: 30px 13px 18px 10px; width: 38% } .course-list-message-l img, .course-list-message-r img { height: 125px; width: 100%; } .course-list-message { margin-top: 50px; } .course-next { right: -15px; font-size: 12px; } .course-prev { left: -15px; font-size: 12px; } .course-list-message-l p, .course-list-message-r p { margin-top: 10px; color: #101010; font-size: 14px; margin-bottom: 0px; } .course-list-message-l span, .course-list-message-r span { display: inline-block; padding: 5px 15px; font-size: 12px; color: #101010; line-height: 20px; height: 38px; overflow: hidden; } /* 涓嬭浇涓績 */ .down { width: 100%; padding: 0 20px; margin: 20px auto 20px; } .down-list-message { width: 47%; position: relative; border-radius: 5px; margin-bottom: 15px; } .down-list-message p:last-child { display: none; } .down-image { height: 242px; } .down-phone { display: block; text-align: left; color: rgba(102, 102, 102, 100); font-size: 12px; } .down-list-message .down-shadow { height: 88%; } /* 鎸夐挳 */ .news-btn { padding: 20px 0 10px 0; } .news-btn button { width: 105px; height: 26px; line-height: 26px; color: rgba(0, 0, 0, 0.78); font-size: 12px; border: 1px solid rgba(0, 0, 0, 0.78); background: #fff; } /* 鍦板潃 */ .address { background-color: rgba(248, 248, 248, 100); border: 0px; padding: 15px 12px 41px 8px; } .address-list { margin: 0; width: 100%; } .address-list-l { width: 100% } .address-list-r { display: none; } .bottom { /* display: none; */ } .address-list-l .place { font-size: 14px; } .address-list-l li { font-size: 12px; } /* 浜烘墠鎷涜仒 */ .talent>div { height: 100%!important; } .talent { height: 165px; overflow: hidden; } .talent .product-image { display: none; } .talent .product-image-phone { display: block; width: 100%; height: 165px; } .pages { display: none!important; } .talentTable { display: flex!important; } .talentPosition { /* width: 0; */ margin: 0 auto; width: 100%; padding: 0; } .talentPosition-title { color: #101010; font-size: 14px; padding-left: 10px; } .talentPosition-search { padding: 14px 10px; } .talentPosition p { margin-bottom: 10px; padding-left: 10px; } .talentPosition-search input { width: 59%; height: 36px; outline: none; padding-left: 0.3rem; border-radius: 0.4rem; color: rgba(102, 102, 102, 100); font-size: 14px; text-align: left; border: 1px solid rgba(102, 102, 102, 85); } .talentPosition-search button { outline: none; width: 77px; height: 36px; border-radius: 0.4rem; color: rgba(247, 247, 247, 100); font-size: 14px; border: 1px solid rgba(255, 255, 255, 100); margin-left: 0.5rem; } .talentPosition-list li span:nth-child(3) { display: none; width: 0; } .talentPosition-list { width: 100%; margin-bottom: 0; } .talentPosition-list li span:last-child { font-size: 13px; width: 32%; } .talentPosition-list li span:nth-child(2) { font-size: 13px; width: 20%; } .talentPosition-list li span:first-child { width: 48%; font-size: 13px; } .talentChange { margin: auto; width: 93%; } /* 鍏充簬鎴戜滑 */ .product-image { height: 165px; width: 100%; } .about { width: 100%; margin: 0 auto; } /* .aboutP P { display: none; } .aboutP span { display: none; } */ .about>p { padding: 0 15px; font-size: 14px; margin: auto; text-indent: 20px; letter-spacing: 1px; margin-top: 16px !important; } .about-list ul { padding: 0 11px; } .about-us { padding: 0 13px; } .about-us ul li { width: 100%; margin-bottom: 11px; } .about-us ul li img { height: 250px; } .about-list { margin-bottom: 12px; } .about-list ul li { width: 48%; height: 110px; padding: 0px; } .about-list ul li p { font-size: 14px; padding: 14px 0; } .about-list ul li img { width: 50px; height: 50px; padding-bottom: 20px; padding-top: 0px; } .about-us ul li .about-address { padding: 10px 13px 11px 9px; } .about-us ul li .about-address div { font-size: 14px; } .about-us ul li .about-address p { font-size: 12px; padding-bottom: 0px; } .about-us ul li .about-address p.about-address-area { height: auto; } .about-us { margin-bottom: 10px; } /* 宀椾綅璇︽儏 */ .post, .post-target-content { width: 100% } .position-content, .post-list { margin: 0 20px; padding: 15px 0; } .position-content>p { font-size: 16px; } .position-content div p { font-size: 14px; } .post-target { display: none; } /* 鏂伴椈涓績 */ .newsCenter-list { margin: 10px 0 6px 0; } .newsCenter-list-content { width: 100%; padding: 6px 12px; box-sizing: border-box; margin-right: 0; } .newsCenter { width: 100%; margin: 0 auto; } .banner-list>.banner-news { top: 38%; left: 5%; font-size: 18px; font-weight: 600; display: block; position: absolute; color: #fbfbfb; z-index: 10; } .banner-list>.banner-news-title { top: 56%; left: 5%; font-size: 18px; z-index: 10; font-weight: 600; display: block; position: absolute; color: #fbfbfb; } .banner-list>div { height: 97%; } /* 鏂伴椈璇︽儏 */ .newsList { width: 100%; margin: auto; } .newsList-title { margin: 0 52px; font-size: 16px; line-height: 27px; padding-bottom: 0px; border: 0px; } .newsList-title>span { font-size: 12px; padding-top: 10px; } .newsList-list { margin-left: 10px; padding-top: 8px; } .newsList-content { padding: 12px 0 12px 0; font-size: 14px; } .newsList-content p { line-height: 25px; } /* 浜у搧涓績 */ .productCenter { width: 100%; margin: auto; } .productCenter-list { margin-bottom: 34px; } .productCenter-list .productCenter-list-img { width: 100%; margin: 6px 12px; } .banner-list>.productMobile-title { top: 28%; font-size: 18px; font-weight: 600; left: 5%; } .banner-list>.productMobile-content { top: 50%; font-size: 18px; font-weight: 600; left: 5%; } .productCenter-list .productCenter-list-img div { height: 234px; overflow: hidden; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); } .productCenter-list .productCenter-list-img p { border: 1px solid #eee; background-color: #F7F7F7; text-align: center; font-size: 14px; padding: 10px 0; box-shadow: 0px 2px 6px 0px rgba(247, 247, 247, 100); } /* 琛ㄥ崟 */ .allMask-form { width: 92%; height: 371px; margin: auto; } .allMask-form-title { font-size: 16px; height: 45px; line-height: 45px; } .allMask-form-title-l { padding-left: 20px; } .allMask-form-title-r { padding-right: 9px; font-size: 18px; } .allMask-form-content { padding-top: 21px; } .allMask-form-content .name { margin-bottom: 13px; } .allMask-form-content .name span, .allMask-form-content .names span { width: 22%; font-size: 14px; } .allMask-form-content .name input, .allMask-form-content .names textarea { width: 62%; margin-left: 8px; padding: 0 10px; } .allMask-form-content .names textarea { padding-top: 8px; } .allMask-btn { margin-top: 20px; text-align: center; padding-right: 0px; } .allMask-btn .sumbit { height: 35px; font-size: 14px; } .allMask-btn .cancel { display: none; } /* 浜у搧璇︽儏 */ .all-content, .all-content3 { flex-wrap: wrap; flex-direction: column-reverse; padding: 5px 45px 0px 35px; border: 0; } .all-content2 { flex-wrap: wrap; border: 0; padding: 10px 0; } .product-trait, .product-video, .product-case, .product-specification { width: 100%; padding: 0 20px; box-sizing: border-box; } .all-content-l p, .all-content2-r p, .all-content3-l p { display: none; } .all-content-l span, .all-content2-r span, .all-content3-l span { font-size: 12px; } .all-content-l, .all-content-r, .all-content2-l, .all-content2-r, .all-content3-l, .all-content3-r { width: 100%; text-align: center; } .all-content2-l { padding: 0 45px 0 35px; } .all-content-l { padding: 0; } .all-content-r img { height: 235px; width: 100%; } .all-content3-r img { height: 162px; width: 100%; } .all-content2-l img { width: 100%; height: 183px; } .product-case-item .case-left { display: none; } .product-videos { height: 178px; width: 95%; /* padding-bottom: 30px; */ } .product-videos .video-img { width: 60px; height: 60px; background-size: 100% 100%; top: 33%; left: 41%; } .all-title { font-size: 18px; height: 63px; line-height: 63px; letter-spacing: 1px; } .product-specification { display: block; } .product-specification-btn { padding-bottom: 30px; margin-top: 5px; } .product-specification-btn button { width: 80px; height: 35px; font-size: 14px; outline: none; } /* .all-title span::before { width: 40px; left: 17px; } */ /* .specification span::before { left: 26px; } */ .product-case { margin-bottom: 0px; } .content_wrap { margin: 0 20px; } .content_wrap p { font-size: 16px; } .content_wrap p:first-child { margin-top: 0px; } .content_wrap .title { font-size: 16px; padding-top: 20px; margin-top: 20px; } .content_wrap p:last-child { margin-bottom: 20px; } .nones { display: block; display: flex; } #certify { width: 100%; } #certify .swiper-slide { width: 100%; background: #fff; } #certify .swiper-slide img { display: block; width: 100%; height: 186px; } .down-lists { padding: 0 20px; flex-wrap: wrap; justify-content: center; } .down-lists-l { width: 80%; text-align: center; } .down-lists-l>div { left: 8%; } .down-lists-l>img { width: 100%; height: 156px; } .down-lists-r { width: 100%; height: 100%; } .down-lists-r-t a { text-align: center; font-size: 14px; display: block; /* margin-top: 10px; */ } .down-lists-r { padding-right: 0; } .down-lists-r-t p { font-size: 14px; margin: 13px 0; line-height: 145%; } .down-lists-r-t { text-align: center; padding-left: 0; } .down-lists-r-t p { text-align: left; } .down-lists-r-t button { width: 105px; height: 26px; color: rgba(0, 0, 0, 0.78); font-size: 12px; border: 1px solid rgba(0, 0, 0, 0.78); outline: none; cursor: pointer; } .down-lists-r-b { text-align: center; margin-top: 14px; padding-left: 0; } .down-lists-r-b a { font-size: 12px; } #certify .swiper-button-next { } #certify .swiper-button-prev { } #certify .swiper-slide p { height: 33px; line-height: 33px; font-size: 14px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #certify .swiper-container { padding-bottom: 20px; width: 100%; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { width: 8px; height: 8px; } .banner-list>p { top: 36%; left: 3%; font-size: 18px; font-weight: 600; } .banner-list>span { top: 60%; left: 3%; font-size: 18px; font-weight: 600; } .downs { width: 100%; } .downs-list { margin-top: 17px; width: 100%; display: flex; flex-direction: column; } .downs-list-l { width: 100%; display: flex; flex-wrap: wrap; padding: 8px 9px; box-sizing: border-box; } .downs-list-r { width: 100%; } .downs-list-l p { padding: 8px 3px; border: 1px solid #999; font-size: 14px; margin: 0 4px 8px 0; background: #fff; } .downs-list-l p:nth-child(2n) { margin: 0 0 8px 0; } .downs-list-l .active { border: 1px solid #1784C6; color: #1784C6; background: #fff; } .handbook { padding: 8px 9px; } .handbook p { font-size: 14px; } .handbook-list { padding: 0 19px 0 9px; align-items: center; } .handbook-list-name { width: 60%; display: flex; align-items: center; } .handbook-list-name span { width: 80%; padding: 0px; margin: 0 5px 8px 0; line-height: 21px; } .handbook-list-name img { width: 16px; height: 16px; } .productCenter-list .productCenter-list-img div img { height: 130%; } }