.m-goc{
    background-color: #fbfafa;display: block;clear: both;overflow: hidden;
}
.m-logo{
    display: block;
    min-width: 1100px;
    height: 703px;
    background: url("../images/wxbanner/wcy-logo.png") no-repeat center center;
    overflow: hidden;
    margin: 0 auto;
}
.m-logo .m-rel{
    display: block;margin: 0 auto;position: relative;width: 1100px;
}
.m-logo .m-rel .m-rel-try{
    display: block;
    position: absolute;
    top: 348px;
    left: 7.3%;
    width: 157px;
    border: 2px solid #fff;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-radius: 19px;
    padding: 5px 0;cursor: pointer;
}
.m-knowledge{
    padding-top: 20px;
    width: 1100px;
    display: block;
    position: relative;
    margin: 0 auto;
    min-height: 600px;
}
.m-knowledge dl{
    width: 85%;  margin: 0 auto;  display: block;position: relative;z-index: 10;
}
.m-knowledge dl dt{
    width: 50%;float: left;visibility: hidden;
}
.m-knowledge dl dd{
    width: 50%;
    float: left;
    visibility: hidden;
    margin-top: 13%;
    position: relative;
}
.m-knowledge dl dd h1{
    text-align: center;color: #333333;font-size: 34px;margin-bottom: 15px;width: 84%;
}
.m-knowledge dl dd .m-p1{
    text-align: center;color: #6f6f6f;font-size: 18px;line-height: 25px;margin-bottom: 22px;width: 84%;text-indent: 24px;
}
.m-knowledge dl dd .m-p2{
    position: absolute;
    bottom: -110px;
    right: 140px;
    width: 127px;
    height: 75px;
    background: url(../images/wxbanner/flower-1.png) no-repeat;
}
.m-knowledge dl dd .m-btn-1{
    background: url("../images/wxbanner/wed-btn-try.png") no-repeat center 0;
    width: 200px;
    height: 60px;
    display: block;
    background-size: auto 80%;
    cursor: pointer;
    position: absolute;
    right:36%;
}
.m-knowledge .line1 {position: absolute;display: block; z-index: 1; left: 329px; bottom: -213px; width: 384px;height: 308px;background: url(../images/wxbanner/line1.png) no-repeat;}
.m-knowledge .mask1 {position: absolute;z-index: 2; left: 329px; bottom: -213px; width: 384px;height: 308px;background: #fff;}

.m-idea{
    width: 1100px;
    display: block;
    margin: 0 auto;
    margin-top: 80px;
    position: relative;

}
.m-idea .m-w100 div{
    display: block;float: left;position: relative;z-index: 10;
}
/*.m-idea .m-w100 div:nth-of-type(1){width: 34%;margin-left: 6%}*/
/* .m-idea .m-w100 div:nth-of-type(2){width: 51%;margin-left: 7%;} */
.m-idea .m-w100 .m-p3{
   margin-top: 14%;visibility: hidden;width: 43%;position: relative;
}
.m-idea .m-pi{
   visibility: hidden;width: 51%;margin-left: 4%;
}
.m-idea .m-p3 h1{
    text-align: center;color: #333333;font-size: 34px;margin-bottom: 15px;
}
.m-idea .m-p3 .m-p1{
    text-align: center;color: #6f6f6f;font-size: 17px;line-height: 25px;margin-bottom: 22px;
}
.m-idea .m-p3 .m-btn-1{
    background: url("../images/wxbanner/wed-btn-chk.png") no-repeat center 0;
    width: 200px;cursor: pointer;
    height: 60px;
    display: block;
    background-size: auto 80%;margin: 0 auto;
}
.m-idea .m-p3 .flower-2 {position: absolute;width: 100px;height: 100px;top: -90px;left: 0; background: url(../images/wxbanner/flower-2.png) no-repeat;}
.m-idea .line2 {position: absolute;top: 372px; right: 365px; width: 600px;height: 438px;background: url(../images/wxbanner/line2.png) no-repeat;}
.m-idea .mask2 {position: absolute;top: 372px; right: 365px; width: 600px;height: 438px;background: #fff;}

.m-goc .m-btop-2{
    background: url("../images/wxbanner/wcy-line.png") no-repeat center 0;
    width: 100%;height: 10px;
}
.m-goc .m-idea .m-w100{
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    position: relative;
}
.m-goc .m-idea .m-w100 .m-code{
    position: absolute;
    left: 67%;
    bottom: -40px;
}
.m-goc .m-idea .m-w100 .m-code img{width: 145px;}
.m-goc .m-cp-func{
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    margin-top: 160px;visibility: hidden;
    position: relative;
    z-index: 10;
}
.m-goc .m-cp-func h2{
    color: #000000;font-size: 34px;
}
.m-goc .m-cp-func p{
    font-size: 18px;margin-top: 5px;
}
.m-goc .m-sbysf_tab{
    width: 1035px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    margin-top: 30px;
    padding-left: 60px;visibility: hidden;
    position: relative;
    z-index: 10;    
}
.m-goc .m-sbysf_tab a{
    width: 142px;
    height: 40px;
    background-color: #b2b2b2;
    border-radius: 4px;
    display: block;
    overflow: hidden;
    float: left;
    margin-left: 15px;
}
.m-goc .m-sbysf_tab .now{
    background-color: #e21419;
}
.m-goc .m-sbysf_tab a span{
    display: block;
    margin: 0 auto;
    line-height: 40px;
    color: #ffffff;
    font-size: 16px;
}

.m-goc .m-sbysf_con{
    min-width: 1100px;
    overflow: hidden;margin-bottom: 90px;
}
.m-goc .m-sbysf_con .sb_list{
    width: 1100px;
    height: 568px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    position: relative;visibility: hidden;
}
.m-goc .m-sbysf_con ul{
    width: 6600px;
    position: absolute;
    left: 0;
    top:0;
}
.m-goc .m-sbysf_con .sb_list li {
    width: 1100px;
    height: 582px;
    overflow: hidden;
    float: left;
}
.m-goc .m-sbysf_con .sb_list li h2{
    margin-top: 50px;
    font-size: 18px;
    font-weight: 600; letter-spacing: 5px;
}
.m-go .go-0{
    background: url("../images/wxbanner/m-back.png") no-repeat center 0;
    display: block;
    position: absolute;height: 99px;
    width: 44px;
    left: 9%;
    top: 40%;
    cursor: pointer;
}
.m-go .go-1{
    background: url("../images/wxbanner/m-go.png") no-repeat center 0;
    display: block;
    position: absolute;height: 99px;
    width: 44px;
    right: 9%;
    top: 40%;
    cursor: pointer;
}
.m-footer{
    background: url("../images/wxbanner/footer.jpg") no-repeat center 0;
    height: 450px;
    min-width: 1100px;
    overflow: hidden;
}
.m-footer h2{
    text-align: center;margin-top: 80px;color: #333;font-size: 30px;letter-spacing: 1px;margin-bottom: 30px;visibility: hidden;
}
.m-footer .m-f1{
    background: url("../images/wxbanner/wed-logo.png") no-repeat center 0;
    width: 1210px;
    height: 160px;
    margin: 0 auto;
    overflow: hidden;margin-bottom: 40px;
    background-size: 100% auto;visibility: hidden;
}
.m-footer .m-f2{
    display: block;text-align: center;visibility: hidden;width: 274px;margin: 0 auto;cursor: pointer;
}
/* animation */
.a-fadeinL,.a-fadeinR,.m-fadeinL,.m-fadeinR{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}
.a-bounceinT{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}
.a-fadeinT,.a-fadeinB{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}
/* 娣″叆-浠庡乏 */
.a-fadeinL{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;}
.a-fadeinR{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;
    -webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;
}
.m-fadeinL{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;
    -webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}
.m-fadeinR{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;
    -webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 2s;}
/* 寮瑰叆-浠庝笂 */
.a-bounceinT{-webkit-animation-name:bounceinT;-moz-animation-name:bounceinT;-ms-animation-name:bounceinT;animation-name:bounceinT;}
/* 娣″叆-浠庝笂 */
.a-fadeinT{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;}
/* 娣″叆-浠庝笅 */
.a-fadeinB{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB; -webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}

/*閬僵*/
.mask_1 {-webkit-animation:mask_1 1s 2s ease-out forwards;-moz-animation:mask_1 1s 2s ease-out forwards;-ms-animation:mask_1 1s 2s ease-out forwards;animation:mask_1 1s 2s ease-out forwards;}
.mask_2 {-webkit-animation:mask_2 1s 2s ease-out forwards;-moz-animation:mask_2 1s 2s ease-out forwards;-ms-animation:mask_2 1s 2s ease-out forwards;animation:mask_2 1s 2s ease-out forwards;}

/* 娣″叆-浠庡乏 */
@-webkit-keyframes fadeinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinL{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
/* 娣″叆-浠庡彸 */
@-webkit-keyframes fadeinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinR{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}
/* 寮瑰叆-浠庝笂 */
@-webkit-keyframes bounceinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    60%{opacity:1;-webkit-transform:translateY(30px);}
    80%{-webkit-transform:translateY(-10px);}
    100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    60%{opacity:1;-moz-transform:translateY(30px);}
    80%{-moz-transform:translateY(-10px);}
    100%{-moz-transform:translateY(0);}
}
@-ms-keyframes bounceinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    60%{opacity:1;-ms-transform:translateY(30px);}
    80%{-ms-transform:translateY(-10px);}
    100%{-ms-transform:translateY(0);}
}
@keyframes bounceinT{
    0%{opacity:0;transform:translateY(-100px);}
    60%{opacity:1;transform:translateY(30px);}
    80%{transform:translateY(-10px);}
    100%{transform:translateY(0);}
}
/* 娣″叆-浠庝笂 */
@-webkit-keyframes fadeinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinT{
    0%{opacity:0;transform:translateY(-100px);}
    100%{opacity:1;transform:translateY(0);}
}
/* 娣″叆-浠庝笅 */
@-webkit-keyframes fadeinB{
    0%{opacity:0;-webkit-transform:translateY(100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinB{
    0%{opacity:0;-moz-transform:translateY(100px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinB{
    0%{opacity:0;-ms-transform:translateY(100px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinB{
    0%{opacity:0;transform:translateY(100px);}
    100%{opacity:1;transform:translateY(0);}
}

/*閬僵1*/
@-webkit-keyframes mask_1{
    0%{-webkit-transform:translateY(0);}
    99%{opacity: 1;-webkit-transform:translateY(308px);}
    100%{opacity: 0}
}
@-moz-keyframes mask_1{
    0%{-webkit-transform:translateY(0);}
    99%{opacity: 1;-webkit-transform:translateY(308px);}
    100%{opacity: 0}
}
@-ms-keyframes mask_1{
0%{-webkit-transform:translateY(0);}
    99%{opacity: 1;-webkit-transform:translateY(308px);}
    100%{opacity: 0}
}
@keyframes mask_1{
    0%{-webkit-transform:translateY(0);}
    99%{opacity: 1;-webkit-transform:translateY(308px);}
    100%{opacity: 0}
}
/*閬僵2*/
@-webkit-keyframes mask_2{
    0%{-webkit-transform:translateY(0);}
    100%{-webkit-transform:translateY(438px);}
}
@-moz-keyframes mask_2{
    0%{-webkit-transform:translateY(0);}
    100%{-webkit-transform:translateY(438px);}
}
@-ms-keyframes mask_2{
0%{-webkit-transform:translateY(0);}
    100%{-webkit-transform:translateY(438px);}
}
@keyframes mask_2{
    0%{-webkit-transform:translateY(0);}
    100%{-webkit-transform:translateY(438px);}
}

/*寰搴嗘牱寮�*/
.s-logo{display: block;position: relative; min-width: 1100px;height: 905px;background: url("../images/wxbanner/wedding.jpg") no-repeat center center;overflow: hidden;margin: 0 auto;}
.s-rel{display: block;margin: 0 auto;position: relative;width: 1100px;}
.s-rel .s-rel-try{display: block;position: absolute;top: 382px;left: 21%;width: 180px;height:60px;cursor: pointer;}