*{ 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{width:34.7%;  position: absolute;top:68%; left: 6.5%;animation: updown 2s 0s ease both infinite; }


.tytext1{width:100%;background: -webkit-linear-gradient(0deg, #2563bf, #85a2de); padding: 2.5% 0}
.tytext1 .text{font-size: .52rem;  color: #fff; top:15%;text-align: center; width:100%; font-weight: lighter;}



.con1{width:100%;   background:#e3e3f4;position: relative; overflow: hidden}
.imgas{position: absolute;top:4%; left: 6%;  width:18.26%;animation: updown1 1s 0s ease both infinite;}
.bh{ width:100%; text-align: center;}
.bh p{ font-weight:bold; color:#301c5b;font-size:0.30rem; display:block; margin:1% 0}
.bh span{ padding:0 2%; background:#fbab4a; font-weight:bold;}
.onniu{ display: block; margin: 4% 0;}
.con5bg{width:94%;color: #000; padding: 5% 3% 0% 3%}
.con5bg li{width:30.9%; float: left; padding: 0% 2% 0 12%; margin-bottom: 4%;}
.con5bg .co1{font-weight: 700; font-size: .36rem; padding-top: 2%;}
.con5bg .co2{line-height: 1.2em; font-size: .3rem; padding-top: 2%; text-align: center;}
.onniu .click{position: relative; width:44%;animation: updown 2s 0s ease both infinite; float:left; margin-left: 5%;}
.onniu .click span{position: absolute; text-align: center; color: #e3e3f4; font-weight: bold;font-size: .4rem; top:17%; left: 0%;  width:100%}

.onniu .click1{position: relative;  width:44%;animation: updown 2s 0s ease both infinite; float:left;margin-left: 2%;}
.onniu .click1 span{position: absolute; text-align: center; color: #e3e3f4; font-weight: bold;font-size: .4rem; top:17%; left: 0%;  width:100%}

.onniu1{ display: block; margin: 4% 0 0% 0;background:#e3e3f4; position: relative; padding-bottom: 7%}
.onniu1 .click2{position: relative; width:68%;animation: updown 2s 0s ease both infinite; margin: 0 auto; background: #351f61; border-radius: 5em;text-align: center;padding: 2%;}
.onniu1 .click2 span{ color: #fff; font-weight: bold;  font-size: 0.32rem; }











.con4{width:100%;  padding:3% 0 0% 0;background:#e3e3f4; }
.con4 .bg{position: relative; width:100%; display: block}
.syy{ position: absolute; bottom:3%; left: 0; width: 100%;}
.con4 .click{position: relative; width:46%;animation: updown 2s 0s ease both infinite; float:left; margin-left: 4%;}
.con4 .click span{position: absolute; text-align: center; color: #fff; font-weight: bold;font-size: .34rem; top:23%; left: 0%;  width:100%}

.con4 .click1{position: relative;  width:44%;animation: updown 2s 0s ease both infinite; float:left;margin-left: 2%;}
.con4 .click1 span{position: absolute; text-align: center; color: #fff; font-weight: bold;font-size: .34rem; top:23%; left: 0%;  width:100%}




.con5{width:100%;  padding:3% 0 2% 0;background:#fff; }


.qblc{width:100%; margin:2% auto 0; background:#fff;}
.qblctext{width:94%; margin: 0 auto; position: relative}
.qblcx{width:6%; position: absolute;top:20%; left: 2%;}
.qblc .co1{position: absolute; font-size: 0.46rem; font-weight: 700; color: #fff; top:14%; left: 10%;}
.qblc .co2{position: absolute; font-size: 0.3rem;  color: #fff;top:32%; left:30%}
.qblc li{float: left; width:44%; text-align: center; padding: 4% 3% 0 3%;}
.qblc .co{font-size: 0.36rem; color: #301c5b;line-height: 1.2em; padding-top: 2%; font-weight: 700;}
.qblc .click{border-radius: 2em; background: #f86253; color: #fff; font-size: 0.4rem; text-align: center;width:56%; margin: 6% auto; padding: 2% 0;animation: updown 2s 0s ease both infinite;}

.qbys{width:100%; padding-top: 	3%;background:#fff;}
.qbys li{float: left; width:44%; text-align: center; color: #333; padding: 2% 3% 4% 3%}
.qbys h1{font-size: 0.4rem; padding: 2% 0 }
.qbys h1 span{font-size: 0.3rem; font-weight: normal;}
.qbys .co{padding: 0 1%; font-size: 0.28rem; line-height: 1.4em;}
.qbys li .fgx {width: 40%;margin: 2% auto;height: .04rem;background: #ff831b;}

.leftbh{ text-align: left; margin-left: 23px; margin-top: 3%}


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