/* 产品中心详情 */
.goodsAll {
    height: 100vh;
    overflow-x: hidden;
    /*overflow-y: scroll;*/
}
.goodsAll-c {
    width: calc(100% - 397px);
    margin-left: 397px;
    height: 100vh;
    padding: 0 70px;
    box-sizing: border-box;
    padding-top: 68px;
}
.goodsAll .content {
    margin-top: 34px;
    display: flex;
    justify-content: space-between;
}


/* 标题 */
.goodsAll .biaoti {
    background: url(../images/goods.png) no-repeat;
    height: 82px;
    width: 450px;
    overflow: hidden;
    /* margin-bottom: 65px; */
}
.goodsAll .biaoti h3{
    font-size: 50px;
    color: #000066;
    margin-top: 18px;
    margin-left: 39px;
}


/* Tab选项卡切换 */
/* tab选项卡 */
.goodsAll-c .goodtou {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #f5f5f5;
    padding-bottom: 28px;
    box-sizing: border-box;
}
.goodsAll-c .goodtou ul {
    width: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 60px;
    border-radius: 30px;
    background-color: #f5f5f5;
    overflow: hidden;
}
.goodsAll-c .goodtou ul li {
    width: 20%;
    height: 100%;
    line-height: 60px; 
    transition: all 0.3s ease-out;
}
.goodsAll-c .goodtou ul li:hover {
    background-color: #f64646;
}
.goodsAll-c .goodtou ul li:hover a{
    color: #fff;
}
.goodsAll-c .goodtou ul .on {
    background-color: #f64646;
}
.goodsAll-c .goodtou ul .on a {
    color: #fff;
}
.goodsAll-c .goodtou ul li a {
    color: #666666;
    font-size: 20px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    border-right: 1px solid #7d7d7d;
}
.goodsAll-c .goodtou ul li:last-child a{
    border-right: 0px solid #7d7d7d;
}




/* 左边图片 */
.goodsAll .content .jpg {
    width: 38.5%;
    height: 539px;
}
.goodsAll .content .jpg h3 {
    font-size: 24px;
    color: #222121;
    margin: 25px 0;
}
.goodsAll .content .jpg img {
    width: 100%;
    /*height: 84%;*/
}




/* 右边介绍 */
.content .type {
    width: 60%;
    /*height: 533px;*/
    /*background-color: #dae9f0;*/
    padding: 0px 40px;
    box-sizing: border-box;
}
.content .type .ww {
    width: 100%;
    font-size: 24px;
    color: #222121;
    margin: 25px 0;
    font-weight: bold;
}
.content .type .ss img{
    width: 100%;
}
.content .type .ss .p1 {
    margin-top: 40px;
    font-size: 18px;
    color: #666666;
}
.content .type .ss .p1 span{
    color: #222;
    font-weight: bold;
}

.content .type .ss table {
    display: block;
    width: 100%;
}

.content .type .ss table {
    width: 100%;
    display: block;
    cell-spacing:0;
    text-align:center;
    border-collapse:collapse;
    /*border:1px solid #66ccff*/
}

.content .type .ss table tbody {
    display: block;
    width: 100% !important;
}

.content .type .ss table tr {
    display: block;
    width: 100% !important;
    height: 41px !important;
    overflow: hidden;
}

.content .type .ss table td {
    display: inline-block;
    box-sizing: border-box;
    width: 50% !important;
    border:1px solid #000000;
    height: 41px !important;
    overflow: hidden;
}

.content .type .ss table td p {
    line-height: 38px;
    font-size: 14px;
    text-align: center;
}




/* 新闻结尾 */
.goodsAll .article_page {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-top: 42px;
    margin-bottom: 42px;
}
.goodsAll .fl p,
.goodsAll .cc,
.goodsAll .fr p{
    border: 1px solid #e6e6e6;
    width: 190px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    cursor: pointer;
    color: #222222;
    background-color: #fff;
    transition: all 0.3s ease-out;
}
.goodsAll .fl p:hover{
    transform: scale(1.1);
}
.goodsAll .cc:hover{
    transform: scale(1.1);
}
.goodsAll .fr p:hover{
    transform: scale(1.1);
}

/* 尾部 */


.goodsAll .message h3 {
    font-size: 24px;
    color: #222121;
    margin: 25px 0;
}

.goodsAll .message {
    padding-bottom: 40px;
}



/* 适应1200-1400的屏幕 */
@media screen and (min-width:1200px) and (max-width:1400px) {
    .goodsAll .goodsAll-c {
        width: 1200px;
        margin-left: 270px;
    }
    .content .type .ss .p1 {
        margin-top: 32px;
        font-size: 17px;
    }
    .content .type .ss {
        padding-bottom: 45px;
        border-bottom: 1px solid #eeeeee;
    }
    .content .type {
        /*height: 463px;*/
    }
}


/* 手机端 */
@media all and (max-width:550px) {
    .handsome {
        display: none;
    }
    .goodsAll {
        height: auto;
        overflow: hidden;
    }
    .goodsAll-c {
        width: 100%;
        margin-left: 0;
        height: auto;
        padding: 0 10px;
        box-sizing: border-box;
        padding-top: 90px;
      }

      .goodsAll-c .biaoti h3 {
        font-size: 33px;
        color: #000066;
        margin: 0px;
      }
      .goodsAll-c .biaoti {
          background: #fff;
          text-align: center;
          height: auto;
          width: 100%;
          overflow: hidden;
          margin-bottom: 0;
      }

    .goodsAll-c .goodtou ul {
        display: none;
    }

    .goodsAll-c  article .box {
        width: 100%;
        position: relative;
        height: 325px;
    }

    .goodsAll .content {
        flex-wrap: wrap;
        margin-top: 0px;
    }
    .goodsAll .content .jpg {
        width: 100%;
        height: auto;
    }
    .content .type {
        width: 100%;
        height: auto;
        /*background-color: #dae9f0;*/
        padding: 0px;
        box-sizing: border-box;
    }
    
    .content .type .ss table {
        border: 1px solid #000000;
    }
    
    .content .type .ss table tr {
        height: 82px !important;
    }
    
    .content .type .ss table td {
        display: block;
        width: 100% !important;
        border-left: 0px;
        border-right: 0px;
    }
    
    .goodsAll .fl, .goodsAll .cc, .goodsAll .fr {
        width: 33.333%;
    }
    
    .goodsAll .fl p, .goodsAll .fr p {
        width: 100%;
        font-size: 14px;
        height: 38px;
        line-height: 38px;
    }
    
    .goodsAll .cc {
        font-size: 14px;
        height: 38px;
        line-height: 38px;
    }
    
    
}