.content-tab {
    width: 100%;
    min-height: calc(100vh - 485px);
}
.footer {
    height: 576px;
    width: 100%;
    background-color: #000000;
    clear: both;
}

.footer-top-box {
    height: 96px;
    width: 1200px;
    margin: 0 auto;
    color: #FFFFFF;
    line-height: 96px;
    vertical-align: middle;
}

.footer-top-box .icon {
    width: 32px;
    height: 32px;
}

.footer-middle-box {
    height: 400px;
    width: 1200px;
    border-top: solid 1px #1E1E1E;
    border-bottom: solid 1px #1E1E1E;
    margin: 0 auto;
    color: #FFFFFF;
    padding-top: 35px;
}

.footer-middle-box-left {
    width: 800px;
    float: left;
    height: 100%;
}

.footer-middle-box-left-col {
    width: 25%;
    float: left;
}

.footer-middle-box-left-title {
    height: 37px;
    font-size: 16px;
    color: #FFFFFF;
}

.footer-middle-box-left-item {
    height: 30px;
    font-size: 14px;
}

.footer-middle-box-left-item a {
    color: #FFFFFF;
    text-decoration:none;
    opacity: 0.3;
}

.footer-middle-box-left-item a:hover {
    opacity: 0.8 !important;
}

.footer-middle-box-vline {
    float: left;
    height: 128px;
    border-left: 1px solid;
    color: #1E1E1E;
    margin-top: 73px;
}

.footer-middle-box-right {
    width: 398px;
    float: left;
    height: 100%;
    padding-left: 128px;
}

.footer-bottom-box {
    height: 78px;
    width: 1200px;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 78px;
    vertical-align: middle;
    text-align: center;
}

.footer-bottom-box a {
    color: #FFFFFF;
    text-decoration:none;
    opacity: 0.3;
}

.footer-bottom-box a:hover {
    opacity: 0.8 !important;
}
.h_wz1{
    margin-top: 40px;
}
.h_wz1_sm{
    height: 19px;
    width: 157px;
    font-size: 16px;
    font-weight: 400;
    margin-top: 32px;
    color: #999999;
    cursor: pointer;
}
.h_wz1_sm:hover{
    cursor: pointer;
    color: black;
}
/*.hty_gsjj_kk{
    height: 380px;
    width: 1400px;
    margin-left: 294px;
}*/
.h_wz2{
    margin-top: 40px;
}
.h_wz2_sm{
    height: 19px;
    width: 157px;
    font-size: 16px;
    font-weight: 400;
    margin-top: 32px;
    color: #999999;
    cursor: pointer;
}
.h_wz2_sm:hover{
    cursor: pointer;
    color: black;
}
/*.hty_lxwm_kk{
    height: 380px;
    width: 1400px;
    margin-left: 294px;
}*/
.hty_b_lr a{
    color: #999999;
    text-decoration-line: none;
}
.hty_b_lr a:hover{
    color: black;
    text-decoration-line: none;
}
.sy_nav_a_ml{
    color: #262626;
}

.swiper-xlk {
    width: 1150px;
    height: 306px;
    align-self: center;
    margin: 0 auto;
}
.swiper-xlk-cpdp {
    width: 1150px;
    height: 306px;
    align-self: center;
    margin: 0 auto;
}
.swiper-xlk-hxctl {
    width: 1150px;
    height: 306px;
    align-self: center;
    margin: 0 auto;
}
.slide-xlk {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition-property:all;
}
/*.slide-xlk:hover{*/
/*    background-color: #FBFBFB;*/
/*}*/
.header-fixed{position: fixed;top: 0;left: 0;background-color: #FFFFFF;}
.cpzx_bxl{
    cursor: pointer;font-size: 16px;margin-bottom: 40px;color: #898989;
}
.cpzx_bxl1{
    cursor: pointer;font-size: 16px;margin-bottom: 40px;color: #262626;
}
.cpzx_bxl:hover{
    cursor: pointer;font-size: 16px;margin-bottom: 40px;color: #262626;
}
.cpzx_dpxl{
    cursor: pointer;font-size: 16px;margin-bottom: 40px;color: #898989;
}
.cpzx_dpxl1{
    cursor: pointer;font-size: 16px;margin-bottom: 40px;color: #262626;
}
.cpzx_dpxl:hover{
    cursor: pointer;font-size: 16px;margin-bottom: 40px;color: #262626;
}
.cpzx_hxctl{
    cursor: pointer;font-size: 16px;color: #898989;
}
.cpzx_hxctl1{
    cursor: pointer;font-size: 16px;color: #262626;
}
.cpzx_hxctl:hover{
    cursor: pointer;font-size: 16px;color: #262626;
}


#zp-select{
    height: 24px;
    width: 200px;
}
#zp-select{
    border: 0;
}
#zp-select:focus{
    outline: none;
    box-shadow: none;
    background-color: white;
}

#zp1{
    height: 24px;
    width: 200px;
    border: 1px solid red;
}
#zp1{
    border: 0;
}
#zp1:focus{
    outline: none;
    box-shadow: none;
    background-color: white;
}
.gkyp_sp{
    display: none;
    width: 1080px;
    height: 644px;
    position: fixed;
    margin:auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align:left;
    color: #fff;
    background-color: #FBFBFB;
    z-index: 12;

}
.black_overlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 11;
    overflow: hidden;
}
.prev-xlk {
    position: relative !important;
    width: 64px !important;
    height: 64px !important;
    color: rgba(0, 0, 0, 0) !important;
    background: url('/resource/images/导航栏箭头prev.png');
    background-size: 64px 64px;
    float: left;
    top:-24% !important;
    margin-top: 18px !important;
    left: -85px !important;
 }

.next-xlk {
    position: relative !important;
    width: 64px !important;
    height: 64px !important;
    color: rgba(0, 0, 0, 0) !important;
    background: url('/resource/images/导航栏箭头next.png');
    background-size: 64px 64px;
    float: right;
    top:-24% !important;
    margin-top: 18px !important;
    right: -85px !important;
}
.nav-color-on {
    background-color: #FFFFFF;
}
#cp-tp:hover .product{
    transform: translate(0, -16px);/* 鼠标悬浮时盒子上移10px */
}
#dp-tp:hover .product{
    transform: translate(0, -16px);/* 鼠标悬浮时盒子上移10px */
}
#ctl-tp:hover .product{
    transform: translate(0, -10px);/* 鼠标悬浮时盒子上移10px */
}