.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left:0%; top: 0; z-index: 99999999999!important; display: flex; justify-content: center; align-items: center; display: none;}
.video_pop .close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../images/close2.png) no-repeat center; z-index: 100; cursor: pointer;}
#video{width:100%; max-height: 100%;}
.video_pop .warp{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh;}

.z_flex {
    display: flex;
    align-items: center;
}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}
.z_index_video{width:70.3125vw;height: 28.80208vw; transition: ease 1s; margin: 0 auto; margin-top: -11.77083vw; position: relative;}

.z_index_video::before{ content: ""; display: block;width: 1px;
height: 10.5vw;
/*background: #FFFFFF;*/
opacity: 0.5; position: absolute; right: 13.02083vw; top: -6.29166vw; z-index: 1;}
/* .z_index_video:hover .imgbg{ transform: scale(1.1,1.1);} */
.z_index_video .infobox{ position: absolute; left: 6.25vw; bottom: 5.2vw; color: #fff;}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.z_index_video .icon{ display: block;width: 5.52083vw;
/*animation: animtran 3s linear infinite;*/
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
margin-right: 20px;position: relative; cursor: pointer;}
.z_index_video h3{font-size: 1.82291vw;font-family: ZapfHumanist601BT;font-weight: bold;color: #F7F7F7;}
.z_index_video h4{font-size:1.04vw;font-weight: 400;color: #F7F7F7;}
 
@media screen and (max-width:1024px) {}

@media screen and (max-width:640px) {}

.nbanner {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-size: cover;
}

.banner_main {
    max-width: 100%;
    position: relative;
    min-height: 840px;
}

.banner_txt {
    position: absolute;
    /* top: 50%; */
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.banner_t1 {
    font-size: 72px;
    line-height: 60px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
    margin-bottom: 50px;
}

@media screen and (max-width:1024px) {
    .nbanner {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        background: url(../images/banner_about.jpg) no-repeat center;
        background-size: cover;
    }
    .banner_main {
        max-width: 100%;
        position: relative;
        min-height: 250px;
    }
    .banner_txt {
        position: absolute;
        width: 100%;
        text-align: center;
        /* top: 50%; */
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .banner_t1 {
        font-size: 62px;
        line-height: 60px;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        margin-bottom: 50px;
    }
    .banner_t2 img {
        display: block;
        margin: 0px auto;
    }
}

@media screen and (max-width:640px) {
    .nbanner {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        background: url(../images/banner_about.jpg) no-repeat center;
        background-size: cover;
    }
    .banner_main {
        max-width: 100%;
        position: relative;
        min-height: 250px;
    }
    .banner_txt {
        position: absolute;
        width: 100%;
        text-align: center;
        /* top: 50%; */
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .banner_t1 {
        font-size: 42px;
        line-height: 60px;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        margin-bottom: 10px;
    }
    .banner_t2 img {
        display: block;
        margin: 0px auto;
    }
}


/* 内页导航 */

.n_nav {
    height: auto;
    background: #f3f4f8;
    z-index: 9999999;
}

.n_nav_list {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
}

.n_nav_list ul li {
    float: left;
}

.n_nav_list li {
    line-height: 75px;
    text-align: center;
}

.n_nav_list li a {
    /* display: block; */
    padding: 0px 60px;
    color: #535252;
    font-size: 16px;
    font-family: 'poppins-light', sans-serif;
    font-weight: bold;
    border-right: 1px solid #dddbdb;
}

.n_nav_list li:first-child a {
    border-right: none
}

.n_nav_list li:last-child a {
    border-right: none
}



.n_nav_list li:hover,.n_nav_list li:first-child {
    background: #323232;
}

.n_nav_list li:hover a ,.n_nav_list li:first-child a{
    color: #fff;
    display: block;
    font-family: 'poppins-light', sans-serif;
    font-weight: 700;
}
.news_nav li.no{ background:none;}
.news_nav li.no a{
    color: #535252;
    font-size: 16px;
    font-family: 'poppins-light', sans-serif;
    font-weight: bold;
}
.n_nav_list li.active a {
    background: #323232;
    color: #fff;
    display: block;
    font-family: 'poppins-light', sans-serif;
    font-weight: 700;
}
@media screen and (max-width:1024px) {
    .n_nav {
        height: auto;
        background: #f3f4f8;
        z-index: 9999999;
    }
    .n_nav_list {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: left;
    }
    .n_nav_list ul li {
        float: left;
    }
    .n_nav_list li {
        line-height: 75px;
        text-align: center;
    }
    .n_nav_list li a {
        /* display: block; */
        padding: 0px 20px;
        color: #535252;
        font-size: 16px;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        border-right: 1px solid #dddbdb;
    }
    .n_nav_list li:first-child a {
        border-right: none
    }
    .n_nav_list li:last-child a {
        border-right: none
    }
    .n_nav_list li.active a {
        background: #323232;
        color: #fff;
        display: block;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
    }
    .n_nav_list li:hover {
        background: #323232;
    }
    .n_nav_list li:hover a {
        color: #fff;
        display: block;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
    }
}

@media screen and (max-width:640px) {
    .n_nav {
        height: auto;
        background: #f3f4f8;
        z-index: 9999999;
    }
    .n_nav_list {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: left;
    }
    .n_nav_list ul li {
        float: left;
    }
    .n_nav_list li {
        line-height: 45px;
        text-align: center;
    }
    .n_nav_list li a {
        /* display: block; */
        padding: 0px 10px;
        color: #535252;
        font-size: 12px;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        border-right: 1px solid #dddbdb;
    }
    .n_nav_list li:first-child a {
        border-right: none ;padding-left: 0;
    }
    .n_nav_list li:last-child a {
        border-right: none
    }
    .n_nav_list li.active a {
        background: #323232;
        color: #fff;
        display: block;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
    }
    .n_nav_list li:hover {
        background: #323232;
    }
    .n_nav_list li:hover a {
        color: #fff;
        display: block;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
    }
}


/* corporate */

.corporate {
    margin: 90px auto 100px auto;
    padding-bottom: 90px;
    position: relative;
}

.corporate_main {
    width: 100%;
    height: auto;
    position: relative;
}

.corporate_main_left {
    float: left;
    width: 60%;
    height: auto;
    overflow: hidden;
}

.nums {
    /* position: absolute;
	top: -40px;
	left: 0;
	z-index: 2;

	font-size: 150px;
	color: rgba(255, 255, 255, 0.5);
	-webkit-text-stroke: 1px #c8c9ca;
	font-family: 'poppins', sans-serif;
	font-weight: 800; */
    left: 0;
    font-size: 150px;
    color: rgba(255, 255, 255, 0.5);
    -webkit-text-stroke: 1px #c8c9ca;
    font-family: 'poppins', sans-serif;
    font-weight: 800;
    z-index: 9;
    display: block;
    position: relative;
}

.corporate_img {
    /* position: absolute;
	top: 70px;
	left: 45px; */
    margin-top: -120px;
    margin-left: 50px;
}

.corporate_img img {
    max-width: 100%;
}

.corporate_main_right {
    position: relative;
    float: right;
    width: 38%;
    height: auto;
}

.corporate_t1 {
    position: relative;
    font-size: 24px;
    color: #1a1a1a;
    font-family: 'alternate', sans-serif;
    margin-top: 70px;
}

.corporate_t1:before {
    display: table;
    content: " ";
    position: absolute;
    top: 15px;
    left: -100px;
    width: 65px;
    height: 1px;
    background: #d3d1d1;
}

.corporate_t2 {
    font-size: 60px;
    color: #1a1a1a;
    line-height: 60px;
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
}

.corporate_t3 {
    margin-top: 80px;
}

.corporate_t3 p {
    font-size: 14px;
    font-family: 'poppins-light', sans-serif;
    font-weight: lighter;
    color: #535252;
    line-height: 30px;
}

@media screen and (max-width:1024px) {
    .corporate {
        margin: 50px auto;
        padding-bottom: 30px;
        position: relative;
    }
    .corporate_main {
        width: 100%;
        height: auto;
        position: relative;
    }
    .corporate_main_left {
        float: left;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nums {
        /* position: absolute;
		top: -40px;
		left: 0;
		z-index: 2;
	
		font-size: 150px;
		color: rgba(255, 255, 255, 0.5);
		-webkit-text-stroke: 1px #c8c9ca;
		font-family: 'poppins', sans-serif;
		font-weight: 800; */
        margin-top: 10%;
        left: 0;
        font-size: 100px;
        color: rgba(255, 255, 255, 0.5);
        -webkit-text-stroke: 1px #c8c9ca;
        font-family: 'poppins', sans-serif;
        font-weight: 800;
        z-index: 9;
        display: block;
        position: relative;
    }
    .corporate_img {
        /* position: absolute;
		top: 70px;
		left: 45px; */
        margin-top: -125px;
        margin-left: 30px;
    }
    .corporate_img img {
        max-width: 100%;
    }
    .corporate_main_right {
        position: relative;
        float: right;
        width: 100%;
        height: auto;
    }
    .corporate_t1 {
        position: relative;
        font-size: 24px;
        color: #1a1a1a;
        font-family: 'alternate', sans-serif;
        margin-top: 70px;
    }
    .corporate_t1:before {
        display: table;
        content: " ";
        position: absolute;
        top: 15px;
        left: -100px;
        width: 65px;
        height: 1px;
        background: #d3d1d1;
    }
    .corporate_t2 {
        font-size: 60px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
    }
    .corporate_t3 {
        margin-top: 30px;
    }
    .corporate_t3 p {
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        color: #535252;
        line-height: 30px;
    }
}

@media screen and (max-width:640px) {
    .corporate {
        margin: 50px auto;
        padding-bottom: 30px;
        position: relative;
    }
    .corporate_main {
        width: 100%;
        height: auto;
        position: relative;
    }
    .corporate_main_left {
        float: left;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nums {
        /* position: absolute;
		top: -40px;
		left: 0;
		z-index: 2;
	
		font-size: 150px;
		color: rgba(255, 255, 255, 0.5);
		-webkit-text-stroke: 1px #c8c9ca;
		font-family: 'poppins', sans-serif;
		font-weight: 800; */
        margin-top: 0;
        left: 0;
        font-size: 100px;
        color: rgba(255, 255, 255, 0.5);
        -webkit-text-stroke: 1px #c8c9ca;
        font-family: 'poppins', sans-serif;
        font-weight: 800;
        z-index: 9;
        display: block;
        position: relative;
    }
    .corporate_img {
        /* position: absolute;
		top: 70px;
		left: 45px; */
        margin-top: -80px;
        margin-left: 30px;
    }
    .corporate_img img {
        max-width: 100%;
    }
    .corporate_main_right {
        position: relative;
        float: right;
        width: 100%;
        height: auto;
    }
    .corporate_t1 {
        position: relative;
        font-size: 24px;
        color: #1a1a1a;
        font-family: 'alternate', sans-serif;
        margin-top: 70px;
    }
    .corporate_t1:before {
        display: table;
        content: " ";
        position: absolute;
        top: 15px;
        left: -100px;
        width: 65px;
        height: 1px;
        background: #d3d1d1;
    }
    .corporate_t2 {
        font-size: 60px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
    }
    .corporate_t3 {
        margin-top: 30px;
    }
    .corporate_t3 p {
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        color: #535252;
        line-height: 30px;
    }
}


/* brand */

.brand {
    background: #f3f4f8;
    padding: 150px 0;
    position: relative;
}

.brand_main {
    width: 100%;
}

.brand_t1 {
    text-align: center;
    font-size: 60px;
    color: #1a1a1a;
    line-height: 60px;
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
    margin-bottom: 80px;
    position: relative;
    z-index: 3;
}

.brand_t2 {
    font-size: 150px;
    /* color: rgba(255, 255, 255, 0.1); */
    color: #f3f4f8;
    -webkit-text-stroke: 1px #c8c9ca;
    font-family: 'poppins', sans-serif;
    font-weight: 800;
    position: absolute;
    top: 75px;
    /* right: 0; */
    left: 45%;
    letter-spacing: -6px;
    z-index: 2;
}

.brand_main_list {}

.brand_main_list ul li {
    float: left;
}

.brand_main_list li {
    width: calc(100% / 3 - 30px);
    height: auto;
    overflow: hidden;
    background: #fff;
    margin-right: 45px;
}

.brand_main_list li:last-child {
    margin-right: 0;
}

.brand_img {}

.brand_txt {
    padding: 35px;
}

.brand_txt img {
    display: block;
    margin: 10px auto;
}

.brand_txt span {
    display: block;
}

.brand_txt1 {
    text-align: center;
    font-size: 20px;
    font-family: 'poppins_blod', sans-serif;
    color: #1a1a1a;
    padding: 20px 0;
}

.brand_txt2 {
    font-size: 12px;
    font-family: 'poppins-light', sans-serif;
    font-weight: lighter;
    color: #656363;
    line-height: 28px;
    hyphens: auto;
	height: 220px;
}

@media screen and (max-width:1024px) {
    .brand {
        background: #f3f4f8;
        padding: 50px 0;
        position: relative;
    }
    .brand_main {
        width: 100%;
    }
    .brand_t1 {
        text-align: center;
        font-size: 60px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        margin-bottom: 80px;
        position: relative;
        z-index: 3;
    }
    .brand_t2 {
        font-size: 50px;
        /* color: rgba(255, 255, 255, 0.1); */
        color: #f3f4f8;
        -webkit-text-stroke: 1px #c8c9ca;
        font-family: 'poppins', sans-serif;
        font-weight: 800;
        position: absolute;
        top: 50px;
        right: 0;
        letter-spacing: 0px;
        z-index: 2;
    }
    .brand_main_list {}
    .brand_main_list ul li {
        float: left;
    }
    .brand_main_list li {
        width: 100%;
        height: auto;
        overflow: hidden;
        background: #fff;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .brand_main_list li:last-child {
        margin-right: 0;
    }
    .brand_img {
        max-width: 100%;
    }
    .brand_img img {
        max-width: 100%;
        display: block;
        margin: 15px auto;
    }
    .brand_txt {
        padding: 15px;
    }
    .brand_txt img {
        display: block;
        margin: 10px auto;
    }
    .brand_txt span {
        display: block;
    }
    .brand_txt1 {
        text-align: center;
        font-size: 20px;
        font-family: 'poppins_blod', sans-serif;
        color: #1a1a1a;
        padding: 20px 0;
    }
    .brand_txt2 {
        font-size: 12px;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        color: #656363;
        line-height: 28px;
        hyphens: auto;
    }
}

@media screen and (max-width:640px) {
    .brand {
        background: #f3f4f8;
        padding: 50px 0;
        position: relative;
    }
    .brand_main {
        width: 100%;
    }
    .brand_t1 {
        text-align: center;
        font-size: 60px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        margin-bottom: 80px;
        position: relative;
        z-index: 3;
        top: 60px;
    }
    .brand_t2 {
        font-size: 50px;
        /* color: rgba(255, 255, 255, 0.1); */
        color: #f3f4f8;
        -webkit-text-stroke: 1px #c8c9ca;
        font-family: 'poppins', sans-serif;
        font-weight: 800;
        position: absolute;
        top: 30px;
        right: 0;
        letter-spacing: 0px;
        z-index: 2;
    }
    .brand_main_list {}
    .brand_main_list ul li {
        float: left;
    }
    .brand_main_list li {
        width: 100%;
        height: auto;
        overflow: hidden;
        background: #fff;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .brand_main_list li:last-child {
        margin-right: 0;
    }
    .brand_img {
        max-width: 100%;
    }
    .brand_img img {
        max-width: 100%;
        display: block;
        margin: 15px auto;
    }
    .brand_txt {
        padding: 15px;
    }
    .brand_txt img {
        display: block;
        margin: 10px auto;
    }
    .brand_txt span {
        display: block;
    }
    .brand_txt1 {
        text-align: center;
        font-size: 20px;
        font-family: 'poppins_blod', sans-serif;
        color: #1a1a1a;
        padding: 20px 0;
    }
    .brand_txt2 {
        font-size: 12px;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        color: #656363;
        line-height: 28px;
        hyphens: auto;
		    height: auto;
    }
}


/* History */

.history {
    width: 100%;
    height: 789px;
    overflow: hidden;
    background: url(../images/history_bj.jpg) no-repeat center;
}

.history_tilte {
    font-size: 60px;
    color: #1a1a1a;
    line-height: 60px;
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
    text-align: center;
    padding-top: 100px;
}

@media screen and (max-width:1024px) {
    .history {
        width: 100%;
        height: 650px;
        overflow: hidden;
        background: url(../images/history_bj.jpg) no-repeat center;
    }
    .history_tilte {
        font-size: 40px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        text-align: center;
        padding-top: 100px;
    }
}

@media screen and (max-width:640px) {
    .history {
        width: 100%;
        height: 650px;
        overflow: hidden;
        background: url(../images/history_bj.jpg) no-repeat center;
    }
    .history_tilte {
        font-size: 40px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        text-align: center;
        padding-top: 100px;
    }
}


/* nhonor */

.nhonor {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 150px 0;
    background: #fff;
}

.nhonor_title {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.nhonor_img {
    float: left;
    margin-right: 30px;
}

.nhonor_txt {
    float: left;
}

.nhonor_txt span {
    display: block;
}

.nhonor_txt span.t1 {
    position: relative;
    font-size: 24px;
    color: #1a1a1a;
    font-family: 'alternate', sans-serif;
}

.nhonor_txt span.t2 {
    font-size: 60px;
    color: #1a1a1a;
    line-height: 60px;
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
}

.nhonor_list {
    position: relative;
    padding: 50px 0 0;
}

.nhonor-prev {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 58px;
    height: 58px;
    left: -80px;
}

.nhonor-next {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 58px;
    height: 58px;
    right: -80px;
}

.nhonor-prev:before {
    display: block;
    content: "";
    width: 58px;
    height: 58px;
    background: url(../images/about_ico_left.png) center no-repeat;
}

.nhonor-next:before {
    display: block;
    content: "";
    width: 58px;
    height: 58px;
    background: url(../images/about_ico_right.png) center no-repeat;
}

.nhonor_list_swiper .swiper-slide:hover .honor_over {
    display: block;
}

.honor_over {
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/fangfa.png) no-repeat center;
}

.nhonor_list_swiper .swiper-slide:hover img {
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
}

@media screen and (max-width:1024px) {
    .nhonor {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 50px 0;
        background: #fff;
    }
    .nhonor_title {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nhonor_img {
        width: 100%;
        float: left;
        margin-right: 10px;
    }
    .nhonor_img img {
        display: block;
        margin: 0px auto;
    }
    .nhonor_txt {
        float: left;
        width: 100%;
        text-align: center;
    }
    .nhonor_txt span {
        text-align: center;
        display: block;
    }
    .nhonor_txt span.t1 {
        position: relative;
        font-size: 24px;
        color: #1a1a1a;
        font-family: 'alternate', sans-serif;
    }
    .nhonor_txt span.t2 {
        font-size: 40px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
    }
    .nhonor_list {
        position: relative;
        padding: 30px 0 0;
    }
    .nhonor-prev {
        position: absolute;
        top: 50%;
        z-index: 2;
        width: 30px;
        height: 30px;
        left: 0px;
    }
    .nhonor-next {
        position: absolute;
        top: 50%;
        z-index: 2;
        width: 30px;
        height: 30px;
        right: 0px;
    }
    .nhonor-prev:before {
        display: block;
        content: "";
        width: 30px;
        height: 30px;
        background: url(../images/about_ico_left.png) center no-repeat;
        background-size: cover;
    }
    .nhonor-next:before {
        display: block;
        content: "";
        width: 30px;
        height: 30px;
        background: url(../images/about_ico_right.png) center no-repeat;
        background-size: cover;
    }
    .nhonor_list_swiper .swiper-slide:hover .honor_over {
        display: block;
    }
    .honor_over {
        display: none;
        position: absolute;
        width: 50px;
        height: 50px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: url(../images/fangfa.png) no-repeat center;
    }
    .nhonor_list_swiper .swiper-slide:hover img {
        -webkit-filter: brightness(50%);
        filter: brightness(50%);
    }
}

@media screen and (max-width:640px) {
    .nhonor {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 50px 0;
        background: #fff;
    }
    .nhonor_title {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nhonor_img {
        width: 100%;
        float: left;
        margin-right: 10px;
    }
    .nhonor_img img {
        display: block;
        margin: 0px auto;
    }
    .nhonor_txt {
        float: left;
        width: 100%;
        text-align: center;
    }
    .nhonor_txt span {
        text-align: center;
        display: block;
    }
    .nhonor_txt span.t1 {
        position: relative;
        font-size: 24px;
        color: #1a1a1a;
        font-family: 'alternate', sans-serif;
    }
    .nhonor_txt span.t2 {
        font-size: 40px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
    }
    .nhonor_list {
        position: relative;
        padding: 30px 0 0;
    }
    .nhonor-prev {
        position: absolute;
        top: 50%;
        z-index: 2;
        width: 30px;
        height: 30px;
        left: 0px;
    }
    .nhonor-next {
        position: absolute;
        top: 50%;
        z-index: 2;
        width: 30px;
        height: 30px;
        right: 0px;
    }
    .nhonor-prev:before {
        display: block;
        content: "";
        width: 30px;
        height: 30px;
        background: url(../images/about_ico_left.png) center no-repeat;
        background-size: cover;
    }
    .nhonor-next:before {
        display: block;
        content: "";
        width: 30px;
        height: 30px;
        background: url(../images/about_ico_right.png) center no-repeat;
        background-size: cover;
    }
    .nhonor_list_swiper .swiper-slide:hover .honor_over {
        display: block;
    }
    .honor_over {
        display: none;
        position: absolute;
        width: 50px;
        height: 50px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: url(../images/fangfa.png) no-repeat center;
    }
    .nhonor_list_swiper .swiper-slide:hover img {
        -webkit-filter: brightness(50%);
        filter: brightness(50%);
    }
}

.nproduct {
    margin: 120px auto;
    position: relative;
}

.favorite_pc {
    display: block;
}

.favorite_shouji {
    display: none;
}

.nproduct_list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.nproduct_list ul li {
    float: left;
}

.nproduct_list li {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f6f6f6;
    margin-bottom: 65px;
}

.nproduct_list_main {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.nproduct_list_left {
    float: left;
    position: relative;
    width: 65%;
    height: auto;
    overflow: hidden;
}

.nproduct_list_left .num {
    position: absolute;
    top: 70%;
    left: 20%;
    transform: translate(-50%, -50%);
    font-size: 150px;
    color: rgba(255, 255, 255, 0.1);
    -webkit-text-stroke: 1px #fff;
    font-family: 'poppins', sans-serif;
    font-weight: 800;
    opacity: 0.9;
}

.nproduct_list_left .num_product1 {
    position: absolute;
    top: 30%;
    left: 20%;
    transform: translate(-50%, -50%);
    font-size: 150px;
    color: rgba(255, 255, 255, 0.1);
    -webkit-text-stroke: 1px #fff;
    font-family: 'poppins', sans-serif;
    font-weight: 800;
    opacity: 0.9;
}

.nproduct_list_left img {
    max-width: 100%;
}

.nproduct_list_right {
    float: left;
    position: relative;
    width: 35%;
    height: auto;
    overflow: hidden;
    padding: 90px 70px 49px 70px;
}

.nproduct_list li:nth-child(2n+2) .nproduct_list_left {
    float: right;
}

.nproduct_list li:nth-child(2n+2) .nproduct_list_left .num_product1 {
    position: absolute;
    top: 30%;
    left: 80%;
    transform: translate(-50%, -50%);
    font-size: 150px;
    color: rgba(255, 255, 255, 0.1);
    -webkit-text-stroke: 1px #fff;
    font-family: 'poppins', sans-serif;
    font-weight: 800;
    opacity: 0.9;
}

.nproduct_list_right span {
    display: block;
    text-align: center;
}

.nproduct_list_right span.t1 {
    font-size: 150px;
    /* color: rgba(255, 255, 255, 0.5); */
    color: #f6f6f6;
    -webkit-text-stroke: 1px #c8c9ca;
    font-family: 'poppins', sans-serif;
    font-weight: 800;
    vertical-align: text-top;
    line-height: 100px;
}

.nproduct_list_right span.t2 {
    font-size: 60px;
    color: #1a1a1a;
    line-height: 60px;
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
    margin-top: -100px;
    margin-bottom: 60px;
}

.nproduct_list_right span.t22 {
    font-size: 60px;
    color: #1a1a1a;
    line-height: 60px;
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
    margin-top: 0px;
    margin-bottom: 50px;
}

.nproduct_list_right span.t3 {
	font-size: 14px;
    font-family: 'poppins-light', sans-serif;
    font-weight: lighter;
    color: #535252;
    line-height: 30px;
    margin-bottom: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    transition: all .5s ease;
}

.nproduct_list_right span.t4 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.nproduct_list_right span.t4 img {
    display: block;
    margin: 0px auto;
}

.nproduct_btn {
    width: 100%;
    height: 95px;
    overflow: hidden;
    text-align: center;
    background: #b89b73;
    padding: 20px 0;
}

.nproduct_btn span {
    display: block;
}

.nproduct_btn span.t1 {
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
    color: #fff;
    font-size: 22px;
}

.nproduct_btn span.t2 img {
    display: block;
    margin: 0px auto;
}

.nproduct_btn_2 {
    width: 100%;
    height: 95px;
    overflow: hidden;
    text-align: center;
    background: #b89b73;
    padding: 20px 0;
}

.nproduct_btn_2 span {
    display: block;
}

.nproduct_btn_2 span.t1 {
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
    color: #fff;
    font-size: 22px;
}

.nproduct_btn_2 span.t2 img {
    display: block;
    margin: 0px auto;
}

@media screen and (max-width:1600px) {
    .favorite_pc {
        display: block;
    }
    .favorite_shouji {
        display: none;
    }
    .nproduct {
        margin: 50px auto;
        position: relative;
    }
    .nproduct_list {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nproduct_list ul li {
        float: left;
    }
    .nproduct_list li {
        width: 100%;
        height: auto;
        overflow: hidden;
        background: #f6f6f6;
        margin-bottom: 35px;
    }
    .nproduct_list_main {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nproduct_list_left {
        float: left;
        position: relative;
        width: 50%;
        height: auto;
        overflow: hidden;
    }
    .nproduct_list_left .num {
        position: absolute;
        top: 30%;
        left: 20%;
        transform: translate(-50%, -50%);
        font-size: 100px;
        color: rgba(255, 255, 255, 0.1);
        -webkit-text-stroke: 1px #c8c9ca;
        font-family: 'poppins', sans-serif;
        font-weight: 800;
        opacity: 0.9;
    }
    .nproduct_list_left img {
        max-width: 100%;
    }
    .nproduct_list_right {
        float: left;
        position: relative;
        width: 50%;
        height: auto;
        overflow: hidden;
        padding: 10px;
    }
    .nproduct_list li:nth-child(2n+2) .nproduct_list_left {
        float: right;
    }
    .nproduct_list li:nth-child(2n+2) .nproduct_list_left .num_product1 {
        position: absolute;
        top: 30%;
        left: 80%;
        transform: translate(-50%, -50%);
        font-size: 150px;
        color: rgba(255, 255, 255, 0.1);
        -webkit-text-stroke: 1px #c8c9ca;
        font-family: 'poppins', sans-serif;
        font-weight: 800;
        opacity: 0.9;
    }
    .nproduct_list_right span {
        display: block;
        text-align: center;
    }
    .nproduct_list_right span.t1 {
        font-size: 150px;
        /* color: rgba(255, 255, 255, 0.5); */
        color: #f6f6f6;
        -webkit-text-stroke: 1px #c8c9ca;
        font-family: 'poppins', sans-serif;
        font-weight: 800;
        vertical-align: text-top;
        line-height: 150px;
    }
    .nproduct_list_right span.t22 {
        font-size: 60px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .nproduct_list_right span.t2 {
        font-size: 60px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        margin-top: -100px;
        margin-bottom: 60px;
    }
    .nproduct_list_right span.t3 {
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        color: #535252;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .nproduct_list_right span.t4 {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nproduct_list_right span.t4 img {
        display: block;
        margin: 10px auto;
    }
    .nproduct_btn {
        width: 100%;
        height: 95px;
        overflow: hidden;
        text-align: center;
        background: #b89b73;
        padding: 20px 0;
    }
    .nproduct_btn span {
        display: block;
    }
    .nproduct_btn span.t1 {
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        color: #fff;
        font-size: 22px;
    }
    .nproduct_btn span.t2 img {
        display: block;
        margin: 0px auto;
    }
    .nproduct_btn_2 {
        width: 100%;
        height: 95px;
        overflow: hidden;
        text-align: center;
        background: #b89b73;
        padding: 20px 0;
    }
    .nproduct_btn_2 span {
        display: block;
    }
    .nproduct_btn_2 span.t1 {
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        color: #fff;
        font-size: 22px;
    }
    .nproduct_btn_2 span.t2 img {
        display: block;
        margin: 0px auto;
    }
}

@media screen and (max-width:1024px) {
    .favorite_pc {
        display: none;
    }
    .favorite_shouji {
        display: block;
    }
    .nproduct {
        margin: 50px auto;
        position: relative;
    }
    .nproduct_list {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nproduct_list ul li {
        float: left;
    }
    .nproduct_list li {
        width: 100%;
        height: auto;
        overflow: hidden;
        background: #f6f6f6;
        margin-bottom: 35px;
    }
    .nproduct_list_main {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nproduct_list_left {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nproduct_list_left .num {
        position: absolute;
        top: 30%;
        left: 20%;
        transform: translate(-50%, -50%);
        font-size: 100px;
        color: rgba(255, 255, 255, 0.1);
        -webkit-text-stroke: 1px #c8c9ca;
        font-family: 'poppins', sans-serif;
        font-weight: 800;
        opacity: 0.9;
    }
    .nproduct_list_left img {
        max-width: 100%;
    }
    .nproduct_list_right {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 10px;
    }
    .nproduct_list li:nth-child(2n+2) .nproduct_list_left {
        float: right;
    }
    .nproduct_list li:nth-child(2n+2) .nproduct_list_left .num_product1 {
        position: absolute;
        top: 30%;
        left: 80%;
        transform: translate(-50%, -50%);
        font-size: 150px;
        color: rgba(255, 255, 255, 0.1);
        -webkit-text-stroke: 1px #c8c9ca;
        font-family: 'poppins', sans-serif;
        font-weight: 800;
        opacity: 0.9;
    }
    .nproduct_list_right span {
        display: block;
        text-align: center;
    }
    .nproduct_list_right span.t1 {
        font-size: 150px;
        /* color: rgba(255, 255, 255, 0.5); */
        color: #f6f6f6;
        -webkit-text-stroke: 1px #c8c9ca;
        font-family: 'poppins', sans-serif;
        font-weight: 800;
        vertical-align: text-top;
        line-height: 150px;
    }
    .nproduct_list_right span.t2 {
        font-size: 60px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        margin-top: -115px;
        margin-bottom: 50px;
    }
    .nproduct_list_right span.t22 {
        font-size: 60px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .nproduct_list_right span.t3 {
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        color: #535252;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .nproduct_list_right span.t4 {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nproduct_list_right span.t4 img {
        display: block;
        margin: 10px auto;
    }
    .nproduct_btn {
        width: 100%;
        height: 95px;
        overflow: hidden;
        text-align: center;
        background: #b89b73;
        padding: 20px 0;
    }
    .nproduct_btn span {
        display: block;
    }
    .nproduct_btn span.t1 {
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        color: #fff;
        font-size: 22px;
    }
    .nproduct_btn span.t2 img {
        display: block;
        margin: 0px auto;
    }
    .nproduct_btn_2 {
        width: 100%;
        height: 95px;
        overflow: hidden;
        text-align: center;
        background: #b89b73;
        padding: 20px 0;
    }
    .nproduct_btn_2 span {
        display: block;
    }
    .nproduct_btn_2 span.t1 {
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        color: #fff;
        font-size: 22px;
    }
    .nproduct_btn_2 span.t2 img {
        display: block;
        margin: 0px auto;
    }
}

@media screen and (max-width:640px) {
    .favorite_pc {
        display: none;
    }
    .favorite_shouji {
        display: block;
    }
    .nproduct {
        margin: 50px auto;
        position: relative;
    }
    .nproduct_list {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nproduct_list ul li {
        float: left;
    }
    .nproduct_list li {
        width: 100%;
        height: auto;
        overflow: hidden;
        background: #f6f6f6;
        margin-bottom: 35px;
    }
    .nproduct_list_main {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nproduct_list_left {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nproduct_list_left .num {
        position: absolute;
        top: 30%;
        left: 20%;
        transform: translate(-50%, -50%);
        font-size: 100px;
        color: rgba(255, 255, 255, 0.1);
        -webkit-text-stroke: 1px #c8c9ca;
        font-family: 'poppins', sans-serif;
        font-weight: 800;
        opacity: 0.9;
    }
    .nproduct_list_left .num_product1 {
        position: absolute;
        top: 30%;
        left: 20%;
        transform: translate(-50%, -50%);
        font-size: 100px;
        color: rgba(255, 255, 255, 0.1);
        -webkit-text-stroke: 1px #c8c9ca;
        font-family: 'poppins', sans-serif;
        font-weight: 800;
        opacity: 0.9;
    }
    .nproduct_list_left img {
        max-width: 100%;
    }
    .nproduct_list_right {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 10px;
    }
    .nproduct_list li:nth-child(2n+2) .nproduct_list_left {
        float: right;
    }
    .nproduct_list li:nth-child(2n+2) .nproduct_list_left .num_product1 {
        position: absolute;
        top: 30%;
        left: 80%;
        transform: translate(-50%, -50%);
        font-size: 100px;
        color: rgba(255, 255, 255, 0.1);
        -webkit-text-stroke: 1px #c8c9ca;
        font-family: 'poppins', sans-serif;
        font-weight: 800;
        opacity: 0.9;
    }
    .nproduct_list_right span {
        display: block;
        text-align: center;
    }
    .nproduct_list_right span.t1 {
        font-size: 150px;
        /* color: rgba(255, 255, 255, 0.5); */
        color: #f6f6f6;
        -webkit-text-stroke: 1px #c8c9ca;
        font-family: 'poppins', sans-serif;
        font-weight: 800;
        vertical-align: text-top;
        line-height: 150px;
    }
    .nproduct_list_right span.t2 {
        font-size: 40px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        margin-top: -115px;
        margin-bottom: 50px;
    }
    .nproduct_list_right span.t22 {
        font-size: 60px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .nproduct_list_right span.t3 {
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        color: #535252;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .nproduct_list_right span.t4 {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nproduct_list_right span.t4 img {
        display: block;
        margin: 10px auto;
    }
    .nproduct_btn {
        width: 100%;
        height: 95px;
        overflow: hidden;
        text-align: center;
        background: #b89b73;
        padding: 20px 0;
    }
    .nproduct_btn span {
        display: block;
    }
    .nproduct_btn span.t1 {
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        color: #fff;
        font-size: 22px;
    }
    .nproduct_btn span.t2 img {
        display: block;
        margin: 0px auto;
    }
    .nproduct_btn_2 {
        width: 100%;
        height: 95px;
        overflow: hidden;
        text-align: center;
        background: #b89b73;
        padding: 20px 0;
    }
    .nproduct_btn span {
        display: block;
    }
    .nproduct_btn_2 span.t1 {
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        color: #fff;
        font-size: 22px;
    }
    .nproduct_btn_2 span.t2 img {
        display: block;
        margin: 0px auto;
    }
}


/* american */

.american {
    width: 100%;
    height: auto;
}

.american_main {
    width: calc(100% + 140px);
    height: auto;
    background: #fff;
    padding: 70px 70px;
    margin-top: -155px;
    margin-left: -70px;
    position: relative;
}

.american_main span {
    display: block;
}

.american_main span.t1 {
    font-size: 60px;
    color: #1a1a1a;
    line-height: 60px;
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
    color: #b89b73;
    margin-bottom: 50px;
}

.american_main span.t2 {
    font-size: 16px;
    font-family: 'poppins-light', sans-serif;
    font-weight: lighter;
    color: #949292;
    line-height: 30px;
	width:80%;
}

.american_main_img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.american_main_img img {
    width: 100%;
}

@media screen and (max-width:1024px) {
    .american {
        width: 100%;
        height: auto;
    }
    .american_main {
        width: 100%;
        height: auto;
        background: #fff;
        padding: 20px 0;
        margin-top: 0px;
        margin-left: 0px;
        position: relative;
    }
    .american_main span {
        display: block;
    }
    .american_main span.t1 {
        font-size: 60px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        color: #b89b73;
        margin-bottom: 20px;
    }
    .american_main span.t2 {
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        color: #949292;
        line-height: 30px;
    }
    .american_main_img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .american_main_img img {
        width: 100%;
    }
}

@media screen and (max-width:640px) {
    .american {
        width: 100%;
        height: auto;
    }
    .american_main {
        width: 100%;
        height: auto;
        background: #fff;
        padding: 20px 0;
        margin-top: 0px;
        margin-left: 0px;
        position: relative;
    }
    .american_main span {
        display: block;
    }
    .american_main span.t1 {
        font-size: 40px;
        color: #1a1a1a;
        line-height: 40px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        color: #b89b73;
        margin-bottom: 20px;
    }
    .american_main span.t2 {
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        color: #949292;
        line-height: 30px;
    }
    .american_main_img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .american_main_img img {
        width: 100%;
    }
}


/* wooden */

.wooden {
    width: 100%;
    height: auto;
}

.wooden_title {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #dadada;
    padding-top: 100px;
    padding-bottom: 25px;
    font-size: 36px;
    color: #1a1a1a;
    line-height: 60px;
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
}

.wooden_list {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 60px auto;
}

.wooden_list ul li {
    float: left;
}

.wooden_list li {
    width: calc(100% / 3 - 27px);
    height: auto;
    overflow: hidden;
    margin-right: 40px;
}

.wooden_list li:last-child {
    margin-right: 0;
}

.wooden_list li img {
    display: block;
    margin: 0px auto;
    width: 100%;
}

@media screen and (max-width:1024px) {
    .wooden {
        width: 100%;
        height: auto;
    }
    .wooden_title {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid #dadada;
        padding-top: 40px;
        padding-bottom: 25px;
        font-size: 36px;
        color: #1a1a1a;
        line-height: 40px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
    }
    .wooden_list {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 30px auto;
    }
    .wooden_list ul li {
        float: left;
    }
    .wooden_list li {
        width: calc(100% / 3 - 8px);
        height: auto;
        overflow: hidden;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .wooden_list li:last-child {
        margin-right: 0;
    }
    .wooden_list li img {
        display: block;
        margin: 0px auto;
        width: 100%;
    }
}

@media screen and (max-width:640px) {
    .wooden {
        width: 100%;
        height: auto;
    }
    .wooden_title {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid #dadada;
        padding-top: 30px;
        padding-bottom: 25px;
        font-size: 24px;
        color: #1a1a1a;
        line-height: 40px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
    }
    .wooden_list {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 30px auto;
    }
    .wooden_list ul li {
        float: left;
    }
    .wooden_list li {
        width: calc(100% / 3 - 8px);
        height: auto;
        overflow: hidden;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .wooden_list li:last-child {
        margin-right: 0;
    }
    .wooden_list li img {
        display: block;
        margin: 0px auto;
        width: 100%;
    }
}


/* wooden */

.favorite {
    width: 100%;
    height: auto;
    margin: 20px auto 50px;
}

.favorite_title {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #dadada;
    padding-top: 40px;
    padding-bottom: 25px;
    font-size: 36px;
    color: #1a1a1a;
    line-height: 60px;
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
}

.favorite_list {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 60px auto 0;
}

.favorite_list ul li {
    float: left;
}

.favorite_list li {
    width: calc(100% / 5 - 16px);
    height: auto;
    margin-right: 20px;
    margin-bottom: 50px;
}

.favorite_list li:nth-child(5n+5) {
    margin-right: 0;
}
.title-color {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #dadada;
    display: inline-block;
}
.favorite_title, .title_right {
    width: 50%;
    float: left;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 25px;
    font-size: 36px;
    color: #1a1a1a;
    line-height: 60px;
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
}

.title_right {
    float: right;
    text-align: right;
    font-size: 24px;
    text-transform: none;
}

@media screen and (max-width:1200px) {
    .favorite_list li {
        width: calc(100% / 5 - 16px);
        height: auto;
        margin-right: 20px;
        margin-bottom: 50px;
    }
    .favorite_list li:nth-child(5n+5) {
        margin-right: 0;
    }
}

@media screen and (max-width:1600px) {
    .favorite_list li {
        width: calc(100% / 5 - 16px);
        height: auto;
        margin-right: 20px;
        margin-bottom: 50px;
    }
    .favorite_list li:nth-child(5n+5) {
        margin-right: 0;
    }
}

.favorite_list li a {
    display: block;
}

.favorite_list li .favorite_img {
    width: 100%;
}

.favorite_list li .favorite_img img {
    width: 100%;
}

.favorite_list li span {
    display: block;
    font-size: 20px;
    font-family: 'poppins', sans-serif;
    font-weight: 700;
    margin: 40px auto 10px;
}

.favorite_list li .favorite_more {
    width: 100%;
    line-height: 32px;
}

.favorite_list li .favorite_more img {
    float: left;
    margin-right: 15px;
}

.favorite_list li .favorite_more i {
    opacity: 0;
    font-size: 12px;
    color: #949292;
    font-family: 'poppins-light', sans-serif;
    font-weight: lighter;
    font-style: normal;
}

.favorite_list li:hover i {
    opacity: 1;
    transition: all 0.5s ease-out;
}

@media screen and (max-width:1024px) {
    .favorite {
        width: 100%;
        height: auto;
        margin: 20px auto 20px;
    }
    .favorite_title {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid #dadada;
        padding-top: 0px;
        padding-bottom: 25px;
        font-size: 36px;
        color: #1a1a1a;
        line-height: 40px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
    }
    .favorite_list {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 30px auto 30px;
    }
    .favorite_list ul li {
        float: left;
    }
    .favorite_list li {
        width: calc(100% / 3 - 7px);
        height: auto;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .favorite_list li:nth-child(3n+3) {
        margin-right: 0;
    }
    .favorite_list li:nth-child(5) {
        margin-right: 10px;
    }
    .favorite_list li:nth-child(10) {
        margin-right: 10px;
    }
    .favorite_list li a {
        display: block;
    }
    .favorite_list li .favorite_img {
        width: 100%;
    }
    .favorite_list li .favorite_img img {
        width: 100%;
    }
    .favorite_list li span {
        display: block;
        font-size: 18px;
        font-family: 'poppins', sans-serif;
        font-weight: 300;
        margin: 10px auto 10px;
    }
    .favorite_list li .favorite_more {
        width: 100%;
        line-height: 32px;
    }
    .favorite_list li .favorite_more img {
        float: left;
        margin-right: 15px;
    }
    .favorite_list li .favorite_more i {
        opacity: 0;
        font-size: 12px;
        color: #949292;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        font-style: normal;
    }
    .favorite_list li:hover i {
        opacity: 1;
        transition: all 0.5s ease-out;
    }
}

@media screen and (max-width:640px) {
    .favorite {
        width: 100%;
        height: auto;
        margin: 20px auto 20px;
    }
    .favorite_title {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid #dadada;
        padding-top: 0px;
        padding-bottom: 25px;
        font-size: 24px;
        color: #1a1a1a;
        line-height: 40px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
    }
    .favorite_list {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 30px auto 0;
    }
    .favorite_list ul li {
        float: left;
    }
    .favorite_list li {
        width: calc(100% / 3 - 7px);
        height: auto;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .favorite_list li:nth-child(3n+3) {
        margin-right: 0;
    }
    .favorite_list li:nth-child(5) {
        margin-right: 10px;
    }
    .favorite_list li:nth-child(10) {
        margin-right: 10px;
    }
    .favorite_list li a {
        display: block;
    }
    .favorite_list li .favorite_img {
        width: 100%;
    }
    .favorite_list li .favorite_img img {
        width: 100%;
    }
    .favorite_list li span {
        display: block;
        font-size: 16px;
        font-family: 'poppins', sans-serif;
        font-weight: 300;
        margin: 10px auto 10px;
    }
    .favorite_list li .favorite_more {
        width: 100%;
        line-height: 32px;
    }
    .favorite_list li .favorite_more img {
        float: left;
        margin-right: 15px;
    }
    .favorite_list li .favorite_more i {
        opacity: 0;
        font-size: 12px;
        color: #949292;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        font-style: normal;
    }
    .favorite_list li:hover i {
        display: none;
        opacity: 1;
        transition: all 0.5s ease-out;
    }
}


/* npro */

.npro {
    width: 100%;
    height: auto;
    margin: 100px auto 50px;
}

.npro_main {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 80px;
    background: #fff;
}

.npro_main_left {
    float: left;
    width: 60%;
    height: auto;
    position: relative;
    z-index: 2;
}

.npro_main_right {
    float: right;
    width: calc(40% - 75px);
    height: auto;
    margin-left: 75px;
    position: relative;
    z-index: 1;
}

.npro_main_right_txt {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.npro_main_right_txt span {
    display: block;
}

.npro_main_right_txt span.t1 {
    font-size: 60px;
    color: #1a1a1a;
    line-height: 60px;
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
}

.npro_main_right_txt span.t2 {
    font-size: 14px;
    font-family: 'poppins-light', sans-serif;
    font-weight: lighter;
    color: #535252;
    line-height: 30px;
}

.npro_main_right_txt span.ges {
    width: 100%;
    height: 1px;
    background: #dadada;
    margin: 30px 0;
}

.npro_main_right_txt span.t3 {
    font-size: 14px;
    font-family: 'poppins-light', sans-serif;
    font-weight: lighter;
    color: #535252;
    line-height: 30px;
}

.npro_main_right_btn {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 50px;
}

.npro_main_right_btn span {
    float: left;
    width: 45%;
    height: auto;
    overflow: hidden;
    margin-right: 5%;
    font-size: 14px;
    font-family: 'poppins-light', sans-serif;
    border: 1px solid #dadada;
    text-align: center;
    padding: 20px;
}

.npro_main_right_btn span.pbtn1 {
    background: #fafafa;
}

.npro_main_right_btn span.pbtn2 {
    background: #b89b73;
    color: #fff;
    float: right;
    margin-right: 0;
}

@media screen and (max-width:1300px) {
    .npro_main_left {
        float: left;
        width: 100%;
        height: auto;
    }
    .npro_main_right {
        float: right;
        width: 100%;
        height: auto;
        margin-left: 15px;
        margin-top: 30px;
    }
}

@media screen and (max-width:1024px) {
    .npro {
        width: 100%;
        height: auto;
        margin: 30px auto 10px;
    }
    .npro_main {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 10px;
        background: #fff;
    }
    .npro_main_left {
        float: left;
        width: 100%;
        height: auto;
    }
    .npro_main_right {
        float: left;
        width: 100%;
        height: auto;
        margin-left: 0px;
        margin-top: 30px;
    }
    .npro_main_right_txt {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .npro_main_right_txt span {
        display: block;
    }
    .npro_main_right_txt span.t1 {
        font-size: 60px;
        color: #1a1a1a;
        line-height: 60px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
    }
    .npro_main_right_txt span.t2 {
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        color: #535252;
        line-height: 30px;
    }
    .npro_main_right_txt span.ges {
        width: 100%;
        height: 1px;
        background: #dadada;
        margin: 30px 0;
    }
    .npro_main_right_txt span.t3 {
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        color: #535252;
        line-height: 30px;
    }
    .npro_main_right_btn {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 50px;
    }
    .npro_main_right_btn span {
        float: left;
        width: 45%;
        height: auto;
        overflow: hidden;
        margin-right: 5%;
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        border: 1px solid #dadada;
        text-align: center;
        padding: 20px;
    }
    .npro_main_right_btn span.pbtn1 {
        background: #fafafa;
    }
    .npro_main_right_btn span.pbtn2 {
        background: #b89b73;
        color: #fff;
        float: right;
        margin-right: 0;
    }
}

@media screen and (max-width:640px) {
    .npro {
        width: 100%;
        height: auto;
        margin: 30px auto 10px;
    }
    .npro_main {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 10px;
        background: #fff;
    }
    .npro_main_left {
        float: left;
        width: 100%;
        height: auto;
    }
    .npro_main_right {
        float: left;
        width: 100%;
        height: auto;
        margin-left: 0px;
        margin-top: 30px;
    }
    .npro_main_right_txt {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .npro_main_right_txt span {
        display: block;
    }
    .npro_main_right_txt span.t1 {
        font-size: 40px;
        color: #1a1a1a;
        line-height: 40px;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
    }
    .npro_main_right_txt span.t2 {
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        color: #535252;
        line-height: 30px;
    }
    .npro_main_right_txt span.ges {
        width: 100%;
        height: 1px;
        background: #dadada;
        margin: 10px 0;
    }
    .npro_main_right_txt span.t3 {
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        font-weight: lighter;
        color: #535252;
        line-height: 30px;
    }
    .npro_main_right_btn {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 20px;
    }
    .npro_main_right_btn span {
        float: left;
        width: 45%;
        height: auto;
        overflow: hidden;
        margin-right: 5%;
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        border: 1px solid #dadada;
        text-align: center;
        padding: 5px 10px;
    }
    .npro_main_right_btn span.pbtn1 {
        background: #fafafa;
    }
    .npro_main_right_btn span.pbtn2 {
        background: #b89b73;
        color: #fff;
        float: right;
        margin-right: 0;
    }
}


/* descp */

.descp {
    width: 100%;
    height: auto;
    margin: 0px auto;
}

#Real {
    position: absolute;
    top: -150px;
}

.descp_main {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 80px;
    margin-bottom: 100px;
    background: #fff;
}

.descp_nav {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.descp_nav a {
    font-size: 24px;
    color: #1a1a1a;
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
    margin-right: 50px;
    display: block;
    float: left;
    padding: 20px;
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    box-sizing: border-box;
}

.descp_nav a:hover {
    border-bottom: 3px solid #8ac23f;
    box-sizing: border-box;
}

.descp_nav a.active {
    border-bottom: 3px solid #8ac23f;
    box-sizing: border-box;
}


/* description_main */

.description_main {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 50px 0;
    border-top: 1px solid rgb(209 209 209 / 68%);
    margin-top: -2px;
    border-bottom: 1px solid rgb(209 209 209 / 68%);
}

.description {
    float: left;
    width: 45%;
    height: auto;
    overflow: hidden;
    color: #747474;
    font-size: 14px;
    font-family: 'poppins-light', sans-serif;
}

.description b {
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: 'poppins-light', sans-serif;
    font-weight: 800;
    padding-bottom: 15px;
}

.description span,.applications li p,.characteristics ul li p {
    line-height: 30px;
    color: #747474;
    font-size: 13px;
    font-family: 'poppins-light', sans-serif;
}

.applications {
    float: right;
    width: 45%;
    height: auto;
    overflow: hidden;
}

.applications b {
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: 'poppins-light', sans-serif;
    font-weight: 800;
    padding-bottom: 15px;
}

.applications ul li {
    float: left;
}

.applications li {
    width: 50%;
    color: #747474;
    font-size: 14px;
    font-family: 'poppins-light', sans-serif;
    line-height: 30px;
}

.characteristics {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 80px;
}

.characteristics b {
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: 'poppins-light', sans-serif;
    font-weight: 800;
    padding-bottom: 15px;
}

.characteristics ul li {
    float: left;
}

.characteristics li {
    width: 30%;
    color: #747474;
    font-size: 14px;
    font-family: 'poppins-light', sans-serif;
    line-height: 30px;
}

.characteristics li:nth-child(3n+2) {
    width: 40%;
}

@media screen and (max-width:1024px) {
    .descp {
        width: 100%;
        height: auto;
        margin: 0px auto;
    }
    .descp_main {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 10px;
        margin-bottom: 100px;
        background: #fff;
    }
    .descp_nav {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .descp_nav a {
        font-size: 18px;
        color: #1a1a1a;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        margin-right: 10px;
        display: block;
        float: left;
        padding: 10px;
        border-bottom: 3px solid rgba(255, 255, 255, 0);
        box-sizing: border-box;
    }
    .descp_nav a:hover {
        border-bottom: 3px solid #8ac23f;
        box-sizing: border-box;
    }
    .descp_nav a.active {
        border-bottom: 3px solid #70d100;
        box-sizing: border-box;
    }
    /* description_main */
    .description_main {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 20px 0;
        border-top: 1px solid #dadada;
        margin-top: -2px;
        border-bottom: 1px solid #dadada;
    }
    .description {
        float: left;
        width: 100%;
        height: auto;
        overflow: hidden;
        color: #747474;
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
    }
    .description b {
        display: block;
        width: 100%;
        font-size: 16px;
        font-family: 'poppins-light', sans-serif;
        font-weight: 800;
        padding-bottom: 15px;
    }
    .description span {
        line-height: 30px;
        color: #747474;
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
    }
    .applications {
        float: right;
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-top: 20px;
    }
    .applications b {
        display: block;
        width: 100%;
        font-size: 16px;
        font-family: 'poppins-light', sans-serif;
        font-weight: 800;
        padding-bottom: 15px;
    }
    .applications ul li {
        float: left;
    }
    .applications li {
        width: 100%;
        color: #747474;
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        line-height: 30px;
    }
    .characteristics {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-top: 20px;
    }
    .characteristics b {
        display: block;
        width: 100%;
        font-size: 16px;
        font-family: 'poppins-light', sans-serif;
        font-weight: 800;
        padding-bottom: 15px;
    }
    .characteristics ul li {
        float: left;
    }
    .characteristics li {
        width: 100%;
        color: #747474;
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        line-height: 30px;
    }
    .characteristics li:nth-child(3n+2) {
        width: 100%;
    }
}

@media screen and (max-width:640px) {
	.swiper-slide img{height:auto!important;}
    .descp {
        width: 100%;
        height: auto;
        margin: 0px auto;
    }
    .descp_main {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 10px;
        margin-bottom: 30px;
        background: #fff;
    }
    .descp_nav {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .descp_nav a {
        font-size: 18px;
        color: #1a1a1a;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
        margin-right: 10px;
        display: block;
        float: left;
        padding: 10px;
        border-bottom: 3px solid rgba(255, 255, 255, 0);
        box-sizing: border-box;
    }
    .descp_nav a:hover {
        border-bottom: 3px solid #8ac23f;
        box-sizing: border-box;
    }
    .descp_nav a.active {
        border-bottom: 3px solid #8ac23f;
        box-sizing: border-box;
    }
    /* description_main */
    .description_main {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 20px 0;
        border-top: 1px solid #dadada;
        margin-top: -2px;
        border-bottom: 1px solid #dadada;
    }
    .description {
        float: left;
        width: 100%;
        height: auto;
        overflow: hidden;
        color: #747474;
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
    }
    .description b {
        display: block;
        width: 100%;
        font-size: 16px;
        font-family: 'poppins-light', sans-serif;
        font-weight: 800;
        padding-bottom: 15px;
    }
    .description span {
        line-height: 30px;
        color: #747474;
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
    }
    .applications {
        float: right;
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-top: 20px;
    }
    .applications b {
        display: block;
        width: 100%;
        font-size: 16px;
        font-family: 'poppins-light', sans-serif;
        font-weight: 800;
        padding-bottom: 15px;
    }
    .applications ul li {
        float: left;
    }
    .applications li {
        width: 100%;
        color: #747474;
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        line-height: 30px;
    }
    .characteristics {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-top: 20px;
    }
    .characteristics b {
        display: block;
        width: 100%;
        font-size: 16px;
        font-family: 'poppins-light', sans-serif;
        font-weight: 800;
        padding-bottom: 15px;
    }
    .characteristics ul li {
        float: left;
    }
    .characteristics li {
        width: 100%;
        color: #747474;
        font-size: 14px;
        font-family: 'poppins-light', sans-serif;
        line-height: 30px;
    }
    .characteristics li:nth-child(3n+2) {
        width: 100%;
    }
}


/* description_main_pic */

.description_main_pic {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #dadada;
}

#Real {
    position: absolute;
    top: -150px;
}

.description_main_pic span {
    font-size: 36px;
    color: #1a1a1a;
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
}

.description_main_pic_list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.description_main_pic_list ul li {
    float: left;
}

.description_main_pic_list li {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 30px;
}

.description_main_pic_list li img {
    display: block;
    max-width: 100%;
    margin: 0px auto;
}

@media screen and (max-width:1024px) {
    .description_main_pic {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #dadada;
    }
    .description_main_pic span {
        font-size: 24px;
        color: #1a1a1a;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
    }
    .description_main_pic_list {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .description_main_pic_list ul li {
        float: left;
    }
    .description_main_pic_list li {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 30px;
    }
    .description_main_pic_list li img {
        display: block;
        max-width: 100%;
        margin: 0px auto;
    }
}

@media screen and (max-width:640px) {
    .description_main_pic {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #dadada;
    }
    .description_main_pic span {
        font-size: 24px;
        color: #1a1a1a;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
    }
    .description_main_pic_list {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .description_main_pic_list ul li {
        float: left;
    }
    .description_main_pic_list li {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 30px;
    }
    .description_main_pic_list li img {
        display: block;
        max-width: 100%;
        margin: 0px auto;
    }
}


/* video */

.video {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 30px 0 0;
    position: relative;
}

#Video {
    position: absolute;
    top: -100px;
}

.video span {
    font-size: 36px;
    color: #1a1a1a;
    text-transform: uppercase;
    font-family: 'alternate', sans-serif;
}

.video_list {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 30px;
}

.video_list ul li {
    float: left;
}

.video_list li {
    width: 23.5%;
    height: auto;
    overflow: hidden;
    border: 1px solid #dadada;
    box-sizing: border-box;
    margin-right: 2%;
    margin-bottom: 2%;
}

.video_list li:last-child {
    margin-right: 0;
}

.video_list li .shipinlist {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.video_list li .shipinlist img {
    width: 100%;
}

.video_list li .shipinlist .shipintime {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    line-height: 20px;
    color: #fff;
    padding: 0px 5px;
    font-size: 10px;
    background: rgba(0, 0, 0, 0.6);
}

.videos {
    display: none;
    position: fixed;
    left: 50%;
    top: 55%;
    width: auto;
    z-index: 999999999999;
    transform: translate(-50%, -50%);
}

.vclose {
    position: absolute;
    right: 1%;
    top: 1%;
    border-radius: 100%;
    width: 35px !important;
    height: 35px !important;
}

.zhezhaos {
    display: none;
    position: fixed;
    width: 101%;
    height: 100%;
    top: 50%;
    left: 50%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 12;
    transform: translate(-50%, -50%);
}

@media screen and (max-width:1024px) {
    .video {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 30px 0 0;
    }
    .video span {
        font-size: 24px;
        color: #1a1a1a;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
    }
    .video_list {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 30px;
    }
    .video_list ul li {
        float: left;
    }
    .video_list li {
        width: 48%;
        height: auto;
        overflow: hidden;
        border: 1px solid #dadada;
        box-sizing: border-box;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .video_list li:last-child {
        margin-right: 0;
    }
    .video_list li .shipinlist {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    .video_list li .shipinlist img {
        width: 100%;
    }
    .video_list li .shipinlist .shipintime {
        position: absolute;
        right: 0;
        bottom: 0;
        width: auto;
        line-height: 20px;
        color: #fff;
        padding: 0px 5px;
        font-size: 10px;
        background: rgba(0, 0, 0, 0.6);
    }
    .videos {
        display: none;
        position: fixed;
        left: 50%;
        top: 50%;
        width: 80%;
        z-index: 100;
        transform: translate(-50%, -50%);
    }
    .vclose {
        position: absolute;
        right: 1%;
        top: 1%;
        border-radius: 100%;
        width: 25px !important;
        height: 25px !important;
    }
}

@media screen and (max-width:640px) {
    .video {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 30px 0 0;
    }
    .video span {
        font-size: 24px;
        color: #1a1a1a;
        text-transform: uppercase;
        font-family: 'alternate', sans-serif;
    }
    .video_list {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 30px;
    }
    .video_list ul li {
        float: left;
    }
    .video_list li {
        width: 48%;
        height: auto;
        overflow: hidden;
        border: 1px solid #dadada;
        box-sizing: border-box;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .video_list li:last-child {
        margin-right: 0;
    }
    .video_list li .shipinlist {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    .video_list li .shipinlist img {
        width: 100%;
    }
    .video_list li .shipinlist .shipintime {
        position: absolute;
        right: 0;
        bottom: 0;
        width: auto;
        line-height: 20px;
        color: #fff;
        padding: 0px 5px;
        font-size: 10px;
        background: rgba(0, 0, 0, 0.6);
    }
    .videos {
        display: none;
        position: fixed;
        left: 50%;
        top: 50%;
        width: 90%;
        z-index: 100;
        transform: translate(-50%, -50%);
    }
    .vclose {
        position: absolute;
        right: 1%;
        top: 1%;
        border-radius: 100%;
        width: 25px !important;
        height: 25px !important;
    }
}

#contain {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    position: relative;
}

.left {
    width: 100%;
    float: left;
    /* display: flex; */
}

.left_item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.left_item>img {
    transform: rotate(270deg)
}

.right {
    position: absolute;
    right: -400px;
    width: 350px;
    height: 350px;
    overflow: hidden;
    /*超出部分隐藏*/
    padding: 0px;
    display: none;
    /*默认先不显示*/
}

.up {
    width: 100%;
    /*padding: 30px;*/
	padding: 0 30px 30px 30px;
}

.up img {
    width: 100%;
}

.down {
    display: flex;
    justify-content: center;
    padding: 20px;
    /* padding-left:35px; */
}

.down img {
    width: 100px;
    border: 3px solid #ccc;
}


/* ////////////// */

@media screen and (min-width:640px) {
    .left_item>img {
        transform: rotate(360deg)
    }
}

@media screen and (min-width:640px) {
    #contain {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        position: relative;
    }
    .left {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        flex-direction: row-reverse;
    }
    .left_item {
        width: 20%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .up {
        width: 80%;
        /*padding: 30px;*/
		padding: 0 30px 30px 30px;
    }
    .up img {
        width: 100%;
    }
    .right {
        position: absolute;
        right: -400px;
        width: 350px;
        height: 350px;
        overflow: hidden;
        /*超出部分隐藏*/
        padding: 0px;
        display: none;
        /*默认先不显示*/
    }
    .down {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px;
        overflow: hidden;
        height: 340px;
        padding-top: 82px;
        /* padding-left:35px; */
    }
    .down img {
        width: 100px;
        border: 3px solid #ccc;
		margin:3px 0;
    }
}

.sp-1{position:absolute; top:23%; left:14%; width:80%;}
.sp-c{text-transform: uppercase;font-size:46px; font-weight:800; color:#dbbe9b; font-family: 'alternate'; letter-spacing: 2px;}
.sp-t{line-height:30px;text-transform: none; font-weight:100; margin-top:50px; font-size:14px;  color:rgb(238 238 238 / 54%);}

.design-1{ width: 100%;}
.design-1-1{ width: 100%;background: url(../images/tuoyuan.png) no-repeat 45% 0px;  height: 60px; font-size: 26px; line-height: 60px;  font-family: 'alternate';}
.design-1-2{ width: 100%;background: url(../images/title-1.jpg) no-repeat 48% 45px;  height: 60px; font-size: 60px; line-height: 60px;  font-family: 'alternate';}

.design-2{margin-top:80px;}
.design-2-1{ width: 100%; display: inline-block; padding-bottom:100px;}
.design-img-1{width: 33%; float: left; margin-left:0.5%; position: relative;}
.design-img-1:nth-child(1){margin-left:0;}
.design-2-2{    
    background: #bca07b;
    width: 80%;
    height: 240px;
    position: absolute;
    top: 10%;
    left: 10%;
    color: #FFF;
    font-size: 14px;
    line-height: 30px;
    padding: 30px;
    opacity: 0.9;
	font-family: 'poppins-light', sans-serif;
}
.design-2-3{    
	position: absolute;
    bottom: -80px;
    left: 27.5%;
    width: 45%;
}
.design-title{    
	position: absolute;
    top: 25%;
	line-height: 45px;
    left: 20%;
    width: 110px;
    font-size: 33px;
    color: #FFF;
    text-align: center;
    font-family: 'alternate';
}
.outdoor{
	left: 21%;
	text-align: center;
	width: 110px;
}
.kit{ width: 100px; top: 34%;  text-align: center; left: 23%;}

.adv{width:100%; display:inline-block; height:auto; padding:100px; background:#f3f4f8; margin:60px 0px;}
.adv-1{ width:100%; text-align:center; font-size:56px; font-family:'alternate'; text-transform: uppercase;}
.adv-1 span{color:#8ac23f; font-family: 'alternate';}
.adv-2{    margin-top: 80px;}
.adv-left,.adv-right{   
	width: 48%;
    float: left;
    height: 208px;
    background: #FFF;
    padding: 30px;
}
.adv-right{
	 
	float: right;
 
}	
.left-1{width:10%; float:left; margin-left:5%; margin-top: 2%;}
.left-2{width:75%; float:left; margin-left: 5%; font-family: 'poppins-light'; font-size: 14px; line-height: 30px;}

.board-left{width:47%; float:left;}
.board-left-1,.board-left-1 span{font-family:'alternate'; font-size:30px; margin-bottom: 35px; margin-top: -50px;}
.board-left-1 span{color:#d19e60; font-size: 60px;}
.board-left-2{width: 100%; display:inline-block; margin-bottom: 10px;}
.left-num{float: left; background: #979797;  color: #FFF; width: 40px;  height: 40px; line-height: 40px;  text-align: center; font-size: 18px;}
.left-aricle{width: 88%;  float: right; font-size:14px; line-height: 30px; font-family: 'Poppins-Light'; color: #999;}

.board-right{width:47%; float:right;}

.board-2{margin-bottom:35px;}


@media screen and (max-width:640px) {
	#contain { height:auto; }
	#contain img,.description img, .applications img{max-width:100%; MARGIN: 0 2px;}
	.npro_main_right_btn span.pbtn2{width: 100%; line-height: 35px;}
	.description,.applications{    width: 100%!important;}
	.sp-1{    top: 16%;
		left: 10%;
		width: 85%;
    }
	.sp-t{line-height:25px; margin-top:0px; font-size: 12px;}
	.design-1{display:none;}
	.design-2 {
	    margin-top: 40px;
	}
	.design-img-1{    width: 100%;     margin-bottom: 100px;}
	.adv{padding: 20px; margin-top:-30px;}
	.adv-1{font-size: 40px;}
	.adv-2{    margin-top: 30px;}
	.adv-left, .adv-right{    padding: 20px 5px; width:100%; height:auto;}
	.left-1,.left-num{display:none;}
	.left-2{width: 90%;    font-size: 12px;    line-height: 25px;}
	.board-left{width:100%;}
	.board-left-1, .board-left-1 span{font-size:20px; margin-top: -35px;}
	.board-left-1 span{font-size:34px; }
	.left-aricle,.board-right{width:100%;}
	.board-right img,.board-left img{max-width:100%;}
}