/* RECOMMENDED PRODUCT SERIES 开始 */
.yms-series{
    width: 100%;
    background-color: #fff;
    padding-bottom: 100px;
}
.yms-serBox{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.yms-serBox img{
    width: 100%;
    object-fit: contain; 
}
.yms-serLe{
    width: 42%;
}
.yms-serRi{
    width: 57%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* RECOMMENDED PRODUCT SERIES 结束 */



/* About Us 开始 */
.yms-about{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background-color: #ac7243;
}
.yms-abLe,.yms-abRi{
    width: 50%;
}
.yms-abLe video{
    width: 100%;
}
.yms-abRi{
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10% 0 50px;
    box-sizing: border-box;
}
.yms-abRi .g_title{
    color: #fff;
    padding-top: 0;
    text-align: left;
    padding-bottom: 30px;
}
.yms-abRiTe{
    padding-bottom: 30px;
    line-height: 1.5;
    text-align: justify;
}
.yms-abRiLi{
    display: inline-block;
    color: #fff;
    background-color: #47270d;
    width: 120px;
    line-height: 40px;
    text-align: center;
    margin-top: 20px;
}
/* About Us 结束 */



/* 产品组合 开始 */
.yms-pro,.yms-proTop,.yms-proBot{
    width: 100%;
}
.yms-proTop img{
    width: 100%;
    object-fit: contain;
}
.yms-proBot{
    padding-top: 40px;
    padding-bottom: 100px;
}
.yms-proList{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.yms-proItem{
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.yms-proItem:nth-child(4n){
    margin-right: 0;
}
.yms-proItImg a{
    display: inline-block;
    width: 100%;
    border: 1px solid #eee;
    box-sizing: border-box;
    overflow: hidden;
}
.yms-proItImg img{
    width: 100%;
    object-fit: contain;
}
.yms-proItText{
    width: 100%;
    padding-top: 15px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* 产品组合 结束 */



/* GET IN YOUCH 开始 */
.yms-youch{
    padding-bottom: 100px;
    background: url(../images/1c323cd47d6e8f4aaf3b8fcd137d3d2f.jpg) no-repeat;
    background-size: cover;
}
.yms-youch .g_title{
    color: #fff;
    padding-bottom: 20px;
}
.yms-youTe{
    color: #fff;
    text-align: center;
}
.yms-youBox{
    width: 100%;
    padding-top: 45px;
}
.yms-youBox form{
    width: 60%;
    margin: 0 auto;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
}
.yms-youIn{
    width: 72%;
    color: #fff;
    padding: 0 15px;
    line-height: 40px;
    border: 1px solid #FFFFFF;
    background-color: transparent;
    outline: none;
}
.yms-youIn::-webkit-input-placeholder { /* WebKit browsers */
    color: #ccc;
}
.yms-youIn::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
}
.yms-youIn:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ccc;
}
.yms-youBut{
    width: 20%;
    color: #fff;
    text-align: center;
    line-height: 40px;
    background-color: #ac7243;
}
/* GET IN YOUCH 结束 */


/* 原始页面修改 */
.home_title,.home_promod,.home_more_btn,
.home_about_bg,.home_mod1{
    display: none;
}
.g_title{
    padding-top: 100px;
    font-weight: normal;
}
.sroll_btn .prev_btn{
    background-color: #a1a0a4;
}
.sroll_btn .next_btn,
.home_news ul li .date{
    background-color: #ac7243;
}
.home_news{
    padding-top: 0;
    padding-bottom: 100px;
}
.home_news ul li .date{
    color: #fff;
}
.home_news ul li .date span{
    color: #eeeeee;
}
.home_news ul li .news_more{
    color: #ac7243;
}
.home_proroll ul li .ph_name{
    text-align: center;
}



/* 页面适配 */
@media only screen and (max-width: 1840px){
    .yms-abRi{
        padding-right: 50px;
    }
}
@media only screen and (max-width: 1540px){
    .yms-abLe, .yms-abRi{
        width: 100%;
    }
    .yms-abRi{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
@media only screen and (max-width: 1040px){
    .yms-series,
    .home_news,
    .yms-youch,
    .yms-proBot{
        padding-bottom: 60px;
    }
    .g_title{
        padding-top: 60px;
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
        font-size: 24px;
    }
    .yms-abRi{
        padding-left: 10px;
        padding-right: 10px;
    }
    .yms-youBox form{
        width: 100%;
    }
}
@media only screen and (max-width: 767px){
    .yms-series,
    .home_news,
    .yms-youch,
    .yms-proBot{
        padding-bottom: 30px;
    }
    .g_title{
        padding-top: 30px;
        padding-bottom: 20px;
        font-size: 20px;
    }
    .yms-abRi {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .yms-proItem{
        width: 49%;
    }
    .yms-proItem:nth-child(2n){
        margin-right: 0;
    }
}