.section-box .section:nth-child(even) { background-color: #f6f8fb; } .section-box .section:nth-child(odd) { background-color: #fff; } .why-box { margin-top: 40px; margin-bottom: 40px; } .why-box .why-item { text-align: center; } .why-box .why-item .item-icon { height: 170px; width: 170px; margin: 0 auto; position: relative; } .why-box .why-item .item-icon img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .why-box .why-item .item-name { font-size: 26px; line-height: 2; margin-bottom: 10px; } .why-box .why-item .item-desc { line-height: 26px; color: #999999; } .jy-box { margin-top: 40px; margin-bottom: 40px; } .jy-box .jy-item { margin-bottom: 20px; } .jy-box .jy-item .item-wrap { text-align: center; } .jy-box .jy-item .item-wrap .item-icon { border-radius: 50%; background-image: -moz-linear-gradient(-170deg, #1e3c72 0%, #2a5298 100%); background-image: -webkit-linear-gradient(-170deg, #1e3c72 0%, #2a5298 100%); background-image: -ms-linear-gradient(-170deg, #1e3c72 0%, #2a5298 100%); box-shadow: 0px 10px 20px 0px rgba(31, 61, 115, 0.26); width: 120px; height: 120px; position: relative; margin: 0 auto 20px; } .jy-box .jy-item .item-wrap .item-icon::before { content: ''; display: block; width: 50px; height: 50px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .jy-box .jy-item .item-wrap .item-name { font-size: 20px; line-height: 2; margin-top: 5px; } .jy-box .jy-item .item-wrap .item-desc { width: 70%; color: #999999; line-height: 26px; margin: 10px auto; } .jy-box .jy-item:nth-child(1) .item-wrap .item-icon::before { background: url("../Image/yxtg/1.png") center no-repeat; } .jy-box .jy-item:nth-child(2) .item-wrap .item-icon::before { background: url("../Image/yxtg/2.png") center no-repeat; } .jy-box .jy-item:nth-child(3) .item-wrap .item-icon::before { background: url("../Image/yxtg/3.png") center no-repeat; } .jy-box .jy-item:nth-child(4) .item-wrap .item-icon::before { background: url("../Image/yxtg/4.png") center no-repeat; } .jy-box .jy-item:nth-child(5) .item-wrap .item-icon::before { background: url("../Image/yxtg/5.png") center no-repeat; } .jy-box .jy-item:nth-child(6) .item-wrap .item-icon::before { background: url("../Image/yxtg/6.png") center no-repeat; } .jy-box .jy-item:nth-child(7) .item-wrap .item-icon::before { background: url("../Image/yxtg/7.png") center no-repeat; } .jy-box .jy-item:nth-child(8) .item-wrap .item-icon::before { background: url("../Image/yxtg/8.png") center no-repeat; } .sx-box { margin-top: 50px; } .sx-box .box-txt { padding-left: 90px; } .sx-box .box-txt ul { border-bottom: 1px dashed #EEEEEE; padding: 30px 0; } .sx-box .box-txt ul li { line-height: 30px; color: #666666; font-size: 16px; position: relative; } .sx-box .box-txt ul li:before { content: ''; width: 6px; height: 6px; background-color: #d9e2ee; border-radius: 50%; position: absolute; left: -25px; margin: auto; top: 0; bottom: 0; } .sx-box .box-txt ul:last-child { border-bottom: none; } .sx-box .box-img { width: 870px; text-align: center; }