@charset "utf-8";
/* CSS Document public*/


.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}

.container03 { margin-bottom:20px; padding-bottom:30px;}

.container03 .title h4 div br{ display:none;}



.container03{padding: 3.375rem  0 ;margin-bottom: 1.625rem;position:relative;}
.container03 .line{ position:absolute; width:100%; height:1px; background:#ededee; bottom:1px; z-index:0}
.container03 .title{line-height: 1.25rem;height: 1.25rem;}
.container03 .title h4{display:inline-block;height:1rem;}
.container03 .title h4 div{display:inline-block;width: 100%;height: 1.25rem;border-left: #0674ec 3px solid;padding-left: 0.5rem;}
.container03 .title span{display:inline-block;font-size:1.125rem;color: #0674ec;font-weight:bold;vertical-align:top;margin:0 0.2rem;}
.container03 .title small{display:inline-block;font-size:1.25rem;color: #757576;text-transform:uppercase;vertical-align:top;margin:0 0.2rem;}
.container03 .hd{margin-bottom:3rem;margin-top: -2rem;float:  right;}
.container03 .hd ul{display:inline-block;width: auto;text-align: right; }
.container03 .hd ul li{font-size: 14px;width: 5.3125rem !important;height: 36px;line-height: 36px;color: #353535;display:inline-block;margin: 0 5px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;cursor: pointer;float: none;text-align: center;}
.container03 .hd ul li.on{border: #0674ec 1px solid;width: 7.3125rem !important;}
.container03 .bd ul{ margin: 0 -2.3125rem; overflow:hidden; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container03 .bd ul li ul{margin: 0 -2.3125rem;}
.container03 .bd ul li ul .miso-list{ padding:0.8rem 0 0 0}
.container03 .bd ul li{position:relative; padding:0 2.3125rem; padding-bottom: 4.125rem;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;padding-top:0.5rem;}
.container03 .bd ul li .img{overflow:hidden;}
.container03 .bd ul li .img img{ width: 100%;}
.container03 .bd ul li .con{position:relative;width:100%;overflow: hidden;margin-bottom: 1.25rem;}
.container03 .bd ul li .con .left{ float:left; width:5.3125rem; height:5.3125rem; border:#bfbfbf 1px solid; text-align:center;}
.container03 .bd ul li .con .left .day{font-size:1.5rem;color:#353535;margin: 0.3rem 0 0.3rem 0;}
.container03 .bd ul li .con .left .year{ font-size:0.75rem; color:#353535;}
.container03 .bd ul li .con .right{ position:absolute; left:6.25rem; right:0; top:0}
.container03 .bd ul li .con .right h5{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:1.5rem; line-height:1.5rem; margin-bottom:1rem;}
.container03 .bd ul li .con .right h5 a{ font-size:1.2rem; color:#353535;}
.container03 .bd ul li .con .right p{ font-size:1rem; color:#8e8e91; line-height:1.25rem; height:2.5rem; overflow:hidden;}
.container03 .hd .miso-track{ left:auto; right:0; float:right; transform: translate3d(0px, 0px, 0px) !important}
.container03 .news{overflow: hidden;}

/*==========================================内页 结束=============================================*/

@media(min-width: 640px){
  
  
  .container03 .bd ul li:hover{ padding-top:0}
  .container03 .bd ul li:hover:after{ background:#0674ec; content:""; position:absolute; z-index:1; bottom:-0.5rem; left:2.3125rem; right:2.3125rem; height:2px;}
  .container03 .bd ul li:hover .con .left{ background:#0674ec; border:#0674ec 1px solid;}
  .container03 .bd ul li:hover .con .left .day,
  .container03 .bd ul li:hover .con .left .year{ color:#fff}
  .container03 .bd ul li:hover .con .right h5 a{ color:#0674ec}
  
 
}


@media(min-width: 992px) and (max-width: 1300px){
}



@media(max-width: 1420px){
}

@media(max-width: 1400px){
}


@media(max-width: 1100px){
	.container03 .bd ul{ margin:0 -0.75rem}
	.container03 .bd ul li{ padding:0 0.75rem}
	.container04 .right .ar_article a{ margin-top:1rem}
	
}



@media(max-width: 640px){
	
	
	.container03{margin-bottom: 3.625rem;}
	.container03 .bd ul li{ margin-bottom:2rem;}
	
	
	
	.container03 .title h4 div br{ display:block;}
	.container03 .title small{ font-size:0.875rem; margin-top:0.3rem}
	.container03 .hd ul li.on{ width:6rem !important}
	.container03 .hd ul li{ margin:0 2px}
}