@font-face {
  font-family: "iconfont_hf"; /* Project id 2749620 */
  src: url('iconfont_hf.woff2') format('woff2'),
       url('iconfont_hf.woff') format('woff'),
       url('iconfont_hf.ttf') format('truetype');
}

.iconfont_hf {
  font-family: "iconfont_hf" !important;
  font-size: 1.6rem;
  vertical-align: top;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-yidongAPP:before {
  content: "\e689";
}

.icon-youxiang:before {
  content: "\e604";
}

.icon-qrcode-1-copy:before {
  content: "\e613";
}

.icon-weibo:before {
  content: "\e683";
}

.icon-weixin1:before {
  content: "\e693";
}

.icon-sousuo:before {
  content: "\e62f";
}

.icon-minzhengtong:before {
  content: "\e607";
}

.icon-ishamen:before {
  content: "\e611";
}

.icon-laoren:before {
  content: "\e63a";
}

.icon-canjirentongdao:before {
  content: "\e60b";
}


.header{ height: 120px; background-color: #ffffff; position: relative; z-index: 3;}
.logo{ top:50%; transform: translateY(-50%); position: absolute;}
.header_line{ padding-top: 2.6rem; 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 .4rem; color: #1658a0;}
.header_link_02{ margin: 0 .8rem 0 .4rem;}
.header_link_02 a{position: relative;padding: 0 1.2rem;font-size: 1.4rem;}
.header_link_02 a::after{ position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); height: 1.4rem; width: 2px; background-color: #7d7d7d;}
.header_link_02 a:last-child::after{ display: none;}
.header_line>span{padding:.2rem 1.2rem;border: 1px solid #666666;color: #666;border-radius: 12px;font-size: 1.2rem;}
.nav{ margin-top: 1rem;}
.nav ul{ text-align: right;}
.nav li{ display: inline-block; margin-left: 3rem;}
.nav li a{ padding: .5rem 0 1.4rem 0; font-weight: bold; line-height: 4rem; font-size: 2.4rem; display: block; position: relative;}
.nav li.on a{ color: #1658a0;}
.nav li a::before{ display: none; position:absolute; content:''; left:50%; transform:translateX(-50%) rotate(45deg); width:1.6rem; height:16rem; background-color:#1658a0; bottom:-.8rem;}
.search_fixed{ display: none;}
.header .row{ overflow: hidden;}
.banner_header{ background-color: #1658a0; height: 8rem; position: relative; z-index: 2;}
.area_weather{ float: left; padding:2.4rem 0; color: #ffffff; line-height: 3.4rem; font-size: 1.6rem;}
.search_area{ position: absolute; width: 38.461538%; left: 50%; top: 1.5rem; transform: translateX(-50%); -ms-transform: translateX(-50%); background-color: rgba(255,255,255,.2); height: 5rem; border-radius: 8px; box-sizing: border-box;}
.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; line-height: 5rem; position: relative; font-size: 1.6rem; color: #ffffff;}
.search_area .input-group-addon:first-child span::before{ content:''; background: url(21_header_arr.png) no-repeat center; position: absolute; right:8%; top:50%; margin-top: -.6rem; width: .9rem; height: 1.2rem;}
.search_area .input-group-addon:first-child::before{ position: absolute; content: ''; right:0; width: 1px; height: 2rem; top: 50%; margin-top: -1rem; background-color: #ffffff;}
.search_area .form-control{ border: none; background-color: transparent; color: #ffffff; height: 5rem; line-height: 5rem;}
.search_area .form-control::-webkit-input-placeholder{ color: #ffffff;}
.search_area .input-group-addon:last-child .btn_base{ padding: 0; width: 100%; height: 5rem;}
.search_area .btn_base i{ font-size: 2.6rem; color: #ffffff;}
.header.fixed{border-bottom: 8px solid #1658a0; position: fixed; left: 0; top: 0; right: 0; z-index: 997; height:auto;}
.header.fixed .header_line,.header.fixed .nav 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 .nav{ float: left;}
.header.fixed .nav li.on a::before{ display: none;}
.header.fixed .nav_sub{ display: none !important;}
.header.fixed .search_fixed{ display: block; position: absolute; right: 1rem; top: 2rem; width: 17rem; padding: 0 1.2rem 0 .8rem; background: #fff; border: 1px #c8c8c8 solid; height: 3.4rem; border-radius: 1.7rem;}
.search_fixed .form-control{ border: none; padding: 0 1rem; line-height: 3.4rem; background-color: transparent; font-size: 1.4rem; width: 86%; display: inline-block; float: left;}
.search_fixed .btn_base{ padding: 0; line-height: 3rem;}
.search_fixed .btn_base i{ font-size: 1.6rem;}
.page_bg .header{ border-bottom:8px solid #1658a0;}
.page_bg .banner_header{ background-color: transparent; height: 339px; padding-top: 11rem;}
.page_bg .banner_header .row{ width: 46.4rem; background-color: rgba(22,88,160,.6); padding: 2rem;}
.page_bg .search_area{ width: 100%; background-color: #ffffff; border: none; border-radius: 4px; position: relative; top: inherit; left: inherit; transform: translateX(0); -ms-transform: translateX(0);}
.page_bg .area_weather{ margin-bottom: .4rem; float: inherit; padding: 0;}
.page_bg .search_area .form-control{ background-color: #ffffff; color: #555;}
.page_bg .search_area .form-control::-webkit-input-placeholder{ color: #555;}
.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 .input-group-addon:first-child::before{ background-color: #999999;}
.page_bg .search_area .btn_base i{ color: #1658a0;}
.page_bg .aged_link{text-align: center; float: inherit;}
.page_bg .aged_link{ margin-top: 1.6rem;}

.ban_bg{ background: url(21xmzfj_head_bg.jpg) no-repeat center #1658a0;}
.ban_bg .search_area{ right: 0; left: inherit; transform: translateX(0%); -ms-transform: translateX(0%); border-radius: 25px;}
.ban_bg .search_area button{ text-align: left;}
@media screen and (max-width:1300px) {
	.logo{ width: 40%;}
	.nav li{ margin-left: 2rem;}
	.nav li a{ font-size: 2rem;}
}
@media screen and (max-width:992px) {
	.header{ height: auto;}
	.header_line{ padding-top: 0;}

	.header .fixed .logo,.logo{width: 100%;position: relative;top: inherit;transform: translateY(0);padding: 1.9rem 0;}
	.header_link_01, .header_link_02, .header_line>span{ display: none;}
	.nav ul{ text-align: left; white-space: nowrap; overflow-x: auto;}
	.nav li{ float: inherit; display: inline-block; margin:0 2rem 0 0;}
	.nav li a{ padding:1rem 0;}
	.nav li.on a::before,.header.fixed .search_fixed{ display: none;}
	.nav_sub{ display: none !important;}
  .search_area{width:100%}

}
@media screen and (max-width:768px) {
	
}
@media screen and (max-width:600px) {
	.page_bg .banner_header .row{ width: 90%; margin-top: 3.2rem;}
}