/* =========================================================
   天蓝企业模板  (rfsy 风格 / kmsite-ty1)
   主样式文件 css/style.css
   ---------------------------------------------------------
   配色：天蓝 #0098ff  黑 #000  正文 #414141  容器 1000px
   布局：蓝色顶栏 + 黑色导航 + Banner + 蓝条栏目标题 + 黑页脚
   ========================================================= */

html,body{margin:0;padding:0;width:100%;font-family:"Microsoft YaHei","Helvetica Neue",Tahoma,Arial,"微软雅黑",sans-serif;font-size:14px;background:#fff;color:#414141;}
img{max-width:100%;height:auto;border:0;}
ul,li,dl,dd,dt,p{margin:0;padding:0;}
a{text-decoration:none;color:#414141;}
a:hover{color:#0098ff;}
ul,li{list-style:none;}
.clearfix:after{content:"";display:block;clear:both;}
.fl{float:left;} .fr{float:right;} .clearboth{clear:both;}
:root{--blue:#0098ff;--blue2:#4bb8ff;}

.rf-mainbox{width:1000px;margin:0 auto;position:relative;}
.rf-kong20{clear:both;height:20px;width:100%;}
.rf-kong10{clear:both;height:10px;width:100%;}

/* ---------- 顶栏 ---------- */
.rf-top{background:#0098ff;height:100px;overflow:hidden;}
.rf-top .rf-mainbox{overflow:hidden;}
.rf-logo{float:left;font-size:32px;line-height:100px;color:#fff;height:100px;width:700px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.rf-logo b{font-weight:bold;}
.rf-tel{float:right;font-size:18px;line-height:100px;color:#fff;height:100px;width:290px;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* ---------- 导航 ---------- */
.rf-nav{background:#000;height:40px;}
.rf-nav .rf-mainbox{overflow:hidden;}
.rf-nav a{float:left;line-height:40px;height:40px;width:118px;color:#ccc;text-align:center;font-size:15px;}
.rf-nav a:hover,.rf-nav a.on{color:#0098ff;background:rgba(255,255,255,.06);}
.rf-nav a:first-child{margin-left:40px;}

/* ---------- Banner ---------- */
.rf-banner{height:208px;width:100%;background:url('../images/banner.jpg') center top no-repeat;background-size:cover;}

/* ---------- 栏目标题 ---------- */
.rf-title{height:25px;width:100%;border-bottom:1px solid #ccc;padding:10px 0;color:#ccc;}
.rf-title i{background:#0098ff;display:inline-block;float:left;height:25px;width:6px;margin-right:10px;}
.rf-title b{color:#333;line-height:25px;font-size:20px;}
.rf-title .en{color:#999;font-size:14px;margin-left:12px;}
.rf-title .more{float:right;height:25px;line-height:25px;color:#0098ff;font-size:14px;}

/* ---------- 正文 ---------- */
.rf-content{line-height:30px;font-size:15px;color:#414141;}
.rf-content p{margin-bottom:12px;text-align:justify;}
.rf-content img{margin:10px auto;display:block;}

/* ---------- 友情链接 ---------- */
.rf-links{font-size:14px;line-height:32px;overflow:hidden;}
.rf-links a{display:inline-block;float:left;margin-right:20px;color:#414141;}
.rf-links a:hover{color:#0098ff;}

/* ---------- 页脚 ---------- */
.rf-footer{background:#000;color:#fff;text-align:center;line-height:40px;padding:18px 0;font-size:14px;}
.rf-footer .rf-mainbox{overflow:hidden;}
.rf-footer a{color:#fff;margin:0 4px;}
.rf-footer a:hover{color:#0098ff;}
.rf-footer .copyright{color:#c9c9c9;font-size:13px;margin-top:8px;}

/* ---------- 列表页 ---------- */
.rf-main{padding:20px 0 60px;}
.rf-list .item{padding:20px 0;border-bottom:1px dashed #ddd;overflow:hidden;}
.rf-list .item:hover .t a{color:#0098ff;}
.rf-list .item .pic{float:left;width:180px;height:126px;overflow:hidden;}
.rf-list .item .pic img{width:100%;height:100%;object-fit:cover;}
.rf-list .item .panel{float:right;width:calc(100% - 200px);}
.rf-list .item .t a{color:#333;font-size:19px;font-weight:bold;line-height:28px;}
.rf-list .item .date{color:#999;font-size:13px;display:block;margin:6px 0;}
.rf-list .item p{color:#777;font-size:15px;line-height:26px;}

/* ---------- 内容页 ---------- */
.rf-article{max-width:920px;margin:0 auto;}
.rf-article h1{font-size:26px;color:#333;text-align:center;line-height:1.4;padding-top:10px;}
.rf-article .meta{text-align:center;color:#999;font-size:14px;padding:14px 0 20px;border-bottom:1px dashed #ddd;}
.rf-article .meta a{color:#0098ff;}
.rf-article .body{font-size:16px;line-height:2;color:#444;padding-top:8px;}
.rf-article .body img{margin:14px auto;}
.rf-article .body a{color:#0098ff;}
.rf-article .prenext{margin-top:24px;padding-top:16px;border-top:1px dashed #ddd;font-size:15px;color:#888;}
.rf-article .prenext a{color:#0098ff;font-weight:bold;}
.rf-related{margin-top:26px;}
.rf-related h4{font-size:18px;color:#333;border-left:4px solid #0098ff;padding-left:12px;margin-bottom:12px;}
.rf-related li{padding:11px 0;border-bottom:1px dashed #eaeaea;}
.rf-related li a{color:#555;font-size:15px;}
.rf-related li a:hover{color:#0098ff;}
.rf-related li a::before{content:"·";color:#0098ff;margin-right:8px;}

/* ---------- 产品/案例 网格 ---------- */
.rf-grid{display:flex;flex-wrap:wrap;margin:-10px;}
.rf-col{box-sizing:border-box;padding:10px;width:33.33%;}
.rf-card{border:1px solid #e2e2e2;background:#fff;overflow:hidden;transition:box-shadow .3s;height:100%;}
.rf-card:hover{box-shadow:0 8px 22px rgba(0,152,255,.14);}
.rf-card .cimg{display:block;overflow:hidden;height:220px;}
.rf-card .cimg img{width:100%;height:100%;object-fit:cover;transition:.4s;}
.rf-card:hover .cimg img{transform:scale(1.06);}
.rf-card .cbody{padding:16px;}
.rf-card .cbody h3{font-size:18px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rf-card .cbody h3 a{color:#333;}
.rf-card .cbody h3 a:hover{color:#0098ff;}
.rf-card .cbody p{color:#888;font-size:14px;margin-top:6px;line-height:24px;}

/* ---------- 分页 ---------- */
.rf-pagebar{text-align:center;padding:26px 0 0;}
.rf-pagebar a,.rf-pagebar span{display:inline-block;min-width:40px;padding:8px 13px;margin:0 5px;font-size:15px;line-height:22px;background:#fff;border:1px solid #ddd;color:#666;}
.rf-pagebar a:hover,.rf-pagebar .cur,.rf-pagebar .on{background:#0098ff;color:#fff;border-color:#0098ff;}

/* ---------- 关于页 ---------- */
.rf-aboutpage{display:flex;gap:40px;align-items:center;}
.rf-aboutpage .img{width:46%;}
.rf-aboutpage .img img{width:100%;}
.rf-aboutpage .panel{width:54%;}
.rf-aboutpage .panel h3{font-size:22px;color:#0098ff;margin-bottom:12px;}
.rf-aboutpage .panel p{font-size:15px;color:#555;line-height:30px;text-align:justify;}

/* ---------- 联系页 ---------- */
.rf-contact{max-width:760px;margin:0 auto;}
.rf-contact .info{text-align:center;padding:10px 0 20px;}
.rf-contact .info p{font-size:17px;line-height:34px;color:#555;}
.rf-contact .info p b{color:#0098ff;}
.rf-contact .row{margin:14px 0;}
.rf-contact label{display:block;font-size:15px;color:#555;margin-bottom:6px;}
.rf-contact input,.rf-contact textarea{width:100%;padding:11px 13px;border:1px solid #ddd;font-size:15px;box-sizing:border-box;}
.rf-contact input:focus,.rf-contact textarea:focus{border-color:#0098ff;}
.rf-contact textarea{min-height:130px;resize:vertical;}
.rf-contact button{background:#0098ff;color:#fff;border:none;padding:11px 34px;font-size:16px;cursor:pointer;}
.rf-contact button:hover{background:#0084dd;}

/* ---------- 响应式 ---------- */
@media (max-width:1020px){
  .rf-mainbox{width:96%;}
  .rf-logo{width:68%;}
  .rf-tel{width:30%;}
  .rf-nav a{width:20%;}
  .rf-nav a:first-child{margin-left:0;}
  .rf-col{width:50%;}
}
@media (max-width:640px){
  .rf-logo{font-size:22px;}
  .rf-tel{font-size:14px;}
  .rf-nav a{width:50%;text-align:left;padding-left:10px;box-sizing:border-box;}
  .rf-nav{height:auto;}
  .rf-banner{height:150px;}
  .rf-col{width:100%;}
  .rf-aboutpage{flex-direction:column;}
  .rf-aboutpage .img,.rf-aboutpage .panel{width:100%;}
}