﻿ .cms-main-content{background-image: linear-gradient(0deg, #EBEBEB 0%, rgba(235,235,235,0.00) 100%);}


/*-------------------*/
/***** 最新消息 *****/
/*------------------*/
.cms-download {width: 100%;  margin: 10px auto;  padding:10px;  display: flex;   flex-wrap: wrap; position: relative; z-index: 1; }
.cms-download li{ display: flex;  flex-wrap: wrap; align-items: center; width: calc(100%/2 - 30px); padding:15px; margin:20px auto ; box-sizing: border-box;  overflow: hidden; list-style: none;  transition: all 0.5s ease 0s; position: relative; border-bottom: solid 1px #e1e1e1;}
/*.cms-download li:nth-child(even){border-right: solid 1px #efefef;border-left: solid 1px #efefef;}
*/
.cms-download li:hover{ }
.cms-download figure { display: flex; width: 30%; height: auto; position: relative; overflow: hidden;  }
.cms-download figure img {width: 100%; max-width: 100%; height: auto; position: relative; overflow: hidden;  background-color:#f5ecec; transition: all 0.5s ease-in-out;}
.cms-download figure:hover img { opacity: .5;border-color: #df7475;  transform: scale(1.15); }
.cms-download .news-box {position: relative; width:70%; box-sizing: border-box;display: -ms-flexbox; display: flex; flex-wrap: wrap;   margin: 0;   color: #4c4c4c; font-size: 14px; font-weight: 400; line-height: 1.8rem; letter-spacing: 0.5px; padding:20px 20px;  }
.cms-download h3 {position: relative;width: 100%; height: 72px;  font-size:1.5rem; line-height: 2rem; font-weight:700; verflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word;}
.cms-download h3 a{ color:#000!important; }
.cms-download p { width: 100%; height: 52px; font-size: 0.875rem; line-height: 1.7142857143rem;  letter-spacing: .05em;color:#999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word;}
.cms-download p a{ color:#000;   }


.listDateBox { display: flex; align-items: center; flex-wrap: wrap;  width:50%;  }
.listDateBox .date,.listDateBox .category {  font-size: 12px; font-weight: 400; letter-spacing: 0.06em; color: #d0312a;}
.listDateBox .category {  position: relative;  margin-left: 10px; padding:0px 5px; text-transform: uppercase; color: #fff; background:#d0312a;  border-radius:8px; }
 .listDateBox .mTitle { position: relative; padding-left: 18px; margin-left: 7px;  font-size: 13px; letter-spacing: 0.02em;  color: #aaa;}
.listDateBox .mTitle::before { content: ""; position: absolute; left: 0;  top: 10px;  width: 12px;  height: 1px; background-color: #e1e1e1;}

.download-icon{width: 100%; }
.download-icon a{ display: flex; flex-wrap: wrap; align-items: center; color: #333; }
.download-icon i{width:36px; height: 36px; display: inline-block; margin-right: 5px; }

.download-icon a:hover i{opacity: .2; }
/* Sweep To Right */
.hvr-sweep-to-right { cursor: pointer; display: inline-block; position: relative; vertical-align: middle;  -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:#d0312a!important; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%;  -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: #fff!important;}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1);}



#cms-main .editor p { font-size: 18px; font-weight: 400;  line-height: 2; letter-spacing: 1.2px; margin:15px 0; width: 100%;}


@media (max-width: 820px) {
.cms-download li{width: 100%; padding:0px; margin:20px auto ;  }
.cms-download figure {   width: 40%;   }
.cms-download .news-box { width:60%; padding:20px 10px;  }
.cms-download h3 {height: 80px;  font-size:1.125rem; line-height: 1.5; letter-spacing: 0;}
.download-icon{width: 100%; margin: auto; }
}