.header{position: relative;height: 1000px;background: url(../jpg/f7pl09.jpg) no-repeat top center;}
.header_nav{display: flex;align-items: center;background-color: #1167D1;border-bottom:1px solid rgba(242,251,255,0.4);padding-left: 2.1875rem;height: 6.25rem;}
.header_nav_mod_ul li a{display: flex;color: #fff;margin: 20px 0;justify-content: center;font-size: 1.375rem;}
.header_logo img{width: 100%;}
.header_img{display: none;}
.header_img img{width: 100%;}
.header_nav_ul{display: flex;align-items: center;margin-left: 1.375rem;height: 100%;}
.header_nav_ul li{position: relative;;display: flex;font-size:1.075rem;font-weight: bold;padding: 0 1.075rem;height: 100%;align-items: center;}
.header_nav_ul .active::after {position: absolute;bottom: 0px;content:"";background: url(../png/ov0279.png)no-repeat;height: 7px;display: block;width: 60px;left: 50%;transform: translate(-50%,0);}
.header_nav_ul li a{color: #fff;}
.header_fr{display: flex;align-items: center;color: #fff;font-size: .875rem;position: relative;justify-content: space-evenly;padding-right: 100px;height: 100%;}
.fengge{width: 1px;height: 20px;background-color: #fff;}
.znwd_btn,.eamil_btn{display: flex;align-items: center;margin: 0 5px;}

.znwd_btn,.eamil_btn{padding: 0 .9375rem;border: 1px solid rgba(109,165,242,0.6);border-radius: 1.25rem;height: 2.25rem;margin-left: .5rem;}
.mod_nav_ico_warp{position:absolute;right: 0px;top: 0px;}
.mod_nav_ico{position: absolute;right: 0px;display: flex;justify-content: center;align-items: center;height: 6.25rem;width: 100px;background-color: #165cbb;cursor: pointer;z-index: 9999;}
.header-toggle-btn{}
.header-toggle-btn div{position:relative; width:35px; height:20px; cursor:pointer;}
.header-toggle-btn span{position:absolute; display:block; left:0; width:100%; height:10%; background:#fff; transition:all .3s; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.header-toggle-btn span:nth-child(1){top:0;}
.header-toggle-btn span:nth-child(2){top:50%;}
.header-toggle-btn span:nth-child(3){top:100%;}
.header-open-the-picker .header-toggle-btn span:nth-child(1) {top: 50%;-webkit-transform: translateY(-50%) rotate(-45deg);-ms-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);}
.header-open-the-picker .header-toggle-btn span:nth-child(2) {-webkit-transform: translateY(-50%) scaleX(0);-ms-transform: translateY(-50%) scaleX(0);transform: translateY(-50%) scaleX(0);}
.header-open-the-picker .header-toggle-btn span:nth-child(3) {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.header-picker-mark{position:fixed; top:0; bottom:0; left:0; right:0; z-index:9; display:none;}
.header-picker{position:absolute; top:0px; right:0; left:auto; z-index:-1; width:340px; height:0; opacity:0; transition:all .3s; -webkit-transition:all .3s; background-color:rgba(45,84,143,.8); box-sizing:border-box;}
.header-open-the-picker .header-picker{z-index: 99;}
.picker-hall-over{width:100%; height:100%;}
.picker-hall-scroll{position:relative; width:100%; height:100%;}
.header-picker-mobile{opacity:1;height:100vh;padding: 120px 15px 0;}
.header-picker-mobile .picker-hall-main{display:block;}
.header-picker.fixed{position:fixed;z-index: 117;}
.header-picker-mobile.fixed{height:100%;}
.header-picker.fixed .picker-hall-over{overflow-x:hidden;}
.header-picker.fixed .picker-hall-scroll{padding-right:20px; overflow-x:hidden;}

.selec-wp{position:relative;display: flex;align-items: center;}
.selec-wp dt{height: 2.25rem;border:1px solid rgba(109,165,242,0.6);font-size:0;cursor:pointer;display: flex;align-items: center;border-radius: 1.25rem;}
.selec-wp dt .val{position:relative;padding-left:1.25rem;color:#fff;font-size:16px;line-height:48px}
.selec-wp dt .ico{position:relative;width:11px;height:6px;background:url(../png/kia0sm.png) no-repeat center;padding-left: 1.25rem;}
.selec-wp:hover dt{}
.selec-wp dt .rot{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.scrollbar1{border: 1px solid rgba(109, 165, 242, 0.6);}
.selec-wp dd{position:absolute;top:42px;display:none;overflow:auto;width:100%;max-height:200px}
.selec-wp ul li{height:47px;border-bottom:1px solid rgba(109, 165, 242, 0.6);font-size:16px;line-height:47px;cursor:pointer;display: flex;align-items: center;justify-content: center;}
.selec-wp ul li a{color: #fff;}


.search{position: absolute;bottom:0px;height: 6.25rem;background: #fff;left: 50%;transform: translate(-50%,0);padding: 0 2.1875rem;}
.search_main{display: flex;justify-content: space-between;align-items: center;height: 100%;padding-right:2.1875rem;box-sizing: border-box;border-bottom: 2px solid #87B9FF;}
.search_main::after{display: block;content: "";width: 1px;background: #BDBDBD;height: 40%;}
.search_main input{height: 2.5rem;line-height: 2.5rem;width: 70%;border: none;font-size: 1.25rem;padding-left: 2.875rem;box-sizing: border-box;background: url(../png/dqailk.png) no-repeat left center;}
.search_btn{display: flex;width: 7.5rem;height: 2.5rem;color: #fff;background-color: #4b77da;justify-content: center;align-items: center;font-weight: bold;font-size:1.25rem;cursor: pointer;}

.search_hot{height: 100%;}
.search_hot_warp{display: flex;align-items: center;height: 100%;border-bottom: 2px solid #87B9FF;box-sizing: border-box;}
.search_hot_warp .title{padding-left: 1.55rem;background: url(../png/anr31b.png) no-repeat;background-size:contain;}
.search_hot_warp ul{display: flex;justify-content: space-evenly;flex:1;padding-left: 1.25rem;}
.search_hot_warp ul li{background-color: #F5F5F5;padding: .75rem .9375rem;border-radius: 1.25rem;cursor: pointer;}
.search_hot_warp ul li a{color: #6E6E6E;}
@media (max-width:1480px){
    .header_fr{}
    .header_nav .header_nav_ul{width: 80%;}
}

@media (max-width:1200px){
    .header_nav .header_logo{width: 20%;}
    .search_hot{display: none;}
    .search_main::after{display: none;}
    .header{background: none;height:auto}
    .header_img{display:block;}
}

@media (max-width:992px) {
    .header_nav_ul{display: none;}
    .header_nav .header_logo{display: flex;width: 58%;padding: 0;justify-content: center;}
    .header_nav .header_logo a{display: flex;width: 38%;}
    .header_nav .header_logo img{width: 100%;}
}


@media (max-width:768px) {
    .search{width: 80%;}
    .header_nav{padding-left: 0px;}
}