*{ 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%; }

.tounav{width:100%; font-size: 0.3rem; color: #fff; margin:0 auto; position:relative; overflow: hidden;font-weight: bold;}
.tounav li{ float: left; text-align: center; height: 2.6em; padding: 3% 0 2%; line-height: 1.2em}
.tounav1{width:16%;  background:#f83071; }
.tounav2{width:28%; background:#1351a4;}
.tounav3{width:28%; background:#4274b6;}
.tounav4{width:28%; background:#7197c8;}
.tounav a{color: #fff}

.main{width: 100%; background: #fafafa;letter-spacing:-1px }

.headerbanner{width:100%; margin:0 auto; position:relative;}
.headerbanner .an1{position: absolute; width:23.1%;animation: updown 2s 0s ease both infinite; top:60%; left: 66%;}
.headerbanner .an2{position: absolute; width:69.8%;animation: updown 3s 0s ease both infinite; top:96%; left: 16%;}

.con1{width:100%; padding-top: 16%; }
.con1text{position: relative;}
.con1text h2{ position: absolute;font-size: 0.68rem;width:100%; text-align: center; font-weight: normal; color: #1351a4; top:12%; }
.con1text h2 span{color:#f83071; font-weight: bold;}
.con1con{width:92%; border: 2px solid #1351a4; margin: 0 auto; padding-bottom: 1%;}
.con1con li{float: left; }
.con1con .co1{width:42%; padding: 3% 2%; color:#1351a4; font-size: 0.34rem; border: 1px solid #1351a4; margin: 2%}
.con1con .co2{width:42%; padding: 3% 2%; color:#1351a4; font-size: 0.34rem; border: 1px solid #1351a4; margin: 2% 0 2% 1%}
.clickbtn1{ position: relative; animation: updown 2s 0s ease both infinite;width:57.7%; margin: 0 auto;}
.clickbtn1 .an1{position: absolute; color: #fff; text-align: center; font-size: 0.42rem; top:20%;width:88%;}


.con2{wdith:100%; background: #ddebf6; margin-top: 12%;padding-top: 10%;}
.con2text{position: relative; }
.con2text h2{ position: absolute;font-size: 0.68rem;width:100%; text-align: center; font-weight: normal; color: #1351a4; top:12%;}
.con2text h2 span{color:#f83071; font-weight: bold;}
.case{width:100%; position: relative;}
.casean{position: absolute; top:81%; left:13%;animation: updown 2s 0s ease both infinite;width:57.7%;}
.clickbtn2{ position: relative;  }
.clickbtn2 .an1{position: absolute; color: #fff; text-align: center; font-size: 0.42rem; top:20%;width:100%;}

.con3{width:100%; position: relative;}
.con3 h2{ position: absolute;font-size: 0.68rem;width:100%; text-align: center;  color: #1351a4; top:12%;}
.con3 h2 span{color:#f83071; }
.con3 .co1{position: absolute; width:46%; top:32%; left:47%; font-size: 0.34rem; color: #1351a4; line-height: 1.8em}
.con3 .co1 span{font-weight: bold; font-size: 0.4rem;}
.con3click{position: absolute; top:80%; left:22%;animation: updown 2s 0s ease both infinite;width:57.7%;}

.con4{width:100%; padding-top: 14%;position: relative;}
.con4text{position: relative; padding-bottom: 4%; }
.con4text h2{ position: absolute;font-size: 0.68rem;width:100%; text-align: center; font-weight: normal; color: #1351a4; top:12%;}
.con4text h2 span{color:#f83071; font-weight: bold;}
.clickbtn3{ position: relative; animation: updown 2s 0s ease both infinite;width:57.7%; margin: 8% auto 0;}
.clickbtn3 .an1{position: absolute; color: #fff; text-align: center; font-size: 0.42rem; top:20%;width:100%;}



.con5{width:100%; padding-top: 12%;position: relative; color: #fff;}
.con5 h2{position: absolute;font-size: 0.42rem; top:29%; left:5%;}
.con5 h2 span{font-size: 0.3rem; font-weight: normal; }
.con5 h3{position: absolute;font-size: 0.42rem; top:38%; left:5%;}
.con5 h3 span{font-size: 0.3rem; font-weight: normal; }
.con5 h4{position: absolute;font-size: 0.42rem; top:47%; left:5%;}
.con5 h4 span{font-size: 0.3rem; font-weight: normal; }
.con5 h5{position: absolute;font-size: 0.42rem; top:56%; left:5%; width:36%;line-height: 1em;}
.con5 h5 span{font-size: 0.3rem; font-weight: normal; }
.con5 .co1{position: absolute;font-size: 0.4rem; width:83%; border: 2px dashed #fff; padding: 2% 4%;  top:72%; left:4.5%; line-height: 1.6em;}
.con5 .co1 span{font-weight: bold; }
.con5click{position: absolute; top:97%; left:22%;animation: updown 2s 0s ease both infinite;width:57.7%;}
.clickbtn4{ position: relative;  }
.clickbtn4 .an1{position: absolute; color: #fff; text-align: center; font-size: 0.42rem; top:20%;width:100%;}



.con6{width:100%; padding-top: 20%;}
.con6text{position: relative; padding-bottom: 4%; }
.con6text h2{ position: absolute;font-size: 0.68rem;width:100%; text-align: center; color: #1351a4; top:12%; line-height: 1.2em;}
.con6text h2 span{color:#f83071; }
.con6 .con6con{font-size: 0.38rem; width:84%; border: 2px dashed #1e0233; padding: 2% 4%; margin: 4% auto 0;line-height: 1.5em; color: #1e0233; }
.con6 h3{font-size: 0.42rem; color: #1e0233; padding-bottom: 2%;}
.team{ padding-top: 8%}
.teamclick{position: absolute; top:68%; left:8%;animation: updown 2s 0s ease both infinite;width:18.8%;}
.clickbtn5{ position: relative;  }
.clickbtn5 .an1{position: absolute; color: #fff; text-align: center; font-size: 0.42rem; width:56%; top:22%; left:18%; font-weight: bold; line-height: 1.2em;}
.clickbtn6{ position: relative;  }
.clickbtn6 .an1{position: absolute; color: #fff; text-align: center; font-size: 0.42rem; width:72%; top:22%; left:12%; font-weight: bold; line-height: 1.2em;}

.con7{width:100%; padding-top: 16%;}
.clickbtn7{ position: relative; animation: updown 2s 0s ease both infinite;width:57.7%; margin: 8% auto 0;}
.clickbtn7 .an1{position: absolute; color: #fff; text-align: center; font-size: 0.42rem; top:20%;width:100%;}
5








@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;}
}