@charset "utf-8";
/* GTF Site Framework - 站点样式（复刻参考站版式，重写整理） */

body { background-color:#fff; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:10pt; margin:0; padding:0; }
img { border:0; max-width:100%; height:auto; }
.clear { clear:both; }
ul, li, dl, dt, dd { list-style:none; margin:0; padding:0; }
p { margin:0; padding:0; }

a:link, a:visited { color:#333; text-decoration:none; }
a:hover { color:#06F; text-decoration:none; }
a.blue, a.blue:visited, a.blue:hover { color:#03C; text-decoration:underline; }
a.yellow, a.yellow:visited { color:#F60; text-decoration:none; }
a.yellow:hover { color:#03C; }

.container { width:960px; margin:0 auto; }

/* ---------- 头部 ---------- */
.header { width:960px; height:60px; }
.nav { width:510px; height:24px; float:right; margin-top:20px; }
.nav li { width:70px; float:left; border-right:1px solid #666; margin-right:10px; display:block; margin-top:10px; }
.logo { width:140px; height:50px; float:left; }
.flag { width:145px; height:30px; float:right; margin-right:50px; }
.flag li { float:left; width:35px; border-right:1px solid #666; margin-right:10px; display:block; margin-top:20px; }

.searchbg { width:960px; height:70px; background:url(../../images/searchbg.gif) no-repeat; background-size:100% 70px; }
.search { width:270px; height:25px; float:right; margin-top:20px; margin-right:10px; }
.search form { margin:0; }
.search input { width:200px; background:#FFF; height:22px; line-height:22px; border:1px solid #3CF; float:left; }
.search .btn-search { float:right; border:0; background:none; padding:0; cursor:pointer; }
.menuline { border-right:1px solid #fff; }

/* ---------- 主菜单 ---------- */
.menu { float:right; height:28px; width:960px; border-top:1px solid #fff; background:#017fb9; }
.menu ul { list-style:none; margin:0; padding:0; }
.menu ul li { float:left; height:28px; font-weight:bold; position:relative; padding:0 11px; font-size:13px; text-align:center; }
.menu ul li a { display:block; color:#fff; height:35px; line-height:26px; text-decoration:none; }
.menu ul li a:hover { color:#89d6fa; }
.menu ul li a.here2 { color:#fec004; }

.menu ul li ul { visibility:hidden; position:absolute; background:#017dbb; z-index:100; top:33px; left:0; width:170px; }
.menu ul li:hover > ul { visibility:visible; }
.menu ul li:hover > ul li { float:left; height:26px; line-height:26px; border-bottom:1px solid #ccc;
    font-weight:normal; width:170px; text-align:left; font-size:11px; margin:0; padding:0; }
.menu ul li ul li a { height:26px; color:#ccc; padding:0 5px; line-height:26px; }
.menu ul li ul li a:hover { color:#fff; background:#2d72b3; display:block; font-weight:normal; }
.menu ul li ul ul { visibility:hidden; position:absolute; background:#017dbb; border:1px solid #ccc;
    border-bottom:none; z-index:101; top:0; left:170px; width:170px; }
.menu ul li ul li:hover > ul { visibility:visible; }
.menu ul li ul ul ul { visibility:hidden; left:170px; overflow:hidden; }
.menu ul li ul ul li:hover > ul { visibility:visible; overflow:hidden; }

/* ---------- 首页 ---------- */
.content { width:960px; border:1px solid #e4e4e6; min-height:490px; margin:20px auto 0; padding-bottom:10px; }
.content .part1 { height:246px; margin-bottom:10px; }
.part1_r { width:359px; float:right; }
.part1_l { width:600px; float:left; }
.part2_r { width:359px; float:right; }
.part2_l { width:590px; float:left; border-right:1px dotted #939393; padding-left:10px; }
.part2_l_title { width:100px; height:22px; background:url(../../images/icon.gif) no-repeat #017dbb;
    color:#FFF; margin-bottom:10px; line-height:22px; padding-left:30px; }
.part2_con_t { color:#007dba; font-weight:bold; height:20px; }
.part2_con { margin-bottom:10px; }

/* ---------- 内容区 ---------- */
.pagecontent { width:960px; margin:20px auto 0; }
.main { float:right; width:750px; min-height:400px; }
.main2 { float:right; width:780px; min-height:400px; }
.main_l { width:380px; float:left; }
.main_r { width:360px; float:right; }
.main2_l { width:400px; float:left; }
.main2_r { width:360px; float:right; }
.main p, .main2 p { margin:15px 0; line-height:22px; }
.main2_l ul { margin-left:30px; }
.main2_l li { list-style:disc; line-height:14px; height:24px; }

.main_r input, .download input, .site-form input[type=text] { border:1px solid #000; width:250px; height:18px; line-height:18px; }
.main_r textarea, .download textarea, .site-form textarea { height:125px; border:1px solid #000; width:250px; }
.table_b { font-weight:bold; color:#333; }
.letter { margin-top:20px; }
.letter input { height:18px; line-height:18px; border:1px solid #000; width:250px; }

h1 { padding:0; font-size:16px; margin-bottom:10px; }
h2 { font-size:14px; padding:0; margin-bottom:5px; }

/* ---------- 侧栏 ---------- */
.sidebar { float:left; width:165px; }
.sidebar ul { height:auto; }
.sidebar li { height:22px; line-height:22px; border-top:1px solid #ccc; text-align:right; padding-right:10px; }
.sidebar a:hover li { background:url(../../images/point.gif) no-repeat 158px #d9d9d9; color:#000; }
.sidebar a li.here { background:url(../../images/point.gif) no-repeat 158px #d9d9d9; color:#000; }

.sidebar2 { float:left; width:185px; }
.sidetitle { font-weight:bold; color:#33549e; border-bottom:1px solid #ccc; height:26px; line-height:26px; font-size:14px; }
.sidebar2 dt { color:#F60; height:26px; line-height:26px; background:url(../../images/icon2.gif) no-repeat 5px; padding-left:15px; }
.sidebar2 dd { height:26px; line-height:26px; padding-left:15px; }
.sidebar2 dd a { display:block; color:#333; height:26px; line-height:26px; text-decoration:none; }
.sidebar2 dd a:hover, .sidebar2 dd a.here3 { color:#000; background:url(../../images/point.gif) no-repeat 158px #d9d9d9; text-decoration:none; }

/* ---------- 产品栅格 ---------- */
.products li { width:240px; height:220px; margin-right:10px; float:left; }
.producttitle { text-align:center; height:26px; line-height:26px; }
.productimg { border:1px solid #f0f0f0; width:230px; height:180px; padding:5px; overflow:hidden; }
.productimg img { width:100%; height:180px; object-fit:contain; }
.maintitle { font-weight:bold; text-align:center; height:30px; line-height:30px;
    border-bottom:1px dotted #ccc; color:#000; font-size:16px; }
.admin { text-align:center; height:26px; line-height:26px; margin-bottom:20px; }
.pagecontent-html { line-height:22px; }
.pagecontent-html img { max-width:100%; }
.next span { color:#000; font-weight:bold; }
.next li { height:26px; line-height:26px; }
.next { margin-top:20px; }
.new li { height:26px; line-height:26px; }

/* ---------- 其它版块 ---------- */
.expressbg { width:360px; float:right; color:#333; background:#a0ceea; padding:10px; min-height:210px; }
.express { width:360px; float:right; }
.express img { margin-top:15px; margin-left:65px; width:166px; height:170px; }
.express ul { margin-left:50px; }
.express li { list-style:disc; }
.imprint p { line-height:22px; }
.imprint { width:360px; float:right; color:#333; }
.download { width:480px; float:left; }
.sitemap { float:left; width:240px; margin-right:10px; margin-top:25px; }
.sitemap2 { float:left; width:240px; margin-top:25px; }
.sitemap li, .sitemap2 li { list-style:disc; }
.sitemap ul, .sitemap2 ul { margin-left:30px; }
.block2-1 { float:left; width:355px; margin-bottom:20px; text-align:justify; }
.block2-2 { float:right; width:355px; margin-bottom:20px; text-align:justify; }
.zurueck { margin:20px 0; }
.text li { float:left; width:165px; height:125px; margin-right:10px; margin-bottom:30px; }
.text div { height:20px; line-height:20px; text-align:center; }

/* ---------- 分页 ---------- */
.pagelist { line-height:20px; margin-bottom:10px; clear:both; text-align:center; width:700px; margin-top:10px; }
.page { font-size:12px; line-height:20px; float:right; width:390px; display:block; }
.page a, .page span { display:block; color:#333; font-weight:normal; text-decoration:none; border:1px solid #ccc;
    padding-top:3px; float:left; margin:5px 2px; text-align:center; padding:0 5px; height:20px; }
.page a:hover, .page a.in { text-decoration:none; color:#fff; background:#3a66a3; }
.page span.current { border-color:#3a66a3; background:#3a66a3; color:#fff; }
.page span.disabled { color:#999; }

/* ---------- 页脚 ---------- */
.footer { height:30px; line-height:30px; text-align:center; width:960px; font-size:8pt; margin-top:20px; }
.friendlinks { text-align:center; width:960px; font-size:9pt; padding:4px 0; }
.friendlinks a { margin:0 8px; }
.copyright { text-align:center; width:960px; font-size:8pt; color:#888; padding-bottom:20px; }

/* ---------- 表单按钮 ---------- */
.btn-send, .btn-reset { cursor:pointer; height:22px; line-height:18px; }
.btn-send { width:100px; background:#017fb9; color:#fff; border:1px solid #017fb9; }
.btn-reset { width:60px; }
.form-ok { background:#e8f6e8; border:1px solid #8bc34a; padding:8px 12px; margin-bottom:15px; }

/* ---------- 平板 / 手机自适应 ---------- */
@media (max-width: 980px) {
    .container, .content, .pagecontent, .footer, .friendlinks, .copyright,
    .menu, .searchbg, .header { width:100%; }
    .main, .main2 { float:none; width:100%; }
    .sidebar, .sidebar2, .main_l, .main_r, .main2_l, .main2_r { float:none; width:100%; }
    .part1_l, .part1_r, .part2_l, .part2_r { float:none; width:100%; }
    .part2_l { border-right:0; padding-left:0; }
    .menu { height:auto; }
    .menu ul li { float:none; text-align:left; border-bottom:1px solid rgba(255,255,255,.25); height:auto; }
    .menu ul li a { height:auto; line-height:30px; }
    .menu ul li ul, .menu ul li ul ul { position:static; visibility:visible; width:100%; border:0; }
    .menu ul li:hover > ul li { width:100%; }
    .products li { width:48%; margin-right:2%; height:auto; }
    .productimg { width:auto; height:160px; }
    .productimg img { height:150px; }
}
@media (max-width: 600px) {
    .nav { width:100%; float:none; margin-top:6px; }
    .nav li { width:auto; margin-right:6px; padding-right:6px; }
    .flag { float:none; margin-right:0; }
    .search { width:100%; float:none; margin:10px 0 0; }
    .search input { width:70%; }
}
