@media only screen and (max-width:1480px){ } @media only screen and (max-width:1366px){ } @media only screen and (max-width:1280px){ html{font-size: 90px;} .logo_title img{ height: 1.1rem; } .footer_left img{ height: 1.1rem; } } @media only screen and (max-width:1180px){ .logo_wrap_s{transform: none;opacity: 1;z-index: 5;} .logo_wrap{background: #0D3F72;} .logo_title img{ height: 0.8rem; } .banner{height: auto;padding-top: .78rem;} .banner_box{position: relative;height: auto;} .banner_box .swiper-slide img{height: auto;} .master{position: relative;padding-top: 0;} .logo_wrap2{ display: none; } .content1{ padding-top: 10px; } .nav_wrap { display: none; } .search_wrap{ display: none; } .parentBox{ display: none; } .nav-menu { display: block; } } @media only screen and (max-width:1080px){ .logo_title img{ height: 0.8rem; } .footer_left img{ height: 0.8rem; } } @media only screen and (max-width:1080px) and (min-width:981px){ } @media only screen and (max-width:1020px) and (min-width:981px){ } @media only screen and (max-width:980px){ html{font-size: 90px;} .main1{ flex-direction: column; } .main1_left{ width: 100%; } .main1_right{ width: 100%; margin-top: .3rem; } .main2_content{ flex-direction: column; } .main2_left{ width: 100%; margin-top: .3rem; } .main3_content{ flex-direction: column; } .main3_left{ width: 100%; margin-top: .3rem; } .main3_right{ width: 100%; margin-top: .3rem; } .main1_left{ height: 5.5rem; } /* .main1{ flex-direction: column; } .main1_left{ width: 100%; height: 5rem; } .main1_right{ width: 100%; margin-top: .3rem; height: 4.8rem; } .main2_content{ flex-direction: column; } .main2_left{ width: 100%; margin-top: .3rem; height: 4.8rem; } .main3_content{ flex-direction: column; } .main3_left{ width: 100%; margin-top: .3rem; } .main3_right{ width: 100%; margin-top: .3rem; height: 4.7rem; } .main3_swiper{ height: 4rem; } .main3_right .swiper-slide{ height: 3.6rem; } .main3_right .swiper-slide img{ height: 90%; } .main1_left .swiper-slide p{ height: 0.6rem; font-size:.2rem; line-height:0.6rem; } .main1_left .pagination{ bottom: 0.02rem; } .bottom_content_div{ font-size: 0.12rem; } .main1_right_title{ font-size: .2rem; } .tongzhititle p{ font-size: .2rem; } .main1_right .slideTxtBox .hd .text{ line-height: .3rem; font-size:0.25rem; } .main1_right .slideTxtBox .bd .it_expertxt{ height: 0.8rem; } .main2 .hd li{ font-size: .25rem; } .main2_more{ font-size: .16rem; } .main2_left .slideTxtBox .bd li{ height: 0.8rem; } .main2_right_title{ font-size: .2rem; } .it2_experttime2{ font-size: .2rem; } .main2_left .slideTxtBox .bd{ margin-top:.1rem; } .main3 .hd li{ font-size: .25rem; } .main3_more{ font-size: .16rem; } .main3_left .slideTxtBox .bd li{ height: 0.8rem; } .main3_right_title{ font-size: .2rem; } .it3_experttime3{ font-size: .2rem; } .main3_left .slideTxtBox .bd{ margin-top:.1rem; } */ .top_content{ grid-template-columns: repeat(auto-fill, 20%); } .bottom_content{ flex-wrap: wrap; } .bottom_content_div{ width: 46%; margin-right: 2%; margin-bottom: 2%; } } @media only screen and (max-width:820px){ .cen-w{ height: 0.8rem; } .logo_title img{ height: 0.8rem; } .footer_left img{ height: 0.8rem; } .main1_right .slideTxtBox .hd .main_more{ top:-0.01rem; } .main3_right{ height: auto; } .top_content{ grid-template-columns: repeat(auto-fill, 30%); } .top_content p{ font-size: 0.16rem; } .top_content img{ width: 0.5rem; height: 0.5rem; } .bottom_content{ flex-wrap: wrap; } .bottom_content_div{ width: 100%; /* margin-right: 2%; */ margin-bottom: 2%; } .footer{ flex-direction: column; } .footer_right{ margin-bottom: 0.2rem; } } @media only screen and (max-width:780px){ } @media only screen and (max-width:720px){ } @media only screen and (max-width:680px){ .main1_left{ height: 3rem; } } @media only screen and (max-width:620px){ } @media only screen and (max-width:580px){ } @media only screen and (max-width:520px){ .logo_title img{ height: 0.7rem; } .footer_left img{ height: 0.7rem; } } @media only screen and (max-width:480px){ .logo_title img{ height: 0.6rem; } .footer_left img{ height: 0.6rem; } } @media only screen and (max-width:460px){ } @media only screen and (max-width:416px){ } @media only screen and (max-width:400px){ } @media only screen and (max-width:380px){ } @media only screen and (max-width:359px){ .logo_title img{ height: 0.55rem; } .footer_left img{ height: 0.55rem; } }