﻿.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%;}
.max_img.li3 i{padding-top: 38.7096%;}
/*轮播图08样式*/
.slideBox_08 { position: relative; overflow: hidden; margin: 0px auto; }
.slideBox_08 .pic img { height:370px; display: block; margin:0 auto;}
.slideBox_08 .pic p{position: absolute; bottom: 0; left: 20px; right: 0; height: 66px; line-height: 66px; overflow: hidden;color: #FFFFFF; font-size:1.8rem; z-index: 2}
.slideBox_08 .txt-bg { position: absolute; bottom:0px; z-index: 1; height:93px; left:0px; right:0px; background: url(21ly_bar_bg.png) repeat-x bottom; overflow: hidden; }
.slideBox_08 .txt { position: absolute; z-index: 2; left:0px; right:0px; bottom:0px; overflow: hidden; height: 130px; }
.slideBox_08 .txt li { line-height: 66px; position: absolute; left: 0px; right: 0px; bottom:66px; padding-left: 20px; padding-right: 40%; overflow: hidden;}
.slideBox_08 .txt li a { display: block; color: white; font-size: 1.8rem; font-weight: bold; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.slideBox_08 .num { position: absolute; z-index: 3; bottom:28px; right:20px; font-size: 0; text-align: right; }
.slideBox_08 .num li { display:inline-block; *display: inline; *float: left; font-size: 1.2rem; width:10px; height:10px; border-radius: 50%; overflow: hidden; text-align: center; cursor: pointer; margin: 0 4px; background-color: #ffffff; opacity: 0.5;}
.slideBox_08 .num li.on{ opacity: 1;}
.slideBox_08 .prev,.slideBox_08 .next{position: absolute;width: 40px; height: 40px; z-index: 3;}
.slideBox_08 .prev{left: 0px; top: 50%; margin-top: -20px; background: url(21wlj_ll.png);}
.slideBox_08 .next{right: 0px; top: 50%; margin-top: -20px; background: url(21wlj_rr.png);}
@media screen and (max-width:999px) {
	.slideBox_08 .txt li{ padding: 10px;}
}
.list ul li{line-height:42px; height:42px; padding-left: 20px; background: url(21wlj_dian2.png) no-repeat 5px center;}
.list ul li a{width: 80%; transition: ease-in-out 0.3s; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block;}
.list ul li span{float: right; color: #999999;}
.list ul li a:hover{padding-left: 5px;}
.nesw{background: #FFFFFF;}
.nesw_l{background: #f8f8f8; padding: 32px 32px 16px 32px;}
.tit1 a{display: block;padding-left: 14px; background: url(21wlj_dian1.png) no-repeat left center; font-size: 20px; color: #1658A0;font-weight: bold;}
.tit2{line-height: 48px;}
.tit2 ul li{float: left; margin-right: 20px;}
.tit2 ul li a{display: block; line-height: 48px; font-size: 20px; transition: ease-in-out 0.3s; height: 48px; padding: 0px 24px; background: #f8f8f8; border-radius:4px;}
.tit2 ul li:last-child{margin-right: 0px;}
.tit2 ul li:hover a,.tit2 ul li.on a{background: #1658A0;color: #FFFFFF;}
.sp_a a{color: #999999;}
.news_r .list ul li{line-height: 60px; height: 60px; border-bottom: 1px dashed #dddddd;}
.con_tit{text-align: center;position: relative; height: 32px; line-height: 32px;}
.con_tit h1{display: inline-block; background: #FFFFFF; position: relative; z-index: 2;}
.con_tit h1 a{font-size: 24px; color: #1658A0; padding: 0 24px;}
.con_tit span {display: inline-block; position: relative; z-index: 2; width: 24px; margin-bottom: -4px; height: 24px; background:#FFFFFF url(21wlj_icon1.png) no-repeat center;}
.con_tit_a::before{position: absolute; height: 1px; background: #ddecfe; top:64%; left: 70px; right: 70px; content:' ';}
.con_tit::before,.con_tit::after{width: 70px;display: block; content:' '; height: 32px;position: absolute; top: 1px; }
.con_tit::before{right: 0px; background: url(21wlj_tit_r.png) no-repeat center;}
.con_tit::after{left: 0px; background: url(21wlj_tit_l.png) no-repeat center;}
.con_zwgk_l ul li a{display: block; transition: ease-in-out 0.3s; padding-top: 10px; text-align: center; height: 110px; box-shadow:0 0 15px rgba(22,88,160,0.1);}
.con_zwgk_l ul li a span{display: block; height: 60px; line-height: 60px;}
.con_zwgk_l ul li a i{color: #1658A0;font-size: 30px;}
.con_zwgk_l ul li a:hover {box-shadow:0 0 15px rgba(22,88,160,0.3);} 
.tit3{height: 50px; line-height: 50px; background: url(21wlj_tit1.png) no-repeat left center;}
.tit3 h1{color: #FFFFFF;font-weight: normal; font-size: 20px; padding-left: 16px; float: left;}
.tit3.li{background: url(21wlj_tit2.png) no-repeat left center;}
.con_zwgk_ul{background: url(21wlj_bg2.png) no-repeat right bottom;}
.con_zwgk_ul ul li a{display: block; line-height: 68px; height: 68px;border-bottom:1px solid #dddddd ;}
.con_zwgk_ul ul li a i{color: #1658A0; margin-right: 10px;}
.con_bsfw ul li a{display: block; transition: ease-in-out 0.3s; font-size: 20px; position: relative; box-shadow: 0 0 8px rgba(22,88,160,0.15); height: 116px; line-height: 116px;}
.con_bsfw ul li em{display: block;float: left;  margin-left: 24px; margin-right: 24px;}
.con_bsfw ul li span{display: inline-block; width: 72px; height: 72px; line-height: 70px; text-align: center; border-radius:50%;}
.con_bsfw ul li span.icon1{box-shadow:0 4px 0 rgba(221,236,254,0.8);background: linear-gradient(to right, rgba(84,155,230,1) 0%, rgba(22,89,160,1) 100%);}
.con_bsfw ul li span.icon2{box-shadow:0 4px 0 rgba(187,239,254,0.8);background: linear-gradient(to right, rgba(97,222,211,1) 0%, rgba(78,184,175,1) 100%);}
.con_bsfw ul li span.icon3{box-shadow:0 4px 0 rgba(238,118,66,0.1);background: linear-gradient(to right, rgba(255,153,102,1) 0%, rgba(230,101,48,1) 100%);}
.con_bsfw ul li span.icon4{box-shadow:0 4px 0 rgba(238,118,66,0.1);background: linear-gradient(to right, rgba(237,99,93,1) 0%, rgba(181,46,51,1) 100%);}
.con_bsfw ul li a:hover{box-shadow: 0 0 8px rgba(22,88,160,0.3);}
.con_hdjl_l_l{width: 140px; margin-right: 24px; padding-top: 8px; text-align: center; height: 120px; border-right:1px solid #dddddd;}
.con_hdjl_l_l span{width: 77px; line-height: 77px;height: 77px; text-align: center; border-radius:50%; background: #ddecfe; display: block; margin: 0 auto;}
.con_hdjl_l_l span i{color: #1658A0; font-size: 40px;}
.con_hdjl_l_l p{font-size: 18px; font-weight: bold; color: #1658A0; margin-top: 10px;}
.con_hdjl_l_r{padding: 12px 0px;}
.con_hdjl_l_r ul li{font-size: 18px; line-height: 32px; height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.con_hdjl_l_r ul li span{font-weight: bold;}
.con_hdjl_r ul li a{transition: ease-in-out 0.3s; display: block; height: 120px; padding-top: 4px; background: #f3f9ff; text-align: center;}
.con_hdjl_r ul li a:hover{box-shadow: 0 0 8px rgba(22,88,160,0.3);}
.con_hdjl_r ul li a span {display: block; height: 70px; line-height: 70px;}
.con_hdjl_r ul li a i{color: #1658A0; font-size: 36px;}
.con_hdjl_r ul li a p{font-size: 18px;}
.tit4{ line-height: 46px; height: 46px; border-bottom: 2px solid #d9d9d9;}
.tit4 ul li{float: left; margin-right: 24px;}
.tit4 ul li a{border-bottom: 2px solid #d9d9d9; font-size: 20px; padding-bottom: 8px; margin-bottom: -2px;}
.tit4 ul li.on a,.tit4 ul li:hover a{border-bottom: 2px solid #1658A0; font-weight: bold; color: #1658A0;}
.con_wh_div{background:#f2f8ff;}
.con_wh_div .con_wh_l{width: 72px; position: relative; background: #1658A0; height: 180px; font-size: 18px; color: #FFFFFF; font-weight: bold;}
.con_wh_div .con_wh_l span{padding: 18px; position: absolute; left: 8px; top: 8px; right: 8px; bottom: 8px; display:block; line-height: 20px;border:1px solid #2e69aa;}
.con_wh_div .con_wh_l em{position: absolute; width: 20px; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
.con_wh_div .con_wh_l span::before,.con_wh_div .con_wh_l span::after{width: 25px; height: 14px; position: absolute; left: 50%; transform: translateX(-50%); content:' ';}
.con_wh_div .con_wh_l span::before{background: url(21wlj_top_t.png) no-repeat top; top: 0px;}
.con_wh_div .con_wh_l span::after{background: url(21wlj_top_b.png) no-repeat bottom; bottom: 0px;}
.con_wh_div .con_wh_r{height: 180px;overflow: hidden; padding:18px 24px;}
.con_wh_div .con_wh_r ul li{line-height: 40px; height: 40px; text-align: center; border-radius:4px; background: #FFFFFF; border: 1px solid #1658A0;}
.con_wh_div .con_wh_r ul li a{display: block; transition: ease-in-out 0.3s;}
.con_wh_div .con_wh_r ul li a:hover{box-shadow: 0 0 4px rgba(22,88,160,0.2);}
.con_wh_ul ul{margin-right: -12px;}
.con_wh_ul ul li{width: 25%; float: left; margin-top: 12px;}
.con_wh_ul ul li a{display: block; transition: ease-in-out 0.3s; border-radius:4px; background: #f2f8ff; margin-right: 12px; line-height: 52px; height: 52px; text-align: center;}
.con_wh_ul ul li a:hover{box-shadow: 0 0 4px rgba(22,88,160,0.2);}
.ztzl{background: #FFFFFF; padding: 32px; padding-bottom: 0px;}
.con_zx_tit ul li,.con_zx_tit ul li h1{height: 42px; line-height: 42px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.con_zx_tit ul li h1{font-size: 20px; color: #333333;}
.tab_li td,.tab_li th{line-height: 58px; height: 58px;}
.tab_li th{background: #f8f8f8; line-height: 60px; height:60px;}
.tab_li td{border-bottom: 1px dashed #dddddd;}
.tab_li td em,.tab_li td i{color: #999999;}
.con_hd_div {background: #f8f8f8; padding: 32px;}
.con_hd_div span{display: block;}
.con_hd_div input{width: 100%; height: 50px; border: 1px solid #efefef; border-radius:8px; padding-left: 20px;}
.con_hd_div button{width: 100%; display:block; margin-top: 20px; height: 50px; border-radius:8px; border: none; background: #1658A0; font-size: 20px; color: #FFFFFF;}
.zwgl_l{background: #f8f8f8; padding: 32px;}
.tit5 h1{float: left;font-size: 20px; color: #1658A0;}
.zwgk_ul ul{margin-right: -24px;}
.zwgk_ul ul li{width: 50%; float: left; margin-top: 24px;}
.zwgk_ul ul li a{display: block; margin-right: 24px; padding-left: 20px; line-height: 70px; height: 70px; background: #FFFFFF;}
.zwgk_ul ul li a span{display: block; float: left;width: 55px; text-align: center;}
.zwgk_ul ul li a i{color: #1658A0;font-size: 28px;}
.zwgk_tit ul li a{display: block; transition: ease-in-out 0.3s; background: #f3f9ff; padding: 8px; margin-top: 16px;}
.zwgk_tit ul li a span{position: relative; display: block; height: 100px; border:1px solid #cdddef;}
.zwgk_tit ul li a span::after,.zwgk_tit ul li a span::before{content:" ";width: 25px; height: 44px; position: absolute; top: 50%; transform: translateY(-50%);}
.zwgk_tit ul li a span::after{background:url(21wlj_tit_rr.png) no-repeat center right; right: 0px;}
.zwgk_tit ul li a span::before{background:url(21wlj_tit_ll.png) no-repeat center left; left: 0px;}
.zwgk_tit ul li a span em{top:50%; padding: 0px 36px; left: 0px; right: 0px; transform: translateY(-50%); position: absolute; text-align: center;font-size: 20px; font-weight: bold; color: #1658A0;}
.zwgk_tit ul li a:hover{box-shadow: 0 0 8px rgba(22,88,160,0.3);}
.jg_l{height:285px; width: 185px; background: url(21wlj_img4.png) no-repeat right center;}
.jg_top{line-height: 26px; height: 26px;}
.jg_top h1{float: left;font-size: 18px; font-weight: bold;}
.jg_r{height: 285px; padding:24px 32px; background: #f3f7fc; overflow: hidden;}
.jg_div_ll{background: #f3f7fc; padding: 24px;}
.jg_l_top h1{font-weight:bold; font-size: 20px;color: #1658A0; text-align: center;}
.jg_img{margin: 0 auto; width: 210px;}
.jg_l_top p{text-align: center; line-height: 60px; height: 60px;font-size: 18px;}
.jg_ul ul{margin-right:-18px;}
.jg_ul ul li{width: 33.33%; float: left; margin-top: 18px;}
.jg_ul ul li a{display: block; margin-right: 18px; background: #FFFFFF; height: 45px; line-height: 45px; border-radius:4px; text-align: center;}
.ld_top{text-align: center;}
.ld_top ul li{display: inline-block; transition: ease-in-out 0.3s;  width: 90px; text-align: center; line-height:50px; border-radius:8px; margin: 0 4px; background: #f8f8f8;}
.ld_top ul li a{display: block;}
.ld_top ul li:hover,.ld_top ul li.on{background: #1658A0;}
.ld_top ul li:hover a,.ld_top ul li.on a{color: #FFFFFF;}
.ld_div{background: #f8f8f8; padding: 40px;}
.ld_l{width: 210px; border: 1px solid #DDDDDD; margin-right: 32px;}
.ld_r{overflow: hidden; padding:16px 0px;}
.ld_r ul li{font-size: 18px; line-height: 42px;}
.ld_top ul li{margin-top: 16px;}


/*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_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_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; }



@media screen and (max-width:992px) {
	.mar_t16_sm{ margin-top: 16px;}
	.mar_t24_sm{ margin-top: 24px;}
	
	.pad20_sm{ padding:20px 0;}
}