/* 那艾仪器www.jijunqi.com网站模版 - www.jijunqi.com | 2026-06-15 17:16 */
html { font-size: 62.5%; }
body { font-family: 'microsoft yahei','sans-serif','华文细黑','黑体' !important; margin:0; }
ol,li,ul { list-style: none; padding:0; margin:0; }
.news-list2 { display:flex; flex-wrap:wrap; }
/* 移动端底部导航 - 桌面隐藏 */
.mobile-bottom-nav { display:none; }
/* 友链 */
.friendly-links-list { padding:10px 0; text-align:center }
.friendly-links-list a { display:inline-block; margin:4px 12px; color:#666; font-size:13px; text-decoration:none; line-height:2 }
.friendly-links-list a:hover { color:#c40000 }
.news-list2 li { width:50%; padding:8px 12px; box-sizing:border-box; }
.news-list2 li:nth-child(2n+1) { clear:both; }
a { text-decoration:none; color:#333; }
a:hover { text-decoration:none; }
img { border:0; max-width:100%; vertical-align:middle; }
*,:after,:before { box-sizing:border-box; }
.container { margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px; }
@media (min-width:768px) { .container { width:750px; } }
@media (min-width:992px) { .container { width:970px; } }
@media (min-width:1200px) { .container { width:1200px; } }
.row { margin-left:-15px; margin-right:-15px; }
.row:after { clear:both; display:table; content:''; }
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 { position:relative; min-height:1px; padding-left:15px; padding-right:15px; float:left; }
.col-xs-1 { width:8.33333333%; } .col-xs-2 { width:16.66666667%; } .col-xs-3 { width:25%; } .col-xs-4 { width:33.33333333%; } .col-xs-5 { width:41.66666667%; } .col-xs-6 { width:50%; } .col-xs-7 { width:58.33333333%; } .col-xs-8 { width:66.66666667%; } .col-xs-9 { width:75%; } .col-xs-10 { width:83.33333333%; } .col-xs-11 { width:91.66666667%; } .col-xs-12 { width:100%; }
@media (min-width:768px) { .col-sm-1 { width:8.33333333%; } .col-sm-2 { width:16.66666667%; } .col-sm-3 { width:25%; } .col-sm-4 { width:33.33333333%; } .col-sm-5 { width:41.66666667%; } .col-sm-6 { width:50%; } .col-sm-7 { width:58.33333333%; } .col-sm-8 { width:66.66666667%; } .col-sm-9 { width:75%; } .col-sm-10 { width:83.33333333%; } .col-sm-11 { width:91.66666667%; } .col-sm-12 { width:100%; } }
@media (min-width:992px) { .col-md-1 { width:8.33333333%; } .col-md-2 { width:16.66666667%; } .col-md-3 { width:25%; } .col-md-4 { width:33.33333333%; } .col-md-5 { width:41.66666667%; } .col-md-6 { width:50%; } .col-md-7 { width:58.33333333%; } .col-md-8 { width:66.66666667%; } .col-md-9 { width:75%; } .col-md-10 { width:83.33333333%; } .col-md-11 { width:91.66666667%; } .col-md-12 { width:100%; } }
@media (min-width:1200px) { .col-lg-1 { width:8.33333333%; } .col-lg-2 { width:16.66666667%; } .col-lg-3 { width:25%; } .col-lg-4 { width:33.33333333%; } .col-lg-5 { width:41.66666667%; } .col-lg-6 { width:50%; } .col-lg-7 { width:58.33333333%; } .col-lg-8 { width:66.66666667%; } .col-lg-9 { width:75%; } .col-lg-10 { width:83.33333333%; } .col-lg-11 { width:91.66666667%; } .col-lg-12 { width:100%; } }
.center-block { display:block; margin-left:auto; margin-right:auto; }
.img-responsive { display:block; max-width:100%; height:auto; }
.clearfix:after { clear:both; display:table; content:''; }
.pull-left { float:left; } .pull-right { float:right; }
.hidden-xs { display:block; } .visible-xs { display:none; }
@media (max-width:768px) { .hidden-xs { display:none !important; } .visible-xs { display:block !important; } }

/* Header Desktop */
.hidden-l { display:block; }
.hidden-g { display:none; }
.h-logo { display:flex; align-items:center; padding:10px 0; flex-wrap:nowrap; }
.h-logo a { display:inline-block; vertical-align:middle; flex-shrink:0; }
.h-logo a img { display:block; max-height:80px; max-width:100%; width:auto; }

.h-logo p { margin-left:auto; margin-right:12%; white-space:nowrap; flex-shrink:0; }
.h-logo p span { font-size:14px; color:#777; margin-left:20px; }
.h-logo p span i { margin-right:5px; width:40px; height:40px; border-radius:10%; background:#ff0d0d; color:#fff; font-size:24px; display:inline-block; text-align:center; line-height:40px; vertical-align:middle; }
.h-logo p span small { font-size:16px; }
.h-nav { height:55px; background:#ff0d0d; position:relative; padding:0; border-radius:5px; z-index:10; }
.h-nav ul { overflow:hidden; }
.h-nav ul li { float:left; width:12.5%; text-align:center; line-height:55px; height:55px; position:relative; }
.h-nav ul li:first-child { border-radius:5px 0 0 5px; }
.h-nav ul li:last-child { border-radius:0 5px 5px 0; }
.h-nav ul li a { color:#fff; font-size:14px; display:block; }
.h-nav ul li:hover,.h-nav ul li.ok { background:#4e5256; }

/* Banner */
.banner { position:relative; top:-35px; border-top:0 solid #1A1A1A; }
.banner img { width:100%; display:block; object-fit:cover; }
.banner-inner { width:100%; height:300px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.banner2 { background-repeat:no-repeat; background-position:center; background-size:cover; height:380px; }
.p-banner { background-image:url(../assets/p-banner.jpg); }
.n-banner { background-image:url(../assets/n-banner.jpg); }
.a-banner { background-image:url(../assets/a-banner.jpg); }
#main { margin-top:-35px; }

/* Swiper */
.swiper-container1 { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; z-index:1; }
.swiper-slide { position:relative; }
.swiper-pagination { position:absolute; bottom:10px; width:100%; text-align:center; z-index:10; }
.swiper-pagination-bullet { width:24px; height:4px; display:inline-block; border-radius:5px; background:#919190; opacity:.4; margin:0 3px; cursor:pointer; }
.swiper-pagination-bullet-active { background:#fff; opacity:1; }

/* Inner Page Header */
#info { margin-top:-35px; }
#info .info-title { width:267px; height:70px; background:#ff0d0d; color:#fff; text-align:center; line-height:70px; font-size:30px; }
.location { overflow:hidden; border-bottom:1px solid #ccc; line-height:35px; padding:30px 0; }
.location ul li { float:left; width:auto; text-align:center; color:#000; margin-right:5px; transition:300ms; padding:0 15px; }
.location ul li:hover,.location ul li.li_active { background:#ff0d0d; color:#fff; }
.location ul li:hover a,.location ul li.li_active a { color:#fff; }
.location ul li a { color:#383838; display:block; transition:300ms; }
.location p { float:right; font-size:14px; color:#484848; }
.location p i { color:#ff0d0d; font-size:20px; padding-right:5px; }
.location p a { color:#484848; }
.location p a:hover { color:#ff0d0d; }

/* Main Title */
.main-title { text-align:center; position:relative; padding:20px 0 10px 0; }
.main-title h3 { font-size:36px; color:#333; font-family:'Georgia Regular','microsoft yahei','sans-serif'; margin:0; }
.main-title small { font-size:20px; color:#6a6a6a; }

/* Product */
.product { background:#fff; padding-bottom:0; }
.pro-type { margin-bottom:30px; text-align:center; }
.pro-type ul { display:inline-block; }
.pro-type ul li { display:inline-block; width:180px; line-height:32px; background:#eee; margin:10px 8px; text-align:center; }
.pro-type ul li a { color:#4e4e4e; font-size:14px; display:block; transition:300ms; }
.pro-type ul li a:hover { background:#ff0d0d; color:#fff; }

/* Product Grid */
.pdc-list { overflow:hidden; margin:0; padding:0; }
.pdc-list li { margin-bottom:13px; width:25%; float:left; box-sizing:border-box; }
/* Responsive */
@media (max-width:991px) { .pdc-list li { width:33.3333%; } }
@media (max-width:767px) { .pdc-list li { width:50%; } }

.pdc-list li b { display:block; width:100%; position:relative; overflow:hidden; }
.pdc-list li b img { width:100%; height:auto; display:block; transition:300ms; }
.pdc-list li b i { display:block; width:38px; height:38px; background:url(../assets/more.png) no-repeat; position:absolute; left:50%; margin-left:-19px; top:50%; margin-top:-19px; opacity:0; transition:300ms; }
.pdc-list li span { display:block; line-height:38px; text-align:center; border-bottom:3px solid #e5e5e5; font-size:14px; transition:300ms; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pdc-list li:hover img { opacity:0.5; }
.pdc-list li:hover i { opacity:1; }
.pdc-list li:hover span { background:#ff0d0d; color:#fff; border-bottom:3px solid #ff0d0d; }
/* Column clearing */
.pdc-list li:nth-child(4n+1) { clear:left; }
@media (max-width:991px) { .pdc-list li:nth-child(3n+1) { clear:left; } }
@media (max-width:767px) { .pdc-list li:nth-child(2n+1) { clear:left; } }

/* Index Company Strip */
@keyframes r_x {
  75% { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); }
}
@-webkit-keyframes r_x {
  75% { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); }
}
.indexcoo { background:url(../assets/coop.jpg) no-repeat center center; height:250px; }
.indexcoo .list { padding-top:100px; }
.indexcoo .list li { float:left; width:33%; text-align:center; color:#fff; }
.indexcoo .list li .num p { width:auto; display:inline; position:relative; }
.indexcoo .list li .num p strong { font-size:18px; padding-left:14px; }
.indexcoo .list li .num p span { animation:r_x 4s ease-in-out infinite; -webkit-animation:r_x 4s ease-in-out infinite; display:inline-block; font-size:28px; line-height:1; font-weight:bold; color:#fff; }
.indexcoo .list li .line { margin-left:auto; margin-right:auto; width:29px; height:3px; margin-top:15px; background:#fff; }

/* News Section */
.news { padding:20px 0; }
.news-cols2 { width:100%; }
.news-cols2 .news-list { margin:0; padding:0; column-count:2; column-gap:40px; }
.news-cols2 .news-list li { border-bottom:1px dashed #e0e0e0; break-inside:avoid; }
.news-cols2 .news-list li a { display:block; padding:10px 0; font-size:14px; color:#333; overflow:hidden; transition:300ms; }
.news-cols2 .news-list li a:hover { color:#ff0d0d; }
.news-cols2 .news-list li .news-title { display:inline; font-size:13px; }
.news-cols2 .news-list li .news-date { float:right; color:#999; font-size:12px; line-height:1.6; }
@media (max-width:768px) {
  .news-cols2 .news-list { column-count:1; }
}

/* Company About Section */
.company { height:656px; background:url(../assets/about.jpg) no-repeat center; padding-top:88px; margin-top:20px; }
.company .com-right { width:50%; float:left; }
.company .com-right .com-title { margin-bottom:25px; }
.company .com-right .com-title b { font-size:36px; color:#ff0d0d; font-weight:500; position:relative; display:inline-block; }
.company .com-right .com-title b:after { display:block; content:''; width:60px; height:2px; background:#8b8b8b; }
.company .com-right .com-title small { font-size:18px; color:#878787; }
.company .com-right span { display:block; font-size:30px; color:#575757; margin-bottom:75px; }
.company .com-right p { width:285px; height:50px; line-height:50px; background:#ff0d0d; text-align:center; font-size:24px; color:#fff; border-radius:5px; margin-bottom:25px; }
.company .com-right small { line-height:30px; font-size:14px; display:block; }
.company .container { position:relative; height:100%; }
.company .container > p { position:absolute; right:0; bottom:0; font-size:24px; color:#fff; background:url(../assets/tel2.png) no-repeat right center; padding-right:85px; line-height:88px; }
.company .container > p b { font-size:40px; }

/* News List Page */
.merji { display:none; }
.info_news_ul li { background:#f6f6f6; overflow:hidden; position:relative; margin-bottom:20px; transition:300ms; }
.info_news_ul li:hover { background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); }

/* Simplified News List (no images) */
.news-list2 { margin:0; padding:0; }
.news-list2 li { border-bottom:1px dashed #e0e0e0; }
.news-list2 li a { display:block; padding:18px 0; overflow:hidden; transition:300ms; }
.news-list2 li a:hover { padding-left:8px; }
.news-list2 li a .nl2-date { float:right; color:#999; font-size:13px; line-height:1.8; }
.news-list2 li a .nl2-title { display:block; font-size:16px; color:#333; font-weight:bold; margin-right:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.news-list2 li a .nl2-summary { display:block; font-size:13px; color:#888; margin-top:6px; margin-right:120px; line-height:1.6; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news-list2 li a:hover .nl2-title { color:#ff0d0d; }
@media (max-width:768px) {
  .news-list2 li a .nl2-date { float:none; display:block; margin-bottom:4px; }
  .news-list2 li a .nl2-title { margin-right:0; }
  .news-list2 li a .nl2-summary { margin-right:0; }
}

/* Product Detail */
.info_content_left h2 { font-size:20px; margin-bottom:15px; text-align:center; }
.info_content_right h4 { font-size:16px; margin:15px 0; padding-bottom:15px; border-bottom:1px solid #eee; font-weight:bold; }
.info_content_right ul li a,.info_content_right ol li { color:#666; line-height:35px; }
.info_content_right ul li a:hover { color:#ff0d0d; }
.p_info_title { margin-bottom:15px; }

/* Product Detail Layout */
.pro-header { background:#f8f8f8; padding:20px; margin-bottom:20px; border-left:4px solid #ff0d0d; border-radius:3px; }
.pro-header h2 { font-size:22px; margin:0 0 8px 0; color:#333; }
.pro-header .pro-model { font-size:14px; color:#888; }
.pro-header .pro-model span { color:#ff0d0d; font-weight:bold; }

.pro-main-img { text-align:center; margin-bottom:20px; border:1px solid #eee; padding:10px; border-radius:4px; }
.pro-main-img img { max-width:100%; height:auto; }

.pro-desc-title { font-size:16px; font-weight:bold; color:#333; margin-bottom:15px; padding-bottom:10px; border-bottom:2px solid #ff0d0d; }

/* Sidebar Product Info Card */
.pro-side-card { margin-bottom:20px; border:1px solid #eee; border-radius:4px; padding:15px; background:#fafafa; }
.pro-side-card h4 { font-size:15px; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid #eee; }
.pro-side-card h4 small { font-size:11px; color:#999; }
.side-props { margin:0; padding:0; }
.side-props li { line-height:32px; border-bottom:1px dashed #eee; font-size:13px; overflow:hidden; }
.side-props li:last-child { border-bottom:none; }
.side-props li label { display:inline-block; width:70px; color:#888; }
.side-props li span { color:#333; }
.side-prods { margin:0; padding:0; }
.side-prods li { line-height:32px; border-bottom:1px dashed #eee; }
.side-prods li a { font-size:13px; color:#666; display:block; transition:300ms; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.side-prods li a:hover { color:#ff0d0d; padding-left:5px; }
.side-contact { margin:0; padding:0; }
.side-contact li { line-height:28px; font-size:13px; color:#555; }
.side-contact li b { color:#333; }

/* Content */
.p_content { font-size:14px; line-height:35px; width:100%; text-align:justify; }
.p_content p { word-break:break-word; overflow-wrap:break-word; }
.p_content img { max-width:100%; height:auto !important; }
.p_content table,.p_content table td,.p_content table th { border:1px solid #ddd; border-collapse:collapse; padding:8px; }
.p_content table { width:100%; margin:10px 0; }
.p_content table th { background:#f5f5f5; font-weight:bold; }
#maximg img { max-width:100% !important; height:auto !important; display:inline-block; }
#maximg table { max-width:100%; height:auto; }
#maximg td, #maximg th { word-break:break-all; }

/* Related bottom section */
.related-bottom { margin-top:30px; padding-top:20px; border-top:2px solid #ff0d0d; }
.related-bottom h4 { font-size:18px; margin-bottom:15px; }
.related-bottom h4 small { font-size:12px; color:#999; }

/* News Detail */
.n_left { width:100%; }
.n_left ._title { font-size:36px; color:#000; margin-bottom:10px; line-height:1.4; font-weight:400; }
.news_time span { font-size:12px; margin-right:10px; display:inline-block; line-height:30px; color:#999; }
.info_news_right { width:100%; }
.info_news_right ul { margin-top:25px; border:1px solid #eee; padding:15px; }
.info_news_right ul li { padding:10px 0; border-bottom:1px solid #eee; }
.info_news_right ul li b { display:block; font-size:16px; font-weight:bold; color:#000; margin-bottom:5px; }

/* Pagination */
.pagebar { padding:20px; overflow:hidden; clear:both; }
.pagination { display:flex; justify-content:center; flex-wrap:wrap; }
.pagination a,.pagination span { color:#333; font-size:12px; padding:8px 10px; margin:0 2px; border-radius:3px; display:inline-block; }
.pagination a { background:#fff; border:1px solid #ccc; }
.pagination a:hover { color:#ff0d0d; border:1px solid #ff0d0d; }
.pagination a.page-num-current { color:#fff !important; background:#ff0d0d !important; border-color:#ff0d0d !important; }

/* Footer */
footer { background:#1a1a1a; font-size:14px; color:#888; }
footer a { color:#888; }
footer a:hover { color:#fff; }
.f-nav { overflow:hidden; padding:15px 0; border-bottom:1px solid #383838; }
.f-nav li { float:left; margin-right:10px; }
.f-nav li a { display:block; padding:5px 15px; color:#888; }
.f-nav li:hover { background:#424242; }
footer .f-links { padding:20px 0; overflow:hidden; }
footer .f-links img { float:left; margin-right:20px; height:120px; }
footer .f-links ul { float:left; border-left:1px solid #888; padding-left:20px; }
footer .f-links ul li { float:left; width:100%; margin-bottom:5px; }
footer .f-ewm { text-align:right; }
footer .f-ewm p { display:inline-block; text-align:center; margin-top:20px; }
footer .f-ewm span { display:block; text-align:center; font-size:12px; margin-top:5px; color:#aaa; }
.dibu { line-height:40px; text-align:center; border-top:1px solid #383838; }
.f-bottom { padding:5px 0; margin:0; }

/* Page Content */
.info_com { padding:25px 0; overflow:hidden; }
.com-txt { overflow:hidden; }
.info_content { overflow:hidden; }
.info_content .row { display:flex; flex-wrap:wrap; }
.info_content_left, .info_content_right { float:none !important; }
/* overflow hidden removed - was causing sidebar drop on product pages with wide tables */
.com-txt .p_content p { font-size:14px; line-height:30px; color:#555; }
.prev_next { list-style:none; margin-top:20px; }
.prev_next a { color:#3e3e3e; }
.prev_next a:hover { color:#ff0d0d; }
.prev_page,.next_page { font-size:14px; border-top:1px solid #ccc; padding:8px 0; }

/* Prev/Next inline */
.prev_next_inline { list-style:none; margin-top:30px; overflow:hidden; padding:15px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.prev_next_inline li { display:block; width:50%; float:left; }
.prev_next_inline li.next_i { text-align:right; float:right; }
.prev_next_inline li a { font-size:13px; color:#333; display:inline-block; max-width:95%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; transition:300ms; }
.prev_next_inline li a:hover { color:#ff0d0d; }

/* Classic Articles Review */
.classic-review { margin:5px 0 0 0; padding:0; }
.classic-review h4 { font-size:15px; font-weight:bold; color:#333; margin:0 0 5px 0; padding:0; }
.classic-review ul { margin:0; padding:0; list-style:none; }
.classic-review ul li { display:inline-block; width:33.33%; vertical-align:top; padding:3px 10px 3px 0; box-sizing:border-box; }
.classic-review ul li:nth-child(n+7) { display:none; }
.classic-review ul li a { font-size:13px; color:#555; line-height:1.8; transition:300ms; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.classic-review ul li a:hover { color:#ff0d0d; }
@media (max-width:768px) {
  .classic-review ul li { width:50%; }
}

/* News Sidebar */
.news-sidebar { margin-bottom:25px; }
.news-sidebar h4 { font-size:16px; margin:0 0 12px 0; padding-bottom:10px; border-bottom:2px solid #ff0d0d; font-weight:bold; }
.news-sidebar h4 small { font-size:12px; color:#999; font-weight:normal; }
.news-sidebar .sb-list { margin:0; padding:0; }
.news-sidebar .sb-list li { line-height:32px; border-bottom:1px dashed #eee; }
.news-sidebar .sb-list li a { color:#666; font-size:13px; display:block; transition:300ms; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.news-sidebar .sb-list li a:hover { color:#ff0d0d; padding-left:5px; }
.news-sidebar .sb-list.sb-img-list li { line-height:normal; padding:8px 0; }
.news-sidebar .sb-list.sb-img-list li img { width:100%; margin-bottom:5px; border:1px solid #eee; }
.news-sidebar .sb-list.sb-img-list li span { display:block; font-size:13px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Contact Info Page */
.info_contact { background:#f1f1f1; padding:25px 0; margin-top:10px; }
.info_contact ul { overflow:hidden; }
.info_contact ul li { width:25%; float:left; border-left:1px solid #ccc; padding:18px 0 18px 80px; background-repeat:no-repeat; background-position:15px center; }
.info_contact ul li:nth-of-type(1) { border-left:0; }
.info_contact ul li b { display:block; font-size:16px; }
.info_contact ul li small { font-size:14px; color:#666; }
.contact_info_list b { font-size:22px; color:#b00; margin-top:20px; display:inline-block; }
.contact_info_list ul li { line-height:30px; }

/* Form */
.input-group { margin-bottom:10px; }
.input-group label { width:80px; font-size:14px; display:inline-block; color:#333; font-weight:bold; }
.input-group input[type=text],.input-group textarea,select { width:100%; padding:10px 15px; border:1px solid #ccc; border-radius:4px; font-size:14px; box-sizing:border-box; outline:none; font-family:'microsoft yahei'; }
.input-group textarea { height:100px; }
#submit { display:block; width:100%; line-height:40px; background:#ff0d0d; border:0; color:#fff; font-size:16px; cursor:pointer; border-radius:4px; }
#submit:hover { background:#BB0000; }

/* Search */
.search-form { text-align:center; padding:40px 0; }
.search-form input[type=text] { width:60%; max-width:500px; padding:10px 15px; border:2px solid #ff0d0d; border-radius:4px 0 0 4px; font-size:16px; outline:none; }
.search-form button { padding:10px 25px; background:#ff0d0d; color:#fff; border:2px solid #ff0d0d; border-radius:0 4px 4px 0; font-size:16px; cursor:pointer; margin-left:-5px; }

/* 404 */
.error-page { text-align:center; padding:100px 0; }
.error-page h1 { font-size:100px; color:#ff0d0d; margin:0; }
.error-page p { font-size:18px; color:#666; }
.error-page a { display:inline-block; margin-top:20px; padding:10px 30px; background:#ff0d0d; color:#fff; border-radius:4px; }

/* Mobile Responsive */
@media (max-width:768px) {
  .hidden-l { display:none !important; }
  .hidden-g { display:block !important; }
  .hidden-g .h-nav-g { position:fixed; left:0; top:0; z-index:1000; width:100%; height:60px; background:#fff; box-shadow:0 1px 1px #b5b5b5; }
  .hidden-g .h-nav-g img { height:50px; margin-left:15px; }
  .hidden-g .h-nav-g .btn_i { display:block; position:absolute; right:15px; top:50%; transform:translateY(-50%); width:30px; height:24px; cursor:pointer; }
  .hidden-g .h-nav-g .btn_i small,.hidden-g .h-nav-g .btn_i:before,.hidden-g .h-nav-g .btn_i:after { display:block; content:''; width:24px; height:2px; background:#000; border-radius:4px; margin:6px 0; transition:300ms; }
  .hidden-g .h-nav-g .btn_i_click small { opacity:0; }
  .hidden-g .h-nav-g .btn_i_click:before { transform:rotateZ(45deg); transform-origin:0 6px; }
  .hidden-g .h-nav-g .btn_i_click:after { transform:rotateZ(-45deg); transform-origin:5px -1px; }
  .hidden-g .ul-small { background:#3a3a3a; width:220px; height:100%; position:fixed; right:0; top:0; z-index:100; transform:translateX(220px); transition:300ms; }
  .hidden-g .translate { transform:translateX(-220px); }
  .hidden-g .translate2 { transform:translateX(0); }
  .hidden-g .ul-small ul { margin-top:60px; }
  .hidden-g .ul-small ul li { line-height:50px; }
  .hidden-g .ul-small ul li a { color:#fff; padding:0 30px; display:block; }
  .banner { top:0; margin-top:60px; }
  .banner-inner { height:180px; }
  .banner img { object-fit:cover; }
  #main { margin-top:0; }
  #info { margin-top:0; }
  .main-title h3 { font-size:24px; }
  .main-title small { font-size:17px; }
  .main-title2 { padding:60px 0 20px 0; }
  .pro-type ul li { width:auto; margin:5px 3px; }
  .company { height:auto; padding:40px 20px; background-size:cover; }
.company .com-right { float:none; width:100%; }
.company .com-right span { font-size:24px; margin-bottom:30px; }
.company .com-right p { width:auto; }
.company .container > p { position:static; text-align:center; margin-top:20px; background:none; padding-right:0; }
  .company .com-right span { font-size:18px; }
  .n_left ._title { font-size:24px; }
  .location ul { display:none; }
  .location p { float:none; }
  .merji { display:block; margin-bottom:10px; }
  .merji a { display:inline-block; background:#eee; font-size:12px; margin-bottom:5px; padding:5px 10px; }
  .merji a.on { background:#ff0d0d; color:#fff; }
  .info_content_right { display:none; }
  .company .container p b { font-size:20px; }
  .indexcoo { height:auto; padding:40px 0; }
.indexcoo .list { padding-top:0; }
.indexcoo .list li { float:none; width:100%; margin-bottom:15px; }
  footer .f-links img { height:80px; }
  footer .f-links ul { border-left:0; padding-left:0; width:100%; }
  footer .f-links ul li { width:100%; }
  .f-ewm { text-align:center; }
  .search-form input[type=text] { width:80%; }
  /* 移动端底部导航 */
  .mobile-bottom-nav { position:fixed; left:0; bottom:0; width:100%; height:55px; background:#fff; border-top:1px solid #e0e0e0; z-index:9999; display:flex; }
  .mobile-bottom-nav .mb-nav-item { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#333; font-size:11px; text-decoration:none; }
  .mobile-bottom-nav .mb-nav-item svg { margin-bottom:2px; }
  .mobile-bottom-nav .mb-nav-msg { background:#c40000; color:#fff; }
  body { padding-bottom:55px; }
}

@media (min-width:768px) and (max-width:992px) {
  .hidden-l { display:none !important; }
  .hidden-g { display:block !important; }
  .banner { margin-top:60px; }
  footer .f-links ul li { width:100%; font-size:12px; }
  footer .f-links ul { border-left:0; }
}

@media (min-width:992px) and (max-width:1200px) {
  .hidden-l { display:block !important; }
  .hidden-g { display:none !important; }
  footer .f-links ul li { width:100%; }
}

@media (min-width:1200px) {
  .hidden-l { display:block !important; }
  .hidden-g { display:none !important; }
}