.joining-commitment{
    background-color: #fafafa;
    /*padding-bottom: 60px;*/

}
.joining-commitment-main ul{
    overflow: hidden;
    margin-top: 2%;
}
.joining-commitment-main ul li{
    width: 17%;
    display: inline-block;
    float: left;
    margin-right: 10.6%;
}
.joining-commitment-main ul li img{
    width: 100%;
    height: 100%;
}
.project span{
    color: #5c2f00;
}
.project-content{
    margin-bottom: 1%;
    margin-right:6%;
}
.project .project-content .project-one{
    font-size: 38px;
    vertical-align: middle;
}
.project .project-content .project-img{
    margin: 0 1%;
    vertical-align: middle;
}
.project .project-content2{
    display: block;
    margin: 0 auto;
    font-size: 30px;
}
/*.joining-commitment-main .card{*/
    /*width: 613px;*/
    /*height: 282px;*/
    /*display: inline-block;*/
    /*position: relative;*/
    /*background-size: 100% 100%;*/
/*}*/
/*.joining-commitment-main .upper-right span{*/
    /*position: absolute;*/
    /*top: 65px;*/
    /*right: -69px;*/
    /*color: #5c2f00;*/
    /*font-size: 36px;*/
/*}*/
/*.joining-commitment-main .bottom-left span{*/
    /*position: absolute;*/
    /*bottom: 51px;*/
    /*left: -70px;*/
    /*color: #5c2f00;*/
    /*font-size: 36px;*/
/*}*/








.join-li{
    position: relative;
}
.join-li li {
    margin: 0 16px 138px 0;
}
.join-li .tiyan{
    position: absolute;
    font-size: 36px;
    color: #5c2f00;
    margin: 25px 0 66px 0;
}
.join-li .store1{
    top: 398px;
    left: 120px;
    margin-left: -30px;
}
.join-li .store2{
    top: 398px;
    left: 700px;
}
.join-li .store3{
    top: 398px;
    left: 1300px;
}
.join-li .store4{
    top: 930px;
    left: 120px;
}
.join-li .store5{
    top: 930px;
    left: 700px;
}
.join-li .store6{
    top: 930px;
    left: 1300px;
}
@media screen and (max-width: 1600px) and (min-width: 1120px) {
    .joining-commitment-main .upper-right span,.joining-commitment-main .bottom-left span{
        font-size: 24px;
    }
    /*.joining-commitment-main .card{*/
        /*width: 408px;*/
        /*height: 188px;*/
    /*}*/
    /*.joining-commitment-main .upper-right span{*/
        /*top: 40px;*/
        /*right: -46px;*/
    /*}*/
    /*.joining-commitment-main .bottom-left span{*/
        /*bottom: 33px;*/
        /*left: -49px;*/
    /*}*/
    .project .project-content .project-one{
        font-size: 26px;
    }
    .project .project-content2{
        font-size: 20px;
    }



    .join-li li {
        margin: 0 10px 92px 0;
    }
    .join-li .tiyan{
        font-size: 24px;
        margin: 16px 0 44px 0;
    }
    .join-li .store1{
        top: 265px;
        left: 89px;
        margin-left: -37px;
    }
    /*.join-li .store2{*/
        /*top: 265px;*/
        /*left: 447px;*/
    /*}*/
    /*.join-li .store3{*/
        /*top: 265px;*/
        /*left: 800px;*/
    /*}*/
    /*.join-li .store4{*/
        /*top: 620px;*/
        /*left: 80px;*/
    /*}*/
    /*.join-li .store5{*/
        /*top: 620px;*/
        /*left: 447px;*/
    /*}*/
    /*.join-li .store6{*/
        /*top: 620px;*/
        /*left: 800px;*/
    /*}*/
}
@media screen and (max-width: 1120px) {
    /*.joining-commitment-main .upper-right span,.joining-commitment-main .bottom-left span{*/
        /*font-size: 24px;*/
    /*}*/
    /*.joining-commitment-main .card{*/
        /*height: 188px;*/
    /*}*/
    /*.joining-commitment-main .upper-right span{*/
        /*top: 40px;*/
        /*right: -46px;*/
    /*}*/
    /*.joining-commitment-main .bottom-left span{*/
        /*bottom: 33px;*/
        /*left: -49px;*/
    /*}*/
    .project .project-content .project-one{
        font-size: 26px;
    }
    .project .project-content2{
        font-size: 20px;
    }




    .join-li li {
        margin: 0 10px 92px 0;
    }
    .join-li .tiyan{
        font-size: 24px;
        margin: 16px 0 44px 0;
    }
    .join-li .store1{
        top: 265px;
        left: 89px;
    }
    .join-li .store2{
        top: 265px;
        left: 447px;
    }
    .join-li .store3{
        top: 265px;
        left: 800px;
    }
    .join-li .store4{
        top: 620px;
        left: 80px;
    }
    .join-li .store5{
        top: 620px;
        left: 447px;
    }
    .join-li .store6{
        top: 620px;
        left: 800px;
    }
}























.market-analysis-main{
    position: relative;
    text-align: left;
}
.all-conclude{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32%;
    margin-left: -16%;
    margin-top: -16%;
}
.all-conclude img{
    width: 100%;
    height: 100%;
}
.market-analysis-main ul{
    overflow: hidden;
}
.market-analysis-main ul li{
    width: 30.5%;
    float: left;
    display: inline-block;
    margin-right: 4.2%;
}
.market-analysis-main ul li img{
    width: 100%;
    height: 100%;
}
/*.market-analysis .surroundings{*/
    /*width:31%;*/
    /*height: 269px;*/
    /*!*border: 1px solid;*!*/
/*}*/
/*.surroundings span div{*/
    /*font-size: 100px;*/
    /*color: #ff7300;*/
    /*display: inline-block;*/
/*}*/
/*.surroundings span{*/
    /*font-size: 36px;*/
    /*color: #5c2f00;*/
    /*width: 252px;*/
    /*height: 80px;*/
    /*margin-top: -13px;*/
/*}*/
/*.surroundings p{*/
    /*font-size: 30px;*/
    /*color: #666666;*/
    /*margin-top: 40px;*/
/*}*/
@media screen and (max-width: 1600px) and (min-width: 1120px) {
    /*.market-analysis .surroundings{*/
        /*height: 179px;*/
    /*}*/
    /*.surroundings span div{*/
        /*font-size: 67px;*/
    /*}*/
    /*.surroundings span {*/
        /*font-size: 24px;*/
    /*}*/
    /*.surroundings p{*/
        /*font-size: 20px;*/
        /*margin-top: 26px;*/
    /*}*/
}
@media screen and (max-width: 1120px) {
    /*.market-analysis .surroundings{*/
        /*height: 179px;*/
    /*}*/
    /*.surroundings span div{*/
        /*font-size: 67px;*/
    /*}*/
    /*.surroundings span {*/
        /*font-size: 24px;*/
    /*}*/
    /*.surroundings p{*/
        /*font-size: 20px;*/
        /*margin-top: 26px;*/
    /*}*/
}




.affiliate-policy-main{
    padding: 0 80px;
    overflow: hidden;
    text-align: left;
}
.xuzhi,.area,.liucheng{
    height: 208px;
    overflow: hidden;
    margin-bottom: 4%;

}
.xuzhi-text,.area-text{
    font-size: 36px;
    color: #666666;
    float: right;
    text-align: left;
}
.area-text{
    float: left;
}
.xuzhi-img{
    margin: 5% 0 0 34%;
}
.area-img{
    margin: 5% 45% 0 0;
}
.xuzhi-img,.area-img{
    width: 49px;
    height: 53px;
}
.xuzhi-img img,.area-img img{
    width: 100%;
    height: 100%;
}
.liucheng-text{
    width: 69%;
    float: right;
}
.liucheng ul li{
    width: 9%;
    float: left;
    margin-right: 13.67%;
}
.liucheng ul li img{
    width: auto;
    height: auto;
}
/*.affiliate-policy-main .process-img{*/
    /*width: 26%;*/
    /*height: 252px;*/
    /*!*border: 1px solid;*!*/
/*}*/
/*.affiliate-policy-main .process-img img{*/
    /*width: 100%;*/
/*}*/
/*.process-content{*/
    /*width: 66%;*/
    /*!*border: 1px solid;*!*/
/*}*/
/*.process-top .pro-top{*/
    /*font-size: 36px;*/
    /*color: #666666;*/
/*}*/
/*.process-top .pro-top p{*/
    /*text-indent: 2em;*/
    /*line-height: 70px;*/
/*}*/
/*.process-bottom{*/
    /*margin-top: 80px;*/

/*}*/
/*.process-bottom .pro-bottom span{*/
    /*font-size: 36px;*/
    /*color: #444444;*/
    /*display: inline;*/
    /*vertical-align: middle;*/
/*}*/
/*.process-bottom .pro-bottom .p-content{*/
    /*font-size: 30px;*/
    /*color: #666666;*/
    /*line-height: 60px;*/
    /*vertical-align: middle;*/
/*}*/











@media screen and (max-width: 1600px) and (min-width: 1120px) {
    .xuzhi,.area,.liucheng{
        height: 131px;
    }
    .xuzhi-text,.area-text{
        font-size: 24px;
    }
    .affiliate-policy-main{
        padding: 0 53px;
    }
    .xuzhi-img,.area-img{
        width: 32px;
        height: 35px;
    }
    .xuzhi-img{
        margin: 5% 0 0 39%;
    }
    .liucheng ul li img{
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 1120px) {
    .xuzhi,.area,.liucheng{
        height: 131px;
    }
    .xuzhi-text,.area-text{
        font-size: 24px;
    }
    .affiliate-policy-main{
        padding: 0 53px;
    }
    .xuzhi-img,.area-img{
        width: 32px;
        height: 35px;
    }
    .xuzhi-img{
        margin: 5% 0 0 39%;
    }
    .liucheng ul li img{
        width: 100%;
        height: auto;
    }
}






















.notice .Public-panel span{
    font-size: 40px;
    color: #ff7300;
}
.notice .Public-panel a{
    color: #999999;
    font-size: 30px;
}
.notice-main{
    margin-bottom: 50px;
    width: 100%;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.notice-main ul{
    padding:0 190px;
}
.notice-main ul li{
    padding: 65px 0;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid;
}
.notice-main ul li a{
    color: #444444;
    font-size: 40px;
}
.notice-main ul li span{
    color: #999999;
    font-size: 30px;
}
@media screen and (max-width: 1600px) and (min-width: 1120px) {
    .notice .Public-panel span,.notice-main ul li a{
        font-size: 26px;
    }
    .notice-main ul li{
        padding: 43px 0;
    }
    .notice-main ul{
        padding:0 127px;
    }
    .notice .Public-panel a,.notice-main ul li span{
        font-size: 20px;
    }
    .notice-main ul li span{

    }
    .cycy{
        width: 100%;
    }

}
@media screen and (max-width: 1120px) {
    .notice .Public-panel span,.notice-main ul li a{
        font-size: 26px;
    }
    .notice-main ul li{
        padding: 43px 0;
    }
    .notice-main ul{
        padding:0 127px;
    }
    .notice .Public-panel a,.notice-main ul li span{
        font-size: 20px;
    }
    .notice-main ul li span{

    }
    .cycy{
        width: 1364px;
    }
}












.contact-information .Public-panel{
    height: 550px;
    background: url(../Images/Coopreation/contact.png) no-repeat;
    background-size: 100% 100%;
}
.method-contact{
    width: 100%;
    position: relative;
}
.method-contact form{
    width: 1029px;
    height: 320px;
    position: absolute;
    top: 145px;
    right: 210px;
}
.method-contact form span:first-child{
    width: 59px;
    height: 67px;
    display: inline-block;
}
.method-contact form span:nth-last-child(3){
    width: 41px;
    height: 63px;
    display: inline-block;
    margin-top: 1.2rem;
    margin-left: 70px;
}
.method-contact form span img{
    vertical-align: middle;
    width: 100%;
    height: 100%;
    margin-top: -32px;
}
.method-contact form input[type=text]{
    width: 280px;
    height: 60px;
    border: none;
    padding-left: 20px;
    padding-top: 20px;
    color: #999999;
    font-size: 30px;
    border-radius: 40px;
    outline: none;
}
.method-contact form .number{
    width: 499px!important;
}
.method-contact form input[type=submit]{
    width: 283px;
    height: 79px;
    line-height: 79px;
    border: none;
    color: #ff8e4d;
    font-size: 30px;
    float: right;
    margin-top: 100px;
    background: url(../Images/Coopreation/bg-button.png) no-repeat;
    background-size: 100% 100%;
    outline: none;
    box-shadow: 1px 1px 9px 5px #fab56f;
    border-radius: 39px;
}


@media screen and (max-width: 1600px) and (min-width: 1120px) {
    .contact-information .Public-panel{
        height: 366px;
    }
    .method-contact form{
        width: 686px;
        height: 213px;
        top: 71px;
        right: 100px;
    }
    .method-contact form span:first-child{
        width: 39px;
        height: 44px;
    }
    .method-contact form span:nth-last-child(3){
        width: 27px;
        height: 42px;
        margin-left: 47px;
    }
    .method-contact form input[type=text]{
        width: 186px;
        height: 40px;
        font-size: 20px;
        padding-left: 13px;
        padding-top: 13px;
    }
    .method-contact form .number{
        width: 320px!important;
    }
    .method-contact form input[type=submit]{
        width: 188px;
        height: 52px;
        line-height: 53px;
        font-size: 20px;
        margin-top: 66px;
    }

}
@media screen and (max-width: 1120px) {
    .contact-information .Public-panel{
        height: 366px;
    }
    .method-contact form{
        width: 686px;
        height: 213px;
        top: 71px;
        right: 100px;
    }
    .method-contact form span:first-child{
        width: 39px;
        height: 44px;
    }
    .method-contact form span:nth-last-child(3){
        width: 27px;
        height: 42px;
        margin-left: 47px;
    }
    .method-contact form input[type=text]{
        width: 186px;
        height: 40px;
        font-size: 20px;
        padding-left: 13px;
        padding-top: 13px;
    }
    .method-contact form .number{
        width: 320px!important;
    }
    .method-contact form input[type=submit]{
        width: 188px;
        height: 52px;
        line-height: 53px;
        font-size: 20px;
        margin-top: 66px;
    }
}






