/*!*pc*!*/
@media (min-width: 1024px) {

    .swiperInfo {
        width: 1000px !important;
    }
    .videoStyle div {
        width: 90% !important;
    }


}
/*>=1024的设备*/

@media (min-width: 1100px) {
    .swiperInfo{
        width: 1050px !important;
    }
    .videoStyle div {
        width: 90% !important;
    }

} /*>=1100的设备*/
@media (min-width: 1280px) {
    .swiperInfo{
        width: 1180px !important;
    }
    .videoStyle div {
        width: 70% !important;
    }

} /*>=1280的设备*/

@media (min-width: 1366px) {

    .swiperInfo{
        width: 1266px !important;
    }


}

@media (min-width: 1440px) {
    .swiperInfo{
        width: 1340px !important;
    }
    .videoStyle div {
        width: 65% !important;
    }
    .videoStyle div h2 {
        font-size: 48px !important;
    }



}

@media (min-width: 1680px) {
    .swiperInfo{
        /*width: 1680px !important;*/
        width: 1570px !important;
    }

}
@media (min-width: 1920px) {
    .swiperInfo{
        /*width: 1920px !important;*/
        width: 1570px !important;
    }
    .mr_frUl {
        width: calc((100% - 86px));
    }
    .mr_zhe,.mr_frUl ul li .mr_block{
        margin-left: calc((100% - 300px) / 2);
    }
}

@media only screen and (min-width: 775px) and (max-width: 992px){
    .swiperInfo{
        /*width: 1920px !important;*/
        width: 750px !important;
    }
    .friend {
        height: 300px;
    }
    .mr_frUl ul li {
        height: 280px;
    }
    .mr_frUl ul li .mr_block {
        height: 280px;
    }
    .mr_zhe_i h1 {
        font-size: 152px;
        height: 88px;
        line-height: 88px;
        margin-top: 42px;
        margin-bottom: 62px;
    }
    .mr_frBtnL,.mr_frBtnR {
        margin-top: 100px
    }
    .mr_zhe_hover {
        height: 140px;
        bottom: -696px;
    }
    .mr_zhe_hover h1 {
        margin: 0px 0 10px
    }
    .ca-menu{
        width: 100%;
        padding-left: 0px;
        display: inline-block;
    }
    .ca-menu li {
        margin-left: calc((100% / 3) - 230px);
    }
    .videoStyle div h2 {
        font-size: 28px !important;
    }
}
@media (max-width: 768px){
    .friend{
        width: 100%;
        height: 380px;
    }
    .mr_frUl{
        width:calc(100% - 56px);
        display: flex;
        margin-left: 5px;
    }
    .mr_frUl ul li{
        width:100% ;
        height: 389px;
    }
    .mr_frUl ul li .mr_block,.mr_zhe{
        width:100%;
        margin: 0px;
    }
    .mr_zhe_i h1{
        height: 120px;
        line-height: 120px;
    }
    .mr_frBtnL,.mr_frBtnR{
        margin-top: 150px;
        width: 14px;
        height: 30px;
    }
    .mr_zhe_hover{
        width:100%;
    }
    .col{
        margin: 0 0 2rem 0;
    }


}