.gsjj-box { padding: 70px 45px 0 45px; } .gsjj { margin-left: 110px; box-shadow: 0px 0px 5px 2px #d8d8d8; background: url(/skin/images/gsjj-bg.png) left -160px bottom -45px no-repeat; } .top-title { margin-bottom: 40px; } .top-title h1 { font-size: 3.6rem; font-weight: normal; display: inline-block; padding-right: 15px; margin: 0; } .top-title h2 { font-size: 3.6rem; font-weight: normal; color: #ccc; display: inline-block; margin: 0; } .gsjj-left { margin-left: -110px; padding: 55px 130px 55px 55px; background: url(/skin/images/gsjj-left-bg.jpg) no-repeat; } .gsjj-left-box { z-index: 9; } .gsjj-left img { margin-bottom: 65px; } .gsjj-left h1 { font-size: 3rem; color: #fff; font-weight: normal; margin: 0; } .gsjj-left h2 { font-size: 1.8rem; color: #004e97; font-weight: normal; padding: 0 5px; background-color: #fff; display: inline-block; margin-top: 0; margin-bottom: 40px; } .gsjj-left p { color: #fff; font-size: 1.4rem; margin: 0; line-height: 33px; } .gsjj-right img { margin-left: -125px; } .gsjj-right p { padding: 45px 60px 45px 40px; font-size: 1.4rem; color: #666; line-height: 33px; margin: 0; } /*不同分辨率适配 start*/ /*手机*/ @media only screen and (max-width: 640px) { .gsjj-left h1 { font-size: 1.5em; } .top-title h2 { font-size: 1.25em; } .gsjj-left h2 { font-size: 1.2rem; } .gsjj-box { padding: 0; } .top-title { margin-bottom: 0; } .gsjj { margin-left: 0; } .gsjj-left { margin: 0 -1rem; padding: 1rem; } .gsjj-left img { margin-bottom: 10px; } .gsjj-left h2 { margin-bottom: 10px; } .gsjj-right img { margin-left: 0; width: 100%; } .gsjj-right { margin: 0 -1rem; } .gsjj-right p { padding: 1rem; } } /*电脑*/ @media only screen and (min-width: 1025px) {} /*平板和电脑*/ @media only screen and (min-width: 641px) {} /*手机和平板*/ @media only screen and (max-width: 1024px) {} /*不同分辨率适配 end*/