@charset "utf-8"; .product{ width: 1827px; padding-top: 74px; padding-bottom: 115px; } .product .first li{ width: 597px; height: 432px; } .product ul li + li { margin-left: 18px; } .product ul li p{ top:0; left: 0; right: 0; bottom: 0; height: 350px; border: 15px solid rgba(253,253,253,.6); font-size: 22px; text-align: center; line-height: 350px; } .product ul li img{ transition: .3s; } .product .first li p{ width: 500px; } .product .second li p{ width: 340px; } .product .second { margin-top: 25px; } .product .second li{ width: 443px; height: 459px; } .list{ padding: 67px 0 100px 0; background: url("../img/bg7.png") no-repeat right bottom/70%; } .list ul{ width: 1458px; } .list ul li{ width: 714px; margin-bottom: 28px; } .list ul li:nth-child(even){ margin-left: 30px; } .list ul li div{ bottom: 0; color: white; text-align: center; } .list ul li div h4 { margin-bottom: 4%; font-size: 18px; font-weight: bolder; letter-spacing: 3px; text-shadow: 2px 2px 3px rgba(0,0,0,.2); } .list ul li div p { margin-bottom: 10%; font-size: 17px; letter-spacing: 2px; text-shadow: 2px 2px 3px rgba(0,0,0,.2); } .list ul li div a{ margin-bottom: 10%; padding: 6px 42px; background-color: #f08519; color: white; font-size: 24px; font-weight: bold; border-radius: 20px; } .details{ padding-top: 65px; padding-bottom: 65px; background: url(../img/bg8.png) no-repeat right bottom/20%; } .details .matter{ width: 1200px; } .details h3{ margin-bottom: 58px; color: #414141; font-size: 20px; text-align: center; } .details .img{ text-align: center; } .details .img p{ margin-top: 30px; font-size: 16px; text-indent: 95px; letter-spacing: 3px; } .details .right{ width: 65%; line-height: 30px; } .details .right p{ font-size: 16px; } .details .right > p{ width: 70%; margin-bottom: 20px; } .details .right > p span{ font-weight: bold; } .details .right ul{ margin-bottom: 30px; padding: 13px; background-color: #f5f5f5; } .details .right ul li p{ width: 49%; } .details .more{ margin-bottom:22px ; } .details .more h4, .details .scope h4{ font-weight: bold; }