/*首页*/
#fp-nav{ display: none;}
.banner{width:100%; height: 100vh; position: relative; overflow: hidden; }
.banner .swiper-slide{position: relative;height: 100vh;}
.banner .swiper-slide img{width: 100%; height: 100Vh;/*transition:transform 12s cubic-bezier(.23,1,.32,1);transform:scale(1)*/}
.banner .swiper-slide.swiper-slide-active img{/*transform:scale(1.1)*/}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;}

.banner .swiper-slide.ban_video i{position: absolute; z-index: 100000; cursor: pointer; right:150px; top:100px; width: 50px; height: 50px;background: url(https://driver.mechrevo.com/d.mechrevo.com/staticFile/images/muted.png) no-repeat; background-size: cover;}
.banner .swiper-slide.ban_video i.no_muted{ background: url(https://driver.mechrevo.com/d.mechrevo.com/staticFile/images/no_muted.png) no-repeat; background-size: cover;}

.banner .txt{color:#fff; top:45%;}
.banner .txt h2{margin-bottom:2.5%;}
.banner .txt h2 img{max-width:614px; width:37%; height: auto;}
.banner .txt h2 span{ display: block; margin:1% 0 0;}
.banner .txt p{ line-height: 1.8; margin-bottom: 5%;}
.banner .swiper-button-prev{ left:5%; width: 36px; height:62px; background-size: 36px 62px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23B11524'%2F%3E%3C%2Fsvg%3E");}
.banner .swiper-button-next{ right:5%;width: 36px; height:62px; background-size: 36px 62px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23B11524'%2F%3E%3C%2Fsvg%3E");}
.banner .swiper-pagination{bottom:106px;}
.banner .swiper-pagination-bullet{width:10px; height:10px; margin:0 8px!important; opacity: 0.55; background: #fff;}
.banner .swiper-pagination-bullet-active{transform:scale(1.1); opacity: 1;}
.banner .down{ cursor: pointer; position: absolute; z-index:10; bottom:6%; left:50%; width:44px;margin-left:-22px;}
.banner .down i{font-size: 44px;color:#fff;}

.btn{ display: block; width:163px; height: 47px; line-height: 47px; text-align: center; background: url(https://driver.mechrevo.com/d.mechrevo.com/staticFile/images/dot01.png) no-repeat; background-size: cover;}
.btn a{ display: block; color:#fff;}
.btn_b{background: url(https://driver.mechrevo.com/d.mechrevo.com/staticFile/images/dot01_b.png) no-repeat; background-size: cover;}
.btn_b a{color:#282C2E;}

.pro_series_tit{ position: fixed;z-index: 1000; lefT:0; top:0; width:100%; height: 68px; line-height: 68px; background: #282C2E;}
.pro_series_tit ul{width:100%; text-align: center;}
.pro_series_tit li{ display: inline-block; cursor: pointer; margin:0 40px; color:#fff;}
.pro_series_tit li a{color:#fff;}
.pro_series_tit li.on a,.pro_series_tit li:hover a{color:#FF7831;}
.section_1.active .pro_series_tit{ position: absolute; top:auto; bottom:0; }

.section_2 .swiper-button-prev{ left:3%; width:40px; height: 40px; margin-top:-20px; background: none;}
.section_2 .swiper-button-next{ right:3%;width:40px; height: 40px; margin-top:-20px;background: none;}
.section_2 .swiper-button-prev i,.section_2 .swiper-button-next i{ font-size: 40px; height: 40px; line-height: 40px;}
.pro_series_con li.slide-box{ height: 0; overflow: hidden;position: relative;}
.pro_series_con li.slide-box.on{ height: 100%; background: #F6F6F6;}
.pro_series_con li,.pro_series_con li .swiper-slide{height: 100vh;}
.pro_series_con li.slide-box .swiper-slide{ text-align: center;}
.pro_series_con li.slide-box .swiper-slide h3{padding-top: 5%;line-height: 1.2;}
.pro_series_con li.slide-box .swiper-slide p{margin-bottom: 2%;}
.pro_series_con li.slide-box .swiper-slide img{max-width: 50%;}
.section_2 .btn-box{position:absolute; left:50%; bottom:2%; z-index: 2; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0);}
.section_2 .btn-box a{margin:0 auto;display: block;width:193px; height: 47px;line-height: 47px; text-align: center; color:#fff!important; background: url(https://driver.mechrevo.com/d.mechrevo.com/staticFile/images/dot18.png) right bottom no-repeat;}
.pro_series_con li.slide-box .prev_item{position: absolute;left:calc(3% + 50px);}
.pro_series_con li.slide-box .next_item{position: absolute;left:auto; right:calc(3% + 50px);}
.pro_series_con li.slide-box .prev_item .s_img,.pro_series_con li.slide-box .next_item .s_img{ margin:0 auto; width:84px; height: 48px;overflow: hidden;}
.pro_series_con li.slide-box .prev_item h4,.pro_series_con li.slide-box .next_item h4{ display:block; line-height: 48px; text-align: center;}

/*.section_2 .txt{ position: absolute; right:6%; top:50%; z-index: 2; text-align: right; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%);}
.section_2 .lrjt_w .txt,.section_2 .lrjt_w .btn-box,.section_2 .lrjt_w .btn-box a{color:#fff;}
.section_2 .lrjt_b .txt,.section_2 .lrjt_b .btn-box,.section_2 .lrjt_b .btn-box a{color:#000;}
.section_2 .lrjt_b .txt p{color:#999999;}
.section_2 .lrjt_w .swiper-button-prev,.section_2 .lrjt_w .swiper-button-next{color:#fff;}
.section_2 .lrjt_b .swiper-button-prev,.section_2 .lrjt_b .swiper-button-next{color:#000;}*/

.section_3 .txt{ margin-left:10%; width:36%;color:#fff;}
.section_3 .txt h3{font-weight: bold; margin-bottom:5%;}
.section_3 .txt p{line-height: 1.8;margin-bottom:12%;}
.section_3 .img{ position: absolute; right:0; top:14%; width:50%; overflow: hidden;}
.section_3 .img ul{margin:0 -1.5%;}
.section_3 .img li{ float: left; width:30.33%; margin:0 1.5% 2.8%; position: relative;}
.section_3 .img li .imgs{ overflow: hidden;}
.section_3 .img li h4{  color:#fff; margin:10px 0;  
    /*position: absolute; left:0; bottom:0; widtH:100%; padding:0 5% 5%; text-align: center; color:#fff;
    background: -webkit-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.7) 100%);
    background: -moz-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.7) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.7) 100%);*/}
/*.section_3 .img li:hover h4{-webkit-transform: translateY(0);-moz-transform:translateY(0);transform: translateY(0);}*/

.section_4 .img{ position: absolute; left:0; top:14%; width:50%;}
.section_4 .img ul{margin:0 -1.5%;}
.section_4 .img li{ float: left; width:30.33%; margin:0 1.5% 2.8%;}
.section_4 .txt{ margin-left:55%; width:40%; color:#fff;}
.section_4 .txt h3{font-weight: bold; margin-bottom:5%;}
.section_4 .txt p{line-height: 1.8;margin-bottom:12%;}

.section_5 .video-box{ position: relative;background: #000;}
.section_5 .video-box video{width:100%; height: 100vh; object-fit: fill;}
.section_5 .video-box .txt{ text-align: center; color:#fff; top:56%; width:100%; padding:0 5%;}
.section_5 .video-box .txt h3{margin:0 0 5%; line-height: 1.2;}
.section_5 .video-box .txt .btn{margin:0 auto;}

.section_6 .txt{color:#fff; widtH:50%;}
.section_6 .ser_box{ max-width:761px; width:100%; height: 51px; line-height: 51px;margin:2% 0 8%; background: url(https://driver.mechrevo.com/d.mechrevo.com/staticFile/images/dot02.png) right top no-repeat;}
.section_6 .ser_box .ser_box_txt{ float: left; width:calc(100% - 71px);height: 51px; line-height: 51px; color:#fff; padding:0 20px; bordeR:none; background: none;}
.section_6 .ser_box .ser_box_btn{ width:71px; text-align: center; border:none; background: none;}
.section_6 .ser_box .ser_box_btn i{ font-size:20px; color:#fff; font-weight: bold;}
.section_6 ul{margin:0;}
.section_6 li{ float: left; width:25%;}
.section_6 li a{color:#fff;}
.section_6 li i{display: block;width:68px; height: 68px;}
.section_6 li i img{width:100%;}
.section_6 li h4{margin:10% 0 5%;widtH:80%;}
.section_6 li p{widtH:80%;}


.section_7 h2{ text-align: left;color:#fff; margin-bottom:5%; position: relative;}
.section_7 h2 a{color:#fff!important;}
.section_7 .inner{ padding:5% 0;}
/*.section_7 .swiper-slide:first-child .txt{ bottom:auto; top:5%; background: none;}
.section_7 .swiper-slide .txt h3{margin-bottom: 5%;}
.section_7 .swiper-slide .txt h3 a{color:#fff; display: block;}
.section_7 .swiper-slide:first-child .txt .btn{margin-top:20%;}*/


.section_7 .ll{ float: left; width:45%; color:#fff;}
.section_7 .rr{ float: right; width:42.5%;color:#fff;}
.section_7 .rr .img{margin-bottom: 4%;}
.section_7 .rr p{line-height: 1.8; height: 3.6em; max-height: 3.6em;}
.section_7 .rr .btn{margin-top:6%;}

.section_7 .ll{ position: relative;}
.section_7 .ll ul{margin:0;}
.section_7 .ll dl{ float: left; width:47%; margin:0 0 4%;}
.section_7 .ll dl:nth-child(2n){ float: right;}
.section_7 .ll dl a{color:#fff!important;}
.section_7 .ll dl dt{margin-bottom:15px;position: relative;}
.section_7 .ll dl dd{ line-height: 1.8; height:3.6em; max-height:3.6em; overflow: hidden;}
.section_7 .ll .swiper-button-prev,.section_7 .ll .swiper-button-next{ left:-60px; right:auto; margin-top:-28px;width:30px; height: 56px; line-height: 56px; text-align: center; background: none;}
.section_7 .ll .swiper-button-next{left:auto;right:-60px;}
.section_7 .ll .swiper-button-prev.swiper-button-disabled,.section_7 .ll .swiper-button-next.swiper-button-disabled{}
.section_7 .ll .swiper-button-prev i,.section_7 .ll .swiper-button-next i{color:#fff; font-size:40px;}

@media only screen and (max-width: 1279px) {
    .section_7 .ll .swiper-button-prev{left:-40px;}
    .section_7 .ll .swiper-button-next{ right:-40px;}
}




.index-tc-layer{ position: absolute; z-index: 1000000; lefT:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.5);}
.index-tc-layer.hide,.index-tc.hide{ display: none;}
.index-tc{z-index: 1000001;width: 63.28%;}
.index-tc .index-close{ display: block; position: absolute; right:0; top:-40px; width:34px; height: 34px; text-align: center; color: #fff; line-height: 34px;border-radius: 50%; background: #000;}
.index-tc img{width:100%;}







@media only screen and (min-width: 1025px) {
.btn,.section_3 .img li h4{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.xx{-webkit-transform: translateX(10px);-moz-transform:translateX(10px);transform: translateX(10px);}
.btn:hover{ background: url(https://driver.mechrevo.com/d.mechrevo.com/staticFile/images/dot01_hover.png) no-repeat; background-size: cover;}
}

@media only screen and (max-width: 1599px) {
    .pro_series_tit li{margin:0 30px;}
}
@media only screen and (max-width: 1279px) {
    .pro_series_tit li{margin:0 20px;}
    .btn{width:120px; height:34px; line-height: 34px;}
}
@media only screen and (max-width: 1023px) {    
    .banner,.banner .swiper-slide,.banner .swiper-slide img,.banner .swiper-slide.ban_video video{ height: auto;}
    .banner .txt{ top:55%;}
    .section{position: relative;}
    .pro_series_tit{ height: auto; line-height: 34px;}
    .pro_series_tit li{margin:0 10px;}
    .pro_series_con li, .pro_series_con li .swiper-slide{ height: auto;}
    .pro_series_con li.slide-box .prev_item,.pro_series_con li.slide-box .next_item{ display: none;}
    .pro_series_con li.slide-box .swiper-slide{padding-bottom: 12%;}
    .pro_series_con li.slide-box .swiper-slide img{max-width: 80%;}
    .banner .swiper-pagination{ bottom:40px;}
    .section_2 .btn-box{bottom:5%;}
    .section_3 .txt,.section_4 .txt,.section_6 .txt{padding:5% 0;}
    .section_3,.section_4{padding-bottom:10%;}
    .section_3 .img li h4{font-size: 12px; display: none;}
    .section_6 li{width:50%; margin-bottom: 5%;}
    .section_6 li h4{margin:5% 0;}
    .section_6 li i{width:38px; height: 38px;}
    .index-tc .index-close{widtH:24px; height: 24px; line-height: 24px; top:-30px;}
    .index-tc .index-close i{font-size: 12px;}
}

@media only screen and (max-width:767px) {
    .section_1.active .pro_series_tit{ position: static;}    
    .pro_series_tit ul{padding:0; font-size: 12px; text-align: center;}
    .pro_series_tit li{width:auto; float: none; display: inline-block; padding:0 5px;}
    .banner,.banner .swiper-slide{ height: 240px;}
    .banner img{ display: none;}
    .banner .txt h2{margin-bottom: 0;}
    .banner .txt h2 img{ display: block;}
    .banner .txt p{line-height: 1.4; margin-bottom: 10px;}
    .banner .swiper-pagination{bottom:10px;}
    .section_2 .btn-box a{width:140px; height: 34px; line-height: 34px;}
    .section_2 .btn-box::before{top:4px; height: 14px;}
    .section_2 .txt{ width:100%; right:0; padding:0 5%; text-align: center;}
    .section_2 .swiper-button-prev i, .section_2 .swiper-button-next i{font-size: 20px;}
    .section_2 .swiper-button-prev,.section_2 .swiper-button-next{width:20px; height: 20px;}
    .section_2 .btn-box{bottom:0;}
    .section_3 .txt h3,.section_4 .txt h3,.section_5 .video-box .txt h3,.section_6 .txt h3{font-size: 20px;}
    .section_3 .txt p,.section_4 .txt p{ line-height: 1.3; font-size: 12px;}
    .section_3 .txt p br{ display: none;}
    .section_4{padding-bottom: 5%;}
    .section_5 .video-box video{ height: 100%;}
    .section_6 .txt{width:100%;}
    .section_6 .ser_box,.section_6 .ser_box .ser_box_txt{ height: 34px; line-height: 34px;}
    .section_6 .ser_box .ser_box_btn i{font-size: 14px;}
    .section_6 li h4{margin-bottom: 0;}
    .section_7 .swiper-button-prev, .section_7 .swiper-button-next{ width:30px; height: 30px; line-height: 30px;}
    .section_7 .swiper-button-prev{bottom:30px;}
    .section_7 h2 a{top:0px;}
}
/*首页end*/