body,html,p{
    padding: 0;
    margin: 0;
}
h1,h2,h3,h4{font-weight:normal}
ul,li{
    list-style: none;
    margin: 0 ;
    padding: 0 ;
}
a{
    text-decoration: none;
}
@font-face{
    font-family: myFontBold;
    src:url(../fonts/SourceHanSansCN-Bold.otf);
}
@font-face{
    font-family: myFontLight;
    src: url(../fonts/SourceHanSansCN-Light.otf);
}
@font-face{
    font-family: myFontNormal;
    src: url(../fonts/SourceHanSansCN-Normal.otf);
}
@font-face{
    font-family: myFontRegular;
    src: url(../fonts/SourceHanSansCN-Regular.otf);
}
@font-face{
    font-family: myFontAdobe;
    src: url(../fonts/AdobeSongStd-Light.otf);
}
@font-face{
    font-family: myFontAGara;
    src: url(../fonts/AGaramondPro-Regular.otf);
}
@font-face{
    font-family: myFontdin;
    src: url(../fonts/din-bold.otf);
}
.cl:after,.clearfix:after{
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;  
    }
.cl,.clearfix{
    zoom: 1;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.center{
    text-align: center;
}
.pb30{
    margin-bottom: 30px;
}
.pt100{
    padding-top: 100px;
}
.mt15{
    margin-top: 15px;
}
.mt120{
    margin-top: 120px;
}
.mt100{
    margin-top: 100px;
}
.mt50{
    margin-top: 50px;
}
.mt20{
    margin-top: 20px;
}
.mt30{
    margin-top: 30px;
}
.mt10{
    margin-top: 10px;
}
.pt80{
    padding-top: 80px;
}
.pb20{
    padding-bottom: 20px;
}
.pt120{
    padding-top: 120px;
}
.mr50{
    margin-right: 50px;
}
.mr60{
    margin-right: 60px;
}
.ml145{
    margin-left: 145px;
}
.c89{
    color: #898989;
}
.f12{
    font-size: 12px;
}
.f15{
    font-size: 15px;
}
.f13{
    font-size: 13px;
}
.f23{
    font-size: 23px;
}
.f24{
    font-size: 24px;
}
.f27{
    font-size: 27px;
}
.f38{
    font-size: 38px;
}
.f36{
    font-size: 36px;
}
.f50{
    font-size: 50px;
}
@font-face{
    font-family: SourceHanSansCN;
    src:url(../fonts/SourceHanSansCN-Bold.otf),
        url(../fonts/SourceHanSansCN-Light.otf),
        url(../fonts/SourceHanSansCN-Normal.otf),
        url(../fonts/SourceHanSansCN-Regular.otf)
}


.bg{
    width: 100%;
    background: url(https://img.zcool.cn/special-resource/enhouse/assets/img/bg_big.png) no-repeat;
    background-size: cover;
}
.ban{
    width: 2560px;
    height:962px;
    overflow: hidden;
    position: relative;
    background:url(https://img.zcool.cn/special-resource/enhouse/assets/img/banner.jpg) no-repeat center center;
    transform-origin: left top;
}

.main-nav{
    width: 100%;
    height: 56px;
    background: #7d7d7d;
}
.main-nav ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-nav ul li{
    position: relative;
    float: left;
    text-align: center;
    height: 56px;
    line-height: 56px;
    font-size: 21px;
    width: 218px;
    border-right: 1px solid #bebebe;
}
.main-nav ul li:first-child{
    border-left: 1px solid #bebebe;
}
.main-nav ul li a{
    color: #fff;
}
.main-nav ul li.active,.main-nav ul li:hover{
    background: #3e3a39;
    border-right: 1px #3e3a39 solid;
}
.main-nav ul li.active:first-child,.main-nav ul li:hover:first-child{
    border-left: 1px #3e3a39 solid;
} 
.main-nav ul li:hover::after,.main-nav ul li.active::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    margin-left: -80px;
    border: 1px solid #fff;
    border-radius: 50%;
}
.main-nav ul li:hover::before,.main-nav ul li.active::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    margin-right: -80px;
    border: 1px solid #fff;
    border-radius: 50%;
}
article{font-family: myFontLight}
article p{
    line-height: 40px;
}
.sour,.rater{font-family: myFontNormal;}
.minW{
    width: 1100px;
    padding: 0 50px;
    margin: 0 auto;
    color: #000;
}
.plan-list{
    width: 100%;
    border-top: 1px #918b8a solid;
    font-family: myFontAGara;
}
.plan-list li{
    text-align: left;
    float: left;
    margin: 0 50px;   
}
.plan-list li:first-child{
    margin-left:60px;
}
.plan-list li>div{
    width:80px;
    margin-top: -3px;
    border: 3px solid #3e3a39;
}
.plan-list li b{
    display: inline-block;
    padding: 8px 5px;
    width: 20px;
    height: 10px;
    background: url(https://img.zcool.cn/special-resource/enhouse/assets/img/tip.png) no-repeat center center;
}
.plan-list li .time-year,.plan-list li .time-fri,.plan-list li .time-sat{
    position: relative;
}
.plan-list li .time-year::before{
    content: '2018';
    position: absolute;
    top: -10px;
    left:50%;
    transform: translate(-50%,0);
    font-size: 10px;
}
.plan-list li .time-fri::before{
    content: '|fri|';
    position: absolute;
    top: -10px;
    left:0px;
    font-size: 10px;
}
.plan-list li .time-sat::before{
    content: '|sat|';
    position: absolute;
    top: -10px;
    left:0px;
    font-size: 10px;
}
.rater>div{
    margin: 0 auto;
    width: 315px;
    height: 315px;
}
.rater>p{
    line-height: 30px;
}
.rater_1>div{
    background: url(https://img.zcool.cn/special-resource/enhouse/assets/img/p4.png) no-repeat center top;
}
.raterbox{
    display: flex;
    justify-content: center;
    align-items: center;
}
.raterbox li{
    float: left;
    margin: 30px;
}
.rater_2>div{
    background: url(https://img.zcool.cn/special-resource/enhouse/assets/img/p2.png) no-repeat -55px 5px;
}
.rater_3>div{
    background: url(https://img.zcool.cn/special-resource/enhouse/assets/img/p1.png) no-repeat center -5px;
}
.rater_4>div{
    background: url(https://img.zcool.cn/special-resource/enhouse/assets/img/p3.png) no-repeat -72px top ;
}
.rater_5>div{background: url(https://img.zcool.cn/special-resource/enhouse/assets/img/tx3.png) no-repeat -72px top ;}
.rater_5 p{text-align:center;}
.awd_bg{
    width: 100%;
    position: relative;
}
.awd_bg img{
    width: 100%;
}
.awd_text_detail{font-family:  myFontLight}
.san{font-family:myFontRegular }
.awd_box{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    font-family:myFontLight; 
}
.awd_box li{
    width: 240px;
    float: left;
    text-align: justify;
    margin-bottom: 30px;
    margin-left: 95px;
}
.awd_box li:first-child{
    margin-left: 105px;
}
.awd_box li p{
    line-height: 30px;
}
.awd_box .awd_t1,.awd_box .awd_t3{
    margin-top: 120px;
}
.awd_text span{
    display: inline-block;
    padding: 30px 20px;
}
.awd_text p{
    font-size: 13px;
    text-align: left;
    line-height: 30px;
}
.require_text p{
    margin-top: 30px;
    line-height: 30px;
    font-family: myFontNormal;
}
.standard_box{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    font-family: myFontNormal;
}
.standard_box li{
    width: 33.3%;
    float: left;
    line-height: 30px;
}
.standard_box li:nth-child(1),.standard_box li:nth-child(2){
    border-right: 1px solid #000;
}
.contact_type p{
    line-height: 40px;
    font-family: myFontNormal;
}
.bg_line img{
    width: 100%;
}
.ceremony{
    width: 100%;
    position: relative;
    background: url(https://img.zcool.cn/special-resource/enhouse/assets/img/bg_small.png) no-repeat;
    background-size: cover;
    height: auto;
    padding-bottom: 80px;
    margin-top: -25px;
}
.cere-text{
    line-height: 30px;
}
.cere-text h1{font-family: myFontdin; }
.cere-text h4{font-family:myFontRegular; }
.cere-text p{
    line-height: 40px;
    font-size: 15px;
    font-family:myFontNormal;
}
.cere-plan{font-family:myFontNormal;}
.cere-plan .item{
    height: 80px;
    margin-top: 40px;
}
.cere-plan{
    width: 780px;
    padding: 0 20px;
    margin: 0 auto;
    
}
.about-us-detail{font-family:myFontNormal}
.stro{font-family: myFontBold}
.num{font-family: myFontRegular}
.cere-plan .item>div{
    display: inline-block;
    text-align: left;
}
.about-us p{
    line-height: 40px;
    font-size: 15px;
}
.partner{
    width: 100%;
    padding-bottom: 100px;
    padding-top: 80px;
}
.partner img{
    width: 100%;
}
aside{
    position: fixed;
    right:20px;
    top: 50%;
    width: 60px;
    height: 240px;
    border: 1px solid #3e3a39;
    border-radius: 30px;
    background: #fff;
    z-index:1000;
}
aside .share>div{
    display: block;
    width: 30px;
    height: 30px;
}
aside .share>div img{
    width: 100%;
}
aside .share{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
aside .share p{
    color: #3e3a39;
    text-align: center;
    margin: 10px 0;
}
.last>img{width:160px;}
.space{letter-spacing: 5px;}
aside .share>.qq{height:35px;}
aside .share>.email{height:20px;margin-bottom:0;}