* {
    box-sizing: border-box;
}
.all-wrap {
    width: 100%;
    padding-top: 0;
}
.all-wrap .banner-box {
    width: 100%;
    height: 400px;
    position: relative;
}
.all-wrap .banner-box .banner {
    height: 400px;
    width: auto;
    position: absolute;
    top: 0;
    z-index: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.all-wrap .banner-box .banner-content {
    width: 1200px;
    height: 400px;
    position: relative;
    margin: auto;
    z-index: 1;
    padding-top: 120px;
}
.all-wrap .banner-box .banner-content h1,
.all-wrap .banner-box .banner-content h2,
.all-wrap .banner-box .banner-content h3 {
    color: #fff;
    margin-bottom: 12px;
    line-height: 1;
    text-align: left;
}
.all-wrap .banner-box .banner-content h1 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
}
.all-wrap .banner-box .banner-content h2 {
    font-size: 24px;
}
.all-wrap .banner-box .banner-content h3 {
    font-size: 16px;
    margin-bottom: 12px;
}
.all-wrap .banner-box .banner-content .zixun_btn {
    width: 180px;
    height: 43px;
    background: linear-gradient(90deg, #00bcd5, #38cdba);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    margin-top: 30px;
}
.all-wrap .content-box b{ color: #333; font-weight: bold; font-size: 24px; line-height: 2.5}
.all-wrap .content-box p{ color: #666; font-size: 16px; line-height: 1.5}

.all-wrap .content-box h2 {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    padding-top: 40px;
    text-align: center;
}
.all-wrap .content-box h4 {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 1;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 70px;
}
.all-wrap .content-box1 {
    background: #f7fdfd;
    position: relative;
    overflow: hidden;
    min-height: 500px;
    background-size: auto;
    background-position: center top;
    background-repeat: no-repeat;

}
.all-wrap .content-box1 .line {
    padding: 75px 0;
    width: 1200px;
    margin: auto;
    display: flex;
}
.all-wrap .content-box1 .row1 {
    background: url('../../images/custommade/bg_01.png') no-repeat center;
    height: 529px;
}
.all-wrap .content-box1 .row1 .line .text, .all-wrap .content-box1 .row3 .line .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
    padding: 65px;
}

.all-wrap .content-box1 .row2 .line .text, .all-wrap .content-box1 .row4 .line .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
    padding: 65px 65px 0 0;
}

.all-wrap .content-box1 .line .text i { background: url("../../images/custommade/sicon-1.png") no-repeat 0 0; width: 74px; height: 63px}
.all-wrap .content-box1 .line .text h3 {
    font-size: 24px;
    font-weight: bold;
    color: #1cb29d;
    line-height: 1;
    margin-bottom: 22px;
}

.all-wrap .content-box1 .line .img {
    width: 50%;
    align-items: center;
    justify-content: flex-start;
}

.all-wrap .content-box1 .line .img p {text-align: center;}
.all-wrap .content-box1 video {float: left}
.all-wrap .content-box1 video:after {clear: both}

.all-wrap .content-box1 .row2 {
    background: url('../../images/custommade/bg_02.png') no-repeat center;
    height: 533px;
}
.all-wrap .content-box1 .row2 .text i { background: url("../../images/custommade/sicon-2.png") no-repeat 0 0; width: 71px; height: 65px}

.all-wrap .content-box1 .row3 {
    background: url('../../images/custommade/bg_03.png') no-repeat center;
    height: 529px;
}
.all-wrap .content-box1 .row3 .text i { background: url("../../images/custommade/sicon-3.png") no-repeat 0 0; width: 75px; height: 70px}


.all-wrap .content-box1 .row4 {
    background: url('../../images/custommade/bg_04.png') no-repeat center;
    height: 532px;
}
.all-wrap .content-box1 .row4 .text i { background: url("../../images/custommade/sicon-4.png") no-repeat 0 0; width: 73px; height: 70px}

.all-wrap .content-box2 { background-color: #f1fcf8; max-width: 1920px; margin: 0 auto;}

.all-wrap .content-box2 .content {text-align: center; padding-bottom: 25px;}
.all-wrap .content-box3 { background: url("../../images/custommade/bg_06.png") no-repeat center; height: 281px}
.all-wrap .content-box3 .content {display: flex; width: 1200px;margin: 0 auto;padding: 50px 0; text-align: center}
.all-wrap .content-box3 .content .item {width: 240px; padding: 0 15px}
.all-wrap .content-box3 .content b{font-size: 18px; color: #fff; font-weight: bold}
.all-wrap .content-box3 .content p{font-size: 14px; color: #fff; line-height: 1.5}

.all-wrap .content-box4 {
    text-align: center;
    margin: 40px 0;
}
.all-wrap .content-box4 h2{
    margin-bottom: 40px;
    padding-top: 0;
}
.all-wrap .content-box4 .content{
    width: 1200px;
    margin: 0 auto;
}
.all-wrap .content-box4 .row{
    margin-left: -10px;
    margin-right: -10px;
}
.all-wrap .content-box4 .col{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.all-wrap .content-box4 .col-wrap{
    display: block;
    height: 180px;
    background: #f1fdfd;
    text-align: left;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.all-wrap .content-box4 img{
    max-width: 100px;
    max-height: 100px;
    position: absolute;
    top: 50px;
    right: 40px;
}
.all-wrap .content-box4 .col-wrap b{
    display: block;
    width: 250px;
    font-size: 18px;
    color: #333;
    font-weight: 600;
    padding: 30px 0 0 30px;
    line-height: 1.5;
}
.all-wrap .content-box4 .col-wrap p{
    width: 250px;
    height: 65px;
    font-size: 12px;
    color: #666;
    padding: 12px 0 0 30px;
    line-height: 1.5;
}
.all-wrap .content-box4 .col-wrap .button{
    display: inline-block;
    width: 98px;
    height: 25px;
    line-height: 25px;
    background: #0cb99b;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    margin: 12px 0 0 30px;
}


.all-wrap .content-box4 .col-wrap{
    transition-duration: 0.5s;

}
.all-wrap .content-box4 .col-wrap:hover{
    -webkit-box-shadow: #ccc 0px 10px 10px;
    -moz-box-shadow: #ccc 0px 10px 10px;
    box-shadow: #ccc 0px 10px 10px;
}

/*  移动  */
.m-wrap .mbanner {
    width: 10rem;
    height: 4.8rem;
    position: relative;
}
.m-wrap .mbanner h1 {
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 6vw;
    font-weight: bold;
    width: 100%;
    text-align: center;
    top: 0.7rem;
}
.m-wrap .mbanner h3 {
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 3vw;
    font-weight: 400;
    color: #ffffff;
    top: 1.6rem;
    width: 100%;
    text-align: center;
}
.m-wrap .mbanner .h-2 {
    top: 1.91rem;
}
.m-wrap .mbanner img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.m-wrap .box-wrap {
    width: 100%;
    padding: 0.5rem 0;
}

.m-wrap .box-wrap {
    width: 100%;
}

.m-wrap .box-wrap b {font-size: 0.34rem; font-weight: bold;}
.m-wrap .box-wrap p {font-size: 0.28rem; }

.m-wrap .content-box {
    /* padding: 0.3rem; */
}
.m-wrap .box-wrap h2 {
    font-size: 0.48rem;
    width: 100%;
    text-align: center;
    margin: 0 0 0.267rem 0;
    overflow: hidden;
    font-weight: bold;
    color: #333333;
    line-height: 1.2;
}
.m-wrap .box-wrap h4 {
    font-size: 0.28rem;
    font-weight: 400;
    color: #666666;
    line-height: 1;
    width: 100%;
    text-align: center;
    margin-bottom: 0.467rem;
}

.m-wrap .box-wrap1  .line {
    padding: 0.2rem;
    margin: auto;
    display: flex;
    font-size: 0.24rem;
}

.m-wrap .box-wrap1  .line b { font-size: 0.34rem ; color: #333; font-weight: bold}
.m-wrap .box-wrap1  .line p { font-size: 0.28rem; color: #666}
.m-wrap .box-wrap1  .row1 {
    background: url('../../images/custommade/m-bg_01.png') no-repeat 0 0;
    background-size: cover;
    height:3.8rem;
    margin-bottom: 0.7rem;
}
.m-wrap .box-wrap1  .row1 .line .text, .m-wrap .box-wrap1  .row3 .line .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;

}

.m-wrap .box-wrap1  .row2 .line .text, .m-wrap .box-wrap1  .row4 .line .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;

}

.m-wrap .box-wrap1  .line .text i {  width: 1.125rem; height: 1.16rem ; }

.m-wrap .box-wrap1 .row1 .line .text i { background: url("../../images/custommade/sicon-1.png") no-repeat 0 0; background-size: contain}
.m-wrap .box-wrap1  .line .img {
    max-width: 50%;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0.3rem;
}
.m-wrap .box-wrap1  .line .img video {max-width: 100%; height: 2.5rem}

.m-wrap .box-wrap1 .line .img p {text-align: center;}
.m-wrap .box-wrap1  video {float: left}
.m-wrap .box-wrap1  video:after {clear: both}
.m-wrap .box-wrap1 .line .img img {float: left; max-width: 4.5rem}
.clf {clear: both}

.m-wrap .box-wrap1 .row2 {
    background: url('../../images/custommade/m-bg_02.png') no-repeat 0 0;
    background-size: cover;
    height:3.8rem;
    margin-bottom: 0.7rem;
}
.m-wrap .box-wrap1  .row2 .text i { background: url("../../images/custommade/sicon-2.png") no-repeat 0 0; background-size: contain}
.m-wrap .box-wrap1  .row2 .text , .m-wrap .box-wrap1  .row4 .text  {padding-right: 0.2rem}
.m-wrap .box-wrap1  .row3 {
    background: url('../../images/custommade/m-bg_03.png') no-repeat 0 0;
    background-size: cover;
    height:3.8rem;
    margin-bottom: 0.7rem;
}
.m-wrap .box-wrap1  .row3 .img, .m-wrap .box-wrap1  .row4 .img { margin-top: 0.5rem }
.m-wrap .box-wrap1  .row3 .text i { background: url("../../images/custommade/sicon-3.png") no-repeat 0 0; background-size: contain}


.m-wrap .box-wrap1  .row4 {
    background: url('../../images/custommade/m-bg_04.png') no-repeat 0 0;
    background-size: cover;
    height:3.8rem;
    margin-bottom: 0.5rem;
}
.m-wrap .box-wrap1  .row4 .text i { background: url("../../images/custommade/sicon-4.png") no-repeat 0 0; background-size: contain}

.m-wrap .box-wrap2 { background-color: #1cb29d;  margin: 0 auto; color: #fff}
.m-wrap .box-wrap2 h2 {color: #fff}
.m-wrap .box-wrap2 h4 {color: #fff}

.m-wrap .box-wrap2 .content .row {padding: 0 0.2rem}

.m-wrap .box-wrap2 .content .row .item { width: 50%; float: left; padding-bottom: 0.5rem;}
.m-wrap .box-wrap2 .content .row .item .right {width: 3.2rem;float: right;}
.m-wrap .box-wrap2 .row .item img { width: 1.3rem}
.m-wrap .box-wrap2 .row .item p {    float: left;}

.m-wrap .box-wrap2 .row .last  {width: 100%!important;}
.m-wrap .box-wrap2 .row .last .right {width: 8rem!important;}

.m-wrap .box-wrap3{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1dbbc7+0,2096d4+100 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1dbbc7', endColorstr='#2096d4',GradientType=0 ); /* IE6-9 */
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}
.m-wrap .box-wrap3 h2{
    color: #333;
}
.m-wrap .box-wrap3 .row{
    margin: 0 -0.2rem;
}
.m-wrap .box-wrap3 .col{
    padding-left: 0.1rem;
    padding-right: 0rem;
    margin-bottom: 0.4rem;
}
.m-wrap .box-wrap3 img{
    max-width: 1.4rem;
    position: absolute;
    top: 0.5rem;
    right: 0.3rem;
}
.m-wrap .box-wrap3 .col-wrap{
    display: block;
    background: #f1fdfd;
    border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -ms-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    width: 98%;
    margin: 0.1rem;
}
.m-wrap .box-wrap3 .col-wrap b{
    width: 58%;
    text-align: left;
    display: block;
    font-size: 0.35rem;
    color: #333;
    font-weight: 600;
    padding: 0.3rem 0 0 0.3rem;
}
.m-wrap .box-wrap3 .col-wrap p{
    width: 60%;
    height: 1.5rem;
    text-align: left;
    display: block;
    font-size: 0.21rem;
    padding: 0.2rem 0 0 0.3rem;
    color: #666;
}
.m-wrap .box-wrap3 .col-wrap .button{
    display: inline-block;
    padding: 0.1rem 0.2rem;
    background: #0cb99b;
    color: #fff;
    font-size: 0.21rem;
    text-align: center;
    border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -ms-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    margin: 0.12rem 0 0.3rem 0.3rem;
}
.product-video-close { width: 0.9rem!important; height: 0.9rem!important; font-size: 0.4rem!important}