* {
    margin: 0;
    padding: 0;
}

body {
    box-sizing: border-box;
}

a {
    color: #161819;
}

@font-face {
    font-family: MyfontNamefour;
    src: url(../fonts/NeueHaasDisplayRoman.ttf);
}

@font-face {
    font-family: MyfontName;
    src: url(../fonts/NeueHaasDisplayLight.ttf);
}

@font-face {
    font-family: MyfontNametwo;
    src: url(../fonts/NeueHaasDisplayLight.ttf);
}

@font-face {
    font-family: MyfontNamethree;
    src: url(../fonts/NeueHaasDisplayLight.ttf);
}

b {
    font-family: MyfontName;
    font-weight: 700;
}

p,
li {
    font-family: MyfontNametwo;
    font-weight: 400;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

/* 双伪元素清除法 */
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

.min {
    padding: 0 1.2vw;
    box-sizing: border-box;
}

/* index-start */
.top {
    height: 56.25vw;
}

.index_top {
    height: 2.92vw;
    width: 100%;
    padding: 0 4.95vw;
    box-sizing: border-box;
    border-bottom: 0.05vw solid #ccc;
}

.box_top_left {
    float: left;
    height: 2.92vw;
    line-height: 2.92vw;
}

.box_top_left h3 img {
    width: 1.25vw;

}


.box_top_left h3 {
    font-size: 1.2vw;
    font-family: MyfontNametwo;
    font-weight: 700;
}

.box_top_right {
    float: right;
    height: 2.92vw;
    line-height: 2.92vw;
}

.box_top_right ul li {
    float: left;
    height: 2.92vw;
    padding: 0 1vw;
}

.box_top_right ul li a {
    font-size: 1vw;
    display: inline-block;
    color: black;
    height: 2.92vw;
    line-height: 2.92vw;
    font-weight: 700 !important;
    font-family: MyfontName;
}

.box_top_right ul li:last-child {
    padding-right: 0;
}

.top_big {
    margin-left: 5vw;
    margin-top: 6.25vw;
}

.top_big h1 {
    font-size: 6.5vw;
    line-height: 6.5vw;
    font-family: MyfontNamefour;
    font-weight: 700;
}

.top_nav {
    margin-top: 20.95vw;
    margin-left: 5.00vw;
}

.home_top_nav h2 {
    font-size: 1.9vw;
    line-height: 2vw;
    font-family: MyfontNamefour;
    font-weight: 400;
}

.home_top_nav {
    margin-top: 14.4vw;
    margin-left: 5.00vw;
}

.top_nav h2 {
    font-size: 1.9vw;
    line-height: 2vw;
    font-family: MyfontNamefour;
    font-weight: 400;
}

.home_img {
    width: 100%;
    height: auto;
    margin-bottom: 16.75vw;
}

.home_img .home_img_left {
    width: 36.63vw;
    float: left;
}

.home_img .home_img_right {
    width: 59.01vw;
    float: right;
    overflow: hidden;
}

.home_img .home_img_left img {
    width: 36.63vw;
}

.home_img .home_img_left ul li {
    float: left;
    margin-right: 3.2vw;
    margin-top: 1vw;
}

.home_img .home_img_left ul li:last-child {
    margin-right: 0;
    margin-top: 1.16vw;
}

.home_img .home_img_left ul p {
    bottom: 0;
    font-size: 1vw;
}

.home_img .home_img_left ul p b {
    font-size: 1.2vw;
}

.home_img .home_img_right img {
    width: 59.01vw;
}

.home_img .home_img_right ul li {
    float: left;
    margin-right: 3.2vw;
    margin-top: 1vw;
}

.home_img .home_img_right ul li:last-child {
    margin-right: 0;
    margin-top: 1.2vw;
}

.home_img .home_img_right ul p {
    bottom: 0;
    font-size: 1vw;
}

.home_img .home_img_right ul p b {
    font-size: 1.2vw;
}

.home_img_two {
    width: 100%;
    margin-bottom: 16.75vw;

}

.home_img_two .home_img_two_left {
    width: 59.01vw;
    float: left;
}

.home_img_two .home_img_two_right {
    width: 36.63vw;
    float: right;
    overflow: hidden;
}

.home_img_two .home_img_two_left img {
    width: 59.01vw;
}

.home_img_two .home_img_two_left ul li {
    float: left;
    margin-right: 3.2vw;
    margin-top: 1vw;
}

.home_img_two .home_img_two_left ul li:last-child {
    margin-right: 0;
    margin-top: 1.2vw;
}

.home_img_two .home_img_two_left ul p {
    bottom: 0;
    font-size: 1vw;
}

.home_img_two .home_img_two_left ul p b {
    font-size: 1.2vw;
}

.home_img_two .home_img_two_right img {
    width: 36.56vw;
}

.home_img_two .home_img_two_right ul li {
    float: left;
    margin-right: 3.2vw;
    margin-top: 1vw;
}

.home_img_two .home_img_two_right ul li:last-child {
    margin-right: 0;
    margin-top: 1.2vw;
}

.home_img_two .home_img_two_right ul p {
    bottom: 0;
    font-size: 1vw;
}

.home_img_two .home_img_two_right ul p b {
    font-size: 1.2vw;
}

.home_img_three {
    width: 100%;
    margin-bottom: 16.75vw;
}

.home_img_three_left {
    width: 47.81vw;
}

.home_img_three .home_img_three_left img {
    width: 47.81vw;
}

.home_img_three .home_img_three_left ul li {
    float: left;
    margin-right: 3.2vw;
    margin-top: 1vw;
}

.home_img_three .home_img_three_left ul li:last-child {
    margin-right: 0;
    margin-top: 1.2vw;
}

.home_img_three .home_img_three_left ul p {
    bottom: 0;
    font-size: 1vw;

}

.home_img_three .home_img_three_left ul p b {
    font-size: 1.2vw;
}

/* index-end */

/* palyground */
.pg_video {
    width: 100%;
    display: flex;
    margin-bottom: 20.63vw;
    justify-content: space-between;
    box-sizing: border-box;
}

.pg_video video {

    width: 31.35vw;
}

.pg_video1 {
    width: 100%;
}

.pg_video1 .pg_video1_top {
    width: 100%;
}

.pg_video1 .pg_video1_top video {
    width: 54.06vw;
}

.pg_video1 .pg_video1_botton {
    width: 100%;
    margin-top: 1.2vw;
}

.pg_video1 .pg_video1_botton video {
    width: 54.06vw;
    float: right;
}

.pg_video2 {
    width: 100%;
}

.pg_video2 video {
    width: 36.93vw;
}

/* palyground-end */

/* about-start */
.about_top {
    padding-right: 5vw;
    box-sizing: border-box;
}

.about_top_big {
    margin-left: 5vw;
}

.about_top_nav {
    float: left;
    height: 43.33vw;
    margin-top: 5vw;
}

.about_top_big h1 {
    font-size: 12vw;
    line-height: 12vw;
    font-family: MyfontNamefour;
    font-weight: 700;
}

.about_top_nav_main {
    margin-top: 25.25vw;
    margin-left: 5.00vw;
}

.about_top_nav_main h2 {
    font-size: 1.9vw;
    line-height: 2vw;
    font-family: MyfontNamefour;
    font-weight: 400;
}

.about_top_nav_right {
    margin-top: 5.00vw;
    width: 28.96vw;
    height: 43.33vw;
    overflow: hidden;
    float: right;
}

.about_top_nav_right img {
    width: 28.96vw;
    height: 43.33vw;
}

.resume {
    width: 100%;
}

.resume img {
    width: 100%;
}

/* about-end */
.box_img {
    width: 100%;
}

.box_img img {
    width: 100%;
}

.box_none {
    width: 100%;
    height: 20.63vw;
}

.box_nav {
    width: 100%;
    position: relative;
    height: 20.63vw;
}

.box_nav ul {
    position: absolute;
    top: 0;
    right: 1.2vw;
    left: 1.2vw;
    margin-top: 2.13333vw;
}

.box_nav ul .line {
    width: 100%;
    margin-bottom: 1.6vw;
}

.box_nav ul .line img {
    width: 100%;
    opacity: 0.8;
}

.box_nav ul li {
    float: left;
    margin-right: 3.2vw;
}

.box_nav ul li:nth-child(3) {
    margin-top: 0.28vw;
}

.box_nav ul li:nth-child(4) {
    margin-top: 0.28vw;
}

.box_nav ul li:last-child {
    margin-top: 0.28vw;
}

.box_nav ul p {
    bottom: 0;
    font-size: 1vw;
}

.box_nav ul p b {
    font-size: 1.2vw;
    font-family: MyfontName;
}

.box_nav_2 {
    width: 100%;
    height: auto;
    padding: 0 1.2vw;
    box-sizing: border-box;
    margin: 5.99vw 0 8.91vw 0;
}

.box_nav_2 h2 {
    font-size: 2vw;
    font-weight: 700;
    font-family: MyfontName;
}

.box_nav_2 ul {
    margin-top: 2.02667vw;
    height: 32vw;

}

.box_nav_2 ul li {
    width: 20%;
    float: left;
    padding: 0 0.3vw;
    box-sizing: border-box;
    height: 32vw;

}

.box_nav_2 ul li img {
    width: 100%;
    height: 25.5vw;
    overflow: hidden;
}

.box_nav .link {
    position: absolute;
    bottom: 4vw;
    right: 1.2vw;
}

.box_nav .link a {
    font-size: 1vw;
    font-weight: 400;
    font-family: MyfontNametwo;
    text-decoration: underline;
}

.footer {
    width: 100%;
    height: 44.58vw;
    background-color: #181818;
    padding: 5vw;
    box-sizing: border-box;
    position: relative;
}

.footer_top .footer_top_left h1 {
    font-size: 7vw;
    line-height: 6vw;
    font-weight: 300;
    font-family: MyfontNametwo;
    color: #fff;
}

.footer_top_right {
    position: absolute;
    top: 5vw;
    right: 5vw;
}

.footer_top_right a {
    display: inline-block;
}

.footer_top_right a img {
    width: 1.04vw;
    height: 1.04vw;
}

.footer_top_right a:nth-child(2) {
    margin: 0 1.30vw;
}

.footer_botton {
    width: 100%;
    position: absolute;
    bottom: 5vw;
    left: 0;
    padding: 0 5vw;
    box-sizing: border-box;

}

.footer_botton_nav {
    float: left;
}

.footer_botton_nav h2 {
    font-size: 1vw;
    line-height: 1.3vw;
    font-weight: 400;
    font-family: MyfontNametwo;
    color: #fff;
}

.footer_botton_nav_right {
    float: right;
    position: absolute;
    bottom: 3vw;
    right: 5vw;
}

.footer_botton_nav_right ul li {
    float: left;

}

.footer_botton_nav_right ul li h3 {
    font-weight: 400;
    font-family: MyfontNametwo;
    color: #fff;
    padding: 0 1.5vw;
}

.footer_botton_nav_right ul li h3:last-child {
    padding-right: 0;
}

.footer_botton_nav_right ul li h3 a {
    color: #fff;
}

.footer_line {
    height: 0.05vw;
    width: 100%;
    background-color: #ffffff;
    margin: 1vw 0;
}

.footer_botton_box2 h3 {
    color: #fff;
    font-size: 0.8vw;
    font-weight: 400;
    font-family: MyfontNametwo;
}