.el-row{margin: 0 -13px;}
.el-row [class*=el-col-]{padding: 0 13px;}
.page_con{ background: #f8f8f8;}
.pad_con{ padding: 30px;}
.scjg_bg{ padding:80px 0 81px 0; background: url(21qz_scjg_bg.jpg) no-repeat center top; background-size: cover; text-align: center;}
.scjg_list li{ margin-top: 40px;}
.scjg_list li a{ display: block; background-color: #ffffff; border-radius: 5px; line-height: 44px; text-align: center; padding:55px 0; font-size: 30px; font-weight: bold; color: #1658a0;}
.scjg_list li a i{ font-size: 36px; margin-right: 12px; display: inline-block; margin-top:2px; font-weight: normal;}
.scjg_tit1{ text-align: center; overflow: hidden; line-height:40px;}
.scjg_tit1 span,.scjg_tit1 em{ display: inline-block;}
.scjg_tit1 em{ padding: 0 38px; font-size: 30px; color: #1658a0; font-weight: bold;}
.scjg_tit1 span img{ margin-top: -3px;}
.scjg_tit1 img{ vertical-align: inherit;}
.scjg_list1 li{ margin-top: 30px;}
.scjg_list1 li a{ position: relative; display: block; background-color: #ecf5ff; height: 80px; border-radius: 8px; }
.scjg_list1 li a::before{ content: ''; position: absolute; left:22px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); width: 4px; height: 18px; border: 3px solid #1658a0; border-radius: 5px;}
.scjg_list1 li a span{ position: absolute; z-index: 4; left:44px; right:12px; font-size: 18px; line-height: 24px; font-weight: bold; color: #1658a0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.scjg_list2 li{ margin-top: 26px;}
.scjg_list2 li a{ background-color: #ecf5ff; padding-top: 38px; height: 122px; display: block; text-align: center; border-radius: 8px;}
.scjg_list2 li a i{ font-size: 44px; color: #1658a0;}
.scjg_list2 li a p{ font-size: 18px; font-weight: bold; color: #1658a0; margin-top: 17px;}

.scjg_list3 li{ margin-top:26px;}
.scjg_list3 li a{ display: block; position: relative;}
.scjg_list3 li a img{ width: 100%; position: relative; z-index: 3;}
.scjg_list3 li a span{ position: absolute; z-index: 4; left: 0; right: 0; padding: 0 24px; font-size: 24px; line-height: 34px; font-weight: bold; color: #ffffff; text-align: center; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.scjg_tit2{ line-height: 48px;}
.scjg_tit2{ height: 64px; border-bottom: 1px solid #e1e1e1; line-height: 64px;}
.scjg_tit2_l{ float: left; position: relative; padding-left: 20px; font-size: 24px; font-weight: bold; color: #1658a0;}
.scjg_tit2_l::before{ position: absolute; content: ''; width: 7px; height: 21px; background-color: #1658a0; border-radius: 3px; left: 0; top: 50%; margin-top: -10px;}
.scjg_tit2_r{ float: right; color: #666666; font-size: 16px;} 
.scjg_tit2_r a{ color: #666666;}
.scjg_tit2_r em{ font-family: simsun; margin-left:6px;}
.scjg_list4{ margin-top: 20px;}
.scjg_list4 li{ line-height: 48px; background: url(21qz_dot.png) no-repeat left 21px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; padding-left: 20px;}
.scjg_list4 li span{ float: right; color: #999999; font-size: 16px;}



.mar_t10{ margin-top: 10px;}
.mar_t20{ margin-top: 20px;}
.mar_t30{ margin-top: 30px;}
.mar_t40{ margin-top: 40px;}
.mar_t50{ margin-top: 50px;}
.gl_bg{ background-color: #f2f2f2;}
.pad_t0{ padding-top: 0;}

.slb .el-col-12,.slb .el-col-17,.slb .el-col-7{ width: 100%;}
.slb .el-col-12.mar_t{ margin-top: 30px;}
.slb .scjg_list1 li,.slb .scjg_list2 li,.slb .scjg_list3 li{ width: 50%;}
.slb .scjg_list1 li a span,.slb .scjg_list3 li a span{ font-size: 30px;}
.slb .scjg_list2 li a p{ font-size: 26px;}
.slb .scjg_list4 li{ line-height: 60px; font-size: 26px; background-position: left 28px;}
.slb .scjg_list4 li span{ font-size: 26px;}
.slb .scjg_tit2_l{ font-size: 30px;}
.slb .scjg_tit2_r{ font-size: 26px;}
@media screen and (max-width:1366px) {
	.el-row{margin: 0 -10px;}
	.el-row [class*=el-col-]{padding: 0 10px;}
	
}
@media screen and (max-width:1280px) {
	.el-row{margin: 0 -10px;}
	.el-row [class*=el-col-]{padding: 0 10px;}
	.pad_con{ padding: 16px;}
	.scjg_list li a{ font-size: 20px;}
	.scjg_list1 li a{ padding-left: 34px; font-size: 16px;}
	.scjg_list1 li a::before{ left: 15px;}
	
	.slb .scjg_list li a,.slb .scjg_list1 li a span, .slb .scjg_list3 li a span{ font-size: 24px;}
}

@media screen and (max-width:999px) {
	
	.scjg_bg{ padding: 30px 20px;}
	.scjg_list,.scjg_list3{ padding: 0 16px;}
	.scjg_list li,.scjg_list1 li,.mar_t40{ margin-top: 16px;}
	.scjg_list li a{ padding: 20px;}
	.scjg_list li{ width: 33.3%;}
	.scjg_list1 li,.scjg_list2 li{ width: 50%;}
	.scjg_list2 li a{ height: 140px; padding-top: 20px;}
	.scjg_list2 li,.scjg_list3 li,.mar_t{ margin-top: 16px;}
	
	
	.slb .container_21{ padding: 0;}
	.slb .scjg_list1 li, .slb .scjg_list2 li, .slb .scjg_list3 li{ width: 100%;}
}
@media screen and (max-width:768px) {
	.scjg_list4{ margin-top: 10px;}
	.scjg_list4 li{ position: relative; padding: 10px 0 40px 20px; border-bottom: 1px solid #dddddd; white-space: inherit; line-height: 28px;}
	.scjg_list4 li span{ position:absolute; left: 20px; bottom: 10px;}
	.slb .scjg_list li{ width: 100%;}
	.slb .scjg_list4 li{ line-height: 40px; padding-bottom: 50px; }
}
@media screen and (max-width:600px) {
	.zt_tu{ padding:0 16px;}
	.slb .el-col-12.mar_t{ margin-top: 16px;}
	.scjg_list li a{ font-size: 18px; padding: 16px 10px;}
	.scjg_list li a i{ font-size: 26px;}
	.scjg_list3 li a span{ font-size: 20px;}
	.scjg_tit1 span{ width: 20%;}
	.scjg_tit1 em{ font-size: 24px; padding: 0 15px;}
	
}
@media screen and (max-width:414px) {
	.el-row{margin-left:-6px;margin-right:-6px;}
	.el-row [class*=el-col-]{padding: 0 6px;}
	.scjg_list li,.scjg_list1 li{ width: 100%;}
	.scjg_list2 li a p{ margin-top: 12px;}
	.scjg_tit2_r{ display: none;}
	.slb .scjg_list4 li{ font-size: 20px;}
	
}
@media screen and (max-width:375px) {
	.scjg_list3 li a span{ line-height: 26px;}
	.slb .scjg_list2 li a p{ font-size: 20px;}
	
	
}
@media screen and (max-width:320px) {
	.scjg_list1 li,.scjg_list3 li{ width: 100%;}
	
}