@charset "utf-8";
/* CSS Document */

/* css reset */

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
    border: 0px;
}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "PingFangSC", "PingFang SC", 'Microsoft Yahei', "Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
    font-size: 14px;
    color:#333;
    /* [disabled]outline:none; */
}
button, input, select, textarea{ outline:none;}
html {line-height: 1; height: 100%; overflow: hidden;}
address, cite, em, var,i { font-style: normal; } /* 将斜体扶正 */

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

/* 重置列表元素 */
ul, ol, li { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; color: #fff; cursor:pointer;}
a:hover { text-decoration:none; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}

/* 重置图片元素 */
img {border: 0px;vertical-align:middle;-ms-interpolation-mode: bicubic;}

.bx_fl, .fl {float: left;}
.bx_fr, .fr {float: right;}
.container{width:100%; height: 100%; margin:0 auto;
    /*background: rgba(2, 8, 32, 1);*/
}
.clear{ clear:both;}
.c10{height:10px;width:100%;}
.c20{height:20px;width:100%;}
.c30{height:30px;width:100%;}
.dis{display:block;margin:0px;padding:0;}
.undis{display:none;margin:0px;padding:0;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}
.hot .item .img img, .hot .item .pic img{
    width:100%; height:100%;
    overflow-x: hidden;
    overflow-y: hidden;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.hot .item .img img:hover, .hot .item .pic img:hover{
    transform: scale(1.2, 1.2);

    -ms-transform:scale(1.2, 1.2); 	/* IE 9 */
    -moz-transform:scale(1.2, 1.2); 	/* Firefox */
    -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
    -o-transform:scale(1.2, 1.2); 	/* Opera */
}
/*main*/
.main{padding:32px 0 50px; position:relative;}
.w860{width:860px; float:left;}

.home-main{padding:1px 0 30px; height: 100vh;position: fixed;    z-index: 99; }
.start-gif-wrap {
    display: flex;
    height: 100%;
    position: fixed;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.start-gif {
    width: clamp(960px, calc(100vw * 1920 / 1920), 3840px);
    height: clamp(160px, calc(100vw * 320 / 1920), 640px);
}
.start-gif img {
    width: 100%;
    height: 100%;
}
.main-content {
    display: block; /* 初始隐藏 */
}
.home-custom .home-logo {
    width: clamp(91px, calc(100vw * 182 / 1920), 364px);
    height: clamp(18px, calc(100vw * 36 / 1920), 72px);
    margin: clamp(36px, calc(100vw * 72 / 1920), 144px) 0 clamp(32px, calc(100vw * 62 / 1920), 124px) clamp(12px, calc(100vw * 240 / 1920), 480px);
}
.home-custom .home-logo img {
    width: 100%;
    height: 100%;
    /*transform: scale(4);*/
}
.home-custom .home-slogan {
    font-family: '优设标题黑';
    margin: 0 0 0 clamp(12px, calc(100vw * 240 / 1920), 480px);
    font-size: clamp(48px, calc(100vw * 96 / 1920), 192px);
    color: #FFFFFF;
    /*padding-top: clamp(81px, calc(100vw * 162 / 1920), 324px);*/
}
.home-custom .home-bottom-gif {
    width: clamp(389px, calc(100vw * 778 / 1920), 1556px);
    height: clamp(240px, calc(100vw * 481 / 1920), 962px);
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
}
.home-custom .home-bottom-gif img.bottom-img {
    width: 100%;
    height: 100%;
}
.home-custom .home-bottom-gif .play-button {
    width: clamp(40px, calc(100vw * 80 / 1920), 160px);
    height: clamp(40px, calc(100vw * 80 / 1920), 160px);
    /*background: rgba(0, 0, 0, 0.8);*/
    border-radius: 50%;
    position: absolute;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    top: clamp(92px, calc(100vw * 184 / 1920), 368px);
    left: clamp(140px, calc(100vw * 280 / 1920), 560px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../images/play.png") no-repeat;
    background-size: clamp(40px, calc(100vw * 80 / 1920), 160px) clamp(40px, calc(100vw * 80 / 1920), 160px);
    background-position: center;
}
.home-custom .home-bottom-gif:hover .play-button {
    /*background: #005EEB;*/
    background: url("../images/home-play.png") no-repeat;
    background-size: clamp(40px, calc(100vw * 80 / 1920), 160px) clamp(40px, calc(100vw * 80 / 1920), 160px);
    background-position: center;
}
.home-custom .home-bottom-gif .play {
    width: clamp(40px, calc(100vw * 80 / 1920), 160px);
    height: clamp(40px, calc(100vw * 80 / 1920), 160px);
    /*margin-left: clamp(2px, calc(100vw * 4 / 1920), 8px);*/
}
.home-custom .home-bottom-play {
    width: clamp(48px, calc(100vw * 96 / 1920), 192px);
    height: clamp(48px, calc(100vw * 96 / 1920), 192px);
    position: absolute;
    bottom: clamp(132px, calc(100vw * 263 / 1920), 526px);
    left: clamp(156px, calc(100vw * 311 / 1920), 622px);
}
.home-custom .home-bottom-play img.home-play {
    width: 100%;
    height: 100%;
}
.home-custom  ul.home-right-menu {
    position: absolute;
    right: 0;
    bottom: clamp(125px, calc(100vw * 250 / 1920), 500px);
}
.home-custom  ul.home-right-menu li .href {
    font-family: '优设标题黑';
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.home-custom  ul.home-right-menu li .href .menu-name {
    font-size: clamp(16px, calc(100vw * 32 / 1920), 64px);
}
.home-custom  ul.home-right-menu li .href:hover .menu-name {
    background: url(../images/double-arrow.png) no-repeat center center;
    background-size: clamp(12px, calc(100vw * 24 / 1920), 48px) clamp(10px, calc(100vw * 20 / 1920), 40px);
    background-position: clamp(67px, calc(100vw * 134 / 1920), 268px) center;
}
.home-custom  ul.home-right-menu li .href .menu-english {
    font-size: clamp(10px, calc(100vw * 20 / 1920), 40px);
    margin-top: clamp(5px, calc(100vw * 10 / 1920), 20px);
}
.home-custom  ul.home-right-menu li .href .menu-bg {
    width: clamp(156px, calc(100vw * 313 / 1920), 626px);
    height: clamp(40px, calc(100vw * 79 / 1920), 158px);
    background: url(../images/menu-bg.png) no-repeat center center;
    background-size: contain;
    margin-top: calc(-1 * clamp(5px, calc(100vw * 10 / 1920), 20px));
}
.home-video-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 让视频铺满整个容器，不变形 */
    position: absolute;
}

@font-face {
    font-family: 'D-DINExp-Bold';
    src: url('../font/D-DINExp-Bold.ttf') format('truetype');
}
@font-face {
    font-family: '优设标题黑';
    src: url('../font/YOUSHE.ttf') format('truetype');
}