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


#Bswiper .swiper-pagination-bullet{ background:#fff; opacity:1}
#Bswiper .swiper-pagination-bullet-active{ background:#8D1DFE;}

.con1{ position:relative;}
#gswiper{width:100%; position:absolute; left:0;top:12%; padding-bottom:7%;}
#gswiper .swiper-pagination-bullet{ background:#fff; opacity:1}
#gswiper .swiper-pagination-bullet-active{ background:#8D1DFE;}

.con2{ position:relative;background:#23b3dc;padding-bottom: 19%;}
#iconswiper{width: 95%;
    position: absolute;
    left:5%;
    top:22.7%;
    padding-bottom: .25rem;}
#iconswiper .swiper-pagination{bottom:0;}
#iconswiper .swiper-pagination .swiper-pagination-bullet{width:.3rem;height:.053rem; border-radius:0; background:#fff; opacity:1;}
#iconswiper .swiper-pagination .swiper-pagination-bullet-active{ background:#ec3585;}

.icon{display:block; position:relative;}
.icon span{display:block; font-size:.32rem;color:#fff; text-align:center; line-height:2em;}
.icon i{display:block;width:.32rem;height:.43rem; background:url(../images/shou.png) no-repeat; background-size:cover;position:absolute;right:7%;bottom:23%;animation: updown 3s 0s ease both infinite;}
.clickbtn0{display:block;width:52%; position:absolute; left:24%;top:91%;animation:updown 3s 0s ease both infinite;}
.clickbtn0 p{width:100%; position:absolute; left:0;top:16%; font-size:.43rem; font-weight:bold;color:#fff; text-align:center;}
.clickbtn0 p span{font-weight:normal;}

.con2 .bt{position:relative;}
.con2 .bt p{position:absolute;width:67%;margin-left:20%;margin-top: 5%;}
.icon{padding-bottom:23%;}

#ppswiper .swiper-pagination-bullet{ background:#fff; opacity:1}
#ppswiper .swiper-pagination-bullet-active{ background:#8D1DFE;}

.tb{position:relative;background:url(../images/tbbg.jpg) no-repeat; background-size:cover;height:10rem;display:block;overflow:hidden;}
.tb .bt{width: 60%;
    margin: 0 auto;
    padding-top: 6%;padding-top: 12%;}
.tb .tbb{width: 94%;
    margin: 0 auto;
    margin-left: 6%;
    display:block;position: absolute;}
.tb .tbb li{width: 45%;
    float: left;
    margin-right: 4%;}

.tb .tbb li dl{position: absolute;
    margin-top:5%;width:50%;}
.tb .tbb li dt{font-size: 0.46rem;
    font-weight: bold;
    color: #eb3585;
    margin-bottom: 2%;
    margin-top: 3%;text-align: center;margin-right: 24%;}
.tb .tbb li dd{font-size: 0.3rem;
    text-align: center;
    margin-right: 28%;
    line-height: 0.4rem;
    margin-top: 3%;}
.tb .tbb li .x1{width: 72%;
    margin-left: 0%;}
.tb .tbb li .x2{width:60%;margin:0 auto;}
.tb .on{     position: absolute;
    width: 31%;
    top: 90%;
    left:7%;}
.tb .on p{position: absolute;
    font-weight: bold;
    font-size: 0.37rem;
    color: #fff;
    left: 19%;
    top: 14%;}
	
	
.tb .on2{    position: absolute;
    width: 31%;
    top: 90%;
    left: 58%;}
.tb .on2 p{position: absolute;
    font-weight: bold;
    font-size: 0.37rem;
    color: #fff;
    left: 19%;
    top: 14%;}

.tb .lb{height:6.2rem;    margin-top: -2%;}

.con3{width:100%; width: 100%;left: 0;bottom: 0;z-index: 2147483645;}
.con3 .bt{position:relative;}
.con3 .bt p{position:absolute;width:81%;margin-left:10%;margin-top:5%;}
.con3 .dh{width:100%; max-width:750px; margin:0 auto; position:relative;}
.con3 .dh a{display:block;height:100%;}
.con3 .dh .dh1{width: 16%;
    position: absolute;
    left: -0.5%;
    bottom: 0;}
.con3 .dh .dh2{width:16%;position:absolute; left:16%; bottom:0;}
.con3 .dh .dh3{width:16%;position:absolute; left:32%; bottom:0;}
.con3 .dh .dh4{width:16%;position:absolute; left:47%; bottom:0;animation:updown 3s 0s ease both infinite;}
.con3 .dh .dh5{width: 20%;
    position: absolute;
    left: 63%;
    bottom: 0;}
.con3 .dh .dh6{width: 17%;
    position: absolute;
    right: -0.5%;
    bottom: 0;}
.di{background: url(../images/cx_11.jpg) repeat-y;
    background-size: 100%;
    height: 5.5rem;}
.di2{background: url(../images/cx_16.jpg) repeat-y;
    background-size: 100%;
    height: 5.5rem;}
.con3 .yb{position:relative;}
.con3 .yb .ba{position:relative;}
.con3 .yb .cp1{    position: absolute;
    width: 94%;
    margin: 0 auto;
    z-index: 99;
    top: 30%;
    left: 3.1%;}
.con3 .yb .cp1 li{width: 31%;
    margin-right: 2%;
    float: left;    margin-top: 2%;}
.con3 .yb .tt{width: 40%;
    position: absolute;
    top: 14%;}
.xmlist1{width:94%; margin:5% auto 11%;}
.xmlist1 a{display:block;width:31%;float:left; position:relative;}
.xmlist1 a.a2{margin-left:3.5%;}
.xmlist1 a span{display:block;width:2.26rem;height:.48rem; background:url(../images/btn1.png) no-repeat; background-size:100%; position:absolute; left:50%; margin-left:-1.13rem; bottom: -0.76rem;animation: updown 3s 0s ease both infinite;}

.xmlist2{width:94%; margin:5% auto 7%;}
.xmlist2 a{display:block;width:31%;float:left; position:relative;}
.xmlist2 a.a2{margin-left:3.5%;}
.xmlist2 a span{display: block;
    width: 2.27rem;
    height: .49rem;
    background: url(../images/btn2.png) no-repeat;
    background-size:100%;
    position: absolute;
    left: 50%;
    margin-left: -1.13rem;
    bottom: -.36rem;
    animation: updown 3s 0s ease both infinite;}
	
.xmlist5{width:94%; margin: 5% auto 11%;}
.xmlist5 a{display:block;width:31%;float:left; position:relative;}
.xmlist5 a.a2{margin-left:3.5%;}
.xmlist5 a span{display: block;
    width: 2.27rem;
    height: .49rem;
    background: url(../images/btn2.png) no-repeat;
    background-size:100%;
    position: absolute;
    left: 50%;
    margin-left: -1.13rem;
    bottom: -0.76rem;
    animation: updown 3s 0s ease both infinite;}

.xmlist3{width:94%; margin:5% auto 7%;}
.xmlist3 a{display:block;width:48.5%;float:left; position:relative;}
.xmlist3 a.a2{margin-left:3%;}
.xmlist3 a span{display:block;width:2.26rem;height:.48rem; background:url(../images/btn1.png) no-repeat; background-size:100%; position:absolute; left:50%; margin-left:-1.13rem; bottom:-.36rem;animation: updown 3s 0s ease both infinite;}


.xmlist4{width:94%; margin:5% auto 7%;}
.xmlist4 a{display:block;width:31%;float:left; position:relative;}
.xmlist4 a.a2{margin-left:3.5%;}
.xmlist4 a span{display: block;
    width: 2.28rem;
    height: .5rem;
    background: url(../images/btn1.png) no-repeat;
    background-size:100%;
    position: absolute;
    left: 50%;
    margin-left: -1.13rem;
    bottom: 0.84rem;
    animation: updown 3s 0s ease both infinite;}

.con3 .bb{position:relative;}
.con3 .bb .ba{position:relative;}
.con3 .bb .cp1{    position: absolute;
    width: 94%;
    margin: 0 auto;
    z-index: 99;
    top: 30%;
    left: 3.1%;}
.con3 .bb .cp1 li{width: 31%;
    margin-right: 2%;
    float: left;    margin-top: 2%;}
.con3 .bb .tt2{width: 40%;
    position: absolute;
    top: 12%;
    right: 0%;}
	
.con3 .xb{position:relative;}
.con3 .xb .ba{position:relative;}
.con3 .xb .cp1{    position: absolute;
    width: 94%;
    margin: 0 auto;
    z-index: 99;
    top: 30%;
    left: 3.1%;}
.con3 .xb .cp1 li{width: 31%;
    margin-right: 2%;
    float: left;    margin-top: 2%;}
.con3 .xb .tt{width: 40%;
    position: absolute;
    top: 13%;}
	
.con3 .pf{position:relative;}
.con3 .pf .ba{position:relative;}
.con3 .pf .cp1{    position: absolute;
    width: 94%;
    margin: 0 auto;
    z-index: 99;
    top:22%;
    left: 3.1%;}
.con3 .pf .cp1 li{width: 31%;
    margin-right: 2%;
    float: left;    margin-top: 2%;}
.con3 .pf .tt{width: 47%;
    position: absolute;
    top: 10%;right:0%;}
	
.con3 .md{position:relative;}
.con3 .md .ba{position:relative;}
.con3 .md .cp1{    position: absolute;
    width: 94%;
    margin: 0 auto;
    z-index: 99;
    top: 20%;
    left: 3.1%;}
.con3 .md .cp1 li{width: 31%;
    margin-right: 2%;
    float: left;    margin-top: 2%;}
.con3 .md .tt{width: 47%;
    position: absolute;
    top: 9%;}
	
.con3 .wx{position:relative;}
.con3 .wx .ba{position:relative;}
.con3 .wx .cp1{    position: absolute;
    width: 94%;
    margin: 0 auto;
    z-index: 99;
    top: 24%;
    left: 3.1%;}
.con3 .wx .cp1 li{width: 31%;
    margin-right: 2%;
    float: left;    margin-top: 2%;}
.con3 .wx .tt{width: 47%;
    position: absolute;
    top:12%;right:0;}
	
.con3 .kq{position:relative;}
.con3 .kq .ba{position:relative;}
.con3 .kq .cp1{    position: absolute;
    width: 94%;
    margin: 0 auto;
    z-index: 99;
    top:41%;
    left: 3.1%;}
.con3 .kq .cp1 li{width: 31%;
    margin-right: 2%;
    float: left;    margin-top: 2%;}
.con3 .kq .tt{width:42%;
    position: absolute;
    top:17%;}
.gg{position:relative;background:#24b3dd;padding-top:7%;}
.gg .y2{position: absolute;
    width: 91%;
    margin-left: 5%;
    top: 2%;}
.gg .y1{position: absolute;
    width: 39.6%;
    left: 16%;
    top: 32%;}
@keyframes ftimg{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.2)}
	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)}
}


.bottom-nav{width:100%; width: 100%;position: fixed;left: 0;bottom: 0;z-index: 2147483645;}
.bottom-nav .nr{width:100%; max-width:750px; margin:0 auto; position:relative;}
.bottom-nav .nr a{display:block;height:100%;}
.bottom-nav .nr .abtn1{width: 13%;
    position: absolute;
    left: -0.5%;
    bottom: 0;}
.bottom-nav .nr .abtn2{width: 12%;
    position: absolute;
    left: 12%;
    bottom: 0;}
.bottom-nav .nr .abtn3{    width: 12%;
    position: absolute;
    left: 24%;
    bottom: 0;}
.bottom-nav .nr .abtn4{width:18%;position:absolute; left:39%; top:-10%;animation:updown 3s 0s ease both infinite;}
.bottom-nav .nr .abtn5{    width: 12%;
    position: absolute;
    left: 58%;
    bottom: 0;}
.bottom-nav .nr .abtn6{width: 17%;
    position: absolute;
    right: 13.5%;
    bottom: 0;}
.bottom-nav .nr .abtn7{    width: 14%;
    position: absolute;
    right: -0.5%;
    bottom: 0;}

.toutu{width:100%; position:relative;}
#DMswiper1{width:30%;height:1.4rem; overflow:hidden; position:absolute;left:5%;bottom:5%;}
#DMswiper1 .dmnr{height:.6rem;line-height:.6rem;background: rgba(0,0,0,0.5);color: #fff;font-size: .32rem; text-align:center;border-radius: .6rem;}

#DMswiper2{width:76%;height:.6rem; overflow:hidden;position:absolute;left:2%;top:3%;}
#DMswiper2 .dmnr{height:.6rem;line-height:.6rem;background: rgba(0,0,0,0.5);color: #fff;font-size: .32rem; text-align:center;border-radius: .6rem;}