.txt-line1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.txt-line2{-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.txt-line3{-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.txt-line4{-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}


.ny-mainbox-bs{ background:#fff; padding:30px;}
.ny-weizhi{ background:#eee; display:flex; padding:1.2rem 2.5rem;justify-content: space-between;align-items: center; font-size:2rem;}
.ny-weizhi .left{display:flex; font-weight:bold;align-items: center; color:var(--color);}
.ny-weizhi .left i{ margin-right:0.5rem; line-height:0; display:block;}
.ny-weizhi .left i svg{ width:1.9rem;}
.ny-weizhi .left i svg path{fill:var(--color)}

.ny-container-main{ display:flex;justify-content: space-between; flex-wrap:wrap; margin-top:3rem;align-items: start;}
.ny-container-main .left{ width:30rem;position: sticky;top:0;}
.ny-container-main .right{ width:calc(100% - 34rem);}
.nav-lanmu{ border:1px solid #e5e5e5;}
.nav-lanmu .title{ display:flex;align-items: center;  background:var(--color); color:#fff; padding:2rem 2.5rem;}
.nav-lanmu .title i{ display:block; line-height:0; margin-right:1rem;}
.nav-lanmu .title i svg{ width:3.3rem;}
.nav-lanmu .title span{ font-size:3rem;}
.nav-lanmu .sublist ul li a{ display:block; position:relative; font-size:2rem; padding:2rem 2rem 2rem 6.8rem;} 
.nav-lanmu .sublist ul li.on a{ background:#f3f3f3; font-weight:bold; color:var(--color);}
.nav-lanmu .sublist ul li.on a:before{ content:""; display:block; width:6px; height:60%; background:var(--color); position:absolute; left:0; top:50%; transform:translateY(-50%)}
.nav-lanmu .sublist ul li{ border-top:1px solid #e5e5e5;}

.lanmu-hed{ border-bottom:2px solid var(--color); padding-bottom:2rem;}
.lanmu-hed .tit{ font-size:2.4rem; font-weight:bold; line-height:1;}

.ny-pic-list{ margin-top:2rem;}
.ny-pic-list ul{ display:flex; flex-wrap:wrap; margin:0 -1.5rem;}
.ny-pic-list ul li{ padding:1.5rem; width:33.3%;}
.ny-pic-list ul li a{display: flex;height:100%;flex-flow: column;justify-content: space-between;}
.ny-pic-list ul li a .img{overflow:hidden;height: 100%;display: flex;align-items: center;border: 1px solid #f5f5f5; position:relative;}
.ny-pic-list ul li a .img .paly{ width:4rem; height:4rem; border-radius:50%; background:#ebebeb; display:flex;justify-content: center;align-items: center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9; color:var(--color);}
.ny-pic-list ul li a .img .paly i{ line-height:0;}
.ny-pic-list ul li a .txt{ background:#f5f5f5; padding:1rem; text-align:center;}
.ny-pic-list.item4 ul li{ width:25%;}

.ny-ywly-list{ margin-top:2rem;}
.ny-ywly-list ul{ display:flex; flex-wrap:wrap; margin:0 -1.5rem;}
.ny-ywly-list ul li{ padding:1.5rem; width:50%;}
.ny-ywly-list ul li a{ display:block; height:100%; border-bottom:1px solid #e5e5e5; padding-bottom:3rem;}
.ny-ywly-list ul li a .txt{ padding:0 2rem; padding-top:2rem;  position:relative;}
.ny-ywly-list ul li a .txt .tit{ font-size:2.2rem; font-weight:bold; color:#333;}
.ny-ywly-list ul li a .txt .des{ font-size:1.6rem; color:#888; margin-top:1rem; }
.ny-ywly-list ul li a .txt .num{ position:absolute; right:2rem; top:0; font-size:4rem; color:var(--color); opacity:0.5; font-weight:bold;}


.ny-history-list{ margin-top:3rem;}
.ny-history-list ul li{ position:relative;}
.ny-history-list ul li .box{ position:relative; padding:3rem 0; display:flex; flex-wrap: wrap;}
.ny-history-list ul li .box:before{ content:""; display:block; width:1px; height:100%; background:#eee; position: absolute; left:22rem; top:0;}
.ny-history-list ul li .box .tit{ width:26rem; padding-right:8rem; text-align:center; font-size:2.6rem; font-weight:bold;}
.ny-history-list ul li .box .txt{ width:calc(100% - 26rem);}
.ny-history-list ul li .box .tit img{ margin-top:2rem}
.ny-history-list ul li .box .txt .subtit{ font-size:2.6rem; font-weight:bold; margin-bottom:2rem;color:var(--color);}
.ny-history-list ul li .box .txt .des{ white-space:pre-line;}
.ny-history-list ul li .box .yd{ position:absolute; width:16px; height:16px; left:calc(22rem - 8px); top:3.8rem; z-index:2;}
.ny-history-list ul li .box .yd i{ width:100%; height:100%; display:block;  background:#fff; border-radius:50%; border:4px solid var(--color);}
.ny-history-list ul li:first-child  .box .tit{ font-size:2.6rem;}
.ny-history-list ul li:first-child .txt .subtit{font-size:2.6rem; color:var(--color);}
.ny-history-list ul li .box .yd{ top:4.5rem; width:20px; height:20px; left:calc(22rem - 10px); }
.ny-history-list ul li .box .yd:before{ content:""; width:140%; height:140%; display:block; border-radius:50%; position:absolute; left:-20%; top:-20%; background:var(--color); z-index:-1; opacity:0.3;}
.ny-history-list ul li .box .yd:after{ content:""; width:220%; height:220%; display:block; border-radius:50%; position:absolute; left:-60%; top:-60%; background:var(--color); z-index:-2; opacity:0.1;}


.my-news-list{ margin-top:3rem;}
.my-news-list ul li a{ display:flex; justify-content: space-between;align-items: center; padding:2rem; border-bottom:1px solid #eee;}
.my-news-list ul li a:hover{ background:#f5f5f5; border-color:var(--color)}
.my-news-list ul li a .img{ width:20rem; background:#f5f5f5;}
.my-news-list ul li a .img img{ max-height:20rem;object-fit: contain; width:100%;}
.my-news-list ul li a .txt{ width:calc(100% - 33rem);}
.my-news-list ul li a .txt .tit{ font-size:2rem; font-weight:bold; }
.my-news-list ul li a .txt .des{ font-size:1.6rem; margin-top:1rem; color:#777;}
.my-news-list ul li a .date{ text-align:center; }
.my-news-list ul li a .date em{ display:block;}
.my-news-list ul li a .date span{ display:block; font-size:1.8rem; font-weight:bold;}
.my-news-content{ margin-top:3rem;}

.my-contact-box{ margin-top:3rem;}
.my-ct1{ display:flex;justify-content: space-between;flex-wrap: wrap;}
.my-ct1 .left{ width:35%;}
.my-ct1 .left .tit{ font-size:2.6rem; font-weight:bold;}
.my-ct1 .left .des{ font-size:1.6rem;}
.my-ct1 .right{ width:60%;}
.my-ct1 .right ul li{ padding:3rem; border-bottom:1px solid #eee; display:flex;align-items: center; }
.my-ct1 .right ul li .icon{ margin-right:2rem;flex:none;}
.my-ct1 .right ul li .txt .tit{ font-size:1.6rem;}
.my-ct1 .right ul li .txt .des{ font-size:1.8rem; font-weight:bold;}
.my-ct2{ margin-top:3rem;}
@media screen and (min-width: 2000px){

}
@media screen and (max-width: 1920px){

}
@media screen and (max-width: 1680px){

}
@media screen and (max-width: 1440px){

}


@media screen and (max-width:1024px){
.ny-mainbox-bs{ padding:2rem;}
.ny-weizhi{ display:none;}
.ny-container-main{ margin-top:0;}
.ny-container-main .left{ width:100%; position:relative;}
.ny-container-main .right{ width:100%; margin-top:2rem;}
.nav-lanmu .title{ padding:1.2rem 2rem;}
.nav-lanmu .title span{ font-size:2.4rem;}
.nav-lanmu .title i svg{ width:2.4rem;}
.nav-lanmu .sublist ul{ display:flex;flex-wrap: wrap;}
.nav-lanmu .sublist ul li{ width:33.3%;}
.nav-lanmu .sublist.itemnum2 ul li{width:50%}
.nav-lanmu .sublist.itemnum1 ul li{width:100%}
.nav-lanmu .sublist ul li a{ padding:1.5rem; text-align:center; font-size:1.8rem;}
.nav-lanmu .sublist ul li.on a:before{ display:none;}
.lanmu-hed .tit{ font-size:2.2rem;}
.lanmu-hed{ border-width:1px;}
.ny-pic-list ul{  margin:0 -1rem;}
.ny-pic-list ul li{ padding:1rem; width:50%;}
.ny-ywly-list ul li{ width:100%;}
.ny-pic-list.item4 ul li{ width:50%;}

.ny-history-list ul li .box{ padding-left:5rem;}
.ny-history-list ul li .box .tit{ width:100%; text-align:left; padding-right:0;}
.ny-history-list ul li .box .txt{ width:100%;}
.ny-history-list ul li .box:before{ left:8px;}
.ny-history-list ul li .box .yd{ left:0;}
.ny-history-list ul li:first-child .box .yd{ left:-2px;}

.my-news-list ul li a{ padding:2rem 0;}
.my-news-list ul li a .img{ width:8rem; margin-right: 1rem;}
.my-news-list ul li a .img img{ max-height:8rem;}
.my-news-list ul li a .txt{ width:calc(100% - 17rem); flex: 50%;padding-right:1rem;}
.my-news-list ul li a .txt .tit{ font-size:1.8rem;}
.my-news-list ul li a .date em{ font-size:1.6rem;}
.my-news-list ul li a .date span{ font-size:1.6rem;}
}