/* news-detail */
.news-detail {position: relative;margin-top:140px; }
.mobile-container-infor {  display: none; }
.mobeil-r-icon { display: none; }
.news-detail-bg{ width: 80%;position: relative; margin-left: 20%; }
.pc-logo-div-infor-detail{ margin-top: 2rem; }
.news-detail-bg >.img-bg {width:  100%; }
.mobeli-icon { display: none; }
.news-detail-icon{ position: absolute;bottom: -16%; right: 15%;z-index: 1000; }
.news-detail-container{ width: 45%;display: flex;margin-left: 35%; flex-direction: column;z-index: 100;position: absolute; top: 7.2vw; left: 10%;}
.news-detail-container-date{ font-size: 14px;color: rgba(0,0,0,0.6);margin-bottom:9%; }
.news-detail-container-title{ font-size: 24px; color: #383838; font-weight: 800;margin: 1% 0;margin-bottom: 2%; }
.news-detail-container .detail-img{ width: 100%;height: auto; }
.information-detail-text{ display: flex; flex-direction: column; width: 40%; margin-left: 48%;margin-top: 8%; margin-bottom: 10%; }
/* margin-left: 17%;margin-top: 10%; */
.news-detail-container-text{ font-size: 14px; color: #4d4d4d;display: flex; flex-direction: column; line-height:2;}
.news-detail-container-text .subsection{ margin-top: 3%; } 
@media (max-width: 1024px) {
    .news-detail-container-text .subsection img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* margin: 5% 10%; */s
.news-detail-tip{ display: flex; flex-direction: column; justify-content: center; }
/* width:33% */
.news-detail-tip-item{ display: flex;flex-direction: row;margin-right:10% ; margin-top: 9%; align-items: flex-end}
.news-detail-tip-item a{ display: flex;flex-direction: row; align-items: flex-end}
.news-detail-tip-item  .arrow_container{width:3.5rem; height: 3.5rem ; background-color: #393939;opacity: .3;display: flex; align-items: center;justify-content: center; }

.news-detail-tip-item .arrow_container .arrow{ width: 1rem; height: 1rem; }
.news-detail-tip-item .bor-bot{border-bottom:1px solid rgba(0,0,0,0.3);}
.news-detail-tip-item .news-detail-tip-item-container {  border-bottom: 1rem solid #f4f4f4;line-height:1.6;width: 100%;display: flex; justify-content: center;align-items: center}
.news-detail-tip-item-container-text{ margin-left:1rem; font-size: 16px; color: #383838; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.door-banner-img { position: relative; display: flex; justify-content: flex-end; width: 80%; margin-left: 20%;  }
.door-banner-img img{ width: 100%;  }
.door-banner-img-mobile { display: none; position: relative; }
.door-banner-img-mobile {width: 100%; } 
.door-Propaganda {font-size: 14px; color: #383838; width: 60%; position: absolute; top: 58%; left: 19%; line-height: 2; text-align: justify;}
.door-infor { display: flex ; justify-content: center; flex-direction: column; align-items: center;}
.door-name{ font-size: 2.4rem; color: #393939  ; margin:8% 0 5%;font-weight: 800;  }
.door-specific{font-size: 1.4rem;line-height: 2.1rem; color:#383838;letter-spacing: -1px;font-family: "GBK, FuturaBT Medium"; }
/*  text-decoration: underline; */
.door-more{ font-size: 1.6rem; font-weight: 800; display: flex; flex-direction: column; margin-top:9%;color:#393939;}
.line{ height: 1; border:1px solid #393939; }
.door-more:hover .line{ animation: color_line 1s;  }
@keyframes color_line
{
    0%   { width:10% ;}
    25%  { width:25% ;}
    50%  { width:50% ;}
    100% { width:100% ;}
}

.door-colors-blue.active{ border: .5rem solid #cfd8e7;}
.door-colors-red.active{ border: .5rem solid #DEB8B7; }
.door-colors-yellow.active{ border: .5rem solid #E8DBBB; }
.door-colors-write.active{ border: .5rem solid #cfd8e7; }
.door-colors-black.active{ border: .5rem solid #B2B2B2; }
.pc-logo-div-custom{ margin-top: 2rem; }
.custom-banner-title_mobile{display: none;}
.custom-banner-list{ position: relative; }
.custom-banner-title{ width: 80%; margin-left: 20%; }
.custom-banner-title img{ width: 100%; }
.custom-pc-banner1{ position: absolute;top: 51%; right: 0; }
.custom-pc-banner1 .cutoms-banner1-img{ width: 100%; }
.custom-icons-banner{ position: absolute;bottom: 6%; right: 6%;z-index: 1000; }
.custom-pc-container{ width: 40%; display: flex;margin-left: 40%; margin-top: 16%; flex-direction: column; }
.custom-pc-container-deta{ font-size: 14px;color: #4d4d4d;}
.custom-pc-container-title{ font-size: 24px; margin:1rem 0 4rem;font-weight:bold;color:#383838;}
.custom-pc-container-item{ display: flex;flex-direction: column; }
.custom-pc-container-item-title{ font-size: 14px;color: #4d4d4d;line-height: 2; margin-bottom:1rem;}
.custom-pc-container-item-img{ width: 100%; }
.custom-pc-container-item img{ max-width: 100% !important;}
.custom-pc-container-item .zoom{
    margin:2rem 0 1rem;
}
.custom-pc-container img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.custom-pro{ display: flex; flex-direction: column; font-size: 1.4rem; }
.custom-pro-name{font-weight: 800; line-height: 3.8rem;margin-top:0.7rem; }
.custom-pro-details{color: rgba(56,56,56,.6);}
.custom-pro-img{ width: 40%; margin: 4rem 0; }
.custom-arrow_container{ padding: .1rem .8rem; }
.custom-arrow-text>p{ margin-left: 1rem; }
.custom-pro-img img{ width: 100%; }
.custom-footer-container{ margin-top: 7rem; width: 100%;}
.custom-footer-container-footer-top{ width: 90% !important; margin: 0 5% !important; }

.news-detail-container-mobeil{ display: none; }

@media screen and (max-width: 1900px) {
    .door-Propaganda{
        font-size:12px;
    }
    .custom-pc-container-item-title{
        font-size:12px;
    }
    .custom-pc-container-deta{ 
        font-size: 12px;
    }
    .custom-pc-container-title{ 
        font-size: 18px; 
    }
    .news-detail-container-title{
        font-size:18px;
    }
    .news-detail-container-date{
        font-size:12px;
    }
    .news-detail-container-text{
        font-size:12px;
    }
}
@media screen and (min-width: 1200px) {
    /* .news-detail-container-text{ margin-left: 17%; margin-top: 5%; } */
   
}
@media screen and (max-width: 1430px)  and (min-width: 1199px) {
    /* .news-detail-container-text{ margin-left: 17%;margin-top: 10%; } */
    
}
@media screen and (min-width: 1024px) and (max-width: 1199px) { 
    /* .news-detail-container{ margin-left: 4%; } */
    /* .news-detail-container-text {  color: red;} */
    /* .news-detail-container-text{ margin-left: 13%;margin-top: 10%; } */
 } 
/* 平板 */
@media screen and (max-width: 1024px) {
    .news-detail-bg  {margin-top: 0; }
    .news-detail-container {top: 4%;}
    .mobeli-icon { display: flex;clear: both; }
    .pc-icon{ display: none; }
    .news-detail-bg { width: 100%;}
    .news-detail-container{ width: 90%;margin-left: -5%; }
    .news-detail-icon{ position: inherit; margin-top: 41%; float: right; margin-right: 3%;  }
    .news-detail-container-text{ margin-top: 54%; margin-left: 10%; width: 80%; font-size: 2rem; }
    .news-detail-tip{ flex-direction: column; justify-content: center;margin-top: 2rem}
    .news-detail-tip-item{ width: 100%; margin-top: 6%; }
    .news-detail-container >.date { font-size: 2rem; }
    .news-detail-container >.title{ font-size: 3.2rem; }
    /* .news-detail-container-text { color: red;} */
}
@media screen and (min-width: 500px) and (max-width: 1920px) {
    .news-detail-tip-item:hover{
        font-weight:bold;
    }
    .news-detail-tip-item:hover .arrow_container{
        opacity: .5
    }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
    .news-detail-container {top: 4%;}
    .news-detail-icon{margin-top: 28%; }
    .news-detail-container-text { margin-top: 26%;}
     .news-detail-container-text { color: black;}
}
@media screen and  (min-width: 768px) and (max-width: 992px) {
    .news-detail-container {top: 4%;}
    .news-detail-icon{margin-top: 18%; }
    .news-detail-container-text { margin-top: 26%;}
    /* .news-detail-container-text {color: blue;}  */
}

@media screen and (max-width: 767px) {
    .news-detail-container {top: 4%;}
    .news-detail-icon{margin-top: 8%; }
    .news-detail-container-text { margin-top: 26%;}
    .news-detail-bg >.img-bg  {  }
    .news-detail-container >.title{ font-size: 2.8rem; }
    /* .news-detail-container-text { color: yellow;} */
}
@media screen and (max-width: 480px) {
    .news-detail{
        margin-top: 50px;
    }
    .custom-footer-container{ margin-top: 14rem; width: 100%;}
    .news-detail-icon{ position: relative;bottom: 0; right: 3%; }
    .mobile-container-infor {  display: flex !important; }
    .custom-pc-container-title{ font-size: 2rem; line-height: 2.8rem; font-weight: 800; }
    .mobile-icons{ display: flex; }
    .custom-footer-container_mobile{ margin-top: 6rem; }
    .custom-mobile-container{ width: 94%; margin: 0;margin: 0 3%; margin-top: 20rem; }
    .custom-banner-title_pc{ display: none; }
    .custom-banner-title_mobile{ display: flex; width: 100%; height: auto;margin: 0; margin-top: 3rem;}
    .news-detail-bg { width: 100%; }
    .news-detail-container-pc{ display: none ; }
    .img-bg-mobeil{ display: flex; width: 100%; height: auto; margin-top: 2rem;}
    .news-detail-bg-mobeil{ width: 100%; margin: 0; position: relative; }
    /* .news-detail-container-mobeil{ position: absolute; top: 80%; } */
    .news-detail-container-mobeil { width: 94%; margin: 0 3%; display: flex;position: absolute;top: 45%; left: 0%; }
    .news-detail-container-text-mobeil{ width: 100%; margin: 0;font-size: 1.4rem; line-height: 1.8rem; }
    .news-detail-tip_mobeil{ width: 100%;  }
    .information-detail-text-mobeil{ width: 92%;margin: 0;margin: 0 4%; text-align: justify;}
    .news-detail-container-title-mobeil{ margin-top: 3rem;font-size: 1.8rem; color: #383838; }
    .news-detail-container-date-mobeil{font-size: 1.4rem;  }
    .footer-top-icon>.footer-top-icon-item { width: 3rem; height: 3rem; border-radius: 3rem; }
    .mobeli-icon{ margin-top:7rem ;}
    .footer-top-icon { margin-top: -2rem; }
    .news-detail-container >.date { font-size: 1.2rem; }
    .news-detail-container >.title { font-size: 1.6rem; }
    .news-detail-tip{ margin-bottom: 3rem; }
    .news-detail-tip-item .arrow_container{padding: 1.2rem; width: .5rem; height: .5rem;  }
    .news-detail-tip-item .news-detail-tip-item-container{ border-bottom: .8rem solid  #f4f4f4 ; width: 100%; }
    /* .news-detail-container-text { } */
    .news-detail-tip-item{ margin-top: 8%; }
    .news-detail-tip-item-container-text{ font-size: 1.2rem; }
    /* .news-detail-icon{margin-top: 60%; }  color: green;*/
    .news-detail-container-text {  font-size: 1.2rem;}
    /* common */
    .footer-bottom{ display: flex; }
    /* door */
    .door-banner-img{ display: none; }
    .door-banner-img-mobile{ display: flex;width: 100%; }
    .door-banner-img-mobile img{ width: 100%; height: auto; }
    .door-banner-img-mobile> .door-Propaganda{ width:92%;margin:9% 4%; line-height: 2rem; right: 0; left:0;}
    .mobile-nav{ width: 100%; display: flex;flex-direction: row;}
    .mobile-nav a{ display: flex; padding: 0 5%!important;}
    .mobile-nav.door a{ display: flex; padding: 0 2.5%!important;}
    .door-colors { width: 90%; margin-right: 11.4%;}
    .door-colors-item { 
        width: 3rem; 
        height: 3rem; }
    .door-specific{
        font-size: 12px;
    }
    .door-name{
        font-size: 21.9px;
    }
    .door-more{
        font-size: 14px;
    }
    .door-colors-item{
        font-size:12px;
    }
    /*  */
  

}
@media screen and (max-width: 414px) {
    .news-detail-container-title-mobeil {
        margin-top: 15vw;
    }
    .custom-pc-banner1{
        top:43%;
    }
}
@media screen and (max-width: 375px) {
    .footer-top-icon{
        margin-top: -2.3rem;
    }
    .custom-pc-banner1{
        top:40%;
    }
}
@media screen and (max-width: 320px) {
    .custom-pc-banner1{
        top:37%;
    }
    .door-Propaganda{
        top:30%;
    }
    .footer-top-icon {
        margin-top: -3rem;
    }
    .door-banner-img-mobile> .door-Propaganda{
        line-height:1.8;
    }
    /* .img-bg-mobeil{  margin-top: 2rem;} */
}