
body,html{ background: #741716 }
.l-header{ margin: 0 auto; min-width: 1440px; height: 1022px; background: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/bg_header.jpg) no-repeat top center; background-size: cover;}
.l-main{ margin: -350px auto 0; padding-top:280px;  min-width: 1440px; background: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/bg_content.png) no-repeat top center; background-size: cover; z-index: 2; box-sizing: border-box;}
.logo{ top: 18px; left: 38px;}

.btn-download{ display: block; margin: 0 auto; width: 585px; height: 176px; background: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/btn_download.png) no-repeat; background-size: 100% 100%; z-index: 2;}

.bg-video,
.video-start{ position: absolute; width: 100%; height:100%; left: 50%; transform: translateX(-50%); opacity: 0; }
.bg-video video,
.video-start video{ object-fit: cover; width: 100%; height: 100%; }
.bg-video.show,
.video-start.show{ opacity: 1;}

.download-right{ position: fixed; top: 50%; bottom: 0; right: 0; margin-top: -378px;  width: 295px; height: 671px; background: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/bg_download_right.png) no-repeat; background-size: 100% 100%; box-sizing: border-box; z-index: 99;}
.btn-download-pc{ display: block; margin-top: -50px; width: 297px; height: 305px; background: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/btn_download_pc.png) no-repeat; background-size: 100% 100%;}
.btn-download-android,
.btn-download-ios,
.btn-download-mobile{ display: block; top: -70px; margin: 0 auto 8px; width: 180px; height: 57px; background: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/btn_download_android.png) no-repeat; background-size: 100% 100%;}
.btn-download-ios{ background-image: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/btn_download_ios.png);}
.btn-download-mobile{ height: 49px; background-image: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/btn_download_mobile.png);}
.img-download-code{ display: block; top: -70px; margin: 20px auto 13px; width: 130px;}
.download-right .text{ top: -80px;  text-align: center; letter-spacing: 1px;}
.img-download{ position: fixed; top: 50%; bottom: 0; right: 50px; margin-top: 220px; font-size: 26px; color: #fff; text-align: center;  z-index: 99;}
.img-download img{ display: block; width: 179px;}

.title{ padding-top: 35px }

.container{ margin: 0 auto; width: 1600px; z-index: 2; }
.news-content{ margin: 40px 0 0 19px; padding-top: 100px; width: 1561px; height: 567px; background: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/bg_news.png) no-repeat; background-size: 100% 100%; box-sizing: border-box }
.news-content .con-left{ top: -70px; left: 200px; width: 640px;}
.news-content .swiper-news{ height: 430px;}
.news-content .con-left .swiper-slide img{ display: block; margin: 15px auto 0; width: 625px; height: 393px;}
.news-content .con-left .swiper-pagination-bullet{ width: 41px; height: 44px; background: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/ico_pagination.png) no-repeat; opacity: 1; background-size: 100% 100%;}
.news-content .con-left .swiper-pagination-bullet-active{ background-image: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/ico_pagination_active.png);}
.news-content .con-left .swiper-horizontal>.swiper-pagination-bullets, 
.news-content .con-left .swiper-pagination-bullets.swiper-pagination-horizontal, 
.news-content .con-left .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: -5px;}

.con-right { margin-top: -70px; margin-left: 220px; width: 540px; }
.con-right .list-content { width: 100%; }
.con-right .tab { display: flex; display: -webkit-flex; margin-top: 20px; height: 35px; font-size: 16px;  letter-spacing: 2px; padding-left: 5px; box-sizing: border-box;  }
.con-right .tab:after{ content: ""; position: absolute; bottom: 0; right: -35px; width: 237px; height: 1px; background: #BF7358;}
.con-right .tab li{ position: relative; margin-right: 13px; padding: 0 8px; line-height: 35px; color: #D39C22; border-bottom: 1px #8F302E solid; cursor: pointer; display: inline-block\9; margin-right: 40px\9; transition: all 1s; }
.con-right .tab li:last-child { margin-right: 0; }
.con-right .tab li:hover, .con-right .tab li.active { color: #FFDD51; border-bottom:3px #FFDD51 solid;}
.con-right .tab li .more { color: #D39C22; }
.culumn-list { margin-top: 55px; color: #CC4D23; line-height: 40px; letter-spacing: 2px; display: none; }
.culumn-list li { display: flex; }
.culumn-list.active { display: block; }
.culumn-list .txtTag { float: left; margin-right: 3px; margin-left: 0px; color: #fff88b; font-weight: bold; }
.culumn-list .txtDate { float: right; font-size: 14px; color: #CC4C22; }
.culumn-list a { width: 430px; display: inline-block;  color: #CC4C22; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; }
.culumn-list a:hover{ font-weight: bold}

.feature-content{ margin-top: 45px; margin-left: 15px;}
.swiper img { display: block; width: 100%; height: 100%; }
#certify { position: relative; width: 1260px; height: 550px; margin: 0 auto;/* padding-right: 250px; */}
.slide { width: 1260px; height: 480px; /* margin-left: 350px !important; */position: absolute;/* left: 4.7%; */}
.bottom_pagination .swiper-pagination-bullet { width: 30px !important; height: 30px !important; background: url(https://png.pookcdn.net/new_net/xxmjj/pc/bottom_pagination.png) !important; vertical-align: middle; }
.bottom_pagination .swiper-pagination-bullet-active { width: 50px !important; height: 50px !important; background: url(https://png.pookcdn.net/new_net/xxmjj/pc/bottom_seleted_pagination.png) !important; }
#certify .bottom_pagination { text-align: center !important; left: 45%;/* margin-left: 500px !important; */}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px !important; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: -3px !important; width: 100%; }
.left_arrow, .right_arrow { margin-top: -26px!important; top: 50%!important; width: 136px!important; height: 45px!important; z-index: 99; background-repeat: no-repeat; background-size: 100% 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.left_arrow { left: -50px!important; ; background-image: url(https://png.pookcdn.net/new_net/xxmjj/pc/left_arrow.png)!important; }
.right_arrow { right: 50px!important; background-image: url(https://png.pookcdn.net/new_net/xxmjj/pc/right_arrow.png)!important; }
.slide .swiper-wrapper .swiper-slide { padding-top: 15px; width: 796px; height: 420px; opacity: 0; }
.slide .swiper-wrapper .swiper-slide-prev, .slide .swiper-wrapper .swiper-slide-active, .slide .swiper-wrapper .swiper-slide-next { opacity: 1; }
.slide .swiper-wrapper .swiper-slide-active:after { content: ''; position: absolute; top: 2px; left: -7px;width: 811px; height: 446px; background: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/bg_img_active.png) no-repeat; background-size: 100% 100%; z-index: 33; }
.slide .swiper-wrapper .swiper-slide img { display: block; position: relative; width: 796px; height: 421px; z-index: -1; }
.slide .swiper-slide-visible:after{ content: ""; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: '' !important; }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: '' !important; }
.bottom_pagination { top: 440px !important; left: -3px !important; width: 100%; }
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; overflow: hidden; }
.swiper-pagination-bullet { opacity: 1 !important; }
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right{ top: 14px; height: 428px; background: rgba(0,0,0,.5);}
.swiper-3d .swiper-slide-shadow-right{ left: 5px;}
.feature-content .swiper-pagination-bullet{ width: 41px; height: 44px; background: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/ico_pagination.png) no-repeat; opacity: 1; background-size: 100% 100%;}
.feature-content .swiper-pagination-bullet-active{ background-image: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/ico_pagination_active.png);}
.feature-content .swiper-button-next, 
.feature-content .swiper-button-prev{ margin-top: -63px;  width: 90px; height: 30px; background: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/ico_pre.png) no-repeat; background-size: 100% 100%;}
.feature-content .swiper-button-next{ background-image: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/ico_next.png);}
.feature-content .swiper-button-prev{ left: -40px;}
.feature-content .swiper-button-next{ right: -40px;}

.code-list{ position: absolute; top:360px; left: -20px;}
.code-list li{ margin-bottom: 5px; width: 56px; height: 56px; background: url("https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/tab_pc.png") no-repeat; background-size: 100% 100%; cursor: pointer; }
.code-list li:hover,
.code-list li.active{ background-image: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/tab_pc_active.png);}
.code-list li.tab-02{ background-image: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/tab_mobile.png); }
.code-list li.tab-02:hover,
.code-list li.tab-02.active{ background-image: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260203/tab_mobile_active.png);}

.download-right .erweima {
	margin: 0px auto 30px;
	width: 157px;
	height: 154px;
	text-align: center;
}
.download-right .erweima .text{ margin: 10px auto; letter-spacing: 2px; color: #fff; text-align: center; font-size: 17px;}
.download-right .erweima img {
	margin-top: 15px;
	width: 130px;
}

.download-right .erweima li{ display: none;}
.download-right .erweima li.active{ display: block;}

.footer{
	padding-bottom: 200px;
}
.footer,
.footer a{ color: #ffef85 }

@media only screen and (max-width: 2048px) {
	.l-main{
		padding-top: 200px;
	}
}
@media only screen and (max-width: 1680px) {
	.news-content, #certify {
		-webkit-transform: scale(.9);
		transform: scale(.9);
	}
	.download-right,.img-download{ margin-top: -208px;-webkit-transform: scale(.9); transform: scale(.9);}
	.img-download{margin-top: 240px;}
}
@media only screen and (max-width: 1440px) {
	.container{
		width: 1400px;
	}
	.news-content{
		-webkit-transform: scale(.8);
		transform: scale(.8);
		-webkit-transform-origin: left;
		transform-origin: left;
	}


}

