.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 0.1rem;border: 1px solid #1658a0;}
.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:2.4rem 0; color: #ffffff; line-height: 3.4rem; font-size: 1.6rem; float: left;}
.search_area{ float: right; height: 5.4rem; margin-top: 1.3rem; box-sizing: border-box; width: 55rem; background-color: #ffffff; border: 1px solid #ffffff; border-radius:8px; overflow: hidden;}
.aged_link{ font-size: 0; height: 4.4rem; display: block; float: right; margin-top: 1.6rem;}
.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: 0.1rem; top: 0.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;}
.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;}
.aged_link a.aged_link_02{ background: url(21_header_bar2.png) no-repeat center bottom #4674c0;}
.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: .12rem; 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;}

@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; background: none #1658a0;}
	.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>ul::-webkit-scrollbar{ display:none;}
	.menu li{float: initial;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;}
	.sub_menu{ display: none !important;}
	.area_weather,.aged_link .aged_link_02{ display: none;}
	.search_area{ width:100%; left: .16rem; transform: translateX(0); height: .52rem; overflow: hidden;}
	.search_area .input-group-addon:first-child i{ top: .17rem;}
	.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;}
	.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;}
	
}
@media screen and (max-width:768px) {
	.aged_link a{ font-size: .16rem;}
}
@media screen and (max-width:600px) {
}



.footer{ background-color: #f8f8f8; margin: 0rem auto 0; box-shadow: 0 0 6px rgba(0,0,0,.05); position: relative; z-index: 20;}
.out_links{ padding:.16rem 0; position: relative; font-size: .14rem;}
.out_links>ul{*width: 100%;}
.out_links>ul>li p{ padding-left: 15px; line-height:.4rem; border: 1px solid #e5e5e5; background-color: #ffffff; position: relative; cursor: pointer; transition: .3s all; z-index: 6;}
.out_links>ul>li p::before{ content: ''; position: absolute; right:13px; top:15px; transition: .3s all; width:10px; height: 6px; background: url(21_header_arr2.png) no-repeat;}
.out_links>ul>li ul{display: none;position: absolute;left: 10px;right: 10px;z-index: 5;bottom: .4rem;background-color:#ffffff;padding: 15px 20px 15px 30px;border: 1px solid #eeeeee;}
.out_links>ul>li ul li{ float: left; width:14.28571%; line-height: 30px;}
.out_links>ul>li p:focus + ul{ display: block;}
.website_info{ line-height:.4rem; font-size: .14rem; padding-top:.14rem; }
.website_info p em{ font-style: normal; margin: 0 8px;}
.website_info p img{ margin-right: 8px;}
.website_info p span{ margin-right:20px;}
.website_info p span:last-child{ margin-right: 0;}
.media_info h3{ font-size:.14rem; line-height:.42rem;}
.media_info li{ width: 50%; float: left; margin-bottom: 9px; position: relative; z-index: 4;}
.media_info li a{ display: block; margin-right: 6px; line-height:.38rem; height:.38rem; padding-left: 55px; background-color: #ebebeb; position: relative; font-size: 14px;}
.media_info li a:hover{ background-color: #1658a0; color: #ffffff;}
.media_info li a span{ width: 24px; height: 24px; line-height: 24px; position: absolute; top:7px; left: 17px; overflow: hidden; font-size: 24px; color: #666666;}
.media_info li:hover span{ color: #ffffff;}
.media_info li .ewm_tu{ position: absolute; right: 100%; top: 50%; transform: translateY(-50%); text-align: center; width: 126px; height: 126px; line-height: 126px; display: none; background-color: #ffffff;}
.media_info li:hover .ewm_tu{ display: block;}
.media_info li:hover{ z-index: 5;}
.error_img{ padding-top: 20px; text-align: right; margin: 0 -10px;}
.error_img span{ display: inline-block; line-height: 88px;}
.copyright_info{ border-top: 1px solid #e2e2e2; padding: 12px 0; margin-top: 22px; line-height: 26px; font-size: 14px;  text-align: center;}
.copyright_info p span{ margin: 0 12px;}
/* .media_info li{  padding: 8px; height: auto; font-size: 14px; background-color: #efefef;}
.media_info li h3{ font-weight: normal; font-size: 14px; line-height: 24px; padding-top: 15px;}
.media_info li p{ color: #999999; line-height: 20px;}
.media_info li img{ float: left; width:70px; height: 70px; margin-right: 20px;} */
.media_info ul:nth-child(3) li{ width: 33.3%; text-align: center;}
.media_info ul:nth-child(3) li a{ padding-left: 0;}
@media screen and (max-width:1280px) {
/* 	.media_info li{ width:80%;} */
}

@media screen and (max-width:992px) {
	.footer{ margin-top: .2rem;}
	.out_links{ text-align: center; line-height:.15rem; font-size: 0;display: none;}
	.out_links li[class*=trt-col-]{ width: auto; display: inline-block; padding: 0 .16rem; float: inherit; font-size: .14rem; position: relative;}
	.out_links li::before{ content: ''; position: absolute; right: 0; width: 1px; top: 50%; margin-top: -10px; height: 20px; background-color: #cccccc;}
	.out_links li:last-child::before{ display: none;}
	.out_links>ul>li p::before,.error_img,.media_info{ display: none;}
	.out_links>ul>li p{ border: none; background-color: transparent; line-height:.24rem; padding-left: 0; font-size: .14rem;}
	.website_info{ text-align: center;}
	.copyright_info p:last-child{ display: none;}
	.out_links>ul>li ul{ position: fixed; top:20px; bottom:20px; right: 20px; left: 20px; z-index: 999; overflow-y: auto; padding: .16rem;}
	.out_links>ul>li ul li{ width: 100%; text-align: left; line-height: .4rem; border-bottom: 1px solid #eeeeee;}
	.website_info{line-height: .34rem;}
	.website_info p span{ display: block; margin: 0 auto;}
	.website_info a{display: inline-block;margin: 0 .1rem;}
	.website_info em{ display: none;}
	.tab3 td{
		padding: 23px 20px;
	}
	.tab3 td.td1{
		padding-left: 20px;
	}
}