/* rest */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,
body {
    font-family: Arial, Helvetica, sans-serif;


}

/* 导航 */
.after:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.wrappper1200 {

    max-width: 1200px;
    margin: 0 auto;
    width: 100vw;
}



.Header {
    background: url(images/head.jpg) no-repeat;
}

.Header .pubTop {
    height: 118px;
}

.logo {
    float: left;
    height: 71px;
    margin-top: -18px;
    margin-left: 10px;

}

.logo img {
    height: 200%;
    width: auto;

}

.Header .hotline {
    margin-top: 25px;
    float: right;
    padding-left: 50px;
    background: url(images/a1.png) no-repeat left center;
    margin-right: 20px;
    /* [disabled]margin-left: 5%; */
}

.Header .hotline p {
    font-size: 16px;
    color: #333333;
    line-height: 1.5em;
}

.Header .hotline h3 {
    font-size: 26px;
    color: #0b8895;
    line-height: 1.5em;
}

.cl {
    clear: both;
}

/*  */
#daohang {

    width: 100%;
    height: 56px;
    background-color: #006b76;
    min-height: 50px;
}

#daohang #daohang1 {
    width: 1200px;
    height: 56px;
    margin: 0 auto;
    text-align: center;
    line-height: 50px;
    list-style: none;
}

#daohang #daohang1 li {
    float: left;
    position: relative;
    border-left: #27ac60;
    border-right: #27ac60;
}

#daohang li a {
    width: 171px;
    height: 56px;
    font-size: 2rem;
    text-align: center;
    font-weight: 900;
    display: block;
    text-decoration: none;
    float: left;
    color: #fff;
    border-right: 0px solid #bdb5b5ea;
}

#daohang li a:hover {
    background: #e58e26;
}

#daohang ul li a:link {
    text-decoration: none;
}

#daohang ul li a:visited {
    text-decoration: none;
}

#daohang li ul a:hover {
    background: #e58e26;
}

#daohang li:first-child {
    border-left: 0px solid;
}

#daohang li:last-child {
    border-left: 0px solid;
}

#daohang ul li ul {
    position: absolute;
    background: #27ac60;
    visibility: hidden;
    line-height: 50px;
    
}


#daohang ul li:hover ul {
    width: 50px;
    visibility: visible;
    z-index: 1;
    top: 56px;
}

#daohang li ul li a {
    background: #16a085;
    color: #fff;
    padding: 5px 10px;
    font-size: 1rem;
    display: block;
    text-align: center;
    border-bottom: 1px solid #576574;
}

#daohang li ul li:last-child {
    border-bottom: 0px solid;
}

#daohang li:hover ul {
    visibility: visible;
}




/* 轮播 */
#outer {


    position: relative;
    list-style: none;
    text-decoration: none;
    width: 100%;
    height: 600px;
    overflow: hidden;

}

#imgList {
    list-style: none;
    position: absolute;
    height: 600px;
}

#imgList li {
    float: left;
}

#navDiv {
    position: absolute;

    top: 540px;

}
#imgList li img{
    width: 100%;
}

#navDiv a {
    float: left;
    width: 35px;
    height: 35px;
    background-color: rgb(231, 15, 15);
    margin: 0 18px;
    text-align: center;
    text-decoration: none;
    line-height: 33px;
    border-radius: 50%;
    font-size: 1.8rem;
    font-weight: 900;
    color: whitesmoke;
}

#navDiv a:hover {
    background-color: black;
}

.chengjie {
    width: 100%;
    height: 17px;
    background-image: url(images/zhuye00.jpg);
}

/* 介绍 */
.cl {
    clear: both;
}

.js {
 width: 100%;
}
.js img{
 width: 100%;
}

/*  
.js1{
    width: 1200px;
    margin: 0 auto;
    
}
.jsz{
    margin-top: 174px;
    width: 580px;
    float: left;

}
.jsz p{
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    

}

.jsy{
    margin-top: 162px;
    width: 620px;
    float: right;
}
.jsy img{
    float: right;
}
*/
.cl {
    clear: both;
}


/* 墓型 */
#mx {
    width: 100%;

    
    margin: 0 auto;
    text-align: center;

    background-image: url(images/mxbj1.jpg) ;
    
}

#mx h1 {
    color: #E91E63;
    font-size: 4rem;
    padding-top: 50px;
    font-weight: 900;
    text-shadow: 8px 8px 5px #795548;

}



.mx1 ,.mx2 {
   width: 1200px;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
}

.mx1 li,
.mx2 li {
    display: block;
    float: left;
    margin-left: 20px;
    height: 450px;
    width: 380px;
   
    
   
}

.mx1 li img,
.mx2 li img {
    margin-top: 20px;
}

.mx1 li h2,
.mx2 li h2 {
    font-weight: 900;

}



/* 最新活动 */
.hdbj{
    background-color: #094337;
    width: 100%;
    
}
.huodong{
    width: 1200px;
    margin: 0 auto;
    height: 650px;
    
}
.hdnr{
    
float: left;
}
.hdnr h1{
    text-align: center  ;
    padding-top: 50px;
}
.hdnr .hdtp_z{
    width: 580px;
    float: left;
    list-style: none;
    
}
.hdnr .hdtp_z li{
   overflow: hidden;
    margin-top: 35px;
    border-bottom: 1px dashed #B7B7B7;
    height: 130px;
}
.hdnr .hdtp_z li .hdt{
    width: 155px;
   float: left;

}
.hdnr .hdtp_z li .hdt img{
    border: 2.5px solid white;
}
.hdnr .hdtp_z li .hdw{
    width:390px;
    float: right;
    color: whitesmoke;
   
}
.hddz{
    float: right;
    width: 550px;
}
.hddz h1{
    text-align: center;
    padding-top: 50px;
}
.hddz h2{
    text-align: center;
    font-size: 1.5rem;
    color: tomato;
    margin-top: 15px;
}
.hddz #dituContent{
    margin: 22px auto;
}




/* 底部 */
.footer {
    overflow: hidden;
    background-color: #3c3c3c;
    height: 320px;
    


}

.footer .footer_logo {
    float: left;
    width: 210px;
    height: 137px;
    margin-left: 2.3rem;
    margin-top: -8rem;

}

.footer .footer_gzh {
    float: right;
    width: 150px;
    height: 150px;
    margin-right: 3rem;
    margin-top: -6.4rem;
}

.footer .inner {
    width: 1200px;
    height: 250px;
    margin: 0 auto;
    color: #c2c2c2;

}

.footer .inner .footer_1 {


    width: 1200px;
    height: 66px;


}



.footer .inner .footer_1 a {
    float: left;
    color: #c2c2c2;

    text-decoration: none;
    text-align: center;
    line-height: 90px;
    margin-left: 3.1rem;
}

.footer .inner .footer_2 {
    width: 1200px;
    float: left;
}

.footer .inner .footer_2 p {
    text-align: center;
    line-height: 30px;

}

.footer .inner .footer_3 {
    width: 1200px;
    text-align: center;
    font-size: 0.8rem;
    margin-top: 20px
}

.cl {
    clear: both;
}


.last{
    position: fixed;
    left:  0;
    height: 170px;
    width: 50px;
    z-index: 100;
    top: 20px;
    
}
.last li{
    
cursor: pointer;

padding-top: 100px;
}

.last .wx ,.last .qq, .last .dh{
   width: 50px;
   height: 50px;
   transition: 0.5s;
   
    overflow: hidden;
    
   
    
    
    
    line-height: 50px;
}
.last .wx:hover  ,.last .dh:hover {
   width:300px;
    height: 100px;
    
    font-size: 35px;
    
    
}
 .last .qq:hover {
    width:300px;
     height: 200px;
     
     font-size: 35px;
     
     
 }
.last a{
    text-decoration: none;
}
/* 移动端样式 */
.navbar{
    margin-bottom: 0px;

}
.yddh{
    text-align: center;
    font-weight: 999;
    background-color: #006b76!important;
    border: 1px solid #006b76!important;
}
.yd_dh a{
    color: #ffa829!important;
    font-weight: 999!important;
}
.yd_dh a:hover{
    background-color: #e7e7e7!important;
}
.lunbo1{
    margin-top: -20px;
}

.hdbj_yd{
    background-color: #094337;
    width: 100%;
    
}
.hdbj_yd h1{
    text-align: center  ;
    padding-top: 25px;
}
.hdbj_yd .hdtp_yd li{
    overflow: hidden;
     padding-bottom: 35px;
     border-bottom: 1px dashed #B7B7B7;
  
 }
 .hdbj_yd .hdtp_yd li .hdw{
    
   
    color: whitesmoke;
   
}
.hdbj_yd .hdtp_yd li {
    margin-top: 20px;
   
}
.hdbj_yd .hdtp_yd li .hdt img{
    margin-top: 10px;
}
.yddh_d{
    text-align: center;
    font-size: 25px;
    font-weight: 999;
   margin-top: 20px;
}

.daohang_d{
  
    padding-left: 15px;
    background-color: #3c3c3c;
   
}
.daohang_d a{
    color: #337ab7;
    font-size:18px;
    font-weight: 999;
    border: 1px solid white;
    
}
.daohang_d h6{
    color: white;
    text-align: center;
}