@media (min-width:1601px) {
html {
font-size: 16px;
}
}
@media (min-width:1400px) and (max-width:1600px) {
html {
font-size: 14px;
}
}
@media (min-width:640px) and (max-width:1399px) {
html {
font-size: 13px;
}
}
@media (min-width:481px) and (max-width:639px) {
html {
font-size: 13px;
}
}
@media (min-width:329px) and (max-width:480px) {
html {
font-size: 13px;
}
}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {
.n_nav2 ul li:hover {
background: #752919;
}
.n_nav2 ul li:hover a {
color: #fff;
}
.page a:hover {
border: 1px solid #313b8b;
background: #313b8b;
color: #fff;
}
}
@media (min-width: 1280px) {}
@media (min-width: 1440px) {}
@media (min-width: 1660px) {}
@media screen and (min-width:1200px) and (max-width:1440px) {}
@media (max-width: 1660px) {}
@media (max-width: 1600px) {
.jiagou {
justify-content: flex-start;
gap: 2.5rem;
}
}
@media (max-width: 1550px) {
.boxs2 .main_box .box2right {
grid-template-columns: 1fr .9fr;
}
}
.web {}
.wap {
display: none;
}
@media (max-width: 1440px) {
.s_hall .left .txt h4 {
font-size: 2.5rem;
}
.s_hall .m {
gap: 6rem;
}
.business_wrap .contents {
min-height: 640px;
}
.business_wrap .business_slider .item {
width: 320px;
height: 660px;
}
.business_wrap .business_slider .item .img {
height: 314px;
}
.business_wrap .business_slider .item.slick-on {
width: 570px;
}
.business_wrap .business_slider .item.slick-on .img {
height: 557px;
}
.main_home {
height: 40rem;
}
}
@media (max-width: 1360px) {}
@media (max-width: 1280px) {}
@media (max-width: 1200px) {
#nav {
margin-right: 1.5rem;
}
#header,
.ad_box {
display: none;
}
#m_header,
#nav_btn_box {
display: block;
}
#logo img {
height: 3.125rem;
border: none;
}
.s_about .txt {
margin-left: 0;
max-width: 620px;
}
.s_about .m {
display: flex;
justify-content: flex-end;
}
.n_title {
display: none
}
#m_n_nav {
display: block
}
.web {
display: none;
}
.wap {
display: block;
}
span.wap {
display: inline;
}
.online_q {
display: none;
}
.s_fast_link {
display: none;
}
#s_news_slide , #j_seach_box {
display: block;
}
#s_main_box {
padding: 0;
}
#j_pop1,
#j_pop2 {
display: none;
}
#banner {
margin-top: 5rem;
}
#pcnav {
display: none;
}
#n_banner {
margin-top: 5.0625rem;
}
.allhonor {
grid-template-columns: repeat(3,1fr);
}
.boxs1 {
margin-top: 1rem;
}
}
@media (max-width: 1100px) {
.jiagou {
position: relative;
margin-top: 1rem;
}
.biaoscon p {
display: none;
}
.boxs2 .main_box .box2right {
grid-template-columns: 23.6875rem 1fr;
}
}
/*==========================导航和banner变成手机模式============================*/
@media (max-width: 992px) {
#foot .copyright p {
text-align: center;
}
.fot_nav {
justify-content: center;
}
.footright {
justify-content: space-between;
}
.boxs3 .main_box {
flex-wrap: wrap;
justify-content: center;
}
.boxs3 ul {
grid-template-columns: 1fr 1fr;
}
.yewu h5,
.boxs4 .rencais h5,
.boxs4 .rencais p {
text-align: center;
}
#banner .prevs,
#banner .nexts {
display: none;
}
.boxs2 .main_box {
grid-template-columns: 1fr;
gap: 1rem;
}
.boxs2 .swiper-slide a img {
width: 100%;
}
.boxs2 .main_box .box2right {
gap: 2.875rem;
}
.boxs2 .main_box .dtnew {
padding-left: 0;
padding-right: 0;
}
.j_pop {
display: none;
}
.boxs2 .swiper-slide a .newdb p {
width: 85%;
}
#foot .links {
display: grid;
gap: 1rem;
grid-template-columns: repeat(4,1fr);
}
}
@media (min-width:481px) and (max-width:992px) {}
@media (max-width: 860px) {}
@media (max-width: 768px) {
.m {
padding: 0 30px !important;
}
.pad_top {
padding-top: 3.5rem !important;
}
.pad_bot {
padding-bottom: 3.5rem !important;
}
.main_box {
padding: 0 30px !important;
}
.boxs4 .main_box {
justify-content: center;
}
.boxs1 ul {
grid-template-columns: 1fr 1fr;
background: transparent;
}
.footright {
flex-wrap: wrap;
}
.n_news .main_box , #n_company .n_con .main_box , #n_gk .n_pro_related .main_box {
flex-direction: column;
}
.right_con {
margin-top: 3rem;
margin-left: 0;
width: 100%;
}
.leftright {
gap: 4rem;
position: relative;
}
.allhonor {
grid-template-columns: repeat(2,1fr);
}
.honor {
/* width: calc(50% - 2.875rem); */
}
.company_js {
grid-template-columns: 1fr;
}
.company_js img {
max-height: 100%;
}
.study ul {
gap: 1.25rem 1.25rem;
}
.study ul li a {
padding: 1.25rem;
flex-wrap: wrap;
}
.study ul li a .img {
flex-shrink: 1;
width: 100%;
max-width: 100%;
}
.boxs2 .main_box .box2right {
grid-template-columns: 1fr;
}
.qiye , .qiye>img {
width: 100%;
}
#foot .links {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
#foot .main_box {
gap: 0;
}
#foot .main_box .leftrights {
flex-direction: column-reverse;
}
}
@media (max-width: 480px) {
.swiper_con {
padding: 1rem 0.875rem 1rem 1rem;
width: auto;
height: auto;
}
.pad_top {
padding-top: 3rem !important;
}
.pad_bot {
padding-bottom: 3rem !important;
}
.pad_top2 {
padding-top: 3rem !important;
}
.pad_bot2 {
padding-bottom: 3rem !important;
}
.m {
padding: 0 15px !important;
}
#banner .swiper {
height: 15rem;
}
.main_box {
padding: 0 15px !important;
}
.boxs2 .main_box {
grid-template-columns: 1fr;
}
.footright {
justify-content: center;
gap: .5rem;
padding-right: 0;
}
.qiye {
width: 100%;
}
.boxs2 .main_box .box2right {
flex-wrap: wrap;
}
.boxs1 ul li a {
padding: 1.5rem 1rem;
}
.boxs1 ul li:nth-child(3)::before,
.boxs1 ul li:last-child::before {
display: none;
}
.footleft .email {
justify-content: center;
}
.scrollcon ul {
grid-template-columns: 1fr;
}
.scrollcon ul li:last-child {
grid-column-start: auto;
grid-column-end:auto;
}
.n_pro_related .pro_tt {
font-size: 1.5rem;
}
.cpul .swiper-slide {
margin-bottom: 2rem;
}
.page .box {
gap: .5rem;
}
.about_zx ul {
grid-template-columns: 1fr;
gap: 0;
}
.lianxi_tel {
margin-top: 1rem;
flex-wrap: wrap;
}
.lianxi_tel svg {
width: 1.5rem;
}
.lianxi_tel p {
font-size: 1.5rem;
}
.n_lianxi .line {
margin-top: 1rem;
margin-bottom: 1rem;
}
.lianxi_pic {
display: none;
}
.linxi_con {
flex-wrap: wrap;
gap: 1rem;
}
.mapbox {
margin-top: 1.5rem;
}
#n_main .n_leader .leaders {
flex-wrap: wrap;
gap: 2.375rem;
}
#n_main .n_leader .leader ul li::before , #n_main .n_leader .leader ul li::after {
display: none;
}
#n_main .n_leader .leader ul {
justify-content: space-between;
display: grid;
grid-template-columns: repeat(5,1fr);
}
#n_main .n_leader .leader {
width: 100%;
}
#n_main .n_leader .leader ul li {
padding: 0 1rem;
}
.leader_xq .touxiang img {
max-width: 14rem;
}
.leader_xq .touxiang {
gap: 2rem;
}
.leader_xq .touxiang h3 {
font-size: 2.5rem;
}
.n_culture ul {
grid-template-columns: repeat(2,1fr);
}
.cpul ul li .cpultit h5 {
display: none;
}
.cpul ul li .cpulcon p {
margin-top: .875rem;
}
.cpul ul li a {
flex-wrap: wrap;
gap: 2rem;
}
.cpul ul li .img {
max-width: 100%;
}
.cpul ul li {
padding: 1.5625rem 0;
}
.recruit li a {
padding: 1.875rem 0;
}
.recruit li a .timetit {
gap: 1.75rem;
}
.study ul {
gap: 0.875rem 0.75rem;
}
.study ul li a {
padding: 1rem;
gap: 1rem;
}
.study ul li .eyes {
margin-top: 1rem;
}
.dangjian ul li a {
padding: 1.125rem;
}
.dangjian ul {
gap: 1rem;
}
.n_newslist ul li .txt {
padding-left: 1.5rem;
}
.n_newcenter ul li a .img {
max-width: 9.5rem;
height: 7rem;
}
.n_newcenter ul li a .newcons {
gap: 1.125rem;
}
.about_zx ul li a {
gap: 2rem;
}
.leftright {
bottom: 0;
}
.cpqy ul li a {
padding: 1.5rem;
}
.n_newcenter ul li a .newcencon {
padding-right: .5rem;
}
.titcon {
font-size: 1.375rem;
line-height: 1.5;
}
.ar_article p {
font-size: 1rem;
}
#n_banner .main_box h5 , .boxs3 ul li .buju h5 , .n_newslist ul li .txt h4 , .cpqy ul li a h5 , .about_zx h5 {
font-size: 1.25rem;
}
.footright ul li p , #foot .copyright p , .footleft .email p , .fot_nav a , .botnew a p , .dtnew .hots .htimes p , .qiye>p , .boxs3 ul li .buju p , .boxs4 .as a , .n_newslist ul li .txt p , .n_newcenter ul li a p , .cpqy ul li a p , .cpqy ul li a .xxmore , .about_zx p ,
.cpul ul li .cpulcon p , .dangjian ul li a p , .study ul li p , .linxi_con dd , .lianxi_tel>span , .gzewm p , .dttop ul li p {
font-size: 1rem;
}
.boxs2 .swiper-slide a .newdb p , .hots .htcons h5 , .qiye .jstop p ,
.biaoscon h5 , .leader_xq .leader_jj p , .right_search form input , .pubdate .tt , .about_cp .cptits ul li a{
font-size: 1.125rem;
}
.peixuntop {
flex-wrap: wrap;
}
.pubdate {
padding-bottom: 1.5rem;
}
#n_banner {
height: 10.875rem;
}
.ar_title h2 {
font-size: 1.375rem;
}
.n_lianxi .tt span {
display: block;
line-height: 1.25;
font-size: 1.125rem;
}
.footright ul li {
align-items: flex-start;
}
.tc_video .tc_close {
top: -3rem;
right: 0rem;
}
.n_lianxi .tt h3 {
font-size: 1.5rem;
}
.footright .links {
flex-direction: column;
align-items: center;
}
.foot_link {
width: 100%;
}
.jiagou {
justify-content: space-between;
}
#n_banner .main_box h4 {
font-size: 1.875rem;
line-height: 1.875rem;
}
}
@media (max-width: 350px) {}