body {
    
}
header {
    position: absolute;
    z-index: 2;
    width: 100%;
}
.banner-bg {
    position: relative;
}
.baidu-nav .max-width {
    text-align: left;
}
.s-box-divs {
    background: #eee;
}
.banner-main > img {
    display: block;
}
.s-package {
    margin-top: 0;
}
.s-box-divs {
    padding-top: 40px;
}
.s-pkul li .y1 {
    background: url(../images/display/y1.png) center no-repeat;
}
.s-pkul li .y2 {
    background: url(../images/display/y2.png) center no-repeat;
}
.s-pkul li .y3 {
    background: url(../images/display/y3.png) center no-repeat;
}
.s-pkul li .y4 {
    background: url(../images/display/y4.png) center no-repeat;
}
.s-pk-title,
.s-pkul li h3 {
    color: #333;
    margin-bottom: 10px;
}

.s-pkul p span {
    color: #2470e1;
}
.s-pirce .s-pirce-last .s-btn {
    padding: 0;
    /* line-height: 41px; */
    outline: none;
    background: #108cee;
}
.s-pirce .s-pirce-last .s-btn:hover {
    background: rgba(16, 140, 238, .8);
}
.s-pirce label input {
    -ms-progress-appearance: checkbox;
         -webkit-appearance: checkbox;
            -moz-appearance: checkbox;
                 appearance: checkbox;
}
.intr-top .intr-hot {
    border-top: 2px solid #108cee;
}
.five_website_w2 ul {
    font-size: 12px;
}
.introduce-div {
    margin-bottom: 0;
    padding-bottom: 60px;
}
.intr-more {
    font-size: 14px;
}
.intr-more a {
    color: #108cee;
}
.s-pkul li > span {
    font-size: 12px;
}
/* .s-pkul li > span font {
    color: #108cee;
} */
.redfont {
    color: #108cee;
}
.db-ul .db-li {
    background: #108cee;
}
.explanlist .rtd .rfont {
    background: #108cee;
}
.explanlist .rtd {
    border-left-color: #108cee;
}
.table-buy .brtd {
    border-bottom-color: #108cee;
}
.table-buy a {
    background: #108cee;
}
.table-buy a:hover {
    background: rgba(16, 140, 238, .8);
}
.border_right {
    border-right-color: #108cee;
}
.show-model .package-button a {
    background: rgba(16, 140, 238, .8);
}
.show-model .package-button a:hover {
    background: rgba(16, 140, 238, 1);
}
.s-pkul li {
    padding: 20px 10px 20px 45px;
}
.more-show-template {
    color: #fff;
    background: #108cee;
}
.more-show-template:hover {
    background: rgba(16, 140, 238, .8);
}
#model-list .p_name {
    font-size: 12px;
}
.intr-main center a {
    color: #fff;
    background: #108cee;
}
.intr-main center a:hover {
    background: rgba(16, 140, 238, .8);
}
.s-pirce .original-price {
    margin-left: 15px;
    font-size: 14px;
    text-decoration: line-through;
    color: #999;
}

/*========��ҵ�л�ѡ�=========*/
.banner {
    height: 642px;
}
.industry-tab {
    position: absolute;
    z-index: 999;
    top: 96px;
    left: 50%;
    display: table;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}
.industry-tab > li {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 5px;
    padding: 5px 16px;
    border: 1px solid #eee;
    /* line-height: 28px; */
    text-align: center;
    color: #eee;
    cursor: pointer;
}
.industry-tab > .hot {
    border: 1px solid #fff;
    color: #333;
    background: #fff;
}
.industry-content {
    height: 100%;
}
.industry-content > li {
    height: 100%;
}
.bannerBox {
    top: 20px;
}
.banner-ul {
    top: 120px;
}
.industry-content > li {
    display: none;
}
.industry-tab-change {
    position: absolute;
    z-index: 9;
    top: 50%;
    display: block;
    width: 23px;
    height: 46px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}


.banner-mobil .banner-main .industry-link,
.banner-wechat .banner-main .industry-link,
.banner-app .banner-main .industry-link,
.banner-webapp .banner-main .industry-link {
    top: 80px;
}
#model-list-yy ul li {
    margin-right: 1%;
}
#right-content .xcode {
    background: rgba(0, 0, 0, .8);
}
#right-content .codeleft div,
#right-content .coderight div {
    color: #fff;
}
#right-content .xcode .coderight,
#right-content .xcode .codeleft {
    width: 50%;
    padding: 0;
}


@media screen and (max-width:1024px) {
    .intr-more {
        font-size: 12px;
    }
    #model-list ul li {
        margin-right: 0;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {
    .showContent .packageName {
        font-size: 12px;
    }
}

@media screen and (max-width:768px) {
    .banner1182 .banner-ul li {
        float: left;
        width: 48px;
    }
    .banner-ul {
        top: 70px;
        left: 50%;
        width: 100%;
        text-align: center;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    .banner-ul ul {
        display: inline-block;
        float: none;
        width: auto;
    }
    .banner-mobil .banner-main img,
    .banner-wechat .banner-main img,
    .banner-app .banner-main img,
    .banner-webapp .banner-main img {
        width: 70%;
        margin: 0 auto;
    }
    .banner-pc {
        width: 100%;
    }
    .industry-link {
        display: none;
    }
    .banner-ul {
        top: 120px;
    }
}

@media screen and (max-width:640px) {
    .industry-tab {
        top: 75px;
    }
    .banner-ul {
        top: 170px;
    }
    .table-buy td a {
        display: inline-block;
    }
}

@media screen and (max-width:414px) {
    .banner-ul {
        top: 230px;
    }
}

@media screen and (max-width:320px) {
    .banner-ul {
        top: 260px;
    }
}