
body{padding: 0;
    font-size: 16px;
    line-height: 1.7;
    font-family: "Microsoft Yahei", 微软雅黑, PingFangSC-Regular, arial;
    max-width: 1920px;
    margin: 0px auto;
    word-break: normal;
}
.header{background-color:rgba(0, 0, 0, 0.3)}
.header.fixed{background-color:#C7000A;border-bottom: 2px solid #C7000A;}
.header:hover{background-color:#C7000A;border-bottom: 2px solid #C7000A;}
.index-tit{
    font-size: 1.875vw;
    font-weight: bold;
    font-style: italic;
    color: #000;
}
.index-tit img{
    height: 3vw;
    position: relative;
    top: 6px;
    margin-right: 15px;
}

/* banner begin */
.banner-index {height:100vh;padding-top:16%;position: relative;z-index: 2;}
.ban-text .text {width:56%;}
.ban-text .more-btn {margin-top:40px;}
.ban-pos {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 30px 0 50px;
    background: rgba(0, 0, 0, 0.4);
}
.box-tab {position:relative;margin-bottom:30px;}
.box-tab li {display:inline-block;cursor:pointer;}
.box-tab li:nth-child(2) {margin-left:4%;}
.box-tab li .tit {color:#fff;font-size:20px;opacity: 0.5;}
.box-tab li.on .tit {opacity: 1;}
.box-tab-cont .banner-tab{padding: 16px 20px;background: #393939;position: relative;display: none;}
.box-tab-cont .item {width:25%;float:left;position:relative;}
.box-tab-cont .item:nth-child(1){z-index: 4;}
.box-tab-cont .item:nth-child(2){z-index: 3;}
.box-tab-cont .item:nth-child(3){z-index: 2;}
.box-tab-cont .item:nth-child(4){z-index: 1;
    width: 18%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.box-tab-cont .item:nth-child(4)::after{
    content: '';
    position: absolute;
    top: 0px;
    left: -88px;
    border-left: 44px solid transparent;
    border-right: 44px solid #C7000A;
    border-top: 44px solid #C7000A;
    border-bottom: 44px solid transparent;
}
.box-tab-cont .item .con {background:#fff;height:56px;line-height:56px;margin:0 10px;}
.box-tab-cont .item .icon {position:absolute;left:32px;width:30px;opacity: 0.5;}
.box-tab-cont .item .icon img {position:relative;top:6px;}
.box-tab-cont .item .jt {position:absolute;right:32px;top:0;}
.box-tab-cont .item .sel {height:auto;background:transparent;}
.box-tab-cont .item .sel .sel-text input {height:56px;background:transparent;border:none;text-indent:52px;font-size:18px;}
.box-tab-cont .item .sel .sel-icon {line-height:56px;right:36px;}
.box-tab-cont .item .sel .sel-nav {font-size:18px;top:56px;left:0;box-shadow:none;}
.box-tab-cont .item .sel .sel-nav a {padding:0 30px;line-height:46px;}
.box-tab-cont .item .con.banner-sear {font-size:24px;background:#C7000A;text-align: center;height: 100%;margin: 0;line-height: 88px;}
.box-tab-cont .item .con.banner-sear a{color: #fff;display: block;}
.box-tab-cont .item .con.banner-sear span {font-weight:bold;margin-right: 15px;}

@media screen and (max-width:1450px){
    .ban-text .text {width:45%;}
    .banner-index {
        padding-top: 13%;
    }
    .ban-text .more-btn {margin-top:20px;}
    .ban-pos {
        padding: 0 0 30px;
    }
    .box-tab li .tit {
        font-size: 18px;
    }
    .box-tab-cont .banner-tab {
        padding: 10px;
    }
    .box-tab-cont .item .con {
        height: 40px;
        line-height: 40px;
    }
    .box-tab-cont .item .con.banner-sear {
        line-height: 60px;
    }
    .box-tab-cont .item:nth-child(4)::after {
        left: -60px;
        border-left: 30px solid transparent;
        border-right: 30px solid #C7000A;
        border-top: 30px solid #C7000A;
        border-bottom: 30px solid transparent;
    }
    .box-tab {
        margin-bottom: 12px;
    }
    .box-tab li .bor {margin:12px auto 8px;}
    .box-tab-cont .item .sel .sel-text input {text-indent:32px;font-size:12px;height: 40px;}
    .box-tab-cont .item .icon {left:20px;width:24px;}
    .box-tab-cont .item .sel .sel-icon {right:20px;line-height: 40px;}
    .box-tab-cont .item .con.banner-sear {font-size:20px;}
    .box-tab-cont .item .sel .sel-nav {font-size:14px;top: 40px;}
    .box-tab-cont .item .sel .sel-nav a {padding:0 20px;}
}
@media screen and (max-width:1199px){
    .banner-index {
        height: auto;
        padding-bottom: 50px;
    }
}
@media screen and (max-width:768px){
    .index-tit {font-size:20px;}
    .box-tab {margin-bottom:20px;}
    .banner-index {padding-top:100px;}
    .ban-text .text {width:90%;}
    .box-tab-cont .item {width:100%;margin-top:12px;z-index:1;}
    .box-tab-cont .item:last-child {z-index:0;}
    .box-tab li .bor {width:100px;}
    .box-tab li .tit {font-size:16px;}
    .box-tab-cont .item .con {height:48px;line-height:48px;margin: 0;}
    .box-tab-cont .item .sel .sel-text input {height:46px;text-indent: 44px;}
    .box-tab-cont .item .sel .sel-icon {line-height:48px;}
    .box-tab-cont .item .sel .sel-nav {top:48px;left:0;}
    .ban-pos {margin-top:4%;background:none;padding:0;position: static;}
    .ban-pos .wp {padding:0;}
    .box-tab-cont .banner-tab {padding:8px 12px 20px;}
    .box-tab-cont .item:nth-child(4) {width:100%;position:static;}
    .box-tab-cont .item:nth-child(4)::after {display:none;}
    .box-tab-cont .item .con.banner-sear {line-height:48px;}
    .index-tit img {height:32px;top:4px;margin-right: 11px;}
}

/* banner end */

/* 模块一 */
.row-index1 {position:relative;height:100vh;}
.row-index1 .pic {position:absolute;bottom:3%;right:8%;}
.row-index1 .pic img {max-height:31vw;}
.row-index1 .left {width:42%;background:url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025103120522131959/cms/image/f7af99f9-f7e7-4df9-9261-b62eecdf1c7c.png) no-repeat right;background-size:cover;position:absolute;bottom:0;top:0;padding-left:calc((100% - 1450px)/2);padding-right:6vw;}
.row-index1 .left .txt {font-style:italic;color:#666;margin:4px 0 30px;}
.row-index1 .one-nav li {position:relative;padding-left:15px;}
.row-index1 .one-nav li a {display:inline-block;font-size:18px;font-weight:bold;color:rgba(102,102,102,0.5);position:relative;z-index:1;padding:15px 0;}
.row-index1 .one-nav li::before {content:'';display:block;position:absolute;width:34px;height:46px;background:#fff;transform:skewX(-12deg);top:8px;left:0;}
.row-index1 .one-nav li.on::before {top:12px;}
.row-index1 .one-nav li.on a {color:#C7000A;font-size:24px;}
.index-btn {display:inline-block;margin-top:5vw;color:#555;text-decoration:underline;}
.row-index1 .pic .item {display:none;}
.row-index1 .pic .item:first-child {display:block;}
.row-index1 .right {float:right;width:53%;padding-top:7vw;}
.row-index1 .two-nav .item {display:none;}
.row-index1 .two-nav .item:first-child {display:block;}
.row-index1 .two-nav li {display:inline-block;margin-right:3vw;}
.row-index1 .two-nav li:last-child {margin-right:0;}
.row-index1 .two-nav li a{
    color: #666;
}

@media screen and (min-width:768px){
    .row-index1 .pic{background-image: none !important;}
}

@media screen and (max-width:1600px){
    .row-index1 .left {
        padding-left: calc((100% - 1180px)/2);
    }
}
@media screen and (max-width:1450px){
    .row-index1 .two-nav li {
        font-size: 13px;
    }
    .row-index1 .left .txt {
        margin: 4px 0 22px;
        font-size: 13px;
    }
    .row-index1 .left {
        padding-left: calc((100% - 1100px)/2);
    }
    .row-index1 .one-nav li a {
        font-size: 14px;
        padding: 10px 0;
    }
    .row-index1 .one-nav li.on a {
        font-size: 18px;
    }
    .row-index1 .one-nav li::before {
        width: 26px;
        height: 32px;
        top: 6px;
    }
    .row-index1 .one-nav li.on::before {
        top: 10px;
    }
    .row-index1 .one-nav li {
        padding-left: 10px;
    }
    .row-index1 .pic img {
        max-height: 30vw;
    }
    .row-index1 .pic {
        bottom: 3%;
        right: 10%;
    }
    .index-btn {
        font-size: 14px;
    }
}
@media screen and (max-width:1370px){
    .row-index1 .left {
        padding-left: calc((100% - 960px)/2);
    }
}
@media screen and (max-width:1199px){
    .row-index1 .left {padding-left:20px;}
    .row-index1 .right {width:50%;}
    .row-index1 .one-nav li a {font-size:14px;}
    .row-index1 .one-nav li.on a {font-size:18px;}
}
@media screen and (max-width:768px){
    .row-index1 {height:auto;background-image: none !important;}
    .row-index1 .left {width:100%;background:#f4f3f9;position:static;}
    .row-index1 .left .txt {margin:4px 0 12px;}
    .row-index1 .one-nav li::before {width:26px;height:32px;top:6px;}
    .row-index1 .one-nav li.on::before {top:10px;}
    .row-index1 .one-nav li {padding-left:10px;}
    .row-index1 .one-nav li a {padding:10px 0;}
    .row-index1 .right {
        width: 100%;
        padding: 8vw 20px 80px;
        float: left;
        position: relative;
        z-index: 1;
    }
    .row-index1 .pic {position:static;padding:0 20px;}
    .row-index1 .pic img {max-height:200px;}
    .row-index1 .two-nav {text-align:center;display: none;}
    .row-index1 .two-nav li {margin-right:18px;}
}


/* 模块2-1 */
.row-index2-1 .box1 .txt {margin:10px 0 40px;}
.row-index2-1 .box2 {position:relative;}
.row-index2-1 .box2 .left {width:50%;height:35.5vw;position:relative;display: none;}
.row-index2-1 .box2 .left .pic {height:100%;}
.row-index2-1 .box2 .left .pic img {width:100%;height:100%;object-fit:cover;}
.row-index2-1 .box2 .left .pos {position:absolute;left:3vw;bottom:3.125vw;color:#fff;}
.row-index2-1 .box2 .left .pos .tit {font-size:2.083vw;}
.row-index2-1 .box2 .left .pos li {display:inline-block;margin-right:20px;font-size:18px;letter-spacing:1px;}
.row-index2-1 .box2 .left .pos li:last-child {margin-right:0;}
.row-index2-1 .box2 .left .pos li img {margin-right:10px;}
.row-index2-1 .box2 .left .pos .txt {opacity:0.6;font-size:14px;margin-top:10px;max-width:360px;}
.row-index2-1 .box2 .left .pos .more-btn {margin-top:40px;}
.row-index2-1 .box2 .right {width:100%;}
.row-index2-1 .swiper-container {height:35.5vw;}
.row-index2-1 .swiper-container .item {height:100%;overflow: hidden;display: block;}
.row-index2-1 .swiper-container .item .top {height:50%;padding:3vw 20px 20px 2.5vw;background:#FDFDFE;}
.row-index2-1 .swiper-container .item .top .tit {font-size:1.7vw;font-weight:bold;color:#000;margin-bottom:6px;}
.row-index2-1 .swiper-container .item .top li {font-size:18px;color:#666;}
.row-index2-1 .swiper-container .item .top li .icon {margin-right:10px;display: inline-block;width: 10px;height: 15px;background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025103120522131959/cms/image/b19922eb-bd6b-423e-9177-fdf2a9ed1ebb.png) no-repeat;background-size: contain;}
.row-index2-1 .swiper-container .item .top .index-btn {margin-top:1.2vw;}
.row-index2-1 .swiper-container .item .bottom {height:50%;}
.row-index2-1 .swiper-container .item .bottom img {display:block;}
.row-index2-1 .swiper-container .item .bottom .pic {height:100%;}
.row-index2-1 .swiper-container .item .bottom .pic img {width:100%;height:107%;transition: all 0.3s;}
.row-index2-1 .swiper-container .swiper-slide:nth-child(odd) .item .top {border-bottom:none;border-top:none;}
.row-index2-1 .swiper-container .swiper-slide:nth-child(even) .item .top {border-top:none;border-bottom: none;}
.row-index2-1 .box2 .swiper-button-next,.row-index2-1 .box2 .swiper-button-prev {background:#C7000A;width:46px;height:70px;margin-top:-35px;background-image:none;transform:skewX(-12deg);color:#fff;text-align:center;line-height:68px;font-size:18px;}
.row-index2-1 .box2 .swiper-button-next {right:-80px;}
.row-index2-1 .box2 .swiper-button-prev {left:-80px;}
.row-index2-1 .box2 .swiper-button-prev span {display:block;transform:rotate(-180deg);}
.row-index2-1 .box2 .swiper-button-next.swiper-button-disabled,
.row-index2-1 .box2 .swiper-button-prev.swiper-button-disabled{background: rgba(0,0,0,0.1);}


.row-index2-1 .swiper-container .item:hover .top li .icon{
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025103120522131959/cms/image/be50d263-1d06-4a0b-a037-63d0425c54e0.png) no-repeat;
    background-size: contain;
}
.row-index2-1 .swiper-button-prev:after, .row-index2-1 .swiper-button-next:after {
    content:"";
    font-size: initial;
}
.row-index2-1 .swiper-container .item:hover .top .tit,
.row-index2-1 .swiper-container .item:hover .top li,
.row-index2-1 .swiper-container .item:hover .top .index-btn{
    color: #fff;
}
.row-index2-1 .swiper-container .item:hover .bottom .pic img{
    transform: scale(1.07);
}
.row-index2-1 .swiper-container .swiper-slide:nth-child(odd) .item:hover .top{
    background: linear-gradient(to top,rgba(199, 0, 10, 1),#fff);
}
.row-index2-1 .swiper-container .swiper-slide:nth-child(even) .item:hover .top{
    background: linear-gradient(to bottom,rgba(199, 0, 10, 1),#fff);
}

@media screen and (max-width:1450px){
    .row-index2-1 .swiper-container .item .top li {font-size:16px;}
    .row-index2-1 .swiper-container .item .top {padding:2vw 20px 20px 2.5vw;}
    .row-index2-1 .box2 .swiper-button-next,.row-index2-1 .box2 .swiper-button-prev {width:36px;height:52px;margin-top:-26px;line-height:50px;font-size:16px;}
    .row-index2-1 .box2 .swiper-button-next {right:-50px;}
    .row-index2-1 .box2 .swiper-button-prev {left:-50px;}
}
@media screen and (max-width:1199px){
    .row-index2-1 .box2 .left {width:100%;height:86.5vw;}
    .row-index2-1 .box2 .right {width:100%;}
    .row-index2-1 .swiper-container {height:85.5vw;}
    .row-index2-1 .swiper-container .item .top {padding:3vw 20px 20px 3.5vw;}
    .row-index2-1 .swiper-container .swiper-slide:nth-child(even) .item .top {padding-top:5vw;}
    .row-index2-1 .box2 .swiper-button-next,.row-index2-1 .box2 .swiper-button-prev {position:static;display:inline-block;margin:20px 12px 0;width: 60px;height: 32px;line-height: 32px;font-size: 16px;}
}
@media screen and (max-width:768px){
    .row-index2-1 .box2 .left .pos {left:20px;bottom:20px;}
    .row-index2-1 .box2 .left .pos li {margin-right:12px;font-size:14px;letter-spacing:0px;}
    .row-index2-1 .box2 .left .pos li img {margin-right:8px;top:3px;}
    .row-index2-1 .box2 .left .pos .tit {font-size:18px;margin-bottom:10px;}
    .row-index2-1 .box2 .left .pos .more-btn {margin-top:20px;}
    .row-index2-1 .swiper-container .item .top .tit {font-size:16px;margin-bottom:4px;}
    .row-index2-1 .swiper-container .item .top li {font-size:12px;}
    .row-index2-1 .swiper-container .item .top li .icon {
        position: relative;
        top: 3px;
    }
    .row-index2-1 .swiper-container .item .top .index-btn {font-size:12px;}
    .row-index2-1 .swiper-container .item .top {padding:3vw 10px 20px 3.5vw;}
}


/* 模块二 */
.row-index2 {position:relative;}
.row-index2 .pic {position:relative;height:0;overflow:hidden;padding-bottom:46%;}
.row-index2 .pic video{width: 100%;height: 100%;position: absolute;object-fit: cover;}
.row-index2 .pos {font-style:italic;}
.row-index2 .pos .tit {color:#fff;}
.row-index2 .pos ul {width:66%;margin-top:20px;}
.row-index2 .pos li {margin-right:3.22vw;font-size:1.562vw;display:inline-block;color:#fff;}
.row-index2 .pos li span {font-size:1.8vw;margin-right:4px;}
.row-index2 .pos .txt {color:#fff;margin:20px 0 50px;width:46%;}
.row-index2 .video-play-copy span {color:#fff;position:relative;top:-3vw;margin-right:24px;}
.row-index2 .video-play-copy img {max-height:7vw;}
.row-index2 .video-play-copy {z-index:2;right:calc((100% - 1050px)/2);top:46%;cursor: pointer;}

@media screen and (max-width:1450px){
    .row-index2 .pic{padding-bottom: 46%;}
    .row-index2 .video-play-copy {
        right: calc((100% - 950px)/2);
    }
    .row-index2 .pos .txt {
        margin: 12px 0 30px;
        font-size: 14px;
    }
}
@media screen and (max-width:768px){
    .row-index2 {height:auto;padding-bottom:0;}
    .row-index2 .pos {position:static;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
    .row-index2 .pos .tit {color:#000;margin-top:10px;}
    .row-index2 .pos .txt {color:#333;margin:20px 0;width:100%;}
    .row-index2 .video-play-copy span {font-size:18px;display:none;}
    .row-index2 .video-play-copy {right:50%;margin-right:-35px;}
    .row-index2 .video-play-copy img {max-height:70px;}
    .row-index2 .pos ul {width:100%;margin-top:10px;}
    .row-index2 .pos li {margin-right:0;font-size:14px;display:block;color:#333;}
    .row-index2 .pos li span {font-size:20px;margin-right:4px;line-height:1;}
    .row-index2 .more-btn {background:#C7000A;}
    .row-index2 .more-btn a {color:#fff;}
}

/* 模块三 */
.row-index3 .box1 .txt {padding:10px 0 30px;margin:0 auto;width:70%;}
.row-index3 .box2 ul {display:flex;}
.row-index3 .box2 ul li {flex:1;transition:all 0.3s;}
.row-index3 .box2 .con {position:relative;margin:0 2px;height:25vw;overflow:hidden;display:block;}
.row-index3 .box2 .con .pic {height:100%;}
.row-index3 .box2 .con .pic img {width:100%;height:100%;object-fit:cover;}
.row-index3 .box2 .con .pos {position:absolute;bottom:0;width:100%;left:0}
.row-index3 .box2 .con .eq1 {color:#fff;font-style:italic;padding-left:2vw;margin-bottom:2vw;}
.row-index3 .box2 .con .more-btn {position:absolute;bottom:2.8vw;right:4.5vw;opacity:0;transition:all 0.3s;}
.row-index3 .box2 .con .pos .num {font-size:4.0625vw;font-weight:bold;margin-right:.666vw;line-height:1.2;}
.row-index3 .box2 .con .pos .tit {font-size:1.875vw;line-height:1.1;margin-top:10px;
    word-break: break-word;}
.row-index3 .box2 .con .pos .txt {line-height:1.2;margin-top:10px;opacity:0;transition:all 0.3s;height:0;}
.row-index3 .box2 ul li.on {flex:2;}
.row-index3 .box2 ul li.on .con .pos .tit {width:48%;}

@media screen and (min-width:1199px){
    .row-index3 .box2 ul li.on .more-btn,.row-index3 .box2 ul li.on .con .pos .txt {opacity:1;height:auto;}
}

@media screen and (max-width:1450px){
    .row-index3 .box1 .txt {padding:10px 0 0;width:80%;font-size: 14px;}
    .row-index3 .box2 .con .more-btn {width:100px;font-size:14px;}
    .row-index3 .box2 ul li.on .con .pos .tit {width:60%;}
    .row-index3 .box2 .con .eq1 {padding-left:1vw;}
}
@media screen and (max-width:1199px){
    .row-index3 .box1 .txt {font-size:14px;}
    .row-index3 .box2 .con .eq2 {height:50px;line-height:50px;font-size:16px;}
}
@media screen and (max-width:768px){
    .row-index3 .box2 li:not(:first-child) {margin-top:20px;}
    .row-index3 .box2 .con .pos {bottom:20px;}
    .row-index3 .box2 .con .pos .num {font-size:48px;margin-right:20px;}
    .row-index3 .box2 .con .pos .tit {font-size:18px;}
    .row-index3 .box2 .con .pos .txt {font-size:14px;margin-top:5px;opacity:1;height:auto;}
    .row-index3 .box2 .con .more-btn {width:110px;font-size:14px;position:static;margin-left:20px;opacity:1;}
    .row-index3 .box2 .con .eq1 {padding-left:20px;margin-bottom:10px;}
    .row-index3 .box1 .txt {width:100%;}
    .row-index3 .box2 ul {display:block;}
    .row-index3 .box2 .con {height:240px;}
    .row-index3 .box2 .con .pic img {display:block;}
    .row-index3 .box2 ul li.on .con .pos .tit {width:100%;}
}

