body{

    background: #d8effe;

}



.top-img-div{

    margin-top: 136px;

}



.top-img{

    width: 100%;

}



.join-main{

    width: 1200px;

    margin: auto;

}



.join-div1{

    margin-top: 50px;

}



.join-div1-p1{



    font-size: 62px;

    font-weight: bolder;

    text-align: center;

    color: #1c73dd;

    /*text-shadow:-3px 0 white,0 3px white,3px 0 white,0 -3px white;*/
    text-shadow: -5px -2px #FFF, -3px 6px white, 2px -4px white, 3px 5px white;
}



.join1-body{

    background: #fff;

    padding: 30px;

    margin-top: 30px;

    background-image: url("/Public/joinin/join-div1-bg.png");

}



.join1-body-p1{

    text-align: center;

    color: #1c73dd;

    font-size: 50px;

    /*text-shadow: 1px 2px #6FA5DB;*/
    text-shadow: 3px 3px #83b4f0, 3px 3px #83b4f0;

    margin-top: 20px;

}



.join1-body-span1{

    color: #ff9f19;

    /*text-shadow: 1px 2px #ffd6a2;*/

    text-shadow: 3px 3px #f6c37c, 3px 3px #f6c37c;
}



.join1-body-div1{

    font-size: 18px;

    line-height: 36px;

    text-indent: 2em;

    padding: 30px 60px;

}



.join1-body-img1{

    margin: 50px auto 20px;

}



.join1-body-div2{

    width: 95%;

    margin:40px auto;

}

.join1-body-div2>div{

    float: left;

    width: 23.5%;

    height: 430px;

}

.join1-body-div2 div:not(:last-child){

    margin-right: 2%;

}



.clear-both{

    clear: both;

}



.join1-body2-div1{

    background-image: url("/Public/joinin/join1-body2-div1.png");

    position: relative;

}

.join1-body2-div2{

    background-image: url("/Public/joinin/join1-body2-div2.png");

    position: relative;

}

.join1-body2-div3{

    background-image: url("/Public/joinin/join1-body2-div3.png");

    position: relative;

}

.join1-body2-div4{

    background-image: url("/Public/joinin/join1-body2-div4.png");

    position: relative;

}



.join1-body2-div1-p1{

    position: absolute;

    left: 60px;

    top: 30px;

    text-align: center;

    color: #1c73dd;

    font-size: 32px;

    font-weight: bolder;

}



.join1-body2-div1-p2{

    position: absolute;

    left: 30px;

    top: 126px;

    font-size: 17px;

    width: 80%;

    margin: auto;

}





.join1-body2-div2-p1{

    position: absolute;

    left: 60px;

    top: 30px;

    text-align: center;

    color: #ffba00;

    font-size: 32px;

    font-weight: bolder;

}



.join1-body2-div2-p2{

    position: absolute;

    left: 30px;

    top: 125px;

    font-size: 17px;

    width: 80%;

    margin: auto;

}





.join1-body2-div3-p1{

    position: absolute;

    left: 60px;

    top: 30px;

    text-align: center;

    color: #fb7900;

    font-size: 32px;

    font-weight: bolder;

}



.join1-body2-div3-p2{

    position: absolute;

    left: 30px;

    top: 126px;

    font-size: 17px;

    width: 86%;

    margin: auto;

}



.join1-body2-div4-p1{

    position: absolute;

    left: 32px;

    top: 30px;

    text-align: center;

    color: #fe4a5d;

    font-size: 32px;

    font-weight: bolder;

}



.join1-body2-div4-p2{

    position: absolute;

    left: 30px;

    top: 126px;

    font-size: 17px;

    width: 80%;

    margin: auto;

}



.join1-footer{

    width: 100%;

    margin: 20px auto;

}





.join2-body{

    background: #fff;

    padding: 30px;

    margin-top: 30px;

    background-image: url("/Public/joinin/join-div2-bg.png");

    padding-bottom: 40px;

}

.join2-body-img1{

    width: 95%;

    margin: 20px 2.5%;

}



.join2-body-div1{

    width: 95%;

    margin: auto;

    margin-top: 50px;

    background-image: url("/Public/joinin/join2-div-img3.png");

    height: 400px;

    position: relative;

    background-repeat: no-repeat;/*还有repeat-x,y等*/

    background-size: 100%;

}



.join2-body-div1-p1{

    position: absolute;

    left: 100px;

    top: 50px;

    background: #ff9f19;

    padding: 10px 20px;

    border-radius: 50px;

    font-size: 36px;

    color:#fff;

    font-weight: bolder;

}



.join2-body-div1-p2{

    position: absolute;

    left: 60px;

    top: 150px;

    font-size: 22px;

    color: #fff;
    width: 50%;

}

.join2-body-div1 span{

    color: #ff9f19;

    font-size: 26px;

    font-weight: bolder;

}



.join2-body-div1-p3{

    position: absolute;

    left: 60px;

    top: 210px;

    font-size: 22px;

    color: #fff;
    width: 50%;

}



.join2-body-div1-p4{

    position: absolute;

    left: 60px;

    top: 295px;

    font-size: 22px;

    color: #fff;
    width: 50%;

}



.join2-body-p2{

    margin-top: 50px;

    font-size: 36px;

    color:#1c73dd;

    text-align: center;

}



.join2-body-div2{

    margin: 30px 30px;

}



.join2-body-div2-left{

    float: left;

    width: 400px;

    background: #ddedfa;

}



.join2-body-div2-right{

    float: right;

    width: 650px;

    background: #ddedfa;

}



.join2-body-div2-span1{

    font-size: 210px;

    color: #1c73dd;

    float: left;

    font-weight: bolder;

    line-height: 205px;

}



.join2-body-div2-span2{

    margin-right: 10px;

}



.join2-body-div2-p1{

    margin: 40px 30px;

    line-height: 25px;

    font-size: 18px;

}



.join2-body-div3{

    background: #ddedfa;

    width: 95%;

    margin: auto;

}



.join2-body-div3-img{

    width: 1040px;

    margin: 30px 20px 50px 20px;

}



.more-btn{

    display: block;

    width: 312px;

    margin: -20px auto;

    border: 2px solid #ff9f19;

    border-radius: 50px;

    overflow: hidden;

    font-size: 24px;

}



.more-btn-span1{

    background: #ff9f19;

    line-height: 36px;

    color: #fff;

    float: left;

    padding: 3px 15px;

}



.more-btn-span2{

    background: #fff;

    line-height: 36px;

    color: #ff9f19;

    float: left;

    padding: 3px 19px;

}







.join-div3{

    margin-top: 30px;

}



.join3-body{

    margin-top: 30px;

    background: #fff;

    padding: 30px;

    padding-bottom: 50px;

}



.join3-body-div1{

    background: #ddedfa;

    padding-bottom: 40px;

    width: 95%;

    margin: auto;

    margin-top: 50px;

}



.join3-body-p1 {

    width: 400px;

    text-align: center;

    margin: auto;

    background: #ff9f19;

    border-radius: 50px;

    color: #fff;

    font-size: 26px;

    line-height: 50px;

    position: relative;

    top: -20px;

}



.join3-body-div1-list{

    padding: 10px 50px;

}

.join3-body-div1-list>div{

    width: 300px;

    float: left;

}



.join3-body-div1-list>div:not(:nth-child(3n+0)) {

    margin-right: 41px;

}



.join3-body-one-top{

    position: relative;

    margin: 20px auto;

}



.join3-body-one-img{

    width: 300px;
    height: 280px;

}

.join3-body-one-top-span{

    position: absolute;

    left: -15px;

    background: #1c73dd;

    padding: 10px;

    border-radius: 50px;

    color: #fff;

    font-weight: bolder;

    font-size: 24px;

}

.join3-body-one-top-span1{
        top: 5px;
}

.join3-body-one-top-span2{
        top: 35px;
}
.join3-body-one-top-span3{
        top: 23px;
}
.join3-body-one-top-span4{
        top: 53px;
}
.join3-body-one-top-span5{
        top: 23px;
}
.join3-body-one-top-span6{
        top: 23px;
}



.join3-body-one-bottom{

    line-height: 24px;

    font-size: 18px;

}





.join3-body-div2-list{

    padding: 0 30px;

}

.join3-body-div2-one{

    float: left;

    position: relative;

}



.join3-body-div2-one:not(:nth-child(4n+0)) {

    margin-right: 32px;

}



.join3-body-div2-p1{

    position: absolute;

    top:100px;

    left: 40px;

    color: #fff;

    font-size: 20px;

    text-align: center;

}



.join3-body-p2 {

    width: 300px;

    text-align: center;

    margin: auto;

    background: #ff9f19;

    border-radius: 50px;

    color: #fff;

    font-size: 26px;

    line-height: 50px;

    position: relative;

    top: -20px;

}



.join3-body-div2-p2{

    position: absolute;

    top:200px;

    left: 15px;

    color: #000;

    font-size: 18px;

    margin: 0 10px;

}



.more-btn2{

    display: block;

    width: 409px;

    margin: -20px auto;

    border: 2px solid #ff9f19;

    border-radius: 50px;

    overflow: hidden;

    font-size: 24px;

}





.join-div4{

    margin-top: 50px;

}



.join4-body{

    margin-top: 30px;

    background: #fff;

    padding: 30px;

    padding-bottom: 35px;

}



.join-div4-img1{

    margin-top: 30px;

}



.join4-body-div1{

    background: #1c73dd;

    width: 98%;

    margin: auto;

    padding: 30px;

}



.join4-body-p1{

    font-size: 46px;

    color: #fff;

    text-align: center;

}



.more-btn3{

    display: block;

    width: 440px;

    margin: auto;

    border: 2px solid #ff9f19;

    border-radius: 50px;

    overflow: hidden;

    font-size: 24px;

    margin-top: 30px;

}



.join4-body-list>div{

    width: 32%;

    float: left;

}



.join4-body-one:not(:nth-child(3n+0)){

    margin-right: 20px;

}



.join4-body-one{

    margin: 25px auto;

}

.join4-body-one-p1{

    font-size: 190px;

    color: #7da5e8;

    float: left;

    line-height: 155px;

}



.join4-body-one-p2{

    font-size: 30px;

    color:#ff9f19;

    line-height: 36px;

}



.join4-body-one-p3{

    font-size: 18px;

    color: #fff;

    line-height: 26px;

    margin-top: 10px;

}



.join-div5{

    margin-top: 30px;

}



.join5-body{

    margin-top: 30px;

    background: #fff;

    padding: 40px  50px;



}



.join5-body-p1{

    text-indent: 2em;

    font-size: 18px;

    line-height: 30px;

}



.join5-div1{

    background: #d8effe;

    margin-top: 20px;

}



.join-div5-img1{

    width: 90%;

    margin: 40px 5%;

}



.more-btn5 {

    display: block;

    width: 433px;

    margin: -20px auto;

    border: 2px solid #ff9f19;

    border-radius: 50px;

    overflow: hidden;

    font-size: 24px;

}







.join-div6{

    margin-top: 30px;

}



.join-div6-img1{

    margin-top: 30px;

}



.join6-body{

    padding: 30px 60px;

    background: #fff;

}



.join6-body-one{

    width: 31%;

    float: left;

    padding: 20px;

    border: 2px solid #1c73dd;

    border-radius: 5px;

    background: #ddedfa;

    margin:20px auto;

}



.join6-body-one:not(:nth-child(3n+0)){

    margin-right: 35px;

}



.join6-body-one-p1{

    font-size: 24px;

}

.join6-body-one-p1{

    text-align: center;

    background: #1c73dd;

    color: #fff;

    border-radius: 20px;

    padding: 5px 10px;

    width: 220px;

    margin: auto;

}



.join6-body-one-p2{

    margin: 15px 0px;

    font-size: 18px;

    line-height: 26px;

}





.join-div7{

    margin-top: 30px;

}



.join7-body{

    margin-top: 30px;

    background: #fff;

}



.join7-body-list{

    margin: 40px;

    padding: 30px;

}



.join7-body-one{

    margin: 40px auto;

    border-radius: 5px;

    padding:  30px 20px;

    position: relative;

}



.join7-body-one-1{

    background: #ddedfa;

}



.join7-body-one-2{

    background: #ffefe0;

}



.join7-body-one-3{

    background: #fdd8de;

}



.join7-body-one p{

    width: 700px;

}



.join7-body-p{

    font-size: 18px;

    line-height: 30px;

}



.join7-body-p1{

    color: #1c73dd;

    font-size: 24px;

    line-height: 40px;

}



.join7-body-p2{

    color: #fb7900;

    font-size: 24px;

    line-height: 40px;

}



.join7-body-p3{

    color: #fe4a5d;

    font-size: 24px;

    line-height: 40px;

}



.join7-body-one-img{

    position: absolute;

    right: 20px;

    top:35px;

    border: 3px solid #fff;

    border-radius: 5px;

}



.join-div7-img4{

    width:100%;

}



.more-btn7{

    display: block;

    width: 433px;

    margin: -20px auto;

    border: 2px solid #ff9f19;

    border-radius: 50px;

    overflow: overlay;

    font-size: 24px;

}



.join-div8{

    margin-top: 50px;

}



.join8-body{

    margin-top: 30px;

    background: #fff;

    padding: 50px;

}



.join8-body-img{

    width: 100%;

}





.join-div9{

    margin: 50px auto 150px;

}



.join9-body{

    margin-top: 30px;

    background: #fff;

    padding: 50px;

}



.join9-list{

    background: #d8effe;

    padding: 30px;

}



.join9-list p{

    text-align: center;

}



.join9-list-p1{

    font-size: 50px;

    color: #333;

    line-height: 80px;

}





.join9-list-p2{

    font-size: 30px;

    color: #1c73dd;

}



.join9-form-list{

    margin: 50px 20px;

}

.join9-form-list>div{

    float: left;

    width: 50%;

    height: 500px;

}

.join9-list-div1{

    background: #1c73dd;

    color: #fff;

    padding: 30px;

 }



.join9-list-div2{

    background: #fff;

}



.join9-list-div1-p1{

    font-size: 42px;
        font-weight: bold;

}



.join9-list-div1-p2{

    font-size: 34px;

}





.join9-form{

    margin:100px  50px;

}

.join9-form input,.join9-form textarea{

    border: 1px solid #ccc;

    padding: 10px;

    width: 80%;

    border-radius: 5px;

}



.join9-form textarea{

    vertical-align: top;

}



label {

    display: block;

    margin: 20px 0;

    font-size: 18px;

    font-weight: normal;

}



label span{

    font-weight: bolder;

}



::-webkit-input-placeholder { /* WebKit browsers */

    color: #ccc;

    font-size: 16px;

}



::-moz-placeholder { /* Mozilla Firefox 19+ */

    color: #ccc;

    font-size: 16px;

}



:-ms-input-placeholder { /* Internet Explorer 10+ */

    color: #ccc;

    font-size: 16px;

}



.submit_btn{

    display: block;

    background: #1c73dd;

    width: 150px !important;

    /*margin: auto !important;*/

    border-radius: 10px !important;

    color: #fff;

    margin-left:3em;

}