@charset "UTF-8";
.c-nav {
    position: absolute !important
}


.c-hero-section-des a {
    color: #fff;
    text-decoration: underline
}

.mod-wrap.mod-banner {
    /*height: 500px;*/
    background: url(img/cps/banner.jpg) center center no-repeat #848995;
    overflow: hidden;
    padding: 0 20px;
    -webkit-font-smoothing: antialiased;
    background-size: cover
}

@media screen and (min-width: 769px){
    .c-hero-section .c-hero-section-inner{
        padding: 70px 10px 60px 0;
    }
    .c-hero-section {
        height:auto;
        box-sizing: border-box;
        min-width: 1000px;
        background: url(../images/cps-banner.png) no-repeat ;
        background-size:100% ;
        -webkit-font-smoothing: antialiased
    }

}
.c-hero-section .c-hero-section-ct{
    text-align: right;width: 100%;
}
.mod-banner .mod-inner {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    padding: 150px 0 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.banner-icon {
    display: none;
    background-image: url(img/cps/banner-logo.png)
}

.banner-img {
    display: none
}

.banner-content {
    margin: 0;
    height: auto;
    width: 47%
}

.banner-title {
    font-size: 46px;
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0
}

.banner-text {
    font-size: 16px;
    color: #fff;
    line-height: 1.7;
    margin: 10px 0 40px
}

.banner-text a {
    color: #fff;
    text-decoration: underline
}

.banner-btn {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    min-width: 140px;
    padding: 0 20px;
    margin-top: 0;
    width: auto;
    border-radius: 2px;
    background-color: #00a4ff;
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    outline: 0;
    box-sizing: border-box;
    border: none
}

.banner-btn:hover {
    text-decoration: none;
    background-color: #0092ee;
    color: #fff
}

.event-process .event-p-item .event-text {
    padding: 0 10px;
    -webkit-transition: font-size .2s ease 0s;
    transition: font-size .2s ease 0s
}

.event-process a.event-p-item .event-text:hover {
    font-size: 20px
}

.event-process-link {
    margin-top: 26px;
    padding: 0 10px;
    text-align: right
}

.event-process-link a {
    font-size: 16px;
    line-height: 1.5;
    color: #2277da
}

.event-process-link a:hover {
    text-decoration: underline
}

.product-attr-content .vertical-list .list-dl {
    width: 30%
}

.cps-event-rule {
    background-image: url(../images/cps-bg.jpg);
    background-size: cover;
    color: #fff
}

.cps-event-rule .mod-title .title {
    color: #fff
}

.cps-event-rule-text {
    font-size: 14px;
    line-height: 24px
}

.cps-event-rule .mod-content {
    margin-top: 0
}

.cps-event-rule-text p {
    margin-top: 10px
}

.cps-event-rule-text p a {
    color: #fff;
    text-decoration: underline
}

.event-toolbar .qc-btn {
    width: 218px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    margin-top: 35px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    padding: 0 20px;
    overflow: visible;
    cursor: pointer;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 2px
}

.event-toolbar .qc-btn:hover {
    background-color: #2277da;
    border-color: #2277da;
    outline: 0
}

@media screen and (max-width: 768px) {
    .c-hero-section {
        min-width: 320px
    }
}

@media screen and (max-width: 600px) {
    .c-hero-section {
        /*background-image: url(img/cps/banner-mobile.jpg) */
    }

    .c-hero-section-des {
        text-align: center
    }
}

@media screen and (max-width: 360px) {
    .c-hero-section .c-hero-section-tit {
        font-size: 26px
    }
}

@media screen and (max-height: 768px) {
    .mod-wrap.mod-banner {
        height: 320px
    }

    .mod-banner .mod-inner {
        padding: 105px 0 0 10px
    }

    .banner-title {
        font-size: 32px
    }

    .banner-btn {
        height: 35px;
        line-height: 35px;
        font-size: 14px
    }

    .banner-text {
        font-size: 14px;
        margin: 10px 0 15px
    }
}

@media screen and (max-width: 1366px) {
    .mod-wrap.mod-banner {
        height: 320px
    }

    .mod-banner .mod-inner {
        padding: 105px 0 0 10px
    }

    .banner-title {
        font-size: 32px
    }

    .banner-btn {
        height: 35px;
        line-height: 35px;
        font-size: 14px
    }

    .banner-text {
        font-size: 14px;
        margin: 10px 0 15px
    }
}

@media screen and (max-width: 768px) {
    .banner-content {
        width: 70%
    }

    .mod-banner .mod-inner {
        padding: 95px 0 0 10px
    }
}

@media screen and (max-width: 600px) {
    .mod-wrap.mod-banner {
        background-image: url(img/cps/banner-mobile.jpg)
    }

    .banner-content {
        width: 100%;
        padding-left: 0
    }

    .mod-banner .mod-inner {
        width: 100%;
        padding: 105px 0 0
    }

    .banner-title {
        margin-top: 0;
        text-align: center;
        font-size: 30px
    }

    .banner-text {
        width: auto;
        text-align: center
    }

    .banner-btn {
        width: 100%;
        height: 45px;
        line-height: 45px;
        font-size: 14px
    }
}

@media screen and (max-width: 560px) {
    .banner-text {
        display: block
    }
}

@media screen and (max-width: 768px) {
    .event-process-link {
        margin-top: 0
    }

    .event-process-link a {
        font-size: 14px;
        line-height: 2
    }
}

@media screen and (max-width: 414px) {
    .event-process-link {
        margin-top: 15px
    }
}

@media screen and (max-width: 768px) {
    .event-toolbar {
        text-align: center
    }

    .event-toolbar .qc-btn {
        width: auto;
        padding: 0 40px;
        height: 33px;
        line-height: 33px;
        font-size: 14px;
        margin-top: 0
    }
}

#MAXIM {
    content: "weu2017919093256"
}