*{ 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;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%; }



.headerbanner{width:100%; position: relative}
.headerbanner .an{position: absolute; width:22.1%; bottom: 14%; left: 6%;animation: updown 2s 0s ease both infinite;}



.con1{width:100%;  position: relative; background: #ffeff2; padding-bottom: 5%}
.con1 .co{position: absolute; font-size: .36rem; color: #000; line-height: 1.2em; top:14%; left: 6%;}

.tyclick{position: relative; width:60%; border-radius: 3em; background: -webkit-linear-gradient(0deg, #8a65b1, #38216c); margin: 2% auto; text-align: center; color: #fff;font-size: .46rem; font-weight: 700; padding: 2% 0;box-shadow:0 0.1rem 0 #fac4cb;animation: updown 2s 0s ease both infinite;}
.tyclick .s{width:7%; position: absolute; bottom: 0%; right: 12%;}

.case{position: relative;}
.case .co1{font-size: .46rem; color: #000; position: absolute; top:5%; left: 24%; line-height: 1em; font-weight: 700;}
.case .co1 span{font-size: .3rem; font-weight: normal;}
.case .co2{font-size: .3rem; color: #000; position: absolute; top:73%; left: 6%; line-height: 1.6em; }
.case .co3{font-size: .3rem; color: #000; position: absolute; top:73%; left: 52%; line-height: 1.6em; }

.case .click1{width:43%; border-radius: 3em; background: -webkit-linear-gradient(0deg, #8a65b1, #38216c); text-align: center; color: #fff;font-size: .36rem; font-weight: 700; padding: 2% 0;box-shadow:0 0.1rem 0 #ffbf04;animation: updown 2s 0s ease both infinite; position: absolute; bottom: 6%; left: 4%;}
.case .click2{width:43%; border-radius: 3em; background: -webkit-linear-gradient(0deg, #fed403, #ffbf04); text-align: center; color: #000;font-size: .36rem; font-weight: 700; padding: 2% 0;box-shadow:0 0.1rem 0 #38216c;animation: updown 2.5s 0s ease both infinite; position: absolute; bottom: 6%; left: 52%;}


.con2{width:100%;  padding-bottom: 8%; position: relative; background: #f3dddb}
.con2 .co1{position: absolute; font-size: .36rem; color: #000; line-height: 1.2em; top:13%; left: 6%;}
.con2 .co2{position: absolute; font-size: .36rem; color: #000; line-height: 1.2em; top:75%; left: 22%;}



.con3{width:100%;  margin-top:4%;  position: relative;}
.con3 .co1{position: absolute; font-size: .36rem; color: #000; line-height: 1.2em; top:7%; left: 6%;}
.con3 .co2{position: absolute; font-size: .36rem; color: #000; line-height: 1.2em; top:19%; left: 58%; font-weight: 700; width:36%;}
.con3 .co2 span{font-size: .28rem; font-weight: normal;}
.con3 .co3{position: absolute; font-size: .36rem; color: #000; line-height: 1.2em; top:44%; left: 5%; font-weight: 700; width:36%;}
.con3 .co3 span{font-size: .28rem; font-weight: normal;}
.con3 .co4{position: absolute; font-size: .36rem; color: #000; line-height: 1.2em; top:69%; left: 64%; font-weight: 700; width:30%;}
.con3 .co4 span{font-size: .28rem; font-weight: normal;}
.con3 .click1{width:43%; border-radius: 3em; background: -webkit-linear-gradient(0deg, #8a65b1, #38216c); text-align: center; color: #fff;font-size: .36rem; font-weight: 700; padding: 2% 0;box-shadow:0 0.1rem 0 #ffbf04;animation: updown 2s 0s ease both infinite; position: absolute; bottom: 6%; left: 4%;}
.con3 .click2{width:43%; border-radius: 3em; background: -webkit-linear-gradient(0deg, #fed403, #ffbf04); text-align: center; color: #000;font-size: .36rem; font-weight: 700; padding: 2% 0;box-shadow:0 0.1rem 0 #38216c;animation: updown 2.5s 0s ease both infinite; position: absolute; bottom: 6%; left: 52%;}


.con4{width:100%; padding-top: 2% }
.con4con{width:95%; border: 2px solid #000; margin: 16% auto 22%; background: #fff; position: relative; height: 11.8rem;}
.con4con .con4cp{position: absolute; width:96.9%; top:-10%; left: 1.55%; z-index: 999}
.con4con .l1{position: absolute; width:96%; top:22%; left: 2%; text-align: center; line-height: 1.4em; font-size: 0.30rem; font-weight: 300}
.con4con .l2{position: absolute; width:100%; top:35%; left: 0%; text-align: center; line-height: 1.4em; font-size: 0.30rem; font-weight: 300}
.con4con .ss1{position: absolute; width:24.2%; top:10%; left: 5%;}
.con4con .ss2{position: absolute; width:24.2%; top:50%; left: 5%;}
.con4con .ss3{position: absolute; width:24.2%; top:10%; right: 5%;}
.con4con .ss4{position: absolute; width:24.2%; top:50%; right: 5%;}
.con4con .click1{ width: 64.5%; position: absolute; bottom:-5%; left: 18%;animation: updown 2.5s 0s ease both infinite;}
.con4con .click1 p{ position: absolute; width: 100%; text-align: center; font-size: 0.36rem; font-weight: bold; color: #fff; left: 0; top: 0; padding-top: 4%}

.bg2{ background: url(../images/bg2.jpg) repeat-y; background-size:100%;height: 11.2rem;}
.bg3{ background: url(../images/bg2.jpg) repeat-y; background-size:100%;height: 14.5rem;}
.bg4{ background: url(../images/bg2.jpg) repeat-y; background-size:100%;height: 24rem;}
.bg5{ background: url(../images/bg2.jpg) repeat-y; background-size:100%;height: 20rem;}
.nva{width:94%; padding-left: 3%; display: block; position: relative; margin-bottom: 8%}
.nva h1{  font-size: 0.38rem; display: block; padding: 2% 0 1% 0}
.nva h1 span{text-decoration: none; color: #ff6f6f;}
.nva h1 font{text-decoration:underline;color: #333}
.nva p{ color: #333; font-size: 0.3rem; line-height: 1.3em}



.con5{padding: 3% 0 6%; position: relative;}
.con5 .co1{position: absolute; font-size: .36rem; color: #000; line-height: 1.2em; top:12%; left: 6%;}
.con5 li{width:40%; margin: 2% 4% 4% 5%; float: left;}
.con5 .co2{line-height: 1.4em; color: #000; font-size: .28rem; width:90%; margin: 2% auto 0;}
.con5 .click1{width:43%; border-radius: 3em; background: -webkit-linear-gradient(0deg, #8a65b1, #38216c); text-align: center; color: #fff;font-size: .36rem; font-weight: 700; padding: 2% 0;box-shadow:0 0.1rem 0 #ffbf04;animation: updown 2s 0s ease both infinite; float: left; margin-left: 4%;}
.con5 .click2{width:43%; border-radius: 3em; background: -webkit-linear-gradient(0deg, #fed403, #ffbf04); text-align: center; color: #000;font-size: .36rem; font-weight: 700; padding: 2% 0;box-shadow:0 0.1rem 0 #38216c;animation: updown 2.5s 0s ease both infinite; float: left;margin-left: 6%;}

.con6{ margin-top: 8%}
.con6 li{float: left; width:27%; text-align: center; color: #333; padding: 5% 2% 1% 4%}
.con6 h1{font-size: 0.32rem; padding: 2% 0; line-height: 1.6em }
.con6 h1 span{font-size: 0.3rem; font-weight: normal;}
.con6 .co{padding: 0 1%; font-size: 0.3rem; line-height: 1.4em;}
.con6 li .fgx {width: 40%;margin: 2% auto;height: .04rem;background: #e25b5b;}







@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 updown1{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-5px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes zy{0%{opacity:1;transform:translateX(0)}
50%{opacity:1;transform:translateX(8px)}
100%{opacity:1;transform:translateX(0)}
}