/*
 * @Descripttion: 头部-css-新
 * @Author:
 * @Date: 2022-09-14 11:18:34
 * @LastEditTime: 2023-01-29 16:54:45
 * @FilePath: \cms-xyzg-YingKou\staticPage\css\header.css
 */

.commonHead {
    padding-top: 70px;
}

.commonHead .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.commonHead .top .left {
    display: flex;
    align-items: center;
}

.commonHead .top .left .imgLeft {
    width: 84px;
    height: 84px;
    margin-right: 14px;
}

.commonHead .top .left .imgRight {
    width: 334px;
    height: 84px;
}

.commonHead .top .right {
    width: 447px;
}

.commonHead .top .right .searchBtnList {
    height: 36px;
}

.commonHead .top .right .searchBtnList .commonSearch {
    position: relative;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}

.commonHead .top .right .searchBtnList .commonSearch:hover {
    opacity: 0.7;
}

.commonHead .top .right .searchBtnList .commonSearch .searchBd {
    position: absolute;
    left: 65px;
    z-index: 10;
    top: 0;
}

.commonHead .top .right .searchBtnList .commonSearch .searchZn {
    position: absolute;
    left: 236px;
    z-index: 10;
    top: 0;
}

.commonHead .top .right .searchBtnList .searchS {
    height: 36px;
}

.commonHead .top .right .searchBtnList .searchD {
    height: 30px;
}

.commonHead .top .right .searchBtnList .commonSearch .textBd {
    position: absolute;
    left: 75px;
    z-index: 10;
    top: 4px;
}

.commonHead .top .right .searchBtnList .commonSearch .textZn {
    position: absolute;
    left: 248px;
    z-index: 10;
    top: 4px;
}

.commonHead .top .right .search {
    width: 447px;
    height: 41px;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #1A7CE7;
    border-right: none;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.commonHead .top .right .search input {
    flex: 1;
    height: 42px;
    background: none;
    border: none;
    font-size: 16px;
    color: #333;
    padding: 0 20px;
}

.commonHead .top .right .search input:focus {
    outline: none;
}

.commonHead .top .right .search input::-webkit-input-placeholder {
    font-size: 16px;
    color: #BABABA;
}

.commonHead .top .right .search input::-moz-placeholder {
    font-size: 16px;
    color: #BABABA;
}

.commonHead .top .right .search input:-moz-placeholder {
    font-size: 16px;
    color: #BABABA;
}

.commonHead .top .right .search input:-ms-input-placeholder {
    font-size: 16px;
    color: #BABABA;
}

.commonHead .top .right .search .searchBtn {
    width: 82px;
    height: 42px;
    border-radius: 20px;
    background-color: #1A7CE7;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    cursor: pointer;
}

.commonHead .top .right .search .searchBtn:hover {
    opacity: 0.7;
}


/* 导航 */
.commonHead .navList {
    position: relative;
    height: 45px;
    border-radius: 15px 15px 0px 0px;
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    overflow: hidden;
    -webkit-border-radius: 15px 15px 0px 0px;
    -moz-border-radius: 15px 15px 0px 0px;
    -ms-border-radius: 15px 15px 0px 0px;
    -o-border-radius: 15px 15px 0px 0px;
}

.commonHead .navList img {
    position: absolute;
    width: 1200px;
    height: 45px;
    left: 0;
    top: 0;
    z-index: 0;
}


.commonHead .navList .headOneList {
    flex: 1;
    height: 100%;
    font-size: 16px;
    color: #FEFEFE;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.commonHead .navList .headOneList div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.commonHead .navList .headOneList div:hover {
    background: #166AC5;
}