/*  CLASSES  */
/*============================
DEFAULT CLASS
============================*/
.fL { float: left !important; }

.fR { float: right !important; }

.dI { display: inline !important; }

.dIb { display: inline-block !important; }

.dB { display: block !important; }

.bold { font-weight: bold !important; }

.normal { font-weight: normal !important; }

.aC { text-align: center !important; }

.aR { text-align: right !important; }

.aL { text-align: left !important; }

.lh1_2 { line-height: 1.2 !important; }

.lh1_4 { line-height: 1.4 !important; }

.lh1_6 { line-height: 1.6 !important; }

.lh1_8 { line-height: 1.8 !important; }

.lh2 { line-height: 2 !important; }

.height40 {height: 40px !important; }
.height77 {height: 77px !important; }
.height130 {height: 130px !important; }

.m0 { margin: 0 !important; }

.m0a { margin: 0 auto !important; }

.mT0 { margin-top: 0px !important; }

.mB0 { margin-bottom: 0px !important; }

.mR0 { margin-right: 0px !important; }

.mL0 { margin-left: 0px !important; }

p, li, dt, dd, h2, h3, h4, span { background: url("/honda/funtec/enjoy/hondasensing/images/spacer.gif") 0 0 no-repeat; }

.textFix { background: url("/honda/funtec/enjoy/hondasensing/images/spacer.gif") 0 0 no-repeat !important; }

/* clearfix */
.cf:after, .clearfix:after { content: ""; clear: both; display: block; }

/*  BASE STYLE  */

/*---------------------------------clearfix----------------------------------*/
.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

body{ overflow: auto; }
/* BANNER */
.return_bottom{ background:url(/honda/funtec/enjoy/hondasensing/images/point_bottom.png) no-repeat; position:fixed; width:100px; height:236px; right:2%; bottom:50px; z-index:99;}
#wrapper .return_top{ position:absolute; width:118px; height:46px; right:2%; bottom:680px; z-index:999;}
.banner_box { width:100%;  position:relative;  height:472px; background:#000; overflow:hidden;}
.banner_box .banner_pic{ position:relative; z-index:0; }
.banner_box .banner_pic .banner_photo {height:472px; display: block; margin:0 auto;text-align:center; }
.banner_box .hd { width:100%; position: absolute; bottom:20px; text-align: center; font-size:0; z-index:1; }
.banner_box .hd li{margin: 0 5px; background:#808284; border-radius:50px; height: 12px;width: 12px; cursor: pointer; overflow: hidden; display:inline-block; *display:inline; zoom:1;}
.banner_box .hd .on{margin: 0 5px; background:#000; border:#e40120 solid 2px; border-radius:50px; height: 8px; width: 8px; overflow: hidden; cursor: pointer;display:inline-block; *display:inline; zoom:1;}
.banner_box .prev{ width: 47px; height: 127px; background:url(/honda/funtec/enjoy/hondasensing/images/pre_left.png) no-repeat; position: absolute; top: 50%; left:15px; margin-top:-63px; z-index: 10; cursor: pointer; text-indent: -9999px; }
.banner_box .next{ width: 47px; height: 127px; background:url(/honda/funtec/enjoy/hondasensing/images/next_right.png) no-repeat; position: absolute; top: 50%; right:15px; margin-top:-63px; z-index: 10; cursor: pointer; text-indent: -9999px;}
.banner_box .banner_pic .banner_mask{width:100%;height:472px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.banner_box .banner_pic .banner_text{position:absolute;width:100%;height:472px;left:-2000px;top:0px;overflow:hidden;}
.banner_box .banner_pic .banner_text .banner_logo{ width:371px; height:97px; text-align:center; margin:147px auto 88px;}
.banner_box .banner_pic .banner_text a{text-decoration:none; width:216px; height:38px; line-height:38px; border:#fff solid 2px;text-align:center;color:#FFF;font-size:16px;display: block;cursor: pointer;text-align:center; margin:0 auto;}

.video_four{ width:100%; background:url(/honda/funtec/enjoy/hondasensing/images/new-bg.jpg) center top no-repeat; height:662px;}
.video_four_com{ width:1000px; margin:48px auto 0; text-align:center;}
.video_four_com .cnt{ width: 436px;float: left;height: 265px;margin-top: 175px;}
.video_four_com .cnt .slogan{ margin-bottom: 30px; }
.video_four_com .cnt .sloganmore{ font-size: 14px; color: #666; line-height: 24px; text-align: left; }
.video_four_com .right_movie{ float: right; width: 500px;margin-top: 175px; }





.video_four_com h2{ color:#613626; font-size:25px; line-height:35px; margin-bottom:30px;}
.video_four_com h2 span{font-size:30px; font-weight:bold;}
.video_four_com h2 strong{ font-weight:bold;}
.video_four_com ul{}
.video_four_com li{ width:250px; float:left; overflow:hidden; position:relative; }
.video_four_com li .video_four_pic{ width:250px; height:250px; display:block;}
.video_four_com li .video_pic_mask_l_bg{width:54px; height:53px; background:#a6723d; opacity:0.6; filter:alpha(opacity=60);  z-index:2;position:absolute; top:197px; left:0;}
.video_four_com li .video_pic_mask_l_icon{width:54px; height:53px;position:absolute; top:205px; left:0; z-index:3;}
.video_four_com li .video_pic_mask_r_bg{width:196px; height:53px; background:#541406; opacity:0.6; filter:alpha(opacity=60);position:absolute; top:197px; right:0; z-index:2;}
.video_four_com li .video_pic_mask_r_p{width:196px; height:53px; color:#fff; font-size:16px; font-weight:bold; line-height:53px; text-align:center;word-spacing:8px;position:absolute; top:197px; right:0;z-index:3; text-align:center;}
.video_four_com li span{ width:213px; height:37px; line-height:37px; display:block; text-align:center; margin:12px auto 0; border:#6b3e23 solid 1px; color:#6b3e23; font-size:16px; font-weight:bold;} 

.video_four_com li .addMoiveDiv{position:absolute;width:100%;height:100%;top:0;left:0;}

.movie_tab{ width:100%; background:#000 url(../images/movie_tab_bg.jpg) center center no-repeat; height:1069px; margin:0 auto; text-align:center;display: block;}
.matchRAll{width:1000px; margin:70px auto 0; text-align:center;}
.matchRAll .matchTab{background:url(/honda/funtec/enjoy/hondasensing/images/tab_h2.png) center center no-repeat;width:640px; height:120px; margin:0 auto; text-align:center; position:relative;}
.matchRAll .matchTab .movie_tab_l{background:url(/honda/funtec/enjoy/hondasensing/images/tab_photo.png) no-repeat; width:206px; height:140px;position:absolute;left: 0;bottom: 0; cursor:pointer;}
.matchRAll .matchTab .movie_tab_r{background:url(/honda/funtec/enjoy/hondasensing/images/tab_video.png) no-repeat; width:207px; height:128px;position:absolute;right: 0;bottom: 0; cursor:pointer;}
.matchRAll .matchTab .current .movie_tab_l{background:url(/honda/funtec/enjoy/hondasensing/images/tab_photo_hover.png) no-repeat; width:206px; height:140px;position:absolute;left: 0;bottom: 0; cursor:pointer;}
.matchRAll .matchTab .current .movie_tab_r{background:url(/honda/funtec/enjoy/hondasensing/images/tab_video_hover.png) no-repeat; width:207px; height:128px;position:absolute;right: 0;bottom: 0; cursor:pointer;}

.matchConAll{width:1000px; margin:70px auto 0; text-align:center;}

.center_area{ position: relative;overflow: hidden; width:1000px; height: 730px;}
.center_area .bigImg{ height:598px; position: relative;}
.center_area .bigImg li img{ vertical-align:middle; width:1000px; height:598px;}

.center_area .smallScroll{width:1000px; margin:20px auto; text-align:center;}
.center_area .smallImg{display:inline;overflow: hidden; margin:0 auto; text-align:center;}
.center_area .smallImg ul{ width:700px;overflow: hidden; margin:0 auto;  text-align:center;}
.center_area .smallImg li{ float:left; margin:0 6px; height:90px; cursor: pointer;}
.center_area .smallImg li img{ float:left;  width:64px; height:64px; border:#fff solid 3px; border-radius:50px;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.center_area .smallImg li.on img{width:84px; height:84px; border:#e60827 solid 3px; border-radius:50px;vertical-align:middle;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.center_area .smallScroll .sPrev{width: 47px; height: 127px; background:url(/honda/funtec/enjoy/hondasensing/images/pre_left.png) no-repeat; position: absolute; top: 50%; left:15px; margin-top:-63px; z-index: 10; cursor: pointer; text-indent: -9999px; }
.center_area .smallScroll .sNext{width: 47px; height: 127px; background:url(/honda/funtec/enjoy/hondasensing/images/next_right.png) no-repeat; position: absolute; top: 50%; left:15px; margin-top:-63px; z-index: 10; cursor: pointer; text-indent: -9999px;}

.big_movie{ position: relative;width: 1000px;height: 598px; margin:0 auto; text-align:center;}
.big_movie .addMoiveDiv {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.big_movie .icon_movie {width:98px;height: 98px;position: absolute;top: 50%;left: 50%;margin-left: -49px;margin-top: -49px;z-index: 2;}

.sensing_tec{ width:100%;background:#000 url(../images/big_bg.jpg) center center no-repeat;}
.sensing_com{ width:1000px; margin:0 auto;}
.sensing_com .title_sensing{width:1000px; margin:0 auto; padding:50px 0; text-align:center;}
.sensing_com p{ /*text-indent:2em;*/ font-size:15px; color:#fff; line-height:24px; text-align: justify;}
.sensing_com_car{ width:1290px; margin:10px auto 0;}
.sensing_com_car .car_show{ width:588px; margin:95px auto; position: relative;}
.sensing_com_car .car_show .canvasBtn{z-index:5;position: absolute;width:47px;height:47px;background: url(/honda/funtec/enjoy/hondasensing/images/icon.png) no-repeat; cursor:pointer;-webkit-animation: rotateZ 1.5s infinite linear;animation: rotateZ 1.5s infinite linear;}
.sensing_com_car .car_show .canvasBtn01{left:551px;top:111px;}
.sensing_com_car .car_show .canvasBtn02{left:356px;top:219px;}
.sensing_com_car .car_show .canvasBtn03{left:-18px;top:111px;}
@-webkit-keyframes rotateZ {
    0%    { -webkit-transform: rotate(0deg);}
    
    100%  { -webkit-transform: rotateZ(360deg); }
  }

  @-webkit-keyframes rotateBAI {
    0%    { -webkit-transform: rotate(360deg);}
    
    100%  { -webkit-transform: rotateZ(0deg); }
  }
  @-webkit-keyframes rotateHONG {
    0%    { -webkit-transform: rotate(0deg);}
    
    100%  { -webkit-transform: rotateZ(360deg); }
  }

  @-webkit-keyframes rotateLAN {
    0%    { -webkit-transform: rotate(0deg);}
    
    100%  { -webkit-transform: rotateZ(360deg); }
  }
.sensing_com_car .car_show .areaSame{ display: block; opacity: 0.3; }
.sensing_com_car .car_show .areaSame01{position: absolute; width: 594px;height: 346px;background: url(/honda/funtec/enjoy/hondasensing/images/qianfang.png) no-repeat; left:367px;top:-38px;}
.sensing_com_car .car_show .areaSame02{position: absolute; width: 300px;height: 236px;background: url(/honda/funtec/enjoy/hondasensing/images/xiafang.png) no-repeat;left:80px;top:245px;}
.sensing_com_car .car_show .areaSame03{position: absolute; width: 347px;height: 257px;background: url(/honda/funtec/enjoy/hondasensing/images/houfang.png) no-repeat;left:-337px;top:5px;}

.sensing_com_pc{ width:1000px; margin:55px auto;}
.sensing_com_pc li{background:url(/honda/funtec/enjoy/hondasensing/images/links_bg.png) center center no-repeat; width:283px; height:283px; float:left; margin-right:75px; text-align:center; position:relative;}
.sensing_com_pc li.last{ margin-right:0px;}
.sensing_com_pc li p{font-size:14px; color:#373737; text-decoration: underline; line-height:24px; text-indent:0;vertical-align:middle;position: relative;top: 54%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.sensing_com_pc li p a{ background:url(/honda/funtec/enjoy/hondasensing/images/sensing_com_pbg.png) left center no-repeat; padding-left:16px;color:#fff;}
.sensing_com_pc li p a:hover{ color:#e60827;}
.sensing_com_pc li strong{ font-size:20px; color:#0fc0fa; font-weight:bold; display:block; position:absolute; top:48px; text-align:center; width:274px; }
.sensing_tec_bottom{ width:100%; height:298px;margin:0 auto;text-align: center; background:#000 url(../images/tec_bottom.jpg) center center no-repeat;}

.center_movie{width:100%;  height:575px; margin:280px auto 75px; text-align:center;display: block; padding-top:15px;}
.center_movie .honda_movie{width:922px; margin:0 auto 0; background:url(/honda/funtec/enjoy/hondasensing/images/center_movie_bg.jpg) center center no-repeat; height:511px; position:relative;padding:21px 39px;}
.center_movie .honda_movie .addMoiveDiv {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.center_movie .honda_movie .icon_movie {width:98px;height: 98px;position: absolute;top: 50%;left: 50%;margin-left: -49px;margin-top: -49px;z-index: 2;}

.carfour{ width:100%; background:#f3f4fb url(/honda/funtec/enjoy/hondasensing/images/new-bg.jpg) center top no-repeat;  }
.carfour_com{ width:1000px; margin:128px auto 0; text-align:center;}
.carfour_com h2{margin-bottom:30px; font-size: 24px; color: #1582de; display:inline-block; font-weight: bold; position: relative;}
.carfour_com h2:after{content: ''; position: absolute; width: 52px; height: 2px; background-color: #1582de; top: 35px; left: 22px; }
.carfour_com li{ width:220px; float:left; overflow:hidden; position:relative; margin: 20px 15px;height: 205px;}
.carfour_com li img{margin-bottom: 10px; display: block; width: 130%; position: relative; margin-left: -15%;}
.carfour_com li .name{ text-align: left; font-size: 16px; color: #333; display: block; line-height: 24px; }
.carfour_com li span{ text-align: left; font-size: 12px; display: block; line-height: 20px;}


.mask{ background-color:#000; filter:alpha(opacity=50);opacity:0.7; width:100%; height:100%; position:fixed; z-index:199;top:0; display:none;}
.movie-popup01,.movie-popup02{ z-index:200; width:800px; height:450px;position: fixed;display:none; top:50%; left:50%;text-align:center; margin-left:-400px;margin-top:-300px;}
.movie-popup01 .close_tan,.movie-popup02 .close_tan{ position:absolute; right:15px; top:15px; cursor:pointer; z-index:201;}


#content .funtec_movie{  -webkit-transition-delay: 0s;transition: all 0.8s cubic-bezier(0.075, 0.820, 0.165, 1.000) 0s; cursor:pointer;}
#content .funtec_movie:hover{ opacity:0.8;transform: rotateZ(2.49903288201161deg);box-shadow: rgba(113, 135, 164, 0.380392) 7px 6px 4px -4px;}

.first_img_canvas{width:900px;height:506px;}
#CanvasDiv0, #CanvasDiv1, #CanvasDiv2, #CanvasDiv3{position:absolute;top:0;left:0;width:900px;height:506px;}
.canvasBox1, .canvasBox2, .canvasBox3{display: none;}
.sence_con_module .canvasBox{position:absolute;top:0;left:0;width:900px;height:506px;}
.canvasBox1_pop{display:none;position: absolute;width:492px;height:230px;top:50%;margin-top:-115px;left:50%;margin-left:-246px;background: url(/honda/funtec/enjoy/hondasensing/images/word_tan.png) no-repeat;}
.canvasBox1_pop .close{position:absolute;top:6px;right:5px;width:27px;height:27px;background:url(/honda/funtec/enjoy/hondasensing/images/close_blue.gif) no-repeat;}
.canvasBtn,.canvasFirstBtn{display:none;z-index:5;position: absolute;width:47px;height:47px;background: url(/honda/funtec/enjoy/hondasensing/images/icon.png) no-repeat; cursor: pointer;}
.canvasBox0 .promptArraowFirst{top:317px;left:530px;}
.canvasFirstBtn.canvasFirstBtn01{left:358px;top:138px;}
.canvasFirstBtn.canvasFirstBtn02{left:515px;top:279px;}
.canvasBtn.canvasBtn01{left:470px;top:342px;}
.canvasBtn.canvasBtn02{left:670px;top:236px;}
.canvasBtn.canvasBtn03{left:162px;top:233px;}
.promptArraow,.promptArraowFirst{display:none;z-index:5;position: absolute;width:30px;height:47px;top:382px;left:483px;background: url(/honda/funtec/enjoy/hondasensing/images/promptArraowbg.png) no-repeat;}
.opacityImgZ{display:none;position: absolute;width:900px;height:506px;z-index:3;}
.canvasBox3_pop{display:block;position: absolute;width:283px;height:283px;z-index:10;background: url(/honda/funtec/enjoy/hondasensing/images/links_bg.png) no-repeat;}
.canvasBox3_popInner{padding-top: 48px;width:283px;height:283px;margin:0 auto;position: relative;}
.canvasBox3_popInner .close{width:50px;height:42px;position: absolute;top:31px;right:30px;}
.canvasBox3_pop h6{font-size:20px;text-align:center;color:#0fc0fa;position: relative;padding-bottom: 10px;margin-bottom: 10px; font-weight: bold;}
.canvasBox3_pop h6:after{content: '';position: absolute;width:36px;height:4px;background: #0fc0fa;left:50%;margin-left:-18px;bottom:0;}
.canvasBox3_pop ul li{text-align: center;margin-bottom: 5px; color: #fff;}
.canvasBox3_pop ul li a{color:#fff;font-size: 14px;border-bottom: 1px solid #c0c0c1;line-height: 22px;}

.xu03{left: 0;top: 450px;}
.xu01{left: 310px;top: 450px;}
.xu02{right: 0;top: 450px;}


.three_area .areaSame{position: absolute;z-index:4;display: none;}
.areaSame01{background: url(/honda/funtec/enjoy/hondasensing/images/xiafang.png) no-repeat; width: 300px;height: 236px; left:200px;top:356px;}
.areaSame03{background: url(/honda/funtec/enjoy/hondasensing/images/houfang.png) no-repeat; width: 347px;height: 257px;left:-158px;top:125px;}
.areaSame02{background: url(/honda/funtec/enjoy/hondasensing/images/qianfang.png) no-repeat; width: 594px;height: 346px;right:-173px;top:83px;}

 .canvasFirstBtn.current,.canvasBtn.current{-webkit-animation: rotateZ 1.5s infinite linear;animation: rotateZ 1.5s infinite linear;}
@-webkit-keyframes rotateZ {
    0%    { -webkit-transform: rotate(0deg);}
    
    100%  { -webkit-transform: rotateZ(360deg); }
  }

  @-webkit-keyframes rotateBAI {
    0%    { -webkit-transform: rotate(360deg);}
    
    100%  { -webkit-transform: rotateZ(0deg); }
  }
  @-webkit-keyframes rotateHONG {
    0%    { -webkit-transform: rotate(0deg);}
    
    100%  { -webkit-transform: rotateZ(360deg); }
  }

  @-webkit-keyframes rotateLAN {
    0%    { -webkit-transform: rotate(0deg);}
    
    100%  { -webkit-transform: rotateZ(360deg); }
  }
  .sence_con_module{ width:900px; height: 850px; margin:50px auto 0; position: relative;}
  
  
  .sence_con_module .canvasBox .specific-note{ width: 100%; position: absolute; top: 760px;}
  
  
  
  
  <!--ºÄʱ1764576632.99Ãë-->