@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;color:#3c3c3c;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%; }

.toubu{position:relative;}
.toubu .aa{position: absolute;width: 47%;left: 44%;top: 65%;}
.con1 {background:#e8fbff;width:100%;padding-bottom: 1%;}
.bt{padding-top:5%;}
.wt{width:98%;margin:3% auto;margin-left:2%;}
.wt li{width:44%;margin-right:2%;float:left;padding:2% 2%;background:#8bd5fc;font-size:0.35rem;color:#fff;margin-top:2%;}
.wt li a{color:#fff;}
.al{margin-left:6%;}
.al li{width:45%;margin-right:2%;float:left;margin-top:5%;}
.al li dl{font-size:0.42rem;padding:1%;background:#44bcf6;border-radius:15px;text-align:center;color:#fff;width: 65%;
    margin: 0 auto;margin-top:5%;}
.al li dd{font-size:0.36rem;text-align:center;margin-top:4%;}

.anniu{position: relative;
    margin: 5% auto;
    color: #fff;
    text-align: center;
    width: 70%;}
.anniu .zi{position: absolute;
    font-size: 0.46rem;
    color: #fff;
    top: 23%;
    left: 17%;
    font-weight: bold;vertical-align:middle;}
.anniu .zi img{position: absolute;width:16%;margin-left: 3%;}



.con2{background:#aae6f9;padding-bottom:1%;}
.con2 p{font-size:0.54rem;text-align:center;margin-top:4%;}
.con3{background:#e8fbff;padding-bottom:1%;}
.con3 ul{width: 98%;
    margin: 0 auto;
    margin-left: 4%; margin-top: 6%;}
.con3 ul li{width:30%;margin-right:2%;float:left;font-size:0.33rem;text-align:center;line-height:0.5rem;}
.con3 ul li img{margin-bottom:5%;}
.con3 ul li dd{border-right:1px solid #adaeae;margin-top:5%;}

.con4{background:#aae6f9;}
.con4 .nr3 p {
    font-size: 0.46rem;
    margin-left: 18%;
    color: #3c3c3c; }
.con4 .nr3 p img {
    width: 7%;vertical-align:middle; margin-right:2%;
}
.con4 .case {
    width: 86%;
    margin: 5% auto 0;
}
.tips{position:relative;}
.tips p{position: absolute;
    font-size: 0.36rem;
    color: #fff;
    width: 50%;
    left: 13%;
    top: 32%;
    line-height: 0.55rem;}
	
.con5 .tj1{position:relative;}
.con5 .tj1 .za{position: absolute;
    width: 70%;
    left: 14%;
    top: 45%;}
.tj1 .za dt{font-size:0.54rem;color:#228dc1;}
.tj1 .za dl{font-size:0.39rem;color:#44bcf6;}
.tj1 .za dd{font-size:0.35rem;color:#696969;}

.con5 .tj2{position:relative;}
.con5 .tj2 .za{    position: absolute;
    width: 70%;
    left: 22%;
    top: 14%;}
.tj2 .za dt{font-size:0.54rem;color:#228dc1;}
.tj2 .za dl{font-size:0.39rem;color:#44bcf6;}
.tj2 .za dd{font-size:0.35rem;color:#696969;}

.con5 .tj3{position:relative;}
.con5 .tj3 .za{position: absolute;
    width: 70%;
    left: 14%;
    top: 49%;}
.tj3 .za dt{font-size:0.54rem;color:#228dc1;}
.tj3 .za dl{font-size:0.39rem;color:#44bcf6;}
.tj3 .za dd{font-size:0.35rem;color:#696969;}

.anniu2{ position: absolute;
    margin: 5% auto;
    color: #fff;
    text-align: center;
    width: 70%;
    top: 76%;
    left: 15%;}
.anniu2 .zi{position: absolute;
    font-size: 0.46rem;
    color: #fff;
    top: 23%;
    left: 17%;
    font-weight: bold;vertical-align:middle;}
.anniu2 .zi img{position: absolute;width:16%;margin-left: 3%;}

.con6{background:#aae6f9;padding-bottom:1%;}
.zj .jj{position:relative;}
.zj .jj dl{position: absolute;
    font-size: 0.74rem;
    color: #228dc1;
    top: 19%;
    left: 5%;}
.zj .jj dl span{font-weight:600;}

.zj .jj dt{position: absolute;
    font-size: 0.578rem;
    color: #228dc1;
    top: 30%;
    left: 5%;}
.zj .jj dt span{font-weight:600;}
.zj .jj dd{position: absolute;
    font-size: 0.36rem;
    color: #3c3c3c;
    top: 43%;
    left: 5%;
    line-height: 0.6rem;}
	
.anniu3{position: absolute;
    margin: 5% auto;
    color: #fff;
    text-align: center;
    width: 48%;
    top: 63%;
    left: 5%;}
.anniu3 .zi{position: absolute;
    font-size: 0.46rem;
    color: #fff;
    top: 23%;
    left: 17%;
    font-weight: bold;vertical-align:middle;}
.anniu3 .zi img{position: absolute;
    width: 28%;
    margin-left: 6%;
    margin-top: 4%;}
.warp-dw {
    padding: 7% 0;
	background:#e8fbff;
    background-size: 100%;
    background-repeat: repeat-y;}
.c10{margin-top:5%;}
.c10 .anli {
    width: 100%;
    overflow: hidden;
}
.c10 .anli li {
    width: 25%;
    float: left;



@media(min-width:320px){

}
@media(min-width:360px){

}
@media(min-width:375px){

}
@media(min-width:414px){

}
@media(min-width:768px){

}



@keyframes updown11{
    0%{opacity:1;
    transform:translateY(0)}
    50%{opacity:1;
    transform:translateY(-5px)}
    100%{opacity:1;
    transform:translateY(0px)}
}


@keyframes ftimg1{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.05)}
	100%{-webkit-transform:scale(1)}
}
@keyframes ftimg{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.1)}
	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)}
}
@-webkit-keyframes updown{
    0%{opacity:1;
    -webkit-transform:translateY(0)}
    50%{opacity:1;
    -webkit-transform:translateY(-10px)}
    100%{opacity:1;
    -webkit-transform:translateY(0px)}
}
@-moz-keyframes updown{
    0%{opacity:1;
    -moz-transform:translateY(0)}
    50%{opacity:1;
    -moz-transform:translateY(-10px)}
    100%{opacity:1;
    -moz-transform:translateY(0px)}
}
@-o-keyframes updown{
    0%{opacity:1;
    -o-transform:translateY(0)}
    50%{opacity:1;
    -o-transform:translateY(-10px)}
    100%{opacity:1;
    -o-transform:translateY(0px)}
}
@-ms-keyframes updown{
    0%{opacity:1;
    -ms-transform:translateY(0)}
    50%{opacity:1;
    -ms-transform:translateY(-10px)}
    100%{opacity:1;
    -ms-transform:translateY(0px)}
}
#swiperyst{padding-bottom: 9%;}