@media(max-width: 760px) { html{ width: 100%; overflow-x: hidden; zoom: 1; } .center{ width: 100%; box-sizing: border-box; padding: 0 20px; } .head_top form{ display: none; } .head_top ul{ flex: 1; } .head_top ul li:nth-child(2){ display: none; } .head_bottom{ height: 50px; padding: 10px 0; box-sizing: border-box; } .head_bottom .center img{ width: 60px; margin-bottom: 4px; } .head_bottom .center .nav{ width: 100%; display: none; position: absolute; top: 90px; left: 0; z-index: 9; background-color: white; border-top: 1px solid #144973; } .head_bottom .nav li{ margin-left: 20px; padding: 20px 0; } .head_bottom .center .mobile { font-size: 26px; color: #0052d9; text-align: center; width: 30px; } .head_bottom .center .mobile li { width: 30px; height: 3px; background-color: #0052d9; margin: 6px 0; } .swiper-button-prev,.swiper-button-next{ display: none; } .brand{ padding: 20px 0; } .title_index h3{ font-size: 22px; left: 20px; } .title_index h4{ font-size: 22px; font-weight: 500; padding-top: 12px; } .title_index a{ font-size: 14px; height: 32px; line-height: 32px; padding-left: 15px; padding-right: 46px; } .title_index a::after{ top: -2px; right: 12px; } .brand_main{ margin-top: 20px; } .brand_main .item{ width: 50%; } .youshi{ padding: 20px 0; padding-bottom: 90px; } .youshi .youshi_main{ margin-top: 20px; } .youshi .youshi_main #swiper_2 h3{ font-size: 26px; padding-bottom: 14px; margin-bottom: 16px; } .youshi .youshi_main #swiper_2 h3::after{ height: 2px; } .youshi .youshi_main #swiper_2 p{ font-size: 18px; } .youshi .youshi_main #swiper_2 .swiper-slide{ flex-wrap: wrap; } .youshi .youshi_main #swiper_2 .youshi_text, .youshi .youshi_main #swiper_2 .youshi_img{ width: 100%; padding: 0 20px; box-sizing: border-box; } .youshi .youshi_main #thumbs{ width: 100%; left: 0; bottom: -90px; padding: 0px; box-sizing: border-box; } .youshi .youshi_main #thumbs .youshi_icon{ width: 30px; margin-bottom: 10px; } .youshi .youshi_main #thumbs .youshi_icon img{ width: 60px; } .youshi .youshi_main #thumbs p{ font-size: 13px; } .youshi .swiper-slide-thumb-active img{ margin-left: -30px; } .youshi .youshi_main #thumbs .swiper-slide{ padding: 10px 0; } .case h2{ top: 20px; left: 20px; font-size: 24px; } .case #swiper_3 .swiper-slide{ height: 400px; overflow: hidden; } .case .swiper .swiper-slide>img{ height: 100%; margin-left: -50%; } .case .case_anniu{ position: inherit; } .case .swiper-slide .text{ top: 76px; left: 0; box-sizing: border-box; padding: 0 20px; } .case .swiper-slide .text p{ font-size: 14px; } .case .swiper-slide .text a{ font-size: 18px; padding: 10px 20px; margin-top: 90px; } .case .case_anniu #thumbs_2{ padding: 0; } .case_anniu #thumbs_2 .swiper-slide{ padding: 10px 0; } .case_anniu #thumbs_2 .swiper-slide p{ font-size: 12px; margin-top: 10px; } .case_anniu #thumbs_2 .swiper-slide .case_icon{ width: 40px; } .case_anniu #thumbs_2 .swiper-slide .case_icon img{ width: 80px; } .case .case_anniu .swiper-slide-thumb-active img{ margin-left: -40px; } .hezuo{ padding-top: 20px; padding-bottom: 30px; } .hezuo .title_index h3{ left: 0; } .hezuo .title_index h4{ font-size: 16px; margin-top: 18px; } .hezuo .title_index p{ width: 140%; font-size: 16px; line-height: 20px; margin-bottom: 24px; } .hezuo .hezuo_box .item{ width: 33.333%; } .hezuo .hezuo_box .item img{ width: 100%; } .indexmap{ width: 100%;} footer .foot_top{ flex-wrap: wrap; padding-top: 10px; } .foot_top ul:first-child li{ font-size: 16px; line-height: 34px; } .foot_top ul:first-child li:first-child{ font-size: 20px; } .foot_top ul:last-child li img{ /* width: 100%; */ margin-left: -27%; height: 270px; } .foot_bottom ul:nth-child(2){ display: none; } .foot_bottom ul{ font-size: 14px; line-height: 40px; } /* 产品咨询 */ .nei_banner img{ width: 100%; } .pro_main{ padding: 20px 0; } .pro_main .brand_nav{ position: relative; overflow: visible; height: 40px; } .pro_main .brand_nav ul{ display: none; position: absolute; top: 40px; left: 0; width: 100%; padding: 0 15px; } .pro_main .brand_nav ul li{ margin-right: 0; float: left; line-height: 40px; padding: 0 10px; } .pro_main .brand_nav ul li a{ font-size: 16px; line-height: 40px; } .pro_main .brand_nav h3{ width: 100%; font-size: 20px; line-height: 40px; } .pro_main .brand_nav p{ display: none; } .brand_jieshao{ padding-top: 20px; flex-wrap: wrap; } .brand_jieshao .jieshao_img{ width: 100%; } .brand_jieshao .jieshao_img img{ width: 100%; } .brand_jieshao .jieshao_text{ width: 100%; padding-top: 20px; } .brand_jieshao .jieshao_text h3{ font-size: 24px; margin-bottom: 20px; } .brand_jieshao .jieshao_text p{ font-size: 16px; } .pro_list{ padding-top: 30px; } .pro_list .pro_item{ width: 47%; margin-right: 20px; padding: 6px; margin-bottom: 20px; } .pro_list .pro_item:nth-child(2n){ margin-right: 0; } .pro_list .pro_item .pro_img img{ width: 100%; } .pro_list .pro_item a>p{ font-size: 16px; line-height: 40px; margin-bottom: 1px; } .pro_list .pro_item .pro_text{ display: none; } .pager{ padding: 10px 0; } .pager>a{ padding: 0 10px; } /* 产品详情 */ .pro_deails .deails_top{ flex-wrap: wrap; padding-top: 20px; } .pro_deails .deails_top .top_left{ width: 100%; } .pro_deails .deails_top .top_right{ width: 100%; } .pro_deails .deails_top .top_right h3{ font-size: 20px; line-height: 50px; margin-bottom: 20px; } .pro_deails .deails_top .top_right ul li:first-child{ font-size: 18px; } .pro_deails .deails_top .top_right ul li{ font-size: 16px; } .pro_deails .deails_bottom{ padding-top: 10px; padding-bottom: 40px; } .pro_deails .deails_bottom .deails_title h3{ font-size: 22px; } .pro_deails .deails_bottom .deails_title>p{ margin-bottom: 15px; font-size: 16px; line-height: 26px; } .pro_deails .deails_bottom>p{ font-size: 16px; } .pro_tuijian{ padding-top: 30px; padding-bottom: 10px; } .caigou_main .main_1{ padding: 40px 20px; } .caigou_main .main_1 h3{ font-size: 20px; } .caigou_main .main_1>p{ font-size: 16px; margin: 20px 0; } .caigou_main .main_1 ul li{ margin-right: 10px; } .caigou_main .main_1 ul li img{ height: 30px; } .caigou_main .main_1 ul li p{ font-size: 20px; } .caigou_main .main2_item .center{ flex-wrap: wrap; padding: 0; } .caigou_main .main2_item .main2_img{ width: 100%; } .caigou_main .main2_item .main2_img img{ width: 100%; } .caigou_main .main2_item .main2_img .img_text{ width: 100%; padding: 20px; } .caigou_main .main2_item .main2_img .img_text h4{ font-size: 20px; margin-bottom: 24px; } .caigou_main .main2_item .main2_img .img_text p{ font-size: 16px; line-height: 24px; } .caigou_main .main2_item .main2_img .img_text img{ display: none; } .caigou_main .main2_item .main2_text{ width: 100%; padding: 20px; } .caigou_main .main2_item .main2_text h3{ font-size: 30px; margin-bottom: 20px; } .caigou_main .main2_item .main2_text .p1{ font-size: 20px; margin-bottom: 20px; } .caigou_main .main2_item .main2_text .p2{ font-size: 18px; line-height: 24px; } .caigou_main .main2_item .main2_text ul{ margin: 20px 0; justify-content: space-between; } .caigou_main .main2_item .main2_text ul li, .caigou_main .main2_item .main2_text ul li:last-child{ margin: 0; } .caigou_main .main2_item .main2_text .p3{ font-size: 16px; line-height: 24px; } .caigou_main .main2_item:nth-child(2n) .main2_text{ padding: 20px; } .caigou_main .main2_item:nth-child(2n) .main2_img{ order: 0; }.caigou_main .main2_item:nth-child(2n) .main2_img .img_text{ padding: 20px; } .caigou_main .main_3{ padding: 50px 0; } .caigou_main .main_3 .main3_title p{ font-size: 18px; line-height: 30px; padding: 0 15px; margin-bottom: 40px; } .caigou_main .main_3 .number ul{ flex-wrap: wrap; } .caigou_main .main_3 .number ul li{ width: 50%; padding: 0; text-align: center; margin-bottom: 30px; } .caigou_main .main_3 .number .numCX{ font-size: 30px; } .caigou_main .main_3 .number .indc{ font-size: 18px; margin-top: 10px; } .caigou_main .main_3 .number ul li::after{ display: none; } .caigou_main .main_4{ padding: 50px 0; } .caigou_main .main_4 h3{ font-size: 24px; font-weight: 500; line-height: 30px; padding: 0 20px; margin: 46px 0; } /* 关于我们 */ .nei_nav{ padding: 20px 0; } .nei_nav .nei_nav_box p{ display: none; } .nei_nav .nei_nav_box ul{ width: 100%; } .nei_nav ul li a{ margin-right: 0; } .nei_nav ul li .nei_nav_ac::after{ bottom: -6px; } .about_main .main_1{ flex-wrap: wrap; padding-top: 30px; padding-bottom: 30px; } .about_main .main_1 .about_text{ width: 100%; } .about_main .main_1 .about_img, .about_main .main_1 .about_img img { width: 100%; } .about_main .main_1 .about_text h3{ font-size: 30px; } .about_main .main_1 .about_text h4{ font-size: 24px; margin-bottom: 20px; } .about_main .main_1 .about_text p{ font-size: 15px; } .about_main .main_2{ padding-bottom: 0; } .about_main .main_2 .main2_title h3{ font-size: 24px; } .about_main .main_2 .main2_title p{ font-size: 16px; } .about_main .main_2 .pic_item{ padding-top: 20px; flex-wrap: wrap; } .about_main .main_2 .pic_item .pic_left, .about_main .main_2 .pic_item .pic_left img{ width: 100%; margin-bottom: 10px; } .about_main .main_2 .pic_item .pic_right, .about_main .main_2 .pic_item .pic_right img{ width: 100%; } .about_main .main_2 .pic_item .pic_right .item{ margin-bottom: 20px; } .about_main .main_3{ padding-top: 60px; padding-bottom: 50px; } .about_main .main_3 h3{ font-size: 24px; padding: 0 20px; margin-bottom: 50px; } .about_main .main_3 ul{ flex-wrap: wrap; } .about_main .main_3 ul li{ width: 48%; padding: 0; margin-bottom: 20px; } .about_main .main_3 .numCX{ font-size: 30px; } .about_main .main_3 .indc{ font-size: 18px; margin-top: 10px; } .about_main .main_3 .number .kuang{ width: 80%; margin: 0 auto; } .about_main .main_3 .unitC{ font-size: 20px; } /* 企业文化 */ .wenhua_main{ padding: 30px 0; } .wenhua_main .wenhua_title h3{ font-size: 26px; } .wenhua_main .wenhua_title p{ font-size: 16px; } .wenhua_main .wenhua_box{ padding-top: 20px; flex-wrap: wrap; } .wenhua_main .wenhua_item{ width: 100%; padding: 0 20px; box-sizing: border-box; height: 500px; margin-bottom: 20px; } .wenhua_main .wenhua_item .p1{ font-size: 14px; } /* 联系我们 */ .contact_main{ padding-top: 30px; padding-bottom: 0px; } .contact_main .ditu h3{ font-size: 24px; margin-bottom: 20px; } .contact_main .dizhi_box{ padding-top: 30px; } .contact_main .dizhi_box .dizhi_item{ width: 100%; padding: 10px 10px; border-radius: 20px; padding-left: 20px; } .contact_main .dizhi_box .dizhi_item ul li{ font-size: 16px; line-height: 40px; } }