.unv-search {
    width: 1200px;
    height: 144px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.logo {
    width: 384.12px;
    height: 42.1px;
}

.nav-all {
    display: flex;
    margin-left: 52px;
    cursor: pointer;
    margin-top: -12px;
}

    .nav-all ul li .menu {
        position: relative;
        width: 112px;
    }

.nav-ones {
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #D7211A;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    width: 112px;
    height: 132px;
    position: relative;
    z-index: 10002;
}

.nav-all ul li .menu .menu_panel {
    background-color: #D7211A;
    opacity: 0.8;
    *filter: alpha(opacity=80);
    display: none;
    border-left: solid 0px #da2c2b;
    border-right: solid 0px #da2c2b;
    position: absolute;
    left: 0;
    top: 130px;
    width: 112px;
    z-index: 10001;
}

    .nav-all ul li .menu .menu_panel a {
        text-decoration: none;
        display: block;
        color: #fff;
        font-size: 16px;
        text-align: center;
    }

    .nav-all ul li .menu .menu_panel p {
        height: 34px;
        line-height: 34px;
        border-top: dashed 1px #da2c2b;
        border-bottom: dashed 1px #da2c2b;
        margin-top: 8px;
    }

        .nav-all ul li .menu .menu_panel p:hover {
            background-color: #aaa;
            border-top: dashed 1px #aaa;
            border-bottom: dashed 1px #aaa;
        }

            .nav-all ul li .menu .menu_panel p:hover a {
                color: #000;
            }

.menu:hover .menu_panel {
    display: block !important;
}

.nav-one {
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #333333;
    width: 112px;
    height: 132px;
}

.menu:hover {
    background: #D7211A;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

    .menu:hover .nav-one {
        color: #FFFFFF;
    }

.line {
    width: 100%;
    height: 7px;
    background: #D7211A;
    margin-top: -12px;
}

.ous {
    display: flex;
}

.bgm {
    position: relative;
}

.logoBgm {
    /*position: absolute;*/
    z-index: 12;
    top: 0;
    left: 0;
    /*width: 100%;
    height: 100%;*/
    width:1200px;
    margin:0 auto;
}

.sunny {
    width: 240px;
    height: 45px;
    text-align: center;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 45px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 55;
    cursor: pointer;
}

    .sunny:hover {
        background: rgba(0, 0, 0, 0.2);
        color: #FFFFFF;
    }

.delogo {
    width: 573.19px !important;
    height: 62.82px !important;
    position: absolute;
    z-index: 12;
    margin-top: 60px;
    /*margin-left: 360px;*/
}

.re {
    /*width: 240px;
    height: 135px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 11;
    top: 696px;
    left: 361px;
    display: none;*/
    width: 240px;
    height: 135px;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 11; 
    margin-top: -135px; 
    display: none;
}


/* .aa {
    display: none;
} */

.res {
    width: 240px;
    height: 135px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 11;
    top: 705px;
    left: 600px;
    display: none;
}

.run-title {
    /*width: 240px;
    height: 283px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 11;
    top: 559px;
    left: 843px;
    display: none;*/
    width: 240px;
    height: 283px;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 11;
    margin-left: 479px;
    margin-top: -282px;
    display: none;
}

.enterprise-title {
    /*width: 240px;
    height: 95px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 11;
    top: 736px;
    left: 1079px;
    display: none;*/

    width: 240px;
    height: 95px;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 11; 
    margin-top: -95px; 
    margin-left: 719px;
    display: none;
}
}

.play-title {
    width: 240px;
    height: 135px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 11;
    top: 705px;
    left: 1323px;
    display: none;
}

.blacg {
    width: 100%;
    height: 106px;
    background: rgba(0, 0, 0, .16);
    position: absolute;
    z-index: 11;
    bottom: 0;
    left: 0;
}

.commpen-total {
    /*position: absolute;
    padding-left: 360px;
    z-index: 555;*/
    z-index: 555;
    width: 1200px;
    margin: 0 auto;
}

.commpen {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 106px;
}

.newsw {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 106px;
}

.runs {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 106px;
}

.enterprise {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 106px;
}

.play-vidio {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 106px;
}

.commpen:hover {
    width: 240px !important;
    height: 106px !important;
    background: #D7211A !important;
    opacity: 1 !important;
}

.newsw:hover {
    width: 240px;
    height: 106px;
    background: #D7211A;
    opacity: 1;
}

.runs:hover {
    width: 240px;
    height: 106px;
    background: #D7211A;
    opacity: 1;
}

.enterprise:hover {
    width: 240px;
    height: 106px;
    background: #D7211A;
    opacity: 1;
}

.play-vidio:hover {
    width: 240px;
    height: 106px;
    background: #D7211A;
    opacity: 1;
}

.commpen-title {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 10px;
    cursor: pointer;
}

.commpen-lin {
    width: 1px;
    height: 106px;
    background: #FFFFFF;
    opacity: 0.5;
}

.commpen-img {
    width: 30px;
    height: 30px;
}


/**/


/*焦点关注*/

.center {
    width: 1200px;
    margin: 0 auto;
}

.top {
    display: flex;
    margin-top: 40px;
    align-items: center;
}

.vertical {
    width: 4px;
    height: 29px;
    background: #D7211A;
}

.title {
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    margin-left: 12px;
}

.egish {
    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
    color: #CCCCCC;
    margin-left: 6px;
}

.bottom {
    width: 350px;
    height: 2px;
    background: #EEEEEE;
    border-radius: 1px;
    margin-top: 12px;
}


/*公司新闻*/

.newLine {
    margin-left: 79px;
}

.newMore {
    width: 770px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}

.newsToal {
    display: flex;
    align-items: center;
}

.more {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #888888;
}

.bott {
    width: 770px;
    height: 2px;
    background: #EEEEEE;
    opacity: 1;
    border-radius: 1px;
    margin-top: 12px;
}

.project-title {
    display: block;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    margin-top: 24px;
    cursor: pointer;
}

.project-time {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #CCCCCC;
    margin-top: 12px;
}

.project-detail {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #D7211A;
    margin-top: 10px;
    margin-bottom: 8px;
}

.project-dotted {
    width: 770px;
    height: 0px;
    border: 1px dotted #EEEEEE;
    opacity: 1;
    margin-top: 12px;
    margin-bottom: 12px;
}

.project-news {
    display: flex;
    align-items: center;
}

.project-stamp {
    width: 53px;
    height: 46px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    /*float: left;*/
    overflow: hidden;
    margin-top: 0px !important;
    margin-top: 2px;
}

.project-number {
    width: 46px;
    height: 29px;
    color: #fff;
    background-color: #D7211A;
    line-height: 29px;
    text-align: center;
    font-size: 18px;
    overflow: hidden;
}

.project-intro {
    width: 46px;
    height: 17px;
    color: #fff;
    background-color: #D4B654;
    line-height: 17px;
    text-align: center;
    overflow: hidden;
    font-family: Arial, "Microsoft Yahei", "宋体";
    -webkit-text-size-adjust: none;
    font-size: 10px;
}

.project-describe {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin-left: 20px;
}


/*服务模式*/

.seer-total {
    margin: 60px auto auto auto;
    /*background-image: url('../images/coo.png');*/
    background-size: 100% 1051px;
    background-repeat: no-repeat;
}

.servere-center {
    width: 1200px;
    margin: 0 auto;
    /*padding-top: 50px;*/
}

.servers {
    display: flex;
    align-items: center;
}

.server_lin {
    width: 1200px;
    height: 2px;
    background: #EEEEEE;
    opacity: 1;
    border-radius: 1px;
    margin-top: 12px;
}

.pattern {
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #D7211A;
    margin-top: 30px;
}

.pattern-word {
    width: 1200px;
    height: 56px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 32px;
    color: #666666;
    margin-top: 24px;
    cursor: pointer;
}

.fp-tableCell {
    height: 100% !important;
}

#section0 {
    height: 100% !important;
}


/**/

.tration {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.contrac {
    width: 400px;
    height: 300px;
    cursor: pointer;
    flex: 1;
    /* position: relative; */
}

.general {
    width: 400px;
    height: 300px;
    position: relative;
}

.bg {
    background: rgba(199, 152, 0, 0.7);
    position: absolute;
    z-index: 12;
    top: 922px;
    width: 400px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toll {
    width: 70px;
    height: 61px;
    z-index: 13;
}

.toll-all {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.94;
    margin-top: 24px;
}

.pink {
    background: rgba(215, 33, 26, 0.7);
    position: absolute;
    z-index: 12;
/*更改*/
    top: 922px;
    width: 400px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty {
    background: rgba(58, 56, 48, 0.7);
    position: absolute;
    z-index: 12;
/*更改*/
    top: 922px;
    width: 400px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#lefts {
    width: 350px;
    height: 394px;
    float: left;
    overflow: hidden;
    margin-top: 24px;
}

    #lefts .focus {
        width: 350px;
        height: 394px;
        position: relative;
    }

.slider {
    position: absolute;
    width: 10000px;
}

    .slider li {
        list-style: none;
        float: left;
    }

    .slider img {
        width: 350px;
        height: 394px;
    }

.num {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

    .num li {
        float: left;
        color: #fff;
        text-align: center;
        line-height: 18px;
        width: 18px;
        height: 18px;
        font-family: Arial;
        font-size: 12px;
        cursor: pointer;
        overflow: hidden;
        margin: 0px 2px;
        background-color: #e66a6a;
    }

        .num li.on {
            color: #fff;
            line-height: 18px;
            width: 18px;
            height: 18px;
            font-size: 14px;
            background-color: #da2c2b;
            font-weight: bold;
        }


/* 精品工程 */

.work {
    width:100%;
    /*background: #FFFFFF;*/
    opacity: 1;
    cursor: pointer;
    margin: auto;
}

.boutique {
    width: 1200px;
    margin: 0 auto;
}

.boutique-total {
    width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}

.amorous {
     width: 240px; 
    height: 240px;
    position: relative;
}

.becau {
    display: none;
}

.mask {
    position: absolute;
    width: 240px;
    height: 240px;
    background: #362C2C;
    opacity: 0.8;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}

    .mask p {
        width: 200px;
        height: 156px;
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 20px;
        color: #FFFFFF;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .down {
    animation: myMove 4s infinite;
    -webkit-animation: myMove 4s infinite;
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: 11;
    /*bottom: 50;*/
    top: 350px;
    right: 60px;
}

/*@keyframes myMove {
    100% {
        top: 300px;
    }
}*/

@keyframes myMove
{
from {top:280px;}
to {top:450px;}
}

.introdu {
    width: 240px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF;
    margin-top: -4px;
}

.introdu-title {
    font-size: 16px;
    width: 260px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left:16px
}

.introdu-img {
    width: 24px;
    height: 24px;
    margin-right: 16px;
}

.introdu-imgs {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    display: none;
}

.aucre {
    border-bottom: 1px solid #EEEEEE;
}

    .aucre:hover .becau {
        display: block;
    }

    .aucre:hover .introdu {
        background: #D7211A;
    }

    .aucre:hover .introdu-title {
        color: #FFFFFF;
    }

    .aucre:hover .introdu-imgs {
        display: block;
    }

    .aucre:hover .introdu-img {
        display: none;
    }


/* .introdu:hover {
    background: #D7211A;
} */


/* .introdu:hover .introdu-title {
    color: #FFFFFF;
} */


/* .introdu:hover .introdu-imgs {
    display: block;
} */


/* .introdu:hover .introdu-img {
    display: none;
} */

.ui-to {
    width: 100%;
    display: inline-flex;
}


/* 友情链接 */

.firend {
    cursor: pointer;
}

.firend-ui {
    display: flex;
    margin-top: 8px;
}

.firend-total {
    width: 100%;
    background: #F8F8F8;
}

.firend {
    width: 1200px;
    margin: 0 auto;
    padding-top: 34px;
    padding-bottom: 34px;
}

.firend-title {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.firend-titles {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.firend-link {
    display: flex;
    align-items: center;
}

.firend-eng {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #CCCCCC;
    margin-left: 12px;
}

.firend-lin {
    width: 1px;
    height: 13px;
    background: #333333;
    opacity: 0.53;
    margin: 0 30px;
}


/* 关于我们 */

.about {
    width: 100%;
    height: 197px;
    background: #272020;
    opacity: 1;
}

.about-ui {
    display: flex;
}

.about-totals {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
    cursor: pointer;
}

.about-total {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.about-title {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

.firend-title a:hover {
    color: #D7211A;
}

.about-title a:hover {
    color: #D7211A !important;
}

.about-lin {
    width: 1px;
    height: 13px;
    background: #FFFFFF;
    opacity: 0.53;
    margin: 0 20px;
}

.addre-tit {
    display: flex;
    align-items: center;
    margin-top: 33px;
}

.addres {
    width: 17px;
    height: 20px;
}

.addres-word {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin-left: 12px;
}

.follow {
    display: flex;
    margin-top: 40px;
}

.weiixn {
    width: 100px;
    height: 100px;
}

.weibo {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 12px;
}

.trademark {
    width: 100%;
    height: 49px;
    background: #0C0909;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trademark-total {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    cursor: pointer;
}

.build {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

.build-number {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin-left: 135px;
}


/* swiper*/

.blocks .swiper-container {
    width: 100% !important;
    height: 100% !important;
}

.blocks .swiper-wrapper .bgm {
    width: 100% !important;
    height: 100% !important;
}

.blocks .swiper-pagination-bullet {
    display: none !important;
    background: #FFFFFF !important;
    width: 12px !important;
    height: 12px !important;
    opacity: 1 !important;
}

.blocks .swiper-pagination-bullet-active {
    background: #AA0B2A !important;
    width: 12px !important;
    height: 12px !important;
}

#swiper2 .swiper-container {
    margin-top: 18px !important;
}

.unv-info .swiper-container {
    --swiper-navigation-size: 10px;
    /* 设置按钮大小 */
}

.unv-info .swiper-button-prev {
    left: auto !important;
    right: 53px !important;
}

.unv-info .swiper-button-next {
    right: 24px !important;
}

.unv-info .swiper-button-next,
.swiper-button-prev {
    margin-top: auto !important;
    transform: translateY(-50%) !important;
    width: 8px !important;
    height: 14px !important;
    background-size: 8px 27px !important;
}

#section0 {
    height: 100% !important;
     overflow-x:auto;
}

.videos {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
}

.vclose {
    position: absolute;
    right: 1%;
    top: 1%;
    border-radius: 100%;
    width: 25px !important;
    height: 25px !important;
}

.partybg{
    min-width:1920px;
    background:url(../images/bg2.png);
    background-repeat:no-repeat;
    background-size: 100% 100%;
  
}