/*
* @Author: linyanyu
* @Date:   2018-11-19 17:25:13
* @Last Modified by:   linyanyu
* @Last Modified time: 2018-11-29 14:58:06
*/
::-webkit-scrollbar {/*隐藏滚轮*/
display: none;
}
.lianxi {
    padding-top: 80px;
}

.lianxi>.name {
    font-size: 40px;
    text-align: center;
    margin-bottom: 5%;
    font-weight: bold;
    position: relative;
    color: #008aff;
}

.lianxi>.name::after {
    content: 'CONTANCT';
    position: absolute;
    left: 0;
    width: 100%;
    top: 25%;
    text-align: center;
    color: #e8e8e8;
    font-size: 46px;
    z-index: -1;
    font-weight: bold;
}

.lianxi>.name:first-child::after {
    content: 'ABOUT US';
}

.lianxi .box1>.fl {
    width: 39%;
    color: #fff;
}

.lianxi .item {
    -webkit-animation: tada .8s .5s ease both;
}


@-webkit-keyframes tada {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

.lianxi .box1 .item {
    height: 227px;
    background: no-repeat center;
    background-size: cover;
}

.lianxi .box1 .item:first-child {
    margin-bottom: 30px;
}

.lianxi .item .name {
    font-size: 30px;
    font-weight: bold;
    text-shadow: 0 0 1px #000;
    padding: 5px 5%;
}

.lianxi .item p {
    padding: 0 5%;
    line-height: 1.7;
}

.lianxi .item .name span {
    text-shadow: 0 0 3px #000;
    font-size: 50px;
}

.lianxi .box2 {
    margin-top: 3%;
    margin-bottom: 5%;
}

.lianxi .box1>.fr {
    width: 58%;
    height: 485px;
    background: no-repeat center;
    background-size: cover;
    float: right;
}

.lianxi .box2>.item {
    width: 48.5%;
    height: 195px;
    color: #fff;
    float: left;
    background: no-repeat center;
    background-size: cover;
}

.lianxi .box2>.item:first-child {
    margin-right: 3%;
}

.box3 {
    padding-bottom: 80px;
}

.box3 .fr {
    color: #777;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
    /* margin-right: 5%; */
    /* float: right; */
}

.box3 .fr>div {
    margin-bottom: 20px;
    display: inline-block;
}
.box3 .fr>div.tel{margin-right: 30px;}
.box3 .fr>div>i {
    width: 26px;
    height: 26px;
    background: no-repeat center url(../images/adr.jpg);
    display: inline-block;
    float: left;
    margin-right: .5rem;
}
.box3 .fr>div:first-child>i{
    background: no-repeat center url(../images/tel.jpg);
}
.box3 .fl {
    width: 40%;
    font-size: 20px;
}

.box3 .fl .form-item {
    color: #aeaeae;
    border-bottom: 1px solid #ccc;
    position: relative;
    height: 80px;
}

.box3 .fl .form-item input {
    height: 100%;
    border: none;
    width: 70%;
    font-size: 20px;
    outline: none;
    color: #aeaeae;
}

.box3 .fl .form-item textarea::-webkit-input-placeholder,
.box3 .fl .form-item input::-webkit-input-placeholder {
    font-size: 18px;
}

/*.box3 .fl .form-item label {
    font-size: 18px;
    position: absolute;
    left: 100px;
    top: 25px;
    color: #ff4e4e;
    display: none;
}
*/
.box3 .fl .form-textarea {
    padding-top: 20px;
    height: inherit;
}


.form-textarea textarea {
    display: block;
    width: 96%;
    resize: none;
    outline: none;
    border: 1px solid #ccc;
    border-bottom: none;
    margin-top: 20px;
    padding: 2%;
    color: #aeaeae;
    font-size: 20px;
}

.box3 .btn {
    background: #0084ff;
    color: #fff;
    float: left;
    margin: 10% 39% 0;
    width: 120px;
    text-align: center;
    padding: .5rem 0;
    cursor: pointer;
}

.box3 .btn.disabled {
    background: #bababb;
}

.tip {
    background: #000;
    color: #fff;
    font-size: 18px;
    position: fixed;
    top: 45%;
    left: 45%;
    z-index: 19;
    font-size: 16px;
    padding: 15px 30px;
    display: none;
}

.chenggong {
    background: rgba(0, 0, 0, .4);
    position: fixed;
    top: 0;
    width: 100%;
    bottom: 0;
    z-index: 30;
    display: none;
}

.chenggong .box {
    width: 578px;
    height: 400px;
    background: url(../images/sg.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    margin: 15% auto;
}

.chenggong .box .close {
    width: 100px;
    height: 100px;
    background: url(../images/close.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: -50px;
    top: -50px;
    display: inline-block;
}