/**按钮**/
.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: 8px 20px; border-radius: 4px; font-size: 1.6rem;}
.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; }
.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: 9px 10px; font-size: 1.6rem; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px;}
.input-group .form-control{position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0;}


/**面包屑**/
.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_more{ position: absolute; right: 10px; top: 10px; z-index: 999;}
.title_more p{ border: 1px solid #cccccc; padding-left:3.8rem; border-radius:4px; padding-right:2rem; cursor: pointer; position: relative; line-height:3.7rem; background: url(21_gl_icon1.jpg) no-repeat 14px center; font-size: 1.6rem; font-weight: normal; color: #333333;}
.title_more ul{ display: none; border: 1px solid #cccccc; position: absolute; top:3.9rem; border-radius:4px; width: 245px; right: 0; padding:1rem 0; background-color: #ffffff; z-index: 999; box-shadow: 0 0 8px rgba(0,0,0,.1);}
.title_more ul li{ line-height:4rem; text-align: center; font-size: 18px;}
.title_more ul li a{ display: block;}
.title_more ul li.on a,.title_more ul li a:hover{ background-color: #1658a0; color: #ffffff;}
.title_extend{ padding-top: 1rem;}
@media screen and (max-width:992px) {
	.breadcrumb{ display: none;}
	.title_extend .input-group .form-control,.title_extend .btn_base{ display: none;}
}
/*标题组件*/
.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: '';}

@media screen and (max-width:640px) {
	.list_base li{ position: relative; padding: 1.2rem 0 4rem 1.6rem; border-bottom: 1px solid #eeeeee; line-height: 2.4rem;}
	.list_style_01 li{ padding: 1.2rem 0 1.2rem 1.6rem; border-bottom: none;}
	.list_base li span{ position: absolute; left: 1.6rem; bottom: 1rem; font-size: 1.6rem;}
	.list_base li::before{ top:2rem;}
	.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_group{ padding-bottom: 1.6rem;}
.article_intro,.article_title,.article_title_sec{ text-align: center; padding: .5rem 0;}
.article_intro,.article_title_sec{ line-height:3rem; font-size: 1.8rem;}
.article_title{ font-size:2.8rem; line-height: 4rem; font-weight: bold;}
.article_extend{ line-height: 3.6rem; padding: 0.5rem 0; 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;}
.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_content{ padding: 2rem 0;}
.article_content p{ margin-top: 1.6rem;}
.article_content *{ line-height: 3.2rem !important; font-size: 1.8rem !important; font-family: simsun !important;}
.function_icon i{ font-size:2.4rem;}
.article_qrcode_area{ margin-top:3.6rem;}
.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.6rem; margin-top: 1.2rem; color: #999999;}
.article_qrcode img{ width: 17rem; height: 17rem; border: 1px solid #cccccc; background-color: #ffffff; padding: 10px;}
.article_btn_group{ margin: 2rem auto 3rem; 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;}

@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_content{ padding: .4rem 0;}
}

/*盒子组件*/
.box_content_base{ padding: 2rem; background-color: #ffffff;}
.box_content_largr{ padding: 3.2rem;}
.box_content_small{ padding: 1.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;}
}