.nav_father {

    width: 100%;

    position: relative;

    background-color: #fff;

    z-index: 4;

}

.nav {

    width: 100%;

    height: 0.75rem;

}

.nav nav {

    width: 73%;

    height: 0.75rem;

    line-height: 0.75rem;

    margin: 0 auto;

}

.nav nav ul {

    width: 100%;

    height: 100%;

}

.nav nav ul li {

    display: inline-block;

    font-size: 0.105rem;

     

    font-weight: 400;

    color: #A8A8A8;

}

.nav nav ul li:nth-of-type(2n) {

    margin: 0 0.135rem;

}

.nav nav ul li:last-of-type {

    color: #333;

}

.select_father {

    width: 100%;

    position: relative;

    background-color: #fff;

    z-index: 4;

}

.select {

    padding-top: 0.39rem;

    padding-bottom: 0.165rem;

    box-sizing: border-box;

    width: 10.5002rem;

    height: 0.75rem;

    border-bottom: 1px solid #eeeeee;

    margin: auto;

    position: relative;

}

.select > div {

    font-size: 0.18rem;

     

    font-weight: 400;

    color: #A8A8A8;

    position: absolute;

    right: 0;

}

.select > div:nth-of-type(1) {

    right: 1.2675rem;

}

.select > div:nth-of-type(2) {

    color: #333;

}

.select > div > span {

    display: block;

    margin: auto;

    width: 0.0375rem;

    height: 0.135rem;

    margin-top: 0.05rem;

}

.select > div > .red1 {

    display: none;

}

.s1 > div > .red2 {

    display: none;

}

.s1 > div > .red1 {

    display: block;

}

.s1 > div:nth-child(1) {

    color: #333;

}

.s1 > div:nth-child(2) {

    color: #A8A8A8;

}

.main_father {

    width: 100%;

    position: relative;

    background-color: #fff;

    z-index: 3;

}

.main {

    width: 10.5002rem;

    margin: auto;

    padding-top: 0.4875rem;

    padding-bottom: 0.5925rem;

}

.main-top {

    display: flex;

    justify-content: space-between;

    align-items: baseline;

    position: relative;

}

.main .title {

    width: 40%;

}

.main .title,

.main .main_intro {

    display: inline-block;

}

.main .title > span:nth-of-type(1) {

    font-size: 0.39rem;

     

    font-weight: 400;

    color: #333333;

}

.main .title > span:nth-of-type(2) {

    width: 0.0375rem;

    height: 0.14rem;

    margin: 0 0.1rem;

    margin-top: -0.08rem;

}

.main .title > span:nth-of-type(3) {

    height: 0.18rem;

    font-size: 0.18rem;

    font-family: Arial;

    font-weight: bold;

    color: #A8A8A8;

}



.main .change {

    font-size: 0.135rem;

     

    color: #333333;

}

.main .change span {

    margin-left: 0.2rem;

    display: inline-block;

    cursor: pointer;

    transition: all 0.5s;

}

.main .change .active {

    color: #ea222d;

}

.main .change span:hover {

    color: #ea222d;

}

.main .change span:hover::after {

    width: 100%;

}

.main .change span::after {

    content: "";

    display: block;

    width: 0%;

    height: 0.015rem;

    background-color: #ea222d;

    transition: all 0.5s;

}

.main .change .active::after {

    width: 100%;

}







.main .video {

    margin-top: 0.59rem;

    width: 10.5002rem;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.main .video .video_group,

.main .video .video_group1 {

    flex-shrink: 0;

    width: 5.0551rem;

    height: 4.8901rem;

    margin-bottom: 0.3675rem;

    /* background-color: #000; */

    position: relative;

}

.main .video .video_group > .video_box {

    display: inline-block;

    overflow: hidden;

}

.main .video .video_group > .video_box:nth-of-type(1) {

    width: 100%;

    height: 3.075rem;

    /* background-color: red; */

    position: absolute;

    top: 0;

}

.main .video .video_group > .video_box:nth-of-type(2),

.main .video .video_group > .video_box:nth-of-type(3) {

    width: 2.3325rem;

    height: 1.4175rem;

    position: absolute;

}

.main .video .video_group > .video_box:nth-of-type(2) {

    /* background-color: blue; */

    bottom: 0;

    left: 0;

}

.main .video .video_group > .video_box:nth-of-type(3) {

    /* background-color: green; */

    bottom: 0;

    right: 0;

}

.main .video .video_group1 > .video_box {

    display: inline-block;

    overflow: hidden;

}

.main .video .video_group1 > .video_box:nth-of-type(3) {

    width: 100%;

    height: 3.075rem;

    /* background-color: red; */

    position: absolute;

    bottom: 0;

}

.main .video .video_group1 > .video_box:nth-of-type(1),

.main .video .video_group1 > .video_box:nth-of-type(2) {

    width: 2.3325rem;

    height: 1.4175rem;

    position: absolute;

    top: 0;

}

.main .video .video_group1 > .video_box:nth-of-type(2) {

    /* background-color: blue; */

    right: 0;

}

.main .video .video_group1 > .video_box > img,

.main .video .video_group > .video_box > img {

    width: 100%;

    object-fit: cover;

    object-position: center center;

}

.main .video_box > .cover {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0);

    overflow: hidden;

    transition: all 0.5s;

}

.main .video_box > .cover > .play {

    display: block;

    opacity: 0.5;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    width: 9%;

    height: 15%;

    background: url(../img/weihuavideoplay.png) no-repeat;

    background-size: contain;

    transition: all 0.5s;

    cursor: pointer;

}

.main .video_box > .cover > .play::after {

    content: "";

    display: none;

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    border-radius: 50%;

    border: 2px solid rgba(255, 255, 255, 0.9);

    position: absolute;

    transform: translateX(50%) translateY(50%);

    animation: videoplayBtn 1.5s infinite;

}

@keyframes videoplayBtn {

    0% {

        transform: scale(0.9);

        opacity: 1;

    }

    100% {

        transform: scale(1.7);

        opacity: 0;

    }

}

.main .video_box > .cover > p {

    width: 90%;

    height: 0.15rem;

    font-size: 0.15rem;

    line-height: 0.15rem;

     

    font-weight: 400;

    color: #FFFFFF;

    padding-left: 0.08rem;

    position: absolute;

    left: 5%;

    bottom: 5%;

    transform: translateX(-6rem);

    border-left: 0.0375rem solid #ea222d;

    transition: all 0.5s;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.main .video_group > .video_box:nth-of-type(1) > .cover > p,

.main .video_group1 > .video_box:nth-of-type(3) > .cover > p {

    position: absolute;

    left: 5%;

    bottom: 5%;

}

.main .video_box:hover .cover {

    background-color: rgba(0, 0, 0, 0.7);

}

.main .video_group > .video_box:nth-of-type(2) > .cover > p,

.main .video_group > .video_box:nth-of-type(3) > .cover > p,

.main .video_group1 > .video_box:nth-of-type(1) > .cover > p,

.main .video_group1 > .video_box:nth-of-type(2) > .cover > p {

    height: 0.12rem;

    font-size: 0.12rem;

    line-height: 0.12rem;

}

.main .video_box:hover .play {

    opacity: 1;

    background-image: url(../img/weihuavideoc_play.png);

}

.main .video_box:hover .play::after {

    display: block;

    border: 2px solid rgb(234, 34, 45);

}

.main .video_group > .video_box:hover > .cover > p,

.main .video_group1 > .video_box:hover > .cover > p {

    transform: translateX(0rem)

}

.main .video_box .play:hover {

    transform: translateX(-50%) translateY(-50%) scale(1.2)

}

.main .load {

    width: 1.485rem;

    height: 0.39rem;

    line-height: 0.35rem;

    text-align: center;

    margin: auto;

    margin-top: 0.3rem;

    border: 1px solid #EA222D;

    /* border-radius: 0.03rem; */

    box-sizing: border-box;

    font-size: 0.12rem;

     

    font-weight: 400;

    color: #FFFFFF;

    cursor: pointer;

    position: relative;

    overflow: hidden;

    transition: all 0.5s;

}

.main .load > .load_bc {

    display: block;

    width: 100%;

    height: 100%;

    background: #EA222D;

    /* border-radius: 0.03rem; */

    position: absolute;

    top: 0;

    z-index: -1;

    transition: all 0.5s;

}

.main .load:hover {

    color: #EA222D;

}

.main .load:hover .load_bc {

    height: 0%;

}

.main1 {

    width: 10.5002rem;

    margin: auto;

    padding-top: 0.4875rem;

    padding-bottom: 0.5925rem;

}

.main1-top {

    display: flex;

    justify-content: space-between;

    align-items: baseline;

    position: relative;

}

.main1 .title {

    display: inline-block;

    vertical-align: top;

}

.main1 .title {

    width: 40%;

}

.main1 .title > span:nth-of-type(1) {

    font-size: 0.39rem;

     

    font-weight: 400;

    color: #333333;

}

.main1 .title > span:nth-of-type(2) {

    width: 0.0375rem;

    height: 0.14rem;

    margin: 0 0.1rem;

    margin-top: -0.08rem;

}

.main1 .title > span:nth-of-type(3) {

    height: 0.18rem;

    font-size: 0.18rem;

    font-family: Arial;

    font-weight: bold;

    color: #A8A8A8;

}

.main1 .change {

    font-size: 0.135rem;

     

    color: #333333;

}

.main1 .change span {

    margin-left: 0.2rem;

    display: inline-block;

    cursor: pointer;

    transition: all 0.5s;

}

.main1 .change .active {

    color: #ea222d;

}

.main1 .change span:hover {

    color: #ea222d;

}

.main1 .change span:hover::after {

    width: 100%;

}

.main1 .change span::after {

    content: "";

    display: block;

    width: 0%;

    height: 0.015rem;

    background-color: #ea222d;

    transition: all 0.5s;

}

.main1 .change .active::after {

    width: 100%;

}





.main1 .video {

    margin-top: 0.9rem;

    width: 10.5002rem;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.main1 .video .video_group,

.main1 .video .video_group1 {

    flex-shrink: 0;

    width: 5.0551rem;

    height: 4.8901rem;

    margin-bottom: 0.3675rem;

    /* background-color: #000; */

    position: relative;

}

.main1 .video .video_group > .video_box {

    display: inline-block;

    overflow: hidden;

}

.main1 .video .video_group > .video_box:nth-of-type(1) {

    width: 100%;

    height: 3.075rem;

    /* background-color: red; */

    position: absolute;

    top: 0;

}

.main1 .video .video_group > .video_box:nth-of-type(2),

.main1 .video .video_group > .video_box:nth-of-type(3) {

    width: 2.3325rem;

    height: 1.4175rem;

    position: absolute;

}

.main1 .video .video_group > .video_box:nth-of-type(2) {

    /* background-color: blue; */

    bottom: 0;

    left: 0;

}

.main1 .video .video_group > .video_box:nth-of-type(3) {

    /* background-color: green; */

    bottom: 0;

    right: 0;

}

.main1 .video .video_group1 > .video_box {

    display: inline-block;

    overflow: hidden;

}

.main1 .video .video_group1 > .video_box:nth-of-type(3) {

    width: 100%;

    height: 3.075rem;

    /* background-color: red; */

    position: absolute;

    bottom: 0;

}

.main1 .video .video_group1 > .video_box:nth-of-type(1),

.main1 .video .video_group1 > .video_box:nth-of-type(2) {

    width: 2.3325rem;

    height: 1.4175rem;

    position: absolute;

    top: 0;

}

.main1 .video .video_group1 > .video_box:nth-of-type(1) {

    left: 0;

}

.main1 .video .video_group1 > .video_box:nth-of-type(2) {

    right: 0;

}

.main1 .video .video_group1 > .video_box > img,

.main1 .video .video_group > .video_box > img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center center;

    transition: all 1s;

}

.main1 .video_box > .cover {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0);

    overflow: hidden;

    transition: all 0.5s;

}

.main1 .video_box > .cover > p {

    width: 90%;

    height: 0.15rem;

    font-size: 0.15rem;

    line-height: 0.15rem;

     

    font-weight: 400;

    color: #FFFFFF;

    padding-left: 0.08rem;

    position: absolute;

    left: 5%;

    bottom: 5%;

    transform: translateX(-6rem);

    border-left: 0.0375rem solid #ea222d;

    transition: all 0.5s;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.main1 .video_group > .video_box:nth-of-type(1) > .cover > p,

.main1 .video_group1 > .video_box:nth-of-type(3) > .cover > p {

    position: absolute;

    left: 5%;

    bottom: 5%;

}

.main1 .video_group > .video_box:nth-of-type(2) > .cover > p,

.main1 .video_group > .video_box:nth-of-type(3) > .cover > p,

.main1 .video_group1 > .video_box:nth-of-type(1) > .cover > p,

.main1 .video_group1 > .video_box:nth-of-type(2) > .cover > p {

    height: 0.12rem;

    font-size: 0.12rem;

    line-height: 0.12rem;

}

.main1 .video_box:hover > .cover > p {

    transform: translateX(0rem)

}

.main1 .video .video_box:hover img {

    transform: scale(1.1);

}

.main1 .video_box:hover .cover {

    background-color: rgba(0, 0, 0, 0.4);

}

.main1 .load {

    width: 1.485rem;

    height: 0.39rem;

    line-height: 0.35rem;

    text-align: center;

    margin: auto;

    margin-top: 0.3rem;

    border: 1px solid #EA222D;

    /* border-radius: 0.03rem; */

    box-sizing: border-box;

    font-size: 0.12rem;

     

    font-weight: 400;

    color: #FFFFFF;

    cursor: pointer;

    position: relative;

    overflow: hidden;

    transition: all 0.5s;

}

.main1 .load > .load_bc {

    display: block;

    width: 100%;

    height: 100%;

    background: #EA222D;

    /* border-radius: 0.03rem; */

    position: absolute;

    top: 0;

    z-index: -1;

    transition: all 0.5s;

}

.main1 .load:hover {

    color: #EA222D;

}

.main1 .load:hover .load_bc {

    height: 0%;

}

/*  */

/*  */

/*  */

.popups {

    width: 100%;

    height: 100vh;

    background-color: rgba(0, 0, 0, 0.9);

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1000000000;

    display: none;

}

.popups .close {

    width: 50px;

    height: 50px;

    background-color: white;

    position: absolute;

    top: 20px;

    right: 20px;

    border-radius: 50%;

    cursor: pointer;

}

.popups .close img {

    width: 20px;

    height: 20px;

    display: block;

    margin: 0 auto;

    margin-top: 15px;

}

.popups .video {

    width: 70%;

    height: 60vh;

    margin: 0 auto;

    margin-top: 20vh;

    position: relative;

}

.popups .video video {

    width: 100%;

    height: 100%;

    //object-fit: cover;

    object-position: center center;

}

.popups .intro {

    color: #fff;

    text-align: center;

    font-size: 0.15rem;

}

.popups1 {

    width: 100%;

    height: 100vh;

    background-color: rgba(0, 0, 0, 0.9);

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1000000000;

    display: none;

}

.popups1 .close {

    width: 50px;

    height: 50px;

    background-color: white;

    position: absolute;

    z-index: 5;

    top: 20px;

    right: 20px;

    border-radius: 50%;

    cursor: pointer;

}

.popups1 .close img {

    width: 20px;

    height: 20px;

    display: block;

    margin: 0 auto;

    margin-top: 15px;

}

.popups1 .video {

    width: 100%;

    height: 100%;

    margin: 0 auto;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

}

.popups1 .imgSwiper {

    --swiper-navigation-color: #fff;

    width: 100%;

    height: 100%;

}

.popups1 .video .swiper_img {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateY(-50%) translateX(-50%);

}

.popups1 .video .imgSwiper img {

    width: 100%;

}

.popups1 .video .swiper_text {

    display: block;

    color: #fff;

    font-size: 0.15rem;

    position: absolute;

    bottom: 0.5rem;

    left: 50%;

    transform: translateX(-50%);

}

.fixed {

    position: fixed;

    top: 0;

    left: 0;

}

@media screen and (max-width:1024px) {

    .in_banner_bot {

        height: 5rem;

    }

    .nav {

        width: 100%;

        height: 1.5rem;

    }

    .nav_father > .nav nav {

        width: 90%;

        height: 1.5rem;

        line-height: 1.5rem;

        margin: 0 auto;

    }

    .nav_father > .nav nav ul li {

        font-size: 0.25rem;

    }

    .select {

        width: 90%;

        padding-top: 0.1rem;

        display: flex;

        justify-content: center;

    }

    .select > div {

        position: relative;

        font-size: 0.3rem;

        margin: 0 0.2rem;

    }

    .select > div:nth-of-type(1) {

        right: 0rem;

    }

    .select > div > span {

        display: block;

        margin: auto;

        width: 0.04rem;

        height: 0.2rem;

        margin-top: 0.15rem;

    }

    .main,

    .main1 {

        width: 90%;

    }

    .main .title > span:nth-of-type(1),

    .main1 .title > span:nth-of-type(1) {

        font-size: 0.45rem;

    }

    .main .title > span:nth-of-type(3),

    .main1 .title > span:nth-of-type(3) {

        height: 0.25rem;

    }

    .main .title > span:nth-of-type(2),

    .main1 .title > span:nth-of-type(2) {

        width: 0.04rem;

        height: 0.2rem;

        margin: 0 0.1rem;

        margin-top: 0;

    }

    .main .main_intro > p,

    .main1 .main_intro > p {

        width: 100%;

        font-size: 0.26rem;

         

        font-weight: 400;

        color: #333333;

        line-height: 0.35rem;

    }



    .main-top,

    .main1-top {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: flex-end;

    position: relative;

    }

    .main .change,

    .main1 .change {

        margin-top: 0.4rem;

    text-align: center;

    width: 100%;

    font-size: 0.3rem;

     

    color: #333333;

    }

    .main .change span {

    margin-left: 0.2rem;

    display: inline-block;

    cursor: pointer;

    transition: all 0.5s;

    }





    .main .video,

    .main1 .video {

        margin-top: 0.585rem;

        width: 100%;

        display: block;

    }

    .main .video .video_group,

    .main .video .video_group1,

    .main1 .video .video_group,

    .main1 .video .video_group1 {

        width: 100%;

        height: 13.5rem;

        margin-bottom: 0.5rem;

        position: relative;

    }

    .main .video .video_group > .video_box:nth-of-type(1),

    .main1 .video .video_group > .video_box:nth-of-type(1),

    .main .video .video_group1 > .video_box:nth-of-type(1),

    .main1 .video .video_group1 > .video_box:nth-of-type(1) {

        position: relative;

        width: 100%;

        height: 4.075rem;

        margin-bottom: 0.5rem;

    }

    .main .video .video_group > .video_box:nth-of-type(2),

    .main1 .video .video_group > .video_box:nth-of-type(2),

    .main .video .video_group1 > .video_box:nth-of-type(2),

    .main1 .video .video_group1 > .video_box:nth-of-type(2) {

        position: relative;

        width: 100%;

        height: 4.075rem;

        margin-bottom: 0.5rem;

    }

    .main .video .video_group > .video_box:nth-of-type(3),

    .main1 .video .video_group > .video_box:nth-of-type(3),

    .main .video .video_group1 > .video_box:nth-of-type(3),

    .main1 .video .video_group1 > .video_box:nth-of-type(3) {

        position: relative;

        width: 100%;

        height: 4.075rem;

        margin-bottom: 0.5rem;

    }

    .main .video .video_group > .video_box .play,

    .main1 .video .video_group > .video_box .play,

    .main .video .video_group1 > .video_box .play,

    .main1 .video .video_group1 > .video_box .play {

        width: 0.8rem;

        height: 0.8rem;

        background: url(../img/weihuavideoplay.png) no-repeat;

        background-size: cover;

        transition: all 0.5s;

    }

    .main .video .video_group > .video_box:hover .play,

    .main1 .video .video_group > .video_box:hover .play,

    .main .video .video_group1 > .video_box:hover .play,

    .main1 .video .video_group1 > .video_box:hover .play {

        opacity: 1;

        background-image: url(../img/weihuavideoc_play.png);

    }

    .main .video .video_group > .video_box > .cover > p,

    .main1 .video .video_group > .video_box > .cover > p,

    .main .video .video_group1 > .video_box > .cover > p,

    .main1 .video .video_group1 > .video_box > .cover > p {

        font-size: 0.25rem;

        line-height: 0.25rem;

        height: 0.25rem;

        left: 0.2rem;

        bottom: 0.4rem;

    }

    .main .load,

    .main1 .load {

        width: 3rem;

        height: 0.8rem;

        line-height: 0.8rem;

        text-align: center;

        margin: auto;

        margin-top: 0.3rem;

        border: 0.01rem solid #EA222D;

        box-sizing: border-box;

        font-size: 0.24rem;

         

        font-weight: 400;

        color: #FFFFFF;

        cursor: pointer;

        position: relative;

        overflow: hidden;

    }

    .main .load .load_bc,

    .main1 .load .load_bc {

        width: 100%;

        height: 100%;

    }

    .popups .video {

        width: 100%;

        height: auto;

        margin: 0 auto;

        position: relative;

        top: 50%;

        transform: translateY(-50%);

    }

    .popups .video video {

        width: 100%;

        object-fit: contain;

    }

    .popups1 .video .swiper_img {

        width: 100%;

    }

    .popups1 .video .imgSwiper img {

        height: 50%;

        width: 100%;

    }

    .popups1 .video .swiper_text {

        color: #fff;

        font-size: 0.25rem;

        position: absolute;

        bottom: 4rem;

        left: 50%;

        transform: translateX(-50%);

    }

}



/* .in_banner_bot {

    width: 100%;

    height: 3.85rem;

    overflow: hidden;

    position: relative;

} 



.nav_father {

    width: 100%;

    position: relative;

    background-color: #fff;

    z-index: 4;

}



.nav {

    width: 100%;

    height: 0.75rem;

}



.nav nav {

    width: 73%;

    height: 0.75rem;

    line-height: 0.75rem;

    margin: 0 auto;

}



.nav nav ul {

    width: 100%;

    height: 100%;

}



.nav nav ul li {

    display: inline-block;

    font-size: 0.105rem;

     

    font-weight: 400;

    color: #A8A8A8;

}



.nav nav ul li:nth-of-type(2n) {

    margin: 0 0.135rem;

}



.nav nav ul li:last-of-type {

    color: #333;

}



.select_father {

    width: 100%;

    position: relative;

    background-color: #fff;

    z-index: 4;

}



.select {

    padding-top: 0.39rem;

    padding-bottom: 0.165rem;

    box-sizing: border-box;

    width: 10.5002rem;

    height: 0.75rem;

    border-bottom: 1px solid #eeeeee;

    margin: auto;

    position: relative;

}



.select>div {

    font-size: 0.18rem;

     

    font-weight: 400;

    color: #A8A8A8;

    position: absolute;

    right: 0;

}



.select>div:nth-of-type(1) {

    right: 1.2675rem;

}



.select>div:nth-of-type(2) {

    color: #333;

}



.select>div>span {

    display: block;

    margin: auto;

    width: 0.0375rem;

    height: 0.135rem;

    margin-top: 0.05rem;

}



.select>div>.red1 {

    display: none;

}



.s1>div>.red2 {

    display: none;

}



.s1>div>.red1 {

    display: block;

}



.s1>div:nth-child(1) {

    color: #333;

}



.s1>div:nth-child(2) {

    color: #A8A8A8;

}



.main_father {

    width: 100%;

    position: relative;

    background-color: #fff;

    z-index: 3;

}



.main {

    width: 10.5002rem;

    margin: auto;

    padding-top: 0.4875rem;

    padding-bottom: 0.5925rem;

}



.main .title {

    width: 40%;

}

.main .title,

.main .main_intro {

    display: inline-block;

}

.main .title>span:nth-of-type(1) {

    font-size: 0.39rem;

     

    font-weight: 400;

    color: #333333;

}



.main .title>span:nth-of-type(2) {

    width: 0.0375rem;

    height: 0.14rem;

    margin: 0 0.1rem;

    margin-top: -0.08rem;

}



.main .title>span:nth-of-type(3) {

    height: 0.18rem;

    font-size: 0.18rem;

    font-family: Arial;

    font-weight: bold;

    color: #A8A8A8;

}



.main .main_intro {

    float: right;

    width: auto;

    overflow: hidden;

}



.main .main_intro>p,

.main .main_intro>select {

    display: inline-block;

}



.main .main_intro>p {

    width: 4.3876rem;

    height: 0.375rem;

    font-size: 0.135rem;

     

    font-weight: 400;

    color: #333333;

    line-height: 0.24rem;

}



.main .main_intro>select {

    float: right;

    width: 2.34rem;

    height: 0.435rem;

    border: 1px solid #E7E6E6;

    padding: 0rem 0.24rem;

    box-sizing: border-box;

    font-size: 0.135rem;

     

    font-weight: 400;

    color: #333333;

}



select {

    Chrome和Firefox里面的边框是不一样的，所以复写了一下

    border: solid 1px #000;

    将默认的select选择框样式清除

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    在选择框的最右侧中间显示小箭头图片

    background: url(../img/weihuavideoarrow.png) 1.9425rem 0.1875rem no-repeat scroll transparent;

    background-size: 0.1575rem 0.09rem;

    ;

    为下拉小箭头留出一点位置，避免被文字覆盖

    padding-right: 0.6rem;

}



清除ie的默认选择框样式清除，隐藏下拉箭头



select::-ms-expand {

    display: none;

}



.main .video {

    margin-top: 0.59rem;

    width: 10.5002rem;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.main .video .video_group,

.main .video .video_group1 {

    flex-shrink: 0;

    width: 5.0551rem;

    height: 4.8901rem;

    margin-bottom: 0.3675rem;

     background-color: #000; 

    position: relative;

}



.main .video .video_group>.video_box {

    display: inline-block;

    overflow: hidden;

}



.main .video .video_group>.video_box:nth-of-type(1) {

    width: 100%;

    height: 3.075rem;

     background-color: red; 

    position: absolute;

    top: 0;

}



.main .video .video_group>.video_box:nth-of-type(2),

.main .video .video_group>.video_box:nth-of-type(3) {

    width: 2.3325rem;

    height: 1.4175rem;

    position: absolute;

}



.main .video .video_group>.video_box:nth-of-type(2) {

     background-color: blue; 

    bottom: 0;

    left: 0;

}



.main .video .video_group>.video_box:nth-of-type(3) {

     background-color: green; 

    bottom: 0;

    right: 0;

}



.main .video .video_group1>.video_box {

    display: inline-block;

    overflow: hidden;

}



.main .video .video_group1>.video_box:nth-of-type(3) {

    width: 100%;

    height: 3.075rem;

     background-color: red; 

    position: absolute;

    bottom: 0;

}



.main .video .video_group1>.video_box:nth-of-type(1),

.main .video .video_group1>.video_box:nth-of-type(2) {

    width: 2.3325rem;

    height: 1.4175rem;

    position: absolute;

    top: 0;

}



.main .video .video_group1>.video_box:nth-of-type(2) {

     background-color: blue; 

    right: 0;

}



.main .video .video_group1>.video_box>img,

.main .video .video_group>.video_box>img {

    width: 100%;

    object-fit: cover;

    object-position: center center;

}



.main .video_box>.cover {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0);

    overflow: hidden;

    transition: all 0.5s;

}



.main .video_box>.cover>.play {

    display: block;

    opacity: 0.5;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    width: 9%;

    height: 15%;

    background: url(../img/weihuavideoplay.png) no-repeat;

    background-size: contain;

    transition: all 0.5s;

}



.main .video_box>.cover>.play::after {

    content: "";

    display: none;

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    border-radius: 50%;

    border: 2px solid rgba(255, 255, 255, 0.9);

    position: absolute;

    transform: translateX(50%) translateY(50%);

    animation: videoplayBtn 1.5s infinite;

}



@keyframes videoplayBtn {

    0% {

        transform: scale(0.9);

        opacity: 1;

    }

    100% {

        transform: scale(1.7);

        opacity: 0;

    }

}



.main .video_box>.cover>p {

    width: 90%;

    height: 0.15rem;

    font-size: 0.15rem;

    line-height: 0.15rem;

     

    font-weight: 400;

    color: #FFFFFF;

    padding-left: 0.08rem;

    position: absolute;

    left: 5%;

    bottom: 5%;

    transform: translateX(-6rem);

    border-left: 0.0375rem solid #ea222d;

    transition: all 0.5s;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.main .video_group>.video_box:nth-of-type(1)>.cover>p,

.main .video_group1>.video_box:nth-of-type(3)>.cover>p {

    position: absolute;

    left: 5%;

    bottom: 5%;

}



.main .video_box:hover .cover {

    background-color: rgba(0, 0, 0, 0.7);

}



.main .video_group>.video_box:nth-of-type(2)>.cover>p,

.main .video_group>.video_box:nth-of-type(3)>.cover>p,

.main .video_group1>.video_box:nth-of-type(1)>.cover>p,

.main .video_group1>.video_box:nth-of-type(2)>.cover>p {

    height: 0.12rem;

    font-size: 0.12rem;

    line-height: 0.12rem;

}



.main .video_box:hover .play {

    opacity: 1;

    background-image: url(../img/weihuavideoc_play.png);

}



.main .video_box:hover .play::after {

    display: block;

    border: 2px solid rgb(234, 34, 45);

}



.main .video_group>.video_box:hover>.cover>p,

.main .video_group1>.video_box:hover>.cover>p {

    transform: translateX(0rem)

}



.main .video_box .play:hover {

    transform: translateX(-50%) translateY(-50%) scale(1.2)

}



.main .load {

    width: 1.485rem;

    height: 0.39rem;

    line-height: 0.35rem;

    text-align: center;

    margin: auto;

    margin-top: 0.3rem;

    border: 1px solid #EA222D;

     border-radius: 0.03rem; 

    box-sizing: border-box;

    font-size: 0.12rem;

     

    font-weight: 400;

    color: #FFFFFF;

    cursor: pointer;

    position: relative;

    overflow: hidden;

    transition: all 0.5s;

}



.main .load>.load_bc {

    display: block;

    width: 100%;

    height: 100%;

    background: #EA222D;

     border-radius: 0.03rem; 

    position: absolute;

    top: 0;

    z-index: -1;

    transition: all 0.5s;

}



.main .load:hover {

    color: #EA222D;

}

.main .load:hover .load_bc {

    height: 0%;

}



.main1 {

    width: 10.5002rem;

    margin: auto;

    padding-top: 0.4875rem;

    padding-bottom: 0.5925rem;

}



.main1 .title, 

.main1 .main_intro {

    display: inline-block;

    vertical-align: top;

}

.main1 .title {

    width: 40%;

}



.main1 .title>span:nth-of-type(1) {

    font-size: 0.39rem;

     

    font-weight: 400;

    color: #333333;

}



.main1 .title>span:nth-of-type(2) {

    width: 0.0375rem;

    height: 0.14rem;

    margin: 0 0.1rem;

    margin-top: -0.08rem;

}



.main1 .title>span:nth-of-type(3) {

    height: 0.18rem;

    font-size: 0.18rem;

    font-family: Arial;

    font-weight: bold;

    color: #A8A8A8;

}



.main1 .main_intro {

    float: right;

    width: auto;

    overflow: hidden;

}



.main1 .main_intro>p,

.main1 .main_intro>select {

    display: inline-block;

}



.main1 .main_intro>p {

    width: 4.3876rem;

    height: 0.375rem;

    font-size: 0.135rem;

     

    font-weight: 400;

    color: #333333;

    line-height: 0.24rem;

}



.main1 .main_intro>select {

    float: right;

    width: 2.34rem;

    height: 0.435rem;

    border: 1px solid #E7E6E6;

    padding: 0rem 0.24rem;

    box-sizing: border-box;

    font-size: 0.135rem;

     

    font-weight: 400;

    color: #333333;

}



select {

    Chrome和Firefox里面的边框是不一样的，所以复写了一下

    border: solid 1px #000;

    将默认的select选择框样式清除

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    在选择框的最右侧中间显示小箭头图片

    background: url(../img/weihuavideoarrow.png) 1.9425rem 0.1875rem no-repeat scroll transparent;

    background-size: 0.1575rem 0.09rem;

    ;

    为下拉小箭头留出一点位置，避免被文字覆盖

    padding-right: 0.6rem;

}



清除ie的默认选择框样式清除，隐藏下拉箭头



select::-ms-expand {

    display: none;

}



.main1 .video {

    margin-top: 0.9rem;

    width: 10.5002rem;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.main1 .video .video_group,

.main1 .video .video_group1 {

    flex-shrink: 0;

    width: 5.0551rem;

    height: 4.8901rem;

    margin-bottom: 0.3675rem;

     background-color: #000; 

    position: relative;

}



.main1 .video .video_group>.video_box {

    display: inline-block;

    overflow: hidden;

}



.main1 .video .video_group>.video_box:nth-of-type(1) {

    width: 100%;

    height: 3.075rem;

     background-color: red; 

    position: absolute;

    top: 0;

}



.main1 .video .video_group>.video_box:nth-of-type(2),

.main1 .video .video_group>.video_box:nth-of-type(3) {

    width: 2.3325rem;

    height: 1.4175rem;

    position: absolute;

}



.main1 .video .video_group>.video_box:nth-of-type(2) {

     background-color: blue; 

    bottom: 0;

    left: 0;

}



.main1 .video .video_group>.video_box:nth-of-type(3) {

     background-color: green; 

    bottom: 0;

    right: 0;

}



.main1 .video .video_group1>.video_box {

    display: inline-block;

    overflow: hidden;

}



.main1 .video .video_group1>.video_box:nth-of-type(3) {

    width: 100%;

    height: 3.075rem;

     background-color: red; 

    position: absolute;

    bottom: 0;

}



.main1 .video .video_group1>.video_box:nth-of-type(1),

.main1 .video .video_group1>.video_box:nth-of-type(2) {

    width: 2.3325rem;

    height: 1.4175rem;

    position: absolute;

    top: 0;

}



.main1 .video .video_group1>.video_box:nth-of-type(1) {

    left: 0;

}



.main1 .video .video_group1>.video_box:nth-of-type(2) {

    right: 0;

}



.main1 .video .video_group1>.video_box>img,

.main1 .video .video_group>.video_box>img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center center;

    transition: all 1s;

}



.main1 .video_box>.cover {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0);

    overflow: hidden;

    transition: all 0.5s;

}



.main1 .video_box>.cover>p {

    width: 90%;

    height: 0.15rem;

    font-size: 0.15rem;

    line-height: 0.15rem;

     

    font-weight: 400;

    color: #FFFFFF;

    padding-left: 0.08rem;

    position: absolute;

    left: 5%;

    bottom: 5%;

    transform: translateX(-6rem);

    border-left: 0.0375rem solid #ea222d;

    transition: all 0.5s;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.main1 .video_group>.video_box:nth-of-type(1)>.cover>p,

.main1 .video_group1>.video_box:nth-of-type(3)>.cover>p {

    position: absolute;

    left: 5%;

    bottom: 5%;

}



.main1 .video_group>.video_box:nth-of-type(2)>.cover>p,

.main1 .video_group>.video_box:nth-of-type(3)>.cover>p,

.main1 .video_group1>.video_box:nth-of-type(1)>.cover>p,

.main1 .video_group1>.video_box:nth-of-type(2)>.cover>p {

    height: 0.12rem;

    font-size: 0.12rem;

    line-height: 0.12rem;

}



.main1 .video_box:hover>.cover>p {

    transform: translateX(0rem)

}



.main1 .video .video_box:hover img {

    transform: scale(1.1);

}



.main1 .video_box:hover .cover {

    background-color: rgba(0, 0, 0, 0.4);

}



.main1 .load {

    width: 1.485rem;

    height: 0.39rem;

    line-height: 0.35rem;

    text-align: center;

    margin: auto;

    margin-top: 0.3rem;

    border: 1px solid #EA222D;

     border-radius: 0.03rem; 

    box-sizing: border-box;

    font-size: 0.12rem;

     

    font-weight: 400;

    color: #FFFFFF;

    cursor: pointer;

    position: relative;

    overflow: hidden;

    transition: all 0.5s;

}



.main1 .load>.load_bc {

    display: block;

    width: 100%;

    height: 100%;

    background: #EA222D;

     border-radius: 0.03rem; 

    position: absolute;

    top: 0;

    z-index: -1;

    transition: all 0.5s;

}



.main1 .load:hover {

    color: #EA222D;

}

.main1 .load:hover .load_bc {

    height: 0%;

}



  



  



  



.popups {

    width: 100%;

    height: 100vh;

    background-color: rgba(0, 0, 0, 0.9);

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1000000000;

    display: none;

}



.popups .close {

    width: 50px;

    height: 50px;

    background-color: white;

    position: absolute;

    top: 20px;

    right: 20px;

    border-radius: 50%;

    cursor: pointer;

}



.popups .close img {

    width: 20px;

    height: 20px;

    display: block;

    margin: 0 auto;

    margin-top: 15px;

}



.popups .video {

    width: 70%;

    height: 60vh;

    margin: 0 auto;

    margin-top: 20vh;

    position: relative;

}



.popups .video video {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center center;

}



.popups .intro {

    color: #fff;

    text-align: center;

    font-size: 0.15rem;

}



.popups1 {

    width: 100%;

    height: 100vh;

    background-color: rgba(0, 0, 0, 0.9);

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1000000000;

    display: none;

}



.popups1 .close {

    width: 50px;

    height: 50px;

    background-color: white;

    position: absolute;

    z-index: 5;

    top: 20px;

    right: 20px;

    border-radius: 50%;

    cursor: pointer;

}



.popups1 .close img {

    width: 20px;

    height: 20px;

    display: block;

    margin: 0 auto;

    margin-top: 15px;

}



.popups1 .video {

    width: 100%;

    height: 100%;

    margin: 0 auto;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

}



.popups1 .imgSwiper {

    --swiper-navigation-color: #fff;

    width: 100%;

    height: 100%;

}



.popups1 .video .swiper_img {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateY(-50%) translateX(-50%);

}



.popups1 .video .imgSwiper img {

    width: 100%;

}



.popups1 .video .swiper_text {

    display: block;

    color: #fff;

    font-size: 0.15rem;

    position: absolute;

    bottom: 0.5rem;

    left: 50%;

    transform: translateX(-50%);

}



.fixed {

    position: fixed;

    top: 0;

    left: 0;

}



@media screen and (max-width:1024px) {

    .in_banner_bot {

        height: 5rem;

    }

    .nav {

        width: 100%;

        height: 1.5rem;

    }

    .nav_father>.nav nav {

        width: 90%;

        height: 1.5rem;

        line-height: 1.5rem;

        margin: 0 auto;

    }

    .nav_father>.nav nav ul li {

        font-size: 0.25rem;

    }

    .select {

        width: 90%;

        padding-top: 0.1rem;

        display: flex;

        justify-content: center;

    }

    .select>div {

        position: relative;

        font-size: 0.3rem;

        margin: 0 0.2rem;

    }

    .select>div:nth-of-type(1) {

        right: 0rem;

    }

    .select>div>span {

        display: block;

        margin: auto;

        width: 0.04rem;

        height: 0.2rem;

        margin-top: 0.15rem;

    }

    .main,

    .main1 {

        width: 90%;

    }

    .main .title>span:nth-of-type(1),

    .main1 .title>span:nth-of-type(1) {

        font-size: 0.45rem;

    }

    .main .title>span:nth-of-type(3),

    .main1 .title>span:nth-of-type(3) {

        height: 0.25rem;

    }

    .main .title>span:nth-of-type(2),

    .main1 .title>span:nth-of-type(2) {

        width: 0.04rem;

        height: 0.2rem;

        margin: 0 0.1rem;

        margin-top: 0;

    }

    .main .main_intro>p,

    .main1 .main_intro>p {

        width: 100%;

        font-size: 0.26rem;

         

        font-weight: 400;

        color: #333333;

        line-height: 0.35rem;

    }

    .main .main_intro>select,

    .main1 .main_intro>select {

        margin-top: 0.5rem;

        width: 100%;

        height: 1rem;

        padding: 0rem 0.4rem;

        font-size: 0.26rem;

        background: url(../img/weihuavideoarrow.png) 6rem 0.4rem no-repeat scroll transparent;

        background-size: 0.28rem 0.15rem;

    }

    .main .video,

    .main1 .video {

        margin-top: 0.585rem;

        width: 100%;

        display: block;

    }

    .main .video .video_group,

    .main .video .video_group1,

    .main1 .video .video_group,

    .main1 .video .video_group1 {

        width: 100%;

        height: 13.5rem;

        margin-bottom: 0.5rem;

        position: relative;

    }

    .main .video .video_group>.video_box:nth-of-type(1),

    .main1 .video .video_group>.video_box:nth-of-type(1),

    .main .video .video_group1>.video_box:nth-of-type(1),

    .main1 .video .video_group1>.video_box:nth-of-type(1) {

        position: relative;

        width: 100%;

        height: 4.075rem;

        margin-bottom: 0.5rem;

    }

    .main .video .video_group>.video_box:nth-of-type(2),

    .main1 .video .video_group>.video_box:nth-of-type(2),

    .main .video .video_group1>.video_box:nth-of-type(2),

    .main1 .video .video_group1>.video_box:nth-of-type(2) {

        position: relative;

        width: 100%;

        height: 4.075rem;

        margin-bottom: 0.5rem;

    }

    .main .video .video_group>.video_box:nth-of-type(3),

    .main1 .video .video_group>.video_box:nth-of-type(3),

    .main .video .video_group1>.video_box:nth-of-type(3),

    .main1 .video .video_group1>.video_box:nth-of-type(3) {

        position: relative;

        width: 100%;

        height: 4.075rem;

        margin-bottom: 0.5rem;

    }

    .main .video .video_group>.video_box .play,

    .main1 .video .video_group>.video_box .play,

    .main .video .video_group1>.video_box .play,

    .main1 .video .video_group1>.video_box .play {

        width: 0.8rem;

        height: 0.8rem;

        background: url(../img/weihuavideoplay.png) no-repeat;

        background-size: cover;

        transition: all 0.5s;

    }

    .main .video .video_group>.video_box:hover .play,

    .main1 .video .video_group>.video_box:hover .play,

    .main .video .video_group1>.video_box:hover .play,

    .main1 .video .video_group1>.video_box:hover .play {

        opacity: 1;

        background-image: url(../img/weihuavideoc_play.png);

    }

    .main .video .video_group>.video_box>.cover>p,

    .main1 .video .video_group>.video_box>.cover>p,

    .main .video .video_group1>.video_box>.cover>p,

    .main1 .video .video_group1>.video_box>.cover>p {

        font-size: 0.25rem;

        line-height: 0.25rem;

        height: 0.25rem;

        left: 0.2rem;

        bottom: 0.4rem;

    }

    .main .load,

    .main1 .load {

        width: 3rem;

        height: 0.8rem;

        line-height: 0.8rem;

        text-align: center;

        margin: auto;

        margin-top: 0.3rem;

        border: 0.01rem solid #EA222D;

        box-sizing: border-box;

        font-size: 0.24rem;

         

        font-weight: 400;

        color: #FFFFFF;

        cursor: pointer;

        position: relative;

        overflow: hidden;

    }

    .main .load .load_bc,

    .main1 .load .load_bc {

        width: 100%;

        height: 100%;

    }

    .popups .video {

        width: 100%;

        height: auto;

        margin: 0 auto;

        position: relative;

        top: 50%;

        transform: translateY(-50%);

    }

    .popups .video video {

        width: 100%;

        object-fit: contain;

    }

    .popups1 .video .swiper_img {

        width: 100%;

    }

    .popups1 .video .imgSwiper img {

        height: 50%;

        width: 100%;

    }

    .popups1 .video .swiper_text {

        color: #fff;

        font-size: 0.25rem;

        position: absolute;

        bottom: 4rem;

        left: 50%;

        transform: translateX(-50%);

    }

}*/