img { border: 0 none; width: auto\9; max-width: 100%; vertical-align: top; height: auto; } body { display: flex; flex-direction: column; align-items: center; background: #ffffff; } /* footer */ .pc-footer1 { width: 100%; display: flex; flex-direction: column; align-items: center; } .foot { width: 92%; } .copyright { width: 100%; display: flex; justify-content: space-between; align-items: center; } /* content */ .banner { width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; background-color: #050910; } .banner p:nth-child(1) { position: absolute; top: 50%; left: 14%; transform: translateX(-30%); color: #ffffff; font-size: 54px; } .banner p:nth-child(2) { position: absolute; top: 359px; left: 14.2%; transform: translateX(-30%); color: #ffffff; font-size: 30px; } .banner p:nth-child(2) span { width: 10px; height: 10px; background: #f4b01f; border-radius: 10px; position: absolute; top: 1px; right: -18px; } .biaoti { background: #ffffff; width: 100%; height: 54px; display: flex; justify-content: center; box-shadow: 2px 1px 9px 1px #b1abab; } .kjqs { width: 1000px; display: flex; justify-content: space-around; } .xxk { font-size: 18px; color: #000000; position: relative; cursor: pointer } .kjqs .active { color: #f4b01f; border-bottom: 2px solid #f4b01f; } .qyjs { margin-top: 14px; } /* .active .tip { width: 6px; height: 6px; border-radius: 6px; background-color: #f4b01f; position: absolute; bottom: 17px; left: 50%; transform: translateX(-50%); } */ .newsw { display: flex; flex-direction: column; background-color: #f5f5f5; cursor: pointer; width: 32%; margin-right: 2%; margin-bottom: 2%; } .newsw:nth-child(3n+0) { margin-right: 0; } } .imgc { width: 405px; height: 270px; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; } .els { display: flex; flex-direction: column; width: 362px; color: #000000; padding-left: 20px; } .els>p:nth-child(1) { font-size: 14px; margin: 30px 0 24px; color: #777777; } .els p:nth-child(2) { font-size: 22px; line-height: 1.4; margin: 0; } .more { display: flex; align-items: center; margin: 38px 0 46px; } .more p { font-size: 14px; color: #777777; margin: 0; } .more img { width: 18px; margin-left: 10px; } .list { margin-top: 60px; display: flex; flex-wrap: wrap; max-width: 1200px; width: 100%; min-width: 1199px; margin-bottom: 40px; } .fanye { display: none; } .footer_wap { display: none !important; } @media only screen and (max-width: 750px) { .footer_wap { display: block !important; } .list { margin-top: .3rem; max-width: initial; display: flex; flex-direction: column; align-items: center; } .els p:nth-child(2) { font-size: .24rem; } .banner p:nth-child(1) { position: absolute; top: 2rem; left: 0.68rem; transform: translateX(-30%); color: #ffffff; font-size: .6rem; } .banner p:nth-child(2) { position: absolute; top: 3rem; left: 0.68rem; transform: translateX(-30%); color: #ffffff; font-size: .3rem; } .kjqs { width: 7.5rem; } .biaoti{ height: 0.8rem; } .qyjs{ font-size: .3rem; margin-top: 0.08rem; } .list { width: 7.5rem; min-width: initial; } .newsw { width: 6.9rem; margin: 0 0 .26rem; } .zxf_pagediv { display: none; } .fanye { display: block; width: 3.8rem; height: .8rem; line-height: .8rem; background-color: #f5f5f5; margin: .2rem 0 .48rem; text-align: center; } .els>p:nth-child(1) { margin: .2rem 0 .1rem; } .more { margin: .18rem 0 .16rem; } }