*{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)}
}



.con2{width:100%;padding:6% 0 4% 0; background:#ffffff; }
.con2 h1{ font-size: 0.52rem; color: #333; text-align: center; padding-bottom: 1%}
.c2p{ width: 92%; padding: 3% 4%; font-size: 0.32rem; color: #433a3b}
.ysul1{ width: 96%; padding: 0% 1%; display: block;float:left;}
.ysul1 li{ width:19%; margin: 2% 0% 0% 1%; display: block;float:left; position: relative; text-align: center}
.ysul1 li h2{ width: 100%; font-size: 0.3rem; color: #000;}

.yshik{ width: 94%; margin: 4% auto 2%; display: block; background: url(../images/ymc.jpg) no-repeat top left; background-size:42.9%; height: 4.7rem}
.yshik h1{ width: 53.6%; float:right; text-align: left; margin-top: 5%}
.yshik h1 strong{ font-size: 0.42rem; font-weight: bold; color: #ff6054;}
.yshik h1 p{ font-family: "楷体"; font-size: 0.32rem; font-weight: 300}
.yshik font{ text-decoration: underline}


.juanb{ display: block; float:left; width: 98%; margin-left: 2%;}
.juanb li{float:left; width:31%; margin: 1% }
.juanb li.pf1{animation:updown 1.8s 0s ease both infinite;}
.juanb li.pf2{animation:updown 1.5s 0s ease both infinite;}
.juanb li.pf3{animation:updown 2s 0s ease both infinite;}

.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; text-decoration: underline}
.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; text-decoration: underline}
.caseclickn3 a span{ padding-left: 6%;}




.caseclickn{width:94%;margin:5% auto 4%;overflow:hidden;}
.caseclickn a{display:block;width:52%;float:left;margin-left:2%;background-image:linear-gradient(90deg,#eccda3,#c07331);color:#fff;font-size:.36rem;text-align:center;padding:.8em 0;border-radius:0.2rem;font-weight:600;}
.caseclickn a.s{background-image:linear-gradient(90deg,#e39493,#a62321);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,#201d2d,#918caa);color:#fff;font-size:.32rem;text-align:center;padding:.8em 0;border-radius:0.2rem;font-weight:600; margin-left: 2%;}
.caseclicknaa a.s{background-image:linear-gradient(90deg,#e39493,#a62321);font-weight:600;color:#fff; width: 34%}


.caseclicknbb{width:94%;margin:3% auto 4%;overflow:hidden;}
.caseclicknbb a{display:block;width:29.7%;float:left;margin-left:3%;}

.con3{width:100%;background:#fff7e9;padding:7% 0 0% 0; position: relative; overflow: hidden; }
.con3 h1{ font-size: 0.52rem; color: #333; text-align: center; padding-bottom: 1%}
.casebox2{width:100%; margin:4% auto;}
.casebox2 .info{width:44%;float:left; margin-left:3%; margin-right:3%; margin-bottom:7%;}
.casebox2 .info.other{margin-bottom:0;}
.casebox2 .info .nr{ margin:5% 0;}
.casebox2 .info .nr p{font-size:.3rem;color:#3b3b3b; margin-bottom:4%; line-height:1.5em;}
.casebox2 .info .nr p span{color:#fe6054; border:1px solid #fe6054; padding:.05em .3em; border-radius:2.1em;}
.casebox2 .info .stt{width:90%;}
.casebox2 .info .stt p{top:-80%;}

.stt{width:47%; margin:7% auto 5%; position:relative;}
.stt p{font-size:.5rem;color:#000; text-align:center; width:100%; position:absolute; left:0; top:-75%; font-weight:600;}
.clickbtn3{display:block;font-size:0.3rem;color:#fff; background:#ff6054; width:86%; margin:3% auto;text-align:center;padding:.7em 0; border-radius:2.4em;}



.con4{width:100%;background:#fff7e9;padding:4% 0 6% 0; position: relative; overflow: hidden; }
.con4 h1{ font-size: 0.52rem; color: #333; text-align: center; padding-bottom: 1%}
.stepsi{background: url(../images/jbg.png) no-repeat top center; background-size:93.8%; width:100%; height: 8.1rem; margin-top: 5%  }
.stepsi p{ font-size: 0.32rem; width:72%; line-height: 1.2em;}
.stepsi .c4p1{ padding-top:22%; padding-left: 22%;}
.stepsi .c4p2{ padding-top:7%; padding-left: 22%;}
.stepsi .c4p3{ padding-top:7%; padding-left: 22%;}
.stepsi .c4p4{ padding-top:7%; padding-left: 22%;}


.con5{width:100%;background:#fff;padding:7% 0 0% 0; position: relative; overflow: hidden; }
.con5 h1{ font-size: 0.52rem; color: #333; text-align: center; padding-bottom: 1%}
.qbys li{float: left; width:44%; text-align: center; color: #333; padding: 5% 3% 1% 3%}
.qbys h1{font-size: 0.4rem; padding: 2% 0 }
.qbys h1 span{font-size: 0.3rem; font-weight: normal;}
.qbys .co{padding: 0 1%; font-size: 0.28rem; line-height: 1.4em;}
.qbys li .fgx {width: 40%;margin: 2% auto;height: .04rem;background: #ff831b;}


.con6{width:100%;background:#fff;padding:10% 0 0% 0; position: relative; overflow: hidden; }
.con6 h1{ font-size: 0.52rem; color: #333; text-align: center; padding-bottom: 1%}
.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%;}


.con8{width:100%;background:url(../images/c1bg.png) no-repeat; background-size:100%;padding:7% 0 5% 0; position: relative; overflow: hidden; }
.con8 h1{ font-size: 0.52rem; color: #fff; text-align: center;}
.con8 h1 strong{ text-decoration: underline}
.con8 ul{ margin-left: 2%;}
.con8 li{width:42%;background:#edb65c;border-radius:2rem;font-size:.30rem;float:left;margin:1.2% 0 0 4%; color: #412e23}
.con8 .dul{ padding: 2% 0; overflow: hidden; width: 100%;}
.con8 .co{padding:5% 0;color:#333; text-align: center}

.caseclickn1{width:56.5%;margin:2% auto 0%;overflow:hidden;animation:updown 1.7s 0s ease both infinite;}
.caseclickn1 a{display:block;width:100%;float:left;background: url(../images/btn1.png) no-repeat; background-size:100%;  font-size:.36rem;text-align:center;padding:2.3% 0 7.5% 0;font-weight:600; color: #fff; text-decoration: underline; font-weight: bold}
.ztsnav{width:100%; background:#fff; overflow:hidden;}
.ztsnav li{width:19%;float:left;}
.ztsnav li a{display:block; color:#3c3c3c; text-align:center; font-size:0.36rem; padding:0.5em 0;}
.ztsnav li.s{width:24%;}
.ztsnav li.s a{padding:0.4em 0 0.4em 0.3em}


.con100{width:100%; margin:0 auto; padding:5% 0 1px; background:#fff;}
.con100 .tt{width:100%; margin:5% auto 2%;}
.con100 .tt dt{font-size:0.57rem;color:#3e3e3e; font-weight:600; text-align:center;}
.con100 .tt dd{font-size:.3rem;color:#858585;text-align:center; font-weight:300;}

.pjbox{width:96%; margin:5% auto; padding:5% 0; background:#f3f4f6;}
.pjbox dl{width:32%;float:left; text-align:center; margin-left:9%;}
.pjbox dl dt{font-size:1rem;font-weight:600;color:#ff8620; line-height:1em;}
.pjbox dl dd{font-size:.4rem;color:#1b1b1b;}
.pjbox ul{width:50%;float:left;margin-left:4%;}
.pjbox ul li{font-size:.36rem;color:#464646;}
.pjbox ul li span{font-size:.44rem;color:#ff831b; margin:0 3%;font-family:"宋体"}
.pjbox ul li strong{font-size:.44rem; font-weight:normal; color:#464646;}

.pjlist{width:94%; margin:5% auto;}
.pjlist .list{ border-bottom:1px solid #e1e1e1; padding-bottom:3%; margin-top:5%;}
.pjlist .list .tx{width:12%;float:left; margin-left:2%;}
.pjlist .list .nr{width:82%;float:left; margin-left:3%;}
.pjlist .list .nr .nc{font-size:.37rem;color:#1b1b1b; font-weight:600;float:left;width:60%;}
.pjlist .list .nr .pf{font-size:.37rem;color:#464646; float:left;width:60%;}
.pjlist .list .nr .pf span{font-size:.44rem;color:#ff831b; margin-left:2%; font-family:"宋体"}
.pjlist .list .nr .rq{font-size:.42rem;color:#777;float:right; margin-top:3%;}
.pjlist .list .nr .pjnr{}
.pjlist .list .nr .pjnr p{font-size:.32rem;color:#1e1e1e;}
.pjlist .list .nr .pjnr .img1{width:70%; margin:2% 0;}

.pjlist .list .hfbox{ background:#f2f2f2; padding:2% 0; margin-top:3%; position:relative;}
.pjlist .list .hfbox a{display:block; width:95%; margin:0 auto; font-size:.3rem; color:#3f3f3f; line-height:1.5em;}
.pjlist .list .hfbox a i{display:inline-block;width:.56rem; vertical-align:middle;}
.pjlist .list .hfbox a strong{font-weight:600;}
.pjlist .list .hfbox a span{color:#ff6054; text-decoration:underline;}
.pjlist .list .hfbox:after{width:0; height:0; content:"";border-width:.4rem;border-style:solid;border-color: transparent transparent #f2f2f2 transparent; position:absolute; left:20%;top:-35%;}

.pjlist .clickbox{width:96%; margin:3% auto;}
.pjlist .clickbox a{display:block;width:42.5%;float:left; margin-left:5%;color:#fff; background:#ff6054; text-align:center;font-size:.44rem; padding:.5em 0; border-radius:2em;}