@charset "UTF-8";
.column-main {
    margin: 0 auto;
    width: 1200px;
    position: relative;
    z-index: 11
}

.head {
    width: 100%;
    height: 810px
}

.head-logo {
    padding: 20px 0
}

.head-logo .photo {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.head-text {
    padding: 200px 0 0 480px;
    position: relative;
    z-index: 11
}

.head-text .text {
    line-height: 1.7
}

.head-text .text h1 {
    font-size: 72px;
    font-weight: 700
}

.head-text .text h2 {
    font-size: 24px;
    color: #5d3464;
    padding: 20px 0
}

.head-text .text p {
    font-size: 18px;
    color: #5d3464
}

.head-text .textbtn {
    padding-top: 60px
}

.head-text .textbtn a {
    width: 262px;
    height: 64px;
    display: block;
    overflow: hidden
}

.head-icon01 {
    position: absolute;
    right: 0;
    top: 80px;
    width: 194px;
    height: 600px
}

.head-icon02 {
    position: absolute;
    left: 0;
    top: 140px;
    width: 790px;
    height: 790px;
    overflow: hidden
}

.proporcionamos {
    width: 100%;
    background-color: #f8f8f8
}

.proporcionamos-main {
    width: 100%;
    height: 1200px;
    padding: 280px 0 0;
    overflow: hidden;
    position: relative
}

.proporcionamos-title {}

.proporcionamos-title .photo {
    width: 670px;
    height: 178px;
    overflow: hidden
}

.proporcionamos-text {
    padding: 30px 480px 0 0;
    color: #5d3464
}

.proporcionamos-text p {
    font-size: 24px;
    padding: 10px 0;
    line-height: 50px
}

.proporcionamos-photo {
    position: absolute;
    right: -140px;
    top: 220px;
    width: 400px;
    height: 884px;
    overflow: hidden
}

.tecnolog {
    width: 100%;
    min-height: 800px;
    padding-top: 140px;
    background-image: url(../images/tecnolog-bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 500px
}

.tecnolog-title {}

.tecnolog-title .photo {
    margin: 0 auto;
    width: 532px;
    height: 47px;
    overflow: hidden
}

.column-tecnolo-list {
    padding: 30px 0
}

.column-tecnolo-list li {
    float: left;
    width: 33.333%;
    padding: 20px 0 50px
}

.column-tecnolo-list li .items {
    text-align: center;
    padding: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.column-tecnolo-list li .icocom {
    margin: 0 auto;
    width: 60px;
    height: 60px;
    overflow: hidden
}

.column-tecnolo-list li .text {
    padding-top: 10px
}

.column-tecnolo-list li .text h4 {
    font-size: 24px;
    padding: 10px 0
}

.column-tecnolo-list li .text p {
    line-height: 30px
}

.column-tecnolo-list li:hover .items {
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .14);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .14);
    box-shadow: 0 0 6px rgba(0, 0, 0, .14)
}

.satisfacer {
    width: 100%;
    height: 1200px;
    background-color: #f8f8f8
}

.satisfacer-text {
    padding: 200px 0 0 420px
}

.satisfacer-text .texttitle {
    width: 540px;
    height: 42px;
    overflow: hidden
}

.satisfacer-text .text {
    padding-top: 40px;
    color: #5d3464
}

.satisfacer-text .text p {
    font-size: 24px;
    line-height: 46px;
    padding-bottom: 10px
}

.satisfacer-photo {
    position: absolute;
    left: 0;
    top: 100px;
    width: 905px;
    height: 997px;
    overflow: hidden
}

.footer {
    width: 100%;
    padding: 100px 0;
    color: #5d3464;
    background-color: #ffb371
}

.footer-photo {
    position: absolute;
    left: 40%;
    top: -140px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    -webkit-transform: translate(-40%, 0);
    -moz-transform: translate(-40%, 0);
    transform: translate(-40%, 0)
}

.footer-items {
    float: left;
    width: 480px
}

.footer-items-title {
    width: 290px;
    height: 37px;
    overflow: hidden
}

.footer-items-text {
    padding: 30px 0;
    font-size: 18px;
    line-height: 1.7
}

.footer-items-text p {
    font-size: 18px
}