.systesWrap .sysContent { padding-top:40px; width: 920px; color: #000; text-align: center; margin: 0 auto 100px; } .systesWrap .sysContent i { display: block; width: 80px; height: 142px; background: url(../images/sys-01.png) center no-repeat; margin: 0 auto 18px; } .systesWrap .sysContent i.icon2{background: url(../images/sys-02.png) center no-repeat; width:180px; height:90px;} .systesWrap .sysContent h2 { font-size: 30px; height: 34px; line-height: 34px; margin-bottom:18px; } .systesWrap .sysContent p { font-size: 14px; color:#333; } .layWrap { margin-bottom: 90px; position: relative; height: 394px; background: url(../images/payBg.png) center no-repeat; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/payBg.png', sizingMethod='scale'); } .layWrap .row { position: relative; top: 130px; margin: 0 -60px 0 -60px; } .layWrap .row .col-md-4 { padding: 0 60px 0 60px; *width: 440px; } .layWrap .row .col-md-4 .layContent { text-align: center; color: #333; } .layWrap .row .col-md-4 .layContent i { display: block; width: 42px; height: 42px; margin: 0 auto 20px; } .layWrap .row .col-md-4 .layContent .icon-zd { background: url(../images/icon-zd.png) center no-repeat; background-size: 100%; } .layWrap .row .col-md-4 .layContent .icon-yunying { background: url(../images/icon-yunying.png) center no-repeat; background-size: 100%; } .layWrap .row .col-md-4 .layContent .icon-zy { background: url(../images/icon-zy.png) center no-repeat; background-size: 100%; } .layWrap .row .col-md-4 .layContent h3 { font-size: 18px; margin-bottom:15px; color:#000; } .layWrap .row .col-md-4 .layContent p { font-size:14px; color:#333; } .infoWrap { background: #fff; padding: 70px 100px; } .infoWrap .toMore { width: 200px; height: 55px; line-height: 55px; text-align: center; margin: 0 auto; background: #000; } .infoWrap .toMore a { display: inline-block; width: 100%; height: 100%; color: #fff; font-size: 13px; } .infoWrap h2 { font-size: 24px; height: 45px; line-height: 45px; width: 210px; margin: 0 auto 80px; } .infoWrap h2 span { display: inline-block; line-height: 45px; color: #000; height: 45px; float: left; } .infoWrap h2 i { float: left; display: inline-block; width: 39px; height: 48px; background: url(../images/icon-zp.png) center no-repeat; margin-right:8px; } .infoWrap .row { margin: 0 -60px 0 -60px; margin-bottom:50px; } .infoWrap .row .col-md-6 { padding: 0 60px 0 60px; margin-bottom:38px; height:350px; *width: 440px; } .infoWrap .row .col-md-6 .pad .title { height: 54px; line-height: 54px; border-bottom: 1px dotted #333; position: relative; margin-bottom: 20px; text-align: center; } .infoWrap .row .col-md-6 .pad .title .icon-dot { position: absolute; left: 0; bottom: 23px; display: inline-block; width: 4px; height: 4px; background: url(../images/icon-dot.png) center no-repeat; background-size: 100%; float: left; } .infoWrap .row .col-md-6 .pad .title h3 { font-size: 20px; color: #000; text-indent:12px; float: left; line-height: 54px; } .infoWrap .row .col-md-6 .pad .title em { display: inline-block; width: 22px; height: 22px; color: #fff; font-size: 12px; line-height: 22px; text-align: center; border-radius: 4px; position: absolute; right: 0; bottom: 15px; float: left; } .infoWrap .row .col-md-6 .pad .title .ji { background: #f0a70a; } .infoWrap .row .col-md-6 .pad .title .new { background: #ff0000; } .infoWrap .row .col-md-6 .pad .text { position: relative; } .infoWrap .row .col-md-6 .pad .text .txList { color: #000; font-size: 12px; margin-bottom:10px; } .infoWrap .row .col-md-6 .pad .text .more { display: block; width: 36px; height: 36px; background: url(../images/icon-more.png) center no-repeat; background-size: 100%; position: absolute; right: 0; bottom: 20px; *bottom: -10px; } .lw2{ background:url(../images/join.jpg) no-repeat center top; height:394px;} .lw2 .row .col-md-4 .layContent .icon-zd { background: url(../images/a1.png) center no-repeat; } .lw2 .row .col-md-4 .layContent .icon-yunying { background: url(../images/a2.png) center no-repeat; } .lw2 .row .col-md-4 .layContent .icon-zy { background: url(../images/a3.png) center no-repeat; } .lw2 .row .col-md-4 .layContent p{ width:260px; margin:0 auto; line-height:24px;} .lw2 .row{ top:100px;}