.slider_container{ box-sizing: border-box; width: 100%; height: 435px; background-image: url('/resource/images/back.jpg'); background-repeat: no-repeat; background-size: cover; display: inline-block; } .service_block > a{ text-decoration: none; color: inherit; } .slider_wrapper{ box-sizing: border-box; width: 1000px; height: 435px; margin: 0 auto; } .slider_info{ width: 435px; height: 135px; box-sizing: border-box; margin-top: 105px; } .slider_info > p.title{ font-family: UbuntuBold; font-size: 26px; color: white; margin: 0; padding: 0; } .slider_info > p.description{ font-family: UbuntuLight; font-size: 16px; color: white; line-height: 25px; } .slider_info > a > button{ background-color: #2980b9; border-radius: 5px; width: 240px; height: 50px; border: none; text-transform: uppercase; font-size: 15px; font-family: UbuntuLight; color: white; cursor: pointer; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; } .slider_info > a > button:hover{ background-color: #2572a5; } .services{ width: 1000px; box-sizing: border-box; min-height: 100px; vertical-align: top; margin: 0 auto; } p.service_title{ font-family: UbuntuLight; font-size: 22px; color: #313131; text-align: center; margin-top: 35px; } p.service_title:before{ content: url('/resource/images/services.png'); position: absolute; margin-left: -45px; } p.service_desc{ font-family: UbuntuLight; font-size: 15px; color: #313131; text-align: center; margin-bottom: 60px; } .service_block{ display: inline-block; vertical-align: top; box-sizing: border-box; width: 230px; height: 230px; border-radius: 5px; border: 1px solid #00C0F4; margin-bottom: 30px; text-align: center; padding: 15px; margin-right: 20px; } .service_block:nth-of-type(4){ margin-right: 0; } .service_block > img{ margin-top: 10px; } p.service_block_title{ text-transform: uppercase; font-family: UbuntuMedium; font-size: 13px; color: rgb(0, 171, 255); margin-top: 25px; } p.service_block_desc{ font-family: UbuntuRegular; font-size: 12px; line-height: 16px; color: rgb(0, 171, 255) } button.view_price{ width: 100%; height: 40px; background-color: #FFBC00; border-radius: 5px; border: none; margin-bottom: 35px; color: white; text-transform: uppercase; font-family: UbuntuRegular; font-size: 13px; border-bottom: 3px solid #E6B501; cursor: pointer; } button:focus{ outline: none; } hr.main{ height: 1px; border: none; background-color: rgba(0,0,0,0.07); } hr.main:after{ content: url('/resource/images/triangle.jpg'); margin-top: -1px; position: absolute; left: calc(50% - 40px); } .articles{ width: 1000px; margin: 30px auto; min-height: 50px; padding-top: 40px; } .articles > ul{ margin-top: 30px; width: 270px; margin: 0; padding: 0; display: inline-block; vertical-align: top; margin-right: 90px; margin-bottom: 30px; } .articles > ul:nth-of-type(3n){ margin-right: 0; } .articles > ul > a{ text-decoration: none; color: inherit; } .articles > ul > a > li{ list-style: none; margin-bottom: 5px; font-family: UbuntuLight; font-size: 14px; } .articles > ul > a:nth-of-type(1) > li{ margin-bottom: 15px; font-family: UbuntuMedium; font-size: 16px; color: #313131; } .articles > ul > a > li:hover{ color: #FFBC00; } .testemo{ width: 1000px; margin: 0 auto; padding-top: 40px; text-align: center; margin-bottom: 30px; } .testemo > ul:nth-of-type(1){ margin-left: 15px; } .testemo > ul{ width: 275px; overflow: hidden; margin: 0; padding: 0; display: inline-block; vertical-align: top; margin-top: 25px; margin-right: 50px; } .testemo > ul > li{ list-style: none; } .testemo > ul > li > img{ max-width: 137px; max-height: 137px; border-radius: 100px; } p.userdesc{ margin-top: 25px; font-family: UbuntuRegular; font-size: 13px; color: #313131; line-height: 19px; } p.username{ color: #FFBC00; font-family: UbuntuRegular; font-size: 13px; } p.testemo_title{ font-family: UbuntuLight; font-size: 22px; color: #313131; text-align: center; } p.testemo_subtitle{ font-family: UbuntuLight; font-size: 15px; color: #313131; text-align: center; }