@charset "utf-8";
/*
Theme ID: user89
Author: 懒鸟飞移植
Author QQ：1430826160
Author Email：1430826160@qq.com
Author URL: http://www.lazybirdfly.com/
*/
* { margin: 0; padding: 0 }
img { border: 0; display: block } /*去除图片默认的1px边框；将图片标签变成块级元素，可清除默认的3px距离*/
ul li { list-style: none; }/*去除ul li标签前面小点*/
a { color: #222; text-decoration: none; } /* 所有a 标签的 颜色为#222; 去除默认的下划线*/
a:hover { color: #f00; }/*所有带访问的链接，鼠标放上去的颜色为红色 */
h1 { font-size: 28px }
h2 { font-size: 18px }
h3, h4, h5, h6 { font-size: 16px }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #222; background: #f5f5f5 } /*设置 文字大小、字体、颜色、背景*/
header, main { width: 1200px; margin: auto }
article { width: 860px; float: left; }
aside { width: 320px; float: right; }
footer { width: 100%; padding-bottom: 20px; margin-top: 30px; display: inline-block; text-align: center; clear: both; }
.touxiang { float: left; width: 50%; margin: 20px 0; }
.touxiang i { width: 100px; height: 100px; background: #fff; display: block; float: left; margin-right: 20px; border-radius: 100%; }
.touxiang i img { width: 101px; }
.touxiang h2 { margin: 20px 0 10px 0; }
.touxiang p { color: #949494; }
.guanzhu { float: right; background: #e01109; color: #fff; width: 120px; line-height: 30px; text-align: center; border-radius: 3px; position: relative; top: 40px; right: 0; cursor: pointer; }
.weixin { display: none; position: absolute; width: 120px; }
.guanzhu:hover .weixin { display: block; z-index: 9; }
nav { width: 100%; clear: both; height: 50px; line-height: 50px; background: #fff; overflow: hidden; margin-bottom: 20px; box-shadow: rgba(0,0,0,.1) 3px 5px 5px; }/*阴影 颜色透明度，左右，上下，大小*/
nav ul { text-align: center; font-size: 0; }
nav ul li { display: inline-block; font-size: 15px; position: relative; margin: 0 3px 0 0; }
nav ul li a { display: block; padding: 0 20px; }
nav ul li a:before { content: ""; width: 0; height: 5px; top: 0; left: 0; position: absolute; transition: .5s; }
nav ul li a:hover:before, nav ul li.current a:before { width: 100%; background: #af0f09; }
nav ul li a:hover, nav ul li.current a { background: #e01109; color: #fff; }
/*blogs*/
.new_blog>h2{
padding: 10px;
margin: 10px 0;
background: #fff;
}

.blogs { }
.blogs li { overflow: hidden; margin-bottom: 20px; background: #fff; padding: 20px; position: relative; }
.top_blog .blogs li::after { position: absolute; content: ""; right: 10px; top: 40px; border-style: solid; border-width: 0 13px 13px 13px; }
.top_blog .blogs li::after { border-color: #e01109 #e01109 transparent #e01109; }
.top_blog .blogs li::before { background: #e01109; position: absolute; content: ""; right: 10px; top: 0; width: 26px; height: 30px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; padding: 10px 0 0 0; }
.top_blog .blogs li:nth-child(1)::before { content: "1" }
.top_blog .blogs li:nth-child(2)::before { content: "2" }
.top_blog .blogs li:nth-child(3)::before { content: "3" }
.blogs li i { display: block; width: 160px; height: 110px; overflow: hidden; float: left; margin-right: 20px; }
.blogs li i img { width: 100%; min-height: 100%; transition: .5s; }
.blogs h2 { margin: 0 0 14px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.blogs h2 .badge{
    border-radius: 2px;
    font-weight: 400;
    padding: .20em .35em;
    font-size: 12px;
    margin: 0 .40rem 0 0;
    background: #f64444;
    color: #fff;
    position: relative;
    top: -2px;
}

.blog_smalltext { overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; font-size: 14px; color: #666; margin-bottom: 14px; }
.blog_info { color: #888; font-size: 13px; }
.blog_info .read_more{
    background: #ed4040;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 5px 15px;
    border-radius: 4px;
    float: right;
}
.blog_info span {
    margin-right: 15px;
    position: relative;
    padding-left: 20px;
    line-height: 20px;
    margin-top: 5px;
    display: inline-block;
}
.blog_info span a { color: #518f97 }
.blog_info span a:hover { color: #e01109; }
.blog_info span:nth-child(n):before { position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; }
.blog_info span:nth-child(1) { background: url(../images/icon.png) no-repeat 0 0; background-size: 18px }
.blog_info span:nth-child(2) { background: url(../images/icon.png) no-repeat 0 -18px; background-size: 18px }
.blog_info span:nth-child(3) { background: url(../images/icon.png) no-repeat 0 -36px; background-size: 18px }
.blog_info span:nth-child(4) { background: url(../images/icon.png) no-repeat 0 -54px; background-size: 18px }
.blog_info span:nth-child(5) { background: url(../images/icon.png) no-repeat 0 -72px; background-size: 18px }
.blogs li:hover { box-shadow: rgba(0,0,0,.1) 3px 5px 5px; }
.blogs li:hover h2 { color: #F00 }
.blogs li:hover img { transform: scale(1.1) }
/*aside*/
aside div { background: #fff; margin-bottom: 20px }
.search { background: #ed4040; position: relative; border: #ed4040 2px solid; border-radius: 5px; overflow: hidden; }
.search input.input_submit { border: 0; color: #fff; outline: none; position: absolute; top: 0; right: 0; width: 25%; display: block; font-size: 15px; height: 36px; line-height: 36px; text-indent: 1em; cursor: pointer; background: url(../images/search.png) no-repeat left 10px center; background-size: 21px; }
.search input.input_text { border: 0; line-height: 36px; height: 36px; font-size: 14px; width: 75%; outline: none; text-indent: 1em; }
h2.aside_title { padding: 20px; }
.xinqing { }
.xinqing ul { padding: 0 20px 20px; }
.xinqing ul li { margin-bottom: 20px; border: #e4e4e4 1px solid; padding: 10px; font-size: 14px; border-radius: 5px; color: #333; position: relative; }
.xinqing ul li:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-right-color: #e4e4e4; border-width: 10px; top: 10px; }
.xinqing ul li:nth-child(odd) { background: #f5f5f5 }
.pics { overflow: hidden; }
.pics ul { overflow: hidden; margin: 0 20px 20px; }
.pics ul li { width: 33.333%; float: left; }
.pics ul li a { display: block; height: 60px; margin: 2px; overflow: hidden; background: #000 }
.pics ul li img { width: 100%; min-height: 100%; opacity: .8; transition: all .5s; }
.pics ul li a:hover img { opacity: 1; transform: scale(1.1) }
.paihang { }
.paihang ol { padding: 0 20px 20px 40px; }
.paihang ol li { margin-bottom: 20px; padding-left: 10px; }
.links span { float: right; font-size: 16px; font-weight: normal }
.links span a { color: #666; }
.links span a:hover { color: #f00 }
.links ul { padding: 0 20px 20px 20px; overflow: hidden }
.links li { width: 50%; float: left; display: inline-block; line-height: 30px; text-align: center }
.links li a { margin: 5px; border: #666 1px solid; display: block; border-radius: 3px; color: #666 }
.links li a:hover { border: #222 1px solid; color: #000 }
/*footer*/

footer img { display: inline-block; vertical-align: middle; margin-right: 5px; }
footer p { line-height: 30px; font-size: 14px; color: #666 }
footer p span { margin: 0 10px }
footer a { color: #666 }
/*weizhi*/
.weizhi { margin: 0 0 20px 0; font-size: 14px; color: #949494; background: url(../images/weizhi.png) no-repeat left center; background-size: 20px; padding-left: 30px }
.weizhi a { color: #949494; }
.weizhi a:hover { color: #000 }
/*suiyan*/
.suiyan_list { }
.suiyan_list ul { overflow: hidden; }
.suiyan_list ul li { width: 25%; float: left; }
.suiyan_list ul li a { display: block; padding: 20px; margin: 30px auto; background: #fff; box-shadow: rgba(0,0,0,.1) 3px 5px 5px; width: 200px; height: 200px; transform: rotate(-10deg); position: relative; color: #333 }
.suiyan_list ul li:nth-child(even) a { -webkit-transform: rotate(10deg); top: 10px; background: rgb(255, 255, 205); ; }
.suiyan_list ul li:nth-child(3n) a { -webkit-transform: rotate(-5deg); top: -10px; background: rgb(254, 201, 227); }
.suiyan_list ul li:nth-child(5n) a { -webkit-transform: rotate(8deg); top: -10px; background: rgb(210, 251, 253); }
.suiyan_list ul li a:hover { transform: scale(1.1); transition: .2s; box-shadow: rgba(0,0,0,.5) 3px 5px 5px; }
.suiyan_time { font-size: 14px; color: #999; margin-bottom: 10px; }
.suiyan_text { line-height: 30px; }
.suiyan_list span { position: absolute; width: 50px; height: 50px; bottom: 5px; right: 5px; }
.suiyan_5 { background: url(../images/bq5.png) no-repeat; background-size: 48px; }
.suiyan_4 { background: url(../images/bq4.png) no-repeat; background-size: 48px; }
.suiyan_3 { background: url(../images/bq3.png) no-repeat; background-size: 48px; }
.suiyan_2 { background: url(../images/bq2.png) no-repeat; background-size: 48px; }
.suiyan_1 { background: url(../images/bq1.png) no-repeat; background-size: 48px; }
/*tuijian*/
.tuijian { }
.tuijian ul { padding: 0 20px 20px 20px; }
.tuijian ul li { overflow: hidden; margin-bottom: 20px; }
.tuijian ul li a { }
.tuijian i { display: block; width: 90px; height: 60px; overflow: hidden; margin-right: 20px; float: left; }
.tuijian p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 8px }
.tuijian img { width: 100%; min-height: 100%; }
/*love*/
.love { }
.love ul { padding: 0 20px 20px 20px; overflow: hidden }
.love ul li { overflow: hidden; width: 50%; float: left; }
.love ul li a { margin: 0 3px 10px; display: block; overflow: hidden; }
.love i { display: block; width: 100%; height: 90px; overflow: hidden; }
.love p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.love img { width: 100%; min-height: 100%; }
/*tagsclous*/
.tagsclous h2 { padding-bottom: 0 !important }
.tagsclous ul { padding: 20px; overflow: hidden; position: relative; }
.tagsclous ul:before { animation: linescroll 5s; animation-iteration-count: infinite; content: ""; width: 20px; height: 20px; background: red; position: absolute; z-index: 9 }
.tagsclous a { display: inline-block; background: #ffffff; width: 33.3333%; font-size: 14px; float: left; line-height: 40px; text-align: center; position: relative; }
.tagsclous a:nth-child(3n-1):before { width: 1px; height: 100%; content: ""; position: absolute; background: #eae5e5; left: 0; top: 0; }
.tagsclous a:nth-child(3n-1):after { width: 1px; height: 100%; content: ""; position: absolute; background: #eae5e5; right: 0; top: 0; }
.tagsclous a:nth-child(6n+1) { background: #f5f5f5; }
.tagsclous a:nth-child(6n+2) { background: #f5f5f5; }
.tagsclous a:nth-child(6n+3) { background: #f5f5f5; }
.tagsclous a:hover { background: #e01109; color: #fff }
@keyframes linescroll { 0% {
left:0px;
top:0px;
}
25% {
left:300px;
top:0px;
}
50% {
left:300px;
top:220px;
}
75% {
left:0px;
top:220px;
}
100% {
left:0px;
top:0px;
}
}
/*xiangce*/
.xiangce_list ul { width: 25%; float: left; overflow: hidden; }
.xiangce_list li { margin: 10px }
.xiangce_list li a { margin: 0 0 30px 0; padding: 12px; background: white; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); display: block; }
.xiangce_list li img { width: 100%; margin: 0 auto 10px }
.xiangce_list li p { color: #666; text-align: center }
.xiangce_list li a:hover { box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); transform: translateY(-5px); transition: all .2s; }
/*time_list*/
.time_list { padding: 30px; background: #fff; margin-bottom: 20px }
.time_list ul { position: relative; }
.time_list ul:before { position: absolute; content: ""; width: 2px; height: 100%; background: #cccaca; left: 116px; }
.time_list ul li { line-height: 36px; }
.time_list ul li span { color: #999; margin-right: 20px; width: 90px; display: block; float: left; }
.time_list ul li a { position: relative; padding-left: 30px; }
.time_list ul li a:before { content: " "; height: 10px; width: 10px; border: 2px solid #cccaca; background: #fff; position: absolute; top: 4px; left: 0px; border-radius: 50%; transition: all .5s; }
.time_list ul li a:hover:before { background: #e01109; }
.web_liucheng { text-align: center; line-height: 30px; overflow: hidden; background: #fff; padding: 10px; border-radius: 3px; margin-bottom: 20px; }
.web_liucheng h2 { margin: 0 0 10px; font-size: 18px; }
.web_liucheng dt { line-height: 40px; text-align: center; font-weight: bold; font-size: 16px; border-top: #e2e2e2 1px solid; }
.web_liucheng dl { float: left; width: 25%; position: relative; }
.web_liucheng dl:after { content: ""; position: absolute; width: 1px; height: 100%; background: #e2e2e2; right: 0; bottom: 0; }
.web_liucheng dl:last-child:after { display: none }
.web_liucheng dd:nth-child(even) { background: #f2f2f2; }
/*about*/
.about { background: #fff; padding: 20px; font-size: 16px; overflow: hidden; }
.about p { margin-bottom: 20px; line-height: 24px; }
.about img { display: block; margin: 20px auto; max-width: 100%; }
.about h2 { margin-bottom: 20px; text-indent: 1em; line-height: 40px; position: relative; background: #f5f5f5; border-left: #648a93 4px solid; }
.aside_right { padding: 20px; }
.aside_right h2 { margin: 0 0 20px 0; }
.aside_right ul, .aside_right ol { margin-bottom: 30px; }
.aside_right ul li, .aside_right ol li { line-height: 30px; height: 30px; }
.aside_right ul li { background: #f5f5f5; border-radius: 10px; margin-bottom: 10px; text-indent: 2em; }
.aside_right ol { margin-left: 20px; }
.aside_right ol li { }
/*container*/
.container { background: #fff; padding: 20px; }
.container h1 { font-size: 22px; margin-bottom: 20px; }
.container .blog_info { margin-bottom: 20px; }
.tags { margin-bottom: 20px; }
.tags a { display: inline-block; background: #e01109; color: #fff; padding: 3px 10px; }
.content { font-size: 16px; line-height: 24px; }
.content p { margin: 20px 0; }
.content img { display: block; margin: auto; max-width: 100% !important; height: auto !important; }
.info-pre-next { margin: 20px 0 }
.info-pre-next p { margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.info-pre-next span { font-weight: bold; margin-right: 10px; }
.otherlink { }
.otherlink h2, .pinglun_box h2 { margin: 10px 0; position: relative; }
.otherlink h2:before, .pinglun_box h2:before { content: ""; position: absolute; background: #f00; width: 4px; height: 100%; left: -20px; bottom: 0; }
.otherlink ul { margin-bottom: 20px; }
.otherlink ul li { line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media only screen and (max-width: 1200px) {
header, main { width: 90% }
article { width: 68% }
aside { width: 30% }
}
@media only screen and (max-width: 768px) {
article { width: 100% }
aside {
    display: none;
    float: none;
    width: 100%;
}
nav ul li a { padding: 0 15px }
.suiyan_list ul { padding: 30px }
.suiyan_list ul li { width: 33.3333% }
.suiyan_list ul li a { padding: 10px }
.suiyan_list ul li a:hover { z-index: 9 }
.xiangce_list li { margin: 5px }
.xiangce_list li a { padding: 5px }
.xiangce_list li p { font-size: 14px; }
}
@media only screen and (max-width: 480px) {
header, main { width: 96% }
.touxiang { width: 100%; margin: 5px 0 }
.touxiang i { width: 60px; height: 60px; margin-right: 10px }
.touxiang i img { width: 100%; }
.touxiang h2 { margin: 5px 0 }
nav { overflow-x: scroll; height: 40px; line-height: 40px; }
nav ul { width: max-content; overflow-x: scroll }
.guanzhu { position: fixed; top: auto; bottom: 0; left: 0; width: 100%; height: 30px; z-index: 9; border-radius: 0px; }
.guanzhu:hover .weixin { left: 33%; bottom: 30px; box-shadow: #dadada 2px 2px 10px; }
footer { padding-bottom: 50px; margin-top: 20px; }
.blogs li { padding: 10px }
.blogs h2 { font-size: 16px; margin: 0 0 5px 0 }
.blogs li i { width: 90px; height: 60px; margin-right: 10px; }
.top_blog .blogs li::before, .top_blog .blogs li::after { display: none }
.blog_info { font-size: 12px; }


.blog_info span:nth-child(2),.blog_info span:nth-child(3){display: none}
.blog_info span:last-child {}



.blog_smalltext { margin-bottom: 10px; }
footer p span:last-child { display: block; }
.suiyan_list ul li, .xiangce_list ul { width: 100% }
.time_list ul li span { width: 100%; text-indent: 2em; font-size: 12px; }
.time_list ul:before { left: 6px; }
.time_list ul li a { padding-left: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.time_list ul li { overflow: hidden; }
.time_list ul li a:before { top: 10px; }
.time_list { padding: 10px; }
.container { padding: 10px }
}
/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 0 0 10px; }
.pagelist a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #ffffff; display: inline-block; }
.pagelist a:nth-child(1) { display: none }
.pagelist a:hover, .pagelist > b { color: #FFF; background: #f4543c; }
.pagelist > b { padding: 5px 10px; }


/*****子栏目导航*****/
.jlmenu {
    width: 100%;
    margin-bottom: 10px;overflow: hidden;
}
.jlmenu li {
    float: left;
}
.jlmenu li a {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    background: #0cc;
    color: #fff;
    text-align: center;
    margin: 4px 12px 4px 0;
    padding: 0 16px;
    border-radius: 2px;
}
.jlmenu li .act {
    background: #E9644E!important;
}

.wapss{display:none}

@media only screen and (max-width: 768px) {

.wapss{
    display: block;
    width: 95%;
    margin: 0 auto 15px auto;
}
   
   
}




.meihua_1 {
	display: block;
	margin-top: 10px;
	padding: 5px 10px;
	background-color: #f16b6f;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.meihua_2 {
	background-color: #fff;
	margin-bottom: 20px;
	box-shadow: 0 1px 2px rgba(15,39,65,0.1);
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.meihua_2 .meihua_2_1 {
	height: auto;
	overflow: hidden;
	background-color: #FFF;
	border: 1px solid #DDDDDD;
	border-width: 1px 1px 1px 1px;
	padding: 20px;
}
.meihua_2 .meihua_2_1 p {

}
.meihua_2 .meihua_2_1 .meihua_btn {
float: left;
    border: 1px solid #8a8a8a;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding-left: 40px;
    margin: 0px 10px 0 0;
    overflow: hidden;
    border-radius: 2px;
	background: url(../images/30.png) no-repeat 5px 3px #f16b6f;
    border: 1px solid #f16b6f;
    color: #FFF!important;
    text-decoration: none;    padding-right: 10px;
    text-indent: 0;
}
.meihua_2 .meihua_2_1 .meihua_btn i {
	margin-right: 5px
}
.meihua_2 .meihua_2_1 .meihua_btn:hover {
	background-color: #ea4c89;-webkit-transition: box-shadow .2s linear;transition: box-shadow .2s linear;box-shadow: inset 0 0px var(--accent-color)
}
.video {
position: relative;
padding-bottom: 56.25%!important;
height: 0;
overflow: hidden;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.short-btn {
    float: left;
    border: 1px solid #8a8a8a;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding-left: 40px;
    margin: 10px 10px 0 0;
    overflow: hidden;
    border-radius: 2px;
    background: url(../images/10.png) no-repeat 5px 3px #f16b6f;
    border: 1px solid #f16b6f;
    text-decoration: none;color: #FFF!important;padding-right: 10px;
    text-decoration: none !important; 
    text-indent: 0;
}
.short-btn:hover {
	background-color: #ea4c89
}

.mt20{margin-top:20px}