.el-row{margin: 0 -16px;}
.el-row [class*=el-col-]{padding: 0 16px;}
.page_con{ background: #ffffff;}
.sswgh_bg{ padding: 30px 0 40px 0; background: url(21qz_scjg_bg.jpg) no-repeat center top; background-size: cover; text-align: center;}
.sswgh_tit{ font-size: 30px; line-height: 54px; color: #ffffff; width:75%; margin: 0 auto; height: 118px; display: -webkit-box; display: -ms-flexbox; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.sswgh_tit a{ color: #ffffff;}
.sswgh_tit1{ font-size: 0;}
.sswgh_tit1 a{ display: inline-block; margin: 20px 8px 0 8px; padding: 0 18px; height: 40px; line-height: 40px; color: #ffffff; font-size: 18px; font-weight: bold; border: 1px solid #ffffff; border-radius: 20px;}
.sswgh_tit2{ height: 64px; border-bottom: 1px solid #e1e1e1; line-height: 64px;}
.sswgh_tit2_l{ float: left; position: relative; padding-left: 20px; font-size: 24px; font-weight: bold; color: #1658a0;}
.sswgh_tit2_l::before{ position: absolute; content: ''; width: 7px; height: 21px; background-color: #1658a0; border-radius: 3px; left: 0; top: 50%; margin-top: -10px;}
.sswgh_tit2_r{ float: right; color: #666666; font-size: 16px;} 
.sswgh_tit2_r a{ color: #666666;}
.sswgh_tit2_r em{ font-family: simsun; margin-left:6px;}
.sswgh_list{ margin-top: 20px;}
.sswgh_list 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;}
.sswgh_list li span{ float: right; color: #999999; font-size: 16px;}
.sswgh_bg1{ margin: 30px auto 0; background-color: #f1f8ff; padding: 30px 0;}
.sswgh_tit3{ text-align: center; line-height: 42px; font-size: 24px; font-weight: bold; color: #1658a0;}
.sswgh_tit3 span,.sswgh_tit3 em{ display: inline-block;}
.sswgh_tit3 em{ padding: 0 24px;}
.sswgh_icon_list ul{ margin: 0 -12px; overflow: hidden;}
.sswgh_icon_list li{ float: left; width:14.285714%; margin-top: 20px; text-align: center;}
.sswgh_icon_list li a{ display: block; margin: 0 12px; border-radius: 5px; background-color: #f6f6f6; padding-top: 34px; height: 131px; font-size: 18px;}
.sswgh_icon_list li a p{ line-height: 24px; margin-top: 24px; padding: 0 10px;}
.sswgh_icon_list li i{ font-size: 34px; color: #1658a0;}
.sswgh_icon_list li.on a{ background-color: #1658a0;}
.sswgh_icon_list li.on a p{ color: #ffffff; font-weight: bold;}
.sswgh_icon_list li.on i{ color: #ffffff;}
.sswgh_con{ margin: 54px auto 0; border: 1px solid #1658a0; border-radius:5px; padding: 50px 30px 30px 30px; position: relative;}
.sswgh_tit4{ position: absolute; top: -32px; left: 50%; margin-left: -200px; z-index: 5; width:401px; background: url(21qz_sswgh_tit_bg.png) no-repeat center bottom; height: 62px; line-height: 62px; text-align: center; color: #ffffff; font-size: 22px;}
.sswgh_con1{ position: relative; z-index: 3;}
.sswgh_tu{ position: relative; text-align: center;}
.sswgh_tu img{ position:relative; z-index: 2; width: 100%;}
.sswgh_tu span{ font-size: 24px; line-height: 50px; font-weight: bold; display: inline-block; position: absolute; left: 0; right: 0; color: #ffffff; z-index: 4; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.sswgh_tu span a{ color: #ffffff;}
.sswgh_tu>a{ display: block;}
.sswgh_tu>span a{ display: inline-block; font-size: 18px; font-weight: normal; margin-left: 32px; border: 1px solid #ffffff; height: 35px; line-height: 35px; border-radius: 5px; padding: 0 19px;}
.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{ width: 100%;}
.slb .el-col-12.mar_t{ margin-top: 30px;}
.slb .sswgh_tit{ font-size: 40px;}
.slb .sswgh_tit1 a{ font-size: 26px; height: 60px; line-height: 60px; border-radius: 30px;}
.slb .sswgh_tit2_l{ font-size: 36px;}
.slb .sswgh_tit2_r{ font-size: 26px;}
.slb .sswgh_tit2{ height: 80px; line-height: 80px;}
.slb .sswgh_list li{ line-height: 60px; font-size: 26px; background-position: left 28px;}
.slb .sswgh_list li span{ font-size: 26px;}
.slb .sswgh_tit3{ font-size: 36px;}
.slb .sswgh_icon_list li{ width: 25%; margin-top: 32px;}
.slb .sswgh_icon_list li i{ font-size:60px;}
.slb .sswgh_icon_list li a{ height: 180px;}
.slb .sswgh_icon_list li a p{ font-size: 30px; line-height: 48px; margin-top: 0;}
.slb .sswgh_tit4{ font-size: 30px;}
.slb .sswgh_tu>span a{ font-size: 26px; height: 50px; line-height: 50px;}

@media screen and (max-width:1366px) {
	
}
@media screen and (max-width:1280px) {
	
}

@media screen and (max-width:999px) {
	.sswgh_bg{}
	.page_con>.container_21,.sswgh_bg1>.container_21{ padding: 0 16px;}
	.mar_t30,.mar_t40,.mar_t50,.mar_t{ margin-top: 16px;}
	
}
@media screen and (max-width:768px) {
	.sswgh_list{ margin-top: 10px;}
	.sswgh_list li{ position: relative; padding: 10px 0 40px 20px; border-bottom: 1px solid #dddddd; white-space: inherit; line-height: 28px;}
	.sswgh_list li span{ position:absolute; left: 20px; bottom: 10px;}
	.sswgh_tit3 span{ width: 30%;}
	.sswgh_icon_list ul{ margin: 0; white-space: nowrap; overflow-x: auto;}
	.sswgh_icon_list li{ float: inherit; width: auto; display: inline-block;}
	.sswgh_icon_list li a{ margin:0 1px; height:64px; padding:8px 0;}
	.sswgh_icon_list li i{ display: none;}
	.sswgh_icon_list li a p{ margin-top: 0; }
	
	.slb .sswgh_tit{ width: 95%; font-size: 32px;}
	.slb .sswgh_list li{ line-height: 40px; padding-bottom: 50px; }
	.slb .sswgh_tit2_l{ font-size: 30px;}
	.slb .sswgh_tit3 span{ width: 20%;}
	.slb .sswgh_icon_list li{ width: auto;}
	.slb .sswgh_icon_list li a{ height: 90px;}
	.slb .sswgh_icon_list li a p{ font-size: 24px; line-height: 40px;}
	.slb .sswgh_tit2_r{ display: none;}
}
@media screen and (max-width:601px) {
	.sswgh_tit2_l{ font-size: 18px;}
	.sswgh_tit3 span{ width: 20%;}
	.sswgh_tu span{ font-size: 20px;}
	.sswgh_tu>span a{ margin-left: 16px;}
	.slb .el-col-12.mar_t{ margin-top: 16px;}

}
@media screen and (max-width:415px) {
	.sswgh_tit{ font-size: 24px; width: 90%; line-height: 40px;}
	.sswgh_tit1 a{ margin: 16px 3px 0 3px;}
	
	.slb .sswgh_tit3 span{ display: none;}
	.slb .sswgh_tit2_l,.slb .sswgh_tit3{ font-size: 24px;}
	.slb .sswgh_tit2{ height: auto; line-height: 40px; padding-bottom: 16px;}
	.slb .sswgh_tit2_l::before{ top: 10px; margin-top: 0;}
	.slb .sswgh_tu>span a{ font-size: 20px; height: 40px; line-height: 40px;}
}
@media screen and (max-width:321px) {
	.slb .sswgh_tu>span a{ font-size: 16px; margin: 0 1px;}
}