@charset "UTF-8";
.body{ background-color: #f8f8f8;}
/*有背景图的时候加上这个类名*/
.page_bg{}
.header{ height: 1.2rem; background-color: #ffffff; position: relative; z-index: 3;}
.logo{ top:50%; transform: translateY(-50%); position: absolute;}
.header_line{ padding-top: .15rem; text-align: right;}
.header_link_01,.header_link_02,.header_line>span{ display: inline-block; }
.header_link_01{ font-size: 0;}
.header_link_01 a{ margin: 0 .04rem; color: #1658a0; border-radius: .06rem; padding: 0 .1rem;}
.header_link_02{ margin: 0 .08rem 0 .04rem;}
.header_link_02 a{ position: relative; padding: 0 .12rem; font-size: .14rem;}
.header_link_02 a::after{ position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); height: .14rem; width: 2px; background-color: #7d7d7d;}
.header_link_02 a:last-child::after{ display: none;}
.header_line>span{ padding:.02rem .1rem; border: 1px solid #666666; color: #666; border-radius: .12rem; font-size: .12rem; float: right;}
.menu ul{ text-align: right; padding-top: .07rem;}
.menu li{ display: inline-block; margin-left: .3rem;}
.menu li a{ padding: .15rem 0 .14rem 0; font-weight: bold; line-height: .4rem; font-size: .24rem; display: block; position: relative;}
.menu li.on a{ color: #1658a0;}
.menu li a::before{ display: none; position:absolute; content:''; left:50%; transform:translateX(-50%) rotate(45deg); width:.16rem; height:1.6rem; background-color:#1658a0; bottom:-.08rem;}
.search_fixed{ display: none;}
.header .row{ overflow: hidden;}
.banner_header{ background-color: #1658a0; height: .8rem; position: relative; z-index: 2; overflow: hidden;}
.area_weather{ padding:.24rem 0; color: #ffffff; line-height: .34rem; font-size: .16rem; float: left;}
.search_area{ float: right; height: .54rem; margin-top: .13rem; box-sizing: border-box; width: 5.5rem; background-color: #ffffff; border: 1px solid #ffffff; border-radius:8px; overflow: hidden;}
.slb .search_area{width: auto;}
.aged_link{ font-size: 0; height: .44rem; display: block; float: right; margin-top: .16rem;}
.search_area .input-group-addon{ background-color: transparent; border: none;}
.search_area .input-group-addon:first-child{ position: relative;}
.search_area .input-group-addon:first-child span{ display: block; text-align: left; padding-left: .2rem; line-height: .52rem; position: relative; font-size: .16rem; color: #333333;}
.search_area .input-group-addon:first-child i{position: absolute;right: .28rem;top: .2rem;font-size: .14rem;}
.search_area .input-group-addon:first-child::before{ position: absolute; content: ''; right:.1rem; width: 1px; height: .2rem; top: 50%; margin-top: -.1rem; background-color: #c8c8c8;}
.search_area .form-control{ border: none; background-color: transparent; color: #333333; height: .52rem; line-height: .52rem; padding-left: 0;}
.search_area .form-control::-webkit-input-placeholder{ color: #999999;}
.search_area .input-group-addon:last-child .btn_base{ padding: 0; width: 100%; height: .52rem; border-radius: 0;}
.search_area .btn_base{ margin-left:.01rem;}
.search_area .btn_base i{ font-size: .24rem; color: #ffffff; margin-right: .08rem; }
.header.fixed{ position: fixed; left: 0; top: 0; right: 0; z-index: 997; height:auto;}
.header.fixed .header_line,.header.fixed .menu li.on a::before{ display: none;}
.header.fixed .logo{ width: 33.3333%; float: left; position: relative; top: inherit; transform: translateY(0); -ms-transform: translateY(0); padding: .1rem 0;} 
.header.fixed .menu{ float: left;}
.header.fixed .menu li.on a::before{ display: none;}
.header.fixed .sub_menu{ display: none !important;}
.header.fixed .search_fixed{ display: block; position: absolute; right: .1rem; top: .2rem; width: 1.7rem; padding: 0 .12rem 0 .08rem; background: #fff; border: 1px #c8c8c8 solid; height: .34rem; border-radius: .17rem;}
.search_fixed .form-control{ border: none; padding: 0 .1rem; line-height: .34rem; background-color: transparent; font-size: .14rem; width: 86%; display: inline-block; float: left;}
.search_fixed .btn_base{ padding: 0; line-height: .3rem;}
.search_fixed .btn_base i{ font-size: .16rem;}
.page_bg .header{ border-bottom: 8px solid #1658a0; height: 1.28rem;}
.page_bg .banner_header .row_a{width:5.76rem;margin: 0 auto;padding-top:.9rem;overflow: hidden;}
.page_bg .banner_header{ background: url(21qzwlj_bg.jpg) no-repeat center top transparent; background-size: cover; height:3.4rem;}
.page_bg .search_area{width: 100%;background-color: #ffffff;border: 1px solid #1658a0; margin-top: 0; position: relative;top: inherit;right: inherit;height: .54rem;}
.page_bg .area_weather{height: .4rem;line-height: .4rem; float: none;padding: 0;text-align: center;color: #1658a0;}
.page_bg .search_area .input-group-addon:first-child span{ color: #333;}
.page_bg .search_area .input-group-addon:first-child span::before{ background-image: url(21_header_arr1.png);}
.page_bg .search_area .btn_base i{ color: #ffffff;}
.page_bg .aged_link{text-align: center; float: inherit;}
.page_bg .aged_link{ margin-top: .15rem;}
.aged_link a{ font-size:.22rem; font-weight: bold; display: inline-block; color: #ffffff; padding: 0 .16rem; height: .5rem; line-height: .5rem; border-radius: 8px; margin-left: .1rem;}
.aged_link a.aged_link_01{ background: url(21_header_bar1.png) no-repeat center bottom #e66531; max-width: 5rem; margin: 0 auto;}
.aged_link a.aged_link_02{ background: url(21_header_bar2.png) no-repeat center bottom #4674c0;}
.slb .aged_link a.aged_link_02{display: none;}
.aged_link a i{ font-weight: normal; font-size:.24rem;}
.sub_menu{ background-color: #1658a0; font-size: .18rem; color: #ffffff; position: absolute; left: 0; right: 0; top: 1.2rem; display: none;}
.sub_menu .row{ padding: .1rem 0;}
.sub_menu .trt-row .trt-col-16{ border-right: 1px solid #ffffff;}
.sub_menu .trt-row .trt-col-16 p{ line-height: .3rem;}
.sub_menu .trt-row .trt-col-16 p span{ display: inline-block; margin-right: .2rem; font-weight: bold;}
.sub_menu a{ color: #ffffff; display: inline-block; font-weight: bold; margin: 0 .1rem;}
.sub_menu .trt-row .trt-col-16 p a{ font-weight: normal; margin-right: .12rem;}
.sub_menu .trt-col-8{ padding-left: .3rem; line-height: .3rem;}
.sub_menu .trt-col-8 a{ width:calc(33.3% - .2rem); float: left;}
.sub_menu .row{ display: none; text-align: center;}
.sub_menu .row:first-child{ text-align: left;}
.sub_menu .row>a{ line-height: .6rem;}


.banner_header .row_a{width: 78%; overflow: hidden; float: left;}
.page_bg .banner_header .row_a{ float:none;}
.slb .search_area .input-group-addon:first-child i{display: none;}
.slb .search_area .input-group-addon:last-child .btn_base{font-size: 0;}

@media screen and (max-width:1280px) {
	
	.logo{ width: 40%;}
	.menu li{ margin-left: .2rem;}
	.menu li a{ font-size: .2rem;}
	.search_area{ width: 30%;}
	.page_bg .banner_header .row_l{ width: 50%;}
	.search_area .input-group-addon:first-child i{ right: .2rem;}
	.search_area .input-group-addon:first-child span{ padding-left: .16rem;}
}
@media screen and (max-width:992px) {
	.header{ height: auto;}
	.header_line{ padding-top: 0;}
	.page_bg .header{ border-bottom: 0;}
	.page_bg .banner_header{ /* height: .8rem; */ height:inherit; background: none #1658a0; padding-bottom:.1rem}
	.page_bg .banner_header .row_a{overflow: hidden;}
	.page_bg .aged_link{ display: block !important; overflow: hidden; height: .5rem; margin-top: .1rem;}
	.header.fixed .logo,.logo{ width: 90%; position: relative; top: inherit; transform: translateY(0); padding-top: .19rem;}
	.header_link_01, .header_link_02, .header_line>span{ display: none;}
	.page_bg .search_area{ border:2px solid #ffffff; overflow: hidden;}
	.page_bg .banner_header .row_a{ width: 100%; padding-top:.13rem;}
	.menu ul{ text-align: left; white-space: nowrap; overflow-x: auto;}
	.menu li{ float: inherit; display: inline-block; margin:0 .2rem 0 0;}
	.menu li a{ padding:.1rem 0;}
	.menu li.on a::before,.header.fixed .search_fixed{ display: none;}
	.slb .menu li{min-width: 1rem; margin-right: 0 !important; padding-right: 0;}
	.sub_menu{ display: none !important;}
	.aged_link a.aged_link_01{ max-width: 100%;}
	.area_weather,.aged_link .aged_link_02{ display: none;}
	.search_area{ width:100%; left: .16rem; transform: translateX(0); height: .52rem; overflow: hidden;}
	.slb .search_area{ width:100%; }
	.search_area .input-group-addon:first-child i{ top: .17rem;display: none;}
	.banner_header{ height:.8rem;}
	.banner_header .row{ padding: 0 .16rem;}
	.search_area .input-group-addon:last-child .btn_base{ margin-left: -.24rem;}
	.search_area .input-group-addon:first-child span{ text-align: left; padding-left: .1rem;}
	.search_area .btn_base i{ font-size: .2rem; margin-right: 0;}
	.page_bg .banner_header .row_l{ width:100%; padding-top: 0; float: inherit;}
	.page_bg .search_area{ left: 0;}
	.search_area .input-group-addon:first-child span{ padding-left: 0; text-align: center;}
	.search_area .input-group-addon:last-child .btn_base{ margin-left: 0; font-size: 0;}
	.slb .page_bg .search_area .input-group-addon:first-child span{padding-right: .2rem;}
	.slb .search_area .input-group-addon:last-child .btn_base{font-size: 0;}
	.slb .search_area .btn_base i{margin-right: 0; display:inline-block !important;}
	.slb .page_bg .search_area .input-group-addon:first-child i{display: block;}
	.slb .banner_header .row_a{width: 100%;}
	.slb .banner_header{height: inherit; overflow: hidden;padding-bottom: .2rem;}
	.slb .aged_link{width: 100%; text-align: center;}
	.banner_header .row_a{width: 72%;}
}
@media screen and (max-width:768px) {
	.aged_link a{ font-size: .16rem;display: block; margin-left: 0;}
}
@media screen and (max-width:414px) {
	.slb .page_bg .search_area .input-group-addon:first-child span{padding-right:.1rem;}
	.slb .page_bg .search_area .input-group-addon:first-child i{display: none;}
}
.aged_link a {color: #ffffff;}
.slb .logo {top: 0.3rem;}
.slb .search_area{width: 65%;}
.slb .search_area .input-group-addon:first-child {width: 20.5%;}
@media screen and (max-width: 992px){
.header.fixed .logo, .logo {width: 78%;position: relative;top: inherit;transform: translateY(0); padding-top: 0.12rem;}
.slb .logo {top: 0.1rem;}
}
@media screen and (max-width: 992px){
	.slb .search_area {width: 100%;}
}