/* 新闻页面样式 */
@media screen and (max-width: 1366px) and (min-width: 1024px){
.banner-info .breadcrumb-nav{
   width: 100%;
    height: auto;
    color: #FFFFFF;
    margin-left: 10%;
}
} 
@media screen and (min-width: 1367px) {
.title-box {
    position: absolute;
    top: 40%;
    left: 40%;
    text-align: center;
}
 .title-box .big {
    width: 800px;
    margin-bottom: 24px;
    font-size: 60px;
    line-height: 1.5em;
    font-weight: bold;
    color: #fff;
    text-align: left;
}

.title-box .small {
    max-width: 800px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.5em;
    color: #fff;
    text-align: left;
    padding:10px 0px;
}  
.font42 {
    font-size: 4.2rem;
    line-height: 1.3;
}
}
@media screen and (max-width: 1366px) and (min-width: 1024px){
.title-box {
    position: absolute;
    top: 40%;
    left: 40%;
    text-align: center;
}
 .title-box .big {
    width: 800px;
    margin-bottom: 24px;
    font-size: 60px;
    line-height: 1.5em;
    font-weight: bold;
    color: #fff;
    text-align: left;
}

.title-box .small {
    max-width: 800px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.5em;
    color: #fff;
    text-align: left;
    padding:10px 0px;
}  
.font42 {
    font-size: 4.2rem;
    line-height: 1.3;
}  
}
 @media (max-width:980px) {
   .header {
    display: block;
    height: 48px;
}  
.header.in {
    height: 48px;
    color: #fff;
}
  .header-condition{
     width: 100%;
    height: 48px;
    z-index: 9999;
    position: fixed;
    top: 0px;
    left: 0px; /* 确保高于视频的z-index */
 }
 .product-detail-section {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.banner{
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.title-box {
    position: absolute;
    width: 100%;
    left: 37%;
    top: 24%;
    color: #fff;
    z-index: 10;
}
.product-detail-section-text {
    position: absolute;
    width: 100%;
    left: 2%;
    top: 50%;
    color: #fff;
    z-index: 10;
}    
.banner-box {
    width: 100%;
    height: 500px;
    left: 0;
    top: 0;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 400px;
} 
 .title-box .big {
   font-weight: 900;
    font-size: 2rem;
    line-height: 1.8;
    text-align: left;
}

.title-box .small {
    display: none;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.6;
    width: 100%;
    padding: 0rem 1rem;
    max-width: 100%;
    margin-bottom: 24px;
    font-weight: 1;
    color: #fff;
    text-align: left;
}  
}

 @media screen and (max-width: 1366px) and (min-width: 1024px){
.e_container-2 {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
 }
@media screen and (max-width: 1366px) and (min-width: 1024px){
.inner-solution .content {
    margin: 1rem 1rem;
    width:100%;
    max-width: 1600px;
    overflow: hidden;
}
.banner-box .content {
    width: 100%;
    max-width: 1600px;
    height: 100%;
    margin: 0rem 6rem;
}
.inner-solution .solution-box .solution-list {
    width: 100%;
    height: auto;
    margin: 2rem 0;
    overflow: hidden;
    margin-bottom: 5rem;
}
.inner-solution .solution-box .solution-list .item {
    width:48.1%;
    background: #F7F7F7;
    border-radius: 1rem;
    margin-right: 25px;
    float: left;
    margin-bottom:3rem;
    margin-top:3.3rem;
    height:620px;
    
}
}
@media screen and (max-width: 980px) {
.banner-box .content {
    width: 100%;
    max-width: 1600px;
    height: 100%;
    margin: 0rem 1rem;
}
.banner-info .title {
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 700;
    font-size: 2.2rem;
    color: #FFFFFF;
    line-height: 5;
}
}
@media screen and (min-width: 1367px){
.banner-box {
    width: 100%;
    height:500px;
    left: 0;
    top: 0;
    z-index: 10;
    min-height: 400px;
}
.banner-box .content {
    height: 100%;
    margin: 0 auto;
    width: 100%;
    max-width: 1600px;
}
.banner-info {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.banner-info .title {
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 700;
    font-size: 4.8rem;
    color: #FFFFFF;
}
.banner-info .breadcrumb-nav {
    width: 100%;
    height: auto;
    left: 0;
    top: 4rem;
    background: transparent;
    border: 0;
    color: #FFFFFF;
}

 .banner-info .breadcrumb-nav .nav-box {
    margin: 0;
    padding: 0
}

 .banner-info .breadcrumb-nav .nav-box, .banner-info .breadcrumb-nav .nav-box  {
    font-size: 1.2rem;
    color: #FFFFFF;
    line-height: 1.2
}

 .banner-info .breadcrumb-nav .nav-box a {
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

 .banner-info .breadcrumb-nav .nav-box a:hover {
    color: #FFFFFF
}

 .banner-info .breadcrumb-nav .nav-box span {
    margin: 0 .8em;
    color: #8E8E8E
}
img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
    max-height: 100%;
    border: 0;
    vertical-align: top;
}
}
.newsdetail{padding:58px 0; background:; }
.newsdetail-content{float:left; width:72%; padding-right:58px;font-size:1rem}
.newsdetail-info{margin:18px 0 28px 0; padding-bottom:8px; border-bottom:1px solid #e8e8e8; color:#686868;}
.newsdetail-info>b{font-weight:normal;}
.newsdetail-info>i{font-style:normal; padding-right:18px;}
.newsdetail-info>i>a{color:#686868;}
.newsdetail-info>i>a:hover{color:##3d8a38;}
.newsdetail-content>aside{padding-bottom:38px;}
.newsdetail-content>aside>p+p{margin-top:8px;}
.newsdetail-content>dir{text-align:left; border-top:1px solid #e8e8e8; padding:12px 0;}
.newsdetail-content>dir>dl{padding:6px 0;}
.newsdetail-content>dir>dl:after{display:block; content:''; clear:both;}
.newsdetail-content>dir>dl>dt{float:left; margin-right:8px;}
.newsdetail-content>dir>dl>dt>b{font-weight:normal; color:#989898;}
.newsdetail-content>dir>dl>dd{float:left;} 
.newsdetail-content>dir>dl>dd>i{font-style:normal;}
.newsdetail-tags{padding:0 0 18px 0;}
.newsdetail-tags>a{display:inline-block; border:1px solid #e8e8e8; padding:8px 18px; background:rgba(0,0,0,.01); border-radius:3px;}
.newsdetail-tags>a:hover{color:#fff; background:##3d8a38;}
.newsdetail-comment{padding-top:28px;}
.newsdetail-recommend{float:left; width:28%;}
.newsdetail-recommend h2{margin-bottom:28px;}
.newsdetail-recommend h2:after{display:block; width:48px; height:3px; margin-top:8px; content:''; background:##3d8a38;}
.newsdetail-recommend ul{display:block;}
.newsdetail-recommend ul>li{border-bottom:1px solid #e8e8e8; margin-top:18px; padding-bottom:18px;}
.newsdetail-recommend ul>li>a{display:block; font-size:16px;}
.newsdetail-recommend ul>li>u{display:block; text-decoration:none; margin-top:8px; color:#686868;font-size:14px;}
.newsdetail-recommend ul>li>u>b{font-weight:normal;}
.newsdetail-recommend ul>li>u>i{font-style:normal; padding-right:18px;}
@media(max-width:1200px){
.newsdetail{padding:38px 0;}
.newsdetail-content{float:none; width:100%; padding:0 0 38px 0;}
.newsdetail-recommend{float:none; width:100%;}
}
@media(max-width:767px){
.newsdetail-content>aside strong {
    font-size:16px; line-height: 2rem;
}
.newsdetail{padding:18px 0;}
.newsdetail-info{margin:12px 0 18px 0;}
.newsdetail-content>h1{font-size:20px;}
.newsdetail-content>aside{padding-bottom:18px;font-size:16px; line-height: 2rem;}
.newsdetail-content>aside p{padding-bottom:18px;font-size:16px; line-height: 2rem;}
.newsdetail-recommend h2{margin-bottom:18px;}
.newsdetail-recommend ul>li{margin-top:12px; padding-bottom:12px;}
.newsdetail-recommend ul>li>u{margin-top:4px;}
}
.newslist{padding:40px 0; background:;}
.newslist-content{display:block; margin:0 -18px;}
.newslist-content:after{display:block; content:''; clear:both;}
.newslist-item{float:left; width:33.333%; padding:18px;}
.newslist-item>a{display:block; background:#fff; border:1px solid #e8e8e8; position:relative; overflow:hidden;}
.newslist-item>a>img{display:block; width:100%;}
.newslist-item>a>span{display:block; padding:18px;}
.newslist-item>a>span>h3{display:block; height:24px; margin-bottom:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newslist-item>a>span>p{display:block; height:21px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#686868;}
.newslist-item>a>span>u{display:inline-block; height:21px; margin-top:16px; color:#3d8a38;}
.newslist-item>a>span>u>b{transition:.2s; font-weight:normal; font-size:14px; display:inline-block; color:#181818; padding-right:6px;}
.newslist-item>a>span>u>i{transition:.2s; font-size:18px; display:inline-block; vertical-align:middle;}
.newslist-item>a>span>ins{float:right; text-align:center; transition:.4s; margin-left:18px; color:#fff; background:#3d8a38;}
.newslist-item>a>span>ins>i{font-style:normal; display:block; font-size:28px;}
.newslist-item>a>span>ins>u{text-decoration:none; display:block; padding:2px 8px; font-size:14px; background:rgba(0,0,0,0.06);}
.newslist-item>a:hover{transform:translateY(-2px); box-shadow:0 2px 8px rgba(0,0,0,0.18);}
.newslist-item>a:hover>span>u>b{transform:translateX(4px); color:#3d8a38;}
.newslist-item>a:hover>span>u>i{transform:translateX(8px);}
.newslist dir{padding:14px 0;}
@media(max-width:1400px){
.newslist{padding:48px 0;}
.newslist-content{margin:0 -10px;}
.newslist-item{padding:10px;}
.newslist dir{padding:10px 0;}
}
@media(max-width:1200px){
.newslist-item{width:50%;}
}
@media(max-width:992px){
.newslist{padding:38px 0;}
.newslist-content{margin:0 -8px;}
.newslist-item{padding:8px;}
.newslist dir{padding:8px 0;}
}
@media(max-width:767px){
.newslist{padding:18px 0;}
.newslist-content{margin:0;}
.newslist-item{padding:4px; width:100%;}
.newslist-item>a>span{padding:12px;}
.newslist-item>a>span>ins>u{font-size:12px;}
}