@charset "utf-8";
/* CSS Document */
/*author ���� ��ԭ��ģ�壩*/
/*����֧�� ��������*/
/*time 2017.6.10 */
html{ min-width:1200px;}
body{ padding:0; margin:0; line-height:180%; font-family:"Microsoft YaHei";font-size: 14px;    }
div,ul,p,li,dt,dd,dl,h1,h2,h3,h4,h5,h6{ padding: 0; margin: 0; list-style: none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#4285f4;}
img{ border: 0; max-width:100%;}

.clearfix:after { content: " "; display: block; clear: both; height: 0;visibility: hidden; }
.clearfix { zoom: 1;}
.clear{ clear: both;}
input:focus,textarea:focus{ outline:none;}
 
.w1100{ width:1100px; margin:0 auto;position:relative; }

.fl{ float:left;}
.fr{ float:right;}
/*header*/
.header{ border-bottom:2px #ececec solid; width:100%; height:60px; line-height:60px; vertical-align: middle; margin-bottom:20px; background:#fff;}
.header .logo{ margin-top:15px;}
.header .logo img{   max-width: 100%;   }
.header .nav{ margin-left:100px; }
.header .nav ul{width:500px;  }
.header .nav ul li{ float: left; text-align:center ;height:60px;}
.header .nav ul li a{ display:block; font-size:16px; padding:0 20px; line-height:60px;  }
.header .nav ul li a:hover{ color:#333;}
.header .nav ul li.curr{ border-bottom:1px #4285f4 solid;}

.header .wap{ position:relative; display:block;}
.header .t-wap{ display:none; border:1px #eee solid; position:absolute; top:60px; right:0; width:100px; height:100px; }
.header .wap:hover .t-wap{ display:block; }
.header .wap:hover .t-wap img{ width:100px; height:100px;}

.blogcon{ width:780px;}
.silde{ width:260px; margin-top:10px;}
.fixd{width:260px;}
/*������*/
.nonecon{ text-align:center; color:#999}
.nonecon i{ display:block; margin:0 auto; font-size:40px;} 
.singlepage .nonecon{ margin-top:100px;}
.singlepage .nonecon i{ font-size:100px; margin-bottom:50px;}
/***�ö�ͼƬ�ֲ�***/
.focusBox { position: relative; width: 780px; height: 280px; overflow: hidden;  text-align: left; margin-bottom:20px;   }
.focusBox .pic li{width: 780px; height: 280px;}
.focusBox .pic li img { width: 780px; display: block; min-height:280px; transition:all ease-out 1s; }
.focusBox .pic li:hover img{ transform:scale(1.2);}
/*������ʾ*/
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 50px; width:100%;  background: #333; filter: alpha(opacity=60); opacity: 0.6; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 50px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:50px; line-height:50px; position:absolute; bottom:-50px; width:100%;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size:16px; text-decoration: none; text-align:center;}
/*�����л�*/
.focusBox  span{position:absolute;  z-index:200;  cursor:pointer; font-size:2rem; font-weight:bold; color:#fff; text-shadow:1px 1px 5px #000; display:none;  }
.focusBox  span.prev{ top:120px; left:20px;}
.focusBox  span.next{ top:123px; right:20px;}
/*��ǰ����*/
.focusBox .num { position: absolute; z-index: 3; bottom: 0px; left:0; width:100%; }
.focusBox .num li{ float: left; position: relative; width: 20%; height: 3px; line-height: 3px; overflow: hidden; text-align: center;  cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#4285f4;  }

/**�Ƽ�**/
.tuijian{margin-bottom:20px;}
.tuijian li{ float:left; margin-right:20px; width:30%; position:relative; width:246px; height:150px; overflow:hidden; border-radius:3px ;  }
.tuijian li img{ width:100%; min-height:150px; transition:all 1s ease-out;}
.tuijian li:hover img{ transform:scale(1.1);}
.tuijian li span{ position:absolute; bottom:0; left:0; width:90%; filter: alpha(opacity=80); opacity: 0.8;background: #000; color:#fff; padding:5px 5%; height:50px; overflow:hidden;}
.tuijian li.mr0{ margin-right:0;}

/*�����б�*/
.article-list{ margin:50px 0 20px;}
.article-list dl{  margin-bottom:30px; }
.article-list dl dt{ float:left; width:260px; height:150px; position:relative;}
.article-list dl dt { display:block; width:260px; height:150px; overflow:hidden;  }
.article-list dl dt span{ position:absolute; top:10px; left:10px;   background:#000; opacity:.7; filter:alpha(opacity=70); color:#fff; text-align:center; border-radius:22px; padding:0 10px; font-size:12px; height:22px; line-height:22px; vertical-align:middle;}
.article-list dl dt span i{ font-size:14px;}
.article-list dl dt a img{ display: block; transition:all 0.6s ease-out;  min-height:150px;}
.article-list dl:hover dt a img{ transform:scale(1.1);}
.article-list dl:hover h3{ color:#4285f4;}
.article-list dl dd{ position:relative; float: right; width:500px; height:150px; padding-top:5px; }
.article-list dl dd .view{ position:absolute; bottom:5px; left:0; width:100%;color:#999}
.article-list dl dd .view a{color:#999}
.article-list dl dd .view i{ margin:0 5px 0 10px; }
.article-list dl dd .view .fl i{ margin-left:0;}
.article-list dl dd h3{ font-weight:normal; font-size:18px; margin-bottom:10px}
.article-list dl dd a:hover{ color:#666}
 
/*����*/
.article-list dl dd .share{ position:relative; cursor:pointer;}
.article-list dl dd .sharebox{ position:absolute; top:-25px; right:-2px; display:none; width:120px; height:20px; }
.article-list dl dd .share:hover .sharebox{ display:block; }
.article-list dl dd .sharebox a{ float:right;} 


/*�Ҳ���*/
.silde .sbt{  border-bottom:1px #999 dashed; margin-bottom:20px; }
.silde .sbt h2{    font-size:16px; color:#333; font-weight:normal; margin-bottom:10px; line-height:20px;}
.silde .sbt h2 i{ color:#999 ; }
.silde .hotlist{ margin-bottom:30px;}
.silde .hotlist li{ border-bottom:1px #e9e9e9 solid; padding-bottom:10px; margin-bottom:10px;  }
.silde .hotlist li p.time{ margin-top:10px; color:#a4abb1; font-size:12px;}
.silde .hotlist li span.num{ background:#999; display:inline-block; margin-right:10px; color:#fff; width:18px; height:18px; line-height:18px; vertical-align:middle; text-align:center; border-radius:2px; float:left; margin-top:3px; }
.silde .hotlist li span.num:nth-child(1){ background:#1d6df0;}
.silde .hotlist li span.num:nth-child(2){ background:#4285f4;}
.silde .hotlist li span.num:nth-child(3){ background:#75a7f9;}

/*�Ҳ�������µ���*/
.silde .rnd li span{ display:block; width:100%; height:150px; overflow:hidden;}
.silde .rnd li span img{ transition:all 0.9s ease-out; }
.silde .rnd li:hover span img{ transform:scale(1.1);}


.link{ margin-bottom:50px;}
.link  a{ color:#68727d; margin-right:10px;}

/*�ײ�*/
.footer{ background:#2d3237; padding:20px 0; width:100%; color:#c5c5c5;}
.footer .fl{ width:70%;} 
.footer .fr{ width:30%; text-align:right; margin-top:10px;}
.footer .fr a{ margin:0 10px; position:relative;}
.footer .fr i{ font-size:30px;}
.footer a{color:#c5c5c5;}

.footer .ft-box{ position:absolute; display:none; }
/*΢�Ŷ�ά��*/
.footer .weixin:hover .ft-box{ display:block;}
.footer .weixin .ft-box img{ width:100px; height:100px; }
.footer .weixin .ft-box{ top:-136px; right:-30px; width:100px; height:100px; background:#fff;}

/*�ֻ�����*/
.footer .shouji:hover .ft-box{ display:block;}
.footer .shouji .ft-box{ width:120px; height:40px; line-height:40px; top:-70px; right:-20px; background:#2d3237; color:#fff; font-size:16px; padding:0 25px; border-radius:3px 3px 0 0; text-align:center;}
.footer .shouji .ft-box i{ font-size:14px;}


/*�б�ҳ*/
.classname span{ display:inline-block; border-bottom:2px #4285f4 solid; padding:0 10px; font-size:16px; line-height:40px;}
.classname + .article-list{ margin-top:20px; }

.showpage{ text-align:center; margin:50px 0 30px;}
.showpage ul li{ display:inline-block; cursor:pointer;}
.showpage ul li a{ border:1px #ddd solid; border-radius:2px; padding:0px 10px; margin:0 5px; font-size:14px; display:inline-block;}
.showpage ul li.active a{ color:#fff; background:#4285f4; border-radius:2px; }

/*����ҳ��*/
.article-con h1.nh1{ font-size:24px; font-weight:normal; color:#333; margin:10px 0 30px;}
.article-con .fbt{ margin-bottom:30px;}
.article-con .fbt,.article-con .fbt a{ color:#999;}
.article-con .fbt a:hover{ text-decoration:underline;}
.article-con .fbt .fl span{ margin-right:20px;}
.article-con .fbt .fr span{ margin-left:20px;}
.article-con .desc{ color:#999; padding:15px 0; font-size:15px; margin-bottom:10px;}
.article-con .desc:after{ display: block;  width: 160px;  height: 4px;  border-radius: 3px;  background: #efefef;  content: "";  margin-top: 1rem; }
.article-con .singlepage { color:#3d464d; font-size:15px; line-height:28px; margin-bottom:30px;}
.article-con .singlepage p{ text-indent:2rem; margin-bottom:10px;}
.article-con .singlepage img{ border-radius:10px;}
.article-con .singlepage h3{ border-bottom:1px #ddd solid; margin:20px 0; padding-bottom:10px;}

/*��ҳ*/
.article-con .fy{ border-bottom:2px #ececec solid; margin-bottom:30px; padding-bottom:10px;}

 
.z-box{ margin-bottom:30px;}
 
#mood .zan{ background:#4285f4; color:#fff;height:80px; border-radius:40px; text-align:center }
#mood .zan:hover{ box-shadow:1px 1px 5px #000;}
#mood .zan a{color:#fff; display: block;  line-height:80px; vertical-align:middle; padding:0 80px; font-size:24px;   }
#mood .zan a i{font-size:28px; margin-right:10px;}

.z-box .fr{ padding-top:15px}
.z-box .bdsharebuttonbox a{ background:none; font-size:26px; color:#d3d7db;  padding-left:10px;}

#back-to-top{ position:fixed; bottom:120px; right:20px; }
#back-to-top span{ font-size:50px; color:#4285f4;}


/*��վ��ͼ*/
.rrs { padding: 10px; }
.rrs h2 { font-size: 16px; color:#333; line-height: 50px; }
.rrs .rrslist li { height: 30px; line-height: 30px; vertical-align: middle; position: relative; border-bottom: 1px #eee solid }
.rrs .rrslist li span { position: absolute; top: 0; right: 10px; }