@import "./common/init.css";
html{font-size: 50px;}
body{width: 100%; color: #000; min-width: 1800px; overflow-x: hidden;position: relative; background:#fff; }
.wrap{width: 1440px;margin: 0 auto;position: relative; }
.wrap_{width: 1800px;margin: 0 auto;position: relative; }
.header{
width: 100%;
}
.header .header_top{
background: #e5dada;
}
.header .header_top .wrap{
display: flex;
justify-content: flex-end;
align-items: center;
height: 1.2rem;
}
.header .header_top .p1{
font-size: 0.36rem;
color: #aa5151;
}
.header .header_top .p2{
font-size: 0.32rem;
color: #292929;
margin-left: 0.4rem;
}
.header .header_top .p3{
font-size: 0.44rem;
color: #292929;
margin-left: 0.4rem;
position: relative;
}
.header .header_top .p3:before{
content: "";
display: block;
width: 3px;
height: 30px;
background: #dcb3b3;
position: absolute;
left: -10px;
top: 50%;
margin-top: -15px;
}
.header .wrap_flex{
display:flex;
}
.header .logo{
width: 300px;
height: 100px;
background-position: center;
background-repeat: no-repeat;
background-size:contain;
background-image: url(../img/logo.png);
}
.header .caidan{
display: none;
}
.header .nav{
flex: 1;
display: flex;
align-items: center;
justify-content: flex-end;
}
.header .nav a{
text-align: center;
font-weight: bold;
font-size: 16px;
color: #333333;
position: relative;
padding: 0 40px;
}
.header .nav .on{
color: #c3303b;
}
.header .nav .on:before{
content: "";
display: block;
width: 40px;
height: 4px;
background-color: #c3303b;
position: absolute;
left: 50%;
bottom: -15px;
margin-left: -20px;
}
.lunbo .fenye{
position: absolute;
left: 0;
width: 100%;
bottom: 30px;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
}
.lunbo .fenye span{
display: block;
width: 60px;
height: 10px;
background-color: #fff;
opacity: 0.4;
border-radius: 0;
}
.lunbo .fenye span.swiper-pagination-bullet-active{
opacity: 1;
}
.lunbo.banner_wap .fenye{
bottom:0.4rem;
}
.lunbo.banner_wap .fenye span{
display: block;
width: 0.8rem;
height: 0.16rem;
background-color: #fff;
opacity: 0.4;
border-radius: 0;
}
.lunbo.banner_wap .fenye span.swiper-pagination-bullet-active{
opacity: 1;
}
.wap,
.banner_wap{
display: none!important;
}
.title{
padding: 0.6rem 0;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.title .p1{
font-size:0.64rem;
color: #292929;
font-weight: bold;
line-height: 0.84rem;
padding-bottom: 0.6rem;
position: relative;
}
.title .p1:before{
content: "";
display: block;
width: 1.2rem;
height: 0.08rem;
background: #c3303b;
position: absolute;
left: 50%;
bottom: 0.26rem;
margin-left: -0.6rem;
}
.title .p2{
font-size:0.44rem;
color: #d3cece;
text-transform:uppercase;
line-height: 0.6rem;
}
.title .p3{
display: none;
position: absolute;
margin-top: 0.2rem;
right: 0;
font-size: 0.48rem;
text-align: center;
background: #c3303b;
color: #f0e6df;
width: 3.4rem;
line-height:1.2rem;
border-radius: 0.2rem;
}
.more{
width:2.2rem;
line-height: 0.68rem;
font-size:0.32rem;
color: #ffffff;
background: #c3303b;
text-align: center;
margin: 0.6rem auto 0;
}
.footer{
background-color: #2d2d2d;
padding-top:45PX;
}
.footer .foot_logo{
width: 300px;
height: 60px;
margin: 0 auto;
background-size:contain;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 45px;
}
.footer .flex_data{
display: flex;
}
.footer .flex_data:after{
width: 240px;
content: "";
display: block;
}
.footer .flex_data .erweim_kuang{
width: 240px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.footer .flex_data .erweim_kuang .erweim{
width:120px;
height: 120px;
object-fit: contain;
}
.footer .flex_data .erweim_kuang .p1{
text-align: center;
width: 120px;
font-size: 14px;
color: #d3cece;
margin-top: 10px;
}
.footer .flex_data .youbian{
flex: 1;
display: flex;
flex-direction: column;
}
.footer .flex_data .youbian .nav{
width: 100%;
display: flex;
justify-content: space-around;
font-size: 16px;
color: #828282;
margin-bottom: 40px;
}
.footer .flex_data .youbian .nav .on{
color: #ffffff;
}
.footer .flex_data .youbian .flex{
display: flex;
}
.footer .flex_data .youbian .flex .flex1{
flex: 1;
padding-left: 53px;
font-size:13px;
color: #828282;
}
.footer .flex_data .youbian .flex .flex1 .p1{
font-size: 14px;
color: #c3303b;
}
.footer .flex_data .youbian .flex .flex1 .ul{
display: flex;
flex-wrap: wrap;
}
.footer .flex_data .youbian .flex .flex1 .ul .li{
margin-right: 0.2rem;
margin-top: 0.2rem;
}
.footer .copyright{
text-align: center;
font-size: 14px;
color: #828282;
line-height: 0.6rem;
padding: 0.6rem 0;
}
.footer .copyright a{
display: inline;
}
.footer .footer_top{
width: 100px;
height: 100px;
position: fixed;
right: 70px;
bottom: 100px;
background-image: url(../img/footer_top.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
}
.footer .fixed_k{
display: none;
position: relative;
}
.footer .fixed_k:before{
content: "";
display: block;
width: 100%;
height: 2.0rem;
}
.footer .fixed_k .fixed{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 5;
display: flex;
background:-webkit-linear-gradient(top,#c3303b,#852a30);
background:-o-linear-gradient(bottom,#c3303b,#852a30);
background:-moz-linear-gradient(bottom,#c3303b,#852a30);
background:linear-gradient(to bottom,#c3303b,#852a30);
}
.footer .fixed_k .fixed .li{
flex: 1;
height: 2.0rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.54rem;
color: #ffffff;
}
.footer .fixed_k .fixed .li+.li{
border-left:solid 0.04rem rgba(126, 32, 38, 0.22);
}
.footer .fixed_k .fixed .li:before{
content: "";
width: 1.2rem;
height: 1.2rem;
background-image: url(../img/footer1.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-right: 0.2rem;
}
.footer .fixed_k .fixed .li+.li:before{
background-image: url(../img/footer2.png);
}
/*
.footer{
background-color: #2d2d2d;
}
.footer .wrap .logo{
width: 300px;
height: 60px;
margin: 0 auto;
background-size:contain;
background-position: center;
background-repeat: no-repeat;
}
.footer .flex_kuang{
display: flex;
align-items: flex-start;
}
.footer .flex_kuang .nav{
width: 400px;
display: flex;
flex-wrap: wrap;
}
.footer .flex_kuang .nav .li{
margin-bottom: 5px;
line-height: 1.5;
font-size:16px;
color: #292929;
font-weight: bold;
width: 50%;
position: relative;
}
.footer .flex_kuang .nav .li.on:before{
content: "";
width: 5px;
height: 16px;
background: #782f0e;
position: absolute;
left: -10px;
top: 50%;
margin-top: -8px;
}
.footer .flex_kuang .flex1{
width: 500px;
display: flex;
flex-direction: column;
}
.footer .flex_kuang .flex1+.flex1{
width: 370px;
}
.footer .flex_kuang .flex1 .p1{
font-size: 0.28rem;
color: #782f0e;
line-height: 2;
font-weight: bold;
}
.footer .flex_kuang .flex1 .ul{
display: flex;
flex-wrap: wrap;
font-size: 0.26rem;
color: #9f867b;
}
.footer .flex_kuang .flex1 .ul .li{
margin-right: 0.2rem;
margin-top: 0.2rem;
}
.footer .flex_kuang .erweim_kuang{
width:170px;
}
.footer .flex_kuang .erweim_kuang .erweim{
width: 2.0rem;
margin: 0 auto;
}
.footer .flex_kuang .erweim_kuang .p1{
font-size: 0.28rem;
line-height: 0.8rem;
text-align: center;
color: #f5f5f5;
}
.footer .copyright{
text-align: center;
font-size: 14px;
color: #9e9683;
line-height: 0.6rem;
padding: 0.6rem 0;
}
.footer .copyright a{
display: inline;
}
.footer .footer_top{
width: 100px;
height: 100px;
position: fixed;
right: 70px;
bottom: 100px;
background-image: url(../img/footer_top.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
}
.footer .fixed_k{
display: none;
position: relative;
}
.footer .fixed_k:before{
content: "";
display: block;
width: 100%;
height: 2.0rem;
}
.footer .fixed_k .fixed{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 5;
padding: 0.2rem 0;
background: #fff;
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
}
.footer .fixed_k .fixed .wrap{
display: flex;
border-radius: 20px;
overflow: hidden;
}
.footer .fixed_k .fixed .li{
flex: 1;
height:1.6rem;
display: flex;
align-items: center;
justify-content: center;
font-size:0.54rem;
color: #ffffff;
background: #9f867b;
}
.footer .fixed_k .fixed .li+.li{
background: #782f0e;
}
.footer .fixed_k .fixed .li:before{
content: "";
display: block;
width: 0.8rem;
height: 0.8rem;
margin-right: 0.2rem;
background-position: center;
background-repeat: no-repeat;
background-size: 0.7rem;
background-image: url(../img/footer1.png);
}
.footer .fixed_k .fixed .li+.li:before{
background-image: url(../img/footer2.png);
}*/
.about{
padding:1.2rem 0;
background-image: url(../img/bg1.jpg);
}
.about .wrap{
background: #fff;
margin: 0 auto;
padding: 0.6rem;
}
.about .about_flex{
display: flex;
justify-content: space-between;
align-items: center;
}
.about .about_flex .video{
width: 680px;
height: 410px;
}
.about .about_flex .video .show{
width: 100%;
height: 100%;
}
.about .about_flex .neir{
flex: 1;
padding-left: 1.0rem;
}
.about .about_flex .neir .title{
align-items: flex-start;
padding: 0 0 0.2rem;
}
.about .about_flex .neir .title .p1:before{
margin-left: 0;
left: 0;
}
.about .about_flex .com{
color: #616161;
font-size: 14px;
line-height: 1.8;
}
.about .com .p1{
font-size: 0.32rem;
}
.about .com .p1 a{
display: inline;
color: #c3303b;
font-weight: bold;
}
.about .com .p2{
font-size: 0.36rem;
margin-bottom: 0.2rem;
}
.about .com .p3{
font-size: 0.28rem;
}
.about_certificate{
padding: 0.2rem 0 1.4rem;
}
.about_certificate .list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.about_certificate .list .img{
width:6.52rem;
margin-top: 0.4rem;
}
.about_contact{
display: none;
}
.contact{
padding: 0.8rem 0 1.0rem;
background-image: url(../img/bg1.jpg);
}
.contact .wrap{
background: #fff;
}
.contact .flex_kuang{
display: flex;
align-items: center;
padding: 0.6rem 1.2rem 1.0rem;
}
.contact .flex_kuang .shang_kang{
display: flex;
flex: 1;
}
.contact .flex_kuang .shang_kang .erweim{
width: 3.6rem;
background: #2d2d2d;
padding:0.3rem;
display: none;
}
.contact .flex_kuang .shang_kang .erweim .img{
width: 100%;
}
.contact .flex_kuang .shang_kang .erweim .p1{
font-size: 0.4rem;
color: #ffffff;
padding-top: 0.2rem;
text-align: center;
}
.contact .flex_kuang .shang{
padding: 0 2em;
}
.contact .flex_kuang .shang .p1{
font-size: 0.4rem;
color: #292929;
padding: 0.2rem 0;
}
.contact .flex_kuang .shang .p1 span{
font-weight: bold;
color: #292929;
}
.contact .flex_kuang .xiabian{
width:14.0rem;
height: 4.4rem;
}
.contact .flex_kuang .xiabian .ditu{
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.news{
padding:0.6rem 0;
}
.news .list{
display: flex;
flex-wrap: wrap;
}
.news .list .li{
width: 32%;
margin-right: 2%;
margin-bottom: 40px;
display: flex;
flex-direction: column;
border: solid 0.02rem #d9d9d9;
border-bottom: solid 0.06rem #c3303b;
}
.news .list .li:nth-child(3n){
margin-right: 0;
}
.news .list .li .img{
width:100%;
height: 4.8rem;
object-fit: cover;
}
.news .list .li .neir{
padding: 0.5rem;
}
.news .list .li .neir .p1{
font-weight: bold;
margin-bottom: 0.2rem;
font-size: 0.4rem;
color: #333333;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}
.news .list .li .neir .p2{
font-size: 0.28rem;
color: #9e9e9e;
line-height: 1.7;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
}
.news .list .li .neir .p3{
font-size: 0.24rem;
color: #9e9e9e;
margin-top: 0.3rem;
}
.page .pagination{
display: flex;
justify-content: center;
align-items: center;
font-size: 0.32rem;
color: #51504c;
padding: 0.8rem 0;
}
.page .pagination li{
font-size: 0.38rem;
color: #51504c;
line-height: 0.6rem;
border: solid 0.02rem #51504c;
margin: 0 0.1rem;
}
.page .pagination li.active{
border-color: #7bb7d5;
color: #2a6a53;
}
.page .pagination li.disabled{
border: none;
}
.page .pagination li a,
.page .pagination li span{
padding: 0 0.2rem;
}
.breadcrumb{
font-size: 18px;
color: #333333;
line-height:0.6rem;
padding: 0.4rem 0;
}
.breadcrumb .i{
display: inline;
padding: 0 0.1rem;
}
.breadcrumb .ii{
display: inline;
}
.news_info .tit{
text-align: center;
font-size: 0.72rem;
color: #333333;
padding: 0.2rem 0;
font-weight: bold;
margin-top: 0.2rem;
}
.news_info .time{
text-align: right;
font-size: 0.28rem;
color: #9e9e9e;
line-height: 0.6rem;
}
.news_info .com{
font-size: 0.28rem;
color: #333333;
line-height: 1.7;
text-align: justify;
}
.news_info .com img{
display: inline;
max-width: 100%;
}
.news_info .com a{
display: inline;
}
.news_info .fenye{
padding: 0.6rem 0.2rem 0.6rem;
display: flex;
justify-content: space-between;
font-size: 14px;
color: #333333;
}
.news_info .fenye a{
line-height: 0.68rem;
padding: 0 0.4rem;
border: solid 0.02rem #333333;
border-radius: 6px;
}
.tombstone{
padding:0.1rem 0;
}
.tombstone .list{
display: flex;
flex-wrap: wrap;
}
.tombstone .list .li{
width:23.5%;
margin-top:0.3rem;
margin-right:2%;
}
.tombstone .list .li:nth-child(4n){
margin-right: 0;
}
.tombstone .list .li .img{
width: 100%;
height:5.2rem;
object-fit: cover;
}
.tombstone .list .li .p1{
padding: 0.3rem 0;
height: 1.26rem;
position: relative;
}
.tombstone .list .li .p1 span{
position: absolute;
left: 50%;
top: 0.3rem;
transform:translate(-50%,0);
background: #e4dbdb;
font-size: 0.32rem;
color: #292929;
padding: 0 0.3rem;
text-align: center;
line-height:0.66rem;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
max-width: 100%;
}
.index .index_tel{
width: 100%;
height:2.0rem;
font-size: 0.48rem;
color: #782f0e;
background-image: url(../img/bg1.jpg);
display: flex;
align-items: center;
justify-content: center;
}
.index .index_tel span{
font-size: 0.64rem;
margin-left: 0.2rem;
}
.index .tombstone{
padding: 1.4rem 0 1.2rem;
}
.index .tombstone .list .li{
width:22.3%;
margin-right: 3.5%;
}
.index .tombstone .list .li:nth-child(4n){
margin-right: 0;
}
.index .tombstone .list .li .p1{
display: none;
}
.index .tombstone .list .li .img{
height:8.6rem;
}
.index .tombstone.tombstone_1{
padding-top: 0.5rem;
}
.index .tombstone.tombstone_1 .list .li .img{
height: 5.2rem;
}
.index .discount{
background-color: #c3303b;
padding: 1.1rem 0 0.9rem;
}
.index .discount .list{
display: flex;
}
.index .discount .list .li{
flex: 1;
}
.index .discount .list .li .i{
width: 1.8rem;
height: 1.8rem;
border: solid 0.04rem #fff;
border-radius: 0.2rem;
margin: 0 auto;
background-position: center;
background-repeat: no-repeat;
background-size:1rem;
}
.index .discount .list .li .name{
font-size: 0.48rem;
margin-top: 0.4rem;
color: #e4dbdb;
text-align: center;
}
.index .vr_kuang{
background-image: url(../img/bg1.jpg);
padding: 1.2rem 0;
}
.index .vr_kuang .wrap{
display: flex;
background: #fff;
padding: 0.8rem 0.6rem;
}
.index .vr_kuang .vr{
width: 13.6rem;
height: 7.2rem;
background-image: url(../img/vr.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.index .vr_kuang .annui{
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-evenly;
padding: 0 2.4rem;
}
.index .vr_kuang .annui .a_li{
width: 100%;
display: flex;
padding-left: 2.4rem;
border: solid 0.08rem #c3303b;
background-image: url(../img/a_li1.png);
background-position: 0.8rem center;
background-repeat: no-repeat;
background-size: 1.0rem;
color: #c3303b;
}
.index .vr_kuang .annui .a_li .name{
line-height: 2.0rem;
font-size: 0.44rem;
font-weight: bold;
flex: 1;
}
.index .vr_kuang .annui .a_li .i{
width: 2rem;
background-position: center;
background-repeat: no-repeat;
background-size: 0.44rem;
background-color: #c3303b;
}
.index .vr_kuang .annui .a_li+.a_li{
background-image: url(../img/a_li2.png);
border-color: #000;
color: #000;
}
.index .vr_kuang .annui .a_li+.a_li .i{
background-color: #000;
}
.index .news .list{
padding: 0.8rem 0;
}
.guide .title{
align-items: center;
}
.guide .title .p1{
color: #fff;
}
.guide .title .p1:before{
left: 50%;
background: #c96b72;
margin-left: -0.6rem;
}
.guide .title .p2{
color: #c96b72;
}
.guide{
padding:0.8rem 0 1.2rem;
background: #c3303b;
}
.guide .list{
display: flex;
flex-wrap: wrap;
padding-top:0.6rem;
}
.guide .list .li{
flex: 1;
}
.guide .list .li .p1{
font-size: 0.36rem;
color: #ffffff;
text-align: center;
}
.guide .list .li .p2{
font-size: 0.56rem;
color: #f0e6df;
width: 1.0rem;
height: 1.0rem;
text-align: center;
line-height: 0.92rem;
border: solid 0.04rem #fff;
border-radius: 50px;
margin: 0.6rem auto 0;
position: relative;
}
.guide .list .li .p2:before,
.guide .list .li .p2:after{
content: "";
display: block;
width: 1.4rem;
height: 0.04rem;
background: #fff;
position: absolute;
top: 50%;
margin-top: -0.02rem;
}
.guide .list .li .p2:before{
left: 100%;
}
.guide .list .li .p2:after{
right: 100%;
}
.kuang .kuang_flex{
display: flex;
justify-content: space-evenly;
padding: 1.6rem 0 2.0rem;
}
.kuang .kuang_flex .wrap{
width: 93%;
}
.kuang .kuang_flex .contact{
width: 12rem;
padding: 0;
background-image: none;
}
.kuang .kuang_flex .contact .title{
align-items: center;
}
.kuang .kuang_flex .contact .title .p1:before{
margin-left: -0.6rem;
left: 50%;
}
.kuang .kuang_flex .contact .flex_kuang{
padding: 0;
flex-direction: column;
align-items: normal;
}
.kuang .kuang_flex .contact .flex_kuang .shang_kang{
align-items: center;
margin-bottom: 0.4rem;
padding: 0 0.4rem;
}
.kuang .kuang_flex .contact .flex_kuang .shang_kang .erweim{
display: none;
}
.kuang .kuang_flex .contact .flex_kuang .shang{
padding: 0;
flex: 1;
}
.kuang .kuang_flex .contact .flex_kuang .shang .p1{
padding: 0.3rem 0;
text-align: center;
}
.kuang .kuang_flex .contact .flex_kuang .xiabian{
width: 100%;
height:5.6rem;
padding: 0;
border: none;
}
.kuang .kuang_flex .contact .flex_kuang .xiabian .p1{
text-align: center;
font-size: 0.4rem;
color: #292929;
font-weight: bold;
margin-bottom: 0.2rem;
}
.appointment{
width: 12rem;
}
.appointment .form{
width: 100%;
padding: 0.2rem 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.appointment .form .input{
width: 100%;
display: flex;
align-items: center;
margin-top: 0.6rem;
}
.appointment .form .input .name{
font-weight: bold;
line-height: 1.0rem;
width: 2.4rem;
text-align: right;
font-size: 0.5rem;
color: #292929;
padding-right: 0.2rem;
}
.appointment .form .input .text{
background-color: #e4dbdb;
display: block;
padding: 0 0.4rem;
font-size:0.36rem;
outline: none;
color: #142e43;
flex: 1;
height:1.2rem;
}
.appointment .form .input .text.el-input{
padding: 0;
}
.appointment .form .input .text.el-input .el-input__inner{
border: none;
height: 60px;
background-color: transparent;
padding: 0 20px;
}
.appointment .form .input .tijiao{
width: 100%;
background-color: #c3303b;
color: #ffffff;
text-align: center;
border-radius: 0.1rem;
line-height: 1.2rem;
font-size: 0.54rem;
}