.page-banner {
    text-align: center;
    width: 100%;
    height: 848px;
    background-image: url("../images/participate/participate_banner.png");
}

.block-title {
    width: 100%;
    text-align: center;
    margin-top: 176px;
    font-family: OPPOSans-R, OPPOSans;
    font-weight: normal;
    color: #333333;
    line-height: 43px;
} 

.block-title-one {
    font-size: 24px;
}

.block-title-two {
    font-size: 36px;
}

.block-title-line {
    margin-top: -25;
    margin-bottom: 30;
}

.banner-title {
    display: inline-block;
    width: 1199px;    
    height: 50px;
    text-align: left;
    font-size: 38px;
    font-family: OPPOSans-M, OPPOSans;
    font-weight: normal;
    color: #333333;
    line-height: 50px;  
    margin-top: 100px;
}

.banner-content {
    display: inline-block;
    width: 1199px;
    height: 181px;
    text-align: left;
    font-size: 22px;
    font-family: OPPOSans-R, OPPOSans;
    font-weight: normal;
    color: #333333;
    line-height: 29px;
    margin-top: 56px;
}

.type-banner-one {
    position: relative;
    margin-top: 155px;
    margin-left: 360px;
    height: 130px;
    float: left;
    width: calc(50% - 240px);
    cursor: pointer;
}

.type-banner-one .left-bar-line {
    position: absolute;
    left:0px;
    top: 31px;
    width: 6px;
    height: 72px;
}

.type-banner-one .left-bar-title {
    position: absolute;
    left:31px;
    top: 26px;
    height: 32px;
    font-size: 27px;
    font-family: OPPOSans-M, OPPOSans;
    font-weight: normal;
    line-height: 36px;
}

.type-banner-one .left-bar-content {
    position: absolute;
    left:31px;
    top: 62px;
    height: 47px;
    font-size: 38px;
    font-family: OPPOSans-M, OPPOSans;
    font-weight: normal;
    line-height: 50px;
}

.type-banner-two {
    position: relative;
    margin-top: 155px;
    height: 130px;
    width: calc(50% - 290px);
    float: left;
    cursor: pointer;
}

.type-banner-two .left-bar-line {
    position: absolute;
    left:0px;
    top: 31px;
    width: 6px;
    height: 72px;
}

.type-banner-two .left-bar-title {
    position: absolute;
    left:31px;
    top: 26px;
    height: 32px;
    font-size: 27px;
    font-family: OPPOSans-M, OPPOSans;
    font-weight: normal;
    line-height: 36px;
}

.type-banner-two .left-bar-content {
    position: absolute;
    left:31px;
    top: 62px;
    height: 47px;
    font-size: 38px;
    font-family: OPPOSans-M, OPPOSans;
    font-weight: normal;
    line-height: 50px;
}

.left-bar-content span {    
    font-size: 28px;
    font-family: OPPOSans-M, OPPOSans;
    font-weight: normal;
    line-height: 37px;
    padding-left: 20px;
}

.type-banner-active {
    color: #333333;
}

.type-banner-active .left-bar-line {
    background: #66D6C6;
}

.type-banner-deactive {
    color: #999999;
}

.type-banner-deactive .left-bar-line {
    background: silver;
}

.block-image {
    position: relative;
    width: calc(100% - 682px);
    margin-left: 360px;
    height: 1192px;
}

.block-image img {
    position: absolute;
    transition: all 0.7s;
    -moz-transition: all 0.7s;	/* Firefox 4 */
    -webkit-transition: all 0.7s;	/* Safari 和 Chrome */
    -o-transition: all 0.7s;	/* Opera */
}

.block-image .img-active {
    left: 0;
    top:0;
    z-index: 50;
}

.block-image .img-deactive {
    left: 38;
    top:38;
    z-index: 40;
}

.block-contact {
    position: relative;
    width: calc(100% - 720px);
    margin-left: 360px;
    height: 40px;
    margin-top: 135px;
    margin-bottom: 50px;
}

.block-contact .phone {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 50px;
    font-family: OPPOSans-M, OPPOSans;
    font-weight: normal;
    color: #333333;
    line-height: 40px;
}

.block-contact img {
    position: absolute;
    right: 300;
    bottom: -7;
    vertical-align: bottom;
}

.block-contact .slogan1 {
    position: absolute;
    right: 170;
    bottom: -7;
    font-size: 36px;
    font-family: OPPOSans-M, OPPOSans;
    font-weight: normal;
    color: #333333;
    line-height: 40px;
    vertical-align: bottom;
}

.block-contact .slogan2 {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 50px;
    font-family: OPPOSans-M, OPPOSans;
    font-weight: normal;
    color: #333333;
    line-height: 40px;
}

.block-partners {
    position: relative;
    width: calc(100% - 720px);
    margin-left: 360px;
    text-align: left;
    font-size: 24px;
    margin-bottom: 50px;
}