.wrap{
  background: #fff;
}
.all {
    width: 100%;

}

.banner {
    width: 100%;
    height: auto;
    background: url('https://t.zoomedia.com.cn/public/gw/images/three/banner0.png');
    background-size: 100% 100%;
    margin: 0 auto;
    padding: 1.81rem 0 3.75rem 0;
    box-sizing: border-box;
    /* background-color: pink; */
}




.b_text {
    width: 100%;
    max-width: 1300px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.zjlogo {
    width: 20%;
    margin-bottom: 3.75rem;
}

.b_text1 {
  display: block;
    font-size: 2.25rem;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 3.75rem;
}

.b_text span {
    width: 4.88rem;
    height: 0.25rem;
    background: #FFBC00;
    margin: 1.31rem 0 1.56rem 0;
}

.b_box1 {
    width: 50%;
    height: auto;
    display: flex;
    align-items: center;


}

.b_box1 img {
    width: 4%;
    margin-right: 0.56rem;
}

.b_text2 {
    font-size: 1.25rem;
    color: #FFFFFF;
    line-height: 2.5rem;
}

.b_ul {
    width: 100%;
    height: auto;
    margin: 1.31rem 0 1.5rem 0;
}

.b_ul li {
    font-size: 0.88rem;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 1.5rem;
}

.bigtitle {
    font-size: 5rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #FFFFFF;
}

.smtitle {
    font-size: 2.5rem;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: 7.0625rem;
}

/*  */
.banner_back {
    width: 100%;
    height: auto;
    background-color: #091817;
    position: relative;
    /* padding-top: 100%; */
    overflow: hidden;
    /* border-radius: 15px; */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.bannerbox {
    width: 100%;
    max-width: 1300px;
    height: auto;
    margin: 0 auto;
    padding: 6.25rem 0 0 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 999

}

.banner_back:hover .ban_img {
    transform: scale(1.2);
}

.ban_text1 {
    font-size: 2.25rem;
    font-weight: bold;
    color: #FFFFFF;
}

.ban_text2 {
    font-size: 1.5rem;
    color: #FFFFFF;
    line-height: 2.25rem;
    margin-top: 1.88rem;
}

.ban_img {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    transition: all .5s ease-out;

}

.ban_content {
    width: 100%;
    max-width: 1300px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    top: 0;
    z-index: 999;
}

.ban_two {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    top: 0;
    z-index: 999;
}

.ban_cbox {
    width: 35%;
    height: auto;
    margin-top: -33rem;
}

.ban_cbox_two {
    text-align: right;
}

.ban_cbox_three {
    margin-top: -30rem;
}

.ban_text3 {
    font-size: 1.05rem;
    color: #FFFFFF;
    line-height: 1.88rem;
    margin: 1.88rem 0 3.88rem 0;
}

.ban_ul {
    width: 50%;
    height: auto;
}

.ban_ul_two {
    width: 100%;
}

.ban_ul li {
    font-size: 1.05rem;
    color: #FFFFFF;
    line-height: 1.88rem;
}

/*  */
.two {
    width: 100%;
    max-width: 1300px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding: 6.25rem 0 6.25rem 0;
    box-sizing: border-box;
    background: #fff;
}

.t_text1 {
    font-size: 2.25rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #08969B;

}

.t_text2 {
    width:100%;
    font-size: 1.5rem;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #333333;
    line-height: 2.5rem;
    margin-top: 3.69rem;
    text-align: center;
}

.t_text3 {
     height: 13rem;
     margin-top: 3.56rem;
}
.shows{
  display: none;
}
.danchu{
    width: 54.25rem;
    font-size: 13.125rem;
    font-family: 'Acumin Variable Concept';
    font-weight: normal;
    color: #FFBC00;
    letter-spacing: -0.9375rem;
    display: flex;
    justify-content: center;
    height: 13rem;
}

.t3_right {
    margin-right: 3.125rem;
}

.leftright {
    width: 90%;
    margin: 3rem auto 0 auto;
    display: flex;
    justify-content: space-around;
}

.righttext {
    display: flex;
    flex-direction: column;
    line-height: 2.5rem;
    margin-top: 2.5625rem;
    margin-left: 0;
}

.once {
    display: flex;
}

.dian {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #08969B;
    margin-top: 1rem;
    margin-right: 1rem;
}

.ttext {
    font-size: 1.25rem;
    font-family: SourceHanSansCNBold;
    font-weight: 400;
    color: #08969B;
}

.mini {
    width: 35.75rem;
    height: 17.1875rem;
}

.three_back {
    width: 100%;
    height: auto;
    background-color: #F9FAFC;
}

.three {
    width: 100%;
    max-width: 1300px;
    height: auto;
    padding: 6.25rem 0 6.25rem 0;
    box-sizing: border-box;
    margin: 0 auto;

}

.th_btitle {
    text-align: center;
    font-size: 2.25rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #08969B;
}

.th_mtitle {
    text-align: center;
    font-size: 1.5rem;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #333333;
    line-height: 2.5rem;
    margin-top: 1.81rem;
}

.flexbox {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    /* margin-left: -2.875rem; */
    margin-top: 3.69rem;
}

.fb_title {
    width: 100%;
    text-align: center;
    line-height: 3rem;
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 0.625rem 0.625rem 0rem 0rem;
}

.fb_once {
    width: 33%;
    height: auto;
    border-radius: 0rem 0rem 1rem 1rem;
    position: relative;
    /* padding-top: 100%; */
    overflow: hidden;
    /* border-radius: 15px; */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.fb_img_box {
    width: 100%;
    /* height: 50%; */
    overflow: hidden;
}

.fb_img {
    width: 100%;
    /* height: 100%; */
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    transition: all .5s ease-out;
}

.fb_once:hover .fb_img {
    transform: scale(1.2);
}

.blue_ {
    background-color: #08969B;
}

.yellow_ {
    background-color: #FFBC00;

}

.fb_middle {
    margin: 0 2.5rem;
}

.fb_text {
    width: 100%;
    height: auto;
    padding: 1.6875rem 0 1.625rem 1.1875rem;
    box-sizing: border-box;
    background-color: white;
    margin-top: -0.25rem;
    border-radius: 0rem 0rem 1rem 1rem;
}

.fb_text1 {
    width: 24.25rem;
    font-size: 1.25rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #333333;
    line-height: 1.875rem;
    white-space: nowrap;
    /* 强制不换行 */
    overflow: hidden;
    /* 溢出隐藏 */
    text-overflow: ellipsis;
}

.fb_text2 {
    width: 100%;
    font-size: 1rem;
    font-family: SourceHanSansCN;
    font-weight: 300;
    color: #333333;
    line-height: 1.875rem;
    white-space: nowrap;
    /* 强制不换行 */
    overflow: hidden;
    /* 溢出隐藏 */
    text-overflow: ellipsis;
}

/* 靠谱资源 */
.four_back {
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
}

.four {
    width: 100%;
    max-width: 1300px;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 6.25rem 0 6.25rem 0;
    box-sizing: border-box;

}

.four_title1 {
    font-size: 2.25rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #08969B;
    margin: 0 auto;
}

.four_title2 {
    width: 100%;
    font-size: 1.5rem;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #333333;
    line-height: 2.5rem;
    text-align: center;
    margin: 1.81rem auto 3.56rem;
}

.four_content {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    /* background-color: #EDF8FA; */
    padding: 1.25rem 0 0.9375rem 1.25rem;
    box-sizing: border-box;
}

.four_img:hover {
    opacity: 0.8;
}

.four_big {
    width: 48%;
    margin-right: 1.25rem;
}

.four_sma {
    width: 31.5%;
    margin-right: 1.25rem;
    margin-top: 0.8125rem;
}

.four_last {
    margin-right: 0;
}

/*  */
.five_back {
    width: 100%;
    height: auto;
    background-color: #F9FAFC;

}

.five {
    width: 100%;
    max-width: 1300px;
    height: auto;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    padding: 6.25rem 0 6.25rem 0;
    box-sizing: border-box;
}

.five_title1 {
    font-size: 2.25rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #08969B;
    margin: 0 auto;
}

.five_title2 {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 400;
    color: #333333;
    line-height: 2.5rem;
    text-align: center;
    margin: 1.8125rem auto 1.4375rem;
}

.five_content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.five_img {
    width: 14%;
    height: auto;
    margin-right: 1.0938rem;
    margin-left: 1.0938rem;
    margin-top: 2.0625rem;
}

/* 两大直播 */
.live_back,
.rich_back {
    width: 100%;
    height: auto;
}

.live {
    width: 100%;
    max-width: 1300px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding: 5rem 0 6.25rem 0;
    box-sizing: border-box;
}

.live_title1 {
    font-size: 2.25rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #08969B;
}

.live_title2 {
    font-size: 1.5rem;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #333333;
    line-height: 2.25rem;
    margin-top: 1.875rem;
}

.live_content {
    width: 100%;
    display: flex;
    margin-top: 3.6875rem;
}

/* 丰富 */
.rich_back {
    background-color: white;
}

.rich {
    width: 100%;
    max-width: 1300px;
    height: auto;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    padding: 6.25rem 0 6.25rem 0;
    box-sizing: border-box;
}

.rich_img {
    margin-top: 3.6875rem;
}

.rich_img:hover {
    opacity: 0.8;
}

.rich_img,
.rich_photowall {
    width: 100%;
    height: auto;
}

/*  */
.six_back {
    width: 100%;
    height: auto;
    background-color: #F9FAFC;
}

.six {
    width: 100%;
    max-width: 1300px;
    height: auto;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    padding: 6.25rem 0 6.25rem 0;
    box-sizing: border-box;

}

.s_number {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 2.8rem;
    margin-top: 2rem;
    box-sizing: border-box;
    font-size: 5.63rem;
    font-family: MiSans;
    font-weight: bold;
    color: #FFFFFF;
    opacity: 0.6;
}
.s_number li{
  width: 11.5%;
}
.s_data {
    width: 100%;
    height: 10rem;
    background: url('https://t.zoomedia.com.cn/public/gw/images/three/solveBackground2.png');
    background-size: 100% 100%;
    margin-top: 5.1875rem;
    z-index:999;
}

.s_datatext {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top:-4.5rem;
}

.s_datatext li {
    width: 11.5%;
    padding: 6.56rem 1.5rem 4.5rem 1.69rem;
    box-sizing: border-box;
    background-color: #D1FAFF;
    text-align: center;
    font-size: 1.5rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #08969B;
    line-height: 1.9rem;;
    border-radius: 0rem 0rem 5rem 5rem;
    position: relative;
}
.s_datatext li:hover{
  background-color: #08969B;
  color: #fff;
}
.numbs{
  position: absolute;
top: -5rem;
box-sizing: border-box;
font-size: 5.63rem;
font-family: MiSans;
font-weight: bold;
color: #FFFFFF;
opacity: 0.6;
z-index: 9999;
width: 100%;
text-align: center;
left: 0;
height: 10rem;
line-height: 9rem;
}
.s_datatext li:hover .numbs{
  opacity: 1;
}

/* .sd_one:hover{
    background-color: #08969b;
    color:white;
} */

.sd_two:hover{
    background-color: #08969b;
    color:white;
}
.sd_three:hover{
    background-color: #08969b;
    color:white;
}
.sd_four:hover {
    background-color: #08969b;
    color:white;
}
.sd_five:hover {
    background-color: #08969b;
    color:white;
}
.sd_six:hover {
    background-color: #08969b;
    color:white;
}
/*  */

/*  */
.why_back {
  display: block;
    width: 100%;
    height: auto;
    background-color: #F9FAFC;
}

.why {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    text-align: center;
    padding: 0rem 0 6.25rem 0;
}

.why_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 5rem auto 0;

}

.why_content div {
    width: 31%;
    color: #08969B;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.9375rem;
    text-align: left;

}
.phone_b_text1,.phone_text2,.phone_ban_img,.phone_ban_text3,.phone_text3{
  display: none;
}
.pc_text2,.pc_text3,.phone_bantext3,.pc_fourtext3{
  display: block;
}