#main{width:100%; padding-top:184px;}
#main ul li{ border-top:#dcdcdc solid 1px; padding:20px 0;}
#main ul li .f-left{ width:60%;}
#main ul li .f-right{ width:390px;max-width:40%;}
#main ul li .f-right img{ display:block; width:100%;}
#main ul li h1{ padding-top:20px; padding-bottom:20px; color:#222; font-size:24px; line-height:1; width:88%;}
#main ul li p{color:#666; font-size:16px; line-height:2; width:88%; height:70px;font-family: 'fontregular'; padding-bottom:20px;}
#main ul li .btn{ width:100px; height:36px; line-height:36px; color:#fff; background-color:#1d1d1d; background-image:url(../images/arrow.png); background-repeat:no-repeat; background-position:center right; font-size:14px; padding-left:20px; padding-right:20px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
#main ul li .btn:hover{ background-color:#c0192a;}
#main .more{ padding-top:100px; margin:0 auto; width:130px; height:40px; padding-bottom:115px;}
#main .more a{ display:block; width:100%; height:40px; line-height:40px; color:#333; font-size:16px; border:#979b9c solid 1px; text-align:center;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
#main .more a:hover{ background:#333; color:#fff;}
/*news_page*/
.news_page h1{ font-size:44px; color:#222; line-height:1; padding-bottom:44px;}
.news_page .news_date{font-family: 'fontregular'; font-size:18px; color:#222; line-height:1; padding-bottom:40px;}
.news_cont img{ width:auto; max-width:100%; padding-bottom:40px;}
.news_cont p{ color:#444; font-size:14px; line-height:28px;}
.news_btn{ padding-top:70px; padding-bottom:115px; width:140px; height:40px; margin:0 auto;}
.news_btn a{ display:block; width:100%; height:40px; line-height:40px; text-align:center; border:#979b9c solid 1px; color:#333; font-size:16px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.news_btn a:hover{ background:#333; color:#fff;}
@media screen and (max-width:1024px){
	#main{padding-top:115px;}
	#main ul li{ padding:15px 0;}
	#main ul li .f-left{ width:50%;}
	#main ul li .f-right{max-width:50%;}
	#main ul li h1{ padding-top:30px; padding-bottom:16px;font-size:20px; line-height:1.2;width:90%;}
	#main ul li p{font-size:16px; line-height:1.8; width:90%;padding-bottom:10px;}
	#main ul li .btn{ width:100px; height:34px; line-height:34px; background-size:30px auto; font-size:14px; padding-left:12px; padding-right:12px;}
	#main ul li .btn:hover{ background-color:#1d1d1d;}
	#main .more{ padding-top:50px;width:100px; height:34px; padding-bottom:80px;}
	#main .more a{ height:34px; line-height:34px; font-size:14px;}
	/*news_page*/
	.news_page h1{ font-size:40px;}
}
@media screen and (max-width:800px){
	#main ul li .f-right{ width:50%;}
	#main ul li h1{ padding-top:20px; padding-bottom:10px;font-size:1.6rem;}
	#main ul li p{ height:50px;font-size:1.3rem; }
	#main ul li .btn{font-size:1.3rem;}
	#main .more a{font-size:1.3rem;}
	/*news_page*/
	#main.news_page{padding-top:100px;}
	.news_page h1{ font-size:2.3rem;  line-height:1.5; padding-bottom:10px;}
	.news_page .news_date{font-size:1.3rem; padding-bottom:20px;}
	.news_cont img{padding-bottom:10px;}
	.news_cont p{ font-size:1.3rem; line-height:2.2rem;}
	.news_btn{ padding-top:20px; padding-bottom:90px; width:100px; height:30px;}
	.news_btn a{ height:30px; line-height:30px;font-size:1.3rem;}
	.news_btn a:hover{ background:none; color:#333;}
}
@media screen and (max-width:568px){
	#main ul.news{ border-bottom:#dcdcdc solid 1px;}
	#main ul li{ border-top:none; margin-bottom:40px; padding:0;}
	#main ul li .f-left,#main ul li .f-right{ width:100%; max-width:100%;}
	#main ul li h1{ padding-top:20px; padding-bottom:14px;line-height:1.5; width:100%;}
	#main ul li p{ width:100%;padding-bottom:10px; height:50px;}
	#main ul li .btn{ width:70px; height:30px; line-height:30px;background-size:24px auto; padding-left:15px; padding-right:15px;}
	#main .more{ padding-top:40px;width:90px; height:30px; padding-bottom:50px;}
	#main .more a{ height:30px; line-height:30px;}
}