/*----------------内容区域----------------*/
.wrap {
    max-width: 1920px;
    height: 1635px;
    padding-left: 173px;
    /*overflow-y: scroll;*/
    /*overflow-x: auto;*/
}


/*----------------内容区域----------------*/
.main-box {
    max-width: 1747px;
}


/*----------------内容区域----------------*/
.content {
    padding-top: 27px;
    width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.content-main {
    max-width: 997px;
}

/*----------------在线计价----------------*/
.content-pricing{
    border-radius: 20px;
    height: 352px;
    background-image: url("/static/image/计价模块背景@2x.png");
    padding: 18px 23px;
    box-sizing: border-box;
}

.pricing-title {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.pricing-title-left {
    width: 198px;
    height: 22px;
    font-weight: bold;
    font-size: 22px;
    color: #333333;
}

.pricing-title-right {
    width: 248px;
    height: 14px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.pricing-from {
    margin-top: 12px;
    width: 950px;
    height: 221px;
    background: #FFFFFF;
    box-shadow: 0px 5px 35px 0px rgba(204,204,204,0.51);
    border-radius: 10px;
    border: 2px solid #FFFFFF;
}

.pricing-button {
    width: 169px;
    height: 40px;
    background: #FC8200;
    border-radius: 4px;
    margin: 0 auto;
    margin-top: 17px;

    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    line-height: 40px;
}


.form1 {
    margin-top: 35px;
    margin-left: 16px;

    background: #FFFFFF;
    border-radius: 10px;

    display: flex;
    justify-content: space-between;
}

.form1-lable {
    height: 16px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.form1-cloumn-input {
   margin-top: 9px;
   display: flex;
}

.form1-cloumn-input input{
    width: 124px;
    height: 32px;
    border-radius: 2px;
    border: 1px solid #DFE1E6;
    padding-left: 10px;
}

.form1-option {
    padding-left: 12px;
    padding-right: 12px;

    height: 32px;
    border-radius: 2px;
    border: 1px solid #DFE1E6;

    font-weight: 400;
    font-size: 14px;
    color: #333333;

    text-align: center;
    line-height: 32px;

    margin-right: 11px;
    cursor: pointer;
}

.form-active {
    background: #FFF5E7;
    border-radius: 2px;
    border: 1px solid #FC8200;

    font-weight: 400;
    font-size: 14px;
    color: #FC8200;

    background: url("/static/image/g.png") no-repeat right bottom;
    background-size: 14px 15px;
}

/*----------------工艺介绍----------------*/
.technology-show {
    margin-top: 16px;

    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* 设置格子之间的间隙 */
}

.technology-item {
    flex: 1 1 calc(33.333% - 20px); /* 每个格子占据三分之一的空间，减去间隙 */
    box-sizing: border-box; /* 包括padding和border在内的宽度计算 */

    background: #FFFFFF;
    box-shadow: 0px 0px 27px 0px rgba(204,204,204,0.32);
    border-radius: 10px;
    border: 1px solid rgba(221,221,221,0.5);
    padding: 18px;
}

.technology-header {
    display: flex;
    align-items: center;

    padding-bottom: 8px;
    border-bottom: 1px solid #EDEDED;
}

.technology-img {
    width: 29px;
    height: 29px;

    margin-right: 16px;
}

.technology-title {
    height: 19px;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
}

.technology-desc {
    width: 252px;
    height: 37px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 23px;
}
/*----------------快捷下单----------------*/
.shortcuts {
    margin-top: 22px;

    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* 设置格子之间的间隙 */
}

.shortcuts li{
    flex: 1 1 calc(50% - 20px); /* 每个格子占据三分之一的空间，减去间隙 */
    box-sizing: border-box; /* 包括padding和border在内的宽度计算 */

    width: 490px;
    height: 208px;
    background: #FFFFFF;
    box-shadow: 0px 0px 27px 0px rgba(204,204,204,0.32);
    border-radius: 10px;

    display: flex;
    justify-content: flex-start;
}

.shortcuts-left {
    width: 276px;
    height: 208px;

    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F8F8;
}

.shortcuts-image {
    width: 203px;
    height: 156px;
}

.shortcuts-right {
    padding-left: 39px;
    padding-top: 22px;
}

.shortcuts-title {
    font-weight: bold;
    font-size: 22px;
    color: #333333;
    line-height: 44px;
}

.shortcuts-desc {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 22px;

    width: 164px;
}

.shortcuts-btn {
    margin-top: 20px;

    width: 112px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #FC8200;

    display: flex;
    justify-content: center;
    align-items: center;

    font-weight: 400;
    font-size: 16px;
    color: #FC8200;
}
/*----------------规格明细----------------*/
.spec {
    margin-top: 51px;
}

.spec-title {
    font-weight: bold;
    font-size: 24px;
    color: #333333;
}

.spec-table {
    margin-top: 18px;

    width: 996px;
    height: 670px;
    background: #FFFFFF;
    box-shadow: 0px 0px 27px 0px rgba(204,204,204,0.32);
    border-radius: 10px;
    border: 1px solid rgba(221,221,221,0.5);

    padding: 18px;
    box-sizing: border-box;
}

/*----------------表格----------------*/
table {
    border-collapse: collapse;
    width: 100%;
}

table tr th {
    font-weight: bold;
    font-size: 15px;
    color: #FC8200;
}

table tr td {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

table,table tr th,table tr td {
    border: 1px solid #ddd;
    text-align: center;
    padding: 10px;
}

/* 表头的颜色 */
table tbody th{
    background-color:#FFF4E8;
}

/* 奇数行的颜色 */
table tbody tr:nth-child(odd) {
    background-color: #F8F8F8;
}

/* 偶数行的颜色 */
table tbody tr:nth-child(even) {
    background-color: #FFFFFF;
}

/*----------------制作方式----------------*/
.make-method {
    margin-top: 12px;

    width: 997px;
    height: 150px;
    background: #FFFFFF;
    box-shadow: 0px 0px 27px 0px rgba(204,204,204,0.32);
    border-radius: 10px;
    border: 1px solid rgba(221,221,221,0.5);

    padding: 12px;
    box-sizing: border-box;
}

.make-method-title {
    font-weight: bold;
    font-size: 16px;
    color: #333333;

    text-align: center;
}

.make-step {
    margin-top: 14px;

    display: flex;
    justify-content: flex-start;
}

.make-step-one {
    width: 227px;
    height: 90px;
    background: #F8F8F8;
    border-radius: 10px;

    margin-right: 13px;
}

.make-step-two {
    width: 227px;
    height: 90px;
    background: #F8F8F8;
    border-radius: 10px;

    margin-right: 13px;
}

.make-step-three {
    width: 484px;
    height: 90px;
    background: #F8F8F8;
    border-radius: 10px;
}

.make-step-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.make-step-title {
    font-weight: 400;
    font-size: 14px;
    color: #FC8200;
}

.make-step-desc {
    margin-top: 13px;

    font-weight: 400;
    font-size: 14px;
    color: #333333;
}
/*----------------工艺展示----------------*/
.craft-display {
    margin-top: 32px;
}

.craft-display-title {
    height: 24px;
    font-weight: bold;
    font-size: 24px;
    color: #333333;
}

.craft-display ul {
    margin-top: 18px;

    display: flex;
    flex-wrap: wrap;
    gap: 19px;
}

.craft-display li {
    flex: 1 1 calc(50% - 19px);
    box-sizing: border-box;

    width: 491px;
    height: 310px;

    position: relative;
}

.craft-display-tw {
    position: absolute;
    left: 0;
    bottom: 10px;
}

.tw-title {
    width: 154px;
    height: 34px;
    background: linear-gradient(90deg, #FFA205, #FF7201);
}

.tw-title {
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 34px;
    padding-left: 27px;

    width: 154px;
    height: 34px;
    background: linear-gradient(90deg, rgba(255, 162, 5, 0.9), rgba(255, 114, 1, 0.1));
}

.tw-desc {
    margin-top: 9px;
    padding-left: 28px;

    height: 36px;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 22px;
}
/*----------------机械设备----------------*/
.device {
    margin-top: 53px;
    margin-bottom: 86px;
}

.device-title {
    width: 96px;
    height: 24px;
    font-weight: bold;
    font-size: 24px;
    color: #333333;
}

.device-warp-one {
    margin-top: 19px;

    width: 996px;
    height: 456px;
    background: #FFFFFF;
    border-radius: 10px;

    display: flex;
}

.device-warp-one-left {
    margin-left: 20px;
    margin-right: 11px;

    width: 372px;
    background: #fff;
}

.device-warp-one-right-title {
    width: 562px;
    height: 34px;
    background: linear-gradient(90deg, rgba(255, 162, 5, 0.9), rgba(255, 114, 1, 0.1));
    border-radius: 2px;

    margin-top: 32px;
    padding-left: 14px;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
}

.device-one-content1 {
    margin-top: 29px;

    width: 570px;
    height: 88px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.device-one-title {
    margin-top: 29px;

    width: 57px;
    height: 14px;
    font-weight: 400;
    font-size: 14px;
    color: #FF7F19;
}

.device-one-content2 {
    margin-top: 12px;

    width: 560px;
    height: 186px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.device-warp-two {
    margin-top: 22px;

    width: 996px;
    height: 376px;
    background: #FFFFFF;
    border-radius: 10px;

    display: flex;
    justify-content: flex-end;
}

.device-warp-two-left {
    width: 660px;

    padding-left: 33px;
}

.device-warp-two-right {
    width: 336px;

}
/*----------------广告----------------*/
.ad {
    width: 282px;
    height: 499px;
}