article h2 {
    padding: 10px 0 12px
}

.solu-tab {
    margin-bottom: 20px
}

.solu-tab li {
    width: 33.33333%;
    float: left;
    padding: 0 10px
}

.solu-tab li h2,
.solu-tab li p {
    background-color: #e5e5e5;
    color: #3c3c3c;
    text-align: center
}

.solu-tab li.active h2,
.solu-tab li.active p {
    background-color: #ed2d42;
    color: #fff
}

@media (min-width: 1200px) {
    .solu-tab li {
        padding: 0 15px
    }
}

@media (max-width: 999px) {
    .solu-tab p {
        display: none
    }
}

@media (min-width: 1000px) {
    .solu-tab p {
        padding-bottom: 20px
    }
}

@media (min-width: 1200px) {
    .solu-tab p {
        font-size: 16px;
        padding-bottom: 29px
    }
}

@media (max-width: 759px) {
    .solu-tab span {
        display: none
    }
}

.solu-tab h2 {
    padding: 10px 5px
}

@media (max-width: 345px) {
    .solu-tab h2 {
        padding: 10px 16px;
    }
}

@media (min-width: 1000px) {
    .solu-tab h2 {
        padding-top: 20px;
        padding-bottom: 7px
    }
}

@media (min-width: 1200px) {
    .solu-tab h2 {
        padding-top: 28px
    }
}

.model-case-list h4 {
    text-align: center
}

.model-case-list li {
    margin-bottom: 20px
}

@media (min-width: 1200px) {
    .model-case-list li {
        margin-bottom: 30px
    }
}

.solu .cas p {
    text-align: center
}

.project-case-list li.xl6 {
    min-height: 330px
}

.project-case-list li,
.model-case-list li {
    display: none
}

@media (min-width: 320px) {
    .project-case-list li.xl6 {
        min-height: 356px
    }
}

@media (min-width: 350px) {
    .project-case-list li.xl6 {
        min-height: 390px
    }
}

@media (min-width: 380px) {
    .project-case-list li.xl6 {
        min-height: 392px
    }
}

@media (min-width: 410px) {
    .project-case-list li.xl6 {
        min-height: 410px
    }
}

@media (min-width: 450px) {
    .project-case-list li.xl6 {
        min-height: 350px
    }
}

@media (min-width: 500px) {
    .project-case-list li.xl6 {
        min-height: 380px
    }
}

@media (min-width: 650px) {
    .project-case-list li.xl6 {
        min-height: 388px
    }
}

@media (min-width: 760px) {
    .project-case-list li.xl6 {
        min-height: 400px
    }
}

@media (min-width: 1000px) {
    .project-case-list li.xl6 {
        min-height: 380px
    }
}

@media (min-width: 1200px) {
    .project-case-list li.xl6 {
        min-height: 360px
    }
}

.project-case-list h4 {
    color: #262626;
    padding: 16px 0 6px
}

.project-case-list p {
    color: #262626;
    font-size: 14px
}

.project-case-list p span {
    color: #ed2d42
}

.project-case-list p b {
    color: #ed2d42
}
.project-case-list img{
    cursor: pointer
}
.recommend-spec {
    margin-bottom: 20px
}

@media (min-width: 760px) {
    .recommend-spec {
        margin-bottom: 30px
    }
}

.hot-product {
    margin-bottom: 20px
}

@media (min-width: 760px) {
    .hot-product {
        margin-bottom: 30px
    }
}

.hot-product img {
    border: 1px solid #f3f3f3
}

.hot-product h5 {
    font-size: 16px;
    color: #3c3c3c;
    text-align: center;
    padding: 16px 0 16px
}

@media (min-width: 760px) {
    .hot-product h5 {
        padding: 16px 0 10px
    }
}

.case-article-a {
    padding: 20px 0 0
}

@media (min-width: 760px) {
    .case-article-a {
        padding: 20px 0 0
    }
}

.case-article-a p {
    line-height: 34px
}

.case-article-a p span {
    font-size: 20px;
    font-weight: 600
}

.case-article-a .base p span {
    font-size: 16px
}

.case-article-a .case-article-a-1 {
    margin-bottom: 20px
}

@media (min-width: 760px) {
    .case-article-a .case-article-a-1 {
        margin-bottom: 30px
    }
}

.case-article-a .case-article-a-1 .xm7 h4 {
    font-weight: 500;
    line-height: 40px
}

.case-article-a .case-article-a-1 .xm7 ul li {
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

.appointment {
    margin-bottom: 20px;
    height: 49px
}

@media (min-width: 760px) {
    .appointment {
        margin-bottom: 30px
    }
}

@media (min-width: 760px) {
    .appointment {
        max-width: 688px
    }
}

@media (min-width: 760px) {
    .appointment a {
        width: 337px
    }
}

.appointment a span {
    background-color: #eb4340;
    color: #ffffff
}

@media (min-width: 760px) {
    .appointment a span {
        height: 49px;
        line-height: 49px;
        font-size: 22px;
        margin: 0 36px
    }
}

.scene {
    margin-bottom: 20px
}

@media (min-width: 760px) {
    .scene {
        margin-bottom: 30px
    }
}

.customer-comment {
    margin-bottom: 20px
}

@media (min-width: 760px) {
    .customer-comment {
        margin-bottom: 30px
    }
}

.pro-line {
    padding-bottom: 20px
}

.pro-line a {
    cursor: pointer
}

.pro-line .liucheng {
    padding-bottom: 20px
}

.pro-line table {
    font-size: 16px;
    text-align: center
}

.pro-line table th {
    text-align: center
}

@media (min-width: 1000px) and (max-width: 1199px) {
    .pro-line table td {
        padding: 5px;
        font-size: 14px
    }
}

.pro-line caption {
    background-color: #e5e5e5;
    line-height: 43px;
    font-weight: bold
}

.pro-line .line-big {
    padding-bottom: 15px
}

.pro-line .line-big .xm7 {
    margin-bottom: 15px
}

.pro-line h2 {
    font-size: 22px
}

.pro-line p {
    font-size: 14px;
    line-height: 28px
}

.pro-line p span {
    font-size: 16px
}

.pro-line .view {
    background-color: #ed2d42;
    position: absolute;
    right: 0;
    bottom: 0px;
    color: #fff;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px
}

@media (max-width: 1079px) {
    .pro-line .view {
        width: 109px;
        height: 30px;
        font-size: 14px;
        line-height: 30px
    }
}

@media (min-width: 1080px) {
    .pro-line .view {
        width: 151px;
        height: 36px;
        font-size: 16px;
        line-height: 36px
    }
}

@media (min-width: 1200px) {
    .pro-line .view {
        margin-left: 15px;
        margin-right: 15px
    }
}

.material-area {
    background-color: #e5e5e5;
    padding-top: 10px;
    margin-bottom: 20px
}

@media (min-width: 760px) {
    .material-area {
        margin-bottom: 30px
    }
}

.material-area h2 {
    padding-top: 20px
}

.material-area h3 {
    padding-bottom: 20px
}

.material-area ul li {
    margin-bottom: 20px
}

.material-area ul li a {
    line-height: 32px;
    font-size: 16px
}

.material-area p {
    text-align: center;
    padding: 20px 0 20px
}

@media (min-width: 760px) {
    .material-area p {
        padding: 20px 0 40px
    }
}

.material-area .known {
    font-size: 24px;
    color: #fff;
    background-color: #ed2d42;
    padding: 8px 40px;
    border-radius: 10px
}

@media (max-width: 759px) {
    .material-area .known {
        font-size: 16px
    }
}

.material-area .known span {
    font-weight: bold
}

.material p {
    line-height: 40px
}

.img_list a:hover h2,
.img_list a:hover span {
    color: red;
    transition: all .5s
}

.img_list h2 {
    padding: 5px 0 15px
}

@media (max-width: 759px) {
    .img_list h2 {
        padding: 15px 0 15px
    }
}

.img_list p {
    line-height: 24px;
    color: #777777;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2
}

@media (max-width: 999px) {
    .img_list p {
        -webkit-line-clamp: 3
    }
}

@media (min-width: 1200px) {
    .img_list p {
        -webkit-line-clamp: 3
    }
}

.img_list span {
    line-height: 44px
}

.suggest .line-big div {
    margin-bottom: 10px
}

#b_img h4 {
    padding: 0 20px 10px 20px;
}
#b_img p {
    padding: 0 20px 20px 20px;
}

#b_img p b{
    color: #ed2d42;
}
#b_img img {
    overflow: hidden
}

.tjia p {
    font-size: 14px;
    padding-bottom: 20px
}

.jdal li {
    display: block;
}

.mill-a li {
    list-style: none;
    margin-top: 10px
}

@media (min-width: 1000px) {
    .mill-a li {
        margin-top: 0
    }
}

.mill-a li a:hover h2,
.mill-a li a:hover p {
    color: #333333
}

.mill-a li a:hover span {
    color: #ffffff;
    background: #ed2d42;
    border: none
}

.mill-a h2 {
    font-size: 20px;
    padding-top: 2px;
    padding-bottom: 5px
}

@media (min-width: 1200px) {
    .mill-a h2 {
        padding-bottom: 23px;
        font-size: 22px
    }
}

.mill-a p {
    font-size: 14px;
    line-height: 28px
}

.mill-a .sp {
    padding-top: 20px
}

@media (min-width: 1200px) {
    .mill-a .sp {
        padding-top: 49px
    }
}

.mill-a span {
    border: 1px solid #333;
    padding: 7px 25px
}

@media (min-width: 1200px) {
    .mill-a span {
        padding: 10px 35px 9px;
        font-size: 16px
    }
}