div{
    position: relative;
    box-sizing: border-box;
}
.topBanner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.topBanner img {
    width: 100%;
}

.topBanner .title {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    font: normal normal normal 48px/28px jiangchengheiti;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 0px 3px 8px #03304499;
}

.outnav3 {
    height: 80px;
    padding: 0;
    position: relative;
    z-index: 3;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
}

.outnav3 #wrapper22 {
    height: 100%;
    position: relative;
    margin: 0 auto;
}


.outnav3.on .nav-left, .outnav3.on .nav-right {
    display: block;
}

.outnav3 .nav-left, .outnav3 .nav-right {
    width: 60px;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 2;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}

.outnav3 #wrapper22 {
    width: 100%;
    height: 100%;
    display:flex;
    flex-direction: row;
    position: relative;
    justify-content: space-between;
}
#wrapper22 .wrapper22_arrow{
    position:absolute;
    width:60px;
    top:0;
    text-align: center;
    display: inline-block;
    color: #333;
    font-size: 32px;
    line-height: 80px;
    font-family: 'simsun';
    cursor: pointer;
    z-index:1;
    background-color: #FFFFFF;
}
#wrapper22 .left_arrow{
    left:0;
}
#wrapper22 .right_arrow{
    right:0;
}

.nav7_container{
    /*width:calc(100% - 120px);*/
    /*width:100%;*/
    height: 100%;
    overflow: hidden;
    position:absolute;
    left:60px;
    top:0;
}
.nav7 {
     display:flex;
    flex-direction:row;
    height: 100%;
    font-size: 0;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
}

.nav7 li {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    margin: 0 15px;
}

.nav7 li:hover a, .nav7 li.on a ,
#wrapper22 .wrapper22_arrow:hover,
#wrapper22 .wrapper22_arrow:active{
    color: #0082BE;
}

.nav7 li a {
    display: block;
    position: relative;
    background-color: #fff;
    color: #394149;
    line-height: 80px;
    font-size: 14px;
    text-align: center;
}
.tel_tips{
    box-sizing:border-box;
    width:1200px;
    padding-left:98px;
    margin:-20px  auto 10px;
}