@charset "utf-8";
/* ============================================
   广西蔷桃芷机械设备有限公司 - 全站样式表
   基于参考站设计还原
   ============================================ */

/* ---------- Reset & Base ---------- */
* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:14px/1 Arial,"Microsoft YaHei","微软雅黑",sans-serif; }
table,td,tr,th { border-collapse:collapse; border-spacing:0; font-size:14px; }
ol,ul { list-style:none; }
li { list-style-type:none; }
img { vertical-align:middle; border:0; }
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal; }
a { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
::placeholder { color:#999; }
.clear { clear:both; }
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:"."; }
.fl { float:left; }
.fr { float:right; }

.w1400 { width:1400px; margin:0 auto; }
@media (max-width:1440px) { .w1400 { width:94%; } }

::-webkit-scrollbar { width:0; }
::-webkit-scrollbar-track { background-color:#e6e6e6; border-radius:0; }
::-webkit-scrollbar-thumb { background-color:#e61f4d; }
::-webkit-scrollbar-thumb:window-inactive { background-color:#e61f4d; }

/* ---------- Top Header (Fixed) ---------- */
.topbox { width:100%; height:90px; background-color:rgba(0,0,0,.75); position:fixed; top:0; left:0; z-index:9999; }
.topbox .topbox_main { margin:0 auto; position:relative; }
.topbox_main .logo { width:auto; height:50px; overflow:hidden; margin:20px 0; float:left; display:flex; align-items:center; }
.logo a { display:flex; align-items:center; height:50px; overflow:hidden; text-decoration:none; }
.logo a .logo-svg { display:block; width:44px; height:44px; margin-right:10px; flex-shrink:0; }
.logo a .logo-text { display:flex; flex-direction:column; justify-content:center; }
.logo a .logo-text .logo-brand { line-height:26px; color:#fff; font-size:20px; font-weight:bold; white-space:nowrap; }
.logo a .logo-text .logo-tagline { line-height:18px; color:rgba(255,255,255,.5); font-size:12px; letter-spacing:2px; white-space:nowrap; }
.topbox_main .top_tel { height:40px; margin:25px 0 25px 24px; float:right; }
.top_tel span { display:block; width:40px; height:40px; margin:0 10px 0 0; padding:4px; background-color:rgba(230,31,77,.15); border-radius:50%; float:left; }
.top_tel span i { display:block; width:100%; height:100%; padding:6px; background-color:#e61f4d; border-radius:50%; }
.top_tel span i svg { display:block; width:100%; height:100%; }
.top_tel p { height:40px; overflow:hidden; line-height:40px; color:#fff; font-family:Impact,sans-serif; font-size:30px; float:left; letter-spacing:1px; }

/* ---------- Navigation ---------- */
.navbox { width:auto; height:auto; float:right; }
.navbox li,.navbox a { text-decoration:none; list-style:none; }
.navbox ::-webkit-scrollbar { display:none; }
.navbox .nav_list { width:100%; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; }
.navbox .nav_list>ul>li { width:auto; position:relative; list-style:none; padding:0; float:left; }
.navbox .nav_list>ul>li:last-child { background:none; }
.navbox .nav_list>ul>li>a { display:inline-block; width:100%; line-height:50px; color:#fff; font-size:17px; text-align:center; padding:20px 24px; text-decoration:none; background-color:rgba(0,0,0,0); position:relative; }
.navbox .nav_list>ul>li:hover>a,.navbox .nav_list>ul>li.active>a { background-color:#e61f4d; }
.navbox .nav_list>ul>li i { display:inline-block; width:20px; height:20px; vertical-align:middle; cursor:pointer; display:none; }
.navbox .nav_list>ul>li i::after { content:'▾'; color:#fff; font-size:12px; }
.navbox .nav_list>ul>li ul { display:none; position:absolute; left:-20%; top:90px; z-index:9; width:140%; overflow:hidden; background-color:#fff; border-top:2px solid #e61f4d; box-shadow:0 4px 6px rgba(0,0,0,.1); border-radius:0 0 2px 2px; }
.navbox .nav_list>ul>li:hover ul { display:block; }
.navbox .nav_list>ul>li ul li { width:100%; overflow:hidden; margin:0 auto; border-bottom:1px solid rgba(85,87,89,.1); }
.navbox .nav_list>ul>li ul li:last-child { border:0; }
.navbox .nav_list>ul>li ul li a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#555; font-size:14px; text-align:center; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0 8px; }
.navbox .nav_list>ul>li ul li a:hover { color:#e61f4d; }
.navbox .nav_menu { display:none; }

@media (max-width:1600px) { .navbox .nav_list>ul>li>a { font-size:17px; } }
@media (max-width:1440px) {
  .topbox { height:80px; }
  .topbox_main .logo { margin:15px 0; }
  .topbox_main .top_tel { margin:20px 0 20px 15px; }
  .navbox .nav_list>ul>li>a { font-size:16px; padding:15px; }
}
@media (max-width:1200px) {
  .topbox { animation-name:none !important; }
  .navbox .nav_list>ul>li>a { font-size:15px; }
}
@media (max-width:1080px) {
  .topbox { height:64px; }
  .topbox_main .logo { margin:7px 0; }
  .topbox_main .top_tel { margin:12px 0 12px 20px; }
  .top_tel span { background-color:#e61f4d; }
  .top_tel span i { padding:5px; }
  .navbox .nav_list { width:60%; height:100%; margin:0; padding:0; position:fixed; top:0; left:-100%; z-index:9999; transition:0.5s; -webkit-transition:0.5s; }
  .navbox .nav_list ul { width:50%; height:100%; background-color:#fff; position:relative; z-index:9999; }
  .navbox .nav_list .nav_mask { width:100%; height:100%; background-color:rgba(0,0,0,.6); position:absolute; left:0; top:0; z-index:9998; }
  .navbox .nav_list ul>li { width:100%; overflow:hidden; margin:0 auto; padding:0; background:none; box-sizing:border-box; position:relative; }
  .navbox .nav_list ul>li a { display:block; width:100%; line-height:64px; color:#333; font-size:16px; text-align:left; padding:0 20px; border-bottom:1px solid rgba(85,87,89,.1); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
  .navbox .nav_list>ul>li:hover,.navbox .nav_list>ul>li.active { background-color:#e61f4d; }
  .navbox .nav_list>ul>li:hover>a,.navbox .nav_list>ul>li.active>a { color:#fff; border-bottom:1px solid #e61f4d; }
  .navbox .nav_list>ul>li i { display:block; width:60px; height:60px; position:absolute; top:0; right:0; text-align:center; line-height:60px; }
  .navbox .nav_list>ul>li i::after { color:#333; }
  .navbox .nav_list>ul>li ul { width:100%; overflow:hidden; position:inherit; left:inherit; top:inherit; background-color:#f8f8f8; box-shadow:none; border:0; border-radius:0; border-bottom:1px solid rgba(85,87,89,.1); }
  .navbox .nav_list>ul>li ul li a { height:48px; line-height:48px; color:#888; text-align:left; border:0; padding:0 40px; }
  .navbox .nav_menu { display:block; width:40px; height:40px; padding:11px 9px; background-color:#e61f4d; border-radius:50%; margin:12px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer; }
  .navbox .nav_menu span { display:block; width:100%; height:2px; background-color:#fff; border-radius:1px; margin:0 auto; }
  .navbox .nav_menu span+span { margin-top:6px; }
  .navbox .open { width:100%; overflow:auto; left:0%; }
  .navbox .nav_menu:active { background-color:#e61f4d; }
}
@media (max-width:767px) {
  .topbox { height:60px; background-color:rgba(0,0,0,.85); }
  .topbox_main .logo { height:50px; margin:5px 0; }
  .logo a { height:50px; }
  .topbox_main .top_tel { display:none; }
  .navbox .nav_menu { margin:10px 0; }
  .navbox .nav_list ul>li a { line-height:59px; }
  .navbox .nav_list ul { width:60%; }
}
@media (max-width:280px) {
  .topbox_main .logo { height:44px; margin:8px 0; }
  .logo a { height:44px; }
}

/* ---------- Banner ---------- */
.bannerbox { width:100%; height:750px; position:relative; margin-top:0; }
.banner_swiper { width:100%; height:100%; position:relative; }
.banner_swiper .swiper-container { width:100%; height:100%; }
.banner_swiper .swiper-wrapper { width:100%; height:100%; position:relative; }
.banner_swiper .swiper-slide { height:100%; overflow:hidden; position:relative; }
.banner_swiper .swiper-slide img { display:block; width:100%; height:100%; margin:auto; object-fit:cover; position:absolute; left:0; top:0; right:0; bottom:0; }
.banner_swiper .swiper-slide .banner-text { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; z-index:2; width:80%; }
.banner_swiper .swiper-slide .banner-text h2 { color:#fff; font-size:48px; font-weight:bold; text-shadow:0 2px 8px rgba(0,0,0,.5); margin-bottom:16px; }
.banner_swiper .swiper-slide .banner-text p { color:rgba(255,255,255,.85); font-size:20px; text-shadow:0 1px 4px rgba(0,0,0,.3); }
.banner_swiper .swiper-slide::after { content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.35); position:absolute; left:0; top:0; }
.banner_control { height:32px; position:absolute; left:50%; bottom:68px; z-index:1; transform:translateX(-50%); -webkit-transform:translateX(-50%); }
.banner_control .swiper-pagination { height:32px; line-height:32px; color:rgba(255,255,255,.45); font-family:Impact,sans-serif; font-size:20px; text-align:left; padding:0 80px 0 0; position:absolute; left:0; bottom:0; z-index:1; }
.banner_control .swiper-pagination span { display:inline-block; padding:0 2px; }
.banner_control .swiper-pagination span::before { content:'0'; display:inline; }
.banner_control .swiper-pagination span.swiper-pagination-current { color:#fff; font-size:30px; }
.banner_control .swiper-pagination::before { content:''; display:block; width:calc(100% - 160px); height:1px; background-color:rgba(255,255,255,.1); position:absolute; top:50%; left:80px; }
.banner_control .swiper-button-prev,.banner_control .swiper-button-next { width:32px; height:32px; margin:0; padding:6px; background:none; position:absolute; top:0; z-index:2; cursor:pointer; }
.banner_control .swiper-button-prev { left:auto; right:40px; }
.banner_control .swiper-button-next { right:0; }
.banner_control .swiper-button-prev svg,.banner_control .swiper-button-next svg { display:block; width:100%; height:100%; }
.banner_control .swiper-button-prev svg path,.banner_control .swiper-button-next svg path { fill:#fff; }
.banner_control .swiper-button-prev:hover svg path,.banner_control .swiper-button-next:hover svg path { fill:#e61f4d; }

@media (max-width:1680px) { .bannerbox { height:660px; } }
@media (max-width:1600px) { .bannerbox { height:630px; } }
@media (max-width:1560px) { .bannerbox { height:610px; } }
@media (max-width:1440px) { .bannerbox { height:570px; } }
@media (max-width:1366px) { .bannerbox { height:540px; } }
@media (max-width:1280px) { .bannerbox { height:520px; } }
@media (max-width:1200px) { .bannerbox { height:500px; } .banner_control { bottom:20px; } }
@media (max-width:1080px) { .bannerbox { height:460px; } }
@media (max-width:1024px) { .bannerbox { height:440px; } }
@media (max-width:920px) { .bannerbox { height:380px; } .banner_control { bottom:12px; } }
@media (max-width:820px) { .bannerbox { height:340px; } }
@media (max-width:767px) {
  .bannerbox { height:220px; margin-top:60px; }
  .banner_control { bottom:6px; }
  .banner_control .swiper-pagination { font-size:16px; }
  .banner_control .swiper-pagination span.swiper-pagination-current { font-size:24px; }
  .banner_control .swiper-pagination::before { width:calc(100% - 125px); left:60px; }
  .banner_control .swiper-button-prev { right:32px; }
  .banner_swiper .swiper-slide .banner-text h2 { font-size:20px; margin-bottom:8px; }
  .banner_swiper .swiper-slide .banner-text p { font-size:14px; }
}
@media (max-width:390px) { .bannerbox { height:200px; } }
@media (max-width:320px) { .bannerbox { height:170px; } }
@media (max-width:280px) { .bannerbox { height:150px; } }

/* ---------- Product Head / Search Bar ---------- */
.prohead { padding:0 0 60px; background-color:#f4f4f4; }
.prohead .prohead_main { margin:-48px auto 0; position:relative; z-index:1; }
.prohead_main .prohead_left { width:400px; height:320px; padding:40px; background:#333; position:relative; float:left; }
.prohead_left .prohead_title { margin:0 0 20px; }
.prohead_title a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:26px; white-space:nowrap; text-overflow:ellipsis; }
.prohead_title a:hover { color:#e61f4d; }
.prohead_title p { max-height:60px; overflow:hidden; line-height:30px; color:rgba(255,255,255,.5); font-size:16px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:4px; }
.prohead_left .prohead_form { width:100%; }
.prohead_form form { display:block; width:100%; height:auto; overflow:hidden; background-color:rgba(255,255,255,.1); border-radius:0 0 16px 0; }
.prohead_form .scIpt { width:calc(100% - 50px); float:left; }
.prohead_form .scIpt input { display:block; width:100%; height:44px; overflow:hidden; line-height:44px; color:#fff; font-size:14px; white-space:nowrap; text-overflow:ellipsis; padding:0 16px; outline:none; background:none !important; border:0 !important; }
.prohead_form .scIpt input::placeholder { color:rgba(255,255,255,.25); }
.prohead_form .scBtn { width:50px; float:right; }
.prohead_form .scBtn button { display:block; width:100%; height:44px; overflow:hidden; line-height:44px; color:#fff; font-size:14px; padding:12px 16px; border-radius:0 0 16px 0; background:#e61f4d !important; border:0 !important; cursor:pointer; outline:none; }
.prohead_form .scBtn button svg { display:block; width:100%; height:100%; }
.prohead_left .prohead_more { position:absolute; left:40px; bottom:40px; }
.prohead_more a { display:inline-block; height:40px; line-height:40px; color:#fff; font-size:16px; text-decoration:underline; vertical-align:top; }
.prohead_more a:hover { color:#e61f4d; }
.prohead_more a i { display:inline-block; width:28px; height:28px; overflow:hidden; padding:8px; border-radius:50%; background-color:#e61f4d; vertical-align:middle; margin:-2px 0 0 10px; }
.prohead_more a i svg { display:block; width:100%; height:100%; }
.prohead_main .prohead_right { width:calc(100% - 400px); height:320px; background-color:#1c1c1c; float:right; }
.prohead_right ul { display:flex; flex-wrap:wrap; justify-content:left; margin:0; }
.prohead_right ul li { display:none; width:25%; height:160px; border-right:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,0); position:relative; }
.prohead_right ul li:nth-child(1),.prohead_right ul li:nth-child(2),.prohead_right ul li:nth-child(3),.prohead_right ul li:nth-child(4) { border-bottom:1px solid rgba(255,255,255,.1); }
.prohead_right ul li:nth-child(4n+4) { border-right:1px solid rgba(255,255,255,0); }
.prohead_right ul li:nth-child(1),.prohead_right ul li:nth-child(2),.prohead_right ul li:nth-child(3),.prohead_right ul li:nth-child(4),.prohead_right ul li:nth-child(5),.prohead_right ul li:nth-child(6),.prohead_right ul li:nth-child(7),.prohead_right ul li:nth-child(8) { display:block; }
.prohead_right ul li::before { content:''; display:block; width:100%; height:100%; padding:0; position:absolute; left:0; top:0; background:#e61f4d; opacity:0; transition:all 0.5s; }
.prohead_right ul li:hover::before { padding:4px; position:absolute; left:-4px; top:-4px; opacity:1; }
.prohead_right ul li p { width:100%; height:100%; padding:30px 40px; position:relative; z-index:1; }
.prohead_right ul li p a.name { display:block; height:60px; overflow:hidden; line-height:26px; color:#fff; font-size:16px; font-weight:bold; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding:4px 0; }
.prohead_right ul li p a.btn { display:block; height:30px; line-height:30px; color:rgba(255,255,255,.25); font-size:14px; position:absolute; left:40px; bottom:30px; }
.prohead_right ul li:hover p a.btn { color:#fff; }
.prohead_right ul li p a.btn i { display:inline-block; width:20px; height:20px; margin:-2px 0 0 10px; padding:5px; border-radius:50%; border:1px solid rgba(255,255,255,.25); vertical-align:middle; }
.prohead_right ul li:hover p a.btn i { border:1px solid #fff; }

@media (max-width:1440px) {
  .prohead { padding:0 0 40px; }
  .prohead_main .prohead_left { height:300px; padding:30px; }
  .prohead_title a { height:36px; line-height:36px; font-size:24px; }
  .prohead_title p { font-size:15px; }
  .prohead_left .prohead_more { left:30px; bottom:30px; }
  .prohead_main .prohead_right { height:300px; }
  .prohead_right ul li { height:150px; }
  .prohead_right ul li p { padding:22px 30px; }
  .prohead_right ul li p a.btn { left:30px; bottom:22px; }
}
@media (max-width:1280px) {
  .prohead_main .prohead_left,.prohead_main .prohead_right { height:280px; }
  .prohead_title a { height:32px; line-height:32px; font-size:22px; }
  .prohead_title p { max-height:48px; line-height:24px; font-size:14px; }
  .prohead_right ul li { height:140px; }
  .prohead_right ul li p { padding:20px 30px; }
  .prohead_right ul li p a.btn { bottom:20px; }
  .prohead_right ul li p a.name { height:58px; line-height:25px; font-size:15px; }
}
@media (max-width:1200px) {
  .prohead { overflow:hidden; padding:0; }
  .prohead .prohead_main { width:100%; margin:0 auto; }
  .prohead_main .prohead_left { width:360px; }
  .prohead_main .prohead_right { width:calc(100% - 360px); }
}
@media (max-width:1080px) {
  .prohead_main .prohead_left { width:320px; height:250px; padding:20px; }
  .prohead_form .scIpt input,.prohead_form .scBtn button { height:40px; line-height:40px; }
  .prohead_left .prohead_more { left:20px; bottom:20px; }
  .prohead_main .prohead_right { width:calc(100% - 320px); height:250px; }
  .prohead_right ul li { height:125px; }
  .prohead_right ul li p { padding:16px 20px; }
  .prohead_right ul li p a.name { height:56px; line-height:24px; font-size:14px; }
  .prohead_right ul li p a.btn { left:20px; bottom:16px; }
}
@media (max-width:1024px) {
  .prohead_main .prohead_left { width:300px; height:240px; }
  .prohead_main .prohead_right { width:calc(100% - 300px); height:240px; }
  .prohead_right ul li { height:120px; }
}
@media (max-width:920px) {
  .prohead_main .prohead_left { width:100%; height:auto; padding:20px 3%; }
  .prohead_main .prohead_right { width:100%; height:240px; }
  .prohead_left .prohead_title { float:left; margin:0; }
  .prohead_left .prohead_form { width:40%; margin:9px 0; float:right; }
  .prohead_left .prohead_more { position:inherit; clear:both; display:none; }
}
@media (max-width:767px) {
  .prohead_main .prohead_left { padding:16px 3%; }
  .prohead_left .prohead_title { float:none; display:none; }
  .prohead_left .prohead_form { width:100%; margin:0 auto; float:none; }
  .prohead_main .prohead_right { height:auto; }
  .prohead_right ul li { width:50%; height:auto; }
  .prohead_right ul li:nth-child(1),.prohead_right ul li:nth-child(2),.prohead_right ul li:nth-child(3),.prohead_right ul li:nth-child(4),.prohead_right ul li:nth-child(5),.prohead_right ul li:nth-child(6) { border-bottom:1px solid rgba(255,255,255,.1); }
  .prohead_right ul li:nth-child(2n+2) { border-right:1px solid rgba(255,255,255,0); }
  .prohead_right ul li p { height:auto; padding:16px 12px; }
  .prohead_right ul li p a.name { height:auto; max-height:48px; margin-bottom:0; }
  .prohead_right ul li p a.btn { position:inherit; display:none; }
}

/* ---------- About Section ---------- */
.aboutbox { overflow:hidden; background:#1a1a1a; background-size:cover; background-position:center; }
.aboutbox .about_main { margin:0 auto; padding:80px 0; position:relative; }
.about_main .about_text { width:100%; padding-right:58%; }
.about_text .about_con { height:160px; overflow:hidden; line-height:32px; color:rgba(255,255,255,.45); font-size:16px; text-align:justify; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:5; -webkit-box-orient:vertical; }
.about_text .about_btn { margin-top:60px; }
.about_btn a { display:inline-block; vertical-align:top; height:40px; line-height:40px; color:#fff; font-size:16px; margin:0; padding:0 60px 0 30px; border-radius:20px; background-color:#e61f4d; position:relative; }
.about_btn a:hover { color:#e61f4d; background-color:#fff; }
.about_btn a i { display:block; width:28px; height:28px; overflow:hidden; padding:8px; background-color:#fff; border-radius:50%; position:absolute; top:6px; right:6px; }
.about_btn a i svg { display:block; width:100%; height:100%; }
.about_main .about_menu { width:600px; position:absolute; right:0; bottom:0; }
.about_menu ul li { width:33.333333%; height:180px; overflow:hidden; float:left; }
.about_menu ul li a { display:block; width:100%; height:100%; overflow:hidden; padding:42px; }
.about_menu ul li:nth-child(1) a { background-color:#b60e34; }
.about_menu ul li:nth-child(2) a { background-color:#d3133f; }
.about_menu ul li:nth-child(3) a { background-color:#e61f4d; }
.about_menu ul li a i { display:block; width:48px; height:48px; overflow:hidden; margin:0 auto; }
.about_menu ul li a:hover i { transform:rotateY(180deg); }
.about_menu ul li a em { display:block; line-height:24px; color:#fff; font-size:16px; font-style:normal; text-align:center; margin-top:20px; }

@media (max-width:1440px) {
  .aboutbox .about_main { padding:60px 0; }
  .about_main .about_text { padding-right:54%; }
  .about_text .about_con { height:150px; line-height:30px; font-size:15px; }
  .about_text .about_btn { margin-top:40px; }
  .about_btn a { font-size:15px; padding:0 50px 0 20px; }
  .about_btn a i { width:26px; height:26px; padding:7px; top:7px; right:7px; }
  .about_main .about_menu { width:540px; }
  .about_menu ul li { height:160px; }
  .about_menu ul li a { padding:35px; }
}
@media (max-width:1366px) { .about_main .about_menu { width:480px; } .about_menu ul li { height:140px; } .about_menu ul li a { padding:30px; } .about_menu ul li a em { margin-top:10px; } }
@media (max-width:1280px) { .about_main .about_text { padding-right:50%; } .about_text .about_con { height:140px; line-height:28px; font-size:14px; } }
@media (max-width:1080px) { .about_btn a { font-size:14px; } .about_main .about_menu { width:420px; } .about_menu ul li { height:120px; } .about_menu ul li a { padding:20px; } }
@media (max-width:920px) {
  .aboutbox .about_main { padding:40px 0; }
  .about_text .about_con { height:130px; line-height:26px; font-size:14px; }
  .about_main .about_menu { width:390px; } .about_menu ul li { height:110px; } .about_menu ul li a em { line-height:20px; font-size:14px; margin-top:5px; }
}
@media (max-width:820px) { .about_main .about_menu { width:360px; } .about_menu ul li { height:100px; } .about_menu ul li a { padding:15px 20px; } }
@media (max-width:767px) {
  .aboutbox .about_main { width:100%; padding:40px 3% 100px; }
  .about_main .about_text { padding:0 0 40px; }
  .about_text .about_btn { margin-top:20px; }
  .about_main .about_menu { width:100%; }
}

/* ---------- Products Section ---------- */
.productbox { padding:80px 0 60px; background-color:#f4f4f4; }
.productbox .product_main { margin:0 auto; }
.product_list ul { display:flex; flex-wrap:wrap; justify-content:left; margin:0 -12px; }
.product_list ul li { width:25%; margin-bottom:28px; padding:0 12px; }
.product_list ul li .product_con { padding:24px; background-color:#fff; box-shadow:0 0 0 rgba(0,0,0,0); position:relative; }
.product_list ul li:hover .product_con { box-shadow:0 10px 16px rgba(0,0,0,.1); }
.product_list ul li .product_con::before,.product_list ul li .product_con::after { content:''; display:block; width:90%; height:4px; overflow:hidden; background-color:#222; position:absolute; left:0; top:-4px; transition:all 0.5s; }
.product_list ul li .product_con::after { width:0; background-color:#e61f4d; }
.product_list ul li:hover .product_con::before { width:0; }
.product_list ul li:hover .product_con::after { width:90%; }
.product_list ul li .product_con .product_text { width:100%; margin:0 auto 10px; }
.product_list ul li .product_con .product_text a.product_name em { display:block; width:100%; height:32px; overflow:hidden; line-height:32px; color:#222; font-size:20px; font-weight:bold; font-style:normal; white-space:nowrap; text-overflow:ellipsis; }
.product_list ul li .product_con .product_text a.product_name span { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#777; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; }
.product_list ul li:hover .product_con .product_text a.product_name em,.product_list ul li:hover .product_con .product_text a.product_name span { color:#e61f4d; }
.product_list ul li .product_con .product_img { width:100%; height:220px; overflow:hidden; margin:0 auto; }
.product_list ul li .product_con .product_img a { display:block; width:100%; height:100%; overflow:hidden; position:relative; }
.product_list ul li .product_con .product_img a img { display:block; max-width:100%; max-height:100%; margin:auto; position:absolute; left:0; top:0; right:0; bottom:0; object-fit:cover; }
.product_list ul li:hover .product_con .product_img a img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.product_list ul li .product_con .product_btn { position:absolute; right:24px; bottom:24px; }
.product_list ul li .product_con .product_btn a i { display:block; width:24px; height:24px; overflow:hidden; padding:6px; background-color:rgba(0,0,0,0); border:1px solid #e61f4d; border-radius:50%; }
.product_list ul li .product_con .product_btn a:hover i { background-color:#e61f4d; }
.product_list ul li .product_con .product_btn a i svg { display:block; width:100%; height:100%; }

@media (max-width:1440px) { .productbox { padding:60px 0 40px; } .product_list ul { margin:0 -10px; } .product_list ul li { margin-bottom:24px; padding:0 10px; } .product_list ul li .product_con { padding:20px; } .product_list ul li .product_con .product_img { height:210px; } .product_list ul li .product_con .product_btn { right:20px; bottom:20px; } }
@media (max-width:1366px) { .product_list ul li .product_con .product_img { height:200px; } }
@media (max-width:1280px) { .product_list ul li .product_con .product_img { height:180px; } .product_list ul li .product_con .product_text a.product_name em { height:30px; line-height:30px; font-size:18px; } .product_list ul li .product_con .product_text a.product_name span { height:24px; line-height:24px; font-size:14px; } }
@media (max-width:1200px) { .product_list ul li .product_con .product_img { height:170px; } }
@media (max-width:1080px) { .product_list ul li .product_con .product_img { height:150px; } }
@media (max-width:1024px) { .product_list ul li .product_con .product_img { height:140px; } }
@media (max-width:920px) { .productbox { padding:40px 0 20px; } .product_list ul li .product_con { padding:12px; } .product_list ul li .product_con .product_img { height:130px; } .product_list ul li .product_con .product_btn { right:12px; bottom:12px; } }
@media (max-width:820px) { .product_list ul li { width:50%; } .product_list ul li .product_con { padding:20px; } .product_list ul li .product_con .product_img { height:220px; } .product_list ul li .product_con .product_btn { right:20px; bottom:20px; } }
@media (max-width:767px) { .product_list ul li .product_con { padding:12px; } .product_list ul li .product_con .product_img { height:120px; } .product_list ul li .product_con .product_btn { right:12px; bottom:12px; } }
@media (max-width:390px) { .product_list ul { margin:0 -6px; } .product_list ul li { padding:0 6px; } }
@media (max-width:320px) { .product_list ul { margin:0; } .product_list ul li { width:100%; padding:0; } .product_list ul li .product_con { padding:20px; } .product_list ul li .product_con .product_img { height:200px; } .product_list ul li .product_con .product_btn { right:20px; bottom:20px; } }
@media (max-width:280px) { .product_list ul li .product_con .product_img { height:170px; } }

/* ---------- News Section ---------- */
.newsbox { padding:80px 0 60px; }
.newsbox .news_main { margin:0 auto; }
.news_list ul { display:flex; flex-wrap:wrap; justify-content:center; margin:0 -12px; }
.news_list ul li { width:50%; margin-bottom:24px; padding:24px 12px 0; }
.news_list ul li .news_con { padding:24px; background-color:#f4f4f4; position:relative; }
.news_list ul li:hover .news_con { background-color:#222; }
.news_list ul li .news_con .news_time { width:80px; height:80px; overflow:hidden; padding:13px 0; background-color:#e61f4d; margin:-48px 20px 0 0; float:left; }
.news_list ul li .news_con .news_time span { display:block; line-height:24px; color:#fff; font-size:16px; text-align:center; }
.news_list ul li .news_con .news_time p { line-height:30px; color:#fff; font-size:24px; text-align:center; }
.news_list ul li .news_con .news_title { width:calc(100% - 100px); float:right; }
.news_list ul li .news_con .news_title a { display:block; width:100%; height:32px; overflow:hidden; line-height:32px; color:#222; font-size:18px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; }
.news_list ul li:hover .news_con .news_title a { color:#fff; }
.news_list ul li .news_con .news_ms { max-height:56px; overflow:hidden; line-height:28px; color:#999; font-size:16px; word-break:break-all; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:16px; }
.news_list ul li:hover .news_con .news_ms { color:rgba(255,255,255,.45); }

@media (max-width:1440px) { .newsbox { padding:60px 0 40px; } .news_list ul { margin:0 -10px; } .news_list ul li { margin-bottom:20px; padding:20px 10px 0; } .news_list ul li .news_con { padding:20px; } .news_list ul li .news_con .news_time { width:72px; height:72px; padding:11px 0; margin:-40px 20px 0 0; } .news_list ul li .news_con .news_title { width:calc(100% - 92px); } .news_list ul li .news_con .news_ms { max-height:50px; line-height:25px; font-size:15px; margin-top:15px; } }
@media (max-width:1280px) { .news_list ul li .news_con .news_ms { max-height:48px; line-height:24px; font-size:14px; margin-top:14px; } }
@media (max-width:920px) { .newsbox { padding:40px 0 20px; } .news_list ul li .news_con .news_title a { height:30px; line-height:30px; font-size:16px; } }
@media (max-width:767px) { .news_list ul li { width:100%; } }

/* ---------- Links Section ---------- */
.linkbox { width:100%; height:72px; overflow:hidden; position:relative; }
.linkbox::before { content:''; display:block; width:36%; height:100%; background-color:#222; position:absolute; left:0; top:0; }
.linkbox .link_main { height:72px; overflow:hidden; padding-left:82px; background-color:#fff; position:absolute; left:50%; top:0; z-index:1; transform:translateX(-50%); display:flex; align-items:center; }
.linkbox .link_main::before,.linkbox .link_main::after { content:''; display:block; width:72px; height:72px; overflow:hidden; position:absolute; top:0; transform:skewX(45deg); }
.linkbox .link_main::before { background-color:#e61f4d; left:-24px; }
.linkbox .link_main::after { background-color:#222; left:-36px; }
.link_main .link_title { width:130px; height:72px; overflow:hidden; line-height:40px; color:#222; font-size:18px; font-weight:bold; padding:16px 0; }
.link_title i { display:block; width:26px; height:26px; overflow:hidden; margin:7px 10px 7px 0; padding:6px; background-color:#e61f4d; border-radius:50%; float:left; }
.link_title i svg { display:block; width:100%; height:100%; }
.link_main .link_list { width:calc(100% - 130px); max-height:72px; overflow:hidden; padding:6px 0; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.link_list a { display:inline-block; height:30px; line-height:30px; color:#999; font-size:16px; vertical-align:top; margin:0 12px; }
.link_list a:hover { color:#e61f4d; }

@media (max-width:1440px) {
  .linkbox { height:64px; } .linkbox .link_main { height:64px; padding-left:72px; }
  .linkbox .link_main::before { width:10px; height:64px; left:32px; } .linkbox .link_main::after { width:64px; height:64px; left:-32px; }
  .link_main .link_title { width:130px; height:64px; line-height:40px; font-size:18px; padding:12px 0; } .link_main .link_list { max-height:64px; padding:2px 0; } .link_list a { height:30px; line-height:30px; font-size:15px; margin:0 10px; }
}
@media (max-width:1280px) { .link_main .link_title { width:118px; font-size:16px; } .link_main .link_list { width:calc(100% - 118px); } .link_list a { font-size:14px; margin:0 8px; } }
@media (max-width:767px) {
  .linkbox { height:auto; } .linkbox::before { display:none; }
  .linkbox .link_main { width:100%; height:auto; padding:10px 3%; background-color:#f4f4f4; position:inherit; left:inherit; top:inherit; z-index:inherit; transform:inherit; display:block; align-items:inherit; }
  .linkbox .link_main::before,.linkbox .link_main::after { display:none; }
  .link_main .link_title { width:100%; height:auto; font-size:18px; padding:0; } .link_main .link_list { width:100%; } .link_list a { margin:0 8px 0 0; }
}

/* ---------- Footer ---------- */
.footbox { overflow:hidden; background-color:#222; position:relative; }
.footbox .foot_main { margin:0 auto; padding-bottom:40px; }
.foot_main .foot_left { width:calc(100% - 400px); padding:60px 0 0; float:left; }
.foot_nav ul { display:flex; flex-wrap:wrap; justify-content:left; margin:0 -30px; overflow:hidden; }
.foot_nav ul li { width:33.333333%; overflow:hidden; padding:0 30px; position:relative; }
.foot_nav ul li .footNav_con { padding-left:0; position:relative; }
.foot_nav ul li .footNav_con .foot_tit { margin-bottom:30px; padding-left:20px; border-left:3px solid #e61f4d; }
.foot_tit p { line-height:28px; color:#e61f4d; font-size:18px; font-weight:bold; }
.foot_tit span { display:block; line-height:20px; color:rgba(255,255,255,.25); font-size:14px; }
.foot_nav ul li .footNav_con a { display:block; width:100%; height:32px; overflow:hidden; line-height:32px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; margin-top:10px; }
.foot_nav ul li .footNav_con a:hover { color:#e61f4d; }
.foot_left .foot_copy { margin-top:80px; }
.foot_copy p { line-height:36px; color:rgba(255,255,255,.25); font-size:16px; }
.foot_copy p a { color:rgba(255,255,255,.25); font-size:16px; }
.foot_copy p a:hover { color:#fff; }
.foot_main .foot_right { width:340px; height:auto; overflow:hidden; background-color:#e61f4d; padding:40px; float:right; }
.foot_right .foot_tel { margin-bottom:20px; }
.foot_tel i { display:block; width:60px; height:60px; overflow:hidden; margin-bottom:16px; padding:12px; background-color:#fff; border-radius:50%; }
.foot_tel i svg { display:block; width:100%; height:100%; }
.foot_tel span { display:block; line-height:30px; color:#fff; font-size:18px; }
.foot_tel p { line-height:40px; color:#fff; font-size:36px; }
.foot_tel em { display:block; line-height:24px; color:rgba(255,255,255,.45); font-size:14px; font-style:normal; }
.foot_ewm { display:flex; align-items:end; }
.foot_ewm img { display:block; width:145px; height:auto; }
.foot_ewm span { display:block; line-height:30px; color:#fff; font-size:16px; padding-left:15px; }

@media (max-width:1440px) {
  .footbox .foot_main { padding-bottom:30px; }
  .foot_nav ul li .footNav_con a { height:30px; line-height:30px; font-size:15px; }
  .foot_left .foot_copy { margin-top:60px; } .foot_copy p,.foot_copy p a { font-size:15px; }
  .foot_tel i { width:54px; height:54px; margin-bottom:15px; } .foot_tel span { line-height:26px; font-size:16px; } .foot_tel p { line-height:36px; font-size:32px; }
  .foot_ewm img { width:130px; } .foot_ewm span { line-height:25px; font-size:15px; padding-left:15px; }
}
@media (max-width:1280px) {
  .foot_main .foot_left { width:calc(100% - 360px); } .foot_nav ul { margin:0 -20px; } .foot_nav ul li { padding:0 20px; }
  .foot_copy p,.foot_copy p a { font-size:14px; } .foot_main .foot_right { width:320px; }
  .foot_ewm img { width:124px; } .foot_ewm span { line-height:24px; font-size:14px; padding-left:14px; }
}
@media (max-width:1080px) {
  .foot_main .foot_left { width:calc(100% - 320px); padding:40px 0 0; }
  .foot_nav ul li .footNav_con .foot_tit { margin-bottom:20px; } .foot_nav ul li .footNav_con a { margin-top:5px; }
  .foot_left .foot_copy { margin-top:40px; } .foot_copy p.fl,.foot_copy p.fr { text-align:left; float:none; }
  .foot_main .foot_right { width:280px; padding:30px; } .foot_tel p { line-height:36px; font-size:30px; } .foot_ewm img { width:120px; }
}
@media (max-width:920px) {
  .footbox .foot_main { padding-bottom:20px; } .foot_main .foot_left { width:calc(100% - 280px); padding:40px 0 0; }
  .foot_main .foot_right { width:260px; padding:30px 20px; } .foot_ewm span { padding-left:12px; }
}
@media (max-width:820px) {
  .foot_main .foot_left { width:calc(100% - 240px); padding:30px 0 0; }
  .foot_left .foot_copy { margin-top:30px; } .foot_main .foot_right { width:220px; padding:30px 20px; }
  .foot_tel span { line-height:24px; font-size:14px; } .foot_tel p { line-height:30px; font-size:24px; }
  .foot_tel em { line-height:20px; font-size:12px; } .foot_ewm img { width:110px; }
}
@media (max-width:767px) {
  .footbox .foot_main { width:100%; padding:0; }
  .foot_main .foot_right { width:100%; padding:20px; float:none; }
  .foot_right .foot_tel { margin-bottom:0; } .foot_tel i { float:left; margin:0 12px 0 0; } .foot_tel em { display:none; } .foot_ewm { display:none; }
  .foot_main .foot_left { width:100%; padding:20px 3%; float:none; } .foot_left .foot_nav { display:none; }
  .foot_left .foot_copy { margin-top:0; } .foot_copy p { line-height:30px; }
}

/* ---------- Sidebar ---------- */
.sidebar { width:64px; height:auto; background-color:#eee; border-radius:2px; margin-top:50px; position:fixed; top:50%; right:10px; z-index:9; transform:translateY(-50%); }
.sidebar .side_ewm,.sidebar .side_tel,.sidebar .side_top { width:100%; height:auto; padding:15px 0; position:relative; cursor:pointer; }
.sidebar .side_tel.mobile_tel { display:none; }
.sidebar .side_ewm::after,.sidebar .side_tel::after { content:''; display:block; width:28px; height:1px; background-color:#ddd; position:absolute; left:18px; bottom:0; }
.sidebar .side_ewm p { display:none; width:140px; height:140px; padding:6px; background-color:#fff; border-radius:8px; box-shadow:0 0 6px rgba(0,0,0,.1); position:absolute; top:0; right:72px; }
.sidebar .side_ewm p img { display:block; width:100%; height:100%; }
.sidebar .side_tel p { display:none; width:240px; height:72px; line-height:48px; color:#e61f4d; font-size:26px; font-weight:bold; text-align:center; padding:12px 20px; background-color:#fff; border-radius:8px; box-shadow:0 0 6px rgba(0,0,0,.1); position:absolute; top:0; right:72px; }
.sidebar .side_ewm p::after,.sidebar .side_tel p::after { content:''; display:block; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:0 solid transparent; border-left:8px solid #fff; position:absolute; right:-8px; top:20px; }
.sidebar .side_ewm:hover p,.sidebar .side_tel:hover p { display:block; }
.sidebar .side_ewm i,.sidebar .side_tel i,.sidebar .side_top i { display:block; width:28px; height:28px; overflow:hidden; margin:0 auto 2px; }
.sidebar .side_ewm i svg,.sidebar .side_tel i svg,.sidebar .side_top i svg { display:block; width:100%; height:100%; }
.sidebar .side_ewm span,.sidebar .side_tel span,.sidebar .side_top span { display:block; width:100%; height:16px; line-height:16px; color:#777; font-size:14px; text-align:center; margin:0 auto; }
.sidebar .side_ewm:hover span,.sidebar .side_tel:hover span,.sidebar .side_top:hover span { color:#e61f4d; }

@media (max-width:820px) {
  .sidebar .side_ewm,.sidebar .side_tel { display:none; }
  .sidebar .side_tel.mobile_tel { display:block; padding:7px 0; }
  .sidebar .side_tel.mobile_tel i { width:22px; height:22px; }
  .sidebar .side_tel.mobile_tel::after { left:12px; }
  .sidebar .side_tel.mobile_tel span { font-size:12px; }
  .sidebar { width:50px; } .sidebar .side_top { padding:3px 0 7px; }
  .sidebar .side_top i { margin:0 auto; } .sidebar .side_top span { height:12px; line-height:12px; font-size:12px; }
}

/* ---------- Section Title ---------- */
.sectitle { margin-bottom:40px; }
.sectitle span { display:block; line-height:50px; color:rgba(0,0,0,.06); font-size:60px; font-weight:bold; font-family:Impact,sans-serif; text-align:center; margin:0 auto; }
.sectitle p { line-height:40px; color:#222; font-size:40px; font-weight:bold; text-align:center; margin:-30px auto 16px; }
.sectitle i { display:block; height:16px; overflow:hidden; text-align:center; }
.sectitle i::before,.sectitle i::after { content:''; display:inline-block; width:250px; height:1px; overflow:hidden; background-color:#e6e6e6; }
.sectitle i::before { margin:7.5px 40px 0 0; }
.sectitle i::after { margin:7.5px 0 0 40px; }
.sectitle1 span { color:rgba(255,255,255,.06); text-align:left; }
.sectitle1 p { color:#fff; text-align:left; }
.sectitle1 i { text-align:left; }
.sectitle1 i::before { display:none; }
.sectitle1 i::after { margin:7.5px 0 0 70px; background-color:rgba(255,255,255,.06); }

@media (max-width:1440px) {
  .sectitle { margin-bottom:30px; } .sectitle span { line-height:42px; font-size:54px; }
  .sectitle p { font-size:36px; margin:-24px auto 12px; }
}
@media (max-width:1280px) {
  .sectitle span { line-height:40px; font-size:48px; } .sectitle p { line-height:36px; font-size:32px; margin:-24px auto 10px; }
  .sectitle i::before,.sectitle i::after { width:200px; }
}
@media (max-width:920px) {
  .sectitle { margin-bottom:20px; } .sectitle span { line-height:36px; font-size:44px; }
  .sectitle p { line-height:32px; font-size:30px; margin:-20px auto 10px; }
  .sectitle i::before,.sectitle i::after { width:160px; }
  .sectitle i::before { margin:5.5px 30px 0 0; } .sectitle i::after { margin:5.5px 0 0 30px; }
}
@media (max-width:767px) { .sectitle i::before,.sectitle i::after { width:110px; } }
@media (max-width:320px) { .sectitle span { line-height:32px; font-size:40px; } .sectitle p { line-height:30px; font-size:26px; margin:-20px auto 10px; } .sectitle i::before,.sectitle i::after { width:94px; } }

/* ---------- Partners Section ---------- */
.partnerbox { padding:60px 0; background-color:#fff; }
.partnerbox .partner_main { margin:0 auto; }
.partner_list { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin:0 -20px; }
.partner_list .partner_item { padding:20px 30px; }
.partner_list .partner_item span { display:block; padding:16px 32px; background-color:#f8f8f8; border-radius:4px; color:#666; font-size:16px; font-weight:bold; text-align:center; border:1px solid #eee; }
.partner_list .partner_item span:hover { border-color:#e61f4d; color:#e61f4d; }

@media (max-width:767px) {
  .partnerbox { padding:40px 0; }
  .partner_list .partner_item { padding:10px 15px; }
  .partner_list .partner_item span { padding:12px 20px; font-size:14px; }
}

/* ---------- Inner Page Banner ---------- */
.n-banner { width:100%; height:460px; overflow:hidden; position:relative; }
.n-banner img { display:block; width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; }
.n-banner::after { content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.45); position:absolute; left:0; top:0; z-index:1; }
.n-banner .n-banner-text { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; text-align:center; width:100%; }
.n-banner .n-banner-text h1 { color:#fff; font-size:36px; font-weight:bold; line-height:40px; }
.n-banner .n-banner-text p { color:rgba(255,255,255,.25); font-size:24px; margin-top:0; text-transform:uppercase; }
.n-banner .n-banner-text i { display:block; width:40px; height:3px; margin:10px auto; background-color:#e61f4d; }

@media (max-width:1680px) { .n-banner { height:420px; } }
@media (max-width:1600px) { .n-banner { height:400px; } }
@media (max-width:1440px) { .n-banner { height:360px; } .n-banner .n-banner-text h1 { font-size:32px; line-height:36px; } .n-banner .n-banner-text p { font-size:20px; } }
@media (max-width:1366px) { .n-banner { height:320px; } }
@media (max-width:1280px) { .n-banner { height:300px; } .n-banner .n-banner-text h1 { font-size:30px; line-height:32px; } .n-banner .n-banner-text p { font-size:18px; } }
@media (max-width:1080px) { .n-banner { height:280px; } .n-banner .n-banner-text h1 { font-size:26px; line-height:30px; } .n-banner .n-banner-text p { font-size:16px; } }
@media (max-width:767px) { .n-banner { height:180px; margin-top:60px; } .n-banner .n-banner-text h1 { font-size:24px; } .n-banner .n-banner-text p { font-size:14px; } .n-banner .n-banner-text i { width:30px; margin:5px auto; } }
@media (max-width:375px) { .n-banner { height:160px; } }
@media (max-width:320px) { .n-banner { height:140px; } .n-banner .n-banner-text h1 { font-size:22px; } }

/* ---------- Breadcrumb ---------- */
.ntit { width:100%; height:auto; margin:0 auto 58px; position:relative; }
.ntit .ntt { height:70px; margin:0 auto; background-color:#fff; position:relative; display:flex; align-items:center; justify-content:space-between; }
.ntt .ntt-left { display:none; }
.ntt .ntt-left h1 { font-size:22px; color:#222; font-weight:bold; }
.ntt .ntt-left i { font-size:13px; color:#999; font-style:normal; }
.ntt .weiz { height:70px; line-height:70px; color:#333; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 28px 0 0; max-width:72%; }
.ntt .weiz a { color:#333; }
.ntt .weiz a:hover { color:#e61f4d; }

@media (max-width:1440px) {
  .ntit { margin:0 auto 40px; }
  .ntit .ntt { height:60px; }
  .ntt .weiz { height:60px; line-height:60px; font-size:15px; }
}
@media (max-width:767px) {
  .ntit .ntt { flex-direction:column; align-items:flex-start; padding:10px 0; height:auto; }
  .ntt .weiz { max-width:100%; padding:0; height:auto; line-height:24px; font-size:13px; white-space:normal; }
}

/* ---------- Inner Page Content ---------- */
.page-content { padding:60px 0; }
.page-content .w1400 { max-width:1400px; }

/* About Page */
.about-detail { line-height:32px; color:#555; font-size:16px; text-align:justify; }
.about-detail p { margin-bottom:20px; }
.about-timeline { margin:60px 0; }
.about-timeline .tl-item { display:flex; margin-bottom:30px; position:relative; padding-left:40px; border-left:2px solid #e61f4d; }
.about-timeline .tl-item::before { content:''; display:block; width:12px; height:12px; background-color:#e61f4d; border-radius:50%; position:absolute; left:-7px; top:4px; }
.about-timeline .tl-item .tl-year { min-width:100px; font-size:18px; font-weight:bold; color:#e61f4d; }
.about-timeline .tl-item .tl-text { line-height:28px; color:#555; font-size:15px; }
.about-values { display:flex; flex-wrap:wrap; margin:0 -15px; }
.about-values .value-card { width:33.333%; padding:0 15px; margin-bottom:30px; }
.about-values .value-card .value-inner { background-color:#f8f8f8; padding:40px 30px; text-align:center; border-radius:4px; border-top:3px solid #e61f4d; }
.about-values .value-card .value-inner .value-icon { width:60px; height:60px; margin:0 auto 20px; background-color:#e61f4d; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.about-values .value-card .value-inner .value-icon svg { width:30px; height:30px; }
.about-values .value-card .value-inner h3 { font-size:20px; color:#222; font-weight:bold; margin-bottom:12px; }
.about-values .value-card .value-inner p { font-size:14px; color:#777; line-height:24px; }
.about-team { display:flex; flex-wrap:wrap; margin:0 -12px; }
.about-team .team-card { width:25%; padding:0 12px; margin-bottom:24px; }
.about-team .team-card .team-inner { background-color:#fff; border:1px solid #e6e6e6; text-align:center; padding:30px 20px; }
.about-team .team-card .team-inner:hover { box-shadow:0 6px 16px rgba(0,0,0,.08); transform:translateY(-4px); }
.about-team .team-card .team-inner .team-avatar { width:120px; height:120px; border-radius:50%; overflow:hidden; margin:0 auto 16px; }
.about-team .team-card .team-inner .team-avatar img { width:100%; height:100%; object-fit:cover; }
.about-team .team-card .team-inner h4 { font-size:18px; color:#222; font-weight:bold; }
.about-team .team-card .team-inner span { font-size:14px; color:#999; display:block; margin-top:4px; }

@media (max-width:820px) {
  .about-values .value-card { width:100%; }
  .about-team .team-card { width:50%; }
}
@media (max-width:480px) {
  .about-team .team-card { width:100%; }
}

/* Product List Page */
.product-page-list ul { display:flex; flex-wrap:wrap; margin:0 -12px; }
.product-page-list ul li { width:25%; padding:0 12px; margin-bottom:28px; }
.product-page-list ul li .product_con { padding:24px; background-color:#fff; box-shadow:0 0 0 rgba(0,0,0,0); position:relative; border:1px solid #eee; }
.product-page-list ul li:hover .product_con { box-shadow:0 10px 16px rgba(0,0,0,.1); }
.product-page-list ul li .product_con .product_img { width:100%; height:220px; overflow:hidden; margin:0 auto 16px; }
.product-page-list ul li .product_con .product_img a { display:block; width:100%; height:100%; position:relative; }
.product-page-list ul li .product_con .product_img a img { display:block; width:100%; height:100%; object-fit:cover; }
.product-page-list ul li:hover .product_con .product_img a img { transform:scale(1.1); }
.product-page-list ul li .product_con .product_text a.product_name { display:block; font-size:18px; color:#222; font-weight:bold; text-align:center; margin-bottom:8px; }
.product-page-list ul li .product_con .product_text a.product_name:hover { color:#e61f4d; }
.product-page-list ul li .product_con .product_text p { font-size:14px; color:#999; text-align:center; line-height:22px; }

@media (max-width:1024px) { .product-page-list ul li { width:33.333%; } }
@media (max-width:767px) { .product-page-list ul li { width:50%; } .product-page-list ul li .product_con .product_img { height:160px; } }
@media (max-width:480px) { .product-page-list ul li { width:100%; } }

/* Product Detail */
.product-detail { display:flex; flex-wrap:wrap; margin-bottom:60px; }
.product-detail .pd-img { width:45%; }
.product-detail .pd-img img { width:100%; height:auto; border-radius:4px; }
.product-detail .pd-info { width:55%; padding-left:40px; }
.product-detail .pd-info h1 { font-size:28px; color:#222; font-weight:bold; margin-bottom:16px; }
.product-detail .pd-info .pd-desc { line-height:30px; color:#555; font-size:16px; margin-bottom:20px; }
.product-detail .pd-info .pd-params { width:100%; margin-bottom:20px; }
.product-detail .pd-info .pd-params table { width:100%; }
.product-detail .pd-info .pd-params table tr td { padding:10px 16px; border:1px solid #e6e6e6; font-size:14px; }
.product-detail .pd-info .pd-params table tr td:first-child { background-color:#f8f8f8; font-weight:bold; color:#222; width:30%; }
.product-detail .pd-info .pd-params table tr td:last-child { color:#555; }
.pd-features { margin:40px 0; }
.pd-features h3 { font-size:22px; color:#222; font-weight:bold; margin-bottom:20px; padding-bottom:12px; border-bottom:2px solid #e61f4d; display:inline-block; }
.pd-features .feat-list { display:flex; flex-wrap:wrap; margin:0 -12px; }
.pd-features .feat-list .feat-item { width:50%; padding:0 12px; margin-bottom:16px; }
.pd-features .feat-list .feat-item .feat-inner { display:flex; align-items:flex-start; }
.pd-features .feat-list .feat-item .feat-inner .feat-icon { width:40px; height:40px; min-width:40px; background-color:#e61f4d; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:12px; }
.pd-features .feat-list .feat-item .feat-inner .feat-icon svg { width:20px; height:20px; }
.pd-features .feat-list .feat-item .feat-inner .feat-text h4 { font-size:16px; color:#222; font-weight:bold; margin-bottom:4px; }
.pd-features .feat-list .feat-item .feat-inner .feat-text p { font-size:14px; color:#777; line-height:22px; }
.pd-related { margin-top:60px; }
.pd-related h3 { font-size:22px; color:#222; font-weight:bold; margin-bottom:24px; }
.pd-related .related-list { display:flex; flex-wrap:wrap; margin:0 -12px; }
.pd-related .related-list .related-item { width:25%; padding:0 12px; margin-bottom:24px; }
.pd-related .related-list .related-item a { display:block; }
.pd-related .related-list .related-item a img { width:100%; height:180px; object-fit:cover; border-radius:4px; }
.pd-related .related-list .related-item a span { display:block; text-align:center; font-size:15px; color:#222; margin-top:8px; }
.pd-related .related-list .related-item a:hover span { color:#e61f4d; }

@media (max-width:767px) {
  .product-detail .pd-img { width:100%; margin-bottom:24px; }
  .product-detail .pd-info { width:100%; padding-left:0; }
  .pd-features .feat-list .feat-item { width:100%; }
  .pd-related .related-list .related-item { width:50%; }
}

/* News List Page */
.news-page-list ul li { margin-bottom:30px; }
.news-page-list ul li .news-item { display:flex; background-color:#f8f8f8; padding:20px; }
.news-page-list ul li .news-item:hover { background-color:#222; }
.news-page-list ul li .news-item .news-thumb { width:260px; min-width:260px; height:180px; overflow:hidden; margin-right:24px; }
.news-page-list ul li .news-item .news-thumb img { width:100%; height:100%; object-fit:cover; }
.news-page-list ul li .news-item:hover .news-thumb img { transform:scale(1.1); }
.news-page-list ul li .news-item .news-info { flex:1; }
.news-page-list ul li .news-item .news-info h3 { font-size:20px; font-weight:bold; margin-bottom:8px; }
.news-page-list ul li .news-item .news-info h3 a { color:#222; }
.news-page-list ul li .news-item:hover .news-info h3 a { color:#fff; }
.news-page-list ul li .news-item .news-info .news-date { font-size:13px; color:#999; margin-bottom:12px; }
.news-page-list ul li .news-item:hover .news-info .news-date { color:rgba(255,255,255,.45); }
.news-page-list ul li .news-item .news-info .news-summary { line-height:26px; color:#777; font-size:15px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.news-page-list ul li .news-item:hover .news-info .news-summary { color:rgba(255,255,255,.45); }

@media (max-width:767px) {
  .news-page-list ul li .news-item { flex-direction:column; }
  .news-page-list ul li .news-item .news-thumb { width:100%; min-width:100%; height:200px; margin-right:0; margin-bottom:16px; }
}

/* News Detail */
.news-detail { width:100%; min-height:320px; overflow:hidden; }
.news-detail .nd-main { width:100%; margin:0 auto 60px; }
.news-detail h1 { width:100%; line-height:40px; color:#333; font-size:30px; margin:0 auto 15px; padding:0; }
.news-detail .nd-meta { width:100%; height:30px; line-height:30px; color:#999; font-size:16px; padding-bottom:45px; margin:0 auto 30px; border-bottom:1px solid #e6e6e6; }
.news-detail .nd-meta span { display:inline-block; height:30px; line-height:30px; color:#999; font-size:16px; margin:0 40px 0 0; }
.news-detail .nd-content { width:100%; line-height:28px !important; color:#555; font-size:16px; word-break:break-all; text-align:justify; }
.news-detail .nd-content p { margin-bottom:20px; line-height:28px !important; }
.news-detail .nd-content img { display:inline-block; width:auto !important; max-width:100% !important; height:auto !important; margin:10px auto 20px; border-radius:0; }
.news-detail .nd-nav { width:100%; margin:0 auto; background-color:#fff; }
.news-detail .nd-nav .nd-nav-inner { width:100%; max-width:1400px; margin:0 auto; }
.news-detail .nd-nav ul li { width:100%; min-height:100px; line-height:40px; color:#999; font-size:18px; padding:30px 0 30px 120px; position:relative; }
.news-detail .nd-nav ul li:first-child { border-bottom:1px solid #e6e6e6; }
.news-detail .nd-nav ul li i { display:block; width:100px; height:40px; line-height:40px; color:#666; font-size:18px; font-style:normal; text-align:center; background-color:#f5f5f5; border-radius:20px; position:absolute; left:0; top:30px; }
.news-detail .nd-nav ul li:hover i { color:#fff; background-color:#e61f4d; }
.news-detail .nd-nav ul li a { display:block; width:100%; height:40px; line-height:40px; color:#333; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.news-detail .nd-nav ul li a:hover { color:#e61f4d; }

@media (max-width:1440px) {
  .news-detail h1 { font-size:26px; line-height:36px; }
  .news-detail .nd-nav ul li { min-height:90px; padding:24px 0 24px 110px; }
  .news-detail .nd-nav ul li i { top:24px; }
}
@media (max-width:1280px) {
  .news-detail h1 { font-size:24px; }
  .news-detail .nd-content, .news-detail .nd-content p { font-size:15px; }
}
@media (max-width:767px) {
  .news-detail h1 { font-size:20px; line-height:30px; }
  .news-detail .nd-meta { height:auto; line-height:24px; font-size:14px; padding-bottom:20px; }
  .news-detail .nd-meta span { display:block; height:24px; line-height:24px; margin:0; }
  .news-detail .nd-content { font-size:14px; }
  .news-detail .nd-nav ul li { font-size:16px; padding:20px 0 20px 90px; min-height:70px; }
  .news-detail .nd-nav ul li i { width:80px; height:34px; line-height:34px; font-size:15px; top:20px; }
  .news-detail .nd-nav ul li a { font-size:16px; line-height:34px; height:auto; white-space:normal; }
}

/* Contact Page */
.contact-info { display:flex; flex-wrap:wrap; margin-bottom:40px; }
.contact-info .ci-item { width:33.333%; padding:20px; }
.contact-info .ci-item .ci-inner { background-color:#f8f8f8; padding:30px; text-align:center; border-radius:4px; }
.contact-info .ci-item .ci-inner .ci-icon { width:50px; height:50px; margin:0 auto 16px; background-color:#e61f4d; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.contact-info .ci-item .ci-inner .ci-icon svg { width:24px; height:24px; }
.contact-info .ci-item .ci-inner h4 { font-size:16px; color:#222; font-weight:bold; margin-bottom:8px; }
.contact-info .ci-item .ci-inner p { font-size:14px; color:#777; line-height:24px; }
.contact-form { max-width:800px; margin:0 auto; }
.contact-form .form-group { margin-bottom:20px; }
.contact-form .form-group label { display:block; font-size:15px; color:#222; font-weight:bold; margin-bottom:8px; }
.contact-form .form-group input,.contact-form .form-group textarea { display:block; width:100%; padding:12px 16px; border:1px solid #e6e6e6; font-size:15px; outline:none; border-radius:4px; color:#555; }
.contact-form .form-group input:focus,.contact-form .form-group textarea:focus { border-color:#e61f4d; }
.contact-form .form-group textarea { height:160px; resize:vertical; }
.contact-form .form-submit { text-align:center; }
.contact-form .form-submit button { display:inline-block; padding:14px 60px; background-color:#e61f4d; color:#fff; font-size:16px; border:0; border-radius:30px; cursor:pointer; }
.contact-form .form-submit button:hover { background-color:#222; }

@media (max-width:767px) {
  .contact-info .ci-item { width:100%; }
}

/* ---------- Animations ---------- */
@keyframes fadeInDown { from { opacity:0; transform:translate3d(0,-100%,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes fadeInUp { from { opacity:0; transform:translate3d(0,40px,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes fadeInLeft { from { opacity:0; transform:translate3d(-40px,0,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes fadeInRight { from { opacity:0; transform:translate3d(40px,0,0); } to { opacity:1; transform:translate3d(0,0,0); } }
.fadeInDown { animation-name:fadeInDown; animation-duration:1s; animation-fill-mode:both; }
.fadeInUp { animation-name:fadeInUp; animation-duration:1s; animation-fill-mode:both; }
.fadeInLeft { animation-name:fadeInLeft; animation-duration:1s; animation-fill-mode:both; }
.fadeInRight { animation-name:fadeInRight; animation-duration:1s; animation-fill-mode:both; }

/* ---------- Image Fallback & Utilities ---------- */
.img-fallback { border-radius:8px; display:flex; align-items:center; justify-content:center; width:100%; min-height:200px; color:#fff; font-size:14px; text-align:center; padding:20px; }
.img-loading { opacity:0; transition:opacity 0.3s; }
.img-loaded { opacity:1; }

/* ---------- Core Services ---------- */
.servicebox { padding:80px 0 60px; background-color:#fff; }
.servicebox .service_main { margin:0 auto; }
.service_list { display:flex; flex-wrap:wrap; margin:0 -12px; }
.service_list .service_item { width:25%; padding:0 12px; margin-bottom:24px; }
.service_list .service_item .service_inner { text-align:center; padding:40px 24px; background-color:#f8f8f8; border-radius:4px; }
.service_list .service_item .service_inner:hover { background-color:#e61f4d; }
.service_list .service_item .service_inner .service_icon { width:64px; height:64px; margin:0 auto 20px; background-color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.service_list .service_item .service_inner .service_icon svg { width:32px; height:32px; }
.service_list .service_item .service_inner h3 { font-size:18px; color:#222; font-weight:bold; margin-bottom:10px; }
.service_list .service_item .service_inner:hover h3 { color:#fff; }
.service_list .service_item .service_inner p { font-size:14px; color:#999; line-height:24px; }
.service_list .service_item .service_inner:hover p { color:rgba(255,255,255,.7); }

@media (max-width:1024px) { .service_list .service_item { width:50%; } }
@media (max-width:480px) { .service_list .service_item { width:100%; } }

/* ---------- Highlight Stats ---------- */
.statsbox { padding:40px 0; background-color:#222; }
.statsbox .stats_main { margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-around; }
.statsbox .stats_main .stat_item { text-align:center; padding:20px; }
.statsbox .stats_main .stat_item .stat_num { font-size:42px; color:#e61f4d; font-weight:bold; }
.statsbox .stats_main .stat_item .stat_label { font-size:15px; color:rgba(255,255,255,.6); margin-top:8px; }

@media (max-width:767px) {
  .statsbox .stats_main .stat_item { width:50%; }
  .statsbox .stats_main .stat_item .stat_num { font-size:32px; }
}

/* ---------- NotFound / Generic ---------- */
.notfound { text-align:center; padding:100px 0; }
.notfound h2 { font-size:72px; color:#e61f4d; font-weight:bold; }
.notfound p { font-size:18px; color:#999; margin:20px 0; }