.box1220{
    max-width: 1220px;
    margin:0 auto;
    padding:0 10px;
}
.c_fff{
    color:#fff;
}
.bg_1{
    background:#a74f44 url(./images/banner01.jpg)  no-repeat center center;
    background-size:  cover;
}
.bg_2{
    background: #efedec url(./images/about_bg.png) no-repeat top center;
    background-size:cover;
}
.coat{
    background:#a74f44 url(./images/banner01.jpg)  no-repeat center center;
    background-size:  cover;
}
.coat1{
    background: #efedec url(./images/about_bg.png) no-repeat top center;
    background-size:cover;padding-bottom:60px;
}
@media(max-width: 768px){
    .bg_1{
        background: #a74f44 url(./images/banner02.jpg) no-repeat top center;
        background-size: cover;
    }
    .top{
        display: none;
    }
}
.bg_fdefef{
    background: #fdefef;
}
.bg_ff6c7f{
    background: #ff6c7f;
}


.bg_img{
    background:  url(./images/about_bg.png) no-repeat top center;
    background-size:cover;
}
/*top style start*/
.top{
    height:85px;
}
.top .topLeft1{
    width:170px;height:85px;
    background: url("./images/index_03.png") no-repeat left center;
}
.top .topLeft2{
    width:180px;height:65px;
    background: url("./images/top02.png") no-repeat left center;
    margin-top: 10px;
}
.top .topRight .about,.top .topRight .link{
    font-size: 18px;line-height: 85px;
}
.top .topRight .about{
    padding:0  30px;border-right: 1px solid #b0b0b0;
}
.top .topRight .link{
    padding:0  30px;
}
@media(max-width: 768px){
    .top .topRight .about{
        padding:0  15px;
    }
    .top .topRight .link{
        padding:0 15px;
    }
}
/*top style end*/

/*main part style start*/
.main{
    padding:8.33%  5% 0 5%;
}
.main .mainLeft{
    width:42.5%;padding-top:5.83% ;
}
.main .mainLeft .logoImg{
    width:19.61%;
    margin:0 auto;
}
.main .mainLeft .bigWordImg{
    width:87%;
    margin:0 auto;padding-top: 30px;
}
.main .mainLeft .smallWordImg{
    padding-top: 30px;
}
.main .mainLeft .smallWordImg1{
    padding-top: 30px;
}
.main .mainLeft .logoImg img,.main .mainLeft .bigWordImg img,
.main .mainLeft .smallWordImg img,.main .mainLeft .smallWordImg1 img{
    width:100%;
    height:auto;
}
.main .mainLeft .load{
    margin-top: 5%;
}
.main .mainLeft .load li{
    width:45%;
    margin-right: 5%;
}
.main .mainLeft .load li:last-child{
    margin-right: 0;
}
.main .mainLeft .load li a{
    display: block;
}
.main .mainLeft .load li a img {
    width: 100%;
    height: auto;

}
@media(max-width: 768px){
    .main .mainLeft .load li{
        width:90%;
        padding: 0 5%;
    }
    .main .mainLeft .load li:last-child{
        margin: 5% 0;
    }
}

.main .mainRight{
    width:45%;
}
.main .mainRightForm{
    padding:30px 20px;background: #fff;
}
.main .mainRightForm .register_title{
    font-size: 24px;line-height: 42px;background: url(./images/register_01.png) center center no-repeat;background-size: 100% 40%;
    text-align: center;
}
.main .mainRightForm .register_title span{
    background: #fff;padding:0 20px;
}
.main .mainRightForm .registerList li{
    position: relative;padding-top: 20px;
}
.main .mainRightForm .registerList li .input_icon{
    position: absolute;
    width:15.58%;padding:12px 0 12px 12px;
}
.main .mainRightForm .registerList li .text_input{
    padding-left: 15.58% ;width:84.42%;background: #efefef;border:none;height:45px;border-radius: 10px;color:#666;
}
.main .mainRightForm .registerList li .getCode_btn{
    position:absolute;top:25px;right:10px;width:30%;background: #bdbdbd;border:none;height:36px;border-radius: 10px;color:#fff;
}
.main .mainRightForm .registerList li .checkbox_input{
    height:20px;width:20px;margin-right: 15px;
}
.main .mainRightForm .registerList li .btn_input{
    line-height: 60px;
    width:100%;border:none;border-radius: 28px;color:#fff;font-size: 24px;
    background:#ff6386;
    background: -webkit-linear-gradient(left, #ff9161 , #ff6386); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ff9161 , #ff6386); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,  #ff9161 , #ff6386); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff9161 , #ff6386); /* ��׼���﷨ */

}

.main .mainRightImg{
    position:absolute;width:28%;
    bottom:0;right:10%;
}
.main .mainRightImg img{
    width:100%;
    height:auto;
}
@media(max-width: 1200px){
    .main .mainRightImg{
        position:absolute;width:32%;
    }
}
@media(max-width: 1000px){
    .main .mainRightImg{
        position:absolute;width:42%;
    }
}
@media(max-width: 900px){
    .main .mainRightImg{
        position:absolute;width:45%;
    }
    .main .mainRightForm .registerList li .getCode_btn{
        width:33%;
    }
}
@media(max-width: 768px){
    .main .mainLeft .smallWordImg{
        display: none;
    }
    .main .mainLeft{
        width:100%;
    }
    .main .mainRight{
        width:100%;
        margin: 5% 0;
    }
    .main .mainRightImg{
        display: none;
    }
    .main .mainRightForm .registerList li .getCode_btn{
        width:25%;
    }
}
@media(max-width: 468px){
    .main .mainRightForm .registerList li .getCode_btn{
        width:33%;
    }
}
/*main part style end*/


.content{
    padding: 6.67% 4.17% 10% 4.17%;
    font-size: 18px;line-height: 36px;text-indent: 2em;
}

/*footer style strat*/
.footer{
    width:100%;background: #5c5c5c;padding:12px 0;font-size: 12px;color:#fff;position: absolute;bottom:0;left:0;
}

.footer .footer_right li{
    padding:0 10px;
}
@media(max-width: 768px){
    .footer .footer_right{
        display: none;
    }
    .footer .footer_left{
        float:none;
        text-align: center;
    }
}
/*footer style end */