/**按钮**/
.btn_base{display: inline-block; white-space: nowrap; cursor: pointer; transition: .3s all; border:1px solid transparent; background-color: transparent; color: #333333; -webkit-appearance: none; text-align: center; padding:.8rem 2rem; border-radius: 4px; font-size: 1.6rem; line-height: 2rem; margin-left: 1.2rem;}
.btn_primary{ background-color: #1658a0; border-color: #1658a0;}
.btn_large{ padding: 1.2rem 3rem; font-size: 1.8rem;}
.btn_small{ padding: .2rem 1rem; font-size: 1.4rem;}
.btn_base:hover{-webkit-filter: brightness(110%); filter: brightness(110%);}
.btn_success{ background-color: #71bd69; border-color: #71bd69;}
.btn_warning{ background-color: #e19f40; border-color: #e19f40;}
.btn_danger{ background-color: #ba2b29; border-color: #ba2b29;}
.btn_info{ background-color:#f2f2f2; border-color: #f2f2f2;}
.btn_outline{ border-color: #1658a0; color: #1658a0;}
.btn_outline_success{border-color: #71bd69; color: #71bd69;}
.btn_outline_warning{border-color: #e19f40; color: #e19f40;}
.btn_outline_danger{border-color: #ba2b29; color: #ba2b29;}
.btn_outline_info{border-color: #cccccc; color: #666666;}
.btn_outline:hover{ background-color: #1658a0;}
.btn_outline_success:hover{ background-color: #71bd69;}
.btn_outline_warning:hover{ background-color: #e19f40;}
.btn_outline_danger:hover{ background-color: #ba2b29;}
.btn_primary,.btn_success,.btn_warning,.btn_danger,.btn_outline:hover,.btn_outline_success:hover,.btn_outline_warning:hover,.btn_outline_danger:hover{ color: #ffffff;}
.btn_outline_info:hover{border-color: #ccc; background-color: #ccc; color: #333333;}

/**输入框**/
.input-group { position: relative; display: table; border-collapse: separate; padding: 1.2rem 0;}
.input-group-addon{white-space: nowrap; vertical-align: middle;display: table-cell; padding: 8px 20px; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px;}
.form-control{display: block; width: 100%; padding:.8rem 1rem; font-size: 1.6rem; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; line-height: 2rem;}
.form-control:focus{ border: 1px solid rgba(22,88,160,.3); box-shadow:0 0 1rem rgba(22,88,160,.3);}
/*.dropdown-toggle:focus + ul.dropdown-menu{ display: block;}*/
.dropdown-toggle{ padding: .8rem;}
.input-group .form-control{position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0;}
.input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell;}
.input-group-addon, .input-group-btn {width: 1%;white-space: nowrap; vertical-align: middle; text-align: center;}
.input-group-btn {position: relative;font-size: 0;white-space: nowrap; z-index: 2;}
.caret{display: inline-block; margin:0 .8rem; font-size: 2rem;}
.dropdown-menu{position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; padding: .5rem 0; font-size: 1.4rem; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.1); box-shadow: 0 6px 12px rgba(0,0,0,.1);}
.dropdown-menu-right{right: 0; left: inherit;}
.dropdown-menu>li{ text-align: center;}
.dropdown-menu>li>a{display: block; clear: both; padding: 0.8rem 1.6rem; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.input-group-btn:last-child>.btn_base, .input-group-btn:last-child>.btn-group {z-index: 2;}
.dropdown-menu>li>a:hover{ background-color: #1658a0; color: #ffffff;}
.dropdown-menu.max_w{ max-width: 15rem;}


/**面包屑**/
.breadcrumb{ line-height: 2.6rem; padding-bottom: 1rem; font-size: 0; position: relative;}
.breadcrumb span,.breadcrumb a,.breadcrumb i{ display: inline-block; font-size: 1.6rem; margin: 0 .4rem;}
.breadcrumb span i{ font-size: 2.4rem; color: #1658a0;}
.breadcrumb i{ font-family: simsun; font-style: inherit; color: #999999; }
.title_extend{ position: relative; padding-right: 13rem; float: right; max-width: 50%;}
.current_title{ position: relative;}
.current_title .title_name{ float: left;}
.title_more{ position: absolute; right: 0px; top: 2.2rem; z-index: 999;}
	
	.slb .title_extend{ max-width: inherit; width: 100%; padding-right: 0;}
@media screen and (max-width:992px) {
	.breadcrumb{ display: none;}
	.title_extend{ padding-right: 0;}
	.title_extend .input-group .form-control{ display: none;}
	.title_extend{ max-width: inherit; width: 100%;}
	.title_more{ top: 1.2rem;}
}
/*标题组件*/
.title_base{ padding:1.2rem 0; position: relative; z-index: 5;}
.title_name{ padding: 1.2rem 0 1.2rem 2rem; position: relative; font-size: 2.4rem; font-weight: bold; color: #1658a0;}
.title_name::before{ content: ''; position: absolute; left: 0; top: 50%; width: 6px; height: 2rem; margin-top: -1rem; background-color: #1658a0;}
.title_small{}
.title_icon_base{ padding: 1rem 0; font-size: 2rem; font-weight: bold;}
.title_icon_base i{ font-size: 2.4rem; margin-right: .8rem; font-weight: normal;}
.title_icon_large{ font-size:2.8rem;}
.title_icon_small{ font-size: 2rem;}
.title_icon_large i{ font-size: 2.8rem;}
.title_icon_small i{ font-size: 2rem;}

@media screen and (max-width:992px) {
	.title_base{ padding-top: .8rem;}
	.title_name{ padding: .8rem 0 .8rem 2rem;}
}


/*Tag 组件*/


/*列表组件*/
.list_base li{ line-height:4rem; font-size: 1.6rem; position: relative; padding-left: 1.6rem;}
.list_base li::before{ content: ''; position: absolute; width: 6px; height: 6px; background-color: #cccccc; border-radius: 50%; left: 0; top: 1.7rem;}
.list_large li{ line-height:4.8rem; font-size: 1.8rem;}
.list_small li{ line-height:3rem; font-size: 1.4rem;}
.list_large li::before{ top: 2.1rem;}
.list_small li::before{ top: 1.2rem;}
.list_base li span{ float: right; color: #999999;}
.list_base li em a{ display: inline-block; color: #1658a0; padding-right: 1.2rem; margin-right: 1.2rem; position: relative;}
.list_base li em a::before{ position: absolute; right: 0; width: 1px; top: 50%; margin-top: -1rem; height: 2rem; background-color: #1658a0; content: '';}
.list_bor_line li{ padding: 1.2rem 0 1.2rem 1.6rem; border-bottom: 1px solid #eeeeee;}
.list_style_01{ padding: 1.2rem 0 1.2rem 1.6rem; border-bottom: 1px solid #eeeeee;}
@media screen and (max-width:640px) {
	.list_base li{ position: relative; padding: 1.2rem 0 4rem 0rem; border-bottom: 1px solid #eeeeee; line-height: 2.4rem;}
	.list_base li:last-child{ border-bottom: 0;}
	.list_base li span{ position: absolute; left:0rem; bottom: 1rem; font-size: 1.6rem;}
	.list_base li::before{ display: none;}
	.list_base li:first-child{ padding-top: .2rem;}
	.list_base li:first-child::before{ top: 1.1rem;}
}


/*分页组件*/
.page_base{ margin:3rem auto; color: #555555; text-align: center;}
	.page_base .page_tools{ display: inline-block; *float: left; margin-right:3rem; font-size: 0;}
	.page_base .page_tools a{ font-size: 1.6rem; display: inline-block; line-height:1.8rem; padding: 1rem 1.4rem; border: 1px solid #d9d9d9; background-color: #ffffff; margin:0px .8rem; color: #555555; border-radius:4px;}
	.page_base .page_tools a.on,.page_base .page_tools a.on:hover{ background-color: #1658a0; border: 1px solid #1658a0; color: #ffffff;}
	.page_base .page_tools a:hover{ background-color: #1658a0; color: #ffffff; border: 1px solid #1658a0;}
	.page_base .page_tools a.prev,.page_base .page_tools a.next{ font-style: normal;}
	.page_base .page_tools a.prevStop,.page_base .page_tools a.nextStop{ background-color: #f2f2f2; color: #999999;}
	.page_base .page_tools a.prevStop:hover,.page_base .page_tools a.nextStop:hover{ border: 1px solid #d9d9d9; background-color: #f2f2f2; color: #999999; cursor: default;}
	.page_base .page_tools a.prev em,.page_base .page_tools a.next em{ font-style: normal; font-family: simsun; font-size:1.2rem; margin:0 .8rem;}
	.page_base .page_go{ display: inline-block; *float: left; line-height:4rem;}
	.page_base .page_go span{ display: inline-block; font-size: 1.6rem;}
	.page_base .page_go .form-control{ width:4rem; height:4rem; line-height:4rem; text-align: center; padding: 0; display: inline-block; margin: 0 .8rem .4rem .8rem;}
	.page_base .fy_go{ display: inline-block; background-color: #1658a0; width:4rem; height:4rem; line-height:4rem; text-align: center; margin: 0 .8rem; font-size: 1.6rem; color: #ffffff; cursor: pointer; border-radius: 4px; *margin-top: -45px;}
	@media screen and (max-width:999px) {
	 .page_base{ text-align: center;}
	 .page_base .page_tools{ float: inherit; text-align: center; margin: 0;}
	 .page_base .page_tools a,.page_base .page_go{ display: none;}
	 .page_base .page_tools a.prev,.page_base .page_tools a.next{ display:inline-block;}
	}

/*细览组件*/
.article_component{ padding: 3rem 8rem;}
.article_title_group{ padding-bottom: 1.6rem;}
.article_intro,.article_title,.article_title_sec{text-align: center;padding: 1.5rem 0;}
.article_intro,.article_title_sec{line-height:3rem;font-size: 1.8rem;}
.article_intro{ padding:0;}
.article_title{font-size:2.8rem;line-height: 4.8rem;font-weight: bold;}
.article_extend{ line-height: 3.6rem; padding-top:1.5rem; font-size:0;}
.article_extend span{ display: inline-block; margin-right:2rem; font-size: 1.6rem; color: #999999;}
.article_extend span:last-child{ margin-right: 0; padding-right: 0;}
.function_icon{ text-align: right;}
.function_icon span{ position: relative; margin-right: 0; padding: 0 1.6rem; cursor: pointer;}
.function_icon span::before{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -1rem; height: 2rem; width: 1px; background-color: #e2e2e2; }
.function_icon span:last-child::before{ display: none;}
.article_area{ padding: 2rem 0;}
.article_content p{ line-height: 4.2rem !important; font-size: 1.8rem !important;}
.article_content_01 p{ line-height: 3.2rem !important; font-size: 1.6rem !important;}/*细览正文样式*/

.function_icon i{ font-size:2.4rem;}
.article_qrcode_area{ margin-top:7rem;}
.article_qrcode_area,.article_btn_group{ text-align: center;}
.article_qrcode{ display: inline-block; margin: 0 10px;}
.article_qrcode p{ line-height:3.6rem; font-size: 1.4rem; margin-bottom: 1.2rem; color: #999999;}
.article_qrcode img{ width: 17rem; height: 17rem; border: 1px solid #cccccc; background-color: #ffffff; padding: 10px;}
.article_btn_group{ margin: 3rem auto; text-align: center;}
.article_btn_group button{ margin: 0 1rem;}
.article_btn_group button i{ font-size: 2rem; margin-right: .8rem;}
.article_attachment{ margin-top: .8rem;}
.article_attachment .title_base,.article_relalinks .title_base{ padding: 0;}
.function_icon span.share{ position: relative;}
.share_box{width: 11rem; display: none; padding:.6rem 1rem; position: absolute; right: 0; top:4.4rem; background-color: #ffffff; box-shadow: 0 0 20px rgba(0,0,0,.05); border-radius: 5px; border: 1px solid #dddddd;;}
.share_box a{ height: 4rem; line-height: 4rem; border-bottom: 1px solid #dddddd; display: block; text-align: left; font-size: 1.4rem;}
.share_box a i{ font-size: 20px; margin-right: .8rem;}
.function_icon span.share:hover .share_box{ display: block;}
.function_icon span.share:hover::after{ content: ''; position: absolute; left: 50%; transform: translateX(-25%) rotate(45deg); -ms-transform: translateX(-25%) rotate(45deg); top:3.8rem; width: 10px; height:10px; background-color: #ffffff; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd;}
.icon-weixin1{ color: #51ac55;}
.icon-weibo{ color: #cb1e1e;}
.icon-kongjian{ color: #f5ae33;}

@media screen and (max-width:992px) {
	.article_component{ padding:.8rem 0rem;}
	.article_extend{ line-height:1.6rem; padding-bottom: 1rem;}
	.article_extend span{ font-size: 1.4rem;}
	.article_intro,.article_title,.article_title_sec{ text-align: justify;}
	.article_source{ display: block; width: 100%;}
	.article_area{ padding: .4rem 0;}
	.article_intro, .article_title, .article_title_sec{ padding: 0;}
	.article_title{ line-height: 3.6rem;}
	.article_content *{ font-size: 1.8rem !important;}
}

/*盒子组件*/
.box_content_base{ padding: 2rem; background-color: #ffffff;}
.box_content_largr{ padding: 3.2rem;}
.box_content_small{ padding: 1.2rem;}




/*图片组件*/
.picture_group{}
.picture_item{}
.picture_fixed{ height: 0; overflow: hidden; background-color: #f8f8f8; background-repeat: no-repeat; background-position: center; background-size: contain; position: relative; display: block; transition: .3s all;}
.picture_scale_43{ padding-top:75%;}
.picture_scale_169{ padding-top:56.25%;}
.picture_scale_23{ padding-top:140%;}
.picture{ overflow: hidden;}
.picture_fixed:hover{ transform: scale(1.05);}
.picture_title{ margin: 1.2rem; line-height: 2.4rem; text-align: center; height: 4.8rem; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;}
.picture_group li{ margin-top: 2rem;}

@media screen and (max-width:992px) {
	html{ font-size: 9.5px;}
}
@media screen and (max-width:768px) {
	html{ font-size: 9px;}
}
@media screen and (max-width:640px) {
	html{ font-size: 9.5px;}
}