.tem03-s-header{position:relative;z-index:40;height:90px;}
.tem03-s-header .tem03-s-header_con{position:fixed;width:100%;top:0;left:0;}
.tem03-s-header .header_bg{display:block;background-color:#8e8e8e;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;border:1px solid #ededed;}
.tem03-s-header .con{width:100%;height:90px;align-items: center;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;}
.tem03-s-header .con .logo{display:block;font-size:0;height:80px;max-width:200px;line-height:80px;position:relative;z-index:8;}
.tem03-s-header .con .logo img{max-width:100%;max-height:100%;}
.tem03-s-header .right{padding: 0;width: 500px;margin:0;} 
.tem03-s-header .search_con{border-color: #ddd;display: flex;display: -webkit-flex;align-items: center;flex-wrap:wrap;color:#535154;}
.tem03-s-header .search_con form{border:1px solid;border-color: inherit;padding:0 15px;border-radius: 4px;width: 100%;height:56px;position: relative;overflow: hidden;color:#fff;}
.tem03-s-header .search_con form .s_icon{color:inherit;font-size: 2rem;position: absolute;right:15px;top:0;border:none;padding:0;background:none;}
.tem03-s-header .search_con form .s_icon span{vertical-align: middle;line-height: 56px;height: 100%;display: block;}
.tem03-s-header .search_con form .form-group{padding-right: 40px;margin-bottom: 0;}
.tem03-s-header .search_con form .form-control{border:none;box-shadow: none;height: 100%;height:54px;padding: 15px 0;background-color:transparent;color:#fff;}
.tem03-s-header .search_con .s_relate{width: 100%;padding: 10px 0 0;font-size: 14px;display: flex;display: -webkit-flex;}
.tem03-s-header .search_con .s_relate .left{width: 100%;color:#535154;max-height: 20px;overflow: hidden;display: flex;display: -webkit-flex;flex-wrap: wrap;line-height: 20px;}
.tem03-s-header .search_con .s_relate .left em{font-style: normal;}
.tem03-s-header .search_con .s_relate .left p{display: inline-block;}
.tem03-s-header .search_con .s_relate .left a{padding-left: 5px;position: relative;font-size: 13px;color:#999;margin-left: 5px;}
.tem03-s-header .search_con .s_relate .left a:hover{color:var(--main-color)}
.tem03-s-header .search_con .s_relate .left a::after{position: absolute;content: "";right:0;top:20%;width: 100%;height: 60%;border-left: 1px solid rgba(0,0,0,.3);}
.tem03-s-header .search_con .s_relate .left em + a{margin-left: 0;}
.tem03-s-header .search_con .s_relate .left em + a::after{border-color:transparent;}
.tem03-s-header .search_con .s_relate .more{flex-shrink: 0;padding-left: 20px;text-transform: uppercase;}
.tem03-s-header .right .p_icon {text-align: right;}

@media (max-width:1024px){
    .tem03-s-header{height: 100px;}
    .tem03-s-header .con{height: 100px;}
    .tem03-s-header .con .logo{height:60px;line-height:42px;width:200px;margin:auto;text-align:left;}
    .tem03-s-header .search_con form{height: 40px;}
    .tem03-s-header .search_con form .s_icon span{line-height: 40px;}
    .tem03-s-header .search_con form .form-control{height: 38px!important;padding: 0;}
    .tem03-s-header .search_con form .s_icon{font-size: 1.5rem;}
    .tem03-s-header .search_con form .form-group{padding-right: 30px;}
}
@media (max-width:991px){
    .tem03-s-header .right{width: 80%;}
    .tem03-s-header .con{flex-wrap: nowrap;}
    .tem03-s-header .con .logo{flex-shrink: 0;}
    .tem03-s-header .right{flex-shrink: 1;padding-left: 5%;width: 100%;}
    .tem03-s-header .search_con form .form-control{height: 38px!important;}
}
@media (min-width:769px){
    .tem03-s-header .p_icon,
    .tem03-s-header .right .p_icon .icon-close{display: none;}
}
@media (max-width:768px){
    .tem03-s-header,
    .tem03-s-header .con{height: 60px;}
    .tem03-s-header .con .logo{width: 20%;}
    .tem03-s-header .tem03-s-header_con > .container{padding: 0!important;}
    .tem03-s-header .con .logo{height: 40px;line-height: 40px;text-align: left;}
    .tem03-s-header .search_con .s_relate{font-size: 12px;}
    .tem03-s-header .right.ON{width: 100%;height: 100%;position: fixed;background-color: rgba(255,255,255,1);left: 0;top: 0;z-index: 222;padding: 0 5%!important;}
    .tem03-s-header .right.ON .p_icon {font-size: 20px;padding: 10px 0;}
    .tem03-s-header .right.OFF .search_con{transform: scale(0);display: none;}
    .tem03-s-header .right.ON .search_con{transform: scale(1);}
    .tem03-s-header .right.ON .search_con form, 
    .tem03-s-header .right.ON .search_con form .form-control{height: 45px;}
    .tem03-s-header .right.ON .search_con form .s_icon span{line-height: 45px;}
    .tem03-s-header .right .p_icon .icon-search{display: inline-block;}
    .tem03-s-header .right.ON .p_icon .icon-close{display: block;}
    .tem03-s-header .right .p_icon .icon-close,
    .tem03-s-header .right.ON .p_icon .icon-search{display: none;}
    .tem03-s-header .right.ON .search_con{margin-top: 20%;display: flex;}
    .tem03-s-header .right .p_icon .icon-search{border: 1px solid #ccc;padding: 6px 8px;border-radius: 4px;font-size: 18px;}
    .tem03-s-header .right .search_con{display: none;}
    .tem03-s-header .search_con form .form-group{height: 45px;}
    .tem03-s-header .search_con form .form-control{height: 43px!important;color:#333;}
}