/* =========================================================
   经典双栏企业模板  (flcrvp 风格 / web3)
   主样式文件 css/style.css
   ---------------------------------------------------------
   配色：红 #ee0700 / #cc0000  蓝 #0080ff  浅蓝条 #e8eff5
   布局：1200px 居中 / 左栏 891px 主   右栏 300px 侧边
   --------------------------------------------------------- */

html,body {margin:0 auto;height:101%;font-family:"microsoft yahei",-apple-system,blinkmacsystemfont,"pingfang sc",arial,sans-serif;font-size:14px;line-height:1.5;background:#ffffff;color:#454545;}
form,ul,li,p {margin:0;padding:0;}
div,ul,li,p {word-break:break-all;word-wrap:break-word;}
a,img {border:0;}
ul,li {list-style-type:none;overflow:hidden;}
img{max-width:100%;height:auto;display:block;}
a {color:#606060;text-decoration:none;}
a:hover {color:#cc0000;}
.clear{clear:both;}

/* ---------- 容器 ---------- */
.xq-container {margin:0 auto;width:1200px;background:#ffffff;overflow:hidden;}
.xq-gap2{height:2px;overflow:hidden;}
.xq-gap5{height:5px;overflow:hidden;}
.xq-gap10{height:10px;overflow:hidden;}
.xq-gap20{height:20px;overflow:hidden;}

/* ---------- 顶部：logo 横幅   导航 ---------- */
.xq-banner {width:100%;height:120px;background:linear-gradient(135deg,#1e5fb0 0%,#4a9be0 100%);background-size:cover;background-position:center;overflow:hidden;}
.xq-banner .xq-logo {float:left;width:1128px;padding-left:36px;padding-top:36px;height:48px;line-height:48px;font-size:32px;letter-spacing:8px;font-weight:bold;color:#ffffff;overflow:hidden;}
.xq-nav {width:100%;height:40px;background:#2274ca;overflow:hidden;}
.xq-nav ul{display:flex;}
.xq-nav li {float:left;width:120px;height:40px;line-height:40px;letter-spacing:2px;text-align:center;font-size:16px;font-weight:bold;}
.xq-nav li a {color:#ffffff;display:block;height:40px;line-height:40px;}
.xq-nav li a:hover{background:#1a56aa;}
.xq-nav li a.on,.xq-nav li a.cur {background:#cc0000;color:#fff;}
.xq-nav li:hover {background:#1a56aa;}
.xq-nav li:hover a {color:#ff0000;}
.xq-nav li a.on:hover{color:#fff;}

/* ---------- 面包屑 ---------- */
.xq-crumbs {width:1188px;padding-left:10px;height:36px;line-height:36px;font-size:15px;border:1px solid #c0c0c0;background:#e8eff5;color:#666666;overflow:hidden;margin:0 auto;}
.xq-crumbs a {color:#336699;}
.xq-crumbs a:hover {color:#cc0000;}

/* ---------- 主体两栏 ---------- */
.xq-main {width:891px;float:left;overflow:hidden;}
.xq-sidebar {width:300px;float:right;overflow:hidden;}
.xq-sidebar .xq-box {width:298px;padding-bottom:5px;background:#fcfcfc;border:1px solid #c0c0c0;overflow:hidden;margin:0 auto;}

/* ---------- 标题条 ---------- */
.xq-titlebar {width:871px;margin-left:10px;height:36px;line-height:36px;font-size:16px;letter-spacing:4px;font-weight:bold;border-bottom:1px solid #c0c0c0;background:#e8eff5;color:#666666;padding-left:10px;overflow:hidden;}
.xq-titlebar .more{float:right;padding-right:10px;font-size:14px;color:#336699;letter-spacing:0;}
.xq-titlebar .more a{color:#0080ff;}
.side-titlebar {width:288px;padding-left:10px;height:36px;line-height:36px;font-size:16px;border-bottom:1px solid #c0c0c0;background:#e8eff5;color:#666666;overflow:hidden;margin:0 auto;}

/* ---------- 首页：图片导航网格 ---------- */
.xq-picgrid {width:880px;padding:20px 6px 20px 5px;overflow:hidden;}
.xq-picgrid .pic {float:left;width:220px;height:170px;text-align:center;margin-bottom:16px;}
.xq-picgrid .pic a{}
.xq-picgrid .pic img {width:200px;height:150px;margin:0 auto;border:1px solid #c0c0c0;cursor:pointer;}
.xq-picgrid .pic:hover img {opacity:0.7;filter:alpha(70);}
.xq-picgrid .pic span{display:block;margin-top:6px;font-size:16px;letter-spacing:2px;color:#333;}
.xq-picgrid .pic a:hover span{color:#cc0000;}

/* ---------- 首页/介绍 正文 ---------- */
.xq-nr {width:891px;padding:20px 0;line-height:2;font-size:16px;overflow:hidden;}
.xq-nr p {margin-top:14px;text-indent:2em;color:#454545;}
.xq-nr img {display:block;margin:12px auto;}
.xq-nr a {color:#0080ff;}

/* ---------- 列表行（新闻/招聘） ---------- */
.xq-listbox{width:871px;margin-left:10px;padding:8px 0 0;}
.xq-listrow {width:871px;height:95px;border-bottom:1px solid #e0e0e0;overflow:hidden;}
.xq-listrow:hover {background:#eeeeee;}
.xq-listrow:hover img {opacity:0.7;filter:alpha(70);}
.xq-listrow:hover .bt{color:#cc0000;}
.xq-listrowl {float:left;width:110px;height:85px;padding-top:10px;}
.xq-listrowl img {width:100px;height:75px;margin:0 auto;border:1px solid #c0c0c0;cursor:pointer}
.xq-listrowr {float:right;width:750px;height:78px;padding-top:8px;}
.xq-listrowr .bt {width:750px;height:35px;color:#000000;font-size:20px;font-weight:bold;overflow:hidden;}
.xq-listrowr .bt a{color:#000000;}
.xq-listrowr .bt a:hover{color:#cc0000;}
.xq-listrowr .bt .date{color:#999;font-size:14px;font-weight:normal;margin-left:12px;}
.xq-listrowr .ms {width:750px;height:40px;color:#606060;font-size:14px;line-height:20px;overflow:hidden;margin-top:3px;}

/* ---------- 内容页 ---------- */
.xq-show {width:891px;overflow:hidden;}
.xq-show .show-bt {width:871px;padding:16px 10px;font-size:24px;font-weight:bold;color:#ee0700;text-align:center;overflow:hidden;line-height:1.4;}
.xq-show .show-rq {width:891px;height:30px;line-height:30px;text-align:center;color:#999;font-size:14px;overflow:hidden;}
.xq-show .show-hx {border-bottom:1px dashed #cccccc;height:6px;margin-left:20px;margin-right:20px;overflow:hidden;}

/* ---------- 产品/案例 图片网格 ---------- */
.xq-prodbg {float:left;width:420px;height:300px;background:#fcfcfc;border:1px solid #c0c0c0;overflow:hidden;margin:0 15px 16px 10px;}
.xq-prodbg .prod-lm {width:410px;padding-left:10px;height:34px;line-height:34px;border-bottom:1px solid #c0c0c0;background:#e8eff5;color:#666666;font-size:15px;letter-spacing:4px;font-weight:bold;}
.xq-prodgrid{width:891px;padding:16px 6px 6px 5px;overflow:hidden;}
.xq-pcard {float:left;width:210px;height:210px;text-align:center;margin:0 4px 16px 4px;}
.xq-pcard .pimg{width:200px;height:150px;margin:0 auto;border:1px solid #c0c0c0;overflow:hidden;background:#f6f8fb;}
.xq-pcard .pimg img{width:100%;height:100%;object-fit:cover;}
.xq-pcard:hover .pimg img{opacity:0.7;filter:alpha(70);}
.xq-pcard .pt {margin-top:8px;height:20px;line-height:20px;font-size:15px;font-weight:bold;color:#333;overflow:hidden;}
.xq-pcard .pt a{color:#333;}
.xq-pcard .pt a:hover{color:#cc0000;}

/* ---------- 分页 ---------- */
.xq-pagination {width:100%;padding:26px 0 26px 10px;overflow:hidden;text-align:center;}
.xq-pagination a {display:inline-block;margin:0 4px;min-width:40px;height:28px;line-height:28px;color:#606060;text-align:center;text-decoration:none;border:1px solid #cccccc;padding:0 6px;background:#fff;}
.xq-pagination a:hover {color:#ffffff;background:#cc0000;border-color:#cc0000;}
.xq-pagination .cur,.xq-pagination .on {color:#ffffff;background:#ff0000;border-color:#ff0000;}

/* ---------- 侧边：友情链接 ---------- */
.side-links {padding:6px 0;}
.side-links a {display:block;height:26px;line-height:26px;padding-left:7px;padding-right:3px;color:#0080ff;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.side-links a:hover {color:#cc0000;}

/* ---------- 页脚 ---------- */
.xq-footer {width:1200px;margin:0 auto;background:#eeeeee;overflow:hidden;}
.xq-bottl {width:1180px;padding:0 10px;line-height:24px;color:#cc0000;text-align:center;overflow:hidden;margin-top:10px;}
.xq-bottl a {color:#cc0000;}
.xq-bottl a:hover{color:#ff0000;}
.xq-bottz {width:1200px;height:44px;line-height:44px;text-align:center;color:#cc0000;overflow:hidden;}
.xq-bottz a {color:#cc0000;}
.xq-bottz a:hover {color:#ff0000;text-decoration:underline;}

/* ---------- 响应式 ---------- */
@media (max-width:1220px){
  .xq-container{width:98%;}
  .xq-crumbs{width:96%;}
  .xq-main{width:70%;}
  .xq-sidebar{width:27%;}
  .xq-footer{width:98%;}
  .xq-bottz{width:100%;}
  .xq-listbox{width:100%;margin-left:0;}
  .xq-titlebar{width:100%;margin-left:0;}
}
@media (max-width:900px){
  .xq-main,.xq-sidebar{width:100%;float:none;}
  .xq-banner .xq-logo{width:100%;font-size:26px;padding-left:16px;}
  .xq-nav li{width:20%;float:none;}
  .xq-nav ul{flex-wrap:wrap;}
  .xq-listrowr,.xq-listrowr .bt,.xq-listrowr .ms{width:65%;}
  .xq-nr{width:100%;}
}
@media (max-width:600px){
  .xq-banner .xq-logo{font-size:20px;letter-spacing:3px;}
  .xq-nav li{width:50%;font-size:14px;}
  .xq-picgrid .pic{width:50%;}
  .xq-pcard{width:48%;}
  .xq-crumbs{font-size:13px;}
}