*{padding:0;margin:0}.ani{-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}.swiper-container{width:100%;height:100%;position:absolute;overflow:hidden;left:0;top:0;text-align:center}.swiper-wrapper{width:100%;height:100%}.swiper-slide{width:100%;height:100%;position:relative;overflow:hidden}#loading{background:rgba(0,0,0,.8);position:absolute;width:100%;height:100%;z-index:2}#spinner{position:relative;height:45px;width:45px;left:50%;top:50%;margin-left:-22px;margin-top:-22px;background:url(../../image/loading.png);background-size:45px;-webkit-animation:rotate 1.5s linear infinite}#protext{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,40px,0);font-size:13px;color:#fff;text-align:center}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.btn-down{position:absolute;bottom:0;width:100%;height:7%;text-align:center;top:93%}.btn-down-arraw img{width:100%}.btn-down-arraw{width:30px;height:30px;margin:0 auto;-webkit-animation:up-fade 1s ease 0s infinite}@-webkit-keyframes up-fade{0%{opacity:1}100%{-webkit-transform:translate3d(0px,-6px,0);opacity:.5}}.btn{width:30%;height:2rem;position:absolute;top:44%;left:35%}@media(min-width:415px){.swiper-container{width:414px;height:690px;top:0;left:0;right:0;bottom:0;margin:auto}}
ul li{list-style: none;}
.diyi{background: url(../images/diyibug_01.jpg)center center no-repeat;position: relative;}
.diyi .logo{width: 168px;position: absolute;left: 3%;top: 3%;}
.diyi .diahu{width: 192px;position: absolute;bottom: 13%;right: 2%;}
.diyi .wenzi{width: 257px;position: absolute;bottom: 2%;right: 3%;}
.dier h1{font-size: 20px;color: #fff;margin-top: 3%;}
.dier h2{font-size: 14px;color: #fff;margin-bottom: 2%;}
.dier p{color: #fff;text-indent: 2em;text-align: left;width: 90%;margin: 0 auto;font-size: 14px;line-height: 25px;}
.san h1{font-size: 20px;color: #fff;margin-top: 3%;}
.san h2{font-size: 14px;color: #fff;margin-bottom: 2%;}
.san ul{margin: 0 4%;margin-top: 40px;}
.san ul li{width: 48% !important;float: left;margin-bottom: 25px;    height: 175px;box-shadow: 0 10px 10px #022f58;}
.san ul li p{font-size: 12px;color: #fff;text-align: left;width: 95%;margin: 0 auto;}
.san ul li:nth-child(2n){float: right;}
.san ul li h3{font-size: 20px;color: #fff;}
.san ul li h3 span{font-size: 14px;}
.san ul li h4{font-size: 15px;font-weight: normal;color: #fff;margin-bottom: 10px;}
.si h1{font-size: 20px;color: #fff;margin-top: 26%;}
.si h2{font-size: 14px;color: #fff;margin-bottom: 2%;}
.wu h1{font-size: 20px;color: #fff;margin-top: 5%;}
.wu h2{font-size: 14px;color: #fff;margin-bottom: 2%;}
.liu h1{font-size: 20px;color: #fff;margin-top: 3%;}
.liu h2{font-size: 14px;color: #fff;margin-bottom: 2%;}
.yedi{background: url(../images/yedi_53.jpg)center center no-repeat;}
.yedi .yedilogo{width: 65%;
    display: block;
    margin: 0 auto;
    margin-top: 19%;}
	.yedi a img{width: 85%;margin-top: 17%;}
.yedi .erweima{    width: 96%;
    margin-top: 12%;margin-left: -2%;}
@media (min-width: 360px){
	.diyi .logo {
    width: 122px;
}
.diyi .diahu {
    width: 148px;
}
.diyi .wenzi {
    width: 208px;
}
}
@media (min-width: 370px){
	.diyi .wenzi {
    width: 221px;
}
.diyi .logo {
    width: 140px;
}
.diyi .diahu {
    width: 166px;
}
}
@media (min-width: 400px){
	.diyi .wenzi {
    width: 261px;
}
.diyi .logo {
    width: 165px;
	    top: 5%;
}
.diyi .diahu {
    width: 201px;
}
}
@media (min-width: 900px){
	.diyi .wenzi {
    width: 250px;
}
.diyi .logo {
    width: 153px;
	    top: 5%;
}
.diyi .diahu {
    width: 188px;
}
}