html {
overflow: hidden;
height: 100%;
color: #333333;
}
body {
overflow: hidden;
height: 100%;
position: relative;
}
.index {
height: 100%;
overflow: hidden;
position: relative;
}
.index .indexLeft {
background: #f5f5f5;
}
.index .aboutLeft {
width: 6.14583333%;
height: 100%;
background: transparent;
position: absolute;
top: 0;
left: 0;
z-index: 501;
transition: 0.5s linear;
}
.index .aboutLeft .logoYellow{
display: none;
}
.index .aboutLeft #menu a {
color: #ffffff;
}
.index .aboutLeft #menu .menu-item li a:hover {
color: rgba(255, 255, 255, 0.6);
}
.index .aboutLeft #menu .menu-item li::before {
background: #ffffff;
}
.index .left {
height: 100%;
float: left;
width: 6.14583333%;
position: relative;
z-index: 501;
}
.index .logo {
width: 77px;
position: absolute;
top: 2.03703704%;
left: 50%;
transform: translateX(-50%);
}
.index .logo img {
width: 100%;
}
/* .index .logoWhite {
display: none;
} */
.index #menu {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.index #menu a {
color: #333333;
}
.index #menu > li {
margin: 0 auto;
margin-top: 20px;
font-size: 16px;
text-align: center;
}
.index #menu > li.active > a {
color: #DAB866;
}
.index #menu .menu-item {
display: none;
}
.index #menu .menu-item.active {
display: block;
}
.index #menu .menu-item li {
font-size: 12px;
margin-top: 10px;
margin-left: 12px;
position: relative;
}
.index #menu .menu-item li a:hover {
color: #DAB866;
}
.index #menu .menu-item li::before {
content: '';
width: 4px;
height: 4px;
border-radius: 50%;
background: #DAB866;
position: absolute;
top: 50%;
left: 22px;
transform: translateY(-50%);
}
.index .tipsList {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.index .tipsList li a{
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.index .tipsList li p{
font-size: 14px;
color: rgba(255,255,255,0.6);
}
.index .tipsList li p:first-child {
display: block;
width: 8px;
height: 8px;
background: #ffffff;
position: relative;
margin-right: 10px;
}
.index .tipsList li.active p:first-child::before {
content: '';
width: 16px;
height: 16px;
border: 2px solid #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.index .tipsList li.active p{
color: #ffffff;
}
.index .open {
position: absolute;
bottom: 4.25925926%;
left: 50%;
transform: translateX(-50%);
}
.index .close {
display: none;
position: absolute;
bottom: 4.25925926%;
left: 50%;
transform: translateX(-50%);
}
.slideNav {
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 200;
}
.slideNav a {
display: block;
width: 72px;
height: 78px;
position: relative;
}
.slideNav a p {
width: 130px;
height: 130px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -150px;
display: none;
opacity: 0;
}
.slideNav a p img {
width: 100%;
}
.slideNav p::after {
content: '';
position: absolute;
right: -20px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 10px solid #ffffff;
border-right: 10px solid transparent;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.slideNav a:hover p {
display: block;
}
.slideNav .slideNav-online {
background: url('../images/index/msg.png') no-repeat;
background-size: 100% auto;
}
.slideNav .slideNav-wechat {
background: url('../images/index/wechat.png') no-repeat;
background-size: 100% auto;
}
.slideNav .slideNav-map {
background: url('../images/index/map.png') no-repeat;
background-size: 100% auto;
}
.slideNav li{
box-shadow: -5px 0px 30px rgba(0,0,0,0.3);
}
.slideNav li:nth-of-type(2) {
margin-top: 2px;
margin-bottom: 2px;
}
.index .aboutRight {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.index .right {
float: left;
width: calc(100% - 6.14583333%);
height: 100%;
}
.index .section {
width: 100%;
height: 100%;
position: relative;
}
.index .abstract_bg {
width: 720px;
height: 729px;
position: absolute;
right: 100px;
top: 50%;
transform: translateY(-50%);
}
.index .news_bg {
width: 1217px;
// height: 760px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
}
.index .news_bg h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .abstract {
overflow: hidden;
}
.index .abstract .imglist{
width: 657px;
margin-top: 20px;
overflow: hidden;
}
.index .abstract .imglist img{
width: 210px;
height: 118px;
float: left;
margin-right: 9px;
}
.index .abstract h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .abstract p {
line-height: 24px;
font-size: 14px;
}
.index .abstract .content {
width: 651px;
overflow-y: auto;
height: 393px;
line-height: 26px;
margin-top: 12px;
margin-bottom: 8px;
padding-right: 70px;
scrollbar-color: #DAB866 rgba(0,0,0,.3);
scrollbar-width: thin;
}
.index .abstract .content p {
margin-bottom: 40px;
}
.index .abstract .content p:nth-last-of-type{
width: 656px;
overflow: hidden;
}
.index .abstract .content p span {
color: #DAB866;
}
/* .index .abstract .imglist {
width: 656px;
} */
.index .abstract p img {
width: 316px;
height: 179px;
margin-right: 5px;
}
.index .abstract .honerList {
width: 693px;
height: 554px;
overflow: hidden;
overflow-y: auto;
}
.index .abstract .honerList .honerList-item {
float: left;
margin-top: 20px;
margin-right: 20px;
}
.index .abstract .honerList .honerList-item img {
width: 322px;
}
.index .abstract .honerList .honerList-item p {
font-size: 16px;
color: #000000;
position: relative;
padding-left: 20px;
margin-top: 17px;
}
.index .abstract .honerList-item p::before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
border-left: 10px solid #DAB866;
border-right: 10px solid transparent;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.index .abstract .concept-img {
width: 692px;
overflow: hidden;
}
.index .abstract .concept-img img {
width: 319px;
margin-right: 18px;
float: left;
}
.index .abstract .concept-img p {
width: 100%;
font-size: 20px;
position: relative;
padding-left: 20px;
margin-top: 40px;
overflow: hidden;
}
/* .index .abstract .concept-msg p span:first-of-type {
font-weight: bold;
} */
.index .abstract .concept-img p::before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
border-left: 10px solid #DAB866;
border-right: 10px solid transparent;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.index .abstract .concept-img p:nth-of-type(1)::before{
content: '';
display: none;
}
.index .abstract .concept-img p:nth-of-type(1){
padding-left: 0;
}
.index .abstract .team-msg {
font-size: 14px;
line-height: 28px;
width: 650px;
}
.index .abstract .team {
width: 690px;
overflow: hidden;
margin-top: 52px;
}
.index .abstract .team img {
width: 316px;
height: 180px;
float: left;
margin-bottom: 20px;
margin-right: 20px;
}
.index .news {
height: 89%;
overflow: auto;
}
.index .news h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .news .newsList {
position: relative;
display: flex;
flex-wrap: wrap;
}
.index .news .newsList .newsList-item {
width: 564px;
float: left;
margin-right: 20px;
margin-bottom: 28px;
}
.index .news .newsList .newsList-item .newsList-pic {
width: 284px;
height: 160px;
float: left;
overflow: hidden;
}
.index .news .newsList .newsList-item .newsList-pic img {
width: 100%;
}
.index .news .newsList .newsList-item .newsList-msg {
width: 266px;
float: right;
}
.index .news .newsList .newsList-item .newsList-msg h3 {
font-size: 18px;
font-weight: bold;
}
.index .news .newsList .newsList-item .newsList-msg h4 {
font-size: 14px;
color: #666666;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.index .news .newsList .newsList-item .newsList-msg p {
font-size: 14px;
margin-top: 37px;
}
.index .news .newsList .newsList-item:hover {
cursor: pointer;
}
.index .news .newsList .newsList-item:hover h3 {
color: #DAB866;
}
// .index .news .newsList .newsList-item:hover .newsList-pic img {
// border: 2px solid #DAB866;
// }
.index .news .newsPage {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.index .news .newsPage span {
background: #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 4px;
font-size: 14px;
padding: 5px 10px;
cursor: pointer;
}
.index .news .newsPage span.active {
color: #ffffff;
border: 1px solid #DAB866;
background: #DAB866;
}
.index .newsdetail {
width: 1217px;
position: absolute;
top: 0;
left: 0;
}
.index .newsdetail a{
font-size: 14px;
position: absolute;
right: 0;
top: 0;
}
.index .newsdetail a:hover{
color: #DAB866;
}
.index .newsdetail h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .newsdetail .newsLook {
margin-bottom: 20px;
}
.index .newsdetail .newsLook span {
font-size: 14px;
padding-right: 8px;
}
.index .newsdetail .newsLook .icon-shijian,
.index .newsdetail .newsLook .icon-yanjing {
color: #DAB866;
}
.index .newsdetail .newsdetail-content {
height: 600px;
overflow-y: auto;
scrollbar-color: #DAB866 rgba(0,0,0,.3);
scrollbar-width: thin;
}
.index .newsdetail .newsdetail-content h3 {
font-size: 24px;
margin-bottom: 15px;
}
.index .newsdetail .newsdetail-content p:nth-of-type(1){
overflow: hidden;
}
.index .newsdetail .newsdetail-content p:nth-of-type(1) img {
// width: 567px;
// height: 300px;
margin-right: 6px;
float: left;
}
.index .newsdetail .newsdetail-content {
/* width: 1148px; */
width: 100%;
font-size: 14px;
line-height: 22px;
margin-top: 19px;
}
.index .newsdetail .newsdetail-content p{
width: 1148px;
}
.index .newsdetail .newsdetail-content p:nth-of-type(2) {
margin: 40px 0px;
}
.index .geomancy {
width: 1217px;
position: relative;
}
.index .geomancy-other a{
font-size: 14px;
position: absolute;
right: 0;
top: 0;
}
.index .geomancy-other a:hover{
color: #DAB866;
}
.index .geomancy h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .geomancy ul {
height: 597px;
overflow: hidden;
}
.index .geomancy ul li {
width: 262px;
float: left;
margin-bottom: 40px;
margin-right: 35px;
}
.index .geomancy ul a {
width: 100%;
height: auto;
}
.index .geomancy .geomancyDetail {
position: absolute;
top: 0;
left: 0;
display: none;
}
.index .geomancy .geomancyList {
position: absolute;
top: 0;
left: 0;
}
.index .geomancy .geomancylist-item .geomancylist-item-img {
width: 253px;
height: 143px;
overflow: hidden;
}
.index .geomancy .geomancylist-item .geomancylist-item-img img {
width: 100%;
}
.index .geomancy .geomancylist-item .geomancylist-item-msg {
padding-bottom: 10px;
}
.index .geomancy .geomancylist-item .geomancylist-item-msg h3 {
font-size: 14px;
margin-top: 6px;
}
.index .geomancy .geomancylist-item .geomancylist-item-msg p {
font-size: 14px;
color: #AAAAAA;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.index .geomancy .geomancylist-item .geomancylist-item-more {
border-top: 1px solid rgba(0, 0, 0, 0.1);
font-size: 14px;
color: #AAAAAA;
padding-top: 15px;
}
.index .geomancy .geomancylist-item .geomancylist-item-more .spanTime {
float: left;
}
.index .geomancy .geomancylist-item .geomancylist-item-more .spanMore {
float: right;
padding-right: 26px;
position: relative;
}
.index .geomancy .geomancylist-item .geomancylist-item-more .spanMore::before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-56%);
border-left: 8px solid #DAB866;
border-right: 8px solid transparent;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
.index .geomancy .geomancy-content {
width: 100%;
height: 592px;
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: #DAB866 rgba(0,0,0,.3);
scrollbar-width: thin;
}
.index .geomancy .geomancy-content p:nth-of-type(1){
height: 375px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
overflow: hidden;
}
.index .geomancy .geomancy-content p{
width: 1134px;
font-size: 14px;
line-height: 37px;
margin-top: 26px;
}
.index .geomancy .geomancy-content p:nth-of-type(1) img:nth-of-type(odd){
width: 635px;
height: 100%;
}
.index .geomancy .geomancy-content p:nth-of-type(1) img:nth-of-type(even){
width: 496px;
height: 100%;
}
.index .geomancy .geomancy-detail-pic {
height: 375px;
overflow: hidden;
}
.index .geomancy .geomancy-detail-pic .leftPic {
width: 635px;
height: 100%;
}
.index .geomancy .geomancy-detail-pic .rightPic {
width: 496px;
height: 100%;
}
.index .geomancy .geomanct-detail-msg {
}
.index .free {
width: 1146px;
}
.index .free h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .free .navTopList {
margin-bottom: 24px;
}
.index .free .navTopList li {
width: 120px;
height: 40px;
background: #ABABAB;
text-align: center;
line-height: 40px;
float: left;
color: #ffffff;
font-size: 18px;
margin-right: 10px;
cursor: pointer;
}
.index .free .navTopList li.active {
background: #DAB866;
}
.index .free .navContentList li {
display: none;
}
.index .free .navContentList li.active {
display: block;
}
.index .free .video {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #DAB866;
width: 106px;
height: 32px;
line-height: 32px;
font-size: 14px;
position: absolute;
right: 0;
top: -60px;
}
.index .free .video p {
margin-left: 5px;
}
.index .free .video:hover {
cursor: pointer;
}
.index .free .video:hover p {
color: #DAB866;
}
.index .free .outdoor {
position: relative;
}
.index .free .outdoor .outdoor-topPic{
display: flex;
align-items: center;
justify-content: space-between;
}
.index .free .outdoor .outdoor-bottomPic{
display: flex;
align-items: center;
justify-content: space-between;
}
.index .free .familyFree {
width: 1146px;
position: relative;
}
.index .free .familyFree h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
}
.index .free .familyFree h2 {
font-size: 18px;
color: #DAB866;
line-height: 24px;
}
.index .free .familyFree p {
font-size: 14px;
line-height: 24px;
}
.index .free .familyFree .familyPic {
margin-top: 36px;
}
.index .free .familyFree .familyPic .familyPic-left {
width: 394px;
height: 497px;
overflow: hidden;
float: left;
}
.index .free .familyFree .familyPic .familyPic-right {
float: right;
}
.index .free .familyFree .familyPic .familyPic-right .pic {
margin-bottom: 13px;
}
.index .free .familyFree .familyPic .familyPic-right .pic img:nth-of-type(1) {
width: 394px;
height: 242px;
}
.index .free .familyFree .familyPic .familyPic-right .pic img:nth-of-type(2) {
width: 335px;
height: 242px;
}
.index .free .our-msg {
font-size: 14px;
margin-top: 10px;
}
.index .free .our-msg p {
float: left;
margin-right: 22px;
}
.index .free .our-msg p span:nth-of-type(1) {
display: inline-block;
width: 21px;
height: 21px;
border-radius: 50%;
border: 2px solid #DAB866;
text-align: center;
line-height: 21px;
color: #DAB866;
margin-right: 6px;
}
.index .free .our .our-left {
float: left;
margin-right: 92px;
}
.index .free .our .our-right {
float: right;
}
.index .free .our .our-right h3 {
font-size: 18px;
position: relative;
padding-left: 20px;
margin-bottom: 16px;
}
.index .free .our .titleTwo {
margin-top: 28px;
}
.index .free .our .our-right h3::before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
border-left: 10px solid #DAB866;
border-right: 10px solid transparent;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.index .free .our .our-picList img {
float: left;
margin-right: 11px;
margin-bottom: 16px;
}
.index .shop {
width: 1246px;
}
.index .shop h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .shopList {
width: 100%;
height: 677px;
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: #DAB866 rgba(0,0,0,.3);
scrollbar-width: thin;
}
.index .shopList .shoplist-item {
float: left;
width: 277px;
background: #efefef;
cursor: pointer;
margin-right: 17px;
margin-bottom: 17px;
}
.index .shopList .shoplist-item .shoplist-item-pic {
width: 100%;
height: 277px;
overflow: hidden;
}
.index .shopList .shoplist-item .shoplist-item-msg {
width: 100%;
padding-top: 20px;
padding-bottom: 18px;
font-size: 14px;
}
.index .shopList .shoplist-item .shoplist-item-pic img {
width: 100%;
}
.index .shopList .shoplist-item .shoplist-item-msg p:nth-of-type(1) {
float: left;
margin-left: 16px;
}
.index .shopList .shoplist-item .shoplist-item-msg p:nth-of-type(1) .icon-youjiantou {
color: #DAB866;
}
.index .shopList .shoplist-item .shoplist-item-msg p:nth-of-type(2) {
float: right;
margin-right: 14px;
}
.index .shopList .shoplist-item:hover {
background: #DAB866;
color: #ffffff;
}
.index .blessing {
width: 1246px;
}
.index .blessing h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .blessingList {
height: 638px;
overflow: hidden;
overflow-y: auto;
scrollbar-color: #DAB866 rgba(0,0,0,.3);
scrollbar-width: thin;
}
.index .blessingList .blessinglist-item {
float: left;
width: 565px;
background: #fff;
border: 1px solid #DEDEDE;
box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.08);
margin-right: 17px;
margin-bottom: 17px;
cursor: pointer;
}
.index .blessingList .blessinglist-item .blessinglist-item-pic {
width: 100%;
overflow: hidden;
}
.index .blessingList .blessinglist-item .blessinglist-item-pic img {
width: 100%;
}
.index .blessingList .blessinglist-item .blessinglist-item-msg {
width: 100%;
padding-top: 8px;
padding-bottom: 14px;
font-size: 14px;
}
.index .blessingList .blessinglist-item .blessinglist-item-msg p:nth-of-type(1) {
float: left;
margin-left: 13px;
}
.index .blessingList .blessinglist-item .blessinglist-item-msg p:nth-of-type(2) {
float: right;
color: #DAB866;
margin-right: 17px;
}
.index .blessingPage {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.index .blessingPage span {
background: #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 4px;
font-size: 14px;
padding: 5px 10px;
cursor: pointer;
}
.index .blessingPage span.active {
color: #ffffff;
border: 1px solid #DAB866;
background: #DAB866;
}
.index .love h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .loveList .lovelist-item {
background: #ffffff;
float: left;
border: 1px solid #DEDEDE;
box-shadow: 0px 1px 43px 0px rgba(0, 0, 0, 0.08);
margin-right: 25px;
}
.index .loveList .lovelist-item h2 {
font-size: 26px;
margin: 27px 0px 20px 13px;
}
.index .loveList .lovelist-item h2 span:nth-of-type(1) {
color: #DAB866;
margin-right: 8px;
}
.index .loveList .lovelist-item .lovelist-item-pic {
width: 366px;
height: 268px;
overflow: hidden;
}
.index .loveList .lovelist-item p {
font-size: 14px;
width: 323px;
margin: 23px 27px 34px 16px;
}
.index .loveList .lovelist-item h3 {
font-size: 14px;
color: #DAB866;
margin-bottom: 45px;
margin-left: 20px;
}
.index .loveList .lovelist-item h3 span:nth-of-type(1) {
margin-right: 6px;
}
.index .burial {
width: 1246px;
}
.index .burial .swiper-container {
width: 891px;
height: 600px;
float: left;
margin-right: 8px;
}
.index .burial .swiper-container img {
width: 100%;
height: 100%;
}
.index .burial .swiper-container .swiper-button-next {
width: 39px;
height: 39px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background: rgba(0, 0, 0, 0.3);
color: #ffffff;
outline: none;
}
.index .burial .swiper-container .swiper-button-prev::after {
transform: scale(0.3);
}
.index .burial .swiper-container .swiper-button-next::after {
transform: scale(0.3);
}
.index .burial .swiper-container .swiper-button-prev {
width: 39px;
height: 39px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background: rgba(0, 0, 0, 0.3);
color: #ffffff;
outline: none;
}
.index .burial .swiper-container .swiper-button-prev:active {
background: #dab866;
}
.index .burial .swiper-container .swiper-button-next:active {
background: #dab866;
}
.index .burial h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .burial p {
font-size: 16px;
line-height: 24px;
}
.index .burial .burial-content {
margin-top: 41px;
}
.index .burial .burial-content .swiper-slide {
width: 100%;
position: relative;
}
.index .burial .burial-content .swiper-slide .swiper-slide-title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 41px;
color: #ffffff;
line-height: 41px;
background: rgba(0, 0, 0, 0.3);
padding-left: 18px;
font-size: 14px;
}
.index .burial .burial-content .burial-imgList {
height: 600px;
overflow: hidden;
overflow-y: auto;
scrollbar-color: #DAB866 rgba(0,0,0,.3);
scrollbar-width: thin;
}
.index .burial .burial-content .burial-imgList img {
display: block;
margin-bottom: 8px;
width: 252px;
height: 190px;
cursor: pointer;
}
.index .burial .burial-content .burial-imgList img.active {
border: 4px solid #DAB866;
}
.index .process h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 38px;
}
.index .process .processList .processList-item {
float: left;
position: relative;
margin: 0px 60px 158px 60px;
}
.index .process .processList .processList-item:nth-of-type(4n) .zhishi{
display: none;
}
.index .process .processList-item {
width: 180px;
height: 180px;
text-align: center;
}
.index .process .processList-item .imgScale {
width: 100%;
height: 180px;
overflow: hidden;
border-radius: 30px;
transform: rotate(45deg);
margin-top: 27px;
margin-bottom: 60px;
box-shadow: 10px 10px 5px #ECECEC;
}
.index .process .processList-item .imgScale img {
max-width: 100%;
transform: rotate(-45deg) scale(2.3);
}
.index .process .processList-item .line {
width: 107px;
height: 6px;
background: #CCCCCC;
border-radius: 3px;
margin: 0 auto;
margin-top: 6px;
}
.index .process .processList-item p {
font-size: 24px;
}
.index .process .processList-item .num {
width: 42px;
height: 42px;
border-radius: 50%;
border: 3px solid #DAB866;
text-align: center;
line-height: 42px;
color: #DAB866;
font-size: 24px;
position: absolute;
left: -64px;
top: 82%;
}
.index .process .processList-item .zhishi {
position: absolute;
right: -143px;
top: 3px;
}
.index .process .processList-item:hover {
cursor: pointer;
}
.index .process .processList-item:hover .imgScale {
box-shadow: 10px 10px 5px #DAB866;
}
.index .process .processList-item:hover .line {
background: #DAB866;
}
.index .know {
width: 1246px;
}
.index .know h1 {
font-size: 34px;
line-height: 34px;
padding-left: 16px;
border-left: 4px solid #DAB866;
}
.index .know .content {
overflow-y: auto;
height: 558px;
margin: 30px 0px 14px 0px;
font-size: 18px;
line-height: 36px;
padding-right: 76px;
scrollbar-color: #DAB866 rgba(0,0,0,.3);
scrollbar-width: thin;
}
.index .know .arrow {
float: right;
}
.index .know .arrow span {
display: block;
font-size: 38px;
margin-top: 10px;
}
.index .btn {
height: 80%;
position: absolute;
right: 10%;
top: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.index .btn a {
font-size: 16px;
text-align: center;
cursor: pointer;
}
.index .btn a:hover {
color: #DAB866;
}
.index .btn .arrow span {
cursor: pointer;
display: block;
font-size: 34px;
margin-top: 7px;
text-align: right;
}
.index .btn .arrow span:hover {
color: #DAB866;
}
.page2Left {
background: #DAB866;
}
.page2Left .open {
color: #fff;
}
.page2Left #menu a {
color: #ffffff;
}
.page2Left #menu .menu-item li a:hover {
color: rgba(255, 255, 255, 0.6);
}
.page2Left #menu .menu-item li::before {
background: #ffffff;
}
.indexPage {
position: relative;
width: 100%;
height: 100%;
min-width: 1200px;
}
.indexPage .swiper-container .swiper-slide img {
width: 100%;
height: 100%;
cursor: pointer;
}
.indexPage .swiperlist {
position: absolute;
bottom: 122px;
left: 203px;
z-index: 1000;
}
.indexPage .swiperlist li {
width: 200px;
height: 2px;
background: rgba(255, 255, 255, 0.3);
float: left;
margin-right: 22px;
cursor: pointer;
position: relative;
transition: 0.5 linear;
}
.indexPage .swiperlist .icon-shubiao {
color: #ffffff;
font-size: 36px;
line-height: 8px;
}
.indexPage .swiperlist li.active::before {
content: '';
width: 100%;
height: 8px;
background: rgba(255, 255, 255, 0.6);
position: absolute;
top: -6px;
left: 0;
}
.section {
overflow: hidden;
}
.bg {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}
.bg img {
display: block;
width: 100%;
/* height: 100%; */
}
.service {
width: 100%;
height: 100%;
}
.service li {
width: 25%;
height: 100%;
float: left;
position: relative;
overflow: hidden;
}
.service li .dh {
width: 42px;
height: 38px;
}
.service li .dh img {
width: 100%;
}
.service li .leftbox {
background: #fff;
width: 60px;
height: 130%;
position: absolute;
left: -60px;
top: -30px;
border-radius: 50%;
transition: 0.3s all linear;
z-index: 10;
}
.service li .leftbox.act {
left: -20px;
transition: 0.3s all linear;
}
.service li .rightbox.act {
right: -20px;
transition: 0.3s all linear;
}
.service li .rightbox {
background: #fff;
width: 60px;
height: 130%;
position: absolute;
right: -60px;
top: -30px;
border-radius: 50%;
transition: 0.3s all linear;
z-index: 10;
}
.service li .service-content {
width: 60%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%,-50%);
}
.service li .service-content .title {
margin-bottom: 60px;
}
.service li .service-content .title h2 {
font-size: 28px;
}
.service li .service-content .title .title-img {
float: left;
margin-right: 7px;
overflow: hidden;
}
.service li .service-content .title .title-img img {
width: 100%;
}
.service li .service-content h3 {
font-size: 18px;
line-height: 25px;
margin-bottom: 62px;
height: 80px;
}
.service li .service-content p {
font-size: 14px;
line-height: 18px;
margin-top: 21px;
min-height: 100px;
}
.service li .service-other {
position: relative;
width: 100%;
height: 100%;
transition: 0.3s all linear;
display: none;
}
.service li .service-other .service-other-content {
position: relative;
height: 80%;
z-index: 10;
color: #ffffff;
overflow: hidden;
padding: 0px 90px;
}
.service li .service-other .service-other-content .otherBg {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -10;
overflow: hidden;
}
.service li .service-other .service-other-content .otherBg img {
width: 100%;
}
.service li .service-other .service-other-content .shadowBox {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
z-index: -6;
}
.service li .service-other .service-other-content h2 {
font-size: 28px;
margin-bottom: 20px;
margin-top: 260px;
}
.service li .service-other .service-other-content p {
font-size: 14px;
line-height: 20px;
margin-top: 38px;
}
.service li .service-other .more-btn-box {
padding: 0px 90px;
height: 20%;
}
.service li .service-other .more-btn {
font-size: 16px;
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
padding: 10px 0px;
border: 1px solid #ffffff;
background: #DAB866;
margin-top: 40px;
cursor: pointer;
}
.service li .service-other .more-btn span {
margin-left: 16px;
}
.service li .service-other .more-btn .more-btn-img {
width: 36px;
height: 12px;
margin-right: 16px;
}
.service li .service-other .more-btn .more-btn-img img {
width: 100%;
}
.culture {
width: 100%;
height: 100%;
position: relative;
min-width: 1200px;
margin: 0 auto;
}
.culture .culturelist {
width: 589px;
position: absolute;
top: 50%;
left: 100px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.culture .culturelist-item-title {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.culture .culturelist-item-title p img {
width: 33px;
height: 33px;
margin-right: 10px;
}
.culture .culturelist-item-title p span {
font-size: 32px;
font-weight: bold;
line-height: 33px;
}
.culture .culturelist-item-title a {
border: 1px solid #DAB866;
padding: 4px;
font-size: 12px;
}
.culture .culturelist-item-title a .icon-tupian {
color: #DAB866;
margin-right: 4px;
}
.culture .culturelist-item-title a:hover span {
color: #DAB866;
}
.culture .culturelist-item-imglist {
margin-top: 19px;
margin-bottom: 36px;
}
.culture .culturelist-item-imglist .imgleft {
float: left;
}
.culture .culturelist-item-imglist .imgright {
float: right;
}
.culture .culturelist-item-imglist img {
width: 289px;
height: 163px;
}
.center {
width: 100%;
height: 100%;
position: relative;
min-width: 1200px;
}
.center .center-content {
width: 1244px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: left;
overflow: hidden;
}
.center .center-content h1 {
font-size: 48px;
color: #ffffff;
}
.center .center-content .desc {
width: 1013px;
font-size: 16px;
line-height: 24px;
margin-top: 15px;
margin-bottom: 46px;
color: #ffffff;
}
.center .center-content .centerlist-item {
width: 391px;
height: 214px;
border-radius: 14px;
background: #ffffff;
float: left;
margin-bottom: 16px;
margin-right: 24px;
overflow: hidden;
background: url('../images/center/shadow.png') no-repeat;
background-size: 100 auto;
display: flex;
align-items: center;
}
.center .center-content .centerlist-item p {
color: #DDBF75;
font-size: 36px;
}
.center .center-content .centerlist-item .icon {
width: 130px;
height: 130px;
display: block;
margin-left: 34px;
margin-right: 30px;
}
.about {
width: 100%;
height: 100%;
position: relative;
min-width: 1200px;
margin: 0 auto;
}
.about .about-content {
width: 633px;
position: absolute;
left: 100px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.about .about-content h1 {
font-size: 48px;
}
.about .about-content h3 {
font-size: 24px;
border-left: 6px solid #DAB866;
line-height: 24px;
padding-left: 9px;
margin-top: 35px;
margin-bottom: 26px;
}
.about .about-content .dh-img {
width: 42px;
height: 38px;
}
.about .about-content .dh-img img {
width: 100%;
}
.about .about-content .about-content-msg p {
font-size: 14px;
line-height: 26px;
margin-top: 14px;
}
.about .about-content .about-content-number {
display: flex;
align-items: center;
font-size: 18px;
margin-top: 20px;
}
.about .about-content .about-content-number .about-left {
margin-right: 122px;
}
.about .about-content .about-content-number .year,
.about .about-content .about-content-number .number {
font-size: 30px;
color: #DAB866;
font-weight: bold;
}
.about .about-content .about-btn {
width: 210px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
float: left;
padding: 10px 0px;
background: #DAB866;
margin-top: 47px;
cursor: pointer;
}
.about .about-content .about-btn p {
margin-left: 16px;
}
.about .about-content .about-btn .about-btn-img {
width: 36px;
height: 12px;
margin-right: 16px;
}
.about .about-content .about-btn .about-btn-img img {
width: 100%;
}
.contact {
width: 100%;
height: 100%;
position: relative;
min-width: 1200px;
color: #ffffff;
}
.contact .contact-content {
width: 1151px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.contact .contact-content h1 {
font-size: 48px;
color: #ffffff;
}
.contact .contact-content .contactlist {
position: relative;
}
.contact .contact-content .contactlist-item {
margin-top: 54px;
}
.contact .contact-content .contactlist-item .title {
color: #DAB866;
margin-bottom: 17px;
}
.contact .contact-content .contactlist-item .title span {
font-size: 30px;
margin-right: 14px;
}
.contact .contact-content .contactlist-item .location {
font-size: 24px;
}
.contact .contact-content .contactlist-item .phone,
.contact .contact-content .contactlist-item .wechat {
font-size: 48px;
}
.contact .contact-content .code {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
text-align: center;
}
.contact .contact-content .code .code-img {
width: 296px;
height: 296px;
}
.contact .contact-content .code .code-img img {
width: 100%;
}
.contact .contact-content .code p {
font-size: 24px;
margin-top: 19px;
}
.contact .contact-content .copyright {
font-size: 18px;
margin-top: 100px;
line-height: 28px;
}
.scene {
width: 871px;
height: 581px;
margin: 0 auto;
}
.scene .scenelist {
width: 844px;
position: relative;
margin: 0 auto;
margin-top: 10px;
}
.scene .scenelist .leftIcon,
.scene .scenelist .rightIcon {
width: 23px;
height: 71px;
line-height: 71px;
text-align: center;
background: rgba(0, 0, 0, 0.7);
color: #ffffff;
}
.scene .scenelist .leftIcon {
position: absolute;
left: 0;
top: 0;
}
.scene .scenelist .leftIcon:hover {
background: #DAB866;
}
.scene .scenelist .rightIcon:hover {
background: #DAB866;
}
.scene .scenelist .rightIcon {
position: absolute;
right: 0;
top: 0;
transform: rotateY(180deg);
}
.scene .bigImg {
width: 844px;
height: 475px;
overflow: hidden;
margin: 0 auto;
margin-top: 15px;
}
.scene .bigImg img {
width: 100%;
}
.scene .bigImg ul li {
display: none;
}
.scene .bigImg ul li.active {
display: block;
}
.scene .swiper-container {
width: 784px;
margin: 0 auto;
overflow: hidden;
}
.scene .swiper-container .swiper-slide {
width: 125px;
height: 71px;
overflow: hidden;
}
.scene .swiper-container .swiper-slide img {
width: 100%;
}
.love-year {
width: 822px;
height: 510px;
overflow: hidden;
position: relative;
}
.love-year h1 {
font-size: 26px;
text-align: center;
margin-top: 22px;
margin-bottom: 20px;
}
.love-year .yearbg {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.love-year .yearbg img {
width: 100%;
}
.love-year .instead-content {
width: 763px;
height: 430px;
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: #DAB866 rgba(0,0,0,.3);
scrollbar-width: thin;
margin: 0 auto;
}
.love-year .instead-content p {
font-size: 14px;
line-height: 25px;
}
.love-year .instead-content span {
color: #DAB866;
}
.love-year .instead-content h3 {
color: #000000;
font-size: 18px;
margin-bottom: 33px;
margin-top: 25px;
}
.love-year .instead-content .instead-imgList-item {
float: left;
margin-right: 16px;
margin-bottom: 30px;
}
.love-year .instead-content .instead-imgList-item .instead-leftImg {
width: 338px;
height: 206px;
overflow: hidden;
}
.love-year .instead-content .instead-imgList-item .instead-leftImg img {
width: 100%;
}
.love-year .instead-content .instead-imgList-item .item-title {
display: flex;
align-items: center;
margin-top: 10px;
}
.love-year .instead-content .instead-imgList-item .item-title img {
width: 22px;
height: 22px;
}
.love-year .instead-content .instead-imgList-item .item-title p {
font-size: 14px;
margin-left: 6px;
}
.love-year .yearList {
width: 748px;
overflow: hidden;
margin: 0 auto;
}
.love-year .yearlist-item {
margin-right: 12px;
margin-bottom: 14px;
position: relative;
float: left;
}
.love-year .yearlist-item .yearlist-item-pic {
width: 241px;
height: 145px;
overflow: hidden;
}
.love-year .yearlist-item .yearlist-item-pic img {
width: 100%;
}
.love-year .yearlist-item p {
font-size: 12px;
color: #ffffff;
width: 64px;
height: 23px;
text-align: center;
line-height: 23px;
background: #DAB866;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.love-year .yearlist-item:nth-of-type(3n) {
margin-right: 0;
}
.love-year .clean-content {
width: 600px;
height: 420px;
margin: 0 auto;
overflow-y: auto;
text-align: center;
scrollbar-color: #DAB866 rgba(0,0,0,.3);
scrollbar-width: thin;
}
.love-year .clean-content .clean-content-title {
line-height: 25px;
}
.love-year .clean-content .clean-content-title h2 {
font-size: 18px;
color: #DAB866;
}
.love-year .clean-content .clean-content-title p {
font-size: 14px;
}
.love-year .clean-content .clean-content-pic {
width: 455px;
height: 273px;
overflow: hidden;
margin: 0 auto;
}
.love-year .clean-content .clean-content-pic img {
width: 100%;
}
.love-year .clean-content .clean-content-msg {
margin-top: 20px;
}
.love-year .clean-content .clean-content-msg p {
font-size: 18px;
line-height: 25px;
}
.love-year .funeral-content {
width: 763px;
height: 411px;
overflow-x: hidden;
overflow-y: auto;
margin: 0 auto;
font-size: 14px;
scrollbar-color: #DAB866 rgba(0,0,0,.3);
scrollbar-width: thin;
}
.love-year .funeral-content h3 {
font-size: 20px;
color: #DAB866;
margin-bottom: 40px;
}
.love-year .funeral-content h4 {
font-size: 14px;
color: #DAB866;
}
.love-year .funeral-content p {
font-size: 12px;
line-height: 35px;
}
.love-year .funeral-content .funeral-content-msg {
width: 500px;
margin-bottom: 40px;
}
.navBox {
width: calc(100% - 6.14583333%);
height: 100%;
position: absolute;
top: 0;
left: -100%;
z-index: 500;
transition: 1s all linear;
background: #ffffff;
}
.navBox .mainNav {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.navBox li {
width: 16.6666667%;
height: 100%;
float: left;
position: relative;
}
.navBox li a {
width: 100%;
height: 100%;
text-align: center;
font-size: 48px;
z-index: 10;
}
.navBox li a p {
height: 250px;
min-height: 250px;
display: flex;
align-items: flex-start;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.navBox li a span:nth-of-type(1) {
font-size: 16px;
margin-right: 10px;
color: #7C8182;
display: none;
}
.navBox li a span:nth-of-type(2) {
writing-mode: vertical-lr;
letter-spacing: 10px;
}
.navBox li:hover a {
color: #ffffff;
}
.navBox li:hover a span:nth-of-type(1) {
color: #ffffff;
}
.navBox .moveBox {
display: none;
background: #DAB866;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
transition: 0.3s linear;
}
.navBox .leftMove {
width: 630px;
height: 280%;
position: absolute;
left: -608px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
border-radius: 50% / 50%;
background: #ffffff;
z-index: -10;
transition: 0.4s all linear;
}
.navBox .rightMove {
width: 630px;
height: 280%;
position: absolute;
right: -608px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
border-radius: 50% / 50%;
background: #ffffff;
z-index: -10;
transition: 0.4s all linear;
}
.navBox .leftMove.active {
left: -586px;
z-index: 5;
transition: 0.4s all linear;
}
.navBox .rightMove.active {
right: -586px;
z-index: 5;
transition: 0.4s all linear;
}
.formlist{
width: 800px;
}
.formlist li{
margin-bottom: 30px;
}
.formlist .formlist_title {
font-size: 24px;
line-height: 42px;
color: #333333;
}
.formlist [type="text"] {
outline: none;
border: none;
width: 300px;
height: 40px;
background: #FFFFFF;
border: 2px solid #DADADA;
border-radius: 4px;
font-size: 20px;
padding: 0px 10px;
}
.formlist [type="checkbox"] {
width: 25px;
height: 25px;
}
.formlist .name {
float: left;
margin-right: 20px;
}
.formlist .checkbox-list {
overflow: hidden;
font-size: 16px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.bui-checkbox-label {
float: left;
margin-right: 20px;
display: flex;
align-items: center;
}
.bui-checkbox-label p {
font-size: 16px;
margin-left: 9px;
}
.formlist .opr {
float: left;
font-size: 16px;
}
.formlist textarea {
width: 100%;
font-size: 20px;
margin-bottom: 20px;
border: 2px solid #DADADA;
padding: 20px;
outline: none;
resize: none;
box-sizing: border-box;
}
.formlist .btnBox{
width: 100%;
overflow: hidden;
display: flex;
cursor: pointer;
}
.formlist .btnCom {
width: 180px;
height: 40px;
border-radius: 4px;
line-height: 40px;
text-align: center;
color: #FFFFFF;
font-size: 16px;
}
.formlist .reset {
background: #303133;
margin-right: 10px;
}
.formlist .checkbox {
width: 24px;
height: 24px;
margin: 0;
padding: 0;
}
.formlist .submit {
background: #DAB866;
}
@media screen and (max-width: 1680px) {
.formlist{
width: 600px;
}
.formlist li{
margin-bottom: 20px;
}
.formlist .formlist_title {
font-size: 22px;
line-height: 40px;
}
.formlist [type="text"] {
width: 200px;
height: 38px;
font-size: 18px;
padding: 0px 10px;
}
.formlist textarea {
font-size: 16px;
margin-bottom: 14px;
border: 2px solid #DADADA;
padding: 10px;
}
.indexPage .swiperlist {
position: absolute;
bottom: 87px;
left: 144px;
z-index: 1000;
}
.indexPage .swiperlist li {
width: 200px;
height: 2px;
background: rgba(255, 255, 255, 0.3);
float: left;
margin-right:14px;
cursor: pointer;
position: relative;
transition: 0.5 linear;
}
.indexPage .swiperlist .icon-shubiao {
color: #ffffff;
font-size: 36px;
line-height: 8px;
}
.indexPage .swiperlist li.active::before {
content: '';
width: 100%;
height: 6px;
background: rgba(255, 255, 255, 0.6);
position: absolute;
top: -6px;
left: 0;
}
.index .indexLeft {
background: #f5f5f5;
}
.index .aboutLeft {
background: transparent;
transition: 0.5s linear;
}
.index .aboutLeft .logoYellow{
display: none;
}
.index .logo {
width: 55px;
}
.index .logo img {
width: 100%;
}
.index #menu > li {
font-size: 14px;
}
.index #menu .menu-item li {
font-size: 10px;
margin-top: 10px;
margin-left: 10px;
position: relative;
}
.index #menu .menu-item li::before {
content: '';
width: 3px;
height: 3px;
left: 8px;
}
.index .tipsList li p{
font-size: 12px;
}
.index .tipsList li p:first-child {
display: block;
width: 6px;
height: 6px;
background: #ffffff;
position: relative;
margin-right: 8px;
}
.index .tipsList li.active p:first-child::before {
content: '';
width: 12px;
height: 12px;
border: 2px solid #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.index .open {
width: 18px;
}
.index .open img {
width: 100%;
}
.index .close {
width: 18px;
}
.index .close img {
width: 100%;
}
.index .right {
float: left;
width: calc(100% - 6.14583333%);
height: 100%;
}
.index .section {
width: 100%;
height: 100%;
position: relative;
}
.index .abstract_bg {
width: 512px;
height: 518px;
position: absolute;
right: 100px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.index .news_bg {
width: 854px;
// height: 518px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
overflow: hidden;
}
.index .news_bg h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .news_bg .btn {
height: 100%;
position: absolute;
right: 0;
top: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.index .news_bg .btn p {
font-size: 12px;
text-align: center;
cursor: pointer;
}
.index .news_bg .btn p:hover {
color: #DAB866;
}
.index .news_bg .btn .arrow span {
cursor: pointer;
display: block;
font-size: 27px;
margin-top: 7px;
text-align: right;
}
.index .news_bg .btn .arrow span:hover {
color: #DAB866;
}
.index .btn {
height: 80%;
position: absolute;
right: 0;
top: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.index .btn p {
font-size: 12px;
text-align: center;
cursor: pointer;
}
.index .btn p:hover {
color: #DAB866;
}
.index .btn .arrow span {
display: block;
font-size: 27px;
text-align: right;
cursor: pointer;
}
.index .btn .arrow span:hover {
color: #DAB866;
}
.index .abstract {
overflow: hidden;
}
.index .abstract .imglist{
width: 471px;
margin-top: 20px;
overflow: hidden;
}
.index .abstract .imglist img{
width: 149px;
height: 84px;
margin-right: 6px;
float: left;
}
.index .abstract h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .abstract p {
line-height: 18px;
font-size: 12px;
}
.index .abstract .content {
width: 470px;
overflow-y: auto;
height: 280px;
margin-top: 12px;
margin-bottom: 8px;
padding-right: 50px;
}
.index .abstract .content p {
margin-bottom: 28px;
}
.index .abstract .content p span {
color: #DAB866;
}
.index .abstract .content p:nth-last-of-type{
width: 470px;
overflow: hidden;
}
.index .abstract .content p img{
width: 149px;
height: 84px;
float: left;
}
/* .index .abstract .imglist {
width: 470px;
overflow: hidden;
} */
.index .abstract p img {
width: 227px;
height: 128px;
float: left;
margin-right: 5px;
}
.index .abstract .honerList {
width: 520px;
height: 386px;
overflow: hidden;
overflow-y: auto;
}
.index .abstract .honerList .honerList-item {
float: left;
margin-top: 10px;
margin-right: 10px;
}
.index .abstract .honerList .honerList-item img {
width: 238px;
}
.index .abstract .honerList .honerList-item p {
font-size: 12px;
color: #000000;
position: relative;
padding-left: 10px;
margin-top: 10px;
}
.index .abstract .honerList-item p::before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
border-left: 6px solid #DAB866;
border-right: 6px solid transparent;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.index .abstract .concept-img {
max-width: 484px;
/*overflow: hidden;*/
}
.index .abstract .concept-img p img {
width: 227px;
margin-right: 13px;
float: left;
}
.index .abstract .concept-img p {
width: 100%;
font-size: 18px;
position: relative;
padding-left: 10px;
margin-top: 30px;
overflow: hidden;
}
/* .index .abstract .concept-msg p span:first-of-type {
font-weight: bold;
} */
.index .abstract .concept-img p::before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
border-left: 6px solid #DAB866;
border-right: 6px solid transparent;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.index .abstract .team-msg {
font-size: 12px;
line-height: 18px;
width: 465px;
}
.index .abstract .team {
width: 476px;
overflow: hidden;
margin-top: 38px;
}
.index .abstract .team img {
width: 225px;
height: 127px;
float: left;
margin-bottom: 11px;
margin-right: 13px;
}
.index .news {
height: 89%;
overflow: auto;
}
.index .news h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .news .newsList {
position: relative;
display: flex;
flex-wrap: wrap;
}
.index .news .newsList .newsList-item {
width: 401px;
float: left;
margin-right: 20px;
margin-bottom: 28px;
}
.index .news .newsList .newsList-item .newsList-pic {
width: 202px;
height: 114px;
float: left;
}
.index .news .newsList .newsList-item .newsList-pic img {
width: 100%;
}
.index .news .newsList .newsList-item .newsList-msg {
width: 189px;
float: right;
}
.index .news .newsList .newsList-item .newsList-msg h3 {
font-size: 14px;
font-weight: bold;
}
.index .news .newsList .newsList-item .newsList-msg h4 {
font-size: 12px;
color: #666666;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.index .news .newsList .newsList-item .newsList-msg p {
font-size: 12px;
margin-top: 26px;
}
.index .news .newsList .newsList-item:hover {
cursor: pointer;
}
.index .news .newsList .newsList-item:hover h3 {
color: #DAB866;
}
// .index .news .newsList .newsList-item:hover .newsList-pic img {
// border: 2px solid #DAB866;
// }
.index .news .newsPage {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.index .news .newsPage span {
background: #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 4px;
font-size: 12px;
padding: 4px 8px;
cursor: pointer;
}
.index .news .newsPage span.active {
color: #ffffff;
border: 1px solid #DAB866;
background: #DAB866;
}
.index .newsdetail {
width: 866px;
position: absolute;
top: 0;
left: 0;
}
.index .newsdetail a{
font-size: 12px;
position: absolute;
right: 0;
top: 0;
}
.index .newsdetail a:hover{
color: #DAB866;
}
.index .newsdetail h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .newsdetail .newsLook {
margin-bottom: 10px;
}
.index .newsdetail .newsLook span {
font-size: 12px;
padding-right: 6px;
}
.index .newsdetail .newsLook .icon-shijian,
.index .newsdetail .newsLook .icon-yanjing {
color: #DAB866;
}
.index .newsdetail .newsdetail-content {
height: 422px;
overflow-y: auto;
}
.index .newsdetail .newsdetail-content h3 {
font-size: 18px;
margin-bottom: 12px;
}
.index .newsdetail .newsdetail-content p:nth-of-type(1){
overflow: hidden;
}
.index .newsdetail .newsdetail-content p:nth-of-type(1) img {
// width: 404px;
// height: 204px;
margin-right: 6px;
float: left;
}
.index .newsdetail .newsdetail-content{
width: 100%;
font-size: 12px;
line-height: 18px;
margin-top: 14px;
}
.index .newsdetail .newsdetail-content p{
width: 820px;
}
.index .newsdetail .newsdetail-content p:nth-of-type(2) {
margin: 20px 0px;
}
.index .geomancy {
width: 869px;
}
.index .geomancy ul {
height: 476px;
overflow: hidden;
}
.index .geomancy ul li {
width: 180px;
float: left;
margin-bottom: 26px;
margin-right: 28px;
}
.index .geomancy ul a {
width: 100%;
height: auto;
}
.index .geomancy .geomancyDetail {
position: absolute;
top: 0;
left: 0;
display: none;
}
.index .geomancy .geomancyList {
position: absolute;
top: 0;
left: 0;
}
.index .geomancy-other a{
font-size: 12px;
position: absolute;
right: 0;
top: 0;
}
.index .geomancy .geomancylist-item .geomancylist-item-img {
width: 180px;
height: 102px;
overflow: hidden;
}
.index .geomancy .geomancylist-item .geomancylist-item-img img {
width: 100%;
}
.index .geomancy .geomancylist-item .geomancylist-item-msg {
padding-bottom: 10px;
}
.index .geomancy .geomancylist-item .geomancylist-item-msg h3 {
font-size: 12px;
margin-top: 6px;
}
.index .geomancy .geomancylist-item .geomancylist-item-msg p {
font-size: 12px;
color: #AAAAAA;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: 4px;
}
.index .geomancy .geomancylist-item .geomancylist-item-more {
border-top: 1px solid rgba(0, 0, 0, 0.1);
font-size: 12px;
color: #AAAAAA;
padding-top: 10px;
}
.index .geomancy .geomancylist-item .geomancylist-item-more .spanTime {
float: left;
}
.index .geomancy .geomancylist-item .geomancylist-item-more .spanMore {
float: right;
padding-right: 16px;
position: relative;
}
.index .geomancy .geomancylist-item .geomancylist-item-more .spanMore::before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-56%);
border-left: 6px solid #DAB866;
border-right: 6px solid transparent;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.index .geomancy .geomancy-content {
width: 100%;
height: 421px;
overflow-x: hidden;
overflow-y: auto;
}
.index .geomancy .geomancy-content p:nth-of-type(1){
height: 267px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
overflow: hidden;
}
.index .geomancy .geomancy-content p{
width: 807px;
font-size: 12px;
line-height: 26px;
margin-top: 16px;
}
.index .geomancy .geomancy-content p:nth-of-type(1) img:nth-of-type(odd){
width: 452px;
height: 100%;
}
.index .geomancy .geomancy-content p:nth-of-type(1) img:nth-of-type(even){
width: 354px;
height: 100%;
}
.index .geomancy .geomancy-detail-pic {
height: 267px;
overflow: hidden;
}
.index .geomancy .geomancy-detail-pic .leftPic {
width: 452px;
height: 100%;
}
.index .geomancy .geomancy-detail-pic .rightPic {
width: 354px;
height: 100%;
}
.index .geomancy .geomanct-detail-msg {
width: 807px;
font-size: 12px;
line-height: 26px;
margin-top: 16px;
}
.index .free {
width: 820px;
}
.index .free h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .free .navTopList {
margin-bottom: 18px;
}
.index .free .navTopList li {
width: 85px;
height: 28px;
background: #ABABAB;
text-align: center;
line-height: 28px;
float: left;
color: #ffffff;
font-size: 14px;
margin-right: 8px;
cursor: pointer;
}
.index .free .navTopList li.active {
background: #DAB866;
}
.index .free .navContentList li {
display: none;
}
.index .free .navContentList li.active {
display: block;
}
.index .free .video {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #DAB866;
width: 75px;
height: 24px;
line-height: 24px;
font-size: 12px;
padding: 0px 4px;
position: absolute;
right: 0;
top: -44px;
}
.index .free .video p {
margin-left: 4px;
}
.index .free .video:hover {
cursor: pointer;
}
.index .free .video:hover p {
color: #DAB866;
}
.index .free .outdoor {
position: relative;
height: 820px;
}
.index .free .outdoor .outdoor-topPic {
width: 820px;
height: 247px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
}
.index .free .outdoor .outdoor-topPic img {
height: 100%;
}
.index .free .outdoor .outdoor-bottomPic {
width: 820px;
height: 213px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
}
.index .free .outdoor .outdoor-bottomPic img {
height: 100%;
}
.index .free .familyFree {
width: 820px;
position: relative;
}
.index .free .familyFree h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
}
.index .free .familyFree h2 {
font-size: 14px;
color: #DAB866;
line-height: 18px;
}
.index .free .familyFree p {
font-size: 12px;
line-height: 18px;
}
.index .free .familyFree .familyPic {
margin-top: 26px;
}
.index .free .familyFree .familyPic .familyPic-left {
width: 280px;
height: 354px;
overflow: hidden;
float: left;
}
.index .free .familyFree .familyPic .familyPic-left img {
width: 100%;
}
.index .free .familyFree .familyPic .familyPic-right {
float: right;
}
.index .free .familyFree .familyPic .familyPic-right .pic {
margin-bottom: 9px;
}
.index .free .familyFree .familyPic .familyPic-right .pic img:nth-of-type(1) {
width: 280px;
height: 172px;
overflow: hidden;
}
.index .free .familyFree .familyPic .familyPic-right .pic img:nth-of-type(2) {
width: 239px;
height: 172px;
overflow: hidden;
}
.index .free .our-msg {
font-size: 12px;
margin-top: 0px;
}
.index .free .our-msg p {
float: left;
margin-right: 18px;
}
.index .free .our-msg p span:nth-of-type(1) {
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px solid #DAB866;
text-align: center;
line-height: 18px;
color: #DAB866;
margin-right: 4px;
}
.index .free .our .our-left {
float: left;
width: 315px;
height: 434px;
overflow: hidden;
margin-right: 30px;
}
.index .free .our .our-left img {
width: 100%;
}
.index .free .our .our-right {
width: 475px;
float: right;
}
.index .free .our .our-right h3 {
font-size: 14px;
position: relative;
padding-left: 10px;
margin-bottom: 12px;
}
.index .free .our .our-right .our-onePic {
width: 400px;
height: 125px;
overflow: hidden;
}
.index .free .our .our-right .our-onePic img {
width: 100%;
}
.index .free .our .titleTwo {
margin-top: 20px;
}
.index .free .our .our-right h3::before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
border-left: 6px solid #DAB866;
border-right: 6px solid transparent;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.index .free .our .our-picList img {
float: left;
margin-right: 8px;
margin-bottom: 8px;
}
.index .free .our .our-picList div {
width: 420px;
}
.index .free .our .our-picList div:nth-of-type(1) img {
width: 193px;
height: 113px;
overflow: hidden;
}
.index .free .our .our-picList div:nth-of-type(2) img {
width: 193px;
height: 105px;
overflow: hidden;
}
.index .shop {
width: 865px;
}
.index .shop h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .shopList {
width: 100%;
height: 470px;
overflow-x: hidden;
overflow-y: auto;
}
.index .shopList .shoplist-item {
float: left;
width: 197px;
background: #efefef;
cursor: pointer;
margin-right: 11px;
margin-bottom: 11px;
}
.index .shopList .shoplist-item .shoplist-item-pic {
width: 100%;
height: 197px;
overflow: hidden;
}
.index .shopList .shoplist-item .shoplist-item-msg {
width: 100%;
padding-top: 8px;
padding-bottom: 6px;
font-size: 12px;
}
.index .shopList .shoplist-item .shoplist-item-msg p:nth-of-type(1) {
float: left;
margin-left: 13px;
}
.index .shopList .shoplist-item .shoplist-item-msg p:nth-of-type(1) .icon-youjiantou {
color: #DAB866;
}
.index .shopList .shoplist-item .shoplist-item-msg p:nth-of-type(2) {
float: right;
margin-right: 12px;
}
.index .shopList .shoplist-item:hover {
background: #DAB866;
color: #ffffff;
}
.index .blessing {
width: 865px;
}
.index .blessing h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .blessingList {
height: 482px;
overflow: hidden;
overflow-y: auto;
}
.index .blessingList .blessinglist-item {
float: left;
width: 405px;
background: #fff;
border: 1px solid #DEDEDE;
box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.08);
margin-right: 11px;
margin-bottom: 11px;
cursor: pointer;
}
.index .blessingList .blessinglist-item .blessinglist-item-pic {
width: 100%;
overflow: hidden;
}
.index .blessingList .blessinglist-item .blessinglist-item-pic img {
width: 100%;
}
.index .blessingList .blessinglist-item .blessinglist-item-msg {
width: 100%;
padding-top: 8px;
padding-bottom: 6px;
font-size: 12px;
}
.index .blessingList .blessinglist-item .blessinglist-item-msg p:nth-of-type(1) {
float: left;
margin-left: 9px;
}
.index .blessingList .blessinglist-item .blessinglist-item-msg p:nth-of-type(2) {
float: right;
color: #DAB866;
margin-right: 13px;
}
.index .blessingPage {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.index .blessingPage span {
background: #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 4px;
font-size: 12px;
padding: 4px 8px;
cursor: pointer;
}
.index .blessingPage span.active {
color: #ffffff;
border: 1px solid #DAB866;
background: #DAB866;
}
.index .love h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .loveList .lovelist-item {
background: #ffffff;
float: left;
border: 1px solid #DEDEDE;
box-shadow: 0px 1px 31px 0px rgba(0, 0, 0, 0.08);
margin-right: 18px;
}
.index .loveList .lovelist-item h2 {
font-size: 18px;
margin: 19px 0px 14px 9px;
}
.index .loveList .lovelist-item h2 span:nth-of-type(1) {
color: #DAB866;
margin-right: 8px;
}
.index .loveList .lovelist-item .lovelist-item-pic {
width: 260px;
height: 191px;
overflow: hidden;
}
.index .loveList .lovelist-item .lovelist-item-pic img {
width: 100%;
}
.index .loveList .lovelist-item p {
font-size: 12px;
width: 230px;
margin: 16px 19px 24px 11px;
}
.index .loveList .lovelist-item h3 {
font-size: 10px;
color: #DAB866;
margin-bottom: 21px;
margin-left: 14px;
}
.index .loveList .lovelist-item h3 span:nth-of-type(1) {
margin-right: 4px;
}
.index .burial {
width: 867px;
}
.index .burial .swiper-container {
width: 634px;
height: 437px;
float: left;
margin-right: 6px;
}
.index .burial .swiper-container .swiper-button-next {
width: 28px;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background: rgba(0, 0, 0, 0.3);
color: #ffffff;
outline: none;
}
.index .burial .swiper-container .swiper-button-prev::after {
transform: scale(0.3);
}
.index .burial .swiper-container .swiper-button-next::after {
transform: scale(0.3);
}
.index .burial .swiper-container .swiper-button-prev {
width: 28px;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background: rgba(0, 0, 0, 0.3);
color: #ffffff;
outline: none;
}
.index .burial .swiper-container .swiper-button-prev:active {
background: #dab866;
}
.index .burial .swiper-container .swiper-button-next:active {
background: #dab866;
}
.index .burial h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .burial p {
font-size: 12px;
line-height: 18px;
}
.index .burial .burial-content {
margin-top: 32px;
}
.index .burial .burial-content .swiper-slide {
width: 100%;
position: relative;
}
.index .burial .burial-content .swiper-slide .swiper-slide-title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 29px;
color: #ffffff;
line-height: 29px;
background: rgba(0, 0, 0, 0.3);
padding-left: 14px;
font-size: 12px;
}
.index .burial .burial-content .burial-imgList {
height: 437px;
overflow-y: auto;
}
.index .burial .burial-content .burial-imgList img {
display: block;
margin-bottom: 8px;
width: 179px;
height: 135px;
cursor: pointer;
}
.index .burial .burial-content .burial-imgList img.active {
border: 4px solid #DAB866;
}
.index .process h1 {
font-size: 34px;
line-height: 34px;
padding-left: 11px;
border-left: 4px solid #DAB866;
margin-bottom: 30px;
}
.index .process .processList .processList-item {
float: left;
position: relative;
margin: 0px 40px 110px 40px;
}
.index .process .processList-item {
width: 120px;
height: 120px;
text-align: center;
}
.index .process .processList-item .imgScale {
width: 100%;
height: 120px;
overflow: hidden;
border-radius: 20px;
transform: rotate(45deg);
margin-top: 27px;
margin-bottom: 40px;
box-shadow: 10px 10px 5px #ECECEC;
}
.index .process .processList-item .imgScale img {
max-width: 100%;
transform: rotate(-45deg) scale(2.3);
}
.index .process .processList-item .line {
width: 76px;
height: 4px;
background: #CCCCCC;
border-radius: 2px;
margin: 0 auto;
margin-top: 4px;
}
.index .process .processList-item p {
font-size: 18px;
}
.index .process .processList-item .num {
width: 30px;
height: 30px;
border-radius: 50%;
border: 3px solid #DAB866;
text-align: center;
line-height: 30px;
color: #DAB866;
font-size: 18px;
position: absolute;
left: -54px;
top: 82%;
}
.index .process .processList-item .zhishi {
width: 120px;
overflow: hidden;
position: absolute;
right: -100px;
top: 3px;
}
.index .process .processList-item .zhishi img {
width: 100%;
}
.index .process .processList-item:hover {
cursor: pointer;
}
.index .process .processList-item:hover .imgScale {
box-shadow: 10px 10px 5px #DAB866;
}
.index .process .processList-item:hover .line {
background: #DAB866;
}
.index .know {
width: 867px;
}
.index .know h1 {
font-size: 34px;
line-height: 34px;
padding-left: 16px;
border-left: 4px solid #DAB866;
}
.index .know .content {
width: 809px;
overflow-y: auto;
height: 407px;
margin: 30px 0px 14px 0px;
font-size: 13px;
line-height: 26px;
padding-right: 54px;
}
.index .know .arrow {
float: right;
}
.index .know .arrow span {
display: block;
font-size: 27px;
margin-top: 7px;
cursor: pointer;
}
.index .know span:hover {
color: #DAB866;
}
.index .btn {
height: 80%;
position: absolute;
right: 10%;
top: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.index .btn a {
font-size: 12px;
text-align: center;
cursor: pointer;
}
.index .btn a:hover {
color: #DAB866;
}
.index .btn .arrow span {
cursor: pointer;
display: block;
font-size: 27px;
margin-top: 7px;
text-align: right;
}
.index .btn .arrow span:hover {
color: #DAB866;
}
.service {
width: 100%;
height: 100%;
}
.service li {
width: 25%;
height: 100%;
float: left;
position: relative;
overflow: hidden;
}
.service li .dh {
width: 22px;
height: 20px;
}
.service li .dh img {
width: 100%;
}
.service li .leftbox {
background: #fff;
width: 60px;
height: 130%;
position: absolute;
left: -60px;
top: -30px;
border-radius: 50%;
transition: 0.3s all linear;
z-index: 10;
}
.service li .leftbox.act {
left: -30px;
transition: 0.3s all linear;
}
.service li .rightbox.act {
right: -30px;
transition: 0.3s all linear;
}
.service li .rightbox {
background: #fff;
width: 60px;
height: 130%;
position: absolute;
right: -60px;
top: -30px;
border-radius: 50%;
transition: 0.3s all linear;
z-index: 10;
}
.service li .service-content {
width: 63%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.service li .service-content .title {
margin-bottom: 43px;
}
.service li .service-content .title h2 {
font-size: 20px;
}
.service li .service-content .title .title-img {
float: left;
margin-right: 7px;
overflow: hidden;
}
.service li .service-content .title .title-img img {
width: 100%;
}
.service li .service-content h3 {
font-size: 14px;
margin-bottom: 30px;
height: 60px;
}
.service li .service-content p {
font-size: 12px;
line-height: 18px;
margin-top: 18px;
}
.service li .service-other {
position: relative;
width: 100%;
height: 100%;
transition: 0.3s all linear;
display: none;
}
.service li .service-other .service-other-content {
position: relative;
height: 80%;
z-index: 10;
color: #ffffff;
overflow: hidden;
padding: 0px 50px;
}
.service li .service-other .service-other-content .otherBg {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -10;
overflow: hidden;
}
.service li .service-other .service-other-content .otherBg img {
width: 100%;
}
.service li .service-other .service-other-content .shadowBox {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
z-index: -6;
}
.service li .service-other .service-other-content h2 {
font-size: 20px;
margin-bottom: 14px;
margin-top: 170px;
}
.service li .service-other .service-other-content p {
font-size: 12px;
line-height: 18px;
margin-top: 28px;
}
.service li .service-other .more-btn-box {
padding: 0px 50px;
height: 20%;
}
.service li .service-other .more-btn {
font-size: 12px;
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
padding: 10px 0px;
border: 1px solid #ffffff;
background: #DAB866;
margin-top: 20px;
cursor: pointer;
}
.service li .service-other .more-btn span {
margin-left: 16px;
}
.service li .service-other .more-btn .more-btn-img {
width: 25px;
height: 7px;
margin-right: 11px;
}
.service li .service-other .more-btn .more-btn-img img {
width: 100%;
}
.center {
width: 100%;
height: 100%;
position: relative;
min-width: 1200px;
}
.center .center-content {
width: 884px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.center .center-content h1 {
font-size: 34px;
color: #ffffff;
}
.center .center-content .desc {
width: 723px;
font-size: 12px;
line-height: 17px;
margin-top: 23px;
margin-bottom: 40px;
color: #ffffff;
}
.center .center-content .centerlist-item {
width: 278px;
height: 152px;
border-radius: 14px;
background: #ffffff;
float: left;
margin-bottom: 11px;
margin-right: 17px;
overflow: hidden;
background: url('../images/center/shadow.png') no-repeat;
background-size: 100 auto;
display: flex;
align-items: center;
}
.center .center-content .centerlist-item p {
color: #DDBF75;
font-size: 26px;
}
.center .center-content .centerlist-item .icon {
width: 92px;
height: 92px;
display: block;
margin-left: 24px;
margin-right: 21px;
}
.contact {
width: 100%;
height: 100%;
position: relative;
min-width: 1200px;
}
.contact .contact-content {
width: 817px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.contact .contact-content h1 {
font-size: 34px;
color: #ffffff;
}
.contact .contact-content .contactlist {
position: relative;
}
.contact .contact-content .contactlist-item {
margin-top: 44px;
}
.contact .contact-content .contactlist-item .title {
color: #DAB866;
margin-bottom: 12px;
}
.contact .contact-content .contactlist-item .title span {
font-size: 21px;
margin-right: 5px;
}
.contact .contact-content .contactlist-item .location {
font-size: 22px;
}
.contact .contact-content .contactlist-item .phone,
.contact .contact-content .contactlist-item .wechat {
font-size: 34px;
}
.contact .contact-content .code {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
.contact .contact-content .code .code-img {
width: 191px;
height: 191px;
}
.contact .contact-content .code .code-img img {
width: 100%;
}
.contact .contact-content .code p {
font-size: 17px;
margin-top: 14px;
}
.contact .contact-content .copyright {
font-size: 13px;
margin-top: 92px;
line-height: 20px;
}
.about {
width: 100%;
height: 100%;
position: relative;
min-width: 1200px;
}
.about .about-content {
width: 500px;
position: absolute;
left: 60px;
top: 50%;
transform: translateY(-50%);
margin: 0 auto;
}
.about .about-content h1 {
font-size: 34px;
}
.about .about-content h3 {
font-size: 18px;
border-left: 4px solid #DAB866;
line-height: 20px;
padding-left: 6px;
margin-top: 30px;
margin-bottom: 21px;
}
.about .about-content .dh-img {
width: 30px;
height: 27px;
}
.about .about-content .dh-img img {
width: 100%;
}
.about .about-content .about-content-msg p {
font-size: 12px;
line-height: 18px;
margin-top: 14px;
}
.about .about-content .about-content-number {
display: flex;
align-items: center;
font-size: 12px;
margin-top: 20px;
}
.about .about-content .about-content-number .about-left {
margin-right: 122px;
}
.about .about-content .about-content-number .year,
.about .about-content .about-content-number .number {
font-size: 21px;
color: #DAB866;
font-weight: bold;
}
.about .about-content .about-btn {
width: 150px;
font-size: 12px;
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
float: left;
padding: 10px 0px;
background: #DAB866;
margin-top: 40px;
cursor: pointer;
}
.about .about-content .about-btn p {
margin-left: 11px;
}
.about .about-content .about-btn .about-btn-img {
width: 25px;
height: 7px;
margin-right: 11px;
}
.about .about-content .about-btn .about-btn-img img {
width: 100%;
}
.culture {
width: 100%;
height: 100%;
position: relative;
min-width: 1200px;
}
.culture .culturelist {
margin: 0 auto;
width: 421px;
position: absolute;
top: 50%;
left: 100px;
transform: translateY(-50%);
}
.culture .culturelist-item-title {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.culture .culturelist-item-title p img {
width: 24px;
height: 24px;
margin-right: 8px;
}
.culture .culturelist-item-title p span {
font-size: 23px;
font-weight: bold;
line-height: 23px;
}
.culture .culturelist-item-title a {
border: 1px solid #DAB866;
padding: 4px;
font-size: 10px;
}
.culture .culturelist-item-imglist {
margin-top: 12px;
margin-bottom: 25px;
}
.culture .culturelist-item-imglist .imgleft {
float: left;
}
.culture .culturelist-item-imglist .imgright {
float: right;
}
.culture .culturelist-item-imglist img {
width: 206px;
height: 116px;
}
.center {
width: 100%;
height: 100%;
position: relative;
min-width: 1200px;
}
.center .center-content {
width: 884px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.center .center-content h1 {
font-size: 34px;
color: #ffffff;
}
.center .center-content .desc {
width: 723px;
font-size: 12px;
line-height: 17px;
margin-top: 23px;
margin-bottom: 40px;
color: #ffffff;
}
.center .center-content .centerlist-item {
width: 278px;
height: 152px;
border-radius: 14px;
background: #ffffff;
float: left;
margin-bottom: 11px;
margin-right: 17px;
overflow: hidden;
background: url('../images/center/shadow.png') no-repeat;
background-size: 100 auto;
display: flex;
align-items: center;
}
.center .center-content .centerlist-item p {
color: #DDBF75;
font-size: 26px;
}
.center .center-content .centerlist-item .icon {
width: 92px;
height: 92px;
display: block;
margin-left: 24px;
margin-right: 21px;
}
.contact {
width: 100%;
height: 100%;
position: relative;
min-width: 1200px;
}
.contact .contact-content {
width: 817px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.contact .contact-content h1 {
font-size: 34px;
color: #ffffff;
}
.contact .contact-content .contactlist {
position: relative;
}
.contact .contact-content .contactlist-item {
margin-top: 44px;
}
.contact .contact-content .contactlist-item .title {
color: #DAB866;
margin-bottom: 12px;
}
.contact .contact-content .contactlist-item .title span {
font-size: 21px;
margin-right: 5px;
}
.contact .contact-content .contactlist-item .location {
font-size: 22px;
}
.contact .contact-content .contactlist-item .phone,
.contact .contact-content .contactlist-item .wechat {
font-size: 34px;
}
.contact .contact-content .code {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
.contact .contact-content .code .code-img {
width: 191px;
height: 191px;
}
.contact .contact-content .code .code-img img {
width: 100%;
}
.contact .contact-content .code p {
font-size: 17px;
margin-top: 14px;
}
.contact .contact-content .copyright {
font-size: 13px;
margin-top: 92px;
line-height: 20px;
}
.navBox {
width: calc(100% - 6.14583333%);
height: 100%;
position: absolute;
top: 0;
left: -100%;
z-index: 500;
transition: 1s all linear;
background: #ffffff;
}
.navBox .mainNav {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.navBox li {
width: 16.6666667%;
height: 100%;
float: left;
position: relative;
}
.navBox li a {
font-size: 34px;
}
.navBox li a span:nth-of-type(1) {
font-size: 12px;
margin-right: 8px;
color: #7C8182;
display: none;
}
.navBox li a span:nth-of-type(2) {
writing-mode: vertical-lr;
letter-spacing: 6px;
}
.navBox li:hover a {
color: #ffffff;
}
.navBox li:hover a span:nth-of-type(1) {
color: #ffffff;
}
.navBox .moveBox {
display: none;
background: #DAB866;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
transition: 0.3s linear;
}
.navBox .leftMove {
width: 630px;
height: 280%;
position: absolute;
left: -608px;
top: 50%;
transform: translateY(-50%);
border-radius: 50% / 50%;
background: #ffffff;
z-index: -10;
transition: 0.4s all linear;
}
.navBox .rightMove {
width: 630px;
height: 280%;
position: absolute;
right: -608px;
top: 50%;
transform: translateY(-50%);
border-radius: 50% / 50%;
background: #ffffff;
z-index: -10;
transition: 0.4s all linear;
}
.navBox .leftMove.active {
left: -586px;
z-index: 5;
transition: 0.4s all linear;
}
.navBox .rightMove.active {
right: -586px;
z-index: 5;
transition: 0.4s all linear;
}
}
/*滚动条样式*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
width: 6px;
background-color: #fff;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
border-radius: 6px;
background: rgba(0, 0, 0, 0.2);
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #DAB866;
}
/*定义最上方和最下方的按钮*/
::-webkit-scrollbar-button {
display: none;
}
.bigImg {
width: 100%;
}