/*通用部分*/
.joinBanner{
    width:100%;
    height:auto;overflow:hidden;
    position:relative;
}
.joinBannerAnchor{
    width:100%;
    position:absolute;
    bottom:140px;
    left:0;
}


.pageJoinWord {
    width: 55%;
    float: left;
    margin-right: 5%;
}
    .pageJoinWord h2 {
        height: 80px;
        overflow: hidden;
        line-height: 40px;
        color: #c7000a;
        font-size: 30px;
        font-weight: bold;
        margin: 10px auto;
    }
    .pageJoinWord h3 {
        height: auto;
        overflow: hidden;
        line-height: 30px;
        font-size: 20px;
        margin: 10px auto;
    }
.pageJoinForm {
    width: 36%;
    float: left;
    padding: 30px 2%;
    background-color: #f9edd6;
    border-radius:10px;
}
.pageJoinForm li{
    margin-bottom:20px;
    font-size:18px;
}
    .pageJoinForm li .khInput {
        width: 98%;
        height: 40px;
        overflow: hidden;
        line-height: 40px;
        border: 1px solid #ffac5a;
        background-color: #fff;
        text-indent: 10px;
    }
.pageJoinForm li textarea {
    width: 98%;
    height: 120px;
    overflow: hidden;
    line-height: 40px;
    border: 1px solid #ffac5a;
    background-color: #fff;
    text-indent: 10px;
}
    .pageJoinForm li button {
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size:20px;
        background-color: #ff7e00;
        color: #fff;
        text-align: center;
        display: block;
        margin: 10px auto;
        border: 0;
        box-shadow:5px 5px 5px #ccc;
        cursor:pointer;
        transition:all 0.5s;
    }
    .pageJoinForm li button:hover{
        background-color:#d89b5f;
    }


/*联系方式*/
.pageContactTitle {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 45px;
    text-align: center;
    color: #c7000a;
    font-size:40px;
    font-weight:bold;
}
.pageContactTitle img{
    max-height:45px;
    vertical-align:middle;
}
.pageContactSubTitle{
    width:100%;
}
    .pageContactSubTitle h2 {
        height: auto;
        overflow: hidden;
        line-height: 40px;
        color: #e17e00;
        font-size: 30px;
        font-weight: bold;
    }

    .pageContactSubTitle h3 {
        height: auto;
        overflow: hidden;
        line-height: 30px;
        font-size: 20px;
        color: #e17e00;
    }

.pageContactContent{
    width:100%;
    font-size:20px;
    line-height:35px;
}
.pageContactContent .left{
    width:48%;float:left;
    margin:10px 1%;
}
    .pageContactContent .left li {
        padding-left: 40px;
        background-repeat:no-repeat;
        background-position:0 5px;
    }
        .pageContactContent .left li:nth-child(1) {
            background-image: url(../Images/Icon/iconContactPhone.png);
        }

        .pageContactContent .left li:nth-child(2) {
            background-image: url(../Images/Icon/iconContactEmail.png);
        }
        .pageContactContent .left li:nth-child(3) {
            background-image: url(../Images/Icon/iconContactWeChat.png);
        }
        .pageContactContent .left li:nth-child(4) {
            background-image: url(../Images/Icon/iconContactWork.png);
        }
    .pageContactContent .right {
        width: 46%;
        float: left;
        margin: 10px 2%;
    }
        .pageContactContent .right li {
            padding-left: 40px;
            background-repeat: no-repeat;
            background-position: 0 5px;
        }
        .pageContactContent .right li:nth-child(1) {
            background-image: url(../Images/Icon/iconContactUser.png);
        }
        .pageContactContent .right li:nth-child(2) {
            background-image: url(../Images/Icon/iconContactJoin.png);
        }


@media(max-width:720px){
    .joinBannerAnchor {
        bottom: 80px;
    }

    .pageJoinWord {
        width:100%;
        margin-right: 0;
    }

    .pageJoinForm {
        width: 92%;
        padding: 30px 4%;
    }

        .pageJoinForm li {
            margin-bottom: 20px;
            font-size: 18px;
        }

    /*联系方式*/
        .pageContactContent .left {
            width: 96%;
            float: left;
            margin: 10px 2%;
        }

            .pageContactContent .left li {
                padding-left: 40px;
                background-repeat: no-repeat;
                background-position: 0 5px;
            }

                .pageContactContent .left li:nth-child(1) {
                    background-image: url(../Images/Icon/iconContactPhone.png);
                }

                .pageContactContent .left li:nth-child(2) {
                    background-image: url(../Images/Icon/iconContactEmail.png);
                }

                .pageContactContent .left li:nth-child(3) {
                    background-image: url(../Images/Icon/iconContactWeChat.png);
                }

                .pageContactContent .left li:nth-child(4) {
                    background-image: url(../Images/Icon/iconContactWork.png);
                }

        .pageContactContent .right {
            width: 96%;
            float: left;
            margin: 10px 2%;
        }

            .pageContactContent .right li {
                padding-left: 40px;
                background-repeat: no-repeat;
                background-position: 0 5px;
            }

                .pageContactContent .right li:nth-child(1) {
                    background-image: url(../Images/Icon/iconContactUser.png);
                }

                .pageContactContent .right li:nth-child(2) {
                    background-image: url(../Images/Icon/iconContactJoin.png);
                }









}