﻿.cases-banner {
    background: url(/images/lxwm-banner.jpg) no-repeat center;
    background-size: cover
}

    .cases-banner .banner-text {
        max-width: 1220px;
        margin: 0 auto;
        color: #fff;
        padding-top: 150px;
        padding-bottom: 99px
    }

        .cases-banner .banner-text h2 {
            font-size: 60px;
            line-height: 1;
            font-weight: bold
        }

        .cases-banner .banner-text p {
            padding: 42px 0 62px 0;
            font-size: 16px;
            line-height: 30px;
            width:800px;
            
        }

        .cases-banner .banner-text a {
            display: block;
            width: 17.9085%;
            height: 60px;
            background: #ea363f;
            border-radius: 30px;
            padding: 4px;
            box-sizing: border-box
        }

            .cases-banner .banner-text a:hover strong {
                color: #fff
            }

            .cases-banner .banner-text a strong {
                height: 100%;
                display: block;
                border-radius: 25px;
                border: 1px dashed #fad3d5;
                font-size: 30px;
                font-weight: bold;
                color: #cedae6;
                text-align: center;
                line-height: 50px
            }

.cact-foot {
    background: url(/images/cact-foot.jpg) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 90px 0
}

.cactLeft {
    float: left;
    width: 50%;
    padding-right: 2%
}

    .cactLeft strong {
        font-size: 48px;
        color: #f0be4d
    }

    .cactLeft p {
        font-size: 18px;
        line-height: 2em;
        color: #d3d3d3;
        margin-top: 15px
    }

    .cactLeft form {
        margin-top: 40px
    }

    .cactLeft ul {
        margin-left: -6%;
        overflow: hidden
    }

    .cactLeft li {
        float: left;
        width: 44%;
        margin-left: 6%;
        position: relative
    }

        .cactLeft li input {
            background: rgba(50,54,62,.6);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9932363E, endColorstr=#9932363E);
            width: 100%;
            padding: 18px 20px;
            outline: 0;
            color: #d3d3d3;
            font-size: 18px
        }

        .cactLeft li.bt:before {
            content: "*";
            color: red;
            display: block;
            width: 15px;
            height: 15px;
            position: absolute;
            left: 7px;
            top: 50%;
            margin-top: -9px
        }

        .cactLeft li.text-box {
            width: 94%;
            margin-top: 30px;
            margin-bottom: 60px
        }

        .cactLeft li textarea {
            background: rgba(50,54,62,.6);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9932363E, endColorstr=#9932363E);
            outline: 0;
            width: 100%;
            color: #d3d3d3;
            height: 170px;
            padding: 18px 20px;
            font-size: 18px
        }

            .cactLeft li textarea::-webkit-input-placeholder {
                color: #d3d3d3
            }

    .cactLeft form .button input {
        background: #fb2840;
        overflow: hidden;
        background-image: linear-gradient(90deg,#fb2840 30%,#fe5e60 50%,#fb2840);
        background-position: left center;
        background-size: 200% 100%;
        background-repeat: no-repeat;
        width: 260px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        color: #fff;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        font-size: 24px;
        cursor: pointer;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease
    }

        .cactLeft form .button input:hover {
            background-position: right center;
            transition: all .5s ease;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease
        }

.cactRight {
    float: left;
    width: 50%;
    padding-left: 9%;
    margin-top: 100px
}

    .cactRight p {
        font-size: 18px;
        color: #d3d3d3;
        position: relative;
        bottom:30px;
    }

        .cactRight p:before {
            background: url(/images/wz.png) no-repeat;
            width: 16px;
            height: 16px;
            background-size: 100% 100%;
            content: "";
            display: inline-block;
            vertical-align: middle;
            margin-top: -5px;
            margin-right: 24px
        }

    .cactRight strong {
        font-size: 28px;
        color: #fff;
        font-weight: 700;
        position: relative;
        display: block;
        margin-top: 50px;
        margin-bottom: 5px
    }

        .cactRight strong:before {
            background: url(/images/dh.png) no-repeat;
            width: 16px;
            height: 16px;
            background-size: 100% 100%;
            content: "";
            display: inline-block;
            vertical-align: middle;
            margin-top: -5px;
            margin-right: 24px
        }

    .cactRight span {
        font-size: 18px;
        color: #d3d3d3;
        display: block;
        padding-left: 40px
    }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    zoom: 1
}



.container {
    width: 100%;
    position: relative
}
.contacts {
    padding: 90px 0;
    background: #fff
}

    .contacts .sty1 {
        overflow: hidden
    }

        .contacts .sty1 li {
            width: 32.63158%;
            float: left;
            padding: 58px 0;
            background: #fafafa;
            text-align: center
        }

            .contacts .sty1 li img {
                width: 128px;
                display: block;
                margin: 0 auto 24px
            }

            .contacts .sty1 li span {
                display: block;
                font-size: 24px;
                line-height: 1.16667;
                color: #000;
                color: rgba(0,0,0,0.85);
                font-weight: bold
            }

            .contacts .sty1 li p {
                display: none;
                height: 48px;
                font-size: 16px;
                line-height: 1.5;
                color: #000;
                color: rgba(0,0,0,0.65);
                margin: 0 auto 16px
            }

                .contacts .sty1 li p a {
                    color: #f2281c;
                    cursor: pointer
                }

            .contacts .sty1 li + li {
                margin-left: 1.05263%
            }

.contact2 {
    background: #fafafa;
    padding-top: 60px;
    padding-bottom: 88px;
    line-height: 1
}