@charset "utf-8";
body,form,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,p,hr,input,em{margin:0;padding:0;list-style:none;-webkit-text-size-adjust:none; vertical-align: middle; font-weight:normal;}
body{ font-size:14px; color:#000; background: url(bg_hy20181011.jpg) repeat top; font-family:'\5FAE\8F6F\96C5\9ED1','Nanum Gothic','-apple-system';}
h1,h2,h3,h4,h5,h6{font-size:100%}
table,img,iframe{border:none}ul{list-style:none}
a{ color:#000; text-decoration:none;outline:none;}
a:hover {color:#f43b47;text-decoration:none;}
a:active {color:#000;text-decoration:none;}
ol,ul {list-style:none;}
fieldset,img {border:0;}
i,em{ font-style:normal;}
.left{ float:left;}
.right{ float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}/* Hides from IE-mac \*/
* html .clearfix{height:1%;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt55{ margin-top:55px;}
.mt60{ margin-top:60px;}
.w1170{ width: 1170px; margin-left: auto; margin-right: auto;}
.trans{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;}
.trans:hover{transform:scale(1.04,1.04);-ms-transform:scale(1.04,1.04);-webkit-transform:scale(1.04,1.04);transition:1s}


.main{width: 750px; margin-left: auto; margin-right: auto; overflow: hidden; padding-bottom: 50px; background: #fff;}
.banner{min-height: 100px;}
.banner, .banner img{width: 100%;}

.warp{padding: 0 5%;}
.warp .date{height: 97px;line-height: 97px; margin-top: 30px; padding-left: 130px;background: url(icon1_hy20180928.png) no-repeat left center;font-size: 44px;color: #101010;margin-left: 6px;}
.warp .bm .list{margin-top: 75px;position: relative;}
.warp .bm .list .box{padding-top: 20px;background: #f7f5f5;border-radius: 15px;overflow: hidden;}
.warp .bm .list .icon{width:0;height:0;border-width: 0 19px 27px;border-style:solid;border-color:transparent transparent #f7f5f5; position: absolute; top: -27px; left: 50px; z-index: 1;display: inline-block;}
.warp .bm .list .time{height: 44px;line-height: 44px;padding-left: 60px;margin-left: 5%;background: url(icon3_hy20180928.png) no-repeat left;color: #b71b21;font-size: 40px;}
.warp .bm .list .title{background: url(icon3_hy20180928.png) 5% 25px no-repeat;}
.warp .bm .list .title a{font-size: 48px;line-height: 60px;color: #000;display: block;padding: 15px 5%;text-indent: 1.3em;}
.warp .bm .list .con{font-size: 30px; color: #000; line-height: 37px;padding: 15px 5% 30px;}
.warp .pic img{width: 100%;margin-bottom: -5px;}



@media (max-width:768px){
	.main{width: 100%;}
	.warp .date{height: 50px;line-height: 50px;margin-top: 20px;padding-left: 70px;font-size: 22px;background-size: 50px;}
	.warp .bm .list{margin-top: 35px;}
	.warp .bm .list .icon{ border-width: 0 10px 13px; top: -13px; left: 25px; }
	.warp .bm .list .box{padding-top: 10px;border-radius: 10px;}
	.warp .bm .list .time{height: 22px;line-height: 22px;padding-left: 30px;font-size: 20px;background-size: 23px;}
	.warp .bm .list .title{background: url(icon3_hy20180928.png) 5% 10px no-repeat;background-size:23px;}
	.warp .bm .list .title a{font-size: 22px;line-height: 30px;padding: 7px 5%;}
	.warp .bm .list .con{font-size: 14px;line-height: 22px;padding: 3px 5% 15px;}
	
	
	
	
	
}


