.area_weather{line-height: inherit;}
.trt-row{margin: 0 -16px;}
.trt-row>[class*=trt-col-]{padding: 0px 16px;}
.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%;}
.banner_header{ background:#1658A0 url(21yjgl_header_bg.jpg) no-repeat center;}
/*轮播图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:8px; border-radius: 4px; overflow: hidden; text-align: center; cursor: pointer; margin: 0 4px; background-color: #ffffff; opacity: 0.5;}
.slideBox_08 .num li.on{ opacity: 1; width: 18px;}
.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(21gxj_ll.png);}
.slideBox_08 .next{right: 0px; top: 50%; margin-top: -20px; background: url(21gxj_rr.png);}
@media screen and (max-width:999px) {
	.slideBox_08 .txt li{ padding: 10px;}
}
.con_top{border-bottom: 2px solid #e6e6e6;}
.con_top ul li{float: left; margin-right: 32px; margin-bottom: -2px;}
.con_top ul li a{display: block; transition: ease-in-out 0.3s; color: #555555; border-bottom: 2px solid #e6e6e6;font-size: 20px; font-weight:bold; padding: 0px 2px; padding-bottom: 10px;}
.con_top ul li:hover a,.con_top ul li.on a{border-bottom: 2px solid #1658A0; font-weight: bold; color: #1658A0;}
.con_top ul li:last-child a{margin-right: 0px;}
.list ul li{line-height: 50px; height: 50px; padding-left: 20px; background: url(21yjgl_dian.png) no-repeat 5px center;}
.list ul li a{max-width: 75%; 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:hover a{padding-left: 5px;}
.con_ul ul{margin-right: -32px;}
.con_ul ul li {float: left; width: 33.33%;}
.con_ul ul li a{display: block; margin-right: 32px; line-height: 80px; height: 80px; background: #FFFFFF; border-radius:8px; text-align: center;font-size: 18px; color: #1658A0; font-weight: bold;}
.con_ul ul li a span{display: inline-block; width: 36px; text-align: center; margin-right: 10px;}
.con_img img{width: 100%;}
.con_l_ul ul{margin-right: -24px;}
.con_l_ul ul li{width:25%; float: left; margin-bottom: 16px;}
.con_l_ul ul li a{display: block; transition: ease-in-out 0.3s; line-height: 50px; height: 50px; color: #FFFFFF; border-radius:4px; text-align: center; background: #7ba9d9; margin-right: 24px;}
.con_l_ul ul li:hover a{background: #1658A0; box-shadow: 0 3px 5px rgba(22,88,160,0.3);}
.con_rr{background:#f4f8fc url(21yjgl_img3.jpg) no-repeat top right; padding: 20px 32px;}
.con_r_tit {font-size: 20px; font-weight: bold; color: #1658A0;}
.con_r_ul ul{margin-right: -16px;}
.con_r_ul ul li{width: 50%; float: left; margin-top: 10px;}
.con_r_ul ul li a{display: block; margin-right: 16px; line-height: 50px; height: 50px; text-align: center; background: #FFFFFF; border-radius:4px;}
.con_r_ul ul li a span{display: inline-block; margin-right: 15px;}
.con_r_ul ul li a span i{color: #1658A0; font-size: 20px;}
.con_r_anniu ul li a{display: block; line-height: 52px; height: 52px; border-radius:4px; text-align: center; background: #1658A0;font-size: 18px; font-weight: bold; color: #FFFFFF; margin-top: 10px;}
.ztzl_ban{background: #FFFFFF; box-shadow: 0 0 8px rgba(22,88,160,0.2); padding: 32px; padding-bottom: 16px;}
.ztzl_ul ul{margin-right: -30px;}
.ztzl_ul ul li{width: 20%; float: left;}
.ztzl_ul ul li a{display: block; margin-right: 30px;}
.ztzl_ban .hd{text-align: center; margin-top: 12px;}
.ztzl_ban .hd ul li{display: inline-block;width: 12px; height: 12px; cursor: pointer; background: #cccccc; border-radius: 50%; margin: 0px 2px;}
.ztzl_ban .hd ul li.on,.ztzl_ban .hd ul li:hover{background: #1658A0;}
/*底部图片轮播样式*/
.picScroll-left .hd{ height:40px; line-height:40px;   overflow:hidden;   padding:0 10px;  }
.picScroll-left .hd li{  width:8px; height:8px; margin:0 5px; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.ztzl_img ul li{margin-top: 24px;}
.header_line{padding-top:1.5rem;}
.btn_small{padding: 0 1rem;}
.zq_div{padding: 24px; padding-top: 16px; border: 1px solid #E5E5E5;}
.list.li3 ul li{float: left; width: 50%; box-sizing: border-box;}
.zddt_con{ position: relative; display: flex; border: 1px solid #f7f7f7; margin-top: 32px; align-items: center; justify-content:space-between;}
.zddt_con::before{ background-color: #f7f7f7; left: 0; top: 0; bottom: 0; width: 175px; content: ''; position: absolute; z-index:1;}
.zddt_con::after{ background-color: #ffffff; left: 165px; top: 50%; transform: translateY(-50%) rotate(45deg); width:18px; height: 18px; content: ''; position: absolute; z-index:3;}
.zddt_l{ width:175px; align-items: center; font-size: 18px; justify-content: center; line-height: 36px; position: relative; z-index: 2; text-align: center; padding: 27px 0 15px 0; }
.zddt_l img{ margin-bottom: 10px;}
.zddt_r{ padding: 21px 10px 21px 39px; position: relative; z-index: 2; margin-left: auto; flex: 1;}
.zddt_r li{ float:left; width: 20%; line-height: 36px; background: url(21xmxa_dot1.png) no-repeat left center;}
.zddt_r li a{ padding-left: 18px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.con_zxft{margin-top: 20px;}
.con_zxft_r h1{font-size: 20px; margin-bottom: 10px;}
.con_zxft_r p{line-height: 26px; color: #999999;}
.con_zxft_tit{background: #FFFFFF; padding:10px 20px;}
.con_zxft_top h1{ font-size: 20px; margin-bottom: 12px; color: #1658A0;}
.con_zxft_ul ul li{height: 36px; line-height: 36px;margin-bottom: 12px;}
.con_zxft_ul ul li a{display: block; border: 1px solid #D1E4F9; border-radius:6px; padding-right: 20px; background: #f9fcff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.con_zxft_ul ul li span{float: left; width: 40px; text-align: center;}
.con_zxft_ul ul li span i{color: #1658A0; font-size: 20px;}
.con_top_ul{margin-top: 5px;}
.con_top_ul .list ul li a,.con2_ul .list ul li a{max-width: 100%;} 
.content_a{background: #f4f8fc; padding: 32px 0px; margin: 32px 0px;}
.con2_div{background: #FFFFFF; height: 350px; padding: 24px; box-shadow: 0 0 10px rgba(22,88,160,0.1);}
.con2_tit ul{margin-right: -24px;}
.con2_tit ul li{width: 50%; float: left;}
.con2_tit ul li a{display:block; transition: ease-in-out 0.3s; margin-right: 24px; height: 60px; background: #1658A0; line-height: 60px; margin-bottom: 20px; font-size: 18px; font-weight: bold; color: #FFFFFF; border-radius:6px;}
.con2_tit ul li a span{display: block; float:left; width: 46px; text-align: center;}
.con2_tit ul li a i{font-weight: normal; font-size: 24px;}
.con2_tit ul li a:hover{box-shadow: 0px 0px 10px rgba(22,88,160,0.4);}
.con3_ul ul {margin-right: -24px;}
.con3_ul ul li{width: 50%; float: left;}
.con3_ul ul li a{display: block; margin-right: 24px; border: 1px solid #D1E4F9; color: #333; background: #f9f9f9; margin-bottom: 18px; height: 46px; line-height: 46px; border-radius:8px; text-align: center;}



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