@charset "UTF-8";

/**
 * 
 * @authors chaow (wuchao@iecosystem.com.cn)
 * @date    2021-03-15 14:33:17
 * @version $Id$
 */
@keyframes toUp{
	from{transform:translateY(0);}
	to{transform:translateY(-30px);}
}
@keyframes opacityC{
	from{opacity:0.4;}
	to{opacity:0.8;}
}
@keyframes zoomIn{
	0%{transform:scale(1);}
	50%{transform:scale(0.4);}
	100%{transform:scale(1);}
}
@keyframes pointAn{
	to{background-position:0 -40vw;}
}
.bodymain.child{padding-top:0;}
.breadcrumb-box{position:relative;z-index:2;}
.visible-m{display:none;}
.hidden-m{display:block;}
.section.visible-m{display:none!important;}
.section.hidden-m{display:block!important;}
.show-sh{height:calc(100vh - 70px);position:relative;}
.show-sh .banner-text{width:39%;position:absolute;top:4%;left:30%;}
.show-sh .banner-text img{width:100%;display:block;}
.show-sh .bg{position:relative;}
.show-sh .full,.show-sh .full div{height:100%;}
.show-sh .full img,.show-sh .full video{display:block;width:100%;height:100%;object-fit:cover;}
.img-cont img,.video-cont video{display:block;width:100%;}
.show-sh .btn-list{width:100%;bottom:3%;text-align:center;position:absolute;overflow:hidden;line-height:100px;}
.show-sh .btn-list .btn-item{width:15%;display:inline-block;margin:0 2%;}
.show-sh .btn-list .btn-item img{display:block;width:100%;}
.show-sh .btn-list .btn-item a{display:block;}
.show-sh .count-down{width:100%;bottom:4%;left:0;position:absolute;overflow:hidden;text-align:center;color:#fff;}
.show-sh .count-down .time-num{font-size:90px;font-weight:bold;background:linear-gradient(#00b4ff,#18f4e5);-webkit-background-clip:text;color:transparent;}
.show-sh .count-down .time-name{font-size:18px;line-height:normal;background:linear-gradient(#00b4ff,#18f4e5);-webkit-background-clip:text;color:transparent;}
.show-sh .count-down .time-name span{display:inline-block;margin:0 50px;}
.show-sh .count-down .text-bg{width:11%;display:inline-block;}
.show-sh .count-down .text-bg img{display:block;width:100%;}
.show-sh .live-cont{width:100%;bottom:5%;text-align:center;position:absolute;overflow:hidden;color:#fff;}
.show-sh .count-down .live-btn{width:500px;height:150px;background:url(/honda/news/active/show/images/new-connect/down-btn.png) no-repeat;background-size:100% auto;margin:4% auto 0;font-size:44px;}
.show-sh .count-down .live-btn a{color:inherit;width:100%;height:100%;display:block;box-sizing:border-box;padding-top:30px;}
.show-detail .show-banner,.show-hg .show-banner{position:relative;}
.show-hg .banner-remark{font-family:"思源黑体简体"; position: absolute; top: 20px; right: 20px; font-size: 16px; color: #fff; }
.show-detail .show-tab{position:absolute;bottom:75px;left:55px;right:55px;}
.show-detail .show-tab .bg img{display:block;width:100%;}
.show-detail .show-tab .tab-main{position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;}
.show-detail .show-tab .tab-main a{font-family:"思源黑体简体";display:inline-block;width:25%;height:100%;vertical-align:top;color:#fff;font-size:20px;padding-top:2.5%;opacity:0.6;}
.show-detail .show-tab .tab-main a.active{padding-top:2.35%;font-size:24px;opacity:1;}
.show-detail .show-banner .text-cont{position:absolute;top:0;left:0;right:0;bottom:0;}
.show-detail .show-banner .txt-bg{width:58%;margin:12% auto 0;}
.show-detail.show-zdh .show-banner .txt-bg{width:40%;margin:6% auto 0;}
.show-detail .show-banner .txt-bg img{width:100%;display:block;}
.show-detail .show-banner .d-btn{border:1px solid;font-size:24px;padding:8px 0;color:#fff;display:block;width:200px;margin:20px auto 0;text-align:center;cursor:pointer;}
.show-detail.show-zdh .show-banner .d-btn{margin-top:23%;}
.show-detail.show-ct .show-banner .d-btn{margin-top: 36%;}
.show-detail .video-list{padding-top:20px;}
.show-detail .video-list li{position:relative;margin-bottom:20px;}
.show-detail .video-list .video-bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;}
.show-detail .video-list .isPlay .video-bg{display:none;}
.show-detail .video-list .play-cont{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-size:24px;line-height:1.5;color:#fff;}
.show-detail .video-list .play-cont .point{background:url('/honda/news/active/show/images/show/aq-icon1.png');width:32px;height:38px;display:inline-block;animation:toUp 1s infinite linear;background-size:100% auto;}
.show-detail .show-swiper{position:relative;}
.show-detail .show-swiper .text-cont{position:absolute;left:13%;right:13%;bottom:6%;color:#fff;}
.show-detail .show-swiper .tip-swiper{position:absolute;left:0;right:0;bottom:8%;z-index:2;visibility:hidden;}
.show-detail .show-swiper:hover .text-cont{bottom:23%;}
.show-detail .show-swiper:hover .tip-swiper{visibility:visible;}
.show-detail .show-swiper .play-cont{ width: 50px; height: 50px; background: url('/honda/news/active/show/images/show/play-btn.png'); background-size: cover; cursor: pointer; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 2; }
.swiper-slide-thumb-active.swiper-slide{border:2px solid #0a55bc;}
.swiper-slide-duplicate-active.swiper-slide-thumb-active.swiper-slide{border:none;}
.show-detail .show-swiper .tip-swiper .swiper-container{width:73%;margin:0 auto;}
.show-detail .show-swiper .swiper-btn{width:72px;height:72px;position:absolute;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-size:cover;z-index:2;}
.show-detail .show-swiper .swiper-btn.prev{left:10%;background-image:url('/honda/news/active/show/images/show/arrow1.png');}
.show-detail .show-swiper .swiper-btn.next{right:10%;background-image:url('/honda/news/active/show/images/show/arrow2.png');}
.show-sh .zt-main{width:49.5%;position:absolute;top:50%;left:25.3%;transform:translateY(-50%);}
.show-sh .zt-main img{display:block;width:100%;}
.show-sh .zt-main .zt-links{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;}
.show-sh .zt-main .zt-links a{display:block;position:absolute;z-index:2;width:1.6vw;height:1.6vw;background:url('/honda/news/active/show/images/show/point.png') no-repeat;background-size:100% auto;animation:pointAn 1.5s steps(25) infinite alternate;}

/* .show-sh .zt-main .zt-links a:before{ content: ""; display: block; border-radius: 60%; border: 1px solid #da2030; width: 100%; height: 100%; background: #fff; opacity: 0.4;position: absolute; z-index: 1; top: 0; left: 0; }
.show-sh .zt-main .zt-links a:after{content: "";display: block;border-radius: 80%;width: 70%;height: 70%;background: #da2030;position: absolute;top: 15%;left: 15%;z-index: 2;animation: zoomIn 2s infinite linear;} */
.show-sh .zt-main .zt-links .l1{bottom:19%;right:18%;}
.show-sh .zt-main .zt-links .l2{top:73%;left:19.5%;}
.show-sh .zt-main .zt-links .l3{bottom: 61%;left: 60%;}
.show-sh .zt-main .zt-links .l4{top:43%;left:73%;}
.show-sh .zt-main .zt-links .l5{top:43%;left:25%;}
.show-sh .zt-main .zt-links .l6{bottom: 61%;left: 39%;}
.show-sh .zt-main .zt-links .l7{bottom:42%;left:49%;}
.show-sh .zt-main .zt-links .l8{top:78.5%;left:49%;}
.show-sh .zt-main .zt-links .border{position:absolute;width:0.8%;}
.show-sh .zt-main .zt-links .b1{width:21%;top:43.5%;left:6%;}
.show-sh .zt-main .zt-links .b2{top:-4%;left:28%;display:none;}
.show-sh .zt-main .zt-links .b3{top:-4%;left:74%;display:none;}
.show-sh .zt-main .zt-links .b4{width:21%;top:43.5%;left:76%;}
.show-sh .zt-main .zt-links .text{font-size:1vw;color:#fff;line-height:1.5;position:absolute;text-align:center;}
.show-sh .zt-main .zt-links .t1{left:23%;top:-13%;}
.show-sh .zt-main .zt-links .t2{top:-13%;right:21%;}
.show-sh .zt-main .zt-links .t3{top:38%;left:-7%;}
.show-sh .zt-main .zt-links .t4{top:38%;right:-16%;}
.frame-box{position:fixed;top:0;left:0;right:0;bottom:0;z-index:22222;display:none;}
.frame-box .mask{width:100%;height:100%;background:rgba(0,0,0,0.6);}
.frame-box .frame-main{position:absolute;top:30px;left:30px;right:30px;bottom:30px;margin: auto;}
.frame-box .frame-main iframe{width:100%;height:100%;}
.frame-box .frame-main .close-btn{width:30px;height:30px;background:url('/honda/news/active/show/images/show/close.png');background-size:cover;cursor:pointer;top:10px;right:30px;position:absolute;z-index:2;}
.show-hg .hg-list ul{overflow:hidden;margin:0 -10px;}
.show-hg .hg-list li{float:left;padding:0 10px;margin-top:20px;}
.show-hg .hg-list li img{display:block;width:100%;}
.show-hg .hg-list .li3{width:33.33%;}
.show-hg .hg-list .li2{width:50%;}
.zt-main .video-cont{position:absolute;}
.zt-main .v1{width:61.9%;top:1%;left:19.7%;}
.zt-main .v2{width:12.4%;top:54.6%;left:20.4%;}
.zt-main .v3{width:12%;top:53.1%;right:19.8%;}
.zt-main .v4{width:36.4%;top:62.4%;left:32.3%;}
.zt-main .car{width:4.8%;top:63%;left:47.8%;}
.slide-bar{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:222;}
.slide-bar .s-item{width:70px;height:55px;line-height:57px;margin-bottom:4px;border-radius:0 8px 8px 0;background-repeat:no-repeat;background-position:18px center;font-size:16px;transition:all 0.4s ease-in;}
.slide-bar .s-item a{display:block;width:0;height:100%;padding-left:60px;color:#fff;white-space:nowrap;overflow:hidden;opacity:0;transition:all 0.4s;}
.slide-bar .s-item:hover{width:auto;padding-right:20px;}
.slide-bar .s-item:hover a{width:100%;opacity:1;}
.slide-bar .s-item:nth-child(1){background-color:#5878b3;background-image:url('/honda/news/active/show/images/show/s-icon1.png');background-size:26px auto;}
.slide-bar .s-item:nth-child(2){background-color:#2955a5;background-image:url('/honda/news/active/show/images/show/s-icon2.png');background-size:29px auto;}
.slide-bar .s-item:nth-child(3){background-color:#143562;background-image:url('/honda/news/active/show/images/show/s-icon3.png');background-size:26px auto;}
.slide-bar .s-item:nth-child(4){background-color:#165682;background-image:url('/honda/news/active/show/images/show/s-icon4.png');background-size:10px auto;background-position:25px center;}

@media (max-width:1680px){
	.show-sh .count-down .time-num{font-size:75px;}
	.show-sh .btn-list .btn-item{width:260px;height:55px;font-size:24px;}
	.show-sh .btn-list .btn-item.big a{background-position:65% 65%;}
	.show-sh .btn-list .btn-item.big{width:450px;height:90px;font-size:22px;}
	.show-detail .video-list .play-cont{font-size:18px;}
	.show-detail .show-swiper .swiper-btn{width:60px;height:60px;}
	.show-detail .video-list .play-cont .point{width:25px;height:29px;}
	.show-detail .show-banner .d-btn{font-size:18px;width:160px;}
	.show-sh .count-down .time-name span{margin:0 34px;}
	.show-detail .show-tab .tab-main a{font-size:18px;}
	.show-detail .show-tab .tab-main a.active{/* font-size: 22px; */}
}
@media (max-width:1440px){
	.show-sh .count-down .time-num{font-size:65px;}
	.show-sh .btn-list .btn-item{width:220px;height:50px;font-size:20px;}
	.show-sh .btn-list .btn-item a{/* padding-top: 7px; */}
	.show-sh .btn-list .btn-item.big a{background-position:65% 62%;}
	.show-sh .btn-list .btn-item.big{width:320px;height:80px;font-size:20px;}
	.show-detail .video-list .play-cont{font-size:16px;}
	.show-detail .show-swiper .swiper-btn{width:50px;height:50px;}
	.show-detail .video-list .play-cont .point{width:25px;height:29px;}
	.show-detail .show-banner .d-btn{font-size:16px;width:120px;}
	.show-sh .count-down .time-name span{margin:0 26px;}
	.show-detail .show-tab .tab-main a{/* font-size: 16px; */}
	.show-detail .show-tab .tab-main a.active{/* font-size: 20px; */}
}
@media (max-width:1200px){
	.show-sh{height:calc(100vh - 60px);}
	.show-sh .count-down .time-num{font-size:50px;}
	.show-sh-detail .section2 .top-text{font-size:14px;height:130px;}
	.show-sh-detail .section2 .video-list{height:100%;}

	/*.show-sh-detail .section2 .top-text span{ font-size: 15px; }*/
	.show-sh-detail .section4 .t-title{font-size:16px;}
	.show-sh-detail .section4 .t-title img{width:200px;}
	.show-sh-detail .section4 p{font-size:12px;}
	.down-tip{display:none;}
	.show-sh .count-down .time-name span{margin:0 20px;}
	.show-detail .show-tab .tab-main a{font-size:14px;}
	.show-detail .show-tab .tab-main a.active{font-size:16px;}
}
@media (max-width:992px){
	.visible-m{display:block;}
	.hidden-m{display:none;}
	.show-sh .count-down .text1{width:90%;margin-top:25%;}
	.show-sh .count-down p{font-size:24px;margin-top:10%;}
	.show-sh .btn-list .btn-item{/* display: block; */width:25%;height:auto;}
	.show-sh .banner-text{width:80%;left:10%;}
	.show-sh .count-down .text-bg{width:50%;}
	.show-sh .zt-main{width:88.4%;left:5.8%;}
	.show-sh .zt-main .zt-links .border{position:absolute;width:1.8%;}
	.show-sh .zt-main .zt-links .b1{width:15%;top:37%;left:75%;}
	.show-sh .zt-main .zt-links .b2{top:-20%;left:38.7%;}
	.show-sh .zt-main .zt-links .b3{top:-22%;left:62.5%;}
	.show-sh .zt-main .zt-links .b4{width:15%;top:37%;left:11%;}
	.show-detail.show-zdh .show-banner .d-btn{margin-top:10%;}
	.show-detail .show-tab{left:10px;right:10px;bottom:30px;}
	.show-detail .show-tab .tab-main a{font-size:12px;width:30%;}
	.show-detail .show-tab .tab-main a.active{font-size:13px;}
	.show-detail .show-swiper:hover .tip-swiper,.show-detail .show-swiper .tip-swiper{display:none;}
	.show-sh .zt-main .zt-links .l8{left:48%;}
}
@media (max-width:500px){
	@keyframes pointAn{
		to{background-position:0 -100vw;}
	}
	.show-sh .count-down .time-num{font-size:42px;line-height:1;}
	.show-sh .count-down .time-name span{font-size:12px;margin:0 18px;}
	.show-sh .btn-list .btn-item{width:40%;height:auto;font-size:20px;padding-top:0;margin-bottom:0px;}
	.show-sh .btn-list .btn-item.big{width:80%;height:50px;font-size:18px;}
	.show-sh .btn-list .btn-item.big a{box-sizing:border-box;padding-left:15px;background-size:66%;background-position:80% 40%;padding-top:8px;}
	.show-sh .btn-list .btn-item a{padding-top:5px;}
	.show-sh .btn-list{line-height:normal;bottom:6%;}
	.show-detail .video-list .play-cont{font-size:12px;bottom:10px;}
	.show-detail .show-swiper .swiper-btn{width:30px;height:30px;}
	.show-detail .video-list .play-cont .point{width:25px;height:29px;}
	.show-sh .count-down .time-name span{font-size:12px;margin:0 18px;}
	.show-hg .hg-list .li3,.show-hg .hg-list .li2{width:100%;}
	.frame-box .frame-main .close-btn{width:20px;height:20px;right:10px;}
	.show-detail .show-banner .d-btn{width:80px;font-size:12px;padding:6px 0;}
	.show-sh .zt-main .zt-links a{width:4vw;height:4vw;}
	.show-sh .zt-main .zt-links .t1{/* left:0%; *//* top:2%; */}
	.show-sh .zt-main .zt-links .t2{/* top:2%; *//* right:-2%; */}
	.show-sh .zt-main .zt-links .t3{top:14%;left:-2%;}
	.show-sh .zt-main .zt-links .t4{top:14%;right:-9%;}

	.slide-bar .s-item{width: 50px;height: 45px;background-position: 13px center;}
	.slide-bar .s-item:nth-child(1){background-size: 20px auto;}
.slide-bar .s-item:nth-child(2){background-size:23px auto;}
.slide-bar .s-item:nth-child(3){background-size:20px auto;}
.slide-bar .s-item:nth-child(4){background-size:10px auto;background-position: 18px center;}
.slide-bar .s-item:hover{ width: 50px; padding-right: 0; }
.slide-bar{transform: translateY(0px);bottom: 20px;top: auto;}

}
<!--耗时1764581199.1561秒-->