/* ============================================================
   AllyWin 站点样式 (全新编写)
   版式规格与原参考站一致: 1002px 定宽 / top 356 / content 469 / bottom 182
   ========================================================== */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { background: #fff; }
body {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #505050;
    text-align: center;
}
a { color: #505050; text-decoration: none; }
a:hover { color: #ff0000; text-decoration: underline; }
img { border: 0; }
ul { list-style: none; }
form { margin: 0; padding: 0; }
.input, .textarea {
    border: 1px #ddd solid;
    background: #f7f7f7;
    color: #555;
    padding: 0 3px;
    height: 22px;
    line-height: 22px;
}
.textarea { padding: 3px; height: auto; }

/* ---------- 总体四段结构 ---------- */
#contain {
    width: 1002px;
    margin: 10px auto;
    position: relative;
    text-align: left;
}
#top { position: relative; width: 1002px; height: 356px; z-index: 99; }
#content {
    position: relative;
    width: 1002px;
    min-height: 469px;
    margin: 0 auto;
    background: url(/images/cbg.jpg);
    display: flow-root;   /* 防止内页 .main 的 margin-top 塌陷穿透 */
}
/* 首页保持原站固定高度版式; 内页高度自适应 */
body.page-home #content { height: 469px; }
#bottom { position: relative; width: 1002px; height: 138px; margin: 0 auto; }
.pos { position: absolute; }

/* ---------- 顶部 ---------- */
.banner   { top: 137px; left: 0; width: 1002px; height: 219px; overflow: hidden; }
.topstrip { top: 0; left: 0; width: 1002px; height: 134px; }
.logo     { top: 18px; left: 32px; width: 365px; height: 64px; }
.langbar  { top: 5px; left: 718px; width: 235px; height: 24px; font: 12px/24px simsun; color: #8b8b8b; }
.langbar a { color: #8b8b8b; font: 12px/24px simsun; padding-left: 6px; }
.langbar a:first-child { padding-left: 0; }
.langbar a.cur { color: #8b8b8b; }
.langbar img { margin: 0 5px 0 0; vertical-align: middle; }

/* ---------- 导航 ---------- */
.nav { top: 95px; left: 190px; width: 812px; height: 31px; }
.dropdownmenu { width: 100%; height: 31px; white-space: nowrap; overflow: hidden; }
.menu-item { float: left; width: 90px; height: 31px; margin-right: 3px; position: relative; }
.menu-item > a {
    display: block;
    width: 90px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    color: #fff;
    font: 12px/31px 'SimSun', Arial, Sans-Serif;
}
.menu-item > a:hover, .menu-item > a.cur {
    background: rgba(0, 0, 0, .28);
    color: #fff;
    text-decoration: none;
}
.menu-item.has-sub:hover > a { background: rgba(0, 0, 0, .28); }
.submenu {
    display: none;
    position: absolute;
    top: 31px;
    left: 0;
    width: 115px;
    background: #eaeaea;
    border-bottom: 3px #ddd solid;
    z-index: 100;
}
.menu-item.has-sub:hover .submenu { display: block; }
.submenu li { height: 25px; border-bottom: 1px #fff solid; text-align: center; }
.submenu li a {
    display: block;
    height: 25px;
    line-height: 25px;
    font: 12px/25px 'SimSun', Arial, Sans-Serif;
    color: #2e2e2e;
}
.submenu li a:hover { background: #d5d5d5; color: #000; text-decoration: none; }

/* ---------- 搜索 ---------- */
.search { top: 46px; left: 676px; width: 298px; height: 28px; }
.search form { height: 26px; background: url(/images/searchl.jpg) 0 0 no-repeat; }
.search-box { float: left; margin-left: 7px; height: 26px; }
.search-box .input {
    width: 200px; height: 20px; line-height: 21px;
    border: 0; background: transparent; color: #767676; margin-top: 3px;
}
.search-btn { float: right; line-height: 26px; }
.search-btn .imgbutton {
    width: 33px; height: 26px; border: 0; cursor: pointer;
    background: url(/images/searchr.jpg) no-repeat center;
}
.search-en .search-btn .imgbutton { background-image: url(/images/en_searchr.jpg); }

/* ---------- 左侧栏 ---------- */
.side-cats    { top: 13px; left: 9px; width: 210px; height: 267px; }
.side-contact { top: 290px; left: 9px; width: 210px; height: 179px; }
.side-box {
    height: 100%;
    background: url(/images/lbg.jpg) repeat-y;
    position: relative;
}
.side-box > .side-inner, .side-box { }
.side-head { height: 48px; background-position: 0 0; background-repeat: no-repeat; }
.side-body {
    height: 100%;
    background: url(/images/rbg.jpg) right repeat-y;
    margin-top: -48px;
    padding-top: 48px;
}
.side-foot { height: 10px; background: url(/images/botton01.jpg) no-repeat; }
.cat-list { padding: 14px 0 20px 21px; }
.cat-list a {
    display: block;
    height: 30px;
    line-height: 30px;
    width: auto;
    padding-left: 52px;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    color: #5c5c5c;
    font: 12px/30px Verdana, Arial, Helvetica, sans-serif;
    background: url(/images/dot2.jpg) 0 0 no-repeat;
    border-bottom: 1px dotted #99807c;
}
.cat-list a:hover { color: #ff0000; text-decoration: none; }
.side-contact .side-body {
    padding: 58px 5px 20px 25px;
    line-height: 1.7;
    color: #5c5c5c;
    font: 12px/18px Arial, Helvetica, sans-serif;
}

/* ---------- 面包屑 ---------- */
.breadcrumb {
    top: 13px; left: 250px; width: 730px; height: 40px;
    background: url(/images/title.jpg) 0 0 no-repeat;
}
.bc-title { float: left; font: 14px/32px Simsun; color: #000; padding-left: 47px; }
#nav { text-align: right; color: #464646; padding: 10px 20px 0 100px; font: 12px/14px simsun; }
#nav a { color: #464646; }

/* ---------- 主内容 ---------- */
.main { top: 80px; left: 263px; width: 698px; padding-bottom: 20px; }
/* 内页: 主区改为文档流, 内容多时把 #content 撑开, 避免溢出压住底部 */
body.page-inner .main { position: static; margin: 80px 0 0 263px; }

/* 产品网格 */
.product-grid { overflow: hidden; padding-top: 10px; }
.product-cell {
    float: left;
    width: 166px;
    margin: 0 9px 12px 0;
    text-align: center;
}
.product-cell .pic {
    width: 162px; height: 122px;
    border: 1px #dedfe1 solid;
    padding: 2px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}
.product-cell .pic img { max-width: 100%; max-height: 100%; }
.product-cell .title { text-align: center; overflow: hidden; white-space: nowrap; }
.product-cell .title a {
    display: block;
    color: #515151;
    font: 12px/27px Verdana, Arial, Helvetica, sans-serif;
}
.product-cell .title a:hover { color: #ff0000; text-decoration: underline; }

/* 分页 */
.pager { clear: both; padding: 15px 0 20px; text-align: right; white-space: nowrap; }
.pager a, .pager span {
    display: inline-block;
    margin: 0 3px; padding: 2px 8px;
    background: #dcd9d4; color: #303030;
    border: 1px #dcd9d4 solid;
    font: 12px/18px Verdana, Arial, sans-serif;
}
.pager span.cur, .pager .cur { background: #eee; }
.pager a:hover { background: #eee; color: #ff0000; text-decoration: none; }

/* 文章列表 */
.article-list li {
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    overflow: hidden;
    background: url(/images/line.gif) 0 0 no-repeat;
    padding-left: 22px;
    border-bottom: 1px solid #f2f2f2;
}
.article-list li .t { float: left; font: 12px/36px Verdana, Arial, Helvetica, sans-serif; }
.article-list li .t a { color: #333; }
.article-list li .t a:hover { color: #ff6600; }
.article-list li .time { float: right; color: #999; font: 10px/36px Verdana, Arial, sans-serif; }
.empty-tip { padding: 40px 0; text-align: center; color: #999; }

/* 文章详情 */
.article-view .newstitle {
    font-size: 22px; font-weight: bold; line-height: 50px;
    text-align: center; color: #333;
}
.article-view .info {
    height: 28px; line-height: 28px;
    border: 1px #e8e8e8 solid;
    text-align: center; background: #f7f7f7; color: #333;
}
.article-view .con {
    margin: 30px 0; text-align: left;
    font: 14px/22px Verdana, Arial, Helvetica, sans-serif;
    color: #333; line-height: 1.8;
    word-break: break-word;
}
.article-view .con p { font: 14px/22px Verdana, Arial, Helvetica, sans-serif; color: #333; }
.article-view .con img { max-width: 100%; height: auto; }
.article-view .con table { max-width: 100%; border-collapse: collapse; }
.article-view .con table td, .article-view .con table th { border: 1px solid #999; padding: 3px 6px; font-size: 12px; }

/* 单页内容 */
.page-body {
    font: 14px/25px Verdana, Arial, Helvetica, sans-serif;
    color: #333; padding: 6px 2px 10px;
    word-break: break-word;
}
.page-body p { line-height: 25px; }
.page-body img { max-width: 100%; height: auto; }

/* 荣誉图片列表 */
.honor-list { overflow: hidden; padding: 10px 0; }
.honor-list li { float: left; margin: 0 20px 15px 0; text-align: center; }
.honor-list .pic { text-align: center; overflow: hidden; }
.honor-list .pic img { max-width: 100%; }
.honor-list .title { white-space: nowrap; overflow: hidden; text-align: center; font: 12px/25px simsun; }
.honor-list .title a { color: #333; }

/* 产品详情 */
.product-view #prodtitle {
    /* 产品名称居中, 与下方图片的居中轴线对齐 */
    padding: 0; margin: 0 0 12px 5px;
    text-align: center;
    font: bold 14px/24px Verdana, Arial, Helvetica, sans-serif;
    color: #303234;
}
.product-view .bodyzone {
    clear: both; margin: 0 0 30px 5px; padding: 0;
    font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
    color: #494949; word-break: break-word;
}
.product-view .bodyzone img { max-width: 100%; height: auto; }
.product-view .bodyzone table { max-width: 100%; border-collapse: collapse; }
.product-view .bodyzone table td, .product-view .bodyzone table th { border: 1px solid #999; padding: 3px 5px; font-size: 12px; }
.product-view .bzone { clear: both; margin: 0 0 30px; text-align: left; }
/* 上一个 / 下一个产品 */
.product-view .prod-nav {
    margin: 0 0 0 5px; padding-top: 14px;
    border-top: 1px #dedfe1 solid;
    text-align: center;
    font: 12px/24px Verdana, Arial, Helvetica, sans-serif;
}
.product-view .prod-nav a,
.product-view .prod-nav .none { margin: 0 14px; }
.product-view .prod-nav a { color: #515151; }
.product-view .prod-nav a:hover { color: #ff0000; text-decoration: underline; }
.product-view .prod-nav .none { color: #999; }

/* 留言表单 */
.msg-form { padding: 10px 0; }
.msg-form table { width: 100%; border-collapse: collapse; }
.msg-form td { padding: 6px 4px; vertical-align: top; }
.msg-form td.label { width: 90px; text-align: right; color: #333; }
.msg-form .input, .msg-form .textarea { width: 399px; }
.msg-form .submit {
    height: 28px; padding: 0 24px; cursor: pointer;
    border: 1px #ccc solid; background: #f5f5f5;
    font: 12px/26px SimSun;
}
.msg-form .submit:hover { background: #eee; }
.msg-tip { padding: 8px 12px; margin: 8px 0; border: 1px solid #d6e9c6; background: #dff0d8; color: #3c763d; display: none; }
.msg-tip.err { border-color: #ebccd1; background: #f2dede; color: #a94442; }
.field-err { color: #a94442; font-size: 12px; padding-top: 3px; display: none; }
.req { color: red; }

/* 首页模块
   说明: 这些模块位于 .main (left:263px; top:80px) 内, 而 .pos 为绝对定位,
   因此坐标按 #content 设计值换算: left-263, top-80, 保证最终落点与原站一致 */
.home-about { width: 439px; height: 220px; top: -62px; left: -12px; overflow: hidden; }
.home-about .head img { display: block; }
.home-about .body { padding: 20px 7px 0 4px; overflow: hidden; }
.home-about .body img.thumb { float: left; padding-right: 8px; max-width: 150px; }
.home-about .txt {
    line-height: 22px; padding-left: 8px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #696969; font-size: 12px;
}
.home-news-title { width: 268px; height: 39px; top: -63px; left: 449px; background: url(/images/title03.jpg) 0 0 no-repeat; }
.home-en .home-news-title { background-image: url(/images/en_title03.jpg); }
.home-news-pic { width: 252px; height: 80px; top: -10px; left: 462px; }
.home-news-pic .pic { float: left; width: 92px; height: 58px; overflow: hidden; margin-right: 13px; text-align: center; }
.home-news-pic .pic img { width: 92px; }
.home-news-pic .tm { line-height: 20px; }
.home-news-pic .tm a { color: #696969; font-size: 12px; }
.home-news-list { width: 252px; height: 88px; top: 64px; left: 464px; }
.home-news-list li { line-height: 20px; padding-top: 6px; font-size: 12px; }
.home-news-list li a { color: #333; }
.home-products { width: 728px; height: 204px; top: 170px; left: -13px; }
.home-products .head { position: relative; }
.home-products .head .more {
    position: absolute; right: 12px; top: 7px;
    width: 38px; height: 23px; display: block;
}
.marquee-zone { overflow: hidden; width: 712px; padding: 17px 0 0 7px; }
.marquee-track { overflow: hidden; width: max-content; }
.marquee-item {
    float: left; width: 162px; margin-right: 9px;
    background: #fff; padding: 2px; text-align: center;
    border: 1px #dedfe1 solid;
}
.marquee-item .pic { width: 156px; height: 118px; overflow: hidden; text-align: center; }
.marquee-item .pic img { width: 156px; }
.marquee-item .title { text-align: center; overflow: hidden; white-space: nowrap; }
.marquee-item .title a { color: #5c5c5c; font: 12px/27px arial, simsun; }
.marquee-item .title a:hover { color: #ff0000; text-decoration: underline; }

/* 英文产品入口页 */
.intro-links { padding: 6px 0 14px; }
.intro-links li { line-height: 28px; font-size: 13px; }
.intro-links li a { color: #333; }
.intro-links li a:hover { color: #ff0000; }

/* ---------- 底部 ---------- */
.footer-img   { top: 0; left: 0; width: 1002px; height: 100px; }
.footer-menu  { top: 48px; left: 0; width: 1002px; height: 28px; }
/* 版权文字落在原底部导航的红色条上 */
.footer-copy {
    height: 28px; color: #fff;
    font: 12px/28px 'SimSun', Arial, Sans-Serif; text-align: center;
}
.footer-copy a { color: #fff; text-decoration: none; }
.copyright { top: 100px; left: 0; width: 1002px; height: 38px; text-align: center; }
.friend-links { text-align: center; padding-top: 4px; }
.friend-links a { margin: 0 12px; color: #525252; font-size: 12px; }
.friend-links a:hover { color: #ff0000; }

/* 404 */
.nf { padding: 60px 0; text-align: center; }
.nf h2 { font-size: 20px; color: #666; padding-bottom: 12px; }
.nf p { color: #999; }