div,
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { margin: 0; padding: 0; }
body { background-color: #fff; font: 100%/1.5em 'Microsoft Yahei', tahoma, Arial; overflow-x: hidden; }
a { text-decoration: none; color:#333;}
input,select,textarea {outline: none;}
li { list-style: none; }
.clear { clear: both; }
.clear { clear: both; }
a img { border: none; }
table { background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size: 0.75em; width: 100%; border-top: solid 1px #ddd; border-left: solid 1px #ddd; box-sizing: border-box; }
table th { background-color: #f9f9f9; text-align: center; box-sizing: border-box; }
table td,
table th { padding: 5px 10px; border: 1px solid #ddd; box-sizing: border-box; }
/*gold*/
.inner { width: 1200px; margin: 0 auto; position: relative; }
.banner { margin-bottom: 30px; }
.banner img { display: block; width: 100%; height: auto; }
.thumbnail img {object-fit: cover; transition: all .3s;}
.thumbnail a:hover img {transform: scale(1.1);}
/*top*/
#top { position: relative; z-index: 2; background: #282828; width: 100%; color: #fff; font-size: 0.875em; height: 36px; line-height: 36px; font-weight: bold; }
#top .inner { position: relative; }
#top .tel { float: left; background: url(../images/phone.png) no-repeat left center; padding-left: 18px; }
#top .tel a { color: #fff; }
.social { float: right; margin-top: 4px; display: inline; }
.social ul li { float: left; margin-left: 5px; display: inline; }
.social ul li a { display: block; width: 26px; height: 26px; background: url(../images/social_icon.png) no-repeat; }
.social ul li.qq a { background-position: -36px -2px; }
.social ul li.qq a:hover { background-position: -109px -2px; }
.social ul li.weixin a { background-position: 0 -2px; }
.social ul li.weixin a:hover { background-position: -73px -2px; }
.social ul li.weibo a { background-position: -147px -2px; }
.social ul li.weibo a:hover { background-position: -183px -2px; }
.social ul li.search a { background: url(../images/search.png) no-repeat center center; }
/*logo*/
.logo { float: left; padding: 20px 0; overflow: hidden; }
.logo a { text-indent: -99999em; overflow: hidden; display: block; width: 200px; height: 60px; background: url(../images/logo.png) no-repeat left center; background-size: contain; }
/*header*/
#header { width: 100%; border-bottom: 1px solid #eee; }
/*nav*/
.nav { float: right; height: 40px; padding: 30px 0; }
.nav li { float: left; display: inline-block; margin: 0 10px; font-size: 20px; line-height: 40px; position: relative; transition: all 0.4s ease 0s; }
.nav li em { display: none; }
.nav li a { display: block; color: #333; padding: 0 10px; border-radius: 3px; }
.nav li a:hover,
.nav li.on > a,
.nav li.cur > a { background-color: #178EEE; color: #fff; }
.nav li ul { position: absolute; left: -1px; top: 40px; background: #fff; border: 1px solid #eee; border-radius: 0 0 3px 3px; width: 100%; padding: 5px 0; display: none; z-index: 5; }
.nav li li { font-size: 14px; float: none; margin: 0; display: block; text-align: center; line-height: 2em; }
.nav li li a { padding: 5px 10px; }
.nav li li a:hover { border-radius: 0; }
/*navbtn*/
#navbtn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; display: none; width: 25px; height: 20px; }
#navbtn i { display: block; position: absolute; top: 50%; left: 0; margin-top: -1px; height: 2px; background-color: #999; width: 100%; }
#navbtn i:before,
#navbtn i:after { content: ''; display: block; height: 2px; background-color: #999; position: absolute; left: 0; width: 100%; }
#navbtn i:before { top: -9px; }
#navbtn i:after { bottom: -9px; }
/*banner*/
#slidershow { width: 100%; height: auto; overflow: hidden; clear: both; background: #fff; }
#slidershow img { width: 100%; max-width: 1920px; display: block; }
/*slides*/
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel img { width: 100%; height: auto; display: block; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent: -9999em; width: 35px; height: 35px; position: absolute; top: 50%; margin-top: -17.5px; padding: 0; }
.owl-carousel .owl-nav .owl-prev { background: url(../images/controls.png) no-repeat 0 0; left: 15px; transition: background 0.3s ease 0s; }
.owl-carousel .owl-nav .owl-next { background: url(../images/controls.png) no-repeat -42px 0; right: 15px; transition: background 0.3s ease 0s; }
.owl-carousel .owl-nav .owl-prev:hover { background-position: 0 -35px; }
.owl-carousel .owl-nav .owl-next:hover { background-position: -42px -35px; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.2; }
.owl-carousel.owl-drag .owl-item.active { opacity: 1; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.no-js .owl-carousel { display: block; }
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
.owl-height { transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../images/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }
.owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; position: absolute; bottom: 10px; width: 100%; left: 0; }
.owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; cursor: pointer; }
.owl-dots .owl-dot span { width: 15px; height: 5px; margin: 5px 5px; background: #fff; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; }
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span { background: #0B3A6E; }
/*notice*/
#notice { background: rgba(23, 142, 238, 0.9); margin-bottom: 30px; padding: 10px 0; color: #fff; overflow: hidden; font-size: 16px; line-height: 1.875em; }
#notice.nb { margin-bottom: 0; }
/*service*/
#service { background-color: #fafafa; padding: 2% 0; overflow: hidden; }
#service ul { text-align: center; font-size: 0; line-height: normal; overflow: hidden; }
#service li { width: 14%; text-align: center; display: inline-block; padding: 3%; }
#service li .thumbnail { width: 60%; height: auto; margin: 0 auto 15px; border-radius: 50%; overflow: hidden; }
#service li i { padding-bottom: 100%; background: no-repeat center center; background-size: cover; display: block; }
#service li h2 { font-weight: normal; font-size: 14px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#service li a { color: #333; display: block; overflow: hidden; }
#service li a:hover { color: #0B3A6E; }
/*section*/
.onbg { position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.5; left: 0; top: 0; display: none; }
/*hmTitle*/
.hmTitle { text-align: center; margin-bottom: 3.5%; padding-bottom: 30px; }
.hmTitle .title { display: inline-block; position: relative; }
.hmTitle .title:before,
.hmTitle .title:after { width: 30px; height: 1px; background-color: #178EEE; transform: rotate(-45deg); content: ''; display: block; margin-top: 20px; position: absolute; left: 50%; }
.hmTitle .title:before { margin-left: 40px; }
.hmTitle .title:after { margin-left: -70px; }
.hmTitle i { display: inline-block; width: 40px; height: 40px; text-transform: uppercase; color: #fff; border-radius: 50%; margin: 0 auto; background-color: #178EEE; font: normal 26px/42px 'Arial'; position: relative; }
.hmTitle h3,
.hmTitle h4 { font-weight: normal; color: #178EEE; font-size: 18px; line-height: 1.5em; text-transform: uppercase; clear: both; }
.hmTitle h4 { color: #bbb; }
.bluebg .hmTitle i { background-color: #fff; color: #178EEE; }
.bluebg .hmTitle h3,
.bluebg .hmTitle h4 { color: #fff; }
.bluebg .hmTitle .title:before,
.bluebg .hmTitle .title:after { background-color: #fff; }
/*hmowl*/
#hmowl { padding: 5% 0; overflow: hidden; }
#hmowl .box { padding: 0 60px; }
#hmowl .owl-nav .owl-prev { left: -60px; }
#hmowl .owl-nav .owl-next { right: -60px; }
#hmowl .owl-stage-outer { overflow: hidden; }
#hmowl .bxitem { border: 1px solid #eee; margin-right: 1px; }
#hmowl .thumbnail { overflow: hidden; }
#hmowl .thumbnail a { display: block; padding-bottom: 75%; position: relative; }
#hmowl .thumbnail img { position: absolute; top: 0; height: 100%; }
#hmowl h2 { font-weight: normal; font-size: 18px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5em; margin-bottom: 10px; }
#hmowl a { color: #333; }
#hmowl a:hover { color: #0B3A6E; }
#hmowl .info { padding: 20px; }
#hmowl .intro { font-size: 14px; line-height: 1.75em; text-align: justify; height: 7em; overflow: hidden; color: #555; margin-bottom: 15px; }
#hmowl .more a { font-size: 12px; display: block; width: 90px; height: 32px; line-height: 32px; text-align: center; background-color: #f6f6f6; color: #999; border-radius: 3px; margin: 0 auto; }
#hmowl .more a:hover { background-color: #0B3A6E; color: #fff; }
/*bluebg*/
.bluebg { background: #0B3A6E; width: 100%; padding: 5% 0; }
#products ul { width: 102%; }
#products li { float: left; width: 23%; padding-right: 2%; padding-bottom: 2%; }
#products li .thumbnail { border: 2px solid #fff; position: relative; overflow: hidden; margin-bottom: 5%; }
#products li .thumbnail a {padding-bottom: 78%; position: relative; display: block;}
#products li img { position: absolute; top: 0; width: 100%; height: 100%; display: block; }
#products li a { color: #fff; }
#products li h2 { font-weight: normal; font-size: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; text-align: center; }
/*showcase*/
#showcase { margin-bottom: 2%; }
#showcase .inner { overflow: hidden; }
#showcase ul { width: 103%; overflow: hidden; }
#showcase li { float: left; width: 47%; padding-right: 3%; padding-bottom: 3%; }
#showcase li .box { background-color: #fafafa; overflow: hidden; border: 1px solid #eee; }
#showcase li .thumbnail { width: 170px; float: left; }
#showcase li .thumbnail a { display: block; padding-bottom: 75%; position: relative; overflow: hidden; }
#showcase li .thumbnail img { display: block; width: 100%; height: 100%; position: absolute; top: 0; }
#showcase li .info { margin-left: 170px; padding: 10px 5%; }
#showcase li h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 1.875em; color: #178EEE; margin-bottom: 5px; }
#showcase li a { color: #178EEE; }
#showcase li .intro { font-size: 14px; line-height: 1.75em; color: #333; text-align: justify; height: 3.5em; overflow: hidden; margin-bottom: 7px; }
#showcase li .more { text-align: right; font-size: 14px; line-height: 1.125em; }
#showcase li .more a { color: #666; }
/*news*/
#news { text-align: center; position: relative; margin-bottom: 50px; overflow: hidden; }
#news h2 { font-weight: normal; color: #111; font-size: 1.25em; margin-bottom: 20px; }
#news h2 a { color: #111; }
#news h2 a:hover { color: #0B3A6E; }
#news p { color: #333; width: 70%; margin: 0 auto 15px; font-size: 0.875em; }
#news .owl-dots { bottom: auto; position: static; left: auto; width: auto; }
#news .owl-dots .owl-dot span { background-color: #ddd; width: 10px; height: 10px; border-radius: 50%; }
#news .owl-dots .owl-dot.active span { background-color: #0B3A6E; }
#products,
#container { overflow: hidden; margin-bottom: 30px; }
/*partner*/
#partner { overflow: hidden; margin-bottom: 30px; }
#partner ul { width: 102%; overflow: hidden; }
#partner li { float: left; width: 14.66%; padding-right: 2%; padding-bottom: 2%; }
#partner li a { display: block; border: 1px solid #ddd; padding: 10px; }
#partner li i { padding-bottom: 66.456%; background: no-repeat center center; background-size: contain; display: block; }
.widget .textwidget img { display: block; width: 100%; height: auto; }
/*container*/
.sidebar { width: 250px; float: left; }
.sideMenu,
.widget { margin-bottom: 25px; }
.sideMenu h3 a { color: #fff; }
.sideMenu h3,
.widget h3 { background-color: #178EEE; color: #fff; padding: 15px 10px 5px 20px; font-size: 1em; }
.sideMenu h3 span,
.widget h3 span { font-weight: normal; font-size: 0.75em; margin-left: 10px; text-transform: uppercase; text-transform: uppercase; }
.sideMenu ul { background-color: #FFF8FB; border: 1px solid #eee; }
.sideMenu li { font-weight: bold; font-size: 1em; color: #666; border-bottom: 1px solid #eee; }
.sideMenu li a { color: #666; display: block; padding: 10px 0 10px 45px; }
.sideMenu li a:hover,
.sideMenu li.on a { background: url(../images/menu-bg.gif) no-repeat left center; color: #178EEE; }
.widget h3 { padding: 8px 10px 5px 20px; }
.widget ul,
.widget .textwidget,
.widget > div { border: 1px solid #eee; padding: 10px; }
.widget li { font-size: 14px; line-height: 2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.widget li a { background: url(../images/dot.png) no-repeat left center; padding-left: 12px; color: #333; }
.widget li a:hover { background-image: url(../images/dot-on.png); color: #178EEE; }
.widget img { max-width: 100%; height: auto; }
.widget .textwidget { padding: 5px; font-size: 0.875em; }
.widget .textwidget img { margin-bottom: 10px; }
#divSearchPanel form {position: relative; display: block; padding-right: 50px; margin:5px;}
#divSearchPanel input[type="text"] { border: 1px solid #ddd; width: 100%; height: 30px; line-height: 24px; padding: 3px 1em; box-sizing: border-box;}
#divSearchPanel input[type="submit"] { border: none; width: 50px; cursor: pointer; background-color: #178EEE; color: #fff; display: block; position: absolute; right: 0; top:0; height: 100%;}
#tbCalendar { width: 100%; }
#divCalendar > div { padding: 0; }
#tbCalendar a { color: #178EEE; }
#tbCalendar caption { padding: 10px 0; }
#tbCalendar thead,
#tbCalendar tbody { background: #fff; }
#tbCalendar thead tr th { padding: 10px 0; }
#tbCalendar tbody tr td { padding-bottom: 10px; text-align: center; }
#tbCalendar tbody tr td a { padding: 2px; font-size: 0.75em; font-weight: bold; }
#divMisc.widget li a { background: none; }
#contact.fixed { width: inherit; position: fixed; top: 10px; left: auto; }
#divTags ul { overflow: hidden; width: 102%;}
#divTags li { float: left; padding: 1% 2% 1% 0;}
#divTags li a { display: block; background: #f9f9f9; border-radius: 0px; padding: 0 10px; color: #fff; font-size: 12px; }
#divTags li a:hover { opacity: .8; }
#divTags li:nth-child(8n-7) a { background-color: #8A9B0F; }
#divTags li:nth-child(8n-6) a { background-color: #EB6841; }
#divTags li:nth-child(8n-5) a { background-color: #3FB8AF; }
#divTags li:nth-child(8n-4) a { background-color: #FE4365; }
#divTags li:nth-child(8n-3) a { background-color: #FC9D9A; }
#divTags li:nth-child(8n-2) a { background-color: #EDC951; }
#divTags li:nth-child(8n-1) a { background-color: #C8C8A9; }
#divTags li:nth-child(8n) a { background-color: #83AF9B; }
#divTags li:first-child a { background-color: #E1474D; }
#divTags li:last-child a { background-color: #3299BB; }
#divTags li .tag-count { display: none; }
/*main*/
.main { width: 900px; float: right; }
.breadcrumb-title { border-bottom: 1px solid #eee; overflow: hidden; padding-top: 6px; margin-bottom: 25px; }
.breadcrumb-title h1,
.breadcrumb-title .cate { float: left; font-weight: normal; font-size: 1.25em; border-bottom: 2px solid #178EEE; padding-bottom: 5px; }
.breadcrumb-title h1 a,
.breadcrumb-title .cate a { color: #000; }
.breadcrumb { float: right; font-size: 0.75em; color: #666; background: url(../images/home.png) no-repeat left center; padding-left: 18px; }
.breadcrumb a { color: #666; }
/*showlist*/
.showlist { overflow: hidden; }
.showlist ul { overflow: hidden; width: 103%; }
.showlist li { float: left; width: 30.333%; padding: 0 3% 3% 0; }
.showlist li .thumbnail { margin-bottom: 10px; }
.showlist li .thumbnail a { padding-bottom: 75%; position: relative; display: block; overflow: hidden; }
.showlist li .thumbnail img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }
.showlist li h2 { font-size: 16px; text-align: center; font-weight: normal; line-height: 1.75em;}
.showlist li h2 a { color: #555; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.showlist li h2 a:hover { color: #178EEE; }
/*newslist*/
.newslist ul { margin-bottom: 5%; }
.newslist li { font-size: 16px; line-height: 1.875em; border-bottom: 1px dotted #ddd; overflow: hidden; padding-bottom: 8px; margin-bottom: 8px; }
.newslist li span { float: right; color: #666; font-size: 12px; }
.newslist li a { background: url(../images/dot.png) no-repeat left center; padding-left: 15px; color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; margin-right: 120px; }
.newslist li a:hover,
.post .related-post ul li a:hover { background-image: url(../images/dot-on.png); color: #2D99F0; }
/*page404*/
.page404 {text-align: center; padding: 10%; padding: 35vh 5%;}
.page404 h2 {font-size: 48px; line-height: 1.5em; font-weight: normal; margin-bottom: 15px;}
/*textlist*/
.textlist ul { margin-bottom: 30px; }
.textlist li { overflow: hidden; position: relative; }
.textlist li .time { font-size: 14px; float: left; color: #666; width: 85px;}
.textlist li .info { margin-left: 110px; overflow: hidden; padding-left: 39px; position: relative; padding-bottom: 30px; }
.textlist li span { width: 3px; height: 120%; position: absolute; left: 128px; background-color: #c7c7c7; }
.textlist li i { display: block; width: 12px; height: 12px; background-color: #fff; border: 3px solid #178EEE; border-radius: 50%; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); }
.textlist li h2 { font-weight: normal; font-size: 24px; line-height: 1.35em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; color: #178EEE; }
.textlist li h2 a { color: #178EEE; }
.textlist li h2 a:hover { color: #444; text-decoration: underline; }
.textlist li p { font-size: 14px; line-height: 1.875em; color: #555; text-align: justify; }
/*bloglist*/
.bloglist ul { margin-bottom: 30px; }
.bloglist li { overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 3.5%; margin-bottom: 3.5%; }
.bloglist li .thumbnail { width: 230px; float: left; overflow: hidden; }
.bloglist li .thumbnail a { display: block; padding-bottom: 75%; background: no-repeat center center; background-size: cover; transition: all .3s; }
.bloglist li .thumbnail a:hover { transform: scale(1.1); }
.bloglist li .info { margin-left: 260px; overflow: hidden; }
.bloglist li h2 { font-size: 24px; line-height: 1.5em; margin-bottom: 10px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bloglist li h2 a { color: #178EEE; }
.bloglist li h2 a:hover { color: #444; }
.bloglist li p { font-size: 16px; line-height: 1.875em; color: #333; text-align: justify; overflow: hidden; height: 7.5em; }
.commentslist ol li .gravatar img { display: block; width: 100%; height: auto; transition: transform 0.4s ease 0s; }
/*waterfall*/
#waterfall { width: 102%; }
#waterfall .grid-sizer { width: 23%; }
#waterfall .gutter-sizer { width: 2%; }
#waterfall .grid-item--width2 { width: 40%; }
#waterfall .grid-item { width: 23%; margin-bottom: 2%; }
#waterfall .box { background: #fafafa; padding: 10px; border: 1px solid #eee; }
#waterfall .thumbnail { margin-bottom: 10px; }
#waterfall .thumbnail a { display: block; overflow: hidden; }
#waterfall img {display: block; width: 100%; height: auto; transition: transform 0.4s ease 0s;}
#waterfall img:hover { transform: scale(1.4, 1.4); transition: transform 0.4s ease 0s; opacity: 0.8; }
#waterfall h2 { line-height: 1.75em; font-size: 16px; margin-bottom: 5px; }
#waterfall .excerpt { font-size: 14px; color: #555; text-align: justify; line-height: 1.75em; }
/*pagenavi*/
.pagenavi { clear: both; text-align: center; font-size: 0; line-height: normal; }
.pagenavi a,
.pagenavi span.now-page { display: inline-block; background-color: #dfdfdf; color: #666; height: 32px; line-height: 32px; padding: 0 12px; font-size: 14px; margin: 2px; }
.pagenavi a:hover,
.pagenavi span.now-page { color: #fff; background-color: #178EEE; }
/*post*/
.post h1 { text-align: center; font-weight: normal; font-size: 1.5em; margin-bottom: 15px; line-height: 1.5em; }
.post h1.post_page { margin-bottom: 30px; }
.post .postmeta { font-size: 0.75em; color: #888; text-align: center; margin-bottom: 25px; }
.post .postmeta span { padding: 5px; }
.post .pn,
.post .related-post { overflow: hidden; margin-bottom: 20px; }
/*entry*/
.entry { font-size: 16px; line-height: 1.875em; color: #333; overflow: hidden; border-bottom: 1px solid #eee; margin-bottom: 2.5%; }
.entry img { max-width: 100%; height: auto !important; }
.entry p,
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 { margin-bottom: 2.5%; }
.entry blockquote { background-color: #f3f3f3; overflow: hidden; padding: 2.5% 2.5% 0; margin-bottom: 2.5%; color: #333; border-bottom: 2px solid #eee; }
.entry ul,
.entry ol { padding-left: 1em; margin-left: 2em; margin-bottom: 2.5%; }
.entry ul li { list-style: outside disc none; }
.entry ol li { list-style: outside decimal none; }
.entry li p { margin-bottom: 0; }
.entry a { color: #178EEE; }
.entry a:hover { text-decoration: underline; }
.post .pn p { font-size: 0.875em; color: #333; }
.post .pn p a { color: #555; }
.post .pn p a:hover { text-decoration: underline; color: #178EEE; }
.post .related-post h3,
.commentslist h3,
.commentForm h3,
#relatedPro h3 { background: #178EEE; color: #fff; font-weight: normal; font-size: 0.875em; padding-left: 5px; height: 30px; line-height: 32px; margin-bottom: 15px; border-bottom: 2px solid #eee; }
.post .related-post ul li { font-size: 1em; line-height: 1.75em; overflow: hidden; padding: 5px 0; }
.post .related-post ul li a { color: #333; background: url(../images/dot.png) no-repeat left center; padding-left: 15px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 120px;}
.post .related-post ul li span { float: right; color: #888; font-size: 12px; }
.post .tags { margin-bottom: 20px; font-size: 0.75em; }
.post .tags span { color: #666; }
.post .tags a { color: #178EEE; margin-left: 5px; }
/*relatedPro*/
#relatedPro {overflow:hidden;}
#relatedPro ul {width:102%; overflow:hidden;}
#relatedPro li {float:left; width: 23%; padding:0 2% 2% 0;}
#relatedPro .thumbnail {margin-bottom:5px;}
#relatedPro .thumbnail a {display:block; padding-bottom:75%; position:relative; overflow:hidden;}
#relatedPro .thumbnail img {display: block; width: 100%; height:100%; position:absolute; left:0; top:0; object-fit: cover;}
#relatedPro h2 {font-size:16px; line-height: 1.875em; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; font-weight: normal; text-align: center;}
/*commentslist*/
.commentslist ol li { position: relative; clear: both; overflow: hidden; margin-bottom: 15px; }
.commentslist ol li .gravatar { width: 40px; height: 40px; position: absolute; left: 0; top: 0; border: 1px solid #eee; padding: 1px; float: left; }
.commentslist ol li .cmt-info { margin-left: 55px; border: 1px solid #eee; border-radius: 4px; padding: 10px; }
.commentslist ol li .cmt-info .cmt-meta { border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 10px; }
.commentslist ol li .cmt-info .cmt-meta span { margin-right: 5px; font-size: 0.875em; }
.commentslist ol li .cmt-info .cmt-meta span.time { font-size: 0.75em; color: #888; }
.commentslist ol li .cmt-info .cmt-meta span.reply { float: right; }
.commentslist ol li .cmt-info .cmt-meta a { color: #178EEE; }
.commentslist ol li .cmt-info .cmt-con { font-size: 0.875em; color: #555; }
.commentslist ol li span.arrow { position: absolute; left: 49px; top: 15px; display: block; height: 2px; border-right: 6px solid #ddd; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.commentslist ol li li { margin-bottom: 0; margin-top: 15px; margin-left: 20px; }
/*comment-form*/
.commentForm .item { margin-bottom: 15px; overflow: hidden; position:relative;}
.commentForm label {display: block; font-size:16px; float:left; line-height: 38px;}
.commentForm label i {font-style:normal; color:#f00;}
.commentForm .input {margin-left: 60px; overflow: hidden; border:1px solid #ddd; border-radius: 3px; overflow: hidden;}
.commentForm .text {border:none; width: 97%; padding: 5px 3% 5px 0; font-size:14px; line-height: 26px; box-shadow: inset 0px -1px 1px #ddd; display:block; text-indent:10px; font-family: 'Microsoft Yahei';}
.commentForm .text:focus {border:none; outline: none;}
.commentForm textarea.text {height: 150px; resize:vertical;}
.commentForm .verify img {display: block; position:absolute; right:0; bottom:0; height: 100%; width: auto;}
.commentForm .verify .input {margin-right: 115px;}
.commentForm .btn {margin-left: 60px;}
.commentForm .submit,
#cancel-reply { cursor: pointer; background-color: #178EEE; border: none; color: #fff; font-size:16px; height: 36px; width: 120px; text-align: center; line-height: 36px; display: inline-block;}
.commentForm .submit:hover {opacity: .85;}
#cancel-reply {background-color: #f6f6f6; color:#777;}
/*postbottom*/
.postbottom {font-size: 14px; line-height: 1.75em; color:#888; margin-bottom: 15px; margin-left: 60px;}
/*friendlinks*/
#friendlinks { margin-bottom: 30px; overflow: hidden; }
#friendlinks ul li { font-size: 0.875em; float: left; margin: 0 10px; display: inline; }
#friendlinks ul li a { color: #666; }
#friendlinks ul li a:hover { color: #0B3A6E; text-decoration: underline; }
/*footer*/
#footer { background: #2E2E2E; width: 100%; height: auto; }
.top-footer { font-size: 0.875em; padding: 20px 0; color: #fff; overflow: hidden; position: relative; }
.contact { float: left; padding-left: 40px; }
.contact ul li { line-height: 2em; }
.contact ul li i { color: #848484; }
.contact ul li .icon-map-marker { font-size: 1.5em; }
.contact ul li .icon-phone { font-size: 1.25em; }
.qrcode { float: left; }
.qrcode ul li { float: left; margin: 0 10px; display: inline; text-align: center; }
.qrcode img { width: 80px; height: 80px; display: block; background-color: #fff; }
.footer-logo { float: right; margin-top: 20px; display: inline; width: 250px; }
.footer-logo img { width: 100%; height: auto; }
.sub-footer { background: #282828; width: 95%; padding: 10px 2.5%; text-align: center; color: #ACACAC; font-size: 0.75em; }
.sub-footer a { color: #ACACAC; display: inline-block;}
.sub-footer img {display: inline-block; vertical-align: middle; width: auto; height: 20px; margin-top: -3px;}
/*searchForm*/
.searchForm { display: none; position: absolute; right: 0; top: 100%; width: 310px; background-color: #0B3A6E; overflow: hidden; }
.searchForm form { padding-right: 55px; position: relative; display: block; margin: 10px; }
.searchForm .s { height: 25px; line-height: 25px; width: 90%; padding: 5px 5%; border: none; }
.searchForm .submit { position: absolute; right: 0; top: 0; cursor: pointer; background-color: #fff; border: none; height: 100%; width: 50px; font-size: 14px; }
/*searchForm*/
.backtop { position: fixed; right: 0; top: 80%; background: #0B3A6E url(../images/backtop.png) no-repeat; width: 54px; height: 54px; cursor: pointer; }
#weixin { background: rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10001; display: none; }
#weixin img { width: 200px; height: 200px; background-color: #fff; padding: 10px; border: 1px solid #ddd; position: fixed; top: 50%; margin-top: -106px; left: 50%; margin-left: -106px; }
/*mobile-bar*/
.mobile-bar { width: 100%; font-size: 1em; text-align: center; background-color: #333; overflow: hidden; position: fixed; bottom: 0px; left: 0px; z-index: 9999; display: none; }
.mobile-bar li { float: left; width: 25%; }
.mobile-bar li a { padding-top: 25px; border-left: 1px solid #383838; border-right: 1px solid #2B2B2B; color: #EEE; background-image: url("../images/icon-mobi.png"); background-repeat: no-repeat; display: block; }
.mobile-bar li.mobi-map a { background-position: center 6px; }
.mobile-bar li.mobi-phone a { background-position: center -67px; }
.mobile-bar li.mobi-email a { background-position: center -134px; }
.mobile-bar li.mobi-chat a { background-position: center -202px; }
.mobile-bar li i { font-style: normal; font-size: 0.875em; }
/*screen width*/
@media only screen and (max-width:1280px) {
.inner { width: 93.75%; }
.footer-logo { width: 20.833333%; }
.sidebar { width: 20.833333%; }
.main { width: 75%; }
#contact.fixed { width: 19.53125%; }
/*1280*/
.nav li { font-size: 18px; }
/*1280*/
.bloglist li h2 { font-size: 22px; }
/*1280*/
.textlist li h2 { font-size: 22px; }
}
@media only screen and (max-width:1024px) {
/*1024px*/
#service li { padding: 2%; width: 16%; }
/*1024px*/
.nav { padding: 25px 0; }
.nav li { font-size: 16px; }
/*1024px*/
.logo a { width: 167px; height: 50px; }
/*1024px*/
#showcase li .thumbnail { width: 150px; }
#showcase li .info { margin-left: 150px; padding: 5px 3.5%; }
#showcase li h2 { line-height: 1.75em; margin-bottom: 0; }
#showcase li .intro { margin-bottom: 0; height: 5.25em; }
#showcase li .more { display: none; }
/*1024px*/
.bloglist li h2 { font-size: 20px; }
/*1024px*/
.textlist li h2 { font-size: 20px; }
/*1024px*/
#waterfall .grid-sizer,
#waterfall .grid-item {width: 31.33%;}
/*1024px*/
#relatedPro h2 {font-size:14px;}
}
@media only screen and (max-width:960px) {
/*960*/
.nav { position: fixed; float: none; width: 100%; clear: both; width: 200px; z-index: 9; left: -200px; top: 0; height: 100%; background-color: rgba(0, 0, 0, .8); color: #fff; padding: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: left .3s; }
.nav.open { left: 0; }
.nav ul { padding: 50px 0; }
.nav li { float: none; margin: 0; display: block; line-height: 45px; }
.nav li em { display: block; position: absolute; right: 0; top: 0; width: 45px; height: 45px; }
.nav li em:before { content: ''; display: block; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -6px; transition: all .3s; }
.nav li em.open:before { transform: rotate(-135deg); margin-top: 0; }
.nav li a { color: #fff; padding: 0 45px 0 2em; }
.nav li a:hover,
.nav li.on > a,
.nav li.cur > a { background-color: transparent; }
.nav li ul { position: static; left: auto; top: auto; width: auto; padding: 0; border: none; background: none; }
.nav li li { text-align: left; line-height: 45px; }
.nav li li a { padding: 0 0 0 4em; }
/*960*/
#navbtn { display: block; }
/*960*/
#hmowl { padding: 5.5% 0; }
#hmowl .box { padding: 0; }
#hmowl .owl-dots { position: static; margin-top: 3.5%; }
#hmowl .owl-dot span { width: 10px; height: 10px; border-radius: 50%; background-color: #e4e4e4; }
#hmowl .active span { background-color: #0B3A6E; }
/*960*/ }
@media only screen and (max-width:900px) {
.footer-logo { position: absolute; right: 0; top: 40px; }
}
@media only screen and (max-width:800px) {
.sidebar { display: none; }
.main { float: none; width: 100%; }
}
@media only screen and (max-width:768px) {
body{ padding-bottom:50px;}
/*768*/
#top { position: relative; }
#top .inner { position: static; }
/*768*/
#service { padding: 5% 0; }
#service li { width: 18%; padding: 1%; }
#service li .thumbnail { width: 88%; margin-bottom: 10px; }
#service li h2 { font-size: 14px; }
/*768*/
#notice { font-size: 12px; line-height: 1.5em; padding: 8px 0; margin-bottom: 10px; }
/*768*/
.searchForm { width: 93.75%; padding: 3.125%; }
.searchForm form { margin: 0; }
/*768*/
.logo { padding: 12.5px 0; }
.logo a { width: 133px; height: 40px; }
/*768*/
#partner ul { width: 103%; }
#partner li { width: 31%; }
/*768*/
#hmowl h2 { font-size: 14px; margin-bottom: 5px; white-space: normal; line-height: 1.75em; height: 3.5em; }
#hmowl .info { padding: 15px; }
#hmowl .intro { display: none; }
#hmowl .more { display: none; }
/*768*/
.hmTitle { padding-bottom: 0; }
.hmTitle .title:before,
.hmTitle .title:after { transform: none; top: 50%; margin-top: -0.5px; }
.hmTitle .title:before { left: auto; right: 120%; margin-left: 0; }
.hmTitle .title:after { left: 120%; margin-left: 0; }
.hmTitle i { width: 30px; height: 30px; font-size: 18px; line-height: 32px; }
.hmTitle h4 { font-size: 14px; }
/*768*/
.newslist li { font-size: 14px; margin-bottom: 5px; padding-bottom: 5px; }
.newslist li span {float: none; padding-left: 10px;}
.newslist li a { padding-left: 10px; margin-right: 0;}
/*768*/
#showcase ul { width: auto; }
#showcase li { float: none; padding-right: 0; width: auto; }
#showcase li .thumbnail { width: 110px; }
#showcase li .info { margin-left: 110px; padding: 5px 2.5%; }
#showcase li h2 { line-height: 1.25em; font-weight: normal; margin-bottom: 3px; }
#showcase li .intro { height: 3.5em; }
/*768*/
.bloglist li .thumbnail { width: 120px; }
.bloglist li .info { margin-left: 135px; }
.bloglist li h2 { font-size: 16px; line-height: 1.875em; white-space: normal; margin-bottom: 0; max-height: 3.75em; }
.bloglist li p { font-size: 14px; line-height: 2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: auto; }
/*768*/
.textlist li { padding-left: 20px; }
.textlist li span { width: 1.5px; left: 6.5px; }
.textlist li i { border-width: 2px; width: 9px; height: 9px; }
.textlist li .time { float: none; font-size: 12px; margin-bottom: 5px;width: auto; }
.textlist li .info { margin-left: 0; padding-left: 0; padding-bottom: 15px; }
.textlist li h2 { font-size: 16px; font-weight: bold; }
.textlist li p { line-height: 1.75em; max-height: 5.25em; overflow: hidden; }
/*768*/
#waterfall {margin-bottom: 3.5%;}
#waterfall .grid-sizer,
#waterfall .grid-item {width: 48%;}
#waterfall h2 {font-size:14px;}
/*768*/
#relatedPro ul {width:103%;}
#relatedPro li {width: 47%; padding:0 3% 3% 0;}
/*768*/
.commentForm label {font-size:14px; float:none; line-height: 1.5em; margin-bottom: 5px;}
.commentForm .input {margin-left: 0;}
.commentForm .text {width: 95%; padding:5px 2.5%; text-indent:0;}
.commentForm .verify img {height: 38px;}
.commentForm .btn {margin-left: 0; text-align: right;}
/*768*/
.postbottom {margin-left:0; font-size:14px;}
/*768*/
.post .related-post ul li {font-size: 14px;}
.post .related-post ul li span {float: none; margin-left: 15px;}
.post .related-post ul li a {margin-right: 0;}
/*768*/
.page404 h2 {font-size: 28px;}
.page404 p {font-size: 14px;}
}
@media only screen and (max-width:680px) {
.social ul li.qq { display: none; }
.mobile-bar { display: block; }
.backtop { display: none; }
.qrcode { float: none; text-align: center; margin-bottom: 15px; }
.qrcode ul li { float: none; display: inline-block; }
.footer-logo { top: auto; bottom: 20px; }
.contact { float: none; padding-left: 0; }
}
@media only screen and (max-width:540px) {
#products li h2 { font-size: 0.875em; }
/*540*/
.showlist li { width: 47%; }
.showlist li .thumbnail { margin-bottom: 5px; }
.showlist li h2 { font-size: 14px; }
}
@media only screen and (max-width:480px) {
.social ul li { margin-left: 2px; }
#products li { width: 48%; padding-bottom: 4%; }
.breadcrumb { float: none; margin-bottom: 15px; }
.breadcrumb-title h1,
.breadcrumb-title .cate { clear: both; float: none; }
/*480px*/
#waterfall,
#waterfall .grid-sizer,
#waterfall .grid-item,
#waterfall .gutter-sizer {width: auto;}
#waterfall .grid-item {margin-bottom: 3.5%;}
}
@media only screen and (max-width:380px) {
#top .tel span,
.commentslist ol li .gravatar,
.commentslist ol li span.arrow { display: none; }
.commentslist ol li .cmt-info { margin-left: 0; }
}
@media only screen and (max-width:320px) {
#navbtn { top: 13px; }
#navbtn span { display: none; }
}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 12px;
padding: 8px 10px;
margin: 0 2px;
border-radius: 3px; line-height:100%
}
.pagination span {
color: #333;
font-size: 12px;
padding: 7px 2px;
margin: 0 2px;
border-radius: 3px;
}
.pagination a:hover {
color: #333;
border: 1px solid #333;
}
.pagination a.page-num-current {
color: #fff;
background: #333;
border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
#maximg img{max-width: 100% !important; height: auto !important}
/* ===== Fix: 留言/お問い合わせ 表单对齐（覆盖旧float版） ===== */
.commentForm .item{
display:flex;
align-items:center;
gap:14px;
margin-bottom:15px;
overflow:visible; /* 覆盖原来的 overflow:hidden，避免内容被挤掉 */
position:relative;
}
/* label 固定宽度，日文不会把输入框挤歪 */
.commentForm .item label{
float:none; /* 覆盖原 float:left */
width:140px; /* 你现在日文用这个更稳，可按需改 120~160 */
flex:0 0 140px;
text-align:right;
line-height:42px;
font-size:16px;
white-space:nowrap;
}
/* input容器不再用 margin-left:60px，改成自适应 */
.commentForm .item .input{
margin-left:0 !important; /* 覆盖原来的 margin-left:60px */
flex:1;
min-width:0;
border:1px solid #ddd;
border-radius:3px;
overflow:hidden;
box-sizing:border-box;
}
/* 输入框宽度改100% */
.commentForm .item .text{
width:100% !important; /* 覆盖原来的 width:97% */
padding:8px 12px;
font-size:14px;
line-height:24px;
text-indent:0 !important; /* 覆盖原 text-indent:10px，避免日文看起来偏 */
box-sizing:border-box;
box-shadow:none; /* 可选：更干净 */
}
/* textarea 行对齐 */
.commentForm .item.textarea{
align-items:flex-start;
}
.commentForm .item.textarea label{
line-height:1.6;
padding-top:8px;
}
.commentForm textarea.text{
height:200px; /* 比你原来的150更舒服，可改回150 */
resize:vertical;
}
/* 提示文案（postbottom）跟着表单对齐 */
.postbottom{
margin-left:0 !important; /* 覆盖原 margin-left:60px */
}
/* 按钮跟输入框左侧对齐 */
.commentForm .btn{
margin-left:154px !important; /* = label宽度140 + gap14 */
}
/* ===== 手机端：label 变上方显示（你已有768规则，这里更稳） ===== */
@media only screen and (max-width:768px){
.commentForm .item{
display:block;
}
.commentForm .item label{
width:auto;
flex:none;
text-align:left;
line-height:1.6;
margin-bottom:6px;
}
.commentForm .btn{
margin-left:0 !important;
text-align:right;
}
}
/* 侧边栏恢复为普通随页面滚动 */
.sidebar{
position: static !important;
top: auto !important;
left: auto !important;
}
/* 如果之前给 contact 单独加过 fixed，也一并还原 */
#contact,
#contact.fixed{
position: static !important;
top: auto !important;
}
/* ===== 首页更紧凑（覆盖用）===== */
/* banner 与下一段距离 */
.banner{ margin-bottom: 12px; }
/* 通知条与下方距离 */
#notice{ margin-bottom: 12px; }
/* 模块标题区（红框那块主要就是这里撑起来的） */
.hmTitle{
margin-bottom: 14px;
padding-bottom: 10px;
}
.hmTitle .title:before,
.hmTitle .title:after{
margin-top: 12px; /* 原来20px，标题上下会更紧 */
}
/* PRODUCTS/SHOWCASES 这类大块区的上下留白（把 5% 改成固定值更稳） */
#hmowl{ padding: 28px 0; }
.bluebg{ padding: 28px 0; } /* 蓝色大背景区（你第二张图） */
/* PRODUCTS 列表间距更紧 */
#products li{ padding-right: 2%; padding-bottom: 1.2%; }
#products li .thumbnail{ margin-bottom: 10px; } /* 原来 5% */
/* SHOWCASE 列表间距更紧 */
#showcase{ margin-bottom: 12px; }
#showcase li{ padding-right: 3%; padding-bottom: 2%; }
#showcase li .info{ padding: 8px 5%; } /* 原来10px 5% */
/* 各模块底部间距整体压缩 */
#products,
#container,
#partner{ margin-bottom: 16px; }
/* service 区块上下留白压缩 */
#service{ padding: 22px 0; } /* 原来2% 0，在大屏会偏大 */
#service li{ padding: 2%; } /* 原来3% */
/* ===== Theme A: Business Navy (override) ===== */
:root{
--primary:#0B3A6E; /* 主色 */
--primary-2:#1463B3; /* hover/强调 */
--bg:#F5F7FA; /* 浅背景 */
--text:#111827; /* 主文字 */
--muted:#6B7280; /* 次文字 */
--border:#E5E7EB; /* 边框线 */
}
/* 全局文字/边框更稳（可选，不影响结构） */
body{ color: var(--text); }
table{ border-top:1px solid var(--border); border-left:1px solid var(--border); }
table td, table th{ border:1px solid var(--border); }
table th{ background:#F9FAFB; }
/* 顶部/导航 */
.nav li a:hover,
.nav li.on > a,
.nav li.cur > a{ background-color: var(--primary); color:#fff; }
/* 通知条：用深蓝而不是浅蓝透明 */
#notice{ background: var(--primary); }
/* 标题模块：统一主色 */
.hmTitle .title:before,
.hmTitle .title:after{ background-color: var(--primary); }
.hmTitle i{ background-color: var(--primary); color:#fff; }
.hmTitle h3{ color: var(--primary); }
.hmTitle h4{ color: #9CA3AF; }
/* 蓝底区块（你已经改了，这里再确保） */
.bluebg{ background: var(--primary); }
.bluebg .hmTitle i{ background:#fff; color: var(--primary); }
.bluebg .hmTitle h3,
.bluebg .hmTitle h4{ color:#fff; }
/* 链接/hover 统一 */
a:hover{ color: var(--primary-2); }
#service li a:hover,
#hmowl a:hover,
#news h2 a:hover,
#friendlinks ul li a:hover{ color: var(--primary-2); }
/* 轮播点/按钮/更多按钮 */
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span{ background: var(--primary); }
#hmowl .more a:hover{ background-color: var(--primary); color:#fff; }
/* products 区域只保持白字即可（你本来就是白字） */
#products li a,
#products li h2{ color:#fff; }
/* showcase（这里你还残留 #178EEE） */
#showcase li h2,
#showcase li a{ color: var(--primary); }
/* sidebar / widget / 标题条（残留 #178EEE 的主要来源） */
.sideMenu h3,
.widget h3,
.post .related-post h3,
.commentslist h3,
.commentForm h3,
#relatedPro h3{ background: var(--primary); color:#fff; }
.sideMenu li a:hover,
.sideMenu li.on a{ color: var(--primary); }
.widget li a:hover{ color: var(--primary); }
/* 面包屑标题下划线（残留 #178EEE） */
.breadcrumb-title h1,
.breadcrumb-title .cate{ border-bottom: 2px solid var(--primary); }
/* entry 链接色（残留 #178EEE） */
.entry a{ color: var(--primary); }
.entry a:hover{ color: var(--primary-2); }
/* textlist 时间线点/标题（残留 #178EEE） */
.textlist li i{ border-color: var(--primary); }
.textlist li h2,
.textlist li h2 a{ color: var(--primary); }
/* bloglist 标题链接（残留 #178EEE） */
.bloglist li h2 a{ color: var(--primary); }
.bloglist li h2 a:hover{ color:#111827; }
/* 评论区链接（残留 #178EEE） */
.commentslist ol li .cmt-info .cmt-meta a{ color: var(--primary); }
/* 搜索框/回到顶部（你已改，这里再锁定） */
.searchForm{ background-color: var(--primary); }
.backtop{ background-color: var(--primary); }
/* 分页按钮（残留 #178EEE） */
.pagenavi a:hover,
.pagenavi span.now-page{ background-color: var(--primary); color:#fff; }
/* ===== Force: 联系表单按钮颜色统一（解决“送信”仍浅蓝）===== */
.commentForm input[type="submit"],
.commentForm button[type="submit"],
.commentForm .submit,
.commentForm .btn input,
.commentForm .btn button,
.commentForm .btn a{
background: var(--primary) !important;
color: #fff !important;
border: 1px solid var(--primary) !important;
}
/* hover */
.commentForm input[type="submit"]:hover,
.commentForm button[type="submit"]:hover,
.commentForm .submit:hover,
.commentForm .btn input:hover,
.commentForm .btn button:hover,
.commentForm .btn a:hover{
background: var(--primary-2) !important;
border-color: var(--primary-2) !important;
}
/* 公司概要页字体整体缩小 */
.company-info p,
.company-info li,
.company-info strong{
font-size: 14px;
line-height: 1.8;
}
.company-info h2{
font-size: 18px;
margin-bottom: 10px;
}
/* 搜索按钮 */
#divSearchPanel input[type="submit"],
.searchForm .submit,
button,
input[type="submit"]{
background-color: #0B3A6E !important;
border-color: #0B3A6E !important;
color: #fff !important;
}
/* hover 状态稍微亮一点 */
#divSearchPanel input[type="submit"]:hover,
.searchForm .submit:hover,
button:hover,
input[type="submit"]:hover{
background-color: #124A8A !important;
}
/* 修复手机版底部多余白块 */
@media only screen and (max-width:768px){
body{
padding-bottom:0 !important;
}
#footer{
margin-bottom:0 !important;
}
.sub-footer{
margin-bottom:0 !important;
}
.page,
.container,
.main,
.inner{
margin-bottom:0 !important;
padding-bottom:0 !important;
}
}
/* 日本网站常用字体（优先游ゴシック/ヒラギノ/メイリオ） */
html, body{
font-family:
"Yu Gothic",
"YuGothic",
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"Meiryo",
"Noto Sans JP",
system-ui,
-apple-system,
"Segoe UI",
Arial,
sans-serif !important;
font-size: 16px;
line-height: 1.8;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* 标题稍微稳重一点 */
h1,h2,h3,h4,h5,h6{
font-family:
"Yu Gothic",
"YuGothic",
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"Meiryo",
"Noto Sans JP",
sans-serif !important;
font-weight: 600;
letter-spacing: .02em;
}