@charset "UTF-8";

.type1-notice {position:relative; overflow:hidden;}
.type1-notice-title {max-width: 1600px; margin: 0 auto; margin-bottom: 30px;}
.type1-notice-title p {font-size: 22px; line-height: 40px; color: #fff;margin-left: 110px;}
.type1-notice .type1-notice-wrap {position: relative; border-top: 1px solid rgba(255, 255, 255, 0.3); background: rgba(0, 0, 0, 0.3); min-height: 138px;padding-left:110px}
.type1-notice .type1-notice-inner {position: relative; max-width: 1600px; margin: 0 auto; padding-left: 50px;}
.type1-notice .type1-notice-inner::before {content: ""; position: absolute; width: 17px; height: 25px; background: url("../images/notice_arrow.png") no-repeat; left: 0; top: -7.5px;}
.type1-notice .title {position:relative; display:inline-block; font-size:1.25vw; }
.type1-notice .more {position:absolute; right:30px; top:-55px; text-indent:-99999px;  width:19px; height:19px; background:url('../images/btn_notice_more.png') no-repeat center center; transform: rotate(0); transition: all 0.5s;}
.type1-notice .more:hover {transform: rotate(180deg);}
.type1-notice .list ul {margin-top: -4.5px;}
.type1-notice .list li {position: relative; float: left; width: 50%; padding-right: 7%;}
.type1-notice .list li::before {content: ""; position: absolute; width: 9px; height: 9px; background: #fff; border-radius: 50%; left: 0; top: 0px;}
.type1-notice .slider .con {display:inline-block; width:100%; padding:20px 0; border-bottom:1px solid #d0d0d0;}
.type1-notice .list li .subject {padding-left: 35px; background: url("../images/ic_notice_point.png") no-repeat left top;}
.type1-notice .subject {position:relative; z-index: 1;font-size:18px; line-height: 25px; color:#fff; max-height: 50px; overflow:hidden;}
.type1-notice .subject span {position: relative; z-index: -1; background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px);  background-repeat: no-repeat;  background-size: 0% 100%;  transition: background-size 0.75s}
.type1-notice .con {display: inline-block; width: 100%;}
.type1-notice .con a {position:relative;}
.type1-notice .con a:hover .subject span {background-size: 100% 100%}
.type1-notice .date {display: block; font-size: 16px; color:#ffffff; font-family: 'Montserrat'; padding: 20px 0 10px;}
.type1-notice .list {}
.type1-notice .list li {margin-bottom: 7px;}
.type1-notice .list .nodata {float: none; width: 100%; text-align: center; padding: 20px 0; color: #fff;}

@media all and (min-width:1921px) {

}

@media all and (max-width:1620px) {
	.type1-notice-title, .type1-notice-wrap {padding: 0 20px;}
}

@media all and (max-width:1260px) {
.type1-notice-title p{margin-left:0;}
	.type1-notice .list li {padding-right: 30px;}
	.type1-notice .more{right:0;}
	.type1-notice .type1-notice-wrap{padding-left:0}
}

