@charset "UTF-8";
video, .swiper-button-next, .swiper-button-prev:focus { outline: none; }

/* video */
video { width: 100%; display: block; text-align: center;-webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}

.onDemand-img-box { position: relative; }

.phoneVideo-popup { display: none; }

.videoBg { width: 100%; }

.videoImg { display: none; }
.videoImg img { width: 100%; }

.playImg { width: 28%; position: absolute; top: 50%; left: 50%; z-index: 5; margin-top: -14%; margin-left: -14%; }

.videoH { width: 100%; height: 120px; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}

.video-cover-top { padding-bottom: 20px;top:0;position:relative;}

.videoStyle { width: 100%; min-height: 100vh;padding:120px 0; position:relative;top: 0px;-webkit-transition:all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s;transition:all 2s;}

.video-cover-main { width: 100%;height:72vh; padding: 12px;position: absolute; top: 0px; left: 0px; overflow: hidden; border-radius: 4px; border: 2px solid #eee; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.video-cover-main-bg{width:100%;height:100%;overflow:hidden;position:relative;-webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}


.videoStyle .video-cover-container{ width: 100%; height: 100vh; position:static; top:120px; left: 0;-webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}

.videoStyle .videoBox { width: 100vw; height: 100vh; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;position:absolute;top:50%;left:50%;z-index:0;transform: translate(-50%,-50%);}

.videoStyle .videoMain { height: 100vh; object-fit: cover; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}



.video-cover-content{-webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}



.videoStyle.cur {height:180vh; padding: 0px;-webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s; }

.videoStyle.scrollDown .video-cover-top { width: 100%; position:fixed;bottom:60%;top:auto; left: 0px; z-index: 5; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.videoStyle.scrollUp .video-cover-top { width: 100%; position:absolute;bottom:60%;top:auto; left: 0px; z-index: 5; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}

.videoStyle.cur .video-cover-top .title-position { opacity: 0.2; filter: alpha(opacity=20); }

.videoStyle.cur .video-cover-top .index-title, .videoStyle.cur .video-cover-top .shadow-title, .videoStyle.cur .video-cover-top .shadow-title .shadow-text, .videoStyle.cur .video-cover-top .index-subtitle { color: #fff !important; }

.videoStyle.scrollDown .video-cover-container {position:fixed;top:60px;}
.videoStyle.scrollUp .video-cover-container {position:absolute;top:auto;bottom:0;}

.videoStyle.cur .video-cover-content { width: 100%; height: 100vh;-webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}

.videoStyle.cur .video-cover-main { width: 100%; height: 100vh; padding: 0px; border: none; border-radius: 0px;  -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.videoStyle.cur .video-cover-container-height{width:100%;height:180vh;}


/* 硬件文字 */
.hardware-text { color: #999; font-size: 26px; line-height: 36px; position: absolute; z-index: 2; opacity: 0; filter: alpha(opacity=0); white-space: nowrap; word-break: keep-all; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

/* 软件 */
.constitute-title { color: #fff; font-size: 20px; line-height: 26px; padding: 6px 30px;position:relative;}
.constitute-title p{position:relative;z-index:2;color: #fff; font-size: 20px; line-height: 26px;}
.constitute-title span.bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%; border-radius: 4px; box-shadow: 0px 1px 2px #01dacd; background: -moz-linear-gradient(top, #01dacd, #6efff6 80%, #c4fffc);background: -webkit-linear-gradient(top, #01dacd, #6efff6 80%, #c4fffc);background: -o-linear-gradient(top, #01dacd, #6efff6 80%, #c4fffc);background:linear-gradient(top, #01dacd, #6efff6 80%, #c4fffc);-webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -ms-transform: skewX(-20deg); -o-transform: skewX(-20deg); transform: skewX(-20deg);z-index:1;}

.software-img { width: 100%; padding: 12px; overflow: hidden; border-radius: 4px; border: 2px solid #eee; }
.software-img img { width: 100%; }

.software-text { padding-top: 12px; padding-left: 15px; }
.software-text p { color: #666; font-size: 16px; line-height: 24px; padding-left: 28px; position: relative; }
.software-text p:before { content: ""; width: 18px; height: 18px; border-radius: 2px; background-color: #e72420; position: absolute; top: 3px; left: 0px; }

/* 优势 */
.advantage-main { width: 100%; padding-top: 10%; padding-bottom: 6%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; z-index: 1; }
.advantage-main .advantage-box { padding: 0px 50px; }
.advantage-main .advantage-box li { float: left; padding: 0px 55px; text-align: center; }
.advantage-main .advantage-box .advantage-img { float: left; }
.advantage-main .advantage-box .advantage-text {color:#fff;margin-top:5px;font-size:16px;line-height:24px; margin-bottom:20px;opacity:0.8;filter:alpha(opacity=80);}
.advantage-main .advantage-box .advantage-text2{display:none;color:#fff;margin-top:5px;font-size:12px;line-height:24px; margin-bottom:20px;opacity:0.8;filter:alpha(opacity=80);width:100%;text-align:center;}
.advantage-main .advantage-box .advantage-icon { color: #fff;width: 130px;height: 130px; font-size: 24px; margin: 0px auto; font-weight: bold; line-height: 130px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.advantage-main .advantage-box .advantage-info { color: #fff; margin: 15px; width: 100px; height: 100px; font-size: 20px; overflow: hidden; line-height: 94px; border-radius: 50%; border: 3px solid rgba(255, 255, 255, 0.6); }
.advantage-main .advantage-box .advantage-img span { color: #fff; float: left; margin: 0px 10px; font-size: 20px; line-height: 130px; opacity: 0.5; filter: alpha(opacity=50); }
.advantage-main .advantage-box .advantage-img strong { float: left;height:130px;width:36px;background-image:url(../images/ht/ref-right.png);background-repeat:no-repeat;background-position:center;background-size:100%; }

.advantage-list { width: 100%; margin-top: -30px; margin-bottom: 40px; position: relative; z-index: 2; }
.advantage-list ul { margin: 0px -8px; }
.advantage-list li { float: left; width: 33.33%; padding: 0px 8px; }
.advantage-list .advantage-title { width: 100%; padding: 8px; overflow: hidden; white-space: nowrap; word-break: keep-all; border-radius: 4px; border: 2px solid #eee; }
.advantage-list .advantage-title p { color: #fff; padding: 10px 0px; overflow: hidden; font-size: 18px; line-height: 24px; border-radius: 4px; text-align: center; background-color: #e72420; }
.advantage-list .advantage-text p { color: #666; padding: 15px; font-size: 16px; line-height: 32px; }

/* 参数 */
.parameter-box { width: 100%; padding: 30px; padding-top: 10px; position: relative; background-color: #f7f8fc; }
.parameter-box .parameter-img { width: 240px; position: absolute; top: -60px; right: 0px; z-index: 1; }
.parameter-box .parameter-img img { width: 100%; }
.parameter-box .parameter-title { color: #333; font-size: 18px; margin-top: 20px; line-height: 30px; font-weight: bold; text-align: center; margin-bottom: 10px; }
.parameter-box .parameter-table { border-top: 1px solid #dadbde; }
.parameter-box .parameter-table td { color: #333; font-size: 16px; line-height: 24px; padding: 15px 0px 15px 50px; border-left: 1px solid #dadbde; border-bottom: 1px solid #dadbde; }
.parameter-box .parameter-table td:first-child { padding-left: 10px; border-left: none; }
.parameter-box .parameter-introduce { padding: 10px; }
.parameter-box .parameter-introduce p { color: #999; margin-top: 5px; font-size: 14px; line-height: 24px; }
.parameter-box .parameter-download { padding-top: 15px; text-align: center; }
.parameter-box .parameter-download a { /* display:block; */height: 40px; font-size: 16px; padding: 0px 30px; border: 1px solid #e72420;opacity:0.8; }
.parameter-box .parameter-download a:hover{opacity:1;}

/* 应用领域 */
.application-box { width: 100%; }
.application-box .application-left { width: 40%; float: left;padding:60px 0px;}
.application-box .application-right { width: 60%; float: right;background-color:#eee; padding: 60px 0px 50px 20px; }
.application-box .bigImg, .application-box .smallImg { width: 100%; }
.application-box .application-list li { width: 25%; float: left; padding-left: 10px; margin-bottom: 10px; }
.application-box .application-content { width: 100%; cursor: pointer; position: relative; }
.application-box .application-content .smallImgBox { width: 100%; position: relative; }
.application-box .application-content .smallMask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0px; left: 0px; z-index: 2; }
.application-box .application-content:hover .application-position { opacity: 1; filter: alpha(opacity=100); }
.application-box .application-position { opacity: 0; width: 88%; color: #fff; height: 88%; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; filter: alpha(opacity=0);background-color:rgba(0, 0, 0, 0.65);position: absolute; top: 6%; left: 6%; z-index: 5;}
.application-box .application-position h6 {font-size:18px;line-height:24px;}
.application-box .application-position p {margin-top:6px;padding:0px 5px;font-size:14px;line-height:20px;}

/* banner */
.banner-box { width: 100%; }
/*.banner-box .videoBox{width:100%;height:100vh;overflow:hidden;}*/
.banner-box .banner-img img { width: 100%; }
.banner-box .banner-content { color: #fff; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 5; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; text-align: right; }
.banner-box .banner-title { font-size: 36px; line-height: 40px; margin-bottom: 8px; }
.banner-box .banner-subtitle { font-size: 22px; line-height: 28px; }
.banner-box .banner-price { font-size: 24px; margin-top: 30px; line-height: 30px; }
.banner-box .banner-price span { margin-left: 15px; }
.banner-box .banner-price p { font-size: 16px; line-height: 24px; }
.banner-box .banner-icon { float: right; margin-top: 15px; margin-bottom: 30px; }
.banner-box .banner-btn a { color: #fff; opacity: 0.7; float: right; font-size: 16px; margin-left: 20px; line-height: 36px; padding: 0px 20px; border-radius: 2px; border: 1px solid rgba(255, 255, 255, 0.8); }
.banner-box .banner-btn a:hover { opacity: 1; }
.banner-box .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 30px; }
.banner-box .swiper-button-next, .banner-box .swiper-button-prev { width:48px; height: 48px;margin-left:12px; margin-top: 0px; background-size:12px; background-color:rgba(181,181,181,0.15);border-radius:50%;}
.banner-box .swiper-button-prev { top: auto; left: auto; right: 10%; bottom: 10%; }
.banner-box .swiper-button-next { top: auto; left: auto; right: 6%; bottom: 10%; }

/* 内页banner */
.ny-banner-box { position: relative; }
.ny-banner-box .BPImg { width: 200px; padding-bottom: 5px; }
.ny-banner-box .banner-content { display: block; text-align: left; padding-top: 10%; }
.ny-banner-box .banner-btn a { float: left; margin-top: 30px; margin-left: 0px; margin-right: 20px; }

/* index */
.index-box1 { padding: 120px 0px; }

.index-subtitle { text-align: center; margin-bottom: 40px; }

.index-title { color: #333; font-size: 28px; line-height: 40px; text-align: center; margin-bottom: 40px; }

.title-style { width: 100%; position: relative; }
.title-style .index-title { position: relative; z-index: 5; }
.title-style .title-position { width: 100%; color: #d40e05; font-size: 80px; font-weight: bold; line-height: 120px; text-align: center; letter-spacing: -4px; font-family: "SFUIText"; text-transform: uppercase; opacity: 0.1; filter: alpha(opacity=10); position: absolute; top: -60px; left: 0px; z-index: 1; }
.title-style .shadow-title { color: #666; font-size: 16px; line-height: 20px; text-align: center; margin-bottom: 30px; position: relative; z-index: 5; }
.title-style .shadow-title .shadow-text { color: #333; font-size: 56px; line-height: 80px; font-weight: bold; text-shadow: 2px 1px 1px #e72420; }

.ny-title-style .title-position { color: #f7f8fc; opacity: 1; filter: alpha(opacity=100); }

/* 查看更多 */
.view-more { width: 100%; margin-top: 15px; }
.view-more a {display:block; width: 120px; color: #e72420; font-size: 18px; margin: 0px auto; line-height: 30px; text-align: center; }
.view-more a .layui-icon { float: right; font-size: 20px; }

/* 首页-合作伙伴 */
.index-partner-list { background-size: auto 100%; background-position: center; background-repeat: no-repeat; }
.index-partner-list li { width:calc((100% - 100px) / 6); float: left; padding: 20px 0px; }
.index-partner-list li:not(:nth-child(6n + 6)){margin-right:20px;}
.index-partner-list li a { width:100%;display: block; height: 75px; background-size: auto 94%; background-position: center; background-repeat: no-repeat;}

/* 首页-新闻 */
.index-news-box { margin: 0px -8px; }
.index-news-box .news-left { width: 65%; float: left; padding: 0px 8px; }
.index-news-box .news-right { width: 35%; float: right; padding: 0px 8px; }
.index-news-box .news-content { padding: 12px; overflow: hidden; border-radius: 4px; padding-bottom: 0px; border: 2px solid #eee; }
.index-news-box .news-img1 a { width: 100%; background-color: #000; }
.index-news-box .news-img1 a img{display:block;width:100%;height:0;padding-bottom:77.2%;background-repeat:no-repeat;background-position:center;background-size:cover;}
.index-news-box .news-img2 a { width: 100%;background-color: #000; }
.index-news-box .news-img2 a img{display:block;width:100%;}
.index-news-box .news-title a { color: #666; font-size: 18px; margin: 10px 0px; line-height: 24px; }
.index-news-box .news-title a:hover { color: #e72420; }
.index-news-box .news-info .news-time { margin-bottom: 12px; }

.news-info a { color: rgba(255,255,255,0.7); float: left; font-size: 12px; line-height: 16px; margin-right:10px; padding: 5px 10px; border-radius: 2px; background-color: #e72420; }
.news-info .news-time { background-color: rgba(51, 51, 51, 0.8); }

/* 首页-活动 */
.hover_img { width: 100%; overflow: hidden; }
.hover_img img { width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.hover_img:hover img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }

.index-box3 { width: 100%; overflow: hidden; padding-top: 80px; padding-bottom: 120px; background-image: url(../images/ht/activity_bg.jpg); background-repeat: no-repeat; background-position: top; background-size: 100%; }
.index-box3 .index-activity-box { width: 100%; position: relative; }
.index-box3 .activity-img img { width: 100%; }
.index-box3 .activity-title a { color: #666; font-size: 18px; line-height: 24px; padding: 10px 0px; }
.index-box3 .activity-title a:hover { color: #e72420; }
.index-box3 .news-info .news-time { margin-bottom: 5px; }
.index-box3 .swiper-button-prev { left: -90px; width: 60px; height: 60px; outline: none; margin-top: -50px; border-radius: 50%; background-size: 10px; background-color: rgba(0, 0, 0, 0.2); }
.index-box3 .swiper-button-next { width: 60px; height: 60px; right: -90px; outline: none; margin-top: -50px; border-radius: 50%; background-size: 10px; background-color: rgba(0, 0, 0, 0.2); }

/* 激光雷达+感知方案 */
.ny-main { padding: 80px 0px; }

.product-index-title { color: #666; font-size: 20px; line-height: 30px; margin-bottom: 15px; }

.product-index-list ul { margin: 0px -15px; }
.product-index-list li { width: 50%; float: left; padding: 0px 15px; margin-bottom: 30px; }
.product-index-list li a { width: 100%; overflow: hidden; border-radius: 6px; padding: 40px 60px; background-color: #eee;display:block; }
.product-index-list li .product-img { width: 100%; height: 280px; overflow: hidden; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; }
.product-index-list li .product-img img { width: auto; max-width: 100%; max-height: 100%; margin: 0px auto; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.product-index-list li .product-name { color: #333; font-size: 28px; line-height: 40px; font-weight: bold; }
.product-index-list li .product-subtitle { color: #666; font-size: 18px; line-height: 24px; margin: 10px 0px 30px; }
.product-index-list li .layui-btn { height: 36px; font-size: 18px; padding: 0px 15px; line-height: 36px; border-radius: 4px; background-color: #ccc; }
.product-index-list li:hover .product-img img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.product-index-list li:hover .layui-btn { background-color: #e72420; }

/* 关于我们 */
.about-us-list { margin-top: 60px; margin-bottom: 40px; }
.about-us-list ul { margin: 0px -25px; }
.about-us-list li { width: 20%; float: left; padding: 0px 25px; }
.about-us-list li .about-us-box { width: 200px; height: 100%; padding: 13px; overflow: hidden; border-radius: 50%; border: 2px solid #f3f3f3; }
.about-us-list li .about-us-box img { width: 100%; overflow: hidden; border-radius: 50%; }

/* 发展历程 */
.history-main { padding-top: 20px; }
.history-main .even-slide { padding-top: 240px; }
.history-main .odd-slide { padding-bottom: 240px; }
.history-main .history-info { width: 100%; padding: 12px; overflow: hidden; border-radius: 4px; border: 2px solid #eee; }
.history-main .history-title { color: #666; height: 48px; margin-top: 10px; font-size: 16px; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.history-main .history-item { display: none; position: relative; background-image: url(../images/ht/road.png); background-repeat: no-repeat; background-position: center; background-size: 92% auto; }
.history-main .history-item.active { display: block; }
.history-main .history-img img { width: auto; height: 210px; max-width: 100%; }
.history-main .history-icon { width: 80px; margin: 30px auto; }
.history-main .history-icon img { width: 100%; }
.history-main .history-time { color: #fff; width: 120px; font-size: 16px; margin: 0px auto; overflow: hidden; line-height: 30px; text-align: center; border-radius: 2px; background-color: rgba(51, 51, 51, 0.8); }
.history-main .history-btn { width: 100%; height: 60px; position: absolute; top: 50%; left: 0px; z-index: 9; margin-top: -30px; }
.history-main .swiper-button-prev { top: 0px; left: 0px; width: 60px; height: 60px; margin-top: 0px; overflow: hidden; border-radius: 50%; background-size: 10px; background-color: rgba(0, 0, 0, 0.2); }
.history-main .swiper-button-next { top: 0px; right: 0px; width: 60px; height: 60px; margin-top: 0px; overflow: hidden; border-radius: 50%; background-size: 10px; background-color: rgba(0, 0, 0, 0.2); }
.history-main .history-tab { margin: 40px auto; text-align: center; width: 630px;}
.history-main .history-tab li { width: auto; padding: 0px 5px; margin-bottom: 10px; display: inline-block; }
.history-main .history-tab li a { color: #333; width: 80px; font-size: 18px; line-height: 40px; border-radius: 4px; background-color: #eee; }
.history-main .history-tab li.active-nav a { color: #fff; background-color: #e72420; }

/* 创始人 */
.fondateut-box .fondateut-info { float: left; min-height: 400px; padding: 60px 40px 30px; background-color: #eee; width: calc( 100% - 340px ); }
.fondateut-box .fondateut-text { padding-left: 30px; }
.fondateut-box .fondateut-text p { margin-top: 20px; }
.fondateut-box .fondateut-title span { color: #000; font-size: 24px; line-height: 40px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 4px solid #e72420; }
.fondateut-box .fondateut-title span strong { float: left; font-size: 36px; margin-right: 15px; }
.fondateut-box .fondateut-img { width: 300px; float: right; }
.fondateut-box .fondateut-img img { width: 100%; }

/* P1 */
.P1-constitute-box .P1-software-box { width: 33%; height: 520px; float: right; padding-top: 150px; position: relative; }
.P1-constitute-box .P1-hardware-box { width: 60%; float: left; position: relative; }
.P1-constitute-box .P1-hardware-title { position: absolute; top: 0px; left: 70px; }
.P1-constitute-box .P1-software-title { position: absolute; top: 0px; left: -30%; }
.P1-constitute-box .P1-software-img { height: 230px; overflow: hidden; }
.P1-constitute-box .P1-software-con { height: 200px; overflow: hidden; }
.P1-constitute-box .P1-text1 { top: 150px; -webkit-transition-delay: 2s; -moz-transition-delay: 2s; -ms-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; }
.P1-constitute-box .P1-text2 { left: 60px; bottom: 150px; -webkit-transition-delay: 3s; -moz-transition-delay: 3s; -ms-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; }
.P1-constitute-box .P1-hardware-img { width: 520px; float: right; position: relative; z-index: 1; }
.P1-constitute-box .P1-hardware-img img { width: 100%; }
.P1-constitute-box .P1-circle1 { opacity: 0; width: 10px; height: 10px; border-radius: 50%; filter: alpha(opacity=0); border: 2px solid #006bff; background-color: transparent; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; position: absolute; top: 56px; right: 235px; z-index: 2; }
.P1-constitute-box .P1-line1 { width: 2px; height: 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; background-color: #006bff; position: absolute; top: 64px; right: 240px; z-index: 2; }
.P1-constitute-box .P1-line2 { width: 0px; height: 2px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; background-color: #006bff; position: absolute; top: 190px; right: 368px; z-index: 2; }
.P1-constitute-box .P1-line3 { width: 0px; height: 2px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 2.5s; -moz-transition-delay: 2.5s; -ms-transition-delay: 2.5s; -o-transition-delay: 2.5s; transition-delay: 2.5s; background-color: #006bff; position: absolute; right: 210px; bottom: 140px; z-index: 2; }
.P1-constitute-box .P1-line3:after { opacity: 0; width: 6px; height: 6px; content: ""; display: block; border-radius: 50%; filter: alpha(opacity=0); border: 2px solid #006bff; position: absolute; top: -5px; right: -8px; }
.P1-constitute-box.animateP1 .hardware-text { opacity: 1; filter: alpha(opacity=100); }
.P1-constitute-box.animateP1 .P1-circle1 { opacity: 1; filter: alpha(opacity=100); }
.P1-constitute-box.animateP1 .P1-line1 { height: 180px; }
.P1-constitute-box.animateP1 .P1-line2 { width: 260px; }
.P1-constitute-box.animateP1 .P1-line3 { width: 400px; }
.P1-constitute-box.animateP1 .P1-line3:after { opacity: 1; filter: alpha(opacity=100); }

/* P3 */
.P3-constitute-box { width: 100%; padding: 80px 0px; position: relative; }
.P3-constitute-box .P3-hardware-img { width: 100%; max-width: 970px; margin: 0px auto; position: relative; z-index: 1; }
.P3-constitute-box .P3-hardware-list { position: absolute; z-index: 2; left: 40%; bottom: 8%; }
.P3-constitute-box .P3-hardware-list .hardware-text { opacity: 1; filter: alpha(opacity=100); position: static; }
.P3-constitute-box .P3-hardware-list li { width: auto; float: left; margin-right: 40px; opacity: 0; filter: alpha(opacity=0); }
.P3-constitute-box .P3-hardware-list li span { margin-top: 40px; }
.P3-constitute-box .P3-hardware-list li img { width: 80px; float: left; }
.P3-constitute-box .P3-hardware-list li:first-child { -webkit-transition-delay: 2s; -moz-transition-delay: 2s; -ms-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; }
.P3-constitute-box .P3-hardware-list li:nth-child(2) { -webkit-transition-delay: 2.5s; -moz-transition-delay: 2.5s; -ms-transition-delay: 2.5s; -o-transition-delay: 2.5s; transition-delay: 2.5s; }
.P3-constitute-box .P3-hardware-list li:nth-child(3) { -webkit-transition-delay: 3s; -moz-transition-delay: 3s; -ms-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; }
.P3-constitute-box .P3-circle1 { opacity: 0; width: 10px; height: 10px; border-radius: 50%; filter: alpha(opacity=0); border: 2px solid #006bff; background-color: transparent; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; position: absolute; top: 25%; left: 50%; z-index: 2; margin-left: 10px; }
.P3-constitute-box .P3-line1 { width: 2px; height: 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: rotate(145deg); -moz-transform: rotate(145deg); -ms-transform: rotate(145deg); -o-transform: rotate(145deg); transform: rotate(145deg); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; background-color: #006bff; position: absolute; top: 25%; left: 50%; z-index: 2; margin-left: 12px; }
.P3-constitute-box .P3-line2 { width: 0px; height: 2px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; background-color: #006bff; position: absolute; top: 10%; right: 54%; z-index: 2; margin-top: -3px; margin-right: -4px; }
.P3-constitute-box .P3-text1 { top: 10px; left: 18%; -webkit-transition-delay: 2s; -moz-transition-delay: 2s; -ms-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; }
.P3-constitute-box .P3-circle2 { opacity: 0; width: 10px; height: 10px; border-radius: 50%; filter: alpha(opacity=0); border: 2px solid #006bff; background-color: transparent; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; position: absolute; top: 40%; right: 15%; z-index: 2; }
.P3-constitute-box .P3-line3 { width: 2px; height: 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; background-color: #006bff; position: absolute; top: 40%; right: 15%; z-index: 2; margin-top: 2px; margin-right: 4px; }
.P3-constitute-box .P3-line4 { width: 0px; height: 2px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; background-color: #006bff; position: absolute; top: 30%; left: 100%; z-index: 2; margin-top: -2px; margin-left: -165px; }
.P3-constitute-box .P3-text2 { top: 22%; right: 0px; -webkit-transition-delay: 2s; -moz-transition-delay: 2s; -ms-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; }
.P3-constitute-box .P3-line5 { width: 0px; height: 2px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; background-color: #006bff; position: absolute; right: 78%; bottom: 28%; z-index: 2; }
.P3-constitute-box .P3-line5:after { opacity: 0; width: 6px; height: 6px; content: ""; display: block; border-radius: 50%; filter: alpha(opacity=0); border: 2px solid #006bff; position: absolute; top: -5px; right: -10px; }
.P3-constitute-box .P3-text3 { left: -110px; bottom: 30%; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
.P3-constitute-box .P3-circle3 { opacity: 0; width: 10px; height: 10px; border-radius: 50%; filter: alpha(opacity=0); border: 2px solid #006bff; background-color: transparent; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; position: absolute; left: 26%; bottom: 20%; z-index: 2; }
.P3-constitute-box .P3-line6 { width: 2px; height: 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; background-color: #006bff; position: absolute; left: 26%; bottom: 10%; z-index: 2; margin-left: 6px; margin-bottom: -4px; }
.P3-constitute-box .P3-line7 { width: 0px; height: 2px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; background-color: #006bff; position: absolute; left: 30%; bottom: 12%; z-index: 2; margin-bottom: 3px; }
.P3-constitute-box.animateP3 .hardware-text, .P3-constitute-box.animateP3 .P3-circle1, .P3-constitute-box.animateP3 .P3-circle2, .P3-constitute-box.animateP3 .P3-circle3, .P3-constitute-box.animateP3 .P3-hardware-list li { opacity: 1; filter: alpha(opacity=100); }
.P3-constitute-box.animateP3 .P3-line1 { height: 100px; }
.P3-constitute-box.animateP3 .P3-line2 { width: 280px; }
.P3-constitute-box.animateP3 .P3-line3 { height: 60px; }
.P3-constitute-box.animateP3 .P3-line4 { width: 160px; }
.P3-constitute-box.animateP3 .P3-line6 { height: 60px; }
.P3-constitute-box.animateP3 .P3-line7 { width: 100px; }
.P3-constitute-box.animateP3 .P3-line5 { width: 200px; }
.P3-constitute-box.animateP3 .P3-line5:after { opacity: 1; filter: alpha(opacity=100); }

.P3-software-introduce { width: 100%; text-align: center; }
.P3-software-introduce .mr { margin-right: 15px; }
.P3-software-introduce .introduce-item { padding-top: 15px; }

.P3-software-box { width: 100%; padding-top: 40px; }
.P3-software-box ul { margin: 0px -8px; }
.P3-software-box li { float: left; width: 33.33%; padding: 0px 8px; }

/* P5 */
.region-box { width: 100%; text-align: center; margin-bottom: 30px; }
.region-box li { width: auto; color: #666; font-size: 18px; line-height: 24px; padding-left: 24px; position: relative; display: inline-block; }
.region-box li:before { content: ""; width: 14px; height: 14px; display: block; background-color: #ccc; position: absolute; top: 5px; left: 0px; }
.region-box li.cur { margin-right: 80px; }
.region-box li.cur:before { background-color: #01dacd; }

/* 32线 */
.material-32 { width: 100%; padding-bottom: 20px; }
.material-32 li { width: 50%; float: left; }

/* BPearl */
.BP-title-box { width: 60%; margin: 0px auto; padding-top: 100px; /* border: 2px solid #eee; */ }

/* Seeker*/
.Seeker-box { width: 100%; }
.Seeker-box .Seeker-item { width: 50%; float: left; }
.Seeker-box .Seeker-content { width: 100%; padding: 12px; overflow: hidden; border-radius: 4px; border: 2px solid #eee; }
.Seeker-box .Seeker-left-img { width: 100%; position: relative; margin-bottom: 10px; }
.Seeker-box .Seeker-left-img .bigImg { width: 100%; }
.Seeker-box .Seeker-left-position { width: 100%; height: 100%; padding: 10px; background-color: rgba(0, 0, 0, 0.05); position: absolute; top: 0px; left: 0px; }
.Seeker-box .Seeker-position-mask { width: 100%; height: 100%; background-color: rgba(212, 14, 5, 0.9); mix-blend-mode: multiply; position: relative; top: 0px; left: 0px; }
.Seeker-box .Seeker-position-info { color: #fff; width: 100%; height: 100%; padding: 10px; font-size: 16px; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; line-height: 32px; text-align: center; position: absolute; top: 0px; left: 0px; z-index: 5; }
.Seeker-box .Seeker-title { color: #666; font-size: 18px; line-height: 30px; }
.Seeker-box .Seeker-right .Seeker-item { padding-left: 10px; margin-bottom: 10px; }
.Seeker-box .Seeker-right-img { width: 100%; cursor: pointer; position: relative; }
.Seeker-box .Seeker-right-img .smallImg { width: auto; height: 180px; max-width: 100%; }
.Seeker-box .Seeker-right-position { width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0px; bottom: 0px; }
.Seeker-box .Seeker-right-position .Seeker-title { color: #fff; font-size: 16px; }
.Seeker-box .Seeker-right-position .Seeker-text { display: none; }

/* Algorithms */
.Algorithms-box { width: 100%; }
.Algorithms-box .bigImg, .Algorithms-box .smallImg { width: 100%; }
.Algorithms-box .Algorithms-top-box { width: 100%; padding: 15px; }
.Algorithms-box .Algorithms-list-box ul { margin: 0px -8px; }
.Algorithms-box .Algorithms-list-box li { width: 25%; float: left; padding: 15px 8px; }
.Algorithms-box .Algorithms-list-box li .Algorithms-content { width: 100%; padding: 12px; overflow: hidden; border-radius: 4px; border: 2px solid #eee; }
.Algorithms-box .Algorithms-list-box li .Algorithms-img-box { width: 100%; cursor: pointer; position: relative; }
.Algorithms-box .Algorithms-list-box li .Algorithms-img-mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); position: absolute; top: 0px; left: 0px; }
.Algorithms-box .Algorithms-list-box li .Algorithms-title { color: #666; font-size: 16px; line-height: 24px; padding-top: 12px; }
.Algorithms-box .Algorithms-list-box li .Algorithms-content.cur { border-color: #e72420; }

/* M1 */
.M1-number-list li { float: left; width: 33.33%; }

.M1-IATF-box { padding-top: 8%; padding-bottom: 4%; margin-bottom: 30px; background-size: 46%; background-color: #f7f8fc; background-repeat: no-repeat; background-position: right center; }
.M1-IATF-box .M1-IATF-title { color: #333; font-size: 40px; line-height: 80px; margin-bottom: 50px; }
.M1-IATF-box .M1-IATF-title strong { color: #003378; font-size: 50px; margin-right: 20px; }
.M1-IATF-box .M1-IATF-text { color: #666; font-size: 22px; margin-bottom: 50px; letter-spacing: 4px; }
.M1-IATF-box .M1-IATF-text strong { font-size: 34px; line-height: 40px; padding: 0px 10px; }
.M1-IATF-box .M1-IATF-info { color: #999; font-size: 16px; line-height: 24px; padding-top: 50px; }

.M1-proposal-list li { float: left; }
.M1-proposal-list .width3 { width: 33%; }
.M1-proposal-list .width2 { width: 50%; }
.M1-proposal-list .proposalImg { width: 100%; max-width: 400px; margin: 0px auto; }
.M1-proposal-list .M1-proposal-title { color: #999; margin: 10px 0px; font-size: 20px; line-height: 30px; text-align: center; }

/* resources */
.resources-left { width: 32%; float: left; overflow: hidden; border-radius: 2px; padding-bottom: 30px; background-color: #eee; }
.resources-left .resources-nav-title { color: #333; padding: 30px; font-size: 20px; font-weight: bold; line-height: 40px; letter-spacing: 2px; }
.resources-left .resources-nav-title img { width: 40px; float: left; margin-right: 20px; }
.resources-left .resources-nav-list dt { color: #666; font-size: 18px; line-height: 24px; padding: 15px 30px; position: relative;cursor:pointer; }
.resources-left .resources-nav-list dt .layui-icon { width:80px; height: 100%; font-size: 20px; font-weight: bold; line-height: 54px; text-align:center; position: absolute; top: 0px; right: 0px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.resources-left .resources-nav-list dd { padding-left: 20px; }
.resources-left .resources-nav-list dd a { color: #999; font-size: 14px; line-height: 24px; padding: 12px 30px; }
.resources-left .resources-nav-list dd a:hover { color: #e72420; }
.resources-left .resources-nav-list dd.cur { background-color: #f7f8fc; }

.resources-right { width: 68%; float: right; padding-left: 30px; }
.resources-right .resources-product-name { display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; text-align: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; }
.resources-right .resources-product-name img { width: 100px; margin-right: 20px; display: inline-block; }
.resources-right .resources-product-name span { color: #333; font-size: 24px; line-height: 30px; font-weight: bold; }
.resources-right .resources-classify { color: #666; font-size: 20px; line-height: 30px; padding-top: 30px; }
.resources-right .resources-download-list li { width: 100%; margin-top: 10px; }
.resources-right .resources-download-list li a { color: #666; overflow: hidden; line-height: 30px; border-radius: 2px; padding: 12px 30px; background-color: #eee; }
.resources-right .resources-download-list li .file-name { width: 65%; float: left; font-size: 14px; }
.resources-right .resources-download-list li .file-info { width: 13%; float: left; font-size: 14px; }
.resources-right .resources-download-list li .file-time { margin-right: 30px; }
.resources-right .resources-download-list li .download-btn { width: 30px; height: 30px; float: right; background-image: url(../images/ht/download01.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.resources-right .resources-download-list li:hover a { color: #fff; background-color: #e72420; }
.resources-right .resources-download-list li:hover .download-btn { background-image: url(../images/ht/download02.png); }
.resources-right .resources-video-list ul { margin: 0px -5px; }
.resources-right .resources-video-list li { width: 50%; float: left; padding: 0px 5px; margin-top: 10px; }
.resources-right .resources-video-list li .resources-video-box { cursor: pointer; position: relative; }
.resources-right .resources-video-list li .playImg { width: 70px; margin-top: -35px; margin-left: -35px; }
.resources-right .resources-video-list li .resources-video-title a { color: #666; font-size: 16px; margin-top: 10px; padding: 3px 0px; line-height: 24px; position: relative; padding-right: 50px; background-image: url(../images/ht/download01.png); background-position: right center; background-repeat: no-repeat; background-size: 30px; }
.resources-right .resources-video-list li:hover .resources-video-title a {color:#e72420; background-image: url(../images/ht/download03.png); background-position: right center; background-repeat: no-repeat; background-size: 30px; }

@media screen and (max-width: 1199px) { /* 硬件文字 */
  .hardware-text { font-size: 22px; }
  .constitute-title { font-size: 18px; }
  /* 软件 */
  .software-text p { font-size: 14px; }
  /* 优势 */
  .advantage-main .advantage-box { padding: 0px 20px; }
  .advantage-main .advantage-box li { padding: 0px 36px; }
  .advantage-main .advantage-box .advantage-icon { font-size: 20px; }
  .advantage-main .advantage-box .advantage-info { font-size: 18px; }
  .advantage-main .advantage-box .advantage-img span { margin: 0px 5px; }
  .advantage-list .advantage-title p { font-size: 16px; }
  .advantage-list .advantage-text p { font-size: 14px; line-height: 28px; }
  /* 参数 */
  .parameter-box .parameter-img { top: -40px; width: 180px; }
  .parameter-box .parameter-table td { font-size: 14px; }
  /* 应用领域 */
  .application-box .application-left { padding: 40px 0px; }
  .application-box .application-right { padding: 40px 0px 30px 10px; }
  .application-box .application-position h6 { font-size: 16px; }
  .application-box .application-position p { font-size: 12px; }
  /* banner */

  .banner-box .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 20px; }
  .banner-box .banner-title { font-size: 24px; line-height: 34px; }
  .banner-box .banner-subtitle { font-size: 16px; }
  .banner-box .banner-price { margin-top: 10px; font-size: 18px; line-height: 24px; }
  .banner-box .banner-price p { font-size: 14px; line-height: 20px; }
  .banner-box .banner-btn a { font-size: 14px; line-height: 30px; }
  .ny-banner-box .BPImg { width: 160px; }
  /* index */
  .index-box1 { padding: 90px 0px; }
  .index-subtitle { margin-bottom: 30px; }
  .index-title { font-size: 24px; line-height: 34px; margin-bottom: 30px; }
  .title-style .shadow-title { margin-bottom: 15px; }
  .title-style .shadow-title .shadow-text { font-size: 44px; line-height: 60px; }
  .title-style .title-position { top: -45px; font-size: 60px; line-height: 90px; }
  /* 查看更多 */
  .view-more a { width: 110px; font-size: 16px; }
  .view-more a .layui-icon { font-size: 18px; }
  /* 首页-合作伙伴 */
  .index-partner-list li { padding: 15px 0px; }
  .index-partner-list li:not(:nth-child(6n + 6)){margin-right:0px;}
  .index-partner-list li a { width: 195px; height: 65px; }
  /* 首页-新闻 */
  .index-news-box .news-title a { font-size: 16px; }
  .index-news-box .news-img1 a img{padding-bottom:80.4%;}
  /* 首页-活动 */
  .index-box3 { padding-top: 60px; padding-bottom: 100px; }
  .index-box3 .activity-title a { font-size: 16px; }
  .index-box3 .swiper-button-prev { left: -80px; }
  .index-box3 .swiper-button-next { right: -80px; }
  .index-box3 .swiper-button-prev, .index-box3 .swiper-button-next { width: 50px; height: 50px; margin-top: -40px; }
  /* 激光雷达+感知方案 */
  .ny-main { padding: 60px 0px; }
  .product-index-title { font-size: 18px; }
  .product-index-list li a { padding: 30px; }
  .product-index-list li .product-img { height: 200px; }
  .product-index-list li .product-name { font-size: 24px; }
  .product-index-list li .product-subtitle, .product-index-list li .layui-btn { font-size: 16px; }
  /* 关于我们 */
  .about-us-list { margin-top: 40px; }
  .about-us-list ul { margin: 0px -18px; }
  .about-us-list li { padding: 0px 18px; }
  .about-us-list li .about-us-box { width: 160px; }
  /* 发展历程 */
  .history-main .history-icon { width: 60px; }
  .history-main .history-img img { height: 160px; }
  .history-main .even-slide { padding-top: 200px; }
  .history-main .odd-slide { padding-bottom: 200px; }
  .history-main .history-btn { height: 50px; margin-top: -25px; }
  .history-main .swiper-button-prev, .history-main .swiper-button-next { width: 50px; height: 50px; }
  /* 创始人 */
  .fondateut-box .fondateut-info { padding: 40px 30px 30px; }
  .fondateut-box .fondateut-title span { font-size: 20px; line-height: 34px; }
  .fondateut-box .fondateut-title span strong { font-size: 28px; }
  .fondateut-box .fondateut-text { padding-left: 10px; }
  .fondateut-box .fondateut-text p { margin-top: 10px; }
  /* P1 */
  .P1-constitute-box .P1-hardware-title { left: 10px; }
  .P1-constitute-box .P1-hardware-img { width: 460px; }
  .P1-constitute-box .P1-software-box { height: 460px; padding-top: 100px; }
  .P1-constitute-box .P1-text2 { left: 50px; bottom: 130px; }
  .P1-constitute-box .P1-circle1 { top: 50px; right: 208px; }
  .P1-constitute-box .P1-line1 { top: 58px; right: 214px; }
  .P1-constitute-box .P1-line2 { top: 184px; right: 342px; }
  .P1-constitute-box .P1-line3 { right: 190px; bottom: 130px; }
  .P1-constitute-box.animateP1 .P1-line2 { width: 180px; }
  .P1-constitute-box.animateP1 .P1-line3 { width: 250px; }
  /* P3 */
  .P3-constitute-box .P3-hardware-img { max-width: 750px; }
  .P3-constitute-box .P3-line2 { top: 8%; margin-top: -6px; margin-right: 6px; }
  .P3-constitute-box .P3-text1 { top: -10px; }
  .P3-constitute-box .P3-line4 { margin-top: 0px; margin-left: -130px; }
  .P3-constitute-box .P3-line7 { margin-left: 4px; margin-bottom: 0px; }
  .P3-constitute-box.animateP3 .P3-line2 { width: 200px; }
  .P3-constitute-box.animateP3 .P3-line3 { height: 50px; }
  .P3-constitute-box.animateP3 .P3-line4 { width: 120px; }
  .P3-constitute-box.animateP3 .P3-line6 { height: 50px; }
  .P3-software-box { padding-top: 30px; }
  /* BPearl */
  .BP-title-box { padding-top: 80px; }
  /* Seeker*/
  .Seeker-box .Seeker-position-info { font-size: 14px; line-height: 28px; }
  .Seeker-box .Seeker-right-position .Seeker-title { font-size: 14px; }
  .Seeker-box .Seeker-right-img .smallImg { height: 140px; }
  .Seeker-box .Seeker-title { font-size: 16px; }
  /* M1 */
  .M1-IATF-box .M1-IATF-title { font-size: 32px; line-height: 70px; margin-bottom: 40px; }
  .M1-IATF-box .M1-IATF-title strong { font-size: 42px; }
  .M1-IATF-box .M1-IATF-text { font-size: 18px; margin-bottom: 40px; }
  .M1-IATF-box .M1-IATF-text strong { font-size: 30px; }
  .M1-IATF-box .M1-IATF-info { padding-top: 30px; }
  .M1-proposal-list .M1-proposal-title { font-size: 18px; }
  /* resources */
  .resources-left .resources-nav-title { padding: 20px; font-size: 18px; }
  .resources-left .resources-nav-title img { width: 32px; margin-top: 4px; }
  .resources-left .resources-nav-list dt { font-size: 16px; padding: 15px 20px; }
  .resources-left .resources-nav-list dt .layui-icon { font-size: 18px; padding-right: 20px; }
  .resources-left .resources-nav-list dd a { font-size: 14px; padding: 10px; }
  .resources-right .resources-product-name { margin-bottom: 0px; padding-bottom: 10px; }
  .resources-right .resources-product-name span { font-size: 20px; }
  .resources-right .resources-classify { font-size: 18px; }
  .resources-right .resources-download-list li a { padding: 10px 20px; }
  .resources-right .resources-download-list li .file-name { width: 60%; font-size: 16px; }
  .resources-right .resources-download-list li .file-info { width: 16%; font-size: 14px; }
  .resources-right .resources-download-list li .file-time { margin-right: 15px; }
  .resources-right .resources-download-list li .download-btn { width: 26px; }
  .resources-right .resources-video-list li .playImg { width: 60px; margin-top: -30px; margin-left: -30px; }
  .resources-right .resources-video-list li .resources-video-title a { font-size: 14px; background-size: 26px; }
}
@media screen and (max-width: 991px) { /* video */
  .videoH { height: 80px; }
  /* 硬件文字 */
  .hardware-text { font-size: 16px; line-height: 24px; }
  /* 软件 */
  .constitute-title { font-size: 16px; line-height: 20px; padding: 6px 15px; }
  .software-text p { font-size: 14px; line-height: 20px; padding-left: 22px; }
  .software-text p:before { width: 14px; height: 14px; }
  /* 优势 */
  .advantage-main .advantage-box { padding: 0px; }
  .advantage-main .advantage-box li { padding: 0px 25px; }
  .advantage-main .advantage-box .advantage-icon { font-size: 16px; }
  .advantage-main .advantage-box .advantage-text { font-size: 14px; line-height: 20px; }
  .advantage-main .advantage-box .advantage-img span { font-size: 16px; }
  .advantage-main .advantage-box .advantage-img strong {width:24px;}
  .advantage-main .advantage-box .advantage-info { margin: 15px auto; font-size: 16px; }
  .advantage-list { margin-bottom: 20px; }
  .advantage-list .advantage-title p { font-size: 14px; line-height: 20px; }
  .advantage-list .advantage-text p { font-size: 12px; line-height: 24px; padding: 10px 15px; }
  /* 参数 */
  .parameter-box .parameter-img { top: -20px; width: 120px; }
  .parameter-box .parameter-title { font-size: 16px; }
  .parameter-box .parameter-table td { font-size: 12px; padding: 10px 0px 10px 30px; }
  .parameter-box .parameter-introduce p { font-size: 12px; }
  .parameter-box .parameter-download a { height: 32px; font-size: 14px; line-height: 30px; padding: 0px 15px; }
  /* 应用领域 */
  .application-box .application-left { width: 100%; float: none; padding: 20px 0px; background-color: #eee; }
  .application-box .application-right { width: 100%; float: none; padding: 0px 20px 10px 10px; }
  /* banner */
  .banner-box .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; }
  .banner-box .swiper-button-prev, .banner-box .swiper-button-next, .banner-box .banner-icon { display: none; }
  .banner-box .banner-title { font-size: 20px; line-height: 30px; }
  .banner-box .banner-subtitle { font-size: 14px; }
  .banner-box .banner-price { font-size: 16px; }
  .banner-box .banner-price span { margin-left: 5px; }
  .banner-box .banner-btn a { margin-top: 30px; }
  .ny-banner-box .BPImg { width: 120px; }
  /* index */
  .index-box1 { padding: 60px 0px; }
  .index-title { font-size: 20px; line-height: 30px; }
  .index-subtitle { margin-bottom: 20px; }
  .index-subtitle br { display: none; }
  .title-style .shadow-title { font-size: 14px; }
  .title-style .shadow-title .shadow-text { font-size: 32px; line-height: 40px; }
  .title-style .title-position { top: -30px; font-size: 40px; line-height: 60px; }
  /* 查看更多 */
  .view-more { margin-top: 10px; }
  .view-more a { width: 100px; font-size: 14px; }
  .view-more a .layui-icon { font-size: 16px; }
  /* 首页-合作伙伴 */
  .index-partner-list li { padding: 10px 0px; }
  .index-partner-list li a { width: 165px; height: 55px; }
  /* 首页-新闻 */
  .index-news-box .news-left { width: 65.8%; }
  .index-news-box .news-right { width: 34.2%; }
  .index-news-box .news-title a { margin: 5px 0px; font-size: 14px; }
  .news-info a { font-size: 12px; }
  /* 首页-活动 */
  .index-box3 { padding-top: 40px; padding-bottom: 60px; }
  .index-box3 .swiper-button-prev { left: -60px; }
  .index-box3 .swiper-button-next { right: -60px; }
  .index-box3 .activity-title a { font-size: 14px; }
  .index-box3 .swiper-button-prev, .index-box3 .swiper-button-next { width: 40px; height: 40px; margin-top: -30px; }
  /* 激光雷达+感知方案 */
  .ny-main { padding: 40px 0px; }
  .product-index-title { font-size: 16px; }
  .product-index-list li a { padding: 20px; }
  .product-index-list li .product-name { font-size: 20px; line-height: 30px; }
  .product-index-list li .product-subtitle { font-size: 14px; margin: 5px 0px 15px; }
  .product-index-list li .layui-btn { height: 30px; font-size: 14px; line-height: 30px; padding: 0px 10px; }
  /* 关于我们 */
  .about-us-list { margin-top: 30px; margin-bottom: 20px; }
  .about-us-list ul { margin: 0px -12px; }
  .about-us-list li { padding: 0px 12px; }
  .about-us-list li .about-us-box { width: 120px; padding: 8px; }
  /* 发展历程 */
  .history-main .history-img img { height: 118px; }
  .history-main .even-slide { padding-top: 160px; }
  .history-main .odd-slide { padding-bottom: 160px; }
  .history-main .history-tab { margin-bottom: 20px; }
  .history-main .history-time { width: 90px; font-size: 14px; }
  .history-main .history-icon { width: 50px; margin: 20px auto; }
  .history-main .history-btn { height: 40px; margin-top: -20px; }
  .history-main .history-title { height: 40px; font-size: 14px; line-height: 20px; }
  .history-main .history-tab li a { width: 64px; font-size: 16px; line-height: 32px; }
  .history-main .swiper-button-prev, .history-main .swiper-button-next { width: 40px; height: 40px; }
  /* 创始人 */
  .fondateut-box .fondateut-info { padding: 30px; width: calc( 100% - 320px ); }
  .fondateut-box .fondateut-text { padding-left: 0px; }
  /* P1 */
  .P1-constitute-box { padding-top: 60px; }
  .P1-constitute-box .P1-hardware-box { width: 55%; }
  .P1-constitute-box .P1-hardware-img { width: 320px; }
  .P1-constitute-box .P1-software-box { width: 38%; height: auto; padding-top: 0px; }
  .P1-constitute-box .P1-hardware-title, .P1-constitute-box .P1-software-title { top: -50px; }
  .P1-constitute-box .P1-text1 { top: 115px; }
  .P1-constitute-box .P1-text2 { left: 25px; bottom: 95px; }
  .P1-constitute-box .P1-circle1 { top: 35px; right: 142px; }
  .P1-constitute-box .P1-line1 { top: 44px; right: 146px; -webkit-transform: rotate(55deg); -moz-transform: rotate(55deg); -ms-transform: rotate(55deg); -o-transform: rotate(55deg); transform: rotate(55deg); }
  .P1-constitute-box .P1-line2 { top: 146px; right: 294px; }
  .P1-constitute-box .P1-line3 { right: 135px; bottom: 88px; }
  .P1-constitute-box.animateP1 .P1-line2 { width: 100px; }
  .P1-constitute-box.animateP1 .P1-line3 { width: 200px; }
  /* P3 */
  .P3-software-introduce .introduce-item { padding-top: 10px; }
  .P3-constitute-box { padding-top: 60px; }
  .P3-constitute-box .P3-hardware-img { max-width: 520px; }
  .P3-constitute-box .P3-text1{top:10%;left:45%;}
  .P3-constitute-box .P3-line2 { margin-top: -8px; margin-right: 4px;display:none; }
  .P3-constitute-box .P3-circle2 { right: 18%; }
  .P3-constitute-box .P3-line3 { right: 18%;display:none; }
  .P3-constitute-box .P3-text2 { top: 28%; right: 8%; }
  .P3-constitute-box .P3-line5 { right: 75%; bottom: 35%; display:none;}
  .P3-constitute-box .P3-text3 { bottom: 36%;left:10%; }
  .P3-constitute-box .P3-circle3 { left: 28%; bottom: 25%; }
  .P3-constitute-box .P3-line6 { left: 28%; bottom: 12%; display:none;}
  .P3-constitute-box .P3-line4, .P3-constitute-box .P3-line7 { display: none; }
  .P3-constitute-box .P3-hardware-list { left: 30%; bottom: 12%; }
  .P3-constitute-box .P3-hardware-list li { margin-right: 15px; }
  .P3-constitute-box .P3-hardware-list li img { width: 50px; }
  .P3-constitute-box .P3-hardware-list li span { margin-top: 25px; }
  .P3-constitute-box.animateP3 .P3-line1 { height: 80px; display: none;}
  .P3-constitute-box.animateP3 .P3-line2 { width: 140px; }
  .P3-constitute-box.animateP3 .P3-line5 { width: 140px; }
  .P3-constitute-box.animateP3 .P3-line7 { width: 60px; }
  .P3-software-box { padding-top: 20px; }
  /* BPearl */
  .BP-title-box { padding-top: 60px; }
  /* Seeker*/
  .Seeker-box .Seeker-left, .Seeker-box .Seeker-right { width: 100%; float: none; }
  .Seeker-box .Seeker-right .layui-clear { margin-left: -10px; }
  .Seeker-box .Seeker-right .Seeker-item { width: 25%; margin-top: 10px; }
  .Seeker-box .Seeker-right-img .smallImg { height: auto; }
  /* Algorithms */
  .Algorithms-box .Algorithms-top-box { padding: 10px; }
  .Algorithms-box .Algorithms-list-box li { padding: 10px 5px; }
  .Algorithms-box .Algorithms-list-box li .Algorithms-content { padding: 8px; }
  .Algorithms-box .Algorithms-list-box li .Algorithms-title { font-size: 14px; padding-top: 8px; }
  /* M1 */
  .M1-IATF-box .M1-IATF-title { font-size: 24px; line-height: 50px; margin-bottom: 30px; }
  .M1-IATF-box .M1-IATF-title strong { font-size: 34px; }
  .M1-IATF-box .M1-IATF-text { font-size: 16px; margin-bottom: 30px; letter-spacing: 2px; }
  .M1-IATF-box .M1-IATF-text strong { font-size: 24px; line-height: 30px; }
  .M1-IATF-box .M1-IATF-info { padding-top: 20px; }
  .M1-proposal-list .width3 { width: 50% !important; }
  .M1-proposal-list .M1-proposal-title { font-size: 16px; }
  /* resources */
  .resources-left .resources-nav-title { padding: 10px 15px; font-size: 16px; line-height: 24px; }
  .resources-left .resources-nav-title img { width: 24px; margin-top: 0px; margin-right: 10px; }
  .resources-left .resources-nav-list dt { font-size: 14px; padding: 10px 15px; }
  .resources-left .resources-nav-list dt .layui-icon { font-size: 16px; line-height: 44px; padding-right: 15px; }
  .resources-left .resources-nav-list dd { padding-left: 0px; }
  .resources-left .resources-nav-list dd a { font-size: 14px; padding: 10px 20px; }
  .resources-right .resources-product-name img { width: 80px; margin-right: 10px; }
  .resources-right .resources-classify { font-size: 16px; padding-top: 20px; }
  .resources-right .resources-download-list li a { padding: 10px 15px; line-height: 24px; }
  .resources-right .resources-download-list li .file-name { font-size: 14px; }
  .resources-right .resources-download-list li .file-info { font-size: 12px; }
  .resources-right .resources-download-list li .download-btn { width: 20px; height: 24px; }
  .resources-right .resources-video-list li .playImg { width: 50px; margin-top: -25px; margin-left: -25px; }
  .resources-right .resources-video-list li .resources-video-title a { font-size: 12px; padding-right: 35px; background-size: 20px; } }
@media screen and (max-width: 767px) { /* video */
  .videoH { height: 20px; }
  .videoStyle { min-height: auto; }
  .videoStyle .video-cover-container{height: 40vh;}
  .video-cover-top { padding-bottom: 0px; }
  .video-cover-container .video-cover-main { padding: 8px; border-width: 1px; height:auto;}
  /* 硬件文字 */
  .hardware-text { font-size: 12px; }

  /* 软件 */
  .software-img { padding: 8px; border-width: 1px; }
  .software-text { padding-top: 8px; padding-left: 8px; }
  .software-text p { font-size: 12px; padding-left: 16px; }
  .software-text p:before { top: 5px; width: 10px; height: 10px; }
  .constitute-title { padding: 6px; font-size: 12px; line-height: 16px; }
  .constitute-title p{font-size:12px;line-height:18px;}
  /* 优势 */
  .advantage-main .advantage-box li { width: 28%; padding: 0px; }
 /* .advantage-main .advantage-box li:first-child { width: 40%; }*/
  .advantage-main .advantage-box .advantage-icon { width: 100px; height: 100px; font-size: 14px; line-height: 100px; }
  .advantage-main .advantage-box .advantage-info { width: 70px; height: 70px; font-size: 12px; line-height: 66px; border-width: 2px; }
  /*.advantage-main .advantage-box .advantage-img { display: none; }*/
    .advantage-main .advantage-box .advantage-img span{display:none;}
    .advantage-main .advantage-box .advantage-img strong{height:100px;}
  .advantage-main .advantage-box .advantage-text { font-size: 12px;display:none; }
    .advantage-main .advantage-box .advantage-text2{display:block;}
  .advantage-list { margin-top: 15px; }
  .advantage-list ul { margin: 0px; }
  .advantage-list li { width: 100%; float: none; padding: 10px; margin-bottom: 15px; box-shadow: 0px 0px 10px #ddd; }
  .advantage-list .advantage-title { padding: 0px; border: none; border-radius: 0px; }
  .advantage-list .advantage-title p { font-size: 12px; text-align: left; padding: 5px 10px; border-radius: 2px; }
  .advantage-list .advantage-text p { padding: 10px; padding-bottom: 0px; }
  /* 应用领域 */
  .application-box .application-right { padding: 15px 15px 5px 5px; }
  .application-box .application-list li { width: 50%; }
  .application-box .application-position { opacity: 1; filter: alpha(opacity=100); width: 100%; height: auto; padding: 3px; position: static; }
  .application-box .application-position h6 { font-size: 14px !important; }
  .application-box .application-position p { display: none; }
  /* banner */
  .banner-box .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 5px; }
  .banner-box .banner-content { top: auto; height: auto; bottom: 12%; display: block; padding-top: 50px; }
  .banner-box .banner-title { font-size: 16px; line-height: 24px; margin-bottom: 0px; }
  .banner-box .banner-subtitle, .banner-box .banner-price { font-size: 12px; }
  .banner-box .banner-price { margin-top: 5px; }
  .banner-box .banner-price span { font-size: 16px; font-weight: bold; }
  .banner-box .banner-price p { float: right; font-size: 12px; margin-left: 5px; line-height: 24px; }
  .banner-box .banner-btn a { margin-top: 15px; padding: 0px 10px; font-size: 12px; line-height: 24px; }
  /* 内页banner */
  .ny-banner-box .banner-content { top: 30px; bottom: auto; }
  .ny-banner-box .BPImg { width: 80px; }
  /* index */
  .index-box1 { padding: 30px 0px; }
  .index-subtitle { margin-bottom: 20px; }
  .index-title { font-size: 16px; line-height: 24px; margin-bottom: 16px; }
  .title-style .shadow-title { font-size: 12px; margin-bottom: 5px; }
  .title-style .shadow-title .shadow-text { font-size: 22px; line-height: 24px; text-shadow: 1px 0px 0px #e72420; }
  .title-style .title-position { top: -20px; font-size: 24px; line-height: 40px; letter-spacing: -2px; }
  .news-info a { padding: 5px; margin-right: 10px; }
  /* 查看更多 */
  .view-more { margin-top: 0px; }
  .view-more a { width: 100px; font-size: 14px; }
  .view-more a .layui-icon { font-size: 16px; }
  /* 首页-合作伙伴 */
  .index-partner-list { background-image: none !important; }
  .index-partner-list li { width: 33%; }
  .index-partner-list li a { width: 90%; height: 40px; margin: 0px auto; }
  /* 首页-新闻 */
  .index-news-box { margin: 0px; }
  .index-news-box .news-content { padding: 8px; border-width: 1px; }
  .index-news-box .news-info a{font-size:10px;}
  .index-news-box .news-info .news-time { margin-bottom: 5px; }
  .index-news-box .news-left { width: 100%; float: none; padding: 0px; margin-bottom: 10px; }
  .index-news-box .news-right { width: 100%; padding: 0px; }
  .index-news-box .news-bottom { width: 50%; float: left; }
  .index-news-box .news-bottom:last-child { padding-left: 5px;}
  .index-news-box .news-bottom:first-child { padding-right: 5px; }

  /* 首页-活动 */
  .index-box3 { padding: 20px 0px 40px; background-size: auto 40%; }
  .index-box3 .activity-title a { padding: 5px 0px;}
  .index-box3 .news-info a{font-size:10px;}
  .index-box3 .swiper-button-prev, .index-box3 .swiper-button-next { display: none; }
  /* 激光雷达+感知方案 */
  .ny-main { padding-top: 10px; padding-bottom: 30px; }
  .product-index-title { font-size: 14px; line-height: 24px; padding-top: 5px; margin-bottom: 10px; }
  .product-index-list ul { margin: 0px; }
  .product-index-list li { width: 100%; float: none; padding: 0px; margin-bottom: 15px; }
  .product-index-list li .product-name { font-size: 16px; line-height: 24px; }
  .product-index-list li .product-subtitle { font-size: 12px; line-height: 18px; overflow: auto; text-overflow: clip; white-space: normal; }
  .product-index-list li .layui-btn { font-size: 12px; }
  /* 关于我们 */
  .about-us-list { margin-top: 4%; }
  .about-us-list ul { margin: 0px -5px; }
  .about-us-list li { padding: 0px 5px; }
  .about-us-list li .about-us-box { width: 100%; height: auto; padding: 0px; border: none; }
  /* 发展历程 */
  .history-main { padding-top: 0px; }
  .history-main .history-info { padding: 8px; border-width: 1px; }
  .history-main .even-slide { padding-top: 0px; }
  .history-main .odd-slide { padding-bottom: 0px; }
  .history-main .history-title { margin-top: 0px; font-size: 12px; }
  .history-main .history-tab { margin-top: 20px; }
  .history-main .history-tab li { padding: 0px 2px; }
  .history-main .history-item { background-image: none; }
  .history-main .history-img img { height: auto; margin: 0px auto; }
  /* .history-main .history-btn, .history-main .history-icon { display: none; } */
  .history-main .history-tab li a { width: 50px; font-size: 14px; line-height: 28px; }
  .history-main .history-time { width: 80px; margin: 8px 0px; font-size: 12px; line-height: 24px; }
  /* 创始人 */
  .fondateut-box { position: relative; }
  .fondateut-box .fondateut-info { width: 100%; float: none; padding: 20px; min-height: auto; padding-top: 40px; }
  .fondateut-box .fondateut-title span { font-size: 14px; line-height: 24px; padding-bottom: 5px; border-bottom-width: 2px; }
  .fondateut-box .fondateut-title span strong { font-size: 16px; margin-right: 10px; }
  .fondateut-box .fondateut-img { width: 90px; position: absolute; top: -40px; right: 0px; }
  /* P1 */
  .P1-constitute-box { padding-top: 20px; }
  .P1-constitute-box .P1-hardware-title { top: -20px; }
  .P1-constitute-box .P1-hardware-box { width: 100%; }
  .P1-constitute-box .P1-hardware-img { width: 300px; }
  .P1-constitute-box .P1-text1 { top: 15px; right: 260px; }
  .P1-constitute-box .P1-text2 { left: auto; right: 290px; bottom: 85px; }
  .P1-constitute-box .P1-circle1 { top: 32px; right: 132px; }
  .P1-constitute-box .P1-line1 { top: 40px; right: 136px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
  .P1-constitute-box.animateP1 .P1-line2 { display: none; }
  .P1-constitute-box.animateP1 .P1-line3 { right: 125px; bottom: 80px; }
  .P1-constitute-box .P1-software-box { width: 100%; max-width: 520px; margin: 15px 0px; padding-top: 50px; }
  .P1-constitute-box .P1-software-title { top: 10px; left: 10px; }
  /* P3 */
  .P3-constitute-box { width: 300px; margin: 0px auto; padding-top:20px; }
	.P3-constitute-box .P3-text1 {top:-6%;}
	.P3-constitute-box .P3-text2{top:18%;right:4%;}
  /*.P3-constitute-box .P3-circle1 { margin-left: 0px; }
  .P3-constitute-box .P3-line1 { margin-left: 2px; }
  .P3-constitute-box .P3-line2 { right: 58%; margin-right: 7px; }
  .P3-constitute-box .P3-text1 { top: -16px; left: 0px; }
  .P3-constitute-box .P3-circle2 { right: 18px; }
  .P3-constitute-box .P3-line3 { right: 18px; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
  .P3-constitute-box .P3-text2 { top: 10%; right: 0px; }
  .P3-constitute-box .P3-line4 { display: block; height: 80px; top: auto; left: 18%; bottom: 45%; margin-left: 2px; margin-bottom: 6px; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
  .P3-constitute-box .P3-line5 { bottom: 45%; right: 82%; opacity: 0; filter: alpha(opacity=0); }
  .P3-constitute-box .P3-text3 { bottom: 75%; -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; }
  .P3-constitute-box .P3-circle3 { bottom: 40%; }
  .P3-constitute-box .P3-line6 { left: 27%; bottom: 42%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; }
  .P3-constitute-box.animateP3 .P3-line1 { height: 60px; }
  .P3-constitute-box.animateP3 .P3-line2 { width: 100px; }
  .P3-constitute-box.animateP3 .P3-line4 { width: 2px; }*/
  /*.P3-constitute-box.animateP3 .P3-line5 { width: 0px; opacity: 1; filter: alpha(opacity=100); }*/
    .P3-constitute-box .P3-text3 {left:-10%;}
  .P3-constitute-box .P3-hardware-list { bottom:22%; left: 18%;width:80%;}
  .P3-constitute-box .P3-hardware-list li img { width: 30px; }
  .P3-constitute-box .P3-hardware-list li span { margin-top: 5px; }
  .P3-software-box { padding-top: 10px; }
  .P3-software-box ul { margin: 0px; }
  .P3-software-box li { width: 100%; float: none; padding: 0px; max-width: 480px; margin: 0px auto; margin-bottom: 15px; }
  .P3-software-introduce { margin-top: -15px; }
  .P3-software-introduce .mr { margin-right: 5px; }
  .P3-constitute-box .P3-circle1,.P3-constitute-box .P3-circle2,.P3-constitute-box .P3-circle3,.P3-constitute-box .P3-circle4{display:none;}
  /* P5*/
  .region-box li { font-size: 14px; line-height: 20px; padding-left: 18px; }
  .region-box li:before { width: 10px; height: 10px; }
  .region-box li.cur { margin-right: 30px; }
  /* 32线 */
  .material-32 li { width: 100%; padding: 5px 15px; float: none !important; }
  /* BP */
  .BP-title-box { width: 100%; border: none; padding-top: 0px; padding-bottom: 10px; }
  /* Seeker */
  .Seeker-box .Seeker-content { padding: 8px; border-width: 1px; }
  .Seeker-box .Seeker-position-info { font-size: 12px; line-height: 24px; }
  .Seeker-box .Seeker-title { font-size: 14px; line-height: 24px; }
  .Seeker-box .Seeker-right .Seeker-item { width: 50%; }
  .Seeker-box .Seeker-right-position .Seeker-title { font-size: 12px; }
  /* Algorithms */
  .Algorithms-box .Algorithms-top-box { padding: 0px; }
  .Algorithms-box .Algorithms-list-box ul { margin: 0px -5px; }
  .Algorithms-box .Algorithms-list-box li { width: 50%; padding: 0px 5px; margin-top: 10px; }
  .Algorithms-box .Algorithms-list-box li .Algorithms-content { border-width: 1px; }
  .Algorithms-box .Algorithms-list-box li .Algorithms-title { font-size: 12px; }
  /* M1 */
  .M1-number-list { margin-bottom: 15px; }
  .M1-IATF-box { padding-top: 30px; padding-bottom: 15px; background-image: none !important; }
  .M1-IATF-box .M1-IATF-title { font-size: 16px; line-height: 32px; margin-bottom: 20px; }
  .M1-IATF-box .M1-IATF-title strong { font-size: 24px; margin-right: 10px; }
  .M1-IATF-box .M1-IATF-text { font-size: 12px; margin-bottom: 10px; letter-spacing: 0px; }
  .M1-IATF-box .M1-IATF-text strong { padding: 0px 5px; font-size: 16px; }
  .M1-IATF-box .M1-IATF-info { font-size: 12px; padding-top: 10px; }
  .M1-proposal-list .width3 { width: 100% !important; }
  .M1-proposal-list .M1-proposal-title { font-size: 14px; }
  /* resources */
  .resources-left { width: auto; float: none; margin: -10px -15px; padding-bottom: 10px; }
  .resources-right { width: 100%; float: none; padding-left: 0px; padding-top: 30px; }
  .resources-left .resources-nav-title { font-size: 14px; line-height: 16px; letter-spacing: 0px; }
  .resources-left .resources-nav-title img { width: 16px; }
  .resources-left .resources-nav-list dt { padding: 6px 15px; }
  .resources-left .resources-nav-list dd a { padding: 6px 30px; }
  .resources-right .resources-product-name img { width: 60px; }
  .resources-right .resources-product-name span { font-size: 16px; }
  .resources-right .resources-classify { font-size: 14px; padding-top: 15px; }
  .resources-right .resources-download-list li a { padding: 10px 0px; }
  .resources-right .resources-download-list li .file-name { width: 100%; float: none; margin-bottom: 5px; padding: 0px 15px 5px; border-bottom: 1px solid #ddd; }
  .resources-right .resources-download-list li .file-info { width: 30%; padding: 0px 15px; }
  .resources-right .resources-download-list li .file-time { margin-right: 0px; }
  .resources-right .resources-download-list li .download-btn { margin-right: 15px; }
  .resources-right .resources-video-list ul { margin: 0px; }
  .resources-right .resources-video-list li { width: 100%; float: none; padding: 0px; } }

/*# sourceMappingURL=style.css.map */
.onDemand-video-box{position:relative;}
.video-cover{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:9;}
.video-cover img{display:block;width:100%;height:100%;}
.video-cover #cover-btn{display:block;width:118px;height:118px;position:absolute;top:50%;left:50%;margin-left:-59px;margin-top:-59px;background:url(../images/ht/play.png) no-repeat center;cursor: pointer;background-size:cover;}
.video-cover #cover-btnt{display:block;width:118px;height:118px;position:absolute;top:50%;left:50%;margin-left:-59px;margin-top:-59px;background:url(../images/ht/play.png) no-repeat center;cursor: pointer;background-size:cover;}

@media screen and (max-width: 992px) {
    .video-cover #cover-btn{width:64px;height:64px;margin-left:-32px;margin-top:-32px;}
    .video-cover #cover-btnt{width:64px;height:64px;margin-left:-32px;margin-top:-32px;}
}


.ref-adv-list{width:100%;}
.ref-adv-list li{float:left;width:20%;margin-left:6.6%;}
.ref-adv-list li:first-child{margin-left:0;}
.ref-adv-list li .icon{width:100%;padding:16.6%;background-repeat:no-repeat;background-position:center;background-size:100%;}
.ref-adv-list li .icon img{display:block;width:100%;}
.ref-adv-list li h6{font-size:18px;color:#666;line-height:28px;text-align:center;margin-top:24px;}

@media screen and (max-width: 992px) {
	.ref-adv-list li h6{font-size:14px;line-height:24px;margin-top:20px;}
}

@media screen and (max-width: 769px) {
	.ref-adv-list li{width:40%;margin-left:20%;margin-bottom:4%;padding:0 4%;}
	.ref-adv-list li:first-child{margin-left:0;}
	.ref-adv-list li:nth-child(odd){margin-left:0;}
	.ref-adv-list li h6{line-height:20px;margin-top:12px;font-size:12px;}
}


.ref-process{width:100%;position: relative;height:700px;padding:120px 0;background-size:cover;background-position:center;background-repeat:no-repeat;}
.ref-process-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);z-index:1;}
.ref-process .layui-container{position:relative;z-index:2;}
.ref-process li{float:left;width:19.166%;position:relative;margin-left:21.25%;}
.ref-process li:first-child{margin-left:0;}
.ref-process li.forth{float:right;margin-top:160px;}
.ref-process li.fifth{float:right;margin-top:160px;}
.ref-process li .txt-bg{width:100%;}
.ref-process li .txt-bg img{display:block;width:100%;}
.ref-process li .txt{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;}
.ref-process li .txt h6{width:100%;font-size:18px;color:#fff;line-height:24px;text-align:center;}
.ref-process .ref-tags{position:absolute;top:50%;right:25%;margin-top:-55px;width:110px;height:110px;border-radius:50%;border:#ccc solid 3px;font-size:18px;color:#fff;line-height:104px;text-align:center;}

.ref-process li .connect-icon {position:absolute;top:0;left:120%;width:200%;height:100%;}
.ref-process li .connect-icon span { color: #fff; float: left; margin: 0px 10px; font-size: 20px; line-height: 100%;height:100%; opacity: 0.5; filter: alpha(opacity=50); display:flex;align-items: center;}
.ref-process li .connect-icon strong { float: left;height:100%;width:36px;background-image:url(../images/ht/ref-right.png);background-repeat:no-repeat;background-position:center;background-size:100%; }

.ref-process li.third .connect-icon{top:120%;left:0;width:100%;height:100%;}
.ref-process li.third .connect-icon span{width:100%;height:20px;margin:8px auto;text-align:center;justify-content:center;}
.ref-process li.third .connect-icon span:first-child{display:none;}
.ref-process li.third .connect-icon span:nth-child(2){display:none;}
.ref-process li.third .connect-icon strong{width:100%;height:36px;background-size:auto 100%;background-image:url(../images/ht/ref-down.png);}

.ref-process li.forth .connect-icon {left:auto;right:120%;}
.ref-process li.forth .connect-icon span {float:right;}
.ref-process li.forth .connect-icon strong { float:right;background-image:url(../images/ht/ref-left.png);}

.ref-process li.fifth .connect-icon{top:-80%;left:0;width:100%;height:80%;}
.ref-process li.fifth .connect-icon span{width:100%;height:20px;margin:8px auto;text-align:center;justify-content:center;}
.ref-process li.fifth .connect-icon span:last-child{display:none;}
.ref-process li.fifth .connect-icon span:nth-last-child(2){display:none;}
.ref-process li.fifth .connect-icon strong{width:100%;height:36px;background-size:auto 100%;background-image:url(../images/ht/ref-up.png);}


@media screen and (max-width: 1200px) {
	.ref-process{height:600px;padding:100px 0;}
}

@media screen and (max-width: 992px) {
	.ref-process{height:auto;padding:60px 0;}
	.ref-process li{float:left;width:36%;position:relative;margin-left:28%;margin-top:60px;}
	.ref-process li:first-child{margin-left:64%;float:right;margin-top:0;}
	.ref-process li:nth-child(2){float:right;}
	.ref-process li:nth-child(3){float:right;margin-left:0;}
	.ref-process li.forth{float:left;margin-top:60px;margin-left:0;}
	.ref-process li.fifth{float:right;margin-top:60px;}
	.ref-process li .txt h6{font-size:14px;}
	.ref-process .ref-tags{top:auto;bottom:25%;right:auto;left:50%;margin-top:0;margin-left:-40px;width:80px;height:80px;border:#ccc solid 2px;font-size:14px;line-height:76px;}

	.ref-process li .connect-icon {position:absolute;top:auto;height:36px;width:36px;left:50%;bottom:-50px;margin-left:-18px;}
	.ref-process li .connect-icon span {display:none;}
	.ref-process li .connect-icon strong { height:36px;width:36px;background-image:url(../images/ht/ref-right.png);}

	.ref-process li.first .connect-icon strong{background-image:url(../images/ht/ref-down.png);}
	.ref-process li.second .connect-icon {left:-40%;top:50%;margin-top:-18px;bottom:auto;}
	.ref-process li.second .connect-icon strong{background-image:url(../images/ht/ref-left.png);}

	.ref-process li.third .connect-icon {top:auto;left:50%;bottom:-50px;margin-left:-18px;height:36px;width:36px;}
	.ref-process li.third .connect-icon strong{background-image:url(../images/ht/ref-down.png);}

	.ref-process li.forth .connect-icon {left:auto;right:-50%;top:50%;margin-top:-18px;bottom:auto;}
	.ref-process li.forth .connect-icon strong{background-image:url(../images/ht/ref-right.png);}

	.ref-process li.fifth .connect-icon {top:-50px;left:50%;margin-left:-18px;height:36px;width:36px;}
	.ref-process li.fifth .connect-icon strong{background-image:url(../images/ht/ref-up.png);}
}


@media screen and (max-width:480px) {
	.ref-process li{width:40%;margin-left:20%;}
	.ref-process li:first-child{margin-left:60%;}
	.ref-process li .txt h6{font-size:12px;}
	.ref-process .ref-tags{bottom:22%;margin-left:-30px;width:60px;height:60px;font-size:12px;line-height:56px;}

	.ref-process li .connect-icon {position:absolute;top:auto;height:24px;width:24px;left:50%;bottom:-40px;margin-left:-12px;}
	.ref-process li .connect-icon strong { height:24px;width:24px;}

	.ref-process li.second .connect-icon {left:-25%;top:50%;margin-top:-12px;bottom:auto;}

	.ref-process li.third .connect-icon {top:auto;left:50%;bottom:-40px;margin-left:-12px;height:24px;width:24px;}
	.ref-process li.third .connect-icon strong{height:24px;width:24px;}

	.ref-process li.forth .connect-icon {left:auto;right:-35%;top:50%;margin-top:-12px;bottom:auto;}

	.ref-process li.fifth .connect-icon {top:-40px;left:50%;margin-left:-12px;height:24px;width:24px;}
	.ref-process li.fifth .connect-icon strong{height:24px;width:24px;}
}

.v2r-app-list{width:100%;}
.v2r-app-list li{float:left;width:24%;margin-left:1.33%;padding:13px;border:#eee solid 2px;border-radius:4px;height:390px;}
.v2r-app-list li:first-child{margin-left:0;}
.v2r-app-list li h5{width:100%;height:50px;background:#e72420;font-size:20px;color:#fff;text-align:center;line-height:50px;}
.v2r-app-list li p{width:100%;font-size:16px;color:#666;line-height:28px;margin-top:10px;}

@media screen and (max-width: 1200px) {
	.v2r-app-list li{padding:10px;height:480px;}
}

@media screen and (max-width: 992px) {
	.v2r-app-list li{padding:10px;height:480px;}
	.v2r-app-list li h5{height:40px;font-size:18px;line-height:40px;}
	.v2r-app-list li p{font-size:14px;line-height:24px;margin-top:8px;}
}

@media screen and (max-width: 769px) {
	.v2r-app-list li{width:49%;margin-left:2%;margin-bottom:2%;height:210px;}
	.v2r-app-list li:first-child{margin-left:0;}
	.v2r-app-list li:nth-child(odd){margin-left:0;}
	.v2r-app-list li h5{height:36px;font-size:14px;line-height:36px;}
	.v2r-app-list li p{font-size:12px;line-height:24px;margin-top:8px;}
}

@media screen and (max-width: 300px) {
	.v2r-app-list li{height:212px;}
}

.v2r-case{width:100%;}
.v2r-case-title{width:100%;margin-bottom:90px;position:relative;}
.v2r-case-title h3{display:block;margin:0 auto;width:200px;height:60px;border:#e72420 solid 3px;border-radius:30px;font-size:20px;color:#666;line-height:54px;text-align:center;font-weight:bold;}
.v2r-case-title .icon{width:100px;height:100px;margin:0 auto;position:relative;}
.v2r-case-title .icon i.line01{display:block;width:4px;height:100px;background:#eee;margin:0 auto;}
.v2r-case-title .icon i.line02{display:block;width:100%;height:4px;background:#eee;position:absolute;bottom:0;left:0;}
.v2r-case-title .icon em.point{display:block;width:12px;height:12px;background:#e72420;position:absolute;left:50%;bottom:-4px;margin-left:-6px;border-radius:50%;}
.v2r-case-txt{width:100%;position:absolute;bottom:0;left:0;}
.v2r-case-txt .txt{position:absolute;left:50%;width:320px;margin-top:-28px;}
.v2r-case-txt .txt h6{font-size:18px;line-height:28px;color:#666;}
.v2r-case-txt .txt h6 a{font-size:18px;line-height:28px;color:#666;display:inline;}
.v2r-case-txt .txt h6 a:hover{color:#e72420;}
.v2r-case-txt .txt.left-txt{left:auto;right:50%;margin-right:90px;text-align:right;margin-top:-42px;}
.v2r-case-txt .txt.left-txt.two-row{margin-top:-28px;}
.v2r-case-txt .txt.right-txt{margin-left:90px;text-align:left;}

@media screen and (max-width: 992px) {
	.v2r-case-title{margin-bottom:60px;position:relative;}
	.v2r-case-title h3{width:160px;height:48px;border:#e72420 solid 2px;font-size:16px;line-height:44px;font-weight:normal;}
	.v2r-case-title .icon{width:80px;height:80px;}
	.v2r-case-title .icon i.line01{width:4px;height:80px;}
	.v2r-case-title .icon i.line02{width:100%;height:4px;}
	.v2r-case-title .icon em.point{width:12px;height:12px;bottom:-4px;margin-left:-6px;}

	.v2r-case-txt .txt{width:200px;margin-top:-24px;}
	.v2r-case-txt .txt h6{font-size:14px;line-height:24px;}
	.v2r-case-txt .txt h6 a{font-size:14px;line-height:24px;}
	.v2r-case-txt .txt.left-txt{margin-right:60px;margin-top:-36px;}
	.v2r-case-txt .txt.left-txt.two-row{margin-top:-24px;}
	.v2r-case-txt .txt.right-txt{margin-left:60px;}
}

@media screen and (max-width: 767px) {
	.v2r-case-title{margin-bottom:50px;}
	.v2r-case-title h3{width:100px;height:40px;font-size:14px;line-height:36px;}
	.v2r-case-title .icon{width:36px;height:48px;}
	.v2r-case-title .icon i.line01{width:4px;height:48px;}
	.v2r-case-title .icon i.line02{width:100%;height:4px;}
	.v2r-case-title .icon em.point{width:8px;height:8px;bottom:-2px;margin-left:-4px;}

	.v2r-case-txt .txt{width:160px;margin-top:-20px;}
	.v2r-case-txt .txt h6{font-size:12px;line-height:20px;}
	.v2r-case-txt .txt h6 a{font-size:12px;line-height:20px;}
	.v2r-case-txt .txt.left-txt{margin-right:20px;margin-top:-30px;}
	.v2r-case-txt .txt.left-txt.two-row{margin-top:-20px;}
	.v2r-case-txt .txt.right-txt{margin-left:20px;}
}

.v2r-case-video{padding:13px;border:#eee solid 2px;border-radius:4px;}

@media screen and (max-width: 767px){
	.v2r-case-video {padding: 8px;border-width: 1px;}
}

.history-main .history-item{display: block;}
@media (max-width:767px) {
	.history-main .history-tab{width: 100%;}
}












