*{ margin:0; padding:0}
header{width:100%;float:left;}
nav{width:100%;float:left;}
footer{width:100%;float:left;}
body {-webkit-text-size-adjust:none;background:#fff;font-family:"微软雅黑",Arial;color:#3c3c3c;font-style: normal;font-weight: normal;font-variant: normal;}
a {text-decoration: none; border: 0px none; outline: 0px none;} 
a:link{ text-decoration: none}
a:visited{ text-decoration: none}
a:hover{text-decoration: none}
a:active{text-decoration: none}
.clear{margin: 0px;padding: 0px;clear: both;}
.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden}
ul,li,dt,dl,dd{	list-style-type: none;	margin: 0px; padding: 0px; background:none;}
p {	margin: 0px; padding: 0px;}
img{ width:100%; }

.top{position:relative;}
.top .aa{position: absolute;
    width: 20%;
    left: 64%;
    top: 71%;
    text-align: center;
    animation-duration: 1.5s;}
	
.con1{position:relative;}
.con1 p{position: absolute;
    font-size: 0.38rem;
    top: 38%;
    left: 38%;
    line-height: 0.55rem;}
.con1 p span{font-weight:bold;}
.con2{width:100%;background:#fa6bab;padding-bottom:8%;}
.di{background:url(../images/xg_06.jpg) repeat-y;background-size: 100%;padding-bottom:5%;}
.di .case{position:relative;    width: 84%;margin: 0 auto;padding-top: 8%;}
.di .case p{font-size:0.47rem;font-weight:bold;position:absolute;top: 20%;
    left: 10%;}
.anniu{position:relative;width:58%;margin:0 auto;margin-top: 3%;color:#000;}
.anniu p{position:absolute;font-size:0.46rem;font-weight:bold;text-algin:center;left:9%; top:13%;}

.wt{width:94%;margin:0 auto; overflow:hidden;width: 94%;
    margin: 0 auto;
    overflow: hidden;
    margin-left: 4%;
    margin-top: 4%;}
.wt li{position: relative;
    width: 48%;
    float: left;
    margin-right: 2%;margin-top: 2%;}
.wt li p{position:absolute;color:#fff;font-size:0.37rem;font-weight:600;left: 14%;
    top: 20%;}

.con3 {background:#fef3be;padding-bottom:8%;}
.con3 .bt{width:75%;margin:0 auto;padding-top:7%;}
.con3 .c3{position:relative;}
.con3 .c3 p{position: absolute;
    font-size: 0.42rem;
    left: 33%;
    top: 83%;
    color: #fff;}
.con3 .c3 p span{font-weight:bold;}
.con3 .sm{font-size:0.34rem;width:86%;margin:0 auto;margin-top:5%;}
.con3 .sm span{font-weight:bold;color:#e53584;}
.con4 {padding-bottom:8%;}
.con4 .bt{width:93%;margin:7% auto 4%;}

.con4 .tt{width:72%;margin:0 auto;position:relative;margin-top: 9%;}
.con4 .tt .shou{position:absolute;width:8%;left: 27%;animation-duration: 1.5s;}
.con4 .shsan{width:45%;float:left;margin-right:2%;position:relative;margin-top: 8%;}
.con4 .shsan .zzceng{position: absolute;
    left: 10%;
    width: 93%;
    top: -11%;}
.con4 .shsan .dgif{width: 86%;
    float: left;
    border-radius: 0.18rem;
    margin-left: 14%;}
.anniu2{position:relative;width:65%;margin:0 auto;margin-top:8%;}
.anniu2 p{position:absolute;font-size:0.46rem;font-weight:bold;text-algin:center;left:9%; top:18%;color:#fff;}

.anniu4{ 
    width: 50%;
    margin-top:4%;
    margin-left: 23%;margin-bottom: 5%;}
.anniu4 p{    position: absolute;
    font-size: 0.46rem;
    font-weight: bold;
    left:12%;
    top: 15%;
    color: #fff;}
.con4 .ts{    width: 92%;
    margin: 0 auto;
    position: relative;
    margin-top: 8%;
    margin-left: 5%;}
.con4 .ts dt{position:absolute;font-weight:bold;font-size:0.39rem;color:#e53584;top: 16%;left: 9%;}
.con4 .ts dd{position: absolute;
    width: 49%;
    font-size: 0.32rem;
    top: 28%;
    left: 9%;}
.ts .anniu3{position: absolute;
    font-size: 0.4rem;
    font-weight: bold;
    color: #fff;
    background: #e53584;
    padding: 2% 5%;
    border-radius: 0.45rem;
    top: 66%;
    left: 9%;}
.con5{background:#ff7ab9;padding-bottom:5%;}
.con5 .bt{width:61%;margin:0 auto;padding-top:7%;}
.con5 table{width:92%; margin:4% auto 6%;text-align:center;background: #fff;}
.con5 table th{background: #6d153d;
    position: relative;
    color: #fff;
    font-size: 0.38rem;
    font-weight: 600;
    padding: 3%;}
.con5 table th img{ position:absolute; width:34%; left:33%; bottom:0;}
.con5 table tr td{font-size:0.34rem; color:#3c3c3c; padding:1.1em 0.1rem;}
.con5 table tr td span{font-weight:bold;color:#fef3be;}
.con5 table tr td:nth-child(1){ background:#ece9ea;}
.con5 table tr td:nth-child(2){ background:#c1266d;}
.con5 table tr td:nth-child(3){ background:#ece9ea;}
.con7{padding-bottom:7%;}
.con7 .bt{width:70%;margin:7% auto 3%;}
.con7 .zj{position:relative;margin-top: 5%;}
.con7 .tx{position: absolute; margin-top: 19%;margin-left: 2%;
    }
.con7 .tx dt{font-size:0.5rem;color:#885ec2;}
.con7 .tx dd{    width:100%;font-size: 0.32rem;
    color: #3c3c3c;
    line-height: 0.45rem;
    margin-left: 6%;}
.con7 .tx dd span{padding: 1% 3%;
    background: #885ec2;
    color: #fff;
    border-radius: 1rem;}
.con7 .tx dl{position:absolute;color:#885ec2;font-size:0.32rem; z-index:20;margin-top:1%;}

.con7 .ry{position: absolute;
    width: 92%;
    top: 67%;
    left: 3%;}
.con7 .ry li{float: left;
    width: 22%;
    font-size: 0.35rem;
    text-align: center;
    background: #e459d4;
    border-radius: 50%;
    height: 1.6rem;
    margin-right: 1%;
    color: #fff;
    margin-top: 3%;
    padding-top: 0.4rem;}
.con7 .ry li span{color:#faf7b2;}



@keyframes ftimg{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.05)}
	100%{-webkit-transform:scale(1)}
}
@keyframes updown{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-10px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes zy{
	0%{opacity:1;transform:translateX(0px)}
	50%{opacity:1;transform:translateX(30px)}
	100%{opacity:1;transform:translateX(0px)}
}