*{ font-size: 16px; margin: 0px; padding: 0px; color: #000000; } .electricianElectrical{ width: 100%; padding-top: 111px; } .electricianElectrical-top{ height: 13rem; background: url("../images/electricianElectrical-top.jpg") no-repeat; background-size: cover; transition: all 0s; } .electricianElectrical-center{ width: 80%; margin: 0 auto; margin-bottom: 60px; } .center-box{ width: 100%; display: flex; justify-content: space-between; margin-top: 80px; align-items: center; } .center-box img:first-child{ width:100%; } .center-box-title{ height: 70%; margin: auto 0; width: calc(50% - 30px); } .center-box-title img{ width: 100%; } .box-title-line{ height: 3px; width: 65px; background-color: #000000; } .center-box-title h1{ font-size: 32px; font-weight: bold; margin: 10px 0 15px 0; } .center-box-title a{ display: block; font-size: 16px; color: #af8437; margin: 30px 0; } @media only screen and (max-width: 1366px){ .electricianElectrical-top{height:10rem} } /*鎵嬫満绔嚜閫傚簲*/ @media screen and (max-width: 1025px) and (min-width: 320px){ .electricianElectrical{ padding-top: 1.5rem !important; } .electricianElectrical-top{ width: 100%; height: 4rem; background: url(../images/electricianElectrical-top.jpg) no-repeat; background-size: cover; } .electricianElectrical-center{ width: 95%; margin: .4rem auto; } .center-box{ margin-top: .5rem; } .center-box>a:nth-child(1){ width: 45% !important; } .center-box-title{ width: 50%; } .box-title-line{ height: .1rem; width: .75rem; } .center-box-title h1{ font-size: .4rem; margin: .15rem 0; } .center-box-title p{ font-size: .2rem !important; } .center-box-title>p:nth-child(3){ margin-bottom: .2rem !important; line-height: .4rem !important; } .center-box-title a{ font-size: .3rem; margin: .3rem 0 0; } } /*pad鑷€傚簲*/ @media screen and (max-width: 1025px) and (min-width: 750px){ .electricianElectrical-top{height:6.5rem} }