@charset "utf-8";
body.over_hide,
html.over_hide{overflow:hidden;}

.page_ciie{width:100%;}
.ciie_part1{width:100%; background:url(/mobile/event/ciie/2024/img/bg.jpg) 0 0/100% 100% no-repeat; padding:30px 0 30px; position:relative;}
.ciie_part1 .ciie_title{width:100%; box-sizing:border-box; margin-bottom:40px;}
.ciie_part1 .ciie_title h2{font-size:18px; color:#a26600; text-align:center; font-weight:600; margin-bottom:15px; letter-spacing: 0.6px;}
.ciie_part1 .ciie_title h2 span{font-size:14px;}
.ciie_part1 .ciie_title p{width:100%; box-sizing:border-box; padding:0 20px;}
.ciie_showcase{width:100%; position:relative;}
.ciie_close{width:36px; height:36px; box-sizing:border-box; padding:7px; position:absolute; top:-36px; right:0; z-index:10; display:none;}
.ciie_close span{display:block; width:100%; height:100%; background:url(/mobile/event/ciie/2024/img/close.png) 0 0/100% 100% no-repeat;}
.showcase_part{width:10rem; position:relative;}
.showcase_bg{width:10rem; position:relative; z-index:0;}
.showcase_bg img{display:block; width:100%;}
.showcase_bg span{display:block; width:100%; height:100%; background:url(/mobile/event/ciie/2024/img/shade.png) 0 0/100% 100% no-repeat; position:absolute; top:0; left:0; z-index:2;}

.showcase_box{width:10rem; height:100%; position:absolute; top:0; left:0; z-index:2;}
.showcase_box .topic{width:10rem; position:absolute; top:0; left:0;}
/*.showcase_box .topic li a{display:block; width:100%; display:flex;}*/
.showcase_box .topic li.hysa{top: 1.7333rem; left: 1.1867rem;}
.showcase_box .topic li.intelligent{top: 4.2133rem; left: 5.0267rem;}
.showcase_box .topic li.electric{top: 4.1333rem; left: 5.1333rem;}
.showcase_box .topic li.welcab{top: 1.02rem; left: 5.88rem;}
.showcase_box .topic li.gr{top:1.75rem; left:5rem;}

.showcase_box .topic li{position:absolute;}
.showcase_box .topic li .pic{position:relative; z-index:1;}
.showcase_box .topic li .pic img{display:block; width:100%;}

.showcase_box .topic li.hysa .pic{width:78px;}
.showcase_box .topic li.electric .pic{width:83.27px;}
.showcase_box .topic li.welcab .pic{width:113.837px;}

/* .showcase_box .topic li .pic span{display:block; width:80%; height:6px; background:#6d6b6a; border-radius:100%; margin:0 auto;} */
.showcase_box .topic li .txt{display:inline-block; height:24px; line-height:24px; font-size:12px; color:#fff; padding:0 12px 0 12px; border-radius:100px; margin-left:-30px; position:relative; z-index:2;}
.showcase_box .topic li.hysa .txt{background:#295e9e;}
.showcase_box .topic li.intelligent .txt{background:#06b0a2;}
.showcase_box .topic li.electric .txt{background:#daaa13;}
.showcase_box .topic li.welcab .txt{background:#ed3333;}
.showcase_box .topic li.gr .txt{background:#18191d;}

.showcase_box .shade{width:10rem; position:absolute; top:0; left:0;}
.showcase_box .shade li{width:100%; position:absolute; top:0; left:0; display:none;}
/*.showcase_box .shade li.on{display:block;}*/
.showcase_box .shade li img{display:block; width:100%;}

.showcase_box .pop_btn{width:10rem; position:absolute; top:0; left:0;}
.showcase_box .pop_btn li{display:none;}
.showcase_box .pop_btn li .btn{position:absolute;
		/*animation:ciieBtn 1.5s linear infinite both;
-webkit-animation:ciieBtn 1.5s linear infinite both;*/
}
.showcase_box .pop_btn li .btn a{display:flex;}
.showcase_box .pop_btn li .pic{width:22px; position:absolute; left:10px; top:2px; z-index:1;}
.showcase_box .pop_btn li .pic img{display:block; width:100%;}

.showcase_box .pop_btn li .btn.text_left .pic{left:inherit; right:10px;}

.showcase_box .pop_btn li .zhongqi .pic{left:36px;}
.showcase_box .pop_btn li .hev.text_left .pic{right:1px;}
.showcase_box .pop_btn li .prado .pic{left:1px;}
.showcase_box .pop_btn li .bz3x.text_left .pic{right:1px;}
.showcase_box .pop_btn li.hysa .shapan .pic{left:1px;}

.showcase_box .pop_btn li .txt{height:22px; line-height:22px; font-size:12px; color:#fff; padding:0 10px 0 10px; border-radius:100px; position:relative; z-index:2;}



/*横向箭头的设置*/
.showcase_box .pop_btn li .h_arrow .pic{width:26px;left:-5px; top:0;}
.showcase_box .pop_btn li .h_arrow .pic img{margin-top:inherit;}
/*\\横向箭头的设置*/


.showcase_box .pop_btn li.hysa .txt{background:#295e9e;}
.showcase_box .pop_btn li.intelligent .txt{background:#06b0a2;}
.showcase_box .pop_btn li.electric .txt{background:#daaa13;}
.showcase_box .pop_btn li.welcab .txt{background:#ed3333;}
.showcase_box .pop_btn li.gr .txt{background:#18191d;}

.showcase_box .pop_btn li.hysa .huanq{top: .85rem; left:0.5rem;}
.showcase_box .pop_btn li.hysa .zhongqi{top: 1.96rem; left: 0.3rem;}
.showcase_box .pop_btn li.hysa .shapan{top: 1.75rem; left: 3.2rem;}
.showcase_box .pop_btn li.hysa .tl260{top: 2.9rem; left: 2.7rem;}
.showcase_box .pop_btn li.hysa .tl150{top: 3.7rem; left: 2.6rem;}

.showcase_box .pop_btn li.welcab .fuzhi{top: -0.4rem; left: 4rem;}
.showcase_box .pop_btn li.welcab .bz3{top:1.4rem; left:7.4rem;}
.showcase_box .pop_btn li.welcab .shehui{top: -0.6rem; left: 6.75rem;}
.showcase_box .pop_btn li.welcab .alphard{top: .56rem; left: 7rem;}

.showcase_box .pop_btn li.welcab .supra{top: 1rem; left: 2.9rem;}
.showcase_box .pop_btn li.welcab .yaris{top: 2.5rem; left: 7rem;}


.showcase_box .pop_btn li.electric .sweep{top: .6667rem; left: 2.6rem;}
.showcase_box .pop_btn li.electric .bz3c{top: 4.5067rem; left: 2.6rem;}
.showcase_box .pop_btn li.electric .bz3x{top: 4.5067rem; left: 0.7rem;}
.showcase_box .pop_btn li.electric .prado{top: 2.65rem; left: 5rem;}
.showcase_box .pop_btn li.electric .hev{top: 2.3rem; left: 3.6rem;}
.showcase_box .pop_btn li.electric .l4{top: 2.8rem; left: 7.1rem;}
.showcase_box .pop_btn li.electric .crown{top: 4.7067rem; left: 6rem;}


.ciie_pop{width:100%; height:calc(100% - 70px); box-sizing:border-box; padding-top:40px; background:rgba(0,0,0,0.5); position:fixed; top:70px; left:0; /*display:none;*/ z-index:-1000; opacity:0;}
.ciie_pop.open{z-index:100; opacity:1;}
.ciie_pop_close{width:36px; height:36px; box-sizing:border-box; padding:7px; position:absolute; top:4px; right:4px;}
.ciie_pop_close span{display:block; width:100%; height:100%; background:url(/mobile/event/ciie/2024/img/close2.png) 0 0/100% 100% no-repeat;}
.ciie_pop .pop_box{width:calc(100% - 20px); height:calc(100% - 20px); background:#fff; border-radius:8px; overflow:hidden; margin:0 auto; position:relative;}
.ciie_pop .pop_box.noBg{background:none;}

.ciie_pop .pop_box li{width:100%; height:100%; box-sizing:border-box; padding:10px 0; position:absolute; top:0px; left:0; z-index:0; opacity:0; /*display:none;*/}
.ciie_pop .pop_box li.on{/*display:block;*/ z-index:100; opacity:1;}
.ciie_pop .pop_box li .con{width:100%; height:100%; box-sizing:border-box; padding:30px 10px; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
.ciie_pop .pop_box li .con .box{width:100%; height:inherit; height:auto;}
.ciie_pop .pop_box li .con img{display:block; width:100%;}
.ciie_pop .pop_box li .pic{width:100%;}

.ciie_pop .pop_box .pop_shapan img{border-radius:8px;}

.ciie_pop .pop_box .pop_supra .scroll_box{width:100%; overflow-x:scroll; -webkit-overflow-scrolling:touch;}
.ciie_pop .pop_box .pop_supra .scroll_box img{width:160%;}
.ciie_pop .pop_box .pop_yaris .scroll_box{width:100%; overflow-x:scroll; -webkit-overflow-scrolling:touch;}
.ciie_pop .pop_box .pop_yaris .scroll_box img{width:159.6%;}

.ciie_pop .pop_box .pop_prado_swiper_wrap{width:100%;}
.ciie_pop .pop_box .pop_prado_swiper_wrap .swiper-button-next, 
.ciie_pop .pop_box .pop_prado_swiper_wrap .swiper-button-prev{width:22px; height:42px; background:url() center center/100% auto no-repeat; top:57%;}
.ciie_pop .pop_box .pop_prado_swiper_wrap .swiper-button-prev{background-image:url(/mobile/event/ciie/2024/img/prev.png); left:0;}
.ciie_pop .pop_box .pop_prado_swiper_wrap .swiper-button-next{background-image:url(/mobile/event/ciie/2024/img/next.png); right:0;}


.ciie_pomp{width:100%; background:#fff; box-sizing:border-box; padding:30px 15px 80px;}
.ciie_pomp_title{width:100%; display:flex; align-items:flex-end; margin-bottom:20px;}
.ciie_pomp_title h1{width:100%; box-sizing:border-box; font-size:26px;}

.ciie_pomp_swiper_wrap{width:100%; position:relative; z-index:1;}
.ciie_pomp_swiper_wrap img{display:block; width:100%; border-radius:8px;}

.ciie_pomp .swiper-scrollbar, 
.ciie_pomp .swiper-scrollbar.swiper-scrollbar-horizontal{width:90%; left:5%; border-radius:0;}

.ciie_pomp .swiper-scrollbar{background:rgba(51,51,51,0.2); bottom:-30px;}
.ciie_pomp .swiper-scrollbar{height:1.5px;}
.ciie_pomp .swiper-scrollbar-drag{height:200%; top:inherit; bottom:100%; background:#9e7d32; border-radius:0;}


/*视频弹窗*/
.mov_pop{width:100%; height:100vh; background:rgba(0,0,0,1); position:fixed; top:0; left:0; z-index:1000003; display:none;}
.mov_pop .box_pop{width:100%; height:100vh; position:relative;}
.mov_pop .box_pop .close{display:block; width:35px; height:35px; position:absolute; top:10px; right:10px; z-index:2;}
.mov_pop .box_pop .close img{display:block; width:100%;}
.mov_pop .box_pop .videos_wrap{width:100%; height:100vh; display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; z-index:1;}
.mov_pop .box_pop video{width:100%; border:none; outline:none; margin-top:inherit; /*display:block;此属性会导致视频在苹果手机播放时暂停键功能失效*/ }



@-webkit-keyframes ciieBtn{
  from {opacity:1;}	
  50%{opacity:0.7;}	
  to{opacity:1;}
}

@keyframes ciieBtn{
  from {opacity:1;}	
  50%{opacity:0.7;}	
  to{opacity:1;}
}