html {
    background-color: #f2f2f2;
}
@media screen and (min-width: 1200px) {
    html,body {
        overflow: hidden;
        overflow-y: auto;
    }
}
.modal {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    background-color:rgba(0,0,0,0.5);
    z-index:1000;
}
.color-white {color: #FFFFFF;}
.flex_left{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.flex_center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex_row{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.mr20{margin-right: 20px;}
.ml20{margin-left: 20px;}
.main {
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .main {
        width: 125%;
    }
}
/* @media screen and (max-width: 1680px) {
    .topmenu .menu a {
        font-size: 14px !important;
        padding: 10px 15px !important;
    }
}

@media screen and (max-width: 1550px) {
    .topmenu .menu {
        margin-left: 30px !important;
    }
}

@media screen and (max-width: 1525px) {
    .topmenu .menu {
        margin-left: auto !important;
    }
}
@media screen and (max-width: 1500px) {
    .topmenu .menu a {
        font-size: 14px !important;
        padding: 10px 0 !important;
        width: 70px;
        text-align: center;
    }
    .topmenu .txt .nums {
        width: 115px;
    }
    .topinfo {
        padding: 0 20px !important;
    }
    .topinfo .min960 {
        margin-left: 20px !important;
    }
    .main .appimg {
        right: 280px;
    }
    .topmenu {
        padding: 10px 20px !important;
    }
    .main .lefimg {
        right: 200px !important;
    }
    .main .rigimg {
        right: 40px !important;
    }
} */

.main .appimg {
    display: none;
    position: absolute;
    width: 120px;
    height: 120px;
    right: 380px;
    top: 50px;
    text-align: center;
    line-height: 120px;
    background-color: #FFFFFF;
    box-shadow:1px 2px 6px #666666;
    border-radius: 5px;
    z-index: 1000;
}
.main .appimg img {
    width: 100px;
    height: 100px;
}
.topinfo {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 200px;
    box-sizing: border-box;
    background-color: #ee792c;
    font-size: 14px;
    color: #FFFFFF;
}
.topinfo .applt .jtou {
    transform: rotate(90deg);
    width: 15px;
    height: 15px;
}
.topinfo .applt {
    margin-left: auto;
    height: 100%    ;
}
.topinfo .applt span {
    vertical-align: middle;
}
.topmenu {
    width: 100%;
    background-color: #FFFFFF;
    padding: 20px 200px;
    box-sizing: border-box;
    border-bottom: 1px solid #ee792c;
    text-align: center;
}
.topmenu .menu{
    /* margin-left: auto; */
   margin-left: 100px;
}
.topmenu .menu a {
    text-decoration: none;
    padding: 10px 20px;
    color: #000000;
    font-size: 16px;
    margin-left: 20px;
}
.daod {
    background-color: #ee792c;
    color: #FFFFFF !important;
}
.topmenu .menu img {
    width: 50px;
    height: 56px;
    margin-left: 10px;
}
.topmenu .txt {
    text-align: center;
}
.topmenu .nums {
    font-size: 18px;
    font-weight: bold;
}
.topmenu .tshi {
    font-size: 10px;
}
/* 轮播图 */
.containers {
    width: 100% !important;
}
.container .swiper-container img {
    width: 100%;
}

.join-phone {
    background-color: #ED7829;
    color: #fff;
    height: 40px;
    width: 290px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 10px;
    border-radius: 3px;
    font-weight: 500;
}

.logo {
    margin-top: -81px;
}

.video {
    width: 100%;
    padding: 40px 0;
    box-sizing: border-box;
    background-image: url(../images/gaib/b017cef8f863992cd69bf51c0a22a08491e9406174e04-MGImby.png);
    background-size: 100% auto;
    text-align: center;
}

.video .title {
    font-size: 24px;
    font-weight: bold;
}
.video .flex_center {
    margin-top: 5px;
}
.video .line {
    width: 260px;
    height: 1px;
    background-color: #000000;
}

.video-block {
    background-image: url("../images/bg-video.png");
    display: block;
    height: 400px;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 180px;
    margin-top: 20px;
}

.video-title {
    color: #ED7829;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 15px;
}

.play-button {
    border-radius: 5px;
    border: 1px solid #fff;
    color: #fff;
    width: 150px;
    height: 35px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.play-button span {
    margin-right: 10px;
}

.play-icon {
    background-image: url("../images/play.png");
    width: 24px;
    height: 22px;
}

/* 商品类别模块css */
.climany {
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 10px;
    letter-spacing: 3px;
    color: #666666;
}
.commodity {
    width: 100%;
    background-color: #FFFFFF;
    padding: 20px 0;
    box-sizing: border-box;
}
/* 主材css */
.commodity .zc a {
    text-decoration: none;
}
.commodity .zc .list a:hover {
    color: #ee792c;
}
.commodity .zc {
    width: 1200px;
    margin: 0 auto;
}
.commodity .zc .lines {
    width: 4px;
    height: 30px;
    background-color: #ee792c;
}
.commodity .zc .zctxt {
    font-size: 24px;
    font-weight: bold;
    margin-left: 10px;
}
.commodity .zc .list {
    margin-left: auto;
}
.commodity .zc .list a {
    color: #333333;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 14px;
}
.commodity .zc .list a:nth-child(4){
    border: 0;
}
.commodity .zc .list a:nth-child(5){
    border: 0;
}
.commodity .content {
    width: 100%;
}
.commodity .content .lfs {
    width: 25%;
    height: 450px;
    position: relative;
    background-color: #F2F2F2;
    margin-top: 10px;
    text-align: center;
    padding: 0 20px;
}
.commodity .zc .content .lfs .imgs {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}
.commodity .zc .content .rgs {
    width: 75%;
    height: 450px;
    margin-top: 10px;
    border: 1px solid #666666;
    margin-left: 5px;
}
.commodity .content .category {
    margin-top: 20px;
    text-align: center;
}
.commodity .content .category li a {
    color: #000000;
}
.commodity .content .category li a:hover {
    color: #ee792c;
}
.commodity .content .category li {
    color: #000000;
    font-size: 14px;
    width: 70px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}
.commodity .zc .content .rgs .topcon {
    width: 100%;
    border-bottom: 1px solid #666666;
}
.commodity .content .rgs .topcon .item:not(:last-child) {
    border-right: 1px solid #E5E5E5;
}
.commodity .zc .content .rgs .topcon .item {
    width: 33.3333%;
    padding: 20px 10px;
    box-sizing: border-box;
    color: #000000;
}
.commodity .rgs .t1 {
    font-size: 16px;
    font-weight: bold;
}
.commodity .rgs .t2 {
    font-size: 12px;
    margin-top: 5px;
}
.commodity .rgs .topcon .item .misu {
    margin-top: -100px;
}
.commodity .rgs .item .liney {
    width: 50px;
    height: 4px;
    background-color: #ee792c;
    margin-top: 5px;
}
.commodity .zc .rgs .topcon .item .tu {
    width: 140px;
    height: 180px;
    margin-left: 10px;
}
.commodity .rgs .topcon .item .tu img {
    width: 100%;
    height: 100%;
}
.commodity .rgs .bomcon {
    width: 100%;
}
.commodity .rgs .bomcon .item:not(:last-child) {
    border-right: 1px solid #E5E5E5;
}
.commodity .rgs .bomcon .item {
    width: 25%;
    padding: 20px 10px;
    box-sizing: border-box;
    color: #000000;
}
.commodity .rgs .bomcon .item .imgs {
    width: 200px;
    height: 114px;
    margin-top: 20px;
}
.commodity .rgs .bomcon .item .imgs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 辅材css */
.commodity .fc a {
    text-decoration: none;
}
.commodity .fc .list a:hover {
    color: #ee792c;
}
.commodity .fc {
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}
.commodity .fc .lines {
    width: 4px;
    height: 30px;
    background-color: #ee792c;
}
.commodity .fc .zctxt {
    font-size: 24px;
    font-weight: bold;
    margin-left: 10px;
}
.commodity .fc .list {
    margin-left: auto;
}
.commodity .fc .list a {
    color: #333333;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 14px;
}
.commodity .fc .list a:nth-child(3){
    border: 0;
}
.commodity .fc .list a:nth-child(4){
    border: 0;
}
.commodity .fc .content .lfs {
    width: 25%;
    height: 260px;
}
.commodity .fc .content .lfs .imgs {
    position: absolute;
    bottom: 10px;
    right: 0;
}
.commodity .fc .content .rgs {
    width: 75%;
    height: 260px;
    margin-top: 10px;
    border: 1px solid #666666;
    margin-left: 5px;
}
.commodity .fc .content .rgs .topcon .item {
    width: 33.3333%;
    padding: 34px 10px;
    box-sizing: border-box;
    color: #000000;
}
.commodity .fc .rgs .topcon .item .tu {
    width: 150px;
    height: 190px;
    margin-left: 10px;
}
.commodity .content .category li a {
    text-decoration: none;
}
.commodity .content .category li a:hover {
    color: #ee792c;
}

/* 全屋定制css */
.commodity .mized {
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}
.commodity .mized .lines {
    width: 4px;
    height: 30px;
    background-color: #ee792c;
}
.commodity .mized .zctxt {
    font-size: 24px;
    font-weight: bold;
    margin-left: 10px;
}
.commodity .mized .list {
    margin-left: auto;
}
.commodity .mized .list a {
    color: #333333;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 14px;
}
.commodity .mized .content {
    margin-top: 30px;
}
.commodity .mized .topimg .imgs1{
    position: relative;
    width: 360px;
}
.commodity .mized .topimg .imgs2{
    position: relative;
    width: 330px;
    margin-left: 10px;
}
.commodity .mized .topimg .imgs3{
    position: relative;
    width: 490px;
    margin-left: 10px;
}
.commodity .mized .topimg img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}
.commodity .ctxt:hover {
    background-color: #ee792c;
}
.commodity .ctxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 5px;
    background-color:rgba(0,0,0,0.5);
}
.commodity .mized .bomimg {
    margin-top: 10px;
}
.commodity .mized .bomimg .imgs4{
    position: relative;
    width: 210px;
}
.commodity .mized .bomimg .imgs5{
    position: relative;
    width: 410px;
    margin-left: 10px;
}
.commodity .mized .bomimg .imgs6{
    position: relative;
    width: 300px;
    margin-left: 10px;
}
.commodity .mized .bomimg .imgs7{
    position: relative;
    width: 250px;
    margin-left: 10px;
}
.commodity .mized .bomimg img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

/* 0醛装修css */
.commodity .aldehyde {
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}
.commodity .aldehyde .lines {
    width: 4px;
    height: 30px;
    background-color: #ee792c;
}
.commodity .aldehyde .zctxt {
    font-size: 24px;
    font-weight: bold;
    margin-left: 10px;
}
.commodity .aldehyde .list {
    margin-left: auto;
}
.commodity .aldehyde .list a {
    color: #333333;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 14px;
}
.commodity .aldehyde .content {
    margin-top: 30px;

}
.commodity .aldehyde .topimg img {
    width: 100%;
    height: 260%;
    object-fit: cover;
}
.commodity .aldehyde .topimg .imgs1{
    position: relative;
    width: 390px;
}
.commodity .aldehyde .topimg .imgs2{
    position: relative;
    width: 390px;
    margin-left: 10px;
}
.commodity .aldehyde .topimg .imgs3{
    position: relative;
    width: 400px;
    margin-left: 10px;
}

/* 加盟指引css */
.join {
    width: 1200px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 30px 0;
    box-sizing: border-box;
}
.join .linej {
    width: 4px;
    height: 30px;
    background-color: #ee792c;
}
.join .bt {
    font-size: 24px;
    font-weight: bold;
    margin-left: 10px;
}
.join .item {
    width: 120px;
    text-align: center;
}
.join .item img {
    width: 100%;
    height: 120px;
}
.join .item .tex {
    font-size: 14px;
    margin-top: 10px;
}
.join .zline {
    width: 60px;
    height: 4px;
    background-color: #ff792f;
}

/* 加盟对象css */
.object {
    width: 100%;
    padding: 30px 0;
    box-sizing: border-box;
    background-color: #F2F2F2;
}
.object .ocont {
    width: 1200px;
    margin: 0 auto;
}
.object .oline {
    width: 4px;
    height: 30px;
    background-color: #ee792c;
}
.object .otit {
    font-size: 24px;
    font-weight: bold;
    margin-left: 10px;
}
.object .ohs {
    font-size: 18px;
    font-weight: 800;
    color: #ee792c;
    letter-spacing: 2px;
    line-height: 30px;
    margin-top: 20px;
}
.object .ots {
    font-size: 14px;
    color: #000000;
    line-height: 30px;
    margin-top: 20px;
}
.object .otxt {
    width: 50%;
    margin-top: -50px;
}
.object .oimg {
    margin-left: auto;
}
.object .phone {
    width: 350px;
    height: 50px;
    margin-top: 30px;
    text-align: center;
    line-height: 50px;
    color: #FFFFFF;
    background-color: #ee792c;
    font-size: 16px;
}
.object .phone img {
    width: 30px;
    height: 30px;
}
.object .phone .mua {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-left: 5px;
}

/* 关于我们css */
.mt10 {margin-top: 15px;}
.about {
    width: 100%;
    padding: 40px 0;
    box-sizing: border-box;
    background-image: url(../images/gaib/20184818404323201.png);
    background-size: 100% 100%;
    text-align: center;
}
.about .acont {
    width: 1200px;
    margin: 0 auto;
}
.about .ocont {
    width: 1200px;
    margin: 0 auto;
}
.about .oline {
    width: 4px;
    height: 30px;
    background-color: #ee792c;
}
.about .otit {
    font-size: 24px;
    font-weight: bold;
    margin-left: 10px;
}
.about .toptxt {
    margin-top: 30px;
}
.about .atxt {
    width: 45%;
    text-align: left;
    line-height: 30px;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 20px;
    font-size: 14px;
}
.about .aimg {
    width: 50%;
    margin-left: auto;
}
.about .aimg img {
    width: 260px;
    height: 160px;
}
.about .webn {
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    margin-top: 30px;
}
.company {
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
    padding-bottom: 40px;
    position: relative;
    text-align: center;
}
.company .fotimg {
    display: none;
    position: absolute;
    left: 90px;
    top: 30px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 1px 2px 6px #666666;
    border-radius: 5px;
}
.company .fotimg img {
    width: 100px;
    height: 100px;
}
.company .strip {
    text-align: left;
    font-size: 14px;
    margin: 0 auto;
}
.company .strip:not(:first-child) {
    margin-left: 90px;
}
.company .strip a:hover {
    color: #ee792c;
}
.company .strip a {
    color: #000000;
    text-decoration: none;
}
.company .strip .title {
    font-size: 18px;
    font-weight: bold;
    color: #ee792c;
    letter-spacing: 2px;
}
.company .strip .conline {
    width: 80px;
    height: 1px;
    background-color: #000000;
    margin: 10px 0;
}
.company .strip .dh {
    font-size: 20px;
    font-weight: bold;
    color: #666666;
}
.company .cimg img {
    width: 80px;
    height: 80px;
}
.company .strips {
    margin-left: 100px;
    text-align: center;
}



.row {
    color: #000000;
}

.block-title {
    color: #ED7829;
    margin-top: 35px;
}

.block-title .title {
    font-size: 32px;
    font-weight: 600;
    border-bottom: 1px solid #ED7829;
    width: 200px;
}

.block-title .subtitle {
    font-size: 18px;
}

.block-body {
    margin-top: 20px;
}

.block-body .item-title {
    font-size: 32px;
    color: #fff;
}

.block-body .item-day {
    font-size: 18px;
    color: #fff;
}

.block-body .block-2h {
    width: 395px;
    height: 391px;
    text-align: center;
    padding-top: 150px;
}


.block-body .block-1h {
    height: 186px;
    text-align: center;
    padding-top: 50px;
    margin-left: 10px;
    margin-bottom: 15px;
    width: 320px;
}

.bg-f1 {
    background-image: url("../images/f1.png");
    background-repeat: no-repeat;
    background-position: center;
}

.bg-f2 {
    background-image: url("../images/f2.png");
    background-repeat: no-repeat;
    background-position: center;
}

.bg-f3 {
    background-image: url("../images/f3.png");
    background-repeat: no-repeat;
    background-position: center;
}

.bg-f4 {
    background-image: url("../images/f4.png");
    background-repeat: no-repeat;
    background-position: center;
}


.bg-f5 {
    background-image: url("../images/f5.png");
    background-repeat: no-repeat;
    background-position: center;
}

.w500 {
    width: 500px !important;
}

.block-body .block-card {
    width: 350px;
    height: 250px;
    margin-right: 20px;
    text-align: center;
    padding-top: 50px;
    color: #fff;
    margin-bottom: 20px;
}

.block-card .item-button {
    background-color: #ED7829;
    border-radius: 5px;
    width: 180px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: normal;
    margin: 10px auto 0;
}

.bg-t1 {
    background-image: url("../images/t1.png");
    background-repeat: no-repeat;
    background-position: center;
}

.bg-t2 {
    background-image: url("../images/t2.png");
    background-repeat: no-repeat;
    background-position: center;
}

.bg-t3 {
    background-image: url("../images/t3.png");
    background-repeat: no-repeat;
    background-position: center;
}

.steps {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    padding: 0 50px;
    width: 100%;
    height: 200px;
    background-color: #EDEDED;
}

.steps .step {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.steps .line {
    width: 20px;
    height: 2px;
    background-color: #BFBFBF;
}

.m30 {
    margin-left: -30px;
    margin-right: -30px;
}

.block-steps .phone {
    background-color: #ED7829;
    color: #fff;
    height: 60px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 25px;
}

.block-steps .phone img {
    margin-right: 5px;
}

.block-steps .phone .phone-number {
    font-size: 30px;
}

.block-people {
    height: 250px;
    background-color: #EDEDED;
    display: flex;
    flex-direction: row;
    padding-left: 30px;
    padding-top: 30px;
    margin-top: 50px;
}

.block-people .notice .title {
    color: #1E1E1E;
    font-weight: bold;
    font-size: 23px;
}

.block-people .notice .title span {
    color: #ED7829;
}

.block-people .notice .line {
    background-color: #EDB28E;
    height: 2px;
    width: 480px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.block-people .notice .content {
    color: #4B4B4B;
    font-size: 16px;
}

.block-people img {
    height: 320px;
    position: relative;
    top: -100px;
}

.contact {
    margin-top: 25px;
}

.contact .inputs {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 80px;
    background-color: #ECEDEE;
    margin: 0 auto;
}

.contact .inputs input {
    margin-left: 20px;
    margin-right: 20px;
    height: 35px;
    width: 300px;
    padding: 5px;
}

.contact .button {
    width: 150px;
    height: 35px;
    background-color: #DF7D3E;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.contact .phones {
    height: 250px;
    border: 1px solid #DCDDDD;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.contact .phones #scrollBox {
    width: 500px;
    height: 200px;
    margin: 0 auto;
    line-height: 20px;
    overflow: hidden;
    margin: 0 auto;
}

li {
    list-style: none;
}

.block-news {
    background-color: #EDEDED;
    padding: 50px;
    font-size: 18px;
    line-height: 26px;
}

.block-news .news-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #fff;
    margin-bottom: 10px;
    padding: 10px;
    margin-right: 5px;
}

.block-news .news-item .date {
    background-color: #363839;
    color: #fff;
    width: 72px;
    height: 72px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.block-news .news-item .date .day {
    font-size: 18px;
}

.block-news .news-item .date .year-moth {
    font-size: 15px;
}

.block-news .news-item .news {
    font-size: 15px;
    width: 70%;
    line-height: normal;
}

.block-news .news-item .news .title {
    color: #353535;
    margin-bottom: 5px;
    font-size: 18px;
}

.block-news .news-item .news .content {
    color: #6a6a6a;
}

.block-news .post {
    background-color: #fff;
    padding-bottom: 10px;
}

.block-news .post img {
    width: 100%;
}

.block-news .post .title {
    font-size: 18px;
    color: #353535;
    margin: 10px;
}

.block-news .post .content {
    color: #6a6a6a;
    line-height: normal;
    margin: 10px;
}

.block-about {
    background-color: #EDEDED;
    padding: 50px;
    font-size: 18px;
    line-height: 30px;
    text-indent: 2em;
}
.block-about img{
  width: 48%;
  height: 300px;
  object-fit: cover;
}

.block-contact {
    background-color: #ED7829;
    padding: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: #fff;
    line-height: 26px;
    font-size: 18px;
}

.block-contact .title {
    font-size: 20px;
    margin-bottom: 10px;
}

.block-footer {
    text-align: center;
    margin: 35px 0;
}


.page-title-block {
    height: 441px;
    color: #fff;
    text-align: center;
    margin-top: -19px;
    width: 100%;
    padding-top: 100px;
}

.page-title-block h1 {
    font-size: 50px;
}

.page-title-block h2 {
    color: #ED7829;
}

.page-title-block .line {
    background-color: #fff;
    height: 3px;
    width: 125px;
    margin: 20px auto 0;
}

.cases-title-bg {
    background: url("../images/cases/title-bg.jpg") no-repeat center;
}

.join-title-bg {
    background: url("../images/join/title-bg.jpg") no-repeat center;
}

.case-store {
    /* background: url("../images/cases/store-bg.png") no-repeat left; */
    height: 603px;
    width: 617px;
    padding-top: 100px;
}

.cases-bg {
    background: url("../images/cases/cases-bg.png") no-repeat center;
    height: 628px;
}

.user-case-block {
    background-image: url("../images/cases/10bgood-bg.png");
    background-repeat: no-repeat;
    background-position: center 55px;
    background-color: #F5F5F6;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 60px;
}

.user-case-block h2 {
    color: #ED7829;
    font-size: 45px;
}

.user-case-block h3 {
    font-size: 30px;
    margin-bottom: 25px;
    font-weight: 400;
}

.user-comment-block {
    border-top: 2px solid #ED7829;
    width: 100%;
    height: 370px;
    text-align: center;
}

.user-comment-block .good-bg {
    position: relative;
    top: -360px;
    left: 350px;
    z-index: 100;
}

.user-comment-block h3 {
    color: #ED7829;
    font-size: 22px;
}

.user-comment-block h2 {
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.user-comment-block .comments {
    height: 200px;
    overflow-y: hidden;
}

.user-comment-block .comment {
    text-align: left;
    width: 50%;
    height: 55px;
    border-bottom: 1px dashed #666;
    line-height: 25px;
    font-size: 13px;
    margin: 0 auto 10px;
}

.workflow-block {
    background-color: #EDEDED;
}

.workflow-block .steps {
    width: 70%;
    margin: 0 auto;
    height: 150px;
}

.workflow-block .block-steps .title {
    font-size: 35px;
    border-bottom: 1px solid #ED7829;
    width: 180px;
    padding-top: 25px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
}

.number-block .orange {
    color: #ED7829;
    font-size: 50px;
    font-weight: bold;
    margin-right: 5px;
}

.number-block .number-line {
    border-bottom: 1px solid #ED7829;
    width: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.number-block .number-col {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 400px;
    font-weight: bold;
}

.number-block .number-col .number-item {
    text-align: center;
}

.problem-block h2 {
    text-align: center;
    font-size: 35px;
}

.problem-block .problem-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    border: 1px solid #D0D1D2;
    margin-bottom: 10px;
}

.problem-block .problem-item .content {
    text-align: center;
}

.problem-block .problem-item img {
    margin-right: 10px;
}

.problem-block .problem-item h3 {
    border-bottom: 2px solid #ED7829;
    font-size: 20px;
    padding-bottom: 10px;
}

.advantage-block {
    width: 100%;
    margin: 0 auto;
    background-image: url("../images/cases/10bgood-bg.png");
    background-repeat: no-repeat;
    background-position: center 55px;
    background-color: #F5F5F6;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 60px;
}

.advantage-block h2 {
    color: #ED7829;
    font-size: 45px;
}

.advantage-block h3 {
    font-size: 30px;
    margin-bottom: 25px;
    font-weight: 400;
}

.advantage-block .advantage-item {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.advantage-block .advantage-item .content {
    width: 20%;
}
.advantage-block .advantage-item img {
    width: 70%;
    height: 350px;
}

.advantage-block .advantage-item .content h2 {
    color: #000;
    border-bottom: 1px solid #ED7829;
    width: 350px;
    text-align: left;
    padding-bottom: 5px;
}

.advantage-block .advantage-item .content h3 {
    color: #ED7829;
    text-align: left;
    margin-bottom: -10px;
}

.advantage-block .advantage-item .content h4 {
    color: #000;
    text-align: left;
    font-weight: 300;
}

.support-block {
    background: url("../images/join/support-bg.png") no-repeat center top;
    padding-top: 50px;
    padding-bottom: 50px;
}

.support-block  h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 45px;
}

.support-block  h3 {
    text-align: center;
    color: #ED7829;
}

.support-block .support-item {
    background-color: #FEFAFA;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100px;
    margin-bottom: 10px;
    border: 1px solid #ED7829;
    padding-bottom: 10px;
    padding-top: 10px;
}

.support-block .support-item .number-block {
    color: #fff;
    background-color: #ED7829;
    width: 100px !important;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 10px;
    margin-left: -15px;
    margin-top: 10px;
}

.support-block .support-item .number-block .number {
    font-size: 35px;
    width: 50px;
}

.support-block .support-item .content-block {
    width: 400px;
    margin: 0 auto;
}

.support-block .support-item .content-block .title {
    border-bottom: 1px solid #ED7829;
    font-weight: bold;
    font-size: 23px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.support-block .support-item .content-block .text {
    margin-top: 5px;
    text-align: center;
}

.support-block .support-tips {
    background-color: #ED7829;
    color: #fff;
    height: 100px;
    font-size: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.support-block .support-tips .left {
    width: 17px;
    height: 17px;
    position: relative;
    left: -250px;
}

.support-block .support-tips .right {
    width: 17px;
    height: 17px;
    position: relative;
    right: -250px;
}

.brand-block {
    background: url("../images/join/brand-bg.png") no-repeat center top;
    height: 603px;
    padding-top: 50px;
}

.brand-block .title {
    display: flex;
    flex-direction: row;
    color: #fff;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.brand-block .title .left {
    border-right: 1px solid #fff;
    padding-right: 20px;
    text-align: center;
}

.brand-block .title .left h2 {
    font-size: 40px;
}

.brand-block .title .left h3 {
    color: #ED7829;
    font-size: 35px;
    font-weight: 400;
}

.brand-block .title .right {
    padding-left: 20px;
    font-size: 18px;
    line-height: 30px;
}

.package-title {
    color: #ED7829;
    margin-top: 35px;
    font-size: 32px;
    font-weight: 600;
    border-bottom: 1px solid #ED7829;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.package-content {
    text-align: center;
}