@charset "utf-8";
/* CSS Document */
body{ background-color:#e0ebf5; font-family:"微软雅黑"; font-weight:700; color:#a6606d;}
*{ margin:0; padding:0}
ing{ border:0}


.index{ max-width:1920px; min-width:1366px; overflow:hidden}
.head{ background:url(../images/head-bg.jpg) center top no-repeat;}
.cy{ position:relative; margin-top:-110px}
.logo1{ width:1100px; margin:-180px auto 0; position:relative; z-index:4}
.logo1 img{ margin-left:-50px}
.cyj{ width:1000px; margin:0 auto; position:relative; z-index:2}
.yun1{ position:absolute; top:160px; left:50%; margin-left:-970px; z-index:1}
.head h1{ width:1350px; margin:0 auto; position:relative; z-index:10}

.p1{ background:url(../images/p1bg.png) center top no-repeat; height:522px; margin-top:-60px; position:relative}
.p1 p{ font-size:20px; width:900px; margin:0 auto; padding-top:110px; line-height:40px}



.p2{ margin-top:-100px; position:relative}
.p2 h4{ position:relative; z-index:10}
.p2-top{ background:url(../images/p2bg.png) center top no-repeat; position:relative; z-index:5; margin-top:-60px}
.p2-text{ font-size:20px;  color:#a6606d; width:900px; margin:0 auto; padding-top:60px; line-height:40px}
.xcp{ background:url(../images/xcp.png) center top no-repeat; height:419px; text-align:center; line-height:400px; font-size:50px; font-weight:bold; letter-spacing:2px; color:#a6606d; margin-top:30px}


.p3{ background:url(../images/p3bg.png) center top no-repeat; margin-top:40px; position:relative}
.p3-top{ background:url(../images/p3top.png) center top no-repeat; height:770px;; margin-top:-120px}
.qm{ width:480px; margin:0 auto; padding-top:140px}
.qm img{ margin-left:13px}

.p4{ margin:40px 0; position:relative}
h2{ color:#595757; text-align:center; font-size:35px}
.p4-center{ background:url(../images/kuang.png) center top no-repeat; height:308px; margin-top:20px; overflow:hidden}
.scrollleft{width:1200px; margin:0 auto}
.scrollleft li{float:left;margin-right:7px;display:inline;width:405px;text-align:center;line-height:19px; margin-top:11px}
.scrollleft li span{ display:block; margin-top:10px}
.scrollleft img{width:400px;height:281px;padding:2px;}


.p5{ background:url(../images/p5.png) center top no-repeat; height:867px}
.b5{ width:1000px; overflow:hidden; font-size:15px; line-height:30px; letter-spacing:2px; margin:0 auto; padding-top:220px; }
.bc9_l{float:left; width:500px;}
.bc9_r{float:right;width:500px;}
.bc9_t1{color:#f39800;padding:15px 0 5px; font-size:30px;}
.bc9_r select{background-color:#93C9C0; color:#000;height:30px; width:260px; border:0; font-size:18px; padding-left:15px; outline: medium none;}

.p6{ text-align:center; font-size:22px; color:#595757; margin-top:-80px; font-weight:normal}

.p7{ margin-top:20px; position:relative; font-size:20px}
.p7-text{ overflow:hidden; width:1100px; margin:0 auto}
.p7-left{ background:url(../images/p7-left.png) center top no-repeat; float:left; width:546px; height:405px}
.p7 p{ width:400px; margin:0 auto; padding-top:105px; line-height:35px}
.p7-right{ background:url(../images/p7-right.png) center top no-repeat; float:right; width:546px; height:405px}
h4{ width:433px; margin:0 auto}


.top1_ts{ position:absolute; left:50%; top:50px; background:url(../images/ts.png); width:316px;height:586px;margin-left:-850px; z-index:5;}

.top4_tang{ position:absolute; left:50%; top:240px; background:url(../images/tang.png); width:148px;height:221px;margin-left:-700px; z-index:5;}

.p7_mem1{ position:absolute; left:50%; top:170px; background:url(../images/mem1.png); width:180px;height:326px;margin-left:-98px; z-index:5;}

.p2_mem2{ position:absolute; left:50%; top:300px; background:url(../images/mem2.png); width:300px;height:434px;margin-left:280px; z-index:8;}

.p2_mem3{ position:absolute; left:50%; top:350px; background:url(../images/love.png); width:429px;height:668px;margin-left:300px; z-index:9;}

.p2_yun{ position:absolute; left:50%; top:0px; background:url(../images/yun1.png); width:700px;height:500px;margin-left:300px;}

.p3_mem4{ position:absolute; left:50%; top:180px; background:url(../images/mem3.png); width:300px;height:467px;margin-left:-580px; z-index:7;}

.updown{ animation:updowning 3s linear 0s infinite; transform-origin:20% 50%;}
@keyframes updowning{

	25% { transform:translate3d(-1px,-5px,0) rotate(1deg); }

	75% { transform:translate3d(1px,5px,0) rotate(1deg); }

	100% { transform:translate3d(0,0,0); }

}

@keyframes hearting{

    0% { transform:scale(1); }

	20% { transform:scale(1.1); }

	75% { transform:translate3d(0,-2px,0) rotate(1deg); }

	100% { transform:translate3d(0,0,0); }

}

@keyframes flowering{

    0% {filter: contrast(100%); }

	20% { filter: contrast(120%); }

	40% {filter: contrast(90%); }

	60% { filter: contrast(120%); }

	80% { filter: contrast(90%); }

	100% { filter: contrast(100%); }

}

@keyframes btning{

    0% {transform:scale(.9); }

	50% { transform:scale(1); }

}

@keyframes bottoming{

    0% {filter: contrast(90%); }

	50% { filter: contrast(120%); }

	100% { filter: contrast(90%); }

}

.xcp iframe{ padding-top:20px}