/* Airspring5 rebuild stylesheet - layout recreated from the original site's dimensions/colors. */
@charset "utf-8";
* { padding: 0; margin: 0; box-sizing: border-box; }
body { font: 14px/1.7 "微软雅黑", "Microsoft YaHei", Arial, sans-serif; color: #333; background: #fff; }
li, ul { list-style-type: none; }
img { border: none; max-width: 100%; }
a { color: #333; text-decoration: none; }
a:hover { color: #0359a7; }
.clear { clear: both; }
.wrap { width: 1180px; margin-left: auto; margin-right: auto; }
.fl { float: left; } .fr { float: right; }
.bk { background: #0359a7; }
.f16 { font-size: 16px; }
h1, h2, h3, h4 { font-weight: normal; }

/* top bar */
.top { height: 30px; line-height: 30px; color: #555; border-bottom: 1px solid #ccc; font-size: 12px; }
.top-r a { color: #555; padding: 6px; }

/* header */
.head { height: 132px; background: #fff; }
.head .logo { margin-top: 40px; }
.head .logo h1 a { color: #232222; font-size: 32px; font-weight: bold; }
.head .logo img { max-height: 60px; }
.head .ms { border-left: 1px solid #e1e1e1; margin: 40px 0 0 15px; color: #757575; padding-left: 15px; }
.head .ms p { height: 29px; line-height: 29px; color: #333; font-weight: bold; }
.head .ms p.kp { font-size: 20px; line-height: 35px; height: 35px; }
.head .tel { margin-top: 40px; color: #5f5f5f; line-height: 20px; font-size: 14px; text-align: right; }
.head .tel p { font-size: 26px; margin-top: 6px; font-weight: bold; color: #0359a7; }

/* nav */
.nav { height: 44px; }
.nav li { float: left; text-align: center; }
.nav li a { display: block; padding: 0 40px; height: 44px; line-height: 44px; color: #fff; }
.nav li:first-child a, .nav li:hover a { background: #057deb; }

/* search strip */
.search { background: #f4f7fa; border-bottom: 1px solid #e3e3e3; padding: 8px 0; font-size: 13px; }
.search input { width: 260px; height: 30px; border: 1px solid #ccc; padding: 0 8px; }
.search button { height: 30px; padding: 0 16px; background: #0359a7; color: #fff; border: none; cursor: pointer; }

/* banner */
.banner .fullSlide { position: relative; width: 100%; height: 420px; overflow: hidden; }
.banner .bd li { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity .6s; }
.banner .bd li:first-child { opacity: 1; }
.banner .bd li a { display: block; width: 100%; height: 100%; }
.banner .hd { position: absolute; bottom: 14px; left: 0; right: 0; text-align: center; z-index: 5; }
.banner .hd li { display: inline-block; width: 26px; height: 8px; margin: 0 4px; background: rgba(255,255,255,.55); text-indent: -9999px; cursor: pointer; }
.banner .hd li.on { background: #0359a7; }

/* home: products */
.product { margin-top: 22px; }
.pro-c { width: 260px; }
.pro-tit { background: #0359a7; color: #fff; font-size: 18px; padding: 12px 18px; }
.pro-c ul { border: 1px solid #e3e3e3; border-top: none; }
.pro-c li a { display: block; padding: 10px 18px; border-bottom: 1px solid #f0f0f0; font-size: 14px; }
.pro-c li a:hover { background: #f4f8fc; color: #0359a7; }
.pro-l { width: 890px; }
.title { border-bottom: 2px solid #0359a7; padding-bottom: 6px; margin-bottom: 14px; position: relative; }
.title h2 { font-size: 22px; color: #0359a7; display: inline-block; }
.title .more { position: absolute; right: 0; top: 8px; font-size: 13px; color: #888; }
.progrid { display: flex; flex-wrap: wrap; gap: 16px; }
.progrid li { width: calc(33.333% - 11px); border: 1px solid #e6e6e6; text-align: center; padding: 10px; }
.progrid li img { width: 100%; height: 180px; object-fit: cover; }
.progrid li p { margin-top: 8px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.progrid .noimg { display: flex; align-items: center; justify-content: center; height: 180px; background: #f2f5f8; color: #999; }
.progrid li.empty { width: 100%; border: none; color: #999; }

/* home: advantages */
.why { background: #f4f8fc; margin-top: 30px; padding: 26px 0 10px; }
.why .ys ul { display: flex; gap: 16px; }
.why .ys li { flex: 1; background: #fff; border: 1px solid #e3e9ef; padding: 20px 16px; }
.why .ys-num { font-size: 30px; color: #0359a7; font-weight: bold; }
.why .ys h3 { font-size: 17px; margin: 8px 0; color: #0359a7; }
.why .ys p { font-size: 13px; color: #666; }

/* home sections */
.box { margin-top: 30px; }
.caselist li, .newslist li, .artlist li { border-bottom: 1px dashed #ddd; padding: 8px 0; }
.caselist li span, .newslist li span, .artlist li span { float: right; color: #999; font-size: 12px; }
.honorlist { display: flex; flex-wrap: wrap; gap: 16px; }
.honorlist li { width: calc(25% - 12px); text-align: center; }
.honorlist li img { width: 100%; height: 180px; object-fit: cover; border: 1px solid #e6e6e6; }
.honorlist li p { margin-top: 6px; }
.about { background: #f4f8fc; margin-top: 30px; padding: 26px 0; }
.about-c { display: flex; gap: 22px; }
.about-img { width: 420px; height: 260px; object-fit: cover; }
.about-t { flex: 1; color: #555; }
.more-btn { display: inline-block; margin-top: 12px; background: #0359a7; color: #fff; padding: 6px 18px; }
.faq .news { width: 570px; }
.faq .news + .news { margin-left: 40px; }
.fpp { margin-top: 20px; }
.lianjie { margin: 26px auto 10px; font-size: 13px; color: #666; }
.lianjie h4 { display: inline; font-size: 13px; }
.lianjie a { margin: 0 10px; color: #666; }

/* inner pages */
.main { margin-top: 20px; }
.main_left { width: 260px; }
.leftitem { margin-bottom: 20px; border: 1px solid #e3e3e3; }
.leftit { background: #0359a7; color: #fff; font-size: 17px; padding: 10px 16px; }
.cates li a { display: block; padding: 9px 16px; border-bottom: 1px solid #f0f0f0; font-size: 14px; }
.cates li.on a, .cates li a:hover { background: #f4f8fc; color: #0359a7; }
.leftcontact { padding: 12px 16px; font-size: 13px; color: #555; }
.leftcontact p { margin: 6px 0; }
.main_right { width: 890px; }
.sitemap { background: #f4f7fa; border: 1px solid #e3e3e3; padding: 8px 14px; font-size: 13px; color: #666; margin-bottom: 16px; }
.content { border: 1px solid #e9e9e9; padding: 22px 26px; min-height: 400px; }
.progrid.inner li { width: calc(33.333% - 11px); }
.news_xaingxi { font-size: 22px; text-align: center; color: #222; padding: 6px 0 10px; }
.news_author { text-align: center; color: #999; font-size: 12px; border-bottom: 1px solid #eee; padding-bottom: 12px; margin-bottom: 16px; }
.news_content { font-size: 15px; line-height: 1.9; color: #444; overflow-wrap: break-word; }
.news_content p { margin: 10px 0; }
.news_content img { display: block; margin: 10px auto; }
.news_content table { border-collapse: collapse; margin: 10px auto; }
.news_content td, .news_content th { border: 1px solid #ccc; padding: 5px 9px; }
.pro-main-img img { max-width: 520px; }
.pagess { border-top: 1px solid #eee; margin-top: 24px; padding-top: 14px; font-size: 13px; }
.artlist li p { color: #888; font-size: 13px; margin-top: 4px; }
.artlist li span { float: right; }
.pager { text-align: center; margin: 22px 0 6px; }
.pager a, .pager span { display: inline-block; min-width: 32px; padding: 4px 8px; margin: 0 3px; border: 1px solid #ddd; }
.pager span.cur { background: #0359a7; color: #fff; border-color: #0359a7; }

/* guestbook */
.msgform p { margin: 12px 0; display: flex; align-items: flex-start; }
.msgform label { width: 110px; text-align: right; padding-right: 10px; line-height: 34px; }
.msgform input[type=text] { width: 340px; height: 34px; border: 1px solid #ccc; padding: 0 8px; }
.msgform textarea { width: 520px; border: 1px solid #ccc; padding: 8px; }
.msgform button { background: #0359a7; color: #fff; border: none; padding: 9px 30px; cursor: pointer; font-size: 15px; }
.msgform .hp { position: absolute; left: -9999px; }
.ok-msg { background: #eef7ee; border: 1px solid #b7dbb7; padding: 10px 14px; margin-bottom: 14px; }
.err-msg { background: #fdf0f0; border: 1px solid #e5b4b4; padding: 10px 14px; margin-bottom: 14px; }

/* footer */
.foot { background: #003362; padding-bottom: 14px; clear: both; margin-top: 34px; }
.foot .foot-menu { height: 48px; background: #0359a7; text-align: center; }
.foot .foot-menu a { color: #fff; font-size: 14px; height: 48px; line-height: 48px; margin: 0 14px; }
.foot .foot-menu em { color: #9db8d2; }
.foot .foot-c { padding-top: 16px; color: #e6e6e6; }
.foot .foot-c p { margin: 8px 0; text-align: center; line-height: 25px; font-size: 13px; }
.foot .foot-c a { color: #e6e6e6; }

/* responsive */
@media (max-width: 1220px) { .wrap { width: 96%; } }
@media (max-width: 900px) {
    .head { height: auto; padding-bottom: 14px; }
    .head .ms, .head .tel { display: none; }
    .head .logo h1 a { font-size: 24px; }
    .nav li a { padding: 0 12px; font-size: 14px; }
    .banner .fullSlide { height: 200px; }
    .pro-c, .pro-l, .main_left, .main_right, .faq .news { width: 100%; float: none; margin-left: 0; }
    .progrid li, .progrid.inner li { width: calc(50% - 8px); }
    .honorlist li { width: calc(50% - 8px); }
    .why .ys ul { flex-wrap: wrap; }
    .why .ys li { flex: 1 1 44%; }
    .about-c { flex-direction: column; }
    .about-img { width: 100%; }
    .content { padding: 16px; }
    .msgform input[type=text], .msgform textarea { width: 100%; }
    .msgform p { flex-direction: column; }
    .msgform label { text-align: left; }
}