@media screen and (min-width: 2000px) { .panrxt p{ font-size:0.16rem } } @media screen and (max-width: 1620px) { .str1600 { width: 90%; } } @media screen and (max-width: 1270px) { .busve, .fotul { display: none; } .zhltjs { padding: 0 5%; } .enwst { padding: 30px 5%; } .outLeft, .outRight, .newsLeft, .newsRight, .pmenthx, .fotul, .fobcut, .foewm { width: 100% !important; } .gxcs li h3 { font-size: 24px; } .cptitle li { width: 110px; } .cptitle li::after { height: 3px; } .otxq { margin-bottom: 30px; } .develop { padding-left: 5%; } .foosts, .fesple { font-size: 12px; width: 90% !important; } .fesple div:nth-child(1), .fesple div:nth-child(2) { width: 100%; text-align: center; } .foewm { text-align: center; } .foewm img { width: 20% !important; height: auto !important; } } .ydtp { display: none; } @media screen and (max-width: 1024px) { .pctp { /* display: none; */ } .ydtp { display: block; } .profile, .evolution, .culture, .ejbaner { margin-top: 66px; } .culture { padding-top: 26px!important; } .panyr h2 { font-size: 36px; line-height: initial; } .panrxt p { font-size: 16px; line-height: 30px; margin-bottom: 15px; } .bfaj { width: 9% !important; } .numbers li { width: 46%; margin-top: 25px; } .numbers li div { font-size: 26px; } .numbers li p, .sestle li p { margin: 15px 0; } .numbers li dl, .sestle li dl { font-size: 14px; line-height: 23px; } .bwcxt { margin: 30px 0; } .seven7 { height: auto; } .sestle { flex-wrap: wrap; } .sestle li { width: 99%; margin-bottom: 15px; } .majorBases { background: url(../images/yddibj.png) no-repeat; } .seven7 li { position: inherit; width: 100%; } .sestle li div { font-size: 26px !important; } .seven7 li h4 { font-size: 18px; } .seven7 li p { font-size: 14px; } .jdxqxx h1 { font-size: 21px; line-height: 34px; } .jdxqxx #Content p, .cxhz li span { font-size: 16px; text-align: justify; line-height: inherit; } .empSwiper .swiper-slide { width: 99% !important; } .tleh2 { font-size: 36px; line-height: 55px; } .vision { margin-top: 20px; } .vision div h3 { color: #005EA6; font-size: 20px; margin-bottom: 10px; } .vision div h2 { font-size: 22px; } .tleh3 { font-size: 26px; line-height: 40px; margin: 10px 0; } .tainable p, .heap { font-size: 16px; line-height: 30px; } .cxhz li { width: 100%; margin-bottom: 20px; } .cxhz li b { font-size: 28px; } .cxhz li b img { margin-right: 15px; width: 14%; } .susta { margin-top: 20px; } .sestle li div { line-height: initial; height: 20px; } .susta li { padding: 20px; } .progress { height: 290px; padding-top: 30px; } .progress h3, .social h3 { font-size: 22px; line-height: 40px; } .progress p, .socpre { font-size: 16px; line-height: 22px; margin-top: 10px; } .supulr li { padding: 20px; width: auto; font-size: 18px; line-height: 32px; border-radius: 10px; margin-right: 0; margin-top: 20px; } .supulr li:nth-child(5), .supulr li:nth-child(6), .supulr li:nth-child(7) { margin-top: 20px; } .protection li { height: auto; border-radius: 10px; padding: 20px; } .safeLeft { width: 100%; font-size: 16px; line-height: 24px; } .safeRight, .dicsright, .dicsleft p img { display: none; } .social, .acelz { padding: 30px 0; } .aceul li { width: 100%; } .aceul li h4 { font-size: 18px; line-height: 30px; height: 60px; margin: 15px 0; } .aceul li div { line-height: 50px; font-size: 16px; } .acediv a { width: 120px; line-height: 45px; margin: 20px auto 0; font-size: 16px; } .dicsleft { width: 46%; margin-top: 70px; } .cpjhcts li { width: 100%; } .cpjhcts p { font-size: 14px; line-height: 20px; } .fluorocarbon li { width: 100%; margin-right: 0; margin-bottom: 30px; margin-left: 0 !important; } .fluorocarbon li div { padding: 20px; } .fluorocarbon div h4 { font-size: 24px; } .fluorocarbon div p { font-size: 18px; line-height: 26px; margin-top: 20px; } .zljtle { margin-bottom: 30px; } .zljleft, .jtulst li, .zljright { width: 100%; } .zljleft h2 { line-height: 60px; padding-top: 20px; } .zljright div p, .tlehprs, .calsleft, .joinLeft p, .sysLeft { font-size: 16px; line-height: 30px; margin-bottom: 10px; } .jtulst li { padding: 20px; margin-bottom: 25px; margin-right: 0; margin-left: 0 !important; } .jtulst li p { height: auto; } .jtulst li a { font-size: 16px; margin: 20px 0; } .jtulst li p img { max-height: initial; } .jtulst li h3 { line-height: 30px; } .jtulst li h3 a { font-size: 18px !important; } .jtulst li div { line-height: 25px; height: 50px; font-size: 16px; } .cpxqtle { height: 60px; padding: 15px 0; } .btsrul { width: 50%; } .btsrul li { font-size: 18px; padding-bottom: 10px; } .btsleft h1 { line-height: 30px; font-size: 20px; } .cuctxts { padding-right: 0; width: 100%; } .duction { border-radius: 20px; padding: 20px; } .cuctxts h2 { margin: 10px 0; font-size: 28px; line-height: 36px; } .cpxqhs h4 { font-size: 16px; line-height: 30px; font-weight: 700; } .cpxqhs p { font-size: 14px; line-height: 26px; } .xzcpx { padding: 0 15px; } .cpxqhs .xzcpx p { font-size: 14px; line-height: 35px; } .xzcpx p a::after { top: 9px; width: 17px; height: 17px; } .xzcpx p a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xztltle { height: 58px; } .fhansd { width: 45px; height: 31px; line-height: 31px; } .calsleft, .calsrit, .laborLeft, .laborRgiht, .joinLeft, .joinRight, .sysLeft, .sysRight, .unitiesLeft, .unitiesRight, .rcxpts, .ranks { width: 100%; } .calsrit { margin: 20px 0; } .battery li { padding: 12px; height: inherit; font-size: 16px; line-height: 26px; width: 100%; margin-top: 20px; } .laborLeft h2 { font-size: 20px; line-height: 30px; } .laborLeft p { margin: 20px 0; font-size: 16px; line-height: 26px; } .laborLeft .ljxq { width: 150px; line-height: 40px; font-size: 16px; margin: 0 auto; margin-bottom: 20px; } .micsult li { width: 100%; margin-right: 0; padding: 20px 0; } .micsRight { height: 75px; } .micsLeft h2 { height: 48px; overflow: hidden; } .micsLeft h2 a { font-size: 18px; line-height: 24px; } .micsLeft p { font-size: 14px; margin-top: 10px; } .ranks { padding: 15px; } .ranks li { margin-top: 20px; } .ranks li h3 { font-size: 20px; line-height: 30px; } .ranks li p { font-size: 16px; line-height: 24px; } .sljre img { height: 150px; } .sljre div { left: 5%; width: 90%; top: 50%; font-size: 16px; line-height: 22px; } .reitment, .reitment2 { left: 0; top: 22%; right: 0; text-align: center; } .reitment2 h3, .reitment h3 { font-size: 30px; line-height: 48px; } .reitment2 p, .reitment p { font-size: 18px; line-height: 30px; margin-top: 0; } .alment span { width: 90px; line-height: 30px; } .alment b { width: 38px; height: 30px; line-height: 30px; } .alment b img { width: 16px; margin-top: -4px; } .unitiesRight { margin: 20px 0; } .ductimg { line-height: 170px; width: 100%; } .hb-box { width: 100%; height: auto; padding-bottom: 0.203rem; position: relative; } .hb-swiper { width: 100%; height: 100%; } .hb-image { width: 100%; height: 12.945rem; margin-bottom: 0.081rem; } .hb-image img { display: block; width: 100%; height: 100%; } .hb-title { line-height: inherit; font-size: 16px; padding-top: 0.5rem; padding-bottom: 0.56rem; } .hb-title a { font-weight: bold; color: #1D4F91; } .hb-next, .hb-prev { width: 0.3rem; height: 0.5rem; display: none; } .hb-next { right: -0.553rem; background: url(../images/btn_right.png) no-repeat center center / cover; background-size: 100% 100%; } .hb-prev { left: -0.553rem; background: url(../images/btn_left.png) no-repeat center center / cover; background-size: 100% 100%; } .hb-pagination { width: 100%; bottom: 0; display: none; } .hb-pagination .swiper-pagination-bullet { width: 0.349rem; height: 1px; background: #1D4F91; border-radius: inherit; margin: 0 0.047rem; position: relative; } .hb-pagination .swiper-pagination-bullet:after { display: block; content: ""; width: 100%; height: 0.052rem; position: absolute; top: -0.026rem; left: 0; } .hb-pagination .swiper-pagination-bullet-active { height: 0.021rem; } .sinochem-contl { padding-top: 0.065rem; width: auto; padding-bottom: 0.2rem; /* float: left; */ position: relative; } .same-title .cont-title { color: #2f5597; } .cont-title { font-size: 1.1rem; line-height: inherit; } .Head { display: inline-block; margin-bottom: 6px; } .sinochem-contr { width: 100%; /* float: right; */ position: relative; } div#dnn_fesplePane { background: #fff; } .sinochem-samecont.sinochem-bgsamecont { padding-bottom: 0.5rem; } .social { background-size: 100% 30%; } .socper .swiper-slide p { height: auto; overflow: hidden; } .socper .swiper-slide h4 a { font-size: 16px; } .socper .swiper-slide div span { font-size: 16px; line-height: 30px; } .socper .swiper-slide div a { font-size: 16px; line-height: 30px; color: #333333; } }