﻿.max_img{overflow: hidden;}
.max_img i{display: block;height: 0;padding-top:56.35%; background-position:left center !important;background-repeat: no-repeat !important;	background-size:100% !important;background-color: #f8f8f8;position: relative;overflow: hidden;transition: all .3s;}
li:hover .max_img i,div:hover.max_img i{transform: scale(1.1)}
.max_img.li i{padding-top: 74.9579%;}
/*  */
.footer_tit{text-align: center; line-height: 70px; height: 70px;}
.footer_tit a{display: inline-block; margin: 0 45px;}
.con_bg{ padding: 50px 0px; border-top: 1px solid #92b4d6; background: url(22snw_header_bg2.jpg) no-repeat top center;}
.slideBox_08 { position: relative; overflow: hidden; margin: 0px auto; max-height: 357px;}
.slideBox_08 .pic a i {  padding-top:56.35%;}
.slideBox_08 .pic p{position: absolute; bottom: 0; left: 20px; right:130px; height:50px; line-height:50px; color: #FFFFFF; font-size: 16px; z-index: 2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.slideBox_08 .txt-bg { position: absolute; bottom:0px; z-index: 1; height:50px; left:0px; right:0px; background-color: #1658a0; opacity: .3; overflow: hidden; }
.slideBox_08 .num { position: absolute; z-index: 3; bottom:18px; right:18px; font-size: 0; text-align: right; }
.slideBox_08 .num li { display:inline-block; *display: inline; *float: left; font-size: 12px; width:10px; height:10px; border-radius:50%; overflow: hidden; text-align: center; cursor: pointer; margin: 0 4px; background-color: #ffffff;}
.slideBox_08 .num li.on{ background-color: #ba2b29;}
@media screen and (max-width: 999px){
	.slideBox_08{ max-height: inherit;}
}
@media screen and (max-width: 414px){
	.slideBox_08 .pic p{ height: 40px; line-height: 40px;}
}
.news_top {line-height: 50px; height: 50px;}
.news_top ul li{ float: left; margin-right: 6px;}
.news_top ul li a{display: block; line-height: 50px; height: 50px; transition: ease-in-out 0.3s;border: 1px solid transparent; padding: 0px 26px; font-size: 20px; font-weight: bold; color: #FFFFFF; border-radius:25px;}
.news_top ul li.on a,.news_top ul li:hover a{border: 1px solid #FFFFFF;}
.sp_a i{margin-left: 6px;}
.sp_a.li a {color: #FFFFFF;}
.sp_a.li a i{color: #FFFFFF;}
.news_r .list_base ul li a{color: #FFFFFF; transition: ease-in-out 0.3s;}
.list_base ul li a{transition: ease-in-out 0.3s;}
.news_r .list_base ul li span{color: #FFFFFF;}
.news_r .list_base li::before{background-color: #FFFFFF;}
.list_base ul li:hover a{padding-left: 5px;}
.main{background: #f7f7f7;}
.con_top{line-height: 50px; height: 50px; margin-right: 32px;}
.con_top h1{ line-height: 50px; height: 50px; background: #1658A0; padding: 0px 32px; font-size: 22px; color: #FFFFFF; border-radius:0px 25px 25px 0px; margin-left: -1px;}
.con_tit{padding:18px 32px 32px 32px;}
.con_div{background: #FFFFFF;}
.con_ul ul li a{display: block; transition: ease-in-out 0.3s; min-height: 180px; padding-top: 130px; font-size: 18px; font-weight: bold; text-align: center;}
.con_ul ul li a.icon1{background: url(22snw_icon1.png) no-repeat top center;}
.con_ul ul li a.icon2{background: url(22snw_icon2.png) no-repeat top center;}
.con_ul ul li a.icon3{background: url(22snw_icon3.png) no-repeat top center;}
.con_ul ul li a.icon4{background: url(22snw_icon4.png) no-repeat top center;}
.con_ul ul li a.icon5{background: url(22snw_icon5.png) no-repeat top center;}
.con_ul ul li a:hover{box-shadow: 0 0 6px rgba(22,88,160,0.3);}
.con_li{padding:24px 32px 16px 32px;}
.con_li .list_base ul li{line-height: 50px; height: 50px; border-bottom: 1px solid #e1e1e1;}
.con_li .list_base ul li:last-child{border-bottom: none;}
.list_div a{font-size: 20px;display: block; font-weight: bold; line-height: 50px;}
.list_div span{display: block;width: 120px; height: 30px; line-height: 30px; text-align: center; background: #f7f7f7;}
.list_div {padding-bottom: 19px; border-bottom: 1px solid #e1e1e1;}
.con_li .list_base{padding: 0px;}
.con_li .list_base li::before{top: 2.2rem;}
.tit_ul ul li a{display: block; transition: ease-in-out 0.3s; line-height: 90px; height: 90px; text-align: center; color: #FFFFFF; font-size: 18px;}
.tit_ul ul li a.icon1{background: #1658a0;}
.tit_ul ul li a.icon2{background: #39b596;}
.tit_ul ul li a.icon3{background: #ecac50;}
.tit_ul ul li a.icon4{background: #1658a0;}
.tit_ul ul li a.icon5{background: #39b596;}
.tit_ul ul li a.icon6{background: #32b4b9;}
.tit_ul ul li a span i{color: #FFFFFF; font-size: 30px;}
.tit_ul ul li a span{display: inline-block; margin-right: 10px; height: 90px;}
.tit_ul ul li a:hover{box-shadow: 0 0 4px rgba(0,0,0,0.3);}
.hd_div{padding-left: 32px; padding-top: 20px;}
.hd_l{position: relative;}
.hd_l em{position: absolute; z-index: 2; top: 0px; left: 0px; width: 95px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #FFFFFF; background: #ba2b29; border-radius: 0px 0px 20px 0px;}
.hd_r h1{font-size: 18px; min-height: 50px; line-height: 25px;}
.hd_r ul li{line-height: 26px; color: #999999;}
.hd_bottom a{display:block; height: 50px; line-height: 50px; text-align: center; background: #f3f8ff;margin: 10px;}
.tit_top{line-height: 50px; height: 50px;}
.tit_top ul li{float: left; margin-right: 40px;}
.tit_top ul li a{display: block; height: 46px; line-height: 46px; border-bottom: 3px solid transparent; font-size: 22px;font-weight: bold;}
.tit_top ul li:last-child{ margin-right:0px;}
.tit_top ul li.on a,.tit_top ul li:hover a{ border-bottom: 3px solid #1658A0;}
.tit_tab th,.tit_tab td{height: 50px;}
.tit_tab th{background: #f3f8ff; font-weight: normal;}
.tit_tab th:nth-child(1),.tit_tab td:nth-child(1){padding-left:24px;}
.ztzl_div{padding:32px 32px 24px 32px;}
.ztzl_div .bd ul{margin-right: -32px;}
.ztzl_div .bd ul li{width: 25%; float: left;}
.ztzl_div .bd ul li a{display: block; transition: ease-in-out 0.3s; position:relative; padding-right: 105px; background: #1658A0; height: 100px; margin-right: 32px;}
.ztzl_div .bd ul li a i{position: absolute; top: 0px; right: 0px; bottom: 0px;}
.ztzl_div .bd ul li a h1{position: absolute; z-index: 2;font-size: 16px; line-height: 22px; top: 50%; transform: translateY(-50%); padding-left: 24px;color: #FFFFFF;}
.ztzl_div .bd ul li a:hover{box-shadow: 0 0 4px rgba(22,88,160,0.6);}
.ztzl_div .hd ul li{display: inline-block;font-size: 0px; width: 10px; height: 10px; border-radius:50%; background: #e1e1e1; margin: 0 5px;}
.ztzl_div .hd ul{text-align: center;}
.ztzl_div .hd ul li.on,.ztzl_div .hd ul li:hover{background: #1658A0;}
.bsfw_ul ul li a{display: block; height: 90px; font-size: 18px; transition: ease-in-out 0.3s; color: #FFFFFF; line-height: 90px; text-align: center;}
.bsfw_ul ul li a.icon1{background: url(21snw_icon6.jpg) no-repeat center;}
.bsfw_ul ul li a.icon2{background: url(21snw_icon7.jpg) no-repeat center;}
.bsfw_ul ul li a.icon3{background: url(21snw_icon8.jpg) no-repeat center;}
.bsfw_ul ul li a span i{color: #FFFFFF;font-size: 32px;}
.bsfw_ul ul li a span{margin-right: 10px;}
.bsfw_ul ul li a:hover{box-shadow: 0 0 4px rgba(22,88,160,0.3);}
.jdhy_div{padding: 16px 32px; position: relative;}
.jdhy_div .bd ul{margin-right: -32px;}
.jdhy_div .bd ul li{float: left; width: 25%;}
.jdhy_div .bd ul li a{display: block; margin-right: 32px;background: #f3f8ff; padding: 15px;}
.jdhy_div .bd ul li a p{line-height: 26px;}
.jdhy_div .bd ul li a span{display: block; margin-top: 10px;}
.jdhy_div .hd{text-align: center;}
.jdhy_div .hd ul li{display: inline-block;width: 10px; height: 4px; transition: ease-in-out 0.3s; cursor: pointer; background: #999999;font-size: 0px;margin: 0 5px;}
.jdhy_div .hd ul li.on,.jdhy_div .hd ul li:hover{background: #1658A0;}
.jdhy_div .prev,.jdhy_div .next{display:block; width: 32px; height: 32px; position: absolute; z-index: 2; border-radius: 50%; top: 44%; transform: translateY(-50%);}
.jdhy_div .prev{background: url(22snw_rrr.png) no-repeat center; left: 16px;}
.jdhy_div .next{background: url(22snw_lll.png) no-repeat center; right: 16px;}
.list_base ul li em{font-weight: bold; margin-right: 40px;}









/*margin*/
.mar1 { margin: 1px; }
.mar20 { margin: 20px; }
.mar_t0 { margin-top: 0px; }
.mar_t4 { margin-top: 4px; }
.mar_t8 { margin-top: 8px; }
.mar_t12 { margin-top: 12px; }
.mar_t16 { margin-top: 16px; }
.mar_t20 { margin-top: 20px; }
.mar_t24 { margin-top: 24px; }
.mar_t28 { margin-top: 28px; }
.mar_t32 { margin-top: 32px; }
.mar_t36 { margin-top: 36px; }
.mar_t48 { margin-top: 48px; }
.mar_t60 { margin-top: 60px; }
.mar_b0 { margin-bottom: 0px; }
.mar_b1 { margin-bottom: 1px; }
.mar_b4 { margin-bottom: 4px; }
.mar_b12 { margin-bottom: 12px; }
.mar_b16 { margin-bottom: 16px; }
.mar_b20 { margin-bottom: 20px; }
.mar_b24 { margin-bottom: 24px; }
.mar_b28 { margin-bottom: 28px; }
.mar_b32 { margin-bottom: 32px; }
.mar_b40 { margin-bottom: 40px; }
.mar_l0 { margin-left: 0px; }
.mar_l1 { margin-left: 1px; }
.mar_l4 { margin-left: 4px; }
.mar_l8 { margin-left: 8px; }
.mar_l12 { margin-left: 12px; }
.mar_l16 { margin-left: 16px; }
.mar_l20 { margin-left: 20px; }
.mar_l24 { margin-left: 24px; }
.mar_l28 { margin-left: 28px; }
.mar_l32 { margin-left: 32px; }
.mar_l40 { margin-left: 40px; }
.mar_r0 { margin-right: 0px; }
.mar_r1 { margin-right: 1px; }
.mar_r4 { margin-right: 4px; }
.mar_r8 { margin-right: 8px; }
.mar_r12 { margin-right: 12px; }
.mar_r16 { margin-right: 16px; }
.mar_r20 { margin-right: 20px; }
.mar_r24 { margin-right: 24px; }
.mar_r28 { margin-right: 28px; }
.mar_r32 { margin-right: 32px; }
.mar_r40 { margin-right: 40px; }


/*---------------------------------------segmentation------------------------------------------*/

/*padding*/
.pad0 { padding: 0px; }
.pad1 { padding: 1px; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pad30 { padding: 30px; }
.pad_t0 { padding-top: 0px; }
.pad_t1 { padding-top: 1px; }
.pad_t4 { padding-top: 4px; }
.pad_t8 { padding-top: 8px; }
.pad_t12 { padding-top: 12px; }
.pad_t16 { padding-top: 16px; }
.pad_t20 { padding-top: 20px; }
.pad_t24 { padding-top: 24px; }
.pad_t28 { padding-top: 28px; }
.pad_t32 { padding-top: 32px; }
.pad_t40 { padding-top: 40px; }
.pad_t48 { padding-top: 48px; }
.pad_b0 { padding-bottom: 0px; }
.pad_b1 { padding-bottom: 1px; }
.pad_b4 { padding-bottom: 4px; }
.pad_b8 { padding-bottom: 8px; }
.pad_b12 { padding-bottom: 12px; }
.pad_b16 { padding-bottom: 16px; }
.pad_b20 { padding-bottom: 20px; }
.pad_b24 { padding-bottom: 24px; }
.pad_b28 { padding-bottom: 28px; }
.pad_b32 { padding-bottom: 32px; }
.pad_b40 { padding-bottom: 40px; }
.pad_b48 { padding-bottom: 48px; }
.pad_l0 { padding-left: 0px; }
.pad_l1 { padding-left: 1px; }
.pad_l4 { padding-left: 4px; }
.pad_l8 { padding-left: 8px; }
.pad_l12 { padding-left: 12px; }
.pad_l16 { padding-left: 16px; }
.pad_l20 { padding-left: 20px; }
.pad_l24 { padding-left: 24px; }
.pad_l28 { padding-left: 28px; }
.pad_l32 { padding-left: 32px; }
.pad_l40 { padding-left: 40px; }
.pad_r0 { padding-right: 0px; }
.pad_r1 { padding-right: 1px; }
.pad_r4 { padding-right: 4px; }
.pad_r8 { padding-right: 8px; }
.pad_r12 { padding-right: 12px; }
.pad_r16 { padding-right: 16px; }
.pad_r20 { padding-right: 20px; }
.pad_r24 { padding-right: 24px; }
.pad_r28 { padding-right: 28px; }
.pad_r32 { padding-right: 32px; }
.pad_r40 { padding-right: 40px; }
.pad_r48 { padding-right: 48px; }


@media screen and (max-width:992px) {
	.mar_t16_sm{ margin-top: 16px;}
	.mar_t24_sm{ margin-top: 24px;}
	
	.pad20_sm{ padding:20px 0;}
}
.f_l { float: left }
.f_r { float: right; }

.font8,.font8 p,.font8 div,.font8 table,.font8 span{font-size:8px !important;line-height: 16px !important;}
.font9,.font9 p,.font9 div,.font9 table,.font9 span{font-size:9px !important;line-height: 18px !important;}
.font10,.font10 p,.font10 div,.font10 table,.font10 span{font-size:10px !important;line-height: 20px !important;}
.font11,.font11 p,.font11 div,.font11 table,.font11 span{font-size:11px !important;line-height: 22px !important;}
.font12,.font12 p,.font12 div,.font12 table,.font12 span{font-size:12px !important;line-height: 24px !important;}
.font13,.font13 p,.font13 div,.font13 table,.font13 span{font-size:13px !important;line-height: 26px !important;}
.font14,.font14 p,.font14 div,.font14 table,.font14 span{font-size:14px !important;line-height: 28px !important;}
.font15,.font15 p,.font15 div,.font15 table,.font15 span{font-size:15px !important;line-height: 30px !important;}
.font16,.font16 p,.font16 div,.font16 table,.font16 span{font-size:16px !important;line-height: 32px !important;}
.font17,.font17 p,.font17 div,.font17 table,.font17 span{font-size:17px !important;line-height: 34px !important;}
.font18,.font18 p,.font18 div,.font18 table,.font18 span{font-size:18px !important;line-height: 36px !important;}
.font19,.font19 p,.font19 div,.font19 table,.font19 span{font-size:19px !important;line-height: 38px !important;}
.font20,.font20 p,.font20 div,.font20 table,.font20 span{font-size:20px !important;line-height: 40px !important;}
.font21,.font21 p,.font21 div,.font21 table,.font21 span{font-size:21px !important;line-height: 42px !important;}
.font22,.font22 p,.font22 div,.font22 table,.font22 span{font-size:22px !important;line-height: 44px !important;}
.font23,.font23 p,.font23 div,.font23 table,.font23 span{font-size:23px !important;line-height: 46px !important;}
.font24,.font24 p,.font24 div,.font24 table,.font24 span{font-size:24px !important;line-height: 48px !important;}
.font25,.font25 p,.font25 div,.font25 table,.font25 span{font-size:25px !important;line-height: 50px !important;}
.font26,.font26 p,.font26 div,.font26 table,.font26 span{font-size:26px !important;line-height: 52px !important;}
.font27,.font27 p,.font27 div,.font27 table,.font27 span{font-size:27px !important;line-height: 54px !important;}
.font28,.font28 p,.font28 div,.font28 table,.font28 span{font-size:28px !important;line-height: 56px !important;}

.gl_div.li{min-height: 620px;}
.gl_l{background: #f3f8ff url(21xmjt_li.png) no-repeat top center; min-height: 820px; background-size:100% auto;}
.gl_top h1{ text-align: center; height: 65px; line-height: 65px;font-size: 22px; color: #1658A0;}
.gl_l_ul{padding: 0px 20px;}
.gl_l_ul ul li a{ transition: ease-in-out 0.3s; height: 50px; margin-bottom: 10px; line-height: 50px;display: block; padding-left:15px; border: 1px solid #E1E1E1; border-radius:8px;font-size: 18px; background: #FFFFFF url(21xmjt_lia.png) no-repeat 93% center;}
.gl_l_ul ul li:hover a,.gl_l_ul ul li.on a{background: #1658A0 url(21xmjt_lib.png) no-repeat 93% center; font-weight: bold; border: 1px solid #1658A0; color: #FFFFFF;}
.gl_ul .list1 ul{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E2E2E2;}
.gl_ul .list1 {margin-top: 0px;}

.tit2_jgzn{ height: 40px; line-height: 40px; border-bottom: 1px solid #dddddd;}
.tit2_jgzn li{ float: left; margin-right: 20px; position: relative; font-size: 18px;}
.tit2_jgzn li a{ display: block;}
.tit2_jgzn li.on a{ font-weight: bold;}
.tit2_jgzn li.on::before,.tit2_jgzn li.on::after{ content: ''; position: absolute; bottom: -1px; height: 3px;}
.tit2_jgzn li.on::before{ left: 0; width: 1em; background-color: #b82d2e;}
.tit2_jgzn li.on::after{left: 1em; right: 0; background-color: #1658a0;}
.gl_tit{padding: 20px;line-height: 30px;}
.zxft{display: block; padding: 20px;  background-color: #f3f8ff; }
.zxft .zxft_title_01{padding:1rem 1.6rem;text-align:justify}
.zxft .zxft_title_01 h3{font-size:17px;display:-webkit-box;line-height: 35px;}
.zxft .zxft_title_01 p{color: #666666; line-height: 28px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; padding: 0 5px;}