@charset "utf-8";
/* ==========================================================================
   嘉善安驰轴承制造有限公司 · 站点样式（自研，版式与参考站一致）
   ========================================================================== */

:root{
    --wrap: 950px;
    --head: 980px;
    --dark: #252931;
    --blue: #0171bd;
    --hover: #17bdff;
    --line: #dddddd;
    --side: 230px;
    --main: 700px;
}

*{box-sizing:border-box;}
html,body{-webkit-text-size-adjust:100%;}
body{
    margin:0;padding:0;
    background:#e8e9eb;
    font-family:Arial,Helvetica,"Microsoft Yahei","PingFang SC","Hiragino Sans GB",sans-serif;
    font-size:12px;line-height:24px;color:#333;
}
ul,ol,li,form,h1,h2,h3,h4,h5,h6,p,dl,dd{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:14px;}
img{border:0;max-width:100%;vertical-align:middle;}
a{color:#333;text-decoration:none;}
a:hover{color:#f00;text-decoration:underline;}
.clear{clear:both;}
button{font-family:inherit;}

/* ---------------- 头部 ---------------- */
.header{width:var(--head);max-width:100%;margin:0 auto;height:85px;display:flex;align-items:center;justify-content:space-between;}
.logo{margin-left:10px;}
.logo img{display:block;}
.top_right{text-align:right;line-height:20px;padding-right:10px;}
.top_right font{color:var(--blue);}

/* 顶部一条蓝色细装饰带，呼应原站蓝白配色 */
body::before{
    content:"";position:absolute;left:0;top:0;width:100%;height:6px;
    background:linear-gradient(90deg,#0171bd,#3aa6e6);
}
.header,.body{position:relative;z-index:1;}
.body{width:980px;max-width:100%;margin:0 auto;padding:0 15px;background:#f4f4f4 url(../img/body_bg.gif) repeat-x top;}

/* ---------------- 导航 ---------------- */
.menu_block{height:50px;line-height:50px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;}
.menu ul{display:flex;flex-wrap:wrap;}
.menu li{
    width:90px;text-align:center;font-size:13px;font-weight:bold;
    background:url(../img/menu_jg.gif) no-repeat right center;
}
.menu li:last-child{background:none;}
.menu li a{color:var(--dark);display:block;}
.menu li a:hover,.menu li.in a{color:var(--hover);text-decoration:none;}
.menu li.in{background:#fff;}

.search{width:200px;height:24px;border:1px solid #e4e4e4;background:url(../img/search_bg.gif) repeat-x;display:flex;align-items:center;}
.search_text{width:170px;border:0;background:none;height:22px;padding:0 6px;font-size:12px;outline:none;}
.search_btn{background:url(../img/search_btn.gif) no-repeat center;width:22px;height:22px;border:0;cursor:pointer;padding:0;}

/* ---------------- 首页轮播 ---------------- */
.banner{width:var(--wrap);max-width:100%;overflow:hidden;}
#focus{position:relative;width:var(--wrap);max-width:100%;height:347px;overflow:hidden;background:#000;}
#focus ul{position:absolute;left:0;top:0;height:347px;display:flex;transition:left .35s ease;}
#focus li{width:950px;height:347px;flex:0 0 auto;overflow:hidden;position:relative;}
#focus li img{width:100%;height:347px;object-fit:cover;display:block;}
#focus .dots{position:absolute;left:0;bottom:0;width:100%;height:20px;background:rgba(0,0,0,.5);text-align:center;line-height:20px;}
#focus .dots button{width:25px;height:10px;border:0;background:#fff;opacity:.4;margin:0 3px;cursor:pointer;font-size:0;padding:0;}
#focus .dots button.on{opacity:1;}
#focus .pn{position:absolute;top:90px;width:45px;height:100px;border:0;background:url(../img/sprite.png) no-repeat 0 0;cursor:pointer;opacity:.35;font-size:0;padding:0;}
#focus .pn:hover{opacity:.8;}
#focus .pre{left:0;}
#focus .next{right:0;background-position:right top;}

.pdf-ad{position:fixed;left:10px;top:50px;z-index:99;}
.pdf-ad img{display:block;border:1px solid #ccc;background:#fff;}

/* ---------------- 首页区块 ---------------- */
.index_block{width:100%;margin:10px 0;}
.index_block_title{height:30px;line-height:30px;}
.index_block_title img{max-width:100%;height:auto;display:block;}
.index_about{width:var(--side);float:left;}
.index_about_content{width:100%;}
.index_product{width:var(--main);float:left;}
.m_l_15{margin-left:15px;}
.index_p_list{overflow:hidden;}
.index_p_list ul{display:flex;flex-wrap:wrap;}
.index_p_list li{
    width:152px;text-align:center;margin:3px 9px;height:auto;min-height:166px;
    border:1px solid #ccc;background:#fff;padding:4px 0 8px;
}
.index_p_list li .pic img{width:150px;height:90px;object-fit:cover;}
.index_p_list li a img+img{width:80px;height:23px;object-fit:contain;}
.index_p_list li p{
    line-height:20px;padding:0 4px;height:40px;overflow:hidden;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}

/* 左栏 260（含 15px 内边距），栏目条可见宽度 230 */
.cate_list{width:100%;background:#f0f0f0;padding:15px;float:left;}
.cate_list li{
    line-height:30px;border-bottom:1px solid var(--line);font-size:12px;
    background:url(../img/cate_li_iron.gif) no-repeat left center;text-indent:20px;
}
.cate_list li a{display:block;}
.cate_list li.on a{color:#f00;}

.index_row{display:flex;gap:15px;margin-top:10px;flex-wrap:wrap;}
.index_application{flex:0 0 575px;max-width:100%;}
.index_apps{flex:1 1 300px;min-width:0;}
.intro_text{overflow:hidden;}
.intro_text img{float:right;width:324px;height:145px;margin-left:10px;object-fit:cover;}
.intro_text p{text-indent:0;line-height:22px;padding-top:4px;}
.intro_text a{color:#002aff;}

.app_slider{position:relative;width:100%;max-width:318px;margin-top:10px;}
.app_slide{display:none;position:relative;}
.app_slide.is-on{display:block;}
.app_slide img{width:100%;height:210px;object-fit:cover;display:block;}
.app_title{
    position:absolute;left:0;right:0;bottom:0;height:24px;line-height:24px;
    background:rgba(0,0,0,.45);color:#fff;padding-left:10px;
}
.app_title a{color:#fff;}
.app_nav{position:absolute;right:6px;bottom:3px;display:flex;gap:1px;}
.app_nav button{
    width:15px;height:18px;border:0;background:#787878;color:#fff;font-size:10px;
    line-height:18px;cursor:pointer;padding:0;
}
.app_nav button.sel{color:#ef7f00;}

/* ---------------- 内页两栏 ---------------- */
.left{width:260px;float:left;}
.right{width:670px;float:right;}
.cate_title{height:35px;line-height:35px;background:url(../img/left_title_bg.gif) repeat-x;}
.cate_title h3{float:left;padding-left:15px;font-size:16px;color:#fff;line-height:35px;}
.left_down{margin-top:15px;}
.left_down img{display:block;max-width:100%;height:auto;margin:0 auto;}
.left_contact{font-size:11px;}
.left_contact .c_tel{background:url(../img/tel.gif) no-repeat left center;padding-left:60px;padding-top:10px;}
.left_contact .c_mail{background:url(../img/mail.gif) no-repeat left center;padding-left:60px;padding-top:10px;}
.left_contact span{color:#de2a00;}

.right_title{background:url(../img/left_title_bg.gif) repeat-x;height:35px;line-height:35px;overflow:hidden;}
.right_title h2{float:left;font-size:16px;color:#fff;padding-left:15px;line-height:35px;}
.right_title span{float:right;color:#fff;padding-right:10px;font-size:12px;}
.right_title span a{color:#eee;}
.right_content{padding:20px 0;font-size:14px;line-height:24px;}
.right_content_content{padding:15px 0;font-size:14px;line-height:24px;word-break:break-word;overflow-x:auto;}
.right_content_content.rc-single{padding:0;}
.right_content_content p{margin:0;}
.right_content_content table{max-width:100%;border-collapse:collapse;margin:6px 0;}
.right_content_content td,.right_content_content th{padding:4px 6px;}
.right_content_content img{max-width:100%;height:auto!important;}
.right_content_content ul{list-style:disc;padding-left:22px;}
.right_content_content ol{list-style:decimal;padding-left:22px;}
.right_content_content li{list-style:inherit;}

/* 产品列表 */
.p_list ul{display:flex;flex-wrap:wrap;}
.p_list li{width:160px;margin:5px 3px;background:#fff;font-size:12px;text-align:center;}
.p_list li img{width:160px;height:130px;padding:5px;object-fit:fill;}
.p_list li p{padding-top:5px;line-height:20px;overflow:hidden;height:40px;}
.p_list li.empty{width:100%;text-align:left;padding:20px 0;background:none;}

/* 详情 */
.news_title_name{padding:5px;border-bottom:1px dotted #eee;text-align:center;}
.news_title_name h1{font-size:16px;line-height:28px;}
.pre_next{font-size:12px;line-height:24px;padding-top:10px;border-top:1px dashed #eee;margin-top:10px;}

/* 分页 */
.pagelist{line-height:30px;margin:10px 0;clear:both;text-align:center;font-size:12px;}
.pagelist span{margin:0 5px;}
.pagelist a{color:#333;text-decoration:none;}
.pagelist a:hover,.pagelist .page-num-current{color:#f44;}
.pagelist .page-num{margin:0 2px;}

/* 搜索 */
.search_list li{line-height:30px;border-bottom:1px dashed #eee;}
.err404{text-align:center;padding:30px 0;}
.err404 h1{font-size:72px;color:#ccc;line-height:1;font-family:Arial,sans-serif;}

/* ---------------- 页脚 ---------------- */
.bottom{margin-top:20px;}
.bottom_main{background:#1e1e1e;color:#919191;min-height:70px;display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px;}
.bottom_menu a{color:#919191;}
.bottom_info{text-align:right;line-height:22px;}
.bottom_copyright{text-align:center;padding:10px 0 30px;line-height:24px;}
.bottom_copyright a{color:#333;}
.bottom_copyright .gongan{display:inline-block;text-decoration:none;height:20px;line-height:20px;vertical-align:middle;}
.bottom_copyright .gongan img{vertical-align:middle;margin-right:4px;}
.bottom_copyright .gongan span{color:#939393;}
.friendlink{margin-top:6px;color:#666;}
.friendlink span{margin-right:4px;}
.friendlink a{margin:0 8px;color:#555;}
.friendlink a:hover{color:#f00;}

/* ---------------- 响应式 ---------------- */
@media (max-width:1010px){
    body{background:#f4f4f4;}
    .header,.body{width:100%;padding-left:10px;padding-right:10px;}
    .menu_block{height:auto;line-height:normal;flex-wrap:wrap;gap:8px;padding:6px 0;}
    .menu ul{gap:2px;}
    .menu li{width:auto;padding:0 12px;background:none;line-height:34px;}
    .menu li.in{background:#fff;}
    .search{order:2;}
    .pdf-ad{display:none;}
    #focus{height:auto;aspect-ratio:950/347;}
    #focus ul{height:100%;}
    #focus li{height:100%;width:100%;}
    #focus li img{height:100%;width:100%;object-fit:cover;}
    #focus .pn{top:50%;transform:translateY(-50%);height:70px;}
    .index_about,.index_product,.left,.right{width:100%;float:none;}
    .m_l_15{margin-left:0;}
    .index_product{margin-top:14px;}
    .index_row{gap:14px;}
    .index_application,.index_apps{flex:1 1 100%;}
    .cate_list{width:100%;}
    .right{margin-top:14px;}
    .p_list li{width:calc(33.33% - 10px);}
    .index_p_list li{width:calc(25% - 16px);margin:3px 8px;}
    .bottom_info{text-align:left;}
}
@media (max-width:700px){
    .index_p_list li{width:calc(50% - 16px);height:auto;min-height:0;padding-bottom:8px;}
    .p_list li{width:calc(50% - 10px);}
    .p_list li img{width:100%;height:auto;}
    .intro_text img{float:none;width:100%;height:auto;margin:0 0 8px;}
    .top_right{font-size:11px;}
    .menu li{padding:0 8px;font-size:12px;}
    .right_content_content{overflow-x:auto;}
    .friendlink a{display:inline-block;margin:2px 6px;}
}