@charset "utf-8";

body, button, input, select, textarea { font: 14px/1.6 "PoppinsRegular_0", arial, helvetica, sans-serif,"微软雅黑", Arial, sans-serif; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.hide{ display:none; }
.show{ display:block; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.noMg { margin: 0!important; }
.mr0{ margin-right:0 !important; float:right !important;}

input[type="button"], input[type="submit"], input[type="reset"] , botton,bottom {-webkit-appearance:none;}
input::-webkit-input-placeholder {opacity:1}
input:-moz-placeholder {opacity:1}
input::-moz-placeholder {opacity:1}
input::-ms-input-placeholder {opacity:1}
textarea::-webkit-input-placeholder {opacity:1}
textarea:-moz-placeholder {opacity:1}
textarea::-moz-placeholder {opacity:1}
textarea::-ms-input-placeholder {opacity:1}


/* content */
.content{ 
  padding: 30px 0;
}

/* banner */
.banner{
  position: relative;
}
.banner .swiper-slide{
  position: relative;
}
.banner .swiper-slide .textBox{
 width: 50%;
 position: absolute;
 left: 50%;
 background: rgba(1, 95, 244, .6);
 z-index: 9999;
 top:70%;
 box-sizing: border-box;
 padding: 30px;
 color: #fff;
 transform: translate(-50%,-50%);
 font-size: 20px;
 line-height: 1.8;
 /* font-family: "LoraBold", arial, helvetica, sans-serif; */
}
.banner .swiper-pagination{
  bottom: 40px;
}
.banner .swiper-pagination-bullet {
  background: none;
  text-align: center;
  font-size: 24px;
  color: #000;
  opacity: 1;
  line-height: 24px;
  width: 30px;
  height: 30px;
  margin: 0 10px !important;
  outline: none;
  border-bottom: 1px solid #333;
  border-radius: 0;
}
.banner .swiper-pagination-bullet-active {
  color: #0160f7;
  background:none;
  border-bottom: 1px solid #0160f7;
}


/* 新闻列表 */
.list { padding:0 0 20px; }
.list li { padding:22px 0; border-bottom:1px solid #d2d2d2; font-size:14px; display: -webkit-flex; display: flex; justify-content: space-between;}
.list li span { float:right; color:#999; font-size:12px; }
.list li a { }
.list li a:hover { text-decoration:underline; }
.list li .time{ width: 20rem; background:#f3f3f3; float:left; text-align:center}
.list li .time .p1{ font-size:50px; color:#6b6b6b; font-weight:bold; font-family:Arial; line-height:1; padding:15px 0 10px}
.list li .time .p2{ font-size:16px; color:#6b6b6b; font-family:Arial; line-height:1}
.list li .title{ flex:1; padding-left: 2rem;}
.list li .title h3{ font-size:18px; color:#6b6b6b;}
.list li .title .intro{ font-size:14px; color:#6b6b6b; margin-top:10px; overflow:hidden}
.list li .title .timeB{ color: #6b6b6b; margin-top: 10px;}
.list li .title .more{ display:none; margin-top: 10px;}
.list.list2 li{ padding:30px; background:#f5f5f5; border-bottom:0}
.list.list2 li:nth-child(2n){ background:none}
.list.list2 li .time{ background:url(v1.png) center center no-repeat; background-size:60px}
.list.list2 li .time .p1{ font-size:0}
.list.list2 li .time .p2{ font-size:0}
.list.list2 li .title{ flex:1; padding-left: 0;}
.list.list2 li:hover{ background:#4c8ef9}
.list.list2 li:hover .time{ background:url(v2.png) center center no-repeat; background-size:60px}
.list.list2 li:hover .title h3 a{ color:#fff}
.list.list2 li:hover .title .intro{ color:#fff}
.list.list2 li:hover .title p{color: #fff;}
.list.list2 li .title .more{ display:inline-block; vertical-align:top; border:1px solid #4c8ef9; font-size:14px; color:#4c8ef9; padding:8px 20px}
.list.list2 li:hover .title .more{ background:#fff; border:1px solid #fff}
@media (max-width:991px) {
	.list li{ padding:15px 0}
	.list.list2 li{ padding:20px 15px}
	.list li .time{ width:80px; height:80px; display: none;}
	.list li .time .p1{ font-size:30px;}
	.list li .title{ padding-left: 0;}
	.list li .title h3{ font-size:15px}
	.list li .title .intro{ font-size:12px; margin-top:5px; }
	.list.list2 li .time{ background:url(v1.png) center center no-repeat; background-size:40px}
	.list.list2 li:hover .time{ background:url(v2.png) center center no-repeat; background-size:40px}
	.list.list2 li .title .more{ margin-top:10px; padding:5px 15px; font-size:12px}
  .sidenewst,.sidenews{display: none;}
}

@media screen and (max-width: 991px) {
  .banner .swiper-pagination{bottom: 15px;}
  .banner .swiper-pagination-bullet {font-size: 12px;width: 20px;height: 20px;}
  .banner .swiper-slide .textBox{display: none;}
}