*{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:400;font-variant:normal}
a{text-decoration:none;border:0 none;outline:0 none}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}
.clear{margin:0;padding:0;clear:both}
.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden}
dd,dl,dt,li,ul{list-style-type:none;margin:0;padding:0;background:0 0}
p{margin:0;padding:0}
img{width:100%}
.tounav{width:100%;font-size:.3rem;margin:0 auto;position:relative;overflow:hidden;font-weight:700;background:#fff}
.tounav li{float:left;text-align:center;height:2em;padding-top:3%;font-size:.34rem}
.tounav1{width:13%;border-right:.015rem solid #ccc}
.tounav3{width:21.5%}
.tounav2{width:21.5%;border-right:.015rem solid #ccc}
.tounav a{color:#333}
.ldx{width:98%;margin:1.5% auto 0;position:relative;overflow:hidden; padding-left: 2%;}
.ldx li{float:left;text-align:center;font-size:.3rem; margin: 1% 0.8% 1% 0;}
.ldx li.ld1{ background: url(../images/av1.png) no-repeat; background-size:100%; height: 2.0rem; width: 18.9%; }
.ldx li.ld2{ background: url(../images/av2.png) no-repeat; background-size:100%; height: 2.0rem; width: 18.9%;}
.ldx a{ color: #fff}
.nxls{animation:updown 2s 0s ease both infinite;margin-top:6%}
.headerbanner{width:100%;position:relative}
.headerbanner .b2{ position: absolute; left: 3.3%; width:93.46%; top: 21.9%; }
.container .an1{position:absolute;width:25.6%;bottom:5.7%;right:7.3%;animation:updown 1.5s 0s ease both infinite}
.an{position:absolute;width:22.6%;bottom:6%;right:8.3%;animation:updown 1.5s 0s ease both infinite}
.dy2{position:absolute;width:22.93%;right:12%;bottom:8%;animation:updown 2.3s 0s ease both infinite}
.con1{width:100%;padding-top:6%;color:#333;padding-bottom:1%;overflow:hidden}
.swming{width:92%;margin:4% auto;text-align:center}
.swming span{display:block;width:100%;color:#333;font-size:.32rem;text-align:left;line-height:160%}
.swming span font{color:#ff942c}
.conaa ul{width:98%;margin:3% auto 3%}
.conaa ul li{width:47%;float:left;margin-left:2%;margin-bottom:2%;border-radius:.2rem;text-align:center}
.conaa ul li a{display:block;font-size:.35rem;color:#000;padding:.8em 0;border-radius:2.6em;box-sizing:border-box}
#zj1Swiper{margin-top:4%}


.tyclick4{width:60%;margin:2% auto;border-radius:.6rem;background:#d99f71; box-shadow: 0 0.06rem 0 0 #82400c;text-align:center;padding:2.5% 0;animation:updown 1.2s 0s ease both infinite}
.tyclickbtn4 p{font-size:.4rem;color:#82400c;font-weight:600;position:relative}
.shoukk{position:absolute;right:6%;top:20%;width:8%;animation:updown 1.2s 0s ease both infinite}

@-webkit-keyframes scaleout{0%{-webkit-transform:scale(1)}
100%{-webkit-transform:scale(1.1);opacity:0}
}
@keyframes scaleout{0%{transform:scale(1);-webkit-transform:scale(1)}
100%{transform:scale(1.1);-webkit-transform:scale(1.1);opacity:0}
}
.array{-webkit-animation:tipmove 1.5s infinite linear}
@-webkit-keyframes tipmove{100%{opacity:0}
50%{opacity:1}
0%{opacity:0}
}

.cxx1{padding-bottom:5%; background: url(../images/bg1.jpg) no-repeat top; background-size:100%; height: 8.5rem; padding-top: 27%;}
.cxx1 p{ text-align: center; font-size: 0.34rem; line-height: 170%; margin-bottom: 4%; display: block; color: #333;margin-top:3%;}
.jt1{  width: 3.73%; display: block; margin: 0 auto;animation:updown 2s 0s ease both infinite}
.jt2{  width: 3.73%; display: block; margin: 4% auto 0;animation:updown 2s 0s ease both infinite}

.cxx2{padding-bottom:5%; background: url(../images/bg3.jpg) no-repeat top; background-size:100%; height: 16rem; padding-top: 18.4%;}

.zjUl{width:96%;margin:0% auto 0;}
.zjUl li{float:left;display:block;text-align:center;width: 48.7%;cursor:pointer;margin-top:2%;margin-right:0%; margin-left: 1%;}
.zjUl li .zx1{background:url(../images/case1.jpg) no-repeat top;background-size:100%;display:block;width:100%;height: 7.4rem}
.zjUl li .zx2{background:url(../images/case2.jpg) no-repeat top;background-size:100%;display:block;width:100%;height: 7.4rem}
.zjUl li .zx3{background:url(../images/case3.jpg) no-repeat top;background-size:100%;display:block;width:100%;height: 7.4rem }
.zjUl li .zx4{background:url(../images/case4.jpg) no-repeat top;background-size:100%; display:block;width:100%;height: 7.4rem}
.zjUl li.hoversa .zx1{background:url(../images/case1hov.jpg) no-repeat top;background-size:100%; }
.zjUl li.hoversa .zx2{background:url(../images/case2hov.jpg) no-repeat top;background-size:100%; }
.zjUl li.hoversa .zx3{background:url(../images/case3hov.jpg) no-repeat top;background-size:100%; }
.zjUl li.hoversa .zx4{background:url(../images/case4hov.jpg) no-repeat top;background-size:100%; }
.col1{ width: 100%; margin: 0% auto; overflow: hidden; position: relative;background:url(../images/bg2.png) repeat-y top;background-size:100%; }
.casebox{ width: 96%; margin: 4% auto; display: block; overflow: hidden; position: relative;}
.casetit{ position: absolute; left: 4%; top: 6%; width:38.4%;background:url(../images/yltit.png) no-repeat top;background-size:100%; text-align: center; color: #fff; height: 2.2rem;animation:updown 2.3s 0s ease both infinite}
.casetit h1{ font-size: 0.5rem; width: 100%; padding-top: 6%}
.casetit span{ font-size:0.48rem; font-weight: lighter}
.biaoqian{position: absolute; left: 2%; top: 35.6%; width:38.4%;color: #fff;}
.biaoqian p{ padding: 2% 0; text-align: center; font-size: 0.32rem; margin-bottom: 2%}
.biaoqian p img{vertical-align: middle; padding-left: 5%}
.zishu{ width: 94%; margin: 5% auto; position: relative;}
.zishu p{ width: 86.1%; margin: 0 auto;font-size: 0.32rem; line-height: 150%; margin-bottom: 2%; color:#333}
.dou1{ position: absolute; width:5%;}
.dou2{ position: absolute; width:5%;}
.video1{ padding-top: 2%; width: 100%; display: block}
.video1 p{ font-size:0.32rem; display: block; text-align: center; width: 92%; margin: 3% auto; line-height: 170%;}
.vedioa{ width: 90%; margin: 0 auto 5%; display: block}


.yishi{ display: block; width: 100%; overflow: hidden;  }
.yishi p{ font-size:0.32rem; display: block;  width: 92%; margin: 4% auto; line-height: 170%; text-indent: 2em}
.ysjj{ position: relative; width: 100%; }
.ysjj .bt{    width: 52%;
    margin: 0 auto;
    position: absolute;
    top: 6%;
    margin-left: 24%;}
.ysjl{    position: absolute;
    width: 80%;
    left: 3%;
    top: 64%;
    color: #fff;}
.ysjl dt{    background: #fff;
    color: #000;
    border-radius: 0.5rem;
    width: 20%;
    padding: 1% 2%;
    font-weight: bold;
    font-size: 0.32rem;
    text-align: center;margin-top:4%;}
.ysjl dd{font-size:0.32rem;margin-top:2%;line-height:0.5rem;}
.ysjl span{ display: block;color: #fff; font-size: 0.32rem; margin: 1.3% 0}
.ysjl span img{ width: 5.4%; vertical-align: middle; padding-right: 1%}
.yssp{ width: 90%; margin: 0 auto 5%; display: block;background:url(../images/sap3.png) no-repeat top;background-size:100%;  }


.con2{background:#f3f3f3;padding-bottom:7%;}
.con2 .bt{margin-top:5%;}
.con2 .js{position:relative;}
.con2 .js .a1{position: absolute;    line-height: 0.45rem;
    font-size: 0.29rem;
    top: 15%;
    left: 3%;}
.con2 .js .a1 dt{font-weight:bold;}
.con2 .js .a1 dt span{color:#fa393a;}
.con2 .js .a2{position:absolute;font-size:0.29rem;top: 70%;    line-height: 0.45rem;
    left: 72%;}
.con2 .js .a2 dt{font-weight:bold;}
.con2 .js .a2 dt span{color:#fa393a;}
.con2 .p1{position:relative;}
.con2 .f1{position: absolute;
    width: 28%;
    left: 67%;
    top: 41%;    animation: updown 2s linear infinite alternate;}
.con2 .p1 dl{position:absolute;left:49%;
    top: 9%;}
.con2 .p1 dt{font-weight:bold;font-size:0.37rem;color:#fa393a;}
.con2 .p1 dd{font-size: 0.32rem;
    width: 83%;
    line-height: 0.45rem;
    margin-top: 3%;}
	
.con2 .p2{position:relative;margin-top:4%;}
.con2 .p2 .z1{position:absolute;}
.con2 .p2 .z1 dt{    font-weight: bold;
    font-size: 0.37rem;
    color: #fa393a;
    margin-left: 5%;
    margin-top: 8%;}
.con2 .p2 .z1 dd{font-size: 0.32rem;
    width: 43%;
    line-height: 0.45rem;
    margin-top: 2%;
    margin-left: 4%;}
.con2 .p2 .z2{position:absolute;left:49%;
    top: 9%;}	
.con2 .p2 .z2 dt{     font-weight: bold;
    font-size: 0.37rem;
    color: #fa393a;
    margin-left: -87%;
    margin-top: 70%;}
.con2 .p2 .z2 dd{font-size: 0.32rem;
    width: 84%;
    line-height: 0.45rem;
    margin-top: 4%;
    margin-left: -87%;}	
.con3{background:#fb3939;}
.con3 .bt{width:83%;margin:0 auto;padding: 3% 0 1%;}
.con3 .wd{margin-top:3%;position:relative;}
.con3 .wd dl{position: absolute;
    left: 10%;
    top: 5%;}
.con3 .wd dt{font-size:0.4rem;width:88%;  font-weight:bold;    margin-top: 5%;}
.con3 .wd dt span{border-bottom:2px solid #fa393a;}
.con3 .wd dd{font-size:0.32rem;width:88%;    margin-top: 3%;}
.con4{background: url(../images/bg2.png) repeat-y top;
    background-size: 100%;padding-bottom:8%;}
.con4 .bt{width:65%;margin: 0 auto;padding-top:5%;}
.con4  .case{width:94%;margin:0 auto;padding-top:4%;}
.con4 .ff{float: left;
    width: 46%;
    margin-left: 3%;
    margin-top: 5%;}
.con4 .ff p{font-size:0.32rem;}
.con4 .ff img{width: 5%;
    float: left;
    margin-right: 3%;
    vertical-align: middle;}
.con4 .ff p span{font-weight:bold;color:#fa393a;}
.con4 .df{font-size:0.32rem;width:94%;margin:0 auto;padding-top:17%;line-height:0.45rem;}
.con5{background:#181818;padding-bottom:7%;}
.con6 .xz{position:relative;}
.con6 .xz .sw{position: absolute;
    font-size: 0.32rem;
    left: 72%;
    top: 16%;
    color: #fff;
    line-height: 0.5rem;}
.con6 .xz .anniu{position: absolute;
    font-size: 0.42rem;
    font-weight: bold;
    width: 70%;
    margin: 0 auto;
    color: #000;
    left: 15%;
    top:87%;}
.con6 .xz .anniu p{    position: absolute;
    top: 23%;
    left: 11%;}
.con6 .xz .anniu a{color:#000;}
.con6 .xz .anniu p span{background:#fb3939;color:#fff;}


.ystul{width:98%; margin:5% auto 3%;}
.ystul li{width:46%;float:left; margin-left:1.75%; text-align:center;color:#131313; background:#fff; padding:0.5em 0; border-radius:3em; box-sizing:border-box;border:1px dashed #131313; cursor:pointer;}
.ystul li i{font-size:0.3rem;  display:block; line-height:1em; font-style:normal;}
.ystul li span{font-size:0.38rem;}
.ystul li.on{ background: -webkit-linear-gradient(0deg, #fe6804, #fa3838); color:#fff;}
#ystswiper{width:94%; margin:3% auto 0; padding-bottom:2%;}
.ystimg{display:block; width:100%; position:relative;}
.ystimg i{display:block; position:absolute; width:7%; left:20%; bottom:-1%;animation:ftimg 3s 0s ease both infinite;}

@keyframes ftimg{0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
@keyframes ftimg2{0%{opacity:1;transform:translateX(0)}
50%{opacity:1;transform:translateX(5px)}
100%{opacity:1;transform:translateX(0)}
}
@keyframes updown{0%{opacity:1;transform:translateY(0)}
0%{opacity:1;transform:translateY(5px)}
50%{opacity:1;transform:translateY(0)}
100%{opacity:1;transform:translateY(5px)}
}