.top-banner {
    width:100%;
    height:auto;
    background:#fff url("../images/83b5e4ee94ebdae81bc9f4990d7a4ff6.jpg") no-repeat 50% 50%/cover
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .top-banner {
        background:#fff url("../images/70b4e5f7e58dec3384641dc10452cc68.jpg") no-repeat 50% 50%/cover
    }
}
.top-banner .top-banner-container {
    width:1100px;
    height:auto;
    margin:0 auto;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:120px 0 125px;
    color:#fff
}
@media (max-width:1100px) {
    .top-banner .top-banner-container {
        width:1000px
    }
}
.top-banner .top-banner-container .top-banner-title {
    line-height:50px;
    font-size:36px
}
.top-banner .top-banner-container .top-banner-subtitle {
    margin-top:5px;
    font-size:14px;
    line-height:30px;
    font-weight:lighter
}
.top-banner .top-banner-container .top-banner-button {
    display:block;
    margin-top:50px;
    width:160px;
    height:40px;
    line-height:40px;
    color:#fff;
    background:#38f;
    text-align:center;
    border-radius:2px;
    cursor:pointer
}
.core-value-wrapper .core-value-title {
    margin:70px 0 50px;
    line-height:40px;
    text-align:center;
    font-size:28px;
    color:#333
}
.core-value-wrapper .core-value-container {
    width:1100px;
    margin:0 auto
}
@media (max-width:1100px) {
    .core-value-wrapper .core-value-container {
        width:1000px
    }
}
.core-value-wrapper .core-value-container .core-value-background {
    float:left;
    width:490px;
    height:450px;
    background:url("../images/f77047e0f682c102c84d24872268530c.png") no-repeat 50% 100%/auto 450px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .core-value-wrapper .core-value-container .core-value-background {
        background:url("../images/e3fc2c5e04ccb28cf922ed313905826b.png") no-repeat 50% 100%/auto 450px
    }
}
.core-value-wrapper .core-value-container .core-value-content {
    float:left
}
.core-value-wrapper .core-value-container .core-value-content .text {
    line-height:50px;
    font-size:20px;
    color:#333;
    letter-spacing:0
}
.core-value-wrapper .core-value-container .core-value-content .icon {
    margin-top:50px;
    padding-left:65px;
    height:50px
}
.core-value-wrapper .core-value-container .core-value-content .icon.icon1 {
    margin-left:-115px;
    background:url("../images/12bb16795f672c40049eb9e6e0b3787c.png") no-repeat 0/50px 50px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .core-value-wrapper .core-value-container .core-value-content .icon.icon1 {
        background:url("../images/2cc4fdb8528552ba9f0504206a31cd81.png") no-repeat 0/50px 50px
    }
}
.core-value-wrapper .core-value-container .core-value-content .icon.icon2 {
    margin-left:-46px;
    background:url("../images/14e228c162453d7309723c33e4425ae2.png") no-repeat 0/50px 50px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .core-value-wrapper .core-value-container .core-value-content .icon.icon2 {
        background:url("../images/ea8c47039919cda0bac50b88b032aa81.png") no-repeat 0/50px 50px
    }
}
.core-value-wrapper .core-value-container .core-value-content .icon.icon3 {
    margin-left:-29px;
    background:url("../images/c99c5ac9e67e7d8ef419e8094ead7d15.png") no-repeat 0/50px 50px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .core-value-wrapper .core-value-container .core-value-content .icon.icon3 {
        background:url("../images/c88736747595fb2aea8228d1c2d027fa.png") no-repeat 0/50px 50px
    }
}
.core-value-wrapper .core-value-container .core-value-content .icon.icon4 {
    margin-left:-52px;
    background:url("../images/316a09ae1995e2809aa6ebd5b9346b71.png") no-repeat 0/50px 50px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .core-value-wrapper .core-value-container .core-value-content .icon.icon4 {
        background:url("../images/677a5df7c25d17dfc2465d3e1eea7124.png") no-repeat 0/50px 50px
    }
}
.core-value-wrapper .core-value-container:after {
    content:"";
    display:block;
    clear:both
}
.resource-wrapper {
    width:100%;
    height:auto;
    background:#5a6680;
    background:#5a6680 url("../images/9f560de81338e6fc6c1ec74e96e89499.png") no-repeat 50% 100%/auto 374px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .resource-wrapper {
        background:#5a6680 url("../images/bc50cf6687de26bb3e19ea89ebd725ee.png") no-repeat 50% 100%/auto 374px
    }
}
.resource-wrapper .resource-title {
    padding-top:70px;
    line-height:40px;
    font-size:28px;
    color:#fff;
    text-align:center
}
.resource-wrapper .resource-subtitle {
    padding:15px 0 20px;
    line-height:24px;
    font-size:14px;
    color:#fff;
    text-align:center;
    font-weight:lighter
}
.resource-wrapper .resource-content {
    padding-bottom:59px;
    width:1100px;
    margin:0 auto
}
@media (max-width:1100px) {
    .resource-wrapper .resource-content {
        width:1000px
    }
}
.resource-wrapper .resource-content .line .item {
    margin-top:30px;
    width:33.3%;
    text-align:center;
    float:left
}
.resource-wrapper .resource-content .line .item.item1 {
    background:url("../images/2994bab49310a932c71f18616afa3ca4.png") no-repeat top/160px 196px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .resource-wrapper .resource-content .line .item.item1 {
        background:url("../images/24dd8384c8b629305798de30b517c7c3.png") no-repeat top/160px 196px
    }
}
.resource-wrapper .resource-content .line .item.item2 {
    background:url("../images/d3f2f08ea50811e67658760b5e1a3a55.png") no-repeat top/160px 196px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .resource-wrapper .resource-content .line .item.item2 {
        background:url("../images/3e11d9c7c64c224108a594f8e72da8b3.png") no-repeat top/160px 196px
    }
}
.resource-wrapper .resource-content .line .item.item3 {
    background:url("../images/dfdb1fc834b548cc8a27d034fbfcb8f2.png") no-repeat top/160px 196px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .resource-wrapper .resource-content .line .item.item3 {
        background:url("../images/fa4c8d7b85863cb1f03fdc8200994112.png") no-repeat top/160px 196px
    }
}
.resource-wrapper .resource-content .line .item.item4 {
    background:url("../images/d5fbe85045b80549215bd445bdead132.png") no-repeat top/160px 196px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .resource-wrapper .resource-content .line .item.item4 {
        background:url("../images/dcf3b4117f919ff6007d06d1c2586584.png") no-repeat top/160px 196px
    }
}
.resource-wrapper .resource-content .line .item.item5 {
    background:url("../images/3783aa57dc8c897f2d1237b512bab8ac.png") no-repeat top/160px 196px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .resource-wrapper .resource-content .line .item.item5 {
        background:url("../images/eed895871bd78e097824766bf1ba6772.png") no-repeat top/160px 196px
    }
}
.resource-wrapper .resource-content .line .item.item6 {
    background:url("../images/e2db13d0a0141d5c2c00bf41db0c094d.png") no-repeat top/160px 196px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .resource-wrapper .resource-content .line .item.item6 {
        background:url("../images/b0e88dad33b9116765be67176566b190.png") no-repeat top/160px 196px
    }
}
.resource-wrapper .resource-content .line .item .title {
    padding-top:217px;
    font-size:16px;
    color:#fff
}
.resource-wrapper .resource-content .line .item .subtitle {
    padding-top:5px;
    font-size:12px;
    color:#fff;
    font-weight:lighter
}
.resource-wrapper .resource-content .line:after {
    content:"";
    display:block;
    clear:both
}
.orientation-wrapper .orientation-title {
    padding-top:97px;
    font-size:28px;
    color:#333;
    line-height:40px;
    text-align:center
}
.orientation-wrapper .orientation-subtitle {
    padding-top:10px;
    font-size:14px;
    color:#666;
    line-height:28px;
    text-align:center;
    font-weight:lighter
}
.orientation-wrapper .orientation-content {
    width:1100px;
    margin:0 auto
}
@media (max-width:1100px) {
    .orientation-wrapper .orientation-content {
        width:1000px
    }
}
.orientation-wrapper .orientation-content .item {
    width:25%;
    margin:50px 0 96px;
    float:left;
    text-align:center
}
.orientation-wrapper .orientation-content .item.item1 {
    background:url("../images/83f4581b337da1f124815d3c353550d8.png") no-repeat top/auto 130px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .orientation-wrapper .orientation-content .item.item1 {
        background:url("../images/ae83fd9aa65673a44436371e59b33d7b.png") no-repeat top/auto 130px
    }
}
.orientation-wrapper .orientation-content .item.item2 {
    background:url("../images/6ffd64bc597281802bd9277bf48e3cbf.png") no-repeat top/auto 130px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .orientation-wrapper .orientation-content .item.item2 {
        background:url("../images/621526361c00ae33f0a9294f7a8c0839.png") no-repeat top/auto 130px
    }
}
.orientation-wrapper .orientation-content .item.item3 {
    background:url("../images/3bd7bb6ba5f7235229c0d1c0e733eb76.png") no-repeat top/auto 130px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .orientation-wrapper .orientation-content .item.item3 {
        background:url("../images/261278aee91a718ccf0feedba3421e3f.png") no-repeat top/auto 130px
    }
}
.orientation-wrapper .orientation-content .item.item4 {
    background:url("../images/97d75242e099845bc3a997e3fd0f36b0.png") no-repeat top/auto 130px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .orientation-wrapper .orientation-content .item.item4 {
        background:url("../images/91e3ff9901401375cf0468646b7235c9.png") no-repeat top/auto 130px
    }
}
.orientation-wrapper .orientation-content .item .title {
    padding-top:157px;
    font-size:14px;
    color:#333;
    letter-spacing:0;
    line-height:22px
}
.orientation-wrapper .orientation-content:after {
    content:"";
    display:block;
    clear:both
}
.solution-wrapper {
    background:#f8f8f8;
    padding-bottom:104px
}
.solution-wrapper .solution-title {
    padding:96px 0 63px;
    font-size:28px;
    color:#333;
    text-align:center
}
.solution-wrapper .solution-content {
    width:1100px;
    margin:0 auto
}
@media (max-width:1100px) {
    .solution-wrapper .solution-content {
        width:1000px
    }
}
.solution-wrapper .solution-content .item {
    width:33.3%;
    float:left;
    text-align:center
}
.solution-wrapper .solution-content .item.item1 {
    background:url("../images/e6306accb90ba73090f6af2e7c8cbd41.png") no-repeat top/auto 144px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .solution-wrapper .solution-content .item.item1 {
        background:url("../images/874b091359050cf7f0f0134a678f1b74.png") no-repeat top/auto 144px
    }
}
.solution-wrapper .solution-content .item.item2 {
    background:url("../images/4259ce10888c1d2843d429a22b6de64e.png") no-repeat top/auto 144px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .solution-wrapper .solution-content .item.item2 {
        background:url("../images/5a23901804d618e371c5520d25f1f934.png") no-repeat top/auto 144px
    }
}
.solution-wrapper .solution-content .item.item3 {
    background:url("../images/01f44eec9a850e3ad6e676335d6ecb64.png") no-repeat top/auto 144px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .solution-wrapper .solution-content .item.item3 {
        background:url("../images/5bdfca3e43ca87937bac8c5264ee593f.png") no-repeat top/auto 144px
    }
}
.solution-wrapper .solution-content .item .title {
    padding-top:174px;
    font-size:14px;
    color:#333;
    line-height:22px;
    text-align:center
}
.solution-wrapper .solution-content:after {
    content:"";
    display:block;
    clear:both
}
.play-wrapper {
    padding-bottom:119px
}
.play-wrapper .play-title {
    padding:119px 0 60px;
    line-height:40px;
    text-align:center;
    font-size:28px;
    color:#000
}
.play-wrapper .play-content {
    width:1100px;
    margin:0 auto
}
@media (max-width:1100px) {
    .play-wrapper .play-content {
        width:1000px
    }
}
.play-wrapper .play-content .item {
    width:16.6%;
    float:left;
    text-align:center
}
.play-wrapper .play-content .item.item1 {
    background:url("../images/8e662409cfd4bd38d957ccde09fa6a16.png") no-repeat top/auto 110px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .play-wrapper .play-content .item.item1 {
        background:url("../images/38b8069ca3e8e9fd6da0a1ffb1d44e36.png") no-repeat top/auto 110px
    }
}
.play-wrapper .play-content .item.item2 {
    background:url("../images/693cd7d56246367c6121e1140bbf949c.png") no-repeat top/auto 110px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .play-wrapper .play-content .item.item2 {
        background:url("../images/5421ddf7c81b05dd5af6706df84c300a.png") no-repeat top/auto 110px
    }
}
.play-wrapper .play-content .item.item3 {
    background:url("../images/99ed63d75fdc237318d2c7aeb2fb5475.png") no-repeat top/auto 110px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .play-wrapper .play-content .item.item3 {
        background:url("../images/bf1337531098d58ce1e8b0130aa7198d.png") no-repeat top/auto 110px
    }
}
.play-wrapper .play-content .item.item4 {
    background:url("../images/9538076218e222ca8cb12fd8ca6a71e1.png") no-repeat top/auto 110px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .play-wrapper .play-content .item.item4 {
        background:url("../images/89ce6d26ef093dfe28e70c9e834e625c.png") no-repeat top/auto 110px
    }
}
.play-wrapper .play-content .item.item5 {
    background:url("../images/2dd21bc06c184da5c7c2663d5394fa79.png") no-repeat top/auto 110px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .play-wrapper .play-content .item.item5 {
        background:url("../images/316400001b3d861d46da3ee6885f7dc4.png") no-repeat top/auto 110px
    }
}
.play-wrapper .play-content .item.item6 {
    background:url("../images/5471760df3f409a281fe4bfca304ca04.png") no-repeat top/auto 110px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .play-wrapper .play-content .item.item6 {
        background:url("../images/4a010e977fbc53b74b234d3f877b54a6.png") no-repeat top/auto 110px
    }
}
.play-wrapper .play-content .item .title {
    padding-top:140px;
    font-size:14px;
    color:#333;
    letter-spacing:0;
    line-height:22px
}
.play-wrapper .play-content:after {
    content:"";
    display:block;
    clear:both
}
.cooperation-wrapper {
    padding-bottom:100px;
    background:#f8f8f8
}
.cooperation-wrapper .cooperation-title {
    padding:90px 0 63px;
    text-align:center;
    font-size:28px;
    color:#000
}
.cooperation-wrapper .cooperation-content {
    width:1100px;
    margin:0 auto;
    position:relative
}
.cooperation-wrapper .cooperation-content .cooperation-item {
    width:33.3%;
    float:left
}
.cooperation-wrapper .cooperation-content .cooperation-item.left {
    padding-right:13.3px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.cooperation-wrapper .cooperation-content .cooperation-item.center {
    padding:0 6.6px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.cooperation-wrapper .cooperation-content .cooperation-item.right {
    padding-left:13.3px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.cooperation-wrapper .cooperation-content .cooperation-item.active {
    cursor:pointer
}
.cooperation-wrapper .cooperation-content .cooperation-item.active .cooperation-hover-wrapper {
    opacity:1;
    visibility:visible
}
.cooperation-wrapper .cooperation-content .cooperation-item .logo1 {
    background:url("../images/ed532d68adcab2e7676ae725853e5977.png") no-repeat 0 50%/auto 22px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .cooperation-wrapper .cooperation-content .cooperation-item .logo1 {
        background:url("../images/8ed6f2cfeba974801613d890a0f492c5.png") no-repeat 0 50%/auto 22px
    }
}
.cooperation-wrapper .cooperation-content .cooperation-item .logo2 {
    background:url("../images/5466b018f49dc2998d40367c6a21661b.png") no-repeat 0 50%/auto 22px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .cooperation-wrapper .cooperation-content .cooperation-item .logo2 {
        background:url("../images/91b342152c72b8ce87902a2128fb4aa0.png") no-repeat 0 50%/auto 22px
    }
}
.cooperation-wrapper .cooperation-content .cooperation-item .logo3 {
    background:url("../images/b82acca3b081758224e0b016630b95d1.png") no-repeat 0 50%/auto 22px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .cooperation-wrapper .cooperation-content .cooperation-item .logo3 {
        background:url("../images/a1cbfba8b625765796364a82315912ba.png") no-repeat 0 50%/auto 22px
    }
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item {
    width:100%;
    background:#fff
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .cooperation-banner {
    width:100%;
    height:150px
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .cooperation-banner.banner1 {
    background:url("../images/b1e6437d4e7a5ed5dcf7aa3da6268a31.jpg") no-repeat 0 50%/100% 150px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .cooperation-banner.banner1 {
        background:url("../images/b4d86ac5df8d6c84b69b07fd68740b6b.jpg") no-repeat 0 50%/100% 150px
    }
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .cooperation-banner.banner2 {
    background:url("../images/91391b0f558625eaca4f9a7c37d05e63.jpg") no-repeat 0 50%/100% auto
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .cooperation-banner.banner2 {
        background:url("../images/541d8b4759a85357a10cbfb81ecbfade.jpg") no-repeat 0 50%/100% auto
    }
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .cooperation-banner.banner3 {
    background:url("../images/2194e60cb9ef5f5895ca685ca750de69.jpg") no-repeat 0 50%/100% auto
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .cooperation-banner.banner3 {
        background:url("../images/6e14b9ee513cafe5aa5f38e79c01b05e.jpg") no-repeat 0 50%/100% auto
    }
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .channel-wrapper {
    padding:15px 28px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .channel-wrapper .logo {
    width:92px;
    height:22px;
    display:block
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .channel-wrapper .title {
    padding-top:11px;
    font-size:14px;
    color:#666
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .line {
    width:100%;
    height:1px;
    -webkit-transform:scaleY(.5);
    -moz-transform:scaleY(.5);
    -ms-transform:scaleY(.5);
    transform:scaleY(.5);
    background:#e5e5e5
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .show {
    padding:12px 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .show .item {
    width:50%;
    float:left;
    text-align:center;
    line-height:17px;
    font-size:12px
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .show .item.item1 {
    width:33.3%
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .show .item .number {
    color:#e66268
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .show .item .tip {
    padding-top:5px;
    color:#666
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-inner-item .show:after {
    content:"";
    display:block;
    clear:both
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    background:hsla(0,0%,100%,.95);
    visibility:hidden;
    z-index:10;
    opacity:0;
    -webkit-transition:opacity .5s;
    -moz-transition:opacity .5s;
    transition:opacity .5s
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .content {
    padding:40px 70px 0 65px;
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .content .logo {
    width:91px;
    height:22px;
    display:block
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .content .channel {
    padding-top:25px
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .content .main {
    padding-top:10px;
    max-width:400px
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .content .text {
    padding-top:25px;
    font-size:14px;
    color:#666;
    line-height:28px
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list {
    padding:21px 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    float:left
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list .demo {
    width:145px;
    height:258px;
    float:left
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list .demo2 {
    margin-left:40px
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list .code {
    margin:65px 0 0 70px;
    float:left
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list .code .img {
    width:100px;
    height:100px;
    display:block
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list .code .text {
    padding-top:10px;
    font-size:12px;
    color:#666
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list1 .demo1 {
    background:url("../images/77312b8cb4b0b006c410b857c32d0389.jpg") no-repeat 0 50%/145px auto
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list1 .demo1 {
        background:url("../images/3348f2c093ba7867abeff17bb0fe558d.jpg") no-repeat 0 50%/145px auto
    }
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list1 .demo2 {
    background:url("../images/7b56e42fbac6ccfedf8e06d939b34cc0.jpg") no-repeat 0 50%/145px auto
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list1 .demo2 {
        background:url("../images/15844c5e22d5898421b558cff5b0b053.jpg") no-repeat 0 50%/145px auto
    }
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list1 .img {
    background:url("../images/535d00834b8f62c944c98d656a6c55f1.png") no-repeat 0 50%/100px auto
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list1 .img {
        background:url("../images/6dd87a7fc9c221844ba96a01d46938cd.png") no-repeat 0 50%/100px auto
    }
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list2 .demo1 {
    background:url("../images/1698a450f5825f690f5402cc525ef22e.jpg") no-repeat 0 50%/145px auto
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list2 .demo1 {
        background:url("../images/b94ebf28432d53526343e86865ba40da.jpg") no-repeat 0 50%/145px auto
    }
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list2 .demo2 {
    background:url("../images/5ccf2152c39267f5872525825c4c5e62.jpg") no-repeat 0 50%/145px auto
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list2 .demo2 {
        background:url("../images/c303087a10eec27f6c2664d51f943daa.jpg") no-repeat 0 50%/145px auto
    }
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list2 .img {
    background:url("../images/a90303aa4f49ef6167cf337bd86312e6.png") no-repeat 0 50%/100px auto
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list2 .img {
        background:url("../images/4f81b4c2a6cf4bda76bf6175d21444bf.png") no-repeat 0 50%/100px auto
    }
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list3 .demo1 {
    background:url("../images/c0b24f40f2a519f30bd01729e452db60.png") no-repeat 0 50%/145px auto
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list3 .demo1 {
        background:url("../images/bd5950c420b1651503e54f5217013943.png") no-repeat 0 50%/145px auto
    }
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list3 .demo2 {
    background:url("../images/7554aebef11c711bce6e72f7104c2693.png") no-repeat 0 50%/145px auto
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list3 .demo2 {
        background:url("../images/66c0b311433e8d9f1e555bda8d89c72d.png") no-repeat 0 50%/145px auto
    }
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list3 .img {
    background:url("../images/a90303aa4f49ef6167cf337bd86312e6.png") no-repeat 0 50%/100px auto
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list.list3 .img {
        background:url("../images/4f81b4c2a6cf4bda76bf6175d21444bf.png") no-repeat 0 50%/100px auto
    }
}
.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list:after,.cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper:after,.cooperation-wrapper .cooperation-content:after {
    content:"";
    display:block;
    clear:both
}
@media (max-width:1100px) {
    .cooperation-wrapper .cooperation-content {
        width:1000px
    }
    .cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .content {
        padding:40px 59px 0 30px
    }
    .cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list .demo2 {
        margin-left:21px
    }
    .cooperation-wrapper .cooperation-content .cooperation-item .cooperation-hover-wrapper .img-list .code {
        margin:65px 0 0 50px
    }
}