.news-m a.title,.news-r a.title { display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden;}

.works,.ad-list,.index-about,.icon-list { display: -webkit-flex; display: flex;}


#index-news {padding: 20px 0 50px;}
.index-news { line-height: 24px; color: #666;}
.index-news .ty-title { color: #333;}
.news-l { width: 360px;}
.news-l .readMore { margin: 30px auto;}
.news-l .index-news-list { padding: 14px 0; border-top: solid 1px #dedede;  }
.news-l .index-news-list:last-of-type { border-bottom: solid 1px #dedede;}
.news-l .index-news-list a { display: block; margin: 10px auto; font-size: 18px;-webkit-line-clamp:1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news-l .index-news-list p {-webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.news-m { margin: 0 40px; width: 560px;}
.news-m .Img,.news-r .Img { width: 100%; height: 420px; overflow: hidden;}
.news-m .Img a,.news-r .Img a { display: block;}
.news-m .Img img,.news-r .Img img,.project-swiper .item .img img { transition: all .3s;}
.news-m .Img:hover img,.news-r .Img:hover img,.project-swiper .item:hover .img img { transform: scale(1.05);}
.news-m a.title,.news-r a.title { margin: 16px auto; font-size: 20px;-webkit-line-clamp:1;}
.news-m p { margin-top: 10px;}

.news-r { width: 360px;}
.news-r .index-news-list { margin-bottom: 30px;}
.news-r .Img { height: 240px}
.news-r a.title { font-size: 18px;}


.index-project { position: relative; margin: 20px auto 70px;}
.project-swiper .item {width: 310px;}
.project-swiper .item a { display: block;}
.project-swiper .item .img { width: 100%; height: 240px; overflow: hidden;;}
.project-swiper .item h2 { height: 58px; line-height: 58px; font-size: 18px; font-weight: normal;}
.project-swiper .item:hover h2 { color: #cc0005;}
.project-swiper .item:hover a { color: #333;}
.project-prev,.project-next {position: absolute; right: 0; top: 50px; width: 40px; height: 30px; line-height: 30px; text-align: center; color: #fff; background-color: #ccc; cursor: pointer;}
.project-prev { right: 50px;}
.project-prev:hover,.project-next:hover {background-color: #cc0005;}
.project-prev span,.project-next span { display: block; font-size: 22px;}
.project-prev span { transform: rotateZ(180deg);}

.index-about { margin: 40px auto;}
.index-about .img{ flex: 0 0 680px; height: 450px;}
.index-about .info { flex: 1; padding: 0 50px; background-color: #fff;}
.index-about .info .text h1 { line-height: 50px; margin-top: 16px; font-size: 24px; font-weight: bold;}
.index-about .info .text p { line-height: 24px;}
.index-about .info .text a { display: block; padding: 20px 0 30px; color: #0f41a7; border-bottom: solid 1px #dedede;}
.icon-list .item { flex: 1; text-align: center; font-size: 16px; cursor: pointer;}
.icon-list .iconfont { display: block; margin: 26px auto 20px; width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 38px; border: solid 1px #dedede; background-color: #fff; border-radius: 50%; }
.icon-list .item em{ font-style: normal}
.icon-list .item:hover em{color: #cc0005;}
.icon-list .item:hover .iconfont { border: solid 1px #cc0005; background-color: #cc0005; color: #fff;}

.index-grid { margin: 50px auto 60px;/* display: grid;*/ grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; grid-template-rows: auto 400px; margin-bottom:15px}
.index-grid .item:nth-of-type(1) { grid-column: 1 / 5;grid-row: 1 / 2;margin-bottom:15px }
.index-grid .item:nth-of-type(2) {grid-column: 1 / 3;margin-bottom:15px}
.index-grid .item:nth-of-type(3) {grid-column: 3 / 5;margin-bottom:15px}