*{margin:0;padding:0}
footer,header,nav{float:left;width:100%}
body{background:#fff;font-weight:400;font-style:normal;font-variant:normal;font-family:"微软雅黑",Arial;-webkit-text-size-adjust:none}
a{outline:0 0;border:0 none}
a,a:active,a:hover,a:link,a:visited{text-decoration:none}
.clear{clear:both;margin:0;padding:0}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:' '}
dd,dl,dt,li,ul{background:0 0;list-style-type:none}
dd,dl,dt,li,p,ul{margin:0;padding:0}
img{width:100%}
.headerbanner{width:100%;position:relative}
.headerbanner .click{position:absolute;width:20.8%;bottom:6%;left:6%;animation:updown 2.1s 0s ease both infinite;z-index:100}
.headerbanner .click1{position:absolute;width:20.8%;bottom:6%;left:29%;animation:updown 1.7s 0s ease both infinite;z-index:100}
.headerbanner .click2{position:absolute;width:20.8%;bottom:6%;left:52%;animation:updown 2.2s 0s ease both infinite;z-index:100}
.headerbanner .click3{position:absolute;width:20.8%;bottom:6%;right:4%;animation:updown 1.5s 0s ease both infinite;z-index:100}
.conbq{width:100%;background:#c2f1f7}
.tounav{width:100%;font-size:.3rem;margin:0 auto;position:relative;overflow:hidden;background:#f7f7f7}
.tounav li{float:left;text-align:center;height:2.2em;padding-top:3%}
.tounav1{width:25%;border-right:1px solid #ccc;font-weight:700;color:#48b1e1}
.tounav2{width:25%;border-right:1px solid #ccc}
.tounav3{width:24%}
.tounav a{color:#333}

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

.headerbanner .an1 img{position:absolute;top:11%;left:48%;width:40%;animation:updown 1.7s 0s ease both infinite;}




.con2{width:100%;padding:6% 0 4% 0; background:#ffffff; }
.con2 h1{font-size: 0.56rem; color: #333; text-align: center;}
.con2 h4{font-size: 0.56rem;color: #333;text-align: center}
.con2 h4 span{color:#bd3525}
.ysul1{ width: 90%; padding: 1% 5%; display: block;float:left;}
.ysul1 li{ width:45%; margin: 4% 1% 0% 2%; display: block;float:left; text-align: center}
.ysul1 li h2{ font-size: 0.30rem; color: #404040}

.caseclickn1{width:58.4%;margin:2% auto 0%;overflow:hidden;animation:updown 1.7s 0s ease both infinite;}
.caseclickn1 a{display:block;width:100%;float:left;background-image:linear-gradient(90deg,#d84629,#b02722,#dd542a);border-radius:.6rem;background-size:100%;  font-size:.4rem;text-align:center;padding:.7em 0;font-weight:600; color: #fff;}
.caseclickn1 a span{ padding-left: 6%;}

.caseclickn2{width:65%;margin:4% auto 0%;overflow:hidden;animation:updown 1.8s 0s ease both infinite;}
.caseclickn2 a{display:block;width:100%;float:left;background: url(../images/click02.png) no-repeat; background-size:100%;  font-size:.32rem;text-align:center;padding:.6em 0;font-weight:600; color: #fff; }
.caseclickn2 a span{ padding-left: 6%;}

.caseclickn3{width:71.4%;margin:4% auto 0%;overflow:hidden;animation:updown 1.8s 0s ease both infinite;}
.caseclickn3 a{display:block;width:100%;float:left;background: url(../images/click02.png) no-repeat; background-size:100%;  font-size:.32rem;text-align:center;padding:.6em 0;font-weight:600; color: #fff; }
.caseclickn3 a span{ padding-left: 6%;}

.caseclickn4{margin:2% auto 0%;overflow:hidden;position:relative;}
.caseclickn4 h2{color:#fff;}
.caseclickn4 a{display:block;width:100%;float:left; background-size:100%; line-height:1.2em; font-size:.32rem;padding:1.8em auto;font-weight:600; color: #fff;z-index:5;top:-13%;left:18%;}


.caseclickn{width:100%;margin:5% auto 4%;overflow:hidden;}
.caseclickn a{display:block;width:52%;float:left;margin-left:2%;background-image:linear-gradient(90deg,#d84629,#b02722,#dd542a);color:#fff;font-size:.36rem;text-align:center;padding:.8em 0;border-radius:0.6rem;font-weight:600;}
.caseclickn a.s{background-image:linear-gradient(90deg,#ec8d19,#f0a329,#ec8d19);font-weight:600;color:#fff; width: 43%}



.caseclicknaa{width:100%;margin:5% auto 4%;overflow:hidden;}
.caseclicknaa a{display:block;width:60%;float:left;background-image:linear-gradient(90deg,#d9472a,#b02722,#d9472a);color:#fff;font-size:.32rem;text-align:center;padding:.8em 0;border-radius:0.6rem;font-weight:600; margin-left: 2%;}
.caseclicknaa a.s{background-image:linear-gradient(90deg,#f29521,#f5aa32,#f29521);font-weight:600;color:#fff; width: 34%}


.caseclicknbb{width:94%;margin:5% auto 4%;overflow:hidden;}
.caseclicknbb a{display:block;width:48%;float:left;margin-left:2%;background-image:linear-gradient(90deg,#d84629,#b02722,#dd542a);color:#fff;font-size:.36rem;text-align:center;padding:.8em 0;border-radius:0.6rem;font-weight:600;}
.caseclicknbb a.s{background-image:linear-gradient(90deg,#ec8d19,#f0a329,#ec8d19);font-weight:600;color:#fff; width: 48%}

.con3{width:100%;background:#fff;padding:7% 0 0% 0; position: relative; overflow: hidden; }
.con2 h4{color:#333}
.cbys{ background: #f0ceb4; padding: 8% 0}
.casebox{ width: 100%; padding-top:14%;position:relative;background:#6a4a2d;width:96%;margin:0 auto;}
.casebox h4{ font-size: 0.34rem; font-weight: 600; text-decoration: underline; color: #380d6f; text-align: center; margin: 3% 0 4%}
.casebox .caeimg{ width: 92%; display: block; position: relative; float:left; margin-left: 4%; margin-bottom: 4%}
.casebox .caeimg .sqnn{z-index: 100; width: 40%; position: absolute; right: 4%; top: 44%}
.casebox .caeimg .shnn{z-index: 99;width: 60%; float:left; border-radius: 0.3rem; margin-right: 0%;padding-top:4%;}
.casebox .bq{ position: absolute; right:0;top: 5%;z-index: 1;}
.pjpj1 .casepj{width:90%;margin:1% auto;overflow:hidden}
.pjpj1 .casepj span{display:block;float:left;width:18%;font-size:.32rem;background:#d69851;color:#260f04;text-align:center;padding:.2em 0;font-weight:600}


.pjpj1 .pj1 span{background:#260f04;color:#fff;}

.pjpj1 .casepj p{width:79%;float:left;margin-left:1%;line-height:1.5em;font-size:.32rem;color:#fff;padding:.1em 0;text-decoration: underline;font-weight:bold;}
.pjpj1 .bf span{ background: #d69851; color:#fff;}
.pjpj1 .casepj p a{ color: #de2a2a;}
.pjpj1 .casepj p font{ display: inline-block; padding: 0% 4.5%; text-align: center; border:1px dashed #380d6f; color: #380d6f; border-radius: 0.5rem; margin-left: 1%}
.pjpj1 .casepj p font a{ color: #380d6f;}
.pjpj1 .casepj p font.ljgd{ background: #9590f6; color: #fff; border: none;}
.pjpj1 .casepj p font.ljgd a{color: #fff; }
.tyclick4{width:62%;margin:6.5% auto;border-radius:.6rem;background-image:linear-gradient(90deg,#ad04be,#680fc8);text-align:center;padding:2% 0; display: block;animation: updown 2.5s 0s ease both infinite;}
.tyclickbtn4 p{font-size:.36rem;color:#fff;font-weight:600;position:relative}





.con4{width:100%;background:#fff;padding:8% 0 0% 0; position: relative; overflow: hidden; }

.con5{width:100%;background:#fff;padding:10% 0 0% 0; position: relative; overflow: hidden; }
.xaibox{background: url(../images/case4-1.jpg) no-repeat; background-size:100%; width: 100%; height: 6.7rem; margin-top: 5%; position: relative}
.xaibox h1{ width: 30%; display: block; position: absolute; right: 3%; top: 10%; font-weight: normal}
.xaibox h1 p{ font-weight: bold; font-size: 0.8rem;}
.xaibox h1 span{ font-size: 0.3rem;}

.xaibox h2{ width: 31%; display: block; position: absolute; right: 3%; top: 44%; font-weight: normal}
.xaibox h2 p{font-size: 0.32rem;}
.xaibox h2 span{ font-size: 0.32rem; font-weight: bold; }
.xaiul{ width: 92%; margin: 0 auto; display: block; overflow: hidden;}
.xaiul li{ float:left; width: 40%; margin: 0% 5%;}
.xaiul li p{ font-size: 0.34rem; font-weight: bold; text-align: center}


.con6{width:100%;background:#fff;padding:10% 0 0% 0; position: relative; overflow: hidden; }
.con6 li{width:90%; margin: 6% auto 1%;color: #333; position: relative;}
.con6 h2{font-size: 0.44rem; padding: 0 0 2% 13%; width:83%;}
.con6 .co{font-size: 0.32rem; padding: 1% 0; line-height: 1.3em;font-weight: lighter}
.con6 .click{border-radius: .2em;width:60%; color: #fff; font-size: 0.4rem; font-weight: 700;background-image: -webkit-radial-gradient(0px 10px, #f6586f, #730e19); padding: 2.5% 0; text-align: center; margin: 4% auto;animation: updown 2s 0s ease both infinite;}
.con6 .bq{width:10%; position: absolute; top:-3%;}
.co11{font-size: 0.32rem; padding: 0% 0;font-weight: 600; display: block; margin-top: 3%;}

.con7{width:100%;background:#fff;padding:7% 0 2% 0; overflow: hidden}
.con7 h3{font-size: 0.56rem; color: #333; text-align: center;font-weight:bold;}
.con7 h4{font-size: 0.38rem; color: #333; text-align: center;}



.zj{margin-top:8%;}


.con8{width:100%;background:#fff;padding:8% 0 0% 0; position: relative; overflow: hidden; }
.con8 h4{font-size: 0.56rem;color: #333;text-align: center}
.con8 li{width:48%;background:#f4cc89;font-size:.30rem;float:left;margin:1% 0 0 1.2%; color: #412e23}
.con8 .dul{ padding: 2% 0; overflow: hidden; width: 100%;}
.con8 .co{padding:5% 0;color:#333; text-align: center}



.con1{margin-top:6%;}
.con1con p{font-size:.4rem;color:#333;text-align: center;font-weight:bold;font-size:.5rem;}
.con88{width:100%}
.con88one{position:relative;margin-top:4%}
.con88one h2{position:absolute;top:0;left:6%;font-size:.40rem;color:#333}
.con88one h3{position:absolute;top:-.5%;left:6%;font-size:.40rem;color:#333}
.con88one .co1{position:absolute;top:36%;left:49%;font-size:.3rem;color:#666;line-height:1.6em;width:43%}
.con88one .co1 span{color:#7a52b7;font-weight:700}