@charset "utf-8";
/* CSS Document */
*{ 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%; }


.banner{width:100%; position:relative;}
.banner .clickbtn{position:absolute; width:60%; top:75%; left:5%;animation: updown 2s 0s ease both infinite;}
.click{position:relative;}
.click .co1{font-size: 0.54rem; color: #fff; font-weight: bold; position: absolute; text-align: center; top:10%; width:100%;}

.con1{width:100%; background: #5e318f;}
.con1 .co1{width:80%; border-left:1px solid #9e83bc; border-right:1px solid #9e83bc;color: #fff; font-size: 0.36rem; padding: 1% 3%;  margin: 3% auto; line-height: 1.5em}
.con1one{position: relative; padding-top: 4%;}
.con1one .co2{position: absolute; color: #fff; font-size: 0.36rem; line-height: 1.6em; text-align: center; top:14%; left: 37%; width:50%;}
.con1two{background: #d5577d;padding-top: 6%; }
.con1two .co3{ color: #fff; font-size: 0.36rem; line-height: 1.6em; width:80%; margin: 0 auto; padding-bottom: 6%;}
.con1three{position: relative;}
.con1three .co4{position: absolute; color: #fff; font-size: 0.36rem; line-height: 1.6em; top:45%; left: 12%; width:80%;}
.con1 ul{background: #fff;}
.con1 li{float:left; width:40%; text-align: center; font-size: 0.36rem; color: #5e318f; padding: 4% 5%}
.tyclick{position: relative; width:70%; margin: 4% auto 0;animation: updown 2s 0s ease both infinite;}
.tyclick .an{position: absolute; width:100%; text-align: center; font-size: 0.5rem; font-weight: bold; top:15%; color: #fff;}

.tyclick1{position: relative; width:70%; margin: 0 auto;animation: updown 2s 0s ease both infinite;}
.tyclick1 .an{position: absolute; width:100%; text-align: center; font-size: 0.5rem; font-weight: bold; top:15%; color: #fff;}

.tyclick2{position: relative; margin: 0 auto;animation: updown 2s 0s ease both infinite;}
.tyclick2 .an{position: absolute; width:100%; text-align: center; font-size: 0.5rem; font-weight: bold; top:15%; color: #fff;}

.con2{width:100%; margin-top: 10%;}
.con2text{position: relative;}
.con2text h2{position: absolute; text-align: center; color: #5e318f; font-size: 0.6rem; top:-8%; width:100%; }
.con2text h2 span{font-size: 0.4rem; color: #d5577d; font-weight: normal;}
.con2 li{width:50%; float: left; padding: 4% 0;}

.con3{width:100%; margin-top: 10%;}
.con3text{position: relative;}
.con3text h2{position: absolute; text-align: center; color: #d5577d; font-size: 0.6rem; top:20%; width:100%; }
.con3con{ color: #d5577d; position: relative;}
.con3con .co1{position: absolute; width:25%; top:11%; left:2.5%; font-size: 0.3rem; text-align: center; line-height: 1.6em}
.con3con .co2{position: absolute; width:25%; top:12%; left:74.5%; font-size: 0.3rem; text-align: center; line-height: 1.6em}
.con3con .co3{position: absolute; width:25%; top:39%; left:0.5%; font-size: 0.3rem; text-align: center; line-height: 1.6em}
.con3con .co4{position: absolute; width:25%; top:65%; left:12%; font-size: 0.3rem; text-align: center; line-height: 1.6em}
.con3con .co5{position: absolute; width:25%; top:60%; left:76%; font-size: 0.3rem; text-align: center; line-height: 1.6em}
.con3con span{font-size: 0.36rem; font-weight: bold;}



.con4{width:100%; margin-top: 10%;}
.con4text{position: relative;}
.con4text h2{position: absolute; text-align: center; color: #5e318f; font-size: 0.6rem; top:20%; width:100%; }
.case{width:100%; margin: 3% auto 0;}

.con5{width:100%; margin-top: 10%;}
.con5text{position: relative;}
.con5text h2{position: absolute; text-align: center; color: #5e318f; font-size: 0.7rem; top:0%; width:100%;line-height: 1em }
.con5text h2 span{font-size: 0.5rem; color: #d5577d; font-weight: normal;}
.con5con{position: relative; margin-top: 4%;}
.con5con .co1{font-size: 0.36rem; color: #fff; line-height: 1.6em; width:80%; position: absolute; top:12%; left:10%;}


.con6{width:100%; margin-top: 10%;}
.con6text{position: relative;}
.con6text h2{position: absolute; text-align: center; color: #5e318f; font-size: 0.6rem; top:0%; width:100%;line-height: 1.2em }
.con6text h2 span{font-size: 0.6rem; font-weight: normal;}
.con6 li{position: relative; float: left; width:44%; padding: 4% 3% 2% 3%;}
.con6 .co1{position: absolute; width:80%; font-size: 0.34rem; color: #fff; top:72%; left: 10%; line-height: 1.6em}


.con7{width:100%; margin-top: 10%;}
.con7text{position: relative; margin-bottom: 4%;}
.con7text h2{position: absolute; text-align: center; color: #5e318f; font-size: 0.6rem; top:0%; width:100%;line-height: 1.2em }
.con7text h2 span{font-size: 0.6rem; font-weight: normal;}

.con8{width:100%; margin-top: 10%;}
.con8text{position: relative; margin-bottom: 4%;}
.con8text h2{position: absolute; text-align: center; color: #5e318f; font-size: 0.6rem; top:25%; width:100%;line-height: 1.2em }
.con8text h2 span{font-size: 0.4rem; font-weight: normal;}
.con8con{position: relative;}
.con8con .co1{position: absolute; top:1%; left:10%; width:20%;animation: updown 2s 0s ease both infinite;}
.con8con .co2{position: absolute; top:1%; left:40%; width:20%;animation: updown 3s 0s ease both infinite;}
.con8con .co3{position: absolute; top:1%; left:70%; width:20%;animation: updown 4s 0s ease both infinite;}
.con8con .co4{position: absolute; width:36%;top:26%; left:60%; font-size: 0.4rem; color: #fff;}
.con8con .co5{position: absolute; width:36%;top:35%; left:60%; font-size: 0.4rem; color: #fff;}
.con8con .co6{position: absolute; width:36%;top:51%; left:60%; font-size: 0.4rem; color: #fff;}
.con8con .co7{position: absolute; width:64%;top:86%; left:16%; font-size: 0.4rem; color: #fff;}
.clickbtn1{position: absolute; top:74%; left: 15%;width:70%; }

.team{width:100%; padding-top: 10%;}
.team1left{width:40%;float: left; padding-left: 2%}
.click1{position: relative; width:100%; margin: 10% auto 0;animation: updown 2s 0s ease both infinite;}
.click1 .an{position: absolute; width:100%; text-align: center; font-size: 0.5rem; font-weight: bold; top:15%; color: #fff;}
.team1right{width:50%;float: left; padding-left: 5%;}
.team1right h2{font-size: 0.6rem; color: #5e318f;} .team1right h2 span{font-size: 0.34rem; font-weight: normal; color: #333;}
.team1right .pp1{background: #d5577d; padding: 1% 4%;  border-radius: 0.5em; font-size: 0.34rem; color: #fff; line-height: 1.5em; margin: 4% 0}
.team1right .pp2{  font-size: 0.26rem; color: #333; line-height: 1.4em; margin: 4% 0}
.team1right .pp3{background: #d5577d; padding: 1% 4%;  border-radius: 0.5em; font-size: 0.34rem; color: #fff; line-height: 1.5em; margin: 2% 0 4%}
.team1right .pp4{background: #5e318f; padding: 1% 4%;  border-radius: 0.5em; font-size: 0.34rem; color: #fff; line-height: 1.5em; margin: 4% 0}.teamtext1{width:92%; margin: 10% auto 0}

.teamtext1 h2{font-size: 0.4rem; color: #5e318f; padding-bottom: 2%;}
.teamtext1 .co1{ font-size: 0.34rem; color: #333; line-height: 1.5em}
.teamtext1 .co1 span{ color: #d5577d; font-weight: bold;}

.teamtext2{width:92%; margin: 10% auto 0; text-align: center; font-size: 0.46rem; color: #5e318f; font-weight: bold}


@keyframes ftimg105{
	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)}
}
@media (min-width: 768px) {
	.tt span{font-weight:lighter;}
}