@media (max-width:1600px){ } @media (max-width:1460px){ .con1400{ padding: 0 20px; } } @media (max-width:1300px){ .head_pc .nav ul li a{ padding:0 10px; } } @media (min-width:1200px){ } @media (max-width:1200px){ html{ font-size: 50%; } .con1400{ padding: 0 10px; } } @media (min-width:992px){ } @media (max-width:992px){ html{ font-size: 46%; } .head_pc{ display: none; } .head_wap{ display: flex; align-items: center; justify-content: space-between; padding:10px 10px; // background-color: #045b5b; } .wap_logo{ width: 48%; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ font-size: 30px !important; color: #045b5b; } .i_tion .list_cont{ flex-wrap: wrap; flex-direction: column-reverse; } .i_tion .rig ul a > div, .i_tion .list_cont div{ width: 100%; } .i_tion .left .cont_box{ padding: 10px; position: static; } .i_tion .rig ul a > div img{ width: 100%; } .i_tion .left .img{ display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .i_tion .list_cont h5{ font-size: 18px; } .i_tion .list_cont h2{ font-size: 22px; } .i_tion .left .cont_s{ line-height: 24px; } .i_tion .rig ul .more{ margin: 20px auto; } .i_tion .rig ul a{ display: block; } .index_type{ text-align: center; } .index_type h5{ font-size: 24px; line-height: 34px; } .index_type h1{ font-size: 22px; } .i_appli { padding-top: 10%; } .i_appli .list ul { padding-bottom: 20px; } .i_quality .list_tit li h5{ display: none; } .i_quality .list_tit li{ flex: none; width: 50%; } .i_quality .list_tit ul{ flex-wrap: wrap; } .i_quality .list_tit li a{ padding:5px 10px; height: 100%; } .i_quality .list_tit li h2{ font-size: 18px; } .i_quality .list_cont li{ width: 100%; width: 100%; display: none; } .i_quality .list_cont ul{ flex-wrap: wrap; } .i_quality .list_cont li a i, .i_quality .list_cont li .tit{ display: none; } .i_quality .bj_img{ // height: 400px; display: none; } .i_quality .list_cont ul{ position: static; background:url(../images/i_bj.jpg) no-repeat center; background-size: cover; } .i_quality .list_cont li.show{ display: block; } .i_quality .list_cont .cont{ font-size: 14px; line-height: 24px; } .i_quality .list_cont li a{ padding: 20px 10px; } .i_ab .con1400{ flex-direction: column-reverse; flex-wrap: wrap; } .i_ab .con1400 > div{ width: 100%; } .i_ab .con1400 .ab_cont{ padding: 10% 10px; } .i_ab .con1400 .cont_s{ line-height: 24px; } .i_ab .con1400 .more{ margin: 10px auto; } .i_news ul li{ width: 100%; } .i_news ul .box{ padding: 10px; } .i_news ul h2{ font-size: 16px; } .i_news{ padding-top: 10%; } .footer .foo_logo{ margin: 10px auto 0 auto; } .footer .foo_nav { display: none; } .footer .foo_center{ display: none; } .footer .foo_bottom, .footer .foo_bottom .bj{ display: block; margin-top: 0; } .footer .foo_bottom .bj{ padding: 10px 0; } .footer .foo_bottom .bj a{ text-align: center; } .footer .foo_bottom .scroll_top{ margin: 0 auto; } .pub_left ul::-webkit-scrollbar { /*滚动条整体样式*/ width : 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .pub_left ul::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); background : #1768b4; } .pub_left ul::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background : #ededed; } .pub_left ul li{ float: left; } .pub_left ul li a{ padding: 0 6px; white-space: nowrap; } .pub_left .typename{ display: none; } .about_one{ padding: 10% 0; } .about_one .cont_box{ flex-wrap: wrap; } .about_one .cont_box > div{ width: 100%; } .about_one .cont_s{ line-height: 24px; } .about_two .con1400{ flex-direction: column-reverse } .about_two .con1400 > div{ width: 100%; } .about_two .con1400 .rig{ padding: 10px 0; } .about_two .cont_s{ line-height: 24px; } .about_two .list_ul ul h3{ font-size: 30px; } .about_two .con1400 .img{ padding: 10px 0; } .i_quality .list_cont .bj_img{ display: none; } .culture ul{ margin: -5px; } .culture li{ padding: 5px; } .culture .list_ul { margin-top: 8%; } .honor li{ width: 50%; } .news .news_list ul li a .cont .time { padding: 0px 0; color: #6e6e6e; } .news_read .news_typename h1{ font-size: 18px; } .products .list_ul ul{ margin: -5px; } .products .list_ul li{ width: 50%; padding: 5px; } .pro_read .pro_info{ flex-wrap: wrap; } .pro_read .pro_info .img{ width: 100%; } .pro_read .pro_info .rig{ padding: 4% 0; width: 100%; } .pro_read .detail_tit ul{ justify-content: flex-start; flex-wrap: nowrap; overflow-x: scroll; } .pro_read .detail_tit ul li{ width: auto; } .pro_read .detail_tit ul a{ white-space: nowrap; padding: 0 10px; line-height: 40px; } .pro_read .detail_tit{ padding: 10% 0; } .pro_read .detail_tit ul::-webkit-scrollbar { /*滚动条整体样式*/ width : 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .pro_read .detail_tit ul::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); background : #1768b4; } .pro_read .detail_tit ul::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background : #ededed; } .pro_read .pro_info .rig .more{ width: 140px; line-height: 40px; // margin-top: 4%; position: static; } .cc_pro ul li{ flex:1; } .equipment .list_ul li{ width: 50%; } .news .news_list ul li a .img{ display: none; } .news .news_list ul li a .cont{ width: 100%; } .rlzy a{ display: block; margin: 0; } .rlzy a > div{ width: 100%; padding: 0; } .rlzy .icon{ display: none; } .rlzy h2{ text-align: center; padding: 14px 0; } .rlzy .sum{ padding-bottom: 14px; } .contact .con1400 .info h1 { font-size: 18px; } .contact .con1400 .amap_box{ flex-wrap: wrap; flex-direction: column-reverse; } .contact .con1400 .info{ width: 100%; padding: 20px 0; } .contact .con1400 #amap_container{ width: 100%; height: 260px; } .contact .con1400 .info .tit{ padding: 10px; } .contact .con1400 .info .content{ padding: 10px; } .leave .mess_form p{ display: block; margin: 0; } .leave .mess_form p input{ width: 100%; box-sizing: border-box; margin: 10px 0; } .pro_list_wap{ display: block; // border:1px solid #ccc; // background-color: #f5f5f5; margin: 4% 0; } .i_pro .list_ul{ display: none; } .cc_pro ul a{ width: 100px; line-height: 40px; } .pro_read .pro_info .rig .sum_box h5{ padding: 0; } .pub_left{ display: none; } .products .list_ul h3{ line-height: 34px; } .wap_footer{ display: block; } .footer .foo_bottom{ padding-bottom: 45px; } .ban_list, .banner{ position: relative; overflow: hidden; height: 240px; } .ban_list img, .banner img{ position: static; left: 50%; transform: translateX(-50%); height: 240px; max-width: none; } .honor, .culture, .products, .pro_read, .news_read, .news, .rlzy, .contact { padding-top: 10%; } .ban_wap{ display: block; } .ban_pc{ display: none; } }