@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif;  background:#fff;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
img { image-rendering: -webkit-optimize-contrast;}
.container{width:1560px; margin:0 auto}
.containers{width:96%; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
/* 下滑头部 */
/* .navfixed {top: 0;} */
/* 多行省略 */
.omit {display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }

/* html {font-size: calc(100vw/3.75);
  -webkit-text-size-adjust: 100%;} */

  /* html {overflow: hidden;} */

/*字体引入*/
@font-face {
  font-family: "futura";
  src: url("/html/class/template/font/Futura/ Md/ BT/ Bold.ttf");
}
/* CSS Document */

/*===============头部===============*/
.header {position: absolute;top: 0; z-index: 99; width: 100%;}
.header-box {display: flex; justify-content: space-between; align-items: center; height: 120px;}
.header-box .box-left {width: 50%;}
.header-box .box-left ul {display: flex;}
.header-box .box-left li {width: 25%; position: relative;}
.header-box .box-left li a {font-size: 16px;color: #ffffff;line-height: 150px;display: block;}
.header-box .box-right {display: flex;    width: 8%; justify-content: space-between; align-items: center;}
.header-box .box-right em {color: #ffffff;margin-right: 10%;}
.menu-btn{ position:relative;   cursor: pointer; z-index:10; box-sizing: border-box;}
.menu-btn .icon{position:absolute;left:50%;top:50%;width:30px;height: 18px;transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);}
.menu-btn .icon span{width:30px;height:2px;background:#D4B58E;display: block;-webkit-transition: 0.36s;-o-transition: 0.36s;-moz-transition: 0.36s;transition: 0.36s;position: absolute;}
.menu-btn .icon span.span02{margin: 8px 0;}
.menu-btn .icon span.span01{ position:absolute; top:0}
.menu-btn .icon span.span03{ position:absolute; bottom:0}
.menu-btn.on .icon span.span01{transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);margin-top: 8px;}
.menu-btn.on .icon span.span03{transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);margin-bottom: 8px;}
.menu-btn.on .icon span.span02{ width:0;}
.box-search {position: relative;}
.header-box .box-left li dl {position: absolute; left: -36px; opacity: 0;  pointer-events: none; transition: .5s; top: 150px; padding: 30px 36px; text-align: center; box-sizing: border-box; background-image: linear-gradient(to bottom, #eed8bc, #cdb28f); border-radius: 10px;}
.header-box .box-left li dl a {line-height: 36px; position: relative; left: 0; transition: .5s; font-size: 14px; color: #333; }
.header-box .box-left li dl::after {  content: '';  display: block;  width: 18px;  height: 18px; transform: rotate(45deg); top: -8px; right: 60px; background-color: #eed8bc;  position: absolute;}
.header-box .box-left li:hover dl {top: 115px; opacity: 1;pointer-events: auto;}
.header-box .box-left li dl dd a:hover {left: 10px;}
.header-box .box-left > ul > li > a:hover {color: #D4B58E;}
/* 搜索 */
.search-pro {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: rgba(255,255,255,1);padding: 20px 30px; box-sizing:border-box;width: 400px;min-height: 200px;position: absolute;right: -60px;top: 50px;opacity: 0;transition: all .5s ease;  transform: translateY(50px); box-shadow: 0 0 99px rgba(29,56,75,.4);    pointer-events: none;}
.search-pro::before {content: ""; position: absolute; top: -30px; right: 0; width: 100%; height: 50px; background-color: transparent;}
.search-pro::after {content: '';display: block;width: 18px;height: 18px;transform: rotate(45deg);top: -8px;right: 60px;background-color: #fff;position: absolute;}
.box-search:hover .search-pro {opacity: 1;transform: translateY(0);pointer-events: auto;}
.search{border-bottom: 1px solid #e1e1e1; margin-bottom: 10px;}
.search input{outline: none; border: none; font-family: "Microsoft YaHei"; }
.search-text{width: 310px; line-height: 50px;}
.search .sub{background: url(/html/class/template/images/head-search2.png) no-repeat center; width: 25px; height: 50px; cursor: pointer;}
.search-list dl dt{float: left; margin-right: 10px; margin-bottom: 10px;     line-height: initial;}
.search-list dl dt a{position: relative; transition: all .5s ease .3s; display: inline-block; padding: 0 10px; background: #e1e1e1; border-radius: 4px;  text-align: center;}
.search-list dl dt a:after{content: '';display: block;width: 0;transition: width .5s ease-out;height: 100%;background-color: #D4B58E;position: absolute;top: 0;left: 0; z-index: 0; border-radius: 4px;}
.search-list dl dt:hover a:after{width: 100%; }
.search-list dl dt span{font-size: 16px; line-height: 36px; color: #999; position: relative; z-index: 1}
.search-list dl dt:hover span{color: #fff;}

.box-search.on .search-pro {    opacity: 1 !important; transform: translateY(0); pointer-events: auto;}

.index-header-zw {height: 120px; display: none;}

/*导航*/
.nav001 .menu-btn .icon {display: none;}
.nav001{position:absolute;z-index:10;right: 0; top:0;width:13rem;height: 100vh;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99FFFFFF', endColorstr='#99FFFFFF');background:rgba(255,255,255);transform-origin: right;transition: all 0.36s;transform: perspective(12.625rem) rotateY(-90deg);filter:alpha(opacity=0);opacity:1;}
.nav001.on{ transform: perspective(12.625rem) rotateY(0deg); filter:alpha(opacity=100); opacity:1;}
.nav001 .logo{height:6.5rem;line-height:6.5rem;text-align:center;padding: 2rem 0 0;}
.nav001 .logo embed{ width:8.5rem; display:inline-block}
.nav001 .logo embed.wap{ display:none}
.nav001 ul{ margin:2rem 1rem 2rem 1rem; padding-bottom:3rem; border-bottom:#e2e0df 1px solid}
.nav001 ul li{ height:3.4375rem; line-height:3.4375rem; padding:0 0 0 2.5rem; }
.nav001 ul li a{ font-size:1rem; color:#333; display:inline-block; height:3.4375rem; line-height:3.4375rem; position:relative}
.nav001 ul li a:before{ content:""; position:absolute; right:0; bottom:0; width:0; height:2px; background:#D4B58E; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.nav001 ul li.on a:before, .nav001 ul li:hover a:before{ width:100%; left:0;}
.nav001 ul li.on a, .nav001 ul li:hover a{ color:#D4B58E}

.nav001 p { display: none; font-size:0.75rem; line-height:1.125rem; color:#333; padding:0 1rem;}
.nav001 p a{ font-size:0.75rem; line-height:1.125rem; color:#333;}
.nav001 p a:hover {color:#D4B58E}



/* =============下滑出现的头部================ */
.huedup {position: fixed; top: -100%; z-index: 99; transition: 1s; background-color: #fff; width: 100%; height: 110px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.huedup-box {display: flex; justify-content: space-between; align-items: center;    height: 110px;}
.huedup-box h1 img {display: block;}
.huedup-box ul {display: flex;     width:75%;   line-height: 110px;}
.huedup-box ul li {width: 50%; position: relative;}
.huedup-box ul li a {display: inline-block; width: 100%; text-align: center; position: relative;z-index: 2; font-size: 16px; color: #555555;}
.huedup-box ul li a:hover { color: #fff;}
.huedup-box ul li::after {width: 100%; height: 100%; content: ""; position: absolute; top: -100%; left: 0; transition: .5s; background-image: linear-gradient(to bottom, #eed8bc, #cdb28f);}
.huedup-box ul li:hover::after {top: 0;}
.huedup-box ul li.on::after {top: 0;}
.huedup-box ul li.on a { color: #fff;}
/* 下滑头部 */
.navfixed {top: 0;}

/* =============banner================ */
.banner {position: relative; height: 100vh;overflow: hidden;}
.banner-swiper {overflow: hidden;}
.banner-swiper .swiper-slide img {width: 100%;     display: block;}
.banner-swiper .swiper-slide-active img {animation: bannermove 20s infinite; o-animation: bannermove 20s infinite;}
.banner .banner-nav {position: absolute;  margin: 0 auto; z-index: 2;     text-align: center; left: 50%; top: 50%;	transform: translate(-50%, -50%);}
.banner .banner-nav ul {display: flex; justify-content: space-between; margin-top: 50px;}
.banner .banner-nav li a {display: flex; position: relative; overflow: hidden; align-items:  center; justify-content: center;  margin-right: 20px;	background: rgba(203,175,139,.2); padding: 10px 40px;	border-radius: 23px;font-size: 16px; color: #fff;}
.banner .banner-nav li i {display: block; }
.banner .banner-nav li:nth-child(1) i  {margin-right: 10px; background: url(/html/class/template/images/banner-icon1.png) no-repeat center;width: 20px; height: 20px; }
.banner .banner-nav li:nth-child(2) i  {margin-right: 10px; background: url(/html/class/template/images/banner-icon2.png) no-repeat center;width: 20px; height: 20px; }
.banner .banner-nav li:nth-child(3) i  {margin-right: 10px; background: url(/html/class/template/images/banner-icon3.png) no-repeat center;width: 20px; height: 20px; }
.banner .banner-nav li a::before, .banner .banner-nav li a::after { content: '';position: absolute;  height: 100%;  width: 100%; bottom: 0;left: -100%; z-index: -1; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.banner .banner-nav li a::before {  background: #eed8bc;}
.banner .banner-nav li a::after {background-image: linear-gradient(to right, #e6ceb2, #ba9c76);}
.banner .banner-nav li a:hover::before, .banner .banner-nav li a:hover::after {  transform: translate3d(100%, 0, 0);}
.banner .banner-nav li a:hover::after {transition-delay: 0.175s;}
.banner .banner-nav li:hover span {color: #333;}
.banner .banner-nav li:nth-child(1):hover i {background: url(/html/class/template/images/banner-icon4.png) no-repeat center;}
.banner .banner-nav li:nth-child(2):hover i {background: url(/html/class/template/images/banner-icon5.png) no-repeat center;}
.banner .banner-nav li:nth-child(3):hover i {background: url(/html/class/template/images/banner-icon6.png) no-repeat center;}
.banner-bottom {position: absolute; bottom: 0; width: 100%; z-index: 1;  display: flex; flex-direction: column; align-items: center; justify-content: center;}
.banner-bottom span {font-size: 16px;color: #ffffff; margin: 20px 0 10px 0;}
.banner-bottom img {animation: yidong-jt  1s infinite linear .65s; cursor: pointer;}
.banner-bottom::after {content: ""; width: 1px; height: 40px; background-color: #fff; bottom: 0;}
@keyframes bannermove {
0%   {transform: scale(1);}
25%  {transform: scale(1.05);}
50%  {transform: scale(1);}
75%  {transform: scale(1.05);}
100% {transform: scale(1);}
}
@keyframes yidong-jt {
  0%{
  transform: translateY(-15%);
  }
  50%{
    transform: translateY(15%);
  }
  100%{
  transform: translateY(-15%);
}
}

/* =============园林设计================ */
.garden-design {background-color: #fdfdfd; padding: 120px 0;}
.design-swiper {position: relative; overflow: hidden;}
.design-box {display: flex; }
.design-box .box-left {width: 62%;}
.design-box .box-left img {width: 100%;display: block;}
.design-box .box-right {width: 30%; margin-left: 70px;    margin-top: 100px;}
.design-box .box-right h3 {font-size: 2.5rem;color: #191f2d;font-weight: bold; }
.design-box .box-right h4 {font-size: 24px;color: #555555;}
.design-box .box-right p {font-size: 17px;font-weight: 400;color: #666666; margin: 50px 0 76px 0; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.design-box .box-right a {background: #b8966c;width: 147px; position: relative; z-index: 2; overflow: hidden; height: 46px;display: inline-block; font-size: 17px; color: #fff; text-align: center; line-height: 46px; border-radius: 23px;}
.design-box .box-right a::before, .design-box .box-right a::after { content: '';position: absolute;  height: 100%;  width: 100%; bottom: 0;left: -100%; z-index: -1; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.design-box .box-right a::before {  background: #eed8bc;}
.design-box .box-right a::after {background-image: linear-gradient(to right, #e6ceb2, #ba9c76);}
.design-box .box-right a:hover::before,.design-box .box-right a:hover::after {  transform: translate3d(100%, 0, 0);}
.design-box .box-right a:hover::after {transition-delay: 0.175s;}
.design-swiper .swiper-pagination {width: auto;right: 29%; bottom: 8%; left: initial;}
.design-swiper .swiper-pagination-bullet {width: 10px;  height: 10px;   opacity: 0.21; background: #1b294b;}
.design-swiper .swiper-pagination-bullet-active {background: #1b294b;opacity: 1;}
.design-box .dw-img {position: absolute;    right: 3%; top: 5%;}
.design-swiper2 {position: relative; overflow: hidden; padding-top: 120px;}
.design-swiper2 .design-box .box-left {order: 2;}
.design-swiper2 .design-box .box-right {    margin-right: 70px;}
.design-swiper2 .design-box .dw-img { position: absolute; left: 3%; top: 5%; transform: rotate(180deg); right: initial;}
.design-swiper2 .swiper-pagination {width: auto;    left: 5%; bottom: 8%; right: initial;}
.design-swiper2 .swiper-pagination-bullet {width: 10px;  height: 10px;   opacity: 0.21; background: #1b294b;}
.design-swiper2 .swiper-pagination-bullet-active {background: #1b294b;opacity: 1;}


/* =============园林介绍================ */
.garden-Introduction {background: url(/html/class/template/images/garden-Introduction-bj.jpg) no-repeat center; background-size: cover;  padding: 100px 0; position: relative;}
.garden-Introduction .garden-title {text-align: center; margin: auto;}
.garden-Introduction .garden-title h3 {font-size: 24px;color: #ffffff;line-height: 35px;font-weight: 400;}
.garden-Introduction .garden-title h2 {font-size: 36px; color: #fff; font-weight: bold;}
.garden-Introduction .garden-title i {width: 65px; height: 5px;  background: #b8966c; display: block; margin: 35px auto;}
.garden-Introduction .garden-title p {width: 63%;font-size: 16px;color: #ffffff;line-height: 35px; margin: auto; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.garden-Introduction .garden-title a {display: inline-flex;  position: relative; z-index: 2; overflow: hidden;margin-top: 68px; margin-right: 42px;  align-items: center; justify-content: center; width: 179px; height: 51px; background: #b8966c;  border-radius: 26px; }
.garden-Introduction .garden-title a span {font-size: 16px;color: #ffffff; padding-right: 20px;}
.garden-Introduction .garden-title  a::before, .garden-Introduction .garden-title a::after { content: '';position: absolute;  height: 100%;  width: 100%; bottom: 0;left: -100%; z-index: -1; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.garden-Introduction .garden-title a::before {  background: #eed8bc;}
.garden-Introduction .garden-title a::after {background-image: linear-gradient(to right, #e6ceb2, #ba9c76);}
.garden-Introduction .garden-title a:hover::before,.garden-Introduction .garden-title  a:hover::after {  transform: translate3d(100%, 0, 0);}
.garden-Introduction .garden-title a:hover::after {transition-delay: 0.175s;}
#garden {position: absolute; bottom: 0; height: 500px; overflow: hidden; width: 100%;}
.garden-Introduction ul {display: flex; justify-content: space-around; margin-top: 90px;     position: relative; z-index: 2;}
.garden-Introduction li {width: 12%; text-align: center; animation: photo-object-floating 1.5s infinite ease-in-out alternate;}
.garden-Introduction li:nth-child(even) {width: 10%; margin-top: 20px;     animation-delay: .3s;}
.garden-Introduction li a {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.garden-Introduction li img {border-radius: 50%;display: block; width: 100%;}
.garden-Introduction li p {font-size: 16px;color: #ffffff; line-height: 24px;  margin: 30px 0;  display: -webkit-box;overflow: hidden; -webkit-line-clamp:3;-webkit-box-orient: vertical;}
.garden-Introduction li i {width: 9px; height: 9px; background: #dbc285; display: block; border-radius: 50%; position: relative;}
.garden-Introduction li i::before {content: ""; animation: loader2 1.2s infinite cubic-bezier(0.55, 0.23, 0.62, 1); position: absolute; width: 23px; height: 23px; opacity: 0.11; background: #dbc285; border-radius: 50%;  left: -7px;  top: -7px;}
@keyframes loader2 {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    opacity: 0.11;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes photo-object-floating{
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}


/* =============案例展示================ */
.case-show {padding: 100px 0;}
.case-show ul {display: flex; justify-content: space-between; align-items: center;}
.case-show li .case-img {position: relative; overflow: hidden;}
.case-show li .case-img img {width: 100%;     display: block;}
.case-show li .case-img em {font-size: 18px;color: #ffffff; position: absolute; opacity: 1; transition: .5s; bottom: 6%; width: 100%; text-align: center; display: block;}
.case-show li:nth-child(1) h3 {font-size: 40px;color: #333333;line-height: 64px;font-weight: 700;}
.case-show li:nth-child(1) span {font-size: 16px;color: #999999;font-weight: 400;}
.case-show li:nth-child(1) .case-img {margin-top: 87px; height: 450px; width: 369px;}
.case-show li:nth-child(2) .case-img:nth-child(1) {width: 368px;height: 334px;}
.case-show li:nth-child(2) .case-img:nth-child(2) {width: 368px;height: 450px; margin-top: 25px;}
.case-show li:nth-child(3) .case-img:nth-child(1) {width: 368px;height: 379px;}
.case-show li:nth-child(3) .case-img:nth-child(2) {width: 368px;height: 310px;margin-top: 25px;}
.case-show li:nth-child(4) .case-img{width: 368px;height: 504px;}
.case-show li .case-hide {position: absolute; text-align: center; display: flex; transition: .5s; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; bottom: -100%; padding: 40px; box-sizing: border-box; background: rgba(156,123,83,.76);}
.case-show li .case-hide h4 {font-size: 22px;color: #ffffff;}
.case-show li .case-hide p {font-size: 14px;color: #fefefe;line-height: 24px; margin: 37px 0 52px 0; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.case-show li .case-hide span {width: 100px; transition: .5s; height: 30px; color: #fefefe;font-size: 14px; border: 1px solid rgba(247,247,247,.6); border-radius: 16px; display: block; text-align: center; line-height: 30px; }
.case-show li .case-hide span:hover {background-image: linear-gradient(to right, #e6ceb2, #ba9c76); border: 1px solid #ba9c76;}
.case-show li .case-img:hover .case-hide  {bottom: 0;}
.case-show li .case-img:hover em {opacity: 0;}


/* 案例展示手机端 */
.case-show-phone {position: relative; padding: 50px 0 40px 0; display: none;}
.case-show-phone .case-swiper {overflow: hidden; padding: 20px 0;}
.case-show-phone .phone-title {text-align: center;}
.case-show-phone .phone-title h3 {font-size: 26px;color: #333333;line-height: 44px;font-weight: 700;}
.case-show-phone .phone-title span {font-size: 12px;color: #999999;font-weight: 400;}
.case-swiper .swiper-slide .case-img {position: relative; overflow: hidden;}
.case-swiper .swiper-slide .case-img img {width: 100%;     display: block;}
.case-swiper .swiper-slide .case-img em {font-size: 14px;color: #ffffff; position: absolute; opacity: 1; transition: .5s; bottom: 6%; width: 100%; text-align: center; display: block;}
.case-swiper .swiper-slide .case-hide { display: none;}
.case-swiper .swiper-pagination-bullet {width: 10px;  height: 10px;   opacity: 0.21; background: #1b294b;}
.case-swiper .swiper-pagination-bullet-active {background: #1b294b;opacity: 1;}


/* =============小品设计展示================ */
.opusculum {padding:70px 0 100px 0;background:url(/html/class/template/images/opusculum-bj.jpg) no-repeat center; background-size: cover;}
.opusculum-title {text-align: center;}
.opusculum-title h3 {font-weight: 700;color: #333333;line-height: 60px;font-size: 40px;}
.opusculum-title span {font-size: 16px;font-weight: 400;color: #666666; line-height: 35px;}
.opusculum ul {display: flex; margin-top: 78px;}
.opusculum li {width: calc(100%/5); position: relative; overflow: hidden; margin-right: 20px;}
.opusculum li .opusculum-img {width: 100%; display: block;}
.opusculum li .opusculum-hide {padding: 30px; width: 100%;   height: 100%;    padding-top: 20px;   transition: .5s;   bottom: -86%; position: absolute; box-sizing: border-box; background: rgb(0, 0, 0,.55);}
.opusculum li .opusculum-hide .hide-title {display: flex; height: 80px; justify-content: space-between; right: 0; transition: .5s; opacity: 1;}
.opusculum li .opusculum-hide h4 {color: #ffffff;font-size: 18px; }
.opusculum li .opusculum-hide span {font-size: 30px;color: #ffffff; line-height: 30px;}
.opusculum li .opusculum-hide h3 {font-size: 21px;font-size: 21px;color: #ffffff;font-weight: 700;  line-height: 35px;}
.opusculum li .opusculum-hide i {width: 43px;height: 3px;background: #ffffff; display: block; margin-top: 20px;}
.opusculum li .opusculum-hide p {font-size: 15px;font-weight: 400;color: #ffffff; margin: 30px 0 40px 0; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.opusculum li:hover .opusculum-hide {bottom: -35%;padding-top: 30px;}
.opusculum li:hover .opusculum-hide .hide-title {position: absolute; opacity: 0; }

/* =============小品设计展示手机端================ */
.opusculum-phone {padding: 40px 0;background:url(/html/class/template/images/opusculum-bj.jpg) no-repeat center; background-size: cover; position: relative; display: none;}
.opusculum-phone .opusculum-swiper {overflow: hidden; margin: 40px 0;}
.opusculum-phone .swiper-pagination-bullet {width: 10px;  height: 10px;   opacity: 0.21; background: #1b294b;}
.opusculum-phone .swiper-pagination-bullet-active {background: #1b294b;opacity: 1;}
.opusculum-phone .opusculum-img {width: 100%; display: block;}
.opusculum-phone .opusculum-hide {padding: 10px; width: 100%;   height: 100%;      transition: .5s;   bottom: -82%; position: absolute; box-sizing: border-box; background: rgb(0, 0, 0,.55);}
.opusculum-phone .opusculum-hide .hide-title {display: flex; height: 80px; justify-content: space-between; right: 0; transition: .5s; opacity: 1;}
.opusculum-phone .opusculum-hide h4 {color: #ffffff;font-size: 18px; }
.opusculum-phone .opusculum-hide span {font-size: 30px;color: #ffffff; line-height: 30px;}





/* =============新闻资讯================ */
.index-news {background: url(/html/class/template/images/index-news-bj.jpg) no-repeat center; padding: 140px 0 200px 0; background-attachment: fixed; background-size: cover; }
.index-news .news-box { display: flex; justify-content: space-between; position: relative; }
.index-news .news-box .box-left {width: 25%;}
.index-news .news-box .box-left h3 {font-size: 40px;font-weight: 700;color: #ffffff;line-height: 48px;}
.index-news .news-box .box-left span {font-size: 16px;color: #e4efff; line-height: 48px;}
.index-news .news-box .news-Swiper {width: 75%; overflow: hidden;} 
.news-Swiper .swiper-button-prev {width: 45px; height: 45px;border-radius: 50%; top: 75%; border: 1px solid #ffffff; display: block; left: 0; background:  url(/html/class/template/images/index-news-jt1.png) no-repeat center;}
.news-Swiper .swiper-button-next {width: 45px; height: 45px;border-radius: 50%; top: 75%; border: 1px solid #ffffff; display: block; left: 5%; background:  url(/html/class/template/images/index-news-jt2.png) no-repeat center;}
.news-Swiper .swiper-button-prev:hover {background:  #B8966C url(/html/class/template/images/index-news-jt1.png) no-repeat center; border: 1px solid #B8966C;}
.news-Swiper .swiper-button-next:hover {background:  #B8966C url(/html/class/template/images/index-news-jt2.png) no-repeat center; border: 1px solid #B8966C;}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}
.news-Swiper .slide-box {box-sizing: border-box; position: relative; }
.news-Swiper .slide-box .box-con {padding: 40px; box-sizing: border-box; background-color: #fff; transition: .5s; overflow: hidden;} 
.news-Swiper .slide-box .box-con em {font-size: 24px;color: #444444;line-height: 29px; }
.news-Swiper .slide-box .box-con i {display: block; width: 70px; height: 2px; background: #dddddd; margin: 10px 0;}
.news-Swiper .slide-box .box-con h3 {font-size: 20px;font-weight: 400;margin-top: 20px; color: #333333; display: -webkit-box;overflow: hidden; 	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news-Swiper .slide-box .box-con p {font-size: 14px;color: #777777;line-height: 27px; margin: 15px 0; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-Swiper .slide-box .box-con .con-bottom span {width: 114px; height: 30px; background: #262d3d; text-align: center; line-height: 30px;font-size: 14px; color: #ffffff; display: block;}
.news-Swiper .swiper-slide:hover .slide-box {background: url(/html/class/template/images/index-news.jpg) no-repeat center; background-size: cover; }
.news-Swiper .swiper-slide:hover .con-time {opacity: 0;}
.news-Swiper .swiper-slide:hover .box-con {background-color: rgba(255,255,255,.8);}
/* .news-Swiper .swiper-slide-active .slide-box {background: url(/html/class/template/images/index-news.jpg) no-repeat center; background-size: cover;}
.news-Swiper .swiper-slide-active .con-time {display: none;}
.news-Swiper .swiper-slide-active .box-con {background-color: rgba(255,255,255,.8);} */

.news-Swiper .slide-box  .con-bottom {    position: relative; top: 0; transition: .5s;}
.news-Swiper .swiper-slide:hover .con-bottom  {top: -40px;}
.news-Swiper .swiper-pagination {display: none;}
.news-Swiper .swiper-pagination-bullet {width: 10px;  height: 10px;   opacity:1; background: rgba(255,255,255,.4);}
.news-Swiper .swiper-pagination-bullet-active {background: #fff;opacity: 1;}




/* =============底部================ */
.index-footer .foot-box {display: flex; padding: 50px 0 70px 0; justify-content: space-between;}
.index-footer .box-logo {width: 25%;}
.index-footer .box-nav {width: 35%;}
.index-footer .box-nav dl {display: flex; flex-wrap: wrap;}
.index-footer .box-nav dd {width: 30%;}
.index-footer .box-us {width: 30%;}
.index-footer h3 {font-size: 16px;color: #333333; margin-bottom: 20px; font-weight: bold;}
.index-footer .box-nav dd {color: #777777; line-height: 37px;font-size: 16px;}
.index-footer .box-us dd {color: #777777; line-height: 37px;font-size: 16px;}
.index-footer .box-nav dd:hover a {color: #B8966C;}
.footer-copy {background: #191f2d;}
.footer-copy .copy-box {display: flex; justify-content: space-between; height: 56px; align-items: center;}
.footer-copy .copy-box p {font-size: 14px;color: #97999f;}
.footer-copy .copy-box a {font-size: 14px;color: #97999f;}
.footer-copy .copy-box a:hover {color: #B8966C;}


.wap-footer {text-align: center;font-size: 14px;color: #97999f; background: #191f2d; padding-top:30px; display: none;}
.wap-footer em {display: block; margin-top: 20px;}
.wap-footer span {padding-bottom: 20px; display: block;}
.wap-footer p {font-size: 14px;color: #97999f; border-top: 1px solid #484848; padding: 10px 0;}
.wap-footer p a {font-size: 14px;color: #97999f; display: block;}


/* =========================================================================内页================================================================================= */
/* =============内页头部================ */
.wap-header {display: none;}
.head-zw {height: 110px;}
.ny-header {background: #262d3d; top: 0; box-shadow: -10px 0px 70px 10px rgba(0,0,0,0.12); }
.ny-header ul li a {color: #fff;}
.header-zw {height: 110px;}

/* =============内页banner================ */
/* .ny-banner {overflow: hidden;background: url(/html/class/template/images/ny-banner1.jpg) no-repeat top; image-rendering: pixelated; height: 447px;   background-attachment: fixed; }  */
.ny-banner {overflow: hidden;}
.ny-banner img {width: 100%; display: block;}

/* =============关于j9国际站================ */
.ab-shenggu {background: url(/html/class/template/images/about-sg-bj.jpg) no-repeat center; padding: 150px 0; background-size: cover; background-attachment: fixed;}
.shenggu-box {display: flex;}
.shenggu-box .box-left {display: flex; width: 30%; justify-content: center;     align-items: flex-start;}
.shenggu-box .box-left img {    margin-right: 48px; margin-top: 55px; display: block;}
.shenggu-box .box-left em {font-size: 87px;color: #333333;line-height: 100px;font-weight: regular; display: block;}
.shenggu-box .box-right {width: 53%;     margin-left: 10%;}
.shenggu-box .box-right h3 {width: 73%; font-size: 40px;font-weight: 400;color: #222222;line-height: 60px;}
.shenggu-box .box-right i {width: 65px;height: 3px; background: #b7966b; display: block; margin: 50px 0;}
.shenggu-box .box-right p {font-size: 16px;font-weight: 400;color: #666666;line-height: 34px; margin-top: 38px;}

/* 共用标题 */
.about-title {text-align: center; padding: 70px 0 100px 0;}
.about-title h3 {color: #333333;line-height: 48px;font-size: 46px;}
.about-title h4 {font-size: 16px;font-size: 16px;line-height: 48px;color: #999999;}

/* =============企业理念================ */
.philosophy {background: url(/html/class/template/images/philosophy-bj.jpg) no-repeat center; padding-bottom: 170px; background-size: cover ;  background-attachment: fixed;}
.philosophy .about-title h3 {color: #ffff;}
.philosophy .about-title h4 {color: #ffff;}
.philosophy ul {display: flex; justify-content: space-around; align-items: center;}
.philosophy li {width: 16%;background: #f5f5f5; border-radius: 30px; text-align: center; padding: 50px 0;}
.philosophy li span {font-size: 30px;color: #262d3d;line-height: 48px;font-weight: 400;display: block;}
.philosophy li img {transition: .5S;}
.philosophy li:hover img {transform: rotateY(180deg);}

/* =============我们的优势================ */
.advantage { background-image: linear-gradient(to bottom, rgba(245,245,245,1), rgba(245,245,245,.5)); padding-bottom: 120px;}
.slideAdvantage .hd ul {display: flex; justify-content: center;}
.slideAdvantage .hd li {margin-right: 60px;}
.slideAdvantage .hd li:last-child {margin-right: 0;}
.slideAdvantage .hd li a {width: 285px; height: 55px; position: relative; z-index: 2; overflow: hidden; text-align: center; line-height: 55px; display: block; border: 1px solid #cccccc;color: #333333;font-size: 20px; border-radius: 29px;}
.slideAdvantage .hd li a:hover {color: #fff; font-weight: bold;}
.slideAdvantage .hd li a::before, .slideAdvantage .hd li a::after { content: '';position: absolute;  height: 100%;  width: 100%; bottom: 0;left: -100%; z-index: -1; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.slideAdvantage .hd li a::before {  background: #eed8bc;}
.slideAdvantage .hd li a::after {background-image: linear-gradient(to right, #e6ceb2, #ba9c76);}
.slideAdvantage .hd li a:hover::before,.slideAdvantage .hd li a:hover::after {  transform: translate3d(100%, 0, 0);}
.slideAdvantage .hd li a:hover::after {transition-delay: 0.175s;}
.slideAdvantage .hd li.on a {color: #fff; font-weight: bold;}
.slideAdvantage .hd li.on a::before,.slideAdvantage .hd li.on a::after {  transform: translate3d(100%, 0, 0);}

.slideAdvantage .bd li {display: flex; align-items: center; justify-content: center; padding-top: 150px;}
.slideAdvantage .bd li .bd-left {width: 40%; margin-right: 4%;}
.slideAdvantage .bd li h3 {font-size: 34px;font-weight: 400;color: #333333; width: 35%; line-height: 48px; position: relative;}
.slideAdvantage .bd li h3::before {content: ""; width: 35px; height: 5px; background: #b7966b; display: block; position: absolute;     left: -50px; top: 20px;}
.slideAdvantage .bd li p {color: #666666;  line-height: 32px;font-size: 16px; margin: 50px 0 100px 0;}
.slideAdvantage .bd li h4 {font-size: 47px;font-family: Arial, Arial-Black; font-weight: 900; color: #eaeaea;  line-height: 48px;}
.slideAdvantage .bd .bd-right {border-radius: 50px; width: 40%;}
.slideAdvantage .bd .bd-right img {width: 100%;border-radius: 50px;display: block;}

/* =============资质证书================ */
.certificate {padding-bottom: 115px; position: relative;}
.certificate-Swiper {overflow: hidden; width: 90%; margin: auto;}
.certificate-Swiper .slide-box .box-img {width: 100%; overflow: hidden;}
.certificate-Swiper .slide-box img {width: 100%; display: block; transition: .5s; }
.certificate-Swiper .slide-box h3 {width: 100%; height: 70px; text-align: center; box-sizing: border-box;font-size: 20px;color: #666666;line-height: 70px; border: 1px solid #dddddd;}
.certificate-Swiper .slide-box:hover img {transform: scale(1.05);}
.certificate-Swiper .slide-box:hover h3 {color: #b8966c;}
.certificate .swiper-button-prev {width: 59px; left: 5%; top: 55%; height: 59px; background: #cccccc; background: url(/html/class/template/images/certificate-jt1.png) no-repeat center;}
.certificate .swiper-button-next  {width: 59px; right: 5%; top: 55%; height: 59px; background: #cccccc; background: url(/html/class/template/images/certificate-jt2.png) no-repeat center;}
.certificate-Swiper .swiper-pagination {display: none;}
/* =============内页底部================ */
.ny-footer {background: #f5f5f5;}



/* =============设计团队================ */
.opus-nav {border-bottom: 1px solid #eeeeee;}
.opus-nav .nav-box {display: flex; align-items: center; justify-content: space-between; }
.opus-nav .nav-box .nav-left ul {display: flex; height: 115px; align-items: center;}
.opus-nav .nav-box .nav-left li a {padding: 5px 20px; width: 200px; white-space: nowrap; text-align: center; box-sizing: border-box; position: relative; display: block; border-radius: 25px; overflow: hidden; z-index: 2; font-size: 18px; color: #666666;}
.opus-nav .nav-box .nav-left li a:hover {color: #fff;}
.opus-nav .nav-box .nav-left li a::before, .opus-nav .nav-box .nav-left li a::after { content: '';position: absolute;  height: 100%;  width: 100%; bottom: 0;left: -100%; z-index: -1; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.opus-nav .nav-box .nav-left li a::before {  background: #eed8bc;}
.opus-nav .nav-box .nav-left li a::after {background-image: linear-gradient(to right, #e6ceb2, #ba9c76);}
.opus-nav .nav-box .nav-left li a:hover::before,.opus-nav .nav-box .nav-left li a:hover::after {  transform: translate3d(100%, 0, 0);}
.opus-nav .nav-box .nav-left li a:hover::after {transition-delay: 0.175s;}
.opus-nav .nav-box .nav-left li a.on {color: #fff;}
.opus-nav .nav-box .nav-left li a.on::before,.opus-nav .nav-box .nav-left li a.on::after {  transform: translate3d(100%, 0, 0);}
.opus-nav .nav-box .nav-right li a {font-size: 18px; color: #666666;}
.opus-nav .nav-box .nav-right li a:nth-child(1) {font-size: 18px; color: #666666; background: url(/html/class/template/images/mbx-icon.png) no-repeat left; padding-left: 30px;}
.opus-nav .nav-box .nav-right li a:hover {color:#ba9c76;}
.opus-nav .nav-box .nav-right li a.on {color:#ba9c76;}

.opus-list {margin-bottom: 70px;}
.opus-list ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.opus-list ul::after {width: 23%; content: "";}
.opus-list ul .opus-last {width: 23%; border: none;}
.opus-list li {margin-top: 40px; width: 23%; overflow: hidden;border: 1px solid #eeeeee;}
.opus-list li .list-img {position: relative; overflow: hidden;}
.opus-list li .list-img .img1 {width: 100%; display: block;}
.opus-list li h3 {width: 100%; height: 80px; text-align: center; line-height: 80px; color: #333333;font-size: 18px;}
.opus-list li .opus-hide {background: rgba(183,150,107,.8); transition: .5s; position: absolute; width: 100%; height: 100%; bottom: -100%; display: flex; align-items: center; justify-content: center;}
.opus-list li .opus-hide a {width: 181px;  height: 45px; font-size: 16px; color: #ffffff; display: flex; align-items: center; justify-content: center; border: 1px solid #eeeeee; border-radius: 22px;}
.opus-list li .opus-hide a span {margin-right: 10px;}
.opus-list li:hover .opus-hide {bottom: 0;}
.opus-list li:hover h3 {color: #ba9c76;}
.opus-list li .opus-hide a:hover img {animation: list-jting 1.2s infinite}
@keyframes list-jting {
  0% {
    transform: translateX(-10px);
  }
  
  100% {
    transform: translateX(10px);
  }
}




/* =============施工案例================ */
.construction-banner {position: relative;}
.banner-title {position: absolute; top: 25%;     right: 0;}
.banner-title h1 { color: #262d3d; font-size: 60px; font-weight: bold;}
.banner-title i {background-color: rgb(203, 175, 139); width: 128px; height: 7px; display: block;}

.construction-list {margin: 50px 0 100px 0;}
.construction-list ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.construction-list ul::after {width: 23%; content: "";}
.construction-list ul .construction-last {width: 23%; border: none;}
.construction-list li {width: 23%; border: 1px solid #eee; margin-top: 30px;}
.construction-list li .construction-img {width: 100%; overflow: hidden;}
.construction-list li img {width: 100%; display: block; transition: .5s;}
.construction-list li h3 {width: 100%; font-size: 16px; color: #444; height: 70px; text-align: center; line-height: 70px;}
.construction-list li:hover img {transform: scale(1.05);}
.construction-list li:hover h3 {color: #ba9c76;}



/* =============j9国际站团队================ */
.design {padding-bottom: 145px;}
.design-team {width: 1400px; margin: auto ;}
.design .design-title {padding: 80px 0 40px 0; text-align: center;}
.design .design-title h3 {font-size: 36px;color: #262d3d;line-height: 48px;font-weight: 700;}
.design .design-title h4 {font-size: 18px;font-weight: 400;color: #666666;line-height: 48px;}
.design ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.design li {display: flex; width: 48.5%; border: 1px solid #dddddd; box-sizing: border-box; margin-top: 42px;}
.design li .design-img {width: 50%; overflow: hidden;}
.design li .design-img img {width: 100%; display: block; height: 100%; transition: .5s;}
.design li .box-con {width: 50%; padding: 50px 65px 45px 40px; box-sizing: border-box; position: relative; overflow: hidden;}
.design li .box-con h3 {font-size: 24px; font-weight: 700;color: #333333; }
.design li .box-con h4 {font-size: 17px;font-weight: 400;color: #888888;}
.design li .box-con p {font-size: 16px; font-weight: 400;  color: #333333; line-height: 30px; margin: 40px 0 52px 0; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.design li .box-con a {width: 122px; display: block; overflow: hidden; position: relative; z-index: 2; text-align: center; line-height: 42px; font-size: 16px;color: #333333; height: 42px;  background: #dddddd;  border-radius: 20px;}
.design li .box-con a:hover {color: #fff;}
.design li .box-con::after { content: '';position: absolute; bottom: 0;left: 0; width: 100%; height: 100%; background: #B8966C;  transition: .5s; z-index: -1; opacity: 0; clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);}
.design li:hover .box-con::after { opacity: 1; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
.design li:hover h3 {color: #fff;}
.design li:hover h4 {color: #fff;}
.design li:hover p {color: #fff;}
.design li .box-con a::before, .design li .box-cona::after { content: '';position: absolute;  height: 100%;  width: 100%; bottom: 0;left: -100%; z-index: -1; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.design li .box-con a::before {  background: #eed8bc;}
.design li .box-con a::after {background-image: linear-gradient(to right, #e6ceb2, #ba9c76);}
.design li .box-con a:hover::before,.design li .box-con a:hover::after {  transform: translate3d(100%, 0, 0);}
.design li .box-con a:hover::after {transition-delay: 0.175s;}
.design li:hover img {transform: scale(1.05);}



/* =============新闻资讯================ */
.news-banner .banner-title {text-align: center; width: 100%; }
.news-banner .banner-title h1 {font-size: 60px;}
.news-banner .banner-title i {margin: auto; width: 115px; height: 4px;}

.news-list {margin: 50px 0 80px 0;}
.news-list ul {width: 80%; margin: auto;}
.news-list li { margin-top: 20px; background-color: #fafafa;}
.news-list li a {display: flex;justify-content: space-between; align-items: center;}
.news-list li .news-img {width: 30%; overflow: hidden;}
.news-list li .news-img img {width: 100%; display: block; transition: .5s ;}
.news-list li .news-right {width: 67%; display: flex; justify-content: space-around;}
.news-list li .news-right .right-left {width: 13%;}
.news-list li .news-right .right-con {width: 75%;}
.news-list li .news-right h2 {font-size: 38px; color: #555;     white-space: nowrap;    line-height: 55px;}
.news-list li .news-right span {color: #666; font-size: 22px; text-align: right; display: block;}
.news-list li .news-right h3 {color: #333; font-size: 26px; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news-list li .news-right p {font-size: 14px; color: #666; margin-top: 10px; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list li:hover img {transform: scale(1.05);}
.news-list li:hover h3 {color: #B8966C;}



/* ==========新闻详情==========*/

.ny-news-xq {padding-top:100px;padding-bottom: 100px; background-color: #f5f5f5;}
.ny-news-xq .box-left {background-color: #fff; width: 68%; padding: 60px; box-sizing: border-box;}
.page-fy{border-top:1px solid #ddd;padding-top: 30px;}
.ny-news-xq .news-title{ border-bottom:1px solid rgba(245, 245, 245, .7);position: relative; text-align: left; padding: 0; display: flex; align-items: center; justify-content: space-between; padding-bottom:38px;}
.ny-news-xq .news-title h2{font-size:28px;line-height: 40px;margin-bottom:26px;color:#333;font-weight:bold;text-align: left;}
.ny-news-xq .news-title span{display: block;font-size:18px;color:#666;text-align: left;}
.ny-news-xq .news-title .fra {height:48px;line-height: 48px;border-radius:26px;color:#fff;background: url(/html/class/template/images/news-de-jt.png) no-repeat center left 20px  #ba9c76;padding:0 20px;display: block;text-indent: 30px;font-size:16px;}
.ny-news-xq .news-title .fra a {color: #fff;}
.ny-news-xq .news-title .title {width: 75%;}
.nr-content p img{margin:0 auto;display:inline; width: 100% !important; height: auto !important}
.nr-content p {line-height:27px !important ;font-size:16px;color:#333;margin-bottom:10px;}
.nr-content table{width:100%  !important}
.nr-content table td{font-size:16px}
.nr-content .bottom-back {display: none;}
.ny-news-xq .ny-xq-con {margin: 3rem 0;}
.ny-news-xq .box-right {background-color: #fff;padding: 40px; box-sizing: border-box; width: 30%;}
.ny-news-xq .box-right h3 {font-size: 23px;color: #333333; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.ny-news-xq .box-right li {margin-top: 30px; }
.ny-news-xq .box-right li a {display: flex; align-items: center;}
.ny-news-xq .box-right li i {width: 8px; height: 8px;background: #eeeeee; margin-right: 15px; border-radius: 50%; flex-shrink: 0;}
.ny-news-xq .box-right li p {color: #666666;font-size: 16px; display: -webkit-box;overflow: hidden;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.ny-news-xq .box-right li:hover p {color: #ba9c76;}
.ny-news-xq .box-right li:hover i {background: #ba9c76;}
.page-fy .prev:hover a {color:#ba9c76 ;}
.page-fy .next:hover a {color:#ba9c76 ;}




/* =============联系我们================ */
.contact-list {padding: 60px 0 80px 0;}
.contact-list ul {display: flex; justify-content: center;} 
.contact-list li {width: 337px; height: 221px; padding: 10px; box-sizing: border-box; margin-right: 20px; display: flex; background-color: #f5f5f5; flex-direction: column; align-items: center; }
.contact-list li:last-child {margin-right: 0;}
.contact-list li em {display: block; margin-top: 20px; width: 46px; height: 46px; background: #ad752b url(../images/contact-icon1.png) no-repeat center; border-radius: 50%;}
.contact-list li h3 {font-size: 18px; color: #333; font-weight: bold; margin: 8px 0;}
.contact-list li span {display: block; color: #666; font-size: 16px; text-align: center;}
.contact-list li:nth-child(4) {flex-direction: initial; justify-content: center;}
.contact-list li:nth-child(4) h3 {margin: 0;     line-height: 20px; margin-left: 15px;}
.contact-list li:nth-child(2) em {background: #ad752b url(../images/contact-icon2.png) no-repeat center;}
.contact-list li:nth-child(3) em {background: #ad752b url(../images/contact-icon3.png) no-repeat center;}



.pagelist {padding: 10px 0; margin-top: 15px;overflow: hidden; border-top: 0px solid #eee; text-align: center;}
.pagelist a {padding: 0 5px;}
.pagelist span {    border: 1px solid #ccc; display: inline-block; padding: 2px 8px; margin-right: 5px;}


/* 首页锚点 */
#philosophy {position: relative; top: -150px;}
#advantage {position: relative; top: -150px;}