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: 10px 0; overflow: hidden; }
.logo a { text-indent: -99999em; overflow: hidden; display: block; width: 360px; height: 80px; 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%; height: auto; display: block; max-width: 1920px; margin: 0 auto; }



/*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; }

/* 子页面栏目横幅：不要套用首页大轮播，控制在约 800px 宽。 */
#slidershow { max-width: 800px; height: auto; margin: 0 auto 24px; background: #f4f7f9; }
#slidershow > img { width: 100%; height: auto; max-width: none; object-fit: contain; transform: none; }

/* 首页首屏轮播：桌面端固定高度，图片放大减少两侧留白；手机端保持 16:9。 */
#slidershow.home-slider { max-width: none; height: clamp(540px, 54vw, 690px); margin: 0; background: #f4f7f9; }
#slidershow.home-slider .slidershow,
#slidershow.home-slider .owl-stage-outer,
#slidershow.home-slider .owl-stage,
#slidershow.home-slider .owl-item,
#slidershow.home-slider .owl-item > div,
#slidershow.home-slider .owl-item a { height: 100%; }
#slidershow.home-slider .owl-item a { display: flex; align-items: center; justify-content: center; }
#slidershow.home-slider img { width: 100%; height: 100%; object-fit: contain; transform: scale(1.4); transform-origin: center center; }

@media only screen and (max-width:768px) {
	#slidershow { max-width: 100%; margin-bottom: 18px; }
	#slidershow.home-slider { height: auto; aspect-ratio: 16 / 9; }
	#slidershow.home-slider img { transform: none; }
	.product-gallery { margin: 20px 0 26px; }
	.product-gallery-main img { max-height: 360px; }
	.product-gallery-thumb { width: 74px; height: 56px; }
}
.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: #1E95F5; }



/*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: #1E95F5; }



/*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; left: 0; width: 100%; height: 100%; object-fit: cover; }

#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: #1E95F5; }

#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: #1E95F5; color: #fff; }



/*bluebg*/

.bluebg { background: #1E95F5; 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; left: 0; width: 100%; height: 100%; display: block; object-fit: cover; }

#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; left: 0; object-fit: cover; }

#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: #1E95F5; }

#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: #1E95F5; }

#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; object-fit: cover; }

.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; }

/* 产品详情图片：上方大图，下方缩略图切换。 */
.product-gallery { margin: 28px 0 32px; }
.product-gallery-main { width: 100%; background: #f6f8fa; border: 1px solid #eee; overflow: hidden; }
.product-gallery-main img { display: block; width: 100%; max-height: 460px; object-fit: contain; background: #fff; }
.product-gallery-thumbs { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.product-gallery-thumb { width: 92px; height: 68px; padding: 2px; border: 1px solid #ddd; background: #fff; cursor: pointer; box-sizing: border-box; transition: border-color .2s, box-shadow .2s; }
.product-gallery-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.product-gallery-thumb.active,
.product-gallery-thumb:hover { border-color: #178EEE; box-shadow: 0 0 0 1px #178EEE; }
.product-gallery.no-thumbs .product-gallery-thumbs { display: none; }

/*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: #1E95F5; 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: #1E95F5; 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: #1E95F5 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: 360px !important; height: 80px !important; }


	/*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: #1E95F5; }



/*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: 220px !important; height: 50px !important; }


	/*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}

/* 20260706 header layout */
#top { display: none; }
#header { border-bottom: 1px solid #eee; }
#header .inner { display: flex; align-items: center; min-height: 130px; gap: 22px; }
#header .clear { display: none; }
.logo { float: none !important; flex: 0 0 auto; padding: 0 !important; margin: 0 !important; overflow: hidden; }
.logo a { width: 360px !important; height: 80px !important; background-repeat: no-repeat; background-position: left center; background-size: contain; }
.logo .logo-text { text-indent: 0; width: auto !important; min-width: 300px; line-height: 60px; font-size: 22px; font-weight: bold; color: #0056b3; text-decoration: none; background: none; }
.header-tel { flex: 0 0 auto; color: #4b5563; font-size: 16px; font-weight: bold; line-height: 1.2; white-space: nowrap; }
.header-tel span { color: #333; }
.header-tel a { color: #178EEE; font-size: 18px; }
.nav { float: none; margin-left: auto; height: auto; padding: 0; }
.nav > ul { display: flex; align-items: center; }
.nav li { margin: 0 8px; font-size: 19px; }
.header-tools { float: none; flex: 0 0 auto; margin: 0 0 0 2px; display: block; }
.header-tools ul { display: flex; align-items: center; gap: 9px; }
.header-tools ul li { float: none; margin-left: 0; }
.header-tools ul li a { width: 34px; height: 34px; border-radius: 50%; background-color: #178EEE; box-shadow: 0 4px 12px rgba(23, 142, 238, .18); transition: background-color .2s, transform .2s; }
.header-tools ul li a:hover { background-color: #0f7fd8; transform: translateY(-1px); }
.header-tools ul li.qq a { background-image: url(../images/social_icon.png); background-position: -32px 2px; }
.header-tools ul li.qq a:hover { background-position: -105px 2px; }
.header-tools ul li.weixin a { background-image: url(../images/social_icon.png); background-position: 4px 2px; }
.header-tools ul li.weixin a:hover { background-position: -69px 2px; }
.header-tools ul li.search a,
.header-tools ul li.search a:hover { background-image: url(../images/search.png); background-repeat: no-repeat; background-position: center center; }

@media only screen and (max-width:1280px) {
	#header .inner { gap: 16px; }
	.logo a { width: 320px !important; height: 72px !important; }
	.header-tel { font-size: 15px; }
	.header-tel a { font-size: 17px; }
	.nav li { margin: 0 5px; font-size: 17px; }
	.nav li a { padding: 0 8px; }
}

@media only screen and (max-width:1080px) {
	.logo a { width: 280px !important; height: 64px !important; }
	.header-tel { display: none; }
}

@media only screen and (max-width:960px) {
	#header .inner { display: block; min-height: 75px; }
	.logo { padding: 12.5px 0 !important; }
	.logo a { width: 220px !important; height: 50px !important; }
	.nav { position: fixed; float: none; 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 > ul { display: block; }
	.header-tools { display: none; }
	.searchForm { right: 0; top: 100%; width: 93.75%; padding: 3.125%; }
}

/* 20260706 header spacing refinement */
#header .inner { width: min(1460px, 93.75%); }
.nav li a { white-space: nowrap; }

@media only screen and (max-width:960px) {
	#header .inner { width: 93.75%; }
}

/* 20260706 home product refinement */
#hmowl.inner { width: min(1460px, 93.75%); padding: 42px 0 56px; }
#hmowl .box { padding: 0; }
#hmowl .hmTitle { margin-bottom: 24px; padding-bottom: 12px; }
#hmowl .hmTitle i { width: 30px; height: 30px; font-size: 20px; line-height: 31px; }
#hmowl .hmTitle h3 { font-size: 16px; line-height: 1.35em; }
#hmowl .hmTitle h4 { font-size: 14px; line-height: 1.25em; }
#hmowl .hmTitle .title:before,
#hmowl .hmTitle .title:after { width: 22px; margin-top: 14px; }
#hmowl .hmTitle .title:before { margin-left: 34px; }
#hmowl .hmTitle .title:after { margin-left: -56px; }
.custom-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 24px !important; padding-top: 4px !important; }
.custom-product-item { border-radius: 6px !important; }
.custom-product-item .thumbnail { padding-top: 0 !important; aspect-ratio: 16 / 9; height: auto !important; background: #f7f8f9; }
.custom-product-item .thumbnail a { position: absolute; inset: 0; display: block; padding-bottom: 0 !important; }
.custom-product-item .thumbnail img { width: 100%; height: 100%; object-fit: cover; display: block; }
#hmowl .custom-product-item .thumbnail > a { position: absolute !important; inset: 0 !important; display: block !important; height: auto !important; padding-bottom: 0 !important; }
#hmowl .custom-product-item .thumbnail > a > img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover; }
.custom-product-item .info { padding: 13px 12px 15px !important; }
.custom-product-item .info h2 { font-size: 15px !important; line-height: 1.45; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.custom-product-item .info .intro { min-height: 39px; }

@media only screen and (max-width:960px) {
	#hmowl.inner { width: 93.75%; padding: 34px 0 44px; }
	.custom-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; }
}

@media only screen and (max-width:600px) {
	.custom-product-grid { grid-template-columns: 1fr !important; }
}

/* 20260706 compact home product title */
#hmowl .hmTitle { margin-bottom: 18px; padding-bottom: 0; }
#hmowl .hmTitle .title:before,
#hmowl .hmTitle .title:after { display: none; }
#hmowl .hmTitle i { width: 24px; height: 24px; font-size: 16px; line-height: 25px; margin-bottom: 3px; }
#hmowl .hmTitle h3 { font-size: 15px; line-height: 1.2em; }
#hmowl .hmTitle h4 { display: none; }

/* 20260706 unified home section titles */
#hmowl .hmTitle,
#products .hmTitle,
#news .hmTitle,
#partner .hmTitle { margin-bottom: 22px; padding-bottom: 0; text-align: center; }
#hmowl .hmTitle .title:before,
#hmowl .hmTitle .title:after,
#products .hmTitle .title:before,
#products .hmTitle .title:after,
#news .hmTitle .title:before,
#news .hmTitle .title:after,
#partner .hmTitle .title:before,
#partner .hmTitle .title:after { display: none; }
#hmowl .hmTitle i,
#products .hmTitle i,
#news .hmTitle i,
#partner .hmTitle i { display: inline-block; width: 32px; height: 32px; margin: 0 auto 5px; border-radius: 50%; font: normal 21px/33px Arial; text-transform: uppercase; }
#hmowl .hmTitle h3,
#products .hmTitle h3,
#news .hmTitle h3,
#partner .hmTitle h3 { font-size: 20px; line-height: 1.25em; font-weight: normal; }
#hmowl .hmTitle h4,
#products .hmTitle h4,
#news .hmTitle h4,
#partner .hmTitle h4 { display: none; }
#hmowl .hmTitle i,
#news .hmTitle i,
#partner .hmTitle i { background-color: #178EEE; color: #fff; }
#hmowl .hmTitle h3,
#news .hmTitle h3,
#partner .hmTitle h3 { color: #178EEE; }
#products .hmTitle i { background-color: #fff; color: #178EEE; }
#products .hmTitle h3 { color: #fff; }

@media only screen and (max-width:768px) {
	#hmowl .hmTitle,
	#products .hmTitle,
	#news .hmTitle,
	#partner .hmTitle { margin-bottom: 16px; }
	#hmowl .hmTitle i,
	#products .hmTitle i,
	#news .hmTitle i,
	#partner .hmTitle i { width: 28px; height: 28px; font-size: 18px; line-height: 29px; }
	#hmowl .hmTitle h3,
	#products .hmTitle h3,
	#news .hmTitle h3,
	#partner .hmTitle h3 { font-size: 18px; }
}

/* 20260706 footer and partner/news refinements */
.custom-news-list li a::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #0056b3; position: absolute; left: 0; top: 50%; margin-top: -2px; }
.custom-partner-list li .img-box img { width: 100%; height: 100%; object-fit: contain; }
#footer .top-footer { display: flex; align-items: center; justify-content: center; gap: 42px; text-align: left; }
#footer .qrcode,
#footer .contact { float: none; padding-left: 0; }
#footer .qrcode ul,
#footer .contact ul { margin: 0; padding: 0; }
#footer .qrcode ul li { float: none; display: block; margin: 0; }
#footer .qrcode img { margin: 0 auto 6px; }

@media only screen and (max-width:768px) {
	#footer .top-footer { display: block; text-align: center; }
	#footer .qrcode { margin-bottom: 15px; }
}

/* 20260706 center footer qrcode */
#footer .top-footer { flex-direction: column; gap: 14px; text-align: center; }
#footer .contact ul li { text-align: center; }

/* 20260706 mobile text spacing and contact map */
.contact-map-panel { margin: 0 0 30px; padding: 24px; border: 1px solid #eee; background: #fff; }
.contact-map-panel h2 { margin: 0 0 10px; font-size: 22px; line-height: 1.35; font-weight: normal; color: #0056b3; }
.contact-map-address { margin: 0 0 14px; color: #444; line-height: 1.8; }
.contact-map-frame { width: 100%; height: 320px; border: 1px solid #e5e5e5; background: #f6f8fa; overflow: hidden; }
.contact-map-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.contact-map-link { display: inline-block; margin-top: 14px; padding: 9px 24px; border-radius: 4px; background: #178EEE; color: #fff !important; }
.contact-map-link:hover { background: #0f7fd8; }

@media only screen and (max-width:768px) {
	#slidershow + .inner { padding: 28px 12px 24px !important; }
	#slidershow + .inner h1 { font-size: 24px !important; line-height: 1.45 !important; margin: 0 0 12px !important; word-break: normal; overflow-wrap: break-word; }
	#slidershow + .inner p { font-size: 15px !important; line-height: 1.85 !important; }
	#slidershow + .inner + .inner { padding: 12px 12px 32px !important; gap: 22px !important; }
	#slidershow + .inner + .inner h2 { line-height: 1.45 !important; margin-bottom: 14px !important; }
	#slidershow + .inner + .inner p,
	#slidershow + .inner + .inner li { line-height: 1.9 !important; }
	.contact-map-panel { padding: 18px 14px; margin-bottom: 24px; }
	.contact-map-panel h2 { font-size: 20px; }
	.contact-map-frame { height: 240px; }
}

@media only screen and (max-width:420px) {
	#slidershow + .inner h1 { font-size: 22px !important; line-height: 1.5 !important; }
}

/* 20260715 unified public-page framework */
#header .inner { width: min(1460px, 93.75%) !important; display: flex !important; align-items: center !important; min-height: 78px !important; gap: 0 !important; }
#header .brand-lockup { flex: 0 0 210px !important; width: 210px; margin: 0 !important; padding: 0 !important; overflow: visible !important; }
#header .brand-lockup a { display: block !important; width: auto !important; height: auto !important; background: none !important; text-indent: 0 !important; color: var(--raft-green) !important; text-decoration: none; }
.brand-lockup strong, .brand-lockup span { display: block; }
.brand-lockup strong { font-size: 25px; line-height: 1.05; letter-spacing: 0; }
.brand-lockup span { margin-top: 5px; color: var(--raft-muted); font-size: 11px; line-height: 1.25; }
#header .header-tagline { margin-left: 12px; padding-left: 12px; font-size: 12px; }
#header .header-contact { margin-left: 12px; padding-left: 12px; }
#header .nav-project { display: block; margin-left: auto !important; }
#header .nav-project .navbar-item > a { padding: 28px 8px !important; font-size: 13px !important; }
.header-cta { min-width: 76px; margin-left: 10px !important; }
.site-interior #container.inner { width: min(1180px, 90%) !important; padding-top: 52px; padding-bottom: 76px; }
.site-interior .breadcrumb-title { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 30px; padding-bottom: 18px; }
.site-interior .breadcrumb-title h1 { margin: 0; }
.site-interior .breadcrumb { white-space: nowrap; }
.showlist ul li .thumbnail a { display: block !important; height: 100% !important; padding-bottom: 0 !important; position: relative !important; }
.showlist ul li .thumbnail img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; }
.showlist ul li { display: flex; flex-direction: column; }
.showlist .product-list-copy { flex: 1; display: flex; flex-direction: column; }
.showlist .product-list-link { margin-top: auto; }
.interior-hero { padding: 56px 0 48px; background: var(--raft-green-light); border-bottom: 1px solid var(--raft-line); }
.interior-hero .inner { width: min(1180px, 90%); }
.interior-hero p { margin: 0 0 10px; color: var(--raft-gold); font-size: 12px; font-weight: bold; letter-spacing: .1em; }
.interior-hero h1 { margin: 0; color: var(--raft-ink); font-size: 34px; line-height: 1.3; font-weight: 600; }
.interior-hero span { display: block; max-width: 720px; margin-top: 12px; color: var(--raft-muted); font-size: 15px; line-height: 1.75; }
.page-content { width: min(1180px, 90%); margin: 0 auto; padding: 52px 0 76px; }
.empty-project-state { max-width: 780px; margin: 0 auto; padding: 52px 34px; border: 1px solid var(--raft-line); border-radius: 8px; background: #fff; text-align: center; }
.empty-project-state h2 { margin: 0; color: var(--raft-ink); font-size: 26px; }
.empty-project-state p { max-width: 560px; margin: 16px auto 24px; color: var(--raft-muted); line-height: 1.8; }
.page-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.page-card-grid article { padding: 24px; border: 1px solid var(--raft-line); border-radius: 8px; background: #fff; }
.page-card-grid h2 { margin: 0 0 12px; color: var(--raft-ink); font-size: 19px; }
.page-card-grid p { margin: 0; color: var(--raft-muted); font-size: 14px; line-height: 1.75; }
.article-layout { max-width: 920px; }
.article-layout .breadcrumb { margin-bottom: 28px; }
.article-prose { color: var(--raft-ink); font-size: 16px; line-height: 1.9; }
.article-prose h2 { margin: 36px 0 14px; color: var(--raft-green); font-size: 23px; line-height: 1.4; }
.article-prose h3 { margin: 26px 0 10px; color: var(--raft-ink); font-size: 18px; }
.article-prose p { margin: 0 0 16px; }
.article-prose ul, .article-prose ol { margin: 0 0 20px; padding-left: 22px; }
.article-prose li { margin-bottom: 9px; }
.article-action { margin-top: 38px; padding-top: 28px; border-top: 1px solid var(--raft-line); }
.article-list-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 28px; }
.article-list-grid article { min-height: 210px; padding: 24px; border: 1px solid var(--raft-line); border-radius: 8px; display: flex; flex-direction: column; }
.article-list-date { margin: 0 0 14px; color: var(--raft-gold); font-size: 12px; font-weight: bold; }
.article-list-grid h2 { margin: 0; font-size: 19px; line-height: 1.45; }
.article-list-grid h2 a { color: var(--raft-ink); text-decoration: none; }
.article-list-grid article > p:not(.article-list-date) { margin: 12px 0 18px; color: var(--raft-muted); font-size: 14px; line-height: 1.7; }
.article-list-grid .text-link { margin-top: auto; }
.page-content > .breadcrumb { margin-bottom: 28px; }
@media only screen and (max-width: 1280px) {
	#header .header-tagline { display: none; }
	#header .brand-lockup { flex-basis: 190px !important; width: 190px; }
	#header .nav-project .navbar-item > a { padding-left: 6px !important; padding-right: 6px !important; }
}
@media only screen and (max-width: 1100px) {
	#header .inner { min-height: 68px !important; }
	#header .brand-lockup { flex-basis: 190px !important; }
	#header .header-contact { margin-left: auto; }
	#header .nav-project { position: fixed; left: -250px; top: 0; z-index: 100; width: 250px; height: 100%; margin: 0 !important; padding: 76px 22px 24px; background: var(--raft-green-dark); overflow-y: auto; transition: left .25s ease; }
	#header .nav-project.cur { left: 0; }
	#header .nav-project ul { display: block !important; }
	#header .nav-project .navbar-item > a { display: block; padding: 14px 0 !important; border-bottom: 1px solid rgba(255,255,255,.14); color: #fff !important; font-size: 16px !important; }
	#navbtn { display: block; margin-left: 14px; }
	.header-cta { display: none; }
}
@media only screen and (max-width: 600px) {
	#header .inner { width: 90% !important; }
	#header .brand-lockup { flex-basis: 158px !important; width: 158px; }
	.brand-lockup strong { font-size: 21px; }
	.brand-lockup span { font-size: 10px; }
	.header-contact a { font-size: 13px; }
	.site-interior .breadcrumb-title { display: block; }
	.site-interior .breadcrumb { margin-top: 12px; overflow: hidden; text-overflow: ellipsis; }
	.interior-hero { padding: 42px 0 36px; }
	.interior-hero h1 { font-size: 27px; }
	.page-content { padding-top: 36px; padding-bottom: 56px; }
	.page-card-grid { grid-template-columns: 1fr; }
	.article-list-grid { grid-template-columns: 1fr; }
}

/* 20260715 zhufavip project-oriented redesign */
:root { --raft-green: #164b3a; --raft-green-dark: #10392c; --raft-green-light: #eaf1ed; --raft-gold: #c99a52; --raft-ink: #26332e; --raft-muted: #607068; --raft-line: #dbe3de; }
body.site-project-home { color: var(--raft-ink); background: #fff; }
#header { border-bottom: 1px solid var(--raft-line); box-shadow: none; }
#header .inner { display: flex; align-items: center; min-height: 82px; }
#header .logo { float: none; flex: 0 0 160px; margin: 0; }
#header .logo a { display: block; height: 48px; background-size: contain; background-position: left center; }
#header .header-tagline { margin-left: 18px; padding-left: 18px; border-left: 1px solid var(--raft-line); color: var(--raft-muted); font-size: 13px; line-height: 1.45; }
.header-contact { margin-left: 16px; padding-left: 16px; border-left: 1px solid var(--raft-line); white-space: nowrap; }
.header-contact span { display: block; color: var(--raft-muted); font-size: 11px; line-height: 1.2; }
.header-contact a { display: block; margin-top: 3px; color: var(--raft-green); font-size: 15px; font-weight: bold; line-height: 1.2; text-decoration: none; }
#header .nav-project { float: none; margin: 0 0 0 auto; }
#header .nav-project ul { display: flex; align-items: center; }
#header .nav-project .navbar-item { float: none; }
#header .nav-project .navbar-item > a { height: auto; padding: 30px 10px; color: var(--raft-ink); font-size: 14px; line-height: 22px; }
#header .nav-project .navbar-item > a:hover { color: var(--raft-green); }
.header-cta { display: inline-flex; align-items: center; justify-content: center; min-width: 88px; height: 38px; margin-left: 16px; border-radius: 4px; background: var(--raft-green); color: #fff; font-size: 14px; text-decoration: none; }
.header-cta:hover { background: var(--raft-green-dark); color: #fff; }

.project-hero { min-height: 580px; display: flex; align-items: center; background-color: var(--raft-green-dark); background-position: center; background-size: cover; position: relative; }
.project-hero:before { content: ""; position: absolute; inset: 0; background: rgba(8, 37, 27, .55); }
.project-hero-inner { position: relative; z-index: 1; max-width: 1180px; padding: 90px 0; color: #fff; }
.hero-kicker, .section-heading > p, .eyebrow { margin: 0 0 12px; color: var(--raft-gold); font-size: 12px; font-weight: bold; letter-spacing: .12em; }
.project-hero h1 { max-width: 720px; margin: 0; color: #fff; font-size: 48px; line-height: 1.18; font-weight: 600; }
.hero-copy { max-width: 600px; margin: 24px 0 0; color: rgba(255,255,255,.9); font-size: 18px; line-height: 1.8; }
.hero-actions { display: flex; gap: 12px; margin-top: 32px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 22px; border: 1px solid transparent; border-radius: 4px; font-size: 15px; text-decoration: none; }
.button-primary { background: var(--raft-gold); color: #fff; }
.button-primary:hover { background: #af813b; color: #fff; }
.button-quiet { border-color: rgba(255,255,255,.85); color: #fff; }
.button-quiet:hover { border-color: #fff; background: #fff; color: var(--raft-green); }
.button-quiet-light { border-color: rgba(255,255,255,.65); color: #fff; }
.button-quiet-light:hover { border-color: #fff; background: #fff; color: var(--raft-green); }
.capability-strip { background: var(--raft-green); color: #fff; }
.capability-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.capability-grid div { min-height: 112px; padding: 26px 28px; border-left: 1px solid rgba(255,255,255,.18); }
.capability-grid div:last-child { border-right: 1px solid rgba(255,255,255,.18); }
.capability-grid strong, .capability-grid span { display: block; }
.capability-grid strong { margin-bottom: 8px; font-size: 17px; font-weight: 500; }
.capability-grid span { color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.55; }
.home-section { padding-top: 86px; padding-bottom: 86px; }
.section-heading { max-width: 720px; margin: 0 auto 38px; text-align: center; }
.section-heading h2 { margin: 0; color: var(--raft-ink); font-size: 30px; line-height: 1.35; font-weight: 600; }
.section-heading span { display: block; margin-top: 14px; color: var(--raft-muted); font-size: 15px; line-height: 1.75; }
.scene-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.scene-card { min-height: 255px; padding: 28px 24px; border-radius: 8px; background-color: var(--raft-green-light); background-position: center; background-size: cover; color: #fff; position: relative; overflow: hidden; text-decoration: none; }
.scene-card:before { content: ""; position: absolute; inset: 0; background: rgba(15, 57, 44, .58); }
.scene-card > * { position: relative; z-index: 1; }
.scene-card span { display: block; color: var(--raft-gold); font-size: 12px; font-weight: bold; letter-spacing: .1em; }
.scene-card h3 { margin: 78px 0 10px; color: #fff; font-size: 21px; font-weight: 500; }
.scene-card p { margin: 0; color: rgba(255,255,255,.85); font-size: 14px; line-height: 1.65; }
.scene-card:hover { color: #fff; transform: translateY(-3px); }
.scene-tour { background-image: url('/static/upload/image/20260703/1783072855890988.jpg'); }
.scene-town { background-image: url('/static/upload/image/20260703/1783072839281065.jpg'); }
.scene-drift { background-image: url('/static/upload/image/20260703/1783072947788593.png'); }
.scene-night { background-image: url('/static/upload/image/20260703/1783072960858979.jpg'); }
.product-section { background: var(--raft-green); }
.section-heading-light h2 { color: #fff; }
.section-heading-light span { color: rgba(255,255,255,.72); }
.project-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.project-product-card { overflow: hidden; border-radius: 8px; background: #fff; }
.project-product-card .product-image { display: block; height: 230px; overflow: hidden; background: var(--raft-green-light); }
.project-product-card .product-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.project-product-card:hover .product-image img { transform: scale(1.04); }
.product-card-copy { padding: 20px 20px 22px; }
.product-card-copy h3 { margin: 0; font-size: 18px; line-height: 1.4; }
.product-card-copy h3 a { color: var(--raft-ink); text-decoration: none; }
.product-card-copy p { min-height: 46px; margin: 10px 0 16px; color: var(--raft-muted); font-size: 13px; line-height: 1.7; }
.text-link { color: var(--raft-ink); font-size: 14px; font-weight: bold; text-decoration: none; }
.text-link b { color: var(--raft-gold); font-size: 18px; vertical-align: -1px; }
.text-link:hover { color: var(--raft-green); }
.section-action { margin: 34px 0 0; text-align: center; }
.customization-section { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr); gap: 66px; align-items: center; }
.customization-image { min-height: 425px; border-radius: 8px; background-color: var(--raft-green-light); background-position: center; background-size: cover; }
.customization-copy { padding: 12px 0; }
.customization-copy h2 { margin: 0; color: var(--raft-ink); font-size: 32px; line-height: 1.32; font-weight: 600; }
.customization-copy > p:not(.eyebrow) { margin: 20px 0; color: var(--raft-muted); font-size: 15px; line-height: 1.9; }
.customization-copy ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; margin: 0 0 24px; padding: 0; list-style: none; }
.customization-copy li { padding: 10px 0 10px 16px; border-bottom: 1px solid var(--raft-line); color: var(--raft-ink); font-size: 14px; position: relative; }
.customization-copy li:before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--raft-gold); position: absolute; left: 0; top: 17px; }
.text-link-green { color: var(--raft-green); }
.process-section { background: #f5f8f6; }
.project-process { display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.project-process li { min-height: 122px; padding: 20px 12px; border-top: 2px solid var(--raft-gold); background: #fff; text-align: center; }
.project-process b, .project-process span { display: block; }
.project-process b { margin-bottom: 22px; color: var(--raft-gold); font-size: 13px; letter-spacing: .06em; }
.project-process span { color: var(--raft-ink); font-size: 14px; }
.knowledge-section { padding-bottom: 78px; }
.knowledge-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.knowledge-list article { min-height: 180px; padding: 24px; border: 1px solid var(--raft-line); border-radius: 8px; }
.knowledge-list h3 { margin: 0; font-size: 18px; line-height: 1.45; }
.knowledge-list h3 a { color: var(--raft-ink); text-decoration: none; }
.knowledge-list p { margin: 12px 0 16px; color: var(--raft-muted); font-size: 14px; line-height: 1.7; }
.project-inquiry { padding: 74px 0; background: var(--raft-green-dark); color: #fff; text-align: center; }
.project-inquiry p { margin: 0 0 10px; color: var(--raft-gold); font-size: 14px; }
.project-inquiry h2 { max-width: 720px; margin: 0 auto 26px; color: #fff; font-size: 30px; line-height: 1.4; font-weight: 500; }
.project-inquiry-form { display: grid; grid-template-columns: 1fr 1fr 1.7fr auto; gap: 10px; max-width: 1060px; margin: 0 auto; }
.project-inquiry-form input, .project-inquiry-form textarea { min-height: 46px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.2); border-radius: 4px; background: #fff; color: var(--raft-ink); font: 14px/1.4 Arial, "Microsoft YaHei", sans-serif; outline: none; }
.project-inquiry-form textarea { height: 46px; resize: vertical; }
.project-inquiry-form input:focus, .project-inquiry-form textarea:focus { border-color: var(--raft-gold); }
.project-inquiry-form button { min-width: 140px; min-height: 46px; border: 0; border-radius: 4px; background: var(--raft-gold); color: #fff; cursor: pointer; font: 15px/1 Arial, "Microsoft YaHei", sans-serif; }
.project-inquiry-form button:hover { background: #af813b; }

#container.inner { padding-top: 46px; padding-bottom: 72px; }
#container .main { width: 100%; float: none; }
.breadcrumb-title { margin-bottom: 28px; padding-bottom: 18px; border-bottom: 1px solid var(--raft-line); }
.breadcrumb { color: var(--raft-muted); font-size: 13px; }
.breadcrumb-title h1 { margin: 14px 0 0; color: var(--raft-ink); font-size: 30px; font-weight: 600; }
.showlist ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.showlist ul li { width: auto; margin: 0; border: 1px solid var(--raft-line); border-radius: 8px; overflow: hidden; }
.showlist ul li .thumbnail { height: 220px; margin: 0; }
.showlist ul li .thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.product-list-copy { padding: 18px; }
.product-list-copy h2 { margin: 0; font-size: 18px; }
.product-list-copy h2 a { color: var(--raft-ink); text-decoration: none; }
.product-list-copy p { min-height: 44px; margin: 10px 0 14px; color: var(--raft-muted); font-size: 13px; line-height: 1.7; }
.product-list-link { color: var(--raft-green); font-size: 14px; font-weight: bold; text-decoration: none; }
.post > h1 { margin: 0 0 22px; color: var(--raft-ink); font-size: 30px; font-weight: 600; }
.product-gallery { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; max-width: 760px; }
.product-gallery-main { height: 430px; border-radius: 8px; overflow: hidden; background: var(--raft-green-light); }
.product-gallery-main img { width: 100%; height: 100%; object-fit: cover; }
.product-gallery-thumbs { display: flex; gap: 8px; overflow: auto; }
.product-gallery-thumb { width: 76px; height: 58px; padding: 0; border: 1px solid var(--raft-line); border-radius: 4px; overflow: hidden; background: #fff; }
.product-gallery-thumb img { width: 100%; height: 100%; object-fit: cover; }
.product-specs { display: grid; grid-template-columns: repeat(3, 1fr) auto; gap: 12px; align-items: stretch; margin: 22px 0 28px; }
.product-specs > div { padding: 14px; border: 1px solid var(--raft-line); background: #f8fbf9; }
.product-specs span, .product-specs strong { display: block; }
.product-specs span { margin-bottom: 6px; color: var(--raft-muted); font-size: 12px; }
.product-specs strong { color: var(--raft-ink); font-size: 13px; line-height: 1.6; font-weight: normal; }
.product-specs > a { display: inline-flex; align-items: center; justify-content: center; min-width: 126px; padding: 12px; border-radius: 4px; background: var(--raft-green); color: #fff; font-size: 14px; text-decoration: none; }
.product-specs > a:hover { background: var(--raft-green-dark); color: #fff; }
#footer { background: #102d23; }
#footer .top-footer { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; min-height: 148px; padding-top: 28px; padding-bottom: 28px; color: rgba(255,255,255,.72); text-align: left; }
.footer-brand strong { display: block; color: #fff; font-size: 18px; font-weight: 500; }
.footer-brand p { margin: 10px 0 0; font-size: 13px; line-height: 1.7; }
.footer-brand .footer-contact { color: rgba(255,255,255,.85); }
.footer-contact a { color: #fff; text-decoration: none; }
.footer-wechat { flex: 0 0 auto; text-align: center; }
.footer-wechat-trigger { border: 0; padding: 0; background: transparent; color: rgba(255,255,255,.82); cursor: pointer; font: 13px/1.5 Arial, "Microsoft YaHei", sans-serif; }
.footer-wechat-image { display: block; width: 88px; height: 88px; margin: 0 auto 7px; padding: 4px; background: #fff; }
.footer-wechat-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.mobile-bar li { width: 33.333333% !important; }
.mobile-bar li button { display: block; width: 100%; height: 100%; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.wechat-modal { display: none; position: fixed; inset: 0; z-index: 1001; align-items: center; justify-content: center; padding: 20px; background: rgba(0,0,0,.55); }
.wechat-modal.is-open { display: flex; }
.wechat-dialog { width: min(320px, 100%); padding: 30px 26px 24px; border-radius: 8px; background: #fff; text-align: center; position: relative; }
.wechat-dialog h2 { margin: 0 0 18px; color: var(--raft-ink); font-size: 20px; }
.wechat-dialog img { display: block; width: min(230px, 100%); aspect-ratio: 1; margin: 0 auto; object-fit: contain; }
.wechat-dialog p { margin: 14px 0 0; color: var(--raft-muted); font-size: 14px; }
.wechat-close { position: absolute; top: 7px; right: 10px; width: 32px; height: 32px; border: 0; background: transparent; color: var(--raft-muted); cursor: pointer; font-size: 28px; line-height: 1; }
.footer-links { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.footer-links a { color: rgba(255,255,255,.78); font-size: 14px; text-decoration: none; }
.footer-links a:hover { color: #fff; }
#footer .sub-footer { border-top: 1px solid rgba(255,255,255,.13); }
#footer .sub-footer p { color: rgba(255,255,255,.55); }
#footer .sub-footer a { color: rgba(255,255,255,.6); }
body.site-project-home .mobile-bar { background: #fff; box-shadow: 0 -2px 10px rgba(16,45,35,.08); }
body.site-project-home .mobile-bar li { width: 25%; }
body.site-project-home .mobile-bar li a { color: var(--raft-ink); }
body.site-project-home .mobile-bar li.mobi-chat a { color: #fff; background: var(--raft-green); }

@media only screen and (max-width: 1100px) {
	#header .header-tagline { display: none; }
	#header .nav-project .navbar-item > a { padding-left: 7px; padding-right: 7px; }
	.scene-grid { grid-template-columns: repeat(2, 1fr); }
	.project-process { grid-template-columns: repeat(4, 1fr); }
}
@media only screen and (max-width: 960px) {
	#header .inner { min-height: 68px; }
	#header .logo { flex-basis: 136px; }
	#header .logo a { height: 40px; }
	.header-contact { margin-left: auto; margin-right: 14px; padding-left: 0; border-left: 0; }
	.header-contact span { display: none; }
	.header-contact a { margin-top: 0; font-size: 14px; }
	#header .nav-project { display: none; }
	.header-cta { margin-left: 0; margin-right: 48px; }
	.project-hero { min-height: 500px; }
	.project-hero-inner { width: 90%; padding: 72px 0; }
	.project-hero h1 { font-size: 39px; }
	.capability-grid { grid-template-columns: repeat(2, 1fr); }
	.capability-grid div:nth-child(3) { border-left: 1px solid rgba(255,255,255,.18); }
	.project-product-grid { grid-template-columns: repeat(2, 1fr); }
	.project-inquiry-form { grid-template-columns: 1fr 1fr; }
	.project-inquiry-form textarea, .project-inquiry-form button { grid-column: span 2; }
	.customization-section { grid-template-columns: 1fr; gap: 30px; }
	.customization-image { min-height: 360px; }
	.showlist ul, .knowledge-list { grid-template-columns: repeat(2, 1fr); }
	.product-specs { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 600px) {
	.home-section { padding-top: 56px; padding-bottom: 56px; }
	.project-hero { min-height: 480px; background-position: 59% center; }
	.project-hero h1 { font-size: 31px; line-height: 1.3; }
	.hero-copy { font-size: 15px; line-height: 1.8; }
	.hero-actions { flex-direction: column; align-items: flex-start; }
	.hero-actions .button { width: 170px; }
	.capability-grid div { min-height: 96px; padding: 18px; }
	.capability-grid strong { font-size: 15px; }
	.section-heading { margin-bottom: 26px; }
	.section-heading h2, .customization-copy h2, .project-inquiry h2 { font-size: 25px; }
	.scene-grid, .project-product-grid, .showlist ul, .knowledge-list { grid-template-columns: 1fr; }
	.scene-card { min-height: 205px; }
	.scene-card h3 { margin-top: 42px; }
	.project-product-card .product-image { height: 215px; }
	.customization-image { min-height: 260px; }
	.customization-copy ul { grid-template-columns: 1fr; }
	.project-process { grid-template-columns: repeat(2, 1fr); }
	.project-process li { min-height: 96px; }
	.project-process b { margin-bottom: 12px; }
	#container.inner { width: 90%; padding-top: 32px; }
	.breadcrumb-title h1, .post > h1 { font-size: 25px; }
	.showlist ul li .thumbnail { height: 210px; }
	.product-gallery-main { height: 280px; }
	.product-specs { grid-template-columns: 1fr; }
	.product-specs > a { min-height: 46px; }
	#footer .top-footer { display: block; min-height: 0; text-align: left; }
	.footer-links { margin-top: 22px; }
	.footer-wechat { margin-top: 22px; text-align: left; }
	.footer-wechat-image { margin-left: 0; }
	.project-inquiry-form { grid-template-columns: 1fr; }
	.project-inquiry-form textarea, .project-inquiry-form button { grid-column: auto; }
	.project-inquiry-form textarea { height: 90px; }
}