.header-style{ border-bottom: 1px solid #f5f5f5; } .customWrap{ width: 1200px; margin: 20px auto 55px; } .customWrap a{ display: inline-block; } .listImg{ width: 100%; margin-top: 12px; } .listImg:after{ content: ''; display: block; clear: both; } .listImg li{ float: left; /* width: 392px; height: 460px; */ width: 594px; height: 314px; background: url("../images/c1bg.png"); background-size: 100% 100%; text-align: center; } .listImg li+li{ margin-left: 12px; } .listImg li > a{ display: inline-block; width: 100%; height: 100%; color:#fff; } .listImg li a img.oLi_logo{ /* margin-top: 78px; margin-bottom: 48px; */ margin-top: 43px; margin-bottom: 18px; } .listImg li a .tip{ margin-top: 6px; font-size: 15px; } .listImg li a .btn{ width: 128px; height: 44px; line-height: 44px; font-size: 16px; color: #FFFFFF; background: none; border: 1px solid #FFFFFF; text-shadow:0px 3px 6px rgba(0,0,0,0.16); border-radius: 22px; outline: none; cursor: pointer; margin-top: 36px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .listImg li a .btn:hover{ color: #FFCC00; background: none; border: 1px solid #FFCC00; } .listImg li:nth-child(2){ background-image: url("../images/c2bg.png"); } .listImg li:nth-child(2) a img.oLi_logo{ /* margin-bottom: 62px; margin-top: 92px; */ margin-bottom: 13px; margin-top: 43px; } a.consultation{ position: relative; } a.consultation .wrapText{ position: absolute; top: 57%; right: 80px; height: 50%; width: 660px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /*border:1px solid red;*/ } a.consultation .wrapText:after{ content: ''; display: block; clear: both; } .wrapText .f-text{ width: 234px; float: left; } .wrapText .f-text h2{ color:#3B3B3B; font-size: 32px; margin-bottom: 16px; } .wrapText .f-text p{ font-size: 13px; color:#3B3B3B; } .wrapText .f-text p span:hover{ color:#FFCC00; } .wrapText .lineBtn{ float: right; width: 200px; height: 58px; line-height: 58px; text-align: center; font-size: 20px; color:#FFFFFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-shadow:0px 6px 12px rgba(234,85,20,0.63); background: #FFCC00; margin-top: 40px; font-weight: bold; } 
