@font-face {
  font-family: "sswgh_iconfont"; /* Project id 2854680 */
  src: url('sswgh_iconfont.woff2') format('woff2'),
       url('sswgh_iconfont.woff') format('woff'),
       url('sswgh_iconfont.ttf') format('truetype');
}

.sswgh_iconfont {
  font-family: "sswgh_iconfont" !important;
  font-size: 16px;
  font-style: normal;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#wrap{ background-color: #ffffff;}
.container{ width: 1300px; margin: 0 auto;}
.sswgh_con{ background: url(21xa_sswgh_bg.jpg) no-repeat center top; height: 240px;}
.sswgh_con .container{ position: relative; text-align: center; padding-top:27px;}
.gy_bar{ position: absolute; left: 0; top: 0;}
.sswgh_tit{ line-height:46px; padding: 10px 0; font-size:26px; font-weight: bold; margin: 0 auto; overflow: hidden;}
.sswgh_bar_list{ margin: 17px auto 0; text-align: center; font-size: 0;}
.sswgh_bar_list a{ display: inline-block; margin: 0 9px; border: 1px solid #d8d8d8; background-color: #ffffff; width: 108px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #999999; border-radius: 5px;}
.sswgh_bar_list a:hover{ background-color: #1658a0; color: #ffffff;}
.sswgh_con1{ position: relative; margin: 32px auto;}
.sswgh_line{ position: absolute; width: 1px; background-color: #cccccc; top: 0; bottom: 0; left: 50%;}
.sswgh_con_l,.sswgh_con_r{ width: 46.9230769%;}
.sswgh_con_l{ float: left;}
.sswgh_con_r{ float: right;}
.sswgh_tit1{ height: 32px; line-height: 32px; text-align:center;}
.sswgh_tit1_l{ float: left;}
.sswgh_tit1_r{ float: right;}
.sswgh_tit1_r a{ font-size: 18px; color: #999999;}
.sswgh_line1{ margin: 20px auto 0; height: 8px; border: 1px solid #1658a0; border-left-width: 4px; position: relative;}
.sswgh_line1 span{ position: absolute; width:18px; height: 10px; background: url(21xmszf_sswgh_arr1.png) no-repeat; right: -9px; top: -1px;}
.sswgh_list{ margin-top: 10px;}
.sswgh_list li{ padding:16px 0 16px 29px; line-height: 32px; font-size: 20px; background: url(21xmszf_sswgh_arr.png) no-repeat 12px 28px; border-bottom: 1px dashed #cccccc;}
.sswgh_list li a{ max-height: 64px; overflow: hidden;}
.sswgh_bg{ background-color: #f6f6f6; padding: 32px 0;}
.sswgh_bg .sswgh_tit1{ text-align: center;}
.sswgh_tit2{ position: relative; z-index: 3; background: url(21xmszf_sswgh_tit_bar.png) no-repeat center top; font-size: 24px; text-align: center; font-weight: bold; color: #ffffff; margin-top: 27px; height: 56px; line-height: 56px;}
.sswgh_con2{ position: relative; z-index: 2; border: 1px solid #1658a0; border-radius: 8px; background-color: #ffffff; margin-top: -45px;}
.sswgh_list1{ margin-right: -25px;}
.sswgh_list1 li{ float: left; width: 20%; text-align: center; margin-top: 28px;}
.sswgh_list1 li a{ display: block; margin-right: 25px; padding: 32px 0 28px 0; background-color: #ffffff; box-shadow: 0 0 8px rgba(22,88,160,.15);}
.sswgh_list1 li a i{ font-size: 42px; color: #1658a0;}
.sswgh_list1 li a p{ line-height: 32px; margin-top: 14px; font-size: 18px;}
.sswgh_list1 li.on a,.sswgh_list1 li a:hover{ background-color: #1658a0; color: #ffffff;}
.sswgh_list1 li.on a i,.sswgh_list1 li a:hover i{ color: #ffffff;}
.sswgh_con2{ padding: 60px 35px 28px 35px;}
.sswgh_con3 .sswgh_con2{ padding: 0;}
.sswgh_con4 .sswgh_con2{ padding-bottom: 0;}

.gl_tit{ background: url(20ta_lh_wz.png) no-repeat left 18px; line-height: 30px; padding: 15px 15px 15px 33px; border-bottom: 2px solid #eeeeee; color: #999999; margin-top: 16px;}
.gl_tit a{ color: #999999;}
.gl_tit1{ height: 60px; line-height: 60px; background-color: #f7f7f7; overflow: hidden; margin-top: 28px;}
.gl_tit1 span{ float: left; display: block; padding: 0 32px; color: #ffffff; background-color: #1658a0; font-size: 24px;}
.gl_list1{ margin-top: 6px;}
.gl_list1 ul{ padding: 23px 0; border-bottom: 1px dotted #a1a1a1; overflow: hidden;}
.gl_list1 li{ line-height: 50px; background: url(20ta_lh_dian.jpg) no-repeat 10px 22px; padding-left: 30px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gl_list1 li span{ float: right; font-size: 16px; color: #999999;}

.fy_list_02{ margin: 40px auto 0; color: #555555; text-align: center;}
	.fy_list_02 .fy_tit_l{ display: inline-block; *float: left; margin-right: 30px; font-size: 0;}
	.fy_list_02 .fy_tit_l a{ font-size: 16px; display: inline-block; line-height: 18px; padding: 10px 15px; border: 1px solid #d9d9d9; margin:0 5px; color: #555555;}
	.fy_list_02 .fy_tit_l a.next{ *width: 64px;}
	.fy_list_02 .fy_tit_l a.next em{ *margin-top: -18px;}
	.fy_list_02 .fy_tit_l a.prev em,.fy_list_02 .fy_tit_l a.next em{ display: block; width: 5px; height:18px;}
	.fy_list_02 .fy_tit_l a.prev em{ background: url(fy_prev.png) no-repeat 0px -51px; float: left; margin-right: 10px;}
	.fy_list_02 .fy_tit_l a.next em{ background: url(fy_next.png) no-repeat 0px -51px; float: right; margin-left: 10px;}
	.fy_list_02 .fy_tit_l a.on,.fy_list_02 .fy_tit_l a:hover{ background:none #1658a0; color: #ffffff; border: 1px solid #1658a0; cursor: pointer;}
	.fy_list_02 .fy_tit_l a.prevStop,.fy_list_02 .fy_tit_l a.nextStop{ color: #999999;}
	.fy_list_02 .fy_tit_l a.prev:hover em,.fy_list_02 .fy_tit_l a.next:hover em{ background-position: 0px -91px;}
	.fy_list_02 .fy_tit_l a.prevStop em,.fy_list_02 .fy_tit_l a.nextStop em{ background-position: 0px -11px;}
	.fy_list_02 .fy_tit_l a.prevStop:hover,.fy_list_02 .fy_tit_l a.nextStop:hover{ border: 1px solid #d9d9d9; background-color: #d9d9d9; color: #999999; cursor: default;}
	.fy_list_02 .fy_tit_l a.prevStop:hover em,.fy_list_02 .fy_tit_l a.nextStop:hover em{ cursor: default; background-position: 0px -11px; }
	.fy_list_02 .fy_tit_r{ display: inline-block; *float: left; line-height: 40px;}
	.fy_list_02 .fy_inp{ border: 1px solid #d9d9d9; background-color: #ffffff; width: 38px; height: 38px; line-height: 38px; text-align: center; margin: 0 8px; font-size: 15px; color: #555555;}
	.fy_list_02 .fy_go{ display: inline-block; width:40px; height:40px; line-height: 40px; background-color: #e2e2e2; text-align: center; margin: 0 8px; font-size: 16px; color: #555555; cursor: pointer; *margin-top: -50px;}
	@media screen and (max-width:999px) {
	 .fy_list_02{ text-align: center;}
	 .fy_list_02 .fy_tit_l{ float: inherit; text-align: center; margin: 0;}
	 .fy_list_02 .fy_tit_l a,.fy_list_02 .fy_tit_r{ display: none;}
	 .fy_list_02 .fy_tit_l a.prev,.fy_list_02 .fy_tit_l a.next{ display:inline-block;}
	}
.xl_con{ padding: 55px 100px;}
.xl_tit{ text-align: center; font-size: 32px; line-height: 50px; font-weight: bold;}
.xl_tit1{ border-bottom: 2px solid #e1e1e1; text-align: center; line-height: 58px; margin-top: 30px; color: #999999;}
.xl_tit1 span{ margin: 0 30px;}
.xl_tit1 span em.on{ color: #1658a0; font-weight: bold;}
.xl_tu{ text-align: center; margin: 48px auto 0;}
.xl_con1 img{ margin: 48px auto 0; display: block;}
.xl_con1{ line-height: 32px;min-height: 500px;padding-top: 30px;}
.xl_con1 p{line-height: 32px; font-family: simsun !important; margin-top: 15px; font-size: 16px;}

.xl_tit2{ text-align: center; padding: 30px 0; width: 352px; margin: 0 auto;}
.xl_tit2 li{ float: left; margin: 0 15px; width: 50px; text-align: center; font-size: 14px;}
.xl_tit2 li span{ display: block; cursor: pointer; background-color: #f7f7f7; line-height:48px; height:48px; margin-bottom: 12px; border-radius: 10px;}
.xl_tit2 li span img{ margin-top: -3px;}
.xl_tit2 li.share{ position: relative;}
.xl_tit2 li .share_con{ position: absolute; display: none; left:49px; top: 0; width: 168px; height:48px; }
.xl_tit2 li .share_con a{ display: block; width: 24px; float: left; height: 48px; text-align: center; line-height: 48px; margin-left: 30px;}
.xl_tit2 li .share_con a i{ color: #1658a0; font-size: 22px;}
.xl_tit2 li.share.on .share_con,.xl_tit2 li.share:hover .share_con{ display: block;}
.xl_tit2 li span i{ color: #3870ad; font-size: 25px;}
.xl_tit2 li span:hover{ background-color: #1658a0;}
.xl_tit2 li span:hover i{ color: #ffffff;}
.xl_ul{margin-top: 30px;}
.xl_ul ul{margin-right: -32px;}
.xl_ul ul li{float: left; width: 33.333%;}
.xl_ul ul li a{display: block; border-radius:10px; box-shadow:0 0 10px rgba(22,88,160,.3); text-align: center; font-size: 28px; font-weight: bold; color: #FFFFFF; height: 90px; line-height: 90px; background: -ms-linear-gradient(left, rgba(74,169,204,1) 0%, rgba(22,88,160,1) 100%);
background: linear-gradient(to right, rgba(74,169,204,1) 0%, rgba(22,88,160,1) 100%); margin-right: 32px;}


@media screen and (max-width: 1366px){
	.container{ width: 1200px;}
}

@media screen and (max-width: 1280px){
	.container{ width: 1000px;}
	
}
@media screen and (max-width: 999px){
	.container{ width: 100%;} 
	.sswgh_con1{ padding:0 16px;}
	.sswgh_con_l, .sswgh_con_r{width: 100%; float: inherit;}
	.sswgh_line,.gl_tit{ display: none;}
	.sswgh_con_r{ margin-top: 30px;}
	.sswgh_list1 li{ width: 33.3%;}
	.sswgh_tit1{ height: auto;}
	.sswgh_tit1>img{ width: 200%; max-width: inherit; margin-left: -50%;}
	.sswgh_list1{ margin: 20px 0 0 16px;}
	.sswgh_list1 li,.gl_tit1,.fy_list_02{ margin-top: 16px;}
	.sswgh_list1 li a{ margin-right: 16px;}
	.sswgh_bg .bd{ padding: 0 16px;}
	.xl_con{ padding:16px;}
	.xl_tit1_l{ padding-left: 0px; font-size: 14px;}
	.xl_tit1_r{ display: none;}
	.xl_tit{ font-size: 20px; line-height: 34px;}
	.xl_tit1{ margin-top: 0; background-color: #ffffff; padding-left: 0; border-bottom: 1px solid #eeeeee;}
	.xl_ul ul li{width: 50%; margin-bottom: 20px;}
	.sswgh_tit1{overflow: hidden;}
}
@media screen and (max-width:767px){
	.gy_bar img{ width: 40px;}
	.sswgh_con .container{ padding-top: 16px;}
	.sswgh_tit{ font-size: 20px; padding-right: 10px; line-height: 30px; height: auto; max-height: inherit; width: auto; padding-left: 45px;}
	.sswgh_bar_list a{ margin: 0 3px 6px 3px; font-size: 16px; width: auto; padding: 0 15px;}
	.sswgh_tit1_r{ display: none;}
	.sswgh_line1{ height: 10px;}
	.sswgh_list1 li{ width: 50%;}
	.sswgh_con2{ padding: 60px 10px 10px 10px;}
	.gl_list1 ul{ padding:0 15px; border-bottom:none;}
	.gl_list1 li{ position:relative; padding-bottom:45px; border-bottom:1px solid #e3e3e3; padding-top:15px; line-height:28px; background-position-y:28px;}
	.gl_list1 li span{ position:absolute; bottom:15px;}
	.gl_list1 li:hover{ background-position-y:28px;}
	.xl_con1{ padding:0px;}
	.xl_tu{ margin-top: 0;}
	.pad-lr .zwgk_con{ height: auto; margin-bottom: 20px; padding: 20px;}
	.xl_tit1{ line-height: 32px;}
	.xl_tit1 span{ display: block;}
	
}
@media screen and (max-width:640px){
	.xl_ul ul li{width: 100%;}
	
}