@charset "utf-8";
* {word-wrap: break-word; padding:0px; margin: 0px;} 
::selection {background:#0093dd;color:#fff;}
p {margin:10px 0;}
ul,li {list-style:none;}
form, img {margin:0; border:0px; 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: #666; text-decoration:none;}
select,input,textarea{font:lighter 18px \5fae\8f6f\96c5\9ed1, sans-serif;position: relative;}
::-webkit-input-placeholder { /* Edge */
  color: #919191;font-size: 16px;position: absolute;left: 0;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #919191;font-size: 16px;position: absolute;left: 0;
}
::placeholder {
  color: #919191;font-size: 16px;position: absolute;left: 0;
}
.clear {clear:both;}
.b {font-weight:bold;}
.xt {font-style:italic;}
.s1 {color:#000;}
.s1 a{color:#000;}
.s1 a:hover{color:#000;}
.s2 {color:#666;}
.s2 a{color:#666;}
.s2 a:hover{color:#000;}
.s3 {color:#999;}
.s3 a{color:#999;}
.s3 a:hover{color:#000;}
.s4 {color:#fff;}
.s4 a{color:#fff;}
.s4 a:hover{color:#fff;}
.s5 {color:#0093dd;}
.s5 a{color:#0093dd;}
.s5 a:hover{color:#0093dd;}
.img {transition: 0.3s all;overflow: hidden;}
.img:hover {transform: scale(1.05);overflow: hidden;}

@font-face {
  font-family: 'gsfont';
  src: url('../font/gsfont.eot');
  src: url('../font/gsfont.eot?#iefix') format('embedded-opentype'),
  url('../font/gsfont.woff') format('woff'),
  url('../font/gsfont.ttf') format('truetype'),
  url('../font/gsfont.svg#gsfont') format('svg');
}

.gsfont {font-family:"gsfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
/************************************************************************ PC端 ***********************************************************************************/
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 1367px){
body {width:100%; height:100%; margin: 0px;color:#999999; background:#222222;_background-attachment:fixed;_background-image:url(about:blank); }
h1 {font-weight:lighter; font-size:28px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f24 {font-size:24px;}
.f28 {font-size:28px;}
.f30 {font-size:30px;}
.f48 {font-size:48px;}
.f64 {font-size:64px;}
/*顶部菜单隐藏*/
#head-block {display:none;}
#footer-menu {display:none;}

/*顶部大图*/
#topbig {overflow:hidden; background:#1a1a1a;}
#topbig .swiper-container {height:100vh; overflow:hidden;} 
#topbig .swiper-slide {height:100%; overflow:hidden;}
#topbig .picA {background:url(../images/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .picB {background:url(../images/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .picC {background:url(../images/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .toppic-font {color:#fff; position:absolute; z-index:3; bottom:28%; left:14%;}
#topbig .toppic-font .txta {font-size:40px; padding-top:3%;font-weight: lighter;}
#topbig .toppic-font .txtd {font-size:54px; padding-top:3%;font-weight: lighter;}
#topbig .toppic-font .txtb {font-size:16px; padding-top:5%;line-height:180%;}
#topbig .toppic-font .txtc {font-size:36px; padding-top:3%;font-weight: lighter;}

/*左侧菜单*/
#left-block {width: 7%;padding:0 1.28%; height:100%; background:#000; position:fixed; top:0; left:0; z-index:99999999999999;transition: all 0.2s; box-shadow:0 0 50px rgba(0, 0, 0, .5);}
#left-block:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(0, 0, 0, .5);}
#left-block .logo a {background:url(../images/logo.png) no-repeat; width:101px; height:158px; background-size:100%; display:block; margin:30px auto 0 auto;}
#left-block .menu {text-align:center; position:relative; top:10%;}
#left-block .menu li {margin:0 0 5vh 0;}
#left-block .menu li a{color:#fff; }
#left-block .menu li a:hover {color:#0093dd;}
#left-block .menu .language{text-transform: uppercase;color: #fff;font-weight: normal;}
#left-block .menu-d {position:absolute; left:50%; bottom:4vh; font-size:30px;transform: translateX(-50%);display: none;}
#left-block .menu-d li {margin:3vh 0 0 0;}
#left-block .menu-d li a{color:#fff;}
#left-block .menu-d li a:hover {color:#0093dd;}
#left-block .menu-d .message {width:11px; height:11px; background:#0093dd; position:absolute; left:20px; border-radius:100px;}

/*左侧菜单-弹出层*/
#left-block #showDiv {background:url(../images/mask_bg.jpg); background-size:cover; width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;}
#left-block #showDiv .content {position:absolute; left:10%; top:20%; color:#000; width:80%;}
#left-block #showDiv .close a {float:left; cursor:pointer; background:url(../images/close.png) no-repeat; background-size:100%; width:50px; height:50px; display:block;}
#left-block #showDiv .close a:hover {transform: rotate(90deg);}
#left-block #showDiv .list {padding:0; overflow:hidden; margin:4px 0 0 0;}
#left-block #showDiv .list ul {float:left; margin-left:8vw;}
#left-block #showDiv .list li {text-align:left;}

/*中间导航*/
#body-menu {width:100%; overflow:hidden; display:none;}

/*主要区块*/
#main-block {margin:0 4.5% 0 9.56%;}
#main-block .line {margin:0% 0 1% 4%; text-align:left;box-sizing: border-box;padding-top: 3%;}
#main-block .line .t1{ font-weight: lighter;text-transform: uppercase;}
#main-block .line .t2{color: #fff;}
#main-block .line-s {margin:22px 0;}
#main-block .line-x {width:40px; height:2px; background:#999999; display:inline-block; margin:20px auto;}
#main-block .more a {margin:4% auto 0 auto; width:18%; text-align:center; padding:1.2% 0; background:#000; color:#999999; display:block;}
#main-block .more a:hover {background:#0093dd; color:#fff;}
/*about  */
#about{margin:2% 0 2% 4%;box-sizing: border-box;}
#about .left{width: 46.5%;float: left;background: #fff; margin-top:1%;overflow:hidden;}
#environment {overflow:hidden;width:100%;}
#environment .swiper-container img {width:100%;vertical-align: middle;}
#environment .swiper-button-prev,#environment .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;}
#environment .swiper-button-prev:hover,#environment .swiper-button-next:hover{background:#0093dd; color:#fff; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;}
#environment:hover .swiper-button-prev,#environment:hover .swiper-button-next{display:block;}
#environment .t{line-height: 3;background-color: rgba(0, 0, 0, .5);color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;}
#about .right{width: 50%;float: right;padding:0 7% 0 4%;box-sizing: border-box;}
#about .right .con{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;}
#about .right .line{margin:0% 0%}
#about .right p{line-height: 2;text-indent: 30px;}
/* product */
#product{margin:0% 0 4% 4%;box-sizing: border-box;}
.product_m .line{padding-top: 0 !important}
#product ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
#product ul li{width: 49%;background: #111111;margin-bottom: 2%;position: relative;}
#product ul li .pic{width: 100%;text-align: right;overflow: hidden;position: relative;}
#product ul li .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz.png) no-repeat center center; z-index: 2;}
#product ul li .item{position: absolute;top: 0%;left: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;}
#product ul li .item .wechat{width: 50%;margin-top: 5%;display: none;}
#product ul li .item .wechat img{width: 100%;}
#product ul li .item a.more{position: absolute;bottom: 7%;}
#product ul li .item a{color: #999;}
#product ul li:hover{background: #0093dd;}
#product ul li:hover .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz_h.png) no-repeat center center; z-index: 2;}
#product ul li:hover .item{color: #fff}
#product ul li:hover .item a{color: #fff}
#product ul li:hover img{transform: scale(1.05);overflow: hidden;}
/* news */
.news{box-sizing: border-box;background: url(../images/new_bg.jpg) no-repeat center center; margin-right: 0 !important;}
.news .line .t2{color: #222 !important;}
#news{margin:0% 12% 0% 8%;box-sizing: border-box;}
#news ul{padding-bottom: 5%;}
#news ul li{width: 100%;margin-bottom: 2%;position: relative;border-bottom: 1px solid #999;padding-bottom: 1.5%;display:flex;flex-wrap: wrap;justify-content: space-between;}
#news ul li .item{width: 70%; box-sizing: border-box; float: left;display: block;}
#news ul li .pic{width: 20%;text-align: right;overflow: hidden;float: left;}
#news ul li .pic img{width: 100%;text-align: right;overflow: hidden;}
#news ul li .des{line-height: 2;}
#news ul li h3{line-height: 2;font-weight: normal;}
#news ul li span{line-height: 1.5;display: block;margin-bottom: 10px;}
#news ul li .date{position: relative;}
#news ul li .date a.more{width: 34px; height: 35px;background:url(../images/more.png);display: inline-block;}
#news ul li:hover .date a.more{width: 34px; height: 35px;background:url(../images/more_h.jpg);display: inline-block;} 
#news ul li:hover h3 a{color: #0093dd;}
/*预约联系*/
.contact{box-sizing: border-box;background: url(../images/con_bg.jpg) no-repeat center center; margin-right: 0 !important;}
#contact {text-align:left; margin:0% 5%; box-sizing: border-box;}
#contact .con_list{width: 50%; float: left;}
#contact dt{line-height: 2;}
#contact dd{line-height: 3;}
#contact dd span.iconfont{font-size: 19px;margin-right: 10px;}
#contact dd span.icon-dizhi{font-size: 24px;}
#contact dd span.icon-gongsiwangzhi{font-size: 24px;}
#contact dd span.icon-youxiang{font-size: 24px;}
#contact dd span.icon-dianhua01{font-size: 22px;}
#contact .msg{width: 35%; float: left;text-align: center;padding-bottom: 5%;box-sizing: border-box;}
#contact .msg p{text-align: left;}
#contact .msg input{border: none;width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;border-color: none;box-sizing: border-box; color: #919191;}
#contact .msg textarea{width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;resize: none;color: #919191;}
#contact .msg .submit{display: inline-block;background: #0091ed;line-height: 2.5;color: #fff;border: none;width: 50%;border-radius:5px;margin: 20px auto 0;}
#contact .msg label{color: #919191;line-height: 3;text-align: left;width: 100%;display: block;}
/*底部*/
#copyright {text-align:center; padding:1% 0;background: #000;}
#copyright .content {margin:0 4.7% 0 9.7%; color:#999;}
#copyright .content a {color:#999;}
#copyright .content a:hover {color:#666;}


/*******************************************内页**********************************************/
#n-topnav {background:#fff; top:0; left:9.56%; right:4.5%; position:fixed; z-index:8; transition: all 0.2s;}
#n-topnav ul {float:right; height:68px;}
#n-topnav li {float:left; margin:0 50px 0 0; line-height:66px;}
#n-topnav li a {display: block; border-bottom:0px #ffffff solid;}
#n-topnav li a:hover {border-bottom:2px #0093dd solid;}
#n-topnav .hover {border-bottom:2px #0093dd solid;}
#n-topnav .hover a:hover {border-bottom:0px;}
#n-topheight {margin:70px 0 0 0;}

#n-topnav2 {padding:4% 0 0 0; text-align:center;}
#n-topnav2 li {display:inline-block;  margin:0 0.5% 0.5% 0;}
#n-topnav2 li a {float:left; padding:0.5vw 1.2vw; background:#fff; color:#000; display:block;}
#n-topnav2 li a:hover {background:#000; color:#fff;}
#n-topnav2 .hover a {background:#000; color:#fff;}

/*关于锦溪*/
#about_m {padding:0 0 5% 0; text-align:center;}
#about_m .line{text-align: center;margin: 0 auto;}
#about_m .info { width: 80%;margin: 0 auto;text-align: left;}
#about_m .info p{margin-bottom: 20px;text-indent: 30px;line-height: 2;}
#about_m .s {margin:22px auto 15px auto; line-height:180%;}
#about_m .x {width:60px; height:2px; background:#0093dd; display:block; margin:auto;}
#about_m img {width:100%;}
#about_m ul{width: 90%;display: flex;justify-content: space-between; flex-wrap: nowrap;margin: 0 auto;}
#about_m ul li{width: 24%;position: relative;cursor: pointer;}
#about_m ul li .t{line-height: 3;background-color: rgba(0, 0, 0, .5);color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;}
#about_m ul li:hover .t{line-height: 3;background-color: rgba(0, 147, 211, .9);color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;}

/* contact */
#contact_m {text-align:left; margin:0 8%; box-sizing: border-box;}
#contact_m .line{text-align: center;margin: 0 auto;}
#contact_m .con_list{width: 50%; float: left;box-sizing: border-box;padding: 1% 8% 0;}
#contact_m dt{line-height: 2;}
#contact_m dd{line-height: 3;}
#contact_m dd span.iconfont{font-size: 19px;margin-right: 10px;}
#contact_m dd span.icon-dizhi{font-size: 24px;}
#contact_m dd span.icon-gongsiwangzhi{font-size: 24px;}
#contact_m dd span.icon-youxiang{font-size: 24px;}
#contact_m dd span.icon-dianhua01{font-size: 22px;}
#contact_m .msg{width: 40%; float: left;text-align: center;padding-bottom: 5%;box-sizing: border-box;}
#contact_m .msg p{text-align: left;}
#contact_m .msg input{border: none;width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;border-color: none;box-sizing: border-box; color: #919191;}
#contact_m .msg textarea{width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;resize: none;color: #919191;}
#contact_m .msg .submit{display: inline-block;background: #0091ed;line-height: 2.5;color: #fff;border: none;width: 50%;border-radius:5px;margin: 20px auto 0;}
#contact_m .msg label{color: #919191;line-height: 3;text-align: left;width: 100%;display: block;}
#contact_m .map{margin-bottom: 3%;}

/* news */
.news_m .line .t2{color: #222 !important;}
.news_m{box-sizing: border-box;background: url(../images/new_bg.jpg) no-repeat center center; margin-right: 0 !important; background-size: 100% 100%;}
#news_m{margin:0% 4% 0% 4%;box-sizing: border-box;}
#news_m .line{text-align: center;margin: 0 auto;}
#news_m ul{padding-bottom: 5%;}
#news_m ul li{width: 100%;margin-bottom: 2%;position: relative;border-bottom: 1px solid #999;padding-bottom: 1.5%;display:flex;flex-wrap: wrap;justify-content: space-between;}
#news_m ul li .item{width: 70%; box-sizing: border-box; float: left;display: block;}
#news_m ul li .pic{width: 20%;text-align: right;overflow: hidden;float: left;}
#news_m ul li .pic img{width: 100%;text-align: right;overflow: hidden;}
#news_m ul li .des{line-height: 2;}
#news_m ul li h3{line-height: 2;font-weight: normal;}
#news_m ul li span{line-height: 1.5;display: block;margin-bottom: 10px;}
#news_m ul li .date{position: relative;}
#news_m ul li .date a.more{width: 34px; height: 35px;background:url(../images/more.png);display: inline-block;}
#news_m ul li:hover .date a.more{width: 34px; height: 35px;background:url(../images/more_h.jpg);display: inline-block;} 
#news_m ul li:hover h3 a{color: #0093dd;}
#news_m_show .info{margin:1% 0 2% 4% ;overflow: hidden;padding: 4%;padding-bottom: 2%;}
#news_m_show h1{font-size: 36px;color: #333;text-align: center;}
#news_m_show .s {margin: 22px auto 15px auto;text-align: center;}
#news_m_show .x {width: 60px;height: 2px;background: #0093dd;display: block;margin: auto;}
#news_m_show .t{min-height: 600px;}
#news_m_show p{color: #333;}

/* product */
.product_m{margin-top: 2% !important;}
#product_m{margin:0% 0 0 4%;box-sizing: border-box;}
#product_m ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
#product_m ul li{width: 49%;background: #111111;margin-bottom: 2%;position: relative;}
#product_m ul li .pic{width: 100%;text-align: right;overflow: hidden;position: relative; height: 100%}
#product_m ul li:nth-last-child(1) .pic img{position: absolute;right: -0}
#product_m ul li .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz.png) no-repeat center center; z-index: 2;}
#product_m ul li .item{position: absolute;top: 0%;left: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;}
#product_m ul li .item .wechat{width: 50%;margin-top: 5%;display: none;}
#product_m ul li .item .wechat img{width: 100%;}
#product_m ul li .item a.more{position: absolute;bottom: 7%;}
#product_m ul li .item a{color: #999;}
#product_m ul li:hover{background: #0093dd;}
#product_m ul li:hover .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz_h.png) no-repeat center center; z-index: 2;}

#product_m ul li:hover .item{color: #fff}
#product_m ul li:hover .item a{color: #fff}
#product_m ul li:hover img{transform: scale(1.05);overflow: hidden;}
.h{height: 80px;width: 100%;display: block;}
.product_m_list .line{padding-top: 0 !important;}
#product_m_list{margin:0% 0 0 4%;box-sizing: border-box;}
#product_m_list ul{display:flex;flex-wrap: wrap;justify-content: flex-start;}
#product_m_list ul li{width: 100%;background: #000;margin-bottom: 1%;position: relative;margin-right: 1.3333333333%;}
#product_m_list ul .pc{display: block; }
#product_m_list ul .web{display: none; }
#product_m_list ul li .table table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul li .table table td,#product_m_list ul li .table table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul li .table table tr:first-child td{border-top: none;}
#product_m_list ul li .table table td{font-size: 15px;}
#product_m_list ul li .table table th{font-size: 16px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 3;box-sizing: border-box;border-bottom: none;}
#product_m_list ul li .table table img{width: 100%;}
#product_m_list ul li .table table .pic{width: 8%;}
#product_m_list ul li .table table .p01{width: 10%;}
#product_m_list ul li .table table .p02{width: 8%;}
#product_m_list ul li .table table .p03{width: 8%;}
#product_m_list ul li .table table .p04{width: 8%;}
#product_m_list ul li .table table .p05{width: 15%;}
#product_m_list ul li .table table .p06{width: 8%;}
#product_m_list ul li .table table .p07{width: 8%;}
#product_m_list ul li .table table .p08{width: 27%;}
#product_m_list ul li .table table .p08 img{width: 95%;}

#product_m_list ul li .table01 table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul li .table01 table td,#product_m_list ul li .table01 table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul li .table01 table tr:first-child td{border-top: none;}
#product_m_list ul li .table01 table td{font-size: 15px;}
#product_m_list ul li .table01 table th{font-size: 16px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 3;box-sizing: border-box;border-bottom: none;}
#product_m_list ul li .table01 table img{width: 100%;}
#product_m_list ul li .table01 table .p01{width: 20%;}
#product_m_list ul li .table01 table .p02{width: 20%;}
#product_m_list ul li .table01 table .p03{width: 20%;}
#product_m_list ul li .table01 table .p04{width: 30%;}

#product_m_list ul li .table02 table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul li .table02 table td,#product_m_list ul li .table02 table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul li .table02 table tr:first-child td{border-top: none;}
#product_m_list ul li .table02 table td{font-size: 15px;}
#product_m_list ul li .table02 table th{font-size: 16px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 3;box-sizing: border-box;border-bottom: none;}
#product_m_list ul li .table02 table img{width: 100%;}
#product_m_list ul li .table02 table .pic{width: 20%;}
#product_m_list ul li .table02 table .p01{width: 12%;}
#product_m_list ul li .table02 table .p02{width: 12%;}
#product_m_list ul li .table02 table .p03{width: 12%;}
#product_m_list ul li .table02 table .p04{width: 12%;}
#product_m_list ul li .table02 table .p05{width: 20%;}
#product_m_list ul li .table02 table .pp01{width: 10%;}
#product_m_list ul li .table02 table .pp02{width: 10%;}
#product_m_list ul li .table02 table .pp03{width: 10%;}
#product_m_list ul li .table02 table .pp04{width: 10%;}
#product_m_list ul li .table02 table .pp05{width: 10%;}
#product_m_list ul li .table02 table .pp06{width: 10%;}
#product_m_list ul li .table02 table .pp07{width: 20%;}


#product_m_list ul li .table04 table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul li .table04 table td,#product_m_list ul li .table04 table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul li .table04 table tr:first-child td{border-top: none;}
#product_m_list ul li .table04 table td{font-size: 15px;}
#product_m_list ul li .table04 table th{font-size: 16px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 3;box-sizing: border-box;border-bottom: none;}
#product_m_list ul li .table04 table img{width: 100%;}
#product_m_list ul li .table04 table .pic{width: 20%;}
#product_m_list ul li .table04 table .pic img{width: 50%;}
#product_m_list ul li .table04 table .p01{width: 20%;}
#product_m_list ul li .table04 table .p02{width: 20%;}
#product_m_list ul li .table04 table .p03{width: 20%;}
#product_m_list ul li .table04 table .p04{width: 20%;}



/* 上一页 */
.sx{color: #333;}
.sx span{color: #333; display: block;line-height: 3;}
/*翻页按钮*/
.list_page{text-align:center; display:flex;flex-wrap: nowrap;justify-content:center; padding:0 0 4% 0;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page a{color:#333;padding:12px 17px; display:block; background:#fff;margin: 0 0.1%;}
.list_page a:hover{color:#fff;padding:12px 17px; display:block; background:#000;}
.page_group ul .active a{background:#000; color:#fff;}
 
}
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
/******************************************************************** iPad Pro ***********************************************************************************/
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 1025px) and (max-width: 1367px) {
body {width:100%; height:100%; margin: 0px;color:#999999; background:#222222;_background-attachment:fixed;_background-image:url(about:blank); }
  h1 {font-weight:lighter; font-size:28px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f24 {font-size:24px;}
.f28 {font-size:28px;}
.f30 {font-size:30px;}
.f48 {font-size:48px;}
.f64 {font-size:64px;}
/*顶部菜单隐藏*/
#head-block {display:none;}
#footer-menu {display:none;}

/*顶部大图*/
#topbig {overflow:hidden; background:#1a1a1a;}
#topbig .swiper-container {height:600px; overflow:hidden;} 
#topbig .swiper-slide {width:100%; overflow:hidden;}
#topbig .picA {background:url(../images/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .picB {background:url(../images/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .picC {background:url(../images/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .toppic-font {color:#fff; position:absolute; z-index:3; bottom:28%; left:14%;}
#topbig .toppic-font .txta {font-size:40px; padding-top:3%;font-weight: lighter;}
#topbig .toppic-font .txtd {font-size:54px; padding-top:3%;font-weight: lighter;}
#topbig .toppic-font .txtb {font-size:16px; padding-top:5%;line-height:180%;}
#topbig .toppic-font .txtc {font-size:36px; padding-top:3%;font-weight: lighter;}

/*左侧菜单*/
#left-block {width: 7%;padding:0 1.28%; height:100%; background:#000; position:fixed; top:0; left:0; z-index:99999999999999;transition: all 0.2s; box-shadow:0 0 50px rgba(0, 0, 0, .5);}
#left-block:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(0, 0, 0, .5);}
#left-block .logo a {background:url(../images/logo.png) no-repeat; width:101px; height:158px; background-size:100%; display:block; margin:30px auto 0 auto;}
#left-block .menu {text-align:center; position:relative; top:10%;}
#left-block .menu li {margin:0 0 5vh 0;}
#left-block .menu li a{color:#fff; }
#left-block .menu li a:hover {color:#0093dd;}
#left-block .menu .language{text-transform: uppercase;color: #fff;font-weight: normal;}
#left-block .menu-d {position:absolute; left:50%; bottom:4vh; font-size:30px;transform: translateX(-50%);display: none;}
#left-block .menu-d li {margin:3vh 0 0 0;}
#left-block .menu-d li a{color:#fff;}
#left-block .menu-d li a:hover {color:#0093dd;}
#left-block .menu-d .message {width:11px; height:11px; background:#0093dd; position:absolute; left:20px; border-radius:100px;}

/*左侧菜单-弹出层*/
#left-block #showDiv {background:url(../images/mask_bg.jpg); background-size:cover; width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;}
#left-block #showDiv .content {position:absolute; left:10%; top:20%; color:#000; width:80%;}
#left-block #showDiv .close a {float:left; cursor:pointer; background:url(../images/close.png) no-repeat; background-size:100%; width:50px; height:50px; display:block;}
#left-block #showDiv .close a:hover {transform: rotate(90deg);}
#left-block #showDiv .list {padding:0; overflow:hidden; margin:4px 0 0 0;}
#left-block #showDiv .list ul {float:left; margin-left:8vw;}
#left-block #showDiv .list li {text-align:left;}

/*中间导航*/
#body-menu {width:100%; overflow:hidden; display:none;}

/*主要区块*/
#main-block {margin:0 4.5% 0 9.56%;}
#main-block .line {margin:0% 0 1% 4%; text-align:left;box-sizing: border-box;padding-top: 3%;}
#main-block .line .t1{ font-weight: lighter;text-transform: uppercase;}
#main-block .line .t2{color: #fff;}
#main-block .line-s {margin:22px 0;}
#main-block .line-x {width:40px; height:2px; background:#999999; display:inline-block; margin:20px auto;}
#main-block .more a {margin:4% auto 0 auto; width:18%; text-align:center; padding:1.2% 0; background:#000; color:#999999; display:block;}
#main-block .more a:hover {background:#0093dd; color:#fff;}
/*about  */
#about{margin:2% 0 2% 4%;box-sizing: border-box;}
#about .left{width: 46.5%;float: left;background: #fff; margin-top:1%;overflow:hidden;}
#environment {overflow:hidden;width:100%;}
#environment .swiper-container img {width:100%;vertical-align: middle;}
#environment .swiper-button-prev,#environment .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;}
#environment .swiper-button-prev:hover,#environment .swiper-button-next:hover{background:#0093dd; color:#fff; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;}
#environment:hover .swiper-button-prev,#environment:hover .swiper-button-next{display:block;}
#environment .t{line-height: 3;background-color: rgba(0, 0, 0, .5);color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;}
#about .right{width: 50%;float: right;padding:0 2% 0 0%;box-sizing: border-box;}
#about .right .con{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;}
#about .right .line{margin:0% 0%}
#about .right p{line-height: 2;text-indent: 30px;}
/* product */
#product{margin:0% 0 4% 4%;box-sizing: border-box;}
#product ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
#product ul li{width: 49%;background: #111111;margin-bottom: 2%;position: relative;}
#product ul li .pic{width: 100%;text-align: right;overflow: hidden;position: relative;}
#product ul li .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz.png) no-repeat center center; z-index: 2;}
#product ul li .item{position: absolute;top: 0%;left: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;}
#product ul li .item .wechat{width: 50%;margin-top: 5%;display: none;}
#product ul li .item .wechat img{width: 100%;}
#product ul li .item a.more{position: absolute;bottom: 7%;}
#product ul li .item a{color: #999;}
#product ul li:hover{background: #0093dd;}
#product ul li:hover .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz_h.png) no-repeat center center; z-index: 2;}
#product ul li:hover .item{color: #fff}
#product ul li:hover .item a{color: #fff}
#product ul li:hover img{transform: scale(1.05);overflow: hidden;}
/* news */
.news{box-sizing: border-box;background: url(../images/new_bg.jpg) no-repeat center center; margin-right: 0 !important;}
.news .line .t2{color: #222 !important;}
#news{margin:0% 12% 0% 8%;box-sizing: border-box;}
#news ul{padding-bottom: 5%;}
#news ul li{width: 100%;margin-bottom: 2%;position: relative;border-bottom: 1px solid #999;padding-bottom: 1.5%;display:flex;flex-wrap: wrap;justify-content: space-between;}
#news ul li .item{width: 70%; box-sizing: border-box; float: left;display: block;}
#news ul li .pic{width: 20%;text-align: right;overflow: hidden;float: left;}
#news ul li .pic img{width: 100%;text-align: right;overflow: hidden;}
#news ul li .des{line-height: 2;}
#news ul li h3{line-height: 2;font-weight: normal;}
#news ul li span{line-height: 1.5;display: block;margin-bottom: 10px;}
#news ul li .date{position: relative;}
#news ul li .date a.more{width: 34px; height: 35px;background:url(../images/more.png);display: inline-block;}
#news ul li:hover .date a.more{width: 34px; height: 35px;background:url(../images/more_h.jpg);display: inline-block;} 
#news ul li:hover h3 a{color: #0093dd;}
/*预约联系*/
.contact{box-sizing: border-box;background: url(../images/con_bg.jpg) no-repeat center center; margin-right: 0 !important;}
#contact {text-align:left; margin:0% 5%; box-sizing: border-box;}
#contact .con_list{width: 50%; float: left;}
#contact dt{line-height: 2;}
#contact dd{line-height: 3;}
#contact dd span.iconfont{font-size: 19px;margin-right: 10px;}
#contact dd span.icon-dizhi{font-size: 24px;}
#contact dd span.icon-gongsiwangzhi{font-size: 24px;}
#contact dd span.icon-youxiang{font-size: 24px;}
#contact dd span.icon-dianhua01{font-size: 22px;}
#contact .msg{width: 35%; float: left;text-align: center;padding-bottom: 5%;box-sizing: border-box;}
#contact .msg p{text-align: left;}
#contact .msg input{border: none;width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;border-color: none;box-sizing: border-box; color: #919191;}
#contact .msg textarea{width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;resize: none;color: #919191;}
#contact .msg .submit{display: inline-block;background: #0091ed;line-height: 2.5;color: #fff;border: none;width: 50%;border-radius:5px;margin: 20px auto 0;}
#contact .msg label{color: #919191;line-height: 3;text-align: left;width: 100%;display: block;}
/*底部*/
#copyright {text-align:center; padding:.6% 0;}
#copyright .content {margin:0 4.7% 0 9.7%; color:#999;}
#copyright .content a {color:#999;}
#copyright .content a:hover {color:#666;}

/*******************************************内页**********************************************/
#n-topnav {background:#fff; top:0; left:9.1%; right:4.5%; position:fixed; z-index:8; transition: all 0.2s;}
#n-topnav:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);}
#n-topnav ul {float:right; height:68px;}
#n-topnav li {float:left; margin:0 50px 0 0; line-height:66px;}
#n-topnav li a {display: block; border-bottom:0px #ffffff solid;}
#n-topnav li a:hover {border-bottom:2px #0093dd solid;}
#n-topnav .hover {border-bottom:2px #0093dd solid;}
#n-topnav .hover a:hover {border-bottom:0px;}
#n-topheight {margin:70px 0 0 0;}

#n-topnav2 {padding:4% 0 0 0; text-align:center;}
#n-topnav2 li {display:inline-block;  margin:0 0.5% 0.5% 0;}
#n-topnav2 li a {float:left; padding:0.5vw 1.2vw; background:#fff; color:#000; display:block;}
#n-topnav2 li a:hover {background:#000; color:#fff;}
#n-topnav2 .hover a {background:#000; color:#fff;}

/*关于锦溪*/
#about_m {padding:0 0 5% 0; text-align:center;}
#about_m .line{text-align: center;margin: 0 auto;}
#about_m .info { width: 80%;margin: 0 auto;text-align: left;}
#about_m .info p{margin-bottom: 20px;text-indent: 30px;line-height: 2;}
#about_m .s {margin:22px auto 15px auto; line-height:180%;}
#about_m .x {width:60px; height:2px; background:#0093dd; display:block; margin:auto;}
#about_m img {width:100%;}
#about_m ul{width: 90%;display: flex;justify-content: space-between; flex-wrap: nowrap;margin: 0 auto;}
#about_m ul li{width: 24%;position: relative;cursor: pointer;}
#about_m ul li .t{line-height: 3;background-color: rgba(0, 0, 0, .5);color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;}
#about_m ul li:hover .t{line-height: 3;background-color: rgba(0, 147, 211, .9);color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;}

/* contact */
#contact_m {text-align:left; margin:0 8%; box-sizing: border-box;}
#contact_m .line{text-align: center;margin: 0 auto;}
#contact_m .con_list{width: 50%; float: left;box-sizing: border-box;padding: 1% 8% 0 1%;}
#contact_m dt{line-height: 2;}
#contact_m dd{line-height: 3;}
#contact_m dd span.iconfont{font-size: 19px;margin-right: 10px;}
#contact_m dd span.icon-dizhi{font-size: 24px;}
#contact_m dd span.icon-gongsiwangzhi{font-size: 24px;}
#contact_m dd span.icon-youxiang{font-size: 24px;}
#contact_m dd span.icon-dianhua01{font-size: 22px;}
#contact_m .msg{width: 40%; float: right;text-align: center;padding-bottom: 5%;box-sizing: border-box;}
#contact_m .msg p{text-align: left;}
#contact_m .msg input{border: none;width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;border-color: none;box-sizing: border-box; color: #919191;}
#contact_m .msg textarea{width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;resize: none;color: #919191;}
#contact_m .msg .submit{display: inline-block;background: #0091ed;line-height: 2.5;color: #fff;border: none;width: 50%;border-radius:5px;margin: 20px auto 0;}
#contact_m .msg label{color: #919191;line-height: 3;text-align: left;width: 100%;display: block;}
#contact_m .map{margin-bottom: 3%;}

/* news */
.news_m .line .t2{color: #222 !important;}
.news_m{box-sizing: border-box;background: url(../images/new_bg.jpg) no-repeat center center; margin-right: 0 !important; background-size: 100% 100%;}
#news_m{margin:0% 4% 0% 4%;box-sizing: border-box;}
#news_m .line{text-align: center;margin: 0 auto;}
#news_m ul{padding-bottom: 5%;}
#news_m ul li{width: 100%;margin-bottom: 2%;position: relative;border-bottom: 1px solid #999;padding-bottom: 1.5%;display:flex;flex-wrap: wrap;justify-content: space-between;}
#news_m ul li .item{width: 70%; box-sizing: border-box; float: left;display: block;}
#news_m ul li .pic{width: 20%;text-align: right;overflow: hidden;float: left;}
#news_m ul li .pic img{width: 100%;text-align: right;overflow: hidden;}
#news_m ul li .des{line-height: 2;}
#news_m ul li h3{line-height: 2;font-weight: normal;}
#news_m ul li span{line-height: 1.5;display: block;margin-bottom: 10px;}
#news_m ul li .date{position: relative;}
#news_m ul li .date a.more{width: 34px; height: 35px;background:url(../images/more.png);display: inline-block;}
#news_m ul li:hover .date a.more{width: 34px; height: 35px;background:url(../images/more_h.jpg);display: inline-block;} 
#news_m ul li:hover h3 a{color: #0093dd;}
#news_m_show .info{margin:1% 0 2% 4% ;overflow: hidden;padding: 4%;padding-bottom: 2%;}
#news_m_show h1{font-size: 36px;color: #333;text-align: center;}
#news_m_show .s {margin: 22px auto 15px auto;text-align: center;}
#news_m_show .x {width: 60px;height: 2px;background: #0093dd;display: block;margin: auto;}
#news_m_show .t{min-height: 600px;}
#news_m_show p{color: #333;}

/* product */
.product_m{margin-top: 2% !important;}
#product_m{margin:0% 0 0 4%;box-sizing: border-box;}
#product_m ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
#product_m ul li{width: 49%;background: #111111;margin-bottom: 2%;position: relative;}
#product_m ul li .pic{width: 100%;text-align: right;overflow: hidden;position: relative;}
#product_m ul li .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz.png) no-repeat center center; z-index: 2;}
#product_m ul li .item{position: absolute;top: 0%;left: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;}
#product_m ul li .item .wechat{width: 50%;margin-top: 5%;display: none;}
#product_m ul li .item .wechat img{width: 100%;}
#product_m ul li .item a.more{position: absolute;bottom: 7%;}
#product_m ul li .item a{color: #999;}
#product_m ul li:hover{background: #0093dd;}
#product_m ul li:hover .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz_h.png) no-repeat center center; z-index: 2;}
#product_m ul li:hover .item{color: #fff}
#product_m ul li:hover .item a{color: #fff}
#product_m ul li:hover img{transform: scale(1.05);overflow: hidden;}
.h{height: 100px;width: 100%;display: block;}
.product_m_list .line{padding-top: 0 !important;}
#product_m_list{margin:0% 0 0 4%;box-sizing: border-box;}
#product_m_list ul{display:flex;flex-wrap: wrap;justify-content: flex-start;}
#product_m_list ul li{width: 100%;background: #000;margin-bottom: 1%;position: relative;}
#product_m_list ul .pc{display: block; }
#product_m_list ul .web{display: none; }
#product_m_list ul li .table table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul li .table table td,#product_m_list ul li .table table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul li .table table tr:first-child td{border-top: none;}
#product_m_list ul li .table table td{font-size: 15px;}
#product_m_list ul li .table table th{font-size: 16px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 3;box-sizing: border-box;border-bottom: none;}
#product_m_list ul li .table table img{width: 100%;}
#product_m_list ul li .table table .pic{width: 8%;}
#product_m_list ul li .table table .p01{width: 10%;}
#product_m_list ul li .table table .p02{width: 8%;}
#product_m_list ul li .table table .p03{width: 8%;}
#product_m_list ul li .table table .p04{width: 8%;}
#product_m_list ul li .table table .p05{width: 15%;}
#product_m_list ul li .table table .p06{width: 8%;}
#product_m_list ul li .table table .p07{width: 8%;}
#product_m_list ul li .table table .p08{width: 27%;}
#product_m_list ul li .table table .p08 img{width: 95%;}

#product_m_list ul li .table01 table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul li .table01 table td,#product_m_list ul li .table01 table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul li .table01 table tr:first-child td{border-top: none;}
#product_m_list ul li .table01 table td{font-size: 15px;}
#product_m_list ul li .table01 table th{font-size: 16px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 3;box-sizing: border-box;border-bottom: none;}
#product_m_list ul li .table01 table img{width: 100%;}
#product_m_list ul li .table01 table .p01{width: 20%;}
#product_m_list ul li .table01 table .p02{width: 20%;}
#product_m_list ul li .table01 table .p03{width: 20%;}
#product_m_list ul li .table01 table .p04{width: 30%;}

#product_m_list ul li .table02 table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul li .table02 table td,#product_m_list ul li .table02 table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul li .table02 table tr:first-child td{border-top: none;}
#product_m_list ul li .table02 table td{font-size: 15px;}
#product_m_list ul li .table02 table th{font-size: 16px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 3;box-sizing: border-box;border-bottom: none;}
#product_m_list ul li .table02 table img{width: 100%;}
#product_m_list ul li .table02 table .pic{width: 20%;}
#product_m_list ul li .table02 table .p01{width: 12%;}
#product_m_list ul li .table02 table .p02{width: 12%;}
#product_m_list ul li .table02 table .p03{width: 12%;}
#product_m_list ul li .table02 table .p04{width: 12%;}
#product_m_list ul li .table02 table .p05{width: 20%;}
#product_m_list ul li .table02 table .pp01{width: 10%;}
#product_m_list ul li .table02 table .pp02{width: 10%;}
#product_m_list ul li .table02 table .pp03{width: 10%;}
#product_m_list ul li .table02 table .pp04{width: 10%;}
#product_m_list ul li .table02 table .pp05{width: 10%;}
#product_m_list ul li .table02 table .pp06{width: 10%;}
#product_m_list ul li .table02 table .pp07{width: 20%;}


#product_m_list ul li .table04 table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul li .table04 table td,#product_m_list ul li .table04 table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul li .table04 table tr:first-child td{border-top: none;}
#product_m_list ul li .table04 table td{font-size: 15px;}
#product_m_list ul li .table04 table th{font-size: 16px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 3;box-sizing: border-box;border-bottom: none;}
#product_m_list ul li .table04 table img{width: 100%;}
#product_m_list ul li .table04 table .pic{width: 20%;}
#product_m_list ul li .table04 table .pic img{width: 50%;}
#product_m_list ul li .table04 table .p01{width: 20%;}
#product_m_list ul li .table04 table .p02{width: 20%;}
#product_m_list ul li .table04 table .p03{width: 20%;}
#product_m_list ul li .table04 table .p04{width: 20%;}



/* 上一页 */
.sx{color: #333;}
.sx span{color: #333; display: block;line-height: 3;}
/*翻页按钮*/
.list_page{text-align:center; display:flex;flex-wrap: nowrap;justify-content:center; padding:0 0 4% 0;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page a{color:#333;padding:12px 17px; display:block; background:#fff;margin: 0 0.1%;}
.list_page a:hover{color:#fff;padding:12px 17px; display:block; background:#000;}
.page_group ul .active a{background:#000; color:#fff;}
 }
 

/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
/************************************************************************ iPad 横 ********************************************************************************/
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 769px) and (max-width: 1025px) {
body {width:100%; height:100%; margin: 0px; font:lighter 16px Helvetica, \5fae\8f6f\96c5\9ed1, sans-serif; color:#919191; background:#222;_background-attachment:fixed;_background-image:url(about:blank); }
h1 {font-weight:lighter; font-size:24px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f24 {font-size:24px;}
.f28 {font-size:28px;}
.f30 {font-size:30px;}
.f48 {font-size:48px;}
.f64 {font-size:64px;}

/*底部菜单*/
#footer-menu {width:100%; background:#000; position:fixed; bottom:0; left:0; z-index:999999;}
#footer-menu ul {height:54px; line-height:54px;}
#footer-menu li {float:left; text-align:center; width:50%;}

/*顶部菜单*/
#head-block {width:100%; background:#000; position:fixed; top:0; left:0; z-index:99999999999999; transition: all 0.2s;}
#head-block .logo a {float:left; background:url(../images/logo_768.png) no-repeat; width:150px; height:81px; background-size:100%; display:block; margin:8px 0 6px 1%;}
#head-block .title {margin:11px 0 0 0; text-align:center; font-size:16px;}
#head-block .menu {float:right; margin:30px 3% 0 0;}
#head-block .menu a{font-size:36px;color: #fff;}

/*顶部菜单-弹出层*/
#head-block #showDiv { width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;}
#head-block #showDiv .content {position:absolute; right:0%; top:8%; color:#fff; width:40%;background-color: #222;}
#head-block #showDiv .close{position: absolute;right: 0;}
#head-block #showDiv .close a {float:left; cursor:pointer;width:50px; height:50px; display:block;color: #fff;font-size: 24px;text-align: center;line-height: 50px;font-family: Arial, Helvetica, sans-serif;}
#head-block #showDiv .close a:hover {transform: rotate(90deg);}
#head-block #showDiv .list {padding:0; overflow:hidden; margin:2px 0 0 0;}
#head-block #showDiv .list ul {margin: 0 auto;}
#head-block #showDiv .list li {text-align:center; margin:4vh 0;}
#head-block #showDiv .list li a{color: #fff;font-size: 16px;}
#head-block #showDiv .list .gsfont{text-transform: uppercase;}

/*顶部大图*/
#topbig {overflow:hidden; background:#1a1a1a;margin-top: 101px;}
#topbig .swiper-container {height:500px; overflow:hidden;} 
#topbig .swiper-slide {width:100%; overflow:hidden;}
#topbig .picA {background:url(../images/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .picB {background:url(../images/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .picC {background:url(../images/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .toppic-font {color:#fff; position:absolute; z-index:3; bottom:14%; left:7%;}
#topbig .toppic-font .txta {font-size:40px; padding-top:3%;font-weight: lighter;}
#topbig .toppic-font .txtd {font-size:54px; padding-top:3%;font-weight: lighter;}
#topbig .toppic-font .txtb {font-size:16px; padding-top:5%;line-height:180%;}
#topbig .toppic-font .txtc {font-size:36px; padding-top:3%;font-weight: lighter;}

/*左侧菜单*/
#left-block {padding:0 1.28%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:9;transition: all 0.2s; display:none;}
#left-block:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);}
#left-block .logo a {background:url(../images/logo.png) no-repeat; width:38px; height:55px; background-size:100%; display:block; margin:30px auto 0 auto;}
#left-block .menu {text-align:center; position:relative; top:10%;}
#left-block .menu li {margin:0 0 4vh 0;}
#left-block .menu-d {position:absolute; left:1.5vw; bottom:4vh; font-size:30px;}
#left-block .menu-d li {margin:3vh 0 0 0;}
#left-block .menu-d li a {color:#999;}
#left-block .menu-d li a:hover {color:#000;}
#left-block .menu-d .message {width:11px; height:11px; background:#0093dd; position:absolute; left:20px; border-radius:100px;}

/*左侧菜单-弹出层*/
#left-block #showDiv {background:url(../images/mask_bg.jpg); background-size:cover; width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;}
#left-block #showDiv .content {position:absolute; left:10%; top:20%; color:#000; width:80%;}
#left-block #showDiv .close a {float:left; cursor:pointer; background:url(../images/close.png) no-repeat; background-size:100%; width:50px; height:50px; display:block;}
#left-block #showDiv .close a:hover {transform: rotate(90deg);}
#left-block #showDiv .list {padding:0; overflow:hidden; margin:4px 0 0 0;}
#left-block #showDiv .list ul {float:left; margin-left:8vw;}
#left-block #showDiv .list li {text-align:left;}

/*中间导航*/
#body-menu {width:100%; overflow:hidden;}
#body-menu ul {width:102.6%;}
#body-menu li a {float:left; background:#fff; padding:1.6% 0; width:23.4%; margin:1.6% 1.6% 0 0; display:block; text-align:center;}
#body-menu li a:hover {background:#000; color:#fff;}
#body-menu img {width:100%; margin-top:1.6%;}

/*主要区块*/
#main-block {margin:0 1.6%;}
#main-block .line {margin:0% 0 3% ; text-align:center;box-sizing: border-box;padding-top: 13%;}
#main-block .line .t1{ font-weight: lighter;text-transform: uppercase;}
#main-block .line .t2{color: #fff;font-size: 36px;}
#main-block .line-s {margin:22px 0;}
#main-block .line-x {width:40px; height:2px; background:#999999; display:inline-block; margin:20px auto;}
#main-block .line-d {font-size: 18px;line-height: 2;;}
#main-block .more a {margin:4% auto 0 auto; width:18%; text-align:center; padding:1.2% 0; background:#000; color:#999999; display:block;}
#main-block .more a:hover {background:#0093dd; color:#fff;}

/*about  */
#about{margin:2%;box-sizing: border-box;}
#about .left{width: 100%;float: left;background: #fff; margin-top:1%;overflow:hidden;}
#environment {overflow:hidden;width:100%;}
#environment .swiper-container img {width:100%;vertical-align: middle;}
#environment .swiper-button-prev,#environment .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;}
#environment .swiper-button-prev:hover,#environment .swiper-button-next:hover{background:#0093dd; color:#fff; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;}
#environment:hover .swiper-button-prev,#environment:hover .swiper-button-next{display:block;}
#environment .t{line-height: 3;background-color: rgba(0, 0, 0, .5);color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;font-size: 24px;}
#about .right{width: 100%;float: right;padding:0 0% 0 0%;box-sizing: border-box;}
#about .right .con{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
#about .right .line{margin:0% 0%}
#about .right p{line-height: 2;text-indent: 30px;font-size: 24px;}

/* product */
#product{margin:0% 0 4% 0;box-sizing: border-box;}
#product ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
#product ul li{width: 49%;background: #111111;margin-bottom: 2%;position: relative;}
#product ul li .pic{width: 100%;text-align: right;overflow: hidden;position: relative; height: 100%}
#product ul li .pic img{width: 100%  }
#product ul li:nth-last-child(1) .pic img{position: absolute;right: -0}
#product ul li .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz.png) no-repeat center center; z-index: 2;}
#product ul li .item{position: absolute;top: 0%;left: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;}
#product ul li .item .wechat{width: 50%;margin-top: 5%;display: none;}
#product ul li .item .wechat img{width: 100%;}
#product ul li .item a.more{position: absolute;bottom: 7%;}
#product ul li .item a{color: #999;}
#product ul li:hover{background: #0093dd;}
#product ul li:hover .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz_h.png) no-repeat center center; z-index: 2;}
#product ul li:hover .item{color: #fff}
#product ul li:hover .item a{color: #fff}
#product ul li:hover img{transform: scale(1.05);overflow: hidden;}

/* news */
.news{box-sizing: border-box;background: url(../images/new_bg.jpg) no-repeat center center;}
.news .line{margin: 0 1.6% !important;}
.news .line .t2{color: #222 !important;}
#news{margin:0% 4%;box-sizing: border-box;}
#news ul{padding-bottom: 5%;}
#news ul li{width: 100%;margin-bottom: 2%;position: relative;border-bottom: 1px solid #999;padding-bottom: 1.5%;display:flex;flex-wrap: wrap;justify-content: space-between;}
#news ul li .item{width: 70%; box-sizing: border-box; float: left;display: block;}
#news ul li .pic{width: 20%;text-align: right;overflow: hidden;float: left;}
#news ul li .pic img{width: 100%;text-align: right;overflow: hidden;}
#news ul li .des{line-height: 2;}
#news ul li h3{line-height: 2;font-weight: normal;font-size: 24px;}
#news ul li span{line-height: 2;display: block;margin-bottom: 10px;font-size: 24px;}
#news ul li .date{position: relative;}
#news ul li .date a.more{width: 34px; height: 35px;background:url(../images/more.png);display: inline-block;}
#news ul li:hover .date a.more{width: 34px; height: 35px;background:url(../images/more_h.jpg);display: inline-block;} 
#news ul li:hover h3 a{color: #0093dd;}

/*预约联系*/
.contact{box-sizing: border-box;background: url(../images/con_bg.jpg) no-repeat center center; }
#contact {text-align:left; margin:0% 5%; box-sizing: border-box;}
#contact .con_list{width: 100%; float: left;padding-bottom: 3%;}
#contact dt{line-height: 2;font-size: 46px;}
#contact dd{line-height: 3;}
#contact dd span.iconfont{font-size: 19px;margin-right: 10px;}
#contact dd span.icon-dizhi{font-size: 36px;}
#contact dd span.icon-gongsiwangzhi{font-size: 36px;}
#contact dd span.icon-youxiang{font-size: 36px;}
#contact dd span.icon-dianhua01{font-size: 34px;}
#contact dd.f16{font-size: 30px;}
#contact .msg{width: 100%; float: left;text-align: center;padding-bottom: 5%;box-sizing: border-box;display: none;}
#contact .msg p{text-align: left;font-size: 30px;}
#contact .msg input{border: none;width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;border-color: none;box-sizing: border-box; color: #919191; font-size: 24px;}
#contact .msg textarea{width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;resize: none;color: #919191;font-size: 24px;}
#contact .msg .submit{display: inline-block;background: #0091ed;line-height: 2.5;color: #fff;border: none;width: 50%;border-radius:5px;margin: 20px auto 0;}
#contact .msg label{color: #919191;line-height: 3;text-align: left;width: 100%;display: block;font-size: 24px;}

/*底部*/
#copyright {text-align:center; padding:2% 0;border-top: 2px solid #000;}
#copyright .content {margin:0 4.7% ; color:#999;font-size: 20px;}
#copyright .content a {color:#999;line-height: 3;font-size: 20px;}
#copyright .content a:hover {color:#666;}



/*******************************************内页**********************************************/
#n-topnav {background:#fff; top:0; left:9.1%; right:4.5%; position:fixed; z-index:8; transition: all 0.2s; display:none;}
#n-topnav:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);}
#n-topnav ul {float:right; height:68px;}
#n-topnav li {float:left; margin:0 50px 0 0; line-height:66px;}
#n-topnav li a {display: block; border-bottom:0px #ffffff solid;}
#n-topnav li a:hover {border-bottom:2px #0093dd solid;}
#n-topnav .hover {border-bottom:2px #0093dd solid;}
#n-topnav .hover a:hover {border-bottom:0px;}
#n-topheight {margin:60px 0 0 0;}

#n-topnav2 {padding:4% 0 0 0; text-align:center;}
#n-topnav2 li {display:inline-block;  margin:0 0.5% 0.5% 0;}
#n-topnav2 li a {float:left; padding:0.5vw 1.2vw; background:#fff; color:#000; display:block;}
#n-topnav2 li a:hover {background:#000; color:#fff;}
#n-topnav2 .hover a {background:#000; color:#fff;}

/*关于锦溪*/
#about_m {padding:0 0 5% 0; text-align:center;}
#about_m .line{text-align: center;margin: 0 auto;}
#about_m .info { width: 90%;margin: 0 auto;text-align: left;}
#about_m .info p{margin-bottom: 20px;text-indent: 30px;line-height: 2;font-size: 16px;}
#about_m .s {margin:22px auto 15px auto; line-height:180%;}
#about_m .x {width:60px; height:2px; background:#0093dd; display:block; margin:auto;}
#about_m img {width:100%;}
#about_m ul{width: 90%;display: flex;justify-content: space-between; flex-wrap: wrap;margin: 0 auto;}
#about_m ul li{width: 49%;position: relative;cursor: pointer;margin-bottom: 2%;}
#about_m ul li .t{font-size: 16px;;line-height: 3;background-color: rgba(0, 0, 0, .5);color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;}
#about_m ul li:hover .t{line-height: 3;background-color: rgba(0, 147, 211, .9);color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;}

/* contact */
#contact_m {text-align:left; margin:0 ; box-sizing: border-box;}
#contact_m .line{text-align: center;margin: 0 auto;}
#contact_m .con_list{width: 50%; float: left;box-sizing: border-box;padding: 1% 8% 0 3%;}
#contact_m dt{line-height: 2;}
#contact_m dd{line-height: 3;}
#contact_m dd span.iconfont{font-size: 19px;margin-right: 10px;}
#contact_m dd span.icon-dizhi{font-size: 24px;}
#contact_m dd span.icon-gongsiwangzhi{font-size: 24px;}
#contact_m dd span.icon-youxiang{font-size: 24px;}
#contact_m dd span.icon-dianhua01{font-size: 22px;}
#contact_m .msg{width: 40%; float: right;text-align: center;padding-bottom: 5%;box-sizing: border-box;padding-right: 3%;}
#contact_m .msg p{text-align: left;}
#contact_m .msg input{border: none;width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;border-color: none;box-sizing: border-box; color: #919191;}
#contact_m .msg textarea{width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;resize: none;color: #919191;}
#contact_m .msg .submit{display: inline-block;background: #0091ed;line-height: 2.5;color: #fff;border: none;width: 50%;border-radius:5px;margin: 20px auto 0;}
#contact_m .msg label{color: #919191;line-height: 3;text-align: left;width: 100%;display: block;}
#contact_m .map{margin-bottom: 3%;}

/* news */
.news_m .line .t2{color: #222 !important;}
.news_m{box-sizing: border-box;background: url(../images/new_bg.jpg) no-repeat center center; background-size: 100% 100%;}
#news_m{margin:0% 4% 0% 4%;box-sizing: border-box;}
#news_m .line{text-align: center;margin: 0 auto;}
#news_m ul{padding-bottom: 5%;}
#news_m ul li{width: 100%;margin-bottom: 2%;position: relative;border-bottom: 1px solid #999;padding-bottom: 1.5%;display:flex;flex-wrap: wrap;justify-content: space-between;}
#news_m ul li .item{width: 70%; box-sizing: border-box; float: left;display: block;}
#news_m ul li .pic{width: 20%;text-align: right;overflow: hidden;float: left;}
#news_m ul li .pic img{width: 100%;text-align: right;overflow: hidden;}
#news_m ul li .des{line-height: 2;font-size: 18px;}
#news_m ul li h3{line-height: 2;font-weight: normal;font-size: 24px;}
#news_m ul li span{line-height: 1.5;display: block;margin-bottom: 10px;font-size: 28px;}
#news_m ul li .date{position: relative;}
#news_m ul li .date a.more{width: 34px; height: 35px;background:url(../images/more.png);display: inline-block;}
#news_m ul li:hover .date a.more{width: 34px; height: 35px;background:url(../images/more_h.jpg);display: inline-block;} 
#news_m ul li:hover h3 a{color: #0093dd;}
#news_m_show .info{margin:1% 0 2% 4% ;overflow: hidden;padding: 4%;padding-bottom: 2%;}
#news_m_show h1{font-size: 36px;color: #333;text-align: center;}
#news_m_show .s {margin: 22px auto 15px auto;text-align: center;}
#news_m_show .x {width: 60px;height: 2px;background: #0093dd;display: block;margin: auto;}
#news_m_show .t{min-height: 600px;}
#news_m_show p{color: #333;}

/* product */
.product_m{margin-top: 2% !important;}
#product_m{margin:0% 0 0 0%;box-sizing: border-box;}
#product_m ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
#product_m ul li{width: 49%;background: #111111;margin-bottom: 2%;position: relative;}
#product_m ul li .pic{width: 100%;text-align: right;overflow: hidden;position: relative; height: 100%}
#product_m ul li .pic img{width: 100%  }
#product_m ul li:nth-last-child(1) .pic img{position: absolute;right: -0}
#product_m ul li .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz.png) no-repeat center center; z-index: 2;}
#product_m ul li .item{position: absolute;top: 0%;left: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;}
#product_m ul li .item .wechat{width: 50%;margin-top: 5%;display: none;}
#product_m ul li .item .wechat img{width: 100%;}
#product_m ul li .item a.more{position: absolute;bottom: 7%;}
#product_m ul li .item a{color: #999;}
#product_m ul li:hover{background: #0093dd;}
#product_m ul li:hover .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz_h.png) no-repeat center center; z-index: 2;}
#product_m ul li:hover .item{color: #fff}
#product_m ul li:hover .item a{color: #fff}
#product_m ul li:hover img{transform: scale(1.05);overflow: hidden;}

.h{height: 0;width: 100%;display: block;}
#product_m_list{margin:0% 0 0 0%;box-sizing: border-box;}
#product_m_list ul{display:flex;flex-wrap: wrap;justify-content: flex-start;}
#product_m_list ul li{width: 100%;background: #000;margin-bottom: 1%;position: relative;}
#product_m_list ul .pc{display: block; }
#product_m_list ul .web{display: none; }
#product_m_list ul li .table table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul li .table table td,#product_m_list ul li .table table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul li .table table tr:first-child td{border-top: none;}
#product_m_list ul li .table table td{font-size: 15px;}
#product_m_list ul li .table table th{font-size: 16px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 3;box-sizing: border-box;border-bottom: none;}
#product_m_list ul li .table table img{width: 100%;}
#product_m_list ul li .table table .pic{width: 8%;}
#product_m_list ul li .table table .p01{width: 10%;}
#product_m_list ul li .table table .p02{width: 8%;}
#product_m_list ul li .table table .p03{width: 8%;}
#product_m_list ul li .table table .p04{width: 8%;}
#product_m_list ul li .table table .p05{width: 15%;}
#product_m_list ul li .table table .p06{width: 8%;}
#product_m_list ul li .table table .p07{width: 8%;}
#product_m_list ul li .table table .p08{width: 27%;}
#product_m_list ul li .table table .p08 img{width: 95%;}

#product_m_list ul li .table01 table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul li .table01 table td,#product_m_list ul li .table01 table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul li .table01 table tr:first-child td{border-top: none;}
#product_m_list ul li .table01 table td{font-size: 15px;}
#product_m_list ul li .table01 table th{font-size: 16px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 3;box-sizing: border-box;border-bottom: none;}
#product_m_list ul li .table01 table img{width: 100%;}
#product_m_list ul li .table01 table .p01{width: 20%;}
#product_m_list ul li .table01 table .p02{width: 20%;}
#product_m_list ul li .table01 table .p03{width: 20%;}
#product_m_list ul li .table01 table .p04{width: 30%;}

#product_m_list ul li .table02 table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul li .table02 table td,#product_m_list ul li .table02 table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul li .table02 table tr:first-child td{border-top: none;}
#product_m_list ul li .table02 table td{font-size: 15px;}
#product_m_list ul li .table02 table th{font-size: 16px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 3;box-sizing: border-box;border-bottom: none;}
#product_m_list ul li .table02 table img{width: 100%;}
#product_m_list ul li .table02 table .pic{width: 20%;}
#product_m_list ul li .table02 table .p01{width: 12%;}
#product_m_list ul li .table02 table .p02{width: 12%;}
#product_m_list ul li .table02 table .p03{width: 12%;}
#product_m_list ul li .table02 table .p04{width: 12%;}
#product_m_list ul li .table02 table .p05{width: 20%;}
#product_m_list ul li .table02 table .pp01{width: 10%;}
#product_m_list ul li .table02 table .pp02{width: 10%;}
#product_m_list ul li .table02 table .pp03{width: 10%;}
#product_m_list ul li .table02 table .pp04{width: 10%;}
#product_m_list ul li .table02 table .pp05{width: 10%;}
#product_m_list ul li .table02 table .pp06{width: 10%;}
#product_m_list ul li .table02 table .pp07{width: 20%;}


#product_m_list ul li .table04 table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul li .table04 table td,#product_m_list ul li .table04 table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul li .table04 table tr:first-child td{border-top: none;}
#product_m_list ul li .table04 table td{font-size: 15px;}
#product_m_list ul li .table04 table th{font-size: 16px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 3;box-sizing: border-box;border-bottom: none;}
#product_m_list ul li .table04 table img{width: 100%;}
#product_m_list ul li .table04 table .pic{width: 20%;}
#product_m_list ul li .table04 table .pic img{width: 50%;}
#product_m_list ul li .table04 table .p01{width: 20%;}
#product_m_list ul li .table04 table .p02{width: 20%;}
#product_m_list ul li .table04 table .p03{width: 20%;}
#product_m_list ul li .table04 table .p04{width: 20%;}



/* 上一页 */
.sx{color: #333;}
.sx span{color: #333; display: block;line-height: 3;}
/*翻页按钮*/
.list_page{text-align:center; display:flex;flex-wrap: nowrap;justify-content:center; padding:0 0 4% 0;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page a{color:#333;padding:12px 17px; display:block; background:#fff;margin: 0 0.1%;}
.list_page a:hover{color:#fff;padding:12px 17px; display:block; background:#000;}
.page_group ul .active a{background:#000; color:#fff;}
 
}

/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
/************************************************************************ iPad 竖 ********************************************************************************/
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 481px) and (max-width: 768px) {
body {width:100%; height:100%; margin: 0px; font:14px Helvetica, \5fae\8f6f\96c5\9ed1, sans-serif; color:#999; background:#222;_background-attachment:fixed;_background-image:url(about:blank); }
::-webkit-input-placeholder { /* Edge */
  color: #919191;font-size: 24px;position: absolute;left: 0;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #919191;font-size: 24px;position: absolute;left: 0;
}
::placeholder {
  color: #919191;font-size: 24px;position: absolute;left: 0;
}
h1 {font-size:24px;}

.f12 {font-size:10px;}
.f14 {font-size:12px;}
.f16 {font-size:14px;}
.f18 {font-size:16px;}
.f24 {font-size:18px;}
.f28 {font-size:22px;}
.f30 {font-size:24px;}
.f48 {font-size:42px;}
.f64 {font-size:34px;}


/*底部菜单*/
#footer-menu {width:100%; background:#000; position:fixed; bottom:0; left:0; z-index:999999;}
#footer-menu ul {height:45px; line-height:45px;}
#footer-menu li {float:left; text-align:center; width:50%;}

/*顶部菜单*/
#head-block {width:100%; background:#000; position:fixed; top:0; left:0; z-index:99999999999999; transition: all 0.2s;}
#head-block .logo a {float:left; background:url(../images/logo_768.png) no-repeat; width:150px; height:81px; background-size:100%; display:block; margin:8px 0 6px 1%;}
#head-block .title {margin:11px 0 0 0; text-align:center; font-size:16px;}
#head-block .menu {float:right; margin:30px 3% 0 0;}
#head-block .menu a{font-size:36px;color: #fff;}

/*顶部菜单-弹出层*/
#head-block #showDiv { width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;}
#head-block #showDiv .content {position:absolute; right:0%; top:9%; color:#fff; width:25%;background-color: #222;}
#head-block #showDiv .close{position: absolute;right: 0;}
#head-block #showDiv .close a {float:left; cursor:pointer;width:50px; height:50px; display:block;color: #fff;font-size: 24px;text-align: center;line-height: 50px;font-family: Arial, Helvetica, sans-serif;}
#head-block #showDiv .close a:hover {transform: rotate(90deg);}
#head-block #showDiv .list {padding:0; overflow:hidden; margin:2px 0 0 0;}
#head-block #showDiv .list ul {margin: 0 auto;}
#head-block #showDiv .list li {text-align:center; margin:4vh 0;}
#head-block #showDiv .list li a{color: #fff;}
#head-block #showDiv .list .gsfont{text-transform: uppercase;}

/*顶部大图*/
#topbig {overflow:hidden; background:#1a1a1a;margin-top: 90px;}
#topbig .swiper-container {height:400px; overflow:hidden;} 
#topbig .swiper-slide {width:100%; overflow:hidden;}
#topbig .picA {background:url(../images/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .picB {background:url(../images/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .picC {background:url(../images/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .toppic-font {color:#fff; position:absolute; z-index:3; bottom:14%; left:5%;}
#topbig .toppic-font .txta {font-size:40px; padding-top:3%;font-weight: lighter;}
#topbig .toppic-font .txtd {font-size:45px; padding-top:3%;font-weight: lighter;}
#topbig .toppic-font .txtb {font-size:16px; padding-top:5%;line-height:180%;}
#topbig .toppic-font .txtc {font-size:36px; padding-top:3%;font-weight: lighter;}

/*左侧菜单*/
#left-block {padding:0 1.28%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:9;transition: all 0.2s; display:none;}
#left-block:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);}
#left-block .logo a {background:url(../images/logo.png) no-repeat; width:38px; height:55px; background-size:100%; display:block; margin:30px auto 0 auto;}
#left-block .menu {text-align:center; position:relative; top:10%;}
#left-block .menu li {margin:0 0 4vh 0;}
#left-block .menu-d {position:absolute; left:1.5vw; bottom:4vh; font-size:30px;}
#left-block .menu-d li {margin:3vh 0 0 0;}
#left-block .menu-d li a {color:#999;}
#left-block .menu-d li a:hover {color:#000;}
#left-block .menu-d .message {width:11px; height:11px; background:#0093dd; position:absolute; left:20px; border-radius:100px;}

/*左侧菜单-弹出层*/
#left-block #showDiv {background:url(../images/mask_bg.jpg); background-size:cover; width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;}
#left-block #showDiv .content {position:absolute; left:10%; top:20%; color:#000; width:80%;}
#left-block #showDiv .close a {float:left; cursor:pointer; background:url(../images/close.png) no-repeat; background-size:100%; width:50px; height:50px; display:block;}
#left-block #showDiv .close a:hover {transform: rotate(90deg);}
#left-block #showDiv .list {padding:0; overflow:hidden; margin:4px 0 0 0;}
#left-block #showDiv .list ul {float:left; margin-left:8vw;}
#left-block #showDiv .list li {text-align:left;}

/*中间导航*/
#body-menu {width:100%; overflow:hidden;}
#body-menu ul {width:102.6%;}
#body-menu li a {float:left; background:#fff; padding:1.6% 0; width:23.4%; margin:1.6% 1.6% 0 0; display:block; text-align:center;}
#body-menu li a:hover {background:#000; color:#fff;}
#body-menu img {width:100%; margin-top:1.6%;}

/*主要区块*/
#main-block {margin:0 1.6%;}
#main-block .line {margin:0% 0 3% ; text-align:center;box-sizing: border-box;padding-top: 3%;}
#main-block .line .t1{ font-weight: lighter;text-transform: uppercase;}
#main-block .line .t2{color: #fff;font-size: 36px;}
#main-block .line-s {margin:22px 0;}
#main-block .line-x {width:40px; height:2px; background:#999999; display:inline-block; margin:20px auto;}
#main-block .line-d {font-size: 18px;line-height: 2;;}
#main-block .more a {margin:4% auto 0 auto; width:18%; text-align:center; padding:1.2% 0; background:#000; color:#999999; display:block;}
#main-block .more a:hover {background:#0093dd; color:#fff;}

/*about  */
#about{margin:2%;box-sizing: border-box;}
#about .left{width: 100%;float: left;background: #fff; margin-top:1%;overflow:hidden;}
#environment {overflow:hidden;width:100%;}
#environment .swiper-container img {width:100%;vertical-align: middle;}
#environment .swiper-button-prev,#environment .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;}
#environment .swiper-button-prev:hover,#environment .swiper-button-next:hover{background:#0093dd; color:#fff; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;}
#environment:hover .swiper-button-prev,#environment:hover .swiper-button-next{display:block;}
#environment .t{line-height: 3;background-color: rgba(0, 0, 0, .5);color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;font-size: 24px;}
#about .right{width: 100%;float: right;padding:0 0% 0 0%;box-sizing: border-box;}
#about .right .con{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
#about .right .line{margin:0% 0%}
#about .right p{line-height: 2;text-indent: 30px;font-size: 24px;}

/* product */
#product{margin:0% 0 4% 0;box-sizing: border-box;}
#product ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
#product ul li{width: 100%;background: #111;margin-bottom: 5%;position: relative;}
#product ul li:nth-child(even) .pic{width: 100%;text-align: left;overflow: hidden;position: relative; z-index: 1; background-color: #fff}
#product ul li:nth-child(even) .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz_r.png) no-repeat center top;  z-index: 2;}
#product ul li:nth-child(even) .item{position: absolute;top: 0%;right: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;text-align: right;}
#product ul li:nth-child(even) .item .catname_en{font-size: 16px;}
#product ul li:nth-child(even) .item .wechat{width: 50%;margin-top: 5%;position: absolute;right: 5%;}
#product ul li:nth-child(even) .item .wechat img{width: 100%;}
#product ul li:nth-child(even) .item a.more{right: 5%;}
#product ul li:nth-child(even) .item a{color: #999; }

#product ul li:nth-child(odd) .item{position: absolute;top: 0%;left: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;}

#product ul li .pic{width: 100%;text-align: right;overflow: hidden;position: relative; z-index: 1; }
#product ul li:nth-last-child(1) .pic img{position: relative;left:-150px}
#product ul li .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz.png) no-repeat center top;  z-index: 2;}
#product ul li .item{position: absolute;top: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;}
#product ul li .item .catname_en{font-size: 18px;line-height: 2;}
#product ul li .item .catname a{font-size: 30px;}
#product ul li .item .wechat{width: 50%;margin-top: 5%; display: none;}
#product ul li .item .wechat img{width: 100%;}
#product ul li .item a.more{position: absolute;bottom: 7%;font-size: 16px;}
#product ul li .item a{color: #999; font-size: 20px;}
#product ul li:hover{background: #0093dd;}
#product ul li:hover .item{color: #fff}
#product ul li:hover .item a{color: #fff}
#product ul li:hover img{transform: scale(1.05);overflow: hidden;}

/* news */
.news{box-sizing: border-box;background: url(../images/new_bg.jpg) no-repeat center center;}
.news .line{margin: 0 1.6% !important;}
.news .line .t2{color: #222 !important;}
#news{margin:0% 4%;box-sizing: border-box;}
#news ul{padding-bottom: 5%;}
#news ul li{width: 100%;margin-bottom: 2%;position: relative;border-bottom: 1px solid #999;padding-bottom: 1.5%;display:flex;flex-wrap: wrap;justify-content: space-between;}
#news ul li .item{width: 70%; box-sizing: border-box; float: left;display: block;}
#news ul li .pic{width: 20%;text-align: right;overflow: hidden;float: left;}
#news ul li .pic img{width: 100%;text-align: right;overflow: hidden;}
#news ul li .des{line-height: 2;}
#news ul li h3{line-height: 2;font-weight: normal;font-size: 24px;}
#news ul li span{line-height: 2;display: block;margin-bottom: 10px;font-size: 24px;}
#news ul li .date{position: relative;}
#news ul li .date a.more{width: 34px; height: 35px;background:url(../images/more.png);display: inline-block;}
#news ul li:hover .date a.more{width: 34px; height: 35px;background:url(../images/more_h.jpg);display: inline-block;} 
#news ul li:hover h3 a{color: #0093dd;}

/*预约联系*/
.contact{box-sizing: border-box;background: url(../images/con_bg.jpg) no-repeat center center; }
#contact {text-align:left; margin:0% 5%; box-sizing: border-box;}
#contact .con_list{width: 100%; float: left;padding-bottom: 3%;}
#contact dt{line-height: 2;font-size: 30px;}
#contact dd{line-height: 3;}
#contact dd span.iconfont{font-size: 19px;margin-right: 10px;}
#contact dd span.icon-dizhi{font-size: 36px;}
#contact dd span.icon-gongsiwangzhi{font-size: 36px;}
#contact dd span.icon-youxiang{font-size: 36px;}
#contact dd span.icon-dianhua01{font-size: 34px;}
#contact dd.f16{font-size:20px;}
#contact .msg{width: 100%; float: left;text-align: center;padding-bottom: 5%;box-sizing: border-box;display: none;}
#contact .msg p{text-align: left;font-size: 30px;}
#contact .msg input{border: none;width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;border-color: none;box-sizing: border-box; color: #919191; font-size: 24px;}
#contact .msg textarea{width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;resize: none;color: #919191;font-size: 24px;}
#contact .msg .submit{display: inline-block;background: #0091ed;line-height: 2.5;color: #fff;border: none;width: 50%;border-radius:5px;margin: 20px auto 0;}
#contact .msg label{color: #919191;line-height: 3;text-align: left;width: 100%;display: block;font-size: 24px;}

/*底部*/
#copyright {text-align:center; padding:2% 0;border-top: 2px solid #000;}
#copyright .content {margin:0 4.7% ; color:#999;font-size: 20px;}
#copyright .content a {color:#999;line-height: 3;font-size: 20px;}
#copyright .content a:hover {color:#666;}

/*******************************************内页**********************************************/
#n-topnav {background:#fff; top:0; left:9.1%; right:4.5%; position:fixed; z-index:8; transition: all 0.2s; display:none;}
#n-topnav:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);}
#n-topnav ul {float:right; height:68px;}
#n-topnav li {float:left; margin:0 50px 0 0; line-height:66px;}
#n-topnav li a {display: block; border-bottom:0px #ffffff solid;}
#n-topnav li a:hover {border-bottom:2px #0093dd solid;}
#n-topnav .hover {border-bottom:2px #0093dd solid;}
#n-topnav .hover a:hover {border-bottom:0px;}
#n-topheight {margin:50px 0 0 0;}

#n-topnav2 {padding:4% 0 0 0; text-align:center;}
#n-topnav2 li {display:inline-block;  margin:0 0.5% 0.5% 0;}
#n-topnav2 li a {float:left; padding:0.5vw 1.2vw; background:#fff; color:#000; display:block;}
#n-topnav2 li a:hover {background:#000; color:#fff;}
#n-topnav2 .hover a {background:#000; color:#fff;}


/*关于锦溪*/
#about_m {padding:15% 0 5% 0; text-align:center;}
#about_m .line{text-align: center;margin: 0 auto;}
#about_m .info { width: 95%;margin: 0 auto;text-align: left;}
#about_m .info p{margin-bottom: 20px;text-indent: 30px;line-height: 2;font-size: 18px;}
#about_m .s {margin:22px auto 15px auto; line-height:180%;}
#about_m .x {width:60px; height:2px; background:#0093dd; display:block; margin:auto;}
#about_m img {width:100%;}
#about_m ul{width: 90%;display: flex;justify-content: space-between; flex-wrap: wrap;margin: 0 auto;}
#about_m ul li{width: 49%;position: relative;cursor: pointer;margin-bottom: 2%;}
#about_m ul li .t{line-height: 3;background-color: rgba(0, 0, 0, .5);color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;font-size: 18px;}
#about_m ul li:hover .t{line-height: 3;background-color: rgba(0, 147, 211, .9);color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;}

/* contact */
#contact_m {text-align:left; margin:0 8%; box-sizing: border-box;padding:15% 0 5% 0; }
#contact_m .line{text-align: center;margin: 0 auto;}
#contact_m .con_list{width: 100%; float: left;box-sizing: border-box;padding: 1% 0 0;}
#contact_m dt{line-height: 2;}
#contact_m dd{line-height: 3;}
#contact_m dd span.iconfont{margin-right: 10px;}
#contact_m dd span.icon-dizhi{font-size: 30px;}
#contact_m dd span.icon-gongsiwangzhi{font-size: 30px;}
#contact_m dd span.icon-youxiang{font-size: 30px;}
#contact_m dd span.icon-dianhua01{font-size: 28px;}
#contact_m .msg{width: 40%; float: left;text-align: center;padding-bottom: 5%;box-sizing: border-box;display: none;}
#contact_m .msg p{text-align: left;}
#contact_m .msg input{border: none;width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;border-color: none;box-sizing: border-box; color: #919191;}
#contact_m .msg textarea{width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;resize: none;color: #919191;}
#contact_m .msg .submit{display: inline-block;background: #0091ed;line-height: 2.5;color: #fff;border: none;width: 50%;border-radius:5px;margin: 20px auto 0;}
#contact_m .msg label{color: #919191;line-height: 3;text-align: left;width: 100%;display: block;}
#contact_m .map{margin-bottom: 3%;}

/* news */
.news_m .line .t2{color: #222 !important;}
.news_m{box-sizing: border-box;background: url(../images/new_bg.jpg) no-repeat center center; background-size: 100% 100%; padding:15% 0 5% 0;}
#news_m{margin:0% 4% 0% 4%;box-sizing: border-box;}
#news_m .line{text-align: center;margin: 0 auto;}
#news_m ul{padding-bottom: 5%;}
#news_m ul li{width: 100%;margin-bottom: 2%;position: relative;border-bottom: 1px solid #999;padding-bottom: 1.5%;display:flex;flex-wrap: wrap;justify-content: space-between;}
#news_m ul li .item{width: 70%; box-sizing: border-box; float: left;display: block;}
#news_m ul li .pic{width: 20%;text-align: right;overflow: hidden;float: left;}
#news_m ul li .pic img{width: 100%;text-align: right;overflow: hidden;}
#news_m ul li .des{line-height: 2;}
#news_m ul li h3{line-height: 2;font-weight: normal;}
#news_m ul li span{line-height: 1.5;display: block;margin-bottom: 10px;}
#news_m ul li .date{position: relative;}
#news_m ul li .date a.more{width: 34px; height: 35px;background:url(../images/more.png);display: inline-block;}
#news_m ul li:hover .date a.more{width: 34px; height: 35px;background:url(../images/more_h.jpg);display: inline-block;} 
#news_m ul li:hover h3 a{color: #0093dd;}
#news_m_show .info{margin:1% 0 2% 4% ;overflow: hidden;padding: 4%;padding-bottom: 2%;}
#news_m_show h1{font-size: 36px;color: #333;text-align: center;}
#news_m_show .s {margin: 22px auto 15px auto;text-align: center;}
#news_m_show .x {width: 60px;height: 2px;background: #0093dd;display: block;margin: auto;}
#news_m_show .t{min-height: 600px;}
#news_m_show p{color: #333;}


/* product */
.product_m{margin-top: 2% !important;}
#product_m ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
#product_m ul li{width: 100%;background: #000;margin-bottom: 5%;position: relative;}
#product_m ul li:nth-child(even) .pic{width: 100%;text-align: left;overflow: hidden;position: relative; z-index: 1;background: #fff}
#product_m ul li:nth-child(even) .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz_r.png) no-repeat right top; background-size: 100% 100%; z-index: 2;}
#product_m ul li:nth-child(even) .item{position: absolute;top: 0%;right: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;text-align: right;}
#product_m ul li:nth-child(even) .item .catname_en{font-size: 16px;}
#product_m ul li:nth-child(even) .item .wechat{width: 50%;margin-top: 5%;position: absolute;right: 5%;}
#product_m ul li:nth-child(even) .item .wechat img{width: 100%;}
#product_m ul li:nth-child(even) .item a.more{right: 5%;}
#product_m ul li:nth-child(even) .item a{color: #999; }

#product_m ul li:nth-child(odd) .item{position: absolute;top: 0%;left: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;}
#product_m ul li:nth-child(odd) .pic{text-align: right;}
#product_m ul li .pic{width: 100%;text-align: right;overflow: hidden;position: relative; z-index: 1; }
#product_m ul li:nth-last-child(1) .pic img{position: relative;left:-150px}
#product_m ul li .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz.png) no-repeat left top; background-size: 100% 100%; z-index: 2;}
#product_m ul li .pic img{width: 75%;}
#product_m ul li .item{position: absolute;top: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;}
#product_m ul li .item .catname_en{font-size: 16px;}
#product_m ul li .item .wechat{width: 50%;margin-top: 5%;display: none;}
#product_m ul li .item .wechat img{width: 100%;}
#product_m ul li .item a.more{position: absolute;bottom: 7%;font-size: 16px;}
#product_m ul li .item a{color: #999; font-size: 26px;}


.h{height: 90px;width: 100%;display: block;}
#product_m_list{margin:0% 0 0 0%;box-sizing: border-box;}
#product_m_list ul{display:flex;flex-wrap: wrap;justify-content: flex-start;}
#product_m_list ul li{width: 100%;background: #000;margin-bottom: 2%;position: relative;}
#product_m_list ul .table table{width: 100%; border-collapse: collapse;color: #333;background: #fcfcfc;}
#product_m_list ul .pc{display: none;}
#product_m_list ul .web{display: block; }


#product_m_list ul .web .table table .t01{border: 1px solid #dedede;line-height: 2;text-align: center; background: #0093dd;color: #fff;font-weight: bold;}
#product_m_list ul .web .table table td{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul .web .table table tr:first-child td{border-top: none;}
#product_m_list ul .web .table table td{font-size: 12px;}
#product_m_list ul .web .table table img{width: 100%;}

#product_m_list ul .web .table table .p01{width: 25%;}
#product_m_list ul .web .table table .p02{width: 15%;}
#product_m_list ul .web .table table .p03{width: 15%;}
#product_m_list ul .web .table table .p04{width: 15%;}
#product_m_list ul .web .table table .p05{width: 30%;}
#product_m_list ul .web .table table .p06{display: none;}
#product_m_list ul .web .table table .p07{display: none;}

#product_m_list ul .table01 table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul .table01 table td,#product_m_list ul .table01 table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul .table01 table tr:first-child td{border-top: none;}
#product_m_list ul .table01 table td{font-size: 12px;}
#product_m_list ul .table01 table th{font-size: 12px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 2;box-sizing: border-box;border-bottom: none;}
#product_m_list ul .table01 table img{width: 100%;}
#product_m_list ul .table01 table .pic{width: 20%;}
#product_m_list ul .table01 table .p01{width: 15%;}
#product_m_list ul .table01 table .p02{width: 15%;}
#product_m_list ul .table01 table .p03{width: 15%;}

#product_m_list ul  .table02 table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul  .table02 table td,#product_m_list ul .table02 table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul  .table02 table tr:first-child td{border-top: none;}
#product_m_list ul  .table02 table td{font-size: 12px;}
#product_m_list ul  .table02 table th{font-size: 12px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 2;box-sizing: border-box;border-bottom: none;}
#product_m_list ul  .table02 table img{width: 100%;}
#product_m_list ul  .table02 table .p01{width: 25%;}
#product_m_list ul  .table02 table .p02{width: 25%;}
#product_m_list ul  .table02 table .p03{width: 25%;}
#product_m_list ul  .table02 table .p04{width: 25%;}

#product_m_list ul  .table04 table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul  .table04 table td,#product_m_list ul .table04 table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul  .table04 table tr:first-child td{border-top: none;}
#product_m_list ul  .table04 table td{font-size: 12px;}
#product_m_list ul  .table04 table th{font-size: 12px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 2;box-sizing: border-box;border-bottom: none;}
#product_m_list ul  .table04 table img{width: 100%;}
#product_m_list ul  .table04 table .p01{width: 25%;}
#product_m_list ul  .table04 table .p02{width: 25%;}
#product_m_list ul  .table04 table .p03{width: 25%;}
#product_m_list ul  .table04 table .p04{width: 25%;}


/* 上一页 */
.sx{color: #333;}
.sx span{color: #333; display: block;line-height: 3;}
/*翻页按钮*/
.list_page{text-align:center; display:flex;flex-wrap: nowrap;justify-content:center; padding:0 0 4% 0;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page a{color:#333;padding:12px 17px; display:block; background:#fff;margin: 0 0.1%;}
.list_page a:hover{color:#fff;padding:12px 17px; display:block; background:#000;}
.page_group ul .active a{background:#000; color:#fff;}
 }
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
/*************************************************************************** 手机 ********************************************************************************/
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 1px) and (max-width: 480px) {
body {width:100%; height:100%; margin: 0px; font:3vw Helvetica, \5fae\8f6f\96c5\9ed1, sans-serif; color:#919191; background:#222;_background-attachment:fixed;_background-image:url(about:blank); }
h1 {font-size:16px;}
.f12 {font-size:3vw;}
.f14 {font-size:3vw;}
.f16 {font-size:14px;}
.f18 {font-size:14px;}
.f24 {font-size:16px;}
.f28 {font-size:16px;}
.f48 {font-size:24px;}
.f64 {font-size:34px;}
.img {transition: 0.3s all;overflow: hidden;}
.img:hover {transform: scale(1);overflow: hidden;}

/*底部菜单*/
#footer-menu {width:100%; background:#000; position:fixed; bottom:0; left:0; z-index:999999;}
#footer-menu ul {height:42px; line-height:42px;}
#footer-menu li {float:left; text-align:center; width:50%;}

/*顶部菜单*/
#head-block {width:100%; background:#000; position:fixed; top:0; left:0; z-index:99999999999999; transition: all 0.2s;}
#head-block .logo a {float:left; background:url(../images/logo_768.png) no-repeat; width:110px; height:59px; background-size:100%; display:block; margin:5px 1%;}
#head-block .title {margin:11px 0 0 0; text-align:center; font-size:16px;}
#head-block .menu {float:right; margin:18px 3% 0 0;}
#head-block .menu a{font-size:32px;color: #fff;}

/*顶部菜单-弹出层*/
#head-block #showDiv { width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;}
#head-block #showDiv .content {position:absolute; right:0%; top:8%; color:#fff; width:40%;background-color: #222;}
#head-block #showDiv .close{position: absolute;right: 0;}
#head-block #showDiv .close a {float:left; cursor:pointer;width:50px; height:50px; display:block;color: #fff;font-size: 24px;text-align: center;line-height: 50px;font-family: Arial, Helvetica, sans-serif;}
#head-block #showDiv .close a:hover {transform: rotate(90deg);}
#head-block #showDiv .list {padding:0; overflow:hidden; margin:2px 0 0 0;}
#head-block #showDiv .list ul {margin: 0 auto;}
#head-block #showDiv .list li {text-align:center; margin:4vh 0;}
#head-block #showDiv .list li a{color: #fff;font-size: 14px;}
#head-block #showDiv .list .gsfont{text-transform: uppercase;}

/*顶部大图*/
#topbig {overflow:hidden; background:#1a1a1a;margin-top: 65px;}
#topbig .swiper-container {height:200px; overflow:hidden;} 
#topbig .swiper-slide {width:100%; overflow:hidden;}
#topbig .picA {background:url(../images/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .picB {background:url(../images/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .picC {background:url(../images/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .toppic-font {color:#fff; position:absolute; z-index:3; bottom:20%; left:8%;}
#topbig .toppic-font .txta {font-size:22px; padding-top:3%;font-weight: lighter;}
#topbig .toppic-font .txtd {font-size:24px; padding-top:3%;font-weight: lighter;}
#topbig .toppic-font .txtb {font-size:16px; padding-top:5%;line-height:180%;}
#topbig .toppic-font .txtc {font-size:16px; padding-top:3%;font-weight: lighter;}

/*左侧菜单*/
#left-block {padding:0 1.28%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:9;transition: all 0.2s; display:none;}
#left-block:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);}
#left-block .logo a {background:url(../images/logo.png) no-repeat; width:38px; height:55px; background-size:100%; display:block; margin:30px auto 0 auto;}
#left-block .menu {text-align:center; position:relative; top:10%;}
#left-block .menu li {margin:0 0 4vh 0;}
#left-block .menu-d {position:absolute; left:1.5vw; bottom:4vh; font-size:30px;}
#left-block .menu-d li {margin:3vh 0 0 0;}
#left-block .menu-d li a {color:#999;}
#left-block .menu-d li a:hover {color:#000;}
#left-block .menu-d .message {width:11px; height:11px; background:#0093dd; position:absolute; left:20px; border-radius:100px;}

/*左侧菜单-弹出层*/
#left-block #showDiv {background:url(../images/mask_bg.jpg); background-size:cover; width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;}
#left-block #showDiv .content {position:absolute; left:10%; top:20%; color:#000; width:80%;}
#left-block #showDiv .close a {float:left; cursor:pointer; background:url(../images/close.png) no-repeat; background-size:100%; width:50px; height:50px; display:block;}
#left-block #showDiv .close a:hover {transform: rotate(90deg);}
#left-block #showDiv .list {padding:0; overflow:hidden; margin:4px 0 0 0;}
#left-block #showDiv .list ul {float:left; margin-left:8vw;}
#left-block #showDiv .list li {text-align:left;}

/*中间导航*/
#body-menu {width:100%; overflow:hidden;}
#body-menu ul {width:102.6%;}
#body-menu li a {float:left; background:#fff; padding:2.4% 0; width:23.4%; margin:1.6% 1.6% 0 0; display:block; text-align:center;}
#body-menu li a:hover {background:#000; color:#fff;}
#body-menu img {width:100%; margin-top:1.6%;}

/*主要区块*/
#main-block {margin:0 1.6%;}
#main-block .line {margin:0% 0 3% ; text-align:center;box-sizing: border-box;padding-top: 8%;}
#main-block .line .t1{ font-weight: lighter;text-transform: uppercase;}
#main-block .line .t2{color: #fff;font-size: 24px;}
#main-block .line-s {margin:22px 0;}
#main-block .line-x {width:40px; height:2px; background:#999999; display:inline-block; margin:15px auto 10px;}
#main-block .line-d {font-size: 14px;line-height: 2;;}
#main-block .more a {margin:4% auto 0 auto; width:18%; text-align:center; padding:1.2% 0; background:#000; color:#999999; display:block;}
#main-block .more a:hover {background:#0093dd; color:#fff;}

/*about  */
#about{margin:2%;box-sizing: border-box;}
#about .left{width: 100%;float: left;background: #fff; margin-top:1%;overflow:hidden;}
#environment {overflow:hidden;width:100%;}
#environment .swiper-container img {width:100%;vertical-align: middle;}
#environment .swiper-button-prev,#environment .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;}
#environment .swiper-button-prev:hover,#environment .swiper-button-next:hover{background:#0093dd; color:#fff; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;}
#environment:hover .swiper-button-prev,#environment:hover .swiper-button-next{display:block;}
#environment .t{line-height: 3;background-color: rgba(0, 0, 0, .5);color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;font-size: 18px;}
#about .right{width: 100%;float: right;padding:0 0% 0 0%;box-sizing: border-box;}
#about .right .con{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
#about .right .line{margin:0% 0%}
#about .right p{line-height: 2;text-indent: 30px;font-size: 14px;}

/* product */
#product{margin:0% 0 4% 0;box-sizing: border-box;}
#product ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
#product ul li{width: 100%;background: #000;margin-bottom: 5%;position: relative;}
#product ul li:nth-child(even) .pic{width: 100%;text-align: left;overflow: hidden;position: relative; z-index: 1;background-color: #fff}
#product ul li:nth-child(even) .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz_r.png) no-repeat right top; background-size: 100% 100%; z-index: 2;}
#product ul li:nth-child(even) .item{position: absolute;top: 0%;right: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;text-align: right;}
#product ul li:nth-child(even) .item .catname_en{font-size: 16px;}
#product ul li:nth-child(even) .item .wechat{width: 50%;margin-top: 5%;position: absolute;right: 5%;}
#product ul li:nth-child(even) .item .wechat img{width: 100%;}
#product ul li:nth-child(even) .item a.more{right: 5%;}
#product ul li:nth-child(even) .item a{color: #999; }

#product ul li:nth-child(odd) .item{position: absolute;top: 0%;left: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;}
#product ul li:nth-child(odd) .pic{text-align: right;}
#product ul li .pic{width: 100%;text-align: right;overflow: hidden;position: relative; z-index: 1; }
#product ul li:nth-last-child(1) .pic img{position: relative;left:-80px}
#product ul li .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz.png) no-repeat left top; background-size: 100% 100%; z-index: 2;}
#product ul li .pic img{width: 75%;}
#product ul li .item{position: absolute;top: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;}
#product ul li .item .catname_en{font-size: 16px;}
#product ul li .item .wechat{width: 50%;margin-top: 5%;display: none;}
#product ul li .item .wechat img{width: 100%;}
#product ul li .item a.more{position: absolute;bottom: 7%;font-size: 16px;}
#product ul li .item a{color: #999; font-size: 20px;}

/* news */
.news{box-sizing: border-box;background: url(../images/new_bg.jpg) no-repeat center center;}
.news .line{margin: 0 1.6% !important;}
.news .line .t2{color: #222 !important;}
#news{margin:0% 4%;box-sizing: border-box;}
#news ul{padding-bottom: 5%;}
#news ul li{width: 100%;margin-bottom: 2%;position: relative;border-bottom: 1px solid #999;padding-bottom: 1.5%;display:flex;flex-wrap: wrap;justify-content: space-between;}
#news ul li .item{width: 80%; box-sizing: border-box; float: left;display: block;}
#news ul li .pic{width: 20%;text-align: right;overflow: hidden;float: left;display: none;}
#news ul li .pic img{width: 100%;text-align: right;overflow: hidden;}
#news ul li .des{line-height: 2;}
#news ul li h3{line-height: 2;font-weight: normal;font-size: 18px;}
#news ul li span{line-height: 2;display: block;margin-bottom: 10px;font-size: 18px;}
#news ul li .date{position: relative;width: 20%;}
#news ul li .date a.more{width: 34px; height: 35px;background:url(../images/more.png);display: inline-block;}
#news ul li:hover .date a.more{width: 34px; height: 35px;background:url(../images/more_h.jpg);display: inline-block;} 
#news ul li:hover h3 a{color: #0093dd;}

/*预约联系*/
.contact{box-sizing: border-box;background: url(../images/con_bg.jpg) no-repeat center center; }
#contact {text-align:left; margin:0% 5%; box-sizing: border-box;}
#contact .con_list{width: 100%; float: left;padding-bottom: 3%;}
#contact dt{line-height: 2;font-size: 24px;}
#contact dd{line-height: 3;}
#contact dd span.iconfont{font-size: 19px;margin-right: 10px;}
#contact dd span.icon-dizhi{font-size: 24px;}
#contact dd span.icon-gongsiwangzhi{font-size: 24px;}
#contact dd span.icon-youxiang{font-size: 24px;}
#contact dd span.icon-dianhua01{font-size: 22px;}
#contact dd.f16{font-size: 16px;}
#contact .msg{width: 100%; float: left;text-align: center;padding-bottom: 5%;box-sizing: border-box;display: none;}
#contact .msg p{text-align: left;font-size: 16px;}
#contact .msg input{border: none;width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;border-color: none;box-sizing: border-box; color: #919191; font-size: 18px;}
#contact .msg textarea{width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;resize: none;color: #919191;font-size: 18px;}
#contact .msg .submit{display: inline-block;background: #0091ed;line-height: 2.5;color: #fff;border: none;width: 50%;border-radius:5px;margin: 20px auto 0;}
#contact .msg label{color: #919191;line-height: 3;text-align: left;width: 100%;display: block;font-size: 18px;}

/*底部*/
#copyright {text-align:center; padding:2% 0;border-top: 2px solid #000;}
#copyright .content {margin:0 4.7% ; color:#999;font-size: 14px;line-height: 2;}
#copyright .content a {color:#999;line-height: 2;font-size: 14px;}
#copyright .content a:hover {color:#666;}



/*******************************************内页**********************************************/
#n-topnav {background:#fff; top:0; left:9.1%; right:4.5%; position:fixed; z-index:8; transition: all 0.2s; display:none;}
#n-topnav:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);}
#n-topnav ul {float:right; height:68px;}
#n-topnav li {float:left; margin:0 50px 0 0; line-height:66px;}
#n-topnav li a {display: block; border-bottom:0px #ffffff solid;}
#n-topnav li a:hover {border-bottom:2px #0093dd solid;}
#n-topnav .hover {border-bottom:2px #0093dd solid;}
#n-topnav .hover a:hover {border-bottom:0px;}
#n-topheight {margin:35px 0 0 0;}

#n-topnav2 {padding:4% 0 0 0; text-align:center; font-size:3vw;}
#n-topnav2 li {display:inline-block;  margin:0 0.5% 0.5% 0;}
#n-topnav2 li a {float:left; padding:1vw 1.2vw; background:#fff; color:#000; display:block;}
#n-topnav2 li a:hover {background:#000; color:#fff;}
#n-topnav2 .hover a {background:#000; color:#fff;}

/*关于锦溪*/
#about_m {padding:0 0 5% 0; text-align:center;}
#about_m .line{text-align: center;margin: 0 auto;}
#about_m .info { width: 90%;margin: 0 auto;text-align: left;}
#about_m .info p{margin-bottom: 20px;text-indent: 30px;line-height: 2;font-size: 16px;}
#about_m .s {margin:10px auto 15px auto; line-height:180%;}
#about_m .x {width:60px; height:2px; background:#0093dd; display:block; margin:auto;}
#about_m img {width:100%;}
#about_m ul{width: 90%;display: flex;justify-content: space-between; flex-wrap: wrap;margin: 0 auto;}
#about_m ul li{width: 100%;position: relative;cursor: pointer;margin-bottom: 2%;}
#about_m ul li .t{line-height: 3;background-color: rgba(0, 0, 0, .5);color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;}
#about_m ul li:hover .t{line-height: 3;background-color: rgba(0, 147, 211, .9);color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;}

/* contact */
#contact_m {text-align:left; box-sizing: border-box;}
#contact_m .line{text-align: center;margin: 0 auto;}
#contact_m .con_list{width: 100%; box-sizing: border-box;padding: 1% 0% 0 5%; }
#contact_m dt{line-height: 2;}
#contact_m dd{line-height: 3;}
#contact_m dd span.iconfont{font-size: 19px;margin-right: 10px;}
#contact_m dd span.icon-dizhi{font-size: 24px;}
#contact_m dd span.icon-gongsiwangzhi{font-size: 24px;}
#contact_m dd span.icon-youxiang{font-size: 24px;}
#contact_m dd span.icon-dianhua01{font-size: 22px;}
#contact_m .msg{width: 40%; float: left;text-align: center;padding-bottom: 5%;box-sizing: border-box; display: none;}
#contact_m .msg p{text-align: left;}
#contact_m .msg input{border: none;width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;border-color: none;box-sizing: border-box; color: #919191;}
#contact_m .msg textarea{width: 100%;background: no-repeat;border-bottom: 1px solid #919191;line-height: 3;margin-bottom: 2%;resize: none;color: #919191;}
#contact_m .msg .submit{display: inline-block;background: #0091ed;line-height: 2.5;color: #fff;border: none;width: 50%;border-radius:5px;margin: 20px auto 0;}
#contact_m .msg label{color: #919191;line-height: 3;text-align: left;width: 100%;display: block;}
#contact_m .map{margin-bottom: 3%;}

/* news */
.news_m .line .t2{color: #222 !important;}
.news_m{box-sizing: border-box;background: url(../images/new_bg.jpg) no-repeat center center;background-size: 100% 100%;}
#news_m{margin:0% 4% 0% 4%;box-sizing: border-box;}
#news_m .line{text-align: center;margin: 0 auto;}
#news_m ul{padding-bottom: 5%;}
#news_m ul li{width: 100%;margin-bottom: 2%;position: relative;border-bottom: 1px solid #999;padding-bottom: 1.5%;display:flex;flex-wrap: wrap;justify-content: space-between;}
#news_m ul li .item{width: 80%; box-sizing: border-box; float: left;display: block;}
#news_m ul li .pic{width: 20%;text-align: right;overflow: hidden;float: left;display: none;}
#news_m ul li .pic img{width: 100%;text-align: right;overflow: hidden;}
#news_m ul li .des{line-height: 2;}
#news_m ul li h3{line-height: 2;font-weight: normal;}
#news_m ul li span{line-height: 1.5;display: block;margin-bottom: 10px;}
#news_m ul li .date{position: relative;}
#news_m ul li .date a.more{width: 34px; height: 35px;background:url(../images/more.png);display: inline-block;}
#news_m ul li:hover .date a.more{width: 34px; height: 35px;background:url(../images/more_h.jpg);display: inline-block;} 
#news_m ul li:hover h3 a{color: #0093dd;}
#news_m_show .info{margin:1% 0 2% 4% ;overflow: hidden;padding: 4%;padding-bottom: 2%;}
#news_m_show h1{font-size: 18px;color: #333;text-align: center;}
#news_m_show .s {margin: 22px auto 15px auto;text-align: center;}
#news_m_show .x {width: 60px;height: 2px;background: #0093dd;display: block;margin: auto;}
#news_m_show .t{min-height: 600px;}
#news_m_show p{color: #333;}

/* product */
.product_m{margin-top: 2% !important;}
#product_m ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
#product_m ul li{width: 100%;background: #000;margin-bottom: 5%;position: relative;}
#product_m ul li:nth-child(even) .pic{width: 100%;text-align: left;overflow: hidden;position: relative; z-index: 1; background-color: #fff}
#product_m ul li:nth-child(even) .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz_r.png) no-repeat right top; background-size: 100% 100%; z-index: 2;}
#product_m ul li:nth-child(even) .item{position: absolute;top: 0%;right: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;text-align: right;}
#product_m ul li:nth-child(even) .item .catname_en{font-size: 16px;}
#product_m ul li:nth-child(even) .item .wechat{width: 50%;margin-top: 5%;position: absolute;right: 5%;}
#product_m ul li:nth-child(even) .item .wechat img{width: 100%;}
#product_m ul li:nth-child(even) .item a.more{right: 5%;}
#product_m ul li:nth-child(even) .item a{color: #999; }

#product_m ul li:nth-child(odd) .item{position: absolute;top: 0%;left: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;}
#product_m ul li:nth-child(odd) .pic{text-align: right;}
#product_m ul li .pic{width: 100%;text-align: right;overflow: hidden;position: relative; z-index: 1; }
#product_m ul li:nth-last-child(1) .pic img{position: relative;left:-80px}
#product_m ul li .pic::before{content: '';width: 100%; height: 100%;position: absolute;left: 0;top: 0;background:url(../images/zz.png) no-repeat left top; background-size: 100% 100%; z-index: 2;}
#product_m ul li .pic img{width: 75%;}
#product_m ul li .item{position: absolute;top: 0%;width: 50%;height: 100%;box-sizing: border-box;padding:3%;color: #919191; z-index: 3;}
#product_m ul li .item .catname_en{font-size: 16px;}
#product_m ul li .item .wechat{width: 50%;margin-top: 5%;display: none;}
#product_m ul li .item .wechat img{width: 100%;}
#product_m ul li .item a.more{position: absolute;bottom: 7%;font-size: 16px;}
#product_m ul li .item a{color: #999; font-size: 20px;}



.h{height: 70px;width: 100%;display: block;}

#product_m_list{margin:0% 0 0 0%;box-sizing: border-box;}
#product_m_list ul{display:flex;flex-wrap: wrap;justify-content: flex-start;}
#product_m_list ul li{width: 100%;background: #000;margin-bottom: 2%;position: relative;}
#product_m_list ul .table table{width: 100%; border-collapse: collapse;color: #333;background: #fcfcfc;}
#product_m_list ul .pc{display: none;}
#product_m_list ul .web{display: block; }


#product_m_list ul .web .table table .t01{border: 1px solid #dedede;line-height: 2;text-align: center; background: #0093dd;color: #fff;font-weight: bold;}
#product_m_list ul .web .table table td{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul .web .table table tr:first-child td{border-top: none;}
#product_m_list ul .web .table table td{font-size: 12px;}
#product_m_list ul .web .table table img{width: 100%;}

#product_m_list ul .web .table table .p01{width: 25%;}
#product_m_list ul .web .table table .p02{width: 15%;}
#product_m_list ul .web .table table .p03{width: 15%;}
#product_m_list ul .web .table table .p04{width: 15%;}
#product_m_list ul .web .table table .p05{width: 30%;}
#product_m_list ul .web .table table .p06{display: none;}
#product_m_list ul .web .table table .p07{display: none;}

#product_m_list ul .table01 table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul .table01 table td,#product_m_list ul .table01 table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul .table01 table tr:first-child td{border-top: none;}
#product_m_list ul .table01 table td{font-size: 12px;}
#product_m_list ul .table01 table th{font-size: 12px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 2;box-sizing: border-box;border-bottom: none;}
#product_m_list ul .table01 table img{width: 100%;}
#product_m_list ul .table01 table .pic{width: 20%;}
#product_m_list ul .table01 table .p01{width: 15%;}
#product_m_list ul .table01 table .p02{width: 15%;}
#product_m_list ul .table01 table .p03{width: 15%;}

#product_m_list ul  .table02 table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul  .table02 table td,#product_m_list ul .table02 table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul  .table02 table tr:first-child td{border-top: none;}
#product_m_list ul  .table02 table td{font-size: 12px;}
#product_m_list ul  .table02 table th{font-size: 12px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 2;box-sizing: border-box;border-bottom: none;}
#product_m_list ul  .table02 table img{width: 100%;}
#product_m_list ul  .table02 table .p01{width: 25%;}
#product_m_list ul  .table02 table .p02{width: 25%;}
#product_m_list ul  .table02 table .p03{width: 25%;}
#product_m_list ul  .table02 table .p04{width: 25%;}

#product_m_list ul  .table04 table{width: 100%; border-collapse: collapse;color: #333;background: #fff;}
#product_m_list ul  .table04 table td,#product_m_list ul .table04 table th{border: 1px solid #dedede;line-height: 2;text-align: center;}
#product_m_list ul  .table04 table tr:first-child td{border-top: none;}
#product_m_list ul  .table04 table td{font-size: 12px;}
#product_m_list ul  .table04 table th{font-size: 12px;background: #0093dd;color: #fff;border-color: #dedede;line-height: 2;box-sizing: border-box;border-bottom: none;}
#product_m_list ul  .table04 table img{width: 100%;}
#product_m_list ul  .table04 table .p01{width: 25%;}
#product_m_list ul  .table04 table .p02{width: 25%;}
#product_m_list ul  .table04 table .p03{width: 25%;}
#product_m_list ul  .table04 table .p04{width: 25%;}


/* 上一页 */
.sx{color: #333;}
.sx span{color: #333; display: block;line-height: 3;}
/*翻页按钮*/
.list_page{text-align:center; display:flex;flex-wrap: nowrap;justify-content:center; padding:0 0 4% 0;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page a{color:#333;padding:12px 17px; display:block; background:#fff;margin: 0 0.1%;}
.list_page a:hover{color:#fff;padding:12px 17px; display:block; background:#000;}
.page_group ul .active a{background:#000; color:#fff;}
}