@charset "utf-8"; body { line-height: 1.8; } .ztNavBox li.current { background: #e50312; } .header2 { line-height: 1.5; } .sketch-txt { position: relative; padding: 15px 30px; } .sketch-txt:before { position: absolute; background: url(../images/bg1.png); top: 0; left: 0; content: ""; width: 33px; height: 36px; } .sketch-txt:after { position: absolute; background: url(../images/bg1.png); background-position: -33px 0; bottom: 0px; right: 0px; content: ""; width: 33px; height: 36px; } .mTitle { position: relative; width: 100%; text-align: center; margin-bottom: 40px; margin-top: 50px; } .mTitle b { font-size: 36px; } .mTitle p { border-top: 1px solid #eee; font-size: 18px; color: #999; font-family: "Bell MT", Aparajita, garamond, georgia, Simsun; margin-top: 10px; padding-top: 10px; text-transform: uppercase; height: 40px; } .mTitle span { display: inline-block; width: 66px; position: absolute; bottom: 39px; background: #e50312; height: 2px; left: 50%; margin-left: -33px; } .sub-Title { margin-top: 70px; margin-bottom: 10px; } .sub-Title .pic, .sub-Title .txt { float: left; } .sub-Title .txt { margin-left: 15px; } .sub-Title .txt b, .sub-Title .txt span { padding: 0; margin: 0; line-height: 0.7; } .sub-Title .txt b { font-size: 22px; display: block; } .sub-Title .txt span { font-size: 12px; color: #707070; text-transform: uppercase; } .zs-stage { margin-top: 15px; } .zs-stage .num { width: 60px; height: 60px; background: #e50312; border-radius: 60px; float: left; line-height: 60px; text-align: center; color: #fff; } .zs-stage .num i { font-size: 1.5em; } .zs-stage .txt { padding-left: 60px; margin-left: 15px; } .zs-stage .txt .b { color: #e50312; } .zs-stage .txt p { line-height: 1.5; color: #707070; } .principle-list li .principle-nr { background: url(../images/yuanbg1.png); width: 216px; height: 402px; } .principle-list li i { display: block; color: #e50312; text-align: center; font-size: 32px; padding-top: 20px; padding-bottom: 10px; } .principle-list li b { display: block; background: #e50312; color: #fff; padding: 10px 0; text-align: center; font-size: 18px; margin-bottom: 20px; } .principle-list li p { padding: 0 10px; position: relative; margin-left: 15px; margin-top: 10px; line-height: 1.5; } .principle-list li p:before { position: absolute; left: 0; top: 1px; content: "路"; } .principle-list li:nth-child(even) .principle-nr { background: url(../images/yuanbg2.png); } .principle-list li:nth-child(even) b { background: #313131; } .service-principle li p { line-height: 1.3; margin-left: 20px; } .zs-zd { position: relative; margin-top: 30px; border-radius: 5px; overflow: hidden; } .zs-zd img { width: 100%; } .zs-zd .zs-zdlist { width: 50%; position: absolute; right: 0; background: rgba(229, 3, 18, 0.9); top: 0; bottom: 0; padding: 30px; } .zs-zd .zs-zdlist li { width: 33%; float: left; margin-top: 20px; margin-bottom: 20px; background: url(../images/zs-gz5.png) 0 6px no-repeat; color: #fff; padding-left: 25px; } .fwlc b { margin-left: 50px; font-weight: normal; font-size: 20px; margin-bottom: 30px; display: block; } .yqyslist li { height: 140px; margin-bottom: -1px; } @media (max-width: 992px) { .principle-list li .principle-nr { background: none; width: 100%; height: 260px; margin-bottom: 10px; border: 1px solid #e50312; } .principle-list li i { display: block; color: #e50312; text-align: center; font-size: 20px; padding-top: 10px; padding-bottom: 10px; display: none; } .principle-list li b { display: block; background: #e50312; color: #fff; padding: 5px 0; text-align: center; font-size: 16px; margin-bottom: 10px; } .principle-list li p { padding: 0 10px; position: relative; margin-left: 15px; margin-top: 10px; line-height: 1.5; } .principle-list li p:before { position: absolute; left: 0; top: 1px; content: "路"; } .principle-list li:nth-child(even) .principle-nr { background: none; } .principle-list li:nth-child(even) b { background: #e50312; } .principle-list li:last-child .principle-nr { height: auto; padding-bottom: 20px; } .zs-clbz { border: 1px solid #e50312; margin-top: 10px; } .zs-clbz b { display: block; background: #e50312; color: #fff; padding: 5px 0; text-align: center; font-size: 15px; margin-bottom: 10px; } .zs-clbz p { padding: 0 10px; position: relative; margin-left: 15px; margin-top: 10px; line-height: 1.5; height: 140px; } .zs-zd { position: inherit; margin-top: 10px; border-radius: 5px; overflow: hidden; } .zs-zd img { width: 100%; display: none; } .zs-zd .zs-zdlist { width: 100%; position: inherit; right: 0; background: none; top: 0; bottom: 0; padding: 0px; } .zs-zd .zs-zdlist li { width: 50%; float: left; margin-top: 5px; margin-bottom: 5px; background: url(../images/zs-gz5.png) 0 6px no-repeat; color: #474747; padding-left: 25px; } } @media (max-width: 768px) { .mt50, .tabFuwu { margin-top: 20px; } .sub-Title { margin-top: 30px; margin-bottom: 10px; } .sub-Title .pic, .sub-Title .txt { float: left; } .sub-Title .pic img { height: 26px; } .sub-Title .txt { margin-left: 15px; } .sub-Title .txt b, .sub-Title .txt span { padding: 0; margin: 0; line-height: 0.7; } .sub-Title .txt b { font-size: 18px; display: block; } .sub-Title .txt span { font-size: 12px; color: #707070; text-transform: uppercase; } .yqyslist { font-size: 13px; } .yqyslist li { height: 160px; } .ysItem li { padding: 10px 10px; } }