/* 公共样式 */
html{margin:0;padding:0;min-height: 100%;}
body{
	min-height: 100%;
	min-width: 320px;
	font-family: 'Microsoft YaHei';
	background-color: #F5F6F7;
}
::selection{background-color:#009688;color:#fff;}
::-moz-selection{background-color:#009688;color:#fff;}
.clear{clear: both;}
.fill_1{clear: both;height: 1px}
.fill_5{clear: both;height: 5px}
.fill_10{clear: both;height: 10px}
.fill_20{clear: both;height: 20px}
.fill_30{clear: both;height: 30px}
.fill_40{clear: both;height: 40px}
.fill_50{clear: both;height: 50px}
.line{display: block;height: 1px;background: #009688;border:0;clear:both;}
.block{display: block;}
.hidden{display: none;}
.inline-block{display: inline-block;}
.trans_1{transition: all 0.1s linear;
-moz-transition: all 0.1s linear; /* Firefox 4 */
-webkit-transition: all 0.1s linear; /* Safari 和 Chrome */
-o-transition: all 0.1s linear; /* Opera */}
.trans_2{transition: all 0.2s linear;
-moz-transition: all 0.2s linear; /* Firefox 4 */
-webkit-transition: all 0.2s linear; /* Safari 和 Chrome */
-o-transition: all 0.2s linear; /* Opera */}
.trans_3{transition: all 0.3s linear;
-moz-transition: all 0.3s linear; /* Firefox 4 */
-webkit-transition: all 0.3s linear; /* Safari 和 Chrome */
-o-transition: all 0.3s linear; /* Opera */}
.trans_5{transition: all 0.5s linear;
-moz-transition: all 0.5s linear; /* Firefox 4 */
-webkit-transition: all 0.5s linear; /* Safari 和 Chrome */
-o-transition: all 0.5s linear; /* Opera */}
.border-box{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
/* 头部 */
.header {height: 64px;width:100%;background-color: #393D49;  border-bottom: 1px solid #404553;position: fixed;top:0;}
.header_back{height: 65px;}
.header .layui-nav{float: right;}
.header .logo{position: absolute; left: 60px; top: 0px;}
.header .logo img{height: 64px;}
.header .layui-nav{position: absolute; left: 15%; top: 0px; padding: 0; background: none;width:85%;}
.header .layui-nav .layui-nav-item{line-height: 64px;width:10%;margin:0 4%;}
.header .layui-nav .layui-nav-item a{color:#999;width:80%;padding:0 10%;text-align: center;}
.header .layui-nav .layui-this a{color:#fff;}
.header .layui-nav .layui-nav-child{border-radius: 0;}
.header .layui-nav .layui-nav-bar{background: #393D49;}
.header .layui-nav .layui-this:after{background: #393D49;}
.header .title{display: none;color:#fff;}
.header .head_search{display: block;height: 38px;position: absolute;right:-1px;top:0;text-align: center;padding:12px 0px;}
.header .head_search .layui-form-item{white-space:nowrap;}
.header .head_search .layui-form-item .close{float: left;width:0px;height: 38px;line-height: 40px;background: #393D49;border-radius:2px 0 0 2px;cursor:pointer;}
.header .head_search .layui-form-item .layui-input-inline{width:0px;margin:0;float: left;left:0;}
.header .head_search .layui-form-select .layui-input{padding:0;border-width:0;border-radius:0;background: #393D49;
	transition: all 0.3s linear;
-moz-transition: all 0.3s linear; /* Firefox 4 */
-webkit-transition: all 0.3s linear; /* Safari 和 Chrome */
-o-transition: all 0.3s linear; /* Opera */}
.header .head_search .layui-form-select .layui-edge{display: none;}
.header .head_search .layui-form-select dl{left:-8px;border-radius: 0;border:none;top:39px;}
.header .head_search .search_input{width:36px;padding-left:10px;height: 38px;line-height: 38px;border:none;background: #393D49;font-size: 14px;cursor:pointer;border-radius:0 2px 2px 0;}
.header .focus .layui-form-item .close{width:38px;background: #fff;margin-right: -2px;}
.header .focus .layui-form-item .layui-input-inline{width:68px;}
.header .focus .layui-form-item .layui-form-select .layui-input{padding-right:30px;padding-left:10px;background: #fff;border-radius:2px 0 0 2px;}
.header .focus .layui-form-select .layui-edge{display: block;}
.header .focus .search_input{width:240px;background: #fff;cursor: auto;padding-left: 20px;border-left:1px solid #eee;}
/*banner*/
.banner{width:100%;margin-bottom: 25px}
.banner .banner_pic{width:100%;}
/*学无止境*/
.index-learn{margin: 25px 0;text-align: center;font-weight: 300;font-size: 0;}
.index-learn li{
	width: 32%;padding: 30px;
	line-height: 24px;
	display: inline-block;
	font-size: 14px;
	margin-left: 2%;
	text-align: left;
	vertical-align: top;
	cursor:pointer;
	/*background: #fff;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box; /* Opera */
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear; /* Firefox 4 */
	-webkit-transition: all 0.3s linear; /* Safari 和 Chrome */
	-o-transition: all 0.3s linear; /* Opera */
	/*opacity:0.5;*/
}
.index-learn li:first-child {margin-left: 0;}
.index-learn li:hover{box-shadow:0px 1px 16px -8px #000;}
.index-learn .layui-field-title {border-color: #d2d2d2;}
.index-learn .layui-field-title legend {margin: 0 20px 20px 0;padding: 0 20px;text-align: center;}
.index-learn .layui-field-title{height: 72px;line-height: 24px;}
/*横幅广告*/
.lzcms_banner{margin-bottom: 25px;}
.lzcms_banner img{width: 100%;}
/*首页文章*/
.page_left{width: 66%;float: left;padding-bottom: 10px;}
/*.page_left_list{background-color: #d2d2d2}*/
.page_left_list li{
	background-color: #ffffff;
	position: relative;
	/*height: 110px;*/
	margin-bottom: 15px;
	padding: 15px 15px 15px 200px;
	border-bottom: 1px solid #d2d2d2;
	/*background: #fff;*/
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear; /* Firefox 4 */
	-webkit-transition: all 0.3s linear; /* Safari 和 Chrome */
	-o-transition: all 0.3s linear; /* Opera */
	/*opacity:0.5;*/
}
.page_left_list .no_pic{padding:15px;}
.page_left_list li:hover{border-color:#009688;box-shadow:0px 1px 16px -8px #000;}
.page_left_list li .pic{position: absolute;left: 15px;top: 15px;height: 110px;overflow: hidden;line-height: 110px;width:165px;}
.page_left_list li .pic img{vertical-align: middle;width:100%;}
.page_left_list li .title{line-height: 26px;font-size: 0;position: relative;}
.page_left_list li .title *{display: inline-block;vertical-align: top;}
.page_left_list li .title a{max-width: 99%;margin-right: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 16px;line-height: 26px;}
.page_left_list li .title a:hover{color:#009688;}
.page_left_list li .title a .top{font-size: 12px;display: inline-block;line-height: 20px;background: #f50000;border-radius: 2px;color:#fff;padding:0 5px;margin-top:3px;margin-right: 5px;}
.page_left_list li .date_hits{position: relative;line-height: 20px;font-size: 12px;color: #666;}
.page_left_list li .date_hits span{padding-right: 15px;height: 20px;line-height: 20px;}
.page_left_list li .date_hits span a{color:#009688;}
.page_left_list li .date_hits .hits{position: absolute;right: 50px;top: 0;}
.page_left_list li .date_hits .commonts{position: absolute;right: 0;top: 0;}
.page_left_list li .desc{
	height: 48px;
	line-height: 24px;
	overflow: hidden;
	margin-top: 8px;
	color:#000;
}
.page_right{position: relative;float: right;top: 0;width: 32%}
.page_right div{background-color: #ffffff}
.page_right h3{width: auto;margin: 0;height:38px;line-height: 40px;padding: 0 15px;border: none;border-bottom: 1px solid #009688}
.page_right_list{margin: 0px 0 20px;background: #fff;padding:10px 10px 10px 15px;}
.page_right_list:hover{box-shadow:0px 1px 16px -8px #000;}
.page_right_list li{line-height: 32px;white-space: nowrap;overflow: hidden;list-style: decimal-leading-zero inside;color: #009688;font-style: oblique;}
.page_right_list li a{max-width: 74%;margin-right: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;display: inline-block;vertical-align: top;font-style: normal;}
.page_right_list li span{font-size: 12px;color: #888;display: inline-block;vertical-align: top;font-style: normal;}
.links{padding:10px 0;background: #fff;margin-bottom: 20px;}
.links a{display: inline-block;padding:0 10px;line-height: 28px;}
.wechat_qrcode{margin-bottom: 20px;font-size: 0;text-align: center;padding:15px;background: #fff;}
.wechat_qrcode img{width:100%;}
.mobile_qrcode{padding:30px;}
/*二级导航*/
.seond_category{margin: 0px 0 20px;background: #fff;padding:10px 10px 10px 15px;}
.seond_category li{width:42%;display: inline-block;margin:10px 3.5%;}
.seond_category li .layui-btn{width:100%;}
.seond_category .selected .layui-btn{background: #009688;color:#fff;border-color:#009688;}
/* 面包屑导航 */
.breadcrumb_nav{margin:10px auto;background: #fff;height: 40px;line-height: 40px;border-left: 5px solid #009688;padding-left: 15px;max-width: 1180px;}
.breadcrumb_nav:hover{box-shadow:0px 1px 16px -8px #000;}
.breadcrumb_nav .layui-breadcrumb a:hover{color:#009688!important;}
/* 文章详情页面 */
.detail_container{background: #fff;min-height: 600px;margin-bottom: 20px;padding:10px 0;}
.detail_container:hover{box-shadow:0px 1px 16px -8px #000;}
.detail_container h1{text-align: center;line-height: 24px;font-size: 18px;padding:10px 20px;}
.detail_container .date_hits{border-bottom: 1px solid #009688;line-height: 20px;}
.detail_container .date_hits span{display: inline-block;width:33%;text-align: center;font-size: 12px;color:#666;line-height: 20px;font-style: oblique;}
.detail_container .content{padding:15px 20px;/*text-indent: 2em;*/font-size:14px;line-height: 26px;
    word-wrap: break-word;}
.detail_container .content img{max-width: 100%;vertical-align: baseline;}
.detail_container .content a{color: #01AAED;}
.detail_container .keywords{margin: 10px 20px;padding: 10px;line-height: 20px;color: #666;font-size: 12px;padding-left: 40px;background:#F2F2F2 url(../images/tag_icon.png) no-repeat 10px center;background-size: 20px;}
.detail_container .prev_next{border-top: 1px solid #009688;color:#666;padding:5px 20px;font-size: 14px;}
.detail_container .prev_next a{color:#666;}
.detail_container .prev_next a:hover{color:#009688;}
.detail_container .prev_next .prev,.detail_container .prev_next .next{width:45%;float: left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 20px;}
.detail_container .prev_next .next{float: right}
.commont_containr{padding:0px 20px;}
/* 面包屑导航 */
.breadcrumb_nav{margin:10px 15px;}
/*横幅广告*/
.lzcms_banner{margin-bottom: 20px;}
/*banner*/
.banner{margin-bottom: 20px}
.nav-li{
	margin: 0 30px;
}
.user_avatar{
	display: inline-block;background-color: #ffffff;border-radius: 100%;width: 40px;height: 40px;color: #0e8174;text-align: center;vertical-align: middle;line-height: 40px;
}
.tool_head a{
	float: left;
	display: block;
	margin: 2px 0;
}
.tool_div{
	display: block;
	height: 145px;
	margin: 3px 3px 3px 10px;
	border: #0c85d0 1px solid;
	background-color: #ffffff;
	padding: 4px;
	width: 18.5%;
	cursor:pointer;
	border-radius:1em;
}
.tool_head a h4{
	width: 96px;
	margin-left: 2px;
	text-align: center;
}
.search_input{

}
.my_header{
	padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
	width: 80%;
}
.content{
	margin-top: 20px;
	margin-bottom: 100px;
}
.search{
	height: 300px;
	text-align: left;
	background-color: #ffffff;
	border-radius: 4px;
}
.index_tool{
	background-color: #ffffff;
	border-radius: 4px;
}
.index_tool_content{
	height: 630px;
}
.index_right1{
	border: 1px solid #0c85d0;
    background-color: #ffffff;
    border-radius: 4px;
    margin-top: 10px;
    float: right;
    margin-right: 10px;
    /*text-align: center;*/
    /*line-height: 200px;*/
}
.index_right1 h3{
	border-bottom: 1px solid #0c85d0;
	height: 38px;
	line-height: 40px;
	margin-left: 5px;
}
h3 b{
	color: #0c85d0;
}
.fl{
	float: left;
}
.img-section{
 height: 350px;
}
.up-img{
    width: 350px;
    height: 260px;
}
.float-left{
	float: left !important;
}
.tool_img_div{
	font-size: 2.5em;
	font-weight: bold;
	line-height: 60px;
	background-color: #7952b3;
	color: #ffffff;
	width: 60px;
	height: 60px;
	text-align: center;
}
.tool_head img,.tool_img_div{
	border-radius:2em;
}