/* CSS Document */
/* 公共样式表css */
html,body {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
   
}

img {
    border: 0;
}

body {
    background: #f3f3f3;
    color: #666;
}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #08acee;
}
h2 sup{
	font-size: 30px;
}
button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}


.zixun{display:block;width: 229px;height:74px;}

/*----style--*/


.sp{width:919px;height:525px;background:#fff;border-radius: 10px;overflow:hidden;margin:177px auto 0 auto;}
.anniu2{width:652px;height:144px;display: block;margin:50px auto 0 auto;}

.anniu2 img:nth-child(1){display:block;}
.anniu2 img:nth-child(2){display:none;}
.anniu2:hover img:nth-child(1){display:none;}
.anniu2:hover img:nth-child(2){display:block;}

.zx-anniu{position: absolute;left: 746px; top:483px; width: 353px; height: 83px; display: block;}
.zx-anniu img:nth-child(1){display:block;}
.zx-anniu img:nth-child(2){display:none;}
.zx-anniu:hover img:nth-child(1){display:none;}
.zx-anniu:hover img:nth-child(2){display:block;}

/*送祝福样式弹出层*/
.box_In{width: 1200px;margin: 0 auto;position: relative;}
.szf_mask{width: 100%;height: 100%;background: rgba(0,0,0,.75);position: fixed;top: 0;left: 0;z-index: 99999;display: none;}
.szf_mask .box_In{height: 100%;}
.szf_mask .main{width: 556px;height: 545px;position: absolute;top: 50%;left: 50%;margin-left: -278px;margin-top: -272px;}
.szf_mask .main .img_show{animation: myimg 1s;-moz-animation: myimg 1s ;-webkit-animation: myimg 1s; -o-animation: myimg 1s ;}
.szf_mask .con{position: relative;} 
.szf_mask #szf_h2 {position: absolute;color: #da222c;font-size: 30px;top: 275px;left:80px;text-align: center;width:388px;font-weight: bold;}
.szf_mask .con p{color: #fff;text-align: center;font-size: 25px;position: absolute;top:460px;left: 70px;width:400px;text-align: center;display: none;}
.szf_mask .con p span{color: #fffc00;}
.szf_close{position: absolute;top: -25px;right:10px;cursor: pointer;display: none;}
.szf_mask .con.ma_hide{animation: ma_hide 1s;-moz-animation: ma_hide 1s ;-webkit-animation: ma_hide 1s; -o-animation: ma_hide 1s ;}
@keyframes myimg
{
0% {transform: scale(0);opacity: 0;}
100%{transform: scale(1);opacity:1;}
}

@-moz-keyframes myimg 
{
0% {transform: scale(0);opacity: 0;}
100%{transform: scale(1);opacity:1;}
}

@-webkit-keyframes myimg 
{
0% {transform: scale(0);opacity: 0;}
100%{transform: scale(1);opacity:1;}
}

@-o-keyframes myimg
{
0% {transform: scale(0);opacity: 0;}
100%{transform: scale(1);opacity:1;}
}


@keyframes ma_hide
{
0% {transform: scale(1);opacity: 1;}
100%{transform: scale(0);opacity:0;}
}

@-moz-keyframes ma_hide 
{
0% {transform: scale(1);opacity: 1;}
100%{transform: scale(0);opacity:0;}
}

@-webkit-keyframes ma_hide 
{
0% {transform: scale(1);opacity: 1;}
100%{transform: scale(0);opacity:0;}
}

@-o-keyframes ma_hide
{
0% {transform: scale(1);opacity: 1;}
100%{transform: scale(0);opacity:0;}}
}