body{background: #ececec;font-family: 'OpenSans';}
* {
	margin: 0;
	padding: 0;
}
input{
	outline: none;
	vertical-align: baseline;
}
.blog-main{position: relative;}
.blog-banner{height: 380px;background: url("img/blog-banner.jpg") no-repeat center center;background-size: cover;overflow: hidden;color: #fff;text-align: center;}
.blog-h1{font-size: 50px;margin: 140px 0 50px;font-weight: normal;}
.blog-banner-introduce{width: 40%;margin: 0 auto;}

.blog-subscribe{display: inline-block;margin: 20px auto;color: #9F9F9F;}
.blog-input{border:1px solid #ECECEC;height: 30px;color: #9F9F9F;width: 180px;text-indent: 10px;float: left;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.blog-sumbit{background:#ECECEC;height: 32px;border:none;color: #9F9F9F;float: left;padding: 0 6px;cursor: pointer;border-top-right-radius: 5px;border-bottom-right-radius: 5px; }
.blog-sumbit:hover{background:#FF9700;color: #fff; }

.blog-content{width: 1242px;margin: 0px auto;overflow: hidden;}
.blog-a{width: 270px;background: #fff;border: rgba(0,0,0,0.2);float: left;margin: 20px;border-radius: 5px;}
.blog-a-img{width: 100%;overflow: hidden;position: relative;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.blog-a-img img{width: 100%;}
.blog-text{width: 100%;padding: 10px;box-sizing:border-box;}
.text-title{font-size: 18px;text-decoration: none;display: block;color: #000;margin-bottom: 10px;}
.text-title:hover{color: #FF9700;}
.text-article{color:#A0A0A0;text-decoration: none;height: 180px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical; }
.text-article:hover{color: #FF9700;}
.blog-c{width: 100%;padding: 10px 0 20px;font-size: 14px;}
.text-time{float: left;color:#A0A0A0; }
.text-read{float: right;text-decoration: none;color: #000;}
.text-read:hover{color: #FF9700;}

.blog-shade{width: 100%;background: rgba(0,0,0,0.8);position: fixed;bottom: 0px;left: 0;color: #fff;text-align: center;display: none;z-index: 1001;padding-bottom: 10px;}
.blog-shade-title{font-size: 30px;margin: 10px 0 6px;}
.blog-shade-but{display: block;width: 235px;height: 40px;background: #cc33ff;text-decoration: none;color: #fff;text-align: center;line-height: 40px;margin: 16px auto 0;border-radius: 5px;}
.blog-shade-but:hover{background: #FF9700 ;}
.shade-close{position: absolute;top: 10px;right: 10px;cursor: pointer;background-image:url('../../css/img/icon-30.png');background-position: -60px 0;}
.shade-close:hover{background-position: -60px -30px;}



@media screen and (max-width: 1250px) and (min-width: 932px) {
	.blog-banner-introduce{width: 60%;}

	.blog-content{width:932px; }
}
@media screen and (max-width: 932px) {
	.blog-banner-introduce{width: 80%;}

	.blog-content{width:621px; }
}
@media screen and (max-width: 621px) {
	.blog-h1{font-size: 40px;margin: 140px 0 10px 0;}
	.blog-content{width: 320px;}
	.blog-c{float: none;margin: 0 auto;}
}

.footer-c {position: relative;}