@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 .co{position: absolute; width:18%;}
.banner .co1{top:30%; left: 2%;animation: updown 2s 0s ease both infinite; }
.banner .co2{top:47%; left: 5%;animation: updown 2.5s 0s ease both infinite; }
.banner .co3{top:67%; left: 10%;animation: updown 3s 0s ease both infinite; }



.rlbg{width:100%; background: #d5f2f8;}

.con1{width:100%; padding-top: 4%;}
.con1 h1{width:80%; background: #7eb8e0; border-radius: 1.5em; color: #fff; font-size: 0.3rem; padding: 1% 0; font-weight: normal; text-align: center; margin: 3% auto;}

.con2{width:100%; padding-top: 6%;}
.con2con{position:relative; width:94%; margin: 0 auto; color: #333;}
.con2con .co1{position:absolute; top:13%; left: 1%; width:25%; line-height: 1.2em; font-size: 0.26rem; text-align: right;}
.con2con .co1 span{color: #2533ba;}
.con2con .co2{position:absolute; top:27%; left: 30%; width:25%; line-height: 1.1em; font-size: 0.26rem}
.con2con .co2 span{color: #c2249c;}
.con2con .co3{position:absolute; top:38%; left: 65%; width:32%; line-height: 1.1em; font-size: 0.26rem}
.con2con .co3 span{color: #2abbb9;}
.con2con .co4{position:absolute; top:42%; left: 10%; width:25%; line-height: 1.2em; font-size: 0.26rem;text-align: right;}
.con2con .co4 span{color: #d5ad1c;}
.con2con .co5{position:absolute; top:61%; left: 44%; width:40%; line-height: 1.1em; font-size: 0.26rem}
.con2con .co5 span{color: #60ad43;}
.con2con .co6{position:absolute; top:63%; left: 6%; width:36%; line-height: 1.1em; font-size: 0.26rem}
.con2con .co6 span{color: #bc5a28;}
.con2con .co7{position:absolute; top:83%; left: 39%; width:32%; line-height: 1.2em; font-size: 0.26rem}
.con2con .co7 span{color: #112c6e;}

.con2con .co8{position:absolute; top:88%; left: 75%; width:18%; line-height: 1.2em; font-size: 0.26rem}
.con2con .co8 span{color: #112c6e;}



.con3{width:100%; padding-top: 6%;}
.con3con{margin: 0 auto; width:90%; padding-top: 4%;}
.con3con .co{font-size: .32rem; line-height: 1.6em; width:100%; color: #333; text-align: center;}


.con3left{float: left; width:35%;}
.con3right{ font-size: 0.4rem; color: #4692e0; line-height: 1.4em; width:56%; padding-left: 6%;float: left;}
.con3 li{width:26%; float: left; margin: 2% 2% 0 4%; font-size: 0.3rem; text-align: center;}
.con3 h1{ font-size: 0.36rem; font-weight: normal; color: #4692e0; text-align: center; border-bottom: 1px solid #a3d6dd; border-top: 1px solid #a3d6dd; width:90%; padding: 1% 0; margin: 4% auto;}
.tyclickbtn1{position: relative;width:66%;animation: updown 2s 0s ease both infinite; margin: 0 auto;}
.tyclickbtn1 .pp1{position: absolute; font-size: 0.46rem; font-weight: bold;color: #fff; text-align: center; width:100%; top:14%;}

.tyclickbtn2{position: relative;width:66%;animation: updown 2s 0s ease both infinite; margin: 0 auto;}
.tyclickbtn2 .pp1{position: absolute; font-size: 0.46rem; font-weight: bold;color: #fff; text-align: center; width:100%; top:14%;}
.tyclickbtn3{position: relative;width:84%;animation: updown 2s 0s ease both infinite; margin: 4% auto;}
.tyclickbtn3 .pp1{position: absolute; font-size: 0.44rem; font-weight: bold;color: #fff; text-align: center; width:100%; top:16%;}

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

.con4{width:100%; padding-top: 10%;}
.con4con{position: relative; font-size: 0.34rem; color: #fff; line-height: 1.3em; text-align: center;}
.con4con .co1{position: absolute; width:20%; top:10.5%; left:18%; }
.con4con .co2{position: absolute; width:20%; top:21.5%; left:3.5%; }
.con4con .co3{position: absolute; width:20%; top:42.5%; left:1%; }
.con4con .co4{position: absolute; width:20%; top:49%; left:18.5%; }
.con4con .co5{position: absolute; width:20%; top:68%; left:13.5%; }
.con4con .co6{position: absolute; width:20%; top:6%; left:76.5%; }
.con4con .co7{position: absolute; width:20%; top:26.5%; left:66.5%; }
.con4con .co8{position: absolute; width:20%; top:47.5%; left:78%; }
.con4con .co9{position: absolute; width:20%; top:53%; left:60.5%; }
.con4con .co10{position: absolute; width:20%; top:70%; left:72.5%; }



.con5{width:100%; padding-top: 10%;}
.case{width:90%; margin: 3% auto 0; position: relative}
.case .casean{position: absolute;top:82%; left:20%;width:66%;}



.con6{width:100%;  padding-top: 10%;}
.con6con{position: relative; margin-bottom: 4%;}
.con6con h1{ font-size: 0.42rem; color: #4692e0; width:42%;position: absolute; top:6%; left:10%;}
.con6con h2{ font-size: 0.42rem; color: #4692e0; width:46%;position: absolute; top:31%; left:48%;}
.con6con h3{ font-size: 0.42rem; color: #4692e0; width:46%;position: absolute; top:52%; left:10%;}
.con6con h4{ font-size: 0.42rem; color: #4692e0; width:46%;position: absolute; top:72%; left:48%;}
.con6con .co1{position: absolute; top:16%; left:10%; font-size: 0.32rem; color: #333; width:46%; line-height: 1.3em}
.con6con .co2{position: absolute; top:38%; left:48%; font-size: 0.32rem; color: #333; width:46%;line-height: 1.3em}
.con6con .co3{position: absolute; top:58%; left:10%; font-size: 0.32rem; color: #333; width:46%;line-height: 1.3em}
.con6con .co4{position: absolute; top:78%; left:48%; font-size: 0.32rem; color: #333; width:46%;line-height: 1.3em}


.con7{width:100%;  padding-top: 10%;}
.con7con{position: relative; text-align: center; color: #fff;font-size: 0.34rem;line-height: 1.2em}
.con7con .co1{position: absolute; top:27%; left:7%;  width:32%;}
.con7con .co2{position: absolute; top:42%; left:58%;  width:32%;}
.con7con .co3{position: absolute; top:65%; left:15%; width:32%}
.con7con .co4{position: absolute; top:80%; left:62%; width:32%;}

.con8{width:100%;  padding-top: 2%;}
.con8 img{padding-top: 8%}
.con8con{position: relative; color: #fff;font-size: 0.34rem;line-height: 1.4em}
.con8con .co1{position: absolute;width:64%; top:11%; left:29%;}
.con8con .co2{position: absolute;width:64%; top:45%; left:7%;}
.con8con .co3{position: absolute;width:64%; top:80%; left:30%;}

.con9{width:100%;  padding-top: 10%;}





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