<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">div,p,h1,h2,h3,h4,h5,h6,span,i,a,li,ul,body{font-family: "Microsoft YaHei"; padding:0; margin:0; font-size: 18px; line-height: 27px;  color: #666;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
a:hover,a:link{text-decoration: none;}
.no-padding{padding: 0;}
img{border:0;}
.img_block{display: block; width: 100%;}
.of{overflow: hidden;}
body,html {width: 100%; height: 100%;}

@media (min-width: 1200px){
	.hidden-lg{display: none!important;}
}
@media (max-width: 1199px) and (min-width: 992px){
	.hidden-md{display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){
	.hidden-sm{display: none!important;}
}
@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}


.swiper-button-disabled{
    display:none;
}
.clear{clear: both;}
.swiper-container-main{width: 100%; height: 100%;}
.page-back-one{background-image: url(../images/page-one.jpg);}
.page-back-two{background-image: url(../images/page-1.jpg);}
.page-back-thr{background-image: url(../images/page-2.jpg);}
.opacity-main.swiper-slide{opacity: 0!important;}
.opacity-main.swiper-slide.swiper-slide-active{opacity: 1!important; z-index: 1000003;}
.swiper-container-main .swiper-pagination-main{width: 30px!important; left:30px;}
.swiper-container-main.swiper .swiper-pagination-bullet{width: 20px; height: 20px; background: #f4f4f4; opacity: 1; }
.swiper-pagination-bullets-dynamic{font-size: x-large;}
/*.swiper-container-main .my-bullet{display:inline-block;}*/
.swiper-container-main .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #067; }
.swiper-container-main .swiper-button-main-next { background-image:url("../images/icon_up.png"); color: transparent;
 	background-size:80%; top:95%; left:50%; animation:fadeInUp ease 1s both infinite; -webkit-animation:fadeInUp ease 1s both infinite;
 	-moz-animation:fadeInUp ease 1s both infinite; background-repeat: no-repeat; margin-left: -13px;
}
.page-back{width:100%; height:100%; background-size: cover; background-repeat: no-repeat;}  /*èƒŒæ™¯*/

.page-one-center{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.page-one-center-box{text-align: center;}
.page-one-center-box h2{color: #fff; font-size: 36px; margin-bottom: 20px;}
.page-one-center-box p{color: #fff; padding-bottom: 10px;}
.page-two{display: flex; justify-content: flex-end; align-items: center; width: 100%; height: 100%;}
.page-two-con{width: 80%; height: 70%; overflow: hidden;}
.page-two-con .swiper-container-two{width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-container-two .swiper-wrapper{align-items: center;}
.swiper-container-two .swiper-slide{text-align: center;height: 100%; width: auto; pointer-events:auto!important;}
.page-two-common{height: calc((100% - 30px) / 2) !important;}
.page-two-boxtwo{margin-top: 30px;}
.page-two-common-box{height: 100%;}
.page-two-common-box .flexbox{overflow: hidden; height: 100%; float: left; background:#fff; margin-right: 30px;}
.page-two-common-box .flexbox img{display: block; width: 100%; height: 100%; object-fit: cover;}
.page-two-boxone .flexbox:nth-child(odd){width: 500px;}
.page-two-boxone .flexbox:nth-child(even){width: 300px;}
.page-two-boxtwo .flexbox:nth-child(odd){width: 300px;}
.page-two-boxtwo .flexbox:nth-child(even){width: 500px;}
.page-two-common .flexbox:last-of-type{margin-right: 0;}

.swiper-slide-thr{width: 100%; height: 100%; display: flex; justify-content: flex-end;}
.page-thr{ width: 80%; padding-right: 5%; height: 100%; overflow: hidden;}
.page-thr-box{display: flex; align-items: flex-start; width: 100%; height: 100%;}
.page-thr-box &gt; div.ani{float: left; width: 20%; height: 80%; }
.page-thr-box &gt; div.ani .page-thr-text{background-size: cover; background-repeat: no-repeat; background-position: center 0;}
.page-thr-box &gt; div.page-thr-one .page-thr-text{background-image: url(../images/b-1.jpg);}
.page-thr-box &gt; div.page-thr-two .page-thr-text{background-image: url(../images/b-2.jpg);}
.page-thr-box &gt; div.page-thr-thr .page-thr-text{background-image: url(../images/b-3.jpg);}
.page-thr-box &gt; div.page-thr-four .page-thr-text{background-image: url(../images/b-4.jpg);}
.page-thr-box &gt; div.page-thr-five .page-thr-text{background-image: url(../images/b-5.jpg);}
.page-thr-two,.page-thr-four{align-self:flex-end;}
.page-thr-back{background-color: rgb(0,0,0); opacity: 0.3; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.page-thr-back img{display: block; width: 100%; height: 100%; object-fit: cover;}
.page-thr-text{width: 100%; height: 100%; padding:0 20px; box-sizing:border-box; 
  position: relative; display: flex; justify-content: center; align-items: center;}
.page-thr-text .title{font-size: 30px; color: #fff; font-weight: bold; width: 100%; position: absolute; top: 30px; left: 0; text-align: center;}
.page-thr-text .title img{display: block; width: 34%; margin-left: 10%;}
.page-thr-one .title img{width: 30%;}
.page-thr-text .title2{position: absolute; bottom: 30px; left: 0; font-size: 30px; color: #fff; font-weight: bold; width: 100%;
 text-align: center;}
.page-thr-text .title2 img{display: block; width: 32%; float: right; margin-right: 10%;}
.page-thr-text p{color: #fff; font-size: 16px; line-height: 24px; position: relative;}
.page-thr-text ul{padding-left: 20px; position: relative;}
.page-thr-text ul li{color: #fff; font-size: 16px; line-height: 24px; list-style: disc;}
.page-thr-text ul li:last-child{list-style: none;}

.swiper-slide-four .swiper-four-box{height:100%; width: 80%; display: flex; align-items: center; margin-left: 20%; 
	justify-content:center;flex-direction:column;}
.position-l{margin-left: -25%;}	
.swiper-thr .swiper-slide{width: auto;  pointer-events:auto!important;}
.swiper-slide-four .img-box{width: 100%; padding-left: 20px; }
.page-back-four{background-image: url(../images/page-2.jpg);}
.swiper-slide-four .img-box .scrollbox{width: 300px;  padding-left: 20px; border-top: 3px solid #fff;
 float: left; border-left: 3px solid #fff; height: 300px; position: relative;}
.swiper-slide-four .img-box .scrollbox.scrollbox-one{width: 30px; border-left: 0;}
.swiper-slide-four .img-box .scrollbox.scrollbox-two{height: 200px;}
.swiper-slide-four .img-box .scrollbox .tit{color: #fff; font-size: 30px; margin-bottom: 20px;}
.swiper-slide-four .img-box .scrollbox p{color: #fff; }
.swiper-slide-four .img-box .scrollbox .scrollbox-text{position: absolute; left: 20px; bottom: 0; }
.swiper-four-box .swiper-slide{padding-top: 100px;}
.swiper-slide-four .img-box .scrollbox.scrollbox-end{margin-top: -45px; border-left: 0; width: auto; height: auto; border-top: 0;
padding-right: 50px;}
.swiper-slide-four .img-box .scrollbox.scrollbox-end img{display: block; width: auto;}

.page-back-five{background-image: url(../images/page-2.jpg); display: flex; align-items: center; justify-content: center;}
.page-five-title{color: #fff; text-align: center; font-size: 40px; line-height: 1; margin-bottom: 50px;}

.page-back-six{background-image: url(../images/page-1.jpg); position: relative;}
.page-six-block{display: flex; justify-content: center;  width: 100%; height: 100%;}
.page-six-block-box{width: 80%; height: 70%; margin-top: 5%;}
.page-six-con{height: 100%;}
.sixblock{float: left; height: calc((100% - 20px) / 2);  background:black;}
.sixblock-half{width: 49%; margin-right: 2%; margin-bottom: 20px;}
.sixblock-thr-mr,.sixblock-half-mr{margin-right: 0%!important;}
.sixblock-thr{width: 32%; margin-right: 2%;}
.opacity-main-slide6 .sixblock-thr{margin-right: 0;}
.opacity-main-slide6 .sixblock-thr:nth-child(1){margin-bottom: 20px;}
.opacity-main-slide6 .sixblock-thr:nth-child(2){margin-bottom: 20px;}
.opacity-main-slide6 .sixblock-thr:nth-child(3){margin-bottom: 20px;}
.opacity-main-slide6 .sixblock-thr:nth-child(3n+2){margin-left:2%; margin-right: 2%;}
.sixblock .six-con .slide5-text{width: 100%; height: 100%; position: absolute; left: 0; top: 0;
 display: flex; justify-content: center; align-items: center; color: #fff; font-weight: bold;
font-size: 24px; line-height: 1.3; text-align: center; background-color: rgba(0,0,0,0.3)}
.opacity-main-slide6 .sixblock .six-con .slide5-text{justify-content: flex-start; align-items: flex-end; padding:0 0 30px 30px;
box-sizing:border-box; font-size: 28px;}
.sixblock .six-con{width: 100%; height: 100%; position: relative;}
.sixblock .six-con img{display: block; width: 100%; height: 100%; object-fit: cover;}
.nav-con{width: 100%; height: 15%; position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,0.3);
	display: flex; justify-content: center; 
}
.swiper-nav,.swiper-nav2{width: 80%; height: 100%;}
.swiper-nav .swiper-slide,.swiper-nav2 .swiper-slide{display: flex;  align-items: center; pointer-events:auto!important;}
.swiper-nav .swiper-slide img,.swiper-nav2 .swiper-slide img{display: block; width: 100%;}
.nav-con-back{width: 80%; height: 100%; display: flex; justify-content: space-around; align-items: center;}
.nav-text img{display: block; width: 120px;}
.nav-text{color: #fff;}
.swiper-five .swiper-slide {border-radius: 10px; width: 670px; height: 450px; overflow: hidden;}
.swiper-five .swiper-slide .swiper-black{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
background:black; color: #fff; font-size: 30px; line-height: 1;}
.page-eight-box{width:100%; height:100%; display: flex; justify-content: center; align-items: center; flex-direction:column;}
.swiper-eight{width: 80%;}
.swiper-eight .cover{position: relative;}
.swiper-eight .cover h5{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; font-size: 30px;
line-height: 1; display: flex; align-items: center; justify-content: center;}
.swiper-eight .cover img{width: 100%; display: block;}
.swiper-eight .swiper-slide{ pointer-events:auto!important; min-height: 460px;
display: flex; justify-content: center; align-items: center;
}
.hide_text{width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0;
	display: flex; justify-content: center; align-items: center;
}
.hide_text img{display: block; width: 100%;}
.hide_text p{text-align: center; color: #000; font-weight: bold; padding:5px 0;}
@-webkit-keyframes hide_fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes hide_fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
.hide_fadeIn{-webkit-animation:hide_fadeIn 2s alternate forwards; animation:hide_fadeIn 2s alternate forwards;}

.page-back-seven{display: flex; justify-content: center; align-items: center; flex-direction:column;
	background:#55aa99;
}
.swiper_seven_box{width: 100%; background: #fff; padding:50px 0;}
.swiper_seven{width: 80%;}
.swiper_seven .swiper-slide{pointer-events:auto!important;}
.swiper-seven-box{width: 100%;}
.swiper-seven-box .sevens{width: 100%; margin-bottom: 20px;}
.swiper-seven-box .sevens:last-child{margin-bottom: 0;}
.swiper-seven-box img{display: block; width: 100%;}
.swiper_seven .swiper-wrapper {
    -webkit-transition-timing-function: linear!important;    
  	-moz-transition-timing-function: linear!important;
  	-ms-transition-timing-function: linear!important;
  	transition-timing-function: linear!important;
  	margin: 0 auto;
}

.slide-title{position: absolute; left: 75px; top: 110px; font-size: 36px; line-height: 1; color: #fff; display: inline-block;
	writing-mode: vertical-rl; z-index: 1;
}

.page-back-video{background-image: url(../images/page-1.jpg);}
.video-slide-box{width: 100%; height:100%; display: flex; justify-content: center; align-items: center; flex-direction:column;}
.video-box-fa{width: 80%; height: 66%;  margin-bottom: 2%;}
.video-top{height: 100%;}
.videos{width: 32%; float: left; height:  calc((100% - 20px) / 2);  margin-right: 2%; margin-bottom: 20px; position: relative;}
.videos img{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.video-title{position: relative; z-index: 1; color: #fff; font-weight: bold; font-size: 40px; line-height: 1; background-color: rgba(0,0,0,0.3);
width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.videos.videos-big{height: 100%; }
.videos:nth-child(3),.videos:nth-child(5){margin-right: 0;}
.video-bottom{height: 15%; width: 80%; }
.video-swiper{height: 100%; }
.video-bottom .swiper-video{ height: 100%;}
.video-bottom .swiper-video .swiper-slide{pointer-events:auto!important; background:#000; border-radius: 20px; overflow: hidden;}
.video-bottom .swiper-video .swiper-slide .videonavbox{position: relative; width: 100%; height: 100%; display: flex; justify-content: center; 
	align-items: center; flex-direction:column;}
.video-bottom .swiper-video .swiper-slide .videonavbox img.cover{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.video-bottom .swiper-video .swiper-slide .videonavbox img.videologo{display: block; width: 60px;max-width: 60px;position: relative;}
.video-bottom .swiper-video .swiper-slide .videonavbox .title{color: #fff; font-size: 24px; position: relative; z-index: 1; padding-top: 10px;}

.home{width: 120px; position: fixed; left: 30px; top: 30px; z-index: 1000002;}
.home img{display: block; width: 100%;}

@media (max-width:1400px){
	.video-title{font-size: 30px;}
	.home{width: 100px; left: 20px; top: 20px; }
	.slide-title{left: 55px; top: 90px; font-size: 32px; }
}


@media (max-width:992px){
	.page-thr{padding-right: 0; height: 80%; margin-top: 10%;}
	.page-thr-box{align-items: center; flex-direction:column; }
	.page-thr-box &gt; div.ani{width: 100%; height: calc(100%/ 5) !important; float: none;}
	.page-thr-text{flex-direction:column; background-size: 100% 100%;}
	.page-thr-text .title img{float: none; margin:0 auto;}
	.page-thr-one .title img{width: 40%;}
	.page-thr-text .title2 img{float: none; margin:0 auto;}
	.page-thr-text .title2,.page-thr-text .title{position: static; font-size: 24px;margin-bottom: 10px;}
	
	.swiper-slide-four .img-box .scrollbox{padding-left: 10px; width: 240px; height: 220px;}
	.swiper-slide-four .img-box .scrollbox.scrollbox-two{height: 170px;}
	.swiper-slide-four .img-box .scrollbox .tit{font-size: 24px; margin-bottom: 10px;}
	.swiper-slide-four .img-box .scrollbox p{font-size: 16px; line-height: 24px;}

	.page-six-block-box{height: 60%; margin-top: 10%;}
	.swiper-nav .swiper-slide{width: 110px;}
	.swiper-nav2 .swiper-slide{width: 130px;}
	.home{width: 80px; left: 15px; top: 15px; }
	.slide-title{font-size: 28px; left: 15px; top:70px;}
	.page-five-title{font-size: 28px; line-height: 1;}
	.sixblock .six-con .slide5-text,.opacity-main-slide6 .sixblock .six-con .slide5-text{font-size: 20px;}
	.page-thr-box &gt; div.page-thr-one .page-thr-text{background-image: none;}
	.page-thr-box &gt; div.page-thr-two .page-thr-text{background-image: none;}
	.page-thr-box &gt; div.page-thr-thr .page-thr-text{background-image: none;}
	.page-thr-box &gt; div.page-thr-four .page-thr-text{background-image: none;}
	.page-thr-box &gt; div.page-thr-five .page-thr-text{background-image: none;}
	.page-thr-back{opacity: 1;}
	.page-thr-box &gt; div.page-thr-one .page-thr-back{background-color: #0172f2;}
	.page-thr-box &gt; div.page-thr-two .page-thr-back{background-color: #0ba7d0;}
	.page-thr-box &gt; div.page-thr-thr .page-thr-back{background-color: #55aa99;}
	.page-thr-box &gt; div.page-thr-four .page-thr-back{background-color: #e39c1c;}
	.page-thr-box &gt; div.page-thr-five .page-thr-back{background-color: #d35501;}

	.video-bottom .swiper-video .swiper-slide{width: 180px;}
	.video-title{font-size: 24px;}
}
@media (max-width: 768px){
	.swiper-container-main .swiper-pagination-main{left: 5px; z-index: 1000001;}
	.page-thr-text .title2, .page-thr-text .title{margin-bottom: 0;}
	.page-one-center-box{padding:0 15px;}
	.page-one-center-box h2{font-size: 30px;}
	.page-one-center-box img{display: block; width: 100%;}
	.sixblock .six-con .slide5-text,.opacity-main-slide6 .sixblock .six-con .slide5-text{font-size: 18px; line-height: 27px;}
	.opacity-main-slide6 .sixblock .six-con .slide5-text{padding:0 0 15px 15px;}
	.page-two-boxone .flexbox:nth-child(odd),.page-two-boxtwo .flexbox:nth-child(even){width: 300px;}
	.page-two-boxone .flexbox:nth-child(even),.page-two-boxtwo .flexbox:nth-child(odd){width: 260px;}
	.page-thr{margin-top: 15%;}
	.swiper-nav .swiper-slide{width: 70px;}
	.swiper-nav2 .swiper-slide{width: 90px;}
	.page-six-block-box{height: 78%; margin-top: 14%;}
	.page-six-block-box2{height: 80%; margin-top: 13%;}
	.opacity-main-slide6 .sixblock-thr:nth-child(1){margin-bottom: 10px;}
	.opacity-main-slide6 .sixblock-thr:nth-child(2){margin-bottom: 10px;}
	.opacity-main-slide6 .sixblock-thr:nth-child(3){margin-bottom: 10px;}
	.opacity-main-slide6 .sixblock-thr:nth-child(3n+2){margin-left: 0; margin-right: 0;}
	.page-six-block-box2 .sixblock:nth-child(6){margin-bottom: 0;}
	.sixblock{height: calc((100% - 40px) / 5)}
	.page-six-block-box2 .sixblock{height: calc((100% - 50px) / 6)}
	.sixblock-half,.sixblock-thr{width: 100%; float: none; margin-bottom: 10px; margin-right: 0;}
	.sixblock-thr-mr{margin-bottom: 0;}
	.nav-con{height: 10%;}

	.swiper_seven .swiper-slide{width: 100px;}
	
	.swiper-eight{width: 90%;}
	.swiper-eight .swiper-slide{width: 300px; min-height: 400px;}
	.slide-title{font-size: 24px; left: 10px;}
	.hide_text p{font-size: 16px; line-height: 24px;}
	.home{width: 75px; top: 10px; left: 10px;}
	.video-box-fa{height: 75%; margin-bottom: 4%;}
	.videos,.videos.videos-big{width: 100%; float: none; height:  calc((100% - 40px) / 5);  margin-right: 0; margin-bottom: 10px;}
	.videos:nth-child(5){margin-bottom: 0;}
	.video-bottom .swiper-video .swiper-slide{width: 130px;}
	.video-title{font-size: 20px;}
	.video-bottom{height: 13%;}
	.video-slide-box{padding-top: 5%;}
	.video-bottom .swiper-video .swiper-slide .videonavbox img.videologo{width: 50px; }
	.video-bottom .swiper-video .swiper-slide .videonavbox .title{font-size: 18px;}
}</pre></body></html>