@charset "utf-8";
* {word-wrap: break-word; padding:0; margin:0;}
::selection {background:#0078d7; color:#fff;}
body {width:100%; height:100%; line-height:initial; margin:0; font-family: Huomei, Helvetica, Arial, sans-serif; color:#333; background:#fff;_background-attachment:fixed;_background-image:url(about:blank);}
canvas {display: block;}
p {margin:15px 0;}
ul,li {list-style:none;}
form, img {margin:0; border:0; padding:0; vertical-align:top;}
a {color:#000; transition: all 0.2s; text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); blr:expression(this.onFocus=this.blur()); outline:none;}
a:hover {color:#333; text-decoration:none; transition: all 0.2s;}
.clear {clear:both;}
.b {font-weight:bold;} /*文字加粗*/
.xt {font-style:italic;} /*文字斜体*/
.tc {text-align:center;} /*文字居中*/
.f10 {font-size:0.7rem;}
.f12 {font-size:0.8rem;}
.f14 {font-size:0.9rem;}
.f16 {font-size:1.1rem;}
.f18 {font-size:1.2rem;}
.f22 {font-size:1.4rem;}
.f30 {font-size:2rem;}
.f45 {font-size:3rem;}
.f60 {font-size:4rem;}
.s1 {color:#000;}
.s1 a{color:#000;}
.s1 a:hover{color:#333;}
.s2 {color:#333;}
.s2 a{color:#333;}
.s2 a:hover{color:#333;}
.s3 {color:#666;}
.s3 a{color:#666;}
.s3 a:hover{color:#333;}
.s4 {color:#999;}
.s4 a{color:#999;}
.s4 a:hover{color:#333;}
.s5 {color:#fff;}
.s5 a{color:#fff;}
.s5 a:hover{color:#fff;}
.s6 {color:#ff0048;}
.s6 a{color:#ff0048;}
.s6 a:hover{color:#ff0048;}

@font-face {
	font-family: 'Huomei';
	src: url('../font/Huomei.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.woff2?t=1688515173500') format('woff2'),
       url('../font/iconfont.woff?t=1688515173500') format('woff'),
       url('../font/iconfont.ttf?t=1688515173500') format('truetype');
}

.iconfont {font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Loading全屏加载遮罩 */
.page-loading {
  position: fixed;
  inset: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 0.4s ease;
}
/* 旋转加载圈 */
.loader {
  width: 2rem;
  height: 2rem;
  border: 3px solid #eee;
  border-top: 3px solid #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
/* 加载完成淡出 */
.loaded {opacity: 0; pointer-events: none;}
@keyframes spin {100% {transform: rotate(360deg);}}


/*默认表单样式*/
.layui-input {height:46px; border:1px #ddd solid; border-radius:0;}
.layui-textarea {border:1px #ddd solid; border-radius:0;}
.layui-input:hover,.layui-textarea:hover {border-color:#ddd!important; box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
.layui-input:focus,.layui-textarea:focus{border-color:#ddd!important;box-shadow:0 0 0 0 rgba(0,0,0,0)}
.layui-form-item {margin-bottom:5px;} /*框底部高度*/
.layui-tab input::-webkit-input-placeholder {color:#999;} /*框内文字*/
.layui-tab textarea::-webkit-input-placeholder {color:#999;} /*框内文字*/
.layui-input-block .cms-btn {width:111px; height:46px; line-height:46px; border-radius:0; border:1px #000 solid; background:#000; color:#fff;} /*提交按钮*/
.layui-input-block .cms-btn:hover {border:1px #000 solid;} /*提交按钮*/
.layui-input-block img {border:-1px;} /*验证码边框*/
.layui-layer-admin .layui-layer-title {background-color:#000;} /*错误弹窗背景景色*/
.layui-layer-dialog .layui-layer-title {background-color:#f8f8f8;} /*成功弹窗背景景色*/
.layui-layer-btn .layui-layer-btn0{border-color:#000!important;background-color:#000!important;color:#fff} /*弹窗按钮颜色*/
#captcha_image {cursor:pointer; clip-path: inset(2px);} /*验证码样式*/

/*默认翻页样式*/
.pagelist {margin:4% 0 -6px -6px;}
.pagelist a {background:#f7f7f7; color:#333; margin:0 0 6px 6px; display: inline-block; width:40px; height:40px; line-height:40px; border-radius:10px; white-space: nowrap; text-align: center;}
.pagelist a.active,.pagelist a:hover{background:#000; color:#fff;}


/*默认详情页弹出图片*/
.image-overlay {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.9); display:none; justify-content:center; align-items:center; z-index:999999; touch-action:none;}
.image-overlay img {max-width:100%; max-height:100%; transform-origin:center center; transition:transform 0.2s ease; position:absolute;}

/*默认视频最大宽度*/
video {width:100%; height:auto; max-width:100%; border-radius:10px;}

/*****************************************************************************************************************************************************************/
/************************************************************************ PC端 ***********************************************************************************/
/*****************************************************************************************************************************************************************/
html,body {font-size:15px; -webkit-text-size-adjust:100%!important; text-size-adjust:100%!important; -moz-text-size-adjust:100%!important;}

/*默认粒子位置*/
.particle-system {--particle-size: 1.8; --camera-x: 50; --camera-y: -450; --camera-z: 300;}

header {position:fixed; top:0; left:0; width:100%; z-index:9999;}
#logo {position:absolute; top:12px; left:30px;}
#logo a {font-size:3.2rem; color:#000;}

/*顶部菜单*/
#fixed-menu {position: absolute; top:30px; left:0; width:100%; z-index:1000; display:flex; justify-content:center;}
#fixed-menu ul {list-style: none; margin: 0; padding: 0; display: flex;}
#fixed-menu ul li {margin: 0 20px;}
#fixed-menu ul li a {padding:0 1vw; display: block;}
#fixed-menu ul li a.active {font-weight: bold;}

/*右侧导航*/
#dot-navigation {position:fixed; top: 50%; right:30px; transform: translateY(-50%); z-index: 1000;}
#dot-navigation ul {list-style:none; margin: 0; padding: 0;}
#dot-navigation ul li {margin: 10px 0;}
#dot-navigation ul li a {display: block; width: 10px; height: 10px; background-color: rgba(0, 0, 0, 0.2); border-radius:50%;}
#dot-navigation ul li a.active {background-color: rgba(0, 0, 0, 0.7);}

/*首页区域*/
.content-section {height:100vh; position:relative; overflow:hidden;}
.content-section .content {position:absolute; width:48%; top:50%; left:8%; transform: translate(0, -50%);}
.content-section h1 {padding-bottom:2%; font-weight:bold;}
.content-section h2 {padding-bottom:2%; font-weight:normal;}

#home {margin:0;}
#home .detail {line-height:220%; width:70%; word-break: keep-all; overflow-wrap: break-word; line-break: loose;}
#home .mouse {padding-top:25vh;}

#case {margin:0; background:#f7f7f7;}
#case .list {width:100%;}
#case .list ul {margin:5% 0 0 0;}
#case .list li {float:left; width:14%; background:#fff; margin:0 2% 2% 0; border-radius:10px; transition: all 0.2s; overflow:hidden;}
#case .list li:hover {box-shadow: 0 0 15px rgba(170, 170, 170, .1); background:#f7f7f7;}
#case .list li img {width:100%; height:100%; transition: all 0.2s; filter:drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3));}
#case .list li:hover img {transform: scale(1.1);}
#case .more {padding-top:8vh; transition: all 0.2s;}
#case .more a:hover {padding-left:5px;}

#product {margin:0;}
#product .list {width:100%;}
#product .list ul {margin:5% 0 0 0; width:106%; display:flex; flex-wrap:wrap;}
#product .list li {flex-basis:calc(44%); margin:0 6% 6% 0; line-height:160%;}
#product .list .pic {float:left; width:30%; border-radius:10px; margin-right:6%; overflow:hidden; transition: all 0.2s;}
#product .list .pic img {width:100%; height:100%; background:#f7f7f7; transition: all 0.2s;}
#product .list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#product .list li:hover .pic img {transform: scale(1.1);}
#product .list .txt {float:left; width:64%;}
#product .list .detail {margin-top:4%;}
#product .more {padding-top:8vh; transition: all 0.2s;}
#product .more a:hover {padding-left:5px;}

#news {margin:0; background:#f7f7f7;}
#news .list {width:100%;}
#news .list ul {margin:5% 0 0 0;}
#news .list li {margin:0 0 5% 0; transition: all 0.2s; overflow:hidden;}
#news .list .title {margin:2% 0;}
#news .list .detail {line-height:160%;}
#news .more {padding-top:8vh; transition: all 0.2s;}
#news .more a:hover {padding-left:5px;}

#contact {margin:0;}
#contact .guestbook {margin-top:5%;}
#contact .list {padding-top:5%;}
#contact .list li {margin:2% 0 0 0;}
#contact .copyright {padding:8vh 0 1vh 0;}

/*内页区域*/
#n-block {margin:8% 8% 6% 8%; min-height:67vh;}
#n-block .left {float:left; width:70%;}
#n-block .left img {max-width:100%; border-radius:10px; background:#f7f7f7;}
#n-block .right {float:right; width:20%; margin-left:10%;}
#n-block .none {margin-top:-1px; border-top: 1px solid transparent;} /*空的占位符*/
#n-block .description {margin:2% 0 3% 0; width:100%; line-height:200%; text-align:justify;}
#n-block .topic {margin:3% 0 2% 0; width:100%;}
#n-block .content {line-height:2; text-align:justify;}
#n-block .content a {border-bottom:2px #333 dotted; margin:0 4px;}

/*内页顶部尾部*/
#n-head {width:100%; height:8%; background:#fff;}
footer {margin:0 8% 3% 8%;}

/*内页案例*/
#n-case {margin:0;}
#n-case .list {width:100%; margin-bottom:-2%;}
#n-case .list ul {width:102%; display:flex; flex-wrap:wrap;}
#n-case .list li {flex-basis:calc(48%); margin:0 2% 2% 0; line-height:160%;}
#n-case .list .pic {float:left; width:20%; border-radius:10px; margin-right:4%; background:#f7f7f7; overflow:hidden; transition: all 0.2s;}
#n-case .list .pic img {width:100%; height:100%; filter:drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3)); transition: all 0.2s;}
#n-case .list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1); background:#fff;}
#n-case .list li:hover .pic img {transform: scale(1.1);}
#n-case .list .txt {float:left; width:70%;}
#n-case .list .detail {margin-top:3%;}
#n-case .detail-list {margin:0;}
#n-case .detail-list ul {width:105%;}
#n-case .detail-list li {float:left; width:29%; background:#f7f7f7; margin:0 4% 4% 0; border-radius:10px; transition: all 0.2s; overflow:hidden;}
#n-case .detail-list li:hover {box-shadow: 0 0 15px rgba(170, 170, 170, .1); background:#fff;}
#n-case .detail-list li img {width:100%; height:100%; filter: grayscale(100%) brightness(100%) drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3)); transition: all 0.2s;}
#n-case .detail-list li:hover img {filter: grayscale(0%) drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3)); transform: scale(1.1);}
#n-case .detail-list .active {background:#fff; box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-case .detail-list .active img {filter: grayscale(0%) drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3));}

/*内页产品*/
#n-product {margin:0;}
#n-product .list {width:100%; margin-bottom:-2%;}
#n-product .list ul {width:102%; display:flex; flex-wrap:wrap;}
#n-product .list li {flex-basis:calc(48%); margin:0 2% 2% 0; line-height:160%;}
#n-product .list .pic {float:left; width:20%; border-radius:10px; margin-right:4%;  overflow:hidden; transition: all 0.2s;}
#n-product .list .pic img {width:100%; height:100%; transition: all 0.2s; background:#f7f7f7;}
#n-product .list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-product .list li:hover .pic img {transform: scale(1.1);}
#n-product .list .txt {float:left; width:70%;}
#n-product .list .detail {margin-top:3%;}
#n-product .detail-list {margin:0;}
#n-product .detail-list li {width:100%; margin-bottom:8%; line-height:160%;}
#n-product .detail-list .pic {float:left; width:30%; border-radius:10px; margin-right:6%; overflow:hidden; transition: all 0.2s;}
#n-product .detail-list .pic img {width:100%; height:100%; background:#f7f7f7; transition: all 0.2s;}
#n-product .detail-list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-product .detail-list li:hover .pic img {transform: scale(1.1);}
#n-product .detail-list .txt {float:left; width:64%;}
#n-product .detail-list .more {margin-top:4%;}

/*内页新闻*/
#n-news {margin:0;}
#n-news .list {margin:0;}
#n-news .list ul {margin:0 0 -2% -2%; display:flex; flex-wrap:wrap;}
#n-news .list li {flex-basis:calc(44%); padding:2%; line-height:160%; margin:0 0 2% 2%; background:#f7f7f7; border-radius:10px; transition: all 0.2s;}
#n-news .list li:hover {background:#fff; box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-news .list .title {margin:2% 0;}
#n-news .detail-list {margin:0;}
#n-news .detail-list ul {display:flex; flex-wrap:wrap;}
#n-news .detail-list li {flex-basis:calc(100%); margin:0 0 6% 0; line-height:160%; background:#f7f7f7; padding:6%; border-radius:10px; transition: all 0.2s;}
#n-news .detail-list li:hover {background:#fff; box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-news .detail-list li .title {margin:3% 0;}
#n-news .detail-date {margin:2% 0 3% 0;}

/*内页联系*/
#n-contact {margin:0;}
#n-contact .guestbook {margin:-1% 18% 5% 0;}
#n-contact .list {margin:0;}
#n-contact .list li {margin:2% 0 0 0;}
#n-contact .weixin {float:left; text-align:center;}
#n-contact .weixin img {width:8vw; margin-bottom:2%;}
 
/*****************************************************************************************************************************************************************/
/************************************************************************ iPad Pro横 *****************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 1025px) and (max-width: 1367px) {
html,body {font-size:14px; -webkit-text-size-adjust:100%!important; text-size-adjust:100%!important; -moz-text-size-adjust:100%!important;}

.particle-system {--particle-size: 1.5; --camera-x: 50; --camera-y: -300; --camera-z: 400;} /*粒子位置*/

#logo {position:absolute; top:12px; left:30px;}
#logo a {font-size:3rem; color:#000;}

/*首页区域*/
.content-section .content {position:absolute; width:52%; top:50%; left:6%; transform: translate(0, -50%);}
 
/*内页区域*/
#n-block {margin:10% 6% 4% 6%; min-height:75vh;}
#n-block .left {float:left; width:70%;}
#n-block .left img {max-width:100%; border-radius:10px; background:#f7f7f7;}
#n-block .right {float:right; width:22%; margin-left:8%;}
#n-block .none {margin-top:-1px; border-top: 1px solid transparent;} /*空的占位符*/
#n-block .description {margin:2% 0 3% 0; width:100%; line-height:200%; text-align:justify;}
#n-block .topic {margin:4% 0 2% 0; width:100%;}
#n-block .content {line-height:200%; text-align:justify;}
#n-block .content a {border-bottom:2px #333 dotted; margin:0 4px;}

/*内页顶部尾部*/
#n-head {width:100%; height:8%; background:#fff;}
footer {margin:0 6% 3% 6%;}

}


/*****************************************************************************************************************************************************************/
/************************************************************************ iPad Pro竖、iPad横 *********************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 769px) and (max-width: 1024px) {
html,body {font-size:14px; -webkit-text-size-adjust:100%!important; text-size-adjust:100%!important; -moz-text-size-adjust:100%!important;}

.f18 {font-size:1.1rem;}
.f30 {font-size:1.8rem;}
.f45 {font-size:2.5rem;}
.f60 {font-size:3.5rem;}

/*粒子位置*/
.particle-system {--particle-size: 1.5; --camera-x: 200; --camera-y: -100; --camera-z: 600;}

#logo {position:absolute; top:12px; left:20px;}
#logo a {font-size:3rem; color:#000;}

/*首页区域*/
.content-section .content {position:absolute; width:58%; top:50%; left:6%; transform: translate(0, -50%);}

#product .list li {flex-basis:calc(44%); margin:0 6% 6% 0; line-height:150%;}
#product .list .detail {margin-top:3%; height:60px; overflow:hidden;}

#contact .copyright {padding:6vh 0 1vh 0; width:80%; line-height:1.8; word-break: keep-all; overflow-wrap: break-word; line-break: loose;}
 
/*内页区域*/
#n-block {margin:10% 6% 4% 6%; min-height:75vh;}
#n-block .left {float:left; width:70%;}
#n-block .left img {max-width:100%; border-radius:10px; background:#f7f7f7;}
#n-block .right {float:right; width:22%; margin-left:8%;}
#n-block .none {margin-top:-1px; border-top: 1px solid transparent;} /*空的占位符*/
#n-block .description {margin:2% 0 3% 0; width:100%; line-height:200%; text-align:justify;}
#n-block .topic {margin:4% 0 2% 0; width:100%;}
#n-block .content {line-height:200%; text-align:justify;}
#n-block .content a {border-bottom:2px #333 dotted; margin:0 4px;}

/*内页顶部尾部*/
#n-head {width:100%; height:70px; background:#fff;}
footer {margin:0 6% 3% 6%;}

/*内页案例*/
#n-case {margin:0;}
#n-case .list {width:100%; margin-bottom:-2%;}
#n-case .list ul {width:100%; display:flex; flex-wrap:wrap;}
#n-case .list li {flex-basis:calc(100%); margin:0 0 4% 0; line-height:160%;}
#n-case .list .pic {float:left; width:10%; border-radius:10px; margin-right:3%; background:#f7f7f7; overflow:hidden; transition: all 0.2s;}
#n-case .list .pic img {width:100%; height:100%; filter:drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3)); transition: all 0.2s;}
#n-case .list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1); background:#fff;}
#n-case .list li:hover .pic img {transform: scale(1.1);}
#n-case .list .txt {float:left; width:87%;}
#n-case .list .detail {margin-top:2%;}


/*内页产品*/
#n-product {margin:0;}
#n-product .list {width:100%; margin-bottom:-2%;}
#n-product .list ul {width:100%; display:flex; flex-wrap:wrap;}
#n-product .list li {flex-basis:calc(100%); margin:0 0 4% 0; line-height:160%;}
#n-product .list .pic {float:left; width:10%; border-radius:10px; margin-right:3%; overflow:hidden; transition: all 0.2s;}
#n-product .list .pic img {width:100%; height:100%; transition: all 0.2s; background:#f7f7f7;}
#n-product .list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-product .list li:hover .pic img {transform: scale(1.1);}
#n-product .list .txt {float:left; width:87%;}
#n-product .list .detail {margin-top:2%;}

/*内页新闻*/
#n-news {margin:0;}
#n-news .list {margin:0;}
#n-news .list ul {margin:0 0 -2% 0; display:flex; flex-wrap:wrap;}
#n-news .list li {flex-basis:calc(100%); padding:3%; line-height:160%; margin:0 0 2% 0; background:#f7f7f7; border-radius:10px; transition: all 0.2s;}
#n-news .list li:hover {background:#fff; box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-news .list .title {margin:2% 0;}

/*表单样式*/
.layui-input {height:40px; border:1px #ddd solid; border-radius:0;}
.layui-input-block .cms-btn {width:111px; height:40px; line-height:40px; border-radius:0; border:1px #000 solid; background:#000; color:#fff;}

/*翻页样式*/
.pagelist {margin:4% 0 -6px -6px;}
.pagelist a {background:#f7f7f7; color:#333; margin:0 0 6px 6px; display: inline-block; width:36px; height:36px; line-height:36px; border-radius:10px; white-space: nowrap; text-align: center;}
.pagelist a.active,.pagelist a:hover{background:#000; color:#fff;}

}

/* iPad横粒子 */
@media screen and (min-width: 769px) and (max-height: 768px) {
.particle-system {--particle-size: 1.5; --camera-x: -50; --camera-y: -200; --camera-z: 500;} /*iPad横粒子位置*/
}

/*****************************************************************************************************************************************************************/
/************************************************************************ iPad竖 *********************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 481px) and (max-width: 768px) {
html,body {font-size:14px; -webkit-text-size-adjust:100%!important; text-size-adjust:100%!important; -moz-text-size-adjust:100%!important;}

.f18 {font-size:1.1rem;}
.f30 {font-size:1.8rem;}
.f45 {font-size:2.5rem;}
.f60 {font-size:3.5rem;}

/*粒子位置*/
.particle-system {--particle-size: 1.5; --camera-x: 220; --camera-y: -100; --camera-z: 600;} 

#logo {position:absolute; top:12px; left:20px;}
#logo a {font-size:3rem; color:#000;}

/*顶部菜单*/
#fixed-menu {position: absolute; top:26px; left:0; width:100%; z-index:1000; display:flex; justify-content:center;}

/*首页区域*/
.content-section {height:100vh; position:relative; overflow:hidden;}
.content-section .content {position:absolute; width:88%; top:35%; left:6%; transform: translate(0, -35%);}
.content-section h1 {padding-bottom:2%; font-weight:bold;}
.content-section h2 {padding-bottom:2%; font-weight:normal;}

#contact .copyright {padding:8vh 0 1vh 0; width:50%; line-height:2; word-break: keep-all; overflow-wrap: break-word; line-break: loose;}

/*内页区域*/
#n-block {margin:11% 6% 4% 6%; min-height:84vh;}
#n-block .left {width:100%;}
#n-block .left img {max-width:100%; border-radius:10px; background:#f7f7f7;}
#n-block .right {width:100%;}
#n-block .none {margin-top:-1px; border-top: 1px solid transparent;} /*空的占位符*/
#n-block .description {margin:2% 0 3% 0; width:100%; line-height:200%; text-align:justify;}
#n-block .topic {margin:4% 0 2% 0; width:100%;}
#n-block .content {line-height:200%; text-align:justify;}
#n-block .content a {border-bottom:2px #333 dotted; margin:0 4px;}

/*内页顶部尾部*/
#n-head {width:100%; height:66px; background:#fff;}
footer {margin:0 6% 3% 6%;}

/*内页案例*/
#n-case {margin:0;}
#n-case .list {width:100%; margin-bottom:-2%;}
#n-case .list ul {width:100%; display:flex; flex-wrap:wrap;}
#n-case .list li {flex-basis:calc(100%); margin:0 0 4% 0; line-height:160%;}
#n-case .list .pic {float:left; width:12%; border-radius:10px; margin-right:3%; background:#f7f7f7; overflow:hidden; transition: all 0.2s;}
#n-case .list .pic img {width:100%; height:100%; filter:drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3)); transition: all 0.2s;}
#n-case .list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1); background:#fff;}
#n-case .list li:hover .pic img {transform: scale(1.1);}
#n-case .list .txt {float:left; width:85%;}
#n-case .list .detail {margin-top:2%;}
#n-case .detail-list {margin:0 0 3% 0;}
#n-case .detail-list ul {width:101%;}
#n-case .detail-list li {float:left; width:9%; background:#f7f7f7; margin:0 1% 1% 0; border-radius:10px; transition: all 0.2s; overflow:hidden;}
#n-case .detail-list li:hover {box-shadow: 0 0 15px rgba(170, 170, 170, .1); background:#fff;}
#n-case .detail-list li img {width:100%; height:100%; filter: grayscale(100%) brightness(100%) drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3)); transition: all 0.2s;}
#n-case .detail-list li:hover img {filter: grayscale(0%) drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3)); transform: scale(1.1);}
#n-case .detail-list .active {background:#fff; box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-case .detail-list .active img {filter: grayscale(0%) drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3));}

/*内页产品*/
#n-product {margin:0;}
#n-product .list {width:100%; margin-bottom:-2%;}
#n-product .list ul {width:100%; display:flex; flex-wrap:wrap;}
#n-product .list li {flex-basis:calc(100%); margin:0 0 4% 0; line-height:160%;}
#n-product .list .pic {float:left; width:12%; border-radius:10px; margin-right:3%; overflow:hidden; transition: all 0.2s;}
#n-product .list .pic img {width:100%; height:100%; transition: all 0.2s; background:#f7f7f7;}
#n-product .list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-product .list li:hover .pic img {transform: scale(1.1);}
#n-product .list .txt {float:left; width:85%;}
#n-product .list .detail {margin-top:2%;}
#n-product .detail-list {margin:2% 0 0 0;}
#n-product .detail-list ul {width:103%;}
#n-product .detail-list li {float:left; width:31%; margin:3% 2% 0 0; line-height:160%;}
#n-product .detail-list .pic {float:left; width:30%; border-radius:10px; margin-right:6%; overflow:hidden; transition: all 0.2s;}
#n-product .detail-list .pic img {width:100%; height:100%; background:#f7f7f7; transition: all 0.2s;}
#n-product .detail-list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-product .detail-list li:hover .pic img {transform: scale(1.1);}
#n-product .detail-list .txt {float:left; width:64%;}
#n-product .detail-list .more {margin-top:4%;}

/*内页新闻*/
#n-news {margin:0;}
#n-news .list {margin:0;}
#n-news .list ul {margin:0 0 -2% 0; display:flex; flex-wrap:wrap;}
#n-news .list li {flex-basis:calc(100%); padding:3%; line-height:160%; margin:0 0 2% 0; background:#f7f7f7; border-radius:10px; transition: all 0.2s;}
#n-news .list li:hover {background:#fff; box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-news .list .title {margin:2% 0;}
#n-news .detail-list {margin:5% 0 0 0;}
#n-news .detail-list ul {width:104%; display:flex; flex-wrap:wrap;}
#n-news .detail-list li {flex-basis:calc(41%); margin:0 2% 0 0; line-height:160%; background:#f7f7f7; padding:3%; border-radius:10px; transition: all 0.2s;}
#n-news .detail-list li:hover {background:#fff; box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-news .detail-list li .title {margin:2% 0 0 0;}
#n-news .detail-date {margin:2% 0 3% 0;}
#n-news .detail {display: none;}

/*内页联系*/
#n-contact {margin:0;}
#n-contact .guestbook {margin:-1% -20px 5% 0;}
#n-contact .list {margin:0;}
#n-contact .list li {margin:2% 0 0 0;}
#n-contact .weixin {display: none;}
#n-contact .weixin img {width:8vw; margin-bottom:2%;}

/*表单样式*/
.layui-input {height:40px; border:1px #ddd solid; border-radius:0;}
.layui-input-block .cms-btn {width:111px; height:40px; line-height:40px; border-radius:0; border:1px #000 solid; background:#000; color:#fff;}

/*翻页样式*/
.pagelist {margin:4% 0 -6px -6px;}
.pagelist a {background:#f7f7f7; color:#333; margin:0 0 6px 6px; display: inline-block; width:36px; height:36px; line-height:36px; border-radius:10px; white-space: nowrap; text-align: center;}
.pagelist a.active,.pagelist a:hover{background:#000; color:#fff;}

}

/*****************************************************************************************************************************************************************/
/************************************************************************ 手机端 *********************************************************************************/
/*****************************************************************************************************************************************************************/
@media (max-width: 480px) {

html,body {-webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust:100%!important; font-size: 14px !important; }

.f18 {font-size:1.1rem;}
.f30 {font-size:1.4rem;}
.f45 {font-size:1.8rem;}
.f60 {font-size:2rem;}

/* 粒子位置 */
.particle-system {--particle-size: 2.2; --camera-x: 380; --camera-y: -20; --camera-z: 650;}

#logo {position:absolute; top:6px; left:10px;}
#logo a {font-size:2.6rem; color:#000;}

/*顶部菜单*/
#fixed-menu {position:absolute; top:16px; left:5%; width:100%; z-index:1000; display:flex; justify-content:center;}
#fixed-menu ul {list-style: none; margin: 0; padding: 0; display: flex;}
#fixed-menu ul li {margin:0 12px;}
#fixed-menu ul li a {padding:0 1vw; display: block;}
#fixed-menu ul li a.active {font-weight: bold;}

/*右侧导航*/
#dot-navigation {position:fixed; top: 50%; right:3%; transform: translateY(-50%); z-index: 1000;}
#dot-navigation ul {list-style:none; margin: 0; padding: 0;}
#dot-navigation ul li {margin: 10px 0;}
#dot-navigation ul li a {display: block; width: 8px; height: 8px; background-color: rgba(0, 0, 0, 0.2); border-radius:50%;}
#dot-navigation ul li a.active {background-color: rgba(0, 0, 0, 0.7);}

/*首页区域*/
.content-section {height:100vh; position:relative; overflow:hidden;}
.content-section .content {position:absolute; width:88%; top:30%; left:6%; transform: translate(0, -28%);}
.content-section h1 {padding-bottom:3%; font-weight:bold;}
.content-section h2 {padding-bottom:3%; font-weight:normal;}

#home {margin:0;}
#home .detail {line-height:220%; padding-bottom:20vh; width:90%;}
#home .mouse {padding:0;}

#case {margin:0; background:#f7f7f7;}
#case .list {width:100%;}
#case .list ul {margin:10% 0 0 0; width:103%;}
#case .list li {float:left; width:22%; background:#fff; margin:0 3% 3% 0; border-radius:10px; transition: all 0.2s; overflow:hidden;}
#case .list li:hover {box-shadow: 0 0 15px rgba(170, 170, 170, .1); background:#f7f7f7;}
#case .list li img {width:100%; height:100%; transition: all 0.2s; filter:drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3));}
#case .list li:hover img {transform: scale(1.1);}
#case .more {padding-top:5vh; transition: all 0.2s;}
#case .more a:hover {padding-left:5px;}

#product {margin:0;}
#product .list {width:100%;}
#product .list ul {margin:10% 0 0 0; width:100%; display:flex; flex-wrap:wrap;}
#product .list li {flex-basis:calc(100%); margin:0 0 6% 0; line-height:160%;}
#product .list .pic {float:left; width:16%; border-radius:10px; margin-right:5%; overflow:hidden; transition: all 0.2s;}
#product .list .pic img {width:100%; height:100%; background:#f7f7f7; transition: all 0.2s;}
#product .list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#product .list li:hover .pic img {transform: scale(1.1);}
#product .list .txt {float:left; width:79%;}
#product .list .detail {margin-top:2%; height:20px; overflow:hidden;}
#product .more {padding-top:5vh; transition: all 0.2s;}
#product .more a:hover {padding-left:5px;}

#news {margin:0; background:#f7f7f7;}
#news .list {width:100%;}
#news .list ul {margin:10% 0 0 0;}
#news .list li {margin:0 0 6% 0; transition: all 0.2s; overflow:hidden;}
#news .list .title {margin:3% 0;}
#news .list .detail {line-height:160%;}
#news .more {padding-top:5vh; transition: all 0.2s;}
#news .more a:hover {padding-left:5px;}

#contact {margin:0;}
#contact .guestbook {margin:10% -20px 0 0;}
#contact .particle-system {opacity: 0;} /*隐藏联系粒子*/
#contact .list {padding-top:5vh;}
#contact .list li {float:left; margin:3% 3% 0 0;}
#contact .copyright {padding-top:5vh; line-height:1.8; font-size:0.9rem; margin-right:6%; word-break: keep-all; overflow-wrap: break-word; line-break: loose;}

/*内页区域*/
#n-block {margin:18% 6% 6% 6%; min-height:80vh;}
#n-block .left {width:100%;}
#n-block .left img {max-width:100%; border-radius:10px; background:#f7f7f7;}
#n-block .right {width:100%;}
#n-block .none {margin-top:-1px; border-top: 1px solid transparent;} /*空的占位符*/
#n-block .description {margin:2% 0 3% 0; width:100%; line-height:200%; text-align:justify;}
#n-block .topic {margin:4% 0 2% 0; width:100%;}
#n-block .content {line-height:200%; text-align:justify;}
#n-block .content a {border-bottom:2px #333 dotted; margin:0 4px;}

/*内页顶部尾部*/
#n-head {width:100%; height:48px; background:#fff;}
footer {margin:0 6% 4% 6%; line-height:1.8; font-size:0.9rem; word-break: keep-all; overflow-wrap: break-word; line-break: loose;}

/*内页案例*/
#n-case {margin:0;}
#n-case .list {width:100%; margin-bottom:-2%;}
#n-case .list ul {width:100%; display:flex; flex-wrap:wrap;}
#n-case .list li {flex-basis:calc(100%); margin:0 0 6% 0; line-height:160%;}
#n-case .list .pic {float:left; width:20%; border-radius:10px; margin-right:5%; background:#f7f7f7; overflow:hidden; transition: all 0.2s;}
#n-case .list .pic img {width:100%; height:100%; filter:drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3)); transition: all 0.2s;}
#n-case .list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1); background:#fff;}
#n-case .list li:hover .pic img {transform: scale(1.1);}
#n-case .list .txt {float:left; width:75%;}
#n-case .list .detail {margin-top:2%;}
#n-case .detail-list {margin:0 0 3% 0;}
#n-case .detail-list ul {width:106.4%;}
#n-case .detail-list li {float:left; width:14%; background:#f7f7f7; margin:0 2% 2% 0; border-radius:10px; transition: all 0.2s; overflow:hidden;}
#n-case .detail-list li:hover {box-shadow: 0 0 15px rgba(170, 170, 170, .1); background:#fff;}
#n-case .detail-list li img {width:100%; height:100%; filter: grayscale(100%) brightness(100%) drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3)); transition: all 0.2s;}
#n-case .detail-list li:hover img {filter: grayscale(0%) drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3)); transform: scale(1.1);}
#n-case .detail-list .active {background:#fff; box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-case .detail-list .active img {filter: grayscale(0%) drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3));}

/*内页产品*/
#n-product {margin:0;}
#n-product .list {width:100%; margin-bottom:-2%;}
#n-product .list ul {width:100%; display:flex; flex-wrap:wrap;}
#n-product .list li {flex-basis:calc(100%); margin:0 0 6% 0; line-height:160%;}
#n-product .list .pic {float:left; width:20%; border-radius:10px; margin-right:5%; overflow:hidden; transition: all 0.2s;}
#n-product .list .pic img {width:100%; height:100%; transition: all 0.2s; background:#f7f7f7;}
#n-product .list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-product .list li:hover .pic img {transform: scale(1.1);}
#n-product .list .txt {float:left; width:75%;}
#n-product .list .detail {margin-top:2%;}
#n-product .detail-list {margin:2% 0 0 0;}
#n-product .detail-list ul {width:103%;}
#n-product .detail-list li {float:left; width:46%; margin:5% 4% 0 0; line-height:160%;}
#n-product .detail-list .pic {float:left; width:30%; border-radius:10px; margin-right:6%; overflow:hidden; transition: all 0.2s;}
#n-product .detail-list .pic img {width:100%; height:100%; background:#f7f7f7; transition: all 0.2s;}
#n-product .detail-list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-product .detail-list li:hover .pic img {transform: scale(1.1);}
#n-product .detail-list .txt {float:left; width:64%;}
#n-product .detail-list .more {margin-top:4%;}

/*内页新闻*/
#n-news {margin:0;}
#n-news .list {margin:0;}
#n-news .list ul {margin:0 0 -2% 0; display:flex; flex-wrap:wrap;}
#n-news .list li {flex-basis:calc(100%); padding:4%; line-height:160%; margin:0 0 4% 0; background:#f7f7f7; border-radius:10px; transition: all 0.2s;}
#n-news .list li:hover {background:#fff; box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-news .list .title {margin:2% 0;}
#n-news .detail-list {margin:7% 0 -4% 0;}
#n-news .detail-list ul {width:100%; display:flex; flex-wrap:wrap;}
#n-news .detail-list li {flex-basis:calc(100%); margin:0 0 4% 0; line-height:160%; background:#f7f7f7; padding:4%; border-radius:10px; transition: all 0.2s;}
#n-news .detail-list li:hover {background:#fff; box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-news .detail-list li .title {margin:1% 0 0 0;}
#n-news .detail-date {margin:3% 0 4% 0;}
#n-news .detail {display: none;}
#n-news .content {font-size:1.1rem;}

/*内页联系*/
#n-contact {margin:0;}
#n-contact .guestbook {margin:-1% -20px 5vh 0;}
#n-contact .list {margin:0;}
#n-contact .list li {margin:3% 0 0 0;}
#n-contact .weixin {display: none;}
#n-contact .weixin img {width:8vw; margin-bottom:2%;}

/*表单样式*/
.layui-input {height:40px; border:1px #ddd solid; border-radius:0;}
.layui-input-block .cms-btn {width:111px; height:40px; line-height:40px; border-radius:0; border:1px #000 solid; background:#000; color:#fff;}

/*翻页样式*/
.pagelist {margin:4% 0 -6px -6px;}
.pagelist a {background:#f7f7f7; color:#333; margin:0 0 6px 6px; display: inline-block; width:34px; height:34px; line-height:34px; border-radius:10px; white-space: nowrap; text-align: center;}
.pagelist a.active,.pagelist a:hover{background:#000; color:#fff;}

}


/*****************************************************************************************************************************************************************/
/************************************************************************ 手机端-横 ******************************************************************************/
/*****************************************************************************************************************************************************************/
@media (max-height: 450px) {

html,body {-webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust:100%!important; font-size: 14px !important;}

.f18 {font-size:1.1rem;}
.f30 {font-size:1.4rem;}
.f45 {font-size:1.8rem;}
.f60 {font-size:2.5rem;}

.particle-system {display: none !important;} /* 不显示粒子 */

#logo {position:absolute; top:6px; left:10px;}
#logo a {font-size:2.6rem; color:#000;}

/*顶部菜单*/
#fixed-menu {top:16px;}

/*右侧导航*/
#dot-navigation {position:fixed; top: 50%; right:3%; transform: translateY(-50%); z-index: 1000;}
#dot-navigation ul {list-style:none; margin: 0; padding: 0;}
#dot-navigation ul li {margin: 10px 0;}
#dot-navigation ul li a {display: block; width: 8px; height: 8px; background-color: rgba(0, 0, 0, 0.2); border-radius:50%;}
#dot-navigation ul li a.active {background-color: rgba(0, 0, 0, 0.7);}

/*首页区域*/
.content-section {height:100vh; position:relative; overflow:hidden;}
.content-section .content {position:absolute; width:88%; top:50%; left:6%; transform: translate(0, -50%);}
.content-section h1 {padding-bottom:2%; font-weight:bold;}
.content-section h2 {padding-bottom:2%; font-weight:normal;}

#home {margin:0;}
#home .detail {line-height:220%; padding-bottom:5vh;}
#home .mouse {padding-top:5vh;}

#case {margin:0; background:#f7f7f7;}
#case .list {width:100%;}
#case .list ul {margin:2% 0 0 0; width:102%;}
#case .list li {float:left; width:8%; background:#fff; margin:0 1% 1% 0; border-radius:10px; transition: all 0.2s; overflow:hidden;}
#case .list li:hover {box-shadow: 0 0 15px rgba(170, 170, 170, .1); background:#f7f7f7;}
#case .list li img {width:100%; height:100%; transition: all 0.2s; filter:drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3));}
#case .list li:hover img {transform: scale(1.1);}
#case .more {padding-top:5vh; transition: all 0.2s;}
#case .more a:hover {padding-left:5px;}

#product {margin:0;}
#product .list {width:100%;}
#product .list ul {margin:2% 0 0 0; width:102%; display:flex; flex-wrap:wrap;}
#product .list li {flex-basis:calc(48%); margin:0 2% 2% 0; line-height:160%;}
#product .list .pic {float:left; width:15%; border-radius:10px; margin-right:5%; overflow:hidden; transition: all 0.2s;}
#product .list .pic img {width:100%; height:100%; background:#f7f7f7; transition: all 0.2s;}
#product .list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#product .list li:hover .pic img {transform: scale(1.1);}
#product .list .txt {float:left; width:70%;}
#product .list .detail {margin-top:2%; height:20px; overflow:hidden;}
#product .more {padding-top:3vh; transition: all 0.2s;}
#product .more a:hover {padding-left:5px;}

#news {margin:0; background:#f7f7f7;}
#news .list {width:100%;}
#news .list ul {margin:2% 0 0 0;}
#news .list li {margin:0 0 2% 0; transition: all 0.2s; overflow:hidden;}
#news .list .title {margin:1% 0;}
#news .list .detail {display: none;}
#news .more {padding-top:3vh; transition: all 0.2s;}
#news .more a:hover {padding-left:5px;}

#contact {margin:0;}
#contact .guestbook {margin:0 -20px 0 0;}
#contact .layui-form {display: none;}
#contact .list {padding:0;}
#contact .list li {margin:2% 0 0 0;}
#contact .copyright {padding-top:8vh; line-height:160%; font-size:0.8rem;}
#contact .particle-system {display: none !important;}

/*内页区域*/
#n-block {margin:8% 6% 4% 6%; min-height:60vh;}
#n-block .left {width:100%;}
#n-block .left img {max-width:100%; border-radius:10px; background:#f7f7f7;}
#n-block .right {width:100%;}
#n-block .none {margin-top:-1px; border-top: 1px solid transparent;} /*空的占位符*/
#n-block .description {margin:2% 0 3% 0; width:100%; line-height:200%; text-align:justify;}
#n-block .topic {margin:4% 0 2% 0; width:100%;}
#n-block .content {line-height:200%; text-align:justify;}
#n-block .content a {border-bottom:2px #333 dotted; margin:0 4px;}

/*内页顶部尾部*/
#n-head {width:100%; height:48px; background:#fff;}
footer {margin:0 6% 4% 6%; line-height:160%; font-size:0.9rem;}

/*内页案例*/
#n-case {margin:0;}
#n-case .list {width:100%; margin-bottom:-2%;}
#n-case .list ul {width:100%; display:flex; flex-wrap:wrap;}
#n-case .list li {flex-basis:calc(100%); margin:0 0 2% 0; line-height:160%;}
#n-case .list .pic {float:left; width:10%; border-radius:10px; margin-right:3%; background:#f7f7f7; overflow:hidden; transition: all 0.2s;}
#n-case .list .pic img {width:100%; height:100%; filter:drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3)); transition: all 0.2s;}
#n-case .list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1); background:#fff;}
#n-case .list li:hover .pic img {transform: scale(1.1);}
#n-case .list .txt {float:left; width:87%;}
#n-case .list .detail {margin-top:2%;}
#n-case .detail-list {margin:0 0 3% 0;}
#n-case .detail-list ul {width:102%;}
#n-case .detail-list li {float:left; width:8%; background:#f7f7f7; margin:0 1% 1% 0; border-radius:10px; transition: all 0.2s; overflow:hidden;}
#n-case .detail-list li:hover {box-shadow: 0 0 15px rgba(170, 170, 170, .1); background:#fff;}
#n-case .detail-list li img {width:100%; height:100%; filter: grayscale(100%) brightness(100%) drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3)); transition: all 0.2s;}
#n-case .detail-list li:hover img {filter: grayscale(0%) drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3)); transform: scale(1.1);}
#n-case .detail-list .active {background:#fff; box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-case .detail-list .active img {filter: grayscale(0%) drop-shadow(2px 2px 2px rgba(170, 170, 170, 0.3));}

/*内页产品*/
#n-product {margin:0;}
#n-product .list {width:100%; margin-bottom:-2%;}
#n-product .list ul {width:100%; display:flex; flex-wrap:wrap;}
#n-product .list li {flex-basis:calc(100%); margin:0 0 2% 0; line-height:160%;}
#n-product .list .pic {float:left; width:10%; border-radius:10px; margin-right:3%; overflow:hidden; transition: all 0.2s;}
#n-product .list .pic img {width:100%; height:100%; transition: all 0.2s; background:#f7f7f7;}
#n-product .list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-product .list li:hover .pic img {transform: scale(1.1);}
#n-product .list .txt {float:left; width:87%;}
#n-product .list .detail {margin-top:2%;}
#n-product .detail-list {margin:2% 0 0 0;}
#n-product .detail-list ul {width:102%;}
#n-product .detail-list li {float:left; width:48%; margin:3% 2% 0 0; line-height:160%;}
#n-product .detail-list .pic {float:left; width:18%; border-radius:10px; margin-right:6%; overflow:hidden; transition: all 0.2s;}
#n-product .detail-list .pic img {width:100%; height:100%; background:#f7f7f7; transition: all 0.2s;}
#n-product .detail-list li:hover .pic {box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-product .detail-list li:hover .pic img {transform: scale(1.1);}
#n-product .detail-list .txt {float:left; width:76%;}
#n-product .detail-list .more {margin-top:4%;}

/*内页新闻*/
#n-news {margin:0;}
#n-news .list {margin:0;}
#n-news .list ul {margin:0 0 -2% 0; display:flex; flex-wrap:wrap;}
#n-news .list li {flex-basis:calc(100%); padding:2%; line-height:160%; margin:0 0 2% 0; background:#f7f7f7; border-radius:10px; transition: all 0.2s;}
#n-news .list li:hover {background:#fff; box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-news .list .title {margin:1% 0;}
#n-news .detail-list {margin:5% 0 0 0;}
#n-news .detail-list ul {width:104%; display:flex; flex-wrap:wrap;}
#n-news .detail-list li {flex-basis:calc(43%); margin:0 2% 0 0; line-height:160%; background:#f7f7f7; padding:2%; border-radius:10px; transition: all 0.2s;}
#n-news .detail-list li:hover {background:#fff; box-shadow: 0 0 15px rgba(170, 170, 170, .1);}
#n-news .detail-list li .title {margin:1% 0 0 0;}
#n-news .detail-date {margin:2% 0 3% 0;}
#n-news .detail {display: none;}
#n-news .content {font-size:1.1rem;}

/*内页联系*/
#n-contact {margin:0;}
#n-contact .guestbook {margin:-1% -20px 3% 0;}
#n-contact .list {margin:0;}
#n-contact .list li {margin:2% 0 0 0;}
#n-contact .weixin {display: none;}
#n-contact .weixin img {width:8vw; margin-bottom:2%;}

/*表单样式*/
.layui-input {height:40px; border:1px #ddd solid; border-radius:0;}
.layui-input-block .cms-btn {width:111px; height:40px; line-height:40px; border-radius:0; border:1px #000 solid; background:#000; color:#fff;}

/*翻页样式*/
.pagelist {margin:4% 0 -6px -6px;}
.pagelist a {background:#f7f7f7; color:#333; margin:0 0 6px 6px; display: inline-block; width:34px; height:34px; line-height:34px; border-radius:10px; white-space: nowrap; text-align: center;}
.pagelist a.active,.pagelist a:hover{background:#000; color:#fff;}

}