@charset "utf-8";
/* 公共 */
img {
    width: 100%;
}
.new-product-container .product-banner{
    overflow-y: hidden;
}
.new-product-container .spec-content p {
    margin-bottom: 0.15rem;
    font-size: 0.225rem;
    line-height: 1.5;
}
.new-product-container .series-border-button {
    border: 1px solid #bc261a;
    padding: 10px 30px;
    text-align: center;
    margin: 24px 0 12px 0;
    border-radius: 4px;
    color: #bc261a;
    cursor: pointer;
    font-size: .225rem;
    display: block;
}
.new-product-container .series-border-button:hover{
    color: #fff;
    background: #bc261a;
}
/* banner */
.new-product-container .spec-content {
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
}
/* blog中的特定样式 */
.new-product-container .application-blog {
    justify-content: flex-start;
}
.new-product-container .content, .new-product-container .spce-container {
    width: 90%;
    padding: 0.75rem 0;
}
.new-product-container .spce-container {
    margin: 0 auto;
}
.new-product-container .spec-content h1 {
    font-size: .45rem;
    margin-bottom: .375rem;
    font-weight: 800;
}
.new-product-container .spec-content h2, .new-product-container .events-recommend>h2{
    font-size: 0.375rem;
    margin-bottom: 0.75rem;
    font-weight: 800;
    text-align: center;
}
.new-product-container .text-container {
    background: #f2f2f2;
}
.new-product-container .text-content h2 {
    text-align: left;
    margin-bottom: 40px;
}
.new-product-container .series-list-content .series-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.new-product-container .series-list-content .series-item {
    width: 31%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 16px 10px rgba(105, 105, 105, .1);
    margin-bottom: 32px;
    padding: 20px;
    box-sizing: border-box;
}
.new-product-container .series-list-content .series-item .img-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    overflow-y: hidden;
}
.new-product-container .series-list-content .title-box-change {
    width: 100%;
    height: 0.575rem;
    position: relative;
    margin: 16px 0 6px 0;
}
.new-product-container .series-item h3 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    font-weight: 800;
    font-size: .275rem;
    display: block;
    text-align: center;
    line-height: 0.575rem;
}
.title-border-button {
    border: 1px solid #bc261a;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    background: #bc261a;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    display: none;
    font-size: 0.25rem;
    font-weight: 800;
    line-height: 0.575rem;
}
.new-product-container .series-list-content .title-box-change:hover h3 {
    display: none;
}
.new-product-container .series-list-content .title-box-change:hover .title-border-button {
    display: block;
}
.new-product-container .series-list-content .series-item p {
    text-align: center;
}
.new-product-container .no-link .title-box-change:hover h3 {
    display: block;
}
/* icon */
.new-product-container .icon-content {
    background: #bc261a;
    color: #fff;
}
.new-product-container .icon-list-content {
    width: 98%;
}
.new-product-container .icon-content h2 {
    color: #fff;
}
.new-product-container .iconList{
    width: 98%;
    display: flex;
    margin: 40px auto;
    margin-bottom: 0;
    justify-content: space-between;
    flex-wrap: wrap;
}
.new-product-container .iconItem{
    width:24%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.new-product-container .iconCricle {
    padding: .475rem;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    width: .475rem;
    height: .475rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.new-product-container .iconCricle i {
    font-size: .5625rem;
}
.new-product-container .iconCricle .desc{
    text-align: center;
    position: relative;
}
.desc .title{
    font-size: .325rem;
    height: .8rem;
    line-height: .8rem;
    font-weight: bold;
}
/* LED Stage Screen Applications */
.new-product-container .application-blog .content {
    padding: 0;
    width: 100% !important;
}
.application-content .application-list{
    width: 90%;
}
.application-content .application-item{
    background: #fff;
    display: flex;
    padding: 0.25rem;
    box-shadow: 0 0 .2rem 0.125rem rgba(105, 105, 105, .1);
    margin-bottom: 0.25rem;
    border-radius: 0.125rem;
    justify-content: space-between;
}
.application-content .application-item .application-img-spec {
    width: 50%;
    display: flex;align-items: center
}
.application-content .application-item>img {
    width: 40%;
}
.events-vertical .application-item>img {
    width: 100%;
}
.application-content .application-item .application-right {
    margin-left: 0.25rem;
    width: 55%;
    padding-right: .625rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.application-content .application-item .title {
    font-size: .275rem;
    font-weight: 800;
    margin-bottom: 0.3rem;
}
.application-content .series-border-button {
    width: 2.5rem;
}
/* 特殊部分 */
.application-content .events-vertical  {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.application-content .events-vertical .application-item  {
    width: 46%;
    flex-direction: column;
}
.application-content .events-vertical .application-item .title {
    margin-top: 0.375rem;
}
.application-content .events-vertical .application-item .application-right {
    margin-left: 0.25rem;
    width: auto;
    padding-right: 0;
}
/* why choose */
.new-product-container .choose-content {
    background: #f2f2f2;
}
.choose-content .img-box{
    display: flex;
    justify-content: space-between;
    margin-bottom: .625rem;
}
.choose-content .img-box img {
    width: 49%;
}
/* blog */
.new-product-container .blog-content {
    width: 90%;
    justify-content: space-between;
    margin: 0 auto;
}
.new-product-container .blog-content .content {
    width: 63%;
}
.new-product-container .blog-content .img-box{
    width: 90%;
    margin: 0.375rem auto;
}
.new-product-container .blog-content .chapter-box {
    padding: 0.25rem;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid #bc261a;
    /* margin: 80px 0; */
}
.new-product-container .blog-content .chapter-box i {
    color: #bc261a;
}
.new-product-container .blog-content .chapter-box li {
    margin-bottom: 12px;
    font-size: 0.225rem;
}
.new-product-container .blog-content .chapter-title {
    font-size: .325rem;
    margin: 0.375rem 0;
    font-weight: 800;
}
.contact-banner {
    position: relative;
}
.contact-banner img {
    width: 100%;
}
.contact-banner-content {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0.5rem;
    color: #fff;
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.contact-banner-content .contact-banner-dialog {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.375rem;
}
.contact-banner-content .contact-banner-dialog p {
    font-size: 0.375rem;
    font-weight: 800;
}
.contact-banner-content .contact-banner-mark {
    width: 45%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.contact-banner-button {
    cursor: pointer;
    font-size: .3rem;
    padding: 0.25rem .5rem;
    border: 2px solid #bc261a;
    color: #fff;
    font-weight: bold;
}
.contact-banner-button:hover {
    color: #fff;
    background: #bc261a;
}
/* for-events推荐产品部分样式 */
.new-product-container .events-recommend .events-recommend-box {
    display: flex;
    flex-wrap: wrap;
}

/* 1500及以下 */
@media (max-width: 1500px) {
    .new-product-container .spec-content h1 {
        font-size: 36px;
    }
    .desc .title {
        font-size: 24px;
        height: 64px;
        line-height: 64px;
    }
    .desc .icon-part {
        font-size: 16px;
    }
    .application-content .application-item .title {
        font-size: 22px;
    }
    .new-product-container .series-item h3, .title-border-button {
        font-size: 20px;
    }
    .new-product-container .spec-content h2, .new-product-container .events-recommend>h2 {
        font-size: 30px;
        margin-bottom: 40px;
    }
    .new-product-container .spec-content p {
        font-size: 18px;
    }
    .new-product-container .blog-content .chapter-box li {
        font-size: 18px;
    }
    .new-product-container .series-border-button {
        font-size: 18px;
    }
    .new-product-container .series-list-content .title-box-change {
        height: 44px;
    }
    .new-product-container .series-item h3, .title-border-button {
        line-height: 44px;
    }
    .application-content .series-border-button {
        width: 200px;
    }
    .contact-banner-content .contact-banner-dialog p {
        font-size: 30px;
    }
    .contact-banner-button {
        font-size: 24px;
    }
    .new-product-container .iconCricle {
        padding: 38px;
        width: 38px;
        height: 38px;
    }
    .new-product-container .iconCricle i {
        font-size: 45px;
    }
}
@media (min-width: 1025px) and (max-width:1230px) {
    .new-product-container .series-item h3 {
        line-height: 1;
    }
}
@media (max-width: 1024px){
    .new-product-container .spec-content h1 {
        font-size: 32px;
    }
    .new-product-container .series-list-content .series-item {
        width: 47%;
    }
    .new-product-container .series-list-content .series-item .img-box {
        height: 300px;
    }
    .application-content .application-item .application-img-spec {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .application-content .application-item {
        flex-direction: column;
        align-items: center;
    }
    .application-content .application-item img {
        width: 90% !important;
    }
    .application-content .application-item .title {
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .new-product-container .spec-content p {
        margin: 10px 0;
    }
    .application-content .application-item .application-right {
        width: 90%;
        order: 2;
    }
    .choose-content .img-box {
        margin-bottom: 26px;
    }
    .new-product-container .blog-content {
        justify-content: center;
    }
    .new-product-container .blog-content .content {
        width: 100%;
    }
    .new-product-container .iconItem {
        width: 47%;
        margin-top: 20px;
    }
    .contact-banner-content .contact-banner-dialog p {
        font-size: 24px;
    }
    .contact-banner-button {
        font-size: 20px;
        padding: 10px 24px;
    }
    .new-product-container .blog-content .chapter-title {
        font-size: 24px;
    }
}
/* 992以下 */
@media (max-width: 991px){
    .new-product-container .content, .new-product-container .spce-container {
        padding: 40px 0;
    }
    .new-product-container .series-list-content .series-box {
        justify-content: center;
    }
    .new-product-container .series-list-content .series-item {
        width: 65%;
    }
    .new-product-container .iconItem {
        margin-bottom: 30px;
        margin-top: 0;
    }
    .new-product-container .blog-content .chapter-title {
        font-size: 0.24rem;
    }
    .application-content .events-vertical .application-item {
        width: 90%;
    }
}
/* 768以下 */
@media (max-width: 768px){
    .new-product-container .series-list-content .series-item {
        width: 90%;
    }
    .new-product-container .series-list-content .series-item img {
        width: 80%;
    }
    .new-product-container .series-list-content .series-item .img-long {
        width: 50%!important;
    }
    .new-product-container .series-list-content .series-item .img-longer {
        width: 42%!important;
    }
    .new-product-container .iconList {
        justify-content: center;
    }
    .new-product-container .iconItem {
        width: 90%;
        margin-bottom: 60px;
    }
    .new-product-container .blog-content .chapter-title {
        font-size: 20px;
    }
    .new-product-container .blog-content .chapter-box a {
        font-size: 16px;
    }
    .contact-banner-content .contact-banner-dialog p {
        font-size: 20px;
    }
    .contact-banner-button {
        font-size: 16px;
    }
}
@media (max-width: 576px){
    .new-product-container .series-list-content .series-item {
        width: 100%;
    }
    .new-product-container .series-list-content .series-item .img-box {
        height: 220px;
    }
    .new-product-container .events-recommend .events-recommend-box {
        justify-content: center;
    }
    .new-product-container .spec-content h1, .new-product-container .spec-content h2, .new-product-container .events-recommend>h2 {
        font-size: 26px;
    }
    .choose-content .img-box {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }
    .choose-content .img-box img {
        width: 80%!important;
        margin-bottom: 10px;
    }
    .contact-banner-content .contact-banner-dialog p {
        font-size: 14px
    }
    .contact-banner-button {
        font-size: 12px;
        padding: 8px 14px;
    }
    .desc .title {
        font-size: 22px;
    }
    .application-content .application-item .title {
        font-size: 20px;
    }
    .new-product-container .series-item h3 {
        line-height: 1;
    }
    .new-product-container .series-list-content .series-item .img-long {
        width: 70%!important;
    }
    .new-product-container .series-list-content .series-item .img-longer {
        width: 54%!important;
    }
}