/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=363255");
@import url("page.css?v=1062");
/********************************************************************/
/**/
.category_sub { background:#fff; border-bottom:1px solid #b3b3b3; text-align:center; padding:15px 0 }
.category_sub a { display:inline-block; padding:15px; margin:5px 15px; font-size:16px; color:#1e1e1e }
.category_sub a:hover, .category_sub a.on { color:#3963ef }
.item_blog { padding:100px 0 }
#blog_ulist li { float:left; width:32%; margin-right:2%; margin-bottom:4% }
#blog_ulist li:nth-child(3n) {
margin-right:0
}
#blog_ulist li label { display:block; background:url(../images/icon_date.jpg) no-repeat left center; padding-left:32px; display:block; margin-top:12px }
#blog_ulist li .title { font-size:25px; color:#333; line-height:1.2; display:block; margin-top:10px }
#blog_ulist li .title:hover { color:#3963ef }
#blog_ulist li p { font-size:15px; line-height:1.8; margin:15px 0; margin-bottom:35px }
#blog_ulist li a.more { color:#3963ef; font-size:16px; }
#blog_ulist li a.more i { vertical-align:middle; margin-left:5px }
#blog_ulist li img { -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
#blog_ulist * { transition-duration: .2s;
-ms-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
}
#blog_ulist li:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
/**/
.blog_show { float:left; width:70%; }
.blog_h1 { font-size:35px; display:block; line-height:1 }
.blog_desc { font-size:16px; line-height:1.8; margin-top:30px }
.blog_desc img { max-width:100%; height:auto; }
.blog_cat { float:right; width:30%; padding-left:100px; padding-top:82px }
.blog_seach { border:2px solid #efefef; padding-right:36px; position:relative }
.blog_seach input { display:block; width:100%; padding:15px; border:0 }
.blog_seach button { width:36px; display:block; height:100%; border:0; background:url(../images/icon_serchbt.png) no-repeat center center; position:absolute; right:0; top:0; cursor:pointer }
.blog_share { border-top:2px solid #efefef; border-bottom:2px solid #efefef; margin-top:50px; font-size:16px; padding:15px 0; position:relative }
.blog_share a { width:50px; height:50px; display:inline-block; margin-right:15px; background:url(../images/icon_share2.png) no-repeat }
.blog_share label { margin-right:15px; margin-left:15px }
.blog_share a.face { background-position:-61px center }
.blog_share a.twi { background-position:-121px center }
.blog_share a.in { background-position:-182px center }
.blog_share a.sina { background-position:right center }
.blog_share a:hover { background-image:url(../images/icon_shareon2.png?v=12) }
.blog_share .views { background:url(../images/icon_view.png) no-repeat left center; padding-left:30px; position:absolute; right:15px; top:27px }
.hots_title { display:block; font-size:30px; margin-top:50px; margin-bottom:30px }
.blog_hots li { position:relative; height:67px; padding-left:120px; margin-bottom:15px }
.blog_hots li .thumb { width:100px; height:66px; position:absolute; left:0; top:0; overflow:hidden }
.blog_hots li .thumb img { width:100%; height:auto; display:block }
.blog_hots li label { font-size:13px; color:#8a8a8a; display:block; }
.blog_hots li b { display:block; line-height:1.2; overflow:hidden; height:32px; margin-bottom:10px; }
.blog_hots li a:hover b { color:#3a67ff }
/**/
@media(max-width:1674px){
.item_blog{ padding:100px 85px}
}

@media(max-width:1360px){
.item_blog{ padding:80px 50px}
}
@media(max-width:1200px){
	.blog_cat{ display:none}
	.blog_show{ width:100%}
	.blog_h1{ font-size:20px; text-align:center; line-height:1.8}
}
@media(max-width:1000px){
#blog_ulist li{ width:48%; margin-right:4%}
#blog_ulist li:nth-child(3n){ margin-right:4%}
#blog_ulist li:nth-child(2n){ margin-right:0%}
#blog_ulist li .title{ font-size:20px}
}

@media(max-width:500px){
#blog_ulist li{ width:100%; margin-right:0%; margin-bottom:6%}
#blog_ulist li:nth-child(3n){ margin-right:0%}
#blog_ulist li:nth-child(2n){ margin-right:0%}
#blog_ulist li p{ margin-bottom:15px}
}	
@media(max-width:600px){
.item_blog{ padding:50px 25px}
.category_sub a{ margin:5px 0}
}