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

.wxframe{width:100%; position:fixed;top:-360px;left:0px;z-index:2147483640;}
.wxframe a{display:block;width:100%;max-width:750px; margin:0 auto; position:relative;}
.wxframe a p{width:100%; position:absolute; left:3.5%;bottom:20%;color:#070707;background:none;}
@media (min-width: 320px) {
	.wxframe a p{font-size:12px;}
}
@media (min-width: 360px) {
	.wxframe a p{font-size:13px;}
}
@media (min-width: 375px) {
	.wxframe a p{font-size:14px;}
}
@media (min-width: 414px) {
	.wxframe a p{font-size:15px;}
}
@media (min-width: 750px) {
	.wxframe a p{font-size:28px;}
}

.hongbao{width:21%;max-width:120px;z-index:9999;position:fixed;right:0;top:35%;animation:tpbt 4s linear infinite alternate}

@keyframes tpbt{0%{top:35%}
50%{top:40%}
100%{top:45%}
}

.con1{position: relative; width:100%;}
.con1co{position: absolute; width:80%; top:10%; left: 10%}

.more{    padding-bottom: 23%;
    background: #340261;}
.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: 12%;
    position: absolute;
    left: 1.5%;
    bottom: 0;}
.bottom-nav .nr .abtn2{width: 12%;
    position: absolute;
    left: 15%;
    bottom: 0;}
.bottom-nav .nr .abtn3{    width: 12%;
    position: absolute;
    left: 28%;
    bottom: 0;}
.bottom-nav .nr .abtn4{width:18%;position:absolute; left:41%; top:-14%;animation:updown 3s 0s ease both infinite;}
.bottom-nav .nr .abtn4 span{display: block;
    color: #fff;
    width:20px;
    height:20px;
    background: #fe0815;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    text-align: center;
    border-radius: 20px;
    position: absolute;
    top: 5%;
    right: 7%;}
.bottom-nav .nr .abtn5{width: 12%;
    position: absolute;
    left: 60%;
    bottom: 0;}
.bottom-nav .nr .abtn6{width: 12%;
    position: absolute;
    right: 14%;
    bottom: 0;}
.bottom-nav .nr .abtn7{width: 12%;
    position: absolute;
    right: 0.5%;
    bottom: 0;}
@media(min-width:320px){
.bottom-nav .nr .abtn4 span{transform:scale(.6);}
}
@media(min-width:360px){
.bottom-nav .nr .abtn4 span{transform:scale(.7);}
}
@media(min-width:375px){
.bottom-nav .nr .abtn4 span{transform:scale(.7);}
}
@media(min-width:414px){
.bottom-nav .nr .abtn4 span{transform:scale(.8);}
}
@media(min-width:768px){
.bottom-nav .nr .abtn4 span{font-size:14px; padding:2px;
top: 15%;
right: 15%;}
}

.bmbox{width:100%;height:100%;top:0;left:0; position:fixed; background:rgba(0,0,0,.5);z-index: 2147483646;display:none;}
.bmbox .nr1{width:9.18rem;height:7.3rem; background:url(../images/bg-lq.png) no-repeat; background-size:100%; position:absolute;left:50%; margin-left:-4.59rem;top:50%;margin-top:-3.65rem;}
.bmbox .nr1 ul{width:6.2rem; position:absolute;top:30%;left:20%; }
.bmbox .nr1 ul li{height:.9rem; margin-bottom:5%;cursor:pointer;}
.bmbox .nr1 ul li.on span{display:block;width:.9rem;height:.9rem;background:url(../images/g.png) no-repeat; background-size:100%;}
.bmbox .nr1 .bmbnt{width:3.5466rem;height:1.24rem; position:absolute;left:11%;top:69%;}
.bmbox .nr1 .bmzx{width:3.5466rem;height:1.24rem; position:absolute;left:54.5%;top:69%;}
.bmbox .nr1 .close1{display:block;width:.76rem; position:absolute;right:5%;top:-15%}

.bmbox .nr2{width:9.18rem;height:7.3rem; background:url(../images/bg-bm.png) no-repeat; background-size:100%; position:absolute;left:50%; margin-left:-4.59rem;top:50%;margin-top:-3.65rem;}
.bmbox .nr2 .phone{width:5rem;height:1rem; position:absolute; top:42%;left:26%; border:none; outline:none;font-size:.4rem;}
.bmbox .nr2 .tijiao{width:3.58rem;height:1.17rem;position:absolute;left:11%;top:77.5%;}
.bmbox .nr2 .likai{width:3.58rem;height:1.17rem;position:absolute;left:54%;top:77.5%;}
.bmbox .nr2 .close2{display:block;width:.76rem; position:absolute;right:5%;top:-15%}



.conlist6{background: url(../images/zxj_08.jpg) no-repeat center top;background-size: 100%;height:15.4rem; width:100%;}
.caseul{ width: 98%; margin: 0 auto; display: block;background: url(../images/casebot.png) no-repeat center top;background-size: 100%; height: 2rem; margin-top: -2%; z-index: 9; position: relative; padding: 0 0% 0 1.3%}
.caseul li{ width:9.5%; float:left; display: block; margin: 3.6% 0.2%;}
.casebox{ display: block; width: 100%; position: relative; padding-top: 3%; z-index: 8}
.casebox h1{ position: absolute; left: 3%; top: 66%; display: block; width: 44%;text-align: center}
.casebox h1 img{ width: 43%; display: block; margin: 0 auto}
.casebox h1 p{ font-size: 0.34rem; color: #fff;}
.xmys{ display: block; width:44%; margin: 0 auto;animation: updown 2.2s 0s ease both infinite; }



@keyframes ftimg{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(-8px)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes zy{0%{opacity:1;transform:translateX(0)}
50%{opacity:1;transform:translateX(8px)}
100%{opacity:1;transform:translateX(0)}
}