
.fixed {
    position: fixed;
    top:0; 
    z-index: 100;
}

.productNav{
    /* position: fixed;
    top: 0; */
    list-style: none;
    margin: 0;
    overflow: hidden;
}

.productNav li{
    float: left;
    height: 40px;
    line-height: 40px;
    width: 192px;
    text-align: center;
    background: #028ef1;
    color: #ffffff;
    font-size: 18px;
}

.czwk-selected{
    background: #fbc669 !important;
}

.tsbb-selected{
    background: #fb756d !important;
}

.bbt-selected{
    background: #d75df1 !important;
}

.xxzx-selected{
    background: #22e5fa !important;
}

.xzccc-selected{
    background: #e26b2a !important;
}

.czwk{
    position: relative;
    height: 400px;
    background: url(../images/czwk.jpg);
    text-align: center;
    cursor: pointer;
}

.czwk-ewm{
    position: absolute;
    top: 108px;
    right: 82px;
}

.ewm-tips{
    margin-top: 20px;
    color: white;
    font-size: 24px;
}

.tsbb{
    position: relative;
    height: 400px;
    background: url(../images/tsbb.jpg);
    text-align: center;
    cursor: pointer;
}

.tsbb-ewm{
    position: absolute;
    top: 108px;
    left: 82px;
}

.bbt{
    position: relative;
    height: 400px;
    background: url(../images/bbt.jpg);
    text-align: center;
    cursor: pointer;
}

.xxzx{
    height: 400px;
    /*background: url(../images/xxzx.jpg);*/
    background: url(../images/cwbyly.jpg) center/100% no-repeat;
    text-align: center;
    position:relative;
    cursor: pointer;
}

.xzccc{
    height: 400px;
    background: url(../images/xzccc.jpg);
    text-align: center;
    position:relative;
    cursor: pointer;
}

.content-wrap{
    position: absolute;
    width: 960px;
    height: 400px;
}

.czwk-content{
    width: 300px;
    margin: auto;
}

.content1{
    color: #ffffff;
    font-size: 48px;
    margin-top: 80px;
}

.content2{
    color: #ffffff;
    font-size: 24px;
    margin-top: 80px;
}

.content3{
    color: #ffffff;
    font-size: 16px;
    margin-top: 16px;
}

.content4{
    color: #ffffff;
    font-size: 24px;
    margin-top: 30px;
}

.content5{
    color: #ffffff;
    font-size: 16px;
    margin-top: 16px;
}

.outer {
    display: table;
    /* position: absolute; */
    height: 440px;
    width: 100%;
  }
  
.middle {
    display: table-cell;
    vertical-align: middle;
}
  
.inner {
    /* margin-left: auto;
    margin-right: auto; */
    width: 400px;
    /*whatever width you want*/
}


.yw-left{
    display: table;
    width: 960px;
    height: 440px;
    background: url(../images/yw-left-bg.jpg)
}

.yw-content-wrap{
    display: table-cell;
    vertical-align: middle;
}

.content-type-1{
    width: 478px;
    height: 440px;
    font-size: 16px;
    color: #ffffff;
    margin-left: 100px;
    vertical-align: middle;
}

.yw-right{
    display: table;
    width: 960px;
    height: 440px;
    background: url(../images/yw-right-bg.jpg)
}

.yw-content-wrap-right{
    margin-left: 478px;
}