/**
 * m.css
 * https://www.nvbang.com
 * Copyright 2025, design by Maxiao
 */
@charset "utf-8";
@media only screen and (max-width: 1200px) {
.box { width: 1000px; }
.ad_top { margin-left: 5px; }
.links a { padding: 3px 10px; }
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
.box { width: 940px; }
.ad_top { width: 510px; }
.contact_icon ul li i img { right: 0; }
#navlist li a { padding: 0 10px }
.menu:after { right: 0 }
.f_news_title { font-size: 18px; }
.featured_pics ul li i { height: 120px }
.featured_pics ul li section { left: 10%; width: 80%; }
.blogs, .all_news_list, .blogs_search, .blogs_info_page, .n_info_page { width: 68%; }
.rbox { width: 30% }
.emial_box { padding: 16px 16px 20px 16px; }
.links li { width: 18% }
.photos li i, .pics_content ul li i { height: 146px; }
.all_videos li i { height: 117px; }
.featured_video_fl h3 { font-size: 22px; }
.resume_tec li span { width: 63% }
.designer section { width: 76% }
}
@media only screen and (max-width: 959px) {
.box { width: 100% }
.ad_top, .contact_icon { display: none }
.is-search { position: fixed; right: 50px; background: none; }
.search-page { position: fixed; top: 40px; border-radius: 0; }
.is-search i { background: url(../images/search_m.png) no-repeat center; background-size: 24px; width: 40px; height: 40px; }
header { height: auto }
header { width: 100%; height: 44px; background: #fff; position: fixed; top: 0; z-index: 999; padding-top: 0; box-shadow: #e0e7ec 1px 1px 3px; }
header .box { width: 100%; }
article {
    padding: 10px 15px;
    margin: 0 0 10px 0;
}
article h1 {
    font-size: 20px;
    margin: 0 0 20px 0;
}
.breadcrumb, .n_breadcrumb {
    background: #fff;
    background-size: 0px;
    line-height: 40px;
    padding-left: 10px;
    color: #808595;
    font-size: 14px;
}
.content p {
    margin: 0 0 14px 0;
    text-indent: 1.2em;
    line-height: 28px;
}
.info-pre-next {
    line-height: 28px;
    margin-top: 20px;
    margin-bottom: 0px;
    overflow: hidden;
}
.info-pre-next a,.info-pre-next b {
    margin-left: 0px;
    font-weight: 500;
}
.n_info_page, .blogs_info_page {
    float: none;
    overflow: auto;
}
.n_love, .wz_love {
    margin-top: 10px;
}
.isgood_news {
    margin-top: 10px;
}
.ph_margin { height: 40px; margin-bottom: 4px }
#mbnav { display: block; top: 0; position: fixed; right: 0; }
#mbnav.open:after { position: fixed; width: 40%; height: 100%; content: ""; right: 0; top: 40px; }
nav { background: none; height: auto; padding-left: 0; margin-top: 0; }
.logo img { width: 110px; height: auto; margin-top: 6px; margin-left: 6px }
nav #navlist { width: 100%; background: rgba(0,0,0,0.7); overflow: hidden; }
#navlist { display: none }
#navlist li { width: 60%; margin: 0; background: #fff; border-bottom: #eee 10px solid; line-height: 50px; float: left; font-size: 16px; font-weight: normal; }
#navlist li a { text-align: left; text-indent: 2em; color: #000; width: 100%; padding: 0; font-size: 15px; }
#navlist li:nth-child(1) { border-top: #eee 1px solid; }
#navlist ul.sub { background: none; width: 100%; display: block; position: initial; padding: 0; opacity: 1; transition: none; }
#navlist ul.sub:before { display: none }
#navlist ul.sub li { border-bottom: none; width: 100%; overflow: hidden; line-height: 40px !important; border-top: none; height: 40px !important; background: none; font-size: 14px; }
#navlist ul.sub li:first-child { border-top: #eee 1px solid; }
#navlist ul.sub li a { display: block; padding-left: 10px; text-indent: 3em; width: auto; color: #000; }
#navlist li a:hover, #navlist ul.sub li a:hover { color: #C20160; }
.menu:after { width: 26px; height: 22px; content: ""; background: url("../images/jiantou.png") no-repeat; background-size: 16px; display: block; }
.menu:after { top: 20px; right: 6px; border-color: transparent; }
.menu:hover:after { transform: none; }
.menu span { display: block; ; position: absolute; width: 50px; height: 50px; background: #fff; top: 0; right: 0; border-left: #eee 1px solid; }
#navlist li:last-child { padding-bottom: 100%; }
#navlist ul.sub li:last-child { padding-bottom: 0 }
#navlist li:hover ul.sub:before { display: none }
.swiper-slide section p { font-size: 14px; }
.swiper-slide section span { font-size: 12px; }
.f_news_pic { display: none }
.featured_news { width: 63% }
.f_news_list { width: 100% }
.mycard { width: 34% }
.featured_pics { margin: 10px 0 30px 0; }
.featured_nav #tab li a { margin: 0 10px }
.rbox {
    float: none;
    width: 100% !important;
    height: auto !important;
    overflow: auto;
}
.blogs, .blogs_info_page, .n_info_page, .all_news_list, .blogs_search { width: 100% }
.links li { width: auto }
.featured_pics { overflow-x: auto; }
.featured_pics ul { width: 1200px !important; overflow-x: scroll; }
.featured_nav #tab { padding: 0 20px }
.pics_content ul li i, .photos li i { height: 140px }
.all_videos li i { height: 113px; }
.featured_video_fl h3 { font-size: 22px; }
.photos li p { font-size: 14px; }
.play_video iframe {  height: auto;}
}
 @media only screen and (max-width: 768px) {
.featured_nav #tab li a { padding: 0 6px; }
.pics_content ul li i, .photos li i { height: 150px }
.all_videos li p { font-size: 14px; }
.all_videos ul li, .photos ul li { width: 33.333% }
.all_videos li i { height: 118px; }
.featured_video_fl, .featured_video_fr, .play_video, .play_info { width: 100% }
.featured_news { width: 56%; }
.featured_nav #tab li a { margin: 0 5px; }
.mycard { width: 41%; }
.resume_left, .resume:after { width: 40% }
.resume_tec { margin: 0 20px 100px; }
.resume_right { margin-left: 40% }
.ad img { width: 100% }
}
 @media only screen and (max-width: 640px) {
.featured_news, .mycard { width: 100% }
.featured_nav #tab li a { margin: 0 10px }
.mycard i { float: left; margin: 0 20px 0 0; height: 120px; width: 160px; }
.mycard ul li { line-height: 30px }
.mycard { height: auto; margin: 20px 0 }
p.mycard_title_en { display: none; }
.blogs_list { padding: 15px; margin-bottom: 15px; }
.blogs_list i { width: 160px; height: 120px }
.blogs_list h2 { font-size: 18px; margin: 5px 0; }
.blogs_base span { margin-right: 10px }
.blogs_base { margin: 10px 0 0 0; font-size: 12px; }
a.read_more { font-size: 12px; padding: 5px 10px; width: 60px; }
h2.h_title { font-size: 18px; }
.links { margin: 0 auto }
.links a { font-size: 12px; padding: 0 10px; }
.featured_pics { margin: 10px 0 20px 0; }
.featured_news { margin-top: 20px }
.n_love ul li, .wz_love ul li { width: 100%; margin-bottom: 10px;}
.designer i { width: 60px; height: 60px }
.designer i img { width: 100% }
.designer h3 { margin: 0 }
.designer p { font-size: 14px; }
.designer section { width: 74%; margin-top: 5px; }
.designer span img { width: 70px }
.all_videos ul li, .photos ul li { width: 50% }
.banner { width: 1000px; overflow-x: scroll; }
.banner_box { overflow-x: auto; }
.play_video video { height: auto !important }
.play_box { padding: 10px 0 }
.play_info section { padding: 10px; }
.resume_right { margin-left: 0; padding: 15px; }
.resume_left { width: 100%; background: #f0f0f0; margin-bottom: 30px }
.resume:after { display: none }
.resume_tec { margin: 0 20px 20px; }
.featured_video_fl { height: 300px }
.pics_content ul li { width: 50% }
.album_info i { width: 90px; height: 68px; margin-right: 10px; }
.album_box { padding: 10px; }
.album_info h1 { font-size: 18px; margin: 10px; }
.album_info { float: none; width: 100%; }
.album_info p.a_i_ms { display: none; }
p.a_i_time { font-size: 12px; }
.album_info span { display: none; }
.album_info em { margin-right: 10px; }
.visitor_area { width: 100%; }
.album_next ul li:nth-child(1) a { padding-left: 30px; background: url(../images/icon_left.png) no-repeat left top 60%; background-size: 32px; }
.album_next ul li:nth-child(2) a { background: url(../images/icon_right.png) no-repeat right top 60%; background-size: 32px; padding-right: 30px; }
.album_next span { display: block; margin-bottom: 10px; font-size: 14px; }
.album_next p, .album_next h3 { display: none; }
.play_info h1, .page_title { font-size: 16px; text-indent: 0.2em; padding-bottom: 10px; }
.n_love .h_title, .wz_love .h_title { margin: 10px 0 0 15px; }
.n_love ul li a, .wz_love ul li a { margin: 0 15px; }
.pages { padding: 15px; }
.icon-top { right: 20px; bottom: 20px }
.mycard .ewm { display: none }
.all_news_list ul { margin: 0px; padding: 10px 0px; }
.all_news_list ul li span { font-size: 12px; }
.emial_box { margin: 20px 15px; }
.links li {width: 33.3333%;}
.featured_nav h2, .blogs h2, .links h2 { margin-left: 15px; }
}
 @media only screen and (max-width: 480px) {
.search-page .search { width: 90% }
.search-page .go-left { right: 5px; top: 5px; background-size: 16px; width: 16px; height: 16px; }
.featured_nav #tab li a { margin: 0 8px; padding: 0; font-size: 14px; }
.featured_nav #tab { padding: 0 10px; line-height: 40px; margin: 5px 0; }
.featured_nav { margin-bottom: 20px }
.f_news_list li{ margin-bottom: 10px; padding: 10px 10px; }
.f_news_list li i { width: 120px; height: 90px; }
.f_news_list li p { font-size: 14px; }
.banner li { font-size: 16px; }
.mycard { display: none }
.blogs_list { padding: 10px; margin-bottom: 10px; }
.blogs_list i { width: 90px; height: 68px; margin: 0 10px 10px 0 }
.blogs_list h2 { font-size: 15px; white-space: inherit; line-height: inherit; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; margin: 10px 0; }
.blogs_list p { clear: both; }
.featured_pics ul { padding: 10px }
.footer_nav li a { padding: 0 3px; margin: 0 3px; font-size: 14px; }
.footer_nav li a:after { right: -3px; }
.featured_pics ul { width: 800px !important; overflow-x: scroll; }
.featured_pics ul li i { height: 113px }
.featured_pics ul li a { margin: 5px; }
.icon_more { margin-top: 0 }
.smalltext, .n_smalltext { display: none }
.n_info span, .wz_info span { margin: 0 5px 0 0 }
.info-pre-next p, .info-pre-next p:nth-child(2) { width: 100%; float: none; text-align: left }
.designer span { float: none; display: block; }
.designer span img { margin: auto; width: 140px; }
.designer section { width: 100%; margin: 20px 0; }
.n_love ul li a, .wz_love ul li a { margin: 0 10px; }
.n_love .h_title, .wz_love .h_title { margin: 10px 0 0 10px; }
article { padding: 10px 10px; margin: 0 0 10px 0;}
.n_love ul li span, .wz_love ul li span { left: 148px; }
.isgood_news{ padding: 5px 10px 0;}
.hot_news{ padding: 5px 10px 0;}
footer { margin-top: 20px }
.epages { margin: 20px auto }
.pics_content ul li i, .photos li i { height: 100px }
.photos ul li { margin-bottom: 0 }
.epages { font-size: 12px; }
.featured_video_fl { height: 200px; }
.featured_video_fl h3 { font-size: 15px; line-height: 24px; }
.featured_video_fl i:before { width: 50px; height: 50px; margin-top: -25px; margin-left: -25px;background-size: 24px; }
.featured_video_fl section { padding: 15px; }
.all_videos li i { height: 78px; }
.all_videos { padding: 5px }
.all_videos li i:before { background-size: 15px; width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; }
.featured_video_fr li i { width: 120px; height: 80px; margin-right: 10px; border-radius: 10px; }
.featured_video_fr li h3 { font-size: 15px; font-weight: normal; margin-bottom: 10px }
.featured_video_fr ul li:last-child a { padding-bottom: 20px }
.featured_video_fr ul li a { margin: 10px }
.featured_pics ul li section { left: 7%; width: 84%; }
.featured_pics ul li p { font-size: 12px; }
.banner li a { height: 180px; margin-top: 20px; }
.tagsclous{ padding: 5px 10px 0; }
.emial_box { margin: 20px 10px; }
.featured_nav h2, .blogs h2, .links h2 { margin-left: 10px; }
}

/* 折叠状态下的样式 */
#arc_show {
    position: absolute;
    z-index: 8;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 50px;
    text-indent: 0;
    border-bottom: 60px solid #f9f9f9;
    background-image: linear-gradient(hsla(0,0%,100%,0), #f9f9f9);
    color: #C20160;
    text-align: center;
    line-height: 170px;
    cursor: pointer;
}

#arc_show span {
    position: relative;
    font-size: 14px;
    font-weight: bold;
}

/* 双箭头图标 */
#arc_show span:after, #arc_show span:before {
    position: absolute;
    top: -20px;
    left: 50%;
    display: inline-block;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #C20160;
    border-left: 2px solid #C20160;
    content: ' ';
    transform: rotate(-45deg);
}

#arc_show span:after {
    top: -15px;
}